@charset "utf-8";

/* 홍보ㆍ브랜드 - TV광고 */
.pb60{padding-bottom:60px !important;}
video{display:block;margin-bottom:-1px;}
.cF_wrap video[poster] {object-fit: cover;aspect-ratio: 121 / 68;}/*0709 수정*/
.cF_wrap{position: relative;display:flex;justify-content:space-between;margin-bottom:0px;width:100%;}
.cF_wrap *{box-sizing:border-box;}
.cF_wrap .cF_main {width:58%; max-width:784px;  min-width:700px;margin-right:80px; height:800px;position:sticky; top:10%; left:0;}
.cF_wrap .cF_main_video {margin-bottom: 24px;width:100%;aspect-ratio: 784/441;}
.cF_wrap .cF_main_video.vtype {margin-bottom: 24px;width:100%;}
.cF_wrap iframe {width: 100%;height: 100%;overflow:hidden; border-radius:24px;}
.cF_wrap .cF_main_video .cF_video_box {width: 100%;height: calc(100% + 104px);overflow: hidden;border-radius: 24px;}
.cF_wrap .cF_main_video .cF_video_caption {padding:16px 16px 16px 24px;	width: 100%;	height: 110px;border-radius: 0px 0px 24px 24px;background-color: #F3F6FB;}
.cF_wrap .cF_video_caption p{height:100%;overflow-y:scroll;font-size: 16px;font-weight: 300;line-height: 26px;}
.cF_wrap .cF_video_caption p::-webkit-scrollbar {width: 6px; }
.cF_wrap .cF_video_caption p::-webkit-scrollbar-thumb {height: 10px !important;background: #D6DBE1;border-radius: 10px;}
.cF_wrap .cF_video_caption p::-webkit-scrollbar-track {background: rgba(33, 122, 244, .0);}
.cF_wrap .cF_main_title {margin-bottom: 8px;font-size: 28px;line-height: 38px; font-weight:700;}
.cF_wrap .cF_main_date {margin-bottom: 16px;font-size: 20px;line-height: 32px; font-weight:500;color:#565B64;}
.cF_wrap .cF_main_txt {font-size: 16px;line-height: 26px;font-weight: 500;color: #565B64;display: block;height: 300px;overflow-y: scroll;}
.cF_wrap .cF_main_txt::-webkit-scrollbar {width: 22px; }
.cF_wrap .cF_main_txt::-webkit-scrollbar-thumb {height: 10px !important;background: #D6DBE1;background-clip: padding-box;border: 8px solid transparent;border-radius: 15px;}
.cF_wrap .cF_main_txt::-webkit-scrollbar-track {background: rgba(33, 122, 244, .0);}
.cF_wrap .cF_main_left.video-view .cF_main_video {z-index: 40;background-color: #000;}
.cF_wrap .cF_group_wrap {width:42%; margin-right: -16px;}/*0711 너비 수정*/
.cF_wrap .cF_group {  position: relative;padding-bottom:0px;visibility: visible; column-width:200px;break-inside: avoid;} 
.cF_wrap .cF_item {width: calc(50% - 16px); margin-bottom:16px;}
.cF_wrap .grid_sizer{width: calc(50% - 16px);}
.cF_wrap .cF_item > .cF_btn{display: block;width:100%;height: fit-content; overflow: hidden; border-radius: 20px;}
.cF_wrap .cF_item > .cF_btn .cF_img_box {display: block;width: 100%;overflow: hidden; border-radius: 20px 20px 0 0;aspect-ratio: 984 / 552;}
.cF_wrap .cF_item > .cF_btn .cF_img {width:100%; height:100%; transition:.3s;}
.cF_wrap .cF_item > .cF_btn .cF_img_box img{width:100%;object-fit: cover;}
.cF_wrap .cF_group .cF_img_box + video{display:none;}
.cF_wrap .cF_item > .cF_btn .cF_tit{display:block; width:100%;  padding: 24px;  color: #24272D; font-weight:500;font-size: 20px; line-height:32px; background-color: #F3F6FB;word-break: normal; letter-spacing:-0.5px;}
.cF_wrap .cF_item.on > .cF_btn .cF_tit{color:#fff;background-color:#005DF9;transition:.3s;}
.cF_wrap .cF_item > .cF_btn:hover .cF_tit{color:#fff;background-color:#005DF9;transition:.3s;}
.cF_wrap .cF_item > .cF_btn:hover .cF_img {transform:scale(1.1)} 
.cF_wrap .popup_layer{display:none;}  
.cF_wrap .cF_date {display:none;}
.cF_wrap .cF_group + .btn_wrap.more{margin:32px 0 0px 0;}
/* 홍보 보도자료 */
.release_wrap .release_list{display:flex;align-items: center;flex-wrap: wrap;margin: 0 -8px;}
.release_wrap .release_list li{width: calc((100% - 48px) / 3); margin: 0 8px 16px;position: relative;box-sizing: border-box;background-color: #F3F6FB;border-radius: 24px;overflow: hidden;}
.release_wrap .release_list .all_txt{padding: 24px;height: 148px;box-sizing: border-box;position: relative;}
.release_wrap .release_list li .release_img{position: relative;padding-bottom: 56.26%;display: block;border-radius: 24px 24px 0 0;overflow: hidden;height: 0;border:1px solid #F3F6FB;}
.release_wrap .release_list li .release_img img{position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;transition: .3s;width: 100%;}
.release_wrap .release_list li .release_img img:hover{transform:scale(1.1)}
.release_wrap .release_list li .rel_tit{color: #24272D;font-size: 20px;font-weight: 500;line-height: 32px;letter-spacing: 0.5px;font-family: 'Pretendard';line-clamp:2;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.release_wrap .release_list li .date{color: #808882;font-size: 18px;font-weight: 300;line-height: 28px;letter-spacing: 0.5px;position: absolute;bottom: 24px;}
/* 홍보 보도자료 상세 */
.notice_wrap .tit_wrap.type2{border-bottom: 1px solid #ebeff5;}
.notice_wrap .board_details .rel_title_img{width: 100%;margin-bottom: 32px;}
.notice_wrap .board_details .rel_txt{font-size: 18px;font-weight: 700;line-height: 28px;color: #565B64;}
.board_details figure.image{text-align: center;}
/*보도자료 테이블 */
.notice_wrap .table {border-top:1px solid #24272d !important;}
.notice_wrap table{position:relative;width:100%;table-layout:fixed;text-align:center;border:1px solid #EBEFF5 !important;}
.notice_wrap table .tl {padding:16px}
.notice_wrap table col + col{border-left:1px solid #EBEFF5;} 
.notice_wrap table th + td{border-left:1px solid #EBEFF5;}
.notice_wrap table td{padding:16px;border:1px solid #EBEFF5;color:#565B64;}
.notice_wrap table tbody td{word-break: break-all;}
.notice_wrap table thead th, .notice_wrap table tbody th{font-weight:700;color:#24272d;background-color:#f8f9fc;}
.notice_wrap table thead th, .notice_wrap table tbody th, .notice_wrap table tbody td{padding:16px;box-sizing:border-box;vertical-align:middle;font-size:18px;line-height:28px;border-bottom:1px solid #EBEFF5;}
.notice_wrap table + .bul_list{margin-top:24px;}
.notice_wrap table thead th, 
.notice_wrap table tbody th,
.notice_wrap table th, 
.notice_wrap table thead th p, 
.notice_wrap table tbody th p,
.notice_wrap table th p{font-weight:500; color: #24272D;}


/* esg 전략지표 등 */
.print_wrap {margin-top:48px}
.print_wrap .s_tit {margin-top:24px;margin-bottom: 24px;line-height: unset;}
.print_wrap .month li:nth-child(2n+1) .txt {position:absolute;top:78px;left:50%;width:100%;font-size:24px;line-height:38px;font-weight:700;margin:0;float:none;height:78px;text-align:center}
.print_wrap .month li:nth-child(2n) .txt {position:absolute;top:78px;right:50%;width:100%;font-size:24px;line-height:38px;font-weight:700;margin:0;float:none;height:78px;text-align:center}
.print_wrap .month .txt span {position:relative;background:#fff;padding:40px 0 48px;}
.print_wrap .month .txt:after {content:'';display:block;position:absolute;bottom:0;left:50%;margin-left:-24px;width:48px;height:48px;background:url('../images/pr/month_arr.svg') no-repeat 0 0;background-size:48px 48px;}
.print_wrap .month .txt span:before {content:'';display:block;position:absolute;bottom:-2px;left:50%;margin-left:-5px;width:10px;height:3px;background:url('../images/pr/round.svg') no-repeat 0 0;background-size:10px 3px;}
.print_wrap .month .txt span:after {content:'';display:block;position:absolute;top:-2px;left:50%;margin-left:-5px;width:10px;height:3px;background:url('../images/pr/round.svg') no-repeat 0 0;background-size:10px 3px;transform: rotate(180deg);}
.print_wrap .month li.active.scroll .txt{position: fixed; left: 0; top: 35px; z-index: 11;}
.print_wrap .month li.active .txt{position: fixed; left: 0; top: 127px; z-index: 11;}
.print_wrap  {position:relative}
.print_wrap .ptint_list:after {content:'';display:block;clear:both}
.print_wrap .month {position:relative;}
.print_wrap .month li.first {padding-top:78px}
.print_wrap .month li {position:relative;vertical-align:top}
.print_wrap .month li:nth-child(2n){float:right;padding-left:calc(50% - 560px);margin-right:0}
.print_wrap .month li:nth-child(2n+1)  {position:relative;float:left;padding-right:calc(50% - 560px)}
.print_wrap .month li:nth-child(2n):before {content:'';display:block;top:0;width:4px;position:absolute;left:-2px;height:100%;background:#ebeff5;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
.print_wrap .month li:nth-child(2n+1):before {content:'';display:block;top:0;width:4px;position:absolute;right:-2px;height:100%;background:#ebeff5;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
.print_wrap .month li.first.mt {margin-top:122px;padding-top:78px;}
.print_wrap .month li:first-child {padding-top:0;}
.print_wrap .month li:first-child .txt {top:0;}
.print_wrap .month li + li{padding-top:80px}
.print_wrap .month li a {display:block;width:560px;padding:32px;box-sizing:border-box;font-size:0;background:#ebeff5;cursor:pointer;}
.print_wrap .month li a .badge {margin-bottom:0}
.print_wrap .month li a .tit {display:-webkit-box;font-size:24px;line-height:38px;font-weight:700;margin:8px 0 16px;margin:0;float:none;margin:8px 0 16px;word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}
.print_wrap .month li a .img {display:block;}
.print_wrap .month li a .img img {width:100%;}
.print_wrap .month + .month {margin-top:80px}
/* 지면광고 */
.print_ads {margin-top:48px}
.print_ads .s_tit {margin-top:24px;margin-bottom: 24px;line-height: unset;}
.print_ads .month li:nth-child(2n+1) .txt {position:absolute;top:78px;right: -175px; width: 48px;font-size:24px;line-height:38px;font-weight:700;margin:0;float:none;height:78px;text-align:center;}
.print_ads .month li:nth-child(2n) .txt {position:absolute;top:78px;left: -175px; width: 48px;font-size:24px;line-height:38px;font-weight:700;margin:0;float:none;height:78px;text-align:center;}
.print_ads .month .txt span {position:relative;background:#fff;padding:40px 0 48px;}
.print_ads .month .txt:after {content:'';display:block;position:absolute;bottom:0;left:50%;margin-left:-24px;width:48px;height:48px;background:url('../images/pr/month_arr.svg') no-repeat 0 0;background-size:48px 48px;}
.print_ads .month .txt span:before {content:'';display:block;position:absolute;bottom:-2px;left:50%;margin-left:-5px;width:10px;height:3px;background:url('../images/pr/round.svg') no-repeat 0 0;background-size:10px 3px;}
.print_ads .month .txt span:after {content:'';display:block;position:absolute;top:-2px;left:50%;margin-left:-5px;width:10px;height:3px;background:url('../images/pr/round.svg') no-repeat 0 0;background-size:10px 3px;transform: rotate(180deg);}
.print_ads .month li.active.scroll .txt{position: fixed; left: 50%;top: 35px;z-index: 11;transform: translateX(-50%);right: unset;}
.print_ads .month li.active.scroll .txt span{padding:40px 8px 48px;}
.print_ads .month li.active .txt{position: fixed; left: 50%;top: 35px;z-index: 11;transform: translateX(-50%);right: unset;}
.print_ads  {position:relative}
.print_ads .month {position:relative;width: 100%;}
.print_ads .month:before {content:'';display:block;top:0;width:4px;height:100%;position:absolute;z-index:0;left: 50%;transform: translateX(-50%);background:#ebeff5;border-radius:2px;} 
.print_ads .month li.first {padding-top:78px}
.print_ads .month li {width:calc(50% - 152px); vertical-align:top}
.print_ads .month + .s_tit{    padding-top: 120px;position: relative;z-index: 13;background-color: #fff;}
.print_ads .month li:nth-child(2) {margin-top:122px;padding-top:78px;}
.print_ads .month li:first-child {padding-top:0;}
.print_ads .month li:first-child .txt {top:0;}
.print_ads .month li + li{padding-top:80px}
.print_ads .month li a {display:block;padding:32px;box-sizing:border-box;font-size:0;background:#ebeff5;cursor:pointer;}
.print_ads .month li a .badge {margin-bottom:0}
.print_ads .month li a .tit {display:-webkit-box;font-size:24px;line-height:38px;font-weight:700;margin:8px 0 16px;margin:0;float:none;margin:8px 0 16px;word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}
.print_ads .month li a .img {display:block;}
.print_ads .month li a .img img {width:100%;}
.print_ads .month + .month {margin-top:80px}
.print_ads .month li.gutter-sizer{width:304px !important;}
/*홍보 - 신한인*/
.prgallery_wrap {margin-top:48px; overflow:hidden;}
.prgallery_wrap ul.prgallery_list{display: flex;align-items: center;flex-wrap: wrap;margin: -56px -8px 0; background-color:#fff;}
.prgallery_wrap ul.prgallery_list li{width: calc((100% - 80px) / 5);margin: 56px 8px 0;position: relative;}
.prgallery_wrap ul.prgallery_list li .board_img{position: relative;padding-top: calc(391 / 278 * 100%);display: block;border-radius: 24px;overflow: hidden;}
.prgallery_wrap ul.prgallery_list li .board_img img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover;transition:.3s;}
.prgallery_wrap ul.prgallery_list li .board_img img:hover{transform:translate(-50%, -50%) scale(1.1)}
.prgallery_wrap ul.prgallery_list li .board_des .shIN_name{margin:16px 0 0 0;font-weight: 500;color: #24272D;font-size: 24px;line-height: 38px;text-align: left;}
.prgallery_wrap.annual ul.prgallery_list li .board_img{border: 1px solid #D6DBE1;}
.prgallery_wrap.annual ul.prgallery_list li .board_img img{width: 101%;}
.select_flex{display:flex;}
.select_flex .select_wrap:first-of-type{width:148px; margin-right:8px;}
.select_flex .select_wrap:last-of-type{width:108px;}
.shAfter_voltext{width:fit-content;}
.shAfter_voltext span.lineDot{display:inline-block;margin:0 16px;width:55px;height:9px;background:url('../images/pr/linedot.svg') no-repeat center;background-size:55px 9px;vertical-align: text-top;}
.shAfter_voltext span.vol{display:inline-block;font-family:OneShinhan;font-size: 32px;font-weight: 900;line-height: 44px; text-align:right;}
.prgallery_wrap.shAfter ul.prgallery_list li .board_img{display:block;position: relative;padding-top: calc(261 / 272 * 100%);display: block;border-radius: 24px 24px 0 0;overflow: hidden;}
.prgallery_wrap.shAfter ul.prgallery_list li .board_des {padding:16px;background-color:#F3F6FB;border-radius:0 0 24px 24px ; }
.prgallery_wrap.shAfter ul.prgallery_list li .board_des .shIN_label{margin:0 0 4px 0;font-size: 16px;font-weight: 500;line-height: 26px;text-align: left;color:#0046FF; }
.prgallery_wrap.shAfter ul.prgallery_list li .board_des .shIN_name{width:100%;height:68px;margin:0;font-weight: 500;color: #24272D;font-size: 20px;line-height: 32px;text-align: left;overflow: hidden;white-space: normal;text-overflow: ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/* 주요수상내역 */
section.section_h.awards{padding-top:0;}
section.section_h.awards .inner.history{padding-bottom:0;}
section.section_h.awards#awards01 .inner.history:last-of-type{padding-bottom:160px;}
section.section_h.awards .hislist_cont:first-of-type{margin-top:120px;}
section.section_h.awards .hislist_cont > li > span.hislist_cont_right {padding-right:0;}
.active_fix .hislist_wrap .hislist_tit_wrap .hislist_tit_sub{ animation: upside 2s ; transform:scale(1);}
.active_fix .hislist_wrap .hislist_tit_wrap .hislist_title{ animation: upside 3s ;transform:scale(1);}
section.section_h.awards .hislist_cont > li:hover > span{color:#24272D;}
@media screen and (min-width: 1700px) { 
  .cF_wrap{padding-top:24px;} 
}
@media screen and (max-width: 1700px) {
  /* 주요수상내역 */
  section.section_h.awards .hislist_wrap .hislist_left {padding: 120px 0 0 0px; }
  /* 홍보ㆍ브랜드 - TV광고 */
  .cF_wrap .cF_main{margin-right:40px;}
  .cF_wrap .cF_item {border-radius:16px;}
  .cF_wrap .cF_item > .cF_btn{border-radius:16px;}
  .cF_wrap .cF_item > .cF_btn .cF_img_box{border-radius:16px 16px 0 0;}
}
@media screen and (max-width: 1500px) {
  /* 홍보ㆍ브랜드 - TV광고 */
  .cF_wrap .cF_main{min-width:600px;margin-right:32px;}
  /* ESG 전략지표 등 */
  .print_wrap .month li {width:46%}
  .print_wrap .month li a {width:100%;}
  .print_wrap .month li:nth-child(2n) {padding-left:4%;}
  .print_wrap .month li:nth-child(2n+1) {padding-right:4%;}
}
@media (min-width:1024px) and (max-width:1425px) {
  /*홍보 - 신한인*/
  .prgallery_wrap ul.prgallery_list{margin:-32px 0 0;}
  .prgallery_wrap ul.prgallery_list li{width: calc((100% - 40px) / 5);margin: 32px 4px 0px;}
  .prgallery_wrap ul.prgallery_list li .board_des .shIN_name{font-size: 18px;line-height:1.3; }
  .prgallery_wrap.shAfter ul.prgallery_list li .board_des .shIN_label{font-size: 13px;line-height: 20px;letter-spacing: -0.5px;}
  .prgallery_wrap.shAfter ul.prgallery_list li .board_des .shIN_name{height:50px;font-size: 18px;line-height:1.3; letter-spacing: -0.1px;}
}
@media (max-width:1280px) {
  /* 홍보ㆍ브랜드 - TV광고 */
  .cF_wrap .cF_main{margin-right:24px;width:50%;}
  .cF_wrap .cF_group_wrap {width:50%;}
  /*주요수상내역*/
  .section_h.awards .hislist_wrap .hislist_tit_wrap .hislist_title{font-size:50px;}
  /*지면광고*/
  .print_ads .month li:nth-child(2n+1) .txt {right: -125px;}
  .print_ads .month li:nth-child(2n) .txt {left: -125px; }
  .print_ads .month li {width:calc(50% - 102px); vertical-align:top}
  .print_ads .month li.gutter-sizer{width:204px !important;}
}
@media screen and (max-width: 1200px) {
  .roundbt.ico span.m_none{display: none;}
  /* 홍보ㆍ브랜드 - TV광고*/
  .cF_wrap .cF_item {width:100%; border-radius:16px;}
  .cF_wrap .grid_sizer{width:100%;}
  .cF_wrap .gutter_sizer{width:32px;}
  .cF_wrap .cF_item > .cF_btn{border-radius:16px;}
  .cF_wrap .cF_item > .cF_btn .cF_img_box{border-radius:16px 16px 0 0;}
  .cF_wrap .cF_group_wrap{margin-right:0;}
}
@media (min-width:1024px) and (max-width:1130px) {
  /* 홍보ㆍ브랜드 - TV광고 태블릿 */
  .cF_wrap .cF_main{min-width:570px;margin-right:20px;}
  .cF_wrap .cF_main_title {margin-bottom: 8px;font-size:24px;line-height:38px;} 
  .cF_wrap .cF_main_date {margin-bottom: 8px;font-size: 18px;line-height: 28px; }
  .cF_wrap .cF_main_txt {    font-size: 16px;   line-height: 26px;}
  .cF_wrap .cF_item > .cF_btn .cF_tit{  padding: 20px;  font-size: 18px;  line-height: 28px; } 
  /*주요수상내역*/
  .section_h.awards .hislist_wrap .hislist_tit_wrap .hislist_title{font-size:56px;}
  /*지면광고*/
  .print_ads .month li a .tit{font-size: 20px;line-height: 32px;}
}
@media (min-width:1024px) and (max-width:1200px) {
  section.section_h.awards .hislist_wrap .hislist_left {padding: 80px 0 0 0px; }
}
@media (min-width:1024px) and (max-width:1280px) {
  /*주요수상내역*/
  section.section_h.awards#awards01 .inner.history:last-of-type{padding-bottom:120px;}
}
@media (max-width:1023px) {
  /* 홍보ㆍ브랜드 - TV광고 모바일 */
  .cF_wrap .cF_item > .cF_btn .cF_tit{position:relative;z-index:11;}
  .cF_wrap{flex-direction: column; }
  .cF_wrap .cF_main {display:none;}
  .cF_wrap .cF_group_wrap { width:100%;min-width:100%; max-width:562px;height:fit-content; margin:0px auto;padding-right:0;overflow-y: visible;}
  .cF_wrap .cF_item{margin-bottom:32px;}
  .cF_wrap .cF_item > .cF_btn{border-radius:0;}
  .cF_wrap .cF_item > .cF_btn .cF_img_box {position:relative;display: block;width: 100%;height:fit-content; overflow: hidden; border-radius: 20px; }
  .cF_wrap .cF_item > .cF_btn .cF_img_box img{transform:scale(1.05);}
  .cF_wrap .cF_item > .cF_btn .cF_tit{position:relative;z-index:11;color: #24272D; padding:16px 0 4px 0 ; background-color:#fff;font-size: 18px;font-weight: 700;line-height: 28px;}
  .cF_wrap .cF_item > .cF_btn .cF_date {display:block;font-size: 16px;line-height: 26px; font-weight:500;color:#565B64;}
  .cF_wrap .cF_item.on > .cF_btn .cF_tit{color:#24272D;background-color:#fff;transition:.3s;}
  .cF_wrap .cF_item > .cF_btn:hover .cF_img {transform:scale(1.15);}
  .cF_wrap .cF_group + .btn_wrap.more{margin:24px 0 0 0;}
  .cF_wrap .cF_item > .cF_btn:hover .cF_tit{color:#24272D;background-color:#fff;};
  .popup_wrap.cF_pop_wrap{padding-bottom:100px;}
  .cF_pop_inner{padding:24px 16px 24px 16px;}
  .cF_wrap .cF_pop_wrap .cF_pop_title {margin-bottom: 4px;font-size: 18px;line-height: 28px; font-weight:700;color:#24272D;  width: calc(100% - 36px);}
  .cF_wrap .cF_pop_wrap .cF_pop_date {margin-bottom: 16px;font-size: 16px;line-height: 26px; font-weight:500;color:#565B64;}
  .cF_wrap .cF_pop_wrap .cF_pop_video .cF_video_box {	width: 100%;	height:auto;}
  .cF_pop_video.utype {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
  .cF_pop_video.utype iframe,
  .cF_pop_video.utype object,
  .cF_pop_video.utype embed {position:absolute; top:0; left:0; width:100%; height:100%;border-radius:0;}
  .cF_wrap .cF_pop_wrap .cF_pop_scroll{overflow-y:scroll;}
  .cF_wrap .cF_pop_wrap .cF_pop_scroll::-webkit-scrollbar {width: 6px;}
  .cF_wrap .cF_pop_wrap .cF_pop_scroll::-webkit-scrollbar-thumb {height: 30px !important;background: #D6DBE1; border-radius: 10px;  }
  .cF_wrap .cF_pop_wrap .cF_pop_scroll::-webkit-scrollbar-track {background: rgba(33, 122, 244, .0);}
  .cF_wrap .cF_pop_wrap .cF_pop_caption{padding:16px;background-color:#F3F6FB;font-size:12px; line-height:18px; font-weight:300;}
  .cF_wrap .cF_pop_wrap .cF_pop_txt {padding:16px 0 0 0;font-size: 14px;line-height: 22px; font-weight:500;color:#565B64; height: auto; width: calc(100% - 4px);}
  .wrap.fixed{position: fixed;width: 100%;height: 100%;overflow: hidden;touch-action:none;}
  .wrap.fixed *{touch-action:none;}
  .wrap.fixed .popup_layer{touch-action:unset;}
  .wrap.fixed .popup_layer *{touch-action:unset;}
  .wrap.fixed .popup{touch-action:unset;}
  body.fixed{overflow: hidden;}
  /* 홍보 보도자료 */
  .release_wrap .release_list .all_txt{height: 130px;box-sizing: border-box;}
  .release_wrap .release_list li{width: calc((100% - 32px) / 2); margin: 0 8px 16px;}
  .release_wrap .release_list li .rel_tit,.release_wrap .release_list .all_txt .txt{font-size: 16px;line-height: 26px;}
  .release_wrap .release_list li .date{font-size: 14px;line-height: 22px;}
  /* esg 전략지표 외*/
  .print_wrap {margin-top:32px}
  .print_wrap .s_tit {text-align:left;padding-left:44px;margin-top:0;margin-bottom:8px}
  .print_wrap .month li:nth-child(2n+1) .txt {left:0;height:28px;line-height:28px;text-align:left;top:-1px}
  .print_wrap .month li:nth-child(2n) .txt {top:-2px;left:0;right:auto;height:28px;text-align:left;line-height:28px}
  .print_wrap .month .txt span {display:inline-block;padding:0 0 0 44px;font-size:18px;vertical-align:middle}
  .print_wrap .month .txt:after {top:0;bottom:auto;left:0;margin-left:0;width:28px;height:28px;background-size:28px 28px}
  .print_wrap .month .txt span:before {left:9px;margin-left:0;}
  .print_wrap .month .txt span:after {left:9px;margin-left:0;}
  .print_wrap .month li.first {padding-top:44px;margin-top:32px}
  .print_wrap .month li:first-child {padding-top:44px;margin-top:0}
  .print_wrap .month li.first.mt {padding-top:44px;margin-top:0}
  .print_wrap .month li {position:relative;vertical-align:top;width:calc(100% - 44px);}
  .print_wrap .month li:nth-child(2n){float:none;padding-left:44px;}
  .print_wrap .month li:nth-child(2n+1) {float:none;padding-right:0;padding-left:44px;}
  .print_wrap .month li:nth-child(2n):before {left:12px;}
  .print_wrap .month li:nth-child(2n+1):before {left:12px;right:auto;}
  .print_wrap .month li a .tit {font-size:18px;line-height:28px}
  .print_wrap .month li a {padding:16px;}
  .print_wrap .month li.first.mt {margin-top:32px}
  .print_wrap .month li + li {padding-top:32px}
  .print_wrap .month li .badge {display:none}
  .print_wrap .month li a .tit {margin-top:0;font-size: 16px;line-height: 26px;}
  .print_wrap .month li.active.scroll .txt{position: absolute; left: 0; top: 0; z-index: 11;}
  .print_wrap .month li.active .txt{position: absolute; left: 0; top: 0; z-index: 11;}
  /* 지면광고 */
  .print_ads {margin-top:32px}
  .print_ads .s_tit {text-align:left;padding-left:44px;margin-top:0;margin-bottom:-28px}
  .print_ads .month li:nth-child(2n+1) .txt {width:100%;left:0;height:28px;line-height:28px;text-align:left;top:-1px;}
  .print_ads .month li:nth-child(2n) .txt {width:100%;top:-2px;left:0;right:auto;height:28px;text-align:left;line-height:28px;}
  .print_ads .month .txt span {display:inline-block;padding:0 0 0 44px;font-size:18px;vertical-align:middle}
  .print_ads .month .txt:after {top:-16px;bottom:auto;left:0;margin-left:0;width:28px;height: 28px;background-size: 28px 28px;border-top: 16px solid #fff;background-color: #fff;}
  .print_ads .month .txt span:before {left:9px;margin-left:0;}
  .print_ads .month .txt span:after {left:9px;margin-left:0;}
  .print_ads .month li.first {padding-top:44px;margin-top:32px}
  .print_ads .month li:first-child {padding-top:44px;margin-top:0}
  .print_ads .month li.first.mt {padding-top:44px;margin-top:0}
  .print_ads .month li {position:relative;vertical-align:top;width:calc(100% - 44px);}
  .print_ads .month li:nth-child(2n){float:none;padding-left:44px;}
  .print_ads .month li:nth-child(2) {padding-top:44px;margin-top:32px;}
  .print_ads .month li:nth-child(2n+1) {float:none;padding-right:0;padding-left:44px;}
  .print_ads .month li:nth-child(2n):before {left:12px;}
  .print_ads .month li:nth-child(2n+1):before {left:12px;right:auto;}
  .print_ads .month li a {padding:16px;}
  .print_ads .month li.first.mt {margin-top:32px}
  .print_ads .month li + li {padding-top:0;margin-top:32px;}
  .print_ads .month li .badge {display:none}
  .print_ads .month li a .tit {margin-top:0;font-size: 16px;line-height: 26px;margin-bottom:8px;}
  .print_ads .month li.active.scroll .txt{position: absolute; left: 0; top: 0; z-index: 11;}
  .print_ads .month li.active .txt{position: absolute; left: 0; top: 0; z-index: 11;transform:unset;}
  .print_ads .month:before {left: 13px;}
  .print_ads .month + .s_tit{padding-top:56px;}
  .print_ads .month li.gutter-sizer{display:none;}
  .popup span.badge{margin-bottom:8px}
  /*홍보 -  신한인 모바일*/
  .prgallery_wrap {margin-top:24px;}
  .prgallery_wrap ul.prgallery_list {margin: -32px -8px 0; }
  .prgallery_wrap ul.prgallery_list li{width: calc((100% - 32px) / 2);margin: 32px 8px 0;}
  .prgallery_wrap ul.prgallery_list li .board_des .shIN_name{font-size: 16px;line-height: 26px;text-align: left;margin:8px 0 0;}
  .select_flex{flex-wrap:wrap;}
  .select_flex .select_wrap{width:30%;margin-bottom:16px;}
  .select_flex .select_wrap:first-of-type {width: calc(70% - 8px);}
  .shAfter_voltext span.lineDot{display:none;}
  .shAfter_voltext span.vol{font-size: 24px;line-height: 38px; text-align:left;}
  .prgallery_wrap.shAfter ul.prgallery_list li .board_des .shIN_label{font-size: 12px;line-height: 18px;}
  .prgallery_wrap.shAfter ul.prgallery_list li .board_des .shIN_name{height:fit-content;font-size: 16px;line-height: 26px;text-align: left;margin:0;}
  /*주요수상내역*/
  section.section_h.awards .hislist_cont:last-of-type:before{display:block;} 
  section.section_h.awards .hislist_cont:first-of-type{margin-top:48px;}
  section.section_h.awards#awards01 .inner.history:last-of-type{padding-bottom:80px;} 
  /* 보도자료 상세*/
  .notice_wrap .board_details .rel_txt{font-size: 16px;line-height: 26px;}
  /*보도자료 테이블 모바일*/
  .notice_wrap table thead th, 
  .notice_wrap table tbody th, 
  .notice_wrap table tbody td,
  .notice_wrap table th, 
  .notice_wrap table td {padding:8px;line-height:26px;font-size:16px;font-weight:300;}
  .notice_wrap table thead th p, 
  .notice_wrap table tbody th p, 
  .notice_wrap table tbody td p,
  .notice_wrap table th p, 
  .notice_wrap table td p {line-height:26px;font-size:16px;font-weight:300;}
  .notice_wrap table td p strong {line-height:26px;font-size:16px;font-weight:700;}
}
@media (max-width:768px) {
  /* 홍보 보도자료 */
  .release_wrap .release_list{display: block;margin: unset;}
  .release_wrap .release_list li{width: 100%;margin: 16px 0px;}
  /*홍보 신한인*/
  .prgallery_wrap.shAfter ul.prgallery_list li .board_des .shIN_name{height:50px;}
}