/* LJJ 20110404 */ /* Layout Selector */ #wrap {margin:0 auto; width:320px} .bg01 {background-color:#2b2b2b;} .bg02 {background-color:#ffffff;} .intro {background:url(../images/intro01.gif) center 0 no-repeat} .main {background:url(../images/main01.gif) center 0 no-repeat} .sub {background:url(../images/sub01.png) center 0 no-repeat} #header {height:35px} .logo { height:50px; width:300px; margin:0 auto; display:block; text-indent:-5000em;} .intro_btn {height:42px; padding-top:209px} .m_btn {padding-top:260px} #m_nav {margin:0; padding:0; list-style:none; text-align:center} #m_nav li {margin:0; padding:0 10px 5px; display:inline-block; text-align:center} #m_nav li a {height:85px; width:73px; display:block; text-indent:-5000em; background-image:url(../images/btn_01.png); background-repeat:no-repeat} #m_nav li a.m01 {background-position:0 0} #m_nav li a.m02 {background-position:-93px 0} #m_nav li a.m03 {background-position:-190px 0} #m_nav li a.m04 {background-position:0 -90px} #m_nav li a.m05 {background-position:-95px -90px} #m_nav li a.m06 {background-position:-187px -90px} .sub_btn {padding-top:10px; background-color:#FFF} #sub_nav {margin:0; padding:0; list-style:none; text-align:center} #sub_nav li {margin:0; padding:0 5px 5px; display:inline-block; text-align:center} #sub_nav li a {height:87px; width:83px; display:block; text-indent:-5000em; background-image:url(../images/sub_btn_01.png); background-repeat:no-repeat} #sub_nav li a.m01 {background-position:0 0} #sub_nav li a.m02 {background-position:-95px 0} #sub_nav li a.m03 {background-position:-195px 0} #sub_nav li a.m04 {background-position:0 -100px} #sub_nav li a.m05 {background-position:-95px -100px} #sub_nav li a.m06 {background-position:-197px -100px} #sub_nav li a.m07 {background-position:0 -200px} #sub_nav li a.m08 {background-position:-95px -200px} #sub_nav li a.m09 {background-position:-195px -200px} .pro_btn {padding-top:10px; background:#FFF;} #pro_nav {margin:0; padding:0; list-style:none; text-align:center} #pro_nav li {margin:0; padding:0 10px 5px; display:inline-block; text-align:center} #pro_nav li a {height:81px; width:79px; display:block; text-indent:-5000em; background-image:url(../images/program_btn.png); background-repeat:no-repeat} #pro_nav li a.m01 {background-position:0 0} #pro_nav li a.m02 {background-position:-98px 0} #pro_nav li a.m03 {background-position:-198px 0} #pro_nav li a.m04 {background-position:0 -99px} #pro_nav li a.m05 {background-position:-98px -99px} #pro_nav li a.m06 {background-position:-198px -99px} #pro_nav li a.m07 {background-position:0px -199px} #pro_nav li a.m08 {background-position:-98px -199px} #pro_nav li a.m09 {background-position:-198px -199px} #footer {height:39px; padding:11px 0; text-align:center; color:#6b6b6b; clear:both; font-size:0.7em; letter-spacing:-0.01em} #footer_sub { text-align:center; color:#6b6b6b; clear:both; font-size:0.7em; letter-spacing:-0.01em;} #footer_sub .tell {float:right; padding:7px 30px 0 0px; } #footer_sub .pc {float:left; padding:10px 0 0 20px;} /* sub */ .s_nav01 ul {margin:0; padding:0; list-style:none; height:55px; text-align:center; background-image:url(../images/program_sub01.jpg); background-repeat:no-repeat } .s_nav01 ul.bg01 {background-position:0 0; } .s_nav01 ul.bg02 {background-position:0px -55px;} .s_nav01 ul.bg03 {background-position:0px -110px;} .s_nav01 ul.bg04 {background-position:0px -165px;} .s_nav01 ul.bg05 {background-position:0px -220px;} .s_nav01 ul.bg06 {background-position:0px -275px;} .s_nav01 ul.bg07 {background-position:0px -330px;} .s_nav01 ul.bg08 {background-position:0px -385px;} .s_nav01 ul.bg09 {background-position:0px -440px;} .s_nav01 ul li {margin:0; padding:0; float:left} .s_nav01 ul li a {height:50px; display:block; text-indent:-5000em; padding:0px;} .s_nav02 ul {margin:0; padding:0; list-style:none; height:55px; text-align:center; background-image:url(../images/cosmetic_sub01.jpg); background-repeat:no-repeat } .s_nav02 ul.bg01 {background-position:0 0; } .s_nav02 ul.bg02 {background-position:0px -55px;} .s_nav02 ul.bg03 {background-position:0px -110px;} .s_nav02 ul.bg04 {background-position:0px -165px;} .s_nav02 ul li {margin:0; padding:0; float:left} .s_nav02 ul li a {height:50px; display:block; text-indent:-5000em; padding:0px;} .s_nav03 ul {margin:0; padding:0; list-style:none; height:55px; text-align:center; background-image:url(../images/event_sub01.jpg); background-repeat:no-repeat } .s_nav03 ul.bg01 {background-position:0 0; } .s_nav03 ul.bg02 {background-position:0px -55px;} .s_nav03 ul li {margin:0; padding:0; float:left} .s_nav03 ul li a {height:50px; display:block; text-indent:-5000em; padding:0px;} .s_nav04 ul {margin:0; padding:0; list-style:none; height:55px; text-align:center; background-image:url(../images/consult_sub01.jpg); background-repeat:no-repeat } .s_nav04 ul.bg01 {background-position:0 0; } .s_nav04 ul.bg02 {background-position:0px -55px;} .s_nav04 ul li {margin:0; padding:0; float:left} .s_nav04 ul li a {height:50px; display:block; text-indent:-5000em; padding:0px;} #content03 {border-top:0px solid #183592;margin:0; padding:0;height:130px;} #content02 {border-top:0px solid #183592;margin:0; padding:0;height:75px;} #content { background:#FFF; font-size:0.75em} .tab_nav01 {margin:10px auto; padding:0; list-style:none; overflow:hidden} .tab_nav01 li {margin:0; padding:0; float:left} .tab_nav01 li a {display:block; text-indent:-5000em; height:22px} .tab_nav01 li a.bg01 {background-image:url(../images/tab_nav01_off.gif); background-position:0 0; width:67px} .tab_nav01 li a.bg02 {background-image:url(../images/tab_nav01_off.gif); background-position:-67px 0; width:88px} .tab_nav01 li a.bg03 {background-image:url(../images/tab_nav01_off.gif); background-position:-155px 0; width:80px} .tab_nav01 li a.bg04 {background-image:url(../images/tab_nav01_off.gif); background-position:-235px 0; width:85px} .tab_nav01 li a.bg01_on {background-image:url(../images/tab_nav01_on.gif); background-position:0 0; width:67px} .tab_nav01 li a.bg02_on {background-image:url(../images/tab_nav01_on.gif); background-position:-67px 0; width:88px} .tab_nav01 li a.bg03_on {background-image:url(../images/tab_nav01_on.gif); background-position:-155px 0; width:80px} .tab_nav01 li a.bg04_on {background-image:url(../images/tab_nav01_on.gif); background-position:-235px 0; width:85px} .box01 {padding:14px} .box02 {width:270px; padding:10px 10px 10px 10px; border:1px solid #999; background-color:#fff} .list01 {margin:0; padding:0; list-style:none} .list01 li {margin:0; padding:0 0 17px; color:#575757} .list02 {margin:0; padding:0 4px; list-style:none} .list02 li {clear:both; margin:0; padding:0 0 15px; color:#585858; font-size:11px; letter-spacing:-0.02em; overflow:hidden} .list02 li img {float:left} .list02 li span {float:left; padding-left:10px} .list02 li span.left {padding-left:90px} .list03 {margin:0; padding:0 14px; list-style:inside} .list03 li {clear:both; margin:0; padding:0 0 2px; color:#585858; font-size:11px; letter-spacing:-0.02em; overflow:hidden} .list_doc01 {margin:0; padding:0; list-style:none} .list_doc01 li {margin:0; padding:0 4px; background:url(../images/icon_dot.gif) 0 8px no-repeat; color:#585858} .list_img01 {margin:0; padding:0 4px; list-style:none; overflow:hidden} .list_img01 li {margin:0; padding:0 12px 17px; float:left; width:132px; text-align:center} .list_img01 li p {background-color:#b8b8b8; color:#FFF; font-size:11px; padding:2px 4px} .list_img02 {margin:0; padding:0; list-style:none} .list_img02 li {margin:0; padding:0 0 2px; text-align:center} .title01 {color:#183592; font-weight:bold; padding:25px 10px 10px} .title02 {color:#575757; font-size:11px; padding:0 14px 7px; background:url(../images/icon_dot.gif) 10px 8px no-repeat} .title03 {color:#3d57ab; font-weight:bold; padding:15px 34px 0; height:23px; background:url(../images/icon_plus.gif) 18px 17px no-repeat} .title_d01 {padding:0 14px; margin-top:10px} .title_d01 span {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#183592; font-size:11px; color:#FFF; padding:0 2px} .text01 {padding:5px 14px; color:#575757; font-size:11px} .text02 {padding:5px 14px; font-size:11px} .dl_txt01 {padding:2px 14px;; font-size:11px} .dl_txt01 dt {font-weight:bold} .dl_txt01 dd {color:#575757} .tt {height:25px} .doctor {padding:17px 8px; overflow:hidden; border-bottom:1px solid #e1e1e1} .doctor .doc_img {width:121px; padding-right:8px; float:left} .doctor .doc_tt { font-weight:bold; padding-bottom:3px} .doctor .doc_list {margin:0; padding:2px 0 10px; list-style:none} .doctor .doc_list li {margin:0; padding:0; font-size:12px; letter-spacing:-0.02em} .clinic {height:25px} .clinic h2.tt {float:left} .clinic a {float:right; padding:6px 5px 0 0} .clinic_list {margin:0; padding:0; list-style:none} .clinic_list li {margin:0; padding:13px 0 13px 32px; border-bottom:1px solid #cfd5e7; background:url(../images/icon_plus.gif) 18px 16px no-repeat; color:#585858} .clinic_list li.bg {background-color:#f3f3f5} .clinic_list li a {font-size:1.1em} .clinck {font-size:11px; text-align:right; padding-bottom:12px} .clinck a {color:#6c7cb0} .table01 {width:100%; margin:0px 0} .table01 th {color:#585858; font-weight:normal; text-align:right; padding:0 7px} .table01 td {padding:4px 7px} .table02 {width:100%; margin-bottom:15px} .table02 th {color:#585858; padding:9px 7px; background-color:#f3f3f5; border-bottom:1px solid #cfd5e7; border-top:1px solid #cfd5e7} .table02 td {padding:9px 7px; border-bottom:1px solid #cfd5e7; text-align:center; color:#585858} .table02 td.bg {background-color:#f3f3f5;} .table02 td span {color:#3d57ab} .table03 {width:100%; margin-bottom:15px} .table03 th {color:#585858; padding:3px 5px; background-color:#f3f3f5; border-bottom:1px solid #cfd5e7; border-top:1px solid #cfd5e7} .table03 td {padding:3px 5px; border-bottom:1px solid #cfd5e7; text-align:center; color:#585858} .input_text {border:1px solid #cfd5e7; height:23px; padding:0 5px; vertical-align:middle} .select01 {border:1px solid #cfd5e7; height:23px; vertical-align:middle} .textarea01 {border:1px solid #cfd5e7; padding:0 5px} .comment {padding:11px; background-color:#3d57ab; text-align:center; font-weight:bold; color:#d3d2d7; overflow:hidden} .calendar {background:url(../images/calendar_bg.gif) repeat-x} .thismonth {height:61px; position:relative; z-index:1} .prev_month {position:absolute; top:13px; left:20px; z-index:10} .next_month {position:absolute; top:13px; right:20px; z-index:10} .yearsmonth {padding-top:9px; text-align:center} .table_calendar {width:100%;background:url(../images/week_bg.gif) repeat-x} .table_calendar th {color:#555659; height:27px; vertical-align:top} .table_calendar td {height:44px; background:url(../images/day_bg.gif) no-repeat; text-align:center} .table_calendar td a {width:30px; padding:6px 0; display:inline-block; text-align:center; font-size:22px; font-weight:bold; color:#41515f} .table_calendar td.today {width:46px;height:44px; background:url(../images/today_bg.gif) no-repeat} .rc_bg {background:url(../images/reserve_bg.gif) no-repeat #3d57ab; position:relative; z-index:1} ._prev_month {position:absolute; top:4px; left:9px; z-index:10} ._next_month {position:absolute; top:4px; right:3px; z-index:10} ._yearsmonth {padding-top:12px; height:24px; color:#FFF; font-weight:bold; text-align:center} .rc_list {margin:0; padding:0; list-style:none; background:url(../images/list_bg.gif)} .rc_list li {margin:0; padding:8px 10px 0 14px; height:22px} .rc_list li span {color:#3d57ab; font-weight:bold} .comment_list {margin:0; padding:14px; list-style:none} .comment_list li {margin:0; padding:0 0 4px 11px; background:url(../images/icon_dot01.gif) 0 6px no-repeat; color:#d3d2d7} .comment_list li a {background-color:#be4849; color:#d3d2d7; padding:0 2px} .reserve_ok {margin-bottom:68px; border-top:1px solid #cfd5e7; overflow:hidden} .reserve_ok dt {clear:both; float:left; width:82px; padding:8px 0; text-align:right; border-bottom:1px solid #cfd5e7; color:#585858} .reserve_ok dd {float:left; width:228px; padding:8px 5px; border-bottom:1px solid #cfd5e7; font-weight:bold; color:#3d57ab} .reserve_ok .bg {background-color:#f3f3f5} .map {background-color:#d9e1ea} .fl_phone {padding-right:14px; text-align:center} /* .fl_phone { float:left; padding-right:14px; border-right:1px solid #6d86d6} .fr_letter { float:right} */ .skip {position:absolute; width:0; height:0; font-size:0; line-height:0; top:-5000px;} /*===============================================================* 게시판 속성 *===============================================================*/ #Module { width:100%; margin:0 auto; } #Module .font {color:#666;} #Module .pointfont {color:#bb2525;} #Module .colorfont {color:#4785b9;} #Module .coralfont {color:#c36060;} #Module .table {width:90%;} #Module a:link, a:visited, a:active {color:#555555; text-decoration : none;} #Module a:hover {color:#6ca0cc; text-decoration : none;} #Module th {font-size:11px; color:#80a9cb; font-weight:bold; text-align:left;} #Module .textarea {padding : 5px; width:90%;} #Module .input {border:1px solid #d5dce9; height:16px;} #Module .num {font-family: "Microsoft Sans Serif" ; font-size:10px; color:#878787;white-space:nowrap} #Module .tm_b {padding-bottom:3px} #Module .th {no-repeat 100% 0% ; text-align:center;padding-bottom:5px; padding-top:5px;} #Module .social {width:55px} #Module .viewcaption {text-align:left;} #Module .margin_dt dt {width:120px;height:22px;} #Module .margin_dt dd {height:22px;} #Module .reportimg {display:block; margin-bottom:5px;width:120px;height:80px;border:1px solid #e5e5e5;} #Module .emp_sub_title {font-size:11px; color:#80a9cb; text-align:center;} /*아이콘 list*/ #Module .bullet_01 {background: url(/images/blue/bullet_01.gif) no-repeat 10px 30%;padding-left:20px;color:#6ca0cc; } #Module .bullet_02 {background: url(/images/blue/bullet_02.gif) no-repeat 10px 40% ; padding-left:20px;} #Module .bullet_03 {background: url(/images/blue/bullet_03.gif) no-repeat 10px 50% ; padding-left:20px;} #Module .bullet_04 {background: url(/images/blue/bullet_04.gif) no-repeat 10px 50%;padding-left:20px;color:#6ca0cc; font-size:11px;} #Module .bullet_05 {background: url(/images/blue/bullet_05.gif) no-repeat 10px 40% ; padding-left:20px;} #Module .comment { background: url(/images/blue/icon_comment.gif) no-repeat 20px 50% ; padding-left:40px ; color: #4d4d4d; font-weight:bold;text-align:right; } /* 하단 버튼 위치지정 */ #Module .boardNavigation {position: relative; text-align: center; padding: 10 0; margin-bottom: 10px; clear: both;} #Module .boardFootArea_L_f {float:left;padding: 0 0 5 0; margin-bottom: 10px; margin-top: 10px;} #Module .boardFootArea_R_f {float:right;padding: 0 0 5 0; margin-bottom: 10px; margin-top: 10px;} #Module .boardFootArea_L {position: relative; padding: 0 0 5 0; margin-bottom: 10px; margin-top: 10px;} #Module .boardFootArea_R {position: relative; padding: 0 0 5 0; margin-bottom: 10px; margin-top: 10px;text-align:right;} #Module .boardFootArea_C {position: relative; padding: 0 0 5 0; margin-bottom: 10px; margin-top: 10px;text-align:center;} #Module .boardFootArea_C_f {float:center; padding: 0 0 5 0; margin-bottom: 10px; margin-top: 10px;text-align:center;} /*라인*/ #Module .color1{ background-image:url(../images/line_01.gif) ; background-repeat:repeat-x; height: 2px ; } #Module .color2{ background-image:url(../images/line_01.gif) ; background-repeat:repeat-x; background-position:top right; height: 1px ; } #Module .line1{ background-image:url(../images/line_02.gif) ; background-repeat:repeat-x; background-position:center left; height: 10px ; } #Module .line2{ background-image:url(../images/line_03.gif) ; background-repeat:repeat-x; height: 2px ; } #Module .line3{ background-image:url(../images/line_04.gif) ; background-repeat:repeat-x; background-position:center left; height: 10px ; } /*뷰*/ #Module #view .ViewlineBg {background:url(/images/blue/view_02.gif) ;} #Module #view .viewline1 {border-left:2px solid #6ca0cc;border-right:2px solid #6ca0cc;} #Module #view .viewline2 {border-left:2px solid #e0e0e0;border-right:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;} /*#Module #view .index {width:100px;height:28px; background:url(/images/blue/section2.gif) no-repeat 85% 50% ; text-align:center;}*/ #Module #view .index {width:100px;height:28px; text-align:center;} #Module #view span {color: #989898 ; font-size : 11px;letter-spacing:-1px ; font-weight:bold;} #Module #view .contents {clear:both; padding:10px;margin:10px; text-align:justify; line-height:1.7em;font-size:12px} /*글쓰기*/ #Module #write th {font-weight:normal;color: #6ca0cc; text-align:right; letter-spacing:-1px ; padding-right:20px} /*리스트*/ #Module #list th {background:url(/images/blue/section.gif) no-repeat 100% 0% ; text-align:center;padding-bottom:5px; padding-top:5px;} #Module #list .color {color: #6ca0cc ; font-size : 11px; letter-spacing:-1px;padding-left:10px;padding-right:10px;white-space:nowrap} #Module .list th {background:url(../images/blue/section.gif) no-repeat 100% 0% ; text-align:center;padding-bottom:5px; padding-top:5px;} #Module .list .color {color: #6ca0cc ; font-size : 11px; letter-spacing:0px;padding-left:10px;padding-right:10px;white-space:nowrap} /*알럿창*/ #Module .NoticePop {background:url("/images/blue/NoticePopbg.gif") repeat-x 0% 0%;border:4px solid #6ca0cc;padding:5px;margin:0px;text-align:center; vertical-align:middle;width:270px; } /*SMS*/ #Module .SMS {} #Module .SMS .bg {background:url("/images/blue/sms_img.gif") no-repeat 0% 0%;margin-top:5px;text-align:center; width:167px;height:297px;} #Module .SMS textarea {background-color:transparent;border:0px;overflow:hidden;padding:8px;margin-top:50px;} #Module .SMS .text {background-color:#f7f7f7;margin-top:50px;margin-left:10px;padding:20px;border:1px solid #e7e7e7;} /*첨부파일*/ #Module .addfile {clear:both; padding:5px;margin:5px;} #Module .file:link, .file:visited, .file:active { font-size : 11px; color:#7881f2; border-bottom: 1px dotted ; } #Module .file:hover { font-size : 11px; color:#990e0c; border-bottom: 1px dotted; } /* 탭 */ #Module .tab {margin-bottom:10px;} #Module .tab li {margin-right:-3px;} /* 페이징 */ #Module .page_on {font-family:Tahoma; color:#0568af; } #Module .page_off:link, .page_off:visited, .page_off:active{ font-size : 11px; color:#0568af; font-weight: } #Module .page_off:hover { font-size : 11px; color:#555555; border-bottom: 1px dotted ;font-weight:bold; }