@charset "utf-8";
/* CSS Document */
@media(max-width:1920px){
.about{padding-bottom:30%;height:auto}
}

@media(max-width:1400px) {
br.non{display:none}
}

@media(max-width:1000px) {
.sub-container{padding-left:10px;padding-right:10px}
h2.sub-title{text-align:center}
.menu-bt-wrapper{display:block}
.pfixed{height:70px !important}
#header{z-index:100;position:fixed;top:0;width:100%;background:#fff;box-shadow:0 0 4px #000;}
.head{padding:0 5px;height:68px}
.spd{padding-top:0}
.gnb{display:none}
#logo{text-align:left}
#logo img{width:45px}
#logo a p{display:none}
.h-left{top:3px;padding-left:20px}
.h-left .txt{display:none}
.sub-container{padding-top:70px}
.left-foot{position:relative;margin-top:20px;padding-left:15px}
}

@media(max-width:800px) {
#footer{font-size:13px}
body{font-size:14px}
.slick-slide img{max-height:200px}
.contac-area{align-items:stretch;height:auto}
.contac-img{width:100%;max-height:600px;height:auto;padding-bottom:70%;min-height:300px}
.contac{width:100%;height:300px}
.addr{margin-top:0}
.loc{padding:20px 10px 10px 10px}
}

@media(max-width:640px) {
.menu-bt-wrapper{right:15px;top:}
.col-lg-13, .col-lg-3, .col-sm-4, .col-xs-6{padding-left:5px;padding-right:5px}
#bo_gall .gall_li{margin-bottom:10px}
.ko{padding-right:20px}
.en{padding-left:20px}
.slick-slide img{max-height:100px}
}

@media(max-width:480px) {
.ko{float:none;width:100%;padding-right:0}
.en{float:none;width:100%;padding-left:0;border-left:none;margin-top:30px}
}