@charset "euc-kr";

#wrap.renew {min-width:1260px; overflow:hidden;}
#wrap.renew #contents {float:none; width:100%;}
#wrap.renew #container {margin:118px auto 0; width:100%;}
#wrap.renew #footerWrap {margin-top:0;}

.titWrap {display:flex;width:100%;justify-content:space-between;align-items:flex-end}
.titWrap h2 {color:#000;font-size:32px;line-height:45px;font-weight:normal;font-family:SpoqaHanSansBold;}
.titWrap h3 {color:#000;font-size:28px;line-height:42px;font-weight:normal;font-family:SpoqaHanSansBold;}
.titWrap button, .titWrap a {color:#5f6269;font-size:16px;line-height:24px;font-family:SpoqaHanSansRegular;}

.innerWrap {display:flex;flex-direction:column;gap:110px;}

.visualWrap {display:flex;width:100%;height:590px;background:#f4efe8;} /* µ¿¿µ»ó ¾Æ´Ò¶§ ³Ö±â url(https://img.securities.miraeasset.com/new2026/main/visual.png) 100% 100% no-repeat */

.textWrap {position:absolute;top:87px;left:0;display:flex;flex-direction:column;gap:10px;}
.textWrap p {color:#313233;font-size:17px;line-height:32px;font-weight:normal;font-family:SpoqaHanSansRegular;}
.textWrap h3 {color:#09090a;font-size:40px;line-height:52px;font-weight:normal;font-family:SpoqaHanSansBold;}

.quickMenuWrap {display:inline-flex;margin:0 auto 70px;justify-content:space-between;align-items:flex-end;width:1260px;position:relative;z-index:2}
.quickMenuWrap .quick_tab {display:inline-flex;padding:5px;justify-content:center;border-radius:999px;background: rgba(255, 255, 255, 0.40);}
.quickMenuWrap .quick_tab > li > a {display:flex;padding:10px 20px;justify-content:center;align-items:center;color:#5f6269;font-size:14px;font-family:SpoqaHanSansRegular;}
.quickMenuWrap .quick_tab > li > a.active {border-radius:999px;background:#fff;color:#000;font-family:SpoqaHanSansBold;}
.quickMenuWrap .quick_link {display:flex;margin-top:10px;padding:25px 54px;justify-content:center;align-items:center;border-radius:20px;background: rgba(255, 255, 255, 0.40);}
.quickMenuWrap .quick_link > ul {display:flex;align-items:flex-end;gap:35px;}
.quickMenuWrap .quick_link > ul > li {width:125px;}
.quickMenuWrap .quick_link > ul > li > a {display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;}
.quickMenuWrap .quick_link > ul > li > a > em {display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:2px solid #fff;border-radius:999px;box-sizing:border-box;/* transition:all 0.5s ease; */}

.quickMenuWrap .quick_link > ul > li > a > em {background:#fff url(https://img.securities.miraeasset.com/new2026/main/ico_quick_link.png) 30% 30% no-repeat;}
.quickMenuWrap .quick_link > ul.bookmark > li.ico_01 > a > em {background-position:-52px -42px}
.quickMenuWrap .quick_link > ul.bookmark > li.ico_01 > a:hover > em,
.quickMenuWrap .quick_link > ul.bookmark > li.ico_01 > a:focus > em {background-position:-52px -207px}
.quickMenuWrap .quick_link > ul.bookmark > li.ico_02 > a > em {background-position:-218px -42px}
.quickMenuWrap .quick_link > ul.bookmark > li.ico_02 > a:hover > em,
.quickMenuWrap .quick_link > ul.bookmark > li.ico_02 > a:focus > em {background-position:-218px -207px}
.quickMenuWrap .quick_link > ul.bookmark > li.ico_03 > a > em {background-position:-383px -42px}
.quickMenuWrap .quick_link > ul.bookmark > li.ico_03 > a:hover > em,
.quickMenuWrap .quick_link > ul.bookmark > li.ico_03 > a:focus > em {background-position:-383px -207px}
.quickMenuWrap .quick_link > ul.bookmark > li.ico_04 > a > em {background-position:-548px -42px}
.quickMenuWrap .quick_link > ul.bookmark > li.ico_04 > a:hover > em,
.quickMenuWrap .quick_link > ul.bookmark > li.ico_04 > a:focus > em {background-position:-548px -207px}
.quickMenuWrap .quick_link > ul.bookmark > li.ico_05 > a > em {background-position:-713px -42px}
.quickMenuWrap .quick_link > ul.bookmark > li.ico_05 > a:hover > em,
.quickMenuWrap .quick_link > ul.bookmark > li.ico_05 > a:focus > em {background-position:-713px -207px}
.quickMenuWrap .quick_link > ul.bookmark > li.ico_06 > a > em {background-position:-877px -42px}
.quickMenuWrap .quick_link > ul.bookmark > li.ico_06 > a:hover > em,
.quickMenuWrap .quick_link > ul.bookmark > li.ico_06 > a:focus > em {background-position:-877px -207px}

.quickMenuWrap .quick_link > ul.firstinfo > li.ico_01 > a > em {background-position:-49px -113px}
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_01 > a:hover > em,
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_01 > a:focus > em {background-position:-49px -278px}
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_02 > a > em {background-position:-214px -113px}
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_02 > a:hover > em,
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_02 > a:focus > em {background-position:-214px -278px}
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_03 > a > em {background-position:-380px -113px}
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_03 > a:hover > em,
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_03 > a:focus > em {background-position:-380px -278px}
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_04 > a > em {background-position:-545px -113px}
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_04 > a:hover > em,
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_04 > a:focus > em {background-position:-545px -278px}
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_05 > a > em {background-position:-711px -113px}
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_05 > a:hover > em,
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_05 > a:focus > em {background-position:-711px -278px}
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_06 > a > em {background-position:-875px -113px}
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_06 > a:hover > em,
.quickMenuWrap .quick_link > ul.firstinfo > li.ico_06 > a:focus > em {background-position:-875px -278px}

.quickMenuWrap .quick_link > ul > li > a:hover > em,
.quickMenuWrap .quick_link > ul > li > a:focus > em {border:2px solid #ff5B00;}
.quickMenuWrap .quick_link > ul > li > a > span {color:#333;font-size:16px;font-family:SpoqaHanSansRegular;/* transition:all 0.5s ease; */}
.quickMenuWrap .quick_link > ul > li > a.active > span,
.quickMenuWrap .quick_link > ul > li > a:hover > span,
.quickMenuWrap .quick_link > ul > li > a:focus > span {color:#ff5B00;}

.market_data {display:flex;flex-direction:column;align-items:flex-start;height:140px;min-width:207px;padding:20px 25px;border-radius:20px;background: rgba(255, 255, 255, 0.40);font-family:SpoqaHanSansRegular;box-sizing:border-box;}
.market_data > div > p {margin-bottom:10px;color:#333;font-size:13px;font-family:SpoqaHanSansRegular;}
.market_data > div > div {display:flex;flex-direction:column;gap:5px;}
.market_data .market_index {color:#000;font-size:33px;line-height:1.3;font-family:SpoqaHanSansBold;font-weight:normal;}
.market_data .return {display:flex;align-items:center;color:#000;font-size:16px;font-family:SpoqaHanSansBold;gap:5px;}
.market_data .return.up {color:#f74747;}
.market_data .return.down {color:#4789e5;}

.market_data .return > span {position:relative;}
.market_data .return.up > span,
.market_data .return.down > span {padding-left:20px;}
.market_data .return > span:before {content:""; display:block; position:absolute; top:calc(50% - 5px); left:0;width:12px;height:12px;}
.market_data .return.up > span:before {background:url(https://img.securities.miraeasset.com/new2026/ico_up.png) no-repeat;}
.market_data .return.down > span:before {background:url(https://img.securities.miraeasset.com/new2026/ico_down.png) no-repeat;}

.researchWrap {display:flex;flex-direction:column;align-items:flex-start;gap:22px;width:1260px; margin:0 auto;}
.researchWrap .researchContents {display:flex;align-items:center;gap:23px 25px;flex-wrap:wrap;}
.researchWrap .researchContents > a {display:flex;width:403px;position:relative;padding:35px 25px;flex-direction:column;align-items:flex-start;gap:15px;border-radius:13px;background:#fafafa;font-family:SpoqaHanSansRegular;box-sizing:border-box;}
.researchWrap .researchContents > a:nth-child(1), .researchWrap .researchContents > a:nth-child(2) {width:617px;}
.researchWrap .researchContents > a:hover:after,
.researchWrap .researchContents > a:focus:after {content:""; display:block; position:absolute; top:0; left:0;width:100%;height:100%;border-radius:12px;border:2px solid #ff5B00;box-shadow: 16px 16px 40px 0 rgba(0, 0, 0, 0.04), 8px 8px 20px 0 rgba(0, 0, 0, 0.04);box-sizing:border-box;}
.researchWrap .researchContents > a > em {flex:1 0 0;color:#ff5B00;font-size:16px;line-height:24px;font-family:SpoqaHanSansBold;}
.researchWrap .researchContents > a > span {display:flex;flex-direction:column;align-items:flex-start;gap:13px;align-self:stretch;font-family:SpoqaHanSansRegular;}
.researchWrap .researchContents > a > span > strong {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;flex-shrink: 0;word-wrap: break-word;word-break: break-word;white-space: normal;color:#333;font-size:20px;line-height:28px;font-family:SpoqaHanSansBold;min-height:56px;font-weight:normal;}
.researchWrap .researchContents > a > span > em {padding-right:20px;color:#5f6269;font-size:14px;line-height:20px;font-family:SpoqaHanSansRegular;background:url(https://img.securities.miraeasset.com/new2026/text_right.png) 100% 50% no-repeat;}

.eventWrap {display:flex;flex-direction:column;align-items:flex-start;gap:22px;position:relative;width:1260px; margin:0 auto;}
.eventWrap .slider {display:flex;gap:20px;}
.eventWrap .slider > li {width:620px;}
.eventWrap .slider > li > a {display:block;}

.bx-wrapper {max-width:1260px !important;text-align:right;}
.bx-wrapper .bx-controls {position:relative;margin-top:20px;padding-right:30px}
.bx-wrapper .bx-pager:after {content:""; display:block; clear:both;}
.bx-wrapper .bx-pager > li {display:inline-block;}
.bx-wrapper .bx-pager > li + li {margin-left:5px;}
.bx-wrapper .bx-pager > li a {position:relative;display:inline-block;padding:8px 0;width:30px;font-size:0;line-height:0;}
.bx-wrapper .bx-pager > li a:before {content:"";display:inline-block;width:100%;height:4px;border-radius:10px;background:#d9d9d9;}
.bx-wrapper .bx-pager > li a.active:before {background:#ff8049;}
.bx-wrapper .bx-controls-auto a {position:absolute;right:0;top:0;display:inline-block;width:20px;height:20px;background:url(https://img.securities.miraeasset.com/renew2019/ico_slider.png) no-repeat;font-size:0;line-height:0;}
.bx-wrapper .bx-controls-auto a.bx-stop {background-position:-40px 0px;}
.bx-wrapper .bx-controls-auto a.bx-start {background-position:-60px 0px;}

/* bxslider¿¡¼­ controls °ªÀÌ true¸é prev, next ¹öÆ° º¸¿©Áü 
.bx-wrapper .bx-controls-direction,
.bx-wrapper .bx-controls-direction > a {display:none;} 
*/

.etcWrap {padding:60px 0;width:100%;background: linear-gradient(0deg, rgba(217, 217, 217, 0.20) 0%, rgba(217, 217, 217, 0.20) 100%), url(https://img.securities.miraeasset.com/new2026/main/etc_bg.png) lightgray 50% / cover no-repeat;}
.etcWrap > div {display:flex;align-items:flex-start;justify-content:space-between;width:1260px; margin:0 auto;flex-wrap:wrap;}

.etcWrap .noticeWrap {display:flex;width:818px;height:385px;padding:40px;flex-direction:column;gap:24px;border-radius:13px;background:#fff;box-sizing:border-box;}
.etcWrap .noticeWrap ul {display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}
.etcWrap .noticeWrap ul > li {width:100%;display:flex;width:100%;padding:25px 0;align-items:center;gap:20px;align-self:stretch;}
.etcWrap .noticeWrap ul > li + li {border-top:1px solid #efefef}
.etcWrap .noticeWrap ul > li > a {flex:1 0 0;color:#09090a;font-size:16px;line-height:30px;font-family:SpoqaHanSansRegular;display:block;overflow:hidden;text-overflow: ellipsis;white-space:nowrap}
.etcWrap .noticeWrap ul > li > span {color:#5f6269;font-size:13px;line-height:20px;font-family:SpoqaHanSansLight;}

.etcWrap .linkWrap {display:flex;align-items:center;gap:18px;flex-direction:column;}

.etcWrap .guideWrap {display:inline-flex;align-items:center;justify-content:space-between;width:425px;}
.etcWrap .guideWrap > div {display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:204px;height:212px;border-radius:13px;background:#fff;box-sizing:border-box;overflow:hidden}
.etcWrap .guideWrap > div > dl {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;}
.etcWrap .guideWrap > div > dl > dt {display:flex;align-items:center;height:64px;}
.etcWrap .guideWrap > div > dl > dd {color:#000;font-size:16px;line-height:normal;font-family:SpoqaHanSansBold;}
.etcWrap .guideWrap > div > div {display:flex;align-items:center;width:100%;}
.etcWrap .guideWrap > div > div > a {display:flex;width:100%;align-items:center;justify-content:center;height:55px;background:#747474;color:#fff;font-size:14px;font-family:SpoqaHanSansRegular;}
.etcWrap .guideWrap > div > div > a + a {background:#ff5B00;}
.etcWrap .guideWrap > div > div > a > span {padding-right:20px;background:url(https://img.securities.miraeasset.com/new2026/main/arrowRight.png) 100% 50% no-repeat;}
.etcWrap .guideWrap > div > div > a + a > span {background:url(https://img.securities.miraeasset.com/new2026/main/arrowDown.png) 100% 50% no-repeat;}

.etcWrap .socialWrap {display:flex;width:425px;height:155px;padding:40px 20px 40px 27px;align-items:center;gap:37px;border-radius:13px;background:#fff;box-sizing:border-box;}
.etcWrap .socialWrap h4 {color:#000;font-size:16px;line-height:24px;font-family:SpoqaHanSansRegular;}
.etcWrap .socialWrap ul {display:flex;align-items:center;gap:4px;}
.etcWrap .socialWrap ul li a {display:flex;width:77px;flex-direction:column;align-items:center;gap:8px;font-family:SpoqaHanSansRegular;}
.etcWrap .socialWrap ul li a > img {width:50px;}

/* 樨毢 */
.bg_video {
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 0%;
	width: 100%;
	height: 588px;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	background:#f4efe8;	/*  url(https://img.securities.miraeasset.com/new2026/main/visual.png) 100% 100% no-repeat */
	/* background-size: cover; */
	z-index: 1;
}

.bg_video video {
	position: absolute;
	left: 50%;
	top: 0%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}