@charset "utf-8";
@import url(font.css);

header{width:100%; height:80px;  position: fixed; left: 0; top: 0; background: #fff; z-index: 992; border-bottom: 1px solid #eaeaea;}
header  h1{font-size: 0; float: left; margin-left: 20px; padding-top: 20px;}
header .util{float: right; margin-top: 20px; position: relative;  padding-right: 30px;}
.util .search{float: left; position: relative; line-height: 40px; padding-left: 45px;  font-size: 1em;  cursor: pointer;}
.util .search:before{content: ''; display: inline-block; background: #ea6176 url(../images/zoom.png) center center no-repeat; background-size: 15px 15px; border-radius:50%; width:35px; height:35px; display: block; position: absolute; left: 0; top:2px;}
.util button.hospital{float: left; position: relative; height: 40px; line-height: 40px; text-align: left; margin-left:45px;  padding-left:45px; font-size:1em;}
.util button.hospital:after{content: ''; display: inline-block; background: #ea6176 url(../images/home.png) center center no-repeat; background-size: 18px 17px; border-radius:50%; width:35px; height:35px; display: block; position: absolute; left: 0; top:2px;}
.util .lan{float: left; margin-top: 10px; margin-left: 50px;}
.util .lan > button{font-family: 'Montserrat'; font-weight: 700; font-size: 1.063em; color: #bdbdbd; position: relative;}
.util .lan > button:last-child:before{content: ''; display: inline-block; margin: 0 10px; width: 1px; height: 10px; background:#e5e5e5;}
.util .lan > button.on{color: #2a2a2a;}
.container .visual{background:linear-gradient(to right,rgba(139,157,168,1) 0%,rgba(164,185,198,1) 52%, rgba(163,184,197,1) 100%); min-height: 937px; width: 100%; z-index: 9;}
/* 전문진료분야 긴 교수님 맞추기
.container .visual{background:linear-gradient(to right,rgba(139,157,168,1) 0%,rgba(164,185,198,1) 52%, rgba(163,184,197,1) 100%); height: 937px;  width: 100%; z-index: 9;}
*/
.container .visual_02{background: url(../images/default.png) no-repeat 0 0;  height: 937px;  width: 100%;  z-index: 9;}
.container .visual .light{width: 1200px; height: 937px; position: absolute; top: 0; left:300px; z-index: 88; }
/* 210824수정 .container .visual .light{width: 1200px; height: 100%; position: absolute; top: 0; left:300px; z-index: 88; }*/
.container .visual .light > .light_img{background: url(../images/light.png) 400px 0 no-repeat; width: 100%; height: 100%;}
section.info{padding-top:120px; position: relative; height:100%; z-index: 100;}
section.info .pic{width: 700px; top: 131px ; position: absolute; right:-70px; z-index: 89;}
/* 210824수정 section.info .pic{width: 700px; height: 806px; position: absolute; bottom:-118px; right:-70px; z-index: 89;}  */
section.info .pic img{max-width: 100%; height: auto;}
section.info .pic_02{width: 700px; height: 806px; position: absolute; bottom:-20px; right:-150px; z-index: 89;}
section.info .pic_02 img{max-width: 100%; height: auto;}
section.info .pic_03{width: 578px; height: 689px; position: absolute; bottom:30px; right:-100px; z-index: 89; }
section.info .pic_03.b-30{bottom:-30px;}
section.info .pic_03 img{max-width: 100%; height: auto;}
section.info .pic_04{width: 578px; height: 689px; position: absolute; bottom:0px; right:-50px; z-index: 89; display: none;}
section.info .pic_04 img{max-width: 100%; height: auto;}
section.info .profile{ color: #fff; padding: 20px 0; width: 600px; position: relative;}
section.info .profile .name{font-weight: 700; font-size: 2.813em; margin: 30px 0;}
section.info .info{ padding:0 0 30px 0; font-family: 'Montserrat'; font-weight:300; letter-spacing: 0; font-size: 1.25em;}
section.info > span{float: left;}
section.info .info > .phone:before{content: ''; display:inline-block; background:url(../images/phone.png) 0 0 no-repeat; width: 13px; height: 14px; background-size: 100%; margin-right:10px; vertical-align: middle;} 
section.info .mail{ padding-left:50px;}
section.info .mail:before{content: ''; display:inline-block; background:url(../images/mail.png) 0 0 no-repeat; width: 18px; height: 14px; background-size: 100%; margin-right:10px; vertical-align: middle;} 
section.info .part{ border-top: 1px solid #afc1cc; border-bottom: 1px solid #afc1cc; padding: 25px 0;}
section.info .part li:nth-child(2){padding-top: 30px;}
section.info .part li span{font-size: 1.188em;position: relative;}
section.info .part li span:first-child{font-size: 1.563em; font-weight: 700; display: inline-block; width: 100px;}
section.info .part li span a{border-radius: 50px; width:30px; height: 30px; border: 1px solid #fff; background: url(../images/home.png) center center no-repeat; background-size: 16px 16px; vertical-align: middle; margin-left: 3px; margin-right: 8px;}
section.info .denti{padding:25px 0;}
section.info .denti h3{font-size: 1.563em; font-weight: 700; padding-bottom: 25px;} 
section.info .denti p{font-size: 1.125em; line-height: 30px;} 
section.info .reservation{padding-top:30px;}
section.info .reservation div{display: table; background:rgb(30, 83, 128); border: 1px solid #09377c; float: left; padding: 10px; border-radius: 5px; width: 204px; height: 59px; padding-left: 50px; position: relative;}
section.info .reservation div.phone:before{content: ''; display: inline-block; background:url(../images/phone-1.png); position: absolute; left:18px; top: 17px; width: 17px; height: 25px;}
section.info .reservation div.phone span{display: block; font-size: 0.938em;}
section.info .reservation div.phone span:nth-child(2){ font-size: 1.063em; font-weight: 500; padding-top: 5px; font-family: 'Montserrat'; letter-spacing: 1px; font-weight: 400;}
section.info .reservation div.internet{display: table; margin-left: 5px;}
section.info .reservation div.internet span{display: table-cell; vertical-align: middle;}
section.info .reservation div.internet:before{content: ''; display: inline-block; background:url(../images/ie.png); position: absolute; left:18px; top: 16px; width: 24px; height: 25px; background-size: 100%;}
section.info .reservation div.internet span a{display: block; font-size: 0.938em; color: #fff;}
section.info .time{background: rgba(43, 92, 125, 0.3); color: #fff;  margin-top: 20px; width: 100%; position: relative; z-index: 90;}
section.info .time h3{font-size: 1.25em; font-weight: 500; padding: 15px 0 15px 20px;}
section.info .time > table{width: 100%; background: transparent; border-top: 1px solid #344b6a; font-size: 1.125em; text-align: center;} 
section.info .time > table > thead{border-bottom: 1px solid #6a8499;} 
section.info .time > table > thead > tr > th{border-right: 1px solid #6a8499;}
section.info .time > table > thead > tr > th, section.info .time > table > tbody > tr > th{background:rgba(86, 88, 99, 0.8); font-size: 1em; font-weight: 700; padding: 12px 0;}
section.info .time > table > thead > tr > td{background:rgba(144, 152, 162, 0.6); text-align: center; }
section.info .time > table > tbody > tr > th,section.info .time > table > thead > tr > td, section.info .time > table > tbody > tr > td{border-bottom: 1px solid #6a8499; border-right: 1px solid #6a8499; }
section.info .time > table > tbody > tr > td:last-child{border-right:none;}
section.info .time > table > tbody > tr > td.on{background: #eb9ba7;}
.point{color: #fff; margin: 15px 0; width: 600px; line-height: 24px;}
.point > p{white-space: pre;}
/* tab */
section.content .tab_wrap{border-bottom: 1px solid #d7d7d7;}
section.content .tab_wrap.on{position: fixed; left: 0; top: 80px; width: 100%; background: #fff; z-index: 999; box-shadow: 4px 3px 11px 10px rgb(0 0 0 / 1%); -webkit-box-shadow: 4px 3px 11px 10px rgb(0 0 0 / 1%);}
section.content .tab {display: table;table-layout: fixed;width: 1200px;margin: 0 auto;} 
section.content .tab li {display: table-cell; text-align: center; vertical-align: middle; height: 60px;} 
section.content .tab li.active{border-bottom: 3px solid #e64361;} 
section.content .tab li a { display: block; font-weight: 500; height: 60px; line-height: 60px;} 
section.content .tab li.active a {color: #2a2a2a;}
section.content #tab_con01{background:#f5f5f5; padding: 60px 0 80px 0; /*padding-top: 60px;*/}
section.content #tab_con02{background:#f7f7f7; padding-top:20px;}
section.content .tab_con {display: none; z-index: 10; position: relative;} 
section.content .tab_con.active {display: block; }
section.content .tab_con > .img{position: absolute; /*left: 0;*/ left: 150px; top:150px; z-index: 60;}
section.content .tab_con > .img02{position: absolute; left:80px; top:150px; z-index: 60;}
section.content .tab_con > .img.on,section.content .tab_con > .img02.on{position: fixed; }
section.content .tab_con .tab01_inner {width: 1200px; margin: 0 auto; padding-bottom: 80px;}
section.content .tab_con .inner {width: 740px; float: right;}
section.content .tab_con h3{font-size: 1.875em;font-weight: 700; padding-bottom: 15px; padding: 40px 0;}
section.content .tab_con h4{font-size: 1.5em; border-bottom: 2px solid #2a2a2a; font-weight: 500; padding-bottom: 15px;}
section.content #tab_con02 h3{padding-bottom: 30px; }
section.content .tab_con .thesis_list{background:#fff;border: 1px solid #e8e8e8; border-top: 2px solid #2a2a2a; padding: 40px 50px; font-size: 1.125em; font-weight: 300; line-height: 1.5em;}
section.content .tab_con .thesis_list ul li{font-size: 1.125em; border-bottom: 1px solid #e8e8e8; padding: 25px 0; position: relative; padding-left: 15px; letter-spacing: 0; font-weight: 300; line-height: 24px;}
section.content .tab_con .thesis_list ul li:last-child{border-bottom:none; padding-bottom: 0;}
section.content .tab_con .thesis_list ul li::before{content: ''; position: absolute; top:34px; left: 0; width: 4px; height: 4px; background: #2a2a2a; }
section.content .tab_con .book{padding-bottom:40px;} 
section.content .tab_con .book ul li{position: relative; background: #fff; border: 1px solid #e8e8e8; padding: 20px; float: left; margin-left:20px; width:calc(25% - 15px); height: 120px; margin-bottom: 20px;}
section.content .tab_con .book ul li:nth-child(4n + 1){margin-left:0;}
section.content .tab_con .book ul li p{font-size: 1.25em; font-weight: 700; line-height: 30px; }
section.content .tab_con .book ul li span{font-size: 1em; font-weight: 300; padding-top: 10px; display:block; color: #8a8a8a; position: absolute; bottom: 15px;}
/* 언론홍보 */
section.content .tab_con .pr{background: url(../images/pr.png)0 0 no-repeat; background-size: cover; height: 800px;}
section.content .tab_con .pr > h3{text-align: center; font-size: 2.5em; font-weight: 700; color: #fff; padding:120px 0 80px 0;}
section.content .tab_con .pr > .tab01_inner > ul > li{position: relative; background: #fff; border: 1px solid #e8e8e8; padding: 30px; float: left; margin-left:20px; width:calc(33.333% - 15px); height: 200px; margin-bottom: 20px;}
section.content .tab_con .pr > .tab01_inner > ul > li:nth-child(3n + 1){margin-left:0;}
section.content .tab_con .pr > .tab01_inner > ul > li p.news{font-size: 1.125em; font-weight: 300; color: #303030; }
section.content .tab_con .pr > .tab01_inner > ul > li p.tit{font-size: 1.25em; font-weight: 700; color: #2a2a2a; padding: 25px 0; line-height: 28px;}
section.content .tab_con .pr > .tab01_inner > ul > li p.date{font-size: 1em; font-weight:300; color: #8a8a8a; }

/* 건강정보 동영상 */
section.content .tab_con .hl {background: url(../images/hl.png)0 0 no-repeat; background-size: cover; height: 800px;}
section.content .tab_con .hl > h3{text-align: center; font-size: 2.5em; font-weight: 700; color: #fff; padding:120px 0 80px 0;}
/* section.content .tab_con .hl > .tab01_inner > ul > li{ width:calc(33.333% - 15px); margin-bottom: 20px;}
section.content .tab_con .hl > .tab01_inner > ul > li:nth-child(3n + 1){margin-left:0;} */
/* 건강정보 동영상 */
.health { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px;}
.health .item { width: 31%; }
.health .item a { position: relative; display: block; text-align: center; text-decoration: none; border: 1px solid #fff; border-radius: 10px; transition: all 0.3s; }
.health .item a:hover { display: block; border-radius: 10px; border: 1px solid #f75077; -webkit-box-shadow: 0 10px 20px rgba(158, 0, 37, 0.2); box-shadow: 0 10px 20px rgba(158, 0, 37, 0.2);}
.health .item .youtube_bg { position: absolute; width: 100%; height: 170px; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); border-radius: 10px 10px 0 0; }
.health .item .youtube_bg > img { margin-top: 20%; }
.health .item .youtube_img { overflow: hidden; width: 100%; height: 170px; border-radius: 10px 10px 0 0; }
.health .item .youtube_img > img { width: 100%; height: 170px;}
.health .item .t_box { width: 100%; height: 146px; padding: 10px 20px; border-radius: 0 0 10px 10px; background: #fff; box-sizing: border-box; }
.health .item .t_box .news { font-size: 1.125em; font-weight: 300; color: #303030;}
.health .item .t_box .t_tex { height: 65px; font-size: 1.125em; font-weight: bold; line-height: 1.3; padding-top: 15px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.health .item .t_box .t_date { color: #707070; padding-top: 15px;}


.tbi_01{margin-bottom: 50px; width: 100%;}  
.tbi_01.mobg{background:transparent; border:none;}  
.tbi_01:last-child{margin-bottom:0}  
.tbi_01 th{background: #f7f7f7; text-align: center; font-size: 1.25em; font-weight: 500; vertical-align: middle;  border-right: 1px solid #eaeaea;  border-bottom: 1px solid #eaeaea;}
.tbi_01 th:last-child{ border-right:none;}
.tbi_01 tr > td{padding:20px 20px 10px 5px;; font-size: 1.125em; border-bottom: 1px solid #eaeaea; font-weight: 300;}
.tbi_01 tr > td > p{ font-weight: 300; display: table; table-layout: fixed;}
.tbi_01 tr > td > p:last-child{padding-bottom: 0;}
.tbi_01 tr > td > p > span{display: table-cell;padding-bottom: 15px; line-height: 28px;}
.tbi_01 tr > td > p > span:first-child{position: relative; padding-right: 15px; padding-left: 10px; letter-spacing: 0; font-weight: 400; }
.tbi_01 tr > td.dw > p > span:first-child{ width: 240px;}
.tbi_01 tr > td.dw-02 > p > span:first-child{ width: 180px;}
.tbi_01 tr > td > p > span:first-child::before{content: ''; position: absolute; left: 0; top:12px; width: 3px; height: 3px; background: #2a2a2a;}
footer{padding: 30px 0; background: #444444; color: #fffefe; font-size: 0.875em; letter-spacing: 0; position: relative; z-index: 100;}
footer p{padding-bottom: 15px;}
footer p:last-child{color: #bfbfbf;}
.dim{background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 998; width: 100%; height: 100%; display: none;}
.doctor_search{position: fixed; top: 0; left: 0; z-index: 999; width:100%;  background: #fff; display: none;} 
.doctor_search .search_wrap{margin: 75px auto 0 auto; width: 650px;} 
.doctor_search .search_wrap input {border: 2px solid #f0667b;width: 600px;height: 45px; padding-left: 20px;color:#6f6f6f;  float: left;} 
.doctor_search .search_wrap button {float: left;background: #f0667b url(../images/zoom.png) no-repeat center center;width: 50px;height: 45px;text-indent: -99999px; } 
.doctor_search .close{position: absolute; right: 30px; top: 30px; background: url(../images/close.png); width: 38px; height: 38px; cursor: pointer;}
.doctor_search .tbi_wrap{width: 1000px; margin: 50px auto;}
.doctor_search .tbi_wrap > .tbi_01{border-top: 2px solid #2a2a2a;}
.doctor_search .tbi_wrap > .tbi_01 > tbody > tr > th{font-size: 16px; text-align: left; padding:25px 0 25px 20px} 
.doctor_search .tbi_wrap > .tbi_01 > tbody > tr > td{line-height: 24px; font-weight: 300; font-size: 1em;} 
.doctor_search .tbi_wrap > .tbi_01 > tbody > tr > td > div > button{background:#d84b62; color: #fff; font-size: 0.813em; font-weight: 700; padding:8px 20px 8px 40px; position: relative; border-radius: 5px;} 
.doctor_search .tbi_wrap > .tbi_01 > tbody > tr > td > div > button::before{background:url(../images/szoom.png) no-repeat 0 0 ; width: 16px; height: 16px; content: ''; position: absolute; left: 12px; top:10px;} 
.doctor_search .tbi_wrap > .tbi_01 > tbody > tr > td > div > button.date{margin-left: 10px;}
.doctor_search .tbi_wrap > .tbi_01 > tbody > tr > td > div > button.date::before{background:url(../images/ca.png) no-repeat 0 0 ; width: 15px; height: 15px;  } 
.doctor_search .tbi_wrap > .tbi_01 tr th > span{color: #858585;}
.doctor_search .tbi_wrap > .tbi_01 tr th > p{color: #2a2a2a; font-size: 1.563em; padding-top: 10px;}
.doctor_search .tbi_wrap .tbi_list{border-top: 2px solid #2a2a2a; border-bottom: 1px solid #eaeaea; display: table; margin-bottom: 20px; width: 100%;}
.doctor_search .tbi_wrap .tbi_list li{display: table-cell;}
.doctor_search .tbi_wrap .tbi_list li:first-child{width: 20%; background: #f7f7f7; border-right: 1px solid #eaeaea; padding-left: 15px;}
.doctor_search .tbi_wrap .tbi_list li:last-child{width: 80%; padding: 20px;}
.doctor_search .tbi_wrap .tbi_list li:last-child div:last-child{font-weight: 300; line-height: 24px;}
.doctor_search .tbi_wrap .tbi_list li span{color: #858585;}
.doctor_search .tbi_wrap .tbi_list li p{color: #2a2a2a; font-size: 1.563em; padding-top: 10px;}
.doctor_search .tbi_wrap .tbi_list li button{background:#d84b62; color: #fff; font-size: 0.813em; font-weight: 700; padding:8px 20px 8px 40px; position: relative; border-radius: 5px;} 
.doctor_search .tbi_wrap .tbi_list li button::before{background:url(../images/szoom.png) no-repeat 0 0 ; width: 16px; height: 16px; content: ''; position: absolute; left: 12px; top:10px;} 
.doctor_search .tbi_wrap .tbi_list li button.date{margin-left: 10px;}
.doctor_search .tbi_wrap .tbi_list li button.date::before{background:url(../images/ca.png) no-repeat 0 0 ; width: 15px; height: 15px;  } 
/* paging */
.paging {margin: 20px 0;text-align: center;clear: both;position: relative; } 
.paging a {position: relative;display: inline-block;min-width: 30px;min-height: 30px;line-height: 30px;vertical-align: top;border: 1px solid #d5d5d5;  background:#fff; border-radius: 50%;} 
.paging a::after {content: '';display: inline-block;clear: both; } 
.paging a.first:after {width: 10px;height: 10px;background: url('../images/first.png') 0 0 no-repeat; } 
.paging a.prev:after {width: 5px;height: 10px;background: url('../images/prev.png') 0 0 no-repeat; } 
.paging a.last:after {width: 10px;height: 10px;background: url('../images/last.png') 0 0 no-repeat; } 
.paging a.next:after {width: 5px;height: 10px;background: url('../images/next.png') 0 0 no-repeat; } 
.paging a.prev{margin-right: 10px;}
.paging a.last{margin-left: 10px;}
.paging>span {display: inline-block;margin: 0px; } 
.paging>span>a {text-align: center;} 
.paging>span>a:hover {background: #eeeeee;color: #000; } 
.paging>span>a.selected {background: #ea6176;border: 1px solid #d75065;color: #fff; } 
@media all and (max-width:1600px){
    .container .visual .light{display: none;}
    section.content .tab_con > .img,section.content .tab_con > .img02{display: none;}
    section.content .tab_con .inner{float: none; width: 100%; padding: 0 20px;}
    section.content .tab{width: 100%;}
    section.content .tab_con .tab01_inner{width: 100%;}
    section.content #tab_con02 {padding-left:20px; padding-right: 20px;}
    section.content .tab_con .pr{padding: 0 20px;}
    section.content .tab_con .hl{padding: 0 20px;}
    /* section.info .pic{width: 600px; height: 691px;} */
}
@media all and (max-width:1200px){
    .inner{width: 100%;}
    .container .visua,.container .visua_02{padding: 0 40px;}
    section.content #tab_con01{background-image: none; }
    section.content .tab_con .pr{background-image: none; background: #f7f7f7; height: auto;}
    section.content .tab_con .pr > h3{color: #2a2a2a; padding-top: 80px;}
    section.content .tab_con .pr > .tab01_inner > ul > li{position: relative; background: #fff; border: 1px solid #e8e8e8; padding: 30px; margin-left:0px; float: left; width:calc(50% - 10px); height: 200px; margin-bottom: 20px;}
    section.content .tab_con .pr > .tab01_inner > ul > li:nth-child(2n){margin-left:20px;}
    footer > .inner{padding: 0 20px;}
    section.content .tab_con .hl > h3{color: #2a2a2a; padding-top: 80px;}
    section.content .tab_con .hl{background-image: none; background: #f7f7f7; height: auto;}
}
@media all and (max-width:1024px) {
    .mo{display:block;}
    .inner{width: 100%;}
    .container .visual{height: 100%; padding-bottom: 30px;}
    .container .visual_02{background:linear-gradient(to right,rgba(139,157,168,1) 0%,rgba(164,185,198,1) 52%, rgba(163,184,197,1) 100%); height: 100%; padding-bottom: 30px;}
    section.info .pic{width:60%; bottom: -100px; right: -40px;}
    section.info .pic_03{width:70%; bottom: 400px; left:50%; transform: translateX(-50%);}
    section.info .pic_04{width:70%; bottom: 350px; left:50%; transform: translateX(-50%); display: block;}
    section.info .time h3{font-size:1.063em;}
    section.info .time{width: 100%; margin: 10px auto; float: none;}
    section.info .time > table > thead > tr > th, section.info .time > table > tbody > tr > th{font-size:0.875em;}
    section.info .time > table > thead > tr > td{font-size:0.875em;}
    section.info .time > table > tbody > tr > td.on{font-size:0.813em; vertical-align: middle;}
    .tbi_01 th{font-size: 0.938em;}
    .tbi_01 tr > td > p{display: block; font-size: 0.875em; margin-bottom: 15px;}
    .tbi_01 tr > td > p > span{padding-bottom: 5px; display:block; line-height: inherit;}
    .tbi_01 tr > td > p > span:last-child{line-height: 24px;}
    .tbi_01 tr > td.dw > p > span:first-child{width: 100%;}
    .tbi_01 tr > td > p > span:first-child{padding-left: 0;}
    .tbi_01 tr > td > p > span:first-child::before{display: none;}
    footer{padding-left: 20px; padding-right: 20px; line-height: 24px;}
    .doctor_search .search_wrap{margin: 45px auto 0 auto; width: 100%; padding: 20px;} 
    .doctor_search .search_wrap input {border: 2px solid #f0667b;width:100%;height: 45px; padding-left: 20px;color:#6f6f6f;  float: none; font-size: 0.875em;} 
    .doctor_search .search_wrap button {float: none;width:100%;height: 45px;text-indent: -99999px; margin-top: 10px; } 
    .doctor_search .close{width:20px; height:20px; background-size:100%; top: 20px;}
    .doctor_search .tbi_wrap{margin-top:0px; padding: 20px; width: 100%;}
    .doctor_search .tbi_wrap .tbi_list li{display:block;}
    .doctor_search .tbi_wrap .tbi_list li:first-child{width: 100%; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 20px;}
    .doctor_search .tbi_wrap .tbi_list li:last-child{width: 100%; padding: 20px 0;}
    .util .lang_wrap{top: 60px; right: 10px;}
    section.content .tab_con .book ul li{width:calc(50% - 15px);}
    section.content .tab_con .book ul li:nth-child(2n + 1){margin-left:0;}
    
}
@media all and (max-width:1000px){
  header{height: 60px;}
  header h1{padding:15px 0; margin-left: 0px; position: relative; z-index: 6; width: 100%; border-bottom: 1px solid #eeeeee;}
  header h1 img{width: 200px; height: 29px; padding-left: 10px;}
  header .util{float: none; margin-top: 0;padding-right: 0; position: relative; background: #fff; z-index: 5; height: 110px; border-bottom: 1px solid #eee;}
  .util .search, .util button.hospital{font-size: 1em; margin-top: 5px;}
  .util button.hospital{margin-left: 20px;}
  .util .search:before{width: 25px; height: 25px; background-size: 10px 10px; left: 10px; top: 50%; transform: translateY(-50%);}
  .util button.hospital:after{width: 25px; height: 25px; background-size: 13px 12px; left: 10px; top: 50%; transform: translateY(-50%)}
  .util .lan{float: none; position: absolute; right:10px; top: 12px; z-index: 20;}
  .util .lan > button{font-size: 0.938em;}
  .container .visual,.container .visual_02{padding:0 10px 10px 10px;}
  section.info{padding-top:480px; }
  section.info .profile .name{font-size: 1.5em; margin-top:10px;}
  section.info .info{font-size:1em;}
  section.info .part li:first-child{padding-bottom:10px;}
  section.info .part li span{ font-size: 1em;}
  section.info .part li span:first-child{font-size: 1.125em; padding-bottom: 15px; width: 80px;}
  section.info .denti{font-size: 1em;}
  section.info .denti h3{font-size: 1.125em;}
  section.content .tab_wrap.on{top: 110px;}
  section.content #tab_con01{padding-top: 0;}
  .tbi_01{margin-bottom:30px;} 
  section.info .profile{width: 100%; padding-left:20px; padding-right: 20px; background: rgba(43, 92, 125, 0.3); position: relative; z-index: 92;}
  section.info .pic{ top:100px;}
  section.content #tab_con01 h3{text-align: center;}
  section.info .time h3{text-align: center; padding-left:0;}
  section.info .reservation{display: flex; justify-content: space-around; position: relative; top: 0; left: 0; margin-bottom: 0;}
  section.info .reservation div{width: 50%;}
  section.info .reservation div.internet span a{font-size: 0.875em; line-height: 19px;}
  section.info .denti p{font-size: 1em;}
  section.info .reservation div.phone span:nth-child(2){font-size: 0.875em;}
  .point{width: 100%;}
}
@media all and (max-width:768px){
  section.info .mail{padding-top: 20px;}
  section.info .pic{ width:90%; top:119px; left:50%; transform: translateX(-50%);}
  section.info .part li span {display: block;}
  section.content .tab_con .thesis_list, section.content .tab_con .book{font-size: 0.875em;}
  section.content .tab_con .book ul li{width:100%; margin-left: 0;}
  section.content .tab_con h3,section.content .tab_con h4{font-size: 1.25em;}
  .tbi_01.mobg{background: #fff; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea;}
  .tbi_01 tr > td{padding-left:20px;}
  section.content .tab_con .pr{font-size: 0.875em;}
  section.content .tab_con .pr > h3{padding: 30px; font-size: 1.25em;}
  section.content .tab_con .pr > .tab01_inner > ul > li{position: relative; background: #fff;  margin-left:0px; float: none; width:100%; height: 200px; margin-bottom: 20px;}
  section.content .tab_con .pr > .tab01_inner > ul > li:nth-child(2n){margin-left:0px;}
  section.content .tab{font-size: 0.938em;}
  section.content .tab li{height: auto;}
  section.content .tab li a{height: 40px; line-height: 40px;}
  section.info .part li span:last-child a{width: 25px; height: 25px; background-size: 12px 12px;}
  .health { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .health .item { width: 47%; }

}
@media all and (max-width:500px){
  section.content .tab_wrap { width: 100%; overflow: auto; }
  section.content .tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  section.content .tab li{ -ms-flex-negative: 0; flex-shrink: 0;}
  section.content .tab li a { width: 100%; padding: 0 20px; }
  .health { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .health .item { width: 80%; }
}
@media all and (max-width:414px){
  section.info .pic{ width:71.5%; top:115px; bottom: auto;}
  section.info span{display: block;}
  section.info .mail{padding-left: 0;}
  /* section.info .part li span{display: inline-block;} */
}
@media all and (max-width:375px){
  section.info .pic{ width:76%; top:132px;}
  .health .item { width: 100%; }

}
@media all and (max-width:360px) {
  section.info .pic{ top:145px;}
}
@media all and (max-width:320px) {
  section.info .pic{width:86%; top:145px;}
}