@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800|Noto+Sans+KR:400,700,900&subset=korean');

/* global */
body{ font-family: 'Nanum Myeongjo', serif; font-weight:600; }
html,body{ width:100%; height:100%; }
html{ font-size:10px; overflow-x:hidden; }
.noto{ font-family: 'Noto Sans KR', sans-serif; }
/* //global */


/* GNB */

header{
    position:fixed;
    top:0;
    left:0;
    z-index:10;
    width:100%;
    height:65px;
    background:rgba(255,255,255,0);
    transition:background 0.4s ease;
    -webkit-transition:background 0.4s ease;
    -moz-transition:background 0.4s ease;
}
header.on{
    background:rgba(255,255,255,0.9);
}

.logo{
    display:block;
    position: absolute;
    top:15px;
    left:10px;
    width:86px;
}
.logo img{
    width:100%;
    height:auto;
}
.m_open{
    display:block;
    position: absolute;
    top:27px;
    right:10px;
    width:36px;
}
.m_open img{
    width:100%;
    height:auto;
}
.go_top{
    position: fixed;
    bottom:20px;
    right:10px;
    display:block;
    width:36px;
    height:36px;
    background:rgba(255,255,255,0.3);
    border-radius: 18px;
}
.go_top img{
    display:block;
    width:17px;
    margin-top:12px;
    margin-left:9px;
}
nav{
    overflow:hidden;
    position: fixed;
    top:0;
    left:0;
    z-index:1000;
    width:100%;
    height:100%;
    background:#fff;
    transform:translateX(-100%);
    transition:transform 0.4s ease;
    -webkit-transition:transform 0.4s ease;
    -moz-transition:transform 0.4s ease;
}
nav.on{
    transform:translateX(0);
}
.m_close{
    position:absolute;
    top:20px;
    right:10px;
    z-index:5;
    display:block;
    width:27px;
}
.m_close img{
    width:100%;
}

.nav_wrap{
    overflow:hidden;
    width:200%;
    height:100%;
    transition:transform 0.4s ease;
    -webkit-transition:transform 0.4s ease;
    -moz-transition:transform 0.4s ease;
}
.nav_wrap.on{
    transform:translateX(-50%);
}
.nav_left,
.nav_right{
    float:left;
    position: relative;
    width:50%;
    height:100%;
}
.main_nav{
    margin-top:70px;
    margin-left:20px;
    font-size:14px;
}
.main_nav li{
    margin:30px 0;
}
.menu_img{
    position: absolute;
    bottom:50px;
    right:20px;
    width:145px;
    height:216px;
}
.menu_sns{
    overflow:hidden;
    position: absolute;
    bottom:50px;
    left:0;
}
.menu_sns a{
    display:block;
    float:left;
    width:15px;
    height:15px;
    margin:0 15px;
}
.menu_sns a img{
    width:100%;
}

.nav_right{
    padding-top:70px;
    box-sizing:border-box;
}
.go_back{
    position: absolute;
    top:75px;
    left:20px;
    width:50px;
    height:17px;
}
.go_back img{
    width:100%;
}
.sub{
    display:none;
    width:100%;
    padding-left:90px;
}
.sub.on{
    display:block;
}
.sub h3{
    display:inline-block;
    font-size:16px;
    font-weight:bold;

}
.sub h3:after{
    content:'';
    display:block;
    width:100%;
    height:1px;
    margin-top:5px;
    background:#000;
}
.sub li{
    font-size:12px;
    margin:18px 0;
}



/* //GNB */


.contain{
    width:100%;
    /* height:100%; */
}
.vis_wrap{
    width:100%;
    height:100%;
}
.vis_wrap .slick-slider,
.vis_wrap .slick-list{
    width:100%;
    height:100%;
}
.vis_wrap .slick-track{
    height:100%;
}
.lookbook{
    width:100%;
    padding:90px 0;
}
.lookbook img{
    display:block;
    width:80%;
    margin:60px auto;
}
.lookbook img.img_first{
    margin:0 auto;
}
.text_box{
    position: relative;
    width:80%;
    margin-left:10%;
    margin-top:20px;
    font-size:15px;
    line-height:1.4;
}
.text_box:after{
    content:'';
    position: absolute;
    right:0;
    bottom:0;
    display:block;
    width:45px;
    height:1px;
    background:#000;
}
.lookbook img.wide_left{
    margin-left:0;
}
.lookbook img.short_right{
    width:60%;
    margin-left:calc(40% - 20px);
}
.lookbook img.img_last{
    margin-top:110px;
    margin-bottom:110px;
}

.movie_area{
    position: relative;
    width:100%;
    padding:0 0 60px 0;
}
.movie_area:after{
    content:'';
    position: absolute;
    right:10%;
    bottom:0;
    display:block;
    width:45px;
    height:1px;
    background:#000;
}
.movie_area img{
    width:100%;
}

.movie_area .description{
    width:80%;
    margin:50px auto;
    font-size:11px;
    font-weight:400;
    line-height:1.5;
}
.movie_area .description p{
    margin:35px 0;
}

.news{
    width:100%;
    margin:80px 0;
}
.news_list{
    width:calc(100% - 20px);
    margin-left:10px;
}
.news_item{
    width:100%;
    padding:45px 0;
    border-top:1px solid #e1e1e1;
}
.news_item:first-child{
    border-top:none;
}
.news_item img{
    display:block;
    width:80%;
    margin:0 auto;
}
.news_item h2{
   font-size:23px;
   margin: 28px 10px;
   line-height:1.4;
}
.news_item p{
    padding:0 10px;
    font-size:12px;
    line-height:1.5;
    color:#555555;
    font-weight:400;
}
.news_item a{
    display:block;
    margin-top:20px;
    margin-left:10px;
    font-size:11px;
    font-weight:bold;
}
.new_more{
    display:block;
    width:90%;
    margin:25px auto 85px auto;
    border:1px solid #000;
    font-size:13px;
    font-weight:bold;
    text-align:center;
    line-height:48px;
}
.mail{
    width:100%;
    margin:30px 0;
    padding:105px 20px 45px 20px;
    box-sizing:border-box;
    background:url('../img/mail_bg.jpg') 50% 50% no-repeat;
    background-size:cover;
}
.mail p{
    width:100%;
    text-align:center;
    font-size:13px;
    line-height:2;
    color:#fff;
    margin-bottom:20px;
}
.mail input[type="email"]{
    width:100%;
    height:35px;
    padding:0 15px;
    border:none;
    background:rgba(255,255,255,0.3);
    box-sizing:border-box;
    line-height:33px;
    color:#fff;
    font-size:13px;
    font-family: inherit;
}
.mail input[type="email"]::-webkit-input-placeholder { 
  color: #fff;
}
.mail input[type="email"]::-moz-placeholder { 
  color: #fff;
}
.mail input[type="email"]:-ms-input-placeholder {
  color: #fff;
}
.mail input[type="email"]:-moz-placeholder { 
  color: #fff;
}

.mail #agree{
    display:none;
}
.mail label{
    display:inline-block;
    margin-top:15px;
    font-size:11px;
    color:#fff;
    font-weight:400;
    vertical-align: middle;
    cursor:pointer;
}
.mail label:before{
    position: relative;
    top:-1px;
    content:'';
    display:inline-block;
    width:14px;
    height:14px;
    margin-right:10px;
    border:1px solid #fff;
    box-sizing:border-box;
    vertical-align: middle;
    background:transparent;
}

.mail #agree:checked + label:before{
    background:#fff;
}

.mail button{
    float:right;
    margin-top:10px;
    width:82px;
    height:25px;
    color:#111111;
    font-size:11px;
    background:rgba(255,255,255,0.9);
    border:none;
}

footer{
    width:100%;
    padding:40px 0 30px 0;
}
footer .go_top{
    position: static;
    display:block;
    width:43px;
    height:22px;
    margin:0 auto;
    margin-bottom:35px;
}
footer .go_top img{
    width:100%;
    margin:0;
}
.f_logo{
    display:block;
    width:120px;
    margin:0 auto;
}
.f_logo img{
    width:100%;
}
footer .sns_wrap{
    width:100%;
    margin:25px 0;
    text-align:center;
}
footer .sns_wrap a{
    display:inline-block;
    width:15px;
    margin:0 15px;
}
footer .sns_wrap a img{
    width:100%;
}
footer p{
    text-align:center;
    font-size:10px;
    color:#7d7d7d;
}

.bg{
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:1001;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    opacity:0;
    transition:opacity 0.6s ease;
    -webkit-transition:opacity 0.6s ease;
    -moz-transition:opacity 0.6s ease;
}
.bg.on{
    opacity:1;
}
.pop{
    position: absolute;
    top:50%;
    left:50%;
    width:90%;
    height:auto;
    transform:translate(-50%, -50%);
    background:#fff;
    padding:30px 20px;
    box-sizing: border-box;
}
.pop h2{
    font-size:13px;
    text-align:center;
}
.pop button{
    position: absolute;
    top:10px;
    right:10px;
    width:12px;
    height:12px;
}
.pop button img{
    width:100%;
}
.pop .desc{
    overflow-y:auto;
    width:100%;
    height:200px;
    margin:20px 0;
    padding:10px;
    box-sizing: border-box;
    font-size:9px;
    line-height:1.7;
    font-weight:400;
    border:1px solid #d7d7d7;
}
.pop #pop_chk{
    display:none;
}
.pop #pop_chk+label{
    font-size:13px;
    font-weight:400;
}
.pop #pop_chk+label:before{
    position: relative;
    top:1px;
    content:'';
    display:inline-block;
    width:14px;
    height:14px;
    margin-right:10px;
    box-sizing: border-box;
    border:1px solid #d7d7d7;
}
.pop #pop_chk:checked+label:before{
    background:#000;
    border:1px solid #000;
}