.main_visual .swiper-slide{
	height:312px;
	position:relative;
}
.main_visual .swiper-slide > .txt_box{
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	text-align:left;
	color:#fff;
}
.main_visual .swiper-slide > .txt_box h3{
	font-size:6rem;
	font-weight:700;
}
.main_visual .swiper-slide > .txt_box p{
	font-size:1.8rem;
	font-weight:300;
	position:relative;
	padding-top:4rem;
	margin-top:4rem;
}
.main_visual .mv_prev,
.main_visual .mv_next{
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	z-index:5;
	background:rgba(0,0,0,.3);
	color:#fff;
	width:8rem;
	height:8rem;
	text-align:center;
	line-height:8rem;
	border-radius:100%;
	font-size:3rem;
	display:none;
}
.main_visual .mv_prev{
	left:6rem;
}
.main_visual .mv_next{
	right:6rem;
}


/*sec01*/
.main_list_swiper .swiper-slide{
	width:31rem;
}
.main_list_swiper .swiper-slide > a{
	display:block;
	text-decoration:none;
}
.main_list_swiper .swiper-slide .thum{
	padding-top:105%;
	margin-bottom:3rem;
}
.main_list_swiper .swiper-slide .title{
	font-size:2.2rem;
	margin-bottom:1rem;
	color:#222;
}
.main_list_swiper .swiper-slide .desc{
	color:#555;
	font-weight:300;
	font-size:1.6rem;
	line-height:1.5;
	height:5.2rem;
}
.main_list_swiper .swiper-slide .status{
	border-top:1px solid #e9e9e9;
	margin-top:3rem;
	padding-top:3rem;
	position:relative;
	color:#888
}
.main_list_swiper .swiper-slide .status i{
	color:#bf974c;
}
.main_list_swiper .swiper-slide .status p{
	float:right;
	position:relative;
	background:#af8c4d;
	color:#fff;
	padding:0px 12px;
	padding-left:34px;
	border-radius:20px;
	height:30px;
	line-height:30px;
	transform:translatey(-5px);
	width:100px;
	text-align:center;
}
.main_list_swiper .swiper-slide .status p::after{
	content:"";
	position:absolute;
	left:3px;
	top:50%;
	width:24px;
	height:24px;
	background:#fff;
	border-radius:100%;
	transform:translatey(-50%);
}
.main_list_swiper .swiper-slide .status p.on{
	background:#fff;
	border:1px solid #ddd;
	color:#555;
	padding-left:12px;
	padding-right:34px;
	line-height:28px;
}
.main_list_swiper .swiper-slide .status p.on::after{
	left:auto;
	right:3px;
	background:#383838;
}

#main_container .section_title{
	position:relative;

}
#main_container .section_title .side{
	position:absolute;
	right:5rem;
	bottom:4rem;
}
/*section01*/
#main_container{
	background:url(../_img/main/sec-01-bg.jpg) no-repeat center center / cover;
}


/*section02*/
#main_container > .sec02{
	padding:8rem 0 8rem 5rem;
	background:url(../_img/main/sec-02-bg.jpg) no-repeat center center / cover;
}

/*section03*/
#main_container > .sec03{
	padding:12rem 0;
	background:url('https://www.starot.co.kr/html/_img/main/sec-03-bg.jpg') no-repeat center center / cover;
}
#main_container > .sec03 h3 + p{
	color:#fff;
	opacity:.5;
	text-align:center;
	font-weight:300;
	margin-top:1rem;
}
#main_container > .sec03 .list_container{
	display:block;
	width:100%;
}
#main_container > .sec03 .list_container .swiper-container{
	height: 718px;
	width:100%;
}
#main_container > .sec03 .list_container .swiper-slide{
	font-size:1.6rem;
	display:flex;
}
#main_container > .sec03 .list_container .swiper-slide ul{
	display:block;
}
#main_container > .sec03 .list_container .swiper-slide > li{
	display:block;
	color:#fff;
	padding:2rem .5rem;
	text-align:center;
	border-bottom:1px solid rgba(255,255,255,.1);
}
#main_container > .sec03 .list_container .swiper-slide > li > a{
	display:block;
	color:inherit;
    word-break:keep-all;
}
#main_container > .sec03 .list_container .t_head{
	background:#120d1e;
	font-weight:600;
	font-size:1.8rem;
	display:flex;
}
#main_container > .sec03 .list_container .t_head > li{
    color: #fff;
    padding: 2rem .5rem;
    text-align: center;
}
#main_container > .sec03 .list_container ul > li:first-child,
#main_container > .sec03 .list_container ul > li:last-child{
	flex-basis:0;
	flex-grow:1;
}
#main_container > .sec03 .list_container ul > li:nth-child(2){
	width:60%;
}
#main_container > .sec03 .list_container .swiper-slide.t_body{
	font-size:1.6rem;
	font-weight:400;
	background:rgba(0,0,0,.2);
}
#main_container > .sec03 .list_container .swiper-slide.t_body > li:first-child,
#main_container > .sec03 .list_container .swiper-slide.t_body > li:last-child{
	flex-basis:0;
	flex-grow:1;
}
#main_container > .sec03 .list_container .swiper-slide.t_body > li:nth-child(2){
	width:60%;
}
@media(max-width:991.98px){
	#main_container > .sec03 .list_container .swiper-slide.t_body > li:first-child{ 
		width: 25% !important;
		max-width:25% !important;
		max-width:100%;
		text-overflow:ellipsis;
		overflow:hidden;
	}
	#main_container > .sec03 .list_container ul > li:nth-child(2),
	#main_container > .sec03 .list_container .swiper-slide.t_body > li:nth-child(2){
		width:55%;
	}
	#main_container > .sec03 .list_container .swiper-slide.t_body > li:last-child {
		width:20%;
	}
}

/*section04*/
#main_container > .sec04 {
	padding:12rem 0;
}
#main_container > .sec04 .inner{
	max-width:840px;
	margin:0 auto;
}
#main_container > .sec04 .row a{
	display:block;
	text-align:center;
	color:#000;
	font-size:1.6rem;
	font-weight:500;
}
#main_container > .sec04 .row a i{
	font-size:4rem;
	display:block;
	margin-bottom:2rem;
}


@media(max-width:991.98px){
	.main_visual .swiper-slide > .txt_box{
		text-align:center;
		padding-top:15rem
	}
	.main_visual .mv_prev,
	.main_visual .mv_next{
		width:6rem;
		height:6rem;
		line-height:6rem;
		font-size:2.4rem;
		margin-top:7rem;
	}
	.main_visual .mv_prev{
		left:3rem;
	}
	.main_visual .mv_next{
		right:3rem;
	}

	#main_container > .main_cs_banner::after{
		display:none;
	}
	#main_container > .main_cs_banner .container{
		padding:0;
	}
	#main_container > .main_cs_banner a{
		padding:2rem !important;
	}
	#main_container > .main_cs_banner a span{
		display:block;
	}
	#main_container > .main_cs_banner a i{
		right:2rem;
	}

	/*section01*/
	#main_container > .sec01{
		padding:5rem 0 5rem 3rem;
		background:url(../_img/main/sec-01-bg.jpg) no-repeat center center / cover;
	}

	/*section02*/
	#main_container > .sec02{
		padding:5rem 0 5rem 3rem;
		background:url(../_img/main/sec-02-bg.jpg) no-repeat center center / cover;
	}

	#main_container > .sec03,
	#main_container > .sec04{
		padding:8rem 0;
	}
	#main_container > .sec03 .list_container .swiper-slide.t_body > li p,
	#main_container > .sec04 .list_container .swiper-slide.t_body > li p{
		height:20px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:pre;
	}

}
@media(max-width:767.98px){
	.main_visual .swiper-slide{
		height:60rem;
		position:relative;
	}
}

#main_visual_mo{
	display:none;
}
@media(max-width:991.98px){
	#main_visual{
		display:none;
	}
	#main_visual_mo{
		display:block;
		height: auto;
		overflow:hidden;
	}
	.main_visual .swiper-slide{
		height: auto;
	}
	#main_visual_mo .img_box > img{
		width:100%;
	}
}


/**/


.list-item-wrap .item > a{
	display:block;
	text-decoration:none;
}
.list-item-wrap .item .thum{
	padding-top:105%;
	margin-bottom:3rem;
}
.list-item-wrap .item .title{
	font-size:2.2rem;
	margin-bottom:1rem;
	color:#222;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.list-item-wrap .item .title .code-num{
	color:#ff2222;
	font-size:2.4rem;
}
.list-item-wrap .item .title .coin{
	font-weight: 600;
	font-size:1.8rem;
	color:#812629;
}
.list-item-wrap .item .desc{
	color:#555;
	font-weight:300;
	font-size:1.6rem;
	line-height:1.5;
	height:5.2rem;
}
.list-item-wrap .item .tel{
	font-weight:600;
	font-size:1.5rem;
	line-height:1.5;
	color:#af8b4d;
}
.list-item-wrap .item .tel span{
	font-size:1.6rem;
}
.list-item-wrap .item .audio_wrap{
	height: 6rem;
	margin-top: 2rem;
}
.list-item-wrap .item .audio_wrap audio{
	width:100%;
}
.list-item-wrap .item .status{
	border-top:1px solid #e9e9e9;
	margin-top:3rem;
	padding-top:3rem;
	position:relative;
	color:#888
}
.list-item-wrap .item .status i{
	color:#bf974c;
}
.list-item-wrap .item .status p{
	float:right;
	position:relative;
	background:#fff;
	border:1px solid #ddd;
	color:#555;
	padding:0px 12px;
	padding-right: 34px;
	border-radius:20px;
	height:30px;
	line-height:30px;
	transform:translatey(-5px);
	width:100px;
	text-align:center;
}
.list-item-wrap .item .status p::after{
	content:"";
	position:absolute;
	right:3px;
	top:50%;
	width:24px;
	height:24px;
	background:#222;
	border-radius:100%;
	transform:translatey(-50%);
}
.list-item-wrap .item .status p.on{
	background:#af8c4d;
	padding-right: 11px;
	color:#fff;
	padding-left:34px;
	line-height:28px;
}
.list-item-wrap .item .status p.on::after{
	left:3px;
	background: url('/html/_img/icon/icon_whz.jpg')no-repeat center center /contain;
}

.list-item-wrap .item .status p.on2{
background:#4f8a8b;

	color:#fff;
	padding-left:12px;
	/*padding-right:34px;*/
	line-height:28px;

}
.list-item-wrap .item .status p.on2::after{
	left:auto;
	right:3px;
	background:#ffffff;
}


.sec01 .coin_banner{
	text-align: center;
	max-width:1398px;
	margin:0 auto;
}
.sec01 .coin_banner img{
	width:100%;
}
@media(max-width:991.98px){
	.sec01 .coin_banner{
		padding-right: 3rem;
	}
}
@media(max-width:767.98px){
	.list-item-wrap .item .title{
		display:block;
	}
	.list-item-wrap .item .title .coin{
		display:block;
	}
	.list-item-wrap .item .status p{
		padding:0px 5px;
		padding-right: 24px;
		height:24px;
		line-height:23px;
		width:75px;
	}
	.list-item-wrap .item .status p.on {
		background: #af8c4d;
		padding-right: 0px;
		color: #fff;
		padding-left: 18px;
		line-height: 23px;
	}
	.list-item-wrap .item .status p::after{
		width: 18px;
		height: 18px;
	}
	.list-item-wrap .item .status p.on2{
		line-height:23px;
	}
}

.main_tabmenu{text-align:center;}
.main_tabmenu > ul{
	list-style:none;
	padding:0;
	overflow:hidden;
	display:flex;
	max-width:700px;
	margin:0 auto;
	align-items:flex-end;
}
.main_tabmenu > ul > li{
	flex-basis:0;
	flex-grow:1;
}
.main_tabmenu > ul > li > a{
	display:block;
	border:1px solid #ddd;
	margin-left:-1px;
	text-align:center;
	padding:2rem 0;
	font-size:1.8rem;
	font-weight:500;
	color:#a77926;
	position:relative;
}
.main_tabmenu > ul > li > a img{
	display:block;
	margin:0 auto;
}
.main_tabmenu > ul > li:first-child > a{
	margin-left:0px;
}
.main_tabmenu > ul > li > a:hover{
	background:#f1f1f1;
}

.main_tabmenu > ul > li > a.on {
	border:1px solid #a77926;
	z-index:2;
}
@media(max-width:567.98px){
	.main_tabmenu > ul{
		width:100%;
	}
}



#main_container section[id^="section_tab"]{
	display:none;
}
#main_container section[id^="section_tab"].on{
	display:block;
}


.custom_box{
	position: relative;
	overflow:hidden;
}
.custom_box [class*="custom_wrap"]{
	position: absolute;
	left:0;
	width:100%;
	bottom:0;
	animation-name: marquee_like;
	animation-duration: 20s;
	animation-iteration-count:infinite;
	animation-delay: 0s;
	animation-timing-function: linear;
}
.custom_box .custom_wrap2{
	animation-name: marquee_like2;
}
.paused {
  animation-play-state: paused;
}
@keyframes marquee_like {
	from {bottom: 0;}
	to {bottom: 100%;}
}
@keyframes marquee_like2 {
	from {bottom: -650px; }
	to {bottom: 100%); }
}

@media(max-width:1198.98px){
	@keyframes marquee_like2 {
		from {bottom: -610px; }
		to {bottom: 100%); }
	}
}
@media(max-width:991.98px){
	#main_container > .sec03 .list_container .swiper-slide > li > a,
	#main_container > .sec03 .list_container .swiper-slide > li > p{
		height:20px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:pre;
	}
	@keyframes marquee_like2 {
		from {bottom: -580px; }
		to {bottom: 100%); }
	}
}
@media(max-width:767.98px){
	@keyframes marquee_like2 {
		from {bottom: -550px; }
		to {bottom: 100%); }
	}
}
@media(max-width:570px){
	@keyframes marquee_like2 {
		from {bottom: -530px; }
		to {bottom: 100%); }
	}
}