/*font*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');	

/*reset*/
*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{max-width:100%;border:0;vertical-align:middle}
body, td, p, input, button, textarea, select,a{font-family:'Noto Sans KR','Nanum Gothic',sans-serif; font-size:12px; color:#222;}
h1,h2,h3,h4,h5,h6,strong,b,dt,em{font-weight:500}
em,i{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none}

/*common*/
html{background:#f5f5f5}
body{position:relative;max-width:640px;margin:0 auto;background:#fff}
.clear:after,ul:after{display:block;content:'';clear:both}

/*header*/
#header{position:relative;z-index:100;background:#fff}
.hsec1{height:60px;border-bottom:1px solid #ccc}
.hsec1 h1{text-align:center}
.hsec1 img{max-height:60px}
.hsec1 .toggle{position:absolute;left:0;top:0}
.hsec1 .toggle .open{display:block}
.hsec1 .toggle .close{display:none}
.hsec1 .toggle.on .open{display:none}
.hsec1 .toggle.on .close{display:block}
.hsec1 .reservation{position:absolute;right:0;top:0}
.hsec1 .lnb{display:none;position:absolute;left:0;top:60px;width:100%;background:#eeeeee;text-align:center}
.hsec1 .lnb.on{display:block}
.hsec1 .lnb li{border-bottom:1px solid #ccc;line-height:35px}
.hsec1 .lnb li > a{display:block;line-height:50px;font-size:16px;color:#222}
.hsec1 .lnb dl{display:none;background:#3f3f3f;padding:5px 0}
.hsec1 .lnb dd{}
.hsec1 .lnb dd a{display:block;line-height:35px;font-size:14px;color:#fff}

/*main*/
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
.swiper-pagination-bullet{width:10px;height:10px;margin:0 5px !important;background:#fff;opacity:1}
.swiper-pagination-bullet-active{border:2px solid #fff;background:none}
.swiper-button-next{width:26px;height:26px;background:url('../images/swiper_next2.png') no-repeat center /100%;right:50px}
.swiper-button-prev{width:26px;height:26px;background:url('../images/swiper_prev2.png') no-repeat center /100%;left:50px}
.swiper-button-next:after,
.swiper-button-prev:after{display:none}


/*footer*/
#footer{margin-top:0px}

.fsec1{position:relative}
.fsec1 .info{position:absolute;width:100%;top:calc(50% - 35px/2);transform:translateY(-50%);text-align:center}
.fsec1 .info .tit{font-size:16px; line-height:18px}
.fsec1 .info .tit span{display:block;margin:5px 0}
.fsec1 .info .more{display:inline-block;margin:10px 0 0;line-height:30px;padding:0 20px;border-radius:16px;background:#000000;
font-size:14px;color:#fff;font-weight:100}
.fsec1 .menu{margin-top:0px}
.fsec1 .menu a{float:left;width:24.9%;border-left:1px solid #fff;background:#898989;text-align:center;line-height:35px;font-size:14px;color:#fff}
.fsec1 .menu a:first-child{border-left:0}


.fsec2{text-align:center;padding:20px 0}
.fsec2 .logo{width:40%;margin:0 auto}
.fsec2 .tel,
.fsec2 .tel a{font-size:17px;}
.fsec2 .address{line-height:1.8;margin:10px 0}
.fsec2 .company{border-top:1px dashed #777;padding:10px 0;width:98%;margin:0 auto;line-height:1.8;color:#777}
.fsec2 .making{}
.fsec2 .making a{display:inline-block;background:#5d5d5d;;color:#fff;padding:2px 5px}
.fsec2 .making a span{font-weight:100}

.q_menu{position:fixed;right:10px;bottom:10px; z-index:9999999}
.q_menu a{display:block;width:50px;margin:5px 0}



.longtime{position:absolute;right:0;top:430px;margin-right:20px; z-index:900}
.longtime_sub{position:absolute;right:0;top:250px;margin-right:20px; z-index:9}


/*마진*/
		
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}

.mb4{margin-bottom:4px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}


.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pt70{padding-top:70px}
.pt80{padding-top:80px}
.pt90{padding-top:90px}
.pt100{padding-top:100px}

.pb4{padding-bottom:4px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb60{padding-bottom:60px}
.pb70{padding-bottom:70px}
.pb80{padding-bottom:80px}
.pb90{padding-bottom:90px}
.pb100{padding-bottom:100px}

.ml30{margin-left:30px}
.ml40{margin-left:40px}