@charset "utf-8";

#main > .txt{ right:10%; }
#main > .txt > .txt-in { display: inline-block; margin: 0px auto; padding-bottom: 0px; text-shadow: 0 1px 2px rgba(0,0,0,.2); }
#main > .txt > .txt-in > h1{ font-family: 'KoPubWorldBatang';line-height: 1.2em;}


#main .sec1_slider .swiper-slide.img1{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image1.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img2{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image3.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image4.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img5{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image5.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img6{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image6.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img7{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image7.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img8{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image8.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img9{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image9.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img10{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image10.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img11{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image11.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img12{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image12.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img13{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image13.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img14{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image14.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img15{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image15.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img16{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image16.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img17{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image17.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img18{background: url(http://lakehanok.cdn1.cafe24.com/sub2/4/image18.jpg) no-repeat; background-size: cover; background-position: center;}


#intro .intro-in .greet .greet-in .right { padding-top: 60px;}
#intro .intro-in .greet .greet-in .right .intro-img { width: 100%; height:400px; background:url(http://lakehanok.cdn1.cafe24.com/sub2/4/image6.jpg) no-repeat center; background-size:cover; }

#banner{ padding:60px 0 0; }

#hanok{ padding:60px 2.36% 0px }

#footer { padding: 0px 2.36% 2.36%; }

@media (max-width: 1024px) { 

    #cafe .cafe-in .cafe-wrap .cafe-r{ width:100%; margin-top:20px; display:block; height: 450px;}
}


@media (max-width: 780px) { 

    #intro .intro-in .greet .greet-in{ padding-bottom: 60px;}
}

@media (max-width: 768px) { 

    #cafe .cafe-in .cafe-wrap .cafe-l .cafe-line .cafe-img1 { display: block; height: 450px; }
    #cafe .cafe-in .cafe-wrap .cafe-l .cafe-line .cafe-img3 { display: block; height: 450px; margin-top: 20px; }
    #cafe .cafe-in .cafe-wrap .cafe-l .cafe-line .cafe-img4{ height: 450px; margin-top:20px; }
    
}

@media (max-width: 500px) { 

    #main > .txt > .txt-in > h1{margin-left: 0;}
}