@charset "UTF-8";
/* 콘첸츠 공통 */
.blind,
hr,
.sr-only,
legend,
caption { margin: -1px !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; position: absolute !important; width: 1px !important; height: 1px !important; white-space: nowrap !important; } 
/* align */
.txtLeft { text-align: left !important; } 
.txtRight { text-align: right !important; } 
.txtCenter { text-align: center !important; } 
/* blank */
.pd0 { padding: 0 !important; } 
.ptb40 { padding: 40px 0; } 
.pt0 { padding-top: 0 !important; } 
.pt5 { padding-top: 5px !important; } 
.pt10 { padding-top: 10px !important; } 
.pt15 { padding-top: 15px !important; } 
.pt20 { padding-top: 20px !important; } 
.pt25 { padding-top: 25px !important; } 
.pt30 { padding-top: 30px !important; } 
.pt35 { padding-top: 35px !important; } 
.pt40 { padding-top: 40px !important; } 
.pt45 { padding-top: 45px !important; } 
.pt50 { padding-top: 50px !important; } 
.pr5 { padding-right: 5px !important; } 
.pr10 { padding-right: 10px !important; } 
.pr15 { padding-right: 15px !important; } 
.pr20 { padding-right: 20px !important; } 
.pr25 { padding-right: 25px !important; } 
.pr30 { padding-right: 30px !important; } 
.pr35 { padding-right: 35px !important; } 
.pr40 { padding-right: 40px !important; } 
.pr45 { padding-right: 45px !important; } 
.pr50 { padding-right: 50px !important; } 
.pb0 { padding-bottom: 0 !important; } 
.pb5 { padding-bottom: 5px !important; } 
.pb10 { padding-bottom: 10px !important; } 
.pb15 { padding-bottom: 15px !important; } 
.pb20 { padding-bottom: 20px !important; } 
.pb25 { padding-bottom: 25px !important; } 
.pb30 { padding-bottom: 30px !important; } 
.pb35 { padding-bottom: 35px !important; } 
.pb40 { padding-bottom: 40px !important; } 
.pb45 { padding-bottom: 45px !important; } 
.pb50 { padding-bottom: 50px !important; } 
.pl0 { padding-left: 0 !important; } 
.pl5 { padding-left: 5px !important; } 
.pl10 { padding-left: 10px !important; } 
.pl15 { padding-left: 15px !important; } 
.pl20 { padding-left: 20px !important; } 
.pl25 { padding-left: 25px !important; } 
.pl30 { padding-left: 30px !important; } 
.pl35 { padding-left: 35px !important; } 
.pl40 { padding-left: 40px !important; } 
.pl45 { padding-left: 45px !important; } 
.pl50 { padding-left: 50px !important; } 
.pppp10 { padding: 10px !important; } 
.pppp15 { padding: 15px !important; } 
.pppp20 { padding: 20px !important; } 
.pppp30 { padding: 30px 40px !important; } 
/* margin */
.mt-25 { margin-top: -25px !important; } 
.mt-40 { margin-top: -40px !important; } 
.mt0 { margin-top: 0 !important; } 
.mt5 { margin-top: 5px !important; } 
.mt10 { margin-top: 10px !important; } 
.mt15 { margin-top: 15px !important; } 
.mt20 { margin-top: 20px !important; } 
.mt25 { margin-top: 25px !important; } 
.mt30 { margin-top: 30px !important; } 
.mt35 { margin-top: 35px !important; } 
.mt40 { margin-top: 40px !important; } 
.mt45 { margin-top: 45px !important; } 
.mt50 { margin-top: 50px !important; } 
.mt60 { margin-top: 60px !important; } 
.mt100 { margin-top: 100px !important; } 
.mr5 { margin-right: 5px !important; } 
.mr8 { margin-right: 8px !important; } 
.mr10 { margin-right: 10px !important; } 
.mr15 { margin-right: 15px !important; } 
.mr20 { margin-right: 20px !important; } 
.mr25 { margin-right: 25px !important; } 
.mr30 { margin-right: 30px !important; } 
.mr35 { margin-right: 35px !important; } 
.mr40 { margin-right: 40px !important; } 
.mr45 { margin-right: 45px !important; } 
.mr50 { margin-right: 50px !important; } 
.mb0 { margin-bottom: 0 !important; } 
.mb5 { margin-bottom: 5px !important; } 
.mb10 { margin-bottom: 10px !important; } 
.mb15 { margin-bottom: 15px !important; } 
.mb20 { margin-bottom: 20px !important; } 
.mb25 { margin-bottom: 25px !important; } 
.mb30 { margin-bottom: 30px !important; } 
.mb35 { margin-bottom: 35px !important; } 
.mb40 { margin-bottom: 40px !important; } 
.mb45 { margin-bottom: 45px !important; } 
.mb50 { margin-bottom: 50px !important; } 
.mb60 { margin-bottom: 60px !important; } 
.mb70 { margin-bottom: 70px !important; } 
.mb80 { margin-bottom: 80px !important; } 
.mb100 { margin-bottom: 100px !important; } 
.ml-20 { margin-left: -20px !important; } 
.ml-15 { margin-left: -15px !important; } 
.ml0 { margin-left: 0 !important; } 
.ml5 { margin-left: 5px !important; } 
.ml10 { margin-left: 10px !important; } 
.ml15 { margin-left: 15px !important; } 
.ml20 { margin-left: 20px !important; } 
.ml25 { margin-left: 25px !important; } 
.ml30 { margin-left: 30px !important; } 
.ml35 { margin-left: 35px !important; } 
.ml40 { margin-left: 40px !important; } 
.ml45 { margin-left: 45px !important; } 
.ml50 { margin-left: 50px !important; } 
.ml70 { margin-left: 70px !important; } 
.ml80 { margin-left: 80px !important; } 
.ml90 { margin-left: 90px !important; } 
.ml100 { margin-left: 100px !important; } 
.ml110 { margin-left: 110px !important; } 
.ml120 { margin-left: 120px !important; } 
.m_center { margin: 0 auto; } 
/* Text */
.tGreen { font-weight: 700; color: #00879e; } 
.tRed { color: #d00b0b; } 
/* layout */
.d-flex { display: flex; } 
.d-block { display: block; } 
.flex-column { flex-direction: column; } 
.space-between { justify-content: space-between; } 
.align-items-center { align-items: center; } 
.align-items-baseline { align-items: baseline; } 
.justify-content-center { justify-content: center; } 
.flex-shrink-0 { flex-shrink: 0; } 
.flex-shrink-1 { flex-shrink: 1; } 
.gap-5-vw { gap: 5vw; } 
.gap-4-vw { gap: 4vw; } 
.gap-3-vw { gap: 3vw; } 
.gap-2-vw { gap: 2vw; } 
.gap-1-vw { gap: 1vw; } 
/* 크기 */
.w-100 { width: 100% !important; } 
.h-100 { height: 100% !important; } 
.max-w-100 { max-width: 100% !important; } 
/* icon */
.svg-icon { display: inline-flex; width: 24px; height: 24px; background-color: #1e2124; forced-color-adjust: none; } 
.svg-icon.svg-white { background-color: #fff; } 
.svg-icon.pure { display: inline-flex; width: 24px; height: 24px; background-color: #1e2124; background-color: transparent !important; forced-color-adjust: none; } 
.svg-icon.small { width: 1em; height: 1em; } 
.svg-icon.medium { width: 20px; height: 20px; } 
.svg-icon.large { width: 24px; height: 24px; } 
.ico-pin { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/eng/sub/ico_pin.svg); mask-image: url(/images/eng/sub/ico_pin.svg); } 
.ico-home { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/eng/sub/ico_home.svg); mask-image: url(/images/eng/sub/ico_home.svg); } 
.ico-won { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/eng/sub/ico_won.svg); mask-image: url(/images/eng/sub/ico_won.svg); } 
.ico-area { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/eng/sub/ico_area.svg); mask-image: url(/images/eng/sub/ico_area.svg); } 
.ico-peple { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/eng/sub/ico_peple.svg); mask-image: url(/images/eng/sub/ico_peple.svg); } 
.ico-building { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/eng/sub/ico_building.svg); mask-image: url(/images/eng/sub/ico_building.svg); } 
.ico-factory { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/eng/sub/ico_factory.svg); mask-image: url(/images/eng/sub/ico_factory.svg); } 
.ico-home_eco { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/eng/sub/ico_home_eco.svg); mask-image: url(/images/eng/sub/ico_home_eco.svg); } 
.ico-house { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/eng/sub/ico_house.svg); mask-image: url(/images/eng/sub/ico_house.svg); } 
.ico-public_building { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/eng/sub/ico_public_building.svg); mask-image: url(/images/eng/sub/ico_public_building.svg); } 
.ico-tool { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/eng/sub/ico_tool.svg); mask-image: url(/images/eng/sub/ico_tool.svg); } 
/* img svg icon */
.img-icon.w20 { width: 20%; } 
.img-icon.color-1 { filter: brightness(0) saturate(100%) invert(61%) sepia(86%) saturate(392%) hue-rotate(37deg) brightness(95%) contrast(94%); } 
.img-icon.color-2 { filter: brightness(0) saturate(100%) invert(58%) sepia(67%) saturate(7176%) hue-rotate(127deg) brightness(108%) contrast(69%); } 
.img-icon.color-3 { filter: brightness(0) saturate(100%) invert(31%) sepia(92%) saturate(1368%) hue-rotate(161deg) brightness(93%) contrast(101%); } 
.img-icon.color-4 { filter: brightness(0) saturate(100%) invert(31%) sepia(8%) saturate(7157%) hue-rotate(177deg) brightness(97%) contrast(87%); } 
.onlyPC { } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px){
 .onlyPC { display: none; } 
 }
@media all and (max-width:768px) { } 
.txt_left { text-align: left !important; } 
.txt_center { text-align: center !important; } 
.txt_right { text-align: right !important; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px) { } 
@media all and (max-width:768px) { } 
.h4_tit { margin-bottom: 1em; padding-left: 1.5em; font-size: 1.4em; color: #1d1d1d; } 
.h4_tit.mt { margin-top: 6%; } 
.h4_tit:before { display: inline-block; margin-right: 0.4em; margin-left: -1.5em; width: 1.1em; height: 1.1em; background: url(/history/img/sub/title_img.png) no-repeat center center; background-size: contain; content: ""; } 
.h5_tit { margin-bottom: 1em; padding-left: 1.5em; position: relative; font-size: 1.2em; color: #00879e; } 
.h5_tit.mt { margin-top: 6%; } 
.h5_tit:before { display: inline-flex; position: absolute; top: calc(50% - 0.7em); left: 0; width: 1.2em; height: 1.2em; background: #00879e; content: ''; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/history/img/sub/ico_expand.svg); mask-image: url(/history/img/sub/ico_expand.svg); transform: rotate(360deg); } 
.default_section { margin-bottom: 6%; } 
.h4_section { margin-bottom: 6%; padding-left: 25px; } 
.h5_section { margin-bottom: 5%; padding: 0 20px; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px){
 .h4_section { padding-left: 0; } 
 }
@media all and (max-width:768px) { } 
.box_style { margin-bottom: 2%; padding: 3%; border: 1px solid #ccc; } 
.img_area { margin-bottom: 8%; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px) { } 
@media all and (max-width:768px) { } 
.list_style>li { padding-left: 10px; position: relative; } 
.list_style>li:before { display: inline-block; position: absolute; top: 12px; left: 0; width: 5px; height: 1px; background: #333; content: ""; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px) { } 
@media all and (max-width:768px) { } 
.colorBlue { color: #00879e !important; } 
.colorGreen { color: #566d0e !important; } 
.colorOrange { color: #685721 !important; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px) { } 
@media all and (max-width:768px) { } 
.tab_style { display: table; width: 100%; table-layout: fixed; } 
.tab_style>li { display: table-cell; text-align: center; } 
.tab_style>li:first-child.active>a::after,
.tab_style>li:first-child a { border-radius: 10px 0 0 10px; } 
.tab_style>li:last-child.active>a::after,
.tab_style>li:last-child a { border-radius: 0 10px 10px 0; } 
.tab_style>li>a { display: flex; align-items: center; justify-content: center; margin-right: -1px; border: 1px solid #b1b8be; position: relative; height: 60px; font-size: 1.2em; color: #666; } 
.tab_style>li:not(:last-child)>a:after { border-right: unset; } 
.tab_style>li.active>a { background-color: #e2f5f9; font-weight: bold; color: #00879e; } 
.tab_style>li.active>a:after { display: block; margin: -1px; border: 1px solid #00879e; position: absolute; bottom: 0; z-index: 1; width: calc(100% + 2px); height: calc(100% + 2px); transition: all 0.3s ease-out; content: ""; } 
.tab_content { display: none; transition: all 0.3s ease-out; opacity: 0; transform: translateY(50px); } 
.tab_content.active { display: block; } 
.tab_content.show { opacity: 1; transform: translateY(0); } 
.tab_content_tit { padding: 100px 0; text-align: center; } 
.tab_content_tit h4 { margin-bottom: 25px; font-size: 2em; } 
.tab_content_tit p { font-size: 1.1em; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px){
 .tab_style>li>a { height: 50px; } 
 }
@media all and (max-width:768px){
 .tab_content_tit { padding: 50px 0; } 
 .tab_style>li>a { height: 40px; } 
 }
.table_style_wrap { overflow-x: auto; } 
.table_style { border-top: 1px solid #d0d0d0; width: 100%; min-width: 768px; text-align: center; table-layout: fixed; } 
.table_style td,
.table_style th { padding: 1em 1em; border-bottom: 1px solid #d0d0d0; font-size: 1.1em; } 
.table_style thead th { border-right: 1px solid #d0d0d0; background: #f7f7f7; font-weight: bold; color: #1d1d1d; } 
.table_style thead th:last-child { border-right: unset; } 
.table_style tbody th { border-right: 1px solid #ccc; background: #fff; font-weight: bold; } 
.table_style tbody th:last-child { border-right: unset; } 
.table_style td { border-right: 1px solid #ccc; background: #fff; } 
.table_style td:last-child { border-right: unset; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px) { } 
@media all and (max-width:768px){
 .table_style_wrap::before { display: block; margin-bottom: 1em; font-size: 1em; color: #1d1d1d; content: '↔ 표를 좌우로 스크롤 하세요'; } 
 }
.slide_style { margin-bottom: 20px; } 
.slide_style .slick-arrow { overflow: hidden; position: absolute; top: 50%; z-index: 1; width: 70px; height: 70px; background: #fff url(/history/img/common/ico_arrow_slide.png) no-repeat center center / auto 60%; text-indent: -9999px; transform: translateY(-50%); } 
.slide_style .slick-prev { left: 0; } 
.slide_style .slick-next { right: 0; transform: translateY(-50%) rotate(180deg); } 
.slide_style .slide { position: relative; } 
.slide_style .slide .tit { padding: 80px 20px 20px; position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8)); color: #fff; text-align: center}
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px) { } 
@media all and (max-width:768px){
 .slide_style .slick-arrow { width: 40px; height: 40px; } 
 }
/* 콘첸츠 공통 : END */
/* 주요연혁 */
.history_list>ul { position: relative; } 
.history_list>ul:before { display: block; position: absolute; top: 0; left: 50%; width: 10px; height: 10px; background: #ccc; content: ""; border-radius: 50%; transform: translateX(-50%); } 
.history_list>ul:after { display: block; position: absolute; bottom: 0; left: 50%; width: 10px; height: 10px; background: #ccc; content: ""; border-radius: 50%; transform: translateX(-50%); } 
.history_list>ul>li { padding-bottom: 50px; position: relative; } 
.history_list>ul>li:before { display: block; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: #ccc; content: ""; } 
.history_list>ul>li:after { display: block; clear: both; content: ""; } 
.history_list>ul>li .img { width: 50%; float: left; } 
.history_list>ul>li .img>img { max-width: calc(100% - 70px); } 
.history_list>ul>li .txt { padding-top: 50px; width: 50%; float: right; line-height: 1; } 
.history_list>ul>li .txt:before { display: block; margin-top: 6px; border: 5px solid #00879e; position: absolute; left: 50%; z-index: 1; width: 20px; height: 20px; background: #fff; content: ""; border-radius: 50%; transform: translateX(-50%); } 
.history_list>ul>li .txt h5 { margin-bottom: 8%; padding-left: 15%; position: relative; font-size: 2em; } 
.history_list>ul>li .txt h5:before { display: block; position: absolute; top: 50%; left: 0; width: 8%; height: 1px; background: #ccc; content: ""; } 
.history_list>ul>li .txt h5:after { display: block; position: absolute; top: 50%; left: 8%; width: 10px; height: 10px; background: #ccc; content: ""; transform: translate(-50%, -50%); border-radius: 50%; } 
.history_list>ul>li .txt>ul { padding-left: 15%; } 
.history_list>ul>li .txt>ul>li { padding-left: 15px; position: relative; font-size: 1.1em; line-height: 1.6; word-break: keep-all; } 
.history_list>ul>li .txt>ul>li:before { display: block; position: absolute; top: 14px; left: 4px; width: 2px; height: 2px; background: #999; content: ""; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px) { } 
@media all and (max-width:768px){
 .history_list>ul:before { left: 0; } 
 .history_list>ul:after { left: 0; } 
 .history_list>ul>li:before { left: 0; } 
 .history_list>ul>li .img { display: none; } 
 .history_list>ul>li .txt { width: 100%; } 
 .history_list>ul>li .txt:before { left: 0; } 
 .history_list>ul>li .txt h5:before { left: 0; } 
 }
/* 숫자로 보는 BMC */
.status_list { margin-bottom: 80px; } 
.status_list>ul:after { display: block; clear: both; content: ""; } 
.status_list>ul>li { display: table; margin-right: 40px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc; width: calc(50% - 20px); height: 140px; float: left; } 
.status_list>ul>li:nth-of-type(2n) { margin-right: 0; } 
.status_list>ul>li:after { display: block; clear: both; content: ""; } 
.status_list>ul>li>div { display: table-cell; vertical-align: middle; } 
.status_list>ul>li>div:nth-of-type(1) { width: 80px; } 
.status_list>ul>li>div:nth-of-type(2) { padding: 0 10px; } 
.status_list>ul>li>div:nth-of-type(3) { width: 120px; text-align: center; border-radius: 5px; } 
.status_list>ul>li>div:nth-of-type(3)>span { display: block; font-size: 1.4em; line-height: 1.2; color: #fff; } 
.status_list>ul>li .tit { font-size: 1.4em; } 
.status_list>ul>li .tit>strong { font-size: 1.2em; } 
.status_list>ul>li ul>li { padding-left: 20px; position: relative; color: #333; } 
.status_list>ul>li ul>li:before { display: block; position: absolute; top: 12px; left: 10px; width: 2px; height: 2px; background: #333; content: ""; } 
.status_list>ul>li:nth-of-type(1) { color: #63841c; } 
.status_list>ul>li:nth-of-type(2) { color: #00879e; } 
.status_list>ul>li:nth-of-type(3) { color: #ad860b; } 
.status_list>ul>li:nth-of-type(4) { color: #2198ca; } 
.status_list>ul>li:nth-of-type(5) { color: #ad5f0b; } 
.status_list>ul>li:nth-of-type(6) { color: #2a67b1; } 
.status_list>ul>li:nth-of-type(1)>div:nth-of-type(3) { background: #63841c; } 
.status_list>ul>li:nth-of-type(2)>div:nth-of-type(3) { background: #00879e; } 
.status_list>ul>li:nth-of-type(3)>div:nth-of-type(3) { background: #ad860b; } 
.status_list>ul>li:nth-of-type(4)>div:nth-of-type(3) { background: #2198ca; } 
.status_list>ul>li:nth-of-type(5)>div:nth-of-type(3) { background: #ad5f0b; } 
.status_list>ul>li:nth-of-type(6)>div:nth-of-type(3) { background: #2a67b1; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px){
 .status_list>ul>li { margin-right: 0; width: 100%; } 
 }
@media all and (max-width:768px) { } 
/* 역대 CEO */
.ceo_list { border-top: 2px solid #333; } 
.ceo_list:after { display: block; clear: both; content: ""; } 
.ceo_list>li { padding: 30px; border-bottom: 1px solid #ccc; width: 50%; float: left; } 
.ceo_list>li:after { display: block; clear: both; content: ""; } 
.ceo_list>li>div { float: left; } 
.ceo_list>li .img { width: 180px; } 
.ceo_list>li .txt { padding-left: 20px; width: calc(100% - 180px); } 
.ceo_list>li .txt .since { font-size: 1.2em; font-weight: bold; color: #00879e; } 
.ceo_list>li .txt dl { display: table; padding-top: 15px; width: 100%; } 
.ceo_list>li .txt dt { display: table-cell; border-right: 1px solid #ddd; width: 4.5em; font-weight: bold; } 
.ceo_list>li .txt dd { display: table-cell; padding-left: 20px; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px){
 .ceo_list>li { width: 100%; } 
 }
@media all and (max-width:768px){
 .ceo_list>li { padding: 10px 0; } 
 .ceo_list>li .img { width: 100px; } 
 .ceo_list>li .txt { width: calc(100% - 100px); } 
 }
/* 사옥 변천 */
.company_list>li:not(:last-of-type) { margin-bottom: 80px; } 
.company_list>li:after { display: block; clear: both; content: ""; } 
.company_list>li>div { width: 50%; float: left; } 
.company_list>li .txt { padding-left: 80px; } 
.company_list>li .txt .since { font-size: 2em; font-weight: bold; color: #ad860b; } 
.company_list>li .txt .location { margin-top: 15px; font-size: 1.2em; } 
.company_list>li .txt>ul { margin-top: 30px; } 
.company_list>li .txt>ul>li { margin-bottom: 30px; } 
.company_list>li .txt>ul>li>p { padding: 5px 15px; background: #ad860b; font-size: 1.4em; font-weight: bold; color: #fff; transform: skew(-36deg); } 
.company_list>li .txt>ul>li>p>span { display: block; transform: skew(36deg); } 
.company_list>li .txt>ul>li>ul>li { margin-top: 15px; padding-left: 30px; position: relative; font-size: 1.2em; } 
.company_list>li .txt>ul>li>ul>li:before { display: block; position: absolute; top: 50%; left: 15px; width: 5px; height: 1px; background: #333; content: ""; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px){
 .company_list>li>div { width: 100%; } 
 .company_list>li .txt { padding-right: 50px; padding-left: 50px; } 
 }
@media all and (max-width:768px){
 .company_list>li .txt { padding: 0; } 
 }
/* CI 변천, BI */
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px) { } 
@media all and (max-width:768px) { } 
/* BMC 사업 역사 */
.city_list { margin-bottom: 6%; padding: 20px 30px; border: 1px solid #ddd; background: #fff; border-radius: 10px; } 
.city_list>ul { display: grid; } 
.city_list>ul>li { margin: 5px 0; padding-right: 10px; /* width: 20%; */
 float: left; } 
.city_list>ul>li:before { display: inline-block; margin-right: 0.5em; margin-left: -0.5em; content: "·"; } 
/* 등분 */
.city_list[data-length='5']>ul { grid-template-columns: repeat(5, 1fr); } 
.city_list[data-length='4']>ul { grid-template-columns: repeat(4, 1fr); } 
.city_list[data-length='3']>ul { grid-template-columns: repeat(3, 1fr); } 
.city_list[data-length='2']>ul { grid-template-columns: repeat(2, 1fr); } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px){
 .city_list[data-length='5']>ul { grid-template-columns: repeat(3, 1fr); } 
 .city_list[data-length='4']>ul { grid-template-columns: repeat(2, 1fr); } 
 .city_list[data-length='3']>ul { grid-template-columns: repeat(2, 1fr); } 
 }
@media all and (max-width:768px) {
 .city_list[data-length='5']>ul,
 .city_list[data-length='4']>ul,
 .city_list[data-length='3']>ul,
 .city_list[data-length='2']>ul { grid-template-columns: 1fr; } 
 }
.rg-gallery { margin: 0 auto; max-width: 1280px; } 
.rg-gallery h3 { margin-bottom: 0px; } 
.rg-image-wrapper { margin-bottom: 1.5em; position: relative; min-height: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } 
.rg-image { position: relative; line-height: 0px; text-align: center; } 
.rg-image img { width: 100%; max-width: 100%; max-height: 100%; text-indent: -9000px; } 
.rg-image-nav a.rg-image-nav-prev { padding: 0.5em; border: 1px solid #ddd; position: absolute; top: calc(50% - 3em); left: -1em; z-index: 1; background-color: #fff; opacity: 0.4; transform: rotate(90deg); border-radius: 100px; } 
.rg-image-nav a.rg-image-nav-next { padding: 0.5em; border: 1px solid #ddd; position: absolute; top: calc(50% - 3em); right: -1em; z-index: 1; background-color: #fff; opacity: 0.4; transform: rotate(-90deg); border-radius: 100px; } 
.rg-image-nav a:hover { opacity: 0.8; } 
.rg-caption { margin-top: 15px; position: relative; text-align: center; } 
.rg-view { height: 30px; } 
.rg-view a { display: block; margin-right: 3px; border: 3px solid #464646; width: 16px; height: 16px; float: right; background: #464646 url(/bmc/images/content/views.png) no-repeat top left; opacity: 0.8; } 
.rg-view a:hover { opacity: 1.0; } 
.rg-view a.rg-view-full { background-position: 0px 0px; } 
.rg-view a.rg-view-selected { border-color: #6f6f6f; background-color: #6f6f6f; } 
.rg-view a.rg-view-thumbs { background-position: 0px -16px; } 
.rg-loading { margin: -23px 0px 0px -23px; position: absolute; top: 50%; left: 50%; z-index: 100; width: 46px; height: 46px; background: #000 url(/history/img/common/ajax-loader.gif) no-repeat center center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; opacity: 0.7; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px) { } 
@media all and (max-width:768px) { } 
/* Elastislide Style */
.es-carousel-wrapper { padding: 1em 2.5em; position: relative; background: #f3f6fb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } 
.es-carousel { overflow: hidden; } 
.es-carousel ul { display: none; } 
.es-carousel ul li { display: block; width: 100%; height: 100%; float: left; } 
.es-carousel ul li a { display: block; /* option */
 -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-touch-callout: none; } 
.es-carousel ul li.selected a { border-color: #fff; opacity: 1.0; } 
.es-carousel ul li a img { display: block; border: none; width: 300px; height: 60px; } 
.es-nav span { margin-top: -13px; position: absolute; top: 50%; left: 1em; width: 14px; height: 26px; background: transparent url(/history/img/common/nav_thumbs.png) no-repeat top left; text-indent: -9000px; cursor: pointer; opacity: 0.8; } 
.es-nav span.es-nav-next { right: 1em; left: auto; background-position: top right; } 
.es-nav span:hover { opacity: 1.0; } 
@media all and (min-width:1025px) { } 
@media all and (max-width:1024px) { } 
@media all and (max-width:768px) { } 
/* card 기본스타일 */
.housingGrid { display: grid; gap: 25px; margin: 20px 0 70px 0; grid-template-columns: repeat(4, 1fr); } 
@media all and (max-width:1024px){
 .housingGrid { grid-template-columns: repeat(2, 1fr); } 
 }
@media all and (max-width:640px){
 .housingGrid { grid-template-columns: 1fr; } 
 }
.housingCard { display: flex; flex-direction: column; border: 1px solid #e5e7eb; overflow: hidden; background: #fff; border-radius: 10px; } 
.cardImage { margin: 0; overflow: hidden; aspect-ratio: 16/9; } 
.cardImage img { width: 100%; height: 100%; object-fit: cover; } 
.cardContent { padding: 1.5em; } 
.cardTitle { display: flex; align-items: center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e5e7eb; } 
.cardDesc { margin-bottom: 10px; font-size: 1em; line-height: 1.6; color: #1d1d1d; } 
.infoTag { display: inline-block; margin-left: 4px; padding: 2px 10px; background: #f3f4f6; font-size: 15px; border-radius: 999px; } 
.cardBadge { display: flex; gap: 11px; flex-direction: row; margin-bottom: 10px; font-size: 15px; color: #063a74; } 
.cardBadge .krds-badge { font-size: 15px; } 
/* card 3등분 스타일 추가 */
.housingGrid-col-3 { grid-template-columns: repeat(3, 1fr); } 
@media (max-width: 1024px){
 .housingGrid-col-3 { grid-template-columns: repeat(2, 1fr); } 
 }
@media (max-width: 640px){
 .housingGrid-col-3 { grid-template-columns: 1fr; } 
 }
/* 이미지 보기 */
.contImg { margin-bottom: 4%; } 
.contImg img { width: 100%; } 
.viewImageBtn { display: none; margin-top: 10px; margin-bottom: 10px; padding: 8px 16px; border: 1px solid #00879e; background: #ffffff; font-size: 15px; font-weight: 600; color: #00879e; text-align: center; text-decoration: none; border-radius: 5px; } 
.viewImageBtn:hover { background: #f4fdff; color: #00879e; } 
@media all and (max-width: 768px){
 .viewImageBtn { display: block; } 
 }
/* ========== Support / Feature (타임라인 카드형) ========== */
.featurePanel { display: grid; gap: 3em; align-items: center; margin: 6% 0 0 0; grid-template-columns: 30em 1fr; } 
.featureMedia { align-self: center; margin: 0; margin: 0 auto; overflow: hidden; position: relative; } 
.featureMedia img { display: block; width: 100%; max-width: 400px; height: auto; transform: scale(1.001); } 
.featureMedia p { padding: 5px 10px; position: absolute; bottom: 0; z-index: 1; width: 100%; background-color: rgba(0, 0, 0, 0.6); line-height: 130%; color: #fff; } 
@media all and (max-width:1024px){
 .featurePanel { gap: 50px; grid-template-columns: 1fr; } 
 }
@media all and (max-width:768px){
 .featurePanel { gap: 30px; } 
 .featureMedia img { max-width: 250px; } 
 }
/* 카드 */
.cardList { margin: 50px 0; } 
.featureItem { margin-bottom: 20px; padding: 1.5em; border: 1px solid #e5e7eb; border-left: 4px solid #0b8892; position: relative; background: #fff; transition: transform .2s ease, border-color .2s ease; border-radius: 8px; } 
.featureItem:last-child { margin-bottom: 0; } 
.featureItem:hover { border-color: #1397a1; transform: translateY(-2px); }