	 @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
	font-family: 'fontawesome';
	src:url('/fonts/fontawesome.eot');
	src:url('/fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('/fonts/fontawesome.svg#fontawesome') format('svg'),
		url('/fonts/fontawesome.woff') format('woff'),
		url('/fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
		 body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    max-width: 100%;
max-height: 100%;
bottom: 0;
left: 0;
margin: auto;
overflow: auto;
position: fixed;
right: 0;
top: 0;

}
		 
		 a {
	color: #f0f0f0;
	text-decoration: none;
}

.container > header nav a {
	display: block;
	float: left;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 4px solid #e8e8e8;
	text-indent: -8000px;
}

.container > header nav a:after {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.container > header nav a:hover:after {
	opacity: 1;
}

.container > header nav a:hover {
	background: #47a3da;
}

.main > section {
	float: right;
	margin-right: 40px;
	max-width: 260px;
	width: 90%;
}


.main > section button {
	border: none;
	background: black;
	height: 40px;
	
	cursor: pointer;
}
.main > section button img{float: right;}

.main > section button:hover {
	background:black;
}

.main > section button.active {
	background: black;
}





#wrap{width:100%;}
	ul,li{list-style: none;}
	body {
    font-family: "Lato", sans-serif;
    transition: background-color .5s;
}
	.container_80p{width:90%; border:0px solid red;margin:0 auto;}
	
	.header_wrap{width:100%; height:auto;}
	.header_top{width:100%;height:50px;background-color: #000; opacity: 0.9;float: left;}
.header_top img{position: absolute; top:8px;left:15px;}
	.header_nav{float: right;width:10%; color:#fff;}
	
	
	/*gnb부분*/
	.header_visual{width:100%;padding-top: 50px;}
	.header_gnb{ background-color: #383e48; width:100%;margin-top: -4px;}

.slider { 
        width: 80%;
        margin: 0 auto;
    }
    .slick-slide {
      margin: 0px ;
    }

	
/*slick바

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-slide
{
    display: none;
    float: left;
    min-height: 1px;
}

.slick-initialized .slick-slide
{ 
    display: block;
}
	 
.slick-dots li
{
    position: relative;
    display: none;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
	  */
    
	  .slick_content1{ background-color: #383e48;color:#fff; text-align: center;padding-top:12px;box-sizing: border-box;padding-bottom: 12px; border-right:0.5px solid #4c525e;font-size:13px;border-left:0.5px solid #4c525e;}
	  .slick_content1:hover{background-color:#ebebeb;cursor: pointer;transition-duration: 0.3s;color:#000;font-weight: bold;}

	
	/*section*/
	.section_1{width:100%;margin-top: 60px;}
	.m_title{width:90%;margin:0 auto 20px auto;}
.m_title img{width:100%;}
	.m_avi{width:100%;}
	
	.section_2{width:100%;}

	
.footer{width:100%; height:180px; background-color: #383e48; color:#d7d7d7;text-align: center;margin-top: 50px;}
.footer_text{padding-top:20px; font-size: 11px;}

/*동영상들어가는부분*/

.tablink {margin-top: -5px;
    background-color: #8e8e8e;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 50%;
}

.tablink:hover {
    background-color: #e7e7e7;
}

/* Style the tab content */
.tabcontent {
    color: white;
    display: none;
    padding: 10px;
    text-align: center;
}

#London {background-color:#383e48;}
#Paris {background-color:#383e48;}

.store{width:100px; height:40px; }