.main_visual_type3{
	overflow: hidden !important;
}
.main_visual_type3 .mySwiper{
	position: relative;
}
.main_visual_type3 .swiper-slide{
	height:900px;
	position:relative;
	overflow:hidden;
}


/* 메인 비주얼 텍스트 */
.main_visual_type3 .swiper-slide .text_item{
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	transform:translateY(-50%);
	color:#fff;
	z-index:5;
}
.main_visual_type3 .swiper-slide .text_item .text{
	width: 50%;
	margin-left: auto;
	padding-left: 5rem;
	color: #fff;
}
.main_visual_type3 .swiper-slide .text_item .mv_t1{
	font-weight: 400;
	font-size:5rem;
	letter-spacing: -.5px;
}
.main_visual_type3 .swiper-slide .text_item .mv_t2{
	font-size:2rem;
	margin-top:3rem;
	letter-spacing: -.4px;
}
.main_visual_type3 .swiper-slide .visual_img{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition:all 5s;
}

/* 버튼 */
.main_visual_type3 .controller{
	position:absolute;
	left:50%;
	top:70%;
	z-index:10;
	color:#fff;
	display:flex;
	align-items: center;
	transform:translate(-50%,-50%);
}
.main_visual_type3 .controller > div{
	display: flex;
	max-width: 740px;
	width: 50%;
	margin-left: auto;
	padding-left: 5rem;
	color: #fff;
}
.main_visual_type3 .controller .mv_prev,
.main_visual_type3 .controller .mv_next{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	font-size:1.5rem;
	border: 1px solid #535353;
}
.main_visual_type3 .controller .mv_next{
	border-left: none;
}
.main_visual_type3 .controller .mv_pagination{
	display:flex;
	align-items: center;
	margin-left:1.5rem;
}
/* 버튼 스타일 변경 */
.main_visual_type3 .swiper-pagination-bullet {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: auto;
	margin: 0 10px;
	background-color: transparent;
	border-radius: 50%;
	cursor: pointer;
	transition: 0.3s;
	outline: none;
	opacity:1;
}
.main_visual_type3 .swiper-pagination-bullet-active::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:2px solid rgba(255,255,255,.3);
	border-radius:100%;
}
.main_visual_type3 .swiper-pagination-bullet::after{
	content:"";
	position:absolute;
	width:11px;
	height:12px;
	background:url(../_img/main/main_visual_swiperIcon.png) no-repeat center center / 11px 12px;
}
.main_visual_type3 .swiper-pagination-bullet-active::after{
	background:url(../_img/main/main_visual_swiperIcon_active.png) no-repeat center center / 11px 12px;
}


/* 주요 금속시세 비주얼 */
.main_visual_type3 .quotation_con{
	z-index: 10;
	position: absolute;
	left:50%;
	top:50%;
	width: 100%;
	transform:translate(-50%,-50%);
}
.main_visual_type3 .quotation{
	max-width: 660px;
	width: 50%;
	color: #fff;
}
.main_visual_type3 .quotation .top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 3rem;
	background: url(../_img/main/main_visual_quotation_bg.jpg) no-repeat center center / cover;
}
.main_visual_type3 .quotation .top a{
	padding: 1rem 2rem;
	background: #000;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
}
.main_visual_type3 .quotation .title{
	display: flex;
	align-items: center;
}
.main_visual_type3 .quotation .list_con{
	height: 57.5rem;
	padding: 1.5rem;
	background: rgba(22,22,22,.9);
}
.main_visual_type3 .quotation .list{
	padding-right: 3.5rem;
	height: 100%;
	overflow-y: scroll;
}
.main_visual_type3 .quotation .list::-webkit-scrollbar{
	width: 1rem;
	background: #444; /* 스크롤바 뒷 배경 색상 */
	border-radius: 12px 12px 12px 12px;
}
.main_visual_type3 .quotation .list::-webkit-scrollbar-thumb {
	background: #f19938; /* 스크롤바 막대 색상 */
	border-radius: 12px 12px 12px 12px;
}
.main_visual_type3 .quotation .list::-webkit-scrollbar-track {
	background: #444; /* 스크롤바 뒷 배경 색상 */
	border-radius: 12px 12px 12px 12px;
}
.main_visual_type3 .quotation .list table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px 0;
	table-layout:fixed
}
.main_visual_type3 .quotation .list th{
	padding: 1rem;
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
	background: #525252;
}
.main_visual_type3 .quotation .list td{
	padding:1rem 0;
	font-size: 2rem;
	word-break: break-all;
	text-align: center;
}
.main_visual_type3 .quotation .list td.name{
	/* text-overflow:ellipsis; 
	overflow:hidden; */
	font-weight: 500;
}
.main_visual_type3 .quotation .list td.name .lan_Ko{
	font-size: 1.8rem;
	letter-spacing: -.5px;
}
.main_visual_type3 .quotation .list td.name .lan_En{
	display: none;
	font-size: 1.35rem;
}
.main_visual_type3 .quotation .list  td{
	border-top: 1px solid #444545;
}

.main_visual_type3 .quotation .list td.price{
	font-weight: 600;
}
.main_visual_type3 .quotation .list td.price p{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	font-weight: 300;
}
.main_visual_type3 .quotation .list td.price p img{
	margin: 0 5px;
}
.main_visual_type3 .quotation .list td.arrow{
	cursor: pointer;
	background: #333;
	transition: all 0.3s;
}
.main_visual_type3 .quotation .list td.arrow i{
	transition: all 0.3s;
}
.main_visual_type3 .quotation .list td.arrow:hover,
.main_visual_type3 .quotation .list td.arrow.click{
	background: #da4800;
}
.main_visual_type3 .quotation .list td.arrow.click i{
	transform: rotate(180deg);
}
.main_visual_type3 .quotation .list tr.contents{
	display: none;
	height: 14rem;
	padding: 0;
	background: #fff;
}
.main_visual_type3 .quotation .list tr.contents td{
	padding: 0 !important;
}
.main_visual_type3 .quotation .list tr.contents.open{
	display: table-row;
}
.main_visual_type3 .quotation .list tr.contents.open .graph{
	width: 100%;
	height: 20rem;
}


/* 스크롤 다운 */
.main_visual_type3 .scroll_down{
	position:absolute;
	right:3rem;
	bottom:14rem;
	z-index:3;
}
.main_visual_type3 .scroll_down button{
	display:block;
	border:none;
	background:none;
	outline: none;
	color:#fff;
	position:relative;
	width:16px;
	height:100px;
	padding-bottom:15px;
}
.main_visual_type3 .scroll_down button span{
	position:absolute;
	bottom:50%;
	margin-bottom:10px;
	left:50%;
	transform:translateX(-50%) rotate(-90deg);
	margin-left:-1px;
	width:100px;
	font-weight:300;
	font-size:11px;
	letter-spacing: 1px;
}
.main_visual_type3 .scroll_down button::after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:13px;
	height:15px;
	background: url(../_img/main/main_visual_scrollDown.png) 13px 15px;
}

/* 공지 */
.main_visual_type3 .notice{
	padding: 2rem 0;
	background: #333;
}
.main_visual_type3 .notice > div{
	display: flex;
	align-items: center;
}
.main_visual_type3 .notice p{
	color: #fff;
}
.main_visual_type3 .notice > div > p{
	margin-right: 2.5rem;
	padding: .7rem 3rem;
	border-radius: 2.1rem;
	background: #ef7c26;
}
.animated-title {
	position: relative; 
	width: 100%;
	max-width:100%; 
	height: 8rem; 
	padding:4rem 0; 
	overflow-x: hidden; 
	overflow-y: hidden; 
}
.animated-title .track {
	position: absolute;
	white-space: nowrap;
}
.animated-title .track.animation {
	will-change: transform;
	animation: marquee 40s linear infinite; 
}
.animated-title .content {
	-webkit-transform: translateY(calc(100% - 4rem)); 
	transform: translateY(calc(100% - 4rem));
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-105%); }
}

@media (max-width:1227.98px) {
	.main_visual_type3 .swiper-slide .text_item .mv_t2 br{
		display: none;
	}
}
@media (max-width:1199.98px) {
	.main_visual_type3 .swiper-slide .text_item .text,
	.main_visual_type3 .controller > div{
		width: 40%;
		padding-left: 2rem;
	}
	.main_visual_type3 .swiper-slide .text_item .mv_t1{
		font-size:3.5rem;
	}
	.main_visual_type3 .swiper-slide .text_item .mv_t2{
		font-size:1.8rem;
	}

	.main_visual_type3 .quotation{
		width: 60%;
	}
}
@media (max-width:991.98px) {
	.main_visual_type3 .mySwiper{
    height:85rem;
		background: url(../_img/main/main_visual.jpg) no-repeat center center / cover;
	}
	.main_visual_type3 .swiper-wrapper,
	.main_visual_type3 .controller > div{
		display: none;
	}
	.main_visual_type3 .quotation_con{
		top:50.7%;
	}
	.main_visual_type3 .quotation{
		width: 100%;
	}
	.main_visual_type3 .notice{
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	.animated-title {
    height: 3rem;
    padding: 1.5rem 0;
	}

	.main_visual_type3 .quotation .list_con colgroup col:first-child{
		width: 20% !important;
	}
	.main_visual_type3 .quotation .list_con colgroup col:not(:first-child){
		width: 34.5% !important;
	}
	.main_visual_type3 .quotation .list_con colgroup col:last-child{
		width: 11% !important;
	}
}
@media (max-width:767.98px) {
	.main_visual_type3 .quotation_con {
		top: 50.5%;
		padding-right: 5px !important;
		padding-left: 5px !important;
	}
	.main_visual_type3 .quotation .top {
    padding: 2rem 3rem;
	}
	.main_visual_type3 .quotation .list_con {
		padding: 2rem .5rem;
	}
	.main_visual_type3 .mySwiper {
    height: 90rem;
	}
	.main_visual_type3 .notice > div > p {
    max-width: 15rem;
	}

	.main_visual_type3 .scroll_down{
		display: none;
	}
}
@media (max-width:575.98px) {
	.main_visual_type3 .mySwiper{
    height:86.2rem;
	}
	.main_visual_type3 .quotation_con{
		top: 52.1rem;
		height: calc(100% - 15rem);
		padding: 0 !important;
	}
	.main_visual_type3 .quotation .top {
    padding: 1.5rem 2rem;
	}
	.main_visual_type3 .quotation .list_con {
		padding: 0;
		height: 55rem;
	}
	.main_visual_type3 .quotation .list {
    padding-right: 1.25rem;
	}
	.main_visual_type3 .quotation .list table {
    border-spacing: 1.5px 0;
	}
	.main_visual_type3 .quotation .list th{
		padding: 1rem .5rem;
	}
	.main_visual_type3 .quotation .list td.price p img {
    max-width: 10px;
		font-size: 1.9rem;
	}

	.main_visual_type3 .quotation .top a{
		padding: 1rem 1.5rem;
		font-size: 1.6rem;
	}
	.main_visual_type3 .quotation .list::-webkit-scrollbar{
		width: 1.2rem;
	}

	.main_visual_type3 .notice {
    padding: 1rem 0;
	}
	.main_visual_type3 .notice > div > p {
    max-width: 8rem;
		padding: 0.7rem 2rem;
		margin-right: 1.5rem;
	}
}
@media (max-width:339.98px) {
	.main_visual_type3 .quotation .list {
    padding-right: 1rem;
	}
	.main_visual_type3 .quotation .list th {
    font-size: 1.5rem;
	}
}



/* 배너 */
#main_container .banner{
	margin-top: 4rem;
}
#main_container .banner a{
	width: 100%;
	height: 100%;
	display: block;
	padding: 6.5rem;
}
#main_container .banner p{
	color: #fff;
}
#main_container .banner p span{
	display: block;
	font-family: 'Play';
	font-size: 1.8rem;
	font-weight: bold;
	color: #64d9e8;
}
#main_container .banner p i{
	position: relative;
	margin-left: 3rem;
}
#main_container .banner p i::after{
	content: '';
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	width: 4.4rem;
	height: 5.2rem;
	background: url(../_img/main/banner_Polygon.png) no-repeat center center / 4.4rem 5.2rem;
}
@media (max-width:767.98px) {
	#main_container .banner{
		margin-top: 3rem;
	}
	#main_container .banner a{
		padding: 4rem 2rem;
	}
}




/* section 공통 */
a.moreBtn{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 12.3rem;
	height: 5.2rem;
	padding-right: 1.5rem;
	background: url(../_img/main/main_MorePolygon.png) no-repeat right center / auto 100%;
}
a.moreBtn i{
	margin-left: 3px;
}



/*---------- sec01 ----------*/
#main_container > .sec01{
	z-index: 1;
	position: relative;
	padding:11rem 15px;
	padding-top: 5.5rem;
}
#main_container > .sec01::after{
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	height:50%;
	bottom:0;
	background:#f9f9f9;
	z-index:-1;
}
#main_container > .sec01 > .title{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media (max-width:767.98px) {
	#main_container > .sec01{
		padding:8rem 15px;
		padding-top: 4rem;
	}
}
/*---------- sec01 ----------*/



/*---------- sec02 ----------*/
#main_container > .sec02{
	padding-top: 3.5rem;
	padding-bottom: 11rem;
}
#main_container > .sec02 > .section_part{
	margin-bottom: 6rem;
}
#main_container > .sec02 > .section_part:last-of-type{
	margin-bottom: 0;
}
#main_container > .sec02 .sub_title{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#main_container > .sec02 .sec02_tab{
	display: flex;
	margin: 1rem 0;
}
#main_container > .sec02 .sec02_tab li{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	width: calc(100% / 6);
	text-align: center;
	font-size: 2.5rem;
	font-weight: 500;
	border: 1px solid #ddd;
	border-left: none;
	word-break: break-all;
}
#main_container > .sec02 .sec02_tab li:first-child{
	border-left: 1px solid #ddd;
}
#main_container > .sec02 .sec02_tab li.clicked{
	color: #fff;
	background: #ef7c26;
	border-color: #ef7c26 !important;
}
@media (max-width:991.98px){
	#main_container > .sec02 .sec02_tab{
		flex-wrap: wrap;
	}
	#main_container > .sec02 .sec02_tab li{
		width: calc(100% / 3);
	}
	#main_container > .sec02 .sec02_tab li:nth-child(4),
	#main_container > .sec02 .sec02_tab li:nth-child(5),
	#main_container > .sec02 .sec02_tab li:last-child{
		border-top: none;
	}
	#main_container > .sec02 .sec02_tab li:nth-child(4){
		border-left: 1px solid #ddd;
	}
}
@media (max-width:767.98px) {
	#main_container > .sec02 .sec02_tab li{
		font-size: 2.3rem;
	}
}
@media (max-width:575.98px) {
	#main_container > .sec02 a.moreBtn{
		max-width: 8.5rem;
	}
	#main_container > .sec02 .sec02_tab li{
		padding: .5rem;
		font-size: 2.2rem;
	}
}


/*---------- sec02 ----------*/



/*sec03*/
#main_container > .sec03{
	padding-bottom: 15rem;
}
#main_container > .sec03 > .title{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#main_container > .sec03 .box{
	background:#fff;
	height:380px;
	position:relative;
	padding:40px 35px;
}
#main_container > .sec03 .box.latest > h4{
	font-size:1.6rem;
	margin-bottom:2.5rem;
}
#main_container > .sec03 .box.latest > h4 > span{
	color:#008cd6;
	border-bottom:1px solid #008cd6;
	font-weight:400;
}
#main_container > .sec03 .box.latest .swiper-slide dt{
	font-size:2.2rem;
	font-weight:300;
	line-height:1.6;
	padding-bottom:1.5rem;
	margin-bottom:1.7rem;
	position:relative;
}
#main_container > .sec03 .box.latest .swiper-slide dt:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-1px;
	height:2px;
	width:35px;
	background:#008cd6;
}
#main_container > .sec03 .box.latest .swiper-slide dd{
	font-size:1.5rem;
	font-weight:300;
	line-height:1.6;
	display:inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:100%;
	position:relative;
	height:120px;
	line-height:24px;
	white-space: normal;
	text-align: left;
	word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;


}
#main_container > .sec03 .box.latest .latest_nav{
	position:absolute;
	left:25px;
	bottom:40px;
	font-size:18px;
	color:#aaa;
}
#main_container > .sec03 .box.latest .latest_nav a{
	color:inherit;
	position:relative;
	float:left;
	margin-right:41px;
}
#main_container > .sec03 .box.latest .latest_nav a:first-child:after{
	content:"";
	position:absolute;
	right:-21px;
	top:50%;
	margin-top:-12px;
	height:26px;
	border-right:1px solid #ccc;
}
#main_container > .sec03 .box.bn{
	display:block;
	text-align:center;
	color:#666
}
#main_container > .sec03 .box.bn1 {
	background:#008cd6;
	color:#fff;
}
#main_container > .sec03 .box.bn > div{
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	transform:translateY(-50%);
}
#main_container > .sec03 .box.bn > div > h4{
	font-size:2.2rem;
	color:#000;
	margin-bottom:20px;
	padding-top:111px;
}
#main_container > .sec03 .box.bn1 > div > h4{
	color:#fff;
}

#main_container > .sec03 .box.bn1 > div > h4{
	background:url(../_img/main/main_icon1.png) no-repeat center top / 70px auto;
}
#main_container > .sec03 .box.bn2 > div > h4{
	background:url(../_img/main/main_icon2.png) no-repeat center top / 70px auto;
}

#main_container > .sec03 .box.bn > div > p:nth-of-type(1){
	font-size:1.6rem;
	font-weight:300;
	color:#999;
}
#main_container > .sec03 .box.bn1 > div > p:nth-of-type(1){
	color:#fff;
	opacity:.8
}
#main_container > .sec03 .box.bn > div > p:nth-of-type(2){
	border-top:1px solid #ddd;
	width:70%;
	margin:0 auto;
	padding:15px 0 0 0;
	font-size:1.6rem;
	font-weight:300;
	margin-top:15px;
}

/* @media(max-width:991.98px){
 	.main_visual{
		height:auto;
	}
	.main_visual#main_visual_pc{
		display:none;
	}

	.main_visual#main_visual_mo{
		display:block;
		padding-top: 67px;
	}

	.main_visual .swiper-slide {
		
		max-height:280px;
	    position: relative;
	}
} */