@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
dl,ul,ol,menu,li{list-style:none}
fieldset,img{border:0 none}
address,caption,cite,code,dfn,var,em{font-style:normal;font-weight:normal}
input,select,textarea,button{font-size:100%;vertical-align:middle}
a{color:inherit;text-decoration:none}
a:active,a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
legend,caption{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:1;line-height:1;z-index:-1}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,time{display:block;margin:0;padding:0}
input[type="submit"],label,button{cursor:pointer}
input[type=text],input[type=password],input[type=submit],input[type=search],textarea,button{-webkit-appearance:none;border-radius:0}
button{background-color:transparent;border:0 none}
.blind{display:none; font-size:0px;}


/*notice*/
.notice_list{/*border-top:2px #54575a solid;*/ border-bottom:1px #7c7f82 solid; width:100%;}
.notice_list li{border-top:1px #e0e3e6 solid;position:relative;}
.notice_list li:first-child{border-top:0;}
.notice_list a{ width:75%; height:35px; line-height:35px; overflow:hidden; display:block; margin-left:7px;}
.notice_list span{color:#808387; width:25%; position:absolute; right:5px; top:0; text-align:right;line-height:35px; font-size:0.8em;}
.new_ico{background-image:url(../../images/new_ico.gif); background-repeat:no-repeat; background-size:12px; width:12px; height:12px; display:inline-block; overflow:hidden; text-indent:-99999; font-size:0; margin-left:3px; vertical-align:text-top}
.file_ico{background-image:url(../../images/file_ico.gif); background-repeat:no-repeat; background-size:12px; width:12px; height:12px; display:inline-block; overflow:hidden; text-indent:-99999; font-size:0; margin-left:3px; vertical-align:text-top}
.secret_ico{background-image:url(../../images/secret_ico.gif); background-repeat:no-repeat; background-size:12px; width:12px; height:12px; display:inline-block; overflow:hidden; text-indent:-99999; font-size:0; margin-left:3px; vertical-align:text-top}

.paging{margin-top:25px; text-align:center; width:100%; height:27px; position:relative; vertical-align:top;}
.paging button{border:1px #d2d2d2 solid; height:27px; width:27px; background-size:25px; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; display:block; position:absolute;}
.paging_prev{background-image:url(../../images/prev_btn.gif); left:0; top:5px;}
.paging_next{background-image:url(../../images/next_btn.gif); right:0; top:5px;}
.paging a{ border:1px #d2d2d2 solid; padding:0 10px; margin-left:5px; height:25px; line-height:25px; display:inline-block;}
.paging strong{background:#3a6380; padding:0 10px; margin-left:5px; color:#fff; height:27px; line-height:27px; display:inline-block;}
.paging button{ margin-top:-5px;}

.view_head{width:100%; border-bottom:1px #7c7f82 solid;}
.view_title{padding:0 3%;line-height:38px; height:38px; overflow:hidden; font-size:1.2em;}
.view_info{padding:0 3%;height:28px; line-height:28px; border-top:1px #e0e3e6 solid; font-size:0.8em;}
.view_file{padding:0 3%; line-height:28px;border-top:1px #e0e3e6 solid; color:#3582a3; font-size:0.8em;}
.view_info em{font-weight:bold;}
.view_info span{padding-left:7px; margin-left:10px; border-left:1px #e0e3e6 solid;}
.view_file em{font-weight:bold; margin-right:6px; padding-right:7px; border-right:1px #e0e3e6 solid; color:#54575a;}
.view_file a{padding-left:4px;}
.view_contents{width:94%; padding:15px 3%; border-bottom:1px #54575a solid;}
.view_list_btn{text-align:center; width:100%; margin:10px 0 15px;}
.view_list_btn a{display:inline-block; background-color:#3a6380; color:#fff; padding:6px 12px; border:1px transparent solid; border-radius:3px;}
.view_list{border-top:2px #54575a solid; border-bottom:1px #7c7f82 solid;}
.view_list li{position:relative; line-height:38px; height:38px; overflow:hidden; width:94%; padding:0 3%;}
.view_list li:first-child{border-bottom:1px #e0e3e6 solid;}
.view_list li span{position:absolute; display:block; width:55px; font-weight:bold; border-right:1px #dedede dashed}
.view_list li a{display:inline-block; margin-left:75px;}

/*header*/
header{border-top:3px #1882c5 solid; border-bottom:1px #e0e0e0 solid;background:#fff; height:55px; position:relative;}
/*header h1{margin:0 auto; width:119px;}*/
header h1 img{display:block; height:46px;}
header h1 a{display:block; padding:2px; margin-left:10px;}
header p{position:absolute; right:2%; top:10px;}
header p a{display:inline-block;  background:url(../../images/home_ico.gif) no-repeat right 50% ; background-size:35px; font-size:0px; display:block; height:35px; width:35px;}

/*main*/
#visual{position:relative; width:100%; max-width:640px; margin:0 auto;}
#visual ul li img{width:100%; max-width:614px; margin:0 auto; display:block;}
#visual ul:after{display:block;clear:both;content:'';font-size:0;visibility:hidden}

#contents li{float:left; width:47%; margin-left:2%; margin-top:2%; background-color:#dee4e8; font-weight:bold; font-size:14px;}
#contents li.con01 a{background:url(../../images/quick01_ico.png) no-repeat 100% 100%;background-size:99px;}
#contents li.con02{background:#ecf0f3;}
#contents li.con02 a{background:url(../../images/quick02_ico.png) no-repeat 100% 100%;background-size:99px;}
#contents li.con03{background:#ecf0f3;}
#contents li.con03 a{background:url(../../images/quick03_ico.png) no-repeat 100% 100%; background-size:99px;}
#contents li.con04 a{background:url(../../images/quick04_ico.png) no-repeat 100% 100%; background-size:99px;}
#contents a{display:block; text-align:left;  padding-top:16px; padding-bottom:42px; padding-left:16px;}
#contents ul:after{display:block;clear:both;content:'';font-size:0;visibility:hidden}

#notice{ margin:3% 2% 1%;  position:relative; height:23px; width:96%; overflow:hidden; vertical-align:top;}
#notice h2{background:url(../../images/notice_ico.gif) no-repeat 0 50%; background-size:15px; padding-left:20px; font-size:16px; color:#54452c; padding-right:10px; line-height:23px; display:inline-block; vertical-align:bottom;}
#notice .notice_txt{display:inline-block; height:18px; line-height:23px; overflow:hidden;font-size:13px; width:65%; vertical-align:top;}
#notice .notice_more{position:absolute; right:0; top:0; width:23px; height:23px;}
#notice .notice_more a{display:block; font-size:0; width:23px; height:23px; background:url(../../images/notice_more.gif)no-repeat; background-size:23px; }

/*footer*/
#time{margin:2%; background:#dde9e8; padding:15px;}
#time li{float:left; width:50%; font-size:14px; line-height:20px; color:#555650; font-weight:bold;}
#time ul:after{display:block;clear:both;content:'';font-size:0;visibility:hidden}
#time h2{background:url(../../images/time_ico.gif) no-repeat left 50%; background-size:16px; line-height:20px; font-size:16px; color:#617c73; padding-left:20px; margin-bottom:10px;}

#tel{line-height:60px; height:60px; background:#66a7a3;}
#tel span{display:inline-block; background:url(../../images/tel_ico.gif) no-repeat 0 50%; background-size:16px; padding-left:20px;}
#tel a{ display:block; text-align:center; color:#fff; line-height:60px;}

#blog{line-height:60px; height:60px; background:#697887;}
#blog .hospital{color:#c2cfdc; display:inline-block; background:url(../../images/blog_icon.png) no-repeat 0 50%; background-size:20px; padding-left:25px;}
#blog a{ display:block; text-align:center; color:#fff; line-height:60px;}


footer{background:#f0f2f4; text-align:center; padding:2%; color:#333; font-size:12px;}
#address{margin:2% 0 1%; line-height:1.5;}
.copy{color:#858687;}
.fnb{margin:3% 5%;}
.fnb a{display:inline-block; line-height:35px; width:49%; color:#fff;}
.fnb a span{display:inline-block; padding-left:22px;}
.fnb .F_pc{border:1px transparent solid; border-radius:3px 0 0 3px;background:#697887;}
.fnb .F_pc span{background:url(../../images/pc_ico.gif) no-repeat 0 45%; background-size: 15px; }
.fnb .F_location{background:#5b6b7b; border:1px transparent solid; border-radius:0 3px 3px 0;}
.fnb .F_location span{background:url(../../images/location_ico.gif) no-repeat 0 45%; background-size: 15px; }


/*sub*/
.snb{ background:#3f434d;}
.snb li{float:left; width:33%; height:40px; border-bottom:1px #333 solid;}
.snb li.snb_width{}
.snb li a{display:block; font-size:13px; font-weight:bold; color:#fff; line-height:40px; text-align:center; border-left:1px #333 solid;}
.snb li.current a{color:#9ee7ff;}
.snb:after{display:block;clear:both;content:'';font-size:0;visibility:hidden;}

.stit{color:#222; font-size:24px; text-align:center; background:#ecf0f3; line-height:50px; padding-top:10px;}
.scont{padding:5% 2%;}

.sub_tit{background:url(../../images/m_but01.png) no-repeat 0 50%; background-size:10px; padding-left:15px; color:#4164b1; margin-bottom:10px;}
.sub01_01 img,.subimg img{width:100%; max-width:640px; margin:0 auto; display:block;}

/*sub01_병원소개*/
.sub01_01{margin-bottom:20px; padding:0 3%;}
.sub01_02 p{line-height:1.7em; margin-bottom:15px; padding:0 3%; text-align:justify;}
.sub01_03{margin-top:20px; background:#eaeaea; padding:5%;}
.sub01_03 li{background:url(../../images/m_but02.gif) no-repeat 0 7px; background-size:3px; padding-left:10px; margin-bottom:7px; font-size:0.9em; line-height:1.5em;}
.sub01_03 ul{margin-bottom:25px;}
.sub01_03 .subimg img{margin:0;}
.sub01_03 p{padding-bottom:25px; font-size:0.9em;}
.sub01_03 ul.sub01_03_ul li{background:none; padding-left:0;}

/*sub02_찾아오시는길*/
.sub02{padding:0 3%; line-height:1.5em;}
.location_map{height:350px; width:100%; margin:0 auto; margin-bottom:20px;}
.sub02_ma{margin-top:25px;}
.sub02_ma dt{text-align:left; vertical-align:top; margin-bottom:5px; font-weight:bold;}
.dd_p02{margin:5px 0 20px; color:#60676b;}
.dd_p02 span{display:inline-block; background:#8a919c; color:#fff; padding:0 5px; margin-right:5px;}

/*sub05_입퇴원 절차*/
.sub05{padding:0 3%;}
.sub05 img{margin:0;}
.sub05 section{margin-bottom:30px;}
.sub05 .subimg{margin-top:20px;}
.sub05 .subimg p{font-size:0.85em; margin-top:15px; color:#555;}
.sub05 .subimg p span{text-decoration:underline;}

/*sub06_병원둘러보기*/
#touchSlider { width:100%; max-width:600px; height:150px; margin:0 auto; background:#ccc; position:relative; overflow:hidden; }
#touchSlider img{width:100%; max-width:600px; height:100%; max-height:360px; display:block;}
#touchSlider span{height:40px; line-height:40px; display:inline-block; text-align:center; width:100%; font-weight:bold;}
#touchSlider ul { width:99999px; position:relative; top:0; left:0; overflow:hidden; }
#touchSlider ul li { float:left; width:100%; background:#dee4e8; font-size:14px; color:#45536f; }

.btn_area { background:#fff; text-align:center; overflow:hidden;  width:60%; max-width:600px; margin:15px auto 0;}
.btn_area button { display:block; width:50px; height:36px; background:#495660; border:1px transparent solid; border-radius:3px; font-size:14px; color:#fff; font-weight:bold; }
.btn_area button.btn_prev { float:left; }
.btn_area button.btn_next { float:right; }
.sub.paging { background:#f5f5f5; text-align:center; overflow:hidden; }
.paging .btn_page { display:inline-block; width:10px; height:10px; margin:3px; font-size:0px; line-height:0; text-indent:-9999px; background:#3399CC; }
.count {height:36px; font-size:13px; line-height:36px; text-align:center;}
.paging .btn_page.on { background:#ff0000; }