@charset "utf-8";



/********************************************************

    body 기본 설정 및 스크롤 설정

********************************************************/

body {max-width:1920px; height:100%; text-align:center; margin:0 auto;}

body::-webkit-scrollbar {width:12px;}
body::-webkit-scrollbar-thumb {background:#999; border-radius:20px;}
body::-webkit-scrollbar-track {background:#fefefe;}

:root{
  --mega-top: 120px;           /* fallback, JS가 실제 값으로 갱신 */
  --mega-max: 1920px;
  --gutter: 80px;              /* 좌/우 여백 */
  --h2w: 240px;                /* h2 고정 너비 */
  --gap: 40px;                 /* h2와 링크 사이 간격 */
}

html.scrlock,
body.scrlock { overflow: hidden; }
body.scrlock {position: fixed; width: 100%; top: var(--scroll-lock-top, 0);}








/********************************************************

    PC header

********************************************************/

#pc_nav {width:100%; text-align:center; display:block; position: relative; z-index:9999;}

/* top nav */
#pc_nav .pn_top {border-bottom:1px solid #ddd; display:flex; justify-content:center;}
#pc_nav .pn_top .pnt_div {width:100%; max-width:1500px; display:flex; align-items:center; justify-content:space-between; padding:10px 0;}

#pc_nav .pn_top .logo {width:200px;}

#pc_nav .pn_top .sub_nav {display:flex; align-items:center;}

#pc_nav .pn_top .sub_nav .search {background:#f0f0f0; border-radius:50px; padding:3px 10px; width:360px; margin-right:25px; display:flex; align-items:center; justify-content:space-between;}
#pc_nav .pn_top .sub_nav .search input {border:none; background:none; width:100%;}
#pc_nav .pn_top .sub_nav .search input::placeholder {font-size:16px; color:#888;}
#pc_nav .pn_top .sub_nav .search button {}

#pc_nav .pn_top .sub_nav .sn_base {display:flex; align-items:center;}
#pc_nav .pn_top .sub_nav .sn_base .sb_topnav {display:flex; align-items:center; margin-right:25px;}
#pc_nav .pn_top .sub_nav .sn_base .sb_topnav:last-child {margin-right:0;}
#pc_nav .pn_top .sub_nav .sn_base .sb_topnav .tn_dep1 {font-size:18px; font-weight:500; display:flex; align-items:center;}
#pc_nav .pn_top .sub_nav .sn_base .sb_topnav .tn_dep1 img {margin-right:8px; width:24px;}
#pc_nav .pn_top .sub_nav .sn_base .sb_topnav .tn_dep1:hover, #pc_nav .pn_top .sub_nav .sn_base .sb_topnav:hover > a {color:#0090da; font-weight:700;}

#pc_nav .pn_top .sub_nav .sn_base .sb_topnav:hover ul {display: block;}

#pc_nav .pn_top .sub_nav .sn_base .sb_topnav {position:relative;}
#pc_nav .pn_top .sub_nav .sn_base .sb_topnav ul {position:absolute; top:25px; left:-15px; display:none; background:#fff; border:1px solid #ddd; border-radius:10px; z-index:100; min-width:120px;}
#pc_nav .pn_top .sub_nav .sn_base .sb_topnav ul li {display:block;}
#pc_nav .pn_top .sub_nav .sn_base .sb_topnav ul li a {display:block; font-size:16px; padding:8px 12px; color:#333;}
#pc_nav .pn_top .sub_nav .sn_base .sb_topnav ul li a:hover {background:#0090da; color:#fff; font-weight:600; border-radius:10px;}

/* dep1 */
#pc_nav .pn_menu {border-bottom:1px solid #ddd; display:flex; justify-content:center;}
#pc_nav .pn_menu .menu_div {padding:11px 0; width:100%; max-width:1500px; display:flex; align-items:center; justify-content:space-between;}
#pc_nav .pn_menu .dep {display:flex; position:relative;}
#pc_nav .pn_menu .dep .dep_li {position:relative; margin-right:50px;}
#pc_nav .pn_menu .dep .dep_li:last-child {margin-right:0;}
#pc_nav .pn_menu .dep .dep_li .dep1 {font-size:20px; font-weight:600; color:#222;}
#pc_nav .pn_menu .dep .dep_li .dep1:hover, #pc_nav .pn_menu .dep .dep_li:hover > .dep1 {color:#0090da;}
#pc_nav .pn_menu .dep .dep_li .dep1 i {margin-left:15px; color:#222; display: inline-block; transition:transform 0.3s ease;}
#pc_nav .pn_menu .dep .dep_li:hover > .dep1 i {transform: rotate(180deg); color:#0090da;}

#pc_nav .pn_menu .dep .dep_li:hover .dep2 {display:block;}

/* dep2 */
#pc_nav .pn_menu .dep .dep_li .dep2 {position:fixed; top:143px; left:50%; transform:translateX(-50%); width:100%; max-width:1920px; background:#d4e8f2; z-index:2001; display:none; box-sizing:border-box; padding: 60px 10.9vw 130px;}
#pc_nav .pn_menu .dep .dep_li .dep2_div {max-width:1500px; display:flex; justify-content:center; flex-direction:column;}

#pc_nav .pn_menu .dep .dep_li .dep2 div {display:flex; align-items:center; border-bottom:1px solid #444; padding-bottom:25px;}
#pc_nav .pn_menu .dep .dep_li .dep2 div span {font-size:30px; font-weight:800; background:linear-gradient(to left top, #0090da, #024a6c); background-clip: text; -webkit-background-clip: text; color: transparent;}
#pc_nav .pn_menu .dep .dep_li .dep2 div span img {margin-left:20px; display:flex; align-items:center;}

#pc_nav .pn_menu .dep .dep_li .dep2 ul {margin-top:50px; display:grid; grid-template-columns: repeat(auto-fit, minmax(auto, 20%)); gap:40px 0; list-style-position:inside; margin-left:9px;}
#pc_nav .pn_menu .dep .dep_li .dep2 ul li {display:list-item; padding-left:10px;}
#pc_nav .pn_menu .dep .dep_li .dep2 ul li::marker {content: "•"; color:#444;}
#pc_nav .pn_menu .dep .dep_li .dep2 ul li a {display:block; font-size:20px; color:#444; font-weight:600; text-align:left;}
#pc_nav .pn_menu .dep .dep_li .dep2 ul li a:hover {color:#024a6c; text-decoration:underline;}


/* nav sns  */
#pc_nav .pn_menu .nav_sns {display:flex; align-items:center;}
#pc_nav .pn_menu .nav_sns li {margin-left:10px;}
#pc_nav .pn_menu .nav_sns li:first-child {margin-left:0;}
#pc_nav .pn_menu .nav_sns li a {}
#pc_nav .pn_menu .nav_sns li a img {}


@media screen and (max-width:1800px) {
  #pc_nav .pn_menu .dep .dep_li .dep2 {padding: 60px 7.9vw 130px;}
}

@media screen and (max-width:1700px) {
  #pc_nav .pn_menu .dep .dep_li .dep2 {padding: 60px 5.2vw 130px;}
}

@media screen and (max-width:1600px) {
  #pc_nav .pn_menu .dep .dep_li .dep2 {padding: 60px 2.6vw 130px;}
}

@media screen and (max-width:1500px) {
  #pc_nav .pn_top {padding:0 30px;}
  #pc_nav .pn_top .pnt_div {padding:10px 0;}

  /* dep1 */
  #pc_nav .pn_menu .menu_div {padding:11px 30px;}

  /* dep2 */
  #pc_nav .pn_menu .dep .dep_li .dep2 {padding: 50px 30px 120px;}
}

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

@media screen and (max-width:1280px) {
  #pc_nav .pn_top .logo {width:170px;}

  #pc_nav .pn_top .sub_nav .search {width:300px; margin-right:15px;}
  #pc_nav .pn_top .sub_nav .search input::placeholder {font-size:14px;}

  #pc_nav .pn_top .sub_nav .sn_base .sb_topnav {margin-right:15px;}
  #pc_nav .pn_top .sub_nav .sn_base .sb_topnav .tn_dep1 {font-size:16px;}
  #pc_nav .pn_top .sub_nav .sn_base .sb_topnav .tn_dep1 img {width:20px;}

  #pc_nav .pn_top .sub_nav .sn_base .sb_topnav ul {left:-4px; min-width:90px;}
  #pc_nav .pn_top .sub_nav .sn_base .sb_topnav ul li a {font-size:14px; padding:6px 10px;}

  /* dep1 */
  #pc_nav .pn_menu .menu_div {padding:10px 30px;}
  #pc_nav .pn_menu .dep .dep_li {margin-right:30px;}
  #pc_nav .pn_menu .dep .dep_li .dep1 {font-size:18px;}

  /* dep2 */
  #pc_nav .pn_menu .dep .dep_li .dep2 {top:126px; padding: 30px 30px 60px;}

  #pc_nav .pn_menu .dep .dep_li .dep2 div {padding-bottom:20px;}
  #pc_nav .pn_menu .dep .dep_li .dep2 div span {font-size:24px;}
  #pc_nav .pn_menu .dep .dep_li .dep2 div span img {margin-left:15px; width:24px;}

  #pc_nav .pn_menu .dep .dep_li .dep2 ul {margin-top:30px; gap:30px 0; margin-left:6px;}
  #pc_nav .pn_menu .dep .dep_li .dep2 ul li {padding-left:8px;}
  #pc_nav .pn_menu .dep .dep_li .dep2 ul li a {font-size:18px;}

  /* sns */
  #pc_nav .pn_menu .nav_sns li {margin-left:4px;}
  #pc_nav .pn_menu .nav_sns li a img {width:36px;}
}

@media screen and (max-width:1024px) {
  #pc_nav .pn_menu .dep .dep_li .dep2 {top:126px;}
}

@media screen and (max-width:1000px) {
  #pc_nav {display:none;}
}









/********************************************************

    mobile header

********************************************************/

.m_header {display:none;}


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

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

@media screen and (max-width:1000px) {
  .m_header {display:block; position: relative; background: #fff; border-bottom: 1px solid #ddd; z-index:9999;}

  .m_header .mh_inner {display: flex; justify-content: space-between; align-items: center; padding: 12px 20px;}
  .m_header .mh_inner .logo {width:180px;}
  .m_header .mh_inner .logo a {}
  .m_header .mh_inner .logo a img {width:100%;}

  /* 메뉴 여닫기 */
  .m_header .mh_inner .hamburger {width:28px; height:22px; display:flex; flex-direction:column; justify-content:space-between; background:none; border:none; cursor:pointer; padding:0; z-index:99999;}
  .m_header .mh_inner .hamburger span {display:block; height:3px; background:#222; border-radius:50px; transition:all 0.3s ease;}

  .m_header .mh_inner .hamburger.active span:nth-child(1) {transform: translateY(9px) rotate(45deg);}
  .m_header .mh_inner .hamburger.active span:nth-child(2) {opacity: 0;}
  .m_header .mh_inner .hamburger.active span:nth-child(3) {transform: translateY(-9px) rotate(-45deg);}

  /* nav 영역 */
  .m_header .m_gnb {position:fixed; top:0; right:-100%; width:60%; height:100%; background:#fff; transition:right .3s ease; overflow-y:auto; padding:17px 0;}
  .m_header .m_gnb.active {right:0;}

  /* sns */
  .m_header .m_gnb .nav_sns {display:flex; align-items:center; justify-content:flex-start; gap:0 8px; border-bottom:1px solid #ddd; padding:0 20px 17px;}

  /* top 메뉴 */
  .m_header .m_gnb .mg_base {display:grid; grid-template-columns:repeat(auto-fill, minmax(33%, auto)); border-bottom:1px solid #ddd;}
  .m_header .m_gnb .mg_base .mg_topnav {padding:10px 0;}
  .m_header .m_gnb .mg_base .mg_topnav .tn_dep1 {font-size:18px; display:flex; align-items:center; justify-content:center; border-right:1px solid #ddd;}
  .m_header .m_gnb .mg_base .mg_topnav .tn_dep1 img {margin-right:10px;}
  .m_header .m_gnb .mg_base .mg_topnav .tn_dep1:hover {color:#0090da; font-weight:700;}

  .m_header .m_gnb .mg_base .mg_topnav ul {display:none; position:absolute; background:#fff; width:33%; z-index:99; top:128px;}
  .m_header .m_gnb .mg_base .mg_topnav ul li {border:1px solid #ddd; border-top:none;}
  .m_header .m_gnb .mg_base .mg_topnav ul li a {font-size:16px; padding:10px 0; display:block;}
  .m_header .m_gnb .mg_base .mg_topnav ul li a:hover {background:#0090da; color:#fff;}

  /* 검색창 */
  .m_header .m_gnb .mg_search {background:#f0f0f0;display:flex; align-items:center; justify-content:space-between; border-radius:50px; padding:0 20px; margin:20px;}
  .m_header .m_gnb .mg_search input {border:none; background:none; height:56px;}

  /* dpe2 */
  .m_header .m_gnb .m_dep1 .dep_li {position:relative; border-bottom:1px solid #ddd;}
  .m_header .m_gnb .m_dep1 .dep_li:first-child {border-top:1px solid #ddd;}
  .m_header .m_gnb .m_dep1 .dep_li .dep_toggle {display:block; display:flex; align-items:center; justify-content:space-between; padding:15px 20px;}
  .m_header .m_gnb .m_dep1 .dep_li .dep_toggle div {font-size:18px; color:#222; font-weight:600;}
  .m_header .m_gnb .m_dep1 .dep_li .dep_toggle div i {color:#222; font-weight:600;}
  .m_header .m_gnb .m_dep1 .dep_li .dep_toggle.active {background:#0090da;}
  .m_header .m_gnb .m_dep1 .dep_li .dep_toggle.active div, .m_header .m_gnb .m_dep1 .dep_li .dep_toggle.active div i {color:#fff;}

  .m_gnb .dep_toggle i {display:inline-block; transition: transform 0.3s ease;}
  .m_gnb .dep_toggle.active i {transform: rotate(180deg);}

  .m_header .m_gnb .m_dep1 .m_dep2 {display:none;}
  .m_header .m_gnb .m_dep1 .m_dep2 .dep2_li {}
  .m_header .m_gnb .m_dep1 .m_dep2 .dep2_li .dep2_a {display:block; font-size:16px; color:#444; text-align:left; padding:10px 20px;}
  .m_header .m_gnb .m_dep1 .m_dep2 .dep2_li .dep2_a:hover, .m_header .m_gnb .m_dep1 .m_dep2 .dep2_li .dep2_a.div.active {background:#f5faff; color:#0090da; font-weight:600;}
  .m_header .m_gnb .m_dep1 .m_dep2 .dep2_li .dep2_a.div {display:flex; justify-content:space-between; align-items:center;}
  .m_header .m_gnb .m_dep1 .m_dep2 .dep2_li .dep2_a div {}

  .m_header .m_gnb .m_dep1 .m_dep2 .dep2_li .m_dep3 {display:none; background:#e6eef7; padding:12px 30px;}
  .m_header .m_gnb .m_dep1 .m_dep2 .dep2_li .m_dep3 li {text-align:left; padding-bottom:10px;}
  .m_header .m_gnb .m_dep1 .m_dep2 .dep2_li .m_dep3 li:last-child {padding-bottom:0;}
  .m_header .m_gnb .m_dep1 .m_dep2 .dep2_li .m_dep3 li a {font-size:15px;}
  .m_header .m_gnb .m_dep1 .m_dep2 .dep2_li .m_dep3 li a:hover {text-decoration:underline;}


  .m_dim {position: fixed; inset: 0; background: rgba(0,0,0,0.6); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index:-1;}
  .m_dim.show {opacity: 1; pointer-events: auto;}

}

@media screen and (max-width:760px) {
  .m_header .mh_inner {padding:10px 20px;}
  .m_header .mh_inner .logo {width:150px;}

  /* nav 영역 */
  .m_header .m_gnb {width:70%; padding:13px 0;}

  /* sns */
  .m_header .m_gnb .nav_sns {gap:0 6px; padding:0 20px 15px;}

  .m_header .m_gnb .mg_base .mg_topnav ul {top:121px;}

}

@media screen and (max-width:640px) {
  /* nav 영역 */
  .m_header .m_gnb {width:80%;}
  
  /* top 메뉴 */
  .m_header .m_gnb .mg_base .mg_topnav {padding:15px 0;}
  .m_header .m_gnb .mg_base .mg_topnav .tn_dep1 {font-size:16px;}
  .m_header .m_gnb .mg_base .mg_topnav .tn_dep1 img {margin-right:8px; width:22px;}

  .m_header .m_gnb .mg_base .mg_topnav ul {top:125px;}
  .m_header .m_gnb .mg_base .mg_topnav ul li a {font-size:15px;}

  /* 검색창 */
  .m_header .m_gnb .mg_search input {height:52px;}

  /* dpe2 */
  .m_header .m_gnb .m_dep1 .dep_li .dep_toggle div {font-size:16px;}

  .m_header .m_gnb .m_dep1 .m_dep2 .dep2_li .dep2_a {font-size:15px;}
  .m_header .m_gnb .m_dep1 .m_dep2 .dep2_li .m_dep3 li a {font-size:14px;}
}

@media screen and (max-width:480px) {
  /* nav 영역 */
  .m_header .m_gnb {width:100%;}

  .m_header .m_gnb .mg_base .mg_topnav ul {top:121px;}

  .m_header .m_gnb .nav_sns img {width:38px;}
}

@media screen and (max-width:360px) {
  .m_header .m_gnb .nav_sns {margin-top:4px;}
  .m_header .m_gnb .nav_sns img {width:34px;}

  .m_header .m_gnb .mg_search input {width:80%;}
}












/********************************************************

    footer

********************************************************/

#footer {background:#272727;}
#footer .ft_div {display:flex; justify-content:center;}

/* 하단 페이지 이동 */
#footer .ft_page {background:#222; display:flex; justify-content:center;}
#footer .ft_page .fp_site {width:100%; max-width:1500px; display:grid; grid-template-columns:repeat(auto-fill, minmax(25%, auto)); gap:0;}
#footer .ft_page .fp_site div {position: relative; display:inline-block;}
#footer .ft_page .fp_site div .site_dep1 {font-size:16px; padding:20px 30px; width:100%; display:block; text-align:left; font-weight:500; color:#fff; border-left:1px solid #393939;}
#footer .ft_page .fp_site div .site_dep1.last {border-right:1px solid #393939;}
#footer .ft_page .fp_site div .site_dep1:hover {background:#303030;}

#footer .ft_page .fp_site div .site_dep1.sub_site {display:flex; justify-content:space-between;}
#footer .ft_page .fp_site div .site_dep1 i {display: inline-block; transition: transform 0.3s ease;}
#footer .ft_page .fp_site div:hover .site_dep1 i {transform: rotate(180deg);}

#footer .ft_page .fp_site div .site_dep2 {display: none; position: absolute; bottom:100%; width:100%; background: #fdfdfd; padding: 10px; z-index: 9999;}
#footer .ft_page .fp_site div:hover .site_dep2 {display: block; text-align:left;}

#footer .ft_page .fp_site div .site_dep2 li {padding:5px 0;}
#footer .ft_page .fp_site div .site_dep2 li a {font-size:16px; font-weight:400; display:block;}
#footer .ft_page .fp_site div .site_dep2 li a:hover {text-decoration:underline;}

/* 하단정보 */
#footer .ft_con {margin-top:40px; width:100%; max-width:1500px;}
#footer .ft_con .fc_img {display:flex; justify-content:space-between; align-items:flex-start;}

/* 로고 */
#footer .ft_con .fc_img div {}
#footer .ft_con .fc_img div a {}
#footer .ft_con .fc_img div a img {}

#footer .ft_con .fc_img ul {display:flex; align-items:center; gap:0 10px;}
#footer .ft_con .fc_img ul li {}
#footer .ft_con .fc_img ul li a {}
#footer .ft_con .fc_img ul li a img {}

#footer .ft_con .fc_txt {margin-top:35px; padding-bottom:40px;}
#footer .ft_con .fc_txt ul {text-align:left;}
#footer .ft_con .fc_txt ul li {font-size:14px; font-weight:400; color:#888; margin-top:5px;}
#footer .ft_con .fc_txt ul li:first-child {margin-top:0;}
#footer .ft_con .fc_txt p {font-size:14px; margin-top:20px; font-weight:500; color:#888; text-align:left;}


@media screen and (max-width:1500px) {
  #footer .ft_con {padding:0 30px;}
}

@media screen and (max-width:1280px) {
  #footer .ft_page .fp_site div .site_dep1 {font-size:14px; padding:15px 25px;}

  #footer .ft_page .fp_site div .site_dep2 {padding: 8px 20px;}

  #footer .ft_page .fp_site div .site_dep2 li {padding:4px 0;}
  #footer .ft_page .fp_site div .site_dep2 li a {font-size:14px;}

  /* 하단정보 */
  #footer .ft_con {margin-top:30px;}

  /* 로고 */
  #footer .ft_con .fc_img div a img {width:200px;}

  #footer .ft_con .fc_img ul {gap:0 8px;}
  #footer .ft_con .fc_img ul li a img {width:38px;}

  #footer .ft_con .fc_txt {margin-top:25px; padding-bottom:30px;}
  #footer .ft_con .fc_txt ul li {font-size:12px;}
  #footer .ft_con .fc_txt p {font-size:12px; margin-top:15px;}
}

@media screen and (max-width:1000px) {
  #footer .ft_page .fp_site {grid-template-columns:repeat(auto-fill, minmax(50%, auto));}
  #footer .ft_page .fp_site div .site_dep1:first-child, #footer .ft_page .fp_site div .site_dep1:nth-child(2) {border-bottom:1px solid #393939;}
}

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

@media screen and (max-width:640px) {
  #footer .ft_con .fc_img {display:block;}
  #footer .ft_con .fc_img ul {margin-top:15px; justify-content:center;}
  #footer .ft_con .fc_txt ul {text-align:center;}
  #footer .ft_con .fc_txt p {text-align:center;}
}

@media screen and (max-width:460px) {
  #footer .ft_page .fp_site {grid-template-columns:repeat(auto-fill, minmax(100%, auto));}
}

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





















/********************************************************

    nav bar

********************************************************/

.navbar {width:100px; position:fixed; right:60px; bottom:30px; z-index:999; display:block;}
.navbar .nb_btn {}
.navbar .nb_btn .nb_page {background:#0090da; border-radius:50px 50px 0 0; padding-top:15px;}
.navbar .nb_btn .nb_page li {padding:18px 0; border-bottom:1px solid #00b3e7;}
.navbar .nb_btn .nb_page li:last-child {border-bottom:none;}
.navbar .nb_btn .nb_page li a {display:block;}
.navbar .nb_btn .nb_page li a div {margin-bottom:10px;}
.navbar .nb_btn .nb_page li a div img {}
.navbar .nb_btn .nb_page li a p {font-size:14px; font-weight:500; color:#fff;}

.navbar .nb_btn .nb_chatting {background:#fff; border-radius:0 0 50px 50px; padding:20px 0;}
.navbar .nb_btn .nb_chatting a {}
.navbar .nb_btn .nb_chatting a p {font-size:16px; font-weight:400; color:#444;}
.navbar .nb_btn .nb_chatting a ul {display:flex; align-items:center; justify-content:center;}
.navbar .nb_btn .nb_chatting a ul li {font-size:32px; font-weight:800;}
.navbar .nb_btn .nb_chatting a div {padding-top:8px;}
.navbar .nb_btn .nb_chatting a div img {}

/* 여행상담 컬러 */
.navbar .nb_btn .nb_chatting a ul li.col01 {color:#ff0088;}
.navbar .nb_btn .nb_chatting a ul li.col02 {color:#ff9f00;}
.navbar .nb_btn .nb_chatting a ul li.col03 {color:#5cc900;}
.navbar .nb_btn .nb_chatting a ul li.col04 {color:#0092e6;}

.navbar .nb_top {margin-top:20px;}
.navbar .nb_top a {font-size:18px; width:100px; height:100px; font-weight:600; color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; background:linear-gradient(to left top, #0090da, #024a6c); border-radius:50%;}
.navbar .nb_top a i {font-size:25px;}

.navbar .nb_btn .nb_page, .navbar .nb_btn .nb_chatting, .navbar .nb_top a {box-shadow: 0px 0px 20px -10px #222;}


@media screen and (max-width:1400px) {
  .navbar {width:90px; right:40px; bottom:20px;}
  .navbar .nb_btn .nb_page {padding-top:15px;}
  .navbar .nb_btn .nb_page li {padding:14px 0;}

  .navbar .nb_btn .nb_page li a div {margin-bottom:8px;}
  .navbar .nb_btn .nb_page li a p {font-size:14px; font-weight:400;}
  .navbar .nb_btn .nb_page li a div img {width:45px;}

  .navbar .nb_btn .nb_chatting {padding:15px 0;}
  .navbar .nb_btn .nb_chatting a p {font-size:14px;}

  .navbar .nb_btn .nb_chatting a ul li {font-size:28px;}
  .navbar .nb_btn .nb_chatting a div {padding-top:6px;}

  .navbar .nb_top {margin-top:10px;}
  .navbar .nb_top a {font-size:16px; width:90px; height:90px;}
  .navbar .nb_top a i {font-size:23px;}
}

@media screen and (max-width:1024px) {
  .navbar {display:none;}
}

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

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

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

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

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