@charset "euc-kr";
.mob {display:none!important;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
.pt20 {padding-top:20px!important;}
.w100 {width:100%;}
.contents {margin:85px 0;overflow:hidden;}
.cont {width:1280px;margin:0 auto;overflow:hidden;}
.overlay {display:none;position:absolute;left:0;top:0;width:100%;height:200%;z-index:99999;background:url('../img/bg/overlay.png') 0 0 ;}
.section {min-height:500px;}
.s_body {margin-top:10px;}
.sub_bg {height:300px;z-index:0 !important; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; background-color:#fff;}
.sub_bg h2{width:1280px; padding:180px 0 18px; margin:0 auto; font-size:50px; font-weight:300; color:#fff;}
.sec_tit h3 {position: relative;margin: 10px 0 30px;text-align: center;transition: padding 0.3s linear 0s;}
.sec_tit h3 span {word-break: keep-all;font-weight: 500;font-size: 32px;transition: font-size 0.3s linear 0s;}
.sec_tit h3 span:after {display: block;width: 14%;margin: 10px auto 0;border-bottom: 3px solid #034ea1;content: '';}
.company_bg {background:url('../img/company/title_bg.png')}
.business_bg {background:url('../img/rnd/title_bg.png')}
.oper_bg {background:url('../img/oper/title_bg.png')}
.ir_bg {background:url('../img/ir/title_bg.png')}
.recruit_bg {background:url('../img/recruit/title_bg.png')}
/* lnb */
/* .location {margin-bottom:10px;} */
.location ul {float:right;margin:5px 0;}
.location ul li {float:left;font-size:1.1rem;color:#999;letter-spacing:-0.1rem;font-weight:300;}
.location ul li:first-child {padding-left:20px;background:url('../img/bg/home.gif') 5px center no-repeat;}
.location ul li a {color:#999;}
.location ul li a:after {content:'>';margin:0 10px;}
/* snb */
.snb {display: table;table-layout: fixed;width: 100%;}
.snb li {display: table-cell;position:relative;color: #000000;padding: 0.7rem 0;border: 1px solid #ddd;border-left: 1px solid #fff;vertical-align: middle;text-align: center;font-size:1.15rem;cursor:pointer;}
.snb li a {display:block;}
.snb li:hover {background-color:#034ea1;border-color: #034ea1;color: #fff;}
.snb li:hover:before {display: block;position: absolute;top: 3rem;left: calc(50% - 0.625rem);content: '';border-right: 0.625rem solid transparent;border-left: 0.625rem solid transparent;border-top: 0.625rem solid #034ea1;}
.snb li:hover a {color:#fff;}
.snb li:first-child {border-left: 1px solid #ddd;}
.snb li.active {background-color:#034ea1;border-color: #034ea1;color: #fff;}
.snb li.active:before {display: block;position: absolute;top: 3rem;left: calc(50% - 0.625rem);content: '';border-right: 0.625rem solid transparent;border-left: 0.625rem solid transparent;border-top: 0.625rem solid #034ea1;}
/* 탭 */
.tabs {display: table;table-layout: fixed;width: 100%;}
.tabs li {display: table-cell;position:relative;color: #000000;padding: 0.7rem 0;border: 1px solid #ddd;border-left: 1px solid #fff;vertical-align: middle;text-align: center;font-size:1.15rem;cursor:pointer;}
.tabs li a {display:block;}
.tabs li:first-child {border-left: 1px solid #ddd;}
.tabs li.active {background-color:#034ea1;border-color: #034ea1;color: #fff;}
.tabs li.active a {color:#fff;}
.tabs li.active:before {display: block;position: absolute;top: 3rem;left: calc(50% - 0.625rem);content: '';border-right: 0.625rem solid transparent;border-left: 0.625rem solid transparent;border-top: 0.625rem solid #034ea1;}
.tab_wrap h4 {margin:30px;text-align:center;word-break: keep-all;font-weight: 500;font-size: 28px;transition: font-size 0.3s linear 0s;}
.tab_wrap h4:after {display:block;width:14%;margin:10px auto 0;border-bottom:3px solid #0167bb;content:'';}
/* 탭 */
.tabs2 {display: table;table-layout: fixed;width: 100%;}
.tabs2 li {display: table-cell;position:relative;color: #000000;padding: 0.7rem 0;border: 1px solid #ddd;border-left: 1px solid #fff;vertical-align: middle;text-align: center;font-size:1.15rem;cursor:pointer;}
.tabs2 li a {display:block;}
.tabs2 li:first-child {border-left: 1px solid #ddd;}
.tabs2 li.active {background-color:#034ea1;border-color: #034ea1;color: #fff;}
.tabs2 li.active a {color:#fff;}
.tabs2 li.active:before {display: block;position: absolute;top: 3rem;left: calc(50% - 0.625rem);content: '';border-right: 0.625rem solid transparent;border-left: 0.625rem solid transparent;border-top: 0.625rem solid #034ea1;}
.tab_wrap h4 {margin:30px;text-align:center;word-break: keep-all;font-weight: 500;font-size: 28px;transition: font-size 0.3s linear 0s;}
.tab_wrap h4:after {display:block;width:14%;margin:10px auto 0;border-bottom:3px solid #0167bb;content:'';}
/* 인사말 */
.ceo_title {float:left;width:50%;position:relative; padding:40px 0 0 50px; font-size:40px; color:#333; letter-spacing:-2px; line-height:1.4;font-weight:300;}
.ceo_tri {width: 0;height: 0;border-style: solid;border-width: 100px 100px 0 0;border-color: #1b1c80 transparent transparent transparent;float: left;position: absolute;top: 0;left:0;}
.greeting {float:left;width:50%;word-break:keep-all;}
.greeting p {font-size:16px;color:#333;font-weight:300;}
.greeting p span {font-size:20px;color:#1b1c80;font-weight:400;}
.greeting .sign {float:right;margin-top:40px;color:#000;font-size:24px;}
.greeting .sign span {margin-left:8px;vertical-align:middle;}
.greeting .sign span:first-child {font-size:14px;}
/* 기업정보 */
.info_box {margin-top:100px;overflow:hidden;}
.info_box ul {display:block;float:left;width:100%}
.info_box ul li {display: block;float: left;width: 33%;padding-top:120px;box-sizing: border-box;}
.info_box ul li h1 {float: left;width: 100%;font-size: 30px;font-weight: 600;color: #034ea1;line-height: 40px;text-align: center;}
.info_box ul li h1 a {width: 174px;height: 58px;display: inline-block;background-image: url('../img/logo.png');background-repeat: no-repeat;background-size: 100% auto;}
.info_box ul li p {font-size: 16px;font-weight: 300;color: #666;line-height: 24px;text-align: center;}
.info_box ul li p.tit {float: left;width: 100%;font-size: 18px;font-weight: 600;color: #212121;line-height: 24px;text-align: center;margin: 5px 0;}
.info_top ul li:nth-child(1) {background:url('../img/company/icon_com1.png') top center no-repeat;}
.info_top ul li:nth-child(2) {background:url('../img/company/icon_com2.png') top center no-repeat;}
.info_top ul li:nth-child(3) {background:url('../img/company/icon_com3.png') top center no-repeat;}
.info_bot ul li:nth-child(1) {background:url('../img/company/icon_com4.png') top center no-repeat;}
.info_bot ul li:nth-child(2) {background:url('../img/company/icon_com5.png') top center no-repeat;}
.info_bot ul li:nth-child(3) {background:url('../img/company/icon_com6.png') top center no-repeat;}
/* 경영정보 */
.business_wrap {width:100%; margin:0 auto; padding:0; box-sizing:border-box;}
.business_img {width:100%;margin-top:50px;}
.business_img .pcimg {display:inline-block;}
.business_img .mimg {display:none;}
.business_box ul li {width:320px;float:left;display:block;}
.business_box ul li div {width:245px;margin-top:160px;}
.business_box ul li h3 {text-align:center;font-size:1.4rem;margin-bottom:20px;font-weight:500;}
.business_box ul.inner_ul li {width:240px;margin-bottom:20px;padding-left:30px;}
.business_box ul.inner_ul li h4 {font-size:1.25rem}
.business_box ul.inner_ul li p {padding-left:2px;font-size:0.95rem;color:#666;letter-spacing:-1px;}
.business_box ul li.box1 {height:680px;background:url('../img/company/business_bg1.png') top center no-repeat;}
.business_box ul li.box2 {height:680px;background:url('../img/company/business_bg2.png') top center no-repeat;}
.business_box ul li.box3 {height:680px;background:url('../img/company/business_bg3.png') top center no-repeat;}
.business_box ul li.box4 {height:680px;background:url('../img/company/business_bg4.png') top center no-repeat;}
.business_box ul li.box5 {height:680px;background:url('../img/company/250207.png') top center no-repeat;}
/* 소개영상 */
.youtube_box {width:100%;position:relative;margin-top:40px;overflow:hidden;}
.youtube_box ul li {float:left;width:50%;}
.youtube_box ul li h3 {margin-top:20px;text-align:center;font-size:1.5rem;}
/* 관계 자회사 */
.aff_in {clear:both;margin-top:40px;}
.aff_in h5 {font-size:1.5rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.aff_in ul {overflow:hidden;}
.aff_in ul li {float:left;padding:15px;width:50%;}
.aff_in ul li .item {position:relative;}
.aff_in ul li .item_img img {width:100%;}
.aff_in ul li .item_tit {display: table;overflow: hidden;width: 100%;height: 60px;padding: 0 30px;line-height: 1.3;font-size: 18px;font-weight: 400;letter-spacing: -.5px;border-top: 1px solid #e5e5e5;}
.aff_in ul li .item_tit h3 { display: table-cell; vertical-align: middle; line-height: 1.3; color: #000;}
.aff_in ul li .item_info { padding: 20px 30px; border-top: 1px solid #e5e5e5;}
.aff_in ul li .item_info p {position: relative;padding: 7px 0 7px 100px;height: 28px;line-height: 1;font-size: 16px;font-weight: 400;color: #777;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.aff_in ul li .item_info p span {position: absolute;left: 0;top: 0;padding: 5px 0;line-height: 1;font-weight:500;}
/* 연혁 */
.history1 .big_year, .history2 .big_year {display: block;font-size: 72px;font-weight: 500;}
.history1 .big_year + em, .history2 .big_year + em {display: block;margin-top: 0px;font-size: 28px;font-weight: 300;line-height: 28px;letter-spacing: -1px;}
.history1 {overflow:hidden;margin-top:50px;}
.history1 > dl {float:left;width:50%;}
.history_box {float:left;width:50%;padding:18px 0 0 60px;border-left:1px solid #ccc;}
.history_box dl {overflow:hidden;padding-bottom:50px;border-top:2px solid #eee;}
.history_box dl dt {float:left;height:120px;}
.history_box dl dt .year {font-size:32px;font-weight:500;color:#034ea1;}
.history_box dl dd + dd {margin-top:8px;}
.history_box dl dd {margin-left:130px;margin-top:8px;font-size:16px;}
.history_box dl dd p {margin-left:20px;}
.history_box dl dd p span.month {margin-right:15px;}
.history2 > dl {float:right;width:540px;padding-bottom:240px;}
.history2 {overflow:hidden;}
.history2 > div dl {padding:28px 0 48px;margin-left:70px;overflow:hidden;}
.history2 .history_box {width:600px;}
/* 수상경력 */
.awards {overflow:hidden;margin-top:50px;}
.awards .big_year {display: block;font-size: 72px;font-weight: 500;}
.awards .big_year + em {display: block;margin-top: 0px;font-size: 28px;font-weight: 300;line-height: 28px;letter-spacing: -1px;}
.awards > dl {float:left;width:50%;}
.awards_box {float:left;width:50%;padding:18px 0 0 60px;border-left:1px solid #ccc;}
.awards_box dl {overflow:hidden;padding-bottom:50px;border-top:2px solid #eee;}
.awards_box dl dt {float:left;}
.awards_box dl dt .year {font-size:32px;font-weight:500;color:#034ea1;}
.awards_box dl dd + dd {margin-top:8px;}
.awards_box dl dd {margin-left:130px;margin-top:8px;font-size:16px;}
.awards_box dl dd p {margin-left:20px;}
.awards_box dl dd p span.month {margin-right:15px;}
/* 공지사항 */
.search_top {overflow:hidden;margin-bottom:20px;}
.search_top span {float:left;font-size:16px;line-height:48px;}
.search_wrap {float:right; width:358px; height:48px; margin:0 auto; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.search {float:left;width:calc(100% - 48px);height:48px;overflow:hidden;}
.search input {display:block; float:left; width:100%; height:48px; padding:0 10px; margin:0; border:0; font-size:16px; font-weight:400; color:#212121;}
.search_btn{display:block; float:left; width:48px; height:48px; background:url('../img/bg/search_btn.png') no-repeat center; text-indent:-10000px;}
.notice_list table {border-top:1px solid #444}
.notice_list table th {background:#f9f9fb; padding:18px 16px; border-bottom:1px solid #444;font-size:16px;font-weight:400;}
@media (max-width: 1025px)
table.board th:nth-child(n+3), table.board td:nth-child(n+3) {
display: none;
}
.notice_list table td {padding:18px 16px; border-bottom:1px solid #e2e2e2; text-align:center; color:#444;}
.notice_list table td.list_title {text-align:left!important;}
.notice_list table tr:hover {background:#f9f9fb}
.notice_list table tr:hover td a {font-weight:500;}
/* 홍보센터 */
.hong_list {position:relative; padding-top:40px; border-top:1px solid #444; border-bottom:1px solid #e2e2e2}
.hong_list ul {overflow:hidden}
.hong_list li {position:relative; float:left; width:32%; margin:2.6% 0 2.6% 2%}
.hong_list li .hong_txt .hong_tit {display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:4px; font-size:1.5em; color:#333; transition:color .4s}
.hong_list li .hong_txt .hong_ed {display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:4px; font-size:1.3em; color:#333; transition:color .4s}
.hong_list li .hong_txt span.date {color:#777; font-family:'Roboto', sans-serif;}
.hong_list li:after {position:absolute; left:0; bottom:-10.6%; width:106%; height:1px; background:#e2e2e2; content:''}
.hong_list li:nth-child(3n+1) {margin-left:0}
.hong_list li:nth-child(-n+3) {margin-top:0}
.hong_list .hong_img, .video .img {position:relative; margin-bottom:18px; width:100%}
.hong_list .hong_img a {display:block;height:280px;}
.hong_list .hong_img img {width:100%;height:270px;}
.cer_wrap .cer_box {position:relative; margin-top:50px;padding-top:40px; border-top:1px solid #444; border-bottom:1px solid #e2e2e2}
.cer_wrap .cer_box h4 {font-size:1.4rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.cer_wrap .cer_box ul {overflow:hidden;margin:20px 0;}
.cer_wrap .cer_box ul li {position:relative; float:left; width:23%; margin:2.6% 0 2.6% 2%}
.cer_wrap .cer_box ul li:nth-child(4n+1) {margin-left:0}
.cer_wrap .cer_box ul li:nth-child(-n+4) {margin-top:0}
.cer_wrap .cer_box .img_box {position:relative;display:block; margin-bottom:18px; width:100%;height:400px;}
.cer_wrap .cer_box .img_box img {width:100%;}
.cer_wrap .cer_box .img_tit {font-size:1.2rem;margin-top:20px;text-align:center;}
/* 뉴스룸 */
.news_m_110 {margin-top:110px;}
.news_wrap .new_cons {
background:#F6F6F6;
padding:10px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}
.news_wrap .new_cons article {
border:1px solid #D1D1D1;
background:#fff;
cursor:pointer;
}
.news_wrap .new_cons article .img_box {
height:220px;
/* border:1px solid; */
}
.news_wrap .new_cons article .texts {
display:flex;
flex-direction:column;
gap:10px;
padding:14px;
}
.news_wrap .new_cons article .texts strong {
font-size:18px;
font-weight:700;
}
.news_wrap .new_cons article .texts p {
color:#888888;
}
.news_wrap .lists {margin-top:50px;}
.lists_top_con {
display:flex;
width:100%;
justify-content:space-between;
margin-bottom:20px;
}
.lists_top_con .num {
font-size:18px;
}
.lists_top_con .num span {
color:#BF5C85;
}
.search_news {
display:flex;
align-items:center;
width:fit-content;
gap:3px;
}
.search_news .put {
display:flex;
align-items:center;
border:1px solid #D1D1D1;
padding:5px;
height:34px;
}
.search_news .search_put {
border:0;
outline:none;
height:auto;
}
.search_news .box select {
padding:3px;
font-size:16px;
min-width:4em;
}
.news_wrap .lists .con table td,
.news_wrap .lists .con table th {
padding: 18px 16px;
}
.news_wrap .lists .con table th {
border-bottom: 1px solid #444;
border-top: 1px solid #444;
background: #f9f9fb;
}
.news_wrap .lists .con table td {
text-align:center;
border-bottom: 1px solid #e2e2e2;
}
.news_wrap .lists .con table {
width: 100%;
border-collapse: collapse;
word-break: break-all;
}
table.news th.num,
table.news th.view {width:8%;}
table.news th.write {width:10%;}
.news_wrap .lists .con table td.left {
text-align:left;
}
table th.date {width:12%;}
.news_wrap .lists .con table tr:hover {background:#f9f9fb}
.board_btn #btn_wrap {
height: 28px;
margin: 0 auto;
width: auto;
text-align: center;
}
.board_btn .number_wrap_click {
background-color: #082E59;
color: #ffffff;
width: 40px;
border: 1px solid;
padding: 4px;
margin-right: 10px;
float: left;
cursor: pointer;
}
.board_btn .number_wrap {
width: 40px;
border: 1px solid;
padding: 4px;
margin-right: 10px;
float: left;
cursor: pointer;
transition: all 0.6s;
}
.board_btn #next_wrap:hover,
.board_btn .number_wrap:hover {
background-color: #082E59;
color: #ffffff;
}
.board_btn #next_wrap {
width: 70px;
border: 1px solid;
padding: 4px;
margin-left: 6px;
float: left;
cursor: pointer;
transition: all 0.6s;
text-align: center;
}
/* 산하연현황 */
.san_wrap {width:100%;overflow:hidden;}
.san_wrap .san_box {float:left;width:50%;margin-top:40px;}
.san_wrap .san_box .san_img {float:left;width:40%;}
.san_wrap .san_box .san_img img {width:100%;}
.san_wrap .san_box .san_txt {float:left;width:60%;padding:0 20px;}
.san_wrap .san_box h4 {font-size:1.25rem;font-weight:400;color:#0647A4;padding:10px 18px;margin-left:10px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.san_wrap .san_box dl {display:table;width:100%;border-top: 1px solid #ddd;}
.san_wrap .san_box dl:first-child {border-top: none;}
.san_wrap .san_box dl dt {display: table-cell;width: 80px;padding: 10px;box-sizing: border-box;font-size:1.2rem;font-weight: 500;transition: all 0.3s linear 0s;}
.san_wrap .san_box dl dt.traffic {color:#2FA3E5;}
.san_wrap .san_box dl dd {display: table-cell;padding: 10px;box-sizing: border-box;word-break: keep-all;color: #666;vertical-align:middle;transition: all 0.3s linear 0s;font-size:16px;}
/* ci */
.ci_box {margin-top:50px;}
.ci_box h4 {font-size:1.3rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.ci_box p {padding:10px 20px; font-size:1.1rem;}
/* 오시는길 */
.loc_wrap {position:relative;overflow:hidden;margin-bottom:30px;}
.loc_wrap .loc_tit {font-size:1.4rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.loc_wrap .map_wrap {width:50%;float:left;}
.loc_wrap .tight_wrap {width:50%;float:left;padding-left:30px;}
.loc_wrap .tight_wrap dl {display:table;width:100%;border-top: 1px solid #ddd;}
.loc_wrap .tight_wrap dl:first-child {border-top: none;}
.loc_wrap .tight_wrap dl dt {display: table-cell;width: 140px;padding: 10px;vertical-align: middle;box-sizing: border-box;font-size:1.2rem;font-weight: 500;transition: all 0.3s linear 0s;}
.loc_wrap .tight_wrap dl dt.traffic {color:#2FA3E5;}
.loc_wrap .tight_wrap dl dd {display: table-cell;padding: 10px;box-sizing: border-box;word-break: keep-all;color: #666;vertical-align:middle;transition: all 0.3s linear 0s;font-size:16px;}
/* 개인정보처리방침 */
.privacy_wrap {}
.privacy_wrap p {font-size:18px;font-weight:300;color:#7a7a7a;}
.privacy_wrap p.pl20 {padding-left:20px;}
.privacy_wrap p.gong {text-align:right;padding:20px;}
.privacy_wrap dl {padding-top:2rem;}
.privacy_wrap dl dt {padding-bottom:1rem;font-size:24px;font-weight:600;line-height:1.4;}
.privacy_wrap dl dd {font-size:17px;font-weight:300;color:#7a7a7a;}
.privacy_wrap dl dd .privacy {margin:10px 0}
.privacy_wrap dl dd .privacy h4 {font-size:1.3rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;margin-bottom:10px}
.privacy_wrap dl dd .privacy th {text-align:center;padding:14px 0;background:#034ea1;color:#fff;font-size:16px;border:1px solid #c5cdd3;font-weight:400;}
.privacy_wrap dl dd .privacy td {font-size:15px;padding:8px;text-align:center;border:1px solid #c5cdd3;}
.privacy_wrap dl dd .privacy td.tl {text-align:left;padding-left:20px;}
.p11{padding-left:23px;}
.p12{padding-left:15px;}
/* 비젼 */
.vision_box {margin-top:60px}
.vision_box .mission {overflow:hidden;}
.vision_box .mission li {width:23%; float:left; padding-top:45px;height:10rem; margin-right:2%; font-size:1.5rem; font-weight:400; color:#fff; text-align:center;}
.vision_box .mission li:nth-child(1) {background:url('../img/company/mission_01.png') center center no-repeat;background-size:cover;}
.vision_box .mission li:nth-child(2) {background:url('../img/company/mission_02.png') center center no-repeat;background-size:cover;}
.vision_box .mission li:nth-child(3) {background:url('../img/company/mission_03.png') center center no-repeat;background-size:cover;}
.vision_box .mission li:nth-child(4) {background:url('../img/company/mission_04.png') center center no-repeat;background-size:cover;}
.vision_box h4 {width:50%;margin:0 auto;padding-bottom:10px;font-size:1.8rem;font-weight:400;text-align:center;line-height:2.5rem;border-bottom:2px solid #ccc;}
.vision_box .inner {overflow:hidden;margin-top:50px;}
.vision_box .inner li {position:relative; display:inline-block; margin:0 2%;vertical-align:middle}
.vision_box .inner li .txt {position:relative;width:200px; height:200px; background:#fff; border-radius:50%;border:10px solid #034ea1;}
.vision_box .inner li .txt div {position:absolute; left:71%; top:50%; transform:translate(-50%, -50%); width:100%}
.vision_box .inner li .txt div p {font-size:1.625rem;color:#333;}
/* R&D */
.rnd_con {margin-top:50px;}
.rnd_con .img img {width:100%;height:auto;}
.rnd_con .list_wrap {text-align: left;width: 100%;margin-top: 70px;}
.rnd_con .list_wrap li {float: left;width: 30%;margin-right: 48px;}
.rnd_con .list_wrap li:last-child {margin:0;}
.rnd_con .list_wrap li h4.tit {font-size: 20px;color: #0647A4;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.rnd_con .list_wrap li p {font-size: 16px;color: #666;font-weight: 400;margin-top: 30px;}
.rnd_con ul {overflow:hidden;}
.rnd_con ul li {float:left;width:23%;margin:0 1%;}
.rnd_con .tit_txt {font-size:2rem;font-weight:400;text-align:center;line-height:2.5rem;margin-bottom:30px;}
.rnd_con .tit_txt span {color:#6FB1DE;}
/* 전지재료사업 */
.mater_wrap {margin-top:50px;}
.mater_wrap h4 {font-size:2rem;font-weight:400;text-align:center;line-height:2.5rem;margin-bottom:30px;}
.mater_wrap h4 span {color:#6FB1DE;}
.mater_wrap h4 i {display:block;width:50px;height:3px;background-color:#6FB1DE!important;margin: 10px auto 0;}
.mater_wrap p {font-size:1.2rem;padding:20px;}
.mater_wrap div.tit {width:50%;margin:0 auto;padding-bottom:10px;font-size:1.8rem;font-weight:400;text-align:center;line-height:2.5rem;border-bottom:2px solid #ccc;}
.mater_wrap div.tit span {color:#6FB1DE;}
.mater_wrap h5 {font-size: 1.4rem;font-weight: 400;color: #0647A4;padding: 10px 18px;background: url('../img/company/loc_tit.png') no-repeat 0;}
.mater_wrap ul {overflow:hidden;}
.mater_wrap ul li {padding-left:30px;margin-bottom:10px;font-size:16px;}
.pro_wrap ul.batt {overflow:hidden;margin:80px 0;}
.pro_wrap ul.batt li {position:relative;float:left;width:29%;height:100px;margin:0 2%;padding:0;text-align:center;border:2px solid #034ea1;}
.pro_wrap ul.batt li p {padding:0;line-height:100px;font-size:1.5rem;letter-spacing:1px;}
.pro_wrap ul.batt li span{width: 0;height: 0;border-style: solid;border-width: 40px 10px 0 0;border-color: #1b1c80;float: left;position: absolute;top: 28%;right:-3%;}
.pro_wrap .our_left {width:30%;float:left;margin-top:120px;}
.pro_wrap .our_left span {display:block;position:relative;width:300px; height:300px; background:#fff; border-radius:50%;border:10px solid #0263cd;margin:0 auto 30px;}
.pro_wrap .our_left span {display: inline-block;background-image: url('../img/logo.png');background-repeat: no-repeat;background-size: 90% auto;background-position:15px 100px;}
.pro_wrap .our_right {width:60%;float:left;}
.pro_wrap ul.our {margin:10px 0 95px;padding-top:20px;overflow:hidden;}
.pro_wrap ul.our li {position:relative;overflow:hidden;background:url('../img/bg/our_txt.png') 100px;}
.pro_wrap ul.our li .txt {position:relative;float:left;width:150px; height:150px; background:#0263cd; border-radius:50%;border:10px solid #fff;text-align:center;}
.pro_wrap ul.our li .txt div {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%}
.pro_wrap ul.our li .txt strong {display:inline-block; margin-top:28px; font-size:1.4em; color:rgba(0,0,0,.4); font-weight:200}
.pro_wrap ul.our li .txt p {font-size:1rem; color:#fff}
.pro_wrap ul.our li .txt span {font-size:0.875em; color:#333}
.pro_wrap ul.our li .box {float:left;margin:20px 0 0 20px;}
.pro_wrap ul.our li .box p {font-size:1rem; color:#333;padding:5px;}
.mater_icon ul {overflow:hidden;}
.mater_icon ul li {float:left;width:150px;margin:30px;}
.mater_icon ul li div {text-align:center;font-size:1.3rem;font-weight:400;}
.mater_icon ul li div img {width:100%;}
.mater_icon ul li .txt {margin-top:10px;}
/* 정보보안경영 */
.boan_wrap ol {margin:75px 0 95px;text-align:center;overflow:hidden;}
.boan_wrap ol li {position:relative;width:23%;float:left;margin:0 1%;text-align:center;}
.boan_wrap ol.safe li {position:relative;width:31%;float:left;margin:0 1%;text-align:center;}
.boan_wrap ol li:last-child {margin-right:0; padding-right:0}
.boan_wrap ol li:last-child:after {display:none}
.boan_wrap ol li .txt {position:relative;width:150px; height:150px; background:#fff; border-radius:50%;border:8px solid #38AD85;margin:0 auto 30px;}
.boan_wrap ol li:first-child .txt {border:8px solid #82AA35}
.boan_wrap ol li:last-child .txt {border:8px solid #329FAA}
.boan_wrap ol li .txt div {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%}
.boan_wrap ol li .txt strong {display:inline-block; margin-top:28px; font-size:1.4em; color:rgba(0,0,0,.4); font-weight:200}
.boan_wrap ol li .txt p {font-size:1.4em; color:#333}
.boan_wrap ol li .txt span {font-size:0.875em; color:#333}
.boan_wrap ol li .box {min-height:200px;padding:100px 15px 0;margin-top:-105px;border:1px solid #ddd;}
.boan_wrap ol li .box {min-height:230px;}
.boan_wrap ol li .box p {font-size:1.1em; color:#333}
.boan_wrap h4 {width:50%;margin:0 auto;padding-bottom:10px;font-size:1.8rem;font-weight:400;text-align:center;line-height:2.5rem;border-bottom:2px solid #ccc;}
.boan_wrap h4 span {color:#6FB1DE;}
.boan_wrap p.safe_sub_tit {padding:80px 0 ;font-size:1.8rem;font-weight:400;text-align:center;line-height:2.5rem;}
.boan_wrap p.safe_sub_tit span {color:#6FB1DE;}
/* 안전환경경영 */
.boan_box ul.sung {overflow:hidden;}
.boan_box ul.sung li {width:23%;margin:20px 1%;float:left;overflow:hidden;}
.boan_box ul.sung li img {width:100%;}
.boan_box ul.sung li p {margin-top:10px;font-size:1.2rem;font-weight:400;text-align:center;}
.boan_box h5 {font-size:1.3rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.boan_box ul.system {overflow:hidden;}
.boan_box ul.system li {position:relative;width:30%;height:100px;margin:20px 1%;float:left;border:1px solid #d4d4d4;}
.boan_box ul.system li div {position:absolute; top:50%; transform:translate(0, -50%); width:100%;text-align:center;}
.boan_box ul.system li p {font-size:1.3rem;color:#333;}
.boan_box ul.system li.sys1 {border-top:5px solid #0066B3;}
.boan_box ul.system li.sys2 {border-top:5px solid #00BCF2;}
.boan_box ul.system li.sys3 {border-top:5px solid #FDD037;}
/* 윤리경영 */
.oper_box h3 {font-size:1.3rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.oper_box.gang ul {oveflow:hidden;margin:20px 0;}
.oper_box.gang ul li {display:inline-block;width:45%;}
.oper_box.gang ul li p {text-align:center;}
.oper_box.gang ul li p a {display:inline-block;}
.oper_box.gang ul li .tit {font-size:1.2rem;font-weight:400;text-align:center;}
.oper_box.gang ul li span.btn_pdf {display: inline-block;padding:0 30px;font-size: 16px;font-weight: 400;border: 1px solid #ddd;border-radius:0;line-height: 50px;margin:10px;letter-spacing: 1.8px;transition: background-color .3s;text-align: center;cursor: pointer;background:url('../img/bg/dn.png') no-repeat 95% center;}
.oper_box.gang ul li span.btn_pdf:hover {transition: background-color .3s;text-align: center;cursor: pointer;background:url('../img/bg/dn_on.png') no-repeat 95% center;color:#fff;background-color:#0647a4;}
.oper_con {padding:20px;}
.oper_con p {font-size:1.1rem;}
.oper_inner {padding:10px;border:1px solid #d3e1f1;}
.oper_inner p {padding:20px;font-size:1.1rem;color:#3d6696;}
/* 윤리경영 아코디언 */
.expand {float: right; display: inline; transition: all .2s ease;-webkit-transition: all .2s ease;margin: 0 10px;}
.sidebar-1 {padding: 0px;display:inline-block;box-shadow: 0 0px 1px 0 rgba(0,0,0,.2);margin-left: 20px;}
.sidebar-menu {cursor: pointer;padding: 10px;background: #ffffff;position: relative;color:#0647a4;border-bottom: 1px solid #dedede;font-size: 1.5em;font-weight: 300;text-rendering: optimizeLegibility;letter-spacing: .5px;padding-right: 50px;text-align:left;}
.sidebar-menu:before, .sidebar-menu:after {content: "";width: 3px;height: 25px;background: #0647a4;border-radius: 3px;position: absolute;right: 22px;top: calc(28.7px - 12.5px);transition: all .2s ease;}
.sidebar-menu:after {transform: rotate(90deg);}
.sidebar-menu:hover {background-color:#f2f2f2;}
.open:before {animation: turn-plus;animation-duration: .3s;animation-fill-mode: forwards;}
.open:after {animation: turn-crossbar;animation-duration: .3s;animation-fill-mode: forwards;}
@keyframes turn-plus {
0% {transform: translate(0,0);}
50% {transform: rotate(0deg);}
100% {transform: rotate(90deg);}
}
@keyframes turn-crossbar {
0% {transform:none;transform: rotate(90deg)}
50% {transform: rotate(0deg);}
100% {transform: rotate(90deg);}
}
.sidebar-menu:hover {background: darken(#FFFFFF, 5%);}
.sub-menu {color: darken($maincolor,30%);border-bottom: 1px solid #dedede;font-size: 1em;display: none;}
.sub-menu:last-child {border-bottom:0;}
/* .sub-menu li:hover {background: #cccccc;cursor: pointer;} */
.sub-menu li {padding: 10px;border-bottom: 1px solid #dedede;}
.sub-menu li:last-child {border-bottom: 0;}
.sub-menu ul {list-style-type: none;margin: 0;padding: 0;}
@media (max-width: 540px) {
.sidebar-menu {font-size: 1em;font-weight: 400;}
.sub-menu {font-weight: 400;}
.sidebar-1 {margin: 0;width: 100%}
.sidebar-menu:after, .sidebar-menu:before {top: calc(23.5px - 12.5px);}
}
.sidebar-1 {width:97%;}
.sub-menu li dl {margin-bottom:10px;padding:10px;}
.sub-menu li dt {font-size:1.1rem;font-weight:400;}
.sub-menu li dd {font-size:1.05rem;margin-left:20px;}
/* 경영정보 */
.mana_box {margin:40px 0 80px; }
.mana_box h4 {font-size:1.3rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;margin-bottom:10px}
.mana_box table th {padding:14px 0;background:#034ea1;color:#fff;font-size:16px;border:1px solid #c5cdd3;font-weight:400;}
.mana_box table td {padding:14px 0;text-align:center;border:1px solid #c5cdd3;}
.mana_box table td.tl {text-align:left;padding-left:20px;}
/* 제보하기 */
.report_wrap {padding-top:50px;}
.report_wrap .report_hd {font-size: 2.2rem;line-height: 40px;text-align:center;word-break:keep-all;width:100%;max-width:900px;margin:0 auto;}
.report_wrap h5 {font-size:1.4rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.report_wrap p {font-size:1.1rem;}
.report_tab p {font-size:1.05rem;font-weight:400;padding-left:20px;}
.report_tab .report_box {padding-left:20px;}
.report_wrap .textarea {width:100%; height:300px;margin:0 auto; padding:40px 0; border:1px solid #bdbdbd; overflow-y:auto;}
.report_wrap .textarea_p {width:100%; height:500px;margin:0 auto; padding:40px 0; border:1px solid #bdbdbd; overflow-y:auto;}
.report_wrap .textarea_p .text_inner {width: 95%; margin:0 auto; line-height:150%; font-size:15px;}
.report_wrap .textarea .text_inner {width: 96.2%; margin:0 auto;font-size:15px;}
.report_wrap .textarea .text_inner h4 {font-size:18px;text-align:left;padding-bottom:20px;font-weight:500;letter-spacing:-1px;}
.report_wrap .textarea .text_inner dl {margin-top: 30px;}
.report_wrap .textarea .text_inner dl dt {color: #343434;margin: 30px 0 5px;}
.report_wrap .textarea .text_inner dl dt:first-child {margin-top: 0;}
.report_wrap .textarea .text_inner dl dd {margin-bottom: 5px;color: #5a5a5a;}
.report_wrap .agree_txt {margin-top:20px;}
.report_wrap .agree_txt {color:#343434; font-size:16px; overflow:hidden;}
.report_wrap .agree_txt span {float:right;}
.report_wrap .agree_txt input {margin-left:30px; margin-right:10px; vertical-align:middle;}
.report_box {margin-bottom:40px;}
.report_box .report_box_hd {font-size:1.2rem;margin-top:15px;}
.report_box ul li {margin-left:10px;font-size:15px;}
.report_box .tit {margin-bottom: 20px;font-size: 20px;}
.report_box .tit .bar {margin-right: 5px;border-left: 3px solid #3381c1;font-size: 14px;}
.report_box .writezone01 {margin-bottom: 80px;overflow: hidden;}
.report_box .writezone01 input {font-size:16px;}
.report_box .writezone01 .write_box {margin-bottom: 10px;overflow: hidden;}
.report_box .writezone01 .write_box input[type="text"] {width: 298px;height: 38px;padding:3px 5px;font-size:16px;}
.report_box .writezone01 .write_box .email_box {clear: both;}
.report_box .writezone01 .phone label {width:100px;}
.report_box .writezone01 .write_box div {display:inline-block}
.report_box .writezone01 .phone input {width: 120px;float: none;}
.report_box .writezone01 .email_box {clear:both;}
.report_box .writezone01 .email_box label {display:inline-block; width:100px; font-size:16px;}
.report_box .writezone01 .email_box label span {color:#6c94c8; vertical-align: middle;}
.report_box .writezone01 .email_box input {width:298px; height:38px;padding:3px 5px;font-size:16px;}
.report_box .writezone01 .email_box select {height:40px; width:150px; margin-left:20px; padding:5px; }
.report_box .writezone01 .email_box span.blank {margin:0 10px;}
.report_box .writezone01 label:first-child {display: inline-block;width: 150px;font-size: 16px;}
.report_box .writezone01 .radio_label {height:38px;}
.report_box .writezone01 .radio_label label {font-size:16px;}
.report_box .writezone01 .write_box input[type="radio"] {margin-left:5px;vertical-align:baseline;}
.report_box .writezone01 p {margin-top:10px;}
.report_box .end_box {float: left;width: 100%;margin-bottom: 10px;}
.report_box .end_box input[type="text"] {width: 298px;height: 38px;padding:3px 5px;font-size:16px;}
.report_box .end_box label {display: inline-block;width: 91px;padding-top: 5px;font-size: 16px;}
.report_box .end_box label.vt {vertical-align:top;}
.report_box .end_box label.fl {float:left;}
.report_box .end_box label span.blank {margin-right:50px;}
.report_box .end_box textarea {padding: 10px;width: 847px;height: 380px;resize: none;border: 1px solid #bebebe;}
.report_box .end_box .file_select {float: left;overflow: hidden;}
.report_box .end_box .file_select > span {display: block;float: left;width: 360px;height: 40px;padding: 8px;margin-right: 8px;border: 1px solid #bebebe;}
.report_box .end_box .file_select div {overflow: hidden;position: relative;float: left;}
.report_box .end_box .file_select div input {position: absolute;top: 0;right: 0;height: 38px;cursor: pointer;border: none;}
.report_box .end_box .file_select div span {display: inline-block;width: 120px;font-size: 16px;font-weight: 400;border: 1px solid #000;line-height: 40px;letter-spacing: 1.8px;transition: background-color .3s;text-align: center;cursor: pointer;background-color:#0167bb;color:#fff;}
.report_box .end_box .notice {margin-left: 150px;margin-top:0;}
.btn_zone {text-align: center;clear:both;}
.btn_zone span.write_btn {display: inline-block;width: 120px;font-size: 16px;font-weight: 700;border: 1px solid #000;border-radius: 50vh;line-height: 50px;margin: 30px 10px 0 0;letter-spacing: 1.8px;transition: background-color .3s;text-align: center;cursor: pointer;}
.btn_zone span.write_btn:hover {color: #fff;background-color: #0167bb;border-color: #0167bb;}
.recep_box ul {margin:75px 0 95px;text-align:center;overflow:hidden;}
.recep_box ul li {position:relative; display:block;overflow:hidden;padding-bottom:40px;}
.recep_box ul li:after {position: absolute;left: 5%;bottom: -20px;transform: translateY(-50%);content: '↓';color: #b5b5b5;font-size: 2em;}
.recep_box ul li:last-child:after {content:''}
.recep_box ul li .tit {position:relative;width:150px; height:100px; background-color:#034ea1;float:left;}
.recep_box ul li .tit div {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%}
.recep_box ul li .tit strong {display:inline-block; margin-top:28px; font-size:1.625em; color:rgba(0,0,0,.4); font-weight:200}
.recep_box ul li .tit p {font-size:1.2rem; color:#fff;padding:0;}
.recep_box ul li .tit span {font-size:0.875em; color:#333}
.recep_box ul li .txt {float:left;width:80%;height:100px;margin-left:50px;padding-top:35px;border:2px solid #41719c;font-size:1.1rem;}
.step_wrap h4 {font-size:2rem;font-weight:400;text-align:center;line-height:2.5rem;}
/* 복리후생 */
.bene_box {overflow:hidden;margin-bottom:50px;}
/*.bene_box .left {margin:0 4%;}
.bene_box .left .left_inner {width:120px;height:120px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#034ea1;font-size:16px;text-align:center;line-height:24px;color:#fff;font-weight:400;margin-bottom:20px;}
.bene_box .left .left_inner img {width:40px;margin-top:20px;vertical-align:middle;}
.bene_box .right {margin-top:30px;padding:0 10px;}
.bene_box .right ul {padding: 0 0 10px 5%;line-height:26px;}
.bene_box .right ul li {display:block;background:url('../img/bg/dot2.png') no-repeat left 10px;padding-left:12px;font-size:16px;} */
.bene_box ol {margin:10px 0 95px;padding-top:20px;text-align:center;overflow:hidden;}
.bene_box ol li {position:relative;width:18%;float:left;margin:0 1%;text-align:center;}
.bene_box ol li:last-child {margin-right:0; padding-right:0}
.bene_box ol li:last-child:after {display:none}
.bene_box ol li .txt {position:relative;width:150px; height:150px; background:#fff; border-radius:50%;border:8px solid #0263cd;margin:0 auto 30px;}
.bene_box ol li:first-child .txt {border:8px solid #0474f0}
.bene_box ol li:last-child .txt {border:8px solid #034ea1}
.bene_box ol li .txt div {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%}
.bene_box ol li .txt strong {display:inline-block; margin-top:28px; font-size:1.4em; color:rgba(0,0,0,.4); font-weight:200}
.bene_box ol li .txt p {font-size:1.5em; color:#333}
.bene_box ol li .txt span {font-size:0.875em; color:#333}
.bene_box ol li .box {min-height:350px;padding:95px 15px 0;margin-top:-105px;border:1px solid #ddd;}
.bene_box ol li .box p {font-size:1.1em; color:#333;line-height:1.8em}
/* 채용안내 */
.step_wrap {}
.step_wrap ol {margin:75px 0 95px;text-align:center;}
.step_wrap ol li {position:relative; display:inline-block; padding-right:50px; margin-right:18px; vertical-align:middle}
.step_wrap ol li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); content:'→'; color:#b5b5b5; font-size:2em}
.step_wrap ol li:last-child {margin-right:0; padding-right:0}
.step_wrap ol li:last-child:after {display:none}
.step_wrap ol li .txt {position:relative;width:200px; height:200px; background:#fff; border-radius:50%;border:10px solid #034ea1;}
.step_wrap ol li:first-child .txt {border:10px solid #383839}
.step_wrap ol li:last-child .txt {border:10px solid #1b2549}
.step_wrap ol li .txt div {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%}
.step_wrap ol li .txt strong {display:inline-block; margin-top:28px; font-size:1.625em; color:rgba(0,0,0,.4); font-weight:200}
.step_wrap ol li .txt p {font-size:1.625em; color:#333}
.step_wrap ol li .txt span {font-size:0.875em; color:#333}
.step_wrap h4 {font-size:2rem;font-weight:400;text-align:center;line-height:2.5rem;}
.step_wrap h4 span {color:#6FB1DE;}
.step_box {margin-bottom:30px;}
.step_box h5 {font-size:1.3rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.step_box p {padding-left:20px; font-size:1rem;}
.btn_zone span.step_btn {display: inline-block;width: 200px;font-size: 16px;font-weight: 500;border: 1px solid #000;border-radius: 50vh;line-height: 50px;margin: 30px 10px 0 0;letter-spacing: 1.8px;transition: background-color .3s;text-align: center;cursor: pointer;}
.btn_zone span.step_btn:hover {color: #fff;background-color: #0167bb;border-color: #0167bb;}
/* 공급망 */
.poli_box {padding:30px;border:1px solid #000;}
.poli_box .poli_tit {font-size:1.4rem;text-align:center;margin-bottom:20px;color:#0647A4;}
.poli_box p {font-size:1.1rem;margin-bottom:10px;letter-spacing:-1px;}
.poli_box .poli_tit_sub {font-size:1.3rem;font-weight:500;margin-top:20px;color:#0647A4;}
.poli_box ul {padding:0 20px 20px 20px ;}
.poli_box ul li {margin-bottom:5px;}
/*ESG 경영 INNOVATE*/
.innovate_wrap h4{
width:100%;
font-size:1.5rem;
}
.innovate_wrap .oper_inner p span{
color:#6fb1de;
}
.inno_box{
height: 335px;
margin:70px auto;
}
.inno_box2{
border:none;
}
.title {
font-family: inherit;
font-size: 2rem;
font-weight: 600;
line-height: inherit;
color: #252b46;
text-transform: capitalize;
}
.paragraph {
font-family: inherit;
font-size: 1.7rem;
font-weight: 600;
line-height: inherit;
max-width: 100%;
color: #333;
text-align: center;
}
.texts h1{
text-align:center;
font-weight: 600;
color:#67b37d;
font-size:2rem;
margin-top:10px;
}
.inno_tab {
width: 100%;
height: auto;
}
.tab-menu {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 100%;
height: auto;
margin: 0 auto;
transition: all 0.3s ease;
pointer-events : none;
}
.tab-menu-link {
position: relative;
overflow: hidden;
font-size: 5rem;
font-weight: 900;
line-height: inherit;
cursor: pointer;
width:140px;
height:260px;
padding: 10px 0;
border:1px solid #d5d4d4;
box-shadow:3px 3px 1px 0 #eaeaea;
border-radius:10px;
color: #9194a1;
background: #ffffff;
transition: all 0.3s ease;
}
.tab-menu-link::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 2;
}
.tab-menu-e{
padding:10px 0;
height:86px;
}
.tab-menu-e p{
font-size:0.9rem;
color:#333323;
font-weight:500;
}
.inno_line{
position:relative;
width:8px;
height:8px;
border-radius:50%;
background-color:#67b37d;
margin-left:35px;
}
.inno_line:after{
content:'';
width:50px;
height:1px;
background-color:#c9c9c9;
position:absolute;
left:15px;
top:5px;
}
.inno_c1{
background-color:#ff9248;
}
.inno_c2{
background-color:#4698c0;
}
.inno_box .tab-menu-link[data-content='item-1'],
.inno_box .tab-menu-link[data-content='item-2'],
.inno_box .tab-menu-link[data-content='item-3']
{
color:#fff;
background-color:#00a93c;
}
.inno_box .tab-menu-link[data-content='item-1'] .inno_line,
.inno_box .tab-menu-link[data-content='item-2'] .inno_line,
.inno_box .tab-menu-link[data-content='item-3'] .inno_line,
.inno_box .tab-menu-link[data-content='item-4'] .inno_line,
.inno_box .tab-menu-link[data-content='item-5'] .inno_line,
.inno_box .tab-menu-link[data-content='item-6'] .inno_line,
.inno_box .tab-menu-link[data-content='item-7'] .inno_line,
.inno_box .tab-menu-link[data-content='item-8'] .inno_line{
background-color:#fff;
}
.inno_box .tab-menu-link[data-content='item-1'] .inno_line:after,
.inno_box .tab-menu-link[data-content='item-2'] .inno_line:after,
.inno_box .tab-menu-link[data-content='item-3'] .inno_line:after
.inno_box .tab-menu-link[data-content='item-4'] .inno_line:after,
.inno_box .tab-menu-link[data-content='item-5'] .inno_line:after,
.inno_box .tab-menu-link[data-content='item-6'] .inno_line:after,
.inno_box .tab-menu-link[data-content='item-7'] .inno_line:after,
.inno_box .tab-menu-link[data-content='item-8'] .inno_line:after{
background-color:#fff;
}
.inno_box .tab-menu-link[data-content='item-1'] .tab-menu-e p,
.inno_box .tab-menu-link[data-content='item-2'] .tab-menu-e p,
.inno_box .tab-menu-link[data-content='item-3'] .tab-menu-e p,
.inno_box .tab-menu-link[data-content='item-4'] .tab-menu-e p,
.inno_box .tab-menu-link[data-content='item-5'] .tab-menu-e p,
.inno_box .tab-menu-link[data-content='item-6'] .tab-menu-e p,
.inno_box .tab-menu-link[data-content='item-7'] .tab-menu-e p,
.inno_box .tab-menu-link[data-content='item-8'] .tab-menu-e p{
color:#fff;
}
.inno_box .tab-menu-link[data-content='item-4'],
.inno_box .tab-menu-link[data-content='item-5'],
.inno_box .tab-menu-link[data-content='item-6']{
background-color:#ff9248;
color:#fff;
}
.inno_box .tab-menu-link[data-content='item-7'],
.inno_box .tab-menu-link[data-content='item-8']{
background-color:#4698c0;
color:#fff;
}
.tab-menu-esg .tab-menu-link{
padding:55px 0;
height: 178px;
}
.tab-menu-esg .tab-menu-link[data-content='item-1'],
.tab-menu-esg .tab-menu-link[data-content='item-2'],
.tab-menu-esg .tab-menu-link[data-content='item-3']{
}
.tab-menu-esg .tab-menu-link[data-content='item-5'],
.tab-menu-esg .tab-menu-link[data-content='item-6'],
.tab-menu-esg .tab-menu-link[data-content='item-7']{
position:relative;
bottom:48px;
padding:10px 0;
}
.tab-menu-esg2 .tab-menu-link[data-content='item-5'],
.tab-menu-esg2 .tab-menu-link[data-content='item-6'],
.tab-menu-esg2 .tab-menu-link[data-content='item-7']{
position:relative;
bottom:142px;
}
/*
.tab-menu-link.is-active {
bottom: 0px;
z-index: 0;
overflow: hidden;
border-bottom: 2.5px solid #fa5757;
color: #252b46;
background: #ffffff;
}
*/
.inno_pc{
margin-top:60px;
}
.m_inno{
display:none;
}
.inno_box3{
margin-top:60px;
}
.tab-bar {
width:55%;
height:150px;
margin:50px auto;
padding: 1.5rem;
overflow: hidden;
background: #ffffff;
/*
border:2px solid #d5d4d4;
*/
}
.tab-bar-content {
display: none;
width: 100%;
transition: all 0.3s ease;
}
tab-bar-content2{
border:1px solid #d4d4d4;
}
.tab-bar-content.is-active {
display: block;
}
.inno_wrap{
padding:20px 0px;
}
.inno_box2{
height: auto;
margin: 0 auto;
margin-top:100px;
}
.inno_tab2 .is-active2[data-content='item1']{
background-color:#67b37d;
color:#fff;
}
.inno_tab2 .is-active2[data-content='item2']{
background-color:#ff9248;
color:#fff;
}
.inno_tab2 .is-active2[data-content='item3']{
background-color:#4698c0;
color:#fff;
}
.inno_tab2 .tab-bar2{
border:none;
margin-top:0;
}
.inno_tab2 #item1 h3{
padding:26px 0;
}
.inno_tab2 #item2 h3{
padding:10px 0;
color:#fc7c25;
}
.inno_tab2 #item3 h3{
padding:58px 0;
color:#1e6d95;
}
.title2 {
font-family: inherit;
font-size: 2rem;
font-weight: 600;
line-height: inherit;
color: #252b46;
text-transform: capitalize;
}
.paragraph2 {
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: inherit;
max-width: 100%;
margin-top: 0.5rem;
color: #9194a1;
text-align: center;
}
.texts2 h1{
text-align:center;
font-size:1.8rem;
line-height:2.5rem;
margin-bottom:10px;
}
.texts2 h3{
max-width:90%;
margin:0 auto;
border-radius:10px;
text-align:center;
font-size:2rem;
line-height:3rem;
color:#007c05;
font-weight:600;
}
.inno_tab2 {
width: 70%;
margin:0 auto;
margin-top:80px;
height: auto;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.tab-menu2 {
display: flex;
align-items: center;
justify-content: space-around;
/*
border-bottom: 1.3px solid #dbdbdb;
*/
transition: all 0.3s ease;
}
.tab-menu-link2 {
position: relative;
overflow: hidden;
font-family: inherit;
font-weight: 600;
line-height: inherit;
cursor: pointer;
/*
width: calc(100% / 4);
*/
width:200px;
height: 200px;
border-radius:50%;
border:1px solid #333;
background: #ffffff;
transition: all 0.3s ease;
}
.tab-menu-link2 span{
font-size:5rem;
font-weight:900;
}
.tab-menu-link2 p{
margin-top:0 !important;
}
.txt_1{
color:#67b37d;
}
.txt_2{
color:#ff9248;
}
.txt_3{
color:#2D3A80;
}
.tab-menu-link2:first-child{
border:2px dashed #67b37d;
}
.tab-menu-link2:nth-child(2){
border:2px dashed #ff9248;
}
.tab-menu-link2:last-child{
border:2px dashed #3a7b9b;
}
.tab-menu-link2::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 2;
}
/*
.tab-menu-link.is-active {
bottom: 0px;
z-index: 0;
overflow: hidden;
border-bottom: 2.5px solid #fa5757;
color: #252b46;
background: #ffffff;
}
*/
.tab-bar2 {
overflow: hidden;
background: #ffffff;
border:1px solid #d4d4d4;
}
.tab-bar-content2 {
display: none;
width: 100%;
margin-top:60px;
min-height: 213px;
transition: all 0.3s ease;
}
.tab-bar-content2.is-active2 {
display: block;
}
/* Environment */
.environ_snb li.active{
background-color:#67b37d;
border-color:#67b37d;
}
.environ_snb li.active:before{
border-top:0.625rem solid #67b37d;
}
.environ_snb li:hover{
background-color:#67b37d;
border-color:#67b37d;
}
.environ_snb li:hover:before{
border-top:0.625rem solid #67b37d;
}
.environ_wrap .e-content{
text-align:center;
}
.m_roadmap_img{
display:none;
}
.environ_box{
display:flex;
}
.environ_box .o-box-content{
width:50%;
}
.environ_box .oper_con{
padding:20px 20px 20px 0px;
}
.environ_box .o-box-content:last-child .oper_con{
padding:20px 0px 20px 0px;
}
.environ_box .oper_inner{
height:164px;
}
.action_plan{
margin-top:50px;
border:1px solid #ddd;
padding:20px;
}
.action_plan ol li:first-child .txt{
border:none;
background-color:#a4d0ad;
}
.action_plan ol li .txt{
border:none;
background-color:#cee0a6;
}
.action_plan ol li:last-child .txt{
border:none;
background-color:#a1bd95;
}
.action_plan_txt{
margin:15px 0px 0px 0px;
font-size:19px;
text-align:center;
}
.action_plan_ct ol.safe li{
width:23%;
}
.action_plan_ct ol li:first-child .txt{
border:none;
background-color:#a4d0ad;
}
.action_plan_ct ol li .txt{
border:none;
background-color:#cee0a6;
width:210px;
height:210px;
}
.action_plan_ct ol li:nth-child(3) .txt{
background-color:#a4d0ad;
}
.action_plan_ct ol li:last-child .txt{
border:none;
}
.action_plan_ct ol li .txt div{
left:0;
top:0;
transform:translate(0, 0);
width:100%;
height:100%;
}
.action_plan_ct .txt h3{
width:100%;
font-weight:bold;
font-size:1.5em;
position:absolute;
top:17%;
}
.action_plan_ct .safe_txt_sub{
height:72px !important;
position:absolute !important;
top:43% !important;
}
.action_plan_ct ol li:first-child .safe_txt_sub{
padding:0 28px;
}
.action_plan_ct ol li:nth-child(2) .safe_txt_sub{
padding:0 48px;
}
.action_plan_ct ol li:nth-child(3) .safe_txt_sub{
padding:0 25px;
}
.action_plan_ct ol li:last-child .safe_txt_sub{
padding:0 25px;
}
.action_plan_ct .txt p{
text-align:left;
font-size:1.2em !important;
}
.mobile_inno{
display:none;
}
/* Environment 기후변화대응*/
.environ2_con{
margin-top:50px;
}
.environ2_box{
display:flex;
padding:14px 0px 0px 14px;
}
/*Social*/
.social_snb li.active{
background-color:#ff9248;
border-color:#ff9248;
}
.social_snb li.active:before{
border-top:0.625rem solid #ff9248;
}
.social_snb li:hover{
background-color:#ff9248;
border-color:#ff9248;
}
.social_snb li:hover:before{
border-top:0.625rem solid #ff9248;
}
.social_ct .mater_wrap h4 i{
background-color:#ff9248 !important;
}
.social_box{
padding:70px 10px 0px 10px;
}
.social_box .oper_inner{
padding:5px;
}
.social_box .oper_con{
padding:0;
margin-right:28px;
}
.social_box .oper_con,
.social_box .social2_table{
width:49.7%;
}
.social_box .social2_table h4{
color:#2c4c80;
font-weight:700;
font-size:15px;
}
.social_box .social2_table table{
margin-top:12px;
border-top:2px solid #2c4c80;
}
.social_box .social2_table table th{
color:#2c4c80;
padding:5px 0px;
border-bottom:1px solid #333;
text-align:left;
}
.social_box .social2_table table th:last-child{
text-align:center;
}
.social_box .social2_table table td{
padding:5px 0px;
border-bottom:1px solid #333;
}
.social_box .social2_table table td:last-child{
text-align:center;
background-color:#eaf4fa;
}
.social_box .social2_table table .r-span{
padding-right:5px;
}
.s2_box{
margin:50px 10px 0px 10px;
}
.s2_box .poli_tit{
margin-bottom:0;
}
.s2_box .poli_tit span{
font-size:1rem;
}
.s2_box .gang ul{
text-align:right;
}
.s2_box .gang ul li .pdf_link{
text-align:right;
}
.s2_txt{
margin:30px 0px;
}
.s2_txt h4{
font-size:1.3rem;
width:100%;
line-height:2rem;
}
.s2_imgs{
display:flex;
justify-content: space-around;
}
.s3_wrap .oper_inner{
text-align:center;
}
.s3_wrap .oper_inner p{
font-size:1.5rem;
}
.s3_wrap .oper_inner p span{
font-size:1.3rem;
}
.social2_box .oper_inner p{
font-size:1.2rem;
}
.social2_gang{
margin-top:50px;
}
.social2_gang ul li{
width:100% !important;
}
.social2_gang ul li span.btn_pdf{
font-size:18px !important;
padding:0 50px !important;
}
.social3_txt h4{
font-size:1.5rem;
}
.donation{
text-align:center;
padding:50px 0px;
}
/* ESG INNOVATE */
.esg{
margin:0;
overflow:visible;
}
.sp-main {
padding: 100px 0;
}
.sp-main .sp-sub-container {
max-width: calc(1500px + 4rem);
padding: 0 2rem;
margin: 0 auto;
}
.sp-main .sp-sub-container.side-menu-grid {
display: flex;
}
.sp-main .menu-side {
position: relative;
width: 300px;
padding-right: 30px;
}
.sp-main .menu-side .menu-side-wrap {
position: sticky;
width: 100%;
top: 120px;
}
.sp-main .menu-side .menu-side-wrap h3 {
font-size: 33px;
font-weight: 600;
margin-bottom: 110px;
}
.sp-main .menu-side .menu-side-wrap > nav {
display: flex;
flex-direction: column;
}
.sp-main .menu-side .menu-side-wrap > nav a {
color:#333232;
position: relative;
font-size: 25px;
font-weight: 600;
margin-bottom: 16px;
}
.sp-main .menu-side .menu-side-wrap > nav a:last-child {
margin-bottom: 0;
}
.sp-main .menu-side .menu-side-wrap > nav a.active{
border-image-slice: 1;
letter-spacing:0.1rem;
padding-left: 20px;
color: #00a93c;
position: relative;
}
.sp-main .menu-side .menu-side-wrap > nav a.innovate_active{
padding-left:0;
color: #333232;
}
.sp-main .menu-side .menu-side-wrap > nav a.active::before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height:8px;
width: 8px;
/*
border-radius:50%;
*/
background-color:#00a93c;
}
.sp-main .menu-side .menu-side-wrap > nav a.innovate_active::before {
content:none;
}
.sp-main .content-side {
flex: 1 1 0;
}
.sec_ttl {
font-size: 54px;
font-weight: 700;
line-height: 64px;
}
.sec_head p {
margin-top: 35px;
font-size: 20px;
font-weight: 400;
line-height: 1.8;
word-break: keep-all;
}
.sec_body {
margin-top: 60px;
}
.sec_cnt_ttl {
margin-bottom: 18px;
font-size: 32px;
font-weight: 500;
font-family: Noto Sans KR, serif;
}
.innovate_sub_title{
background:linear-gradient(to right, #00a93c, #006da2);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-size:32px;
font-weight:600;
}
.innovate_sub_title2{
font-weight:600;
font-size:32px;
text-align:left;
}
.management .sec_cnt_area .row:first-of-type .col .item {
height: unset;
padding: 30px;
text-align: center;
}
.management .sec_cnt_area .row .col .item {
height: 237px;
padding: 40px 30px 30px;
border-radius: 4px;
}
.management .sec_cnt_area .row:first-of-type .col .item h4 {
margin-top: 10px;
color: #F37432;
}
.management .sec_cnt_area .row:first-of-type .col .item h5 {
margin-top: 4px;
font-size: 16px;
color: #005192;
line-height: 1.5;
}
.management .sec_cnt_area .row .col .item h4 {
margin-top: 7px;
font-size: 20px;
font-weight: 500;
font-family: Noto Sans KR, serif;
line-height: 1.3;
}
.management .sec_cnt_area .row .col .item h5 {
margin-top: 14px;
font-size: 14px;
font-weight: 400;
color: #7C7C7C;
line-height: 1.7;
word-break: keep-all;
}
.management .sec_cnt_area .row + .row {
margin-top: 20px;
}
.management .sec_body.cnt_2 .sec_cnt_area {
position: relative;
padding: 50px 125px;
background-color: #F8F8F8;
font-size: 0;
text-align: center;
}
.management .sec_body.cnt_2 .circle_item.center {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 277px;
}
.management .sec_body.cnt_2 .circle_item.center .inner {
background-color: #F37432;
border: 1px solid #F37432;
}
.management .sec_body.cnt_2 .circle_item.center .txt_area {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.management .sec_body.cnt_2 .circle_item.center .txt_area img {
margin: 0 auto;
}
.management .sec_body.cnt_2 .circle_item.center h3 {
margin-top: 10px;
font-weight: 300;
font-family: Noto Sans KR, serif;
color: #fff;
text-align: center;
}
.management .sec_body.cnt_2 .circle_item {
display: inline-block;
width: 320px;
vertical-align: bottom;
}
.management .sec_body.cnt_2 .circle_item:nth-child(2),
.management .sec_body.cnt_2 .circle_item:nth-child(4) {
margin-right: 10px;
}
.management .sec_body.cnt_2 .circle_item:nth-child(n+4) {
margin-top: 10px;
}
.management .sec_body.cnt_2 .circle_item .inner {
position: relative;
display: block;
width: 100%;
height: 0;
padding-bottom: calc(100% - 2px);
background-color: #fff;
border: 1px solid #EFEFEF;
border-radius: 50%;
}
.management .sec_body.cnt_2 .circle_item .txt_area {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.management .sec_body.cnt_2 .circle_item:nth-of-type(2) .txt_area,
.management .sec_body.cnt_2 .circle_item:nth-of-type(4) .txt_area {
padding-left: 60px;
}
.management .sec_body.cnt_2 .circle_item:nth-of-type(3) .txt_area,
.management .sec_body.cnt_2 .circle_item:nth-of-type(5) .txt_area {
padding-left: 110px;
}
.management .sec_body.cnt_2 .circle_item h3 {
font-size: 20px;
font-weight: 500;
font-family: Noto Sans KR, serif;
line-height: 1.4;
word-break: keep-all;
text-align: left;
color: #F37432;
}
.management .sec_body.cnt_2 .circle_item ul {
margin-top: 12px;
}
.management .sec_body.cnt_2 .circle_item ul li {
position: relative;
padding-left: 10px;
font-size: 14px;
font-weight: 400;
text-align: left;
}
.management .sec_body.cnt_2 .circle_item ul li::before {
position: absolute;
content: '';
top: 11px;
left: 0;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #F37321;
opacity: 0.5;
}
.management .sec_body.cnt_3 .sec_cnt_area {
padding-top: 30px;
border-top: 1px solid #DDDDDD;
}
.management .sec_body.cnt_3 .sec_cnt_area .esg_system {
position: relative;
width: 100%;
}
.management .esg_depth_1 li p {
display: block;
width: 217px;
padding: 18px 0;
margin: 0 auto;
background-color: #F37432;
border-radius: 4px;
font-size: 16px;
font-weight: 500;
font-family: Noto Sans KR, serif;
text-align: center;
line-height: 1.25;
color: #fff;
}
.management .esg_depth_2 {
position: relative;
margin-top: 24px;
}
.management .esg_depth_2::before {
position: absolute;
content: '';
left: 50%;
top: -24px;
width: 1px;
height: 24px;
background-color: #C1B5AB;
}
.management .esg_depth_2 li p {
background-color: #F49563;
}
.management .esg_depth_2 li p.right {
position: absolute;
top: 20%;
right: 0;
transform: translateY(-20%);
width: 280px;
padding: 9px 0;
background-color: #FFF8F4;
border: 1px solid #F37432;
color: #F37432;
}
.management .esg_depth_2 li p.right::before {
position: absolute;
content: '';
top: 50%;
left: -172px;
width: 171px;
height: 1px;
background-color: #C1B5AB;
}
.management .esg_depth_2 li p span {
display: block;
font-weight: 400;
font-family: 'Noto Sans KR', sans-serif;
}
.management .esg_depth_3 {
position: relative;
margin-top: 24px;
}
.management .esg_depth_3::before {
position: absolute;
content: '';
left: 50%;
top: -24px;
width: 1px;
height: 24px;
background-color: #C1B5AB;
}
.management .esg_depth_3 li p {
background-color: #FFF8F4;
border: 1px solid #F37432;
color: #F37432;
}
.management .esg_depth_4 {
position: relative;
display: flex;
margin-top: 40px;
}
.management .esg_depth_4::before {
position: absolute;
content: '';
left: 50%;
top: -40px;
width: 1px;
height: 20px;
background-color: #C1B5AB;
}
.management .esg_depth_4::after {
position: absolute;
content: '';
left: 5.9%;
top: -20px;
width: 88.3%;
height: 1px;
background-color: #C1B5AB;
}
.management .esg_depth_4 li p {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 105px;
height:60px;
background-color: #846C58;
border: 1px solid #846C58;
color: #fff;
}
.management .esg_depth_4 li p::before {
position: absolute;
content: '';
left: 50%;
top: -20px;
width: 1px;
height: 19px;
background-color: #C1B5AB;
}
.management .esg_depth_4 li + li {
margin-left: 9px;
}
.management .sec_foot {
margin-top: 40px;
}
.management .sec_foot .sec_body {
margin-top: 0;
}
.management .sec_foot .sec_foot_ttl {
margin-bottom: 20px;
font-size: 22px;
font-weight: 500;
font-family: Noto Sans KR, serif;
}
.management .sec_foot table {
margin-bottom: 30px;
}
.management .sec_foot table thead th {
padding: 10px 0;
background-color: #F8F8F8;
border-top: 1px solid #000;
border-bottom: 1px solid #DDDDDD;
font-size: 16px;
font-weight: 500;
font-family: Noto Sans KR, serif;
}
.management .sec_foot table thead th:first-of-type {
width: 20%;
}
.management .sec_foot table thead th:nth-of-type(2) {
width: 64%;
}
.management .sec_foot table thead th:nth-of-type(3) {
width: 16%;
}
.management .sec_foot table tbody td {
padding: 10px 20px;
background-color: #fff;
border-bottom: 1px solid #DDDDDD;
font-size: 14px;
font-weight: 400;
text-align: center;
}
.management .sec_foot table tbody td span {
display: none;
font-size: 14px;
font-weight: 400;
color: #7C7C7C;
}
.management .sec_foot table tbody td:first-of-type {
width: 20%;
}
.management .sec_foot table tbody td:nth-of-type(2) {
width: 64%;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.management .sec_foot table tbody td:nth-of-type(3) {
width: 16%;
}
.grade .sec_body {
margin-top: 80px;
}
.grade .sec_body .item {
padding: 50px 20px 20px;
background-color: #F8F8F8;
text-align: center;
height: 470px;
}
.grade .sec_body .item h3 {
font-size: 22px;
font-weight: 700;
line-height: 1.45;
}
.grade .sec_body .item p {
margin-top: 26px;
margin-bottom: 30px;
font-size: 14px;
font-weight: 400;
color: #7C7C7C;
line-height: 1.7;
word-break: keep-all;
}
.report .sec_body {
margin-top: 80px;
}
.report .sec_head {
height: 360px;
padding: 80px 0;
background: url("/resources/img/sub/company/esg_report_img.png") no-repeat 0 0;
background-size: cover;
border-radius: 4px;
color: #fff;
}
.report .sec_body {
margin-top: 40px;
}
.content-side .list {
border-top: 1px solid #000;
}
.content-side .list li {
display: flex;
align-items: center;
padding: 20px;
border-bottom: 1px solid #ddd;
}
.content-side .list li > div {
flex: 1 1 0;
}
.content-side .list li > div > h3 {
flex: 1 1 0;
font-size: 16px;
font-family: 'Noto Sans KR', serif;
}
.content-side .list li > div > p {
color: #888;
font-size: 14px;
}
.content-side .list li > p {
font-size: 16px;
display: flex;
flex: 1 1 150px;
max-width: 150px;
align-items: center;
}
.content-side .list > li .card-files {
display: flex;
align-items: center;
justify-content: flex-end;
flex: 1 1 auto;
}
.content-side .list > li .card-files > a {
display: flex;
position: relative;
align-items: center;
font-size: 13px;
flex: 1 0 auto;
height: 40px;
max-width: 150px;
padding: 0 50px 0 19px;
margin-right: 16px;
border: 1px solid #000;
border-radius: 4px;
background-color: #fff;
}
.content-side .list > li .card-files > a:hover {
background-color: #F37321;
border: 1px solid #F37321;
color: #fff;
}
.content-side .list > li .card-files > a.pdf::before {
content: '';
position: absolute;
height: 15px;
width: 20px;
top: 50%;
right: 19px;
transform: translateY(-50%);
background: url(/resources/img/sub/icon_download_pdf.svg) no-repeat center center;
}
.content-side .list > li .card-files > a.pdf:hover::before {
background: url(/resources/img/sub/icon_download_pdf_w.svg) no-repeat center center;
}
section + section {
padding-top: 150px;
}
.sec_head {
text-align: center;
}
.sec_ttl {
position:relative;
font-size: 54px;
font-weight: 700;
line-height: 64px;
}
.sec_head p {
margin-top: 35px;
font-size: 20px;
font-weight: 400;
line-height: 1.8;
word-break: keep-all;
}
.sec_body {
margin-top: 60px;
}
.sec_cnt_ttl {
margin-top:35px;
text-align:center;
font-size: 32px;
font-weight: 600;
}
.management .sec_cnt_area .row:first-of-type .col .item {
height: unset;
padding: 25px 77px;
text-align: center;
}
.management .sec_cnt_area .row .col .item {
height: 237px;
padding: 40px 30px 30px;
border-radius: 5px;
}
.management .sec_cnt_area .row:first-of-type .col .item h4 {
margin-top: 10px;
color: #F37432;
}
.management .sec_cnt_area .row:first-of-type .col .item h5 {
margin-top: 4px;
font-size: 18px;
color: #333232;
line-height: 1.5;
}
.management .sec_cnt_area .row .col .item h4 {
margin-top: 7px;
font-size: 20px;
font-weight: 500;
font-family: Noto Sans KR, serif;
line-height: 1.3;
}
.management .sec_cnt_area .row .col .item h5 {
margin-top: 14px;
font-size: 14px;
font-weight: 400;
color: #7C7C7C;
line-height: 1.7;
word-break: keep-all;
}
.management .sec_cnt_area .row + .row {
margin-top: 20px;
}
.management .sec_body.cnt_2 .sec_cnt_area {
position: relative;
padding: 50px 125px;
background-color: #F8F8F8;
font-size: 0;
text-align: center;
}
.management .sec_body.cnt_2 .circle_item.center {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 277px;
/*width: 30.778%;*/
}
.management .sec_body.cnt_2 .circle_item.center .inner {
background-color: #F37432;
border: 1px solid #F37432;
}
.management .sec_body.cnt_2 .circle_item.center .txt_area {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.management .sec_body.cnt_2 .circle_item.center .txt_area img {
margin: 0 auto;
}
.management .sec_body.cnt_2 .circle_item.center h3 {
margin-top: 10px;
font-weight: 300;
font-family: Noto Sans KR, serif;
color: #fff;
text-align: center;
}
.management .sec_body.cnt_2 .circle_item {
display: inline-block;
width: 320px;
/*width: calc(50.77% - 10px);*/
/*width: 49.233%;*/
vertical-align: bottom;
}
.management .sec_body.cnt_2 .circle_item:nth-child(2),
.management .sec_body.cnt_2 .circle_item:nth-child(4) {
margin-right: 10px;
}
.management .sec_body.cnt_2 .circle_item:nth-child(n+4) {
margin-top: 10px;
}
.management .sec_body.cnt_2 .circle_item .inner {
position: relative;
display: block;
width: 100%;
height: 0;
padding-bottom: calc(100% - 2px);
background-color: #fff;
border: 1px solid #EFEFEF;
border-radius: 50%;
}
.management .sec_body.cnt_2 .circle_item .txt_area {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.management .sec_body.cnt_2 .circle_item:nth-of-type(2) .txt_area,
.management .sec_body.cnt_2 .circle_item:nth-of-type(4) .txt_area {
padding-left: 60px;
}
.management .sec_body.cnt_2 .circle_item:nth-of-type(3) .txt_area,
.management .sec_body.cnt_2 .circle_item:nth-of-type(5) .txt_area {
padding-left: 110px;
}
.management .sec_body.cnt_2 .circle_item h3 {
font-size: 20px;
font-weight: 500;
font-family: Noto Sans KR, serif;
line-height: 1.4;
word-break: keep-all;
text-align: left;
color: #F37432;
}
.management .sec_body.cnt_2 .circle_item ul {
margin-top: 12px;
}
.management .sec_body.cnt_2 .circle_item ul li {
position: relative;
padding-left: 10px;
font-size: 14px;
font-weight: 400;
text-align: left;
}
.management .sec_body.cnt_2 .circle_item ul li::before {
position: absolute;
content: '';
top: 11px;
left: 0;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #F37321;
opacity: 0.5;
}
.management .sec_body.cnt_3 .sec_cnt_area {
padding-top: 30px;
border-top: 1px solid #DDDDDD;
}
.management .sec_body.cnt_3 .sec_cnt_area .esg_system {
position: relative;
width: 100%;
}
.management .esg_depth_1 li p {
display: block;
width: 217px;
padding: 18px 0;
margin: 0 auto;
background-color: #F37432;
border-radius: 4px;
font-size: 16px;
font-weight: 500;
font-family: Noto Sans KR, serif;
text-align: center;
line-height: 1.25;
color: #fff;
}
.management .esg_depth_2 {
position: relative;
margin-top: 24px;
}
.management .esg_depth_2::before {
position: absolute;
content: '';
left: 50%;
top: -24px;
width: 1px;
height: 24px;
background-color: #C1B5AB;
}
.management .esg_depth_2 li p {
background-color: #F49563;
}
.management .esg_depth_2 li p.right {
position: absolute;
top: 20%;
right: 0;
transform: translateY(-20%);
width: 280px;
padding: 9px 0;
background-color: #FFF8F4;
border: 1px solid #F37432;
color: #F37432;
}
.management .esg_depth_2 li p.right::before {
position: absolute;
content: '';
top: 50%;
left: -172px;
width: 171px;
height: 1px;
background-color: #C1B5AB;
}
.management .esg_depth_2 li p span {
display: block;
font-weight: 400;
font-family: 'Noto Sans KR', sans-serif;
}
.management .esg_depth_3 {
position: relative;
margin-top: 24px;
}
.management .esg_depth_3::before {
position: absolute;
content: '';
left: 50%;
top: -24px;
width: 1px;
height: 24px;
background-color: #C1B5AB;
}
.management .esg_depth_3 li p {
background-color: #FFF8F4;
border: 1px solid #F37432;
color: #F37432;
}
.management .esg_depth_4 {
position: relative;
display: flex;
margin-top: 40px;
}
.management .esg_depth_4::before {
position: absolute;
content: '';
left: 50%;
top: -40px;
width: 1px;
height: 20px;
background-color: #C1B5AB;
}
.management .esg_depth_4::after {
position: absolute;
content: '';
left: 5.9%;
top: -20px;
width: 88.3%;
height: 1px;
background-color: #C1B5AB;
}
.management .esg_depth_4 li p {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 105px;
height:60px;
background-color: #846C58;
border: 1px solid #846C58;
color: #fff;
}
.management .esg_depth_4 li p::before {
position: absolute;
content: '';
left: 50%;
top: -20px;
width: 1px;
height: 19px;
background-color: #C1B5AB;
}
.management .esg_depth_4 li + li {
margin-left: 9px;
}
.management .sec_foot {
margin-top: 40px;
}
.management .sec_foot .sec_body {
margin-top: 0;
}
.management .sec_foot .sec_foot_ttl {
margin-bottom: 20px;
font-size: 22px;
font-weight: 500;
font-family: Noto Sans KR, serif;
}
.management .sec_foot table {
margin-bottom: 30px;
}
.management .sec_foot table thead th {
padding: 10px 0;
background-color: #F8F8F8;
border-top: 1px solid #000;
border-bottom: 1px solid #DDDDDD;
font-size: 16px;
font-weight: 500;
font-family: Noto Sans KR, serif;
}
.management .sec_foot table thead th:first-of-type {
width: 20%;
}
.management .sec_foot table thead th:nth-of-type(2) {
width: 64%;
}
.management .sec_foot table thead th:nth-of-type(3) {
width: 16%;
}
.management .sec_foot table tbody td {
padding: 10px 20px;
background-color: #fff;
border-bottom: 1px solid #DDDDDD;
font-size: 14px;
font-weight: 400;
text-align: center;
}
.management .sec_foot table tbody td span {
display: none;
font-size: 14px;
font-weight: 400;
color: #7C7C7C;
}
.management .sec_foot table tbody td:first-of-type {
width: 20%;
}
.management .sec_foot table tbody td:nth-of-type(2) {
width: 64%;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.management .sec_foot table tbody td:nth-of-type(3) {
width: 16%;
}
.grade .sec_body {
margin-top: 80px;
}
.grade .sec_body .item {
padding: 50px 20px 20px;
background-color: #F8F8F8;
text-align: center;
height: 470px;
}
.grade .sec_body .item h3 {
font-size: 22px;
font-weight: 700;
line-height: 1.45;
}
.grade .sec_body .item p {
margin-top: 26px;
margin-bottom: 30px;
font-size: 14px;
font-weight: 400;
color: #7C7C7C;
line-height: 1.7;
word-break: keep-all;
}
.report .sec_body {
margin-top: 80px;
}
.report .sec_head {
height: 360px;
padding: 80px 0;
background: url("/resources/img/sub/company/esg_report_img.png") no-repeat 0 0;
background-size: cover;
border-radius: 4px;
color: #fff;
}
.report .sec_body {
margin-top: 40px;
}
.innovate_item_box ul{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
}
.innovate_item_box ul li{
width:49%;
margin-bottom:30px;
}
.innovate_item{
display:flex;
align-items:center;
border-radius:500px;
background-color:#f6f7f9;
padding:10px 28px 10px 5px;
}
.item_1{
background-color:#00a93c2b;
}
.item_1 .innovate_item_circle{
color:#006725;
border:1px solid rgb(76 175 80 / 47%) !important;
}
.item_2{
background-color:#f3732147;
}
.item_2 .innovate_item_circle{
color:#f66000;
border:1px solid rgb(255 152 0 / 47%) !important;
}
.item_3{
background-color:#006da240;
}
.item_3 .innovate_item_circle{
color:#00537c;
border:1px solid rgb(57 106 229 / 47%) !important;
}
.innovate_item .innovate_item_circle{
margin-left:0.5rem;
width:9.5rem;
height:9.5rem;
flex-wrap:wrap;
text-align:center;
border:1px solid rgba(21,23,33,.2);
border-radius:50%;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.innovate_item .innovate_item_circle .circle_txt{
font-size:1.3rem;
}
.innovate_item .innovate_item_circle .circle_txt_1{
font-size:1.08rem;
}
.innovate_item_txt{
padding-left:20px;
line-height:200%;
font-size:1.1rem;
font-weight:400;
}
.innovate_sec_body{
margin-top:30px;
}
.innovate_sec_body .sec_head {
background-color:#f8f8f8;
padding:20px 20px;
}
.innovate_sec_body .sec_head p{
font-size:1.1rem;
margin-top:0;
color:#333;
}
.innovate_sub_title3{
text-align:left;
}
.esg_box{
display: flex;
flex-direction: column;
gap: 100px 0;
}
.esg_content{
gap: 0 20px;
display: flex;
flex-direction: row;
align-items: center;
}
.esg_circle{
width: 200px;
height: 200px;
flex-direction: column;
gap: 20px 0;
border-radius: 50%;
color: #333333;
display: flex;
align-items: center;
}
.e-cir-1{
background-color:#00a93c2b;
}
.e-cir-2{
background-color:#f3732147;
}
.e-cir-3{
background-color:#006da240;
}
.esg_circle h6{
font-size:1.4rem;
font-weight:700;
}
.esg_icon{
padding-top:30px;
}
.esg_line{
width: 290px;
gap: 0 10px;
display: flex;
flex-direction: row;
align-items: center;
}
.esg_line span{
width:100%;
display:block;
background-color:#9b9292;
}
.esg_line span:first-child{
height:1px;
}
.esg_line span:last-child{
width: 5px;
height: 5px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.esg_content_txt{
width: 100%;
max-width: 370px;
height:155px;
background: #f8f8f8;
color: #333333;
line-height: 1.7;
font-size:1rem;
padding: 22px 60px;
}
.ect1{
padding:38px 60px;
}
.ect3{
padding:64px 60px;
}
.esg_txt_1{
font-size:18px !important;
line-height:1.8 !important;
}
.inno_area{
margin-top:60px;
padding:20px 20px;
text-align:center;
border: 1px solid;
border-image: linear-gradient(to right, #00a93c, #006da2);
border-image-slice: 1;
border-radius:5px;
}
.envir_sub_title{
background:linear-gradient(to right, #8bc34a, #00a93c);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-size:32px;
font-weight:600;
}
/*Environment*/
.environ_body{
margin-top:100px;
}
.environ_txt_1{
margin-top:60px;
border:1px solid #e6e6e6;
padding:25px 16px !important;
}
.environ_border{
border:1px solid #00a93c57;
border-radius:5px;
}
.environ_txt_1 h5{
font-size:18px;
line-height:1.5;
text-align:center;
}
.environ_sub_wrap{
}
.environ_sub_title{
text-align:left;
}
.environ_text_box{
display:flex;
align-items:flex-start;
border-top:1px solid #e6e6e6;
margin-bottom:30px;
}
.environ_txt_box_tit{
display: flex;
align-items: center;
flex: 0 0 225px;
padding: 25px 20px 20px 20px;
margin-right: 0;
margin-top: -1px;
border-top: 1px solid #00a93c;
text-align:center;
}
.environ_txt_box_tit h4{
font-size: 20px;
font-weight: 700;
color: #00a93c;
}
.environ_text{
flex: 1 1 auto;
padding: 20px 0 20px 40px;
overflow: hidden;
}
.environ_text p{
font-size: 18px;
font-weight: 400;
color: #333232;
word-break: keep-all;
}
.action_plan_wrap{
margin:100px 0;
}
.action_plan_boxs{
display: flex;
align-items: flex-start;
gap:0px 10px;
}
.act_plan_left{
width: 19%;
height:19%;
background-color: #008930;
padding: 10% 0;
border-radius:50%;
position:relative;
}
.act_plan_left_circle{
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.act_plan_left_circle h5{
font-size:1.8rem;
color:#fff;
font-weight:700;
}
.act_plan_left_circle h6{
margin-top:8px;
font-size:1.2rem;
color:#fff;
font-weight:300;
}
.action_plan_line{
width: 11%;
display: flex;
align-items: center;
padding:88px 0px;
}
.act_plan_line{
width: 100%;
height: 0;
border: 1px dashed #DDDDDD;
position: relative;
}
.act_plan_line span{
display: block;
width: 7px;
height: 7px;
background-color: #008930;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.act_plan_circles{
width: calc(69% - 40px);
display: flex;
justify-content: space-between;
gap: 0 20px;
}
.act_plan_circle{
width:100%;
}
.act_plan_cir{
background: #00a93c2b;
padding: 50% 0;
border-radius:50%;
position:relative;
}
.act_plan_inner{
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.act_plan_icon{
}
.act_plan_inner h6{
color: #222323;
font-size: 1.1rem;
font-weight: 300;
margin-top:40px;
}
.act_plan_out{
text-align:center;
margin: 30px 0 0;
}
.act_plan_out p{
color: #333232;
font-size: 17px;
font-weight: 400;
line-height: 1.3076;
}
.environ_txt_2{
margin-top:30px;
padding-bottom:15px;
border-bottom:1px solid #e6e6e6;
}
.environ_txt_2 h5{
padding:0px 10px;
line-height:1.5;
font-size:1rem;
}
.environ_b_circles{
display:flex;
flex-wrap:wrap;
margin:100px 0;
}
.b_cir_item{
width:25%;
padding:0 1.26%;
height:282px;
}
.b_cir_item_box{
height:100%;
text-align:center;
border-radius:10px;
overflow:hidden;
box-shadow: 2px 3px 13px -3px #e2e2e2;
}
.b_cir_img{
padding:20px 0;
background-color:#F3F9EC;
/*
background-color:#fff9eb;
*/
/*
background-image:linear-gradient(45deg, #ddf5d8, #f4e7c9);
*/
}
.b_cir_img h5{
padding-top:10px;
font-size:1.3rem;
font-weight:600;
color:#333232;
}
.b_cir_txts{
padding:20px 0px;
}
.b_cir_txts .b_cir_txt{
font-size:1.06rem;
color:#333232;
}
.environ_img{
margin:60px 0px;
}
.sec_environ_img{
margin-top:80px;
}
.sec_environ_txt{
margin-top:50px;
padding: 15px 0;
background-color:rgb(195 255 198 / 35%);
border:1px solid #007705;
border-radius:4px;
color:#007705;
text-align:center;
}
.sec_environ_txt p {
margin-top:0;
font-size:1rem;
}
.environ_table{
margin-top:60px;
text-align:left;
}
.environ_table h3{
font-size:1.1rem;
font-weight:700;
margin-bottom:5px;
}
.environ_table table{
text-align:center;
}
.environ_table table th{
border-bottom:2px solid #333;
font-size:1.1rem;
background-color:#00a93c2e;
padding:5px 0;
}
.environ_table table td{
font-size:1rem;
padding:5px 0;
border-bottom:1px solid #333;
}
.evm_box_wrap{
margin-top:60px;
text-align:left;
}
.evm_wrap{
margin-top:100px;
}
.evm_box{
display:flex;
align-items: center;
justify-content: space-around;
text-align:left;
margin-bottom:30px;
border-bottom:1px solid #d4d4d4;
}
.evm_box_wrap h4{
font-size:1.2rem;
font-weight:600;
padding:8px 8px;
background-color:#00a93c2e;
border-bottom:2px solid #333;
}
.evm_box_txt{
width:70%;
padding-bottom:20px;
}
.evm_box_txt p{
padding:0px 0px 0px 25px;
font-size:18px;
position:relative;
}
.evm_box_txt p:before{
position:absolute;
content:"";
width:5px;
height:5px;
border-radius:50%;
background-color:#00a93c;
top:12px;
left:10px;
}
.evm_box_txt p:not(:first-child){
margin:0;
}
.evm_box_img{
width:29%;
text-align:center;
}
.evm_box_img img{
width:50%;
}
.envir_subs{
margin-top:60px;
}
/* social */
.social_active .active{
color:#f37321 !important;
}
.sp-main .menu-side .menu-side-wrap > nav.social_active a::before{
background-color:#f37321 !important;
}
.social_sub_title{
background: linear-gradient(to right, #f37321, #fbb500);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.social_txt_1{
padding:25px 30px !important;
margin-top:30px;
border:1px solid #f3732157;
border-radius:10px !important;
}
.social_table{
padding:0 30px;
margin-top:100px;
}
.social_table h4{
text-align:left;
font-size:1rem;
}
.social_table h4{
color:#333232;
font-weight:700;
font-size:1rem;
}
.social_table table{
margin-top:7px;
border-top:2px solid #333232;
}
.social_table table th{
color:#333232;
padding:5px 0px;
border-bottom:1px solid #333232;
text-align:center;
border-right:1px solid #333232;
}
.social_table table th:last-child{
text-align:center;
border-right:none;
}
.social_table table td{
font-size:1rem;
padding:5px 0px;
border-bottom:1px solid #333232;
border-right:1px solid #333232;
}
.social_table table{
text-align:center;
}
.social_table .last-number{
background-color:#ff98002b;
border-right:none;
}
.social_table table tbody:last-child{
font-weight:700;
}
.social_table table .r-span{
text-align:center;
padding-right:5px;
}
.social_sec_body{
margin-top:100px;
padding:0 30px;
}
.social2_sub_title3 span{
font-size:1.3rem;
}
.social2_buy_content{
text-align:left;
width:100%;
padding:20px;
border:1px solid #f3732157;
border-radius:5px;
}
.social2_buy_content p{
margin:0;
font-size:18px;
font-weight:400;
color:#333323;
margin-bottom:10px;
}
.social_2_txt{
margin-top:50px !important;
}
.social2_num{
margin:30px 0;
}
.social2_num p{
font-weight:500;
}
.social2_buy_content .buy_circle{
display:inline-block;
width:30px;
height:30px;
margin-right:5px;
margin-bottom:5px;
background:linear-gradient(to bottom, #ff9800, #ff6a00);
text-align:center;
border-radius:5px;
}
.social2_buy_content .buy_circle strong{
font-weight:800;
color:#fff;
}
.social2_buy_content .social2_num .buy_p{
padding-left:40px;
}
.social3_ttl{
margin-bottom:0 !important;
}
.social_box333{
margin-top:0 !important;
}
.social_222{
margin:100px 0 30px 0 !important;
}
.social2_files_wrap{
text-align:right;
}
.social2_file{
display:flex;
justify-content: flex-end;
margin:15px 0;
}
.social2_file .file-download{
position: relative;
display: flex;
align-items: center;
height: 45px;
width: 292px;
font-size: 15px;
padding: 0 19px;
color:#f37321;
border: 1px solid #f37321;
}
.social2_file .file-download:hover{
background-color: #F37321;
border: 1px solid #F37321;
color: #fff;
}
.social2_file .file-download:hover::before {
background: url(../img/oper/w_file_download_icon.svg) no-repeat center center;
}
.social2_file .file-download::before {
content: '';
position: absolute;
height: 15px;
width: 20px;
top: 47%;
right: 19px;
transform: translateY(-50%);
background: url(../img/oper/s_file_download_icon.svg) no-repeat center center;
}
.social2_bottom{
margin-top:50px;
text-align:left;
}
.social2_bottom h5{
padding:10px 0;
font-size:1.17rem;
line-height:1.6;
}
.social2_imgs{
margin-top:50px;
}
.social2_file_bw{
margin-top:60px;
}
.social2_b_file{
justify-content:center;
}
.social2_ttl{
text-align:left;
margin-bottom:60px;
font-size: 32px;
font-weight: 600;
}
.table_b_txt{
text-align:right;
font-size:1rem !important;
font-weight:700 !important;
margin-top:10px !important;
}
.social_1_txt{
text-align:center;
margin:20px 0;
font-weight:500;
font-size:1.5rem;
}
.social2_bottom_box{
margin-top:100px;
padding:0 30px;
}
.social2_bottom_box .committee_box p{
margin-top:0;
}
.social3_b_content{
margin-top:50px;
padding:15px 0;
background-color:#f373210d;
border:1px solid #f37321;
border-radius:5px;
text-align:center;
}
.social3_b_content p{
color:#f37321;
font-size:1rem;
}
.social3_b_content h5{
margin-top:10px;
font-size:0.9rem;
color:#868686;
}
.social3_welfare{
margin-top:60px;
}
.social3_welfare h2{
font-size:1.8rem;
text-align:center;
}
.social3_welfare .s3_tab{
margin-top:60px;
}
.s3_tab .tab-menu2{
max-width:100%;
position:relative;
flex-wrap:wrap;
}
.s3_tab .tab-center{
width:195px;
height:175px;
border:1px solid #f373213b;
padding:9px;
position:absolute;
left:34.2%;
top:210px;
z-index:1;
}
.s3_tab .tab-center p{
width:175px;
height:155px;
padding:43px 0;
text-align:center;
font-size:1.3rem;
color:#fff;
font-weight:700;
background:linear-gradient(to top, #f37321, #fbb500);
}
.s3_tab .tab-menu-link2 {
width:250px;
height:250px;
border-radius:50%;
margin-bottom:5px;
border:1px solid #ff9248;
position:relative;
box-shadow:3px 3px 1px 0 #eaeaea;
}
.s3_tab .social_item1::before{
content: '';
position: absolute;
width:154px;
height:142px;
top: 47%;
left:19%;
transform: translateY(-50%);
background: url(../img/oper/social_icon1.png) no-repeat center center;
}
.s3_tab .social_item2::before{
content: '';
position: absolute;
width:154px;
height:142px;
top: 47%;
left:19%;
transform: translateY(-50%);
background: url(../img/oper/social_icon2.png) no-repeat center center;
}
.s3_tab .social_item3::before{
content: '';
position: absolute;
width:154px;
height:142px;
top: 47%;
left:19%;
transform: translateY(-50%);
background: url(../img/oper/social_icon4.png) no-repeat center center;
}
.s3_tab .social_item4::before{
content: '';
position: absolute;
width:154px;
height:142px;
top: 47%;
left:19%;
transform: translateY(-50%);
background: url(../img/oper/social_icon3.png) no-repeat center center;
}
.s3_tab .is-active2{
background-color:#ff9248;
}
.s3_tab .tab-bar2 .is-active2{
background-color:#fff;
}
.s3_tab .is-active2 .ts1{
color:#fff;
}
.s3_tab .is-active2[data-content='item1']::before{
background: url(../img/oper/w_social_icon1.png) no-repeat center center;
}
.s3_tab .is-active2[data-content='item2']::before{
background: url(../img/oper/w_social_icon2.png) no-repeat center center;
}
.s3_tab .is-active2[data-content='item3']::before{
background: url(../img/oper/w_social_icon4.png) no-repeat center center;
}
.s3_tab .is-active2[data-content='item4']::before{
background: url(../img/oper/w_social_icon3.png) no-repeat center center;
}
/*
.s3_tab .social_item1:hover::before {
background: url(../img/oper/w_social_icon1.png) no-repeat center center;
}
.s3_tab .social_item2:hover::before {
background: url(../img/oper/w_social_icon2.png) no-repeat center center;
}
.s3_tab .social_item3:hover::before {
background: url(../img/oper/w_social_icon3.png) no-repeat center center;
}
.s3_tab .social_item4:hover::before {
background: url(../img/oper/w_social_icon4.png) no-repeat center center;
}
.s3_tab .tab-menu-link2:hover {
background-color:#ff9248;
color:#fff;
}
*/
.s3_tab .tab-menu-link2 p{
padding-top:55%;
font-size:1.1rem;
font-weight:300;
}
.s3_tab .tab-menu-link2:first-child{
border:1px solid #f37321;
}
.s3_tab .tab-menu-link2:last-child{
border:1px solid #f37321;
}
.s3_tab .txt_2{
color:#333;
font-weight:400;
font-size:1.3rem;
}
.s3_tab .tab-bar2{
border:none;
max-width:100%;
}
.s3_tab .social_txt_box_tit{
padding:25px 0 20px 20px;
border-top:1px solid #f37321;
}
.s3_tab .social_txt_box_tit h4{
font-size:18px;
color:#f37321;
}
.social4_donation_wrap{
margin-top:50px;
}
.donation_list{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
.donation_item{
/*margin:0 10px;*/
max-width:31%;
max-height:330px;
border:1px solid #ddd;
border-radius:5px;
padding:15px;
}/*
.donation_list .donation_item:first-child{
margin:0 10px 0 0;
}
.donation_list .donation_item:last-child{
margin:0 0 0 10px;
}
*/
.donation_img img{
border-radius:3px;
max-width:247px;
width:247px;
max-height:133px;
height:133px;
object-fit:cover;
}
.donation_title{
color:#333323;
font-weight:600;
font-size:1.1rem;
line-height:1;
margin:5px 0;
}
.donation_content{
font-size:1rem;
margin-bottom:5px;
}
.social4_society{
width:49%;
}
.social4_donation{
width:49%;
}
.social4_now {
margin-top:100px;
}
.social4_now .sec_body{
margin-top:0;
}
.dtit{
margin-top:15px;
}
.social4_sub_ttl{
font-size:32px;
font-weight:600;
}
.s4_good .hong_list{
border:none;
padding-top:60px;
}
.s4_good .hong_list li{
width:100%;
}
.s4_good .hong_img{
margin-bottom:5px;
}
.s4_good .hong_img a{
display:inline-block;
width:100%;
height: 100%;
box-shadow:3px 3px 1px 0 #eaeaea;
pointer-events:none;
}
.s4_good .hong_img a img{
height:270px;
object-fit:cover;
}
.s4_good .hong_txt{
text-align:center;
font-size:18px;
margin-bottom:30px;
color:#333323;
}
.banner_img{
display:inline-block;
position: relative;
}
.banner_img:hover:after,
.banner_img:hover > .focus_text
{
display:block;
}
.banner_img:after, .focus_text{
display:none;
}
.banner_img:after{
content:'';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba( 255, 255, 255, 0.8);
z-index: 10;
}
.banner_img {
overflow: hidden;
}
.banner_img img{
height: 270px;
}
.focus_text{
position: absolute;
width:100%;
left:50%;
top:50%;
transform:translate(-50%, -50%);
text-align:center;
padding:20px;
color: #333323;
z-index: 20;
font-weight:500;
font-size: 1.2rem;
}
.s4_good .hong_tit{
font-size:1.1rem !important;
font-weight:700;
}
.s4_good .data{
color:#f37321;
}
.s4_good .hong_list li:after{
content:none;
}
.social4_body{
position:relative;
margin-top:40px;
}
.sc_bg_img{
position: relative;
max-width: 55%;
height: 0;
padding-bottom: 39%;
border-radius: 10px;
overflow: hidden;
background: url('../img/oper/sample.jpg') no-repeat center / cover;
}
.sc_bg_img::after {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: rgba(93, 93, 93, .24);
}
.sc_hide{
overflow: hidden !important;
position: absolute !important;
left: -1px !important;
top: -1px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
}
.sc4_text_content{
position: absolute;
right: 0;
bottom: -60px;
max-width: 900px;
width: 50%;
height: 330px;
padding: 20px;
background-color: rgba(255, 255, 255, .95);
border-radius: 32px;
box-shadow: 0px 6px 24px #0000001F;
}
.sc4_text_txt {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 13px;
}
.sc4_text_txt p{
font-size:1rem;
line-height:1.6;
}
.s4_body{
margin-top:110px;
}
.sc_bg_img2{
position: relative;
left:45%;
max-width: 55%;
height: 0;
padding-bottom: 39%;
border-radius: 10px;
overflow: hidden;
background: url('../img/oper/sample2.jpg') no-repeat center / cover;
}
.sc4_text_content2{
z-index:1;
position: absolute;
left: 0;
bottom: -60px;
max-width: 900px;
width: 50%;
height: 330px;
padding: 20px;
background-color: rgba(255, 255, 255, .95);
border-radius: 32px;
box-shadow: 0px 6px 24px #0000001F;
}
.s_content{
padding:0 30px;
margin-top:60px;
}
.s_box{
border:1px solid #f3732157 !important;
}
.s_box h5{
color:#f37321 !important;
}
.s_box2{
margin:0 30px;
}
.s_content .s_box22{
margin-top:30px;
}
.social_plan_wrap .act_plan_left{
background:linear-gradient(to right, #f37321, #fbb500);
box-shadow:3px 3px 1px 0 #eaeaea;
}
.social_plan_wrap .action_plan_boxs{
align-items:center;
justify-content: center;
}
.social_plan_wrap .act_plan_line span{
background-color:#f37321;
}
.social_plan_wrap .act_plan_circles {
width:46%;
flex-wrap:wrap;
}
.social_plan_wrap .act_plan_circle{
width:26%;
margin-bottom:5px;
}
.social_plan_wrap .act_plan_cir{
background-color:#f373213d;
box-shadow:3px 3px 1px 0 #eaeaea;
}
.social_plan_wrap .act_plan_inner h6{
padding-top:0;
font-weight:500;
}
.s4_good .hong_list li{
float:none;
margin:0;
}
.social_items{
margin-top:60px;
}
.social_items_column{
display:flex;
justify-content: space-between;
}
.new_donation img{
}
.social_ttl{
text-align:left;
font-size:32px;
font-weight:600;
}
.social_sub_title{
background:linear-gradient(to right, #fdbe00, #f37321);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-weight:600;
}
/*GOVERNANCE*/
.sp-main .menu-side .menu-side-wrap > nav.governance_active a::before{
background-color:#2D3A80 !important;
}
.governance_active .active{
color:#2D3A80 !important;
}
.gvn_sub_wrap{
margin-top:35px;
}
.gvn_sub_title{
background:linear-gradient(to right, #0076d4, #2D3A80);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-size:32px;
font-weight:600;
}
.gvn_sub_ttl{
text-align:left;
}
.gvn_box_wrap{
display:flex;
flex-wrap:wrap;
margin-top:60px;
}
.gvn_box{
padding:20px;
width:49%;
text-align:center;
margin-bottom:15px;
border:1px solid #2d3a8061;
border-radius:5px;
}
.gvn_box_2{
margin-top:0 !important;
}
.gvn_box_wrap .gvn_box:nth-child(odd){
margin-right:18px;
}
.gvn_txt{
margin:20px 0 0;
}
.gvn_title{
color:#333232;
font-weight:700;
font-size:1.5rem;
}
.gvn_txt p{
width:100%;
color:#333232;
font-size:18px;
font-weight:300;
line-height:1.5;
}
.cpst_wrap{
margin-top:60px;
}
.cpst_table{
margin-top:60px;
}
.cpst_table table{
border-top:2px solid #333323;
border-bottom:1px solid #333323;
}
.cpst_table table tbody:first-child{
border-bottom:2px solid #333323;
}
.cpst_table table tbody:last-child{
background-color:#2d3a8005;
}
.cpst_table table th{
padding:5px 0;
font-size:1rem;
border-bottom:1px solid #333323;
}
.cpst1{
padding:10px !important;
}
.cpst_table table td{
padding:10px 0;
border-bottom:1px solid #333323;
}
.cpst_table table.border td{
border:1px solid #bbb;
}
.cpst_table table td.f_weight span {
border:2px solid;
border-radius:50%;
width:12px;
height:12px;
display:block;
margin:0 auto;
}
.gvn1_files_wrap{
margin-top:0;
}
.gvn1_files_wrap .file-download{
border:1px solid #2D3A80;
color:#2D3A80;
}
.gvn_file .file-download:hover{
background-color: #2D3A80;
border: 1px solid #2D3A80;
color: #fff;
}
.gvn1_files_wrap .file-download::before{
background: url(../img/oper/g_file_download_icon.svg) no-repeat center center;
}
.committee_box{
margin-top:60px;
border-radius:5px;
border:1px solid #2d3a803d;
padding:20px;
text-align:left;
}
.committee_box h5{
font-size:1.4rem;
font-weight:700;
color:#2D3A80;
}
.committee_box p{
font-size:18px;
}
.ethics_wrap{
margin-top:35px;
}
.signature_img{
text-align:right;
}
.signature_img span{
margin-right:10px;
}
.ethics_wrap .action_plan_wrap{
margin-top:50px;
}
.ethics_wrap .action_plan_boxs{
justify-content:center;
align-items:center;
}
.ethics_wrap .act_plan_left{
background-color: #2D3A80;
}
.ethics_wrap .act_plan_left_circle{
width:auto;
height:auto;
}
.ethics_wrap .act_plan_left_circle h5{
margin-top:10px;
font-size:1.5rem;
font-weight:500;
line-height:1.2;
}
.ethics_wrap .act_plan_line span{
background-color: #2D3A80;
}
.ethics_wrap .act_plan_circles{
width:48%;
flex-wrap:wrap;
}
.ethics_wrap .act_plan_circle{
width:130px;
height:130px;
margin-bottom:5px;
}
.ethics_wrap .act_plan_cir{
background:#d9d8ec2b;
}
.ethics_wrap .act_plan_inner h6{
font-size:1rem;
line-height:1.3;
}
.gvn_act{
margin-top:0 !important;
padding-top:15px;
}
.gvn_plan_inner h6{
margin-top:0;
}
.gvn_program{
margin:60px 0 !important;
}
.gvn_oper_box .sidebar-1{
width:100%;
}
.gvn_oper_box .sidebar-1 .sidebar-menu:before, .sidebar-menu:after{
top:calc(28.7px - 19.5px);
}
.gvn_p_wrap{
margin-top:60px;
}
.gvn_area{
margin-top:60px;
}
.gvn_area img{
margin-top:60px;
}
.gvn_p_wrap .social2_buy_content .buy_circle{
border:1px solid rgb(45, 58, 128);
background:linear-gradient(to bottom, #3f51b5, #2D3A80);
}
.infor_area{
width:100%;
position:relative;
margin-top:50px;
}
.infor_area h4{
text-align:center;
font-size:1.4rem;
color:#2D3A80;
font-weight:700;
margin-bottom:50px;
}
.infor_depth_1{
position:relative;
}
.infor_depth_1::before {
z-index: -1;
position: absolute;
content: '';
bottom: 60px;
left: 50%;
width: 1px;
height: 120px;
background-color: #C1B5AB;
}
.infor_depth_1::before {
height: 100px;
}
.infor_depth_1 li p {
display: block;
width: 200px;
padding: 10px 0;
margin: 0 auto;
background-color: #00579b;
border-radius: 4px;
font-size: 1rem;
font-weight: 500;
text-align: center;
line-height: 1.25;
color: #fff;
}
.infor_depth_2{
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 50px;
}
.infor_depth_2::before{
position: absolute;
top: -20%;
left: 15.9%;
content: '';
width: 68.4%;
height: 1px;
background-color: #C1B5AB;
}
.infor_depth_2 li{
width:100%;
}
.infor_depth_2 li p{
position: relative;
width: 200px;
padding: 10px 0;
background-color: #88b8de;
border: 1px solid #88b8de;
color: #fff;
}
.infor_depth_2 li p.info1{
padding:20px 0;
}
.infor_depth_2 li p::before{
position: absolute;
content: '';
left: 50%;
top: -13px;
width: 1px;
height: 12px;
background-color: #C1B5AB;
}
.infor_area .i1{
font-size:0.8rem;
font-weight:300;
}
.infor_depth_2::after {
z-index: -1;
position: absolute;
content: '';
top: 50px;
left: 50%;
width: 1px;
height: 120px;
background-color: #C1B5AB;
}
.infor_depth_2::after {
height: 100px;
}
.infor_depth_3{
margin-top:50px;
}
.infor_depth_3 li p {
background-color:#007cb5;
}
.infor_depth_4 li p {
background-color:#9fafbd;
border: 1px solid #9fafbd;
}
.infor_depth_4::after{
content:none;
}
.infor2_area{
margin-top:80px;
}
.infor2_area img{
width:100%;
}
.infor_depth_1 li p.right{
position: absolute;
bottom: 21%;
right: 20%;
transform: translateY(-50%);
width: 16%;
padding: 15px 0;
background-color: #f1f1f1;
border: 1px solid #c1c1c1;
color: #333323;
z-index:-1;
}
.infor_depth_1 li p.right1{
position: absolute;
bottom: -7.5%;
right: 20%;
transform: translateY(-50%);
width: 16%;
padding: 15px 0;
background-color: #f1f1f1;
border: 1px solid #c1c1c1;
color: #333323;
z-index:-1;
}
.infor_depth_1 li p.right::before {
position: absolute;
content: '';
top: 48%;
left: -58%;
width: 58%;
height: 1px;
background-color: #C1B5AB;
}
.infor_depth_1 li p.right1::after{
position: absolute;
content: '';
top: -102%;
left: 49%;
width: 1px;
height: 103%;
background-color: #C1B5AB;
}
.infor_depth_1 li p.right1::before {
position: absolute;
content: '';
top: 48%;
left: -58%;
width: 58%;
height: 1px;
background-color: #C1B5AB;
}
.infor_depth_1 li p.margin1{
margin-top:50px;
}
.i_depth li p{
padding:15px 0;
}
.i_depth::before{
z-index: -1;
position: absolute;
content: '';
bottom: 10px;
left: 50%;
width: 1px;
height: 100px;
background-color: #C1B5AB;
}
.i_depth .infor_ceo{
font-size:1.1rem;
}
.i_depth .infor_ceo::before{
z-index: -1;
position: absolute;
content: '';
bottom: 200px;
left: 50%;
width: 1px;
height: 100px;
background-color: #C1B5AB;
}
.i_depth .margin1::before{
z-index: -1;
position: absolute;
content: '';
bottom: 150px;
left: 50%;
width: 1px;
height: 100px;
background-color: #C1B5AB;
}
.i_depth .infor_depth_2::before{
position: absolute;
top: -45%;
left: 15.9%;
content: '';
width: 68.4%;
height: 1px;
background-color: #C1B5AB;
}
.i_depth .infor_depth_2 li p::before{
top:-23px;
height:22px;
}
.i_depth .infor_depth_2::after{
content:none;
}
.gvn4_box{
margin-top:60px;
padding:15px;
}
.gvn4_box p{
text-align:center;
margin-top:0;
}
.gvn4_wrap{
margin-top:50px;
}
.gvn_img_area{
margin-top:100px;
}
.gvn_txt_2{
margin-top:50px;
}
.infor2_area .infor_depth_1 .infor_ceo::before{
height: 210px;
}
.infor2_area .infor_depth_2 li:nth-child(2) p::before{
content:none;
}
.infor2_area .i_depth::before{
bottom:75px;
height:33px;
}
.infor2_area .infor_depth_1 li p.right{
bottom:71.5%;
}
.infor2_area .infor_depth_1 li p.right::before{
left:-88%;
width:88%;
}
.gnv5_wrap .tabs2 li.active{
background-color:#2D3A80;
border-color:#2D3A80;
}
.gnv5_wrap .tabs2 li.active:before{
content:none;
}
/*
.gvn4_wrap h3{
font-size:1.5rem;
}
.gvn4_wrap .sung{
margin-top:50px;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
.gvn4_wrap .sung li{
width:48%;
margin-bottom:10px;
}
.gvn4_wrap .sung li .img_box img{
width:100%;
}
.gvn4_wrap .sung .img_tit{
margin-top:0;
font-size:1.1rem;
color:#2D3A80;
}
*/
.btn {
border-radius: 2px;
padding: 8px 12px;
color: #3b4788;
font-size: 16px;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
transition: 0.5s ease;
}
.img_slider{
background: #ffffff;
max-width: 850px;
max-height:750px;
margin: 50px auto;
border-radius: 12px;
/*
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
*/
box-sizing: border-box;
padding: 48px;
text-align: center;
}
.img_slider_wrap {
position: relative;
overflow: hidden;
transition: 0.5s ease;
}
.img_slider_box{
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: 0.5s ease;
}
.img_slider_box.activee {
opacity: 1;
visibility: visible;
}
.thumbnail {
margin: 0 0 10px;
}
.thumbnail img{
width:100%;
height:100%;
object-fit:cover;
border-radius:5px;
}
.description {
margin: 0 0 20px;
}
.img_slider_btns {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0 -12px -12px;
}
[ripple] {
z-index: 1;
position: relative;
overflow: hidden;
}
[ripple] .ripple {
position: absolute;
background: #ffffff;
width: 60px;
height: 60px;
border-radius: 100%;
transform: scale(0);
-webkit-animation: ripple 2s;
animation: ripple 2s;
}
@-webkit-keyframes ripple {
0% {
transform: scale(0);
opacity: 0.2;
}
100% {
transform: scale(20);
opacity: 0;
}
}
@keyframes ripple {
0% {
transform: scale(0);
opacity: 0.2;
}
100% {
transform: scale(20);
opacity: 0;
}
}
.gnv5_notice{
margin-top:20px;
color:#2D3A80;
font-size:1.5rem;
line-height:1.5;
}
.gnv5_report_box{
margin:20px auto;
}
.gnv5_report_box2{
margin-top:0 !important;
}
.gvn5_report_title{
font-size:1.2rem;
text-align:left;
font-weight:500;
}
.gvn5_report_title span{
width:30px;
height:30px;
line-height:30px;
margin-right:10px;
border-radius:10px;
text-align:center;
background:linear-gradient(to bottom, #3f51b5, #2D3A80);
color:#fff;
display:inline-block;
font-weight:700;
}
.gnv5_report_content{
background-color:#faf8f8;
border-radius:5px;
padding:15px;
text-align:left;
margin-top:15px;
}
.gnv5_report_content p{
margin-top:0;
font-size:1rem;
}
.gnv5_report_wrap{
margin-top:100px;
text-align:left;
}
.gnv5_report_wrap .textarea{
padding:0;
padding-bottom:40px;
}
.gvn5_report_form input,
.gvn5_report_form select{
outline:none;
}
.gvn5_report_form select{
padding:8px 0px;
font-size:0.9rem;
}
.gvn5_report_form .tit {
display:flex;
align-items:center;
}
.gvn5_report_form .tit .bar{
display:inline-block;
width:8px;
height:8px;
border-left:none;
background-color:#2D3A80;
}
.gvn5_name{
padding-left:5px;
}
.gvn5_report_form .phone #phone1{
width:100px;
}
.gvn5_report_form .phone #phone2,
.gvn5_report_form .phone #phone3{
width:170px;
}
.gvn5_report_form .email_box #email1,
.gvn5_report_form .email_box #email2{
width:190px;
}
.gvn5_report_form .email_box span.blank{
margin:0 !important;
}
.gvn5_report_form .email_box select{
margin-left:10px !important;
}
.gvn5_report_form .writezone01 p.p1{
font-size:1rem;
font-weight:500;
}
.gvn5_report_form .end_box .title{
width:77% !important;
}
.gvn5_report_form #substance{
margin-top:15px;
}
.gvn5_report_form .end_box textarea{
outline:none;
width:77%;
font-size:16px;
}
.gvn5_report_form .end_box .file_select div span{
border:1px solid #2D3A80;
line-height:38px;
background-color:#2D3A80;
border-radius:5px;
font-size:0.9rem;
}
.gvn5_report_form .btn_zone {
margin-top:50px;
}
.gvn5_report_form .btn_zone span.write_btn{
width:200px;
border-radius:5px;
}
.gvn5_report_form .btn_zone span.write_btn:hover{
background-color:#2D3A80;
color:#fff;
}
.gvn5_report_form .writezone01 label.g1{
width:120px !important;
}
.gvn5_report_form .email_box #email1,
.gvn5_report_form .email_box #email2{
width:129px !important;
}
.gvn5_report_form .end_box .file_select div span{
width:112px;
}
.gvn5_report_form.end_box .notice{
margin-left:0;
}
.gvn5_report_form .file_select{
margin-left:3px;
}
.gvn5_report_form .writezone01 label:first-child{
width:120px;
}
.p1 br{
display:none;
}
.p2{
font-size:1rem !important;
margin-top:50px;
font-weight:700 !important;
color:#2D3A80;
}
.gvn_react{
margin-top:100px;
}
.gvn_react_box_wrap{
display:flex;
}
.gvn_react_box{
width:30%;
border:none;
padding:0;
margin-right:20px;
}
.gvn_react_box:last-child{
margin-right:0;
}
.gvn_react_box p{
border:1px solid #2d3a803d;
padding:20px;
border-radius:5px;
height:333.52px;
}
.gvn_box_5{
margin-top:35px;
}
.gnv5_wrap #tab2{
margin-top:35px;
}
.gnv5_wrap #tab11{
padding:60px 0 0 0;
}
.gnv5_wrap #tab22{
padding:60px 0 0 0;
}
.gnv5_wrap #tab33{
padding:60px 0 0 0;
}
.gnv5_wrap #tab33 img{
margin-top:30px;
}
.gnv5_report_box3{
margin-bottom:0 !important;
}
.gnvrt{
display:flex;
align-items:center;
}
.gnv5_report_wrap .report_box{
padding-left:0;
}
.gnv5_report_wrap .agree_txt{
padding-left:0;
}
.gvn5_report_form{
padding-left:0 !important;
}
.gvn5_report_form p{
padding-left:0;
}
.gvn5_report_form .tit .bar{
margin-right:10px;
}
.gvn5_report_form .writezone01{
margin-bottom:30px;
}
.gvn5_report_form .end_box .notice {
margin-left:125px;
}
.new_cont{
width:1500px;
}
.gvn_human{
display:flex;
justify-content: space-between;
align-items:center;
margin:100px 0 60px 0;
}
.gvn_human .social2_file{
margin:0;
}
.gvn_oper_box{
margin-top:60px;
}
.gvn_oper_box .sidebar-menu{
font-size:1.1rem;
color:#2D3A80;
font-weight:500;
}
.gvn_oper_box .sidebar-1{
margin-left:0;
}
.gvn_oper_box .sidebar-menu:before, .sidebar-menu:after{
background:#2D3A80;
}
.gvn_oper_box .sub-menu li{
text-align:left;
}
.gvn_oper_box .sub-menu li dt{
font-weight:500;
}
.sub-menu li dd p{
margin-top:0;
font-size:1.05rem;
}
.comm_area .i_depth .margin1::before{
content:none;
}
.comm_area .infor_depth_1 li p.margin1{
width:180px;
height:180px;
border-radius:50%;
font-size:1.4rem;
font-weight:600;
padding:75px 0;
}
.comm_area .i_depth::before{
bottom:174px;
height:71px;
}
.comm_area .i_depth .infor_depth_2::before{
top:-4%;
}
.comm_area .infor_depth_2{
margin-top:35px;
}
.comm_area .infor_depth_2 li{
margin-top:15px;
}
.comm_area .infor_depth_2 li p{
width:190px;
height:190px;
border-radius:50%;
background:#fff;
border:11px solid #88b8de;
color:#333323;
font-weight:600;
font-size:1.2rem;
padding-top:35px;
}
.comm_area .infor_depth_2 li p span{
font-size:1.1rem;
font-weight:500;
color:#6a6a6a;
}
.comm_area .i_depth .infor_depth_2 li p::before{
top:-33px;
}
.table_b_txt2{
text-align:left;
}
/*esg 보고*/
.esgreport_active .active{
color:#c90547 !important;
}
.sp-main .menu-side .menu-side-wrap > nav.esgreport_active a::before{
background-color:#c90547 !important;
}
.esg2_txt_1{
margin-top:35px;
border:1px solid #c90547;
padding:20px;
border-radius:5px;
}
.esg2_txt_1 h5{
font-size:18px;
line-height:1.5;
}
.esg2_txt_1 span{
font-size:1rem;
}
.now_esg_report {
width:100%;
position:relative;
margin-top:60px;
}
.now_esgr_txt_file{
position:absolute;
bottom:29%;
right:4%;
}
.now_esgr_txt h3{
font-size:32px;
font-weight:700;
color:#fff;
}
.now_esgr_txt p{
color:#fff;
font-size:25px;
margin-top:0;
}
.esgreport_files_wrap{
text-align:left;
width:100%;
margin-top:127px;
padding-left:25px;
}
.esgreport_files_wrap .social2_file{
justify-content: center;
}
.esgreport_files_wrap .file-download{
border:1px solid #fff;
color:#fff;
width:232px;
height:47px;
font-size:16px;
}
.esgreport_files_wrap .file-download:first-child{
margin-right:10px;
}
.esgreport_files_wrap .social2_file .file-download:hover{
background:none;
border:1px solid #fff;
}
.esgreport_files_wrap .file-download::before{
background: url(../img/oper/w_file_download_icon.svg) no-repeat center center;
}
/*
.esgreport_files_wrap .file-download::before{
background: url(../img/oper/e2_file_download_icon.svg) no-repeat center center;
}
*/
.before_esg_report{
width:90%;
max-width:1080px;
margin:0 auto;
margin-top:60px;
}
.before_esg_report::before{
content: '';
display: table;
clear: both;
}
.before_esg_report::after{
content: '';
display: table;
clear: both;
}
.before_esg_report_box{
float:left;
width:28%;
height:360px;
margin:0 2.6%;
color:#fff;
box-sizing:border-box;
margin-bottom:5%;
}
.before_esg_report_box ul{
position:relative;
height:100%;
}
.before_esg_report ul li{
height:100%;
box-shadow:3px 3px 1px 0 #eaeaea;
}
.before_esg_report ul li img{
object-fit:cover;
border:1px solid #dedede;
box-sizing:border-box;
max-width:100%;
height:100%;
}
.before_esg_report .br_box_txt{
position:absolute;
bottom:0;
width:100%;
height:200px;
padding:15px 10px;
box-sizing:border-box;
background-color:rgb(0 0 0 / 51%);
}
.before_esg_report .br_box_txt p{
margin-top:0;
font-weight:600;
font-size:22px;
}
.esgreport2_files_wrap{
margin-top:25px;
padding-left:0;
}
.esgreport2_files_wrap .social2_file{
margin:0;
flex-direction:column;
}
.esgreport2_files_wrap .file-download{
width:100%;
}
.esgreport2_files_wrap .file-download:first-child{
margin-right:0;
margin-bottom:10px;
}
/*
.before_esg_report .esgreport_files_wrap{
width:100%;
}
.before_esg_report .esgreport_files_wrap .file-download{
width:150px;
padding:0 11px;
margin-bottom:10px;
}
.before_esg_report .esgreport_files_wrap .social2_file{
justify-content:space-around;
}
.breport_files_wrap .social2_file .file-download:hover{
background-color:#c90547;
border:1px solid #c90547;
}
*/
.esg_evaluation{
margin-top:35px;
}
.esg_evaluation .gvn_sub_ttl{
font-size:32px;
font-weight:600;
text-align:left;
color:#333323;
}
.esg_evaluation h5{
margin-top:50px;
font-size:1.3rem;
font-weight:400;
}
.now_evl_box{
margin-top:55px;
}
.now_evl_box li{
border:none !important;
}
.now_evl_box li p{
font-weight:600;
}
.esg_evaluation ul{
margin-top:60px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.esg_evaluation ul li{
width:14%;
border:1px solid #aeaeae;
border-radius:5px;
}
.evl_box p{
background-color:#242f4c;
color:#fff;
margin-top:0;
margin-bottom:30px;
}
.evl_box_img{
margin-bottom:30px;
}
.esg_evaluation ul li:nth-child(2) .evl_box p{
background-color:#76b543;
}
.esg_evaluation ul li:nth-child(3) .evl_box p{
background-color:#00b2a9;
}
.esg_evaluation ul li:last-child .evl_box p{
background-color:#1893cc;
}
.before_esg_evaluation{
margin-top:100px;
}
.b_esg_evl_box{
margin-top:30px;
}
.b_esg_evl_box h4{
text-align:left;
font-size:1.5rem;
font-weight:500;
}
.b_esg_evl_box ul{
margin-top:20px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.b_esg_evl_box ul li{
width:24%;
border:1px solid #aeaeae;
border-radius:5px;
}
.b_esg_evl_box .evl_box p{
background-color:#242f4c;
color:#fff;
margin-top:0;
margin-bottom:30px;
}
.b_esg_evl_box .evl_box_img{
margin-bottom:30px;
}
.b_esg_evl_box ul li:nth-child(2) .evl_box p{
background-color:#76b543;
}
.b_esg_evl_box ul li:nth-child(3) .evl_box p{
background-color:#00b2a9;
}
.b_esg_evl_box ul li:last-child .evl_box p{
background-color:#1893cc;
}
.esg2_sub_title{
background:linear-gradient(to right, #f3568b, #c90547);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-size:32px;
font-weight:600;
}
.m_now_esgr_img{
display:none;
}
.ci_box .gvn1_files_wrap{
width:99.2%;
}
.ci_box .gvn_file .file-download:hover{
background-color:#034ea1;
border:1px solid #034ea1;
}
.sub-page-section > .innerr {
max-width: 1085px;
width: 90%;
padding: 50px 0;
margin: 0 auto;
position: relative;
z-index: 1;
box-sizing: border-box;
}
.sub-page-section {
margin-top:60px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
box-sizing: border-box;
overflow: hidden;
}
#citizen_report_top {
background: url(../img/oper/esg2_background.png) center no-repeat;
}
.sub-page-section .row {
display: flex;
flex-wrap: wrap;
}
.sub-page-section .row > .col_6 {
width: 50%;
}
#citizen_report_top .row {
flex-direction: row-reverse;
align-items: center;
}
#citizen_report_top .contt {
padding-left: 20px;
}
#citizen_report_top .downloadd {
padding-right: 40px;
}
#citizen_report_top .secTitle {
color: #fff;
font-size: 32px;
font-weight: 700;
}
#citizen_report_top .secText {
color: #fff;
font-size: 25px;
max-width: 565px;
line-height: 1.77;
}
#citizen_report_top .secText p{
margin-top:0;
}
#citizen_report_top .imgg img {
width: 100%;
display: block;
box-shadow:12px 10px 15px 1px #454f87;
}
/*서브페이지 슬라이드*/
.slider {
position: relative;
width: 100%;
max-width: 100%;
}
.slider .slider__inner {
display: flex;
position: relative;
align-items: center;
max-width: 1200px;
height: 550px;
margin: 0 auto;
}
.slider .slider__inner .slider__item {
position: absolute;
height: 350px;
width: 355px;
opacity: 0;
transition: all 0.3s ease-in-out;
z-index: -1;
pointer-events: none;
user-select: none;
}
.slider .slider__inner .slider__item-trigger-next {
left: 15%;
transform: translateX(-50%);
}
.slider .slider__inner .slider__item-trigger-previous {
left: 85%;
transform: translateX(-50%);
}
.slider .slider__inner .slider__item-selected {
box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
width: 66.7%;
height: 430px;
opacity: 1;
left: 50%;
transform: translateX(-50%);
z-index: 2;
box-shadow:6px 7px 13px rgb(0 0 0 / 16%);
}
.slider .slider__inner .slider__item-previous,
.slider .slider__inner .slider__item-next {
height: 200px;
opacity: 1;
width: 200px;
z-index: 1;
}
.slider .slider__inner .slider__item-last,
.slider .slider__inner .slider__item-first {
opacity: 0.4;
z-index: 0;
}
.slider .slider__inner .slider__item-last .slider__item-container,
.slider .slider__inner .slider__item-first .slider__item-container{
background-image: linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)),
}
.slider .slider__inner .slider__item-previous {
left: 30%;
transform: translateX(-50%);
}
.slider .slider__inner .slider__item-next {
left: 70%;
transform: translateX(-50%);
}
.slider .slider__inner .slider__item-first {
left: 15%;
transform: translateX(-50%);
}
.slider .slider__inner .slider__item-last {
left: 85%;
transform: translateX(-50%);
}
.slider .slider__inner .slider__item-container {
position: relative;
width: 100%;
height: 100%;
}
.slider .slider__inner .slider__item-img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.slider .slider__inner .slider__item-datas {
opacity:0;
position: absolute;
bottom: -50px;
width: 100%;
padding: 0.5rem 0;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size:1.3rem;
font-weight:700;
}
.slider .slider__inner .slider__item-selected .slider__item-datas{
opacity:1;
}
.slider .slider__controls {
display: flex;
position: absolute;
left: 0;
right: 0;
width: 80%;
justify-content: space-between;
align-items: center;
margin:0 auto;
}
.slider .slider__controls-previous,
.slider .slider__controls-next {
border: 0;
cursor: pointer;
font-size: 50px;
background-color: transparent;
color: #f37321;
padding: 0;
}
.slider .slider__controls-previous:focus,
.slider .slider__controls-next:focus {
outline: none;
}
.slider2{
margin-top:60px;
}
.slider2 .slider__controls-previous,
.slider2 .slider__controls-next {
color: #2D3A80;
}
/*개인정보 처리방침*/
.privacy-icon{
margin-top:30px;
}
.privacy-icon ul{
display:flex;
flex-wrap: wrap;
}
.privacy-icon ul li{
width:205px;
height: 147px;
margin-right:10px;
text-align:center;
padding-top:10px;
border:1px solid #c3c3c3;
box-shadow:2px 1px 7px 0px #dadada;
}
.privacy-icon ul li:last-child{
margin-right:0;
}
.privacy-icon ul li img{
margin-bottom:15px;
}
.privacy-icon ul li p{
background:#034ea1;
padding:7px 0;
font-size:16px;
color:#fff;
}
.privacy-icon ul li a{
}
.privacy-icon ul li p a:hover{
font-weight:700;
}
.modal-btn-box{
width:100%;
margin:15px 0;
}
.modal-btn-box button{
display:inline-block;
width:175px;
height:40px;
background:none;
border: 1px solid #034ea1;
cursor:pointer;
border-radius: 5px;
color:#034ea1;
font-size:16px;
}
.modal-btn-box button:hover{
border: 1px solid #034ea1;
background:#034ea1;
color:#fff;
}
.popup-wrap{
background-color: rgb(0 0 0 / 50%);
justify-content:center;
align-items:center;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
display:none;
padding:15px;
z-index: 9999;
}
.popup{
width:100%;
max-width:1100px;
height:800px;
background-color:#ffffff;
border-radius:5px;
overflow:hidden;
box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
}
.popup2{
max-width:1000px;
height:475px;
}
.popup-head{
width:100%;
height:50px;
display:flex;
align-items:center;
justify-content:center;
}
.head-title {
font-size: 38px;
font-style: italic;
font-weight: 700;
letter-spacing: -3px;
text-align: center;
}
.popup-body{
width:100%;
height:696px;
background-color:#ffffff;
}
.body-content{
width:100%;
padding:10px 0 10px 10px;
}
.body-titlebox{
text-align:center;
width:100%;
height:40px;
margin-bottom:10px;
}
.body-contentbox{
word-break:break-word;
overflow-y:auto;
max-height:723px;
}
.body-contentbox h2{
font-size:18px;
font-weight:500;
}
.body-contentbox h3{
font-size:17px;
}
.body-contentbox .p3{
margin-top:20px;
font-size:17px;
}
.body-contentbox .td1{
text-align:left !important;
}
.body-contentbox .td1 p{
text-align:left;
font-size:14px;
margin-bottom:5px;
}
.body-contentbox .td1 p strong{
color:#034ea1;
}
.body-contentbox .privacy{
width:99%;
}
.popup-foot{
width:100%;
height:50px;
}
.pop-btn{
display:inline-flex;
width:100%;
height:50px;
float:left;
justify-content: flex-end;
align-items:center;
color:#333;
cursor:pointer;
border-bottom:1px solid #e2e2e2;
}
.pop-btn1{
color: rgb(138, 138, 138);
justify-content: space-between;
}
.popup-title{
padding-left:10px;
font-weight:500;
font-size:20px;
}
.p1-1{
margin-top:10px;
}
.p1-2{
margin:10px 0;
}
.s1{
color:#034ea1;
font-weight:500;
}
.s1:hover{
text-decoration:underline;
}
.s1 a{
color:#034ea1;
}
.privacy_wrap .mater_icon{
margin-top:30px;
}
.privacy_wrap .mater_icon ul li {
width:205px;
height: 147px;
margin:0;
margin-right:10px;
text-align:center;
padding-top:10px;
border:1px solid #c3c3c3;
box-shadow:2px 1px 7px 0px #dadada;
}
.privacy_wrap .mater_icon ul li:last-child{
margin-right:0;
}
.privacy_wrap .mater_icon ul li div img{
width:auto;
margin-bottom:14px;
}
.privacy_wrap .mater_icon ul li a{
}
.privacy_wrap .mater_icon ul li a p{
font-size:16px;
background: #034ea1;
color:#fff;
padding:7px 0;
}
.s2{
color:#034ea1;
text-decoration:underline;
}
.social_report{
margin-top:100px;
}
.social_report .social2_file{
justify-content: flex-start;
}
.social_report .social2_file p{
display:flex;
width: 426px;
margin-top:0;
justify-content: space-between;
}
.social_report .social2_file p span{
font-size:18px;
font-weight:500;
}
.social_report .r-social_files_wrap{
margin-top:30px;
display:flex;
align-items:center;
border: 1px solid #f3732157;
padding:10px;
justify-content: space-between;
}
.social_report .social2_file{
margin:0;
}
.social_report .r-social_files_wrap:after{
content:none;
}
.social_report .r-social_files_wrap:before{
content:none;
}
.social_report .social2_file .file-download{
width:232px;
}
.social_report .social2_file .file-download:first-child{
margin-right:10px;
}
.social_report .flex {
display:flex;
justify-content:space-between;
align-items:center;
text-align:left;
padding-top:8px;
}
.social_report .flex .cons:first-child {
padding:20px 0;
}
.social_report .flex .cons .m_none {
margin-top:0;
font-size:18px;
}
.social_report .react_tit {
padding:4px 6px;
background:#fbe5d6;
margin-top:16px;
text-align:left;
font-weight:600;
font-size:20px;
border-bottom:1px solid;
}
.report_new_wrap .text_inner h4{
text-align:center !important;
font-size:28px !important;
letter-spacing:1px !important;
font-weight:700 !important;
}
.report_new_wrap .text_inner p strong{
font-weight:600;
}
.report_new_wrap .privacy{
margin:10px 0;
}
.report_new_wrap .privacy th{
text-align: center;
padding: 14px 0;
background: #034ea1;
color: #fff;
font-size: 16px;
border: 1px solid #c5cdd3;
font-weight: 400;
}
.report_new_wrap .privacy td{
font-size: 15px;
padding: 8px;
text-align: center;
border: 1px solid #c5cdd3;
}
.report_new_wrap .privacy .p-bold{
text-decoration:underline;
font-weight:bold;
font-size:18px;
}
.sust-wrap{
margin-top:60px;
}
.sust-table img{
max-width:300px;
}
.sust-table th{
background:#f5bfd238;
padding:15px 0;
border-top: 2px solid #ae003b;
text-align:center;
font-size:17px;
}
.sust-table td{
padding:10px 0;
border-bottom:1px solid #D9D9D9;
}
.sust-br{
border-right:1px solid #D9D9D9;
}