@charset "utf-8";

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-style:inherit;vertical-align:baseline;}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
table {width:100%;border-spacing:0px;border-collapse:collapse;}
input,select,textarea,button{vertical-align:middle}
input::-ms-clear{display:none}
input::-webkit-contacts-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;position:absolute;right:0}
button{font-family:'OneShinhan';border:0 none;border-radius:0;background-color:transparent;cursor:pointer}
body{color:#24272d;font:500 16px/1.6 'Pretendard','sans-serif';word-wrap:break-word;word-break:keep-all;-webkit-touch-callout:none;}
body,th,td,input,select,textarea {font-family:'Pretendard','sans-serif'}
a{color:#24272d;text-decoration:none}
a:active, a:hover{text-decoration:none}
a:active{background-color:transparent}
figure, article, header, footer, nav, hgroup, video, audio, aside, main {display:block; }
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
html {width:100%;height:100%;text-size-adjust:none;box-sizing:border-box}
h1, h2, h3, h4, h5, h6, strong {font-weight:700;-webkit-font-smoothing:subpixel-antialiased;}
img::selection {background:none; }
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=number],
input[type=search],
textarea {appearance:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Pretendard', sans-serif;font-size:16px;font-weight:300 } /* #06.18: fw수정 */
input[type=submit], input[type=button], button {appearance:none;font-family:'Pretendard', sans-serif; border-radius:0;}
input[type=radio] {border-radius:100%;cursor:pointer;}
::-webkit-input-placeholder {font-family:'Pretendard', sans-serif;font-size:16px;color:#b9c1c9;font-weight:300 } 
::-moz-placeholder {font-family:'Pretendard', sans-serif;font-size:16px;color:#b9c1c9;} 
:-ms-input-placeholder {font-family:'Pretendard', sans-serif;font-size:16px;color:#b9c1c9;} 
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent;} 
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:transparent; } 
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:transparent; }
input::-ms-clear {display:none;width:0;height:0;}
input::-ms-reveal {display:none;width:0;height:0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;}

/* commnon */
.blind {position:absolute;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;color:transparent;}
.m_none{display:block;} /* 1024까지 */
.m_nonet{display:block;} /* 413까지 */
.w_nonet{display:none;}/* 412부터 */
.w_none{display:none;} /* 1023부터 */
span.m_none{display:inline-block;}
span.w_none{display:none;}
/* skip_Navi */
#skipNavi{position:relative;}
#skipNavi a{display:block;position:absolute;left:0;top:-300px;width:300px;text-align:center;color:#fff;background:#000;z-index:200;}
#skipNavi a:focus, #skipNavi a:hover{top:0px;}

.html_no {overflow:hidden;background:#fff}
.html_no body {display:none}
.over_hidden {overflow-x:hidden}
/* layout */
#wrap {position:relative;}
#header.init_bg {background:rgba(255, 255, 255, .5)}
#header {position:fixed;width:100%;height:auto;top:0;left:0;z-index:50;margin:0 auto;transition: transform 500ms}
#header .inner {max-width:1920px;display:flex;line-height:92px;height:92px;justify-content:space-between;padding:0 104px;flex:auto;;box-sizing:border-box;margin:0 auto;transition:height .3s;z-index:55;}
#header .inner .bg {display:none}
#header .inner.open {position:relative;opacity:1;overflow:hidden} 
#header .inner .logo {position:relative;z-index:51;height:92px}
#header .inner .logo a {display:block;width:320px;height:92px;background:url(../images/common/logo.svg) no-repeat 0 center;background-size:320px 30px;color:transparent;font-size:1px;}
#header .inner .gnb { display:inline-flex;align-items:flex-start;font-family:'OneShinhan';} 
#header .inner .gnb > ul {display:flex;align-items:center;width:100%;}
#header .inner .gnb ul .gnb_li .depth1 {display:block;height:100%;font-weight:700;color:#24272d;font-size:16px;padding:0 36px;height:92px}
#header .inner .gnb ul li .depth1:hover {text-decoration:none;color:#0046ff} 
#header .inner .gnb ul .gnb_li .smenu {position:absolute;top:92px;width:100vw;visibility:hidden;opacity:0;z-index:25;font-family:'Pretendard';box-sizing:border-box;left:50%;transform: translateX(-50%);overflow:hidden}
#header .inner .gnb ul .gnb_li .smenu ul.smenu_box{display:flex;position:relative;padding:0;max-width:1310px;margin:0 auto;padding:0 40px;box-sizing:border-box;width:100%}
#header .inner .gnb ul .gnb_li .smenu ul.smenu_box:after {content:'';display:block;clear:both}
#header .inner .gnb ul .gnb_li .smenu ul.smenu_box > li {position:relative;vertical-align:top;display:inline-block;width:20%;padding:40px 0 40px 40px;box-sizing:border-box;border-left:1px solid #D6DBE1}
#header .inner .gnb ul .gnb_li .smenu ul.smenu_box > li:last-child {border-right:1px solid #D6DBE1}
#header .inner .gnb ul .gnb_li .smenu ul.smenu_box > li .depth2 {display:block;font-size:18px;font-weight:700;line-height:24px;color:#24272d;}
#header .inner .gnb ul .gnb_li .smenu .depth3_list {margin-top:16px;}
#header .inner .gnb ul .gnb_li .smenu .depth3_list li {font-weight:500;font-size:16px;line-height:18px;width:auto;padding:0}
#header .inner .gnb ul .gnb_li .smenu .depth3_list li + li {margin-top:14px}
#header .inner .gnb ul .gnb_li .smenu .depth3_list li a {position:relative;color:#808892;font-size:16px;line-height:20px;}
#header .inner .gnb ul .gnb_li .smenu .depth3_list li a:hover {color:#24272d}
#header .inner .gnb ul .gnb_li .two .twodepth {margin-top:68px}
#header .inner .head_util {position:relative;vertical-align:middle;z-index:60}
#header .inner .head_util .link_wrap {position:relative;display:inline-block;font-family:'OneShinhan';width:56px;margin-right:16px;vertical-align:middle;line-height:1;}
#header .inner .head_util .link_wrap .btn_selct {position:relative;display:block;width:100%;font-family:'OneShinhan';font-size:18px;height:36px;line-height:36px;padding-left:8px;color:#121418;font-weight:700;text-align:left;box-sizing:border-box}
#header .inner .head_util .link_wrap .btn_selct:after {content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);background:url(../images/common/link_arr.svg) no-repeat 0 0;background-size:16px 16px;right:0;width:16px;height:16px}
#header .inner .head_util .link_wrap.active .btn_selct .list {display:block;}
#header .inner .head_util .link_wrap.active .btn_selct:after {background:url(../images/common/link_arr.svg) no-repeat 0 0;transform:translateY(-50%) rotate(180deg)}
#header .inner .head_util .link_wrap ul {display:none;position:absolute;top:40px;width:56px;height:116px;background:#fff;border-radius:4px;box-shadow:2px 2px 8px 2px rgba(0,0,0,.16);padding:8px;box-sizing:border-box;z-index:2;background:#fff}
#header .inner .head_util .link_wrap li {line-height:1;height:auto;}
#header .inner .head_util .link_wrap li a {color:#121418;font-weight:500;font-size:18px;line-height:28px;font-weight:700;}
#header .inner .head_util .link_wrap li a:hover {color:#0046ff}
#header .inner .head_util .link_wrap li + li {margin-top:8px}
#header .language {display:none}
#header .dim {position:fixed;top:auto;left:0;width:100%;height:0;background:rgba(0,0,0,.6);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);z-index:-1;opacity:0}
#header.up {background:rgba(255, 255, 255, .5);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);transform: translateY(-100%); transition: transform .3s !important;}
#header.down {background:rgba(255, 255, 255, .5);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);}
#header.down .inner {background:transparent}
body.mopen {overflow-y:hidden}
body.gnb_open #header .dim {opacity:1;z-index:0;height:100vh}
body.gnb_open #header.down {background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;}
body.gnb_open #header .inner .gnb ul .gnb_li .smenu.active {opacity:1;visibility:visible;border-top:1px solid #D6DBE1}
body.gnb_open #header.init_bg {background:#fff} 
 
.btn_menu {display:inline-block;width:40px;height:40px;color:transparent;font-size:1px;vertical-align:middle;z-index:51;background:url(../images/common/menu_ico.svg) no-repeat center center;background-size:40px 40px;color:transparent}
.btn_menu .line {display:none;width:100%;height:1px;background-color:#121418;transition:all 0.3s ease-in-out;margin:0 auto;border-radius:1px}
.btn_menu .line:nth-child(2)  {margin:7px 0}
.btn_menu .txt {color:transparent;font-size:1px;overflow:hidden;text-indent:-9999px;}
.btn_menu:hover {cursor:pointer;}
.btn_menu.mopen {background:url(../images/common/menu_ico_cwh.svg) no-repeat 0 0;}
.btn_menu.mopen .line:nth-child(2) {opacity:0;}
.btn_menu.mopen .line:nth-child(1) {transform:translateY(7px) rotate(45deg);background:#fff}
.btn_menu.mopen .line:nth-child(3) {transform:translateY(-9px) rotate(-45deg);background:#fff}
#header .allmenu {display:none;position:fixed;top:92px;left:0;right:0;bottom:0;width:100%;background:#005DF9;z-index:56;}
body.mopen {overflow-y:hidden}
body.mopen #header .allmenu {display:block;height:100%;max-height:calc(100% - 92px);overflow-y:auto;box-sizing:border-box;}
body.mopen #header .allmenu .allmenu_list {max-width:1920px;padding:0 104px;margin:0 auto;box-sizing:border-box}
body.mopen #header {backdrop-filter:none;background:#005DF9;}
body.mopen #header .inner .logo a{width:422px;height:92px;background:url(../images/common/logo_wh.svg) no-repeat 0 center;background-size:422px 40px;}
body.mopen #header:after {content:'';position:absolute;left:0;right:0;top:91px;width:100%;height:1px;background:#4c7dff;z-index:57;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
body.mopen #header .inner {background:#005DF9;}
body.gnb_open.mopen #header .inner {background:#005DF9;}
body.mopen #header .gnb,
body.mopen #header .inner .head_util .link_wrap {display:none}
body.mopen #header .allmenu ul .allmenu_li.first {margin-top:80px}
body.mopen #header .allmenu ul .allmenu_li {width:100%;margin-top:100px;}
body.mopen #header .allmenu ul .allmenu_li:last-child {margin-bottom:80px}
body.mopen #header .allmenu ul .allmenu_li a {color:#fff;}
body.mopen #header .allmenu ul .allmenu_li .depth1 {width:100%;display:block;font-size:32px;line-height:44px;font-weight:700;font-family:'OneShinhan';cursor:default;}
body.mopen #header .allmenu ul .allmenu_li .smenu_container {width:100%;height:100%;}
body.mopen #header .allmenu ul .allmenu_li .smenu .smenu_wrap {margin-top:32px;display:grid;grid-template-columns:repeat(7,13%);gap:0px 1.5%;}
body.mopen #header .allmenu ul .allmenu_li .depth2 {display:block;font-size:24px;line-height:38px;color:#fff;font-weight:500;}
body.mopen #header .allmenu ul .allmenu_li .smenu {width:100%}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list {display:block;margin-top:16px}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li {float:none;width:100%;font-weight:18px;line-height:28px}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li + li {margin-top:8px}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li a {position:relative;color:#D6DBE1;} /* #06.17: 폰트색상 추가 */
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li a:hover {color:#fff} /* #06.17: hover 추가 */
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li a:hover:after {transform:scaleX(1);transform-origin:left;}
body.mopen #header .allmenu {overflow-y:scroll;height:100%}
body.mopen #header .allmenu::-webkit-scrollbar-track{border-radius:3px;background-color:#0046ff;}
body.mopen #header .allmenu::-webkit-scrollbar{width:6px;background-color:#0046ff}
body.mopen #header .allmenu::-webkit-scrollbar-thumb{border-radius:3px;background-color:#102FA8}
/* wh head */
.whhead #header {background:none;transition:transform 500ms, background 500ms}
.whhead #header .inner {background:transparent;transition:height .3s, background .3s}
.whhead #header .inner .logo a{background: url(../images/common/logo_wh.svg) no-repeat 0 center;}
.whhead #header .inner .gnb ul .gnb_li .depth1{color: #fff;}
.whhead #header .inner .head_util .link_wrap .btn_selct{color: #fff;}
.whhead #header .inner .head_util .link_wrap .btn_selct:after{background: url(../images/common/link_arr_wh.svg) no-repeat 0 0;}
.whhead .btn_menu .line{background-color: #fff;}
.whhead .btn_menu {background: url(../images/common/menu_ico_wh.svg) no-repeat center center }
.whhead .btn_menu.mopen {background: url(../images/common/menu_ico_cwh.svg) no-repeat center center;}
.whhead #header.down .btn_menu {background: url(../images/common/menu_ico.svg) no-repeat center center }
.mopen .whhead #header.down .btn_menu {background: url(../images/common/menu_ico_wh.svg) no-repeat center center }
.gnb_open .whhead .btn_menu {background: url(../images/common/menu_ico.svg) no-repeat center center }
.gnb_open.mopen .whhead .btn_menu {background: url(../images/common/menu_ico_cwh.svg) no-repeat center center;}
.whhead #header .inner .gnb ul .gnb_li .smenu{transition: all  .3s; opacity: 0;background:#fff;border-top: 1px solid #D6DBE1;}
.whhead #header .inner .gnb ul .gnb_li .smenu.active{transition: all  .3s;}
.whhead .breadcrumb {position:relative;color:#f3f6fb; z-index:7}
.whhead .breadcrumb li:last-child {color:#fff}
.whhead .breadcrumb li:after {background:url(../images/common/breadcrumb_arr_wh.svg);background-size:8px 8px;width:8px;height:8px;}
body.gnb_open .whhead #header {background:#fff}
body.mopen .whhead #header {transition:none;backdrop-filter:none;-webkit-backdrop-filter:none;} 
.whhead #header.down {background: rgba(255, 255, 255, .5);backdrop-filter: blur(12px);}
.gnb_open .whhead #header  {transition:transform .3s ,background .3s;}
.whhead #header.down .logo a,
.gnb_open .whhead #header .inner .logo a {background: url(../images/common/logo.svg) no-repeat 0 center;}
.whhead #header.down .inner .head_util .link_wrap .btn_selct, 
.gnb_open .whhead #header .inner .head_util .link_wrap .btn_selct{color: #121418;}
.whhead #header.down .inner .gnb ul .gnb_li .depth1,
.gnb_open .whhead #header .inner .gnb ul .gnb_li .depth1  {color:#24272d;}
.gnb_open .whhead #header .inner .gnb ul li .depth1:hover {text-decoration:none;color:#0046ff} 
.whhead #header.down .inner .head_util .link_wrap .btn_selct:after,
.gnb_open .whhead #header .inner .head_util .link_wrap .btn_selct:after {background:url(../images/common/link_arr.svg) no-repeat 0 0;}
body.mopen .whhead .btn_menu .line{background-color:#fff;}
.whhead #header.down  .btn_menu .line{background-color:#121418;}
body.gnb_open .whhead .btn_menu .line{background-color: #121418;}
body.gnb_open.mopen .whhead .btn_menu .line{background-color: #fff;}
body.gnb_open.mopen .whhead #header .inner .logo a{background: url(../images/common/logo_wh.svg) no-repeat 0 center;background-size: 422px 40px;}
body.mopen.gnb_open  .whhead #header .inner.open {background:#005DF9;height:94px;transition:none;}
body.mopen  .whhead #header .inner.open {background:#005DF9;height:94px;transition:none;}
body.mopen .whhead #header {background: #005DF9;}

#container {width:100%;padding:92px 0 0}
.content {width:100%}
.content .inner {padding:0 0 160px;max-width:1424px;margin:0 auto;box-sizing:border-box;}
.breadcrumb {position:relative;max-width:1920px;display:flex;justify-content:right;padding:24px 104px;box-sizing:border-box;color:#565b64;margin:0 auto}
.breadcrumb li {position:relative;font-size:14px;line-height:24px;padding-right:24px}
.breadcrumb li:after {content:'';position:absolute;top:50%;transform:translateY(-50%);right:8px;background:url(../images/common/breadcrumb_arr.svg);background-size:8px 8px;width:8px;height:8px;}
.breadcrumb li:last-child {padding-right:8px;color:#000}
.breadcrumb li:last-child:after {display:none}

#footer {position:relative;width:100%;border-top:1px solid #d6dbe1;z-index:15}
#footer .inner {width:100%;padding:30px 104px 64px;box-sizing:border-box;}
.footer_wrap {width:100%;position:relative;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}
.footer_wrap:after {content:'';clear:both;display:block;}
.footer_wrap + .footer_wrap {margin-top:16px}
.footer_menu:after {content:'';clear:both;display:block;}
.footer_menu {float:left;width:calc(100% - 205px);box-sizing:border-box}
.footer_menu li {float:left;margin-right:40px}
.footer_menu li a {font-size:16px;line-height:26px;font-weight:500;}
.footer_menu li a strong {font-weight:700}
.footer_menu li:last-child{margin-right:0}
.address span {display:inline-block;font-size:16px;line-height:26px;vertical-align:middle;color:#565b64;font-weight:300}
.address span.flogo {background:url(../images/common/flogo.svg) no-repeat;background-size:100%;width:317px;height:30px;color:transparent;font-size:1px;overflow:hidden;text-indent: -9999px;} 
.address span.txt {margin-left:24px}
.address span.copyright {display:block;margin-left:344px}
.famlysite {float:right;position:relative;width:310px;}
.famlysite .btn_selct {position:relative;display:block;width:100%;height:48px;border-radius:24px;font-size:16px;line-height:48px;text-align:left;background:#f3f6fb;padding:0 20px;box-sizing:border-box;color:#24272d;}
.famlysite .btn_selct:after {content:'';position:absolute;top:50%;margin-top:-8px;right:16px;background:url(../images/common/link_arr.svg) no-repeat center right;background-size:16px 16px;width:16px;height:16px}
.famlysite.active .list {display:block}
.famlysite.active .btn_selct:after {transform:rotate(-180deg);}
.famlysite .list {display:none;position:absolute;width:100%;height:234px;top:-242px;background:#f3f6fb;padding:16px 20px;border-radius:20px;box-sizing:border-box;z-index:16}
.famlysite .list a{display:block;width:100%;font-size:16px;line-height:26px;font-weight:500}
.famlysite .list li + li {margin-top:8px}
.famlysite .scrollbar {overflow-y:scroll;height:202px;}
.famlysite .scrollbar::-webkit-scrollbar-track{border-radius:3px;background-color:#f3f6fb;}
.famlysite .scrollbar::-webkit-scrollbar{width:6px;background-color:#f3f6fb;}
.famlysite .scrollbar::-webkit-scrollbar-thumb{border-radius:3px;background-color:#d9d9d9}
.f_sns {position:absolute;right:0}
.f_sns li {float:left;width:44px;height:44px;}
.f_sns li a {display:block;width:100%;height:100%;font-size:1px;color:transparent;overflow:hidden;text-indent: -9999px;}
.f_sns li + li {margin-left:24px}
.f_sns .youtube a {background:url(../images/common/ico_yout.svg) no-repeat center center;background-size:24px 18px;}
.f_sns .instagram  {background:url(../images/common/ico_insta.svg) no-repeat center;background-size:22px 22px}
.f_sns .facebook {background:url(../images/common/ico_face.svg) no-repeat center;background-size:11px 20px}
.f_sns .btarr {background:url(../images/common/footer_arr.svg) no-repeat center;background-size:16px 10px}
.f_sns .btarr.active {transform: rotate(-180deg);}
.footerExpand {width:100%;margin-top:24px;display:none;}
.footerExpand.active {display:block;}
.footerExpand:after {content:'';display:block;clear:both}
.footerExpand ul {float:right;}
.footerExpand ul:after {content:'';display:block;clear:both}
.footerExpand ul li {float:left;margin-left:16px;}
.footerExpand ul li a {display:block}
.footerExpand .awd01 {background:url(../images/common/wa.svg) no-repeat center;}
.footerExpand .awd02 {width:80px;height:34px;background:url(../images/common/dawjones.svg) no-repeat center;background-size:80px 34px;font-size:1px;color:transparent;overflow:hidden;text-indent:-9999px}
.footerExpand .awd03 {width:80px;height:34px;background:url(../images/common/cdp.svg) no-repeat center;background-size:80px 34px;font-size:1px;color:transparent;overflow:hidden;text-indent:-9999px}
.footerExpand .awd04 {width:80px;height:34px;background:url(../images/common/kbpi.svg) no-repeat center;background-size:80px 34px;font-size:1px;color:transparent;overflow:hidden;text-indent:-9999px}
.footerAward {display:flex;gap:25px;padding:10px 0px;}
.footerAward .awd{display:flex;flex-direction: column;align-items: flex-start;gap:3px;}
.footerAward .awd_img{width:auto;height:32px;}
.footerAward .awd_txt{font-size:11px;line-height:14px;}

.title {font-family:'OneShinhan';font-size:42px;line-height:60px;font-weight:900;text-align:center;color:#000}
.s_tit {font-size:32px;line-height:44px;font-weight:700;margin-bottom:32px;text-align:center;color: #24272d;}
.s_tit.type2 {text-align:left;font-family:'OneShinhan';font-size: 32px;font-weight: 900;line-height: 44px;color: #24272d;}
.s_tit.type2.investor {text-align:center;font-weight: 900;color: #000;}

.title + .inner {margin-top:56px;}
.content .inner.inverstor{padding: 0 104px 160px;max-width: 1920px;margin: 0 auto;box-sizing: border-box;}
.content .inner.inverstor.type01{padding: 0 104px 0;}
.title + .inner.sel {margin-top:56px;}
.title + .inner.member{margin-top: 16px;}
.title + .link_tab_wrap {margin-top:48px}
.title + .visual_sub {margin-top:80px}
.title.inverstor + .inner.inverstor {margin-top:86px}

.title.member + .inner.member{margin-top: 0;}
.title_wrap.type2 .link_tab_wrap {margin-bottom:0}
.title_wrap{transition: all ease .2s;}
.title_wrap.active{position: fixed; width: 100%; background-color:#fff; top: 0; z-index:10;}
.title_wrap.active .title{display: none;}
.title_wrap.active .link_tab_wrap{margin: 0;}
.title_wrap.active.active_title{top: 92px}
.title_wrap.active.active_title .title{display: block; margin-top: 72px;}
.title_wrap.active.active_title .link_tab_wrap{margin-top: 56px;}

.top_title_wrap{display:flex; justify-content: space-between; align-items:center; margin-bottom:56px;}
.top_title_wrap .top_title{font-size: 26px;line-height: 38px; font-weight:700;color:#24272D;}
.section.bg_g {background:#f8f9fc;padding:80px 0 160px}

.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.ellipses {text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
/* color */
.fc_blue {color:#0046ff}
.fc_red {color:#d61111}
/* space */
.space1 {margin-top:120px}
.space2 {margin-top:80px}
.pd0{padding:0 !important;}
.pb0{padding-bottom:0 !important;}
.pt100{padding-top:100px;}
/* button */
.roundbt {position:relative;display:inline-block;padding:0 16px;height:34px;border-radius:30px;border:1px solid #d6dbe1;font-size:14px;line-height:32px;color:#565b64;font-family:'OneShinhan';font-weight:400;box-sizing:border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;width:fit-content;max-width:320px;}
.roundbt.ico {padding-right:40px}
.roundbt.ico.down:after {content:'';position:absolute;top:50%;right:16px;transform:translateY(-50%);background:url(../images/common/ico_down.svg) no-repeat center right;background-size:16px 16px;width:16px;height:16px;display: inline-block;}
.roundbt.ico:hover {border:1px solid #005df9;color:#0046ff}
.roundbt.ico.upright:hover:after {background:url(../images/common/ico_arrowupright_on.svg) no-repeat center right;}
.roundbt.ico.down:hover:after,
.roundbt.ico.down:focus:after{background:url(../images/common/ico_down_on.svg) no-repeat center right;display: inline-block;}
.roundbt.type2 {height:48px;padding:0 24px;line-height:46px;font-size:14px;color:#fff;background:rgba(255,255,255,.2);max-width: unset;
white-space: unset;}
.roundbt.type2:hover{border-color:#FFFFFF;color:#24272D;background-color:#FFFFFF;}
.roundbt.type2.ir{margin: 0 4px;}

.roundbt.type2.blue {color:#94ABFA;border:1px solid #94ABFA;background: rgba(255,255,255,.4 );-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);padding-right:48px;font-size:16px;font-weight:500}
.roundbt.type2.blue.ico.down:after {content:'';position:absolute;top:50%;right:20px;transform:translateY(-50%);background:url(../images/common/ico_arrow_blue.svg) no-repeat center right;background-size:24px 24px;width:24px;height:24px}
.roundbt.type2.blue.ico.down:hover {border:1px solid #fff;background:#fff ;color:#24272D;}
.roundbt.type2.blue.ico.down:hover:after {background:url(../images/common/ico_arrow_black.svg) no-repeat center right;background-size:24px 24px;width:24px;height:24px}
.roundbt.ico.type2 {padding-right:48px}
.roundbt.ico.down .type2:hover {background:#fff;color:#24272D;}
.roundbt.long{border-radius:8px;height:fit-content;max-width:unset;}
.sports_section .roundbt{max-width:unset;}

.btn_wrap{width:100%;display:flex;justify-content:space-between;margin-top:16px}
.btn_wrap .btn {vertical-align:top}
.btn_wrap.more {clear:both;display:block;text-align:center;margin-top:80px}
.btn_wrap.more .btn {padding:0 32px}

.btn {position:relative;display:inline-block;font-family:'OneShinhan';height:48px;text-align:center;border-radius:14px;font-weight:500;font-size:16px;line-height:48px;padding:0 24px;box-sizing:border-box}
.btn.gray{color:#565b64;background-color:#ebeff5;}
.btn.gray:hover{background-color:#e1e6ec;}
.btn.blue {color:#fff;background-color:#005df9;}
.btn.bord.blue {color:#005df9;border:1px solid #005df9}
.btn.bord {color:#565b64;background:#fff;border:1px solid #d6dbe1}
.btn.gray:disabled, 
.btn.blue:disabled,
.btn.gray.disabled, 
.btn.blue.disabled {color:#b9c1c9;background-color:#f3f6fb;cursor:not-allowed;}
.btn + .btn {margin-left:5px;}
.g_tit + .bottom_btn_group{margin-top:24px;}
.btn.ico.downwh{padding-right:56px;}
.btn.ico.arrow{padding-right:56px;}
.btn.ico.more{padding-right: 56px;}

.inputbt_wrap {float:right;}
.inputbt_wrap:after{content:'';display:block;clear:both;}
.inputbt_wrap > li {position:relative;float:left;}
.inputbt_wrap > li + li {margin-left:8px}
.inputbt_wrap input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;margin:0;padding:0;}
.inputbt_wrap label{display:block;width:auto;padding:0 24px;height:38px;background:#ebeff5;font-size:14px;font-family:'OneShinhan';font-weight:700;color:#24272d;line-height:38px;border-radius:50px}
.inputbt_wrap input:checked + label{display:block;background-color:#21272a;color:#fff;}
/* icon */
.ico.upright::after{content:'';position:absolute;top:50%;right:20px;transform:translateY(-50%);background:url(../images/common/ico_arrowupright.svg) no-repeat center right;background-size:16px 16px;width:16px;height:16px}
.ico.downwh::after{content:'';position:absolute;top:50%;right:20px;transform:translateY(-50%);background:url('../images/common/ico_down_white_new.svg') no-repeat;background-size:24px 24px;width:24px;height:24px}
.ico.arrow::after{content:'';position:absolute;top:50%;right:20px;transform:translateY(-50%);background:url('../images/common/icon_arrow_down.svg') no-repeat;background-size:24px 24px;width:24px;height:24px}
.ico.downwhs::after{content:'';position:absolute;top:50%;right:20px;transform:translateY(-50%);background:url('../images/common/ico_down_white_s.svg') no-repeat;background-size:16px 16px;width:16px;height:16px}
.ico.downwhs:hover::after{background:url('../images/common/ico_down_black_s.svg') no-repeat;}
.ico.uprightwh::after{content:'';position:absolute;top:50%;right:20px;transform:translateY(-50%);background:url(../images/common/ico_arrowupright_wh.svg) no-repeat center right;background-size:16px 16px;width:16px;height:16px}
.ico.uprightwh:hover::after{background:url('../images/common/ico_arrowupright_bl.svg') no-repeat;}
.ico.link::after{content:'';position:absolute;top:50%;right:20px;transform:translateY(-50%);background:url(../images/common/ico_link.svg) no-repeat center right;background-size:16px 16px;width:16px;height:16px}
.ico.link:hover::after{background:url('../images/common/ico_arrow_right_bl.svg') no-repeat;}
.ico.more::after{content:'';position:absolute;top:50%;right:20px;transform:translateY(-50%);background:url(../images/common/icon_arrow_up_right.svg) no-repeat center right;background-size:24px 24px;width:24px;height:24px}
/* list */
.bul_list.gray li{color:#3A3F49;}
.bul_list li {position:relative;font-size:16px;line-height:26px;font-weight:300;padding-left:36px;color:#565B64}
.bul_list li + li {margin-top:4px}
.bul_list li:before {content:'';display:block;position:absolute;left:16px;top:12px;width:4px;height:4px;background:#565b64;border-radius:50%}
.bul_list.type2 {margin-top:24px}
.ol_list {list-style-position: inside}
.ol_list.line li {position:relative;font-size:16px;line-height:26px;font-weight:500;border-bottom:1px dashed #d6dbe1;padding:16px 0;list-style-position: inside;}
.ol_list.line li .t_right {position:absolute;right:0;display:flex;border-left:1px solid #d6dbe1;padding-left:8px;top:50%;transform:translateY(-50%);box-sizing: border-box;min-width: 106px;height: calc(100% - 41px);/*height:16px로 수정*/align-items: center;justify-content: center;} 
.ol_list.line li:last-of-type  {border-bottom: 0;}
.accord_txt .ol_list.line + .tit_list{border-top: 1px dashed #d6dbe1;;}
.accord_txt .ol_list + .tit_list {padding-top:24px}
.ol_list.line li span.txt {display:inline-block;width:90%}
.ol_list.txt li {font-size:14px;line-height:24px;font-weight:300;color:#808892}

.tit_list {font-size:14px;line-height:24px;color:#808892;font-weight:700;margin-bottom:8px}
/* accordion */
.accordion_wrap {border-top:1px solid #565b64}
.accordion_list {width:100%;border-bottom:1px solid #ebeff5;}
.accordion_list .accord_tit {position:relative;}
.accordion_list .accord_tit a {display:block;width:100%;cursor:pointer;padding:24px 32px;font-size:20px;line-height:32px;box-sizing:border-box;}
.accordion_list .accord_tit a span.date {display:inline-block;font-size:16px;line-height:26px;font-weight:300;color:#808892;margin-left:16px}
.accordion_list .accord_tit:after {content:'';position:absolute;display:block;right:32px;top:50%;background:url(../images/common/accor_arr.svg) no-repeat center;width:32px;height:32px;transform:translateY(-50%)}
.accordion_list .accord_tit.active:after {transform:translateY(-50%)rotate(-180deg);}
.activitiy_content .accordion_list .accord_txt{padding: 16px 32px 16px 32px;}
.accordion_list .accord_txt {display:none;padding:32px;color:#24272D;font-size:18px; line-height:28px; background:#f8f9fc;}
.accordion_list .accord_txt .ol_list.line li{font-size:18px;line-height:28px;}
.accordion_list .accord_txt .ol_list.line li.indent{padding-left: 14px;}
.accordion_list .accord_txt .ol_list.txt{padding-bottom:16px;}
.accordion_list .accord_txt .ol_list.txt li{font-size:16px;line-height:26px;color:#565B64;}
.accordion_list .accord_txt .bul_list strong {font-weight:500;}
.accordion_list .accord_txt .bul_list li {padding-left:12px;font-size: 18px;line-height: 28px;color:#24272D;}
.accordion_list .accord_txt .bul_list li:before {left:0}
.accordion_list .accord_txt > p.tit_list {font-size:16px;line-height:26px;color:#565B64;font-weight:700;}
/* table */
.scroll_ico {display:none}
table caption{position:absolute;overflow:hidden;border:0;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);}
.thead_hidden{position:absolute;width:0;height:0;overflow:hidden;}
.tbl_thead{position:relative;width:100%;table-layout:fixed;text-align:center;border-top:1px solid #24272d;}
.tbl_thead .tl{padding:16px;}
.tbl_thead col + col{border-left:1px solid #EBEFF5;}
.tbl_thead th + td{border-left:1px solid #EBEFF5;}
.tbl_thead td{border-left:1px solid #EBEFF5;padding:16px;color:#565B64;}
.tbl_thead td:first-child {border-left:0}
.tbl_thead thead th, tbody th{font-weight:700;color:#24272d;background-color:#f8f9fc;}
.tbl_thead thead th, .tbl_thead tbody th, .tbl_thead tbody td{padding:16px;vertical-align:middle;line-height:28px;font-size:18px;border-bottom:1px solid #EBEFF5;} 
.tbl_thead.ty2 thead th, .tbl_thead.ty2 tbody th, .tbl_thead.ty2 tbody td{padding:16px;}
.tbl_thead.vtop thead th, .tbl_thead.vtop tbody th, .tbl_thead.vtop tbody td{vertical-align:top;}
.tbl_thead + .bul_list{margin-top:24px;}

.visual_sub {position:relative;width:100%;height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.visual_sub .img {position:absolute;top:0;height:100%;border-radius:24px}
.visual_sub img {width:100vw;height:100%;object-fit:cover !important;border-radius:0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.visual_sub .box {position:absolute;width:636px;height:210px;border-radius:20px;background:rgba(0,0,0,.1);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);z-index:2;color:#fff;text-align:center;padding-top:48px;box-sizing:border-box;}
.visual_sub .box dt {font-size:20px;line-height:32px;font-weight:500}
.visual_sub .box dd {font-size:46px;line-height:64px;font-weight:700;margin-top:16px}
.visual_sub.shareholder dd {font-family:'OneShinhan'}

.search_box_wrap {width:320px;margin:48px auto 0}
.search_box_wrap:after {content:'';clear:both;display:block;}
.search_box_wrap .search_box {position:relative;height:48px}
.search_box_wrap .search_box input {width:100%;height:100%;border:1px solid #d6dbe1;border-radius:50px;padding:0 20px 0 24px} 
.search_box_wrap .search_box .search {position:absolute;top:3px;right:20px;width:42px;height:42px;background:url('../images/common/ico_search.svg') no-repeat center center #fff;background-size:24px 24px;z-index:1;color:transparent;cursor:pointer;}
.search_box_wrap + .paging {margin-top:16px} 

span.badge{background: #F3F6FB;text-align: center;color: #0046FF;font-size: 18px;line-height: 32px;font-weight: 500;border-radius: 60px;margin-bottom: 16px;display: inline-block;padding: 0 16px;}
span.badge.blue{color: #565B64;font-size: 16px;margin-bottom: 8px;}
.popup_layer { display: none;}
.popup_wrap {position:fixed;inset: 0;display: flex;margin: auto;background-color: rgba(0,0,0, .6);padding:70px 104px;z-index:70}
.popup {position:relative;width:100%;max-width:1024px;/*aspect-ratio: 6/4;*/margin: auto;background-color: #fff;height:100%;border-radius:24px;padding-top:72px;padding-bottom:72px;box-sizing:border-box;overflow:hidden}
.popup.sizeM {max-width:7141px}
.popup.auto {width:848px;height:auto}
.popup_header {padding:0 72px}
.popup_header h1 {font-size:32px;line-height:44px;color:#24272d;font-weight:700;padding-bottom:32px} 

.popup_wrap .content_txt{font-size: 18px;line-height: 28px;color: #565b64;font-weight: 300;margin-top: 32px;}
.popup_cont {overflow-y:auto;box-sizing:border-box;margin-right:16px;box-sizing:border-box;}
.popup_content {padding:0 72px 72px}
.popup_wrap .pr_ad_img{width: 100%;height: 100%;}
.popup .btn_close {position:absolute;right:32px;top:32px;background:url('../images/common/close.svg') no-repeat center center;background-size:56px 56px;width:56px;height:56px;color:transparent;z-index:10;font-size:1px}
.popup_cont::-webkit-scrollbar-track{border-radius:3px;background-color:#fff;}
.popup_cont::-webkit-scrollbar{width:6px;background-color:#fff}
.popup_cont::-webkit-scrollbar-thumb{border-radius:3px;background-color:#d6dbe1}
/* 신한지킴이 팝업 */
.popup_header.report{padding: 0 72px 0 !important;}
.popup_cont.report{height: auto !important;}
.popup_content.report{padding: 0 72px 0 !important;}
.popup_content.report .rule_cont.report .rule_main_sub{font-size: 18px;line-height: 28px;font-weight: 300;color: #565B64;}
.popup_content.report .rule_cont.report .rule_main_sub span.strong{font-size: 18px;line-height: 28px;font-weight: 500;color: #565B64;}

.txt_box {position:relative;text-align:center;margin-top:80px}
.txt_box dt {font-size:32px;line-height:44px;font-family:'OneShinhan';font-weight:900}
.txt_box dd {margin-top:32px;font-size:18px;line-height:28px;font-weight:500}
.txt_box p.tit {font-size:42px;line-height:60px;font-family:'OneShinhan';font-weight:900}
.txt_box p.txt {font-size:28px;line-height:38px;font-weight:500}

.loading .dimmed {display:block;overflow:hidden;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1100;}
.loading .progress {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 1200;}
.loading .progress img {width:64px;height:64px}

@media (min-width:1921px){
	body.gnb_open #header:before {content:'';display:block;position:absolute;width:20%;left:0;height:1px;top:92px;border-top:1px solid #D6DBE1;z-index:0}
	body.gnb_open #header:after {content:'';display:block;position:absolute;width:20%;right:0;height:1px;top:92px;border-top:1px solid #D6DBE1;z-index:0}
}
@media (max-width:1700px){
	.content .inner.inverstor{padding: 0 104px 160px;max-width: 1920px;margin: 0 auto;box-sizing: border-box;}
	.content .inner.inverstor.type01{padding: 0 104px 0;}
}
@media (max-width:1632px){
	.content .inner {width:100%;max-width:100%;padding: 0 104px 160px;}
	.roundbt{width:fit-content;max-width:271px;}
}
@media (max-width:1440px){
	#header .inner {padding: 0 48px;}
	#header .inner .gnb ul .gnb_li .depth1 {padding: 0 24px;}
	#header .inner .gnb ul .gnb_li .two .twodepth {margin-top:60px}
	#header .inner .gnb ul .gnb_li .smenu ul.smenu_box > li {padding:24px 14px 40px 24px }
	body.mopen #header .allmenu {padding:0 48px}
	body.mopen #header .allmenu .allmenu_list {padding:0}
	#footer .inner {padding:42px 48px 64px;}
	.breadcrumb {padding:24px 48px} 
	.content .inner {width:100%;padding:0 104px 120px}
	.content .inner.inverstor{padding: 0 104px 120px;max-width: 1920px;margin: 0 auto;box-sizing: border-box;}

	.top_title_wrap.type2 {display:block}
	.top_title_wrap.type2 br {display:none}
	.top_title_wrap.type2 .top_btn {margin-top:16px}
}
@media (max-width:1320px){
	.roundbt{max-width:200px;}
 }
 @media (max-width:1279px){
	#header .inner .logo {width:23%}
	#header .inner .logo a {width:100%;background-size: contain !important;}
	#header .inner .gnb ul .gnb_li .depth1 {padding:0 16px}
	#header .inner {width:100%;padding:0 24px}
	body.mopen #header .allmenu {padding:0 24px}
	.breadcrumb {padding:24px} 
	#footer .inner {padding:42px 24px 64px;}
 }
@media (max-width:1100px){
	.address span.flogo {display:block;margin-right:0;margin-bottom:16px}
	.address span.txt {display:block;margin-left:0}
	.address span.copyright {display:block;margin-left:0}
}
@media (min-width:1024px) and (max-width:1440px){
	.accordion_list.board .accord_tit.board a {padding:24px 64px 32px 24px}
}
@media (min-width:1024px) and (max-width:2000px){
	.visual_sub{height:auto;aspect-ratio: 1920 / 425;}
}
@media (max-width:1024px){
	#header .dim {display:none}
	#header {background:#fff}
	#header.init_bg {background:#fff}
	#header.up {transform:none} 
	#header.down, #header.up {background:#fff;backdrop-filter:none} 
	#header .inner .bg {display:none}
	#header .inner.open {height:64px !important}
	#header .inner {padding:0 16px;justify-content:space-between;height:64px !important}
	#header .inner .gnb {display:none}
	#header .inner {height:64px !important;line-height:64px}
	#header .inner .logo {width:100%;height:64px}
	#header .inner .logo a {display:block;width:210px;height:64px;background:url(../images/common/logo.svg) no-repeat 0 center;background-size:210px 19px}
	#header .inner .head_util .link_wrap {display:none}
	#header .inner.open {height:64px !important}
	.gnb_open .main #header .inner .logo a {background: url(../images/common/logo.svg) no-repeat 0 0;width:122px;height:24px;background-size: 210px 19px;}
	body.mopen #header .inner .head_util {position:relative;right:auto;left:auto;height:64px}
	body.mopen #header .inner .logo {display:none}
	body.mopen #header .inner {display:block}
	body.mopen #header .btn_menu {position:absolute;right:0;top:16px}
	body.gnb_open #header:after  {display:none}
	#container {padding:64px 0 0}
	.breadcrumb {display:none}
	#header .allmenu {top:63px;left:0;right:0;bottom:0;width:100%;background:#fff;}
	.btn_menu {width:32px;height:32px;background-size:32px 32px}
	.btn_menu .line {width:100%}
	.btn_menu .line:nth-child(2)  {margin:7px 0}
	.btn_menu.mopen {background:url(../images/common/menu_ico_cbl.svg) no-repeat center center;background-size:32px 32px}
	.btn_menu.mopen .line:nth-child(1) {transform:translateY(7px) rotate(45deg);background:#fff}
	.btn_menu.mopen .line:nth-child(3) {transform:translateY(-9px) rotate(-45deg);background:#fff}
	.btn_menu.mopen .line:nth-child(1) {background:#24272D}
	.btn_menu.mopen .line:nth-child(3) {background:#24272D}
	body.mopen #header .allmenu {padding:0;height:100%;max-height:calc(100% - 63px);z-index:80;}
	body.mopen #header .language {position:absolute;display:block;line-height:32px;width:100%;top:16px;left:0;padding-left:28px;box-sizing:border-box;z-index:51;height:32px;width:auto;background:url('../images/common/global.svg') no-repeat 0 center;}
	body.mopen #header .language a {position:relative;display:inline-block;font-size:14px;line-height:32px;font-weight:500;color:#B9C1C9;padding:0 16px;}
	body.mopen #header .language a.on {color:#565B64}
	body.mopen #header .language a:after {content:'';display:block;position:absolute;top:11px;left:0;width:1px;height:10px;background-color:#D6DBE1}
	body.mopen #header .language a:first-child {padding-left:8px;}
	body.mopen #header .language a:first-child:after {display:none}
	body.mopen #header {background:#fff;}
	body.mopen #header:after {display:none}
	body.mopen #header .logo {z-index:49}
	body.mopen #header .logo a {display:none}
	body.mopen #header .inner .logo a {background: url(../images/common/logo.svg) no-repeat 0 0;background-size:122px 24px;color:transparent;font-size:1px;width:122px;height:24px}
	body.mopen #header .inner {background:#fff;}
	body.mopen #header .allmenu ul .allmenu_li.first {margin-top:0}
	body.mopen #header .allmenu ul .allmenu_li {margin-top:0;border-bottom:1px solid #ebeff5;}
	body.mopen #header .allmenu ul .allmenu_li a {display:block;color:#24272d;}
	body.mopen #header .allmenu ul .allmenu_li .depth1 {position:relative;width:100%;font-size:18px;line-height:24px;padding:24px;box-sizing:border-box;cursor:pointer;}
	body.mopen #header .allmenu ul .allmenu_li .depth1:after {content:'';position:absolute;right:24px;background:url('../images/common/menu_arr.svg') no-repeat center right;background-size:32px 32px;width:32px;height:32px}
	body.mopen #header .allmenu ul .allmenu_li .smenu {display:none;padding:0 24px;box-sizing:border-box}
	body.mopen #header .allmenu ul .allmenu_li.on:last-child{border-bottom:none;}
	body.mopen #header .allmenu ul .allmenu_li.on .smenu {display:block;padding:24px;}
	body.mopen #header .allmenu ul .allmenu_li.on .depth1 {color:#0046ff}
	body.mopen #header .allmenu ul .allmenu_li.on .depth1:after {background:url('../images/common/accor_arr_up.svg') no-repeat center right;background-size:32px 32px;width:32px;height:32px}
	body.mopen #header .allmenu ul .allmenu_li .smenu .smenu_wrap {margin-top:0;display:block;}
	body.mopen #header .allmenu ul .allmenu_li .smenu .smenu_wrap li + li {margin-top:16px}
	body.mopen #header .allmenu ul .allmenu_li .smenu .depth2 {font-size:18px;line-height:28px;color:#24272d;cursor:pointer;width:100%}
	body.mopen #header .allmenu ul .allmenu_li .smenu .depth2.on + .depth3_list {display:block}
	body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list {display:none;padding-top:0;margin-top:16px;margin-left:8px}
	body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li {float:none;width:100%;font-weight:500;font-size:16px;line-height:26px}
	body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li + li {margin-top:12px}
	body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li a:before {content:'-';position:absolute;top:0;left:0;font-size:16px;line-height:26px;font-weight:500;color:#808892;width:10px;}
	body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li a {position:relative;color:#808892;padding-left:12px}
	body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li a:after {display:none}
	body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li a:hover {color:#808892} 
	body.mopen #header .allmenu ul .allmenu_li .smenu .smenu_wrap li:nth-child(5) {width:100%}
	body.mopen #header .allmenu ul .allmenu_li:last-child {margin-bottom:0}
	body.mopen #header .allmenu {overflow-y:auto;height:100%}
	body.mopen #header .allmenu::-webkit-scrollbar-track{border-radius:3px;background-color:#fff;}
	body.mopen #header .allmenu::-webkit-scrollbar{width:6px;background-color:#fff}
	body.mopen #header .allmenu::-webkit-scrollbar-thumb{border-radius:3px;background-color:#d6dbe1}

	.whhead #header {background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;}
	.whhead #header .inner {transition:none;height:64px !important}
	.whhead #header .inner .logo a {background: url(../images/common/logo.svg) no-repeat center center;background-size:210px 19px}
	.whhead .btn_menu {background: url(../images/common/menu_ico.svg) no-repeat center center;}
	.whhead .btn_menu.mopen {background: url(../images/common/menu_ico_cbl.svg) no-repeat center center;background-size: 32px 32px;}
	.whhead .btn_menu .line {background-color: #121418;}
	body.mopen .whhead #header.down .btn_menu .line, 
	body.mopen .whhead .btn_menu .line {background-color: #758ab3;}
}
@media (max-width:1023px){
	.content .inner {padding:0 56px 80px;}
	#footer {border-top:0}
	#footer .inner {padding:0 0 40px;}
	.footer_wrap.type2 {height:auto;padding:0 16px}
	.footer_wrap {display:block}
	.footer_wrap + .footer_wrap {margin-top:16px}
	.footer_menu {float:none;width:100%;padding:65px 16px 0;}
	.footer_menu li {margin-right:32px}
	.footer_menu li a {font-size:12px;line-height:18px;}
	.address {margin-bottom:8px}
	.address span {font-size:11px;line-height:22px;}
	.address span.flogo {display:block;width:211px;height:20px;margin-right:0;margin-bottom:8px} 
	.famlysite {float:none;position:absolute;width:100%;top:0;}
	.famlysite .btn_selct {height:40px;border-radius:0;font-size:13px;line-height:40px;padding:0 16px;}
	.famlysite .list {width:100%;height:280px;top:-280px;padding:24px 16px 0;border-radius:0;}
	.famlysite.active .list {background:#E6EDFF}
	.famlysite.active .btn_selct {background:#E6EDFF}
	.famlysite .list a{font-size:14px;line-height:24px;}
	.famlysite .list li + li {margin-top:15px}
	.famlysite .scrollbar {height:256px;max-height:256px}
	.famlysite .scrollbar::-webkit-scrollbar-track{border-radius:3px;background-color:#E6EDFF;}
	.famlysite .scrollbar::-webkit-scrollbar{width:6px;background-color:#E6EDFF;}
	.famlysite .scrollbar::-webkit-scrollbar-thumb{border-radius:3px;background-color:#fff}
	.f_sns {position:relative;right:auto}
	.f_sns li {width:32px;height:32px;}
	.f_sns li a {display:block;width:100%;height:100%;}
	.f_sns li + li {margin-left:8px}
	.f_sns .youtube a {background-size:18px 13px;}
	.f_sns .instagram  {background-size:16px 16px}
	.f_sns .facebook {background-size:8px 15px}
	.f_sns .btarr {background-size:15px 18px}
	.footerExpand {width:100%;margin-top:16px;}
	.footerExpand ul {float:left;margin-left:16px}
	.footerExpand ul:after {content:'';display:block;clear:both}
	.footerExpand ul li {float:left;margin-right:8px;margin-left:0}
	.footerExpand ul li:last-child {margin-right:0}
	.footerAward{padding:5px 16px;gap:8px;flex-wrap:wrap;}
	.footerAward .awd{}
	.footerAward .awd_img{height:18px;}
	.footerAward .awd_txt{font-size:7px;line-height:10px;}

	.section.bg_g {padding:56px 0 80px}

	.title {font-size:24px;line-height:38px;padding-top:32px;}
	.s_tit {font-size:20px;line-height:32px;margin-bottom:24px}
	.title + .inner {margin-top:32px;}
	.title + .inner.sel {margin-top:32px;}
	.title + .link_tab_wrap {margin-top:32px;}
	.title + .visual_sub {margin-top:32px}
	.title_wrap.type2 .link_tab {padding-bottom:0}
	.title_wrap.type2 .link_tab_wrap{height:48px}
	.title_wrap.type2 .link_tab_wrap:after {height:47px}
	
	.top_title_wrap{margin-bottom:24px;}
	.top_title_wrap .top_title{font-size:20px;line-height:32px;}
	.top_title_wrap.type2{flex-direction: column;align-items: flex-start;}
	.top_title_wrap.type2 .top_title{margin-bottom: 8px;}
	.top_title_wrap.type2 .btn + .btn{margin-left:0;margin-top: 3px;}

	.btn.ico.downwh{padding-right:44px;}
	.btn.ico.arrow{padding-right:44px;}
	.m_none{display:none !important;}
	.w_none{display:block !important;}
	span.m_none{display:none;}
	span.w_none{display:block;}

	.btn_wrap.more {margin-top:40px}
	/* button */
	.roundbt {height:28px;font-size:11px;line-height:26px;vertical-align:top;padding: 0 16px;width:auto;max-width:unset;}
	.roundbt.type2 {font-size: 12px;padding: 0 16px;height: 34px;line-height: 32px;}
	.roundbt.ico{padding:0 38px 0 14px;}
	.roundbt.ico.down:after {right:14px;}
	.btn {height:40px;border-radius:12px;font-size:14px;line-height:40px;}
	.roundbt.long{padding: 6px 40px 6px 20px;height: auto;font-size: 11px;line-height: 18px;vertical-align: middle;}
	.roundbt.type2.blue {padding:0 45px 0 20px;font-size:12px;}
	.roundbt.type2.blue.ico.down:after {background-size:18px 18px;width:18px;height:18px}
	.roundbt.type2.blue.ico.down:hover:after {background-size:18px 18px;width:18px;height:18px}

	.red_arr:after {top:5px;}
	.blue_arr:after {top:5px;}
	/* icon */
	.ico.downwh::after{background-size: 16px 16px;width: 16px;height: 16px;}
	.ico.arrow::after{background-size: 16px 16px;width: 16px;height: 16px;}
	.ico.upright.ty2::after {top: 0;bottom: 0px;left: 0;position: relative; display: inline-block;transform: translateY(4px);} 
	.ico.down.ty2::after {top: 0;bottom: 0px;left: 0;position: relative; display: inline-block;transform: translateY(4px);} 
	/* badge */
	span.badge{font-size: 12px;line-height: 24px;font-weight: 500;padding: 0 8px;}
	span.badge.blue{font-size: 12px;line-height: 24px;}
	/* list */
	.bul_list li {font-size:14px;line-height:22px;padding-left:19px}
	.bul_list li + li {margin-top:2px}
	.bul_list li:before {top:9px;width:3px;height:3px;left: 8px;}
	.ol_list.line li {font-size:14px;line-height:22px;padding:12px 80px 12px 0;}
	.ol_list.line li .t_right {min-width: 72px;height:calc(100% - 24px);} 
	.ol_list.txt li {font-size:12px;line-height:18px;}
	.ol_list + .tit_list {margin-top:0px}
	.tit_list {font-size:12px;line-height:18px;margin-bottom:4px}
	/* accordion */		
	.activitiy_content.accordion_list .accord_txt {padding:8px 24px 24px 24px}	
	.accordion_list .accord_txt {padding:24px}	
	.accordion_list .accord_tit a {padding:16px 16px;font-size:16px;line-height:26px;width:86%}
	.accordion_list .accord_tit a span.date {font-size:14px;line-height:22px;margin-left:8px}
	.accordion_list .accord_tit:after {right:16px;background-size:24px;}
	.accordion_list .accord_txt {font-size:14px; line-height:22px; }
	.accordion_list .accord_txt .ol_list.line li{font-size:14px;line-height:22px;}
	.accordion_list .accord_txt .ol_list.txt{padding-bottom:16px;}
	.accordion_list .accord_txt .ol_list.txt li{font-size:14px;line-height:22px;}
	.accordion_list .accord_txt .bul_list li {font-size: 14px;line-height: 22px;color:#24272D;}
	.accordion_list .accord_txt > p.tit_list {font-size:14px;line-height:22px;}
	.accordion_list.board .accord_tit.board a {padding:16px 48px 16px 16px}
	/* table */
	.tbl_list .result{height:60px;}
    .tbl_list .result > li{padding:19px 8px;line-height:22px;font-size:14px;}
	.tbl_thead thead th, .tbl_thead tbody th, .tbl_thead tbody td,
    .tbl_thead.ty2 thead th, .tbl_thead.ty2 tbody th, .tbl_thead.ty2 tbody td{padding:8px;line-height:26px;font-size:16px;}
    .tbl_thead.ty2 tbody th.pd_ty2{padding:88.5px 4px;}	
    .tbl_thead.ty2 tbody th.pd_ty3{padding:8px;}
    .tbl_thead.ty2 col.col_width:nth-child(1){min-width:21px !important;padding:88.5px 4px;}
    .tbl_thead.ty2 col.col_width:nth-child(2){min-width:98px !important;}
	.tbl_thead.pd td {padding:8px}
	.tbl_thead + .bul_list{margin-top:16px;}
	.tbl_thead .tl {padding:8px;word-break:break-word;}
	.bul_list.type2 {margin-top: 16px;}
	.scroll_ico {display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:132px;height:132px;background:url('../images/common/ico_scroll.png') no-repeat 0 0;background-size:132px 132px;z-index:2}
	.scroll_ico.uptop {top:150px;}
	.tscroll{border-top:1px solid #24272d;position:relative;overflow-x:scroll;scroll-behavior:smooth;}
	.tscroll .tbl_thead{border-top:none}
	/* sticky table */
	.tbl_sticky thead tr th:first-child,
	.tbl_sticky tbody tr th:first-child{position:sticky;left:0;z-index:1;}
	.tbl_sticky tbody tr th{text-align:left;}
	.tbl_sticky thead tr th:first-child::after,
	.tbl_sticky tbody tr th::after{content:"";position:absolute;right:-1px;top:0;width:1px;height:100%;border-right:1px solid #EBEFF5;}
	/* space */
	.space1 {margin-top:56px}
	.space2 {margin-top:32px}
	.pb0{padding-bottom:0px !important;} 
	/* visual */ 
	.visual_sub {height:210px;margin:0}
	.visual_sub.on .img.cut {animation:none;width:100%;}
	.visual_sub .img.cut img {object-fit:cover;}
	.visual_sub .img {border-radius:0;transition:0}
	.visual_sub .img.cut {width:100%;height:210px;}
	.visual_sub .box {position:absolute;width:calc(100% - 72px);height:102px;padding-top:22px;}
	.visual_sub .box dt {font-size:13px;line-height:20px;}
	.visual_sub .box dd {font-size:22px;line-height:34px;margin-top:4px}
	.visual_sub.shareholder .box{backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}

	.search_box_wrap {width:100%;margin:24px auto 0}
	.search_box_wrap .search_box {width:100%;height:40px}
	.search_box_wrap .search_box input {width:100%;padding-left:16px;padding-right:32px}
	.search_box_wrap .search_box .search {top:5px;right:16px;width:32px;height:32px;background-size:20px 20px;}

	.popup_wrap {padding:70px 16px}
	.popup_header {padding:0 16px;}
	.popup_cont {padding-top:0;margin-right:8px;}
	.popup_content {padding:0 8px 0 16px}
	.popup_header.report{padding:0 16px!important;}
	.popup_content.report{padding:0 16px 24px !important;}
	.popup {padding:24px 0;border-radius:16px;}
	.popup_header h1 {font-size:20px;line-height:32px;padding-bottom:16px;  width: calc(100% - 32px);/*word-break: break-all;*/}
	.popup_wrap .content_txt{font-size:14px;line-height:18px;margin-top: 24px;}
	.popup .btn_close {right:16px;top:16px;background-size:32px 32px;width:32px;height:32px;}
	/*신한지킴이 팝업*/
	.popup_cont.report .qr_img_box{width:150px; height:unset;}
	.popup_cont.report{height: 370px !important;}
	
	.txt_box {margin-top:32px}
	.txt_box dt {font-size:20px;line-height:32px;padding:0 56px;}
	.txt_box dd {padding:0 56px;font-size:14px;line-height:22px;box-sizing:border-box;margin-top:16px}
	.txt_box dd br {display:none}
	.txt_box p.tit {font-size:20px;line-height:32px;padding:0 16px }
	.txt_box p.txt {font-size:14px;line-height:22px;box-sizing:border-box;margin-top:16px}

	.popup.auto {width:100%}
	.loading .progress img {width:40px;height:40px}
}
@media (max-width:767px){
	.content .inner {padding:0 16px 80px;}
	.txt_box dt {padding:0 16px;}
	.txt_box dd {padding:0 16px;}
}
@media (max-width:760px){
	.accordion_list .accord_tit:after {right:8px}
	.accordion_list .accord_txt {padding:16px 16px}
	.activitiy_content .accordion_list .accord_txt {padding:8px 16px 8px 16px}/*0627 수정*/

	.ol_list.line li span.txt {width:80%}

	.tscroll .tbl_thead {border-top:0; width:120%}		

	.inputbt_wrap label{padding:0 16px;height:24px;font-size:12px;line-height:24px;}
	.inputbt_wrap > li + li {margin-left:4px}
}
@media (max-width:412px){
	.m_nonet{display:none;}
	.w_nonet{display:block;}
}
@media (max-width:369px){
	.roundbt.ico.esg{
		margin-top: 4px;
	}
}
@media (max-width:360px){
	.tbl_thead .break_word tr td{word-break:break-word;}
}