@charset "utf-8";

/* ===== SUB TITLE STYLE ===== */
.sub_title {font-size:5rem; font-weight:600; color:#222; line-height:5rem;}
.sub_depth3_title {margin:8rem 0;}
.sub_title_2 {font-size:4rem; font-weight:700; color:#222;}
.sub_title_2 + .sub_title_3 {margin-top:4rem;}
.sub_title_3 {font-size:3rem; font-weight:600; color:#222; margin-bottom:3.5rem;}
.sub_title_desc {font-size:2.4rem; font-weight:500; color:#222; margin-top:2.5rem;}
.sub_title_desc strong {color:#005eb8; font-weight:500;}

.cont-tit h4 { padding-top: 3rem; font-size: 3.6rem; font-weight: 700; color: #222; line-height: 1.5; }
.cont-tit h4 span { vertical-align: baseline; }
.cont-tit h5 {font-size:2.4rem; color: #222; font-weight:600; line-height:1.4166;}
.cont-tit h5 strong {font-weight:600;}
.cont-tit h6 { text-transform: uppercase; font-size: 1.8rem; font-weight: 600; }
.cont-tit + .sub_tab {margin-top:8rem;}


/* ===== SUB TITLE STYLE_PRODUCT ===== */
.sub_title.product {display: inline-block; margin-right: 4rem;}
.sub_nav.product {display: inline-block !important;}


/* ===== SUB TITLE STYLE ===== */
.sub_tab {display:flex; margin-bottom:7.5rem;}
.sub_tab a {width:50%; text-align:center; background-color:#f5f5f7; display:inline-flex; align-items:center; justify-content:center; height:7rem;}
.sub_tab a.active {color:#fff; background-color:#005eb8;}
.sub_tab.three a {width:33.333%;}
.sub_tab.four a {width:25%;}
.sub_tab.over_3 a {border-left:1px solid #ddd;}
.sub_tab.over_3 a:first-child,
.sub_tab.over_3 a.active {border-left:none;}



/* ===== TABLE LAYOUT STYLE ===== */
table.tb_st01 {border-collapse:collapse; border-spacing:0;}
.tb_st01 {width:100%; border-top:2px solid #222;}
.tb_st01.no_table {border-bottom:1px solid #ddd;}
.tb_st01 th,
.tb_st01 td,
.tb_st01 tfoot td {padding:2rem; border-right:1px solid #dbdbdb; border-bottom:1px solid #ddd; text-align:center; font-size:1.6rem; line-height:1.4;}
.tb_st01 th {color:#222; font-weight:600; background-color:#f9f9f9;}
.tb_st01 td {color:#666; font-weight:400;}
.tb_st01 td.pd-lg {padding:3.5rem 2rem;}
.tb_st01 tfoot td {color:#222; font-weight:600; background-color:#f5f5f5;}
.tb_st01 td:last-child,
.tb_st01 th:last-child {border-right:none;}
.tb_st01 .text_left {text-align:left;}
.tb_st01 .text_left span.super {vertical-align: super;}
.tb_st01 .border_right {border-right:1px solid #dbdbdb !important;}
.tb_st01.tb_half th,
.tb_st01.tb_half td,
.tb_st01.tb_half tfoot td {padding:2.7rem;}
.tb_st01 .list_st01 > li:before {top:0.9rem;}

.tb_note {display:flex; justify-content:flex-end; margin-top:2rem; font-size:1.5rem;}
.tb_note.ta_l {justify-content:flex-start;}
.tb_note .ico {display:inline-block; margin-right:1rem;}
.tb_note .ico img {vertical-align: middle;}

.star {color:#f94f4f !important;}

.list_st01 {margin-top:0; padding:0; list-style:none;}
.list_st01 > li {position:relative; margin-top:0.5rem; padding-left:1.4rem; line-height:1.65; font-weight: 500;}
.list_st01 > li:first-child {margin-top:0px;}
.list_st01 > li:before {content:""; position:absolute; width:0.4rem; height:0.4rem; left:0; top:1.1rem; background-color:#adadad;}
.list_st01.type_blue > li:before {background-color:#005eb8;}
.list_st01.type_sm > li {font-size:1.8rem;}
.list_st01.type_sm > li:before {top:0.88rem;}



.table_option_wrap {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:3.5rem;}
.table_option_wrap.ta_r {justify-content: flex-end; margin-bottom:2rem;}
.table_option_wrap .dv-select {width:21rem; background-color:#f7f7f7;}
.table_option_wrap .dv-select > select {color:#222;}
.table_option_wrap .dv-select span.input {display:inline-block; position:relative; width:75%; padding-right:5rem; background-color:#f7f7f7;}
.table_option_wrap .dv-select span.input input[type=text] {width:100%;border:none;font-size: 1.6rem; height:6rem; font-weight:500; padding:0 1.5rem;background: #f7f7f7;letter-spacing: 0;}
.table_option_wrap .dv-select span.input input[type=text]::-webkit-input-placeholder {color:#666}
.table_option_wrap .dv-select span.input input[type=text]::-webkit-input-placeholder {color:#666}
.table_option_wrap .dv-select span.input input[type=text]::-moz-placeholder {color:#666} /* firefox 19+ */
.table_option_wrap .dv-select span.input input[type=text]:-ms-input-placeholder {color:#666} /* ie */
.table_option_wrap .dv-select span.input input[type=text]:-moz-placeholder {color:#666}
.table_option_wrap .dv-select span.search {display:inline-block;position:absolute;top:0;right: 0;padding: 0 1.5rem;}
.table_option_wrap .dv-select .btn_search {display:inline-block; width:2.4rem; height:6rem; line-height:6rem; font-size:0; text-indent:99999px; background:url(/images/sub/ico_serch.png) no-repeat center;text-align:center;border:none;-webkit-appearance: none;border-radius:0;cursor:pointer;}


/* ===== SUB LAYOUT STYLE ===== */
.sub_layout01 + .sub_layout01 {margin-top:8rem;}
.sub_layout01.bg_gray {background-color:#f7f7f7; padding:8rem 0; overflow:hidden;}
.sub_layout01_title {margin-bottom:4rem;}
.sub_layout01_title.mb_1 {margin-bottom:1rem;}
.sub_layout01_title h3 {font-size:3rem; font-weight:600; color:#222;}
.sub_layout01_title h3 small {font-size:1.6rem; font-weight:500; display:inline-block; margin-left:2rem;}
.sub_layout01_title .bot_desc {margin-top:1.5rem;}
.sub_layout01_title.has-date {display:flex; justify-content:space-between;}
.sub_layout01_title.has-date .date {font-size:1.7rem; display:flex; align-items:center;}
.sub_layout01_title.has-date .date .ico {display:inline-block; margin-right:1rem;}
.sub_layout01_title.has-date .date .ico img {vertical-align:middle;}
.sub_layout01_cont .table_wrap .change_box:not(.show) {display:none;}
.sub_layout01_cont .row:not(:last-child) {margin-bottom:6rem;}
.sub_layout01_cont .half_row {display:flex;}
.sub_layout01_cont .half_row > div {width:calc(50% - 3rem);}
.sub_layout01_cont .half_row > div:nth-child(2) {margin-left:6rem;}

.border_imgbox {text-align:center; padding:5.5rem; border:1px solid #ddd;}


/* ACCORDION STYLE */
.accordion { border-top:2px solid #222; }
.accordion dl { border-bottom: 1px solid #ddd; }
.accordion dt { position:relative; display: flex; align-items: center; cursor: pointer; color: #222; line-height: 1em; font-weight: 600; }
.accordion dt::before { content:''; width:1.8rem; height:2px; position:absolute; top:calc(50% - 1px); right: 6rem; background-color: #222; transition:all 0.5s; cursor: pointer; }
.accordion dt::after { content:''; width:2px; height:1.8rem; position:absolute; top:calc(50% - 0.9rem); right: calc(6rem + 0.8rem); background-color: #222; transition:all 0.5s; cursor: pointer; }
.accordion dd {display:none;}
.accordion .active dt {cursor:pointer; color:#005eb8;}
.accordion .active dt::after { transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg);}
.accordion .active dt::before,
.accordion .active dt::after {background-color:#005eb8;}




/* ----- 약관 공통 ----- */
.terms_cont dd { padding-top:1em; font-size:1.6rem; color: #333; line-height:1.750em; font-weight:300;}
.terms_cont dd .link-underline { color:#38b800;}
.terms_cont dd .link-underline:hover { text-decoration: underline;}
.terms_cont dd:nth-child(2) { padding-top:0;}
.terms_cont dd p { padding-top:1em; }
.terms_cont dd .dd-con { padding-top:1em;}
.terms_cont dd .p-left { padding-left:1em;}
.terms_cont dd ul li { position: relative; margin-left: 1em; font-size: 1.6rem; color: #333; font-weight: 300; line-height: 2.6rem;}
.terms_cont dd ul li:before { content: '-'; position: absolute; margin-left: -1em; font-size: 1.5rem; color: #333; font-weight: 300; }
.terms_cont .tbstyle02 { margin-top: 1em;}
.terms_cont .tbstyle02 table thead th { padding: 1em 0; font-size: 1.6rem; }
.terms_cont .tbstyle02 table thead td { padding: 0.5em 0.3em; font-size: 1.5rem;}

.terms_cont .btn_download_wrap {margin-top: 2rem;}
.terms_cont .top_info { padding: 3.5rem 5rem; background: #fafafa; text-align: left; font-size:1.6rem; line-height: 1.5; }
.terms_cont .top_info + .sub_tab {margin-top: 6rem;}
.terms_cont .top_info a {color:#005eb8;}
.terms_cont .normal_text {font-size:1.6rem; line-height: 1.750em;}
.terms_cont .terms_list dl { margin-top: 6rem; }
.terms_cont .terms_list dl dt { margin-bottom: 1em; font-size: 2.4rem; color: #000; font-weight: 600; }
.terms_cont .terms_list a:not(.btn_download) {color:#005eb8;}


/* ===== SUB CONTENT ===== */
.sub_cont {margin-top:11rem; margin-bottom:14rem;}
.sub_cont.mt_0 {margin-top:0;}
.sub_cont.mb_0 {margin-bottom:0;}
.no_svisual + .sub_cont {margin-top:0;}


/* ===== SUB TOP AREA ===== */
.sub_top {margin-top:11.5rem; margin-bottom:6rem; padding-top:10rem;}
.sub_page_info {display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:5rem;}
.sub_page_info .left_area.type_flex {display: flex; align-items: flex-end;}
.sub_page_info .left_area.type_flex .sub_title {line-height: 1; margin-right: 2rem;}
.sub_page_info .left_area.type_flex .sub_nav {margin-top: 0;}
.sub_nav {display:flex; font-size:0; margin-top:4rem; flex-shrink: 0;}
.sub_nav a { display:inline-flex; font-size:1.8rem; color:#666; transition:0.3s ease; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; }
.sub_nav a.active {color:#005eb8; font-weight:500;}
.sub_nav a:hover {color:#005eb8;}
.sub_nav a::after {display:inline-block; content:''; width:1px; height:1.4rem; background-color:#ddd; margin:0 2rem;}
.sub_nav a:last-child::after {display:none;}
.sub_nav a .ico {display:inline-block; margin-left:1rem; vertical-align:middle;}
.sub_nav a .ico_link { background:url(/images/sub/ico_link.png) no-repeat center/contain; width:1.5rem; height:1.5rem; margin-bottom:0.3rem; transition:0.3s ease; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; }
.sub_nav a:hover .ico_link {background-image:url(/images/sub/ico_link_color.png);}
.sub_visual {position:relative; overflow:hidden; height:50rem; background-repeat:no-repeat; background-position:center; background-size:cover;}
.sub_visual:after { display:block; content:''; width:100%; height:101%; position:absolute; top: -0.5%; left: 0; right: 0; bottom: 0; background-color:#fff; transition: left 1.4s ease-in-out; -webkit-transition: left 1.4s ease-in-out; -moz-transition: left 1.4s ease-in-out; -ms-transition: left 1.4s ease-in-out; -o-transition: left 1.4s ease-in-out; }
.sub_visual.animate::after {left:100%;}


.sub_visual.bg_stock {background-image:url(/images/sub/visual_stock.png);}
.sub_visual.bg_ir {background-image:url(/images/sub/visual_ir.png);}
.sub_visual.bg_governance {background-image:url(/images/sub/visual_governance.png);}
.sub_visual.bg_finance {background-image:url(/images/sub/visual_finance.png);}
.sub_visual.bg_disclosure {background-image:url(/images/sub/visual_disclosure.png);}

.sub_visual.bg_advertisement {background-image:url(/images/sub/visual_advertisement.png);}
.sub_visual.bg_news {background-image:url(/images/sub/visual_news.png);}

.sub_visual.bg_esg {background-image:url(/images/sub/visual_esg.png);}
.sub_visual.bg_ethics {background-image:url(/images/sub/visual_ethics.png);}
.sub_visual.bg_society {background-image:url(/images/sub/visual_society.png);}

.sub_visual.bg_contact {background-image:url(/images/sub/visual_contact.png);}

.sub_visual.bg_0201 {background-image:url(/images/sub/sub02/sub0201_visual_01.jpg);}
.sub_visual.bg_0202 {background-image:url(/images/sub/sub02/sub0202_visual.jpg);}
.sub_visual.bg_0203 {background-image:url(/images/sub/sub02/sub0203_visual.jpg);}
.sub_visual.bg_0205 {background-image:url(/images/sub/sub02/sub0205_visual.jpg);}
.sub_visual.bg_0206 {background-image:url(/images/sub/sub02/sub0206_visual.jpg);}
.sub_visual.bg_0207 {background-image:url(/images/sub/sub02/sub0207_visual.jpg);}



.breadcrumb {font-size:0; line-height:5rem;}
.breadcrumb li {display:inline-block; font-size:1.638rem; color:#666;}
.breadcrumb li:after {display:inline-block; content:""; margin:0 2rem; width:0.8rem; height:1.4rem; background:url(/images/sub/ico_breadcrumb_arrow.png) no-repeat center/contain;}
.breadcrumb li:last-child::after {display:none;}
.breadcrumb li:last-child {color:#222;}


/* PAGINATION */
.pagination {margin-top:7rem; text-align:center; font-size:0;}
.pagination .pg a { display:inline-block; width:3.5rem; height:3.5rem; line-height:3.5rem; font-size:1.6rem; color:#666; vertical-align:middle; text-align:center; margin:0 0.5rem;}
.pagination .pg a:hover { color:#000;}
.pagination .pg a.on { color:#005eb8 !important; position:relative;}
.pagination .pg a.on::after {display:block; content:''; width:100%; height:2px; background-color:#005eb8; position:absolute; bottom:0; left:0;}
.pagination .pg_btn { display:inline-block; position:relative; margin:0 1rem; width:2.5rem; height:3.5rem; background-repeat:no-repeat; background-position:center; vertical-align:middle; cursor:pointer;}
.pagination .pg_btn.pg_start { background-image:url(/images/sub/button_start.png);}
.pagination .pg_btn.pg_prev { background-image:url(/images/sub/button_prev.png);}
.pagination .pg_btn.pg_next { background-image:url(/images/sub/button_next.png);}
.pagination .pg_btn.pg_end { background-image:url(/images/sub/button_end.png);}

div.dv-select {width:100%; display:inline-block; position:relative; background-color:#f7f7f7;}
div.dv-select > label {display:inline-block; opacity:0; position:absolute; top:0;right:0;width:100%;line-height:6rem;margin:0;padding:0 6rem 0 10px;font-size:1.6rem; color:#333;font-weight: 500;background:transparent;box-sizing:border-box;cursor:pointer;}
div.dv-select > span.spn-sel-arrow {display:block;position:absolute;top:-1px;right:-1px;width: 4.5rem;height:6rem;margin:0;padding:0;background: url(/images/sub/ico_select_arrow.png) no-repeat center top calc(50% + 0.1rem);box-sizing:border-box;cursor:pointer;}
div.dv-select > select {position:relative;width:100% !important;height:6rem;padding:0 4.5rem 0 2rem;border:none;background:none;outline:none;-webkit-appearance:none;filter:alpha(opacity=0);z-index:1;font-size:1.6rem;color: #666;font-weight: 500; cursor: pointer;}
div.dv-select > select::placeholder {color:rgba(34,34,34,0.5);}

select option:hover { background-color:#f5f5f5; color:#222; }
select option:checked { background-color:#005eb8; color:#fff; }

.form_input {padding:0 2rem; width:100%; height:6rem; border-radius:0; border:none; background-color:#f7f7f7; font-size:1.6rem; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.form_input::placeholder {color:rgba(34,34,34,0.5);}
.form_input::-ms-clear { display: none; }
.form_input::-webkit-inner-spin-button,
.form_input::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

.form_textarea { padding:2rem; width:100%; min-height:30rem; border:none; font-size:1.6rem; }


/* 게시판 */
.board_option_wrap {display:flex; justify-content:space-between; align-items:center; margin-bottom:3.5rem;}
.board_option_wrap .total {font-size:1.6rem; font-weight:500;}

.board_search_box {max-width:52rem; width:100%;}
.board_search_box form {display:flex;}
.board_search_box .dv-select {width:15rem; margin-right:2rem; flex-shrink:0;}
.board_search_box .dv-select.width_m {width:18rem;}
.board_search_box span.input {display:inline-block; position:relative; width:75%; padding-right:5rem; background-color:#f7f7f7;}
.board_search_box span.input input[type=text] {width:100%;border:none; font-size: 1.6rem; height:6rem; font-weight:500; padding:0 1.5rem;background: #f7f7f7;letter-spacing: 0;}
.board_search_box span.input input[type=text]::-webkit-input-placeholder {color:rgba(34,34,34,0.5);}
.board_search_box span.input input[type=text]::-webkit-input-placeholder {color:rgba(34,34,34,0.5);}
.board_search_box span.input input[type=text]::-moz-placeholder {color:rgba(34,34,34,0.5);} /* firefox 19+ */
.board_search_box span.input input[type=text]:-ms-input-placeholder {color:rgba(34,34,34,0.5);} /* ie */
.board_search_box span.input input[type=text]:-moz-placeholder {color:rgba(34,34,34,0.5);}
.board_search_box span.search {display:inline-block;position:absolute;top:0;right: 0;padding: 0 1.5rem;}
.board_search_box .btn_search {display:inline-block; width:2.4rem; height:6rem; line-height:6rem; font-size:0; text-indent:99999px; background:url(/images/sub/ico_serch.png) no-repeat center/contain; text-align:center;border:none;-webkit-appearance: none;border-radius:0;cursor:pointer;}


/* ----- BOARD WRAP - VIEW ----- */
.board_view{max-width: 822px;   margin: 0 auto;}
.board_view .board_info { padding:5rem 0; border-top:2px solid #222; border-bottom:1px solid #ddd;}
.board_view .board_tit { width:100%; text-align:center;}
.board_view .board_tit h4 { margin-bottom:0.833em; font-size:3rem; color:#222; line-height:1.333; font-weight:600;}
.board_view .board_tit span { display:block; color:#999; line-height:1.667em;}
.board_view .board_con { padding: 35px 0; }
.board_view .board_con .board_conarea {line-height: 1.625;}
.board_view .board_con .board_conarea p { margin-top: 1em; margin-bottom: 1em; }
/*.board_view .board_con .board_conarea [data-tomark-pass] { display: none; }*/
.board_view .file_area {background-color:#f7f7f7; padding:2.8rem 4rem; margin-bottom:6rem;}
.board_view .file_area dl {display:flex;}
.board_view .file_area dt {flex-shrink:0; margin-right:1.5rem; color:#222; font-weight:600;}
.board_view .file_area dt .ico {display:inline-block; margin-right:0.8rem;}
.board_view .file_area dt .ico img {vertical-align:middle;}
.board_view .file_area dd {display:flex; flex-wrap:wrap; font-size:1.6rem;}
.board_view .file_area dd a {vertical-align:middle; display:inline-block; position: relative;}
.board_view .file_area dd a + a::before {display:inline-block; content:''; width:1px; height:1.2rem; background-color:#aaa; margin:0 1.5rem; vertical-align:middle; position: absolute; left: -3.1rem; top: 0.3rem;}
.board_view .file_area dd a:nth-child(n+2) {margin-left: 3.1rem; }
.board_view .file_area dd a::after { display:block; content:''; width:0; height:1px; background-color:#666; position:absolute; bottom:0; left:0; transition:.3s ease ; -webkit-transition:.3s ease ; -moz-transition:.3s ease ; -ms-transition:.3s ease ; -o-transition:.3s ease ; }
.board_view .file_area dd a:hover::after {width: 100%;}
.board_view .board_con .middle_title_list {background-color:#f7f7f7; padding:3.5rem 2.5rem; margin-bottom:4rem;}
.board_view .board_con .middle_title_list li {color:#666; margin-bottom:1rem; position:relative; padding-left:2.2rem;}
.board_view .board_con .middle_title_list li:last-child {margin-bottom:0;}
.board_view .board_con .middle_title_list li:before {display:inline-block; content:''; width:1.2rem; height:1px; background-color:#aaa; position:absolute; top:1.2rem; left:0;}
.board_view .board_con .thum_box + .thum_box {margin-top:2rem;}
.board_view .board_con .thum {display:table; margin:auto; border:1px solid #ddd;}
.board_view .board_con .thum .caption {display: table-caption; caption-side: bottom; padding:1rem 2rem; background-color:#e9e9e9; border-top:1px solid #ddd; font-size: 1.6rem;}
.board_view .board_page {position:relative; display:flex; justify-content:space-between; padding:4rem 0; border-top:1px solid #222;}
.board_view .board_page a {width:calc(50% -  7.2rem);}
.board_view .board_page a.prev { display:inline-block;}
.board_view .board_page a.next { display:inline-block; text-align:right;}
.board_view .board_page a p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:1.5rem; font-size:1.6rem;}
.board_view .board_page a span { display:inline-block; position:relative; color:#222; font-weight:600; letter-spacing:-0.02em; transition:0.4s ease; -webkit-transition:0.4s ease; -moz-transition:0.4s ease; -ms-transition:0.4s ease; -o-transition:0.4s ease; }
.board_view .board_page a:hover span {color:#005eb8;}
.board_view .board_page a span:after { content:""; position:absolute; top:50%; width:0.8rem; height:1.3rem; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.board_view .board_page a.prev:hover span {padding-left:2rem;}
.board_view .board_page a.prev:hover span:after {left:0; background:url(/images/sub/ico_board_prev.png) no-repeat center/contain;}
.board_view .board_page a.next:hover span {padding-right:2rem;}
.board_view .board_page a.next:hover span:after {right:0; background:url(/images/sub/ico_board_next.png) no-repeat center/contain;}
.board_view .board_page a.none {cursor:inherit;}
.board_view .board_page a.none p {color:#999;}
.board_view .board_page .list_btn { position:absolute; top:50%; left:50%; width:7.2rem; height:7.2rem; text-indent:-9999px; border:1px solid transparent; background:#005eb8 url(/images/sub/ico_listbtn_white.png) no-repeat center; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transition:0.4s ease; -webkit-transition:0.4s ease; -moz-transition:0.4s ease; -ms-transition:0.4s ease; -o-transition:0.4s ease; }
.board_view .board_page .list_btn:hover {background:#fff url(/images/sub/ico_listbtn_color.png) no-repeat center; border-color:#005eb8;}


/* ===== LIST STYLE ===== */
/* 웹진형 */
.webzine_list {border-top:2px solid #222;}
.webzine_list li {padding:4rem; border-bottom:1px solid #ddd;}
.webzine_list li.no_post {text-align:center; padding:12rem 4rem;}
.webzine_list li.no_post p {color:#222; margin-top:1rem;}
.webzine_list .item {display:flex; align-items:center; width:100%;}
.webzine_list .item .thum {width:36rem; height:22.2rem; flex-shrink:0; background-repeat:no-repeat; background-position:center; background-size:cover;}
.webzine_list .item .text_box {width:100%; margin:0 6rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.webzine_list .item .text_box h3 {position:relative; font-size:2rem; font-weight:500; color:#222; display: inline-block; max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition:.2s ease; -webkit-transition:.2s ease; -moz-transition:.2s ease; -ms-transition:.2s ease; -o-transition:.2s ease; }
.webzine_list .item .text_box h3::after { display:block; content:''; width:0; height:2px; background-color:#6690cb; position:absolute; bottom:0; left:0; transition:.4s ease; -webkit-transition:.4s ease; -moz-transition:.4s ease; -ms-transition:.4s ease; -o-transition:.4s ease; }
.webzine_list .item .text_box p {font-size:1.6rem; margin-top:2.5rem; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal;line-height: 1.625; height: 3.25em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.webzine_list .item .text_box span {display:block; font-size:1.6rem; color:#888; margin-top:4rem;}
.webzine_list .item .arrow { width:4.8rem; flex-shrink:0; transition:.2s ease; -webkit-transition:.2s ease; -moz-transition:.2s ease; -ms-transition:.2s ease; -o-transition:.2s ease; }
.webzine_list .item .arrow .btnset { display:inline-flex; align-items:center; justify-content:center; width:4.3rem; height:4.3rem; background:url(/images/main/ico_news_arrow.png) no-repeat center; border:1px solid #b5b5b5; border-radius:50%; transition:.2s ease; -webkit-transition:.2s ease; -moz-transition:.2s ease; -ms-transition:.2s ease; -o-transition:.2s ease; }
.webzine_list .item:hover .text_box h3 {color:#005eb8; font-weight:500;}
.webzine_list .item:hover .text_box h3::after {width:100%;}
.webzine_list .item:hover .arrow .btnset {border-color:#005eb8; background-image:url(/images/main/ico_news_arrow_on.png);}

/* 파일 다운로드형 */
.file_down_list {border-top:2px solid #222; font-size:1.6rem;}
.file_down_list li {padding:4rem 0; border-bottom:1px solid #ddd; display:flex; align-items:center; width:100%;}
.file_down_list li .year {flex-shrink:0; width:15rem; padding:0 1rem; text-align:center;}
.file_down_list li .title {width:100%; font-size:2rem; color:#222; font-weight:500;}
.file_down_list li .btn_download_wrap {flex-shrink:0; width:19rem; padding:0 1rem;}
.file_down_list li .btn_download_wrap.has-2 {width:38rem;}
.file_down_list li .btn_download:nth-child(n+2) {margin-left:2rem;}


/* 파일 다운로드형 - 링크형 */
.file_down_list.no_year li {padding:4rem;}
.file_down_list.no_year li .btn_download_wrap {width:17rem; padding:0;}

/* 파일 다운로드형 - 기본 게시판 리스트형 */
.file_down_list.type_board li { padding:3.5rem 0; text-align:center; transition:0.3s ease; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; }
.file_down_list.type_board li:hover {background-color:#fafafa;}
.file_down_list.type_board li .number {flex-shrink:0; width:14.5rem;}
.file_down_list.type_board li .title {text-align:left;}
.file_down_list.type_board li .title .arrow { display:inline-block; visibility:hidden; opacity:0; margin-left:1.7rem; width:4.3rem; transform: translateX(-5rem); -webkit-transform: translateX(-5rem); -moz-transform: translateX(-5rem); -ms-transform: translateX(-5rem); -o-transform: translateX(-5rem); transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; }
.file_down_list.type_board li .title a {position:relative; display:inline-block; max-width:calc(100% - 6rem); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align: middle;}
.file_down_list.type_board li .title a::after {display:block; content:''; width:0; height:1px; background-color:#005eb8; position:absolute; bottom:0; left:0;}
.file_down_list.type_board li .title:hover a { color:#005eb8;}
.file_down_list.type_board li .title:hover a::after {width:100%;}
.file_down_list.type_board li .title:hover a + .arrow {visibility:visible; opacity:1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);}
.file_down_list.type_board li .file {flex-shrink:0; width:10rem;}
.file_down_list.type_board li .date {flex-shrink:0; width:17rem;}



/* ===== 제품 ===== */
/* 제품 공통 */
.related_site {position:relative; background-color:#fff; border:1px solid #ddd; width:30rem;}
.related_site > a {display:block; position:relative; padding-left:2rem; font-size:1.6rem; color:#222; font-weight:400; line-height:3.438em; cursor:pointer;}
.related_site > a:after { content: ""; position:absolute; right:2rem; top:50%; width:1.7rem; margin-top:-0.75rem; height:1.7rem; background: url(/images/sub/ico_link.png) no-repeat center/contain; }
.related_site > h3 {position:relative; padding-left:2rem; font-size:1.6rem; color:#222; font-weight:400; line-height:3.438em; cursor:pointer;}
.related_site > h3:after { content: ""; position:absolute; right:2rem; top:50%; width:1.2rem; margin-top:-0.3rem; height: 0.6rem; background: url(/images/sub/ico_select_arrow.png) no-repeat center; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; }
.related_site ul {display:none; position:absolute; left:-1px; top:100%; width:calc(100% + 2px); background-color:#fff; padding:1rem 2rem; border:1px solid #ddd;}
.related_site ul li a { font-size:1.6rem; color:#aaa; display:block; margin:0.7rem 0; line-height:1.5; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; }
.related_site ul li a:hover {color:#005eb8;}
.related_site.open ul {display:block;}
.related_site.open h3:after { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); }

.en .product_info .related_site  {width: 38rem;}

.product_info {display:flex;}
.product_info .text_box {width:50%;}
.product_info .text_box.full {width:100%;}
.product_info .text_box .breadcrumb {margin-bottom: 2rem;}
.product_info .product_title {width:100%; margin-bottom:2rem;}
.product_info .product_title small {display:block; font-weight:500; font-size:1.8rem; color:#005eb8;}
.product_info .product_title h3 {display:flex; align-items:flex-end; margin-top: 1rem;}
.product_info .product_title h3 strong {display:inline-block; font-weight:600; font-size:6rem; color:#222;}
.product_info .product_title h3 span {display:inline-block; font-weight:500; font-size:2.4rem; margin-left:1rem; margin-bottom:0.5rem;}
.product_info .product_desc {line-height:1.666;width: 100%; padding-top:3rem; margin-top:3rem; position:relative;}
.product_info .product_desc::before {display:inline-block; content:''; width:6rem; height:3px; background-color:#005eb8; position:absolute; top:0; left:0;}
.product_info .related_site {margin-top: 5rem;}
.product_info .img_box {width:50%; text-align:center;}

/* product_info - 상단 스타일 */
.product_info.top_type {height:100vh;}
.product_info.top_type .text_box {background-color:#f5f5f7; position:relative;}
.product_info.top_type .text_box .doosan_logo {position:absolute; bottom:-5px; left:0;}
.product_info.top_type .text_box {display:flex;flex-direction:column;align-items: center;justify-content: center;height: 100%;}
.product_info.top_type .text_box .half_right {position:relative; z-index:1;}
.product_info.top_type .img_box {position:relative; background-color:#fff;}
.product_info.top_type .img_box .img { opacity:1; visibility:visible; display: flex; align-items: flex-end; justify-content: center; width: 100%; height: 100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transition:2.3s; -webkit-transition:2.3s; -moz-transition:2.3s; -ms-transition:2.3s; -o-transition:2.3s; }
.product_info.top_type .img_box .img.fade_out {opacity:0; visibility:hidden;}
.product_info.top_type .img_box .img img {max-height: 100%;}
.product_info.top_type + .sub_top {padding-top:12rem; margin-top:0;}

/* product_info - list 페이지 상단 스타일 */
.product_info.list_type {overflow:hidden; position:relative;}
.product_info.list_type .text_box { transform:translateY(100vh); -webkit-transform:translateY(100vh); -moz-transform:translateY(100vh); -ms-transform:translateY(100vh); -o-transform:translateY(100vh); transition:0.8s; -webkit-transition:0.8s; -moz-transition:0.8s; -ms-transition:0.8s; -o-transition:0.8s; }
.product_info.list_type .img_box { transform:translateY(-100vh); -webkit-transform:translateY(-100vh); -moz-transform:translateY(-100vh); -ms-transform:translateY(-100vh); -o-transform:translateY(-100vh); transition:1s; -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; }
.product_info.list_type .scrolldown {display:none; position:absolute; bottom:5rem; right:5rem; animation:scrolldown 1.5s forwards infinite; -webkit-animation:scrolldown 1.5s forwards infinite; }
.product_info.list_type.active .text_box { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); }
.product_info.list_type.active .img_box { transform:translateY(-0); -webkit-transform:translateY(-0); -moz-transform:translateY(-0); -ms-transform:translateY(-0); -o-transform:translateY(-0); }
.product_info.list_type.active .scrolldown {display:block;}
.product_info.view_type .scrolldown {display:block; position:absolute; bottom:5rem; right:5rem; animation:scrolldown 1.5s forwards infinite; -webkit-animation:scrolldown 1.5s forwards infinite; }


/* product_info - view 페이지 상단 스타일 */
.product_info.view_type .text_box .doosan_logo {left:auto; right:0;}
.product_info.view_type .product_desc::before {z-index:1; width:12rem;}
.product_info.view_type .product_desc::after {display:block; content:''; width:100%; height:1px; background-color:#ddd; position:absolute; top:2px; left:0;}
.product_info.view_type .product_title small {font-size:2rem;}
.product_info.view_type h3 strong {font-size:5rem;}

/* product_info - view 페이지 3 depth 있을때 */
.product_info.depth03_type {align-items: flex-start;}
.product_info.depth03_type h3 strong {font-size:3rem;}
.product_info.depth03_type .img_box {position:relative; margin-top:6rem;}
.product_info.depth03_type .img_box .caption {position:absolute; top:0; left:-3.5rem; display:flex; flex-direction:column; align-items:flex-start; font-size:1.5rem; color: #005eb8; font-weight:500;}
.product_info.depth03_type .img_box .caption .char {display:inline-block; line-height:0.67; vertical-align:middle; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); width:2rem;}
.product_info.depth03_type .text_box {position:relative; padding:12rem 8rem 10rem 13rem;}
.product_info.depth03_type .text_box::after {display:block;content:'';width:150%;height:100%;position:absolute;top:0;right:0;background-color: #f5f5f7;z-index: -1;}
.product_info.depth03_type .product_title small {font-size:1.6rem;}
.product_info.depth03_type .product_desc {font-size:1.6rem; line-height:1.625;}
.product_info.depth03_type .product_desc::before {height:2px;}


/* 제품 리스트페이지 */
.product_list_intro {position:absolute; top:0; left:0; width:100%; height:100vh; overflow:hidden;}
.product_list_intro .bg { position:absolute; top:0; left:0; width: 100%; height: 100%; background: no-repeat center/cover; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transition:2.2s; -webkit-transition:2.2s; -moz-transition:2.2s; -ms-transition:2.2s; -o-transition:2.2s; }
.product_list_intro .text_box { display:flex; flex-direction:column; justify-content:center; align-items:center; height: 100%; line-height:1; position: relative; opacity:0; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transition:1s; -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; transition-delay:0.5s; }
.product_list_intro .intro_title {font-size:7rem; color:#fff; font-weight:600;}
.product_list_intro .intro_desc {font-size:3rem; color:#fff; font-weight:500; padding:2rem 1rem 0 1rem; margin-top:2.5rem; position:relative;}
.product_list_intro .intro_desc::before { display:block; content:''; width:0; height:1px; background-color:#fff; position:absolute; top:0; left:50%; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; -ms-transition:0.6s; -o-transition:0.6s; transition-delay:1s; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.product_list_intro.active .bg { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);}
.product_list_intro.active .text_box { opacity:1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.product_list_intro.active .intro_desc::before {width:32rem;}
.product_list_intro.active .intro_desc::before {width:32rem;}

.product_list_cont .item_list {display:flex; flex-wrap:wrap;}
.product_list_cont .item_list li {position:relative; width:calc(50% - 3rem); height:38rem; overflow:hidden; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; }
.product_list_cont .item_list li:nth-child(2n) {margin-left:6rem;}
.product_list_cont .item_list li:nth-child(n+3) {margin-top:6rem;}
.product_list_cont .item_list li .bg {background:no-repeat bottom right/100% auto; background-color:#f7f7f7; position:absolute; top:0; left:0; width:100%; height:100%;}
.product_list_cont .item_list li .bg::after {display:inline-block; content:''; width:26.9rem; height:8.2rem; background:url(/images/sub/bobcat_text_logo_lg.png) no-repeat center/contain; position:absolute; bottom:-3px; left:-1px; z-index:2; opacity:0.5;}

.product_list_cont .item_list li a { display:block; width:100%; height:100%; padding:6rem; position:relative; z-index:2; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; }
.product_list_cont .item_list li small {display:block; font-size:1.8rem; color:#005eb8;}
.product_list_cont .item_list li .title {position:relative; display:inline-flex; align-items:center; font-size:3rem; color:#222; font-weight:600; line-height:1; margin-top:2rem; padding-bottom: 1rem;}
.product_list_cont .item_list li .title::after {display:block; content:''; width:0; height:1px; background-color:#fff; position:absolute; bottom:0; left:0;}
.product_list_cont .item_list li .title .arrow {flex-shrink:0; display:inline-block; visibility:hidden; opacity:0; margin-left:1.6rem; width:2.7rem; transform: translateX(-5rem); -webkit-transform: translateX(-5rem); -moz-transform: translateX(-5rem); -ms-transform: translateX(-5rem); -o-transform: translateX(-5rem); transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; }
.product_list_cont .item_list li .title .arrow img {vertical-align: middle;}
.product_list_cont .item_list li:hover {box-shadow: 4px 6px 11.31px 1.69px rgba(0, 0, 0, 0.06);}
.product_list_cont .item_list li:hover a {background-image: linear-gradient(to right, #015fb8 , rgba(1,95,184,0.58));}
.product_list_cont .item_list li:hover small {color:#fff;}
.product_list_cont .item_list li:hover .title {color:#fff;}
.product_list_cont .item_list li:hover .title::after {width:100%;}
.product_list_cont .item_list li:hover .title .text + .arrow {visibility:visible; opacity:1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);}
.product_list_cont .item_list li:hover .bg::after {opacity:0.1;}


/* TMS */
.tms_cont .sec_01 {background-color:#f5f5f7; padding:11.5rem 0; position:relative; overflow:hidden;}
.tms_cont .sec_01 .text_box small {display:block; font-size:2rem; font-weight:500; color:#005eb8;}
.tms_cont .sec_01 .text_box h3 {font-size:5rem; font-weight:600; color:#222;}
.tms_cont .sec_01 .text_box .note {font-weight:500; color:#222; margin-top:2rem; line-height:1.5;}
.tms_cont .sec_01 .text_box .product_desc {padding-top:4rem;}
.tms_cont .sec_01 .doosan_logo {position:absolute; bottom:-0.4rem; right:0;}
.tms_cont .sec_02 {padding-top:12rem; padding-bottom:16rem;}
.tms_cont .sec_02_cont {display:flex; align-items:center;}
.tms_cont .sec_02 .accordion {width:calc(50% - 7rem); margin-left:1rem; margin-right:6rem;}
.tms_cont .sec_02 .accordion dt {padding:3rem; font-size:2.4rem;}
.tms_cont .sec_02 .accordion dd {padding:0 3rem 3rem;}
.tms_cont .sec_02 .accordion dd p {line-height:1.625; font-size:1.6rem;}
.tms_cont .sec_02 .accordion dd .bot_img {text-align:right; margin-top:1.5rem;}
.tms_cont .sec_02 .accordion .active dt {color:#005eb8;}
.tms_cont .sec_02 .img_box {position: relative; flex-shrink:0; width:50%; display:flex; align-items:center;}
.tms_cont .sec_02 .dot_wrap dt { font-size:0; opacity:0; color:#fff; }
.tms_cont .sec_02 .dot_wrap dd { position: absolute; cursor:pointer;}
.tms_cont .sec_02 .dot_wrap dd p { font-size: 0; width:2rem; height:2rem; border-radius: 50%; background-color: #f9f3f1; border:0.3rem solid #c3bdbb;}
.tms_cont .sec_02 .dot_wrap dd p::after {content:'';animation: pulse 2s infinite;-webkit-animation: pulse 2s infinite;width:2rem;height:2rem;display: block;border-radius: 50%;position: absolute;top: 0;left: 0; box-shadow: 0 0 0 0 #fff;}
.tms_cont .sec_02 .dot_wrap dd:nth-of-type(1) {top: 40%; left: 44%;}
.tms_cont .sec_02 .dot_wrap dd:nth-of-type(2) {top: 37%; right: 31%;}
.tms_cont .sec_02 .dot_wrap dd:nth-of-type(3) {top: 50%; left: 45%;}
.tms_cont .sec_02 .dot_wrap dd.active p {border-color:#005aaf; background-color:#e7ebf0;}
.tms_cont .sec_02 .dot_wrap dd.active p::after {box-shadow: 0 0 0 0 #005eb8;}
.tms_cont .sec_03 {background-color:#f5f5f7; padding:11rem 0;}
.tms_cont .sec_03_cont {display:flex; align-items:center;}
.tms_cont .sec_03 .img_box {width:50%; padding-right: 6rem;}
.tms_cont .sec_03_feature_wrap {width:50%;}
.tms_cont .sec_03_feature_wrap .item {background-color:#fff; border:1px solid #ddd; padding:3.5rem; display:flex; align-items:flex-start; font-size:1.6rem;}
.tms_cont .sec_03_feature_wrap .item:not(:last-child) {margin-bottom:2rem;}
.tms_cont .sec_03_feature_wrap .item .number {font-size:2.4rem; font-weight:600; color:#005eb8; width:6rem; flex-shrink:0;}
.tms_cont .sec_03_feature_wrap .item .number strong {display:inline-block; position:relative;}
.tms_cont .sec_03_feature_wrap .item .number strong:after {content:''; width:100%; height:2px; position:absolute; bottom:0; left:0; background-color:#005eb8;}
.tms_cont .sec_03_feature_wrap .item .con h4 {font-size:2.4rem; font-weight:600; color:#005eb8;}
.tms_cont .sec_03_feature_wrap .item .con .desc {margin-top:1.5rem;}
.tms_cont .sec_03_feature_wrap .item .con .list_st01 {margin-top:1.5rem;}
.tms_cont .sec_03_feature_wrap .item .con .list_st01 > li {margin-top:0.2rem;}
.tms_cont .sec_04 {padding-top:11rem; padding-bottom:15rem;}
.tms_cont .sec_04_feature_wrap {display:flex; margin-top:5.5rem;}
.tms_cont .sec_04_feature_wrap .item {width:calc(33.33% - 4rem); margin-right:6rem;}
.tms_cont .sec_04_feature_wrap .item:last-child {margin-right:0;}
.tms_cont .sec_04_feature_wrap .text_box {margin-top:4rem;}
.tms_cont .sec_04_feature_wrap .text_box h5 {color:#222; font-size:2.4rem; font-weight:600; padding-bottom:1rem;}
.tms_cont .sec_04_feature_wrap .text_box .list_st01 {border-top:1px solid #ddd; margin-top:2rem; padding-top:2rem;}




/* ===== 투자정보 ===== */
.stock_cont .up_color {color:#f94f4f !important;}
.stock_cont .down_color {color:#005eb8 !important;}

/* 주가정보 */
.stock_cont .info_stock {display:flex; padding:4rem;}
.stock_cont .current_stock {font-size:6rem; font-weight:500; color:#222; width:100%; display:flex; align-items:center; justify-content:center; line-height:1;}
.stock_cont .current_stock .ico {font-size:2.7rem; display:inline-block; margin-right:1.5rem;}
.stock_cont .desc_stock {flex-shrink:0; font-size:1.6rem; font-weight:500; min-width:20rem;}
.stock_cont .desc_stock dl {display:flex; justify-content:space-between;}
.stock_cont .desc_stock dl:nth-child(n+2) {margin-top:2rem;}
.stock_cont .desc_stock dt {width:50%;}
.stock_cont .desc_stock dd {width:50%; text-align:right; font-size:2rem; color:#222;}
.stock_cont .desc_stock dd .ico {font-size:1.3rem; display:inline-block; margin-right:1.6rem; vertical-align: middle;}
.stock_cont .point_num {font-size:2.388rem; font-weight:500; display:flex; align-items:center; justify-content:center; margin-bottom:1.2rem;}
.stock_cont .point_num .ico {display:inline-block; margin-right:0.8rem; font-size:1.2rem;}

/* 거버넌스 */
/* 거버넌스 - 감사기구 */
.governance03_list {display:flex; text-align:center; position:relative;}
.governance03_list li {width:25%;position: relative;z-index: 1;}
.governance03_list .ico_area {display:flex; flex-direction:column; align-items:center;}
.governance03_list:after {display:block;content:'';width:200vw;position:absolute;left:-50vw;top: 19.4rem;height:1px;background-color:#ddd;}
.governance03_list .bar {display:inline-block; width:1px; height:4rem; background-color:#ddd;}
.governance03_list .ico { display:inline-flex; align-items:center; justify-content:center; width:15rem; height:15rem; background-color:#fff; box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.02); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.governance03_list .dot { display:inline-block; width:0.8rem; height:0.8rem; background-color:#005eb8; position:relative; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.governance03_list .dot::after { display:inline-block; content:''; width:2rem; height:2rem; background-color:#005eb8; opacity:0.1; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.governance03_list .text_area {margin-top:4rem; padding: 0 3rem;}
.governance03_list .text_area strong {font-size:2rem; color:#222; font-weight:500;}
.governance03_list .text_area p {line-height:1.555; margin-top:1rem;}



/* ===== 지속가능경영 ===== */
/* ESG - 전략 */
.esg_strategy_sec01 {padding-bottom:8rem;}
.esg_strategy_sec02 {background-color: #f5f5f7; padding: 14rem 0;}

/* ESG - 성과 */
.esg_result_0101 .img_box {display: flex; align-items: center; justify-content: center; padding: 0 4rem;}
.esg_result_0101 .text_box .row:not(:first-child) {margin-top: 4.5rem;}
.esg_result_0101 .text_box h6 {font-size: 2.5rem; color: #005eb8; font-weight: 600; margin-bottom: 1.5rem;}
.esg_result_0101 .text_box p {line-height: 1.5555;}
.esg_result_0101 .text_box .item_wrap {display: flex; flex-wrap: wrap;}
.esg_result_0101 .text_box .item {border: 1px solid #ddd; padding: 2.5rem 3rem; width: calc(50% - 1.75rem);}
.esg_result_0101 .text_box .item:nth-child(2n) {margin-left: 3.5rem;}
.esg_result_0101 .text_box .item:nth-child(n+3) {margin-top: 3.5rem;}
.esg_result_0101 .text_box .item_tit {font-size: 2.2rem; color: #222; font-weight: 600; margin-bottom: 1rem;}
.esg_result_0102 {margin-top: 7rem;}
.esg_result_0102 > p {line-height: 1.4;}
.esg_result_0102 .banner_wrap {margin-top: 4rem; justify-content: space-between;}
.esg_result_0102 .banner {width: calc(50% - 1.75rem); padding: 3rem 5rem; display: flex; align-items: center; color: #fff; background-repeat: no-repeat; background-position: center; background-size: cover;}
.esg_result_0102 .banner_1 {background-image: url(/images/sub/esg_result_0102_bg01.png);}
.esg_result_0102 .banner_2 {background-image: url(/images/sub/esg_result_0102_bg02.png);}
.esg_result_0102 .banner .percent {flex-shrink: 0; margin-right:4.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 3.2rem; font-weight: 600; width: 13rem; height: 13rem; background:url(/images/sub/esg_result_0102_percent_bg.png) no-repeat center/contain;}
.esg_result_0102 .banner dt {font-size:2.3rem; font-weight: 500;}
.esg_result_0102 .banner dd {font-size:1.6rem; margin-top: 1rem;}
.esg_result_sec02 {margin-top: 12rem;}
.esg_result_sec02 p {line-height: 1.4;}
.esg_result_0201 {position: relative; padding: 8rem 0; margin-top: 4rem;}
.esg_result_0201::after {content:""; width:100%; height: calc(100% - 25rem); background-color: #f5f5f7; position: absolute; top: 0; left: 0; z-index: -1;}
.esg_result_0201 .arti_title {text-align: center;}
.esg_result_0201 .map_img {text-align: right; padding: 8rem 11rem;}
.esg_result_0201 .pin_list {display: none; background: url(/images/sub/esg_result_0201_mapbg.png) no-repeat center/contain; padding: 6rem 0;}
.esg_result_0201 .pin_list .item {background-color: rgba(255,255,255,0.2); padding: 2rem;}
.esg_result_0201 .pin_list .item:nth-child(n+2) {margin-top: 2rem;}
.esg_result_0201 .pin_list h4 {color: #222; font-size: 1.9rem; font-weight: 600;}
.esg_result_0201 .pin_list .desc {color: #005eb8; font-weight: 600; margin-top: 1rem;}
.esg_result_0201 .pin_list .list_st01 {margin-top: 1.5rem;}
.esg_result_0201 .img_wrap .img {width: calc(25% - 0.96rem);}
.esg_result_0201 .img_wrap .img:not(:first-child) {margin-left: 1.2rem;}
.esg_result_0202 {margin-top: 8rem;}
.esg_result_0202 .banner {padding: 9rem 12rem; background:url(/images/sub/esg_result_0202_bg01.png) no-repeat center/cover; color: #fff;}
.esg_result_0202 .banner dt {font-size: 3rem; color: #fff; font-weight: 600;}
.esg_result_0202 .banner dd {margin-top: 1.5rem; line-height: 1.555;}
.esg_result_0202 .banner .btn_wrap {margin-top: 4rem;}
.esg_result_sec03 {margin-top: 12rem;}
.esg_result_0301 {background-color: #f5f5f7; padding: 7.5rem 0;}
.esg_result_0301 .center_item { width: 50rem; height: 50rem; display: inline-flex; align-items: center; justify-content: center; border:1px dashed #c6d5e5; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.esg_result_0301 .center_item .keyword { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 28rem; height: 28rem; border:2rem solid #dce6f1; background-color: #005eb8; font-size: 2.7rem; color: #fff; font-weight: 600; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.esg_result_0301 .center_item .keyword .text {margin-top: 1.2rem;}
.esg_result_0301 .sm_item .keyword {flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 12rem; height: 12rem; color: #005eb8; font-weight: 700; border: 3px solid #005eb8; background-color: #fff; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; box-shadow: 5px 9px 15px 0px rgba(14, 23, 32, 0.13); text-align: center;}
.esg_result_0301 .sm_item .list_st01 {font-weight: 500;}


/* ESG - 성과 2023-12-19 개편*/
.esg_result_new h4 {margin-bottom:8px;}
.esg_result_new h4 > img {padding:0 5%;}
.esg_result_new h5 {font-weight: 800; letter-spacing: -0.04em;}
.esg_result_new h5 > em {position:relative; top: -1.6em; font-style: normal; font-size: 0.3em;}
.esg_result_new h5 > span {display: block; font-size: 0.6em; font-weight: 600;}
.esg_result_new h4, .esg_result_new h5, .esg_result_new p {text-align: center;}
.esg_result_new .txt-info {font-size: 14px; color: #878788; letter-spacing: -0.04em; text-align: right; line-height: 2.5;}


.esg_result_new .esg_result_cont > div:not(.inner):not(.esg_result_new_gi) {padding-top:4%;}

.esg_result_new_01 {padding-top: 2.7%;}
.esg_result_new_02, .esg_result_new_03, .esg_result_new_04 {margin-top:4.3%;} 
.esg_result_new_01 .arti_01 {padding-top: 32px;}
.esg_result_new_01 .arti_01 > p, .esg_result_new_04 .sub_title_3 + p {font-size: 22px; font-weight:600; letter-spacing:-0.04em; color: #232323; line-height: 2; text-align: center;}
.esg_result_new_01 .arti_01 > p > span, .esg_result_new_04 .sub_title_3 + p > span {display: block;}
.esg_result_new_01 .arti_02 {position:relative; margin-top:8px; text-align: center;}
.esg_result_new_01 .arti_02 > img {margin-bottom: 37px;}
.esg_result_new_01 .arti_02 > span {display: block; text-align: right; font-size: 14px; letter-spacing:-0.04em; color: #878788; background: #fff;}
.esg_result_new_04 .logo + p {font-size: 20px; color: #232323; letter-spacing: -0.04em; font-weight: 600;}  

.esg_result_new_gi .esg_result_new_01 .arti_02 > span {padding-top: 2.4%;}
.esg_result_new_gi .map {width: 100%; max-width:1321px; height:589px; margin:0 auto; padding-top:134px; background:url(/images/sub/bg-esg-result-new-04.png) no-repeat center/contain;}
.esg_result_new_gi .map > ul {position:relative; display: flex; width: 100%; max-width: 906px;  margin:0 auto; gap:5.63%; align-items: center;}
.esg_result_new_gi .map > ul:before {content: ""; position:absolute; top:50%; width: 100%; border: 1px solid #005eb8;}
.esg_result_new_gi .map > ul > li {position:relative; display:flex; justify-content:center; align-items:center; flex: 1; height:96px; border: 1px solid #005eb8; box-shadow: 5px 9px 15px 0px rgba(14, 23, 32, 0.13); font-size: 20px; color: #005eb8; letter-spacing: -0.04em; font-weight: 800; background: #fff;}
.esg_result_new_gi .map > ul > li:before {content: ""; position:absolute; top:0; left:50%; width: 27px; height: 27px; background:url(/images/sub/ico-esg-result-new-01.png) no-repeat center/contain; transform: translate(-50%, -50%);}
.esg_result_new_gi .map > ul > li > span {line-height: 1.3;}
.esg_result_new_gi .map > ul > li > span > em {font-style: normal; font-size: 0.6em; position: relative; top: -0.7em;}
.esg_result_new_gi .map > p {position:relative; margin-top:-11px; height:175px; padding-top:47px; font-size: 23px; color: #323232; letter-spacing: -0.04em; font-weight: 800; line-height: 1.4; background:url(/images/sub/bg-esg-result-new-05.png) no-repeat bottom/contain;}
.esg_result_new_gi .map > p:before {content: ""; position:absolute; bottom:10%; left:50%; width: 22px; height: 27px; background:url(/images/sub/ico-esg-result-new-16.png) no-repeat center/contain; transform: translate(-50%, 0);}
.esg_result_new_gi .map > span {position: absolute; right: 0; padding-top: 10px;}
.esg_result_new_gi .map .circle {display:flex; justify-content:center; align-items:center; max-width:663px; height:150px; margin:0 auto; font-size: 30px; color: #fff; letter-spacing: -0.04em; background: #005eb8; box-shadow: 5px 9px 15px 0px rgba(14, 23, 32, 0.13); border-radius: 70px; font-weight: 800;}
.esg_result_new_gi .map .circle > p > em {padding-left:8px; font-style: normal; font-size: 0.6em; font-weight: 400; position: relative; bottom:0.1em;}
.esg_result_new_gi .esg_result_new_02 ul {display: flex; flex-wrap: wrap; justify-content: space-between; gap:2%;}
.esg_result_new_gi .esg_result_new_02 ul > li {display:flex; flex-wrap:wrap; flex: 1; gap:5.5%; align-items:center; padding:3%; box-sizing: border-box; border:1px solid #ddd; font-size: 24px;}
.esg_result_new_gi .esg_result_new_02 ul > li:before {content:""; width:7vw; max-width:117px; height:calc(7vw / 117 * 106); max-height:106px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.esg_result_new_gi .esg_result_new_02 ul > li:first-child:before {background-image:url(/images/sub/ico-esg-result-new-01.jpg);}
.esg_result_new_gi .esg_result_new_02 ul > li:last-child:before {background-image:url(/images/sub/ico-esg-result-new-02.jpg);}
.esg_result_new_gi .esg_result_new_02 ul > li > p {letter-spacing: -0.04em; font-weight: 600; color: #222; text-align: left;}
.esg_result_new_gi .esg_result_new_02 ul > li > p > span {display: block; margin-top:8px; font-size: 0.75em; letter-spacing: -0.04em; font-weight: 500;}
.esg_result_new_gi .esg_result_new_02 ul > li > p > em {font-style: normal; font-size: 0.5em; position: relative; top: -0.8em;}
.esg_result_new_gi .esg_result_new_02 ul > li > span {padding-right:8%; padding-bottom:3.5%; flex: 1 0 100%; text-align: right; font-size: 0.6em; color: #878788; letter-spacing: -0.04em; line-height: 1.9;}

.esg_result_new_pw .esg_result_new_02 h5 {margin-bottom: 0;}
.esg_result_new_pw .esg_result_new_02 ul {display: flex; flex-wrap: wrap; gap:1.3vw;}
.esg_result_new_pw .esg_result_new_02 ul > li {padding:1.4% 2.7% 2.5%; flex: 1; background: #ebf5ff;}

.esg_result_new_pw .esg_result_new_02 .list-top {display: flex; flex-wrap: wrap; padding-bottom:6%; justify-content: space-between; border-bottom: 1px solid #c0d5e9; font-size: 26px;}
.esg_result_new_pw .esg_result_new_02 .list-top .list-title {width:calc(100% - 114px); padding-top:15px; color: #232323; letter-spacing: -0.04em; font-weight: 800;}
.esg_result_new_pw .esg_result_new_02 .list-top .list-number {display: inline-flex; align-items: center; justify-content: center;width: 114px; max-width:114px; height:114px; max-height:114px; border:1px solid #005eb8; border-radius: 50%; color: #005eb8; font-size: 1.74em; font-weight: 800; text-indent: 10%; background: #ebf5ff; z-index: 1;}
.esg_result_new_pw .esg_result_new_02 .list-top .list-number > span {font-size: 0.7em; position: relative; bottom: -3px;}
.esg_result_new_pw .esg_result_new_02 .list-bottom {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: 5.6%;}
.esg_result_new_pw .esg_result_new_02 .list-bottom:before {content: ""; width: 46px; height: 46px; background-size: contain; background-repeat: no-repeat; background-position: center;}


.esg_result_new_pw .esg_result_new_02 ul > li:not(:first-child) .list-bottom > div > div:first-child:before {display: none;}


.esg_result_new_pw .esg_result_new_02 .list-bottom > div {width: calc(100% - 66px);}
.esg_result_new_pw .esg_result_new_02 .list-bottom > div > div {display: flex; position:relative; flex-wrap: wrap; justify-content: space-between; align-items: center; font-size:20px;}
.esg_result_new_pw .esg_result_new_02 .list-bottom > div > div:before {content: ""; position:absolute; display: block; width: calc(100% - 46px); height: 1px; background: #005eb8;}
.esg_result_new_pw .esg_result_new_02 .list-bottom > div > div > span {display:block; padding-right:7px; color: #232323; letter-spacing: -0.04em; font-weight: 600; background: #ebf5ff; z-index: 1;}
.esg_result_new_pw .esg_result_new_02 .list-bottom > div > div > em {width: 59px; height: 24px; background: #005eb8; color: #fff; font-size: 19px; letter-spacing: -0.04em; font-style: normal; text-align: center; z-index: 1; font-weight: 600;}
.esg_result_new_pw .esg_result_new_02 .list-bottom > div > div:first-child {margin-bottom: 4px;}


.esg_result_new_pw .esg_result_new_02 ul > li:nth-child(1) .list-bottom:before {background-image: url(/images/sub/ico-esg-result-new-04.png);}
.esg_result_new_pw .esg_result_new_02 ul > li:nth-child(2) .list-bottom:before {background-image: url(/images/sub/ico-esg-result-new-05.png);}
.esg_result_new_pw .esg_result_new_02 ul > li:nth-child(3) .list-bottom:before {background-image: url(/images/sub/ico-esg-result-new-06.png);}

.esg_result_new_pw .esg_result_new_03 .txt-detail {display: block; margin-top:1%; text-align: right; font-size: 19px; color: #232323; letter-spacing: -0.04em; font-weight: 600; line-height: 1.5;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap {display: flex; flex-wrap: wrap; gap:1.3vw; position: relative; margin-top: 10px;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap > div {flex: 1;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap > div > p {position:relative; display: inline-flex; height: 58px; width: 100%; justify-content: center; align-items: center;border: 1px solid #ddd; color: #333; font-size: 24px; letter-spacing: -0.04em; font-weight: 800; line-height: 1.5; background: #fff;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap > div > p:before {content: ""; position: absolute; bottom:-0.34em; width:0.6em; height: 0.6em; background: #fff;  border: 1px solid #ddd; left: 50%; transform: translate(-50%, 0) rotate(45deg); border-top: 0; border-left: 0;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap > div > ol {display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; align-items:center; position:relative; margin-top:18px; list-style: none;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap > div > ol > li {position:relative; flex: 1; max-height:135px; padding:51px 0; text-align: center; font-size: 22px; color: #262626; letter-spacing: -0.04em; font-weight: 800; line-height: 1.5; background: #f5f5f7; flex-basis: 100%;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol:before {content: ""; position: absolute; left:50%; width:10vw; max-width: 140px; min-width:70px; height:100%; max-height:140px; background: url(/images/sub/ico-esg-result-new-14.png) no-repeat center/contain; transform: translate(-50%, 0);  z-index: 1;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li {flex-basis: calc(50% - 5px);}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(1) {order: 1}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(2) {order: 2}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(3) {order: 4}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(4) {order: 3}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(1), .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(4) {background: #e3e6e9;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-02 > ol > li:last-child:before {content: ""; position: absolute; left:50%; top:-56px; width:75px; height:89px; background: url(/images/sub/ico-esg-result-new-13.png) no-repeat center/contain; transform: translate(-50%, 0);  z-index: 1;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(2):before, .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(3):before {content:""; position:absolute; right:0; top:50%; width: 10px; height: 10px; background: #005bac; border-radius: 50%; transform: translate(50%, -50%);}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(2) > span:before, .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(3) > span:before {content: ""; position: absolute; top:50%; left:100%; width: 85%; border-top:1px dashed #005bac; z-index: 2;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(2) > span:after, .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(3) > span:after {content: ""; position: absolute; top:50%; left:185%; width: 11px; height:12px; background:url(/images/sub/ico-esg-result-new-15.png) no-repeat center/contain; transform: translate(0, -50%); z-index: 3;}

.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-02 > ol > li > span {display: inline-block; padding: 0 8%; position: relative; background:#f5f5f7; z-index: 4;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-02 > ol > li > span:before {content: ""; position: absolute; top: 50%; left: 0; width: 11px; height: 12px; background: url(/images/sub/ico-esg-result-new-15.png) no-repeat center/contain; transform: translate(0, -50%);} 

.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-03 {display: flex; flex-wrap: wrap; gap:17px; margin-top:76px; border:1px solid #ddd; align-items: center; justify-content: center; flex-direction:column; text-align: center;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-03:before {content: ""; width: 76px; height: 67px;  background:url(/images/sub/ico-esg-result-new-07.png) no-repeat center/contain;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-03 > div {font-size: 24px; font-weight: 800; letter-spacing: -0.04em; color: #333;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-03 > div > span {color: #005eb8;}
.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-03 > div > em {font-size: 0.75em; font-style: normal;}

.esg_result_new_rg .esg-eval {position: relative; overflow: hidden; display: flex; flex-direction: column;}
.esg_result_new_rg .esg-eval > div > p,  .esg_result_new_rg .esg-eval .esg-eval-02 > p, .esg_result_new_rg .esg-eval .esg-eval-03 > p {position:relative; font-size: 26px; color: #005bac; letter-spacing: -0.04em; font-weight: 800; line-height: 1.4; background: #fff; z-index: 2;}
.esg_result_new_rg .esg-eval .esg-eval-title {position: relative; padding-bottom: 55px; order: 1;}
.esg_result_new_rg .esg-eval .esg-eval-title:after {content: ""; position: absolute; height:100%;  border:1px dashed #005bac; bottom:0; left: 50%; transform: translate(-50%, 46%);}
.esg_result_new_rg .esg-eval .esg-eval-02-03-wrap {order: 3;}
.esg_result_new_rg .esg-eval .esg-eval-link {position: relative; order: 2;}
.esg_result_new_rg .esg-eval .esg-eval-link:before {content: ""; position: absolute; width: 16px; height: 16px; background: #005bac; border-radius: 50%; top:0; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.esg_result_new_rg .esg-eval .esg-eval-link:after {content: ""; position: absolute; border: 1px dashed #005bac; top:50%; left: 50%; width: 100%; max-width: 580px; transform: translate(-50%, -50%);}
.esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; row-gap:10px; width:100%; max-width:464px; height:calc(100vw / 464 * 464); max-height: 464px; margin:0 auto; background: url(/images/sub/bg-esg-result-new-02.png) no-repeat center/contain; z-index: 1;}
.esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg > span {font-size: 26px; color: #9cc4ec; letter-spacing: -0.04em; font-weight: 600; line-height: 1.5;}
.esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg > a {font-size: 30px; color: #fff; letter-spacing: -0.04em; font-weight: 800; line-height: 1.3; text-align: center;}
.esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg > a > span {display: block;}
.esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg > a > span:last-child:after {content: ""; width:21px; height:20px; background:url(/images/sub/ico_link_white_20.png) no-repeat center/contain;}

.esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg > a > span:last-child {display: flex; align-items: center; gap:10px; margin-left: 1em;}


.esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg > a:last-child {margin-left: -1vw;}

.esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg:before, .esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg:after {content: ""; position: absolute; width: 16px; height: 16px; background: #005bac; border-radius: 50%; top:50%; z-index: 1;}
.esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg:before {left: 0; transform: translate(-50%, -50%);}
.esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg:after {right: 0; transform: translate(50%, -50%);}
.esg_result_new_rg .esg-eval .esg-eval-02, .esg_result_new_rg .esg-eval .esg-eval-03 {width: calc(50% - 290px); position: absolute; top: 55%; height: 100%; background: #fff; z-index: 1;}
.esg_result_new_rg .esg-eval .esg-eval-02 {left: 0; padding-right: 10px; text-align: right;}
.esg_result_new_rg .esg-eval .esg-eval-03 {right: 0; padding-left: 10px; text-align: left;}
.esg_result_new_rg .esg-eval .esg-eval-02 > p, .esg_result_new_rg .esg-eval .esg-eval-03 > p {margin-bottom: 3.5%;}
.esg_result_new_rg .esg-eval .esg-eval-02 > ul > li, .esg_result_new_rg .esg-eval .esg-eval-03 > ul > li, .esg_result_new_rg .esg-eval .esg-eval-title li {display: flex; gap:8px; align-items: baseline; font-size: 16px; color: #666; letter-spacing: -0.02em; font-weight: 600; margin-bottom: 2.3%;}
.esg_result_new_rg .esg-eval .esg-eval-02 > ul > li {justify-content: flex-end;}
.esg_result_new_rg .esg-eval .esg-eval-02 > ul > li:after, .esg_result_new_rg .esg-eval .esg-eval-03 > ul > li:before, .esg_result_new_rg .esg-eval .esg-eval-title ul > li:before {content: "\25AA"; color: #005bac; position: relative; top:-1px;}
.esg_result_new_rg .esg-eval .esg-eval-02 > p {text-align: right;}
.esg_result_new_rg .esg-eval .esg-eval-03 > p {text-align: left;}
.esg_result_new_rg .esg-eval .esg-eval-title ul {position: absolute; left:50%; top: 10%; width:50%; padding-left: 118px; z-index: 2;}
.esg_result_new_rg .esg-eval .esg-eval-title li:last-child {margin:0;}


.esg_result_new_dt h5 {text-align: center !important; } 
.esg_result_new_dt .esg_result_new_02 .list-wrap {display: flex; flex-wrap: wrap; gap:22px;}
.esg_result_new_dt .esg_result_new_02 .list-wrap > div {position:relative; padding:6% 0; border:1px solid #ddd; flex: 1;}
.esg_result_new_dt .esg_result_new_02 .list-wrap > div > h5 {position: absolute; left: 0; width: 100%; top: -5%;}
.esg_result_new_dt .esg_result_new_02 .list-wrap > div > h5 > b {position: relative; padding:0 3.5%; background: #fff;}  
.esg_result_new_dt .esg_result_new_02 .list-wrap > div > ul {display: flex; flex-wrap: wrap; justify-content: center;}
.esg_result_new_dt .esg_result_new_02 .list-wrap > div > ul > li {flex: 1 1 50%; padding:0 3%; text-align: center; font-size: 20px; color: #232323; letter-spacing: -0.04em;}
.esg_result_new_dt .esg_result_new_02 .list-wrap > div > ul > li > img {vertical-align: top;}
.esg_result_new_dt .esg_result_new_02 .list-wrap > div > ul > li > strong, .esg_result_new_dt .esg_result_new_02 .list-wrap > div > ul > li > span {display: block; line-height: 1.5;}
.esg_result_new_dt .esg_result_new_02 .list-wrap > div > ul > li > strong {margin-top:22px; font-weight: 800;}
.esg_result_new_dt .esg_result_new_02 .list-wrap > div > ul > li > span {padding-bottom:15px; font-weight: 500;}

@media screen and (min-width: 1024px) {
    .esg_result_0301 .item_wrap {max-width: 50rem; width: 100%;  margin: 0 auto; position: relative;}
    .esg_result_0301 .sm_item_wrap {width: 100%; height: 100%;}
    .esg_result_0301 .sm_item {display: flex; align-items: center; position: absolute; width: 110%;}
    .esg_result_0301 .sm_item.left {left:-79%; flex-direction: row-reverse;}
    .esg_result_0301 .sm_item.left .keyword {margin-left: 2.5rem;}
    .esg_result_0301 .sm_item.left .list_st01 > li {padding-left: 0; padding-right: 1.4rem;}
    .esg_result_0301 .sm_item.left .list_st01 > li:before {left: auto; right:0;}
    .esg_result_0301 .sm_item.right {right: -79%;}
    .esg_result_0301 .sm_item.right .keyword {margin-right: 2.5rem;}
    .esg_result_0301 .sm_item.left ul li {text-align: right;}
    .esg_result_0301 .sm_item.sm_item_01 {top:0;}
    .esg_result_0301 .sm_item.sm_item_02 {top:calc(50% - 6rem); padding-right: 9rem;}
    .esg_result_0301 .sm_item.sm_item_03 {bottom:0;}
    .esg_result_0301 .sm_item.sm_item_04 {top:0;}
    .esg_result_0301 .sm_item.sm_item_05 {top:calc(50% - 6rem); padding-left: 9rem;}
    .esg_result_0301 .sm_item.sm_item_06 {bottom:0;}

    .en .esg_result_0301 .sm_item .keyword {width: 12.5rem; height: 12.5rem; font-size: 1.5rem; padding: 1rem;}
}
.esg_result_0302 {padding-top: 7rem; text-align: center;}
.esg_result_0302 .sub_title_3 {text-align: left;}
.esg_result_0302 .item_title_box {position: relative; font-size: 2.6rem; color: #005eb8; font-weight: 600; padding: 0 2rem; display: inline-flex; justify-content: center; align-items: center; width: 40rem; height:7rem; border:1px solid #005eb8; border-radius: 3.5rem; -webkit-border-radius: 3.5rem; -moz-border-radius: 3.5rem; -ms-border-radius: 3.5rem; -o-border-radius: 3.5rem; }
.esg_result_0302 .item_title_box.width_auto {width: auto;}
.esg_result_0302 .item_title_box:before {z-index: 1; display: block; content:""; width:7px; height:7px; background-color: #005eb8; position: absolute; top:calc(100% - 3px); left:calc(50% - 3px); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.esg_result_0302 .item_title_box:after {display: block; content:""; width:1px; height:12rem; background-color: #ddd; margin:0 auto; position: absolute; top:100%; left:50%;}
.esg_result_0302 .item_wrap {margin-top: 12rem;}
.esg_result_0302 .item_wrap .item {width:25%; margin-left: -1px; padding: 5rem 3rem; border: 1px solid #ddd;}
.esg_result_0302 .item_wrap .item .ico {height: 8rem;}
.esg_result_0302 .item_wrap .item .text {color: #222; font-weight: 500; margin-top: 2.5rem;}
.esg_result_0302 .item_wrap .item .text_desc {margin-top: 0.5rem;}


.esg_result_0303 {padding-top: 7rem; text-align: center;}
.esg_result_0303 .item_wrap > dl {display: flex; align-items: stretch; gap: 10px;}
.esg_result_0303 .item_wrap > dl:not(:first-child) {margin-top: 10px;}
.esg_result_0303 .item_wrap > dl > dt {flex: 1 1 30%; background: #f5f5f7; color: #222; font-weight: 500;}
.esg_result_0303 .item_wrap > dl > dt > span {display: inline-flex; height: 100%; align-items: center; justify-content: center;}
.esg_result_0303 .item_wrap > dl > dd {flex: 1 1 70%; display: flex; flex-direction: column; gap: 34px;}
.esg_result_0303 .item_wrap > dl > dd > div {border: 1px solid #ddd;}
.esg_result_0303 .item_wrap .icon-wrap {position:relative; padding: 25px 5.5vw;}
.esg_result_0303 .item_wrap .icon-wrap:before {content: ""; position: absolute; left: 50%; bottom: -44px; width: 75px; height: 53px; background: url(/images/sub/ico-esg-result-new-13.png) no-repeat center bottom; transform: translate(-50%, 0); z-index: 1;}
.esg_result_0303 .item_wrap .icon-wrap > p {margin-bottom: 15px; color: #222; font-weight: 500;}
.esg_result_0303 .item_wrap .icon-wrap > ul {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.esg_result_0303 .item_wrap .icon-wrap > ul > li {flex-grow: 1; flex-shrink: 0; flex-basis: calc(100% / 3);} 
.esg_result_0303 .item_wrap .icon-wrap .text {color: #222; font-weight: 500;}
.esg_result_0303 .item_wrap .icon-wrap .text_desc {margin-top: 0.5rem;}
.esg_result_0303 .item_wrap .txt-wrap {padding: 15px 20px;}
.esg_result_0303 .item_wrap .txt-wrap > ul {text-align: left;}
.esg_result_0303 .item_wrap .txt-wrap > ul > li {display: flex; gap: 10px; align-items: center;}
.esg_result_0303 .item_wrap .txt-wrap > ul > li:not(:last-child) {margin-bottom: 10px;}
.esg_result_0303 .item_wrap .txt-wrap > ul > li::before {content: ""; background: #005eb8; width: 0.4rem; height: 0.4rem;}

/* 고충처리프로세스 변경버전 20240508 */
.esg_result_0303 .item_wrap #phases {text-align: center; } 
.esg_result_0303 .item_wrap #phases ul {list-style: none;display: inline-table;width: 100%;} 
.esg_result_0303 .item_wrap #phases ul li {display: inline;} 
.esg_result_0303 .item_wrap #phases ul li a {display: block;pointer-events: none;float: left;width: calc(25% - 20px);height: 100px;background: #005eb8;text-align: center;padding: 35px 50px 0 100px;position: relative;margin: 0 10px 0 0;font-size: 24px;text-decoration: none;color: #fff;box-sizing: border-box;} 
.esg_result_0303 .item_wrap #phases ul li.current-phase a {background: #e41d24; } 
.esg_result_0303 .item_wrap #phases ul li.current-phase a:after {border-left: 40px solid #e41d24 !important; } 
.esg_result_0303 .item_wrap #phases ul li a:after {content: "";border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 40px solid #005eb8;position: absolute;right: -40px;top: 0;z-index: 1;} 
.esg_result_0303 .item_wrap #phases ul li a:before {content: "";border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 40px solid white;position: absolute;left: 0;top: 0;} 
.esg_result_0303 .item_wrap #phases ul li:first-child a:before { display: none; } 

.esg_result_0303 .item_wrap #processConts {text-align: left;margin-top: 20px;} 
.esg_result_0303 .item_wrap #processConts ul.conts {list-style: none;display: inline-table;width: 100%;} 
.esg_result_0303 .item_wrap #processConts ul.conts > li {display: block;pointer-events: none;float: left;width: calc(25% - 18px);height: 35rem;background: #fff;text-align: left;padding: 30px;position: relative;margin: 0 10px 0 0;text-decoration: none;color: #666;box-sizing: border-box;border: 1px solid #ddd;line-height: 1.3;} 
.esg_result_0303 .item_wrap #processConts ul.dia { position: relative; width: 100%; margin-top: 30px; } 
.esg_result_0303 .item_wrap #processConts ul.dia li:first-child { width: 100%; padding-bottom: 30px; } 
.esg_result_0303 .item_wrap #processConts ul.dia li { width: 50%; float: left; text-align: center; } 
.esg_result_0303 .item_wrap #processConts ul.dia li .ico img { width: 5rem; } 
.esg_result_0303 .item_wrap #processConts ul.dia li p { font-size: 1.6rem; } 
.esg_result_0303 .item_wrap #processConts ul.dia li p.text { font-weight: 600; } 
.esg_result_0303 .item_wrap #processConts ul.conts > li > p { text-align: left; padding-left: 10px; position: relative; margin-bottom: 10px; } 
.esg_result_0303 .item_wrap #processConts ul.conts > li > p:before { content: ""; background: #005eb8; width: 0.4rem; height: 0.4rem; display: inline-block; position: absolute; top: 10px; left: -3px; } 

@media screen and (max-width: 1200px) {
	.esg_result_0303 .item_wrap #processConts ul.dia li .ico img { width: 4rem; } 
	.esg_result_0303 .item_wrap #processConts ul.dia li p { font-size: 1.4rem; } 
    .esg_result_0303 .item_wrap #phases ul li a { font-size: 2.3rem;}
}

@media screen and (max-width: 1080px){
 .esg_result_0303 .item_wrap #processConts ul.dia li .ico img { width: 4rem; } 
 .esg_result_0303 .item_wrap #processConts ul.dia li p { font-size: 1.8rem; } 
 .esg_result_0303 .item_wrap #phases ul li a { font-size: 1.8rem; width: calc(25% - 16px); padding: 25px 0px 0px 30px; height: 70px; } 
 .esg_result_0303 .item_wrap #processConts ul.conts > li { float: none; width: 100%; margin-bottom: 10px; font-size: 2rem; height: auto; } 
 .esg_result_0303 .item_wrap #processConts ul.dia { display: block; } 
 .esg_result_0303 .item_wrap #processConts ul.dia li { float: none !important; display: inline-block; width: auto !important; margin-right: 20px; padding: 0 !important; } 
 .esg_result_0303 .item_wrap #phases ul li a:after, .esg_result_0303 .item_wrap #phases ul li a:before { border-width: 35px; right: -34px; }
 }


@media screen and (max-width: 600px) {
 .esg_result_0303 .item_wrap #processConts ul.conts > li { padding: 11px; font-size: 1.8rem; } 
 .esg_result_0303 .item_wrap #processConts ul.dia li p { font-size: 1.6rem; } 
 .esg_result_0303 .item_wrap #phases ul li a { font-size: 1.6rem; } 
 .esg_result_0303 .item_wrap #phases ul li:nth-child(2) a {padding-top: 20px;}
 }
 
 
/* 윤리경영 */

/* 윤리경영 */
.ethics_canon_sec01 {padding: 9rem 0; background:url(/images/sub/ethics_canon_sec01_bg.png) no-repeat center/cover; color: #fff;}
.ethics_canon_sec01 h6 {font-size: 3rem; font-weight: 600;}
.ethics_canon_sec01 p {margin-top: 3rem; line-height: 1.5555;}
.ethics_canon_sec02 {padding: 19.5rem 0;background-color:#f5f5f7;}
.ethics_canon_sec02 .center_item { width: 47rem; height: 47rem; display: inline-flex; align-items: center; justify-content: center; border:1px dashed #c6d5e5; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.ethics_canon_sec02 .center_item .keyword { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 28rem; height: 28rem; border:2rem solid #dce6f1; background-color: #005eb8; font-size: 2.7rem; color: #fff; font-weight: 600; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.ethics_canon_sec02 .center_item .keyword:after { content:""; background:url(/images/sub/ethics_canon_sec02_doosan_logo.png) no-repeat center/contain; width: 22.9rem; height:3.1rem; position: absolute; bottom:30%; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.ethics_canon_sec02 .center_item .keyword .text {margin-top: 1.2rem; text-align: center;}
.ethics_canon_sec02 .sm_item .ico { width: 11rem; height: 11rem; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; background-color: #fff; background-repeat: no-repeat; background-position: center; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50%; box-shadow: 5px 9px 15px 0px rgba(14, 23, 32, 0.13); transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; }
.ethics_canon_sec02 .sm_item .ico:hover {background-color: #005eb8;}
.ethics_canon_sec02 .sm_item .ico01 {background-image:url(/images/sub/ethics_canon_sec02_ico01.png);}
.ethics_canon_sec02 .sm_item .ico01:hover {background-image:url(/images/sub/ethics_canon_sec02_ico01_on.png);}
.ethics_canon_sec02 .sm_item .ico02 {background-image:url(/images/sub/ethics_canon_sec02_ico02.png);}
.ethics_canon_sec02 .sm_item .ico02:hover {background-image:url(/images/sub/ethics_canon_sec02_ico02_on.png);}
.ethics_canon_sec02 .sm_item .ico03 {background-image:url(/images/sub/ethics_canon_sec02_ico03.png);}
.ethics_canon_sec02 .sm_item .ico03:hover {background-image:url(/images/sub/ethics_canon_sec02_ico03_on.png);}
.ethics_canon_sec02 .sm_item .ico04 {background-image:url(/images/sub/ethics_canon_sec02_ico04.png);}
.ethics_canon_sec02 .sm_item .ico04:hover {background-image:url(/images/sub/ethics_canon_sec02_ico04_on.png);}
.ethics_canon_sec02 .sm_item .ico05 {background-image:url(/images/sub/ethics_canon_sec02_ico05.png);}
.ethics_canon_sec02 .sm_item .ico05:hover {background-image:url(/images/sub/ethics_canon_sec02_ico05_on.png);}
.ethics_canon_sec02 .sm_item .ico06 {background-image:url(/images/sub/ethics_canon_sec02_ico06.png);}
.ethics_canon_sec02 .sm_item .ico06:hover {background-image:url(/images/sub/ethics_canon_sec02_ico06_on.png);}
.ethics_canon_sec02 .sm_item .keyword {color: #222; font-weight: 800; line-height: 1.4; font-size: 2rem;}

/* ESG 신규 */
.esg-new h3 {padding:34px 0 66px; font-size:5rem; color:#000; text-align:center;}
.esg-new h3 > span {position:relative;}
.esg-new h3 > span::before {content:""; background:#fff url("/images/sub/ico-leaf.png") no-repeat center/contain; width:0.42em; height:0.42em; position:absolute; top:-0.02em; left:-0.09em;}
.esg-new .esg-card {width:100%; max-width:1500px; margin:0 auto;}
.esg-new .esg-card > ul {display:flex; flex-wrap:wrap; gap:40px; width:100%;}
.esg-new .esg-card > ul > li {flex-grow:1; flex-shrink:1; padding:5rem 0 4.4rem; text-align:center; background:#fff; border-top-width:3px; border-top-style:solid;}
.esg-new .esg-card > ul > li:not(:last-child) {flex-basis:30%;}
.esg-new .esg-card > ul > li:nth-child(1) {border-top-color:#00ad83;}
.esg-new .esg-card > ul > li:nth-child(2) {border-top-color:#00a5d7;}
.esg-new .esg-card > ul > li:nth-child(3) {border-top-color:#005bac;}
.esg-new .esg-card > ul > li:nth-child(4) {flex-basis:100%; border-top-color:#ff5e33;}
.esg-new .esg-card .title {padding:0 10%;}
.esg-new .esg-card .title > h4 {width:100%; height:57px; max-height:57px; margin:0 auto 3rem; text-indent:-5000px; background-position:center; background-repeat:no-repeat;}
.esg-new .esg-card > ul > li:nth-child(1) h4 {max-width:316px; background-image:url("/images/sub/esg-txt-01.png");}
.esg-new .esg-card > ul > li:nth-child(2) h4 {max-width:304px; background-image:url("/images/sub/esg-txt-02.png");}
.esg-new .esg-card > ul > li:nth-child(3) h4 {max-width:359px; background-image:url("/images/sub/esg-txt-03.png");}
.esg-new .esg-card > ul > li:nth-child(4) h4 {max-width:339px; background-image:url("/images/sub/esg-txt-04.png");}
.esg-new .esg-card .depth02 {padding:0 18%; text-align:left;}
.esg-new .esg-card .depth02 > li {display:flex; min-height:5rem; align-items:center; gap:18px; font-size:2.3rem; color:#000; font-weight:800;}
.esg-new .esg-card .depth02 > li::before {content:""; height:50px; background-position:center; background-repeat:no-repeat;}
.esg-new .esg-card > ul > li:nth-child(2) .depth02 {padding:0 11.9%;}
.esg-new .esg-card > ul > li:nth-child(3) .depth02 {padding:0 12%;}
.esg-new .esg-card > ul > li:nth-child(4) .depth02 {width:100%; max-width:618px; display:flex; flex-wrap:wrap; margin:0 auto; padding:0; justify-content:space-between;}
.esg-new .esg-card > ul > li:nth-child(1) li::before {width:53px;}
.esg-new .esg-card > ul > li:nth-child(1) li:first-child::before {background-image:url("/images/sub/ico-esg-01.jpg");}
.esg-new .esg-card > ul > li:nth-child(1) li:last-child::before {background-image:url("/images/sub/ico-esg-02.jpg");}
.esg-new .esg-card > ul > li:nth-child(2) li::before {width:46px;}
.esg-new .esg-card > ul > li:nth-child(2) li:first-child::before {background-image:url("/images/sub/ico-esg-03.jpg");}
.esg-new .esg-card > ul > li:nth-child(2) li:last-child::before {background-image:url("/images/sub/ico-esg-04.jpg");}
.esg-new .esg-card > ul > li:nth-child(3) li::before {width:43px;}
.esg-new .esg-card > ul > li:nth-child(3) li:first-child::before {background-image:url("/images/sub/ico-esg-05.jpg");}
.esg-new .esg-card > ul > li:nth-child(3) li:last-child::before {background-image:url("/images/sub/ico-esg-06.jpg");}
.esg-new .esg-card > ul > li:nth-child(4) li::before {width:48px;}
.esg-new .esg-card > ul > li:nth-child(4) li:first-child::before {background-image:url("/images/sub/ico-esg-07.jpg");}
.esg-new .esg-card > ul > li:nth-child(4) li:last-child::before {background-image:url("/images/sub/ico-esg-08.jpg");}
.esg-new .esg-detail {padding:57px 0 117px;}
.esg-new .esg-detail > dl {display:flex; flex-wrap:wrap; gap:20px; align-items:center; min-height:155px; padding:20px 0;}
.esg-new .esg-detail > dl:not(:last-child) {border-bottom:1px solid #ddd;}
.esg-new .esg-detail > dl > dt {flex-grow:1; flex-shrink:1; flex-basis:calc(17% - 20px); min-width:140px; font-size:26px; color:#222; font-weight:600;}
.esg-new .esg-detail > dl > dd {flex:1 1 83%; font-size:19px; font-weight:500; line-height:1.8;}
@media screen and (max-width: 1470px) {
	.esg-new .esg-card .title h4 {height:auto; background-size:contain;}
	.esg-new .esg-card > ul {gap:clamp(26px, 2vw, 3%);}
	.esg-new .esg-card > ul > li {flex-basis:48.5% !important;}
	.esg-new .esg-card > ul > li:nth-child(1) h4 {height: calc(100vw / 316 * 57);}
	.esg-new .esg-card > ul > li:nth-child(2) h4 {height: calc(100vw / 304 * 57);}
	.esg-new .esg-card > ul > li:nth-child(3) h4 {height: calc(100vw / 359 * 57);}
	.esg-new .esg-card > ul > li:nth-child(4) h4 {height: calc(100vw / 339 * 57);}
	.esg-new .esg-card .depth02 {display:block !important; padding: 0 12% !important;}
	.esg-new.esg-new-en .esg-detail > dl:nth-child(1) > dd br, .esg-new.esg-new-en .esg-detail > dl:nth-child(2) > dd br {display:none;}
	
}
@media screen and (max-width: 1327px) {
	.esg-new .esg-detail > dl:nth-child(4) > dd br {display:none;}
	
}
@media screen and (max-width: 1092px) {
	.esg-new .esg-detail > dl:nth-child(2) > dd br {display:none;}
	
}
@media screen and (min-width: 1024px) {
    .ethics_canon_sec02 .item_wrap {width:100%; max-width: 47rem; margin: 0 auto; position: relative;}
    .ethics_canon_sec02 .sm_item_wrap {width: 100%;height: 100%;}
    .ethics_canon_sec02 .sm_item {display: flex; align-items: center; position: absolute; width: 100%;}
    .ethics_canon_sec02 .sm_item.left {left:-69%; flex-direction: row-reverse;}
    .ethics_canon_sec02 .sm_item.left .ico {margin-left: 2.5rem;}
    .ethics_canon_sec02 .sm_item.right {right: -69%;}
    .ethics_canon_sec02 .sm_item.right .ico {margin-right: 2.5rem;}
    .ethics_canon_sec02 .sm_item.left ul li {text-align: right;}
    .ethics_canon_sec02 .sm_item.top,
    .ethics_canon_sec02 .sm_item.bottom {left:0; text-align: center;}
    .ethics_canon_sec02 .sm_item.top .ico {margin-top: 2.5rem;}
    .ethics_canon_sec02 .sm_item.bottom .ico {margin-bottom: 2.5rem;}
    .ethics_canon_sec02 .sm_item.sm_item_01 {top: -10.5rem; flex-direction: column-reverse;}
    .ethics_canon_sec02 .sm_item.sm_item_02 {top: calc(30% - 5.5rem); padding-right: 8rem;}
    .ethics_canon_sec02 .sm_item.sm_item_03 {top: calc(80% - 5.5rem); padding-right: 5rem;}
    .ethics_canon_sec02 .sm_item.sm_item_04 {bottom: -10.5rem; flex-direction: column;}
    .ethics_canon_sec02 .sm_item.sm_item_05 {top: calc(80% - 5.5rem); padding-left: 5rem;}
    .ethics_canon_sec02 .sm_item.sm_item_06 {top: calc(30% - 5.5rem); padding-left: 8rem;}
}
.ethics_canon_sec03 {padding-top: 7rem;}
.ethics_canon_sec03 article h6 {font-size:3rem; color: #222; font-weight: 600; display: flex; align-items: center;}
.ethics_canon_sec03 article h6 small {display: inline-block; margin-left: 2rem; font-weight: 500; font-size: 1.6rem;}
.ethics_canon_sec03 article p {color: #222; font-weight: 600; line-height: 1.555; margin-top: 2rem;}
.ethics_canon_sec03 article .list_st01 {border-top: 1px solid #ddd; padding-top: 2.5rem; margin-top: 2.5rem;}
.ethics_canon_sec03 article:nth-child(n+2) {margin-top: 8rem;}

.section_nav { opacity: 0; visibility: hidden; position:fixed; left:0; top:50%; z-index:2; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.section_nav.show { opacity: 1; visibility:visible; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.section_nav a {display:inline-block; position:relative; margin: 1rem 0; padding-left: 6rem; font-size:1.6rem; color:#aaa; font-weight: 500; line-height: 1.625;}
.section_nav a:before {display:inline-block; content:''; width:0; height:2px; background:#005eb8; transition:all .2s; position: absolute; top:1rem; left:0;}
.section_nav a.active {color:#005eb8;}
.section_nav a.active:before {width:4.5rem;}

.en .section_nav a {line-height: 1.5;}


/* ESG - 보고서 */
.esg_report_cont {overflow: hidden;}
.esg_report_sec01 {padding-bottom:8.5rem; position:relative;}
.esg_report_sec01::before {content:""; width:100%; height:58%; position:absolute; bottom:0; left:0; background-color:#f5f5f7;}
.esg_report_sec01::after {content:""; width:51.8rem; height:7.1rem; position:absolute; bottom:0; right:0; background:url(/images/sub/doosan_text_logo.png) no-repeat center/contain;}
.esg_report_sec01 .inner {position:relative;}
.esg_report_sec01 .flexbox {align-items:center;}
.esg_report_sec01 .img_box {width: 50%;}
.esg_report_sec01 .text_box {width: 50%; padding: 2rem;}
.esg_report_sec01 .text_box .year {color:#005eb8; font-weight:500;}
.esg_report_sec01 .text_box h4 {font-size:3.2rem; color:#222; font-weight:600; margin-top:1rem;}
.esg_report_sec01 .text_box p {line-height:1.555; margin-top:4.5rem;}
.esg_report_sec01 .btn_download_wrap { margin-top:3.5rem;}
.esg_report_sec01 .btn_download {width:20.4rem;}
.esg_report_sec02 {padding-top:8.5rem;}
.esg_report_sec02_list {display:flex; flex-wrap:wrap; width:calc(100% + 3.6rem);}
.esg_report_sec02_list li {width:25%; padding-right:3.6rem;}
.esg_report_sec02_list li:nth-child(n+4) {margin-top:6rem;}
.esg_report_sec02_list li .img_box {display:inline-block; font-size:0; border:1px solid #ddd;}
.esg_report_sec02_list li .text_box {padding-top:2.5rem;}
.esg_report_sec02_list li .year {font-size:1.6rem; color:#005eb8; font-weight:500;}
.esg_report_sec02_list li h4 {font-size:2.8rem; color:#222; font-weight:600; margin-top:1rem; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.esg_report_sec02_list li .btn_download_wrap {margin-top:3.5rem;}
.esg_report_sec02_list li .btn_download {width:19.7rem; max-width:calc(50% - 1rem);}
.esg_report_sec02_list .btn_download_wrap.ta_l {justify-content: space-between;}

/* 사이버신고센터 */
.ethics_cyber_sec01 {position:relative; padding-bottom:14.5rem;}
.ethics_cyber_sec01::after {content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; max-height: calc(100% - 21rem); background-color: #f5f5f7; z-index: -1;}
.ethics_cyber_sec01 .list {margin-top:7rem;}
.ethics_cyber_sec01 .list li {margin-bottom:3.5rem; display:flex; align-items:center; color:#222;}
.ethics_cyber_sec01 .list li .number {position:relative; flex-shrink:0; margin-right:2.5rem; display:inline-flex; align-items:center; justify-content:center; width:5rem; height: 5rem; font-size: 2.4rem; color:#f5f5f7; font-weight:500; background-color: #005eb8; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.ethics_cyber_sec01 .list li .text {line-height:1.4;}
.ethics_cyber_sec01 .list li:not(:last-child) .number::after {display:block; content:''; width:1px; height:3.5rem; border:1px dashed #ddd; position:absolute; top:100%; left:50%;}
.ethics_cyber_sec01 .btn_wrap {margin-top:6rem;}
.ethics_cyber_sec01 .btn_download {width: 32rem; height:7.6rem; font-weight: 600; font-size:1.8rem;}
.ethics_cyber_sec01 .btn_download:not(:hover) {color:#222;}

/* 사회공헌 */
.ethics_education_sec01 .list {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.ethics_education_sec01 .list li {display:flex; align-items: center;}
.ethics_education_sec01 .list li.is_long {align-items: flex-start}
.ethics_education_sec01 .list li.is_long .ico {padding-top:5rem;}
.ethics_education_sec01 .list .ico {flex-shrink:0; padding-right:7rem;}
.ethics_education_sec01 .list dl {padding: 6rem 6rem 6rem 0; border-bottom:1px solid #ddd; width:100%; max-width:calc(100% - 26rem); min-height: 28.3rem; display: flex; flex-direction: column; justify-content: center;}
.ethics_education_sec01 .list dt {font-size:2.6rem; color:#222; font-weight:600;}
.ethics_education_sec01 .list dd {margin-top:3.2rem; line-height:1.555; font-weight: 500;}

.society_charity_sec01 {padding:8rem 0;}
.society_charity_sec01 .video {position:relative; width:100%; height:0; padding-bottom:56.25%;}
.society_charity_sec01 .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.society_charity_sec01 .text_box {margin-top: 6rem;}
.society_charity_sec01 .text_box dt {font-size:2.6rem; color:#222; font-weight:600;}
.society_charity_sec01 .text_box dd {margin-top:3.2rem; line-height:1.555;}
.society_charity_sec02 {background:url(/images/sub/society_charity_bg01.png) no-repeat center/cover; padding:12rem 0;}
.society_charity_sec02 h6 {font-size:2.4rem; color:#fff; line-height:1.666; font-weight:400;}
.society_charity_sec02 .keyword_wrap {position:relative;}
.society_charity_sec02 .keyword_wrap::after { display:block; content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:rgba(255,255,255,0.9);}
.society_charity_sec02 .keyword_list {width:94%; max-width:114rem; display:flex; justify-content:space-between; margin:6rem auto 0 auto;}
.society_charity_sec02 .keyword_list li {position:relative; display:inline-flex; align-items:center; justify-content:center; flex-direction:column; width:31rem; height:31rem; border-radius:50%; border:1px solid rgba(255,255,255,0.7); text-align: center;}
.society_charity_sec02 .keyword_list li .text {font-size:2.6rem; color:#fff; font-weight:500;}
.society_charity_sec02 .keyword_list li .dot {display:inline-block; width:0.8rem; height:0.8rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.society_charity_sec02 .keyword_list li .dot:before,
.society_charity_sec02 .keyword_list li .dot:after {display:block; content:''; width:0.8rem; height:0.8rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.society_charity_sec02 .keyword_list li .dot:before { box-shadow:0px 0px 10px 5px rgba(255,255,255,0.5); border-radius:100%; transform:translate(-50%,-50%) scale(0); -webkit-transform:translate(-50%,-50%) scale(0); -moz-transform:translate(-50%,-50%) scale(0); -ms-transform:translate(-50%,-50%) scale(0); -o-transform:translate(-50%,-50%) scale(0); animation: twinkPoint 2s infinite linear; -webkit-animation: twinkPoint 2s infinite linear; }
.society_charity_sec02 .keyword_list li .dot:after {background-color:#fff; border-radius:50%;}
.society_charity_sec02 .keyword_list .half_area {height:50%; display:flex; justify-content:center;}
.society_charity_sec02 .keyword_list .top_area {align-items:flex-end; padding-bottom:2.5rem;}
.society_charity_sec02 .keyword_list .bottom_area {align-items:flex-start; padding-top:2.5rem;}





/* ===== 미디어센터 ===== */
/* 광고&PR영상 */
.advertisement_pr_cont {display:flex; justify-content:space-between; align-items:flex-start; color:#222;}
.advertisement_pr_cont .youtube {flex-shrink:0; width:30.4rem; box-shadow: 3px 4px 9.5px 0.5px rgba(0, 0, 0, 0.03); margin-right:7.5rem;}
.advertisement_pr_cont .youtube .banner {background-color:#005eb8; border:1px solid #ddd; margin-bottom:1px; color:#fff; padding:4rem 2.5rem; position:relative;}
.advertisement_pr_cont .youtube .banner::after {display:inline-block; content:''; width:5rem; height:3.8rem; background:url(/images/sub/ico_pr_youtube.png) no-repeat center/contain; position:absolute; top:1.7rem; right:1.7rem;}
.advertisement_pr_cont .youtube .banner_title {font-size:2rem; font-weight:400;}
.advertisement_pr_cont .youtube .banner_title strong {font-weight:600;}
.advertisement_pr_cont .youtube .banner_text {font-size:1.6rem; line-height:1.625; margin-top:2rem;}
.advertisement_pr_cont .youtube .link_list {background-color:#fff;}
.advertisement_pr_cont .youtube .link_list .item {position:relative; display:flex; justify-content:space-between; align-items:center; height:8.5rem; padding:2rem 2.5rem; border:1px solid #ddd; margin-top:-1px; font-weight:500;}
.advertisement_pr_cont .youtube .link_list .item:first-child {border-top:none;}
.advertisement_pr_cont .youtube .link_list .item:hover {color:#fff;}
.advertisement_pr_cont .youtube .link_list .item:after { display:block; content:''; width:0; height:100%; position:absolute; top:0; left:0; background-color:#005eb8; transition:width 0.8s; -webkit-transition:width 0.8s; -moz-transition:width 0.8s; -ms-transition:width 0.8s; -o-transition:width 0.8s; }
.advertisement_pr_cont .youtube .link_list .item:hover:after {width:100%;}
.advertisement_pr_cont .youtube .link_list .item > * {position:relative; z-index:1;}
.advertisement_pr_cont .youtube .link_list .item .text { transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; }
.advertisement_pr_cont .youtube .link_list .item .text small {display:block; font-size:1.5rem; margin-top: 0.2rem;}
.advertisement_pr_cont .youtube .link_list .item .ico_link {display:inline-block; width:1.7em; height:1.6rem; background:url(/images/main/ico_youtube_link.png) no-repeat center/contain;}
.advertisement_pr_cont .youtube .link_list .item:hover .ico_link {background-image:url(/images/main/ico_youtube_link_on.png);}
.advertisement_pr_cont .video_list_wrap {width: 100%;}
.advertisement_pr_cont .video_list {display:flex; flex-wrap:wrap; width:100%; max-width:111.5rem;}
.advertisement_pr_cont .video_list .item {width:calc(50% - 1.75rem); margin-bottom:3.5rem;}
.advertisement_pr_cont .video_list .item:nth-child(2n) {margin-left:3.5rem;}
.advertisement_pr_cont .video_list .item p {font-size:2rem; text-align:center; color:#222; font-weight:500; margin-top:3.5rem;}
.advertisement_pr_cont .video_list .item .video {position:relative; width:100%; height:0; padding-bottom:56.25%;}
.advertisement_pr_cont .video_list .item .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.advertisement_pr_cont .btn_wrap {margin-top:4.5rem;}



/* 인쇄광고 */
.advertisement_print_cont {display:flex; justify-content:space-between; align-items:flex-start; color:#222;}
.advertisement_print_cont a {color:#222;}
.advertisement_print_cont .year {position: relative;flex-shrink:0;margin-right:7.5rem;min-width:14.8rem;display:flex;align-items:center;justify-content:space-between;}
.advertisement_print_cont .year ul {display:none; border:1px solid #222; padding:1rem 0; position:absolute; top:100%; margin-top:1.5rem; width:100%; z-index:2; background-color:#fff;}
.advertisement_print_cont .year ul li a { display:flex; align-items:center; width:100%; height:5rem; padding:0 2rem; font-size:1.8rem; transition:0.2s; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; }
.advertisement_print_cont .year ul li a:hover {background-color:#f5f5f7;}
.advertisement_print_cont .btn_year {position:relative;width:100%;text-align:left;display: inline-flex;align-items: center;justify-content: space-between;line-height: 1;}
.advertisement_print_cont .btn_year::after { display:inline-block; content:''; width:1.9rem; height:1.1rem; margin:0 1rem; background:url(/images/sub/ico_year_arrow.png) no-repeat center/contain; transition:0.4s ease; -webkit-transition:0.4s ease; -moz-transition:0.4s ease; -ms-transition:0.4s ease; -o-transition:0.4s ease; }
.advertisement_print_cont .btn_year.active::after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.advertisement_print_cont .btn_year strong {font-size:4rem; font-weight:600; color: #222;}
.advertisement_print_cont .item_list {display:flex; flex-wrap:wrap; max-width:111.5rem; width: 100%;}
.advertisement_print_cont .item_list:not(.show) {display: none;}
.advertisement_print_cont .item_list .item {width:calc(50% - 3rem);}
.advertisement_print_cont .item_list .item:nth-child(2n) {margin-left:6rem;}
.advertisement_print_cont .item_list .item:nth-child(n+3) {margin-top:6rem;}


/* ===== CONTACT US ===== */
.pribox {padding-top:6.5rem;}
.pribox h5 {margin-bottom:2.2rem; font-size:2.4rem; color:#222; font-weight:600;}
.pribox .pricon {padding:4rem 2rem 4rem 4rem; font-size:1.6rem; line-height:1.625; background-color:#fafafa;}
.pribox .pricon .scroll_con {overflow-y:scroll; height:22rem;}
.pribox .pricon p {line-height:1.8;}
.pribox .pricon h4 {margin:1.5rem 0 0.5rem 0;}
.pribox .pricon ul {margin-bottom:1.5rem;}

.pribtn {display:flex; justify-content:space-between; padding-top:2rem; color:#222;}
.pribtn p {font-size:1.6rem; letter-spacing:-0.02em;}
.pribtn label { display:inline-block; position:relative; padding-left:3.3rem; font-size:1.6rem; line-height:2rem; letter-spacing:-0.02em; cursor:pointer;}
.pribtn label:after { content:""; position:absolute; left:0; top:0; width:2rem; height:2rem; border:1px solid #ddd;}
.pribtn label:before { content:""; position:absolute; left:5px; top:5px; z-index:10; width:1rem; height:1rem;}
.pribtn input[type="checkbox"] { display:none;}
.pribtn input[type="checkbox"]:checked + label:before {background-color:#005eb8;}

.req_text {font-size:1.6rem; text-align:right; margin-bottom:2rem;}
.req_text span {margin-right:2px;}

.form_wrap .formbox_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:5rem; border-top:1px solid #222; border-bottom:1px solid #ddd; padding:4rem 0;}
.form_wrap .formbox_wrap .formbox { display:flex; justify-content:space-between; align-items:flex-start; margin:1.5rem 0; width:100%;}
.form_wrap .formbox_wrap .formbox.half { width:47%;}
.form_wrap .formbox_wrap .formbox .left {padding:1.6rem 0 0; width: 14rem; font-weight:500; color:#262524; letter-spacing: -0.02em;}
.form_wrap .formbox_wrap .formbox .left span.point_color01 { display:inline-block; margin-right:4px; vertical-align:middle;}
.form_wrap .formbox_wrap .formbox .right {width: calc(100% - 14rem);}
.form_wrap .formbox_wrap .formbox div.dv-select {background-color:#f5f5f5;}
.form_wrap .formbox_wrap .formbox .form_input {background-color:#f5f5f5;}
.form_wrap .formbox_wrap .formbox .form_textarea {background-color:#f5f5f5;}
.form_wrap .formbox_wrap .formbox .filebox {position:relative; max-width:55rem; width:55%; padding-right:16rem;}
.form_wrap .formbox_wrap .formbox .filebox button { position:absolute; right:0; top:0; width:15rem; height:100%; background-color:#005eb8; border:1px solid #005eb8; font-size:1.6rem; color:#fff; letter-spacing:-0.02em; transition:.2s ease; -webkit-transition:.2s ease; -moz-transition:.2s ease; -ms-transition:.2s ease; -o-transition:.2s ease; }
.form_wrap .formbox_wrap .formbox .filebox button:hover {background-color:#fff; color:#005eb8;}
.form_wrap .formbox_wrap .formbox .filebox span { overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; padding:0 1.111em; width:100%; height:6rem; line-height:6rem; background-color:#f6f6f6; font-size:1.6rem; color:rgba(34,34,34,0.5);}
.form_wrap .form_text_sm {margin-top:1.5rem; font-size:1.4rem;}
.form_wrap .btn_wrap a {margin:0 1rem;}

.email_box {display:flex; align-items:center; max-width:98rem;}
.email_box .width_m {width:33.33%;}
.email_box .at {display:inline-block; margin:0 1rem; flex-shrink:0; text-align:center; font-size:1.6rem; color:#262524;}
.email_box .dv-select {margin-left:1rem; position:relative;}

.contact_cont .contact_toptext {font-weight:500; color:#222; line-height:1.55; margin-bottom:3.5rem;}
.contact_cont .btn_wrap {margin-top:7rem; margin-bottom: 10rem;}


#contact .bottom_banner {display: flex;}
#contact .bottom_banner .banner {position: relative; display: flex; flex-direction: column; justify-content: center; width:50%; height:30rem; color:#fff; font-size:2.2rem; overflow: hidden; padding:0 7.5rem;}
#contact .bottom_banner .banner:nth-child(n+2) {border-left:1px solid #888;}
#contact .bottom_banner .banner .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 60%); background-position: center; background-repeat: no-repeat; background-size: cover; background-blend-mode: multiply; transition: all 0.4s;}
#contact .bottom_banner .banner:nth-child(1) .bg { background-image:url("/images/intro/brand/img_inquiry_01.png"); }
#contact .bottom_banner .banner:nth-child(2) .bg { background-image:url("/images/intro/brand/img_inquiry_02.png"); }
#contact .bottom_banner .banner p {font-size: 2.6rem;}
#contact .bottom_banner .banner p img {margin-left: 1.5rem;}
#contact .bottom_banner .banner .link {margin-top: 6rem;}
#contact .bottom_banner .banner .link a {display: inline-block; position: relative; color:#fff; font-size:2.2rem; font-weight: 500; margin-right: 2rem;}
#contact .bottom_banner .banner .link a::after { position: absolute; bottom:-1px; left:0; background-color: #fff; display: block; content:""; width:0px; height:2px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }
@media screen and (min-width: 767px) {
    #contact .bottom_banner .banner:hover .bg { transform: scale(1.05); background-color: rgb(0 0 0 / 70%);}
    #contact .bottom_banner .banner .link a:hover::after {width: 100%;}
}


/* ===== 통합검색 ===== */
.tab_nav_cont {display:none;}
.tab_nav_cont.open {display:block;}

.search_results_cont .search_box { padding:5.5rem 6rem; margin-top:12.5rem; background:#fafafa;}
.search_results_cont .search_box form { display:flex; justify-content:space-between;position: relative}
.search_results_cont .search_box form fieldset { width:45%;}
.search_results_cont .search_box .search_area { position:relative;}
.search_results_cont .search_box .search_area .form_input {padding:0 1.9em 0.667em 0; background-color:transparent; border:none; border-bottom:2px solid #000; font-size:3rem; letter-spacing:-0.02em; font-weight:500;}
.search_results_cont .search_box .search_area button {position:absolute;right:0;top: 1.9rem;width: 2.6rem;height: 2.6rem;background:url(/images/sub/ico_serch.png) no-repeat center/contain;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.search_results_cont .search_box .re_search label { display:inline-block; position:relative; padding-left:1.875em; font-size:1.6rem; color:#333333; line-height:1.625em; letter-spacing:-0.016em; font-weight:300; cursor:pointer;}
.search_results_cont .search_box .re_search label:after { content:""; position:absolute; left:0; top:4px; width:16px; height:16px; border:1px solid #666;}
.search_results_cont .search_box .re_search label:before { content:"\e929"; position:absolute; left:0; top:4px; z-index:10; width:16px; height:16px; font-family:'xeicon',sans-serif; color:#fff; line-height:16px;}
.search_results_cont .search_box .re_search input[type="checkbox"] { display:none;}
.search_results_cont .search_box .re_search input[type="checkbox"]:checked + label:after { border-color:#005eb8; background:#005eb8;}

.search_results_cont .auto-keyword {display:none;background: #fff;position: absolute;top: 57px;width: 45%;height: auto;border-radius: 0 0 16px 16px;-webkit-box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.05), 0 5px 8px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.05), 0 5px 8px 0 rgba(0, 0, 0, 0.08);background-color: #fff;letter-spacing: -0.3px;line-height: 2rem;padding: 20px 0;z-index: 9;font-size: 1.8rem;} 
.search_results_cont .auto-keyword .auto-keyword-item {display: block;color: #010101;padding-left: 26px;background-image: url(/images/sub/ico_serch.png);background-repeat: no-repeat;background-size: 1.7rem;background-position: 0 0.5rem;margin-left: 20px;line-height: 3rem;margin-bottom: 10px;}
.search_results_cont .sort_area {font-size: 1.8rem;width: 165px;padding-left: 20px;}
.search_results_cont .sort_area .active {font-weight:800}


.search_results_cont .search_box .search_keyword { width:45%;}
.search_results_cont .search_box .search_keyword dt { margin-bottom:1.25em; font-size:1.6rem; color:#333333; letter-spacing:-0.016em;}
.search_results_cont .search_box .search_keyword dd { margin-left:-1%; margin-top:-1%;font-size:0;}
.search_results_cont .search_box .search_keyword dd a { display:inline-block; margin:1%; padding:0 1.429rem; background:#fff; border:1px solid #dcdcdc; font-size:1.4rem; color:#666; letter-spacing:-0.018em; line-height:2.5em;}

.search_results_cont .search_block { display:flex; justify-content:space-between; align-items:center; margin:9.5rem 0 5rem;}
.search_results_cont .search_block p { width:calc(100% - 280px); font-size:2.4rem; color:#333333; font-weight:500; letter-spacing:-0.010em;}
.search_results_cont .search_block p strong { color:#005eb8; font-weight:600;}
.search_results_cont .auto-correct-desc { font-size: 2.4rem; color: #333333; font-weight: 500; letter-spacing: -0.010em; margin: 6rem 0 0; text-align: center; } 
.search_results_cont .auto-correct-desc .name { font-weight: 700; } 

.search_results_cont .tab_nav_wrap .search_nav span.count {
    font-size: 14px;
    position: relative;
    top: -3px;left:4px;
    display: inline-block;
    vertical-align: top;
}

.search_results_cont .list_title { display:flex; justify-content:space-between; align-items:flex-end; padding-bottom:3.5rem;}
.search_results_cont .list_title h3 { font-size:2.8rem; color:#333333;}
.search_results_cont .list_title a { display:block; position:relative; padding-right:3rem; font-size:1.6rem; color:#333333; line-height:1.875em; letter-spacing:-0.016em;}
.search_results_cont .list_title a:after { content:""; position:absolute; right:0; top:0.7rem; width:1rem; height:1rem; border-top:2px solid #333; border-right:2px solid #333;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    -o-transform-origin:0 0;
    transform-origin:0 0;
}
.search_results_cont .list_title a:hover { color:#005eb8;}
.search_results_cont .list_title a:hover:after { border-color:#005eb8;}
.search_results_cont .search_list .list_cont { border-top:2px solid #000;}
.search_results_cont .search_list .list_cont .list { padding:7rem 0; border-bottom:1px solid #ddd;}
.search_results_cont .search_list .list_cont .list .tit { margin-bottom:2rem;}
.search_results_cont .search_list .list_cont .list .tit a { display:inline-block; font-size:2.4rem; color:#333333; letter-spacing:-0.010em; font-weight:600;}
.search_results_cont .search_list .list_cont .list .tit a:after { content:""; display:inline-block; margin-left:15px; margin-top:-0.1em; width:17px; height:18px; background:url(/images/sub/ico-link-results.png) no-repeat center; vertical-align:middle;}
.search_results_cont .search_list .list_cont .list .tit strong { color:#005eb8;}
.search_results_cont .search_list .list_cont .list .tit a:hover { color:#005eb8;}
.search_results_cont .search_list .list_cont .list .txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:5.625em; font-size:1.6rem; color:#666; line-height:1.875em; letter-spacing:-0.016em; font-weight:300;}
.search_results_cont .search_list .list_cont .list .date { margin-top:4.5rem;}
.search_results_cont .search_list .list_cont .list .date span { display:inline-block; position:relative; padding-left:1rem; margin-left:1rem; font-size:1.6rem; color:#666; line-height:1.5em; letter-spacing:-0.016em; font-weight:300;}
.search_results_cont .search_list .list_cont .list .date span:after { content:""; position:absolute; left:0; top:50%; width:1px; height:10px; background:#808080;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.search_results_cont .search_list .list_cont .list .date span:first-child { margin-left:0; padding-left:0;}
.search_results_cont .search_list .list_cont .list .date span:first-child:after { display:none;}
.search_results_cont .search_list + .search_list { margin-top:11rem;}

.search_results_cont .search_block .search-select { position:relative; width:300px; }
.search_results_cont .search_block .search-select .selc-name { display:flex; justify-content:flex-start; align-items:center; max-width:300px; width:100%; height:5.3rem; background:url(/images/sub/bu-select.png) no-repeat 95% center; border:none; border-bottom:2px solid #333;}
.search_results_cont .search_block .search-select .selc-name a { display:flex; justify-content:flex-start; align-items:center; padding:0 1.944em 0 0.556em; width:100%; height:100%; font-size:1.8rem; color:#333333; font-weight:500; letter-spacing:-0.014em;}
.search_results_cont .search_block .search-select .selc-box { display:none; position:absolute; left:0; top:100%; z-index:10; width:100%;}
.search_results_cont .search_block .search-select .selc-box .selc-con { overflow-y:scroll; max-height:200px; background:#fff; border:1px solid #000;}
.search_results_cont .search_block .search-select .selc-box a { display:block; padding:0 0.556em; font-size:1.8rem; line-height:2.222em;}
.search_results_cont .search_block .search-select .selc-box a:hover { background:#38b800; color:#fff;}

/* ===== 회사소개 ===== */
/* CEO메세지 */
#ceo { overflow: hidden; }
#ceo h6 { color: #222; font-size: 2.8rem; text-align: center; position: relative; font-weight: 600; line-height: 1.5em; }
#ceo h6::after { content:''; width: 10rem; height: 4px; background: #005eb8; display: block; margin: 0 auto; margin-top: 5rem; }
#ceo .cont-wr { display: flex; justify-content: end; flex-wrap: wrap; margin-top: 14rem; padding: 8rem 0; position: relative; }
#ceo .cont-wr::before { content:''; width: 46.2rem; height: 12.8rem; position: absolute; right: calc(10px - (50vw - 50%)); bottom: 100%; background:url(/images/sub/sub02/sub0201_bg.png) no-repeat center/contain;}
#ceo .cont-wr::after { content:''; width: 100vw; height: 100%; background-color: #f5f5f7; position: absolute; left: 120px; top: 0; }
#ceo .imgBox { width: 420px; box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.3); display: flex; position: absolute; top: -8rem; left: 0; z-index: 2; }
#ceo .textBox { width: calc(100% - 420px - 14rem); z-index: 25; }
#ceo .textBox .p-wr p { font-size: 1.8rem; line-height: 1.65em; font-weight: 500; }
#ceo .textBox .p-wr p + p { padding-top:2.5rem; }
#ceo .textBox .p-wr strong { color: #222; font-weight: 600; }
#ceo .textBox .right { text-align: right; padding-top: 3rem; }
#ceo .textBox .right p { font-size: 2.2rem; color:#222; font-weight: 600; text-transform: uppercase; display: flex; justify-content: flex-end; align-items: center; }
#ceo .textBox .right p span { font-size: 1.6rem; padding-right: 10px; }
#ceo .textBox .right p img { margin-left: 10px; }


/* 경영진소개 */
#member .imgBox { border: 1px solid #ddd; display: flex; }
#member .list-wr { padding-top: 9rem; }
#member .list { display: flex; flex-wrap: wrap;}
#member .list-cont { width: calc(25% - 6rem); margin-bottom: 3.6rem; margin-right: 8rem; }
#member .list-cont:nth-child(4n) {margin-right:0;}
#member .list-cont .textBox { background: #fff; margin-top: -6rem; padding: 1.8rem; font-weight: 600; position: relative; width: calc(100% - 1.6rem); float: right; transition: all 0.5s; }
#member .list-cont .textBox h6 { font-size: 1.6rem; color: #005eb8;}
#member .list-cont .textBox h4 { font-weight: 700; font-size: 2.4rem; color: #222; padding-top: 1.5rem; display: flex; align-items: center; }
#member .list-cont .textBox h4 span { color: #999; font-size: 1.5rem; font-weight: 500; padding-left: 2rem; position: relative; line-height: 1em; }
#member .list-cont .textBox h4 span::before { content:''; height:14px; width:1px; background-color:#ddd; position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); }

@media screen and (min-width: 1240px) {
    #member .list-cont:hover .textBox { background-color: #005eb8; }
    #member .list-cont:hover .textBox h6 { color: #fff; }
    #member .list-cont:hover .textBox h4 { color: #fff; }
    #member .list-cont:hover .textBox h4 span { color: #fff; }
    #member .list-cont:hover .textBox h4 spna::before { background-color:#fff; }
}
/* 비전 */
#vision { margin-top: -6rem; }
#vision .sec01 { background-image: url(/images/sub/sub02/sub0203_01_bg.jpg); padding: 4rem 0; background-size: cover; background-position: center; }
#vision .sec01 .cont-tit { text-align: center; padding-bottom: 6.5rem; }
#vision .sec01 .textBox { text-align: center; padding-top: 16.5rem; position: relative; }
#vision .sec01 .textBox::before { content:''; position: absolute; top: 0; width: 2px; height: 10rem; background-color: #e4e4eb; left: calc(50% - 1px); }

#vision .sec01 .textBox p { font-size: 2rem; color: #666; font-weight: 500; line-height: 1.6em; text-align: center;}
#vision .sec01 .textBox p::before { content:''; position: absolute; top: 0; width: 2px; height: 3rem; background-color: #2e79c2; left: calc(50% - 1px); }
#vision .sec01 .textBox span { font-size: 2rem; vertical-align: baseline; font-weight: 700; }

#vision .sec02 { padding-top: 5rem; }
#vision .sec02 .inner {max-width:124.4rem;}
#vision .sec02 .sub_layout01_title { text-align: center; margin-bottom: 8rem; }
#vision .sec02 .sub_layout01_cont ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
#vision .sec02 .sub_layout01_cont li { width: calc(33.33% - 4rem); padding:6rem 3rem; line-height: 1.5;}
#vision .sec02 .sub_layout01_cont li:nth-child(1){background: #ecf6f4;  }
#vision .sec02 .sub_layout01_cont li:nth-child(1) h6{color: #00a089;}
#vision .sec02 .sub_layout01_cont li:nth-child(2){background: #eaf5fc;  }
#vision .sec02 .sub_layout01_cont li:nth-child(2) h6{color: #0093e5;}
#vision .sec02 .sub_layout01_cont li:nth-child(3){background: #fef3eb;  }
#vision .sec02 .sub_layout01_cont li:nth-child(3) h6{color: #e83a2d;}
#vision .sec02 .sub_layout01_cont .imgBox { padding-bottom: 4rem; }
#vision .sec02 .sub_layout01_cont .imgBox img { margin: 0 auto; display: block; }
#vision .sec02 .sub_layout01_cont .textBox h6 { color: #222; font-size: 3rem; text-align: center; font-weight: 600; padding-bottom: 2.5rem; line-height: 1em; }
#vision .sec02 .sub_layout01_cont .textBox dl { border-top: 1px solid #ddd; padding-top: 3rem; }
#vision .sec02 .sub_layout01_cont .textBox dl dd { font-size: 1.8rem; color: #666; line-height:1.4; padding-left: 1.6rem; position: relative; font-weight: 500; }
#vision .sec02 .sub_layout01_cont .textBox dl dd:not(:last-child) {margin-bottom:2rem;}
#vision .sec02 .sub_layout01_cont .textBox dl dd::before { content:''; width: 4px; height: 4px; background-color: #005eb8; position: absolute; left: 0; top:0.8rem; }


/* 브랜드 */
#brand .list-wr { padding-top: 8rem; }
#brand .list-cont { padding: 8rem; flex-wrap: wrap; justify-content: space-between; }
#brand .imgBox { width: 40rem; min-height: 20rem; display: flex; align-items: center; }
#brand .imgBox img { padding-right: 8rem; margin: 0 auto; display: block; }
#brand .textBox { padding-right: 8rem; display: flex; justify-content: flex-start; flex-wrap: wrap; max-width: 78rem; width: calc(100% - 50rem); }
#brand .textBox h4 { font-size: 3rem; color: #222; width: 100%; display: flex; font-weight: 600; align-items: center; }
#brand .textBox h4 span { font-size: 1.8rem; color: #222; position: relative; padding-left: 2.1rem; line-height: 1em; }

#brand .textBox h4 span::before { content:''; width: 1px; height: 1.4rem; background-color: #ddd; position: absolute; bottom: 2px; left: 1rem; }
#brand .textBox p { font-size: 1.8rem; color: #666; padding-top:2rem; width: 100%; padding-bottom: 3.5rem; line-height: 1.5em; font-weight: 500; text-transform: uppercase; }
.en #brand .textBox p {text-transform: none;}
#brand .textBox .btn_download_wrap { width:auto; }
#brand .textBox .btn_download_wrap a { width:23.5rem; }


/* 글로벌 사업장 */
#global { margin-bottom: 0; }
#global .cont-tit h4 { text-align: center; font-size: 2.8rem; }

#global .tab-wr { padding-top: 8.5rem; }
#global .cont-tab ul { display: flex; flex-wrap: wrap; }
#global .cont-tab li { width: 20%; border-right: 1px solid #ddd; border-bottom:1px solid #ddd; }
#global .cont-tab li:nth-child(5n) { border-right: none; }
#global .cont-tab li:nth-child(n+6) { border-bottom: none; }

#global .cont-tab li a { background-color: #f5f5f7; font-size: 1.6rem; color:#666; padding: 2.8rem 2rem; display: block; position: relative; font-weight: 500; }
#global .cont-tab li a::before { content:''; width:1.8rem; height:2px; position:absolute; top:calc(50% - 1px); right:2rem; background-color: #aaaaaa; transition:all 0.5s; }
#global .cont-tab li a::after { content:''; width:2px; height:1.8rem; position:absolute; top:calc(50% - 0.9rem); right: calc(2rem + 0.8rem); background-color: #aaaaaa; transition:all 0.5s; }
#global .cont-tab li a.active { background-color: #005eb8; color: #fff; }
#global .cont-tab li a.active::before { background-color:#fff; }
#global .cont-tab li a.active::after { background-color:#fff; transform:rotate(90deg); }

#global #tab-group { position: relative; margin-top: 8rem; }
#global .map-wr { position: relative; }
#global .dot-wr dt { font-size:0; opacity:0; color:#fff; }
#global .dot-wr dd { position: absolute; }
#global .dot-wr dd p { font-size: 0; width:1.2rem; height:1.2rem; border-radius: 50%; background-color: #000; }
#global .dot-wr dd p::after { content:''; animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite; width: 1.2rem; height: 1.2rem; display: block; border-radius: 50%; position: absolute; top: 0; left: 0;box-shadow: 0 0 0 0 #e84c3d; }

#global .dot-wr .red dd p::after { box-shadow: 0 0 0 0 #e84c3d; }
#global .dot-wr .orange dd p::after { box-shadow: 0 0 0 0 #e67f22; }
#global .dot-wr .yellow dd p::after { box-shadow: 0 0 0 0 #f1c40f; }
#global .dot-wr .green dd p::after { box-shadow: 0 0 0 0 #92c929; }
#global .dot-wr .turquoise dd p::after { box-shadow: 0 0 0 0 #16a086; }
#global .dot-wr .blue dd p::after { box-shadow: 0 0 0 0 #297fb8; }
#global .dot-wr .purple dd p::after { box-shadow: 0 0 0 0 #9a59b5; }
#global .dot-wr .indigo dd p::after { box-shadow: 0 0 0 0 #34495e; }
#global .dot-wr .gray dd p::after { box-shadow: 0 0 0 0 #bec3c7; }

@keyframes pulse {
    0% { }
    70% {box-shadow: 0 0 0 10px transparent; }
    100% {box-shadow: 0 0 0 0 transparent; }
}
@-webkit-keyframes pulse {
    0% { }
    70% {box-shadow: 0 0 0 10px transparent; }
    100% {box-shadow: 0 0 0 0 transparent; }
}

#global .all .dot-wr dd p::after { content:none; }

#global .dot-wr .red dd p { background-color:#e84c3d; }
#global .dot-wr .orange dd p { background-color:#e67f22; }
#global .dot-wr .yellow dd p { background-color:#f1c40f; }
#global .dot-wr .green dd p { background-color:#92c929; }
#global .dot-wr .turquoise dd p { background-color:#16a086; }
#global .dot-wr .blue dd p { background-color:#297fb8; }
#global .dot-wr .purple dd p { background-color:#9a59b5; }
#global .dot-wr .indigo dd p { background-color:#34495e; }
#global .dot-wr .gray dd p { background-color:#bec3c7; }

/* 도트 좌표 */
#global .dot-wr .red dd { top: 40%; left: 38%; }

#global .dot-wr .orange dd:nth-of-type(1) { top: 30%; right: 23.5%; }
#global .dot-wr .orange dd:nth-of-type(2) { top: 32.5%; left: 10.5%; }
#global .dot-wr .orange dd:nth-of-type(3) { top: 40%; left: 39%; }

#global .dot-wr .yellow dd:nth-of-type(1) { top: 41%; right: 28%; }
#global .dot-wr .yellow dd:nth-of-type(2) { top: 40.5%; right: 19%; }
#global .dot-wr .yellow dd:nth-of-type(3) { top: 32%; right: 16.5%; }
/* #global .dot-wr .yellow dd:nth-of-type(4) { top: 36%; left: 5%; } 엘랑쿠르, 일드프랑스 이블린 주, 프랑스 */

#global .dot-wr .yellow dd:nth-of-type(4) { top: 38%; left: 7%; }
#global .dot-wr .yellow dd:nth-of-type(5) { top: 34.5%; left: 6%; }

/* #global .dot-wr .yellow dd:nth-of-type(7) { top: 30%; left: 6.8%; } 뮐하임안데어루르, 노르트라인베스트팔렌 주, 독일 */
#global .dot-wr .yellow dd:nth-of-type(6) { top: 32%; left: 7%; }
#global .dot-wr .yellow dd:nth-of-type(7) { top: 31%; left: 2%; }

/* #global .dot-wr .yellow dd:nth-of-type(10) { top: 38%; left: 5%; } 리소네, 롬바르디아 주, 이탈리아 */

#global .dot-wr .yellow dd:nth-of-type(8) { top: 29%; left: 15%; }
#global .dot-wr .yellow dd:nth-of-type(9) { top: 80%; left: 12%; }
#global .dot-wr .yellow dd:nth-of-type(10) { top: 30%; left: 3.5%; }
#global .dot-wr .yellow dd:nth-of-type(11) { top: 32%; left: 4%; }

#global .dot-wr .yellow dd:nth-of-type(12) { top: 35%; left: 4.6%; }
#global .dot-wr .yellow dd:nth-of-type(13) { top: 52%; left: 19.5%; }

#global .dot-wr .yellow dd:nth-of-type(14) { top: 80%; right: 15%; }
#global .dot-wr .yellow dd:nth-of-type(15) { top: 47.5%; left: 36%; }
#global .dot-wr .yellow dd:nth-of-type(16) { top: 62%; left: 26%; }
#global .dot-wr .yellow dd:nth-of-type(17) { top: 41.5%; left: 42.5%; }
#global .dot-wr .yellow dd:nth-of-type(18) { top: 50%; right: 23%; }

/*
#global .dot-wr .yellow dd:nth-of-type(20) { top: 48%; right: 23.5%; }
#global .dot-wr .yellow dd:nth-of-type(20) { top: 45%; left: 38.5%; }
#global .dot-wr .yellow dd:nth-of-type(21) { top: 42%; left: 39%; }
*/

#global .dot-wr .green dd:nth-of-type(1) { top: 38%; right: 24%; }
#global .dot-wr .green dd:nth-of-type(2) { top: 34.5%; left: 10%; }
#global .dot-wr .green dd:nth-of-type(3) { top: 42%; left: 38%; }
#global .dot-wr .green dd:nth-of-type(4) { top: 47.5%; left: 36%; }
#global .dot-wr .green dd:nth-of-type(5) { top: 62%; left: 26%;}

#global .dot-wr .turquoise dd:nth-of-type(1) { top: 30%; right: 22.5%; }

#global .dot-wr .blue dd:nth-of-type(1) { top: 30%; right: 20%; }

#global .dot-wr .purple dd:nth-of-type(1) { top: 34%; right: 24.5%; }
#global .dot-wr .purple dd:nth-of-type(2) { top: 34%; right: 23.5%; }
#global .dot-wr .purple dd:nth-of-type(3) { top: 30%; right: 21%; }
#global .dot-wr .purple dd:nth-of-type(4) { top: 34%; right: 21.5%; }
#global .dot-wr .purple dd:nth-of-type(5) { top: 35.5%; right: 20%; }
#global .dot-wr .purple dd:nth-of-type(6) { top: 41%; right: 26%; }
#global .dot-wr .purple dd:nth-of-type(7) { top: 40%; right: 18%; }
#global .dot-wr .purple dd:nth-of-type(8) { top: 34%; right: 22.5%; }
#global .dot-wr .purple dd:nth-of-type(9) { top: 34.5%; left: 11%; }
#global .dot-wr .purple dd:nth-of-type(10) { top: 39%; left: 4%; }
#global .dot-wr .purple dd:nth-of-type(11) { top: 32.5%; left: 2.5%; }
#global .dot-wr .purple dd:nth-of-type(12) { top: 42.5%; left: 36%; }
#global .dot-wr .purple dd:nth-of-type(13) { top: 47.5%; left: 34%; }
#global .dot-wr .purple dd:nth-of-type(14) { top: 63%; left: 25.6%; }
#global .dot-wr .purple dd:nth-of-type(15) { top: 62%; left: 25%; }
#global .dot-wr .purple dd:nth-of-type(16) { top: 38%; left: 37.5%; }

#global .dot-wr .indigo dd:nth-of-type(1) { top: 32%; right: 24%; }
#global .dot-wr .indigo dd:nth-of-type(2) { top: 32%; right: 23%; }
#global .dot-wr .indigo dd:nth-of-type(3) { top: 35.5%; right: 19%; }
#global .dot-wr .indigo dd:nth-of-type(4) { top: 32.5%; right: 20.7%; }
#global .dot-wr .indigo dd:nth-of-type(5) { top: 42.5%; right: 18%; }
#global .dot-wr .indigo dd:nth-of-type(6) { top: 32%; right: 22%; }
#global .dot-wr .indigo dd:nth-of-type(7) { top: 33.5%; right: 20%; }
#global .dot-wr .indigo dd:nth-of-type(8) { top: 36%; left: 4%; }
#global .dot-wr .indigo dd:nth-of-type(9) { top: 31.5%; left: 9.5%; }
#global .dot-wr .indigo dd:nth-of-type(10) { top: 33.5%; left: 5%; }
#global .dot-wr .indigo dd:nth-of-type(11) { top: 47.5%; left: 33%; }
#global .dot-wr .indigo dd:nth-of-type(12) { top: 42.5%; left: 34%; }
#global .dot-wr .indigo dd:nth-of-type(13) { top: 60%; left: 25%; }
#global .dot-wr .indigo dd:nth-of-type(14) { top: 60%; left: 26%; }
#global .dot-wr .indigo dd:nth-of-type(15) { top: 38%; left: 36.5%; }

#global .dot-wr .gray dd:nth-of-type(1) { top: 43%; right: 19.5%; }
#global .dot-wr .gray dd:nth-of-type(2) { top: 31%; right: 19%; }
#global .dot-wr .gray dd:nth-of-type(3) { top: 38%; right: 19%; }
#global .dot-wr .gray dd:nth-of-type(4) { top: 38%; right: 29%; }    

/*	#global .dot-wr .gray dd:nth-of-type(5) { top: 53%; left: 19.5%; }	*/
#global .dot-wr .gray dd:nth-of-type(5) { top: 35%; left: 6.5%; }
#global .dot-wr .gray dd:nth-of-type(6) { top: 52%; left: 19.5%; }
#global .dot-wr .gray dd:nth-of-type(7) { top: 32%; left: 3.5%; }
#global .dot-wr .gray dd:nth-of-type(8) { top: 47.5%; left: 36%;}
#global .dot-wr .gray dd:nth-of-type(9) { top: 42%; left: 38%; }
#global .dot-wr .gray dd:nth-of-type(10) { top: 40%; left: 38%; }

#global .map-info { padding-top: 4.5rem; float: right; }
#global .map-info ul { display: flex; justify-content: flex-end; width: 100%; max-width: 90rem; flex-wrap: wrap; float: right; }
#global .map-info li { font-size: 1.4rem; color: #666; position: relative; padding-left: 4rem; line-height: 1em; padding-top: 1.5rem; font-weight: 500; }
#global .map-info li::before {content:'';width: 1.2rem;height: 1.2rem;border-radius: 50%;background-color: #000;position: absolute;left: 1.8rem; }

#global .map-info li:nth-child(1)::before { background-color:#e84c3d; }
#global .map-info li:nth-child(2)::before { background-color:#e67f22; }
#global .map-info li:nth-child(3)::before { background-color:#f1c40f; }
#global .map-info li:nth-child(4)::before { background-color:#92c929; }
#global .map-info li:nth-child(5)::before { background-color:#16a086; }
#global .map-info li:nth-child(6)::before { background-color:#297fb8; }
#global .map-info li:nth-child(7)::before { background-color:#9a59b5; }
#global .map-info li:nth-child(8)::before { background-color:#34495e; }
#global .map-info li:nth-child(9)::before { background-color:#bec3c7; }

#global .accordion-wr { clear: both; padding-top: 8rem; }
#global .accordion { border-top: 1px solid #ddd; }
#global .accordion dt { padding: 4rem 6rem; font-size: 2rem; }
#global .accordion dt em { width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: #000; display: block; margin-right: 2rem; }
#global .accordion dt span { margin-left: 5px; }

#global .accordion .red dt em { background-color:#e84c3d; }
#global .accordion .orange dt em { background-color:#e67f22; }
#global .accordion .yellow dt em { background-color:#f1c40f; }
#global .accordion .green dt em { background-color:#92c929; }
#global .accordion .turquoise dt em { background-color:#16a086; }
#global .accordion .blue dt em { background-color:#297fb8; }
#global .accordion .purple dt em { background-color:#9a59b5; }
#global .accordion .indigo dt em { background-color:#34495e; }
#global .accordion .gray dt em { background-color:#bec3c7; }

#global .accordion dd { padding: 3rem; }
#global .accordion dd p { background-color: #f9f9f9; padding:1rem 6rem; font-size: 2rem; }
#global .accordion dd p:first-child { padding-top: 4rem; }
#global .accordion dd p:last-child { padding-bottom: 4rem; }

#global .accordion .active dt { border-bottom: 1px solid #ddd; color: #222; }
#global .accordion .active dt::before,
#global .accordion .active dt::after { background-color: #222; }

#global .silder-wr { background-color: #f5f5f7; padding: 15rem 0 25rem; margin-top: 10rem; overflow: hidden; }
#global .silder-wr .sub_layout01_title h3 { font-size: 3.6rem; }
#global .globalSwiper { position: relative; }
#global .globalSwiper ul { align-items: center; }
#global .globalSwiper li { position: relative; }
#global .globalSwiper .imgBox { display: flex; transform: scale(85%); position:relative; }
#global .globalSwiper .imgBox::after {content:'';width:100%;height:100%;background-color:#000;opacity: 0.7;position:absolute;top:0;left:0; }
#global .globalSwiper .textBox { background-color: #f5f5f7; padding: 3rem 10% 5rem 6rem; width: 75%; position: absolute; right: -1px; top: calc(100% - 7rem); opacity: 0; }
#global .globalSwiper .textBox h4 { color: #222; font-size: 2.8rem; font-weight: 600; }
#global .globalSwiper .textBox p { font-size: 1.8rem; color: #666; padding-top: 2rem; line-height: 1.5em; font-weight: 500; }
#global .globalSwiper .textBox span.super { font-size: 1.4rem; vertical-align: super; }

#global .globalSwiper .swiper-slide-active .imgBox { transform:scale(100%); }
#global .globalSwiper .swiper-slide-active .imgBox::after { content:none; }
#global .globalSwiper .swiper-slide-active .textBox { opacity:1; }
#global .globalSwiper .swiper-slide-active .textBox h4 { text-transform: uppercase; }
.en #global .globalSwiper .swiper-slide-active .textBox h4 { text-transform: none; }

#global .globalSwiper .s-btn-wr { width: 100vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; }
#global .globalSwiper .s-btn { width: 23px; height: 43px; }
#global .globalSwiper .s-btn.swiper-button-next { background-image: url(/images/sub/sbtn-next.png); right: 2%; }
#global .globalSwiper .s-btn.swiper-button-prev { background-image: url(/images/sub/sbtn-prev.png); left: 2%; }


/* ci */
#ci dl.information { width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
#ci dl.information dt {margin-bottom:13rem; width:22.7rem; font-size:3.2rem; font-weight:700; line-height:1.5; color: #222; margin-top: -0.1em; }
#ci dl.information dd { width:calc(100% - 227px); margin-bottom:13rem; font-weight:300; line-height:1.78; position: relative; }
#ci dl.information dt p { display:block; font-size:0.68em; font-weight:400; margin-top:0.8em; }
#ci dl.information dd ul, dl.information dd ol { margin-bottom:30px; }
#ci dl.information dd ul li { text-indent:-1em; padding-left:1em; }
#ci dl.information dd ul.brackets li { text-indent:-1.7em; padding-left:1.7em; }
#ci dl.information dd .subWrap { font-size:15px; overflow:hidden; padding:30px 30px 0; background:#f7f7f7; margin:4rem 0; }
#ci dl.information dd .btnWrap { margin-top:120px; text-align:left; }

#ci p.information { clear:both; width:100%; font-size:2.2rem; font-weight:300; line-height:1.72; }
#ci p.information a { display:inline-block; color:#0088ce; }
#ci p.information + dl.information { margin-top:10rem; }

#ci .downWrap { margin-bottom:1.3em; }

#ci dl dd p { margin-bottom:3.8em; }
#ci dl dd > img { max-width:100%; }
#ci dl dd:nth-of-type(1) > img { width:auto; margin-bottom: 6rem; }
#ci .color p { font-size: 1.6rem; line-height: 27px; margin: 0; }
#ci .color > img:nth-child(1) { float: right; }
#ci .color .c-title1 { font-size: 1.9rem; font-weight: 600; line-height:1.789; color: #222; }
#ci .color .c-desc1 { padding-bottom: 2.5rem; font-weight: 600; color: #222; }
#ci .color .c-desc2 { padding-bottom: 2.5rem; }
#ci .color .c-desc3 { padding-bottom: 8rem; }
#ci .color .c-desc4 { padding-bottom: 5rem; }
#ci .downWrap a:before { content: ''; width: 0%; height: 1px; background: #000; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#ci .ci2022_img3 { margin-bottom:3.8rem; }
#ci .ci2022_img4 { margin: 0 0 9rem 0; }
#ci .ci2022_desc6, #ci .ci2022_desc7 { font-size:1.8rem; line-height:1.444; color:#005db8; }
#ci .ci2022_desc6 { margin-bottom:11rem; }
#ci .ci2022_img3_txt, #ci .ci2022_img4_txt { display:none; }

#ci dl dd .tableWrap { width:80%; max-width:66rem; }
#ci dl dd .tableWrap table { border:none; font-size:1.6rem; line-height:1; }
#ci dl dd .tableWrap th { background:none; border:none; padding:0; position:relative; vertical-align:bottom; padding-bottom:0.4em; font-weight:300; }
#ci dl dd .tableWrap td { text-align:left; background:none; border:none; padding:0.4em 0; }
#ci dl dd .tableWrap th.right span { position:absolute; left:7rem; bottom:0.4em; }
#ci dl dd .tableWrap tr:nth-child(6) td,#ci dl dd .tableWrap tr:nth-child(12) td { padding:1.2em 0; }
#ci dl dd .tableWrap th p { display:block; position:absolute; width:10rem; height:10rem; }
#ci dl dd .tableWrap tr:first-child th p {background:#0018a8; top:14px; left:14px;-webkit-transform: rotate(18deg);-moz-transform: rotate(18deg);transform: rotate(18deg);-o-transform: rotate(18deg);-ms-transform: rotate(18deg); }
#ci dl dd .tableWrap tr:nth-child(7) th p {background:#0088ce; top:5px; left:5px;-webkit-transform: rotate(-4.2deg);-moz-transform: rotate(-4.2deg);transform: rotate(-4.2deg);-o-transform: rotate(-4.2deg);-ms-transform: rotate(-4.2deg); }
#ci dl dd .tableWrap tr:nth-child(13) th p {background:#00ad83; top:7px; left:7px;-webkit-transform: rotate(6.3deg);-moz-transform: rotate(6.3deg);transform: rotate(6.3deg);-o-transform: rotate(6.3deg);-ms-transform: rotate(6.3deg); }


/* 페이지 하단 배너 */
#ci .bottom_banner {display: flex; width:calc(100% - 7.2rem); margin:0 3.6rem; padding:0;}
#ci .bottom_banner a { position: relative; display: flex; justify-content: center; align-items: center; width:50%; height:240px; color:#fff; font-size:22px; overflow: hidden; }
#ci .bottom_banner a:nth-child(n+2) {border-left:1px solid #888;}
#ci .bottom_banner a .bg { position: absolute; z-index: -1; top: 0; left: 0;}
#ci .bottom_banner a:first-child .bg { background:url("/images/intro/brand/img_intr0501_05.png") 50% 50% no-repeat; background-size:cover; }
#ci .bottom_banner a:last-child .bg { background:url("/images/intro/brand/img_intr0501_07.png") 50% 50% no-repeat;; background-size:cover; }
#ci .bottom_banner a img { height:1em; margin-left:0.5em; }
#ci .bottom_banner a .bg { width: 100%; height: 100%; transition: all 0.4s; }
#ci .bottom_banner a:hover .bg { transform: scale(1.05); background-color: rgb(0 0 0 / 40%); background-blend-mode: multiply;}


/* 연혁 */
.history_cont {position:relative;}
.history_cont .bookmark {position:absolute; top:-15rem; width:0; height:0; opacity:0;}
.history_cont .item_wrap {position:relative; margin-bottom:20rem;}
.history_cont .item_wrap_title {text-align:center; font-size:7rem; color:#fff; margin-bottom:5rem;}
.history_cont .middle_line {position:absolute; top:0; left:50%; width:1px; height:100%; background-color:#bcbcbc;}
.history_cont .middle_line.has_top_dot::before {position:absolute; top:-1.3rem; left:calc(50% - 0.65rem); display:inline-block; content:''; width:1.3rem; height:1.3rem; border:0.3rem solid #bcbcbc; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.history_cont .item_row {display:flex;}
.history_cont .item {position:relative; color:#fff;}
.history_cont .item .year {display:block; font-size:9rem; font-weight:500; line-height:1; opacity:0.6; z-index:3;}
.history_cont .item:not(.no_img) {padding-top:6rem;}
.history_cont .item:not(.no_img) .year {position:absolute; top:0; left:0;}
.history_cont .item.no_img .text {margin-top:1rem;}
.history_cont .item.no_img::after {width:14rem;}
.history_cont .item .img {display:inline-block; box-shadow: 9px 10px 6px 0px rgba(0, 0, 0, 0.2); position:relative; z-index:2;}
.history_cont .item {position:relative;}
.history_cont .item::before {position:absolute; top:11.05rem; display:inline-block; content:''; width:0.9rem; height:0.9rem; background-color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.history_cont .item::after {position:absolute; top:11.5rem; display:inline-block; content:''; width:15.4rem; height:1px; border:1px dashed #fff;}
.history_cont .item .text {margin-top:3rem; line-height:1.666;}
.history_cont .item .text + .img {margin-top:6rem;}

.history_cont .item_row.left {margin-right:50%; padding-right:15rem; justify-content:flex-end;}
.history_cont .item_row.left .item::before {right:-15.4rem;}
.history_cont .item_row.left .item::after {right:-15.4rem;}
.history_cont .item_row.right {margin-left:50%; padding-left:15rem; justify-content:flex-start;}
.history_cont .item_row.right .item::before {left:-15.4rem;}
.history_cont .item_row.right .item::after {left:-15.4rem;}

.history_cont .article_header {position:relative; height:calc(100vh + 5rem); z-index:1; overflow: hidden;}
.history_cont .article_header_bg_wrap {position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100vh;overflow: hidden;}
.history_cont .article_header_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#36383b url(/images/sub/history_bg01.png) no-repeat center/cover; background-attachment:fixed;}
.history_cont .article_subtitle {font-size:7.6rem;color:#fff;font-weight:600;line-height:1.3157;text-align:center;display:flex;flex-direction: column;align-items:center;justify-content:center;height: 100vh;z-index: 2;position: relative;}
.history_cont .article_subtitle strong {display:block; line-height:1;}
.history_cont .article_subtitle span > * { overflow: hidden; }
.history_cont .article_subtitle span .char { animation: slide-up 1s cubic-bezier(.5,.2,0,1); animation-fill-mode: both; animation-delay: calc( .4s + (.04s * var(--char-index)) ); }
.history_cont .article_subtitle span .whitespace {width:1.8rem;}

@keyframes slide-up {
    from { opacity:0; transform:translateY(-125%); -webkit-transform:translateY(-125%); -moz-transform:translateY(-125%); -ms-transform:translateY(-125%); -o-transform:translateY(-125%); }
    to { opacity:1.0; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); }
}

.history_cont .article_body {position:relative; z-index:1;}
.history_cont .highlight_cont {position:relative;}

.page-template-highlight .article_body {background: transparent; color: #fff; padding-bottom: 0; }
.highlight_header h2 { color: #fff; font-family: "EBGaramond", serif; }

.highlight_section img { max-width: 100%; height: auto; vertical-align: middle; }
.highlight_items figure { clear: both; position: relative; text-align: left; }
.highlight_item_even_a, .highlight_item_even_b, .highlight_item_even_c { float: left; }
.highlight_item_odd_a, .highlight_item_odd_b { float: right; }
.highlight_items:after { display: table; clear: both; content: ""; }
.highlight_items figcaption { position: relative; margin-top: -27px; margin-left: -50px; }

.highlight_section:after { content: ""; display: table; clear: both; }
.highlight_section:first-child .highlight_section_inner { padding-top: 212px; }
.highlight_section:last-child .highlight_section_inner { padding-bottom: 170px; }
.highlight_section_inner {padding: 102px 0 70px;}
.highlight_header { padding-bottom: 142px; }
.highlight_header h2 { font-size: 75px; color: #fff; line-height: 1.1; }
.highlight_header h2 i { font-style: normal; vertical-align: middle; display: inline-block; }
.highlight_header p { font-size: 20px; color: #fff; line-height: 1.6; letter-spacing: 0.4em; padding-left: 0.4em; }
.highlight_items figcaption { margin-top: -31px; margin-left: -56px; }
.highlight_items figcaption b { font-size: 40px; font-family: "EBGaramond", serif; display: block; font-weight: 400; color: #fff; line-height: 1.4; }
.highlight_items figure span { font-size: 16px; color: #fff; line-height: 1.75; padding-left: 3px; display: block; }
.highlight_item_odd_a { margin-top: -40px; }
.highlight_item_odd_b { padding-right: 104px; }
.highlight_item_odd_c { margin-top: -40px; }
.highlight_item_even_b { margin-top: -80px; margin-left: 206px; }
.height_content_go_in { width: 28px; height: 28px; border: 1px #aaa solid; position: absolute; top: 10px; right: 10px; display: none; }
.height_content_go_in:after { display: none; width: 12px; height: 12px; position: absolute; top: 7px; left: 7px; font-family: "jt-font"; content: "\e913"; font-size: 12px; font-weight: normal; letter-spacing: normal; -ms-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6); color: #aaa; }
.page-template-highlight .list_btn_container { display: none; }

.highlight_bg_container { opacity: 0; position: relative; z-index: -1; }
.highlight_bg_img { position:fixed; top:0; left:0; bottom:0; right:0; background:no-repeat center center/cover;}

#highlight_progress { position: fixed; bottom:0; left:0; z-index: 99; width: 100%;}
#progress-cont { height: 10px; width: 100%; background: #fff;}
#progress-bar { height: 100%; background-color: #005eb8; }
#highlight_progress nav { display:flex; width:100%; background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100% );}
#highlight_progress nav a { position:relative; width:33.333%; display:inline-flex; align-items:center; justify-content:center; text-align:center; padding:1rem; color: #aaa; font-size:2rem;}
#highlight_progress nav a:before { opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; position: absolute; top: -8px; left: 50%; width: 9px; height: 9px; content: ""; background: #fff; border-radius: 20px; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#highlight_progress nav a.active {color:#fff;}
#highlight_progress nav a.active:before { opacity: 1; }
#highlight_progress.no_sticky { position: absolute; left:0; bottom:0; }



/* ===== RESPONSIVE ===== */
@media screen and (max-width: 1800px) {
    .section_nav {display: none;}
}
@media screen and (max-width: 1540px) {
	.esg-new.esg-new-en .esg-detail > dl:nth-child(4) > dd br {display:none;}
}
@media screen and (max-width: 1320px) {
    .esg_report_sec02_list li {width:33.333%; padding-right:3.6rem;}
}
@media screen and (max-width: 1280px) {
	.esg_result_new_pw .esg_result_new_02 .list-bottom > div > div {font-size: clamp(14px, 1.5vw, 20px)}
}
@media screen and (max-width: 1240px) {

    .sub_title {font-size:4.2rem; line-height:1.4;}

    .cont-tit .pc_br {display: none;}

    .sub_page_info {flex-direction: column;}
    .sub_nav {margin-top:2rem;}
    .sub_nav a::after {margin: 0 1.5rem;}
    .breadcrumb {line-height: 1.4; margin-top: 4rem;}

    .webzine_list li {padding:4rem 0;}
    .webzine_list .item .text_box {max-width:calc(100% - 36.8rem); margin:0 3rem;}
    .webzine_list .item .thum {width:26rem; height:15.2rem;}
    .webzine_list .item .text_box p {margin-top:1rem;}
    .webzine_list .item .text_box span {margin-top:3rem;}

    .sub_layout01_cont .half_row {display:block;}
    .sub_layout01_cont .half_row > div {width:100%;}
    .sub_layout01_cont .half_row > div:nth-child(2) {margin-left:0; margin-top:6rem;}

    .history_cont .article_subtitle {font-size:4.6rem;}

    #ceo h6 {font-size:2.2rem;}
    #ceo h6::after {width:6rem; height: 3px;}
    #ceo .cont-wr {justify-content:center; padding:6rem 3rem; margin-top:10rem;}
    #ceo .cont-wr::before {width:26rem; height:10rem; right:0; bottom:99%;}
    #ceo .cont-wr::after {width:100%; left:0;}
    #ceo .imgBox {position:relative; top:auto; left:auto; width: 50%;}
    #ceo .textBox {width:100%; margin-top:4rem; text-align:center;}
    #ceo .textBox .pc_br {display:none;}

    #member .imgBox {border: none; border-bottom: 1px solid #ddd;}
    #member .list-cont {border: 1px solid #ddd; margin-right: 3.6rem; width: calc(25% - 2.7rem);}
    #member .imgBox img {width: 100%; max-width: none;}
    #member .list-cont .textBox {width:100%; padding: 2rem; margin-top:0; float: none;}
    #member .list-cont .textBox h4 {flex-direction: column; align-items: flex-start;}
    #member .list-cont .textBox h4 span {padding-left:0; margin-top:0.5rem;}
    #member .list-cont .textBox h4 span::before {display:none;}

    #brand .list-cont {padding:6rem;}
    #brand .imgBox {width:25rem;}
    #brand .textBox {width:calc(100% - 30rem); padding-right:0;}
    #brand .cont-tit .pc_br {display: block;}

    #ci .color > img:nth-child(1) {float: none; margin-bottom:2rem;}

    .esg_result_0101 .flexbox {flex-direction: column;}
    .esg_result_0101 .flexbox > .half {width: 100%;}
    .esg_result_0101 .img_box {margin-bottom: 6rem;}
    .esg_result_0102 .banner {padding: 3rem; width: calc(50% - 1rem);}
    .esg_result_0102 .banner .percent {width: 10rem; height: 10rem; font-size: 2.4rem; margin-right: 3rem;}
    .esg_result_0102 .banner dt {font-size: 2rem;}
    .esg_result_0201 .map_img {padding: 6rem 0;}
    .esg_result_0202 .banner {padding: 6rem;}

    .esg_result_0302 .item_wrap {flex-wrap: wrap;}
    .esg_result_0302 .item_wrap .item {width: 33.333%;}
    .esg_result_0302 .item_wrap .item:nth-child(n+4) {width:50%; margin-top: -1px;}

    .ethics_cyber_sec01::after {max-height: calc(100% - 8rem);}
    .ethics_education_sec01 .list .ico {width: 26rem;}

    #contact .bottom_banner .banner {padding: 0 4rem;}

    .product_info .product_desc .pc_br {display: none;}
    .product_info.depth03_type .text_box {padding: 12rem 8rem 10rem 8rem;}

    #global .globalSwiper .textBox {width: 95%; padding: 4rem 3rem;}
    #global .cont-tab li:nth-child(1) {width:100%;}
    #global .cont-tab li:nth-child(n+6) {border-bottom: 1px solid #ddd;}
    #global .cont-tab li:nth-child(n+8) {border-bottom: none;}
    #global .cont-tab li:nth-child(5n) {border-right: 1px solid #ddd;}
    #global .cont-tab li:nth-child(3n+1) {border-right: none;}
    #global .cont-tab li {width: 33.333%;}

    .society_charity_sec02 .keyword_list li {width: 27rem; height: 27rem;}
    
	.esg_result_new_gi .map {height:auto; padding: 10vw 0 7vw;}
	/*.esg_result_new_rg .esg-eval .esg-eval-title ul {width:50%; left:50%; top: 46%; padding-left: 15px;}*/

}
@media screen and (max-width: 1180px) {
	.esg-new.esg-new-en .esg-detail > dl:nth-child(3) > dd br {display:none;}
	.esg_result_new_pw .esg_result_new_02 ul {row-gap:1.3vw;}
	.esg_result_new_pw .esg_result_new_02 ul > li:last-child {flex-basis: 100%;}
	.esg_result_new_pw .esg_result_new_02 .list-top {font-size: clamp(18px, 3vw, 26px)}
	.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-03 {flex-basis: 100%; flex-direction: row; padding: 4vw 0 3.5vw; margin-top: 0;}
}
@media screen and (max-width: 1120px) {
	.esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg {width: 44vw; height:44vw;}
	.esg_result_new_rg .esg-eval .esg-eval-02, .esg_result_new_rg .esg-eval .esg-eval-03 {width: 230px;}
}
@media screen and (max-width: 1024px) {
    .esg_result_0202 .banner dd .pc_br {display: none;}
    .esg_result_0301 .item_wrap {text-align: center;}
    .esg_result_0301 .center_item {width: auto; height: auto; }
    .esg_result_0301 .center_item .ico {width: 5rem;}
    .esg_result_0301 .center_item .keyword {width: 20rem; height: 20rem; font-size: 2rem;}
    .esg_result_0301 .sm_item_wrap {display: flex; flex-wrap: wrap; margin-top: 2rem;}
    .esg_result_0301 .sm_item {width: 50%; padding:2rem;}
    .esg_result_0301 .sm_item .keyword { margin-bottom: 2rem; width: 100%; border-radius: 0; height: auto; padding: 1.5rem; border-width: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .esg_result_0301 .sm_item .list_st01 {text-align: left;}

    .ethics_canon_sec01 p .pc_br {display: none;}

    .ethics_canon_sec02 {padding:8rem 0;}
    .ethics_canon_sec02 .item_wrap {text-align: center;}
    .ethics_canon_sec02 .center_item {width: auto; height: auto; }
    .ethics_canon_sec02 .center_item .keyword {width: 22rem; height: 22rem; font-size: 2.2rem;}
    .ethics_canon_sec02 .sm_item_wrap {display: flex; flex-wrap: wrap; margin-top: 2rem;}
    .ethics_canon_sec02 .sm_item {width: 33.333%; margin-top: 4rem;}
    .ethics_canon_sec02 .sm_item .keyword {margin-top: 2rem; font-size: 1.8rem;}

    .society_charity_sec02 h6 .pc_br {display: none;}

    .product_info.top_type .text_box .doosan_logo {width:40rem; bottom:0;}
    .product_list_cont .item_list li a {padding: 3rem;}
    .product_list_cont .item_list li .title {font-size: 2.6rem;}

    .tms_cont .sec_03_cont {flex-direction:column;}
    .tms_cont .sec_03 {padding:8rem 0;}
    .tms_cont .sec_03 .img_box { width: 55%; margin: 3rem auto 6rem auto; padding-right: 0;}
    .tms_cont .sec_03_feature_wrap {display: flex; flex-wrap: wrap; width: 100%;}
    .tms_cont .sec_03_feature_wrap .item {padding:3rem; width:calc(50% - 1rem);}
    .tms_cont .sec_03_feature_wrap .item:nth-child(2n) {margin-left: 2rem;}
    .tms_cont .sec_03_feature_wrap .item:nth-child(3) {margin-bottom: 0;}

    #vision .mb_br.type1 {display: block;}

    #contact .bottom_banner .banner .link {display: flex; flex-direction: column; align-items: flex-start;}
    #contact .bottom_banner .banner .link a {font-size: 2rem;}
    #contact .bottom_banner .banner .link a:nth-child(n+2) {margin-top: 1rem;}
    
    
    .esg-eval-02-03-wrap {display: flex; justify-content: space-between;}
    .esg_result_new_rg .esg-eval .esg-eval-02, .esg_result_new_rg .esg-eval .esg-eval-03 {position: relative; width:auto; padding-top:8px;}
    .esg_result_new_rg .esg-eval .esg-eval-02 {text-align: left; padding-right: 0;}
    .esg_result_new_rg .esg-eval .esg-eval-03 {text-align: right; padding-left: 0;}
    .esg_result_new_rg .esg-eval .esg-eval-02 > p > br, .esg_result_new_rg .esg-eval .esg-eval-03 > p > br {display: none;}
    .esg_result_new_rg .esg-eval .esg-eval-02 > p {text-align: left;}
    .esg_result_new_rg .esg-eval .esg-eval-03 > p {text-align: right;}
    .esg_result_new_rg .esg-eval .esg-eval-link:after {min-width:464px; width:90%; height:70%; border-bottom:0; transform: translate(-50%, -0);}
    .esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg {width: 464px; height: 464px;}
    .esg_result_new_rg .esg-eval .esg-eval-02 > ul > li {justify-content: flex-start;}
    .esg_result_new_rg .esg-eval .esg-eval-02 > ul > li > span {order:2;}
    .esg_result_new_rg .esg-eval .esg-eval-02 > ul > li:after {order:1;}
    .esg_result_new_rg .esg-eval .esg-eval-03 > ul > li {justify-content: flex-end;}
    .esg_result_new_rg .esg-eval .esg-eval-03 > ul > li > span {order:1;}
    .esg_result_new_rg .esg-eval .esg-eval-03 > ul > li:before {order:2;}
    
    
    .esg_result_new_pw .esg_result_new_03 .txt-detail {font-size: clamp(14px, 2.5vw, 19px);}    
    .esg_result_new_pw .esg_result_new_03 .pro-wrap > div > p {font-size: clamp(18px, 2.5vw, 24px);}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap > div > ol > li {font-size: clamp(16px, 2.5vw, 22px);}
    /*
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(2) > span:before, .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(3) > span:before {width: 60%;}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(2) > span:after, .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(3) > span:after {left: 160%;}
    */    
    .esg_result_new_rg .esg-eval .esg-eval-title {padding-bottom:0; display: flex; flex-direction: column;}
    .esg_result_new_rg .esg-eval .esg-eval-title p {padding-bottom: 10px;}
    .esg_result_new_rg .esg-eval .esg-eval-title ul {position: static; align-self: flex-end; padding:1% 0 5% 4%;}
    .esg_result_new_rg .esg-eval .esg-eval-title:after {transform: translate(-50%, 0);}
}



@media screen and (max-width: 968px) {
    .product_info .text_box:not(.full) {width:100%; height:50vh;}
    .product_info .product_title small {font-size:1.6rem;}
    .product_info .product_title h3 strong {font-size:3rem;}
    .product_info .product_title h3 span {font-size:1.6rem;}
    .product_info .product_desc {padding-top:2rem; margin-top:2rem;}
    .product_info .product_desc::before {height: 2px;}
    .product_info .product_desc .pc_br {display:none;}
    .product_info .img_box {width:100%; height:50vh;}
    .product_info .related_site {width: 100%; margin-top:3rem;}

    .en .product_info .related_site {width: 100%;}

    .product_info.top_type {flex-direction:column;}
    .product_info.top_type .text_box {order:2;}
    .product_info.top_type .img_box {height:50vh; order:1; margin-top:8rem;}
    .product_info.view_type {height:auto; min-height:100vh;}
    .product_info.view_type .text_box:not(.full) {height:auto; min-height:calc(50vh - 8rem); padding:6rem 0;}
    .product_info.list_type.active .scrolldown {width:2rem; right:3%;}

    .product_info.top_type + .sub_top {padding-top:6rem;}

    .product_info.depth03_type {flex-direction:column;}
    .product_info.depth03_type .img_box {margin-top:0; height:auto; padding-top:2rem;}
    .product_info.depth03_type .img_box .caption {flex-direction:row; left:0; top:-0.5rem;}
    .product_info.depth03_type .img_box .caption .char {width:auto; margin-right:0.2rem; transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); }
    .product_info.depth03_type .text_box {padding:6rem 2rem; height: auto;}
    .product_info.depth03_type .text_box::after {height:120%; top:-20%;}
    .product_info.depth03_type h3 strong {font-size:2.6rem;}

    .tms_cont .product_info.view_type {min-height: auto;}
    .tms_cont .sec_01 .doosan_logo {width: 40rem;}

    #member .list-cont {width: calc(50% - 1.5rem); margin-bottom:3rem; margin-right:3rem;}
    #member .list-cont:nth-child(2n) {margin-right:0;}

    #global .globalSwiper .textBox h4 {font-size: 2.4rem;}

    #vision .sec01 .textBox p .pc_br {display: none;}


	.esg-new h3 {font-size:4.4vw;}
    .esg_result_0201 .map_img {display: none;}
    .esg_result_0201 .pin_list {display: flex; flex-direction: column; align-items: flex-start;}
    .esg-new .esg-card .depth02 > li {font-size:1.9vw;}
    
 	.esg_result_new_01 .arti_01 > p > span {display: inline;}
    .esg_result_new_gi .esg_result_new_02 ul > li {font-size: clamp(18px, 2vw, 24px); padding-left: 2%;}
}
@media screen and (max-width: 820px) {
	.esg-new .esg-detail > dl:nth-child(2) > dd br, .esg-new .esg-detail > dl:nth-child(3) > dd br {display:none;}
}
@media screen and (max-width: 767px) {

    .webzine_list li {padding: 2.5rem 0;}
    .webzine_list .item {align-items: stretch;}
    .webzine_list .item .thum {width:22rem; height:auto;}
    .webzine_list .item .text_box {max-width:calc(100% - 24.5rem); margin:0 0 0 2.5rem;}
    .webzine_list .item .text_box h3 {font-size:1.8rem;}
    .webzine_list .item .text_box p {font-size: 1.5rem;}
    .webzine_list .item .text_box span {font-size:1.5rem;}
    .webzine_list .item .arrow {display:none;}

    .board_option_wrap {flex-direction: column-reverse; align-items:flex-start; margin-bottom:2rem;}
    .board_option_wrap .total {margin-top:4rem;}

    .sub_cont {margin-top:6rem; margin-bottom:8rem;}
    .sub_top {margin-top:6rem; margin-bottom:4rem; padding-top:8rem;}

    .sub_title {font-size:3rem;}
    .sub_title_2 {font-size:2.8rem;}
    .sub_title_2 + .sub_title_3 {margin-top: 2rem;}
    .sub_title_3 {font-size:2.4rem; margin-bottom: 2.5rem;}
    .sub_title_desc {font-size:1.7rem; margin-top:1rem;}
    .sub_depth3_title {margin:3rem 0;}

    .cont-tit h4 {font-size:2.6rem;}
    .cont-tit h5 {font-size:1.8rem; font-weight: 500;}

    .sub_page_info {margin-bottom:2rem;}
    .sub_nav {flex-wrap:wrap; justify-content: flex-start;}
    .sub_nav a {font-size:1.6rem; margin:0.5rem 0;}
    .sub_nav a::after {margin:0 1.2rem;}

    .sub_tab a {height:5rem;}
    .sub_tab.four {flex-wrap:wrap;}
    .sub_tab.four a {width:50%;}
    .sub_tab.four a:nth-child(3) {border-left:none;}
    .sub_tab.four a:nth-child(n+3) {border-top:1px solid #ddd;}
    .sub_tab.height_auto a {height: auto; padding: 1rem;}

    .sub_page_info .left_area.type_flex {flex-direction: column-reverse; align-items: flex-start;}
    .sub_page_info .left_area.type_flex .sub_nav {margin-top: 0; margin-bottom: 2rem;}

    .sub_layout01_title {margin-bottom:2rem;}
    .sub_layout01_title h3 {font-size:2.4rem;}
    .sub_layout01_title h3 small {display:block; margin-left:0; margin-top:0.5rem;}
    .sub_layout01_title.has-date .date .ico {width:2rem;}

    .border_imgbox {padding: 3.5rem;}

    .tb_st01.tb_half th,
    .tb_st01.tb_half td,
    .tb_st01.tb_half tfoot td {padding:1.5rem;}
    .tb_st01 th,
    .tb_st01 td,
    .tb_st01 tfoot td {padding:1.5rem;}
    .tb_st01 td.pd-lg {padding:2.5rem 1.5rem;}
    .tb_note .ico {width:2rem;}

    .breadcrumb li img {width:1.5rem;}
    .breadcrumb li:after {margin:0 1.2rem; width:0.6rem;}

    .pagination {margin-top:5rem;}
    .pagination .pg a {width:3rem; height:3rem; line-height:3rem; font-size:1.5rem;}
    .pagination .pg_btn {width:2rem; height:3rem;}

    .sub_visual {height:24rem;}

    div.dv-select > select {height:5rem;}
    div.dv-select > span.spn-sel-arrow {height:5rem;}
    div.dv-select > label {line-height:5rem;}

    .form_input {height:5rem;}
    .form_wrap .formbox_wrap {padding:2rem 0;}
    .form_wrap .formbox_wrap .formbox.half {width:100%;}
    .form_wrap .formbox_wrap .formbox {flex-direction:column; margin:0.5rem 0;}
    .form_wrap .formbox_wrap .formbox .left {width:100%; padding:1rem 0;}
    .form_wrap .formbox_wrap .formbox .right {width:100%;}
    .form_wrap .formbox_wrap .formbox .filebox {width:100%; padding-right:13rem;}
    .form_wrap .formbox_wrap .formbox .filebox span {height:5rem; line-height:5rem;}
    .form_wrap .formbox_wrap .formbox .filebox button {width:12rem;}
    .pribox .pricon {padding:2.5rem;}

    .board_search_box span.input input[type=text] {height:5rem;}
    .board_search_box .btn_search {width:1.8rem; height:5rem; line-height:5rem;}
    .board_search_box .dv-select {width:30%; margin-right:0;}
    .board_search_box span.input {width:70%;}

    .board_view .board_info {padding:4rem 0;}
    .board_view .board_tit h4 {font-size:2rem;}
    .board_view .board_con {padding:4rem 0;}
    .board_view .board_con .middle_title_list {padding:3rem 2rem;}
    .board_view .board_con .middle_title_list li {margin-bottom:0.5rem; padding-left:1.8rem;}
    .board_view .board_con .middle_title_list li:before {width:0.8rem;}
    .board_view .board_page {padding:2rem 0;}
    .board_view .board_page .list_btn {width:4.5rem; height:4.5rem; background-size:1.8rem;}
    .board_view .file_area {padding:2.5rem;}
    .board_view .file_area dt {margin-right: 1rem;}
    .board_view .file_area dt .ico img {width: 2rem;}
    .board_view .file_area dd a:not(:last-child) {width:100%; margin-bottom:1.5rem;}
    .board_view .file_area dd a::before {display:inline-block; content:''; width:1px; height:1.2rem; background-color:#aaa; margin:0 1rem; vertical-align:middle;}
    .board_view .file_area dd a + a::before { margin:0 1rem;}

    .file_down_list li {flex-wrap:wrap; padding:3rem 0;}
    .file_down_list li .title {width:calc(100% - 7rem); font-size: 1.7rem;}
    .file_down_list li .year {width:7rem; padding:0; text-align: left;}
    .file_down_list li .btn_download_wrap {width:100%; margin-top:2rem; padding:0; justify-content: flex-start;}
    .file_down_list li .btn_download_wrap.has-2 {width:100%;}
    .file_down_list.no_year li {padding:3rem 0;}
    .file_down_list.type_board li {flex-wrap:nowrap; justify-content: space-between; padding:2rem 0;}
    .file_down_list.type_board li .number {display:none;}
    .file_down_list.type_board li .title {width:calc(100% - 18rem);}
    .file_down_list.type_board li .title a {max-width:100%;}
    .file_down_list.type_board li .title .arrow {display:none;}
    .file_down_list.type_board li .file {width:6rem;}
    .file_down_list.type_board li .file img {width:2rem;}
    .file_down_list.type_board li .date {width:12rem;}

    .advertisement_pr_cont {flex-direction:column;}
    .advertisement_pr_cont .youtube {width:100%; margin-right:0; margin-bottom:4rem;}
    .advertisement_pr_cont .youtube .banner {padding:3rem 2rem;}
    .advertisement_pr_cont .youtube .banner_title {font-size:1.8rem;}
    .advertisement_pr_cont .youtube .banner_text {margin-top:1rem;}
    .advertisement_pr_cont .youtube .link_list .item {padding:2rem; height:auto;}
    .advertisement_pr_cont .video_list_wrap {width:100%;}
    .advertisement_pr_cont .video_list .item {width:100%; margin-bottom:4rem;}
    .advertisement_pr_cont .video_list .item:nth-child(2n) {margin-left:0;}
    .advertisement_pr_cont .video_list .item p {font-size:1.8rem; margin-top:2rem;}

    .advertisement_print_cont {flex-direction:column;}
    .advertisement_print_cont .year {margin-right:0; margin-bottom:2rem; min-width:11rem;}
    .advertisement_print_cont .year ul li a {height:4rem; font-size:1.7rem; padding:0 1.5rem;}
    .advertisement_print_cont .btn_year::after {width:1.6rem;}
    .advertisement_print_cont .btn_year strong {font-size:2.4rem;}
    .advertisement_print_cont .item_list .item {width: calc(50% - 1rem); position: relative;}
    .advertisement_print_cont .item_list .item:nth-child(2n) {margin-left:2rem;}
    .advertisement_print_cont .item_list .item:nth-child(n+3) {margin-top:2rem;}
    .advertisement_print_cont .item_list .item::after {content: ''; background: rgba(255,255,255,0.8) url(/images/sub/ico_serch.png) no-repeat center; width: 7rem; height:7rem; padding:2rem; border-radius: 50%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; }

    .stock_cont .current_stock {font-size:2.6rem; justify-content:flex-start;}
    .stock_cont .current_stock .ico {font-size:1.8rem; margin-right: 1rem;}
    .stock_cont .desc_stock {min-width: 18rem;}
    .stock_cont .info_stock {padding:3rem;}
    .stock_cont .point_num {font-size:2rem; margin-bottom:0.8rem;}

    .governance03_list {flex-wrap: wrap; text-align: left; padding:0 2rem;}
    .governance03_list .bar,
    .governance03_list .dot,
    .governance03_list:after {display: none;}
    .governance03_list .text_area {margin-top:0; padding: 0;}
    .governance03_list li {width:100%; margin-top:3rem; display:flex; align-items:center;}
    .governance03_list .ico_area {margin-right:4rem; flex-shrink: 0;}
    .governance03_list .ico {width: 10rem; height: 10rem; padding:3rem;}
    .governance03_list .text_area strong {font-size: 1.8rem;}

    .esg_report_sec01 {padding-bottom:6rem;}
    .esg_report_sec01::after {width:25.8rem; height:4rem;}
    .esg_report_sec01 .flexbox {flex-direction: column; align-items: flex-start;}
    .esg_report_sec01 .img_box {width:100%;}
    .esg_report_sec01 .text_box {width:100%; padding:2.5rem 0;}
    .esg_report_sec01 .text_box h4 {font-size:2.4rem;}
    .esg_report_sec01 .text_box p {margin-top: 2.5rem;}
    .esg_report_sec02_list {width:calc(100% + 2.5rem);}
    .esg_report_sec02_list li {width:50%; padding-right:2.5rem;}
    .esg_report_sec02_list li:nth-child(n+3) {margin-top:4rem;}
    .esg_report_sec02_list li h4 {font-size:2rem;}
    .esg_report_sec02_list li .btn_download_wrap {margin-top:2.5rem;}
    .esg_report_sec02_list li .btn_download {max-width:calc(50% - 0.5rem);}

    .search_results_cont .search_box {padding:2.5rem;margin-top:6rem}
    .search_results_cont .search_box .search_keyword dd a { font-size:1.5rem;}
    .search_results_cont .search_box form { flex-wrap:wrap;}
    .search_results_cont .search_box form fieldset { width:100%;}
    .search_results_cont .search_box form .search_keyword { margin-top:4rem; width:100%;}
    .search_results_cont .search_block { flex-wrap:wrap; margin:8rem 0 3rem;}
    .search_results_cont .search_block p { width:100%; font-size: 2rem; margin-bottom: 20px;}
    .search_results_cont .search_block .search_select { margin-top:3em; min-width:20rem; width:auto;}
    .search_results_cont .search_list .list_con .list .tit a:after { margin-left:0.3em; margin-top:-0.2em;}
    .search_results_cont .list_title {padding-bottom:2rem;}
    .search_results_cont .list_title h3 {font-size:2.4rem;}
    .search_results_cont .search_list + .search_list {margin-top:8rem;}
    .search_results_cont .search_list .list_cont .list {padding:4rem 0;}
    .search_results_cont .search_list .list_cont .list .tit a {font-size:2.1rem;}
	.search_results_cont .sort_area {width: auto; }
	.search_results_cont .auto-keyword {width:100%;top:44px}
	.search_results_cont .auto-keyword .auto-keyword-item {padding-left: 20px; padding-right: 3px; background-position: 0 0.5rem; margin-left: 10px; } 
  
    .history_cont .article_subtitle {font-size:2.4rem;}
    .history_cont .middle_line {left:0; display: none;}
    .history_cont .middle_line.has_top_dot::before {left:-0.65rem;}
    .history_cont .item_wrap_title {font-size:4.5rem;}
    .history_cont .item_row.right {margin-left:0; padding: 0 2rem;}
    .history_cont .item_row.left {margin-right:0; padding: 0 2rem; justify-content: flex-start;}
    .history_cont .item.no_img::after {width:6rem;}
    .history_cont .item_row.right .item::before,
    .history_cont .item_row.right .item::after,
    .history_cont .item_row.left .item::before,
    .history_cont .item_row.left .item::after {right:auto; left:-6.4rem; display: none;}
    .history_cont .item .year {font-size:4.5rem;}
    .history_cont .item:not(.no_img) .year {top:1rem;}

    .accordion dt::before {right:0;}
    .accordion dt::after {right:0.7rem;}

    .product_list_intro .intro_title {font-size:4rem;}
    .product_list_intro .intro_desc {font-size:2.4rem;}
    .product_list_cont .item_list li {width:100%; height:20rem;}
    .product_list_cont .item_list li:nth-child(2n) {margin-left:0;}
    .product_list_cont .item_list li:nth-child(n+2) {margin-top:2rem;}
    .product_list_cont .item_list li a {padding: 3rem 2.5rem;}
    .product_list_cont .item_list li .bg {background-size: auto 90%; background-position: center right;}
    .product_list_cont .item_list li .bg::after {width:17.9rem; height:5.2rem;}
    .product_list_cont .item_list li small {font-size:1.6rem;}
    .product_list_cont .item_list li .title {font-size:2.2rem; margin-top:1.2rem;}

    .product_info.top_type .text_box .doosan_logo {width:22rem;}

    .tms_cont .sec_01 {padding:8rem 0;}
    .tms_cont .sec_01 .doosan_logo {width: 26rem; bottom:0;}
    .tms_cont .sec_02_cont {flex-direction:column;}
    .tms_cont .sec_02 {padding:8rem 0;}
    .tms_cont .sec_02 .accordion {width:100%; margin:0; order:2;}
    .tms_cont .sec_02 .accordion dt {padding:2.5rem 0; font-size:2rem;}
    .tms_cont .sec_02 .accordion dd {padding:0 0 3rem 0;}
    .tms_cont .sec_02 .img_box {width:100%; order:1; margin-bottom:3rem;}

    .tms_cont .sec_03 .img_box {margin-bottom: 3rem;}
    .tms_cont .sec_03_feature_wrap .item {width:100%;}
    .tms_cont .sec_03_feature_wrap .item:nth-child(2n) {margin-left: 0;}
    .tms_cont .sec_03_feature_wrap .item:nth-child(3) {margin-bottom: 2rem;}
    .tms_cont .sec_03_feature_wrap .item .number {font-size:2rem; width:4rem;}
    .tms_cont .sec_03_feature_wrap .item .con h4 {font-size:2rem;}
    .tms_cont .sec_04 {padding:8rem 0;}
    .tms_cont .sec_04_feature_wrap {flex-direction:column;}
    .tms_cont .sec_04_feature_wrap .item {width:100%; margin-right:0; background-color:#f5f5f7; border:1px solid #ddd; padding:3rem;}
    .tms_cont .sec_04_feature_wrap .item:not(:last-child) {margin-bottom:2rem;}
    .tms_cont .sec_04_feature_wrap .text_box h5 {font-size:2.2rem;}

    #ceo h6 {font-size:1.8rem;}
    #ceo h6 br {display:none;}

    #member .list-wr {padding-top:6rem;}
    #member .list-cont .textBox h4 {font-size:1.8rem;}

    #vision .mb_br.type1 {display: none;}
    #vision .sec01 {padding:8rem 0; background-position:center left;}
    #vision .sec01 .cont-tit {padding-bottom: 5.5rem;}
    #vision .sec01 .cont-tit .mb_br {display: block;}
    #vision .sec01 .textBox {padding-top: 13rem;}
    #vision .sec01 .textBox::before {height:8rem;}
    #vision .sec01 .textBox p {font-size:1.6rem;}
    #vision .sec01 .textBox span {font-size:1.6rem;}
    #vision .sec02 {padding-top:8rem;}
    #vision .sec02 .sub_layout01_title {margin-bottom: 6rem;}
    #vision .sec02 .sub_layout01_cont ul {flex-direction:column;}
    #vision .sec02 .sub_layout01_cont li{width:100%; margin-right:0; background-color:#f5f5f7; padding:5rem 3rem; }
    #vision .sec02 .sub_layout01_cont li:not(:last-child) {margin-bottom:2rem;}
    #vision .sec02 .sub_layout01_cont .textBox h6 {font-size:2.6rem;}
    #vision .sec02 .sub_layout01_cont .textBox dl dd {font-size: 1.6rem;}
    #vision .sec02 .sub_layout01_cont .textBox dl dd:not(:last-child) {margin-bottom: 1rem;}

    #brand .list-cont {padding:3.5rem 2rem; flex-direction:column; align-items: flex-start;}
    #brand .imgBox {width:18rem; min-height:auto; margin-bottom:4rem;}
    #brand .imgBox img {padding-right:0;}
    #brand .textBox {width:100%;}
    #brand .textBox h4 {font-size:2.4rem;}
    #brand .textBox p {font-size:1.6rem; padding-top:2rem; padding-bottom:0;}
    #brand .textBox .btn_download_wrap {width:100%;}
    #brand .textBox .btn_download_wrap a {width:calc(50% - 1rem);}

    #ci .bottom_banner {flex-wrap:wrap; width:100%; margin: 0;}
    #ci .bottom_banner a {float: none; width: 100%; height:15rem; font-size:1.8rem;}
    #ci .bottom_banner a:nth-child(n+2) {border-left:none; border-top: 1px solid #888;}
    #ci dl.information dt {width:100%; margin-bottom:2rem; font-size: 2.4rem;}
    #ci dl.information dd {width:100%; margin-bottom:6rem;}

    #global .cont-tab ul {border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
    #global .cont-tab li:nth-child(1) {width: 50%;}
    #global .cont-tab li {width: 50%;}
    #global .cont-tab li:nth-child(3n+1) {border-right: 1px solid #ddd;}
    #global .cont-tab li:nth-child(n+8) {border-bottom: 1px solid #ddd;}
    #global .cont-tab li a {padding: 2rem; height: 100%;}
    #global .dot-wr dd p,
    #global .map-info li::before,
    #global .dot-wr dd p::after,
    #global .accordion dt em {width: 0.8rem; height: 0.8rem;}
    #global .accordion dt {padding:2.5rem 0; font-size:1.8rem;}
    #global .accordion dd {padding:2.5rem 0;}
    #global .accordion dd p {font-size: 1.6rem; padding: 1rem 3rem;}
    #global .silder-wr {padding: 8rem 0 4rem 0;}
    #global .silder-wr .sub_layout01_title h3 {font-size: 2.4rem;}
    #global .globalSwiper ul {align-items: flex-start;}
    #global .globalSwiper .s-btn {width: 15px; height: 30px; background-size: contain;}
    #global .globalSwiper .s-btn.swiper-button-prev {background-image: url(/images/sub/sbtn-prev-blk.png);}
    #global .globalSwiper .s-btn.swiper-button-next {background-image: url(/images/sub/sbtn-next-blk.png);}
    #global .globalSwiper .textBox { width: 95%; padding:3rem 2rem; position: relative; top: auto; right: auto; margin-left: calc(5% + 1px); transform:translateY(-3rem) ; -webkit-transform:translateY(-3rem) ; -moz-transform:translateY(-3rem) ; -ms-transform:translateY(-3rem) ; -o-transform:translateY(-3rem) ; }
    #global .globalSwiper .textBox h4 {font-size: 2rem;}
    #global .globalSwiper .textBox p {font-size:1.6rem;}
    #global .cont-tit h4 {font-size:2.2rem;}
    #global .tab-wr {padding-top: 6rem;}

    #highlight_progress nav a {font-size:1.6rem;}

    .esg_result_0101 .text_box .item {padding: 2rem; width: calc(50% - 1rem);}
    .esg_result_0101 .text_box .item:nth-child(2n) {margin-left: 2rem;}
    .esg_result_0101 .text_box .item:nth-child(n+3) {margin-top: 2rem;}
    .esg_result_0101 .text_box .item_tit {font-size: 1.8rem;}
    .esg_result_0101 .text_box h6 {font-size: 2.2rem;}
    .esg_result_0102 .banner_wrap {flex-wrap:wrap;}
    .esg_result_0102 .banner {width: 100%;}
    .esg_result_0102 .banner:nth-child(n+2) {margin-top: 2rem;}
    .esg_result_sec02,
    .esg_result_sec03 {margin-top: 8rem;}
    .esg_result_0201::after {height: 100%;}
    .esg_result_0201 .img_wrap .img:not(:first-child) {margin-left: 0.5rem;}
    .esg_result_0202 .banner {padding: 4rem 3rem;}
    .esg_result_0202 .banner dt {font-size: 2.2rem;}
    .esg_result_0202 .banner .btn_wrap {margin-top: 3rem;}
    .esg_result_0302 .item_title_box {width: 32rem; height: 6rem; font-size: 2rem;}
    .esg_result_0302 .item_title_box:after {height: 6rem;}
    .esg_result_0302 .item_wrap {margin-top: 6rem;}
    .esg_result_0302 .item_wrap .item {padding: 3rem 2rem;}
    .esg_result_0302 .item_wrap .item .ico, .esg_result_0303 .item_wrap .ico {transform: scale(0.7);}
    .esg_result_0302 .item_wrap .item .text {margin-top: 1rem;}

    .ethics_canon_sec01 {padding:6rem 0;}
    .ethics_canon_sec01 h6 {font-size:2.4rem;}
    .ethics_canon_sec01 p {margin-top: 2rem;}
    .ethics_canon_sec02 .center_item .keyword {width: 20rem; height: 20rem; font-size: 2rem;}
    .ethics_canon_sec02 .sm_item {width: 50%;}
    .ethics_canon_sec02 .sm_item .ico {width: 10rem; height: 10rem;}
    .ethics_canon_sec03 article h6 {font-size:2.4rem;}
    .ethics_canon_sec03 article p {margin-top:1.5rem;}
    .ethics_canon_sec03 article .list_st01 {padding-top: 2rem; margin-top: 2rem;}
    .ethics_canon_sec03 article:nth-child(n+2) {margin-top: 6rem;}

    .ethics_cyber_sec01 {padding-bottom: 8rem;}
    .ethics_cyber_sec01 .list li {margin-bottom: 2.5rem;}
    .ethics_cyber_sec01 .list li .number {width: 4rem; height: 4rem; font-size: 2rem;}
    .ethics_cyber_sec01 .btn_download {width: 26rem; height: 7rem; font-size:1.7rem;}

    .ethics_education_sec01 .list li {flex-direction: column;}
    .ethics_education_sec01 .list li.is_long {align-items: center;}
    .ethics_education_sec01 .list .ico {width: 12rem; padding-right: 0; padding-top: 4rem;}
    .ethics_education_sec01 .list dl {max-width: 100%; padding: 4rem 0; min-height: auto; text-align: center;}
    .ethics_education_sec01 .list dt {font-size: 2.2rem;}
    .ethics_education_sec01 .list dd {margin-top: 2rem;}
    .society_charity_sec01 .text_box dt {font-size: 2.2rem;}
    .society_charity_sec01 .text_box dd {margin-top: 2rem;}

    .society_charity_sec02 {padding: 8rem 0;}
    .society_charity_sec02 .keyword_list li {width:20rem; height:20rem;}
    .society_charity_sec02 .keyword_list li .text {font-size:2rem;}
    .society_charity_sec02 .keyword_list li .ico {width:5rem;}
    .society_charity_sec02 h6 {font-size: 2rem;}

    #contact .bottom_banner {flex-wrap:wrap; width:100%;}
    #contact .bottom_banner .banner {float: none; width: 100%; height:auto; padding: 4rem 3rem;}
    #contact .bottom_banner .banner:nth-child(n+2) {border-left:none; border-top: 1px solid #888;}
    #contact .bottom_banner .banner p {font-size: 2.2rem;}
    #contact .bottom_banner .banner p img {width: 2rem; margin-left: 1rem;}
    #contact .bottom_banner .banner .link {margin-top: 4rem;}
    #contact .bottom_banner .banner .link a {font-size:1.8rem;}

    .terms_cont .top_info {padding: 4rem 3rem;}
    .terms_cont .sub_tab {flex-wrap: wrap;}
    .terms_cont .sub_tab a {width: 100%; border-left:none;}
    .terms_cont .sub_tab a:nth-child(n+2) {border-top:1px solid #ddd;}
    
    .esg-new .esg_strategy_sec02 {padding:10% 0;}
    .esg-new .esg-card > ul {flex-direction: column; gap:6vw;}
    .esg-new .esg-card .depth02 > li {font-size:clamp(14px,4vw,19px);}
    .esg-new .esg-detail > dl > dt {font-size:clamp(20px, 3vw, 26px)}
    .esg-new .esg-detail > dl > dd {font-size:clamp(14px, 3vw, 19px)}
    
    .esg_result_new_01 .arti_01 > p, .esg_result_new_04 .sub_title_3 + p {line-height: 1.6; font-size:clamp(14px,4vw,19px);}
    .esg_result_new_01 .arti_01 > p > span, .esg_result_new_04 .sub_title_3 + p > span {display: inline;}
    
    .esg_result_new_02 ul > li > p {font-size: 16px;}
    .esg_result_new_02 ul > li > p > span {font-size: 14px;}
    .esg_result_new_02 ul > li > span {font-size: 13px;}
    .esg_result_new_02, .esg_result_new_03, .esg_result_new_04 {margin-top: 40px;}
    
    .esg_result_new_04 .logo + p {font-size:clamp(14px,4vw,19px);}
    .esg_result_new .esg_result_cont > div:not(.inner):not(.esg_result_new_gi) {padding-top: 80px;}
    
    .esg_result_new_gi .map {background-size: cover;}
    .esg_result_new_gi .map > p {margin-top:0; height:auto; padding-top:3%; padding-bottom:45px; background-size: cover; font-size: clamp(15px, 3vw, 23px);}
    .esg_result_new_gi .map .circle {width:auto; height: auto; padding:4% 0; font-size: clamp(18px, 3vw, 30px);}
    .esg_result_new_gi .map > ul {flex-direction: column; align-items: normal; row-gap:30px;}
    .esg_result_new_gi .map > ul:before {left:50%; top:0; width:auto; height:100%;}
    .esg_result_new_gi .map > ul > li {min-height: 90px; font-size: clamp(16px, 4vw, 20px);}
    .esg_result_new_gi .map > span {position: static; display: block; padding-top: 5%;}
    .esg_result_new_gi .esg_result_new_02 ul {flex-direction: column; row-gap:20px;}
    .esg_result_new_gi .esg_result_new_02 ul > li:before {width: clamp(70px, 20vw, 117px); height: clamp(63px, 20vw, 106px)}
    
    .esg_result_new_pw .esg_result_new_02 ul {flex-direction:column; row-gap:20px;}
    .esg_result_new_pw .esg_result_new_02 ul > li {padding: 5%; padding-bottom: 10%;}
    .esg_result_new_pw .esg_result_new_02 .list-top .list-number {width:22vw; height:22vw;}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap {flex-direction: column; gap:7vw; overflow: hidden; padding-top: 0}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap > div {padding: 0 32px;}
    
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol:before {width: 20vw;}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(2) > span:before {width: 15px;}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(3) > span:before {width: 30px;}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(2) > span:after, .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(3) > span:after {top:50%; background: none; width: auto; height: 320%; border-right: 1px dashed #005bac; transform: translate(0, 0);}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(2) > span:after {left:calc(100% + 15px);}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-01 > ol > li:nth-child(3) > span:after {left:calc(100% + 30px);}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-02 > ol > li:after {content: ""; position: absolute; bottom:0; width:50%; height: 50%; background: transparent; border-top: 1px dashed #005bac; border-right: 1px solid #fff; z-index: 3;}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-02 > ol > li:first-child:after {right:-16px;}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-02 > ol > li:last-child:after {right:-31px;}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-02 > ol > li > span:before, .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-03 > ol > li > span:before {left:auto; right:0; transform:translate(0, -50%) rotate(180deg); }
       
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-03:before {width:14vw; max-width: 76px; height: calc(14vw / 76 * 67); max-height: 67px;}
    .esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-03 > div {padding:0 20px; font-size: clamp(16px, 3vw, 24px);}
    .esg_result_new_pw .esg_result_new_03 .txt-detail {margin-top:4.3%;}
    
    .esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg > a {font-size: clamp(18px, 5vw, 30px)}
    .esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg > span {font-size: clamp(15px, 5vw, 26px)}
    /*.esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg > a > span:last-child {margin-left: 1.7em;}*/
    .esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg > a > span:last-child:after {width:clamp(16px, 4vw, 21px); min-height: 15px;}
    
    .esg_result_new_rg .esg-eval > div > p, .esg_result_new_rg .esg-eval .esg-eval-02 > p, .esg_result_new_rg .esg-eval .esg-eval-03 > p {font-size:clamp(16px, 4vw, 26px)}
    
    .esg_result_new_dt .esg_result_new_02 .list-wrap > div > ul > li {font-size:clamp(15px, 2vw, 20px)}
    
    .esg_result_0303 .item_wrap .icon-wrap {padding-right: 0; padding-left: 0;}
    
}
@media screen and (max-width: 690px) {
	.esg-new .esg-detail > dl:nth-child(1) > dd br {display:none;}
	.esg_result_new_dt .esg_result_new_02 .list-wrap {flex-direction: column; row-gap:40px;}
	
}
@media screen and (max-width: 630px) {
	.esg_result_new_rg .esg-eval .esg-eval-link:after {min-width: auto; width: 95%;}
	.esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg {width: calc(100vw - 100px); height: calc(100vw - 100px);}
}
@media screen and (max-width: 580px) {
	.esg_result_0303 .item_wrap > dl {display: block;}
	.esg_result_0303 .item_wrap > dl:not(:first-child) {margin-top: 7%;}
	.esg_result_0303 .item_wrap > dl > dt {margin-bottom:3%; padding: 3% 0;}
	.esg_result_0303 .item_wrap .txt-wrap {padding-left:10px; padding-right: 10px;}
	.esg_result_new_gi .esg_result_new_02 ul > li {gap:10px; flex-wrap: nowrap;}
	.esg_result_new_pw .esg_result_new_03 .pro-wrap .pro-03 > div {gap:10px; padding:0;}
}
@media screen and (max-width: 420px) {

    .cont-tit h4 {font-size:2.2rem;}

    #brand .imgBox {width: 16rem;}
    #brand .cont-tit .pc_br {display: none;}

    #global .cont-tab li a {padding:1.2rem; font-size:1.5rem;}
    #global .cont-tab li a::before,
    #global .cont-tab li a::after {display:none;}

    .society_charity_sec02 .keyword_list .top_area {padding-bottom:1rem;}
    .society_charity_sec02 .keyword_list .bottom_area {padding-top:1rem;}
    .society_charity_sec02 .keyword_list li {width:14rem; height:14rem;}
    .society_charity_sec02 .keyword_list li .text {font-size:1.7rem;}
    .society_charity_sec02 .keyword_list li .ico {width:4.2rem;}

    .webzine_list .item .thum {width: 12rem;}
    .webzine_list .item .text_box {max-width: calc(100% - 14rem); margin: 0 0 0 2rem;}
    .webzine_list .item .text_box p {height:1.625em; -webkit-line-clamp: 1; margin-top: 0.5rem;}
    .webzine_list .item .text_box span {margin-top: 1rem;}
    
    .esg-new h3 {margin-top:-3%; padding:0 0 14%;}
    
    .esg_result_new_rg .esg-eval .esg-eval-link .esg-eval-link-bg > a > span:last-child {gap:5px;}
    
}