#new_container .new_sub_vis {position: relative; width: 100%; height: 320px; display: flex; justify-content: center; align-items: center; background: url('/site/esg/images/sub_vis01.png') no-repeat center center; background-size: cover;}
#new_container .new_sub_vis.sub01 { background: url('/site/esg/images/sub_vis01.png') no-repeat center center; background-size: cover; }
#new_container .new_sub_vis.sub02 { background: url('/site/esg/images/sub_vis02.png') no-repeat center center; background-size: cover; }
#new_container .new_sub_vis.sub03 { background: url('/site/esg/images/sub_vis03.png') no-repeat center center; background-size: cover; }
#new_container .new_sub_vis.sub04 { background: url('/site/esg/images/sub_vis04.png') no-repeat center center; background-size: cover; }
#new_container .new_sub_vis .vis_tit h2 {color: #fff;font-size: 42px; font-weight: 600; letter-spacing: -2px; }
#new_container .sub_head .breadcrumbs_item.breadcrumbs_home .breadcrumbs_anchor .ri-home-5-line::before {content: ''; width: 18px; height: 17px; background: url('/site/esg/images/ic_home.svg') no-repeat center center; background-size: cover; ;}
#new_container .sub_head .breadcrumbs_item.breadcrumbs_home .breadcrumbs_anchor:hover .ri-home-5-line::before {background: url('/site/esg/images/ic_home_on.svg') no-repeat center center; }
#new_container .sub_head .breadcrumbs_item .breadcrumbs_anchor span {font-size: 16px;}
#new_container .sub_head .breadcrumbs_item {height: 70px; border: none;}
#new_container .sub_head .breadcrumbs_item::after {content: ''; display: block; width: 1px; height: 16px; position: absolute; top: 50%;right: 0; transform: translateY(-50%); background: #aaa;}
#new_container .sub_head .breadcrumbs_item.breadcrumbs_home .breadcrumbs_anchor i {font-size: initial;}
#new_container .bbs .p-search {background: #F6F6F6;}
#new_container .p-table thead tr:first-child th {font-family: "SCDream"; border-top: 2px solid #000; font-size: 18px; color: #222; font-weight: 500;}
#new_container .p-table td {color: #555; padding: 18px 10px;font-family: "SCDream";font-weight: 300; }
#new_container .p-table th {font-family: "SCDream"; }
#new_container .p-table tr:has(td.top_noti) {background: #F8F8F8;}
#new_container .bbs .p-search .p-button.blue {background: #4F4E4D; padding: 7px 33px 7px 23px;}
#new_container .bbs .p-search .p-button.blue .ri-search-line:before {color: #fff; vertical-align: -2px; margin-right: 6px;}
#new_container .p-table.simple tbody tr:nth-child(even) {background: #fff; }
#new_container .bbs .p-search .p-input {font-family: "SCDream"; color: #888;}
#new_container .bbs .p-search .p-input::placeholder {font-size: inherit; }
#new_container .bbs .p-search .p-form-group.type2 { width: 80%; }
#new_container .bbs .p-search .p-form-group.type2 select.p-input {max-width: 200px; background: #fff url('/site/esg/images/ic_arr_sel.svg') no-repeat 90% 50%;}
#new_container .ri-file-list-line:before {display: none;}
#new_container .row .col-12 {font-family: "SCDream"; color: #888; font-size: 16px;}
#new_container .row .col-12 em { font-size: inherit; color: inherit;}
#new_container .row .col-12 .em_black { font-weight: 500; color: #000;}
#new_container .bbs .p-button.write {min-width: 300px; height: 54px; padding: 12px 15px; font-size: 20px; background: linear-gradient(148deg, #9F2E75 0%, #3F438A 100%);}
#new_container .bbs__view .p-post-move .p-post-move__title {position: relative; color: #222; width: 200px; text-align: left; padding-left: 30px;}
#new_container .bbs__view .p-post-move .p-post-move__title::after {content: ''; display: block; width: 1px; height: 20px; z-index: 1; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: #C9C9C9;;}
#new_container .btn_wrap {text-align: center;}
#new_container .file_area {padding-left: 30px; color: #222;}
#new_container .table-responsive.active {border-top: 1px solid #222;}
#new_container .p-table td:has(.p-table__subject_text) { padding: 0;}
#new_container .p-table td .p-table__subject_text {font-weight: 500; color: #555;display: block;text-align: center; border-bottom: 1px solid #ddd; padding: 16px 10px;}
#new_container .p-table .p-author__info { display: flex; padding: 16px 10px;}
#new_container .p-table .p-author__info .p-split { width: 50%; }
#new_container .p-table .p-author__info .p-split::before { display: none; }
#new_container .p-table .p-author__info .p-split .tit {position: relative; color: #222; font-size: 18px; font-weight: 500; margin-right: 40px;}
/* #new_container .p-table .p-author__info .p-split .tit::after {content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 60px; width: 1px; height: 20px; background: #ccc;} */
#new_container .p-table .p-author__info .p-split span,
#new_container .p-table .p-author__info .p-split time { color: #555; font-size: 16px; font-weight: 300; }
#new_container .p-media--gallery .p-media-list {display: flex; flex-wrap: wrap; gap: 0 20px; border-top-color: #000; border-bottom: none; }
#new_container .p-media--gallery .p-media {width: calc(25% - 15px); margin-top: 40px; margin-right: 0; padding-bottom: 34px;}
#new_container .p-media--gallery .p-media__heading .p-media__heading-text {color: #222; font-weight: 500; }
#new_container .p-media--gallery .p-author__info .p-split {color: #555; font-weight: 300;}
#new_container .p-media--gallery .p-author__info .p-split::before {content: ''; display: inline-block; vertical-align: -2px; width: 14px;height: 14px;background: url('/site/esg/images/ic_clock.svg') no-repeat center center; background-size: cover;}
#new_container .biz_intro_wrap {border: 1px solid #DDD; padding: 130px;}
#new_container .biz_intro_wrap .biz_intro_list {display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 120px 0; }
#new_container .biz_intro_wrap .biz_intro_list li {width: calc(100% / 3); display: flex; flex-direction: column; align-items: center; justify-content: center; }
#new_container .biz_intro_wrap .biz_intro_list li h3 {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 18px; font-weight: 800; color: #222;margin: 0;}
#new_container .biz_intro_wrap .biz_intro_list li h3::before {content: ''; display: block; width: 160px; height: 160px; margin-bottom: 20px;}
#new_container .biz_intro_wrap .biz_intro_list li:nth-child(1) h3::before {background: url('/site/esg/images/ic_intro_biz01.svg') no-repeat center center; background-size: cover; }
#new_container .biz_intro_wrap .biz_intro_list li:nth-child(2) h3::before {background: url('/site/esg/images/ic_intro_biz02.svg') no-repeat center center; background-size: cover; }
#new_container .biz_intro_wrap .biz_intro_list li:nth-child(3) h3::before {background: url('/site/esg/images/ic_intro_biz03.svg') no-repeat center center; background-size: cover; }
#new_container .biz_intro_wrap .biz_intro_list li:nth-child(4) h3::before {background: url('/site/esg/images/ic_intro_biz04.svg') no-repeat center center; background-size: cover; }
#new_container .biz_intro_wrap .biz_intro_list li:nth-child(5) h3::before {background: url('/site/esg/images/ic_intro_biz05.svg') no-repeat center center; background-size: cover; }
#new_container .biz_intro_wrap .biz_intro_list li em {font-size: 16px; font-weight: 500; color: #933178; display: block; margin: 12px auto 6px; }
#new_container .biz_intro_wrap .biz_intro_list li span {font-size: 16px; font-weight: 300; color: #555; line-height: 1.8; text-align: center;}
#new_container .esg_space_wrap .esg_tit_wrap {text-align: center; margin: 100px 0;}
#new_container .esg_space_wrap .esg_tit_wrap .esg_tit {position: relative; width: fit-content; margin: 0 auto; font-family: "SCDream"; font-size: 42px; line-height: 1.2; font-weight: 500; color: #222; margin-bottom: 30px;}
#new_container .esg_space_wrap .esg_tit_wrap .esg_tit::before {content: '';position: absolute;z-index: -1; top: -20px; left: -130px; display: block; width: 100px; height: 73px; background: url('/site/esg/images/d_quotes_l.svg') no-repeat center center; background-size: cover; }
#new_container .esg_space_wrap .esg_tit_wrap .esg_tit::after {content: '';position: absolute;z-index: -1; top: -20px; right: -130px; display: block; width: 100px; height: 73px; background: url('/site/esg/images/d_quotes_r.svg') no-repeat center center; background-size: cover; }
#new_container .esg_space_wrap .esg_tit_wrap p {font-family: "SCDream"; font-size: 20px; color: #555; font-weight: 300;}
#new_container .esg_space_wrap .esg_space_info {display: flex; justify-content: space-between; gap: 40px;}
#new_container .esg_space_wrap .esg_space_info.type2 {align-items: center;}
#new_container .esg_space_wrap .esg_space_info ul li {display: flex; align-items: flex-start; gap: 20px; }
#new_container .esg_space_wrap .esg_space_info ul li + li {margin-top: 44px;}
#new_container .esg_space_wrap .esg_space_info ul li::before {content: ''; display: inline-flex; flex-shrink: 0; position: relative; top: -8px; width: 40px;height: 40px; }
#new_container .esg_space_wrap .esg_space_info ul li.ic_space01::before {background: url('/site/esg/images/ic_space01.svg') no-repeat center center; background-size: cover;}
#new_container .esg_space_wrap .esg_space_info ul li.ic_space02::before {background: url('/site/esg/images/ic_space02.svg') no-repeat center center; background-size: cover;}
#new_container .esg_space_wrap .esg_space_info ul li.ic_space03::before {background: url('/site/esg/images/ic_space03.svg') no-repeat center center; background-size: cover;}
#new_container .esg_space_wrap .esg_space_info ul li.ic_space04::before {background: url('/site/esg/images/ic_space04.svg') no-repeat center center; background-size: cover;}
#new_container .esg_space_wrap .esg_space_info ul li.ic_space05::before {background: url('/site/esg/images/ic_space05.svg') no-repeat center center; background-size: cover;}
#new_container .esg_space_wrap .esg_space_info ul li em {width: 70px; flex-shrink: 0; font-size: 18px;font-weight: 500; color: #222;}
#new_container .esg_space_wrap .esg_space_info ul li span {font-size: 16px;font-weight: 300; color: #555; line-height: 180%;}
#new_container .esg_content .basic_tit {text-align: left; font-family: "SCDream"; font-size: 18px; font-weight: 500; color: #222; display: flex; gap: 10px; align-items: center; margin-top: 60px; margin-bottom: 10px;}
#new_container .esg_content .basic_tit::before {content: ''; display: inline-flex; width: 16px; height: 16px; background: url('/site/esg/images/ic_circle.svg') no-repeat center center; background-size: cover;}
#new_container .esg_content .basic_txt {font-family: "SCDream"; font-size: 16px; font-weight: 300; color: #555; line-height: 180%;padding-left: 24px; }
#new_container .esg_content .basic_txt .bold { display: block; font-size: inherit; color: #222; font-weight: 500; }
#new_container .esg_content .basic_list {padding-left: 24px;}
#new_container .esg_content .basic_list.type2 li { display: flex;}
#new_container .esg_content .basic_list.flex { display: flex; }
#new_container .esg_content .basic_list.flex > li {width: 50%; margin-top: 0;}
#new_container .esg_content .basic_list.type2 li em { flex-shrink: 0; width: 150px;}
#new_container .esg_content .basic_list > li + li {margin-top: 20px;}
#new_container .esg_content .basic_list > li em {font-size: 16px;font-weight: 500;color: #222;}
#new_container .esg_content .basic_list > li .depth2 > li {color: #555;font-size: 16px;font-weight: 500; line-height: 180%;}
#new_container .esg_content .basic_list > li .depth2 > li .qr_img {margin: 16px 0 32px;}
#new_container .esg_content .basic_list > li .depth2 > li .btn_down {display: flex; justify-content: center; align-items: center; width: fit-content; padding: 0 64px; height: 54px; font-size: 20px; border-radius:5px; font-weight: 500; color: #fff; background: linear-gradient(148deg, #9F2E75 0%, #3F438A 100%);}
#new_container .esg_content .esg_history {max-width: 990px; margin: 40px auto 0; }
#new_container .esg_content .esg_history .history_list > li {display: flex; gap: 250px;}
#new_container .esg_content .esg_history .history_list > li + li {margin-top: 100px;}
#new_container .esg_content .esg_history .history_list > li .year {flex-shrink: 0; line-height: normal; color: #933178; font-size: 80px; font-weight: 800; }
#new_container .esg_content .esg_history .history_list {position: relative;}
#new_container .esg_content .esg_history .history_list::before {content: ''; display: block; position: absolute; top: 0; left:350px; width: 1px; height: 100%; background: #ddd;}
#new_container .esg_content .esg_history .history_list > li ul {position: relative;}
#new_container .esg_content .esg_history .history_list > li ul::before {content: ''; display:block; position: absolute; top: -6px; left: -105px; width: 59px;height: 37px; background: url('/site/esg/images/ic_circle_line.svg') no-repeat center center; background-size: cover;}
#new_container .esg_content .esg_history .history_list > li ul {margin-top: 50px;}
#new_container .esg_content .esg_history .history_list > li ul > li {display: flex; gap: 20px; }
#new_container .esg_content .esg_history .history_list > li ul > li + li {margin-top: 25px; }
#new_container .esg_content .esg_history .history_list > li ul > li .month {font-size: 20px; font-weight: 600;color: #933178; flex-shrink: 0;}
#new_container .esg_content .esg_history .history_list > li ul > li .info {font-size: 16px; font-weight: 300; color: #555;}
#new_container .calendar_wrap { border: 1px solid #ddd; padding: 50px;}
#new_container .tip_txt { font-size: 16px; font-weight: 300; color: #555; margin-top: 16px; }
#new_container .social_biz_wrap {display: flex; gap: 150px;}
#new_container .social_biz {padding-top: 40px;}
#new_container .social_biz h4 {color: #933178;}
#new_container .social_biz .table.type2 tbody tr:first-child th,
#new_container .social_biz .table.type2 tbody th {color: #933178;}
#new_container .social_biz .table.type2 tbody tr:first-child th,
#new_container .social_biz .table.type2 tbody tr:first-child td {border-top: 2px solid #933178;}
#new_container .social_biz .step .step_item:last-child {background-color: #933178;}
#new_container .social_biz .step .step_item .tit span {color: #fff;}
#new_container .social_biz .step .step_item:last-child .txt {color: #fff;}
#new_container .social_biz .table thead tr:first-child th,
#new_container .social_biz .table.th_border tr:first-child th {color: #933178;border-top: 2px solid #933178;}
#new_container .social_biz .table th {color: #933178;}
#new_container .social_biz .fc_purple {color: #933178 !important;}
#new_container .social_biz .fc_black {color: #222 !important; font-weight: normal;}
#new_container .social_biz_wrap .img_wrap {flex-shrink: 0;}
#new_container .social_biz_wrap .img_wrap img {width: 100%;}
#new_container .biz_graph {border: 1px solid #ddd; padding: 130px 20px; }
#new_container .biz_graph .title {font-family: "SCDream"; line-height: 1.3; text-align: center; font-size: 42px; font-weight: 500; color: #222; margin: 0 auto 70px;}
#new_container .biz_graph .title br {display: none;}
#new_container .biz_graph .graph_wrap {display: flex; justify-content: center; gap: 120px; align-items: center;}
#new_container .biz_graph .graph_wrap .graph img {width: 100%;}
#new_container .biz_graph .graph_wrap .info h3 {font-family: "SCDream"; font-size: 28px; font-weight: 500; color: #222; margin-bottom: 30px;}
#new_container .biz_graph .graph_wrap .info ul li {margin-top: 20px; display: flex; gap: 25px;}
#new_container .biz_graph .graph_wrap .info ul li span {font-size: 18px; font-weight: 500; color: #222;}
#new_container .biz_graph .graph_wrap .info ul li .subject {width: 123px;}
#new_container .biz_graph .graph_wrap .info ul li .num1 {width: 37px;}
#new_container .biz_graph .graph_wrap .info ul li::before {content: ''; display: inline-flex; width: 24px; height: 24px; border-radius: 100%; }
#new_container .biz_graph .graph_wrap .info ul li:nth-child(1)::before {background: #40ABF7;}
#new_container .biz_graph .graph_wrap .info ul li:nth-child(2)::before {background: #933178;}
#new_container .biz_graph .graph_wrap .info ul li:nth-child(3)::before {background: #80C7FA;}
#new_container .biz_graph .graph_wrap .info ul li:nth-child(4)::before {background: #BFE3FC;}
#new_container .biz_graph .graph_wrap .info ul li:nth-child(5)::before {background: #ddd;}
#new_container .biz_graph .graph_wrap .info ul li:nth-child(1) .num2 {color: #40ABF7;}
#new_container .biz_graph .graph_wrap .info ul li:nth-child(2) .num2 {color: #933178;}
#new_container .biz_graph .graph_wrap .info ul li:nth-child(3) .num2 {color: #80C7FA;}
#new_container .biz_graph .graph_wrap .info ul li:nth-child(4) .num2 {color: #BFE3FC;}
#new_container .biz_graph .graph_wrap .info ul li:nth-child(5) .num2 {color: #ddd;}
#new_container .site_wrap ul {display: flex; flex-wrap: wrap; gap: 40px 20px;}
#new_container .site_wrap ul li {width: calc(50% - 10px); display: flex; gap: 40px; align-items: center;}
#new_container .site_wrap ul li .img_wrap {flex-shrink: 0;}
#new_container .site_wrap ul li .img_wrap img {width: 100%;}
#new_container .site_wrap ul li .txt_wrap h3 {font-family: "SCDream"; font-size: 18px; font-weight: 500; color: #222; margin: 0 0 20px;}
#new_container .site_wrap ul li .txt_wrap .btn_link {font-size: 16px; font-weight: 500; color: #933178;display: flex; align-items: center; gap: 10px; }
#new_container .site_wrap ul li .txt_wrap .btn_link::after {content: '';display: inline-flex; width: 22px; height: 22px; background: url('/site/esg/images/ic_link.svg') no-repeat center center; background-size: cover;}
#new_container .p-table.type2 .p-subject {text-align: center;}
#new_container .new_tab_wrap {margin: 40px 0;}
#new_container .new_tab_wrap .tab_menu .tab_item,
#new_container .new_tab_wrap .tab_menu .tab_drop { width: calc(16.6667% + 1px);}
#new_container .new_tab_wrap .tab_menu .tab_anchor,
#new_container .new_tab_wrap .tab_menu .tab_button,
#new_container .new_tab_wrap .tab_menu .tab_all,
#new_container .new_tab_wrap .tab_menu .tab_drop > a {font-family: "SCDream"; font-size: 18px; color: #222;}
#new_container .new_tab_wrap .tab_menu .tab_item.active .tab_anchor,
#new_container .new_tab_wrap .tab_menu .tab_item.active .tab_button,
#new_container .new_tab_wrap .tab_menu .tab_item.active .tab_all { background: linear-gradient(148deg, #9F2E75 0%, #3F438A 100%); color: #fff;}
#new_container .new_tab_wrap .tab_menu .tab_item.active .tab_anchor span { color: inherit;}

.calendar_wrap .calendar .cal-tit { width: fit-content; font-size: 20px; font-weight: 600; letter-spacing: -0.4px; line-height: 1.5; color: #52535E;}
.calendar_wrap .calendar {position: relative; max-width: 620px; margin: 0 auto; }
.calendar_wrap .calendar .tit_wrap { display: flex; justify-content: center; align-items: center;}
.calendar_wrap .calendar-table { width: 100%; border-collapse: collapse; }
.calendar_wrap .calendar-table th {border-bottom: 1px dashed #ddd;  padding: 12px 8px; font-size: 18px; font-weight: 600; color: #151B3D; }
.calendar_wrap .calendar-table td { border-bottom: 1px dashed #ddd; padding: 8px; }
.calendar_wrap .calendar-table td.today .date { border: 2px solid #888DA6; border-radius: 100%; }
.calendar_wrap .calendar-table td a { display: flex; height: 50px; flex-direction: column; justify-content: space-between; text-align: center; width: 100%; }
.calendar_wrap .calendar-table td a:focus {text-decoration: none; }
.calendar_wrap .calendar-table td.on .date {background: #AD0A73; color: #fff !important; border-radius: 100%;}
.calendar_wrap .calendar-table td.on .date {color: #E31B54; }
.calendar_wrap .calendar-table .date { display: inline-block; line-height: 2; width: 35px; height: 35px; margin: 0 auto; font-size: 16px; font-weight: 500; color: #52535E; }
.calendar_wrap .calendar-table .date:has(+ .state.closed) {color: #EE425E; }
.calendar_wrap .calendar-table .date:has(+ .state.end) {color: #888DA6; }
.calendar_wrap .calendar-table .state { font-size: 14px; font-weight: 500; display: block; margin: auto;}
.calendar_wrap .calendar-table .state.end { color: #888DA6;}
.calendar_wrap .calendar-table .state.closed { color: #EE425E;}
.calendar_wrap .state_box { display: flex; align-items: center; gap: 20px; margin-top: 20px;}
.calendar_wrap .state_box span {font-size: 14px; font-weight: 400;color: #888DA6; display: flex; justify-content: center; align-items: center; gap: 8px;}
.calendar_wrap .state_box span::before {content: ''; display: inline-flex; width: 19px; height: 19px; border-radius: 100%; }
.calendar_wrap .state_box .today::before {border: 1px solid #888DA6; }
.calendar_wrap .state_box .select::before {background: #AD0A73; }

@media all and (max-width:1430px) {
    #new_container .social_biz_wrap {gap: 50px;}
    #new_container .social_biz_wrap .img_wrap {flex-shrink: initial;margin-top: 60px;}
}
@media all and (max-width:1200px) {
    #new_container .sub_head .breadcrumbs_item { height: 55px;}
    #new_container .bbs .p-search .p-form-group.type2 .p-input {width: 100%;}
    #new_container .p-media--gallery .p-media {width: calc(33.3333% - 14px); }
    #new_container .biz_intro_wrap { padding: 60px 20px;}
    #new_container .biz_intro_wrap .biz_intro_list li h3 {font-size: 17px;}
    #new_container .biz_intro_wrap .biz_intro_list li h3::before {margin-bottom: 16px;}
    #new_container .biz_intro_wrap .biz_intro_list li em {margin: 8px auto 2px;}
    #new_container .biz_intro_wrap .biz_intro_list li em,
    #new_container .biz_intro_wrap .biz_intro_list li span {font-size: 14px;}
    #new_container .esg_space_wrap .esg_tit_wrap .esg_tit {font-size: 38px;}
    #new_container .esg_space_wrap .esg_tit_wrap p {font-size: 18px;}
    #new_container .esg_content .esg_history .history_list > li .year {font-size: 74px;}
    #new_container .esg_content .esg_history .history_list > li ul > li .month {font-size: 18px;}
    #new_container .esg_content .esg_history .history_list > li ul > li .info {font-size: 15px;}
    #new_container .esg_content .esg_history .history_list > li ul::before {left: -90px;}
    #new_container .social_biz_wrap {flex-direction: column; gap: 38px;}
    #new_container .social_biz_wrap .img_wrap {margin-top: 0;}
    #new_container .biz_graph .graph_wrap {gap: 40px;}
    #new_container .biz_graph .title {font-size: 38px;}
    #new_container .biz_graph .graph_wrap .info h3 {font-size: 26px;}
    #new_container .biz_graph .graph_wrap .info ul li span {font-size: 16px;}
    #new_container .biz_graph .graph_wrap .graph,
    #new_container .biz_graph .graph_wrap .info {flex: 1;}
    #new_container .site_wrap ul li .txt_wrap h3 {font-size: 16px; margin: 0 0 10px;}
    #new_container .site_wrap ul li .txt_wrap .btn_link {font-size: 14px;}
}
@media all and (max-width:900px) {
    #new_container .bbs .p-search .p-form-group.type2 {width: 100%; }
    #new_container .esg_space_wrap .esg_space_info {flex-direction: column; }
    #new_container .esg_space_wrap .esg_space_info.type2 {align-items: flex-start;}
    #new_container .esg_space_wrap .img_wrap { width: 100%; }
    #new_container .esg_space_wrap .img_wrap img { width: 100%; }
    #new_container .biz_graph .graph_wrap {flex-wrap: wrap;}
    #new_container .biz_graph .graph_wrap .graph {flex: none; width: 100%;}
    #new_container .biz_graph .graph_wrap .info {flex: none; width: max-content;}
    #new_container .site_wrap ul { gap: 20px;}
    #new_container .site_wrap ul li { width: 100%;}
    #new_container .new_tab_wrap .tab_menu .tab_anchor,
    #new_container .new_tab_wrap .tab_menu .tab_button,
    #new_container .new_tab_wrap .tab_menu .tab_all,
    #new_container .new_tab_wrap .tab_menu .tab_drop > a {font-size: 16px;}
}
@media all and (max-width: 765px) {
    #new_container .bbs .p-search .p-form-group.type2 select.p-input { padding-left: 16px; font-size: 13px; max-width: 100%; width: 100%; background: #fff url('/site/esg/images/ic_arr_sel.svg') no-repeat 95% 50%;}
    #new_container .bbs .p-search .p-form-group.type2 .p-input { font-size: 13px; padding-left: 16px;}
    #new_container .bbs__view .p-post-move .p-post-move__title {width: 100px; font-size: 14px;padding-left: 10px;}
    #new_container .bbs .p-button.write { font-size: 16px; min-width: 240px; height: 43px; padding: 10px 15px;}
    #new_container .p-attach__link span:not(.p-icon) {font-size: 13px;}
    #new_container .p-table .p-author__info {flex-direction: column;}
    #new_container .p-table .p-author__info .p-split { margin-left: 0;}
    #new_container .p-table .p-author__info .p-split .tit {font-size: 14px; margin-right: 0; width: 60px;}
    #new_container .p-table .p-author__info .p-split span,
    #new_container .p-table .p-author__info .p-split time { font-size: 13px; }
    #new_container .file_area {padding-left: 10px;}
    #new_container .p-table td .p-table__subject_text {text-align: left;}
    #new_container .p-media--gallery .p-media {width: 100%;}
    #new_container .biz_intro_wrap .biz_intro_list {gap: 40px;}
    #new_container .biz_intro_wrap .biz_intro_list li {width: 100%;}
    #new_container .biz_intro_wrap .biz_intro_list li h3 {font-size: 15px;}
    #new_container .biz_intro_wrap .biz_intro_list li em,
    #new_container .biz_intro_wrap .biz_intro_list li span {font-size: 13px;}
    #new_container .esg_space_wrap .esg_tit_wrap {margin: 70px 0;}
    #new_container .esg_space_wrap .esg_tit_wrap .esg_tit {font-size: 30px;}
    #new_container .esg_space_wrap .esg_tit_wrap p {font-size: 16px;}
    #new_container .esg_space_wrap .esg_space_info ul li {gap: 10px;}
    #new_container .esg_space_wrap .esg_space_info ul li em {font-size: 14px; width: 58px;}
    #new_container .esg_space_wrap .esg_space_info ul li span {font-size: 13px;}
    #new_container .esg_space_wrap .esg_space_info ul li::before { width: 32px; height: 32px; top: -6px;}
    #new_container .esg_space_wrap .esg_tit_wrap .esg_tit::before {width: 80px; height: 58px; left: -60px;}
    #new_container .esg_space_wrap .esg_tit_wrap .esg_tit::after {width: 80px; height: 58px; right: -60px;}
    #new_container .esg_space_wrap .esg_space_info ul li + li {margin-top: 30px;}
    #new_container .esg_content .basic_tit {font-size: 14px; gap: 8px; margin-top: 50px;}
    #new_container .esg_content .basic_tit::before {width: 13px; height: 13px;}
    #new_container .esg_content .basic_txt {padding-left: 20px; font-size: 13px;}
    #new_container .esg_content .basic_list > li .depth2 > li,
    #new_container .esg_content .basic_list > li em {font-size: 13px;}
    #new_container .esg_content .esg_history .history_list > li .year {font-size: 64px;}
    #new_container .esg_content .esg_history .history_list > li ul > li .month {font-size: 16px;}
    #new_container .esg_content .esg_history .history_list > li ul > li .info {font-size: 13px;}
    #new_container .esg_content .esg_history .history_list > li {gap: 0; flex-direction: column;}
    #new_container .esg_content .esg_history .history_list > li ul {margin-top: 10px;padding-left: 70px;}
    #new_container .esg_content .esg_history .history_list > li + li {margin-top: 40px;}
    #new_container .esg_content .esg_history .history_list::before {left: 10px; z-index: -1; top: 107px; height: 90%;}
    #new_container .esg_content .esg_history .history_list > li ul > li {gap: 10px;}
    #new_container .esg_content .esg_history {margin: 0;}
    #new_container .esg_content .esg_history .history_list > li ul::before {left: -7px;}
    #new_container .esg_content .basic_list.type2 li {flex-wrap: wrap;}
    #new_container .esg_content .basic_list.type2 li em {width: 100%;}
    #new_container .esg_content .basic_list > li .depth2 > li .btn_down {font-size: 16px; padding: 0 50px; height: 43px;}
    #new_container .esg_content .basic_list > li .depth2 > li .qr_img {margin: 12px 0 24px;}
    #new_container .esg_content .basic_list.flex { flex-wrap: wrap;}
    #new_container .esg_content .basic_list.flex > li {width: 100%;}
    #new_container .calendar_wrap {padding: 0 0 20px 0;}
    .calendar_wrap .calendar .tit_wrap {justify-content: space-between;}
    .calendar_wrap .calendar-table th {font-size: 14px;}
    .calendar_wrap .calendar-table .date {font-size: 13px; width: 28px; height: 28px;}
    .calendar_wrap .calendar-table .state {font-size: 11px;}
    .calendar_wrap .calendar .cal-tit {font-size: 15px;}
    .calendar_wrap .state_box {margin: 20px 0 0 20px;}
    #new_container .tip_txt {font-size: 13px;}
    .calendar_wrap .state_box span {font-size: 11px;}
    .calendar_wrap .state_box span::before {width: 13px; height: 13px;}
    #new_container .biz_graph {padding: 50px 10px;}
    #new_container .biz_graph .title {font-size: 33px;}
    #new_container .biz_graph .title br {display: block;}
    #new_container .biz_graph .graph_wrap .info h3 {font-size: 22px;}
    #new_container .biz_graph .graph_wrap .info ul li span {font-size: 14px;}
    #new_container .site_wrap ul li {gap: 15px;}
    #new_container .site_wrap ul li .img_wrap {width: 176px; height: 96px;}
    #new_container .site_wrap ul li .txt_wrap h3 {font-size: 14px;}
    #new_container .site_wrap ul li .txt_wrap .btn_link {font-size: 13px; gap: 8px;}
    #new_container .site_wrap ul li .txt_wrap .btn_link::after {width: 17px;height: 17px;}
    #new_container .p-table.simple.type2 .add-head {font-weight: 500;text-align: left;font-size: 14px;}
    #new_container .p-table.type2 .p-subject {text-align: left;}
    #new_container .p-table.type2 .tds {color: #555; font-size: 13px; padding: 15px 15px 12px 0;}
    #new_container .p-table.type2 td { border-bottom: 1px solid #ddd;}
    #new_container .p-table.simple tbody tr {border-top: 1px solid #000; margin-bottom: 30px; border-bottom: 0;}
}
@media all and (max-width:640px) {
    #new_container .row .col-12 {font-size: 13px;}
    #new_container .sub_head .breadcrumbs_item { height: 42px;}
    #new_container .new_sub_vis {height: 256px;}
    #new_container .new_sub_vis .vis_tit h2 {font-size: 33px;}
    #new_container .sub_head .breadcrumbs_item .breadcrumbs_anchor span {font-size: 14px;}
    #new_container .p-media--gallery .p-media__heading .p-media__heading-text {font-size: 14px;}
    #new_container .p-media--gallery .p-author__info .p-split {font-size: 13px;}
    #new_container .p-media--gallery .p-media {padding-bottom: 20px;}
    #new_container .p-media--gallery .p-media {margin-top: 10px;}
    #new_container .new_tab_wrap {margin: 20px 0; }
    #new_container .new_tab_wrap .tab_menu {margin: 0;}
    #new_container .new_tab_wrap .tab_menu .tab_item,
    #new_container .new_tab_wrap .tab_menu .tab_drop {width: 100%;}
    #new_container .new_tab_wrap .tab_menu .tab_item.active .tab_anchor,
    #new_container .new_tab_wrap .tab_menu .tab_item.active .tab_button,
    #new_container .new_tab_wrap .tab_menu .tab_item.active .tab_all { background: none; color: #222; font-size: 14px;}
    #new_container .new_tab_wrap .tab_menu .tab_select { background: linear-gradient(148deg, #9F2E75 0%, #3F438A 100%); }
    #new_container .new_tab_wrap .tab_menu .tab_select span { color: #fff; font-size: 14px; }
    #new_container .new_tab_wrap .tab_menu .tab_select:before {border-top: 6px solid #fff;}
}
@media all and (max-width:400px) {
    #new_container .p-table.simple.type2 .add-head {width: 20vw;}
}