/* �쒕툕 */
#sub {width:100%; min-width: 60rem; overflow: hidden;}
#sub .subtop {width:100%; height: 23rem; display: flex; flex-direction: column; align-items: center; justify-content: center; background-position: center !important; background-size: cover; padding-top: 2rem; color: #fff;}
#sub.sub1 .subtop {background-image: url(/base/img/pc/images/subtop1.jpg);}
#sub.sub2 .subtop {background-image: url(/base/img/pc/images/subtop2.jpg); height: 30rem;}
#sub.sub3 .subtop {background-image: url(/base/img/pc/images/subtop3.jpg);}
#sub.sub4 .subtop {background-image: url(/base/img/pc/images/subtop4.jpg);}


#sub .category {position: relative; width: fit-content;}
#sub .category h2 {width:100%; border-bottom: 3px #fff solid; margin-top: 0.5rem; padding: 0 0.5rem 0.5rem 0.5rem; cursor: pointer; display: inline-block;}

#sub .snb {width:100%; display: none; }
#sub .snb ul {width:100%; }
#sub .snb ul li {width:100%;}
#sub .snb ul li a {display: block; text-align: center; width:100%; font-size: 0.9rem; line-height: 2.3rem; padding-left: 0.5rem; border-bottom: 1px rgba(255,255,255,0.1) solid;}
#sub .snb ul li a:hover,#sub .snb ul li a.on {font-weight: 700; border-bottom: 1px #fff solid; letter-spacing: 0.1rem;}



#sub #content {width:100%; }


#sub .paragraph {width: 100%; }

#sub .bg1 {background-color: #f3f1ea;}

#sub .paragraph .imgtext {display: flex;}
#sub .paragraph .imgtext.rightimg {justify-content: flex-end;}
#sub .paragraph .imgtext .imgarea {width: calc(50% + 6rem);}
#sub .paragraph .imgtext .imgarea img {width: 100%;}
#sub .paragraph .imgtext .txtarea {width: 29rem; display: flex; flex-direction: column; justify-content: center; padding-left: 5rem;}
#sub .paragraph .imgtext .txtarea:first-child {padding-right: 5rem; padding-left: 0;}
#sub .paragraph .imgtext .txtarea h2 {font-weight: 500;}
#sub .paragraph .imgtext .txtarea h5 {font-weight: 300;}


#sub .paragraph.sub2_2 .imgtext .imgarea {width: calc(50% - 11rem);}
#sub .paragraph.sub2_2 .imgtext .txtarea {width: calc(50% + 11rem); display: flex; flex-direction: column; justify-content: center; padding:0 5rem !important;}


#sub .paragraph .sub1_foryou {display: flex; color: #fff;}
#sub .paragraph .sub1_foryou * {-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#sub .paragraph .sub1_foryou > div {flex: 1; height: 17.5rem; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; background-color: #bd914d; position: relative; overflow: hidden; padding: 1rem 0; cursor: pointer;;}
#sub .paragraph .sub1_foryou > div .txt {position: relative; z-index: 1;}
#sub .paragraph .sub1_foryou > div img {position: absolute; top:0; opacity: 0.2;}
#sub .paragraph .sub1_foryou > div:hover .txt {margin-top: 10rem;}
#sub .paragraph .sub1_foryou > div:hover img {opacity: 1; top: -40%;}



#sub .paragraph.sub1_3 {background: url(/base/img/pc/images/sub1/03/sub1_3_bg.jpg) no-repeat center / cover; }
#sub .paragraph.sub1_3 .inner {background: url(/base/img/pc/images/sub1/03/sub1_3_inner.png) no-repeat center; padding: 6rem 0 9rem 12rem;}

#sub .paragraph .root_daum_roughmap {box-shadow: 1rem 1rem 2.5rem rgba(0,0,0,0.2);}
#sub .paragraph .root_daum_roughmap .wrap_controllers,
#sub .paragraph .root_daum_roughmap .cont,
#sub .paragraph .root_daum_roughmap .map_border {display: none;}

#sub .paragraph .map_btn {margin-top: 3rem !important;}
#sub .paragraph .map_btn a {border: 1px #534e48 solid; width: auto; height: 4.5rem; line-height: 4.5rem; border-radius: 4.5rem; font-size: 1.2rem; padding: 0 3rem 0 7rem; display: inline-block; background-position: 20% center; background-repeat: no-repeat; margin: 0 0.5rem;}
#sub .paragraph .map_btn a.n_map {background-image: url(/base/img/pc/images/sub1/05/sub1_5_nmap.png);}
#sub .paragraph .map_btn a.k_map {background-image: url(/base/img/pc/images/sub1/05/sub1_5_kmap.png);}
#sub .paragraph .map_btn a:hover {background-color: #534e48; color: #fff;}




#sub .paragraph .bullet::before {content: "\00B7"; color: #bd914d; margin-right: 0.5rem;}
#sub .paragraph .bullet {margin: 0.2rem 0;}


#sub .paragraph .checklist {background: url(/base/img/pc/images/checklist.png) left 1.15rem no-repeat; font-weight: 600 !important; padding: 0.8rem 0 0.8rem 2rem; border-bottom: 1px #e0e0e0 solid;}


#sub .paragraph .roundbox {background-color: #f3f1ea; margin: 0 0.75rem; border-radius: 20rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#sub .paragraph .roundbox img {width: auto !important;}
#sub .paragraph.sub1_4 .roundbox {height: 12rem; margin:0 0.25rem;}


#sub .paragraph .roundimgbox {display: flex; justify-content: space-evenly;}
#sub .paragraph .roundimg {border-radius: 50rem; overflow: hidden; box-shadow: 0.75rem 0.75rem 1rem rgba(0,0,0,0.1);}


#sub .paragraph .circlebox {display: flex; justify-content: space-evenly; gap: 0.5rem}
#sub .paragraph .circlebox > div {width:7.5rem; height:7.5rem; border-radius: 100%; background-color: #cbb28b; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; text-align: center;}



#sub .paragraph hr.line {width: 100%; height: 1px; background-color: #e0e0e0; border: 0;}






#sub .paragraph img.img {border: 1px #b6a48e solid; border-radius: 50%; box-sizing: border-box;}




#sub .paragraph .row {width: 100%; display: inline-block;}




#sub .paragraph #basic {border-collapse:collapse; }
#sub .paragraph #basic th {border-top: 2px #755734 solid; background-color: #f7f1e9; color: #755734; padding:1rem 0.5rem; border-bottom: 0;}
#sub .paragraph #basic th * {font-weight: 700;}
#sub .paragraph #basic td {padding:0.7rem 0.5rem; border-bottom: 1px #e0e0e0 solid;}

#sub .paragraph #basic .bg_gray {background:#f5f5f5}

#sub .paragraph #basic td.price {text-align: right; width: 30%; border-left: 1px #e0e0e0 solid;}
#sub .paragraph #basic td.price h5:before {content:"\20A9"; font-size:0.8rem;padding-top:0.25rem; margin-right:0.5rem; color: #999;}





/* �쒕툕�섏씠吏� �� */
#sub ul.tabs {line-height:4rem; display: flex; border: 1px #d0d0d0 solid;}
#sub ul.tabs li { text-align:center; font-size:1rem; flex: 1;}
#sub ul.tabs li a {display:block; background-color: #fff; font-size: 1.2rem;  -webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#sub ul.tabs li.active a {background-color: #755734; color: #fff; font-weight: 700; }
#sub .tab_content {padding: 0 0 0 0; width:100%;display:inline-block; min-height:280px;}



#sub .paragraph .board_box {font-size:1rem !important;}
#sub .paragraph .board_box .board_bgcolor > span,#sub .paragraph .board_box .board_bgcolor > font,#sub .paragraph .board_box .att_title > font,#sub .paragraph .board_box .bbsnewf5 span {font-size:1rem !important;}
#sub .paragraph .board_box .ext_search {text-align: justify !important;}

#sub .paragraph .board_box #post_area img {max-width: 100%;}


@media only screen and (max-width:640px) {
  #sub {
    min-width: 640px;
    word-break: keep-all;
  }
  #sub .inner {
    width: 640px !important;
    }

  #sub .paragraph .imgtext {flex-direction: column;}
  #sub .paragraph .imgtext .imgarea {width: 100%;order: -1;}
  #sub .paragraph .imgtext .txtarea {width: 100%;margin-top: 40px;padding-right: 0 !important;order: 1;padding-left: 80px !important;}
  #sub .paragraph.mt200{margin-top: 80px !important;}
  #sub .paragraph.sub_foryou{margin-bottom: 80px !important;}
  #sub .paragraph.sub_foryou h2{padding: 0px 100px;word-break: keep-all;}
  #sub .paragraph .sub1_foryou {
    display: flex;
    flex-wrap: wrap;
  }
  #sub .paragraph .sub1_foryou > div {
    flex: 1 0 50%;
    box-sizing: border-box;
    max-width: 50%;
  }
  #sub .paragraph .sub1_foryou > div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #sub .paragraph .sub1_foryou h4{font-size: 20px;padding: 0 30px;}
  #sub .paragraph .sub1_foryou > div:hover .txt {margin-top: 0;}
  #sub .paragraph .sub1_foryou > div:hover img {opacity: 1; top:0;}

  #sub.sub1 .sub1_2_1{width: 580px;}
  #sub .paragraph.sub1_3{padding: 0 30px;background: no-repeat right bottom / 70% url(/base/img/m/images/doctor1.png), no-repeat center / cover url(/base/img/m/images/sub1_3_bg.png);
    height: 900px;}
  #sub .paragraph.sub1_3 .inner{
    height: 90px;
    background: none;
    padding: 0;
  }
  #sub .paragraph.sub1_3 .loose1{
    margin: 0;
    padding-top: 50px;
  }

  #sub .paragraph.sub1_4 .inner{
    flex-direction: column;
    gap: 20px;
  }
  #sub .paragraph.sub1_4 .roundbox{
    padding: 40px;
    margin: 0 30px;
    height:auto;
  }

  #sub .sub1_5 .paragraph.sub1_5_content {
    flex-direction: column;
    gap: 40px;
  }
  #sub .sub1_5 .paragraph.sub1_5_content .map_area{
    width: 100% !important;
    padding: 0 40px;
  }
  #sub .sub1_5 .map_btn{
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    width:300px;
  }
  #sub .sub2_1 .imgtext .imgarea{
    padding:0 40px;
  }
  #sub .sub2_1 .imgtext .txtarea{
    padding:0 40px !important;
  }
  #sub .paragraph.sub2_2{
    padding-top:100px;
  }
  #sub .paragraph.sub2_2 .imgtext .imgarea{
    width:400px;
    margin:0 auto;
  }
  #sub .paragraph.sub2_2 .imgtext .txtarea{
    width:100%;
    padding: 0 40px !important;
  }
  #sub .paragraph.sub2_2 .roundimgbox{
    flex-wrap: wrap;
    gap: 20px;
  }
  #sub .sub2_3 .imgtext .imgarea{
    padding:0 40px;
  }
  #sub .sub2_3 .imgtext .txtarea{
    width:100%;
    padding: 0 40px !important;
  }
  #sub .sub2_4 .imgtext .imgarea{
    padding:0 40px;
  }
  #sub .sub2_4 .imgtext .txtarea{
    width:100%;
    padding: 0 40px !important;
  }
  #sub .sub2_5 .imgtext .imgarea{
    padding:0 40px;
  }
  #sub .sub2_5 .imgtext .txtarea{
    width:100%;
    padding: 0 40px !important;
  }

  #sub .sub2_5 .sub2_5_img{
    width:560px;
  }
  #sub .sub2_5 .sub2_5_img2{
    width:100%;
  }
  #sub .sub2_5 h4{
    padding: 0 40px !important;
  }
  #sub .sub2_6 .inner2{
    width:100% !important;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  #sub .sub2_6 h5{
    padding: 0 40px !important;
  }
  #sub .sub2_6 .imgtext .imgarea{
    padding:0 40px;
  }
  #sub .sub2_6 .imgtext .txtarea{
    width:100%;
    padding: 0 40px !important;
  }
  #sub .sub2_6 h5.checklist{
    height: auto;
    min-height: 65px;
    padding-right: 0 !important;
    display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;
  }


  #sub .sub2_7 h5{
    padding: 0 40px !important;
  }
  #sub .sub2_7 .imgtext .imgarea{
    padding:0 40px;
  }
  #sub .sub2_7 .imgtext .txtarea{
    width:100%;
    padding: 0 40px !important;
  }
  #sub .sub2_6 h5.checklist{
    height: auto;
    min-height: 65px;
    padding-right: 0 !important;
    display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;
  }
}