@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
*
{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; }
:root
{
    /*  변수요약 _c : color, _fs : font_size   */
    --nav_top_bg_c: #EDF2EF; /*#7F8C6C;*/
    --nav_top_menu_c:#f3f3f3;
    --nav-side_bg_c:#354F3C;
    --nav_side_menu_c: #ffffffb3;
    --nav_side_menu_hover: #fff;
    --nav-top_menu_fs: 14px;
    --nav-side_menu_fs: 14px;
    --body_font_c: #222;;
    --body_bg_c: #f8f8f8;
    --body_base_fs: 10px;
    --footer_base_fs: 12px;
    --footer_bg_c : #EDF2EF;
}
html { height:100%; font-size : 10px; }
body { height:100%; background-color: var(--body_bg_c); }
img { vertical-align: middle; }
ul, li { list-style: none; }
a{ text-decoration: none; color: #f5f5f5; }
input,button,select,label { border: none; outline: none; text-align: center; }
input[type=number]:hover::-webkit-inner-spin-button { width: 10px; height: 50px; }
input[type=number]:focus{border:1px solid #000 !important;}
input[type=text]:focus{border:1px solid #000 !important;}
select:focus{border:1px solid #000 !important;}

/*버튼 디자인 */
[class*='cdBtn-'] {
	border-radius: 20px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
	color: #fff; display: inline-block; font-size: 1.2em; padding: 8px 16px; text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;	
}
	[class*='cdBtn-']:hover { cursor: pointer; }
	.cdBtn-black { background-color: rgb(22, 22, 22); border: 1px solid rgb(98 100 99);	}
	.cdBtn-black:hover,.cdBtn-black:focus { background-color: rgb(65, 64, 64); }
	.cdBtn-black:active { background-color: rgb(10, 10, 10); }
	.cdBtn-gray { background-color: rgb(109, 108, 108); border: 1px solid rgb(98 100 99);	}
	.cdBtn-gray:hover,.cdBtn-gray:focus { background-color: rgb(144 144 144); }
	.cdBtn-gray:active { background-color: rgb(118, 115, 115); }
	.cdBtn-blue { background-color: rgb( 51, 102, 204 ); border: 1px solid rgb( 44, 91, 104 ); }
	.cdBtn-blue:hover,.cdBtn-blue:focus {	background-color: rgb( 58, 131, 213 ); }
	.cdBtn-blue:active { background-color: rgb( 42, 91, 191 );	}
	.cdBtn-dgreen { background-color: rgb(0 100 0); border: 1px solid rgb(1, 84, 1); }
	.cdBtn-dgreen:hover,.cdBtn-dgreen:focus {	background-color: rgb(12 121 12); }
	.cdBtn-dgreen:active { background-color: rgb(4, 89, 4);	}
	.cdBtn-primary { background-color: rgb( 74, 61, 117 ); border: 1px solid rgb( 44, 37, 59 ); }
	.cdBtn-primary:hover,.cdBtn-primary:focus { background-color: rgb( 92, 76, 131 ); }	
	.cdBtn-primary:active { background-color: rgb( 54, 44, 87 ); }
	.cdBtn-red { background-color: rgb( 207, 56, 91 ); border: 1px solid rgb( 187, 40, 74 ); }
	.cdBtn-red:hover,.cdBtn-red:focus { background-color: rgb( 227, 77, 130 ); }
	.cdBtn-red:active { background-color: rgb( 187, 40, 74 ); }
	.cdBtn-green { background-color: rgb( 43, 153, 91 ); border: 1px solid rgb( 33, 126, 74 ); }
	.cdBtn-green:hover,.cdBtn-green:focus { background-color: rgb( 75, 183, 141 ); }
	.cdBtn-green:active { background-color: rgb( 33, 126, 74 );}
	.cdBtn-yakcat { background-color: rgb(68 139 163); border: 1px solid rgb(72, 122, 165); }
	.cdBtn-yakcat:hover,.cdBtn-yakcat:focus { background-color: rgb(91, 168, 194); }
	.cdBtn-yakcat:active { background-color: rgb(91, 168, 194);}


/* 로딩 스피너  */
/*#loading { display: none; width: 100%;height: 50%;	position: absolute;	top:0;left:0;	z-index:1000;}*/
#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.5); /* 배경을 약간 어둡게 */
    display: none;
    pointer-events: auto; /* 모든 클릭 이벤트 차단 */
}

.alertTxt {font-size: x-large;color: rgb(7, 7, 118);text-align: center;}
.cdModal.cdcRmodal {top: 30%;left: 24%;}
.cdModal.cdcRmodalPop {top: 30%;left:20%;}



/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#loading .cdSpinner { box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 130px; height: 130px; margin-top: -64px; margin-left: -64px; border-radius: 50%; border: 16px solid transparent; border-top: 32px solid #434A59; border-right: 32px solid #7F8C6C; border-bottom: 32px solid #4e5c72; border-left: 32px solid #bed1a2; animation: spin 3s ease infinite; }
img.cdSImage { width: 95%; padding: 10%; }

img.mCls {width: 100%;}

/* 모달창 */
.cdModal { position:fixed; width:100%; height:100%; top:0; left:0; display: none; overflow-x: hidden; overflow-y: auto; z-index:200; }
/*.cdModal { position:absolute; width:100%; height:100%; top:0; left:0; display: none; background: rgba(0, 0, 0, 0.4); overflow-x: hidden; overflow-y: auto; z-index:200; }*/
.cdModTitle { color: #272727;}
.cdModNest { position: relative; top: 10%; left: 21%; }
.cdModNest.mdxxl {left: 15%;}
.cdModNestPop{ position: relative; top: 10%; }
/*.cdModNest { position: absolute; top: 40%; left: 30%; }*/
.cdModCon { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 2px solid #4e5c72; border-radius: 0.4rem; }
.cdModHead { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1.2rem 1.4rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); background-color: #88e6b1;}
.cdModBody { position: relative; flex: 1 1 auto; padding: 1rem; }
.cdModBodyPop { position: relative; flex: 1 1 auto; }
.cdModFoot { display: flex; flex-wrap: wrap; flex-shrink: 0;
  align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); }
.cdModFoot > * { margin: 0.25rem; }
.cdModClose,.cdModSClose { color: #272727; font-size: 20px; }

/*모달 투엑스라지 - 모달 투엑스라지 */
.mdxxl{ display: inline-flex; max-width: 75%; justify-content: center; align-items:center; float:left; color:#ffffff; cursor:pointer; }

/*모달 엑스라지 - 모달 기본사이즈 */
.mdxl{ display: inline-flex; max-width: 70%; justify-content: center; align-items:center; float:left; color:#ffffff; cursor:pointer; }
/*모달 라지 - 매뉴얼*/
.mdlg{ display: inline-flex; max-width: 60%; justify-content: center; align-items:center; float:left; color:#ffffff; cursor:pointer; }

/* layout */
/* naviagtion top bar */
.navTop { position: fixed; top:0; left:0; right:0; height:60px; background-color: var(--nav_top_bg_c); display: flex; padding: 1rem 0 1rem 1.5rem; margin-top: auto; margin-bottom: auto; z-index:110; }
.navTop .ntLogo { width: 200px; margin-left:1.2rem; }
.navTop .ntMbars { vertical-align: middle; color: rgb(53 79 60); padding: 0.8rem 0.5rem; font-size:var(--nav-top_menu_fs); order: 0 !important; }
.navTop .ntMbars:hover { color: #2d414a; }
.navTop .ntsForm { margin-left: auto; margin-top: auto; margin-bottom: auto; }
.navTop .ntsNestInput { padding: 0.7rem 1.8rem; border-top-left-radius: 0.2em; border-bottom-left-radius:0.2em; font-size:1.5em; color:var(--body_font_c); }
.navTop .ntCountBadge { display: inline-block; width: auto; height: 12px; padding: 0 3px 0 3px; margin: -6px 0; border: 1px solid #e91e63; background-color: #e91e63; border-radius: 6px; font-size: 8px; color: #fff; text-align: center; vertical-align: top; line-height: 1; }
.navTop .ntMonthBadge { display: inline-block; width: auto; height: 12px; padding: 0 3px 0 3px; margin: -6px 0; border: 1px solid #0E8D5A; background-color: #0E8D5A; border-radius: 6px; font-size: 8px; color: #fff; text-align: center; vertical-align: top; line-height: 1; }
.navTop .ntsNestBtn { padding: 0.6rem 1.2rem; font-size: 16px; border-top-right-radius: 0.2em; border-bottom-right-radius:0.2em; color:var(--nav_top_menu_c); background-color: black; margin-left: -2px; }
.navTop .ntMenuNest { display: flex; flex-direction: row; margin-right: 1.5rem; margin-left: auto; margin-top:auto; margin-bottom:auto; font-size:var(--nav-top_menu_fs); color: var(--nav_top_menu_c); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
.navTop .ntsNest { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; display:inline-block !important;}
.navTop .ntMenuItem { color: var(--nav_top_menu_c); padding:1rem; }
.navTop .ntMenuLink { color: rgb(53 79 60) }
.navTop .ntMenuLink:hover { color: #058985;}
.navTop .ntMenuLink:focus { color: #000;}
.navTop .ntMenuDown { display: none; min-width: 10rem; padding: 0.6rem; width: 70%; font-size: 14px; margin-top:1rem; margin-left:auto; color: #212529; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; }
ul.ntMenuDown.bMitem {width: 90%;text-align: center;background-color: #daf0ff;}
.navTop .ntMenuDown li{ padding: 0.5rem; }
.navTop .ntMenuDown .ntmdItem:hover, .navTop .ntMenuDown .ntmdItem:focus{ color: #8c989e;}
.navTop .ntMenuDown .ntmdItem { color: #212529; text-align: left; background-color: #fff; }
.navTop .ntMenuDown .ntmdItem.bitem1 {color: #085988;background-color: #daf0ff;}
.navTop .ntMenuDown .ntmdItem.bitem2 {color: #e73232;background-color: #daf0ff;}
.navTop .downItemToggle:after{ display: inline-block;	margin-left: 0.255em; vertical-align: 0.255em; content: "";	border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }
.navTop .ntMenuDown{ display:none; }
.navTop .ntMenuDown.unfold{ display:block; }
.navTop .ntCardOnly {background-color: #eeee22;color: #065cda;padding: 8px;border-radius: 10px;font-weight: 500;}

/* sidebar menu */
.ntSideCon_container { display: flex; }
.ntSidenavNest { position: fixed; top: 0;	right: 0;	left: 0; background-color: var(--nav-side_bg_c); width: 220px; height: 100vh; flex-basis: 220px; flex-shrink: 0; z-index:100; transition: transform 0.3s ease-in-out; transform: translateX(0); }
.ntSidenavNest.fold { position: fixed; top: 0; right: 0; left: 0; background-color: var(--nav-side_bg_c);	width: 220px;	height: 100vh; flex-basis: 220px; flex-shrink: 0;	transform: translateX(-220px); transition: transform 0.3s ease-in-out;	z-index:100; }
.ntSidenav { padding-top: 60px;	color: #fff;	display: flex; flex-direction: column; height: 100%; flex-wrap: nowrap; }
.ntSideMenu { overflow-y: auto; flex-grow: 1; }
.ntSMnav { display: flex; flex-direction: column;	flex-wrap: normal; }
.ntSMNhead { padding: 2.6rem 1.8rem 1rem;	font-size: 1.2em;	font-weight: bold; }
.ntSMlink, .ntSMlinkurl { display: flex; align-items: center;	padding: 0.8rem 1.8rem;	position: relative;	color: var(--nav_side_menu_c); font-size: var(--nav-side_menu_fs); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
.ntSidenav .ntSMlink:hover, .ntSidenav .ntSMlink:focus,
.ntSidenav .ntSMlinkurl:hover, .ntSidenav .ntSMlinkurl:focus { color: var(--nav_side_menu_hover); }
.ntSMLicon { font-size: 1.4rem;color: rgba(255,255,255,0.7);margin-right: 0.5rem;}
.ntSMLdown { transform: rotate(-90deg); display: inline-block; margin-left: auto; transition: transform 0.3s ease;	color: rgba(255,255,255,0.7); }
.ntSMLdown.unfold{ transform: rotate(0deg); transition: transform 0.3s ease; }
/* 서브메뉴 토글 작동 */
.ntSMitemNest { transition: transform 0.3s ease; display: none; }
.ntSMitemNest.unfold { transition: transform 0.3s ease; display: block; }
.ntSMitemList { display: flex; padding-left: 0; margin-bottom: 0; margin-left: 2em; flex-direction: column; }
.ntSidenav .ntSMSlink { font-size: var(--nav-side_menu_fs); color: var(--nav_side_menu_c); padding:0.7rem; }
.ntSidenav .ntSMSlink:hover, .ntSidenav .ntSMSlink:focus { color: var(--nav_side_menu_hover); }
/* 컨텐츠 레이아웃 */
.cdContentsNest {	position: relative;	top:60px;	display:flex;	flex-direction:column; min-width:0; flex-grow:1;	justify-content: space-between;	min-height: calc(100vh - 60px);	padding-left: 220px; margin-left: 0; transition: margin 0.2s ease-in-out; }
/*.cdContentsNestPop {	position: relative;	display:flex;	flex-direction:column; min-width:0; flex-grow:1;	justify-content: space-between;	min-height: calc(100vh - 60px);	margin-left: 0; transition: margin 0.2s ease-in-out; }*/
div#bgPop {padding-left: 0;top: 0;}
.cdContentsNest.fold { position: relative;	top:60px;	display:flex;	flex-direction:column; min-width:0;	flex-grow:1; min-height: calc(100vh - 60px); transition-duration:  0.3s; padding-left: 220px;	margin-left: -220px; transition: margin 0.2s ease-in-out; }
.cdContents {	background-color: var(--nav-body_bg_c);	color: var(--body_font_c); margin-right: auto;	margin-left: auto; width: 100%; padding: 0; height:100%;}	
.cdCThead { display: flex; flex-flow: column; padding: 2em; }
.cdCThead .cdhead { font-size: 28px; color: #7f8c6c; font-weight: 500; }
.cdCThead .cdsubhead { font-size: 20px; color: #4c4c4c; font-weight: 500; }
.cdCMain { display: flex; flex-flow: column; padding: 0 2.2em; width:100%; height: 100%;	margin-right: auto !important; }
.cdContainer { padding: 0.4em; }
.cdContainer .presRow.cdMbtn {	margin: 0 0.3%; }
#cdModBtn, #cdPplus,#cdPSplus, #cdModBtn1, #cdPplus1, #cdGSBtn, #cdSchpatBtn, #cdSchplusBtn { margin: 0 0.5% 0 0;font-size: 14px;}
.cdCmain .cdmain { border: 1px solid #ddd; display: flex;}
.cdCFooter { display:flex;	width:100%;	align-items: center !important;	justify-content: center !important;	margin-top:auto !important;	padding-top:1.5rem;	padding-bottom: 1.5rem;	margin-right: auto !important;	background-color: var(--footer_bg_c) !important;	color:#354f3c !important; }
.cdFooter {	padding-left:2em;	font-size: var(--footer_base_fs) !important;	text-align: center;}
.cdFTtext_05 {padding: 10px;}
.fcolor {color: #354f3c;}


/* Logo(terms,privacy,register,rpthealth,tofuse) */
.alogin-logo {
    text-align: center;
    margin: 0.8rem 0;
}

.alogin-logo img {
    max-width: 200px;
    width: 100%;
    height: auto;
    opacity: 0.95;
    transition: opacity 0.3s ease;
}

.alogin-logo img:hover {
    opacity: 1;
}


/* member */
.cdMLogin { display: flex; align-items: stretch; flex-direction: column;	justify-content: space-between; min-height: 100vh;}
.cdMLogin::after { width: 100%; height: 100%; content: "";  background-image: url('/khdhome/public/login_bg.jpg');background-size: cover;background-repeat : no-repeat;z-index: 10; position: absolute;  top: 0;  left: 0; }

.cdMLoginWrap {display: flex;align-items: stretch;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center; margin: auto;	}

.cdMLSec01 { display: flex; align-items: center; padding: 6rem 1rem;position: relative;	width: auto;z-index: 12;}
.mTimeWrap {display: flex;align-items: flex-start;padding: 1rem 1rem 0;position: relative;width: auto;z-index: 12;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;border: 1px solid #9E9E9E;border-style: dotted;margin-top: 10px;background-color: #fff8c0; margin-bottom: 1rem;}
.mCusWrap {display: flex;align-items: flex-start;padding: 2rem 5.4rem;position: relative;width: auto;z-index: 12;flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;border: 1px solid #9E9E9E;border-style: dotted;margin-top: 10px;background-color: #bfe4f4;}


.mTime01 {display: flex;flex-direction: column;justify-content: center;align-content: center;padding: 0 2em;align-items: center;}
.mTime02 {display: flex;flex-direction: column;justify-content: center;align-content: center;padding: 0 2em;align-items: center;}

.cdMLSec01Wrap {display: flex;align-items: center;padding: 1rem 1rem;position: relative;width: auto;z-index: 12;flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;}
.cdMLSec01_01 { display: flex; align-items: center; padding: 1rem 1rem;position: relative;	width: auto;z-index: 12;}
.cdMLSec01_02 { display: flex; align-items: center; padding: 1rem 1rem;position: relative;	width: auto;z-index: 12;}
.cdMLSLbox.mtimeWrap {padding: 2.9em 2em;}
.cdMLSLbox { padding: 3em 4em;border: 1px solid #ced2dc;	border-radius: 8px; background-color: var(--body_bg_c);  z-index: 12;}
.cdMLSLbox label.presLabel {text-align: left;font-size: 12px;color: #4e5c72; }
.cdMLSLbox input#cdMLid {	width: 250px;}
.cdMLSLbox a#pLogin { padding: 16px 32px;	font-size: 16px; }
.cdMLSLbox img.cdLLogo { margin: 0 auto; }
.cdMLSLbox p.cdLhelp, .cdMLSLbox p.cdPhelp {	color: #e91e63;}
.cdMLSec02 { background-color: var(--body_bg_c);z-index: 12; opacity: 0.7;}
.cdMLSec02 label.presLabel {z-index: 14;}
label.presLabel.pLmsg {text-align: center;color:#e91e63;}

/* Terms */
.cdMTerm { display: flex; align-items: stretch; flex-direction: column;	justify-content: space-between; min-height: 100vh;align-content: center; flex-wrap: wrap;}
.cdMTerm::after { width: 100%; height: 100%; content: "";  background-image: url('/khdhome/public/login_bg.jpg');background-size: cover;background-repeat : no-repeat;z-index: 10; position: absolute;  top: 0;  left: 0; }
.cdMTSec01 { display: flex; align-items: center;flex-grow: 1; flex-shrink: 0; padding: 3rem 47rem; margin: 0 auto;	position: relative;	width: auto;z-index: 12;}
.cdMTSbox { padding: 4em 4em;border: 1px solid #ced2dc;	border-radius: 8px; background-color: var(--body_bg_c);  z-index: 12;}
.cdMTSbox label.presLabel {text-align: center;font-size: 12px;color: #4e5c72; }
.cdMTSbox input#cdMLid {	width: 250px;}
.cdMTSbox a#pLogin { padding: 16px 32px;	font-size: 16px; }
.cdMTSbox img.cdLLogo { margin: 0 auto; }
.cdMTSbox p.cdLhelp, .cdMLSLbox p.cdPhelp {	color: #e91e63;}
.cdMTSbox .presLabel.Ttitle {font-size: 20px;text-align: center;color: #161b24;font-weight: 600;}
.cdMTSbox .presLabel.Tsubtitle {color: #434a59;text-align: center;font-size:14px;margin: 0;}
.cdMTSbox .presLabel.Tmemo {font-size:12px;text-align: center;}
.cdTwrap {display: flex;flex-direction: column;align-content: center;	justify-content: center;	align-items: center;}
.cdTwrap .presLabel.Tstitle {text-align: center;font-size:14px;font-weight: 600;color:#0b5d91;}
article {	padding: 10px 0;}
.presCol.Tjoin { background-color: #eee;margin: 10px 0;}
.tarticle {font-size: 12px;}
.tcarticle {font-size: 12px;padding:0 0 2px 0;}
.tcarticle1 {font-size: 12px;padding:0 10px 2px;}
.tcarticle2 {font-size: 12px;padding:0 10px 2px;color: #013349;}
.tcarticle3{font-size: 12px;padding:0 10px 2px;color: #d0385b;font-weight: 500;}
.cdTcontent {border: 1px dashed #a1b3d1;height: 200px;padding: 20px;overflow-y: scroll;font-size: 14px;}
.cdTcaution {display: flex;flex-direction: column;align-content: center;	justify-content: center;	align-items: center;margin: 10px 0;}
.cdTcaution .presLabel.Tstitle {text-align: center;font-size:14px;font-weight: 600;color:#bb284a;padding:10px 0 0 0;}
.cdTcontent1 {border: 1px dashed #a1b3d1;width: 100%;height: 124px;padding: 10px 30px;overflow-y: scroll;font-size: 14px;background-color: #e9f0fd;}
.cdTcontent2 {border: 1px dashed #a1b3d1;width: 100%;height: 82px;padding: 10px 30px;overflow-y: scroll;font-size: 14px;background-color: #e9f0fd;}
.cdTcontent3 {border: 1px dashed #a1b3d1;width: 100%;height: 130px;padding: 10px 30px;overflow-y: scroll;font-size: 14px;background-color: #e9f0fd;}
.cdTcontent4 {width: 100%;padding: 20px 85px 0px;text-align: center;font-size: 14px;}


.cdMTSec02 { background-color: var(--body_bg_c);z-index: 12; opacity: 0.7;}
.cdMTSec02 label.presLabel {z-index: 14;}
.presRow.Tbtn {	display: flex; flex-direction: row;	align-content: center; justify-content: center;	align-items: center;}
.presRow.trwrap {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}

/* Register */
.cdMRegister { display: flex; align-items: stretch; flex-direction: column;	justify-content: space-between; min-height: 100vh;align-content: center; flex-wrap: wrap;}
.cdMRegister::after { width: 100%; height: 100%; content: "";  background-image: url('/khdhome/public/login_bg.jpg');background-size: cover;background-repeat : no-repeat;z-index: 10; position: absolute;  top: 0;  left: 0; }
.cdMRSec01 { display: flex; align-items: center;flex-grow: 1; flex-shrink: 0; padding: 3rem 44rem; margin: 0 auto;	position: relative;	width: auto;z-index: 12;}
.cdMRSbox { padding: 2em 2em;border: 1px solid #ced2dc;	border-radius: 8px; background-color: var(--body_bg_c);  z-index: 12;}
.cdMRSbox label.presLabel {text-align: center;font-size: 12px;color: #4e5c72; }
.cdMRSbox input#cdMLid {	width: 250px;}
.cdMRSbox a#pLogin { padding: 16px 32px;	font-size: 16px; }
.cdMRSbox img.cdLLogo { margin: 0 auto; }
.cdMRSbox p.cdLhelp, .cdMLSLbox p.cdPhelp {	color: #e91e63;}
.cdMRSbox .presLabel.Ttitle {font-size: 20px;text-align: center;color: #161b24;font-weight: 600;}
.cdMRSbox .presLabel.Tsubtitle {color: #434a59;text-align: center;font-size:14px;margin: 0;}
.cdMRSbox .presLabel.Tmemo {font-size:12px;text-align: center;}
.cdRwrap .presLabel.Tstitle {text-align: center;font-size:14px;font-weight: 500;color:#787333; margin: 0 10px;}
.presCol.Treg { background-color: #eee;margin: 10px 0;}
.cdRwrap {	display: flex; flex-flow: column;margin: 6px 0px; }
.cdRwrap:hover {	border: 2px solid #4e5c72;border-radius: 4px;}
.cdRwaptitle.hov { background-color: #b4bda0; }
.cdRwaptitle { font-size: 14px; padding: 0.4em 0.8em; text-align: left; font-weight: 600; color: #161B24; border-top: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3; background-color: #D2EBFF; border-top-left-radius: 4px; border-top-right-radius: 4px;opacity: 0.; }
section.cdRSec01 { display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; align-items: center;align-content: center;justify-content: flex-start;}
section.cdRSec02,section.cdRSec03,section.cdRSec05{ display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff;  align-items: center;align-content: center;justify-content: flex-start;border-bottom-style: dotted;}
section.cdRSec04 { display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; align-items: center;align-content: center;justify-content: flex-start;}
section.cdRSec06 { display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; align-items: center;align-content: center;justify-content: flex-start;}

#regId,#regUname,#regPwd,#regSaupno,#regSname,#regLicense,#regTel,#regMobile,#regEmail,#regPostno,#regAddr1,#regAddr2,#regPacksu,#regPackqty
{ width:20%;color: #3366cc; background-color: #fff;	border: 1px solid #ddd;height: 34px;}
#regQtype{display: block;width: 20%;padding: 0.57em;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;background-color: #fff;color: #222;}
#regId{ margin: 0px 4px;}
#regPostno { width:10%;}
#regAddr1{ width:42%;margin: 0px 4px;}
#regAddr2{ width:30%;}
img#pre_previewId_01,img#pre_previewId_02,img#pre_previewId_03 {width: 60px;border: 1px solid #b7cef3;border-style: dotted;margin: 10px;padding:4px;}
b.essential {vertical-align: middle;color:#062a63;}
.cdMRSec02 { background-color: var(--body_bg_c);z-index: 12; opacity: 0.7;}
.cdMRSec02 label.presLabel {z-index: 14;}
.presRow.Rbtn {	display: flex; flex-direction: row;	align-content: center; justify-content: center;	align-items: center;}
.presCol.Rnote {padding: 4px 90px;}

/*정렬*/
.rSrt {	text-align: right;} 
.rSrt1 {text-align: right;color: #cc802c !important;font-weight: 500;}
#pPATsearch, #pYSsearch, #pHOWsearch,#pImmsearch,#pUSsearch,#pMEvsearch,#pPTvsearch,#pTVsearch, #pNOTIsearch,
#pREQsearch, #pPacksearch, #pYsoksearch, #pSUsearch,#pGSsearch,#pIMMsearch,#pPVsearch,#pPSVsearch, #pBNFsearch, #pDEPsearch , #pREFsearch{	padding: 8px 18px;margin: 0 10px; font-size:14px;}
#pMEvxls,#pPTvxls,#pTVxls,#pPVpatient,#pPSVpatient{	padding: 8px 18px; font-size:14px;}

/* 처방하기 */
/* 처방_presec01 */
.precMain {	display: flex;margin: 1.4em; flex-flow: column; }
.precMain:hover {	border: 2px solid #4e5c72;border-radius: 4px;}
.presHeader.hov { background-color: #b4bda0; }
.presCol { display: flex;	text-align: center !important; padding: 1em; flex:1 0 0%;	flex-flow: column; }
.presCol0 { display: flex;	text-align: center !important; padding: 1em; flex-flow: column; }
.presRow { display: flex;	text-align: center !important; padding: 1em; flex:1 0 0%;	flex-flow: row; }
.presRow0 { display: flex;	text-align: center !important; padding: 1em; flex-flow: row; }
p.presHeader { font-size: 18px; padding: 0.6em; text-align: left; font-weight: 600; color: #161B24; border-top: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3; background-color: #D2EBFF; border-top-left-radius: 4px; border-top-right-radius: 4px;opacity: 0.; }
section.presSec00, section.presSec01, section.presSec02,
section.presSec03, section.presSec04, section.presSec04_option,
section.presSec05 { display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
section.presSec02{padding:2em;}
section.presSec03{padding:1em;}
section.presSec04_option{border-radius: 0%;}
label.presLabel {	font-size: 14px; margin-bottom: 0.6em; font-weight: 500; color: #02070A; }
.presSelect {	display: block;	width: 100%;padding: 0.57em; border: 1px solid #ddd; border-radius:4px;	font-size:14px;	background-color: #fff; color: #222;}
.presText{ display: block;	width: 100%; padding: 0.7em; border-radius:4px; font-size:14px; background-color: #ecf1f4; color: #222;}
.presSpans{ display: block;	width: 100%; padding: 0.7em; border-radius:4px; font-size:14px; background-color: #d5f0d9; color: #222;}
.presCheck{  padding: 0.7em; border-radius:4px; font-size:14px; background-color: #ecf1f4; color: #222;}
.presRow.prSearch {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
label.presLabel.pStlabel {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;margin: 0;}
select#pSType {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: auto;margin:0 10px;}
input#presPnm { color: #3366cc; font-weight: 600; background-color: #fff;	border: 1px solid #ddd;}
a#cdPAcopy,a#cdPNew {font-size: 14px;}
/* 처방_presec02 */
.presSec02 .presRow {	width: 30%;	padding: 0; }
.presSec02 .presLabel {	width: 30%;	margin-bottom: 0; padding: 0.7em; }
.presSec02 .presText { width: 70%; }
.presCdbtn { display: flex; width: 100%; justify-content: center; align-content: center;align-items: center; flex-wrap: wrap;}
.presDiv { display: inline-block; position: relative; width: 100%; padding: 1.2em 0; }
.presDivS { display: inline-block; position: relative; width: 100%; padding: 0.6em 0; }
.presDivSS { position: relative; width: 100%; padding: 2px 0; }
hr.pDiv { background-color:#e1e7ef; border-width:0; height:1px; }
.clsPgmchk {background-color: gold;}
.presDiv.sdiv { padding: 0.6em 0; }
.presSchup { display: flex; width:  100%; }
.presSchup .presRow{ width:  25%; }
.presSchup .presLabel { width: 40%; }

label.presLabel.pchup {	width: 10%;} /*처방상세보기시 조정*/

.presGobang {display: flex;width: 100%;padding: 20px 0 10px;background-color: #dfee93; flex-direction: column;border: 2px solid #3d7e04}
.presRow.pGobang {display: flex;flex-direction: row;width: 100%;}
.presGobang .presLabel { width: 15%; }
.pGosearch .presLabel { width: 37%; }
.presRow.pGo {display: flex;align-content: center;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;}
a#cdGbhapBtn {margin: 2px 10px 2px 10px;}
a#cdGbInit {margin: 2px 0;}
a#cdGbBtn, a#cdGhBtn {margin: 0px 10px;}
input#presGb {margin: 0 10px;width: 100%;}
/* 키보드로 버튼에 포커스 시 */
a#cdGbhapBtn:focus-visible {background-color: rgb(91, 168, 194);}

.presRow.pGoHelp {width: 100%;display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;	align-items: center;padding:10px 40px;}
.presRow.pGoHelp1 {width: 100%;display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;	align-items: center;padding:10px 40px 0px;}



.presMdcopy {display: flex;width: 100%;flex-direction: column;align-content: center;align-items: center;justify-content: center;border: 1px solid #607D8B;padding: 10px;background-color: #bed3db;border-style: dashed;}
input#presMdtext {width: 86%;margin: 0 10px;}


.presRow.presHap { display: inline-block; padding: 1em; }
input#presPerson {background-color: #fff; border: 1px solid #ddd;}
input#presQyak { width: 60%; background-color: #fff; border: 1px solid #ddd; }
input#presChup { width: 30%;	background-color: #fff; border: 1px solid #ddd; }
input#presPerson1 { width: 87%; background-color: #fff; border: 1px solid #ddd; }
input#presSUText {width: 60%;}
input#presPVText {width: 60%;}
input#presPSVText {width: 60%;}
input#presSText {width: 50%;}
#cdYaksBtn {display: none;}
.jaeColor {color: #aefae1;}
.jusuColor {color:#fddbc4;}
.dsColor {color:#cdbef8;}
.chupq { padding:5px 0;font-weight: 600;border: 1px solid #ddd;background-color: #c4d9a5;}
.chupq:focus { background-color: #b9f2db; font-weight: 600;}
.yjBigo{ border: 1px solid #ddd; padding: 5px 0; width:100%}
.presTable { display: flex;	text-align: center !important; padding: 1em; flex:1 0 0%; flex-flow: row; }
.pTable{ width: 100%; }
/*.pTable th { color:#010305; font-weight: 500; font-size: 14px;	padding: 0.7em 1em;	background-color: #E9F0FD; }*/
.pTable th { color:#fafafa; font-weight: 400; font-size: 14px;	padding: 0.6em 1em;	background-color: #5d7598; border-radius: 4px;}
/*.pTable td { color:#222;font-size: 14px; padding: 0.2em 0.6em; border-bottom: 1px solid #e9f0fd; }*/
.pTable td { color:#222;font-size: 14px; padding: 0.2em 0.6em; border-bottom: 1px solid #5d7598; }
.pTable select { font-size: 12px; padding: 0.2em 0;color: #222; }
.pTable tbody tr:hover{background:#e4e7ec; cursor:pointer; }
.pTable select#hwan_sel,.pTable select#san_sel {font-size: 14px;padding: 0.2em 33px;width: 60%;height: 42px;border: 1px solid #eee;}
input#hwan_des,input#hwan_jcost,input#san_des,input#san_jcost {width: 80%;margin: 0 auto;border: 1px solid #eee;	background-color: #fff;}
input#hwan_jcost,input#san_jcost {background-color: #ecf1f4;}
.hwan_td, .san_td { display: flex;justify-content: center;align-items: center;}
.hwan_span, .san_span { width: 10%; text-align: left;}
#pYmod, #pYdel, #psYcopy, #psYlist{ font-size: 12px;padding: 6px 14px;margin: 0.2em; }
#psPrevcopy,#psPolnycopy,#psPallcopy,#sprDel {font-size: 12px;padding: 6px 14px;margin: 0.2em;}
#pSTsearch { padding: 8px; width:6%;margin: 0 10px;font-size: 14px; }
#pSPeriod {width: 12%;margin: 0 0.2%;}
#pSUadmin { margin: auto; padding: 10px;font-size: 14px;}
#pPVpatient { margin: auto; padding: 10px;}
#pSUsearch { padding: 10px; width:7%; }
#pPaging, #pPaging1, #pPagingPV, #pPagingGS,#pPagingIMM,#pPaging_US,#pPagingCP,#pPagingNT,#pPagingRQ,#pPagingHOW
,#pPagingTS,#pPagingYS,#pPagingImm,#pPagingME,#pPagingPT,#pPagingTV,#pPagingYS1,#pPagingYSR,#pPagingCPAD,#pPagingCPAC,#pPagingPack
,#pPagingYsok,#pPaging_PB,#pPagingBNF, #pPagingDEP, #pPagingREF,#pPagingPD,#pPagingPopup,#pPagingAppr,#pPagingPTD,#pPagingMS,#pPagingSPR  { display: flex; padding : 0.7em;}
.pageList { display: flex; flex-flow: row; font-size: 12px; margin: 0 auto;}
.pageLink, .pageNext, .pagePrev {
	justify-content: center;
	margin: 0.2rem;
	padding: 0.3em 0.7em;
	text-align: center;
	border-color: #dbdbdb;
	color: #363636;
	min-width: 2.5em;
	border-radius: 12px;
}
.pageLink[disabled], .pageNext[disabled], .pagePrev[disabled] {
	box-shadow: none;
	color: #7F8C91;
	opacity: .5;
}

.pageLink.pageCurrent {
	background-color: #434A59;
	border-color: #434A59;
	color: #fff;
}

.cdModBody.cdpPbody {	display: flex; flex-flow: column;}
.cdpPSec01 { display: flex;}
.cdpPSec01A { display: flex;}
.cdpPSec02 { display: flex;}
.presRow.pCno {flex: 0 0 40%;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
.presRow.pByear {flex: 0 0 33%;display: flex;}
.pUser .presLabel {width: 25%;margin-bottom: 0;padding: 0.7em;}
.pCno .presLabel {width: 50%;margin-bottom: 0;padding: 0.7em;}
.pByear .presLabel {width: 40%;margin-bottom: 0;padding: 0.7em;}
.pSex .presLabel {width: 40%;margin-bottom: 0;padding: 0.7em;}

input#presPuser { width: 90% ;background-color: #fff;border: 1px solid #4e5c72;}
select#presPbyy { width: 60%; }
select#presPsex { width: 50%; }
input#presPtel, input#presPmobile, input#presPbigo {background-color: #fff;border: 1px solid #4e5c72;}
.pTel .presLabel { width: 34%;margin-bottom: 0;padding: 0.7em;}
.pPhone .presLabel { width: 39%;margin-bottom: 0;padding: 0.7em;}
.pAddr1 .presLabel { width: 20%; margin-bottom: 0; padding: 0.7em;}
#pFAddr{width:25%;margin:0 auto;}	
input#presPZip {width: 50%; margin:0 auto;}
input#presPAddr2 {margin-top: 1em;background-color: #fff;border: 1px solid #4e5c72;}
.presPsInfo {display: flex;flex-direction: column;	flex-wrap: wrap;	align-content: flex-start;	justify-content: center;	align-items:  flex-start;}
.cdModFoot.presPsNest {	display: flex;	flex-direction: row;	flex-wrap: nowrap;	align-content: center;	justify-content: space-between;align-items: center;}


.presYTotal { display: flex; width: 100%; }
.presYTotal .presRow { width: 35%; }
.presYTotal .presText { color : var(--body_font_c); }
.presYInit { width: 30%; text-align: center; padding-top: 0.4em; }
.presTOption { display: flex;	width: 100%; }
.presRow.presPPoption{ width: 40%; padding: 0; }
.presRow.presTGoption{ width: 30%; }
.presRow.presTGoption .presSelect{ width: 30%; }
.presRow.presJJoption {	display: flex;flex-direction: row;flex-wrap: nowrap; align-content: center;justify-content: center;align-items: center;}
.presPPoption .presLabel {	width: 16%;}
input#presTtetc { width: 60%;margin: 0 0.5em; border: 1px solid #ddd; }
select#presTGtime {width: auto;}
.presRow.presJJoption .presLabel {width:16%;}
input#presPcount, input#presPvolume {	width: 20%;	background-color: #fff; border: 1px solid #ddd; }
input#presJpack {	width: 20%; display: inline-block; border: 1px solid #ddd; }
.presTOptaddon { display: flex;	width: 100%; padding-top: 1em; }
.presRow.presTgami{	width: 40%;	flex: auto; }
.presRow.presPbigo{	width: 32%;	flex: auto; }
.presRow.presPbigo .presLabel{ width: 12%; }
input#presPbtext { width: 50%; }
.presHwanOption,.presSanOption, .presGoOption {display:none;}
.presTOption, .presTOptaddon {display:none;}
.presTOption.active  {display:flex;width:100%;}
.presTOptaddon.active {display:flex;width:100%;}
.presHwanOption.active,.presSanOption.active, .presGoOption.active {display:flex;width:100%;}
#presHwan,#presSan {flex-direction: column;}

.presSpecial {display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: 100%;border: 1px solid #5d7598;padding:6px 0 12px 0px;;background-color: #ffeff4;border-style:dashed;}
label.presLabel.pspTitle {font-size: 16px;padding: 6px 0 10px;}
label.presLabel.pspStitle {width: auto;font-size: 14px;}
.presSpgroup {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
.presDiv1 { display: inline-block; position: relative; width: 100%; padding: 0.6em 0; }
span.pspScolor_01,span.pspScolor_02,span.pspScolor_03 ,span.pspScolor_04,span.pspScolor_05   {font-size: 14px;color:#cdd3dd;}
span.pScol_0.active,span.pScol_1.active {color: #df2417;}
span.pScol_2.active,span.pScol_3.active,span.pScol_4.active {color: #cc855b;}
.presSp_01,.presSp_02 {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;border: 1px solid #5d7598;padding: 0 20px;border-radius: 4px;margin: 0 36px;background-color: #fff4ec;}
.presSp_03,.presSp_04,.presSp_05 {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;border: 1px solid #5d7598;padding: 0 20px;border-radius: 4px;margin: 0 36px;background-color: #fff;}
.presRow.Sec01, .presRow.Sec02 {width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;	align-items: center;}
.presRow.Sec03 {width: 100%;display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;	align-items: center;padding:10px 40px;}
.presRow.pSref {color: #ae043e;	display: flex;	padding: 0 auto;	flex-direction: row;	flex-wrap: wrap;	align-content: center;	justify-content: flex-start;	margin: 0 10px;	font-size: 12px;	padding: 0;	width: 100%;	text-align: center;align-items: center;}
.presRow.pSref1 {color: #1159cd;	display: flex;	padding: 0 auto;	flex-direction: row;	flex-wrap: wrap;	align-content: center;	justify-content: flex-start;	margin: 0 10px;	font-size: 12px;	padding: 0;	width: 100%;	text-align: center;align-items: center;}
.presRow.pSref2 {color: #ae043e;	display: flex;	padding: 0 auto;	flex-direction: row;	flex-wrap: wrap;	align-content: center;	justify-content: center;	margin: 0 10px;	font-size: 12px;	padding: 0;	width: 100%;	text-align: center;align-items: center;}

.presFlavor {display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: 100%;border: 1px solid #5d7598;padding:12px 0 12px 0px;;background-color: #e7f5eb;border-style:dashed;padding:10px 30px 10px 20px;margin-top: 10px;}
.presFgroup {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: 60%;}
label.presLabel.pFlabel {padding: 0 5px 0 20px;}
.presSelect.Fsel{width:30%;}
.presRow.Sec01, .presRow.Sec02 {width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;	align-items: center;}
.presRow.Sec03 {width: 100%;display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;	align-items: center;padding:10px 40px;}
.presRow.pSref {color: #ae043e;	display: flex;	padding: 0 auto;	flex-direction: row;	flex-wrap: wrap;	align-content: center;	justify-content: flex-start;	margin: 0 10px;	font-size: 12px;	padding: 0;	width: 100%;	text-align: center;align-items: center;}
.sortCls { cursor: pointer;}
.sortCls:hover{ color: #3de393;}
.sortCls:active{ color: #089d55;}

tr.dragging {
  opacity: 0.5;
}

/* 처방_presec03 */
.presSec03 .presLabel { width: 20%; margin-bottom: 0; padding: 0.7em; }
.presSec03 .presSelect { width: 30%; }
.presRow.boksi, .presRow.boksu, .presRow.bokon {flex: 0;}
input#presBsutxt { width: 45%;margin: 0 1em; border: 1px solid #ddd; }
input#presBontxt { width: 45%;margin: 0 1em; border: 1px solid #ddd; }
input#presBsitxt { width: 45%;margin: 0 1em; border: 1px solid #ddd; }
.presBoksample { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;  align-content: center; justify-content: center;  align-items: center; margin: 0.5em;}
.cdpBsample .cdModNest.mdxl {	max-width: 50%;}
.presTextarea { display: flex; width: 100%;}
.presTextarea .presRow { width: 100%; }
textarea#presHowto { width: 100%; height: 166px; padding: 1em; border: 1px solid #ddd;   border-radius: 4px; font-size: 14px; background-color: #fff; overflow-y: scroll; resize: none; }
input#howtoFilenm {width: 50%; margin-left:1%;}
a#pBcancel, a#pBload { margin-left:1%;}
a#pLsample {margin: 1%;}
.presBokbtn {	width: 100%; display:flex; flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
.presRow.Bokbtn_01 {display: flex;flex: 1 0 34%;flex-direction: row;flex-wrap: nowrap;justify-content: flex-end;align-items: center;}
.presRow.Bokbtn_02 {display: contents;}
.presTextarea .presLabel { width: 10%; margin-bottom: 0; }
/*복용법로딩*/
.cdpPBLbody .presHOWSec01{border: 0;} 

/* 처방_presec04 */  
.presSec04 .presRow { width: 100%; padding: 0; }
.presSec04 .presLabel { text-align: center; display: inline-block; width: 100%; margin: 0 0 10px; padding: 10px;border: 1px solid #b7cef3; background-color: #e9f0fd;}
.presRow.presBox, .presRow.presOut, .presRow.presPouch, .presRow.presMarking {display: inline-block;	width: 100%;	margin: 10px 0 0; padding: 10px;border: 1px solid #b7cef3;} 
.selBox img, .selOut img, .selPouch img, .selMarking img{	width: 120px;	height: 120px;	cursor: pointer; border: 1px solid #859fc5; border-radius: 4px;	padding: 1px;background-color: white; }
.imgbox img{	width: 80px; height: 80px;}
/*--img.boxbox1_img:hover,img.boxbox2_img:hover,img.boxbox3_img:hover, img.boxbox4_img:hover{ transform: scale(4);}*/
img.boxbox1_img:hover,img.boxbox2_img:hover,img.boxbox3_img:hover, img.boxbox4_img:hover{ transform: scale(2);}
img.selImgCol {border: 4px solid #0b5d91;background-color: #c7e3f5;padding: 4px;}
#boxSel, #outSel { display: flex;}
#boxSelOpt, #outSelOpt {display:flex; flex-wrap: wrap; margin: 10px auto;padding: 0 10px;align-content: center;justify-content: center; align-items: center; }
#pouchSel, #markSel {display: flex;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center; flex-direction: row;}
#pouchSelOpt, #markSelOpt {display:flex; flex-wrap: wrap; margin: 10px auto;padding: 0 10px;align-content: center;justify-content: center; align-items: center;}
.boxbox1_li, .boxbox2_li, .boxbox3_li, .boxbox4_li { padding: 2px 2px;}
.presRow.pMarkopttxt { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; padding: 0 auto;}
#Markopt1txt, #Markopt2txt { width: 40%; margin: 0 auto; border: 1px solid #ddd;}

/* 처방_presec04_option */  
.presSec04_option .presRow {display: flex;width: 100%;padding: 0;flex-direction: row;flex: 1 0 50%;flex-wrap: wrap;align-content: center;align-items: center;}
.presSec04_option .presLabel { text-align: center; display: inline-block; width: 100%; margin-bottom: 0;}
.presRow.pSec01 {display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;padding: 10px 180px;border: 1px solid #5d7598;border-style: dashed;background-color: #b7f3bc;}
.presRow.pSec02 {padding: 0 10px;}
label.presLabel.pbundle {width: 20%;}
label.presLabel.dclabel  {width: 25%;}
label.presLabel.pdivison {width: 30%;}
input#presDivcnt {width: auto;}
/* 처방_presec05 */
.presSec05 .presRow { width: 100%; padding: 0; }
.presSec05 .presLabel.pSLabel, .presSec05 .presLabel.pRLabel, .presSec05 .presLabel.pDLabel  { text-align: center; display: inline-block; width: 100%; padding: 10px;border: 1px solid #b7cef3; background-color: #e9f0fd;}
.presSec05 .presRow.presSend,.presSec05 .presRow.presReceive,.presSec05 .presRow.presDoption {display: inline-block;	width: 100%;	margin: 10px 0;	padding: 10px;border: 1px solid #b7cef3;} 
.presSec05 .pUser{width:100%;}
.presSec05 .pTel, .presSec05 .pPhone { width: 50%;}
.conSend .cdpPSec01, .conReceive .cdpPSec01, .conSend .cdpPSec02, .conReceive .cdpPSec02{display: flex; flex-wrap: wrap; flex-direction: column;}
.pressRow.pTelPhone {display: flex;}
.conOption .cdpPSec01{display: flex; flex-wrap: wrap; flex-direction: column;}
.presLabel.pCheck {padding: 0 10px;}

#SendNest, #ReceiveNest { display: flex;flex-direction: column;}
#DeliveryOpt { display: flex;flex-direction: column;}
.presSec05 .pUser .presLabel {width: 50%;margin-bottom: 0;padding: 0.7em;}
.presSec05 .pUser input#presPSuser, .presSec05 .pUser input#presPRuser { width: 100%; background-color: #fff;	border: 1px solid #ddd; }
.presSec05 .pTel .presLabel { width: 50%;margin-bottom: 0;padding: 0.7em;}
.presSec05 .pPhone .presLabel { width: 50%;margin-bottom: 0;padding: 0.7em;}
.presSec05  input#presPStel, .presSec05  input#presPRtel {width: 100%; margin:0 auto;background-color: #fff; border: 1px solid #ddd;}
.presSec05  input#presPSmobile, .presSec05  input#presPRmobile {width: 100%; margin:0 auto;background-color: #fff; border: 1px solid #ddd;}
.presSec05 .pAddr1 .presLabel { width: 18%; margin-bottom: 0; padding: 0.7em;}
.presSec05  #pFSAddr, .presSec05 #pFRAddr{width:26%;margin:0 auto;}	
.presSec05  input#presPSZip, .presSec05  input#presPRZip {width: 54%; margin:0 auto;}
.presSec05  input#presPSAddr2, .presSec05  input#presPRAddr2 {margin-top: 1em;}
.presSec05 .presCol.pAddr2 {	padding: 1em 0;}
.presSec05 .presRow.pDopt1,.presSec05 .presRow.pDopt2,.presSec05 .presRow.pDopt3,
.presSec05 .presRow.pDopt4,.presSec05 .presRow.pDopt5,.presSec05 .presRow.pDopt5txt{width: 100%;}
.presSec05 .pDopt1 .presLabel, .presSec05 .pDopt2 .presLabel, .presSec05 .pDopt3 .presLabel,
.presSec05 .pDopt4 .presLabel, .presSec05 .pDopt5 .presLabel {width: 50%;margin-bottom: 0;padding: 0.7em;}
.presSec05  select#presDopt1, .presSec05 select#presDopt2, .presSec05 select#presDopt3, 
.presSec05  input#presDopt4, .presSec05 input#presDopt5  {width: 50%; margin:0 auto;}
#pPACset {font-size: 14px;padding: 0 12px;}
.pacTr {line-height: 30px;}
.pacTr.bchkBg {background-color: #ffc0cb;}




/*환자스케줄관리 --- START*/
section.pskdSec01{ display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
section.pskdSec02{ display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; flex-direction: column;}
section.pskdSec03{ display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; flex-direction: column;}
section.pskdSec04{ display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; flex-direction: column;}


.pskdDiv01 { display: flex; flex-wrap: nowrap;	flex-direction: column; border-top: 1px solid #b7cef3; border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.pskdDiv01_01, .pskdDiv01_02, .pskdDiv01_03 {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;}
.pskdDiv02 {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: 100%;}

.pskdSec01 .presRow { width: 100%; padding: 0; }
.pskdSec01 .presLabel { text-align: center; display: inline-block; width: 100%; margin: 0 0 10px; padding: 10px;border: 1px solid #b7cef3; background-color: #e9f0fd;}
.pskdDiv01 .presLabel, .pskdDiv02 .presLabel { text-align: center; display: inline-block; width: 70%; margin: 0; padding: 10px;border: 1px solid #fff; background-color: #fff;}
.presCol.pskdrow {display: flex;flex-direction: row;}
.presCol.pskdrow1 {display: flex;flex-direction: row;}
.presCol.patSec02_01, .presCol.patSec04_01 {display: flex;flex-direction: row;align-content: center;justify-content: center;align-items: center;}
.presRow.pSCHperiod, .presRow.pSCHYperiod {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center; justify-content: flex-end;align-items: center;}
.pkskDiv02_01 {display: flex;flex-direction: column;flex: auto;border-top: 1px solid #b7cef3; border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	 border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.pskdrow1 .presLabel {width: 27%;}
#presPRAddr1 {	margin-right: 10px;}
.presRow.pSCHperiod .presLabel,.presRow.pSCHYperiod .presLabel {margin-bottom: 0;padding: 0 10px;}
.presRow.pSCHdate .presLabel, .presRow.pSCHYdate .presLabel {margin-bottom: 0;padding: 10px 10px;}
.presRow.pSCHprocess .presLabel, .presRow.pSCHYprocess .presLabel {margin-bottom: 0;padding: 10px 10px;}
.presRow.pSCHpayment .presLabel, .presRow.pSCHYpayment .presLabel {margin-bottom: 0;padding: 10px 10px;}
.presSpans1{ display: block;	width: 30%; padding: 0.7em; border-radius:4px; font-size:14px; background-color: #d5f0d9; color: #222;margin: 0 10px;}
#pSCHper,#pSCHstdt, #pSCHenddt, #pSCHsearchx, #pSCHpro, #pSCHpay {width: auto;}
#pSCHYper,#pSCHYstdt, #pSCHYenddt, #pSCHYsearchx, #pSCHYpro, #pSCHYpay {width: auto;}
.sdateDash{padding:10px;}
.presRow.pSCHdate,.presRow.pSCHYdate {display: contents;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;}
.presRow.pSCHprocess, .presRow.pSCHYprocess {display: contents;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;}
.presRow.pSCHpayment, .presRow.pSCHYpayment {display: contents;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;}

.presDtInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: space-between; align-items: center;padding: 10px 10px;}
.presDtInit > * {margin: 0.25rem;}
.presRelInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: space-between; align-items: center;padding: 10px 10px;}
.presRelInit > * {margin: 0.25rem;}
.presSchInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: space-between; align-items: center;padding: 10px 10px;}
.presSchInit > * {margin: 0.25rem;}
.presSMemoInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: flex-end; align-items: center;padding: 10px 10px;}
.presSMemoInit > * {margin: 0.25rem;}


.presRow.pSPDhono .presLabel{margin-bottom: 0;padding: 10px 16px;}
.presRow.pSPDdate .presLabel{ margin-bottom: 0;padding: 10px;}
.presRow.pSPDdate .presLabel{ margin-bottom: 0;padding: 10px;}
.presRow.pSPDinsu .presLabel{ margin-bottom: 0;padding: 10px;}

#presSpdhono { width: 55%; font-size: 14px;}
#presSpdinsu { width: 30%; font-size: 14px;}
#presSpdpri { width: 30%; font-size: 14px;}
#pSPDstdt, #pSPDenddt{flex: 1 0 0;}
span.sdateDash {font-size: 16px;padding: 10px;font-weight: 600;color: #222;}
span.spdwon {color: #222;padding: 10px 3px;font-size: 14px;}



.cdModBody.Spmbody {	display: flex; flex-wrap: wrap;}
.SPMSec01 {	display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 0 4px;}
.SPMSec02 { display: flex; flex-wrap: wrap; width: 100%; align-items: center; height:300px; }
.pSPMdnm .presLabel {width: 14%;margin-bottom: 0;padding: 0.7em;}
.pSPMdmemo .presLabel {width:15% ;margin-bottom: 0;padding: 0.7em;}
#presSpmName { width: 100%; }
.presRow.pSPMdnm { display: flex;}
textarea#presSpmMemo { width: 100%; height: 290px; overflow-y: scroll; background-color: #ecf1f4;resize:none;padding:1em;}

.cdModBody.Sprbody {	display: flex; flex-wrap: wrap;flex-direction:column;}
.SPRSec00 {	display: flex; flex-wrap: wrap;  align-items: center; padding: 0 4px;flex-direction:column;}
.SPRSec01 {	display: flex; flex-wrap: wrap;  align-items: center; padding: 0 4px;}
.SPRSec02 {	display: flex; flex-wrap: wrap;  align-items: center; padding: 0 4px;}
.SPRSec03 {	display: flex; flex-wrap: wrap;  align-items: center; padding: 0 4px;background-color: #f6c182;}

.pSPRSearch .presLabel {width: 24%;margin-bottom: 0;padding: 0.7em;}
.pSPRUser .presLabel {width: 42%;margin-bottom: 0;padding: 0.7em;}
.pSPRCNo .presLabel {width: 42%;margin-bottom: 0;padding: 0.7em;}
.pSPRBYear .presLabel {width: 42%;margin-bottom: 0;padding: 0.7em;}
.pSPRPhone .presLabel {width: 42%;margin-bottom: 0;padding: 0.7em;}
.pSPRCode .presLabel {width: 30%;margin-bottom: 0;padding: 0.7em;}
#presSPRCtxt {margin: 0 10px;}
#presSPRCode {width: 55%;}

.presStotcnt,.presSYtotcnt {margin: 0;color: #fbec3b;font-size: 16px; padding: 0 10px;}
.presStprice, .presSCHtotcnt,.presINStotcnt,.presINStprice {margin: 0;color: #fbec3b;font-size: 16px; padding: 0 40px 0 10px;}
.presSYtprice, .presSCHYtotcnt {margin: 0;color: #fbec3b;font-size: 16px; padding: 0 40px 0 10px;}

.schdash{margin: 0;color: #fbec3b;font-size: 16px;}
#presSPRSearch {width:  auto;margin: 0 10px; padding:10px;}
#presSPRTxt {width:  50%;}
.presTable.patReltable {flex: none;}

.precMain.res00 { position: sticky;	z-index: 90;top: 0;border: 10px solid #3c4d6c; border-radius: 4px; }
.presHeader.res00 {background-color: #1B365C;color: #DAF0FF !important;z-index: 90;border-radius: 0px;/* text-align: center; */display: flex;font-size: 20px;flex-direction: row;align-content: center;justify-content: center;align-items: center;}
.presSec00.res00 {background-color: #96a6c9;color: #DAF0FF !important;z-index: 90; border-radius: 0px;}
.preRow.pRdcal {display: flex;}
.resPnm input#presPnm {background-color: #ecf1f4;border:0px;}

.tsRes {background-color:#ffc107;}
.vResday {width: 100px;margin-right: 6px;padding:6px;}
.vRestd img.ui-datepicker-trigger {display: none;}
/*환자스케줄관리 --- END*/






/*기성처방 검색 */
.cdModGiDetail, .cdModGiYakjae {color: #4e5c72;border: 4px solid #4e5c72;width:100%;overflow-y: scroll;height:264px;max-height:264px;position:absolute;top:134px;left:0;background-color: #fff8c2;padding: 10px;}
.cdModGihead { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between;padding:0 1em;border-bottom: 1px solid #4e5c72;	border-top-left-radius: calc(0.3rem - 1px);border-top-right-radius: calc(0.3rem - 1px);}
.cdModGicon{ color: #4e5c72;	padding:10px; font-size:16px;}
.cdModGiname{ color: #4e5c72; padding-left: 5px;line-height: 40px;font-weight: bold;	height: 40px;	font-size: 19px;	width: 100%;}
.cdModGiClose,.cdModGiYClose {color: #272727;font-size: 20px;}
.giPlus { color: #429cd9; }
.gi_table_select {color: #217e4a;}

/*임의처방 검색 */
.cdModImmDetail, .cdModImmYakjae {color: #4e5c72;border: 4px solid #4e5c72;width:100%;overflow-y: scroll;height:264px;max-height:264px;position:absolute;top:134px;left:0;background-color: #fff8c2;padding: 10px;}
.cdModImmhead { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between;padding:0 1em;border-bottom: 1px solid #4e5c72;	border-top-left-radius: calc(0.3rem - 1px);border-top-right-radius: calc(0.3rem - 1px);}
.cdModImmcon{ color: #4e5c72;	padding:10px; font-size:16px;}
.cdModImmname{ color: #4e5c72; padding-left: 5px;line-height: 40px;font-weight: bold;	height: 40px;	font-size: 19px;	width: 100%;}
.cdModImmClose,.cdModImmYClose {color: #272727;font-size: 20px;}
.immPlus { color: #429cd9; }
.imm_table_select {color: #217e4a;}

#gsGYakTable {padding: 10px 20px;font-size: 14px;text-align: center;margin: 0 auto;width: 100%;}
#gsGYakTable thead tr th{color: #4e5c72;height: 30px;line-height: 20px;font-size: 15px;}
#gsGYakTable thead tr{color: #4e5c72; padding:4px;}
#gsGYakTable tbody tr td{color: #4e5c72;padding:4px;}
#gsGYakTable td{border-top: 1px solid lightgray;}
#gsGYakTable td:nth-child(1){color: #4e5c72;width:30%; text-align: center; }
#gsGYakTable td:nth-child(2){color: #4e5c72;width:30%; text-align: center; }
#gsGYakTable td:nth-child(3){color: #4e5c72;width:40%; text-align: center; }

#immYakTable {padding: 10px 20px;font-size: 14px;text-align: center;margin: 0 auto;width: 100%;}
#immYakTable thead tr th{color: #4e5c72;height: 30px;line-height: 20px;font-size: 15px;}
#immYakTable thead tr{color: #4e5c72; padding:4px;}
#immYakTable tbody tr td{color: #4e5c72;padding:4px;}
#immYakTable td{border-top: 1px solid lightgray;}
#immYakTable td:nth-child(1){color: #4e5c72;width:40%; text-align: center; }
#immYakTable td:nth-child(2){color: #4e5c72;width:30%; text-align: center; }
#immYakTable td:nth-child(3){color: #4e5c72;width:30%; text-align: center; }



/*약재검색*/
#cdpQsearch {	position: absolute; top: 250px; left: 210px; background: none; z-index: 88; }
.cdModNest.mdxl.qS {top: 26%;}
.cdModNest.mdxl.qS1 {top: 10%;}
.cdpQsearch .cdModTitle.cdpQstitle { color: #eef723;padding: 0 6%;font-size: 16px; }
.cdpQsearch #cdModCloseQs, .cdpQsearch  #cdModCloseIQs {color: #fff;}

.cdpQsearch .cdpQsCon .cdModHead { background-color: #4e5c72; }
.cdpQsearch .cdpQsCon .cdModFoot { text-align: left;	display: inline-block;}
.cdpQsearch .cdpQyakCnt{color:#fff; }
.cdpQsearch .cdpQinfo {color:#4e5c72;font-size: 12px; margin:0;}
.cdpQsearch .cdpQinfo span.QiColRed{color:red;font-size: 12px;}
.cdpQsearch .cdpQinfo span.QiColBlue{color:blue;font-size: 12px;}
.cdpQsearch #qs {display: flex;padding: 10px;font-size: 14px; color:#000;border-bottom: 1px solid #ddd;}
.cdpQsearch #qs span.reco span {background-color: #217e4a;padding: 2px 5px 4px;font-weight: bold; color: #ffffff; border-radius: 4px; font-size: 11px; box-sizing: border-box;}
.cdpQsearch #qs span.recoVfm span {background-color: #065cda;padding: 2px 5px 4px;font-weight: bold; color: #ffffff; border-radius: 4px; font-size: 11px; box-sizing: border-box;}

.cdpQsearch .yjTitle a, .yjDetail a {color: #02070A; font-weight: 600;}
.cdpQsearch .yjTitle a.yColRed { color: red; }
.cdpQsearch .yjTitle a.yColBlue { color: blue; }
.cdpQsearch .cdModQsdetail {display:none;} /*상세정보*/
.cdpQsearch span.ybigo { display: flex; width: 100% !important;flex-wrap: nowrap;justify-content: flex-start;align-items: center;}
.cdpQsearch span.yjTitle { color: #02070A;}
.cdpQsearch .cdModCon.cdpQsCon { width: 500px;}
.cdpQsearch .cdModQscontent { color: #02070A; height: 300px;	overflow-y: auto; }
.cdpQsearch .cdModQscontent li span:nth-child(1) {width: 12%;text-align: center;}
.cdpQsearch .cdModQscontent li span:nth-child(2) {width: 40%;text-align: left;}
.cdpQsearch .cdModQscontent li span:nth-child(3) {width: 10%; text-align: center;}
.cdpQsearch .cdModQscontent li span:nth-child(4) {width: 10%; text-align: center;}
.cdpQsearch .cdModQscontent li span:nth-child(5) {width: 18%;}
.cdpQsearch .cdModQscontent li span:nth-child(6) {width: 10%;text-align: center;}
.cdpQsearch .cdModQscontent #qs:hover {	border: 1px solid #02070A;	background:#f3f7ff;}
.cdpQsearch .cdModQscontent li.quick_sel { background-color: #e0f3c3;	border: 1px solid #02070A !important;}
input#presQyakH {width: 0px;font-size: 0px;caret-color:#fff;}
input#presQyakH:focus {caret-color:#fff;}




/*약재변경*/
.cdModBody.cdpcPAbody {	display: flex; flex-flow: column;}
.presRow.pYjm {width: 400px;}
.pYjm .presLabel {width: 33%;margin-bottom: 0;padding: 0.7em;}
.presRow.pYjmInfo {color: #35decb;font-size: 14px;border: 1px solid #b83f26;padding: 8px;background-color: #b83f26;}
input#presQyakMod { width: 60%; background-color: #fff; border: 1px solid #ddd; }
input#presQyakHMod {width: 0px;font-size: 0px;caret-color:#fff;}
input#presQyakHMod:focus {caret-color:#fff;}


/* 약재상세정보 */
.cdModYjdcontent { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center;align-items: center;width:930px;}
.presRow.pYjdcontents1,.presRow.pYjdcontents2 {display:flex;width:100%;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;	align-items: center;}

.cdpYjdSec01 {display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: flex-start;}
.cdpYjdSec02 { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center;align-items: flex-start;margin-left: 10px;margin-top: 30px;}

.presRow.pYjdImg { width: 510px;height: 510px; border: 1px solid #b7cef3;padding: 4px;}
img.yjdImg { width: 500px; height: 500px;}
.presRow.pYjdTitle {width: 100%;}
.pYjdTitle .presLabel{font-size: 16px;width: auto;color: #0b5d91;font-weight: 500;}
.pYjdhTitle .cdModTitle {font-size:18px;}
.pYjdcontents1 .presLabel, .pYjdcontents2 .presLabel {width:auto}
textarea#presYjdcontents1 { width: 400px; height: 220px; overflow-y: scroll; background-color: #ecf1f4;resize:none;padding:1em;border: 1px solid #b7cef3;}
textarea#presYjdcontents2 { width: 400px; height: 220px; overflow-y: scroll; background-color: #ecf1f4;resize:none;padding:1em;border: 1px solid #b7cef3;}




/* 약속처방 */
#cdYkeep { font-size: 14px; margin: 0 8%;}
.cdBtn-yakcat.yakcat {padding: 10px 10px;margin: 2px;font-size: 14px;}
.presRow.cdYSsearch {width: 30%;position: relative;	}
.cdYSsearch_wrap {display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;background-color: #95cdb4;padding: 20px 40px;border-radius: 10px;border: 1px solid #5d7598;}
/* 약속처방 개별상품 */
section.presYSCard { display: flex; flex-flow: row; padding: 10px;flex-wrap: wrap;align-content: center;flex-direction: column;background-color: #fff;margin: 10px 0;	border-radius: 10px;}
.YScard { background-color: transparent; width: 252px; height: 320px; border: 1px solid rgb(51, 51, 51);perspective: 1000px; /* Remove this if you don't want the 3D effect */ margin: 10px 10px;}
.YScardNest { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 1.5s;transform-style: preserve-3d;}
.YScard:hover .YScardNest {transform: rotateY(180deg); }
.YScardFr, .YScardBack { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; /* Safari */backface-visibility: hidden;}
.YScardFr { background-color: #b7cef3; color: black; }
.YScardBack { background-color: #5489b7; color: white; transform: rotateY(180deg); padding:10px; }
.YScardFr img { width: 250px;height: 250px;}
.YScardTitle { display: flex; flex-wrap: nowrap; align-content: center; justify-content: center;  align-items: center; font-size: 14px; padding: 4px 2px 10px; }
.YScardTitle.YSfront { padding: 14px 2px; }
.YScardPrice { font-size: 16px; color: yellow;padding: 10px;}
.YScardDetail { font-size: 10px; padding: 2px; }
#pYSdetail {font-size: 12px; }
.ysClist {line-height: 30px;}
sapn.yslistinit {font-size: 14px;}
h3.YScardTitleCd {color: #b0f4dd;}
label.presLabel.cdYSkindnm {font-size: 16px;padding: 6px 12px;margin:0;background-color: #b7cef3;color: #434a59; border-radius:8px;}
.presRow.cdYSDname {padding: 0;display: flex;flex-direction: row;align-content: center;justify-content: center;align-items: center;background-color: #95cdb4;padding: 20px;border: 1px solid #5d7598;border-radius: 10px;}
label.presLabel.cdYSprnm {font-size: 22px;padding: 4px;color: #3a68b2;margin: 0 10px;}

.presRow.cdYScatgory {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;margin: 0 auto;}
.presCol.cdYSContents {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: flex-start;}
.presRow.cdYSImages {flex: 0 0 48%;margin:0.5%;}
.presRow.cdYSInfo {background-color: #fff;flex: 0 0 48%;margin:0.5%;font-size: 16px;padding:14px;margin-top: 18px;display: flex; flex-direction: column;border: 1px solid #5d7598;}
.cdYSgallery {width: 600px;margin: 0 auto;height: 605px;}
.cdYSphoto1 {width: 502px;height: 502px;border: 1px solid #5d7598;margin: 0 auto;}
ul.cdYSphoto_inner {display: flex;}
img.cdYSphoto1_img {width: 500px;height: 500px;margin:0 auto;}
.cdYSphoto_list {width: 505px;margin: 0 auto;margin-top:3px;}
li.cdYSphoto_imgs {width: 100px;height: 100px;margin: 0 auto;}
img.cdYSphoto_img1,img.cdYSphoto_img2,img.cdYSphoto_img3,img.cdYSphoto_img4,img.cdYSphoto_img5 {width: 98px;height: 98px;margin:0 auto;cursor: pointer;border:1px solid #5d7598;}
.cdYSInfo_01 {display: flex;width:100%;flex-direction: column;flex-wrap: wrap;align-items: center;align-content: center;}
.cdYSInfo_02 {display: flex;width:100%;flex-wrap: wrap;align-items: center;align-content: center;justify-content: center;flex-direction: column;}
.cdYSnm_N,.cdYSsrc_N,.cdYSyg_N,.cdYSgs_N,.cdYSstat_N,.cdYScost_N,.cdYSunit_N
,.cdYSpack_N,.cdYSdeli_N,.cdYSdfee_N
{display: flex;width: 100%;margin: 4px 0 2px; background-color: #fbfbfb;padding: 6px 0;}
label.presLabel.yslinfo  {font-size: 18px;flex: 0 0 30%;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;margin: 0;color: #434a59;}
label#cdYSprcd {margin: 0 2px;color: #434a59;font-size: 18px;padding: 6px;}
span.presSpan {display: flex;flex: 0 0 70%;color: #4e5c72;align-content: center;justify-content: center;align-items: center;}
span#cdYScost {color: #0c7eb6;font-weight: 500;}
span#cdYSdfee {color: #cc547d;font-weight: 500;}
.cdYspaybtn {font-size: 14px;padding: 10px 20px;}
a#pByscart,a#pByspay {margin: 5px;}
.yaksok_info_option1 {display: flex;margin: 10px;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}
.yaksok_info_option_title1 {margin: 0 5px;color: #5d7598;font-weight: 500;}
.yaksok_info_option_contents1 {margin: 0 5px;}
.cdYSpayoption {display: none;}
.yaksok_info_option1, .yaksok_info_option2, .yaksok_info_option3,.cdYspaybtn{display: none;}
.presRow.cdYSCRlist,.presRow.cdYScont {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}
.presRow.cdYSRtitle,.presRow.cdYSContents {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;border: 1px solid #7f8c6c;padding: 10px;background-color: #7f8c6c;}
label.presLabel.cdYSrtitle,label.presLabel.cdYSctitle {font-size: 20px;margin:0;color: #fff;}
.presRow.cdYSR,.presRow.cdYSCon {display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;}
sapn.ysrlistinit {font-size: 14px;padding-top: 30px;}

a#pBystop {margin: 5px;position: fixed;right: 2%;bottom: 15%; font-size: 14px;}
a#pByslist { margin: 5px; position: fixed; right: 2%;bottom: 10%;font-size:14px;}
a#pByskindnm {font-size: 14px;}
a#cdYSevt,a#cdYSrecom,a#cdYSmycom {font-size: 14px;}
.cdBtn-yakcat.yakcat.active{background-color: rgb(143 226 254);color: #272727;font-weight: 600;}
.cdModBody.cdPYSJbody {	display: flex; flex-wrap: wrap;}
.cdpYSjojeISec01,.cdpYSjojeISec02{	display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 0 4px;}
.presRow.pYSqty {flex: 0 0 30%;}
.pYSname .presLabel {width: 13%;margin-bottom: 0;padding: 0.7em;}
.pYSqty .presLabel {width: 76%;margin-bottom: 0;padding: 0.7em;}
.pYSpwd .presLabel {width: 30%;margin-bottom: 0;padding: 0.7em;}
input#presPYSname { width: 94%; }
input#presYSqty { width: 74%; }
input#presPYSpwd {width: 100%;}

img.ysbimg {width: 100px;height: 100px;border: 1px solid #4e5c72;}
span.ysORI_P {color: #4e5c72;font-size: 16px;}
span.ysOPT_P {color: #c70a4b;font-size: 14px;}
input#pYSBprg {margin:0 auto;}
td.pYSnone {display: none;}
p.ysbMessage {display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: flex-end;align-items: center;padding: 0 1em;font-size: 14px;color: #e91e63;}
#quick_total_qty {display: none;}
#show_yscode,#show_yscount,#show_yscodeArr,#show_ysprgArr,#show_yspdcostArr,#show_yspdoptionArr,#quick_total_price1 {display: none;}

/* 요약화면 */
.summaryMain {	display: flex;margin: 0 1.4em; flex-flow: column; }
.summarySec00_SS, .summarySec01_01,.summarySec01_02,.summarySec02,.summarySec03{ display: flex;	flex-wrap: nowrap;flex-direction: row;align-content: center;justify-content: center;align-items: center;width: 100%;}
.smrysearch_wrap {display: flex;padding: 10px;background-color: #d4e4ef;	margin: 10px auto;	border: 1px solid #5d7598;	width: 100%;	flex-direction: row;	flex-wrap: wrap;	align-content: center;	justify-content: center;	align-items: center;border-radius: 10px;}
section.summarySec00_SS {	padding: 10px;}
.smrycard {display: flex;padding: 10px;margin:10px;width: 100%;flex-direction: column;align-content: center;justify-content: center;align-items: center;flex-wrap: wrap;color: #fff;border-radius: 8px;}
#sCard11,#asCard11 {background-color: #449fe4;cursor: pointer;/*flex: 0 0 25%;*/}
#sCard12,#asCard12 {background-color: #28a7ae;cursor: pointer;}
#sCard13,#asCard13 {background-color: #d89d42;cursor: pointer;}
#sCard14 {background-color: #cf3f89;}
#sCard21,#asCard21 {background-color: #0f81d8;cursor: pointer;/*flex: 0 0 25%;*/}
#sCard22,#asCard22 {background-color: #0d9097;cursor: pointer;}
#sCard23,#asCard23 {background-color: #c97b04;cursor: pointer;}
#sCard24 {background-color: #c10164;}

div#sCard11:hover, div#asCard11:hover {	background: #0076d0;}
div#sCard12:hover, div#asCard12:hover {	background: #01767c;}
div#sCard13:hover, div#asCard13:hover {	background: #b06b03;}

div#sCard21:hover, div#asCard21:hover {	background: #025492;}
div#sCard22:hover, div#asCard22:hover {	background: #025357;}
div#sCard23:hover, div#asCard23:hover {	background: #683f01;}



#sCard5 {background-color: #fff; color:#161B24;display: flex;flex-direction: row; flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;flex: 0 0 50%;}
#sCard6 {background-color: #fff; color:#161B24;display: flex;flex-direction: row; flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}
#sCard7 {background-color: #fff; color:#161B24;display: flex;flex-direction: row; flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}
#sCard8 {background-color: #fff; color:#161B24;}

#smryT11,#smryT21,#smryT31,#smryT41 {display: flex;font-size: 22px;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-content: center;align-items: center;width: 100%;padding: 6px 20px;}
#smryT12,#smryT22,#smryT32,#smryT42 {font-size: 22px;font-weight: 500;display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: flex-end;align-items: center;padding: 0 20px 0 0;}
#smryT13,#smryT23,#smryT33,#smryT43 {font-size: 22px;font-weight: 500;display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: flex-end;align-items: center;padding: 0 20px 0 10px;}
#smryT51,#smryT61,#smryT71 {display: flex;font-size: 22px;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-content: center;align-items: center;width: 100%;padding: 10px 20px;}
#smryT81 {display: flex;font-size: 22px;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-content: center;align-items: center;width: 100%;padding: 10px 20px;}
#smryC11 {display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}
#smryC21 {display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center; }
#smryC31 {display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center; }
#smryC41 {display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center; }
#smryC51 {display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center; }
canvas#smryChart11 {width: 750px !important;height: 300px !important;}
.presRow.cdYSClist {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;padding: 10px 40px;}
.smrysearch.sDate, .smrysearch.sProcess, .smrysearch.sSearch {display: flex;justify-content: center;flex-wrap: nowrap;align-items: center;flex-direction: row;padding: 0 20px 0px;}
.smrysearch.sDate label.presLabel {width: 100%;margin: 0;font-size: 20px;}
.smrysearch.sProcess label.presLabel {width: 100%;margin: 0;font-size: 20px;}
#smryProcess {display: flex;width: auto;margin: 0 10px;font-size:18px;}
#smrySearch {display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center; font-size:18px;}
input#smryStdt {font-size: 18px;}



/*복용법관리*/
section.presHOWSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pHow {	width: 50%; margin: 0 auto; }
.presTable.cdpHowtable {width: 100%;}
.howTr {line-height: 30px;}
.presHowInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: flex-end; align-items: center;padding: 0 10px;}
.presHowInit > * {margin: 0.25rem;}
#phowmod,#phowdel {font-size: 14px;padding: 0 12px;}

.cdModBody.cdHowtobody {	display: flex; flex-wrap: wrap;}
.cdpHISec01 {	display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 0 4px;}
.cdpHISec02 { display: flex; flex-wrap: wrap; width: 100%; align-items: center; height:300px; }
.pHtitle .presLabel {width: 19%;margin-bottom: 0;padding: 0.7em;}
.pHcontents .presLabel {width:14% ;margin-bottom: 0;padding: 0.7em;}
#presHtitle { width: 100%; }
.presRow.pHtitle { display: flex;}
textarea#presHcontents { width: 100%; height: 290px; overflow-y: scroll; background-color: #ecf1f4;resize:none;padding:1em;}


/*임의처방관리*/
section.presImmSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pImm {	width: 50%; margin: 0 auto; }
.presTable.cdpImmtable {width: 100%;}
.ImmTr {line-height: 30px;}
.presImmInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: flex-end; align-items: center;padding: 0 10px;}
.presImmInit > * {margin: 0.25rem;}
#pImmmod,#pImmdel {font-size: 14px;padding: 0 12px;}

.cdModBody.cdPIbody {	display: flex; flex-wrap: wrap;}
.cdpImmISec01 {	display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 0 4px;}
.cdpImmISec02 { display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 0 4px;}
.cdpImmISec03 { display: flex; flex-wrap: nowrap; width: 50%; align-items: center; flex-direction: column; }
.cdpImmISec04 { display: flex; flex-wrap: nowrap; width: 50%; align-items: flex-start; flex-direction: row; align-content: center;justify-content: center;}
.pIname .presLabel {width: 19%;margin-bottom: 0;padding: 0.7em;}
.pIchup .presLabel {width: 34%;margin-bottom: 0;padding: 0.7em;}
.pIpacksu .presLabel {width: 34%;margin-bottom: 0;padding: 0.7em;}
.pIpackqty .presLabel {width: 34%;margin-bottom: 0;padding: 0.7em;}
.pIkind1 .presLabel {width: 34%;margin-bottom: 0;padding: 0.7em;}
.pIkind2 .presLabel {width: 24%;margin-bottom: 0;padding: 0.7em;}
.pIuse .presLabel {width: 34%;margin-bottom: 0;padding: 0.7em;}
.pIbok .presLabel {width:14% ;margin-bottom: 0;padding: 0.7em;}
.pIbigo .presLabel {width:14% ;margin-bottom: 0;padding: 0.7em;}
.pIyak .presLabel {width:15% ;margin-bottom: 0;padding: 0.7em;}
.presRow.pIname { display: flex;}
.presRow.pIbok {display: flex;width: 100%;}
.presRow.pIbigo {display: flex;width: 100%;}
.presRow.PIyakDiv {border: 1px solid #4e5c72; overflow-y: scroll;max-height:270px;}
.presRow.pIyak {display: flex;flex-wrap: wrap;align-items: center;}
input#presPIname { width: 82%; }
input#presPIchup { width: 60%; }
input#presPIpacksu { width: 60%; }
input#presPIpackqty { width: 60%; }
select#presPIkind1 { width: auto; }
#presPIkind20,#presPIkind21,#presPIkind22 { width: 100%; }
textarea#presPIbok { width: 100%; height: 150px; overflow-y: scroll; background-color: #ecf1f4;resize:none;padding:1em;}
textarea#presPIbigo { width: 100%; height: 150px; overflow-y: scroll; background-color: #ecf1f4;resize:none;padding:1em;}
div#Selhwan,div#Selsan {display: none;}
input#presPIyak {width:83%;margin:1% 0;}
input#presPIyakH {width: 0px;font-size: 0px;caret-color: #fff;}
tr#ImmyakTr {height: 1em; }
select#presPIuse {width: auto;}



/*예치금/적립금관리*/
section.presBNFSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pBnf {	width: 50%; margin: 0 auto; }
.presTable.cdpBnftable {width: 100%;}
.bnfTr {line-height: 30px;}
.presBnfInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: space-between; align-items: center;padding: 0 10px;}
.presBnfInit > * {margin: 0.25rem;}
#pbnfmod,#pbnfdel {font-size: 14px;padding: 0 12px;}
.presBnfInfo {display: flex;flex-direction: column;	flex-wrap: wrap;	align-content: flex-start;	justify-content: center;	align-items: center;}
.cdModBody.cdBnfbody {	display: flex; flex-wrap: wrap;}
.cdpBNFSec01,.cdpBNFSec02 {	display: flex; flex-wrap: wrap; width: 100%; align-items: center; }
.cdpBNFSec02 {background-color: #ecf2ff;}
.pDeposit .presLabel {width: 100%;margin-bottom: 0;padding: 0.7em;}
#presDeposit { width: 100%; }
.presRow.pDeposit { display: flex;padding: 10px 0px 16px 0px;}
.presRow.pDepinfo {display: flex;flex-direction: column;align-content: flex-start;justify-content: center;align-items: center;border: 2px solid #5d7598;border-style: dotted;padding: 20px;}
td.vPbfA { color: #e91e63;}
td.vPbfB { color: #065cda;}
.bnfTr.vPbfC {background-color: gold;}
.pBNFtotal {display: flex;padding: 1em;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;background-color: #216e7e;font-size: 16px;border-radius: 10px;}
label.presLabel.pBNFDtotlabel,label.presLabel.pBNFRtotlabel {margin: 0;color: #f5f5f5;}
.presBNFDtotcnt,.presBNFRtotcnt {margin: 0;color: #fbec3b;font-size: 16px; padding: 0 40px 0 20px;}
.pbankaccount { display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: flex-start;align-items: center;}
.pbankaccount img{width:500px;}



/*예치금 승인*/
section.presDEPSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pDep {	width: 50%; margin: 0 auto; }
.presTable.cdpDeptable {width: 100%;}
.depTr {line-height: 30px;}
.presDepInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: flex-end; align-items: center;padding: 0 10px;}
.presDepInit > * {margin: 0.25rem;}
#pdepappove,#pdepcancel,#pdeprefund {font-size: 14px;padding: 0 12px;}
td.vPdsR { color: #e91e63;}
td.vPdsY { color: #065cda;}
.depTr.vPdsC {background-color: gold;}

.cdModBody.cdDepbody {	display: flex; flex-wrap: wrap;}
.cdpDEPSec01,.cdpDEPSec02,.cdpDEPSec03 {	display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 0 4px;}
.presRow.pDepRes {background-color: #b7cef3;border-radius: 10px;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;margin: 0 10px;}
.pDepname .presLabel {display: flex;width: 26%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;align-items: center;}
.pDepsaupnm .presLabel {display: flex;width: 23%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;align-items: center;}
.pDepcost .presLabel {display: flex;width: 26%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
.pDepcdate .presLabel {display: flex;width: 23%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
.pDepRes .presLabel {display: flex;width: 14%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
#presDepRes1,#presDepRes2{width:auto;}
span.Dres1, span.Dres2{margin: 0 10px;	display: flex;	flex-direction: row;	flex-wrap: nowrap;	align-content: center;	justify-content: center;	align-items: center;	font-size: 12px;	color: #e91e63;}
.presRow.pResinfo {display: flex;flex-direction: column;align-content: flex-start;justify-content: center;align-items: center;border: 2px solid #5d7598;border-style: dotted;padding: 10px;margin: 0 10px;}


/*예치금 환불 요청*/

.cdModBody.cdBnfXbody {	display: flex; flex-wrap: wrap;}
.cdpBNFXSec01,.cdpBNFXSec02,.cdpBNFXSec03, .cdpBNFXSec04 {	display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 0 4px;}
.presRow.pBnfXRes {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
.pBnfXname .presLabel {display: flex;width: 26%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;align-items: center;}
.pBnfXsaupnm .presLabel {display: flex;width: 23%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;align-items: center;}
.pBnfXcost .presLabel {display: flex;width: 26%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
.pBnfXdbal .presLabel {display: flex;width: 26%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
.pBnfXrbal .presLabel {display: flex;width: 26%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
.pBnfXadate .presLabel {display: flex;width: 23%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
.pBnfXmemo .presLabel {display: flex;width: 20%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
.presRow.pBnfXmemo {display: flex;flex-direction: row;align-content: center;justify-content: center;align-items: center;padding: 10px;margin: 0 10px;background-color: #ffb7ba;border-radius: 10px;padding: 10px;}
input#presBnfXmemo {background-color: #fff;border: 1px solid #5d7598;}
.presRow.pBnfXinfo {display: flex;flex-direction: column;align-content: flex-start;justify-content: center;align-items: center;border: 2px solid #5d7598;border-style: dotted;padding: 10px;margin: 0 10px;}


/*예치금 환불 승인*/

.cdModBody.cdRefXbody {	display: flex; flex-wrap: wrap;}
.cdpREFXSec01,.cdpREFXSec02,.cdpREFXSec03, .cdpREFXSec04 {	display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 0 4px;}
.cdpREFXSec04 {padding: 10px;background-color: #ffb7ba;border-radius: 10px;}
.presRow.pRefXRes {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
.pRefXname .presLabel {display: flex;width: 26%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;align-items: center;}
.pRefXsaupnm .presLabel {display: flex;width: 23%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;align-items: center;}
.pRefXcost .presLabel {display: flex;width: 26%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
.pRefXdcost .presLabel {display: flex;width: 26%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
.pRefXrcost .presLabel {display: flex;width: 26%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
.pRefXadate .presLabel {display: flex;width: 23%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
.pRefXmemo .presLabel {display: flex;width: 20%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
.pRefXRes .presLabel {display: flex;width: 50%;	margin-bottom: 0;	flex-direction: row;	align-content: center;	justify-content: center;;align-items: center;}
span.Dres1, span.Dres2{margin: 0 10px;	display: flex;	flex-direction: row;	flex-wrap: nowrap;	align-content: center;	justify-content: center;	align-items: center;	font-size: 12px;	color: #e91e63;}
.presRow.pRefXmemo {display: flex;flex-direction: row;align-content: center;justify-content: center;align-items: center;padding: 10px;margin: 0 10px;}
input#presRefXmemo {background-color: #fff;border: 1px solid #5d7598;}



/*환불관리*/
section.presREFSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pREF {	width: 50%; margin: 0 auto; }
.presTable.cdpReftable {width: 100%;}
.refTr {line-height: 30px;}
.presRefInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: flex-end; align-items: center;padding: 0 10px;}
.presRefInit > * {margin: 0.25rem;}
#prefappove,#prefcancel,#prefrefund {font-size: 14px;padding: 0 12px;}
.vRefR { color: #e91e63;}
.vRefY { color: #065cda;}
td.vRefR { color: #e91e63;}
td.vRefY { color: #065cda;}






/*환자관리*/
section.presPATSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presSPat {	display: contents;}
.presRow.pPatient {	width: 60%; margin: 0 auto; }
.presTable.cdpPattable {width: 100%;}
.patTr, .paddrTr {line-height: 30px;}
.presPatInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: space-between; align-items: center;padding: 0 10px;}
.presPatInit > * {margin: 0.25rem;}
#pCPATaddr,#pCPATmod,#pCPADATmod,#pCPADATdel {font-size: 14px;padding: 0 16px;}
.cpTr {line-height: 30px;}
.presPatInfo {display: flex;flex-direction: column;	flex-wrap: wrap;	align-content: flex-start;	justify-content: center;	align-items: center;}
a#pPATinit {width: 96px;}
select#pPATType, select#pPATOpt1, select#pPATOpt2 {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: auto;margin:0 10px;}
input#presPatTitle  {display: flex;width: auto;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
label.presLabel.pPATtlabel {margin-bottom: 0;display: flex;align-items: center;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;}

/*환자수정*/
.cdModBody.cdpcPbody {	display: flex; flex-flow: column;}
.cdpcPSec01 { display: flex;}
.cdpcPSec01A { display: flex;}
.cdpcPSec02 { display: flex;}
.pUser .presLabel {width: 25%;margin-bottom: 0;padding: 0.7em;color: #065cda;}
.pByear .presLabel {width: 50%;margin-bottom: 0;padding: 0.7em;}
.pSex .presLabel {width: 50%;margin-bottom: 0;padding: 0.7em;}
input#setPuser { width: 90%; background-color: #fff;border: 1px solid #4e5c72;}
input#presPcno,input#setPcno,input#setPtel,input#setPmobile,input#setPbigo
{background-color: #fff;border: 1px solid #4e5c72;}

select#setPbyy { width: 60%; }
select#setPsex { width: 50%; }
.pTel .presLabel { width: 34%;margin-bottom: 0;padding: 0.7em;}
.pPhone .presLabel { width: 39%;margin-bottom: 0;padding: 0.7em;color: #065cda;}
.pAddr1 .presLabel { width: 20%; margin-bottom: 0; padding: 0.7em;color: #065cda;}
#setpFAddr{width:25%;margin:0 auto;}	
input#setPZip {width: 50%; margin:0 auto;}
input#setPAddr2 {margin-top: 1em;background-color: #fff;border: 1px solid #4e5c72;}


/*배송지등록*/
.cdModBody.cdpcPAbody {	display: flex; flex-flow: column;}
.cdpcPASec01 { display: flex;}
.cdpcPASec01A,.cdpcPASec04,#cdpcPSec04  { display: flex;flex-direction: column;align-content: center;justify-content: center;}
.cdpcPASec02 { display: flex;}
.pAUser .presLabel {width: 65%;margin-bottom: 0;padding: 0.7em;color: #065cda;}
.pAbchk .presLabel {width: 50%;margin-bottom: 0;padding: 0.7em;}
.pAbigo .presLabel,.pbigo .presLabel {width: 18%;margin-bottom: 0;padding: 0.7em;}
.presRow.pAUser {display: flex;flex: 0 0  64%;}
input#presPAuser { width: 87%; background-color: #fff;border: 1px solid #4e5c72;}
select#presPAbchk { width: 50%; }
.pATel .presLabel { width: 34%;margin-bottom: 0;padding: 0.7em;}
.pAPhone .presLabel { width: 39%;margin-bottom: 0;padding: 0.7em;color: #065cda;}
.pAAddr1 .presLabel { width: 20%; margin-bottom: 0; padding: 0.7em;color: #065cda;}
input#presPAtel,input#presPAmobile,input#presPAbigo
{background-color: #fff;border: 1px solid #4e5c72;}
#pAFAddr{width:25%;margin:0 auto;}	
input#presPAZip {width: 50%; margin:0 auto;}
input#presPAAddr2 {margin-top: 1em;background-color: #fff;border: 1px solid #4e5c72;}
.presRow.pAref {color: #e91e63;display: flex;padding: 0 auto;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: flex-start;margin: 0 10px;font-size: 12px;padding: 0;}



/*배송정보*/
.cdModBody.cdpPDbody {	display: flex; flex-flow: column;}
.cdpPDSec01,.cdpPDSec02,.cdpPDSec03,.cdpPDSec04,.cdpPDSec05,.cdpPDSec06,.cdpPDSec07,.cdpPDSec08{ display: flex;}
.cdpPDSec03 {display: flex;flex-direction: column;flex-wrap: wrap;}
.pDUser .presLabel {width: 65%;margin-bottom: 0;padding: 0.7em;}
.pDday .presLabel {width: 36%;margin-bottom: 0;padding: 0.7em;}
.pDbigo .presLabel {width: 23%;margin-bottom: 0;padding: 0.7em;}
.pDPack1 .presLabel {width: 40%;margin-bottom: 0;padding: 0.7em;}
.pDPack2 .presLabel {width: 45%;margin-bottom: 0;padding: 0.7em;}
.pDkumsic .presLabel {width: 10%;margin-bottom: 0;padding: 0.7em;}
.pDdes .presLabel {width: 23%;margin-bottom: 0;padding: 0.7em;}
.pDPackNM1 .presLabel {width: 23%;margin-bottom: 0;padding: 0.7em;}
.pDflavor .presLabel {width: 23%;margin-bottom: 0;padding: 0.7em;}
.pDtaste .presLabel {width: 23%;margin-bottom: 0;padding: 0.7em;}
.pDboksi .presLabel, .pDboksu .presLabel, .pDbokon .presLabel {width: 45%;margin-bottom: 0;padding: 0.7em;}
.presDiv.sdiv1 {padding: 0;}

.presRow.pDbigo {flex: 2.4;}
.presRow.pDPack2 {flex: 1.1;}
.pDPack1 { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-end; align-items: center;}

input#presPDuser { width: 90%; }
input#presPDday { width: 90%; }
input#presPDpack1 {width: 65%;}
input#presPDpack2 {width: 70%;}
#pFDAddr {flex: 0.4;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
textarea#presPDkumsic {padding: 8px;}
.pDTel .presLabel { width: 34%;margin-bottom: 0;padding: 0.7em;}
.pDPhone .presLabel { width: 39%;margin-bottom: 0;padding: 0.7em;}
.pDAddr1 .presLabel { width: 9%; margin-bottom: 0; padding: 0.7em;}
input#presPDZip {flex:0.4;margin: 0 5px 0 0;}
#presPDAddr1{flex:2.8;margin: 0 5px 0 0;}
#presPDAddr2{flex:1;}




/*공지사항*/
section.presNOTISec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pNotice {	width: 50%; margin: 0 auto; }
.presTable.cdpNotitable {width:100%;}
.notiTr {line-height: 30px;}
.presNotiInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: flex-end; align-items: center;padding: 0 10px;}
.presNotiInit > * {margin: 0.25rem;}
#pNotimod,#pNTATdel {font-size: 14px;padding: 0 12px;}
.cdModBody.cdNoticebody {	display: flex; flex-wrap: wrap;}
.cdpNISec01 {	display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 0 4px;}
.cdpNISec02 { display: flex; flex-wrap: wrap; width: 100%; align-items: center; height:480px; }
.cdpNISec03 { display: flex; flex-wrap: wrap; width: 100%; align-items: center;  }
.pNkind .presLabel {width: 10%;margin-bottom: 0;padding: 0.7em;}
.pNgroup .presLabel {width: 10%;margin-bottom: 0;padding: 0.7em;}
.pNtitle .presLabel {width: 14%;margin-bottom: 0;padding: 0.7em;}
.pNcontents .presLabel {width: 10% ;margin-bottom: 0;padding: 0.7em;}
#presNkind {width:auto; }
#presNgroup {width:auto; }
#presNtitle { width: 40%; }
.presRow.pNkind {	display: contents;}
.presRow.pNgroup {	display: contents;}
.presRow.pNtitle { display: flex;}
a#pNoticancel, a#pNotifileup, a#notice_down { margin-left:1%;}
.presRow.pNfile { display: flex; width: auto; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 0;justify-content: center;}
input#notice_filenm {	width: 25%;;margin-left: 1%; }
#pNotiDown { color: black;}
p#presNcontents1 { width: 100%; height: 470px; overflow-y: scroll;	border: 1px solid #4e5c72;color: #333; padding: 1em;}


/*요청사항*/
section.presREQSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pRequest {	width: 50%; margin: 0 auto; }
.presTable.cdpReqtable{ width:100%;}
.reqTr {line-height: 30px;}
.presReqInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: flex-end; align-items: center;padding: 0 10px;}
.presReqInit > * {margin: 0.25rem;}
#pReqmod,#pReqdel {font-size: 14px;padding: 0 12px;}

.cdModBody.cdRequestbody {	display: flex; flex-wrap: wrap;}
.cdpRISec01 {	display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 0 4px;}
.cdpRISec03 { display: flex; flex-wrap: wrap; width: 100%; align-items: center; height:110px; }
.cdpRISec02, .cdpRISec04 { display: flex; flex-wrap: wrap; width: 100%; align-items: center;  }
.cdpRISec05{ display: flex; flex-wrap: wrap; width: 100%; align-items: center; height:90px; }
.pRkind .presLabel {width:10%;margin-bottom: 0;padding: 0.7em;}
.pRname .presLabel {width: 6%;margin-bottom: 0;padding: 0.7em;}
.pRsaup .presLabel {width: 10%;margin-bottom: 0;padding: 0.7em;}
.pRorder .presLabel {width: 14%;margin-bottom: 0;padding: 0.7em;}
.pRtitle .presLabel {width: 9%;margin-bottom: 0;padding: 0.7em;}
.pRcontents .presLabel, .pRreply .presLabel {width: 10% ;margin-bottom: 0;padding: 0.7em;}
#presRkind,#presRsaupnm,#presRname {width:auto; }
#presRkind1,#presRsaupnm1, #presRname1 {width:auto; }
#presRorder {width:15%; }
#presRtitle { width:55% }
#presRorder1 {width:15%; }
#presRtitle1 { width:55% }
.presRow.pRkind {	display: contents;}
.presRow.pRname {	display: contents;}
.presRow.pRsaup {	display: contents;}
.presRow.pRorder {display: contents;}
.presRow.pNtitle { display: contents;}
a#pReqcancel, a#pReqfileup, a#request_down { margin-left:1%;}
.presRow.pRfile { display: flex; width: auto; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 0;justify-content: center;}
input#request_filenm {	width: 25%;;margin-left: 1%; }
#pReqDown { color: black;}
textarea#presRcontents { width: 100%; height: 100px; overflow-y: scroll; background-color: #ecf1f4;resize:none;padding:1em;}
textarea#presRreply { width: 100%; height: 80px; overflow-y: scroll; background-color: #ecf1f4;resize:none;padding:1em;}

input#request_filenm1 {	width: 25%;;margin-left: 1%; }
textarea#presRcontents1 { width: 100%; height: 100px; overflow-y: scroll; background-color: #ecf1f4;resize:none;padding:1em;}
textarea#presRreply1 { width: 100%; height: 80px; overflow-y: scroll; background-color: #ecf1f4;resize:none;padding:1em;}



/*환경설정(사용자)*/
section.presUSSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pUs {	width: 50%; margin: 0 auto; }
.presTable.cdpUstable { width: 100%;}
.usTr {line-height: 30px;}
#pUSmod {font-size: 14px;padding: 0 12px;}
.presUsInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: flex-end; align-items: center;padding: 0 10px;}
.presUsInit > * {margin: 0.25rem;}
.cduSSec01, .cduSSec02, .cduSSec03,.cduSSec04,.cduSSec05,.cduSSec06,.cduSSec07 {display: flex; flex-direction: row; flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;padding:5px;}
.presRow.usetID,.presRow.usetNAME,.presRow.usetTel,.presRow.usetPhone,
.presRow.usetSno,.presRow.usetSnm,.presRow.usetLno,.presRow.usetEmail,
.presRow.usetAddr1,.presRow.usetAddr2,
.presRow.usetTqtype,.presRow.usetChupsu,.presRow.usetPacksu,.presRow.usetPackg,
.presRow.usetAgree,.presRow.usetAuth,.presRow.usetPass,.presRow.usetHome{display: flex;flex-wrap: wrap; align-items: center; align-content: center;justify-content: center; padding: 0;flex: auto;}
.presRow.usetUrl,.presRow.usetBlog,.presRow.usetSns1 {display: flex;	flex-wrap: nowrap;	justify-content: center;	align-items: center;	align-content: center;	flex-direction: column;padding:4px;}
.presRow.usetID .presLabel,.presRow.usetNAME .presLabel ,.presRow.usetTel .presLabel,.presRow.usetPhone .presLabel,
.presRow.usetSno .presLabel,.presRow.usetSnm .presLabel ,.presRow.usetEmail .presLabel,
.presRow.usetAddr1 .presLabel,
.presRow.usetTqtype .presLabel,.presRow.usetChupsu .presLabel,.presRow.usetPacksu .presLabel,.presRow.usetPackg .presLabel,
.presRow.usetPass .presLabel
{margin-bottom: 0; padding: 0 20px;}
.presRow.usetLno .presLabel, .presRow.usetAgree .presLabel,.presRow.usetAuth .presLabel,.presRow.usetHome .presLabel
{margin-bottom: 0; padding: 0 10px;}

.presRow.usetUrl .presLabel,.presRow.usetBlog .presLabel,.presRow.usetSns1 .presLabel{margin-bottom:0; padding:10px;font-size: 16px;}
.setExUrl, .setExBlog, .setExSns {color: #9806bd;font-weight: bold;}
#setUid, #setUname, #setUtel,#setUsmobile,
#setUsno, #setUsnm, #setLnum,#setUemail,#setUzip,#setUaddr1,#setUaddr2,
#setUtqtype, #setUchupsu, #setUpacksu, #setUpackg,
#setUagree, #setUauth, #setUhome, #setUpass{width: auto; background-color: #fff; border:1px solid #ddd;}
#setUurl, #setUblog,#setUsns1 { width:100%;background-color: #fff; border:1px solid #ddd;}
#setUid,#setUname,#setUzip,#setUsno, #setUsnm,#setUaddr1,#setUaddr2 {background-color: #ecf1f4;}
#setUfaddr{width:auto;}
#setUaddr1 { width:63%; margin:0 auto;}
#setUaddr2 { width:36%; margin:0 auto;}
#setUzip { width: 40%; margin: 0 auto;}
#setUfaddr { width: 32%;}
#upPassbtn { margin: 0 auto;}
.presRow.usetID {	width: 29%;}
.presRow.usetAddr1 {width: 0%;}
.presRow.usetLno {width: 25%;}
.presRow.usetSno {width: 25%;}


/*조회화면(탕/환/산/시럽))*/
section.presTSCHSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pTsch {	width: 50%; margin: 0 auto; }
.tschTr {line-height: 30px;}
.presTable.cdpTStable{white-space: nowrap;width:100%; overflow-x: scroll; }
span.dn_file { color: #12ac37;font-size: 16px;}
span.dn_file:hover { color: #5fe17e;}
span.res_save { color: #009688;font-size: 16px;}
span.res_save:hover { color: #03b0a0;}
span.presEdit { color: #bb5906;font-size: 16px;}
span.presEdit:hover { color: #e88e41;}
span.presCancel { color: #062a63;font-size: 16px;}
span.presCancel:hover { color: #495870;}

span.tbYsList {color: #217e4a;}
span.tbYsList:hover {color: #206c41;}

span.tbDeliCol {color: #865837;}
span.tbDeliCol:hover {color: #80644f;}

span.payCNo {	color: #e91e63;}
span.payCYes { color: #065cda;}

.presTS1,.presTS2  { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center;	align-items: center;width:85%;margin:0 auto;padding:10px 10px 0 0;}
.presRow.pcTSsaupnm .presLabel{margin-bottom: 0;padding: 0 10px;}
.presRow.pTSperiod .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pTSperiopt .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pTSdate .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pTSprocess .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pTSpayment .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pTSPstitle .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pTSPsearch .presLabel{ width:14%;margin-bottom: 0;}
.presRow.pcTSsaupnm,.presRow.pTSperiod,.presRow.pTSperiopt,.presRow.pTSprocess,.presRow.pTSpayment,.presRow.pTSdate,.presRow.pTSPsearch, .presRow.pTSPstitle { display: flex; flex-wrap: nowrap;	align-items: center; padding: 0;flex:auto;}
#pTSsnm,#pTSper, #pTSpro, #pTSpay, #pTSperopt { width: 58%; font-size: 14px;}
#presTsPatTitle { width: 46%; font-size: 14px;}
#pTSPATsearch { width: 15%; font-size: 14px; margin-left: 10px; margin-right: 10px;}
#pTSPATxls    { width: 20%; font-size: 14px;}

.presRow.pTSperiod, .presRow.pTSperiopt, .presRow.pcTSsaupnm  {padding: 5px 0 0 5px;}
#pTSstdt, #pTSenddt{flex: 1 0 0;}
#pTSsnm {width: auto;}
td.regCol {color: #007580;font-weight: 500;}
td.goodsCol {	color: #616f4c;}
td.tbCol a{color:#e91e63;}
a#pPCR {color: #007580;font-weight: 500;}
a#pPCR:hover {color: #049c91;}
span.dateDash {font-size: 16px;padding: 0 10px;font-weight: 600;}
span.adjColor {font-size: 14px;color: #039363;}
select#pTSType {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: auto;margin:0 10px;}
.presTStotcnt,.presTStprice,.presYStotcnt,.presYStprice {margin: 0;color: #fbec3b;font-size: 16px; padding: 0 40px 0 20px;}



/*조회화면(약속처방))*/
section.presYSCHSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pYsch {	width: 50%; margin: 0 auto; }
.yschTr {line-height: 30px;}
.presTable.cdpYStable{white-space: nowrap;width:100%;overflow-x: scroll; }
.presYS1,.presYS2  { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center;	align-items: center;width:85%;margin:0 auto;padding:10px 10px 0 0;}
.presRow.pcYSsaupnm .presLabel{margin-bottom: 0;padding: 0 10px;}
.presRow.pYSperiod .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pYSperiopt .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pYSdate .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pYSprocess .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pYSpayment .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pYSPstitle .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pYSPsearch .presLabel{ width:14%;margin-bottom: 0;}
.presRow.pcYSsaupnm,.presRow.pYSperiod,.presRow.pYSperiopt,.presRow.pYSprocess,.presRow.pYSpayment ,.presRow.pYSdate,.presRow.pYSPsearch, .presRow.pYSPstitle { display: flex; flex-wrap: nowrap;	align-items: center; padding: 0;flex:auto;}
#pYSsnm,#pYSper, #pYSpro, #pYSpay, #pYSperopt {  width: 58%;font-size: 14px;}
#presYsPatTitle { width: 46%; font-size: 14px;}
#pYSPATsearch { width: 15%; font-size: 14px; margin-left: 10px; margin-right: 10px;}
#pYSPATxls    { width: 20%; font-size: 14px;}
#pYSstdt, #pYSenddt{flex: 1 0 0;}
#pYSsnm {width: auto;}
.presRow.pcYSsaupnm,.presRow.pYSperiod, .presRow.pYSperiopt {padding: 5 0 0 5px;}
select#pYSType {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: auto;margin:0 10px;}



/*결제상세관리*/
section.presPDCHSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pPDsch {	width: 50%; margin: 0 auto; }
.pdchTr {line-height: 30px;}
.presTable.cdpPDtable{white-space: nowrap;width:100%;overflow-x: scroll; }
.presPD1  { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center;	align-items: center;width:85%;margin:0 auto;padding:10px 10px 0 0;}
.presRow.pcPDsaupnm .presLabel{margin-bottom: 0;padding: 0 10px;}
.presRow.pPDperiopt .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pPDperiod .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pPDdate .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pPDpaymethod .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pcPDsaupnm,.presRow.pPDperiod,.presRow.pPDperiopt,.presRow.pPDpaymethod,.presRow.pPDdate,.presRow.pPDPsearch { display: flex; flex-wrap: nowrap;	align-items: center; padding: 4px ;flex:auto;}
#pPDsnm,#pPDper, #pPDPATsearch {  width: 76%;font-size: 14px;}
#pPDmethod { width: 25%;}
#pPDperopt { width: 62%}
#pPDstdt, #pPDenddt{flex: 1 0 0;margin: 0 10px;}
/*#pPDsnm,#pPDmethod {width: auto;}*/
a#pPDPATsearch {width: auto;	margin: 0 14px;}
#pPDPATxls    { width: 20%; font-size: 14px;}
#pPDper {width: auto;}
span.receiptCol {color: #e05af6;}
.presRow.pPDtotal {display: flex;padding: 1em;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;background-color: #0b5d91;font-size: 16px;border-radius: 10px;}
.presRow.pPDtlabel {margin: 0 20px;padding: 0;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-end;align-items: center;}
label.presLabel.pPDtla {margin: 0;color: #4e5c72;}
label.presLabel.pPDlabel0,label.presLabel.pPDlabel1,label.presLabel.pPDlabel2,label.presLabel.pPDlabel3,label.presLabel.pPDlabel4{margin: 0;color: #f5f5f5;}
.presPDtot0,.presPDtot1,.presPDtot2,.presPDtot3 ,.presPDtot4  {margin: 0;color: #fbec3b;font-size: 16px; padding: 0 20px 0 4px;}
.pPDseltext {display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: 100%;color: #daf0ff;}
.presPDsyy{padding: 0 4px;}
.presPDsmon{padding: 0 4px 0 0;} 
.presPDgoods{color: #daf0ff;padding: 0 10px;}



/*조회화면(처방약재))*/
section.presMSCHSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pMsch {	width: 50%; margin: 0 auto; }
.tschTr {line-height: 30px;}
.presTable.cdpMStable{white-space: nowrap;width:100%; overflow-x: scroll; }
span.dn_file { color: #12ac37;font-size: 16px;}
span.dn_file:hover { color: #5fe17e;}
span.presEdit { color: #bb5906;font-size: 16px;}
span.presEdit:hover { color: #e88e41;}
span.presSEdit { color: #bb5906;font-size: 12px;}
span.presSEdit:hover { color: #e88e41;}

span.presCancel { color: #062a63;font-size: 16px;}
span.presCancel:hover { color: #495870;}
span.presSCancel { color: #062a63;font-size: 12px;}
span.presCancel:hover { color: #495870;}

span.tbYsList {color: #217e4a;}
span.tbYsList:hover {color: #206c41;}

span.tbDeliCol {color: #865837;}
span.tbDeliCol:hover {color: #80644f;}

span.payCNo {	color: #e91e63;}
span.payCNo:hover {color: #f773a0;}

span.payCYes { color: #065cda;}
span.payCYes:hover {color: #558cdd;}

.presMS1,.presMS2  { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center;	align-items: center;width:85%;margin:0 auto;padding:10px 10px 0 0;}
.presRow.pcMSsaupnm .presLabel{margin-bottom: 0;padding: 0 10px;}
.presRow.pMSperiod .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pMSperiopt .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pMSdate .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pMSprocess .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pMSpayment .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pMSPstitle .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pMSPsearch .presLabel{ width:14%;margin-bottom: 0;}
.presRow.pcMSsaupnm,.presRow.pMSperiod,.presRow.pMSperiopt,.presRow.pMSprocess,.presRow.pMSpayment,.presRow.pMSdate,.presRow.pMSPsearch, .presRow.pMSPstitle { display: flex; flex-wrap: nowrap;	align-items: center; padding: 0;flex:auto;}
#pMSsnm,#pMSper, #pMSpro, #pMSpay, #pMSperopt { width: 58%; font-size: 14px;}
#presMsPatTitle { width: 50%; font-size: 14px;}
#pMSPAMsearch { width: 16%; font-size: 14px; margin-left: 10px; margin-right: 10px;}
#pMSPAMxls    { width: 20%; font-size: 14px;}

.presRow.pMSperiod, .presRow.pMSperiopt, .presRow.pcMSsaupnm  {padding: 5 0 0 5px;}
#pMSstdt, #pMSenddt{flex: 1 0 0;}
#pMSsnm {width: auto;}
td.regCol {color: #007580;font-weight: 500;}
td.goodsCol {	color: #616f4c;}
td.tbCol a{color:#e91e63;}
a#pPCR {color: #007580;font-weight: 500;}
a#pPCR:hover {color: #049c91;}
span.dateDash {font-size: 16px;padding: 0 10px;font-weight: 600;}
span.adjColor {font-size: 14px;color: #039363;}
select#pMSType {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: auto;margin:0 10px;}
.presMStotcnt,.presMStprice,.presYStotcnt,.presYStprice {margin: 0;color: #fbec3b;font-size: 16px; padding: 0 40px 0 20px;}






/*월별결산관리(탕/환/산/시럽))*/
section.presMESec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.meTr {line-height: 30px;}
.presTable.cdMEtable{white-space: nowrap;width:100%; overflow-x: scroll; }
.presME1,.presME2  {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;width: 85%;margin:0 auto;}
.presRow.pMEsaupnm .presLabel{margin-bottom: 0;padding: 0 10px;width: 38%;}
.presRow.pMEgoods .presLabel{margin-bottom: 0;padding: 0 10px;width: 41%;}
.presRow.pMEperiopt .presLabel{ margin-bottom: 0;padding: 0 10px; width:36%;}
.presRow.pMEyear .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pMEsaupnm,.presRow.pMEgoods,.presRow.pMEperiopt, .presRow.pMEyear {display: flex;flex-wrap: nowrap;align-items: center;padding: 0;flex:auto;justify-content: center;align-content: center;flex-direction: row;}
.presRow.pMEbtn  {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;flex: none;width: 22%;}

.presRow.pMEsaupnm {width: 30%;}
.presRow.pMEgoods {width: 13%;}
.presRow.pMEperiopt {width: 14%;}
.presRow.pMEyear {width: 12%;}
#pMEvsnm {width: 87%;}
#pPMEfnm {width: 50%;}
#pMEvfsearch {	width: 34%;margin: 0 10px;}
#pMEvgoods {width: 52%;}
#pMEperopt{width: 60%;}
#pMEvyear {width: 52%;}
ul.prespMEul {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;width:100%;}
li.prespMEli {display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width:15%;	margin: 4px 8px;}
.prespMEli a {color: #4e5c72;font-size:16px;padding: 10px;text-align: center;}
a.prespMElia1 {background-color: #5d7598;color: #fff;width: 100%;border-radius: 10px 10px 0 0; border: 1px solid #5d7598;}
a.prespMElia1:hover {background-color: #b7cef3;color: #4e5c72;}
a.prespMElia1:active {background-color: #b7cef3;color: #4e5c72;}
a.prespMElia2 {background-color: #f5f5f5;width: 100%;border-left: 1px solid #5d7598;border-right: 1px solid #5d7598;border-bottom: 1px solid #5d7598;}
.presRow.pMEtlabel {margin: 0 20px;padding: 0;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-end;align-items: center;}
label.presLabel.pMEtla {margin: 0;color: #4e5c72;}
.presRow.pMEtotal {display: flex;padding: 1em;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;background-color: #0b5d91;font-size: 16px;border-radius: 10px;}
label.presLabel.pMECtotlabel,label.presLabel.pMEPtotlabel {margin: 0;color: #f5f5f5;}
.presMECtotcnt,.presMEPtotcnt {margin: 0;color: #fbec3b;font-size: 16px; padding: 0 40px 0 20px;}
.pMEseltext {display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: 100%;color: #daf0ff;}
.presMEsyy{padding: 0 4px;}
.presMEsmon{padding: 0 4px 0 0;} 
.presRow.pRef{color: #e91e63;display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;font-size: 14px;padding: 10px;align-items: center;}

/*기간별결산관리*/
section.presTVSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.tvTr {line-height: 30px;}
.presTable.cdpTVtable{white-space: nowrap;width:100%; overflow-x: scroll; }
.presTV1,.presTV2  { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center;	align-items: center;width:85%;margin:0 auto;padding:10px 10px 0 0;}
.presRow.pcTVsaupnm .presLabel{ margin-bottom: 0;padding: 0 10px;width:27%;}
.presRow.pTVdate .presLabel{ margin-bottom: 0;padding: 0 10px;width:52%;}
.presRow.pTVperiopt .presLabel {margin-bottom: 0;	padding: 0; width:42%;}
.presRow.presTVoption .presLabel {margin-bottom: 0;	padding: 0; width:75%;}
.presRow.pcTVsaupnm, .presRow.pTVperiopt,.presRow.pTVdate,.presRow.pTVsearch  { display: flex; flex-wrap: nowrap;	align-items: center;flex:auto;}
.presRow.pTVtlabel {margin: 0 20px;padding: 0;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-end;align-items: center;}
label.presLabel.pTVtla {margin: 0;color: #4e5c72;}

#pTVsnm {width: 73%;}
#pTVperopt{width: 60%;}
#pTVfnm {width: 50%;}
#pTVfsearch {	width: 23%;margin: 0 10px;}
.presRow.pcTVsaupnm {width: 40%;}
.prdsRow.pTVperiopt {width: 15%;}
.presRow.pTVdate {width: 36%;}
.presRow.presTVoption {display: flex;flex-direction: row; flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;flex: 0 0 60%;font-size:14px;}
select#pTVsort {width: auto;}
span.tvcolor {width: 46%;}
input#pTVsort_chk01,input#pTVsort_chk02 {width: 70%;}
.presRow.presTVsearch {	display: flex;	flex-direction: row;	flex-wrap: nowrap;	align-content: center;	justify-content: center;	align-items: center;}
.presRow.pTVtotal {display: flex;padding: 1em;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;background-color: #0b5d91;font-size: 16px;border-radius: 10px;}
label.presLabel.pTVCtotlabel,label.presLabel.pTVPtotlabel {margin: 0;color: #f5f5f5;}
.presTVCtotcnt,.presTVPtotcnt {margin: 0;color: #fbec3b;font-size: 16px; padding: 0 40px 0 20px;}
.pTVseltext {display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: 100%;color: #daf0ff;}
.presTVsyy{padding: 0 4px;}
.presTVsmon{padding: 0 4px 0 0;} 




/*전체결제관리*/
section.presPTSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.meTr {line-height: 30px;}
.presTable.cdPTtable{white-space: nowrap;width:100%; overflow-x: scroll; }
.presPT1,.presPT2  { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center;	align-items: center;width:85%;margin:0 auto;}
.presRow.pPTsaupnm .presLabel{margin-bottom: 0;padding: 0 10px;width:15%;}
.presRow.pPTgoods .presLabel{ margin-bottom: 0;padding: 0 10px; width:30%;}
.presRow.pPTperiopt .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pPTyear .presLabel{ margin-bottom: 0;padding: 0 10px;}
.presRow.pPTsaupnm,.presRow.pPTgoods, .presRow.pPTyear, .presRow.pPTperiopt { display: flex; flex-wrap: nowrap;	align-items: center; padding: 0;flex:auto;justify-content: center;}
.presRow.pPTsearch {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: flex-start;align-items: center;}
.presRow.pPTVfsearch {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: flex-start;align-items: center;}
.presRow.pPTyear {width: 4%;}
.presRow.pPTsaupnm {width: 34%;}
.presRow.pPTperiopt {width: 6%;}
#pPTVfnm {width: 20%;}
#pPTVfsearch {	width: 14%;margin: 0 10px;}
#pPTvsnm {width: 65%;}
#pPTvperopt{width: 56%;}
#pPTvgoods {width: 50%;}
#pPTvyear {width: 50%;}
ul.prespPTul {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;width:100%;}
li.prespPTli {display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width:15%;	margin: 4px 8px;}
.prespPTli a {color: #4e5c72;font-size:16px;padding: 10px;text-align: center;}
a.prespPTlia1 {background-color: #5d7598;color: #fff;width: 100%;border-radius: 10px 10px 0 0; border: 1px solid #5d7598;}
a.prespPTlia1:hover {background-color: #b7cef3;color: #4e5c72;}
a.prespPTlia1:active {background-color: #b7cef3;color: #4e5c72;}
a.prespPTlia2 {background-color: #f5f5f5;width: 100%;border-left: 1px solid #5d7598;border-right: 1px solid #5d7598;border-bottom: 1px solid #5d7598;}
.presRow.pPTtlabel {margin: 0 20px;padding: 0;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-end;align-items: center;}
label.presLabel.pPTtla {margin: 0;color: #4e5c72;}
.presRow.pPTtotal {display: flex;padding: 1em;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;background-color: #0b5d91;font-size: 16px;border-radius: 10px;}
.presRow.pOStotal {display: flex;padding: 0.6em;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;background-color: #e91e63;font-size: 16px;border-radius: 10px;}

label.presLabel.pPTlabel0,label.presLabel.pPTlabel1,label.presLabel.pPTlabel2,label.presLabel.pPTlabel3,label.presLabel.pPTlabel4,label.presLabel.pPTlabel5,label.presLabel.pPTlabel6,label.presLabel.pPTlabel7,label.presLabel.pPTlabel8 {margin: 0;color: #f5f5f5;}
.presPTtot0,.presPTtot1,.presPTtot2,.presPTtot3 ,.presPTtot4 ,.presPTtot5 ,.presPTtot6 ,.presPTtot7,.presPTtot8  {margin: 0;color: #fbec3b;font-size: 16px; padding: 0 20px 0 4px;}
.pPTseltext {display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: 100%;color: #daf0ff;}
.pOSseltext {display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: 100%;color: #fbec3a;}
.presPTsyy{padding: 0 4px;}
.presPTsmon{padding: 0 4px 0 0;} 
.presOSgoods{color: #daf0ff;padding: 0 10px;}
.presOSedate{color: #c4f9bd;padding: 0 10px;}
.presRow.pRef{color: #e91e63;display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;font-size: 14px;padding: 10px;align-items: center;}
.presRow.pRef1{color: #eed0da;display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;font-size: 14px;padding: 10px;align-items: center;}
a.aCls {color: #e91e63;font-size: 11px;padding:0 0.4em 0.2em 0.4em;}
a.aCls:hover {color: #fff;font-size: 11px;background-color:#e91e63;padding:0 0.4em 0.2em 0.4em;}

.presTable.cdPTDtable .pTable th, .presTable.cdpPTDtable .pTable th { color:#fafafa; font-weight: 400; font-size: 12px;	padding: 0.4em 0.8em;	background-color: #5d7598; border-radius: 4px;}
.presTable.cdPTDtable .pTable td, .presTable.cdpPTDtable .pTable td { color:#222;font-size: 12px; padding: 0.2em 0.6em; border-bottom: 1px solid #5d7598; }


/*포장재관리*/
section.presPackSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pPack {	width: 50%; margin: 0 auto; }
.presTable.cdpPacktable {width: 100%;}
.PackTr {line-height: 30px;}
.presPackInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: flex-end; align-items: center;padding: 0 10px;}
.presPackInit > * {margin: 0.25rem;}
#pPackmod,#pPackdel {font-size: 14px;padding: 0 12px;}

.cdModBody.cdPPIbody {	display: flex; flex-wrap: wrap;}
.cdpPackISec01 {	display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 0 4px;}
.cdpPackISec02 { display: flex; flex-wrap: nowrap; width: 50%; align-items: flex-start;; flex-direction: column; }
.cdpPackISec03 { display: flex; flex-wrap: nowrap; width: 50%; align-items: flex-start; flex-direction: row; align-content: center;justify-content: center;}

.presRow.pPPIdivsion, .presRow.pPPIpouch {	flex: none;}
.presRow.pPPIname {	flex-basis: min-content;}
.pPPIdivsion .presLabel {width: 54%;margin-bottom: 0;padding: 0.7em;}
.pPPIname .presLabel {width: 35%;margin-bottom: 0;padding: 0.7em;}
.pPPIcode .presLabel {width: 69%;margin-bottom: 0;padding: 0.7em;}
.pPPIcost .presLabel {width: 34%;margin-bottom: 0;padding: 0.7em;}
.pPPIdanjong .presLabel {width: 53%;margin-bottom: 0;padding: 0.7em;}
.pPPIpouch .presLabel {width: 100%;margin-bottom: 0;padding: 0.7em;}
.pPPIsaup .presLabel {width: 25%;margin-bottom: 0;padding: 0.7em;}
.pPPIgroup .presLabel {width: 100%;margin-bottom: 0;padding: 0.7em;}
.pPPIbranch .presLabel {width: 100%;margin-bottom: 0;padding: 0.7em;}
select#presPPIdivision { width: auto; }
input#presPPIcode { width: 82%; }
input#presPPIname { width: 65%; }
input#presPPIcost { width: 80%; }
select#presPPIdanjong { width: auto; }
select#presPPIpouch { width: auto; }
select#presPPIsaup { width: auto; }
select#presPPIgroup { width: auto; }
select#presPPIbranch { width: auto; }

.presRow.pPPIimgage {display: flex;flex-direction: row;align-content: center;justify-content: center;align-items: center;}
.pressPPIimgwrap {display: block;border: 1px solid #ddd;margin: 0 20px;}
.presPPIimgtitle {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;background-color: #5d7598;padding: 10px;}
input#presPPIimage {display: none;}
img#pre_ViewImg {width: 180px;height:180px;}
.presPPIimgbtn {font-size: 12px;font-weight: 500;}
.btngap {margin: 0 10px;color: #fffeb1;}


/*팝업관리*/
section.presPopupSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presRow.pPopup {	width: 50%; margin: 0 auto; }
.presTable.cdpPopuptable {width: 100%;}
.PopupTr {line-height: 30px;}
.presPopupInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: flex-end; align-items: center;padding: 0 10px;}
.presPopupInit > * {margin: 0.25rem;}
#pPopupmod,#pPopupdel {font-size: 14px;padding: 0 12px;}

.cdModBody.cdPPIbody { display: flex; flex-wrap: wrap;}
.cdModBody.cdPPOPIbody { display: flex;flex-wrap: nowrap;width: 800px;}
.cdpPopupISec01 {display: flex;flex-wrap: wrap;width: 50%;align-items: flex-start;flex-direction: column;align-content: center;}
.cdpPopupISec02 {display: flex;flex-wrap: wrap;width: 50%;align-items: flex-start;flex-direction: column;align-content: center;}

.pPIdiv .presLabel {width: 24%;margin-bottom: 0;padding: 0.7em;}
.pPItitle .presLabel {width: 30%;margin-bottom: 0;padding: 0.7em;}
.pPIopen .presLabel {width: 24%;margin-bottom: 0;padding: 0.7em;}
.pPIlogyn .presLabel {width: 24%;margin-bottom: 0;padding: 0.7em;}
.pPIactnum .presLabel {width: 24%;margin-bottom: 0;padding: 0.7em;}
.pPIgroup .presLabel {width: 24%;margin-bottom: 0;padding: 0.7em;}
.pPIdate .presLabel {width: 37%;margin-bottom: 0;padding: 0.7em;}
.pPIimgage .presLabel {width: 34%;margin-bottom: 0;padding: 0.7em;}
.pPIilink .presLabel {width: 58%;margin-bottom: 0;padding: 0.7em;}
.pPIsize .presLabel {width: 37%;margin-bottom: 0;padding: 0.7em;}
.pPIpop .presLabel {width: 37%;margin-bottom: 0;padding: 0.7em;}

.presRow.pPIdiv, .presRow.pPItitle, .presRow.pPIopen, .presRow.pPIlogyn, .presRow.pPIactnum, .presRow.pPIdate,.presRow.pPIimgage,
.presRow.pPIilink, .presRow.pPIsize, .presRow.pPIpop, .presRow.pPIgroup {display: flex;flex: 0;width: 100%;}
.presRow.pPIbtn {display: flex;justify-content: flex-end;}
.presRow.pPIopen, .presRow.pPIlogyn, .presRow.pPIactnum, .presRow.pPIgroup {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;}
.presRow.pPIinfo {display: flex;flex-direction: column;align-items: flex-start;}
input#presPIdstart,input#presPIdend {width: 92px;}
input#presPIsizew,input#presPIsizeh,input#presPIpoph,input#presPIpopw {width: 100px;margin: 0 10px 0 0;}
#presPIgroup{display: block;width: 40%;border-radius: 4px;font-size: 14px;background-color: #fff;margin: 0 4px;}


/*.presRow.pPPIimgage {display: flex;flex-direction: row;align-content: center;justify-content: center;align-items: center;}*/
.pressPIimgwrap {display: block;border: 1px solid #ddd;margin: 0 20px;}
.presPIimgtitle {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;background-color: #5d7598;padding: 10px;}
input#presPIimage {display: none;}
select#presPIdiv {width: auto;}
img#pre_ViewImg {width: 150px;height:150px;}
.presPIimgbtn {font-size: 12px;font-weight: 500;}
.btngap {margin: 0 10px;color: #fffeb1;}
span.ppCol {color: #e91e63;font-size: 12px;font-weight: 500;}
span.pcol,span.dDash { background-color: #fff;color: #161b24;font-size: 14px;padding: 0 10px;}
span.dDash {padding: 10px;}




/*약속처방관리*/
section.presYsokSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}

.presMYsok { display: flex;flex-direction: row;align-content: center;justify-content: center;align-items: center;}
.presRow.pMYsok {display: flex;width: 40%;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
.pMYsok .presLabel {width: 8%;margin:0;display:contents;}
select#presMYsokOpt1 {width: auto;margin: 14px;}
#presMYsokTitle {width: 24%;margin:0 0 0 30px;}
.YsokTr {line-height: 30px;}
.presYsokInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: flex-end; align-items: center;padding: 0 10px;}
.presYsokInit > * {margin: 0.25rem;}
#pYsokmod,#pYsokdel {font-size: 14px;padding: 0 12px;}

.cdModBody.cdPPIbody {	display: flex; flex-wrap: wrap;}
.cdModBody.cdPPIP1body,.cdModBody.cdPPIP21body,.cdModBody.cdPPIP22body,.cdModBody.cdPPIP23body  {	display: flex; flex-wrap: wrap;}

.cdpYsokISec01,.cdpYsokISec02,.cdpYsokISec03,.cdpYsokISec04,.cdpYsokISec05,.cdpYsokISec06,.cdpYsokISec07 {	display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 0 4px;}
.cdpYsokIP1Sec01,.cdpYsokIP21Sec00,.cdpYsokIP21Sec01,.cdpYsokIP22Sec00,.cdpYsokIP22Sec01,.cdpYsokIP23Sec00,.cdpYsokIP23Sec01 {	display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 0 4px;}
td.ysDel,td.optDel {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
a#presPYSDel,a#presOPTDel {color: #e91e63;font-size: 16px;padding: 0 10px;}
.cdpYsokISec06 {background-color: #f0f8ff;}
.Unit_div_left, .Unit_div_right {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;font-size: 14px;color: #5d7598;align-items: center;}

.presRow.pPYSIoption1,.presRow.pPYSIoption2,.presRow.pPYSIoption3 {flex: 0.5;}
.presRow.pPPIcode {flex: 0.7;}
.presRow.pPYSIsel {flex: 1.7 0 0;}
.presRow.pPYSIsubcd {flex: 0.6;}
.presRow.pPYSIkind {flex: 0.7;}
.presRow.pPYSIgroup {flex: 0.5;}
.presRow.pPYSIsaupnm {flex: 1.1;}
.presRow.pYsOpt1{flex: 1.1;}
.presRow.pPYSIdelifee {display: flex;align-items: center;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;flex: 1.5;}
.pPPIcode .presLabel {width: 54%;margin-bottom: 0;padding: 0.7em;}
.pPYSIname .presLabel {width: 33%;margin-bottom: 0;padding: 0.7em;}
.pPYSIkind .presLabel {width: 41%;margin-bottom: 0;padding: 0.7em;}
.pPYSIsaupnm .presLabel {width: 30%;margin-bottom: 0;padding: 0.7em;}
.pPYSIgroup .presLabel {width: 69%;margin-bottom: 0;padding: 0.7em;}
.pPYSIsubcd .presLabel {width: 40%;margin-bottom: 0;padding: 0.7em;}
.pPYSIsource .presLabel {width: 54%;margin-bottom: 0;padding: 0.7em;}
.pPYSIg .presLabel {width: 54%;margin-bottom: 0;padding: 0.7em;}
.pPYSIcost .presLabel {width: 54%;margin-bottom: 0;padding: 0.7em;}
.pPYSIsel .presLabel {width: 20%;margin-bottom: 0;padding: 0.7em;}
.pPYSIdeli_g .presLabel {width: 34%;margin-bottom: 0;padding: 0.7em;}
.pPYSIready .presLabel {width: 36%;margin-bottom: 0;padding: 0.7em;}
.pPYSIMedic .presLabel {width: 34%;margin-bottom: 0;padding: 0.5em 0.7em 0.5em 0.7em;}
.pPYSIoption1 .presLabel {width: 31%;margin-bottom: 0;padding: 0.5em 0.7em 0.5em 0.7em;}
.pPYSIoption2 .presLabel {width: 31%;margin-bottom: 0;padding: 0.5em 0.7em 0.5em 0.7em;}
.pPYSIoption3 .presLabel {width: 31%;margin-bottom: 0;padding: 0.5em 0.7em 0.5em 0.7em;}
.pPYSIpackaging .presLabel {width: 25%;margin-bottom: 0;padding: 0.7em;}
.pPYSIdeli .presLabel {width: 25%;margin-bottom: 0;padding: 0.7em;}

.pPYSIdfee .presLabel {width: 25%;margin-bottom: 0;padding: 0.7em;}
.pPYSIdelifee .presLabel {width: 25%;margin-bottom: 0;padding: 0.7em;}

.pPYSIstatus .presLabel {width: 44%;margin-bottom: 0;padding: 0.7em;}
.pPYSIview .presLabel {width: 44%;margin-bottom: 0;padding: 0.7em;}
.pPYSIpricechk .presLabel {width: 44%;margin-bottom: 0;padding: 0.7em;}
.pPYSIrecom .presLabel {width: 44%;margin-bottom: 0;padding: 0.7em;}

.pPYSIcont .presLabel {width: 6%;margin-bottom: 0;padding: 0.7em;}

.pYsOpt1 .presLabel,.pYsOpt2 .presLabel,.pYsOpt3 .presLabel {width: 20%;margin-bottom: 0;padding: 0.7em;}

span#unit_txt, span#unit_txt1 {display: flex; color: #5d7598;font-size: 14px;flex-direction: row;align-content: center;justify-content: center;align-items: center;flex-wrap: nowrap; padding: 0 6px;}

select#presPYSIkind {width: auto;}
select#presPYSIsaupnm { width: auto; }
select#presPYSIsubcd { width: auto; }
select#presPYSIsel { width: auto; }
div#Unit_div {display: flex;flex-direction: row;padding: 0 10px;width: 72%;}
#presPYSIcnt,#presPYSIpack{padding:10px;width:100px;}
input#presPYSIdelifee {width: 65%;}
input#presPYSIdeli_g {width: 50%;}
input#presPYsOpt1,input#presPYsOpt2,input#presPYsOpt3{width: 65%;}

.presRow.pPYSIimgage1, .presRow.pPYSIimgage2, .presRow.pPYSIimgage3, .presRow.pPYSIimgage4, .presRow.pPYSIimgage5 {display: flex;flex-direction: column;align-content: center;justify-content: center;align-items: center;}
.pressPYSimgwrap1, .pressPYSimgwrap2, .pressPYSimgwrap3, .pressPYSimgwrap4, .pressPYSimgwrap5 {display: block;border: 1px solid #ddd;margin: 0 20px;}
.presPYSimgtitle1, .presPYSimgtitle2, .presPYSimgtitle3, .presPYSimgtitle4, .presPYSimgtitle5 {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;background-color: #5d7598;padding: 10px;}
input#presPYSimage1, input#presPYSimage2, input#presPYSimage3, input#presPYSimage4, input#presPYSimage5 {display: none;}
img#pre_ViewImg1, img#pre_ViewImg2, img#pre_ViewImg3, img#pre_ViewImg4, img#pre_ViewImg5 {width: 180px;height:180px;}
.presPYSimgbtn1, .presPYSimgbtn2, .presPYSimgbtn3, .presPYSimgbtn4, .presPYSimgbtn5  {font-size: 12px;font-weight: 500;}


/*승인관리*/
section.presApprSec01 {display: flex;border-bottom: 1px solid #b7cef3;border-left: 1px solid #b7cef3;border-right: 1px solid #b7cef3;padding: 1em;background-color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;flex-wrap: wrap;flex-direction: column;}
.presSAppr { display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;width: 100%;}
.presRow.pAppr {	width: 50%; margin: 0 auto; }
.presTable.cdpApprtable {width: 100%;}
.ApprTr {line-height: 30px;}
.presApprInit { display: flex; flex-direction: row;flex-wrap: wrap; align-content: center;justify-content: flex-end; align-items: center;padding: 0 10px;}
.presApprInit > * {margin: 0.25rem;}
#pApprjoin,#pApprjset,#pAppreset {font-size: 14px;padding: 0 12px;}
#pApprsearch1,#pApprsearch2 {
	width: 15%;
	margin: 0 0 0 5px
}

.cdModBody.cdAPPRI1body {	display: flex; flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}

.cdApprI1wrap .presLabel.Tstitle {text-align: center;font-size:14px;font-weight: 600;color:#5d7598; margin: 0 10px;}
.cdApprI1wrap {	display: flex; flex-flow: column;margin: 6px 0px; }
.cdApprI1wrap:hover {	border: 2px solid #4e5c72;border-radius: 4px;}
.cdApprI1title.hov { background-color: #b4bda0; }
.cdApprI1title { font-size: 14px; padding: 0.4em 0.8em; text-align: left; font-weight: 600; color: #161B24; border-top: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3; background-color: #D2EBFF; border-top-left-radius: 4px; border-top-right-radius: 4px;opacity: 0.; }
.cdpApprI1Sec01_01 { display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #f5f5f5; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; align-items: center;align-content: center;justify-content: flex-start;}

.cdpApprI1Sec01,.cdpApprI1Sec02,.cdpApprI1Sec03,.cdpApprI1Sec05{ display: flex; flex-wrap: nowrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff;  align-items: center;align-content: center;justify-content: flex-start;border-bottom-style: dotted;}
.cdpApprI1Sec04 { display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; align-items: center;align-content: center;justify-content: flex-start;}
.cdpApprI1Sec06 { display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; align-items: center;align-content: center;justify-content: flex-start;}

#regIdA,#regUnameA,#regPwdA,#regSaupnoA,#regSnameA,#regLicenseA,#regTelA,#regMobileA,#regEmailA,#regPostnoA,#regAddr1A,#regAddr2A,#regPacksuA,#regPackqtyA,#Scosts
{ width:15%;color: #3366cc; font-weight: 500; background-color: #fff;	border: 1px solid #ddd;height: 34px;}
#regQtypeA,#regRankA,#regGroupA,#regPg,#regCeo,#regMpay{display: block;width: 11%;padding: 0.3em;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;background-color: #fff;color: #3366cc;margin: 0 4px;font-weight: 500;}
#regIdA{ margin: 0px 4px;}
#regPostnoA { width:10%;}
#regAddr1A{ width:42%;margin: 0px 4px;}
#regAddr2A{ width:29%;}
img#pre_previewId_01A,img#pre_previewId_02A,img#pre_previewId_03A {width: 60px;border: 1px solid #b7cef3;border-style: dotted;margin: 10px;}
b.essential {vertical-align: middle;color:#062a63;}
.presRow.Rbtn {	display: flex; flex-direction: row;	align-content: center; justify-content: center;	align-items: center;}
.presCol.Rnote {padding: 4px 90px;}
#rePwd {margin-left: 10px;}
#regEmailA {width: 25%;}

#dfile01A, #dfile02A, #dfile03A {color: #4e5c72;font-size: 12px;font-weight: 500;}
#previewId_01A, #previewId_02A, #previewId_03A{display: flex;flex-direction: column;align-content: center;justify-content: center;align-items: center;}

/*승인-환경설정*/

.cdModBody.cdAPPRSbody {	display: flex; flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}

.cdApprSwrap .presLabel.Tstitle {text-align: center;font-size:14px;font-weight: 600;color:#5d7598; margin: 0 10px;}
.cdApprSwrap {	display: flex; flex-flow: column;margin: 6px 0px; }
.cdApprSwrap:hover {	border: 2px solid #4e5c72;border-radius: 4px;}
.cdApprStitle.hov { background-color: #b4bda0; }
.cdApprStitle { font-size: 14px; padding: 0.4em 0.8em; text-align: left; font-weight: 600; color: #161B24; border-top: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3; background-color: #D2EBFF; border-top-left-radius: 4px; border-top-right-radius: 4px;opacity: 0.; }
.cdpApprSSec01,.cdpApprSSec02{ display: flex; flex-wrap: nowrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff;  align-items: center;align-content: center;justify-content: flex-start;border-bottom-style: dotted;}
.cdpApprSSec01{ background-color: #f5f5f5;}
.cdpApprSSec01_01,.cdpApprSSec01_02,.cdpApprSSec02_01 { display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	 align-items: center;align-content: center;justify-content: flex-start;border-bottom-style: dotted;}
.cdpApprSSec01_03,.cdpApprSSec02_02, .cdpApprSSec03,.cdpApprSSec04 { display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	 border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; align-items: center;align-content: center;justify-content: flex-start;}
#Jcost,#Tcost,#HYcost,#SNcost,#SRcost,#CHdc,#ADDcost,#NAEpsu,#NAEpyu,#NAEjyu,#NAEcyu,#MALLps,#Svalues,#Qtype,#XKINDdan,
#ILgunbi,#GIjcost,#GIgunbi,#OUTpack,#STDbox,#STDpouch,#SPcost,#OPcost,#PBHcost,#PBDcost,#CHKmybox,#Bmeth,#Bfeemeth,#Dcost,#TDcost,#BUNDLEcost,#Conly,#Cbigo
{ width:12%;color: #3366cc; font-weight: 500; background-color: #fff;	border: 1px solid #ddd;height: 34px;}
#Cbigo{ width:50%;}
#Ctrdr{display: block;width: 11%;padding: 0.3em;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;background-color: #fff;color: #3366cc;margin: 0 4px;font-weight: 500;}
#Jcost{ margin: 0px 4px;}

b.essential {vertical-align: middle;color:#062a63;}
.presRow.Rbtn {	display: flex; flex-direction: row;	align-content: center; justify-content: center;	align-items: center;}
.presCol.Rnote {padding: 4px 90px;}
#rePwd {margin-left: 10px;}
#regEmailA {width: 25%;}

#dfile01A, #dfile02A, #dfile03A {color: #4e5c72;font-size: 12px;font-weight: 500;}
#previewId_01A, #previewId_02A, #previewId_03A{display: flex;flex-direction: column;align-content: center;justify-content: center;align-items: center;}



/* manual */

.pManual { position: relative;}
.manSlides { display: none;}
.manCur { cursor: pointer;}
.manPrev,
.manNext {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 6px;
  margin-top: -50px;
  color: #5d7598;
  font-weight: bold;
  font-size: 20px;
  background-color: #e9f0fd;border-radius: 3px;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.manNext {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.manPrev:hover,
.manNext:hover {background-color: #5d7598;	color: #b7cef3;}

.manRow {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
.manRow:after {  content: "";display: table;clear: both;}
.manCol {	display: flex;width: 16%;	border: 1px solid #ddd;padding: 4px;margin: 0 auto;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;opacity: 0.6;}
.mandots { width:100%; }
.manCol.active,
.manCol:hover {  opacity: 1; border:2px solid #000;}
span.mTxt {background-color: #5d7598;color: #e9f0fd;border: 1px solid #ddd;padding: 6px 18px;margin: 4px 0;text-align: center;}


/* 캘린더UI */
.ui-datepicker  { z-index: 1000 !important; }
#ui-datepicker-div{	width: 240px;	height: 240px; border: 1px solid #4e5c72;	box-sizing: border-box;	padding: 8px;	display: none;	background-color: #e6f5ff;border-radius: 4px;}
.ui-datepicker-header{position: relative; text-align: center;line-height: 3.3em;}
.ui-datepicker-header a{display: inline-block;cursor:pointer;position:absolute;}
.ui-datepicker-header a span{font-size: 14px;vertical-align: middle;color: #4e5c72;/* border:1px solid #cecece; */}
.ui-datepicker-header a span:hover{background-color:#eaeaea;}
.ui-datepicker-header a.ui-datepicker-prev{left:10px;}
.ui-datepicker-header a.ui-datepicker-next{right:10px;}
.ui-datepicker-header .ui-datepicker-title{display: inline-block;margin: 0 auto;height: 30px;line-height: 32px;padding-bottom: 44px;font-size: 14px;font-weight: bold;}
.ui-datepicker-header .ui-datepicker-title span.ui-datepicker-year{font-size:14px !important;}
table.ui-datepicker-calendar{font-size:14px;margin: 0 auto;}
table.ui-datepicker-calendar thead{background-color: #abf0fc;}
table.ui-datepicker-calendar thead tr th {border: 1px solid #7f94b5;width: 30px;line-height: 30px;vertical-align: middle;text-align: center;}
table.ui-datepicker-calendar tbody tr td{	border: 1px solid #7f94b5;width: 24px; vertical-align: middle;	text-align: center;	cursor:pointer;}
table.ui-datepicker-calendar tbody tr td.ui-datepicker-today{background-color:#fcf25b;}
table.ui-datepicker-calendar tbody tr td:hover{ background-color:#eaeaea;}
table.ui-datepicker-calendar tbody tr td.ui-datepicker-today:hover{background-color:#ffdd57;}
img.ui-datepicker-trigger{width: 38px;height: 38px;padding-left: 8px;vertical-align: middle;}
select.ui-datepicker-year{background-color: #ffffff;border: 1px solid #b9b6b5;width: 62px;height: 30px;line-height: 30px;vertical-align: baseline;}
select.ui-datepicker-month{background-color: #ffffff;border: 1px solid #b9b6b5;width: 50px;height: 30px;line-height: 30px;vertical-align: baseline;}
a.ui-state-default {color: #575454;}
.ui-datepicker-trigger{ border:none; background:none;} 
.Dopt4Detail img.ui-datepicker-trigger {	display: none;}


/*장바구니 */
section.presPBSec01 { display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;flex-direction: column; }
section.presPBSec01 {padding:2em;}
.presPBSec01 .presRow {	width: 30%;	padding: 0; }
.presPBSec01 .presLabel {	width: 12%;	margin-bottom: 0; padding: 0.7em; font-size: 16px;color:#fff;}
.presPBSec01 .presText { width: 68%; }
.presPBTotal { display: flex; width: 100%; background-color: #0b5d91;padding: 10px 20px;margin: 12px;border-radius: 10px;}
.presPBTotal .presRow {  width: auto; display: flex;flex-direction: row;flex-wrap: wrap;	align-content: center;justify-content: flex-end;align-items: center;}
.presPBTotal .presText { color : var(--body_font_c); }
.presPBInit { width: 11%; text-align: center; padding-top: 0.4em; }
.presTable.cdpBtable { width: 100%;}
#pPBdel, #pPBmod {font-size: 14px; padding: 0 12px;}
.pbTr {line-height: 30px;}
span.viewTprice {display: flex;font-size: 18px;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;color: #f2fa6c;font-weight: 500; padding:0 20px;}
span.viewTcnt {display: flex;font-size: 18px;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;color: #b5e3f8;font-weight: 500; padding:0 20px;}

label.pbc {display: flex;width: 100%;padding: 0 1em;font-size: 16px;font-weight: 500;text-indent: 10px;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;}
a#pPBpay {font-size: 16px;}

/*주문/결제하기 */
section.presPPSec01 { display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
section.presPPSec01 {padding:2em;}
.presPPSec01 .presLabel {	width: 27%;	margin-bottom: 0; padding: 0.7em; font-size: 16px;color:#e9f0fd;}
.presPPSec01 .presText { width: 68%; }
.presPPOrder {display: flex;width: 100%;}
.pOrderinfo .presLabel, .pPaymethodinfo .presLabel  {color: #0b5d91;width:auto;font-weight: 600;}
.presPPTotal { display: flex; width: 100%; background-color: #0b5d91;padding: 10px 10px;margin: 10px;border-radius: 10px;justify-content: center;align-items: center;}
.presPPTotal .presRow {  width: auto; display: flex;flex-direction: row;flex-wrap: wrap;	align-content: center;justify-content: flex-end;align-items: center;}
.presPPTotal .presText { color : var(--body_font_c); }
.presPPInit { width: 11%; text-align: center; padding-top: 0.4em; }
.presPPTorder {	display: flex;	flex-direction: row;	flex-wrap: wrap;	align-content: center;	justify-content: center;	align-items: center;	width: 62%;	background-color: #fff;	border-radius: 10px;	padding: 10px;}
.presPPTorder .presLabel {	width: 14%;	margin-bottom: 0; padding: 0.7em; font-size: 16px;color:#0b5d91;font-weight: 600;}
.pOrderinfo, .pPaymethodinfo {	border: 1px solid #5d7598;	padding: 10px 10px;	margin: 12px;	border-radius: 10px;	display: flex;	flex-direction: row;	flex-wrap: nowrap;	align-content: center;	justify-content: center;	align-items: center;}
span.viewTPprice, span.viewToprice, span.viewPDprice, span.viewPRprice, span.viewDash, span.viewBracket,.unit1 {display: flex;font-size: 18px;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;color: #4e5c72;font-weight: 500; padding:0 10px;}
span.viewDash, span.viewBracket {	color: #0b5d91;}
span.viewPDprice,span.viewPRprice {	color: #e91e63;}
a#pPPpay {font-size: 16px;}
a#cdModBtnPI,#cdModBtnDB {margin: 0 0 0 10px;}
.GoodsName,.Amt,.BuyerName,.BuyerEmail,.BuyerTel{ font-size: 16px;width: 12%;}
span.GoodsName {width: 16%;}
span.BuyerEmail {	width: 20%;	text-align: center;}
.pOrderinfo {width: 67%;display: flex;flex-direction: column;	flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;background-color: #e0e1e3;}
.pPaymethodinfo {width: 30%;display: flex;flex-direction: column;	flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;background-color: #e0e1e3;}
.pOrdertitle, .pPaymethodtitle {display: flex;border: 1px solid #5d7598;border-style: dashed;		width: 100%;	flex-direction: row;	flex-wrap: nowrap;	align-content: center;	justify-content: center;	align-items: center;	background-color: white; border-radius: 10px;}
.pOrdercontents {	display: flex;	flex-direction: row;	width: 100%;	flex-wrap: nowrap;	align-content: center;	justify-content: center;	align-items: center;padding: 20px 0 8px;font-size: 16px;}
.pPaymethodcontents {	display: flex;	flex-direction: row;	width: 100%;	flex-wrap: nowrap;	align-content: center;	justify-content: center;	align-items: center;padding: 20px 0 14px;font-size: 16px;}
.pOrdertitle .presLabel, .pPaymethodtitle .presLabel {	color: #4e5c72;	font-size: 18px;}
.pPaytype{ font-size: 16px;margin: 0 5%;}
.presPPBenefit {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;	align-items: center;width:100%;}
.pBenefitinfo .presLabel  {color: #0b5d91;width:auto;font-weight: 600;}
.pBenefitinfo {	border: 1px solid #5d7598;	padding: 10px 10px;	margin: 12px;	border-radius: 10px;	display: flex;	flex-direction: row;	flex-wrap: nowrap;	align-content: center;	justify-content: center;	align-items: center;width:100%;}
.pBenefitinfo {display: flex;flex-direction: column;	flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;background-color: #f2f0a3;}
.pBenefittitle {display: flex;border: 1px solid #5d7598;border-style: dashed;		width: 100%;	flex-direction: row;	flex-wrap: nowrap;	align-content: center;	justify-content: center;	align-items: center;	background-color: white; border-radius: 10px;}
.pBenefitcontents {	display: flex;	flex-direction: row;	width: 100%;	flex-wrap: nowrap;	align-content: center;	justify-content: center;	align-items: center;padding: 10px 0 0;}
.pBenefittitle .presLabel {	color: #4e5c72;	font-size: 18px;}
.aDepositarrow,.aReservearrow {font-size: 16px;padding: 0 10px;}
.aDepositcost,.aReservecost {font-size: 16px;padding: 4px;}
#pDeposituse,#pReserveuse {margin: 0 10px;	padding: 6px 10px;}
.aDeposit{ font-size: 16px;width: auto;}
.aReserve{ font-size: 16px;width: auto;}
.unit{ font-size: 16px;padding:0 6px;}
.unit2{ margin-bottom: 0;font-size: 16px;	color: #e9f0fd;}
.pPaymethodbank { display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
.pPaymethodbank img{width:90%;}

/*결제완료 */
section.presPCSec01 { display: flex; flex-wrap: wrap;	border-bottom: 1px solid #b7cef3; border-left: 1px solid #b7cef3; border-right: 1px solid #b7cef3;	padding: 1em;	background-color: #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
section.presPCSec01 {padding:2em;}
.presPCSec01 .presLabel {	width: 27%;	margin-bottom: 0; padding: 0.7em; font-size: 16px;color:#e9f0fd;}
.presPPCOrder {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;	align-items: center;width:100%;}
.pCOrderinfo .presLabel  {color: #0b5d91;width:auto;font-weight: 600;}
.pCOrderinfo {	border: 1px solid #5d7598;	padding: 10px 10px;	margin: 12px;	border-radius: 10px;	display: flex;	flex-direction: row;	flex-wrap: nowrap;	align-content: center;	justify-content: center;	align-items: center;width:100%;}
.pCOrderinfo {display: flex;flex-direction: column;	flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;background-color: #e0e1e3;}
.pCOrdertitle {display: flex;border: 1px solid #5d7598;border-style: dashed;		width: 100%;	flex-direction: row;	flex-wrap: nowrap;	align-content: center;	justify-content: center;	align-items: center;	background-color: white; border-radius: 10px;}
.pCOrdercontents {	display: flex;	flex-direction: row;	width: 100%;	flex-wrap: nowrap;	align-content: center;	justify-content: center;	align-items: center;padding: 10px 0 0;}
.pCOrderdetail {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center; width:100%;}
.pCOrdertitle .presLabel {	color: #4e5c72;	font-size: 18px;}
.cMoid, .cPayMethod,.cGoodsName,.cBuyerName,.cBuyerEmail{ font-size: 16px;width: 8%;}
.cMoid {width: 15%;}
span.cBuyerEmail {	width: auto;	text-align: center;}
.presDiv.dot {	width: 90%;}
hr.pDiv.dot {	border-style: dashed;border-width: 1px;color: #5d7598;}
.pCorderPrice {display: flex;	flex-direction: row; flex-wrap: nowrap;align-content: center;justify-content: center;	align-items: center;background-color: #0b5d91;border-radius: 10px;padding: 10px 0;width:75%;margin:1%;}
.cOAmt, .cDepositCost,.cReserveCost,.cAmt{ font-size: 16px;width: 10%;color:#fff;}
.pCorderPrice .presLabel { color: #f9ef51;font-weight: normal;}
span.cAmt {	font-size:18px; color: #86f68b;font-weight: 600;font-style: italic;}


/* 풋터 -- prescribe_bar */
.cdCPayFooter {	background-color: #1B365C; width: 70%; position: sticky; bottom: 0; border: 6px solid #DAF0FF; border-radius: 5em; margin-left: 15%; padding: 2em 2em; color: #DAF0FF !important;z-index: 90; }
.cdPaybar { display: flex; flex-flow: row; width : 100%; }
.cdPaybar .presRow { display: inline-block; width: 40%; padding: 0;	font-size:20px;	line-height: 1.7; }
.cdPaybar .presLabel { font-size: 20px;	margin-bottom: 0;	color:#f0f881 !important }
.cdPayBtn { width: 40%; text-align: center; }
.cdPayDetail { width: 20%; text-align: center; }
.cdPayToggle {/* background-color: #1B365C; *//* width: 20%; */position: sticky;bottom: 0;/* border: 6px solid #DAF0FF; *//* border-radius: 5em; */margin: 0 auto;padding: 1em 0;color: #DAF0FF !important;z-index: 90;}
.cdPayToggle {display: none;}

.cdPayBtnToggle { text-align: center; }
.punit{ font-size: 20px;padding:0 6px;}

/* 풋터 -- prescribe_bar(주문상세금액) */
.cdCOrderFooter { background-color: #4c6d9c; width: 60%; position: sticky; bottom: 9em; border: 6px solid #DAF0FF; border-radius: 1em; margin-left: 20%; color: #DAF0FF !important; display: none; }
.cdOrderbar {	margin: 1em; padding:0.5em;}
.cdOBclose { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); font-size: 18px;	cursor: pointer; }
a#pRmanbtn {font-size: 14px;padding: 4px 10px; margin: 0 6px;}

.cdOrderbar .presRow.prescdTotal{font-size: 13px;padding: 0.2em;width: 332px;}
.cdOrderbar .presLabel.pTot{color: #fff;margin-bottom: 0;width: 22%;font-size: 13px;}
.cdOrderbar .presLabel.pTot_01{color: #fff;margin-bottom: 0;width: 22%;font-size: 13px;}
.cdOrderbar .presLabel.pTot_02{color: #fff;margin-bottom: 0;width: 22%;font-size: 13px;}
.cdOrderbar .presLabel.pTot_03{color: #8bf5e4;margin-bottom: 0;width: 22%;font-size: 13px;}
.cdOrderbar .pTotspan{color:#daf0ff;}
section.cdTotSec_01,section.cdTotSec_02,section.cdTotSec_03,section.cdTotSec_04
 {display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;width: 100%;flex-direction: row;}
.pTotspan1 {width: 52%;}
.pTotspan2 {color: #f4f4a7;width: 18%;}
#cdTotal_06New {display: flex;	flex-direction: column;	flex-wrap: wrap;	align-content: space-between;	justify-content: center;	align-items: center;}
#cdTotal_06_01,#cdTotal_06_02 {width: 100%;padding: 2px 0;}
 
#cdTotal_07New {display: flex;	flex-direction: column;	flex-wrap: wrap;	align-content: space-between;	justify-content: center;	align-items: center;}
#cdTotal_07_01,#cdTotal_07_02,#cdTotal_07_03 {width: 100%;padding: 2px 0;}

.cdContentsNest.bg:before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.7;transition: opacity 0.3s ease-in-out;z-index: 90;}
.cdContentsNestPop.bg:before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.7;transition: opacity 0.3s ease-in-out;z-index: 90;}

/* 팝업위치 */
#popup03 {left: 987px;}
#popup02 {left: 652px;}
#popup01 {left: 100px;}

.presRow.pPop01,.presRow.pPop02,.presRow.pPop03{padding: 0;}


/* 반응형 레이아웃 미디어 쿼리 */
@media screen and (max-width:575.98px) {  /* 스마트폰 세로 */
  /*상단메뉴그룹 숨김 */
.navTop .ntMenuItem { display: none;}
li.ntMenuItem.downItem.bM {display: none;}
.cdCMain {padding: 0px 0.5em;}
.precMain { margin : 1em 0;}
section.presSec01, section.presSec02, section.presSec03, section.presSec04,section.presSec05 {padding:0;flex-flow: column;}
section.cdTotSec_01,section.cdTotSec_02,section.cdTotSec_03,section.cdTotSec_04
 {display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;width: 100%;flex-direction: column;}
.presSec02 .presRow, .presSec03 .presRow {width: 100%;padding: 1em;}
.presSchup {flex-flow: column;}
.presSchup .presRow {	width: 100%;}
.presTable, .hwanTable, .sanTable,.presTable.cdpUstable {overflow-x: scroll; white-space: nowrap; }
.pTable th {padding: 10px;font-size: 12px;}
.pTable td {padding: 10px;font-size: 12px;}
.pTable select {font-size: 12px;padding: 0.2em 33px;width:114px;}
.presYTotal { flex-flow: column;}
.presYInit { width: 100%;font-size: 8px; padding: 0 16px;	}
.presTOption { flex-flow: column;}
.presTOptaddon { padding-top: 0;flex-flow: column;}
.presBoksample { width: 100%;	text-align: center;}
.presTextarea { padding-top: 0;}
.presBokbtn {	padding-bottom: 1em;width: 100%;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;flex-wrap: nowrap;}
.cdCFooter {padding: 1em !important;}
.cdFooter {	padding-left: 0;}
.cdCOrderFooter {	z-index: 88;width: 92%;	margin-left: 4%;}
.cdCPayFooter {	width: 100%;	padding: 1em 1em;	margin:0;	z-index: 88;}
.cdPaybar {	flex-flow: column;}
.cdPaybar .presRow {width: 100%;font-size: 14px;padding-bottom: 0.5em;line-height: 1;}
.cdPaybar .presLabel {width: 100%;font-size: 14px;}
.cdPayDetail {	width: 100%;}
.cdPayBtn {width: 100%;text-align: center;padding-top: 0.5em;}
.cdBtn-black, .cdBtn-gray, .cdBtn-red, .cdBtn-primary, .cdBtn-blue, .cdBtn-green, .cdBtn-dgreen {padding: 4px;font-size: 12px;}
.cdMLSec02 label.presLabel {z-index: 14;font-size: 8px;}
.cdModFoot.presPsNest {display: flex;flex-direction: column;}
input#presSText {width: 45%; font-size: 12px;}
#pSTsearch { width: 16%;padding: 8px 0;font-size: 12px;}
#pSperiod {width: 20%;margin: 0 1%; font-size: 12px;}
#cdpQsearch {position: fixed;top: 0;left: 0;}


/*요약화면 */
.navTop .ntLogo { margin-left: 0; width: 155px;}

.ntLogo img {width: 75%;}

.navTop .ntMenuDown { width: 65%;}
span.pcUserView {display: none;}
.navTop .ntMenuItem {color: var(--nav_top_menu_c);padding: 1rem 0;}
.summaryMain {margin: 0em;}
.cdContainer {padding: 0em;}
.smrysearch.sDate {padding: 0 5px 0px;}
.smrysearch.sProcess, .smrysearch.sSearch {	padding: 6px 0px 0px;}
#smryProcess {width: auto;margin: 0 4px;padding: 0.5em;}
#smrySearch {display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;	font-size: 18px;padding: 8px 16px;}
.ntMenuItem.downItem { display: flex; flex-direction: row; flex-wrap: wrap;justify-content: flex-end;}
.summarySec01_01,.summarySec01_02,.summarySec02,.summarySec03{ display: flex;	flex-wrap: wrap;flex-direction: row;align-content: center;justify-content: center;align-items: center;width: 100%;}
canvas#smryChart11 {
	width: 314px !important;
	height: 300px !important;
}

/*처방하기*/
label.presLabel.pspTitle {width: 100%;}
.presSpgroup {flex-wrap: wrap;}
.presSp_01, .presSp_02, .presSp_03, .presSp_04, .presSp_05 {margin: 2px 36px;}
input#presPbtext {width: 83%;}
presRow.presPbigo .presLabel {width: 22%;}
presRow.presJJoption .presLabel {width: 23%;}
.presRow.pSec01 {padding: 10px 39px;display: flex;flex-direction: row;}

.presRow.pAref {text-align: left !important;}
label.presLabel.pStlabel {	font-size:12px;}
.yjBigo {	width: 300px;}
select#pSType { font-size: 12px;}

.presFgroup {display:flex;flex-direction: row;flex-wrap: wrap;}
.presSelect.Fsel {width: 96px;}
.presSec02 .presLabel {width: 40%;}
.presFlavor {padding:4px 12px 4px 10px;}
.presRow.Sec03 {padding:1px;}
.presRow.pSref {text-align: left !important;}
.presRow.pSref1 {text-align: left !important;}

.presRow.presTGoption .presSelect {width: auto;}
input#presTtetc {width: 96%;}
.presRow.presPbigo .presLabel {	width: 14%;}

.presSec03 .presLabel {width: 24%;}

.presRow.Bokbtn_02 {display: block;}
#Markopt1txt, #Markopt2txt {width: 44%;}

/*임시보관함 및 결제*/
section.presPBSec01 { padding: 1em 0.5em;}
.presPBTotal {display: flex;width: auto; background-color: #0b5d91; padding: 8px 12px; margin: 12px;border-radius: 10px;}
.presPBSec01 .presLabel { width: 50%;margin-bottom: 0;padding: 0.7em;font-size: 12px;color: #fff;}

span.viewTprice {display: flex;font-size: 16px;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;color: #f2fa6c;font-weight: 500;padding: 0 20px;}
.presPBInit {width: 30%;text-align: center;padding-top: 1em;}

a#pPBpay {font-size: 12px;}
section.presPPSec01 {padding: 1em;}
.presPPOrder { display: flex; width: 100%;flex-direction: column;}
.pOrderinfo {width: auto;}
.pOrderinfo, .pPaymethodinfo {	margin: 4px 0;}
.pPaymethodinfo {width: auto;}
.pOrdercontents {flex-direction: column;padding: 0;}
.pOrderinfo .presLabel, .pPaymethodinfo .presLabel {width: auto;}
.presPPSec01 .presLabel {width: auto;font-size: 13px;}
span.GoodsName {width: auto;}
span.BuyerEmail {width: auto;text-align: center;}
.GoodsName, .Amt, .BuyerName, .BuyerEmail, .BuyerTel {font-size: 13px;width: auto;}

.pBenefitinfo { margin: 4px 0 0;}
.pBenefitcontents { flex-direction: column; padding: 0;}
.aDeposit {	font-size: 13px;}
.unit {	font-size: 13px;}
.aDepositarrow, .aReservearrow {font-size: 13px;}
.aDepositcost, .aReservecost {font-size: 13px;}
#pDeposituse, #pReserveuse {	margin: 10px 0 0;}
.aReserve {font-size: 13px;}

.presPPTotal { display: flex; margin: 10px 0; flex-direction: column; }
.presPPTorder { width:100%; }
span.viewTPprice, span.viewToprice, span.viewPDprice, span.viewPRprice, span.viewDash, span.viewBracket, .unit1 {
	font-size: 14px; 
}

/*결제완료*/
.pCOrdercontents {display: flex;flex-direction: column;}
.cMoid, .cPayMethod,.cGoodsName,.cBuyerName,.cBuyerEmail{font-size: 13px;width: auto;}

.pCOrderdetail {display: flex;flex-direction: column;}
.pCorderPrice {display: flex;flex-direction: column;padding-bottom: 16px}

.cOAmt, .cDepositCost,.cReserveCost,.cAmt{ font-size: 13px;width: auto;color:#fff;}


.presPPInit { width:100%; padding: 0;}
a#pPPpay { font-size: 14px; padding: 10px; }

.cdCMain { height: 80%; }

/* 매뉴얼 */
.mdlg {	max-width: 90%;}
.manCol {display: none;}
}
@media screen and (max-width:767.98px) { /* 스마트폰 가로 */
   /*검색폼 숨김 */
.navTop .ntsForm {display: none;}

.ui-datepicker { 
	position: absolute;
	display: block;
  top: 485%;
  left: 17%;
  margin: auto;
  z-index: 2000;
}
.summarySec01_01,.summarySec01_02,.summarySec02,.summarySec03{ display: flex;	flex-wrap: wrap;flex-direction: row;align-content: center;justify-content: center;align-items: center;width: 100%;}

.presTable, .hwanTable, .sanTable {overflow-x: scroll; white-space: nowrap; }

#cdYaksBtn {display: block;}
#cdYaksBtn {	width: 10%;	margin: 6px 10px;}


}

@media screen and (max-width:991.98px) { /* 태블릿 */
   /* 메뉴 자동 숨김 */
.ntSidenavNest {transform: translateX(-220px);}
.ntSidenavNest.fold {transform: translateX(0);}
.cdContentsNest {margin-left: -220px;}
.cdContentsNest.fold:before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.8;transition: opacity 0.3s ease-in-out;z-index: 90;}
	/* 메뉴바 오른쪽으로 이동 */
.navTop .ntMbars { margin-right: 1.5rem !important;order: 1 !important;}


}
	
@media screen and (max-width:1199.98px) { /* 데스크탑 */
.cdContentsNest:before {display: none;}

.mdxl{ max-width: 90%; }
.cdModNest { left: 5%; }
}