@charset "utf-8";
/*-------------------------------------------------
Style Sheet
Version : 1.0
Author :  김지웅
Create date : 2019. . .
-------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:600');



/* 공통 영역(신규 추가시 하단에 추가) */

body {
    display:block;
    width:auto;
    
}
#mobile-wrap{
	width:720px;
	height:1000px;
	margin:0 auto;
}
.m-menu-bg{
	background:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:98;
	display:none;
	overflow:hidden;
}
			
.m-menu {
	width: 90%;
	height: 100%;
	position: fixed;
	top: 0;
	right: -100%;
	display: none;
    z-index: 99;
	border-left:1px solid #ddd;
	box-sizing:border-box;
	background:#dedede;
    padding-bottom:56px;
}
.m-menu img{
/*	width:100%;*/
	vertical-align:middle;
    max-width:100%;
}
/*
.m-top{
	position:absolute;
	top:0;
	z-index:999;
	width:100%;
}
*/
.m-logo{
    height:95px;
    padding:10px;
    box-sizing:border-box;
    background:#0f1d28;
    border-bottom:1px dashed #f0f0f0;
    position:relative;
}
.m-logo a{
    font-size:16px;
    color:#fff;
    font-weight:500;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
}
.log-on{
    /*display:none;*/
}
.log-off{
    display:block;
}
.m-member li{
    width:100%;
    float:left;
    text-align:center;
}
.m-member li a{
    display:block;
    padding:7px;
    box-sizing:border-box;
    border:1px solid #f0f0f0;
    background:#fff;
}
.m-logo h4{
    font-size:24px;
    color:#464646;
    font-weight:700;
    line-height:30px;
}
.m-logo p{
    font-size:10px;
    color:#464646;
    letter-spacing: 1px;
}
.m-list ul{
	display:table;
	width:100%;
	border-bottom:1px solid #fff;
	box-sizing:border-box;
	border-collapse: collapse;
	background:#fff;
}
.m-list li{
	width:25%;
    float:left;
	height:50px;
	text-align:center;
	border:1px solid #ccc;
	box-sizing:border-box;
	border-top:0;
	line-height:50px;
}
.m-list li a{
	display:block;
	width:100%;	
	height:100%;
    color:#fff;
    text-align:left;
    padding-left:50px;
    box-sizing:border-box;
}

.m-cart li {
    width: calc(25%) !important;
    
    box-sizing: border-box;
    text-align: center;
}

.m-cart li a {
    display: block;
    padding: 7px 0;
    box-sizing: border-box;
}
.m-list-member ul{
	width:100%;
}
.m-list-member ul li{
    width:100%;
	text-align:center;
    float:left;
	border:1px solid #ccc;
	box-sizing:border-box;
	background:#fff;
}
.m-list-member ul li a{
    display:block;
    padding:5px 0;
    box-sizing:border-box;
}
.m-content{
    height:calc(100% - 90px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    -webkit-transform: translateZ(0px);
}
.m-content > ul> li > a{
	padding: 20px 20px;
	box-sizing: border-box;
}
.m-content > ul> li a {
	display: block;
	color: #333;
	border-bottom: 1px solid #ccc;
    background:#fff;
    position:relative;
}
.m-content > ul > li > a.m-sub-a:after{
    content:"+";
    font-weight:600;
    position:absolute;
    right:20px;
    top:50%;
    transform: translateY(-50%);
}
.m-content > ul > li > a.m-sub-b:after{
    content:"-";
    font-weight:600;
    position:absolute;
    right:20px;
    top:50%;
    transform: translateY(-50%);
}

.m-content > ul> li .sub-menu {
	display: none;
}
.m-content > ul> li .sub-menu a {
    background:#fff;
    padding:10px 20px;
    box-sizing:border-box;
    border:0;
    background:#f0f0f0;
}
.m-content > ul> li .sub-menu li:hover a {
	background: #999;
	color: #fff;
}
.m-content > ul> li .sub-menu li a {
	color: #fff;;
}
/*hamburger*/
.hamburger.is-active {}
.hamburger {position:relative; z-index:101;  transform: scale(0.8);display: none;position: absolute;top: 20px;right: 0px;padding: 10px 15px;}
.hamburger .line{
	width: 30px;
	height: 3px;
	background-color: #fff;
	display: block;
	margin: 7px auto;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
}

.hamburger:hover{cursor: pointer;}

#hamburger-6.is-active{
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: rotate(45deg) scale(0.8);
	-ms-transform: rotate(45deg) scale(0.8);
	-o-transform: rotate(45deg) scale(0.8);
	transform: rotate(45deg) scale(0.8);
    position:fixed;
}

#hamburger-6.is-active .line:nth-child(2){
	width: 0px;
}

#hamburger-6.is-active .line:nth-child(1),
#hamburger-6.is-active .line:nth-child(3){
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
	background-color:#fff;
}

#hamburger-6.is-active .line:nth-child(1){
	-webkit-transform: translateY(13px);
	-ms-transform: translateY(13px);
	-o-transform: translateY(13px);
	transform: translateY(13px);
}

#hamburger-6.is-active .line:nth-child(3){
	-webkit-transform: translateY(-7px) rotate(90deg);
	-ms-transform: translateY(-7px) rotate(90deg);
	-o-transform: translateY(-7px) rotate(90deg);
	transform: translateY(-7px) rotate(90deg);
}
.container {
	width: 100%;
	max-width:1200px;
	margin:0 auto;
}
.over-container {
	width: 100%;
	max-width:1520px;
	margin:0 auto;
}

.inner_inter{
    margin-top:50px;
}
.in_inter{
    margin-top:30px;
}

/* main-color & font-size */

.core_color{
    color:#000;
}
.core_bg{
    background:#000;
}
big{
    font-size:24px;
}
small{
    font-size:14px;
}

/* table */

table{
    width:100%;
}

legend, caption{
    display:block;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:1px;
    font-size:0;
    line-height:0;
    white-space: nowrap;
}

/* button & form & label */

button

form

.chk_box input[type="checkbox"]{
    display:none;
}
.chk_box input[type="checkbox"] + label{
    position:relative;
    display:block;
    padding-left:25px;
    box-sizing:border-box;
}
.chk_box input[type="checkbox"] + label:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    background:;
}


/* 공통 영역 end */

/* haeder,section,footer 영역 */

header,section,footer{
   display:block;
	width:100%;
	position:relative;
    
}
.logo {
    padding:27px 0;
    float:left;
}
.header-wrap {
    width:100%;
    background-color:rgba(0,0,0,.4);
    position:absolute;
    top:0;
    z-index:1;
}
.pc-menu ul li {
    width:24%;
    display:inline-block;
    padding:36px 0;
    box-sizing:border-box;
    text-align: center;
    position:relative;
    font-size:16px;
}
.pc-menu ul li a{
    display:inline-block;
    width:95%;
    color:#fff;
    margin:0 auto;
    
}
.pc-menu ul li:after{
    content:"";display:inline-block;width:1px;height:14px;background-color:#fff;
    vertical-align:middle;
   
}
.pc-menu ul li:nth-child(3):after{
    content:"";display:none;
   
}
.pc-menu ul li:nth-child(4){
    padding-right:0;
   
}
.pc-menu ul li a:hover:before{
    content:"";display:block;margin:0 auto;
    width:35%;height:5px; background-color:#f5a20e;
    position:absolute;bottom:0;left:50%;
    transform: translatex(-50%);
}
.nav_on:before {
    content:"";display:block;margin:0 auto;
    width:35%;height:5px; background-color:#f5a20e;
    position:absolute;bottom:0;left:50%;
    transform: translatex(-50%);
    
}
.pc-menu ul{
    font-size:0;
}
.pc-menu {
    float:right;
    width:60%;
}
.member{
    position:absolute;
    top:50%;
    right:30px;
    transform: translateY(-50%);
}
.member li{
    display:inline-block;
}
.member li a{
    display:block;
    color:#fff;
    margin:0 10px;
}


.header-wrap-inside {
    max-width:1460px;
    width:100%;
    margin:0 auto;
}
/*######################*/

.footer_wrap {
    border-top:1px solid #ccc;
    width:100%;
    
    box-sizing:border-box;
}
.footer_inside {
    max-width:1200px;
    width:100%;
    margin:0 auto;
    padding:65px 0;
    
}
.footers {
    float:right;
    text-align: right;
    color:#909090;
    font-size:14px;
    font-weight:300;
}
.footer_text {
    padding:30px 0 0;
    box-sizing:border-box;
}
.footer_text p {
    padding:3px 0;
    box-sizing:border-box;
}
.texter:after {
    content:"";display: inline-block; width:2px;height:10px;
    background-color:#ccc;margin:0 10px;
}
.texter:before {
    content:"";display: inline-block; width:2px;height:10px;
    background-color:#ccc;margin:0 6px;
}
/* header,section,footer end */


/* media */


@media (max-width:1650px){
      
}

@media (max-width:1600px){
    .pc-menu{
        margin-right:15%;
    }
}



@media (max-width:1200px){
    .row {
    padding:0 10px ;
    box-sizing: border-box;
}
    
}

@media (max-width:1024px){
    
    
    .hamburger {display: block;}
    .pc-menu {
        display: none;
    }
    
    .member{
        display:none;
    }

    
    
    

}
	
    
    
@media (max-width:768px){
    span.block{display:block;
    
    
    }
      .footers {
    float: none;
    clear: both;
    text-align: center;
        
 
}
    
    .footer_logo {
        text-align: center;
        
    }
    .footer_text span{
        display:block;
        width:100%;
        text-align: center;
        
    }
    span.texter:after {
        display: none;
    }
    span.texter:before {
        display: none;
    }
    
    }



@media (max-width:650px){
    
}

@media (max-width:580px){
    
}

@media (max-width:480px){
    
}