@charset "utf-8";
/* =====================================================================
   bohum-doctor.com 전 페이지 공통 리디자인 — "소프트 파스텔 인디고"
   · 디자인/CSS 전용. ASP 로직·폼 name/id·onclick 훅은 일절 변경하지 않음.
   · include_header.asp 에서 로드 → 모든 페이지(메인·상세·메뉴·게시판)에 적용.
   · 항상 마지막에 로드되어 상단/폼/서브/게시판 영역을 재정의.
   ===================================================================== */
:root{
  --pri:#6366F1; --priD:#4F46E5; --priSoft:#EEF0FF;
  --bg:#F5F5FF; --surf:#FFFFFF; --ink:#1E1B4B; --ink2:#5B5776; --line:#E6E5F5;
  --s2:#eb6834; --s3:#1baf7a; --ok:#1baf7a;
  --fz:'Pretendard','NanumSquareNeo-Variable',-apple-system,'Malgun Gothic',sans-serif;
}
body{background:var(--bg)!important;color:var(--ink);font-family:var(--fz)!important;-webkit-font-smoothing:antialiased;}

/* ================= 상단 헤더 / 네비 (전 페이지) ================= */
.header-area{background:var(--surf)!important;box-shadow:0 1px 0 var(--line)!important;border:0!important;}
.background-header{background:var(--surf)!important;box-shadow:0 2px 14px -8px rgba(79,70,229,.35)!important;}
.header-area .main-nav a.logo h1,
.background-header .main-nav a.logo h1{color:var(--ink)!important;font-weight:900!important;letter-spacing:-.5px;}
.header-area .main-nav .nav li a h2,
.background-header .main-nav .nav li a h2{color:var(--ink2)!important;font-weight:700!important;}
.header-area .main-nav .nav li:hover a h2,
.background-header .main-nav .nav li:hover a h2{color:var(--priD)!important;}
.header-area .main-nav .nav li.on{border-bottom:2px solid var(--pri)!important;}
.header-area .main-nav a.menu-trigger span,
.header-area .main-nav a.menu-trigger span:after,
.header-area .main-nav a.menu-trigger span:before{background:var(--pri)!important;}

/* ================= 히어로 배너 (메인·메뉴·게시판 공통) ================= */
.main-banner{
  background:linear-gradient(180deg,var(--priSoft) 0%, var(--bg) 82%)!important;
  padding:56px 0 14px!important;  /* [1] 상단 여백 확보 / [2] 하단 여백 축소 */
}
#container{overflow:visible!important;}
/* 레거시 고정 높이(800px/1200px) 제거 → 콘텐츠 높이로 */
#container_wrap{margin:0 auto!important;height:auto!important;min-height:0!important;width:100%!important;}
#container_wrap .now_time,
#container_wrap #db_form,
#container_wrap #db_arrow2,
.main_title{position:relative!important;top:0!important;}
.main_title{
  font-size:38px!important;font-weight:900!important;color:var(--ink)!important;
  letter-spacing:-1px;margin:14px auto 4px!important;line-height:1.24;text-align:center;
}
.main_title img{vertical-align:middle;border-radius:8px;}
.main-banner .container [style*="top:158px"]{
  position:relative!important;top:0!important;font-size:16px!important;
  color:var(--ink2)!important;font-weight:600!important;margin:0 auto 16px!important;max-width:640px;letter-spacing:-.3px!important;
}
#container_wrap .now_time{
  display:inline-block;width:auto!important;min-width:0!important;padding:8px 18px!important;height:auto!important;margin:0 auto!important;
  background:var(--surf)!important;border:1px solid var(--line);color:var(--priD)!important;
  font-size:13px!important;line-height:1.5!important;font-weight:700!important;border-radius:999px!important;box-shadow:0 6px 18px -14px rgba(79,70,229,.6);
}

/* ================= 계산 / 확인 폼 2단 ================= */
#container_wrap #db_form{
  display:flex!important;gap:22px!important;align-items:stretch!important;flex-wrap:wrap;
  min-width:0!important;max-width:1080px!important;width:100%!important;margin:22px auto 0!important;
}
/* [3] 좌우 동일 높이 : flex 자식이 stretch + 내부 래퍼가 100% 채움 */
#container_wrap #db_left,
#container_wrap #db_right{float:none!important;min-width:0!important;max-width:none!important;flex:1 1 320px;display:flex!important;}
#container_wrap #db_arrow2{display:none!important;}
#container_wrap .db_form_wrap{
  min-width:0!important;max-width:none!important;width:100%!important;height:auto!important;
  margin:0!important;background:var(--surf)!important;border:1px solid var(--line)!important;
  border-radius:20px!important;box-shadow:0 30px 60px -46px rgba(79,70,229,.5)!important;
  padding:8px 22px 24px!important;text-align:left!important;box-sizing:border-box;
  display:flex;flex-direction:column;
}
#container_wrap .db_form_wrap h2{
  background:none!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important;
  border-radius:0!important;font-size:20px!important;font-weight:900!important;letter-spacing:-.5px!important;
  padding:16px 2px 14px!important;margin:0 0 6px!important;text-align:left!important;
}
#container_wrap .db_form_wrap h2:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;
  background:var(--pri);margin-right:9px;vertical-align:middle;}

#container_wrap .db_form_wrap .tab_all{margin:14px auto 0!important;color:var(--ink2)!important;font-size:14px!important;width:100%;}
#container_wrap .db_form_wrap .tab_all ul li{padding:6px 0!important;letter-spacing:-.3px!important;}
#container_wrap .db_form_wrap .tab_all .inpbox70,
#container_wrap .db_form_wrap .tab_all .inpbox100,
#container_wrap .db_form_wrap .tab_all .inpbox80,
#container_wrap .db_form_wrap .tab_all .inpbox50,
#container_wrap .db_form_wrap .tab_all .select30{
  background:#fbfbff!important;border:1px solid var(--line)!important;border-radius:11px!important;
  padding:12px 13px!important;font-size:15px!important;color:var(--ink)!important;box-sizing:border-box;height:auto!important;}
#container_wrap .db_form_wrap .tab_all .inpbox70{width:60%!important;}
#container_wrap .db_form_wrap .tab_all .select30{width:28%!important;font-weight:700!important;}
#container_wrap .db_form_wrap .tab_all input:focus,
#container_wrap .db_form_wrap .tab_all select:focus{outline:2px solid var(--pri)!important;border-color:var(--pri)!important;}
#container_wrap .db_form_wrap .tab_all .inpradio{
  width:18%!important;background:#fbfbff!important;color:var(--ink2)!important;border:1px solid var(--line)!important;
  border-radius:11px!important;padding:12px 0!important;font-weight:700!important;cursor:pointer;transition:.15s;}
#container_wrap .db_form_wrap .tab_all .inpradio_on{
  width:18%!important;background:var(--pri)!important;color:#fff!important;border:1px solid var(--pri)!important;
  border-radius:11px!important;padding:12px 0!important;font-weight:800!important;}
#container_wrap .db_form_wrap .tab_all .inpradio_sms,
#container_wrap .db_form_wrap .tab_all .inpradio_sms_on{
  width:18%!important;border-radius:11px!important;padding:12px 0!important;font-weight:800!important;margin-left:5px!important;border:0!important;}
#container_wrap .db_form_wrap .tab_all .inpradio_sms{background:var(--priSoft)!important;color:var(--priD)!important;}
#container_wrap .db_form_wrap .tab_all .inpradio_sms_on{background:var(--pri)!important;color:#fff!important;}
#container_wrap .db_form_wrap .btn_block{border-radius:12px!important;letter-spacing:-.3px!important;}
#container_wrap .db_form_wrap .btn_block.white{background:transparent!important;min-height:0!important;line-height:1!important;margin:0!important;}
#container_wrap .db_form_wrap .btn_block.orange{
  background:linear-gradient(135deg,var(--pri),var(--priD))!important;color:#fff!important;
  min-height:52px!important;line-height:52px!important;border-radius:12px!important;
  box-shadow:0 16px 30px -18px rgba(79,70,229,.85)!important;font-weight:800!important;margin-top:auto!important;}
#container_wrap .db_form_wrap .btn_block.orange span{font-size:17px!important;letter-spacing:-.3px!important;}

/* 확인하기 결과표 (메인: tablen) */
#container_wrap .db_form_wrap .tablen{min-width:100%!important;max-width:100%!important;margin:6px auto 0!important;border-collapse:collapse;}
#container_wrap .db_form_wrap .tablen thead th{background:var(--priSoft)!important;border:0!important;border-radius:12px!important;padding:16px 10px!important;font-size:16px!important;color:var(--priD)!important;}
#container_wrap .db_form_wrap .tablen .bhage{color:var(--priD)!important;background:#fff;border-radius:8px;padding:2px 4px;}
#container_wrap .db_form_wrap .tablen td{border:0!important;border-bottom:1px solid var(--line)!important;padding:15px 8px!important;font-size:15.5px!important;color:var(--ink)!important;}
#container_wrap .db_form_wrap .tablen tr td{background:transparent!important;}
#container_wrap .db_form_wrap .tablen td.on{color:var(--priD)!important;background:transparent!important;}
#container_wrap .db_form_wrap .tablen td.bhmy{color:var(--s2)!important;font-weight:800!important;cursor:pointer;}

/* 확인하기 결과 (메인·메뉴·게시판: div/ul/li) */
#container_wrap .db_form_wrap .chk_result{margin:6px 0 0!important;}
#container_wrap .db_form_wrap .chk_age{
  background:var(--priSoft)!important;color:var(--priD)!important;border-radius:12px!important;
  padding:14px 12px!important;text-align:center!important;font-size:16px!important;font-weight:800!important;letter-spacing:-.3px;}
#container_wrap .db_form_wrap .chk_age .bhage{
  display:inline-block;min-width:34px;color:var(--priD)!important;background:#fff;border-radius:8px;padding:2px 8px;margin:0 2px;font-weight:900;}
#container_wrap .db_form_wrap .chk_list{list-style:none!important;margin:6px 0 0!important;padding:0!important;}
#container_wrap .db_form_wrap .chk_item{
  display:flex!important;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 6px!important;margin:0!important;border-bottom:1px solid var(--line)!important;}
#container_wrap .db_form_wrap .chk_item:last-child{border-bottom:0!important;}
#container_wrap .db_form_wrap .chk_co{
  flex:1 1 auto;min-width:0;color:var(--ink)!important;font-size:15.5px!important;font-weight:700!important;letter-spacing:-.3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#container_wrap .db_form_wrap .chk_price{
  flex:0 0 auto;color:var(--s2)!important;font-size:15px!important;font-weight:800!important;cursor:pointer;white-space:nowrap;}
#container_wrap .db_form_wrap .chk_item.on .chk_co{color:var(--priD)!important;font-weight:800!important;}

/* 확인하기 결과표 (상세: pay_table) */
#container_wrap .db_form_wrap #pay_table{padding:6px 2px 0!important;margin-top:8px!important;gap:0!important;}
#container_wrap .db_form_wrap .pay_detail_line{
  height:auto!important;min-height:0!important;overflow:visible!important;border-bottom:1px solid var(--line)!important;
  padding:12px 2px!important;display:flex!important;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:nowrap;}
#container_wrap .db_form_wrap .pay_detail_txt{
  flex:0 0 auto!important;width:auto!important;height:auto!important;white-space:nowrap!important;
  color:var(--ink2)!important;font-size:13.5px!important;font-weight:700!important;}
#container_wrap .db_form_wrap .pay_detail_result{
  flex:1 1 auto!important;min-width:0!important;width:auto!important;height:auto!important;line-height:1.5!important;
  color:var(--ink)!important;font-size:14.5px!important;font-weight:800!important;text-align:right!important;
  white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;}
#container_wrap .db_form_wrap .pay_detail_result[style*="color:red"]{color:var(--priD)!important;}
#container_wrap .db_form_wrap .pay_detail_result.CQBohumGcd_price{color:var(--pri)!important;font-size:16px!important;font-weight:900!important;}

/* ================= 섹션 타이틀 (전 페이지 공통) ================= */
.contents_title{background:none!important;border:0!important;width:100%!important;height:auto!important;padding:38px 0 0!important;}
.contents_title .contents_title_in{
  width:100%!important;height:auto!important;line-height:1.3!important;
  font-size:28px!important;font-weight:900!important;color:var(--ink)!important;letter-spacing:-.6px!important;
  text-align:center!important;position:relative;padding-bottom:14px;}
.contents_title .contents_title_in:after{content:"";display:block;width:46px;height:4px;border-radius:99px;background:var(--pri);margin:14px auto 0;}
.contents_title .contents_title_in_span{position:absolute;right:16px;top:2px;}
.contents_title .contents_title_in_span span{font-size:13px!important;font-weight:700!important;color:var(--ink2)!important;background:var(--priSoft);padding:6px 12px;border-radius:999px;}
.contents-warp2{background:none!important;padding:22px 0 40px!important;}
.contents-warp2 .section-2{max-width:1120px;margin:0 auto;padding:0 20px;}

/* ================= 리스트 컨테이너 폭 정상화 (레거시 width:760/380px 고정 해제) ================= */
.section-2 .cls_list_area{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;}
/* 5가지(ul)는 세로 스택 / 추천상품(div)만 flex 카드 그리드 */
.section-2 ul.cls_list_area{display:block!important;}

/* ================= 추천상품 리스트 (cnt-box1) — [5] 3/2/1 반응형 ================= */
.section-2 div.cls_list_area{display:flex!important;flex-wrap:wrap;gap:18px;justify-content:flex-start;}
.cnt-box1{
  background:var(--surf)!important;border:1px solid var(--line)!important;border-radius:18px!important;
  box-shadow:0 22px 44px -40px rgba(79,70,229,.4)!important;height:auto!important;position:relative;
  flex:0 1 calc(33.333% - 12px)!important;max-width:calc(33.333% - 12px)!important;margin:0!important;padding:20px!important;overflow:hidden;box-sizing:border-box;}
.cnt-box1:hover{transform:translateY(-3px);box-shadow:0 28px 52px -34px rgba(79,70,229,.55)!important;transition:.18s;}
.cnt-box1 .cateSty1{position:static!important;display:block!important;top:auto!important;left:auto!important;
  background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0 0 12px!important;color:var(--ink2)!important;}
.cnt-box1 .cateSty1 .clogo{height:26px!important;}
.cnt-box1-body{background:var(--priSoft)!important;border-radius:14px!important;padding:18px!important;min-height:0!important;height:auto!important;}
.cnt-box1-body-title{font-size:17px!important;font-weight:900!important;color:var(--ink)!important;height:auto!important;margin:0 0 8px!important;}
.cnt-box1-body-txt{font-size:13.5px!important;color:var(--ink2)!important;height:auto!important;line-height:1.6!important;}
.div_author_area{padding:12px 2px 0!important;}
.author_area .author_info{font-size:12.5px!important;color:var(--ink2)!important;}
.div_btn_area{margin-top:14px!important;}
.div_btn_area .btn_calcu{display:block!important;background:linear-gradient(135deg,var(--pri),var(--priD))!important;color:#fff!important;
  text-align:center;padding:12px!important;border-radius:11px!important;font-size:14px!important;font-weight:800!important;}

/* ================= 메뉴(서브) 페이지 : 사이드바 nav + 본문 ================= */
.category-post{background:none!important;padding:10px 0 46px!important;}
.category-post .container{max-width:1120px;margin:0 auto;padding:0 20px;}
.menu_text_area{font-family:var(--fz)!important;margin-top:0!important;}
.menu_text_area > div{color:var(--ink)!important;}
.menu_text_area > div[style*="border-bottom"]{border-bottom:1px solid var(--line)!important;padding:6px 0 26px!important;}
.menu_text_area h2[style]{color:var(--ink)!important;font-weight:900!important;letter-spacing:-.6px!important;}
.sub_page{background:none!important;}
.sub_page .inner{gap:28px!important;align-items:flex-start!important;}
/* 좌측 nav 카드 */
.slide_menu{background:var(--surf)!important;border:1px solid var(--line)!important;border-radius:16px!important;
  height:auto!important;padding:12px!important;box-shadow:0 22px 44px -42px rgba(79,70,229,.4)!important;align-self:flex-start;}
.slide_menu .menu_headline{color:var(--ink)!important;font-size:18px!important;font-weight:800!important;margin:6px 8px 12px!important;}
.slide_menu .menu_list{margin:0!important;padding:0!important;}
.slide_menu .menu_list .menu_item{margin:0!important;}
.slide_menu .menu_list .menu_item a{
  display:block!important;background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;color:var(--ink2)!important;
  font-size:14.5px!important;font-weight:700!important;padding:13px 12px!important;border-radius:10px!important;text-decoration:none!important;transition:.15s;line-height:1.3;word-break:keep-all;}
.slide_menu .menu_list .menu_item:first-child a{border-top:0!important;}
.slide_menu .menu_list .menu_item:last-child{border-bottom:0!important;}
.slide_menu .menu_list .menu_item a:hover{background:var(--priSoft)!important;color:var(--priD)!important;}
.slide_menu .menu_list .menu_item a.on{background:var(--pri)!important;color:#fff!important;}
.text_page{background:none!important;}
.text_page .content_headline{
  font-size:22px!important;font-weight:900!important;color:var(--ink)!important;letter-spacing:-.5px!important;
  padding:0 0 14px!important;margin:0 0 20px!important;border-bottom:2px solid var(--priSoft)!important;}
.text_page .content_box{
  background:var(--surf)!important;border:1px solid var(--line)!important;border-radius:18px!important;
  box-shadow:0 22px 44px -42px rgba(79,70,229,.4)!important;padding:26px 28px!important;margin-bottom:24px!important;
  font-size:15.5px!important;color:var(--ink2)!important;line-height:1.8!important;}
.text_page .content_box strong{display:block;color:var(--priD)!important;font-weight:800!important;font-size:17px!important;margin:20px 0 8px!important;}
.text_page .content_box strong:first-child{margin-top:0!important;}
.text_page .content_box p{margin:0 0 12px!important;}

/* ================= 게시판 목록 (contMid_v2/vs_bbs) ================= */
#contMid_v2_bbs_listwrap{max-width:1120px;margin:0 auto 20px!important;padding:0 20px;float:none!important;}
#contMid_v2_bbs_list_l .contMid_v2_bbs_div{background:var(--surf)!important;border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden;box-shadow:0 22px 44px -42px rgba(79,70,229,.4)!important;}
.contMid_vs_bbs_title{background:var(--priSoft)!important;border:0!important;border-bottom:1px solid var(--line)!important;color:var(--priD)!important;font:800 14px var(--fz)!important;padding:14px 0!important;letter-spacing:-.3px!important;}
.contMid_vs_bbs_list{border:0!important;border-bottom:1px solid var(--line)!important;padding:14px 5px!important;font:600 14px var(--fz)!important;transition:.12s;}
.contMid_vs_bbs_list:hover{background:#fafaff!important;}
.contMid_vs_bbs_in{color:var(--ink2)!important;font:600 14px var(--fz)!important;letter-spacing:-.3px!important;line-height:1.7!important;}
.contMid_vs_bbs_in a{color:var(--ink)!important;font-family:var(--fz)!important;font-weight:700!important;}
.contMid_vs_bbs_in a:hover{color:var(--priD)!important;}
#page_num{font-family:var(--fz)!important;}
#page_num ul li a{color:var(--ink2)!important;}
#searchwrap{max-width:1120px;margin:0 auto 14px!important;padding:0 20px;float:none!important;}
#searchwrap .search select,
#searchwrap .search .searchkey{border:0!important;border-bottom:2px solid var(--pri)!important;font-family:var(--fz)!important;color:var(--ink)!important;background:transparent!important;}

/* ================= 게시판 보기 (boardv_desc_table) ================= */
#boardv_desc_table{max-width:1120px!important;margin:0 auto!important;padding:0 20px;}
.boardv_desc_table{max-width:100%!important;border-collapse:collapse;}
.boardv_desc_table th{
  background:var(--priSoft)!important;border:0!important;border-radius:12px 12px 0 0!important;
  font:900 20px var(--fz)!important;color:var(--ink)!important;letter-spacing:-.5px!important;padding:18px 16px!important;text-align:left!important;}
.boardv_desc_table th a{color:var(--ink)!important;font-family:var(--fz)!important;}
.boardv_desc_table th .fr{color:var(--ink2)!important;font-weight:600!important;}
.boardv_desc_table td{
  background:var(--surf)!important;border:1px solid var(--line)!important;border-top:0!important;border-radius:0 0 12px 12px!important;
  padding:24px 22px!important;font-family:var(--fz)!important;font-size:15.5px!important;color:var(--ink2)!important;line-height:1.8!important;}
.boardv_desc_table td.bdnone{border:1px solid var(--line)!important;border-top:0!important;}
#btn-sethome{margin:20px auto!important;}
#btn-sethome a{display:inline-block;background:var(--surf);border:1px solid var(--line);color:var(--ink2)!important;
  padding:11px 26px;border-radius:11px;font-weight:800;text-decoration:none;box-shadow:0 10px 24px -18px rgba(79,70,229,.5);}
#btn-sethome a img{display:none;}
#btn-sethome a:after{content:"목록";}

/* ================= 하단 푸터 (전 페이지) ================= */
footer .go-top img{filter:hue-rotate(-8deg);}

/* ================= 반응형 ================= */
@media (max-width:992px){
  .cnt-box1{flex:0 1 calc(50% - 9px)!important;max-width:calc(50% - 9px)!important;}
  .main_title{font-size:32px!important;}
}
@media (max-width:768px){
  #container_wrap #db_form{gap:14px!important;}
  #container_wrap #db_left,#container_wrap #db_right{flex:1 1 100%!important;margin-top:0!important;}
  /* 서브 레이아웃: 사이드바 상단으로 쌓기 + nav 가로 pill */
  .sub_page .inner{flex-direction:column!important;gap:18px!important;}
  .slide_menu{width:100%!important;box-sizing:border-box;}
  .text_page{width:100%!important;margin-left:0!important;}
  .slide_menu .menu_list{display:flex!important;flex-wrap:wrap;gap:8px;}
  .slide_menu .menu_list .menu_item a{border-top:0!important;background:var(--priSoft)!important;color:var(--priD)!important;border-radius:999px!important;padding:9px 14px!important;font-size:13px!important;}
  .slide_menu .menu_list .menu_item a.on{background:var(--pri)!important;color:#fff!important;}
  .contMid_vs_bbs_in_1{width:70%!important;}
  .contMid_vs_bbs_in_0,.contMid_vs_bbs_in_2{width:15%!important;}
}
@media (max-width:600px){
  .cnt-box1{flex:1 1 100%!important;max-width:100%!important;}
  .main_title{font-size:27px!important;}
  .main-banner{padding-top:40px!important;}
  .text_page .content_box{padding:20px 18px!important;}
}