@charset "utf-8";


#top_nav_wrap{position:relative;width:100%;height:95px;-webkit-transition:height .2s;transition:height .2s}
#top_nav_bg{display:none;position:absolute;left:0;top:95px;z-index:-1;width:100%;height:205px;border-top:1px solid #e1e1e1;background-color:#f7f7f7;-ms-box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.03);box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.03)}

/* 로고 */
#top_logo{position:absolute;top:28px;left:0}
#top_logo img{width:240px}

/* 대분류  */
#top_nav{float:right;margin:45px 0 0 0;padding-right:210px}
#top_nav:after{display:block;content:"";visibility:hidden;clear:both}
#top_nav > li{float:left;padding:0 20px 15px;-webkit-transition:padding .3s;transition:padding .3s}
#top_nav > li > a{display:block;font-size:17px;letter-spacing:-0.5px;color:#222;transition:all .2s;font-family:'notokr-medium'}

/* 소분류 */
#top_nav > li .sub_ul_pc{display:none;position:absolute;left:0;top:75px;width:100%;height:225px}
#top_nav > li .sub_ul_pc ul{display:table;max-width:1200px;width:100%;margin:21px auto 0;text-align:center}
#top_nav > li .sub_ul_pc ul:after{display:block;content:"";visibility:hidden;clear:both}
#top_nav > li .sub_ul_pc li{display:table-cell;margin:0 auto;padding:0;border-right:1px solid #e1e1e1;-webkit-transition:all .2s;transition:all .2s}
#top_nav > li .sub_ul_pc li:first-child{border-left:1px solid #e1e1e1}
#top_nav > li .sub_ul_pc li a{display:block;height:205px;padding:120px 0 0;font-size:15px;color:#888;transition:all .2s;background-repeat:no-repeat;font-family:'notokr-regular'}
#top_nav > li .sub_ul_pc li:hover{background-color:#fff}
#top_nav > li .sub_ul_pc li p{padding-top:2px;font-size:17px;color:#222;font-family:'notokr-medium'}

#top_nav > li .sub_ul_pc.sub_ul1 li{width:25%}
#top_nav > li .sub_ul_pc.sub_ul1 li:nth-child(1) a{background-image:url(/sh_img/hd/top_menu/ul1_icon01.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul1 li:nth-child(1) span:before{content:"밝은 내일이 있는 곳"}
#top_nav > li .sub_ul_pc.sub_ul1 li:nth-child(2) a{background-image:url(/sh_img/hd/top_menu/ul1_icon02.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul1 li:nth-child(2) span:before{content:"한솔이 걸어온 길"}
#top_nav > li .sub_ul_pc.sub_ul1 li:nth-child(3) a{background-image:url(/sh_img/hd/top_menu/ul1_icon03.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul1 li:nth-child(3) span:before{content:"한솔 전문 의료진"}
#top_nav > li .sub_ul_pc.sub_ul1 li:nth-child(4) a{background-image:url(/sh_img/hd/top_menu/ul1_icon04.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul1 li:nth-child(4) span:before{content:"김해한솔재활요양병원"}

#top_nav > li .sub_ul_pc.sub_ul2 li{width:25%}
#top_nav > li .sub_ul_pc.sub_ul2 li:nth-child(1) a{background-image:url(/sh_img/hd/top_menu/ul2_icon01.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul2 li:nth-child(1) span:before{content:"넓고 쾌적환 진료시설"}
#top_nav > li .sub_ul_pc.sub_ul2 li:nth-child(2) a{background-image:url(/sh_img/hd/top_menu/ul2_icon03.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul2 li:nth-child(2) span:before{content:"입/퇴원 및 기타"}
#top_nav > li .sub_ul_pc.sub_ul2 li:nth-child(3) a{background-image:url(/sh_img/hd/top_menu/ul2_icon05.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul2 li:nth-child(3) span:before{content:"의무기록사본 발급"}
#top_nav > li .sub_ul_pc.sub_ul2 li:nth-child(4) a{background-image:url(/sh_img/hd/top_menu/ul2_icon02.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul2 li:nth-child(4) span:before{content:"한솔에서의 하루는?"}
#top_nav > li .sub_ul_pc.sub_ul2 li:nth-child(5) a{background-image:url(/sh_img/hd/top_menu/ul2_icon04.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul2 li:nth-child(5) span:before{content:"활력증진과 컨디션회복"}

#top_nav > li .sub_ul_pc.sub_ul4 li{width:100%}
#top_nav > li .sub_ul_pc.sub_ul4 li:nth-child(1) a{background-image:url(/sh_img/hd/top_menu/ul3_icon01.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul4 li:nth-child(1) span:before{content:"첨단 보행훈련시스템"}

#top_nav > li .sub_ul_pc.sub_ul3 li{width:16.67%}
#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(1) a{background-image:url(/sh_img/hd/top_menu/ul4_icon01.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(1) span:before{content:"한솔 재활치료의 노하우"}
#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(2) a{background-image:url(/sh_img/hd/top_menu/ul4_icon02.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(2) span:before{content:"뇌졸중·외상성 뇌손상 등"}
#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(3) a{background-image:url(/sh_img/hd/top_menu/ul4_icon03.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(3) span:before{content:"관절재활·척추질환 등"}
#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(4) a{background-image:url(/sh_img/hd/top_menu/ul4_icon05.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(4) span:before{content:"뇌성마비·발달지연 등"}
/*#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(5) a{background-image:url(/sh_img/hd/top_menu/ul4_icon04.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(5) span:before{content:"일상으로 향하는 발걸음"}*/
#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(5) a{background-image:url(/sh_img/hd/top_menu/ul4_icon07.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(5) span:before{content:"폐질환·근육병 등"}
#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(6) a{background-image:url(/sh_img/hd/top_menu/ul4_icon06.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul3 li:nth-child(6) span:before{content:"Walkbot G"}

#top_nav > li .sub_ul_pc.sub_ul5 li{width:20%}
#top_nav > li .sub_ul_pc.sub_ul5 li:nth-child(1) a{background-image:url(/sh_img/hd/top_menu/ul5_icon01.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul5 li:nth-child(1) span:before{content:"한솔의 다양한 소식"} 
#top_nav > li .sub_ul_pc.sub_ul5 li:nth-child(2) a{background-image:url(/sh_img/hd/top_menu/ul5_icon02.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul5 li:nth-child(2) span:before{content:"진료·입원 및 기타"}
#top_nav > li .sub_ul_pc.sub_ul5 li:nth-child(3) a{background-image:url(/sh_img/hd/top_menu/ul5_icon03.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul5 li:nth-child(3) span:before{content:"자주묻는질문과 답변"}
#top_nav > li .sub_ul_pc.sub_ul5 li:nth-child(4) a{background-image:url(/sh_img/hd/top_menu/ul5_icon05.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul5 li:nth-child(4) span:before{content:"오늘보다 건강한 내일"}
#top_nav > li .sub_ul_pc.sub_ul5 li:nth-child(5) a{background-image:url(/sh_img/hd/top_menu/ul5_icon04.png);background-position:center 40px}
#top_nav > li .sub_ul_pc.sub_ul5 li:nth-child(5) span:before{content:"믿음과 존중하는 마음"}

#top_nav > li .sub_ul_m{display:none;position:relative;top:auto;left:auto;width:100%;margin-left:0;border:none}
#top_nav > li .sub_ul_m li{border-bottom:1px solid #dadada;text-align:left}
#top_nav > li .sub_ul_m li:last-child{border-bottom:none}
#top_nav > li .sub_ul_m li a{display:block;padding:12px 0 12px 25px;font-size:14px;color:#777;background-color:#f2f2f2}

#top_nav .onlyM{display:none}

/* 로그인 */
#top_log{position:absolute;top:45px;right:0;font-size:17px;letter-spacing:-.5px}
#top_log li{float:left;position:relative}
#top_log li:nth-child(1){padding-left:55px}
#top_log li:nth-child(1):before{display:block;content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:40px;height:40px;margin-right:10px;border-radius:100%;background:url(/sh_img/hd/top_menu/login.png) center no-repeat #33e2a7}
#top_log li:nth-child(1):after{display:inline-block;content:"";width:1px;height:12px;margin:0 12px;background-color:#ccc}
#top_nav .logM{display:none}

/* sns */
#quickBnrM{display:none;position:fixed;top:auto;bottom:90px;right:15px;z-index:1001;border-radius:10px;background-color:#fff}
#quickBnrM li{display:inline-block;vertical-align:middle;margin:0 5px -35px;border-bottom:1px solid #e1e1e1}
#quickBnrM li:last-child{border:none}
#quickBnrM li a{display:block;padding:0 5px;font-size:15px;color:#222}
#quickBnrM li a:before{content:"\f054";float:right;font-size:11px;color:#ddd;font-family:FontAwesome}
#quickBnrM li.blog a{font-size:12px;font-family:'notokr-medium'}
#quickBnrM.active li{display:block;margin:0 0 -35px}
#quickBnrM.active li a{width:200px;height:50px;padding:0 20px;line-height:50px;color:#222}
#quickBnrM li img{width:24px;vertical-align:-8px}
#quickBnrM li a:after{display:inline-block;padding-left:15px;font-size:13.5px;font-family:'notokr-medium'}
#quickBnrM li.qck01 a:after{content:"상담예약"}
#quickBnrM li.qck02 a:after{content:"카카오톡"}
#quickBnrM li.qck03 a:after{content:"둘러보기"}
#quickBnrM li.qck04 a:after{content:"자원봉사"}
#quickBnrM li.qck05 a:after{content:"Q&A"}
#quickBnrM li.qck06 a:after{content:"위치안내"}
#snsBtn{display:none;position:fixed;bottom:-80px;right:15px;z-index:1002;width:60px;height:60px;border-radius:100%;text-align:center;line-height:60px;background-color:#33e2a7;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
#snsBtn.fixed{bottom:15px}
#snsBtn img{-webkit-transition:all .3s;transition:all .3s}
#snsBtn.active{background-color:#868686}
#snsBtn.active img{transform:rotate(225deg)}
#navOverlay{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.65);opacity:0}

/* 메뉴버튼 */
#navBtn{display:none;position:absolute;top:20px;right:0;z-index:1004}
#navBtnWrap{display:block;position:relative;width:45px;height:50px;cursor:pointer;transition:all .2s}
#navBtnWrap span, #navBtnWrap span:before, #navBtnWrap span:after{position:absolute;z-index:20;width:25px;height:2px;background-color:#222}
#navBtnWrap span{position:absolute;top:50%;left:10px;margin-top:-1px;-webkit-transition:all ease .2s;transition:all ease .2s}
#navBtnWrap span:before, #navBtnWrap span:after{content:'';right:0;z-index:-1;-webkit-transition:all ease .2s;transition:all ease .2s}
#navBtnWrap span:before{top:-7px}
#navBtnWrap span:after{top:7px;width:15px;background-color:#33e2a7}
#navBtnWrap.active{z-index:200}
#navBtnWrap.active span{background-color:transparent}
#navBtnWrap.active span:before{-webkit-transform:translateY(7px) translateX(0) rotate(45deg);-ms-transform:translateY(7px) translateX(0) rotate(45deg);transform:translateY(7px) translateX(0) rotate(45deg)}
#navBtnWrap.active span:after{width:25px;background-color:#222;-webkit-transform:translateY(-7px) translateX(0) rotate(-45deg);-ms-transform:translateY(-7px) translateX(0) rotate(-45deg);transform:translateY(-7px) translateX(0) rotate(-45deg)}

#quickBnrPC{position:fixed;right:-75px;top:50%;z-index:10;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition:right .2s}
#quickBnrPC.fixed{right:0}
#quickBnrPC.open{right:550px}
#quickBnrPC li{position:relative;width:75px;height:75px;border:1px solid #e1e1e1;border-bottom:none;border-right:none;text-align:center}
#quickBnrPC li img{width:26px}
#quickBnrPC li.gotop{padding-top:20px;border:none;font-size:11.5px;line-height:16px;color:#fff;letter-spacing:.5px;background-color:#2d3231;cursor:pointer;font-family:'notokr-medium'}
#quickBnrPC li.gotop i{font-size:15px}
#quickBnrPC li a{display:block;width:100%;height:100%;padding-top:12px;font-size:14px;color:#888;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}
#quickBnrPC li a:hover{color:#111}
#quickBnrPC li a.on{color:#111;background-color:#f6f6f6}
#quickBnrPC li a:after{display:block;margin-top:5px;font-size:13.5px;font-family:'notokr-medium'}
#quickBnrPC li.qck01 a:after{content:"상담예약"}
#quickBnrPC li.qck02 a:after{content:"카카오톡"}
#quickBnrPC li.qck03 a:after{content:"둘러보기"}
#quickBnrPC li.qck04 a:after{content:"자원봉사"}
#quickBnrPC li.qck05 a:after{content:"Q&A"}
#quickBnrPC li.qck06 a:after{content:"위치안내"}

.quick_bg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:5}

#quickPanel{position:fixed;width:550px;height:750px;right:-550px;top:50%;z-index:1005;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-top:90px;border:1px solid #ddd;border-right:none;font-size:15px;background-color:#fff;-webkit-transition:all .2s;transition:all .2s}
#quickPanel.open{right:0}
#quickPanel .q_close{position:absolute;top:0;right:0;width:50px;height:50px;background:url(/sh_img/hd/top_menu/q_close.png) center no-repeat #f2f2f2;cursor:pointer}
#quickPanel .tit_area{font-size:16px;color:#777;letter-spacing:-.1px;text-align:center}
#quickPanel .tit_area h3{margin-bottom:25px;font-size:28px;color:#222;letter-spacing:-.5px;font-family:'notokr-bold'}
#quickPanel .cont{position:absolute;top:210px;left:0;width:100%;height:445px;padding:50px 0;background-color:#f2f2f2}
#quickPanel .bg-color{background-color:#33e2a7}
#quickPanel .q_link_btn{display:inline-block;width:280px;height:60px;margin-top:12px;font-size:15px;color:#fff;line-height:60px;text-align:center;background-color:#3b4442;-webkit-transition:all .2s;transition:all .2s}
#quickPanel .q_link_btn:hover{background-color:#2d3231}
#quickPanel .panel-1 .cont{padding-left:80px }
#quickPanel .panel-1 input[type=text], #quickPanel .panel-1 input[type=password]{width:280px;height:42px;padding:0 15px;border:none;font-family:'notokr-regular'}
#quickPanel .panel-1 textarea{width:280px;height:70px;padding:15px;border:none;font-family:'notokr-regular'}
#quickPanel .panel-1 input[type=submit]{width:280px;height:60px;border:none;font-size:15px;color:#fff;background-color:#3b4442;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#quickPanel .panel-1 input[type=submit]:hover{background-color:#2d3231}
#quickPanel .panel-1 ul li{margin-bottom:5px}
#quickPanel .panel-1 ul li span{display:inline-block;vertical-align:top;width:80px;padding:5px 15px 0 0;font-size:17px;text-align:right;color:#fff;font-family:'notokr-medium'}
#quickPanel .panel-1 ul li.agr{width:360px;margin:5px 0 3px;padding-left:80px;font-size:15px;text-align:right}
#quickPanel .panel-1 ul li.agr em{float:left;font-style:normal}
#quickPanel .panel-1 ul li.agr .sms_ag{padding-bottom:3px;border-bottom:1px dotted rgba(0,0,0,.2)}
#quickPanel .panel-1 ul li.agr a{text-decoration:underline}
#quickPanel .panel-1 ul li.agr a:hover{text-decoration:underline}
#quickPanel .panel-1 ul li.pv{margin:0 0 8px;padding-left:80px}
#quickPanel .panel-2 .tit_area{font-size:16px;color:#222;font-family:'notokr-medium'}
#quickPanel .panel-2 .tit_area h3{margin-bottom:15px}
#quickPanel .panel-2 .kakao{display:inline-block;vertical-align:middle;width:46px;height:46px;margin-right:10px;border-radius:50%;background:url(/sh_img/hd/top_menu/kakao.png) center no-repeat #fee600}
#quickPanel .panel-2 .cont{padding:0;text-align:center}
#quickPanel .panel-2 .cont > div{height:50%;padding-top:60px;font-size:19px;color:#fff;font-family:'notokr-medium'}
#quickPanel .panel-2 .cont > div.last{background-color:#18d495}
#quickPanel .panel-2 .cont > div p span{text-decoration:underline}
#quickPanel .panel-3{text-align:center}
#quickPanel .panel-3 .bx-wrapper{width:430px;margin:0 auto}
#quickPanel .panel-3 ul li img{width:430px}
#quickPanel .panel-3 .bx-controls-direction a{display:block;position:absolute;left:0;top:165px;z-index:1001;width:50px;height:40px;font-size:0;background:url(/sh_img/hd/top_menu/q_prev.png) center no-repeat}
#quickPanel .panel-3 .bx-controls-direction a.bx-next{left:auto;right:0;background-image:url(/sh_img/hd/top_menu/q_next.png)}
#quickPanel .panel-3 .bx-controls-direction a:hover{}
#quickPanel .panel-3 .bx-pager{position:absolute;left:0;top:265px;z-index:1001;width:100%;text-align:center}
#quickPanel .panel-3 .bx-pager > div{display:inline-block;margin:0 3px}
#quickPanel .panel-3 .bx-pager > div a{display:block;width:12px;height:12px;border-radius:12px;font-size:0;background-color:#fff}
#quickPanel .panel-3 .bx-pager > div a.active{background-color:#33e2a7}
#quickPanel .panel-3 .q_link_btn{margin-top:20px}
#quickPanel .panel-4 .cont{padding:0;text-align:center}
#quickPanel .panel-4 .cont > div{height:50%;padding-top:60px;font-size:19px;color:#fff;background-color:#75e3f5;font-family:'notokr-medium'}
#quickPanel .panel-4 .cont > div.last{background-color:#60d2e4}
#quickPanel .panel-4 .cont > div p span{text-decoration:underline}

#quickPanel .panel-5 .cont{padding:50px 40px}
#quickPanel .panel-5 .faq_area{position:relative;border-top:2px solid #333;border-bottom:1px solid #bfbfbf}        
#quickPanel .panel-5 .faq_area:after {display:block;content:"";position:absolute;bottom:-18px;left:50%;width:3px;height:3px;border-radius:3px;background-color:#333}
#quickPanel .panel-5 .faq_area:before {display:block;content:"";position:absolute;bottom:-26px;left:50%;width:3px;height:3px;border-radius:3px;background-color:#333}
#quickPanel .panel-5 .faq_cont{position:relative;border-bottom:1px solid #e1e1e1;line-height:2}
#quickPanel .panel-5 .faq_cont:after{content:"\f078";position:absolute;right:20px;top:20px;font-size:11px;color:#999;-webkit-transition:color .2s;-ms-transition:color .2s;transition:color .2s;font-family:FontAwesome}
#quickPanel .panel-5 .faq_cont .tit{padding:13px 10px;color:#222;cursor:pointer;font-family:'notokr-medium'}
#quickPanel .panel-5 .faq_cont .tit .num{padding:0 25px 0 15px;font-size:14px;letter-spacing:1px;font-family:'notokr-bold'}
#quickPanel .panel-5 .faq_cont .txt_wrap{display:none;position:absolute;top:100%;left:0;z-index:10;width:100%;padding:10px 0 25px;background-color:#fff}
#quickPanel .panel-5 .faq_cont .txt_wrap:before{content:"A";position:absolute;top:7px;left:27px;font-size:14.5px;font-weight:bold;color:#555!important;font-family:'nanumgothic'}
#quickPanel .panel-5 .faq_cont .txt_wrap .txt{padding:0 25px 0 65px;line-height:1.6}
#quickPanel .panel-5 .faq_cont.active:after{content:"\f077"}
#quickPanel .panel-5 .faq_cont.active .tit{background-color:#fff}
#quickPanel .panel-5 .faq_cont .cont_box{padding:20px;margin-bottom:30px;border:1px solid #e1e1e1}
#quickPanel .panel-5 .faq_cont h5{margin-bottom:10px;font-size:17px;color:#222;font-family:'notokr-medium'}
#quickPanel .panel-5 .faq_cont .list li{margin-bottom:8px;padding-bottom:8px;border-bottom:1px dotted #ddd}
#quickPanel .panel-5 .faq_cont .list li:last-child{margin:0;padding:0;border:none}
#quickPanel .panel-5 .faq_cont .list li i:after{display:inline-block;vertical-align:2px;content:"\f105";width:20px;height:20px;margin:0 7px;border-radius:100%;font-style:normal;font-size:14px;text-align:center;color:#222;line-height:18px;background-color:#eee;font-family:FontAwesome}
#quickPanel .panel-5 .faq_cont .list li .num{display:inline-block;width:20px;height:20px;margin-right:10px;font-size:12px;font-weight:600;color:#fff;text-align:center;line-height:20px;background-color:#2d3231;font-family:'Montserrat',sans-serif}
#quickPanel .panel-5 .faq_cont .ps{color:#ef1f90;text-align:center}
#quickPanel .panel-5 .faq_cont .ps.right{text-align:right}
#quickPanel .panel-5 .q_link_btn{display:block;margin:45px auto 0}

#quickPanel .panel-6 .cont{padding:35px 0 0;font-size:20px;font-weight:700;text-align:center;color:#fff;font-family: 'Montserrat', sans-serif}
#quickPanel .panel-6 .map{overflow:hidden;position:absolute;bottom:0;z-index:10;width:100%;height:365px}
#quickPanel .panel-6 .map iframe{width:100%;height:100%}


@media (max-width:1330px){#quickBnrPC{display:none}
#snsBtn{display:block}
#quickBnrM.active{display:block}
}
@media (max-width:1200px){#quickBnrM li{margin:0 2px -35px}
}

@media (max-width:1024px){#top_nav_wrap{height:75px}
#top_logo{top:18px}
#top_log{display:none}	

#navBtn{display:block;top:12px}
#quickBnrM{display:none}	
#top_nav{float:none;position:fixed;right:-320px;left:auto;top:0;bottom:0;z-index:1003;width:320px;padding:80px 0 0 0;margin-top:0;background-color:#fff}
#top_nav.open{right:0}
#top_nav .onlyP{display:none}
#top_nav .onlyM{display:block}
#top_nav > li{float:none;position:relative;padding:0;border-bottom:1px solid #e1e1e1}
#top_nav > li > a{padding-left:25px;line-height:50px}
#top_nav > li > a:after{display:block;position:absolute;top:0;right:32px;content:"\f105";font-size:20px;font-weight:normal;color:#aaa;-webkit-transition:all .2s;transition:all .2s;-webkit-transform:rotate(90deg);transform:rotate(90deg);font-family:FontAwesome}
#top_nav .logM{display:block;margin-top:15px;border-bottom:none}
#top_nav .logM a{display:inline-block;position:relative;line-height:35px}
#top_nav .logM a:after{display:none}
#top_nav .logM a.login{padding-left:60px}
#top_nav .logM a.login:before{display:block;content:"";position:absolute;left:20px;top:4px;width:30px;height:30px;margin-right:10px;border-radius:100%;background:url(/sh_img/hd/top_menu/login.png) center no-repeat #33e2a7}
#top_nav .logM a.join:before{display:inline-block;content:"";position:absolute;left:10px;top:11px;width:1px;height:12px;background-color:#ddd}
}

@media (max-width:768px){#top_logo img{width:230px}
}
@media (max-width:480px){#top_nav_wrap{height:65px}
#top_logo{top:16px}
#top_logo img{width:190px}
#navBtn{top:7px}
}