@charset "utf-8";

#topGnbWrap{min-width:1200px;width:100%}

/* 로고 */
#top_area{width:100%;height:115px;text-align:center;background:url(/sh_page/img/noise_bg4.png) repeat}
#top_area .inner{position:relative;width:1200px;height:100%;margin:0 auto}
#top_logo {position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#top_logo a{display:inline-block}
#top_logo img{width:250px}
#top_area .user_tip{position:absolute;top:15px;right:0}
#top_area .user_tip li { display:inline-block}
#top_area .user_tip li+li{margin-left:10px}
#top_area .user_tip li a { opacity:.5;font-size:13px;color:#fff}
#top_area .reservation{position: absolute;bottom:15px;right:0;padding: 5px 10px;background-color: #fff;}
#top_area .reservation li a{font-size:13px;color:#666}

/* 대분류  */
#topGnb{height:140px;border-bottom:1px solid #e1e1e1;text-align:center}
#topGnb > li{display:inline-block;vertical-align:top;position:relative;height:141px;background:center no-repeat}
#topGnb > li > a{display:block;height:100%;padding:100px 30px 0;font-size:17px;letter-spacing:-.15px;color:#222;font-family:'notokr-medium'}
/*#topGnb > li:before, #topGnb > li:after{display:none;content:"";position:absolute;left:-3px;top:0;width:4px;height:100%;background-color:#f9ba23}
#topGnb > li:after{left:auto;right:-3px}
#topGnb > li:hover:before, #topGnb > li:hover:after{display:block}*/
#topGnb > li:hover{background-color:#bfa78b}
#topGnb > li:hover a{color:#fff}

#topGnb .list01{background-image:url(/sh_img/hd/top_menu/gnb01_off.png);background-position:center 24px;background-size:77px}
#topGnb .list01:hover{background-image:url(/sh_img/hd/top_menu/gnb01_on.png)}
#topGnb .list02{background-image:url(/sh_img/hd/top_menu/gnb02_off.png);background-position:center 29px;background-size:45px}
#topGnb .list02:hover{background-image:url(/sh_img/hd/top_menu/gnb02_on.png)}
#topGnb .list03{width:170px;background-image:url(/sh_img/hd/top_menu/gnb03_off.png);background-position:center 23px;background-size:62px}
#topGnb .list03:hover{background-image:url(/sh_img/hd/top_menu/gnb03_on.png)}
#topGnb .list03 > a{padding:100px 0 0}
#topGnb .list04{background-image:url(/sh_img/hd/top_menu/gnb04_off.png);background-position:12px 22px;background-size:80px}
#topGnb .list04:hover{background-image:url(/sh_img/hd/top_menu/gnb04_on.png)}
#topGnb .list05{background-image:url(/sh_img/hd/top_menu/gnb05_off.png);background-position:28px 25px;background-size:70px}
#topGnb .list05:hover{background-image:url(/sh_img/hd/top_menu/gnb05_on.png)}
#topGnb .list06{background-image:url(/sh_img/hd/top_menu/gnb06_off.png);background-position:center 16px;background-size:65px}
#topGnb .list06:hover{background-image:url(/sh_img/hd/top_menu/gnb06_on.png)}
#topGnb .list07{background-image:url(/sh_img/hd/top_menu/gnb07_off.png);background-position:26px 25px;background-size:52px}
#topGnb .list07:hover{background-image:url(/sh_img/hd/top_menu/gnb07_on.png)}
#topGnb .list08{background-image:url(/sh_img/hd/top_menu/gnb08_off.png);background-position:center 16px;background-size:45px}
#topGnb .list08:hover{background-image:url(/sh_img/hd/top_menu/gnb08_on.png)}
#topGnb .list09{background-image:url(/sh_img/hd/top_menu/gnb09_off.png);background-position:22px 22px;background-size:62px}
#topGnb .list09:hover{background-image:url(/sh_img/hd/top_menu/gnb09_on.png)}
#topGnb .list09 ul li:nth-child(2) a:after { display:inline-block;content:"N";vertical-align:1px;width:18px;height:18px;margin-left:5px;border-radius:50%;font-size:11px;color:#fff;background-color:#FD8E13;line-height:18px;text-align:center;font-family:'notokr-medium'}
#topGnb .list10 a{border:10px solid #80b281;padding:86px 30px 0;}
#topGnb .list10{position:relative;border:3px solid #000;background-image:url(/sh_img/hd/top_menu/gnb10_off.png);background-position:38px 22px;background-size:62px;cursor:pointer}
#topGnb .list10:hover{background-image:url(/sh_img/hd/top_menu/gnb10_on.png)}
#topGnb .list10 .box{display:none}

/* 소분류 */
#topGnb > li > ul{display:none;position:absolute;top:140px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1002;min-width:170px;width:auto;background-color:rgba(53,45,39,.85)}
#topGnb > li > ul > li{border-bottom:1px solid rgba(255,255,255,.07)}
#topGnb > li > ul > li:last-child{border:none}
#topGnb > li > ul > li a{display:block;padding:11px 0;font-size:15px;color:#fff;transition:all .2s}
#topGnb > li > ul > li a:hover{background-color:rgba(255,255,255,.06)}

#user_tip { position:absolute;right:0}