/*

Editor	: C.I.
Version	: 1.0
Since	: 2019-12-25

 */
.home #inContent{padding-top:20px;}
.hdWrap{
height:90vh;
position:relative;
overflow: hidden;
}
@media only screen and (max-width: 1024px){
    .hdWrap{
    height:540px;
    position:relative;
    }
}
@media only screen and (max-width: 767px){
    .hdWrap{
    height:260px;
    position:relative;
    }
}

#indexTtlWrap{
position:absolute;
width:100%;
top:100px;
height:90%;
}
@media only screen and (max-width: 1215px){
    #indexTtlWrap{
    top:10%;
    }
}
#inIndexTtlWrap p{color:#111;}
#indexTtlWrap #inIndexTtlWrap{
position:absolute;
left:50%;
top:50%;
color:#111;
font-size:1.6em;
z-index:1;
text-align:center;
background-color:#fff;
opacity: 0.8; filter: alpha(opacity=80);
padding:2em;
margin-left:5em;
margin-top:-5em;
}
#indexTtlWrap p{margin-top:0;}
#indexTtlWrap ul img{
width:100%;
height:auto;
}
#indexTtlWrap ul{
position:relative;
width:100%;
height:100%;
overflow:hidden;
}
#indexTtlWrap li{
position:absolute;
width:100%;
height:100%;
opacity: 0; filter: alpha(opacity=0); 
}
#indexTtlWrap li:first-child{
opacity: 1.0; filter: alpha(opacity=100); 
}
#indexTtlWrap .inTtlWrapImg{
height:100%;
}
#indexTtlWrap .inTtlWrapImg ul{margin-top:0;}

@media only screen and (max-width: 1200px){
    #indexTtlWrap #inIndexTtlWrap{
    padding:1em !important;
    margin-top:-2em;
    }
}
@media only screen and (max-width: 1107px){
    #indexTtlWrap ul img{
    height:100%;
    width:auto;
    }
}
@media only screen and (max-width: 1080px){
    #indexTtlWrap #inIndexTtlWrap{
    font-size:120%;
    }
}
@media only screen and (max-width: 767px){
    #indexTtlWrap .inTtlWrapImg,
    #indexTtlWrap .inTtlWrapImg ul li{height:200px;}
    #indexTtlWrap #inIndexTtlWrap p{font-size:120%;text-align:left;}
    #indexTtlWrap #inIndexTtlWrap{padding:1em;text-align: center;}
    .inTtlWrapImg ul li img{width:auto;height:100%;margin-top:0;}
    #indexTtlWrap #inIndexTtlWrap p{text-align:center;}
}
.indexNews h2{
background:0;
padding:0;
margin:0;
}
.indexNews h2,
.indexNews ul{
float:left;
margin-top:20px;
}
.indexNews ul{
margin-top:10px;
}
.indexNews ul{width:80%}
.indexNews h2{
margin-right: 2%;
margin-top:10px;
}
.indexNews ul time{margin-right: 2%;}
.indexNews:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}
@media only screen and (max-width: 800px){
    .indexNews h2,
    .indexNews ul{
    float:none;
    margin-top:0;
    }
    #topGreeting .col,
    #topGreeting .col{
    float:none;
    width:auto;
    margin-left:0;
    }
}

.home .tableStyle td,
.home .tableStyle th{text-align:center;vertical-align: top}
.menu li{
width:31%;
margin-left: 2%;
float:left;
}
.menu li:first-child{margin-left:0;}
.menu li span.badge,
.menu li strong{
display: block;
}
@media only screen and (max-width: 800px){
    .menu li{
    width:auto;
    margin-left: 0;
    float:auto;
    margin-top:1em;
    }
    .menu li:first-child a{
    padding-top:1em;
    border-top:dotted 1px #ccc;
    }
    .menu li a{
    display: block;
    border-bottom:dotted 1px #ccc;
    padding-bottom:1em;
    }
}
.menu li strong{font-size:1.3em;}
.menu li span.badge{margin-left:0;padding:0;}
.menu li a strong:after{
content:" ";
display:inline-block;
margin-left:6px;
margin-bottom:-2px;
width:1em;
height:1em;
background:url(/asset/img_cmn/icon_arrow.svg) no-repeat 0 50% transparent;
background-size: auto 98%;
vertical-align: middle;
}
.menu:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}

.indexClinic{
background:url("../img/index_clinic_bg.jpg") no-repeat 50% 50%;
background-size:100% auto;
min-height:700px;
color:#fff;
}
@media only screen and (max-width: 800px){
    .indexClinic{
    background-size:auto 100% ;
    min-height:500px;
    }
}

.indexClinic .tumList4{
margin-top:0;
width:50%;
}
.indexClinic h3{
margin-top:30px;
}
@media only screen and (max-width: 800px){
    .indexClinic .tumList4{
    width:100%;
    }
}
.indexClinic h2{
background:none;
padding:1em;
background-color:#06928D;
position:absolute;
top:0;
left: 0;
margin-top:0;
}
.indexClinic .inCon{position:relative;padding-top:8em;}
@media only screen and (max-width: 800px){
    .indexClinic .inCon{padding-top:4em;padding-bottom:16em;}
    .indexClinic .inCon .tumList4{margin-top:0;}
    .linkListInline{
    text-align:right;
    }
}
.indexCareers{
background:url("../img/index_careers.jpg") no-repeat 50% 50%;
background-size:100% auto;
min-height:700px;
color:#fff;
}
.indexCareers .inTxt{
background-color:#fff;
opacity: 0.8; filter: alpha(opacity=80);
color:#000;
width:60%;
padding:4em;
}

@media only screen and (max-width: 1664px){
    .indexCareers{
    background-size:auto 100% ;
    }
    .indexCareers .inTxt{
    width:80%;
    }
    .indexCareers .inTxt{
    width:auto;
    padding:1em;
    }
}

.indexCareers h2{
background:none;
padding:1em;
background-color:#06928D;
position:absolute;
top:0;
left: 0;
margin-top:0;
}
.indexCareers .inCon{position:relative;padding-top:8em;}

.indexAccess{padding-bottom:4em;}
.footerLinks{
background-color:#E4F8F7;
padding:4em;
text-align:center;
}
.footerLinks h2{
background:0;
margin:0;
padding:0;
}
.footerLinks li{
display: inline-block;
margin-top:5px;
margin-left:1em;
background-color:#fff;
}
.footerLinks li a{
display: inline-block;
padding:0.5em 1em;
}
@media only screen and (max-width: 767px){
    .footerLinks ul{text-align:left;}
    .footerLinks li{
    width:40%;
    }
}

/* doctor */
dd .lists{
margin-top:0;
}
#doctorDetail{
background:url("/asset/img/doctor_pic_001.jpg") 0 0 no-repeat;
background-size: 100% auto;
border-radius: 20px;
padding-top:0;
padding-bottom:0;
}
#doctorDetail .inTxt{
background-color:#fff;
opacity: 0.7; filter: alpha(opacity=70);
padding:4em;
width:60%;
}
@media only screen and (max-width: 1664px){
    #doctorDetail .inTxt{
    padding:1em;
    }
    .footerLinks{padding:4em 0;}
}
#doctorDetail .inTxt .lists li{
width:42%;
min-width:30%;
margin-right:2%;
}
#doctorDetail .inTxt .lists li:nth-child(2){
border-top:dotted 1px #070707;
}
@media only screen and (max-width: 1664px){
    #doctorDetail .inTxt .lists li{
    width:auto;
    }
}
@media only screen and (max-width: 767px){
    #doctorDetail{
    background-size: auto 100% ;
    }
    #doctorDetail .inTxt .lists li:nth-child(2){
    border-top:none;
    }
    #doctorDetail .inTxt{
    width:90%;
    }
}
/* care */
.featureWrap .listTable li{
width:48%;
}


/**/
@media only screen and (max-width: 767px){
    .medicalTab > tbody > tr > th,
    .medicalTab > tbody > tr > td{
    display:block;
    }
    .medicalTab{font-size:0.8em;}
}