/*--------진료과목--------*/

.sub_container{text-align: center;} 
.sub_container .sub_title{font-size: 16px; margin-top:16px; color:#505050}

/*탭메뉴*/
.m_sub_tab{width: 100%;    margin: 10px auto 20px; border: 1px solid #d1d1d1; border-bottom: none; position: relative;}
.m_sub_tab:before{content: ''; display: block; width: 10px; height: 10px; background: url('/m/img/arrow_ico.png')no-repeat center center; position: absolute; top: 12px; right: 20px;}
.m_sub_tab a{display: block; line-height: 36px; height: 36px; padding: 0 20px; height: 100%; font-size: 18px; color: #38383a; border-bottom: 1px solid #d1d1d1; text-align: left;}
.m_sub_tab ul{display: none;}
.m_sub_tab ul li a{background: #efefef; color: #404040}

/* 진료과목 탭메뉴 */
.m_sub_list{width: 95%; margin: 0 auto; border: 1px solid #199ed9; text-align: left;}
.m_sub_list>a{display: block; height: 34px; line-height: 34px; color:#199ed9; padding: 0 30px; position: relative; font-size: 15px;}
.m_sub_list>a:after{content: ''; display: block; width: 9px; height: 9px; background: url('/m/img/medical/plus_ico.png')no-repeat center center; position: absolute; right: 20px; top: 50%; margin-top: -4.5px;}
.m_sub_list ul{border-top: 1px solid #199ed9; display: none;}
.m_sub_list ul li a{display: block; line-height: 34px; padding: 0 30px; font-size: 15px; color:#686868; background:#f3f3f3;}



/* 진료과목 공통 스타일 */
.retina_txt{text-align: left; padding: 0 10px;}
.retina_txt .top_title{font-size: 30px; color:#414141; margin-bottom: 40px; margin-top: 22px; letter-spacing:-0.06em;}

.txt_box_top h3{font-size: 23px; color:#007fcc; letter-spacing: -0.05em; margin-bottom: 18px;}
.txt_box_top p{font-size: 15px; color:#2f2f2f; letter-spacing: -0.05em; line-height: 1.4em;}

.retina_txt .img_box{text-align: center; margin: 40px auto;}

.txt_box{margin-bottom: 28px;}
.txt_box h4{font-size: 18px; color:#515151; letter-spacing: -0.05em; font-weight: 800; margin-bottom: 11px;}
.txt_box h4.other{color:#007fcc;}
.txt_box p{font-size: 15px; color:#2f2f2f; letter-spacing: -0.05em; line-height: 1.4em;}

.retina_txt02{border: 3px solid #007fcc; text-align: center; margin: 28px auto 40px;}
.retina_txt02 p{color:#007fcc; font-size: 18px; line-height: 1.3em; padding: 0 0 15px 0;}
.retina_txt02 p span{font-weight: bold;}

/*포도막염 추가*/

.retina_txt03{border: 3px solid #007fcc; text-align: center; margin: 28px auto 40px;}
.retina_txt03 img{padding-top: 13px;} 
.retina_txt03 p{color:#007fcc; font-size: 18px; text-align: left; line-height: 1.3em; letter-spacing: -0.05em; padding: 15px 0 15px 10px;}
.retina_txt03 p span{font-weight: bold;}


/* tab */
.macular_tab{width: 100%; margin-bottom: 30px;}
.macular_tab ul:after{content:''; display: block; clear: both;}
.macular_tab ul li{float: left; width: calc(100% / 3); height: 43px; text-align: center; line-height: 41px; font-size: 15px; color:#434343; border: 1px solid #7d7d7d; position: relative; cursor: pointer; margin-left: -1px;}
.macular_tab ul li.on{ color: #189ed9; font-weight: bold;}
.macular_tab ul li.on:after{content: ''; display: block; width: 100%; height: 100%; border: 2px solid #189ed9; position: absolute; bottom: 0px; left: 0; box-sizing: border-box;}