@charset "utf-8";

/*departments*/
.department_list {display:inline-block; width:100%;}
.department_list ul li {position:relative; float:left; width:158px; height:158px; margin-bottom:12px; text-align:center; margin-left:12px; border:1px solid #ddd; overflow:hidden;}
.department_list ul li.fir {margin-left:0;}
.department_list ul li:hover {border-color:#074da9;}
.department_list ul li a {display:block; width:100%; padding-top:110px; height:100%; color:#222; font-size:13px; letter-spacing:0;line-height:1.2; background-position:50% 30px; background-repeat:no-repeat; font-family:'Lato',sans-serif; padding-left:10px; padding-right:10px; box-sizing:border-box;}

.department_list ul li:hover .ov {position:absolute; text-align:center; top:0; left:0; width:158px; height:158px; background:#1963c4; border:1px solid #074da9;}
.department_list ul li .ov a {padding:0;display:inline-block; width:120px; height:32px; font-size:14px; border:1px solid #60a0f3; color:#fff; margin-top:-1px; margin-left:-1px; line-height:32px; font-family:'Lato',sans-serif; font-weight:normal;}
.department_list ul li .ov a:hover {background:#fff; color:#1963c4;}
.department_list ul li .ov .tit {color:#fff; font-size:14px; padding:20px 10px; font-family:'Lato'; box-sizing:border-box; }
.department_list ul li a:hover {color:#fff; font-weight:normal;}

.department_list ul li a.icon_FM {background-image:url(/img/02treatment/medilist_icon1.png)} /*가정의학과*/
.department_list ul li a.icon_GS {background-image:url(/img/02treatment/medilist_icon2.png)} /*간이식간담췌외과*/
.department_list ul li a.icon_IID {background-image:url(/img/02treatment/medilist_icon3.png)} /*감염내과*/
.department_list ul li a.icon_IE {background-image:url(/img/02treatment/medilist_icon4.png)} /*내분비대사내과*/
.department_list ul li a.icon_GS2 {background-image:url(/img/02treatment/medilist_icon5.png)} /*대장항문외과*/
.department_list ul li a.icon_IR {background-image:url(/img/02treatment/medilist_icon6.png)} /*류마티스내과*/
.department_list ul li a.icon_AN {background-image:url(/img/02treatment/medilist_icon7.png)} /*마취통증의학과*/
.department_list ul li a.icon_TR {background-image:url(/img/02treatment/medilist_icon8.png)} /*방사선종양학과*/
.department_list ul li a.icon_SP {background-image:url(/img/02treatment/medilist_icon9.png)} /*병리과*/
.department_list ul li a.icon_UR {background-image:url(/img/02treatment/medilist_icon10.png)} /*비뇨기과*/
.department_list ul li a.icon_OB {background-image:url(/img/02treatment/medilist_icon11.png)} /*산부인과*/
.department_list ul li a.icon_PS {background-image:url(/img/02treatment/medilist_icon12.png)} /*성형외과*/
.department_list ul li a.icon_GS3 {background-image:url(/img/02treatment/medilist_icon13.png)} /*소아외과*/
.department_list ul li a.icon_PD {background-image:url(/img/02treatment/medilist_icon14.png)} /*소아청소년과*/
.department_list ul li a.icon_IG {background-image:url(/img/02treatment/medilist_icon15.png)} /*소화기내과*/
.department_list ul li a.icon_IC {background-image:url(/img/02treatment/medilist_icon16.png)} /*순환기내과*/
.department_list ul li a.icon_NE {background-image:url(/img/02treatment/medilist_icon17.png)} /*신경과*/
.department_list ul li a.icon_NS {background-image:url(/img/02treatment/medilist_icon18.png)} /*신경외과*/
.department_list ul li a.icon_IN {background-image:url(/img/02treatment/medilist_icon19.png)} /*신장내과*/
.department_list ul li a.icon_OT {background-image:url(/img/02treatment/medilist_icon20.png)} /*안과*/
.department_list ul li a.icon_RA {background-image:url(/img/02treatment/medilist_icon21.png)} /*영상의학과*/
.department_list ul li a.icon_GS4 {background-image:url(/img/02treatment/medilist_icon22.png)} /*위장관외과*/
.department_list ul li a.icon_GS5 {background-image:url(/img/02treatment/medilist_icon23.png)} /*유방갑상선외과*/
.department_list ul li a.icon_EM {background-image:url(/img/02treatment/medilist_icon24.png)} /*응급의학과*/
.department_list ul li a.icon_ENT {background-image:url(/img/02treatment/medilist_icon25.png)} /*이비인후과*/
.department_list ul li a.icon_RM {background-image:url(/img/02treatment/medilist_icon26.png)} /*재활의학과*/
.department_list ul li a.icon_NP {background-image:url(/img/02treatment/medilist_icon27.png)} /*정신건강의학과*/
.department_list ul li a.icon_OS {background-image:url(/img/02treatment/medilist_icon28.png)} /*정형외과*/
.department_list ul li a.icon_IH {background-image:url(/img/02treatment/medilist_icon29.png)} /*종양혈액내과*/
.department_list ul li a.icon_CP {background-image:url(/img/02treatment/medilist_icon30.png)} /*진단검사의학과*/
.department_list ul li a.icon_DN {background-image:url(/img/02treatment/medilist_icon31.png)} /*치과*/
.department_list ul li a.icon_DT {background-image:url(/img/02treatment/medilist_icon32.png)} /*피부과*/
.department_list ul li a.icon_NM {background-image:url(/img/02treatment/medilist_icon33.png)} /*핵의학과*/
.department_list ul li a.icon_GS6 {background-image:url(/img/02treatment/medilist_icon34.png)} /*혈관중재혈관외과*/
.department_list ul li a.icon_IP {background-image:url(/img/02treatment/medilist_icon35.png)} /*호흡기내과*/
.department_list ul li a.icon_CS {background-image:url(/img/02treatment/medilist_icon36.png)} /*흉부외과*/

/*진료과 교수소개_진료과소개*/
.department_intro {width:100%;}
.department_intro .depart_box {position:relative; width:100%; height:415px; overflow:hidden;}
.department_intro .depart_box .tit {font-size:32px; color:#1c1c1c; font-family:'Lato'; font-weight:700; line-height:1; margin-bottom:40px;} 
.department_intro .depart_box .stit {font-size:15px; font-family:'NotoKrR'; color:#666; margin-bottom:50px;}
.department_intro .depart_box .photo img{width:100%;}
.department_intro .depart_box .list_btn {position:absolute; top:0; right:0; font-size:0; line-height:0;}
.department_intro .depart_box .list_btn .more_btn {width:128px; height:40px; padding-left: 25px;border:1px solid #2d5c9d; text-align:center; line-height:40px;background:url(/ihc/img/02departments/alldoc_icon.png)no-repeat 20px 50%; color:#2d5c9d; font-size:15px; letter-spacing:-0.08em; display:block;}

.department_intro .ct_type_h{font-size:15px;line-height:26px; font-family:'Lato',sans-serif; color:#666;}
.department_intro .doctor_info{font-size:15px;line-height:26px; font-family:'Lato',sans-serif; color:#666;}
.department_intro .doctor {display:inline-block; width:100%;}
.department_intro .doctor .box {position:relative; display:inline-block; width:100%; border:1px solid #ddd; padding:20px 0 60px 0; margin-bottom:15px; 
box-shadow:0px 2px 2px rgba(0,0,0,0.1); border-top:2px solid #303d80;}
.department_intro .doctor .box .doctor_info {padding-left:195px; width:565px; font-size:13px;}
.department_intro .doctor .box .doctor_info .name {font-size:21px; font-weight:600; color:#222; line-height:26px; padding-top:5px; height:37px;}
.department_intro .doctor .box .doctor_info dl {width:100%; border-top:1px dashed #dfdfdf; /* border-bottom:1px solid #dfdfdf; */ padding:13px 0; font-family:'Lato';}
.department_intro .doctor .box .doctor_info dl dt {position:absolute; font-weight:700; line-height:24px; color:#222; font-size:14px;}
.department_intro .doctor .box .doctor_info dl dd {line-height:20px; padding:2px 0; padding-left:180px; color:#666;  font-size:14px;}
.department_intro .doctor .box .doctor_info .photo {position:absolute; top:20px; left:20px; width:133px; height:158px; font-size:0; line-height:0; border:1px solid #dfdfdf;}
.department_intro .doctor .box .doctor_info .photo img {width:133px; height:158px;}

.department_intro .doctor .box .doctor_info .con_btn {padding:4px 20px; display:inline-block; font-size:14px; color:#fff; margin-right:5px;}
.department_intro .doctor .box .doctor_info .con_btn.blue {background:#0a4aa2;}

/****************************** 태블릿 ******************************/
@media all and (max-width:1024px){

/*진료과 교수소개_진료과 리스트*/
.department_list ul{width:102%;margin:-2% 0 0 -2%;}
.department_list ul li{width:31%;height:140px;margin:2% 0 0 2% !important;box-sizing: border-box;margin-bottom:2%}
.department_list ul li a{padding-top: 90px;background-size: 50px auto;}
.department_list ul li:hover .ov {position:absolute; text-align:center; top:0; left:0; width:100%; height:100%; background:#1963c4; border:none;}
.department_list ul li .ov .tit{padding:20px 0;}
.department_list ul li .ov a{margin:0 5px;}
/*3개일때*/
.medical_intro .doctor .box .btn.no3 a,
.medical_intro .doctor .box .btn.no3 a:first-child,
.medical_intro .doctor .box .btn.no3 a:last-child {width:33.33%;}

/*진료과 교수소개_진료과소개*/
.department_intro .depart_box {height:auto;}
.department_intro .depart_box .photo{display:inline-block;width:100%;max-height:220px;overflow:hidden;font-size:0;line-height:0;}
.department_intro .depart_box .photo img{height:auto;}

.department_intro .doctor_info{font-size:14px;line-height:1.5;}
.department_intro .doctor .box {display:block;width:auto;padding:10px 15px 15px;margin-bottom:15px;}
.department_intro .doctor .box .doctor_info {padding-left:0; width:100%; font-size:13px;}
.department_intro .doctor .box .doctor_info .name {padding-bottom:10px;font-size:18px; line-height:28px; padding-top:0; height:auto;  text-align:center;}
.department_intro .doctor .box .doctor_info dl {width:100%; border-top:1px dashed #dfdfdf; /* border-bottom:1px solid #dfdfdf; */ padding:13px 0; font-family:'Lato';}
.department_intro .doctor .box .doctor_info dl dt {position:absolute; font-weight:700; line-height:24px; color:#222; font-size:14px;}
.department_intro .doctor .box .doctor_info dl dd {line-height:20px;padding:4px 15px 4px 180px; color:#666;  font-size:14px;}
.department_intro .doctor .box .doctor_info .photo {position:relative; top:auto; left:auto; margin:0 auto; overflow:hidden;}
.department_intro .doctor .box .doctor_info .photo img {}




}



/****************************** 모바일 ******************************/
@media all and (max-width:767px){

/*진료과 교수소개_진료과 리스트*/
.department_list ul li{width:48%;}
.department_list ul li a{padding-top:85px;font-size:12px;background-position:50% 25px;}
.department_list ul li .ov a:last-child{margin-top:-1px;}

/*진료과 교수소개_진료과소개*/
.department_intro .depart_box .photo{display:inline-block;width:100%;max-height:220px;overflow:hidden;font-size:0;line-height:0;}
.department_intro .depart_box .photo img{height:auto;}

.department_intro .depart_box{height:auto;}
.department_intro .depart_box .tit{margin-bottom:22px;font-size:20px;}
.department_intro .depart_box .stit{margin-bottom:20px;font-size:14px;}
.department_intro .depart_box .list_btn{position:relative;top:inherit;right:inherit;margin-bottom:12px;} 
.department_intro .depart_box .list_btn .more_btn{width:100%;height:36px;line-height:34px;padding-left:40px;font-size:14px;text-align:left;background-position:14px 50%;box-sizing:border-box;}
.department_intro .depart_box {margin-top:0;}
.department_intro .ct_type_h {margin-top:0; font-size:13px; line-height:1.6;}

.department_intro .doctor .box .doctor_info .name{font-size:16px;line-height:22px;padding-bottom:7px;}
.department_intro .doctor .box .doctor_info dl{padding:7px 0 0;}
.department_intro .doctor .box .doctor_info dl dt{position:static;}
.department_intro .doctor .box .doctor_info dl dd{padding:0 0 12px;font-size:13px;line-height:17px;}

.department_intro .doctor .box .doctor_info .photo{width:110px;height:auto;}
.department_intro .doctor .box .doctor_info .photo img{width:110px;height:auto;}


}