@charset "utf-8";

/* 서브 비쥬얼 */
.sub_visual1 {  background:url("/img/sub/s_visu1.jpg") no-repeat center center;    float: left;  height:279px;  position: relative;  width: 100%;}
.sub_visual2 {  background:url("/img/sub/s_visu2.jpg") no-repeat center center;    float: left;  height:279px;  position: relative;  width: 100%;}
.sub_visual3 {  background:url("/img/sub/s_visu3.jpg") no-repeat center center;    float: left;  height:279px;  position: relative;  width: 100%;}
.sub_visual4 {  background:url("/img/sub/s_visu4.jpg") no-repeat center center;    float: left;  height:279px;  position: relative;  width: 100%;}
.sub_visual5 {  background:url("/img/sub/s_visu5.jpg") no-repeat center center;    float: left;  height:279px;  position: relative;  width: 100%;}
.v_text { left: 50%; margin-left: -540px; position: absolute;  top: 90px;  z-index:1; color:#3b3b3b}
.v_text h2 { font-size:52px; line-height:60px;}
.v_text p { font-size:20px; color:#4e4a49; margin-top:10px}

/* 페이지 인식을 위한 부분 */
#page1 a.menu1,
#page2 a.menu2, 
#page3 a.menu3,
#page4 a.menu4,
#page5 a.menu5,
#page6 a.menu6,
#page7 a.menu7,
#page8 a.menu8,
#page9 a.menu9,
#page10 a.menu10 {   display:block; color:#0070df; background:url(/img/sub/s_menu_bg.gif) no-repeat right center; height:22px; font-weight:bold }

h2 { color:#333}
/* 서브 내용 */
.f_info { background:#ebebeb; height:262px; display:block}
.m_board { display:none}

.sub { width:100%; display:inline-block; padding:50px 0 80px}
.sub .s_tit { text-align:center; color:#505050; font-size:40px; line-height:45px;}
.s_conts { width:1200px; margin:0 auto; position:relative; margin-top:75px; font-size:15px; line-height:23px}

.info01 { text-align:center}
.info01 h3 { font-family:나눔명조; font-weight:bold}
.info01 h2 { font-size:40px; line-height:50px;}
.info01 p:last-child { font-size:18px; line-height:25px; width:50%; margin:20px auto 0;}

.info02 > ul > li { float:left; width:50%}
.info02 > ul { margin-bottom:20px; clear:both; display:inline-block; width:100%}
.info02 > ul > .add { font-size:45px; line-height:55px; font-family:나눔명조; font-weight:bold; text-align:center; margin-top:40px}
.info02 .doctor_info { width:90%; margin:0 auto;}
.info02 .doctor_info h2 { border-bottom:3px solid #484848; padding:10px; margin-bottom:20px;}
.info02 .doctor_info h2 span { font-size:40px; font-family:나눔명조}
.info02 .doctor_info li { background:url(/img/sub/s_dot1.gif) no-repeat left center; text-indent:10px; margin-bottom:15px}

.s_call { background:#c6cbc7; width:100%; height:358px; }
.s_call > div { float:left; }
.s_call > div:last-child { margin:40px 0 0 70px}
.s_call .white { font-size:19px;}
.s_call .num { font-size:52px; line-height:60px; font-family:roboto}
.s_call .num b { color:#333}
.s_call ul { margin-top:20px}
.s_call li { margin-bottom:5px}
.s_call li:last-child { color:#77524f}
.s_call .date { display:inline-block; width:90px; font-size:18px}
.s_call .time {font-family:Roboto; font-size:19px}

.root_daum_roughmap { width:100% !important}

.s_table1 { border-top:2px solid #59779a}
.s_table1 th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f2f2f2}
.s_table1 td {border-bottom:1px solid #ddd; padding:15px}

.s_table2 { border-top:2px solid #59779a}
.s_table2 th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f2f2f2}
.s_table2 td {border-bottom:1px solid #ddd; padding:15px; border-right:1px solid #ddd}

.treatment03 .s_table2 td {border-bottom:1px solid #ddd; padding:15px 0; border-right:1px solid #ddd}

.pc_only { display:block}
.mo_only { display:none}

.info04 > div { width:80%; margin:0 auto;}

.line { border-bottom:1px solid #ddd; display:inline-block; width:100%; margin:30px 0;}

.part > div img { float:left}
.part > div dl { float:right; width:58%}
.part > div dl dt { font-size:37px; line-height:45px; color:#333; margin-bottom:15px }
.part > div dl dt .num { background:url(/img/sub/num_bg.gif) no-repeat; width:52px; height:52px; display:inline-block; text-align:center; color:#fff; font-size:25px; line-height:50px; font-family:roboto; font-weight:bold; margin-right:10px}
.part > div dl dd { line-height:28px}
.part > div dl dd p { margin-top:15px}
.part > div ul li { margin-bottom:20px;}
.part > div ul li h3 { font-size:20px; color:#1a4da7}

.part2 img { float:none !important; width:100% !important}
.part2 dl { float:none !important; width:100% !important; margin-top:20px}

.mark li { float:left; width:30%;}
.mark li::before { content:"·"}

@media (max-width:1100px) {
	.f_info { display:none}
	.s_conts { width:100%; padding:0 20px}
	
	.v_text { width:100%; text-align:left; position:relative; left:5%; margin-left:0}
	
	.s_call { height:270px; overflow:hidden}
	.s_call > div { width:50%}
	.s_call .num { font-size:42px; line-height:50px;}
	.s_call ul { margin-top:10px;}
	.s_call > div:last-child { margin:20px 0 0 0; text-align:center}
	
	.part > div img { width:39%}
}

@media (max-width:768px) {
.v_text { top:103px;}
.v_text h2 { font-size:36px; line-height:40px; }
.sub { padding:30px 0 80px}
.s_conts { margin:30px auto 0}

.info01 h3 { font-family:나눔명조; font-weight:bold; font-size:20px}
.info01 h2 { font-size:25px; line-height:35px;}
.info01 p:last-child { font-size:16px; line-height:25px; width:100%; margin:20px auto 0;}

.info02 > ul > li { float:none; width:100%}
.info02 > ul:first-child { display:none}
.info02 .doctor_info h2 { font-size:23px;}
.info02 .doctor_info h2 span { font-size:33px;}
.info02 .doctor_info { width:100%; margin:0 auto;}

.s_call { height:auto}
.s_call > div { float:none; width:100%}
.s_call > div:last-child { margin:20px; text-align:center; width:89%}
.s_call .num { font-size:40px; line-height:50px;}
.s_call ul { margin-top:10px;}
.s_call li:last-child { padding-bottom:30px}

.pc_only { display:none}
.mo_only { display:block}

.info04 > div { width:100%; margin:0 auto;}

.part > div img { float:none; width:100%}
.part > div dl dt { font-size:27px;}
.part > div dl { float:none; width:100%; margin-top:10px}


.mark li { float:left; width:100%;}
}

@media (max-width:640px) {
	
	.sub_visual1 {  background:url("/img/sub/s_visu1_m.jpg") no-repeat center center;    float: left;  height:190px;  position: relative;  width: 100%;}
	.sub_visual2 {  background:url("/img/sub/s_visu1_m.jpg") no-repeat center center;    float: left;  height:190px;  position: relative;  width: 100%;}
	.sub_visual3 {  background:url("/img/sub/s_visu1_m.jpg") no-repeat center center;    float: left;  height:190px;  position: relative;  width: 100%;}
	.sub_visual4 {  background:url("/img/sub/s_visu1_m.jpg") no-repeat center center;    float: left;  height:190px;  position: relative;  width: 100%;}
	.sub_visual5 {  background:url("/img/sub/s_visu1_m.jpg") no-repeat center center;    float: left;  height:190px;  position: relative;  width: 100%;}
	.v_text { text-align:center; left:0; top:62px}
	.sub .s_tit { font-size:28px; line-height:35px}
	.v_text h2 { font-size:35px; line-height:40px;}
	.v_text p { font-size:15px; line-height:20px; margin-top:0}
}