/*가치*/

.value_group{ margin: 0 auto;}
.value_group>li{display: inline-block;}
.value_group>li>figure>img{height: 90px; width: auto;}
.value_group>li>h4{font-size: 1.25rem; color: #e52528; text-align: center; margin: 2.5rem auto 2rem;}
.value_group>li>p:nth-child(3){font-size: 1.125rem; color: #9c9b9b;}
.value_group>li>div:nth-child(4){width: 1px; height: 3rem; background: #e52528; margin: 2rem auto;}
.value_group>li>p:nth-child(5){font-size: 1.125rem; color: #000000;}
.value_group>li:nth-child(2){margin: 0 5%;}

/*제품*/
.product_group{width:100%;}
.product_group>div>div{float: left;}
.product_group>div:nth-child(1)>div:nth-child(1){width: 40%;}
.product_group>div:nth-child(1)>div:nth-child(2){width: 60%;}
.product_group>div:nth-child(1)>div:nth-child(2)>div{width: 100%;}
.product_group>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1){width: 66.66666666666%;}
.product_group>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2){width: 33.33333333333%}
.product_group>div:nth-child(1)>div:nth-child(2)>div>div{float: left;}
.product_group>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(1){width: 33.3333333333333%}
.product_group>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(2){width: 66.66666666666666%;}



.product_group>div:nth-child(2)>div:nth-child(1){width: 50%;height:315px;overflow: hidden;}
.product_group>div:nth-child(2)>div:nth-child(2){width: 50%;height:315px;overflow: hidden;}
/* .product_group>div:nth-child(2)>div:nth-child(3){width: 25%;} */








 
/*보유시설*/
.viewport{width: 100%; padding: 7% 0; overflow: hidden; position: relative;}
.viewport>ul>li>a>img{ height: 100%; max-height: 300px; width: auto;}


.slide_title{width: 100%; overflow: hidden; margin: 0 auto;}
.title{font-size: 1rem;}
.bull{width: 6px; height: 6px; background: #e52528; display: inline-block; border-radius: 50%; margin-right: 10px;}

#owl_1 .first>div{margin:0px !important;}
#owl_1 .owl-item>div{margin: 50px 18px 0;transition: margin 0.5s ease;}

#owl_2{width:80% !important; margin:0 auto;}
#owl_2 .big .title{font-size:1.25rem; opacity:1; line-height:2rem; font-weight:500;}

#owl_2 .medium .title{font-size:1rem; opacity:0.7; line-height:2rem;}

#owl_2 .small .title{font-size:10px; opacity:0.5; line-height:2rem;}
.owl_2img{padding:7% 0;}
.owl_2img img{width:100%; max-width:700px;}

/*메인라이프*/

.main_life{}
.main_life>div{float: left;}
.main_life>div:nth-child(1){width: 35%; padding-top: 20px;}
.main_life>div:nth-child(1)>h3{text-align: left; line-height: 2.5rem; margin-bottom: 30px;}
.main_life>div:nth-child(1)>p{padding-right: 20%; text-align: left; font-size: 1rem; line-height: 1.25rem; margin-bottom: 30px; color: #252626;}
.main_life>div:nth-child(1)>a{font-size: 1rem; color: #e52528; text-align: left; display: block;}
.small_life{width: 65%; }
.small_life>div{width: 1400px; position: relative;}
/* .small_life>div>div:nth-child(1){ margin-right: 20px; float: left;} */
.small_life>div>div:nth-child(1)>a{width: 100%; height: 100%; position: relative; display: block; overflow: hidden; color: #fff;}
.small_life>div>div:nth-child(1)>a>img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.small_life>div>div:nth-child(1)>a::before{content: "자세히 보기"; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; background: rgba(255, 0, 0, 0.5); z-index: 10000; transform: translate(-50%,-50%); line-height: 400px; transition: all 0.5s; display: none; font-size: 1rem;}
.small_life>div>div:nth-child(1)>a:hover::before{display: block;}
.owl-theme .owl-nav.disabled + .owl-dots{display: none;}
/*
.main_life>div:nth-child(2)>div>ul{float: left; position: absolute; bottom: 0px; right: 0px;}
.main_life>div:nth-child(2)>div>ul>li{width: 225px; height: 330px; margin-right: 20px; overflow: hidden; float: left;}
.main_life>div:nth-child(2)>div>ul>li:last-child{margin-right: 0px;}
*/
#owl_1{width: 100%; float: left;}
.life_btn{cursor: pointer; height: 330px; overflow: hidden; position: relative;}
.life_btn img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/*컨텍어스, 쇼핑물 바로가기*/

.shortcut{width: 100%;}
.shortcut>div{width: 50%; height: 200px; float: left;}
.shortcut>div:nth-child(1){background: url(../images/short_img1.png) no-repeat center center; background-size: cover;}
.shortcut>div:nth-child(2){background: url(../images/short_img2.png) no-repeat center center; background-size: cover;}
.shortcut>div>a{position: relative; width: 100%; height: 100%; display: block;}
.shortcut>div>a::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s linear;
background: #e52528;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, rgba(255,0,0,0), #e52528);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, rgba(255,0,0,0), #e52528 ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
}
.shortcut>div>a:hover::before{
    opacity: 1;
}
.shortcut>div>a>div{
    display: block; 
    border: 2px solid #fff; 
    padding: 10px 14px; 
    font-size: 1.5rem; 
    font-weight: 500; 
    color: #fff; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
    /* width:125px; */
}



/*사이트 맵*/
.sitemap{width: 16.66%; float: left; text-align: left;}
.sitemap>h5>a{font-size: 14px; color: #252626; font-weight: bold;}
.sitemap>h5>a:hover{font-weight: bold; opacity: 0.5;}
.sitemap>div:nth-child(2){width: 20px; height: 2px;  background: #474747; display: inline-block; margin: 1.5rem 0;}
.sitemap>ul>li>a{color: #474747; font-size: 12px; margin-bottom: 15px; display: inline-block;transition: 0.5s;}
.sitemap>ul>li>a:hover{font-weight: bold; opacity: 0.5;}
.sitemap>ul>li>a.width20 {margin-right:5px; margin-bottom: 5px;}
.width20{width: 20px;}

#map{height: 400px; width: 100%;}
/* square box change1 */
.square-box{
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #ebebeb;
}
.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}
.square-content div {
   display: table;
   width: 100%;
   height: 100%;
}
.square-content div> span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white
}

/* square box change2 */
.square-box2{
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #ebebeb;
}
.square-box2:before{
    content: "";
    display: block;
    padding-top: 50%;
}
.square-content2{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}
.square-content2 div {
   display: table;
   width: 100%;
   height: 100%;
}
.square-content2 div> span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white
}
.section2_cont{opacity: 0; font-size: 1rem; line-height: 1.5rem;}
.hover { 
		text-align:center; transition:all 2s, color 0.3s 0.3s;  
		cursor: pointer; 
}
.hover:hover{
		color:#fff;
}
.effect8:hover{
		box-shadow:
		0 508px 0 0  rgba(255,0,0,0.25) inset, 
		0 -508px 0 0  rgba(255,0,0,0.25) inset;
}
.effect9:hover{
		box-shadow:
		0 317px 0 0  rgba(255,0,0,0.25) inset, 
		0 -317px 0 0  rgba(255,0,0,0.25) inset;
}

.product_opc{opacity: 0;}


.first>div{position:relative;}
.first>div::before{position:absolute; top:0; left:0; opacity:0; line-height: 380px; transition-delay:all 2s;transition: all 0.5s; font-size: 1rem; cursor:pointer; width:100%; height:100%; vertical-align: middle; background: rgba(255,0,0,0.5);color: #fff; font-size:1rem;}
.first>div:hover::before{ opacity:1; }
@media (max-width:1300px){
    :root{font-size: 15px;}
    
}
@media (max-width:1024px){
    :root{font-size: 14px;}
	.life_btn{height:200px;}
	.main_life>div:nth-child(1){width:100%; text-align:center;}
	.main_life>div:nth-child(1)>h3{display:inline-block;}
	.main_life>div:nth-child(1)>h3 br{display:none;}
	.main_life>div:nth-child(1)>p{width:100%;  text-align:center; padding-right:0px;}
	.main_life>div:nth-child(1)>a{text-align:center; padding: 5px 20px; border:1px solid #e52528; display:inline-block; margin-bottom:20px;}
	.small_life>div{width:100%; position:static}
	.small_life{width:100%;}
	.small_life{margin-top:20px; float:none !important; }
	.small_life>div>div:nth-child(1){float:none; display:inline-block;}
	.shortcut>div{height:150px;}
	.sitemap{width:33%; float:none; display:inline-block; vertical-align:top; margin-bottom:20px;}
	.small_life>div>div:nth-child(1){margin:0px;}
    
}
@media (max-width:768px){
    :root{font-size: 13px;}
	.shortcut>div{height:100px;}
	.first>div::before{line-height:250px;}
    
}
@media (max-width:480px){
    :root{font-size: 12px;}
	.shortcut>div{width:100%;}	
	.first>div::before{line-height:200px;}
}