@charset "utf-8";

/* table */
table{width: 100%;}
table.tb-style1{border-top: 1px solid #023878;}
table.tb-style1 thead tr th{padding:1rem 2rem; font-weight: 500; color: #111; background-color: #f3f8fa; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; font-weight: 600;}
table.tb-style1 thead tr th:last-child{border-right: 0;}
table.tb-style1 tbody tr th{padding:1rem 2rem; font-weight: 500; background-color: #fafafa; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; word-break: keep-all;}
table.tb-style1 tbody tr td{padding:1rem 2rem; border-bottom: 1px solid #dedede; word-break: keep-all;}
table.tb-style1 tbody tr td span{color: dodgerblue}

@media all and (max-width:768px){
	table.tb-style1 thead tr th,
	table.tb-style1 tbody tr th,
	table.tb-style1 tbody tr td{padding: 1rem;}
}

/* intro1 */
.intro1{}
.intro1 .s-inner{}
.intro1 .s-inner .tit_top{background: url(/images/sub/intro1_bg.jpg) no-repeat center center; width: 100%; height: 350px; position: relative; margin-bottom: 60px;}
.intro1 .s-inner .tit_top .box{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; text-align: center;}
.intro1 .s-inner .tit_top .box h3{font-family: 'Noto Serif KR', serif; font-weight: 600; color: #fff; font-size: 4rem;}
.intro1 .s-inner .tit_top .box h3 span{color: #ffe505;}
.intro1 .s-inner .tit_top .box p{font-size: 1.7rem; color: #fff; line-height: 1.6em; margin-top: 20px;}
.intro1 .s-inner .text{max-width: 1200px; margin: 0 auto; display: flex;}
.intro1 .s-inner .text .left_box{font-family: 'Noto Serif KR', serif; font-size: 2.8rem; font-weight: 700; color: #005aab; line-height: 1.4em; margin-right: 100px; width: 280px;}
.intro1 .s-inner .text .right_box{width: calc(100% - 280px);}
.intro1 .s-inner .text .right_box p{font-size: 1.7rem; color: #555555; margin-bottom: 45px; line-height: 2.1em; letter-spacing: -0.05em; word-break: keep-all;}
.intro1 .s-inner .text .right_box p:last-child{margin-bottom: 0;}

@media all and (max-width:1280px){
	.intro1 .s-inner .tit_top{height: 30vw; min-height: 260px; padding: 40px;}
	.intro1 .s-inner .tit_top .box h3{font-size: 3.6rem; word-break: keep-all;}
	.intro1 .s-inner .tit_top .box h3 span{word-break: keep-all;}
	.intro1 .s-inner .tit_top .box p{font-size: 1.6rem; margin-top: 10px;}
	.intro1 .s-inner .tit_top .box p br{display: none;}
	.intro1 .s-inner .text .left_box{margin-right: 60px; width: 260px; font-size: 2.5rem;}
	.intro1 .s-inner .text .right_box p{margin-bottom: 25px;}
}
@media all and (max-width:768px){
	.intro1 .s-inner .tit_top{height: 30vw; min-height: 220px; padding: 25px; margin-bottom: 40px;}
	.intro1 .s-inner .text{flex-direction: column;}
	.intro1 .s-inner .tit_top .box h3{font-size: 3rem;}
	.intro1 .s-inner .text .left_box{width: 100%; margin-bottom: 30px;}
	.intro1 .s-inner .text .left_box br{display: none;}
	.intro1 .s-inner .text .right_box{width: 100%;}
	.intro1 .s-inner .text .right_box p{margin-bottom: 18px;}
}
@media all and (max-width:480px){
	.intro1 .s-inner .tit_top .box h3{font-size: 2.6rem;}
}

/* intro2 */
.intro2{}
.intro2 .s-inner{}
.intro2 .s-inner ul{}
.intro2 .s-inner ul > li{ margin-bottom: 100px; padding-bottom: 60px; border-bottom: 1px solid #eee; display: flex; /* background: #fafafa url(/images/sub/intro2_bg.png) no-repeat bottom 40px right 40px;*/ }
.intro2 .s-inner ul > li:last-child{margin-bottom: 0; border-bottom: 0;}
.intro2 .s-inner ul > li .img{width: 251px; position: relative; margin-top: 50px;}
.intro2 .s-inner ul > li .img img{max-width: 100%; box-shadow: 8px 4px 10px rgba(0,0,0,0.05);}
.intro2 .s-inner ul > li .img::before{content: ''; position: absolute; display: block; width: 100%; height: 300px; top: -40px; left: -40px; background:linear-gradient(-45deg, #0a92cd, #0ab3db, #0669dd); z-index: -1; opacity: 0.8;}
.intro2 .s-inner ul > li .txt{margin-left: 40px; width: calc(100% - 311px); /* background-color: #fafafa; */ padding: 50px 60px; padding-top: 40px;}
.intro2 .s-inner ul > li .name{color: #023878; font-size: 3rem; font-weight: 800; font-family: 'Noto Serif KR', serif; letter-spacing: -0.05em; line-height: 1em;  margin-bottom: 40px; margin-top: 20px;}
.intro2 .s-inner ul > li .name span{font-size:1.8rem; color: #333; font-weight: 500; line-height: 1.2em;}
.intro2 .s-inner ul > li .txt h4{margin: 20px 0; color: #000; font-size: 1.8rem;}
.intro2 .s-inner ul > li .txt .list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.intro2 .s-inner ul > li .txt .list dl{display: flex; align-items: center; width: 49%; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dashed #dedede;}
.intro2 .s-inner ul > li .txt .list dl dt{width: 105px; font-weight: 500; color: #0a92cd; letter-spacing: -0.05em; font-size: 1.7rem;}
.intro2 .s-inner ul > li .txt .list dl dd{width: 100%; color: #333; font-size: 1.7rem; font-weight: 300; letter-spacing: -0.05em; word-break: keep-all;}
.intro2 .s-inner ul > li .txt ol{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.intro2 .s-inner ul > li .txt ol li{width: 49%; line-height: 1.9em; color: #555; font-weight: 300;}
.intro2 .s-inner ul > li .txt ol li::before{content: '·'; margin-right: 5px;}

@media all and (max-width:1400px){
	.intro2 .s-inner ul > li .txt .list dl{width: 100%;}
	.intro2 .s-inner ul > li .txt ol li{width: 100%;}
}
@media all and (max-width:1024px){
	.intro2 .s-inner ul > li .img{width: 200px;}
	.intro2 .s-inner ul > li .name{font-size: 2.8rem;}
	.intro2 .s-inner ul > li .name span{font-size: 1.6rem;}
	.intro2 .s-inner ul > li .txt{width: calc(100% - 230px); margin-left: 30px; padding: 40px 30px; padding-top: 10px;}
}
@media all and (max-width:640px){
	.intro2 .s-inner ul > li .img::before{display: none;}
	.intro2 .s-inner ul > li .img{width: 100%; margin: 0 auto;}
	.intro2 .s-inner ul > li .img img{width: 100%;}
	.intro2 .s-inner ul > li .name{font-size: 3.4rem; margin-top: 15px; margin-bottom: 30px;}
	.intro2 .s-inner ul > li .name span{font-size: 1.8rem;}
	.intro2 .s-inner ul > li{flex-direction: column;}
	.intro2 .s-inner ul > li .txt{margin-left: 0; width: 100%; padding: 10px; padding-top: 0px;}
	.intro2 .s-inner ul > li .txt .list dl{flex-direction: column; align-items: flex-start;}
	.intro2 .s-inner ul > li .txt .list dl dd{width: 100%; font-size: 1.8rem; font-weight: 300;}
	.intro2 .s-inner ul > li .txt .list dl dt{font-size: 1.8rem;}
}

/* intro3 */
.intro3{}
.intro3 .s-inner{display: flex; justify-content: space-between;}
.intro3 .s-inner .tabs{width: 45%; border-top: 2px solid #0671ad; }
.intro3 .s-inner .tabs small{display: block; margin-top: 5px; font-size: 1.4rem; color: black; font-weight: 300;}
.intro3 .s-inner .tabs li{border-bottom: 1px solid #dedede; display: flex; align-items: center; cursor: pointer; transition: .2s ease-in-out; font-size: 1.8rem; font-weight: 300;}
.intro3 .s-inner .tabs li:hover{background-color: #fafafa;}
.intro3 .s-inner .tabs li.on{background-color: #f8f8f8;}
.intro3 .s-inner .tabs li b{display: block; padding: 26px 18px; color: #fff; background-color: #0a92cd; width: 80px; text-align: center; position: relative;}
.intro3 .s-inner .tabs li b::after{content: ''; width: 0; height: 0; border: 8px solid transparent; border-left: 8px solid #0a92cd; position: absolute;right: -16px; top: 50%; transform: translateY(-50%);}
.intro3 .s-inner .tabs li:nth-child(odd) b::after{content: ''; width: 0; height: 0; border: 8px solid transparent; border-left: 8px solid #0671ad; position: absolute;right: -16px;}
.intro3 .s-inner .tabs li:nth-child(odd) b{background-color: #0671ad;}
.intro3 .s-inner .tabs li span{width: calc(100% - 100px); margin-left: 20px; word-break: keep-all; color: #555;}
.intro3 .s-inner .tabs li.on span{color: #333; font-weight: 500;}
.intro3 .s-inner .tabcontent{width: calc(100% - 45% - 25px); display: none;}
.intro3 .s-inner .tabcontent.on{display: block; position: relative;background: url(/images/sub/loading.gif) no-repeat center center;}
/*.intro3 .s-inner .tabcontent.on::after{content: '';  top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; z-index: 1; width: 100%; height: 100%;}*/
.intro3 .s-inner .tabcontent .amazingslider{z-index: 2;}

@media all and (max-width:1240px){
	.intro3 .s-inner{flex-direction: column;}
	.intro3 .s-inner .tabs{width: 100%; display: flex; flex-wrap: wrap; margin-top: 30px;}
	.intro3 .s-inner .tabs li{width: 50%;}
	.intro3 .s-inner .tabs li span{font-size: 1.6rem;}
	.intro3 .s-inner .tabcontent{width: 100%; order: -1;}
	.intro3 .s-inner .tabs li b{padding: 22px 16px;}
}
@media all and (max-width:768px){
	.intro3 .s-inner .tabs{margin-top: 0px;}
	.intro3 .s-inner .tabs li{width: 100%;}
}

/* intro4 */
.intro4{}
.intro4 .list{display: flex; flex-wrap: wrap;}
.intro4 .list li{width: 31.3333%; margin: 0 1% 3%; text-align: center;}
.intro4 .list li a{width: 100%;}
.intro4 .list li a .img{border: 4px solid #eee; display: flex; width: 100%; height: 120px; justify-content: center; align-items: center; transition: .2s ease-in-out;}
.intro4 .list li a .img:hover{border: 4px solid #023878;}
.intro4 .list li a .img img{max-height: 60px; max-width: 240px; transition: .2s ease-in-out;}
.intro4 .list li a .img:hover img{transform: scale(0.97);}
.intro4 .list li a p{margin-top: 8px; font-size: 1.8rem; font-weight: 300; word-break: keep-all;}

@media all and (max-width:1240px){
	.intro4 .list li a p{font-size: 1.7rem;}
}
@media all and (max-width:969px){
	.intro4 .list li{width: 48%; margin-bottom: 30px;}
	.intro4 .list li a .img{height: 90px;}
	.intro4 .list li a .img img{max-width: 100%; padding: 10px;}
	.intro4 .list li a p{font-size: 1.6rem;}
}
@media all and (max-width:640px){
	.intro4 .list li{width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 25px;}
}

/* doc_top  */
.doc_top{display: flex; align-items: center; margin-bottom: 80px; /* box-shadow: 2px 3px 15px rgba(0,0,0,0.08); */}
.doc_top .img{width: 40%;}
.doc_top .img img{}
.doc_top .txt{width: 60%; min-height: 400px; background: #f9fafa url(/images/sub/intro2_bg.png)no-repeat bottom 40px right 40px; padding: 50px 90px; display: flex; flex-direction: column; justify-content: center;}
.doc_top .txt h3{color: #212121; font-size: 3.2rem; font-weight: 500;}
.doc_top .txt h3 span{color: #005aab; font-weight: 600;}
.doc_top .txt p{margin-top: 20px; font-size: 1.8rem; color: #5d5d5d; word-break: keep-all; line-height: 1.8em; padding-top: 20px; border-top: 1px dashed #ddd;}

@media all and (max-width:1240px){
	.doc_top .img img{max-height: 300px;}
	.doc_top .txt{min-height: 300px; padding: 35px 50px;}
	.doc_top .txt h3{font-size: 2.6rem;}
	.doc_top .txt p{font-size: 1.7rem;}
	.doc_top .txt p br{display: none;}
}
@media all and (max-width:768px){
	.doc_top{flex-direction: column; margin-bottom: 50px;}
	.doc_top .img{width: 100%;}
	.doc_top .img img{max-height: 100%; width: 100%;}
	.doc_top .txt{width: 100%; padding:40px 30px; min-height: 100%; background-image:none !important;}
	.doc_top .txt h3{font-size: 2.4rem;}
	.doc_top .txt p{margin-top: 15px; padding-top: 15px;}
}

/* cont */
.cont{display: flex; margin-top: 40px;}
.cont .tit{width: 25%; border-top: 2px solid #023878; padding: 30px;}
.cont .tit h3{color: #000; font-size: 2.4rem; word-break: keep-all;}
.cont .info{width: 75%; border-top: 2px solid #dedede; padding: 30px;}
.cont .info p{font-size: 1.8rem; font-weight: 300; color: #444; line-height: 1.8em; word-break: keep-all;}
.cont .info h4{font-size: 2rem; color: #222;}
.cont .info .tel{color: #005aab; font-size: 2.8rem; font-weight: 600; display: inline-block; margin-left: 5px;}
.cont .info .img{margin-top: 15px;}
.cont .info .img img{max-width: 100%;}
.cont .info .progress{margin: 15px 0 30px; display: flex; flex-wrap: wrap; counter-reset: section;}
.cont .info .progress li{width: 19%; margin-right: 1%; margin-bottom: 1%; text-align: center;background-color:  #30a2de; padding: 25px 15px; font-weight: 500; font-size: 1.7rem; position: relative; color: #fff;}
.cont .info .progress.bgc2 li{background-color: #17b3c0;}
.cont .info .progress.bgc3 li{background-color: #5273c0;}
/*.cont .info .progress li{width: 19%; margin-right: 1%; margin-bottom: 1%; text-align: center; border: 8px solid transparent;  border-image: linear-gradient(-45deg, #4fa8ce, #54d0ed, #72a5e2); border-image-slice: 1; padding: 30px 15px; font-weight: 600; font-size: 1.7rem; position: relative;}*/
.cont .info .progress li::after{content: " " counter(section) " "; counter-increment: section; position: absolute; left: 10%; top: 50%; transform: translateY(-50%); font-size: 3.2rem; color: #fff; opacity: 0.2; line-height: 1em; font-style: italic; font-family: 'Montserrat', sans-serif; font-weight: 700;}
.cont .info ol{counter-reset: section;}
.cont .info ol li{font-size: 1.7rem; font-weight: 300;  line-height: 1.6em; color: #333; border-bottom: 1px dashed #dedede; margin-bottom: 10px; padding-bottom: 10px; position: relative; padding-left: 40px; word-break: keep-all;}
.cont .info ol li::before{content: counter(section, decimal-leading-zero); counter-increment: section; background-color: #335277; color: #fff; display: inline-block; width: 1.8em; line-height: 1.8em; text-align: center; border-radius: 3px; font-weight: 500; margin-right: 10px; font-size: 1.6rem; position: absolute; left: 0;}

@media all and (max-width:1240px){
	.cont .tit{padding: 20px;}
	.cont .tit h3{font-size: 2.2rem;}
	.cont .info{padding: 20px;}
}
@media all and (max-width:969px){
	.cont .info .progress li{width: 24%;}
}
@media all and (max-width:768px){
	.cont{flex-direction: column;}
	.cont .tit{width: 100%; padding: 10px; padding-top: 20px;}
	.cont .info{width: 100%; border-top: 0; padding: 15px 10px 10px;}
}
@media all and (max-width:640px){
	.cont .info .progress li{width: 32.33333%; padding: 20px 10px;}
	.cont .info .progress li::after{font-size: 2.8rem;}
}

/* info_title */
.info_title{margin-bottom: 50px; overflow: hidden;}
.info_title .text{position: absolute; top: 50%; left: 80px; transform: translateY(-50%); max-width: 50%;}
.info_title .text h3{font-size: 4rem; font-family: 'Noto Serif KR', serif; color: #023878;}
.info_title .text h4{font-family: 'Montserrat', sans-serif; font-weight: 600; letter-spacing: .5em; font-size: 1.4rem; opacity: 0.4;}
.info_title .text h5{margin-top: 10px; font-size: 1.8rem; font-weight: 500; color: #538ac9; word-break: keep-all;}
.info_title .text p{font-size: 1.7rem; font-weight: 300; word-break: keep-all; margin-top: 15px;}
.info_title .bg{}
.info_title .bg img{width: 100%;}

@media all and (max-width:969px){
	.info_title .text{position: static; text-align: center; width: 100%; margin: 0 auto; transform: translateY(0); max-width: 100%;}
	.info_title .text p{max-width: 80%; margin: 0 auto; margin-top: 20px;}
	.info_title .bg{margin-top: 30px;}
	.info_title .bg img{width: 225%; float: right; margin-right: 0;}
}

/* half_info */
.half_info{display: flex; border: 1px solid #eee;}
.half_info .img{width: 50%; background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 350px;}
.half_info.rtl .img{order: 2;}
.half_info.rtl .txt{background-color: #f4f7fa;}
.half_info .img.info1-img1{background-image: url(/images/sub/info1-img1.jpg);}
.half_info .img.info1-img2{background-image: url(/images/sub/info1-img2.jpg);}
.half_info .img.info1-img3{background-image: url(/images/sub/info1-img3.jpg);}
.half_info .img.info1-img4{background-image: url(/images/sub/info1-img4.jpg);}
.half_info .img.info1-img5{background-image: url(/images/sub/info1-img5.jpg);}
.half_info .img.info1-img6{background-image: url(/images/sub/info1-img6.jpg);}
.half_info .img.info2-img1{background-image: url(/images/sub/info2-img1.jpg);}
.half_info .img.info2-img2{background-image: url(/images/sub/info2-img2.jpg);}
.half_info .img.info2-img3{background-image: url(/images/sub/info2-img3.jpg);}
.half_info .img.info2-img4{background-image: url(/images/sub/info2-img4.jpg);}
.half_info .img.info2-img5{background-image: url(/images/sub/info2-img5.jpg);}
.half_info .img.info2-img6{background-image: url(/images/sub/info2-img6.jpg);}
.half_info .img.info3-img1{background-image: url(/images/sub/info3-img1.jpg);}
.half_info .img.info3-img2{background-image: url(/images/sub/info3-img2.jpg);}
.half_info .img.info3-img3{background-image: url(/images/sub/info3-img3.jpg);}
.half_info .img.info3-img4{background-image: url(/images/sub/info3-img4.jpg);}
.half_info .img.info3-img5{background-image: url(/images/sub/info3-img5.jpg);}
.half_info .img.info3-img6{background-image: url(/images/sub/info3-img6.jpg);}
.half_info .img.info4-img1{background-image: url(/images/sub/info4-img1.jpg);}
.half_info .img.info4-img2{background-image: url(/images/sub/info4-img2.jpg);}
.half_info .img.info4-img3{background-image: url(/images/sub/info4-img3.jpg);}
.half_info .img.info4-img4{background-image: url(/images/sub/info4-img4.jpg);}
.half_info .img.info4-img5{background-image: url(/images/sub/info4-img5.jpg);}
.half_info .img.info4-img6{background-image: url(/images/sub/info4-img6.jpg);}
.half_info .img.info5-img1{background-image: url(/images/sub/info5-img1.jpg);}
.half_info .img.info5-img2{background-image: url(/images/sub/info5-img2.jpg);}
.half_info .img.info5-img3{background-image: url(/images/sub/info5-img3.jpg);}
.half_info .img.info5-img4{background-image: url(/images/sub/info5-img4.jpg);}
.half_info .img.info5-img5{background-image: url(/images/sub/info5-img5.jpg);}
.half_info .img.info5-img6{background-image: url(/images/sub/info5-img6.jpg);}
.half_info .txt{width: 50%; padding: 50px; display: flex; flex-direction: column; justify-content: center;}
.half_info .txt h3{margin-bottom: 10px; color: #000; font-size: 3rem;}
.half_info .txt p{ font-weight: 300; font-size: 1.7rem; color: #333; line-height: 1.8em; word-break: keep-all;}
.half_info .txt .bar{width: 100%; margin: 30px 0; height: 1px; border-bottom: 1px dashed #eee;}
.half_info .txt dl{display: flex;}
.half_info .txt dl dt{width: 150px; line-height: 1.8em; font-weight: 500; color: #245b9b}
.half_info .txt dl dt::before{font-family: "Font Awesome 6 Free";
    font-weight: 400; content: "\f058"; margin-right: 5px;}
.half_info .txt dl dd{width: calc(100% - 150px); line-height: 1.8em; color: #333;}

@media all and (max-width:1240px){
	.half_info .txt{padding: 35px}
	.half_info .txt .bar{margin: 20px 0;}
	.half_info .txt h3{font-size: 2.6rem;}
	.half_info .txt p{font-size: 1.6rem; line-height: 1.7em;}
}
@media all and (max-width:969px){
	.half_info{flex-direction: column;}
	.half_info .img{order: -1; height: 40vw; width: 100%; min-height: auto;}
	.half_info.rtl .img{order: -1; height: 40vw; width: 100%;}
	.half_info .txt{width: 100%;}
}
@media all and (max-width:768px){
	.half_info .txt{padding: 25px;}
	.half_info .txt dl{flex-direction: column;}
	.half_info .txt dl dt,
	.half_info .txt dl dd{width: 100%;}
	.half_info .txt .bar{margin: 15px 0;}
}


/* jhospital */
.jhospital{/* background: linear-gradient(-45deg, #0a92cd, #0ab3db, #0669dd); */ margin-top: 100px; padding: 100px 0; background: url(/images/sub/jhospital.jpg) no-repeat center center / cover;}
.jhospital .s-inner{display: flex;}
.jhospital .s-inner .left_cont{width: 350px;}
.jhospital .s-inner .left_cont h3{font-family: 'Noto Serif KR', serif; color: #212121; font-size: 3rem; font-weight: 400;}
.jhospital .s-inner .left_cont h3 span{font-weight: 700; font-size: 3.5rem; color: #023878}
.jhospital .s-inner .right_cont{width: calc(100% - 350px);}
.jhospital .s-inner .right_cont .box{margin-bottom: 25px;}
.jhospital .s-inner .right_cont .box:last-child{margin-bottom: 0;}
.jhospital .s-inner .right_cont h3{color: #212121; margin-bottom:10px; font-size: 2rem; font-weight: 500;}
.jhospital .s-inner .right_cont h4{color: #023878; font-weight: 500; font-size: 1.8rem;}
.jhospital .s-inner .right_cont p{font-weight: 300; font-size: 1.7rem; color: #444; opacity: .98; margin-bottom: 20px; word-break: keep-all; line-height: 1.6em;}
.jhospital .s-inner .right_cont .pic{text-align: center; display: flex; margin-top: 20px;}
.jhospital .s-inner .right_cont .pic .img{margin-right: 10px;}
.jhospital .s-inner .right_cont .pic p{margin-bottom: 0; font-size: 1.4rem; margin-top: 5px; opacity: 1;}
.jhospital .s-inner .right_cont dl{display: flex; align-items: center;}
.jhospital .s-inner .right_cont dl dt{color: #023878; font-weight: 500; font-size: 1.7rem; margin-right: 5px; width: 125px;}
.jhospital .s-inner .right_cont dl dd{font-weight: 300; font-size: 1.7rem; color: #555; opacity: .98; word-break: keep-all; width: calc(100% - 125px);}

@media all and (max-width:969px){
	.jhospital .s-inner .left_cont h3{font-size: 2.6rem;}
	.jhospital .s-inner .left_cont h3 span{font-size: 3rem;}
	.jhospital{margin-top: 55px; padding: 70px 0;}
	.jhospital .s-inner{flex-direction: column;}
	.jhospital .s-inner .left_cont{margin-bottom: 30px; width: 100%;}
	.jhospital .s-inner .left_cont h3 br{display: none;}
	.jhospital .s-inner .right_cont{width: 100%;}
	.jhospital .s-inner .right_cont .box{margin-bottom: 35px;}
	.jhospital .s-inner .pic img{width: 100%;}
	.jhospital .s-inner .right_cont dl{flex-direction: column; align-items: flex-start; margin-bottom: 10px;}
	.jhospital .s-inner .right_cont dl dt,
	.jhospital .s-inner .right_cont dl dd{width: 100%;}
}
	
@media all and (min-width:1240px){
	.amazingslider-space-1{height: 33vw !important;}
}

ul.tab{margin-bottom: 40px; display: flex; justify-content: center;}
ul.tab li{display: block; width: 25%; text-align: center; line-height: 56px; border: 1px solid #dedede; margin-left: -1px;}
ul.tab li a{font-weight: bold; font-size: 1.7rem; display: block; text-align: center; width: 100%; height: 100%;}
ul.tab li.on{background-color: #023878; border: 1px solid #023878;}
ul.tab li.on a{color: #fff; pointer-events: none;}

@media all and (max-width:1024px){
	ul.tab{flex-wrap: wrap; margin-top: 1px; justify-content: flex-start;}
	ul.tab li{margin-top: -1px; transform: skew(0.1deg); margin-left: 0px;}
	ul.tab li{width: 50%; line-height: 50px;}
	ul.tab li a{font-size: 1.7rem; transform: skew(0.1deg);}
}
@media all and (max-width:768px){
	ul.tab li{width: 50%; line-height: 46px; }
	ul.tab li a{font-size: 1.3rem;}
}
@media all and (max-width:640px){
	ul.tab li{width: 50%; line-height: 42px;}
}

.tabcontent{display: none;}
.tabcontent.on{display: block;}

.tb-style2 { width: 100%;  border-top: 2px solid #023878; line-height: 1.3em; text-align: center; border-right: 1px solid #e5e5e5; min-width: 1240px;}
.tb-style2 thead tr th { background: rgba(236, 236, 227, 0.5); color:#212121; padding: 14px 0;
                                  border-bottom: 1px solid #d5dfe7; border-left:1px solid #d5dfe7;  font-size: 1.5rem; line-height: 1.7em;}
.tb-style2 tbody td { padding: 13px 8px; border-left: 1px solid #e8ede9; border-bottom: 1px solid #e8ede9; font-size: 1.4rem;  word-break: keep-all;}


/* flex_box */
.flex_box{display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px dashed #dedede; margin: 4em 0;}
.flex_box .box{width: 100%; padding: 2em 0; border-bottom: 1px dashed #dedede;}
.flex_box .box .tit{text-align: center;}
.flex_box .box .tit h4{background-color: #f06492; color: #fff; display: inline-block; padding: 1rem;}
.flex_box .box .tit h3{margin-top: 5px; color: #000; font-size: 2.4rem;}
.flex_box .box .tit h3 span{color: #f06492;}
.flex_box .box .content{ margin-top: 30px; justify-content: center;}
.flex_box .box .content > p{text-align:center; font-size: 1.8rem; font-weight: 300; word-break:keep-all; line-height: 1.7em; margin-top: 20px;}
.flex_box .box .content p span{color: #f06492; word-break:keep-all; font-weight: 400;}
.flex_box .box .content .img{text-align: center;margin: 30px auto 0; width: 96%;}
.flex_box .box .content .img h4{color: #f06492; font-size: 1.8rem; margin-bottom: 10px;}
.flex_box .box .content .img ul{display: flex; justify-content: center;}
.flex_box .box .content .img ul li{margin: 0 5px;}
.flex_box .box .content .img ul li img{max-width: 100%;}
.flex_box .box .content .img ul li p{width: 100%; margin-top: 10px; line-height: 1.3em;}
.flex_box .box .content .img > img{max-width: 100%;}
.flex_box .box .content .img > p{width: 100%; text-align:center; margin-top: 5px; font-weight: 300;}
/* flex_box2 */
.flex_box2{display: flex; justify-content: space-between; margin-top: 60px; flex-wrap: wrap;}
.flex_box2 .box{background-color: #f5f5f3; width:49%; padding: 3em; text-align: center; margin-bottom: 2%;}
.flex_box2 .box h3{color: #000; font-size: 2.2rem;}
.flex_box2 .box h4{font-size: 1.4rem; margin-top: 5px; letter-spacing: 0.1em; color: #aaa;}
.flex_box2 .box h4::after{content: ''; width: 10%; height: 1px; background-color: #ccc; display: block; margin: 10px auto;}
.flex_box2 .box p{word-break: keep-all;font-weight: 300; line-height: 1.7em;}

@media all and (max-width:1024px){
	.flex_box2{margin-top: 30px;}
	.flex_box2 .box{padding: 1.5em;}
}
@media all and (max-width:768px){
	.flex_box2 .box{width: 100%; margin-bottom: 2em;}
	.flex_box .box .content{margin-top: 10px;}
	.flex_box .box .content > p br{display: none;}
}