/*---------- contents ----------*/ /* === 회사 소개 === */ /* 회사개요 */ .overview .sect_overview {padding-bottom: 80px;} .overview .sect_overview .h-t5{padding: 50px 0 35px 0;} .overview .sect_overview .cont{width: 570px;} .overview .sect_overview .cont .txt-t1 {line-height: 28px;} .overview .sect_overview .cont .txt-t1 em {position: relative; top: -4px;} .overview .sect_overview .cont .txt-t1 + .txt-t1{margin-top: 40px;} .overview .sect_overview .cont .txt-t3 {display: block; margin-top: 15px;} .overview .sect_overview .cont .btn2-s-normal {margin-top: 15px;} .overview .sect_overview .cont .img_overview {top: 185px;} /* 20230328 수정 */ .overview .sect_overview .lay-t2 {position: absolute; right: 0; top: 553px;} /* 20230328 수정 */ .overview .sect_leader {background: #f8f8f8; padding: 70px 0 80px 0;} .overview .sect_leader .list-leader li {vertical-align: top;} /* 20200211 추가 */ .overview .sect_vision {padding-top: 70px;} .overview a.life_a {display: inline-block;} /* 네트워크 */ .network .sect_map {margin-top: 50px;} .network .sect_map .loc {position: absolute; top: 0; display: table; vertical-align: middle; width: 249px; height: 78px; background: rgba(0, 0, 0, 0.5); color: #fff; transition: background .2s; text-align: center;} .network .sect_map .loc:hover, .network .sect_map .loc:focus, .network .sect_map .loc.on {background: #ea6d1c;} .network .sect_map .loc-span {display: none; position: absolute; top: 77px; height: 237px; -webkit-transition: opacity .2s; transition: opacity .2s;} .network .sect_map .loc-span.on {display: block; z-index: 2; -webkit-animation: pulse 1.4s; -moz-animation: pulse 1.4s; animation: pulse 1.4s;} .network .sect_map .loc .tit {display: table-cell; vertical-align: middle; font-family: 'NanumBarunGothicBold'; font-weight: normal; font-size: 16px;} .network .sect_map .loc .cont {margin-top: 3px;} .network .sect_map .loc .cont li {position: relative; font-size: 13px; line-height: 20px; padding-left: 10px;} .network .sect_map .loc .cont li:before {content: " "; position: absolute; left: 0; top: 7px; width: 2px; height: 2px; background: #fff;} .network .sect_map .loc-1 {left: 0;} .network .sect_map .loc-span-1.on {width: 417px; left: 0; background: url(/resources/img/common/company/bl_loc01.png) 0 0 no-repeat; cursor: default;} .network .sect_map .loc-2 {left: 250px;} .network .sect_map .loc-span-2.on {width: 564px; left: 250px; background: url(/resources/img/common/company/bl_loc02.png) 0 0 no-repeat; cursor: default;} .network .sect_map .loc-3 {left: 500px;} .network .sect_map .loc-span-3.on {width: 385px; right: 251px; background: url(/resources/img/common/company/bl_loc03.png) 0 0 no-repeat; cursor: default;} .network .sect_map .loc-4 {left: 750px;} .network .sect_map .loc-span-4.on {width: 248px; right: 0; background: url(/resources/img/common/company/bl_loc04.png) 0 0 no-repeat; cursor: default;} /* */ @keyframes pulse { 0% { opacity: 0; } 100% { opacity: 1; } } /* === 고객문의 === */ .inquiry .h-t2 {margin: 0 0 50px 0;} /* 202106 추가 */ .inquiry .privacy_box ul.b-email li.iq_1, .inquiry.iq_01 .privacy_box ul.b-email li.iq_1 {display: block;} /* 202106 추가 */ .inquiry.iq_02 .privacy_box ul.b-email li.iq_1, .inquiry.iq_03 .privacy_box ul.b-email li.iq_1, .inquiry.iq_04 .privacy_box ul.b-email li.iq_1, .inquiry.iq_05 .privacy_box ul.b-email li.iq_1, .inquiry.iq_06 .privacy_box ul.b-email li.iq_1 {display: none;} /* 20211027 수정 */ .inquiry.iq_02 .privacy_box ul.b-email li.iq_2 , .inquiry.iq_03 .privacy_box ul.b-email li.iq_3, .inquiry.iq_04 .privacy_box ul.b-email li.iq_4, .inquiry.iq_05 .privacy_box ul.b-email li.iq_5, .inquiry.iq_06 .privacy_box ul.b-email li.iq_6 {display: block;} /* 20211027 수정 */ .inquiry .wrap-inquiry {margin: 50px 0;} .inquiry .wrap-inquiry > ul:after {display: block; clear: both; content: '';} .inquiry .wrap-inquiry > ul > li {float: left; width: 50%;} /* .inquiry .wrap-inquiry > ul > li:last-child {width: 100%;} */ /* 20211027 주석처리함. */ .inquiry .wrap-inquiry > ul > li label {display: block; position: relative; cursor: pointer;} .inquiry .wrap-inquiry > ul > li label input[type=radio] {position: absolute; width: calc(100% - 3px); height: calc(100% - 3px); appearance: none; margin: 0;} /* 20210607 수정 */ .inquiry .box_inquiry_new {display: block; min-height: 120px; padding: 25px 35px 15px;} .inquiry .box_inquiry_new._1 {background: url('/resources/img/common/company/inquiry1.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} .inquiry .box_inquiry_new._2 {background: url('/resources/img/common/company/inquiry2.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} .inquiry .box_inquiry_new._3 {background: url('/resources/img/common/company/inquiry3.png') no-repeat right center; -webkit-background-size: cover; background-size: cover;} .inquiry .box_inquiry_new._4 {background: url('/resources/img/common/company/inquiry4.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} .inquiry .box_inquiry_new._5 {background: url('/resources/img/common/company/inquiry5.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} /* 202106 추가 */ .inquiry .box_inquiry_new._6 {background: url('/resources/img/common/company/inquiry6.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} /* 20211027 추가 */ /* .inquiry input:checked + .box_inquiry_new._1 {background: url('/resources/img/common/company/inquiry1_on.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} .inquiry input:checked + .box_inquiry_new._2 {background: url('/resources/img/common/company/inquiry2_on.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} .inquiry input:checked + .box_inquiry_new._3 {background: url('/resources/img/common/company/inquiry3_on.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} .inquiry input:checked + .box_inquiry_new._4 {background: url('/resources/img/common/company/inquiry4_on.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} */ .inquiry .chkPref .box_inquiry_new._1 {background: url('/resources/img/common/company/inquiry1.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} .inquiry .chkPref .box_inquiry_new._2 {background: url('/resources/img/common/company/inquiry2.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} .inquiry .chkPref .box_inquiry_new._3 {background: url('/resources/img/common/company/inquiry3.png') no-repeat right center; -webkit-background-size: cover; background-size: cover;} .inquiry .chkPref .box_inquiry_new._4 {background: url('/resources/img/common/company/inquiry4.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} .inquiry .chkPref .box_inquiry_new._5 {background: url('/resources/img/common/company/inquiry5.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} /* 202106 추가 */ .inquiry .chkPref .box_inquiry_new._6 {background: url('/resources/img/common/company/inquiry6.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} /* 20211027 추가 */ .inquiry .chkPref.on .box_inquiry_new._1 {background: url('/resources/img/common/company/inquiry1_on.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} /* 20210607 수정 */ .inquiry .chkPref.on .box_inquiry_new._2 {background: url('/resources/img/common/company/inquiry2_on.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} /* 20210607 수정 */ .inquiry .chkPref.on .box_inquiry_new._3 {background: url('/resources/img/common/company/inquiry3_on.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} /* 20210607 수정 */ .inquiry .chkPref.on .box_inquiry_new._4 {background: url('/resources/img/common/company/inquiry4_on.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} /* 20210607 수정 */ .inquiry .chkPref.on .box_inquiry_new._5 {background: url('/resources/img/common/company/inquiry5_on.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} /* 202106 추가 */ .inquiry .chkPref.on .box_inquiry_new._6 {background: url('/resources/img/common/company/inquiry6_on.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;} /* 20211027 추가 */ .inquiry .box_inquiry_new .tit {font-size: 20px; line-height: 24px; color: #fff; font-weight: normal;} .inquiry .box_inquiry_new .list-inquiry {margin-top: 8px;} .inquiry .box_inquiry_new .list-inquiry li {font-size: 14px; line-height: 20px} .inquiry .box_inquiry_new .list-inquiry li:before {content: " "; position: absolute; left: 0; top: 10px; width: 2px; height: 2px; background: #fff;} /* 202106 추가 */ .inquiry .info {display: none; width: 100%; margin: 0 0 60px 0;} .inquiry.iq_05 .info {display: block;} .inquiry .info .box {padding: 40px; background: #f8f8f8;} .inquiry .info .box .sec {margin: 0 0 50px 0;} .inquiry .info .list-profile {margin: 0;} .inquiry .info .list-recruit {margin: 25px 0 0 30px;} .inquiry .info .list-recruit:before {max-width: 860px; z-index: 0;} .inquiry .info .list-recruit li {position: relative; z-index: 1;} .inquiry .info .list-recruit li + li {margin: 0 0 0 100px;} .inquiry .info .list-recruit .ico._recruit4 {background: url('/resources/img/common/company/inquiry_bg04.png');} /* // 202106 추가 */ /* 문의양식 */ .supportForm {padding: 30px 0; border-top: 2px solid #505050; border-bottom: 2px solid #505050;} .first-group {overflow: hidden; width: 95%; margin: 0 auto;} .first-group > ul {overflow: hidden; position: relative;} .first-group > ul:after {display: block; clear: both; content: '';} .first-group > ul > li {float: left; width: 46%; margin: 0 4% 0 0;} .first-group > ul > li:nth-child(2n) {margin: 0 0 0 4%;} .first-group > ul > li:after {display: block; clear: both; content: '';} .first-group > ul > li > label {position: relative; float: left; width: 19%; padding: 16px 0 12px; font-size: 18px; font-weight: normal; color: #111;} .first-group > ul > li > div {float: left; width: 81%; padding: 11px 0 11px 22px;} .first-group li > div input[type="text"] {width: 100%; padding: 9px 5px; border: 1px solid #dfdfdf;} .second-group {overflow: hidden; width: 95%; margin: 0 auto;} .second-group > ul {overflow: hidden; position: relative;} .second-group > ul > li + li {margin: 25px 0 0;} .second-group > ul > li > label {display: inline-block; position: relative; padding: 6px 0 10px; font-size: 18px; font-weight: normal; color: #111;} .second-group > ul > li > span {display: block; margin: 0 0 20px; font-size: 16px; color: #626262; line-height: 26px;} .second-group li > div textarea {width: 100%; height: 140px; padding: 9px 5px; border: 1px solid #dfdfdf;} .supportForm ul li label em {display: inline-block; padding: 0 5px; font-size: 18px; color: #e51937;} /* */ .privacy_box {width: 100%; height: 330px; padding: 31px 38px; border: 1px solid #ddd; overflow-y: auto; margin: 20px 0 0 0;} /* 202106 수정. */ .privacy_box .h-t3 {margin: 10px 0 30px;line-height: 22px;} .privacy_box .txt-t1 {margin: 10px 0;color: #000;} .privacy_box .txt-t1 em {font-weight: bold; border-bottom: 1px solid black;} .tbl_type, .tbl_type th, .tbl_type td {border: 0;} .tbl_type {width: 100%; margin: 20px auto; border-top: 1px solid #666; font-size: 14px; text-align: center;} /* .tbl_type caption {font-size:0; display:block; overflow:hidden; text-indent:-9999px; width:0; height:0; line-height:0} */ /* 20210607 주석. */ .tbl_type .tbl_w25 {width: 25%;} .tbl_type .tbl_w33 {width: 33%;} .tbl_type .tbl_w75 {width: 75%;} .tbl_type th {padding: 14px 0 12px; border-bottom: 1px solid #dfdfdf; background-color: #f5f7f9; color: #666; font-size: 15px; font-weight: normal; color:#000;} .tbl_type .bld th {font-family: "NanumBarunGothicBold"; background-color: #fff;} .tbl_type .bld01 th {font-family: "NanumBarunGothicBold"; background-color: #E6E6E6;} /* 20231026 css 추가 */ .tbl_type td {padding: 12px 0 10px; border-bottom: 1px solid #dfdfdf; color:#4c4c4c;} .tbl_type td + td {padding: 10px 10px 8px 10px !important;} .tbl_type th + th, .tbl_type td + td {border-left: 1px solid #dfdfdf;} .tbl_type .b-r {border-left: 1px solid #dfdfdf;} /* 20231026 css 추가 */ .privacy_box ul.b-email {margin: 0 0 20px;} .privacy_box ul.b-email li {display: none;} /* 202106 추가 */ /* .privacy_box ul li {position: relative; padding: 4px 0 4px 24px; color: #333; letter-spacing: -0.01em;} */ /* 2021웹접근성 주석처리함. */ /* .privacy_box ul li:before {content: ''; display: block; position: absolute; top: 14px; left: 10px; width: 6px; height: 1px; margin-right: 20px; background-color: #333;} */ /* 2021웹접근성 주석처리함. */ .wrap-agreeBox {margin: 20px 0 0 30px; text-align: left;} .wrap-check {display: inline-block; position: relative; vertical-align: middle;} .wrap-check em {display: inline-block; padding-right: 5px; font-size: 18px; color: #e51937; vertical-align: baseline;} .wrap-check:after {display: table; clear: both; content: "";} .check-m { display: inline-block; position: absolute; top: 0; left: 0; z-index: -1; margin: 0; width: 18px; height: 18px; padding: 0; vertical-align: middle;} .check-m + label {display: block; position: relative; float: left; height: 18px; padding-left: 26px; line-height: 18px;} .check-m + label:before {content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: url('/resources/img/kor/common/img_common.png') no-repeat 0px -300px;} .check-m:checked + label:before {background: url('/resources/img/kor/common/img_common.png') no-repeat -23px -300px;} .check-m:focus + label {position: relative; outline: #666 dotted 1px; z-index: 2;} input[type="radio"].check-m + label::before {display: none;} input[type="radio"].check-m:checked + label::before {content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 14px; height: 14px; background: #fff; border-radius: 50%; border: 2px solid #e51937;} input[type="radio"].check-m:checked + label::after {content: ""; display: inline-block; position: absolute; background: #e51937; border-radius: 50%; width: 10px; height: 10px; top: 4px; left: 4px;} /* 2021웹접근성 추가 (고객문의) */ .privacy_box .p_tbl {table-layout: fixed; width: 100%; margin: 20px auto; border-top: 1px solid #666; font-size: 14px; text-align: center;} .privacy_box .p_tbl .head {background-color: #f5f7f9; font-size: 15px; font-weight: bold; color: #000;} .privacy_box .p_tbl ul {display: table; width: 100%;} .privacy_box ul li.w25-m35 {display: table-cell; width: 25%; padding: 12px 5px 10px; border-bottom: 1px solid #dfdfdf; color: #4c4c4c; border-right: 1px solid #dfdfdf;} .privacy_box ul li.w75-m65 {display: table-cell; width: 75%; padding: 10px 10px 8px 10px; border-bottom: 1px solid #dfdfdf;} .privacy_box ul li.w75-m65 li:before {content: ''; display: block; position: absolute; top: 14px; left: 10px; width: 6px; height: 1px; margin-right: 20px; background-color: #333;} .privacy_box ul li ul li {position: relative; vertical-align: middle; padding: 4px 0 4px 24px; color: #333; letter-spacing: -0.01em;} .privacy_box ul li ul li em {font-weight: bold; border-bottom: 1px solid black;} /* === 제품 === */ /* .sect_product {margin-top: 45px;} */ /* 202106 주석. */ .sect_product .h-t5 {padding: 60px 0 0 0; text-align: center;} .sect_product .h-t5 sup {font-size: 25px;} .sect_product p {max-width: 1000px; margin: 0 auto; font-size: 13px; color: #666; text-align: left;} .product .box {display: table; width: 100%; margin: 80px 0 20px 0; position: relative;} .product .box .h-t01 {color: #000;} .product .box .h-t02 {color: #5a2c86;} .product .box span {font-size: 18px; line-height: 30px; color: #666; position: relative; z-index: 2;} .product .t_1 {font-size: 16px; margin: 0 2px; position: relative; top: -4px;} .product .t_2 {margin-right: 10px;} .product .box01 {padding: 50px 0 50px 230px; margin: 30px 0 20px 0; background: #f4ecf7;} .product .box01:before {content: ""; width: 131px; height: 130px; position: absolute; top: 50px; left: 75px; background: url('/resources/img/kor/tmp/product_i01.png') no-repeat;} .product .box01:after {content: ""; width: 162px; height: 135px; position: absolute; bottom: 0; right: 30px; background: url('/resources/img/kor/tmp/product_i02.png') no-repeat;} .product .box02 {padding: 70px 0 70px 250px; margin: 30px 0 20px 0; background: #edf2f5;} .product .box02:before {content: ""; width: 132px; height: 131px; position: absolute; top: 50px; left: 75px; background: url('/resources/img/kor/tmp/product_i03.png') no-repeat;} .product .box02:after {content: ""; width: 162px; height: 135px; position: absolute; top: 30px; right: 30px; background: url('/resources/img/kor/tmp/product_i04.png') no-repeat;} .product .sect_product ul {margin: 20px auto 0 auto; width: 100%;} .product .sect_product ul li {display: inline;} .product .sect_product ul a {color: #fff; font-size: 14px; text-align: center; padding: 5px 10px; display: inline-block; position: relative; z-index: 2;} .product .sect_product ul a .t_1 {font-weight: normal;} .product .sect_product ul a:after {content: ""; width: 3px; height: 5px; position: absolute; top: 50%; right: 10px; margin-top: -2.5px; background: url('/resources/img/kor/tmp/product_after.png') no-repeat;} .product .sect_product ul li:first-child a {background: #5a2c86; margin: 0 10px 0 0;} .product .sect_product ul li:last-child a {background: #7f5f9e;} /* 제품 modal popup */ .proj_modal {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; text-align: center; z-index: 1001} .proj_modal:before {content: ''; display: inline-block; height: 100%; margin-right: -4px; vertical-align: middle;} .proj_modal .modal_container {display: inline-block; position: relative; width: 1000px; border-top: 4px solid #f27f22; background-color: #fff; color: #666; font-size: 13px; vertical-align: middle;} .proj_modal .modal_header {height: 50px; padding: 0 70px 0 30px; background-color: #51b948; color: #666; font-size: 16px; text-align: left; line-height: 50px;} .proj_modal .modal_contents {padding: 50px 30px;} .proj_modal .modal_contents .title {color: #333; font-size: 20px; line-height: 30px; padding-top: 40px;} .proj_modal .modal_contents .title > span:not([class]) {display: block; padding-top: 30px; color: #666; font-size: 15px; font-weight: normal;} .proj_modal .modal_contents > .m_f {margin-top: 30px;} .proj_modal .modal_contents > .m_f * {height: 40px; line-height: 40px; font-size: 15px;} .proj_modal .proj_confirm {background: #e51937;} .proj_cancel {width: 36px; height: 36px; color: transparent; position: absolute; top: 30px; right: 30px; background: url('/resources/img/kor/tmp/product_pop_close.png') no-repeat; background-size: cover; line-height: 6px; font-size: 12px;} /* 2021웹접근성 수정 (outline 삭제 및 css 추가) */ .modal_overlay.product {position: fixed; background-color: rgba(0,0,0,.6);} @media screen and (max-width:1024px) { .proj_modal .modal_container {width: 90%;} } /* === 파이프라인 === */ .pipeline_wrap {background-color: #f8f8f8; margin-top: 80px; padding-bottom: 170px; border-bottom: 1px solid #d7d7d7;} .content.pipeline {padding-bottom:0} .pipeline .sect_pipeline {text-align: center;} .pipeline .sect_pipeline .h-t2 {margin-top: 20px;} .pipeline .sect_pipeline .h-t5 {padding: 0 0 30px 0;} .pipeline .sect_pipeline .img {margin: 40px 0;} .pipeline .sect_pipeline h6 {max-width: 1040px; width: 100%; margin: 0 auto; text-align: center; padding: 60px 20px 0 20px; font-size: 30px; font-family: 'NanumBarunGothicLight'; text-align: center} .pipeline .sect_pipeline .wrap-tbl {max-width: 1040px; width: 100%; margin: 0 auto; text-align: center; padding: 60px 20px 0 20px} .pipeline .sect_pipeline .wrap-tbl .txt-t5 {margin: 10px 0 0; font-size: 12px; line-height: 22px; text-align: left;} .pipeline .list-graph {display: inline;} .pipeline p.txt-block {display: inline-block !important; vertical-align: middle; margin-top: 5px;} .pipeline h6 {font-size: 15px; font-weight: normal; color: #111; text-align: left; margin: 0 0 60px 0;} .pipeline td.txt {padding: 0 0 0 3px; font-size: 11px; text-align: left;} .pipeline .sect_pipeline .wrap-tbl .tbl-data2 {font-family: 'NanumBarunGothicBold';} .pipeline .sect_pipeline .wrap-tbl .tbl-data2 sup { font-family: 'NanumBarunGothicBold'; font-size: 10px;} .pipeline .sect_pipeline .wrap-tbl .tbl-data2 td, .pipeline .sect_pipeline .wrap-tbl .tbl-data2 tr {height: 50px;} .pipeline .sect_pipeline .wrap-tbl .tbl-data2 tr {border-bottom: 1px solid #D9D9D9;} .pipeline .sect_pipeline .wrap-tbl .tbl-data2 tr th {padding: 0; color: #fff; font-size: 15px; line-height: 25px; background: #7F5F9E; border: 0;} .pipeline .sect_pipeline .wrap-tbl .tbl-data2 tr th, .pipeline .sect_pipeline .wrap-tbl .tbl-data2 td + td, .pipeline .sect_pipeline .wrap-tbl .tbl-data2 td {border: 0; border-right: 1px solid #e6e6e6;} .pipeline .sect_pipeline .wrap-tbl .tbl-data2 .test {font-family: 'NanumBarunGothic'; font-weight: 600; height: 0; font-style: normal; background: #D0CDDD; line-height:10px; font-size: 12px; color: #111; writing-mode: sideways-lr; padding: 0;} .pipeline .sect_pipeline .wrap-tbl .tbl-data2 .rpt {font-family: 'NanumBarunGothic'; font-weight: 600; height: 0; font-style: normal; color: white; background: #917FD9; writing-mode: sideways-lr; padding: 0; line-height:10px; font-size: 12px;} .pipeline .sect_pipeline .wrap-tbl .tbl-data2 .tpd {font-family: 'NanumBarunGothic'; font-weight: 600; height: 0; font-style: normal; color: white; background: #494949; writing-mode: sideways-lr; padding: 0; line-height:10px; font-size: 12px;} .pipeline .sect_pipeline ul.note { max-width: 1000px; width: 100%; margin: 0 auto; text-align: center; padding: 20px 20px 0 20px; font-size: 30px; font-family: 'NanumBarunGothicLight'; text-align: center;} .pipeline .sect_pipeline ul.note li {font-size:12px; color:#4C4C4C; text-align:left; font-style: normal; font-weight: 300; line-height: 23px;} /* === 연구 개발 === */ /* 연구 분야 - 중추신경계 */ .nerve {padding-bottom: 0; border-bottom: 1px solid #dadada;} .nerve .intensive {max-width: 1000px; margin: 50px auto;} .nerve .intensive em {position: relative; top: -4px;} .nerve .intensive span {display: inline-block; font-size: 13px;} .nav_tab {position: relative; max-width: 1000px; width: 100%; margin: 20px auto 50px;} .nav_tab:after {display: block; clear: both; content: '';} .nav_tab li {float: left; width: 49.6%; background-color: #fff; border: 1px solid #dcdddf;} .nav_tab li:nth-child(3) {position: relative; border-left: 1px solid #dcdddf;} .nav_tab li:nth-child(3):after {content: ""; display: block; position: absolute; top: 0; left: -1px; width: 1px; height: 70px; background: #dcdddf;} .nav_tab li:nth-child(3), .nav_tab li:nth-child(4), .nav_tab li:nth-child(5), .nav_tab li:nth-child(6) {width: 24.8%; margin-top: -1px; border-left: 1px solid #fff;} .nav_tab li:nth-child(2) {border-left: 1px solid #fff;} .nav_tab li a {display: block; padding: 20px 0; font-size: 18px; color: #333; text-align: center;} .nav_tab li:hover, .nav_tab li.on {border: 1px solid #738899; background-color: #738899;} .nav_tab li:hover a, .nav_tab li.on a {color: #fff;} .nav_tab1 {overflow: hidden; position: relative; max-width: 1000px; width: 100%; margin: 20px auto 50px;} .nav_tab1:after {display: block; clear: both; content: '';} .nav_tab1 li {float: left; width: 49.6%; background-color: #fff; border: 1px solid #dcdddf;} .nav_tab1 li:nth-child(3) {position: relative; border-left: 1px solid #dcdddf;} .nav_tab1 li:nth-child(3):after {content: ""; display: block; position: absolute; top: 0; left: -1px; width: 1px; height: 70px; background: #dcdddf;} .nav_tab1 li:nth-child(3), .nav_tab1 li:nth-child(4), .nav_tab1 li:nth-child(5), .nav_tab1 li:nth-child(6) {width: 24.8%; margin-top: -1px; border-left: 1px solid #fff;} .nav_tab1 li:nth-child(2) {border-left: 1px solid #fff;} .nav_tab1 li a {display: block; padding: 20px 0; font-size: 18px; color: #333; text-align: center;} .nav_tab1 li:hover, .nav_tab1 li.on {border: 1px solid #738899; background-color: #738899;} .nav_tab1 li:hover a, .nav_tab1 li.on a {color: #fff;} .nerve .skms1, .nerve .skms2, .nerve .skms3, .nerve .skms4, .nerve .skms5 {display: none;} .nerve .skms1 .sleep {display: block; margin: 30px 0; font-family: 'NanumBarunGothic'; font-size: 24px; font-weight: normal; color: #647888; text-align: center; line-height: 38px;} .nerve .skms1 .sleep span {font-family: 'NanumBarunGothicLight'; font-weight: normal;} .nerve .unify .h-t6 {position: relative; letter-spacing: -0.5px;} .nerve .unify .h-t6.mt70 {margin-top: 70px;} .nerve .unify .h-t7 {margin-top: 35px; margin-bottom: 5px;} .nerve .unify .h-t9 {margin: 23px 0 5px; font-size: 16px; font-weight: normal; color: #111;} .nerve .unify .h-t9.v2 {margin: 0 0 5px;} .nerve .unify .txt-t7 {margin: 8px 0 15px; font-family: 'NanumBarunGothicLight'; font-size: 16px; font-weight: normal; color: #666; line-height: 28px;} .nerve .unify i {position: relative; top: -16px; right: -2px; /* font-family: 'NanumBarunGothicBold'; */ font-size: 13px; font-style: normal; color: #111; letter-spacing: -0.5px;} .nerve .unify .h-t7 i {top: -12px; right: -4px;} .nerve .unify .h-t9 i {top: -12px; font-size: 11px;} .nerve .unify .txt-t4 i {top: -8px; font-size: 11px;} .nerve .unify .txt-t7 i {top: -8px; right: 0; font-size: 11px;} .nerve .unify li.txt i {top: -5px; font-size: 9px;} .nerve .unify ul {margin: 20px 0 0 0} .nerve .unify ul li {padding: 0 0 23px; font-size: 16px; color: #555;} .nerve .unify ul li span {display: inline-block; padding: 0 0 8px; color: #111;} .nerve .unify ul li p {padding: 0 0 0 18px; font-family: 'NanumBarunGothicLight';} .nerve .unify ul li p._li {position: relative; padding: 4px 0 8px 18px; color: #666;} .nerve .unify ul li p._li:before {content: ''; display: block; position: absolute; top: 15px; left: 8px; width: 2px; height: 2px; background-color: #727272;} .nerve .unify .txt {padding: 0 0 0 18px; font-size: 13px; color: #666;} .nerve .unify .txt.v2 {padding: 10px 0 0 18px;} .nerve .unify .txt.v2 i {top: -5px; font-size: 9px;} .nerve .tbl_type {width: 100%; margin: 20px 0 8px; border-top: none; font-size: 15px; text-align: center;} .nerve .tbl_type th {padding: 12px 0 9px; border-bottom: 1px solid #464646; background-color: #e0e4e5; font-size: 15px; color:#666;} .nerve .tbl_type td {padding: 11px 10px 9px 10px; border-bottom: 1px solid #d6d6d6; font-family: 'NanumBarunGothicLight'; color: #666;} .nerve .box_type {margin: 25px 0; padding: 10px; border: 1px solid #e0e0e0; background: #ececec;} .nerve .box_type strong {display: block; margin: 25px 0 0; font-size: 20px; font-weight: normal; text-align: center; line-height: 24px;} .nerve .box_type strong i {top: -11px;} .nerve .skms5 .box_type ul {margin: 30px 0 10px;} .nerve .skms5 .box_type ul:after {display: block; clear: both; content: '';} .nerve .skms5 .box_type ul li {position: relative; float: left; width: 21%; margin: 0 0 0 4%; padding: 0 0 10px 7px; font-size: 14px; line-height: 20px;} .nerve .skms5 .box_type ul li:before {content: ''; display: inline-block; position: absolute; top: 9px; left: 0; width: 2px; height: 2px; background-color: #727272; text-align: right;} .nerve .box_type .clearFix .f-l {width: 45%; margin: 3% 5% 1% 0;} .nerve .box_type .clearFix .f-r {width: 45%; margin: 3% 0 1% 5%;} .nerve .box_type .clearFix .f-l p {text-align: right;} .nerve .box_type .clearFix .f-r p {text-align: left;} .nerve .skms0 .box_type ul {margin: 36px 0 10px 100px;} .nerve .skms0 .box_type ul:after {display: block; clear: both; content: '';} .nerve .skms0 .box_type ul li {position: relative; float: left; width: 50%; padding: 0 0 10px 30px;} .nerve .skms0 .box_type ul li:before {content: ''; display: block; position: absolute; top: 2px; left: 0; width: 18px; height: 18px; background-image: url(/resources/img/kor/common/img_common.png); background-position: -420px -80px;} .nerve .skms0 .box_type ul li:nth-child(2):before {background-position: -438px -80px;} .nerve .skms0 .box_type ul li:nth-child(3):before {background-position: -456px -80px;} .nerve .skms0 .box_type ul li:nth-child(4):before {background-position: -474px -80px;} .nerve .unify .link-txt {margin: 50px 0; padding: 50px 0; border-top: 1px solid #d3d3d3} .nerve .unify .link-txt li {padding: 0 0 8px; font-size: 13px; color: #666; word-break: break-all;} .nerve .unify .link-txt li a {color: #1d55d4; text-decoration: underline;} .nerve .brain1 {display: none;} .nerve .sect_nerve {background: #f8f8f8; padding: 70px 0 90px 0;} .nerve .sect_search .txt-t4 + .txt-t4 {margin-top: 30px;} .nerve .sect_area {margin-top: 65px;} .nerve .sect_epilepsy .cont {margin-left: 500px;} .nerve .sect_narcolepsy {margin-top: 160px;} .nerve .sect_narcolepsy .cont {/* width: 440px; */} .nerve .sect_schizophrenia {margin-top: 55px;} .nerve .sect_area .txt-guide {margin-top: 30px;} .nerve .img_nerve01 {margin: 25px 0 45px 0px;} .nerve .img_nerve02 {margin-top: 10px;} .nerve .img_nerve03 {margin-top: 70px;} .nerve .img_nerve04 {margin-top: 74px;} .nerve .epilepsy_both {margin: 0 0 50px;} .nerve .epilepsy_both .f-l {width: 65%;} .nerve .epilepsy_both .f-r {width: 35%; margin: 85px 0 0; text-align: right;} /* 연구 분야 - 암 */ .cancer {padding-bottom: 0; border-bottom: 1px solid #dadada;} .cancer .sect_cancer {background: #f8f8f8; padding: 70px 0 90px 0;} .cancer .sect_area {margin-top: 65px;} .cancer .sect_brain .cont {margin-left: 500px;} .cancer .img_cancer01{margin-bottom: 40px;} .cancer .img_cancer03{margin: 50px 0;} .nerve .ico-tab-menu .tab_inner, .cancer .ico-tab-menu .tab_inner {padding-top: 15px;} .nerve .ico_tab_list li a, .cancer .ico_tab_list li a {display:block} /* 연구개발 역량 */ .rndcapacity .h-t5 { position: relative; font-family: 'NanumBarunGothic'; font-size: 34px; color: #111; text-align: center; font-weight: 400; padding-bottom: 50px;} .rndcapacity .inner-img { position: relative; max-width: 1000px; width: 100%; margin: 0 auto; box-sizing: border-box; background-color: #f8f8f8;} .rndcapacity .skms1 {display: none;} .rndcapacity .nav_tab {margin: 25px auto;} .rndcapacity .nav_tab li a {padding: 12px 0;} .rndcapacity .policy {width: 100%; padding: 0 0 90px 0; } .rndcapacity .policy li { display: flex; align-items: center; justify-content: space-between; font-size: 15px; padding: 24px; border-bottom: 1px solid #e4e4e4;} .rndcapacity .policy .filename {font-family: 'NanumBarunGothicBold'; color: #111; line-height: 36px;} .rndcapacity .policy .btn {width: 151px; font-size: 14px; text-align: center; color: #fff; line-height: 30px; background: #ce6666; border: 1px solid #ce6666; padding: 2px 10px;} /* 전략적 체휴 */ .alliance {padding-bottom: 0; border-bottom: 1px solid #dadada;} .alliance .h-txt-t2 {margin-top: 0;} .alliance .h-txt-t2 span {display: block;} .alliance .h-t6 {margin-bottom: 20px;} .alliance .sect_interest{margin-top: 60px;} .alliance .sect_type{margin-top: 60px;} .alliance .sect_process {background: #f8f8f8; padding: 60px 0 110px 0; margin-top: 80px;} .alliance .sect_process .txt-t4 {margin: 55px 0;} .alliance .sect_process a {margin: 0 auto;} .alliance .img_alliance01 {margin-top: 40px;} /* === 뉴스 === */ /* === 채용 === */ .careers {padding-bottom: 0;} .careers .h-t2 {margin-top: 20px;} .careers .sect_process{padding: 65px 0 130px 0; /*padding: 65px 0 85px 0; - 하단에 FAQ 추가시 해당 패딩으로 사용 */} .careers .sect_faq {background: #f8f8f8; border-bottom: 1px solid #dadada; padding: 60px 0 150px 0;} .careers .list-recruit li {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} .careers .list-recruit li .tit {display: inline-block; width: 100%;} /* 202106 추가 */ /* 투자정보 테이블 공통 */ .invest table {table-layout: fixed; display: inline-table; width: 100%; border-top: 2px solid #444; border-collapse: collapse;} .invest table .w8-mw12 {width: 8%;} .invest table .w12-mw17, .invest table .w12-mw21 {width: 12%;} .invest table tr th {padding: 14px 10px; font-size: 14px; color: #111; line-height: 20px; border: 1px solid #e4e4e4; border-width: 1px 1px 1px 0; background: #f5f5f5;} .invest table tr td {padding: 14px 10px; font-size: 14px; text-align: center; color: #666; line-height: 20px; word-break: break-all; border: 1px solid #e4e4e4; border-width: 1px 0 1px 1px;} .invest table tr td.t-l {text-align: left; padding-left: 30px;} .invest table .bl-n {border-left: none;} .invest table .br-n {border-right: none;} /* 지속가능경영 공통 */ .manage h1 {font-size: 34px;} /* 20231026 css 추가 */ .manage .pb-30 {padding-bottom: 30px !important;} /* 20231016 css 추가 */ .manage .pb-80 {padding-bottom: 80px !important;} /* 20231016 css 추가 */ .manage h3 {font-size: 34px;} /* 20231026 css 수정 */ .manage h4 {font-size: 32px;} .manage h5 {font-size: 26px; letter-spacing: -0.4px; line-height: 38px; padding: 40px 0 0px 0;} .manage .mt-0 {margin-top: 0 !important;} .manage .txt-t4 {padding: 30px 0 0px 0;} .manage .bb-1 {border-bottom: 1px solid #d7d7d7;} .manage .box {padding: 80px 0 120px 0; margin: 40px 0 0 0;} .manage .box02 {padding: 80px 0 30px 0;} .manage .box03 {margin: 80px 0 0 0;} .manage .box01 h4, .manage .box02 h4 {margin: 0 0 60px 0;} .manage .bg {background-color: #f8f8f8;} .manage .bg_box {display: table; width: 100%; text-align: center; color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center;} .manage .box section + section {border-top: 1px solid #d5d5d5; padding: 80px 0 0 0; margin: 80px auto 0 auto;} .manage .box h4 {font-weight: normal; font-size: 30px; line-height: 32px; text-align: center; color: #111;} .manage .box p {font-weight: normal; font-size: 16px; line-height: 25px; text-align: center; color: #111; padding: 30px 3% 48px 3%;} .manage .box .list {display: flex; flex-wrap: wrap;} .manage .box .list p {position: relative; display: inline-block; width: 49%; color: #666; font-family: 'NanumBarunGothicLight'; font-size: 15px; text-align: left; padding: 0 0 0 10px; letter-spacing: -0.9px;} /* 20231026 css 수정 */ .manage .box .list p:before {content: ""; display: inline-block; width: 2px; height: 2px; background: #666; position: absolute; left: 0px; top: 11px;} .manage .box strong {max-width: 180px; color: #333; border-radius: 4px; margin: 15px 0; font-family: 'NanumBarunGothicBold'; font-weight: normal; font-size: 15px; line-height: 26px;} /* 20231026 css 수정 */ .manage .m_list {display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content: space-between; justify-content: space-between; position: relative;} .manage .m_list li {display: -webkit-box; display: flex; -webkit-flex-direction: column; flex-direction: column; position: relative;} .manage .m_list ul li {display: block; width: 100% !important;} .manage .m_list .ext li {position: relative; color: #666; line-height: 26px; padding-left: 7px;} .manage .m_list .ext li:before {content: ""; display: inline-block; width: 2px; height: 2px; background: #666; position: absolute; left: 0px; top: 13px;} .manage .m_list.n2 li {width: calc(50% - 40px); margin: 0 0 60px 0;} .manage .m_list.n2 li:last-child {margin: 0;} .manage .m_list.n3 li {width: calc(33.3% - 43px);} .manage .m_list strong span {color: #333;} .manage .m_list span {color: #666; line-height: 21px;} .manage .btn_wrap {display: table; margin: 30px auto;} .manage .btn_wrap a {display: block; width: 200px; height: 50px; line-height: 50px; font-family: 'NanumBarunGothicLight'; font-weight: normal; font-size: 16px; color: #fff; text-align: left; padding: 0 0 0 38px; background: #444 url(/resources/img/kor/tmp/ico_down02.png) no-repeat right 20px center;} .d_warp h3 {color: #111; font-size: 30px; font-weight: normal; text-align: center; padding: 20px 0 60px 0;} .ls-05 {letter-spacing: -0.5px;} /* 투자정보 탭 */ .c_tab .tab-cont {display: none;} .c_tab .tab-cont.selected {display: block;} .c_tab_menu {max-width: 600px; text-align: center; margin: 0 auto;} .c_tab_menu li {display: inline-block; text-align: center; padding: 0 40px; color: #666; border-right: 1px solid #999;} .c_tab_menu li:first-child {padding-left: 0;} .c_tab_menu li:last-child {border: 0; padding-right: 0;} .c_tab_menu li::before {content: none !important;} .c_tab_menu li a:hover, .c_tab_menu li a:active, .c_tab_menu li a:focus, .c_tab_menu li.selected a {font-family: 'NanumBarunGothicBold'; color: #e51937;} /* 지속가능경영 아코디언 */ .accordion {width: 100%; max-width: 1000px; margin: 0 auto 50px auto; border-top: 2px solid #505050;} /* 20210901 수정 */ .accordion .tit {position: relative; cursor: pointer} .accordion .tit > a {display: block; padding: 15px} /* 20210901 수정 */ .accordion .tit > a:after {content: ''; display: inline-block; position: absolute; right: 20px; top: 50%; margin-top: -4px; width: 15px; height: 8px; background: url('/resources/img/kor/common/btn_down.png') no-repeat 0 0; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s;} .accordion .tit.active > a:after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);} /* 20210901 수정 */ .accordion .questions {width: 100%; font-size: 15px; font-weight: 700; letter-spacing: -0.5px} .accordion .control {position: absolute; top: 50%; right: 30px; width: 15px; height: 8px; margin-top: -4px} .acc_content {overflow: hidden; position: relative; border-bottom: 1px solid #ddd;} /* 20210901 수정 */ .acc_content_inner {display: none; padding:26px 22px; color: #666; border-top: 1px solid #ddd;} /* 20210901 수정 */ .acc_content_inner p, .acc_content_inner ul li {padding: 0 0 2px; font-size: 14px; line-height: 26px; letter-spacing: -0.5px} .acc_content_inner.first {display: block} /* 비전 및 전략 */ .content.manage.vision {padding-bottom: 0;} .vision h1 {font-size: 34px;} /* 20231026 css 추가 */ .vision .inner-cont {margin: 40px auto 60px auto;} .vision .box {margin: 0;} .vision .box01 {padding: 80px 0 60px 0;} .vision .box span {display: block; font-weight: normal; font-size: 16px; line-height: 25px; text-align: center; color: #666; padding: 40px 3% 60px 3%;} .vision .bg_box {background-image: url('/resources/img/kor/tmp/bg_vision.png');} .vision .bg_box h4 {font-size: 30px; font-weight: normal; line-height: 32px; text-align: center; padding: 80px 0 0 0;} .sv_vision {position: relative; width: 100%; max-width: 940px; padding: 115px 0 124px 0; margin: 100px auto;} .sv_vision .tt {position: relative; margin: 0 auto; display: -webkit-box; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; max-width: 90%; width: 220px; height: 220px; background: #e51837; border-radius: 50%;} .sv_vision .tt p {text-align: center; font-size: 28px; line-height: 32px; font-family: 'NanumBarunGothicBold'; font-weight: normal;} .sv_vision ul {position: absolute; top: 0; left: 0;} .sv_vision ul + ul {right: 0; left: auto;} .sv_vision ul li {position: relative; width: 168px; height: 140px; text-align: center; padding: 23px 10px; margin: 0 0 20px 0; background: rgba(72,76,80,0.4); border: 1px solid rgba(204 ,204, 204, 0.4);} .sv_vision ul li strong {display: inline-block; width: 90%; max-width: 102px; height: 26px; line-height: 26px; font-size: 13px; font-weight: normal; color: #fff; background: #ea7224;} .sv_vision ul li p {font-size: 18px; color: #fff; padding: 6px 0 0 0;} .sv_vision ul li span {display: block; font-size: 17.5px; font-family: 'NanumBarunGothicLight'; line-height: 19.7px;} /* .vision table {width: 94%; max-width: 1000px; margin: 0 auto; border: 0;} .vision table th {padding: 17px 10px; color: #fff; font-size: 16px;} .vision table th:nth-child(1), .vision table td:nth-child(1) {border-right: 9px solid #f8f8f8;} .vision table .t_h1 {background: #e51837;} .vision table .t_h2 {background: #666;} .vision table tbody td {font-size: 15px; line-height: 20px; height: 90px; padding: 20px; border-top: 10px solid #f8f8f8;} .vision table tbody td ul li {position: relative; padding: 0 0 0 10px;} .vision table tbody td ul li:before {content: ""; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; background: #666;} .vision table td:nth-child(1) {color: #e51837;} .vision table td:nth-child(2) {text-align: left; color: #666;} .vision table tbody tr:nth-child(1) td {border-top: 20px solid #f8f8f8;} */ /* 20231026 css 추가 */ .manage .bg_box_1 {display: table; width: 100%; text-align: center; color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center;} /* 파생*/ .vision .bg_box_1 {background-image: url('/resources/img/kor/tmp/bg_vision01.png');} .vision .bg_box_1 h4 {font-size: 30px; font-weight: normal; line-height: 32px; text-align: center; padding: 80px 0 0 0;} .sv_vision_1 {position: relative; width: 100%; max-width: 1000px; margin: 100px auto;} .sv_vision_1 ul {display: grid; grid-template-columns: repeat(5, 188px); justify-content: space-between;} .sv_vision_1 ul li img {max-width: 100%; height: auto; vertical-align: top; border: 0;} .sv_vision_1 ul li .title {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 188px; height: 52px; line-height: 26px; font-size: 16px; font-weight: normal; color: #fff; background: #ea7224; margin: 2px 0 2px 0;} .sv_vision_1 ul li .subtitle {width: 100%; margin: 0 auto; display: flex; background-color: #fff; height: 210px;} /* 20231027 css 수정 */ .sv_vision_1 ul li .subtitle span { display: inline-block; color: #666; font-size: 16px; line-height:1.2; margin: 20px 5px 0 5px;} .sv_vision_1 ul li .topic {width: 100%; margin: 0 auto; display: inline-block; background-color: #fff; height: 211px; border-top: 1px solid #666; position: relative; margin-bottom: 10px;} .sv_vision_1 ul li .topic strong { display: block; color:#000; font-size: 16px; text-align: left; margin: 20px 0 0 10px;} .sv_vision_1 ul li .topic ul {display: inline-block; position: relative; width: 100%; margin-top: 10px;} .sv_vision_1 ul li .topic ul li {position: relative; color:#666; text-align: left; width: 100%; padding: 0 0 0 20px; word-break: break-word;} .sv_vision_1 ul li .topic ul li:before{position: absolute; content: ""; top: 10px; left: 7px; width: 7px; height: 1px; background: #262626;} .sv_vision_1 ul li .topic img {position: absolute; width: 35px; height: 35px; right: 10px; bottom: 10px;} .sv_vision_1 ul li .topic .ico {right: 45px;} .vision .box .tbl_box {display: block; font-weight: normal; font-size: 16px; line-height: 25px; text-align: center; color: #666; } .vision .box .status {display: flex;justify-content: flex-end;width: 94%;max-width: 1000px;margin: 0 auto;padding-bottom: 10px;} .vision .box .status div {display: flex; align-items: center; padding: 0 0 0 10px;} .vision .box .status div p {padding: 0 0 0 10px; font-weight: bold; font-size:15px; text-align: left;} .vision table {width: 94%; max-width: 1000px; margin: 0 auto; border: 0;} .vision table td.t_left {padding-left: 10px; text-align: left;} .vision table th {padding: 17px 10px; color: #fff; font-size: 16px;} .vision table th:nth-child(1), .vision table th:nth-child(2) {border-right: 9px solid #f8f8f8;} .vision table tbody td:nth-child(1) {border-right: 9px solid #f8f8f8;} .vision table .t_h1 {background: #e51837;} .vision table .t_c1 {color: #e51837;} .vision table .t_h2 {background: #666;} .vision table tbody td {font-size: 16px; line-height: 20px; padding: 8px; border-top: 10px solid #f8f8f8; word-break: break-word;} .vision table tbody td:nth-child(3) {border-left: 9px solid #f8f8f8;} .vision table tbody td i {display: inline-block; text-align: center; vertical-align: middle;} .vision i.prog {background: url('/resources/img/kor/tmp/ico_prog.png') no-repeat; width: 34px;height: 29px;} .vision i.comp {background: url('/resources/img/kor/tmp/ico_comp.png') no-repeat; width: 30px;height: 30px;} @media screen and (max-width: 960px){ .vision .bg_box_1 {background-image: url('/resources/img/kor/tmp/bg_vision_m.png'); background-size: cover;} .sv_vision_1 ul {grid-template-columns: repeat(4, 188px); justify-content: space-evenly;} .box .m_a-c {padding: 0 30px;} } @media screen and (max-width: 780px){ .sv_vision_1 ul {grid-template-columns: repeat(3, 188px);} .vision h3 {font-size: 20px; margin-top: 20px;} .vision h5 {padding: 20px 0 0px 0;} } @media screen and (max-width: 580px){ .sv_vision_1 ul {grid-template-columns: repeat(2, 188px);} } @media screen and (max-width: 375px){ .sv_vision_1 ul {grid-template-columns: repeat(2, 180px);} .sv_vision_1 ul li .topic ul li {line-height: 1.3;} .vision .box .status div p {font-size: 14px;} } /* // 20231026 css 추가 */ /* ESG */ .content.manage.esg {padding-bottom: 0;} .esg .btn {text-align: right; margin: 35px 0 20px 0;} .esg .btn a {display: inline-block; height: 29px; line-height: 29px; padding: 0 20px; font-size: 14px; color: #fff; text-align: center; background: #666; border-radius: 4px;} .esg .env span {color: #333; letter-spacing: -0.1px; padding: 20px 0 0 0; line-height: 19px; text-align: center;} .esg .env .m_list li {width: 100%} .esg .esg_plan {margin: 55px 0 0 0; font-family: 'NanumBarunGothicLight';} .esg .esg_plan span {display: block; color: #666; line-height: 25px; margin: 15px 0 35px 0;} .esg .esg_plan .img_box {margin:20px 0 30px 0;} .esg .esg_plan .img_box .m {display: none;} .esg .esg_plan .tbl_type {margin:10px auto;} .esg .esg_plan .tbl_type sub{font-size: 11px;vertical-align: baseline;} .esg .esg_plan .tbl_type.goal td {padding:20px!important;} .esg .esg_plan tr td.t-l {text-align: left; padding-left: 20px!important;} /* 20231026 css 수정 */ .esg .esg_plan tr td.indent {text-indent: -10px;} .esg .esg_plan .tbl_tit {font-family: 'NanumBarunGothicBold'; font-size: 17px; color:#666; text-align: left; padding:20px 0 5px;} /* 20231026 css 수정 */ .esg .esg_plan .comm {text-align: left; font-size: 12px; color: #666; padding: 0;} /* 20231026 css 추가 */ .esg .mt-0 {margin-top: 0 !important;} .esg .mb-40 {margin-bottom: 40px !important;} .esg .pt-5 {padding-top: 5px !important;} .esg .pt-40 {padding-top: 40px !important;} .esg .pb-40 {padding-bottom: 40px !important;} .esg .inner-cont {margin: 40px auto 60px auto;} .esg .box h4 {font-size: 34px;} .esg .box strong {color: #666;} .esg .esg_plan tr td.indent {text-indent: -10px;} .esg_plan table.perfor tr th {padding: 14px 10px; font-size: 14px; color: #111; line-height: 20px; border: 1px solid #e4e4e4; border-width: 1px 1px 1px 0; background: #f5f5f5;} .esg_plan table.perfor tr td {padding: 14px 10px; font-size: 14px; text-align: center; color: #666; line-height: 20px; word-break: break-word; border-width: 1px 0 1px 1px;} .esg_plan table.tbl_type tbody ul li {position: relative; word-break: break-word;} .esg_plan table.tbl_type tbody ul li::before {content: ""; display: inline-block; width: 2px; height: 2px; background: #666; position: absolute; top: 11px; left: -7px;} .esg .esg_plan .tbl_tit {font-family: 'NanumBarunGothicBold'; font-size: 17px; color:#333; text-align: left; padding:20px 0 5px;} .esg .esg_plan .comm {text-align: left; font-size: 12px; color: #666; padding: 0;} .esg .certi_box {display: flex; justify-content: space-between; max-width:70%; margin-top: 20px;} .esg .certi_box li img {display: block; margin: auto;} .esg .certi_box .certi_tit{display: block; width:340px; height:29px; line-height: 29px; font-family: 'NanumBarunGothicBold'; font-size: 14px; color:#fff; background: #666; border-radius: 4px; text-align: center; margin-top: 20px;} @media screen and (max-width: 1024px) { .esg .m_mt-0 {margin-top: 0 !important;} .esg .m_mt-40 {margin-top: 40px !important;} .esg .m_mb-0 {margin-bottom: 0 !important;} .esg .m_mb-40 {margin-bottom: 40px !important;} .esg .m_pt-70 {padding-top: 70px !important;} .esg .m_pt-80 {padding-top: 80px !important;} .esg .m_pb-32 {padding-bottom: 32px !important;} .esg .m_pb-60 {padding-bottom: 60px !important;} .esg .m_pb-80 {padding-bottom: 80px !important;} .esg .esg_plan {margin: 15px 0 0 0;} .esg .inner-cont h3 {padding: 40px 0 0 0; font-size: 26px;} .esg .certi_box li {margin-right: 10px;} } @media screen and (max-width: 720px) { .esg .certi_box {flex-direction: column;} .esg .certi_box li img {all: unset;} } /* // 20231026 css 추가 */ .list02 {margin: 30px 0 0 0;} .list02 strong {display: block;} .esg .env .list02 span {color: #666; font-family: "NanumBarunGothic";} /* 인재경영 */ /* 20231026 css 추가 */ .content.manage.talent {padding-bottom: 0;} .talent .box01 {padding-bottom: 60px;} .talent .box .list.blk p {display: block; width: 100%;} /* 20231027 css 추가 */ .talent .list-recruit {margin-top: 50px;} .talent .list-recruit:before {width: 100%; z-index: 0;} .talent .list-recruit li {position: relative; width: 140px; height: 140px; z-index: 1; line-height: 120%; background: #7b8797;} .talent .list-recruit li:last-child {background: #e51937;} .talent .list-recruit:before {z-index: 0;} .talent .list-recruit li + li {margin: 0 0 0 75px;} .talent .list-recruit li .tit {font-family: 'NanumBarunGothic'; font-size: 16px; color: #fff; margin: 0;} .talent .list-recruit01 {margin-top: 50px;} .talent .list-recruit01:before {width: 99%; z-index: 0;} .talent .list-recruit01 li {position: relative; width: 140px; height: 140px; z-index: 1; line-height: 120%; background: #7b8797;} .talent .list-recruit01 li:last-child {background: #e51937;} .talent .list-recruit01:before {z-index: 0;} .talent .list-recruit01 li + li {margin: 0 0 0 146px;} .talent .list-recruit01 li .tit {font-family: 'NanumBarunGothic'; font-size: 16px; color: #fff; margin: 0;} .talent .bg_box {padding: 80px 0 60px 0; background-image: url('/resources/img/kor/tmp/bg_talent.png');} .talent .bg_box h4 {color: #fff; margin: 0 0 20px 0;} .talent .bg_box ul {display: table; width: 100%;} .talent .bg_box ul li {display: block; width: 100%; position: relative; margin: 0 0 10px 0;} .talent .bg_box ul li .cont {position: absolute; top: 35px; padding-left: 180px; text-align: left; font-size: 20px;} .talent .bg_box ul li .cont strong {display: inline-block; font-family: 'NanumBarunGothicBold'; font-weight: normal; margin: 0 0 5px 0;} .talent .bg_box ul li .cont p {font-family: 'NanumBarunGothicLight'; font-size: 18px;} .manage.talent .box strong {max-width: 140px;} .talent .mt-0 {margin-top: 0 !important;} .talent .mt-40 {margin-top: 40px !important;} .talent .mb-0 {margin-bottom: 0 !important;} .talent .mb-40 {margin-bottom: 40px !important;} .talent .pt-80 {padding-top: 80px !important;} .talent .pb-32 {padding-bottom: 32px !important;} .talent .pb-60 {padding-bottom: 60px !important;} .talent .pb-80 {padding-bottom: 80px !important;} .manage.talent .box h4 {font-size: 34px;} .manage.talent .box strong {max-width: 180px;} .manage.talent .box01 {padding-bottom: 60px;} .manage.talent .box.box03 {padding: 48px 0 0px 0;} .manage.talent .box.box04 {padding: 80px 0 80px 0;} .manage.talent .box.box05 {padding: 0px 0 80px 0;} .talent .target h4 {font-size: 34px;} .talent .target p {color: #fff;} .talent .target ul {display: flex; justify-content: center; width: 100%; max-width: 670px; margin-left: auto; margin-right: auto; align-items: center; margin-top: 50px;} .talent .target ul li {display: flex; border: 2px solid #fff; width: 320px; height: 165px; border-radius: 90px; justify-content: center; align-items: center; margin: 10px;} .talent .target ul li strong {display: inline-block; font-size: 48px; line-height: normal; padding: 10px;} .talent .target ul li p {display: block; line-height: 20px; } .talent .target .btn { text-align: right; margin: 35px 0 20px 0;} .talent .target .btn a {display: inline-block; height: 29px; line-height: 29px; padding: 0 20px; font-size: 14px; color: #111; text-align: center; background: #fff; border-radius: 4px; margin: 5px;} .talent .talent_plan {font-family: 'NanumBarunGothicLight'; margin: 55px 0 0 0;} .talent .talent_plan span {display: block; color: #666; line-height: 25px; margin: 15px 0 35px 0; word-break: break-word;} .talent .talent_plan .img_box {margin:20px 0 30px 0;} .talent .talent_plan .img_box .m {display: none;} .talent .talent_plan .tbl_type {margin:10px auto;} .talent .talent_plan .bld {background: #fff;} .talent .talent_plan .tbl_type td{word-break: break-word;} .talent .talent_plan .tbl_type sub{font-size: 11px;vertical-align: baseline;} .talent .talent_plan .tbl_type.goal td {padding:20px!important;} .talent .talent_plan tr td.t-l {text-align: left; padding-left: 20px!important;} .talent .talent_plan tr td.tc_r {font-family: "NanumBarunGothicBold"; color: #e51937;} .talent .talent_plan tr td.indent {text-indent: -10px;} .talent table.tbl_type tbody ul li {position: relative; word-break: break-word;} .talent table.tbl_type tbody ul li::before {content: ""; display: inline-block; width: 2px; height: 2px; background: #666; position: absolute; top: 11px; left: -7px;} .talent .talent_plan .tbl_tit {font-family: 'NanumBarunGothicBold'; font-size: 17px; color:#333; text-align: left; padding:20px 0 5px;} .talent .talent_plan .comm {text-align: left; font-size: 12px; color: #666; padding: 0;} .talent .talent_plan .down_wrap .btn a {display: inline-block; height: 100%; line-height: 29px; padding: 0 15px; font-size: 14px; color: #fff; text-align: center; background: #666; border-radius: 4px; margin: 5px;} .talent .talent_plan .tbl_subtype {width: 100%;} .talent .img_box {margin:20px 0 30px 0;} .talent .img_box .m {display: none;} @media screen and (max-width: 1024px) { .talent .m_mt-0 {margin-top: 0 !important;} .talent .m_mt-30 {margin-top: 30px !important;} .talent .m_mt-40 {margin-top: 40px !important;} .talent .m_mb-0 {margin-bottom: 0 !important;} .talent .m_mb-40 {margin-bottom: 40px !important;} .talent .m_pt-80 {padding-top: 80px !important;} .talent .m_pb-32 {padding-bottom: 32px !important;} .talent .m_pb-60 {padding-bottom: 60px !important;} .talent .m_pb-80 {padding-bottom: 80px !important;} .talent .inner-cont h3 {padding: 40px 0 0 0; font-size: 26px;} .talent .target h4 {font-size: 22px;} .talent .talent_plan {margin: 15px 0 0 0;} .talent .list-recruit01:before {width: 1px;} .talent .list-recruit01 li + li {margin: 30px auto 0 auto;} .talent .list-recruit01 li .tit {font-size: 14px;} .talent .img_box .pc {display: none;} .talent .img_box .m {display: block; margin: auto;} .talent .list-recruit {margin-bottom: 30px;} .talent .list-recruit01 {margin-bottom: 30px;} .talent .box, .talent .box01 {padding: 40px 0 10px 0!important;} } @media screen and (max-width: 780px){ .talent .target ul {justify-content: center; flex-wrap: wrap;} .talent .target ul li {margin-top: 30px;} } /* //20231026 css 추가 */ /* 상생경영 */ .content.manage.mutual, .manage.mutual .pb-0 {padding-bottom: 0;} .manage.mutual .ls-02 {letter-spacing: -0.2px} .manage.mutual .ls-07 {letter-spacing: -0.7px} .manage.mutual .ls-1 {letter-spacing: -1px} .manage.mutual .box strong {max-width: 100%;} .manage.mutual .m_list {margin: 0 0 45px 0;} .manage.mutual h5 {font-family: 'NanumBarunGothicBold'; font-size: 18px; font-weight: normal; color: #111;} .manage.mutual ul.list {padding: 10px 0 50px 0;} .manage.mutual ul.list.first {padding: 10px 0 15px 0;} .manage.mutual ul.list li {color: #666; line-height: 25px;} /* 20231016 css 수정 */ .manage.mutual ul.list + table {margin: 0 0 40px 0; border-top: 2px solid #444;} .manage.mutual table th {background-color: #f5f5f5; font-family: 'NanumBarunGothicBold';} .manage.mutual table td {color: #666;} .manage.mutual table td.rw {border-right: 1px solid #dfdfdf;} .manage.mutual table.tbl_type td + td {border-left: none;} .manage.mutual .wrap-btn-c a {width: auto; padding: 0 40px 0 30px; font-size: 16px; background: #444 url(/resources/img/kor/tmp/ico_down02.png) no-repeat right 20px center;} /* 20231026 css 추가 */ .mutual .mt-0 {margin-top: 0 !important;} .mutual .mt-40 {margin-top: 40px !important;} .mutual .mb-0 {margin-bottom: 0 !important;} .mutual .mb-40 {margin-bottom: 40px !important;} .mutual .pt-80 {padding-top: 80px !important;} .mutual .pb-32 {padding-bottom: 32px !important;} .mutual .pb-40 {padding-bottom: 40px !important;} .mutual .pb-60 {padding-bottom: 60px !important;} .mutual .pb-80 {padding-bottom: 80px !important;} .mutual .box {padding: 80px 0 45px 0;} .mutual .box h4 {font-size: 34px;} .mutual .box.box03 {padding: 48px 0 0 0;} .mutual .box01 {padding: 80px 0 45px 0;} .mutual .box01.bg_box {background-image: url(/resources/img/kor/tmp/bg_mutual.png); padding: 40px 0 20px 0;} .mutual .box01 h4 {color:#fff;} .mutual .target p {color: #fff;} .mutual .target p.txt-t4 {padding: 30px 0 0px 0;} .mutual .target ul {display: flex; justify-content: center; flex-wrap: wrap; width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; padding-top: 30px; align-items: center;} .mutual .target ul li {display: flex; border: 2px solid #fff; width: 320px; height: 165px; border-radius: 90px; justify-content: center; align-items: center; margin: 10px;} .mutual .target .con02 ul li {width: 300px;} .mutual .target ul li p { display: block; line-height: 20px; padding: 0;} .mutual .target .btn { text-align: right; margin: 35px 0 20px 0;} .mutual .target .btn a {display: inline-block; height: 29px; line-height: 29px; padding: 0 20px; font-size: 14px; color: #111; text-align: center; background: #fff; border-radius: 4px; margin: 5px;} .mutual .mutual_plan {margin: 55px 0 0 0; font-family: 'NanumBarunGothicLight';} .mutual .mutual_plan .tbl_tit {font-family: 'NanumBarunGothicBold'; font-size: 17px; color: #333; text-align: left; padding: 5px 0 5px;} .mutual .mutual_plan span {display: block; color: #666; line-height: 25px; margin: 15px 0 35px 0;} .mutual .txt-t4.pb-0 {padding-bottom: 0;} .mutual .txt-t4.pt-40 {padding-top: 40px;} @media screen and (max-width: 1024px) { .mutual .m_mt-0 {margin-top: 0 !important;} .mutual .m_mt-40 {margin-top: 40px !important;} .mutual .m_mb-0 {margin-bottom: 0 !important;} .mutual .m_mb-40 {margin-bottom: 40px !important;} .mutual .m_pt-10 {padding-top: 10px !important;} .mutual .m_pt-40 {padding-top: 40px !important;} .mutual .m_pt-80 {padding-top: 80px !important;} .mutual .m_pb-0 {padding-bottom: 0 !important;} .mutual .m_pb-32 {padding-bottom: 32px !important;} .mutual .m_pb-60 {padding-bottom: 60px !important;} .mutual .m_pb-80 {padding-bottom: 80px !important;} .mutual .inner-cont h3 { padding: 40px 0 0 0; font-size: 26px;} .mutual .box.box03 {padding: 40px 0 0 0;} .mutual .box {padding: 40px 0 0 0;} .mutual .box.m_pb-0 {padding: 40px 0 0 0;} .mutual .box01.bg_box {padding: 45px 0 0 0;} } /* // 20231026 css 추가 */ /* 20231026 css 추가 */ .partnerships.pb-0 {padding-bottom: 0 !important;} .partnerships .mt-0 {margin-top: 0 !important;} .partnerships .mt-40 {margin-top: 40px !important;} .partnerships .mb-0 {margin-bottom: 0 !important;} .partnerships .mb-40 {margin-bottom: 40px !important;} .partnerships .pt-80 {padding-top: 80px !important;} .partnerships .pb-0 {padding-bottom: 0 !important;} .partnerships .pb-15 {padding-bottom: 15px !important;} .partnerships .pb-32 {padding-bottom: 32px !important;} .partnerships .pb-40 {padding-bottom: 40px !important;} .partnerships .pb-60 {padding-bottom: 60px !important;} .partnerships .pb-80 {padding-bottom: 80px !important;} .manage.partnerships .box {padding: 80px 0 40px 0;} .partnerships .box strong {color: #666;} .partnerships .box h4 {font-size: 34px;} .partnerships .partnerships_plan {font-family: 'NanumBarunGothicLight'; margin: 15px 0 0 0;} .partnerships .partnerships_plan span {display: block; color: #666; line-height: 25px; margin: 10px 0 20px 0;} .partnerships .partnerships_plan .tbl_tit {font-family: 'NanumBarunGothicBold'; font-size: 17px; color:#333; text-align: left; padding:20px 0 5px;} .partnerships .target.bg_box {padding: 80px 0 40px 0; background-image: url(/resources/img/kor/tmp/bg_partnerships.png); height: auto;} .partnerships .target .btn { text-align: right; margin: 35px 0 20px 0;} .partnerships .target .btn a {display: inline-block; height: 29px; line-height: 29px; padding: 0 20px; font-size: 14px; color: #111; text-align: center; background: #fff; border-radius: 4px; margin: 5px;} .partnerships .img_box {margin:20px 0 30px 0;} .partnerships .img_box .m {display: none;} .partnerships .psci {width: 154px; margin-top: -10px;} .btn1-m-arrow {display: inline-block; width: auto; height: 50px; font-size: 18px; padding-left: 24px; padding-right: 50px; line-height: 48px; text-align: center; vertical-align: middle; color: #fff; background-color: #404040; border: 1px solid #404040; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;} .btn1-m-arrow::before {content: ""; position: absolute; top: 50%; right: 22px; width: 7.5px; height: 7.5px; border-top: 1px solid #fff; border-right: 1px solid; transform: rotate(45deg) translate(-50%,-50%);} /* common 의 button 모음에 넣어주세용 ☆ */ @media screen and (max-width: 1024px) { .partnerships .m_mt-0 {margin-top: 0 !important;} .partnerships .m_mt-40 {margin-top: 40px !important;} .partnerships .m_mb-0 {margin-bottom: 0 !important;} .partnerships .m_mb-40 {margin-bottom: 40px !important;} .partnerships .m_pt-10 {padding-top: 10px !important;} .partnerships .m_pt-40 {padding-top: 40px !important;} .partnerships .m_pt-80 {padding-top: 80px !important;} .partnerships .m_pb-0 {padding-bottom: 0 !important;} .partnerships .m_pb-32 {padding-bottom: 32px !important;} .partnerships .m_pb-60 {padding-bottom: 60px !important;} .partnerships .m_pb-80 {padding-bottom: 80px !important;} .partnerships .inner-cont h3 {padding: 40px 0 0 0; font-size: 26px;} .partnerships .target h4 {font-size: 22px;} .btn1-m-arrow {font-size: 14px; height: 36px; line-height: 34px;} .btn1-m-arrow::before {width: 5px; height: 5px; right: 26px;} .partnerships .img_box .pc {display: none;} .partnerships .img_box .m {display: block; margin: 50px auto;} } /* // 20231026 css 추가 */ /* 20231026 css 추가 */ .safety .mt-0 {margin-top: 0 !important;} .safety .mt-15 {margin-top: 15px !important;} .safety .mt-40 {margin-top: 40px !important;} .safety .mb-0 {margin-bottom: 0 !important;} .safety .mb-40 {margin-bottom: 40px !important;} .safety .pt-5 {padding-top: 5px !important;} .safety .pt-80 {padding-top: 80px !important;} .safety .pb-0 {padding-bottom: 0 !important;} .safety .pb-15 {padding-bottom: 15px !important;} .safety .pb-32 {padding-bottom: 32px !important;} .safety .pb-40 {padding-bottom: 40px !important;} .safety .pb-60 {padding-bottom: 60px !important;} .safety .pb-80 {padding-bottom: 80px !important;} .safety .box h4 {font-size: 34px;} .content.manage.safety {padding-bottom: 0;} .safety .bg_box {padding: 45px 0 45px 0; background-image: url(/resources/img/kor/tmp/bg_safety.png); height: 458px;} .safety .box.box03 {padding: 80px 0 0 0;} .safety .env span {color: #333; letter-spacing: -0.1px; padding: 20px 0 0 0; line-height: 19px; text-align: center;} .safety .env .m_list li {width: 100%} .safety .safety_plan {font-family: 'NanumBarunGothicLight'; margin: 55px 0 0 0;} .safety .safety_plan span {display: block; color: #666; line-height: 25px; margin: 15px 0 35px 0; word-break: break-word;} .safety .safety_plan .img_box {margin:20px 0 30px 0;} .safety .safety_plan .img_box .m {display: none;} .safety .safety_plan .tbl_type {margin:10px auto;} .safety .safety_plan .bld {background: #fff;} .safety .safety_plan .tbl_type sub{font-size: 11px;vertical-align: baseline;} .safety .safety_plan .tbl_type.goal td {padding:20px!important;} .safety .safety_plan tr td.t-l {text-align: left; padding-left: 20px!important;} .safety .safety_plan tr th.tc_r {font-family: "NanumBarunGothicBold"; color: #e51937;} .safety .safety_plan tr td.tc_r {font-family: "NanumBarunGothicBold"; color: #e51937;} .safety .safety_plan tr td.indent {text-indent: -10px;} .safety table.tbl_type tbody ul li {position: relative; word-break: break-word;} .safety table.tbl_type tbody ul li::before {content: ""; display: inline-block; width: 2px; height: 2px; background: #666; position: absolute; top: 11px; left: -7px;} .safety .safety_plan .tbl_tit {font-family: 'NanumBarunGothicBold'; font-size: 17px; color:#333; text-align: left; padding: 5px 0 5px;} .safety .safety_plan .comm {text-align: left; font-size: 12px; color: #666; padding: 0;} .safety .safety_plan .down_wrap .btn a {display: inline-block; height: 100%; line-height: 29px; padding: 0 15px; font-size: 14px; color: #fff; text-align: center; background: #666; border-radius: 4px; margin: 5px;} .safety .target h4 {font-size: 34px;} .safety .target p {color: #fff;} .safety .target ul {display: flex; justify-content: space-between; width: 100%; max-width: 670px; margin-left: auto; margin-right: auto; padding-top: 30px;} .safety .target ul li {border: 2px solid #fff; width: 320px; height: 165px; border-radius: 90px;} .safety .target ul li strong {display: inline-block; font-size: 48px; line-height: normal; padding: 10px;} .safety .target ul li p {display: block; line-height: 20px;} .safety .target .btn { text-align: right; margin: 35px 0 20px 0;} .safety .target .btn a {display: inline-block; height: 29px; line-height: 29px; padding: 0 20px; font-size: 14px; color: #111; text-align: center; background: #fff; border-radius: 4px; margin: 5px;} @media screen and (max-width: 1024px) { .safety .m_mt-0 {margin-top: 0 !important;} .safety .m_mt-40 {margin-top: 40px !important;} .safety .m_mb-0 {margin-bottom: 0 !important;} .safety .m_mb-40 {margin-bottom: 40px !important;} .safety .m_pt-10 {padding-top: 10px !important;} .safety .m_pt-40 {padding-top: 40px !important;} .safety .m_pt-80 {padding-top: 80px !important;} .safety .m_pb-0 {padding-bottom: 0 !important;} .safety .m_pb-15 {padding-bottom: 15px !important;} .safety .m_pb-32 {padding-bottom: 32px !important;} .safety .m_pb-60 {padding-bottom: 60px !important;} .safety .m_pb-80 {padding-bottom: 80px !important;} .safety .inner-cont h3 {padding: 40px 0 0 0; font-size: 26px;} .safety .box h4 {font-size: 22px !important; padding: 0 0 15px 0;} .safety .target h4 {font-size: 22px;} .safety .safety_plan {margin: 15px 0 0 0;} .safety .box.box03 {padding: 40px 0 0 0;} } @media screen and (max-width: 780px){ .safety .target ul {justify-content: center; flex-wrap: wrap;} .safety .target ul li {margin-top: 30px;} } /* //20231026 css 추가 */ /* 지속가능경영 보고서 */ .s_report h5 {font-family: 'NanumBarunGothicLight'; font-size: 26px; font-weight: normal; line-height: 38px; text-align: center; color: #111; padding: 80px 20px; margin: 0 auto; border-bottom: 1px solid #e4e4e4; letter-spacing: inherit;} .s_report h6 {color: #111; font-size: 20px; font-weight: normal; padding: 80px 0 20px 0;} .s_report h6.pt-0 {padding-top: 0;} /* 20231004 추가 */ .s_report h5 span {color: #e51937; font-family: 'NanumBarunGothic'; font-weight: normal;} .sv_reports {display: -webkit-box; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .sv_reports + .sv_reports {margin: 0;} .sv_reports .mt20-mw10 {margin: 20px 0 0 0;} .sv_reports .head {width: 100%; font-size: 20px; color: #111; font-weight: 700; padding: 12px 25px; margin: 20px 0 0 0; border-top: 2px solid #111; background: #f5f5f5; -webkit-justify-content: left; justify-content: left;} .sv_reports .head.head_1 {border-top: 1px solid #e4e4e4} .year-nav {display: flex; align-items: center; justify-content: center; margin-top: 40px; border-bottom: 2px solid #000000;} .year-nav li {background-color: #fff; border: 1px solid #dcdddf; border-bottom: 0; cursor: pointer; max-width: 33.3%; } .year-nav li:nth-child(1) ,.year-nav li:nth-child(2) {border-right: 0;} .year-nav li a {display: block; color: #333333; font-size: 18px; padding: 10px 35px; text-align: center;} .year-nav li a:focus {outline-offset: -1px;} .year-nav li:hover a, .year-nav li.on a {color: #ffffff; background-color: #738899;} .swiper-wrapper {display: flex;} .report-content-warp {display: flex; justify-content: center; padding-top: 44px;} .report-content-warp .report0 , .report-content-warp .report1 , .report-content-warp .report2 {display: none;} .report-content.on {display: block;} .report-content_item {font-size: 16px; font-weight: bold; letter-spacing: -0.05em; line-height: 1.5;} .report-content_item a {display: block; position: relative; width: 161px; height: 139px; padding: 20px; background: url(/resources/img/kor/tmp/sustainabilityReport_square_xl.png); box-sizing: border-box; margin: 0 20px; } .report-content_item a:after {content: ''; position: absolute; right: 20px; bottom: 21px;width: 29px;height: 32px; background-image: url(/resources/img/kor/common/icon_download_xl.png); background-repeat: no-repeat;} .sv_reports .sv_report {display: flex; width: 100%;} .sv_reports .sv_report .sv_report_wrap { display: flex; justify-content: center; align-items: center; width: 100%; padding: 30px 10px;} .sv_reports .sv_report .sv_report_wrap .info .title {font-size: 24px; font-family: 'NanumBarunGothicBold'; color: #333; text-align: center;} .sv_reports .sv_report .sv_report_wrap .info a {display: block; position: relative; width: 182px; height: 36px; padding: 0 20px; background: url(/resources/img/kor/tmp/sustainabilityReport_square.png); background-repeat: no-repeat; box-sizing: border-box; font-weight: bold; font-size: 14px; line-height: 35px;} .sv_reports .sv_report .sv_report_wrap .info a:after {content: ''; position: absolute; right: 20px; bottom: 10px; width: 9px; height: 14px; background-image: url(/resources/img/kor/common/icon_download.png); background-repeat: no-repeat;} .sv_reports .sv_report .sv_report_wrap .info a:hover {color: #fff; background: url(/resources/img/kor/tmp/sustainabilityReport_square_hover.png); background-repeat: no-repeat;} .sv_reports .sv_report .sv_report_wrap .info a:hover::after {background-image: url(/resources/img/kor/common/icon_download_hover.png); background-repeat: no-repeat;} .sv_reports .sv_report .sv_report_wrap .info ul {display: flex; width: 100%;} .sv_reports .sv_report .sv_report_wrap .info ul li {display: flex; justify-content: center; align-items: center; width: 100%; padding: 30px 10px;} .s_report .s_cnt .accordion {border-top: 0; margin: 50px auto 0 auto;} .s_report .s_cnt .accordion-list {border-bottom: 2px solid #000000;} .s_report .s_cnt .accordion-list__title {display: flex; justify-content: center; padding-right: 20px; font-size: 22px; color: #111; position: relative; cursor: pointer; font-family: 'NanumBarunGothic';} .s_report .s_cnt .accordion-list__title:before, .s_report .s_cnt .accordion-list__title:after { content: ''; display: block; width: 16px; height: 2px; position: absolute; right: 0; top: 50%; background-color: #000; margin-top: -1px;} .s_report .s_cnt .accordion-list__title strong {font-family: 'NanumBarunGothicBold'; display: contents;} .s_report .s_cnt .accordion-list__item.active .accordion-list__title:after {transform: rotate(180deg); transition: all 0.2s;} .s_report .s_cnt .accordion-list__item .accordion-list__title:after {transform: rotate(90deg); transition: all 0.2s;} .s_report .s_cnt .accordion-list__content {display: none; border-top: 2px solid #000000;} .s_report .s_cnt .accordion-list__content .policy {padding: 0; border-top: 0;} .s_report .s_cnt .accordion-list__content .policy .filename p span {color: #e51937;} .s_report .s_cnt .accordion-list__content .policy li .button-wrap {display: flex; margin: 0 0 0 25px;} .s_report .s_cnt .accordion-list__content .policy .fr {margin: 0 0 0 25px;} .s_report .s_cnt .accordion-list__content .policy .fr a {display: flex; align-items:center; position: relative; padding: 0 0 0 20px; width: 182px; height: 36px; background: url(/resources/img/kor/tmp/sustainabilityReport_square.png); box-sizing: border-box; font-weight: bold; font-size: 14px; line-height: 25px;} .s_report .s_cnt .accordion-list__content .policy .fr a:after {content: ''; position: absolute; right: 20px; bottom: 11px; width: 9px; height: 14px; background-image: url(/resources/img/kor/common/icon_download.png); background-repeat: no-repeat;} .s_report .s_cnt .accordion-list__content .policy .fr a:hover {color: #fff; background: url(/resources/img/kor/tmp/sustainabilityReport_square_hover.png); background-repeat: no-repeat;} .s_report .s_cnt .accordion-list__content .policy .fr a:hover::after {background-image: url(/resources/img/kor/common/icon_download_hover.png); background-repeat: no-repeat;} .s_report .policy {width: 100%; padding: 0 0 90px 0; border-top: 2px solid #111;} .s_report .policy li {display: flex; align-items:center; justify-content:space-around; font-size: 14px; padding: 24px; border-bottom: 1px solid #e4e4e4;} .s_report .policy .filename {width: 80%; font-size: 16px; font-family: 'NanumBarunGothicBold'; color: #111;} /* 20210623 수정 */ .s_report .policy .filename strong {font-size: 13px; font-family: 'NanumBarunGothic'; font-weight: normal; color: #e51937;} .s_report .policy .btn {width: 135px; color: #fff; text-align: center; background: #ce6666; border: 1px solid #ce6666; padding: 4px 10px;} /* 20210628 수정 */ .s_report .nav_tab {border: 1px solid #dfdfdf; border-width: 0 0 0 1px;} .s_report .nav_tab li {width: 32.8% !important; border-width: 1px 1px 1px 0 !important; margin: 0 !important;} .s_report .nav_tab li:nth-child(7), .s_report .nav_tab li:nth-child(8), .s_report .nav_tab li:nth-child(9) {border-width: 1px 1px 1px 0 !important;} .s_report .nav_tab li:nth-child(4), .s_report .nav_tab li:nth-child(5), .s_report .nav_tab li:nth-child(6), .s_report .nav_tab li:nth-child(7), .s_report .nav_tab li:nth-child(8) {border-top: 0px solid #fff;} /* 20231026 css 추가 */ .s_report .nav_tab li a {display: table; width: 100%; padding: 10px 5px; font-size: 16px;} .s_report .nav_tab li > a > span {display: table-cell; vertical-align: middle;} .s_report .skms1, .s_report .skms2, .s_report .skms3, .s_report .skms4, .s_report .skms5, .s_report .skms6, .s_report .skms7, .s_report .skms8 {display: none;} /* 20231026 css 추가 */ .s_report .certificates .tbl_tit {color: #111; font-size: 20px; font-weight: normal; padding: 80px 0 20px 0;} .s_report .certificates table, .s_report .certificates table th, .s_report .certificates table td {border: 0;} .s_report .certificates table {width: 100%; margin: 0 auto 20px auto; border-top: 1px solid #666; font-size: 14px; text-align: center;} .s_report .certificates table th {padding: 14px 0 12px; border-bottom: 1px solid #dfdfdf; background-color: #f5f7f9; color: #666; font-size: 15px; font-weight: normal; color:#000;} .s_report .certificates table .bld th {font-family: "NanumBarunGothic"; background-color: #fff;} .s_report .certificates table .bld th strong {font-family: "NanumBarunGothicBold";} .s_report .certificates table td {padding: 12px 0 10px; border-bottom: 1px solid #dfdfdf; color:#4c4c4c;} .s_report .certificates table td img {padding: 10px;} .s_report .certificates table th + th, .s_report .certificates table td + td {border-left: 1px solid #dfdfdf;} .s_report .certificates table .b-r {border-left: 1px solid #dfdfdf;} /* //20231026 css 추가 */ @media screen and (max-width: 900px){ .sv_reports ul {flex-direction: column;align-items: center;} .sv_reports ul li {width: 100%; padding: 10px;} .year-nav li a {padding: 10px 25px;} .esg-sustainability-nav li {margin: 5px 20px;} .report-content_item a {margin: 0 5px;} } @media screen and (max-width: 640px){ .sv_reports .sv_report {flex-direction: column;} .sv_reports .sv_report .sv_report_wrap {padding: 15px 10px;} .sv_reports .sv_report .sv_report_wrap .info ul li {padding: 10px;} .s_report .s_cnt .accordion-list__content .policy .fr {margin: 0;} .s_report .s_cnt .accordion-list__content .policy .fr a {padding: 0 0 0 20px; width: 134px; height: 36px; background: url(/resources/img/kor/tmp/sustainabilityReport_square_m.png); box-sizing: border-box; font-weight: bold; font-size: 14px; line-height: 25px;} .s_report .s_cnt .accordion-list__content .policy .fr a:after {content: ''; position: absolute; right: 20px; bottom: 11px; width: 9px; height: 14px; background-image: url(/resources/img/kor/common/icon_download.png); background-repeat: no-repeat;} .s_report .s_cnt .accordion-list__content .policy .fr a:hover {color: #fff; background: url(/resources/img/kor/tmp/sustainabilityReport_square_m_hover.png); background-repeat: no-repeat;} .s_report .s_cnt .accordion-list__content .policy .fr a:hover::after {background-image: url(/resources/img/kor/common/icon_download_hover.png); background-repeat: no-repeat;} .s_report .policy li {padding: 24px 0; justify-content: space-between;} .s_report .policy li .filename {width: 50%;} .s_report .policy li .button-wrap {flex-direction: column; gap: 8px;} } /* 평가 및 이니셔티브 */ .initial .tit {display: inline-block; color: #111; font-size: 20px; font-weight: normal; padding: 80px 0 20px 0;} .initial .invest table tr th {font-size: 15px;} .initial .invest table tr td {font-size: 15px; height: 160px; line-height: 24px;} .initial .invest table tr td .str {font-size: 17px; font-family: 'NanumBarunGothicBold'; line-height: 24px; color: #333;} .initial .invest table tr td .str strong {color: #e51937;} .initial .invest table tr td ul {display: flex; flex-wrap: wrap; justify-content: center; text-align: center;} .initial .invest table tr td li {display: inline-block; margin: 0 8px; text-align: center; color: #333; font-size: 14px} .initial .invest table tr td li img {max-width: 100%; margin: 10px auto; width: 79px; height: 87px;} .initial .invest img {display: block; max-width: 60%; margin: auto;} /* 2024-04-08 max-width 수정 */ .initial .h80 {height: 80px !important;} .initial .h150 {height: 150px !important;} /* 지배구조헌장 */ .charter_wrap {width: 100%; height: 240px; padding: 50px 0 40px 70px; margin: 70px 0 0 0; color: #fff; background: #7e7a89 url(/resources/img/kor/tmp/bg_charter.png) no-repeat right bottom;} .charter_wrap img {display: none; margin: 20px auto;} .charter_wrap .txt-box .tit {font-size: 20px; font-weight: normal;} .charter_wrap .txt-box .txt {font-size: 15px; font-family: 'NanumBarunGothicLight'; line-height: 22px; padding: 15px 0 20px 0;} .charter_wrap .btn_ul ul li {display: inline-block; margin: 0 5px;} .charter_wrap .btn_ul ul li:first-child {margin-left: 0;} .charter_wrap .btn_ul ul li a {display: inline-block; width: 170px; height: 35px; color: #fff; text-align: center; font-size: 12.5px; line-height: 35px; padding: 0 15px 0 0; background: #41374f url(/resources/img/kor/tmp/ico_down.png) no-repeat right 20px center;} /* 이사회 */ .directors .box {padding: 60px 0; margin: 0 0 60px 0; background-color: #f8f8f8;}/* 230404 css 수정 */ .directors .box.n1 {margin: 0 0 0 0;}/* 230404 css 추가 */ .directors .box.n4 {padding: 0 0 80px;}/* 230404 css 추가 */ .directors .box.n4 .list, .directors .box.n4 li, .directors .box.n1 li {width: 229px;} .directors .box .w25 {float: left; margin-right: 3%;} .directors .box.n4 .list.w72 {float: left; width: 72%;} .directors .box.n4 .list.w100 {float: left; width: 100%;}/* 230404 css 추가 */ .directors .box.n4 li {margin: 0 24.5px 0 0;} .directors_wrap .box li:last-child {margin-right: 0;} .directors_wrap .hd {position: relative; display: inline-block; width: 100%; border-bottom: 1px solid #dedede; margin: 20px 0;} .directors_wrap .hd .btn {position: absolute; top: 0; right: 0; padding-bottom: 15px;} .directors_wrap .hd a {display: inline-block; width: 135px; height: 29px; line-height: 29px; font-size: 14px; color: #fff; text-align: center; background: #666; border-radius: 4px;} .directors_wrap .directors_title {position: relative; font-size: 22px; font-weight: normal; color: #111; padding: 0 0 10px 10px;} .directors_wrap .directors_title:before {content: ""; display: inline-block; width: 3px; height: 3px; background: #111; border-radius: 100%; position: absolute; top: 15px; left: 0px;} .directors_wrap .directors img {display: block; margin: auto;} .directors_wrap .directors li {width: 280px; max-width: 100%; display: inline-block; margin-right: 50px; margin-bottom:20px;}/* 2024-04-22 margin-right 수정 */ .directors_wrap .directors li p {font-size: 13.5px; color: #666;} .directors_wrap .directors li p.name {font-size: 14px !important; color: #666; padding: 15px 0; margin-bottom: 20px; border-bottom: 1px solid #dedede;} .directors_wrap .directors li p.name span {font-family: 'NanumBarunGothicBold'; font-size: 20px; color: #111; margin-right: 10px;} .directors_wrap .directors li p.session {font-size: 14px; margin-bottom: 10px;} .directors_wrap .directors li .session span {position: relative; display: inline-block; width: 88px; color: #111;} .directors_wrap .directors li .session span.career {letter-spacing: 4px;} .directors_wrap .directors li .session span strong {font-weight: normal; padding: 0 0 0 40px;} .directors_wrap .directors li div.session {display: table;} .directors_wrap .directors li div.session .list {display: table-cell;} .directors_wrap .box.n1 .directors li p {font-size: 12px; letter-spacing: -0.7px;} .directors_wrap .box.n1 .directors li .session span {width: 72px; font-size: 12px;} .directors_wrap .box.n1 .directors li .session span strong {padding: 0 0 0 34px;} .directors_wrap .box.n4 .directors li p {font-size: 12px; letter-spacing: -0.7px;} .directors_wrap .box.n4 .directors li .session span {width: 72px; font-size: 12px;} .directors_wrap .box.n4 .directors li .session span strong {padding: 0 0 0 34px;} /* 230206 추가 */ .directors .d_warp .bsm-title {padding : 10px 0 10px 0;} .bsm-cont table thead tr th {padding: 14px 10px; font-size: 14px; color: #111; line-height: 20px; border: 1px solid #e4e4e4; border-width: 1px 1px 1px 0; background: #f5f5f5;} .bsm-cont table tr td {padding: 14px 10px; font-size: 20px; text-align: center; color: #666; line-height: 20px; word-break: break-all; border: 1px solid #e4e4e4; border-width: 1px 0 1px 1px;} .bsm-cont table tr td:nth-child(1) {padding: 14px 10px; font-size: 14px; color: #666; line-height: 20px; border: 1px solid #e4e4e4; border-width: 1px 1px 1px 0; font-weight: normal;} .bsm-cont table tr td.t-l {text-align: left; padding-left: 30px;} .d_warp .bsm-txt {text-align: center; font-size: 18px; color:#666; padding: 30px 0;} .d_warp .bsm-cont .inner-cont .bsm-box {display: flex; justify-content: space-between;} .d_warp .bsm-cont .inner-cont .bsm-box .sub_box_l {width: calc(64% + 5px);} .d_warp .bsm-cont .inner-cont .bsm-box .sub_box_r ul li:nth-child(1) { padding-bottom: 8px;} .d_warp .bsm-cont .inner-cont .bsm-box .sub_box_r ul li .img_m { display: none;} .d_warp .bsm-cont .inner-cont .bsm-graph {margin: 40px 0 80px 0;} .d_warp .bsm-cont .inner-cont .bsm-graph ul {display: flex; justify-content: space-between; margin-top: 10px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul li {width: calc(25% - 10px);} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box{background-color: #f5f5f5; padding: 25px 20px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box h4{position:relative; font-size: 16px; color:#333;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box h4::after{content: ''; position: absolute; height:1px; width:100%; left:0; bottom:0; background-color: #666666;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box p{font-size:14px; padding: 8px 0; line-height: 20px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box .bsm_box {position: relative; display: flex; justify-content: flex-start; align-items: center; margin-top: 10px; padding-left: 60px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box i { position: absolute; left: 0; background-repeat: no-repeat; background-size:contain;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box i.icon_01 {background-image: url('/resources/img/kor/tmp/icon_bsm01.png'); width: 31px; height: 31px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box i.icon_02 {background-image: url('/resources/img/kor/tmp/icon_bsm02.png'); width: 31px; height: 31px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box i.icon_03 {background-image: url('/resources/img/kor/tmp/icon_bsm03.png'); width: 31px; height: 31px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box i.icon_04 {background-image: url('/resources/img/kor/tmp/icon_bsm04.png'); width: 31px; height: 31px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box i.icon_05 {background-image: url('/resources/img/kor/tmp/icon_bsm05.png'); width: 29px; height: 28px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box i.icon_06 {background-image: url('/resources/img/kor/tmp/icon_bsm06.png'); width: 29px; height: 31px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box i.icon_07 {background-image: url('/resources/img/kor/tmp/icon_bsm07.png'); width: 27px; height: 28px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box i.icon_08 {background-image: url('/resources/img/kor/tmp/icon_bsm08.png'); width: 31px; height: 30px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul.n2 li {width: calc(50% - 5px);} .d_warp .bsm-cont .inner-cont .bsm-graph ul.n2 .img_m {display: none;} /* 이사회 내 위원회 */ .committees .d_warp h3 {padding: 20px 0;} .committees .d_warp .sec04 h3 {padding: 60px 0 0px 0;} .committees .d_warp .chairperson {color: #666; font-size: 14px; padding: 0 0 10px 0;} .committees .d_warp h4 {font-size: 18px; font-weight: normal; color: #111; padding: 0 0 8px 10px;} .committees .d_warp h4::before {content: ""; display: inline-block; width: 3px; height: 3px; background: #111; position: relative; top: -5px; left: -10px;} .committees .d_warp ul li {line-height: 25px;} .committees .d_warp ul li::before {content: ""; display: inline-block; width: 2px; height: 2px; background: #666; position: relative; top: -3px; left: -7px;} .committees .d_warp table {margin: 0;} .committees .d_warp table + h4 {margin: 40px 0 0 0;} .committees .d_warp table a {display: inline-block; width: 65%; height: 29px; line-height: 29px; font-size: 14px; color: #fff; text-align: center; background: #666; border-radius: 4px; margin: 5px 0;} .committees .d_warp .sec01 table tbody tr {height: 150px;} .committees .d_warp table .l-7 {position: relative; left: 7px;} .committees .d_warp section {margin: 0 0 60px 0;} /* 20220331 주주총회 */ .meeting .txt-t2 {font-family: 'NanumBarunGothic'; color: #8a8a8a; margin: 15px 0 0 0;} .meeting select {width: auto; padding: 10px 30px 10px 15px; margin: 0 0 15px 0;} .meeting .d_warp h3 {font-weight: 400; padding: 20px 0 0px 0;} .meeting h4 {font-size: 23px; font-weight: 400; line-height: 22px; color: #111; padding: 0 0 25px 0;} .meeting .box {padding: 40px; margin: 35px 0 20px 0; background: #fafafa;} .meeting .box ul + ul {margin: 15px 0 0 0;} .meeting .box ul li {position: relative; text-align: left; font-size: 15px; line-height: 25px; color: #111; padding: 0 0 0 10px;} .meeting .box ul li:before {content: ""; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; background: #111;} /* 20211227 개인정보처리방침 */ .privacy_page {padding: 30px 0 100px 0; border: 1px solid #d7d7d7; border-width: 1px 0} .privacy_page.pop {padding: 40px 20px; margin: 0; border: none;} .privacy_page #privacy-dialog {width: 100%;} .privacy_page #privacy-dialog .privacy_wrap {height: auto; padding: 0; overflow-y: auto !important;} .privacy_history {padding: 50px 0 0 0;} .privacy_history strong {font-size: 20px;} .privacy_history ul.list {padding: 20px 0 60px 0;} .privacy_history ul.list br.m {display: none;} .privacy_history ul.list li {margin: 0 0 5px 0; position: relative; padding: 0 0 0 20px;} .privacy_history ul.list li:before {content: "-"; display: block; position: absolute; top: 0; left: 5px;} .privacy_history ul.list li a:hover, .privacy_history ul.list li a:focus, .privacy_history ul.list li a:active {color: #c60824; text-decoration: underline;} /* 20211230 추가 */ /* 230503 윤리경영 추가 */ .ethics {padding-bottom: 0; border-bottom: 1px solid #dadada;} .ethics .btn {text-align: right; margin: 20px 0;} .ethics .btn a {display: inline-block; height: 29px; line-height: 29px; padding: 0 20px; font-size: 14px; color: #fff; text-align: center; background: #666; border-radius: 4px;} .ethics .line {border-top: 1px solid #ebebeb;} .ethics .sect_ethics.type02 {background-color: #f8f8f8; padding: 10px 0;} .ethics .sect_ethics .inner-cont {margin: 30px auto 60px auto;} .ethics .sect_ethics.type02 .inner-cont {margin: 30px auto 30px auto;} .ethics .sect_ethics .inner-cont h3 {font-size: 34px; font-weight: normal; color: #111; padding-top: 20px;} .ethics .sect_ethics .inner-cont .sub_txt {font-size: 16px; color:#111; padding-top: 30px;} .ethics .sect_ethics .inner-cont .img_box {margin:60px 0 20px;} .ethics .sect_ethics .inner-cont .img_box_m {display: none;} .ethics .sect_ethics .inner-cont .circle_box {margin : 50px 0 20px;} .ethics .sect_ethics .inner-cont .circle_box > ul{display: flex; justify-content: space-between; margin:25px 0;} .ethics .sect_ethics .inner-cont .circle_box > ul > li{margin-left: 15px; color:#111; position: relative;} .ethics .sect_ethics .inner-cont .circle_box > ul > li:nth-child(1):before{position: absolute; content: ""; width:30px; height: 30px; background: url('/resources/img/kor/tmp/img_plus.png'); right:-17%; top:13%;} .ethics .sect_ethics .inner-cont .circle_box > ul > li:nth-child(2):before{position: absolute; content: ""; width:36px; height: 30px; background: url('/resources/img/kor/tmp/img_arrow.png'); right:-25%; top:13%;} .ethics .sect_ethics .inner-cont .circle_box > ul > li > div {margin-bottom: 20px;} .ethics .sect_ethics .inner-cont .circle_box > ul > li strong{font-size: 20px;} .ethics .sect_ethics .inner-cont .circle_box > ul > li em{display:inline-block; font-size: 16px; font-weight: bold; padding: 8px 0;} .ethics .sect_ethics .inner-cont .circle_box > ul > li p{font-size: 14px; color:#666;} .ethics .sect_ethics .inner-cont .act_box { padding: 30px; padding-top: 0; padding-bottom: 30px; background-color: #f8f8f8;} .ethics .sect_ethics .inner-cont .act_box strong {font-size: 21px; font-family: 'NanumBarunGothicBold'; display: inline-block; margin: 30px 0 10px 0;} .ethics .sect_ethics .inner-cont .act_box > li {width:46.5%;} .ethics .sect_ethics .inner-cont .act_box.f-e{align-items: flex-end;} .ethics .sect_ethics .inner-cont .act_box span {display: block; padding: 0 0 15px 0;} .ethics .sect_ethics .inner-cont .act_box > p {margin: 15px 0;} .ethics .sect_ethics .inner-cont .act_box .status > p {margin: 0 0 -10px 0;} .ethics .sect_ethics .inner-cont .act_box .act_sub {display: flex; justify-content: space-between;} .ethics .sect_ethics .inner-cont .act_box .act_sub .act_sub_left {width: 51%;} .ethics .sect_ethics .inner-cont .act_box .act_sub .act_sub_left.w_100 {width: 100%;} .ethics .sect_ethics .inner-cont .act_box .act_sub .act_sub_right {width: 42%;} .ethics .sect_ethics .inner-cont .act_box .act_sub.sec02 .act_sub_left {width: 56%;} .ethics .sect_ethics .inner-cont .act_box .act_sub.sec06 .act_sub_left {width: 55%;} .ethics .sect_ethics .inner-cont .act_box .act_sub .act_sub_left p {padding: 15px 0 15px 0;} .ethics .sect_ethics .inner-cont .act_box .act_sub .act_sub_left span {display: block; font-size: 15px; font-family: 'NanumBarunGothic'; padding: 0 0 15px 0;} .ethics .sect_ethics .inner-cont .act_box .act_sub .act_sub_left span b {font-size: 16px;} .ethics .sect_ethics .inner-cont .act_box .act_sub .act_sub_left span.t_center {text-align: center;} .ethics .sect_ethics .inner-cont .act_box .act_sub .act_sub_left strong { margin: 10px 0 10px 0;} .ethics .sect_ethics .inner-cont .act_box .act_sub .act_sub_left img {margin: 15px 0;} .ethics .sect_ethics .inner-cont .act_box .act_sub .act_sub_list {color: #666; padding-bottom: 10px;} .ethics .sect_ethics .inner-cont .act_box .act_sub .act_sub_left > :first-child {padding: 0 0 15px 0;} .ethics .sect_ethics .accordion-list__item {padding: 4px 0; border-top: 0.0625rem solid #000;} .ethics .sect_ethics .accordion-list__title {display: flex; justify-content: space-between; padding-right: 20px; font-size: 20px; position: relative; cursor: pointer; font-family: 'NanumBarunGothicLight';} .ethics .sect_ethics .accordion-list__title:before, .ethics .sect_ethics .accordion-list__title:after { content: ''; display: block; width: 16px; height: 2px; position: absolute; right: 0; top: 50%; background-color: #000; margin-top: -1px;} .ethics .sect_ethics .accordion-list__title strong {font-family: 'NanumBarunGothicBold'; display: contents;} .ethics .sect_ethics .accordion-list__item.active .accordion-list__title:after {transform: rotate(180deg); transition: all 0.2s;} .ethics .sect_ethics .accordion-list__item .accordion-list__title:after {transform: rotate(90deg); transition: all 0.2s;} .ethics .sect_ethics .accordion-list__content {display: none;} .ethics .sect_ethics .inner-cont .act_box .act_sub h4 {display: block; padding:20px 0; font-size: 18px; position: relative;} .ethics .sect_ethics .inner-cont .act_box .act_sub h4 strong {position: relative; display: inline-block;} .ethics .sect_ethics .inner-cont .act_box.a-l .act_sub h4 strong:after {right: 0px;} .ethics .sect_ethics .inner-cont .act_box.a-r .act_sub h4 strong:after {left: 0px;} .ethics .sect_ethics .inner-cont .act_box .act_sub p {padding: 0 0 15px 0; font-size: 15px;} .ethics .sect_ethics .inner-cont .act_box .act_sub p sup {font-size: 12px;} .ethics .sect_ethics .inner-cont .act_box .act_sub ul li {font-size: 15px; color:#666; padding: 0;} .ethics .sect_ethics .inner-cont .act_box .act_sub div p.sup {font-size: 12px;} .ethics .sect_ethics .inner-cont .act_box .act_sub .comm {font-size: 13px; color:#666;} .ethics .sect_ethics .inner-cont .act_box a { display:inline-block; background-color: #414141; color:#ffffff; border-radius: 5px; font-size: 14px; padding:3px 15px; margin-top: 20px;} .ethics .sect_ethics .inner-cont .act_box a:focus {outline: 3px solid black;} .ethics .sect_ethics .inner-cont .ethics_box {border: 1px solid #e4e4e4; padding: 25px; margin:30px 0 10px;}/* 230717 부패방지실천방침 추가 */ .ethics .sect_ethics .inner-cont .ethics_box .list {padding:40px 0 20px;} .ethics .sect_ethics .inner-cont .ethics_box .list li {margin:10px 0;} .ethics .sect_ethics .inner-cont .ethics_box .company {font-size: 20px; font-weight: bold; padding: 10px 0;} .ethics .sect_ethics .inner-cont .gray_box { margin-bottom: 10px; padding: 45px 60px; background-color: #f0f0f0;} .ethics .sect_ethics .inner-cont .gray_box .cont_box { display: flex; align-items: center;} .ethics .sect_ethics .inner-cont .gray_box .cont_box h4 { width:30%; font-size: 22px;} .ethics .sect_ethics .inner-cont .gray_box .cont_box ul li { color: #666;} .ethics .sect_ethics .inner-cont .gray_box .cont_box .btn .btn-hide {display: none;} .ethics .sect_ethics .inner-cont .plan_box {margin-top:40px;} .ethics .sect_ethics .inner-cont .plan_box .gray_box .cont_box h4 { font-size: 18px;} .ethics .sect_ethics .invest {margin-top: 30px;} .ethics .sect_ethics .invest img { display: block; max-width: 70%; margin: auto;} .ethics .sect_ethics .invest table tr td .str strong {color: #e51937;} .ethics .sect_ethics .comp_box {display: flex; justify-content: space-between;} .ethics .sect_ethics .comp_box div {border: 1px solid black; padding: 30px 15px; width: 30%; background-color: #fff;} .ethics .sect_ethics .comp_box div strong {font-family: 'NanumBarunGothicBold'; display: block; border: 1px solid #e51937; width: 209px; max-width: 100%; height: 31px; background: #e51937; color: #fff; font-size: 18px; margin: 0 auto;} .ethics .sect_ethics .comp_box ul {font-size: 15px; margin-top: 15px;} .ethics .sect_ethics .comp_box ul li {margin-bottom: 20px;} .ethics .sect_ethics .comp_box ul li span {display: block; font-family: 'NanumBarunGothicBold';} .ethics .sect_ethics .comp_box ul li p {display: block; font-family: 'NanumBarunGothicLight';} .ethics .sect_ethics.type02 ul.wrap {display: table; width: 100%;} .ethics .sect_ethics.type02 ul.wrap li {display: block; width: 100%; position: relative; padding: 20px 0; text-align: left;} .ethics .sect_ethics.type02 ul.wrap li:before {content: ''; display: table-cell; width: 141px; height: 141px; background-repeat: no-repeat; background-position: center center; vertical-align: middle;} .ethics .sect_ethics.type02 ul li:nth-child(1):before {background-image: url('/resources/img/kor/tmp/ethics_bg01_w.png');} .ethics .sect_ethics.type02 ul li:nth-child(2):before {background-image: url('/resources/img/kor/tmp/ethics_bg02_w.png');} .ethics .sect_ethics.type02 ul li:nth-child(3):before {background-image: url('/resources/img/kor/tmp/ethics_bg03_w.png');} .ethics .sect_ethics.type02 ul li .cont {display: table-cell; padding-left: 60px; font-size: 15px; font-weight: normal; letter-spacing: -0.4px; color: #666; vertical-align: middle;} .ethics .sect_ethics.type02 ul li .cont strong {display: block; max-width: 100%; text-align: left; background: none; font-family: 'NanumBarunGothicBold'; font-size: 18px; font-weight: normal; color: #111; padding: 0 0 20px 0; margin: 0;} .ethics .sect_ethics.type02 ul li .cont.type2 strong {display: inline-block;} .ethics .sect_ethics.type02 ul li .cont.type2 .btn {display: inline-block; margin-left: 30px;} .ethics .sect_ethics .gray_box .btn {text-align: right; margin: 20px 0; width: 30%;} @media screen and (max-width: 900px){ .ethics .sect_ethics .inner-cont .act_box .act_sub {display: flex; justify-content: center; flex-direction: column-reverse;} .ethics .sect_ethics .inner-cont .act_box .act_sub .act_sub_left {width: 100%;} .ethics .sect_ethics .inner-cont .act_box .act_sub .act_sub_right {width: 100%; text-align: center; margin-bottom: 10px;} .ethics .sect_ethics .inner-cont .act_box .act_sub.sec02 .act_sub_left, .ethics .sect_ethics .inner-cont .act_box .act_sub.sec06 .act_sub_left {width: 100%;} } @media screen and (max-width: 720px){ .ethics .sect_ethics .accordion-list__title {font-size: 18px;} } @media screen and (max-width: 640px){ .ethics .sect_ethics .accordion-list__title {font-size: 16px; text-align: left;} .ethics .sect_ethics .comp_box {flex-wrap: wrap; justify-content: center;} .ethics .sect_ethics .comp_box div {width: 90%; margin-bottom: 20px;} } /* 20231004 부패방지체계 */ .ethics .sect_ethics .inner-cont p .em_bold {font-weight:bold;} .ethics .sect_ethics .wrap-tbl {max-width: 1040px; width: 100%; margin: 0 auto; text-align: center; padding: 60px 0 0 0;} .ethics .sect_ethics .tbl-plan {width: 100%; border-spacing: 0; border-collapse: collapse;} .ethics .sect_ethics .tbl-plan .t-l {text-align: left;} .ethics .sect_ethics .tbl-plan .va-t {vertical-align: top;} .ethics .sect_ethics .tbl-plan .t_h1 {background: #838383;} .ethics .sect_ethics .tbl-plan .t_h2 {background: #838383; color:#fff} .ethics .sect_ethics .tbl-plan .tbl_title {padding: 10px 10px; color: #fff; font-size: 20px;} .ethics .sect_ethics .tbl-plan thead tr th {height: 60px; font-size: 16px;} .ethics .sect_ethics .tbl-plan thead tr:nth-child(1) th {border-bottom: 10px solid #fff;} .ethics .sect_ethics .tbl-plan thead tr:nth-child(2) th:nth-child(1), .ethics .sect_ethics .tbl-plan thead tr:nth-child(2) th:nth-child(2), .ethics .sect_ethics .tbl-plan thead tr:nth-child(2) th:nth-child(3) {border-right: 10px solid #fff;} .ethics .sect_ethics .tbl-plan tbody tr td { background: #f8f8f8;border: 10px solid #fff; padding: 15px; word-break: break-word;} .ethics .sect_ethics .tbl-plan tbody tr th { background: #f8f8f8;border: 10px solid #fff; padding: 15px; border-left: 0; font-size: 16px; font-family: 'NanumBarunGothicBold';} .ethics .sect_ethics .tbl-plan tbody tr td:nth-child(4) {border-right: 0;} .ethics .sect_ethics .tbl-plan tbody tr td p { font-family: 'NanumBarunGothicBold'; word-break: break-word;} .ethics .sect_ethics .tbl-plan tbody ul {padding: 10px 0 0 10px} .ethics .sect_ethics .tbl-plan tbody ul li {position: relative; font-size: 14px;} .ethics .sect_ethics .tbl-plan tbody ul li::before {content: ""; display: inline-block; width: 2px; height: 2px; background: #666; position: absolute; top: 11px; left: -7px;} /* 230503 제보 및 상담 */ .ethics .sect_ethics.type02 .inner-cont .jebo_box .cont {padding-left:30px;} .ethics .sect_ethics.type02 .inner-cont .jebo_box ul li:nth-child(1):before {background-image: url('/resources/img/kor/tmp/ethics_bg08_w.png');} .ethics .sect_ethics.type02 .inner-cont .jebo_box ul li:nth-child(2):before {background-image: url('/resources/img/kor/tmp/ethics_bg09_w.png');} .ethics .sect_ethics .inner-cont .process_box {margin: 60px 0;} .ethics .sect_ethics .inner-cont .process_box > ul {display: flex; justify-content: space-between;} .ethics .sect_ethics .inner-cont .process_box > ul > li{position: relative;} .ethics .sect_ethics .inner-cont .process_box > ul > li:after {position: absolute; content: ""; width:59px; height: 24px; top:23%; right:7%; margin: -10px -90px 0 0; background: url('/resources/img/kor/tmp/img_process_arrow.png')} .ethics .sect_ethics .inner-cont .process_box > ul > li:last-child {margin-right:0;} .ethics .sect_ethics .inner-cont .process_box > ul > li:last-child:after {display: none;} .ethics .sect_ethics .inner-cont .process_box > ul li div p {padding: 15px 0; color:#111; font-weight: bold;} .ethics .sect_ethics .inner-cont .process_box > ul li div ul {position: relative;} .ethics .sect_ethics .inner-cont .process_box > ul li div ul li:before {position: absolute; content: "·"; width:4px; height: 4px; left:-15px;} .ethics .sect_ethics .inner-cont .tbl_tit {font-size: 20px; color:#111;} .ethics .sect_ethics .inner-cont .status .comm {font-size: 14px; color:#666;} .ethics .sect_ethics .inner-cont .status table {table-layout: fixed; display: inline-table; width: 100%; border-top: 2px solid #444; border-collapse: collapse; margin:20px 0;} .ethics .sect_ethics .inner-cont .status table .w8-mw12 {width: 8%;} .ethics .sect_ethics .inner-cont .status table .w12-mw17, .invest table .w12-mw21 {width: 12%;} .ethics .sect_ethics .inner-cont .status table tr th {padding: 14px 10px; font-size: 14px; color: #111; line-height: 20px; border: 1px solid #e4e4e4; border-width: 1px 1px 1px 0; background: #f5f5f5; text-align: center;} .ethics .sect_ethics .inner-cont .status table tr td {padding: 14px 10px; font-size: 14px; text-align: center; color: #666; line-height: 20px; word-break: break-all; border: 1px solid #e4e4e4; border-width: 1px 0 1px 1px;} .ethics .sect_ethics .inner-cont .status table tr td.t-l {text-align: left; padding-left: 30px;} .ethics .sect_ethics .inner-cont .status table sup {font-size: 10px;} .ethics .sect_ethics .inner-cont .status table .bl-n {border-left: none;} .ethics .sect_ethics .inner-cont .status table .br-n {border-right: none;} /* 230711 과학자문위원회 메뉴 추가 */ .science .inner-cont > p { font-family: 'NanumBarunGothicLight'; font-size:25px; text-align: center; padding-bottom:65px; font-weight: 300;} .science .sci_box {padding: 60px 0;} .science .sci_cont {display: flex;} .science .sci_cont h3{font-size: 28px; color:#111; font-weight: 700; line-height: 37px;} .science .sci_cont .name{ font-size: 30px; color:#111; padding : 9px 0 0; } .science .sci_cont .list-profile {margin-top: 9px;} .science .sci_cont .list-profile li { position: unset; color:#777; line-height: 24px; padding-left: 0; margin-bottom: 0;} .science .sci_cont .desc_box p{font-size: 17px; color:#333; line-height: 24px; padding-top:15px;} .science .sci_cont > li:nth-child(1){ width:calc(25% - 30px); margin-right : 30px; } .science .sci_cont > li:nth-child(2){ width:70%; } /*========== media screen == 1024 ==========*/ @media screen and (max-width: 1024px){ /* === 회사 소개 === */ /* 회사개요 */ .overview .sect_overview {padding-bottom: 40px;} .overview .sect_overview .h-t5{padding: 20px 0 15px 0;} .overview .sect_overview .cont{width: auto;} .overview .sect_overview .cont .txt-t1 {line-height: 24px;} .overview .sect_overview .cont .txt-t1 + .txt-t1 {margin-top: 30px;} .overview .sect_overview .cont .txt-t3 {margin-top: 10;} .overview .sect_overview .cont .btn2-s-normal {margin-top: 20px;} .overview .sect_overview .cont .img_overview {top: 0; background-image: url(/resources/img/common/company/img_overview_m.jpg);} .overview .sect_overview .lay-t2 {position: inherit; top: 0; margin: 15px auto 0 auto; max-width: 580px;} .overview .sect_leader {padding: 40px 0;} .overview .sect_leader .wrap-btn-c {margin-top: 0;} .overview .sect_vision {padding-top: 40px;} .overview .box_ceo img {width: 400px; height: auto;} /* 네트워크 */ .networkslider {margin-top: 30px; padding-bottom: 30px;} .networkslider_pager {position: absolute; bottom: 0; left: 50%; margin-left: -54px; z-index: 1;} .networkslider_pager .bx-pager-item{display: block; float: left; margin: 0 10px; overflow: hidden;} .networkslider_pager .bx-pager-item .bx-pager-link {display: block; width: 16px; height: 16px; overflow: hidden; border: 3px solid #bebebe; color: transparent; line-height:0; border-radius: 100px;} .networkslider_pager .bx-pager-item .bx-pager-link.active {background: #e51b38; border: 3px solid #e51b38;} .wrap-network {width: 100%; max-width: 580px; margin: 0 auto;} .network .w-hide .data {display: block !important;} .box-map {display: block; width: 100%; background: #ea6d1c; color: #fff; padding: 15px;} .box-map .tit {font-family: 'NanumBarunGothicBold'; font-weight: normal; font-size: 14px;} .box-map .cont {margin-top: 3px;} .box-map .cont li {position: relative; font-size: 12px; line-height: 18px; padding-left: 10px;} .box-map .cont li:before {content: " "; position: absolute; left: 0; top: 7px; width: 2px; height: 2px; background: #fff;} /* === 고객문의 === */ .inquiry .h-t2 {margin: 0 0 10px 0;} /* 202106 추가 */ .inquiry .item span {width:48%;margin:0;text-align:left} .first-group > ul > li {width: 100%; margin: 0;} .first-group > ul > li:nth-child(2n) {width: 100%; margin: 0;} .first-group > ul > li > label {width: 30%; font-size: 16px;} .first-group > ul > li > div {width: 70%;} .second-group > ul > li > label {font-size: 16px;} .second-group > ul > li > span {font-size: 14px; line-height: 22px;} .privacy_box {padding: 21px 18px;} .tbl_type .tbl_w25 {width: 35%;} .tbl_type .tbl_w33 {width: 33%;} .tbl_type .tbl_w75 {width: 65%;} .tbl_type th {padding: 14px 4px 12px;} .tbl_type td {padding: 12px 4px 10px;} .tbl_type td + td {padding: 10px 0 8px 2px;} .wrap-agreeBox {margin: 20px 0 0 3%;} .check-m + label {padding-top: 1px; font-size: 12px;} /* 2021웹접근성 추가 (고객문의) */ .privacy_box ul li.w25-m35 {width: 35%;} .privacy_box ul li.w75-m65 {width: 65%;} /* 202106 추가 */ .inquiry .h-t10 {font-size: 25px;} .inquiry .h-txt-t3 {font-size: 15px; margin-top: 25px;} .inquiry .txt-t1 {font-size: 13px;} .inquiry .info {margin: 0 0 60px 0;} .inquiry .info .box {padding: 35px 25px;} .inquiry .info .box .sec {margin: 0 0 30px 0;} .inquiry .info .list-recruit {margin: 25px 0 0 0px;} .inquiry .info .list-recruit li + li {margin: 30px auto 0 auto;} /* // 202106 추가 */ /* === 파이프라인 === */ /*.pipeline .sect_pipeline .tbl-data2 th:nth-child(3), .pipeline .sect_pipeline .tbl-data2 td:nth-child(3), .pipeline .sect_pipeline .tbl-data2 th:nth-child(4), .pipeline .sect_pipeline .tbl-data2 td:nth-child(4), .pipeline .sect_pipeline .tbl-data2 th:nth-child(5), .pipeline .sect_pipeline .tbl-data2 td:nth-child(5), .pipeline .sect_pipeline .tbl-data2 th:nth-child(6), .pipeline .sect_pipeline .tbl-data2 td:nth-child(6), .pipeline .sect_pipeline .tbl-data2 th:nth-child(7), .pipeline .sect_pipeline .tbl-data2 td:nth-child(7), .pipeline .sect_pipeline .tbl-data2 th:nth-child(8), .pipeline .sect_pipeline .tbl-data2 td:nth-child(8), .pipeline .sect_pipeline .tbl-data2 th:nth-child(9), .pipeline .sect_pipeline .tbl-data2 td:nth-child(9), .pipeline .sect_pipeline .tbl-data2 th:nth-child(10), .pipeline .sect_pipeline .tbl-data2 td:nth-child(10), .pipeline .sect_pipeline .tbl-data2 th:nth-child(11), .pipeline .sect_pipeline .tbl-data2 td:nth-child(11), .pipeline .sect_pipeline .tbl-data2 th:nth-child(12), .pipeline .sect_pipeline .tbl-data2 td:nth-child(12), .pipeline .sect_pipeline .tbl-data2 th:nth-child(13), .pipeline .sect_pipeline .tbl-data2 td:nth-child(13), .pipeline .sect_pipeline .tbl-data2 th:nth-child(14), .pipeline .sect_pipeline .tbl-data2 td:nth-child(14), .pipeline .sect_pipeline .tbl-data2 th:nth-child(15), .pipeline .sect_pipeline .tbl-data2 td:nth-child(15), .th_hidden, .pipeline .sect_pipeline .tbl-data2 th:nth-child(16), .pipeline .sect_pipeline .tbl-data2 td:nth-child(16){display: none;} .pipeline .sect_pipeline .tbl-data2 td:nth-child(1) {text-align: left;} */ /* 20200211 주석처리함. */ .pipeline .sect_pipeline .h-t5 {padding: 10px 0 20px 0;} .pipeline_wrap {margin-top: 60px;} .pipeline td {font-size: 12px} /* 제품 */ .product br {display: none;} .sect_product .h-t5 {padding: 10px 0 0 0;} .sect_product .h-t5 sup {font-size: 15px;} .product .box {padding: 200px 40px; margin: 40px auto 20px auto;} .product .box span {display: block; font-size: 15px; z-index: 0;} .product .box:before {top: 30px; left: 50%; margin-left: -65px;} .product .box:after {top: auto; right: 50%; bottom: 30px; margin-right: -82px;} .product .sect_product ul {text-align: center;} .product .sect_product ul a {display: inline-block; width: 360px;font-size: 13px; margin: 0 10px 20px 0 !important; z-index: 0;} .proj_cancel {width: 27px; height: 27px;} .product .sect_product ul a:after {top: auto; right: auto; margin: 3.3% 0 0 7px;} /* === 연구 개발 === */ /* 연구 분야 - 중추신경계 */ .nerve .intensive {padding: 0 40px;} .nav_tab li a {padding: 12px 0; font-size: 14px;} .nerve .unify i {font-size: 11px;} .nerve .unify .h-t9 {font-size: 15px; line-height: 22px;} .nerve .unify .txt-t7 {font-size: 14px; line-height: 24px;} .nerve .unify ul li {font-size: 15px; line-height: 22px;} .nerve .unify ul li p {font-size: 14px; line-height: 24px;} .nerve .tbl_type {font-size: 13px;} .nerve .tbl_type td {padding: 11px 6px 9px; line-height: 18px;} .nerve .skms1 .sleep {font-size: 17px; line-height: 22px;} .nerve .unify .ico-tab-menu ul {margin: 0;} .nerve .unify .ico-tab-menu ul li {margin: 0 6px;} .unify .ico-tab-menu .cir {width: 122px; height: 122px; padding: 20px 0;} .nerve .skms5 .box_type ul li {width: 45%; margin: 0 0 0 5%; font-size: 12px;} .nerve .box_type .clearFix .f-l {width: 100%; margin: 8% 0 5% 0;} .nerve .box_type .clearFix .f-r {width: 100%; margin: 2% 0 5% 0;} .nerve .box_type .clearFix .f-l p, .nerve .box_type .clearFix .f-r p {text-align: center;} .nerve .skms0 .box_type ul {margin: 36px 0 0 15px;} .nerve .skms0 .box_type ul li {float: none; width: 100%; padding: 0 0 10px 27px; line-height: 20px;} .nerve .skms0 .box_type ul li:before {top: 0;} .nerve {border-bottom: none;} .nerve .sect_nerve {padding: 35px 0 45px 0;} .nerve .sect_search .txt-t4 + .txt-t4 {margin-top: 25px;} .nerve .sect_area {margin-top: 40px;} .nerve .sect_epilepsy .cont {margin-left: 0;} .nerve .sect_narcolepsy {margin-top: 30px;} .nerve .sect_narcolepsy .cont {width: 100%;} .nerve .sect_schizophrenia {margin-top: 30px;} .nerve .sect_schizophrenia .cont {width: 100%;} .nerve .sect_area .txt-guide {margin-top: 15px;} .nerve .img_nerve01 {margin: 25px auto; background-image: url(/resources/img/common/rnd/img_nerve01_m.jpg);} .nerve .img_nerve02 {margin-top: 0; background-image: url(/resources/img/common/rnd/img_nerve02_m.jpg);} .nerve .img_nerve03 {margin-top: 15px; background-image: url(/resources/img/common/rnd/img_nerve03_m.jpg);} .nerve .img_nerve04 {margin-top: 15px; background-image: url(/resources/img/common/rnd/img_nerve04_m.jpg);} .nerve .img_epilepsy01 {margin-top: 20px; background-image: url(/resources/img/common/rnd/img_epilepsy01_m.png);} .nerve .img_narcolepsy01 {margin-top: 20px; background-image: url(/resources/img/common/rnd/img_narcolepsy01_m.png);} .nerve .img_schizophreniay01 {margin-top: 20px; background-image: url(/resources/img/common/rnd/img_schizophrenia01_m.png);} .nerve .img_adhd01 {margin-top: 20px; background-image: url(/resources/img/common/rnd/img_adhd01_m.png);} .nerve .img_disorder01 {margin-top: 20px; background-image: url(/resources/img/common/rnd/img_disorder01_m.png);} .nerve .img_tumor01 {margin-top: 20px; background-image: url(/resources/img/common/rnd/img_tumor01_m.png);} .nerve .img_cancer01 {margin-top: 20px; background-image: url(/resources/img/common/rnd/img_cancer01_m.png);} .nerve .epilepsy_both .f-l {width: 100%;} .nerve .epilepsy_both .f-r {width: 100%; margin: 40px 0 10px; text-align: center;} /* 연구 분야 - 암 */ .cancer {border-bottom: none;} .cancer .sect_cancer {padding: 35px 0 45px 0;} .cancer .sect_area {margin-top: 40px;} .cancer .sect_brain .cont {margin-left: 0;} .cancer .img_cancer01{margin-bottom: 25px; background-image: url(/resources/img/common/rnd/img_cancer01_m.jpg);} .cancer .img_cancer02{background-image: url(/resources/img/common/rnd/img_cancer02_m.jpg);} .cancer .img_cancer03{margin: 30px auto; background-image: url(/resources/img/common/rnd/img_cancer03_m.jpg);} /* 전략적 체휴 */ .alliance {padding-bottom: 0; border-bottom: 1px solid #dadada;} .alliance .h-txt-t2 span {margin: 10px 0 0;} .alliance .sect_interest{margin-top: 40px;} .alliance .sect_interest .inner-cont {padding: 0;} .alliance .sect_interest .lay-t1 + .lay-t1 {margin-top: 35px;} .alliance .sect_type{margin-top: 40px;} .alliance .sect_process {padding: 30px 0 45px 0; margin-top: 40px;} .alliance .sect_process .txt-t4 {margin: 40px 0; text-align: center;} .alliance .img_alliance01 {margin-top: 20px; background-image: url(/resources/img/common/rnd/img_alliance01_m.jpg);} /* === 뉴스 === */ /* === 채용 === */ .careers .sect_process{padding: 40px 0;} .careers .sect_faq {border-bottom: none; padding: 40px 0 70px 0;} /* 투자정보 */ .invest .board-title .down {padding: 20px !important;} .manage .nav_tab, .invest .nav_tab, .invest .nav_tab1 {margin: 20px auto !important; display: none;} /* 202106 수정. */ .regulation .nav_tab1 {display: block;} .manage .depth4, .invest .depth4 {display: block;} /* 202106 수정. */ /* 202106 추가 지속가능경영 공통 */ .manage .mw-30 {padding: 30px 0 0 0;} .manage .inner-cont {margin: -20px auto 40px auto;} /* .manage h3 {font-size: 18px; line-height: 25px;} */ .manage h4 {font-size: 26px;} .manage h5 {font-size: 18px; line-height: 25px;} .manage.vision h5 br {display: none;} .manage .m_list, .manage .box .list p {display: block; width: 100%;} .manage .m_list.n2 li {width: 460px; max-width: 94%; margin: 20px auto;} .manage .m_list.n2 li:last-child {margin: 0px auto;} .manage .m_list.n3 li {width: 290px; max-width: 94%; margin: 0px auto;} .manage .box h4 {font-size: 22px !important; padding: 0 0 15px 0;} /* 20231026 css 수정 */ .manage .box p {font-size: 14px; padding: 10px 0 25px 0;} .manage .box, .manage .box01 {padding: 70px 0; margin: 0;} .manage .box02 {padding: 50px 0;} .manage .box section + section {width: 94%; padding: 50px 0 0 0; margin: 50px 3% 0 3%;} .manage .btn_wrap a {height: 40px; line-height: 40px; font-size: 14px;} /* 비전 및 전략 */ .vision .box span {font-size: 14px; padding: 30px 3%;} .vision table th, .vision table tbody td {font-size: 14px; padding: 12px 15px;} .vision table tbody td {font-size: 13px;} /* ESG */ .manage.esg .m_list.n3 .ext, .manage .m_list span {margin: 0 0 40px 0;} .manage .m_list li:last-child span {margin: 0;} .manage.esg p br, .esg .esg_plan span br {display: none;} .esg .esg_plan .img_box .pc {display: none;} .esg .esg_plan .img_box .m {display: block; margin: auto;} .esg .certi_box {width:500px;} .m_h {display: none;} /* 윤리경영 - 230525 주석처리 */ /* .ethics .box02 ul li:before {display: block; margin: 20px auto;} .ethics .box02 ul li .cont {display: block; padding: 0; text-align: center;} .ethics .box02 ul li .cont strong {text-align: center;} .ethics .box02 ul li .cont br {display: none;} */ /* 인재경영 */ .talent .list-recruit:before {width: 1px;} .talent .list-recruit li + li {margin: 30px auto 0 auto;} .talent .list-recruit li .tit {font-size: 16px;} .talent .bg_box ul li .cont {font-size: 17px;} .talent.manage .box.box03 {padding: 70px 0;} /* 상생경영 */ .manage.mutual .box p br {display: none;} .manage.mutual h5 {font-size: 16px; margin: 0;} .manage.mutual h5.h-5 {margin: 20px 0 0 0;} .manage.mutual ul.list li, .manage.mutual .wrap-btn-c a {font-size: 14px;} /* 지속가능경영 보고서 */ .s_report h5 {padding: 15px 30px 35px 30px; margin: 0; line-height: 25px;} .s_report .policy {padding: 0;} .sv_reports .head {margin: 0;} .sv_reports li {width: 100%; -webkit-justify-content: center; justify-content: center;} .manage.s_report .nav_tab {display: block;} .manage.s_report .nav_tab li a {min-height: 60px; font-size: 11px;}/* 220930 수정 */ /* 평가 및 이니셔티브 */ .initial .tit {font-size: 16px;} .initial .invest table tr th {font-size: 13px;} .initial .invest table tr td, .initial .invest table tr td li {font-size: 12px; height: auto !important; line-height: 17px;} .initial .invest table tr td li {width: 50%; margin: 0 auto;} .initial .invest table tr td .str {font-size: 14px;} /* 이사회 */ .directors h3, .meeting .d_warp h3 {font-size: 21px; padding: 20px 0 40px 0;} /* 20220331 수정 */ .directors .box {padding: 40px 0 0 0; margin: 0 0 40px 0;} .directors_wrap .directors li, .directors_wrap .directors.n3 li, .directors_wrap .directors.n3 li:nth-child(3n) {display: block; width: 300px !important; padding-bottom: 40px; margin: 0 auto !important;} .directors .box.n4 .list, .directors .box.n4 .list.w72 {width: 100%;} .directors_wrap .box.n4 .directors li .session span {width: 88px;} .directors_wrap .box.n4 .directors li .session span, .directors_wrap .box.n4 .directors li p {font-size: 14px;} /* 230208 이사회 - bsm 추가 */ .d_warp .bsm-cont .inner-cont .bsm-box {flex-wrap: wrap; justify-content: center;} .d_warp .bsm-cont .inner-cont .bsm-box .sub_box_l {width: 100%;} .d_warp .bsm-cont .inner-cont .bsm-box .sub_box_r ul li { margin-top: 40px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul.n2 {justify-content:center;} .d_warp .bsm-cont .inner-cont .bsm-graph ul.n2 li {width: 100%;} .d_warp .bsm-cont .inner-cont .bsm-graph ul.n2 .img_pc {display: none;} .d_warp .bsm-cont .inner-cont .bsm-graph ul.n2 .img_m {display: block; text-align: center;} .d_warp .bsm-cont .inner-cont .bsm-graph ul {flex-wrap: wrap; margin-top: 0;} .d_warp .bsm-cont .inner-cont .bsm-graph ul li { width:calc(50% - 7%); margin: 0 auto; padding: 10px 0;} .d_warp .bsm-cont .inner-cont .bsm-graph ul li .img_box p { min-height: 65px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul li .img_box p br{ display: none;} /* 지배구조헌장 */ .charter_wrap {padding: 30px; margin: 40px 0 0 0;} .charter_wrap .txt-box .tit {font-size: 18px;} .charter_wrap .txt-box .txt {padding: 10px 0; font-size: 15px;} .charter_wrap .btn_ul ul li {margin: 5px 0;} /* 투자정보 탭 */ .c_tab_menu {max-width: 90%;} .c_tab_menu ul {margin: 20px 0;} .c_tab_menu li {font-size: 13px; padding: 0 15px;} /* 20211227 개인정보처리방침 */ .privacy_history strong {font-size: 16px;} .privacy_history ul.list li {font-size: 13px;} .privacy_page {padding: 0; margin: 50px 0 0 0;} .privacy_page.pop #privacy-dialog .privacy_wrap {padding: 0;} .privacy_page #privacy-dialog .privacy_wrap {padding: 40px 0 0 0;} /* 20220331 주주총회 */ .meeting .box {padding: 30px; margin: -20px 0 20px 0;} /* 230515 윤리경영 추가 */ .ethics .sect_ethics .inner-cont .process_box > ul {flex-direction: column; align-items: center;} .ethics .sect_ethics .inner-cont .process_box > ul > li {margin-bottom: 150px; min-width: 210px;} .ethics .sect_ethics .inner-cont .process_box > ul > li:last-child {margin-bottom: 0px;} .ethics .sect_ethics .inner-cont .process_box > ul > li:after {top: 130%;right: 82%; transform:rotateZ(90deg)} .ethics .sect_ethics .inner-cont .gray_box { padding: 25px 30px; } .ethics .sect_ethics .inner-cont .gray_box .cont_box {flex-direction: column;} .ethics .sect_ethics .inner-cont .gray_box .cont_box h4 {width: 100%; text-align: center; margin-bottom: 20px;} .ethics .sect_ethics .inner-cont .gray_box .cont_box .btn {width: 50%; text-align: center; margin:20px 0 0} /* 230711 과학자문위원회 메뉴 추가 */ .science .inner-cont > p { padding: 20px 0 30px;} .science .sci_cont {flex-direction: column; align-items: center;} .science .sci_cont h3{text-align: center;} .science .sci_cont .name{text-align: center;} .science .sci_cont .list-profile{text-align: left; margin: 25px auto 0 auto;} .science .sci_cont > li:nth-child(1) {width:unset; margin: 0 0 20px 0;} .science .sci_cont > li:nth-child(2) {width: 90%;} /* 연구개발 역량 */ .rndcapacity .h-t5 {font-size: 26px; padding-bottom: 0;} .rndcapacity .inner-img {width: 94%; margin: 10px 3% 0 3%;} .rndcapacity .policy {padding: 0;} } /*========== 202106 추가 media screen == 960 ==========*/ @media screen and (max-width: 960px){ /* 비전 및 전략 */ .vision .bg_box {background-image: url(/resources/img/kor/tmp/bg_vision01.png);} .vision .bg_box h4 {font-size: 25px; padding: 50px 0;} .sv_vision {padding: 0; margin: 0;} .sv_vision .tt {width: 150px; height: 150px;} .sv_vision .tt p {font-size: 18px; line-height: 130%;} .sv_vision:before {content: ""; display: block; width: 45.5%; height: 1px; background: #fff; margin: auto; position: relative; top: 73px;} .sv_vision ul:before {content: ""; display: block; width: 1px; height: 100px; background: #fff; margin: 0 auto;} .sv_vision ul {position: relative; display: inline-block; width: 45%; margin-top: -78px;} .sv_vision ul li {width: 92%; max-width: 155px; margin: 48px auto;} .sv_vision ul li:first-child {margin-top: 0;} .sv_vision ul li:after {content: ""; display: block; width: 1px; height: 48px; background: #fff; margin: 0 auto; position: absolute; bottom: -49px; left: 50%;} .sv_vision ul li:last-child::after {content: none;} } /*========== media screen == 930 ==========*/ @media screen and (max-width: 930px){ .shareholderWrap .inner {padding: 40px 5% !important; margin: 40px auto 20px auto !important;} } /*========== 202106 추가 media screen == 840 ==========*/ @media screen and (max-width: 840px){ /* 202106 추가 투자정보 테이블 공통 */ .invest table tr th {padding: 8px 3px; font-size: 11px;} .invest table tr td {padding: 8px; font-size: 12px; line-height: 15px;} .invest table tr td.t-l {padding-left: 10px;} .invest table .w8-mw12 {width: 12%;} .invest table .w12-mw17 {width: 17%;} .invest table .w12-mw21 {width: 21%;} .invest table .w13-mw25 {width: 25%;} /* 지속가능경영 공통 */ .manage .txt-t4 br {display: none;} /* 인재경영 */ .talent .bg_box {padding: 80px 0 50px 0;} .talent .bg_box ul {margin-top: 60px;} .talent .bg_box ul li:before {display: inline-block; margin: 0 auto;} .talent .bg_box ul li .cont {position: relative; top: 0; padding-left: 0; text-align: center; margin: 30px 0;} .talent .bg_box ul li .cont strong{font-size: 16px;} .talent .bg_box ul li .cont p {font-size: 15px;} /* 지배구조헌장 */ .charter_wrap {min-height: 350px;} .charter_wrap .txt-box br {display: none;} /* 지속가능경영 보고서 */ .s_report br {display: none;} .s_report .policy .filename {width: 100%;} /* 이사회 내 위원회 */ .committees .d_warp h3 {font-size: 21px; padding: 20px 0 !important;} .committees .d_warp h4 {font-size: 15px;} .committees .d_warp section {margin: 0 0 30px 0;} /* 20211026 추가 고객문의 */ .inquiry .wrap-inquiry > ul > li {float: none; width: 100%;} /* 230515 윤리경영 추가 */ .ethics .sect_ethics.type02 ul li .cont.type2 .btn {margin: 0 0 20px 0;} .ethics .sect_ethics.type02 .jebo_box ul li:nth-child(1) {padding-top: 40px;} .ethics .sect_ethics.type02 ul.wrap li:before {display: block; margin: 20px auto;} .ethics .sect_ethics.type02 ul li .cont {display: block; padding: 0; text-align: center;} .ethics .sect_ethics.type02 ul li .cont strong{text-align: center;} .ethics .sect_ethics.type02 .inner-cont .jebo_box .cont {padding-left:0;} .ethics .sect_ethics.type02 .inner-cont .jebo_box ul li .cont.type2 strong {display: block;} .ethics .sect_ethics.type02 .inner-cont .jebo_box ul li .cont.type2 .btn a {display: block; padding:0 8px;} .ethics .sect_ethics.type02 .inner-cont .jebo_box ul li .cont.type2 .btn a:nth-child(1) {margin-bottom: 10px;} /* 2024-04-23 이사회 - bsm 추가 */ .d_warp .bsm-txt br {display: none;} /* 연구개발 역량 */ .rndcapacity .nav_tab {margin: 25px auto 0 auto;} .rndcapacity .policy li {flex-wrap: wrap;} .rndcapacity .policy .filename {width: 100%;} } /*========== media screen == 640 ==========*/ @media screen and (max-width: 640px){ /* === 회사 소개 === */ /* 네트워크 */ .networkslider_pager {margin-left: -48px;} .networkslider_pager .bx-pager-item .bx-pager-link {width: 12px; height: 12px; border: 2px solid #bebebe;} .inquiry .box_inquiry_new {padding: 25px 25px 15px;} .inquiry .box_inquiry_new .list-inquiry li {line-height: 20px;} .inquiry .box_inquiry_new .list-inquiry li:before {top: 9px;} .supportForm {padding: 30px 0 40px;} .second-group > ul > li + li {margin: 10px 0 0;} /* === 파이프라인 === */ .pipeline .sect_pipeline .wrap-tbl .txt-t5 {/* text-align: right; */ padding: 0;} /* 20200211 수정. */ .pipeline .sect_pipeline .img {width: 100%; max-width: 290px; margin: 30px auto;} .pipeline .sect_pipeline .wrap-tbl {width: 92%; padding: 30px 0 0 0;} .pipeline .sect_pipeline h6 { padding: 30px 0 0 0; font-size: 24px} .pipeline td {height: auto;} .pipeline_wrap {padding-bottom: 30px; margin-top: 40px} .pipeline .sect_pipeline .wrap-tbl {overflow-x: auto;} .pipeline .sect_pipeline .wrap-tbl::-webkit-scrollbar {height:10px;} .pipeline .sect_pipeline .wrap-tbl::-webkit-scrollbar-thumb {background: #949494; border-radius: 15px;} .pipeline .sect_pipeline .wrap-tbl::-webkit-scrollbar-track {background: #D9D9D9; border-radius: 15px;} .pipeline .sect_pipeline .wrap-tbl .tbl-data2 {width: 1000px; white-space:nowrap;border-collapse:collapse; margin: 0 0 20px 0 ;} /* === 연구 개발 === */ /* 연구 분야 - 중추신경계 */ .nerve .intensive {padding: 0 20px;} /* 주주구성 2021웹접근성 추가 */ .shareholderWrap .pc {display: none;} .shareholderWrap .m {display: block !important;} /* 202106 추가 지속가능경영 공통 */ .manage h5 {line-height: 25px;} .manage h5 br {display: none;} /* 비전 및 전략 */ .sv_vision .tt {width: 125px; height: 125px;} .sv_vision:before {top: 48px;} /* 지배구조헌장 */ .charter_wrap {height: auto; min-height: auto; background-image: none;} .charter_wrap .btn_ul ul {text-align: center;} .charter_wrap img {display: block;} /* 윤리경영 */ .manage .m_list span br {display: none;} .esg .env span {text-align: left;} /* 지속가능경영 보고서 */ .s_report h6 {font-size: 16px; padding: 80px 0 20px 0;} .sv_reports li .info .title {font-size: 15px;} .sv_reports li .info .title span {font-size: 13px;} .sv_reports .mt20-mw10 {margin: 10px 0 0 0;} .sv_reports li .info a {width: 130px; font-size: 12px;} /* 20220331 주주총회 추가 */ .meeting h4 {font-size: 17px; padding: 0 0 20px 0;} .meeting .box ul li {font-size: 13px;} /* 230208 이사회 추가*/ .d_warp .bsm-txt { padding: 30px 40px; font-size: 14px;} .d_warp .bsm-cont { padding: 30px 20px;} .d_warp .bsm-cont .inner-cont .bsm-graph {margin: 0 0 35px 0;} .d_warp .bsm-cont .inner-cont .bsm-graph ul li { width:calc(50% - 1%); margin: 0;} .d_warp .bsm-cont .inner-cont .bsm-graph ul .img_box img {max-width: 100%;} /* 230510 윤리경영 - 윤리경영 체계 추가 */ .ethics .sect_ethics .inner-cont {padding:0 60px; margin: 20px auto;} .ethics .sect_ethics .inner-cont h3 {font-size: 25px;} .ethics .sect_ethics .inner-cont .sub_txt {font-size: 14px} .ethics .sect_ethics .inner-cont .img_box {display: none;} .ethics .sect_ethics .inner-cont .img_box_m {display: block; margin: 60px 0 10px 0;} .ethics .sect_ethics .inner-cont .circle_box > ul {flex-direction: column;} .ethics .sect_ethics .inner-cont .circle_box > ul > li{margin-left:0px; margin-bottom: 140px;} .ethics .sect_ethics .inner-cont .circle_box > ul > li:last-child{margin-bottom: 30px;} .ethics .sect_ethics .inner-cont .circle_box > ul > li:nth-child(1):before{ right:46%; top:115%;} .ethics .sect_ethics .inner-cont .circle_box > ul > li:nth-child(2):before{ right:46%; top:112%; transform: rotateZ(90deg);} .ethics .sect_ethics .inner-cont .act_box {flex-direction: column;} .ethics .sect_ethics .inner-cont .act_box > li {width: 100%;} .ethics .sect_ethics .inner-cont .act_box.a-r li:nth-child(1){ order:1; } .ethics .sect_ethics .inner-cont .act_box .act_sub {margin-top: 30px;} .ethics .sect_ethics .inner-cont .act_box .act_sub span {position: relative;} /* .ethics .sect_ethics .inner-cont .act_box .act_sub span:before{position: absolute; content: ""; width:1px; height:40px; background-color: #f00505; top:-30px; left:22px;} */ .ethics .sect_ethics .inner-cont .act_box .act_sub h4 strong:after {display: none;} .ethics .sect_ethics .inner-cont .process_box > ul > li {width:20%;} .ethics .sect_ethics .inner-cont .process_box > ul li div ul li {font-size: 12px;} /* 230711 과학자문위원회 메뉴 추가 */ .science .inner-cont > p { font-size:21px; padding: 20px 0 30px;} .science .sci_cont {flex-direction: column; align-items: center;} .science .sci_cont h3{font-size: 25px;} .science .sci_cont .name{ font-size: 18px; } .science .sci_cont .desc_box p{font-size: 14px;} .science .sci_cont > li:nth-child(1) {width:unset; margin: 0 0 20px 0;} .science .sci_cont > li:nth-child(2) {width: 90%;} } /*========== media screen == 550 ==========*/ @media screen and (max-width: 550px){ .nav_tab1 li {width: 100% !important; margin: 5px 0 !important; border: 1px solid #dcdddf !important;} .esg .certi_box {flex-direction: column;} /* ESG경영 230704 추가 */ } /*========== media screen == 500 ==========*/ @media screen and (max-width: 500px){ .product .sect_product ul li {display: block;} .product .sect_product ul a {width: 100%;} /* 202106 추가 투자정보 탭 */ .c_tab_menu li {width: 48%; padding: 5px 15px !important;} .c_tab_menu li:nth-child(2n) {margin-left: -3px;} .c_tab_menu li:nth-child(1) {border: 1px solid #999; border-width: 0 1px 1px 0;} .c_tab_menu li:nth-child(2) {border: 1px solid #999; border-width: 0 0 1px 0;} /* 이사회 내 위원회 */ .committees .d_warp table .l-7 {left: 0px;} } /*========== 202106 추가 media screen == 460 ==========*/ @media screen and (max-width: 460px){ /* 이사회 */ .directors_wrap .hd .btn {position: relative; float: right;} /* 지속가능경영 보고서 */ .manage.s_report .nav_tab li a {min-height: 100px;} /* 20211227 개인정보처리방침 */ .privacy_history ul.list br.m {display: block;} /* 230208 이사회 추가 */ .d_warp .bsm-cont .inner-cont .bsm-graph ul li { width: 50%; margin : 0 -8px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul li .img_box p{ min-height: 80px;} .d_warp .bsm-cont .inner-cont .bsm-graph ul li .img_box p br { display: none;} /* 230515 윤리경영 추가*/ .ethics .sect_ethics .inner-cont .gray_box .cont_box .btn {width: 90%;} .ethics .sect_ethics.type02 .inner-cont .btn a {width: 100%;} .ethics .sect_ethics.type02 .inner-cont .btn a:nth-child(1) {margin:10px 0;} .ethics .sect_ethics .inner-cont .process_box > ul > li {width: 22%;} .ethics .sect_ethics .inner-cont .process_box > ul > li .icon_box:after {width: 16px;right: 134%;} .ethics .sect_ethics .inner-cont .plan_box .gray_box .cont_box .btn .btn-hide {display: block;} .ethics .sect_ethics .inner-cont .plan_box .gray_box .cont_box .btn a {height: 57px; line-height: 18px; padding : 10px 20px;} .ethics .sect_ethics .inner-cont .circle_box > ul > li:nth-child(1):before{ right:43%; top:115%;} .ethics .sect_ethics .inner-cont .circle_box > ul > li:nth-child(2):before{ right:43%; top:112%; transform: rotateZ(90deg);} .esg .esg_plan .tbl_type.goal td {padding:10px 10px 8px 10px !important;} /* ESG경영 230704 추가 */ } /* 201912 추가 */ /* depth3 */ .depth3 {max-width: 1000px; text-align: center; margin: 40px auto 0 auto;} .depth3 li {display: inline-block; padding: 0 15px; line-height: 14px; border-right: 1px solid #c0c0c0; color: #666; font-size: 16px;} .depth3 li.on a, .depth3 li a:hover, .depth3 li.on a:active, .depth3 li.on a:focus {font-weight: 700; color: #111;} .depth3 li:first-child {padding-left: 0;} .depth3 li:last-child {border-right: none;} /* depth4 */ .depth4 {display: none; max-width: 60%; position: relative; margin: 15px auto;} .depth4 button {background: url(/resources/img/kor/common/depth4_arrow_down.png) 95% 50% no-repeat;} .depth4.show button {background: url(/resources/img/kor/common/depth4_arrow_up.png) 95% 50% no-repeat;} .depth4 .black, .depth4 .black:hover {width: 100%; padding: 15px 0; color: #fff; background-color: #e51937 !important;} .depth4_cont {display: none; background-color: #fff; position: absolute; width: 100%; z-index: 1;} .depth4 .w3-show-block, .depth4 .w3-show {display: block !important;} .depth4_cont .w3-bar-item {width: 100%; display: block; padding: 10px 16px; text-align: center; border: 1px solid #888; border-width: 1px 1px 0 1px; font-size: 13px;} .depth4_cont .w3-bar-item:last-child {border-bottom: 1px solid #888;} .depth4 a:hover, .depth4 a:active, .depth4 a.on {background: #777; color: #fff;} /* 202106 수정 지속가능경영, 투자정보 공통 */ .content.invest, .content.manage {min-height: auto; padding-bottom: 80px;} .tab-menu.type1 .tab_inner {padding-bottom: 0px;} .tab-menu.type1 li {width: 49.5%;} .tab-menu.type1.n3 li {width: 32.8%;} .tab-menu.type1.n4 li {width: 25%;} .tab-menu.type1.n5 li {width: 19.5%;} .invest .skms1, .invest .skms2 {display: none;} .invest .unify {max-width: 100%; margin: 0 auto;} .nav_tab.bd-n {width: auto; max-width: 900px; margin: 40px auto;} .nav_tab.bd-n.n2 li {width: 50%;} .nav_tab.bd-n.n3 li {width: 33.3%;} .nav_tab.bd-n.n3 li:nth-child(2) {border-right: none;} .nav_tab.bd-n.n3 li:nth-child(3) {margin: 0;} .nav_tab.bd-n.n5 {max-width: 1000px;} /* 20231025 css 추가 */ .nav_tab.bd-n.n5 li {display: flex; align-items: center; float: left; width: 20%; margin: 0 auto; text-align: center; height: 65px;} /* 20231025 css 추가 */ .nav_tab.bd-n.n5 li:nth-child(2) {border-right: none;} /* 20231025 css 추가 */ .nav_tab.bd-n.n5 li:nth-child(3) {margin: 0;} /* 20231025 css 추가 */ .nav_tab.type1 li a {padding: 9px 0; font-size: 14px; color: #111; width:100%; text-align:center;} .nav_tab.type1 li a:focus { outline-offset:-1px;} /* 2024-05 웹접근성 수정 */ .nav_tab.type1 li:hover a, .nav_tab.type1 li:active a, .nav_tab.type1 li.on a {color: #fff;} .nav_tab1.type1 li a {padding: 9px 0; font-size: 14px; color: #111; width:100%; text-align:center;} .nav_tab1.type1 li a:focus { outline-offset:-1px;} /* 2024-05 웹접근성 수정 */ .nav_tab1.type1 li:hover a, .nav_tab1.type1 li:active a, .nav_tab1.type1 li.on a {color: #fff;} /* 202106 수정 지속가능경영, 주식정보 */ .nav_tab.bd-n li {border-bottom: 1px solid #d4d4d4 !important; border-width: 0 0 1px 0 !important; background: none;} .nav_tab.bd-n.n4 li {width: 25%; margin: 0;} .nav_tab.bd-n li:hover, .nav_tab.bd-n li:active, .nav_tab.bd-n li.on {border-bottom: 2px solid #f47726 !important;} .nav_tab.bd-n li:after, .nav_tab.bd-n li:after {display: none;} .nav_tab.bd-n li a, .nav_tab.bd-n li a {color: #666;} .nav_tab.bd-n li:hover a, .nav_tab.bd-n li:active a, .nav_tab.bd-n li.on a {color: #e65711;font-weight: 700;background: none !important;} /* 2021웹접근성 수정 */ .nav_tab.bd-n li a:focus { outline-offset:-3px;} /* 2024-05 웹접근성 수정 */ /* 투자정보 뷰 첨부파일 공통 */ .invest .board-title .down {background: #f8f8f8; padding: 45px 20px; font-size: 13px;} .invest .board-title .down span.file {font-family: "NanumBarunGothicBold";} .invest .board-title .down span.file a {color: #444; font-family: "NanumBarunGothic"; padding-left: 14px;} /* iframe 공통 */ .invest iframe {border: 0; padding: 0; border-spacing: 0;} /* 첨부파일 공통 */ span.file {display: block; margin-top: 5px;} span.file a {display: inline-block; padding-bottom: 5px; text-decoration: underline;} /* 주주구성 */ .shareholderWrap .inner {padding: 90px 0 50px 0; margin: 60px auto 20px auto; text-align: center; border: 1px solid #e7e7e7; background: #fdfdfd;} .shareholderWrap .txt {color: #666; font-size: 14px;} .shareholderWrap .m {display: none;} /* 2021웹접근성 추가 */ /* 공시자료실 */ .disclosure iframe {display: block; width: 100%; height: 592px; margin: 20px auto 0;} /* 전자공고, presentation, ir */ .electronic .wrap-search, .presentation .wrap-search, .ir .wrap-search {padding: 15px 0 0 0;} .electronic .board-title, .presentation .board-title, .ir .board-title {margin-top: 30px;} .electronic .board-title .data, .presentation .board-title .data, .ir .board-title .data {padding: 25px 30px;} .electronic img.file, .presentation img.file, .ir img.file {padding: 0 0 0 5px; vertical-align: middle; text-align: left;} .presentation a.down {display: inline-block;} .presentation .list-news li .tit strong {float: left; max-width: 95%; font-family: "NanumBarunGothic"; overflow: hidden; font-weight: normal; text-overflow: ellipsis;} .presentation .desc {display: -webkit-box; overflow: hidden; max-height: 60px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /* 공시관리규정 */ .regulation .nav_tab1 li {width: 32.8%;} .regulation .nav_tab1 li:after {display: none;} .regulation .nav_tab1 li:nth-child(3) {border-left: none; margin: 0;} .regulation .nav_tab1 li:nth-child(4) {border-left: 1px solid #dcdddf;} .regulation .nav_tab1 li:nth-child(4), .regulation .nav_tab1 li:nth-child(5) {width: 49.2%; border-top: none; margin: 0;} .regulation .nav_tab1 li:hover, .regulation .nav_tab1 li:active, .regulation .nav_tab1 li.on {border: 1px solid #738899; background-color: #738899;} /* 202106 수정 */ .regulation .nav_tab1 li:nth-child(4):hover, .regulation .nav_tab1 li:nth-child(4):active, .regulation .nav_tab1 li:nth-child(4).on, .regulation .nav_tab1 li:nth-child(5):hover, .regulation .nav_tab1 li:nth-child(5):active, .regulation .nav_tab1 li:nth-child(5).on {border-top: none;} .regulation .unify {width: 100%; word-break: break-all;} .regulation .unify h3 {padding: 0 0 12px 0; font-size: 17px; line-height: 25px; color: #000; font-weight: bold;} .regulation .unify h4 {padding: 0 0 8px 0; font-size: 15px; line-height: 25px; color: #000; font-weight: bold;} .regulation .unify h5 {padding: 0 0 8px 0; font-size: 14px; line-height: 25px; color: #333; font-weight: bold;} .regulation .unify strong {display: block; padding-left: 15px; font-size: 13px; font-weight:normal;} .regulation .unify .text_area01 {padding: 0 0 35px 0; font-size: 14px; line-height: 30px; color: #666; word-break: break-all; text-align: justify;} .regulation .unify .text_area02 {padding: 0 0 20px 0; font-size: 14px; line-height: 30px; color: #666; word-break: break-all; text-align: justify;} .regulation .unify .text_area01 li, .regulation .unify .text_area02 li {margin-bottom: 15px;} .regulation .unify .text_area01 li:last-child, .regulation .unify .text_area02 li:last-child {margin-bottom: 0;}