@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{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}

.mImg{display:inline-block;background-image:url(../../images/img_480.png);-webkit-background-size:102px 100px;background-size:102px 100px;font-size:1;line-height:1;overflow:hidden;text-indent:-9999px;vertical-align:top}
@media only screen and (-webkit-min-device-pixel-ratio:2){
	.mImg{background-image:url(../../images/img_640.png)}
}

/* Layout */
body{width:100%;font-size:15px;line-height:1.5;font-family:Noto sans; color:#464646; background-color:#3a3c41}
#main #gnb,#main .line{display:none}
.index_main{background:#f1f5f5 url(../../images/bg.jpg) no-repeat 50% bottom;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-text-size-adjust:none; padding-bottom:12px;}
.index_sub{background:#f1f5f5 url(../../images/sub_bg.jpg) no-repeat 50% top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-text-size-adjust:none; padding-bottom:12px;}

header a{position:absolute; top:3px; padding:3px;}
header .le{left:3%;}
header .ri{right:3%;}
header h1{text-align:center; padding-top:10px;}
header{clear:both; position:relative; background:url(../../images/header_bg.png) repeat-x; height:54px; line-height:54px; z-index:999}
.gnb{border-bottom:1px solid #8a92a8;background:#253663;overflow:hidden; position:relative; top:-2px; z-index:888}
.gnb:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.gnb li{float:left;width:33%;height:32px;margin-right:-1px;border-left:1px solid #8a92a8;text-align:center}
.gnb li:first-child{border-left:0}
.gnb li a{display:block;color:#cdd2de;font-size:13px;line-height:32px; font-weight:bold}
.gnb li.current a{color:#fff;}

nav{ width:94%; margin:0 auto;}
nav ul{margin:16px 0 6px;}
nav ul li{float:left; width:49%;  margin-bottom:5px; height:124px; position:relative; color:#fff; font-weight:bold; font-size:17px; line-height:20px; background:url(../../images/navi_bg.png); }
nav ul li a{display:block; width:100%; height:38px; margin:0 auto; padding-top:86px; text-align:center;}
nav ul .color01{background:url(../../images/navi01_bg.jpg) repeat-x #6b879e;margin-right:2%;}
nav ul .color01 a{ background:url(../../images/navi01_icon.jpg) repeat-x center;}
nav ul .color02{background:url(../../images/navi_bg.png) repeat-x #99806a;}
nav ul .color02 a{ background:url(../../images/navi02_icon.jpg) repeat-x center;}
nav ul .color03{background:url(../../images/nav03_bg.png) repeat-x #3f7f66;margin-right:2%;}
nav ul .color03 a{ background:url(../../images/navi03_icon.jpg) repeat-x center;}
nav ul .color04{background:url(../../images/nav04_bg.png) repeat-x #70713a;}
nav ul .color04 a{ background:url(../../images/navi04_icon.jpg) repeat-x center;}
nav ul:after{content:".";clear:both;display:block;height:0;visibility:hidden}

.notice{background: url(../../images/notice_icon.png) no-repeat 4% #253663; width:100%; height:36px; margin-top:-3px; color:#fff; position:relative;}
.notice a{position:absolute; left:12%;width:50%; height:33px; line-height:33px;overflow:hidden; top:2px;}
.notice span{position:absolute; right:4%; height:33px; line-height:33px; top:2px; font-size:11px}


section{width:100%; margin:0 auto; margin-bottom:18px;}
section a{display:block; background:#50535a; text-align:center; height:39px; line-height:39px; color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; font-size:17px;}
section a span{background:url(../../images/tel_png.png)0 50% no-repeat; padding:0 12px 0 28px;} 

aside{width:94%; margin:0 auto;}
aside dl{position:relative; margin-top:12px; background-color:rgba(255,255,255,0.5); border:1px #fff solid; padding:11px;}
aside dl dt{top:0; font-weight:bold; font-size:16px;}
aside dl dd{ letter-spacing:-0.05em; font-size:13px;}

footer{background:#3a3c41; position:relative;bottom:0; padding:17px 3%; font-size:12px; color:#b6c3c4; letter-spacing:-0.05em}
.pc_btn{padding:5px 7px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;background:#fff;overflow:hidden; display:inline-block; text-align:center; color:#063362; font-size:11px; box-shadow:0.1em 0.1em 0.1em rgba(0,0,0,.25); -webkit-box-shadow:0.1em 0.1em 0.1em rgba(0,0,0,.35); -moz-box-shadow:0.1em 0.1em 0.1em rgba(0,0,0,.35); -o-box-shadow:0.1em 0.1em 0.1em rgba(0,0,0,.35); position:absolute; right:3%;}

article{width:86%; margin:13px auto 0; background:#fff; padding:20px 4%;}
article p{color:#394242; font-size:12px; text-align:justify;}
article p strong{padding-right:10px; color:#34426b}
article .font-size{font-weight:bold; color:#34426b}
article .imim{margin:25px 0 20px}

.sub_notice ul li{border-bottom:1px #e1e1e1 solid; padding:10px 0; width:100%; font-size:13px;}
.sub_notice ul li a{height:14px; line-height:14px; width:95%; overflow:hidden; display:inline-block; margin-left:5px;}
.sub_notice ul li span{font-size:11px; color:#8e8e8e; display:block; margin-left:5px;}
.sub_notice ul li span em{color:#66a736; font-style:normal; display:inline-block; margin-right:5px;}
.sub_notice ul .board_view{padding:5%; width:90%; color:#5b5b5b}

/*board_number*/
.board_paging{font-family:Verdana; font-size:11px; color:#868686;}
.board_paging{ margin-top:20px; width:100%}
.board_paging span{ display:block;text-align:center;}
.board_paging span a{display:inline-block; vertical-align:middle; color:#888888; line-height:21px; width:10%; height:10%;  background:url(../../images/board/numbg_off.gif) no-repeat;padding:2px 0;  -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; border:1px #d6d9dc solid;}
.board_paging span a img{padding-top:6px;}
.board_paging span a:hover{ display:inline-block; border-color:#e15b49; text-decoration:none;}
.board_paging span .page_here{color:#e15b49; border-color:#e15b49; font-weight:bold}

.board_btn{position:relative; margin-top:15px;}
.li_btn{display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px; border:1px #d6d9dc solid;font-size:12px; color:#868686;}
.li_btn a{display:inline-block; padding:5px; }
.li_btn a:first-child{border-right:1px #d6d9dc solid;}
.list_btn{display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px; border:1px #3487a6 solid;font-size:12px; color:#3487a6; position:absolute; right:0;}
.list_btn a{display:inline-block; padding:5px 8px;}

.sub01{background:url(../../images/sub01_bg.jpg) no-repeat bottom;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-text-size-adjust:none; padding-bottom:250px;}
.sub01 h3{margin:13px 0; background:url(../../images/sub01_line.jpg) no-repeat left bottom; padding-bottom:15px;}

/*의료진소개*/
.sub02 dl{margin-bottom:35px;}
.sub02 dl dt{background:url(../../images/intro03_linebg.gif) no-repeat; padding-top:10px; margin-bottom:12px;}
.sub02 dl dd ul{margin-top:15px;}
.sub02 dl dd ul li{background:url(../../images/dot_bg.gif) no-repeat 6px 40%; padding-left:17px; margin-left:5px;}
.sub02 dl dd img{max-width:400px; width:90%;}

.sub03 ul{background:#ebeff2; border:5px #e3e5eb solid;-webkit-border-radius:0 20px ;-moz-border-radius:0 20px;-o-border-radius:0 20px;border-radius:0 20px; padding:10px; margin-top:15px;}
.sub03 li{margin:8px 0; color:#253663;background:url(../../images/dot_bg.gif) no-repeat 6px 6px; padding-left:17px; line-height:1.2em}

/*오시는길*/
.map_box{margin-left:5px; margin-top:10px;}
.sub05 dt{background:url(../../images/dot_bg.gif) no-repeat 6px 40%; padding-left:17px; margin:15px 0 5px 0; font-weight:bold;}
.sub05 dd{ padding-left:17px; color:#757575;}
.sub05 p{font-size:14px; font-weight:bold; color:#58595b; letter-spacing:-0.1em}