/*  Main page CSS */
#main-image .bg {background-image: url('../img/bg_main.jpg');}
#store-wrap {
    background-image:url('../img/bg_pattern.png');
    background-repeat: repeat;
    padding-top:135px;
    padding-bottom:135px;
    background:#1b1b1b;
    padding-left:20px;
    padding-right:20px;
}
#store-wrap #store.new > a {
    background:none;
}
#store-wrap #store > a {
    height:360px;
    background-color:black;
    color:white;
    position:relative;
    display:block;
}
#store-wrap #store.new > a .outline {
    overflow:hidden;
    position:relative;
    background:black;
}
#store-wrap #store > a .outline {
    width:100%;
    height:100%;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    cursor:pointer;
    text-align:center;
    display:block;
}
#store-wrap #store > a .outline > div.tdcell{
    display:table;
    width:100%;
    height:100%;
    vertical-align: middle;
    position:relative;
    z-index:1;
    background-color:rgba(0, 0, 0, 0.7);
    transition-duration:0.5s;
    border:1px solid rgba(0, 0, 0, 0.7);
}
#store-wrap #store.new > a .outline > div.tdcell {
    border:1px solid rgba(0, 0, 0, 0.7);
    background:none;
}
#store-wrap #store > a .outline > div.tdcell > div {
    display:table-cell;
    vertical-align:middle;

}
#store-wrap #store > a .outline img {
    margin-bottom:20px;
}
#store-wrap #store > a .outline h2 {
    margin:0;
    /*margin-top:20px;*/
    letter-spacing:2px;
}
body#en #store-wrap #store > a .outline h2 {
    font-size:24px;
    line-height:1.1;
}
#store-wrap #store > a .outline .line {
    width:35px;
    height:1px;
    margin:20px auto 20px auto;
    background-color:#b49759;
}
#store-wrap #store > a .outline .top_name {
    font-size:14px;
    margin-bottom:12px;
}
#store-wrap #store > a .outline .eng_name {
    margin-top:5px;
    font-size:14px;
    font-family:"Avenir";
    letter-spacing:2px;
}
#store-wrap #store > a .outline .store-desc {
    font-size:14px;
    padding:0 20px;
    line-height:1.7;
}
body#en #store-wrap #store > a .outline .store-desc {
    font-size:13px;
    font-weight:100;
}
#store-wrap #store > a:hover {
}
#store-wrap #store > a:hover > .outline{
}
#store-wrap #store > a:hover > .outline * {
}
#store-wrap #store.new .item:hover div.tdcell {
    border:1px solid #b49759;
}
#store-wrap #store .item:hover div.tdcell {
    border:1px solid #b49759;
    background-color:rgba(0, 0, 0, 0);
}
#store-wrap #store .item div.tdcell * {
    transition-duration: 0.5s;
}
#store-wrap #store .item:hover div.tdcell *{
    opacity:0;
}
#store-wrap #store > a.w1 {
    width:355px;
}
#store-wrap #store> a.w2 {
    width:715px;
}
#store-wrap #store> a.w3 {
    width:75%;
    padding-right:5px;
}
#store-wrap #store > a.w1.new {
    width:25%;
    padding-left:5px;
}
#store-wrap #store> a.he2 {
    height:725px;
}
#store-wrap #store.new .item {
    float:left;
}
#store-wrap #store .item {
    margin-bottom:5px;
    overflow:hidden;
}
#store-wrap #store .grid-sizer {
    width:355px;
}
#store-wrap #store .item:hover .bg{
    transform: scale(1.03,1.03);
    -webkit-transform: scale(1.03,1.03);
    -moz-transform: scale(1.03,1.03);
    -ms-transform: scale(1.03,1.03);
}
#store-wrap #store.new .item:hover .bg{
    transform: scale(1.03,1.03);
    -webkit-transform: scale(1.03,1.03);
    -moz-transform: scale(1.03,1.03);
    -ms-transform: scale(1.03,1.03);
    opacity:1;
}
#store-wrap #store .bg {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:0;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#store-wrap #store.new .bg {
    opacity:0.3;
}
#store-wrap #store .shinsegae {
    background-image:url('../img/shinsegae_bg.png');
    background-repeat:  no-repeat;
    background-position:center center;
}
#store-wrap #store .famille {
    background-image:url('../img/famille_bg.png');
    background-repeat:  no-repeat;
    background-position:center center;
}
#store-wrap #store .hotel {
    background-image:url('../img/hotel_bg.png');
    background-repeat:  no-repeat;
    background-position:center center;
}
#store-wrap #store .megabox {
    background-image:url('../img/megabox_bg.png');
    background-repeat:  no-repeat;
    background-position:center center;
}
#store-wrap #store .bandi {
    background-image:url('../img/bandi_bg.png');
    background-repeat:  no-repeat;
    background-position:center center;
}
#store-wrap > .cc-container {overflow:visible;}
#store-wrap #store .bus {
    background-image:url('../img/bus_bg.png');
    background-repeat:  no-repeat;
    background-position:center center;
}
#store-wrap #store .bus.new {
    background-image:url('../img/main_bus_img.png');
}
#store-wrap #store .famille.new {
    background-image:url('../img/main_fami_img.png');
}
#news-wrap {
    background:#f6f6f0;
    padding-top:160px;
    padding-bottom:210px;
}
#news {
    padding-left:15px;
    padding-right:15px;
	max-width:1160px;
    text-align:center;

}
#news div.title {
    text-align:center;
    margin-bottom:80px;
}
#news div.title .sub-title {
    font-size:50px;
    font-family:"Didot W01 Bold Italic";
}
#news div.title .sub-title-desc {
    font-size:14px !important;
    margin-top:10px;
    font-weight:100;
    line-height:1.4;
}
#news .section {
    padding:0px 0px 23px 0px;
    width:32.5%;
    margin-top:1%;
    margin-bottom:1%;
    display:block;
    float:left;
    color:#1b1b1b;
    background:#eae9e3;
    cursor:pointer;
    position:relative;
    height:540px;
}
#news .section:nth-child(3n-1) {
    margin-left:1%;
    margin-right:1%;
}
#news #news-in .section:nth-of-type(3n+1) {
    clear:both;
}
#news .section .description p {text-align:justify !important;}
#news .section .image-box {
    overflow:hidden;
    width:100%;
    position:relative;
    /*-webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    background-position: 50% 50%;*/
}
#news .section:hover .image-box {
    /*-webkit-background-size: 105% 105%;
    background-size: 105% 105%;*/
}
#news .section:hover .image-box div.cover {
    display:block;
}
#news .section .image-box div.cover {
    position:absolute;
    left:0;
    top:0;
    display:none;
    width:100%;
    height:100%;
    table-layout:fixed;
    background:rgba(0,0,0,0.3);
    color:white;
}
#news .section .image-box div.cover .cover-content {
    display:table;
    vertical-align:middle;
    text-align:center;
    width:100%;
    height:100%;
}
#news .section .image-box div.cover .cover-content .cover-in{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    text-transform: uppercase;
}
#news .section .image-box > img {
    width:100%;
    display:block;
    position:relative;
}
#news .section .image-box > img.de {
    width:100%;
    display:block;
    position:absolute;
    left:0;
    top:0;
    transition-duration:0.5s;
}
#news .section:hover .image-box > img.de {
    transform: scale(1.03,1.03);
    -webkit-transform: scale(1.03,1.03);
    -moz-transform: scale(1.03,1.03);
    -ms-transform: scale(1.03,1.03);
}
#news .section .description {
	overflow:hidden;
    font-size:14px;
    line-height:25px;
    height:80px; /*120px;*/
    text-align: justify !important;
    padding-right:30px;
    padding-left:30px;
    /*font-family : "Avenir LT W01_55 Roman1475520", "SD Gothic";*/
    font-weight:200;
}
#news .section .description img {
    display:none;
}
#news .section .readMore {
    position:absolute;
    left:50%;
    bottom:20px;
    margin-left:-54px;
    display:block;
    text-align:center;
    color:#b49759;
    border:1px solid #b49759;
    font-size:13px;
    margin-top:25px;
    width:109px;
    line-height:36px;
    height:36px;
    vertical-align: middle;
}
body#en #news .section .readMore {letter-spacing:1px;}
#news .section:hover .readMore {
    background:#b49759;
    color:#efefee;
}
#news .section h3.title {
    font-size:20px;
    font-weight:bold;
    text-align:center;
    margin-top:34px;
    line-height:1.5;
    padding-left:30px;
    padding-right:30px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
body#en #news .section h3.title {
    letter-spacing:2px;
}
#news .section p.date {
    margin-top:10px;
    text-align:center;
    font-size:12px;
    margin-bottom:20px;
    font-family : "Avenir";
    font-weight:200;
}
#news .news-more {display:block;width:211px;height:36px;line-height:36px;margin-left:auto;margin-right:auto;color:#515151;margin-top:60px;border:1px solid #b49759;font-size:14px;transition-duration:0.5s;}
body#en #news .news-more {letter-spacing:1px;}
#news .news-more:hover {background:#b49759;color:white;}
#news .news-more .plus {font-size:28px;margin-left:0px;}

#customer-wrap {background:#7b6d65;padding-top:65px;padding-bottom:65px;}
#customer .title .sub-title {font-size:50px;text-align:center;font-family:"Didot W01 Bold Italic", "SD Gothic";color:white;}
#customer .title .sub-title-desc {font-size:14px;margin-top:10px;text-align:center;font-family : "Avenir", "SD Gothic";font-weight:100;line-height:1.4;color:white;}
#customer ul {width:100%;max-width:1000px;margin:67px auto 0px auto;}
#customer ul li {width:14.285%;text-align:center;float:left;}
#customer ul li a {display:block;color:#f5f5f2;font-size:14px;opacity:0.5;letter-spacing:2px;}
#customer ul li a:hover {opacity:1;}
#customer ul li a img {display:block;margin:0 auto 0px auto;width:61px;}

#special-place-wrap {background:#f7f7f4;padding-top:65px;padding-bottom:90px;color:#1b1b1b;padding-lefT:20px;padding-right:20px;}
#special-place .title .sub-title {font-size:50px;text-align:center;font-family:"Didot W01 Bold Italic", "SD Gothic";color:#1b1b1b;}
#special-place .title .sub-title-desc {font-size:14px;margin-top:10px;text-align:center;font-family : "Avenir", "SD Gothic";font-weight:100;line-height:1.4;color:#1b1b1b;}
#sp-content {
    width: 100%;
    /*max-width: 1280px;*/
    margin: 60px auto 0px auto;
    text-align:center;
    margin-left:35px;
}
#sp-content:after {
    clear: both;
    content:"";
    display:table;
}
#sp-content  a.sp-anchor {
    width:20%;
    float:left;
    display:inline-block;
    min-height:48px;
    position:relative;
    padding-left:63px;
    color:#888888;
    text-align:left;
}
#sp-content  a.sp-anchor:hover .sp-img {
    background:#1b1b1b;
}
#sp-content  a.sp-anchor:hover{
    color:#1b1b1b;
}
#sp-content  a.sp-anchor .sp-img {
    width:48px;
    height:48px;
    line-height:48px;
    position:absolute;
    left:0;
    top:0;
    text-align:center;
    background:#cbcbc5;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
#sp-content  a.sp-anchor .sp-img img {
    vertical-align:middle;
}
#sp-content  a.sp-anchor span {display:block;}
#sp-content  a.sp-anchor .sp-title {
    font-family:"Didot bold",Serif;
    font-size:20px;
    margin-bottom:5px;
    margin-top:12px;
}
#sp-content  a.sp-anchor .sp-engname {
    font-size:12px;
}
.main_video_cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    object-fit: cover;
    z-index: 0;
    /*padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;*/
    /*-webkit-filter : grayscale(1);*/
}
.main_video_cover iframe {
    pointer-events:none;
}
.sqs-video-icon { display: none; }
.main_video {
    position: fixed;
    top: 50%;
    left: 50%;
    top: 0%\9;
    left: 0%\9;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    z-index: 0\9;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /*background: url(polina.jpg) no-repeat;*/
    background-size: cover;
}
.main_video::-webkit-media-controls {
    display:none !important;
}
@media(max-width:1280px) {
    #sp-content {
        margin-left:0px;
    }
}
@media (max-width:1024px) {
    #news {padding-left:0;padding-right:0;}
}
@media(max-width:1024px){
    #store-wrap #store > a .outline h2 {font-size:16px !important;}
    #store-wrap #store > a .outline .eng_name {font-size:12px;}
    #store-wrap #store > a .outline .line {display:none;}
    #store-wrap #store > a .outline .store-desc {display:none;}
    #store-wrap #store .grid-sizer {
        width:200px;
    }
    #store-wrap #store > .item.w1 {
        width: 200px;
    }
    #store-wrap #store > .item.w2 {
        width: 405px;
    }
    #store-wrap #store > .item {
        width:200px;
        height: 200px;
    }
    #store-wrap #store > .item.he2 {
        height:405px;
    }
    #news .section {
        height:430px;
    }
    /*#news .section:nth-child(3n) {margin-left:0;margin-right:0;}
    #news .section:nth-child(2n) {
        margin-left:1%;
        margin-right:1%;
    }*/
    #sp-content {margin-left:60px;}
    #sp-content  a.sp-anchor {
        width:50%;
        margin-bottom:25px;
    }
}
@media (max-width:800px) {
    #news-wrap {
        padding-top:94px;
        padding-bottom:160px;
    }
    #customer ul li {
        width:33.3%;
        margin-top:25px;
    }
    #store-wrap {padding-top:87px;padding-bottom:87px;}
    #store-wrap > div {
        width:100% !important;
    }
    #store-wrap > div > #store {
        /*width:100% !important;*/
    }
    #store-wrap .line, #store-wrap .store-desc {display:none;}
    #store-wrap #store .grid-sizer {
        width:300px;
    }
    #store-wrap #store > .item {
        width: 300px !important;
        height:172px !important;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #store-wrap #store.new > .item {
        width: 100% !important;
        height:330px !important;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #store-wrap #store> .item:hover {
        -webkit-background-size: cover;
        background-size: cover;
    }
    #store-wrap #store > a .outline h2 {
        font-size:20px !important;
    }
    #sp-content {
        max-width:320px;
        margin-left:auto;
        margin-right:auto;
    }
    #sp-content  a.sp-anchor {width:100%;}

}
@media (max-width:640px) {
    #store-wrap .line, #store-wrap .store-desc {display:none;}
    #store-wrap #store .grid-sizer {
        width:280px;
    }
    #store-wrap #store > .item {
        width: 280px !important;
        height:172px !important;
        -webkit-background-size: cover;
        background-size: cover;
    }
    /*button*/
}
@media(max-width:480px) {
    #news .news-more,
    #news .section .readMore {font-size:12px;}
    /*button*/
    #news .section:nth-child(3n) {margin-left:0;margin-right:0;}
    #news .section:nth-child(2n) {margin-left:0;margin-right:0;}
    #news .section {
        width:100%;
        height:auto;
        padding-bottom:75px;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    #news .section.section-m {
        display:none;
    }
    #news .section .description {font-size:12px;line-height:1.6;}
    #news-wrap {
        padding-top:94px;
        padding-bottom:160px;
        padding-left:15px;
        padding-right:15px;
    }
	#news .news-more {margin-top:30px;}
	#news div.title .sub-title-desc {font-size:12px !important;}
    #customer-wrap {padding-top:20px !important; padding-bottom:20px !important;}
    #store-wrap #store > a .outline h2 {
        margin-top:10px;
    }
    #news div.title {
        margin-bottom:40px;
    }
    #special-place .title .sub-title,
    #news div.title .sub-title,
    #customer .title .sub-title {
        font-size:28px;
    }
    #special-place .title .sub-title-desc,
    #news div.title .sub-title-desc, #customer .title .sub-title-desc {
        font-size:12px;
    }
    #news .section h3.title {font-size:20px;}
    #customer ul {
        margin-top:0px;
    }
    #customer ul li a {
        font-size:14px;
    }
    #customer ul li a img {
        width:80%;
		max-width:45px;
    }
    #customer ul li a span {
        display:none;
    }
    #customer ul li {
        width:14.285%;
    }
}