@charset "utf-8";
/* 지배구조 이사회 */
.activity_wrap .activitiy_content, .result_content{margin-top:24px;}
/*관련규정*/
/*정관(뉴_아코디언)*/
.accordion_list .accord_txt > p.subrule_tit{font-weight:700;}
.accordion_list .accord_txt dl + .subrule_tit{margin-top:24px;}
.accord_in_terms > dd >p + ol,.accord_in_terms > dd >p + ul{margin-top:8px; padding-left:20px;}
/*정관(구)*/
.rule_type02 .rule_cont + .rule_cont{margin-top:80px;}
.rule_type02 .rule_main_tit{font-size: 26px;line-height: 38px; font-weight:700;color:#24272D;}
.rule_type02 .rule_main_tit02{margin-top:32px;font-size: 24px;line-height: 38px; font-weight:700;color:#24272D;}
.rule_type02 .rule_main_sub{margin-top:16px;font-size: 20px;line-height: 32px; font-weight:500;color:#24272D;}
.rule_type02 .rule_sub_tit{margin:32px 0 16px 0;font-size: 24px;line-height: 38px; font-weight:500;color:#24272D;}
.rule_type02 .rule_text{font-size: 18px;line-height: 28px; font-weight:300; color:#24272D;}
.rule_type02 .rule_text > p + .rule_numList{margin-top:8px; padding-left:24px;}
.rule_type02 .rule_text > p + .bul_list{margin-top:8px;}
.rule_type02 .rule_numList >li{margin-bottom:8px;padding-left:20px; font-size: 18px;line-height: 28px; font-weight:300; color:#24272D;}
.rule_type02 .rule_numList >li span.listBul{display:inline-block; text-indent:-20px;font-size: 18px;line-height: 28px; font-weight:300; color:#24272D;}
.rule_type02 .rule_numList > li > .rule_numList,
.rule_type02 .rule_numList > li > ul{padding-left:10px;}
.rule_type02 .rule_numList > li > .rule_numList > li,
.rule_type02 .rule_numList > li > ul > li{margin-top:8px;}
.rule_type_wrap{width:100%;}
.rule_type_in > p.rule_txt_big{font-size: 26px;line-height: 38px; font-weight:700;color:#24272D;}
.rule_type_in > p.rule_txt_small{font-size: 20px;line-height: 32px;font-weight:500;color:#24272D;}
.rule_type_in > p.rule_txt_big + p.rule_txt_big {margin-top:56px;}
.rule_type_in > p.rule_txt_big + p.rule_txt_small {margin-top:16px;}
.rule_type_in > p.rule_txt_small + p.rule_txt_small {margin-top:16px;}
.rule_type_in + ul.rule_type01{margin-top:56px;}
.rule_type_in + div{margin-top:56px;}
.rule_type_in .bul_list{margin-top:16px;}
.rule_type_in .bul_list >li{font-size: 20px;line-height: 32px;font-weight:300; color:#3A3F49;}
ul.rule_type01 + .rule_type_in{margin-top:56px;}
ul.rule_type01{width:100%;}
ul.rule_type01 > li{margin-bottom:56px; display:flex;justify-content:flex-start;}
ul.rule_type01.coltype > li{flex-direction: column;}
ul.rule_type01.coltype > li .rule_type_tit + div{margin-top:16px;}
ul.rule_type01 > li:last-child{margin-bottom:0px;}
ul.rule_type01 > li .rule_type_tit{font-size: 26px;line-height: 38px; font-weight:700;min-width:288px;color:#24272D;}
ul.rule_type01 .rule_type_text > p{font-size: 20px;line-height: 32px;font-weight:500;color:#24272D;}
ul.rule_type01 .rule_type_text > .rule_ol > li{display:table;font-size: 20px;line-height: 28px;font-weight:500;color:#24272D;}
ul.rule_type01 .rule_type_text > .rule_ol > li + li{margin-top:8px;}
ul.rule_type01 .rule_type_text > .rule_ol span.rule_ol_num{display:table-cell; width:34px;font-size: 20px;line-height: 28px;font-weight:500;vertical-align:top; color:#24272D;}
ul.rule_type01 .rule_type_text > p + ol,
ul.rule_type01 .rule_type_text > p + ul{margin-top:32px;}
ul.rule_type01 .rule_type_text .ol_list >li{font-size: 18px;line-height: 28px; font-weight:300; color:#3A3F49;}
ul.rule_type01 .rule_type_text .ol_list >li + li{margin-top:8px;}
p.rule_text + p.rule_text{margin-top:16px;}
/* 지배구조 기타 */
.tbl_thead.tbl_etc tbody th{font-weight:700;}
.tbl_thead.tbl_etc tbody th, .tbl_etc tbody td{padding:16px 0;}
/*util - 개인정보취급방침*/
.personal_anchor{width:100%;height:fit-content; margin-top:32px;padding:28px 48px 28px 30px;background-color: #F3F6FB; box-sizing:border-box;border-radius:20px;overflow:hidden;}
.p_anchor_ul{width:100%; height:100%;display:flex; justify-content: flex-start;flex-wrap:wrap;align-items:flex-start;margin-left: 30px;}
.p_anchor_ul > li{width:25%;}
.p_anchor_ul > li a{position:relative;display:inline-block;padding:5px 32px 5px 5px;font-size: 16px;font-weight: 500;line-height: 26px; color:#24272D;box-sizing:border-box;}
.p_anchor_ul > li a:before{content: '';position: absolute;display: block;left: -8px;top: 17px;background: #3A3F49;width: 4px;height: 4px;border-radius:50%;}
.p_anchor_ul > li a:after{content: '';display: inline-block;background: url(../images/common/icon_down_gray900.svg) no-repeat center center;width: 12px;height: 12px;transform: translateY(2px);background-size: 12px;margin-left: 8px;}
.p_anchor_ul > li a:hover{color: #0046FF;}
.p_anchor_ul > li a:hover:after{background:url(../images/common/icon_down_blue.svg) no-repeat center;}

.rule_type02.personal .select_wrap{width:fit-content;margin:56px 0 24px 0;}
.rule_type02.personal .tbl_thead{margin-top:24px;}
.rule_type02.personal .rule_sub_tit{margin:56px 0 16px 0;}
.rule_type02.personal .rule_text > p + .rule_numList{padding-left:0;}
.rule_type02.personal .rule_numList > li > ul.bul_list{padding-left:0px;} 
.rule_type02.personal .p_btn_wrap{margin:8px 0;}
.rule_type02.personal .rule_text > .p_btn_wrap:first-of-type{margin-top:16px;}
.rule_type02.personal .rule_text.endtxt{margin-top:56px;font-weight: 500;}
.rule_type02.personal .rule_text.endtxt p + p{margin-top:8px;}
.rule_type02.personal .select_wrap.type2.personvideo .select_list{height:fit-content;}
.rule_type02.personal .select_wrap.type2.personvideo .scrollbar{height:fit-content;}
.rule_type02 .rule_text span.info_txt{font-weight: 500;}
.rule_type02 .rule_text .text_subtxt {margin-top: 16px;}
.rule_type02 .rule_text > .bul_list +p,
.rule_type02 .rule_text > p +p {margin-top: 8px}
.rule_type02 .t_info_btm{margin-top: 12px;}
.rule_type02 .t_info_top{margin-top: 24px;}
.rule_type02 .rule_text > .bul_list + .t_info_top{margin-top: 24px;}
.rule_type02 .t_info_top + .tbl_thead{margin-top: 12px;}
/*util - 고객정보취급방침*/
.rule_bg{padding:32px;background-color:#F8F9FC;margin-top:32px;}
.rule_type02.personal .rule_bg .rule_sub_tit{margin:0; }
.rule_type02 .rule_bg + dl .rule_sub_tit:first-of-type{margin-top:32px;} 
.rule_type02.personal .roundbt {padding-right:20px;}
.rule_type02.personal .roundbt.ico {padding-right:40px;}
.rule_type02.personal .roundbt:hover {border: 1px solid #005df9;color: #0046ff;}
/*util - 팝업공통*/
.popup_layer .rule_main_tit02:first-of-type{margin-top:0px;}
.popup_layer .rule_type02 .rule_main_sub:first-of-type{margin-top:0px;}
.popup_layer .tbl_thead + .rule_text{margin-top:32px;}
.popup_cont .popup_content .rule_text{font-size: 18px;line-height: 28px;font-weight: 300;color: #565B64 !important;}
.popup_cont .popup_content .rule_type02.personal .tbl_thead {margin-top: 16px;}
.popup_cont .popup_content .rule_text + .tscroll {margin-top: 16px;}
.popup_cont .popup_content .tscroll + .rule_text {margin-top: 32px;}
.popup_cont .popup_content .tbl_thead.vtop table {table-layout: fixed;}
/*util-신한지킴이*/
.qr_img_box{width:213px; height:207px; margin:32px auto;}
.qr_img_box img{width:100%;}
/*신용*/
.btn.blue.policy{font-weight: 500;line-height: 26px;padding: 0 48px 0 24px;position: relative;margin-top: 20px;}
.btn.blue.policy::after{position: absolute;content:'';display:block;width: 24px;height: 24px;background: url(../images/common/icon_arrow_down.svg) no-repeat center / 24px; right: 16px; top: 12px;}
/*이사회 내 위원회*/
.accordion_list .accord_txt > p.acco_info {font-size:18px;line-height: 28px;font-weight: 300;color: #24272D;}
/* 이사회 구성현황 */
.chairman{margin-left: 104px;margin-top: 80px;box-sizing:border-box;position: relative;padding:0 104px;margin-bottom: 120px;}
.chairman_wrap{min-height:732px;display: flex;line-height: 1;justify-content: space-between;margin: 0 auto;box-sizing: border-box;flex-direction:row-reverse;max-width: 1424px;}
.chairman::after{position: absolute;content: '';width: 100%;height:100%;background-color: #F3F6FB;z-index: -999;top: 119px;left: 0;}
.chairman_wrap .chairman_left{margin-top:21px; animation: fadeInUp 2.5s;}
.chairman_wrap .chairman_left .chairman_subtxt{margin-top: 20px;color: #24272D;line-height: 32px;font-weight:500;font-size: 20px;letter-spacing: -0.5px;}
.chairman_wrap .chairman_left .chairman_subtxt.type2 {margin-top: 40px;line-height: 28px;font-weight:300;font-size: 18px;letter-spacing: -0.5px;}
.chairman_wrap .chairman_right .chairman_photo_wrap{position: relative;width: 520px;height: 640px;padding-left: 27.2px;}
.chairman_wrap .chairman_right .chairman_photo_wrap .pc_chairman_photo{border-radius: 24px;animation: fadeInUp 1s;}
.chairman_wrap .chairman_right .chairman_photo_wrap img{width: 100%;height: 100%;object-fit: cover;}
.chairman_wrap .chairman_right .chairman_photo_wrap::before{position: absolute;content: '';width: 335px;height: 38px;background: url('../images/governance/pc_chairman_signature.png') no-repeat;right: 0;bottom: -70px;animation: fadeInUp 1s;}
.chairman_wrap .chairman_right .chairman_photo_wrap .mo_chairman_photo{display: none;}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 30%, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.directors_wrap ul.directors_list{display: flex;align-items: flex-start;flex-wrap: wrap;margin: 0px -8px 0;}
.directors_wrap ul.directors_list li{width: calc((100% - 64px) / 4);margin:64px 8px 0;position: relative;}
.directors_wrap ul.directors_list li .board_img{position: relative;display: block;border-radius: 24px;overflow: hidden;    aspect-ratio: 252 / 330;border: 1px solid #D6DBE1;}
.directors_wrap ul.directors_list li .board_img img{width:100%;height:100%;object-fit:cover;transition:.3s;}
.directors_wrap ul.directors_list li .board_img img:hover{transform:scale(1.1)}
.directors_wrap ul.directors_list li .board_des .name{margin:24px 0 16px;font-weight: 700;color: #24272D;font-size: 24px;line-height: 38px;text-align: left;}
.directors_wrap ul.directors_list li .board_des .board_title{font-weight: 700;color:#565B64;font-size: 18px;line-height: 28px;text-align: left;margin-bottom: 8px;}
.directors_wrap ul.directors_list li .board_des .career{font-weight: 300;color:#565B64;font-size:18px;line-height: 28px;text-align: left;margin-bottom: 24px;}
.directors_wrap ul.directors_list li .board_des .career .indent{text-indent: 29px;display: inline-block;}

.directors_wrap ul.directors_list li .board_des .term{font-weight: 300;color: #565B64;font-size: 16px;line-height: 26px;text-align: left;}
h2.title.member{padding-top: 120px;}
/* 주주구성 */
.gwinner {width:1135px;box-sizing:border-box;margin:0 auto}
.g_graph_box {width:100%}
.g_graph_box .Indicator {text-align:right;margin-bottom:24px;padding-right:16px}
.g_graph_box .Indicator span {position:relative;display:inline-block;font-size:22px;line-height:38px;padding-left:20px}
.g_graph_box .Indicator span + span {margin-left:24px;}
.g_graph_box .Indicator span.green:before {content:'';position:absolute;top:13px;left:0;display:block;width:12px;height:12px;background:#2fb3dd;border-radius:50%}
.g_graph_box .Indicator span.blue:before {content:'';position:absolute;top:13px;left:0;display:block;width:12px;height:12px;background:#0046ff;border-radius:50%}
.g_graph_box .graph {position:relative;display:flex;align-items:center;}
.g_graph_box .graph + .graph {margin-top:56px}
.g_graph_box .graph .txt {position:relative;display:inline-block;width:90px;color:#121418;font-size:24px;line-height:80px;font-weight:500;height:80px;}
.g_graph_box .graph .txt:after {content:'';position:absolute;right:0;top:33px;display:inline-block;width:12px;height:12px;background:#121418;border-radius:50%}
.g_graph_box .graph .round_graph {display:flex;width:calc(100% - 90px);margin-left:32px;}
/*주요활동내역*/
.activitiy_content .ol_list.line .olnum{display:inline-block; margin-right:8px;color:#24272D;}
@media (max-width:1440px){
    .chairman_wrap .chairman_left .m_none{display: none;}
    .chairman{margin-left: 24px;margin-bottom: 30px;}
    .chairman::after{height: calc(100% - 88px);}
    .chairman_wrap .chairman_right .chairman_photo_wrap {width: 416px; height:512px;}
	.chairman_wrap .chairman_right .chairman_photo_wrap img{width: 100%;height: 100%;object-fit: cover;}
}
@media (max-width:1400px){
    .gwinner {width:100%;padding:0 104px;box-sizing:border-box}
}
@media (max-width:1200px){
    .br_none{display:none;}
    .personal_anchor{padding:24px 0px 24px 40px;}
    .p_anchor_ul > li{width:calc(25% - 4px);}
    .p_anchor_ul > li:nth-child(1),
    .p_anchor_ul > li:nth-child(5),
    .p_anchor_ul > li:nth-child(9){width:calc(25% + 10px);}
    .p_anchor_ul > li a:after{right:5px;}
    .rule_type02 .rule_main_tit{font-size:28px;line-height:38px;}
}
@media (max-width:1300px){
    .personal_anchor{padding:28px 48px 28px 30px;}
}
@media screen and (max-width: 1023px) {
    .activity_wrap .activitiy_content, .result_content {margin-top: 16px;}
    /*관련규정*/
    .br_pc{display: inline-block;content:" ";padding: 0 2px;}
    /*정관*/
    .rule_type02 .rule_cont + .rule_cont {margin-top:32px;}
    .rule_type02 .rule_main_tit{font-size:20px;line-height:32px;}
    .rule_type02 .rule_main_sub{margin-top:8px;font-size: 20px;line-height: 32px; font-weight:500;color:#24272D;} 
    .rule_type02 .rule_cont.rsupply {margin-top:32px;}
    .rule_type02 .rule_main_tit02,
    .rule_type02 .rule_sub_tit{font-size: 18px;line-height: 28px; }
    .rule_type02 .rule_text,
    .rule_type02 .rule_numList >li,
    .rule_type02 .rule_numList >li span.listBul{font-size:14px; line-height:20px;}
    .rule_type02 .rule_supply .rule_supply_tit{font-size:16px; line-height:22px;}
    .rule_type02 .rule_text > p + .rule_numList{padding-left:20px;}
    /*정관 외 나머지 */
    ul.rule_type01.coltype > li .rule_type_tit + div{margin-top:0px;}
    ul.rule_type01 .rule_type_tit{margin-bottom:16px;}
    ul.rule_type01 > li .rule_type_tit,
    .rule_type_in > p.rule_txt_big{word-break: break-all; font-size: 20px;line-height: 32px;}
    ul.rule_type01 .rule_type_text > .rule_ol span.rule_ol_num{display:table-cell; width:30px;vertical-align: baseline;font-size: 16px;line-height: 26px;}
    .rule_type_in > p.rule_txt_small,
    .rule_type_in .bul_list >li,
    ul.rule_type01 .rule_type_text > p,
    ul.rule_type01 .rule_type_text > .rule_ol > li{font-size: 16px;line-height: 26px;}
    ul.rule_type01 .rule_type_text .ol_list >li{font-size: 14px;line-height: 24px;}
    .rule_type_in + ul.rule_type01,
    .rule_type_in + div{margin-top:32px;}
    ul.rule_type01 > li{margin-bottom:32px;}
    .rule_type_in > p.rule_txt_big + p.rule_txt_big {margin-top:24px;}
    ul.rule_type01 .rule_type_text > .rule_ol > li + li{margin-top:8px;} 
    ul.rule_type01 .rule_type_text > p + ol,
    ul.rule_type01 .rule_type_text > p + ul{margin-top:16px;} 
    ul.rule_type01 + .rule_type_in{margin-top:32px;}
    /*util-개인정보처리방침추가*/
    .rule_type02.personal .select_wrap{width:100%;margin:24px 0 12px 0;}
    .rule_type02.personal .select_wrap.type2 .select_list{width:100%;}
    .rule_type02.personal .rule_sub_tit{margin:24px 0 12px 0;}
    .rule_type02.personal .tbl_thead{margin-top:16px;}
    .rule_type02 .rule_main_sub{margin-top:12px;font-size: 16px;line-height: 26px;} 
    .rule_type02.personal .rule_numList > li > ul.bul_list{margin-left:-5px;}
    .rule_type02.personal .rule_text > p + .p_btn_wrap{margin-top:12px;}
    .rule_type02.personal .rule_text.endtxt{margin-top:24px;font-weight: 500;}
    .rule_type02.personal .roundbt{padding-right:14px;padding-left: 14px;}
    .rule_type02.personal .roundbt.ico.upright.ty2 {padding-right:20px;}
    .rule_type02.personal .select_wrap.personvideo .select_list{height:fit-content}
    .rule_type02.personal .tbl_thead td .rule_text{color:#565B64;}
    /*util - 팝업공통*/
    .popup_cont .popup_content .tscroll + .rule_text {margin-top: 16px;}
    /*util-고객정보취급방침추가*/
    .rule_type02.personal .rule_main_sub.endtxt{margin-top:24px;font-weight: 500;}
    .rule_type02.personal .rule_bg{padding:16px;}
    /*이사회 내 위원회 모바일*/
    .accordion_list .accord_txt > p.acco_info {font-size: 14px;line-height: 22px;}
    /* 이사회 구성현황 */
    h2.title.member{padding-top: 0px;}
    .chairman{background: none;padding: 0px;margin-left: 0;margin-bottom: 72px;margin-top: 32px;width:100%;max-width:100%;}
    .chairman_wrap{display: block;}
    .chairman::after{display: none;}
    .chairman_wrap .chairman_right .chairman_photo_wrap{width: 100%;height: auto;padding-left: 0;}
    .chairman_wrap .chairman_right .chairman_photo_wrap .pc_chairman_photo{display: none;}
    .chairman_wrap .chairman_right .chairman_photo_wrap .mo_chairman_photo{display: block;width: 100%;height:480px;object-fit: cover;object-position: left 0 top -55px;position: relative;}
    .chairman_wrap .chairman_right .chairman_photo_wrap::before{display: block;position: absolute;content: '';width: 228px;height: 104px;background: url('../images/governance/mo_chairman_signature.png') no-repeat; bottom: 25px;left: 32px;background-size: 228px 104px;;z-index: 9;}
    .chairman_wrap .chairman_right .chairman_photo_wrap::after{content: none;}
    .chairman_wrap .chairman_left {margin-top: 48px;padding: 0 56px;}
    .s_tit.type2{font-size: 20px;line-height: 32px;margin-bottom: 0px;}
    .chairman_wrap .chairman_left .chairman_subtxt{font-size: 16px;line-height: 26px;margin-top: 16px;}
    .chairman_wrap .chairman_left .chairman_subtxt.type2{font-size: 14px;line-height: 22px;margin-top: 20px;}
    .directors_wrap ul.directors_list li .board_img{border-radius: 16px;}
    .content .inner.member{padding: 0 180px 80px;}
    .directors_wrap ul.directors_list li{width: calc((100% - 32px) / 2);margin: 32px 8px 0;}
    .directors_wrap ul.directors_list {margin: 0px -8px 0;}
    .directors_wrap ul.directors_list li .board_des .name{font-size: 18px;line-height: 28px;text-align: left;margin:16px 0 8px}
    .directors_wrap ul.directors_list li .board_des .board_title{font-size: 14px;line-height: 22px;text-align: left;margin-bottom: 4px;}
    .directors_wrap ul.directors_list li .board_des .career{font-size:12px;line-height: 20px;text-align: left;margin-bottom: 16px;}
    .directors_wrap ul.directors_list li .board_des .term{font-size: 12px;line-height: 20px;text-align: left;}
    /* 주주구성 */
    .gwinner {padding:0 56px;}
    .g_graph_box .Indicator {margin-bottom:12px;padding-right:8px}
	.g_graph_box .Indicator span {font-size:12px;line-height:18px;padding-left:16px}
	.g_graph_box .Indicator span + span {margin-left:8px;}
	.g_graph_box .Indicator span.green:before {top:5px;width:8px;height:8px;}
	.g_graph_box .Indicator span.blue:before {top:5px;width:8px;height:8px;}
	.g_graph_box .graph + .graph {margin-top:24px}
    .btn.blue.policy{padding-right: 44px;}
	.btn.blue.policy::after{background-size: 16px;width: 16px;height: 16px;}
    /* 지배구조 */
    .tbl_thead.tbl_etc thead th, .tbl_etc tbody th, .tbl_etc tbody td{padding:16px 8px;line-height:26px;font-size:16px;}
}
@media (min-width: 768px) and (max-width: 860px){
    .content .inner.member{padding: 0 120px 80px;}
}
@media (max-width:767px){
    .chairman_wrap .chairman_left {margin-top: 48px;padding: 0 16px;}
    .gwinner {padding:0 16px;}
    .content .inner.member{padding: 0 16px 80px;}
    .chairman_wrap .chairman_right .chairman_photo_wrap::before{width: 114px;height: 56px;background-size: 114px 56px;}
    .chairman_wrap .chairman_right .chairman_photo_wrap .mo_chairman_photo{height: auto;object-position:unset;}
}