/* CMS 관리 스타일 */ #adm-pannel {position:fixed;bottom:0;right:-300px;height:60px;width:340px;text-align:center;font-size:11px;font-family:Dotum;color:#fff;z-index:4001;} #adm-pannel .cfg-pannel {width:100%;height:100%;background:#c82626;position:absolute;left:0;top:0px;border-top-left-radius:30px;border-bottom-left-radius:30px;} #adm-pannel .cfg-cont {text-align:right;padding-right:20px;padding-top:10px;} /* .errmsg-box-wr {display:block;} .errmsg-box {display:block;padding:50px;border:4px solid #DEDEDE;text-align:center;font-size:17px;color:#333} .errmsg-box strong {display:block;color:#f33d19;letter-spacing:-1px;} .errmsg-box-wr .bt-wr {margin-top:20px;text-align:center;} .errmsg-box-wr .ico {display:block;width:80px;height:80px;margin:0 auto 20px auto;background:url(/_Img/Board/ico_err.png) no-repeat center center;} .errmsg-box-wr .bt-wr .bt-login, .errmsg-box-wr .bt-wr .bt-back {margin-left:10px} */ .PDFData-fileview-top {} .prgr-dft-combo {vertical-align:middle;position:relative;display:inline-block;border:1px solid #ddd;height:28px;width:280px;} .prgr-dft-combo * {vertical-align:middle;} .prgr-dft-combo-input {border:0;height:100%;width:100%;box-sizing:border-box;padding-left:10px;padding-right:45px;font-size:13px;} .prgr-dft-combo-toggle {position:absolute;right:0;border:0;width:30px;height:100%;background:transparent url(/_Img/Medi/btn_mtoggle.gif) no-repeat center center;border-left:1px solid #DDD} .prgr-selmenu-wr {display:inline-block;vertical-align:middle;} .prgr-selmenu-wr .ui-state-default {background-color:#FFF;border-color:#DDD} .prgr-selmenu-wr .ui-selectmenu-text {margin-right:30px;border-right:1px solid #DDD;} .prgr-selmenu .ui-state-disabled {display:none !important;} /* 프로그램스타일 공통항목/////////////////////////////////////////////*/ /* 코멘트 쓰기 */ .bcmt-write-wrap {width:100%;text-align:left;margin-top:15px;display:block;position:relative;} .bcmt-write-h {display:block;position:relative;width:100%;margin-bottom:5px;} .bcmt-write-h:after {clear:both;content:"";display:block;} .bcmt-write-h .bcmt-title {background:url(/_Img/Board/default/icon_total.gif) no-repeat 0 5px;padding:0 6px 5px 22px;font-size:13px;color:#043d86} .bcmt-wfrm-wrap {background:#f8f8f8;position:relative;} .bcmt-wfrm-wrap .ilbl {font-weight:bold;font-size:90%;} .bcmt-wfrm-wrap .bcmt-wfrm-h {display:block;position:relative;} .bcmt-wfrm-wrap .bcmt-wfrm-h .ifrm-wr.ifld {width:45%;float:left;} .bcmt-wfrm-wrap .bcmt-wfrm-h .ifrm-wr.cmt-ipw {width:45%;float:left;} .bcmt-wfrm-wrap .bcmt-wfrm-h .fld_r {position:absolute;right:0;bottom:0;} .bcmt-wfrm-wrap .bcmt-wfrm-c {margin-top:10px;position:relative;padding-bottom:0px; } .bcmt-wfrm-wrap .bcmt-wfrm-cont {padding-right:70px;} .bcmt-wfrm-wrap textarea {width:96%;min-height:54px;padding:2px;} .bcmt-wfrm-regcode {margin-top:10px;line-height:130%;font-size:0.85em;} .bcmt-wfrm-regcode * {vertical-align:middle;} .bcmt-wfrm-regcode .ilbl {font-size:12px;} .bcmt-wfrm-regcode .norobot_img {border:2px solid #DDD;float:left;margin-right:15px;background:#FFF;} .bcmt-wfrm-regcode .text {max-width:100px;} .bcmt-write-btn , .bcmt-write-btn-e {position:absolute;right:0px;top:0px;} .b-cmt-btn {font-size:0.923em;color:#FFF;background:#6c707b;border:0px solid #083269;width:90px;height:60px;} /*코멘트 수정,삭제폼*/ .cmt-item-close {position:absolute;top:10px;right:0px;cursor:pointer;background:#b6b6b6 url(/_Img/Common/sbtn_close01.gif) no-repeat center center;display:block;width:20px;height:20px;border:1px solid #b6b6b6;border-radius:12px;overflow:hidden;} .cmt-item-close span {white-space:nowrap;padding-left:20px;} .cmt-item-frm .text , .cmt-del-frm .text {max-width:100px;} .cmt-item-frm {position:relative;display:none;border-top:1px solid #EEE;border-bottom:1px solid #EEE;padding:10px 0;margin-top:5px;} .cmt-item-frm * , .cmt-del-frm * {vertical-align:middle;} .cmt-item-frm .ilbl {font-size:90%;font-weight:bold;} .cmt-item-frm .bcmt-wfrm-h {position:relative;margin-bottom:10px;min-height:20px;} .cmt-item-frm .bcmt-wfrm-c {position:relative;} .cmt-item-frm .bcmt-wfrm-cont {padding-right:70px;} .cmt-item-frm textarea {width:96%;min-height:54px;padding:2px;} .cmt-item-frm .cmt_write_btn {position:absolute;right:0;top:0;} .cmt-del-frm {position:relative;display:none;border-top:1px solid #EEE;border-bottom:1px solid #EEE;padding:10px 30px;margin-top:5px;text-align:center} .cmt-del-frm label {padding-left:35px;padding-top:10px;padding-bottom:10px;display:inline-block;background:url(/_Img/Board/default/icon_chkpw.png) no-repeat left center;font-size:12px} .cmt-del-frm .b-cmt-btn {height:27px;width:40px;;} .cmt-del-frm .cmt-item-close {top:50%;margin-top:-10px;} /* 프로그램스타일 공통항목/////////////////////////////////////////////*/ /* 버튼영역 */ .btn-wrap {padding:30px 0;text-align:center;} /* 상태값 */ .r-stat {background:#fff;padding:2px 8px 2px 8px;display:inline-block;vertical-align:middle;font-size:12px;font-weight:bold;letter-spacing:-0.05em;margin:0 -2px;font-style:normal;border-radius:12px;} .r-stat-s {overflow:hidden;white-space:nowrap;color:#fff;width:24px;height:24px;text-indent:0.5em;/* padding-top:2px; */display:inline-block;vertical-align:middle;font-size:12px;font-weight:bold;letter-spacing:2em;line-height:22px;font-style:normal;border-radius:50%;} .r-stat-s.r-stat-s00,.r-stat-s.r-st1 {/* border:1px solid #ccc; */background:#ccc;} /* 없음 */ .r-stat-s.r-stat-s01,.r-stat-s.r-st2, .r-stat-s.r-st-d {/* border:1px solid #009e95; */background-color:#009e95} /* 진료 */ .r-stat-s.r-stat-s02,.r-stat-s.r-st3, .r-stat-s.r-st-s {/* border:1px solid #ff5603; */background-color:#ff5603} /* 수술 */ .r-stat-s.r-stat-s03,.r-stat-s.r-st4, .r-stat-s.r-st-c {/* border:1px solid #ff44ae; */background-color:#ff44ae} /* 시술 */ .r-stat-s.r-stat-s04,.r-stat-s.r-st5 {border:1px solid #7e9af5;background-color:#335ee7} /* 검사 */ .r-stat-s.r-stat-s05,.r-stat-s.r-st6 {border:1px solid #ce78f6;background-color:#a227dc} /* 투석 */ .r-stat-s.r-stat-s06,.r-stat-s.r-st7 {border:1px solid #fa90cc;background-color:#ff44ae;} /* 시술 및 검사 */ .r-stat-s.r-stat-s07,.r-stat-s.r-st8 {border:1px solid #feaeb9;background-color:#fc5169;} /* 정신치료 */ .r-stat-s.r-stat-s08,.r-stat-s.r-st9 {border:1px solid #8b81e9;background-color:#2f08ac;} /* 종합검진 */ .r-stat-s.r-stat-s09,.r-stat-s.r-st10 {border:1px solid #5cbbde;color:#009ccf} /* 상담 */ .r-stat-s.r-stat-s10,.r-stat-s.r-st11 {border:1px solid #c4c55b;color:#806250;padding:1px 5px 3px;} /* 원격진료 */ .r-stat-s.r-stat-s11,.r-stat-s.r-st12 {border:1px solid #7fa49f;color:#018271} /* 교육 */ .r-stat-s.r-stat-s12,.r-stat-s.r-st13 {border:1px solid #96cc72;color:#57a22f} /* 면담 */ .r-stat-s.r-stat-s13,.r-stat-s.r-st14 {border:1px solid #ffa340;color:#ff5603;padding:1px 5px 3px;} /* 진료(신환) */ .r-stat-s.r-stat-s14,.r-stat-s.r-st15 , .r-stat-s.r-stoff {border:1px solid #b3b3b3;color:#666;background:#f0f0f0;} /* 휴진 */ .r-stat-s.r-stat-s15 {border:1px solid #eea1a1;color:#d91818;padding:0 7px 1px;} /* 예약 */ .r-stat-s.r-stat-s16 {border:1px solid #c2c2c2;color:#666;padding:0 7px 1px;} /* 취소 */ /*일정 상단*/ .sch-seldate-month {position:relative;margin-bottom:20px;text-align:center;height:30px;padding-top:8px;} .sch-seldate-month .btn-prev .arr {display:inline-block;width:50px;height:40px;overflow:hidden;vertical-align:middle;background:url(/_Img/Share/btn_cal.png) no-repeat left center;} .sch-seldate-month .btn-next .arr {display:inline-block;width:50px;height:40px;overflow:hidden;vertical-align:middle;background:url(/_Img/Share/btn_cal.png) no-repeat right center;} .sch-seldate-month .btn-prev {height:40px;vertical-align:middle;position:absolute;left:0;top:0;} .sch-seldate-month .btn-next {height:40px;vertical-align:middle;position:absolute;right:0;top:0;} .sch-seldate-month .mon-tit {font-size:2em;color:#333333;display:inline-block;} /*일정 달력 표*/ .sch-calendar {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:1px solid #efefef} .sch-calendar th, .sch-calendar td {border:1px solid #efefef;padding:12px 10px;border-bottom:1px solid #efefef;word-wrap:break-word} .sch-calendar th {background:#066daf;border-bottom:1px solid #efefef;border-color:rgba(255,255,255,0.5)} .sch-calendar td {background:#fff;} .sch-calendar thead th {padding:12px 5px;color:#FFF !important;} .sch-calendar tbody th {background:#fbfbfb;color:#444;font-weight:normal;} .sch-calendar thead th.vline {border-bottom:1px solid #efefef;} /* th가 2줄일 경우 */ .sch-calendar th.l, .sch-calendar td.l, .sch-calendar td.left {padding-left:20px;} .sch-calendar td.isDay0 .isDayNum {color:#da1919;} .sch-calendar td.isDay6 .isDayNum {color:#658adf;} .sch-calendar td a {display:block;min-height:4em;text-align:center;} .sch-calendar td .day-tit {display:block;text-align:left;} .sch-calendar td.disabled {} .sch-calendar td.selected {background:#d3f7f8;} .sch-calendar td.today {background:#fffde9;} .sch-calendar .cal-mk {display:inline-block;overflow:hidden;width:12px;height:12px;border-radius:50%;background:#00a554;white-space:nowrap;box-sizing:border-box;text-indent:30px;vertical-align:middle;} /* li폼 기본 스타일 */ .frmbd-fld-list {position:relative;color:#555;border-bottom:1px solid #d8d8d8;border-top:2px solid #066daf;} .frmbd-fld-list:after {clear:both;content:"";display:block;} .frmbd-fld-list .reqblt {font-weight:bold;color:#f04e23} .frmbd-fld-list .frm-tit {display:block;line-height:1.3em;margin-bottom:10px;color:#929090;} .frmbd-fld-list > ul {position:relative;} .frmbd-fld-list > ul:after {clear:both;content:"";display:block;} .frmbd-fld-list > ul > li {width:100%;position:relative;box-sizing:border-box;float:left;} .frmbd-fld-list > ul > li:after {clear:both;content:"";display:block;} .frmbd-fld-list > ul > li:first-child .frm-li {} .frmbd-fld-list .fhelp {font-size:13px;} .frmbd-fld-list .frm-li {display:block;position:relative;width:100%;border-radius:0px;background-color:#f0f0f0;border-top:1px solid #d8d8d8;margin:0px;box-sizing:border-box;line-height:1.3em;color:#555;float:left;} .frmbd-fld-list .frm-li > .lbl {position:absolute;left:0;top:0;z-index:10;padding-left:15px;width:140px;vertical-align:middle;line-height:1.1em;padding-top:1.45em;padding-bottom:1.35em;min-height:1.15em;font-size:1.077em;font-weight:bold;color:#222;} .frmbd-fld-list .frm-li .req {font-weight:bold;color:red;} .frmbd-fld-list .frm-li .fld {position:relative;margin-left:170px;display:block;background-color:#fafafa;border-top-right-radius:0px;border-bottom-right-radius:0px;transition:background 0.4s ease;font-size:1.077em;padding:15px;} .frmbd-fld-list .frm-li .text, .frmbd-fld-list .frm-li .a-text {background-color:#FFF;display:block;box-sizing:border-box;width:100%;height:3em;border-top-right-radius:0px;border-bottom-right-radius:0px;border:1px solid #CCC;padding-left:10px;padding-right:10px;line-height:1.15em;padding-top:0.55em;color:#555;border:1px solid #bbb;} .frmbd-fld-list .frm-li textarea {background-color:#FFF;display:block;box-sizing:border-box;width:100%;height:100%;border-top-right-radius:0px;border-bottom-right-radius:0px;padding-left:10px;padding-right:10px;resize:none;border:1px solid #bbb;} .frmbd-fld-list .frm-li select {height:3em;vertical-align:middle;background-color:#FFF;box-sizing:border-box;border:1px solid #CCC;} .frmbd-fld-list .frm-li .text.in-val, .frmbd-fld-list .frm-li .text:focus, .frmbd-fld-list .frm-li textarea.in-val, .frmbd-fld-list .frm-li textarea:focus {border-color:#066daf;} .frmbd-fld-list .fld-email .fld:after {clear:both;content:"";display:block;} .frmbd-fld-list .fld-email .fld {} .frmbd-fld-list .fld-email .text , .frmbd-fld-list .fld-email .a-text {width:30%;border-radius:0px;float:left;box-sizing:border-box;} .frmbd-fld-list .fld-email select {width:30%;border-radius:0px;float:left;box-sizing:border-box;} .frmbd-fld-list .fld-email .s-at {width:6%;display:block;text-align:center;padding-top:0.85em;padding-bottom:0.65em;min-height:1.15em;line-height:1.15em;border-radius:0;float:left;box-sizing:border-box;} .frmbd-fld-list .fld-email .text:nth-child(3), .frmbd-fld-list .fld-email .a-text:nth-child(3) {} .frmbd-fld-list .fld-addr .fld {} .frmbd-fld-list .fld-addr .text, .frmbd-fld-list .fld-addr .a-text {} .frmbd-fld-list .fld-addr .iaddrzip {display:block;padding-bottom:7px;} .frmbd-fld-list .fld-addr .iaddrzip:after {clear:both;content:"";display:block;} .frmbd-fld-list .fld-addr .iaddrzip .text, .frmbd-fld-list .fld-addr .iaddrzip .a-text {width:6em;float:left;padding-top:5px;padding-bottom:5px;height:2.2em} .frmbd-fld-list .fld-addr .iaddrzip a {padding-top:10px;padding-bottom:7px;} .frmbd-fld-list .fld-teli .fld ,.frmbd-fld-list .fld-tel .fld , .frmbd-fld-list .fld-mobile .fld, .frmbd-fld-list .fld-hp .fld {} .frmbd-fld-list .fld-teli .text, .frmbd-fld-list .fld-tel .text, .frmbd-fld-list .fld-mobile .text, .frmbd-fld-list .fld-hp .text , .frmbd-fld-list .fld-teli .a-text, .frmbd-fld-list .fld-tel .a-text, .frmbd-fld-list .fld-mobile .a-text, .frmbd-fld-list .fld-hp .a-text {width:6em;max-width:25%;display:inline-block;border-radius:0px;} .frmbd-fld-list .fld-date .text {max-width:12em;} .frmbd-fld-list li ul.dir-left {position:relative;padding-top:0.5em;padding-bottom:0.5em;} .frmbd-fld-list li ul.dir-left:after {content:"";display:block;clear:both;} .frmbd-fld-list li ul.dir-left > li {float:left;margin-right:1.5em;} .frmbd-fld-list li ul.dir-left > li * {vertical-align:middle;} .frmbd-fld-list li ul.dir-left > li:last-child {margin-right:0;} @media all and (max-width:600px){ .frmbd-fld-list .frm-li > .lbl {padding-left:10px;line-height:1.1em;padding-top:0.95em;padding-bottom:0.85em;min-height:1.15em;font-size:1.077em;font-weight:bold;letter-spacing:-1px;} .frmbd-fld-list .frm-li > .fld {font-size:1.077em;} .frmbd-fld-list .frm-li .fld {margin-left:100px} .frmbd-fld-list .frm-li .fld {padding:10px;} .frmbd-fld-list .frm-li.fld-addr, .frmbd-fld-list .frm-li.fld-email , .frmbd-fld-list .frm-li.fld-textarea , .frmbd-fld-list .frm-li.fld-check , .frmbd-fld-list .frm-li.fld-radio {padding-top:3.5em;} .frmbd-fld-list .frm-li.fld-addr .fld, .frmbd-fld-list .frm-li.fld-email .fld , .frmbd-fld-list .frm-li.fld-textarea .fld , .frmbd-fld-list .frm-li.fld-check .fld , .frmbd-fld-list .frm-li.fld-radio .fld {margin-left:0;} } .vfrm-list-cont {border:1px solid #CCC;background-color:#f9f9f9;padding:15px;overflow-y:scroll;min-height:4em;max-height:15em;} /* 데이터 폼 기본*/ .frm-list-type1-wr {} .frm-list-type1-wr:after {content:"";display:block;clear:both;} .frm-list-type1-wr .frm-txt {text-align:right;} .frm-list-type1-wr .reqblt {font-weight:bold;color:#f04e23} .frm-list-type1 {position:relative;color:#555;border-bottom:1px solid #d8d8d8;border-top:2px solid #066daf;} .frm-list-type1:after {clear:both;content:"";display:block;} .frm-list-type1 .frm-tit {display:block;line-height:1.3em;margin-bottom:10px;color:#929090;} .frm-list-type1 > ul {position:relative;} .frm-list-type1 > ul:after {clear:both;content:"";display:block;} .frm-list-type1 > ul > li {width:100%;position:relative;box-sizing:border-box;float:left;} .frm-list-type1 > ul > li:after {clear:both;content:"";display:block;} .frm-list-type1 > ul > li:first-child .frm-li {} .frm-list-type1 .fhelp {font-size:13px;} .frm-list-type1 .frm-li {display:block;position:relative;width:100%;border-radius:0px;background-color:#f0f0f0;border-top:1px solid #d8d8d8;margin:0px;box-sizing:border-box;line-height:1.3em;color:#555;float:left;} .frm-list-type1 .frm-li > .lbl {position:absolute;left:0;top:0;z-index:1;padding-left:15px;width:140px;vertical-align:middle;line-height:1.1em;padding-top:1.45em;padding-bottom:1.35em;min-height:1.15em;font-size:1.077em;font-weight:bold;color:#222;letter-spacing:-1px;} .frm-list-type1 .frm-li .req {font-weight:bold;color:red;} .frm-list-type1 .frm-li .fld {position:relative;z-index:2;margin-left:170px;display:block;background-color:#fafafa;border-top-right-radius:0px;border-bottom-right-radius:0px;transition:background 0.4s ease;font-size:1.077em;padding:15px;} .frm-list-type1 .frm-li .text, .frm-list-type1 .frm-li .a-text {background-color:#FFF;display:block;box-sizing:border-box;width:100%;height:3em;border-top-right-radius:0px;border-bottom-right-radius:0px;border:1px solid #CCC;padding-left:10px;padding-right:10px;line-height:1.15em;padding-top:0.55em;color:#555;border:1px solid #bbb;} .frm-list-type1 .frm-li textarea {background-color:#FFF;display:block;box-sizing:border-box;width:100%;height:100%;border-top-right-radius:0px;border-bottom-right-radius:0px;padding-left:10px;padding-right:10px;resize:none;border:1px solid #bbb;} .frm-list-type1 .frm-li select {height:3em;vertical-align:middle;background-color:#FFF;box-sizing:border-box;border:1px solid #CCC;max-width:100%;} .frm-list-type1 .frm-li .text.in-val, .frm-list-type1 .frm-li .text:focus, .frm-list-type1 .frm-li textarea.in-val, .frm-list-type1 .frm-li textarea:focus {border-color:#066daf;} .frm-list-type1 .fld-email .fld:after {clear:both;content:"";display:block;} .frm-list-type1 .fld-email .fld {} .frm-list-type1 .fld-email .text , .frm-list-type1 .fld-email .a-text {width:30%;border-radius:0px;float:left;box-sizing:border-box;} .frm-list-type1 .fld-email select {width:30%;border-radius:0px;float:left;box-sizing:border-box;} .frm-list-type1 .fld-email .s-at {width:6%;display:block;text-align:center;padding-top:0.85em;padding-bottom:0.65em;min-height:1.15em;line-height:1.15em;border-radius:0;float:left;box-sizing:border-box;} .frm-list-type1 .fld-email .text:nth-child(3), .frm-list-type1 .fld-email .a-text:nth-child(3) {} .frm-list-type1 .fld-addr .fld {} .frm-list-type1 .fld-addr .text, .frm-list-type1 .fld-addr .a-text {} .frm-list-type1 .fld-addr .iaddrzip {display:block;padding-bottom:7px;} .frm-list-type1 .fld-addr .iaddrzip:after {clear:both;content:"";display:block;} .frm-list-type1 .fld-addr .iaddrzip .text, .frm-list-type1 .fld-addr .iaddrzip .a-text {width:6em;float:left;padding-top:5px;padding-bottom:5px;height:2.2em} .frm-list-type1 .fld-addr .iaddrzip a {padding-top:10px;padding-bottom:7px;} .frm-list-type1 .fld-teli .fld ,.frm-list-type1 .fld-tel .fld , .frm-list-type1 .fld-mobile .fld, .frm-list-type1 .fld-hp .fld {} .frm-list-type1 .fld-teli .text, .frm-list-type1 .fld-tel .text, .frm-list-type1 .fld-mobile .text, .frm-list-type1 .fld-hp .text , .frm-list-type1 .fld-teli .a-text, .frm-list-type1 .fld-tel .a-text, .frm-list-type1 .fld-mobile .a-text, .frm-list-type1 .fld-hp .a-text {width:6em;max-width:25%;display:inline-block;border-radius:0px;} .frm-list-type1 .fld-date .text {max-width:12em;} .frm-list-type1 li ul.dir-left {position:relative;padding-top:0.5em;padding-bottom:0.5em;} .frm-list-type1 li ul.dir-left:after {content:"";display:block;clear:both;} .frm-list-type1 li ul.dir-left > li {float:left;margin-right:1.5em;} .frm-list-type1 li ul.dir-left > li * {vertical-align:middle;} .frm-list-type1 li ul.dir-left > li:last-child {margin-right:0;} .frm-list-type1 .fld-nm .fld .text, .frm-list-type1 .fld-pwd .fld .text {width:auto;} .frm-list-type1 .fld-norobt .fld:after {content:"";display:block;clear:both;} .frm-list-type1 .fld-norobt .inpt-img {float:left;margin-right:15px;} .frm-list-type1 .fld-norobt .inpt-img img {border:1px solid #666;} .frm-list-type1 .fld-norobt .inpt-txt {font-size:12px;} .frm-list-type1 .fld-norobt .inpt-txt .text {width:10em !important;display:inline-block;height:2.2em;padding-top:3px;padding-bottom:3px;} @media all and (max-width:600px){ .frm-list-type1 .frm-li > .lbl {padding-left:10px;line-height:1.15em;/*padding-top:0.95em;padding-bottom:0.85em;*/min-height:1.15em;font-size:13px;font-weight:bold;letter-spacing:-1px;} .frm-list-type1 .frm-li > .fld {font-size:1.077em;} .frm-list-type1 .frm-li .fld {margin-left:100px} .frm-list-type1 .frm-li .fld {padding:10px;} .frm-list-type1 .frm-li.fld-addr, .frm-list-type1 .frm-li.fld-email , .frm-list-type1 .frm-li.fld-textarea , .frm-list-type1 .frm-li.fld-check , .frm-list-type1 .frm-li.fld-radio, .frm-list-type1 .fld-norobt {padding-top:3.5em;} .frm-list-type1 .frm-li.fld-addr .fld, .frm-list-type1 .frm-li.fld-email .fld , .frm-list-type1 .frm-li.fld-textarea .fld , .frm-list-type1 .frm-li.fld-check .fld , .frm-list-type1 .frm-li.fld-radio .fld, .frm-list-type1 .fld-norobt .fld {margin-left:0;} .frm-list-type1 .fld-norobt .inpt-img {float:none;margin-right:0;margin-bottom:10px;} } /* 데이터 뷰 기본*/ .prgr-vtop {background:url(/_Img/Content/mem_unit_bgptn.png) repeat left top;position:relative;padding:3px;} .prgr-vtop .incont-wr {background-color:#fff;position:relative;padding:15px;min-height:170px;} .prgr-vtop .pimg {display:block;position:absolute;left:15px;top:15px;width:145px;height:170px;line-height:170px;background-color:#f0f1f5;overflow:hidden;} .prgr-vtop .pimg img {display:inline-block;width:100%;height:auto;vertical-align:middle} .prgr-vtop .pcont {margin-left:190px;} .prgr-vtop .pcont h4 {display:block;background:url(/_Img/Content/mem_dotted_ptn.png) repeat-x left bottom;overflow:hidden;font-size:17px;font-weight:bold;padding:10px 0;margin-bottom:1em;} .prgr-vtop .pcont .info-wr {display:block;} .prgr-vtop .pcont .info-wr li {padding:0.5em 0;min-height:1.3em;line-height:1.3em;position:relative;} .prgr-vtop .pcont .info-wr em {display:inline-block;font-style:normal;font-weight:bold;color:#066daf;margin-right:1.5em;position:absolute;left:0;top:0.5em;} .prgr-vtop .pcont .info-wr .txt {margin-left:12em;display:block;} .prgr-vcont-wr .prgr-vimg {text-align:center;margin-bottom:2em;} .prgr-vcont-wr img {max-width:100%;} .prgr-vfoot-bt {text-align:right;margin-top:30px;} /*개인정보취급방침 내용 및 동의*/ .prgr-agreement {} .prgr-agreement .agree-tit {color:#FFF;padding-left:10px;background:#e3e3e3;padding:8px 15px 8px 15px;color:#333;line-height:1.3em} .prgr-agreement .agree-cont {border:1px solid #EEE;background:#f9f9f9;padding:14px;} .prgr-agreement .agree-chk {margin-top:10px;text-align:center;} /* 조직도 */ .org-wr {position:relative;border:1px solid #ccc;padding:40px 0} .org-wr:before {position:absolute;top:45px;right:58px;content:"";display:block;width:118px;height:88px;background:url(/_Img/Content/org_sprite.png) no-repeat -127px 0} .org-wr .org-list-wr:before {position:absolute;top:40px;left:50%;margin-left:-2px;content:"";display:block;width:3px;height:20.7%;background:url(/_Img/Content/org_line.gif) repeat;z-index:-1} .org-wr .h1 {display:block;width:126px;height:126px;background:url(/_Img/Content/org_sprite.png) no-repeat 0 0;margin-left:auto;margin-right:auto;margin-bottom:12px;font-size:25px;color:#fff;font-family:"Nanum Square";text-align:center;line-height:125px;} .org-wr .org-list {position:relative;overflow:hidden;text-align:center;} .org-wr .org-list:before {position:absolute;top:510px;left:50%;margin-left:-41%;content:"";display:block;width:82%;height:3px;background:url(/_Img/Content/org_vline.gif) repeat;z-index:-1} .org-wr .h2 {position:relative;text-align:left;} .org-wr .h2:before, .org-wr .part05:before {position:absolute;top:50%;right:50%;content:"";display:block;width:20%;height:3px;margin-top:-2px;background:url(/_Img/Content/org_vline.gif) repeat;z-index:-1} .org-wr .h2 a:hover {text-decoration:underline;} .org-wr .h2 .txt {border:2px solid #9f9f9f;background:#fff;display:inline-block;vertical-align:top;width:auto;min-width:135px;box-sizing:border-box;text-align:center;font-size:15px;font-family:"Nanum Square";color:#333;letter-spacing:-0.05em;padding:10px 4px 7px;line-height:24px;} .org-wr .h2 .txt:before {position:absolute;top:50%;left:0;margin-top:-8px;content:"";display:block;width:1px;height:16px;background:#cecece;} .org-wr .h2 .txt:first-child:before {display:none;} .org-wr .h2 .txt em {position:relative;font-style:normal;display:inline-block;vertical-align:top;padding:0 8px} .org-wr .h2 .txt em:before {position:absolute;top:50%;left:0;margin-top:-8px;content:"";display:block;width:1px;height:16px;background:#cecece} .org-wr .h2 .txt em:first-child:before {display:none;} .org-wr .part05 {position:relative;text-align:left;} .org-wr .part05 .txt {display:inline-block;vertical-align:top;min-width:125px;background:#13406c;color:#fff;text-align:center;font-size:15px;font-family:"Nanum Square";letter-spacing:-0.05em;padding:9px 4px;} .org-wr .h2.part06 .txt {padding-top:9px;padding-bottom:8px;line-height:1.5} .org-wr .h2 .part-list:before {content:"(";display:inline;} .org-wr .h2 .part-list:after {content:")";display:inline;} .org-wr .h2 .part-list li {display:inline-block;vertical-align:bottom;margin-right:-1px;} .org-wr .h2 .part-list li:before {content:",";display:inline-block;vertical-align:bottom;color:#333;margin-left:-3px;margin-right:5px;} .org-wr .h2 .part-list li:first-child:before {display:none;} .org-wr .h2 .part-list li a:hover {color:#0067d4;font-weight:bold;letter-spacing:-0.07em;} .org-wr .h2 .part-list li .txt {padding:0;border:0;min-width:auto;} .org-wr .h2 .s-part-list {position:relative;width:135px;box-sizing:border-box;background:#f0f0f0;border:1px solid #ddd;border-top:0;padding:7px 8px 25px 15px;text-align:left;letter-spacing:-0.1em;} .org-wr .h2 .s-part-list:after {content:'...';position:absolute;left:50%;bottom:15px;width:6px;margin-left:-3px;font-size:28px;color:#bbb;line-height:6px;} .org-wr .h2 .s-part-list > li {position:relative;font-size:13px;margin:5px 0;line-height:1.4;color:#555;} .org-wr .h2 .s-part-list > li:before {position:absolute;top:8px;left:-8px;content:"";display:block;width:3px;height:2px;background:#707070;} .org-wr .h2 .s-part-list ul {padding-left:9px;} .org-wr .h2 .s-part-list ul > li {position:relative;font-size:11px;margin:5px 0;line-height:1.4;color:#555;} .org-wr .h2 .s-part-list ul > li:before {position:absolute;top:8px;left:-8px;content:"";display:block;width:5px;height:1px;background:#acacac;} .org-wr .h3 {position:relative;display:inline-block;vertical-align:top;width:16.6%;padding:0 0.6%;margin:0 -3px;box-sizing:border-box;} .org-wr .h3:before {position:absolute;top:-25px;left:50%;margin-left:-8px;content:"";display:block;width:17px;height:11px;background:url(/_Img/Content/org_sprite.png) no-repeat -127px -89px;} .org-wr .h3:after {position:absolute;top:-25px;left:50%;margin-left:-1.5px;content:"";display:block;width:3px;height:35px;background:url(/_Img/Content/org_line.gif) repeat;z-index:-1} .org-wr .h3 .h3-tit {position:relative;width:100px;height:100px;border-radius:50%;margin-left:auto;margin-right:auto;color:#fff;padding-top:18px;box-sizing:border-box;line-height:1;font-family:"Nanum Square";font-size:15px;font-weight:bold;letter-spacing:-0.05em;} .org-wr .h3 .h3-tit a:after {position:absolute;top:-18px;left:0;content:"";display:block;width:100px;height:100px;border-radius:50%;background:rgba(0,0,0,0.3);transition:all .3s ease;opacity:0;z-index:-1} .org-wr .h3 .h3-tit a:hover:after, .org-wr .h3 .h3-tit a:focus:after, .org-wr .h3 .h3-tit a:active:after {opacity:1;} .org-wr .h3 .h3-tit a {position:relative;color:#fff;display:block;z-index:100;} .org-wr .h3 .h3-tit a:before {position:relative;content:"";display:block;width:36px;height:35px;background:url(/_Img/Content/org_sprite.png) no-repeat;margin:0 auto 8px;z-index:100} .org-wr .h4-tit {font-size:13px;border-width:2px;border-style:solid;display:block;margin-top:9px;font-weight:bold;height:40px;box-sizing:border-box;line-height:38px;transition:all .25s ease;background:#fff;} .org-wr .h3 .s-part-list {background:#f0f0f0;border:1px solid #ddd;border-top:0;padding:9px 8px 9px 15px;text-align:left;letter-spacing:-0.1em;} .org-wr .h3 .s-part-list li {position:relative;font-size:13px;margin:5px 0;line-height:1.4;color:#555;} .org-wr .h3 .s-part-list li:before {position:absolute;top:8px;left:-8px;content:"";display:block;width:3px;height:2px;background:#707070;} .org-wr .h3 .s-part-list li a {color:#555;} .org-wr .h3 .s-part-list li a:hover {text-decoration:underline;color:#000} .org-wr .org-list > li:nth-child(n+15) {margin-top:60px;} /* 위치값 */ .org-wr .part01 {padding-left:22.3%;} .org-wr .part02 {padding-left:22.3%;margin-top:10px} .org-wr .part03 {padding-left:63.9%;margin-bottom:6px;} .org-wr .part03:before, .org-wr .part04:before, .org-wr .part06:before, .org-wr .part07:before, .org-wr .part08:before {right:auto;left:50%;} .org-wr .part04 {padding-left:63.9%;z-index:100} .org-wr .part05 {padding-left:22.3%;margin-top:-26px;z-index:10} .org-wr .part06 {padding-left:63.9%;margin-top:11px;} .org-wr .part07 {padding-left:63.9%;margin-top:7px;margin-bottom:60px;} .org-wr .part08 {padding-left:63.9%;margin-top:-20px} /* 색상/아이콘 */ .org-wr .s-part01 .h3-tit {background:#0c569e;} .org-wr .s-part02 .h3-tit {background:#008acf;} .org-wr .s-part03 .h3-tit {background:#07accc;} .org-wr .s-part04 .h3-tit {background:#1a977c;} .org-wr .s-part05 .h3-tit {background:#068594;} .org-wr .s-part06 .h3-tit {background:#374b5f;} .org-wr .s-part01 .h3-tit a:before {background-position:0 -127px} .org-wr .s-part02 .h3-tit a:before {background-position:-37px -127px} .org-wr .s-part03 .h3-tit a:before {background-position:-74px -127px} .org-wr .s-part04 .h3-tit a:before {background-position:-111px -127px} .org-wr .s-part05 .h3-tit a:before {background-position:-148px -127px} .org-wr .s-part06 .h3-tit a:before {background-position:-185px -127px} .org-wr .s-part01 .h4-tit {border-color:#0c569e;color:#0c569e} .org-wr .s-part02 .h4-tit {border-color:#008acf;color:#008acf} .org-wr .s-part03 .h4-tit {border-color:#07accc;color:#07accc} .org-wr .s-part04 .h4-tit {border-color:#1a977c;color:#1a977c} .org-wr .s-part05 .h4-tit {border-color:#068594;color:#068594} .org-wr .s-part06 .h4-tit {border-color:#374b5f;color:#374b5f} .org-wr .s-part06 ul.s-part-wr li:nth-child(5) .h4-tit, .org-wr .s-part06 ul.s-part-wr li:nth-child(6) .h4-tit {line-height:1.5em;height:auto;padding:8px 0;} .org-wr a:hover .h4-tit {background-color:#13406c;color:#fff;} @media only screen and (max-width:999px){ .org-wr .org-list-wr:before {height:90%} .org-wr .org-list:before {display:none;} .org-wr .h3 {width:30%;margin-bottom:50px} .org-wr .part03, .org-wr .part04, .org-wr .part06, .org-wr .part07, .org-wr .part08 {padding-left:60%;} .org-wr .h3 .s-part-wr:before {position:absolute;top:-25px;left:0;content:"";display:block;width:100%;height:3px;background:url(/_Img/Content/org_vline.gif) repeat;z-index:-1} .org-wr .h3.s-part01 .s-part-wr:before, .org-wr .h3.s-part04 .s-part-wr:before {width:50%;left:50%;} .org-wr .h3.s-part03 .s-part-wr:before, .org-wr .h3.s-part06 .s-part-wr:before {width:50%;right:50%;left:auto;} .org-wr .org-list > li:nth-child(n+15) {margin-top:auto;} } @media only screen and (max-width:849px){ .org-wr .part01, .org-wr .part02, .org-wr .part05 {padding-left:27%;} .org-wr .part03, .org-wr .part04, .org-wr .part06, .org-wr .part07, .org-wr .part08 {padding-left:55%;} } @media only screen and (max-width:768px){ .org-wr .h2, .org-wr .part05 {text-align:center;} .org-wr .h2 > .txt, .org-wr .part05 .txt {min-width:auto;width:80%;box-sizing:border-box;} .org-wr .part01, .org-wr .part02, .org-wr .part05 {margin-top:7px;padding:0} .org-wr .part03, .org-wr .part04, .org-wr .part06, .org-wr .part07, .org-wr .part08 {padding:0;margin-top:7px;} .org-wr .h2:before, .org-wr .part05:before {display:none;} .org-wr .h2 .s-part-list {width:80%;margin:0 auto;} } @media only screen and (max-width:599px){ .org-wr:before {top:15px;right:15px;z-index:-1} .org-wr .h2 > .txt, .org-wr .part05 .txt, .org-wr .h2 .s-part-list {width:96%} .org-wr .h3 {width:48%} .org-wr .org-list-wr:before {height:30.7%} .org-wr .h3.s-part01 .s-part-wr:after {position:absolute;top:-37%;right:-1px;content:"";display:block;width:3px;height:30%;background:url(/_Img/Content/org_line.gif) repeat;z-index:-1} .org-wr .h3 .s-part-wr:before, .org-wr .h3.s-part01 .s-part-wr:before, .org-wr .h3.s-part04 .s-part-wr:before, .org-wr .h3.s-part03 .s-part-wr:before, .org-wr .h3.s-part06 .s-part-wr:before {width:50%;left:auto;right:auto;} .org-wr .h3.s-part01 .s-part-wr:before, .org-wr .h3.s-part03 .s-part-wr:before, .org-wr .h3.s-part05 .s-part-wr:before {left:50%;} } /*FROM SITE CODE : */