/*------------------------------------
  display
------------------------------------*/
.box_st01{
	text-align:center;
	border:1px solid #eee;
	padding:4rem 2rem;
	box-shadow: 15px 15px 35px rgb(0 0 0 / 3%);
	background:#fff;
}
.block_bg{
	margin:5rem 0;
	padding:5rem 0;
	background:#f5f5f5;
}
.app_step {
	text-align:center;
	border-radius:20px;
	background:#fff;
	border: 2px solid #eee;
	padding:1.4rem 0.5rem;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-direction: column;
	margin-bottom:30px;
	transition: 1s ease all;
}
.app_step.on {
	border: 2px solid #65a1f1;
	transition: 1s ease all;
	box-shadow: 15px 15px 35px rgb(0 0 0 / 8%);
}
.app_step .txt01{
    letter-spacing: -0.02rem;
	font-size:15px;
	font-family: 'Play';
	color:#3f86e4;
	font-weight:600;
}
.app_step .txt02{
    letter-spacing: -0.1rem;
	font-size:1.3rem;
	color:#000;
	font-weight:600;
	margin-top:5px;
}
.app_step .icon{
    background:#eee;
	width:2.4rem;
	height:2.4rem;
	border-radius:100%;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom:-40px;
	margin-top:10px;
	transition: 1s ease all;
}
.app_step.on .icon{
    background:#65a1f1;
	transition: 1s ease all;
}
.app_step .icon .material-symbols-outlined {
    font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 200;
    font-size: 21px;
}
.app_step.last{
    padding-bottom:2rem;
}

/* 스크롤 스타일 */
.sw_scroll_st .scroll_width{
	position:relative;
	max-width:400px;
    margin:3rem auto;
}
.sw_scroll_st .swiper-horizontal>.swiper-scrollbar, .sw_scroll_st .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 0;
    bottom: 3px;
    z-index: 50;
    height: 6px;
    width: 100%;
}
.sw_scroll_st .swiper-scrollbar-drag {
    background: #678ec9;
}
.swiper-scrollbar {
    background: #f2f2f2 !important;
}


@media (max-width: 991px) {
	.block_bg{
		margin:3rem 0;
		padding:3rem 0;
	}
}

@media (max-width: 768px) {
	.box_st01{
		padding:2.2rem 0.5rem;
	}
	.dis_title01{
		font-size:1.6rem;
		letter-spacing: -0.12rem;
	}
	.dis_title01 .eng{
		font-size:1.8rem;
	}
}


/* 자동차디스플레이 사업 */

.display03 .s_top_bg{
    background: url("../images/display/display_img03_back.jpg") no-repeat center top;
	color:#fff;
	border-radius:20px;
	position:relative;
}
.s_top_bg .txt01{
    letter-spacing: -0.02rem;
	font-size:2.5rem;
	font-family: 'Play';
	font-weight:600;
	line-height:1;
}
.s_top_bg .txt02{
    letter-spacing: -0.08rem;
	font-size:1.3rem;
	font-weight:300;
}
.circleTxt_box {
	position: absolute;
	left: 3rem;
    top: 8.5rem;
    z-index: 99;
	transform: translate(0,-50%);
}
.circleTxt {
    animation: rotate 50s linear infinite;
}
.circleTxt img{width:100%}

@-webkit-keyframes rotate {
    from{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotates {
    from{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
	.s_top_bg .txt01{
		font-size:1.8rem;
	}
}



/* Film */
.color_bla li p {
    padding: 0.5em 0.5em;
    color: #fff;
    margin-bottom: 1px;
}


/* Glass Substrates */
.glass-table ul li{
	line-height:1;
	padding: 0.25rem 0 0.25rem 0.5rem;
	font-size:0.95rem;
}
.glass-table ul.list-group-02 li::before {
    top: 0.7rem;
}