@charset "utf-8";
#header{width:100%;height:82px;background: #fff;position: fixed;box-sizing: border-box;z-index: 99;z-index: 9999;}
#header.on{background: rgba(255,255,255,.9);box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);}
#header .header_in{width:100%;height:100%;position: relative;}
#header .header_in h1{float:left;line-height: 82px;margin-left:80px;padding-top:13px;}
#header .header_in h1 a{display: block;}

#header .header_in .gnb{float:right;position: absolute;right:82px;}
#header .header_in .gnb > li{float:left;position: relative;}
#header .header_in .gnb > li > a{display: block;padding:0 22px;line-height:82px;color:#333;font-family: 'Noto Sans KR';font-size:13px;transition: all .5s ease;}
#header .header_in .gnb > li:hover > a{color:#555;}
#header .header_in .gnb > li > a > span{position: relative;display: inline;}
#header .header_in .gnb > li > a > span:after{content: '';position: absolute;left:50%;right:0;bottom:-10px;background: #000;transition: all .5s ease;width:0%;height:1px;}
#header .header_in .gnb > li:hover > a > span:after{width:100%;left:0;}
#header .header_in .gnb > li:last-child > a > span:after{width:100%;left:0;}
#header .header_in .gnb > li:last-child a{padding-right:16px;padding-left:28px;color:#1d7173;}
#header .header_in .gnb > li:last-child a span:after{padding-right:0;width:0;width:100%;height:100%;background: none;border:1px solid #1d7173;bottom:0;padding:10px 16px;left:50%;top:50%;transform: translate(-50%,-50%);}

#header .header_in .gnb > li:last-child:hover a span:after{background: #1d7173;}
#header .header_in .gnb > li:last-child:hover a span:before{content: '실시간예약';position: absolute;left:50%;top:50%;color:#fff;width:100%;transform: translate(-50%,-50%);z-index: 100;}

#header .header_in .gnb > li > a.on > span:after{width:100%;left:0;}

#header .header_in .gnb .dep2{width:144%;position: absolute;left:0;top:82px;padding:15px 30px;background: rgba(29,113,115,.9);display: none;}
#header .header_in .gnb .dep2_5{width:160%;}
#header .header_in .gnb .dep2 li{padding:10px 0;}
#header .header_in .gnb .dep2 li a{display: block;color:#fff;font-size:13px;font-family: 'Muli';transition: all .5s ease;}
#header .header_in .gnb .dep2 li a:hover{color:#ccc;}

/*footer*/

#footer{height:321px;background: #333;margin-top:50px;position: relative;box-sizing: border-box;padding:80px 200px 0;overflow: hidden;}
#footer > h2{margin-left:15px;position: absolute;}

#footer .left_box{float:left;margin-left:15px;color:#fff;margin-top:60px;font-size:13px;font-family: 'Noto sans KR';font-weight: 300;}
#footer .left_box h3{margin-bottom:20px;}
#footer .left_box h4{margin-bottom:20px;}
#footer .left_box h4 span{font-family: 'Poppins'}
#footer .left_box h5{margin-bottom:20px;}
#footer .left_box h5 a{color:#fff;}
#footer .left_box h5 a:last-child{margin-left:32px;font-weight: 600;color:#999;letter-spacing: 1px;}
#footer .left_box h5 span{font-family: 'Poppins'}
#footer .left_box h6{font-family: 'Poppins'}
#footer .left_box h6 span{font-family: 'Noto sans KR'}

#footer .right_box{float:right;margin-right:15px;font-size:13px;font-family: 'Noto sans KR';font-weight: 300;color:#fff;text-align: right;}
#footer .right_box h2{font-family: 'Poppins';font-size:18px;font-weight: bold;line-height:33px;margin-bottom:38px;padding-top:22px;}
#footer .right_box h3{margin-bottom:20px;line-height:14px;}
#footer .right_box h4{margin-bottom:20px;line-height:14px;}
#footer .right_box h4 span{font-family: 'Poppins'}
#footer .right_box h5{line-height:14px;}
#footer .right_box h5 span{font-family: 'Poppins'}