body {background:#dad9d6;     overflow: hidden;}

.bri {
  font-family: "Bricolage Grotesque", sans-serif !important;
  font-weight: 600 ;
}

.sh-side-options-item-trigger {    cursor: pointer;}
.sub_page {min-height:calc(100vh - 429px); }

.h80 {height:80px; line-height:80px}


.inner {margin:0 auto; width:100%; max-width:1500px; }

#sub_bg {width:100%; height:420px; background-position:center; background-size:cover; position:relative; overflow:hidden}
.sub_inner {margin:0 auto; width:100%; max-width:1500px; border-left:1px solid #c1c1c1; }
.bg_01 {background:url('../img/sub/sub_bg01.png'); }

#sub_bg .sub_bg_box {height:680px; display: flex; align-items: center; justify-content: space-between;}
#sub_bg .sub_bg_box_01 {height:680px; display: flex; align-items: center; justify-content: space-between;}

#sub_bg .sub_bg_tit {margin:40px; }
#sub_bg .sub_bg_tit:after {content:""; position:absolute; bottom:165px; left:0px; width:100%; height:1px; display:block; border-top:1px solid #c1c1c1;}
#sub_bg .sub_loction {display: flex;}
#sub_bg .sub_loction span {display:inline-block; padding:0px 10px}


.sub_page {width:100%; max-width:1500px; margin:0 auto; padding:140px 0px;}
.sub_box {border-bottom:1px solid #c1c1c1;}
.sub_top_txt {padding:80px 0px 80px}

.menu_default {transform: translate(0, 0px) rotate(0deg) scale(1); opacity: 1;   transition: transform 0.5s ease, opacity 0.5s ease; line-height: 100%;}
.menu_act {transform: translate(0, -2px) rotate(0deg) scale(1); opacity: 0; transition: transform 0.5s ease, opacity 0.5s ease; line-height: 100%;}


.gnb_1dli:hover .menu_default{
    opacity: 0;
    transform: translate(0, -100px) rotate(0deg) scale(1); 
}
.gnb_1dli:hover .menu_act {transform: translate(0, -18px) rotate(0deg) scale(1); opacity: 1;}

/************** �Խ��� ���� **************************/
.add_field {height:40px; width:80px; text-align:center; font-size:14px}
.full_input_80 {width:calc(100% - 80px)}
.remove_field {height:40px; width:80px; text-align:center; font-size:14px; display:inline-block; }
.input_list {width:100%; display:flex}
.input_list p {display:inline-block;     width: 100%;}
/************ ���ô±� �� ����ð� **************/


.about .section_01 .about_banner{width: 100%; background: url(../img/sub/about_banner.png) no-repeat; background-size: cover; background-position: right; padding: 150px 6% 50px; color: #fff; position: relative; margin-bottom: 140px;}
.about .section_01 .about_banner::before{content: ""; width: 1px; height: 100%; border-left: 1px solid #ffffff; box-sizing: border-box; position: absolute; right: 8%; top: 0;}
.about .section_01 .about_banner::after{content: ""; width: 100%; height: 1px; border-top: 1px solid #ffffff; box-sizing: border-box; position: absolute; left: 0; top: 25%;}

.about .section_02{text-align: center; margin-bottom: 100px;}
.about .swiper_txt{height: 320px; overflow: hidden; text-align: center;}
.about .swiper_txt .swiper-slide p{font-size: 25px; font-weight: 300; border: 1px solid transparent; box-sizing: border-box; border-radius: 40px; padding: 15px 50px; display: inline-block;}
.about .swiper_txt .swiper-slide-active p{font-size: 35px; font-weight: 800; border: 1px solid #919191;}
.about .section_02 .dot{margin: 40px 0 60px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.about .section_02 .dot > div{width: 8px; height: 8px; background: #969696; border-radius: 100%; margin-bottom: 12px;}
.about .section_02 .dot > div:last-child{margin-bottom: 0;}


.about.section_03{border: 1px solid #919191; box-sizing: border-box; border-left: 0; border-right: 0; border-bottom: 0;}
.about.section_03 .sub_inner{border-left: 0; position: relative; padding: 150px 0;}
.about.section_03 .sub_inner::before{content: ""; width: 1px; height: 100%; border-left: 1px solid #919191; position: absolute; left: 6%; top: 0;}

.about.section_03 .flex{display: flex; align-items: center;}
.about.section_03 .box_sec{padding: 140px 0; padding-left: 15%; position: relative;}
.about.section_03 .box_trd{padding-left: 15%;}

.about.section_03 .flex .img img{max-width: calc(100% - 20px);}
.about.section_03 .flex .flex_txt{width: 55%; padding: 20px 20px 20px 80px;}
.about.section_03 .flex .flex_txt span{color: #929292;}
.about.section_03 .flex .flex_txt h4{margin: 5px 0 20px;}

.about.section_03 .box_sec::before{content: ""; width: 125%; height: 1px; border-bottom: 1px solid #919191; position: absolute; left: 6%; bottom: 25%;}

.about .section_04 > .font-55{margin-bottom: 30px;}
.about .section_04 ul.flex{display: flex; margin-bottom: 40px;}
.about .section_04 ul.flex:last-child{margin-bottom: 0;}
.about .section_04 ul li:first-child{width: 30%;}
.about .section_04 ul li:last-child{width: 60%; padding-left: 80px;}

.about .section_04 ul li .bg_img img{width: 100%;}
.about .section_04 ul li:last-child .bd span{border: 1px solid #919191; box-sizing: border-box; padding: 10px 20px; margin-right: 10px; border-radius: 30px; display: inline-block; margin-bottom: 10px;}
.about .section_04 ul li:last-child .line p{padding: 10px 0px; border-top: 1px solid #919191; text-indent: -12px; padding-left: 12px;}
.about .section_04 ul li:last-child .line p:last-child{border-bottom: 1px solid #919191;}

@media screen and (max-width:1400px) {
    .about .swiper_txt{height: 280px;}
    .about .swiper_txt .swiper-slide p{font-size: 22px; padding: 15px 30px;}
    .about .swiper_txt .swiper-slide-active p{font-size: 28px;}

    .about.section_03 .box_sec{padding-left: 8%;}
    .about.section_03 .box_trd{padding-left: 8%;}
}
@media screen and (max-width:1200px) {
    .about .section_01 .about_banner{margin-bottom: 100px;}
    .about .swiper_txt{height: 240px;}
    .about .swiper_txt .swiper-slide p{font-size: 20px;}
    .about .swiper_txt .swiper-slide-active p{font-size: 24px;}

    .about.section_03 .box_sec{padding: 100px 0; padding-left: 5%;}
    .about.section_03 .box_trd{padding-left: 0%;}
    .about.section_03 .flex .flex_txt{width: 50%; padding: 20px 20px 20px 40px;}
	.about.section_03 .sub_inner{padding: 120px 0;}

	.about .section_04 ul.flex{flex-wrap: wrap;}
	.about .section_04 ul li:first-child{width: 100%; }
	.about .section_04 ul li:last-child{width: 100%;padding-left: 0; margin-top: 20px}
	.about .section_04 ul li:last-child .font-24 br.none{display: none;}
}
@media screen and (max-width:1000px) {
    .about.section_03 .box_fir{padding-left: 20px;}
    .about.section_03 .box_trd{padding-left: 20px; }
}
@media screen and (max-width:900px) {
    .about .section_01 .about_banner{margin-bottom: 60px; padding: 120px 8% 40px 30px;}
    .about .swiper_txt{height: 240px;}
    .about .swiper_txt .swiper-slide p{font-size: 18px;}
    .about .swiper_txt .swiper-slide-active p{font-size: 20px;}
    .about.section_03 .flex .flex_txt{width: 60%;}
    .about.section_03 .flex .img{width: 40%;}
}
@media screen and (max-width:768px) {
	.sub_box .sub_top_txt{text-align: left; font-size: 22px !important;}
    .about .swiper_txt{height: 200px;}
    .about .swiper_txt .swiper-slide p{font-size: 13px; padding: 15px 5px;}
    .about .swiper_txt .swiper-slide-active p{font-size: 15px;}
    .about .section_02 .dot > div{width: 6px; height: 6px; margin-bottom: 8px;}

    .about.section_03 .flex{flex-wrap: wrap;}
    .about.section_03 .flex .flex_txt{width: 100%;}
    .about.section_03 .flex .img{width: 60%;}
    .about.section_03 .box_sec{padding: 60px 0; justify-content: flex-end;}
    .about.section_03 .box_sec .flex_txt{order: 2; text-align: right;}
    .about.section_03 .box_sec::before{bottom: auto; top: 20%; left: 10%;}

	.about .section_01 .about_banner{margin-bottom: 50px; padding: 80px 9% 40px 20px}
	.about .section_01 .about_banner .font-50{font-size: 24px !important;}
	.about .section_02 .result_txt br.none{display: none;}
	.about.section_03 .sub_inner{padding: 60px 0;}
}
@media screen and (max-width:450px) {
    .about.section_03 .flex .img{width: 80%;}
    .about.section_03 .sub_inner::before{left: 10%;}
}



.loction .section_01 ul {display:flex; align-items: center;}
.loction .section_01 .bg_img {background:url('../img/sub/location_img01.png'); background-position:center; background-size:cover; padding:30px 150px 200px 30px}
.loction .section_01 ul li:last-child {padding:40px 0px 40px 80px}
.loction .section_01 ul li:last-child p {padding:10px 0px; border-top:1px solid #919191; text-indent: -12px; padding-left:12px}
.loction .section_01 ul li:last-child p:last-child {border-bottom:1px solid #919191}
.loction .section_01 .bg_img .tel a{display: inline-block; color: #fff;}

.loction .section_02  {padding-top:200px}
.loction .section_02 .address {padding:20px 0px; border-top:1px solid #919191; border-bottom:1px solid #919191}
.loction .section_02 .lay_flex  {display:flex; align-items: center; margin-top: 30px;}
.loction .section_02 .lay_flex  ul {display:flex; padding:35px 0px}
.loction .section_02 .lay_flex > li:first-child {padding-right:80px}
.loction .section_02 .lay_flex  ul:first-child  { border-bottom:1px solid #919191; }
.loction .section_02 .lay_flex  ul li:first-child img {margin-top:10px}
.loction .section_02 .lay_flex  ul li:last-child {padding-left:20px;}
.loction .section_02 .lay_flex  ul li span {padding:5px 10px; margin:5px 0px; border-radius:50px; border:1px solid #919191; display:inline-block}

.loction .section_02 .lay_flex > li:last-child img {width:100%; min-width:730px} 

.loction .sns_link a{margin-right: 0px; display: flex; align-items: center;}
.loction .sns_link a img{height: 24px; margin-right: 5px;}


/************ ��������ġ�� **************/


.loction.treatment .section_01 .bg_img {padding:0px; background:none }

.treatment .section_02{margin: 0 0 0px;}
.treatment .section_02 .page_banner{width: 100%; text-align: center; color: #fff; background: url(../img/sub/treat_banner.png) no-repeat; background-size: cover; background-position: center; padding: 80px 20px;}
.treatment .section_02 .page_banner > p{margin-top: 20px;}

.treatment .section_03 {}
.treatment .section_03 .lay_flex  {display:flex; }
.treatment .section_03 .lay_flex > li:first-child {width:445px}
.treatment .section_03 .lay_flex > li:last-child {width: calc(100% - 445px)}
.treatment .section_03 .lay_flex ul {display:flex; flex-wrap: wrap; justify-content: space-between; padding-top:50px}
.treatment .section_03 .lay_flex ul li  {display:flex; align-items: center; width:calc(50% - 60px); border-bottom:1px solid #3e3e3e; margin-bottom:20px}
.treatment .section_03 .lay_flex ul li b{padding-right:30px; min-width: 90px;}
.treatment .section_03 .lay_flex ul li.full{width: 100%;}

.treatment .section_04 {padding-top:200px}
.treatment .section_04 .flex   {display:flex; justify-content: space-between; align-items: baseline;}
.treatment .section_04 .lay_flex  {display:flex; padding-top:50px}
.treatment .section_04 .lay_flex li {text-align:center; width:calc(25% - 20px); padding:0px 10px}
.treatment .section_04 .lay_flex li:last-child {}
.treatment .section_04 .lay_flex li img {width:100%;  filter: grayscale(100%);}
.treatment .section_04 .lay_flex li:hover img {filter: grayscale(0%);}
.treatment .section_04 .lay_flex li p {font-weight:600; padding-top:20px}



.treatment .section_05 {background:url('../img/sub/treatment_img07.png'); background-position:center; background-size:cover; }
.treatment .section_05 .flex   {display:flex; justify-content: space-between; align-items: baseline; border-bottom:1px solid #fff; padding:150px 0px 50px}
.treatment .section_05 .lay_flex  {display:flex; justify-content: space-between; flex-wrap: wrap;}
.treatment .section_05 .lay_flex li {padding:50px 0px 150px}
.treatment .section_05 .lay_flex li p {display: flex;  align-items: center; }
.treatment .section_05 .lay_flex li p img {margin-right:10px}



.treatment .section_05 .lay_flex li p.font-22 {margin-left:27px}



.treatment.hbo .section_03 .lay_flex  p {border:1px solid #000; border-radius:50px; padding:10px 40px; display: inline-block;}


.treatment.hbo .section_06 {background:url('../img/sub/hbo_img02.png'); background-position:center; background-size:cover; padding:100px 0px; margin-top:50px}
.treatment.hbo .section_06 .circle {width:12px; height:12px; background:#585858; border-radius:50%; margin-top:30px}
.treatment.hbo .section_06 .circle:before {background:#585858; width:200%; height:1px; display:block; content:""; position:absolute; top:91px}

.treatment.hbo .section_06 .txt_box {background:rgba(218,217,214,0.9); padding:30px; margin-top:30px; min-height: 275px;}
.treatment.hbo .section_06 .txt_box p {padding:20px 0px; font-weight:800; line-height:180%}

.treatment.hbo .sec_06 .flex {display:flex; align-items: flex-end;  justify-content: space-between;}

.hbo .section_03{margin-top: 130px;}

.hbo .section_07 {padding-top:200px}
.hbo .section_07 .lay_flex {display:flex; margin-top:50px}
.hbo .section_07 .lay_flex  > li {width:calc(33.33% - 15px); margin-right:30px; padding:50px 40px; background:#cac9c5}
.hbo .section_07 .lay_flex  > li:last-child {margin:0px}

.hbo .section_07 .flex {display:flex;}

.hbo .section_07 .flex p:first-child {margin-right:15px}
.hbo .section_07 .flex.end p:first-child {color:#808080}

.hbo .section_07 .flex.first {padding-bottom:35px; border-bottom:1px dashed #000}
.hbo .section_07 .flex.end {padding-top:35px}


.hbo .section_08 {border-bottom:1px solid #a4a4a3; padding:0px 0px 50px}
.hbo .section_08 .lay_flex {display:flex; justify-content:space-between}
.hbo .section_08 .flex_txt {display:flex; flex-wrap: wrap; align-items: center; padding:50px 0px 30px}
.hbo .section_08 .flex_txt img {margin-right:10px}
.hbo .section_08 .flex_p {display:flex; padding-top:50px}
.hbo .section_08 .flex_txt span{display: block; width: 100%; margin-top: 20px; background: #cac9c5; padding: 20px;}
.hbo .section_08 .flex_p p {border-radius:50px; padding:10px 20px; border:1px solid #919191; margin-right:10px}
.hbo .section_08 .lay_flex li:nth-child(1) {width:40%}
.hbo .section_08 .lay_flex li:nth-child(2) {width:55%}
.hbo .section_08 .lay_flex li:nth-child(1) > .font-55{line-height: 100%;}
.hbo .section_08 .lay_flex li:nth-child(1) > .font-55 p{display: inline-block; padding: 0;}
.hbo .section_08 .lay_flex li:nth-child(1) > .font-55 p.bg{display: inline-block; background: #cac9c5; padding: 5px 15px;}

.hbo .section_08 .swiper-slide {text-align:Center}

.hbo .section_08 .swiper-button-next:after, .hbo .section_08 .swiper-button-prev:after {display:none}
.hbo .section_08 .swiper-button-next, .hbo .section_08 .swiper-button-prev {width:61px; height:61px}

.hbo .section_08 .bottom_flex {display:flex; padding-top:100px}
.hbo .section_08 .bottom_flex  li {width:33.33%; border-left:1px solid #474746; padding:10px 25px}
.hbo .section_08 .bottom_flex  li .middle_p {padding-top:20px; padding-bottom:10px}
.hbo .section_08 .bottom_flex  li p {text-indent: -12px;  padding-left: 12px;}
.hbo .section_08 .swiper-slide {padding-bottom:50px}
.hbo .section_08 .swiper-slide img {max-width:70%}
.hbo .section_08 .swiper-pagination-bullet-active {background:#333333}


.section_table{margin-top: 60px;}
.section_table.mgt_fir{margin-top: 150px;}

.section_table .lay_flex{display: flex; flex-wrap: wrap;}
.section_table .lay_flex > li:first-child{width: 30%;}
.section_table .lay_flex > li:last-child{width: 70%;}

.section_table .table_list.flex{width: 100%; display: flex; flex-wrap: wrap; border: 1px solid #919191; box-sizing: border-box; border-left: 0; border-right: 0;}
.section_table .table_list.flex li{border-right: 1px solid #919191; box-sizing: border-box; padding: 10px;}
.section_table .table_list.flex li:last-child{border-right: 0;}
.section_table .table_list.flex.three li{width: 33.3333%;}
.section_table .table_list.flex.two li{width: 50%;}

.section_table .table_list.flex li .th_box{background: #cac9c5; margin-bottom: 10px; padding: 10px 15px;}
.section_table .table_list.flex li .td_box{}
.section_table .table_list.flex li .td_box p{padding: 5px 0; padding-left: 10px; text-indent: -10px;}
@media screen and (max-width:1200px) {
    .section_table .lay_flex > li:first-child{width: 100%;}
    .section_table .lay_flex > li:last-child{width: 100%; margin-top: 30px;}
}
@media screen and (max-width:768px) {
    .section_table{margin-top: 30px;}
    .section_table.mgt_fir{margin-top: 80px;}

    .section_table .table_list.flex.three li{width: 100%;}
    .section_table .table_list.flex.two li{width: 100%;}
    .section_table .table_list.flex li{border-right: 0; border-bottom: 1px solid #919191;}
    .section_table .table_list.flex li:last-child{border-bottom: 0;}
}



@media screen and (max-width:1580px) {
.sub_inner {padding:0px 20px; margin: 0 auto 0 40px;}
.sub_page {padding:150px 20px;}		
.sub_page.about {padding:150px 20px 0;}		
.inner {padding:0px 20px;}	
#sub_bg .sub_bg_tit {margin:40px 20px 40px 0px}
#sub_bg .sub_bg_box {padding-right:20px}
#sub_bg .sub_loction {padding-right:20px}
}


@media screen and (max-width:1480px) {
.loction .section_02 .lay_flex > li:last-child img {min-width:530px} 
.treatment .section_05 .lay_flex li {width:100%}
.treatment .section_05 .lay_flex li {padding:10px 0px}
.treatment .section_05 .lay_flex li:first-child {padding:50px 0px 10px}
.treatment .section_05 .lay_flex {padding-bottom:130px}

.hbo .section_07 .lay_flex  > li {width:calc(33.33% - 10px);  margin-right:20px; padding:50px 20px;}

.hbo .section_08 .lay_flex li:nth-child(1) {width:50%}
.hbo .section_08 .lay_flex li:nth-child(2) {width:48%}
}

@media screen and (max-width:1400px) {
.treatment .section_06 .circle:before {top:77px}
.treatment.hbo .section_06 .circle{margin-top: 41px;}
}

@media screen and (max-width:1300px) {
.loction .section_01 ul {flex-wrap: wrap;}
.loction .section_01 ul li {width:100%}
.loction .section_01 ul li:last-child {padding:40px 0px; }

.loction.treatment .section_01 ul {flex-wrap: nowrap}
.loction.treatment .section_01 .bg_img img {width:100%; padding-right: 20px;}

.loction .section_02 .lay_flex {flex-wrap: wrap;}
.loction .section_02 .lay_flex > li:first-child {padding-right:0px; order: 2;}
.loction .section_02 .lay_flex > li:last-child  {width:100%; order: 1;}
.loction .section_02 .lay_flex > li:last-child img {min-width:100%} 

.loction .section_02 .lay_flex ul li:first-child img {width:30px}
}


@media screen and (max-width:1200px) {
.loction .section_02{padding-top: 120px;}
.treatment.hbo .section_06 .circle{margin-top: 41px;}
.hbo .section_07{padding-top: 120px;}
.hbo .section_08 {padding:0px 0px 0px; border-bottom: 0;}
.treatment.hbo .sec_06 .flex {align-items: flex-start;    justify-content: space-between;    flex-direction: column;}
.treatment.hbo .sec_06 .flex .m_mt10px {margin-top:10px}
.sub_page.about {padding:100px 20px 0;}		

#sub_bg{height:300px}
#sub_bg .sub_bg_box {height:460px}
#sub_bg .sub_bg_box_01 {height:460px}

.treatment .section_02{margin: 0 0 0px;}

.treatment .section_04 {padding-top:100px}
}

@media screen and (max-width:1000px) {
.sub_page {padding:100px 20px;}		
.inner {padding:0px 20px;}	
.loction .section_02 {padding-top:100px}
.sub_inner {padding:0px 20px; margin: 0 auto 0px;}	
#sub_bg .sub_bg_tit {margin:20px 20px 20px 0px}
#sub_bg .sub_bg_box {padding-right:0px}
		
	
.treatment .section_03 .lay_flex {display:block}	
.treatment .section_03 .lay_flex > li:first-child {width:100%; padding-bottom:50px}
.treatment .section_03 .lay_flex > li:first-child br.none {display:none}
.treatment .section_03 .lay_flex > li:last-child {width:100%}
.treatment .section_03 .lay_flex ul li {width: calc(50% - 20px);}
.treatment .section_03 .lay_flex ul li b{padding-right:20px}
.treatment .section_03 .lay_flex ul {padding-top:20px}

.treatment .section_04 .flex {display:block}	
.treatment .section_04 .flex div:last-child {text-align:left; padding-top:10px}
.treatment .section_05 .flex {display:block}	
.treatment .section_05 .flex div:nth-child(1) {text-align:left; padding-top:0px}
.treatment .section_05 .flex div:nth-child(2) {text-align:left; padding-top:10px}

.treatment .section_05 .flex   {padding:100px 0px 20px}
.treatment .section_05 .lay_flex{padding-bottom: 80px;}

.treatment.hbo .section_05 .flex div:last-child {text-align:left; padding-top:0px}

.hbo .section_07 .lay_flex {flex-wrap: wrap;}
.hbo .section_07 .lay_flex  > li {width:100%;  margin-right:0px; padding:40px 30px; margin-bottom:20px}
.hbo .section_07 .flex br {display:none}

.hbo .section_08 .lay_flex {flex-wrap: wrap;}
.hbo .section_08 .lay_flex  > li {width:100%  !important;  margin-right:0px; }
.hbo .section_08 .lay_flex  > li:first-child {margin-bottom:50px}
.hbo .section_08 .bottom_flex {flex-wrap: wrap;}
.hbo .section_08 .bottom_flex  li {width:100%; padding:20px 0px;     border-left: 0px solid #474746;     border-bottom: 1px solid #474746;}
}


@media screen and (max-width:768px) {
    .hbo .section_07 .lay_flex {margin-top:20px}
.loction .section_02{padding-top: 80px;}
.hbo .section_07 .flex.first{padding-bottom: 15px;}
.hbo .section_07 .flex.end{padding-top: 15px;}
.treatment.hbo .section_06 .circle{margin-top: 22px;}
.treatment.hbo .section_06 .circle:before{top: 62px;}
.sub_page{padding: 80px 20px;}
.hbo .section_07{padding-top: 80px;}
.hbo .section_08 {padding:60px 0px 0px}
#sub_bg .sub_loction{padding-right: 0px;}
#sub_bg .sub_bg_tit{font-size: 20px !important;}
#sub_bg .sub_loction{font-size: 13px !important;}
.treatment .section_04 {padding-top:60px}
.treatment .section_02{margin: 0 0 0px;}
.treatment .section_06 .circle:before {top:70px}
#sub_bg {height:200px}
#sub_bg .sub_bg_box {height:320px}
#sub_bg .sub_bg_tit:after {bottom:80px}
.sub_top_txt {padding:40px 0px}
.sub_top_txt p{display: inline-block;}
.sub_top_txt b{display: inline-block;}
.loction .section_02 .lay_flex ul li:first-child  {width:30px}
.loction .section_01 .bg_img {padding:30px 30px 150px 30px}

.sub_page.about {padding:80px 20px 0;}		

.loction .section_02 {padding-top:80px}

.loction.treatment .section_01 ul {flex-wrap: wrap}
.loction.treatment .section_01 .bg_img img {padding-right:0px;}

.treatment .section_03 .lay_flex ul li {width:100%}
.treatment .section_03 {margin-top:60px}
.treatment .section_04 {padding-top:60px}

.treatment .section_04 .font-30 {font-size:18px !important;}
.treatment .section_04 .lay_flex {flex-wrap: wrap; padding-top: 20px}
.treatment .section_04 .lay_flex li {width:calc(50%); padding:10px}

.treatment .section_05 .flex   {padding:60px 0px 20px}
.treatment .section_05 .lay_flex{padding-bottom: 60px;}

.hbo .section_08 .flex_p  {flex-wrap: wrap}
/*.hbo .section_08 .flex_p p {width:100%; margin:5px 0px; text-align:center}*/

.hbo .section_08 .swiper-button-next, .hbo .section_08 .swiper-button-prev {width:40px; height:40px}	
.hbo .section_08 .swiper-button-next img, .hbo .section_08 .swiper-button-prev img {width:40px;}

.hbo .section_08 .bottom_flex {padding-top:50px}	
.hbo .section_08 .flex_txt{padding: 20px 0 30px;}
}


@media screen and (max-width:456px) {
.loction .section_02 .lay_flex  ul li:first-child img {margin-top:5px}
.loction .section_01 .bg_img {padding:20px 20px 100px 20px}
}


@media screen and (max-width:400px) {
.treatment .section_06 .circle:before {top:68px}
}

.white {color:#fff !important; }


.pop_lay {display:none}
.pop_sch {width:100%; max-width:930px; background:#fff; position: fixed; z-index:9999999999; left:50%; top:50%; padding:50px;     transform: translate(-50%, -50%);}
.pop_sch .close {float: right;text-align:right; border:1px solid #000; padding:10px 30px; border-radius:50px; display: inline-block; cursor: pointer;}
.clear{clear: both}
.pop_table ul {display:flex; }
.pop_table ul li {width:14.2%; text-align:Center;     position: relative;}

.pop_table  li:nth-child(2) ul li:after , .pop_table  li:nth-child(3) ul li:after {content:""; color:#919191}

.pop_table > ul > li:last-child > ul > li:not(:first-child) {font-size:40px}

.pop_table  ul  li {border-bottom:1px solid #919191; padding:10px 20px; }
.pop_sch .pop_tit {padding:20px 0px 50px}
.pop_sch p {padding-top:30px}
.bg_list {display:none; background:rgba(0,0,0,0.5); position:fixed ; z-index:999999999; width:100%; height:100%; top:0; left:0}



@media screen and (max-width: 1200px) {
.pop_sch {width:calc(100% - 40px); max-width:calc(100% - 40px); margin:0px 0px; padding:20px;  }			
.pop_sch .close { padding:10px 20px; }			
.pop_table  ul  li {padding:10px 10px; }
			
}

.sub_top_flex {display:flex;  align-items: flex-end;  justify-content: space-between;}


@media screen and (max-width: 860px) {
.sub_top_flex {flex-wrap: wrap;  align-items: flex-end;  justify-content: space-between;}
.sub_top_flex > div {width:100%}
.sub_top_flex > div.sub_top_txt:first-child {padding:80px 0px 10px}
.sub_top_flex > div.sub_top_txt:last-child {padding:10px 0px 40px; text-align: left;}
}


/* CSS */
#transition {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
}

.layer {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #fff;
  font-weight: bold;
}

.white_01 { background: #fff; color: #000; }
.gray  { background: #ccc; color: #333; }
.black { background: #000; color: #fff; }

.show {
  animation: slideDown 0.8s forwards;
}

@keyframes slideDown {
  to { top: 0; }
}




/* 비급여 */
.price_page{width: 100%;}
.price_table{width: 100%;}
.price_table.flex{align-items: start;display: flex; flex-wrap: wrap;}
.price_table.flex table.two{width: 50%; border-right: 1px solid #9b9b9b; box-sizing: border-box;}
.price_table.flex table.two:last-child{border-right: 0;}
.price_table table{width: 100%; text-align: center; border-spacing: 0;}
.price_table table caption{display: none;}

.price_table table tr th{background: #6d6d6d; color: #fff; height: 50px; font-weight: bold; font-size: 17px;}
.price_table table tr th:not(:last-child){border-right: 1px solid #fff; box-sizing: border-box;}
.price_table table tr th,
.price_table table tr td{padding: 10px; border-bottom: 1px solid #9b9b9b;}
.price_table table tr td{font-size: 18px; font-weight: 600; height: 70px;}
.price_table table tr td:not(:last-child){border-right: 1px solid #9b9b9b; box-sizing: border-box;}
.price_table table tr td.tit{background: #c2c1c1; font-weight: 800; height: 50px;}
.price_table table tr td span{font-size: 15px; font-weight: 400;}

@media screen and (max-width:1200px) {
    .price_table table tr th{font-size: 16px;}
    .price_table table tr td{font-size: 16px;}
    .price_table table tr td span{font-size: 14px;}
}
@media screen and (max-width:768px) {
    .price_table table tr th{font-size: 14px;}
    .price_table table tr td{font-size: 14px; height: 60px;}
    .price_table table tr td span{font-size: 12px;}
}
@media screen and (max-width:600px) {
    .price_table.flex table.two{width: 100%;}
    .price_table.flex table.two:last-child tr th{display: none;}
}



.sub_page.sap .section_03{padding-top: 140px;}
.sub_page.sap .section_03 .lay_flex ul{padding-top: 0px;}

.sub_page.vaccination .section_03{padding-top: 0px;}
.sub_page.vaccination .section_03 .lay_flex ul{padding-top: 0px;}

.sub_page.vaccination .section_04{padding-top: 80px;}
.sub_page.vaccination .section_table{margin-top: 140px;}

.sub_page.vaccination .button_link a{border: 2px solid #333; padding: 15px 35px; border-radius: 40px; box-sizing: border-box; transition: .35s ease;}
.sub_page.vaccination .button_link a:hover{background: #333; color: #fff;}

@media screen and (max-width:768px) {
    .sub_page.sap .section_03{padding-top: 60px;}
    .sub_page.vaccination .section_04{padding-top: 50px;}
    .sub_page.vaccination .section_table{margin-top: 60px;}
}