/*메인 배너*/
#k_main{height: 100%; overflow: hidden; background-image: url(../images/mainimg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 100}
.k_main_title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.k_main_title>h2{font-size: 2.5rem; font-weight: bold; color: #fff; border:2px solid #fff; padding: 20px;}
.k_main_title>p{margin-top: 3%; color: #fff; font-size: 1.25rem;}

/*마인드 리스트 1.2.3*/

#mind{padding: 5% 0;}
.mind_list{}
.mind_list>li{float: left; width: 33.33%; padding-right: 100px; box-sizing: border-box;}
.mind_list>li>h3{color: #000; font-size: 2.5rem; font-weight: bold; }
.mind_list>li>div{width: 100%; height: 2px; background: #000; position: relative; margin: 25px 0;}
.ceo_after::after{ position: absolute; top: 50%; right: 0px; transform: translateY(-50%);  background: #fff;  color: #000;  content: "CEO"; padding: 0 20px; font-weight: bold; font-size: 1rem;}
.staff::after{ position: absolute; top: 50%; right: 0px; transform: translateY(-50%);  background: #fff;  color: #000;  content: "Staff"; padding: 0 20px; font-weight: bold; font-size: 1rem;}
.partnership::after{ position: absolute; top: 50%; right: 0px; transform: translateY(-50%);  background: #fff;  color: #000;  content: "Partnership"; padding: 0 20px; font-weight: bold; font-size: 1rem;}
.mind_list>li>p{color: #8C8C8C; font-size: 1rem; line-height: 1.5rem; font-weight: 300;word-break: break-word;}


/*philosophy 철학*/
.sub_banner{width: 100%; height: 300px; line-height: 300px; background-image:url(../images/philosophy.jpg); background-repeat: no-repeat; background-position: center;} 
.sub_banner>h3{color: #fff; font-size: 2rem;}
.row_stoke{margin:5% auto; width: 2px; height: 2rem; background: #000;}
.philosophy_cont>h3{color: #2E2D2C; font-size: 2.2rem; text-align: center; font-weight: bold;}


.philosophy_list{margin: 8% auto; text-align: center}
.philosophy_list>li{display: inline-block; text-align: center; margin-right: 50px;}
.philosophy_list>li>div{width: 130px; height: 130px; line-height: 130px; border: 1px solid #FF791F; border-radius: 50%; display: inline-block; overflow: hidden;}
.philosophy_list>li:nth-child(1)>div{background-image: url(../images/icon1.png); background-position: center; background-size: 100%;}
.philosophy_list>li:nth-child(1)>div:hover{background-image: url(../images/icon1_back.png);}
.philosophy_list>li:nth-child(2)>div{background-image: url(../images/icon2.png); background-position: center; background-size: 100%;}
.philosophy_list>li:nth-child(2)>div:hover{background-image: url(../images/icon2_back.png);}
.philosophy_list>li:nth-child(3)>div{background-image: url(../images/icon3.png); background-position: center; background-size: 100%;}
.philosophy_list>li:nth-child(3)>div:hover{background-image: url(../images/icon3_back.png);}
.philosophy_list>li>div:hover{background: #FF791F;}
.philosophy_list>li>h4{ color: #3C3C3B; font-size: 1.125rem; margin: 1rem 0; font-weight: bold;}
.philosophy_list>li>p{color: #8C8C8C; font-size: 1rem; line-height: 1.5rem; font-weight: 300;}



/*brand 브랜드*/
#brand{}
#brand>div{height: 450px; width: 100%; background: #FF791F;}
#brand>div>h3{color: #fff; font-weight: bold; font-size: 2rem; line-height: 200px;}

.brand_list{}
.brand_list>li{float:left; width: 50%; height: 450px; margin-top: -225px; background-image: url(../images/brand1.jpg); background-position: center;}
.brand_list>li:nth-child(2){background-image: url(../images/brand2.jpg);}
.b_back{width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: relative;}
.w_back{width: 100%; height: 100%; background: rgba(255,255,255,0.5); position: relative;}
.brand_cont{position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; text-align: left; width: 70%; }
.brand_cont>h4{text-align: center; margin-bottom: 20px;}
.brand_cont>p{color: #fff; font-size: 1.5rem; line-height: 1.75rem; font-weight: 500; text-align: center;}
.brand_cont>button{width: 100%; text-align: center; margin-top: 30px;}
.brand_cont>button>a{color: #fff; font-size: 13px; line-height: 1.25rem; font-weight: 500; padding: 10px 30px; border:1px solid #fff; display: inline-block;}

.brand_cont2{position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; text-align: left; width: 70%; }
.brand_cont2>h4{text-align: center; margin-bottom: 20px;}
.brand_cont2>p{color: #555; font-size: 1.5rem; line-height: 1.75rem; font-weight: 500; text-align: center;}
.brand_cont2>button{width: 100%; text-align: center; margin-top: 30px;}
.brand_cont2>button>a{color: #555; font-size: 13px; line-height: 1.25rem; font-weight: 500; padding: 10px 30px; border:1px solid #555; display: inline-block;}


/*제품*/
#product{padding-bottom: 5%;}
#product>h3{color: #2E2D2C; font-weight: bold; font-size: 2rem; margin: 5% auto;}
.product_cont{margin-bottom: 8%;}
.product_cont>h5{color: #2E2D2C; font-size: 1.25rem; font-weight: bold; margin-bottom: 10px;}
.product_cont_btn>button>a{color: #000; border: 1px solid #000; padding: 10px 30px; font-size: 1rem;  display: inline-block; transition: all 0.5s;}
.product_cont_btn>button>a:hover{color: #fff; background: #000;}

.product_list{width: 800px; overflow: hidden; margin:  0 auto;}
.owl-item>div{width: 300px; opacity: 0.5; transition: 1s; transform: scale(0.7);}
.owl-stage>.center>div{width: 300px !important; opacity: 1; transform: scale(1);}


/*로케이션*/
#location{background: #eeedee;padding-bottom: 8%;}
#location>h3{color: #2E2D2C; font-weight: bold; font-size: 2rem; padding: 5% 0;}
.map{position: relative;}
#map{width: 100%; height: 500px; }
.map_cont{ background: #333333; position: absolute; top:50%; left: 5%; transform: translateY(-50%); padding: 50px;}
.map_cont>h5{font-size: 1.5rem; color: #fff; margin-bottom: 35px;}
.map_cont>p{margin-bottom: 10px;}
.map_cont>p>span:nth-child(1){width:100px; color: #fff; font-size: 1rem; display: inline-block; line-height: 1.5rem;}
.map_cont>p>span:nth-child(2){font-size: 1rem; color: #a2a2a2; display: inline-block; line-height: 1.5rem;}

.site_cont{margin-top: 50px;}
.site_cont>span:nth-child(1){width:100px; color: #fff; font-size: 1rem; display: inline-block; line-height: 1.5rem;}
.site_cont>span:nth-child(2){font-size: 1rem; color: #a2a2a2; display: inline-block; line-height: 1.5rem; font-weight: 300;}










@media (max-width:1300px){
    :root{font-size: 15px;}
    #k_main{background-size: cover;}
}
@media (max-width:1024px){
    :root{font-size: 14px;}
    .mind_list>li{padding-right: 40px;}
    #brand>div{height: 400px;}
    #brand>div>h3{line-height: 150px;}
    .product_list{width: 100%;}
    .map_cont{position: static; top: 0; left: 0; transform: none; padding: 20px 50px;}
    .map_cont>h5{margin-bottom: 20px;}
    .site_cont{margin-top: 0px;}
    #map{height: 400px;}
    
}
@media (max-width:768px){
    :root{font-size: 13px;}
    .mind_list{text-align: center;}
    .mind_list>li{width: 50%; padding: 0 5%; margin-bottom: 30px;}
    .mind_list>li:last-child{margin-bottom: 0px;}
    .mind_list>li>p br{display: none;}
    .ceo_after::after,.staff::after, .partnership::after{font-size: 1.5rem;}
    .sub_banner{height: 200px; line-height:200px;}
    .philosophy_list>li{margin-right: 0px; width: 60%; margin-bottom:30px;}
    .philosophy_list>li:last-child{margin-bottom: 0px;}
    #brand>div{height: 150px;}
    #brand>div>h3{line-height: 150px;}
    .brand_list>li{width: 100%; margin-top: 0px; height: 350px;}
    .owl-stage>.center>div{width: 200px !important;}
    .owl-item>div{width: 200px;}
    
    
    
}
@media (max-width:480px){
    :root{font-size: 12px;}
    .mind_list>li{width: 90%; display: inline-block; float: none; padding: 5%; margin-bottom: 30px; border:  1px solid #ccc;}
    .sub_banner>h3{font-size: 1.5rem;}
    #map{height: 300px;}
    .map_cont{padding: 20px;}
}