@charset "utf-8";

#container .pcHide {display: none !important;}

/* 미래에셋 자산운용 소개 : 회사개요 */
.inContents .tabpanel {margin-top: 0 !important;}
.inContents .ui_tabs1 {margin-top: 60px;}
.inContents .ui_tabs1 > .flex {width: calc(100% / 4);}
.inContents .ui_tabs1 > .flex.five {width: calc(100% / 5);}
.inContents .ui_tabs1 > .flex.threeSet {width: calc(100% / 3);} 
.inContents .ui_tabs1 > .flex.twoSet {width: calc(100% / 2);} 
.inContents .ui_tabs1 .tab {min-width: 100%; width: 100%;}
.summary .sortation2 {margin-top: 180px; padding-top: 171px; background-color: #EDEFF3;}
.summary .sortation2 .ctit {font-size: 66px;}
.summary .sortation3 {padding: 171px 0 0; background-color: #FEF6EE;}
.summary .sortation3 .ctit,
.summary .sortation3 .ctits {color: #F58220;}
.summary .sortation4 {padding-top: 171px;}
.summary .sortation4 .ctit {font-size: 66px;}

.summary .ctit {font-size: 72px; text-align: center; line-height: 120px;}
.summary .ctits {
margin-top: 176px;
color: #193D71;
font-size: 30px;
text-align: center;
line-height: 42px;
}
.summary .text-sub {
margin-top: 155px;
color: #193D71;
font-size: 42px;
text-align: center;
line-height: 56px;
}
.summary .text-sub strong {
color: #F4811F;
font-size: 42px;
line-height: 56px;
vertical-align: top;
}
.summary .imgs-map {margin: 199px 0 63px; text-align: center;}
.summary .imgs-chart {max-width: 1410px; margin: 43px auto 0; padding: 0 0 180px; text-align: center;}
.summary .text-exc {
margin-top: 9px;
font-size: 24px;
text-align: center;
line-height: 34px;
}
.summary .lst-object {width: 100%; max-width: 1410px; margin: 59px auto 0;}
.summary .lst-object ul {display: flex;}
.summary .lst-object ul > li {
display: flex;
flex-direction: column;
align-items: center;
width: calc(100% / 3);
height: 534px;
margin: 0 0 0 30px;
background-color: #fff;
background-position: center 142px;
background-repeat: no-repeat;
border-radius: 24px;
font-size: 0;
line-height: 0;
}
.summary .lst-object ul > li:first-child {margin: 0;}
.summary .icon-global > li:nth-child(1) {background-image: url('/magi/assets/images/company/ico_global01.png');}
.summary .icon-global > li:nth-child(2) {background-image: url('/magi/assets/images/company/ico_global02.png');}
.summary .icon-global > li:nth-child(3) {background-image: url('/magi/assets/images/company/ico_global03.png');}
.summary .icon-pension > li:nth-child(1) {background-image: url('/magi/assets/images/company/ico_pension01.png');}
.summary .icon-pension > li:nth-child(2) {background-image: url('/magi/assets/images/company/ico_pension02.png');}
.summary .icon-pension > li:nth-child(3) {background-image: url('/magi/assets/images/company/ico_pension03.png');}
.summary .lst-object ul > li p {color: #193D71; text-align: center;}
.summary .lst-object ul > li .tit {
padding: 77px 0 0;
font-weight: 700;
font-size: 18px;
line-height: 26px;
}
.summary .lst-object ul > li .num {
margin: 236px 0 0;
font-weight: 700;
font-size: 40px;
line-height: 56px;
}
.summary .lst-object ul > li .btn {
margin-top:9px;
}
.summary .lst-object ul > li .btn + .days {
padding-top:9px;
}
.summary .lst-object ul > li .days {
padding: 22px 0 0;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.5px;
}
.summary .lst-object .icon-etf > li {height: 326px;}
.summary .lst-object .icon-etf > li .num {margin: 24px 0 0;}
.summary .lst-etf {width: 100%; max-width: 1410px; margin: 59px auto 0; padding: 0 0 180px;}
.summary .lst-etf ul {display: flex;}
.summary .lst-etf ul > li {
position: relative;
width: calc(100% / 3);
height: 632px;
margin: 0 0 0 30px;
border-radius: 24px;
}
.summary .lst-etf ul > li:nth-child(1) {background-color: #E27625; margin: 0;}
.summary .lst-etf ul > li:nth-child(2) {background-color: #31494D;}
.summary .lst-etf ul > li:nth-child(3) {background-color: #003F7E;}
.summary .lst-etf ul > li .tit {
width: 250px;
height: 91px;
margin: 61px auto 0;
font-size: 0;
text-indent: -9999em;
line-height: 0;
background-size: 100% 100%;
}
.summary .lst-etf ul > li:nth-child(1) .tit {background: url('/magi/assets/images/company/text_tiger_etf.png') no-repeat center center;}
.summary .lst-etf ul > li:nth-child(2) .tit {background: url('/magi/assets/images/company/text_global.png') no-repeat center center;}
.summary .lst-etf ul > li:nth-child(3) .tit {background: url('/magi/assets/images/company/text_miraeasset.png') no-repeat center center;}
.summary .lst-etf ul > li .txt {
padding: 40px 40px 0;
color: #fff;
font-size: 16px;
line-height: 26px;
letter-spacing: 0;
}
.summary .lst-etf ul > li .link-sec {
display: flex;
flex-wrap: wrap;
position: absolute;
top: 430px;
padding: 0 40px;
}
.summary .lst-etf ul > li .link-sec span {width: calc(100% / 2);}
.summary .lst-etf ul > li .link-sec a {
margin-top: 6px;
padding: 0 22px 0 0;
color: rgba(255, 255, 255, 0.5);
font-size: 16px;
line-height: 24px;
white-space: nowrap;
transition: none;
}
.summary .lst-etf ul > li .link-sec a:hover,
.summary .lst-etf ul > li .link-sec a:focus {
background: url('/magi/assets/images/common/bullt_arrow_12x12.png') no-repeat 100% 8px;
color: #fff;
}
.summary .lst-social {
    width: 100%;
    max-width: 1410px;
    margin: 59px auto 0;
    height: 750px;
    padding: 135px 80px 0;
    background: url('/magi/assets/images/company/pic_social.png') no-repeat center center/cover;
}
.summary .lst-social > ul{display:flex;}
.summary .lst-social > ul > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% / 3);
    height: 534px;
    margin: 0 0 0 30px;
    background-color: rgba(0 ,0, 0, 0.25);
    background-position: center 142px;
    background-repeat: no-repeat;
    border-radius: 24px;
    font-size: 0;
    line-height: 0;
}
.summary .lst-social ul > li p {
    color: #fff;
    text-align: center;
}
.summary .lst-social > ul > li .tit{
    padding: 77px 0 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
}
.summary .lst-social > ul > li .per{
    margin: 236px 0 0;
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
}
.summary .lst-social > ul > li .days {
    padding: 22px 0 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.5px;
}
.summary .icon-social > li {background-image: url(/magi/assets/images/company/ico_social01.png);}
.summary .icon-social > li:nth-child(2) {background-image: url(/magi/assets/images/company/ico_social02.png);}
.summary .icon-social > li:nth-child(3) {background-image: url(/magi/assets/images/company/ico_social03.png);}
.summary .data-download {
flex-wrap: nowrap;
max-width: 1410px;
margin: 60px auto 0;
}
.summary .data-download a {
width: calc(100% / 2);
margin: 0 0 0 40px;
}
.summary .data-download a:first-child {margin: 0;}

/* 미래에셋 자산운용 소개 : 연혁 */
.history {width: 1410px; margin: 0 auto 0;}
.history .ctit {margin: 158px 0 0; font-size: 66px; line-height: 76px;}
.history .text-sub {margin-top: 20px; font-size: 20px; line-height: 34px;}
.lst-his * {letter-spacing: 0;}
.lst-his .acco {
display: flex;
justify-content: space-between;
align-items: baseline;
padding: 86px 40px 90px 0;
border-bottom: 1px solid #222;
}
.lst-his .acco .btnYear {
padding: 0 46px 0 0;
background: url('/magi/assets/images/common/btn_acco_up.png') no-repeat 100% center;
font-weight: 700;
font-size: 28px;
line-height: 50px;
}
.lst-his .acco.off .btnYear {
background: url('/magi/assets/images/common/btn_acco_down.png') no-repeat 100% center;
}
.lst-his .acco > .flex {min-width: 750px; width: 60%;}
.lst-his .acco.off > .flex {display: none;}
.lst-his .acco ul > li {
display: flex;
margin-top: 58px;
font-size: 0;
line-height: 0;
}
.lst-his .acco ul > li:first-child {margin-top: 0;}
.lst-his .acco ul > li > h3 {
width: 88px;
font-weight: 700;
font-size: 16px;
line-height: 20px;
}
.lst-his .acco li > ul li {display: flex; margin-top: 18px;}
.lst-his .acco li > ul li:first-child {margin-top: 0;}
.lst-his .acco li > ul li em {width: 44px; font-size: 16px; line-height: 20px;}
.lst-his .acco li > ul li ul li {margin: 0; font-size: 16px; line-height: 20px;}


/* 미래에셋 자산운용 소개 : 글로벌 네트워크 */
.network .ctit {
width: 1410px;
margin: 151px auto 0;
font-size: 66px;
line-height: 76px;
}
.lst-network {width: 1410px; margin: 0 auto;}
.lst-network ul {display: flex; flex-wrap: wrap;}
.lst-network ul > li {
width: 224px;
margin: 180px 171px 0 0;
font-size: 0;
line-height: 0;
}
.lst-network ul > li:nth-child(1),
.lst-network ul > li:nth-child(2),
.lst-network ul > li:nth-child(3),
.lst-network ul > li:nth-child(4) {margin-top: 139px;}
.lst-network ul > li:nth-child(4n) {margin-right: 0;}
.lst-network ul > li em {
display: block;
padding-top: 141px;
background-repeat: no-repeat;
background-position: 0 top;
font-weight: 700;
font-size: 24px;
line-height: 34px;
}
.lst-network ul > li.global em {background-image: url('/magi/assets/images/company/ico_global.png');}/* 글로벌 */
.lst-network ul > li.korea em {background-image: url('/magi/assets/images/company/ico_korea.png');}/* 한국 */
.lst-network ul > li.greece em {background-image: url('/magi/assets/images/company/ico_greece.png');}/* 그리스 */
.lst-network ul > li.germany em {background-image: url('/magi/assets/images/company/ico_germany.png');}/* 독일 */
.lst-network ul > li.luxembourg em {background-image: url('/magi/assets/images/company/ico_luxembourg.png');}/* 룩셈부르크 */
.lst-network ul > li.mongolia em {background-image: url('/magi/assets/images/company/ico_mongolia.png');}/* 몽골 */
.lst-network ul > li.usa em {background-image: url('/magi/assets/images/company/ico_usa.png');}/* 미국 */
.lst-network ul > li.vietnam em {background-image: url('/magi/assets/images/company/ico_vietnam.png');}/* 베트남 */
.lst-network ul > li.brazil em {background-image: url('/magi/assets/images/company/ico_brazil.png');}/* 브라질 */
.lst-network ul > li.singapore em {background-image: url('/magi/assets/images/company/ico_singapore.png');}/* 싱가포르 */
.lst-network ul > li.uae em {background-image: url('/magi/assets/images/company/ico_uae.png');}/* 아랍에미리트 */
.lst-network ul > li.ireland em {background-image: url('/magi/assets/images/company/ico_ireland.png');}/* 아일랜드 */
.lst-network ul > li.uk em {background-image: url('/magi/assets/images/company/ico_uk.png');}/* 영국 */
.lst-network ul > li.italy em {background-image: url('/magi/assets/images/company/ico_italy.png');}/* 이탈리아 */
.lst-network ul > li.japan em {background-image: url('/magi/assets/images/company/ico_japan.png');}/* 일본 */
.lst-network ul > li.india em {background-image: url('/magi/assets/images/company/ico_india.png');}/* 인도 */
.lst-network ul > li.indonesia em {background-image: url('/magi/assets/images/company/ico_indonesia.png');}/* 인도네시아 */
.lst-network ul > li.china em {background-image: url('/magi/assets/images/company/ico_china.png');}/* 중국 */
.lst-network ul > li.canada em {background-image: url('/magi/assets/images/company/ico_canada.png');}/* 캐나다 */
.lst-network ul > li.colombia em {background-image: url('/magi/assets/images/company/ico_colombia.png');}/* 콜롬비아 */
.lst-network ul > li.hoju em {background-image: url('/magi/assets/images/company/ico_hoju.png');}/* 호주 */
.lst-network ul > li.hongkong em {background-image: url('/magi/assets/images/company/ico_hongkong.png');}/* 홍콩 */
.lst-network ul > li .link {margin-top: 30px;}
.lst-network ul > li .link a {
display: flex;
align-items: center;
width: 100%;
height: 44px;
margin-top: 10px;
padding: 0 0 0 14px;
background: #fff url('/magi/assets/images/common/bullt_arrow_6x10.png') no-repeat calc(100% - 14px) center;
border-radius: 6px;
color: #193D71;
font-weight: 500;
font-size: 16px;
line-height: 24px;
}
.lst-network ul > li .link a:first-child {margin-top: 0;}
.lst-network ul > li .link a:hover,
.lst-network ul > li .link a:focus {color: #193D71; border: 1px solid #193C70;}
.lst-network ul > li .link .mark {
    color: #8C94A3;
    background: #fff;
}
.lst-network ul > li .link p {margin-top: 10px;}

/* 미래에셋 자산운용 소개 : 미래에셋 경영철학 */
.philosophy {width: 1410px; margin: 0 auto;}
.philosophy .ctit {
margin: 166px auto 0;
color: #F58220;
font-size: 30px;
line-height: 50px;
}
.philosophy .text-sub {
color: #193D71;
font-weight: 300;
font-size: 66px;
line-height: 76px;
}
.philosophy .text-sub strong {
display: block;
font-size: 66px;
line-height: 76px;
}
.philosophy .imgs-vision {width: 100%; margin-top: 50px; padding: 0 21px;}
.philosophy .imgs-vision img {width: 100%;}
.philosophy .text-exc {
margin-top: 87px;
font-size: 20px;
line-height: 34px;
text-align:center;
}
.philosophy .text-exc strong{color:#F58220; font-size:inherit; line-height:inherit; vertical-align:top;}
.core-value {margin-top: 90px;}
.core-value > li {
display: flex;
padding: 50px 0;
border-bottom: 1px solid #DFE3EB;
font-size: 0;
line-height: 0;
}
.core-value > li:first-child {border-top: 1px solid #193D71;}
.core-value > li strong {
width: 50%;
color: #193D71;
font-size: 20px;
line-height: 28px;
}
.core-value > li .area em {
display: block;
font-weight: 500;
font-size: 20px;
line-height: 28px;
}
.core-value > li .area p {
margin-top: 12px;
font-size: 16px;
line-height: 26px;
}
.philosophy .text {
margin-top: 20px;
font-size: 24px;
line-height: 34px;
}
.philosophy .lst-desc {
display: flex;
margin-top: 60px;
}
.philosophy .lst-desc li {
width: calc(100% / 4);
height: 464px;
margin: 0 0 0 30px;
padding: 297px 0 0;
background-color: #fff;
background-repeat: no-repeat;
background-position: center 90px;
border-radius: 24px;
font-weight: 500;
font-size: 18px;
text-align: center;
line-height: 26px;
}
.philosophy .lst-desc li:nth-child(1) {background-image: url('/magi/assets/images/company/ico_desc01.png'); margin: 0;}
.philosophy .lst-desc li:nth-child(2) {background-image: url('/magi/assets/images/company/ico_desc02.png');}
.philosophy .lst-desc li:nth-child(3) {background-image: url('/magi/assets/images/company/ico_desc03.png');}
.philosophy .lst-desc li:nth-child(4) {background-image: url('/magi/assets/images/company/ico_desc04.png');}
.philosophy .text-exe {margin-top: 55px; font-size: 36px; font-weight: 500; line-height: 46px; text-align: center;}

/* Founder & GSO */
.gso-area {
position: relative;
width: 1490px;
height: 800px;
margin: 0 auto 0;
background: url('/magi/assets/images/company/pic_ceo.png') no-repeat center center;
}
.gso-area .content-tit {
display: block;
padding-top: 114px;
color: #fff;
font-weight: 100;
font-size: 60px;
text-align: center;
line-height: 76px;
}
.gso-area .content-tit span {
display: block;
color: #fff;
font-weight: 100;
font-size: 20px;
line-height: 22px;
}
.lst-gso {position: absolute; bottom: 49px; left: 72px;}
.lst-gso h2 em {
color: #fff;
font-weight: 700;
font-size: 14px;
line-height: 24px;
letter-spacing: 1px;
}
.lst-gso h2 span {
margin: 0 0 0 8px;
color: #fff;
font-weight: 400;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.5px;
}
.lst-gso ul {padding: 29px 0 0;}
.lst-gso ul li {
display: flex;
align-items: baseline;
font-size: 0;
line-height: 0;
}
.lst-gso ul li.mg18 {margin-top: 18px;}
.lst-gso ul li em,
.lst-gso ul li p {
color: #fff;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.5px;
}
.lst-gso ul li em {width: 55px;}
.gso-area .popopVideo,
.gso-area .popupClick {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 50px; right: 257px;
width: 187px;
height: 46px;
background-color: #DF6D1B;
border-radius: 3px;
color: #fff;
font-weight: 500;
font-size: 14px;
line-height: 24px;
}
.gso-area .popopVideo {right: 50px;}
.lst-ache {
width: 1490px;
margin: 0 auto 0;
padding: 90px 0 0;
}
.lst-ache li {
padding: 114px 0 90px;
border-bottom: 1px solid #D2D7E1;
font-size: 0;
text-align: center;
line-height: 0;
}
.lst-ache li:last-child {
border-bottom:none;
}
.lst-ache li h3 {
font-size: 50px;
line-height: 72px;
}
.lst-ache .text-first {
margin-top: 7px;
font-size: 40px;
line-height: 56px;
}
.lst-ache .text-mid {
margin-top: 76px;
color: #193D71;
font-size: 20px;
line-height: 30px;
}
.lst-ache .text-end {
margin-top: 29px;
font-size: 14px;
line-height: 30px;
}

/* 재무현황 */
.financial .flex-box {display: flex; width: 1410px; margin: 0 auto 0;}
.financial .flex-box .space,
.financial .flex-box .between {width: calc(100% / 2);}
.financial .flex-box .space {margin-right: 80px;}
.financial .flex-box .between {margin-left: 80px;}
.financial .flex-box .smaller-tit {margin-top: 80px;}
.financial .flex-box [class*="board_data"] table tbody td {padding-right: 10px; text-align: right;}
.financial .flex {display: flex; justify-content: space-between; padding: 55px 0 23px;}
.financial .flex .smaller-tit {margin: 0;}
.financial .flex .unit {font-size: 14px; line-height: 20px;}
.financial .board_data th {font-weight: 400; font-size: 16px;}
.financial .board_data .sum th,
.financial .board_data .sum td {background-color: #fff; color: #F58220;}
.financial .board_data .Hauto3 td {height: 120px;}
.financial .space .exc {
margin-top: 29px;
color: #6A7180;
font-size: 14px;
line-height: 22px;
letter-spacing: 0;
}

/* 채용정보 : 채용안내 : 채용프로세스 */
.inContents .tag-sort {margin-top: 57px;}
.inContents .tag-sort .btn {padding: 0 0 5px;}
.inContents .process {width: 1410px; margin: 0 auto 0;}
.process .ctit {
margin: 175px 0 0;
font-size: 40px;
text-align: center;
line-height: 48px;
}
.order-step + .ctit {margin-top: 205px;}
.order-step {
display: flex;
justify-content: space-between;
overflow: hidden;
padding: 39px 0 0;
}
.order-step li {
position: relative;
}
.order-step li::before {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%; left: 0;
width: calc(100% + 42px);
height: 1px;
background-color: #D2D7E1;
}
.order-step li span {
display: block;
z-index: 1;
position: relative;
width: 120px;
height: 120px;
padding: 73px 0 0;
background-color: #fff;
background-repeat: no-repeat;
background-position: center 28px;
background-size: 40px 40px;
border: 1px solid #D2D7E1;
border-radius: 50%;
color: #8C94A3;
font-weight: 500;
font-size: 14px;
text-align: center;
line-height: 22px;
}
.order-step li:nth-child(1) span {background-image: url('/magi/assets/mobile/images/company/ico_step01.png');}
.order-step li:nth-child(2) span {background-image: url('/magi/assets/mobile/images/company/ico_step02.png');}
.order-step li:nth-child(3) span {background-image: url('/magi/assets/mobile/images/company/ico_step04.png');}
.order-step li:nth-child(4) span {background-image: url('/magi/assets/mobile/images/company/ico_step03.png');}
.order-step li:nth-child(5) span {background-image: url('/magi/assets/mobile/images/company/ico_step10.png');}
.order-step li:nth-child(6) span {background-image: url('/magi/assets/mobile/images/company/ico_step05.png');}
.order-step li:nth-child(7) span {background-image: url('/magi/assets/mobile/images/company/ico_step06.png');}
/* .order-step li:nth-child(8) span {background-image: url('/magi/assets/mobile/images/company/ico_step07.png');} */
.order-step li:nth-child(8) span {background-image: url('/magi/assets/mobile/images/company/ico_step08.png');}
.order-step li:nth-child(9) span {
background-image: url('/magi/assets/mobile/images/company/ico_step09.png');
background-color:#193D71;
margin: 0;
color: #fff;
}
.lst-guide {display: flex; flex-wrap: wrap; padding: 9px 0 0;}
.lst-guide li {
width: calc(100% / 4);
max-width: 330px;
height: 330px;
margin: 30px 30px 0 0;
padding: 86px 50px 0;
background-color: #fff;
border-radius: 24px;
font-size: 0;
line-height: 0;
}
.lst-guide li:nth-child(4n) {margin-right: 0;}
.lst-guide li h3 {
color: #193D71;
font-size: 24px;
text-align: center;
line-height: 34px;
}
.lst-guide li p {margin-top: 20px; font-size: 16px; line-height: 26px;}
.process .exc {margin-top: 78px; text-align: center;}

/* 채용정보 : 채용안내 : 채용FAQ */
.faq .qna-lst {width: 1410px; margin: 0 auto 0; padding: 150px 0 0;}
.faq .ui_boardList + .qna-lst {padding: 0;}
.banner-kakao {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
width:1410px;
height: 235px;
margin: 150px auto 0;
padding: 0 0 0 90px;
background-color: #fff;
border-radius: 24px;
}
.banner-kakao h2 {font-size: 24px; line-height: 34px;}
.banner-kakao p {margin-top: 11px; font-size: 18px; line-height: 34px;}
.banner-kakao .btn {
display: flex;
align-items: center;
position: absolute;
top: 83px; right: 80px;
width: 230px;
height: 70px;
padding: 0 0 0 78px;
background: #FAE100 url('/magi/assets/images/company/ico_kakao01.png') no-repeat 19px center;
border-radius: 10px;
font-weight: 500;
}

/* 채용정보 : 인사제도 : 인사제도&인재상 */
.institution .ctit {
margin: 175px auto 0;
font-size: 40px;
text-align: center;
line-height: 48px;
}
.lst-policy {
display: flex;
width: 1410px;
margin: 59px auto 0;
}
.lst-policy li {
position:relative;
overflow:hidden;
width: calc(100% / 3);
height: 500px;
margin: 0 30px 0 0;
padding: 334px 0 0;
background-color:#fff;
border-radius: 24px;
font-size: 0;
line-height: 0;
}
.lst-policy li:last-child {margin-right:0;}
.lst-policy li:before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:294px;
}
.lst-policy li:nth-child(1):before {background:url('/magi/assets/images/company/img_institution01.png') no-repeat center center;}
.lst-policy li:nth-child(2):before {background:url('/magi/assets/images/company/img_institution02.png') no-repeat center center;}
.lst-policy li:nth-child(3):before {background:url('/magi/assets/images/company/img_institution03.png') no-repeat center center;}
.lst-policy li h3 {
color: #193D71;
font-size: 20px;
text-align: center;
line-height: 28px;
}
.lst-policy li p {
position: relative;
margin: 10px 0 0 87px;
padding: 0 0 0 15px;
line-height: 26px;
}
.lst-policy li p::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 10px; left: 0;
width: 5px;
height: 5px;
background-color: #2B2F36;
border-radius: 50%;
}
.lst-system {
display: flex;
width: 1410px;
margin: 59px auto 0;
}
.lst-system li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 520px;
height: 520px;
margin-right: -75px;
border-radius: 50%;
border: 1px solid #C3CAD6;
font-size: 0;
line-height: 0;
}
.lst-system li h3 {
color: #193D71;
font-weight: 400;
font-size: 18px;
line-height: 26px;
}
.lst-system li p {
margin-top: 9px;
color: #193D71;
font-weight: 700;
font-size: 30px;
line-height: 40px;
}
.comp-area {margin-top: 150px; padding: 125px 0 111px; background-color: #EDEFF3;}
.comp-area .ctit {margin: 0;}
.comp-area .text-sub {
margin-top: 26px;
font-size: 20px;
text-align: center;
line-height: 30px;
}
.comp-area ul {
display: flex;
width: 1410px;
margin: 60px auto 0;
background: url('/magi/assets/images/common/bullt_plus.png') no-repeat center center;
}
.comp-area ul li {
width: calc(100% / 2);
height: 394px;
margin: 0 130px 0 0;
padding: 234px 0 0;
background: #DF6D1B url('/magi/assets/images/company/ico_comp01.png') no-repeat center 80px;
border-radius: 24px;
color: #fff;
font-size: 20px;
text-align: center;
line-height: 30px;
}
.comp-area ul li + li {
margin-right: 0;
background: #193D71 url('/magi/assets/images/company/ico_comp02.png') no-repeat center 80px;
}
.talent-area {margin-bottom:-180px; padding: 173px 0 275px; background-color: #FEF6EE;}
.talent-area .ctit {margin: 0; color: #D96600;}
.talent-area .text-sub {margin-top: 20px; text-align: center;}
.talent-area .text-sub span {
display: inline-block;
position: relative;
padding: 76px 94px;
color: #193D71;
font-size: 50px;
line-height: 60px;
}
.talent-area .text-sub span::before,
.talent-area .text-sub span::after {
content: '';
display: block;
clear: both;
position: absolute;
width: 80px;
height: 76px;
}
.talent-area .text-sub span::before {
top: 0; left: 0;
background: url('/magi/assets/images/company/bullt_quotes_top.png') no-repeat center center;
}
.talent-area .text-sub span::after {
bottom: 0; right: 0;
background: url('/magi/assets/images/company/bullt_quotes_btm.png') no-repeat center center;
}
.talent-area .text-subs {
position: relative;
top: -60px;
color: #193D71;
font-size: 20px;
text-align: center;
line-height: 34px;
}
.talent-area ul {
position: relative;
width:1280px;
height: 708px;
margin: 147px auto 0;
background: url('/magi/assets/images/company/img_talent.png') no-repeat center top;
}
.talent-area ul li {
position: absolute;
line-height: 24px;
}
.talent-area ul li:nth-child(1) {top: 40px; left: 0;}
.talent-area ul li:nth-child(2) {top: 40px; left: 50%; transform: translateX(400px);}
.talent-area ul li:nth-child(3) {bottom: 150px; left: -30px;}
.talent-area ul li:nth-child(4) {bottom: 150px;  left: 50%; transform: translateX(400px);}
/* .talent-area ul li:nth-child(1) {top: 15px; left: 0;}
.talent-area ul li:nth-child(2) {top: 15px; right: 0;}
.talent-area ul li:nth-child(3) {bottom: 100px; left: 0;}
.talent-area ul li:nth-child(4) {bottom: 100px; right: 0;} */
.talent-area ul li strong {width: 0; height: 0; font-size: 0; text-indent: -99999em; line-height: 0;}


/* 채용정보 : 인사제도 : 복리후생 */
.lst-bene {
display: flex;
flex-wrap: wrap;
width: 1410px;
margin: 0 auto 0;
padding: 150px 0 0;
}
.lst-bene li {
width: calc(100% / 4);
max-width: 330px;
height: 330px;
margin: 30px 30px 0 0;
padding: 86px 20px 0 40px;
background-color: #fff;
border-radius: 24px;
font-size: 0;
line-height: 0;
}
.lst-bene li:nth-child(4n) {margin-right: 0;}
.lst-bene li h2 {
color: #193D71;
font-size: 24px;
text-align: center;
line-height: 34px;
}
.lst-bene li p {
position: relative;
margin-top: 20px;
padding-left: 15px;
line-height: 26px;
}
.lst-bene li p + p {margin-top: 12px;}
.lst-bene li p::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 10px;
left: 0;
width: 5px;
height: 5px;
background-color: #2B2F36;
border-radius: 50%;
}

/* 회사소개 : 오시는 길 */
.content-tit-desc {width:1410px; margin:20px auto 0; font-size:24px; line-height:34px; color:#193D71;}
.lst-way {display:flex; width: 1410px; margin: 50px auto 0;}
.lst-way li {
display: flex;
font-size: 18px;
line-height: 26px;
}
.lst-way li + li {
margin-left:60px;
}
.lst-way li:last-child {margin-left:170px;}
.lst-way li .tit {
width: 90px;
font-weight: 700;
font-size: 18px;
line-height: 26px;
}
.lst-way li [class*="subway"] {
display: flex;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
border-radius: 50%;
color: #fff;
font-weight: 700;
font-size: 14px;
line-height: 20px;
letter-spacing: 0;
}
.lst-way li .subway1 {background-color: #3155B5;}
.lst-way li .subway2 {
margin: 0 27px 0 7px;
background-color: #7F3DCC;
}
.lst-way li span {
display: inline-block;
position: relative;
padding: 0 10px;
}
.lst-way li span::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 6px; left: 0;
width: 1px;
height: 14px;
background-color: #C3C9D5;
}
.lst-way li .subway2 + span {padding-left: 0;}
.lst-way li .subway2 + span::after {display: none;}

.map .map-area {margin:60px 0 -180px;}
.map #map {width: 100%; height: 680px;}
.map #map img {min-width: auto; min-height: auto;}


/* 책임투자 : ESG전략개요 */
.esgStrategy .ctit {
margin-top: 175px;
color: #193D71;
font-size: 67px;
text-align: center;
line-height: 96px;
}
.esgStrategy .ctit span {display: block; color: #F58220; font-size: 38px; line-height: 54px;}
.esgStrategy .text-sub {
margin-top: 19px;
color: #193D71;
font-size: 18px;
text-align: center;
line-height: 26px;
}
.esgStrategy .text-sub + p {margin-top: 0;}
.esgStrategy .text-sub span {color: #F58220; font-size: 18px; line-height: 26px; vertical-align: top;}
.lst-strategy {display: flex; flex-direction: column; max-width: 1410px; margin: 0 auto 0;}
.lst-strategy li {width: 100%; margin-top: 120px; font-size: 0; line-height: 0;}
.lst-strategy .area {display:flex; align-items:flex-end;}
.lst-strategy .area .imgs {margin-right:30px;}
.lst-strategy .area .txt {padding-bottom:20px;}
.lst-strategy .area h3 {font-weight: 700; font-size: 30px; line-height: 42px;}
.lst-strategy .area p {margin-top: 13px; font-size: 18px; line-height: 28px;}
.load-map {margin:178px 0 -180px; padding: 175px 0 180px; background-color: #E4E9F4;}
.load-map .ctit {margin-top: 0;}
.load-map .list {overflow:hidden; display: flex; justify-content: space-between; max-width:1412px; padding: 88px 0 0; margin:0 auto;}
.load-map .circle {position:relative;}
.load-map .circle-inner {position:relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 340px; height: 340px; border-radius: 50%; z-index:2;}
.load-map li:nth-child(1) .circle-inner {background-color: #fff;}
.load-map li:nth-child(2) .circle-inner {background-color: #193D71;}
.load-map li:nth-child(3) .circle-inner {background-color: #F58220;}
.load-map .circle em {color: #fff; font-weight: 700; font-size: 18px; line-height: 26px;}
.load-map .circle span {color: #fff; font-weight: 500; font-size: 36px; line-height: 46px; margin-top: 8px;}
.load-map li:nth-child(1) .circle em,
.load-map li:nth-child(1) .circle span {color: #193D71;}
.load-map li .circle:before {content:''; position:absolute; top:50%; left:-75%; width:100%; height:22px; margin-top:-11px; background: url('/magi/assets/images/company/bg_arrow_22x303.png') no-repeat right top;}
.load-map li:last-child .circle:before {left:calc(-100% - 10px);}
.load-map .list h3 {margin-top: 59px; font-size: 18px; line-height: 26px;}
.load-map .list ul {padding-top: 4px;}
.load-map .list ul li {position: relative; margin-top: 10px; padding: 0 0 0 15px; line-height: 26px;}
.load-map .list ul li::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 10px; left: 0;
width: 5px;
height: 5px;
background-color: #2B2F36;
border-radius: 50%;
}

/* 책임투자 : 책임투자정책 */
.principle .text-sub,
.principle .text-sub strong {
color: #193D71;
font-size: 40px;
text-align: center;
line-height: 50px;
}
.principle .text-sub {margin-top: 175px;}
.principle .text-sub + p {margin-top: 0;}
.principle .text-sub strong {vertical-align: top;}
.principle .rule-box {
position: relative;
width: 780px;
height: 780px;
margin: 113px auto 53px;
border-radius: 50%;
border: 1px solid #C3CAD6;
}
.principle .rule-box p {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 500px;
height: 500px;
background-color: #F58220;
border-radius: 50%;
color: #fff;
font-weight: 700;
font-size: 40px;
text-align: center;
line-height: 56px;
}
.principle .rule-box p span {
display: block;
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
.principle .rule-box ul li {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
width: 220px;
height: 220px;
background-color: #fff;
border-radius: 50%;
border: 1px solid #C3CAD6;
color: #F58220;
font-weight: 700;
font-size: 18px;
text-align: center;
line-height: 28px;
}
.principle .rule-box ul li:nth-child(1) {top: 0; left: 0;}
.principle .rule-box ul li:nth-child(2) {top: 0; right: 0;}
.principle .rule-box ul li:nth-child(3) {bottom: 0; left: 0;}
.principle .rule-box ul li:nth-child(4) {bottom: 0; right: 0;}
.principle .rule-btn {display: flex; justify-content: center;}
.principle .btnPdf {
margin: 0 7px;
padding: 0 24px;
background-color: #fff;
border-radius: 10px;
border: 1px solid #C3CAD6;
}
.principle .btnPdf span {
display: flex;
justify-content: center;
align-items: center;
height: 64px;
padding-right: 28px;
background: url('/magi/assets/images/common/btn_search07.png') no-repeat 100% center;
color: #193D71;
font-size: 18px;
line-height: 26px;
}
.principle .rule-txt {width: 1410px; margin: 0 auto; padding: 115px 0 180px 90px;}
.principle .rule-txt h3 {font-size: 18px; line-height: 26px;}
.principle .rule-txt p {margin-top: 30px; font-size: 18px; line-height: 28px;}
.principle .rule-txt ol {margin-top: 40px;}
.principle .rule-txt ol li {font-size: 18px; line-height: 48px;}
.principle .rule-area {margin-bottom:-180px; padding: 175px 0 221px; background-color: #E4E9F4;}
.principle .rule-area h3 {
padding: 70px 0 30px;
color: #F58220;
font-weight: 700;
font-size: 20px;
text-align: center;
line-height: 28px;
}
.principle .rule-area p {
width: 1410px;
margin: 0 auto;
color: #193D71;
font-size: 40px;
text-align: center;
line-height: 56px;
}


/* 책임투자 : ESG 평가체계 */
.esgEvaluation .ctit {
width: 1410px;
margin: 171px auto 0;
color: #193D71;
font-size: 44px;
text-align: center;
line-height: 62px;
}
.esgEvaluation .text-sub {
width: 1410px;
margin: 15px auto 0;
color: #193D71;
font-size: 20px;
text-align: center;
line-height: 28px;
}
.agenda-box {
display: flex;
justify-content: space-between;
width: 1410px;
margin: 57px auto 0;
}
.agenda-box .flex {position: relative; width: 410px;}
.agenda-box .flex::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%; right: -56px;
width: 22px;
height: 44px;
background: url('/magi/assets/images/common/bullt_arrow_22x44.png') no-repeat 100% center;
}
.agenda-box .flex:first-child {
padding: 27px 55px 64px;
background-color: #fff;
border-radius: 24px;
}
.agenda-box h3 {
color: #193D71;
font-weight: 700;
font-size: 20px;
text-align: center;
line-height: 28px;
}
.agenda-box ol {padding: 46px 0 0;}
.agenda-box ol li {
display: flex;
align-items: center;
height: 78px;
padding: 0 0 0 94px;
border-top: 1px solid #E3E3E3;
font-size: 18px;
line-height: 26px;
}
.agenda-box ol li:first-child {border-top: 0;}
.agenda-box ol li em {
margin: 0 11px 0 0;
font-weight: 700;
font-size: 18px;
line-height: 26px;
}
.agenda-box ul.flex > li {
height: 225px;
margin-top: 24px;
padding: 27px 0 0;
background-color: #5786C5;
border-radius: 24px;
}
.agenda-box ul.flex > li:first-child {background-color: #E27625; margin-top: 0;}
.agenda-box ul.flex > li:last-child {background-color: #193D71;}
.agenda-box ul.flex > li h3 {
color: #fff;
font-weight: 700;
font-size: 20px;
line-height: 28px;
}
.agenda-box li .lst {display: flex; flex-wrap: wrap; padding: 14px 0 0 56px;}
.agenda-box li .lst > li {
width: 165px;
position: relative;
margin-top: 8px;
padding: 0 0 0 15px;
color: #fff;
line-height: 26px;
}
.agenda-box li .lst > li::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 12px; left: 0;
width: 5px;
height: 5px;
background-color: #fff;
border-radius: 50%;
}
.agenda-box .flex:last-child {
display: flex; 
justify-content: center; 
align-items: center;
background-color: #fff;
border-radius: 24px;
}
.agenda-box .flex:last-child::after {display: none;}
.agenda-box .result {
padding: 84px 0 0;
background: url('/magi/assets/images/common/bg_checked.png') no-repeat center top;
color: #F58220;
font-weight: 500;
font-size: 24px;
line-height: 34px;
}
.agenda-area {
width: 100%;
max-width: 1410px;
height: 800px;
margin: 60px auto 0;
background: url('/magi/assets/images/company/bg_agenda.png') no-repeat center center;
}
.agenda-area * { 
z-index: -10;
visibility: hidden;
position: absolute;
width: 0;
height: 0;
font-size: 0;
text-indent: -99999em;
line-height: 0;
}


/* 책임투자 : 스튜어드십코드 */
.stewardship {width: 100%; max-width: 1410px; margin: 0 auto;}
.stewardship .ctit {
margin-top: 171px;
color: #193D71;
font-size: 44px;
line-height: 62px;
text-align: center;
}
.stewardship .stit {
margin-top: 83px;
color: #193D71;
font-size: 24px;
line-height: 34px;
}
.stewardship .stit em {
display: block;
padding: 0 0 19px;
color: #D2D7E1;
font-size: 40px;
line-height: 48px;
}
.stewardship h4 {
margin-top: 58px;
font-weight: 700;
font-size: 20px;
line-height: 26px;
}
.stewardship h4 + p {margin-top: 11px !important;}
.stewardship h4 + .board_data {margin-top: 17px;}
.stewardship .board_data th {text-align: center !important;}
.stewardship h5 {
position: relative;
margin-top: 36px;
padding-left: 15px;
font-weight: 700;
line-height: 26px;
}
.stewardship h5::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 10px; left: 0;
width: 5px;
height: 5px;
background-color: #2B2F36;
border-radius: 50%;
}
.stewardship h5 + p {margin-top: 14px !important;}
.stewardship .text-sub {
margin-top: 15px;
color: #193D71;
font-size: 20px;
line-height: 28px;
text-align: center;
}
.stewardship .lst-mark {margin-top: 15px; text-align: right;}
.stewardship .lst-mark li {
color: #193D71;
font-size: 20px;
line-height: 28px;
}
.stewardship .txt {margin-top: 26px; line-height: 26px;}
.stewardship .txt + .btn-link {margin-top: 18px;}
.stewardship .txt .btn-link {margin: 0 5px;}
.stewardship .btn-link {
display: inline-block;
width: 94px;
height: 36px;
padding: 7px 0 0;
background-color: #fff;
border-radius: 5px;
border: 1px solid #C3CAD6;
color: #193D71;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: center;
}
.stewardship .list {margin-top: 26px;}
.stewardship .list > li {margin-left: 10px; text-indent: -10px;}
.stewardship .list-bullt {padding: 32px 0 0;}
.stewardship .list-bullt > li {
display: flex;
flex-direction: row;
align-items: center;
height: 137px;
margin-top: 10px;
background-color: #fff;
border-radius: 20px;
}
.stewardship .list-bullt > li h4  {
width: 316px;
margin: 0;
padding-left: 47px;
color: #193D71;
font-weight: 700;
font-size: 18px;
line-height: 26px;
}
.stewardship .list-bullt > li ul li {position: relative; margin: 12px 0; padding-left: 15px;}
.stewardship .list-bullt > li ul li::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 10px; left: 0;
width: 5px;
height: 5px;
background-color: #2B2F36;
border-radius: 50%;
}

.inContents * {transition: all 0.5s ease;}
/* 미디어쿼리 W : 1024 : 회사소개 START */
@media screen and (max-width: 1024px) {
    #container {padding-top: 120px;}
    #container .content-tit {width: 100%; margin: 0 auto 0; padding: 0 21px; font-size: 30px; line-height: 42px;}
    #container .content-tit.mcHide {display: none !important;}
    .inContents .ui_tabs1 {width: 100%; max-width: 100%;}

/* 미디어쿼리 W : 1024 - 미래에셋 자산운용 소개 */
    .summary br {display: none;}
    .summary .ctit {font-size: 40px; line-height: 48px;}
    .summary .ctits {margin-top: 87px; font-size: 24px; line-height: 34px;}
    .summary .text-sub,
    .summary .text-sub strong {font-size: 16px; line-height: 26px;}
    .summary .text-sub {margin-top: 58px;}
    .summary .imgs-map {margin: 60px 0 30px; padding: 0 11px;}
    .summary .imgs-map img {width: 100%;}
    .summary .text-exc {margin-top: 12px; padding: 0 11px; font-size: 14px; line-height: 24px;}
    .summary .lst-object {max-width: 100%; margin-top: 30px; padding: 0 11px}
    .summary .lst-object ul {flex-direction: column;}
    .summary .lst-object ul > li {
        width: 100%;
        height: auto;
        margin: 20px 0 0;
        padding: 38px 0 40px;
        background-position: center 71px;
        background-size: 100px 100px;
    }
    .summary .lst-object ul > li .tit {padding: 0; font-size: 16px; line-height: 24px;}
    .summary .lst-object ul > li .num {margin-top: 115px; font-size: 30px; line-height: 42px;}
    .summary .lst-object ul > li .btn .btn03_basisH30 {display:flex; justify-content:center; align-items:center;height:30px; padding:0 12px; border:1px solid#C3CAD6; color:#193D71; border-radius:5px; font-size:11px; font-weight:500;}
    .summary .lst-object ul > li .days {padding-top: 8px;}
    .summary .lst-object ul > li .days br {display: block;}
    .summary .sortation2 {margin-top: 60px; padding-top: 55px;}
    .summary .sortation2 .ctit {font-size: 40px;}
    .summary .imgs-chart {margin-top: 18px; padding: 0 21px 60px;}
    .summary .imgs-chart img {width: 100%;}
    .summary .sortation3 {padding-top: 55px;}
    .summary .sortation3 .text-exc br,
    .summary .sortation3 .ctits br,
    .summary .sortation3 .lst-etf .txt br {display:block;}
    .summary .lst-object .icon-etf > li {height: auto;}
    .summary .lst-etf {max-width: 100%; margin-top: 30px; padding: 0 11px 60px;}
    .summary .lst-etf ul {flex-direction: column;}
    .summary .lst-etf ul > li {width: 100%; height: auto; margin: 20px auto 0; padding: 21px 0 60px;}
    .summary .lst-etf ul > li:first-child {margin-top: 0;}
    .summary .lst-etf ul > li .tit {margin: 0 auto;}
    .summary .lst-etf ul > li .txt {padding: 30px 30px 0;}
    .summary .lst-etf ul > li .link-sec {position: static; padding: 37px 30px 0;}
    .summary .lst-etf ul > li .link-sec a {
        background: url('/magi/assets/images/common/bullt_arrow_12x12.png') no-repeat 100% 5px;
        color: #fff; 
        font-size: 14px; 
        line-height: 20px;
    }
    .summary .sortation4 {padding-top: 55px;}
    .summary .sortation4 .ctit {font-size: 40px;}
    .summary .lst-social {max-width: 100%; margin-top: 30px; padding: 0 11px 20px;height:auto;}
    .summary .lst-social ul {flex-direction: column;}
    .summary .lst-social ul > li{
        width: 100%;
        height: auto;
        margin: 20px 0 0;
        padding: 38px 0 40px;
        background-position: center 71px;
        background-size: 100px 100px;
    }
    .summary .lst-social ul > li .tit {padding: 0; font-size: 16px; line-height: 24px;}
    .summary .lst-social ul > li .per {margin-top: 115px; font-size: 30px; line-height: 42px;}
    .summary .lst-social ul > li .days {padding-top: 8px;}
    .summary .data-download {
        flex-direction: column;
        max-width: 100%;
        margin-top: 10px;
        padding: 0 11px;
    }
    .summary .data-download a {
        display: flex;
        width: 100%;
        margin: 10px 0 0 !important;
    }
    .network .ctit {
        width: 100%;
        margin-top: 56px;
        font-size: 30px;
        text-align: center;
        line-height: 40px;
    }
    .lst-network {width: 100%; padding: 0 21px;}
    .lst-network ul {display: block;}
    .lst-network ul > li {
        width: 100%;
        margin: 60px 0 0 !important;
    }
    .lst-network ul > li em {
        display: flex;
        justify-content: center;
        align-items: end;
        height: 124px;
        padding: 0 0 20px;
        background-position: 0 bottom;
        font-size: 24px;
        text-align: center;
    }

    .philosophy {width: 100%;}
    .philosophy .ctit {margin: 58px auto 0; font-size: 40px; text-align: center; line-height: 50px;}
    .philosophy .text-sub {margin-top: 55px; padding: 0 21px; font-size: 40px; line-height: 54px;}
    .philosophy .text-sub strong {font-size: 40px; line-height: 54px;}
    .philosophy .text-exc {margin: 0; padding: 0 21px; color: #193D71; font-size: 14px; line-height: 24px; text-align: center;}
    .philosophy .text-exc strong {display: block; color: #F58220; vertical-align: top;}
    .core-value {margin-top: 39px; padding: 0 21px;}
    .core-value > li {flex-direction: column; padding: 57px 0 60px;}
    .core-value > li strong {width: 100%; font-size: 24px; line-height: 34px;}
    .core-value > li .area em {margin-top: 17px; font-size: 18px; line-height: 34px;}
    .core-value > li .area p {margin: 0;}
    .philosophy .text {padding: 0 21px; margin-top: 12px; font-size: 14px; text-align: center; line-height: 24px;}
    .philosophy .text br {display: none;}
    .philosophy .lst-desc {
        flex-direction: column;
        padding: 0 11px;
    }
    .philosophy .lst-desc li {
        width: 100%;
        height: auto;
        margin: 20px 0 0;
        padding: 137px 0 49px;
        background-size: 100px 100px;
        background-position: center 30px;
    }
    .philosophy .text-exe {margin-top:27px; padding: 0 21px; font-weight: 500; font-size: 20px; line-height: 30px; color: #193D71; text-align: center;}
    .history {width: 100%; padding: 0 21px;}
    .history .ctit {
        margin-top: 55px;
        font-size: 40px;
        text-align: center;
        line-height: 50px;
    }
    .history .text-sub {
        margin-top: 17px;
        font-size: 16px;
        text-align: center;
        line-height: 26px;
    }
    .lst-his .acco {display: block; padding: 37px 0 40px;}
    .lst-his .acco .btnYear {
        display: block;
        width: 100%;
        font-size: 20px;
        text-align: left;
    }
    .lst-his .acco > .flex {min-width: 100%;}
    .lst-his .acco ul > li {display: block; margin-top: 38px;}
    .lst-his .acco ul > li + li {margin-top: 15px !important;}
    .lst-his .acco li > ul li:first-child {margin-top: 12px;}
    .lst-his .acco li > ul li li:first-child {margin-top: 0px;}
    .lst-his .acco li > ul li em {flex-shrink:0;}
/* 미디어쿼리 W : 1024 - 미래에셋 자산운용 소개 end */

/* 미디어쿼리 W : 1024 - Founder & GSO start */
    .gso-area {width: 100%; height: auto; background: none;}
    .gso-area .content-tit {width: 100%; margin-top:41px !important; font-size: 40px !important; line-height:56px !important;}
    .gso-area .content-tit span {display:block;}
    .gso-area .imgs {
        overflow:hidden;
        height:calc(100vh - 60px - 115px);
        background: url('/magi/assets/images/company/pic_ceo.png') no-repeat center bottom;
        background-size:cover
    }
    .lst-gso {position: static; padding: 57px 21px 0;}
    .lst-gso * {color: #2B2F36 !important;}
    .lst-gso h2 em {font-size: 24px; line-height: 30px;}
    .lst-gso h2 span {display: inline-block; font-size: 14px; vertical-align: -8px;}
    .lst-gso ul li em {flex-shrink:0;  font-size: 14px;}
    .lst-gso ul li p {font-size: 14px;}
    .gso-area .popopVideo,
    .gso-area .popupClick {
        position: static;
        margin: 60px 21px 0;
        width: calc(100% - 42px);
        height: 60px;
        font-size: 16px;
    }
    .gso-area .popupClick + .popopVideo {margin-top: 20px;}
    .lst-ache {width: 100%; padding: 30px 0 0;}
    .lst-ache li {padding: 56px 15px 60px;}
    .lst-ache li h3 {margin-top: 10px; font-size: 30px; line-height: 42px;}
    .lst-ache .text-first {font-size: 20px; line-height: 30px;}
    .lst-ache .text-mid {margin-top: 29px; font-size: 14px; line-height: 24px;}
/* 미디어쿼리 W : 1024 - Founder & GSO end */

/* 미디어쿼리 W : 1024 - 재무현황 */
    .financial .flex-box {
        display: block;
        width: 100%;
        margin: 57px auto 0;
        padding: 0 21px;
    }
    .financial .flex {align-items: center; padding-top: 0;}
    .financial .smaller-tit {font-size: 18px; line-height: 26px;}
    .financial .flex-box .space {width: 100%; margin: 0;}
    .financial .flex-box .between {width: 100%; margin: 87px auto 0;}
    .financial .flex-box .board_data {padding: 0;}
    .financial .flex-box [class*="board_data"] table tbody td {padding-right: 5px;}
    .financial [class*="board_data"] table thead th {font-size: 12px; line-height: 18px;}
    .financial [class*="board_data"] table tbody th,
    .financial [class*="board_data"] table tbody td {font-size: 14px;}
    .financial .board_data .sum th, 
    .financial .board_data .sum td {font-size: 14px !important; font-weight: 300;}
    .financial .board_data .important {font-size: 14px !important;}

/* 미디어쿼리 W : 1024 - 채용정보 : 채용안내 : 채용 프로세스*/
    .inContents .process {width: 100%;}
    .inContents .ui_tabs1 {margin-top:25px;}
    .inContents .ui_tabs1 .flex {padding:0;}
    .inContents .ui_tabs1 .tab {display: flex; justify-content: center; align-items: center;}
    .inContents .tag-sort {padding:0; background:none;}
    .inContents .tag-sort .btn {width:auto; border-bottom: 4px solid transparent;}
    .inContents .tag-sort .btn.on {border-color:#DF6D1B; color:#193D71;}
    .process .ctit {margin-top: 56px; font-size: 30px; line-height: 40px;}
    .order-step {
        justify-content:flex-end;
        flex-wrap: wrap;
        width: 348px;
        margin: 0 auto 0;
    }
    .order-step li {width: calc(100% / 3); width: 102px; height: 102px; margin: 14px 7px 0;}
    .order-step li:nth-child(1) {order:1;}
    .order-step li:nth-child(2) {order:2;}
    .order-step li:nth-child(3) {order:3;}
    .order-step li:nth-child(4) {order:6;}
    .order-step li:nth-child(5) {order:5;}
    .order-step li:nth-child(6) {order:4;}
    .order-step li:nth-child(7) {order:7;}
    .order-step li:nth-child(8) {order:8;}
    .order-step li:nth-child(9) {order:9;}
    .order-step li:nth-child(10) {order:10;}
    .order-step li:nth-child(3):before,
    .order-step li:nth-child(6):before,
    .order-step li:nth-child(9):before {left: 50%; width: 1px; height: 100%;}
    .order-step li:nth-child(4):before,
    .order-step li:nth-child(5):before {left: auto; right: 0;}
    .order-step li:nth-child(10):before {display:none;}
    .order-step li span {
        width: 100%;
        height: 100%;
        padding: 62px 0 0;
        background-position: center 24px;
        background-size: 34px 34px;
        font-weight: 400;
        font-size: 12px;
        letter-spacing: 0;
    }
    .lst-guide {flex-direction: column; padding: 0 21px;}
    .lst-guide li {
        width: 100%;
        max-width: 100%;
        /* min-height: 160px; */
        height: auto;
        padding: 37px 20px 40px 30px;
    }
    .lst-guide li h3 {font-size: 18px; text-align: left; line-height: 22px;}
    .lst-guide li p {margin-top: 10px; font-size: 14px; line-height: 24px;}
    .process .exc {margin-top: 28px; padding: 0 18px; text-align: left;}
    
/* 미디어쿼리 W : 1024 - 채용정보 : 채용안내 : 채용FAQ */
.faq [class*="board_page"] > div {padding: 40px 0 0;}
    .faq .swiper-wrapper {display: flex;}
    .faq .ui_boardList {padding: 0;}
    .faq [class*="ui_boardList"] .result .total strong {font-size: 16px; line-height: 24px; vertical-align: top;}
    .faq .qna-lst {width: 100%; padding: 55px 0 0;}
    .faq .qna-lst > ul > li {
        margin: 5px 0 0;
        padding: 0 21px 0 20px;
        border-radius: 0;
    }
    .faq .qna-lst > ul > li:first-child {margin-top: 0;}
    .faq .qna-lst > ul > li > div::before {font-size: 24px; line-height: 34px;}
    .faq .tag-search + .titbox {margin-top: 30px;}
    .faq .titbox + .qna-lst {padding: 0;}
    .faq .qna-lst > ul > li > div p {display: block; margin-left: 38px;}
    .faq .qna-lst > ul > li .question {padding: 28px 50px 30px;}
    .faq .qna-lst > ul > li .question::after {width: 40px; height: 40px; background-size: 40px 40px !important;}
    .faq .qna-lst > ul > li .question p {margin-left: 0; font-size: 16px; line-height: 22px;}
    .qna-lst > ul > li.on .question {padding: 28px 50px 30px 38px;}
    .faq .qna-lst > ul > li .answer {padding: 15px 0 60px;}
    .faq .qna-lst > ul > li .answer::after {left: 0; width: calc(100% - 38px);}
    .faq .qna-lst > ul > li .answer::before {top: 14px;}
    .faq .qna-lst > ul > li .answer p {font-size: 14px; line-height: 26px;}
    .faq .qna-lst > ul > li .answer p a {text-decoration: underline;}
    .faq .banner-kakao {width:auto; margin: 60px 21px 0; padding: 27px 20px 30px;}
    .faq .banner-kakao h2 {font-size: 18px;}
    .faq .banner-kakao p {font-size: 14px; line-height: 24px; letter-spacing: 0;}
    .faq .banner-kakao .btn {position: static; width: 100%; margin-top: 30px;}

/* 미디어쿼리 W : 1024 - 채용정보 : 인사제도 : 인사제도&인재상 */
    .institution .ctit {margin-top: 56px; font-size: 30px; line-height: 40px;}
    .institution .lst-policy {flex-direction: column; width: 100%; margin-top: 23px; padding: 0 11px;}
    .institution .lst-policy li {width: 100%; height: 392px; margin-top: 40px; padding-top: 259px;}
    .institution .lst-policy li:before {height:232px; background-size: cover;}
    .institution .lst-policy li::after {width: 4px; height: 4px;}
    .institution .lst-policy li:first-child {margin-top: 0;}
    .institution .lst-policy li h3 {font-size: 18px; line-height: 26px;}
    .institution .lst-policy li p {margin-left:52px; line-height: 20px;}
    .institution .lst-system {flex-direction: column; width: 100%; margin-top: 19px;}
    .institution .lst-system li {width: 280px; height: 280px; margin: 0 auto -55px;}
    .institution .lst-system li:last-child {margin-bottom: 0;}
    .institution .lst-system li h3 {font-size: 16px; line-height: 18px;}
    .institution .lst-system li p {font-size: 24px; line-height: 34px;}
    .institution .comp-area {margin-top: 60px; padding: 56px 0 60px;}
    .institution .comp-area .ctit {margin-top: 0;}
    .institution .comp-area .text-sub {margin-top: 12px; font-size: 14px; line-height: 24px; letter-spacing: 0;}
    .institution .comp-area ul {flex-direction: column; width: 100%; margin-top: 30px; padding: 0 11px;}
    .institution .comp-area ul li {
        width: 100%; 
        height: 280px;
        margin: 0;
        padding-top: 158px;
        background-position: center 60px;
        background-size: 60px 60px;
        font-size: 16px;
        line-height: 26px;
    }
    .institution .comp-area ul li + li {margin-top: 110px;}
    .institution .talent-area {margin-bottom: -100px; padding: 56px 11px 88px;}
    .institution .talent-area .text-sub span {padding: 49px 0 52px; font-size: 26px; line-height: 36px;}
    .institution .talent-area .text-sub span::before, 
    .institution .talent-area .text-sub span::after {
        width: 30px;
        height: 28.5px;
        background-size: 100% 100%;
        transform: translateX(-50%);
    }
    .institution .talent-area .text-sub span::before {left: 50%;} 
    .institution .talent-area .text-sub span::after {right: auto; left: 50%;}
    .institution .talent-area .text-subs {position: static; top: 0; margin-top: 23px;}
    .institution .talent-area ul {width:100%; height: auto; margin-top: 0; background: none;}
    .institution .talent-area ul li {position: static; margin-top: 58px; padding: 0 10px; text-align:center; transform:none;}
    .institution .talent-area ul li strong {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 80px;
        margin: 0 -10px 20px;
        border-radius: 50px;
        color: #fff;
        font-size: 20px;
        text-indent: 0;
        line-height: 26px;
    }
    .institution .talent-area ul li:nth-child(odd) strong {background-color: #D96600;}
    .institution .talent-area ul li:nth-child(even) strong {background-color: #193D71;}
    /* .institution .talent-area br {display: none;} */
    

/* 미디어쿼리 W : 1024 - 채용정보 : 인사제도 : 복리후생 */
    .welfare .lst-bene {
        flex-direction: column;
        width: 100%;
        padding: 50px 21px 0;
    }
    .welfare .lst-bene li {
        width: 100%;
        max-width: 100%;
        min-height: 134px;
        height: auto;
        margin: 10px 0 0;
        padding: 37px 20px 40px 40px;
    }
    .welfare .lst-bene li h2 {
        font-size: 18px;
        text-align: left;
        line-height: 22px;
    }
    .welfare .lst-bene li p {
        margin-top: 12px;
        font-size: 14px;
        letter-spacing: 0;
    }

/* 미디어쿼리 W : 1024 - 회사소개 : 오시는 길 */
    #container .content-tit-desc {margin:7px 0 0 0; padding: 0 21px; font-size:16px; line-height:26px;}
    #container .location .content-tit {margin-top:56px;}
    .map .ctit {display: block;}
    .map .lst-way {display:block; width: 100%; margin-top: 27px; padding: 0 21px;}
    .map .lst-way li {margin:18px 0 0 0 !important;}
    .map .lst-way li,
    .map .lst-way li .tit {font-size: 16px; line-height: 24px;}
    .map .lst-way li:last-child {margin-top: 20px;}
    .map .lst-way li em {flex-shrink:0;}
    .map .lst-way li [class^="subway"] {margin-top:-5px;}
    .map .lst-way li div span {display:block; padding:0;}
    .map .lst-way li div span + span {margin-top:12px;}
    .map .lst-way li div span:after {display:none;}
    .map .map-area {margin:40px 0 -100px 0;}


/* 미디어쿼리 W : 1024 - 책임투자 : ESG전략개요 */
    .esgStrategy .ctit {margin-top:57px; font-size: 40px; line-height: 56px;}
    .esgStrategy .ctit span {font-size: 20px; line-height: 28px;}
    .esgStrategy .text-sub br {display:block;}
    .esgStrategy .text-sub,
    .esgStrategy .text-sub span {font-size: 16px;}
    .esgStrategy .text-sub {margin-top: 11px; padding:0 30px;}
    .esgStrategy .text-sub + p {margin-top: 12px;}
    .lst-strategy {max-width: 100%; padding: 0 11px;}
    .lst-strategy li {width: 100%; margin-top:58px;}
    .lst-strategy li:first-child {margin-top: 105px;}
    .lst-strategy .area {display:block; padding:0 10px;}
    .lst-strategy .area .imgs {display:block; margin:0 -10px;}
    .lst-strategy .area .imgs img {width: 100%;}
    .lst-strategy .area h3 {margin-top:27px; font-size: 20px; line-height: 28px;}
    .lst-strategy .area p {font-size: 16px; line-height: 26px;}
    .load-map {overflow: hidden; margin:58px 0 -100px 0; padding: 0 15px 100px 21px;}
    .load-map .list {
        flex-direction: column;
        padding: 0;
        background: url('/magi/assets/images/company/bg_arrow_m_22x303.png') no-repeat 49px 130px;
    }
    .load-map .list > li {display: flex; align-items: center; height: 200px;}
    .load-map .list > li .flex {padding: 0 0 0 40px;}
    .load-map .circle {min-width: 120px; width: 120px; height: 120px;}
    .load-map .circle:before {display:none;}
    .load-map .circle-inner {width:inherit; height:inherit;}
    .load-map li:nth-child(1) .circle {border:none;}
    .load-map .circle em {font-size: 12px; line-height: 14px;}
    .load-map .circle span {font-size: 20px; line-height: 26px; margin-top: 0;}
    .load-map .list h3 {font-size: 16px; margin: 0;}
    .load-map .list ul {padding-top: 5px;}
    .load-map .list ul li {font-size: 12px; line-height: 18px; margin-top: 8px;}
    .load-map .list ul li::after {top: 7px;}


/* 미디어쿼리 W : 1024 - 책임투자 : 책임투자정책 */
    .principle .text-sub,
    .principle .text-sub strong {font-size: 20px; line-height: 30px;}
    .principle .text-sub {margin-top: 57px;}
    .principle .text-sub + p {margin-top: 17px;}
    .principle .rule-box {width: 340px; height: 340px; margin: 60px auto;}
    .principle .rule-box p {width: 273px; height: 273px; font-size: 20px; line-height: 24px;}
    .principle .rule-box p span {margin-top: 8px; font-size: 12px; line-height: 18px; letter-spacing: 0;}
    .principle .rule-box ul li {width: 110px; height: 110px; font-size: 12px; line-height: 16px;}
    .principle .rule-txt {width: 100%; padding: 87px 21px 50px;}
    .principle .rule-txt p {font-size: 16px;}
    .principle .rule-txt ol li {margin-top: 25px; font-size: 16px; line-height: 26px;}
    .principle .rule-area {margin-bottom:-100px; padding: 60px 21px;}
    .principle .rule-area h3 {padding: 30px 0 15px;}
    .principle .rule-area p {width: 100%; padding: 0 21px; font-size: 20px; line-height: 30px;}
    .principle .rule-area .rule-btn {flex-wrap: wrap;}
    .principle .rule-area .rule-btn a {width: calc(50% - 10px); margin: 10px 10px 0 0;}
    .principle .rule-area .rule-btn a:nth-child(even) {margin-right: 0;}
    

/* 미디어쿼리 W : 1024 - 책임투자 : ESG 평가체계 */
    .esgEvaluation .ctit {width: 100%; margin-top: 55px; font-size: 40px; line-height: 56px;}
    .esgEvaluation .text-sub {width: 100%; font-size: 16px; line-height: 26px;}
    .agenda-box {
        flex-direction: column;
        width: 100%;
        padding: 0 11px;
    }
    .agenda-box .flex {width: 100%;}
    .agenda-box .flex::after {
        top: auto; bottom: -46px; right: auto; left: 50%;
        transform: translateX(-50%);
        width: 44px;
        height: 22px;
        background: url('/magi/assets/images/common/bullt_arrow_44x22.png') no-repeat center center;
    }
    .agenda-box .flex:first-child {
        margin: 0 0 60px;
        padding: 27px 0 0;
    }
    .agenda-box h3 {font-size: 24px; line-height: 34px;}
    .agenda-box ol {
        display: flex;
        padding: 27px 0 40px;
    }
    .agenda-box ol li {
       flex-direction: column;
       width: calc(100% / 7);
       height: 70px;
       padding: 0;
       border: 0;
       border-left: 1px solid #E3E3E3;
       font-size: 14px;
       line-height: 20px;
       text-align: center;
       word-break: break-all;
    }
    .agenda-box ol li em {margin: 0;}
    .agenda-box li .lst {padding: 14px 0 0 40px;}
    .agenda-box .flex:last-child {height: 225px; margin-top: 62px;}
    .agenda-box + .ctit {margin-top: 85px;}
    .agenda-area {
        max-width: 100%;
        height: 752px;
        margin-top: 45px;
        background: url('/magi/assets/images/company/bg_agenda_m.png') no-repeat center center;
    }
    .agenda-box li .lst > li {width: calc(100% / 2);}    


/* 미디어쿼리 W : 1024 - 책임투자 : 스튜어드십코드 */
    .stewardship {max-width: 100%;}
    .stewardship .ctit {margin-top: 57px; padding: 0 21px; font-size: 20px; line-height: 30px;}
    .stewardship .stit {padding: 0 21px; font-size: 20px; line-height: 30px;}
    .stewardship h4 {padding: 0 21px;}
    .stewardship h5 {margin-left: 21px; padding: 0 21px 0 15px;}
    .stewardship .text-sub {padding: 0 21px; font-size: 16px; line-height: 26px;}
    .stewardship .lst-mark {padding: 0 21px; text-align: right;}
    .stewardship .lst-mark li {font-size: 16px; line-height: 26px;}
    .stewardship .txt {padding: 0 21px;}
    .stewardship .txt + .btn-link {margin-left: 21px;}
    .stewardship .list {padding: 0 21px;}
    .stewardship .list-bullt {margin: 0 11px;}
    .stewardship .list-bullt > li {
        flex-direction: column;
        align-items: baseline;
        min-height: 230px;
        height: 100%;
        padding: 37px 20px 40px 30px;
    }
    .stewardship .list-bullt > li h4 {
        padding: 0;
    }
    .stewardship [class*="board_data"] {padding: 0 21px;}
    .stewardship [class*="board_data"] table thead th,
    .stewardship [class*="board_data"] table tbody td {font-size: 13px; line-height: 18px; white-space: normal;}
    .stewardship [class*="board_data"] table thead th:first-of-type{width:15%;}
}
/* 미디어쿼리 W : 1024 : 회사소개 END */


/* 연금 : 공통 */
#container.pension {width: 100%; max-width: 1410px; margin: 0 auto;}
.pension .ctit-box {padding: 0 0 59px; border-bottom: 2px solid #193D71;}
.pension .ctit-box h2 {
position: relative;
margin-top: 85px;
padding: 40px 0 0;
color: #1C3E70;
font-size: 66px;
line-height: 80px;
}
.pension .ctit-box h2::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 0; left: 0;
width: 36px;
height: 33px;
background: url('/magi/assets/images/annuity/ico_commas.png') no-repeat center center;
}
.pension .ctit-box p {margin-top: 36px; font-weight: 500; font-size: 24px; line-height: 36px;}
.pension .ctit-box p span {font-weight: 500; font-size: 24px; line-height: 36px; display: block; color: #DF6D1B;}
.pension .btit {margin: 115px auto 0; color: #1C3E70; font-size: 42px; line-height: 52px;}
.pension .btit strong {color: #F58220; font-size: 42px; line-height: 52px; vertical-align: top;}
.pension .mtit {margin-top: 55px; font-size: 30px; line-height: 40px;}
.pension .stit {margin-top: 87px; font-size: 24px; line-height: 34px;}
.pension .sctit {margin-top: 55px; font-size: 26px; line-height: 36px; text-align: center;}
.pension .sctit + .imgs {margin-top: 20px;}
.pension .txt {margin-top: 36px; font-size: 18px; line-height: 24px;}
.pension .txt-sub {margin-top: 39px; font-size: 24px; line-height: 36px;}
.pension .txt-sub .f-bold {font-size:inherit; vertical-align:initial;}
.pension .txt-sub + p {margin-top: 30px;}
.pension .txt-desc {margin: 15px auto 0; color: #6A7180; font-size: 14px; line-height: 20px; letter-spacing: 0;}
.pension .txt-desc + .txt-desc {margin-top: 9px;}
.pension .imgs {margin-top: 55px;}
.pension [class*="imgs"] + .txt-desc {margin-top: 29px;}
.pension .list-bullt li {position: relative; padding-left: 15px;}
.pension .list-bullt li::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 10px;
left: 0;
width: 5px;
height: 5px;
background-color: #2B2F36;
border-radius: 50%;
}
.pension .board_data + .list-bullt {margin-top: 28px;}
.pension .board_data th {text-align: center !important;}
.pension .ui_btn-basis2.w250 {width: 250px !important;}
/* 연금 : 연금제도 알아보기 : 퇴직연금 & 개인연금 */
.retirement .txt-bold {margin-top: 27px; color: #DF6D1B; font-weight: 700; font-size: 18px; line-height: 24px;}
.retirement .txt-bold + .txt {margin-top: 16px;}
.retirement .imgs-table {margin-top: 39px;}
.retirement .imgs-chart {
display: flex;
justify-content: space-between;
align-items: center;
padding: 57px 40px 59px;
margin: 39px auto 0;
background-color: #fff;
border-radius: 24px;
}
.retirement .imgs-chart ul {
display: flex;
justify-content: center;
width: 650px;
height: 219px;
padding: 30px 0;
background-color: #F4F6F8;
border-radius: 10px;
}
.retirement .imgs-chart ul li {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
width: 100%;
font-size: 0;
line-height: 0;
text-align: center;
}
.retirement .imgs-chart ul li:last-child {border-left: 1px solid #D2D7E1;}
.retirement .imgs-chart ul li h6 {margin-top: 21px; font-size: 14px; line-height: 20px;}
.retirement .imgs-chart ul li p {margin-top: 30px; font-size: 18px; line-height: 26px;}
.retirement .imgs-chart ul li:last-child p {margin-top: 35px; color: #1C3E70; font-size: 30px; line-height: 34px;}

.personal img, .retirement img{width:100%;}
.retirement .imgs-chart img{width:660px;}

.imgs-irp {margin-top: 99px;}
.imgs-irp h5 {margin-top: 57px; font-size: 18px; line-height: 22px;}
.imgs-irp ul {margin-top: 17px;}
.list-irp {display: flex; flex-wrap: wrap;}
.list-irp > li {
width: calc(100% / 2 - 15px);
height: 388px;
margin: 30px 30px 0 0;
padding: 20px;
background-color: #fff;
border-radius: 24px;
font-size: 0;
line-height: 0;
}
.list-irp li:nth-child(even) {margin-right: 0;}
.list-irp li h5 {
display: flex;
align-items: center;
height: 78px;
padding-left: 20px;
background-color: #DFE3EB;
border-radius: 10px;
font-size: 24px;
line-height: 34px;
}
.list-irp li h6 {margin: 37px 0 0 40px; color: #F58220; font-size: 18px; line-height: 22px;}
.list-irp li ul {margin: 16px 0 0 40px;}
.list-irp li ul li {padding: 0 0 0 11px; font-size: 18px; line-height: 28px;}
.list-irp li p {margin: 28px 0 0 53px; color: #8C94A3; font-size: 14px; line-height: 22px; text-indent: -13px;}
.personal .txt-exc {padding: 57px 0 39px; font-size: 18px; line-height: 28px;}
.personal .imgs-mz40 {margin-top: 40px;}
.shortcut-link {
overflow: hidden;
min-height: 463px;
margin: 120px auto 0;
padding: 87px 60px 90px;
background-color: #E5EDF8;
border-radius: 24px;
text-align: center;
}
.shortcut-link .line {margin-top: 60px; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.shortcut-link .txt-color1 {font-weight: 700; font-size: 24px; line-height: 34px;}
.shortcut-link .txt-color2 {margin-top: 55px; color: #193D71; font-size: 42px; line-height: 56px;}
.shortcut-link .txt-color3 {margin-top:12px; font-weight: 700; color: #D96600; font-size: 42px; line-height: 56px;}
.shortcut-link .txt-color3 a {font-size:48px; line-height:56px;}
.shortcut-link .txt-color3 a:after {content:''; display:inline-block; width:61px; height:61px; background-image:url(../images/annuity/bl_shortcut_arrow.png); background-size:61px 61px; vertical-align:-13px;}
.shortcut-link .ui_btn-basis2 {min-width: 210px !important; height: 44px; margin: 51px auto 0; border-radius: 6px;}
.shortcut-link .ui_btn-basis2 span {font-size: 14px; line-height: 20px; letter-spacing: 0;}
/* 연금 : 연금투자 방법 : 연금상품 운용원칙 */
.list-rule li {position: relative; margin-top: 65px; padding-left: 120px; font-size: 0; line-height: 0;}
.list-rule li::after {
content: '';
display: block;
clear: both;
position: absolute;
top: -6px; left: 0;
color: #193D71;
font-weight: 700;
font-size: 60px;
line-height: 70px;
}
.list-rule li:nth-child(1):after {content: '1';}
.list-rule li:nth-child(2):after {content: '2';}
.list-rule li:nth-child(3):after {content: '3';}
.list-rule li:nth-child(4):after {content: '4';}
.list-rule li:nth-child(5):after {content: '5';}
.list-rule li h3 {margin: 0 !important;}
.list-rule li p,
.list-rule li p strong {font-size: 18px; line-height: 32px;}
.list-rule li p {margin-top: 19px;}
.list-rule li p strong {color: #DF6D1B; font-weight: 700; vertical-align: top;}
.round-breakup + .mtit {margin-top: 86px;}
.round-breakup {margin-top: 60px; padding: 60px 40px; background-color: #fff; border-radius: 24px;}
.round-breakup p {font-size: 18px; line-height: 32px;}
.round-breakup p + p {margin-top: 30px;}
.feature .txt-type {margin-top: 39px; font-size: 18px; line-height: 32px;}
.pension .tit-table {padding: 56px 0 39px; font-size: 26px; line-height: 38px; text-align: center;}
/* 연금 : 연금투자 방법 : 내게 맞는 연금 상품은? */
.forMe .txt {font-size: 24px; line-height: 36px;}
.forMe .imgs {text-align: center;}
.forMe .imgs img {width: auto;}
/* 연금 : 연금투자 방법 : 인출 설계 전략 */
/* 연금 : 연금투자 방법 : 연금 대표 미래에셋 TDF */
.allocation .ui_btn-basis2 {min-width: 450px; width: auto;}
.list-tdf {padding: 50px 0 0;}
.list-tdf > li {
position: relative;
margin-top: 40px;
padding: 56px 30px 60px 240px;
background-color: #fff;
border-radius: 24px;
}
.list-tdf > li::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%; left: 90px;
transform: translateY(-50%);
width: 70px;
height: 70px;
background-repeat: no-repeat;
background-position: center center;
}
.list-tdf > li:nth-child(1)::after {background-image: url(/magi/assets/images/annuity/ico_tdf01.png);}
.list-tdf > li:nth-child(2)::after {background-image: url(/magi/assets/images/annuity/ico_tdf02.png);}
.list-tdf > li:nth-child(3)::after {background-image: url(/magi/assets/images/annuity/ico_tdf03.png);}
.list-tdf > li h4 {font-size: 26px; line-height: 32px;}
.list-tdf ul {padding: 19px 0 0;}
.list-tdf ul li {font-size: 18px; line-height: 32px;}

.allocation .list-bullt {padding-top: 24px;}
.allocation .list-bullt li {margin-top: 12px; font-size: 18px;}
.strategies {position: relative; width: 1410px; margin: 0 auto;}
.strategies .round {display: flex; flex-wrap: wrap; padding: 9px 0 0;}
.strategies .round > li {
width: calc(100% / 2 - 30px);
min-height: 349px;
margin: 40px 30px 0 0;
padding: 65px 40px 59px;
background-color: #fff;
border-radius: 24px;
}
.strategies .round > li:nth-child(even) {margin-right: 0;}
.strategies h5 {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 410px; left: calc(50% - 15px);
transform: translateX(-50%);
width: 450px;
height: 100px;
background-color: #DF6D1B;
border-radius: 50px;
color: #fff;
font-size: 36px;
line-height: 46px;
}
.strategies.tif h5 {top: 550px;}
.strategies h6 {
color: #DF6D1B;
font-weight: 400;
font-size: 36px;
line-height: 46px;
text-align: center;
}
.strategies .tit {
margin-top: 16px;
display: block;
color: #193D71;
font-size: 24px;
line-height: 34px;
text-align: center;
}
.strategies p {margin-top: 18px; color: #2B2F36; font-size: 14px; line-height: 22px;}
.allocation .imgs {margin-top: 91px; text-align: center;}
.allocation .txt {line-height: 32px;}
.allocation .video {overflow: hidden; margin-top: 60px; border-radius: 24px;}
.allocation .video-txt { margin-top: 29px; color: #6F7685;}
.allocation .video-txt span {margin-right: 40px; color: #6F7685; font-size: 14px; line-height: 20px; letter-spacing: 0;}
.allocation [class*="ui_boardList-small"] {margin-top: 56px;}
.allocation [class*="ui_boardList-small"] .sector.active {background-color: #fff;}
.allocation [class*="ui_boardList-small"] .sector:last-child {border-bottom: 0;}
.allocation [class*="ui_boardList-small"] .sector .flex {display: flex;}
#container.pension .reference {margin-top: 90px;}
.round-box-txt {margin-top: 60px; padding: 60px 40px; background-color: #EDEFF3; border-radius: 24px;}
.round-box-txt .txt {margin-top: 0;}
.round-box-txt .txt + .txt {margin-top: 30px;}
.round-box-txt .video-txt {margin-top: 39px;}
.pension .tit-center {padding: 55px 0 0; font-size: 26px; line-height: 36px; text-align: center;}
.pension .txt-right {margin-top: 5px; font-size: 14px; line-height: 30px; text-align: right;}
.pension .txt-right + .board_data {margin-top: 15px;}
.pension .board_data .left {padding-left: 40px;}
.pension .board_data .lb {
display: inline-block;
width: 62px;
height: 26px;
margin-right: 15px;
border-radius: 13px;
color: #fff;
font-weight: 500;
font-size: 12px;
line-height: 24px;
text-align: center;
vertical-align: top;
}
.pension .board_data .primary {background-color: #DF6D1B;}
.pension .board_data .secondary {background-color: #043B72;}
.pension .board_data .materials {background-color: #4277C7;}
.pension .board_data .estate {background-color: #BA5D00;}
.pension .text-lb {display: flex; justify-content: end; margin: 0 0 15px; font-size: 14px; line-height: 20px; letter-spacing: 0;}
.pension .text-lb .tooltip-layer {display: flex; margin: 0 5px 0 0;}
.pension .text-lb .tooltip-layer .list-bullt {padding: 0;}
.pension .text-lb .tooltip-layer .list-bullt li {font-size: 14px; line-height: 20px;}
.pension .txt_axis + .imgs {margin-top: 25px;}

/* 연금 : 투자와 연금센터 */
.list-thum {display: flex; flex-wrap: wrap;}
.list-thum li {width: 258px !important; margin: 60px 30px 0 0; font-size: 0; line-height: 0;}
.list-thum li:nth-child(5n) {margin-right: 0 !important;}
.list-thum li a {display: block;}
.list-thum li a .imgs {margin: 0 0 20px; text-align: center;}
.list-thum li a .imgs img {width: 100%; border-radius: 24px;}
.list-thum li a span {display: block;}
.list-thum li a .tit {
    display: inline; padding-right: 30px; font-weight: 700; font-size: 20px; line-height: 30px;
    background: url('/magi/assets/images/common/bullt_tiger_12x12.png') no-repeat 100% center;
    word-break: break-all;
}
.list-thum li a .txt {margin-top: 5px; font-size: 14px; line-height: 18px; color: #6F7685;}
.pension [class*="board_page"] > div {padding-top: 88px;}

.list-boxs01 h4 {margin-top: 56px; font-size: 26px; line-height: 38px; text-align: center;}
.list-boxs01 > ul {display: flex; margin-top: 39px;}
.list-boxs01 > ul > li {
    opacity: 0.9;
min-width: calc(100% / 3 - 60px);
width: calc(33% + 30px);
height: 257px;
margin-right: -30px;
padding: 55px 0 0;
border-radius: 129px;
font-size: 0;
line-height: 0;
}
.list-boxs01 > ul > li:nth-child(1) {background-color: #193D71;}
.list-boxs01 > ul > li:nth-child(2) {background-color: #DF6D1B;}
.list-boxs01 > ul > li:nth-child(3) {background-color: #4177C7; margin-right: 0;}
.list-boxs01 > ul > li h5 {color: #fff; font-size: 42px; line-height: 54px;text-align: center;}
.list-boxs01 .list-bullt {padding-left: 60px;}
.list-boxs01 .list-bullt li {margin-top: 6px; padding-left: 11px; color: #fff; font-weight: 500;}
.list-boxs01 .list-bullt li::after {background-color: #fff;}
.list-boxs02 {padding: 0 0 24px;}
.list-boxs02 h4 {padding: 56px 0 39px; font-size: 26px; line-height: 38px; text-align: center;}
.list-boxs02 h5 {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
background-color: #193D71;
border-radius: 50px;
color: #fff;
font-size: 22px;
line-height: 32px;
}
.list-boxs02 h6 {margin: 37px 0 0 54px; font-size: 18px; line-height: 24px;}
.list-boxs02 .lst {display: flex;}
.list-boxs02 .lst > li {
position: relative;
width: calc(100% / 3);
padding: 0 14px 0 15px;
font-size: 0;
line-height: 0;
}
.list-boxs02 .lst > li:first-child {padding-left: 0;}
.list-boxs02 .lst > li::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 130px; left: 0;
width: 1px;
height: 109px;
background-color: #D2D7E1;
}
.list-boxs02 .lst > li:first-child:after {display: none;}
.list-boxs02 .list-bullt {padding: 12px 0 0 54px;}
.list-boxs02 .list-bullt li {margin-top: 4px;}
.list-boxs03 h4 {padding: 56px 0 39px; font-size: 26px; line-height: 38px; text-align: center;}
.list-boxs03 ul {display: flex;}
.list-boxs03 ul li {
width: calc(100% - 60px);
height: 450px;
margin-right: 30px;
padding-top: 144px;
border-radius: 50%;
font-size: 0;
line-height: 0;
text-align: center;
}
.list-boxs03 ul li:nth-child(1) {background-color: #193D71;}
.list-boxs03 ul li:nth-child(2) {background-color: #DF6D1B;}
.list-boxs03 ul li:nth-child(3) {background-color: #4277C7; margin-right: 0;}
.list-boxs03 ul li h5 {color: #fff; font-size: 42px; line-height: 54px;}
.list-boxs03 ul li p {padding-top: 63px; color: #fff; font-weight: 500; font-size: 18px; line-height: 26px;}

/* 우리아이펀드 : 공통 */
.fund br {display: none;}
#container .reference {width: 1410px; margin: 117px auto 0;}
#container .reference p {color: #D93B3B; font-weight: 700; font-size: 24px; line-height: 34px;}
#container .reference .list-bullt li {font-size: 16px;}
#container .reference .list-bullt li p {margin-top: 7px; color: #8C94A3; font-weight: 400; font-size: 14px; line-height: 20px;}
.fund .list-bullt {padding: 16px 0 0;}
.fund .list-bullt li {position: relative; margin-top: 12px; padding-left: 15px;}
.fund .list-bullt li::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 10px;
left: 0;
width: 5px;
height: 5px;
background-color: #2B2F36;
border-radius: 50%;
}
.fund .imgs {margin-top: 120px;}
.fund .imgs img {width: 100%;}
.fund .btit {margin-top: 85px; font-size: 30px; line-height: 40px;}
.fund .ui_btn-basis2 {margin: 59px auto 0; border-radius: 6px;padding-left:20px;padding-right:20px;box-sizing: content-box;width:auto;max-width:350px;}
.fund .ui_btn-basis2 span {font-size:18px; line-height: 20px;}
.fund .mtit {width: 1410px; margin: 176px auto 0; font-size: 30px; line-height: 40px;}
.fund .banner-link {width: 1410px; margin: 0 auto;}
.fund .banner-link a {margin-top: 30px;}
.fund .banner-link a img {width: 100%}

/* 우리아이펀드 : 우리아이펀드 소개 */
.policy {width: 1410px; margin: 0 auto;}
.policy p.txt {margin-top: 87px; font-size: 18px; line-height: 28px;}
.policy p.txt strong {
display: block;
padding: 0 0 14px;
font-size: 20px;
line-height: 28px;
}
.policy p.txt + .txt {margin-top: 53px;}
.policy .btit {
margin-top: 175px;
color: #193D71;
font-size: 40px;
line-height: 56px;
text-align: center;
}
.policy .txt-center {margin-top: 23px; font-size: 18px; line-height: 28px; text-align: center;}
.list-policy {display: flex; margin-top: 60px;}
.list-policy li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: calc(100% / 3);
height: 431px;
margin-right: 30px;
padding: 57px 0 60px;
background-color: #fff;
border-radius: 24px;
font-size: 0;
line-height: 0;
}
.list-policy li:last-child {margin-right: 0;}
.list-policy li h3 {padding: 0 40px; font-weight: 500; font-size: 24px; line-height: 34px; text-align: center;}
.list-policy li p {margin-top: 40px; padding: 0 50px; line-height: 26px;}
.list-policy li a {
display: flex;
justify-content: center;
align-items: center;
width: 120px;
height: 44px;
margin-top: auto;
border-radius: 6px;
border: 1px solid #C3CAD6;
color: #193D71;
font-weight: 700;
font-size: 14px;
line-height: 20px;
}

/* 우리아이펀드 : 우리아이 경제교육 */
#container .inContents .swiper-container {overflow: visible; margin-top: 60px;}
/* #container .inContents .swiper-scrollbar {display: block !important; bottom: -10px !important;} */
#container .class .swiper-slide {width: auto;}
.class .area {width: 1410px; margin: 0 auto; padding: 115px 0 120px; text-align: center;}
.class .area + .mtit {margin-top: 56px;}
.class > .area:first-child {padding-top: 0;}
.class .full-area {background-color: #EDEFF3;}
.class .btit {color: #193D71; font-size: 40px; line-height: 56px;}
.class .txt {margin-top: 23px; font-size: 18px; line-height: 28px;}

/* 리츠소개 */
#container.reits {position: relative; width: 1890px;  margin: 0 auto; padding: 0;}
#container.reits .content-tit {
z-index: 1;
position: absolute; 
top: 271px; left: 50%;
transform: translateX(-50%);
width: 1410px;
background-color: transparent; 
color: #fff;
}
#container.reits + footer {margin: 0;}
#container.reits .txt-tit {
z-index: 1;
position: absolute;
top: 366px; left: 50%;
transform: translateX(-50%);
width: 1410px;
color: #fff;
font-weight: 500;
font-size: 24px;
line-height: 34px;
}
#container.reits .txt-tit strong {
color: #fff;
font-weight: 500;
font-size: 24px;
line-height: 34px;
vertical-align: top;
}
.reits-conts {
display: flex;
width: 100%;
max-width: 1890px;
margin: 0 auto;
}
.reits-conts .flex {
position: relative;
width: calc(100% / 2);
height: 1199px;
background: url('/magi/assets/images/fund/bg_reits_left.png') no-repeat center top;
}
.reits-conts .flex:last-child {
background: url('/magi/assets/images/fund/bg_reits_right.png') no-repeat center top;
}
.reits-conts .flex:last-child > .area {padding-left: 105px;}
.reits-conts .area {width: 705px; position: absolute; bottom: 140px; right: 0;}
.reits-conts .flex:last-child .area {right: auto; left: 0;}
.reits-conts .btit {color: #F58220; font-size: 20px; line-height: 28px;}
.reits-conts .txt {
margin-top: 19px;
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
line-height: 26px;
}
.reits-conts .btn {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.reits-conts .btn a {
display: flex;
width: 40px;
height: 40px;
background: url('/magi/assets/images/common/btn_blank.png') no-repeat center center;
font-size: 0;
line-height: 0;
text-indent: -99999em;
}
.reits-conts .btn p {
margin-right: 120px;
color: rgba(255, 255, 255, 0.5);
font-size: 12px;
line-height: 18px;
letter-spacing: 0;
}
.reits-conts .flex:last-child .btn p {margin-right: 85px;}
.reits-conts .flex:hover {background-image: url('/magi/assets/images/fund/bg_reits_left_hover.png');}
.reits-conts .flex:last-child:hover {background-image: url('/magi/assets/images/fund/bg_reits_right_hover.png');}
.reits-conts .flex:hover .txt,
.reits-conts .flex:hover .btn p {color: #fff;}
.reits-conts .flex:hover a {
    background-image: url('/magi/assets/images/common/btn_blank_on.png');
}

/* 투자와 연금 TV */
.media_wrap{
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 30px;
}
.media_wrap li .thumb{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 56.25%;

}
.media_wrap .thumb:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../../../magi/assets/mobile/images/icon/media_thumb.png") repeat;
    z-index: 1;
}
.media_wrap li .thumb img{
    position: absolute;
    transform: scale(1.0);
    width: 100%;
    height: auto;
    transition: all 0.3s ease-out;
}
.media_wrap .thumb:hover img {
    transform: scale(1.2);
}
.media_wrap .thumb .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    z-index: 2;
}
.media_wrap .thumb .icon.tv {
    background: url("../../../magi/assets/mobile/images/icon/btn_play.png") no-repeat;
    background-size: contain;
}
.media_wrap .title{
    margin: 18px 0 10px;
    font-size: 18px;
    color: #2B2F36;
    font-weight: 500;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 2줄까지만 표시 */
}
.media_wrap .date{
    color: #949494;
    font-weight: 500;
    font-size: 14px;
}
/* 투자와 연금 TV END */

/* 투자 시 유의사항 */
.box-content.note{
    border: 1px solid #E5E6E5;
    padding: 60px;
    margin-top: 120px;
}
.box-content.note .title{
    font-size: 24px;
    color: #D93B3B;
    font-weight: 700;
    margin-bottom: 20px;
}
.box-content.note .list-item li{
    position: relative;
    font-size: 16px;
    color: #2B2F36;
    line-height: 30px;
    padding-left: 15px;
    margin-left: 10px;
}
.box-content.note .list-item li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: #2B2F36;
    border-radius: 50%;
}
/* 투자 시 유의사항 END */

/* 미디어쿼리 W : 1024 : 연금&우리아이&리츠소개 START */
@media screen and (max-width: 1024px) {

    /* 미디어쿼리 W : 1024 : 연금 : 공통 */
    #container.pension [class*="ui_flex"] {min-width: 100%; max-width: 100%; padding: 0 21px;}
    body .pension .ui_btn-basis2 {min-width: 100%; width: 100%; max-width: 100%; height: auto; margin: 0 !important; border-radius: 6px;}
    body .pension .ui_btn-basis2 span {font-size: 16px; line-height: 24px;}
    .pension .ctit-box {width: calc(100% - 42px); margin: 0 auto; padding: 0 0 30px; border-bottom-width: 1px;}
    .pension .ctit-box h2 {margin-top: 52px; padding-top: 25px; font-size: 28px; line-height: 38px;}
    .pension .ctit-box h2::after {width: 22px; height: 20px; background-size: 100% 100%;}
    .pension .ctit-box p {margin-top: 20px; font-size: 16px; line-height: 26px;}
    .pension .ctit-box p span {font-size: 16px; line-height: 26px;}
    .pension .btit {width: calc(100% - 42px); margin: 90px auto 0; font-size: 26px; line-height: 34px;}
    .pension .btit span{display: block; font-size: 20px}
    .pension .btit strong {font-size: 26px; line-height: 34px;}
    .pension .btit + .imgs {margin-top: 39px;}
    .pension .mtit {width: calc(100% - 42px); margin: 39px auto 0; font-size: 22px; line-height: 32px;}
    .pension .stit {width: calc(100% - 42px); margin: 60px auto 0; font-size: 22px; line-height: 30px;}
    .pension .sctit {width: calc(100% - 42px); margin: 37px auto 0; font-size: 18px; line-height: 22px; text-align: center;}
    .pension .sctit em {color: #F58220; font-size: 18px; line-height: 22px; vertical-align: top;}
    .pension .txt {width: calc(100% - 42px); margin: 16px auto 0; font-size: 14px; line-height: 24px;}
    .pension .txt-sub {width: calc(100% - 42px);  margin: 29px auto 0; font-size: 16px; line-height: 26px;}
    .personal .txt-sub strong {display: inline-block; font-size: 16px; line-height: 26px; vertical-align: top;}
    .pension .txt-desc {margin-left: 35px !important; padding-right: 20px; font-size: 13px; line-height: 22px; text-indent: -16px;}
    .personal .txt-exc {padding: 29px 21px 40px; font-size: 14px; line-height: 24px;}
    .pension [class*="imgs"] + .txt-desc {margin: 20px auto 0;}
    .pension .list-bullt {width: calc(100% - 42px); margin: 13px auto 0; padding: 0;}
    .pension .list-bullt li {margin: 9px auto 0; padding-left: 10px; font-size: 14px; line-height: 24px;}
    .pension .list-bullt li:first-child {margin-top: 0;}
    .pension .board_data + .list-bullt {margin-top: 19px;}
    .pension .imgs {margin-top: 19px; padding: 0 21px;}
    .pension .imgs img {width: 100%;}
    .pension .imgs .txt-desc {text-align: left;}
    .personal .imgs-mz40 {width: calc(100% - 42px); margin: 29px auto 0;}
    .personal .imgs-mz40 img {width: 100%;}
    .pension .imgs-design {padding: 0 21px 20px;}
    .pension .imgs-design .sctit {width: 100%; margin: 37px 0 19px;}
    .pension .imgs-design img {width: 100%;}
    .retirement .imgs-table {overflow-x: auto; width: calc(100% - 21px); margin-left: 21px;}
    .retirement .imgs-table img {width: 619px;}
    .retirement .txt-bold {width: calc(100% - 42px); margin: 16px auto 0; font-size: 14px; line-height: 24px;}
    .feature .expand_img{width:100%;overflow:auto;}
    .feature .expand_img img{width:auto;}
    #container.fund .ui_flex-box .ui_btn-basis2 .hover,
    #container.pension [class*="ui_flex"] .ui_btn-basis2 .hover {display: none;}
    #container.fund .ui_flex-box .ui_btn-basis2 span,
    #container.pension [class*="ui_flex"] .ui_btn-basis2 span {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
        margin-top: 60px;
        background-color: #193D71;
        border-radius: 6px;
        color: #fff;
        font-size: 16px;
        line-height: 24px
    }
    #container.fund .ui_flex-box {padding: 60px 21px 0;}
    #container.fund .ui_flex-box .ui_btn-basis2,
    #container.fund .ui_flex-box .ui_btn-basis2 span {margin: 0;padding:0;}

    /* 미디어쿼리 W : 1024 : 연금 */
    .retirement .imgs-chart {flex-direction: column; width: calc(100% - 22px); padding: 29px 20px 20px;}
    .retirement .imgs-chart img {width: 100%; margin: 20px auto 0;}
    .retirement .imgs-chart ul {width: 100%; height: 155px; margin: 20px auto 0; padding: 20px 0;}
    .list-irp {margin: 36px auto 0; padding: 0 11px;}
    .list-irp > li {width: 100%; min-height: 264px; height: auto; margin: 30px auto 0; padding: 20px 20px 40px;}
    .list-irp > li:first-child {margin-top: 0;}
    .list-irp li h5 {height: 62px; padding-left: 20px; font-size: 18px; line-height: 22px;}
    .list-irp li h6 {margin: 29px 0 0 20px; color: #F58220; font-size: 18px; line-height: 22px;}
    .list-irp li ul {margin: 20px 0 0 20px !important;}
    .list-irp li p {margin: 19px 0 0 27px; font-size: 13px; text-indent: -13px;}
    .retirement .imgs-chart ul li h6 {margin: 9px auto 0; font-size: 12px; line-height: 18px;}
    .retirement .imgs-chart ul li p {margin-top: 10px; font-size: 14px; line-height: 24px;}
    .retirement .imgs-chart ul li:last-child p {margin-top: 31px; font-size: 20px; line-height: 34px;}
    .imgs-irp {margin: 40px auto 0; padding: 0 21px;}
    .imgs-irp img {width: 100%;}
    .imgs-irp h5 {margin-top: 16px; font-size: 16px; line-height: 26px;}
    .list-rule {width: calc(100% - 42px); margin: 0 auto;}
    .list-rule li {margin-top: 35px; padding-left: 57px;}
    .list-rule li p, .list-rule li p strong {font-size: 14px; line-height: 24px;}
    .list-rule li::after {font-size: 42px; line-height: 52px;}
    .round-imgs {width: calc(100% - 22px); margin: 19px auto 0; padding: 40px 20px 20px !important; background-color: #fff; border-radius: 24px;}
    .round-imgs .imgs {margin: 0; padding: 0;}
    .round-breakup {margin-top: 30px; padding: 19px 20px 20px; background-color: #F4F6F8; border-radius: 10px;}
    .round-breakup p {font-size: 14px; line-height: 24px;}
    .round-breakup p + p {margin-top: 14px;}
    .feature .btn-expand {
        display: flex;
        height: 19px;
        margin: 12px 0 0 auto;
        padding-right: 23px;
        background: url('/magi/assets/images/annuity/btn_expand.png') no-repeat 100% center;
        color: #8C94A3;
        font-size: 12px;
        line-height: 18px;
        text-align: right;
        letter-spacing: 0;
      }
    .feature .txt-type {width: calc(100% - 42px); margin: 16px auto 0; font-size: 14px; line-height: 24px;}
    .feature .tit-table {padding: 37px 0 19px; font-size: 18px; line-height: 28px;}
    .feature [class*="board_data"] table thead th {height: 45px;}
    .feature [class*="board_data"] table tbody td {height: auto; padding: 10px 0; font-size: 14px; line-height: 20px;}
    .feature [class*="board_data"] table tbody td.space {white-space: normal;}
    
    .list-boxs02 h4 {padding: 37px 0 19px; font-size: 18px; line-height: 28px;}
    .list-boxs02 .lst {flex-direction: column; padding: 0 11px;}
    .list-boxs02 .lst > li {width: 100%; margin-top: 40px; padding: 0;}
    .list-boxs02 .lst > li:first-child {margin-top: 0;}
    .list-boxs02 .lst > li:last-child h5 {background-color: #DF6D1B;}
    .list-boxs02 .lst > li::after {display: none;}
    .list-boxs02 h5 {height: 70px; border-radius: 35px; font-size: 20px; line-height: 30px;}
    .list-boxs02 h6 {margin: 28px 0 0 40px; font-size: 16px; line-height: 24px;}
    body .list-boxs02 .list-bullt {margin: 13px 0 0; padding: 0 0 0 40px}
    .list-tdf {padding: 60px 11px 0;}
    .list-tdf > li {margin-top: 30px; padding: 138px 20px 40px 20px;}
    .list-tdf > li:first-child {margin-top: 0;}
    .list-tdf li li::after {display: none;}
    .list-tdf > li::after {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
        width: 61px;
        height: 70px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
    }
    .list-tdf > li:nth-child(1):after {background-image: url('/magi/assets/mobile/images/annuity/ico_tdf01.png');}
    .list-tdf > li:nth-child(2):after {background-image: url('/magi/assets/mobile/images/annuity/ico_tdf02.png');}
    .list-tdf > li:nth-child(3):after {background-image: url('/magi/assets/mobile/images/annuity/ico_tdf03.png');}
    .list-tdf > li h4 {font-size: 16px; line-height: 26px; text-align: center;}
    .list-tdf ul {margin: 20px 0 0; padding: 0;}
    .strategies {width: 100%; margin-top: 40px; padding: 0 11px;}
    .strategies h5 {
        position: static;
        transform: translateX(0);
        width: 100%;
        height: 70px;
        margin: 0 0 -35px;
        border-radius: 35px;
        font-size: 20px;
        line-height: 30px;
    }
    .strategies h6 {font-size: 24px; line-height: 34px;}
    .strategies .tit {margin: 12px 0 24px; font-size: 16px; line-height: 26px;}
    .strategies .round {display: flex; flex-wrap: wrap; padding: 37px 20px 0; background-color: #fff; border-radius: 24px;}
    .strategies .round > li {
        width: 100%;
        min-height: auto;
        margin: 0;
        padding: 32px 0 35px;
        border-radius: 0;
        border-bottom: 1px solid #D5D8E1;
    }
    .strategies .round > li:last-child {border-top: 0;}
    .strategies .round > li .list-bullt {margin: 0;}
    .allocation .video.mcShow {margin-top: 40px; border-radius: 0;}
    .allocation .video.mcShow iframe {width: 100%; height: 211px;}
    .allocation .video-txt {margin-top: 19px; padding: 0 21px; font-size: 13px;}
    .allocation .video-txt span {display: block; font-size: 13px; margin: 0 0 0 15px; text-indent: -15px;}
    .allocation .video-txt span + span {margin-top: 13px;}
    .allocation .video {margin-top: 25px; border-radius: 0;}
    .allocation .video iframe {width: 100%; height: 211px;}
   /* 연금 : 상품목록 모바일 */
    .allocation [class*="ui_boardList"] {min-width: 100%; max-width: 100%;}
    .allocation [class*="ui_boardList"] .sector {
        flex-direction: column;
        position: relative;
        width: 100%;
        padding: 29px 21px 39px;
        background-color: #f4f6f8;
        border-top: 1px solid #D5D8E1;
    }
    .allocation [class*="ui_boardList"] .result {padding: 0 21px 11px;}
    .allocation [class*="ui_boardList"] .checked {position: absolute; top: 29px; right: 21px;}
    .allocation [class*="ui_boardList"] .subject {margin: 0;}
    .allocation [class*="ui_boardList"] .subject .lb {display: flex; align-items: center;}
    .allocation [class*="ui_boardList"] .subject .lb span {position: relative; padding: 0 12px 0 10px; color: #595E6B;}
    .allocation [class*="ui_boardList"] .subject .lb .sale {color: #F58220; font-weight: 500;}
    .allocation [class*="ui_boardList"] .subject .lb .new {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 23px;
    padding: 0;
    background-color: #F58220;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    }
    .allocation [class*="ui_boardList"] .subject .lb .new::after {display: none;}
    .allocation [class*="ui_boardList"] .subject .lb span:first-child {padding-left: 0;}
    .allocation [class*="ui_boardList"] .subject .lb span::after {
    content: '';
    display: block;
    position: absolute;
    top: 5px; right: 0;
    width: 1px;
    height: 12px;
    background: #D5D8E1;
    }
    .allocation [class*="ui_boardList"] .subject .lb span:last-child::after {display: none;}
    .allocation [class*="ui_boardList"] .sector .flex {display: flex; flex-wrap: wrap; width: 100%;}
    .allocation [class*="ui_boardList"] .sector .flex::after {display: none;}
    .allocation [class*="ui_boardList"] .sector .flex dl {width: 60%;}
    .allocation [class*="ui_boardList"] .sector .flex dl + dl {min-width: 100px; width: 40%;}
    .allocation [class*="ui_boardList"] .sector .flex dt {padding-top: 27px;}
    .allocation [class*="ui_boardList"] .sector .flex dd {display: flex; align-items: baseline;}
    .allocation [class*="ui_boardList"] .sector .flex dd.num {
    padding-top: 11px;
    color: #D73E3E;
    font-size: 36px;
    line-height: 48px;
    }
    .allocation [class*="ui_boardList"] .sector .plus {color: #D93B3B !important;}
    .allocation [class*="ui_boardList"] .sector dd .won {margin-left: 7px; font-size: 14px;}
    .allocation [class*="ui_boardList"] .sector dd .ant {margin-left: 5px; font-weight: 500;}
    .allocation [class*="ui_boardList"] .sector .flex .chart dt {padding: 27px 0 10px;}
    .allocation [class*="ui_boardList"] .sector .flex dd img {width: 100%;}
    .allocation [class*="ui_boardList"] .sector .flex .tage {min-width: auto; width: calc(100% / 2); padding: 0; white-space: nowrap;}
    .allocation [class*="ui_boardList"] .sector .flex .tage {margin-top: 10px;}
    .allocation [class*="ui_boardList"] .sector .flex .tage:nth-child(1),
    .allocation [class*="ui_boardList"] .sector .flex .tage:nth-child(2) {margin-top: 27px;}
    .allocation [class*="ui_boardList"] .sector .flex .tage dt {padding: 0; font-size: 12px;}
    .allocation [class*="ui_boardList"] .sector .flex .tage dd {margin-top: 2px; padding: 0; color: #2B2F36; font-weight: 700; font-size: 14px; line-height: 20px;}
    .allocation [class*="ui_boardList"] .sector .flex .tage .per {color: #D93B3B;}
    .allocation [class*="ui_boardList"] .sector .flex .tage {margin-top: 27px;}
    .allocation [class*="ui_boardList"] .sector .flex .tage input {width: 100%; height: 50px; font-size: 16px; line-height: 24px;}
    .allocation [class*="ui_boardList"] .sector .flex .tage input::placeholder {color: #8C94A3;}
    .allocation [class*="ui_boardList"] .sector .flex .tage .btn-del {
    position: absolute;
    top: 30px; right: 17px;
    width: 24px;
    height: 24px;
    background: url('../../../magi/assets/mobile/images/common/btn_close_24x24.png') no-repeat center center / 100% 100%;
    font-size: 0;
    text-indent: -9999em;
    }
    .allocation [class*="ui_boardList-small"] {margin-top: 37px;}
    .allocation [class*="ui_boardList"] .result .total {font-size: 16px;}
    .allocation [class*="ui_boardList-small"] .subject .title {word-break: break-all;}
    .pension [class*="ui_boardList"] .result .date .tooltip-layer {display: inline-block;}
    .pension .txt-right {margin-top: 19px;}
    .pension .txt-right + .board_data {margin-top: 5px;}
    .pension .board_data {max-width: 100%;}
    .pension .board_data td {padding: 10px 0; font-size: 14px;}
    .pension .board_data .left {padding-left: 10px; text-align: left;}
    .pension .board_data .lb {display: block; height: 24px; margin-bottom: 5px; font-size: 11px;}
    .list-boxs03 h4 {padding: 37px 0 19px; font-size: 18px;}
    .list-boxs03 ul {flex-direction: column; width: 276px; margin: 0 auto;}
    .list-boxs03 ul li {width: 100%; height: 276px; margin: 30px 0 0; padding-top: 85px;}
    .list-boxs03 ul li:first-child {margin-top: 0;}
    .list-boxs03 ul li h5 {font-size: 26px; line-height: 34px;}
    .list-boxs03 ul li p {padding-top: 18px; font-size: 14px; line-height: 24px;}
    .strategies.tif {
        width: calc(100% - 22px);
        margin: 40px auto 0;
        padding: 0 0 20px;
        background-color: #fff;
        border-radius: 24px;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
    }
    .strategies.tif .round-box-txt {width: calc(100% - 40px); margin: 40px auto 0; padding: 20px; border-radius: 10px;}
    .strategies.tif .round-box-txt .txt {width: 100%; margin: 0;}
    .strategies.tif .round-box-txt .txt + .txt {margin-top: 14px;}
    .strategies.tif .round-box-txt .video-txt {padding: 0;}
    .pension .list-boxs01 {padding-bottom: 30px;}
    .pension .list-boxs01 h4 {margin-top: 37px; font-size: 18px; line-height: 28px;}
    .pension .list-boxs01 > ul {flex-direction: column; width: 333px; margin: 19px auto 0;}
    .pension .list-boxs01 > ul > li {
        opacity: 0.9;
        width: 100%;
        height: 333px;
        margin: 0;
        padding: 85px 0 0;
        border-radius: 50%;
    }
    .pension .list-boxs01 > ul > li:nth-child(2) {margin: -30px 0;}
    .pension .list-boxs01 > ul > li h5 {font-size: 36px; line-height: 46px;}
    .pension .list-boxs01 .list-bullt {margin-left: 50px;}
    .pension .list-rule .mtit {margin: 35px 0 0;}
    .pension .list-thum li a .tit {
        padding-right: 22px;
        background: url('/magi/assets/images/common/bullt_tiger_11x11_m.png') no-repeat 100% center;
    }
    .pension .swiper-container .list-thum {flex-wrap: nowrap;}
    .pension .swiper-container .list-thum li {min-width: 85%; width: auto; max-width: 300px; margin-top: 40px;}
    .pension .swiper-container .list-thum li:nth-child(5n) {margin-right: 20px !important;}
    .pension .swiper-container .list-thum li a .txt {width: 100%;}
    .pension .swiper-container .list-thum li a .imgs {padding: 0;}
    .pension .list-thum.flex {justify-content: space-between; padding: 0 21px;}
    .pension .list-thum.flex li {width: calc(100% / 2 - 9px); max-width: 162px; margin: 40px 9px 0 0;}
    .pension .list-thum.flex li:nth-child(2n) {margin-right: 0;}
    .pension .list-thum.flex li:nth-child(5n) {margin-right: 9px !important;}
    .pension .list-thum.flex li a .imgs {padding: 0;}
    .pension .list-thum.flex li a .imgs img {width: 100%; height: 162px; border-radius: 12px;}
    .pension .list-thum.flex li a .tit {font-size: 13px; line-height: 18px;}
    .pension .list-thum.flex li a .txt {margin: 3px 0 0; font-size: 11px;}
    #container.pension .inContents .swiper-container {margin-top: 0;}

    .shortcut-link {width: 100%; min-height: 290px; margin: 120px 0 -100px; padding: 47px 30px 50px; border-radius: 0;}
    .shortcut-link .txt-color1 {font-size: 18px; line-height: 22px;}
    .shortcut-link .txt-color2 {margin-top: 36px; font-size: 22px; line-height: 28px;}
    .shortcut-link .txt-color3 {margin-top: 6px;}
    .shortcut-link .txt-color3 a:after {width: 30px; height: 30px; background-repeat: no-repeat; background-size: 30px 30px; vertical-align: -6px;}
    body .shortcut-link .txt-color3 .ui_btn-basis2 {display: block; font-size: 24px; line-height: 34px; white-space: nowrap;}
    body .pension [class*="ui_btn-more"],
    body .pension [class*="ui_btn-more"] span {font-size: 14px;}
    body .pension [class*="ui_btn-more"] {margin-top: 19px; padding-bottom: 20px;
        background: url('/magi/assets/images/common/btn_more_20x10.png') no-repeat center bottom;
    }

    /* 미디어쿼리 W : 1024 : 툴팁 팝업 */
    #container [class*="tooltip-layer"] .layer {
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 20px);
    min-height: 100px;
    height: auto;
    padding: 0 0 50px;
    background-color: #fff;
    border-radius: 36px;
    }
    #container [class*="tooltip-layer"] .layer::after {display: none;}
    #container [class*="tooltip-layer"] .txt-bold {padding: 50px 21px 0;}
    #container [class*="tooltip-layer"] .popupClose {
        position: absolute;
        top: 24px;
        right: 24px;
        width: 30px;
        height: 30px;
        background: url('/magi/assets/images/common/btn_close_30x30.png') no-repeat center center;
        font-size: 0;
        text-indent: -9999em;
    }
    .pension .text-lb .tooltip-layer {margin: 3px 5px 0 0;}
    .pension .tit-table {padding: 37px 0 19px; font-size: 18px; line-height: 28px;}
    .pension .tit-table + .imgs {margin-top: 0;}
    .pension .text-lb {padding: 0 21px; font-size: 12px;}
    .pension .txt_axis {padding: 0 11px; font-size: 12px;}
    .pension .txt_axis + .imgs {margin-top: 10px;}
    
    /* 미디어쿼리 W : 1024 : 우리아이 : 공통 */
    #container .reference {width: calc(100% - 42px); margin-top: 67px;}
    #container .reference ul {margin: 20px 0 0;}
    .fund .list-bullt {padding: 2px 0 0;}
    .fund .list-bullt li {margin-top: 17px; font-size: 14px; line-height: 24px;}
    .fund .mtit,
    .fund .banner-link {width: 100%;}
    .fund .mtit {margin-top: 87px; font-size: 20px; line-height: 34px;}
    #container .inContents .swiper-container {padding: 0 21px;}
    .policy .imgs {margin: 0 -21px;;}

    /* 미디어쿼리 W : 1024 : 우리아이 : 우리아이펀드 소개 */
    .policy {width: 100%; padding: 0 21px;}
    .policy .btit {margin-top: 85px; font-size: 30px; line-height: 40px; text-align: left;}
    .policy p.txt {margin-top: 57px; font-size: 14px; line-height: 24px;}
    .policy p.txt strong {font-size: 18px; line-height: 28px;}
    .policy .txt-center {font-size: 16px; text-align: left;}
    .list-policy {flex-direction: column; margin: 0; padding: 10px 0 0;}
    .list-policy li {width: 100%; min-height: 431px; height: auto; margin: 20px 0 0; padding: 57px 0 50px;}
    .list-policy li h3 {padding: 0 30px; text-align: left; word-break: break-all;}
    .list-policy li p {padding: 0 30px;}
    .list-policy li a {margin-top: 30px;}
    .policy .banner-link a {margin-top: 24px;}
    .policy .banner-link a + a {margin-top: 20px;}

    /* 미디어쿼리 W : 1024 : 우리아이 : 우리아이 경제교육 */
    #container .class .swiper-slide {min-width: 85%; width: 300px; max-width: 300px;}
    #container .class .swiper-slide img {width: 100%; height: 300px;}
    #container .swiper-container-horizontal>.swiper-scrollbar {opacity: 0;}
    .fund .ui_btn-basis2 {min-width: calc(100% - 42px); width: 100%; height: 60px; margin: 40px 21px 0;max-width:30rem;}
    .fund .ui_btn-basis2 span {font-size: 16px; line-height: 24px;}
    .class .area {width: 100%; margin: 0; padding: 56px 0 60px; text-align: left;}
    .class > .area:first-child {padding-top: 0;}
    .class > .area:first-child .imgs {margin-top: 0;}
    .class > .area:first-child .btit {margin-top: 56px;}
    .class .btit {margin-top: 0; padding: 0 21px; font-size: 30px; line-height: 40px;}
    .class .mtit {padding: 0 21px;}
    .class .txt {padding: 0 21px;}
    #container .class .reference,
    .class .banner-link {width: 100%; padding: 0 21px;}

    /* 미디어쿼리 W : 1024 : 리츠소개 */
    .reits br {display: none;}
    #container.reits {width: 100%;}
    #container.reits .content-tit {
        display: block;
        position: static;
        transform: translateX(0);
        width: 100%;
        margin-top: 55px;
        color: #193D71;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
    }
    #container.reits .txt-tit {
        position: static;
        transform: translateX(0);
        width: 100%;
        padding: 13px 21px 40px;
        color: #193D71;
        font-weight: 400;
        font-size: 18px;
        text-align: center;
    }
    #container.reits .txt-tit strong {
        color: #DF6D1B;
        font-weight: 400;
        font-size: 18px;
    }
    #container.reits .reits-conts {
        flex-direction: column;
        position: static;
        max-width: 100%;
        transform: translateX(0);
    }
    #container.reits .reits-conts .flex {
        position: relative;
        width: 100%;
        height: 708px;
        padding: 0 21px;
        background: url('/magi/assets/images/fund/bg_reits_left_m.png') no-repeat center center / 100% 100%;
    }
    #container.reits .reits-conts .flex:last-child {
        padding: 335px 21px 0;
        background: url('/magi/assets/images/fund/bg_reits_right_m.png') no-repeat center center / 100% 100%;
        text-align: right;
    }
    .reits-conts .area {position: static; width: 100%;}
    #container.reits .reits-conts .flex:last-child .area {padding-left: 0;}
    #container.reits .reits-conts .imgs img {width: 100%;}
    #container.reits .reits-conts .btit {margin-top: 57px;}
    #container.reits .reits-conts .txt {margin-top: 14px; color: #fff;}
    #container.reits .reits-conts .flex:last-child .area .btn {justify-content: right;}
    #container.reits .reits-conts .btn a {background: url('/magi/assets/images/common/btn_blank_on.png') no-repeat center center;}
    #container.reits .reits-conts .btn p {
        position: absolute;
        bottom: 19px; right: 21px;
        margin: 0;
    }

    /* 미디어쿼리 W : 1024 : 투자와 연금 TV */
    .media_wrap_box{
        width: calc(100% - 42px);
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-flow: column nowrap;
    }
    .media_wrap{
        display: flex;
        margin: 40px auto 0;
        flex: none;
        overflow: auto;
        width: 100%;
        flex-flow: row nowrap;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        gap: 10px;
        /* IE, Edge */
        -ms-overflow-style: none;
        /* Firefox */
        scrollbar-width: none;
    }
    .media_wrap::-webkit-scrollbar {
        display: none;
    }
    .media_wrap li{
        scroll-snap-align: center;
        width: 50% !important;
        flex: 0 0 calc(50% - 5px);
        margin: 0 auto;
    }
    .media_wrap li .thumb{
        width: auto;
        height: auto;
        margin-bottom: 10px;
        line-height: 0;
        padding-bottom: 0;
    }
    .media_wrap li .thumb img{
        position: inherit;
    }
    .media_wrap .thumb:hover img{
        left: 0;
        top: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
    }
    .media_wrap .thumb .icon {
        margin: -17.5px 0 0 -17.5px;
        width: 35px;
        height: 35px;
    }
    .media_wrap .title{
        font-size: 14px;
        margin-top: 10px;
    }
    .media_wrap .date{
        font-size: 12px;
        margin-top: 10px;
    }

    /* 미디어쿼리 W : 1024 : 투자 시 유의사항 */
    .box-content.note{
        border: none;
        padding: 0 21px;
        margin-top: 90px;
    }
    .box-content.note .title{
        font-size: 20px;
    }
    .box-content.note .list-item li{
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
        font-weight: 400;
    }
    .box-content.note .list-item li::before{
        top: 10px;
    }
}
/* 미디어쿼리 W : 1024 : 연금&우리아이&리츠소개 END */

/* 미디어쿼리 W : 1024 : 공통 START */
@media screen and (max-width: 1024px) {
    #container {padding-top: 60px !important;}
    #container .mcHide {display: none !important;}
    #container .pcHide {display: block !important;}

    /* 미디어쿼리 W : 1024 : 공통 대탭 */
    #container [class*="ui_tabs"] {padding: 0 21px;}
    #container .ui_tabs1 .tab {font-size: 16px; line-height: 24px;}
    #container [class*="ui_tabs"] .tab:first-child {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    #container [class*="ui_tabs"] .tab:last-child {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    /* 미디어쿼리 W : 1024 : 공통 소탭 */
    #container .tag-sort {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-top: 24px;
    }
    #container .tag-sort::after {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        bottom: 0; left: -21px;
        width: calc(100% + 42px);
        height: 1px;
        background-color: #C3CAD6;
    }
    #container .tag-sort .btn {
        display: flex;
        align-items: center;
        height: 60px; 
        margin: 0 12px;
        padding: 3px 0 0;
        font-size: 16px; 
        line-height: 24px;
    }
    #container .tag-sort.pcHide {display: flex !important;}

    #container .tag-sort.tabs {
    flex-wrap: wrap;
    justify-content: normal;
    margin: 0;
    padding: 12px 21px 30px;
    background-color: #EDEFF3;
    }
    #container .tag-sort.tabs::after {display: none;}
    #container .tag-sort.tabs .btn {
    width: calc(100% / 2);
    height: 20px;
    margin: 17px 0 0;
    padding: 0;
    color: #193D71;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    word-spacing: -1px;
    }
    #container .tag-sort.tabs .btn.on {color: #D96600; font-weight: 700; border: 0; border-color: transparent; line-height: 20px;}

    /* 미디어쿼리 W : 1024 : 상단 고정 탭 */
    #container .comm_tabs {overflow: hidden; max-width: 100%; margin-top: 60px !important;}
    #container .comm_tabs .flex {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    }
    #container .comm_tabs .flex::after {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    bottom: 0; left: 0;
    width: 100%;
    height: 1px;
    background-color: #C3CAD6;
    }
    #container .comm_tabs .flex ul {display: flex;}
    #container .comm_tabs .flex .swiper-slide {width: auto !important; padding: 0 12px;}
    #container .comm_tabs .flex .tabs {
    display: flex;
    align-items: center;
    position: relative;
    height: 60px;
    color: #8C94A3;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    }
    #container .comm_tabs .flex .active .tabs {color: #193D71; font-weight: 700;}
    #container .comm_tabs .flex .tabs::after {width: 0; transition: all 1s ease;}
    #container .comm_tabs .flex .active .tabs::after {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    bottom: 0; left: 0;
    width: 100%;
    height: 4px;
    background-color: #DF6D1B;
    }
    #container .comm_tabs.topFixed.isOn {
    z-index: 100;
    position: fixed;
    top: 60px;
    margin-top: 0 !important;
    background-color: #fff;
    border-top: 1px solid #f4f6f8;
    }

}
/* 미디어쿼리 W : 1024 : 공통 END */

/* 회사소개 팝업 */
.enterprise {padding-top: 56px; text-align: center;}
.enterprise h2 {padding: 0 0 30px; font-size: 36px; line-height: 46px;}
.enterprise .txt_sub {font-weight: 500; font-size: 24px; line-height: 34px;}
.enterprise .txt_sub + .list {margin-top: 30px;}
.enterprise .txt_desc {margin: 10px 0 30px; font-size: 14px; line-height: 20px;}
.enterprise .list {display: flex; flex-wrap: wrap; justify-content: space-between; }
.enterprise .list li {
position: relative;
width: calc(100% / 3 - 20px);
min-height: 230px;
height: auto;
margin: 0 10px 20px 0;
padding: 40px 20px 20px;
background-color: #F4F6F8;
border-radius: 24px;
font-size: 0;
line-height: 0;
}
.enterprise .list li:nth-child(3n) {margin-right: 0;}
.enterprise .list li h3 {color: #193D71; font-size: 20px; line-height: 30px;}
.enterprise .list li p {padding-top: 10px; font-size: 18px; line-height: 28px;}
.enterprise .list li .people {
position: absolute;
bottom: 30px; left: 0;
width: 100%;
padding-top: 20px;
text-align: center;
}
.enterprise .list li .people em {
display: inline-block;
color: #193D71;
font-weight: 700;
font-size: 36px;
line-height: 46px;
}
.enterprise .list li .people span {
display: inline-block;
margin: 10px 0 0 5px;
font-weight: 500;
font-size: 16px;
line-height: 26px;
}
.enterprise .criteria {
font-size: 14px;
line-height: 20px;
text-align: right;
}

/* 회사소개 팝업 */
[id*="popopSpeech"] .speech {overflow-y: auto; height: 690px; margin: 60px 0 0;}
[id*="popopSpeech"] .speech p {color: #6A7180; font-size: 14px; line-height: 24px; letter-spacing: 0;}
[id*="popopSpeech"] .speech p b {display: block; color: #193D71; font-weight: 500; letter-spacing: 0;}
[id*="popopSpeech"] .titbox h2 {margin-top: 56px; color: #DF6D1B; font-size: 30px; line-height: 40px; letter-spacing: 0;}
#popopSpeechVideo .speech .tit,
[id*="popopSpeech"] .titbox .tit {margin-top: 28px; color: #193D71; font-weight: 500; font-size: 14px; line-height: 24px;}
#popopSpeechVideo .speech .tit em,
[id*="popopSpeech"] .titbox .tit em {display: block; color: #193D71; font-weight: 700; font-size: 14px; line-height: 24px; letter-spacing: 0;}
[id*="popopSpeech"] .speech + .ui_btn-list {width: 98px; margin: 30px auto 0; color: #6A7180;}
#popopSpeechVideo .speech {height: 350px; margin-top: 30px; padding: 0;}
#popopSpeechVideo .titbox h2 {margin-top: 30px; font-size: 24px; line-height: 34px;}
#popopSpeechVideo .speech .tit {margin-top: 0;}
#popopSpeechVideo .speech p,
#popopSpeechVideo .speech p b {color: #2B2F36;}
#popopSpeech .pop-content-column,
#popopSpeechVideo .pop-content-column {display:flex; flex-direction:column;max-height:calc(100vh - 100px);padding-bottom:40px;}
#popopSpeechVideo .pop-content-column iframe {flex-shrink:0;max-height:405px;}


/* 미디어쿼리 W : 1024 :  START */
@media screen and (max-width: 1024px) {

    /* 회사소개 팝업 */
    .enterprise br {display: none;}
    .enterprise {overflow-y: auto; height: 500px;}
    .enterprise h2 {font-size: 24px; line-height: 34px;}
    .enterprise .txt_sub {font-size: 18px; line-height: 28px;}
    .enterprise .list li {width: 100%; min-height: 180px; margin: 0 0 20px; padding: 25px 10px 20px;}
    .enterprise .list li h3 {font-size: 18px;}
    .enterprise .list li p {font-size: 16px;}
    .enterprise .list li .people {padding: 10px 0 0;}

    body .modal-popup {overflow: hidden; max-height: auto !important;}
    body [id*="popopSpeech"].modal-popup {top: 0; left: 0; transform: translate(0, 0);}
    body [id*="popopSpeech"] .pop-content {width: 100%; max-width: 100%; height: 100%; padding: 32px 21px 20px; border-radius: 0;}
    body [id*="popopSpeech"] .pop-content br {display: none;}
    body [id*="popopSpeech"] .speech {height: calc(100vh - 330px); margin-top: 20px; }
    body .pop-content .pHead h1 {padding: 0 0 12px; font-size: 18px; line-height: 28px}
    body [id*="popopSpeech"] .titbox {padding: 0;}
    body [id*="popopSpeech"] .titbox h2 {margin-top: 39px; font-size: 20px; line-height: 30px;}
    body #popopSpeechVideo .speech .tit, 
    body [id*="popopSpeech"] .titbox .tit {margin-top: 19px; font-size: 12px;}
    body #popopSpeechVideo iframe {height: 211px !important; margin-top: 70px;}
    body #popopSpeechVideo .speech {height: calc(100vh - 600px);}

    .round_table {padding: 29px 11px 0;}
    .list_round > li {
        position: relative;
        margin-top: 30px;
        padding: 62px 20px 40px;
        background-color: #fff;
        border-radius: 24px;
        border: 1px solid;
        line-height: 0;
    }
    .list_round > li:nth-child(1) {border-color: #F58220; margin-top: 0;}
    .list_round > li:nth-child(2) {border-color: #193D71;}
    .list_round > li:nth-child(3) {border-color: #BA5D00;}
    .list_round > li:nth-child(4) {border-color: #4277C7;}
    .list_round h5 {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 62px;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
        color: #fff;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
    }
    .list_round > li:nth-child(1) h5 {background-color: #DF6D1B;}
    .list_round > li:nth-child(2) h5 {background-color: #193D71;}
    .list_round > li:nth-child(3) h5 {background-color: #BA5D00;}
    .list_round > li:nth-child(4) h5 {background-color: #4277C7;}
    .list_round h6 {
        padding: 28px 0 14px;
        color: #DF6D1B;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
    }
    .list_round table {border-top: 1px solid #193D71; border-bottom: 1px solid #D2D7E1;}
    .list_round table th,
    .list_round table td {border-left: 1px solid #D2D7E1;}
    .list_round table th {padding: 13px 0 13px; text-align: center;}
    .list_round table td {padding: 12px 0 10px; border-top: 1px solid #D2D7E1; text-align: center;}
    .list_round table tbody th {border-top: 1px solid #D2D7E1; text-align: left;}
    .list_round table tr *:first-child {border-left: 0;}
    .list_round ul {padding-top: 30px;}
    .list_round ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 62px;
        margin-top: 20px;
        border-radius: 10px;
        border: 1px solid;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
    }
    .list_round ul li:first-child {margin-top: 0;}
    .list_round > li:nth-child(2) ul li {border-color: #193D71;}
    .list_round > li:nth-child(3) ul li {border-color: #BA5D00;}
    .list_round > li:nth-child(4) ul li {border-color: #4277C7;}

    .diagram_table {padding: 19px 21px 0;}
    .diagram_table table {border-top: 1px solid #193D71; border-bottom: 1px solid #D2D7E1;}
    .diagram_table table th,
    .diagram_table table td {border-top: 1px solid #D2D7E1; border-right: 1px solid #D2D7E1;}
    .diagram_table table th {padding: 13px 0;}
    .diagram_table table td {padding: 9px 5px 8px 10px; font-size: 12px; line-height: 18px;}
    .diagram_table table th:last-child,
    .diagram_table table td:last-child {border-right: 0;}
    .diagram_table table .center {padding: 9px 0 8px; text-align: center !important;}

}
/* 미디어쿼리 W : 1024 :  END */

.legal-select {width: 1410px; margin: 0 auto 10px; text-align: right;}
.legal-select #select {border: 1px solid #D2D7E1;}

.diagram_table {padding: 19px 0 0;}
.diagram_table table {border-top: 1px solid #193D71; border-bottom: 1px solid #D2D7E1;}
.diagram_table table th,
.diagram_table table td {border-top: 1px solid #D2D7E1; border-right: 1px solid #D2D7E1;}
.diagram_table table th {padding: 13px 0; font-size: 14px; line-height: 20px}
.diagram_table table td {padding: 18px 5px 20px 10px; font-size: 16px; line-height: 24px;}
.diagram_table table th:last-child,
.diagram_table table td:last-child {border-right: 0;}