@media screen and (min-width:1745px){ .quick_menu .con {display:block !important;} } /* ----------------------------------------- PC_Guide_break ----------------------------------------- */ @media screen and (max-width:1744px){ .header .gnb li.g7 {margin-right:-70px;} .header .gnb li > a {padding:0 15px;} .header .gnb .snb a {padding-left:25px; word-break:break-all;} .quick_menu {right:10px; bottom:30px; width:90px; padding-bottom:100px;} .quick_menu .btn_quick {position:absolute; bottom:0; left:0; width:90px; height:90px; background:#04B084; border-radius:50%; cursor:pointer; display:block;} .quick_menu .btn_quick:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/arrow_btm.svg') no-repeat 50% 50% / 20px; transform:rotate(180deg); transition:.2s linear;} .quick_menu .con {display:none;} .quick_menu .link {font-size:13px; margin-bottom:10px;} .quick_menu .link:before {height:18px; background-size:contain; margin-bottom:5px;} .gotop:before, .gotop:after {border-width:15px;} .quick_menu.on {padding:100px 0 0;} .quick_menu.on .btn_quick {bottom:calc(100% - 90px);} .quick_menu.on .btn_quick:before {transform:rotate(0deg);} } @media screen and (max-width:1640px){ .header .gnb li > a {font-size:16px;} .header .gnb li.g1 .snb {width:161px;} .header .gnb li.g2 .snb {width:201px;} .header .gnb li.g3 .snb {width:154px;} .header .gnb li.g4 .snb {width:134px;} .header .gnb li.g5 .snb {width:165px;} .header .gnb li.g6 .snb {width:134px;} .header.menu_open .gnb li.g1 {width:153px;} .header.menu_open .gnb li.g2 {width:181px;} .header.menu_open .gnb li.g3 {width:154px;} .header.menu_open .gnb li.g4 {width:134px;} .header.menu_open .gnb li.g5 {width:165px;} .header.menu_open .gnb li.g6 {width:134px;} .header .gnb .snb a {padding-left:15px;} } @media screen and (max-width:1520px){ br.pc_vw {display:none;} /* header */ .header .logo {left:50px;} .header .btn_menu {right:50px;} .header .gnb {padding:0 230px 0 250px;} .header .gnb ul {width:90%;} .header .gnb li > a {padding:0 10px;} .header .gnb .snb {top:130px;} .header .gnb .snb a {font-size:14px; line-height:24px; padding-left:20px;} .header .gnb .bg {height:500px; background-size:auto 400px;} .header .gnb .bg:before {width:250px; background-size:90%;} .header .gnb .bg .abox {width:180px; padding-left:25px;} .header .langs {right:130px;} .header.menu_open .gnb li.g1 {width:15%;} .header.menu_open .gnb li.g2 {width:16%;} .header.menu_open .gnb li.g3 {width:13%;} .header.menu_open .gnb li.g4 {width:15%;} .header.menu_open .gnb li.g5 {width:15%;} .header.menu_open .gnb li.g6 {width:13%;} .header.menu_open .gnb li.g7 {width:13%;} /* main */ .mvisual_wrap.on_set1 .mv_txt {left:50px;} .m_business .tit_box {left:50px;} .tit_fix_set.start .left_tit {left:20px; margin-left:0;} .page_top .txt {padding-left:40px;} /* sub */ .social_wrap .ip_wrap .tit {padding-right:20px;} .horizontal_ul.set3 li .img {height:22vw;} .horizontal_ul.thin2 li .img {height:16vw;} .news_board li .img {height:9vw;} .about_esg .img {height:21.5vw;} } /* ----------------------------------------- Notebook ----------------------------------------- */ @media screen and (max-width:1439px){ /* header */ .header .inbox {height:120px;} .header .logo {left:40px; width:160px; height:120px;} .header .btn_menu {right:40px;} .header .gnb {padding:0 160px 0 215px;} .header .gnb ul {width:100%;} .header .gnb li > a {font-size:14px; line-height:120px; height:120px; padding:0 5px;} .header .gnb li.g1 {width:12%;} .header .gnb li.g2 {width:21%;} .header .gnb li.g3 {width:11%;} .header .gnb li.g4 {width:12%;} .header .gnb li.g5 {width:17%;} .header .gnb li.g6 {width:11%;} .header .gnb li.g7 {width:16%; margin-right:-2%;} .header .gnb .snb {max-width:100%;} .header .gnb .snb a {font-size:12px; line-height:22px; padding:8px 0 8px 10px;} .header.menu_open .gnb ul {width:98%;} .header .gnb .bg {height:440px; background-size:auto 340px;} .header .gnb .bg:before {width:215px; background-size:100%;} .header .gnb .bg .abox {width:140px; padding-left:10px;} .header .gnb .bg .abox a {font-size:13px; line-height:24px; margin-bottom:15px;} .header .langs {right:90px;} .header .langs dt {font-size:17px; line-height:120px; margin:0 15px;} .header .langs dt button {line-height:120px;} .header .sitemap .menu > ul > li > a {font-size:30px; line-height:34px; padding:20px 40px;} .header .sitemap .snb {padding-top:20px;} .header .sitemap .snb > li a {font-size:20px; line-height:26px;} .header .sitemap .snb .dep a {font-size:16px;} .header .gnb li.g1 .snb {width:153px;} .header .gnb li.g2 .snb {width:145px;} .header .gnb li.g3 .snb {width:148px;} .header .gnb li.g4 .snb {width:121px;} .header .gnb li.g5 .snb {width:102px;} .header .gnb li.g6 .snb {width:121px;} /* footer */ .footer {padding:120px 0;} .footer .left .fh_tit {font-size:34px; line-height:40px;} .footer .left .cs > * {font-size:15px;} .footer .left .links {gap:30px;} .footer .left .links a {font-size:15px; margin-right:30px;} .footer .left .links a:after {right:-15px;} .footer .left .address {margin:30px 0 50px;} .footer .left .address p {font-size:13px;} .footer .right .sitemap {gap:10px;} .footer .right .sitemap li {margin-left:10px;} .footer .right .family {margin-top:90px;} .footer .right .family a {font-size:17px;} /* main */ .mvisual_wrap .mv_txt {left:20%; font-size:60px; line-height:80px;} .mvisual_wrap .mv_txt li {max-height:160px;} .mvisual_wrap .mv_txt p {font-size:20px; line-height:32px; height:32px;} .mvisual_wrap .mv_txt.first {width:80%;} .mvisual_wrap .mv_txt.first p {top:100px; left:0;} .mvisual_wrap .gobtm {width:100px; height:100px;} .mvisual_wrap.on_set2 .gobtm {margin-top:160px;} .m_business .tit_box {width:31.25%;} .m_business .list_box {gap:100px 40px; width:60%;} .m_business .list_box a {width:calc(50% - 20px); padding:35px 20px 25px;} .m_business .list_box .tit {font-size:24px; margin-bottom:20px;} .m_business .list_box strong {font-size:16px; line-height:26px;} .m_business .list_box p {line-height:24px;} .trans_text .btm_txt li > span {margin-bottom:20px;} .trans_text .btm_txt li .poppins {font-size:94px; line-height:90px;} .m_media_slide {margin-left:-40px;} .m_media_slide .mv {padding:0 40px;} /* sub */ .svisual .tit {font-size:70px; line-height:90px; margin-top:30px;} .container .title {font-size:36px;} .container .ctit {font-size:44px; padding-bottom:35px; margin-bottom:35px;} .container .ctxt {font-size:34px;} .container .btxt {font-size:22px; line-height:34px;} .page_top .txt {font-size:34px; line-height:50px; padding-top:340px;} .stit {font-size:28px; line-height:34px;} .stit.mt2 {margin-top:150px;} .tbl th, .tbl td {padding:20px 10px;} /* GS������ �Ұ� */ .greeting .img {width:calc(50% - 170px); margin: 0 160px 0 0;} .greeting .txt .tit {font-size:40px; line-height:60px; padding-bottom:40px; margin-bottom:50px;} .about_wrap .title {line-height:40px;} .about_business a {padding:50px 60px;} .about_business .more {bottom:50px; left:60px;} .about_esg .txt {padding:30px 20px; height:250px;} .about_esg .tt {font-size:22px; line-height:30px; margin-bottom:15px;} .about_esg p {font-size:16px; line-height:24px;} .about_esg .more {bottom:20px; right:30px;} .about_history .title {width:200px;} .about_history .title .more {margin-top:40px;} .about_history .hisbox {width:calc(100% - 200px); gap:10px;} .about_history .hisbox > li {width:60px;} .about_history .hisbox > li.on {width:calc(100% - 490px);} .about_history .hisbox > li.on {padding:20px;} /* ���� */ .vision_wrap .vision {font-size:40px; line-height:100px;} .vision_wrap p {font-size:34px; line-height:54px;} .leaflet_box .ctxt {line-height:54px; margin:30px 0 60px;} /* ���� */ .history_list .years_con {padding:60px 0 100px 60px;} .history_list .years_con dl {margin-bottom:50px;} /* �繫��Ȳ */ .financial_graph ul {gap:30px;} .financial_graph li {width:calc((100% - 60px)/3); padding:30px;} /* �Խ��� */ .board_list col.w1 {width:120px;} .board_list col.w2 {width:140px;} .board_list col.w3 {width:160px;} /* ���»�� */ .status_box .left_tit {width:30%;} .status_box .list {width:70%; padding-left:50px;} .tit_fix_set.start, .tit_fix_set.end {padding-left:30%;} .facility_status .list li {padding-left:140px;} .facility_status .list i {left:30px;} /* �����ó��� ��� */ .horizontal_dl dl {gap:40px;} .horizontal_dl dt, .horizontal_dl dd {width:calc(50% - 20px);} .horizontal_dl dt {margin-right:40px;} .horizontal_dl dd {padding:10px;} .horizontal_ul.set2 {gap:60px;} .horizontal_ul.set2 li {width:calc(50% - 30px);} .bg_heating_cooling .icons {gap:20px;} .bg_heating_cooling .icons li {margin-right:20px;} .bg_heating_cooling .icons li {width:calc((100% - 80px)/5); height:300px;} .bg_heating_cooling .icons p {font-size:15px; line-height:24px;} /* ����������� ��� */ .ipdl_list dt .gtxt {left:-50px; width:50px; height:50px;} .ipdl_list dt .gtxt span {font-size:50px; line-height:50px; left:-200px;} .ip_wrap .tit {width:60%; padding-right:20px;} .ip_wrap .pic {width:40%; max-width:none;} .ip_wrap .pic .pic01 {right:0; width:80%;} .ip_wrap .pic .pic02 {top:20vw; bottom:0; width:70%;} .horizontal_ul.set3 {gap:30px;} .horizontal_ul.set3 li {width:calc((100% - 60px)/3);} /* ������ ȿ��ȭ ��� */ .energy_efficiency_top {background-size:cover;/* auto 340px; */} .energy_efficiency_top .txt{padding-top:425px !important;} /* ESG ��å */ .gs_policy_dl .gray_sqr li {padding:10px 20px 10px 260px;} .gs_policy_dl .gray_sqr .icon {width:200px;} /* Environmental */ .environmental_top {padding:120px 0;} .environmental2_area {margin-top:150px;} .environmental2_area .img {padding:40px;} .environmental2_area .icbox .icon {width:140px; height:140px;} .environmental2_area .icbox .icon:before {width:calc(100% - 20px); height:calc(100% - 20px); background-size:50px;} .environmental2_area .icbox .txt {width:calc(100% - 140px); padding-top:20px;} .st_half.mt2 {margin-top:150px;} .st_half .st_tit {width:40%;} .st_half .st_con {width:60%;} .control_slide {height:50vw;} .swipe_out .control_slide {width:calc(100% + 80px); transform:translateX(-80px); padding-right:80px;} .control_slide .swiper-slide {width:38vw; height:40vw;} .control_slide img {width:100%; height:100%; object-fit:cover; border-radius:20px;} .control_slide .txt {padding:30px;} @keyframes slideimg { 0% {width:30vw;} 20% {width:30vw;} 60% {width:40vw;} 100% {width:40vw;} } @keyframes slideimg_h { 0% {height:40vw;} 20% {height:40vw;} 60% {height:48vw;} 100% {height:48vw;} } .shadow_txt {font-size:56px;} .stit .shadow_txt, .st_tit .shadow_txt {line-height:66px;} .environmental_area2 .st_tit .shadow_txt {font-size:56px; line-height:66px;} .environmental_area_b1 .gl_box {padding:20px;} .emission_status dl {gap:15px;} .emission_status dl > * {width:40%;} .emission_status dl > *:first-child {width:30%;} .emission_status dl.dd dt .ico {width:100%; height:13vw;} .emission_status dl.dd dt .ico p {padding-top:3vw; font-size:14px;} .emission_status dl.dd dd .ico_box {padding:20px;} .emission_status dl.dd dd .ico_box .b, .emission_status dl.dd dd .ico_box .m {gap:6px;} .emission_status dl.dd dd .leafbox .b i {width:24px; height:34px;} .emission_status dl.dd dd .leafbox .m i {width:18px; height:22px;} .emission_status dl.dd dd .leafbox .s i {width:12px; height:16px;} .emission_status dl.dd dd .waterbox .b i {width:22px; height:34px;} .emission_status dl.dd dd .waterbox .m i {width:16px; height:22px;} .emission_status dl.dd dd .waterbox .s i {width:10px; height:16px;} .emission_status dl.dd dd .ico_box .count {bottom:10px; right:10px; font-size:30px; line-height:38px;} .environmental_area_b2 .w_box {padding:20px;} .environmental_area_b1 .logo img {height:80px;} .environmental_area_b1 .btxt {margin:30px 0;} .environmental_area_b1 ul.img {margin-top:60px; gap:30px;} .environmental_area_b1 ul.img li {flex:1 1 calc(50% - 15px);} .environmental_area_b1 ul.img p {font-size:18px; margin-top:15px;} .environmental_area_b1 ul.img.mb {margin-bottom:120px;} .environmental_area_b2 {margin:120px 0 80px;} .environmental_area_b2 .logo {margin-top:50px;} .environmental_area_b2 .btxt {margin:30px 0;} .environmental_area_b2 .con1 {margin-bottom:150px;} .environmental_area_b2 .con1 .left {width:calc(100% - 420px);} .environmental_area_b2 .con1 .left .logo {height:360px;} .environmental_area_b2 .con1 .right {width:420px;} .environmental_area_b2 .con1 .right p {font-size:18px; margin-top:15px;} .environmental_area_b3 .img {height:480px;} .environmental_area_b4 {padding-top:150px;} .environmental_area_b4 .stit {margin-bottom:40px;} .environmental_area_b4 .st_half, .environmental_area_b4 .tbl_box {margin-bottom:150px;} .environmental_area_b4 .logo {height:280px;} .environmental_area_b4 .btxt {margin:30px 0;} .environmental_area_b4 p {margin-bottom:30px;} .environmental_area_b4 .tbl_box .btit .state {gap:15px;} .environmental_area_b4 .tbl_box .btit .state li {font-size:16px;} /* Social */ .gbox.pb {padding-bottom:150px;} .social_a1 {padding:150px 0 100px;} .social_a1:before {height:36vw;} .social_a1_2 {padding:150px 0;} .social_a1_1 {padding:150px 0; margin-bottom:150px;} .social_a2 {margin-top:150px; padding-bottom:0;} .social_a2 .wbox {padding:70px;} .social_a2 .wbox .tit {font-size:40px; line-height:50px; margin-bottom:40px;} .social_wrap .glbox_wrap {padding-bottom:150px;} .social_wrap .ip_wrap .tit .btxt {margin:40px 0 20px;} .social2_1 .glbox {padding:30px;} .social2_1 .img_area {gap:20px; padding:30px 0 35px;} .social2_2 .wbox {padding:120px 20px;} .social2_2 .cbox dt p {font-size:22px;} .social2_2 .cbox dd {font-size:18px; line-height:30px;} .social2_2 .imgs {margin-top:120px; gap:20px;} .social2_2 .imgs img {width:calc(50% - 10px);} .social2_3 {padding:150px 0;} .social2_3 .inner {height:auto;} .social3_2 {padding:150px 0; margin-top:150px;} .social3_2:before {height:50vw;} /* ��ȸ���� */ .social4_1 .gl_box {margin-bottom:150px;} .social4a_2 .img {padding:60px;} .social4_2 .st_half {margin-bottom:150px;} /* Governance */ /* ���豸�� */ .governance_a2 ul {gap:40px;} .governance_a2 li {width:calc(50% - 20px);} /* �����濵 */ .governance2_wrap {gap:60px;} .governance2_wrap .img_governance2 {width:45%; height:60vw; background-size:cover;} .governance2_wrap .txt {width:calc(55% - 60px);} .dl_rule dt {font-size:28px; line-height:36px; padding:30px 120px 30px 20px;} .dl_rule dt i {width:97px; height:97px;} .dl_rule dd {padding:40px 20px;} /* ���� ����ũ */ .lisk_step {padding:60px 30px;} .lisk_step > * {height:240px;} .lisk_step dt {font-size:18px;} .lisk_step dd {height:160px;} /* ���Ӱ��ɰ濵������ */ .report_wrap {padding:80px 0 160px;} .report_wrap .img {padding-right:80px;} .report_wrap .txt .tt {font-size:32px; line-height:50px; margin-bottom:120px;} .report_wrap .txt .down_wrap {font-size:22px;} /* ����ä�� */ /* ����濵 */ .organizational_value dd li {padding:100px 80px 80px;} .organizational_value dd .num {top:70px; left:80px; font-size:100px;} .organizational_value dd .tit {font-size:28px; line-height:34px; margin:30px 0 20px;} .organizational_value dd strong {font-size:18px;} .organizational_value dd .dots {margin-top:50px;} .talent_management_area2 .tt {font-size:24px; line-height:40px; padding:60px 0 20px;} /* FAQ */ .faq_wrap dt {font-size:22px;} /* ä����� */ .employment_list li a {padding:40px 220px 40px 140px;} .employment_list .tag {width:140px;} .employment_list span {right:100px;} .employment_list li a:after {width:80px;} /* ���»� ���� */ .partner_wrap li {height:400px;} .partner_wrap li p {font-size:18px; margin:20px 0 50px;} /* �������� */ .customer_yard {gap:30px;} .customer_yard li {width:calc((100% - 60px)/3);} .customer_yard_btm .inner {height:360px;} .customer_yard_btm strong {font-size:28px; line-height:34px;} .customer_yard_btm .btn {margin-top:50px;} /* ������ �ٿ�ó ���� */ .customer2_4 .img {padding:60px 20px; margin-bottom:50px;} /* Beyond */ /* �׸����� ��Ʈ������ Ȯ�� */ .gbox.smr_wrap {padding:50px; height:610px;} .power_plant .arrow {width:80px;} .power_plant .box {width:calc(50% - 40px); padding:30px calc(16vw + 40px) 30px 30px;} .power_plant img {width:16vw; right:30px;} .power_plant .tt {font-size:18px; margin:30px 0 15px;} .power_plant p {font-size:18px; line-height:28px;} /* �����ڷ� */ .news_board {gap:25px;} .news_board li {width:calc((100% - 75px)/4);} .news_board li a {height:calc(9vw + 200px); padding:30px;} .news_board li .cate {margin-bottom:20px;} .news_board li .tt {font-size:18px;} .news_board li .date {bottom:30px; left:30px; font-size:15px;} .board_view .tit .tt {font-size:38px; line-height:40px; margin:15px 0 30px;} /* CI ���̵� */ .signature .sig_box p {width:calc(100% - 320px);} /* ������ ��� */ .gall_list {gap:30px;} .gall_list li {width:calc((100% - 60px)/3);} .gall_list li .img {height:24vw;} .gall_list li .txt {padding:30px 20px;} .pop_video {padding:40px;} .pop_video .tit {font-size:28px;} .pop_video iframe {max-height:50vw;} .fancybox-close {width:90px; height:90px;} /* �����Ұ� */ .support_box {gap:40px; margin-top:100px;} .support_box li {width:calc((100% - 120px)/4);} .support_box p {padding:30px 0; height:241px;} .support_box .icons {margin-top:30px; padding:15px 0 0 15px;} .support_box .icons:before {width:50px; height:50px;} /* ����� */ .popup_yak {padding:40px; font-size:16px; line-height:32px;} .popup_yak .tit {font-size:28px; line-height:34px; padding-bottom:30px; margin-bottom:30px;} .popup_yak .tit span {font-size:13px;} .popup_yak .tt {font-size:18px; margin:30px 0 15px;} .popup_yak .gbox {padding:25px 30px;} .popup_yak .dots_list li:before {top:14px;} .jeboline {height:380px; padding:80px 60px;} .jeboline .tt {font-size:28px; line-height:40px; margin-bottom:40px;} /* 260128 추가 */ .fancybox-inner .btn-history {top:calc(40px + 24px); right:calc(90px + 10px);} html[lang=en] .fancybox-inner .btn-history {top:calc(40px);} } /* ----------------------------------------- hover_area ----------------------------------------- */ @media screen and (min-width:1024px){ .ie_wrap .link a:hover {opacity:.7;} .board_list .hover td {background:#F8F8F8;} .board_list .hover td i.file {background:#EF7F00;} .board_bottom .paging a:hover {color:#333; font-weight:500;} .board_bottom .paging a:hover:before {width:20px;} .board_bottom .btns .prev_next a:hover {opacity:1;} /* header */ .header .gnb li:hover > a {color:#04B084;} .header .langs dd a:hover {color:#04B084;} .header .gnb .snb a:hover {color:#04B084;} .header .sitemap .snb > li:hover > a {color:#333; font-weight:700;} .header .sitemap .snb .dep a:hover {color:#333; font-weight:500; text-decoration:underline;} .header.menu_open > .inbox {height:100px;} .header.menu_open .logo {height:100px; background-image:url('/pub/images/logo_g.png');} .header.menu_open .gnb .bg {top:0;} .header.menu_open .gnb .bg:after {width:100%;} .header.menu_open .gnb li.g6 {margin-right:0;} .header.menu_open .gnb li > a {color:#222; line-height:100px; height:100px;} .header.menu_open .langs dt {line-height:100px;} .header.menu_open .langs dd {top:80px;} .header.menu_open .gnb .snb {display:block; height:320px;} /* .header.menu_open .gnb li.g7 {width:150px; margin-right:-60px;} */ .header.menu_open .btn_menu .i1 {background:#ED6F04;} .header.menu_open .btn_menu .i2 {background:#ccc;} .header.menu_open .btn_menu .i3 {background:#016FB3;} .header.menu_open .btn_menu .i4 {background:#ccc;} .header.menu_open .btn_menu .i5 {background:#FBBA00;} .header.menu_open .btn_menu .i6 {background:#009B96;} .header.menu_open .btn_menu .i8 {background:#ccc;} .header.menu_open .btn_menu .i9 {background:#8DB943;} .header.menu_open .langs dt {color:#222;} .header.menu_open .langs dt:after {background:#222;} .header.menu_open .langs dt button {line-height:100px;} /* footer */ .footer.sc_on {animation:foot_z_on 1s forwards;} @keyframes foot_z { 0% {z-index:1;} 100% {z-index:-1;} } @keyframes foot_z_on { 0% {z-index:-1;} 100% {z-index:1;} } .footer .left .links a:hover:before {left:0; width:100%;} .footer .right .sitemap a:hover {color:#fff;} .footer .right .family dd a:hover {color:#00A082;} .footer .right .family dd a:hover:before {background:#00A082;} .gotop:hover:before, .gotop:hover:after {animation:btn_ani_round 2s infinite;} .gotop:hover:after {animation-delay:.4s;} /* main */ /* .mvisual_wrap:hover .pro-bar{animation-play-state:paused;} */ .mvisual_wrap .gobtm:hover:before, .mvisual_wrap .gobtm:hover:after {animation:btn_ani_round 2s infinite;} .mvisual_wrap .gobtm:hover:after {animation-delay:.4s;} .m_business .list_box a:hover {background-color:rgba(255, 255, 255, .1); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); color:#fff;} .m_business .list_box a:hover .t {color:#fff;} .m_business .list_box a:hover .icon {opacity:1;} .m_media_slide a:hover i {background:#04B084;} /* sub */ .svisual .location dd a:hover {color:#04B084;} .svisual .deps a:hover {color:#fff;} .svisual .deps a:hover:before {left:0; width:100%;} .container .jq_tab li:hover a, .container .jq_tab li:hover button {color:#04B084;} .container .jq_tab.tab_type2 li:hover button {color:#fff; background:#04B084;} .slide_control .arrow:hover {background:#49B6FC; border-color:#49B6FC;} .slide_control .arrow:hover:before {background:#fff;} .st_con:hover .progress_bar .pro-bar {animation-play-state:paused;} .social4ca .bgbox .btns .btn_down:hover {background:#EF7F00; border-color:#EF7F00;} .partner_wrap li .btn:hover {background:#EF7F00; border-color:#EF7F00;} .news_board li a:hover {background:#fff; box-shadow:rgba(0,0,0,.11) 0 5px 20px;} .tour_wrap .btns .btn:hover {color:#fff; background:#EF7F00;} .tour_wrap .btns .btn:hover:after {background:#fff;} .board_list td.tal a:hover {color:#04B084; font-weight:700;} .board_list td.tal a:hover span {text-decoration:underline;} } /* ----------------------------------------- Tablet_PC ----------------------------------------- */ @media screen and (max-width:1023px){ br.pc_vw2 {display:none;} /* header */ .header .inbox {height:100px;} .header .logo {left:20px; height:100px;} .header .gnb li {display:none;} .header .gnb .langs {display:block;} .header .gnb .bg {display:none;} .header .langs dt {font-size:15px; line-height:100px;} .header .langs dt button {line-height:100px;} .header .langs dd {top:100px;} .header .btn_menu {right:20px;} .header .sitemap .img {width:30%;} .header .sitemap .menu {width:70%; padding-right:35vw;} .header .sitemap .menu > ul > li > a {font-size:24px; line-height:30px; padding:15px 30px;} .header .sitemap .snb {padding-top:15px;} .header .sitemap .snb li {padding:0 40px; margin-top:30px;} .header .sitemap .menu > ul > li > a:after {margin-left:20px;} .header .sitemap .menu > ul > li.open_mo > a, .header .sitemap .menu > ul > li.on > a {opacity:1;} .header .sitemap .menu > ul > li.open_mo > a:after, .header .sitemap .menu > ul > li.on > a:after {width:30px;} .header .sitemap .snb > li a {font-size:18px; line-height:24px;} .header .sitemap .snb .dep a {font-size:15px;} /* footer */ .footer {padding:90px 0;} .footer .inner {flex-direction:column;} .footer .inner > * {width:100%;} .footer .left .logo {width:160px; height:60px; margin-bottom:30px;} .footer .left .fh_tit {font-size:30px; line-height:34px; margin-bottom:20px;} .footer .left .cs {margin:40px 0 20px;} .footer .left .address {margin:20px 0 40px;} .footer .right .sitemap {display:none;} .footer .right .family {margin-top:50px;} .footer .right .family dt {font-size:16px; line-height:40px; padding:0 20px;} /* main */ .mvisual_wrap .mv_txt {font-size:40px; line-height:60px;} .mvisual_wrap .mv_txt li {max-height:120px;} .mvisual_wrap .mv_txt p {font-size:16px; line-height:26px; height:26px;} .mvisual_wrap .mv_txt.first p {top:70px; left:0;} .mvisual_wrap .gobtm {width:80px; height:80px;} .mvisual_wrap.on_set1 .mv_txt {left:20px;} .mvisual_wrap.on_set2 .gobtm {margin-top:120px;} .m_business .tit_box {left:20px; width:30%;} .m_business .list_box {width:calc(70% - 20px); gap:80px 20px;} .m_business .list_box a {width:calc(50% - 10px); padding:20px 10px 15px; border-radius:20px;} .m_business .list_box .num {top:20px; right:10px;} .m_management .list {gap:20px; padding:0;} .m_management .list li {width:calc((100% - 40px)/3); min-width:calc((100% - 40px)/3);} .mtit span {font-size:18px; line-height:26px;} .mtit strong {font-size:40px; line-height:50px; margin-bottom:40px;} .trans_text {padding-bottom:140px;} .trans_text .inner {padding:0;} .trans_text .inner > span {font-size:34px; line-height:40px; margin:70px 0;} .trans_text .inner > p {font-size:20px; line-height:40px;} .trans_text .more {font-size:15px; margin-top:60px;} .trans_text .btm_txt {margin-top:80px;} .trans_text .btm_txt li .poppins {font-size:70px; line-height:70px;} .m_midea_wrap .jq_tab {gap:30px;} .m_midea_wrap .jq_tab li button {width:80px; height:80px; font-size:16px;} .m_media_slide {margin-left:-20px;} .m_media_slide.before_ani .mv {padding:0 20px;} /* ���� ���� */ .svisual {height:70vh;} .svisual.scr_on {height:calc(70vh - 100px);} .svisual.scr_on.un_motion {height:70vh;} .svisual .inner {padding-bottom:50px;} .svisual .location > * {font-size:14px;} .svisual .tit {font-size:50px; line-height:60px; margin-top:20px;} .svisual .deps {margin-top:30px;} .svisual .deps a {margin-right:40px;} .container {font-size:16px; line-height:26px; padding:80px 0 150px;} .container .title {font-size:30px; margin-bottom:70px;} .container .ctit {font-size:38px; padding-bottom:30px; margin-bottom:30px;} .container .ctxt {font-size:30px;} .container .gtit {font-size:17px;} .container .btxt {font-size:18px; line-height:28px;} .container .btxt.mtb {margin:40px 0 20px;} .container .btxt.mb3 {margin-bottom:20px;} .container .btxt.mb4 {margin-bottom:30px;} .container .btxt.mb6 {margin-bottom:40px;} .container .btxt.mtb {margin:50px 0 30px;} .container .btxt.mtb2 {margin:50px 0 15px;} .container .btxt.mtb42 {margin:30px 0 15px;} .container .btxt.mtb24 {margin:15px 0 30px;} .container .btxt.mtb44 {margin:30px 0;} .container .btxt.mtb62 {margin:50px 0 15px;} .container .btxt.mtb82 {margin:70px 0 15px;} .container .btxt.mtb48 {margin:30px 0 60px;} .container .btxt.mtb104 {margin:80px 0 30px;} .container .btxt.mtb152 {margin:120px 0 15px;} .container .jq_tab {padding:0 20px; margin:-10px 0 80px;} .container .jq_tab li a, .container .jq_tab li button {font-size:18px; height:60px;} .stit {font-size:24px; line-height:30px;} .stit.mt {margin-top:100px;} .stit.mt2 {margin-top:120px;} .stit.mb4 {margin-bottom:20px;} .container p.big, .container p .big {font-size:20px; line-height:30px;} .container .btit {font-size:22px;} .tbl th, .tbl td {line-height:20px;} /* GS������ �Ұ� */ .greeting {flex-direction:column; align-items:center;} .greeting .img {width:40%; padding:0; text-align:center; margin:0 auto;} /* .greeting .img img {width:40%;} */ .greeting .img:before {right:auto; left:25vw;} .greeting.aos-animate .img:before {left:0; right:0; width:40%; border-radius:0 25vw 0 0;} .greeting .txt {width:100%; padding-top: 100px;} .abso_gtxt {font-size:60px;} .greeting .txt .tit {font-size:30px; line-height:50px; padding-bottom:30px; margin-bottom:40px;} .greeting .txt .name {font-size:18px; margin-top:40px;} .about_history {flex-direction:column;} .about_history .title {width:100%;} .about_history .title br {display:none;} .about_history .title .more {margin-top:30px;} .about_history .hisbox {width:100%;} .about_history .hisbox > li .year {font-size:24px;} .about_history .hisbox > li.on .year {font-size:32px; line-height:40px;} .about_history .hisbox > li.on ul {margin-top:30px;} .about_history .hisbox > li.on ul li {font-size:16px; line-height:24px; margin-bottom:20px;} /* ���� */ .vision_wrap .vision {font-size:34px; line-height:80px; margin-bottom:80px;} .vision_wrap .vision:before, .vision_wrap .vision:after {height:100%; border-width:7px;} .vision_wrap p {font-size:24px; line-height:44px;} .vision_wrap .bgbox {padding-bottom:500px;} .vision_wrap .img {padding-top:140px;} .sgc_wrap > div {padding:0 2%;} .sgc_wrap .t {font-size:24px; line-height:32px;} .sgc_wrap .on .t {margin:30px 0; padding-bottom:31px;} .sgc_wrap b {font-size:17px; line-height:30px; margin-bottom:20px;} .leaflet_box {padding:100px 0 0;} .leaflet_box .ctxt {line-height:46px; margin:20px 0 40px;} .leaflet_box .pr_down {padding-bottom:150px;} .leaflet_box .pr_down:before {height:500px; background-size:auto 80%;} .leaflet_box .pr_down img {max-width:50%;} /* ���� */ .page_top {height:360px; margin-bottom:200px;} .page_top .txt {font-size:30px; line-height:40px; padding-top:300px;} .page_top .txt p:before {top:-30px; left:-30px; width:80px; height:80px;} .history_list .years_tit li {font-size:40px; line-height:60px;} .history_list .years_con {padding:40px 0 80px 40px;} .history_list .years_con dl {margin-bottom:40px;} .history_list .years_con dt {font-size:30px;} .history_list .years_con dd {padding-top:20px; gap:10px;} .history_list .years_con dd p {padding-left:40px;} /* �繫��Ȳ */ .financial_graph ul {gap:20px;} .financial_graph li {width:calc((100% - 40px)/3); padding:20px; border-radius:20px;} .financial_graph li .dt, .financial_graph li .dd {padding:0 15px;} .financial_status .tbl .flex p {width:77px;} .financial_status .tbl .flex2 p {width:70px;} /* �Խ��� */ .board_list col.w1 {width:80px;} .board_list col.w2 {width:100px;} .board_list col.w3 {width:120px;} .board_list th {font-size:16px; height:60px;} .board_list td {font-size:15px; height:80px;} .board_list td.tal a {font-size:18px; line-height:80px;} /* ã�ƿ��ô� �� */ .directions_wrap .map_txt {padding:15px 30px;} .directions_wrap .map_txt dl {padding:30px 0;} .directions_wrap .map_txt dt {font-size:18px; line-height:60px; padding-left:80px; width:220px;} .directions_wrap .map_txt dt:before {width:60px; height:60px;} .directions_wrap .map_txt dd {width:calc(100% - 220px); padding-left:20px; gap:5px;} .directions_wrap .map_txt dd p {padding-left:100px;} /* Global Investments */ .global_investments {border-radius:20px; padding:100px 20px;} .global_investments p {font-size:18px; line-height:32px;} .global_investments .btn {font-size:16px; line-height:50px; height:50px; width:300px; margin-top:40px;} .global_investments01.gbox {padding:100px 20px; margin-bottom:125px;} .global_investments01:after {bottom:-95px; height:45px;} .global_investments01 .logo {width:150px; height:150px; line-height:148px;} .global_investments01 .logo img {height:80px;} .global_investments01 .boxs {gap:30px;} .global_investments01 .boxs:before {max-width:calc(100vw - ((100% - 60px)/3) - 80px);} .global_investments01 .box .icon {width:135px; height:135px; margin:0 auto 45px;} .global_investments01 .box dt {font-size:18px; line-height:68px; height:68px;} .global_investments01 .box dd {padding:25px 15px; font-size:17px; line-height:36px;} .global_investments01 .box dd p {padding-left:8px; text-indent:-8px;} .global_investments02.gbox {padding:100px 20px; gap:20px;} .global_investments02 .box {max-width:calc(50% - 10px);} .global_investments02 .tit {font-size:18px; line-height:59px;} .global_investments02 .con {padding:25px 20px; gap:20px;} .global_investments02 .con .comp {width:calc(50% - 10px); padding:10px; font-size:15px; line-height:30px;} /* ���»�� */ .horizontal_ul.mb {margin-bottom:100px;} .horizontal_ul.set2 {gap:40px;} .horizontal_ul.set2 li {width:calc(50% - 20px);} .horizontal_ul.set3 {gap:20px;} .horizontal_ul.set3 li {width:calc(50% - 40px);} .horizontal_ul.thin2 li .img {height:28vw;} .horizontal_ul li p {margin-top:20px;} .facility_status_wrap {padding:100px 0;} .facility_status_wrap.mb {margin-bottom:100px;} .status_box {flex-direction:column;} .status_box .left_tit, .status_box .list {width:100%; height:auto;} .status_box .list {padding:40px 0 0;} .tit_fix_set.start, .tit_fix_set.end {padding-left:0;} .tit_fix_set.start .left_tit, .tit_fix_set.end .left_tit {position:relative; top:0; left:0;} /* �����ó��� ��� */ .horizontal_dl dl {display:flex; flex-direction:column; margin-bottom:100px;} .horizontal_dl dt, .horizontal_dl dd {width:100%; height:auto;} .horizontal_dl dt .stit {margin-bottom:40px;} .horizontal_dl dt .gtxt {font-size:40px; bottom:auto; top:0; left:auto; right:0;} .bg_heating_cooling {padding:100px 0; margin-bottom:100px;} .bg_heating_cooling .stit {font-size:32px; line-height:40px; margin-bottom:40px;} .bg_heating_cooling p {margin-bottom:60px;} .bg_heating_cooling .icons {display:flex; overflow:visible; gap:10px;} .bg_heating_cooling .icons li {float:auto; width:calc((100% - 40px)/5); height:auto; padding:30px 0 10px; margin-right:0;} .bg_heating_cooling .icons strong {font-size:16px; margin:30px 0 15px;} .facility_status2 .con li {padding:30px;} .status_box .list strong {font-size:30px;} .facility_status2 .con {width:100%;} /* ����������� ��� */ .status_link {display:none;} .ipdl_list dl {margin-top:100px;} .ipdl_list dt .gtxt {left:auto; right:0; width:auto; top:calc(100% + 40px);} .ipdl_list dt .gtxt span {position:relative; top:0; left:0; transform:rotate(0deg); font-size:30px; line-height:30px;} /* ������ȿ��ȭ ��� */ .energy_efficiency_top {background-size:cover;/* auto 300px; */} .energy_efficiency_top .txt{padding-top:375px !important;} .ip_wrap {min-height:auto; margin-bottom:100px;} .ip_wrap .tit {padding-bottom:0;} /* ESG ����ü�� */ .gray_box {padding:40px; border-radius:20px; margin-top:40px;} /* Beyond */ .g03 .gl_box {margin-top:80px;} .green_power_box .icon_box .box {height:450px;} /* ESG ��å */ .gs_policy_dl .btxt {margin-bottom:40px;} .gs_policy_dl dt a {font-size:26px; line-height:34px; padding:30px 80px 30px 15px;} .gs_policy_dl dt i {right:30px;} .gs_policy_dl dd {padding:40px 0;} .gs_policy_dl dd .tit {font-size:20px; margin:80px 0 20px;} .gs_policy_dl .gray_sqr {gap:20px;} .gs_policy_dl .gray_sqr li {padding:10px 20px 10px 200px; min-height:220px;} .gs_policy_dl .gray_sqr .icon {width:180px;} .gs_policy_dl .gray_sqr .tit {font-size:20px; margin-bottom:10px;} .gs_policy_dl .gray_sqr + ol {padding:30px; margin-bottom:20px;} .gs_policy_dl dd .step_box li {font-size:16px; line-height:30px;} .gs_policy_dl dd > p:last-child {margin-top:40px;} .g04 .img {margin-bottom:40px;} .g03 .gl_box, .g04 .gl_box {padding:40px;} .g04 .gl_box.scd {gap:40px;} .g04 .gl_box.scd dl:before {left:-40px; width:40px;} /* �ٽɰ�ġ */ .side_tit {margin-bottom:80px;} .side_tit span {font-size:36px; line-height:100px; padding:0 80px;} .side_tit span:before, .side_tit span:after {font-size:80px; line-height:100px;} .side_tit + .gtit {margin-bottom:30px;} .bg_value {height:80vw;} .bg_value + .gtit {margin-top:150px;} .tbl_value dt {width:140px;} .tbl_value dd {width:calc(100% - 140px);} .tbl_value .v1 li {width:180px; height:180px;} .tbl_value .v1 span {font-size:20px; line-height:34px;} .tbl_value .v1 strong {font-size:26px;} .tbl_value .v2 dd {padding:30px;} .tbl_value .v2 p {font-size:16px;} .tbl_value .v3 dd {font-size:20px; padding:30px;} /* Environmental */ .environmental_top {padding:120px 0;} .shadow_txt {top:0; right:0; bottom:auto; left:auto; font-size:40px; line-height:1;} .stit .shadow_txt, .st_tit .shadow_txt {line-height:1;} .st_half {flex-direction:column;} .st_half.mt {margin-top:80px;} .st_half.mt2 {margin-top:100px;} .st_half .st_tit, .st_half .st_con {width:100%;} .st_half .st_tit {padding-bottom:40px;} .environmental_area1 .stit {margin-bottom:40px;} .environmental_area1 .st_tit p {font-size:18px; line-height:32px;} .environmental_area1 .st_tit p .big {font-size:32px; line-height:34px;} .swipe_out .control_slide {width:calc(100% + 22vw); transform:translateX(-22vw); padding-right:22vw;} .environmental_area1 .st_con {padding-right:0;} .control_slide {height:60vw;} .control_slide .swiper-slide {width:50vw; height:50vw;} .control_slide img {width:calc(46vw - 30px);} @keyframes slideimg { 0% {width:calc(46vw - 30px);} 20% {width:calc(46vw - 30px);} 60% {width:50vw;} 100% {width:50vw;} } @keyframes slideimg_h { 0% {height:50vw;} 20% {height:50vw;} 60% {height:60vw;} 100% {height:60vw;} } .environmental_area1 {padding-bottom:100px;} .wbox, .gbox {padding:100px 0;} .environmental_area2 {margin-bottom:100px;} .environmental_area2 .st_tit .shadow_txt {font-size:40px; line-height:40px;} .environmental_area2 .st_con {padding-bottom:150px;} .environmental_area2 .st_con p.big {margin:30px 0;} .environmental_area2 .img_certification {gap:20px; bottom:-200px;} .environmental_area2_img {padding:250px 0 150px 15%;} .environmental_area4 .shadow_txt {top:0; right:20px; font-size:40px; line-height:1;} .environmental_area4 .workshop {margin-top:100px;} .environmental_area4 .workshop .tit {font-size:20px; margin-bottom:30px;} .environmental_area5 {padding:100px 0; height:auto;} .environmental_area5 .stit {margin-bottom:40px;} .environmental_area5 .big {margin-bottom:40px;} .emission_status dl.dd dt .ico {height:23vw;} .environmental_wrap_c .en_arwarp2 {margin:100px 0 0;} .environmental_wrap_c .en_arwarp3 {padding:100px 0 0;} .environmental_wrap_c .en_arwarp3 .mtb {margin:40px 0 60px;} .horizontal_ul {margin-top:40px;} .environmental_wrap_c .horizontal_ul.set2 {gap:20px;} .environmental_wrap_c .horizontal_ul.set2 li {width:calc(50% - 10px);} .environmental_area3:before {bottom:-50px; height:220px; border-radius:220px 0 0 0;} .environmental_wrap_c .en_arwarp5 {padding:100px 0;} .environmental_wrap_c .en_arwarp5 .img {margin-top:40px; padding:40px; border-radius:20px;} .environmental_wrap_c .en_arwarp5 .img img {height:300px;} .environmental_wrap_c .en_arwarp6 {padding:100px 0; height:auto;} .environmental_wrap_c .en_arwarp6 .btxt {padding:20px 0 40px;} .environmental_area_b2 .con1 .left {padding-right:30px;} .tbl_environmental3a {gap:20px; padding:40px;} /* Social */ .gbox.pb {padding-bottom:100px;} .social_a1, .social_a2, .social_a3 {padding:100px 0;} .social_a1_2 {padding:100px 0;} .social_a1_1 {padding:100px 0; margin-bottom:100px;} .social_a2 {margin-top:100px; padding-bottom:0;} .social_a2:before {height:50vw;} .social_a2 .wbox {padding:30px; margin-top:40px;} .social_wrap .glbox_wrap {padding-bottom:100px;} .social_wrap .glbox_wrap .gl_box {padding:20px; border-radius:20px; margin-top:40px;} .social_wrap .glbox_wrap .left {width:50%;} .social_wrap .glbox_wrap li {width:100%; font-size:20px;} .social_wrap .glbox_wrap .right {width:50%; padding-left:20px;} .social_b2 {margin-top:100px;} .half_area {padding-bottom:150px;} .social2_1 {padding-bottom:100px;} .social2_3, .social2_4 {padding:100px 0 150px;} .social4a_3 {padding-top:100px;} .social4 .bgbox {padding:100px 0; margin-bottom:100px;} .social2_1 .img_area {flex-wrap:wrap;} .social2_1 .img_area img {order:1;} .social2_1 .img_area .left {order:2; width:calc(50% - 10px);} .social2_1 .img_area .right {width:calc(50% - 10px);} .social2_1 .glbox .gbox {padding:30px;} .social2_2 {padding:100px 0 150px;} .social2_2 .wbox {padding:80px 20px;} .social2_2 .cbox dt:before {width:calc(100% - 10px); height:calc(100% - 10px);} .social2_2 .cbox dt p {font-size:16px;} .social2_2 .cbox dd {font-size:16px; line-height:26px; padding:54px 4px 0;} .social2_2 .imgs {margin-top:100px;} .social2_3, .social2_4 {padding:100px 0;} .social3_1 .gl_box {margin-bottom:100px; padding:40px;} .social3_2 {padding:100px 0; margin-top:100px;} .social3_2 .wbox {padding:40px 20px; margin-top:40px; gap:25px;} .social3_2 .wbox dl {width:calc((100% - 50px)/3);} .social3_2 .wbox dl:before {left:-25px; width:25px;} .social3_2 .wbox dt {font-size:18px;} .social3_2 .wbox dd {padding:0 10px; height:160px;} .social4_1 .gl_box {margin-bottom:100px;} .social4_2 {padding-top:100px; margin-top:100px;} .social4_2 .st_half .st_tit {height:auto;} .social4_2 .st_half {margin-bottom:100px;} .social4_3 {margin-top:100px;} /* Governance */ .lisk_box {padding:40px 20px;} .lisk_box dt, .lisk_box dd {font-size:18px; padding:0 10px;} .lisk_box dt {line-height:68px;} .lisk_box dl:before, .lisk_box dl:after {margin-top:28px;} /* ���豸�� */ .governance_a2 {padding:100px 0; margin:100px 0;} /* ���� ����ũ */ .lisk_step {padding:40px 20px; flex-direction:column; gap:30px;} .lisk_step > * {height:auto;} .lisk_step dl {width:100%;} .lisk_step dl:after {right:auto; left:50%; top:auto; bottom:-30px; width:30px; height:30px; transform:translateX(-50%) rotate(90deg);} .lisk_step dt {font-size:16px; height:60px;} .gs_policy_dl dd {padding:20px 10px; height:auto;} .lisk_step .end {font-size:20px; width:100%; padding:10px;} /* ������ȣ ����ũ */ .governance6_box1 .top, .governance6_box1 .box {width:30vw;} .governance6_box1 .boan {padding-left:40vw;} .governance6_box1 .boan .box:before {width:25vw;} .governance6_box2 {padding:100px 0 0; margin-top:100px;} .governance6_box2 .wbox {padding:50px;} /* ����ä�� */ /* ����濵 */ .organizational_value dd li {padding:60px 40px;} .organizational_value dd .num {top:100px; left:40px; font-size:70px;} .organizational_value dd .tit {font-size:24px; margin:20px 0 15px;} .organizational_value dd strong {font-size:16px; line-height:22px;} .organizational_value dd .dots {margin-top:30px;} .organizational_value dd li .point {top:-20vh;} .talent_management_area2 .tt {font-size:20px; line-height:36px; padding:40px 0 20px;} .talent_management_area3 {padding-top:100px;} /* �����Ļ� */ .welfare_area {gap:40px 20px;} .welfare_area li {width:calc((100% - 40px)/3); padding-bottom:40px;} .welfare_btm {padding:30px; margin-top:40px;} /* ä������ */ .recruitment_procedure li {gap:30px; padding:20px 30px;} .recruitment_procedure li:after {left:88px;} .recruitment_procedure .ico {width:140px; height:140px;} .recruitment_procedure .txt {width:calc(100% - 170px);} .recruitment_procedure .tit {font-size:20px; margin-bottom:15px;} /* FAQ */ .faq_wrap dt {font-size:18px; line-height:26px; padding:20px 100px 20px 80px;} .faq_wrap dl strong {width:80px; font-size:24px; line-height:66px;} .faq_wrap dt i {width:100px;} .faq_wrap dd {padding:20px 100px 20px 80px;} /* �����ϱ� */ .qna_list a {padding:30px 0;} .qna_list .tag {width:100px;} .qna_list .txt {width:calc(100% - 380px);} .qna_list .txt strong {font-size:22px;} .qna_list .txt .date {font-size:15px; margin-top:10px;} .qna_list .name {width:80px;} .qna_list .state {width:150px;} .qna_list .state span {line-height:36px; height:36px; width:100px;} .qna_list .arrow {width:60px;} .pop_lock .inbox {width:800px; max-width:calc(100vw - 40px); padding:40px; border-radius:20px;} .pop_lock .tit {font-size:30px; line-height:36px; padding-bottom:25px; margin-bottom:40px;} .pop_lock .btn_close {width:80px; height:80px;} .pop_lock .input_box {padding:30px;} .pop_lock .input_box label {font-size:17px;} .pop_lock .input_box strong {line-height:46px; padding-right:15px;} .pop_lock .input_box .text {width:280px; height:46px;} .pop_lock .btn {width:180px; height:50px; line-height:50px; margin:30px auto 0;} .board_write th, .board_write td {padding:15px 20px; font-size:17px;} .board_write th {width:25%;} .board_write td .w2 {width:calc((100% - 60px)/3); max-width:150px;} .board_write td .w3 {width:calc((100% - 40px)/3); max-width:200px;} /* ä����� */ .employment_list li a {padding:20px 180px 20px 100px;} .employment_list .tag {width:100px;} .employment_list strong {font-size:20px; line-height:24px;} .employment_list p {font-size:14px; margin-top:10px;} .employment_list span {right:80px; width:80px;} /* ���»� ���� */ .partner_wrap {gap:40px;} .partner_wrap li {padding:20px; height:340px;} .partner_wrap li .tit {font-size:28px; line-height:32px;} .partner_wrap li p {font-size:16px; margin:15px 0 30px;} .btn {font-size:16px;} .partner_wrap li .btn {line-height:48px; height:50px; width:280px;} /* �������� */ .customer_yard {gap:20px;} .customer_yard li {width:calc((100% - 40px)/3);} .customer_yard li a {padding:20px;} .customer_yard li .tt {font-size:20px;} .customer_yard li i {bottom:20px; left:20px; font-size:13px; padding-right:30px;} .customer_yard li em {bottom:20px; right:20px;} .customer_yard_btm {margin-top:100px;} .customer_yard_btm .inner {height:320px;} .customer_yard_btm strong {font-size:22px; line-height:30px;} .customer_yard_btm .btn {line-height:48px; height:50px; width:280px; margin-top:40px;} /* ������ �ٿ�ó ���� */ .customer2_2 {margin-bottom:100px;} .st_half.mb {margin-bottom:100px;} .st_half5.mt {margin-top:100px;} .customer2_4 {margin-top:100px;} /* Beyond */ /* �׸����� ��Ʈ������ Ȯ�� */ .gbox.smr_wrap {padding:20px; height:550px; gap:20px;} .smr_wrap .box {height:200px;} .smr_wrap .box .tt {font-size:16px; margin:15px 0;} .smr_wrap .box li {font-size:14px; line-height:24px;} .smr_wrap .first {height:420px;} .smr_wrap .first img {height:240px;} .smr_wrap .first p {font-size:16px; line-height:26px; margin-top:15px;} .green_power_box .icon_box {flex-direction:column;} .green_power_box .icon_box li {width:100%;} .green_power_box .icon_box .icon {font-size:20px; line-height:30px; width:200px; height:200px;} .green_power_box .icon_box .box {height:auto;} .green_power_box .icon_box .box p {font-size:18px; line-height:23px; margin-bottom:20px;} /* �����ڷ� */ .news_board {gap:10px;} .news_board li {width:calc((100% - 30px)/4);} .news_board li a {height:260px; padding:15px; border-radius:20px;} .news_board li .cate {margin-bottom:10px;} .news_board li .tt {font-size:17px; line-height:24px; height:48px;} .news_board li .img {height:11vw;} .news_board li .date {bottom:20px; left:20px; font-size:14px;} .board_view .tit {padding-bottom:40px;} .board_view .tit .tt {font-size:30px; line-height:30px; margin:10px 0 20px;} .board_view .tit .date span {font-size:14px; padding:0 15px;} .board_view .con {padding:40px 0 100px;} .board_bottom .btns .btn_list {line-height:50px; height:50px; width:220px;} /* CI ���̵� */ .cibox {height:300px;} .cibox img {max-height:200px;} .symbol {margin-top:20px;} .symbol .tt {font-size:20px; margin-bottom:20px;} .btn_down {width:240px;} .btn_down:after {right:20px;} .btn_down.bd {padding:10px 20px;} .signature {} .signature .sig_box p {width:calc(100% - 260px);} .signature .ci_area {gap:10px;} .signature .ci_area dl {width:calc(50% - 10px);} .signature .ci_area dt {padding:0 20px; gap:20px;} .color_palette {margin-bottom:100px;} .color_palette li {padding:15px; font-size:18px;} .ci_color_set {padding-top:20px;} .ci_color_set dl {margin-top:20px; border-radius:20px;} .jade_green {margin:100px 0;} .application_items {margin-top:40px; gap:20px;} .application_items li {width:calc(50% - 10px);} .application_items li .img {padding:20px; height:240px; border-radius:20px;} /* ������ �Խ��� */ .gall_list {gap:10px;} .gall_list li {width:calc((100% - 20px)/3);} .gall_list li .img {border-radius:20px 20px 0 0;} .gall_list li .txt {padding:20px 10px; border-radius:0 0 20px 20px;} .gall_list li .txt strong {font-size:20px; line-height:30px; height:60px;} .gall_list li .txt .date {font-size:14px;} /* ȫ������ */ .pop_video {padding:30px;} .pop_video .tit {font-size:24px;} /* �λ�/�������� */ .top_img {margin-bottom:80px;} .personnel_area li {gap:5%; height:400px;} .personnel_area li .img {width:25%;} .personnel_area li .img i:before {width:30px; height:30px;} .personnel_area li .img p {margin-top:15px; font-size:22px;} .personnel_area li .txt {line-height:35px;} .personnel_area2 {gap:60px 30px;} .personnel_area2 li {width:calc((100% - 60px)/3); padding-bottom:20px;} .personnel_area2 li .btit {margin:30px 0 0;} /* �����Ұ� */ .support_box {gap:50px 30px; flex-wrap:wrap; margin-top:60px;} .support_box li {width:calc((100% - 30px)/2);} .support_box p {padding:20px 0; height:auto;} .support_box .icons {margin-top:20px; padding:10px 0 0 10px;} .support_box .icons:before {width:40px; height:40px;} .support_box .icons img {height:40px;} } /* ----------------------------------------- Mobile ----------------------------------------- */ @media screen and (max-width:767px){ .inner {padding:0 15px;} .inner .inner {padding-left:0; padding-right:0;} .pc_vw, .pc_vw3 {display:none !important;} .mo_vw {display:block !important;} /* header */ .header .inbox {height:60px;} .header .logo {left:15px; height:60px; width:94px;} .header .gnb {right:60px;} .header .langs {right:60px;} .header .langs dt {font-size:13px; font-weight:900; line-height:60px;} .header .langs dt button {line-height:60px;} .header .langs dd {top:60px;} .header .langs dd a {font-size:13px;} .header .btn_menu {right:15px; width:26px; height:26px; margin-top:-13px;} @keyframes hbtn { 0% {transform:scale(1);} 50% {transform:scale(1.2);} 100% {transform:scale(1);} } .header.on .btn_menu .i9 {right:20px;} .header .sitemap .inbox {position:relative; padding-top:220px;} .header .sitemap .img {position:absolute; top:0; left:0; width:100%; height:220px;} .header .sitemap .menu {width:100%; padding-right:50%;} .header .sitemap .menu > ul {justify-content:flex-start; padding-top:30px;} .header .sitemap .menu > ul > li > a {font-size:18px; padding:10px 10px 10px 20px;} .header .sitemap .menu > ul > li > a:after {margin-left:10px;} .header .sitemap .snb {height:calc(100vh - 250px); max-height:none; padding-top:10px;} .header .sitemap .snb li {padding:0 20px; margin-top:20px;} .header .sitemap .snb > li a {font-size:16px;} .header .sitemap .snb .dep a {font-size:14px; line-height:20px; padding:10px 0 10px 10px;} .header.fixed > .inbox {height:60px;} .header.fixed .logo {height:60px;} .header.fixed .gnb li > a, .header.fixed .langs dt, .header.fixed .langs dt button {line-height:60px;} .header.fixed .langs dt:after {height:60px;} .header.fixed .langs dd {top:60px;} .header.fixed.on .btn_menu p, .header.main.on .btn_menu p {background:#fff !important;} /* footer */ .footer {padding:75px 0;} .footer .left .logo {width:94px; height:32px; margin-bottom:20px;} .footer .left .fh_tit {font-size:24px; line-height:28px; margin-bottom:25px;} .footer .left .cs {margin:40px 0 25px;} .footer .left .cs > * {font-size:13px;} .footer .left .links {flex-wrap:wrap; gap:0 30px; max-width:340px;} .footer .left .links a {font-size:13px; width:105px;} .footer .left .links a strong {font-size:14px;} .footer .left .links a:nth-child(2n) {width:50%;} .footer .left .links a:nth-child(2n):after {display:none;} .footer .left .address {margin:40px 0 50px;} .footer .left .address p {line-height:26px;} .footer .left .address p span {display:inline-block;} .footer .left .copy {font-size:11px;} .footer .right .family dt {font-size:14px;} .footer .right .family dd {bottom:40px; padding:10px 20px; border-radius:10px;} .footer .right .family dd a {font-size:14px; line-height:30px; padding-left:12px;} .quick_menu {bottom:10px; width:40px; padding-bottom:50px;} .quick_menu.unfixed {bottom:calc(100% - 20px);} .quick_menu a {width:40px; height:40px;} .quick_menu .link {font-size:0; margin-bottom:10px;} .quick_menu .link:before {margin-bottom:0; height:20px; background-size:contain;} .quick_menu .btn_quick {width:40px; height:40px;} .quick_menu .btn_quick:before {background-size:14px;} .gotop {background-size:auto 20px;} .gotop:before, .gotop:after {display:none;} /* main */ .mvisual_wrap_fix {height:calc(100vh + 200px);} .mvisual_wrap .mv_txt {left:60px; line-height:50px;} .mvisual_wrap .mv_txt li {max-height:150px;} .mvisual_wrap .mv_txt li:nth-child(2) {max-height:150px;} .mvisual_wrap .mv_txt p {position:relative; top:0; left:0; font-size:15px; margin-top:10px;} .mvisual_wrap .mv_txt.first {width:calc(100% - 60px);} .mvisual_wrap .mv_txt.first p {position:relative; top:50px; left:0;} .mvisual_wrap .dm {display:block;} .mvisual_wrap .main_video {width:90%; height:50vh; border-radius:50px 0 0 0;} .mvisual_wrap.del {width:10px; opacity:0; overflow:hidden;} .mvisual_wrap.del .mv_txt {z-index:0;} .mvisual_wrap .gobtm {position:fixed; top:calc(50% + 200px); left:60px; width:60px; height:60px; background-size:auto 22px; margin:0; z-index:1;} .mvisual_wrap .gobtm:before, .mvisual_wrap .gobtm:after {display:none;} .mvisual_wrap.on_set1 .mv_txt {left:30px; top:calc(50% - 200px);} .mvisual_wrap.on_set1 .gobtm {animation:gobtm 1s linear forwards; animation-delay:1s; transition:0s; margin-top:0;} @keyframes gobtm{ 0% {left:60px; top:calc(50% + 200px);} 50% {left:30px; top:calc(50% + 200px);} 100% {left:30px; top:calc(50% + 170px);} } .mvisual_wrap .mv_txt p {height:52px;} .mvisual_wrap .navi {margin-top:100px; width:120px; height:20px;} .mvisual_wrap .mv_txt .navi_paging li {font-size:14px; line-height:20px; height:20px;} .mvisual_wrap .pro_wrap {width:70px;} .mvisual_wrap .buttons {height:20px;} .m_business .inner {flex-direction:column; justify-content:flex-start; padding:75px 15px;} .m_business .tit_box, .m_business .list_box {width:100%;} .m_business .tit_box, .m_business.landing .tit_box, .m_business.landing_end .tit_box {position:relative; top:0; left:0; height:auto; max-height:none;} .m_business .tit_box li {height:110px;} .m_business .tit_box li.txt0 {display:flex !important;} .m_business.list1 .tit_box li.txt1, .m_business.list2 .tit_box li.txt2, .m_business.list3 .tit_box li.txt3, .m_business.list4 .tit_box li.txt4 {display:none !important;} .mtit span {font-size:14px; line-height:20px;} .mtit strong {font-size:33px; line-height:34px; margin:10px 0 30px;} .mtit b {font-size:14px; line-height:22px;} .mtit p {font-size:13px; line-height:22px;} .m_business .list_box {padding-top:40px;} .m_business .list_box a {width:100%; height:auto; padding:30px 20px; border-radius:30px; margin:0 !important; background-color:rgba(255, 255, 255, .1); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); color:#fff;} .m_business .list_box .t {font-size:13px; color:#fff;} .m_business .list_box .num {top:30px; right:20px;} .m_business .list_box .icon {height:100px; margin:35px 0; opacity:1;} .m_business .list_box strong {font-size:14px;} .m_business .list_box p {font-size:13px; line-height:22px;} .m_management {padding:75px 0 0;} .m_management > .inner {height:2069px;} .m_management .list_wrap {height:1180px;} .m_management .list, .m_management.management_bgstop .list {flex-direction:column; transform:scale(1) !important;} .m_management .list li {width:100%;} .m_management .list li.l1 {order:1; max-height:100vh;} .m_management .list li.l2 {order:2;} .m_management .list li.l3 {order:3;} .m_management .list li.l1:before {background-position:30% 0;} .m_management.basic .list li.l1 {width:100% !important;} .point_txt_start {top:60vh;} .m_management .position {position:absolute; top:0;} .m_management .position .point_management2 {top:calc(100vh + 94px);} .m_management .position .height_management2 {height:350px;} .management_ani .position {margin-top:0;} .management_ani .list_wrap {top:0; transform:translate(-50%,0);} .management_ani .list_wrap .inner {padding:0 15px;} .m_management.management_bgstop .list li.l1 {transform:scale(1.4) !important;} .trans_text {padding-bottom:75px;} .trans_text .mtit strong {font-size:38px; margin:5px 0 40px;} .trans_text .inner > span {font-size:30px; margin:0 0 40px;} .trans_text .inner > p {font-size:15px; line-height:30px;} .trans_text .more {font-size:13px; margin-top:50px;} .trans_text .btm_txt {margin-top:60px; flex-direction:column; gap:30px;} .trans_text .btm_txt li:nth-child(1), .trans_text .btm_txt li:nth-child(2) {width:100%;} .trans_text .btm_txt li > span {font-size:12px; margin-bottom:10px;} .trans_text .btm_txt li .poppins {font-size:50px; line-height:50px;} .under_btm .point_under_btm {} .under_btm .point_under_out {position:absolute; top:calc(100% + (100vh - 48vw) - 100px); height:calc(100% + (100vh - 48vw)); font-size:0;} .m_management.out > .inner {opacity:0;} .under_btm ul {height:auto; flex-direction:column;} .under_btm li {width:100%; height:100vw;} .under_btm .i1, .under_btm .i2 {transform:translate(0px, 0px) !important;} .under_btm li a {font-size:30px; line-height:40px;} .m_midea_wrap {padding:75px 0;} .m_midea_wrap .jq_tab {position:relative; top:0; gap:10px; margin-top:40px;} .m_midea_wrap .jq_tab li button {font-size:14px;} .m_media_slide {margin-left:0;} .m_media_slide.before_ani .mv {padding:0;} .m_media_slide a {max-width:100%;} .m_media_slide .mv:before {display:none;} .m_media_slide .cate {font-size:20px;} .m_media_slide .date {margin:40px 0 30px;} .m_media_slide .date span {font-size:13px;} .m_media_slide .date strong {font-size:20px;} .m_media_slide p {font-size:19px; line-height:26px; height:52px; margin-bottom:30px;} .m_media_slide .img {height:180px;} .m_midea_wrap .pro_wrap {position:relative; width:100%; height:2px; background:#ddd; margin-top:30px;} .m_midea_wrap .pro-bar_media {position:absolute; bottom:0; left:0; width:0; height:2px; background:#005793; border-radius:2px;} .m_midea_wrap .pro-ani {animation:proBar_media 5s linear; width:100%;} @keyframes proBar_media{ 0%{width:0;} 100%{width:100%;} } .g04 .img {margin-bottom:20px;} /* sub */ .svisual {min-height:330px;} .svisual .inner, .svisual.scr_on .inner, .svisual.scr_on.un_motion .inner {padding-bottom:20px;} .svisual .location b {padding-right:16px; margin-right:15px;} .svisual .tit {font-size:36px; line-height:40px; margin-top:20px;} .svisual .deps {margin-top:20px;} .svisual .deps a {font-size:14px; margin-right:30px;} .svisual.g05 .deps {gap:20px;} .container {padding:50px 0 75px; font-size:14px; line-height:22px;} .container .title {font-size:24px; margin-bottom:50px;} .container .title.mt {margin-top:100px;} .container .title.pt {padding-top:100px;} .container .gtit {font-size:16px;} .container .ctit {font-size:30px;} .container .ctxt {font-size:25px; line-height:34px;} .stit {font-size:24px; line-height:30px; padding-top:15px;} .stit.mt {margin-top:75px;} .stit.mt2 {margin-top:80px;} .stit.mb {margin-bottom:30px;} .stit.mb2 {margin-bottom:10px;} .stit.mb4 {margin-bottom:20px;} .stit .shadow_txt, .st_tit .shadow_txt {font-size:24px;} .container p.big, .container p .big {font-size:18px;} .container p.mb4 {margin-bottom:20px;} .container .btxt {font-size:17px;} .container .btxt.s {font-size:16px;} .container .btxt.mb3 {margin-bottom:15px;} .container .btxt.mb4 {margin-bottom:20px;} .container .btxt.mb6 {margin-bottom:30px;} .container .btxt.mtb {margin:30px 0 20px;} .container .btxt.mtb2 {margin:30px 0 10px;} .container .btxt.mtb42 {margin:20px 0 10px;} .container .btxt.mtb24 {margin:10px 0 20px;} .container .btxt.mtb44 {margin:20px 0;} .container .btxt.mtb62 {margin:15px 0 10px;} .container .btxt.mtb82 {margin:40px 0 10px;} .container .btxt.mtb48 {margin:20px 0 40px;} .container .btxt.mtb104 {margin:50px 0 20px;} .container .btxt.mtb152 {margin:80px 0 10px;} .container .btit {font-size:18px;} .container .jq_tab {padding:0; margin-bottom:50px;} .container .jq_tab li a, .container .jq_tab li button {font-size:14px; height:40px; padding:0;} .container .jq_tab.tab_type2 {gap:0; margin-bottom:50px;} .container .jq_tab.tab_type2 li {width:50%;} .container .jq_tab.tab_type2 li button {padding:0;} .tbl p.tar {font-size:13px; margin-bottom:10px;} .tbl p.tar.mt {margin-top:10px;} .tbl th, .tbl td {padding:10px 5px;} .tbl.mt4 {margin-top:20px;} .tbl.mt6 {margin-top:30px;} .tbl.mt6 {margin-bottom:30px;} .tbl .glbox + p, .tbl table + p {font-size:13px; line-height:20px; margin-top:10px;} .tbl td.pl {padding-left:10px;} .btns .btn_link {height:40px; line-height:40px; font-size:13px; padding:0 15px; background-position:right 15px center; background-size:20px; margin:30px auto 10px;} .gs_policy_dl .contact {gap:0 10px; flex-direction:column;} .gs_policy_dl .contact li {font-size:13px;} .over_tbl {position:relative;} .over_tbl .hand {position:absolute; top:-90px; right:0; width:50px; overflow:visible;} .over_tbl .hand:before {content:""; position:absolute; top:6px; left:4px; width:19px; height:30px; background:url('/pub/images/icon_hand.svg') no-repeat 50% 50% / contain; animation:over_tbl_hand 3s infinite;} .over_tbl .hand .bar {position:relative; width:100%; height:3px; background:#ddd; border-radius:2px;} .over_tbl .hand .bar:before {content:""; position:absolute; top:0; left:0; width:50%; height:100%; background:#ed6d04; border-radius:2px; animation:over_tbl_bar 3s infinite;} .over_tbl > div {overflow:auto;} .over_tbl > div table {width:728px;} @keyframes over_tbl_hand { 0% {left:4px;} 50% {left:20px;} 100% {left:4px;} } @keyframes over_tbl_bar { 0% {left:0;} 50% {left:16px;} 100% {left:0;} } .over_tbl .hand.mid {top:-40px;} .over_img {margin-bottom:40px;} .over_img .img {width:728px; margin:0; border-radius:15px;} .over_img .img.b {width:900px;} .board_bottom {margin-top:30px; min-height:24px;} .board_bottom .paging {margin-top:30px; gap:1px;} .board_bottom .paging a {width:24px; height:24px; line-height:24px; font-size:14px;} .board_bottom .paging .arrow.prev {margin-right:2px;} .board_bottom .paging .arrow.next {margin-left:2px;} .board_bottom .btns {margin-top:30px;} .board_bottom .btns .btn_list {line-height:40px; height:40px; width:160px;} .board_bottom .btn_abso {width:30%; max-width:150px; height:40px; line-height:40px;} /* GS������ �Ұ� */ .greeting.aos-animate .img:before {left:-15px;} .greeting .img {width:50%;} .greeting .txt {padding-top:70px;} .greeting .txt .tit {font-size:20px; line-height:34px; margin-bottom:20px; margin-bottom:30px;} .greeting .txt .tit .abso_gtxt {top:-40px; font-size:32px; line-height:40px;} .greeting .txt .name {font-size:14px; margin-top:20px;} .greeting .txt .name b {font-size:20px; margin-left:10px;} .about_wrap .more {font-size:14px;} .about_business a {padding:20px; height:240px; border-radius:15px; line-height:22px; margin-bottom:40px;} .about_business .more {bottom:20px; left:20px;} .about_business .tit {font-size:18px; margin-bottom:20px;} .about_business p {font-size:14px;} .about_esg {flex-direction:column; gap:20px;} .about_esg a {width:100%; border-radius:15px;} .about_esg .img {height:65vw;} .about_esg .txt {padding:20px 15px; height:180px;} .about_esg .tt {font-size:18px; line-height:26px; margin-bottom:10px;} .about_esg p {font-size:14px; line-height:22px;} .about_esg .more {bottom:15px; right:20px;} .about_history {margin-top:100px;} .about_history .title {flex-direction:row; justify-content:space-between; align-items:center;} .about_history .title .more {margin-top:0;} .about_history .hisbox {flex-direction:column-reverse;} .about_history .hisbox > li {width:100%; height:auto; padding:15px 20px;} .about_history .hisbox > li .year {font-size:18px; line-height:30px; transform:rotate(0deg) translateX(0);} .about_history .hisbox ul {margin:0; width:0; height:0;} .about_history .hisbox > li.on {width:100%;} .about_history .hisbox > li.on .year {font-size:26px; line-height:30px;} .about_history .hisbox > li.on ul {margin-top:20px; height:auto;} .about_history .hisbox > li.on ul li {font-size:14px; line-height:20px; margin-bottom:10px;} /* ���� */ .vision_wrap .vision {font-size:20px; line-height:40px; margin-bottom:40px;} .vision_wrap .vision:before, .vision_wrap .vision:after {width:12px; border-width:4px;} .vision_wrap p {font-size:18px; line-height:34px;} .vision_wrap .bgbox {padding-bottom:30vh;} .vision_wrap .img {position:relative; padding-top:70px;} .vision_wrap .img img {position:relative; left:50%; width:150%; max-width:150%; object-fit:cover; transform:translate(-50%,0);} /* �귣�尡ġ */ .sgc_wrap {margin-top:75px;} .sgc_wrap:before {display:none;} .sgc_wrap > div {background:no-repeat 50% 50%; width:100%; height:440px;} .sgc_wrap > div.on {width:100%;} .sgc_wrap .tt {font-size:70px; line-height:1;} .sgc_wrap .t, .sgc_wrap .on .t {font-size:21px; line-height:30px; padding-bottom:25px; margin:25px 0;} .sgc_wrap .t:after, .sgc_wrap .on .t:after {width:60px;} .sgc_wrap b {font-size:15px; line-height:24px;} .sgc_wrap .btm, .sgc_wrap .on .btm {height:auto;} .sgc_wrap .s {background-image:url('/pub/images/bg_sgc.jpg');} .sgc_wrap .g {background-image:url('/pub/images/bg_sgc2.png');} .sgc_wrap .c {background-image:url('/pub/images/bg_sgc3.png');} .leaflet_box {padding:75px 0 0;} .leaflet_box .ctxt {padding:0 15px;} .leaflet_box .pr_down {padding-bottom:75px;} .leaflet_box .pr_down:before {height:300px; background-size:50%;} .btn_down {padding:10px 15px; width:200px;} .btn_down:after {right:15px; width:14px;} .leaflet_box .pr_down a {margin-top:30px;} /* ���� */ .page_top {position:relative; margin-bottom:0; background:none; height:auto;} .page_top:before {content:""; position:absolute; top:0; left:0; width:100%; height:150px; background:no-repeat 50% 0 / cover;} .page_top .txt {font-size:16px; line-height:26px; padding:180px 15px 0; margin-bottom:75px;} .page_top .txt p:before {display:none;} .history_top:before {background-image:url('/pub/images/img_history01_m.jpg');} .history_list {padding-left:0;} .history_list .years_tit {position:relative; width:100%; height:auto; padding:44px 0;} .history_list .years_tit .tit {font-size:15px; margin-bottom:25px;} .history_list .years_tit ul {gap:0;} .history_list .years_tit li {font-size:38px; line-height:50px;} .history_list.start .years_tit, .history_list.end .years_tit {position:relative;} .history_list .years_con {padding:40px 15px 75px;} .history_list .years_con dt {font-size:25px;} .history_list .years_con dd {gap:5px;} .history_list .years_con dd p {padding-left:30px; line-height:22px;} /* �繫��Ȳ */ .financial_graph {padding-top:45px; margin-bottom:40px;} .financial_graph:before {height:80%;} .financial_graph ul {gap:15px; flex-direction:column;} .financial_graph li {width:100%; padding:10px;} .financial_graph li .tt {font-size:15px; margin-bottom:20px;} .financial_graph li .dt, .financial_graph li .dd {padding:0 5px; height:120px;} .financial_graph li p {font-size:12px;} .financial_graph + .tbl td {word-break:break-all;} .financial_status .tbl .flex p {width:67px;} .financial_status .tbl .flex2 p {width:60px;} /* ã�ƿ��ô� �� */ .g01.s06 .jq_tab {width:calc(100% - 30px); margin:0 auto 30px;} .g01.s06 .jq_tab li {width:calc(100%/3);} .map_area {height:400px;} .directions_wrap .map_txt {padding:10px 10px;} .directions_wrap .map_txt dl {padding:20px 0; flex-direction:column;} .directions_wrap .map_txt dt, .directions_wrap .map_txt dd {width:100%;} .directions_wrap .map_txt dt {font-size:13px; line-height:40px; padding-left:50px;} .directions_wrap .map_txt dt:before {width:40px; height:40px; background-size:50%;} .directions_wrap .map_txt dt:after {display:none;} .directions_wrap .map_txt dd {padding:5px 0 0;} .directions_wrap .map_txt dd p {padding-left:80px; line-height:24px;} .directions_wrap .map_txt .i2 dd p strong:before {top:10px;} /* Global Investments */ .global_investments {border-radius:10px; padding:60px 15px;} .global_investments p {font-size:14px; line-height:24px;} .global_investments p br {display:none;} .global_investments .btn {font-size:14px; line-height:40px; height:40px; width:260px; margin-top:20px;} .global_investments01.gbox {padding:50px 10px; margin-bottom:85px; border-radius:10px;} .global_investments01:after {bottom:-55px; height:25px;} .global_investments01 .logo {width:100%; height:70px; line-height:68px; border-radius:10px; margin-bottom:30px;} .global_investments01 .logo img {height:50px;} .global_investments01 .mid {width:100%; height:46px; line-height:44px; font-size:15px;} .global_investments01 .mid:before {height:30px;} .global_investments01 .boxs {margin:0; gap:0; flex-direction:column;} .global_investments01 .boxs:before {display:none;} .global_investments01 .box {width:100%; max-width:100%; padding-top:20px;} .global_investments01 .box:before {display:none;} .global_investments01 .box .icon {position:absolute; top:30px; left:50%; width:50px; height:50px; margin:0; transform:translateX(-50%); background-size:60% 60%;} .global_investments01 .box .icon:before, .global_investments01 .box .icon:after {display:none;} .global_investments01 .box dt {font-size:15px; line-height:38px; height:auto; padding-top:60px;} .global_investments01 .box dd {padding:10px; height:auto; font-size:15px; line-height:24px;} .global_investments01 .box dd p {padding-left:6px; text-indent:-6px;} .global_investments02.gbox {padding:50px 10px; gap:20px; flex-direction:column; border-radius:10px;} .global_investments02 .box {width:100%; max-width:100%;} .global_investments02 .tit {font-size:15px; line-height:49px;} .global_investments02 .con {padding:20px; gap:10px;} .global_investments02 .con .comp {width:calc(50% - 5px); font-size:14px; line-height:24px;} .global_investments02 .con .comp i {height:26px; line-height:26px; margin-bottom:10px;} .global_investments02 .con .comp i img {max-width:90px; max-height:24px;} /* ���»�� */ .power_top:before {background-image:url('/pub/images/img_power01_m.jpg');} .horizontal_ul.set2 {flex-direction:column; margin-bottom:75px;} .horizontal_ul.set2 li {width:100%;} .horizontal_ul.set3 {flex-direction:column; gap:15px;} .horizontal_ul.set3 li {width:100%;} .horizontal_ul.set3 li .img {height:60vw;} .horizontal_ul.set3 li .img img {width:100%;} .horizontal_ul.thin2 li .img {height:auto; min-height:200px;} .horizontal_dl dl {margin-bottom:75px;} .facility_status_wrap {padding:75px 0;} .status_box .tit {font-size:17px; margin:75px 0 20px;} .status_box .list strong {font-size:25px;} .facility_status .list ul {flex-direction:column; gap:15px;} .facility_status .list li {width:100%; padding:20px 20px 20px 95px;} .facility_status .list i {left:20px; width:60px; height:60px; margin-top:-30px;} .facility_status .list span {line-height:20px; margin-bottom:5px;} .bg_heating_cooling {padding:75px 0; margin-bottom:75px;} .bg_heating_cooling .stit {font-size:25px; line-height:38px;} .bg_heating_cooling .icons {flex-wrap:wrap; gap:15px;} .bg_heating_cooling .icons li {width:calc((100% - 15px)/2); min-height:203px; padding:20px 0; transition-delay:0s !important;} .bg_heating_cooling .icons li:nth-child(2n) {transition-delay:.2s !important;} .bg_heating_cooling .icons i {height:40px; background-size:auto 40px;} .bg_heating_cooling .icons strong {font-size:15px; margin:15px 0 10px;} .bg_heating_cooling .icons p {font-size:13px; line-height:20px; padding:0 10px;} .facility_status2 .con ul {gap:15px;} .facility_status2 .con li {padding:20px; width:100%;} .status_box .list .ttt {font-size:25px;} .facility_status2 .con .sha_img {margin:40px 0 20px;} .ibox {margin-top:40px; padding:30px;} /* �����ó��� ��� */ .heating_cooling_top:before {background-image:url('/pub/images/img_heating_cooling01.jpg');} /* ����������� ��� */ .renewable_top:before {background-image:url('/pub/images/img_renewable_energy01_m.jpg');} .ipdl_list dl {margin-top:75px;} .ipdl_list dt {height:180px;} .ipdl_list dt img {width:auto; height:100%; object-fit:cover; border-radius:15px;} .ipdl_list dt .abso {bottom:10px; right:10px;} .ipdl_list dd .tt {font-size:18px; line-height:24px; margin:20px 0 10px;} .ipdl_list dd .tt span{font-size:14px;} .ipdl_list dt .gtxt {top:calc(100% + 20px); height:auto;} /* �����չ����� ����ȭ ��� */ .cogeneration_plant_top:before {background-image:url('/pub/images/img_cogeneration_plant01.jpg'); background-position:70% 0;} /* ������ȿ��ȭ ��� */ .energy_efficiency_top {height:350px;} .energy_efficiency_top:before {height:200px;} .energy_efficiency_top .txt{padding-top:220px !important;} .energy_efficiency_top:before {background-image:url('/pub/images/img_energy_efficiency01_2023.jpg'); background-position:center; /* 60% 0;background-size:auto 140px; */} .ip_wrap {flex-direction:column; justify-content:flex-start; margin-bottom:75px;} .ip_wrap .tit, .ip_wrap .pic {width:100%;} .ip_wrap .tit {padding-right:0;} .ip_wrap .tit .btxt {margin:20px 0;} .ip_wrap .pic {transition-delay:0s; margin-top:40px; height:70vw;} .ip_wrap .pic img {border-radius:15px;} .ip_wrap .pic .pic01 {width:85%;} .ip_wrap .pic .pic02 {width:50%; top:auto; bottom:0;} .ipdl_list dt .gtxt span {font-size:20px; line-height:1;} .facility_status_wrap.mb {margin-bottom:75px;} /* ESG ����ü�� */ .promotion_system_top:before {background-image:url('/pub/images/img_promotion_system01.jpg'); background-position:50% 0; left:50%; width:100vw;} .gray_box {padding:40px 15px;} /* Beyond */ .g03 .gl_box {margin-top:50px;} .g03 .page_top {margin-bottom:40px;} .g03 .gl_box {border-radius:15px; padding:20px; margin-top:50px;} /* ����Ʈ ���¼ַ�� */ .power_solution_top:before {background-image:url('/pub/images/img_power_solution01.jpg');} /* û������ ���������� */ .clean_hydrogen_top:before {background-image:url('/pub/images/img_clean01.jpg'); background-position:100% 50%;} .clean_hydrogen_imgs {margin-top:100px;} .clean_hydrogen_imgs .imgbox {margin-top:50px; border-radius:15px; padding:20px;} .clean_hydrogen_imgs .btxt {margin-bottom:20px;} /* ��ȯ�ڿ� ���°� */ .circular_resource_top:before {background-image:url('/pub/images/img_circular_resource01.jpg');} /* �׸����� ��Ʈ������ Ȯ�� */ .gbox.smr_wrap {gap:10px; margin:30px 0; padding:10px; height:auto;} .smr_wrap .box {border-radius:10px; width:100%; max-width:100%; height:auto; padding:20px 0;} .smr_wrap .box .tt {font-size:15px; line-height:22px; margin:10px 0 12px;} .smr_wrap .box li {font-size:13px; line-height:20px;} .smr_wrap .first {height:auto;} .smr_wrap .first img {height:200px;} .smr_wrap .first p {font-size:14px; line-height:20px; margin-top:10px;} .power_plant {margin:40px 0 20px; flex-direction:column;} .power_plant .arrow {position:relative; width:100%; height:60px; background:none;} .power_plant .arrow:before {content:""; position:absolute; top:50%; left:50%; width:20px; height:160px; background:url('/pub/images/arrow_green_power.svg') no-repeat 50% 50% / contain; transform:translate(-50%,-50%) rotate(90deg);} .power_plant .box {border-radius:15px; width:100%; padding:20px;} .power_plant .tt {font-size:16px; line-height:22px; margin:20px 0 10px;} .power_plant p {font-size:16px; line-height:22px;} .power_plant img {position:relative; top:0; right:0; display:block; width:50vw; transform:translateY(0); margin:20px auto 0;} .half_img ul {gap:10px; margin:100px 0 20px;} .half_img li {width:calc(50% - 5px);} .green_power_box .green_box {flex-direction:column; gap:30px; margin-bottom:20px;} .green_power_box .green_box dt {width:100%; height:60px; font-size:20px; line-height:60px;} .green_power_box .green_box dt:before {top:100%; left:50%; width:1px; height:30px;} .green_power_box .green_box dt:after, .green_power_box .green_box dd:after {transform:translate(-50%,0);} .green_power_box .green_box dt:after {right:auto; left:50%; top:auto; bottom:-7px;} .green_power_box .green_box dd {width:100%; padding:15px;} .green_power_box .green_box dd:after {left:50%; top:-7px;} .green_power_box .green_box dd p {padding-left:5px; text-indent:-5px;} .green_power_box .gbox {padding:20px 0;} .green_power_box .gbox dt {width:80px; font-size:16px;} .green_power_box .gbox dd {width:calc(100% - 80px); padding:0 10px;} .green_power_box .gbox dd p {font-size:12px; padding-left:5px; text-indent:-5px;} .green_power_box .icon_box {margin-top:30px; gap:20px;} .green_power_box .icon_box .icon {font-size:16px; line-height:20px; width:120px; height:120px;} .green_power_box .icon_box .icon:before {height:30px; background-size:contain;} .green_power_box .icon_box .box {padding:20px; border-radius:15px;} .green_power_box .icon_box .box p {font-size:13px; line-height:20px; margin-bottom:10px;} .green_power_box .icon_box .box .pl {padding-left:5px; text-indent:-5px;} /* ESG ��å */ .gs_policy_dl .btxt {margin-bottom:20px;} .gs_policy_dl.mt {margin-top:100px;} .gs_policy_dl dt a {font-size:18px; line-height:30px; padding:15px 40px 15px 10px;} .gs_policy_dl dt i {right:10px; width:16px;} .gs_policy_dl dt i:before {width:16px; height:2px; margin:-1px 0 0 -8px;} .gs_policy_dl dt i:after {width:2px; height:16px; margin:-8px 0 0 -1px;} .gs_policy_dl dd {padding:20px 0;} .gs_policy_dl .gray_sqr {gap:10px;} .gs_policy_dl .gray_sqr li {padding:20px; min-height:auto;} .gs_policy_dl .gray_sqr .icon {position:relative; width:80px; height:80px; margin:0 auto;} .gs_policy_dl .gray_sqr .icon:before {width:100%; height:100%; background-size:50%;} .gs_policy_dl .gray_sqr .icon:after {display:none;} .gs_policy_dl .gray_sqr .tit {font-size:17px;} .gs_policy_dl .gray_sqr + ol {padding:20px; margin-bottom:10px; gap:20px;} .gs_policy_dl ol {gap:20px;} .gs_policy_dl ol .t {font-size:17px; margin-bottom:10px;} .gs_policy_dl .step_box {flex-direction:column;} .gs_policy_dl .step_box li {width:100%; font-size:13px; line-height:20px; padding:10px;} .gs_policy_dl .step_box li:before {top:-20px; left:calc(50% - 10px); width:20px; height:20px; transform:rotate(90deg);} .gs_policy_dl .tit {font-size:17px; margin:40px 0 10px;} .business_top {margin-bottom:50px;} .g04 .page_top {margin-bottom:30px;} .g04 .gs_policy_dl .btxt.mt {margin-top:30px;} .g04 .gs_policy_dl .btxt.mt2 {margin-top:50px;} .g03 .gl_box, .g04 .gl_box {padding:20px; border-radius:15px;} .g04 .gl_box.scd {gap:30px; flex-direction:column;} .g04 .gl_box.scd dl {width:100%;} .g04 .gl_box.scd dt {font-size:14px; line-height:30px;} .g04 .gl_box.scd dd {font-size:13px; line-height:20px; height:auto; padding:10px;} .g04 .gl_box.scd dl:before {width:30px; height:30px; left:50%; top:-30px; transform:translateX(-50%) rotate(90deg); background-size:auto 20px;} .oil_top:before {background-image:url('/pub/images/img_oil01.jpg');} .collective_top:before {background-image:url('/pub/images/img_collective01.jpg');} .gas_top:before {background-image:url('/pub/images/img_gas01.jpg');} .development_top:before {background-image:url('/pub/images/img_development01.jpg');} /* �ٽɰ�ġ */ .side_tit {margin:120px 0 60px;} .side_tit span {font-size:18px; line-height:50px; padding:0 40px;} .side_tit span:before, .side_tit span:after {font-size:50px; line-height:50px;} .side_tit + .gtit {margin-bottom:20px;} .bg_value {margin-top:-20px;} .bg_value + .gtit {margin-top:100px;} .tbl_value {margin-top:50px;} .tbl_value dl {flex-direction:column; margin-bottom:50px;} .tbl_value dt {width:100%; margin-bottom:10px; padding-left:20px;} .tbl_value dt:before {width:14px; height:14px;} .tbl_value dd {width:100%;} .tbl_value .v1 ul {margin-bottom:50px;} .tbl_value .v1 li {width:calc((100vw - 50px)/3); height:calc((100vw - 50px)/3); padding:5px;} .tbl_value .v1 li:before {top:calc(100% - 5px); height:50px;} .tbl_value .v1 li:after {top:calc(100% + 42px); width:14px; height:14px;} .tbl_value .v1 span {font-size:13px; line-height:24px;} .tbl_value .v1 strong {font-size:16px;} .tbl_value .v2 dd {padding:15px;} .tbl_value .v2 dd span {gap:10px;} .tbl_value .v2 p {font-size:13px; line-height:20px;} .tbl_value .v2 strong {font-size:15px; width:80px;} .tbl_value .v3 {margin-bottom:0;} .tbl_value .v3 dd {font-size:15px; line-height:24px; padding:15px;} /* Environmental */ .environmental_top {padding:80px 0;} .gline_box {border-radius:10px; padding:20px;} .environmental_pyo .box {font-size:13px; line-height:46px; height:50px; width:40vw;} .environmental_pyo .box:before {width:11px; height:11px; margin-left:-5px;} .environmental_pyo .box:after {height:30px;} .environmental_pyo .ceo {margin-bottom:30px;} .environmental_pyo .bg {line-height:50px;} .environmental_pyo .bg:after {height:120px;} .environmental_pyo .samu {height:50px; padding:0 calc(40vw + 10px); margin:30px 0 40px;} .environmental_pyo .samu .box:before {margin:-5px 0 0;} .environmental_pyo .samu .box:after {width:9px;} .environmental_pyo ul {gap:10px; padding-top:30px;} .environmental_pyo ul:before {width:calc(40vw + 10px);} .environmental1_box {margin-top:20px;} .environmental1_box.mt {margin-top:60px;} .environmental1_box .tbl.arw:after {height:20px; margin-top:30px;} .environmental1_box .tbl .dot_green {width:10px; height:10px;} .environmental2_area {margin-top:100px;} .environmental2_area .img {padding:20px; border-radius:15px;} .environmental2_area .icbox {position:relative; width:100%; flex-direction:column !important; text-align:left !important;} .environmental2_area .icbox .icon {position:absolute; top:0; left:0; width:60px; height:60px; margin-bottom:10px;} .environmental2_area .icbox .icon:before {width:calc(100% - 10px); height:calc(100% - 10px); background-size:30px;} .environmental2_area .icbox .txt {width:100%; padding:0 !important;} .environmental2_area .icbox .btxt {line-height:60px; padding:0 0 10px 70px; margin-bottom:10px;} .environmental2_area .icbox .btxt:after {bottom:-4px; width:10px; height:10px; border-width:2px; left:auto; right:0;} .environmental2_area .icbox p {font-size:;} .shadow_txt {font-size:32px; line-height:37px;} .environmental_area1 {padding-bottom:75px;} .environmental_area1 .stit {margin-bottom:40px;} .environmental_area1 .st_tit p {font-size:15px; line-height:25px;} .environmental_area1 .st_tit p .big {font-size:24px; line-height:28px;} .swipe_pro.progress_bar {width:100%; margin:55px 0 0;} .slide_control .slide_paging {font-size:15px; line-height:40px;} .swipe_out .control_slide {width:100%; transform:translateX(0); padding-right:0;} .control_slide {height:auto;} .control_slide .swiper-slide {width:100%; height:auto; margin:0 !important;} .control_slide img {width:100%;} .control_slide .swiper-slide-active img, .control_slide .slick-current img {animation:none;} .control_slide .swiper-slide-active {animation:none; height:auto;} .control_slide .txt {padding:20px;} .control_slide .num {font-size:22px;} .control_slide p {font-size:13px; line-height:22px;} @keyframes slidep { 0% {padding:0; margin:0; max-height:0; opacity:0;} 40% {padding:0; margin:0; max-height:0; opacity:0;} 80% {padding-top:17px; margin-top:15px; max-height:88px; opacity:1;} 100% {padding-top:17px; margin-top:15px; max-height:88px; opacity:1;} } .wbox, .gbox {padding:75px 0;} .environmental_area2 {margin-bottom:0;} .environmental_area2 .st_tit .shadow_txt {font-size:28px; line-height:30px;} .environmental_area2 .st_con {padding-bottom:0;} .environmental_area2 .img_certification {position:relative; bottom:0; margin-top:50px; flex-wrap:wrap; gap:30px 15px;} .environmental_area2 .img_certification li {width:calc((100% - 15px)/2); text-align:center;} .environmental_area2 .img_certification li p {font-size:13px;} .environmental_area2_img {padding:50px 15px 50px 10%;} .st_half5 {flex-direction:column;} .st_half.mt {margin-top:50px;} .st_half5.mt, .st_half.mt2 {margin-top:75px;} .st_half5 > * {width:100%;} .st_half5 .st_con {padding-top:20px;} .environmental_area3 .hf_txt p.big {margin:30px 0;} .environmental_area3 .hf_con {padding:50px 0 0;} .environmental_area3 .hf_con img {border-radius:15px;} .environmental_area4 .shadow_txt {font-size:28px;} .environmental_area4 .workshop {margin-top:50px;} .environmental_area4 .workshop .tit {font-size:15px; line-height:24px; margin-bottom:20px;} .environmental_area4 .workshop ul {flex-direction:column; gap:40px;} .environmental_area4 .workshop li {width:100%;} .environmental_area4 .workshop li.pl {padding:0;} .environmental_area4 .workshop li p.b {margin-top:10px;} .environmental_area4 .workshop li .mb {margin-bottom:20px;} .environmental_area5 {padding:75px 0 220px;} .environmental_area5 .big {margin-bottom:50px;} .environmental_wrap_b .shadow_txt {top:0; font-size:28px;} .environmental_area_b1 p.b {margin:30px 0;} .environmental_area_b1 p.annotation {font-size:13px; margin-top:20px;} .environmental_wrap_b .btxt.mt {margin:50px 0 20px;} .emission_status dl {flex-wrap:wrap; gap:10px; margin-bottom:20px;} .emission_status dl:first-child {display:none;} .emission_status dl:nth-last-child(2) {margin-bottom:0;} .emission_status dl > * {width:calc(50% - 5px);} .emission_status dl > *:first-child {width:100%;} .emission_status dl dd .tt {display:block; font-size:13px; color:#fff; line-height:30px; width:80%; border-radius:15px; margin:0 auto; text-align:center; margin-bottom:10px;} .emission_status dl .c1 .tt{background:#2D7A49;} .emission_status dl .c2 .tt {background:#78BC28;} .emission_status dl .c4 .tt {background:#023E67;} .emission_status dl .c3 .tt {background:#42A6E2;} .emission_status dl.dd dt .ico {width:34vw; height:34vw; margin:0 auto;} .emission_status dl.dd dt .ico p {padding-top:6vw;} .emission_status dl.dd dd .ico_box {padding:10px; gap:10px; height:150px;} .emission_status dl.dd dd .ico_box .b, .emission_status dl.dd dd .ico_box .m {gap:3px;} .emission_status dl.dd dd .leafbox .b i {width:20px; height:30px;} .emission_status dl.dd dd .leafbox .m i {width:16px; height:20px;} .emission_status dl.dd dd .leafbox .s i {width:10px; height:14px;} .emission_status dl.dd dd .waterbox .b i {width:18px; height:30px;} .emission_status dl.dd dd .waterbox .m i {width:14px; height:20px;} .emission_status dl.dd dd .waterbox .s i {width:8px; height:14px;} .emission_status dl.dd dd .ico_box .count {font-size:20px; line-height:28px;} .emission_status p.tar {font-size:13px;} .environmental3_top:before {background-image:url('/pub/images/img_environmental3_01.jpg'); background-position:70% 0;} .environmental_wrap_c .en_arwarp2 {margin:75px 0 0; padding-top:75px;} .environmental_wrap_c .en_graph {padding:40px 10px; margin-top:40px;} .environmental_wrap_c .en_graph .graph {padding-bottom:20px;} .environmental_wrap_c .en_graph .graph .count {width:32px;} .environmental_wrap_c .en_graph .graph dl {font-size:13px;} .environmental_wrap_c .en_graph .graph .count dt {width:80px;} .environmental_wrap_c .en_graph .graph .count dd p {margin-top:20px;} .environmental_wrap_c .en_graph .graph .count dd p:before {left:40px; max-width:calc(100vw - 92px);} .environmental_wrap_c .en_graph .graph .month dt {top:20px;} .environmental_wrap_c .en_graph .graph .month dd {padding:0 0 0 40px;} .environmental_wrap_c .en_graph .graph .data {padding:0 0 30px 40px;} .environmental_wrap_c .en_graph .graph .data li .bar {width:20px;} .environmental_wrap_c .en_graph .graph .data li .bar p {font-size:13px; line-height:20px; top:-25px;} .environmental_wrap_c .gbox .shadow_txt {font-size:20px; bottom:auto; top:-30px;} .environmental_wrap_c .gbox .img {margin:40px 0 -100px; border-radius:15px;} .environmental_wrap_c .en_arwarp3 {padding:75px 0 0;} .environmental_wrap_c .en_arwarp3 .mtb {margin:20px 0 30px;} .environmental_wrap_c .horizontal_ul.set2 li {width:100%;} .horizontal_ul li .img {border-radius:15px;} .horizontal_ul li p {margin-top:10px;} .environmental_wrap_c .st_half5 .hf_txt p {padding:0 0 30px;} .environmental_area3:before {bottom:0; width:70%; height:110px; border-radius:110px 0 0 0} .environmental_wrap_c .en_arwarp5 {padding:75px 0;} .environmental_wrap_c .en_arwarp5 .img {margin-top:30px; padding:20px; border-radius:15px;} .environmental_wrap_c .en_arwarp5 .img img {height:240px;} .environmental_wrap_c .en_arwarp6 {padding:75px 0;} .environmental_area_b1 .logo {height:120px;} .environmental_area_b1 .logo img {height:60px;} .environmental_area_b1 .logo ~ .logo img {height:80px;} .environmental_area_b1 .btxt {margin:20px 0;} .environmental_area_b1 ul.img {margin-top:40px; gap:10px;} .environmental_area_b1 ul.img li {flex:1 1 calc(50% - 5px);} .environmental_area_b1 ul.img p {font-size:14px; margin-top:10px;} .environmental_area_b1 ul.img.mb {margin-bottom:60px;} .environmental_area_b2 {margin:60px 0 40px;} .environmental_area_b2 .logo {margin-top:30px; gap:20px; min-height:auto; padding:10px 0;} .environmental_area_b2 .logo img {height:100px;} .environmental_area_b2 .btxt {margin:20px 0;} .environmental_area_b2 .con1 {margin-bottom:100px; flex-direction:column;} .environmental_area_b2 .con1 .left {width:100%; padding:0 0 20px;} .environmental_area_b2 .con1 .left .logo {height:120px;} .environmental_area_b2 .con1 .left .logo img {height:80px;} .environmental_area_b2 .con1 .right {width:100%; padding:0 10%;} .environmental_area_b2 .con1 .right p {font-size:14px; margin-top:10px;} .environmental_area_b3 .img {height:auto; padding:20px;} .environmental_area_b4 {padding-top:100px;} .environmental_area_b4 .stit {margin-bottom:20px;} .environmental_area_b4 .st_half, .environmental_area_b4 .tbl_box {margin-bottom:80px;} .environmental_area_b4 .logo {height:120px;} .environmental_area_b4 .logo img {height:80px;} .environmental_area_b4 .btxt {margin:20px 0;} .environmental_area_b4 p {margin-bottom:20px;} .environmental_area_b4 .tbl_box .btit .state {gap:10px;} .environmental_area_b4 .tbl_box .btit .state li {font-size:14px; padding-left:15px;} .environmental_area_b4 .tbl_box .btit .state i {width:10px; height:10px; margin-top:-5px;} .environmental_area_b5 {margin-top:70px;} .environmental_area_b5 .wbox {padding:20px; margin-top:40px; border-radius:15px;} .environmental_area_b5 .wbox.p12 {padding:20px 20px 20px 25%;} .environmental_area_b5 .btxt.mt15 {margin-top:70px;} .tbl_environmental3a {flex-direction:column; padding:20px;} .tbl_environmental3a .box {width:100%;} .tbl_environmental3a .tits {display:none;} .tbl_environmental3a .box .tit {width:100%; height:70px; border-radius:20px; margin-bottom:30px;} .tbl_environmental3a .box .tit:before {width:calc(100% - 10px); height:calc(100% - 10px); border-radius:15px;} .tbl_environmental3a .box .tit strong {font-size:20px;} .tbl_environmental3a .box .name {font-size:15px; line-height:50px; height:50px;} .tbl_environmental3a .box .cont {padding:20px 10px; height:auto;} .tbl_environmental3a .box .btm {padding:10px; height:auto; margin-top:30px;} .tbl_environmental3a .box .btm:before {height:30px;} .g02.s04.d04 .btxt {margin:30px 0 10px;} .g02.s04 .btxt .state {gap:10px;} .g02.s04 .btxt .state li {font-size:13px; line-height:20px; padding-left:20px;} .g02.s04 .btxt .state li:before {top:3px; width:14px; height:14px;} /* Social */ .gbox.pb {padding-bottom:75px;} .social_a1, .social_a2, .social_a3 {padding:75px 0;} .social_a1_2 {padding:75px 0;} .social_a1_1 {padding:75px 0; margin-bottom:75px;} .social_a2 {margin-top:75px; padding-bottom:0;} .social_a2:before {height:50vh;} .social_a2 .wbox {padding:15px; margin-top:20px;} .social_wrap .glbox_wrap {padding-bottom:75px;} .social_wrap .glbox_wrap .gl_box {flex-direction:column;} .social_wrap .glbox_wrap .left, .social_wrap .glbox_wrap .right {width:100%;} .social_wrap .glbox_wrap .left {gap:20px;} .social_wrap .glbox_wrap li {font-size:14px; line-height:20px; height:50px;} .social_wrap .glbox_wrap .right {padding:20px 0 0;} .social_wrap .glbox_wrap p {font-size:14px;} .social_wrap .glbox_wrap .arrow {height:14px; margin:20px 0;} .container.g03 .jq_tab {padding:0 15px;} .container.g03 .jq_tab li {width:33.3%;} .social_wrap .ip_wrap .tit {padding:0;} .social_wrap .ip_wrap .tit .shadow_txt {top:0; right:15px; bottom:auto; left:auto;} .social_a2 p.mtb {margin:30px 0;} .social_a2 .wbox {padding:20px;} .social_a2 .wbox .tit {font-size:24px; line-height:30px; margin-bottom:20px;} .social_a2 .wbox .tit span {padding-bottom:15px;} .social_a2 .wbox .dl_area {gap:15px; margin-top:50px;} .social_a2 .wbox .dl_area dl {padding:20px; gap:15px; flex-direction:column;} .social_a2 .wbox .dl_area dt {font-size:15px; line-height:40px; height:40px; width:40px;} .social_a2 .wbox .dl_area dd {width:100%;} .social_a2 .wbox .date {margin:30px 0 10px;} .social_a2 .wbox .name {font-size:15px; line-height:30px;} .social_a2 .wbox .name strong {font-size:22px; margin-left:10px;} .social_a2 .wbox .logo {width:120px; height:40px; margin-top:30px;} .social_a3 {padding:75px 0;} .social_a3 p.s {font-size:13px; margin-top:20px;} .social_a3 .con {width:100%; margin-top:20px;} .social_a3 .con ul {gap:20px;} .social_a3 .con li {text-align:center; width:calc(50% - 10px); height:140px; border-radius:40px;} .social_a3 .con li:after {width:20px; height:20px;} .social_a3 .con li:nth-child(1):after {top:calc(50% - 10px);} .social_a3 .con li:nth-child(2):after {left:calc(50% - 10px);} .social_a3 .con li:nth-child(3):after {left:calc(50% - 10px);} .social_a3 .con li:nth-child(4):after {top:calc(50% - 10px);} .social_a3 .con li.bg_blue {padding:0;} .social_a3 .con li.bg_blue .round {position:relative; top:0; right:0; width:90%; height:auto; padding:10px; border-radius:30px; margin-top:10px;} .social_wrap .gl_box {padding:30px 15px; margin-bottom:75px;} .social_b2 {margin-top:75px;} .social_b2 .mtb {margin:30px 0 40px;} .sqr_area {gap:15px;} .sqr_area li {width:calc((100% - 15px)/2); height:200px; padding-top:24px;} .sqr_area li i {height:35px;} .sqr_area li i:before {top:-5px; width:27px; height:27px;} .sqr_area li .t {font-size:15px; margin:24px 0 10px;} .sqr_area li p {line-height:22px;} .half_area {padding:40px 0 75px;} .half_area ul {gap:20px; flex-direction:column;} .half_area li {width:100%; padding:30px 15px;} .half_area li i {height:35px;} .half_area li i:before {top:-5px; left:-5px; width:30px; height:30px;} .half_area li .tit {font-size:18px; line-height:24px; padding-bottom:20px; margin:10px 0 20px;} .social2_1 {padding-bottom:75px;} .social2_1 .glbox {border-radius:15px; overflow:hidden; padding:20px;} .social2_1 .img_area {padding:0 0 20px;} .social2_1 .img_area img {max-width:80%;} .social2_1 .img_area .left, .social2_1 .img_area .right {width:100%;} .social2_1 .img_area dt {font-size:15px; line-height:24px;} .social2_1 .img_area dd {height:auto; line-height:30px; padding:10px;} .social2_1 .glbox .gbox {padding:20px;} .social2_1 .agreement_slide {padding:0; height:126vw;} .social2_1 .agreement_slide .slick-arrow {background-size:15px; width:30px;} .social2_2, .social2_3, .social2_4 {padding:75px 0;} .social2_2 .wbox {padding:40px 20px;} .social2_2 .stit {padding-bottom:20px; margin-bottom:50px;} .social2_2 .cbox {flex-direction:column; gap:20px;} .social2_2 .cbox dl {width:100%;} .social2_2 .cbox dt {width:100px; padding-top:100px; margin:0 auto;} .social2_2 .cbox dt:after {bottom:-14px; width:10px; height:10px;} .social2_2 .cbox dd {font-size:14px; line-height:22px; padding:30px 0 0;} .social2_2 .imgs {margin-top:50px; flex-direction:column; gap:10px;} .social2_2 .imgs img {width:100%; border-radius:15px;} .social2_4 .btxt {margin:30px 0 40px;} .social3_2 {padding:75px 0; margin-top:75px;} .social3_2:before {height:50vh;} .social3_2 .wbox {gap:20px;} .social3_2 .wbox dl {width:100%;} .social3_2 .wbox dl:before {left:50%; top:-20px; width:20px; height:20px; transform:translateX(-50%) rotate(90deg);} .social3_2 .wbox dl:nth-child(4):before {display:block;} .social3_2 .wbox dt {font-size:14px; line-height:22px; height:50px;} .social3_2 .wbox dd {padding:10px; height:auto;} .social4 .tit {font-size:15px; margin-bottom:20px;} .social4a_2 .img {padding:30px 15px;} .social4a_3 {padding-top:75px;} .st_half.mb {margin-bottom:75px;} .social4a_3 .glbox {padding:30px 15px; gap:20px; height:auto; margin-bottom:20px;} .st_half .st_tit {padding-bottom:20px;} .social4b .jq_tab.tab_type2 {margin:75px 0 50px;} .social4 .bgbox {padding:70px 0; height:auto; margin-bottom:75px;} .social4 .bgbox .btxt {margin:30px 0 40px;} .social4 .horizontal_ul.set2 {margin-bottom:0;} .social4 .bgbox .btxt {margin:15px 0 20px;} .social4ca .bgbox .btns {margin-top:30px; gap:10px;} .social4ca .bgbox .btns .btn_down {width:100%;} .social_chart {height:270px; margin-bottom:0;} .social_chart .guide {top:-15px;} .social_chart .guide li {line-height:30px; font-size:13px;} .social_chart .line li {height:30px;} .social_chart .years li .bars {gap:5px; padding-bottom:30px;} .social_chart .years li .bars .bar {width:30%;} .social_chart .years li > p {font-size:13px;} .social4_2 {padding-top:75px; margin-top:75px;} .social4_2:before {height:calc(100% - 20vw);} .social_wrap .img_bdrs.mt8 {margin-top:40px;} .social_wrap .half_img {gap:30px; flex-direction:column;} .social_wrap .half_img .box {width:100%;} .social4_3 {margin-top:75px;} /* Governance */ /* ���豸�� */ .tbl .over_tbl + p.tar {margin-top:10px;} .governance_a2 {padding:75px 0; margin:75px 0;} .governance_a2 ul {flex-direction:column;} .governance_a2 li {width:100%;} .governance_a2 .btxt {margin-bottom:30px;} .governance_a2 .shadow_txt {top:20px; right:0; left:auto; font-size:20px;} .governance_a2 li:nth-child(2) {margin:0;} .tbl .mog1 {width:20%;} .tbl .mog2 {width:20%;} .tbl .mog3 {width:auto;} .tbl .mog4 {width:20%;} /* �����濵 */ .container.g03 .jq_tab {padding:0;} .governance2_wrap {gap:20px; flex-direction:column;} .governance2_wrap .img_governance2, .governance2_wrap .txt {width:100%;} .governance2_wrap .img_governance2 {height:300px; background-position:50% 60%;} .governance2_wrap .txt > strong {font-size:20px; line-height:30px;} .governance2_wrap .txt p {margin-top:20px;} .governance2_wrap .txt .name {margin-top:30px;} .governance2_wrap .txt .name strong {font-size:20px;} .dl_rule dt {font-size:18px; line-height:24px; padding:15px 40px 15px 15px;} .dl_rule dt i {width:54px; height:54px;} .dl_rule dt i:before {width:16px; height:2px; margin:-1px 0 0 -8px;} .dl_rule dt i:after {width:2px; height:16px; margin:-8px 0 0 -1px;} .dl_rule dd {padding:20px 15px;} .dl_rule .tbl_blueb tr > *:first-child {width:100px;} .dl_rule .tbl_blueb th {padding:10px 0;} .dl_rule .tbl_blueb td {padding:10px 5px;} /* �������ع� ����ũ */ .governance3_top:before {background-image:url('/pub/images/img_governance3_top.jpg');} .lisk_box {padding:20px 10px; border-radius:15px; gap:10px;} .lisk_box .cbox {width:calc((100% - 20px)/3); max-width:none;} .lisk_box dt, .lisk_box dd {font-size:14px;} .lisk_box dt {line-height:48px;} .lisk_box dd {line-height:24px; height:120px;} .lisk_box dl:before, .lisk_box dl:after {margin-top:18px;} .lisk_box dd:before {left:-10px; width:10px;} .lisk_box ul {padding-top:20px;} .lisk_box li {line-height:20px; font-size:14px; padding:10px; height:62px; display:flex; justify-content:center; align-items:center; margin-top:10px;} /* �繫 ����ũ */ .governance4_top:before {background-image:url('/pub/images/img_governance4_top.jpg');} /* ���� ����ũ */ .lisk_step {padding:20px;} .lisk_step dt {font-size:14px; height:50px;} .gs_policy_dl dd {padding:10px;} /* ������ȣ ����ũ */ .governance6_top:before {background-image:url('/pub/images/img_governance3_top.jpg');} .governance6_box1 {padding:20px; margin-top:30px;} .governance6_box1 .top, .governance6_box1 .box {font-size:14px; width:35vw;} .governance6_box1 .top:before {height:150px;} .governance6_box1 .top dt {line-height:30px; padding:10px 5px;} .governance6_box1 .top dd {height:50px; line-height:50px;} .governance6_box1 .box {line-height:46px; height:48px;} .governance6_box1 .boan {padding-left:46vw; height:48px;} .governance6_box1 .boan .box:before {width:28.8vw;} .governance6_box2 {padding:75px 0 0; margin-top:75px;} .governance6_box2 .wbox {padding:20px;} .container .ctit {font-size:20px; padding-bottom:20px; margin-bottom:20px;} .governance6_box2 .wbox .dl_area {gap:20px; margin-top:30px;} .governance6_box2 .wbox .dl_area dl {flex-direction:column; padding:20px; gap:20px;} .governance6_box2 .wbox .dl_area dt {font-size:16px; line-height:40px; height:40px; width:40px;} .governance6_box2 .wbox .dl_area dd {width:100%;} /* ���Ӱ��ɰ濵������ */ .sustainability_report_top:before {background-image:url('/pub/images/img_sustainability_report01.jpg');} .report_wrap {padding:40px 0 100px; flex-direction:column;} .report_wrap:before {height:268px;} .report_wrap > * {width:100%;} .report_wrap .img {padding:0 20% 20px;} .report_wrap .txt span {font-size:13px; letter-spacing:8px;} .report_wrap .txt .tt {font-size:20px; line-height:30px; margin-bottom:50px;} .report_wrap .txt .down_wrap {font-size:18px; line-height:24px;} .report_wrap .txt .down_wrap .btn_down {font-size:14px; margin-top:40px;} .report_environmental .txt .down_wrap {gap:10px;} .report_environmental .txt .down_wrap .btn_down {width:calc(50% - 5px); padding:10px;} .report_environmental .txt .down_wrap .btn_down:after {right:10px;} /* ����ä�� */ /* ����濵 */ .talent_management_top:before {background-image:url('/pub/images/img_talent_management01_m.jpg');} .organizational_value dl {flex-direction:column;} .organizational_value.start dl, .organizational_value.end dl {padding-left:0;} .organizational_value dt {display:none;} .organizational_value dd {width:100%;} .organizational_value dd li {padding:calc(100vw + 40px) 15px 75px; height:auto;} .organizational_value dd li .point {top:0; left:0; width:100%; height:100vw; background:no-repeat 50% 50% / cover;} .organizational_value dd li .point.ov01 {background-image:url('/pub/images/img_talent_management02.jpg');} .organizational_value dd li .point.ov02 {background-image:url('/pub/images/img_talent_management02b.jpg');} .organizational_value dd li .point.ov03 {background-image:url('/pub/images/img_talent_management02c.jpg');} .organizational_value dd li .point.ov04 {background-image:url('/pub/images/img_talent_management02d.jpg');} .organizational_value dd .num {top:calc(100vw + 40px); right:15px; left:auto; font-size:70px;} .organizational_value dd .tit {font-size:24px; margin:20px 0;} .organizational_value dd strong {font-size:15px;} .organizational_value dd .dots {margin-top:40px;} .talent_management_area2 .tt {font-size:19px; line-height:26px;} /* �����Ļ� */ .welfare_top:before {background-image:url('/pub/images/img_welfare01.jpg'); background-position:60% 0;} .welfare_area {gap:20px 10px;} .welfare_area li {width:calc((100% - 10px)/2); padding-bottom:20px; transition-delay:0s !important;} .welfare_area li:nth-child(2n) {transition-delay:.2s !important;} .welfare_area li i:after {height:40px;} .welfare_area li i:before {width:30px; height:30px;} .welfare_area li .tt {font-size:18px; line-height:24px; margin:20px 0 10px;} .welfare_btm {margin-top:20px; padding:20px;} /* ä������ */ .recruitment_procedure li {gap:10px; padding:20px 10px;} .recruitment_procedure li:after {left:40px; bottom:-10px; width:20px; height:20px;} .recruitment_procedure .ico {width:80px; height:80px; background-size:40px;} .recruitment_procedure .txt {width:calc(100% - 90px);} .recruitment_procedure .tit {font-size:16px; line-height:24px; margin-bottom:10px;} .recruitment_procedure .plbox p {padding:0;} .recruitment_procedure .plbox p strong {position:relative; display:block; margin-bottom:5px;} .recruitment_procedure .sml {font-size:13px; margin-top:15px;} /* FAQ */ .faq_top:before {background-image:url('/pub/images/img_faq01_m.jpg'); background-position:50% 0;} .qna_top:before {background-image:url('/pub/images/img_qna01_m.jpg'); background-position:50% 0;} .faq_wrap {gap:10px;} .wrap-tab-container.faq_wrap {gap:0;} .faq_wrap .jq_tab li {width:calc(100%/3);} .faq_wrap dt {font-size:14px; line-height:22px; padding:10px 60px 10px 40px;} .faq_wrap dl strong {width:40px; font-size:16px; line-height:42px;} .faq_wrap dt i {width:60px;} .faq_wrap dt i:before {width:16px; height:2px; margin:-1px 0 0 -8px;} .faq_wrap dt i:after {width:2px; height:16px; margin:-8px 0 0 -1px;} .faq_wrap dd {padding:10px 10px 10px 40px;} .faq_wrap dd:before {width:calc(100% - 50px);} /* �����ϱ� */ .qna_list a {padding:20px 0; display:flex; flex-direction:column; align-items:flex-start;} .qna_list a > * {text-align:left;} .qna_list .tag {width:100%; margin-bottom:5px;} .qna_list .txt {width:100%;} .qna_list .txt strong {font-size:18px;} .qna_list .txt .date {font-size:14px; margin-top:5px;} .qna_list .lock .txt strong {padding-left:20px; background-size:15px;} .qna_list .name {width:100%; margin-top:5px;} .qna_list .state {position:absolute; bottom:20px; right:0; width:auto;} .qna_list .state span {line-height:30px; height:30px; width:80px; text-align:center; margin:0;} .qna_list .arrow {display:none;} .pop_lock .inbox {max-width:calc(100vw - 30px); padding:20px; border-radius:10px;} .pop_lock .tit {font-size:20px; line-height:26px; padding-bottom:15px; margin-bottom:20px;} .pop_lock .btn_close {width:50px; height:50px; background-size:16px;} .pop_lock .input_box {padding:15px;} .pop_lock .input_box label {font-size:14px;} .pop_lock .input_box strong {line-height:40px; padding-right:10px;} .pop_lock .input_box .text {width:calc(100% - 60px); height:40px;} .pop_lock .btn {width:120px; height:40px; line-height:40px; margin:20px auto 0;} .board_view .reply {margin-top:30px;} .board_view .reply dt {font-size:13px; line-height:20px; padding:10px;} .board_view .reply dt .date {top:10px; right:5px;} .board_view .reply dt .date span {padding:0 10px;} .board_view .reply dt .date span:before {top:calc(50% - 5px); height:10px;} .board_view .reply dd {padding:20px 0 50px;} .board_bottom .btns.flex .btn_list {width:100px; margin:0 5px;} .board_write table {margin-bottom:30px;} .board_write th, .board_write td {padding:10px; font-size:14px;} .board_write th {width:80px; line-height:40px;} .board_write td em {line-height:40px; width:20px;} .board_write td .w2 {width:calc((100% - 40px)/3);} .board_write td .w3 {width:calc((100% - 20px)/2);} .board_write td select.w3 {width:100%; max-width:100%; margin:5px 0 0;} .board_write td label.radio {margin-right:20px;} .board_write td .flex .file {width:100%;} .board_write .filebox {width:100%; max-width:100%; height:40px; margin:0 0 5px;} .filebutton {width:100%; height:40px;} .filebutton span {line-height:38px; font-size:14px;} .board_write .capcha > * {height:40px;} .board_write .capcha .img {width:110px;} .board_write .capcha .img img {width:100%; height:100%; object-fit:cover;} .board_write .capcha .re {width:40px;} .board_write .capcha .text {width:calc(100% - 155px); max-width:200px; margin-left:5px;} .board_write .board_bottom .btn {width:40%; height:40px; font-size:14px; margin:0 5px;} /* ä����� */ .g07.s04.container .jq_tab li {width:calc(100%/3);} .employment_list li a {padding:10px 70px 10px 10px;} .employment_list .tag {position:relative; top:0; margin:0 0 5px; text-align:left;} .employment_list strong {font-size:16px; line-height:22px;} .employment_list p {font-size:13px; margin-top:5px;} .employment_list span {right:5px; width:60px; height:30px; line-height:30px; margin-top:-13px;} .employment_list li a:after {width:30px; mask-size:20px; -webkit-mask-size:20px; display:none;} /* ���»� ���� */ .partner_wrap {gap:20px;} .partner_wrap li {padding:15px; height:200px; border-radius:15px;} .partner_wrap li .tit {font-size:20px; line-height:24px;} .partner_wrap li p {font-size:14px; line-height:22px; margin:10px 0 15px;} .partner_wrap li .btn {line-height:38px; height:40px; width:240px;} /* �������� */ .customer_yard {flex-direction:column;} .customer_yard li {width:100%; border-radius:10px;} .customer_yard li a {padding:15px; height:120px;} .customer_yard_btm {margin-top:75px; padding:75px 0;} .customer_yard_btm .inner {height:auto;} .customer_yard_btm strong {font-size:18px; line-height:26px;} .customer_yard_btm .btn {line-height:38px; height:40px; width:240px; margin-top:20px;} /* ������ �ٿ�ó ���� */ .customer2_2 {height:210px; background-image:url('/pub/images/img_customer2_03_m.jpg'); margin-bottom:75px;} .tbl.val th {width:90px;} .tbl.val td.tal {padding-left:10px;} /* �ڿ����� */ .mine_status {gap:20px;} /* �����ڷ� */ .news_top:before {background-image:url('/pub/images/img_news01.jpg'); background-position:60% 0;} .board_top {margin-bottom:30px;} .board_top .search_area select.text {width:100px; margin-right:10px; height:42px;} .board_top .search_wrap {padding-right:40px; max-width:calc(100% - 100px);} .board_top .search_wrap .text {font-size:14px; line-height:40px; height:40px; padding:0 5px;} .board_top .search_wrap .btn {width:40px; height:40px;} .news_board li {width:calc(50% - 5px);} .news_board li a {padding:10px; height:calc(24vw + 130px); border-radius:10px;} .news_board li .cate {margin-bottom:5px;} .news_board li .tt {font-size:16px; line-height:20px; height:40px;} .news_board li .img {height:24vw; margin-top:10px;} .news_board li .date {bottom:10px; left:10px;} .board_view .tit {padding-bottom:20px;} .board_view .tit .tt {font-size:20px; line-height:24px; margin-bottom:15px;} .board_view .tit .date span {font-size:13px; padding:0 10px;} .board_view .con {padding:20px 0 50px;} .board_view .file {padding:5px 5px 5px 60px;} .board_view .file dt {top:5px; font-size:13px; line-height:30px; padding-left:10px;} .board_view .file dd a {font-size:13px; line-height:30px;} .board_list col.w2 {width:50px;} .board_list col.w3 {width:70px;} .board_list th {font-size:13px; height:50px;} .board_list td {font-size:13px; height:60px;} .board_list td i.file {width:14px;} .board_list td.tal a {font-size:14px; line-height:20px;} .board_list .important a {padding-left:0;} .board_list .important a strong {position:relative; top:0; font-size:14px; margin:0 0 5px; display:block;} /* CI ���̵� */ .cibox {height:200px;} .cibox.mt {margin-top:75px;} .cibox img {max-width:240px; max-height:120px;} .symbol .tt {font-size:16px; margin-bottom:10px;} .signature {} .signature .sig_box {flex-direction:column;} .signature .sig_box p {width:100%;} .signature .sig_box .btn_down {margin:20px auto 0;} .signature .ci_area {flex-direction:column; margin-top:40px;} .signature .ci_area dl {width:100%;} .signature .ci_area dt {padding:0 15px; gap:15px; height:200px; border-radius:10px 10px 0 0;} .signature .ci_area dt p {gap:15px;} .signature .ci_area dd {line-height:40px; border-radius:0 0 10px 10px;} .color_palette li {font-size:14px; line-height:22px; flex:1 1 50%; height:120px;} .status_box .list ul {margin-bottom:50px;} .ci_color_set dl {border-radius:10px;} .ci_color_set dt {height:auto; min-height:200px; padding:10%;} .ci_color_set dd {line-height:40px;} .ci_color_set .co3 dt {padding-right:23%;} .jade_green {margin:75px 0;} .jade_green dl {flex-direction:column; margin-bottom:80px;} .jade_green dt {width:120px; height:120px; font-size:16px; line-height:24px; margin:0 auto 20px;} .jade_green dd {width:100%; padding:0;} .application_items {flex-direction:column; gap:20px;} .application_items li {width:100%;} .application_items li .img {height:auto; min-height:200px; padding:15px; border-radius:10px;} .application_items li p {margin-top:10px;} /* ȫ������ */ .prvideo_top:before {background-image:url('/pub/images/img_prvideo01.jpg');} /* ������ ��� */ .gall_list {gap:20px;} .gall_list li {width:100%;} .gall_list li .img {border-radius:10px 10px 0 0; height:65vw;} .gall_list li .txt {border-radius:0 0 10px 10px; padding:10px;} .gall_list li .txt strong {font-size:15px; line-height:24px; height:48px;} .gall_list li .txt .date {font-size:13px; margin-top:10px;} /* �λ�/�������� */ .top_img {height:120px; margin-bottom:50px;} .personnel_area li {gap:2%; flex-direction:column; align-items:flex-start; height:auto; padding:10px 0 20px;} .personnel_area li .img {width:auto; align-items:flex-start;} .personnel_area li .img i:before {width:30px; height:30px;} .personnel_area li .img img {height:30px;} .personnel_area li.i4 .img i img {height: 30px;} .personnel_area li .img p {margin-top:10px; font-size:18px; line-height:30px;} .personnel_area li .txt {width: 100%; line-height:24px;} .personnel_area2 {gap:10px; border-top:#000 1px solid;} .personnel_area2 li {width:100%; padding:10px 0 20px;} .personnel_area2 li .btit {margin:10px 0 0;} .personnel_area2 li .img i:before {top:0; left:0; } /* �����Ұ� */ .support_box {gap:30px; margin-top:40px;} .support_box li {width:100%;} .support_box p {padding:15px 0;} .support_box .icons {margin-top:15px;} .support_box .icons:before {width:30px; height:30px;} .support_box .icons img {height:30px;} /* ����� */ .fancybox-skin {border-radius:15px;} .fancybox-close {width:70px; height:70px;} .popup_yak {padding:20px; font-size:13px; line-height:22px;} .popup_yak .inbox {max-height:calc(100vh - 172px);} .popup_yak .tit {font-size:20px; line-height:26px; padding-bottom:20px; margin-bottom:20px;} .popup_yak .tit span {font-size:13px; margin-bottom:5px;} .popup_yak .tt {font-size:15px; margin:20px 0 10px;} .popup_yak .t {margin:20px 0 0;} .popup_yak li {padding-left:10px; text-indent:-10px;} .popup_yak .gbox {padding:15px 20px;} .popup_yak .dots_list li:before {top:9px;} .jeboline {height:calc(21vw + 160px); padding:40px 15px;} .jeboline .tt {font-size:4.6vw; line-height:7vw; margin-bottom:7vw;} .jeboline .tt:before {top:-20px; left:-5px; width:40px; height:30px;} .jeboline ul {gap:10px;} .jeboline li {padding-left:100px;} .jeboline li span {width:60px;} .jeboline li:before {left:75px; height:10px; margin-top:-5px;} /* 260128 추가 */ .popup_yak .tit.pb0 {margin-bottom: 30px;} .popup_yak .jq_tab button {font-size: 14px; height: 40px; line-height: 40px;} .fancybox-inner .btn-history {top:calc(20px); right:calc(70px + 10px); font-size: 14px; width: 100px; height: 30px; line-height: 30px;} html[lang=en] .fancybox-inner .btn-history {top:calc(20px);} /* 개인정보처리방침 이력 - 260128 추가 */ .privacy_history .privacy-content {margin:40px 20px 0;} .privacy_history .popup_yak {border-radius: 15px;} .privacy_history .dropdown .cur_revision {height: 40px; line-height: 40px;} .privacy_history .dropdown .dropdown-list {top: calc(40px + 10px);} .privacy_history .privacy-content .loading-msg {border-radius: 15px;} } @media screen and (max-width:360px){ /* 260128 추가 */ .fancybox-inner .btn-history {top: 80px; right: auto; left: 20px; font-size: 12px; width: 84px; height: 20px; line-height: 20px; letter-spacing: -0.5px; font-weight: 600;} html[lang=en] .fancybox-inner .btn-history {top:53px;} }