@charset "utf-8";

:root {
    --color-primary-50: #EBF9F2;
    --color-primary-200: #DCFAEB;
    --color-primary-300: #BDDECD;
    --color-primary-400: #73E5BF;
    --color-primary-600: #3EC364;
    --color-primary-800: #11987B;
    --color-grayscale-50:#F6F7F9;
    --color-grayscale-100:#E4E9EF;
    --color-grayscale-200:#CDD0D8;
    --color-grayscale-300:#B2B9C3;
    --color-grayscale-400:#858991;
    --color-grayscale-500:#6D7882;
    --color-grayscale-600:#54545E;
    --color-grayscale-700:#47494E;
    --color-grayscale-800:#37393C;
    --color-grayscale-900:#1C1C1E;
    --color-secondary-blue-800:#0070C0;
}

html, body { min-width: 1440px; height: 100%; margin: 0;}
body {background:url(/img/1.0.201/lnb_bg.jpg) repeat-y 0 0;transition:all .4s}
body.lnb_bg {background:url(/img/1.0.201/lnb_bg2.jpg) repeat-y 0 0 ;transition:all .4s}
body.no_bg {background:none}
/* header */
.header_wrap{display:flex;align-items:center;justify-content:space-between;position: relative; z-index: 2; height: 80px;background: #fff;border-bottom:1px solid #F6F7F9}
.header_wrap::after{content: ''; display: block; clear: both;}
.header_wrap .logo{display: block; float: left; height: 100%; }
.header_wrap .logo img{width: 80px; height: 36px; padding:22px 0 22px 32px}
.header_wrap .header_menu_wrap {flex:1}
.header_wrap .header_menu_wrap ul{display: flex;justify-content: center;align-items:center;gap:40px;margin-left: 170px;}
.header_wrap .header_menu_wrap li {position:relative;text-align: center;}
.header_wrap .header_menu_wrap li a {display:flex;flex-direction: column;padding:23px 16px 15px;}
.header_wrap .header_menu_wrap li .lg {font-size:18px;line-height: 24px;color:var(--color-grayscale-800)}
.header_wrap .header_menu_wrap li .sm {font-size:14px;line-height: 18px;color:var(--color-grayscale-400)}
.header_wrap .header_menu_wrap li.active .lg {font-weight: 700;}
.header_wrap .header_menu_wrap li.active::before {content:'';position:absolute;bottom:0;left:0;width:100%;height:6px;border-radius: 8px 8px 0 0;background-color: var(--color-primary-600);}
.header_wrap .header_menu_wrap li:hover .lg {font-weight: 700;}
.header_wrap .header_menu_wrap li:hover::before {content:'';position:absolute;bottom:0;left:0;width:100%;height:6px;border-radius: 8px 8px 0 0;background-color: var(--color-primary-600);}
.header_wrap .header_func {padding:20px 32px 20px 0}
.header_wrap .header_func .lang {display:inline-block;position:relative;}
.header_wrap .header_func .lang .btn {display:inline-block;padding:8px 40px 8px 16px;border-radius: 100px;background-color:#F6F7F9;background-image: url(/img/1.0.201/ico_sel.svg);background-repeat:no-repeat;background-position:right 16px center;background-size:24px 24px;text-transform: uppercase;font-size:16px;font-weight:500;line-height: 24px;}
.header_wrap .header_func .lang .btn:hover {background-color:var(--color-grayscale-100);}
.header_wrap .header_func .lang .btn:hover + .list {background:var(--color-grayscale-100)}
.header_wrap .header_func .lang .list {display:none;position:absolute;top:40px;left:0;right:0;padding:0 16px 4px;background:#F6F7F9;border-radius: 0 0 24px 24px;}
.header_wrap .header_func .lang .list li {text-align: center;margin-bottom:8px;}
.header_wrap .header_func .lang .list li a {display:block;font-size:16px;font-weight:500;line-height: 24px;}
.header_wrap .header_func .lang .list li.active a,
.header_wrap .header_func .lang .list li a:hover {font-weight:700;color:var(--color-primary-600)}
.header_wrap .header_func .lang.on .btn {background-image:url(/img/1.0.201/ico_sel_on.svg);border-radius: 24px 24px 0 0;}
.header_wrap .header_func .lang.on .list {display:block}
.header_wrap .header_func .sign {display:inline-block;margin-left:8px;padding:8px 40px 8px 16px;border-radius: 100px;background-color:#F6F7F9;background-image:url(/img/1.0.201/ico_logout.svg);background-repeat: no-repeat;background-position: right 16px center;background-size: 20px 20px;font-size:16px;font-weight:500;line-height: 24px;}
.header_wrap .header_func .sign:hover {background-color:var(--color-grayscale-100)}

/* nav */
.nav{position: relative; top:-80px; width: 280px;height: calc(100% + 80px); transition: all .4s}
.nav .nav_dept1{overflow:hidden;position: absolute; top: 0; left:0; width: 280px; transition: width .4s}
.nav .nav_dept1 .title {margin-top: 40px;font-size:32px;font-weight:700;line-height: 42px;color:#000;transition: all .4s;}
.nav .nav_dept2{display: none;  position: absolute; z-index: 3; top: 0; left:0; width: 1020px;height: 100%; min-height: 950px;}
.nav .navi_btn {display:block;width:24px;height:24px;background:url(/img/1.0.201/aside_close.svg) no-repeat 0 0 / 100% 100%}
.nav .nav_wrap {padding:120px 40px 0 32px}
.nav.on {width:96px;transition: all .4s}
.nav.on .nav_menu {margin-top: 80px;}
.nav.on .nav_dept1 {width:96px;transition: width .4s}
.nav.on .nav_dept1 .navi_btn {background:url(/img/1.0.201/aside_open.svg) no-repeat 0 0 / 100% 100%}
.nav.on .nav_dept1 .title {display: none;}
.nav.on .nav_menu li {margin-bottom: 32px;width:24px;height:24px}
.nav.on .nav_menu li button {width:100%;height:100%}
.nav.on .nav_menu li button span {opacity: 0;}
.nav .nav_menu{margin-top: 28px}
.nav .nav_menu li{position: relative; margin-bottom: 28px;}
.nav .nav_menu li button{position:relative;padding-left:36px;text-align: left;}
.nav .nav_menu li button span {font-size:20px;font-weight:500;line-height: 24px;color:var(--color-grayscale-500);white-space: nowrap;}
.nav .nav_menu li.active button span,
.nav .nav_menu li button:hover span {font-weight:700;color:#000}
.nav .nav_menu li button::before {content:'';position:absolute;top:50%;left:0;width:24px;height:24px;margin-top:-12px;background-repeat: no-repeat;background-size:100% 100%;opacity: 0.7;}
.nav .nav_menu li .menu01::before {background-image:url(/img/1.0.201/ico_menu01.svg)}
.nav .nav_menu li .menu02::before {background-image:url(/img/1.0.201/ico_menu02.svg)}
.nav .nav_menu li .menu03::before {background-image:url(/img/1.0.201/ico_menu03.svg)}
.nav .nav_menu li .menu04::before {background-image:url(/img/1.0.201/ico_menu04.svg)}
.nav .nav_menu li .menu05::before {background-image:url(/img/1.0.201/ico_menu05.svg)}
.nav .nav_menu li .menu06::before {background-image:url(/img/1.0.201/ico_menu06.svg)}
.nav .nav_menu li .menu07::before {background-image:url(/img/1.0.201/ico_menu07.svg)}
.nav .nav_menu li .menu08::before {background-image:url(/img/1.0.201/ico_menu08.svg)}
.nav .nav_menu li .menu09::before {background-image:url(/img/1.0.201/ico_menu09.svg)}
.nav .nav_menu li .menu10::before {background-image:url(/img/1.0.201/ico_menu10.svg)}
.nav .nav_menu li .menu11::before {background-image:url(/img/1.0.201/ico_menu11.svg)}
.nav .nav_menu li .menu12::before {background-image:url(/img/1.0.201/ico_menu12.svg)}
.nav .nav_menu li .menu13::before {background-image:url(/img/1.0.201/ico_menu13.svg)}
.nav .nav_menu li.active button::before,
.nav .nav_menu li button:hover::before {opacity: 1;}
.nav .nav_menu li.active .menu01::before,
.nav .nav_menu li .menu01:hover::before {background-image:url(/img/1.0.201/ico_menu01_on.svg)}
.nav .nav_menu li.active .menu02::before,
.nav .nav_menu li .menu02:hover::before {background-image:url(/img/1.0.201/ico_menu02_on.svg)}
.nav .nav_menu li.active .menu03::before,
.nav .nav_menu li .menu03:hover::before {background-image:url(/img/1.0.201/ico_menu03_on.svg)}
.nav .nav_menu li.active .menu04::before,
.nav .nav_menu li .menu04:hover::before {background-image:url(/img/1.0.201/ico_menu04_on.svg)}
.nav .nav_menu li.active .menu05::before,
.nav .nav_menu li .menu05:hover::before {background-image:url(/img/1.0.201/ico_menu05_on.svg)}
.nav .nav_menu li.active .menu06::before,
.nav .nav_menu li .menu06:hover::before {background-image:url(/img/1.0.201/ico_menu06_on.svg)}
.nav .nav_menu li.active .menu07::before,
.nav .nav_menu li .menu07:hover::before {background-image:url(/img/1.0.201/ico_menu07_on.svg)}
.nav .nav_menu li.active .menu08::before,
.nav .nav_menu li .menu08:hover::before {background-image:url(/img/1.0.201/ico_menu08_on.svg)}
.nav .nav_menu li.active .menu09::before,
.nav .nav_menu li .menu09:hover::before {background-image:url(/img/1.0.201/ico_menu09_on.svg)}
.nav .nav_menu li.active .menu10::before,
.nav .nav_menu li .menu10:hover::before {background-image:url(/img/1.0.201/ico_menu10_on.svg)}
.nav .nav_menu li.active .menu11::before,
.nav .nav_menu li .menu11:hover::before {background-image:url(/img/1.0.201/ico_menu11_on.svg)}
.nav .nav_menu li.active .menu12::before,
.nav .nav_menu li .menu12:hover::before {background-image:url(/img/1.0.201/ico_menu12_on.svg)}
.nav .nav_menu li.active .menu13::before,
.nav .nav_menu li .menu13:hover::before {background-image:url(/img/1.0.201/ico_menu13_on.svg)}

/* dashboard */
.main_container{display: flex; width: 100%; height: 100%; }
.dashboard_wrap {flex:1;min-width:0}
.dashboard_map_wrap {position:relative}
.dashboard_map_wrap .map_area  img {width: 100%;}
.dashboard_map_wrap .con_wrap {position:absolute;bottom:20px;right:32px}
.dashboard_map_wrap .con_wrap .con {width:280px;margin-top:20px;padding:24px;border-radius: 24px;border: 1px solid #E6E6E6;background: rgba(255, 255, 255, 0.80);}
.dashboard_map_wrap .con_wrap .con .title {display: block;font-size:20px;font-weight:700;line-height: 24px;}
.dashboard_map_wrap .con_wrap .con .number {display:block;margin-top: 40px;font-size: 52px;font-weight: 700;line-height: 56px;letter-spacing: -1.5px;}
.dashboard_map_wrap .con_wrap .con .number.col_green {color: var(--color-primary-600);}
.dashboard_map_wrap .con_wrap .con .number.col_blue {color: var(--color-secondary-blue-800);}
.dashboard_map_wrap .status_select_wrap {position:absolute;top: 32px;right: 32px;z-index:1;box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.10);border-radius: 40px;background-color: rgba(255, 255, 255, 0.70);}
.dashboard_map_wrap .status_select_wrap .btn {display:flex;align-items:center;width:280px;height:40px;padding:10px 64px 10px 36px;background-image:url(/img/1.0.201/ico_sel.svg);background-repeat:no-repeat;background-position:right 28px center;background-size:24px 24px}
.dashboard_map_wrap .status_select_wrap .btn .title {font-size:16px;white-space: nowrap;}
.dashboard_map_wrap .status_select_wrap .btn .selected {margin-left:12px;font-size: 16px;font-weight: 600;color:var(--color-primary-600);text-overflow:ellipsis;overflow: hidden;white-space:nowrap}
.dashboard_map_wrap .status_select_wrap .list {display:none;padding:0 20px 20px}
.dashboard_map_wrap .status_select_wrap .list a {display:block;}
.dashboard_map_wrap .status_select_wrap.on {border-radius: 24px;background-color: #fff;}
.dashboard_map_wrap .status_select_wrap.on .list {display: block;}
.dashboard_map_wrap .status_select_wrap.on .btn {background-image:url(/img/1.0.201/ico_sel_on.svg)}

.dashboard_slide_wrap {width: 100%;}
.dashboard_slide_wrap .page_tit_wrap {padding:40px 32px 0}
.dashboard_slide_wrap .swiper_wrap {position:relative}
.dashboard_slide_wrap .swiper {position:relative;margin-top: 16px;padding-left:32px}
.dashboard_slide_wrap .swiper-btn {position:absolute;top:-52px;right:32px;width: 88px;height: 40px;}
.dashboard_slide_wrap .swiper-slide {width:340px !important;transform: none !important;}
.dashboard_slide_wrap .swiper-slide a {display:flex;flex-direction:column;justify-content:space-between;gap:8px;position:relative;border-radius: 24px;background-repeat: no-repeat;background-size:100% 100%}
.dashboard_slide_wrap .swiper-slide a::before {content:'';position:absolute;bottom:0;left:0;width:100%;height:114px;border-radius:0 0 24px 24px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%)}
.dashboard_slide_wrap .flex_top {position:relative;padding:12px 16px 36px}
.dashboard_slide_wrap .floar_r {position:absolute;top:12px;right:16px}
.dashboard_slide_wrap .flex_btm {display:flex;justify-content:space-between;gap:12px;position:relative;padding:16px}
.dashboard_slide_wrap .flex_btm .title {font-size:16px;font-weight:600;color:#fff}
.dashboard_slide_wrap .flex_btm .desc {margin-top: 8px;font-size:14px;color:var(--color-grayscale-100)}
.dashboard_slide_wrap .flex_btm .co2_wrap .flag {display:inline-block;padding:4px 16px;border-radius: 8px;background:#000;font-size:16px;font-weight:600;color:#fff}
.dashboard_slide_wrap .flex_btm .co2_wrap .flag em {font-size:12px}
.dashboard_slide_wrap .flex_btm .co2_wrap .unit {display:block;margin-top:4px;color:#fff}
.dashboard_slide_wrap .flex_btm .co2_wrap .unit em {font-size:16px;font-weight:600}
.dashboard_slide_wrap .country_tooltip .cont {display:none;position:absolute;top:40px;left:14px;transform: translateX(-50%);}
.dashboard_slide_wrap .sector_tooltip {text-align: right;}
.dashboard_slide_wrap .sector_tooltip .cont {display:none;position:absolute;top:40px;right:12px;transform: translateX(50%);}
.dashboard_slide_wrap .sector_tooltip .btn {margin-top: 4px;margin-left:auto}
.dashboard_slide_wrap .sector_tooltip .ico_menu01 {width: 24px;height: 24px;border-radius: 400px;background:rgba(255,255,255,0.6) url(/img/1.0.201/ico_menu01_on.svg) no-repeat 50% 50% / 16px 16px}
.dashboard_slide_wrap .sector_tooltip .ico_menu02 {width: 24px;height: 24px;border-radius: 400px;background:rgba(255,255,255,0.6) url(/img/1.0.201/ico_menu02_on.svg) no-repeat 50% 50% / 16px 16px}
.dashboard_slide_wrap .sector_tooltip .ico_menu03 {width: 24px;height: 24px;border-radius: 400px;background:rgba(255,255,255,0.6) url(/img/1.0.201/ico_menu03_on.svg) no-repeat 50% 50% / 16px 16px}
.dashboard_slide_wrap .sector_tooltip .ico_menu04 {width: 24px;height: 24px;border-radius: 400px;background:rgba(255,255,255,0.6) url(/img/1.0.201/ico_menu04_on.svg) no-repeat 50% 50% / 16px 16px}
.dashboard_slide_wrap .sector_tooltip .ico_menu05 {width: 24px;height: 24px;border-radius: 400px;background:rgba(255,255,255,0.6) url(/img/1.0.201/ico_menu05_on.svg) no-repeat 50% 50% / 16px 16px}
.dashboard_slide_wrap .sector_tooltip .ico_menu06 {width: 24px;height: 24px;border-radius: 400px;background:rgba(255,255,255,0.6) url(/img/1.0.201/ico_menu06_on.svg) no-repeat 50% 50% / 16px 16px}
.dashboard_slide_wrap .sector_tooltip .ico_menu07 {width: 24px;height: 24px;border-radius: 400px;background:rgba(255,255,255,0.6) url(/img/1.0.201/ico_menu07_on.svg) no-repeat 50% 50% / 16px 16px}
.dashboard_slide_wrap .sector_tooltip .ico_menu08 {width: 24px;height: 24px;border-radius: 400px;background:rgba(255,255,255,0.6) url(/img/1.0.201/ico_menu08_on.svg) no-repeat 50% 50% / 16px 16px}
.dashboard_slide_wrap .sector_tooltip .ico_menu09 {width: 24px;height: 24px;border-radius: 400px;background:rgba(255,255,255,0.6) url(/img/1.0.201/ico_menu09_on.svg) no-repeat 50% 50% / 16px 16px}
.dashboard_slide_wrap .sector_tooltip .ico_menu10 {width: 24px;height: 24px;border-radius: 400px;background:rgba(255,255,255,0.6) url(/img/1.0.201/ico_menu10_on.svg) no-repeat 50% 50% / 16px 16px}
.dashboard_slide_wrap .sector_tooltip .ico_menu11 {width: 24px;height: 24px;border-radius: 400px;background:rgba(255,255,255,0.6) url(/img/1.0.201/ico_menu11_on.svg) no-repeat 50% 50% / 16px 16px}
.dashboard_slide_wrap .sector_tooltip .ico_menu12 {width: 24px;height: 24px;border-radius: 400px;background:rgba(255,255,255,0.6) url(/img/1.0.201/ico_menu12_on.svg) no-repeat 50% 50% / 16px 16px}
.dashboard_slide_wrap .sector_tooltip .ico_menu13 {width: 24px;height: 24px;border-radius: 400px;background:rgba(255,255,255,0.6) url(/img/1.0.201/ico_menu13_on.svg) no-repeat 50% 50% / 16px 16px}

.ico_korea {width: 30px;height: 30px;background:url(/img/1.0.201/ico_korea.svg) no-repeat 0 0 / 100% 100%}
.ico_austraila {width: 30px;height: 30px;background:url(/img/1.0.201/ico_australia.svg) no-repeat 0 0 / 100% 100%}
.ico_brazil {width: 30px;height: 30px;background:url(/img/1.0.201/ico_brazil.svg) no-repeat 0 0 / 100% 100%}
.ico_china {width: 30px;height: 30px;background:url(/img/1.0.201/ico_china.svg) no-repeat 0 0 / 100% 100%}
.ico_european_union {width: 30px;height: 30px;background:url(/img/1.0.201/ico_european_union.svg) no-repeat 0 0 / 100% 100%}
.ico_france {width: 30px;height: 30px;background:url(/img/1.0.201/ico_france.svg) no-repeat 0 0 / 100% 100%}
.ico_india {width: 30px;height: 30px;background:url(/img/1.0.201/ico_india.svg) no-repeat 0 0 / 100% 100%}
.ico_japan {width: 30px;height: 30px;background:url(/img/1.0.201/ico_japan.svg) no-repeat 0 0 / 100% 100%}
.ico_saudi_arabia {width: 30px;height: 30px;background:url(/img/1.0.201/ico_saudi_arabia.svg) no-repeat 0 0 / 100% 100%}
.ico_united_kingdom {width: 30px;height: 30px;background:url(/img/1.0.201/ico_united_kingdom.svg) no-repeat 0 0 / 100% 100%}
.ico_united_states {width: 30px;height: 30px;background:url(/img/1.0.201/ico_united_states.svg) no-repeat 0 0 / 100% 100%}
.ico_vietnam {width: 30px;height: 30px;background:url(/img/1.0.201/ico_vietnam.svg) no-repeat 0 0 / 100% 100%}
.ico_germany {width: 30px;height: 30px;background:url(/img/1.0.201/ico_germany.svg) no-repeat 0 0 / 100% 100%}
.ico_australia {width: 30px;height: 30px;background:url(/img/1.0.201/ico_australia.svg) no-repeat 0 0 / 100% 100%}

.dashboard_tbl_wrap {padding:0 32px 40px}
.dashboard_tbl_wrap .page_tit_wrap {padding-top:32px}
.dashboard_tbl_wrap .tab_wrap {display:flex;align-items:center; justify-content:space-between;margin-top: 16px;}
.dashboard_tbl_wrap .tab_wrap .tag {padding:8px 28px;border-radius: 100px;background:#F6F7F9;font-weight:500;text-transform: uppercase;}
.dashboard_tbl_wrap .tbl_top_wrap {position:relative;margin-top: 20px;padding:12px;border-radius: 20px;background:#F6F7F9}
.dashboard_tbl_wrap .inp_wrap {width:640px}
.dashboard_tbl_wrap .float_r {display:flex;gap:8px;position:absolute;top:50%;right:20px;transform: translateY(-50%);}
.dashboard_tbl_wrap .tbl_wrap {margin-top: 20px;}
.dashboard_tbl_wrap .card_wrap {margin-top: 20px;}
.swiper-button-next:after, .swiper-button-prev:after {display:none}
.swiper-button-prev {left:0;right:0;width: 40px;height:40px;padding:8px;border-radius: 16px;border:1px solid var(--color-grayscale-200);background:#fff url(/img/1.0.201/ico_prev.svg) no-repeat 50% 50% / 24px 24px}
.swiper-button-next {right:0;width: 40px;height:40px;padding:8px;border-radius: 16px;border:1px solid var(--color-grayscale-200);background:#fff url(/img/1.0.201/ico_next.svg) no-repeat 50% 50% / 24px 24px}
.swiper-button-prev:hover {background:var(--color-grayscale-100) url(/img/1.0.201/ico_prev.svg) no-repeat 50% 50% / 24px 24px}
.swiper-button-next:hover {background:var(--color-grayscale-100) url(/img/1.0.201/ico_next.svg) no-repeat 50% 50% / 24px 24px}

/* VDC */
.vdc_container {padding:40px 32px}
.vdc_container .sel_wrap {margin-top: 32px;}
.vdc_container .sel_wrap .title {display:inline-block;font-size:20px;font-weight:700;line-height: 37px;}
.vdc_container .sel_wrap .sel_base {margin-left:12px;min-width:200px}
.vdc_container .sel_wrap .sel_base.wd_full {width:617px}
.vdc_container .sel_wrap .sel_base + .sel_base {margin-left: 8px;}
.vdc_container .flex_box {display:flex;gap:20px;margin-top: 24px;}
.vdc_container .dashboard_map_wrap {flex:none;width:758px;height:904px;border-radius: 24px;}
.vdc_container .dashboard_map_wrap .con_wrap {display:flex;gap:16px;bottom:24px;left:24px;right:24px}
.vdc_container .dashboard_map_wrap .con_wrap .con {width:auto;flex:1}
.vdc_container .dashboard_map_wrap .con_wrap .con .number {text-align: right;}
.vdc_container .dashboard_tbl_wrap {flex:1;padding:0}
.vdc_container .dashboard_tbl_wrap .tbl_top_wrap {margin-top:0;padding:0;border-radius: 0;background:none}
.vdc_container .dashboard_tbl_wrap .tbl_top_wrap .title {font-size:24px;font-weight:700;line-height: 32px;}
.vdc_container .dashboard_tbl_wrap .tab_wrap {margin-top: 0;}
.vdc_container .dashboard_tbl_wrap .float_r {right:0}
.vdc_container .tbl_wrap table tbody td {position:relative;height:64px;padding:10px;font-size:16px;color:var(--color-grayscale-900);font-weight:500;vertical-align: middle;}
.vdc_container .tbl_wrap table tbody td:first-child {padding-right:80px}
.vdc_container .tbl_wrap .btn_wrap {display:flex;gap:10px;align-items: center;justify-content: end;position:absolute;top:50%;right:20px;transform:translateY(-50%)}
.vdc_container .btn_search {display:block;width:20px;height:20px;background:url(/img/1.0.201/ico_search_20x20.svg) no-repeat 0 0 / 100% 100%}
.vdc_container .btn_plus {display:block;width:20px;height:20px;background:url(/img/1.0.201/ico_plus_20x20.svg) no-repeat 0 0 / 100% 100%}

.vdc_container .dashboard_panel_wrap .tit_wrap {display: flex;align-items: center;justify-content: space-between;}
.vdc_container .dashboard_panel_wrap .page_tit_sub {font-size:24px;font-weight:700;line-height: 32px;}
.vdc_container .dashboard_panel_wrap .btn_back {display:inline-block;width:40px;height:40px;padding:8px;border-radius:16px;border:1px solid var(--color-grayscale-200);background:#fff url(/img/1.0.201/ico_back.svg) no-repeat 50% 50% / 24px 24px;box-sizing: border-box;}
.vdc_container .dashboard_panel_wrap .con_wrap {display:flex;gap:20px;margin-top: 16px;}
.vdc_container .dashboard_panel_wrap .con_wrap .con {flex:1;min-width:230px;padding:40px 24px;border-radius: 24px;text-align: center;}
.vdc_container .dashboard_panel_wrap .con_wrap .con:nth-child(1) {background:#203864}
.vdc_container .dashboard_panel_wrap .con_wrap .con:nth-child(2) {background:#60A5D8;}
.vdc_container .dashboard_panel_wrap .con_wrap .con:nth-child(3) {background:var(--color-primary-600)}
.vdc_container .dashboard_panel_wrap .con_wrap .con .title {display:block;font-size:30px;font-weight:500;color:#fff;line-height: 20px;}
.vdc_container .dashboard_panel_wrap .con_wrap .con .number {display:block;margin-top: 30px;font-size:50px;font-weight:700;color:#fff;line-height: 36px;}
.vdc_container .dashboard_panel_wrap .card_wrap {margin-top: 32px;}
.vdc_container .dashboard_panel_wrap .card_wrap ul {margin-top: 16px;display:flex;flex-wrap:wrap;gap:20px;}
.vdc_container .dashboard_panel_wrap .card_wrap ul li {width:calc((100% - 40px) / 3);min-width:230px;flex:none;}

/* common (공통요소) */
.page_tit {font-size:28px;font-weight: 700;line-height: 36px;}
.page_tit_sub {font-size:20px;font-weight:600;line-height: 26px;}
.page_tit + .page_tit_sub {margin-top: 16px;}
.btn_download {display:block;padding-left:36px;background:url(/img/1.0.201/ico_download.svg) no-repeat 0 center / 24px 24px;line-height:24px}
.btn_download + .btn_download {margin-top: 10px;}
.pop_open {display:inline-block;margin-left:4px;padding:8px 28px;border:1px solid var(--color-grayscale-200);background:var(--color-grayscale-50);border-radius: 100px;color:var(--color-grayscale-900);font-weight:500;text-transform: uppercase;}
.pop_open:hover {background:var(--color-grayscale-100)}
.pop_open.disabled {background:var(--color-grayscale-100);pointer-events: none;color:var(--color-grayscale-300);border:1px solid #ddd}
.btn_view_list {display:inline-block;width:40px;height:40px;padding: 8px;border-radius: 16px;border:1px solid var(--color-grayscale-200);background:#fff url(/img/1.0.201/ico_list.svg) no-repeat 50% 50% / 24px 24px;box-sizing: border-box;}
.btn_view_list:hover {background:var(--color-grayscale-100) url(/img/1.0.201/ico_list.svg) no-repeat 50% 50% / 24px 24px;}
.btn_view_list.active {border:1px solid var(--color-primary-300);background:var(--color-primary-200) url(/img/1.0.201/ico_list_on.svg) no-repeat 50% 50% / 24px 24px;}
.btn_view_card {display:inline-block;width:40px;height:40px;padding: 8px;border-radius: 16px;border:1px solid var(--color-grayscale-200);background:#fff url(/img/1.0.201/ico_list2.svg) no-repeat 50% 50% / 24px 24px;box-sizing: border-box;}
.btn_view_card:hover {background:var(--color-grayscale-100) url(/img/1.0.201/ico_list2.svg) no-repeat 50% 50% / 24px 24px;}
.btn_view_card.active {border:1px solid var(--color-primary-300);background:var(--color-primary-200) url(/img/1.0.201/ico_list2_on.svg) no-repeat 50% 50% / 24px 24px;}
.btn_view_chart {display:inline-block;width:40px;height:40px;padding: 8px;border-radius: 16px;border:1px solid var(--color-grayscale-200);background:#fff url(/img/1.0.201/ico_chart.svg) no-repeat 50% 50% / 24px 24px;box-sizing: border-box;}
.btn_view_chart:hover {background:var(--color-grayscale-100) url(/img/1.0.201/ico_chart.svg) no-repeat 50% 50% / 24px 24px;}
.btn_view_chart.active {border:1px solid var(--color-primary-300);background:var(--color-primary-200) url(/img/1.0.201/ico_chart_on.svg) no-repeat 50% 50% / 24px 24px;}
.btn_desc {display:inline-block;width:24px;height:24px;background:url(/img/1.0.201/ico_file.svg) no-repeat 50% 50% / 100% 100%}
.btn_docs {display:inline-block;width:24px;height:24px;background:url(/img/1.0.201/ico_file_down.svg) no-repeat 50% 50% / 100% 100%}
.btn_desc.wh {width:26px;background:url(/img/1.0.201/ico_file_wh.svg) no-repeat 50% 50% / 100% 100%}
.btn_docs.wh {width:25px;background:url(/img/1.0.201/ico_file_down_wh.svg) no-repeat 50% 50% / 100% 100%}
.btn_detail.wh {width:106px;height:24px;background:url(/img/1.0.201/vdc_detail_btn.png) no-repeat 50% 50% / 100% 100%;margin-left:8px;} 

.tooltip {position:relative;z-index: 1;}
.tooltip .cont {max-width:300px;padding:10px 12px;border: 1px solid var(--color-grayscale-200);border-radius: 4px;background:#fff;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);}
.tooltip .cont::after {content:'';position:absolute;top:-9px;left:50%;width:13px;height:9px;margin-left:-6px;background: url(/img/1.0.201/tooltip.svg) no-repeat 0 0 / 100% 100%;}
.tooltip .cont p {font-size:14px;color:var(--color-grayscale-900)}
.tooltip .btn:hover + .cont {display:block}

/* paging */
.paging_wrap { display: flex; justify-content: center; align-items: center; margin-top: 20px; }
.paging_wrap .btn_paging { overflow: hidden; width:32px; height:32px; color: transparent; }
.btn_paging.prev { background: url(/img/1.0.201/ico_arw_left.svg)no-repeat 50% 50% /32px 32px; }
.btn_paging.next { background: url(/img/1.0.201/ico_arw_right.svg)no-repeat 50% 50% /32px 32px; }
.paging { padding: 0 10px}
.paging a {display:inline-block;width:20px;padding:0 10px;font-size: 18px; line-height: 28px;text-align: center;}
.paging a:hover { font-weight: 700; color:var(--color-primary-600)}
.paging a.active { font-weight: 700; color:var(--color-primary-600)}

/* tab */
.tabs ul {display: flex;gap: 8px;}
.tabs ul li {width:240px;text-align: center;}
.tabs ul li a {display: block;padding: 12px 24px;background-color: #fff;border:1px solid var(--color-grayscale-200);border-radius: 16px;font-size:20px;font-weight: 500;color:var(--color-grayscale-500);line-height: 26px;white-space: nowrap;}
.tabs ul li.active a {background-color:var(--color-primary-200);border:1px solid var(--color-primary-200);font-weight: 700;color: var(--color-primary-800);}
.tabs ul li:not(.active) a:hover {background:var(--color-grayscale-50)}

/* ico */
.ico {display:inline-block;width: 24px;height: 24px;background-repeat: no-repeat;background-size:100%}
.ico01 {background-image:url(/img/1.0.201/ico_menu01.svg)}
.ico02 {background-image:url(/img/1.0.201/ico_menu02.svg)}
.ico03 {background-image:url(/img/1.0.201/ico_menu03.svg)}
.ico04 {background-image:url(/img/1.0.201/ico_menu04.svg)}
.ico05 {background-image:url(/img/1.0.201/ico_menu05.svg)}
.ico06 {background-image:url(/img/1.0.201/ico_menu06.svg)}
.ico07 {background-image:url(/img/1.0.201/ico_menu07.svg)}
.ico08 {background-image:url(/img/1.0.201/ico_menu08.svg)}
.ico09 {background-image:url(/img/1.0.201/ico_menu09.svg)}
.ico10 {background-image:url(/img/1.0.201/ico_menu10.svg)}
.ico11 {background-image:url(/img/1.0.201/ico_menu11.svg)}
.ico12 {background-image:url(/img/1.0.201/ico_menu12.svg)}
.ico13 {background-image:url(/img/1.0.201/ico_menu13.svg)}
.ico01.wh {background-image:url(/img/1.0.201/ico_menu01_wh.svg)}
.ico02.wh {background-image:url(/img/1.0.201/ico_menu02_wh.svg)}
.ico03.wh {background-image:url(/img/1.0.201/ico_menu03_wh.svg)}
.ico04.wh {background-image:url(/img/1.0.201/ico_menu04_wh.svg)}
.ico05.wh {background-image:url(/img/1.0.201/ico_menu05_wh.svg)}
.ico06.wh {background-image:url(/img/1.0.201/ico_menu06_wh.svg)}
.ico07.wh {background-image:url(/img/1.0.201/ico_menu07_wh.svg)}
.ico08.wh {background-image:url(/img/1.0.201/ico_menu08_wh.svg)}
.ico09.wh {background-image:url(/img/1.0.201/ico_menu09_wh.svg)}
.ico10.wh {background-image:url(/img/1.0.201/ico_menu10_wh.svg)}
.ico11.wh {background-image:url(/img/1.0.201/ico_menu11_wh.svg)}
.ico12.wh {background-image:url(/img/1.0.201/ico_menu12_wh.svg)}
.ico13.wh {background-image:url(/img/1.0.201/ico_menu13_wh.svg)}

/* status */
.status {display:inline-block;padding:4px 8px;border-radius: 8px;font-size:13px;white-space: normal;word-wrap: break-word;word-break: break-word;width: 120px;min-height: 24px;line-height: 1.2;text-align: center;box-sizing: border-box;}
.status.blue {background: rgba(211, 244, 255, 0.80);color: #0098DE;}
.status.pink {background: rgba(255, 236, 240, 0.80);color: #FF66B9;}
.status.purple {background: rgba(231, 238, 255, 0.80);color: #5E45FF;}
.status.orange {background: rgba(255, 227, 207, 0.80);color: #F37016;}
.status.green {background: rgba(210, 251, 240, 0.80);color: #3A8;}
.status.yellow {background: rgba(255, 248, 220, 0.80);color: #D4AF37;}

/* MCRD Summary 테이블의 status 배경색 */
.tbl_wrap_type2 th.status-blue {background: rgba(211, 244, 255, 0.80);color: #0098DE;}
.tbl_wrap_type2 th.status-orange {background: rgba(255, 227, 207, 0.80);color: #F37016;}
.tbl_wrap_type2 th.status-yellow {background: rgba(255, 248, 220, 0.80);color: #D4AF37;}
.tbl_wrap_type2 th.status-green {background: rgba(210, 251, 240, 0.80);color: #3A8;}
.tbl_wrap_type2 th.status-purple {background: rgba(231, 238, 255, 0.80);color: #5E45FF;}
.tbl_wrap_type2 th.status-gray {background: rgba(240, 240, 240, 0.80);color: #666;}

/* form */
.checkbox_wrap {display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.checkbox {display: inline-block;position: relative;}
.checkbox > input {position:absolute;left:-9999px;width:0;height:0;opacity: 0.0001%;}
.checkbox > .label {display:inline-block;position:relative;padding-left:32px;line-height: 24px;}
.checkbox > .label::before {content:'';position:absolute;top:50%;left:0;width:24px;height:24px;margin-top:-12px;background:url(/img/1.0.201/ico_chkbox.svg) no-repeat 0 0 / 100% 100%}
.checkbox > input:checked + .label::before {background:url(/img/1.0.201/ico_chkbox_on.svg) no-repeat 0 0 / 100% 100%}

.has_input {flex:none;width:100%;display:flex;gap:20px;align-items: center;}
.inp_box {width:100%}
input[type=text].inp_base {width:100%;padding:8px 12px;border:1px solid var(--color-grayscale-200);border-radius: 8px;outline: none;}
input[type=text].inp_search {width:100%;padding:10px 16px 10px 64px;border:1px solid var(--color-grayscale-100);border-radius: 16px;background:#fff url(/img/1.0.201/ico_search.svg) no-repeat left 16px center / 24px 24px;font-size:15px;outline: none;}
input[type=text]:focus {border:1px solid #BDDECD}

/* Date Input Styling */
.date_wrap {display: flex; align-items: center; gap: 20px;}
.date_label {display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: var(--color-grayscale-700);}
.date_input {padding: 8px 12px; border: 1px solid var(--color-grayscale-200); border-radius: 8px; outline: none; font-size: 14px; font-family: inherit; background: #fff; color: var(--color-grayscale-900); min-width: 140px;}
.date_input:focus {border: 1px solid var(--color-primary-400); box-shadow: 0 0 0 2px rgba(115, 229, 191, 0.1);}
.date_input:hover {border: 1px solid var(--color-grayscale-300);}

/* Date input calendar icon styling */
.date_input::-webkit-calendar-picker-indicator {
    background: transparent;
    color: transparent;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236D7882' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.date_input::-webkit-calendar-picker-indicator:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233EC364' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
}

/* Firefox date input styling */
.date_input::-moz-calendar-picker-indicator {
    background: transparent;
    color: transparent;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236D7882' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    border: none;
}

.date_input::-moz-calendar-picker-indicator:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233EC364' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
}
.sel_base {padding:8px 90px 8px 16px;border:1px solid var(--color-grayscale-200);border-radius: 16px;background:#fff url(/img/1.0.201/ico_sel.svg) no-repeat right 8px center / 24px 24px}

/* step */
.step_box {margin-top:24px;padding:40px;border:1px solid var(--color-grayscale-200);border-radius: 20px;}
.step_box ul {display:flex;justify-content: space-between}
.step_box ul li {position:relative;width:16.66%;padding-top:56px;font-size:18px;font-weight:500;color:var(--color-grayscale-600);line-height: 20px;text-align: center;}
.step_box ul li::before {content:'';position:absolute;top:0;left:50%;z-index:1;width:40px;height:40px;margin-left:-20px;background:#fff;border:2px solid #BDDECD;border-radius: 100%;font-size:20px;font-weight:700;text-align:center;line-height:36px;color:#BDDECD;box-sizing: border-box;}
.step_box ul li::after {content:'';position:absolute;top:20px;left:-50%;width:100%;height:2px;background:#BDDECD}
.step_box ul li:nth-child(1)::after {display: none;}
.step_box ul li.active {color:var(--color-primary-600)}
.step_box ul li.active::before {border:2px solid var(--color-primary-600);color:var(--color-primary-600)}
.step_box ul li.active::after {background:var(--color-primary-600)}
.step_box ul li:nth-child(1)::before {content:"A";}
.step_box ul li:nth-child(2)::before {content:"B";}
.step_box ul li:nth-child(3)::before {content:"C";}
.step_box ul li:nth-child(4)::before {content:"D";}
.step_box ul li:nth-child(5)::before {content:"E";}
.step_box ul li:nth-child(6)::before {content:"F";}
.step_box ul li.complete::before {content:'';background:url(/img/1.0.201/step_complete.svg) no-repeat 0 0 / 100% 100%;border:0}
.step_box ul li.complete::after {background: var(--color-primary-600)}

/* table */
.tbl_wrap table thead th {padding:20px 10px;background:var(--color-grayscale-100);color:var(--color-grayscale-700);font-weight:500;text-align: left;}
.tbl_wrap table thead th.align_c {text-align: center;}
.tbl_wrap table thead th:first-child {padding-left:20px;border-radius: 8px 0 0 8px;}
.tbl_wrap table thead th:last-child {padding-right:20px;border-radius: 0 8px 8px 0;}
.tbl_wrap table thead th .tooltip {display:inline-block;position:absolute;}
.tbl_wrap table thead th .tooltip .btn {width: 16px;height:16px;margin-left:4px;background:url(/img/1.0.201/ico_tooltip.svg) no-repeat 0 0 / 100% 100%}
.tbl_wrap table thead th .tooltip .cont {display:none;position:relative;top:10px;left:12px;transform: translateX(-50%);}
.tbl_wrap table tbody td .tooltip {z-index:unset;}
.tbl_wrap table tbody td .tooltip .cont {display:none;position:absolute;top:40px;left:50%;z-index:1;transform: translateX(-50%);}
.tbl_wrap table tbody td .tooltip .cont p {white-space: nowrap;}
.tbl_wrap table tbody td .tooltip .ico:hover + .cont {display:block}
.tbl_wrap table tbody td {height:80px;padding:20px 10px;font-size:14px;color:var(--color-grayscale-500);vertical-align:middle;box-sizing: border-box;}
.tbl_wrap table tbody td:first-child {padding-left:20px}
.tbl_wrap table tbody td:last-child {padding-right:20px}
.tbl_wrap table tbody td.col_black {font-size:16px;color:#000}
.tbl_wrap table tbody td.align_c {text-align: center;}
.tbl_wrap table tr:hover {background:var(--color-primary-50);}
.tbl_wrap table tr:hover td:first-child {border-radius: 8px 0 0 8px;}
.tbl_wrap table tr:hover td:last-child {border-radius: 0 8px 8px 0;}

/* table (sub) */
.tbl_wrap_type2 table {border-collapse:separate;border-spacing: 4px;}
.tbl_wrap_type2 table + table {margin-top:-4px}
.tbl_wrap_type2 table tr th {min-width:150px;padding:20px;background:var(--color-grayscale-100);border-radius: 8px;font-weight: 500;color:var(--color-grayscale-700);text-align: left;}
.tbl_wrap_type2 table tr th.align_c {text-align: center;}
.tbl_wrap_type2 table tr td {padding:20px;background:#F6F7F9;border-radius: 8px;}
.tbl_wrap_type2 .scroller {overflow-y:auto;height:380px;}
.tbl_wrap_type2 .scroller.sm {height:150px}
.tbl_wrap_type2 .scroller::-webkit-scrollbar {width:8px}
.tbl_wrap_type2 .scroller::-webkit-scrollbar-thumb {background:var(--color-grayscale-200);border-radius: 999px;}

/* card 목록 */
.card_wrap ul {display:flex;flex-wrap:wrap;gap:20px}
.card_wrap ul li {position:relative;flex:none;width:calc(25% - 15px);padding:16px;border-radius: 24px;border:1px solid var(--color-grayscale-100);box-sizing: border-box;background-repeat:no-repeat;background-size:cover}
.card_wrap ul li::before {content:'';position:absolute;top:0;left:0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.40);border-radius: 24px;}
.card_wrap ul li > * {position: relative;z-index: 1;}
.card_wrap .top {display: flex;justify-content: space-between;align-items: flex-start;gap:4px;flex-wrap: nowrap;}

/* VDC 카드 전용 - status 높이 고정 */
#vdc-details-view .card_wrap .top .status {
    min-height: 40px; /* 두 줄 텍스트를 위한 최소 높이 */
    display: flex;
    align-items: center;
    justify-content: center;
}
.card_wrap .mid {margin-top: 16px;}
.card_wrap .btm {display:flex;justify-content:space-between;align-items:center;margin-top: 16px;position:relative;}
.card_wrap .id {font-size:14px;font-weight: 500;color:var(--color-grayscale-300)}
.card_wrap .txt {min-height:60px;color:#fff;line-height: 20px;}
.card_wrap .company {display:block;margin-top:29px;font-size:14px;font-weight:500;color:#fff}
.card_wrap .unit {text-align: right;}
.card_wrap .unit span {display:block;margin-top:8px;font-size:14px;font-weight:500;color:#fff}
.card_wrap .btn_wrap a + a {margin-left:8px}

/* VDC Detail Button - 왼쪽 하단에 위치 */
.card_wrap .btn_detail.wh {
    position: absolute;
    bottom: 4px;
    left: 0px;
}
.card_wrap .tooltip .cont {display:none;position:absolute;top:38px;left:10px;transform: translateX(-50%);white-space: nowrap;}
.card_wrap .tooltip .ico:hover + .cont {display:block}



/* mct documents */
.documents_wrap .page_tit {position:relative;padding-left: 34px;}
.documents_wrap .page_tit_sub {margin-top: 32px;}
.documents_wrap .page_tit::before {content:'';position:absolute;top:50%;left:0;width: 24px;height: 24px;margin-top:-12px;background: url(/img/1.0.201/ico_file.svg) no-repeat 50% 50% / 100% 100%;}
.documents_wrap .page_tit + ul {margin-top: 32px;}
.documents_wrap .page_tit_sub + ul {margin-top: 15px;}
.documents_wrap .basic_info_section {margin-top: 40px;}
.documents_wrap .details_section {margin-top: 50px;}
.documents_wrap .document_section {margin-top: 50px;}
.list_type01 {display: flex;flex-wrap:wrap;gap:30px 20px;}
.list_type01 li {position:relative;width:calc(33.33% - 13.33px);padding:16px;border:1px solid var(--color-grayscale-200);border-radius: 8px;box-sizing: border-box;}
.list_type01 li .title {font-size:16px;font-weight:500;line-height: 20px;color:var(--color-grayscale-900)}
.list_type01 li .info {display:flex;align-items:center;justify-content:space-between;margin-top: 23px;font-size:0}
.list_type01 li .info span {font-size:14px;font-weight:500;color:var(--color-grayscale-400);line-height: 18px;}
.list_type01 li .btn_download {display:inline-block;padding:5px 40px 5px 20px;background:url(/img/1.0.201/ico_download.svg) no-repeat right 20px center / 16px 16px;border-radius: 100px;border:1px solid var(--color-grayscale-200);font-size:12px;font-weight:500;color:var(--color-grayscale-900);line-height: 18px;text-transform: uppercase;}
.list_type01 li .btn_download:hover {background:var(--color-grayscale-50) url(/img/1.0.201/ico_download.svg) no-repeat right 20px center / 16px 16px;}

.list_type02 li {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-radius: 8px;}
.list_type02 li:nth-child(odd) {background:var(--color-grayscale-50)}
.list_type02 li .dept1 {width:21.82%;font-size:14px;font-weight:500;line-height: 18px;}
.list_type02 li .dept2 {width:21.82%;font-size:14px;font-weight:500;line-height: 18px;}
.list_type02 li .dept3 {width:31.72%;font-size:16px;font-weight:500;line-height: 20px;word-break: break-all;}
.list_type02 li .dept4 {width:6.34%;font-size:14px;font-weight:500;color:var(--color-grayscale-500);line-height: 18px;}
.list_type02 li .dept5 {width:6.34%;font-size:14px;font-weight:500;color:var(--color-grayscale-500);line-height: 18px;}
.list_type02 li .dept6 {width:3.04%}

/* intro main header */
.main_wrap header{width: 100%; position: absolute; background-color: transparent;  height: 100px;}
.main_wrap header>div{width: 100%; height: 100%; padding:0 60px; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.main_wrap .menu_area{display: flex; align-items: center; gap:48px}
.main_wrap .menu_area li a{display: block; font-weight: 700; font-size: 20px; line-height: 100%; color: #fff;}
.main_wrap .container{height: 100%;}
.main_wrap .content{width: 100%; height: 100vh;  background: url(/api/files/static-image?p=/img/temp/main_bg.jpg) no-repeat center; background-size: cover;}

/* intro main */
.main_wrap .container .main{height: 100%; display: flex; justify-content: center; align-items: center; }
.main_wrap .container .main ul{display: flex; gap:20px; }
.main_wrap .container .main ul li{overflow: hidden; display: flex; flex-direction: column; justify-content: end; border-radius: 20px;transition:all 1s}
.main_wrap .container .main ul li>div{ padding:24px}
.main_wrap .container .main ul li>div h3{padding-bottom: 12px; display: block; font-size: 48px; font-weight: 900; line-height: 100%; color: #fff;}
.main_wrap .container .main ul li>div p{padding-bottom: 24px; font-weight: 700; font-size: 16px; line-height: 100%; color: rgba(255, 255, 255, 1);}
.main_wrap .container .main ul li.fir>div{background-color: rgba(36, 89, 143, 0.9);}
.main_wrap .container .main ul li.sec>div{background-color: rgba(50, 101, 117, 0.9);}
.main_wrap .container .main ul li.thr>div{background-color: rgba(51, 86, 49, 0.8);}
.main_wrap .container .main ul li.fir{width: 360px; height: 570px; background: url(/api/files/static-image?p=/img/temp/B01MCT.jpg) no-repeat right center;}
.main_wrap .container .main ul li.sec{width: 360px; height: 570px; background: url(/api/files/static-image?p=/img/temp/B02MCC.jpg) no-repeat left center;}
.main_wrap .container .main ul li.thr{width: 360px; height: 570px; background: url(/api/files/static-image?p=/img/temp/B03VDC.jpg) no-repeat left center;}
.main_wrap .container .main ul li.fir:hover {background: url(/api/files/static-image?p=/img/temp/B01MCT.jpg) no-repeat left center;}
.main_wrap .container .main ul li.sec:hover{background: url(/api/files/static-image?p=/img/temp/B02MCC.jpg) no-repeat right center;}
.main_wrap .container .main ul li.thr:hover{background: url(/api/files/static-image?p=/img/temp/B03VDC.jpg) no-repeat right center;}
.main_wrap .container .main ul li:hover{transition:all 1s}
.main_wrap .container .main ul li:hover>div{flex:1;display:flex;flex-direction: column;justify-content: end;transition: all .6s;}

/* sub common */
.content_body {flex:1;min-width:0;}
.sub_wrap {padding:32px}
.sub_wrap .flex_box {display:flex;gap:24px;margin-top: 24px;}
.sub_wrap .flex_box .tbl_thumb {flex:none}
.sub_wrap .top_wrap {display:flex;justify-content: space-between;align-items: center;}
.sub_wrap .top_wrap .id {font-size:20px;font-weight:700;line-height: 24px;}
.sub_wrap .tab_wrap {margin-top: 24px;}
.sub_wrap .docs_wrap {display:flex;justify-content:end;align-items:center;gap:4px;margin-top: 40px;}
.sub_wrap .docs_wrap .title {min-width:200px;height:98px;padding:20px;border-radius: 8px;background:var(--color-grayscale-100);color:var(--color-grayscale-800);line-height: 58px;}
.sub_wrap .docs_wrap .conts {padding:20px;background:#F6F7F9;border-radius: 8px;}
.sub_wrap .docs_wrap + .tbl_wrap_type2 {margin-top: 24px;}
.sub_wrap .tbl_section{margin-top: 50px;}
.sub_wrap .tbl_section .tbl_wrap_type2 {margin-top: 16px;}

@media screen and (max-width:1500px) {
    .card_wrap .top {flex-direction: row;align-items: center;flex-wrap: nowrap;}
}