/************************* 
[2023-10-15]
[inline] 	img, a, span, strong, em, i, b, input, button
[block]		body, div, p, ul li, dl dt dd, h1 ~ h6, table
**************************/
/* body 공통속성 */
@charset "utf-8";

@font-face { font-family:Malgun Gothic; src:url(/addon/fonts/MalgunGothic.eot); }
/*@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/

/* body 공통속성 */
body,div,dl,dt,dd,ul,ol,li,p,
h1,h2,h3,h4,h5,h6,
form,fieldset,legend,input,label,button,textarea,select,
table,caption,thead,tfoot,tbody,tr,th,td,
address,img,span,em,strong,pre { margin:0px; padding:0px; border:0;}

img,fieldset,iframe { border:0 none;}
ul,ol,li { list-style: none; }
i,em,address {font-style: normal; }
caption, hr, .blind { display:none; }
img { border: 0 none; image-rendering: -webkit-optimize-contrast;}

body { font-size:12px; font-family:Malgun Gothic,'맑은 고딕',Nanum Gothic,'나눔 고딕',Dotum,'돋움',Gulim,'굴림',applegothic,sans-serif,arial; color: #191919; -webkit-font-smoothing: antialiased; }

h1 { font-size: 3.5rem; }
h2 { font-size: 2rem;   }
h3 { font-size: 1.2rem; }
h4 { font-size: 1rem; }

table { border-collapse: separate; border-spacing:0; width:100%; margin:0; padding:0;}
table td { word-break: break-all;}

label { vertical-align:middle; cursor:pointer; padding-right:10px; }
label:hover { color:#e2161c; position:relative; top:1px; left:1px; }
input { background-color:#FFF; border:1px solid #CCC; height:24px; line-height:24px; padding:0 5px; vertical-align:middle; }
input[type="image"] { overflow:hidden; max-width:100%; background-color:#FFF; border:0; clip:rect(0,0,0,0); }
input[type="file"]  { overflow:hidden; max-width:100%; background-color:#FFF; border:0; clip:rect(0,0,0,0); }
input[type="checkbox"] 	{ background-color:transparent; vertical-align:middle; display:inline-block; width:14px; height:14px; margin-bottom:5px; margin-right:5px; border:0;}
input[type="radio"]		{ background-color:transparent; vertical-align:middle; display:inline-block; width:14px; height:14px; margin-bottom:5px; margin-right:5px; border:0;}
input::placeholder { font-size:13px; color: #339900; text-align: left; }
textarea { background-color:#FFF; border:1px solid #ccc; overflow:auto; padding:5px; }
textarea,input { -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}
select { height:26px; vertical-align:bottom; padding: 3px ;  border: 1px solid #CCC; }
iframe { display:block; }

/*input,textarea,select,button { font-size:13px; color:#333; }*/

/* 테두리 제거 */
textarea:focus 	{ outline:none; outline-style: none; -moz-outline-style:none; }
button:focus 	{ outline:none; outline-style: none; -moz-outline-style:none; }
input:focus 	{ outline:none; outline-style: none; -moz-outline-style:none; }
select:focus 	{ outline:none; outline-style: none; -moz-outline-style:none; }
area:focus 		{ outline:none; outline-style: none; -moz-outline-style:none; }

section{
    /* height:100px;  */
    border: 1px solid #e3e3e3;
    border-radius: 10px;
	-webkit-border-radius: 10px;
    padding:1.2rem;
	overflow: hidden;
}

/* 크롬만 적용 */
/*
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
*/
	select {
		height:26px;
		font-size: 12px;
		vertical-align:bottom;
		padding: 0 20px 0 10px; 
		border: 1px solid #CCC;
		border-radius: 0px; 
		background: #FFF url('/addon/arrow1.png') no-repeat 99% 50%; 
		-webkit-appearance: none; 
		-moz-appearance: none;
		appearance: none;
		-ms-appearance: none; /* Microsoft Edge 지원 */
	}
/*
}
*/

.nowrap {
	white-space:normal; 
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-break:break-all; 
	word-wrap:break-word; 
}

/* common */
img.hspace1 { margin: 0 1px; }
img.vspace1 { margin: 1px 0; }
img.hspace2 { margin: 0 2px; }
img.vspace2 { margin: 2px 0; }
img.hspace3 { margin: 0 3px; }
img.vspace3 { margin: 3px 0; }
img.hspace4 { margin: 0 4px; }
img.vspace4 { margin: 4px 0; }
img.hspace5 { margin: 0 5px; }
img.vspace5 { margin: 5px 0; }

.btnIcon 	{ font-size: 0.8em !important; }
.Number		{ text-align:right; padding-right:5px; }
.FrmInfo	{ font-weight:bold; color:#e2161c; font-size:11px; padding-left:10px; line-height:1.8; }
.absolute_box { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.boximg 	{ display:block; }
.flexT  	{ display:flex; align-content: center; justify-content: space-between;}
.icon 		{ margin:1px; 2px; display:inline-block;}

/* Link Common */
a {outline:none; select-dummy: expression(this.hideFocus=true);}
a, area { blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; }

a {	color:#333; text-decoration:none; }
a:link,a:visited { /* color:#333;*/ text-decoration:none; }
a:hover { color:#e2161c; text-decoration:none; }
a:active { text-decoration:none; }
a.over:hover {position:relative; top:1px; left:1px;}

/* Sorting */
A.sort:link, A.sort:active, A.sort:visited { COLOR: #e2161c;  text-decoration: underline; FONT-WEIGHT: bold; }
A.sort:hover { COLOR: #e2161c; text-decoration: underline; FONT-WEIGHT: bold; }

/* 믿줄 */
A.under:link, A.under:active, A.under:visited { COLOR: #000000; TEXT-DECORATION: underline; }
A.under:hover { COLOR: #e2161c; TEXT-DECORATION: none; }

/* 주문내역 */
A.ord:link, A.ord:active, A.ord:visited { COLOR: #03c75a;  text-decoration: underline; FONT-WEIGHT: bold; }
A.ord:hover { COLOR: #03c75a; text-decoration: none; FONT-WEIGHT: bold; }

html,body { width:100%; height:100%; }
html {overflow:auto;}

body {
	line-height:22px; 
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color: #cccccc; 
    scrollbar-shadow-color: #cccccc; 
    scrollbar-3dlight-color: #ffffff; 
    scrollbar-arrow-color: #cccccc; 
    scrollbar-track-color: #ffffff; 
    scrollbar-darkshadow-color: #ffffff;
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
    background-color: #f5f5f7;
}

/* 로그인 박스 */
#login_box { position:relative; width:800px; height:400px; background:url(/img/login/bg.gif) no-repeat; -webkit-border-radius: 15px;}
#login_box .login_title { position:absolute; top:70px; left:60px; color:#333333; font-weight:bold; display:block;}
#login_box .login_title .TxtL { font-size:55px; line-height:55px; }
#login_box .login_title .TxtM { font-size:19px; line-height:23px; padding-top:15px; }
#login_box .login_title .TxtS { font-size:11px; }
#login_box .login_form { position:absolute; top:200px; padding-left:60px;}
#login_box .login_form .login_txt { float:left; width:40px; }
#login_box .login_form .login_frm { float:left; width:210px;}
#login_box .login_form .login_btn { float:left; padding-top:5px; }
#login_box .login_form .login_input { width:200px; height:22px; line-height:22px; background-color:#FFF; border:1px solid #CCC; padding-left:5px; -webkit-ime-mode:inactive; -moz-ime-mode:inactive; -ms-ime-mode:inactive; ime-mode:inactive; }
#login_box .login_add   { position:absolute; top:300px; padding-left:100px; color:#666; font-weight:bold; }
#login_box .LOGIN		{ height:26px; padding-top:5px; vertical-align:middle; }

/* HEADER */
#HeadWrap { postion:relatvie; width:100%;  min-width:1150px;}
	.TopInfo { postion:relative; height:35px; background-color:#3f414b; color:#ddd; padding-top:10px; padding-left:20px; overflow:hidden;}
		.TI_com { display: inline; float:left;  padding-right:10px;}
		.TI_btn { display: inline; float:right; text-align:right;  padding-right:10px;}
	.TopMenu { postion:relative; width:100%; height:60px; background-color:#03c75a; }
		.TM_logo { postion:relative; padding:10px 20px; float:left; filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.4));}
		.TM_menu { postion:relative; height:60px;}
		.TM_menu ul { display: inline;}
		.TM_menu li { display:inline-block; float:left; height:60px; line-height:60px; text-align:center; }
		.TM_menu li a { float:left; height:60px;  padding:0 20px; overflow:hidden;  font-size:19px;  font-weight:bold;  color:#FFF; text-shadow: 0px 1px 1px rgba(0,0,0,0.4); }
		.TM_menu li a:hover  { color:#03c75a; BACKGROUND-COLOR:#fff; text-shadow:0px 1px 1px #f9f9f9; }
		.TM_menu li.select   { color:#03c75a; BACKGROUND-COLOR:#fff; text-shadow:0px 0px 0px #fff; }
		.TM_menu li.select a { color:#03c75a; text-shadow:0px 1px 1px #f9f9f9; }

/* BODY */
#BodyWrap { postion:relatvie; width:100%; min-width:1150px;}
	/* INDEX */
	.MainMain { vertical-align:top; position: relative; overflow:hidden; margin:0px 10px; }
		#m1 { }
		#m1 .mTitle { font-size: 16px; line-height: 20px; font-weight:bold; padding:10px 0 10px 5px;}
		#m1 .TtbList { clear:both; border-collapse:collapse; border:1px solid #ddd;}
		#m1 .TtbList th{ padding:5px 20px; font-weight:bold; background-color:#f8f9fa; text-align:center; border-top:2px solid #666; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
		#m1 .TtbList th:first-child { border-left:0; }
		#m1 .TtbList td { padding:5px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; background-color: #fff;}
		#m1 .TtbList td.l { text-align:left; padding-left:10px;  }
		#m1 .TtbList td.r { text-align:right;  padding-right:10px; }
		#m1 .TtbList td:first-child { border-left:0; }
		#m1 .TtbList tr:last-child { border-bottom:1px solid #666; }
		
		#m2 {  }
		#m2 .mTitle { font-size: 16px; line-height: 20px; font-weight:bold; padding:20px 0 10px 5px;}
		#m2 .mBox { border: 1px solid #e4e8eb; padding:10px; box-sizing: border-box; background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px;}
		
		#m3 { padding-bottom:30px; }
		#m3 .mTitle { font-size: 16px; line-height: 20px; font-weight:bold; padding:20px 0 10px 5px;}
		#m3 .mBox { border: 1px solid #e4e8eb; padding:10px; box-sizing: border-box; background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px;}
	
	/* LEFT MENU */
	.MainMenu { position: relative; width:170px; float:left; margin:0 20px 0 10px; background-color:#464854; color:#ddd; overflow:hidden;  border-radius: 10px; -webkit-border-radius: 10px; }
		.MenuTitle { background-color:#3f414b; color:#FFF; height:45px; line-height:45px; padding-left:20px; font-weight:bold; }
		.MenuMenu { width:170px; margin:0px;}
			.MenuMenu ul { list-style: none; width: 170px; margin: 0px; padding:0px; overflower:hidden; }
			.MenuMenu li { border-bottom:1px solid #3f414b; margin: 0px; padding:0px; }
			.MenuMenu li a { display:block; height:30px; line-height:30px; color:#ddd; cursor:hand; text-shadow:-1px -1px -1px #000;}
			.MenuMenu li.prod a { display:block; height:30px; line-height:30px; color:#66ccff; cursor:hand; text-shadow:-1px -1px -1px #000;}
			.MenuMenu li.pos  a { display:block; height:30px; line-height:30px; color:#ff6600; cursor:hand; text-shadow:-1px -1px -1px #000;}
			.MenuMenu li.pos .select { color:#FFF; BACKGROUND-COLOR:#ff5757;}
			.MenuMenu li a:hover { color:#FFF; BACKGROUND-COLOR:#ff5757;}
			.MenuMenu li a.select { color:#FFF; BACKGROUND-COLOR:#ff5757;}
			.MenuMenu li .mTxt { padding-left:20px; float:left;}
			.MenuMenu li .cTxt { padding-right:10px; float:right; font-size:11px;}
	
	/* Content */
	.MainBody { vertical-align:top; position:relative; margin:0 10px; padding:30px; border:1px solid #e9e9e9; overflow:hidden; border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff;}	
		
		/* TITLE */
		.PageTop { margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #333333;  overflow:hidden;}
		.PageTitle { float:left; font-size:19px; font-weight:bold;}
		.PageIcon { float:right;  padding-top:15px; }
		
		/* 상단 안내박스 */
		.HDsearch {  clear: both; padding:20px; border:1px solid #d6e6f2; BACKGROUND-COLOR:#f2f8fe; overflow:hidden;}
		.HDsearch .ViewInfo { font-weight:bold; color:#e2161c; font-size:0.9em; }
		.HDsearch .infoTile { padding-bottom:10px; font-size:19px; font-weight:bold;}
		.HDsearch .infoSubject {font-size:12px; color:#e2161c; padding-left:20px;}
		.HDsearch .infoBody { font-size: 12px; padding-top:10px; padding-left:20px; }		
		
		.HDbox { clear:both; border-collapse:collapse; width:100%;}
		.HDbox th{ padding:7px 5px; font-weight:bold; text-align:center; border:1px solid #d6e6f2; BACKGROUND-COLOR:#f2f8fe;}
		.HDbox td{ padding:7px 5px; text-align:center;BACKGROUND-COLOR:#f2f8fe; border:1px solid #d6e6f2;}
		.HDbox td.l { text-align:left; padding-left:10px; }
		.HDbox td.r { text-align:right; padding-right:10px; }
		
		/* TABLE 타이틀 */
		.tbTitle { font-size:16px; font-weight:bold; padding:20px 0 5px 0; float:left;}
		.tbInfo  { font-size:12px; color:#03c75a; padding:20px 0 5px 0; float:right; }
		.tbCount { font-size:12px; padding:20px 0 5px 10px; float:right; }
		
		/* 테이블 리스트 */
		.tbList { clear:both; border-collapse:collapse; width:100%;}
		.tbList tr { }
		.tbList th { padding:10px 5px; font-weight:bold; background-color:#F8F8F8; text-align:center; border-top:2px solid #999; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
		.tbList th:first-child { border-left:0; }
		.tbList td { padding:7px 5px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; }
		.tbList td.l { text-align:left; padding-left:10px;  }
		.tbList td.r { text-align:right;  padding-right:10px; }
		.tbList td.b { font-weight:bold; padding:10px 10px; background-color:#F8F8F8; text-align:right; border-left:1px solid #ddd;  }
		.tbList td:first-child { border-left:0; }
		.tbList tr:last-child { border-bottom:2px solid #999; }
		.tbList tr.tdNewNone { padding:0px; height:0px; border:0}
		.tbList td.tdNewNone { padding:0px; height:0px; border:0}
		.tbList td.NoData  { text-align:center; font-size:20px; font-weight:bold; padding:100px 0; }
		.tbList td.NoDataP { text-align:center; font-size:16px; font-weight:bold; padding:80px 0; }
		
		.tbListN { clear:both; border-collapse:collapse; width:100%; border-top:2px solid #666; border-bottom:1px solid #666;}
		.tbListN th { padding:10px 5px; text-align:center; border-bottom:1px solid #ddd; background-color:#f8f9fa; }
		.tbListN th.l { text-align:left; padding-left:10px; }
		.tbListN th.r { text-align:right;  padding-right:10px; }
		.tbListN th:first-child { border-left:0; }
		.tbListN td { padding:7px 15px; border-bottom:1px solid #F0F0F0; text-align:center;}
		.tbListN td.l { text-align:left; padding-left:10px; }
		.tbListN td.r { text-align:right;  padding-right:10px; }
		.tbListN td.b { font-weight:bold; font-size:13px; color:#03c75a }
		.tbListN td:first-child { border-left:0; }
		.tbListN td.NoData  { text-align:center; font-size:20px; font-weight:bold; padding:100px 0; }
		
		/* 테이블 New */		
		.tbNew { clear:both; border-collapse:collapse; width:100%;}
		.tbNew tbody { border-top:2px solid #CCC; }
		.tbNew tr { height:30px; }
		.tbNew tr:last-child { border-bottom:2px solid #CCC; }
		.tbNew th { padding:10px; color:#666; font-weight:bold; background-color:#F8F8F8; text-align:right; border-bottom:1px solid #ccc;  }
		.tbNew th:first-child { border-left:0; }
		.tbNew td { padding:10px; border-bottom:1px solid #ccc; text-align:left; box-sizing:border-box; background:#fff;}
		.tbNew td:first-child { border-left:0;  box-sizing:border-box;}
		.tbNew td.l { text-align:left; padding-left:10px; }
		.tbNew td.r { text-align:right;  padding-right:10px; }
		.tbNew td.b { font-weight:bold; font-size:13px; color:#03c75a; }
		.tbNew tr.tdNewNone { padding:0px; height:0px; border:0}
		.tbNew td.tdNewNone { padding:0px; height:0px; border:0}
		.tbNew .ViewInfo { margin-left:20px; font-weight:bold; color:#e2161c; font-size:0.9em; }
		
		/* 테이블 Noborder */
		.tbNew .tbNone { clear:both; border-collapse:collapse; width:100%;}
		.tbNew .tbNone tbody { border-top:0; }
		.tbNew .tbNone tr { height:0px; }
		.tbNew .tbNone th { padding:1px; font-weight:bold; background-color:#F8F8F8; text-align:right; border:0; }
		.tbNew .tbNone td { padding:2px; border:0; text-align:left; }
		.tbNew .tbNone tr:last-child { border:0; }
		
		/* 주문상세내역 */
		.tbProd { clear:both; border-collapse:collapse; width:100%; border:1px solid #dfe4ff;}
		.tbProd th{ padding:5px; font-weight:bold; background-color:#dfe4ff; text-align:center; border:1px solid #dfe4ff; }
		.tbProd th:first-child { border-left:0; }
		.tbProd td { padding:3px; border:1px solid #dfe4ff; text-align:center; }
		.tbProd td.l { text-align:left; padding-left:10px; }
		.tbProd td.r { text-align:right;  padding-right:10px; }
		.tbProd td:first-child { border-left:0; }
		
		.tbProd .tbNone { clear:both; border-style:none; padding:0px;}
		.tbProd .tbNone tr { clear:both; border-style:none; padding:3px;}
		.tbProd .tbNone td { clear:both; border-style:none; padding:3px;}
		
		.tbBox { clear:both; border-collapse:collapse; width:100%; border:1px solid #CCC;}
		.tbBox tr { }
		.tbBox th { padding:5px; font-weight:bold; background-color:#F8F8F8; text-align:center; border:1px solid #CCC; }
		.tbBox td { padding:4px; border:1px solid #ccc;  background-color:#fff; text-align:center;}
		.tbBox td.l { text-align:left; }
		.tbBox td.r { text-align:right; }
			
		/* 테이블 Noborder */		
		.tbState { clear:both; border-collapse:collapse; width:100%;}
		.tbState tr { height:30px; }
		.tbState th { padding:2px; color:#333; font-weight:bold; text-align:right;  }
		.tbState td { padding:2px; text-align:left; box-sizing:border-box;}
		.tbState .ViewInfo { margin-left:20px; font-weight:bold; color:#e2161c; font-size:11px; }		
		
		/* 데이블 보기 BBS*/
		.bbsTitle{ padding:20px 10px 10px 10px; font-weight:bold; font-size:16px; }
		.bbsInfo { border-bottom:1px solid #ccc; border-top:1px solid #ccc; font-weight:bold;  padding:8px 10px 8px 10px; background-color:#F8F8F8; overflow:auto;}
		.bbsInfo .w { display: inline; float:left; padding-left:20px;}
		.bbsInfo .c { display: inline; float:right; padding-right:10px;}
		.bbsBody { padding: 20px;}
		.bbsPN { border-bottom:1px solid #ccc; border-top:1px solid #ccc;  padding:10px;}
		.bbsPN td { padding:5px 0;}
		.bbsMTitle { font-size:16px; font-weight:bold; padding:20px 10px 10px 10px; }
		.bbsMemo { background-color:#f9f9f9;  padding:10px; border:1px solid #e6e6e6;  }
		.bbsMemoList { border-bottom:1px solid #e6e6e6;  padding:10px 0px; }
		.bbsMemoInput { margin-top:10px; }
		
		/* 게시판 갤러리 보기 */
		.tbBbsGV { display: flex; flex-flow:row wrap; justify-content:space-between; padding:10px 0; border-top:2px solid #999; border-bottom:2px solid #ccc; }
		.tbBbsGV .NoData { margin:auto; stext-align:center; font-size:20px; font-weight:bold; padding:100px 0; }
		
		.gdBbsGV { display: grid; grid-template-columns: repeat(auto-fill, 222px); justify-content: space-between; grid-gap: 1px; }
		.gdBbsGV .gitem { display:flex; flex-flow:row nowrap; padding:15px 0; border-bottom:1px solid #ccc; }
		.gdBbsGV .NoData { margin:auto; stext-align:center; font-size:20px; font-weight:bold; padding:100px 0; }
		
		/* 게시판 웹진 보기 */
		.tbBbsWV { display: display; padding:0; border-top:2px solid #999; border-bottom:2px solid #ccc; }
		.tbBbsWV .witem { display:flex; flex-flow:row nowrap; padding:15px 0; border-bottom:1px solid #ccc; }
		.tbBbsWV .witem:last-child { border:0;}
		.tbBbsWV .NoData { margin:auto; stext-align:center; font-size:20px; font-weight:bold; padding:100px 0; }
		
		/* SMS BOX */
		.smsBox { clear:both; border-collapse:collapse; width:100%; border:1px solid #f5e3c1;}
		.smsBox th{ padding:5px; font-weight:bold; text-align:center; border:1px solid #f5e3c1;  background-color:#f5e3c1; }
		.smsBox td { padding:7px 5px; border:1px solid #f5e3c1; }
		.smsBox td.l { text-align:left; padding-left:10px; WORD-BREAK: break-all; }
		.smsBox td.r { text-align:right;  padding-right:10px; WORD-BREAK: break-all; }
		.smsBox td .sms { OVERFLOW: hidden;  BORDER:0px solid; FONT-SIZE: 9pt; COLOR: #785039; BACKGROUND-COLOR: #f9f9f4; width:96px; height:69px; }
		.smsBox td .num { BORDER:0px solid; FONT-SIZE: 9pt; OVERFLOW: hidden; COLOR: #785039; BACKGROUND-COLOR: #eedfc0; text-align:right; font-weight:bold; height:13px; }


		/* 버튼영역 */
		.btnArea { width:100%;  text-align:center; padding:20px 0 ;}
		.btnArea .type1 { width:100%; }
		.btnArea .type2 { width:50%; }
		.btnArea .type3 { width:33.333%;}
		.btnArea .type4 { width:25%; }
		.btnArea .type5 { width:20%; }
		.topbtnArea { width:100%;  text-align:center; padding:20px 0 0 0;} 
		.SubtnArea { width:100vw;  text-align:center; padding:20px 0 ;}
		
		/* 하단 공지 사항 */
		.PageInfo { background-color:#f9f9f9; border:1px solid #e6e6e6; padding:30px; margin-top:20px; border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; perspective: 1px;}	
		.PageInfo .infoTile { padding-bottom:10px; font-size:19px;}
		.PageInfo .infoSubject { font-size:14px; color:#e2161c; font-weight:bold; padding-top:10px;}
		.PageInfo .infoBody { font-size: 12px; }
		
		/* 팝업 NoData */
		.NoDataP { text-align:center; font-size:16px; font-weight:bold; padding:80px 0; }
		
		/* Pageing */
		.PageNavi { margin-top: 20px;}
		.page { }
		.page a.pbtn { color:#999; display:inline-block; padding:3px 10px 2px 10px; border: #e1e1e1 1pt solid; text-align:center; vertical-align:middle; font-family:"Tahoma"; margin:0 2px; background:#fff;}
		.page .pon   { display:inline-block; padding:3px 9px 2px 9px; border: #03c75a 1pt solid; text-align:center; vertical-align:middle; font-family:"Tahoma"; margin:0 2px; font-weight:bold; text-decoration:none; background:#03c75a; color:#fff; }
		#ctl00_ContentPlaceHolder1_ctl00_btnFind:focus{ padding:1px; margin:0;}


/* BOTTOM */
#BottomWrap { background-color:#f5f5f7; padding:30px; height:65px; margin-top:20px; border-top:1px solid #e6e6e6; display:block;}	
#BottomWrap .copyright { color:#333; float:left; }
#BottomWrap .cp_info {  width: 250px; float:right; padding:0 50px;}
#BottomWrap .copymail { color:#333; float:left; }
#BottomWrap .copymail a { text-decoration:none; }
#BottomWrap .pravacy { float:right;}

/* Popup */
#PopTitle { width:100%; background-color:#03c75a; height:50px; display: flex; align-content:center; justify-content: space-between;}
#PopTitle .PTitle { padding-top:15px; padding-left:10px;  font-size:16px;  font-weight:bold;  color:#FFF;  text-shadow:0px 1px 1px #000000; }
#PopTitle .PLogo  { padding-top:25px; padding-right:10px; }
#PopTitle .PSel	  { padding-top:12px; padding-right:10px; }
.PopPageInfo { background-color:#eff5fa; border:1px solid #d6e6f2; padding:10px 15px;}	


/* Font Common */
/* 두껍게/색상/크기 */
.TxtBWB { color:#FFFFFF; font-size:55px; font-weight:bold; }
.TxtBWL { color:#FFFFFF; font-size:19px; font-weight:bold; }
.TxtBWM { color:#FFFFFF; font-size:16px; font-weight:bold; }
.TxtBWG { color:#FFFFFF; font-size:12px; font-weight:bold; }
.TxtBWS { color:#FFFFFF; font-size:11px; font-weight:bold; }

.TxtBRB { color:#e2161c; font-size:55px; font-weight:bold; }
.TxtBRL { color:#e2161c; font-size:19px; font-weight:bold; }
.TxtBRM { color:#e2161c; font-size:16px; font-weight:bold; }
.TxtBRG { color:#e2161c; font-size:12px; font-weight:bold; }
.TxtBRS { color:#e2161c; font-size:11px; font-weight:bold; }

.TxtBBB { color:#000000; font-size:55px; font-weight:bold; }
.TxtBBL { color:#000000; font-size:19px; font-weight:bold; }
.TxtBBM { color:#000000; font-size:16px; font-weight:bold; }
.TxtBBG { color:#000000; font-size:12px; font-weight:bold; }
.TxtBBS { color:#000000; font-size:11px; font-weight:bold; }

.TxtBYB { color:#ffd800; font-size:55px; font-weight:bold; }
.TxtBYL { color:#ffd800; font-size:19px; font-weight:bold; }
.TxtBYM { color:#ffd800; font-size:16px; font-weight:bold; }
.TxtBYG { color:#ffd800; font-size:12px; font-weight:bold; }
.TxtBYS { color:#ffd800; font-size:11px; font-weight:bold; }

.TxtBPB { color:#0033cc; font-size:55px; font-weight:bold; }
.TxtBPL { color:#0033cc; font-size:19px; font-weight:bold; }
.TxtBPM { color:#0033cc; font-size:16px; font-weight:bold; }
.TxtBPG { color:#0033cc; font-size:12px; font-weight:bold; }
.TxtBPS { color:#0033cc; font-size:11px; font-weight:bold; }

.TxtBGB { color:#666666; font-size:55px; font-weight:bold; }
.TxtBGL { color:#666666; font-size:19px; font-weight:bold; }
.TxtBGM { color:#666666; font-size:16px; font-weight:bold; }
.TxtBGG { color:#666666; font-size:12px; font-weight:bold; }
.TxtBGS { color:#666666; font-size:11px; font-weight:bold; }

.TxtBOB { color:#FF6600; font-size:55px; font-weight:bold; }
.TxtBOL { color:#FF6600; font-size:19px; font-weight:bold; }
.TxtBOM { color:#FF6600; font-size:16px; font-weight:bold; }
.TxtBOG { color:#FF6600; font-size:12px; font-weight:bold; }
.TxtBOS { color:#FF6600; font-size:11px; font-weight:bold; }

.TxtBNB { color:#009900; font-size:55px; font-weight:bold; }
.TxtBNL { color:#009900; font-size:19px; font-weight:bold; }
.TxtBNM { color:#009900; font-size:16px; font-weight:bold; }
.TxtBNG { color:#009900; font-size:12px; font-weight:bold; }
.TxtBNS { color:#009900; font-size:11px; font-weight:bold; }

.TxtGWB { color:#FFFFFF; font-size:55px; font-weight:normal; }
.TxtGWL { color:#FFFFFF; font-size:19px; font-weight:normal; }
.TxtGWM { color:#FFFFFF; font-size:16px; font-weight:normal; }
.TxtGWG { color:#FFFFFF; font-size:12px; font-weight:normal; }
.TxtGWS { color:#FFFFFF; font-size:11px; font-weight:normal; }

.TxtGRB { color:#e2161c; font-size:55px; font-weight:normal; }
.TxtGRL { color:#e2161c; font-size:19px; font-weight:normal; }
.TxtGRM { color:#e2161c; font-size:16px; font-weight:normal; }
.TxtGRG { color:#e2161c; font-size:12px; font-weight:normal; }
.TxtGRS { color:#e2161c; font-size:11px; font-weight:normal; }

.TxtGBB { color:#000000; font-size:55px; font-weight:normal; }
.TxtGBL { color:#000000; font-size:19px; font-weight:normal; }
.TxtGBM { color:#000000; font-size:16px; font-weight:normal; }
.TxtGBG { color:#000000; font-size:12px; font-weight:normal; }
.TxtGBS { color:#000000; font-size:11px; font-weight:normal; }

.TxtGYB { color:#ffd800; font-size:55px; font-weight:normal; }
.TxtGYL { color:#ffd800; font-size:19px; font-weight:normal; }
.TxtGYM { color:#ffd800; font-size:16px; font-weight:normal; }
.TxtGYG { color:#ffd800; font-size:12px; font-weight:normal; }
.TxtGYS { color:#ffd800; font-size:11px; font-weight:normal; }

.TxtGPL { color:#0033cc; font-size:55px; font-weight:normal; }
.TxtGPL { color:#0033cc; font-size:19px; font-weight:normal; }
.TxtGPM { color:#0033cc; font-size:16px; font-weight:normal; }
.TxtGPG { color:#0033cc; font-size:12px; font-weight:normal; }
.TxtGPS { color:#0033cc; font-size:11px; font-weight:normal; }

.TxtGGB { color:#666666; font-size:55px; font-weight:normal; }
.TxtGGL { color:#666666; font-size:19px; font-weight:normal; }
.TxtGGM { color:#666666; font-size:16px; font-weight:normal; }
.TxtGGG { color:#666666; font-size:12px; font-weight:normal; }
.TxtGGS { color:#666666; font-size:11px; font-weight:normal; }

.TxtGOB { color:#FF6600; font-size:55px; font-weight:normal; }
.TxtGOL { color:#FF6600; font-size:19px; font-weight:normal; }
.TxtGOM { color:#FF6600; font-size:16px; font-weight:normal; }
.TxtGOG { color:#FF6600; font-size:12px; font-weight:normal; }
.TxtGOS { color:#FF6600; font-size:11px; font-weight:normal; }

.TxtGNB { color:#016936; font-size:55px; font-weight:bold; }
.TxtGNL { color:#016936; font-size:19px; font-weight:bold; }
.TxtGNM { color:#016936; font-size:16px; font-weight:bold; }
.TxtGNG { color:#016936; font-size:12px; font-weight:bold; }
.TxtGNS { color:#016936; font-size:11px; font-weight:bold; }

.TxtGHL { color:#666666; font-size:19px; }
.TxtGHM { color:#666666; font-size:16px; }
.TxtGHG { color:#666666; font-size:12px; }
.TxtGHS { color:#666666; font-size:11px; }

.TxtW { color:#FFFFFF; }
.TxtR { color:#e2161c; }
.TxtB { color:#000000; }
.TxtY { color:#ffd800; }
.TxtP { color:#0033cc; }
.TxtG { color:#999999; }
.TxtO { color:#FF6600; }


/* 이미지 버튼 */
A.btn_img:link, A.btn_img:active, A.btn_img:visited { clear:both; overflow:hidden; font-size:0.95em; line-height:22px; display:inline-block; border:1px solid #c7c7c7; padding:1px 5px; border-radius:3px; -webkit-border-radius:3px; background-image:-webkit-linear-gradient(top, #ffffff, #ececec); background-image:-ms-linear-gradient(top, #ffffff 0%, #ececec 100%); font-weight:bold; letter-spacing:-1px; word-spacing:-1px; text-decoration:none; white-space:nowrap; vertical-align: bottom;}
A.btn_img:hover { display:inline-block; position:relative; top:1px; left:1px; }
A.btn_img>span>i { padding-right:3px }

A.btn_rimg:link, A.btn_rimg:active, A.btn_rimg:visited { clear:both; overflow:hidden; font-size:0.95em; line-height:22px; display:inline-block; border:1px solid #ca9d9d; padding:1px 5px; border-radius:3px; -webkit-border-radius:3px; background-image:-webkit-linear-gradient(top, #eddfdf, #e2c9c9); background-image:-ms-linear-gradient(top, #eddfdf 0%, #e2c9c9 100%); font-weight:bold; letter-spacing:-1px; word-spacing:-1px; text-decoration:none; white-space:nowrap; vertical-align: bottom;}
A.btn_rimg:hover { display:inline-block; position:relative; top:1px; left:1px; }
A.btn_rimg>span>i { padding-right:3px }

A.btn_bimg:link, A.btn_bimg:active, A.btn_bimg:visited { clear:both; overflow:hidden; font-size:0.95em; line-height:22px; display:inline-block; border:1px solid #9dadca; padding:1px 5px; border-radius:3px; -webkit-border-radius:3px; background-image:-webkit-linear-gradient(top, #dfe4ed, #c9d2e2); background-image:-ms-linear-gradient(top, #dfe4ed 0%, #c9d2e2 100%); font-weight:bold; letter-spacing:-1px; word-spacing:-1px; text-decoration:none; white-space:nowrap; vertical-align: bottom;}
A.btn_bimg:hover { display:inline-block; position:relative; top:1px; left:1px; }
A.btn_bimg>span>i { padding-right:3px }

A.btn_oimg:link, A.btn_oimg:active, A.btn_oimg:visited { clear:both; overflow:hidden; font-size:0.95em; line-height:22px; display:inline-block; border:1px solid #ffc671; padding:1px 5px; border-radius:3px; -webkit-border-radius:3px; background-image:-webkit-linear-gradient(top, #ffecd0, #ffe0b1); background-image:-ms-linear-gradient(top, #ffecd0 0%, #ffe0b1 100%); font-weight:bold; letter-spacing:-1px; word-spacing:-1px; text-decoration:none; white-space:nowrap; vertical-align: bottom;}
A.btn_oimg:hover { display:inline-block; position:relative; top:1px; left:1px; }
A.btn_oimg>span>i { padding-right:3px }

/* Form Button Common */
button { cursor:pointer; _cursor:hand; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; vertical-align:middle; border:none; font-weight:bold; }
button.fbtn { height:26px; line-height:24px; padding:0 10px; font-size:12px; border:1px solid #34353a; background-color:#34353a; color:#fff; }
button.fbtn:hover {position:relative; top:1px; left:1px;}

/* Button Common */
.btn,.btn *{ cursor:pointer; _cursor:hand; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; vertical-align:middle; border:none; font-weight:bold; margin-bottom:2px;}
.btn a:hover {position:relative; top:1px; left:1px;}

/* Button Login */
.btn.Login,.btn.Login * {height:85px;line-height:85px; padding-left:10px;}
.btn.Login * {padding:0 45px;background:#03c75a;color:#fff;font-size:16px; -webkit-border-radius: 5px;}

/* Button red */
.btn.red_L,.btn.red_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all;}
.btn.red_L * {padding:0 35px; background-color:#e2161c; color:#fff; font-size:12px; border:1px solid #e2161c; background-image: -webkit-gradient(linear, left top, left bottom, from(#e2161c), to(#990000)); background-image: -webkit-linear-gradient(top, #e2161c, #990000); background-image: linear-gradient(to bottom, #e2161c, #990000); background-repeat: repeat-x;} 
.btn.red_P,.btn.red_P * {height:40px; line-height:40px; white-space:nowrap; word-break:keep-all;}
.btn.red_P * {padding:0 35px; background-color:#e2161c; color:#fff; font-size:12px; border:1px solid #e2161c; background-image: -webkit-gradient(linear, left top, left bottom, from(#e2161c), to(#990000)); background-image: -webkit-linear-gradient(top, #e2161c, #990000); background-image: linear-gradient(to bottom, #e2161c, #990000); background-repeat: repeat-x;} 
.btn.red_M,.btn.red_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all;}
.btn.red_M * {padding:0 10px; background-color:#e2161c; color:#fff; font-size:12px; border:1px solid #e2161c;}
.btn.red_S,.btn.red_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all;}
.btn.red_S * {padding:0 4px;  background-color:#e2161c; color:#fff; font-size:11px; border:1px solid #e2161c; border-radius:3px;}

/* Button gold */
.btn.gold_L,.btn.gold_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all;}
.btn.gold_L * {padding:0 35px; background-color:#a49173; color:#fff; font-size:12px; border:1px solid #a49173; background-image: -webkit-gradient(linear, left top, left bottom, from(#a49173), to(#666633)); background-image: -webkit-linear-gradient(top, #a49173, #666633); background-image: linear-gradient(to bottom, #a49173, #666633); background-repeat: repeat-x;}
.btn.gold_P,.btn.gold_P * {height:40px; line-height:40px; white-space:nowrap; word-break:keep-all;}
.btn.gold_P * {padding:0 35px; background-color:#a49173; color:#fff; font-size:12px; border:1px solid #a49173; background-image: -webkit-gradient(linear, left top, left bottom, from(#a49173), to(#666633)); background-image: -webkit-linear-gradient(top, #a49173, #666633); background-image: linear-gradient(to bottom, #a49173, #666633); background-repeat: repeat-x;}
.btn.gold_M,.btn.gold_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all;}
.btn.gold_M * {padding:0 10px; background-color:#a49173; color:#fff; font-size:12px; border:1px solid #a49173;}
.btn.gold_S,.btn.gold_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all;}
.btn.gold_S * {padding:0 4px;  background-color:#a49173; color:#fff; font-size:11px; border:1px solid #a49173; border-radius:3px;}

/* Button black */
.btn.black_L,.btn.black_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all;}
.btn.black_L * {padding:0 35px; background-color:#34353a; color:#fff; font-size:12px; border:1px solid #34353a; background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#34353a)); background-image: -webkit-linear-gradient(top, #666666, #34353a); background-image: linear-gradient(to bottom, #666666, #34353a); background-repeat: repeat-x;} 
.btn.black_P,.btn.black_P * {height:40px; line-height:40px; white-space:nowrap; word-break:keep-all;}
.btn.black_P * {padding:0 35px; background-color:#34353a; color:#fff; font-size:12px; border:1px solid #34353a; background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#34353a)); background-image: -webkit-linear-gradient(top, #666666, #34353a); background-image: linear-gradient(to bottom, #666666, #34353a); background-repeat: repeat-x;} 
.btn.black_M,.btn.black_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all;}
.btn.black_M * {padding:0 10px; background-color:#34353a; color:#fff; font-size:12px; border:1px solid #34353a;}
.btn.black_S,.btn.black_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all;}
.btn.black_S * {padding:0 4px;  background-color:#34353a; color:#fff; font-size:11px; border:1px solid #34353a; border-radius:3px;}

/* Button gray */
.btn.gray_L,.btn.gray_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all; }
.btn.gray_L * {padding:0 34px; background-color:#666666; color:#fff; font-size:12px; border:1px solid #666666; background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666)); background-image: -webkit-linear-gradient(top, #999999, #666666); background-image: linear-gradient(to bottom, #999999, #666666); background-repeat: repeat-x;} 
.btn.gray_P,.btn.gray_P * {height:40px; line-height:40px; white-space:nowrap; word-break:keep-all; }
.btn.gray_P * {padding:0 35px; background-color:#666666; color:#fff; font-size:12px; border:1px solid #666666; background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666)); background-image: -webkit-linear-gradient(top, #999999, #666666); background-image: linear-gradient(to bottom, #999999, #666666); background-repeat: repeat-x;}
.btn.gray_M,.btn.gray_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all; }
.btn.gray_M * {padding:0 10px; background-color:#666666; color:#fff; font-size:12px; border:1px solid #666666;}
.btn.gray_S,.btn.gray_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all; }
.btn.gray_S * {padding:0 4px;  background-color:#666666; color:#fff; font-size:11px; border:1px solid #666666; border-radius:3px;}

/* Button white */
.btn.white_L,.btn.white_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all;}
.btn.white_L * {padding:0 34px; background-color:#ffffff; color:#333; font-size:12px; border:1px solid #cccccc;}
.btn.white_P,.btn.white_P * {height:40px; line-height:40px; white-space:nowrap; word-break:keep-all;}
.btn.white_P * {padding:0 35px; background-color:#ffffff; color:#333; font-size:12px; border:1px solid #cccccc;}
.btn.white_M,.btn.white_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all;}
.btn.white_M * {padding:0 10px; background-color:#ffffff; color:#333; font-size:12px; border:1px solid #cccccc;}
.btn.white_S,.btn.white_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all;}
.btn.white_S * {padding:0 4px;  background-color:#ffffff; color:#333; font-size:11px; border:1px solid #cccccc; border-radius:3px;}

/* Button green */
.btn.green_L,.btn.green_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all;}
.btn.green_L * {padding:0 34px; background-color:#2db400; color:#fff; font-size:12px; border:1px solid #2db400; background-image: -webkit-gradient(linear, left top, left bottom, from(#2db400), to(#336600)); background-image: -webkit-linear-gradient(top, #2db400, #336600); background-image: linear-gradient(to bottom, #2db400, #336600); background-repeat: repeat-x;} 
.btn.green_P,.btn.green_P * {height:40px; line-height:40px; white-space:nowrap; word-break:keep-all;}
.btn.green_P * {padding:0 35px; background-color:#2db400; color:#fff; font-size:12px; border:1px solid #2db400; background-image: -webkit-gradient(linear, left top, left bottom, from(#2db400), to(#336600)); background-image: -webkit-linear-gradient(top, #2db400, #336600); background-image: linear-gradient(to bottom, #2db400, #336600); background-repeat: repeat-x;}
.btn.green_M,.btn.green_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all;}
.btn.green_M * {padding:0 10px; background-color:#2db400; color:#fff; font-size:12px; border:1px solid #2db400;}
.btn.green_S,.btn.green_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all;}
.btn.green_S * {padding:0 4px;  background-color:#2db400; color:#fff; font-size:11px; border:1px solid #2db400; border-radius:3px;}
.btn.green_B,.btn.green_B * {height:26px; line-height:26px; white-space:nowrap; word-break:keep-all;}
.btn.green_B * {padding:0 5px; background-color:#2db400; color:#fff; font-size:12px; border:1px solid #2db400; border-radius:3px;}


/* Button blue */
.btn.blue_L,.btn.blue_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all;}
.btn.blue_L * {padding:0 34px; background-color:#3366cc; color:#fff; font-size:12px; border:1px solid #3366cc; background-image: -webkit-gradient(linear, left top, left bottom, from(#3366cc), to(#003366)); background-image: -webkit-linear-gradient(top, #3366cc, #003366); background-image: linear-gradient(to bottom, #3366cc, #003366); background-repeat: repeat-x;} 
.btn.blue_P,.btn.blue_P * {height:40px; line-height:40px; white-space:nowrap; word-break:keep-all;}
.btn.blue_P * {padding:0 35px; background-color:#3366cc; color:#fff; font-size:12px; border:1px solid #3366cc; background-image: -webkit-gradient(linear, left top, left bottom, from(#3366cc), to(#003366)); background-image: -webkit-linear-gradient(top, #3366cc, #003366); background-image: linear-gradient(to bottom, #3366cc, #003366); background-repeat: repeat-x;}
.btn.blue_M,.btn.blue_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all;}
.btn.blue_M * {padding:0 10px; background-color:#3366cc; color:#fff; font-size:12px; border:1px solid #3366cc;}
.btn.blue_S,.btn.blue_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all;}
.btn.blue_S * {padding:0 4px;  background-color:#3366cc; color:#fff; font-size:11px; border:1px solid #3366cc; border-radius:3px;}


/********************************************************************/
/* jqueryUI datePicker */
.ui-datepicker {  }
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { height:23px; padding-left:10px;}
.ui-datepicker-trigger { vertical-align:middle;  margin-left:3px; }
.ui-autocomplete-loading { background:white url('/addon/img/autocomplete_loading.gif') no-repeat 90% 50%; }

/* jqueryUI Select Box */
.ui-selectmenu-button.ui-button { width:auto; padding:4px 0 4px 10px; background-color:#FFF; border-radius:0px; }
.ui-menu .ui-menu-item-wrapper { position:relative; padding:0 1em 0 .4em; }
.ui-menu { max-height: 250px; width: 100%; }
.ui-selectmenu-text { color:#000;}
.ui-widget:focus 	{ outline: none; border:1px solid #CCC; }

.UiSelProd { height: 21px; font-size:14px; line-height:20px;}
.UiSelYear { height: 21px; font-size:19px; line-height:21px;  border:0 !important; padding:0; margin:0; font-weight:bold}
.UiSelYear .ui-icon { margin-top:2px; }
.UiSelYear .ui-selectmenu-text { margin-right:10px; border:0; font-weight:bold}
.UiSelYear:hover { border:0; font-weight:bold }
.UiSelYear:focus { outline:none; }
#bSetY-menu { font-size:19px; font-weight:bold}
#bTaxY-menu { font-size:15px; }
#bTaxM-menu { font-size:15px; }
.UiSelComp { min-width:100px; font-size:18px; line-height:20px; padding: 3px 3px 0 3px; }
.UiSubComp { min-width:100px; font-size:18px; line-height:25px; padding: 3px 3px 0 3px; }
.UiSelODcss { background:#FFF0F0 !important; }
.UiSelCompMenu { font-size:18px; height: 200px; }

/* jqueryUI Tooltip */
.ui-tooltip { padding:8px; position:absolute; border:1px solid #CCC; background:#333; color:#FFF; line-height:150%; white-space:normal; word-break:break-all; word-wrap: break-word; z-index:9999; max-width:800px; }

/* jqueryUI Note */
#NoteValue:focus { outline:none; }

/* input type="file" 꾸미기 */
.filebox input[type="file"] { position:absolute; width:0; height:0; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; background-color:#fff; }
.filebox label { clear:both; overflow:hidden; font-size:0.95em; line-height:22px; display:inline-block; border:1px solid #c7c7c7; padding:1px 5px; border-radius:3px; -webkit-border-radius:3px; background-image:-webkit-linear-gradient(top, #ffffff, #ececec); background-image:-ms-linear-gradient(top, #ffffff 0%, #ececec 100%); font-weight:bold; letter-spacing:-1px; word-spacing:-1px; text-decoration:none; white-space:nowrap; color:#333; text-align:center; vertical-align:middle; } 
.filebox label>i{ padding-right: 3px; }
.filebox label:hover { position:relative; top:1px; left:1px; color:#e2161c;}
/* named upload */
.filebox .upload-name { color:#000; display:inline-block; height:24px; padding-left:5px; line-height:25px; vertical-align:middle; background-color:#fff; border:1px solid #ccc; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }
.filebox .upload-hidden { background-color: #fff; border-color:#FFF; }
/* imaged preview */
.filebox .upload-display { margin-bottom: 5px; }
@media(min-width: 768px) { .filebox .upload-display { display:inline-block; margin-right:5px; margin-bottom:0; } }
.filebox .upload-thumb-wrap { display:inline-block; width:54px; padding:2px; vertical-align:middle; border:1px solid #ddd; border-radius:5px; background-color:#fff; }
.filebox .upload-display img { display:block; max-width:100%; width:100%; height:auto; }	

/* Loading */
.LoadingLayer { display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:555;}
.LoadingLayer .LoadingBg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.LoadingLayer .LoadingImg { display:none; position: absolute; top: 50%; left: 50%; width: 350px; height:auto;  border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; perspective: 1px; }

.LoadingLayer .LoadingSpinner { margin: 100px auto 0; width: 70px; text-align: center; display:none; position: absolute; top: 50%; left: 50%;  overflow: hidden; perspective: 1px; }
.LoadingLayer .LoadingSpinner > div { width: 18px; height: 18px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.LoadingLayer .LoadingSpinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.LoadingLayer .LoadingSpinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.PopBg {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:555; }
/********************************************************************/

.checkFB {
	background:url("/web_app/img/check_b.gif");
    background-repeat:no-repeat;
	background-position:top right;
}

.checkFR {
	background:url("/web_app/img/check_r.gif");
    background-repeat:no-repeat;
	background-position:top right;
}