@charset "utf-8"; 
@import url('fontawesome.css'); 
@import url('NanumSquare.css'); 

body	{ margin:0; padding:0; }
/* skip Navigation */
#skipNavi { margin:0; padding:0; }
#skipNavi dt, #skipNavi dd { height:0; margin:0; padding:0; line-height:0; font-size:0; text-indent:-10000px; }

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, legend, caption, article, 
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0 none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img { border:0 none; font-size:0; line-height:0; }
.ie7 li, .ie7 li a { zoom:1; }
caption, legend { width:0; height:0; visibility:hidden; line-height:0; }

form, fieldset, legend, form ul, form li, form dl, form dt, form dd, form p { margin:0; padding:0; border:0 none; list-style:none; }
legend { visibility:hidden; height:0; line-height:0; font-size:0; text-indent:-10000px; }


input[type=radio],
input[type=checkbox],
td label { cursor:pointer; }

/* 여백 */
.padding0 { padding:0 !important; }
.padding5 { padding:5px !important; }
.margin0 { margin:0 !important; }
/* Top Padding */
.tp0 { padding-top:0px !important; }
.tp5 { padding-top:5px !important; }
.tp10 { padding-top:10px !important; }
.tp15 { padding-top:15px !important; }
.tp20 { padding-top:20px !important; }
.tp25 { padding-top:25px !important; }
.tp30 { padding-top:30px !important; }
/* Bottom Padding */
.bp0 { padding-bottom:0px !important; }
.bp5 { padding-bottom:5px !important; }
.bp10 { padding-bottom:10px !important; }
.bp15 { padding-bottom:15px !important; }
.bp20 { padding-bottom:20px !important; }
.bp25 { padding-bottom:25px !important; }
.bp30 { padding-bottom:30px !important; }
/* Left Padding */
.lp0 { padding-left:0 !important; }
.lp5 { padding-left:5px !important; }
.lp10 { padding-left:10px !important; }
.lp15 { padding-left:15px !important; }
.lp20 { padding-left:20px !important; }
.lp25 { padding-left:25px !important; }
.lp30 { padding-left:30px !important; }
.lp40 { padding-left:40px !important; }
.lp70 { padding-left:70px !important; }
/* Right Padding */
.rp0 { padding-right:0 !important; }
.rp5 { padding-right:5px !important; }
.rp10 { padding-right:10px !important; }
.rp15 { padding-right:15px !important; }
.rp20 { padding-right:20px !important; }
.rp25 { padding-right:25px !important; }
.rp30 { padding-right:30px !important; }
/* Top Margin */
.tm0 { margin-top:0 !important; }
.tm5 { margin-top:5px !important; }
.tm10 { margin-top:10px !important; }
.tm15 { margin-top:15px !important; }
.tm20 { margin-top:20px !important; }
.tm25 { margin-top:25px !important; }
.tm30 { margin-top:30px !important; }
/* Bottom Margin */
.bm0 { margin-bottom:0 !important; }
.bm5 { margin-bottom:5px !important; }
.bm10 { margin-bottom:10px !important; }
.bm15 { margin-bottom:15px !important; }
.bm20 { margin-bottom:20px !important; }
.bm25 { margin-bottom:25px !important; }
.bm30 { margin-bottom:30px !important; }
/* Left Margin */
.lm0 { margin-left:0 !important; }
.lm5 { margin-left:5px !important; }
.lm10 { margin-left:10px !important; }
.lm15 { margin-left:15px !important; }
.lm20 { margin-left:20px !important; }
.lm25 { margin-left:25px !important; }
.lm30 { margin-left:30px !important; }
.lm40 { margin-left:40px !important; }
.lm50 { margin-left:50px !important; }
.lm60 { margin-left:60px !important; }
.lm70 { margin-left:70px !important; }
.lm128 { margin-left:128px !important; }
/* Right Margin */
.rm0 { margin-right:0 !important; }
.rm5 { margin-right:5px !important; }
.rm10 { margin-right:10px !important; }
.rm15 { margin-right:15px !important; }
.rm20 { margin-right:20px !important; }
.rm25 { margin-right:25px !important; }
.rm30 { margin-right:30px !important; }
.clear{ clear:both !important; }

input,textarea{ font-family:'맑은고딕', 'Malgun Gothic', sans-serif; }
input[type=text],
input[type=password] { height:25px; padding:4px 5px; border:1px solid #b9b8b6; }

select { border:1px solid #b9b8b6; }

sub { font-size:.8em; line-height:3.5em; font-weight:normal; }

.ac { text-align:center !important; }
.al { text-align:left !important; }
.ar { text-align:right !important; }
.vat { vertical-align:text-top !important; }
.vab { vertical-align:text-bottom !important; }
.fl { float:left !important; }
.fr { float:right !important; }

.iBlock{ display:inline-block !important; margin-left:20px; }



.hidden { position:absolute; top:-11000px; left:-11000px; width:0; height:0; overflow:hidden; }
.ie7 .hidden { position:static; font-size:0; line-height:0; }

div.tableScroll { overflow-y:auto; overflow-x:hidden; }

.toggleCon { display:none; }

/* Font */
.fwBold { font-weight:bold !important; }
.fwNormal { font-weight:normal !important; }
.fcWhite { color:#fff !important; }
.fcBlack { color:#000 !important; }
.fcRed { color:#f11313 !important; }
.fcBlue { color:#3300ff !important; }
.fcPoint { color:#8e202f !important; } /* 파란색 */
.ffDotum { font-family:Calibri,'돋움', Dotum, 'Apple Gothic', sans-serif !important; }
.ffGulim { font-family:Calibri,'굴림', '굴림체', Gulim, 'Apple Gothic', sans-serif !important; }
.underline { text-decoration:underline !important; }
.italic { font-style:italic; }

/* cursor */
.cursorDef { cursor:default !important; }
.hand { cursor:pointer !important; }


/* Login */
div.wrapper.login { }
div.loginWrap { position:absolute; top:50%; left:50%; width:551px; height:376px; margin:-187px 0 0 -275px; padding:8px; background:linear-gradient(to right bottom, #3daedd, #4a9f7a); box-shadow:0 2px 3px rgba(0,0,0,0.35); box-sizing:border-box; }
div.loginbox { width:100%; height:100%; padding:39px 0 18px; background:linear-gradient(to top, #f1f1f1, #fff); box-sizing:border-box; }
div.loginbox > h1 { margin-bottom:18px; text-align:center; }
div.loginbox > p { text-align:center; }

div.loginArea { position:relative; overflow:hidden; padding:52px 66px 48px 140px; background:url('/image/login_img.png') 14px 22px no-repeat; }

div.loginWrap dl { position:relative; width:241px; height:32px; }
div.loginWrap dl:first-of-type { margin-bottom:5px; }
div.loginWrap dl > dt { display:none; }
div.loginWrap dl > dd { margin:0; padding:0; }
div.loginWrap dl > dd input { width:241px; height:32px; padding:5px 10px 6px; margin:0; border:1px solid #c2c2c2; background-color:#fff; color:#454545; font-size:13px; font-family:sans-serif; box-sizing:border-box; }
div.loginWrap dl > dd input[type=password] { font-family:'맑은고딕', 'Malgun Gothic', sans-serif; }
div.loginWrap dl > dd input::placeholder { color:#c2c2c2; font-weight:bold; font-family:'NanumSquareB', sans-serif; box-sizing:border-box; }

div.loginWrap div.loginArea div.btn { position:absolute; top:53px; right:66px; width:78px; height:67px; }
div.loginWrap div.loginArea div.btn > * { width:100%; height:100%; padding:0; border-radius:8px; border:1px solid #36588f; background-color:#4b628c; color:#fff; font-size:15px; font-weight:bold; font-family:'NanumSquareB', sans-serif; }



/* 공통 레이아웃 */
div.wrapper,
div.popupWrap { word-break:normal; font-family:'맑은고딕', 'Malgun Gothic', sans-serif; color:#4b4b4b; font-size:13px; line-height:1.6; }

div.wrapper { position:relative; min-width:1200px; }
div#headerWrap { position:relative; padding-top:36px; border-bottom:2px solid #5671a1; }
div#headerWrap:before { position:absolute; left:0; top:0; width:100%; height:35px; border-bottom:1px solid #cbcbcb; background-color:#efefef; content:""; }


div#headerWrap > div { position:relative; width:1200px; height:90px; margin:0 auto; }
div#headerWrap h1 { position:absolute; left:0; top:15px; margin:0; padding:0; }
div#headerWrap h1 a { display:table-cell; height:60px; vertical-align:middle; font-family:'NanumSquareEB', sans-serif; font-size:18px; line-height:24px; color:#18418c; text-decoration:none; letter-spacing:-0.5px; }
div#headerWrap h1 a span { display:block; font-family:'NanumSquareR', sans-serif; color:#328bd7; letter-spacing:0; font-size:12px; line-height:18px; }

ul#gnb { position:absolute; right:0; top:50%; margin:-15px 0 0; padding:0; }
ul#gnb > li { position:relative; float:left; margin:0; padding:0 0 0 40px; list-style:none; font-family :'NanumSquareR', sans-serif; 	}
ul#gnb > li:before { position:absolute; left:20px; top:50%; width:1px; height:16px; margin-top:-8px; content:""; background-color:#c9c9c9; }
ul#gnb > li:first-child { padding-left:0; }
ul#gnb > li:first-child:before { display:none; }
ul#gnb > li a { display:block; overflow:hidden; color:#4b4b4b; text-decoration:none; font-size:17px; line-height:30px; }

ul#gnb > li.on a { font-weight:bold; color:#18418c; }

ul#gnb.admin > li a { height:25px; }

div.util { position:absolute; right:0; top:-27px; font-size:11px; line-height:18px; font-family:'돋움', Dotum, sans-serif; }
div.util p, div.util dl, div.util dt, div.util dd, div.util ul, div.util li { float:left; margin:0; padding:0; list-style:none; }

div.util p { padding:0 0 0 25px; font-weight:bold; color:#4c4c4c; }
div.util p.userVisit{ background :url('/image/icon_timeTit.png') left 5px no-repeat; padding-left:14px; color:#3e5bab; }
div.util a { display:inline-block; position:relative; vertical-align:middle; padding:0 7px; border:1px solid #4c4c4c; border-radius:4px; font-size:11px; line-height:16px; color:#4c4c4c; text-decoration:none; }
div.util a.extension { background-color:#4c4c4c; color:#fff; }
/* 
div.util dl { padding-right:18px; color:#0088a0; font-weight:bold; }
div.util li { position:relative; padding-right:20px; }
div.util li:last-child{ padding-right:0; }
div.util li:after { position:absolute; right:8px; top:0; content:"|"; }
div.util li:last-child:after{ content:''; }
div.util li a { color:#565656; text-decoration:none; } 
*/



div#footerWrap { padding:25px 0 25px; border-top:1px solid #dcdcdc; color:#727272; text-align:center; font-size:11px; }


div#container { position:relative; width:1200px; padding:30px 0 50px; margin:0 auto; }
div#container::after { clear:both; display:block; content:''; height:0; font-size:0; line-height:0; }
div#container.wide { width:auto; padding:30px 30px 50px; }


/* 컨텐츠영역 */
.pageTit { height:24px; padding:0 0 0 25px; margin:10px 0 10px; background:url('/image/pageTit.png') 0 1px no-repeat; font-size:20px; font-family :'NanumSquareB', sans-serif; line-height:25px; color:#010101; font-weight:normal; }

.subTit { height:24px; padding:0 0 0 22px; margin:30px 0 10px; background:url('/image/subTit.png') left center no-repeat; font-size:18px; font-family :'NanumSquareB', sans-serif; line-height:25px; color:#010101; font-weight:bold; }
.subTit + p.titInfo { padding-left:20px; margin-bottom:10px; }
.sub_button_filed { float:right; margin:30px 0 10px; }
div.formArea .sub_button_filed a { display:inline-block; vertical-align:top; margin-top:-2px; padding:2px 10px; color:#fff; text-decoration-line:none; }
.sub_button_filed .sub_bf_a1 { background-color:#c23038; }
.sub_button_filed .sub_bf_a2 { background-color:#674ea7; }

.boldTit { height:24px; margin:20px 0 10px; font-size:17px; font-family :'NanumSquareB', sans-serif; line-height:25px; color:#010101; font-weight:bold; }

.barTit { position:relative; padding-left:10px; height:24px; margin:20px 0 10px; font-size:17px; font-family :'NanumSquareR', sans-serif; line-height:20px; color:#4b4b4b; font-weight:normal; }
.barTit:before { position:absolute; left:0; top:50%; transform:translateY(-50%); content:''; width:5px; height:1px; background-color:#4b4b4b; }

.pointTit { margin:30px 0 10px; padding:0; color:#010101; font-size:18px; line-height:30px; font-family:'NanumSquareR', sans-serif; font-weight:bold; }
.boldTit + .barTit { margin-top:0; }

.subTitBg { padding:10px 20px 11px; margin:20px 0 0; border-top:2px solid #23305f; border-bottom:1px solid #EDF2F7; background-color:#5d79ad; font-size:13px; 
    font-family :'NanumSquareR', sans-serif; line-height:25px; color:#fff; font-weight:bold; text-align:center; }

h2.pageTit:first-child,
div#container h3.subTit:first-child { margin-top:0; } 

div.titArea p.btn { float:right; }
div.titArea:after{ clear:both; content:''; display:block; }


.subTit:first-child,
.subTitBg:first-child,
.pointTit:first-child,
.boldTit:first-child { margin-top:0; }


div.contents { position:relative; 	}
div.contents::after { clear:both; display:block; content:''; font-size:0; line-height:0; height:0; }

.noteArea { border-radius:10px; padding:15px 20px; color:#4b4b4b; background-color:#f6f5f7; }



/* Intro */
div.intro { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; }
div.intro h1 { text-align:center; margin-bottom:40px; color:#4758ba; font-size:32px; letter-spacing:-2px; font-family:'NanumSquareEB', sans-serif; text-align:center; font-weight:normal; }
div.intro h1 span { display:block; width:453px; height:35px; margin:0 auto; background-color:#4758ba; color:#fff; font-family:'NanumSquareR', sans-serif; font-weight:normal; font-size:17px; line-height:35px; ; letter-spacing:0; }
div.intro ul { padding:0; margin:0 auto; list-style:none; font-size:0; line-height:0; text-align:center; }
div.intro li { display:inline-block; vertical-align:top; padding:0 10px; }

div.intro a { display:table-cell; width:240px; height:230px; border-radius:70px; border:1px solid #d5d3ed; background-color:#ebebfb; color:#573eab; box-shadow:0 6px #ebebeb; font-family:'NanumSquareB', sans-serif; font-size:24px; line-height:30px; text-decoration:none; text-align:center; vertical-align:middle; }
div.intro li:first-child a { border-color:#d3deed; background-color:#ebf2fb; color:#3e5bab; }
div.intro img { display:block; margin:10px auto 0; }


/* Footer */
div.intro + div#footerWrap { position:absolute; left:0; bottom:0; width:100%; height:50px; padding:0; border:0 none; background-color:#f1f1f1; font-family:'NanumSquareR', sans-serif; font-weight:bold; font-size:13px; line-height:50px; text-align:center; color:#494848; } 




/* 메뉴 */
ul.col2ea, ul.col3ea, ul.col4ea, ul.col5ea, ul.col6ea, ul.col7ea { overflow:hidden; margin:0; padding:0; }
ul.col2ea > li, ul.col3ea > li, ul.col4ea > li, ul.col5ea > li, ul.col6ea > li, ul.col7ea > li { float:left; padding:0; list-style:none; box-sizing:border-box; }

ul.col2ea > li { width:calc(50% - 4px); }
ul.col2ea > li:nth-child(odd) { clear:both; }
ul.col3ea > li { width:33.3%; }
ul.col3ea > li:nth-child(3n+1) { width:33.4%; }


ul.col4ea > li { width:25%; margin-top:10px; }
ul.col4ea > li:nth-child(4n+1) { margin-left:0; }
ul.col4ea > li:nth-child(-n+4) { margin-top:0; }
ul.col5ea > li { width:20%; }

ul.col6ea > li { width:16.7%; }
ul.col6ea > li:nth-child(6n+1) { margin-left:0; }
ul.col6ea > li:nth-child(-n+6) { margin-top:0; }
ul.col6ea > li:nth-child(6n+1) { width:16.5%; }

ul.col7ea > li { width:14.3%; }
ul.col7ea > li:nth-child(7n+1) { width:14.2%; }

ul.col2ea > li:nth-child(2n+1) a,
ul.col3ea > li:nth-child(3n+1) a,
ul.col4ea > li:nth-child(4n+1) a,
ul.col5ea > li:nth-child(5n+1) a,
ul.col6ea > li:nth-child(6n+1) a,
ul.col7ea > li:nth-child(7n+1) a { margin-left:0; }


ul.subMenu { overflow:hidden; margin:20px 0 !important; padding:0; }
ul.subMenu > li { float:left; min-width:244px; margin:0; padding:0; list-style:none; margin:0px 0 0 8px; }
ul.subMenu > li:first-child { margin-left:0; }
ul.subMenu > li a { position:relative; display:block; text-decoration:none; color:#4b4b4b; font-size:14px; line-height:20px; padding:6px 38px 7px; font-weight:bold; border:1px solid #bababa; background-color:#ebebeb; background-image:url('/image/toggle.png'); background-repeat:no-repeat; background-position:right 20px center; }
ul.subMenu > li.imgN a { padding:6px 38px 7px 20px; }
ul.subMenu > li.on a { color:#fff; border-color:#328bd7; background-color:#328bd7; background-image:url('/image/toggle_on.png'); }
ul.subMenu > li a img { position:absolute; left:20px; top:50%; transform:translateY(-50%); }


ul.subMenu.col4ea { }
ul.subMenu.col4ea li { width:calc(25% - 6px); }

ul.subMenu.col6ea { }
ul.subMenu.col6ea li { width:calc(16.7% - 8px); margin-top:10px; }
ul.subMenu.col6e > li:nth-child(6n+1) { width:calc(16.5% - 8px); }

ul.conMenu { overflow:hidden; margin:20px 0 !important; padding:16px 20px; background-color:#f5f5f5; font-size:0; line-height:0; }
ul.conMenu > li { position:relative; display:inline-block; vertical-align:top; margin:5px; list-style:none; }
ul.conMenu > li a { position:relative; display:block; padding:0 25px 0 15px; border-radius:15px; background-color:#fff; border:1px solid #d9d9d9; text-decoration:none; color:#222; font-size:14px; line-height:28px; }
ul.conMenu > li.on a { font-weight:bold; background-color:#e8f3fd; border-color:#328bd7; color:#328bd7; }

ul.conMenu > li a img { position:absolute; top:50%; right:10px; transform:translateY(-50%); }



ul.progress a { position:relative; }
ul.progress a:before { position:absolute; left:10px; top:50%; display:block; width:12px; height:12px; border-radius:6px; margin-top:-6px; background-color:#bebebe; content:" "; }
ul.progress a.ing:before { background-color:#ff7200; }
ul.progress a.finish:before { background-color:#1baf5a; }


.txtIn { padding-left:12px; text-indent:-12px; }
.txtIn2 { padding-left:16px; text-indent:-16px; }

label span.txtIn,
label span.txtIn2 { display:block; }


.txtIn40 { padding-left:40px !important; text-indent:-30px; }


.bdArea, .bgArea { margin:0; padding:30px; border:3px solid #d4d4d4; }
.bgArea { background-color:#f8f8f8; }
.bgArea td { background-color:#fff; }
.bgArea input[type=text],
.bgArea input[type=password] { background-color:transparent; }


div.ing { padding:150px 0; border:1px solid #d4d4d4; }
div.ing img { display:block; margin:0 auto; }

ul.listBl, ul.listBl li { margin:0; padding:0; list-style:none; }
ul.listBl > li { position:relative; padding-left:10px; margin-top:5px; }
ul.listBl > li:before { position:absolute; left:0; top:0; content:"-"; line-height:23px; }




/* 서브메뉴 있는 페이지 */
div.leftMenu ul, div.leftMenu li, div.leftMenu a { margin:0; padding:0; list-style:none; text-decoration:none; }

div.widthMenu { position:relative; padding-left:260px; margin-top:15px; min-height:661px; }

div.leftMenu { position:absolute; left:0; top:0; width:240px; }


div.leftMenu a { position:relative; display:table-cell; vertical-align:middle; width:240px; height:40px; padding:4px 30px 4px 15px; font-size:14px; line-height:16px; color:#4b4b4b; text-align:left; word-break:keep-all; font-weight:bold; font-family:'NanumSquareR', sans-serif; }

div.leftMenu div.btn { padding-bottom:10px; }
div.leftMenu div.btn a { text-align:center; }

div.leftMenu ul { background-color:#f7f7f7; }
div.leftMenu li { position:relative; }
div.leftMenu li a:before { position:absolute; left:10px; top:0; width:calc(100% - 20px); height:1px; content:""; background-color:#dbdbdb; }
div.leftMenu li a:after { position:absolute; right:10px; top:50%; width:10px; height:10px; margin-top:-5px; content:""; background:url('/image/icon_ready.png') center center no-repeat; }

div.leftMenu li a:hover, 
div.leftMenu li a:focus, 
div.leftMenu li.on a { border-color:#494e6b; background-color:#494e6b; color:#fff; }

div.leftMenu li:first-child a:before, 
div.leftMenu li a:hover:before, 
div.leftMenu li a:focus:before, 
div.leftMenu li.on a:before { display:none; }


div.leftMenu li a.dis:after { background-image:url('/image/icon_disabled.png'); }
div.leftMenu li a.ing:after { background-image:url('/image/icon_ing.png'); }
div.leftMenu li a.com:after { background-image:url('/image/icon_completed.png'); }
div.leftMenu li a.stateNo:after { background-image:none; }

div.leftMenu ul.note { overflow:hidden; padding:20px 0 20px; }
div.leftMenu ul.note li { float:left; width:33.30%; margin-top:0; text-align:center; }
div.leftMenu ul.note span { display:block; color:#4b4b4b; font-weight:bold; font-size:14px; }


/*스크롤시 고정*/
div.contents > div.fixedArea { position:absolute; left:0; top:0; width:1200px; }
div.fixedArea { background-color:#fff; }
div.fixedArea.fixed { z-index:5; position:fixed !important; left:50% !important; margin-left:-600px; top:0; width:1200px; box-sizing:border-box; padding-bottom:15px; }
div.leftMenu.fixed { z-index:5; position:fixed; left:50%; margin-left:-600px; width:200px; }
div.fixedArea + div.dbList { margin-top:0; }

/* 버튼 및 Form 태그 */
a:hover,
a:focus { text-decoration:none; }

.btn a,
.btn > span,
.btn input,
.btn button { display:inline-block; text-decoration:none; cursor:pointer; height:25px; padding:0 10px 5px; font-size:14px; line-height:20px; border-width:1px; border-style:solid; vertical-align:top; box-sizing:border-box; }

.btn a { height:auto; line-height:19px; padding:6px 10px 7px; }
.btn a.twoLine { }
.btn a:before { display:inline-block; padding-right:10px; }
.btn i { padding:2px 10px 0 0; }
.btn .btnIcon i { padding-right:0; }

/* 남색 */			
.btnDef { background-color:#3555a7 !important; border-color:#3555a7 !important; color:#fff !important; }
/* 파란색 */	
.btnPoint { background-color:#328bd7 !important; border-color:#328bd7 !important; color:#fff !important; }
/* 회색 */				
.btnGrey { background-color:#959595 !important; border-color:#959595 !important; color:#fff !important; }
/* 회색2*/			
.btnGrey2 { background-color:#656a8e !important; border-color:#656a8e !important; color:#fff !important; }
/* 주황색 */			
.btnOrg { background-color:#e1732f !important; border-color:#e1732f !important; color:#fff !important; }
/* 녹색 */				
.btnExel, .btnGreen { background-color:#00795b !important; border-color:#00795b !important; color:#fff !important; }
/* 주황색 */			
.btnRed { background-color:#e4933c !important; border-color:#e4933c !important; color:#fff !important; }
/* 남색 */				 
.btnNavy { background-color:#004a80 !important; border-color:#004a80 !important; color:#fff !important; }
/* 파란색 */			
.btnBlue { background-color:#0072bc !important; border-color:#0072bc !important; color:#fff !important; }

/* .typeA .btnDef { background-color:#3260ab; border-color:#3260ab !important; }
.typeB .btnDef { background-color:#573eab !important; border-color:#573eab !important; } */


/* border+ 남색 */			
.btnBdDef { background-color:#fff !important; border-color:#5c6b93 !important; color:#5c6b93 !important; }
/* border+ 파란색 */		
.btnBdPoint { background-color:#fff !important; border-color:#328bd7 !important; color:#328bd7 !important; }
/* border+ 회색 */				
.btnBdGrey { background-color:#fff; border-color:#959595; color:#959595; }


.btn .btnSmall { font-size:12px; height:25px; padding:0 16px; border-radius:1px; vertical-align:top; }
.btn a.btnSmall { height:23px; padding:0 10px 1px; line-height:20px; }


.btn .btnBig { min-width:110px; font-size:16px; height:40px; padding:2px 20px 0; font-family:'NanumSquareR', sans-serif; font-weight:bold; }
.btn a.btnBig { min-width:110px; height:auto; padding:9px 20px 10px; text-align:center; box-sizing:border-box; }

.btn .btnGr { background-image:url('/image/btnBg_gr.png'); background-position:0 0; background-repeat:repeat-x; }

.btnBackup { display:inline-block; padding:4px 5px; border:1px solid #08522a; border-radius:4px; vertical-align:top; color:#fff; font-size:12px; line-height:12px; font-weight:bold; background-color:#217346; text-decoration:none; }

.btnArea { padding-top:50px; text-align:center; font-size:0; line-height:0; }
.btnArea > * { min-width:120px; height:40px !important; margin-left:10px; padding:0 20px !important; font-size:16px !important; line-height:38px !important; font-weight:bold; }
.btnArea > *:first-child { margin-left:0; }

.btnArea .upload { position:absolute; top:50px; right:0; }

.bbsUtil { text-align:right; }
.bbsUtil a { padding:10px 20px; }

a.backUp { display:inline-block; vertical-align:top; margin-left:8px; padding:3px 15px 4px; background-color:#217346; color:#fff; font-size:12px; line-height:21px; font-family:'NanumSquareR', sans-serif; float:right; }
a.backUp:hover { text-decoration:none; }

/* 둥근 버튼 */
.btn .btnRound { min-width:110px; padding:5px 20px 6px; border-radius:34px; }

.faq { text-align:right; }



/* 게시판 pager */
ul.pager { margin:0; padding:30px 0; text-align:center; }
ul.pager > li { display:inline-block; margin:0; padding:0 6px; list-style:none; font-size:16px; }
ul.pager > li a { padding:0; color:#4b4b4b; font-size:14px; line-height:25px; text-decoration:none; }

.ie7 ul.pager > li { display:inline; }
ul.pager > li:first-child { padding-left:0; background:none; font-size:14px; }
ul.pager > li.on a { font-weight:bold; font-size:14px; color:#3260ab; }

ul.pager > li.first,
ul.pager > li.prev,
ul.pager > li.next,
ul.pager > li.last { padding:0; letter-spacing:-1px; font-size:20px; line-height:25px; }
ul.pager > li.prev { padding-left:5px; }
ul.pager > li.next { padding-right:5px; }



/* 폼태그 */
div.formArea { position:relative; }

div.regState { position:absolute; right:0; top:-20px; color:#4b4b4b; font-size:13px; line-height:26px; z-index:100; width:350px; padding:5px 0 5px; text-align:center; border:3px solid #cfcfcf; border-radius:3px; box-sizing:border-box; background-color:#fff; }
div.regState.fr { position:static; margin-top:30px; }
div.regState span.state,
div.regState span.btn > * { display:inline-block; vertical-align:top; width:72px; height:26px; padding:0; text-align:center; font-size:13px; line-height:24px; box-sizing:border-box; }
div.regState span.state { margin-left:5px; line-height:26px; border-radius:3px; border:0 none; }
div.regState span.completed { color:#197b30; background-color:#c6eacf; }
div.regState span.ing { color:#e1732f; background-color:#f9e8de; }
div.regState span.ready { color:#fff; background-color:#898989; }

div.regDate { position:relative; right:0; color:#4b4b4b; font-size:13px; line-height:26px; }


div.formArea .uploadComp { position:absolute; right:5px; }
div.formArea .uploadComp label { font-weight:bold; color:#8e202f; }

div.formArea .uploadComp + table.inputTbl { margin-top:40px; }

div.formArea input[type=radio],
div.formArea input[type=checkbox] { display:inline-block; vertical-align:top; margin:6px 0 0 15px; }
div.formArea th input[type=checkbox] { margin:5px 1px 0 0; vertical-align:top; }
div.formArea input[type=radio]:first-child,
div.formArea input[type=checkbox]:first-child,
div.formArea br + input[type=radio],
div.formArea br + input[type=checkbox] { margin-left:0; }

div.formArea input[type=radio] + label, 
div.formArea input[type=checkbox] + label,
div.formArea input[type=radio] + label + input[type=text], 
div.formArea input[type=checkbox] + label + input[type=text] { margin-left:3px; }


div.formArea input[type=text],
div.formArea input[type=password],
div.formArea input[type=file] { width:60px; height:23px; padding:2px 10px; vertical-align:top; margin:0; box-sizing:border-box; }
div.formArea input[disabled=disabled] { background-color:#f8f8f8; }

div.formArea  input[type=password],
div.formArea .date input[type=text],
div.formArea  input[type=text].bdBtm { border:0 none; border-bottom:1px solid #4b4b4b; color:#4b4b4b; background-color:#fff; }
div.formArea  input[type=text].bdBtmbg { border:0 none; border-bottom:1px solid #4b4b4b; color:#4b4b4b; background-color:#efefef; }

div.formArea input.wide { width:100%; }

div.formArea select { height:23px; margin:0; }
div.formArea textarea { width:100%; padding:5px; border:1px solid #b9b8b6; box-sizing:border-box; }


div.formArea label,
div.formArea span { display:inline-block; line-height:23px; vertical-align:top; }
table.inputTbl th .fcRed,
table.inputTbl th .fwNormal { display:inline !important; }
a.btnPop{ text-decoration:none; border-radius:3px; background-color:#133979; color:#fff; padding:3px 10px; }
a.btnEq{ text-decoration:none; border-radius:3px; background-color:#00a651; color:#fff; padding:3px 10px; }
a.btnMbi{ text-decoration:none; border-radius:3px; background-color:#f26522; color:#fff; padding:3px 10px; }
input.calendar { margin:3px 0 0 5px !important; vertical-align:top; }

div.formArea table.tblDef span { display:inline; line-height:22px; }

dl.inputArea { border-top:2px solid #06477e; }
dl.inputArea > dt,
dl.inputArea > dd { padding:10px 20px; border-bottom:1px solid #dedede; }
dl.inputArea > dt { font-weight:bold; color:#06477e; background-color:#f3f9ff; }

ul.item > li *:first-child { font-weight:bold; }
ul.item div.date { display:inline-block; }

.essen { }
.essen:after { display:inline-block; margin-left:5px; vertical-align:top; color:#f11313; font-weight:bold; content:'*'; }

span.view { display:inline-block; padding:0 5px 2px; border:1px solid #ab3043; border-radius:4px; vertical-align:top; color:#fff; font-size:11px; line-height:12px; font-weight:bold; background-color:#ab3043; }
span.view + img { display:inline-block; margin:2px 0 0 5px; vertical-align:top; }

a.view { display:inline-block; padding:2px 5px; border:1px solid #1e37a4; border-radius:4px; vertical-align:top; color:#fff; font-size:10px; line-height:12px; font-weight:bold; background-color:#1e37a4; text-decoration:none; }



a.util { color:#4b4b4b; vertical-align:middle; }
a.util:last-child{ padding-left:0; margin-left:5px; padding-top:2px; }
a.conLink { display:inline-block; border-bottom:1px solid #00f; color:#00f; text-decoration:none; line-height:1.2; vertical-align:top; }

a.modify { display:inline-block; padding:2px 10px; border:1px solid #fff; text-decoration:none; color:#fff; }
.subTitBg { position:relative; }
.subTitBg a.modify { position:absolute; right:10px; top:50%; margin-top:-15px; }





/* 당뇨 약 종류 */
table.inputTbl td.search { position:relative; padding:0; padding-left:420px; }
table.inputTbl td.search:before { position:absolute; left:0; top:0; width:395px; height:100%; content:""; background-color:#f6f6f6; }
table.inputTbl td.search div.search { z-index:10; position:absolute; left:10px; top:10px; width:400px; }
table.inputTbl td.search input[type=text] { background-color:#fff; }
table.inputTbl td.search input[type=text].keyword { width:90%; height:30px; }

table.inputTbl ul.result { z-index:10; overflow-x:hidden; overflow-y:auto; position:absolute; left:10px; top:50px; width:385px; height:calc(100% - 55px); background-color:transparent; box-sizing:border-box; }
table.inputTbl ul.result::-webkit-scrollbar { width:8px; background-color:#e8e8e8; }
table.inputTbl ul.result::-webkit-scrollbar-thumb { background-color:#c4c4c4; }

table.inputTbl ul.result li { position:relative; padding-left:15px; margin-top:5px; }
table.inputTbl ul.result li:before { position:absolute; left:0; top:0; content:"-"; }
table.inputTbl ul.result label { padding-right:15px; }

table.inputTbl ul.result.option { position:static; width:auto; padding:10px; max-height:250px; /*background-color:#fff; */}
table.inputTbl a.print2 { border-radius:14px; margin-left:7px !important ; float:right; width:27px; font-size:0 !important; border-color:#395943; background:#395943 url('/image/btn_print.png') center center no-repeat; }

/* 테이블 */
table.tblDef,
table.list,
table.inputTbl,
table.innerTbl,
table.noBorderTbl { width:100%; border-collapse:separate; border-spacing:0; margin:0; padding:0; border:0 none; border-top:2px solid #23305f; }
table.innerTbl { /* border:1px solid #d4d4d4; */}
table.noBorderTbl { border-top:0; border-bottom:0; }

.subTitBg + table { border-top:0 none !important; }


table.tblDef > * > tr > *,
table.list > * > tr > *,
table.inputTbl > * > tr > *,
table.innerTbl > * > tr > * { padding:5px 10px; border-bottom:1px solid #dedede; border-right:1px solid #dedede; text-align:center; color:#4b4b4b; word-break:normal; }
table.noBorderTbl  > * > tr > * { padding:10px; text-align:center; color:#4b4b4b; word-break:normal; }

table.tblDef > * > tr:first-child > *,
table.inputTbl > * > tr:first-child > *,
table.innerTbl > * > tr:first-child > *{ }

table.tblDef > * > tr > *:last-child,
table.list > * > tr > *:last-child,
table.inputTbl > * > tr > *:last-child,
table.innerTbl > * > tr > *:last-child { border-right:0; }

table.tblDef > * > tr > th,
table.list > * > tr > th,
table.inputTbl > * > tr > th,
table.inputTbl th.bg,
table.tblDef th.bg { background-color:#edf2f6; color:#202121; word-break: keep-all; }

table .bdl { border-left:1px solid #dedede !important; }

table.tblDef > * > tr > th,
table.list > * > tr > th { font-weight:bold; color:#202121; font-size:13px; }
table.tblDef > * > tr > th { text-align:center; }

table.inputTbl th.bg { background-color:#5d79ad; color:#fff; font-weight:bold; }
table.inputTbl th.navy { background-color:#5d79ad; color:#fff; font-weight:bold; }

table.survey { }
table.survey > tbody > tr > th { text-align:left; }
table.survey > tbody > tr > th.bg { font-weight:normal; background-color:#fafafa; color:#4b4b4b; }
table.survey th.bg dd { padding-left:15px; }

img.tooltip { display:inline-block; vertical-align:top; margin:2px 0 0 5px; cursor:pointer; }

span.tooltip { position:relative; display:inline-block; vertical-align:top; margin-top:3px; }
span.tooltip a { display:block; }
span.tooltip .con { display:none !important; position:absolute; top:-6px; left:33px; z-index:100; min-width:230px; height:auto; padding:8px 11px; background-color:#fff; border:#dadada solid 1px; border-radius:5px; text-align:left; color:#555; font-size:12px; line-height:17px; letter-spacing:-0.25px; word-break:keep-all; }
span.tooltip .con::after { border-color:transparent #fff; border-style:solid; border-width:6px 8px 6.5px 0px; content:''; display:block; left:-8px; position:absolute; top:10px; width:0; z-index:1; }
span.tooltip .con::before { border-color:transparent #dadada; border-style:solid; border-width:6px 8px 6.5px 0px; content:''; display:block; left:-9px; position:absolute; top:10px; width:0; z-index:0; }

span.tooltip a:hover + .con { display:block !important; }

table.innerTbl > * > tr > th,
table.innerTbl > * > tr > td { padding:10px 15px; text-align:left; }
table.innerTbl > * > tr > th { background-color:#f5f5f5; font-weight:bold; color:#333; text-align:center; }
table.innerTbl > tbody > tr:last-child > * { border-bottom:0 none; }

table.inputTbl > * > tr > td { position:relative; text-align:left; }
table.inputTbl > * > tr > td:after { clear:both; content:''; display:block; }

table.noBorderTbl > * > tr > td { text-align:left; }

table .noBg, .noBg > * { background-color:#fff !important; }

table .bdLeft { border-left:1px solid #dedede !important; }

table.noBdl > * > tr > * { border-left:0 none !important; }


table.tblDef > tfoot > tr > *,
table.tblDef > * > tr.bg > * { background-color:#e6edff; color:#4b4b4b; }
table.tblDef thead span { display:inline-block; vertical-align:middle; }
table.tblDef thead span label { display:block; }
table.tblDef thead span + span { margin-left:10px; }

table.tblDef .al { padding-left:10px; text-align:left !important; }
table.tblDef .bdLeft { border-left:1px solid #ccc !important; }

table.tblDef td.enroll span { margin-right:10px; }
table.tblDef td.enroll a { display:inline-block; vertical-align:middle; margin-bottom:1px; }
table.tblDef td.noData { padding:40px 0; text-align:center; color:#ca3f3f; }
table.tblDef td.file { position:relative; padding-left:20px; text-align:left !important; }
table.tblDef td.file a.file { position:absolute; right:35px; top:50%; height:17px; margin-top:-9px; }
table.tblDef tr > td.sum { padding:10px; text-align:center; font-size:15px; color:#d32c44; font-weight:bold; background-color:#fff3f5; }
th.btnAll a{ text-decoration:none; border-radius:3px; background-color:#d32c44; color:#fff; padding:3px 15px; }

table.borderTbl { border-left:1px solid #ccc; border-top:1px solid #d4d4d4; }
table.borderTbl > * > tr > * { border-right:1px solid #d4d4d4; }
table.borderTbl > thead > tr:first-child > * { border-bottom:1px solid #d4d4d4; }

table.ac th,
table.ac td { text-align:center !important; }
table.ac td.al { text-align:left !important; }

table.al th,
table.al td { text-align:left !important; }

td.btn { border-left:0 none !important; }
a.btnUpload { background-color:#494e6b; border-color:#494e6b; color:#fff; font-size:13px; }

div.scrollArea { }
div.scrollArea::-webkit-scrollbar { width:8px; background-color:#e8e8e8; }
div.scrollArea::-webkit-scrollbar-thumb { background-color:#c4c4c4; }

div.tableScrollV { border-bottom:1px solid #dedede; }
div.tableScrollV div.scrollArea { overflow-y:scroll; max-height:250px; }
div.tableScrollV div.scrollArea table.list { border-top:0 none; }
div.tableScrollV div.scrollArea table.list > * > tr:last-child > * { border-bottom:0 none; }


table.tblDef > * > tr > td { padding:10px; text-align:left; }
table.inputTbl > * > tr > th { padding:10px; vertical-align:middle; }
#gr_table > tbody > * > td { text-align:center !important; }
table.inputTbl th .essen { display:inline-block; vertical-align:middle; }

table.innerTbl { border-top:0 none; border-bottom:1px solid #dedede; }
table.innerTbl > * > tr > * { padding:10px 10px 2px; }
table.innerTbl >  thead + tbody > tr:first-child > * { }


table.inputTbl th,
table.inputTbl td { line-height:23px; }
table.inputTbl table.innerTbl:last-of-type { border-bottom:0 none; }
table.inputTbl td div.btn { padding:20px 0 10px; }
table.inputTbl td div.btn a { }
table.inputTbl td div.btn a:hover { text-decoration:none; }

table.inputTbl .label,
table.inputTbl > * > tr > th label { padding-left:0; }
table.innerTbl > * > tr > th label,
table.inputTbl > * > tr > th label { line-height:23px; }


table.inputTbl .multi > span, table.inputTbl .multi > label, 
table.inputTbl td.phone span, table.inputTbl td.phone label, 
table.inputTbl td.address > span, table.inputTbl td.address > label, 
table.inputTbl td.birth > span, table.inputTbl td.birth > label, 
table.inputTbl td.email > span, table.inputTbl td.email > label { line-height:21px; }

table.inputTbl .multi input[type=radio], 
table.inputTbl .multi input[type=checkbox] { margin:5px 0 0 20px; }

table.inputTbl .multi > *, 
table.inputTbl td.phone *, 
table.inputTbl td.address > *, 
table.inputTbl td.name > *, 
table.inputTbl td.birth > *, 
table.inputTbl td.email > * { margin-left:10px; }
table.inputTbl .multi > *:first-child, 
table.inputTbl td.phone *:first-child, 
table.inputTbl td.address > *:first-child, 
table.inputTbl td.name > *:first-child, 
table.inputTbl td.birth > *:first-child, 
table.inputTbl td.email > *:first-child { margin-left:0 !important; }



table.inputTbl td.email input[type="text"]:first-child { width:210px; }
table.inputTbl td.email span.clear,
table.inputTbl .note { font-weight:normal; line-height:1.2; }
table.inputTbl span.clear { padding-top:0; line-height:33px !important; }

table.inputTbl td.phone { overflow:hidden; }
table.inputTbl td.phone > * { float:left; }
table.inputTbl td.phone label { width:142px; text-align:center; }

table.inputTbl td.address input[type=text] { width:447px; }

table.inputTbl .period input[type=text] { width:100px; }
table.inputTbl .btn .btnSmall i { padding:3px  0 0; }

table.inputTbl.noTh > * > tr > * { border-left:0 none !important; }

.withBtn { }
.withBtn:after { display:block; clear:both; height:0; line-height:0; font-size:0; content:''; }
.withBtn > * { float:left; }
.withBtn a { display:inline-block; margin:3px 0; padding:0 10px; background-color:#475f87; vertical-align:top; line-height:20px; color:#fff; text-decoration:none; }
.withBtn a:hover { text-decoration:none; }

table a { text-decoration:none; color:#006cba; }


a.add { display:inline-block; vertical-align:top; width:23px; height:23px; font-size:0; line-height:0; background:url('/image/icon/icon_add.png') center center no-repeat; }
.typeA a.add { background-color:#3e5bab; }
.typeB a.add { background-color:#473680; }

a.viewPop { display:inline-block; vertical-align:top; padding:0 10px; color:#fff; font-size:10px; line-height:23px; font-weight:normal !important; background-color:#494e6b; text-decoration:none; }

a.delete { display:inline-block; vertical-align:top; width:23px; height:23px; font-size:0; line-height:0; background:#494e6b url('/image/icon/icon_delete.png') center center no-repeat; }

div.formArea input[type=password],
div.formArea input[type=text] { height:23px; border:1px solid #dedede; background-color:#f7f7f7; color:#4b4b4b; }
div.formArea input[disabled=disabled] { border:0 none; border-bottom:1px solid #4b4b4b; color:#4b4b4b; background-color:#efefef; }

div.formArea a.survey { display:inline-block; vertical-align:top; margin-top:-2px; padding:2px 10px; color:#fff; background-color:#e1732f; }
div.formArea a.calculator { display:inline-block; vertical-align:top; margin-top:-2px; padding:2px 10px; color:#fff; background-color:#c23038; }


.hideCon { display:none; }

table.inputTbl + table.inputTbl,
.hideCon >  table { border-top:0 none !important; }


div.formArea .date > * { display:inline-block; vertical-align:top; }
div.formArea .date input[type=text] { width:50px; text-align:left; }
div.formArea .date input[type=text]:first-child { width:50px; }
div.formArea .date input[type=text].datepickerY{ width:50px; }
div.formArea .time input[type=text]:first-child { width:30px; }
div.formArea .date.event > input[type=radio]{ margin-left:0; }
div.formArea .date span { padding:0 5px; }

ul.option { margin:0; padding:0; }
ul.option:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.option > li { position:relative; margin:5px 0 0; padding:0 0 0 15px !important; list-style:none; box-sizing:border-box; }
ul.option > li > input[type=radio],
ul.option > li > input[type=checkbox] { position:absolute; left:0; top:6px; margin:0 !important; }
ul.option > li.wide { clear:both; width:100% !important; }
ul.option.type2 > li { margin:20px 0 15px; }

div.formArea .period:before { display:block; clear:both; height:0; line-height:0; font-size:0; content:''; }
div.formArea .period > * { float:left; }
div.formArea .period input[type=text] { width:30px; text-align:left; }
div.formArea .period input[type=text]:first-child,
div.formArea .period input[type=text]:nth-of-type(4) { width:50px; }
div.formArea .period input[type=text].datepickerY{ width:50px; }


ul.borderList, ul.borderList li { margin:0; padding:0; list-style:none; }
ul.borderList { }
ul.borderList li { padding:5px; text-align:left !important; border-bottom:1px dashed #dadada; }
ul.borderList li:first-child { padding-top:0; }
ul.borderList li:last-child { padding-bottom:0; border-bottom:0 none; }

div.selectFile { position:relative; padding-right:80px; }
div.selectFile input[type=text] { width:100%; height:23px; margin:0; padding:4px 10px; box-sizing:border-box; }
div.selectFile > .search { position:absolute; right:0; top:0; width:80px; height:23px; padding:0; text-align:center; background-color:#333; color:#fff; font-size:12px; line-height:23px; }
div.selectFile > .search input { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; opacity:0; }

dl.more, dl.more dt, dl.more dd { margin:0; padding:0; }
dl.more { }
dl.more:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
dl.more > * { }
dl.more > dt { clear:both; float:left; padding-right:10px; }



/* 검색 영역 */
div.searchArea { overflow:hidden; margin-bottom:10px; padding:9px 0; border:3px solid #cfcfcf; background-color:#f5f5f5; font-size:0; line-height:0; }
div.settingArea + div.searchArea { margin-top:10px; }
div.searchArea.ac form, div.searchArea.ac fieldset { display:inline-block; vertical-align:top; }
div.searchArea p, div.searchArea div, div.searchArea dl, div.searchArea dt, div.searchArea dd { margin:0; padding:0; display:inline-block; vertical-align:top; font-size:13px; line-height:27px; }

div.searchArea label, div.searchArea span, div.searchArea input, div.searchArea select { margin-top:0; margin-bottom:0; }
div.searchArea label, div.searchArea span { line-height:27px; font-weight:bold; color:#010101; }
div.searchArea span.dash{ color:#4b4b4b; }
div.searchArea dl { padding-left:20px; }
div.searchArea dt { padding:0 10px; }
div.searchArea dt label:before { display:inline-block; vertical-align:top; content:''; width:2px; height:2px; margin:14px 8px 0 0; border-radius:50%; background-color:#010101; }
div.searchArea input[type="text"] { width:86px; height:17px; padding:4px 10px; vertical-align:top; }
div.searchArea input[type="submit"] { width:60px; height:27px; margin-left:50px; padding:0; border:0 none; background-color:#3555a7; color:#fff; text-align:center; font-weight:bold; vertical-align:top; line-height:27px; }
div.searchArea input[type="reset"] { width:101px; height:27px; margin-left:3px; padding:0 12px 0 27px; background:url('/image/icon_refresh.png') left 11px center no-repeat; border:1px solid #5c6b93; color:#5c6b93; background-color:#fff; background-repeat:no-repeat; background-position:12px center; vertical-align:top; line-height:25px; box-sizing:border-box; }
div.searchArea select { height:27px; width:110px; }
div.searchArea select + input[type="text"] { width:160px; }
div.searchArea a.linkBtn{ margin-left:3px; padding:3px 17px 4px; border:0 none; background-color:#642b90; color:#fff; border:1px solid #642b90; text-align:center; font-weight:bold; text-decoration:none; }
div.searchArea a.popBtn{ margin-left:3px; padding:3px 17px 4px; border:0 none; background-color:#fff; color:#4b4b4b; border:1px solid #959595; text-align:center; font-weight:bold; text-decoration:none; }
div.searchArea p.brief { display:inline-block; width:72px; padding:0; line-height:25px; border-radius:20px; text-align:center; font-weight:bold; border:1px solid #9352b8; border-color:#9352b8; color:#9352b8; background-color:#fff; vertical-align:top; }


div.searchNote { /*padding:10px 0; */text-align:right; color:#202121; }
div.searchNote span.btnBdDef { display:inline-block; vertical-align:top; margin-top:-3px; border-width:1px; border-style:solid; padding:0 12px 0 27px; background:url('/image/icon_refresh.png') left 11px center no-repeat; }


/* 리스트 */
div.resultNote { padding:6px 0 12px; color:#4b4b4b; font-family:'NanumSquareR', sans-serif; }
div.resultNote:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
div.resultNote strong { font-weight:bold; color:#f11313; }

div.resultNote ul, div.resultNote li { margin:0; padding:0; list-style:none; }
div.resultNote ul { }
div.resultNote ul:after { display:block; clear:both; height:0; font-size:0; line-height:0; content:''; }
div.resultNote li { float:left; color:#4b4b4b; margin-left:18px; }
div.resultNote li:first-child { margin-left:0; }
div.resultNote li img { display:inline-block; vertical-align:top; padding:5px 4px 0 0; }

div.note { padding:30px 0 10px; line-height:35px; }
div.resultNote + div.note { padding-top:0; }
div.note img { padding:12px 0 0 20px; vertical-align:top; }
div.note img:first-child { padding-left:0; }

table.list > thead > tr > th { padding:5px; text-align:center; font-size:12px; color:#202121; }


/* 환자정보 */
table.tblDef.info { }
table.tblDef.info > * > tr > * { padding:0 10px; line-height:30px; }
table.tblDef.info > * > tr > th { padding-left:40px; text-align:left; }

table.tblDef.info + div.note { padding:0; }

/* 수술정보 */
table.inputTbl td.op_search { position:relative; padding:0; padding-left:15px; }
table.inputTbl td.op_search:before { position:absolute; left:495px; top:0; width:500px; height:100%; content:""; background-color:#f6f6f6; }

table.inputTbl ul.op_result { z-index:10; overflow-x:hidden; position:absolute; left:520px; top:22px; width:475px; background-color:transparent; box-sizing:border-box; }
table.inputTbl ul.op_result::-webkit-scrollbar { width:8px; background-color:#e8e8e8; }
table.inputTbl ul.op_result::-webkit-scrollbar-thumb { background-color:#c4c4c4; }

table.inputTbl ul.op_result li { position:relative; padding-left:15px; margin-top:5px; }
table.inputTbl ul.op_result li:before { position:absolute; left:0; top:0; content:"-"; }
table.inputTbl ul.op_result label { padding-right:15px; }

table.inputTbl ul.op_result.option { position:static; width:484px; padding:10px; max-height:250px; }

ul.surgery, ul.surgery li, ul.surgery a,
dl.surgery, dl.surgery dt, dl.surgery dd, dl.surgery a { margin:0; padding:0; list-style:none; text-decoration:none; }

ul.surgery { padding-top:20px; }
ul.surgery:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.surgery li { position:relative; float:right; width:calc(50% - 10px); margin-bottom:20px; }
ul.surgery li:nth-child(odd) { clear:both; float:left; }

ul.surgery a.surgery,
dl.surgery { position:relative; display:block; padding:30px 30px 52px; border:1px solid #ddc0ee; border-radius:10px; background-color:#fcf7ff; box-sizing:border-box; color:#4d1a73; font-size:13px; line-height:20px; }
a.surgery span,
dl.surgery a { display:block; }

ul.surgery a.surgery { height:178px; }
a.surgery span.tit,
dl.surgery dt a { padding-bottom:15px; font-size:16px; line-height:26px; font-weight:bold; }
a.surgery span.tit:before,
dl.surgery dt a:before { display:inline-block; vertical-align:top; content:attr(data-state); width:52px; height:26px; margin-right:15px; border-radius:5px; text-align:center; color:#fff; font-weight:normal; font-size:13px; line-height:26px; background-color:#818181; }
a.surgery.ing span.tit:before,
dl.surgery.ing dt a:before { background-color:#9352b8; }
a.surgery.completed span.tit:before,
dl.surgery.completed dt a:before { background-color:#197b30; }

a.surgery span.info,
dl.surgery dd.info { position:absolute; right:30px; bottom:25px; }

ul.surgery span.util { position:absolute; right:30px; top:30px; }
ul.surgery span.util a { display:block; height:26px; box-sizing:border-box; }
ul.surgery a.reset { width:52px; border:1px solid #9352b8; color:#9352b8; font-size:13px; line-height:24px; text-align:center; font-weight:normal; }
ul.surgery a.delete { width:15px; font-size:0; line-height:0; background:url('/image/btn_delete.png') center center no-repeat; }


ul.surgery + div.bdArea { border-radius:10px; }
dl.surgery dt { padding-bottom:15px; }
dl.surgery dt a { color:#4d1a73; }
dl.surgery dd.con { border-radius:10px; padding:15px 20px; background-color:#fff; }


/* 수술 및 회복 양식 */
table.observe { }
table.observe > * > tr > * { position:relative; text-align:center !important; }
table.observe span.period { position:absolute; left:0; bottom:0; width:100%; padding:5px 0; border-top:1px solid #dedede; }

table.observe span.btn { width:115px; margin:0 auto; padding:25px 0; }
table.observe span.btn a { display:block; height:28px; padding:0; border-radius:14px; margin-bottom:6px; box-sizing:border-box; font-size:13px; line-height:24px; }
table.observe a.more { float:left; width:72px; border-color:#4d1a73; color:#4d1a73; background-color:#fff; }
table.observe a.print { float:right; width:38px; font-size:0 !important; line-height:0 !important; border-color:#9352b8; background:#9352b8 url('/image/btn_print.png') center center no-repeat; }
table.observe a.observe { clear:both; border-color:#4d1a73; background-color:#4d1a73; color:#fff; }
table.observe a.survey { clear:both; margin-bottom:0 !important; border-color:#656a8e; background-color:#656a8e; color:#fff; }
table.observe a.delete { position:absolute; right:5px; top:5px; width:12px; height:12px; margin-bottom:0 !important; border:0 none; padding:0; font-size:0 !important; line-height:0 !important; background:url('/image/btn_delete.png') center center no-repeat; }




/* 환자 리스트 > F/U 상태 */
.followUp { display:inline-block; padding:0 10px; vertical-align:top; border-radius:3px; border:1px solid #ccc; background-color:#f8f8f8; color:#4b4b4b; font-size:11px; line-height:18px; text-align:center; }

/* 환자정보 */
ul.patientInfo { overflow:hidden; margin:0; padding:10px 20px; border:3px solid #cfcfcf; background-color:#f5f5f5; }
ul.patientInfo li { position:relative; float:left; margin-left:25px; width:235px; padding-left:15px; color:#000; font-size:14px; list-style:none; line-height:26px; box-sizing:border-box; }
ul.patientInfo li:before { position:absolute; left:0; top:50%; width:5px; height:5px; margin-top:-3px; border-radius:50%; content:""; background-color:#06477e; }
ul.patientInfo li:nth-child(4n+1) { margin-left:0; clear:both; }

ul.patientInfo span { display:inline-block; padding-right:5px; color:#06477e; vertical-align:top; font-weight:bold; }
 
/*.state { display:inline-block; width:63px; padding:6px 5px 6px 5px; border-width:1px; border-style:solid; text-align:center; line-height:14px; font-size:11px; color:#fff; font-weight:bold; text-decoration:none; }
.state img { display:inline-block; height:10px; padding:2px 0 0 0; vertical-align:top; }*/
/* 입력대기 */		/*.state.ready { border-color:#898989; color:#898989; }*/
/* 진행중 */			/*.state.ing { border-color:#ff9900; color:#ff9900; }*/
/* 완료 */			/*	.state.completed { border-color:#7aaf01; color:#7aaf01; }*/


table .btnAdd { float:left; width:47%; margin-top:10px; text-align:center; }
table .btnDel { float:right; width:47%; margin-top:10px; text-align:center; }


/* 그래프 */
div.graph { width:calc(100% - 7px); height:30px; margin:0 auto; border-radius:15px; background-color:#d5e2ed; vertical-align:middle; }
div.graph > span { float:left; height:30px; border-radius:15px; background-color:#328bd7; text-indent:-10000px; }

ul.graphNote { margin:0; padding:0; }
ul.graphNote > li { margin:0; padding:0; list-style:none; }
ul.graphNote span { display:inline-block; width:105px; }
ul.graphNote span:before { display:inline-block; margin:7px 5px 0 0; width:10px; height:10px; content:" "; }

div.graphBar01, 
ul.graphNote span.type01:before { background-color:#8c39ac; }
div.graphBar02,
ul.graphNote span.type02:before { background-color:#e38962; }
div.graphBar03,
ul.graphNote span.type03:before { background-color:#f7cb84; }
div.graphBar04,
ul.graphNote span.type04:before { background-color:#ccc; }
ul.graphNote span.type05:before { background-color:#e6e6e6; }



ul.footnote { margin:20px 0 0; padding:20px; border:1px solid #dfdecc; background-color:#fffeef; counter-reset:num 0; }
ul.footnote > li { position:relative; padding-left:15px; }
ul.footnote > li:before { position:absolute; left:0; top:0; counter-increment:num 1; content:'' counter( num ) ') '; font-size:.7em; font-weight:bold; }

ul.footnote2 { list-style:none; margin-top:10px; padding:20px; border:1px solid #dfdecc; background-color:#fffeef; }
ul.footnote2 > li { position:relative; padding-left:5px; }

ul.total { overflow:hidden; margin:20px 0 0; padding:20px 40px; border:4px solid #ddd; background-color:#e6edff; }
ul.total > li { float:left; width:50%; margin:0; padding:0; list-style:none; }
ul.total label { font-weight:bold; }
ul.total input[type=text] { width:70%; background-color:transparent; }




/* 팝업 */
div.layerPopup { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); }
div.layerPopup > div.popupWrap { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

div.popupWrap { position:relative; width:835px; margin:0 auto; padding:20px; background-color:#fff; }
div.popupWrap > h1 { margin:0; padding:0; font-weight:normal; text-align:center; color:#010101; font-size:20px; line-height:30px; font-family :'NanumSquareR', sans-serif; font-weight:bold; }
div.popupCon { /*padding:20px 0; */}
div.popupWrap div.close { }
div.popupWrap div.close a { display:block; width:110px; height:40px; margin:0 auto; padding:0; color:#fff; font-size:16px; line-height:40px; text-align:center; text-decoration:none; background-color:#959595; font-family :'NanumSquareR', sans-serif; }


/* 팝업 > 방문 예정일 */
ul.dayInfo, ul.dayInfo li { margin:0; padding:0; list-style:none; }
ul.dayInfo > li { padding-left:25px; font-size:15px; line-height:25px; font-family :'NanumSquareR', sans-serif; color:#010101; font-weight:bold; background:url('/image/list_bullet.png') 0 8px no-repeat; }

/* 팝업 > 관찰시기 */
dl.observe dt, dl.observe dd { margin:0; padding:0; }
dl.observe { padding:30px; border:3px solid #d4d4d4; }
dl.observe > dt,
dl.observe > dt.fl + dd { padding:20px 0 5px; }
dl.observe > dt:first-child { margin-top:0; }
dl.observe > dt.fl { clear:both; float:left; }
dl.observe > dt.fl + dd { float:left; padding-left:10px; line-height:30px; }

div.popupWrap.enroll { width:885px; }
div.popupWrap.score { width:996px; }
div.popupWrap.report{ width:1396px; }
div.popupWrap.report div.formArea input[type=text],
div.popupWrap.report div.formArea input[type=password],
div.popupWrap.report div.formArea input[type=file] { width:27px; height:15px; padding:2px 10px; vertical-align:top; margin:3px 0; }

/*
div.popupWrap div.popupCon { overflow-x:hidden; overflow-y:auto; padding:20px; border:3px solid #9352b8; border-top:0 none; }
div.popupWrap div.popupCon h1 { font-size:20px; margin-bottom:10px; font-family :'NanumSquareB', sans-serif; line-height:25px; color:#010101; }
div.popupWrap div.popupCon h1.pageTit { text-align:left; height:24px; padding:0 0 0 25px; margin:0 0 10px; background:url('/image/pageTit.png') 0 1px no-repeat; font-size:20px; font-family :'NanumSquareB', sans-serif; line-height:25px; color:#010101; font-weight:bold; }
div.popupWrap div.popupCon h2.popTit { text-align:left; height:24px; padding:0 0 0 25px; margin-bottom:20px; background:url('/image/pageTit.png') 0 1px no-repeat; font-size:17px; font-family :'NanumSquareB', sans-serif; line-height:25px; color:#010101; font-weight:bold; }
div.popupWrap div.popupCon h2.popTit span{ color:#787878; font-size:15px; }
div.popupWrap div.popupCon table h2.popTit{ margin-top:20px; margin-bottom:10px; }
div.popupWrap div.popupCon table h2.popTit + div{ padding-top:0; margin-bottom:10px; 	}
div.popupWrap div.popupCon div.fr { text-align:center; padding-top:20px; }
div.popupWrap div.popupCon div.fr select{ margin:0; }
*/
/* 2022-10-20 */
div.popupWrap table.tblDef + .subTit { margin-top:30px; }
div.popupWrap table.inputTbl * > tr > * { padding:10px 10px 10px 15px; font-size:14px; }
div.popupWrap table.tblDef * > tr > * { padding:10px; }

div.popupCon dl.info { position:relative; }
div.popupCon dl.info dt { padding-left:20px; color:#9352b8; font-size:14px; line-height:28px; font-weight:bold; }
div.popupCon dl.info dt::before { position:absolute; display:block; content:'●'; left:0; top:0; color:#9352b8; font-size:12px; }
div.popupCon dl.info dt.fl { margin-right:10px; }
div.popupCon dl.info dd { line-height:28px; }
div.popupCon dl.info + dl.info { margin-top:20px; }

div.popupWrap .close { text-align:center; padding-top:20px; }
div.popupWrap .close a { display:block; width:110px; margin:0 auto; padding:10px 0; color:#fff; font-size:16px; line-height:20px; text-decoration:none; font-family :'NanumSquareB', sans-serif; background-color:#707070; }

div.popupWrap div.popupCon.scroll{ height:700px; }

div.popupWrap table.tblPop > * > tr:nth-child(even) > td{ background-color:#fff !important; }
div.popupWrap td.noBT{ border-top :0 none !important; }
div.popupWrap td.noBL{ border-left :0 none !important; }

div.popupWrap.barc{ width:500px; }
div.popupWrap.datecount{ width:500px; }

ul.barcInfo{ margin:0; padding:15px; background-color:#f5f5f5; border:1px solid #eeeeee; list-style:none; }
ul.barcInfo li{ margin-top:10px; }
ul.barcInfo li:first-child{ margin-top:0; }
ul.barcInfo ul,ul.barcInfo ul li{ list-style:none; margin-top:0; }

div#popupEnroll div.popupCon { height:500px; }
dl.dayInfo { float:right; margin:50px 0 5px; padding:0; }
dl.dayInfo > * { float:left; }
dl.dayInfo > dt { position:relative; padding-right:10px; line-height:26px; font-weight:bold; }
dl.dayInfo > dt:after { position:absolute; right:5px; top:0; content:":"; }

div.scrollArea { overflow-x:hidden; overflow-y:auto; }

div#popupGuide { }
div#popupGuide div.imgArea { width:auto; padding:30px; }
div#popupGuide div.imgArea img { width:auto; margin:0 auto; }


/* 팝업 > 가족확인 */
#popupCheck { }
#popupCheck div.popupCon { max-height:680px; }
#popupCheck div.searchArea { margin:0; padding:0; background-color:transparent; border:0 none; font-size:13px; line-height:21px; }
#popupCheck div.searchArea td label,
#popupCheck div.searchArea span { line-height:21px; font-weight:normal; color:#4b4b4b; }
#popupCheck div.searchArea .date input[type=text] { border:0 none; border-bottom:1px solid #4b4b4b; color:#4b4b4b; }
#popupCheck div.searchArea .date input[type=text] { width:50px; text-align:center; }
#popupCheck div.searchArea .date input[type=text]:first-child { width:50px; }
#popupCheck div.searchArea .date input[type=text].datepickerY{ width:50px; }
#popupCheck div.searchArea .date.event > input[type=radio]{ margin-left:0; }

#popupCheck div.searchArea div.btn { display:block; padding:20px 0 15px; }
#popupCheck div.searchArea div.btn > * { min-width:110px; height:40px; margin:0; padding:10px; font-weight:normal; font-size:16px; line-height:20px; }

#popupCheck div.resultArea { }
#popupCheck div.resultArea .note { padding:5px 0; color:#4b4b4b; font-size:13px; }
#popupCheck div.resultArea .note strong { color:#000; }
#popupCheck div.resultArea p { padding:10px 0 0; font-size:11px; font-weight:200; }

#popupCheck div.resultArea table.tblDef { }
#popupCheck div.resultArea table.tblDef > * > tr > * { padding:5px; }


#popupCheck .close { position:absolute; right:0; top:0; width:50px; height:50px; margin:0; padding:0; text-align:center; }
#popupCheck .close a { display:block; width:auto; padding:18px 0; }

/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */

/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */

dl.overHidden > dt,
dl.overHidden > dd,
ul.overHidden > li { float:left; list-style:none; }

ul.bbsCate { overflow:hidden; padding-bottom:20px; }
ul.bbsCate > li { float:left; width:130px; padding-left:7px; }
ul.bbsCate > li:first-child { width:131px; padding-left:0; }
ul.bbsCate > li a { display:block; padding:6px 0 10px; text-align:center; border:1px solid #b5b5b5; background-color:#b5b5b5; color:#fff; }
ul.bbsCate > li.on a { background-color:#e31555; border-color:#e31555; }

ul.bbsNote { padding:23px 30px 25px; border:1px solid #ddd; font-size:13px; line-height:25px; word-spacing:-1px; }

.bbsBrief { overflow:hidden; padding:8px 0 10px; font-size:0.9em; }



table.bbs { table-layout:fixed; width:100%; border-collapse:separate; border-spacing:0; margin:0; padding:0; border:0 none; font-family:'Malgun Gothic', sans-serif; font-size:14px; border-top:2px solid #9352b8; }
table.bbs > * > tr > * { border-bottom:1px solid #dedede; border-left:1px solid #dedede; padding:5px 10px; text-align:center; }
table.bbs > * > tr > *:first-child { border-left:0 none !important; }

table.bbs > thead > tr > th { background-color:#f9f1fd; color:#9352b8; }


table td.admin img { width:18px; }

span.notice { display:inline-block; vertical-align:top; width:46px; height:22px; border:1px solid #9352b8; color:#fff; border-radius:4px; box-sizing:border-box; text-align:center; font-weight:bold; font-size:12px; line-height:20px; background-color:#9352b8; }

table.bbs td.tit { padding:5px 10px 5px; text-align:left; }
table.bbs td.tit a { display:inline-block; vertical-align:top; max-width:100%; overflow:hidden; position:relative; height:1.6em; text-overflow:ellipsis; white-space:nowrap; text-decoration:none; color:#222; box-sizing:border-box; }


table.bbs td.tit a.new { padding-right:15px; background:url('/image/icon/new.gif') right center no-repeat; }
table.bbs td.tit img.reply { padding-right:5px; }

table.bbs td.file,
table.bbs td.con { text-align:left; padding:6px 10px 7px; }

table.bbs td.file a { text-decoration:none; color:inherit; }

table.bbs td.bg { padding-bottom:10px !important; text-align:center !important; }
table.bbs td.bbsCon { padding:0; height:300px; vertical-align:top; }

table.bbs td input[type=radio],
table.bbs td input[type=checkbox] { margin-left:15px; }
table.bbs td input[type=radio]:first-child,
table.bbs td input[type=checkbox]:first-child { margin-left:0; }
table.bbs td input[type=image] { vertical-align:middle; }
table.bbs td.pluginArea { padding:0 !important; }

table.bbs input[type=text],
table.bbs input[type=password] { padding:5px 10px; }



table.bbs td.utilBtn span,
table.bbs td.utilBtn a { vertical-align:top; }
table.bbs td.utilBtn a img { height:100%; }

table td.noResult { padding:30px 0 34px; text-align:center !important; font-weight:bold; color:#000; }

table td.thumb img { display:block; width:95px; height:55px; margin:0 auto; border:1px solid #e8e8e8; }

dl.uploadCount { overflow:hidden; padding:30px 0 10px; }
dl.uploadCount > dt,
dl.uploadCount > dd { float:left; }
dl.uploadCount > dt { padding-right:10px; font-weight:bold; }

/* 게시판 글보기 */
table.bbsView { border-top-color:#858585; }
table.bbsView td.bg { background-color:#f9f8f9; text-align:center; }

table.bbsView th { color:#364150; background-color:#f9f8f9; }

p.replyCount { padding-top:30px; font-weight:bold; }


/* 답변 영역 */
div.answer { }
div.answer table.bbs th,
div.answer table.bbs td { padding-left:20px; padding-right:20px; }
div.answer table.bbs th span.date { float:right; font-weight:normal; }
div.answer table.bbs td.con { border-bottom:0 none; }




/* 댓글 작성 */
div.reply { ; border-bottom:1px solid #c9cfd6; }
div.reply div.replyWrite { position:relative; overflow:hidden; padding-bottom:20px; }
div.reply div.replyWrite textarea { float:left; width:87%; height:82px; }
div.reply div.replyWrite input[type=submit] { float:right; width:145px; height:88px; border:1px solid #b7b7b7; color:#666; background-color:#fff; }

dl.replyItem { position:relative; color:#666; }
div.reply > dl.replyItem { padding-top:10px; border-top:1px solid #d3d3d3; }
div.reply > dl.replyItem:first-child { border-top:0 none; }
dl.replyItem dt,
dl.replyItem dd { padding:0 10px; }

dl.replyItem dt { font-weight:bold; }
dl.replyItem dt span { font-weight:normal; }

dl.replyItem dd.util { position:absolute; right:0; top:10px; padding:0; }
/*dl.replyItem dd.reply dd.util { right:-10px; }*/

dl.replyItem dd.util a { font-size:12px; color:#666; }
dl.replyItem dd.util li { padding-left:10px; /*background:url('/image/icon/bbsBl_bar.gif') 5px 8px no-repeat; */}
dl.replyItem dd.util li:first-child { padding-left:0; background:none; }

/*div.reply > dl.replyItem > dd.reply { border-top:1px solid #c9cfd6; }*/

div.reply dd.con { padding:10px; }
dl.replyItem dd.info { color:#868686; margin-left:10px; }
dl.replyItem dd.reply,
dl.replyItem dd.write { padding:10px 10px 10px 27px; background:url('/image/icon/bbsBl_reply.gif') 5px 15px no-repeat; }

dl.replyItem dd.reply dt,
dl.replyItem dd.reply dd { padding:0; }

dl.replyItem dd.reply1,
dl.replyItem dd.write1 { padding-left:25px; margin-left:55px; background:url('/image/icon/bbsBl_reply.gif') 5px 1px no-repeat; }

dl.replyItem dd.reply1 dt,
dl.replyItem dd.reply1 dd { padding:0; }

dl.replyItem dd.reply2,
dl.replyItem dd.write2 { padding-left:25px; margin-left:90px; background:url('/image/icon/bbsBl_reply.gif') 5px 1px no-repeat; }

dl.replyItem dd.reply2 dt,
dl.replyItem dd.reply2 dd { padding:0; }

dl.replyItem dd.reply3,
dl.replyItem dd.write3 { padding-left:25px; margin-left:125px; background:url('/image/icon/bbsBl_reply.gif') 5px 1px no-repeat; }

dl.replyItem dd.reply3 dt,
dl.replyItem dd.reply3 dd { padding:0; }

dl.replyItem dd.write div.replyWrite { padding-bottom:0; }
dl.replyItem dd.write div.replyWrite label { position:absolute; left:14px; top:5px; color:#868686; }
dl.replyItem dd.write div.replyWrite textarea { width:86.5%; height:58px; padding-top:26px; }



/* 게시판 글쓰기 */
table.bbsWrite input[type=text] { width:300px; height:35px; border:1px solid #ccc; }
table.bbsWrite td.tit input[type=text] { width:calc(100% - 80px); }
table.bbsWrite td.tit input[type=checkbox] { margin-top:12px; }
table.bbsWrite td.tit label { line-height:35px; }

td.editArea { padding:0 !important; }
div.editArea { margin-top:20px; }

td.con { padding:20px 20px 60px; text-align:left; vertical-align:top; }


/* 게시판 하단버튼 영역 */
div.bbsUtil { overflow:hidden; position:relative; padding-top:20px; }

table + div.bbsUtil,
div.formArea div.bbsUtil { }
div.bbsUtil .btn * { min-width:90px; height:31px; font-size:15px; font-weight:bold; }
div.bbsUtil .btn a { height:18px; padding:4px 0 7px; line-height:15px; }

div.bbsUtil .btnBig { min-width:100px; height:42px; padding:0; }
div.bbsUtil a.btnBig { height:22px; padding:9px 0; }

div.page { position:relative; margin-top:30px; }	
div.page .count,
div.page .btn { position:absolute; top:50%; transform:translateY(-50%); }
div.page .count { left:0; color:#4b4b4b; }
div.page .count span { font-weight:bold; }
div.page .btn { right:0; }
div.page ul.pager { padding:5px 0; }

ul.pager { padding:25px 0; font-size:0; line-height:0; text-align:center; }

ul.pager li { display:inline-block; vertical-align:top; margin-left:2px; }
ul.pager li:first-child { margin-left:0; }
ul.pager > li.prev { padding-left:5px; }
ul.pager > li.next { padding-right:5px; }

ul.pager img { display:inline; vertical-align:top; }
ul.pager a { display:inline-block; vertical-align:top; border:0 none; color:#4b4b4b; padding:0 5px; vertical-align:top; font-size:14px; line-height:25px; text-decoration:none; }

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a { width:20px; padding:0; }
ul.pager .first a,
ul.pager .last a { letter-spacing:-5px; }

.ie7 ul.pager > li { display:inline; }
ul.pager > li:first-child { padding-left:0; background:none; font-size:14px; }
ul.pager > li.on a { font-weight:bold; line-height:23px; border-bottom-width:2px; border-bottom-style:solid; }




/* 게시판 검색 */
div.bbsSearch { position:relative; padding:10px 0 30px; text-align:right; }
div.bbsSearch dl,
div.bbsSearch dt,
div.bbsSearch dd,
div.bbsSearch p { display:inline-block; vertical-align:top; }

div.bbsSearch dd,
div.bbsSearch p.btn { }
div.bbsSearch input,
div.bbsSearch select,
div.bbsSearch .btn { vertical-align:top; }

div.bbsSearch p.btn { display:inline-block; height:35px; }

div.bbsSearch select { width:130px; height:35px; }

div.bbsSearch dd { position:relative; }
div.bbsSearch input[type=text] { width:181px; height:22px; padding:5px 36px 6px 10px; }
div.bbsSearch input[type=image] { position:absolute; right:10px; top:50%; margin-top:-9px; }
div.bbsSearch span.btn * { height:100%; padding:0; font-size:13px; vertical-align:top; }




/* 슬라이드 리스트 */
dl.slideList { position:relative; padding:0 0 30px 190px; margin-bottom:30px; border-bottom:1px dashed #dcdcdc; }
dl.slideList > dt { position:absolute; left:0; top:10px; margin-top:0; }

dl.slideList  > dd { padding:5px 0; border-left:1px solid #ececec; }
dl.slideList  > dd ul { overflow:hidden; }
dl.slideList  > dd ul li { float:left; position:relative; width:130px; padding-right:80px; margin:10px 0 10px 30px; font-size:0.9em; }

dl.slideList .btn { position:absolute; right:0; top:-2px; }
dl.slideList .btn a { padding:3px 30px 6px 10px; }


/* 인트로 */
div#headerWrap.intro { padding-top:0; background:none; }
div#headerWrap.intro > div { height:120px; box-sizing:border-box; }
div#headerWrap.intro a.registrationBtn { float:right; padding:44px 0; }
div#footerWrap.intro { }
div#footerWrap.intro > p { width:1200px; margin:0 auto; padding:30px 0 30px 265px; background:url('/image/intro_footer.png')no-repeat left center; box-sizing:border-box; }


h3.tipTit_bl { position:relative; padding:0 0 0 20px; margin:10px 0; }
h3.tipTit_bl a { display:block; font-weight:normal; }
h3.tipTit_bl:first-child { margin:0 0 10px 0; }
h3.tipTit_bl::before { content:"▶"; position:absolute; top:0; left:0; }

ul.listNum { margin:0; padding:0 0 0 20px; font-size:16px; }
ul.listNum li { list-style:decimal; list-style-position:inside; margin:5px 0 0; padding:0 0 0 20px; text-indent:-20px; }
ul.listNum li:first-child { margin:0; }

ul.listBar li { position:relative; margin-top:5px; padding:0 0 0 15px; list-style:none; }
ul.listBar li::before { content:"-"; position:absolute; top:0; left:5px; color:#4b4b4b; }
ul.listBar li:first-child { margin-top:0; }

ul.listDot, ul.listDot > li { margin:0; padding:0; list-style:none; } 
ul.listDot { }
 ul.listDot > li { position:relative; padding:0 0 0 15px; }
 ul.listDot > li:before { position:absolute; top:0; left:5px; color:#4b4b4b; content:'∙'; } 

ul.noBl { margin:0; padding:0; list-style:none; }
ul.noBl li { margin-top:5px; }
ul.noBl li:first-child { margin-top:0; }



ul.queryList { margin:0 0 10px; padding:0; list-style:none; text-align:right; }
ul.queryList li{ position:relative; display:inline-block; font-size:14px; }
ul.queryList li:before{ position:absolute; left:5px; top:5px; content:""; width:1px; height:14px; background-color:#ababab; }
ul.queryList li a.on{ color:#e12828; font-weight:bold; }
ul.queryList li:first-child:before{ width:0; }
ul.queryList li a{ text-decoration:none; color:#244e94; padding-left:15px; }

dl.infoBrief { margin-top:40px; padding:20px 0; margin-bottom:20px; border:5px solid #cfcfcf; background-color:#ffffff; }
dl.infoBrief dt,
dl.infoBrief dd { display:inline-block; color:#1f1f1f; font-family:'NanumSquareB', sans-serif; }
dl.infoBrief dt { position:relative; padding-left:13px; margin-left:30px; }
dl.infoBrief dt:before{ position:absolute; left:0; top:3px; content:"*"}

p.dec{ margin-top:5px; color:#d32c44; font-family:'NanumSquareB', sans-serif; }
a.link{ display:inline-block; height:21px; margin:3px 0; }
a.link img{ display:block; }

div.regTime { margin-bottom:5px; font-size:13px; line-height:27px; color:#4b4b4b; font-family:'NanumSquareR', sans-serif; }
div.regTime:after{ clear:both; display:block; content:""; }
div.regTime span { color:#000; font-weight:bold; }
div.regTime input[type=checkbox] { margin-top:4px; }

div.regTime + * { margin-top:0; }

div.titBox { margin:20px 0 5px; }
div.titBox:after{ clear:both; display:block; content:""; }
div.titBox h3.subTit { margin-bottom:0 !important; }



/* 전체대상자 리스트 > 하단 버튼이 있는 테이블 */
table.list { }
table.list td.util { position:relative; padding-bottom:50px !important; }
table.list td.util .btn { position:absolute; bottom:14px; left:0; width:100%; }

/* 코드 검색 */
div.innerSearch { margin-top:5px; }
div.innerSearch input[type=text] { width:calc(100% - 20px); background-color:transparent; margin-bottom:5px; border-color:#b383cb; }
div.innerSearch ul.innerSearchList { margin:0; padding:0 10px; list-style:none; height:125px; overflow-y:auto; overflow-x:hidden; }
div.innerSearch ul.innerSearchList { scrollbar-3dLight-Color:#dddddd; scrollbar-arrow-color:#dddddd; scrollbar-base-color:#662d91; scrollbar-Face-Color:#662d91; scrollbar-Track-Color:#dddddd; scrollbar-DarkShadow-Color:#dddddd; scrollbar-Highlight-Color:#dddddd; scrollbar-Shadow-Color:#dddddd}
div.innerSearch ul.innerSearchList::-webkit-scrollbar { width:10px; background-color:#dddddd; }
div.innerSearch ul.innerSearchList::-webkit-scrollbar-thumb { background-color:#662d91; }
div.innerSearch ul.innerSearchList li { text-align:left; margin-top:5px; }
div.innerSearch ul.innerSearchList li:first-child { margin-top:0; }
div.innerSearch ul.innerSearchList li a { display:block; width:210px; font-size:13px; color:#4b4b4b; text-overflow:ellipsis; white-space:nowrap; text-decoration:none; font-family:'맑은고딕', 'Malgun Gothic', sans-serif; font-weight:normal; 	}
div.innerSearch ul.innerSearchList li a:hover { text-decoration:underline; }

dl.codeList { margin:0; padding:0 10px; list-style:none; height:170px; overflow-y:auto; overflow-x:hidden; scrollbar-3dLight-Color:#dddddd; scrollbar-arrow-color:#dddddd; scrollbar-base-color:#662d91; scrollbar-Face-Color:#662d91; scrollbar-Track-Color:#dddddd; scrollbar-DarkShadow-Color:#dddddd; scrollbar-Highlight-Color:#dddddd; scrollbar-Shadow-Color:#dddddd}
dl.codeList::-webkit-scrollbar { width:10px; background-color:#dddddd; }
dl.codeList::-webkit-scrollbar-thumb { background-color:#662d91; }
dl.codeList dt:first-child { margin-top:0; }
dl.codeList dt { margin:20px 0 5px; font-size:15px; font-weight:bold; }
dl.codeList dd { }
dl.codeList dd ul { margin:0; padding:0; list-style:none; }
dl.codeList dd ul li { margin-top:3px; }
dl.codeList dd ul li:first-child { margin-top:0; }
dl.codeList dd ul li span { width:35px; margin-right:5px; }

/* */
div.confirmArea { margin-top:20px; border:3px solid #cfcfcf; padding:30px 60px; text-align:center; }
div.confirmArea p { font-size:14px; line-height:28px; }
div.confirmArea p + p { margin-top:10px; }
/* 추적등록 */
table td.track { position:relative; padding:10px 93px 10px 10px; }
table td.track span.btn { position:absolute; right:10px; top:50%; transform:translateY(-50%); }
a.btnTrack { width:150px; background-color:#c54e79; border-color:#c54e79; color:#fff; font-size:16px; line-height:50px; padding:0; text-align:center; border-radius:3px; }
table th img { display:inline-block; margin-right:5px; }
div.infoBox { margin-top:20px; border:3px solid #cfcfcf; padding:20px; }

a.btnCalc { width:115px; height:27px; line-height:27px; padding:0; background-color:#9e0b0f; border-color:#9e0b0f; color:#fff; font-size:13px; text-align:center; }

/* 점수 계산 팝업 */
dl.scoreList { margin:20px 0 0; }
dl.scoreList dt { font-size:14px; margin:20px 0 5px; }
dl.scoreList dt:first-child { margin-top:0; }
dl.scoreList dd ul { margin:0; padding:0; list-style:none; }
dl.scoreList dd ul li { position:relative; padding-left:10px; }
dl.scoreList dd ul li:before { position:absolute; left:0; top:0; content:'-'; line-height:27px; }
dl.scoreList dd ul li span { width:700px; }

table.scoreResult { width:500px; margin:20px auto 0; }
dl.scoreResult { margin-top:20px; }
dl.scoreResult dt { font-size:14px; margin:0 0 5px; }
dl.scoreResult dd { font-size:13px; }
dl.scoreResult dd p.note { margin-top:10px; font-size:13px; }

h3.txtTit { margin-top:20px; font-size:14px; font-weight:normal; }
h3.txtTit + dl.scoreList { margin-top:5px; }

/* 지표별 정의 레이어 */
.help_div{ display:none; position:absolute; overflow:hidden; border:1px dotted #333; background-color:#fff; padding:10px; z-index:10; font-size:13px; }

/* 방문일 */
dl.dates { position:relative; padding-left:85px; }
dl.dates dt { position:absolute; left:0; top:0; height:24px; padding:0 0 0 25px; background:url('/image/subTit.png') left center no-repeat; font-size:17px; font-family :'NanumSquareB', sans-serif; line-height:25px; color:#010101; font-weight:bold; }
dl.dates dd input[type=text]{ width:60px; border:0 none; border-bottom:1px solid #4b4b4b; color:#4b4b4b; }

/* ND */
span.nd { float:right; }

/* 타이틀 옆 버튼 추가 */
div.titArea { margin:20px 0 0; }
div.titArea:after { clear:both; content:''; display:block; }
div.titArea .subTit,div.titArea .boldTit { float:left; }
div.titArea .boldTit:first-child { margin-top:0; }
div.titArea .btnDrugAdd { width:83px; font-size:12px; text-align:center; padding:0 0 1px; border-radius:2px; line-height:21px; background-color:#06477e; border-color:#06477e; color:#fff; box-sizing:border-box; }

/* noBoardTbl */
table.queArea { margin-top:20px; border:1px solid #dedede; padding:25px; }
table.queArea th { padding-top:30px; padding-bottom:10px; }
table.queArea th.queTit { color:#06477e; font-weight:bold; font-size:14px; line-height:25px; text-align:left; }
table.queArea dl { margin-top:20px; }
table.queArea dl:first-child { margin-top:0; }
table.queArea td { padding:0; }
table.queArea td table td { padding:15px; }
table.queArea td table td .Lalign { padding:0; text-align:left; }

/* 이상반응 코드표 */
table.adverses { border-top:0; }
table.adverses th { background-color:#f5f5f5 !important; color:#010101 !important; }
table.adverses td { text-align:left; }

div.imgArea { width:595px; margin:0 auto; border:1px solid #eaeaea; }
td div.imgArea { margin:15px auto; }
div.imgArea img { width:100%; }


/* 2022-10-20 서브 */
div.popupCon table.tblDef { max-height:336px; }


div.container div.btnArea::after { clear:both; display:block; content:''; font-size:0; line-height:0; height:0; }
div.regTit { }
div.regTit { margin-bottom:15px; }
div.regTit::after { clear:both; display:block; content:''; font-size:0; line-height:0; height:0; }

div.regTit h2 { height:40px; margin:0; line-height:40px; background-position:0 10px; }

div.status { width:100%; margin-bottom:40px; }
div.status::after { clear:both; display:block; content:''; font-size:0; line-height:0; height:0; }
dl.status { }
dl.status { position:relative; width:calc(45.5% - 20px); height:120px; padding:30px; border:1px solid #ddc0ee; background-color:#fcf7ff; border-radius:10px; }
dl.status { margin-top:20px; }
dl.status:nth-child(odd) { float:left; }
dl.status:nth-child(2n) { float:right; }

dl.status dt { color:#4d1a73; font-weight:bold; font-size:14px; line-height:26px; font-family:'맑은고딕', 'Malgun Gothic', sans-serif; }
dl.status dt span { display:inline-block; min-width:40px; margin-right:10px; padding:0 8px; color:#fff; border-radius:6px; text-align:center; }
dl.status dt span.ready { background-color:#197b30; }
dl.status dt span.completed { background-color:#818181; }
dl.status dt span.ing { background-color:#9352b8; }
dl.status dd { display:table-cell; width:1500px; height:90px; padding-top:15px; color:#4d1a73; font-size:13px; line-height:20px; font-family:'맑은고딕', 'Malgun Gothic', sans-serif; }
dl.status dd span { display:block; padding-top:20px; color:#8e7b99; font-size:13px; text-align:right; vertical-align:bottom; }
dl.status dd span.infoNone { padding-top:65px; }
dl.status dd div.btn { position:absolute; right:30px; top:30px; }
dl.status dd div.btn a { text-decoration:none; }
dl.status dd div.btn a.reset { border:1px solid #9352b8; color:#9352b8; }
dl.status dd div.btn a.close { border:0 none; }

dl.status textarea { margin-top:15px; padding:20px; border:0 none; border-radius:10px; font-size:13px; line-height:20px; font-family:'맑은고딕', 'Malgun Gothic', sans-serif; color:#4b4b4b; }
dl.status.wide { width:1140px; height:300px; }

div.status + div.formArea span.btn { display:block; padding-top:10px; }


/* 그래프 */
.RPTgraphArea { position:relative; padding-left:60% !important; }
div.RPTgraph { position:absolute; left:10px; top:50%; width:calc(70% - 20px); margin-top:-15px; background-color:#e6e6e6; vertical-align:middle; }
div.RPTgraph > div { float:left; height:30px; text-indent:-10000px; }

ul.RPTgraphNote { margin:0; padding:0; }
ul.RPTgraphNote > li { margin:0; padding:0; list-style:none; }
ul.RPTgraphNote span { display:inline-block; width:125px; }
ul.RPTgraphNote span:before { display:inline-block; margin:7px 5px 0 0; width:10px; height:10px; content:" "; }

div.RPTgraphBar01, 
ul.RPTgraphNote span.type01:before { background-color:#8c39ac; }
div.RPTgraphBar02,
ul.RPTgraphNote span.type02:before { background-color:#e38962; }
div.RPTgraphBar03,
ul.RPTgraphNote span.type03:before { background-color:#f7cb84; }
div.RPTgraphBar04,
ul.RPTgraphNote span.type04:before { background-color:#9fcf7b; }
div.RPTgraphBar05,
ul.RPTgraphNote span.type05:before { background-color:#78b4d6; }
ul.RPTgraphNote span.type08:before { background-color:#ccc; }
div.RPTgraphBar06,
ul.RPTgraphNote span.type06:before { background-color:#9ba6bb; }
div.RPTgraphBar07,
ul.RPTgraphNote span.type07:before { background-color:#d97389; }
div.RPTgraphBar08,
ul.RPTgraphNote span.type09:before { background-color:#4169E1; }


/* add popup - 25.02.03 sy.kim */
#pop-survey .popup-tit-wrap {
    padding: 15px;
    background-color: #133979;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}
#pop-survey .popup-conbox {
    padding: 20px;
    text-align: center;
}

/* list type */
.list-type-decimal {
    padding-left: 1.8em;
}
.list-type-decimal::before {
    display: inline-block;
    width: 1.8em;
    margin-left: -1.8em;
    text-align: left;
}
.list-type-decimal.n1::before {
	content: '1)';
}
.list-type-decimal.n2::before {
	content: '2)';
}
.list-type-decimal.n3::before {
	content: '3)';
}
.list-type-decimal.n4::before {
	content: '4)';
}
.list-type-decimal.n5::before {
	content: '5)';
}
.list-type-decimal.n6::before {
	content: '6)';
}
.list-type-decimal.n7::before {
	content: '7)';
}
.list-type-decimal.n8::before {
	content: '8)';
}
.list-type-decimal.n9::before {
	content: '9)';
}
.list-type-decimal.n10::before {
	content: '10)';
}
.list-type-decimal.n11::before {
	content: '11)';
}
.list-type-decimal.n12::before {
	content: '12)';
}