@charset "UTF-8";

.food-business.food-ingredients .top_visual_con .company_area .bg {
    background: url("/resources/jp/local/images/food-business/food-ingredients_sec01_img_pc_230728.jpg") center no-repeat;
    background-size: cover;
}

@media (max-width: 766px) {
    .food-business.food-ingredients .top_visual_con .company_area .bg {
        background: url("/resources/jp/local/images/food-business/food-ingredients_sec01_img_m_230728.jpg") center no-repeat;
        background-size: cover;
    }
}

/* 230810 - 정보 전자소재 수정  */
.chemical-business .sec .product_slide .item a:after {
    display: none;
}

/* 230810 광개시제신규페이지 */
.product_photo .sec .banner_area {
    margin-top: 7.5rem;
}

.product_photo .sec:last-of-type {
    margin-bottom: 0;
}

@media (max-width: 1023px) {
    .product_photo .sec {
        margin-bottom: 7.5rem;
    }

    .product_photo .sec .banner_area {
        margin-top: 5rem;
    }
}

@media (max-width: 766px) {
    .product_photo .sec {
        margin-bottom: 7.5rem;
    }

    .product_photo .sec .banner_area {
        margin-top: 5rem;
    }
}

.product_photo .sec01 .con01 .con_title span {
    display: inline-block;
    font-weight: 500;
    font-size: 2.5rem;
    letter-spacing: -0.03em;
    line-height: 1.05;
}

@media (max-width: 1023px) {
    .product_photo .sec01 .con01 .con_title span {
        font-size: 1.75rem;
        letter-spacing: 0em;
        line-height: 1.5714285714;
    }
}

.product_photo .sec {
    margin-bottom: 11.25rem;
}

.product_photo .sec:last-of-type {
    margin-bottom: 0;
}

@media (max-width: 1023px) {
    .product_photo .sec {
        margin-bottom: 7.5rem;
    }
}

@media (max-width: 766px) {
    .product_photo .sec {
        margin-bottom: 7.5rem;
    }
}

/* sec01 top visual */
.product_photo .top_visual_con .company_area .bg {
    background: url("/resources/jp/local/images/chemical-business/visual_photoinitiator.jpg") center no-repeat;
    background-size: cover;
}

.product_photo .sec .top_visual_con {
    position: relative;
}

.product_photo .sec .top_visual_con .company_area {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    box-sizing: border-box;
    margin-top: 3.75rem;
}

.product_photo .sec .top_visual_con .company_area .curtain_wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}

.product_photo .sec .top_visual_con .company_area .curtain_wrap > div {
    position: absolute;
    width: calc(50% - 490px);
    height: 100%;
    top: 0;
    background-color: #fff;
}

.product_photo .sec .top_visual_con .company_area .curtain_wrap .left {
    left: 0;
}

.product_photo .sec .top_visual_con .company_area .curtain_wrap .right {
    right: 0;
}

.product_photo .sec .top_visual_con .company_area .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    min-width: 1920px;
    transform: translate(-50%, 0);
    transform-origin: bottom;
    z-index: 10;
}

@media (max-width: 1023px) {
    .product_photo .sec .top_visual_con .company_area {
        width: 89.6%;
        height: auto;
        padding-top: 57.47%;
        margin-top: 3.75rem;
    }

    .product_photo .sec .top_visual_con .company_area .curtain_wrap {
        display: none;
    }

    .product_photo .sec .top_visual_con .company_area .bg {
        min-width: none;
        height: 100%;
        background-size: auto 100%;
    }
}

@media (max-width: 766px) {
    .product_photo .sec .top_visual_con .company_area {
        width: 89.334%;
        margin: 0 5.333%;
        margin-top: 3.75rem;
    }
}

.product_photo .sec .txt_inner_box p {
    font-size: 1.375rem;
    letter-spacing: -0.03em;
    line-height: 1.4545454545;
    color: #222222;
    word-break: keep-all;
}

.product_photo .sec .txt_inner_box p + p {
    margin-top: 2.5rem;
}

/* sec01 top visual end */
.product_photo .sec02 .con01 .list {
    font-size: 0;
    text-align: center;
}

.product_photo .sec02 .con01 .list.overcoat li {
    width: calc(25% - 73px);
}

.product_photo .sec02 .con01 .list.overcoat li:nth-child(n + 2) {
    margin-left: 97px;
}

.product_photo .sec02 .con01 li {
    display: inline-block;
    width: calc(25% - 85px);
    vertical-align: top;
}

.product_photo .sec02 .con01 li:nth-child(n + 2) {
    margin-left: 113px;
}

.product_photo .sec02 .con01 li .icon_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    background-color: #f7f7f7;
}

.product_photo .sec02 .con01 li p {
    margin-top: 0.21875rem;
    font-size: 1.1875rem;
    letter-spacing: -0.03em;
    line-height: 1.6842105263;
    color: #444444;
}

@media (max-width: 1023px) {
    .product_photo .sec02 .title {
        margin-bottom: 1.25rem;
    }

    .product_photo .sec02 .con01 .list {
        font-size: 0;
        text-align: center;
    }

    .product_photo .sec02 .con01 .list.overcoat li {
        width: calc(25% - 17px);
    }

    .product_photo .sec02 .con01 .list.overcoat li:nth-child(n + 2) {
        margin-left: 22px;
    }

    .product_photo .sec02 .con01 li {
        display: inline-block;
        width: calc(25% - 17px);
    }

    .product_photo .sec02 .con01 li:nth-child(n + 2) {
        margin-left: 22px;
    }

    .product_photo .sec02 .con01 li .icon_box {
        width: 155px;
        height: 155px;
    }

    .product_photo .sec02 .con01 li .icon_box img {
        width: 92px;
        height: 92px;
    }

    .product_photo .sec02 .con01 li p {
        margin-top: 0.34375rem;
        font-size: 1rem;
        letter-spacing: -0.03em;
        line-height: 1.5625;
    }
}

@media (max-width: 766px) {
    .product_photo .sec02 .title {
        margin-bottom: 1.25rem;
    }

    .product_photo .sec02 .con01 .list.overcoat li {
        width: calc(50% - 18px);
        min-width: 150px;
    }

    .product_photo .sec02 .con01 .list.overcoat li:nth-child(n + 2) {
        margin-left: 0;
    }

    .product_photo .sec02 .con01 .list.overcoat li:nth-child(2n) {
        margin-left: 18px;
    }

    .product_photo .sec02 .con01 .list.overcoat li:nth-child(n + 3) {
        margin-top: 30px;
    }

    .product_photo .sec02 .con01 .list li {
        width: calc(50% - 18px);
        min-width: 150px;
    }

    .product_photo .sec02 .con01 .list li:nth-child(n + 2) {
        margin-left: 0;
    }

    .product_photo .sec02 .con01 .list li:nth-child(2n) {
        margin-left: 18px;
    }

    .product_photo .sec02 .con01 .list li:nth-child(n + 3) {
        margin-top: 30px;
    }

    .product_photo .sec02 .con01 .list li p {
        margin-top: 0.625rem;
    }
}

.product_photo .sec03 .con01 .con_title {
    margin-bottom: 4.3125rem;
}

.product_photo .sec03 .con01 .con_title p {
    margin-top: 0;
    color: #222222;
}

.product_photo .sec03 .con01 .list {
    margin: -30px -15px;
    font-size: 0;
}

.product_photo .sec03 .con01 .list li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 30px);
    margin: 30px 15px;
}

.product_photo .sec03 .con01 .list li .img_box {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.product_photo .sec03 .con01 .list li .img_box img {
    width: 100%;
}

.product_photo .sec03 .con01 .list li p {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    padding: 0 15px;
    font-size: 1.1875rem;
    letter-spacing: -0.03em;
    line-height: 1.6842105263;
    font-weight: 600;
    color: #ffffff;
}

@media (max-width: 1023px) {
    .product_photo .sec03 .title {
        margin-bottom: 0.96875rem;
    }

    .product_photo .sec03 .con01 .con_title {
        margin-bottom: 2.84375rem;
    }

    .product_photo .sec03 .con01 .list {
        margin: -10px -15px;
    }

    .product_photo .sec03 .con01 .list li {
        width: calc(50% - 30px);
        margin: 10px 15px;
    }

    .product_photo .sec03 .con01 .list li .img_box {
        border-radius: 4px;
    }

    .product_photo .sec03 .con01 .list li p {
        bottom: 10px;
        font-weight: 700;
        font-size: 1rem;
        letter-spacing: -0.03em;
        line-height: 1.5625;
    }
}

@media (max-width: 766px) {
    .product_photo .sec03 .con01 .list {
        margin: -10px 0;
    }

    .product_photo .sec03 .con01 .list li {
        width: 100%;
        margin: 10px 0;
    }
}

.product_photo .sec04 .table_wrap.type01 thead th:first-child {
    padding: 0 20px 0 24px;
    text-align: left;
}

.product_photo .sec04 .table_wrap.type01 tbody th {
    height: 105px;
    padding: 0 10px 0 24px;
    font-size: 1.1875rem;
    letter-spacing: 0em;
    line-height: 1.6842105263;
    text-align: left;
    color: #444444;
}

.product_photo .sec04 .table_wrap.type01 tbody td {
    height: 105px;
    padding: 24px 20px;
    font-size: 1.0625rem;
    letter-spacing: 0em;
    line-height: 1.4117647059;
}

@media (max-width: 1023px) {
    .product_photo .sec04 .table_wrap.type01 tbody th {
        min-width: 154px;
        height: 70px;
        font-size: 0.875rem;
        letter-spacing: -0.03em;
        line-height: 1.3571428571;
    }

    .product_photo .sec04 .table_wrap.type01 tbody td {
        min-width: 120px;
        height: 70px;
        padding: 0;
        font-size: 0.875rem;
        letter-spacing: -0.03em;
        line-height: 1.3571428571;
    }
}

/* table scroll */
.product_photo .table_wrap .table .scroll {
    padding-bottom: 16px;
    overflow: auto;
}

/* 231128_소비재페이지  */
/* view 페이지  */
.food-business.product.view.consumption-detail .sec.view_top_section .box_wrap .txt_box a.red:not(.disables):hover {
    color: #26247b;
}

.food-business.product.view.consumption-detail .sec.view_top_section .box_wrap .txt_box a.red {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-right: 10px;
}

.food-business.product.view.consumption-detail .sec.view_top_section .box_wrap .txt_box a.red:before {
    width: 20px;
    height: 13px;
    margin-right: 20px;
    background: url(/resources/jp/global/images/button/button_arrow_black.svg) 0 0;
    background-size: 100% 100%;
}

.food-business.product.view.consumption-detail .sec.view_bot_section .p_editor_title {
    font-size: 1.625rem;
    letter-spacing: -0.03em;
    line-height: 1.2307692308;
    font-family: "SamYang", sans-serif;
    margin-bottom: 1.25rem;
    color: #222222;
    font-weight: bold;
}

@media (max-width: 1023px) {
    .food-business.product.view.consumption-detail .sec.view_bot_section .p_editor_title {
        font-size: 1.3125rem;
        letter-spacing: -0.03em;
        line-height: 1.3333333333;
        margin-bottom: 0.625rem;
    }
}

.food-business.product.view.consumption-detail .table_wrap.type01,
.food-business.product.view.consumption-detail .sec.view_bot_section dl {
    margin-bottom: 6rem;
}

@media (max-width: 1023px) {
    .food-business.product.view.consumption-detail .table_wrap.type01,
    .food-business.product.view.consumption-detail .sec.view_bot_section dl {
        margin-bottom: 4rem;
    }
}

/* view 페이지 - 테이블 */
.food-business.product.view.consumption-detail .sec.view_bot_section .table_wrap .table table thead th:last-child {
    border-right: none;
}

.food-business.product.view.consumption-detail .sec.view_bot_section .table_wrap .table table thead th {
    border-right: 1px solid #ddd;
}

.food-business.product.view.consumption-detail .sec.view_bot_section .table_wrap .table th,
.food-business.product.view.consumption-detail .sec.view_bot_section .table_wrap .table td {
    width: 35%;
    font-family: inherit !important;
    font-size: 17px !important;
    line-height: 24px !important;
    color: #444 !important;
}

/* view 페이지 - 편집기 폰트  */
/* 편집기 안에 텍스트도 기본 텍스트와 동일한 스타일로  */
.food-business.product.view.consumption-detail .sec.view_bot_section .table_wrap .table,
.food-business.product.view.consumption-detail .sec.view_bot_section .table_wrap .table * {
    font-family: inherit !important;
    color: #444 !important;
    font-size: 1.1875rem !important;
    letter-spacing: -0.03em !important;
    line-height: 1.6842105263 !important;
}

@media (max-width: 1023px) {
    .food-business.product.view.consumption-detail .sec.view_bot_section .table_wrap .table,
    .food-business.product.view.consumption-detail .sec.view_bot_section .table_wrap .table *,
    .food-business.product.view.consumption-detail .sec.view_bot_section .table_wrap strong {
        font-size: 1rem !important;
        line-height: 1.5625 !important;
    }
}

.food-business.product.view.consumption-detail .sec.view_top_section .box_wrap .img_box img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* list 페이지  */

.food-business.product.consumption-detail .product_list .list ul li {
    height: 245px;
}

.food-business.product.consumption-detail .product_list .list ul li p {
    margin-top: 5px;
    padding: 0 10px;
    word-break: keep-all;
}

.food-business.product.consumption-detail .product_list .list ul li .img_box {
    margin-top: 10px;
}

@media (max-width: 1023px) {
    .food-business.product.consumption-detail .product_list .list ul li {
        height: 175px;
    }

    .food-business.product.consumption-detail .product_list .list ul li p {
        margin-top: 5px;
    }
}

@media (max-width: 766px) {
    .food-business.product.consumption-detail .product_list .list ul li {
        height: 185px;
    }

    .food-business.product.consumption-detail .product_list .list ul li p {
        margin-top: 8px;
    }
}

/* 아이콘 추가 */

.food-business.product.consumption-detail .product_card_list ul li.card.allulose i {
    background: url(/resources/jp/local/images/food-business/product/consumption/consumption_card_list_icon_allulose.png) center no-repeat;
    background-size: cover;
}

.food-business.product.consumption-detail .product_card_list ul li.card.baking i {
    background: url(/resources/jp/local/images/food-business/product/consumption/consumption_card_list_icon_baking.png) center no-repeat;
    background-size: cover;
}

.food-business.product.consumption-detail .product_card_list ul li.card.booster i {
    background: url(/resources/jp/local/images/food-business/product/consumption/consumption_card_list_icon_booster.png) center no-repeat;
    background-size: cover;
}

.food-business.product.consumption-detail .product_card_list ul li.card.flour i {
    background: url(/resources/jp/local/images/food-business/product/consumption/consumption_card_list_icon_flour.png) center no-repeat;
    background-size: cover;
}

.food-business.product.consumption-detail .product_card_list ul li.card.hangover i {
    background: url(/resources/jp/local/images/food-business/product/consumption/consumption_card_list_icon_hangover.png) center no-repeat;
    background-size: cover;
}

.food-business.product.consumption-detail .product_card_list ul li.card.homemademix i {
    background: url(/resources/jp/local/images/food-business/product/consumption/consumption_card_list_icon_homemademix.png) center no-repeat;
    background-size: cover;
}

.food-business.product.consumption-detail .product_card_list ul li.card.imported-products i {
    background: url(/resources/jp/local/images/food-business/product/consumption/consumption_card_list_icon_imported-products.png) center no-repeat;
    background-size: cover;
}

.food-business.product.consumption-detail .product_card_list ul li.card.oils i {
    background: url(/resources/jp/local/images/food-business/product/consumption/consumption_card_list_icon_oils.png) center no-repeat;
    background-size: cover;
}

.food-business.product.consumption-detail .product_card_list ul li.card.premix i {
    background: url(/resources/jp/local/images/food-business/product/consumption/consumption_card_list_icon_premix.png) center no-repeat;
    background-size: cover;
}

.food-business.product.consumption-detail .product_card_list ul li.card.stevia i {
    background: url(/resources/jp/local/images/food-business/product/consumption/consumption_card_list_icon_stevia.png) center no-repeat;
    background-size: cover;
}

.food-business.product.consumption-detail .product_card_list ul li.card.stick i {
    background: url(/resources/jp/local/images/food-business/product/consumption/consumption_card_list_icon_stick.png) center no-repeat;
    background-size: cover;
}

.food-business.product.consumption-detail .product_card_list ul li.card.sugar i {
    background: url(/resources/jp/local/images/food-business/product/consumption/consumption_card_list_icon_sugar.png) center no-repeat;
    background-size: cover;
}

.food-business.product.consumption-detail .product_card_list ul li.card.oligosaccharide i {
    background: url(/resources/jp/local/images/food-business/product/consumption/consumption_card_list_icon_oligosaccharide.png) center no-repeat;
    background-size: cover;
}

@media (max-width: 766px) {
    .food-business.product.consumption-detail .product_card_list ul li.card {
        width: 100% !important;
    }

    .food-business.product.consumption-detail .sec02:before {
        display: none;
    }
}

/* inquiry 페이지  */
.consumption-detail .write_wrap.write_wrap_content .table_form .form .item .row dt {
    vertical-align: top;
    padding-top: 10px;
}

.consumption-detail .custom_radio.custom_space .radio_area {
    padding: 5px 23px 5px 0;
}

.consumption-detail .custom_radio.custom_space .radio_area:last-of-type {
    padding-right: 0;
}

@media (max-width: 1023px) {
    .consumption-detail .custom_radio .check_input_area {
        margin-top: 0.4rem;
    }

    .consumption-detail .custom_radio .check_input_area .input_area {
        width: calc(100% - 74px);
    }

    .consumption-detail .custom_radio .check_input_area .radio_area {
        padding: 5px 20px 5px 0;
    }
}

/* 소비재페이지 테스트페이지 수정  */

.food-business.consumption-goods.test .top_visual_con .company_area .bg {
    background: url("/resources/jp/local/images/food-business/consumption-goods_sec01_img_pc_240101.jpg") center no-repeat;
    background-size: cover;
}

@media (max-width: 766px) {
    .food-business.consumption-goods.test .top_visual_con .company_area .bg {
        background: url("/resources/jp/local/images/food-business/consumption-goods_sec01_img_m_240101.jpg") center no-repeat;
        background-size: cover;
    }
}

.consumption-goods.test .sec04 img.logo_easytomorrow {
    width: auto;
    height: 200px;
}

.consumption-goods.test .sec04 .brand_area:last-of-type img.logo_homemade {
    width: 212px;
    height: auto;
}

/* /////소비재페이지 테스트페이지 수정  */

/* 소비재 페이지 오픈  */

.food-business.consumption-goods .top_visual_con .company_area .bg {
    background: url("/resources/jp/local/images/food-business/consumption-goods_sec01_img_pc_241129.jpg") center no-repeat;
    background-size: cover;
}

@media (max-width: 766px) {
    .food-business.consumption-goods .top_visual_con .company_area .bg {
        background: url("/resources/jp/local/images/food-business/consumption-goods_sec01_img_m_241129.jpg") center no-repeat;
        background-size: cover;
    }
}

.consumption-goods .sec04 .brand_area:last-of-type img.logo_homemade {
    width: 212px;
    height: auto;
}

/* ////////소비재 페이지 오픈  */
/* 231220 소비재&식품소재 다국어 추가 */
/* #header #util .lang_list.food_business .list {
    border: 1px solid #ff4600;
}
#header #util .lang_list.food_business .list li.current a {
    color: #ff4600;
}
#header #util .lang_list.food_business .list li a:hover {
    color: #ff4600;
} */
/* 100주년 롤링로고 */
#header a.logo .roll_logo_black {
    position: relative;
    height: 50px;
}

#header a.logo .roll_logo_black img {
    display: block;
    position: absolute;
}

#header a.logo .roll_logo {
    animation-duration: 4s;
    animation-name: fadeout;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}

#header a.logo .roll_anni_logo {
    animation-duration: 4s;
    animation-name: fadein;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    opacity: 0;
    margin-top: 3px;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@media (max-width: 766px) {
    #header a.logo .roll_logo_black img {
        top: 10px;
    }
}

#allMenu .banner_100th_mo {
    padding: 20px 20px 0;
}

/* 240221 로고 위치 수정 */
.main #header a.logo .roll_logo_white {
    top: -50px;
}

/* 240219 환경 단위 수정 */
.environmental .sec02 .con03 .table_top_text p > span {
    display: inline-block;
    width: auto;
    vertical-align: bottom;
    font-size: 14px;
}

.environmental .sec02 .con03 .table_wrap .table.sticky tbody tr td span {
    display: inline-block;
    width: auto;
    vertical-align: bottom;
    font-size: 14px;
}

@media (max-width: 1023px) {
    .environmental .sec02 .con03 .table_wrap .table.sticky tbody tr td span {
        font-size: 10px;
    }

    .environmental .sec02 .con03 .table_top_text p > span {
        font-size: 10px;
    }
}

/*241028 환경 테이블 상단 여백 추가*/
.environmental .sec03 .con .con_item:nth-of-type(5){
    margin-top: 7.5rem;
  }
@media (max-width: 1023px) {
   .environmental .sec03 .con .con_item:nth-of-type(5) {
    margin-top: 5rem;
  }
}



/* 250120 대표이사님사진변경  */
.about .sec03 .type_box .type:first-child a{
    background-image: url("/resources/jp/local/images/company/about_sec03_ceo_bg01_2025.png");
}
.about .sec03 .type_box .type:last-of-type a {
    background-image: url("/resources/jp/local/images/company/about_sec03_ceo_bg01_2025.png");
  }


/*ESG 평가결과 영역 추가 251222 추가 수정----------------------------------  */
/* con01 type1 */
.governance .sec03 .con01 .type1 .con_title h3 {
    font-size: 2rem;
    letter-spacing: 0;
    line-height: 1.2857142857;
    font-family: "SamyangNeo", sans-serif;
}
.governance .sec03 .con01 .type1 .con_title p {
     margin-top: 0.75rem;
    margin-bottom: -1rem;
}
@media (max-width: 1023px) {
    .governance .sec03 .con01 .inner {
        padding-bottom: 0;
        border-bottom: none;
    }
    .governance .sec03 .con01 .type1 .con_title h3 {
        font-size:1.4375rem;
        letter-spacing: 0;
        line-height: 1.2666666667;
    }
    .governance .sec03 .con01 .type1 .con_title p {
        margin-top: 1.1875rem;
        margin-bottom: 0;
    }
}


/* con02 type1  */
.governance .sec03 .con02 {
    margin-top: 6.9375rem;
}
.governance .sec03 .con02 .type1 .con_title h3 {
    font-size: 2rem;
    letter-spacing: 0;
    line-height: 1.2857142857;
    font-family: "SamyangNeo", sans-serif;
}
.governance .sec03 .con02 .type1 .con_title p {
    margin-top: 0.875rem;
}
@media (max-width: 1023px) {
     .governance .sec03 .con02 {
        margin-top: 4.5625rem;
    }
    .governance .sec03 .con02 .type1 .con_title h3 {
        font-size: 1.4375rem;
        letter-spacing: 0;
        line-height: 1.2666666667;
    }
}



/* con03 */
.governance .sec03 .con03 {
 margin-top: 6.9375rem;
}
.governance .sec03 .con03 .inner::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.governance .sec03 .con03 .txt_box {
  float: left;
  width: calc(100% - 445px);
  padding-right: 60px;
}
.governance .sec03 .con03 .txt_box strong {
    display: block;
    font-size: 2rem;
    letter-spacing: -0.02em;
    line-height: 1.25;
    font-family: "SamyangNeo", "Pretendard", "SamYang", sans-serif;
    color: #000;
}
.governance .sec03 .con03 .txt_box p {
    margin-top: 0.875rem;
    font-size: 1.375rem;
    letter-spacing: -0.02em;
    line-height: 1.4545454545;
    color: #444444;
}

.governance .sec03 .con03 .img_box {
    height: 150px;
    background-color: #f7f7f7;
    line-height: 160px;
    display: flex;
    align-items: center;
    margin-top: 40px;
    padding: 15px;
    float: right;
    width: 445px;
}


@media (max-width: 1023px) {
  .governance .sec03 .con03 {
    margin-top:4.5625rem;
  }
  .governance .sec03 .con03 .img_box {
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
     float: none;
    width: 100%;
    margin-top: 1.875rem;
    height:auto;
  }
 .governance .sec03 .con03 .img_box img {
    width: 500px;
    margin: 0 auto;
}
  .governance .sec03 .con03 .txt_box {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .governance .sec03 .con03 .txt_box strong {
        font-size: 1.4375rem;
        letter-spacing: -0.02em;
        line-height: 1.1304347826;
  }
  .governance .sec03 .con03 .txt_box p {
        margin-top: 0.875rem;
        font-size: 1.125rem;
        letter-spacing: -0.02em;
        line-height: 1.5;
  }
}

@media (max-width: 766px) {
  .governance .sec03 .con03 .txt_box p {
    margin-top: 1.25rem;
  }
  .governance .sec03 .con03 .img_box {
    margin-top: 1.875rem;
  } 
}
/* end ESG 평가결과 영역 추가 251222 추가 수정  */

/* 2603 공정거래 추가 페이지 */
/* 1page CP 프로그램 -------------------------------------*/
/* 배경이미지  */
.cp_program .top_sec_common .bg_box .bg {
  background-image: url("/resources/jp/local/images/cp/samyang-guide_visual_pc.jpg");
}
@media (max-width: 1023px) {
  .cp_program .top_sec_common .bg_box .bg {
    background-image: url("/resources/jp/local/images/cp/samyang-guide_visual_m.jpg");
  }
}
.cp_program .sec {
  margin-bottom: 11.25rem;
}

@media (max-width: 1023px) {
  .cp_program .sec {
    margin-bottom: 7.5rem;
  }
}
@media (max-width: 766px) {
  .cp_program .sec {
    margin-bottom: 7.5rem;
  }
}

/* sec01 */
.cp_program .sec01 .con_sug_bold {
  font-weight: bold;
  padding-bottom: 2.4rem;
  display: inline-block;
}

@media (max-width: 766px) {

    /* 공정거래 메인 부분 커스텀 */
    .cp_program .container .con_title p {
        letter-spacing:  0em;
    }

    .cp_program .container .top_sec_common .bg_box .bg {
        padding: 150px 0 0;
    }

    .cp_program .sec01 .con_sug_bold {
        margin-bottom: 1.2rem;
        padding-bottom: 0;
        letter-spacing:  0em;
    }
}

/* sec02 */
.cp_program .sec02{
    margin-bottom: 0;
}
.cp_program .sec02 .txt_wrap {
  margin-top: 3.375rem;
}

.cp_program .sec02 .txt_wrap p {
  display: block;
  font-size: 1.1875rem;
  letter-spacing:  0em;
  line-height: 1.6842105263;
}


@media (max-width: 1023px) {
  .cp_program .sec02 .txt_wrap {
    display: block;
    margin-top: 3.75rem;
  }

  .cp_program .sec02 .txt_wrap p {
    display: block;
    font-size: 1rem;
    letter-spacing:  0em;
    line-height: 1.5625;
  }
}

@media (max-width: 766px) {
  .cp_program .sec02 .txt_wrap {
    margin-top: 3.75rem;
  }
}


/* 도입목적 */
.cp_program .sec02 .sec_inner h4 {
  font-size: 2rem;
  letter-spacing:  0em;
  line-height: 1.34375;
  font-family: "SamyangNeo", "Pretendard", "SamYang", sans-serif;
  font-weight: bold;
  color: #222222;
}

@media (max-width: 1023px) {
  .cp_program .sec02 .sec_inner h4 {
    font-size: 1.4375rem;
    letter-spacing:  0em;
    line-height: 1.2608695652;
  }
}

.cp_program .sec02 .inner {
  padding-bottom: 0;
  border-bottom: none;
}

.cp_program .sec02 .con01 .con_item .diagram_box {
  margin-top: 1.25rem;
}

@media (max-width: 1023px) {
  .cp_program .sec02 .con01 .con_item .diagram_box {
    margin-top: 0.8125rem;
  }
}




/* 8대요소 */
.cp_program .sec02 .con02 {
    margin-top: 7.5rem;
}

.cp_program .sec02 .con02 .sec_inner h4 {
  font-size: 2rem;
  letter-spacing:  0em;
  line-height: 1.34375;
  font-family: "SamyangNeo", "Pretendard", "SamYang", sans-serif;
  font-weight: bold;
  color: #222222;
}

.cp_program .sec02 .con02 .img_txt_list ul {
  margin-top: 1.25rem;
  border: 1px solid #dddddd;
}

.cp_program .sec02 .con02 .img_txt_list ul>li {
  padding: 30px;
  font-size: 0;
  letter-spacing: 0;
}

.cp_program .sec02 .con02 .img_txt_list ul>li+li {
  border-top: 1px solid #dddddd;
}

.cp_program .sec02 .con02 .img_txt_list ul>li .img_box {
  width: 72px;
  height: 72px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.cp_program .sec02 .con02 .img_txt_list ul>li .txt_box {
  width: calc(100% - 72px);
  display: inline-block;
  vertical-align: top;
  padding: 0 30px 0;
  box-sizing: border-box;
}

.cp_program .sec02 .con02 .img_txt_list ul>li .txt_box dl dt {
  font-size: 1.375rem;
  letter-spacing: 0em;
  line-height: 1.6363636364;
  font-weight: bold;
  color: #222222;
  margin-bottom: 0.625rem;
  word-wrap: break-word;
}

.cp_program .sec02 .con02 .img_txt_list ul>li .txt_box dl dd {
  font-size: 1.1875rem;
  letter-spacing: 0em;
  line-height: 1.6842105263;
  font-weight: 400;
  color: #666666;
}

.cp_program .sec02 .con02 .img_txt_list ul>li .txt_box dl dd p+ol {
  margin-top: 1.875rem;
}

.cp_program .sec02 .con02 .img_txt_list ul>li .txt_box dl dd ol li {
  padding-left: 10px;
  box-sizing: border-box;
  position: relative;
}

.cp_program .sec02 .con02 .img_txt_list ul>li .txt_box dl dd ol li:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 1023px) {
    .cp_program .sec02 .con02 {
    margin-top: 4.5625rem;
}
  .cp_program .sec02 .con02 .sec_inner h4 {
    font-size: 1.4375rem;
    letter-spacing:  0em;
    line-height: 1.2608695652;
  }

  .cp_program .sec02 .con02 .img_txt_list ul {
    margin-top: 0.9375rem;
  }

  .cp_program .sec02 .con02 .img_txt_list ul>li {
    padding: 30px 20px;
  }

  .cp_program .sec02 .con02 .img_txt_list ul>li .img_box {
    width: 45px;
    height: 45px;
    display: block;
  }

  .cp_program .sec02 .con02 .img_txt_list ul>li .img_box img {
    width: 100%;
  }

  .cp_program .sec02 .con02 .img_txt_list ul>li .txt_box {
    width: 100%;
    display: block;
    padding: 14px 0 0;
  }

  .cp_program .sec02 .con02 .img_txt_list ul>li .txt_box dl dt {
    font-size: 1.125rem;
    letter-spacing:  0em;
    line-height: 1.5;
  }

  .cp_program .sec02 .con02 .img_txt_list ul>li .txt_box dl dd {
    font-size: 1rem;
    letter-spacing:  0em;
    line-height: 1.5625;
  }

  .cp_program .sec02 .con02 .img_txt_list ul>li .txt_box dl dd p+ol {
    margin-top: 1.875rem;
  }
}


/* end 1page CP 프로그램 -------------------------------------*/

/* 2page CP 의지선언-------------------------------------*/

/* con_title */
.cp_commitment .sec01 .con .con_title p {
    font-weight: bold;
}

/* cont_area */
.cp_commitment .sec01 .cont_area {
    margin-top: 4.3125rem;
}

.cp_commitment .sec01 .cont_area > p:first-child {
    letter-spacing: 0em;
}

.cp_commitment .sec01 .cont_area p {
    font-size: 1.1875rem;
    letter-spacing:  0em;
    line-height: 1.6842105263;
    word-wrap: break-word;
    color: #444444;
}

.cp_commitment .sec01 .cont_area p + p {
    margin-top: 1.9375rem;
}

.cp_commitment .sec01 .cont_area p span {
    display: block;
    margin-bottom: 1.9375rem;
}

/* cont_wrap / area */
.cp_commitment .sec01 .cont_area .cont_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    margin-top: 2.1875rem;
}

.cp_commitment .sec01 .cont_area .area {
    box-sizing: border-box;
}

.cp_commitment .sec01 .cont_area .area_txt {
    width: calc(100% - 435px);
    padding-right: 55px;
}

.cp_commitment .sec01 .cont_area .area_txt span {
    display: block;
    margin-bottom: 1.9375rem;
}

.cp_commitment .sec01 .cont_area .area_txt span:last-child {
    margin-bottom: 0;
}

.cp_commitment .sec01 .cont_area .area_img {
    width: 435px;
    text-align: right;
}

.cp_commitment .sec01 .cont_area .area_img img {
    display: inline-block;
}

/* sign_data / sign_name */
.cp_commitment .sec01 .cont_area .sign_data {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    margin-top: 2.2345rem;
}

.cp_commitment .sec01 .cont_area .sign_name p {
    font-weight: bold;
    font-size: 1.4rem;
    letter-spacing:  0em;
    line-height: 2.3;
    color: #222222;
    font-family:  "SamyangNeo", "Pretendard","Malgun Gothic", Helvetica, Arial, sans-serif;
}

.cp_commitment .sec01 .cont_area .sign_name p span {
    display: inline-block;
    margin-right: 5px;
    font-size: 1.0625rem;
    letter-spacing:  0em;
    line-height: 1;
    margin-bottom: 10px;
}

/* sign_img */
.cp_commitment .sec01 .sign_img p {
    font-weight: bold;
    font-size: 1.25rem;
    letter-spacing:  0em;
    line-height: 2.3;
    color: #222222;
}

.cp_commitment .sec01 .sign_img p span {
    display: inline-block;
    margin-right: 5px;
    font-size: 1.0625rem;
    letter-spacing:  0em;
    line-height: 2.7058823529;
}

.cp_commitment .sec01 .sign_img p::before {
    display: block;
    width: 100%;
    height: 44px;
    margin-bottom: 8px;
    background: url("/resources/jp/local/images/cp/img_signature.png") left center no-repeat;
    background-size: 100px 44px;
    content: "";
}

/* con02 */
.cp_commitment .sec01 .con02 h4 {
    font-size: 2rem;
    letter-spacing:  0em;
    line-height: 1.34375;
    font-family: "SamyangNeo", "Pretendard", "SamYang", sans-serif;
    font-weight: bold;
    color: #222222;
}

/*260511 비노출--
/* .cp_commitment .sec .inner {
    padding-bottom: 9.5rem;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 9.5rem;
} */

.cp_commitment .sec .con02 .inner {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}


@media (max-width: 1023px) {

    /* sec .inner */
/*260511 비노출--
    /* .cp_commitment .sec .inner {
        padding-bottom: 7.5rem;
        margin-bottom:  7.5rem;;
    } */

    /* cont_area */
    .cp_commitment .sec01 .cont_area {
        margin-top: 2.75rem;
    }

    .cp_commitment .sec01 .cont_area p {
        font-size: 1rem;
        letter-spacing:  0em;
        line-height: 1.5625;
    }

    .cp_commitment .sec01 .cont_area p + p {
        margin-top: 1.25rem;
    }

    .cp_commitment .sec01 .cont_area p span {
        margin-bottom: 1.25rem;
    }

    /* cont_wrap / area */
    .cp_commitment .sec01 .cont_area .cont_wrap {
        margin-top: 1.25rem;
    }

    .cp_commitment .sec01 .cont_area .area {
        width: 46.6836734694%;
        margin-left: 6.6326530612%;
    }

    .cp_commitment .sec01 .cont_area .area:nth-child(2n-1) {
        margin-left: 0;
    }

    .cp_commitment .sec01 .cont_area .area_txt {
        padding-right: 0;
    }

    .cp_commitment .sec01 .cont_area .area_txt span {
        margin-bottom: 1.25rem;
    }

    .cp_commitment .sec01 .cont_area .area_img {
        margin-bottom: 1.5625rem;
    }

    /* sign_data / sign_name */
    .cp_commitment .sec01 .cont_area .sign_data {
        margin-top: 1.2345rem;
        text-align: right;
    }

    .cp_commitment .sec01 .cont_area .sign_name p {
        font-size: 1.2rem;
        letter-spacing:  0em;
        line-height: 1.5;
        text-align: right;
    }

    .cp_commitment .sec01 .cont_area .sign_name p span {
        font-size: 0.875rem;
        letter-spacing:  0em;
        line-height: 2.4285714286;
        margin-bottom: 5px;
    }

    /* sign_img */
    .cp_commitment .sec01 .sign_img {
        position: absolute;
        bottom: 0;
        right: 5.2%;
        width: 75px;
        margin-top: 0;
    }

    .cp_commitment .sec01 .sign_img p {
        font-size: 1rem;
        letter-spacing:  0em;
        line-height: 1.5;
    }

    .cp_commitment .sec01 .sign_img p span {
        font-size: 0.875rem;
        letter-spacing:  0em;
        line-height: 2.4285714286;
    }

    .cp_commitment .sec01 .sign_img p::before {
        height: 33px;
        margin-bottom: 6px;
        background: url("resources/jp/local/images/cp/img_signature.png") right center no-repeat;
        background-size: 75px 33px;
    }
    /* con02 */
    .cp_commitment .sec01 .con02 h4 {
        font-size: 1.4375rem;
        letter-spacing:  0em;
        line-height: 1.2608695652;
    }
}


@media (max-width: 766px) {

    /* cont_wrap / area */
    .cp_commitment .sec01 .cont_area .cont_wrap {
        display: block;
    }

    .cp_commitment .sec01 .cont_area .area {
        width: 100%;
    }

    .cp_commitment .sec01 .cont_area .area_txt span {
        margin-bottom: 1.25rem;
    }

    .cp_commitment .sec01 .cont_area .area_img {
        width: 100%;
        margin-top: 3.75rem;
        margin-left: 0;
        text-align: center;
    }

    /* sign_img */
    .cp_commitment .sec01 .sign_img {
        position: static;
        right: 0;
        width: 100%;
        margin-top: 0;
        text-align: right;
    }

    .cp_commitment .sec01 .sign_img p {
        font-size: 1rem;
        letter-spacing:  0em;
        line-height: 1.5;
    }
}

/* end 2page CP 의지선언-------------------------------------*/

/* 3page CP 규정 -------------------------------------*/

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(1):before {
  content: "①";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(2):before {
  content: "②";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(3):before {
  content: "③";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(4):before {
  content: "④";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(5):before {
  content: "⑤";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(6):before {
  content: "⑥";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(7):before {
  content: "⑦";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(8):before {
  content: "⑧";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(9):before {
  content: "⑨";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(10):before {
  content: "⑩";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(11):before {
  content: "⑪";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(12):before {
  content: "⑫";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(13):before {
  content: "⑬";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(14):before {
  content: "⑭";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(15):before {
  content: "⑮";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(16):before {
  content: "⑯";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(17):before {
  content: "⑰";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(18):before {
  content: "⑱";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(19):before {
  content: "⑲";
}

.cp_guidelines.policy .container dl dd ol.number>li:nth-of-type(20):before {
  content: "⑳";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02 {
  margin-top: 10px;
  margin-bottom: 20px;
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02 li {
  padding-left: 25px;
  position: relative;
}

/* 두번째 레벌 숫자 표기 */
.cp_guidelines.policy .container dl dd ol.number>li>.number02 li:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 0.25rem;
  font-size: 1rem;
  text-align: center;
  width: 25px;
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(1):before {
  content: "1)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(2):before {
  content: "2)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(3):before {
  content: "3)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(4):before {
  content: "4)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(5):before {
  content: "5)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(6):before {
  content: "6)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(7):before {
  content: "7)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(8):before {
  content: "8)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(9):before {
  content: "9)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(10):before {
  content: "10)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(11):before {
  content: "11)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(12):before {
  content: "12)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(13):before {
  content: "13)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(14):before {
  content: "14)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(15):before {
  content: "15)";
}

.cp_guidelines.policy .container dl dd ol.number>li>.number02>li:nth-of-type(16):before {
  content: "16)";
}




/* 탭 공통 css */
.cp_guidelines .container .content {
  padding-bottom: 0;
}

.cp_guidelines .tab_list_box {
  padding: 0 0 240px;
}

.cp_guidelines .tab_list_box>.tab {
  display: none;
}

.cp_guidelines .tab_list_box>.tab.active {
  display: block;
}


@media (max-width: 1023px) {
  /* 탭 공통 css */
  .cp_guidelines .tab_list_box {
    padding: 0 0 180px;
  }

    .cp_guidelines.policy .container .con_title {
    margin-bottom: 0;
    }
}
.cp_guidelines.policy .container .top_area .custom_select_area {
    max-width: 350px;
}

/* guidebook 탭 */
.cp_guidelines .sec02 .con01 .pdf_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
  width: 100%;
  padding: 7.5rem 0;
}

.cp_guidelines .sec02 .con01 .pdf_wrap .pdfile {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}

.cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .cont_box {
  width: 400px;
}

.cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .pdf_box {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem;
}

.cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .pdf_box img {
  width: 280px;
}

.cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .cont_box .list_wrap {
  border-top: none;
  margin-top: 55px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .cont_box p {
  font-family: "SamyangNeo", "Pretendard", "SamYang", sans-serif;
  font-size: 1.375rem;
  letter-spacing: 0em;
  line-height: 1.5454545455;
  font-weight: bold;
  color: #222222;
}

.cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .cont_box span {
  display: block;
  margin-top: 7px;
  font-size: 1.1875rem;
  letter-spacing:  0em;
  line-height: 1.45;
  color: #666666;
}

.cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .cont_box a.btn {
  display: inline-block;
  width: 150px;
}

@media (max-width: 1023px) {
  .cp_guidelines .sec02 .con01 {
    padding: 2rem 0;
  }

  .cp_guidelines .sec02 .con01 .pdf_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0;
  }

  .cp_guidelines .sec02 .con01 .pdf_wrap .pdfile {
    gap: 0.5rem;
    padding: 50px 0;
    width: 100%;
    justify-content: center;
  }

  .cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .pdf_box {
    flex: inherit;
    width: 225px;
    margin-right: 1rem;
  }

  .cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .pdf_box img {
    width: 100%;
  }

  .cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .cont_box p {
    font-size: 1.2rem;
    letter-spacing: 0em;
    padding-top: 3px;
    line-height: 1.4117647059;
  }

  .cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .cont_box span {
    margin-top: 0.625rem;
    font-size: 1rem;
    letter-spacing:  0em;
    line-height: 1.5625;
    word-wrap: break-word;
  }

  .cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .cont_box .list_wrap {
    margin-top: 2.8rem;
  }

  .cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .cont_box a.btn {
    margin-top: 0;
  }
}
@media (max-width: 766px) {
    .cp_guidelines .sec02 .con01 {
        margin-top: 0;
        padding: 0;
    }

    .cp_guidelines.policy .container dl dd ol.number>li>.number02 {
        margin-bottom: 10px
    }

    .cp_guidelines.policy .container dl dd ol.number>li>.number02 li:before {
        top: 2px;
        font-size: 15px;
    }

    .cp_guidelines.policy .container dl dd ol.number>li>.number02 li {
        padding-left: 23px;
    }

    .cp_guidelines .sec02 .con01 .pdf_wrap {
        padding: 0.5rem 1.5rem;
    }

    .cp_guidelines .sec02 .con01 .pdf_wrap .pdfile {
        flex-direction: column;
        padding-left: 0;
        align-items: center;
    }

    .cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .pdf_box {
        width: 200px;
        padding-left: inherit;
        justify-content: center;
        margin: 0;
    }

    .cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .cont_box {
        width: auto;
        max-width: 350px;
        text-align: center;
    }

    .cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .cont_box .list_wrap {
        margin-top: 0.875rem;
        gap: 0;
        align-items: center;
    }

    .cp_guidelines .sec02 .con01 .pdf_wrap .pdfile .cont_box a.btn {
        margin-top: 0.9375rem;
        width: 130px;
        margin-right: 0;
    }
}
/* end 3page CP 규정 -------------------------------------*/

/* 4page CP 운영현황 -------------------------------------*/

/* 탭 공통 css */
.cp_activities .container .content {
  padding-bottom: 0;
}

.cp_activities .tab_list_box {
  padding: 0 0 240px;
}

.cp_activities .tab_list_box>.tab {
  display: none;
}

.cp_activities .tab_list_box>.tab.active {
  display: block;
}

/* end 탭 공통 css */

/* 조직도 */
.cp_activities .tab_list_box>.tab .img_box {
  background-color: #f7f7f7;
  padding: 5rem;
  display: flex;
  justify-content: center;
}

/* 운영현황 */
.cp_activities .sec02 .con01 .type1+.type1 {
  margin-top: 6.9375rem;
}

.cp_activities .sec02 .con01 .type1 .con_title h3 {
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.25;
}

.cp_activities .sec02 .con01 .type1 .con_title .txt_box {
  padding-left: 10px;
  margin-top: 1.5rem;
}

.cp_activities .sec02 .con01 .type1 .con_title .txt_box p {
  margin-top: 0.2rem;
  position: relative;
  padding-left: 11px;
}

.cp_activities .sec02 .con01 .type1 .con_title .txt_box p:before {
  display: block;
  position: absolute;
  top: 14px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background-color: #666;
}

.cp_activities .sec02 .con01 .table_wrap.type01 {
  margin-top: 0.875rem;
}

/* 커스텀 테이블 */
.cp_activities .sec02 .con01 .table_wrap.type01 thead th {
  white-space: nowrap;
}


@media (max-width: 1023px) {

  /* 탭 공통 css */
  .cp_activities .tab_list_box {
    padding: 0 0 180px;
  }

  /* end 탭 공통 css */

  .cp_activities .tab_list_box>.tab .img_box {
    padding: 4rem;
  }

  .cp_activities .sec02 .con01 .type1 .con_title h3 {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.3043478261;
  }

  .cp_activities .sec02 .con01 .type1 .con_title .txt_box {
    padding-left: 0px;
    margin-top: 0.96875rem;
  }

  .cp_activities .sec02 .con01 .type1+.type1 {
    margin-top: 4.5625rem
  }

  .cp_activities .sec02 .con01 .table_wrap.type01 {
    margin-top: 1.1875rem;
  }

  .cp_activities .sec02 .con01 .table_wrap.type01 tbody td {
    height: auto;
    padding: 20px 5px;
  }

  .cp_activities .sec02 .con01 .table_wrap .table.line1 thead th {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.3571428571;
  }

  .cp_activities .sec02 .con01 .table_wrap .table.line1 tbody td {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.3571428571;
  }
  .cp_activities .sec02 .con01 .type1 .con_title .txt_box p:before{
    top:11px
  }
}

@media (max-width: 766px) {
  .cp_activities .tab_list_box>.tab .img_box {
    padding: 3.5rem 2rem;
  }

  .cp_activities .sec02 .con01 .table_wrap.type01 tbody td.data {
    letter-spacing:0em;
  }
  .cp_activities .sec02 .con01 .type1 .con_title .txt_box p {
    padding-left: 7px;
    font-size: 1rem;
    letter-spacing:0em;
  }
}
@media (max-width: 766px) {
    .cp_activities .sec02 .con01 .table_wrap .table .scroll table {
        min-width: 300px;
    }
}

/* end 4page CP운영현황 -------------------------------------*/


/* 5page CP 제보 -------------------------------------*/

.cp_reporting .sec01 {
    margin-bottom: 5.625rem;
}

.cp_reporting .container .con_title p {
    margin-top: 1.125rem;
}

.cp_reporting .sec02 .con_title h3 {
    font-size: 2rem;
    letter-spacing: 0em;
    line-height: 1.25;
}

.cp_reporting .sec02 .con01 .con_item {
    margin-top: 6.9375rem;
}

.cp_reporting .sec02 .con01 .con_item .report_target {
    margin-top: 0.625rem;
    margin-left:10px;
}

.cp_reporting .sec02 .con01 .report_target li {
    padding-left: 10px;
    margin-bottom: 0.9375rem;
    font-size: 1.1875rem;
    letter-spacing:  0em;
    line-height: 1.6842105263;
    color: #666666;
    text-indent: -5px;
}

.cp_reporting .sec02 .con01 .report_target li::before {
    display: inline-block;
    content: "· ";
    width: 5px;
}

.cp_reporting .sec02 .con01 .report_target li:last-child {
    margin-bottom: 0;
}

.cp_reporting .sec02 .con02 .con_item {
    margin-top: 6.9375rem;
}


.cp_reporting .sec02 .con02 .reporting_process {
    border: 1px solid #dddddd;
    font-size: 0;
    margin-top: 1.0625rem;
}

.cp_reporting .sec02 .con02 .reporting_process.mo {
    display: none
}

.cp_reporting .sec02 .con02 .reporting_process .icon_wrap {
    display: inline-block;
    width: 190px;
    vertical-align: top;
}

.cp_reporting .sec02 .con02 .reporting_process .icon_wrap ul {
    font-size: 0;
}

.cp_reporting .sec02 .con02 .reporting_process .icon_wrap li {
    position: relative;
    display: block;
    height: 200px;
    display: flex;
    align-items: center;
    background-size: 72px;
}

.cp_reporting .sec02 .con02 .reporting_process .icon_wrap li:nth-child(1) i {
    background: #f7f7f7 url("/resources/jp/local/images/cp/CP_reporting_icon01.svg") center no-repeat;

}

.cp_reporting .sec02 .con02 .reporting_process .icon_wrap li:nth-child(2) i {
    background: #f7f7f7 url("/resources/jp/local/images/cp/CP_reporting_icon02.svg") center no-repeat;
}

.cp_reporting .sec02 .con02 .reporting_process .icon_wrap li:nth-child(3) i {
    background: #f7f7f7 url("/resources/jp/local/images/cp/CP_reporting_icon03.svg") center no-repeat;
}

.cp_reporting .sec02 .con02 .reporting_process .icon_wrap li:nth-child(4) i {
    background: #f7f7f7 url("/resources/jp/local/images/cp/CP_reporting_icon04.svg") center no-repeat;
}

.cp_reporting .sec02 .con02 .reporting_process .icon_wrap li:nth-child(5) i {
    background: #f7f7f7 url("/resources/jp/local/images/cp/CP_reporting_icon05.svg") center no-repeat;
}

.cp_reporting .sec02 .con02 .reporting_process .icon_wrap li::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -12px;
    left: calc(50% - 5px);
    transform: translateX(-50%);
    width: 18px;
    height: 26px;
    background: url("/resources/jp/local/images/cp/process_arrow_down.svg") center no-repeat;
    background-size: cover;
}

.cp_reporting .sec02 .con02 .reporting_process .icon_wrap li:last-of-type::after {
    display: none;
}

.cp_reporting .sec02 .con02 .reporting_process .icon_wrap i {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
    margin: 0 40px 0 30px;
    vertical-align: top;
}

.cp_reporting .sec02 .con02 .reporting_process ol {
    display: inline-block;
    width: calc(100% - 190px);
    font-size: 0;
}

.cp_reporting .sec02 .con02 .reporting_process ol li {
    position: relative;
    display: block;
}

.cp_reporting .sec02 .con02 .reporting_process ol li::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #dddddd;
    content: "";
}

.cp_reporting .sec02 .con02 .reporting_process ol li .txt_area {
    height: 200px;
    padding: 0 30px 0 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.cp_reporting .sec02 .con02 .reporting_process ol li:last-child::before,
.cp_reporting .sec02 .con02 .reporting_process ol li:last-child::after {
    display: none;
}

.cp_reporting .sec02 .con02 .reporting_process .txt_area strong {
    font-size: 1.375rem;
    letter-spacing:  0em;
    line-height: 1.5454545455;
    color: #222222;
}

.cp_reporting .sec02 .con02 .reporting_process .txt_area strong span {
    color: #26247b;
}

.cp_reporting .sec02 .con02 .reporting_process .txt_area p {
    margin-top: 0.21875rem;
    font-size: 1.1875rem;
    letter-spacing:  0em;
    line-height: 1.6842105263;
    color: #666666;
}

.cp_reporting .sec02 .con02 .report_way {
    margin-top: 1.875rem;
    margin-left: 10px;
}

.cp_reporting .sec02 .con02 .report_way li {
    margin-bottom: 0.3125rem;
    font-size: 1.1875rem;
    letter-spacing:  0em;
    line-height: 1.6842105263;
    color: #666666;
    text-indent: -5px;
}

.cp_reporting .sec02 .con02 .report_way li::before {
    display: inline-block;
    content: "· ";
    width: 5px;
}


.cp_reporting .sec02 {
    padding-bottom: 180px;
}

.cp_reporting .sec03 .write_wrap {
    margin-bottom: 7.1875rem;
}

.cp_reporting .sec03 .write_wrap .custom_select_area {
    max-width: 100%;
}

/* 제보하기 배너 */

.cp_reporting .sec03 .con02 .report_info {
    font-size: 0;
    background-color: #f7f7f7;
    display: flex;
    align-items: flex-start;
    padding: 50px;
    gap: 80px;
}

.cp_reporting .sec03 .con02 .report_info h4 {
    margin-bottom: 0.9375rem;
    font-weight: bold;
    font-size: 1.375rem;
    letter-spacing:  0em;
    line-height: 0.8636363636;
    color: #222222;
}

.cp_reporting .sec03 .con02 .report_info p {
    font-size: 1.1875rem;
    letter-spacing:  0em;
    line-height: 1;
    color: #666666;
}

.cp_reporting .sec03 .con02 .to_in_charge {
    display: inline-block;
    vertical-align: top;
}

.cp_reporting .sec03 .con02 .charge_wrap span {
    display: block;
    padding-left: 24px;
    margin-top: 0.5rem;
    font-size: 1.0625rem;
    letter-spacing:  0em;
    line-height: 1.2941176471;
    color: #666666;
}

.cp_reporting .sec03 .con02 .charge_wrap span.address {
    background: url("/resources/jp/global/images/esg/ethics_address_icon.svg") left center no-repeat;
    background-size: auto;
}

.cp_reporting .sec03 .con02 .charge_wrap span.tel {
    background: url("/resources/jp/global/images/esg/ethics_tel_icon.svg") left center no-repeat;
    background-size: auto;
}

.cp_reporting .sec03 .con02 .charge_wrap span.tel_pax {
    background: url("/resources/jp/global/images/esg/ethics_tel_pax_icon.svg") left center no-repeat;
    background-size: auto;
}

.cp_reporting .sec03 .con02 .charge_wrap span.email {
    background: url("/resources/jp/global/images/esg/ethics_email_icon.svg") left center no-repeat;
    background-size: auto;
}

.cp_reporting .sec03 .con02 .charge_wrap span:first-child {
    margin-top: 0;
}

.cp_reporting .sec03 .con02 .charge_wrap span.tel {
    position: relative;
    display: inline-block;
    width: auto;
    padding-right: 12px;
    margin-right: 12px;
}

.cp_reporting .sec03 .con02 .charge_wrap span.tel::before {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background: #dddddd;
    content: "";
}

.cp_reporting .sec03 .con02 .charge_wrap span.tel_pax {
    padding-left: 23px;
}

.cp_reporting .sec03 .con02 .charge_wrap span.tel_pax::before {
    display: none;
}

@media (max-width: 1023px) {
    .cp_reporting .sec01 {
        margin-bottom: 3.75rem;
    }

    .cp_reporting .sec02 .con_title h3 {
        font-size: 1.4375rem;
        letter-spacing:  0em;
        line-height: 1.2608695652;
    }

    .cp_reporting .sec02 .con01 .con_item {
        margin-top:4.5625rem;
    }

        
    .cp_reporting .container .con_title p {
        margin-top: 0.8125rem;
    }

    .cp_reporting .sec02 .con01 .report_target li {
        padding-left: 5px;
        margin-bottom: 0.625rem;
        font-size: 1rem;
        letter-spacing:  0em;
        line-height: 1.5625;
    }

    .cp_reporting .sec02 .con02 .con_item {
        margin-top: 4.5625rem;
    }


    .cp_reporting .sec02 .con02 .report_way li {
        margin-bottom: 0.625rem;
        font-size: 1rem;
        letter-spacing:  0em;
        line-height: 1.5625;
    }

    .cp_reporting .sec02 .con02 .report_way {
        margin-top: 0.84375rem;
    }

    .cp_reporting .sec02 {
        padding-bottom: 120px;
    }

    .cp_reporting .sec03 .write_wrap {
        margin-bottom: 4.625rem;
    }

    .cp_reporting .sec03 .con02 .report_info h4 {
        margin-bottom: 0.625rem;
        font-size: 1.125rem;
        letter-spacing:  0em;
        line-height: 1.5;
    }

    .cp_reporting .sec03 .con02 .report_info p {
        font-size: 1rem;
        letter-spacing:  0em;
        line-height: 1.5625;
    }

    .cp_reporting .sec03 .con02 .to_in_charge {
        padding: 30px 40px 40px 40px;
    }


    .cp_reporting .sec03 .con02 .charge_wrap span {
        margin-top: 0.3125rem;
        font-size: 0.875rem;
        letter-spacing:  0em;
        line-height: 1.4285714286;
    }

    .cp_reporting .sec03 .con02 .charge_wrap span.address {
        background-position: left 4px;
    }

    .cp_reporting .sec03 .con02 .charge_wrap span.email {
        background-position: left;
    }

    .cp_reporting .sec03 .con02 .charge_wrap span.tel::before {
        margin-top: -4px;
        height: 10px;
    }

}

@media (max-width: 766px) {
    .cp_reporting .container .con_title p {
        margin-top: 0.8125rem
    }

    .cp_reporting .sec02 .con01 .report_target li {
        margin-bottom: 0.625rem;
    }

    .cp_reporting .sec02 .con02 .reporting_process {
        display: none;
    }

    .cp_reporting .sec02 .con02 .reporting_process.mo {
        display: block;
        margin-top: 1.09375rem;
        border: none;
    }

    .cp_reporting .sec02 .con02 .reporting_process.mo .icon_wrap {
        display: block;
        width: 100%;
    }

    .cp_reporting .sec02 .con02 .reporting_process.mo .icon_wrap ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        gap: 35px
    }

    .cp_reporting .sec02 .con02 .reporting_process.mo .icon_wrap li {
        width: 100%;
        margin-right: 0;
        padding: 20px 10px;
        vertical-align: top;
        border: 1px solid #ddd;
        height: auto;
        display: flex;
        align-items: flex-start;
        gap: 10px;
    }

    .cp_reporting .sec02 .con02 .reporting_process.mo .icon_wrap li::after {
        bottom: -31px;
        width: 18px;
        height: 26px;
        background-size: 12px;
    }

    .cp_reporting .sec02 .con02 .reporting_process.mo .icon_wrap li i {
        background-size: 45px;
        background-color: transparent;
        width: 50px;
        height: 55px;
        flex-shrink: 0;
        margin: 0;
    }

    .cp_reporting .sec02 .con02 .reporting_process.mo .txt_area strong {
        font-size: 1.125rem;
        letter-spacing: 0em;
        line-height: 1.3333333333;
    }

    .cp_reporting .sec02 .con02 .reporting_process.mo .txt_area p {
        margin-top: 0.46875rem;
        font-size: 1rem;
        letter-spacing: 0em;
        line-height: 1.5625;
    }

    .cp_reporting .sec02 .con02 .reporting_process.mo ol {
        margin-top: 1.875rem;
    }

    .cp_reporting .sec03 .con02 .report_info h4 {
        margin-bottom: 0.625rem;
    }

    .cp_reporting .sec03 .con02 .to_in_charge {
        display: block;
        width: 100%;
        padding: 0 0 20px;
        border-bottom: 1px solid #dddddd;
    }

    .cp_reporting .sec03 .con02 .report_info {
        padding: 20px;
        gap: 20px;
        flex-direction: column;
    }

    .cp_reporting .sec03 .con02 .charge_wrap {
        padding: 0 0 10px 5px;
    }

}

/* end 5page CP 제보 -------------------------------------*/


/* 6page 운영활동 ------------------------------------*/
.newsroom_list.cp_newsroom .tab_search_box{
    margin-top: 0;
}




  
/*260630_자율준수 조직 조직도 -------------------------------------*/


.cp_activities .sec03 .con01 .con_item {
    margin-top: 4.9375rem;
}

.cp_activities .sec03 .con_title h3 {
    font-size: 2rem;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.cp_activities .sec03 .con01 .con_item .report_target {
    margin-top: 0.625rem;
    margin-left: 10px;
}

.cp_activities .sec03 .con01 .report_target li {
    padding-left: 10px;
    margin-bottom: 0.5375rem;
    font-size: 1.1875rem;
    letter-spacing: -0.02em;
    line-height: 1.6842105263;
    color: #666666;
    text-indent: -5px;
}

.cp_activities .sec03 .con01 .report_target li::before {
    display: inline-block;
    content: "· ";
    width: 5px;
}

.cp_activities .sec03 .con01 .report_target li:last-child {
    margin-bottom: 0;
}



@media (max-width: 1023px) {
     .cp_reporting .sec03 .con_title h3 {
        font-size: 1.4375rem;
        letter-spacing: -0.02em;
        line-height: 1.2608695652;
    }

    /* .cp_activities .sec03 .con_title p {
    font-size: 1rem;
    } */

    .cp_reporting .sec03 .con01 .con_item {
        margin-top:4.5625rem;
    }
        
    .cp_reporting .container .con_title p {
        margin-top: 0.8125rem;
    }

    .cp_reporting .sec03 .con01 .report_target li {
        padding-left: 5px;
        margin-bottom: 0.625rem;
        font-size: 1rem;
        letter-spacing: -0.02em;
        line-height: 1.5625;
    }
}

@media (max-width: 766px) {
    .cp_reporting .container .con_title p {
        margin-top: 0.8125rem
    }

    .cp_reporting .sec03 .con01 .report_target li {
        margin-bottom: 0.625rem;
    }
}


/*end 260630_자율준수 조직 조직도 ------------------------------------*/