/* 윤리경영 */
/*.tbl-accordion-nested > thead {
    cursor: pointer;
}
.tbl-accordion-nested .tbl-accordion_answer > tr > td {
    padding : 40px 105px !important;
    color: #666;
}
.tbl-accordion-nested .tbl-accordion_answer td .cont_txt6 {
    margin-bottom : 35px;
}
.tbl-accordion-nested .tbl-accordion_answer td .cont_txt6:last-child {
    margin-bottom: 0;
}*/

.num_list {
    margin-left: 34px;
}
.num_list > li {
    list-style-type: decimal;
    color: #666;
}
.num_list.sty02 {
    margin-left: 0;
}
.num_list.sty02 > li {
    list-style-type: none;
    margin-bottom: 20px;
}
.num_list.sty02 > li > .tit {
    display: block;
    margin-bottom: 6px;
    font-weight: normal;
}
/* 윤리경영 */
.num_list.sty03 {
    margin-left: 0;
}
.num_list.sty03 > li {
    list-style-type: none;
    padding: 4px 0;
    color: #666;
    font-weight: 600;
    font-size: 24px;
}
/* 인권경영 */
.num_list.sty05 > li {
    margin: 10px 0;
    color: #222;
    font-weight: 600;
    font-size: 26px;
}

.tit_list dt {
    margin-bottom: 4px;
}
.tit_list dd + dt {
    margin-top: 10px;
}
/* 부패방지 외 목록 */
.tit_list.sty02 .title {
    color: #222;
    font-weight: 600;
    font-size: 26px;
}
.tit_list.sty02 .content {
    margin-bottom: 46px;
    color: #666;
    font-weight: 500;
    font-size: 17px;
    line-height: 32px;
}
.tit_list.sty02 .content:last-child {
    margin-bottom: 0;
}
.tit_list.sty03 > .title{
    margin-bottom: 30px;
    color: #004A99;
    font-weight: 600;
    font-size: 30px;
}
.tit_list.sty03 > .content {
    color: #444;
    font-size: 20px;
    line-height: 44px;
}

.tit_list.sty03 > .content + .title {
    margin-top: 50px;
}

.mark_list {
    margin-left: 30px;
}
.mark_list > li::before {
    content: "-";
    margin-left: -10px;
    margin-right: 4px;
}
.mark_list.sty02 {
    margin-left: 0;
}
.mark_list.sty02 > li:before {
    content: "·";
    margin-left: 0;
}

.ico_list > li {
    color: #444;
    font-size: 20px;
}
.ico_list.sty01 {
    border-top: 1px solid #CCC;
}
.ico_list.sty01 > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 80px;
    border-bottom: 1px solid #CCC;
}
.ico_list.sty01 > li > .inner + img,
.ico_list.sty01 > li > img + .inner {
    margin-left: 72px;
}
.ico_list.sty01 > li > .inner .mark_list {
    margin-left: 15px;
    line-height: 44px;
}

.ico_list.sty02 {
    display: flex;
    flex-wrap: wrap;
}
.ico_list.sty02 > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1 1 50%;
    width: 50%;
    padding: 32px 0;
}
.ico_list.sty02 > li > .inner {
    margin-left: 30px;
}
.ico_list.sty02 > li > .inner .tit-sec-wrap h3 {
    font-size: 28px;
    line-height: 70px;
}

/* 이미지 들어간 목록 */
.img_list {
    border-top: 1px solid #ccc;
}
.img_list li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 80px 0;
    border-bottom: 1px solid #ccc;
}
.img_list li:nth-child(odd) {
    flex-direction: row-reverse;
}
.img_list li:nth-child(odd) .tit_list {
    margin: 0 30px 0 60px;
}
.img_list li img {
    width: 386px;
}
.img_list li .tit_list {
    flex: 1;
    margin: 0 60px 0 30px;
}

.img_list.sty02 {
    border-top: 0;
}
.img_list.sty02 li {
    flex-direction: row;
    padding: 30px 0;
    border-bottom: 0;
}
.img_list.sty02 li .tit_list {
    margin-left: 36px;
}

.img_list.sty02 > li .img_area {
    display: flex;
    justify-content: space-between;
    width: 390px;
}
.img_list.sty02 > li .img_area img {
    width: 100%;
}
.img_list.sty02 > li .img_area a {
    width: auto;
}
.img_list.sty02 > li .img_area a + a {
    margin-left: 10px;
}


.img_list.sty03 {
    display: flex;
    border-top: 0;
}
.img_list.sty03 [class*='col-'] + [class*='col-'] {
    margin-left: 60px;
    text-align: center;
}
.img_list.sty03 img {
    border: 1px solid #ccc;
}

/* .img_list.sty03 li {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    flex: 1 1 auto;
    padding: 40px 0;
    border-bottom: 0;
}
.img_list.sty03 li:first-child {
    width: 560px;
    flex: 1 1 560px;
}
.img_list.sty03 li img {
    width: 320px;
}
.img_list.sty03 li .txt {
    margin-left: 20px;
    color: #666;
    font-size: 16px;
} */

/* table */
.tbl {
    border-top: 1px solid #222;
}
.tbl > thead > tr > th {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f1f1f1;
    color: #222;
    text-align: center;
}
.tbl > tbody > tr > th {
    padding: 0 10px;
    border-bottom: 1px solid #e5e5e5;
    color: #222;
    text-align: center;
}
.tbl > tbody > tr > td {
    padding: 10px !important;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
}
.tbl td .num_list {
    margin-left: 16px;
}

li > .tbl {
    margin: 20px 0;
}

/* 사회공헌 */
.sc_cont {
    margin-bottom: 70px;
}
.sc_cont.row > [class*='col-'] img {
    width: 100%;
}
.sc_cont .cont {
    margin-bottom: 20px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: .5px;
}
.sc_cont .cont .tit-sec-wrap h3 {
    line-height: 60px;
}
.sc_cont .cont [class*='_list'] {
    margin: 10px 0;
}
.sc_cont .img-view ul::after {
    display: block;
    content: "";
    clear: both;
}
.sc_cont .img-view li .tit-sec-wrap {
    padding: 0;
}
.sc_cont .mark_list.sty02 li::before {
    color: #004A99;
    font-weight: 600;
    font-size: 20px;
    vertical-align: middle;
}

/* 공정거래 */
.ww_box_cont {
    position: relative;
    margin-bottom: 30px;
}
.ww_box_cont:after {
    display: block;
    content: "";
    clear: both;
}
.ww_box_cont .title {
    z-index: 2;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 196px;
    height: 196px;
    padding-top: 52px;
    border-radius: 50%;
    background-color: #1759A0;
    color: #fff;
    font-size: 30px;
    text-align: center;
    box-sizing: border-box;
}
.ww_box_cont .box {
    z-index: 1;
    float: left;
    position: relative;
    width: 570px;
    height: 230px;
    padding: 54px 46px;
    border-radius: 30px;
    color: #F5F5F5;
    font-size: 20px;
    box-sizing: border-box;
}
.ww_box_cont .box:nth-of-type(even) {
    float: right;
}
.ww_box_cont .box.box01 {
    margin-bottom: 40px;
    background-color: #2F73BC;
}
.ww_box_cont .box.box02 {
    margin-bottom: 40px;
    background-color: #6685A3;
}
.ww_box_cont .box.box03 {
    background-color: #6EA2D9;
}
.ww_box_cont .box.box04 {
    background-color: #A2A2A2;
}
.ww_box_cont .box dt {
    margin-bottom: 18px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 23px;
}
.ww_box_cont .box.box03 dd {
    text-indent: -10px;
}

.btn_file_down {
    display: block;
    overflow: hidden;
    width: 280px;
    height: 340px;
    background: url('../../images/pc/csm/img_file_down.jpg') no-repeat 0 0;
}
.btn_file_down:hover {
    background-image: url('../../images/pc/csm/img_file_down_hover.jpg');
}
.btn_file_down .blind {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    font-size: 0;
}

/* 상생협력 */
ul.list_round { margin: 0 auto; display: table; margin-bottom: 50px; }
ul.list_round > li { width: 220px; height: 220px; border-radius: 50%; box-sizing: border-box; margin: 0 30px; text-align: center; float: left; border: 10px solid #e5e5e5;}
ul.list_round > li > h3 { font-size: 30px; display: inline-block; margin: 33px 0 14px 0; color: #666; border-bottom: 2px solid #666; }
ul.list_round.color > li:nth-child(odd) { border: 10px solid #004a98; }
ul.list_round.color > li:nth-child(even) { border: 10px solid #c0a353; }
ul.list_round.color > li:nth-child(odd) > h3 { color: #004a98; border-bottom: 2px solid #004a98; }
ul.list_round.color > li:nth-child(even) > h3 { color: #c0a353; border-bottom: 2px solid #c0a353; }
ul.list_round > li > p { font-size: 20px; color: #222; }
ul.list_round::after { content: ""; clear: both; display: block; }
ul.default_con_middleCon > li { padding-bottom: 60px; }
.default_con_middleCon { padding-bottom: 0; }

ul.list_round.sty04 > li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 392px;
    height: 392px;
    margin: 0 50px;
    border-width: 20px !important;
}

ul.list_round.sty04 > li > p {
    color: #444;
    font-size: 34px;
    font-weight: 600;
}

/* csm */
.tit-sec-wrap .type_b {
    font-size: 31px;
    line-height: 54px;
    letter-spacing: -0.5px;
}
.csm_section .tit-sec-wrap p.type02 {
    margin-bottom: 70px;
    color: #070707;
    font-weight: 600;
    font-size: 17px;
}
.csm_section .btn-down-blue {
    font-size: 15px;
}

.csm_section .box {
    width: 1200px;
    margin: 0 auto;
    padding: 70px 30px;
    box-sizing: border-box;
}

.csm_section .box .tit-sub-wrap {
    position: relative;
    margin: 0;
    padding: 0;
}
.csm_section .box .tit-sub-wrap::before {
    position: absolute;
    left: 0;
    bottom: -20px;
    content: "";
    width: 56px;
    height: 6px;
    background-color: #333;
}
.csm_section .box .tit-sub-wrap > h1 {
    margin-bottom: 80px;
}
.csm_section .box .container {
    width: 100%;
    padding: 0;
}

.csm_section .box .tit-sec-wrap > .type02 {
    position: relative;
    color: #666;
    font-size: 27px;
    font-weight: 500;
    letter-spacing: -1px;
}

/* jquery ui - css대비 */
.list_acc  {
    border-top: 1px solid #222;
}
.list_acc .list_title {
    cursor: pointer;
    position: relative;
    height: 60px;
    margin: 0;
    padding: 0 60px;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
    font-size: 15px;
    line-height: 60px;
}
.list_acc .list_title .ui-icon {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    background: url(../../images/btn_arrow_down_g.png) no-repeat 50% 52%;
}
.list_acc .list_title.ui-state-active {
	color: inherit;
    font-weight: 600;
}
.list_acc .list_title.ui-state-active .ui-icon {
    background-image: url(../../images/btn_arrow_up_g.png);
}
.list_acc .list_content {
    padding: 40px 105px;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fcfcfc;
}
.list_acc .list_content .cont_txt6 {
    margin-bottom: 35px;
}
.list_acc .list_content .cont_txt6:last-child {
    margin-bottom: 0;
}

/* 경영보고서 다운로드*/
.btn_report_down {
    display: block;
    overflow: hidden;
    width: 280px;
    height: 350px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.btn_report_down.v20 {
    background-image: url('../../images/pc/csm/img_ehs01_20.png');
}

.btn_report_down.v21 {
    background-image: url('../../images/pc/csm/img_ehs01_21.png');
}

.btn_report_down.v22 {
    background-image: url('../../images/pc/csm/img_ehs01_22.png');
}

.btn_report_down.v23 {
    background-image: url('../../images/pc/csm/img_ehs01_23.png');
}

.btn_report_down.v24 {
	background-image: url('../../images/pc/csm/img_ehs01_24.png');
}

.btn_report_down:hover {
    background-image: url('../../images/pc/csm/img_file_down_hover.jpg');
}
.btn_report_down .blind {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    font-size: 0;
}

.ehs_wrap .col-3 {
	margin-bottom: 30px;
}

/* 230626 - 메인 */
.csm_main {
    margin: 100px auto;
}
.csm_main .tit-sec-wrap h2 {
    font-size: 50px;
}
.csm_main .container .content {
    margin-bottom: 80px;
}
/* 240724 삭제 */
/*.csm_main .esg_system_area {
    padding-top: 40px;
}
.csm_main .esg_system_area + .esg_system_area {
    border-top: 1px solid #CCCCCC;
}
.csm_main .esg_system_area .esg_list > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 20px;
    text-align: center;
}
.csm_main .esg_system_area .title {
    color: #333;
    font-size: 20px;
}
.csm_main .esg_system_area .esg_list .title {
    flex: 1 8 140px;
    width: 140px;
    white-space: nowrap;
    text-align: left;
}
.csm_main .esg_system_area .esg_list .esg_cont {
    flex: 8 1 1060px;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_01 {
    position: relative;
    margin-top: 62px;
    padding-bottom: 28px;
    background-color: #004A99;
    color: #fff;
    font-weight: 600;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_01::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -62px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 530px 62px 530px;
    border-color: transparent transparent #004A99 transparent;
    transform: rotate(0deg);
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 {
    display: flex;
    justify-content: space-between; 
    padding: 40px 0;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area {
    flex: 1 3 25%;
    width: 25%;
    height: 175px;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area strong {
    display: inline-block;
    padding-top: 16px;
    border-top-width: 3px;
    border-top-style: solid;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area strong::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 10px auto;
    border-radius: 50%;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area.drt_01 {
    color: #60BCBC;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area.drt_01 strong {
    border-top-color: #60BCBC;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area.drt_01 strong::after {
    background-color: #60BCBC;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area.drt_02 {
    color: #855FDB;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area.drt_02 strong {
    border-top-color: #855FDB;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area.drt_02 strong::after {
    background-color: #855FDB;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area.drt_03 {
    color: #7791AE;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area.drt_03 strong {
    border-top-color: #7791AE;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area.drt_03 strong::after {
    background-color: #7791AE;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area.drt_04 {
    color: #004A99;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area.drt_04 strong {
    border-top-color: #004A99;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area.drt_04 strong::after {
    background-color: #004A99;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_02 .drt_area strong {
    letter-spacing: -1px;
}
.csm_main .esg_system_area .esg_list .esg_cont .text {
    padding-top: 10px;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_03 {
    display: flex;
    gap: 10px 40px;
    padding: 0 40px;
    justify-content: flex-start;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_03 .focus_area {
    flex: 1 3 25%;
    width: 25%;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_03 .box {
    display: block;    
    width: 220px;
    height: 42px;
    margin-bottom: 10px;
    background-color: #004A99;
    color: #fff;
    line-height: 42px;;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_04 {
    display: flex;
    gap: 10px;
    margin: 20px 0;
}
.csm_main .esg_system_area .esg_list .esg_cont.ec_04 .box {
    flex: 1 4 20%;
    padding: 16px 0;
    background-color: #EFEFEF;
    font-size: 19px;
    box-sizing: border-box;
}
.csm_main .esg_system_area .esg_task_area {
    display: flex;
    gap: 0 10px;
    padding-bottom: 50px;
}
.csm_main .esg_system_area .esg_task_area + .esg_task_area {
    border-top: 1px solid #ccc;
}
.csm_main .esg_system_area .esg_task {
    flex: 1 auto;
}
.csm_main .esg_system_area .esg_task .title {
    display: block;
    margin-top: 30px;
    margin-bottom: 14px;
    color: #004A99;
    font-weight: 600;
    font-size: 20px;
}
.csm_main .esg_system_area .esg_task .list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.csm_main .esg_system_area .esg_task .list > li {
    display: flex;
    padding: 6px 0;
    color: #444;
    font-size: 20px;
}
.csm_main .esg_system_area .esg_task .list > li .num {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #004A99;
    color: #fff;
    font-size: 11px;
    line-height: 24px;
    text-align: center;
}
.csm_main .esg_system_area .esg_task .list.w50 {
    height: 220px;
}
.csm_main .esg_system_area .esg_task .list.w50 li {
    width: 50%;
} */

/* 240724 추가 */
.esg-system-area .esg-system-top {
    margin-left: 100px;
    margin-bottom: 48px;
    padding: 36px 0;
    border-top: 1px solid #004A98;
    border-radius: 40px 40px 0 0;
    color: #004A99;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: -1px;
    text-align: center;
}
.esg-system-area .esg-system-top .text {
    position: relative;
}
.esg-system-area .esg-system-top .text:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -34px;
    left: 50%;
    transform: translateX(-15px);
    width:0; 
    height:0;
    border-top: 15px solid #004A98;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
}
.esg-system-area .esg-list {
    display: flex;
    flex-wrap: wrap;
}
.esg-system-area .esg-list .title {
    width: 100px;
}
.esg-system-area .esg-list .title span {
    display: inline-block;
    padding-top: 8px;
    border-top: 1px solid #444;
    color: #444;
    font-size: 16px;
}
.esg-system-area .esg-list .cont {
    width: calc(100% - 100px);
    margin-bottom: 30px;
}
.esg-system-area .esg-list .cont [class*='-list'] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 0;
} 
.esg-system-area .esg-list .cont [class*='-list'] li {
    width: 260px;
    text-align: center;
    box-sizing: border-box;
}
.esg-system-area .esg-list .cont .img-list {
    margin-bottom: 50px;
}
.esg-system-area .esg-list .cont .img-list li {
    padding: 14px;
    padding-top: 24px;
    border: 1px solid #004A99;
    border-radius: 10px;
}
.esg-system-area .esg-list .cont .img-list li .text {
    display: block;
    margin-top: 10px;
    color: #004A99;
    font-weight: 600;
    font-size: 18px;
}
.esg-system-area .esg-list .cont .btn-list li .btn {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 3px;
    background-color: #EAEDF7;
    color: #004A98;
    font-weight: 600;
    font-size: 16px;
    line-height: 50px;
}

/* 230818 수정 */
.csm_main .report_area {
    display: flex;
    align-items: center;
    /* padding-top: 70px; */
}
.csm_main .report_area .btn_area {
    flex: 1 auto;
    padding: 0 30px;
    text-align: left;
}
.csm_main .report_area .btn {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 210px;
    height: auto;
    min-height: 50px;
    padding: 10px 0;
    line-height: 27px;
	/* margin-right: 30px; */
    /* margin-bottom: 30px; */
}
.csm_main .report_area .btn + .btn {
    margin-left: 0;
    margin-top: 30px;
}
.csm_main .container .text01 {
    font-weight: 600;
    font-size: 36px;
    letter-spacing: -1px;
}
.csm_main .container .con-box-g {
    margin-bottom: 60px;
    padding: 30px;
}
.csm_main .container .con-box-g .mark_list {
    margin-left: 0;
    margin-bottom: 14px;
}
.csm_main .container .con-box-g .mark_list > li {
    margin: 4px 0;
    color: #666;
}
.csm_main .container .btn_area {
    margin-top: 30px;
}

/* 230818 추가 */
.btn_down_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    box-sizing: border-box;
}
/* 250616 수정 */
.csm_main .btn_down_area .btn {
	flex: 1 3 20%;
	max-width: 24%;
	box-sizing: border-box;
}

.csm_main .btn_down_area .btn + .btn {
	margin-left: 0;
}

.bhr_section .tit-sec-wrap .type_b {
	letter-spacing: -1px;
}

.bhr_section .content {
	margin: 60px 0;
}

.bhr_section .content .tit-sec-wrap .type02 {
	margin-bottom: 30px;
}

.bhr_section .content .con-box-g {
	margin-bottom: 60px;
	padding: 30px;
}

.bhr_section .content .con-box-g .mark_list {
	margin-left: 0;
	margin-bottom: 14px;
}

.bhr_section .content .con-box-g .mark_list>li {
	margin: 4px 0;
	color: #666;
}

.bhr_section .content .btn_area {
	margin-top: 30px;
}

/* 240617 추가 250616 수정 */
.csm_main .report_area .img_area {
	flex: 1 0 860px;
}

.csm_main .report_area .img_area img {
	width: 100%;
}

.csm_main .report_area.before {
	flex: 1 1 auto;
	display: flex;
	height: 260px;
	padding: 0 20px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #E4E4E4;
	background-color: #F2F2F2;
}

.csm_main .report_area.before .title {
	font-size: 24px;
	box-sizing: border-box;
}

.csm_main .report_area.before .btn_area {
	flex: 1 1 214px;
}

/* 250616 추가 */
.csm_main .report_before_area {
	display: flex;
	gap: 40px;
	margin-top: 50px;
}

.csm_main .btn.btn-down-w02 {
	display: flex;
	align-items: center;
	min-width: 214px;
	height: 50px;
	padding: 0 20px;
	border-radius: 4px;
	font-weight: 400;
	font-size: 18px;
}

.csm_main .btn.btn-down-w02::after {
	display: block;
	content: "";
	width: 16px;
	height: 20px;
	margin-left: auto;
	background: url("../../images/icon_down_w.png") no-repeat 0 0;
}

/* 인증서 팝업띄우기 */
.popup.img_popup {
    width: auto;
    height: 90vh;
    padding: 0;
    background-color: #fff;
}
.popup.img_popup .btn_popclose {
    width: 28px;
    height: 28px;
    background: url('../../../images/popup_close.png')no-repeat center;
    margin: 12px 18px;
}
.popup.img_popup .pop_con_wrap {
    overflow-y: auto;
    height: calc(100% - 52px);
    box-sizing: border-box;
}

/* 220321 추가 */
.ccm_logo img {
    height: 100%;
}