@charset "utf-8";
/* 시스템 사이트의 경우 :  메인+서브에 공통 적용되는 common.css 파일 추가해 메인+서브 공통부분, 서브에 적용되는 css 기재 / 메인에만 적용되는 main.css 추가해 메인 css 기재 */
/* 일반 사이트의 경우 : 메인+서브에 공통 적용되는 common.css 파일 추가해 메인+서브 공통부분 css / 메인에만 적용되는 main.css 추가해 메인 css 기재 / 서브에만 적용되는 sub.css 추가해 서브 css 기재 */
/* 시스템, 일반 사이트 공통 : 멤버십, 에러 등이 필요한 경우 퍼블 가이드 UI 요소에서 원하는 부분만 복사해서 common.css에 기재 */
/* basic.css, board.css에서 수정해서 사용할 것들은 common.css에 수정 css 적기 (basic, board 수정 X) */

html {font-size: 10px;}
body * {line-height: 1.5; letter-spacing: 0; box-sizing: border-box;}

input[readonly], textarea[readonly] {background: #d5d5d5; color: #373737;}

/*** header ***/
#header {position: fixed; top: 0; left: 0; z-index: 999;display: flex; align-items: center; justify-content: space-between;width: 100%; height: 7rem;padding: 0 12rem;background: rgba(0,0,0,.3); transition: background .25s ease, box-shadow .25s ease; border-bottom: .1rem solid transparent;}
#header .logo {width: 26.7rem; height: 100%; font-size: inherit;}
#header .logo a {display: flex; align-items: center; width: 100%; height: 100%; background: url(../images/common/header_logo.svg) no-repeat center;}
#header .util {display: flex;}
#header .util button {width: 2.4rem; height: 2.4rem; min-width: 2.4rem; border: 0;}
#header .util .btn_admin {background: url(../images/icon/i_mypage.svg) no-repeat center;}
#header .util .btn_login {background: url(../images/icon/i_login.svg) no-repeat center;}
#header .util .btn_logout {background: url(../images/icon/i_logout.svg) no-repeat center;}
#header .util .btn_menu {background: url(../images/icon/i_menu.svg) no-repeat center;}

/* 모바일 메뉴 열렸을 때: 닫기 아이콘 */
#header.wh_header {background: #fff; border-bottom: .1rem solid #eee;}
#header.wh_header .logo a {background: url(../images/common/header_logo_hv.svg) no-repeat center; transition: .2s;}
#header.wh_header .util .btn_admin {background: url(../images/icon/i_mypage_bk.svg) no-repeat center; transition: .2s;}
#header.wh_header .util .btn_login {background: url(../images/icon/i_login_bk.svg) no-repeat center; transition: .2s;}
#header.wh_header .util .btn_logout {background: url(../images/icon/i_logout_bk.svg) no-repeat center; transition: .2s;}
#header.wh_header .util .btn_menu {background: url(../images/icon/i_menu_bk.svg) no-repeat center; transition: .2s;}
#header.wh_header #gnb > ul.gnb > li > a { color: #222;}

/** gnb **/
#gnb { position: absolute; left: 50%; transform: translateX(-50%);}
#gnb > ul.gnb {display: flex; align-items: center;font-size: 1.8rem; font-weight: 700;}
#gnb > ul.gnb > li { position: relative; }
#gnb > ul.gnb > li > a {position: relative; display: inline-flex; align-items: center; height: 7rem;color: #fff; transition: color .2s; width: 16.2rem; justify-content: center;}
#gnb > ul.gnb > li.is-active > a {color: #014099 !important;}
#header.wh_header #gnb > ul.gnb > li > a { color: #222; }

/* snb */
#gnb .snb { display: none !important; }

.mega-panel {display: none;position: fixed; left: 0; right: 0; top: 7rem; z-index: 998;background: #fff;box-shadow: 0 .8rem 2.4rem rgba(0,0,0,.08);}
.mega-grid {display: flex; justify-content: center;}

.mega-col { min-width: 16.2rem; text-align: center;}
.mega-col:hover {background-color: #F5F9FF;}
.mega-col ul { display: flex; flex-direction: column; gap: 1.6rem; padding: 2.8rem 0;}
.mega-col li a {display: block; font-size: 1.7rem; font-weight: 500; color: #444; transition: color .2s; line-height: 1.53;}
.mega-col li a:hover { color: #014099; }

#header.mega-open { background: #fff; border-bottom: .1rem solid #eee;}

.sitemap {background: #fff; width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 99999; display: none;}
.sitemap .btn_close {width: 4rem; height: 4rem; min-width: 4rem; border: 0; background: url(../images/icon/i_close.svg) no-repeat center; position: absolute; top: 4.8rem; right: 4.8rem;}
.sitemap .lt {width: 23%; height: 100%; background: #EAF1FA url(../images/common/sitemap_lt_bg.png) no-repeat 0% 376px; display: flex; justify-content: center; padding-top: 23rem; background-size: 100%;}
.sitemap .rt {width: 77%; height: 100%; background: #fff url(../images/common/sitemap_rt_bg.png) no-repeat 100% 100%; padding: 18rem 16rem;}
.sitemap .rt .sp_gnb {display: flex; gap: 9rem;}
.sitemap .rt .sp_gnb > li > a {font-size: 3.2rem; font-weight: 700; color: #222;}
.sitemap .rt .sp_gnb > li > a::after {content: ''; display: block; width: 100%; height: .1rem; background: #D5D5D5; margin: 4.8rem 0;}
.sitemap .rt .sp_gnb > li .dp2 {font-size: 1.7rem;}
.sitemap .rt .sp_gnb > li .dp2 ul {display: flex; flex-direction: column; gap: 2rem; color: #222; font-weight: 500;}
.sitemap .rt .sp_gnb > li .dp2 ul li:hover {color: #014099;}
.sitemap .rt .sp_gnb > li .dp2 a {display: block; width: 100%; height: 100%;}

/*** footer ***/
#footer {background: #111;}
#footer .wrap {width: 100%; padding: 2.8rem 12rem 4rem;}
#footer .wrap .top {border-bottom: .1rem solid #373737;}
#footer .wrap .top ul {display: flex; align-items: center; gap: 3.6rem; padding-bottom: 2.4rem;}
#footer .wrap .top ul li {position: relative; font-size: 1.5rem; font-weight: 500; color: #C4C4C4;}
#footer .wrap .top ul li a {color: #c4c4c4; transition: .2s;}
#footer .wrap .top ul li:hover a {color: #fff;}
#footer .wrap .top ul li::before {content: ''; display: block; width: .4rem; height: .4rem; background: #444; border-radius: 50%; position: absolute; top: 50%; left: -1.8rem; transform: translateY(-50%);}
#footer .wrap .top ul li:first-child::before {content: none;}

#footer .wrap .btm {display: flex; align-items: flex-end; justify-content: space-between; padding-top: 2.8rem;}
#footer .wrap .btm .lt .adress {font-size: 1.5rem; color: #C4C4C4; display: flex; align-items: center; gap: 2.4rem; margin-bottom: .8rem;}
#footer .wrap .btm .lt .copy {font-size: 1.5rem; color: #666;}

#footer .wrap .btm .rt .flogo {width: 26.7rem; height: 2.2rem; font-size: inherit;}
#footer .wrap .btm .rt .flogo a {display: flex; align-items: center; width: 100%; height: 100%; background: url(../images/common/header_logo.svg) no-repeat center;}


@media screen and (max-width: 1600px) {
    #header {padding: 0 1.6rem;}

    #footer .wrap {padding: 3.2rem 2rem;}
    #footer .wrap .top ul {padding-bottom: 2.8rem;}
    #footer .wrap .btm {flex-direction: column-reverse; gap: 2.4rem; padding-top: 3.2rem; align-items: flex-start;}
    #footer .wrap .btm .lt .adress {flex-wrap: wrap; gap: .6rem 2rem;}
    #footer .wrap .btm .lt .copy {margin-top: 2.8rem;}
}

@media screen and (max-width: 1440px) {
    #gnb > ul.gnb > li > a {width: 13.2rem;}
    .mega-col {min-width: 13.2rem;}

    .sitemap .rt {padding: 18rem 4rem;}
    .sitemap .rt .sp_gnb {gap: 7rem;}
}

@media screen and (max-width: 1280px) {
    #header .pc_gnb {display: none;}
    .fadeUp { animation: none !important; }

    #header { padding: 0 1rem 0 2rem; height: 6rem; }
    #gnb.pc_gnb {position: static; transform: none; display: none !important;}

    .m_gnb { list-style: none; margin: 0; padding: 0; }
    .m_gnb > li > a {display: flex; align-items: center; justify-content: space-between; padding: 2rem; font-size: 1.9rem; font-weight: 700; color: #222; text-decoration: none; border-bottom: .1rem solid #eee; }
    .m_gnb > li.has-children > a::after{content: ""; flex: none; width: 1rem; height: 1rem; border-right: .2rem solid #000; border-bottom: .2rem solid #000; transform: rotate(45deg); transition: transform .2s ease;}
    .m_gnb > li.is-open > a{color: #014099;}
    .m_gnb > li.is-open > a::after{transform: rotate(-135deg); border-right-color: #014099; border-bottom-color: #014099;}

    .m_gnb .snb{display:none; overflow:hidden; background:#F5F9FF; padding: 1.2rem;}
    .m_gnb .snb > ul{display:block;}

    .m_gnb > li.is-open .snb > ul{display:block;}
    .m_gnb .snb li a {display: block; font-size: 1.7rem; color: #444; text-decoration: none; border-radius: .6rem; padding: .8rem; font-weight: 500;}
    .m_gnb .snb li a:hover { background: #f6f9ff; color: #014099; }

    body.mnav-lock { overflow: hidden; touch-action: none; }

    .mega-panel { display: none !important; }
}

@media screen and (max-width: 1024px) {
    /* 태블릿 버전 스타일 (모바일~태블릿 공통 스타일) */
    html {font-size: 12px} /* 1rem = 12px */

    #header {height: 5.6rem;}
    #header .logo {width: 19.4rem;}
    #header .logo a {background-size: 19.4rem !important;}
}
@media screen and (max-width: 767px) {
    /* 모바일 버전 스타일 (태블릿 대비 모바일에서 달라지는 스타일) */
    html {font-size: 11px} /* 1rem = 11px */

}
@media screen and (max-width: 480px) {
    /* 모바일 버전 스타일2 (모바일 작은 화면에서 달라지는 스타일) */
    html {font-size: 10px;} /* 1rem = 10px */

    .sec02 .wrap .rt {padding-right: 1.6rem !important;}
    .sec02 .wrap .rt .tit_wrap {padding-right: 0 !important;}
}

/* breadcrumb */
.breadcrumb {margin-top: 2.4rem;}
.breadcrumb .path {display: inline-flex;align-items: center;gap: 0.4rem;}
.breadcrumb li {display: inline-flex;align-items: center;gap: 0.4rem; color: #fff;}
.breadcrumb li:not(:last-child)::after {content: '\EA6E';font-family: 'remixicon';display: inline-block;font-size: 1.8rem;}
.breadcrumb li a {display: block;position: relative;padding: 0 0.4rem;border-radius: 0.6rem;font-size: 1.5rem;font-weight: 400;text-underline-offset: 0.3rem;transition: all 0.1s; color: #fff;}
.breadcrumb li.home a::before {content: ''; display: block; width: 1.6rem; height: 1.6rem; background: url(../images/icon/i_home.svg) no-repeat center; margin-bottom: .2rem;}

.mo_breadcrumb {width: 100%;height: 4rem;margin: 0 auto; background: #fff; border-bottom: .1rem solid #eee; display: none;}
.mo_breadcrumb ul li {float: left;}
.mo_breadcrumb ul li a {line-height: 4rem;}
.mo_breadcrumb .path > li {position: relative; width: calc(50% - 2rem - .1rem); height: 4rem; border-right: 1px solid #eff0f2;}
.mo_breadcrumb .path > li:last-child {border-right: 0;}
.mo_breadcrumb .path > li a {display: block;}
.mo_breadcrumb .path > li.home {width: auto;min-width: 0; height: 4rem;}
.mo_breadcrumb .path > li.home a {width: 4rem; height: 4rem; background: url(../images/icon/i_home_color.svg) no-repeat 50% / 1.5rem;}
.mo_breadcrumb .path div.selbox {position: relative;padding: 0;text-align: left;}
.mo_breadcrumb .path div.selbox.on {background: #fff;}
.mo_breadcrumb .path div.selbox .selected {display: block;position: relative;width: 100%;height: 100%;padding: 0 2rem;padding-right: 5rem;font-size: 1.3rem;font-weight: 400;line-height: 4rem;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mo_breadcrumb .path div.selbox .selected::after {content: '';display: block;position: absolute;right: 2rem;top: 1.2rem; width: 1.6rem;height: 1.6rem;background: url(../images/icon/i_select_arrow.svg) no-repeat center center;transition: all 0.2s;}
.mo_breadcrumb .path div.selbox.on .selected::after {transform: rotate(180deg);}
.mo_breadcrumb .path div.selbox .selectoptions {display: none;overflow-y: auto;position: absolute;left: -1px;top: 4.1rem;width: calc(100% + 0.2rem);max-height: 40rem;border: 1px solid #eff0f2;border-top: 0;background: #fff;z-index: 99;}
.mo_breadcrumb .path div.selbox .selectoptions li {float: none;}
.mo_breadcrumb .path div.selbox .selectoptions li a {display: block;padding: 1rem 2rem;font-size: 1.3rem;font-weight: 300;line-height: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mo_breadcrumb .path div.selbox .selectoptions li a:hover, .breadcrumb  .path div.selbox .selectoptions li.on a {font-weight: 500;color: #f36018;text-decoration: underline;}


/* search */
.search_basic {flex-direction: row !important; padding: 2rem 3.2rem; background: #F7F7F7; border: 0; border-radius: .6rem; gap: .8rem; margin-bottom: 4.8rem;}
.search_basic .sch_row {width: calc(100% - 18rem);}
.search_basic .sch_full {width: 100%;}
.search_basic .sch_full select {min-width: 27.5rem; width: 27.5rem; height: 4rem; background: #fff url(../images/icon/i_select_arrow.svg) no-repeat right 1.2rem center; border-radius: .4rem;}
.search_basic .sch_full select + select {margin-left: 2rem;}
.search_basic .sch_full input[type="text"] {margin-left: 2rem; width: calc(100% - 29.5rem); height: 4rem; border-radius: .4rem;}
.search_basic .btn_area {display: flex; align-items: center; gap: .8rem;}
.search_basic .btn_area button {font-size: 1.5rem; min-width: 7.8rem !important; height: 4rem; border-radius: .4rem; gap: .4rem; padding: 0;}
.search_basic .btn_area .btn_reset {background: #fff; border: .1rem solid #C4C4C4; margin-left: 0; color: #666666;}
.search_basic .btn_area button i {font-size: 1.5rem; font-weight: 400;}

.sch_area select {background: #fff url(../images/icon/i_select_arrow.svg) no-repeat right 1.2rem center; border-radius: .4rem;}
.sch_area input[type="text"] {border-radius: .4rem !important;}

/* badge */
.badge {font-size: 1.5rem; font-weight: 500; height: 2.4rem; line-height: 2.4rem; padding: 0; min-width: 7.2rem;}
.badge.blue {background: #014099;}
.badge.gray {background: #516787;}
.badge.orange {background: #EE7825;}

/** table **/
.board_top {margin-bottom: 1.6rem;}
.board_top .all_num {font-size: 1.7rem; color: #222;}
.board_top .all_num .num {color: #0352BB; font-weight: 700;}

table .asterisk {margin-left: .4rem;}
table .tl {text-align: left;}
table .tc {text-align: center;}
table .tr {text-align: right;}

.board_list {border-top: .1rem solid #052561;}
.board_list > thead > tr > th,
.board_list > tbody > tr > td {border-bottom: .1rem solid #d5d5d5; font-size: 1.7rem;}
.board_list > thead > tr > th {background: #F5F9FF; color: #000; font-weight: 500; padding: 1.3rem 1.05rem;}
.board_list > tbody > tr > td {padding: 1.7rem;}
.board_list > tbody > tr > td a.ellipsis {font-weight: 700; max-width: calc(100% - 6.4rem);}
.board_list > tbody > tr > td .new {display: inline-block; background: #FFDDC5; color: #EB6100; font-size: 1.5rem; font-weight: 500; padding: 0 1rem; border-radius: 5rem; width: 5.4rem; text-align: center; margin-left: 1rem;}
.board_list > tbody > tr > td .notice {background: url(../images/icon/i_speaker.svg) no-repeat center; width: 2rem; height: 2rem; display: block; margin: 0 auto;}
.board_list > tbody > tr:hover > td:not(.no_data) {background-color: #f7f7f7;}

.board_view {border-top: .1rem solid #052561; border-bottom: .1rem solid #052561;}
.board_view > tbody > tr > th,
.board_view > tbody > tr > td {height: 6rem; padding: 1.7rem 2.8rem; color: #222;}
.board_view > tbody > tr:last-child > th,
.board_view > tbody > tr:last-child > td {border-bottom: 0;}
.board_view > tbody > tr > th {background: #F5F9FF; padding-left: 4.2rem; color: #000;}
.board_view > tbody > tr > td.content {padding: 4.8rem; text-align: left;}
.board_view > tbody > tr > td.content img {width: 100%;}
.board_view > tbody > tr > td .file {display: flex; flex-direction: column; gap: 1.2rem;}
.board_view > tbody > tr > td .file li a {display: flex; align-items: center; color: #444;}
.board_view > tbody > tr > td .file li a.ellipsis {text-overflow: ellipsis; display: block;}
.board_view > tbody > tr > td .file li a img {margin-right: .8rem;}
.board_view > tbody > tr > td .file li a .capacity {margin-left: .4rem; display: inline-block; color: #929292;}
.board_view > tbody > tr > td .file li.no_data {text-align: left !important; color: #666;}
.board_view > tbody > tr > td .no_cnt {color: #666;}
.board_view > tbody > tr th.prev p,
.board_view > tbody > tr th.next p {display: flex; align-items: center;}
.board_view > tbody > tr th.prev p img,
.board_view > tbody > tr th.next p img {margin-left: .5rem; width: 1.6rem; height: 1.6rem;}
.board_view > tbody > tr th.prev p img {transform: rotate(-180deg);}
.board_view > tbody > tr td .prev,
.board_view > tbody > tr td .next {display: block;}
.board_view > tbody > tr td .prev:hover,
.board_view > tbody > tr td .next:hover {text-decoration: underline;}

.tbl_list {border-collapse:separate; border-top: .1rem solid #052561;}
.tbl_list > thead > tr > th,
.tbl_list > tbody > tr > td {border-bottom: .1rem solid #d5d5d5; font-size: 1.7rem;}
.tbl_list > thead > tr > th {background: #F5F9FF; color: #000; font-weight: 500; padding: 1.3rem 1.05rem;}
.tbl_list > tbody > tr > td {padding: 1.7rem;}


.tbl_col_list {border-collapse:separate; border-top: .1rem solid #052561; border-bottom: .1rem solid #052561; color: #222;}
.tbl_col_list tbody tr th,
.tbl_col_list tbody tr td {border-bottom: .1rem solid #D5D5D5; padding: 1.7rem 3.2rem; font-size: 1.7rem; word-break: keep-all}
.tbl_col_list tbody tr th {font-weight: 500; background: #F5F9FF;}
.tbl_col_list tbody tr:last-child th,
.tbl_col_list tbody tr:last-child td {border-bottom: 0;}

.tbl_row_list {color: #222; border-collapse:separate; border-top: .1rem solid #052561; border-bottom: .1rem solid #052561;}
.tbl_row_list thead tr th,
.tbl_row_list tbody tr td {font-size: 1.7rem; padding: 1.7rem; border-right: .1rem solid #d5d5d5; border-bottom: .1rem solid #d5d5d5; text-align: center;}
.tbl_row_list thead tr th {font-weight: 500; background: #F5F9FF;}
.tbl_row_list thead tr:first-child th:last-child {border-right: 0;}
.tbl_row_list tbody tr td:last-child {border-right: 0;}
.tbl_row_list tbody tr:last-child td {border-bottom: 0;}

/* paging */
.paging_wrap {margin-top: 3.2rem;}
.paging li {font-weight: 500; color: #222; font-size: 1.5rem; min-width: 3.2rem; height: 3.2rem; border: none;}
.paging li a {line-height: 3.2rem;}
.paging li.btn_page {border-radius: 50%; background-color: #F7F7F7; color: #929292; border: none;}
.paging li:hover, .paging .current {background-color: transparent; color: #014099;}
.paging .current {background-color: transparent !important; color: #014099 !important; font-weight: 700 !important;}


.sub_top .sub_visual {height: 38rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub_top .sub_visual .page_tit {color: #fff; font-size: 4.8rem;}
.sub_top .sub_visual.s_bg01 {background: url(../images/sub/sub_visual01.png) no-repeat center; background-size: cover;}
.sub_top .sub_visual.s_bg02 {background: url(../images/sub/sub_visual02.png) no-repeat center; background-size: cover;}
.sub_top .sub_visual.s_bg03 {background: url(../images/sub/sub_visual03.png) no-repeat center; background-size: cover;}
.sub_top .sub_visual.s_bg04 {background: url(../images/sub/sub_visual04.png) no-repeat center; background-size: cover;}
.sub_top .sub_visual.s_bg05 {background: url(../images/sub/sub_visual05.png) no-repeat center; background-size: cover;}
.sub_top .sub_menu {display: flex; align-items: center; justify-content: center; border-bottom: .1rem solid #D5D5D5;}
.sub_top .sub_menu li {min-width: 25rem; text-align: center; font-size: 1.7rem; font-weight: 500; color: #414651;}
.sub_top .sub_menu li.on {font-weight: 700; color: #271002;}
.sub_top .sub_menu li.on::after {content: ''; display: block; width: 100%; height: .2rem; background-color: #EB6100; border-radius: 2rem;}
.sub_top .sub_menu li a {padding: 1.9rem 0; display: block;}

/* btn */
.btn {font-weight: 500; border-radius: .4rem;}
.btn.sm {height: 4rem; font-size: 1.5rem; min-width: 5.8rem;}
.btn.md {height: 4.4rem; font-size: 1.5rem; min-width: 11.6rem;}
.btn.lg {height: 5.2rem; font-size: 1.7rem; min-width: 15.8rem;}

.btn.primary {background: #014099; color: #fff; border: .1rem solid #014099;}
.btn.secondary {background: #fff; color: #014099; border: .1rem solid #014099;}
.btn.tertiary {background: #929292; color: #fff; border: .1rem solid #929292;}
.btn.outline {background: #fff; color: #666666; border: .1rem solid #C4C4C4;}

.btn.secondary.disabled {background: #D5D5D5 !important; color: #5B5B5B !important; border-color: #666666 !important;}

.btn.primary:focus {background: #052561;}
.btn.secondary:focus {background: #EAF1FA;}
.btn.tertiary:focus {background: #666666;}
.btn.outline:focus {background: #F7F7F7;}

.content .btn_wrap {text-align: center; margin-top: 3.2rem; display: flex; justify-content: center; gap: .8rem;}
.content .btn_wrap.tr {justify-content: right;}

.content .wrap {width: 120rem; margin: 0 auto; padding: 7rem 0 12rem;}
.content .wrap .sub_tit,
.content .wrap .sub_tit2 {font-size: 4rem; font-weight: 700; text-align: center; margin-bottom: 3.2rem;}

/*** 회사소개 ***/
/** CEO 인사말 **/
.content .flex_box {display: flex; align-items: center;}
.content .ceo_cnt_box {align-items: flex-start;}
.content .ceo_cnt_box .lt {width: 54rem; height: 72rem; border-radius: 2rem; overflow: hidden;}
.content .ceo_cnt_box .lt img {width: 100%; height: 100%; object-fit: cover;}
.content .ceo_cnt_box .rt {width: calc(100% - 54rem); padding: 0 4rem;}
.content .ceo_cnt_box .rt .ceo_tit {margin-bottom: 4.8rem; display: flex; flex-direction: column; gap: 2.4rem; padding: 5rem 0; position: relative; background: url(../images/sub/ceo_tit_bg.png) no-repeat center; background-size: 100%;}
.content .ceo_cnt_box .rt .ceo_tit::before {content: ''; display: block; width: 4.1rem; height: 12rem; background: url(../images/sub/ceo_tit_quotes.png) no-repeat center; position: absolute; top: -2rem; left: 0;}
.content .ceo_cnt_box .rt .ceo_tit::after {content: ''; display: block; width: 4.1rem; height: 12rem; background: url(../images/sub/ceo_tit_quotes.png) no-repeat center; position: absolute; top: -2rem; right: 0; transform: rotate(-180deg)}
.content .ceo_cnt_box .rt .ceo_tit * {text-align: center}
.content .ceo_cnt_box .rt .ceo_tit strong {font-size: 2.8rem}
.content .ceo_cnt_box .rt .ceo_tit h4 {font-size: 4rem; color: #014099; position: relative;}
.content .ceo_cnt_box .rt .ceo_tit h4::before {content: ''; display: block; width: calc(100% - 6rem); height: 1.6rem; background: #EAF1FA; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
.content .ceo_cnt_box .rt p.bold {font-size: 2rem; font-weight: 700; margin-bottom: 4rem; color: #222;}
.content .ceo_cnt_box .rt p {font-size: 1.7rem; margin-bottom: 4.6rem; color: #373737;}
.content .ceo_cnt_box .rt strong {font-size: 2rem; display: block; text-align: right; color: #222;}


/** 비전 **/
.content .vision_cnt_box .vision {display: flex; flex-direction: column; gap: 2rem;}
.content .vision_cnt_box .vision > li {display: flex; gap: 1.6rem; height: 100%;}
.content .vision_cnt_box .vision > li .lt {width: 18rem; min-height: 8.8rem; background: #F7F7F7; border-radius: .8rem; color: #222; font-size: 2rem; font-weight: 500; display: flex; align-items: center; justify-content: center; text-align: center;}
.content .vision_cnt_box .vision > li .rt {width: calc(100% - 19.6rem);}
.content .vision_cnt_box .vision > li .rt p.blue01,
.content .vision_cnt_box .vision > li .rt p.blue02 {display: block; height: 100%; background: #014099; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 700; color: #fff; border-radius: .8rem;}
.content .vision_cnt_box .vision > li .rt p.blue02 {background: #256ef4;}
.content .vision_cnt_box .vision > li .rt .value {background: url(../images/sub/vision_diagram_bg.png) no-repeat center / cover; width: 100%; height: 100%; display: flex; align-items: center; padding: 1.6rem; gap: 4.8rem;}
.content .vision_cnt_box .vision > li .rt .value li {width: 25%; height: 100%; background: #fff; border-radius: 5rem; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 700; color: #014099; gap: 1.6rem;}
.content .vision_cnt_box .vision > li .rt .value li::before {content: ''; display: inline-block; width: 3.2rem; height: 3.2rem;}
.content .vision_cnt_box .vision > li .rt .value li.v01::before {background: url(../images/sub/v01.svg) no-repeat center;}
.content .vision_cnt_box .vision > li .rt .value li.v02::before {background: url(../images/sub/v02.svg) no-repeat center;}
.content .vision_cnt_box .vision > li .rt .value li.v03::before {background: url(../images/sub/v03.svg) no-repeat center;}
.content .vision_cnt_box .vision > li .rt .value li.v04::before {background: url(../images/sub/v04.svg) no-repeat center;}
.content .vision_cnt_box .vision > li .plan_box {display: flex; gap: 1.6rem;}
.content .vision_cnt_box .vision > li .plan_box .plan {display: flex; flex-direction: column; width: 100%;}
.content .vision_cnt_box .vision > li .plan_box .plan div {color: #fff; background: #3F8CF3; border-radius: 5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.3rem 0;}
.content .vision_cnt_box .vision > li .plan_box .plan div strong {font-size: 2rem; font-weight: 700;}
.content .vision_cnt_box .vision > li .plan_box .plan div p {font-size: 1.5rem; font-weight: 500;}
.content .vision_cnt_box .vision > li .plan_box .plan ul {display: flex; flex-direction: column; gap: .8rem; position: relative; padding-top: 2.6rem; margin-top: .6rem;}
.content .vision_cnt_box .vision > li .plan_box .plan ul::before {content: ''; display: block; width: 4.5rem; height: 2.6rem; background: url(../images/sub/diagram_arrow.png) no-repeat center; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.content .vision_cnt_box .vision > li .plan_box .plan ul li {background: #fff; border: .1rem solid #D5D5D5; border-radius: .4rem; padding: 1.6rem 1.2rem; height: 4.8rem; display: flex; align-items: center; gap: .4rem; font-size: 1.5rem; letter-spacing: -.105rem;}
.content .vision_cnt_box .vision > li .plan_box .plan ul.two li {height: 7.6rem;}
.content .vision_cnt_box .vision > li .plan_box .plan ul li .num {width: 1.6rem; height: 1.6rem; border-radius: 50%; background: #5B5B5B; color: #fff; font-size: 1.3rem; font-weight: 500; display: flex; align-items: center; justify-content: center;}

/** 조직도 **/
.content .txt_box {background: #F5F9FF; border-radius: .4rem; padding: 2.4rem; font-size: 1.7rem; color: #000; margin-bottom: 4.8rem;}
.content .bd_box {border-radius: 2rem; border: .1rem solid #D5D5D5; padding: 6rem; margin-bottom: 4.8rem;}
.content .org_cnt_box .bd_box .org {display: flex; flex-direction: column; gap: 4.8rem; margin-bottom: 1.2rem;}
.content .org_cnt_box .bd_box .org .org_logo {width: 100%; margin: 0 auto;}
.content .org_cnt_box .bd_box .org .org_logo img {height: 5.8rem; margin: 0 auto; display: block;}
.content .org_cnt_box .bd_box .org .org_logo::after {content: ''; display: block; width: .1rem; height: 4.8rem; background: #d5d5d5; position: absolute; left: 50%; bottom: -4.8rem; transform: translateX(-50%);}
.content .org_cnt_box .bd_box .org li {position: relative;}
.content .org_cnt_box .bd_box .org > li:nth-child(2)::after {content: ''; display: block; width: .1rem; height: 8.4rem; background: #d5d5d5; position: absolute; left: 50%; bottom: -8.4rem; transform: translateX(-50%);}
.content .org_cnt_box .bd_box .org li strong {width: 32rem; display: block; text-align: center; font-size: 2.4rem; font-weight: 700; color: #fff; padding: 1.8rem 0; border-radius: 1.8rem; margin: 0 auto;}
.content .org_cnt_box .bd_box .org li .step01 {background: #052561;}
.content .org_cnt_box .bd_box .org li .step02 {background: #0352BB;}
.content .org_cnt_box .bd_box .org li .step03 {background: #3F8CF3;}

.content .org_cnt_box .bd_box .org .step_box > ul {display: flex; justify-content: space-between;}
.content .org_cnt_box .bd_box .org .step_box > ul .det {display: flex; justify-content: center; align-items: center; background: #F7F7F7; border-radius: 1.6rem; padding: 2.4rem 0; gap: 2.4rem; margin-top: .8rem;}
.content .org_cnt_box .bd_box .org .step_box > ul .det li {font-size: 2rem; font-weight: 500; position: relative;}
.content .org_cnt_box .bd_box .org .step_box > ul .det li::after {content: ''; display: block; width: .1rem; height: 1.2rem; background: #C4C4C4; position: absolute; right: -1.2rem; top: 50%; transform: translateY(-50%);}
.content .org_cnt_box .bd_box .org .step_box > ul .det li:last-child::after {content: none;}
.content .org_cnt_box .bd_box .org .step_box > ul li > ul {margin-top: 4.8rem; position: relative; padding-bottom: 6.2rem;}
.content .org_cnt_box .bd_box .org .step_box > ul li > ul::before {content: ''; display: block; width: .1rem; height: 13.4rem; background: #d5d5d5; position: absolute; top: -13.4rem; left: 50%; z-index: -1;}
.content .org_cnt_box .bd_box .org .step_box > ul li > ul::after {content: ''; display: block; width: 10.5rem; height: 6.2rem; background: url(../images/sub/diagram_arrow_bottom_big.png) no-repeat center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.content .org_cnt_box .bd_box .org .step_box > ul::after {content: ''; width: calc(100% - 64rem); height: .1rem; background: #d5d5d5; position: absolute; top: 3.6rem; left: 50%; transform: translate(-50%);}
.content .org_cnt_box .board_top {margin-bottom: .8rem;}
.content .board_top .date {font-size: 1.7rem; color: #666;}

.sign {margin-top: 1.5rem; position: relative; padding-left: .8rem; font-size: 1.5rem !important; color: #666;}
.sign::before {content: '*'; display: block; position: absolute; top: 0; left: 0; font-size: 1.5rem;}
.sign + .sign {margin-top: 0;}

/** 연혁 **/
.content .history {color: #222; display: flex; flex-direction: column; gap: 8rem;}
.content .history .blue {color: #014099;}
.content .history strong {display: block;}
.content .history > li {display: flex; gap: 14rem; align-items: flex-start; position: relative;}
.content .history > li::before {content: ''; display: block; width: .4rem; height: calc(100% + 5rem); background: #eee; position: absolute; left: 25rem; top: 5.2rem; border-radius: 5rem;}
.content .history > li:last-child::before {height: calc(100% - 5rem);}
.content .history > li > strong {font-size: 4.8rem; font-weight: 700; position: relative; display: block; width: 25rem;}
.content .history > li > strong::before {content: ''; display: block; width: 1rem; height: 1rem; border-radius: 50%; background: #014099; position: absolute; top: 50%; right: -.7rem; transform: translateY(-50%);}
.content .history .month {display: flex; flex-direction: column; gap: 3.5rem; width: calc(100% - 39rem)}
.content .history .month > li > strong {font-size: 3.2rem; font-weight: 700; margin-bottom: .5rem; line-height: 7.2rem; height: 7.2rem;}
.content .history .month .day {display: flex; flex-direction: column; gap: 1.2rem;}
.content .history .month .day > li {display: flex; font-size: 2.4rem; gap: 4.8rem;}

/** 찾아오시는 길 **/
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .cont .section.lst {display: none;}

.content .roc_cnt_box {gap: 2rem;}
.content .roc_cnt_box .lt,
.content .roc_cnt_box .rt {width: 50%; border-radius: 1.6rem; overflow: hidden; height: 33rem;}
.content .roc_cnt_box .rt {background: #F5F9FF; padding: 6rem; color: #373737; display: flex; flex-direction: column; justify-content: space-between;}
.content .roc_cnt_box .rt .roc_tit {font-size: 2.8rem;}
.content .roc_cnt_box .rt .roc_info {display: flex; flex-direction: column; gap: .8rem;}
.content .roc_cnt_box .rt {display: flex; flex-direction: column; gap: .8rem; font-size: 1.7rem; color: #373737;}
.content .roc_cnt_box .rt .roc_info li {position: relative; padding-left: 3.2rem;}
.content .roc_cnt_box .rt .roc_info li::before {content: ''; display: block; width: 2rem; height: 2rem; position: absolute; top: 0; left: .4rem;}
.content .roc_cnt_box .rt .roc_info li:nth-child(1)::before {background: url(../images/icon/i_rocation.svg) no-repeat center;}
.content .roc_cnt_box .rt .roc_info li:nth-child(2)::before {background: url(../images/icon/i_phone.svg) no-repeat center;}
.content .roc_cnt_box .rt .roc_info li:nth-child(3)::before {background: url(../images/icon/i_bus.svg) no-repeat center;}
.content .roc_cnt_box .rt .roc_info li:nth-child(4)::before {background: url(../images/icon/i_bus.svg) no-repeat center;}
.content .roc_cnt_box .rt .roc_info li span {position: relative; padding-right: 3.2rem;}
.content .roc_cnt_box .rt .roc_info li span::after {content: ''; display: block; width: 1.6rem; height: 1.6rem; position: absolute; right: .8rem; top: 50%; transform: translateY(-50%); background: url(../images/icon/i_right_arrow.svg) no-repeat center;}
.content .roc_cnt_box .rt .roc_info li span:last-child::after {content: none;}
.root_daum_roughmap .wrap_map {height: 33rem !important;}




/*** 사업소개 ***/
/** 주요사업 **/
.content .tab_wrap .tab_menu {background: #eee; border-radius: 5rem; padding: .4rem;}
.content .tab_wrap .tab_menu li {width: 33.33%; border: 0;}
.content .tab_wrap .tab.balloon > .tab_menu li {height: 5rem; border-radius: 5rem; font-size: 2rem; font-weight: 400; overflow: hidden;}
.content .tab_wrap .tab.balloon > .tab_menu li:not(:last-child) {margin-right: 0;}
.content .tab_wrap .tab.balloon > .tab_menu li:has(.on) {background: #014099; font-weight: 700;}
.content .tab_wrap .tab.balloon > .tab_menu li:has(.on) button {color: #fff;}
.content .tab_wrap .tab.balloon > .tab_menu li:has(.on)::after {content: none;}
.content .tab_wrap .tab.balloon > .tab_menu li button {padding: 0; width: 100%; height: 100%; background: transparent;}
.content .tab_wrap .tab > .tab_cont {margin-top: 3.2rem;}
.content .bus_img_box {height: 27rem; overflow: hidden; border-radius: 1.6rem; margin-bottom: 2.4rem;}
.content .bus_img_box img {width: 100%; height: 100%; object-fit: cover;}
.content .bus_info {display: flex; justify-content: space-between;}
.content .bus_info strong {font-size: 3.2rem; color: #222;}
.content .bus_info ul {display: flex; flex-direction: column; gap: .8rem; padding: 2rem 3.2rem; background: #F7F7F7; border-radius: .8rem; width: 75rem;}
.content .bus_info ul li {font-size: 1.7rem; font-weight: 500; color: #222; position: relative; padding-left: 1.2rem;}
.content .bus_info ul li::before {content: ''; display: block; width: .4rem; height: .4rem; border-radius: 50%; background: #256EF4; position: absolute; left: 0; top: .9rem;}

/** 주요사업장 **/
.content .bus_map_wrap {border: .1rem solid #D5D5D5; border-radius: 1.6rem; overflow: hidden; display: flex; margin-bottom: 5.6rem;}
.content .bus_map_wrap .lt,
.content .bus_map_wrap .rt {width: 50%;}
.content .bus_map_wrap .lt {padding: 5.9rem 3.2rem; display: flex; align-items: center; justify-content: center;}
.content .bus_map_wrap .lt img {display: block; max-width: 100%;}
.content .bus_map_wrap .rt {background: #F7F7F7; padding: 3.9rem 6rem;}
.content .bus_map_wrap .rt .sch_area {border-bottom: .1rem solid #D5D5D5; padding-bottom: 3.2rem; margin-bottom: 3.2rem;}
.content .bus_map_wrap .rt .sch_area .sch_tit {font-size: 2.8rem; color: #014099;}
.content .bus_map_wrap .rt .sch_area .sch_box {margin-top: 2.4rem; display: flex; flex-direction: column; gap: 1.2rem;}
.content .bus_map_wrap .rt .sch_area .sch_box li label {font-size: 2rem; font-weight: 500; color: #222; padding-left: 2rem; position: relative; margin-bottom: .8rem; display: block;}
.content .bus_map_wrap .rt .sch_area .sch_box li label::before {content: ''; display: block; width: 1rem; height: 1rem; border-radius: 50%; border: .2rem solid #256EF4; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.content .bus_map_wrap .rt .sch_area .sch_box li .form_group select,
.content .bus_map_wrap .rt .sch_area .sch_box li .form_group input {width: 100%; height: 5.2rem; font-size: 1.5rem;}
.content .bus_map_wrap .rt .sch_area .btn_wrap {display: flex; gap: 1.6rem; margin-top: 2.4rem;}
.content .bus_map_wrap .rt .sch_area .btn_wrap button {width: 50%; min-width: calc(50% - .8rem);}
.content .bus_map_wrap .rt .address {display: flex; align-items: center; gap: 2.4rem; color: #222;}
.content .bus_map_wrap .rt .address > div {width: calc(100% - 12.4rem);}
.content .bus_map_wrap .rt .address::before {content: ''; display: block; width: 10rem; height: 10rem; border-radius: 50%; background: #fff url(../images/sub/icon_address.png) no-repeat center;}
.content .bus_map_wrap .rt .address strong {font-size: 2rem; font-weight: 500; display: block; margin-bottom: .4rem;}
.content .bus_map_wrap .rt .address p {font-size: 1.5rem;}

.content .workplace {margin-bottom: 4.8rem;}
.content .workplace > ul {display: flex; flex-wrap: wrap; gap: 3.2rem 2.4rem;}
.content .workplace > ul > li {width: calc(50% - 1.2rem);}
.content .workplace > ul > li strong {font-size: 2.4rem; color: #000; display: block; margin-bottom: 1.6rem;}
.content .workplace > ul > li .wp_info {border: .1rem solid #d5d5d5; border-radius: .8rem; overflow: hidden;}
.content .workplace > ul > li .wp_info .thumb {height: 25rem; overflow: hidden;}
.content .workplace > ul > li .wp_info .thumb img {width: 100%; height: 100%; object-fit: cover;}
.content .workplace > ul > li .wp_info .detail {padding: 2rem 2.4rem; height: calc(100% - 25rem); display: flex; flex-direction: column; gap: 1.6rem;}
.content .workplace > ul > li .wp_info .detail .work {display: flex; gap: .8rem; flex-wrap: wrap;}
.content .detail .work li {font-size: 1.5rem; font-weight: 500; border-radius: 5rem; padding: .05rem 1rem;}
.content .detail .work li.wp01 {background: #D8E5FD; color: #284B8C;}
.content .detail .work li.wp02 {background: #E6F6CC; color: #436211;}
.content .detail .work li.wp03 {background: #FBDBE9; color: #8F395F;}
.content .detail .work li.wp04 {background: #FFF0CD; color: #6C5318;}
.content .workplace > ul > li .wp_info .detail .roc {font-size: 1.7rem; color: #000; display: flex; align-items: flex-start; gap: 1.6rem;}
.content .workplace > ul > li .wp_info .detail .roc b {font-weight: 500; display: flex; align-items: center; gap: .3rem; width: 6.6rem;}
.content .workplace > ul > li .wp_info .detail .roc b::before {content: ''; display: block; width: 2rem; height: 2rem; background: url(../images/sub/i_rocation.svg) no-repeat center;}
.content .workplace > ul > li .wp_info .detail .roc span {color: #373737;}
.content .other {margin-top: 3.2rem;}
.content .other .tit_wrap {display: flex; align-items: center; gap: 1.6rem; margin-bottom: 1.6rem;}
.content .other .tit_wrap strong {font-size: 2.4rem; color: #000; display: block;}
.content .other ul {display: flex; gap: 2.4rem;}
.content .other ul li {width: 100%; border-radius: .8rem; overflow: hidden;}
.content .other ul li img {width: 100%; height: 100%; object-fit: cover;}
.btn_img {display: none; width: 14.4rem; margin-bottom: 1.2rem;}


/*** 채용정보 ***/
/** 채용분야 **/
.content .employ .field {display: flex; flex-direction: column; gap: 4.8rem;}
.content .employ .field > li {display: flex; flex-direction: column; gap: 2.4rem; width: 100%;}
.content .employ .field > li .thumb {width: 100%; height: 27rem; border-radius: 1.6rem; overflow: hidden;}
.content .employ .field > li .thumb img {width: 100%; height: 100%; object-fit: cover;}
.content .employ .field .info {display: flex; align-items: flex-start; justify-content: space-between;}
.content .employ .field .info .tit_box {width: 35.2rem; color: #222;}
.content .employ .field .info .tit_box strong {font-size: 3.2rem;}
.content .employ .field .info .tit_box p {font-size: 1.7rem; font-weight: 500; margin-top: 1.6rem; margin-bottom: .2rem;}
.content .employ .field span.blue {font-size: 1.5rem; font-weight: 500; color: #256EF4;}
.content .employ .field .det {display: flex; gap: 1.6rem; width: calc(100% - 38rem);}
.content .employ .field .det > li {width: 100%; background: #F7F7F7; border-radius: .8rem; padding: 2.4rem;}
.content .employ .field .det > li b {font-size: 1.7rem; color: #222;}
.content .employ .field .det > li ul {display: flex; flex-direction: column; gap: .8rem; margin-top: 1.2rem;}
.content .employ .field .det > li ul li {font-size: 1.5rem; font-weight: 500; color: #373737; position: relative; padding-left: 1.2rem;}
.content .employ .field .det > li ul li::before {content: ''; display: block; width: .4rem; height: .4rem; border-radius: 50%; background: #256EF4; position: absolute; left: 0; top: .9rem;}
.content .employ .field .det > li span.blue {margin-top: .8rem; display: block;}

/** 채용절차 **/
.content .employ .step_box {display: flex; flex-wrap: wrap; gap: 2.4rem;}
.content .employ .step_box > li {width: calc((100% - (2.4rem * 2)) / 3);}
.content .employ .step_box > li .thumb {border-radius: .8rem; overflow: hidden; height: 20rem;}
.content .employ .step_box > li .thumb img {width: 100%; height: 100%; object-fit: cover;}
.content .employ .step_box > li .step_info {padding: 2rem .4rem;}
.content .employ .step_box > li .step_info .step_tit {display: flex; align-items: flex-start; color: #000; gap: 1.2rem;}
.content .employ .step_box > li .step_info .step_tit .num {color: #fff; font-size: 1.5rem; font-weight: 700; border-radius: .4rem; background: #256EF4; display: inline-flex; align-items: center; justify-content: center; width: 2.8rem; height: 2.8rem;}
.content .employ .step_box > li .step_info .step_tit strong {font-size: 2rem; display: block; width: calc(100% - 4rem); word-break: break-all;}
.content .employ .step_box > li .step_info .step_tit span {font-size: 2rem; font-weight: 500; padding-left: 1.6rem; position: relative;}
.content .employ .step_box > li .step_info .step_tit span::before {content: ''; display: inline-block; width: .1rem; height: 1.6rem; background: #c4c4c4; position: absolute; left: .8rem; top: .4rem;}
.content .employ .step_box > li .step_info p {font-size: 1.5rem; color: #373737; margin-top: 1.3rem; word-break: break-all;}
.content .employ .step_box > li .step_info p.black {color: #000;}
.content .employ .step_box > li .step_info  > ul {margin-top: .8rem; color: #373737; font-size: 1.5rem;}


/*** 이용약관 ***/
.content .sub_tit_wrap {margin: 6.4rem 0 5.6rem; border-bottom: .1rem solid #d5d5d5;}
.content .sub_tit_wrap .sub_tit {text-align: left; margin-bottom: 2.4rem;}
.content .t_box {margin-bottom: 4.8rem; color: #373737;}
.content .t_box .txt_tit {font-size: 2.8rem; font-weight: 700; margin-bottom: 1.6rem;}
.content .t_box .pd_box {padding: 2.4rem; background: #F7F7F7; border-radius: 1.2rem; font-size: 1.7rem; font-weight: 400; word-break: break-all;}
.content .t_box .pd_box + ul {margin-top: 1.6rem;}
.content ul.num_list {display: flex; flex-direction: column; gap: .8rem;}
.content ul.num_list > li {list-style: decimal; font-size: 1.7rem; margin-left: 2rem;}
.content ul.num_list > li ul {margin-top: .6rem; display: flex; flex-direction: column; gap: .6rem;}
.content ul.hyp_list > li {position: relative; font-size: 1.7rem; position: relative; padding-left: 1.2rem;}
.content ul.hyp_list > li::before {content: "-"; position: absolute; left: 0;}
.content ul.sub_num_list > li {counter-increment: sub-num; position: relative; padding-left: 2rem;}
.content ul.sub_num_list > li::before {content: counter(sub-num) ")"; position: absolute; left: 0;}
.content .bl_pd_box {padding: 2.4rem; border-radius: 1.2rem; background: #F5F9FF; color: #014099; font-size: 1.7rem; font-weight: 400;}

/*** 개인정보처리방침 ***/
.content .sub_tit_wrap p {font-size: 1.7rem; font-weight: 400; margin-bottom: 4.8rem; color: #373737;}
.content ul.dot_list {display: flex; flex-direction: column; gap: .8rem;}
.content ul.dot_list li {position: relative; padding-left: 2rem; font-size: 1.7rem;}
.content ul.dot_list li::before {content: ''; display: block; width: .4rem; height: .4rem; border-radius: 50%; background: #256EF4; position: absolute; top: .9rem; left: .8rem;}
.content ul.dot_list li:has(p) {color: #222; font-weight: 500;}
.content ul.dot_list li p {color: #373737; font-weight: 400; margin: .4rem 0 .8rem;}
.content .t_box ul + .pd_box {margin-top: 1.6rem;}
.content .bl_bd_box {padding: 2.4rem; border: .1rem solid #256EF4; border-radius: 1.2rem; margin-top: 1.6rem;}
.content .bl_bd_box p {margin-bottom: 0 !important;}
.content .bl_bd_box strong {font-size: 1.7rem; font-weight: 500; color: #222;}
.content .bl_bd_box ul {font-size: 1.7rem; margin-top: .8rem;}
.content .flex_box:has(.bl_bd_box) {gap: 1.6rem;}
.content .flex_box .bl_bd_box {width: 100%;}
.content .svc_txt {font-size: 1.7rem; margin: 1.6rem 0 2.4rem;}
.content .svc_txt + .num_list {gap: 0;}

/*** 로그인 ***/
.member_wrap {padding: 8rem 0 0;}
.login_box .input_box label {font-size: 1.7rem; font-weight: 500; color: #222;}
.login_box .logo img {height: 5.8rem;}
.login_box .input_box input {height: 5rem; font-size: 1.5rem; border-radius: .4rem; line-height: 5rem;}
.login_box .chk {margin-top: 2.4rem;}
.login_box .chk .cbx label {gap: .6rem;}
.login_box .chk .cbx label::before {width: 1.6rem; height: 1.6rem;}
.login_box .chk .cbx input:checked + label::before {border-color: #014099;color: #FFFFFF;background: #014099;}
.login_box .btn_area {margin-top: 4rem;}
.login_box .btn_area .btn_login {height: 5rem; line-height: 4.8rem; font-size: 1.7rem; font-weight: 700;}
.login_box .btn_ttip {width: 1.6rem; height: 1.6rem; background: url(../images/icon/i_information.svg) no-repeat center; margin-bottom: .5rem;}
.tooltip_box {font-size: 1.5rem; color: #929292;}
.tooltip_box li {padding-left: .8rem; position: relative;}
.tooltip_box li::before {content: ''; display: block; width: .3rem; height: .3rem; border-radius: 50%; background: #014099; position: absolute; top: .9rem; left: 0;}
.login_box .links {margin-top: 2.4rem;}
.login_box .links li + li::before {height: 1.2rem !important; top: 1rem !important;}
.login_box .links a {font-size: 1.5rem !important;}
.login_box .links a.primary {color: #256EF4;}

/*** 회원가입 ***/
.join form {border-bottom: .1rem solid #d5d5d5; padding-bottom: 2.4rem;}
.join.form .form_box input,
.join.form .form_box select {height: 5.2rem !important;}
.join.form .form_box .form_group .btn {height: 5.2rem !important;}
.join .page_tit {font-size: 3.2rem; font-weight: 700;}
.join.form .form_box > ul > li {flex-direction: column;}
.join.form .form_box > ul > li .tit {font-size: 1.7rem; color: #222;}
.join.form .form_box > ul > li .bar_list {margin-top: 1rem;}
.join.form .form_box > ul > li .bar_list li {padding-left: .8rem; position: relative; font-size: 1.3rem; color: #666;}
.join.form .form_box > ul > li .bar_list li::before {content: ''; position: absolute; top: .8rem; left: 0; width: .4rem; height: .1rem; background: #666;}
.join.form .form_box > ul > li + li {margin-top: 2.4rem;}
.join.form .form_box > ul > li.secu {display: flex; gap: 1.2rem; align-items: center; flex-direction: inherit;}
.join.form .form_box > ul > li .security {display: flex; height: 7.2rem;}
.join.form .form_box > ul > li.secu input {width: calc(100% - 28.8rem);}
.join.form .form_box > ul > li.secu .btn_reset {width: 6rem; min-width: 6rem; height: 7.2rem; border-radius: 0; border: 0; background: #F7F7F7; font-size: 1.3rem; color: #5B5B5B; padding: 0; display: flex; flex-direction: column; gap: .4rem;}
.join.form .form_box > ul > li.secu .btn_reset::before {content: ''; display: block; width: 2rem; height: 2rem; background: url(../images/icon/i_reset.svg) no-repeat center;}
.join.form .form_box input, .join.form .form_box select {height: 5.2rem; border-radius: .4rem; font-size: 1.5rem;}
.join.form .form_box .form_group input {width: calc(100% - 11.2rem);}
.join.form .form_box .form_group .btn {height: 5.2rem; line-height: 5.2rem; font-size: 1.5rem; margin-left: 1.2rem;}
.join_info {font-size: 1.5rem; padding: 0 1.6rem; margin-top: 2.4rem; color: #444;}
.join_info b {font-weight: 500; color: #222;}
.join .login_info {margin-top: 2.4rem; text-align: center; font-size: 1.5rem;}
.join .login_info a {margin-left: 1.2rem; color: #256EF4;}

.chosen-container {width: 100% !important;}
.chosen-container-single .chosen-single {height: 5.2rem !important; border: 1px solid var(--bdr) !important; background: #fff !important; border-radius: .4rem !important; box-shadow: inherit !important; padding: 0 1.5rem !important;}
.chosen-container-single .chosen-single div {display: none !important;}
.chosen-container-single .chosen-default span {color: #717171 !important;}
.chosen-container-single .chosen-single span {font-size: 1.6rem !important; margin-right: 0 !important; height: 100% !important; line-height: 5.2rem !important; color: #1d1d1d;}

/*** 계정찾기 ***/
.acc_wrap form {border-bottom: 0;}
.acc_tab {display: flex; border-bottom: .15rem solid #3F8CF3; margin-bottom: 4.8rem;}
.acc_tab li {width: 50%; text-align: center; height: 5.2rem; font-size: 1.7rem; font-weight: 500; border-radius: .4rem .4rem 0 0;}
.acc_tab li.on {background: #3F8CF3; color: #fff; font-weight: 700;}
.acc_tab li a {display: block; width: 100%; height: 100%; line-height: 5.2rem; }
.acc_wrap .login {margin: 2.4rem auto 0; display: block; background-color: transparent; font-size: 1.5rem; font-weight: 500; color: #256EF4;}

/*** 마이페이지 ***/
.my_box + .my_box {margin-top: 5.6rem;}
.my_box .tit {font-size: 2.8rem; font-weight: 700; color: #222; margin-bottom: 1.6rem; display: block;}
.tbl_mypage tbody tr th,
.tbl_mypage tbody tr td {text-align: left; padding: 1rem 1.2rem;}
.tbl_mypage tbody tr th {padding-left: 2.4rem;}
.tbl_mypage input {width: 100%; border-radius: .4rem; border-color: #eee;}
.tbl_mypage .d_flex {display: flex; align-items: center; gap: 2rem; padding: 0 1.6rem;}
.tbl_mypage .photo {width: 10rem; height: 10rem; border-radius: 50%; background: #eee url(../images/sub/no_photo.png) no-repeat center; overflow: hidden;}
.tbl_mypage .photo img {width: 100%; height: 100%; object-fit: cover;}
.tbl_mypage .upload_info p {font-size: 1.3rem; font-weight: 400; color: #5B5B5B; margin-top: .2rem;}
.tbl_mypage .upload_info button {margin-top: 1.2rem;}
.pw_info {font-size: 1.3rem; font-weight: 400; color: #373737;margin-top: 1.2rem;}
.pw_info li {position: relative; padding-left: .8rem;}
.pw_info li::before {content: ''; display: block; width: .4rem; height: .1rem; background: #373737; position: absolute; top: .8rem; left: 0;}
.filebox {margin-top: 1.2rem;}
.filebox input[type="file"]:focus + .btn, .filebox input[type="file"]:focus-visible + .btn {background: #EAF1FA;}
.tbl_mypage .chosen-container-single .chosen-single {border-color: #eee !important; height: 4.8rem !important;}
/*** pdf viewer ***/
#mainContainer {min-width: 100% !important;}

/*** main popup ***/
.main_pop {left: 6.5rem;top: 9rem; min-width: 70rem;}
.main_pop .pop_close {height: inherit}
.main_pop .pop_header {background: #014099}
.main_pop .pop_content {max-height: 60rem !important;}
.main_pop .pop_content img {max-width: 100%;}

@media (hover: hover) and (min-width: 1024px) {
    .btn.primary:hover {background: #052561;}

    .btn.secondary:hover {background: #EAF1FA;}
    .btn.tertiary:hover {background: #666666;}
    .btn.outline:hover {background: #F7F7F7;}
}

@media screen and (max-width: 1280px) {
    .content .wrap {width: 100%; padding: 3.2rem 1.6rem 6.4rem;}
    .sub_top .sub_menu li {min-width: 20%;}

    /*** CEO 인사말 ***/
    .content .ceo_cnt_box .lt {width: 48rem;}
    .content .ceo_cnt_box .rt {width: calc(100% - 48rem);}

    /*** 비전전략체계 ***/
    .content .vision_cnt_box .vision > li .rt .value {background-size: 100%;}

}

@media screen and (max-width: 1024px) {
    /* 태블릿 버전 스타일 (모바일~태블릿 공통 스타일) */
    html {font-size: 12px} /* 1rem = 12px */

    .sub_top .sub_visual {height: 19.5rem;}
    .sub_top .sub_visual .page_tit {font-size: 3.2rem; margin-top: 4rem;}
    .breadcrumb {display: none;}

    .sub_top .sub_menu {display: none;}
    .mo_breadcrumb {display: block;}
    .content .wrap .sub_tit,
    .content .wrap .sub_tit2 {font-size: 2.8rem; margin-bottom: 2.4rem;}

    .content .txt_box {font-size: 1.5rem; padding: 1.6rem; margin-bottom: 3.2rem;}

    /* search */
    .search_basic {flex-direction: column !important; gap: 1.2rem; padding: 1.6rem;}
    .search_basic .sch_row {width: 100%;}
    .search_basic .sch_full {flex-direction: column; gap: 1.2rem;}
    .search_basic .sch_full select {width: 100%;}
    .search_basic .sch_full select + select {margin-left: 0;}
    .search_basic .sch_full input[type="text"] {margin-left: 0; width: 100%;}
    .search_basic .btn_area {justify-content: center;}
    .search_basic .btn_area .btn {width: 50%;}

    /* table */
    .board_list colgroup,
    .board_list > thead {display: none;}

    .board_list,
    .board_list tbody,
    .board_list tr,
    .board_list td{display: block; height: auto !important; position: relative;}
    .board_list tr{display: flex; flex-wrap: wrap; position: relative; padding: 2rem 1.2rem; padding-left: 5.4rem !important;}
    .board_list tr + tr{border-top: 1px solid var(--tbl-bdr);}
    .board_list tr:last-of-type{border-bottom: 1px solid var(--tbl-bdr);}
    .board_list td{border: 0 !important; position: relative; padding: 0 1.2rem !important;}
    .board_list > tbody > tr > td.name {padding-right: 1.2rem !important;}
    .board_list > tbody > tr > td.ellipsis {width: 100%;}
    .board_list > tbody > tr > td a.ellipsis {width: 100%; margin-bottom: 0.4rem; max-width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; max-height: calc(1.5em * 2); word-break: break-all;}
    .board_list td.ellipsis::before {content: none !important;}
    .board_list .number{position: absolute;width: 5.4rem;text-align: center;left: 0;top: 50%;transform: translateY(-50%);padding:0 !important;}
    .board_list .ntc_date {display: none;}
    .board_list tr td.ntc_date + .file {display: none;}
    .board_list td::before{content: ''; width: 1px; height: 1.5rem; background: var(--tbl-bdr); position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
    .board_list td.number::before,
    .board_list td.number + td::before,
    .board_list td.ellipsis + td::before {content: none;}
    .board_list > tbody > tr:hover > td:not(.no_data){background: #fff;}
    .board_list tr:has(td.no_data) {padding-left: 1.2rem !important; justify-content: center;}
    .board_list td.file img {width: 2rem; height: 2rem;}
    .board_list > tbody > tr > td.type {margin-left: -1.2rem !important;}
    .board_list tr:has(td.type) td.ellipsis {margin-top: .9rem;}
    .board_list > tbody > tr > td .new {position: absolute; top: 0; left: 0; margin-left: 0;}
    .board_list > tbody > tr > td:has(.new) {padding-top: 2.8rem !important;}

    .board_view > tbody > tr > td.content {padding: 1.85rem;}

    /* table_x_scroll */
    .table_x_scroll {position: relative;margin-top: 2.4rem;padding-top: calc((1.5rem * 1.5) + 0.8rem);}
    .table_x_scroll .tbl_wrap {overflow-x: auto;position: relative;width: 100%;}
    .table_x_scroll::before {content: '\f322';font-family: 'remixicon';position: absolute;left: 0;top: 0;line-height: calc(1.5rem * 1.45);animation: lr_move 1.5s infinite linear; font-size: 1.8rem;}
    .table_x_scroll::after {content: '표는 좌,우로 이용 가능합니다.';position: absolute;left: 2.5rem;top: 0;font-size: 1.5rem;color: var(--gray-dark);}
    .table_x_scroll .tbl_wrap table {min-width: 120rem;margin: 0 !important;}

    /*** 회사소개 ***/
    /** CEO 인사말 **/
    .content .ceo_cnt_box {flex-direction: column;}
    .content .ceo_cnt_box .lt {width: 32rem; height: 38rem; margin: 0 auto;}
    .content .ceo_cnt_box .rt {width: 100%; padding: 1.2rem; margin-top: 1.6rem;}
    .content .ceo_cnt_box .rt p {font-size: 1.5rem; margin-bottom: 3.2rem;}
    .content .ceo_cnt_box .rt strong {font-size: 1.7rem; text-align: left;}
    .content .ceo_cnt_box .rt .ceo_tit {gap: 1.2rem; padding: 4.2rem 0; margin-bottom: 1.2rem;}
    .content .ceo_cnt_box .rt .ceo_tit::before, .content .ceo_cnt_box .rt .ceo_tit::after {width: 2.1rem; background-size: 100%;}
    .content .ceo_cnt_box .rt .ceo_tit strong {font-size: 1.7rem}
    .content .ceo_cnt_box .rt .ceo_tit h4 {font-size: 2.4rem;}
    .content .ceo_cnt_box .rt .ceo_tit h4::before {width: 31.8rem;}
    .content .ceo_cnt_box .rt p.bold {font-size: 1.5rem; margin-bottom: 1.6rem;}

    /** 비전전략체계 **/
    .content .vision_cnt_box .vision {gap: 1.6rem;}
    .content .vision_cnt_box .vision > li {flex-direction: column; width: 100%; height: 100%; gap: 1.2rem;}
    .content .vision_cnt_box .vision > li .lt,
    .content .vision_cnt_box .vision > li .rt {width: 100%;}
    .content .vision_cnt_box .vision > li .lt {min-height: 4rem; font-size: 1.7rem;}
    .content .vision_cnt_box .vision > li .lt br {display: none;}

    .content .vision_cnt_box .vision > li .rt p.blue01,
    .content .vision_cnt_box .vision > li .rt p.blue02 {padding: 2.4rem; line-height: 1.3;}

    .content .vision_cnt_box .vision > li .rt .value {background-image: none; gap: .8rem; flex-wrap: wrap; padding: 0;}
    .content .vision_cnt_box .vision > li .rt .value li {width: calc(50% - .4rem); position: relative; z-index: 0; height: 7.2rem; font-size: 1.7rem; gap: 1.2rem;}
    .content .vision_cnt_box .vision > li .rt .value li::after { content: ""; position: absolute; inset: 0; padding: 8px; /* border 두께 */ border-radius: inherit; background: linear-gradient(-180deg, #86AFF9, #F5F9FF); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; z-index: -1;}

    .content .vision_cnt_box .vision > li .plan_box {flex-wrap: wrap;}
    .content .vision_cnt_box .vision > li .plan_box .plan {width: calc(50% - .8rem);}
    .content .org_cnt_box .bd_box .org > li:nth-child(2)::after {height: 7.4rem; bottom: -7.4rem;}


    /** 조직도 **/
    .content .bd_box {padding: 2.4rem 1.6rem;}
    .content .org_cnt_box .bd_box .org li strong {width: 26rem; font-size: 1.7rem; padding: 1.3rem 0; border-radius: 1.6rem;}
    .content .org_cnt_box .bd_box .org .step_box > ul::after {width: calc(100% - 52rem);}
    .content .org_cnt_box .bd_box .org .step_box > ul .det li {font-size: 1.5rem;}
    .content .org_cnt_box .bd_box .org .step_box > ul .det {padding: 1.5rem 0;}
    .content .org_cnt_box .bd_box .org .step_box > ul::after {top: 2.6rem;}

    /** 연혁 **/
    .content .history > li {padding-left: 2.4rem;}
    .content .history > li::before {top: 4.4rem;}
    .content .history > li > strong {font-size: 3.8rem;}
    .content .history > li > strong::before {left: -2.4rem; width: .8rem; height: .8rem;}
    .content .history > li {flex-direction: column; gap: 1.6rem;}
    .content .history > li::before {left: .3rem; width: .2rem;}
    .content .history .month {gap: 1.2rem; width: 100%}
    .content .history .month > li > strong {display: none;}
    .content .history .month .day > li {flex-direction: column; gap: 0;}

    /** 찾아오시는 길 **/
    .content .roc_cnt_box {gap: 1.6rem;}
    .content .roc_cnt_box .lt,
    .content .roc_cnt_box .rt {height: 30rem;}
    .content .roc_cnt_box .rt {padding: 2.8rem 2rem;}
    .content .roc_cnt_box .rt .roc_tit {font-size: 2rem;}
    .content .roc_cnt_box .rt .roc_info li {font-size: 1.5rem;}

    /*** 사업소개 ***/
    /** 주요사업 **/
    .content .tab_wrap .tab.balloon > .tab_menu li {height: 4.2rem; font-size: 1.7rem;}
    .content .tab_wrap .tab > .tab_cont {margin-top: 2.4rem;}
    .content .bus_img_box {height: 16rem; margin-bottom: 1.6rem;}
    .content .bus_info strong {font-size: 2rem;}
    .content .bus_info ul {width: 70%; padding: 1.6rem;}
    .content .bus_info ul li {font-size: 1.5rem;}

    /** 주요사업장 **/
    .content .bus_map_wrap {flex-direction: column; border: 0; align-items: center; gap: 2.4rem; overflow: inherit; margin-bottom: 3.2rem;}
    .content .bus_map_wrap .lt,
    .content .bus_map_wrap .rt {width: 100%;}
    .content .bus_map_wrap .lt {border: .1rem solid #d5d5d5; padding: 2.85rem 1rem;}
    .content .bus_map_wrap .rt {padding: 2.4rem;}
    .content .bus_map_wrap .rt .sch_area .sch_tit {font-size: 2rem;}
    .content .bus_map_wrap .rt .sch_area .sch_box li label {font-size: 1.5rem;}
    .sch_area select,
    .sch_area input[type="text"] {height: 4rem !important; font-size: 1.5rem;}
    .content .bus_map_wrap .rt .sch_area {padding-bottom: 2.4rem; margin-bottom: 2.4rem;}
    .content .bus_map_wrap .rt .sch_area .sch_box {margin-top: .8rem; gap: 1.6rem;}
    .content .bus_map_wrap .rt .sch_area .btn_wrap {gap: .8rem;}
    .content .bus_map_wrap .rt .sch_area .sch_box li label {margin-bottom: .6rem;}
    .content .bus_map_wrap .rt .address {gap: 1.2rem;}
    .content .bus_map_wrap .rt .address::before {width: 6rem; height: 6rem; background-size: 3.2rem;}
    .content .bus_map_wrap .rt .address > div {width: calc(100% - 7.2rem);}
    .content .bus_map_wrap .rt .address strong {font-size: 1.7rem;}
    .sch_area .btn_wrap button {height: 4rem; font-size: 1.5rem; border-radius: .4rem;}
    .sch_area .btn_wrap button i {font-size: 1.5rem;}

    .workplace + .board_top {margin-bottom: -1.6rem !important;}
    .content .workplace > ul {gap: 1.6rem;}
    .content .workplace > ul > li {width: calc(50% - .8rem);}
    .content .workplace > ul > li strong {font-size: 2rem; margin-bottom: 1.2rem;}
    .content .workplace > ul > li .wp_info .thumb {height: 20rem;}
    .content .workplace > ul > li .wp_info .detail {padding: 1.6rem; height: calc(100% - 20rem);}
    .content .workplace > ul > li .wp_info .detail .roc {font-size: 1.5rem; gap: 1.2rem;}
    .content .workplace > ul > li .wp_info .detail .work {gap: .6rem;}

    .content .other .tit_wrap strong {font-size: 2rem;}

    /*** 채용정보 ***/
    /** 채용분야 **/
    .content .employ .field > li {gap: 1.6rem;}
    .content .employ .field > li .thumb {height: 16rem;}
    .content .employ .field .info {flex-direction: column;}
    .content .employ .field .info .tit_box {width: 100%; margin-bottom: .8rem;}
    .content .employ .field .info .tit_box strong {font-size: 2rem;}
    .content .employ .field .info .tit_box p {font-size: 1.5rem; margin-top: .8rem;}
    .content .employ .field .det {width: 100%;}
    .content .employ .field .det > li {padding: 1.6rem;}
    /** 채용절차 **/
    .content .employ .step_box {gap: 1.6rem;}
    .content .employ .step_box > li {width: calc((100% - (1.6rem * 1)) / 2)}

    /*** 이용약관 ***/
    .content .wrap:has(.sub_tit_wrap) {padding-top: 5.6rem;}
    .content .sub_tit_wrap {margin: 3.2rem 0 2.4rem;}
    .content .sub_tit_wrap .sub_tit {margin-bottom: 1.6rem;}
    .content .t_box {margin-bottom: 2.4rem;}
    .content .t_box .txt_tit {font-size: 2rem;}
    .content .t_box .pd_box {padding: 2rem; font-size: 1.5rem;}
    .content ul.num_list {gap: 1.2rem;}
    .content ul.num_list > li {font-size: 1.5rem;}
    .content ul.num_list > li ul {gap: .8rem; margin-top: .8rem;}
    .content ul.hyp_list > li {font-size: 1.5rem;}
    .content .bl_pd_box {padding: 2rem; font-size: 1.5rem;}

    /*** 개인정보처리방침 ***/
    .content .sub_tit_wrap p {font-size: 1.5rem; margin-bottom: 2.4rem;}
    .content ul.dot_list li {font-size: 1.5rem;}
    .content .bl_bd_box {padding: 2rem;}
    .content .bl_bd_box strong {font-size: 1.5rem;}
    .content .bl_bd_box ul {font-size: 1.5rem;}
    .content .svc_txt {font-size: 1.5rem;}
    .content .t_box:has(.svc_txt) {margin-bottom: 0;}

    /*** 회원가입 ***/
    .join form {padding-bottom: 1.6rem;}
    .join .page_tit {font-size: 2.8rem;}
    .join.form .form_box > ul > li + li {margin-top: 1.6rem;}
    .join.form .form_box .form_group input {width: calc(100% - 11rem);}
    .join.form .form_box .form_group .btn {margin-left: 1rem;}
    .join.form .btn_area {margin-top: 3.2rem;}
    .join.form .form_box > ul > li.secu {margin-top: 2.4rem;}
    .join .login_info {margin-top: 1.6rem;}

    /*** 마이페이지 ***/
    .my_box + .my_box {margin-top: 3.2rem;}
    .my_box .tit {font-size: 2.4rem; margin-bottom: 1.2rem;}
    .tbl_mypage colgroup,
    .tbl_mypage thead {display: none;}

    .tbl_mypage tbody tr {display: grid; grid-template-columns: 12rem 1fr;}

    .tbl_mypage tr .d_none {display: none;}

    .tbl_mypage tbody tr > th {width: 12rem !important; font-size: 1.5rem; padding: 1.8rem .8rem !important; border-bottom: .1rem solid #d5d5d5 !important;}
    .tbl_mypage tbody tr > td {padding: 1rem 1.2rem !important; border-bottom: .1rem solid #d5d5d5 !important;}
    .tbl_mypage tbody .pf_tr td:has(.photo) {border-bottom-color: #052561 !important;}
    .tbl_mypage tbody tr > th[rowspan],
    .tbl_mypage tbody tr > td[rowspan] {grid-column: 1 / -1;}

    .tbl_mypage .d_flex {justify-content: center; padding: 1.1rem 0;}
    .tbl_mypage input,
    .tbl_mypage select {height: 4rem;}

    /*** main popup ***/
    .main_pop {min-width: calc(70% - 3.2rem); left: 1.6rem;}
    .main_pop .pop_content {max-height: 30rem !important;}
}
@media screen and (max-width: 768px) {
    /* 모바일 버전 스타일 (태블릿 대비 모바일에서 달라지는 스타일) */
    html {font-size: 11px} /* 1rem = 11px */

    /* table */
    .board_view colgroup {display: none;}
    .board_view > tbody > tr > th,
    .board_view > tbody > tr > td {padding: 1.85rem 1.2rem; text-align: left;}
    .board_view > tbody > tr > th {width: 11.2rem; padding-left: 2rem;}

    .board_view tbody tr.col {display: grid; grid-template-columns: 11.2rem 1fr; width: calc(100vw - 3.2rem);}

    .tbl_col_list colgroup {display: none;}
    .tbl_col_list tbody tr th,
    .tbl_col_list tbody tr td {padding: 2rem 1.6rem;}
    .tbl_col_list tbody tr th {width: 12rem;}

    /* paging */
    .paging li {width: 2.4rem; height: 2.4rem; min-width: 2.4rem; font-size: 1.3rem;}
    .paging li a {line-height: 2.4rem;}
    .paging li.btn_page a::before {font-size: 1.3rem;}

    /*** 회사소개 ***/
    /** 비전전략체계 **/
    .content .vision_cnt_box .vision > li .plan_box .plan {width: 100%;}
    .content .vision_cnt_box .vision > li .plan_box .plan ul.two li {height: 4.8rem;}

    /** 조직도 **/
    .content .org_cnt_box .bd_box .org {gap: 3.2rem;}
    .content .org_cnt_box .bd_box .org li .step01 {width: 100%;}
    .content .org_cnt_box .bd_box .org .org_logo::after {content: none;}
    .content .org_cnt_box .bd_box .org .step_box > ul::after {content: none;}
    .content .org_cnt_box .bd_box .org .step_box > ul > li::after {content: ''; display: block; width: 1.2rem; height: .1rem; background: #d5d5d5; position: absolute; top: 2.5rem; left: 1.2rem;}
    .content .org_cnt_box .bd_box .org > li:nth-child(2)::after {left: 1.3rem; height: 19.9rem; bottom: -19.9rem;}
    .content .org_cnt_box .bd_box .org .step_box > ul {flex-direction: column; gap: 2.4rem;}
    .content .org_cnt_box .bd_box .org li strong {width: calc(100% - 2.4rem); margin-right: 0;}
    .content .org_cnt_box .bd_box .org .step_box > ul .det {width: calc(100% - 4.8rem); margin-left: 4.8rem; margin-top: 1.2rem;}
    .content .org_cnt_box .bd_box .org .step_box > ul li > ul {margin-top: 3.2rem; width: calc(100% - 4rem); margin-left: 4rem;}

    /** 찾아오시는 길 **/
    .content .roc_cnt_box {flex-direction: column;}
    .content .roc_cnt_box .lt,
    .content .roc_cnt_box .rt {width: 100%;}
    .content .roc_cnt_box .lt {height: 20rem;}
    .content .roc_cnt_box .rt {height: 100%; gap: 2.4rem;}
    .root_daum_roughmap .wrap_map {height: 20rem !important;}

    /*** 사업소개 ***/
    /** 주요사업 **/
    .content .bus_info {flex-direction: column; gap: .8rem;}
    .content .bus_info ul {width: 100%;}

    /** 주요사업장 **/
    .content .workplace > ul {flex-direction: column;}
    .content .workplace > ul > li {width: 100%;}
    .content .workplace > ul > li .wp_info .thumb {height: 16rem;}

    .content .other .tit_wrap {flex-direction: column; align-items: flex-start; gap: .4rem;}
    .content .other ul {gap: 1.6rem;}



    /*** 채용정보 ***/
    /** 채용분야 **/
    .content .employ .field .det {flex-direction: column; gap: 1.2rem;}


    /** 채용절차 **/
    .content .employ .step_box > li {width: 100%}
    .content .employ .step_box > li .thumb {height: 16rem;}
    .content .employ .step_box > li .step_info p {margin-top: 1.2rem;}
    .content .employ .step_box > li .step_info .step_tit .num {font-size: 1.3rem; width: 2.4rem; height: 2.4rem;}
    .content .employ .step_box > li .step_info .step_tit strong {font-size: 1.7rem;}
    .content .employ .step_box > li .step_info .step_tit span {font-size: 1.7rem;}
    .content .employ .step_box > li .step_info .step_tit span::before {top: .3rem;}


    /*** 개인정보처리방침 ***/
    .content .flex_box:has(.bl_bd_box) {flex-direction: column; gap: 1.6rem; margin-top: 1.6rem;}
    .content .flex_box .bl_bd_box {margin-top: 0;}
}
@media screen and (max-width: 480px) {
    /* 모바일 버전 스타일2 (모바일 작은 화면에서 달라지는 스타일) */
    html {font-size: 10px;} /* 1rem = 10px */



    /*** 회사소개 ***/
    /** CEO 인사말 **/
    .content .ceo_cnt_box .lt {width: 100%; height: 100%;}
    /** 연혁 **/
    .content .history {gap: 3.2rem;}
    .content .history > li::before {height: 100%; top: 3.2rem;}
    .content .history > li:last-child::before {height: calc(100% - 3rem);}
    .content .history > li > strong {font-size: 2.4rem;}
    .content .history .month .day > li {font-size: 1.5rem;}

    /*** 사업소개 ***/
    /** 주요사업 **/
    .content .bus_map_wrap .rt .address p span {display: block;}
    .content .bus_map_wrap .rt .address p span.mo_none {display: none;}

    /** 주요사업장 **/
    .btn_img {display: block;}
    .content .other ul {gap: 1.6rem; flex-direction: column;}
    .content .other > ul li {height: 16rem;}

    /*** 회원가입 ***/
    .join.form .form_box > ul > li.secu input {width: 100%;}


    /*** main popup ***/
    .main_pop {min-width: calc(100% - 3.2rem);}

}