/* 서브 */
#sub {width:100%; min-width: 70rem; overflow: hidden; }
#sub .subtop {width:100%; height: 22.5rem; text-align: center; display: flex; flex-direction: column; justify-content: center; text-align: center; background-position: center; background-size: cover; position: relative; padding-top: 5rem;}
#sub .subtop#sub1 {background-image: url(images/subtop1.jpg);}
#sub .subtop#sub2 {background-image: url(images/subtop2.jpg);}
#sub .subtop#sub3 {background-image: url(images/subtop3.jpg);}
#sub .subtop#sub4 {background-image: url(images/subtop4.jpg);}
#sub .subtop#sub5 {background-image: url(images/subtop5.jpg);}
#sub .subtop#sub6 {background-image: url(images/subtop6.jpg);}


#sub .here {position: relative; cursor: pointer; margin-bottom: 0.5rem;}
#sub .here span::after {content: "\e942"; font-family: xeicon; color: #06b19c; font-size: 2rem; margin-left: 0.5rem; position: absolute; top: 1rem;}
#sub .list {width:16rem; height: auto; display: none; position: absolute; background-color: rgba(45,62,80,0.95); left: 50%; top: 4rem; z-index: 10; transform: translateX(-50%); font-family: "NexonLv2Gothic"; font-weight: 500; border-radius: 0.5rem; box-shadow: 0.5rem 0.5rem 0.5rem rgba(0,0,0,0.1);}
#sub .list ul {width:100%; }
#sub .list ul li {width:100%;}
#sub .list ul li a {display: block; text-align: center; width:100%; font-size: 1rem; padding: 0.5rem 0; border-bottom: 1px rgba(0,0,0,0.1) solid; color: #fff;}
#sub .list ul li a:hover,#sub .list ul li a.on {font-weight: 700; letter-spacing: 0.1rem; color: #06b19c;}



#sub .snb {border-bottom: 1px #e0e0e0 solid;}
#sub .snb ul {width: 70rem; display: flex; margin: auto;}
#sub .snb ul li {flex: 1; text-align: center; height: 3.5rem; position: relative;}
#sub .snb ul li::before {content: "|"; font-weight: 100; position: absolute; left: -0.15rem; top: 50%; transform: translateY(-50%); color: #999;}
#sub .snb ul li:first-child::before {content: "";}
#sub .snb ul li a {height: inherit; display: flex; align-items: center; justify-content: center;}
#sub .snb ul li a:hover {background-color: #e0e0e0;}
#sub .snb ul li a.on {background-color: #06b19c; color: #fff; font-weight: 700;}



#sub #content {width:100%; }
#sub #content .category {background: url(images/mark.png) top center no-repeat; padding-top: 2.5rem; padding-bottom: 3rem; text-align: center; margin: 5rem 0 0; border-bottom: 1px #e0e0e0 solid;}
#sub #content .category.nobd {border-bottom: 0;}

#sub .paragraph {width: 100%; position: relative;}

#sub .bg1 {background-color: #e6f7f5; padding: 6rem 0;}
#sub .bg2 {background-color: #f7f7f7; padding: 6rem 0;}
#sub .paragraph .bg2 {background-color: #f7f7f7; padding: 4rem 0;}
#sub .bg2_in {background-color: #e4f5f5; padding: 3rem 0;}
#sub .bg3 {background: url(images/sub1_3_visual_bg.png) center no-repeat #f2fbfb; padding: 3rem 0;}
#sub .paragraph .justify {height: 0.8rem !important;}


/** SUB1 병원소개 **/
#sub .paragraph.sub1_1 {padding-top: 3rem; }
#sub .paragraph.sub1_1 .watermark {position: absolute; font-size: 4.5rem; letter-spacing: 0.7rem; font-weight: 800; color: #06b19c; opacity: 0.1; z-index: 0;}
#sub .paragraph.sub1_1 .inner {display: flex;}
#sub .paragraph.sub1_1 .inner > div {flex: 1;}
#sub .paragraph.sub1_1 .picBox {position: relative; z-index: 1; display: flex; justify-content: center; align-items: flex-start; overflow: hidden;}
#sub .paragraph.sub1_1 .profileBox {display: flex; flex-direction: column; justify-content: center;}
#sub .paragraph.sub1_1 .profileBox h5 {line-height: 1.8;}
#sub .paragraph.sub1_1 .profileBox p.thesis {font-style: italic; text-indent: -1rem; margin-left: 1rem; font-size: 0.8rem; letter-spacing: -0.01rem; margin-bottom: 0.2rem;}

#sub .paragraph.sub1_1.d_left {background: linear-gradient(160deg, #cdefeb 10%, #fff 50%); }
#sub .paragraph.sub1_1.d_left .watermark {top: 2rem; left: 2rem; }
#sub .paragraph.sub1_1.d_left .picBox {height: 58rem;}
#sub .paragraph.sub1_1.d_right {background: linear-gradient(-160deg, #cdefeb 10%, #fff 50%); }
#sub .paragraph.sub1_1.d_right .watermark {top: 2rem; right: 2rem; text-align: right;}
#sub .paragraph.sub1_1.d_right .picBox {height: 52rem;}


#sub .paragraph.equipmentBox {display: flex;}
#sub .paragraph.equipmentBox .info {width:calc(50% + 5rem); background-color: #2d3e50; padding: 5rem; display: flex; justify-content: end;}
#sub .paragraph.equipmentBox .info > div {width: 35rem; }
#sub .paragraph.equipmentBox .equipImg {width: 30rem; display: flex; justify-content: center;}
#sub .paragraph.equipmentBox.rvs {flex-direction: row-reverse;}
#sub .paragraph.equipmentBox.rvs .info {justify-content: flex-start;}


#sub .paragraph.around .inner2 {box-shadow: 0.5rem 0.5rem 2rem rgba(0,0,0,0.15); padding: 2rem;}
#sub .paragraph.around .swiper {height: 35rem;}
#sub .paragraph.around .swiper > div > .swiper-slide {position: relative; text-align: center;}
#sub .paragraph.around .swiper > div > .swiper-slide img {height: 100%; max-width: 100%;}


#sub .paragraph.sub1_4 .inner {display: flex; margin-top: 2.5rem;}
#sub .paragraph.sub1_4 .inner > div {flex: 1; padding: 0 2rem;}
#sub .paragraph.sub1_4 .inner > div .icon {background-position: left center; background-repeat: no-repeat; padding-left: 2rem; margin-bottom: 1rem; margin-left: -2rem;}
#sub .paragraph.sub1_4 .inner > div .icon.time {background-image: url(images/section5_time.png);}
#sub .paragraph.sub1_4 .inner > div .icon.location {background-image: url(images/section5_location.png);}
#sub .paragraph.sub1_4 .inner > div .icon.transport {background-image: url(images/section5_transport.png);}

#sub .paragraph.sub1_4 a.nmap {padding: 0.8rem 1.5rem 0.8rem 3rem; border: 1px #d0d0d0 solid; border-radius: 3rem; display: inline-block; background-position: 1rem center; background-repeat: no-repeat; font-size: 0.9rem;margin: 0 0.1rem;background-image: url(images/nmap.png); margin-top: 1rem;}
#sub .paragraph.sub1_4 a.nmap:hover {box-shadow: 0.1rem 0.1rem 0.2rem rgba(0,0,0,0.1); font-weight: 600; }





#sub .view-swiper-pagination { display: flex; justify-content: center;}
#sub .view-swiper-pagination .swiper-pagination-bullet {height:auto; line-height:3.5rem; display:block; background-color: #fff; color: inherit; font-size: 1.2rem; width: 16rem; border-radius: 5rem; border:2px #bed9d7 solid; margin: 0 0.5rem; opacity: 1; text-align: center;}
#sub .view-swiper-pagination .swiper-pagination-bullet-active {background-color: #17303e; border-color: #17303e; color: #fff; font-weight: 700; }
#sub .view {padding: 0 5rem;}
#sub .view .swiper {height: 27.25rem; background-color: #fff;}
#sub .view .swiper .swiper-slide {text-align: center; }
#sub .view .swiper .swiper-slide img {height: 100%;}
#sub .view .color_m1 {color: #119c9e;}
#sub .view .swiper-button-prev {left: -2rem;}
#sub .view .swiper-button-next {right: -2rem;}





/** SUB **/
#sub .paragraph.sub2_1_1 {background: url(images/sub2_1_1_bg.jpg) center / cover; padding: 5rem 0;}
#sub .paragraph.sub2_1_1 .inner {display: flex;}
#sub .paragraph.sub2_1_1 .inner > div {width: 50%;}
#sub .paragraph.sub2_1_1 .iconList {display: flex; flex-direction: column;}
#sub .paragraph.sub2_1_1 .iconList > div {background-position: left center; background-repeat: no-repeat; height: 8.4rem; padding-left: 9.5rem; display: flex; flex-direction: column; justify-content: center; margin: 0.4rem 0;}
#sub .paragraph.sub2_1_1 .iconList > div.icon1 {background-image: url(images/sub2_1_1_icon1.png);}
#sub .paragraph.sub2_1_1 .iconList > div.icon2 {background-image: url(images/sub2_1_1_icon2.png); margin-left: 6rem;}
#sub .paragraph.sub2_1_1 .iconList > div.icon3 {background-image: url(images/sub2_1_1_icon3.png);}
#sub .paragraph.sub2_1_1 .iconList > div.icon4 {background-image: url(images/sub2_1_1_icon4.png); margin-left: 6rem;}
#sub .paragraph.sub2_1_1 .iconList > div.icon5 {background-image: url(images/sub2_1_1_icon5.png);}


#sub .paragraph .title {font-family: 'NEXON Lv1 Gothic OTF Bold'; position: relative; width: fit-content; }
#sub .paragraph .title.center {margin-left: auto; margin-right: auto;}
#sub .paragraph .title::after {content: url(images/title_bullet.png); position: absolute; top: -2.2rem; right: -1.2rem;}


.num_reset {counter-reset: number 0;}

#sub .paragraph .stepBox {display: flex;}
#sub .paragraph .stepBox > div {width: 26%;}
#sub .paragraph .stepBox > div.arrow {width: 7.3333%; height: 4rem; color: #06b19c; font-size: 2.5rem; display: flex; align-items: center; justify-content: center;}
#sub .paragraph .stepBox > div .stepTitle {width: 100%; background-color: #06b19c; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 700; height: 4rem;}
#sub .paragraph .stepBox > div .stepTitle span::before {counter-increment: number 1; content: "STEP " counter(number, decimal-leading-zero); margin-right: 0.5rem; color: #2d3e50; font-size: 0.8rem;}
#sub .paragraph .stepBox > div .txt {padding: 1rem;}


#sub .paragraph .kindWrap {display: flex; gap: 3rem;}
#sub .paragraph .kindWrap .kindBox {width: 100%;}
#sub .paragraph .kindBox {display: flex; flex-direction: column; background-color: #fff; border: 1px #d0d0d0 solid; box-shadow: 0.5rem 0.5rem 0 rgba(0,0,0,0.1);}
#sub .paragraph .kindBox .kindTit {width: 23rem; height: 4rem; background-color: #2d3e50; color: #fff; border-radius: 0 0 1.5rem 1.5rem; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
#sub .paragraph .kindBox .kindCon {padding: 2rem 3rem;}
#sub .paragraph .kindBox .kindCon h4.tit {flex: 1; background-color: #06b19c; color: #fff; border-radius: 5rem; display: flex; justify-content: center; align-items: center; height: 3rem;}
#sub .paragraph .kindBox .kindCon .txt {flex: 3; margin-left: 1.5rem;}
#sub .paragraph .kindBox.other .kindTit {background-color: #06b19c;}




#sub .paragraph .bullet::before {content: "\002D"; margin-right: 0.75rem; margin-left: -1.25rem;}
#sub .paragraph .bullet {margin: 0.25rem 0; padding-left: 1.25rem; position: relative;}
#sub .paragraph .things {text-indent: -1.1rem; margin-left: 1.1rem; color: #315079;}

#sub .paragraph .bullet.check {background: url(images/bul_check.png) left 0 no-repeat; padding-left: 2rem;}
#sub .paragraph .bullet.check::before {content: ""; margin: 0;}

#sub .paragraph .bullet.dot::before {content: "\00B7"; margin-right: 0.5rem; margin-left: -1rem; color: #999; position: absolute; top: 5%;}
#sub .paragraph .bullet.dot {margin: 0.25rem 0; padding-left: 1rem; position: relative;}



#sub .paragraph .warningBox {border-top: 2px #06b19c solid;}
#sub .paragraph .warningBox > * {border-bottom: 1px #d0d0d0 solid; margin: 1rem 0 0; padding-bottom: 1rem;}


#sub .paragraph .dotBox {display: grid; grid-template-columns: repeat(3, 1fr);}




#sub .paragraph.sub2 .box {padding: 2rem 2.5rem;}
#sub .paragraph.sub2 .box .check {background: url(images/bul_check.png) left center no-repeat; padding-left: 2.5rem; margin-bottom: 1rem;}
#sub .paragraph.sub2 .who {background: url(images/sub2_who.png) 101% 1rem no-repeat #e6f7f5; border-radius: 1.5rem; }
#sub .paragraph.sub2 .what .whatWrap {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.75rem;}
#sub .paragraph.sub2 .what .whatWrap > div {text-align: center;}
#sub .paragraph.sub2 .what .whatWrap > div .iconBox {border-radius: 1.5rem; height: 9rem; padding-top: 0.5rem; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; background-color: #f7f7f7;}
#sub .paragraph.sub2 .what .whatWrap > div .iconBox.next {background-color: #e6f7f5;}
#sub .paragraph.sub2 .what .whatWrap > div img {opacity: 0.7;}
#sub .paragraph.sub2 .what .whatWrap > div:hover img {opacity: 1;}


#sub .paragraph.sub2_4_age .box {display: flex; justify-content: space-between;}
#sub .paragraph.sub2_4_age .txtBox {width: 62%; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 1rem; position: relative; z-index: 10;}
#sub .paragraph.sub2_4_age .txtBox .ageChk::before {content: "\e929"; font-family: xeicon; color: #06b19c; margin-right: 0.5rem; margin-left: -1.5rem;}
#sub .paragraph.sub2_4_age .txtBox .ageChk {margin: 0.25rem 0; padding-left: 1.5rem; position: relative;}
#sub .paragraph.sub2_4_age .txtBox .watermark {font-size: 6rem; font-family: 'NEXON Lv1 Gothic OTF bold'; color: #fff; position: absolute; z-index: -1; top: 0; right: 0; }




/* 내과, 내시경, 영상의학, 수액 */
#sub .paragraph.visual {display: flex;}
#sub .paragraph.visual > div {width: 50%;}
#sub .paragraph.visual .visCon {display: flex; justify-content: flex-end; padding-right: 4rem;}
#sub .paragraph.visual .visCon .wrap {width: 31rem; display: flex; flex-direction: column; justify-content: center;}
#sub .paragraph.visual .visImg > img {width: 100%;}

#sub .paragraph.sub3_1_1_2 {background: url(images/sub3_1_1_2_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}
#sub .paragraph.sub3_1_2_2 {background: url(images/sub3_1_2_2_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}
#sub .paragraph.sub3_1_3_2 {background: url(images/sub3_1_3_2_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}
#sub .paragraph.sub3_1_4_2 {background: url(images/sub3_1_4_2_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}
#sub .paragraph.sub3_2_1_3 {background: url(images/sub3_2_1_3_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}
#sub .paragraph.sub3_2_2_3 {background: url(images/sub3_2_2_3_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}
#sub .paragraph.sub3_2_3_5 {background: url(images/sub3_2_3_5_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}
#sub .paragraph.sub3_3_6_2 {background: url(images/sub3_3_6_2_bg.jpg) center / cover; padding: 8rem 0; color: #fff;}
#sub .paragraph.sub3_4_1_3 {background-color: #25436a; padding: 6rem 0 0; color: #fff;}
#sub .paragraph.sub3_4_1_3 .inner {background: url(images/sub3_4_1_3_bg.png) 90% bottom no-repeat; padding-bottom: 6rem; padding-top: 2rem;}
#sub .paragraph.sub3_4_2_3 {background-color: #25436a; padding: 6rem 0 0; color: #fff;}
#sub .paragraph.sub3_4_2_3 .inner {background: url(images/sub3_4_2_3_bg.png) 90% bottom no-repeat; padding-bottom: 6rem; padding-top: 2rem;}
#sub .paragraph.sub3_4_3_3 {background: url(images/sub3_4_3_3_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}
#sub .paragraph.sub3_4_4_3 {background: url(images/sub3_4_4_3_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}
#sub .paragraph.sub4_1_1_3 {background: url(images/sub4_1_1_3_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}
#sub .paragraph.sub4_2_1_3 {background: url(images/sub4_2_1_3_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}
#sub .paragraph.sub4_3_2 {background: url(images/sub4_3_2_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}
#sub .paragraph.sub5_2_3 {background: url(images/sub5_2_3_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}
#sub .paragraph.sub5_6_3 {background: url(images/sub5_6_3_bg.jpg) center / cover; padding: 6rem 0; color: #fff;}



#sub .paragraph .circleBox { display: flex; justify-content: space-between; gap: 1.5rem; text-align: center;}
#sub .paragraph .circleBox > div {flex: 1; background-color: #315079; aspect-ratio: 1 / 1; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; padding-top: 1rem;}
#sub .paragraph .circleBox > div::before { counter-increment: number 1; content: counter(number, decimal-leading-zero); position: absolute; top: 8%; left: 50%; transform: translateX(-50%); color: #06b19c; opacity: 0.5; font-weight: 800;}
#sub .paragraph.sub3_1_3_2 .circleBox {gap: 1rem;}

#sub .paragraph .circleBoxBottom {display: flex; justify-content: space-between; gap: 1.5rem; text-align: center;}
#sub .paragraph .circleBoxBottom > div {flex: 1;}


#sub .paragraph .numList:first-child {margin-top: 0;}
#sub .paragraph .numList { padding-left: 2.5rem; position: relative; margin-top: 1rem;}
#sub .paragraph .numList::before {counter-increment: number 1; content: counter(number); width: 1.8rem; height: 1.8rem; border-radius: 100%; background-color: #06b19c; color: #fff; font-weight: 800; display: flex; justify-content: center; align-items: center; margin-right: 0.75rem; margin-left: -2.25rem; position: absolute; top: -0.2rem;}


#sub .paragraph .numBgList > div:first-child {margin-top: 0;}
#sub .paragraph .numBgList > div {padding: 1.1rem; display: flex; align-items: center; margin-top: 0.5rem; border-radius: 4rem; background-color: rgba(255,255,255,0.1);}
#sub .paragraph .numBgList > div::before {counter-increment: number 1; content: counter(number); width: 1.8rem; height: 1.8rem; border-radius: 100%; background-color: #06b19c; color: #fff; font-weight: 800; display: flex; justify-content: center; align-items: center; margin-right: 0.75rem;}


#sub .paragraph .numBdBox {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem;}
#sub .paragraph .numBdBox > div {padding: 1.8rem 1rem; text-align: center; display: flex; flex-direction: column; align-items: center; background-color: #fff; border: 1px #d0d0d0 solid;}
#sub .paragraph .numBdBox > div::before {counter-increment: number 1; content: counter(number); width: 1.8rem; height: 1.8rem; border-radius: 100%; background-color: #06b19c; color: #fff; font-weight: 800; display: flex; justify-content: center; align-items: center; margin-bottom: 1.3rem;}
#sub .paragraph .numBdBox.fr2 {grid-template-columns: repeat(2, 1fr);}
#sub .paragraph .numBdBox.fr2 > div {padding: 1.8rem 3rem;}



#sub .paragraph .roundImg {border-radius: 1.5rem;}


#sub .paragraph .chkList {display: flex; flex-direction: column; justify-content: space-evenly; padding-left: 3.5rem;}




#sub .paragraph .squareBox { display: flex; justify-content: space-between; gap: 2rem;}
#sub .paragraph .squareBox > div {flex: 1; background-color: #315079; border-radius: 1.5rem; display: flex; flex-direction: column; position: relative; padding: 3rem 2rem 1.5rem;}
#sub .paragraph .squareBox > div::before { counter-increment: number 1; content: counter(number, decimal-leading-zero); position: absolute; top: 1rem; left: 50%; transform: translateX(-50%); color: #06b19c; opacity: 0.5; font-weight: 700;}
#sub .paragraph .squareBox > div > h3 {text-align: center;}
#sub .paragraph .squareBox > div hr {width: 100%; height: 0.01rem; background-color: rgba(255,255,255,0.2); border: 0; margin: 1.5rem 0;}




#sub .paragraph .circleList { display: flex; justify-content: center; gap: 1.25rem; text-align: center;}
#sub .paragraph .circleList > * {width: 10rem; height: 10rem; background-color: #06b19c; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; color: #fff; font-weight: 700;}

#sub .paragraph .bgBox {background-color: #e6f7f5; padding: 1.5rem 2rem;  border-radius: 1.5rem; display: flex; justify-content: center; align-items: center;}
#sub .paragraph .bgBox .bullet.check {margin: 0.6rem 0;}



#sub .paragraph .imgTitle {border-radius: 1.5rem; overflow: hidden; position: relative;}
#sub .paragraph .imgTitle .tit {position: absolute; z-index: 1; bottom: 0; width: 100%; height: 4rem; background-color: #06b19c; color: #fff; display: flex; justify-content: center; align-items: center;}
#sub .paragraph .imgTitle img {width: 100%;}




#sub .paragraph.sub6_1_2 .inner {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;}
#sub .paragraph.sub6_1_2 .inner > div {border: 1px #e0e0e0 solid; padding: 2rem 1rem; display: flex;}
#sub .paragraph.sub6_1_2 .inner .imgBox {flex: 1; display: flex; justify-content: center; align-items: center;}
#sub .paragraph.sub6_1_2 .inner .imgBox img {-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#sub .paragraph.sub6_1_2 .inner > div:hover .imgBox img {transform: translateY(-0.25rem);}
#sub .paragraph.sub6_1_2 .inner .txtBox {flex: 2.5; display: flex; flex-direction: column; justify-content: center;}
#sub .paragraph.sub6_1_2 .inner .txtBox .require {border-radius: 2rem; background-color: #f5f5f5; padding: 0.3rem 0.7rem; margin-left: 0.25rem; font-size: 0.9rem;}
#sub .paragraph.sub6_1_2 .inner h5 span.color1 {display: inline-flex; align-items: center; gap: .3rem;}
#sub .paragraph.sub6_1_2 .inner h5 span.color1 img{width: 1.2rem; aspect-ratio: 1/1;}






/* 
#sub .paragraph .map_btn {}
#sub .paragraph .map_btn a {border: 1px #c8bcae solid; width: auto; height: 2.5rem; line-height: 2.5rem; border-radius: 2.5rem; font-size: 0.9rem; padding: 0 1.5rem 0 3rem; display: inline-block; background-position: 15% center; background-repeat: no-repeat; margin-right: 0.5rem;}
#sub .paragraph .map_btn a.n_map {background-image: url(images/sub6_nmap.png);}
#sub .paragraph .map_btn a.k_map {background-image: url(images/sub6_kmap.png);}
#sub .paragraph .map_btn a:hover {background-color: #895c24; color: #fff;}

#sub .paragraph span.subject.map_bus1 {background-color: #386de8;}
#sub .paragraph span.subject.map_bus2 {background-color: #3bc344;}
#sub .paragraph span.subject.map_bus3 {background-color: #ffb202;} */




#sub .paragraph #basic,#sub .paragraph #basic2 {border-collapse:collapse;}
#sub .paragraph #basic th {background-color: #2d3e50; color: #fff; padding:1rem 0.5rem; border-bottom: 0; border-left: 1px rgba(255,255,255,0.1) solid;}
#sub .paragraph #basic th * {font-weight: 700;}
#sub .paragraph #basic th.point {background-color: #06b19c;}
#sub .paragraph #basic th.bright {background-color: #315079;}
#sub .paragraph #basic td {padding:1rem; border-bottom: 1px rgba(0,0,0,0.1) solid; border-left: 1px rgba(0,0,0,0.1) solid;}
#sub .paragraph #basic td.bg {background-color: #f2f8ff; text-align: center;}
#sub .paragraph #basic td.blImportant {border-left: 1px rgba(0,0,0,0.1) solid !important;}
#sub .paragraph #basic .part td {border-bottom: 1px rgba(0,0,0,0.5) solid;}

#sub .paragraph #basic th:first-child,#sub .paragraph #basic td:first-child {border-left: 0;}

#sub .paragraph #basic2 {border-top: 2px #2d3e50 solid;}
#sub .paragraph #basic2 th {background-color: #ebeced; padding:1rem 0.5rem; border-bottom: 1px rgba(0,0,0,0.1) solid;}
#sub .paragraph #basic2 th * {font-weight: 700;}
#sub .paragraph #basic2 td {padding: 1rem; border-bottom: 1px rgba(0,0,0,0.1) solid; border-left: 1px rgba(0,0,0,0.1) solid;}

#sub .paragraph #basic.sub4_2_food div {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}
#sub .paragraph #basic.sub4_2_food div img {width: 100%; border-radius: 1rem;}
#sub .paragraph #basic.sub4_2_food td {padding: 2rem;}

#sub .paragraph #basic.pricetable td {padding: 0.5rem 2rem;}
#sub .paragraph #basic.pricetable td:last-child {text-align: right; width: 40%;}



/* 서브페이지 탭 */
#sub .scrollNav {padding-bottom: 5rem;background-color: #fff;}
#sub .scrollNav.jbFixed {position: fixed; top: 0; z-index: 10; padding-top: 4rem; padding-bottom: 1.5rem !important;}

#sub .scrollNav ul {width: 60rem;}
#sub .scrollNav ul {line-height:3rem; display: flex; justify-content: center; gap: 1.25rem;}
#sub .scrollNav ul li { text-align:center; flex: 1;}
#sub .scrollNav ul li a {display:block; width: 100%; background-color: #fff; font-size: 1.1rem; border-radius: 5rem; border:2px #bed9d7 solid; margin: 0 0.5rem;}
#sub .scrollNav ul li:hover a {background-color: #06b19c; border-color: #06b19c; color: #fff; font-weight: 700; }
#sub .tab_content {padding: 0; width:100%; min-height:15rem;}


#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%;}

#sub .paragraph .board_box .imgList .bbsnewf5 a {width: 17.5rem; height: 17.5rem; display: block; overflow: hidden;}
#sub .paragraph .board_box .imgList .bbsnewf5 a img {width: 100% !important; height: 100% !important; object-fit: cover;}
#sub .paragraph .board_box .imgList .bbsnewf5 .gallery_subject a {width: auto  !important; height: auto  !important;}