@charset "utf-8";
caption, legend { font-size: 0px; width: 0px; height: 0px; overflow: hidden; position: absolute; visibility: hidden; }
img { border: 0px; }
fieldset, img { border: 0; vertical-align: top;     margin: 0;    padding: 0;}
table { border-collapse: collapse; border-spacing: 0; border: 0; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; vertical-align: middle; }
ul, ol, dl { list-style: none; }
textarea { overflow: auto; }
button, label { cursor: pointer; }
.btn_in, .btn_in * { display: inline-block; overflow: visible; position: relative; margin: 0; padding: 0; border: 0;  color: #797979; text-decoration: none !important; vertical-align: top; white-space: nowrap; font-weight: bold; }
.btn_in { margin: 0px 4px 0 0px; }
.btn_in * { left: 0; cursor: pointer; _cursor: hand; }
.btn_in.inbtn { height: 31px; line-height: 31px; background-position: left 0; }
.btn_in.inbtn * { height: 32px; line-height: 31px; padding: 0 10px 0 6px; background-position: right top;top: 4px;}
.btn_in.strong * { font-weight: bold !important }
#bbs .marno { margin: 0 !important; }
#bbs .mLR { margin: 0 10px; }
#bbs .fontn { font-weight: normal; margin-right: 10px; }
#bbs .ftG { color: #27aa15; }
#bbs .ftB { color: #1559aa; }
#bbs .ftR { color: #ff4836; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.pt30 { padding-top: 30px !important; }
/*맨위로(공통)*/
#bbs .bbs_top_btn { text-align: center; margin: 30px 0 20px 0; display:none;}
#bbs .bbs_top_btn a:link { padding: 2px 0 3px 25px; background: url(/img/link_top_icon.gif) no-repeat top left; color: #777; }
#bbs .bbs_top_btn a:hover { color: #777; }
#bbs .bbs_top_btn a:visited { color: #777; }
/*select{color:#c4c4c4;}
input[type="text"]{color:#2e2e2e; height:16px; border:1px solid #c4c4c4; padding:2px 0 0 3px;}
input[type="password"]{color:#2e2e2e; height:16px; border:1px solid #c4c4c4; padding:2px 0 0 3px;}
input[type="checkbox"]{width:14px; height:14px; vertical-align:middle;}
input[type="radio"]{width:14px; height:14px; vertical-align:top;}
input[type="file"]{color:#2e2e2e; height:20px; border:1px solid #c4c4c4; padding:2px 0 0 3px; background:#fff;}
textarea{border:1px solid #c4c4c4;}*/

/*link*/
#bbs a:link { color: #2e2e2e; text-decoration: none; }
#bbs a:hover { text-decoration: none; }
#bbs a:visited { text-decoration: none; }
/*버튼들*/
#bbs .btnAll { position: relative; color: #797979 !important; }
#bbs .btnAll a.btns { display: inline-block; padding-right: 4px;   color: #797979; line-height: 31px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; color: #797979 !important; background:#fff; border:1px solid #ccc; box-sizing:border-box;font-size: 18px;}
#bbs .btnAll a.btns strong { display: block; padding: 0 8px 0 12px;   color: #797979 !important; }
/*리드페이지에 윗글아랫글*/
#bbs .btnAll span { position: absolute; top: 0px; left: 8px; float: left; color: #2e2e2e !important; }
/*버튼 센터 */
.btnC { position: relative; text-align: center; padding: 10px 0; clear: both; width: 100%; }
.btnC .btnAll { width: 98%; margin: 0 1px; text-align: center; }
/*공지*/
#bbs .point a { color: #2e2e2e; text-decoration: none; }
#bbs .point a:hover { text-decoration: underline; }
/*게시판 시작 */
#bbs { position: relative; margin: -1px  auto 0 auto; padding: 0;width: calc(100% - 60px); clear: both; overflow:visible; display: table; }
/*list ------------------------------------------------------------------------------------------------------------------------------------------------- */
#bbs #blist { margin: 0 auto 0 auto; padding: 0; overflow:visible;  width: 100%;}
#bbs #blist ul { position: relative; width: 100%; height: 100%; float: left; border-top: #c4c4c4 2px solid; }
#bbs #blist ul li { border-bottom: 1px solid #e7e7e7; padding: 10px 0 25px 0; overflow: hidden; }
#bbs #blist ul li a { width: 100%; margin: 17px 0 0 0; display: block; font-size: 20px; color: #49494d; }
#bbs #blist ul li span { display: block; width: auto; color: #a5a5a5; margin: 3px 0 0 5px; display: inline-block; }
#bbs #blist ul li span.b1 { color: #590ed6; width: auto; }
#bbs #blist ul li span { width: 98%; }
#bbs #blist ul li span.title { display: inline-block; width: 80%; color: black; font-size: 18px; color: #8c8c90; word-break:break-all;}
#bbs #blist ul li img {/*width:100%;*/ margin: 0; vertical-align: middle; }
/*등록된 게시물이 없을때*/
#bbs #blist ul li .bbsno { }
#bbs #blist ul li .bbsno td { padding: 10px 0; }
#bbs #blist ul li p.bbsno { padding: 10px 0; text-align: center; }
#bbs #blist table { position: relative; width: 100%; height: 100%; float: left; border-top: #c4c4c4 2px solid; }
/*thead*/
#bbs #blist table thead { display: none; }
#bbs #blist table thead th { }
#bbs .w1 { width: 1% !important; }
#bbs .w2 { width: 2% !important; }
#bbs .w3 { width: 3% !important; }
#bbs .w4 { width: 4% !important; }
#bbs .w5 { width: 5% !important; }
#bbs .w6 { width: 6% !important; }
#bbs .w7 { width: 7% !important; }
#bbs .w8 { width: 8% !important; }
#bbs .w9 { width: 9% !important; }
#bbs .w10 { width: 10% !important; }
#bbs .w15 { width: 15% !important; }
#bbs .w20 { width: 20% !important; }
#bbs .w30 { width: 30% !important; }
#bbs .w40 { width: 40% !important; }
#bbs .w50 { width: 50% !important; }
#bbs .w60 { width: 60% !important; }
#bbs .w70 { width: 70% !important; }
#bbs .w80 { width: 80% !important; }
#bbs .w90 { width: 90% !important; }
#bbs .w100 { width: 100% !important; }
/*tbody*/
#bbs #blist table tbody { text-align: center; color: #565c7b; vertical-align: middle; }
#bbs #blist table tbody td { padding: 7px 2px; border-bottom: 1px solid #e7e7e7; }
#bbs #blist table tbody td.title { text-align: left; }
#bbs #blist table tbody td.no, #bbs #blist table tbody td.date, #bbs #blist table tbody td.state { font-size: 90%; color: #9f9f9f; vertical-align: top; }
#bbs #blist .icon_wait { border: 1px solid #a9a9a9; background: #efefef; color: #2e2e2e; padding: 3px 5px; display: inline; width: 24px; float: right; }
#bbs #blist .icon_reply { border: 1px solid #ff4e57; background: #ff4e57; color: #fff; padding: 3px 5px; display: inline; width: 24px; float: right; }
/*아이콘(답변,대기)*/
#bbs #blist .reNum { color: #f60029; padding: 0 0 0 5px; margin: 0; display: inline; }
#bbs #blist .newico { padding: 0 0 0 5px; margin: 0; vertical-align: middle; }
#bbs #blist .answerImg { margin: 0 5px 0 15px; }
#bbs #blist .closedImg { margin: 3px 0 0 5px; }
#bbs #blist span.re_ing { position: relative; color: #fff; font-size: 90%; background: #cacaca; padding: 3px; }/*답변*/
#bbs #blist span.re_ok { position: relative; color: #fff; font-size: 90%; background: #ff7439; padding: 3px; }/*대기*/
/*공지*/
#bbs #blist .point { background: #f6f6f6; }
/*글쓰기 버튼*/
#bbs #blist .btnAll { float: right; margin: 7px 5px; }
/*이미지 게시판*/
#bbs #blist .nli { }
#bbs #blist .nli li { }
#bbs #blist .nli .photo { width: 187px; height: 140px; margin: 0 10px 0 0; background: #f6f6f6; float: left; }
#bbs #blist .nli .nlicon { width:calc(100% - 210px); display: block; float:right; }
#bbs #blist .nli a { color: #2e2e2e; }
#bbs #blist .nli .nlicon img { float: left; }
#bbs #blist .nli .nlicon span { width: auto; vertical-align: middle; margin: 0; float:right; font-size:18px;}
#bbs #blist .nli .nlicon .title { display: block; clear: both;     margin: 0;height: 58px;  overflow: hidden; 
    padding: 0;}
#bbs #blist .nli .nlicon p:nth-child(2){height: 56px;  overflow: hidden;    margin: 2px 0 0 0;
    padding: 0;}
/* ---------------------------------------------------------------------------------------------------------------------- */

/*page*/
#bbs .page { position: relative; width: auto; display: table; margin: 0 auto; padding: 16px 0 33px 0; text-align: center; clear: both; color: #a5a5a5; font-size: 100%; }
#bbs .page a { position: relative; display: inline-block; padding: 7px 13px; height: 38px; margin: 0 0 0 -1px; text-decoration: none; color: #929292; border: 1px solid #c4c4c4; font-weight: bold; font-size: 15px; box-sizing: border-box; }
#bbs .page strong { position: relative; display: inline-block; padding: 7px 14px; height: 38px; margin: 0; text-decoration: none; color: #fff; border: none; background: #590ed6; font-size: 15px; box-sizing: border-box; top: -1px; }
#bbs .page strong.current { position: relative; display: inline-block; padding: 7px 14px; height: 38px; margin: 0; text-decoration: none; color: #fff; border: none; background: #590ed6; font-size: 15px; box-sizing: border-box; top: -1px; }
#bbs .page strong span { color: #6690fc; }
#bbs .page .next { position: relative; display: inline-block; padding: 0px; margin:0px -2px 0px 8px; vertical-align: top; border: none; }
#bbs .page .next img { margin: 0; vertical-align: top;     margin: 2px 0 0 0;    vertical-align: top;    height: 38px;}
#bbs .page .next:hover { color: #fff; text-decoration: none; background: #fff; margin: 0px 3px; padding: 0; }
#bbs .page a:hover { color: #fff; text-decoration: none; background: #f60029; }
/*search*/

#bbs .search { float: none; white-space: normal; padding-bottom: 0; margin: 0 auto 97px auto; width:100%; }
#bbs .search input { width: 322px; width:calc(100% - 300px); height: 43px; border: 1px solid #dadada; box-sizing:border-box; vertical-align: middle; display: inline; background:#fff; border-radius:0; padding:22px 2px;}
#bbs .search select { width: 160px; height: 44px; border: 1px solid #dadada; font-size: 16px; vertical-align: middle; color: #706a5f; margin: 0 5px 0 0; display: inline; }
.notice #bbs .search select{ width:32.02%; margin:0 5px 10px 0;}
.notice #bbs .search select:nth-child(3){ margin:0 0 10px 0;}
.notice #bbs .search input{ width:calc(100% - 85px);}

#bbs .search .selectricbox{ width:160px; margin-right:31px;}
#bbs .search .selectricbox .selectric{box-sizing: border-box;}
#bbs #blist .selectricbox ul{ margin:0 ;}
#bbs #blist .selectricbox ul li{    padding: 10px 0 10px 0;}
#bbs .search .sbtn { position: relative; width: 79px; height: 46px; top: -1px; left: -1px; border: none; vertical-align: bottom; background: #898998; color: #fff; border: none; box-sizing: border-box; font-size: 16px; cursor: pointer; text-align: center; line-height: 39px; }
#bbs .search #clinicList { display: inline; }
#color .search select { width: 115px; height: 20px; border: 1px solid #dadada; font-size: 16px; vertical-align: middle; color: #706a5f; margin: 0; display: inline; }
#color .search .sbtn { position: relative; width: 53px; height: 20px; top: 0px; *top:-2px;
left: -8px; border: none; vertical-align: bottom; }
#color .search #clinicList { display: inline; }
/* ---------------------------------------------------------------------------------------------------------------------- */

/*목록이미지 공지/보도/동영상*/
#bbs .photo { width: 81px; height: 81px; margin: 0 auto; padding: 0px 0; vertical-align: middle; }/*기본포토중앙정렬입니다.*/
#bbs .photo p { width: inherit; height: inherit; vertical-align: middle; display: table-cell; text-align: center; }
/*노이미지*/
#bbs .photo .noimg { width: auto; height: auto; }
/* ============================================================================================================== */
/*세로 중앙정렬 (for IE6,7)*/
div.photo img { .margin-top:expression( verticalAlign(this) );
	width:100%;
}
/*max-width,max-height (for IE6)
가로,세로입니다. 0을 주면 자동 맞춤이 되구요.*/
*html div.photo { width: expression( maxSize(this, 0, 0) ); }
/*min-height (for IE6)*/
*html div.photo { height: expression( min_height(this, 0) ); }
/* ============================================================================================================== */

/*치료전후사진*/
#bbs #blist .beaf .photo { width: 102px; height: 102px; }/*여기 사이즈를 바꿔주세요*/
/*목록이미지, 치료사례*/
#bbs #blist .pcon { text-align: left; color: #2e2e2e; }
#bbs #blist .pcon dl { }
#bbs #blist .pcon dt { font-weight: bold; }
#bbs #blist .pcon dd { margin: 5px 0 0 0; }
/*목록이미지, 치료사례(공지, Date, Hit)*/
#bbs #blist p.photoday { font-size: 90%; color: #a5a5a5; margin: 0 0 5px 0; }
#bbs #blist p.photoday img { margin: 0 10px 0 0; }
#bbs #blist p.photoday span { margin: 0 10px 0 0; width: auto; display: inline; }
/*치료사례(테이블아님)*/
#bbs #blist .beafphoto * { margin: 0; padding: 0; }
#bbs #blist .beafphoto .photo { width: 100%; height: auto; border: 0; }
#bbs #blist .beafphoto .photo p { display: block; }
#bbs #blist .beafphoto .photo img { width: 100%; }
#bbs #blist .beafphoto { position: relative; width: 100%; height: 100%; padding: 18px 0 0 0; float: left; /*background:url(/img/list_h_bg.gif) repeat-x top;*/ color: #53728b; }
#bbs #blist .beafphoto ul { margin: 0; padding: 0; list-style: none; }
#bbs #blist .beafphoto ul li { float: left; width: 95%; height: auto; margin: 12px 2.5% 0 2.5%; display: inline-block; }
/*치료전후사진*/
#bbs #blist .beafphoto ul li .bfphoto { width: 100%; padding: 0px; overflow: hidden; background: url(/img/beaf_next.gif) no-repeat 50%; }
#bbs #blist .beafphoto ul li .bfphoto dt { position: relative; width: 45%; height: auto; float: left; background: #f6f6f6; }
#bbs #blist .beafphoto ul li .bfphoto dt span { position: absolute; bottom: 0; right: 0; width: auto; }
#bbs #blist .beafphoto ul li .bfphoto dd { position: relative; width: 45%; height: auto; float: right; margin: 0; background: #f6f6f6; }
#bbs #blist .beafphoto ul li .bfphoto dd span { width: 18px; position: absolute; bottom: 0; left: 0; }
/*치료전후내용*/
#bbs #blist .beafphotocc { width: 310px; font-size: 90%; color: #2e2e2e; margin: 10px 0 40px 0px; }
#bbs #blist .beafphotocc span { display: inline; width: auto; }
#bbs #blist .beafphotocc a strong { color: #2e2e2e; }
#bbs #blist .beafphotocc p { }
#bbs #blist .beafphotocc dl { }
#bbs #blist .beafphotocc dt { font-size: 120%; margin: 0 0 10px 0; }
#bbs #blist .beafphotocc dd { }
#bbs #blist .beafphotocc a dd { font-size: 90%; }
#bbs #blist .beafphotocc a .fontn { color: #2e2e2e; }
#bbs #blist .beafphotocc a .reNum strong { color: #f60029; }
/*포토갤러리*/
#bbs #blist .gallery .photo { width: 100%; height: auto; min-width:150px;}/*여기 사이즈를 바꿔주세요 (dt 사이즈도같이)*/
#bbs #blist .gallery { width: 100%; padding: 18px 0 18px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden; }
#bbs #blist .gallery ul { overflow: hidden; }
#bbs #blist .gallery ul li { height: auto; width:calc(50% - 20px); float: left; margin: 0 20px 10px 0; border: none 0; min-width:150px;}
#bbs #blist .gallery ul li:nth-of-type(2n){margin-right:0;}
#bbs #blist .gallery dl { position: relative; width: 100%; float: none; margin: 0 0 0px 5px; display: block; overflow:hidden;}
#bbs #blist .gallery dt { position: relative; width: calc(99% - 2px); height: 150px; background: #f6f6f6; overflow:hidden;  border:1px solid #e2e2e2; box-sizing:border-box; text-align:center;}
#bbs #blist .gallery dd { color: #2e2e2e; margin: 10px 0 0 0px; text-align: left; }
#bbs #blist .gallery a { font-size: 90%; margin: 0; text-align: center; }
/*faq 카테고리*/
#bbs #blist .faqlist { width: 100%; overflow: hidden; margin: 0 0 20px 0; }
#bbs #blist .faqlist ul { width: 100%; padding: 7px 20px; float: left; background: #f9f9f9; border: 1px solid #ebebeb; }
#bbs #blist .faqlist ul li { width: auto; float: left; margin: 0 5px 0 0; }
#bbs #blist .faqlist a:link { display: block; padding: 5px 20px; background: #b3b3b3; color: #fff; }
#bbs #blist .faqlist a:hover { text-decoration: none; background: #757575; }
/*faq - 분류별*/
#bbs #blist .faq { border-top: 2px solid #c4c4c4; margin: 0 0 20px 0; overflow: hidden; width: 100%; }
#bbs #blist .faq img { position: relative; top: 3px; left: 8px; margin: 0 10px 0 0px; float: left; width: 17px; height: 17px; }
#bbs #blist .faq dl { border-bottom: 1px solid #e7e7e7; float: left; width: 100%; }
#bbs #blist .faq dt { font-weight: bold; padding: 6px 0 6px 0; float: left; width: 100%; cursor: pointer; }
#bbs #blist .faq dt a { display: block; cursor: pointer; }
#bbs #blist .faq dt span { display: inline-block; width: 92%; float: left; padding: 3px 5px; }
#bbs #blist .faq dd { padding: 6px 0 6px 0; height: auto; background: #f6f6f6; float: left; width: 100%; display: none; }
#bbs #blist .faq dd span { display: inline-block; width: 92%; float: left; padding: 3px 5px; }
#bbs #blist .faq a:hover { text-decoration: underline; }
#bbs #blist .faq dd .video { width: 100%; }
/*list 끝------------------------------------------------------------------------------------------------------------------------------------------------- */




/*read -------------------------------------------------------------------------------------------------------------------------------------------- */
#bbs #bread { position: relative; margin: 10px 0 0 0; padding: 10px 0 0 0; overflow: hidden; border-top: 2px solid #c4c4c4; border-bottom: 2px solid #c4c4c4; }
/*제목*/
#bbs #bread .rtop { position: relative; width: 98%; height: auto; margin: 0px 0px 18px 0px; clear: both; overflow: hidden; }
#bbs #bread .rtop .branch { margin: 0px 0 5px 20px; }
#bbs #bread .rtop dl { position: relative; margin: 0px 0 0 5px; background: url(/img/bbs_dot_line.gif) repeat-x bottom; }
#bbs #bread .rtop dt { position: relative; padding: 0 0 0px 0px; color: #2e2e2e; font-size: 120%; font-weight: bold; line-height: 170%; letter-spacing: -1px; }
#bbs #bread .rtop .ico_consult { background: #999; color: #FFF; padding: 2px 5px 3px 5px; font-size: 90%; }
#bbs #bread .rtop .ico_reply { background: #F03; color: #FFF; padding: 2px 5px 3px 5px; font-size: 90%; }
#bbs #bread .rtop span img { position: relative; top: 2px; float: left; margin: 0 5px 0 0; }
#bbs #bread .rtop .reNum { color: #f60029; padding: 0 0 0 5px; margin: 0; display: inline; font-size: 80%; }
#bbs #bread .rtop dd { position: relative; width: 100%; color: #a5a5a5; padding: 0 0 10px 0px; font-size: 100%; }
#bbs #bread .rtop dd strong { margin: 0 5px 0 10px; }
/*읽기내용*/
#bbs #bread .rcon { position: relative; width: auto; height: auto; /*min-height:250px;*/ _height: 250px; margin: 10px 0px 20px 0px; clear: both; }
#bbs #bread .rcon img { max-width: 100%; max-height: 100%; display: block;     margin: 15px auto; }
#bbs #bread .rcc { position: relative; width: auto; height: auto; min-height: 100px; _height: 250px; padding: 0 10px 20px 10px; background: url(/img/bbs_dot_line.gif) repeat-x bottom; }
#bbs #bread ol { margin-left: 25px; list-style: decimal; }
#bbs #bread ul { margin-left: 25px; list-style: disc; }
/*파일첨부,url*/
#bbs #bread .urlFile { width: 100%; height: auto; margin: 0px 10px 10px 10px; padding: 11px 0; overflow: hidden; }
#bbs #bread .urlFile dl { position: relative; width: 97%; float: none; height: 19px; margin: 0 0 0 0px; }
#bbs #bread .urlFile dt { position: relative; width: 18px; padding: 0 0 0px 3px; float: left; }
#bbs #bread .urlFile dd { position: relative; color: #797979; font-size: 90%; padding: 15px 0 10px 0px; float: left; }
#bbs #bread .urlFile a { color: #797979; font-size: 90%; }
/*답글*/
#bbs #bread .reple { position: relative; width: 100%; height: auto; margin: 20x 0 20px 0; padding: 10px 0px 10px 0px; background: #f5f5f5; font-size: 90%; overflow: hidden; }
#bbs #bread .reple dl { position: relative; width: 94%; margin: 0 10px; padding: 13px 0px 10px 0px; border-bottom: 1px solid #e5e5e5; line-height: 130%; }
#bbs #bread .reple dt { color: #a5a5a5; margin: 0 0 10px 0; }
#bbs #bread .reple strong { color: #2e2e2e; margin: 0 10px 0 0; }
#bbs #bread .reple dd { padding: 0 20px 0 0; }
/*수정,삭제 버튼*/
#bbs #bread .reple .reEdit { position: relative; color: #797979 !important; margin: 10px 0 0 0; }
#bbs #bread .reple .reEdit a.btns { display: inline-block; padding-right: 4px; background: url(/img/btn_bg.gif) no-repeat 100% 0; font-size: 90%; color: #797979; line-height: 26px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; color: #797979 !important; }
#bbs #bread .reple .reEdit a.btns strong { display: block; margin: 0; padding: 0 8px 0 12px; background: url(/img/btn_bg.gif) no-repeat; color: #797979 !important; }
/*답글쓰기*/
#bbs #bread .rego { position: relative; height: 100%; margin: 9px 0; padding: 0px; }
#bbs #bread .rego dl { width: 100%; overflow: hidden; border: none 0; }
#bbs #bread .rego dt { width: 100%; overflow: hidden; margin: 0; }
#bbs #bread .rego dt input { width: 110px; height: 20px; float: left; border: 1px solid #c4c4c4; }
#bbs #bread .rego dd { width: 100%; overflow: hidden; float: left; }
#bbs #bread .rego dd textarea { width: 86%; height: 50px; margin: 8px 0px; padding: 5px; border: 1px solid #c4c4c4; overflow: auto; }
#bbs #bread .rego .btnAll { width: 85px; display: block; margin: 0px; text-align: left; }
#bbs #bread .rego strong { margin: 0; color: #797979; }
/*리드페이지 버튼*/
#bbs .readBtn { width: 98%; margin: 10px 0; text-align: right; }
/*상담에 답변*/
#bbs #bread .readRe { position: relative; width: 100%; margin: 0px 0 0 0; padding: 20px 0 0 0; overflow: hidden; background: #f5f5f5; }
/*치료사례 사진*/
#bbs #bread .rcon .beafphoto .photo { width: 100%; height: auto; }
#bbs #bread .rcon .beafphoto .photo p { display: block; }
#bbs #bread .rcon .beafphoto { float: left; width: 96%; min-height: 10px; margin: 0; padding: 0; text-align: center; }
#bbs #bread .rcon .beafphoto dl { width: 100%; height: auto; margin: 0 auto; padding: 10px; overflow: hidden; background: url(/img/beaf_next.gif) no-repeat 50% 50%; }
#bbs #bread .rcon .beafphoto dt { position: relative; width: 45%; height: auto; float: left; background: #f6f6f6; }
#bbs #bread .rcon .beafphoto dt span { position: absolute; bottom: 0; right: 0; }
#bbs #bread .rcon .beafphoto dd { position: relative; width: 45%; height: auto; float: right; background: #f6f6f6; }
#bbs #bread .rcon .beafphoto dd span { position: absolute; bottom: 0; left: 0; }
#bbs #bread .rcon .beafphoto img { margin: 0; padding: 0; }
#bbs #bread .rcon .beafphoto dt img { display: inline; }
#bbs #bread .rcon .beafphoto dd img { display: inline; }
/*치료사례 내용*/
#bbs #bread .rcon .rcc { position: relative; text-align: left; clear: left; }
/*read 끝-------------------------------------------------------------------------------------------------------------------------------------------- */


/*write -------------------------------------------------------------------------------------------------------------------------------------------- */
#bbs #bwrite { margin: 0 0 0 0; padding: 0; /* border-bottom: 1px solid #e7e7e7; border-top:2px solid #c4c4c4;*/ overflow: hidden; width: 100%; }
/*개인정보방침*/
#bbs #bwrite .top { width: 100%; height: 100%; margin: 0px 0 30px 0; overflow: hidden; text-align: center; line-height: 180%; }
#bbs #bwrite .top .ScrollLy { width: 558px; height: 131px; margin: 0px 0 0 0; padding: 10px; border: 1px solid #cccccc; background: #ffffff; z-index: 1; overflow-x: hidden; overflow-y: auto; font-size: 18px; }
#bbs #bwrite .top .ScrollLy .title { text-align: center; font-size: 140%; font-weight: bold; }
#bbs #bwrite .top .ScrollLy h6 { text-align: left; font-weight: bold; padding: 15px 0 10px 0; }
#bbs #bwrite .top .ScrollLy p { text-align: left; }
#bbs #bwrite .top .ScrollLy ul { padding: 0 0 10px 0; }
#bbs #bwrite .top .ScrollLy ul li { text-align: left; }
#bbs #bwrite .top .jbtn { position: relative; top: 5px; *top:1px;
_top: 1px; }
#bbs #bwrite .top > p { width: 97%; text-align: right; clear: both; padding: 0 0 9px 0; font-size: 16px; margin: 5px 0 0 0; color: #8c8c90; }
/*개인정보방침 끝*/

/*기본틀*/
#bbs #bwrite .wlist { width: 582px; height: 100%; clear: both; margin: 0 auto; float: none; display: table; border-top: 1px solid #777777; border-bottom: 1px solid #777777; }
#bbs #bwrite .wlist dl { width: 100%; height: auto; margin: 0 0 0 0; padding: 0 0; float: left; color: #2e2e2e; border-bottom: 1px solid #dadada; position:relative;}
#bbs #bwrite .wlist dl.poab dt{ position:absolute; height:100%;}
#bbs #bwrite .wlist dl.poab dd{ float:right;}
#bbs #bwrite .wlist dl.last { width: 100%; height: auto; padding: 6px 0 8px 0px; float: left; color: #2e2e2e; background: none; }
#bbs #bwrite .wlist dt { border-right: 1px solid #dadada; background: #f2eefe; width: 138px; min-width: 100px; padding: 24px 0; text-align: center; float: left; color: #2e2e2e; font-weight: bold; letter-spacing: -1px; /* background: url(/img/bbs_w_dt_icon.gif) no-repeat 10px 7px; */
font-size: 18px; color: #463e6c; }
#bbs #bwrite .wlist dd { float: left; width: calc(100% - 154px); display: inline; padding: 15px 0; margin: 0 0 0 15px; background: url(/img/board_dd_line.gif) no-repeat 0 3px; font-size: 18px; }
#bbs #bwrite .wlist dd input { width: 210px; height: 38px; border: 1px solid #dadada; }
#bbs #bwrite .wlist dd input.name{ width:297px;}
/*제목*/
#bbs #bwrite .wlist .wTop .wtitle { width: 99%; }
#bbs #bwrite .wlist .wTop .wtitle dt { }
#bbs #bwrite .wlist .wTop .wtitle dd input { width:409px; }
/*체그박스 답변메일받기*/
#bbs #bwrite .wlist .wTop span { font-size: 85%; margin: 0 0 0 1%; }
/*쓰기내용*/ 
#bbs #bwrite .wlist .editor { width: 100%; height: auto; margin: 0 0 0 0; }
#bbs #bwrite .wlist .editor dt {    padding: 120px 0; }
#bbs #bwrite .wlist .editor dd { padding: 8px 0; }
#bbs #bwrite .wlist .editor dd textarea { float: none; width: 404px; height: 237px; border: 1px solid #dadada; }

#bbs #bwrite .wlist .wl1 dt{ padding:63px 0;}
#bbs #bwrite .wlist .wl1 dd{line-height: 41px;}
#bbs #bwrite .wlist .wl2 dd{ padding:22px 0 10px 0;}
#bbs #bwrite .wlist .wl2 dd label{ margin-right:20px;}
/*파일첨부,관련링크*/
#bbs #bwrite .wlist .fplus dt { }
#bbs #bwrite .wlist .fplus dd { }
/*개인정보취급방침동의*/
#bbs #bwrite .wlist .agreen { position: relative; }
#bbs #bwrite .wlist .agreen dt { }
#bbs #bwrite .wlist .agreen dd { width: 30%; }
#bbs #bwrite .wlist .agreen dd a.btn_policy { position: absolute; top: 5px; right: 5px; display: inline-block; width: auto; height: 20px; padding: 0 5px; border: 1px solid #8d8d8d; background: #a5a5a5; color: #fff; vertical-align: middle; line-height: 18px; border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; font-size: 90%; }
/*파일첨부 내용  + 삭제 */
#bbs #bwrite .weidtFile { line-height: 140%; padding: 10px 0; }
#bbs #bwrite .weidtFile p { margin: 0 0 10px 0; }
/*스팸차단코드*/
/*#bbs #bwrite .spam{overflow:hidden; padding:15px 0 0 0; clear:both;}*/
#bbs #bwrite .spam { width: 100%; height: auto; padding: 6px 0 8px 0px; float: left; color: #2e2e2e; }
#bbs #bwrite .spam dt { width: 20%; min-width: 100px; padding: 0 0 0 0; float: left; color: #2e2e2e; font-weight: bold; /*background:url(/img/bbs_w_dt_icon.gif) no-repeat 10px 7px;*/ }
#bbs #bwrite .spam dd { float: left; font-size: 90%; width: 60%; }
#bbs #bwrite .spam dd img { vertical-align: middle; margin: 0 6px 0 0; }
#bbs #bwrite .spam dd span { display: block; padding: 5px 0 0 0; }
/*input*/
#bbs #bwrite .wlist input { width: 100%; vertical-align: middle; }
#bbs #bwrite .wlist input[type="checkbox"] { width: auto !important; vertical-align: middle; }
#bbs #bwrite .wlist .inputLong { width: 50%; }
#bbs #bwrite .wlist .inputTitle { width: 70%; }
/*write 끝-------------------------------------------------------------------------------------------------------------------------------------------- */


/*온라인예약2 - 제나 ----------------------------------------------------------------------------------------------------------------------------------- */

/*온라인예약프로그램*/
#bbs .rese2 { position: relative; width: 840px; border: 1px solid #e7e7e7; margin: 10px; color: #797979; line-height: inherit; float: left; }
/*#bbs .rese2List tbody td{color:#2e2e2e !important;}*/


#bbs .rese2 .rese2Left { float: left; padding: 0 20px 10px 0; }
#bbs .rese2 .rese2Right { float: right; }
/*지전선택, 예약희망일 ------------------------ */
#bbs .rese2 .rese2Top { color: #797979; width: 525px; height: 40px; padding: 15px 0 0 0; margin: 0 0 0 20px; background: url(/img/bbs_dot_line.gif) repeat-x bottom; overflow: hidden; }
#bbs .rese2 .rese2Top dl { float: left; }
#bbs .rese2 .rese2Top dt { float: left; padding: 4px 15px 5px 0; }
#bbs .rese2 .rese2Top dd { float: left; }
#bbs .rese2 .rese2Top dd span { margin: 4px 10px 0 0; display: inline-block; }
/*지전선택, 예약희망일 끝 ------------------------ */

/*달력 ----------------- */
#bbs .rese2 .calendar { width: 530px; margin: 25px 0 10px 20px; }
#bbs .rese2 .calendar table caption { position: relative; padding: 0 0 19px 0; vertical-align: middle; width: inherit; height: inherit; overflow: inherit; visibility: inherit; font-size: inherit; }
#bbs .rese2 .calendar table caption span { position: relative; top: 0px; color: #2e2e2e; :180%;
margin: 0 27px; }
#bbs .rese2 .calendar table caption img { margin: 4px 0 0 0; }
#bbs .rese2 .calendar .sat { color: #7f7fde; display: block; text-align: left; }
#bbs .rese2 .calendar .sun { color: #f84c8d; display: block; text-align: left; }
#bbs .rese2 .calendar table thead { }
#bbs .rese2 .calendar table tbody { }
#bbs .rese2 .calendar table th { padding: 0 0 0 1px; }
#bbs .rese2 .calendar table td { width: 75px; height: 61px; :90%;
background: #f2f2f2; border: 1px solid #fff; vertical-align: top; padding: 7px 0 0 10px; }
#bbs .rese2 .calendar table td span { display: block; text-align: center; }
#bbs .rese2 .calendar p { text-align: left; margin: 10px 0 0 0; }
/*달력 끝 ----------------- */

/*예약시간,병원진료,이름,연락처,이메일주소,예약내용*/
#bbs .rese2 .rese2Right { width: 268px; background: #f2f2f2; float: right; padding: 23px 0 0 0px; line-height: 100%; }
#bbs .rese2 .rese2Right p { margin: 0 0 10px 13px; }
#bbs .rese2 .rese2Right dl { width: 243px; clear: both; overflow: hidden; margin: 0 auto 7px auto; }
#bbs .rese2 .rese2Right dt { float: left; width: 70px; margin: 0; padding: 4px 0 3px 0; font-weight: bold; color: #797979; text-align: left; }
#bbs .rese2 .rese2Right dd { float: left; width: 170px; color: #797979; }
#bbs .rese2 .rese2Right dd span { position: relative; top: 3px; }
#bbs .rese2 .rese2Right textarea { width: 170px; height: 106px; }
/*예약시간*/
#bbs .rese2 .rese2Right .TimeCon { width: 170px; height: 138px; border: 1px solid #7f9db9; margin: 0 0 0 0px; overflow: hidden; clear: both; }
#bbs .rese2 .rese2Right .TimeCon ul { margin: 0px; padding: 0px; overflow: hidden; height: 138px; overflow: scroll; overflow-x: hidden; background: #fff; }
#bbs .rese2 .rese2Right .TimeCon ul li { margin: 0px; padding: 0 0 2px 5px; }
#bbs .rese2 .rese2Right .TimeCon ul li:hover { background: #b2b4bf; cursor: pointer; }
/*예약시간 끝*/


/*버튼 (진료예약,취소)*/
#bbs .rese2 .ftV { color: #766cc0 !important; }
/*온라인예약2(리드페이지) - 제나*/
#bbs #bread .reseReadTop { height: 100%; margin: 0 0 0 20px; line-height: 100%; background: url(/img/bbs_dot_line.gif) repeat-x bottom; overflow: hidden; }
#bbs #bread .reseReadTop dl { float: left; width: 45%; margin: 0 0 0 10px; padding: 0 0 5px 0; height: auto; background: none; }
#bbs #bread .reseReadTop dt { float: left; position: relative; width: 90px; margin: 0; padding: 5px 0 0 10px; font-weight: bold; background: url(/img/icon_red.gif) no-repeat left; font-weight: normal; color: #797979; display: inline; }
#bbs #bread .reseReadTop dd { float: left; width: auto; position: relative; color: #000; }
#bbs #bread .reseReadTop dd strong { position: relative; top: 0px; }
/*주소 width:100%;*/
#bbs #bread .reseReadTop .dlw100 { width: 90%; }
#bbs #bread .reseReadTop .dlw100 dt { }
#bbs #bread .reseReadTop .dlw100 dd { width: 75%; }
/*온라인예약2 - 제나 끝 ------------------------------------------------------------------------------------------------------------------------------------- */

/*온라인예약 - 부민 ------------------------------------------------------------------------------------------------------------------------------------- */
#bbs .bline { background: url(/img/bbs_dot_line.gif) repeat-x bottom; }
#bbs .rese { position: relative; width: 100%; margin: 0; color: #797979; line-height: inherit; float: left; }
/*스텝1 --------------------------------------------------------------------------------------------------------- */
.rese .reseStep1 { overflow: hidden; margin: 0 0 16px 0; }
.rese .reseStep1 dl { float: left; width: 100%; }
.rese .reseStep1 dt { float: left; width: auto; margin: 0 15px 0 0; }
.rese .reseStep1 dd { float: left; width: 85%; border: 1px solid #e7e7e7; }
.rese .reseStep1 dd dl { margin: 10px 15px 0px 15px; padding: 0 0 10px 0; width: 95%; }
.rese .reseStep1 dd dt { width: 65px; padding: 3px 0 0 0; }
.rese .reseStep1 dd dd { border: none 0; width: 70%; }
/*의료진 리스트*/
.rese .reseStep1 #doctor { width: auto; }
.rese .reseStep1 #doctor ul { width: auto; }
.rese .reseStep1 #doctor ul li { float: left; width: 255px; margin: 20px 0 0 0; }
.rese .reseStep1 #doctor p { float: left; }
.rese .reseStep1 #doctor dl { width: 137px; margin: 0px 0 0 10px; padding: 0; }
.rese .reseStep1 #doctor dt { font-size: 120%; color: #4a4a4c; clear: both; }
.rese .reseStep1 #doctor dd { font-size: 90%; clear: both; width: 100%; margin: 10px 0 0 0; padding: 0; letter-spacing: -1px; }
.rese .reseStep1 #doctor dd span { color: #67af3e; display: block; }
.rese .reseStep1 #doctor .btnAll { text-align: left; width: auto; clear: both; padding: 0; }
/*스텝1 끝 ------------------------------------------------------------------------------------------------------- */

/*스텝2 ------------------------------------------------------------------------------------------------------- */
.rese .reseStep2 { overflow: hidden; margin: 0 0 16px 0; }
.rese .reseStep2 dl { float: left; width: 100%; }
.rese .reseStep2 dt { float: left; width: auto; margin: 0 15px 0 0; }
.rese .reseStep2 dd { float: left; width: 85%; border: 1px solid #e7e7e7; }
/*예약날짜 (달력) ---------------------------------- */
.rese .reseStep2 .calendar { position: relative; width: 301px; height: 320px; background: url(/img/rese_step02_day_bg.jpg) no-repeat; float: left; margin: 10px 15px 0px 15px; }
.rese .reseStep2 .calendar table { position: relative; width: 266px; border-top: 2px solid #ccc; border-bottom: 1px solid #e5e5e5; margin: 0 0 0 17px; }
.rese .reseStep2 .calendar caption { position: relative; padding: 2px 0 10px 0; font-size: 180%; vertical-align: middle; width: inherit; height: inherit; overflow: inherit; visibility: inherit; }
.rese .reseStep2 .calendar caption img { margin: 4px 0 0 0; }
.rese .reseStep2 .calendar table thead { }
.rese .reseStep2 .calendar table th { border-bottom: 1px solid #e5e5e5; padding: 5px 0; line-height: 100%; }
.rese .reseStep2 .calendar table tbody { margin: 0; padding: 0; }
.rese .reseStep2 .calendar table td { font-size: 90%; color: #797979; text-align: center; padding: 5px 0; line-height: 100%; }
.rese .reseStep2 .calendar table .sun { color: #f60029; }
.rese .reseStep2 .calendar table .sat { color: #006ecb; }
.rese .reseStep2 .calendar table .on { font-weight: bold; }
.rese .reseStep2 .calendar table .pick { background: url(/img/rese_pick.gif) no-repeat 50%; }
.rese .reseStep2 .calendar table .today { background: url(/img/rese_today.gif) no-repeat 50%; }
.rese .reseStep2 .calendar table .pick_on { background: url(/img/rese_on.gif) no-repeat 50%; }
/**/
.rese .reseStep2 .calendar p { margin: 12px 0 22px 17px; }
/*예약선택일*/
.rese .reseStep2 .calendar dl { overflow: hidden; padding: 18px 0 0 0; line-height: 100%; }
.rese .reseStep2 .calendar dt { position: relative; float: left; width: 66px; margin: 0px 0 0 3px; padding: 4px 0; }
.rese .reseStep2 .calendar dd { float: left; margin: 0 0 0 5px; padding: 0; border: none 0; width: auto; }
/*예약날짜 (달력) 끝---------------------------------- */

/*예약시간 선택 ------------------------------------- */
.rese .reseStep2 .reseTime { position: relative; width: 220px; height: 278px; background: url(/img/rese_step02_time_bg.jpg) no-repeat; float: left; margin: 10px 15px 0px 0px; }
/*예약시간선택*/
.rese .reseStep2 .reseTime .TimeCon { width: 184px; height: 165px; border: 1px solid #7f9db9; margin: 10px 0 0 18px; overflow: hidden; float: left; }
.rese .reseStep2 .reseTime .TimeCon ul { margin: 0px; padding: 0px; overflow: hidden; height: 170px; overflow: scroll; overflow-x: hidden; }
.rese .reseStep2 .reseTime .TimeCon ul li { margin: 0px; padding: 0 0 2px 5px; }
.rese .reseStep2 .reseTime .TimeCon ul li:hover { background: #b2b4bf; cursor: pointer; }
.rese .reseStep2 .reseTime p { margin: 12px 0 22px 17px; float: left; }
.rese .reseStep2 .reseTime dl { overflow: hidden; padding: 14px 0 0 0; line-height: 100%; }
.rese .reseStep2 .reseTime dt { position: relative; float: left; width: 85px; margin: 0 0 0 3px; padding: 4px 0; }
.rese .reseStep2 .reseTime dd { float: left; margin: 0 0 0 5px; padding: 0; border: none 0; width: auto; }
.rese .reseStep2 .reseTime dd input { width: 110px; }
/*예약시간 선택 끝 ------------------------------------- */

/*스텝2 끝 ----------------------------------------------------------------------------------------------------------- */


/*스텝3 --------------------------------------------------------------------------------------------------------- */
.rese .reseStep3 { overflow: hidden; margin: 0 0 16px 0; }
.rese .reseStep3 dl { float: left; width: 100%; }
.rese .reseStep3 dt { float: left; width: auto; margin: 0 15px 0 0; }
.rese .reseStep3 dd { float: left; width: 85%; border: 1px solid #e7e7e7; }
.rese .reseStep3 dd dl { margin: 10px 15px 0px 15px; padding: 0 0 10px 0; width: 95%; }
.rese .reseStep3 dd dt { width: 65px; padding: 3px 0 0 0; }
.rese .reseStep3 dd dd { border: none 0; width: 70%; }
/*예약자정보 (회원가입css)*/
.rese .join { border: none 0; margin: 0; padding: 0; }
/*개인정보취급방침*/
.rese .join .joinTop { width: 100%; margin: 0 0 5px 0; padding: 0; border: 1px solid #e5e5e5; }
.joinBox { width: 100%; padding: 20px; background: #f7f7f7; }
.joinBox .jcheck { width: 100%; text-align: right; margin: 0; padding: 8px 0; }
/*예약자정보*/
.rese .reseStep3 .join dl { width: 100%; margin: 0; }
.rese .reseStep3 .join dt { width: 90px; background: none; padding: 4px 0 4px 0; }
.rese .reseStep3 .join textarea { width: 100%; height: 85px; border: 1px solid #e5e5e5; padding: 2px 0 0 3px; }
/*예약자정보 (회원가입css) 끝*/

/*온랑인예약 리드페이지*/
#bbs .rese .reseRead { }
#bbs .rese .reseRead dd { padding: 4px 0 0 0; }
#bbs .rese .reseRead .btnAll { width: 97%; }
/*스텝3 끝 ------------------------------------------------------------------------------------------------------- */
/*예약하기버튼*/
.rese .reseBtn { width: 149px; height: 43px; text-align: center; }
/*온라인예약 - 부민 끝 ------------------------------------------------------------------------------------------------------------------------------------- */


/*비용문의 (쓰기페이지 + 인덱스페이지) -------------------------------------------------------------------------------------------------------- */
#bbs .moneylist #bwrite { height: 100%;/*ie6버그*/ margin-bottom: 30px; }
#bbs .moneylist #bwrite .wlist { float: left; }
#bbs .moneylist #bwrite .wlist dl { width: 100%; height: auto; clear: both; }
#bbs .moneylist #bwrite .wlist dt { width: 100px; }
#bbs .moneylist #bwrite .wlist dd { width: 70%; }
#bbs .moneylist #bwrite .wlist .moneypro { }
#bbs .moneylist #bwrite .wlist .moneypro dd { padding-top: 4px; }
#bbs .moneylist #bwrite .wlist input { width: auto; }
/*비용문의 (쓰기페이지 + 인덱스페이지) 끝 -------------------------------------------------------------------------------------------------------- */

/*온라인예약*/
.reseStep .tit { font-size: 13px; font-weight: bold; }
.reseStep dl { overflow: hidden;     padding: 10px 0; margin:0;border-bottom: 1px solid #cdcdcd; display: inline-block;width: 100%;}
.reseStep dt { float: left; width: 115px; }
.reseStep dd { float: left; min-width: 150px; width: 62%; }
.reseStep dd .input {    width: auto;    min-width: 257px;    box-sizing: border-box;    padding: 5px 0;    height: auto;}
/*팝업*/
.popclose { background: #000; text-align: right; padding: 2px 0 0 0; }
.popclose input { margin: 0px 0 0 0; vertical-align: middle; }
.popclose span { color: #fff; margin: 2px 0 0 0; display: inline-block; }
.popclose img { margin: -2px 3px 0 0; }



/* 스마트 폰: 320px 이하 */


.wCon .editor{width:100%;}
.wCon textarea{width:100%;min-height:250px; resize:none;}