@charset "utf-8";
/*
* 스페셜클리닉 - base
*/


/* /////////////////////////// sub common ////////////////////////// */
#sub1_content .intro1 .board_menu.board_disease { 
padding:0;
padding-left:210px;
}
#sub1_content .intro1 .board_disease .menu_list { 
position: relative; 
height:60px; 
}
#sub1_content .intro1 .board_menu.board_disease .menu_list .b_m_s { 
float:left; 
width:20%;
}
#sub1_content .intro1 .board_menu.board_disease .menu_list li a { 
position: relative;
margin-left:0px;
display: block; 
width:100%; height:60px;  
text-align: center; 
font-size:17px; 
color: #333; 
font-weight:bold; 
line-height:60px; 
background:#e7ded1; 
}
#sub1_content .intro1 .board_disease .menu_list li a:focus { 
text-decoration: none;  
}

#sub1_content .intro1 .board_menu .menu_list li a.on { 
background:#c1b29b; 
color:#fff;  
}
#sub1_content .intro1 .board_menu .menu_list li a.on:after { 
content:"▼"; 
font-size:24px; 
color:#c1b29b; 
position: absolute; 
left:50px; top:35px 
}
#sub1_content .intro1 .board_menu.board_disease .menu_list .b_m_s a.on:after { 
left:89px; top:35px 
}
#sub1_content .intro1 .board_menu .menu_list li .radi_l { border-top-left-radius:20px;  }
#sub1_content .intro1 .board_menu .menu_list li .radi_r { border-top-right-radius:20px;  }



/*
* 스페셜클리닉 - contents
*/
/* /////////////////////////// special_clinic common ////////////////////////// */
#sub1_content .intro1 .con_disease { 
margin-top:60px; 
margin-bottom:100px;  
}
/* /////////// disease info - spine 척추 /////////// */
#sub1_content .intro1 .con_disease .h_disease1 { 
background: url(../images/disease_spine.jpg) center top no-repeat;
height:381px; 
border-top: 1px solid #333; 
border-bottom: 1px solid #333;  
}
/* /////////// disease info - joint 관절  /////////// */
#sub1_content .intro1 .con_disease .h_disease2 { 
background: url(../images/disease_joint.jpg) center top no-repeat; 
background-size:cover auto; 
height:381px; 
border-top: 1px solid #333; 
border-bottom: 1px solid #333;  
}
/* /////////// disease info - sport 스포츠 손상 /////////// */
#sub1_content .intro1 .con_disease .h_disease3 { 
background: url(../images/disease_sport.jpg) center top no-repeat; 
background-size:cover auto; 
height:381px; 
border-top: 1px solid #333; 
border-bottom: 1px solid #333;  
}
/* /////////// disease info - fronzenSh 오십견 /////////// */
#sub1_content .intro1 .con_disease .h_disease4 { 
background: url(../images/disease_frozenSh.jpg) center top no-repeat; 
background-size:cover auto; 
height:381px; 
border-top: 1px solid #333; 
border-bottom: 1px solid #333;  
}


#sub1_content .intro1 .con_disease .t_disease { 
background:url(../images/subCon_bg3.gif);
/*padding:79px 64px;*/
padding:79px 30px;
text-align: center;
border-bottom: 1px solid #bbb;  
}


/* ///////////////////////////////////// tab ///////////////////////////////////// */
#sp_tab1 {
padding:0 0 30px 0 ;
}
#sp_tab1 li a {
/*background-color:#ccc;*/
font-size:18px;
font-weight:700;

}
.nav-tabs {
/*border-bottom:none;*/
border-color:#aaa;

}
.nav-tabs>li>a {
border-radius:10px;
border:3px solid #ddd;
background-color:#ddd;
color:#777;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover {
background-color:#c1b29b;
/*border-color:brown;*/
border:3px solid #c1b29b;
/*border-bottom:none;*/
color: #fff;
}

#sp_tab1 li:active {
background-color: #fff;
}

.tab-content {
padding-top:30px;
}




#sub1_content .intro1 .con_disease .t_disease .container_disease { 
background:url(../images/q_iconbg.png) left top no-repeat;
margin-bottom:35px;  
overflow: hidden;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease .ex_wrap { 
text-align: left;
margin-left:120px;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease .ex_wrap h3 {
font-size:36px;
font-weight:bold;
margin-top:10px;
margin-bottom:16px;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease .ex_wrap p {
font-size:18px;
text-indent:4px;
margin-bottom:85px;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease .p1 {
text-align: left;
margin-left:120px;
margin-right:100px;
font-size:18px;
line-height:24px;
padding-bottom:32px;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease .p1 strong {
font-size:19px;
font-weight:900;
/*padding-bottom:1px;*/
}
#sub1_content .intro1 .con_disease .t_disease .container_disease .p1 div {
/*content:""; display: block; clear: both;*/
overflow: hidden;
width:100%;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease img {
display: block;
/*margin:0 auto;*/
padding:5px 5px;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease .p1 div img {
/*display: block;*/
/*float: left;*/
/*padding-right:10px;*/
}
#sub1_content .intro1 .con_disease .t_disease .container_disease .p1 h4 {
font-size:24px;
font-weight:900;
padding-top:30px;
padding-bottom:15px;
}

/*.disc_detail1,
.disc_detail2,
.disc_detail3 {
text-align: left;
padding:0 120px;
}
.disc_detail1 dl,
.disc_detail2 dl,
.disc_detail3 dl {
content:""; display: block; clear: both;
font-size:14px;
}*/
/*.disc_detail1 dl dd,
.disc_detail2 dl dd,
.disc_detail3 dl dd {

}*/
/*.disc_detail1 .d1 {
height:140px;
padding:5px 0;
}
.disc_detail1 .d1 img {
float: left;
}
.disc_detail1 .d2 {
height:170px;
padding:5px 0;
}
.disc_detail1 .d3 {
height:36px;
padding:5px 0;
}
.disc_detail1 .d4 {
height:250px;
padding:5px 0;
}
.disc_detail1 .d4 img {
float: left;
}

.disc_detail2 .d1 {
height:64px;
padding:5px 0;
}
.disc_detail2 .d2 {
height:220px;
padding:5px 0;
}
.disc_detail2 .d3 {
height:120px;
padding:5px 0;
}

.disc_detail3 .d1 {
height:250px;
padding:5px 0;
}
.disc_detail3 .d2 {
height:145px;
padding:5px 0;
}




.disc_detail1 dl dt,
.disc_detail2 dl dt,
.disc_detail3 dl dt {
float: left;
width:18%;
line-height:26px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align: center;
}
.disc_detail1 dl .bdx,
.disc_detail2 dl .bdx,
.disc_detail3 dl .bdx {
border-bottom:none;
}
.disc_detail1 dl dd,
.disc_detail2 dl dd, 
.disc_detail3 dl dd {
float: left;
width:80%;
line-height:26px;
border-bottom:1px solid #ccc;
}
.disc_detail1 dl dd div,
.disc_detail2 dl dd div,
.disc_detail3 dl dd div {
padding-left:2%;
}*/

#sub1_content .intro1 .con_disease .t_disease .container_disease ul { 
width:100%;
/*padding-left:80px;*/
margin-bottom:46px; 
color:saddlebrown
}
#sub1_content .intro1 .con_disease .t_disease .container_disease ul > li {
text-align: left;
margin-top:10px;
font-family:"Noto Sans KR","Nanum Gothic";
font-size:16px;
font-weight:600;
text-indent:110px;
line-height:40px;
width:100%;
}

#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list1 {
background: #fff url(../images/img_num1.gif) left center no-repeat;
background-size:contain;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list2 {
background: #fff url(../images/img_num2.gif) left center no-repeat;
background-size:contain;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list3 {
background: #fff url(../images/img_num3.gif) left center no-repeat;
background-size:contain;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list4 {
background: #fff url(../images/img_num4.gif) left center no-repeat;
background-size:contain;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list5 {
background: #fff url(../images/img_num5.gif) left center no-repeat;
background-size:contain;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list6 {
background: #fff url(../images/img_num6.gif) left center no-repeat;
background-size:contain;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list7 {
background: #fff url(../images/img_num7.gif) left center no-repeat;
background-size:contain;
}

.must_man p,
.feature p {
font-size:24px;
font-weight:bold;
padding-top:20px;
}

#sub1_content .intro1 .con_disease .t_disease .container_disease .p2 {
text-align: left;
font-size:18px;
margin-top:42px;
margin-bottom:46px;
}


#sub1_content .intro1 .con_disease .t_disease .container_disease  > .injection_list {
margin-bottom:46px;
width:100%;
}


#sub1_content .intro1 .con_disease .t_disease .container_disease .img_wrap {
display: none;
}






/*
* media query START
*/
@media all and (min-width:1024px) and (max-width:1600px){

/*
* 스페셜클리닉 - special_clinic 
*/
/* /////////////////////////// special_clinic common ////////////////////////// */


#sub1_content .intro1 .board_menu.board_disease {   
padding:0px; 
width:100%;
/*padding-left:160px;*/
margin-left:86px;

}
#sub1_content .intro1 .board_menu.board_disease .menu_list { 
height:50px; 
width:100%;
/*padding-left:50px;*/
}
#sub1_content .intro1 .board_menu.board_disease .menu_list li { 
/*width:300px;*/
/*width:120%;*/
width:100%;
}

#sub1_content .intro1 .board_menu.board_disease .menu_list li a { 
height:50px;  
font-size:15px; 
line-height:50px; 
width:100%;
}
#sub1_content .intro1 .board_menu.board_disease .menu_list .b_m_s a {
font-size:14px;
letter-spacing:-1.2px;
}
#sub1_content .intro1 .board_menu.board_disease .menu_list .b_m_s a.on:after { 
left:72px;  top:30px;
}




/*
*  스페셜클리닉 - contents
*/
#sub1_content .intro1 .con_disease { 
margin-top:50px; 
}
#sub1_content .intro1 .con_disease .h_disease1,
#sub1_content .intro1 .con_disease .h_disease2,
#sub1_content .intro1 .con_disease .h_disease3,
#sub1_content .intro1 .con_disease .h_disease4,
#sub1_content .intro1 .con_disease .h_disease5,
#sub1_content .intro1 .con_disease .h_disease6 { 
background-size:100% auto; 
height:248px; 
}
#sub1_content .intro1 .con_disease .t_disease .container_disease { 
background:url(../images/q_iconbg.png) left top no-repeat;
background-size:10% auto;
margin-bottom:35px;  
overflow: hidden;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease .ex_wrap { 
text-align: left;
margin-left:100px;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease .ex_wrap h3 {
font-size:30px;
font-weight:bold;
margin-top:18px;
margin-bottom:10px;
}
/*#sub1_content .intro1 .con_disease .t_disease .container_disease .ex_wrap p {
font-size:16px;
text-indent:4px;
margin-bottom:65px;
}*/
#sub1_content .intro1 .con_disease .t_disease .container_disease .p1 {
margin-left:100px;
margin-right:60px;
font-size:14px;
line-height:22px;
padding-bottom:32px;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease ul > li {
margin-top:10px;
font-family:"Noto Sans KR","Nanum Gothic";
text-indent:60px;
font-size:1.2em; 
}

#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list1,
#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list2,
#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list3,
#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list4,
#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list5,
#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list6,
#sub1_content .intro1 .con_disease .t_disease .container_disease ul .mdi_list7 {
background-size:10%;
line-height:32px;
}

#sub1_content .intro1 .con_disease .t_disease .container_disease  > .injection_list img {
width:100%;
}

#sub1_content .intro1 .con_disease .t_disease .container_disease .p2 {
text-align: left;
font-size:16px;
margin-top:42px;
margin-bottom:46px;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease .img_wrap {
width:100%;
}
#sub1_content .intro1 .con_disease .t_disease .container_disease .img_wrap img {
width:33%;
}

}