/* ------------------------------------------------------------------------------------------------------------------------------------------------------
 공통사항
------------------------------------------------------------------------------------------------------------------------------------------------------ */
li.tab_blank {
    display: none !important;
}

/* 제품소개 틀 */
#sub_busi .busi_con h3 {
    background: url("../images/busi_tline.jpg") no-repeat left bottom;
    margin-bottom: 2%;
    padding-bottom: 0.5%;
}

#sub_busi .busi_con .bcon_img {
    background: url("../images/busi_bg.jpg") repeat center top;
    padding: 4em 5em;
    margin: 1em 0 1.5em;
    text-align: center;
}

#sub_busi .busi_con .bcon_img02 {
    padding-right: 5em;
    padding-left: 5em;
    text-align: center;
}

#sub_busi .busi_con .box02 table {
    max-width: 780px !important;
    margin: 0 auto;
}

.busi_emt {
    padding-top: 4em;
    padding-bottom: 0.5em;
}

.busi_emb {
    padding-top: 0.5em;
    padding-bottom: 4em;
}

.bcon_img02 table.tstyle th,
.bcon_img02 table.tstyle td {
    line-height: 120%;
    padding: 0.7em 0.1em;
}

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

/* 식각/ITO 코팅사업 */
#etch table tr.break th,
#etch table tr.break td {
    word-break: break-all;
}



@media screen and (max-width:768px) {


    /* 코팅메뉴 */
    #coat .tab4 > ul > li.wi_s {
        width: 20%;
    }

    #coat .tab4 > ul > li.wi_b {
        width: 35%;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------
 최대 1199 이하 공통사항
------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1199px) {}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------
 최대 768 모바일용
------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:768px) {

    /* 식각메뉴 */
    #etch .tab5 > ul > li {
        width: 33.3333%;
    }

    #etch .tab5 > ul > li.me_width {
        width: 50%;
    }

    #etch .sub_tab ul > li > a {
        font-size: 1em;
    }

    #etch li.tab_blank {
        display: table !important;
    }

    /* 제품소개 틀 */
    #sub_busi .busi_con .bcon_img {
        padding: 2em 0.5em;
    }

    #sub_busi .busi_con .bcon_img02 {
        padding-right: 0.5em;
        padding-left: 0.5em;
    }

    .busi_emt {
        padding-top: 2em;
    }

    .busi_emb {
        padding-bottom: 2em;
    }

    #sub_body #sub_busi h3 {
        margin-top: 0.4em;
        font-size: 1.3em;
    }

    /* 강화유리, 터치패널 이미지 */
    #sub_busi .pc {
        display: none;
    }

}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------
 최소 769 ~ 1199 태블릿용
------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media all and (min-width:769px) and (max-width:1199px) {

    /* 강화유리, 터치패널 이미지 */
    #sub_busi .mobile {
        display: none;
    }


}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------
 최소1200 ~ 최대 PC용
------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:1200px) {

    /* 강화유리, 터치패널 이미지 */
    #sub_busi .mobile {
        display: none;
    }


}


/*  2024추가내용(겹치는 부분 display.css에 공통으로 들어있음) */
.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;
}
#sub_busi .container{
    padding:0 !important;
}
#sub_busi .s_top_bg{
    background: url("../images/display/display_img04_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.01rem;
	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;
	}
	.box_st01 {
		text-align: center;
		border: 1px solid #eee;
		padding: 2rem 0.5rem;
	}
}