@charset "utf-8";
@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: Bold;
  font-style: Bold;
}

html {overflow-y:scroll; font-size:10px;}
@media screen and (max-width:1024px) {
  html{font-size:9.5px;}
}


/* 아이폰 */
input{ appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;}
select{ -webkit-appearance: none; -moz-appearance: none; appearance: none;
background: url('../img/tbimg/common/slt_arrow.svg') no-repeat 98% 50% #fff; /*화살표 select박스 오른쪽 중앙 배치,배경 흰색*/
}

select::-ms-expand{  display:none; /* 화살표 없애기 for IE10, 11*/ }
/*(11-04) body {padding-top:100px; font-size:1.6rem;font-family:'GmarketSansMedium','Noto Sans KR', dotum, sans-serif; color:#222; font-weight:400; line-height:1.5em; transition:padding-top .3s;}*/
body {min-width:320px;padding-top:65px; font-size:1.6rem;font-family:'GmarketSansMedium','Noto Sans KR', dotum, sans-serif; color:#222; font-weight:400; line-height:1.5em; transition:padding-top .3s;}



/* ------------------- */
/* ↓↓ 버튼 + 이미지 + a태그 클릭시 굵은 라인 제거 */

a:focus,a:active,a:focus-visible,
button:focus,
button:active,
button:focus-visible,
img:focus{
	outline:none !important;
	box-shadow:none !important;
}

button::-moz-focus-inner{
	border:0;
}

img{
	border:0;
	outline:none !important;
}

a img{
	border:0;
	outline:none !important;
}
/* ------------------- */



@media screen and (max-width:1024px){
  body {padding-top:65px;}
}
input, button {font-family:'Noto Sans KR', dotum, sans-serif;font-size:1.5rem}
button {border-radius: 0; -moz-appearance:none;-webkit-appearance:none;appearance:none;}
textarea, select {font-family:'Noto Sans KR', dotum, sans-serif;}
label, input, button, select, img {font-size:1.5rem}


input[type=text]:focus,input[type=password]:focus, textarea:focus, select:focus {
  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:1px solid #c6c6c6 !important;
}


a{outline: none;}

.placeholdersjs {color:#e1e1e1 !important}

#wrapper, #container_wr{min-width:100%}

#container{ max-width:2560px; min-height:500px; position:relative; float:none; margin:0 auto;  
font-size: inherit; width:100%; zoom:normal}




/* 트랜지션 */
/*■애니메이션 주는것 0.3s는 0.3초 라는 뜻*/
.trstn3s{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; } /* transition:.3s; */
.trstn5s{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.3s;  transition: all 0.5s; } /* transition:.5s; */

/* 기본버튼 */
a.tbbtn{text-decoration: none;}
.tbbtn{
  display: inline-block; padding:0 1.7em; font-size:1.6rem; height:48px; line-height:47px; font-weight: 400; border:0;cursor: pointer;
  -moz-appearance:none; -webkit-appearance:none; appearance:none;
  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;
}
.tbsec{overflow: hidden;}
.tbbtn.small{ padding:0 1.2em; height:34px; line-height:33px; font-size:1.5rem; cursor: pointer;}
.tbbtn.big{ padding:0 2.2em;min-width:90px; height:60px; line-height:65px; }
.tbbtn.linefff{border:1px solid #fff; color:#fff; background:transparent;}
.tbbtn.linefff:hover{ border:1px solid #72b041; background-color:#72b041; color:#fff;}
.tbbtn.line{border:1px solid #e1e1e1; color:#a5a5a5; }
.tbbtn.line:hover{ background-color:#a5a5a5; color:#fff;}
.tbbtn.line000{border:1px solid #222; color:#222; background:transparent;}
.tbbtn.line000:hover{border:1px solid #72b041; background-color:#72b041; color:#fff;}
.tbbtn.linegray{border:1px solid #989898; color:#989898; background:#fff;}
.tbbtn.linegray:hover{ background-color:#a5a5a5; color:#fff;}
.tbbtn.bgfull{ border:1px solid #a7d64f; background:#a7d64f; color:#fff;}
.tbbtn.bgfull:hover{ border-color:#d6d44c; background:#d6d44c;}

.tbbtn.linefffovBlue{border:1px solid #fff; color:#fff; background:transparent;}
.tbbtn.linefffovBlue:hover{border:1px solid #3a8afd; background:#3a8afd; color:#fff;}

.tbbtn.circle{border-radius:50%;width:40px; height:40px; padding:0; line-height:38px; font-size:2.2rem; }
.tbbtn.radius{padding:0 2.5em; border-radius: 1.4em;}
.m_br{display:block;}

@media screen and (max-width:768px){
  .tbbtn {padding:0 1.3em; height:40px; line-height:38px; font-size:1.4rem;}
}


.m_block {display:none;}
/*모바일 br 제거*/
@media screen and (max-width:768px){
  .dis_none::after {content:"\A"; white-space: pre;}
  .mob_none {display:none;}

  /*(11-03) 타이틀 간격 및 폰트사이즈 변경 */
  .titleArea h2.left{font-size:2.6rem;margin-bottom:10px;}
  .titleArea p.left{padding-bottom:0;}
}
@media screen and (max-width:560px){
  .mob2_none{display:none;}
  .m_block {display:block;}
}



/*==============================*/
/* 전체패딩 : 목록페이지 전체  */
.tbinner{ margin:0 auto; width:100%; max-width:1400px;  }


@media screen and (max-width: 1470px){
  .tbinner {padding:0 35px;}
}
@media screen and (max-width: 1024px){
  .tbinner{ padding:0 20px; }
}

@media screen and (max-width: 768px){
  .tbinner{ padding:0 12px; }
  /*.subbnn-overTit{ padding:0 12px; }*/
}
@media screen and (max-width: 560px){
  .tbinner{ padding:0 10px; }
 /*.subbnn-overTit{ padding:0 10px; }*/
}
@media screen and (max-width: 320px){
  #bo_v_atc{margin:0 -6px;}
}


/* ========================================= */
/* 뉴마사지/www/theme/wb0101/skin/board/news_01/list.skin.php
   sec_pddgtop 클래스를 sec_pddgtop2 로 바꿔서 적용☆  */




/*■ */
.sec_pddgtop{ padding-top:60px; }

@media screen and (max-width: 600px){
.sec_pddgtop{ padding-top:20px; }
}

.sec_pddgtop2{ padding-top:25px; }  /* ★3-1★ 종합게시판 메인이미지 바로밑에 여백 조절하는부분 */
.sec_pddgtop3{ padding-top:60px; }  /* 샵홍보 view.skin 상단 타이틀 여백  */

.sec_pddgtop4{ padding-top:50px; }  /* 인덱스 :  뉴마사지 업체정보 바로위 여백 , index 메인 비쥬얼 및 컨텐츠 상단여백 */

/* ■하단여백: 마켓배너 바로 아래 있는 좌우 움직이는 이미지 하단 여백*/
.sec_pddgbttm{ padding-bottom:50px; }


.sec_pddgtop130{ padding-top:130px; }
.sec_pddgbttm130{ padding-bottom:130px; }

@media screen and (max-width:1470) {

  .sec_pddgtop2{ padding-top:25px; } /* ★3-2★ 종합게시판 메인이미지 바로밑에 여백 조절하는부분 */ 
  .sec_pddgtop3{ padding-top:60px; }  /* 샵홍보 view.skin 상단 타이틀 여백  */
}

@media screen and (max-width:1024px) {
  .sec_pddgtop2{ padding-top:15px; } /* ★3-3★ 종합게시판 메인이미지 바로밑에 여백 조절하는부분 */
  .sec_pddgtop3{ padding-top:30px; }  /* 샵홍보 view.skin 상단 타이틀 여백  */


  .sec_pddgtop130{ padding-top:100px; }
  .sec_pddgbttm130{ padding-bottom:100px; }
}


@media screen and (max-width:768px) {
  .sec_pddgtop4{ padding-top:20px; }  /* (11-03) index 메인 비쥬얼 및 컨텐츠 상단여백 */
  .sec_pddgbttm{ padding-bottom:20px; }
}


/* ========================================= */


.menuHvEff{position:absolute; width:0; height:1px; bottom:-0.4em; left:0; background:#fff; transition:width .3s ease-out}





/*###################*/

/* 타이틀 */
.titleArea { border-bottom:0; font-family: 'GmarketSansMedium',"Noto Sans KR", Verdana, Dotum, AppleGothic, sans-serif; /*padding-bottom:40px;*/ padding-bottom:5px;}
  .titleArea .smllTitle{ font-size:1.8rem; font-weight:300; line-height:1.2em; margin-bottom:0; letter-spacing: 0.05em; color:#444;}
  .titleArea h2 { position:relative; display:block; color:#000; font-size:4rem; text-align:center; font-weight:500; margin-bottom:25px; line-height:1.2em;}


/*
  .titleArea h2.left{ text-align:left;} .titleArea h2.center{text-align:center;} .titleArea h2.right{text-align:right;}
  .titleArea p.left{text-align:left;} .titleArea p.center{text-align:center;} .titleArea p.right{text-align:right;}
*/

  .titleArea h2.left{ text-align:center;} .titleArea h2.center{text-align:center;} .titleArea h2.right{text-align:center;}
  .titleArea p.left{text-align:center;} .titleArea p.center{text-align:center;} .titleArea p.right{text-align:center;}

/**###################*/




  .titleArea p{padding-bottom:25px; /*color:#989898*/ color:#6e6e6e; font-size:1.7rem; }
  @media screen and (max-width:1024px){
    .titleArea h2 {font-size:3.5rem;}
  }
  @media screen and (max-width:768px){ 
    .titleArea { padding-bottom:20px;}
    .titleArea h2 {font-size:3rem;}
  }
/*내용content 타이틀*/
  h3.cont_tit { position:relative; font-size:2.6rem; font-weight:600; line-height:1.4em; padding-bottom:40px;}
  h3.cont_tit_big { position:relative; font-size:3.2rem; font-weight:600; line-height:1.4em; padding-bottom:40px;}
  p.cont_p { font-size:1.6rem; font-weight:400; line-height:1.6em; }
  p.cont_p_big { font-size:1.8rem; font-weight:400; line-height:1.8em; }
  @media screen and (max-width:1024px){
    h3.cont_tit { font-size:2.3rem; padding-bottom:20px; }
    h3.cont_tit_big { font-size:2.8rem; padding-bottom:20px; }
    p.cont_p_big { font-size:1.7rem; line-height:1.7em; }
  }
  @media screen and (max-width:768px){
    h3.cont_tit { font-size:2rem; }
    p.cont_p { font-size:1.5rem; line-height:1.5em; }
    h3.cont_tit_big { font-size:2.6rem; }
     
  }




/* 건강: 상단 이미지   ############################################# */ 
/* ■높이 500px 이부분이 종합정보의 메인사진 높이 입니다  */
  .tbsub-bnn{ position:relative;  height:400px; width:100%; background-position:center center; background-size: auto 120%;
  }


.tbsub-bnn h3.subbnnTitle{position:absolute; display:block; top:50%; left:50%; transform:translate(-50%,-20%); font-size:5rem; line-height:1em; color:#fff; font-weight:500; text-align: center; letter-spacing: 0.05em; }

@media screen and (max-width:1024px){
.tbsub-bnn{ position:relative; height:220px; background-size: auto 110% }
.tbsub-bnn h3.subbnnTitle{ font-size:4.5rem; transform:translate(-50%,-50%);}
}

@media screen and (max-width:768px){
.tbsub-bnn{ position:relative; height:180px; background-size: auto 100%;}
.tbsub-bnn h3.subbnnTitle{ font-size:3.0rem; }
}

@media screen and (max-width:360px){
.tbsub-bnn{ position:relative; height:130px; background-size: auto 100%;}
.tbsub-bnn h3.subbnnTitle{ font-size:2.0rem; }
}




/* 마켓: 상단 이미지   ############################################# */ 
/* ■높이 500px 이부분이 종합정보의 메인사진 높이 입니다  */
.tbsub-bnn2{ position:relative;  /*height:320px;*/
background-position:center center; 
/*background-size: auto 120%;*/


/*height:; width:80%; transform:translate(15%,0%);  */
width:100%; transform:translate(0%,0%);

}

@media screen and (max-width:600px){
.tbsub-bnn2{ width:85%; transform:translate(10%,0%);}
}


.tbsub-bnn2 h3.subbnnTitle{position:absolute; display:block; top:50%; left:50%; transform:translate(-50%,-20%); font-size:5rem; line-height:1em; color:#fff; font-weight:500; text-align: center; letter-spacing: 0.05em; }


/*■ ■ 폰에서 검색창 바로 아래 여백 : 목록의 검색창과 갯수 사이 여백*/
@media screen and (max-width:460px){
.tbsub-bnn2{ position:relative;  height:100px;}
}

@media screen and (max-width:320px){
.tbsub-bnn2{ position:relative;  height:85px;}
}



/* ■ 목록 상단 메인사진: 크몽스타일 할떄 ■  ###################################### */
/*
.tbsub-bnn .main_img{position:absolute; transform:translate(100%,-20%);width:570px; border-radius:10px;  }
@media screen and (max-width:1500px){
.tbsub-bnn .main_img{position:absolute; transform:translate(75%,-20%);width:570px;  }
}
@media screen and (max-width:1400px){
.tbsub-bnn .main_img{position:absolute; transform:translate(70%,-20%);width:570px;  }
}
@media screen and (max-width:1300px){
.tbsub-bnn .main_img{position:absolute; transform:translate(65%,-20%);width:570px;  }
}
@media screen and (max-width:1200px){
.tbsub-bnn .main_img{position:absolute; transform:translate(55%,-20%);width:570px;  }
}
@media screen and (max-width:1100px){
.tbsub-bnn .main_img{position:absolute; transform:translate(50%,-20%);width:570px;  }
}
@media screen and (max-width:1024px){
.tbsub-bnn .main_img{position:absolute; transform:translate(-50%,-50%);width:570px;  }
}
@media screen and (max-width:768px){
.tbsub-bnn .main_img{position:absolute; transform:translate(-50%,-50%);width:100%;  }
}
*/



  .page_submenulist{margin-top:0px;} /*검색창 바로밑에 갯수 표시 : 예시) 강남 79건 */
  .page_submenulist .page_submenus { font-size:0; text-align: center; }
  .page_submenulist .page_submenus li{ position:relative; display: inline-block; width:15%; border-bottom:1px solid #e1e1e1;}
  .page_submenulist .page_submenus li.thispage::after{position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); width:100%; height:2px; background-color:#f69b94; content:"";}
  .page_submenulist .page_submenus li a{ display: block; width:100%; height:100%; font-size:1.8rem; padding:1em 0; font-weight: 400; color:#333; transition:color .3s ease-out}
  .page_submenulist .page_submenus li:hover a{ width:100%; color:#f2bfad;}
  .page_submenulist .page_submenus li.thispage a{color:#f69b94; font-weight: 500;}
  
  .mbsubcombolink{display:none; width:100%; height:40px; padding:0 5px; border:1px solid #ccc; font-size:1.8rem;}
  
  @media screen and (max-width:1024px){
    .page_submenulist .page_submenus li{width:20%;}
  }

  @media screen and (max-width:1200px){
    .page_submenulist{margin-top:20px;} /*검색창 바로아패 갯수표시된곳 : 예시 : 강남79건 */
  }

  @media screen and (max-width:450px){
    .page_submenulist{margin-top:0px;} /*검색창 바로아패 갯수표시된곳 : 예시 : 강남79건 */
    .page_submenulist ul{display: none;}
    .mbsubcombolink{display:block; }
  }





/* 헤드 */

.tbheader{
  font-family:'GmarketSansMedium','Noto Sans KR', dotum, sans-serif; position:fixed; min-width:320px;box-shadow: 0 3px 10px rgb(78 78 78 / 15%);
  top:0; left:0; width:100%; 
  
 /* height:80px; */

  z-index:100; background:#fff;-webkit-transition: padding 0.3s, height .3s, top .3s, background .3s,  top 0.3s; -moz-transition: padding 0.3s, height .3s, background .3s, top .3s ; -ms-transition: padding 0.3s, height .3s, background .3s, top .3s; -o-transition: padding 0.3s, height .3s, background .3s, top .3s;  transition:all 0.3s; 
}




.tbheader .tbinner{display: flex; height:100%; align-items: center; transition: height .3s ease-out;}

.tbheader.subopen{ background-color: #fff; }
.tbheader.headHide{top:-100px}
/*.tbheader .tbinner{height:100%;}*/
/*.header_sec{display: flex; ; align-items: center; height:100px; transition: height .3s ease-out;}*/




/* ♥ ♥ ♥ ♥ ♥ ♥ [스크롤바]에 따라 상단 가로바의 높이가 달라지는 부분: 631줄에 있음, 검색어: 스크롤바 : */

/*■ 따라다니는 최상단 바:  샵홍보와 종합정보 사이의 간격: gap: 40px  가운데정렬 justify-content:left; */
.tbheader .head-menu{  height:100%; display:flex; align-items: center; justify-content:center; flex-grow: 1; /*gap: 40px;*/ margin-left:20px; font-size:20px;
}

/* ♥ ♥ ♥ ♥ ♥ ♥ [스크롤바]에 따라 상단 가로바의 높이가 달라지는 부분: 631줄에 있음, 검색어: 스크롤바 : */

/*■최상단 : 버튼 : 힐링샵 + 건강 */
.tbheader .head-menu .top-btn-name:hover {color:#8763da;  } 

.tbheader .head-menu .top-btn-name-on {color:#f23c97; border-bottom:pink; padding-bottom:2px; } 



/*최상단바  샵홍보와 건강 단어 사이의 여백 */
.head-menu .top_menu_between {margin:30px;  display:inline-blcok;}

@media screen and (max-width:1024px){
.head-menu .top_menu_between {margin:18px;}
}
@media screen and (max-width:510px){	
.tbheader .head-menu{ font-size:17px;}
}
@media screen and (max-width:380px){	
.tbheader .head-menu{ margin-left:0px;font-size:14px;}
.head-menu .top_menu_between {margin:10px;}
}



.tbheader .head-logo{width:200px;}
.tbheader .head-menu .category_menu, 
.tbheader .head-icons .icons{ display:flex; align-items: center; position: relative; height:100%; }


.tbheader .head-menu .category_menu .mainmenu {font-size:1.8rem; padding:8px 1.3em; font-weight:400; letter-spacing: 0.05em;}*/
.tbheader .head-menu .menulink {position:relative; font-size:1.8rem; padding:8px 0; font-weight:400; letter-spacing: 0.05em; color:#000;;}

.tbheader .head-icons{width:200px;padding:3px;display:flex; flex-wrap: nowrap; align-items: center;justify-content:flex-end;}

.tbheader .head-icons .resIcon{display:none; position:relative; width:28px; height:30px; margin-left:6px;   }
.tbheader .head-icons .resIcon .resIcon_wrap{position:absolute; width:24px; height:18px; top:50%; left:50%; transform:translate(-50%, -50%);}

/*■ 삼선버튼(석삼,세줄): 스팬 사이의 레프트를 0으로 !!  span{position:absolute; left:0; 
top으로 스팬3개를 정렬시킴
*/
.tbheader .head-icons .resIcon .resIcon_wrap span{position:absolute; left:0; width:100%; height:2px; background:#72b041; border-radius: 2px; transition:.3s; }
.tbheader .head-icons .resIcon .resIcon_wrap span:nth-child(1){ top:0;}
.tbheader .head-icons .resIcon .resIcon_wrap span:nth-child(2){ top:calc(50% - 1px); width:18px;}
.tbheader .head-icons .resIcon .resIcon_wrap span:nth-child(3){ bottom:0; }



/*header-search 헤드 검색*/
.tbheader .head-icons a.searchbtn {display:none;}

.tbheader .head-icons .head-searchBox { display:inline-block; }
.tbheader .head-icons .head-searchBox .head-search-form {width:100%; max-width:230px; background:transparent; border: 1px solid #afafaf; border-radius:50px;}
.tbheader .head-icons .head-searchBox .head-search-form input { width:150px; padding:8px 20px; border:0; border-radius:50px;  background:transparent;  }
.tbheader .head-icons .head-searchBox .head-search-form input:focus { outline:none; }
.tbheader .head-icons .head-searchBox .head-search-form input::placeholder { color:#afafaf; font-weight:400;}

.tbheader .head-icons .head-searchBox .head-search-form .head-search-btn {border: 0; background-color: transparent;}
.tbheader .head-icons .head-searchBox .head-search-form .head-search-btn img {margin-right:10px;}

.tbheader .head-icons .head-searchBox .head-search-form .head-search-btn img.schBtn000 {display:block;}
.tbheader .head-icons .head-searchBox .head-search-form .head-search-btn img.schBtnfff {display:block;}

body.fixed .tbheader .head-icons .head-searchBox .head-search-form .head-search-btn img.schBtn000 {display:block;}
body.fixed .tbheader .head-icons .head-searchBox .head-search-form .head-search-btn img.schBtnfff {display:none;}

body.fixed .tbheader .head-icons .head-searchBox .head-search-form {border: 1px solid #afafaf;}
body.fixed .tbheader .head-icons .head-searchBox .head-search-form input::placeholder { color:#afafaf;}
.tbheader .head-icons .head-searchBox .head-search-form input#companySearchInput:focus{border:0 none !important; }



.tbheader .head-menu .category_menu .menulink .menuHvEff{background:transparent; bottom:calc(100% - 30px);}
.tbheader .head-menu .category_menu:hover .menulink .menuHvEff{width:100%;}
.tbheader .head-menu .category_menu{transition:background .3s ease-out;}

.tbheader .category_menu .subblocks{ display:none; position:absolute; top:calc(100% - 20px); left:-10%;  min-width:120%; background:rgba(255,255,255,.9); padding:15px 10px; border:1px solid #e1e1e1; box-shadow: 0 3px 10px rgb(78 78 78 / 15%); }
.tbheader .category_menu .subblocks li a.subLink{ display:inline-block; position:relative; padding:3px 0; font-size:1.4rem; }
.tbheader .category_menu .subblocks li a.subLink::after{position:absolute; bottom:4px; left:50%; transform:translateX(-50%); width:0; height:1px; background:#333; transition:width .2s ease-out; content:"";}
.tbheader .category_menu .subblocks li a.subLink:hover::after{width:100%;}



/* 스크롤 fixed HEAD + sub메뉴 slideDown시에 */
/* (11-02) body.fixed .tbheader{ background:rgba(255,255,255,1); box-shadow: 0 3px 10px rgb(78 78 78 / 15%);}
body.fixed .tbheader .header_sec{height:80px;}
body.fixed .tbheader .head-menu .subblocks{top:80px;}
body.fixed .tbheader .head-menu .category_menu .mainmenu a{ color:#000;}
body.fixed .tbheader .head-icons {display: flex; order: 10; padding-right: 0; position: static; right: auto;}
body.fixed .tbheader .head-icons a.searchbtn {display:none;}
*/
/*(11-04) body.fixed .tbheader{height:80px;background:rgba(255,255,255,1);}*/



body.fixed .tbheader .head-icons {display: flex; order: 10; padding-right: 0; position: static; right: auto;justify-content:flex-end;}
body.fixed .tbheader .head-icons a.searchbtn {display:none;}




/* ############################################# */
@media screen and (max-width:1400px){
  /*샵홍보 종합 단어의 크기를 하단에서 1.8rem 에서 숫자조절함 */
  /*.tbheader .head-menu .category_menu .mainmenu {font-size:1.8rem; padding:8px 1.2em;} */
  /* (11-02 상단상속) .tbheader .head-menu .category_menu .mainmenu {font-size:1.8rem; padding:8px 1.2em;} */
}

/* ........................... */ 

/*관련페이지: theme~head.php */ 
@media screen and (max-width:1024px){
  .tbheader #a_1{  /*추가: [건강정보]버튼 */
    /* display:none; */
  } 
  .tbheader #a_0{
    /* width:100px; */
    /*(11-02 css안먹고있음) font-size:12px;*/ /*추가: [샵홍보]버튼 */
  } 

  .tbheader .head-menu .category_menu .menulink {font-size:1.6rem; padding:8px 0;}  /*(11-03) 추가 */

  /*로고,샵홍보,검색버튼:총3개인데, 로고만width값 주고, 검색버튼은 본인크기값(width값 안줘도됨), 2번은 그나머지값이 자동적용됨!*/ 
  /*화면작아지면 로고사이즈도 작아짐! */
  /*로고 크기를 여기서 px 조절! 원래크기width120px; ※rem: html body에 기본으로 깔린 폰트크기에 따라 상대적 반응하는것임!*/
  /*(11-02) .tbinner .header_sec .head-logo .logo000 {*/
  .tbinner .head-logo .logo000 {
    max-width:120px;  
    height: auto;
  }
  .tbheader .head-icons{width:72px;} /* 11-03 */
  .tbheader .head-logo{width:124px;} /* 11-03 */
}

/* .tbheader .head-menu{display: none;} */ /*◀원래코딩임:주석풀면:가폭폭이 작아질때만,최상단[업체정보][건강정보]버튼이 사라짐 */

/* ........................... */ 

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

  /*■ 샵홍보 종합 단어의 크기를 하단에서 1.8rem 에서 숫자조절함 */

  .tbheader .head-menu .category_menu .menulink {font-size:1.4rem;}

  /*(11-02) .tbinner .header_sec .head-logo .logo000 {*/
  .tbinner .head-logo .logo000 {
	width:120px;  /*■로고 크기를 여기서 px 조절가능! 원래크기: width120px;  ※rem: html body 입혀진 기본으로 깔린 폰트크기에 따라 상대적 반응하는것임 !*/
	height: auto;
  } /* ◀추가함: 화면작아지면 로고사이즈도 작아짐! (mmr221014) */

  .tbheader .head-icons{width:72px;} /* 11-03 */
  .tbheader .head-logo{width:94px;} /* 11-03 */

}

@media screen and (max-width:350px){
  .tbinner .head-logo .logo000 {
	width:90px; 
	height: auto;
  } 

}



/* ############################################# */




.tbheader .head-logo{
  /* flex-grow: 1; */
  padding-right: 0;
}


/*(11-02) .header_sec, body.fixed .tbheader .header_sec{height:65px;}
.tbheader .tbinner, body.fixed .tbheader .tbinner{height:100;}*/







.tbheader.headHide{top:-65px}
.tbheader .head-logo img {height:48px;}

.tbheader .head-icons .head-searchBox { display:none; } /* 11-03 수정*/
.tbheader .head-icons .resIcon {display:inline-block;}
body.fixed .tbheader .head-icons a.searchbtn {display:inline-block;}
.tbheader .head-icons a.searchbtn {display:inline-block;}
.tbheader .head-icons a.searchbtn img.m_sch000 {display:block;}
body.fixed .tbheader .head-icons a.searchbtn img.m_sch000 {display:block;}
}

/* 사이드바 */
.sidebar{ width:100%;height:100%; background:rgba(0,0,0,.3); position:fixed; top: 0; left:0; z-index: 20;display:none; }
.sidebar.show { display:block; }
.sidebar_area{
  width:400px; height:100%; max-height:1000px; min-height:560px;  position:fixed; top: 0; overflow-y: auto; 
  /*right: -100%;*/ 
  right:-410px; 
  z-index:21; overflow-x: visible;  text-align:left; background:#fff;  padding:100px 50px;
  transition: right 0.5s ease; /* 부드러운 애니메이션 추가 */
}
.sidebar_area.show{ right:0;}
.sidebar_area .sideclose{ position:absolute; top:30px; right:30px; z-index:100; cursor: pointer; }
.sidebar_area .sidebar_menu{ margin-bottom:20px; }
.sidebar_area .sidebar_menu .sidebar_mainmenu{
position:relative; display:inline-block; width:100%; color:#222; font-size:2.4rem; line-height:1.5em; margin-bottom:10px; cursor: pointer;
}
.sidebar_area .sidebar_menu .sidebar_mainmenu.subExt::after{ position:absolute; background-image:url('../img/tbimg/common/more_plus.svg'); right:10px; top:50%; transform: translateY(-50%); display: block; width: 28px; height: 28px; background-repeat: no-repeat; content:""; }
.sidebar_area .sidebar_menu .sidebar_mainmenu.subExt.active::after{background-image:url('../img/tbimg/common/more_minus.svg');}
.sidebar_area .sidebar_menu .res_subblocks .resSubblocks-li{margin-bottom:7px; padding:0 10px}
.sidebar_area .sidebar_menu .res_subblocks .resSubblocks-li a:last-child{margin-bottom:0;}
.sidebar_area .sidebar_menu .res_subblocks a{font-size:1.6rem; color:#a5a5a5; margin-bottom:0;}

/* (11-04) 감싸진 .sbbtn_wrap삭제
.sidebar_area .sbbtn_area{ padding-top:2em; overflow: hidden;}
.sidebar_area .sbbtn_wrap{ margin:0 -5px; font-size:0; text-align: center; }
.sidebar_area .sbbtn_wrap .tbbtn{ display:inline-block; width:calc(50% - 10px);  margin:0 5px; padding:0; text-align: center; font-size:1.7rem; }
.sidebar_area .sbadmin{margin-top:20px;}
*/

.sidebar_area .sbbtn_area{ padding-top:2em; overflow: hidden; text-align: center;}
.sidebar_area .tbbtn{min-width:140px;display:inline-block; width:calc(50% - 10px);  margin:0 5px; padding:0; text-align: center; font-size:1.7rem; }
.sidebar_area .sbadmin{margin-top:20px;}


/* ************************** */
/*■ width:calc(40% - 10px);자기를 싸고있는 부모의 넓이의 40프로에서 10픽셀을 뺴라 */
@media (max-width: 560px){
  .sidebar_area{ width:100%; right:-100%; text-align: center;}
  /* (11-04) .sidebar_area .sbbtn_wrap .tbbtn{ width:calc(40% - 10px);}*/
  .sidebar_area .tbbtn{ width:calc(40% - 10px);}
}
@media (max-width: 420px){
  .sidebar_area .tbbtn{ width:calc(50% - 10px);}
  /* (11-04) .sidebar_area .sbbtn_wrap .tbbtn{ width:calc(50% - 10px);}*/
  .sidebar_area{padding:100px 30px;}
}
/* ************************** */





/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
/*■ ■ ■ 최상단[가로바 높이] 여기서 조절 */

/*◆상단가로바: 처음 높이 */
.tbheader, body.fixed .tbheader{height:100px;} /*맨위 가로바 높이*/

/*◆상단가로바: 스크롤바를 위아래로 움직일때의 높이 */
body.fixed .tbheader{height:65px;  background:; transition: height .3s ease-out; }


#container {margin-top:35px;} /*맨위 가로바 바로아래: 컨텐츠 상단여백 */

@media (max-width: 1024px){
	.tbheader, body.fixed .tbheader{height:65px;}
	#container {margin-top:0px;}  /*맨위 가로바 바로아래: 컨텐츠 상단여백 */
}
/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/






/* 푸터 */
#ft { 
min-width:100%; background:#2d2524; color:#fff; font-size: 1.5rem; 

margin-top:200px;

padding-top:50px; 
padding-bottom:50px; 
text-align: left;
}



#ft::after{display:block;visibility:hidden;clear:both;content:"";}
  #ft_link{ padding-bottom:1.2em; display: flex; align-items: center;}
  #ft_link .left{line-height:1.6em;}
    #ft_link .left a { position:relative; display:inline-block; font-size: 1.5rem;  margin:0 1em; color:#fff; }
    #ft_link .left a:first-child{margin-left:0;}
    #ft_link .left a:after{content: ""; position:absolute; display:block;width:1px; height:1em; background-color: #fff; top:50%; left:-1em; transform: translateY(-50%);}
    #ft_link .left a:first-child::after{display: none;}
  #ft_link .right{ flex-grow: 1; text-align: right;}
  #ft_link .right a{display:inline-block; margin-left:10px;}
  #ft_link .right a img{vertical-align: top;}
  
  
  #ft_company { padding-bottom:1.6em; line-height:1.5em; 

  /*최하단 가로선 (사업자 위쪽 )*/
  border-top: 2px solid silver; padding-top:20px;   
  }


    #ft_company .infowrap{ max-width:768px; overflow: hidden; float:left;}
    #ft_company .ft_info{ display: block; margin-left:-1em;font-style:normal}
    #ft_company span{ display:inline-block; min-height:1em; line-height:1em; margin:0 1em 0.6em 1em; pointer-events: none; color:#fff; text-decoration: none; }
    
	#ft_copy {text-align:left; width:100%; margin:0 auto; padding:20px 0;color:#fff;font-size:0.92em;

	border-top:0px solid #fff /*하단 가로선 */ }

    /*풋터 : 패밀리사이트 셀렉박스 */
    #ft_company .related { flex-grow: 1; text-align:right;}
    #ft_company .related select {-webkit-appearance:none; -moz-appearance:none; 
      -o-appearance:none; appearance:none;
      background:url('../img/tbimg/common/select_arrow.svg') no-repeat 90% 50%;
       background-color:transparent; border: 1px solid #fff; color:#fff; padding:6px 27px 6px 10px;transition:padding .3s ease-out; }
       #ft_company .related select::-ms-expand { display:none; }
       #ft_company .related select option {color:#222;}
  
  #ft_company::after, #ft_link::after{display:block;visibility:hidden;clear:both;content:"";}
  #ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}
  
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#f2bfad;background:#f2bfad;color:#fff}

/*footer login*/
.ft_login {display: inline;}
.nbbtn {display: inline-block; padding:0; font-size:1.2rem; line-height:45px; font-weight: 400; border:0; cursor: pointer;
  -moz-appearance:none; -webkit-appearance:none;  appearance:none;
  -webkit-transition: all 0.3s; -moz-transition: all 0. 3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}

.nbbtn.font98{color:#989898; background:transparent;}
.nbbtn.font98:hover{ color:#fff;}
.nbbtn.fontfff{color:#fff; background:transparent;}
.nbbtn.fontfff:hover{ color:#989898;}




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

  #ft{  padding-top:40px; padding-bottom:0px; }

  #ft ,#ft_link .right, #ft_link .left {text-align:center;}
  #ft_left #ft_company .ft_info{ margin-left:0;}
  #ft_link, #ft_link .left, #ft_link .right{ display: block; }
  #ft_link .right{margin-top:1.2em;}
  #ft_link .right a img {width:25px;}
  #ft_copy {text-align:center;}
  #ft_company { display:block; }
  #ft_company .related { display: inline-block; margin-top: 15px; text-align: center;}

}
@media screen and (max-width:560px){
  #ft_link a.menu{display:none;}
  #ft_link a:after{display: none;}
  #ft_link .left a:nth-child(3)::after{display: none;}
}




@media screen and (max-width:720px){
#ft { margin-top:80px;}
}




/* ############################################## */

/* ■ ■ ■ 목록: 마켓 배너 */

  /* 노이미지 */
  a.noimg{width:100%; height:100%;}
  .no_image{position:absolute; width:100%; height:100%; top:0; left:0; background:#f1f1f1; color:#000; font-size:2.5rem; font-weight:600;text-align: center;}
  .no_image span{position:absolute; width:100%; top:50%; left:0; transform: translateY(-50%); }


  /* 노이미지 */
  a.noimg2{width:100%; height:100%;}
  .no_image2{position:absolute; width:100%; height:100%; text-align: center; font-size:2.5rem; color:#000; } 
  /* .no_image2{background:url(/data/file/market2/a006.jpg) no-repeat; }  */

  .no_image2 span{position:absolute; width:100%; top:12%; left:0; transform: translateY(-50%); background:rgba(255,255,255,0.8); padding:15px 0px 10px 0px;}

  /*.no_image2 span{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%);  }*/


/* 갤러리 tbGall */
.tbGallBasic{ font-size:0; margin:0 -10px; padding-top:; background:; }
.tbGallBasic::after{display:block;visibility:hidden;clear:both;content:"";}

.tbGallBasic > li {
  position:relative; width:25%; padding-left:10px; padding-right:10px; padding-bottom:25px; vertical-align: top; display:inline-block; transition:.3s;
}

.tbGallBasic > li.empty_list{width:100%; font-size: 1.8rem; padding:305px 0;}


/*
.tbGallBasic .gall-thum{ position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden; } */



/*■■■■■■■■■■■■■■■■■■■■■■ */
/*목록: 사진의 위치와 크기 */  
.tbGallBasic .gall-thum .img_list { 
position:absolute; transition: width .3s;
top:20px; left:0; top:50%; left:50%;

width:65%;  height:40%;  /*◀ ◀ height:사진의 높이 조절*/

transform:translate(-40%, -97% );
}

/*■목록: 사진크기 */
.tbGallBasic .gall-thum .tbThumImg{ 
	object-fit: cover; 
	width:80%; height:100%;
}

/* =================== */  
/* 특정사진만 가로 세로 높이 변경가능: 예시) 강남 모당원장님 사진 (modang) */ 
.tbGallBasic .gall-thum .tbThumImg2{ 
	object-fit: cover; 
	width:80%; height:136%; margin-top:-25px;
}


/*===== 모바일 일때 =====*/ 
@media screen and (max-width:450px) {
	.tbGallBasic .gall-thum .img_list{
		transform:translate(-40%, -105%); 
		/*transform:translate(-73%, -125%);*/
	}
}

/*■■■■■■■■■■■■■■■■■■■■■■ */


/*본문: 사진 안에 글씨*/
/* (11-10).img_view{position:relative;display:table; (11-10) margin:0 auto;}*/
.img_view p{position:absolute; top:10px; left:10px; background: rgba(255,255,255,.8); padding:10px 10px 6px 10px; font-size:20px; border-radius:3px; }



.tbGallBasic .gall-thum .thumHoverBorder{ position:absolute; background:#44b0f9; 
  -webkit-transition:background-color 0.3s ease-out;
  -moz-transition:background-color 0.3s ease-out;
  -o-transition:background-color 0.3s ease-out;
  transition:background-color 0.3s ease-out  }


/*목록 배너 하단에 바탕색*/
.tbGallBasic .gall-description{ /*padding:1.2em 0.8em;*/ padding:5px 10px 3px 20px; font-size:1.5rem; font-weight:400; color:#989898; font-family:'Noto Sans KR', dotum, sans-serif; /*background:linear-gradient(#ffffff, #eee9e2 );*/  }


/* ■ prd-title : 목록 > 각 배너박스 아래: 굵은제목 부분 */
.gall-description .prd-title{  display:block;font-size:1.8rem; line-height:1.5em; font-weight:500; margin-bottom:10px; text-align:center; }
  .gall-description .prd-title.center{text-align: center;}

/* ■ prd-title p: 목록 > 배너박스 아래 > 제목아래 > 회색글씨 부분 */
.gall-description p {font-size:1.5rem; line-height:1.6em; font-weight:400;}

  .gall-description p.center{text-align: center;}
  .gall-description .prd-title a{ 
    -webkit-transition:color 0.3s ease-out;
    -moz-transition:color 0.3s ease-out;
    -o-transition:color 0.3s ease-out;
    transition:color 0.3s ease-out
  }


.gallbasic-dim{ 
  position:absolute; top:0; left:0; width:100%; height:100%; transition:background .5s; 
}


/*#############################################*/


/* 버튼 */
a.btn,.btn {line-height:normal; height:auto; font-weight:normal; vertical-align: middle; font-size:1.5rem;}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit,.btn_close, a.btn_cancel, button.btn_cancel{ 
  background:#fff; color:#000; font-size:1.5rem; line-height:1em; padding:1em 2.3em; font-weight: 400; cursor:pointer; border-radius: 0;
  -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out
}
.btn_submit {border:1px solid #3a8afd;background:#3a8afd;color:#fff;}
.btn_submit:hover {border:1px solid #3a8afd;background:#3a8afd}
.btn_close {border:1px solid #a5a5a5; color:#989898; background:#fff}
.btn_close:hover{border:1px solid #333; color:#333;}
a.btn_close {}
a.btn_cancel {display:inline-block;border:1px solid #a5a5a5; color:#a5a5a5; background:#fff}
button.btn_cancel {display:inline-block;border:1px solid #a5a5a5; color:#a5a5a5; background:#fff}
.btn_cancel:hover {border:1px solid #333; color:#333; background:#fff; }
a.btn_frmline, button.btn_frmline {width:128px;font-size:1.4rem; padding:0 2px; } /* 우편번호검색버튼 등 */

/* 기본테이블 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f6f6f6;}
.tbl_head01 tbody th {padding:1em 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#222; padding:1em 10px; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.tbl_wrap table tr,.tbl_wrap table td{position: relative;}
.tbl_wrap table tr.trCont:hover{background:#f6f6f6;}

/*move.php 체크박스*/
.new_win .tbl_head01 td {color:#222; padding: 10px 5px;   border-top:1px solid #e1e1e1;border-bottom:1px solid  #e1e1e1;}
.new_win .tbl_head01 table tr th input[type="checkbox"].move_allcheck + label { color:#bebebe; }
.new_win .tbl_head01 table tr th input[type="checkbox"].move_allcheck + label:hover { color:#3a8afd; }
.new_win .tbl_head01 table tr th input[type="checkbox"].move_allcheck:checked + label { color:#222; }

.new_win .tbl_head01 table tr td input[type="checkbox"].move_check + label { color:#bebebe; } 
.new_win .tbl_head01 table tr td input[type="checkbox"].move_check + label:hover { color:#3a8afd; }
.new_win .tbl_head01 table tr td input[type="checkbox"].move_check:checked + label { color:#222; }

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* 검색결과 색상 */ 
.sch_word {background:transparent; color:#4fa600;font-weight:600; padding:2px; margin:0; }
.gall-description .prd-title a .sch_word {color:#4fa600;} /*검색어색상변경*/
/*
//■검색단어의 색상강조(예시:파랑,빨강)theme/wb0101/css/tblayout.css방에서 검색: sch_word (572줄) 검색어색상변경
//■마우스갖다댔을떄 배너밑에글씨색상바뀌는부분:theme~product_01/style.css방에서검색:제목글씨색상
*/
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* 폼 테이블 */
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #e1e1e1;color:#222; padding:0.8em 10px;-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.wr_content textarea.bgwhite,.tbl_frm01 textarea.bgwhite,.form_01 textarea.bgwhite, .frm_input.bgwhite{background:#fff;}
.frm_input {height:auto; font-size:1.5rem; line-height:1.7em; padding:0.8em 10px; font-weight: 400;}
.frm_input::placeholder{color:#b5b5b5;}
.full_input {width:100%}
.half_input {width:calc(50% - 5px);}
#bo_w .write_div.captchabox{margin-top:1em;}
@media(max-width:768px){
  #bo_w .write_div.captchabox{margin-top:1em;}
  .half_input {width:100%;}
  #bo_w #wr_password, #bo_w #wr_homepage {margin-left:0}
}
/* 새창 기본 스타일 */
.new_win .btn_close, .new_win .btn_submit {
  overflow:hidden;cursor:pointer; font-size:1.5rem; line-height:1em; padding:1em 2.3em; font-weight: 400; cursor:pointer; height:auto; border:1px solid #d0d4df;background:#fff;color:#989898;
  -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
.new_win .btn_submit { border:1px solid #222;background:#222;color:#fff; }




/* 페이징 */
.pg_wrap {margin-top:40px; float:none; display:block; width:100%; text-align: center;}
.pg_page, .pg_current {display:inline-block; min-width:auto; width:35px; height:35px;margin-bottom:4px;line-height:35px; font-size:1.5rem; font-weight: 400; border-radius: 0; padding:0;
background-color:#fff;
}
.pg_page {color:#222;}
.pg_page:hover {background-color:pink;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#f6f6f6}


/* ■ 하단 페이징바: 해당[페이지번호]클릭시: 바탕색 표시(녹색) */
.pg_current {background:#58b513;border:1px solid #58b513;color:#fff;}



/* ■ 하단 페이징바: 다음페이지 >   */


/* 이게 없으면 폰에서 다음페이지 버튼 클릭하면 본문이 열리기 떄문에 여백을 꼭 줘야함~! */
.nextbtn-space-m {height:40px;} 
.nextbtn-space-pc{height:20px;} 


.nextbtn{margin:20px 0px 50px 0px; text-align:center;  background: ;   }
.nextbtn .pagetxt {
width:90%;  
max-width:500px; 
display:inline-block; text-align:center; background: ; 

height:60px; 
padding:20px; border-radius:5px; border:1px solid #c0c0c0; word-spacing:5px; 
}




@media screen and (max-width:768px){
  .pg_wrap{margin-top:30px;}
}


/* 캡챠 */
#captcha #captcha_mp3 { margin:0 0 0 3px; }
#captcha #captcha_reload {margin:0 0 0 3px; }
#captcha #captcha_key {margin:0 0 0 3px; font-size:1.5rem;}



.popupBg{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;} 
.popupBg .dimBackground {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity: .5; filter:alpha(opacity=70);} 
.popupBg .popuplayer{display:block;} 
.popuplayer {
  background-color:#f1f1f1;
  width:100%; max-width:800px; height:100%; max-height:500px;
  display:none;
  position:absolute;
  top:50%;left:50%; transform: translate(-50%, -50%);
  z-index:100000; 
}
@media screen and (max-height:700px),
      screen and (max-width:560px){
  .popuplayer{max-height:100%;}
}
.popupPage{height:100%;}

.pdl25 {padding-left:20px;padding-top:10px;}


/* 상단 검색창 위에 여백 고치는 부분 */
/* (11-03) .subbnn-overTit{margin-top:200px;}
@media screen and (max-width:768px){
  .subbnn-overTit{margin-top:200px;}  
}*/

/* (11-08)검색과 상세페이지쪽 같이 연동 되는부분 수정
게시판 상세페이지 모바일에서 - 상단여백 30~60% 줄이기 
*/
/*.subbnn-overTit{margin-top:140px;}
@media screen and (max-width:768px){
  .subbnn-overTit{margin-top:70px;}  
}*/








/* ############################ */

/* ■ 동서남북 버튼 (샵홍보+종합)*/ 
/*
.goto_top{ 
position:fixed; z-index:999;  bottom:10px; right:0px;  max-width:800px;text-align:center; 
min-width:300px;
}

.goto_top a{
font-weight:bold;  
margin-right:100px; 
color:#fff; 
border-radius:5px; 
background:rgba(0,0,0, 0.4);
font-size:15px; 
}

.goto_top .goto_txt{ padding:7px 10px;  }  
.goto_top .goto_img{ padding:7px 25px;  }  

@media screen and (max-width:700px) {
	.goto_top{ bottom:10px; right:30px;  }
	.goto_top a{padding:5px 11px;   margin-right:10px; font-size:20px;   }
}

@media screen and (max-width:330px) {
	.goto_top{ bottom:10px; right:5px;  }
	.goto_top a{padding:5px 11px;   margin-right:2px; font-size:17px;   }
}

*/

/* ======================== */

.goto-con-2{ 
position:fixed; z-index:999;   text-align:center; 
min-width:320px;
width:100%;
max-width:800px;
background:;
right:-10px; 
bottom:5px;
}

.goto-col-2{background:; text-align:center;   vertical-align: middle;
height:; line-height:;  
width:22%;  
margin:3px; border:0px solid silver; 
border-radius:3px; background:rgba(0,0,0, 0.0);
}

/* a태그 fill 꽉차게! 버튼내 어디를 눌러도 클릭되게 */
.goto-con-2 a{  background:;  /*display:block;  height:30px;*/ padding:;  }


.goto-img-1 , .goto-img-2 { max-width:50px; } /*위로 아래로 + 이전글 다음글*/
.goto-img-3{max-width:50px; padding-top:10px; background:; } /*first last*/


/* ============= */
@media screen and (max-width:450px) {
.goto-con-2{ bottom:5px;}
.goto-con-2 a{ padding:;  }

.goto-img-1 , .goto-img-2 { max-width:53px; } /*위로 아래로 + 이전글 다음글*/
.goto-img-3{ padding-top:15px;  } /*first + last*/
}

@media screen and (max-width:330px) {
.goto-img-1 , .goto-img-2 { max-width:40px; } /*위로 아래로 + 이전글 다음글*/
.goto-img-3{ padding-top:7px;  } /*first + last*/
}




 #ft_link .left .naviya {font-size:2.2rem; }

 #ft_link .left .login-info {font-size:1.4rem;  }


@media screen and (max-width:500px) {
 #ft_link .left .naviya {font-size:2.2rem; margin-top:-50px;  margin-bottom:10px;  }

#ft_copy {display:none; }

}

/* ############################ */