@charset "utf-8";
@import url("../css/option.css");

@font-face{font-family:'mg'; src:url(font/MalgunGothic.eot); src:local(※), url(font/MalgunGothic.woff) format('woff')}
@font-face{font-family:'nm'; src:url(font/NanumMyeongjo.eot); src:local(※), url(font/NanumMyeongjo.woff) format('woff')}


/* 초기화 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time {margin:0; padding:0; text-align:justify; -webkit-text-size-adjust:none;}  
body,input,textarea,select,button {font-family: 'mg', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma'; font-size:14px; color:#727272; font-weight:normal; line-height:22px;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
img,fieldset {margin: 0; padding: 0; border:0;}
legend, caption {display:none;}
ul,ol,li,dl,dt,dd {list-style:none;}
img,input,select,textarea {vertical-align:middle;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption {display: block;}
a {text-decoration:none; color:#727272;}
a:hover {text-decoration:none; color:#4e86c8;}
.input {border:#cccccc 1px solid; height:22px;}
.select {border:#cccccc 1px solid; height:24px;}






/* 기본 레이아웃  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap {position:relative; width:100%;}

/* 상단영역 */
#header {width:100%; overflow:hidden;}
#header dl {width:100%; border-bottom:#dceaed 1px solid; overflow:hidden;}
#header dl dt {float:left; width:15%; padding-top:12px; text-align:center;}
#header dl dd {float:left; width:69%; padding:12px 0; text-align:center; border-left:#dceaed 1px solid; border-right:#dceaed 1px solid;}

/* 전체메뉴 */
#totalMenu {position:fixed; top:0; left:-270px; width:270px; height:100%; background:#454954;}
#totalMenu dl {height:43px; padding:12px 15px 0 15px; background:#1b242d; overflow:hidden;}
#totalMenu dl dt {float:left; font-size:20px; line-height:24px; font-weight:bold; color:#fff;}
#totalMenu dl dd {float:right; padding-top:2px; cursor:pointer;}
#totalMenu ol {padding:8px 5px 7px 5px; background:#333740; overflow:hidden;}
#totalMenu ol li {float:left; width:25%; text-align:center; cursor:pointer;}
#totalMenu ul {width:100%; height:90%; overflow:auto;}
#totalMenu ul li {padding:10px 10px 10px 15px; color:#fff; border-bottom:#343841 1px solid; background:url('../images/common/totalMenu_icn.gif') right 14px no-repeat; cursor:pointer;}

/* 서브메뉴 */
#subMenu {width:100%; border-top:#1c8fdc 1px solid;}
#subMenu ol {border-left:#1c8fdc 1px solid; overflow:hidden;}
#subMenu ol li {width:100%;}
#subMenu ul {border-left:#1c8fdc 1px solid; overflow:hidden;}
#subMenu ul li {float:left; width:50%;}
#subMenu dl {border-left:#1c8fdc 1px solid; overflow:hidden;}
#subMenu dl dt {float:left; width:33%;}
#subMenu dl dd {float:left; width:34%;}
#subMenu a {display:block; padding:6px 0 9px 0; text-align:center; line-height:16px; font-weight:bold; color:#fff; border-right:#1c8fdc 1px solid; border-bottom:#1c8fdc 1px solid; background:#2ba0ef;}
#subMenu a:hover {background:#0966a4;}
#subMenu a.on {background:#0966a4;}

/* 컨텐츠영역 */
#content {width:100%; overflow:hidden;}
#content #title {padding:12px 10px 20px 25px; font-size:18px; font-weight:bold; color:#333; letter-spacing:-1px; background:url('../images/common/title_icn.gif') 12px 17px no-repeat, url('../images/common/title_bg.gif') bottom repeat-x; overflow:hidden;}
#content #ctnArea {padding:15px 15px 35px 15px;}

/* 하단영역 */
#footer {clear:both; position:absolute; width:100%; background:#fff; z-index:100;}
#footer p {position:fixed; right:15px; bottom:40px; opacity:0.8;}
#footer ul {width:100%; overflow:hidden;}
#footer ul li {float:left; width:21%; padding:5px 2%; text-align:center; border-top:#b6bec4 1px solid; border-bottom:#b6bec4 1px solid; background:#f0f0f0;}
#footer ul li.on {width:21%; padding:5px 1.7%; border-top:#fff 1px solid; border-left:#b6bec4 1px solid; border-right:#b6bec4 1px solid; background:#fff;}
#footer > div {padding:8px 10px; text-align:center; font-size:11px !important; line-height:18px;}
#footer > div > span {letter-spacing:-1px;}

/* 신청영역 */
.counsel {display:none; position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:99;}
.counsel .bg {position:relative; bottom:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:9;}
.counsel .counselArea {position:absolute; margin-top:0; padding:20px; background:#fff; opacity:1; z-index:10;}
.counsel .counselArea > dl {width:100%; margin-bottom:10px; overflow:hidden;}
.counsel .counselArea > dl > dt {float:left; font-size:20px; font-weight:bold; letter-spacing:-1px;}
.counsel .counselArea > dl > dd {float:right; cursor:pointer;}






/* 메인  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 상담전화 */
.MTel {text-align:center; background:url('../images/main/tel_bg.jpg') repeat-x; background-size:auto 40px;}

/* 메뉴 */
.MVisual {width:100%;}
.MVisual .visualMenu {width:100%; background:#000; overflow:hidden;}
.MVisual .visualMenu li {float:left; width:33.3%;}

/* 메뉴 */
.MMenu {width:100%; margin-top:-6px;}
.MMenu dl {width:100%; overflow:hidden;}
.MMenu dl dt {float:left; width:33.3%;}
.MMenu dl dd {float:left; width:33.4%;}
.MMenu div {text-align:center; background:#095dab;}





/* 공통  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 컨텐츠 배치 */
.ctnPos {display:none;}

/* 타이틀 */
.title1 {margin-bottom:15px; padding:0 0 10px 20px; font-size:16px; font-weight:bold; color:#4e86c8; letter-spacing:-1px; border-bottom:#1c8fdc 1px solid; background:url('../images/btnIcn/icn_title2.gif') 0 4px no-repeat;}
.title2 {padding:0 0 10px 12px; font-weight:bold; color:#4e86c8; letter-spacing:-1px; background:url('../images/btnIcn/icn_title3.gif') 0 7px no-repeat;}
.title3 {padding:0 0 10px 20px; font-weight:bold; background:url('../images/btnIcn/icn_title3.gif') 0 5px no-repeat;}
.title4 {margin-bottom:2px; padding:0 0 10px 20px; font-size:16px; font-weight:bold; color:#4e86c8; letter-spacing:-1px; background:url('../images/btnIcn/icn_title2.gif') 0 4px no-repeat;}

/* 버튼 */
.btn1 {display:inline-block; height:24px; padding-top:5px; color:#fff; font-weight:bold; line-height:14px; text-align:center; border:#18689c 1px solid; background:#287aaf;}
.btn1:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}
.btn2 {display:inline-block; height:24px; padding-top:5px; color:#333; font-weight:bold; line-height:14px; text-align:center; border:#dba902 1px solid; background:#ffc501;}
.btn2:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}

/* 이미지 */
.ctnImg {margin-bottom:15px; border:#e5e5e5 1px solid;}

/* 컨텐츠 타입 */
.ctnType1 {width:100%; overflow:hidden;}
.ctnType1 img {float:left; margin:1% 5% 2% 0; border:#e5e5e5 1px solid;}

.ctnType2 {overflow:hidden;}
.ctnType2 dt {float:left; width:35%; border:#e5e5e5 1px solid;}
.ctnType2 dd {float:right; width:60%;}

.ctnType3 {padding:10px; border:#83b9dd 1px solid; background:#eaf7ff;}
.ctnType3 span {font-weight:bold; color:#333;}

.ctnType4 {padding:10px 0 0 20px; color:#912806; background:url('../images/btnIcn/icn_point1.gif') 0 15px no-repeat;}

/* 리스트타입 */
.listType1 {overflow:hidden;}
.listType1 li {padding:2px 0 2px 8px; background:url('../images/btnIcn/icn_dot1.gif') 0 12px no-repeat;}
.listType1 li span {color:#4e86c8;}

.listType2 {padding:10px; border:#e5e5e5 1px solid; background:#f5f5f5; overflow:hidden;}
.listType2 li {padding:2px 0 2px 18px; font-size:14px; background:url('../images/btnIcn/icn_point1.gif') 0 7px no-repeat;}
.listType2 li span {color:#333;}

.listType3 {padding:10px; border:#e5e5e5 1px solid; background:#f5f5f5; overflow:hidden;}
.listType3 li {padding:2px 0 2px 8px; font-size:14px; background:url('../images/btnIcn/icn_dot1.gif') 0 12px no-repeat;}
.listType3 li span {color:#333;}

/* 테이블 리스트 */
.tableList1 {overflow:hidden;}
.tableList1 table {width:100%; table-layout:fixed; border-top:#a27759 1px solid;}
.tableList1 table thead th {padding:8px; font-weight:bold; color:#333; text-align:center; border-left:#a27759 1px solid; border-right:#a27759 1px solid; border-bottom:#a27759 1px solid; background:#edddd2;}
.tableList1 table thead td {padding:8px; font-weight:bold; color:#333; text-align:center; border-right:#a27759 1px solid; border-bottom:#a27759 1px solid; background:#edddd2;}
.tableList1 table tbody th {padding:6px; text-align:center; border-bottom:#e3e3e3 1px solid; border-right:#e3e3e3 1px solid; border-left:#e3e3e3 1px solid;}
.tableList1 table tbody td {padding:6px; text-align:center; border-bottom:#e3e3e3 1px solid; border-right:#e3e3e3 1px solid;} 
.tableList1 table tbody .t {font-weight:bold; color:#333; background:#f8f8f8;}

.tableList2 {overflow:hidden;}
.tableList2 table {width:100%; table-layout:fixed; border-top:#a27759 1px solid;}
.tableList2 table thead th {padding:8px; font-weight:bold; color:#333; text-align:center; border-left:#a27759 1px solid; border-right:#a27759 1px solid; border-bottom:#a27759 1px solid; background:#edddd2;}
.tableList2 table thead td {padding:8px; font-weight:bold; color:#333; text-align:center; border-right:#a27759 1px solid; border-bottom:#a27759 1px solid; background:#edddd2;}
.tableList2 table tbody th {padding:6px 6px 6px 15px; text-align:left; border-bottom:#e3e3e3 1px solid; border-right:#e3e3e3 1px solid; border-left:#e3e3e3 1px solid; background:#fff;}
.tableList2 table tbody td {padding:6px 6px 6px 15px; text-align:left; border-bottom:#e3e3e3 1px solid; border-right:#e3e3e3 1px solid; background:#fff;} 
.tableList2 table tbody .t {padding:6px; text-align:center; font-weight:bold; color:#333; background:#f8f8f8;}

/* 테이블 등록 */
.tableWrite {overflow:hidden; text-align:left;}
.tableWrite table {width:100%; table-layout:fixed; border-top:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid;}
.tableWrite table th {padding:8px; background:#f5f5f5; color:#333; font-size:12px; font-weight:bold; border-right:#e4e4e4 1px solid; border-bottom:1px solid #e4e4e4; text-align:left;}
.tableWrite table td {padding:8px; background:#fff; border-right:#e4e4e4 1px solid; border-bottom:1px solid #e4e4e4;}
.tableWrite > dl {width:100%; margin-top:10px; overflow:hidden;}
.tableWrite > dl > dt {float:left; padding-top:5px; font-size:12px; font-weight:bold; letter-spacing:-1px; color:#333;}
.tableWrite > dl > dd {float:right;}






/* 컨텐츠  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 병원소개 */
.introduction1 {width:100%; overflow:hidden;}
.introduction1 div {padding:15px; letter-spacing:-1px; background:#f5f5f5;}

/* 진료비안내 */
.introduction2 {width:100%; overflow:hidden;}
.introduction2 p {padding:0 0 15px 0; letter-spacing:-1px;}

/* 지점 */
.branch {width:100%;}
.branch > li {width:100%;}
.branch > li > h1 {padding:8px 0; font-size:16px; font-weight:bold; color:#333; border-bottom:#e5e5e5 1px solid; background:url('../images/branch/menuArr_open.gif') right 17px no-repeat; cursor:pointer;}
.branch > li > .brArea {padding:10px 10px 30px 10px; border-left:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; background:#f9f9f9;}
.branch > li > .brArea .tel {position:absolute; right:30px;}
.branch > li > .brArea h2 {margin-top:25px; padding:0 0 5px 18px; font-size:15px; font-weight:bold; color:#4e86c8; letter-spacing:-1px; background:url('../images/btnIcn/icn_title4.gif') 0 6px no-repeat;}
.branch > li > .brArea ol {width:100%; overflow:hidden;}
.branch > li > .brArea ol li {float:left; width:46%; margin:10px 2% 0 2%;}
.branch > li > .brArea ol li p {padding:3px; border:#e5e5e5 1px solid; background:#fff;}
.branch > li > .brArea ol li div {margin-top:3px; text-align:center; font-size:12px; letter-spacing:-1px; color:#333;}
.branch > li > .brArea .map {width:100%; margin-top:10px; font-size:12px;}
.branch > li > .brArea .map p {padding:3px; border:#e5e5e5 1px solid; background:#fff;}
.branch > li > .brArea .map h3 {padding:15px 0 5px 12px; font-weight:bold; color:#4e86c8; letter-spacing:-1px; background:url('../images/btnIcn/icn_title3.gif') 0 23px no-repeat;}
.branch > li > .brArea .map div {width:100%;}
.branch > li > .brArea .map div span {display:inline-block; margin:3px 5px 3px 0; padding:3px 5px 5px 5px; color:#fff; line-height:12px; border-radius:4px;}

/* FAQ */
.faq {width:100%; overflow:hidden;}
.faq > li {width:100%;}
.faq > li > h1 {height:25px; padding:10px 0 10px 33px; font-weight:bold; letter-spacing:-1px; color:#333; border-bottom:#e5e5e5 1px solid; background:url('../images/content/faq_icn_off.gif') 0 10px no-repeat; background-size:25px; cursor:pointer;}
.faq > li > .faqArea {padding:15px 10px; border-left:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; background:#f9f9f9;}
.faq > li > .faqArea p {margin-bottom:15px; border:#e5e5e5 1px solid;}

/* 네트워크 */
.network {width:100%; overflow:hidden;}
.network a {font-size:0;}