@charset "utf-8";


#header{position:relative; box-shadow:0 2px 10px 0 rgba(0,0,0,0.1); z-index:1000;background-color:#333;
	-webkit-transition:all .3s ease; transition:all .3s ease;}
#header.fixed{position:fixed; top:0; left:0; width:100%; background:rgba(51,51,51,.9);}
.clearfix:before, .clearfix:after{content:""; display:block; clear:both;}
.gw_boundary_wide{max-width:1200px; margin:0 auto;}

/* .gw_header_container logo */
.gw_header_container{position:relative;}
.gw_header_container > #logo{position:absolute; top:5px; left:0; width:176px;height:60px; z-index:99;}
.gw_header_container > #logo a{display:block;width:100%;}

/* 1차 메뉴 gnb */
.gw_gnb_container{position:relative; text-align:center; font-size:0;padding-left:280px;}
.gnb{display:inline-block; vertical-align:top;}
.gnb > .gnb_item{position:relative; display:inline-block; padding:27px 35px; font-size:16px;font-weight:300; vertical-align:top; line-height:1;}
.gnb > .gnb_item:first-child{padding-left:0;}
.gnb > .gnb_item:nth-child(6){padding-right:0;}
.gnb > .gnb_item:last-child{display:none;}
.gnb > .gnb_item a{color:#fff;}
.gnb > .gnb_item a:hover, .gnb > .gnb_item a.active{color:#e5b85c;}
.gnb > .gnb_item > .lnb{opacity:0; visibility:hidden; position:absolute; top:60px; width:120px; text-align:left; 
	-webkit-transition:all .25s ease-out; transition:all .25s ease-out;}
.gnb > .gnb_item > .lnb.on{opacity:1; visibility:visible; top:91px; z-index:99;}

/* 2차 메뉴 lnb dropdown menu */
.lnb > .lnb_item{font-size:13px; -webkit-transition:all .3s; transition:all .3s;}
.lnb > .lnb_item:last-child{border-bottom:0;}
.lnb > .lnb_item > a{display:block; width:100%; height:100%; padding:6px 0; line-height:initial; -webkit-transition:all .3s; transition:all .3s;letter-spacing:-0.08em;}
.lnb_bg{opacity:0; visibility:hidden; position:absolute; top:70px; left:0; width:100%; height:210px; box-shadow:0 4px 6px 0 rgba(0,0,0,0.1); background:#fff; border-top:1px solid #eef1f5; 
	-webkit-transition:all .3s ease-out; transition:all .3s ease-out; z-index:90;}
.lnb_bg.on{opacity:1; visibility:visible; top:70px;}

/* search button */
.search_btn{display:inline-block; padding:21px 28px 25px; font-size:20px; text-align:center; cursor:pointer;display:none;}
.search_btn.fixed{padding:18px 28px 22px;}
.search_icon{vertical-align:middle;}

/* gw_utill_container */
.gw_utill_container{position:absolute; top:50%; right:0; margin-top:-14px; text-align:right; font-size:0;}
.gw_utill_container > ul, .gw_utill_container > div{display:inline-block;}
.gw_utill_container .utill{font-size:0;}
.gw_utill_container .utill > li{display:inline-block; padding-left:4px; font-size:12px; position:relative;}
.gw_utill_container .utill > li a{color:#96989c;}
.gw_utill_container .utill > li span{display:block; padding:4px 12px; border:1px solid #96989c; border-radius:14px; -webkit-transition:all .3s ease-out;
	transition:all .3s ease-out;}
.gw_utill_container .utill > li span:hover{background:#5bb6e2; border-color:#5bb6e2; color:#fff;}

/* 로그인 시 admin menu */
.gw_utill_container .utill_admin{position:fixed; top:50%; right:80px; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:120px; 
	background:#fff; box-shadow:0 2px 10px 0 rgba(0,0,0,0.1); text-align:left; font-size:14px;}
.gw_utill_container .utill_admin h5{padding:.75rem 1rem; background:#5bb6e2; color:#fff; font-size:14px;}
.gw_utill_container .utill_admin a{display:block; padding:.75rem 1rem; border-bottom:1px solid #f1f1f1; -webkit-transition:all .3s ease-out;
	transition:all .3s ease-out;}
.gw_utill_container .utill_admin a:hover{background:#f7f7f7;}

/* menu button */
.menu_btn{display:none; position:absolute; top:0; right:0; width:52px; height:70px; cursor:pointer;}
.menu_icon{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:24px; height:24px; z-index:999;}
.menu_icon > span{display:block; position:absolute; left:0; width:100%; height:2px; background:#8ab338; opacity:1;
	-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
	-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;}
.menu_icon > span:nth-child(1){top:0;}
.menu_icon > span:nth-child(2){top:8px;}
.menu_icon > span:nth-child(3){top:16px;}
.menu_icon > span:nth-child(4){top:8px; opacity:0}

/* gnb all container */
.gnb_all_container{position:fixed; top:0; right:-100%; max-width:320px; width:100%; height:100%;background:#fff; box-shadow:0 3px 6px 0 rgba(0,0,0,0.1); z-index:8888;}
.gnb_all_container.open{right:0; overflow:auto;}
.gnb_all_inner{position:relative;height:100%;}

/* gnb all close button */
.gnb_all_close_btn{position:absolute; top:10px; right:6px; width:40px; height:40px; border:none; background:transparent;}
.gnb_all_close_btn > span{width:100%; height:100%; position:relative;}
.gnb_all_close_btn > span:after{content:""; position:absolute; top:0; right:0; width:100%; height:100%; 
	background:url('img/icon_close.png') no-repeat center center; background-size: 20px auto;
    -webkit-transform: rotate(0) translateZ(0); transform:rotate(0) translateZ(0); 
	-webkit-transition:-webkit-transform .3s; transition: -webkit-transform .3s;
    transition:transform .3s; transition:transform .3s, -webkit-transform .3s;}
.gnb_all_close_btn:hover > span:after{-webkit-transform:rotate(180deg) translateZ(0); transform:rotate(180deg) translateZ(0);}

/* gnb_all_utill */
.gnb_all_utill{font-size:13px;letter-spacing:-0.05em;width:185px;margin:20px auto;}
.gnb_all_utill li{display:inline-block; padding-right:20px; position:relative;}
.gnb_all_utill li:last-child{padding-right:0;}
.gnb_all_utill li:after{content:""; position:absolute; top:7px; right:9px; width:1px; height:10px; background:#96989c;}
.gnb_all_utill li:last-child:after{display:none;}

/* gnb all item 전체메뉴 */
.gnb_all{background:#fff;}
.gnb_all_item{font-size:18px;letter-spacing:-0.075em; position:relative;z-index:0;}
.gnb_all_item > a{display:block; height:56px; padding:14px 24px; line-height:28px; color:#646873;}
.lnb_op_btn{position:absolute; top:13px; right:18px; width:30px; height:30px; border:0; border-radius:50%; outline:none;z-index:-1; 
	background:url('img/select_arrow_bold.png') no-repeat 50% 60%; background-size:9px auto; background-color:#f7f7f7;}
.lnb_all{display:none; background:#f7f7f7; padding:10px 24px;}
.lnb_all_item{padding:5px 0; font-size:16px;font-weight:300;}
.gnb > .gnb_item .lnb .lnb_item a{color:#646873;}
.gnb > .gnb_item .lnb .lnb_item a:hover{color:#e5b85c;}
.m_menu.active{position:relative;}
/*.m_menu.active:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#646873;}*/

/* gnb all overlay */
.gnb_all_overlay{display:none; position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(0, 0, 0, .8); z-index:5555;}
.gnb_all_overlay.open{display:block;}

/* gw_search */
.gw_search{display:none; position:fixed; top:90px; left:0; width:100%; z-index:9999;}
.gw_search_inner{background:#fff; box-shadow:0 10px 10px 0 rgba(0,0,0,0.1); position:relative;}
.gw_search_boundary{max-width:768px; width:100%; margin:auto; padding:120px 0 60px;}
.gw_search_close_btn{position:absolute; top:50px; left:50%; margin-left:-32px; width:64px; height:64px; border:none; background:transparent;}
.gw_search_close_btn span{display:block; width:100%; height:100%; position:relative;}
.gw_search_close_btn span:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('img/icon_close.svg') no-repeat center center;
	background-size:28px auto; -webkit-transform:rotate(0) translateZ(0); transform:rotate(0) translateZ(0); -webkit-transition:-webkit-transform .3s;
	transition:-webkit-transform .3s; transition:transform .3s; transition:transform .3s, -webkit-transform .3s}
.gw_search_close_btn:hover span:after{-webkit-transform:rotate(180deg) translateZ(0); transform:rotate(180deg) translateZ(0);}

#gw_search_field{width:100%; height:65px; margin-bottom:24px; position:relative;}
#gw_search_field:after{content:""; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:#dde0e3;}
#gw_search_field > form{width:100%; height:100%;}
#gw_search_field input.gw_search_input:focus{border:0 !important;}
.gw_search_input{display:block; width:100%; height:100%; padding:0; border:none; outline:none; font-size:24px;}
.gw_search_submit_btn{position:absolute; top:0; right:0; width:48px; height:100%; border:none; outline:none; background:transparent; font-size:24px; color:#acafb9;}

#header.main-header{}
#header.main-header .gw_gnb_container{}
#header.main-header .gw_gnb_container .gnb{display:none;}

.open-logo{padding:10px 24px;background-color:#fff;border-bottom:10px solid #f7f7f7;}
.open-logo a{display:block;width:130px;height:44px;background:url('img/open-logo.png') no-repeat;font-size:0;color:transparent;}


.navi-quick{position:absolute;left:0;bottom:0;width:100%;height:44px;background-color:#f7f7f7;}
.navi-quick ul li{float:left;width:20%;height:44px;text-align:center;font-size:0;color:transparent;background-repeat:no-repeat;background-position:center;}
.navi-quick ul li a{display:block;width:100%;height:100%;}
.navi-quick ul li.hour{background-image:url('img/ico-hour.png');}
.navi-quick ul li.map{background-image:url('img/ico-map.png');}
.navi-quick ul li.online{background-image:url('img/ico-online.png');}
.navi-quick ul li.talk{background-image:url('img/ico-talk.png');}
.navi-quick ul li.naver{background-image:url('img/ico-naver.png');}
.navi-quick ul li.resv{background-image:url('img/ico-resv.png');}

  .quick-top{position:absolute;right:45px;top:10px;display:none;}
  .quick-top ul li{display:inline-block;width:35px;height:35px;border-radius:50%;}
  .quick-top ul li a{display:block;width:100%;height:100%;color:#fff;font-size:25px;}
  .quick-top ul li i{display:block;width:100%;height:100%;line-height:35px;}


@media screen and (min-width:992px) {
  #header.main-header .gw_header_container > #logo{display:none;}
  
}



@media screen and (max-width:1760px) {
	
	.gw_header_container > #logo{left:24px;top:5px;width:auto;height:60px;}
	.gw_utill_container{right:24px;}

}






@media screen and (max-width:1440px) {
	
	.gnb > .gnb_item{padding:37px 24px;}
	.gw_header_container > #logo{top:15px;}

}






@media screen and (max-width:1200px) {
	
	.gw_boundary{padding:0 24px;}
	.gw_header_container > #logo{top:10px;}
	.gw_header_container > #logo img{}
	.gnb > .gnb_item{padding:32px 20px;}
	.lnb > .lnb_item{font-size:12px;}
	.search_btn{padding:27px 14px 29px;}
	.utill_admin{display:none;}

	.lnb_bg{top:80px;}
	.gw_search{top:80px;}
  .gw_gnb_container{padding-left:200px;}

}

@media screen and (max-width:1025px) {
	
	.gw_boundary{padding:0 24px;}
	.gw_header_container{height:70px; position:relative;}
	.gw_header_container > nav{float:right;}

	.menu_btn{display:inherit; float:none; position:absolute;}
  /*.search_btn, .menu_btn{display:inherit; float:none; position:absolute;}*/
	.search_btn{right:52px; width:52px; height:70px;}
	.menu_btn{right:8px;}
	.search_icon{position:absolute; top:50%; left:50%; -webkit-trasform:translate(-50%, -50%); transform:translate(-50%, -50%)}

	.gw_utill_container, .gnb{display:none;}
  .quick-top{display:block;}
	.gw_header_container > #logo{height:60px;top:5px;}
	.gw_header_container > #logo a{height:100%;}
	.gw_header_container > #logo img{height:100%;}


}

@media screen and (max-width:768px) {
	
	.gw_search_boundary{padding:120px 24px 60px}
	.gw_header_container{height:60px;}
	.gw_header_container > #logo{top:5px;height:50px;}
	.menu_btn{width:40px; height:60px;}
	.menu_icon{width:20px; height:13px;}
	.menu_icon > span:nth-child(2){top:6px}
	.menu_icon > span:nth-child(3){top:12px;}
	.search_btn{right:44px; width:40px; height:60px; font-size:18px;}
	.search_icon{}

	.gw_search{top:0;}
}

@media screen and (max-width:767px) {
	
	.gw_boundary{padding:0 16px;}
	.search_btn{right:38px;}
	.menu_btn{width:36px;}

	/* gw_search */
	.gw_search_boundary{padding:68px 48px 48px}
	.gw_search_close_btn{top:10px;}
	.gw_search_input{font-size:20px;}
	#gw_search_field{height:52px; margin-bottom:10px;}

}

@media screen and (max-width:480px) {
	
	.gw_header_container{height:54px}
	.gw_header_container > #logo{height:44px;top:5px;left:10px;}

	.search_btn, .menu_btn{height:54px;}
	.search_icon{top:48%;}

	.gnb_all_container{max-width:280px;}
	.gnb_all_close_btn.open{right:280px;}

	/* gw_search */
	.gw_search_close_btn{top:5px;}
	.gw_search_boundary{padding:64px 36px 24px;}
	.gw_search_input, .gw_search_submit_btn{font-size:18px;}
	#gw_search_field{height:48px; margin-bottom:5px;}
	#popular li{font-size:12px;}
}

@media screen and (max-width:375px) {

	/* gw_search */
	.gw_search_boundary{padding:64px 24px 24px;}
	.gw_search_input, .gw_search_submit_btn{font-size:16px;}

}

@media screen and (max-width:320px) {
	
	/* gnb all */
	.gnb_all_container{max-width:260px;}
	.gnb_all_close_btn.open{right:260px;}

}