@charset "euc-kr";

/* .form_area .form_line .form_ipt input[readonly] {background: #f4f4f4;} */
/* .form_area .form_line .form_ipt input[readonly]::placeholder {text-indent: 10px;} */

.agree_list.account_list.agent_before .item_info {
  text-align: center;
  color: #757575;
}
.agree_list.account_list.agent_after .item_info dl {
  font-size: 14px !important;
  letter-spacing: -0.1em;
}

.agree_list.account_list .item_info dd {
  float: left !important;
}
.agree_list.account_list .item_info .colon {
  float: left;
  padding: 0 3px;
}
.agree_list.account_list .item_info .point {
  float: left;
}

.agree_list.account_list .item_info .line_tit {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  border-radius: 24px;
  text-align: center;
  padding: 0 15px;
  background: #619bf1;
  color: #fff;
}

.item_info ~ .btn_link_arr:last-child {
  margin-top: 5px;
}
.item_info ~ .btn_link_arr:after {
  margin-top: 3px;
}

.ico_info.ebank_fraud_prevention .ico_info_txt {
  padding-right: 80px;
  background: url("../images/content/ico_info_12.png") no-repeat right center;
  background-size: 95px;
}

.ipt_btn.icon_calender {
  background: none;
  margin-top: -18px !important;
}
.ipt_btn.icon_calender img {
  height: 75%;
}

.gray_border.first.ebank_fraud_prevention .txt03 {
  word-break: keep-all;
}

.pop_info {
  padding: 28px 24px;
  margin: -20px -24px 0;
  background: #f0f6ff;
}
.pop_info_txt {
  word-break: keep-all;
}
.pop_info_txt > .pop_info_main {
  font-size: 20px;
  font-weight: bold;
}
.pop_info_txt > .pop_info_sub {
  margin-top: 7px;
  font-size: 16px;
}

.form_area.pop > .form_line .form_type {
  flex: auto;
  width: 100%;
}
.form_area.pop > .form_line dl dt {
  font-size: 16px;
  line-height: 1.4;
  color: #8c949e;
  margin-top: 20px;
}
.form_area.pop > .form_line dl dd {
  flex-wrap: wrap;
}
.form_area.pop > .form_line.radio_opt_wrap dl dd {
  gap: 0;
}
.form_area.pop > .form_line.radio_opt_wrap .form_type {
  width: 50%;
  margin-top: 5px;
}
.form_area.pop > .form_line.radio_opt_wrap .form_type ~ .form_type {
  margin-top: 9px;
}

.btn_area_in span button {
  width: 60%;
  height: 45px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  background: #619bf1;
  color: #fff;
  letter-spacing: -1px;
  border-radius: 30px;
  margin-top: 15px;
}

/* 230919 ????? start */

.cusTextLimitOne {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flexContainer {
  display: flex;
}
.flexContainer.justStart {
  justify-content: flex-start;
}
.flexContainer.justEnd {
  justify-content: flex-end;
}
.flexContainer.justCenter {
  justify-content: center;
}
.flexContainer.justBetween {
  justify-content: space-between;
}
.flexContainer.justAround {
  justify-content: space-around;
}
.flexContainer.alignStart {
  align-items: flex-start;
}
.flexContainer.alignEnd {
  align-items: flex-end;
}
.flexContainer.alignCenter {
  align-items: center;
}

#financialProductsTaxConsultationReservationWrap {
  word-break: keep-all;
}

#financialProductsTaxConsultationReservationWrap .cusDivider {
  width: 100%;
  border-top: 1px solid #ddd;
}

#financialProductsTaxConsultationReservationWrap .cusTextareaBox textarea {
  width: 100%;
  resize: none;
  box-sizing: border-box;
  padding: 8px;
  border-color: #ccc;
}

#financialProductsTaxConsultationReservationWrap .userInfoTable {
  table-layout: auto;
}
#financialProductsTaxConsultationReservationWrap .userInfoTable tr {
}
#financialProductsTaxConsultationReservationWrap .userInfoTable tr th {
  text-align: left;
  color: #555;
  border: none;
  background: none;
  padding: 8px 5px;
}
#financialProductsTaxConsultationReservationWrap .userInfoTable tr td {
  border: none;
  padding: 8px 5px;
}

#financialProductsTaxConsultationReservationWrap
  div.form_type
  input[type="checkbox"] {
  top: 12px;
}

#financialProductsTaxConsultationReservationWrap
  .cusCheckBoxWrap
  .form_area
  .form_line.inline
  div.form_type
  input[type="checkbox"] {
  top: 0;
}

#financialProductsTaxConsultationReservationWrap .cusCheckBoxWrap1 .form_type {
  width: 25%;
  margin: 0;
}

#financialProductsTaxConsultationReservationWrap .miniDescription {
  font-size: 12px;
  box-sizing: border-box;
  padding: 16px 12px 12px;
  position: relative;
  word-break: keep-all;
}

#financialProductsTaxConsultationReservationWrap .miniDescription::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #ffdd00;
  position: absolute;
  top: 20px;
  left: 0;
}

#financialProductsTaxConsultationReservationWrap .cusTableBox {
  border: none;
  margin: 0;
}

#financialProductsTaxConsultationReservationWrap .invst_agree_box {
  border: none;
}

#financialProductsTaxConsultationReservationWrap
  .invst_agree_box
  .agree_box_inner {
}

#financialProductsTaxConsultationReservationWrap
  .invst_agree_box
  .agree_box_inner
  li {
  margin-top: 0;
}

#financialProductsTaxConsultationReservationWrap .detailViewText {
  font-size: 12px;
}

#financialProductsTaxConsultationReservationWrap .toggle_box {
  border: none;
  padding: 12px;
  margin: 0;
  border-radius: 4px;
}

.cusFloatButtonWrap {
  position: fixed;
  bottom: 0;
  z-index: 100;
  width: 100%;
}

.cusFloatButtonWrap button {
  width: 100% !important;
  background-color: #ffdd00 !important;
  color: #333 !important;
}

.modal.yellowPopupModal .modal_btns button {
  color: #333;
}

.modal.yellowPopupModal .modal_btns button:last-child,
.modal.yellowPopupModal .modal_btns button:only-child {
  background-color: #ffdd00;
}

.modal.yellowPopupModal .modal_close {
  width: 28px;
  height: 28px;
  border: 1px solid #333;
  border-radius: 100vw;
  background-position: 5px 5px;
  background-size: 16px auto;
  opacity: 0.5;
}

#financialProductsTaxConsultationListWrap {
  word-break: keep-all;
}

#financialProductsTaxConsultationListWrap .cusListTitleLine {
  padding-bottom: 20px;
}

#financialProductsTaxConsultationListWrap .contents {
  padding: 0;
}

#financialProductsTaxConsultationListWrap .toggle_list {
  border: none;
}

#financialProductsTaxConsultationListWrap .toggle_list li {
  padding: 16px;
  border-bottom: 1px solid #ebeef0;
}

#financialProductsTaxConsultationListWrap .toggle_list li:last-of-type {
  border-bottom: none;
}

#financialProductsTaxConsultationListWrap .cusCollapseTableBox {
  padding: 12px 0 0;
  background: none;
}

#financialProductsTaxConsultationListWrap .cusCollapseTableBox table {
  table-layout: auto;
}
#financialProductsTaxConsultationListWrap .cusCollapseTableBox table tr {
}
#financialProductsTaxConsultationListWrap .cusCollapseTableBox table tr th {
  text-align: left;
  color: #555;
  border: none;
  background: none;
  padding: 8px 5px;
  padding-left: 20px;
  font-size: 13px;
  font-weight: normal;
  position: relative;
}

#financialProductsTaxConsultationListWrap
  .cusCollapseTableBox
  table
  tr
  th::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 14px;
  width: 4px;
  height: 4px;
  background: #ffdd00;
  border-radius: 2px;
}

#financialProductsTaxConsultationListWrap .cusCollapseTableBox table tr td {
  border: none;
  padding: 8px 5px;
  font-size: 13px;
}

#financialProductsTaxConsultationListWrap button.toggle_tit {
  position: relative;
  width: 100%;
  border: none;
  padding: 2px;
  padding-right: 24px;
}

#financialProductsTaxConsultationListWrap button.toggle_tit .toggle_arrow {
  top: 0;
}

#financialProductsTaxConsultationListWrap .currentLine {
  box-sizing: border-box;
}

#financialProductsTaxConsultationListWrap .currentSign {
  display: inline-block;
  padding: 0 18px;
  font-size: 13px;
  color: #333333;
  background-color: #ffffff;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
  text-align: center;
  line-height: 28px;
  vertical-align: middle;
}

#financialProductsTaxConsultationListWrap .currentSign.default {
  border-color: rgba(51, 51, 51, 0.6);
  color: #333333;
}

#financialProductsTaxConsultationListWrap .currentSign.waiting {
  border-color: rgba(99, 136, 207, 0.6);
  color: #6388cf;
}

#financialProductsTaxConsultationListWrap .currentSign.cancel {
  border-color: rgba(187, 187, 187, 0.6);
  color: #aaaaaa;
}

#financialProductsTaxConsultationListWrap .currentSign.complete {
  border-color: rgba(51, 51, 51, 0.6);
  color: #333333;
}

#financialProductsTaxConsultationListWrap .toggle_box {
  margin-top: 0;
  border: none;
}

#financialProductsTaxConsultationListWrap .deleteButtonBox {
}

#financialProductsTaxConsultationListWrap .deleteButtonBox .deleteButton {
  width: 26px;
  height: auto;
}

#financialProductsTaxConsultationListWrap .deleteButtonBox .deleteButton img {
  width: 100%;
  opacity: 0.7;
}

#financialProductsTaxConsultationListWrap .cusEmptyList {
  width: 100%;
}

#financialProductsTaxConsultationListWrap .cusEmptyList .cusEmptyBox {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

#financialProductsTaxConsultationListWrap .cusEmptyList .cusEmptyText {
  width: 100%;
  flex: 1;
  text-align: center;
  box-sizing: border-box;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#financialProductsTaxConsultationListWrap
  .cusEmptyList
  .cusEmptyText
  .emptyText {
  color: #888;
}

#financialProductsTaxConsultationListWrap .cusEmptyList .cusEmptyNotice {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 12px 0;
  color: #888;
}

/* // 230919 end */

/* 240214 �� start */

/* ?????°ë?? ???? ???? */
.pop_contents.select_contents {width: 100%; padding: 0;}
.pop_contents.select_contents .year_list {width: 100%; padding-bottom: 60px; box-sizing: border-box;}
.pop_contents.select_contents .year_list li {width: 100%; height: 60px; font-size: 18px;}
.pop_contents.select_contents .year_list li a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.pop_contents.select_contents .year_list li a.current {background: #f7f7f8;}

.btn_area.pd_none {padding: 0;}

/* ê¸??µì?????´ì?? page */
.financialIncomeselectWrap .select_year_data {margin-left: 18px;}

.financialIncomeselectWrap .defin_list li dl dt {color: #000;}
.financialIncomeselectWrap .defin_list.depth2 {margin-top: 4px;}
.financialIncomeselectWrap .defin_list.depth2 li {position: relative; padding-left: 20px;}
.financialIncomeselectWrap .defin_list.depth2 li::before {position: absolute; content: ''; display: block; width: 4px; height: 4px; background: #696e76; border-radius: 100%; top: 50%; left: 8px; transform: translateY(-50%);}
.financialIncomeselectWrap .defin_list.depth2 li ~ li {margin-top: 4px;}
.financialIncomeselectWrap .defin_list.depth2 li dt,
.financialIncomeselectWrap .defin_list.depth2 li dl {font-size: 13px; color: #696e76;}

.financialIncomeselectWrap .defin_list.box {margin-top: 4px; padding: 10px; box-sizing: border-box; border-radius: 4px; background: #f4f4f4;}
.financialIncomeselectWrap .defin_list.box li ~ li {margin-top: 4px;}
.financialIncomeselectWrap .defin_list.box li dt,
.financialIncomeselectWrap .defin_list.box li dl {font-size: 13px; color: #696e76;}

.financialIncomeselectWrap .agree_list ~ .agree_list {margin-top: 24px;}
.financialIncomeselectWrap .agree_list > li .agree_ipt {padding-left: 0;}

.financialIncomeselectWrap .tab_cont {margin-top: 24px;}
.financialIncomeselectWrap .white_border_box {padding-bottom: 10px; font-size: 0;}

.financialIncomeselectWrap .slideDownBtn {width: 100%; height: 10px; background: url('../images/icon/bg_selectbox.png') no-repeat 50% 0; background-size: auto 100%; font-size: 0; margin-top: 6px; transform: rotate(180deg);}
.financialIncomeselectWrap .slideDownBtn.active {transform: rotate(0deg);}
.financialIncomeselectWrap .summary.none {display: none;}


/* // 240214 �� end */


/* 240424 ì¶?ê°? : ê³?ê°????¸ì??ë¬? (CDD, EDD) : start */
.ccdeddCont .topInfoBox {background: #f4f4f4; border-radius: 8px; padding: 12px 20px; margin-bottom: 30px; color: #757575;}
.ccdeddForm .form_area .form_line dl dt.cBlue {color: #4c9df8; font-weight: bold;}
.ccdeddForm .form_area .form_line .select_btn {color: #191919;}
/* // 240424 ì¶?ê°? : ê³?ê°????¸ì??ë¬? (CDD, EDD) : end */

/* 240527 ì¶?ê°? : ???¬ì??ê°? ( ???¬ê??? / CEO / ?°í?? / ê³??´ì?? ) : start */

#contCompany .tab_list {margin-bottom: 20px;}

#contCompany .contents_top_box {position: relative; width: 100%; margin-bottom: 0; padding: 15px 0 28px; box-sizing: border-box; margin-bottom: 20px; border-bottom: 1px solid #b1b1b1;}
#contCompany .contents_top_box.cont1 {background: url('../images/content/company_summary_img.png') right -20px top 25px no-repeat; background-size: 170px; padding-bottom: 14px;}
#contCompany .contents_top_box.cont1 .txt {width: auto; height: 130px;}
#contCompany .contents_top_box.cont3 {background: url('../images/content/company_history_img.png') right top no-repeat; background-size: 140px;}
#contCompany .contents_top_box.cont3 .txt {width: auto; height: 130px;}
#contCompany .contents_top_box.cont4 {background: url('../images/content/company_affiliate_img.png') right 2px no-repeat; background-size: 123px;}
#contCompany .contents_top_box.cont4 .txt {width: auto; height: 130px;}

/* ?? 1 : ?????? */
#contCompany .summary_box {padding-top: 20px;}
#contCompany .summary_box .img_box.txt {max-width: 350px; margin: 0 auto;}
#contCompany .summary_box .txt_box {margin-bottom: 40px; padding-bottom: 50px; border-bottom: 1px solid #b1b1b1;}
#contCompany .summary_box .txt_box li {margin-top: 40px; color: #363636;}
#contCompany .summary_box .txt_box li p {margin-top: 10px; word-break: keep-all;}
#contCompany .summary_box .img_title {margin-bottom: 8px;}

/* ?? 2 : CEO */
#contCompany .ceo_box {width: 100%; padding: 40px 15px 80px; background: url('../images/content/company_ceo_paper_shadow_w.png'), url('../images/content/company_ceo_paper_shadow_h.png'), url('../images/content/company_ceo_paper_bottom.png'); background-position: center, center, right -20px bottom 0; background-size: cover, auto 100%, 220px; background-repeat: no-repeat; box-shadow: 0 3px 18px rgba(0, 0, 0, 0.15);}
#contCompany .ceo_box .greeting {width: 240px; margin: 0 auto;}
#contCompany .ceo_box .txt_box {width: 100%; color: #363636; font-size: 11px; word-break: keep-all; letter-spacing: -0.06em; line-height: 1.5; margin-top: 40px;}

/* ?? 3 : ?°í?? */
#contCompany .history_box {position: relative; width: 100%; height: auto; background: url('../images/content/bg_history_vline.png') 95px top repeat-y; background-size: 4px auto;}
#contCompany .history_box .inner_box {padding-bottom: 75px; box-sizing: border-box; background: url('../images/content/company_history_img_back.png') 10px bottom no-repeat; background-size: 240px auto;}
#contCompany .history_box .year_box_l {position: relative; z-index: 30; height: auto; overflow: hidden; margin-bottom: 40px;}
#contCompany .history_box h4 {position: absolute; z-index: 40; left: 0; top: 0; display: block; width: 80px; height: 39px;}
#contCompany .history_box ul {position: relative; left: 120px; top: 3px; display: block; width: calc(100% - 170px); height: auto; overflow: hidden; word-break: keep-all;}
#contCompany .history_box ul li {display: block; float: left; height: auto; width:100%; margin-bottom: 9px; font-size: 12px; color: #363636;}
#contCompany .history_box ul li strong {width: 35px; font-weight: 700; float: left;}
#contCompany .history_box ul li p {width: calc(100% - 35px); font-weight: 400; float: left;}
#contCompany .white_box {position: absolute; z-index: 10; left: 95px; top: 0; width: 4px; height: 7px; background: #fff;}
#contCompany .history_box .icon_blt {position: absolute; z-index: 50; left: 90px; /* right: 4px; */ top: 5px; width: 18px; height: 16px; background: url('../images/content/icon_history_blt2.png') left top no-repeat; background-size: 18px auto;}

/* ?? 4 : ê³??´ì?? */ 
#contCompany .affiliate_box li {width: 100%; padding: 15px; box-sizing: border-box; border: 1px solid #dedede; border-radius: 3px;}
#contCompany .affiliate_box li + li {margin-top: 12px;}
#contCompany .affiliate_box h4 {width: 120px;}
#contCompany .affiliate_box p {margin: 10px 0 16px; font-size: 12px; color: #363636; word-break: keep-all;}
#contCompany .affiliate_box a {display: inline-block; height: 22px; line-height: 22px; padding: 0 6px; border: 1px solid #b1bfcc; border-bottom: 1px solid #718293; border-radius: 0.1em; color: #202020; font-size: 12px; color: #363636;}
#contCompany .affiliate_box a span {display: inline-block; height: 100%; padding-left: 20px; background: url('../images/content/company_affiliate_btn_icon1.png') 0 6px no-repeat; background-size: 11px; vertical-align: top;}
#contCompany .affiliate_box a i {display: inline-block; width: 5px; height: 100%; margin-left: 3px; background: url('../images/content/company_affiliate_btn_icon2.png') center 53% no-repeat; background-size: auto 30%; overflow: hidden; text-indent: -999em;}

/* // 240527 ì¶?ê°? : ???¬ì??ê°? ( ???¬ê??? / CEO / ?°í?? / ê³??´ì?? ) : end */

/* 240610 �� : ESG???? : start */
#contEsg.bdTop {padding-top: 0 !important;}
#contEsg.bdTop .contents_top {border-top: 1px solid #ebeef0;}

#contEsg .tab_list {margin-bottom: 20px;}
#contEsg .tab_list li {min-height: 36px;}
#contEsg .tab_list li button {height: 100%; font-size: 16px;}
#contEsg .tab_list li button span {display: inline-block;}

#contEsg .tab_cont {padding-bottom: 40px;}

#contEsg .contents_top {position: relative; width: 100%; margin-bottom: 0; box-sizing: border-box; margin-bottom: 20px; border-bottom: 1px solid #b1b1b1; overflow: hidden;}
#contEsg .contents_top.mbn {margin-bottom: 0;}
#contEsg .contents_top img.txt {width: 320px; padding-top: 10px;}
#contEsg .content_main.mt {margin-top: 30px;}

/* ESG???? */
/* .esg01 .contents_top {background: url('../images/content/esg_01_top_obj.png') right 0px top 70px no-repeat; background-size: 140px;} */
.esg01 .contents_top {width: 100%; box-sizing: border-box; padding: 16px 0;}
.esg01 .contents_top .one_box{width: 100%;}
.esg01 .contents_top .one_box .title_box{width: 100%; max-width: 300px;}
.esg01 .contents_top .one_box .title_box .title{font-size: 24px; color: #444;}
.esg01 .contents_top .two_box{width: 100%; min-height: 100px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; padding-right: 144px; background-image: url('../images/content/esg_01_top_obj.png'); background-repeat: no-repeat; background-position: right 0px bottom 2px; background-size: 140px;}
.esg01 .contents_top .two_box .text_box{width:90%; max-width: 300px;}
.esg01 .contents_top .two_box .text_box .description{font-size: 14px; word-break: keep-all; color: #777; font-weight: 400;}
.esg01 .affiliate_box a {display: inline-block; min-width:80px; height: 22px; line-height: 22px; padding: 0 6px; border: 1px solid #b1bfcc; border-bottom: 1px solid #718293; border-radius: 0.1em; color: #202020; font-size: 12px; color: #363636;}
.esg01 .affiliate_box a span {display: inline-block; height: 100%; padding-left: 20px; background: url('../images/content/company_affiliate_btn_icon1.png') 0 6px no-repeat; background-size: 11px; vertical-align: top;}
.esg01 .affiliate_box a i {display: inline-block; width: 5px; height: 100%; margin-left: 3px; background: url('../images/content/company_affiliate_btn_icon2.png') center 53% no-repeat; background-size: auto 30%; overflow: hidden; text-indent: -999em;}

/* �배구� */
/* .esg02_cont2 .contents_top {background: url('../images/content/esg_02_cont2_top_obj.png') right 0px top 82px no-repeat; background-size: 120px;} */
.esg02_cont2 .contents_top {width: 100%; box-sizing: border-box; padding: 0 0 16px;}
.esg02_cont2 .contents_top .one_box{width: 100%;}
.esg02_cont2 .contents_top .one_box .title_box{width: 100%; max-width: 300px;}
.esg02_cont2 .contents_top .one_box .title_box .title{font-size: 24px; color: #444;}
.esg02_cont2 .contents_top .two_box{width: 100%; min-height: 100px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; padding-right: 144px; background-image: url('../images/content/esg_02_cont2_top_obj.png'); background-repeat: no-repeat; background-position: right 0px bottom 2px; background-size: 145px;}
.esg02_cont2 .contents_top .two_box .text_box{width:90%; max-width: 300px;}
.esg02_cont2 .contents_top .two_box .text_box .description{font-size: 14px; word-break: keep-all; color: #777; font-weight: 400;}

/* ?¤ë¦¬ê²½ì?? */
/* .esg03_cont1 .contents_top {background: url('../images/content/esg_03_cont1_top_obj.png') right 0px top 126px no-repeat; background-size: 200px; padding-bottom: 50px;} */
.esg03_cont1 .contents_top {width: 100%; box-sizing: border-box; padding: 0 0 16px;}
.esg03_cont1 .contents_top .one_box{width: 100%;}
.esg03_cont1 .contents_top .one_box .title_box{width: 100%; max-width: 300px;}
.esg03_cont1 .contents_top .one_box .title_box .title{font-size: 24px; color: #444;}
.esg03_cont1 .contents_top .two_box{width: 100%; min-height: 100px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; padding-right: 144px; background-image: url('../images/content/esg_03_cont1_top_obj.png'); background-repeat: no-repeat; background-position: right -8px bottom 2px; background-size: 180px;}
.esg03_cont1 .contents_top .two_box .text_box{width:90%; max-width: 300px;}
.esg03_cont1 .contents_top .two_box .text_box .description{font-size: 14px; word-break: keep-all; color: #777; font-weight: 400;}

/* ë¶??¨ë°©ì§? */
/* .esg03_cont2 .contents_top {background: url('../images/content/esg_03_cont2_top_obj.png') right 10px top 52px no-repeat; background-size: 100px; height: 180px;} */
.esg03_cont2 .contents_top {width: 100%; box-sizing: border-box; padding: 0 0 16px;}
.esg03_cont2 .contents_top .one_box{width: 100%;}
.esg03_cont2 .contents_top .one_box .title_box{width: 100%; max-width: 300px;}
.esg03_cont2 .contents_top .one_box .title_box .title{font-size: 24px; color: #444;}
.esg03_cont2 .contents_top .two_box{width: 100%; min-height: 100px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; padding-right: 120px; background-image: url('../images/content/esg_03_cont2_top_obj.png'); background-repeat: no-repeat; background-position: right 4px bottom -10px; background-size: 110px;}
.esg03_cont2 .contents_top .two_box .text_box{width:90%; max-width: 300px;}
.esg03_cont2 .contents_top .two_box .text_box .description{font-size: 14px; word-break: keep-all; color: #777; font-weight: 400;}

/* ?¤í???´ë???? ì½??? */
/* .esg05 .contents_top {background: url('../images/content/esg_05_top_obj.png') right 0px top 110px no-repeat; background-size: 155px; height: 200px;} */
.esg05 .contents_top {width: 100%; box-sizing: border-box; padding: 16px 0;}
.esg05 .contents_top .one_box{width: 100%;}
.esg05 .contents_top .one_box .title_box{width: 100%; max-width: 300px;}
.esg05 .contents_top .one_box .title_box .title{font-size: 24px; color: #444;}
.esg05 .contents_top .two_box{width: 100%; min-height: 100px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; padding-right: 144px; background-image: url('../images/content/esg_05_top_obj.png'); background-repeat: no-repeat; background-position: right 0px bottom 2px; background-size: 145px;}
.esg05 .contents_top .two_box .text_box{width:90%; max-width: 300px;}
.esg05 .contents_top .two_box .text_box .description{font-size: 14px; word-break: keep-all; color: #777; font-weight: 400;}

#contEsg .img_box.txt {max-width: 350px; margin: 0 auto;}
#contEsg .img_box.bdBottom {border-bottom: 1px solid #b1b1b1; padding-bottom: 16px; margin-bottom: 10px;}

#contEsg .txt_box {margin-top: 30px; margin-bottom: 40px;}
#contEsg .txt_box > li {color: #363636;}
#contEsg .txt_box > li ~ li {margin-top: 40px;}
#contEsg .txt_box > li p {margin-top: 10px; word-break: keep-all;}
#contEsg .txt_box.mn > li p {margin-top: 4px; font-size: 14px;}
#contEsg .txt_box > li > ol {margin-top: 10px; padding-left: 16px;}
#contEsg .txt_box > li > ol li {word-break: keep-all;}
#contEsg .txt_box > li > ol li ~ li {margin-top: 10px;}

#contEsg .txt_box.line > li {padding: 16px 0; border-top: 1px solid #ebeef0;}
#contEsg .txt_box.line > li:last-child {border-bottom: 1px solid #ebeef0;}
#contEsg .txt_box.line > li ~ li {margin-top: 0;}
#contEsg .txt_box.line > li p {margin-top: 0; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

#contEsg .txt_box.icon {margin-top: 12px;}
#contEsg .txt_box.icon > li {padding: 16px 0 16px 54px; border-bottom: 1px solid #ebeef0;}
#contEsg .txt_box.icon > li:nth-child(1) {background: url('../images/content/esg_03_cont1_list_icon1.png') no-repeat left 16px; background-size: 45px;}
#contEsg .txt_box.icon > li:nth-child(2) {background: url('../images/content/esg_03_cont1_list_icon2.png') no-repeat left 16px; background-size: 45px;}
#contEsg .txt_box.icon > li:nth-child(3) {background: url('../images/content/esg_03_cont1_list_icon3.png') no-repeat left 16px; background-size: 45px;}
#contEsg .txt_box.icon > li:nth-child(4) {background: url('../images/content/esg_03_cont1_list_icon4.png') no-repeat left 16px; background-size: 45px;}
#contEsg .txt_box.icon > li:nth-child(5) {background: url('../images/content/esg_03_cont1_list_icon5.png') no-repeat left 16px; background-size: 45px;}
#contEsg .txt_box.icon > li ~ li {margin-top: 0;}
#contEsg .txt_box.icon > li p {margin-top: 4px;}

#contEsg .txt_box .dot_list {margin-top: 10px; word-break: keep-all; font-size: 14px;}
#contEsg .txt_box .dot_list > li {font-size: 14px;}

#contEsg .txt_info_box {width: 100%; padding: 16px 24px; box-sizing: border-box; border: 1px solid #ebeef0;}
#contEsg .txt_info_box p {color: #0055a1; font-weight: bold; text-align: center; word-break: keep-all;}

#contEsg .img_title {margin-bottom: 8px;}
#contEsg ol.num > li {list-style: auto;}
#contEsg ol.dot {padding-left: 8px;}
#contEsg ol.dot > li {position: relative; padding: 2px 0 2px 2px; line-height: 1.2;}
#contEsg ol.dot > li::before {position: absolute; content: '¡¤'; left: -4px;}

#contEsg .board_list.btn > li .text {width: calc(100% - 60px);}
#contEsg .board_list > li .text .tit {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#contEsg .board_list.mn > li .text .tit {margin-bottom: 0;}

#contEsg .board_list2.btn > li .text {width: calc(100% - 60px);}
#contEsg .board_list2 > li .text .tit {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#contEsg .board_list2.mn > li .text .tit {margin-bottom: 0;}

#contEsg .list_box > li ~ li {margin-top: 30px;}
#contEsg .list_box.titBd h4 {padding-bottom: 8px; box-sizing: border-box; border-bottom: 1px solid #ebeef0;}
#contEsg .list_box .board_list {margin-top: 12px;}
#contEsg .list_box .board_list > li {border: none; padding: 5px 0;}
#contEsg .list_box .board_list > li .tit {margin-bottom: 0;}
#contEsg .list_box .board_list2 > li {border: none; padding: 5px 0;}
#contEsg .list_box .board_list2 > li .tit {margin-bottom: 0;}

#contEsg table {border-top: none; padding: 4px 0; box-sizing: border-box; line-height: 1.5; word-break: keep-all;}
#contEsg table tr:last-child td {border-bottom: 1px solid #d9d9d9 !important;}
#contEsg table tr th {background: #e7e7e7; border-right: 2px solid #fff; box-sizing: border-box; padding: 4px 0; border-bottom: none; letter-spacing: -0.1em; font-weight: bold; font-size: 14px;}
#contEsg table tr td {padding: 4px 0; border-right: 3px solid #fff; box-sizing: border-box; border-bottom: none; font-size: 12px; letter-spacing: -0.1em;}
#contEsg table tr td.lts_s {letter-spacing: -0.15em;}
#contEsg table tr td ~ td {border-left: none;}
#contEsg table tr th.center,
#contEsg table tr td.center {text-align: center;}
#contEsg table tr td.empty {height: 15px;}
#contEsg table.pd12 tr td {padding: 12px 0;}

/* 02 ì§?배구ì¡? - ?´ì?¬í?? */
.esg02_cont2 table th {padding: 2px 0;}
.esg02_cont2 table td {padding: 12px 0; border-bottom: 1px solid #f2f2f2 !important;}

/* 02 �배구� - ?????? */
.esg02_cont3 table td {padding: 12px 0;}
.esg02_cont3 table td.innerTable p {display: flex; justify-content: space-between;}
.esg02_cont3 table td.innerTable p span:nth-child(1), 
.esg02_cont3 table td.innerTable p span:nth-child(3) {flex: 1 1;}
.esg02_cont3 table td.innerTable p span:nth-child(2) {flex: 2;}

/* // 240610 �� : ESG???? : end */

/* 240819 ????????ê³?ì¢? ?´ì????ì²? : start */
.limit .tc_blue {color: #225094;}

.limit .table_box th.line2 {padding: 4px 0;}
.limit .txt02.mt {margin-top: 10px;}

.limit .dot_list {margin-top: 4px;}
.limit .dot_list li ~ li {margin-top: 4px;}

.limit .top_box {width: 100%; display: flex; justify-content: space-between; padding: 30px 10px 20px; border-bottom: 1px solid #ebeef0;}
.limit .top_box .rt_box {text-align: right;}
.limit .top_box ul li ~ li {margin-top: 4px;}
.limit .top_box ul li ~ li {margin-top: 4px;}

.limit .cont_box .inner_center_box {text-align: center; padding: 140px 0;}
.limit .cont_box .inner_center_box img {width: 50px;}
.limit .cont_box .inner_center_box p {font-size: 16px;}

.limit .cont_box.input .flex_box {display: flex; justify-content: flex-start;}
.limit .cont_box.input .flex_box .form_type {flex: 1; padding: 10px 0;}
.limit .cont_box.input .flex_box .form_type:nth-child(2) {margin-left: 20px;}
.limit .cont_box.input .input_gray {background: #f7f7f8; border-bottom: none; padding: 10px; box-sizing: border-box;}

.limit .bt_box .flex_box {display: flex; justify-content: space-between; align-items: center;}
.limit .bt_box .flex_box .btn_area span button {height: auto; padding: 6px 10px; margin-top: 30px;}
/* // 240819 ????????ê³?ì¢? ?´ì????ì²? : end */

/* 241106 ?°ë¦¬???? ê³?ì¢?ê°??? */
.ico_info.kid > .ico_info_txt {min-height: 96px; padding-right: 85px; letter-spacing: -0.075rem; background-image: url("../images/content/ico_info_13.png"); background-size: 100px auto;}

.thum_info_bdr_list.kid {border-top: none;}
.thum_info_bdr_list.kid > li {border-bottom: none; word-break: keep-all;}
.thum_info_bdr_list.kid > li > div {padding-top: 15px;}
.thum_info_bdr_list.kid > li .thum {}
.thum_info_bdr_list.kid > li .thum.img01 {background: url('../images/content/kid_account_img1.png') no-repeat top center; background-size: 56px auto;}
.thum_info_bdr_list.kid > li .thum.img02 {background: url('../images/content/kid_account_img2.png') no-repeat top center; background-size: 56px auto;}
.thum_info_bdr_list.kid .dot_list,
.thum_info_bdr_list.kid .num_list {margin-top: 6px;}
.thum_info_bdr_list.kid .dot_list > li ~ li {margin-top: 4px;}
.thum_info_bdr_list.kid .num_list > li {position: relative; padding-left: 0; margin-left: 18px; font-size: 15px; color: #696e76; list-style: decimal !important;}
/* .thum_info_bdr_list.kid li.none {margin-left: 0; list-style: none !important;} */
.thum_info_bdr_list.kid .info_txt03 {position: relative; padding-left: 18px; margin-top: 10px; font-size: 14px; color: #696e76;}
.thum_info_bdr_list.kid .info_txt03::before {content: '*'; position: absolute; left: 4px; top: 0; font-size: 16px;}
.thum_info_bdr_list.kid .info_txt02:before {content: ''; display: inline-block; width: 20px; height: 20px; margin-top: -3px; margin-right: 8px; background: url('../images/icon/ico_info_tit02.png') no-repeat center center; background-size: 19px auto; vertical-align: middle;}
/* //241106 ?°ë¦¬???? ê³?ì¢?ê°??? */

/* 250526 : ȸ»ç¿¬Çõ, ¼ö»ó³»¿ª */
.tab_list.tab2 button {font-size: 14px; letter-spacing: -0.1em;}

.history_box2 {width: 100%;}
.history_box2 h4 img {height: 20px;}

.history_box2 .year_box_l {padding: 0 0 20px 10px; margin-top: 24px; border-bottom: 1px solid #ebeef0;}
.history_box2 .year_box_l:last-child {border-bottom: none;}
.history_box2 .year_box_l ul {margin-top: 16px;}
.history_box2 .year_box_l ul li {display: flex; padding-block: 4px;}
.history_box2 .year_box_l ul li strong {width: 25px; color: #1a75c6;padding-top:0.1em;}
.history_box2 .year_box_l ul li p {flex: 1; color: #363636; line-height: 1.6;}
.history_box2 .year_box_l ul li strong,
.history_box2 .year_box_l ul li p {font-size: 14px; letter-spacing: -0.1em; word-break: keep-all;}

.contents.awards .history_box2 h4 {padding-block: 10px 12px;}
.contents.awards .year_box_l {position: relative;}
.contents.awards .year_box_l .brand_img {position: absolute; right: 0;}
.contents.awards .year_box_l .brand_img img {width: 100%;}

.contents.awards .year_box_l .brand_img.y_2026 {width: 100px; top: 8px;}
.contents.awards .year_box_l .brand_img.y_2025 {width: 60px; top: -10px;}
.contents.awards .year_box_l .brand_img.y_2024 {width: 75px; top: -5px;}
.contents.awards .year_box_l .brand_img.y_2023 {width: 95px; top: 10px;}
.contents.awards .year_box_l .brand_img.y_2022 {width: 100px; top: 8px;}
.contents.awards .year_box_l .brand_img.y_2021 {width: 100px; top: 8px;}
.contents.awards .year_box_l .brand_img.y_2020 {width: 75px; top: -10px;}
.contents.awards .year_box_l .brand_img.y_2019 {width: 80px; top: 0;}
.contents.awards .year_box_l .brand_img.y_2018 {width: 75px; top: -10px;}
.contents.awards .year_box_l .brand_img.y_2017 {width: 90px; top: 0;}
.contents.awards .year_box_l .brand_img.y_2016 {width: 90px; top: 8px;}
.contents.awards .year_box_l .brand_img.y_2015 {width: 100px; top: 8px;}
.contents.awards .year_box_l .brand_img.y_2014 {width: 80px; top: -5px;}
.contents.awards .year_box_l .brand_img.y_2013 {width: 90px; top: 2px;}
.contents.awards .year_box_l .brand_img.y_2012 {width: 65px; top: 10px;}
.contents.awards .year_box_l .brand_img.y_2011 {width: 70px; top: -5px;}
.contents.awards .year_box_l .brand_img.y_2010 {width: 70px; top: 10px;}
/* //250526 :ȸ»ç¿¬Çõ, ¼ö»ó³»¿ª */