@charset "utf-8";
/* ===========================
	변수
=========================== */
:root {	
	--smooth-transform-transition : transform 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	--smooth-clip-path-transition : clip-path 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000);
  --main_01 : #E60012;
  --textColor : #000;
  --background_Pink : #FFEDEE;
  --blackGray : #191919;
  --dark_Gray : #6D6D6D;
  --middle_Gray : #A6A6A6;
  --maxWidth : 1440px;
}


html.fix {overflow:hidden;}



#wrap {opacity:0; transition:opacity 0.1s ease;}
#wrap.actived {opacity:1;}


/* 레이아웃 >  컨텐츠 */
#contents {padding-bottom:200px;}
#contents:first-child {padding-top:169px;}
#contents.news .page-history {display:flex; justify-content:flex-end;}
#contents.download .page-history {display:flex; justify-content:flex-end;}





/* ===========================
	label
=========================== */
.label {display:inline-flex; align-items:center; justify-content:center; height:38px; padding:0 16px; font-size:16px; font-weight:700; line-height:1; color:#fff; border:1px solid #000; background:#000; box-sizing:border-box;}

.label.label-black {background:#000; color:#fff;}
.label.label-outline-blue {color:#3F97FF; border-color:#3F97FF; background-color:transparent; border-radius:43px;}


/* ===========================
	button
=========================== */
/* 기본 버튼 */
button.btn-basic,
input[type=submit].btn-basic,
a.btn-basic {display:inline-flex; align-items:center; justify-content:center; height:56px; padding:0 32px; font-size:20px; font-weight:700; color:#000; border:2px solid #000; border-radius:28px; background-color:transparent; box-sizing:border-box; white-space:nowrap; transition:background 0.2s ease, border 0.2s ease;}
.btn-basic.btn-full {width:100% !important;}
.btn-basic .icon {flex:0 0 auto;}
.btn-icon {gap:8px;}

button.btn-black,
input[type=submit].btn-black,
a.btn-black {color:#fff; border-color:#000; background-color:#000;}
button.btn-black:hover ,
input[type=submit].btn-black:hover ,
a.btn-black:hover {background-color:#71717A; border-color:#71717A;} 

button.btn-white,
input[type=submit].btn-white,
a.btn-white {color:#000; border-color:#fff; background-color:#fff;}


button.btn-outline-gray,
input[type=submit].btn-outline-gray,
a.btn-outline-gray {color:#52525B; border-color:#A1A1AA; background-color:#fff;}
button.btn-outline-gray:hover ,
input[type=submit].btn-outline-gray:hover ,
a.btn-outline-gray:hover {background-color:#fff; border-color:#71717A;} 

button.btn-outline-black,
input[type=submit].btn-outline-black,
a.btn-outline-black {color:#000; border-color:#000; background-color:#fff;}
button.btn-outline-black:hover ,
input[type=submit].btn-outline-black:hover ,
a.btn-outline-black:hover {background-color:#fff; border-color:#000;} 

button.btn-outline-white,
input[type=submit].btn-outline-white,
a.btn-outline-white {color:#fff; border-color:#fff; background-color:transparent;}
button.btn-outline-white:hover ,
input[type=submit].btn-outline-white:hover ,
a.btn-outline-white:hover {border-color:#fff;} 

button.btn-500,
input[type=submit].btn-500,
a.btn-500 {height:64px; font-size:20px; border-radius:32px;}

button.btn-400,
input[type=submit].btn-400,
a.btn-400 {height:56px; font-size:20px; border-radius:28px;}


button.btn-300,
input[type=submit].btn-300,
a.btn-300 {height:48px; font-size:16px; border-radius:24px;}

button.btn-icon,
input[type=submit].btn-icon,
a.btn-icon {text-align:left; justify-content:space-between;}

a.btn-500.btn-icon {gap:0;}
a.btn-500.btn-icon .icon:last-child {margin-right:-16px;}

/* 종류별 */
.btn-more {display:inline-flex; align-items:center; padding:0 16px 0 32px; height:64px; border-radius:32px; font-size:20px; font-weight:700;}
.btn-more .arrow {position:relative; display:block; width:32px; height:32px; margin-left:auto;}
.btn-more.white {color:#000; background:#fff; transition:background 0.2s ease, color 0.2s ease;}
.btn-more.black {color:#fff; background:#000; transition:background 0.2s ease, color 0.2s ease;}
.btn-more.black .arrow .off {position:absolute; top:0;left:0;width:100%;height:100%;opacity:1; transition:opacity 0.2s ease;}
.btn-more.black .arrow .on {position:absolute; top:0;left:0;width:100%;height:100%;opacity:0; transition:opacity 0.2s ease;}
.btn-more.black:hover {color:#000; background:#FFF645;}
.btn-more.black:hover .arrow .off {opacity:0;}
.btn-more.black:hover .arrow .on {opacity:1;}

/* 그룹 */
.btn-page-wrap {display:flex; align-items:center; gap:8px; justify-content:center; flex-wrap:wrap;}

/* 페이징 */
.paging-wrap {position:relative; display:flex; justify-content:center;}
.paging-content {position:relative; display:flex; align-items:center; justify-content:center; }
.paging-content > a {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:cebnter;  font-size:0; width:32px; height:32px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.paging-content .btn-first {background-image:url('../images/icon/icon-paging-first.png');}
.paging-content .btn-prev {background-image:url('../images/icon/icon-paging-prev.png');}
.paging-content .btn-next {background-image:url('../images/icon/icon-paging-next.png');}
.paging-content .btn-last {background-image:url('../images/icon/icon-paging-last.png');}
.paging-content .paging-list {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:0 4px; margin:0 4px;}
.paging-content .paging-list > li {}
.paging-content .paging-list > li a {display:inline-flex; min-width:32px; height:32px; align-items:center; justify-content:center; font-size:20px; color:#A1A1AA; font-weight:700; box-sizing:border-box; padding:0 4px;}
.paging-content .paging-list > li a.actived {color:#000;}

/* 컨텐츠 탭 */
.contents-tab {}
.contents-tab-inner {display:inline-flex; gap:4px;}
.btn-contents-tab-nav {display:inline-flex; align-items:center; justify-content:center; text-align:center; height:46px; padding:0 24px; font-size:16px; color:#3F3F46; font-weight:700; background:#f2f2f2; border-radius:100px; box-sizing:border-box; white-space:nowrap;}
.contents-tab-cell.actived .btn-contents-tab-nav {color:#fff; background-color:#27272A;}

/* 아코디언 */
.accordion-list {border-top:4px solid #000; border-bottom:1px solid #000;}
.accordion-cell {padding:24px 0; background:#fff; transition:background 0.4s ease, padding 0.4s ease;}
.accordion-cell + .accordion-cell {border-top:1px solid #D4D4D8;}
.accordion-cell.actived {padding:16px 0; background:#FAFAFA;}
.accordion-cell.actived .btn-accordion-menu .item-subject {font-weight:700;}
.accordion-cell.actived .btn-accordion-menu .item-arrow {transform:rotate(180deg);}
.btn-accordion-menu {display:flex; align-items:center; width:100%; padding:0 24px; align-items:center; box-sizing:border-box; transition:padding 0.4s ease;}
.btn-accordion-menu .item-info {flex:1; display:flex; align-items:center; min-height:48px; padding:0; box-sizing:border-box;}
.btn-accordion-menu .item-label {flex:0 0 auto; margin-right:16px; display:flex; width:48px; height:48px; align-items:center; justify-content:Center; text-align:center; font-size:24px; font-weight:700; line-height:1.44; color:#fff; border-radius:50%; background:#27272A;}
.btn-accordion-menu .item-subject {flex:1; width:100%; text-align:left; font-size:18px; font-weight:500; line-height:1.5; color:#3F3F46;}
.btn-accordion-menu .item-arrow {flex:0 0 auto; display:block; width:32px; height:32px; background:url(../images/icon/icon-accordion-arrow.png) center center no-repeat; transform:rotate(0deg); transition:transform 0.4s ease;}
.accordion-content {display:none;}
.accordion-detail {display:flex; align-items:flex-start; margin-top:8px; padding:16px 80px;}
.accordion-detail .item-label {flex:0 0 auto; margin-right:16px; display:inline-flex; align-items:center; justify-content:center; text-align:center; width:48px; height:32px; font-size:18px; font-weight:700; color:#fff; background:#52525B; border-radius:16px;}
.accordion-detail .item-value {flex:1; width:100%; padding:0; font-size:18px; font-weight:500; line-height:1.4; color:#52525B; box-sizing:border-box;}
.accordion-detail .info-table {border-radius:0;border:none; border-top:2px solid #000; margin-top:24px;} 
.accordion-detail .info-table > table > tbody > tr + tr {border:none;}
.accordion-detail .info-table > table > thead > tr > th {padding:10px; font-size:16px; line-height:1.5; vertical-align:middle; text-align:center; color:#18181B; font-weight:700; background:#F4F4F5; border:1px solid #D4D4D8; border-top:none;}
.accordion-detail .info-table > table > tbody > tr > th {padding:10px; font-size:16px; line-height:1.5; vertical-align:middle; text-align:center; color:#18181B; font-weight:700; background:#F4F4F5; border:1px solid #D4D4D8;}
.accordion-detail .info-table > table > tbody > tr > td {padding:10px; font-size:16px; line-height:1.5; vertical-align:middle; text-align:center; color:#52525B;  font-weight:500; background:#fff; border:1px solid #D4D4D8;}
.accordion-detail .info-table > table > thead > tr > th:first-child,
.accordion-detail .info-table > table > tbody > tr > th:first-child {border-left:none;}
.accordion-detail .info-table > table > thead > tr > th:last-child,
.accordion-detail .info-table > table > tbody > tr > th:last-child,
.accordion-detail .info-table > table > tbody > tr > td:last-child {border-right:none;}

/* 드롭다운 버튼 */
.dropdown-wrap {position:relative; display:inline-flex;}
.dropdown-wrap .btn-dropdown-nav {display:inline-flex; align-items:center; height:22px; padding:0; font-size:16px; font-weight:500; white-space:nowrap; color:#000; background:#fff; border:none; border-radius:0; box-sizing:border-box; transition:background 0.25s ease, border 0.25s ease, color 0.25s ease;}
.dropdown-wrap .btn-dropdown-nav .arrow {position:relative; display:block; width:16px; height:16px; margin-left:8px; transform:rotate(0deg); transition:transform 0.25s ease;}
.dropdown-wrap .btn-dropdown-nav .arrow:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background:url(../images/icon/icon-select-arrow-black.png) center center no-repeat; background-size:100% 100%; opacity:1; transition:opacity 0.25s ease; }
.dropdown-wrap .dropdown-data {position:absolute; top:100%; left:0; min-width:100%; z-index:150; visibility:hidden; opacity:0;  transition:visibility 0s 0.25s ease, opacity 0.25s 0s ease;}
.dropdown-wrap .dropdown-data.right {left:auto; right:0;}
.dropdown-wrap .dropdown-data-inner {position:relative;margin:16px 0 0 0;}
.dropdown-wrap .dropdown-list {padding:32px; background:#fff; border-radius:0; border:1px solid #000;}
.dropdown-wrap .dropdown-cell {line-height:1; padding:0;}
.dropdown-wrap .dropdown-cell + .dropdown-cell {margin-top:12px;}
.dropdown-wrap .dropdown-cell.actived .btn-dropdown-item {color:#000;}
.dropdown-wrap .btn-dropdown-item {display:flex; align-items:center; width:100%; height:22px; font-size:16px; color:#A1A1AA; white-space:nowrap;}
.dropdown-wrap.actived {}
.dropdown-wrap.actived .dropdown-data {visibility:visible; opacity:1; transition:visibility 0s 0s ease, opacity 0.25s 0s ease;}
.dropdown-wrap.actived .btn-dropdown-nav .arrow {transform:rotate(-180deg);}
.dropdown-wrap.actived .btn-dropdown-nav .arrow:before {opacity:1;}
.dropdown-wrap.transparent .btn-dropdown-nav {padding:0; font-size:16px; background:none; border:none; font-weight:600;}
.dropdown-wrap.transparent .btn-dropdown-nav .arrow {width:18px; height:18px; margin-left:6px; background:url(../images/icon/icon_arrow_full_black.png) center center no-repeat; background-size:18px auto;}




/* ===========================
	테이블
=========================== */
/* 정보 테이블 */
col.col-subject {width:230px;}
col.col-view {width:auto;}
.info-table {border-radius:3px; overflow:hidden; border:1px solid #E4E4E7;}
.info-table > table {width:100%; table-layout:fixed; word-break:keep-all; text-align:left;}
.info-table > table > tbody > tr + tr {border-top:1px solid #E4E4E7;}
.info-table > table > tbody > tr > th {padding:16px 24px; font-size:16px; line-height:1.5; vertical-align:middle; text-align:left; color:#000; font-weight:600; background:#fafafa;}
.info-table > table > tbody > tr > td {padding:16px 24px; font-size:16px; line-height:1.5; vertical-align:middle; text-align:left; color:#71717A;  font-weight:500; border-left:1px solid #E4E4E7;}


/* ===========================
	팝업
=========================== */
.layer-pop-wrap {position:fixed; top:0; left:100%; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0); z-index:100000; visibility:hidden; overflow:hidden; transition:left 0s 0.2s ease, visibility 0s 0.4s ease, background 0.4s 0s ease;}
.layer-pop-wrap.actived {left:0; visibility:visible; background-color:rgba(0,0,0,0.5); transition:left 0s 0s ease, visibility 0s 0s ease, background 0.2s 0s ease;}
.layer-pop-wrap.scroll {overflow-y:auto; overflow-x:hidden;}
.layer-pop-wrap .pop-data {display:inline-block;}
.layer-pop-scroller {position:absolute; top:0; left:0; width:100%; height:100%; overflow-x:hidden; overflow-y:scroll;}
.layer-pop-parent {display:table; width:100%; height:100%; table-layout:fixed;}
.layer-pop-children {display:table-cell; width:100%; height:100%; padding:30px 30px; text-align:center; vertical-align:middle;}

/* 메세지팝업 */
.layer-pop-wrap.actived .alert-pop-wrap {opacity:1;}
.alert-pop-wrap {position:relative; min-width:340px; margin:0 auto; border-radius:0px; overflow:hidden; background-color:#fff; opacity:0; transition:opacity 0.2s ease; border-radius:24px;}
.alert-pop-inner {padding:40px;}
.alert-pop-msg {display:flex; width:100%; min-height:100px; font-size:18px; line-height:1.4; color:#111; font-weight:700; text-align:center; align-items:center; justify-content:center; padding:0; box-sizing:border-box;}
.alert-pop-btns {margin-top:12px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px;}

/* 컨텐츠 팝업 */
.layer-pop-wrap.actived .pop-view-wrap {opacity:1;}
.pop-view-wrap {position:relative; width:720px; background:#fff; border-radius:24px; opacity:0; transition:opacity 0.2s ease;}
.pop-view-header {position:relative; padding:28px 32px; min-height:40px; display:flex; align-items:center;}
.pop-view-title {font-size:24px; font-weight:800; line-height:1.2; color:#000;} 
.btn-pop-close {position:absolute; top:28px; right:32px; width:40px; height:40px; z-index:15; font-size:0; background:url(../images/icon/icon-pop-close-gray.png) center center no-repeat;}
.pop-view-footer {padding:16px 32px 40px 32px;}
.pop-view-body {padding:16px 32px;}
.pop-view-btns {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px;}
.pop-view-btns .btn-basic {min-width:160px;}

/* 월 달력 피커 팝업 */
.layer-pop-wrap.actived .month-picker-wrap {opacity:1;}
.month-picker-wrap {position:relative; width:560px; background:#fff; border-radius:24px; opacity:0; transition:opacity 0.2s ease;}
.month-picker-wrap .pop-view-body {padding:16px 32px; padding-bottom:0;}


/* 개인정보 팝업 */
.pop-personal-agree {text-align:left;}
.pop-personal-agree .paragraph + .paragraph {margin-top:24px;}
.pop-personal-agree .paragraph {font-size:16px; line-height:1.5; font-weight:600; color:#000;}
.pop-personal-agree .paragraph .txt + .symbol-text-list {margin-top:24px;}
.pop-personal-agree .symbol-text-item.circle {font-weight:500; color:#71717A;}

/* 메인 팝업 */
.main-pop-wrap {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); z-index:9999; display:none;}
.main-pop-wrap.actived {display:block;}
.main-pop-wrap .pop-data-wrap {position:relative; display:table; table-layout:fixed; width:100%; height:100%; box-sizing:border-box;}
.main-pop-wrap .pop-data-item {display:table-cell; vertical-align:middle;}
.main-pop-wrap .pop-data {position:relative; width:520px; margin:auto; overflow:hidden;}
.main-pop-wrap .pop-body {position:relative; background:#fff;}
.main-pop-wrap .pop-body .main-pop-visual {position:relative; height:520px;}
.main-pop-wrap .pop-body .main-pop-visual .swiper {position:absolute; top:0; left:0; width:100%; height:100%; overflow:visible;}
.main-pop-wrap .pop-body .swiper-pagination {position:absolute; bottom:0px; margin-bottom:32px;}
.main-pop-wrap .pop-body .swiper-pagination .swiper-pagination-bullet {background:rgba(255,255,255,.5);}
.main-pop-wrap .pop-body .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;}
.main-pop-wrap .pop-body .btn-slider-nav {position:absolute; top:50%;display:flex; align-items:center; justify-content:center; font-size:0;width:48px;height:48px;  z-index:20;}
.main-pop-wrap .pop-body .btn-slider-nav:before{content:''; display:block; width:48px; height:48px; background-repeat:no-repeat;background-position:center center;}
.main-pop-wrap .pop-body .btn-slider-nav:hover:before {opacity:1;}
.main-pop-wrap .pop-body .btn-slider-nav.prev {left:16px;margin:-24px 0 0 0;}
.main-pop-wrap .pop-body .btn-slider-nav.prev:before {background-image:url(../images/icon/icon-main-pop-arrow-prev.png);}
.main-pop-wrap .pop-body .btn-slider-nav.next {right:16px;margin:-24px 0 0 0;}
.main-pop-wrap .pop-body .btn-slider-nav.next:before {background-image:url(../images/icon/icon-main-pop-arrow-next.png);}
.main-pop-wrap .pop-body .btn-slider-nav.swiper-button-disabled {display:none;}
.main-pop-wrap .main-pop-visual.single .swiper-pagination,
.main-pop-wrap .main-pop-visual.single .swiper-page,
.main-pop-wrap .main-pop-visual.single .btn-slider-nav {display:none;}
.main-pop-wrap .swiper-page {position:absolute; top:24px; right:24px; display:inline-flex; align-items:center; padding:0 16px; height:36px; font-size:14px; font-weight:700; color:#FCFCFD; background: rgba(0, 0, 0, 0.40); border-radius:20px; z-index:20; white-space:nowrap;}
.main-pop-wrap .swiper-page > em {margin-right:3px;}
.main-pop-wrap .pop-footer {width:100%; height:64px; padding:0 32px; font-size:18px; font-weight:500; color:#333; background-color:#fff; box-sizing:border-box; z-index:999;}
.main-pop-wrap .pop-footer .close-today-content {display:flex; align-items:center; justify-content:center; height:100%;}
.main-pop-wrap .pop-footer .form-check-box.check .form-check-icon em {font-size:16px;}
.main-pop-wrap .pop-footer .close-today-content .close-today-btn {margin-left:auto;}
.main-pop-wrap .pop-footer .close-today-content .close-today-btn .btn-pop-close {font-size:16px; font-weight:500; color:#000; position:relative; top:auto;right:auto;background:none;padding:0;}

body {
  font-family: "Pretendard", Helvetica, Arial, sans-serif;
  font-weight: 400;
  position: relative;
}

a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
button,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  outline: 0;
}

:focus {
  outline: 0 !important;
}
a:hover {
 
  text-decoration: none;
}
ul {
  list-style: none;
}

.eng {
  font-family: Raleway, "Pretendard";
}
:lang(cn) .eng {
  font-family: Raleway, "Pretendard";
}
span.eng {
  font-size: 1.05em;
}
span.engl {
  font-size: 1.05em;
  font-weight: 300;
}
span.engm {
  font-size: 1.05em;
  font-weight: 500;
}
:lang(en) span.engm {
  font-weight: 400;
}



body
.active, 
body .active a
{
  color: var(--main_01) !important;
}

.maxWidth {
  max-width: var(--maxWidth) !important;  
}
.halfWidth{
  max-width: calc(var(--maxWidth) / 2) !important;
}


/* 네번째그림 네비게이션 */
.navbar .navbar-brand { 
  width:25vw; 
  max-height: 33px;
  
}
.navbar .navbar-brand a {  
  display: block;
}

/* 전체 딤처리 스타일*/
body:before {
  content: "";
  position: fixed;
  background-color: transparent;
  z-index: -1;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
/*메뉴 배경*/
.navbar-bg {
  height: 0;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  left:0; 
  background-color: #fff;  
  width: 100%;
  z-index: 3;
}
/* 서브메뉴 활성화 */
body.submenu-on:before {
  background-color: rgba(0, 0, 0, 0.6);
  visibility: visible;
  z-index: 20;
}
body.submenu-on .navbar-bg {
  height: 453px !important;
}
/* 스크롤 내렸을때 hover */
body.submenu-on.scroll_updown .navbar-bg {
  height: 453px !important;
}
body.submenu-on.scroll_updown .navi_2dli.pt-5.mt-4{
  padding-top: 0 !important;
  
}

.navbar .menus > ul > li > a {
  color: rgba(0, 0, 0, 0.6);
  font-size: 22px;
  font-weight: 500;
  padding: 0 25px;
  letter-spacing: -0.08rem;
  position: relative;
}
@media (max-width:var(--maxWidth)) {
  .navbar .menus > ul > li > a {
    
    padding: 0 min(20px, 5vw) ;
   
  }
  
}
/* @media (max-width:1200px) {
  .navbar .menus > ul > li > a {
    
    padding: 0 24px;
   
  }
  
} */
/* 대메뉴 활성화 */
.navbar .menus > ul > li:hover > a {
  color: var(--main_01) !important;
}

/* sshwork */

/* 서브메뉴오픈 폰트컬러 */
body.submenu-on .navbar .menus > ul > li > a,
body.submenu-on .navbar .utils .language a,
body.scroll_updown .navbar .menus > ul > li > a{
  color: #111 !important;
}
body.submenu-on .navbar .menus > ul > li:hover > a {
  color: var(--main_01) !important;
  
}
body .navbar .menus > ul > li> a{
    transition: 0.5s;
    white-space: nowrap;
}
body.submenu-on .navbar .menus > ul > li> a{
    padding:0 calc(2.2vw + 16px);
}
body.submenu-on .navbar-bg::after{
  content: "";
  display: block;
  position:absolute;
  left:0; right:0;
  height: 1px;
  background-color: #d0d0d0;
  top:100px;
  z-index: 10000;
}
body.scroll_updown.submenu-on .navbar-bg::after{
  /* top:79px; */
}
.navbar .menus > ul > li > .sub-menus {  
  top: 0;
  display: none;
  min-width:187px;
  
}
body.submenu-on .navbar .menus > ul > li > .sub-menus {
  display: block;
}
.navbar .menus > ul > li > .sub-menus > li {
  /* min-height:50px; */
  line-height: 1;
  padding: 12px 0;
  
}
.navbar .menus > ul > li > .sub-menus > li > a {
  font-size: 17px;
  color: #666;
  letter-spacing: -0.03rem;
}
.navbar .menus > ul > li.hover > a,
.navbar .menus > ul > li > .sub-menus > li:hover > a {
  color: var(--main_01) !important;
}

/* 다국어메뉴 */
.navbar .utils > ul li.item {
  position: relative;
  letter-spacing: 0;
  font-weight: 400;
  z-index: 2000;
}

.navbar .utils > ul li.item > a {
  font-size: 20px;
  color: #111 ;
  
}
@media (max-width:990px) {
  .navbar .utils > ul li.item > a {
    font-size: 16px;
   
  }
}


/* sshwork */
body.submenu-on nav.navbar {
  background-color: #fff;
}
/* 글로벌 메뉴*/
.navbar  .language-combo {
  transform: translate(-21px, 0);
  position: absolute;
  min-width: 90px;
  left: 0;
  right: 0;
  top: 100%;
  transition: all 0.3s ease-in-out;
  

  
}
@media (max-width:990px) {
  .navbar  .language-combo{
    min-width: 74px;
  }
  .language-combo > li a{
    font-size: 16px !important;
  }
 
  body.navbar-open .navbar #open-menus{
    height: 22px !important;
    

  }
  
}
.navbar .language-combo li{
  background-color: hsla(0, 0%, 100%, .8);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);


}
.navbar .language-combo li:first-child{
  border-radius: 3px 3px 0 0;
}
.navbar .language-combo li:last-child{
  border-radius: 0 0 3px 3px;
}


.navbar .language-combo:before {
  content: "";
  transform: translateY(12px);
  display: block;
  height: 12px;
  margin-bottom: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  background-image: url('data:image/svg+xml;utf8,<svg width="134" height="16" viewBox="0 0 134 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M133.5 14.5H80.5L68 2C68 2 60.3816 9.61845 55.5 14.5H0" fill="white" fill-opacity="0.6"/><path d="M133.5 14.5H80.5L68 2C68 2 60.3816 9.61845 55.5 14.5H0" stroke="black" stroke-width="1.5"/></svg>'
  );
  /* background-image: url('data:image/svg+xml;utf8,<svg width="134" height="16" viewBox="0 0 134 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M133.5 14.5H80.5L68 2C68 2 60.3816 9.61845 55.5 14.5H0" stroke="black" stroke-width="1.5"/></svg>');  */


}

.item.language .text svg{
  opacity: 0.1;
  transition: 0.8s;
}
.item.language .collapsed .text svg{
  opacity:1;
}
body .item.language .collapsed .text svg path,
body.submenu-on .item.language .collapsed .text svg path,
body.scroll_updown .item.language .collapsed .text svg path,
body.index-page.submenu-on .item.language .collapsed .text svg path,
body.index-page.scroll_updown .item.language .collapsed .text svg path{
  stroke: #000;
}

/*메인에서만 언어메뉴 칼라*/
body.index-page  .language-combo > li a{
  color:white;
}
body.index-page .item.language .collapsed .text svg path{
  stroke: white;
}
 .language-combo > li a {
  font-size: 18px;
  color: #999; 
 
}
.language-combo > li.active a {
  color: var(--main_01) !important;
  font-weight: 600;
}
.item.language  svg{ transform: rotate(-180deg);}
.item.language .collapsed svg{transform: rotate(0deg);}

/* 전체메뉴 */
/* .navbar #open-menus {
  background-image: url('data:image/svg+xml;utf8,<svg width="40" height="12" viewBox="0 0 40 12" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="1.5" x2="40" y2="1.5" stroke="black" stroke-width="3"/><line y1="10.5" x2="40" y2="10.5" stroke="white" stroke-width="3"/></svg>');
  background-repeat: no-repeat;
  width: 40px;
  height: 12px;
  display: block;
}
.index-page .navbar #open-menus {
  background-image: url('data:image/svg+xml;utf8,<svg width="40" height="12" viewBox="0 0 40 12" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="1.5" x2="40" y2="1.5" stroke="white" stroke-width="3"/><line y1="10.5" x2="40" y2="10.5" stroke="white" stroke-width="3"/></svg>');
 
} */
@media (max-width:575px) {
  .navbar #open-menus {
    /* width:30px */
  }
  
}

/* body .navbar #open-menus,
body.submenu-on .navbar #open-menus,
body.scroll_updown .navbar #open-menus{
  background-image: url('data:image/svg+xml;utf8,<svg width="40" height="12" viewBox="0 0 40 12" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="1.5" x2="40" y2="1.5" stroke="black" stroke-width="3"/><line y1="10.5" x2="40" y2="10.5" stroke="black" stroke-width="3"/></svg>');
  position: relative;
  z-index: 200;
} */

/* 전체버튼에서  닫기버튼으로 전환 */
body.navbar-open .navbar #open-menus,
.modal-dialog .close{
  position: relative;
  z-index: 1000000;
  background-size: contain;
  background-position: right;
  height:40px;
 
  /* background-image: url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="40" y2="40" stroke="white" stroke-width="4"/><line x1="0" y1="40" x2="40" y2="0" stroke="white" stroke-width="4"/></svg>'); */
}
.modal-dialog .close{
  width:30px;
  height:30px;
}


body.navbar-open .navbar .sub-nav {
  height: 100%;
  opacity: 1;
  visibility: inherit;
}
body .navbar .sub-nav {
  overflow: hidden;
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
body.navbar-open .navbar .sub-nav:before{
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.65;
  display: block;
  position: absolute;
  left:0; top:0;
}

body .navbar .sub-nav .subnav-inner {
  position: relative;
  text-align: left;
  opacity: 0;
  
}
body.navbar-open .navbar .sub-nav .subnav-inner {
  animation: opacityani 1s forwards ease-out;
}
body.navbar-open .navbar{
backdrop-filter: unset !important;
-webkit-backdrop-filter: unset !important;
}
@keyframes opacityani {
  0%{
    opacity: 0;
  }
  40%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
  
}

/* 펼침메뉴 대메뉴 */
.sub-nav .subnav-inner .navi_1da{
  font-size: min(54px, 5.5vw);
  font-weight: 700;
  line-height: 1;
  transition: 0.2s;
  white-space: nowrap;
}

.sub-nav .subnav-inner .navi_1da:hover{
  color:var(--main_01) !important
}
/* 펼침메뉴 소메뉴 */
body.navbar-open .navbar .sub-nav .subnav-inner ul li dl  .menu-main {
  font-size: min(20px, 3.89vw);
  font-weight: 600;
  white-space: nowrap;
}
body.navbar-open .navbar .sub-nav .subnav-inner ul li dl  .menu-main:after,
.n_btn:after{
  content: "";
  display: block;
  height: 1px;
  width:0;
  transition: 0.4s;
  background-color: white;
}
body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dd .menu-main:hover:after,
.n_btn:hover:after{
  width:100%;
}
.n_btn:after{
  background-color: #424242 !important;
}
.n_btn{
  cursor: pointer;
  line-height: 1.2 !important;
}

.active.n_btn:after{
  background-color: var(--main_01) !important;
  width:100% !important;
}

.dim:after {
  content: "";
  background: rgba(0, 0, 0, .35);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.tit_box .tit {
  font-size: 90px;
  font-weight: 300;
  letter-spacing: -.025em;
  color: #0f0f0f;
  overflow: hidden;
}
.tit_box .tit strong {
  display: inline-flex;
  font-weight: 600;
  line-height: 1;
  color: #0f0f0f;
  overflow: hidden;
}
.tit_box .tit strong i {
  display: inline-block;
}
.tit_box .txt {
  font-size: clamp(18px, 4vw, 26px);
  line-height: 1.6;
  font-weight: 400;
  color: #222222;
}





.footer {
  position:relative;
  background:#161616
}


.footer_txt {margin-bottom: 20px; font-weight: 600; font-size: min(5vw,54px); line-height: 1; letter-spacing: -.025em; 
  color: #696969;}
.footer .footer_txt span.fc_fff {display: inline-block; color: #fff;}
.footer .footer_txt span.eng, 
.footer .footer_txt span.eng * {display: inline-block; font-family: "Europa" !important; font-weight: 700;}
.footer .copyright {font-size: min(1.6vw,18px); font-family: "Europa" !important; font-weight: 400; color: #696969;}
.footer .privacyPolicyPopup {font-size: min(1.6vw,18px); font-family: "Europa" !important; font-weight: 400; color: #696969;}





.footer-primary {
  margin:auto;
  max-width:1680px;
  width:90%;
  padding:180px 0 60px;
  color:#fff;
  font-size:15px;
  letter-spacing:-0.05em
}
.footer-primary .button .icon {
  width:24px;
  height:24px
}
.footer-primary__row {
  display:flex;
  justify-content:space-between
}
.footer-primary__row:last-child .inner {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.footer-primary__row:last-child .col {
  display:flex;
  align-items:center
}
.footer-primary__heading {
  margin-bottom:40px;
  line-height:1.5;
  font-size:40px;
  font-weight:700
}
.footer-primary__info {
  display:flex;
  justify-content:space-between;
  margin:0 -15px
}
.footer-primary__info-item {
  /* flex:1 1; */
  padding:0 15px;
  /* width:240px */
}
.footer-primary__info-title {
  margin-bottom:20px;
  font-size:15px;
  color:#797979
}
.footer-primary__info-text {
  line-height:1.6;
  font-size:17px
}
.footer-primary__info-link {
  line-height:inherit;
  color:inherit;
  font-weight:inherit;
  transition:color ease 0.15s
}
.footer-primary__copyright {
  margin-top:100px;
  font-size:15px;
  color:#797979;
  letter-spacing:-0.01em
}
.footer-floaty {
  position:sticky;
  bottom:0;
  right:0;
  z-index: 100;
  transition: 0.3s;
}
.opacity-0z-mius{
  z-index: -1 !important;
  opacity: 0 !important;
}
.footer-floaty__top-button {
  width:75px;
  height:75px;

  outline:none;
  margin-top:-75px;
}
@media screen and (hover:hover) and (pointer:fine) {
  .footer-primary__info-link:hover {
    color:#E94A22
  }
}
@media screen and (max-width:1400px) {
  .footer-primary {
    padding:120px 0 40px
  }
  .footer-primary__heading {
    font-size:32px
  }
  .footer-primary__info {
    margin:0 -5px
  }
  .footer-primary__info-item {
    padding:0 5px;
    width:200px
  }
  .footer-primary__info-text {
    font-size:16px
  }
}
@media screen and (max-width:1024px) {
  .footer-primary {
    padding:60px 0 30px
  }
  .footer-primary__heading {
    margin-bottom:30px;
    font-size:18px
  }
  .footer-primary__row {
    flex-direction:column
  }
  .footer-primary__info {
    margin-top:50px
  }
  .footer-primary__info-title {
    margin-bottom:15px
  }
  .footer-primary__copyright {
    margin-top:80px;
    font-size:14px
  }
  .footer-floaty__top-button {
    width:65px;
    height:65px;
    margin-top:-65px;
  }
}
@media screen and (max-width:768px) {
  .footer-primary__heading {
    font-size:18px
  }
  .footer-primary__info {
    flex-direction:column
  }
  .footer-primary__info-item {
    margin-top:30px;
    width:100%
  }
  .footer-primary__info-item:first-child {
    margin-top:0
  }
  .footer-primary__info-title {
    margin-bottom:10px;
    font-size:14px
  }
  .footer-primary__info-text {
    font-size:15px
  }
  .footer-primary__copyright {
    margin-top:50px;
    font-size:13px
  }
  .footer-floaty__top-button {
    width:50px;
    height:50px;
    margin-top:-50px;
  }
}



.sub-page .sidebar {
  position: absolute;
  right: 0;
  top: 424px;
}
.sub-page .sidebar.fixed {
  position: fixed;
  top: 368px;
}
.sub-page .sidebar .sidebar-fixed {
  width: 62px;
}
:lang(cn) .sub-page .sidebar .sidebar-fixed,
:lang(cn) .sub-page .sidebar .sidebar-fixed .top {
  width: 90px;
}
.sub-page .sidebar .sidebar-fixed > a {
  display: inline-block;
  width: 100%;
  position: relative;
  font-size: 14px;
  font-weight: 200;
  color: #fff;
  line-height: 110%;
  text-align: center;
}
.sub-page .sidebar .sidebar-fixed .inner {
  width: 100%;
}
.sub-page .sidebar .sidebar-fixed .icon {
  margin: 0 auto;
}
.sub-page .sidebar .sidebar-fixed .txt {
  margin: 7px auto 0;
  line-height: 120%;
}
.sub-page .sidebar .sidebar-fixed > a:last-child .txt {
  margin: 5px auto 0;
}
.sub-page .sidebar .sidebar-fixed .develop {
  padding: 12px 0;
  background-color: #9ec478;
}
.sub-page .sidebar .sidebar-fixed .develop .icon {
  background-image: url(/dabong/2024/img/ico_side_01.png);
  width: 26px;
  height: 22px;
}
.sub-page .sidebar .sidebar-fixed .ogm {
  padding: 12px 0;
  background-color: #77787c;
}
.sub-page .sidebar .sidebar-fixed .ogm .icon {
  background-image: url(/dabong/2024/img/ico_side_03.png);
  width: 22px;
  height: 22px;
}
.sub-page .sidebar .sidebar-fixed .brief {
  padding: 12px 0;
  background-color: var(--main_01);
}
.sub-page .sidebar .sidebar-fixed .brief .icon {
  background-image: url(/dabong/2024/img/ico_side_02.png);
  width: 20px;
  height: 24px;
}
.sub-page .sidebar .sidebar-fixed .top {
  width: 62px;
  padding: 13px 0;
  border: 1px solid #ddd;
  color: #666;
  background-color: #fff;
}
.sub-page .sidebar .sidebar-fixed .top .icon {
  background-image: url(/dabong/2024/img/ico_top.png);
  width: 9px;
  height: 11px;
}
.num {
  font-family: Lato;
  font-weight: 300;
}
.date {
  font-family: Lato;
  font-weight: 300;
}
.no-unerline {
  border-bottom: 0 !important;
}

@media (max-width: 1200px) {
  .navbar .utils > ul li.item > a span {
    display: none;
  }
  .navbar .utils > ul li.item.englewood > a i {
    margin-right: 0;
  }
  .navbar .menus {
    margin-right: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .navbar .utils > ul li.item > a span {
    display: none;
  }
  .navbar .utils > ul li.item.englewood > a i {
    margin-right: 0;
  }
}
.tab-default .nav-tabs {
  border: none;
}
.tab-default.tab-default-03 .nav-tabs .nav-item {
  width: 33.3333%;
}
.tab-default.tab-default-04 .nav-tabs .nav-item {
  width: 25%;
}
.tab-default .nav-tabs .nav-item {
  box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc,
    1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset;
  border: none !important;
  border-radius: 0;
  text-align: center;
  padding: 14px 20px;
  font-size: 1.333rem;
  line-height: 120%;
  color: #333;
}
.tab-default .nav-tabs .nav-item.active {
  background-color: var(--main_01);
  color: #fff;
}
.tab-default.tab-default-blue .nav-tabs .nav-item.active {
  background-color: #1b1c80;
  color: #fff;
}
.tab-default .tab-content {
  margin-top: 50px;
}
.tri-up {
  width: 0;
  height: 0;
  border-top: 9px solid none;
  border-bottom: 9px solid red;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  display: inline-block;
  margin-right: 5px;
  margin-top: -1px;
  vertical-align: middle;
}
.tri-down {
  width: 0;
  height: 0;
  border-top: 9px solid #1b1c80;
  border-bottom: 9px solid none;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  display: inline-block;
  margin-right: 5px;
  margin-top: -1px;
  vertical-align: middle;
}
.ico_file_pdf {
  display: inline-block;
  background-image: url(/dabong/2024/img/ico_file_pdf.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 18px;
  height: 18px;
}
.modal.brief .modal-dialog {
  max-width: 1920px;
  width: 100%;
  height: auto;
  max-height: 900px;
}
.modal.brief .modal-content {
  border: 0;
  border-radius: 0;
  max-height: 900px;
}
.modal.brief .modal-content .close {
  background-image: url(/dabong/2024/img/brief/btn_close.png);
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 50px;
  top: 40px;
  opacity: 1;
}
.modal.brief .modal-content .modal-body {
  padding: 0;
}
.modal.brief .modal-content .modal-body .modal-body-cont {
  background-position: top center;
  background-size: auto auto;
  padding-top: 128px;
  padding-bottom: 128px;
}
@media (max-height: 942px) {
  .modal.brief .modal-content .modal-body .modal-body-cont {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.modal.brief .modal-content .modal-body .modal-body-cont .intro-deco {
  display: none;
}
.modal.brief .modal-content .modal-body .modal-body-cont#item0 .intro-deco {
  position: absolute;
  top: 0;
  left: 100px;
  display: block;
}
.modal.brief .modal-content .modal-body .modal-body-cont .bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
}
.modal.brief .modal-content .modal-body .modal-body-cont .bg img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.modal.brief .modal-content .modal-body .modal-body-cont#item0 .bg#bg00 {
  opacity: 1;
}
.modal.brief .modal-content .modal-body .modal-body-cont#item1 .bg#bg01 {
  opacity: 1;
}
.modal.brief .modal-content .modal-body .modal-body-cont#item2 .bg#bg02 {
  opacity: 1;
}
.modal.brief .modal-content .modal-body .modal-body-cont#item3 .bg#bg03 {
  opacity: 1;
}
.modal.brief .modal-content .modal-body .modal-body-cont#item4 .bg#bg04 {
  opacity: 1;
}
.modal.brief .modal-content .modal-body .modal-body-cont#item5 .bg#bg05 {
  opacity: 1;
}
.modal.brief .modal-content .modal-body .modal-body-cont#item6 .bg#bg06 {
  opacity: 1;
}
.modal.brief .modal-content .modal-body .modal-body-cont#item7 .bg#bg07 {
  opacity: 1;
}
.modal.brief .modal-content .modal-body .modal-body-cont#item8 .bg#bg08 {
  opacity: 1;
}
.modal.brief .modal-content .modal-body .modal-body-cont .brief-cont {
  width: 1140px;
  height: 560px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-0 {
  padding-top: 15px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page
  h2 {
  font-size: 38px;
  color: #1b1c80;
  font-weight: 200;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page
  h2 {
  letter-spacing: -1px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page
  h2
  strong {
  font-weight: 400;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page
  .comment {
  font-size: 16px;
  color: #555;
  font-weight: 300;
  margin-top: 22px;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page
  .comment {
  letter-spacing: -0.5px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-0
  h2 {
  font-size: 92px;
  font-weight: 200;
  color: #fff;
  line-height: 115%;
  letter-spacing: -2px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-0
  .comment {
  font-size: 20px;
  font-weight: 200;
  color: #fff;
  margin-top: 55px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page {
  width: 100%;
  height: 560px;
  background-position: top center;
  background-size: auto auto;
  position: relative;
  background-repeat: no-repeat;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-1 {
  background-image: url(/dabong/2024/img/brief/brief_con01_sub_bg.jpg);
  padding: 90px 80px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-1
  .cont-left {
  float: left;
  width: 50%;
  position: relative;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-1
  .cont-right {
  float: left;
  width: 50%;
  position: relative;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-1
  .cont-right:before {
  content: "";
  position: absolute;
  left: 141px;
  top: 10px;
  width: 1px;
  height: calc(100% - 25px);
  background-color: #1b1c80;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-1
  .cont-right:before {
  height: calc(100% - 60px);
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-1
  .item {
  clear: both;
  margin-bottom: 38px;
  display: inline-block;
  width: 100%;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-1
  .item {
  margin-bottom: 26px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-1
  .item:last-child {
  margin-bottom: 0;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-1
  .item
  .item-title {
  font-size: 16px;
  color: #555;
  font-weight: 500;
  float: left;
  width: 138px;
  padding-left: 35px;
  line-height: 26px;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-1
  .item
  .item-title {
  line-height: 120%;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-1
  .item
  .item-content {
  font-size: 22px;
  font-family: Raleway;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-1
  .item
  .item-content {
  font-size: 20px;
  color: #555;
  font-weight: 300;
  float: left;
  padding-left: 44px;
  line-height: 26px;
  position: relative;
  width: 352px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-1
  .item
  .item-content:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 7px;
  height: 7px;
  background-color: #1b1c80;
  border-radius: 50%;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2 {
  background-image: url(/dabong/2024/img/brief/brief_con02_sub_bg.jpg);
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-left {
  float: left;
  width: 537px;
  position: relative;
  padding: 80px 65px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .comment {
  margin-top: 30px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .comment
  .trans {
  display: none;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .comment
  .trans.active {
  display: block;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .tab {
  position: absolute;
  right: 603px;
  top: 50%;
  transform: translateY(-50%);
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .tab
  li {
  width: 40px;
  height: 160px;
  text-align: center;
  line-height: 160px;
  margin-bottom: 1px;
  background-color: #a3a3a3;
  cursor: pointer;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .tab
  li:last-child {
  margin-right: 0;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .tab
  li.active {
  background-color: #5fa945;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .tab
  li
  span {
  color: #fff;
  font-size: 16px;
  width: 100%;
  height: 100%;
  display: inline-block;
  transform: rotate(-90deg);
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right {
  float: left;
  width: 603px;
  position: relative;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right
  .tab-content {
  padding-top: 70px;
  display: none;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right
  .tab-content.active {
  display: block;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right
  .tab-content
  .item {
  padding-left: 60px;
  margin-bottom: 50px;
  display: inline-block;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right
  .tab-content
  .item {
  margin-bottom: 0;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right
  .tab-content
  .item
  .item-title {
  width: 138px;
  float: left;
  font-size: 24px;
  font-weight: 400;
  color: #1b1c80;
  line-height: 120%;
}
:lang(cn)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right
  .tab-content
  .item
  .item-title {
  letter-spacing: -0.5px;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right
  .tab-content
  .item-title {
  letter-spacing: -1px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right
  .tab-content
  .item
  .item-content {
  float: left;
  width: 400px;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right
  .tab-content
  .item-content {
  letter-spacing: -1px;
  padding-right: 40px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right
  .tab-content
  .item
  .item-content
  dl {
  margin-bottom: 21px;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right
  .tab-content
  .item
  .item-content
  dl {
  margin-bottom: 18px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right
  .tab-content
  .item
  .item-content
  dl
  dt {
  font-size: 16px;
  font-weight: 300;
  color: var(--main_01);
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-2
  .cont-right
  .tab-content
  .item
  .item-content
  dl
  dd {
  font-size: 15px;
  font-weight: 300;
  color: #555;
  margin-top: 4px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-3 {
  background-image: url(/dabong/2024/img/brief/brief_con03_suba_bg.jpg?ver=2);
  background-color: #fff;
}
:lang(cn)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-3 {
  background-image: url(/dabong/2024/img/brief/cn_brief_con03_suba_bg.jpg?ver=2);
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-3 {
  background-image: url(/dabong/2024/img/brief/en_brief_con03_suba_bg.jpg?ver=2);
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-3
  .cont-left {
  float: left;
  width: 100%;
  position: relative;
  padding: 90px 70px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-3
  .cont-right {
  display: none;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-3
  .comment {
  margin-top: 30px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-4 {
  background-image: url(/dabong/2024/img/brief/brief_con04_sub_bg.jpg);
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-4
  .cont-left {
  float: left;
  width: 688px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-4
  h2 {
  font-family: Raleway, "Pretendard";
}
:lang(cn)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-4
  h2 {
  font-family: Raleway, "Pretendard";
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-4
  .cont-left
  img {
  margin-top: 65px;
  margin-left: 106px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-4
  .cont-right {
  float: left;
  width: 452px;
  position: relative;
  padding: 80px 0;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-4
  .comment {
  margin-top: 30px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-4
  .desc {
  margin-top: 50px;
  font-family: Raleway, "Pretendard";
  color: #767676;
  font-weight: 400;
  letter-spacing: 0;
}
:lang(cn)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-4
  .desc {
  font-family: Raleway, "Pretendard";
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-4
  .desc
  strong {
  font-weight: 600;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-5 {
  background-image: url(/dabong/2024/img/brief/brief_con05_sub_bg.jpg);
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-5
  .cont-left {
  float: left;
  width: 400px;
  position: relative;
  padding: 108px 0 108px 76px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-5
  h2 {
  color: #fff;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-5
  .comment {
  margin-top: 30px;
  color: #fff;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-5
  .cont-right {
  float: right;
  padding-top: 137px;
  width: calc(1140px - 430px);
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-5
  .item {
  float: left;
  width: 220px;
  height: 360px;
  background-color: #fff;
  border-radius: 5px;
  margin-right: 10px;
  padding: 26px 20px;
  opacity: 0.8;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-5
  .item
  .item-title {
  font-size: 20px;
  color: #1b1c80;
  border-bottom: 1px solid #1b1c80;
  padding-bottom: 25px;
  line-height: 1.3;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-5
  .item
  .item-content {
  font-size: 15px;
  color: #666;
  margin-top: 1.5vh;
  letter-spacing: -0.5px;
  line-height: 1.3;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-5
  .item
  .item-desc {
  font-size: 12px;
  color: #767676;
  margin-top: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 300;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-5
  .item
  .item-title {
  padding-bottom: 15px;
  line-height: 1.2;
  letter-spacing: -1px;
  font-size: 18px;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-5
  .item
  .item-content {
  margin-top: 18px;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-5
  .item
  .item-desc {
  margin-top: 5px;
  line-height: 130%;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-6 {
  background-image: url(/dabong/2024/img/brief/brief_con06_sub_bg.jpg);
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-6
  .cont-left {
  float: left;
  width: 100%;
  position: relative;
  padding: 66px 80px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-6
  .cont-right {
  position: absolute;
  right: 0;
  bottom: 0;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7 {
  background-image: url(/dabong/2024/img/brief/brief_con07_sub_bg.jpg);
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .cont-left {
  float: left;
  width: 360px;
  position: relative;
  padding: 77px 0 77px 80px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  h2 {
  color: #fff;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .comment {
  margin-top: 30px;
  color: #fff;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .cont-right {
  float: left;
  width: 780px;
  padding: 78px 16px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .cont-right
  .caro-item {
  display: none;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .cont-right
  .caro-item.active {
  display: block;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .cont-right
  .caro-item
  .item {
  width: 195px;
  height: 195px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 38px 0 0 21px;
  float: left;
  background-color: rgba(255, 255, 255, 1);
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .cont-right
  .caro-item
  .item {
  padding-top: 23px;
  letter-spacing: -1px;
  padding-right: 23px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .cont-right
  .caro-item
  .item.mg-6 {
  margin-left: 60px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .cont-right
  .caro-item
  .item
  .item-title {
  font-size: 20px;
  color: var(--main_01);
  font-weight: 400;
  line-height: 100%;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .cont-right
  .caro-item
  .item
  .item-content {
  font-size: 16px;
  color: #666;
  font-weight: 300;
  margin-top: 15px;
  line-height: 1.3;
  letter-spacing: -1.5px;
}
:lang(cn)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .cont-right
  .caro-item
  .item {
  padding-top: 20px;
}
:lang(cn)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .cont-right
  .caro-item
  .item
  .item-content {
  padding-right: 23px;
}
:lang(en)
  .modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .cont-right
  .caro-item
  .item
  .item-content {
  font-size: 13px;
  margin-top: 10px;
  letter-spacing: -0.5px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .caro-arrow {
  position: absolute;
  bottom: 78px;
  left: 80px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .caro-arrow
  > a {
  float: left;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .caro-arrow
  > a.caro-left {
  padding-right: 20px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-7
  .caro-arrow
  > a.caro-right {
  padding-left: 20px;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-cont
  .brief-page-8 {
  background-image: url(/dabong/2024/img/brief/brief_con08_sub_bg.jpg);
}







.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-pagination
  ul
  li:first-child
  span {
  background-image: url(/dabong/2024/img/brief/ico_brief_home.png);
  background-repeat: no-repeat;
  background-position: top center;
  display: inline-block;
  height: 100%;
  width: 100%;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-pagination
  ul
  li:first-child.on
  span {
  background-image: url(/dabong/2024/img/brief/ico_brief_home_on.png);
  background-repeat: no-repeat;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-pagination
  ul
  li:before {
  content: "";
  background-color: transparent;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -5px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #fff;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-pagination
  ul
  li:first-child.on:before {
  background-image: url(/dabong/2024/img/brief/brief_dot_intro.png);
  border: none;
  border-radius: 0;
  width: 11px;
  height: 11px;
  margin-left: -6px;
  bottom: -1px;
  background-color: transparent;
  transform: initial;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-pagination
  ul
  li.on {
  color: #71bf46;
  z-index: 1;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-pagination
  ul
  li.on:before {
  width: 75px;
  height: 6px;
  background-color: #68a945;
  transform: translateX(-50%);
  border: none;
  z-index: 9;
  border-radius: 10px;
  bottom: 2px;
  margin-left: 0;
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-pagination
  ul
  li:after {
  content: "";
  position: absolute;
  width: calc(100% - 7px);
  height: 1px;
  background-color: #fff;
  bottom: 4px;
  left: calc(50% + 5px);
}
.modal.brief
  .modal-content
  .modal-body
  .modal-body-cont
  .brief-pagination
  ul
  li:last-child:after {
  display: none;
}
.recruit-template .table td,
.recruit-template .table th {
  padding: 15px 0;
  font-size: 15px;
}
.recruit-template .table th {
  font-weight: 400;
}
.recruit-template .rt-head .table {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.recruit-template .rt-head .table-head-first td {
  color: var(--main_01);
}
.recruit-template .rt-head .table tbody td,
.recruit-template .rt-head .table tbody th {
  border: none;
  padding: 15px 0;
}
.recruit-template .rt-head .table tbody tr:first-child td,
.recruit-template .rt-head .table tbody tr:first-child th {
  padding-top: 30px;
}
.recruit-template .rt-head .table tbody tr:last-child td,
.recruit-template .rt-head .table tbody tr:last-child th {
  padding-bottom: 30px;
}
.recruit-template .rt-body .rt-body-list h5 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 4rem;
}
.recruit-template .rt-body .rt-body-list h5:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 4px solid var(--main_01);
  margin-right: 7px;
  box-sizing: border-box;
}
.recruit-template .rt-body .rt-body-list .table-redline thead th {
  text-align: center;
  border: 1px solid #ccc;
  border-top: 3px solid var(--main_01);
}
.recruit-template .rt-body .rt-body-list .table-redline tbody td {
  padding-left: 50px;
  vertical-align: middle;
  border: 1px solid #ddd;
}
.recruit-template .rt-body .rt-body-list .table-redline tbody td ul li {
  margin-top: 0.5rem;
}
.recruit-template
  .rt-body
  .rt-body-list
  .table-redline
  tbody
  td
  ul
  li:first-child {
  margin-top: 0;
}
.recruit-template .rt-body .rt-body-list .table-redline tbody td .capa {
  margin: 2rem 3px;
}
.recruit-template
  .rt-body
  .rt-body-list
  .table-redline
  tbody
  td
  .capa
  .capa-head {
  font-weight: 500;
  margin-top: 1.5rem;
}
.recruit-template
  .rt-body
  .rt-body-list
  .table-redline
  tbody
  td
  .capa
  .capa-head:first-child {
  margin-top: 0;
}
.recruit-template .rt-body .rt-body-list .table-redline tbody td .capa ul li {
  margin-top: 0.5rem;
}
.recruit-template .rt-body .rt-body-list .table-normal tbody th {
  padding-left: 50px;
}
.recruit-template .rt-body .rt-body-list .table-normal tbody td,
.recruit-template .rt-body .rt-body-list .table-normal tbody th {
  border-top: 1px solid #ddd;
}
.recruit-template .rt-body .rt-body-list .table-normal tbody tr:last-child td,
.recruit-template .rt-body .rt-body-list .table-normal tbody tr:last-child th {
  border-bottom: 1px solid #ddd;
}

/* sshwork */
.orange-text {
  color: var(--main_01) !important;
}

.pro_introduce.rnd .btn-history-tab-nav{
  color:white
}