#k_main{height: 100%; overflow: hidden; background-image: url(../images/store_bimg.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%); width: 100%;}
.k_main_title>h2{font-size: 1.75rem; font-weight: 400; color: #fff;}
.k_main_title>p{color: #fff; font-size: 1rem; line-height: 2rem; font-weight: 300;  margin-top:3%; width:100%;}

.arrow{position: absolute; bottom: 10%; width: 100%; text-align: center;}
.head_nav>ul>li:nth-child(5)>div>a{color: #FF791F !important;}
/*오프라인*/
#offline{}
#offline>h2{margin-top: 5%; color: #000; font-size: 2.5rem;}
#offline>div:nth-child(3)>div{padding-left: 30px; font-size: 1.25rem; border-bottom: 1px solid #ccc; text-align: left; padding-bottom: 10px;}

.offline_brand{ margin: 30px 0; text-align: center;}
.offline_brand>li{width: 24%; border-right: 3px solid #f5f5f5;padding: 20px; display: inline-block; margin-left: -4px; margin-bottom:10px;}
.offline_brand>li:first-child{margin-left: 0px;}
.offline_brand>li:nth-child(4),.offline_brand>li:last-child{border-right: 0px !important;}
.offline_brand>li:nth-child(5){margin-left:0px;}
.offline_cont>li{display:none; font-size:1.25rem; text-align: center;}

/*온라인*/

#online{}
#online>h2{margin-top: 5%; color: #000; font-size: 2.5rem;}
#online>div:nth-child(3)>div{padding-left: 30px; font-size: 1.25rem; border-bottom: 1px solid #ccc; text-align: left; padding-bottom: 10px;}
.online_brand{ margin: 30px 0; text-align: center;}
.online_brand>li{width: 24%; border-right: 3px solid #f5f5f5;padding: 20px; cursor: pointer; display: inline-block; margin-left: -4px;}
.online_brand>li:nth-child(4){border-right: 0px;}
.online_brand>li:last-child{border-right: 0px;}



@media (max-width:1300px){
    :root{font-size: 15px;}
    .online_brand>li>a>img{width: 100%;}
}
@media (max-width:1024px){
    :root{font-size: 14px;}
    .offline_brand>li{padding: 0px; width: calc(33.33% - 7px); margin-bottom: 10px; border: 2px solid #f5f5f5; margin-left: 0px; float: left; margin-right: 10px; box-sizing: border-box;}
    .offline_brand>li:nth-child(3n){border-right: 2px solid #f5f5f5; margin-right: 0px; }
    .offline_brand>li:nth-child(5){border-right: 2px solid #f5f5f5 !important;}
    .offline_brand>li:last-child{border-right: 2px solid #f5f5f5 !important;}
    .online_brand>li{padding: 0px; width: calc(33.33% - 7px); margin-bottom: 10px; border: 2px solid #f5f5f5 !important; margin-left: 0px; float: left; margin-right: 10px;}
    .online_brand>li:nth-child(3n){margin-right: 0px;}
	.offline_brand>li:nth-child(4){border-right: 2px solid #f5f5f5 !important;}

    
}
@media (max-width:768px){
    :root{font-size: 13px;}
    #offline>div:nth-child(3)>div>img,#online>div:nth-child(3)>div>img{width: 30px;}
    
}
@media (max-width:600px){
    :root{font-size: 13px;}
    .offline_brand>li{padding: 0px; width: calc(50% - 5px); margin-bottom: 10px; border: 2px solid #f5f5f5; margin-left: 0px; float: left;}
    .offline_brand>li:nth-child(3n){border-right: 2px solid #f5f5f5; margin-right: 10px;}
    .offline_brand>li:nth-child(2n){margin-right: 0px;}
    .offline_brand>li:last-child{border-right: 2px solid #f5f5f5 !important;}
    .online_brand>li{padding: 0px; width: calc(50% - 5px); margin-bottom: 10px; border: 2px solid #f5f5f5; margin-left: 0px; float: left;}
    .online_brand>li:nth-child(3n){border-right: 2px solid #f5f5f5 !important; margin-right: 10px;}
    .online_brand>li:nth-child(2n){margin-right: 0px;}
}
@media (max-width:480px){
    :root{font-size: 12px;}   
}