/* 헤더 */
.header_template{ position: fixed; width: 100%;  display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 40px; z-index: 100; border-bottom: 1px solid rgb(221, 221, 221, 0.2); background-color: transparent; transition: all 0.1s;}
.logo{width: 140px; height: 28px; background: url(../img/logo-w.svg); background-size: 100% 100%;}
.header_template>a img{display: block;}

/* 헤더 스크롤/호버 시 변경사항 */
.header_template.headerScroll{background-color: #ffffff; border-bottom: 1px solid #ddd;}
.header_template.header_template.hoverTxt .logo{background: url(../img/logo.svg); background-size: 100% 100%;}
.header_template.hoverTxt .gnb .sub >button{color: #222222;}
.header_template.hoverTxt .key_info_btn>button::after{ background: url(../img/btn-key-info.svg);}
.header_template.hoverTxt .hana_network_btn>button:after{ background: url(../img/btn-network.svg);}
.header_template.hoverTxt .language_btn>button::after{ background: url(../img/btn-language.svg);}
.header_template.hoverTxt .menuAll_btn>button::after{ background: url(../img/btn-menu.svg);}
.header_template.keyInfoHover{background-color: #009178;}

/* Top Button */
.topBtn{display: block; width: 55px; height: 55px; position: fixed; bottom: 60px; right: 60px; background-color: rgba(255, 255, 255, 0.5); border-radius: 55px; box-shadow: 0 2px 7px 0 rgba(0,0,0,.3); z-index: 999;}
.topBtn::after{content: ''; display: block; width: inherit; height: inherit; background: url(../img/btn-top.png); background-position: center center; background-repeat: no-repeat; background-size: 25px 25px;}
.topBtn.fixed{position: absolute; bottom: 300px;}

/* 프로그레스바 */
.progressBar{height: 3px; position: absolute; bottom: -1px; left: 0; background-color: #009178;}

/* 드롭다운 gnb */
.gnb{display: flex; justify-content: space-between;}
.gnb .sub >button{box-sizing: border-box; padding: 30px; width: 100%; font-family: "hana"; font-size: 1.15rem; font-weight: 500; color: #ffffff;}
.header_template.headerScroll .gnb .sub:hover >button, .gnb .sub:hover >button{color: #009178;}
.dropDown_con{width: 100%; display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: #ffffff; border-top: 1px solid #ddd;}
.dropDown_con .inner{ width: 100%; background-color: #ffffff; box-sizing: border-box;}

.dropDown_ul{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding-bottom: 50px;}
.dropDown_ul >li{ position: relative; box-sizing: border-box; padding: 30px 30px 0px; border-right: 1px solid #ddd;}
.dropDown_ul >li::after{ content: ''; display: block; width: 1px; height: 50px; background-color: #ddd; position: absolute; bottom: -50px; right: -1px;}
.sub:last-child .dropDown_con .dropDown_ul:last-child{border-right: 0px;}
.sub:last-child .dropDown_con .dropDown_ul>li:last-child{border-right: 1px solid #ddd;}
.dropDown_ul >li:nth-child(4),.dropDown_ul >li:last-child{border-right: 0px;}
.dropDown_ul li ul{text-align: left;}
.dropDown_ul li ul li{margin-top: 15px;}
.dropDown_ul li >button{font-family: "hana";font-size: 1rem; font-weight: 500;}
.dropDown_ul li ul li a{font-size: 0.9rem; color: #666666;}
.dropDown_ul li ul li a:hover{color: #009178; text-decoration: underline;}    

/* 우측 gnb */
.gnb_right{height: 100%;}
.gnb_right ul{ display: flex; gap: 20px; height: inherit;}
.gnb_right>ul>li{display: flex; align-items: center;}
.gnb_right>ul>li>button{ box-sizing: border-box; width: 100%; height: fit-content; display: flex;  justify-content: center; align-items: center;}
.gnb_right>ul>li>button:hover::before{content: ''; display: block; width: 50px; height: 50px; background-color: rgba(0,0,0,.07); border-radius: 50%; position: absolute;}
.gnb_right_drop{position: absolute; top: 100%; left: 0; width: 100%;}

/* 하나 키인포 */
.key_info_btn>button::after{ content: ''; display: block; width: 32px; height: 32px; background: url(../img/btn-key-info-w.svg); background-size: cover; background-position: center;}
.key_info_con{ display: none; width: 100%; position: absolute; top: calc(100% + 1px); left: 0; background-color: #009178; color: #ffffff;}
.inner.common_pad{ box-sizing: border-box; padding: 50px 40px;}
.key_info_con a{color: #ffffff;}

.upper h1{font-size: 1.5rem; font-weight: 500; color:#7efee3;  margin-bottom: 30px;}
.key_info_close{display: none;}
.info{display: grid; grid-template-columns: 1fr 1.3fr 1fr; gap: 50px; box-sizing: border-box;}
.title_p{ font-size: 1.1rem; font-weight: 500; padding-bottom: 15px; border-bottom: 1px solid #ffffff80;}
.info_con ul{ display: flex; flex-direction: column;}
.info_con ul li{ padding: 25px 0; border-bottom: 1px solid #fff3;}
.info_con ul li a{ display: inline-block; font-size: 1.05rem; background: url(../img/arrow-right-w.svg); background-position: right; background-repeat: no-repeat; background-size: 1.05rem 1.05rem;}
.info_con ul li strong{ font-family: sans-serif; font-size: 2.5rem;}
.info_con ul li p{ margin-top: 8px; font-size: 0.9rem;}
.info_con ul li p a{ width: fit-content; padding-right: 25px; background-position: top 2px right 0;}

.info_01 li:last-child,.info_02 li:last-child{border-bottom: 0;}
.info_01 .pNum2{position: relative; padding-left: 20px;}
.info_01 .pNum2:before{ content: ''; display: inline-block; width: 10px; height: 2px; position: absolute; left: 0; top: 50%; background-color: #ffffff;}

.info_02 ul{padding-bottom: 20px;}
.info_02 ul li{ display: grid; grid-template-columns: 0.5fr 1fr; gap: 25px;}
.info_02 ul li img{ width: 160px;  height: 107px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.info_report_right p:nth-of-type(2){ font-size: 1.5rem; font-family: sans-serif; margin-top: 0px; margin-bottom: 10px;}
.info_report_btns{display: flex; gap: 10px;}
.info_report_btns button{display: block; width: 100%; position: relative; background-color: #00635699; border-radius: 20px; padding: 10px 20px; text-align: left; font-family: 'hana'; font-size: 0.9rem !important; font-weight: 500 !important; color: #ffffff;}
.info_report_btns button::after{content: ''; background: url(../img/ico-download-w.svg); background-size: cover; display: block; width: 0.9rem; height: 0.9rem; position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}

.info_03 ul li{padding: 20px 0;}
.info_03 ul li a{font-family: sans-serif; font-weight: bold;}

/* 하나네트워크 */
.hana_network_btn>button::after{ content: ''; display: block; width: 32px; height: 32px; background: url(../img/btn-network-w.svg); background-size: cover; background-position: center;}
.hana_network_con{display: none; width: 100%; position: absolute; top: 100%; left: 0;background-color: #ffffff; border-top: 1px solid #ddd;}
.hana_network.upper h1{color: #222222;}
.hana_network{display:grid; grid-template-columns: 2fr 1fr; gap: 50px;}
.hana_network p{color: #222222; border-bottom: 1px solid #ddd;}
.hana_network_ul ul{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; padding-top: 20px;}
.hana_network_ul:nth-of-type(2) ul{grid-template-columns: 1fr;}
.hana_network_ul ul li a{font-size: 0.85rem;font-weight: 100;color: #666666;}
.hana_network_ul ul li a:hover{ display: flex; align-items: center; color:#009178; text-decoration: underline;}
.hana_network_ul ul li a:hover::after{content: ''; background: url(../img/ico-external-gr.svg); background-size: cover; display: inline-block; width: 15px; height: 15px; margin-left: 3px;}

/* 언어 토글 리스트 */
.language_btn>button::after{content: ''; display: block; width: 32px; height: 32px; background: url(../img/btn-language-w.svg); background-size: cover; background-position: center;}
.language_btn{position: relative;}
.language_list{display: block; flex-direction: column; align-items: center; position: absolute; right: 45%; top: 40px; width: 100%; z-index: 3;}
.language_list ul{display: none; text-align: center; position: absolute; padding: 10px 0; border-radius: 10px; background-color: #ffffff; border: 1px solid #006361;}
.language_list ul li{width: 100%; text-align: center;}
.language_list ul li:first-child span{position: absolute; top: -2px; left: 50%; transform: translateX(-50%); display: block; width: 10px; height: 10px; background-color: #ffffff; border-top: 1px solid #006361; border-left: 1px solid #006361; rotate: 45deg;}
.language_list ul li a{padding: 5px 12px; font-size: 0.9rem; color: #666666;}
.language_list ul li:first-of-type a{color: #009178;}
.language_list ul li a:hover{color: #222222; background-color: rgba(0, 0, 0, .1);}

/* 전체메뉴 */
.menuAll_btn>button::after{ content: ''; display: block; width: 32px; height: 32px; background: url(../img/btn-menu-w.svg); background-size: cover; background-position: center;}
.menuAll_con{display: block; position: fixed; top: -120%; left: 0; width: 100vw; height: 100vh; background-color: #ffffff; z-index: 100; transition: all 0.3s; overflow-y: auto;}
.menuAll_con.menuAll_down{top: 0;}
.menuAll_upper.header_template{width: calc(100% - 17px); height: 85px; padding: 0 23px 0 40px; position: fixed; background-color:#ffffff; z-index: 100;}
.menuAll_upper.header_template .logo{background: url(../img/logo.svg); background-size: 100% 100%;}
.menuAll_upper button::after{content: ''; background: url(../img/btn-menu-close.svg); display: block; width: 30px; height: 30px;}

.menuAll_bottom{padding:0 40px 40px; margin-top: 85px; font-family: "hana"; background-color: #ffffff; }
.menuAll_bottom_con{border-bottom: 1px solid #ddd;}
.menuAll_bottom_con:last-child{border-bottom: none;}
.menuAll_bottom_con .inner{display: grid; grid-template-columns: 1fr 4fr; padding:40px}
.menuAll_bottom_con button, .menuAll_bottom_con a{font-family: "hana";}
.menuAll_bottom_con h2{font-size: 1.5rem; font-weight: 500; padding-right: 40px;}
.menuAll_bottom_con ul{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
.menuAll_bottom_con ul li button{font-size: 1rem; font-weight: 500;}
.menuAll_bottom_con ul li ul{ display: flex; flex-direction: column; text-align: left;}
.menuAll_bottom_con ul li ul li{ padding-top: 15px;}
.menuAll_bottom_con ul li ul li a{font-size: 0.85rem; font-weight: lighter; color: #666666;}
.menuAll_bottom_con ul li ul li a:hover{color: #009178; text-decoration: underline;}

/* 모바일 전체메뉴 */
.m_menuAll{display: none;}

/* 메인배너 */
.main_banner{display: block; width: 100%; height: 640px; background-color: lightgray; overflow: hidden;}

/* 실적발표 배너 */
.report{z-index: 2; position: relative; padding-bottom: 40px; background-color: #f5fbfa;}
.report_con{z-index: 100; transform: translateY(-60px); margin-bottom: -60px; display: flex; justify-content: space-between; color: #ffffff; padding: 40px; border-radius: 10px; background-color: rgb(32 59 60 / 95%); backdrop-filter: blur(10px);}
.report_left>p{ font-size: 0.8rem; font-weight: 300; display: flex; align-items: center; gap: 8px; margin-bottom: 15px;}
.report_left>p::before{ content: ''; background: url(../img/ico-notice-w.svg); background-size: cover; display: inline-block; width: 0.85rem; height: 0.85rem; }
.report_left .report_tit{font-size: 1.8rem; font-weight: bold;}
.report_left .report_tit span{color: #78fffb;}

.report_right{margin-right: 30px;}
.report_right p{ font-size: 1.1rem; margin-bottom: 25px;}
.arrowBtn{ position: relative; display: flex; justify-content: flex-start; box-sizing: border-box; padding: 12px 40px 12px 20px; border-radius: 24px; font-weight: bold; background-color: #ffffff; color: #222222;}
.arrowBtn::after{ content: ''; background: url(../img/arrow-right-long.svg); display: block; width: 15px; height: 15px; position: absolute; top: 50%; right: 25px; transform: translateY(-50%);}
.arrowBtn>span{margin-right: 20px;}
/* 메인콘텐츠 */
.main_contents{ background-color: #f5fbfa; padding-bottom: 80px;}
.main_con_wrap{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px;}
.main_con_wrap.main_bottom{grid-template-columns: 2.1fr 1fr;}
.main_con{ position: relative; flex: 1; background-color: #ffffff; border-radius: 15px; box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);}
.main_con_upper{ padding: 15px 0; border-bottom: 1px solid #ddd;}
.main_con_upper a{ padding: 0 30px; display: flex; align-items: center; justify-content: space-between; font-weight: 500;}
.main_con_upper a::after{content: url(../img/arrow-right.svg);}
.main_con_bottom{ display: flex; flex-direction: column; gap: 60px; padding: 30px;}
.main_con_bottom h3{font-size: 1.4rem;}
.main_con_bottom p{font-size: 0.85rem; color: #666666;}

.main_con.double{ display: flex; border: 0px; overflow: hidden;}
.main_con.double .main_con{border-radius: 0; box-shadow: none;}
.main_con.double .main_con_upper{border-bottom: none;}
.annual{border-left: 1px solid #ddd;}
.esg .main_con_bottom,.annual .main_con_bottom,.performance .main_con_bottom{ display: block; gap: 0px; overflow: hidden;}
.esg h3, .annual h3, .performance h3{margin-bottom: 30px;}
.esg img,.annual img{ width: 160px; height: 106px; position: absolute; bottom: 30px; right: -20px; box-shadow: -2px 2px 4px 2px rgba(121, 121, 121, 0.1); z-index: 0;}
.esg button,.annual button,.performance button{ display: block; margin-top: 10px; padding: 10px 20px; border-radius: 30px; display: flex; align-items: center; gap: 10px; font-weight: bold; background-color: #f2f2f2;}
.esg button::after,.annual button::after,.performance button::after{ content: ''; background: url(../img/ico-download.svg); background-size: cover; background-position: right; display: inline-block; width: 15px; height: 15px;}
.performance button:last-of-type::after{background: url(../img/ico-webcast.svg);}

.stock{ background: url(../img/bg-shareprice.png); background-repeat: no-repeat; background-position: bottom right; background-color: #effbf7;}
.stock .main_con_bottom{gap: 0px;}
.stock .main_con_bottom >p{color: #222222;}
.stock .main_con_bottom >p:first-of-type{ font-size: 1rem; font-weight:500; color:#444444;}
.stock .main_con_bottom >p:nth-of-type(2){margin-top: 5px; font-weight: bold;}
.stock .main_con_bottom >p:nth-of-type(2) strong{ margin-right: 5px; font-size: 2.8rem; color: #222222 }
.stock .main_con_bottom >p:last-of-type{ margin-top: 55px; color: #666666;}
.stock .main_con_bottom >p:last-of-type span{margin-left: 20px;}

.group{ background: url(../img/bg-hanagroup.png); background-repeat: no-repeat; background-size: cover; background-position: bottom 30px right 30px; background-size: 80px 80px; background-color:#ffffff;}
.global{ background: url(../img/bg-global.png); background-repeat: no-repeat; background-position: bottom 30px right 30px; background-size: 80px 80px; background-color:#ffffff;}
.performance { background: url(../img/bg-result.png); background-repeat: no-repeat; background-position: bottom 30px right 30px; background-size: 60px 85px; background-color:#ffffff;}

/* 뉴스 */
.news_upper{ display: flex; justify-content: space-between; margin-bottom: 40px;}
.more a{display: flex; align-items: center; font-size: 0.85rem;}
.more a::after{ content: ''; background: url(../img/arrow-right-long.svg); background-size: cover; display: inline-block; width: 15px; height: 15px; margin-left: 8px;}

/* 공지 */
.notice {padding: 40px 0 120px;}
.notice_wrap{ display: grid; grid-template-columns: 1fr 1fr;}
.notice_upper{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;}
.notice_upper h2{font-size: 1.9rem;}
.notice_upper .more a{font-size: 1rem;}

.company{margin-right: 80px;}
.company .notice_bottom ul li{ display: flex; padding: 4px 0;}
.company .notice_bottom ul li a{font-weight: 500;}
.company .notice_bottom ul li span{font-size: 0.9rem; color: #666666;}

.management ul{ display:flex;}
.management ul li{ flex: 1; font-weight: 500; padding-left: 20px; border-left: 1px solid #ddd;}
.management ul li p:last-of-type{margin-bottom: 30px;}
.management ul li a{ width: fit-content; font-size: 0.9rem; background-image: url(../img/ico-download.svg); background-position:top 5px right 0; background-repeat: no-repeat; background-size: 15px 15px; padding-right: 20px;}
.management ul li a:hover{background-image: url(../img/ico-download-gr.svg); color: #009178;}

/* 채용 배너*/
.recruit{ background-image: url(../img/bg-recruit.png); background-size: cover; background-position: center;}
.recruit_wrap{ height: 300px; display: flex; justify-content: space-between; align-items: center;}
.recruit_left h2{ color: #ffffff; font-size: 2.1rem;}
.recruit_right{ display: flex; flex-direction: column; gap: 15px;}
.recruit_right .arrowBtn{ padding: 15px 40px 15px 20px; font-size: 1rem; border-radius: 30px;}
.recruit_right .arrowBtn:last-child{background-color: #292f35; color: #ffffff;}
.recruit_right .arrowBtn:last-child::after{background: url(../img/arrow-right-long-w.svg);}

/* 푸터 */
footer{background-color: #111;}
.footer_upper{ border-bottom: 1px solid #7d7d7d33;}
.footer_upper_con{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0; position: relative;}
.footer_upper_con button{display: none;}
.footer_customerInfo{display: flex; align-items: center;  gap: 35px;}
.footer_customerInfo li a{font-size: 0.85rem; color: #AAAAAA;}
.footer_sns ul{display: flex; align-items: center;gap: 30px;}
.validator{width: 65px; height: fit-content; position: absolute; bottom: -140px; right: 0;}

.footer_main_con{font-size: 0.85rem; padding:40px 0; color: #888888;}
.footer_info a{margin-bottom: 15px;}
.footer_info span:nth-of-type(2){margin-left: 20px;}
.footer_info p{margin-top: 5px;}

/* responsive */
@media screen and (max-width:1220px){
    .info_report_right p:nth-of-type(2){margin-bottom: 0;}
    .info_report_btns{flex-direction: column; gap: 5px;}
}
@media screen and (max-width:1200px){
    .gnb .sub >button{padding: 30px 20px;}
}
@media screen and (max-width:1024px){
    /* Top Button */
    .topBtn{width: 40px; height: 40px; bottom: 20px; right: 20px;}
    .topBtn::after{background-size: 18px 18px;}
    .topBtn.fixed{position: absolute; bottom: 250px;}
    
    .inner{padding: 0 20px;}
    .header_template{padding: 0px 20px;}
    .logo{width: 110px; height: 22px;}
    .gnb .sub{display: none;}
    .gnb_right>ul>li{height: 72px;}
    .gnb_right>ul>li:nth-last-of-type(2),.gnb_right>ul>li:nth-last-of-type(3){display: none;}

    /* 하나 키인포 */
    .key_info_con{display: none; width: 100vw; height: 100vh;  position: fixed; top: 0; left: 100%;  color: #ffffff; z-index: 999; transition: all 0.3s ease-out;}
    .inner.common_pad{display: flex; flex-direction: column; width: 100%; height: 100vh; min-height: 0; box-sizing: border-box; padding: 0px; background-color: #009178;}
    .upper{display: flex; justify-content: space-between; align-items: center; padding: 25px 20px 20px; position: relative; width: 100%; background-color: #009178; z-index: 999;}
    .upper h1{font-size: 1.25rem; margin-bottom: 0;}
    .key_info_close{display: block; width: 25px; height: 25px; background: url(../img/btn-menu-close-w.svg); background-size: cover;}
    
    .info{grid-template-columns: 1fr; gap: 8px; box-sizing: border-box; overflow-y: auto; background-color: rgb(0, 0, 0,0.2);}
    .info_con{background-color: #009178; padding: 0 20px;}
    .title_p{ font-size: 1.1rem; padding: 30px 0 15px;}
    .info_con ul{ display: flex; flex-direction: column; gap: 0px;}
    .info_con ul li{ padding: 25px 0; border-bottom: 1px solid #fff3; margin-bottom: 0;}
    .info_con ul li .info_stock_rate{display: flex; justify-content: space-between; align-items: center;}
    .info_con ul li strong{font-size: 2rem;}
    .info_con ul li p{ margin-top: 0; margin-bottom: 8px;}
    .info_con ul li p a{font-size: 1rem; width: fit-content; padding-right: 25px; background-position: top 2px right 0;}

    .info_01{padding-bottom: 20px;}

    .info_02 ul li{ display: flex; position: relative; padding: 25px 0 90px;}
    .info_02 ul li img{ width: 150px;}
    .info_report_right{display: inline-block; }
    .info_report_right p:nth-of-type(2){ font-size: 1.125rem;  font-weight: 100; margin-top: 0px; margin-bottom: 10px;}
    .info_report_btns{display: flex; flex-direction: row-reverse; justify-content: space-between; gap: 20px; width: 100%; position: absolute; left: 0; bottom: 25px;}
    .info_report_btns button a::after{content: '';background: url(../img/ico-download-w.svg);background-size: cover;display: inline-block;width: 0.9rem;height: 0.9rem; position: absolute;top: 50%; right: 20px;transform: translateY(-50%);}
    
    .info_03{padding-bottom: 50px;}
    .info_03 ul li{padding: 20px 0; }
    .info_03 ul li a{font-size: 1rem;}

    /* 모바일 전체메뉴 */
    .menuAll_con{display: none;}
    .m_menuAll{display: block; position: fixed; top: 0; left: 100%; width: 100%; height: 100vh; background-color: #ffffff; transition: all 0.3s; z-index: 100;}
    .m_menuAll.m_menuAll_slide{left: 0;}
    .m_menuAll_upper.upper{background-color: #009178;}
    .m_menuAll_upper_right{display: flex; gap: 20px; align-items: center;}
    
    .m_menuAll_upper_right>.language_btn{position: relative; width: 28px; height: 28px;}
    .m_menuAll_upper_right>.language_btn>button::after{width: 28px; height: 28px;}
    .m_menuAll_upper_right>.language_btn .language_list{right: 58%; top: 34px;}
    .m_menuAll_upper_right>.language_btn .language_list ul{padding: 12px 0; border-radius: 10px;}
    .m_menuAll_upper_right>.language_btn .language_list ul li a{padding: 6px 12px;}

    .menuAll_close{display: block; width: 28px; height: 28px; background: url(../img/btn-menu-close-w.svg); background-size: cover;}

    .m_menuAll_con{display: flex;}
    .menuAll_tab{flex: 1; background-color: #f8f8f8;}
    .menuAll_tab>ul>li,.menuAll_tab_list>ul>li{padding: 20px 20px;}
    .menuAll_tab ul li button,.menuAll_tab_list ul li button{font-family: "hana"; font-size: 1rem; }
    .menuAll_tab ul li button{width: 100%; text-align: left; color: #888888;}
    .menuAll_tab ul li:last-child{border-top: 1px solid #ddd;}
    .menuAll_tab ul li.active{background-color: #ffffff;}
    .menuAll_tab ul li.active button{color: #222222;}
    
    .menuAll_tab_con{flex: 1.5; width :100%; height: 100vh; position: relative;}
    .menuAll_tab_list{display: none; width :100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #ffffff;}
    .menuAll_tab_list ul{background-color: #ffffff;}
    .menuAll_tab_list ul li button{display: flex; justify-content: space-between; width: 100%; font-weight: 500;}
    .menuAll_tab_list ul li button.tab_down,.menuAll_tab_list ul li button.tab_link a{display: flex; justify-content: space-between; align-items: center;}
    .menuAll_tab_list ul li button.tab_link a::after,.menuAll_tab_list ul li button.tab_down::after{content: ''; display: block; width: 18px; height: 18px; background: url(../img/arrow-right.svg); background-size: cover;}
    .menuAll_tab_list ul li button.tab_down::after{rotate: 90deg;}
    .menuAll_tab_list>ul>li.tabDown button.tab_down::after{rotate: 270deg;}
    .menuAll_tab_list ul li ul{padding: 20px 0; border-bottom: 1px solid #ddd;}
    .menuAll_tab_list ul li:last-of-type ul{border-bottom: none}
    .menuAll_tab_list ul li ul li{padding: 8px 0;}
    .menuAll_tab_list ul li ul li a{width: fit-content; font-size: 0.95rem; color: #666666;}

    /* 메인배너*/
    .main_banner {height: 590px}
    .main_slide img.bannerImg_m{ display: block;}
    .main_slide img.bannerImg_pc{display: none;}
    .main_slide .inner .mainSwiper_txt{top: 20%; transform: translateY(-20%); width: 320px;}
    
    /* 실적발표 배너 */
    .report_con{flex-direction: column; padding: 30px; transform: translateY(-60px); margin-bottom: -60px;}
    .report_left .report_tit{font-size: 1.35rem;}
    .report_left .report_tit p{ font-size: 1rem; margin-bottom: 0;}
    .report_right{margin-right: 0px;}
    .report_right p{ font-size: 1.1rem; margin: 25px 0;}
    .arrowBtn{width: 100%;}
    
    /* 메인콘텐츠 */
    .main_contents{padding-bottom: 20px;}
    .main_con_wrap{display: grid; grid-template-columns: 1fr; gap: 40px; margin-bottom: 40px;}
    .main_con_wrap.main_bottom{grid-template-columns: 1fr; gap: 0px; border-radius: 15px; overflow: hidden;  box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);}
    
    .main_bottom .main_con{box-shadow: none;}
    .main_con_bottom h3{font-size: 1.4rem; margin-top: 20px;}
    .main_con.double{ display: flex; flex-direction: column; border-radius: 15px 15px 0 0;}
    .main_con.double .main_con{border-radius: 0; border-bottom: 1px solid #ddd;}
    
    .group p:last-of-type,.global p:last-of-type{height: 0; visibility: hidden;}
    .esg .main_con_bottom,.annual .main_con_bottom,.performance .main_con_bottom{ display: block; gap: 0px; overflow: hidden;}
    .esg h3, .annual h3, .performance h3{font-size: 1.1rem;}
    .annual{border-left: none;}
    
    .main_con_bottom_btns{display: flex; gap: 10px;}
    .esg button,.annual button,.performance button{flex: 1; position: relative; padding-right: 40px; font-size: 0.9rem;}
    .esg button::after,.annual button::after,.performance button::after{position: absolute; right: 20px;}

    .esg img,.annual img{ width: 120px; height: 80px; top: 50%; right: -5px; transform: translateY(-50%);}
    .performance {background: #ffffff; border-radius: 0;}
    .stock .main_con_upper,.performance .main_con_upper{border-bottom: none;}
    .stock .main_con_bottom{padding: 20px 30px 30px;}
    .stock .main_con_bottom >p:last-of-type{ margin-top: 40px; color: #666666;}
    
    /* 뉴스 */
    .news{padding: 40px 0 50px;}
    .news_upper{margin-bottom: 20px;}
    .news_upper h2{font-size: 1.1rem;}
    .more a{text-indent: -9999px;}
    
    .neswSwiper_con .badge{display: none;}
    .neswSwiper_con p{display: none;}
    
    .newsSwiper{width: 100%; overflow: hidden;}
    .newsSwiper .swiper-wrapper{box-sizing: border-box; display: flex; width: 100%;}
    .newsSwiper_img{aspect-ratio: 16/10;}
    .news_pagination{display: flex; align-items: center; }
    .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 3px; background-color: rgb(0 0 0 / 0.6); opacity: 1;}
    .swiper-pagination-bullet-active{width: 24px; border-radius: 4px;}
    
    /* 공지 */
    .notice {padding: 40px 0 30px;}
    .notice_wrap{grid-template-columns: 1fr;}
    .notice_upper{margin-bottom: 25px;}
    .notice_upper h2{font-size: 1.1rem;}
    .notice_upper .more a{font-size: 1rem;}
    .notice_upper .more a::after{background: url(../img/arrow-right.svg); width: 16px; height: 16px; margin-left: 0px;}
    
    .company{margin-right: 0; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
    .company .notice_bottom ul li{ display: flex; padding: 2px 0;}
    .company .notice_bottom ul li a{font-weight: 300;}
    .company .notice_bottom ul li span{font-size: 0.8rem;}
    
    .management{padding-top: 30px;}
    .management ul{ display:flex; flex-direction: column; gap: 10px;}
    .management ul li{ display: flex; justify-content: space-between; position: relative; padding: 12px 20px; border-radius: 5px; border: 1px solid #ddd;}
    .management ul li p{margin-right: 40px;}
    .management ul li p br{display: none;}
    .management ul li p:last-of-type{ margin-bottom: 0; position: relative;}
    .management ul li a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0.85rem; background-position:top 50% right 20px; background-size: 16px 16px; padding-right: 0px;}
    .management ul li a{text-indent: -9999px;}

    /* 채용 배너*/
    .recruit_wrap{width: 100%; height: 240px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
    .recruit_left h2{ color: #ffffff; font-size: 1.2rem; margin-bottom: 30px;}
    .recruit_right{ display: flex; flex-direction: row; width: 100%;}
    .recruit_right .arrowBtn{flex: 1;}
    .recruit_right .arrowBtn:last-child{flex: 1;}
    .m_span_delete{display: none;}
    
    /* 푸터 */
    footer{display: flex; flex-direction: column-reverse;}
    
    .footer_upper_con{ display: block; justify-content: space-between; padding: 0 0 40px 0; align-items: center; position: relative;}
    .footer_upper_con button{display: block; width: 100%; height: 50px; padding:0 10px; margin-bottom: 8px; border-radius: 0 0 10px 10px; text-align: left; color: #AAAAAA;  background-color: #111; transition: all 0.3s;}
    .footer_upper_con button span{border-top: 4px solid #aaa; border-right: 4px solid transparent; border-left: 4px solid transparent; width: 0; height: 0; position: absolute; top: 50%; right: 15px; transform: translateY(-50%) rotate(180deg); transition: all 0.3s;}
    .footer_upper_con button.customerInfo_toggle{ background-color: #444444;}
    .footer_upper_con button.customerInfo_toggle span{transform: rotate(0deg);}
    
    .footer_li{display: block; width: 100%; box-sizing: border-box; position: relative; border-bottom: 1px solid #fff6; }
    
    .footer_customerInfo{display: none; width: 100%;  padding: 10px; position: absolute; left: 0; bottom: 55px; text-align: left; border-bottom: 1px solid #fff6; border-radius: 10px 10px 0 0; background-color: #444;}
    .footer_customerInfo li{padding: 6px 0;}
    .footer_customerInfo li a{font-size: 0.85rem; font-weight: bold; color: #AAAAAA;}
    
    .footer_sns{margin-top: 25px;}
    .validator{width: 40px; position: absolute; bottom: 45px;}

    .footer_main_con{padding:35px 0;}
    .footer_info a{margin-bottom: 15px;}
    .footer_info span:nth-of-type(2){margin-left: 20px;}
    .footer_info p{margin-top: 5px;}
}