@charset "UTF-8";

@media (max-width:1023px) {
    #info_hello .hello_inner {flex-direction: column-reverse;}
    #info_hello .hello_inner>div {width: 100%; text-align: center;}
    #info_hello .hello_inner .hello_text {border: none; padding: 0; margin-top: 30px;}
    #info_hello .hello_title {font-size: 1.6rem; word-break: keep-all;}

    section#index_ssc .issc_wrapper {grid-template-columns: none; gap: 20px; justify-items: center;}
    section#index_ssc .issc_wrapper>section {width: 70%;}
    section#index_ssc .issc_inner>a {border-radius: 0; aspect-ratio: auto;}
    section#index_ssc>h3 {bottom: -20px; font-size: 9rem;}
    section#index_ssc>h4 {top: -5px; font-size: 4rem;}

    div.info_table_wrap {overflow-x: scroll;}
    table.info_table thead {font-size: 0.9rem;}
    table.info_table tbody {font-size: 0.9rem; word-break: keep-all;}
    div.info_table_wrap ol.cs_note>li {text-indent: 5px;}

    #greeting .hello_inner {flex-direction: column-reverse;}
    #greeting .hello_inner>div {width: 100%;}
    #greeting .hello_inner .hello_text {border: none; padding: 0; margin-top: 30px;}
    #greeting .hello_title {font-size: 1.6rem; word-break: keep-all;}

    section#submenu>ul>li>a {font-size: 1rem;}
    
    #company>section h1.company_text {font-size: 2rem; margin-bottom: 15px;}
    #company>section:not(#submenu) {flex-direction: column; align-items: center;}
    #company>section:not(#submenu)>div,
    #company>section:not(#submenu)>ol,
    #company>section:not(#submenu)>ul {width: 100%;}
    #company .com_map_img {width: 100% !important;}

    #index_product .ip_slide_wrap .swiper-slide>a {font-size: 1.2rem;}

    #index_company .ic_inner {grid-template-columns: 1fr;}

    #container .slide_bn .slide_title {font-size: 4rem;}
    #container .slide_bn .slide_text {font-size: 1.8rem;}
}

@media (max-width:767px) {
    #hd_wrapper {flex-wrap: wrap;}
    #mobile_menu_btn {display: block;order: 2;}
    #logo {order: 1;}
    #hd .gnb_2dul {padding: 0}

    #gnb {width: 100%;max-height: 0;overflow: hidden;background: rgba(0, 0, 0, 0.95);order: 3;transition: max-height 0.45s ease-in-out, margin-top 0.45s ease-in-out;padding-right: 0;margin-top: 0;}
    #gnb.on {max-height: 100vh;margin-top: 15px;transition: max-height 0.45s ease-in-out, margin-top 0.45s ease-in-out}
    #hd .gnb_1dli {width: 100%;display: flex;flex-direction: column;align-items: flex-start;padding: 8px 0;box-sizing: border-box;position: relative;}
    #hd .gnb_1da {flex-grow: 1;color: #fff;}
    .submenu_toggle {background: none;border: none;display: inline-block;color: #fff;font-size: 1.2rem;cursor: pointer;padding-right: 15px;position: absolute;top: 20px;right: 0;}

    #hd .gnb_2dul {display: none !important;position: static;transform: none !important;width: 100%;}
    #hd .gnb_1dli.open > .gnb_2dul {display: block !important;}
    #hd .gnb_2dul .gnb_2dul_box {box-shadow: none;border: none;}
    #hd .gnb_2da {text-align: left;padding: 8px 15px;}

    #aside_btn {display: none;}

    .ft_wrap {flex-direction: column; gap: 20px; align-items: center;}
    #ft_wr span.mobile_none {display: none;}
    #ft_company>p br.pc_none {display: inline;}

    #upper_banner {height: 300px;}
    #upper_banner .banner_title>h1 {font-size: 2rem; letter-spacing: 2px;}

    .notice_bo_list#bo_list .tbl_head01 thead th,
    .notice_bo_list#bo_list .td_num2, .notice_bo_list#bo_list .td_num, .notice_bo_list#bo_list .td_name, .notice_bo_list#bo_list .td_datetime, .notice_bo_list#bo_list .td_file {display: none;}
    .notice_bo_list#bo_list .bo_tit .fa-download {display: inline-flex;}

    .gallery_bo_gall#bo_gall .gall_li {width: 50%;}
    .gallery_bo_gall#bo_gall .gall_row .box_clear {clear: none;}

    #container #faq_sch .frm_input {width: 60%;}

    .qna_bo_list#bo_list .tbl_head01 thead,
    .qna_bo_list#bo_list .td_num2, .qna_bo_list#bo_list .td_num, .qna_bo_list#bo_list .td_datetime {display: none;}
    .qna_bo_list#bo_list .td_subject, .qna_bo_list#bo_list#bo_list .td_name {font-size: 0.8rem;}

    #info_hello .hello_inner .hello_text>p {text-align: justify;}

    #container .slide_bn {height: 100vh}
    /* #container .slide_bn .slide_texts {left: 3%; bottom: 20px;} */
    #container .slide_bn .slide_texts {left: 50%; bottom:0; top:calc(50% - 50px); transform: translateX(-50%); width: 100%; text-align: center; padding: 0 10px;}
    #container .slide_bn .slide_text {font-size: 1.8rem;}
    #container .slide_bn .slide_title {font-size: 3.2rem;}

    section#index_field .if_inner>.if_list {grid-template-columns: repeat(2, 1fr);}
    section#index_map .im_inner>h1,
    section#index_field .if_inner>h1 {font-size: 2rem;}

    section#index_map.info_map .im_inner>ul {flex-direction: column; gap: 10px; align-items: center; text-align: center;}

    #restore_menu ul {grid-template-columns: repeat(2, 1fr);}
    #restore_menu ul li:nth-of-type(1) {border-bottom: 1px solid var(--mc);}
    #restore_menu ul li:nth-of-type(2) {border-bottom: 1px solid var(--mc); border-right: none;}

    .restore_item .restore_img>img {width: 100% !important;}

    #restore_smpn .restore_grid {grid-template-columns: repeat(2, 1fr); gap: 15px;}

    #container section.inquiry_text .it_inner {grid-template-columns: auto;}
    #container .form_file {display: block; width: 100%;}
    #container .form_file>div {display: block; margin-bottom: 20px;}
    #container .write_label {display: block;}
    #container .form_file>div>label,
    #container .write_label>label {display: inline-block; margin-bottom: 10px; width: auto;}
    #container .form_file>div>input,
    #container .write_label>input,
    #container .write_label>textarea {width: 100% !important;}
    #container .form_captcha {display: block;}

    #greeting .hello_inner .hello_text>p {text-align: justify;}

    [class~=timeline] [class~=timeline-content] ul li img {height:auto}
    [class~=timeline] [class~=timeline-content] ul li {font-size:1em}
    [class~=timeline] [class~=timeline-icon] {left:5%}
    [class~=timeline]::before {left:5%}
    [class~=timeline] [class~=timeline-content] {width:85%;margin-left: 10%}
    [class~=timeline][class~=timeline-alternating] [class~=timeline-block]:nth-of-type(2n+1) [class~=timeline-content] {text-align:left}
    [class~=timeline][class~=timeline-alternating]:not([class~=timeline-left]) [class~=timeline-block]:nth-of-type(2n) [class~=timeline-content] {left:0}

    section#submenu {border: none;}
    section#submenu>ul {flex-wrap: wrap; border: 1px solid var(--mc);}
    section#submenu>ul>li {border-radius: 0; border: 1px solid var(--mc);width: 50%;}

    .rectangle {font-size: 1rem;}
    .level-0,
    .level-1,
    .level-2 {width: 100%;}
    
    .level-1 {margin-bottom: 20px;}
    .level-1::before,
    .level-2-wrapper > li::before {display: none;}
    .level-2-wrapper,
    .level-2-wrapper::after,
    .level-2::after {display: block;}
    .level-2-wrapper {width: 90%;margin-left: 10%;}
    .level-2-wrapper::before {left: -20px;width: 2px;height: calc(75% - 25px);}
    .level-2-wrapper > li:not(:first-child) {margin-top: 50px;}

    #container #company>section.com_policy>ul {flex-wrap: wrap; gap: 0;}
    #container #company>section.com_policy>ul>li {width: 49%; margin-bottom: 10px;}
    #container .com_idea>div.idea_img {aspect-ratio: 4/1;}

    section#system .system_inner {grid-template-columns: 1fr;}
    section#policy .policy_inner>ul {grid-template-columns: repeat(1, 0.7fr); justify-content: center;}
    section#policy .policy_inner>ul>li {aspect-ratio: auto;}

    section#certify .certify_inner ul {grid-template-columns: repeat(2, 1fr); gap: 15px;}

    #container .esg_title {font-size: 1.4rem;}
    #esg .esg_desc {grid-template-columns: 1fr;}
    #esg .esg_desc .ed_div:first-of-type {border-radius: 10px 10px 0 0;}
    #esg .esg_desc .ed_div:last-of-type {border-radius: 0 0 10px 10px;}
    section#esg div.esg_down>ul {grid-template-columns: 1fr; gap: 10px;}

    #container section#esg_e,
    #container section#esg_s,
    #container section#esg_g {background: none;}
    #container .esg_div .esg_listbox {grid-template-columns: 1fr;}

    #container h1.index_title {text-align: center; font-size: 2.2rem;}
    #container p.index_text {font-size: 1rem; text-align: center;}

    #index_company .ic_inner .ic_btn {grid-template-columns: 1fr;}
    #index_company .ic_inner .ic_btn>a {aspect-ratio: 2/1;}
    #index_company .ic_inner .ic_btn>a:first-of-type {border-radius: 18px 18px 0 0;}
    #index_company .ic_inner .ic_btn>a:last-of-type {border-radius: 0 0 18px 18px;}
    #index_company .ic_inner .ic_btn>a>p {font-size: 1.8rem;}
}

@media (max-width:600px) {
    #restore_smpn .restore_grid {grid-template-columns: 1fr;}

    #container #company>section.com_coop>ul,
    #container #company>section.com_idea>ul {flex-wrap: wrap;}
    #container #company>section.com_coop>ul>li,
    #container #company>section.com_idea>ul>li {width: 100%;}
    #company ul>li>div {aspect-ratio: auto;}
}

@media (max-width:424px) {
    .gallery_bo_gall#bo_gall #gall_ul .gall_li {width: 100%;}

    section#index_ssc .issc_wrapper>section {width: 100%;}
    section#index_ssc>h3 {font-size: 6rem;}
    section#index_ssc>h4 {right: 0; font-size: 3rem;}

    section#index_field .if_inner>.if_list {grid-template-columns: 1fr;}

    #container .slide_bn .slide_text {font-size: 1.3rem;}
    #container .slide_bn .slide_title {font-size: 2rem;}

    #restore_menu ul li>a,
    .restore_box_text,
    .restore_item .restore_text .restore_list,
    .restore_item .restore_text .restore_desc {font-size: 1rem !important;}
    .restore_item .restore_text .restore_title {font-size: 1.8rem;}

    #container .form_file {display: block; width: 100%;margin-bottom: 10px;}

    #container .history_title {font-size: 1.7rem;}

    section#submenu>ul>li {width: 100%;}

    #container .com_text_list>li {font-size: 1rem;}

    section#system .system_inner>p,
    section#policy .policy_inner>p {font-size: 1rem;}
    section#policy .policy_inner>ul {grid-template-columns: 1fr;}

    section#system .sys_2>table,
    section#system .sys_2>table>tbody,
    section#system .sys_2>table>tbody>tr,
    section#system .sys_2>table>tbody>tr>th,
    section#system .sys_2>table>tbody>tr>td {display: block;}
    section#system .sys_2>table th {border-right: none; background-color: var(--mc); color: #fff;}

    section#certify .certify_inner ul {grid-template-columns: 1fr;}

    #container .esg_div {font-size: 1rem;}

    #index_company .ic_inner .ic_btn>a:first-of-type {border-bottom-left-radius: 0; border-top-right-radius: 10px;}
    #index_company .ic_inner .ic_btn>a:last-of-type {border-top-right-radius: 0; border-bottom-left-radius: 10px;}
    #index_company .ic_inner .ic_btn>a>p {font-size: 1.4rem;}

    #container .com_idea>div.idea_img {aspect-ratio: 2/1;}
    #container .com_idea>div.idea_img>p {font-size: 1.2rem;}
}

@media (max-width:374px) {
    #upper_banner .banner_title>p {font-size: 1rem;}
    #upper_banner .banner_title>h1 {font-size: 1.5rem;}

    .notice_bo_list#bo_list .bo_cate_link,
    .notice_bo_list#bo_list .bo_tit {font-size: 0.9rem;}

    #container #company>section.com_policy>ul>li {width: 100%}

    section#esg div.esg_down>ul>li {display: block; text-align: center;}
    section#esg div.esg_down>ul>li>a {font-size: 0.9rem; margin-top: 10px;}
}

@media (max-width:319px) {
    #ft_wr {flex-direction: column-reverse;}
    .ft_wrap {width: 100%;}
    #ft_wr #ft_sns {justify-content: flex-end; width: 100%;}

    #container #faq_sch .btn_submit {width: 45px;}
    #container #faq_sch .btn_submit>span {display: none;}

    #restore_menu ul {grid-template-columns: 1fr;}
    #restore_menu ul li {border-bottom: 1px solid var(--mc); border-right: none;}
    #restore_menu ul li:last-of-type {border-bottom: none;}

    #container .com_idea>div.idea_img {aspect-ratio: 1/1;}
}