@charset "utf-8";



/* 201021 */
@media all and (max-width:1300px) {
	#container .about-us .milestones .slider .swiper-button-prev {
		left:-50px;
	}
	#container .about-us .milestones .slider .swiper-button-next {
		right:-50px;
	}
}

@media all and (max-width:1200px){

	/* tab_mn */
	.tab_mn{position:relative}
	.tab_mn a.slt{position:relative; display:block; font-size:21px; color:#043b72; font-weight:700; line-height:1.142; padding:10px 15px; border-bottom:3px solid #f58220}
	.tab_mn a.slt:hover{text-decoration:none}
	.tab_mn a.slt i{display:block; position: absolute; right: 5px; top: 50%; width: auto; height:auto; font-size: 30px; font-weight:700; transform:translateY(-50%)}
	.tab_mn a.slt i:before{padding:0; margin:0; font-weight:700; transition:all .3s}
	.tab_mn a.slt.on{background:#cdcecb; color:#000}
	.tab_mn a.slt.on i:before{transform:rotate(-180deg)}
	.tab_mn ul{position:absolute; left:0; top:100%; width:100%; height:0; overflow:hidden; border-bottom:0; background:#fff; transition:height 0.3s; box-shadow:0 0 15px -5px rgba(0,0,0,.61)}
	.tab_mn ul li{position:relative; float:none}
	.tab_mn ul li a{position:relative; display:block; font-size:16px; color:#000; text-align:left; padding:10px 15px}
	.tab_mn ul li a:hover{text-decoration:none}
	.tab_mn ul li a.on{font-weight:400; color:#000}
	.tab_mn ul li a:before{display:block; content:attr(title); font-weight:bold; height:0; overflow:hidden; visibility:hidden}
	.tab_mn .line{display:none}
	.tab_mn a.slt.on + ul{height:auto}


	/* list_type_i */
	ul.list_type_i{margin-top:30px}
	ul.list_type_i li{position:relative; border-top:1px solid #ececec; padding:30px 0 30px 0}
	ul.list_type_i li:after{content:''; display:block; clear:both}
	ul.list_type_i li.alternative{background-position:4.255% 30px; background-size:100px auto}
	ul.list_type_i li.exchange{background-position:4.255% 30px; background-size:100px auto}
	ul.list_type_i li.traditional{background-position:4.255% 30px; background-size:100px auto}
	ul.list_type_i li.gx{background:url(../images/exchange-traded-funds/GX.png) left 40px no-repeat; background-size:100% auto; padding-top:160px}
	ul.list_type_i li.tiger{background:url(../images/exchange-traded-funds/TIGER-SVG-1.svg) left 40px no-repeat; background-size:100% auto; padding-top:120px}
	ul.list_type_i li.horizons{background:url(../images/exchange-traded-funds/Horizons-logo.png) left 40px no-repeat; background-size:100% auto; padding-top:185px}
	ul.list_type_i li.betashares{background:url(../images/exchange-traded-funds/betashares-3.svg) left 40px no-repeat; background-size:100% auto; padding-top:150px}
	ul.list_type_i li.mirae{background:url(../images/exchange-traded-funds/Mirae-Asset-Global-Investments-01-1.svg) left 40px no-repeat; background-size:100% auto; padding-top:190px}
	ul.list_type_i li .ico{position:absolute; left:0; top:0; width:100%; height:100%}
	ul.list_type_i li.global .ico{background-position:4.255% 30px; background-size:100px auto}
	ul.list_type_i li.analysis .ico{background-position:4.255% 30px; background-size:100px auto}
	ul.list_type_i li.long_term .ico{background-position:4.255% 30px; background-size:100px auto}
	ul.list_type_i li.risk .ico{background-position:4.255% 30px; background-size:100px auto}
	ul.list_type_i li.dynamic .ico{background-position:4.255% 30px; background-size:100px auto}
	ul.list_type_i li.disciplined .ico{background-position:4.255% 30px; background-size:100px auto}
	ul.list_type_i li p{margin-bottom:20px}
	ul.list_type_i li a{margin-bottom:20px}
	ul.list_type_i li .hd{height:100px; display:flex; align-items:center; padding-left:37%}
	ul.list_type_i li .hd h4{display:inline}
	ul.list_type_i li .hd + p{margin-top:15px}


	/* list_type_r */
	ul.list_type_r{display:block; display:-ms-flexbox; flex-wrap:wrap; width:100%; margin-left:0; margin-bottom:20px; margin-top:20px}
	ul.list_type_r li{width:100%; box-shadow:1px 2px 5px 3px rgba(0,0,0,.13); border-radius:5px; padding:0 5px 30px; text-align:center}
	ul.list_type_r li .img{width:100%; line-height:130px; text-align:center}
	ul.list_type_r li .img img{width:80px; height:80px; transition:all 0.3s}
	ul.list_type_r li .img img:hover{transform:scale(1.1)}
	ul.list_type_r li strong{display:block; font-size:21px; margin-bottom:10px}
	ul.list_type_r.col2 li{width:100%; margin:0 0 30px 0}
	ul.list_type_r.col3 li{width:100%; margin:0 0 30px 0}
	ul.list_type_r.col4 li{width:100%; margin:0 0 30px 0}



	/* list_type_s */
	ul.list_type_s{margin-top:30px}
	ul.list_type_s li{width:100%; margin-top:40px}
	ul.list_type_s li .img{float:none; width:100%}
	ul.list_type_s li .info{float:none; width:100%; text-align:left; margin-left:0}
	ul.list_type_s li .info h4{display:block; font-size:21px !important; font-weight:700; color:#002d4f; margin-top:17px}
	ul.list_type_s li .info strong{display:block; margin-top:10px}
	ul.list_type_s li .info p{margin:10px 0 25px}


	/* numerical */
	ul.numerical{display:flex; flex-wrap:wrap; width:100%; text-align:center}
	ul.numerical.col3 li{width:100%; margin-top:40px}
	ul.numerical.col3 li:first-child{margin-top:0}
	ul.numerical.col3 li strong{font-size:38px; padding-bottom:20px}
	ul.numerical.col4 li{width:50%; margin-top:40px}
	ul.numerical.col4 li:nth-child(-n+2){margin-top:0}
	ul.numerical.col4 li strong{font-size:37px; padding-bottom:10px}
	ul.numerical.col4 li p br{display:block}


	/* process */
	.process{position:relative; margin-top:40px; width:300px; margin:0 auto}
	.process ul.item{position:relative; width:100%; z-index:10}
	.process ul.item:after{content:''; display:block; clear:both}
	.process ul.item li{position:relative; float:none; width:100%; height:130px; text-align:center; padding:0}
	.process ul.item li:after{content:''; display:block; clear:both}
	.process ul.item li:last-child{height:auto}
	.process ul.item li .icon{float:left; width:80px; display:inline-block; background:#fff}
	.process ul.item li .icon .inner{position:relative; width:80px; height:80px; border:2px solid #0c2a4a; border-radius:100%; transform:scale}
	.process ul.item li .icon .inner img{position:absolute; left:50%; top:50%; width:50%; height:50%; transform:translate(-50%, -50%)}
	.process ul.item li strong{float:left; display:block; width:205px; font-size:24px; font-weight:700; color:#043b72; line-height:30px; margin-top:6px; margin-left:15px;}
	.process ul.item li .small-dot{position:absolute; left:33px; top:-33px; width:15px; height:15px; background:#fff; border:2px solid #0d2d4f; border-radius:100%}
	.process ul.item li .small-dot:after{position:absolute; left:2px; top:2px; width:7px; height:7px; background:#0d2d4f; border-radius:100%; content:""}
	.process ul.item li:first-child .small-dot{display:none}
	.process .line{position:absolute; left:40px; top:0; width:1px; height:100%; background:#0d2d4f}


	/* new_list */
	ul.news_list{width:100%; margin-top:35px; margin-left:0}
	ul.news_list > li{width:100%; margin:0; margin-bottom:30px}
	ul.news_list > li .info{height:auto}
	ul.news_list > li .info .tit{display:block}
	ul.news_list > li .info .desc{height:auto; display:block}


	/* video_sec */
	.video_sec{width:100%}
	.video_sec .video{float:none; width:auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-transition-property:all; transition-property:all; -webkit-transition-duration:.3s; transition-duration:.3s; background:url(../images/about-us/YT_hasbegun2.png) center no-repeat; background-size:cover; z-index:1; cursor:pointer}
	.video_sec .video .button-play{height:30px; width:40px; -webkit-transition-property:all; transition-property:all; -webkit-transition-duration:.3s; transition-duration:.3s; background-color:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; opacity:1; z-index:2; cursor:pointer; border-radius:50%}
	.video_sec .video .button-play:before{font-size:50px; color:red; word-wrap:break-word; position:relative; left:0; margin:0; padding:0}
	.video_sec .video .button-play:hover{-webkit-animation-name:pulse_animation; animation-name:pulse_animation; -webkit-animation-duration:.9s; animation-duration:.9s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:linear; animation-timing-function:linear}
	.video_sec .video .button-play:hover:before{color:red; word-wrap:break-word}
	.video_sec .txt{float:none; width:auto; display:table; text-align:center}
	.video_sec .txt .in{display:table-cell; height:auto; vertical-align:middle}


	/* network_map */
	.network_map{position:relative; width:100%; margin:0 auto}
	.network_map .map{display:none}
	.network_map .pin{position:relative; left:auto !important; top:auto !important; border-bottom:1px solid #84888b}
	.network_map .pin .country{display:block; position:relative; width:auto; height:auto; background:none; text-align:left; padding:10px 20px 10px 10px; z-index:200}
	.network_map .pin .country:after{display:none; position:absolute; left:0; top:62px; width:100%; content:attr(title); font-size:26px; color:#043b72; font-weight:700; text-align:center}
	.network_map .pin .country i{display:block; color: #84888b; position: absolute; right: 0; top: 50%; width: auto; height:auto; font-size: 15px; transform:translateY(-50%)}
	.network_map .pin .country i:before{margin:0; padding:0; transform: rotate(0deg); transition:all 0.3s}
	.network_map .pin .country span.n{position:relative; left:auto; top:auto; display:inline; width:auto; color:#84888b; font-size:20px; line-height:30px; font-weight:700; padding-left:0}
	.network_map .pin .country span.c{display:inline; color:#84888b; font-size:20px; line-height:30px; font-weight:700}
	.network_map .pin .country.t_l span{left:auto; right:auto !important; padding-left:0; padding-right:0}
	.network_map .pin:hover .tooltip{display:none}
	.network_map .pin.on .tooltip{display:block}
	.network_map .pin.on .country:after{display:block}
	.network_map .pin.on .country i:before{transform:rotate(-180deg); color:#043b72}
	.network_map .pin .tooltip .box{position:relative; width:100%; font-size:14px;  text-align:left; padding:80px 15px 45px; background-color:#fff; box-shadow:none; border:1px solid #ebebeb; border-top:1px solid #84888b}
	.network_map .pin .tooltip .box:before{display:none}
	.network_map .pin .tooltip .box p{font-size:16px; margin-bottom:10px}
	.network_map .pin .tooltip .box a{font-size:16px; color:#007bff; font-weight:400}
	.network_map .pin .tooltip .box strong{display:block; font-size:16px; color:#000; font-weight:700; margin-bottom:10px}
	.network_map .pin .tooltip.rt{position:relative; right:auto; top:auto; padding-top:0}
	.network_map .pin .tooltip.lt{position:relative; left:auto; top:auto; padding-top:0}
	.network_map .pin .tooltip.lb{position:relative; left:auto; bottom:auto; padding-bottom:0}
	.network_map .pin .tooltip.rb{position:relative; right:auto; bottom:auto; padding-bottom:0}


	/* Select Portfolio */
	.slt_p_a{margin:0 0 0}
	.slt_p_a li{position:relative; border-top:1px solid #cdcecb; text-align:left; padding:460px 0 60px}
	.slt_p_a li:first-child{border-top:0}
	.slt_p_a li .gra{display:none}
	.slt_p_a li .info{position:relative; padding:30px 0 0; z-index:10}
	.slt_p_a li .info h4{display:block; font-size:21px; font-weight:700; color:#043b72; margin-bottom:10px}
	.slt_p_a li .info p + p{margin-top:25px}
	.slt_p_a li.atlanta{background-position:center 60px; background-size:auto 400px}
	.slt_p_a li.taunusanlage{background-position:center 60px; background-size:auto 400px}
	.slt_p_a li.shanghai{background-position:center 60px; background-size:auto 400px}
	.slt_p_a li.sydney{background-position:center 60px; background-size:auto 400px}
	.slt_p_a li.waikiki{background-position:center 60px; background-size:auto 400px}
	.slt_p_a li.center{background-position:center 60px; background-size:auto 400px}
	.slt_p_a li:nth-child(even){padding-left:0; padding-right:0}
	.slt_p_a li:nth-child(even) .gra{display:none}
	.slt_p_a li:last-child{padding-bottom:0}
	.slt_p_i{width:100%; margin-left:0; margin-top:25px}
	.slt_p_i li{float:none; width:100%; margin:0; margin-top:30px}
	.slt_p_i li:first-child{margin-top:0}
	.slt_p_c{width:100%; margin-left:0; margin-top:45px; margin-bottom:20px}
	.slt_p_c:after{content:''; display:block; clear:both}
	.slt_p_c li{float:none; width:100%; margin:0; margin-top:40px}
	.slt_p_c li:first-child{margin-top:0}
	.slt_p_c li img{height:75px}
	.slt_p_c2{display:inline-block; width:auto; margin-top:20px; margin-bottom:20px}
	.slt_p_c2 .row{margin-top:0}
	.slt_p_c2 .row:first-child{margin-top:0}
	.slt_p_c2 .row .item{display:inline-block; width:100%; margin:30px 0}
	.slt_p_c2 .row .item img{height:65px}
	.slt_p_c2 .row .item.pd_t30{padding-top:0 !important}
	.slt_p_c2 .row .item.w350{width:auto !important}
	.slt_p_c2 .row .item.w350 img{height:100px}
	.slt_p_c2 p{margin-top:30px}


	/* ele */
	.inbox{width:100% !important; margin:0 auto}



	#header{height:83px}
	#header .inner{width:100%}
	#header h1{left:15px; top:14px}
	#header h1 a img{width:160px}
	#header .button-menu{position: absolute; top: 25px; right: 9px; font-size: 18px; color: #043b72; word-wrap: break-word; display: block; cursor: pointer; z-index:10}
	#header .button-menu span{display:none}
	#header .gnb{position:fixed; right:-300px; top:0; width:270px; height:100%; background:#fff; border:1px solid #cdcecb; box-shadow:0 0 15px -5px rgba(0,0,0,.61); z-index:100; overflow-y:auto; transition:right 0.3s ease-in-out}
	#header .gnb.on{right:0}
	#header ul.nav{position:relative; right:auto; top:auto; margin-top:20px}
	#header ul.nav li{float:none; text-align:left}
	#header ul.nav li a{position:relative; height:auto; line-height:1.714; padding:10px 20px; color:transparent; text-transform:uppercase}
	#header ul.nav li a span{position:relative; top:auto; left:auto; transform:none}
	#header ul.nav li a:before{display:none}
	#header ul.nav li.on a{background:#cdcecb}
	#header .search-box{position:absolute; right:44px; top:26px; z-index:50}
	#header .search-box a{color:#f58220; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; cursor:pointer}
	#header .search-box a:hover{color:#043b72; text-decoration:none}
	#header ul.nav-top{position:relative; right:auto; top:auto}
	#header ul.nav-top > li{float:none}
	#header ul.nav-top .wrapper-offices{display:none}
	#header ul.nav-top li .menu-item{height:auto; border:0; padding:10px 20px; margin:0; display:block; cursor:pointer; position:relative; line-height:1.714; font-size:14px; text-transform:uppercase}
	#header ul.nav-top li .menu-item span{position:relative; top:auto; left:auto; color:#043b72; transform:none; display:block}
	#header ul.nav-top li .menu-item:before{display:none}
	#header ul.nav-top li .menu-item.global{display:none}
	#header ul.nav-top li .menu-item.select_location{display:block}
	#header ul.nav-top li .menu-item.select_location i{transition-property: all; transition-duration: .3s; color: #043b72; position: absolute; right: 15px; top: 50%; width: 15px; font-size: 7px; transform: rotate(-180deg) translateY(50%);}
	#header ul.nav-top li.investor{position:relative}
	#header ul.nav-top li.investor:after{height:0; width:100%; border-bottom:5px solid #f58220; position:absolute; bottom:0; display:block; content:""; transform:scaleX(0); transition:transform .25s ease-in-out; transition:transform .25s ease-in-out,}
	#header ul.nav-top li.investor.expanded:after{transform:scaleX(1)}
	#header ul.nav-top li.investor.expanded .global span{font-weight:700}
	#header ul.nav-top li.investor.expanded .global i{transform:rotate(0deg) translateY(-50%) scale(.5); right:-3px}
	#header ul.nav-top li.investor.expanded .select_location i{transform:rotate(0deg) translateY(-50%)}
	#header ul.nav-top li.investor #offices{position:relative; top:auto; right:auto; min-width:100%; transition-property:max-height; transition-duration:.5s; transition-timing-function:ease-in-out; max-height:0; overflow:hidden; box-shadow:none; z-index:100}
	#header ul.nav-top li.investor #offices .wrapper-offices{display:block; display:-ms-flexbox; display:block; padding:10px 20px; background-color:#fff}
	#header ul.nav-top li.investor #offices .wrapper-offices .column.left-column{padding-right:0}
	#header ul.nav-top li.investor #offices .wrapper-offices .column li.title {margin-bottom:15px}
	#header .search_con{position:absolute; left:15px; top:88px; width:calc(100% - 30px)}

	/* container */
	#container{padding-top:83px}


	/* main */
	#container .main .visual{width:100%}
	#container .main .visual .swiper-slide .info{width:100%; height:100%;}
	#container .main .visual .swiper-slide .info strong{font-size:38px; line-height:1.2; margin-bottom:0}
	#container .main .visual .swiper-slide .info p{display:none}
	#container .main .visual .swiper-slide .bg_pc{display:none}
	#container .main .visual .swiper-slide .bg_mo{display:block}
	#container .main .visual .swiper-button-prev{display:none}
	#container .main .visual .swiper-button-next{display:none}
	#container .main .visual .swiper-pagination{display:block; height:8px; bottom:20px}
	#container .main .visual .swiper-pagination-bullet{width:8px; height:8px; background:#fff; opacity:0.5; margin:0 5px; border-radius:0; transition:opacity 0.3s}
	#container .main .visual .swiper-pagination-bullet-active{background:#fff; opacity:1}
	#container .main h2{display:block; font-size:28px; color:#043b72; font-weight:700}
	#container .main .exposures{width:100%; padding:0 15px; margin-top:26px; max-width:540px}
	#container .main .exposures p.desc{font-size:18px; margin-top:7px}
	#container .main .exposures .numerical{margin-top:40px}
	#container .main .investment{width:100%; padding:76px 15px 0}
	#container .main .investment ul.item{width:340px; margin:25px auto 0}
	#container .main .investment ul.item li{float:none; width:100%}
	#container .main .investment ul.item li:after{content:''; display:block; clear:both}
	#container .main .investment ul.item li a .icon{float:left; display:block; width:130px; text-align:center}
	#container .main .investment ul.item li a .icon img{display:inline; width:90px; transition:transform 0.3s }
	#container .main .investment ul.item li a strong{float:left; width:210px; display:block; font-size:21px; color:#043b72; margin-top:0; padding-top:20px}
	#container .main .investment ul.item li a:hover{text-decoration:none}
	#container .main .investment ul.item li a:hover img{transform: scale(1.1)}
	#container .main .news_press{width:100%; background:#f9ead5; text-align:center; padding:46px 0 40px; margin-top:47px}
	#container .main .news_press .inner{width:100%; margin:20px auto 0; padding:0 15px; max-width:540px}
	#container .main .network{max-width:540px; margin:0 auto}
	#container .main .network .network_map{padding:0 15px}


	/* sub */
	#container .sub h2{display:block; font-size:38px; font-weight:700; color:#fff; line-height:1.2}
	#container .sub h3{display:block; font-size:28px; font-weight:700; color:#043b72; line-height:1.2}
	#container .sub h4{display:block; font-size:24px; font-weight:700; color:#043b72; line-height:1.2}
	#container .sub h3 + p{margin-top:25px}
	#container .sub h4 + p{margin-top:10px}
	#container .sub h4 + .txt{margin-top:10px}
	#container .sub .visual{width:100%; height:250px; background:#ff8305; margin-bottom:30px}
	#container .sub .visual .info{width:100%; max-width:540px; height:100%; margin:0 auto; display:table}
	#container .sub .visual .info .in{display:table-cell; vertical-align:middle; padding-left:15px}
	#container .sub .content{width:100%; padding:0 15px; max-width:540px}



	/* about-us */
	#container .about-us .tab_mn{margin-bottom:25px}
	#container .about-us .mirae .introduction{width:100%; margin-top:30px; border-bottom:1px solid #ececec; padding-bottom:60px}
	#container .about-us .mirae .introduction .txt{float:none; width:100%}
	#container .about-us .mirae .introduction .video{position:relative; float:none; width:100%; height:56.296vw; background:#000; margin-top:20px}
	#container .about-us .milestones .timeline-wrap{text-align:left; border-top:1px solid #ececec; padding-top:65px; margin-top:30px}
	#container .about-us .milestones .timeline-wrap.line {overflow: initial;} /* 2024-05-29 추가 */
	#container .about-us .milestones .timeline-wrap .col{position:relative;	width:100%;	min-height:1px;	padding-right:0;	padding-left:0}
	#container .about-us .milestones .timeline-wrap .timeline-container{width:100%; height:auto} /* 2024-05-29 수정 */
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline{height:auto; width:100%; position:relative}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes{height:auto;	width:100%;	display:block;	display:-ms-flexbox;	display:block;	padding-right:0}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .box-text .date,
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle .popover .date{font-size:24px; color:#043b72;	font-weight:700; line-height:1.916;	word-wrap:break-word}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .box-text p,
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle .popover .wysiwyg p{font-size:14px;	color:#000;	font-weight:400; line-height:1.714;	word-wrap:break-word}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box{-webkit-transition-property:all;	transition-property:all;	-webkit-transition-duration:1.5s;	transition-duration:1.5s;	-webkit-transition-delay:20ms;	transition-delay:20ms;	padding-right:0;	padding-left:0;	display:-webkit-box;	display:-ms-flexbox;	display:flex;	-webkit-box-orient:vertical;	-webkit-box-direction:normal;	-ms-flex-direction:column;	flex-direction:column;	border-left:1px solid #cdcecb;	opacity:0;	-webkit-transform:scale(.4);	transform:scale(.4)}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box:last-child{border-left:0}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle{background-color:#f58220;	height:14px;	width:14px;	position:relative;	bottom:0;	margin-bottom:-6px;	margin-left:-8px;	border-radius:50%}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle:after{position:absolute; left:14px; top:7px; width:32px; height:1px; background:#cdcecb; content:""}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle .popover{position:relative;	bottom:40px;	left:10px;	padding:10px 10px 15px;	height:auto;	width:220px;	background-color:#fff;	border:1px solid transparent;	-webkit-transition:all 1s;	transition:all 1s;	visibility:hidden;	opacity:0;	z-index:40}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle .popover-tail:before{position:relative;	top:100%;	height:0;	width:0;	content:" ";	border:11px solid transparent}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle .popover-tail:after{position:relative;	top:100%;	height:0;	width:0;	content:" ";	border:16px solid transparent}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle .popover-2{background-color:#fff;	-webkit-box-shadow:0 3px 35px 5px hsla(0,0%,86%,.7);	box-shadow:0 3px 35px 5px hsla(0,0%,86%,.7);	border:1px solid hsla(0,0%,78%,.45)}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle .popover-2:before{border-top-color:hsla(0,0%,78%,.3);	border-left-color:hsla(0,0%,78%,.3);	left:-1px}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle .popover-2:after{border-width:10px;	border-top-color:#fff;	border-left-color:#fff;	left:0}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle .popover-2-left{left:auto;	right:10px}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle .popover-2-left:before{left:auto;	right:-1px;	border-left-color:transparent;	border-right-color:hsla(0,0%,78%,.3)}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle .popover-2-left:after{left:auto;	right:0;	border-left-color:transparent;	border-right-color:#fff}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle:hover .popover{visibility:visible;	opacity:1}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .circle .bullet-link{position:relative;	top:0;	right:0;	bottom:0;	left:0;	z-index:20}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .box-text{height:auto; bottom:24px;	width:100%;	padding-bottom:30px;	padding-left:45px;	position:relative}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .box-text.wd280{width:100%;}/* 2024-07-09 추가*/
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .box-text .date{padding-bottom:0;	-webkit-transition:all .35s ease-in-out;	transition:all .35s ease-in-out;	-webkit-transform-origin:0 100%;	transform-origin:0 100%}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box .box-text .whole-box-link{position:relative;	top:0;	right:0;	bottom:30px;	left:0;	z-index:20}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box.row2{top:auto}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .box-animation{opacity:1;	-webkit-transform:scale(1);	transform:scale(1)}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .bottom{position:relative}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .bottom .circle{margin-top:-8px;	top:0}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .bottom .box-text{padding-top:0;	padding-bottom:30px}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .bottom .box-text .whole-box-link{position:relative;	top:30px;	right:0;	bottom:0;	left:0}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .bullet{border-left:1px solid #cdcecb}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .bullet .circle{background-color:#f58220}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline .container .boxes .bullet .box-text{display:block}
	/* 2024-05-29 추가 s */
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline.animation:before {width: 100%;}
	#container .about-us .milestones .timeline-wrap .timeline-container .timeline.animation .container .boxes .box.ani1, #container .about-us .milestones .timeline-wrap .timeline-container .timeline.animation .container .boxes .box.ani12, #container .about-us .milestones .timeline-wrap .timeline-container .timeline.animation .container .boxes .box.ani12.row2, #container .about-us .milestones .timeline-wrap .timeline-container .timeline.animation .container .boxes .box.ani14, #container .about-us .milestones .timeline-wrap .timeline-container .timeline.animation .container .boxes .box.ani15 {left: 0;}
	/* // 2024-05-29 추가 e */
	#container .about-us .milestones .timeline-wrap .timeline-container .date-grow-switch{opacity:1}
	#container .about-us .milestones .slider ul.swiper-wrapper .swiper-slide{width:100%}
	#container .about-us .milestones .slider .swiper-button-prev{left:0}
	#container .about-us .milestones .slider .swiper-button-next{right:0}


	/* Exchange Traded Funds */
	#container .exchange_traded_funds .video_sec .video{width:100%; height:196px; background:url(../images/exchange-traded-funds/ETF_Video_Capture_Inv_Opp.png) center no-repeat; background-size:cover}
	#container .exchange_traded_funds .video_sec .txt{width:100%; margin-left:0; margin-top:50px}
  #container .exchange_traded_funds .video_box{display:block; align-items:center;}
  #container .exchange_traded_funds .video_box p{width:100%;}
  #container .exchange_traded_funds .video_box p br.mo{display:block;}
  #container .exchange_traded_funds .video_box p br.pc{display:none;}
  #container .exchange_traded_funds .video_box .video{width:92vw; max-width:510px; height:51.466vw; max-height:285px; margin-top:50px;}


	/* Exchange Traded Funds : global-x */
	#container .global-x .numerical{margin-bottom:45px}
	#container .global-x .video_sec .video{width:100%; height:248px; background:url(../images/exchange-traded-funds/hqdefault.jpg) center no-repeat; background-size:cover}
	#container .global-x .video_sec .txt{width:100%; margin-left:0; margin-top:50px}


	/* global-network */
	#container .global-network .network_map{margin-top:30px}


	/* global-network */
	#container .contact-us h3{font-size:21px !important}
	#container .contact-us .ipt_box textarea{width:100%; height:200px}
	#container .contact-us .ipt_box .con_l{float:none; width:100%}
	#container .contact-us .ipt_box .con_r{float:none; width:100%; padding-top:40px}


	/* others */
	#container .others h3.tit1{font-size:28px; text-align:center; color:#000; line-height:34px; padding:60px 0 40px}
	#container .others h3.tit2{font-size:24px; color:#000; line-height:28px}
	#container .others h3.tit3{font-size:24px; color:#043b72; line-height:28px}
	#container .others h3.tit4{font-size:24px; text-align:center; color:#000; line-height:28px; padding:40px 0 20px}
	#container .others h4{display:block; font-size:21px; margin-top:50px}
	#container .others h4 + p{margin-top:20px}
	#container .others p{margin-top:10px}
	#container .others a{color:#007bff}
	#container .others a:hover{color:#f58220}
	#container .others ul.bullet{padding-left:20px}
	#container .others ul.bullet li{list-style:disc}
	#container .others h4 + ul.bullet{margin-top:20px}


	/* footer */
	#footer .top .inner{width:100%; margin:0 auto; max-width:820px}
	#footer .bottom .inner{width:100%; margin:0 auto; max-width:820px}
	#footer .bottom p.copy{margin-top:25px}


	/* pop_video */
	#pop_video{display:none; position:fixed; left:50%; top:15px; margin-left:0; width:calc(100% - 30px); padding:30px 15px 15px 15px; transform:translateX(-50%)}
	#pop_video iframe{width:100%; height:50.6vw}
	#pop_video a.close{position:absolute; right:0; top:0;}
	#pop_video a.close:hover{text-decoration:none}
	#pop_video a.close span{display:none}
	#pop_video.on{display:block}


	/* cookie_bar */
	#cookie_bar .inner{max-width:820px; padding:0 15px}


	/* etc */
	#page_top{right:10px}


	/* 201021 */
	#container .main .visual {
		height:350px;
	}
	#container .about-us .milestones .slider {
		height:253px;
	}

	ul.news_list > li{padding-bottom:28px;}
	ul.news_list > li:hover{padding-bottom:24px;background:#f5f5f5;}
	ul.news_list > li a.link{background:none;}
	ul.news_list > li a.link:hover{background:none;}
	/*
	ul.news_list > li ul.social{left: initial;bottom: initial;top: 210px;right: 10px;}
	ul.news_list > li:hover ul.social{left: initial;bottom: initial;top: 206px;right: 6px;}
	*/

}


@media all and (max-width:900px)
{
	#footer .top{padding:30px 0 0}
	#footer .top .inner{max-width:540px; padding:0 15px}
	#footer .top ul.menu{width:100%; margin-top:35px}
	#footer .top ul.menu:after{content:''; display:block; clear:both}
	#footer .top ul.menu > li{float:none; margin-right:90px; margin-top:30px}
	#footer .top ul.menu > li:first-child{margin-top:0}
	#footer .top ul.social{position:relative; right:auto; top:auto; margin-top:30px}
	#footer .bottom{background:#f58220; padding:35px 0 40px}
	#footer .bottom .inner{max-width:540px; margin:0 auto; padding:0 15px}
	#footer .bottom p.copy{margin-top:25px}

	/* cookie_bar */
	#cookie_bar{position:fixed; left:0; bottom:0; width:100%; background:#eee; padding:15px 0; z-index:9000}
	#cookie_bar .inner{position:static; width:100%; max-width:540px; margin:0 auto; display:block; align-items:center}
	#cookie_bar p{width:100%; font-size:14px; line-height:24px; padding-right:0; border-right:0}
	#cookie_bar .btn{width:100%; text-align:left; margin-top:15px}
	#cookie_bar a.close{position:absolute; right:10px; top:15px}
}

@media all and (max-width:500px){
	#container .main .visual .swiper-slide .bg_mo{display:none;}
	#container .main .visual .swiper-slide .bg_mo2{display:block;}
	#container .sub .country-icons ul{width:100%;}
	#container .sub .country-icons ul.odd-ul{width:50%;}
}