@charset "utf-8";

/* Input */
input	{height:32px; padding:0px 7px 0px 10px; font:12px/32px NanumSquareR; color:#333; border-width:1px; border-color:#b9baba #e4e4e4 #e4e4e4 #b9baba; border-style:solid; background:#F4F4F4; letter-spacing:0em;}
input::-webkit-input-placeholder	{font:11px/32px NanumSquareR; color:#C6C6C6; letter-spacing:-0.05em;}
input::-moz-placeholder				{font:11px/32px NanumSquareR; color:#C6C6C6; letter-spacing:-0.05em;}
input:-moz-placeholder				{font:11px/32px NanumSquareR; color:#C6C6C6; letter-spacing:-0.05em;}
input:-ms-input-placeholder			{font:11px/32px NanumSquareR; color:#C6C6C6; letter-spacing:-0.05em;}

input.act	{height:32px; padding:0px 10px 0px 11px; font:12px/32px NanumSquareR; color:#333; border-width:1px; border-color:#d57757 #f6a589 #f6a589 #d57757; border-style:solid; background:#fec8c2; letter-spacing:0em; vertical-align:middle;}

textarea			{width:100%; min-height:100px; padding:10px 10px 10px 11px; font:12px/25px NanumSquareR; letter-spacing:0em; color:#666; border-width:1px; border-color:#b1b2b3 #e4e4e4 #e4e4e4 #b1b2b3; border-style:solid; background:#F4F4F4;}

input.per100		{width:100%;}
input.per50			{width:50%;}

input.small									{height:28px; padding:0px 10px 0px 11px; font:12px/34px NanumSquareR; color:#333; border-width:1px; border-color:#b9baba #e4e4e4 #e4e4e4 #b9baba; border-style:solid; background:#F4F4F4; letter-spacing:0em; vertical-align:middle;}
input.small::-webkit-input-placeholder		{font:11px/28px NanumSquareR; color:#C6C6C6; letter-spacing:-0.05em;}
input.small::-moz-placeholder				{font:11px/28px NanumSquareR; color:#C6C6C6; letter-spacing:-0.05em;}
input.small:-moz-placeholder				{font:11px/28px NanumSquareR; color:#C6C6C6; letter-spacing:-0.05em;}
input.small:-ms-input-placeholder			{font:11px/28px NanumSquareR; color:#C6C6C6; letter-spacing:-0.05em;}

input:focus							{border-width:1px; border-color:#f8d208 #f8d208 #f8d208 #f8d208; border-style:solid; background:#FFF;
									-webkit-transition:border-color ease-in-out .55s; -o-transition:border-color ease-in-out .55s; transition:border-color ease-in-out .55s;}

input.ipcalendar					{display:inline-block; margin-top:-4px; height:32px; padding:0 2px; width:100px !important; background:transparent; border:none; text-align:center; font:22px/32px Roboto; font-weight:500; color:#FFF}
input.MD						{height:30px !important;}
/* Label 없이 사용시 */
input[type="checkbox"]			{z-index:99; width:18px; height:18px; display:inline-block; padding:0; vertical-align:middle; margin-left:2px; margin-right:1px; border:0px none; cursor:pointer; outline:none;}
input[type="checkbox"]			{background: url('/img/icon/checkBox.png') no-repeat 0 0; background-size:18px auto; display:inline-block; letter-spacing:-1px; line-height:18px;}
input[type="checkbox"]:checked	{background: url('/img/icon/checkBox.png') no-repeat 0 -18px; background-size:18px auto; height:18px;}
input[type="checkbox"]:checked.gray	{background: url('/img/icon/checkBox2.png') no-repeat 0 -18px; background-size:18px auto; height:18px;}

input[type="radio"]				{z-index:99; width:17px; height:17px; border-radius:50%; padding:0; margin-right:4px; vertical-align:middle; border-style:none !important; cursor:pointer; outline:none; -webkit-transition: 0.2s ease all; transition: 0.2s ease all;}
/*input[type="radio"]			{background: url('/img/icon/icon_radio.png') no-repeat 0 0; background-size:19px auto; letter-spacing:-1px; line-height:19px;}
input[type="radio"]:checked	{background: url('/img/icon/icon_radio.png') no-repeat 0 -19px; background-size:19px auto;} 2020.04.28 Backup */
input[type="radio"]				{background:#fff; -moz-box-shadow:0 0 0 0.1em #DDD; -webkit-box-shadow:0 0 0 0.1em #DDD; -ms-box-shadow:0 0 0 0.1em #DDD; box-shadow:0 0 0 0.1em #DDD;}
input[type="radio"]:checked	{content:''; background:#5db626; -moz-box-shadow:0 0 0 0.2em #FFF inset; -webkit-box-shadow:0 0 0 0.2em #FFF inset; -ms-box-shadow:0 0 0 0.2em #FFF inset; box-shadow:0 0 0 0.2em #FFF inset; border:1px solid #5db626 !important;}


/* Check Box (BIG) + Label Text */
input[type=checkbox].css-checkbox						{position:absolute; z-index:-1000; left:-1000px; overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].css-checkbox + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.clr	{padding-left:30px; height:26px; display:inline-block; background-repeat:no-repeat; background-position:0 0; font:14px/25px celmonKr_bold; letter-spacing:-0.07em; vertical-align:middle; cursor:pointer; }
input[type=checkbox].css-checkbox:checked + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.chk	{background-position: 0 -26px; }
label.css-label											{background-image:url(/img/icon/checkBox_big.png); -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

/* Check Box (MIDDLE) + Label Text */
input[type=checkbox].mid-checkbox						{position:absolute; z-index:-1000; left:-1000px; overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].mid-checkbox + label.mid-label,
input[type=checkbox].mid-checkbox + label.mid-label.clr	{padding-left:22px; height:20px; display:inline-block; background-repeat:no-repeat; background-position:0 0; font:bold 12px/20px Dotum; letter-spacing:-0.07em; vertical-align:middle; cursor:pointer; }
input[type=checkbox].mid-checkbox:checked + label.mid-label,
input[type=checkbox].mid-checkbox + label.mid-label.chk	{background-position: 0 -20px;}
label.mid-label											{background-image:url(/img/icon/checkBox.png); -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

/* Radio */
input[type=radio].mid					{width:19px; height:19px; margin:0px; padding:0; opacity:0; cursor:pointer; border:0px none; outline:none;}
input[type=radio].mid + label			{display:inline-block; margin-left:-19px; padding-left:23px; background:url(/img/icon/icon_radio.png) no-repeat 0 0; background-size:19px auto; vertical-align:3px;}
input[type=radio].mid:checked + label	{background-position:0 -19px; background-size:19px auto;}

/* Slide CheckBox */
.slideCKB							{display:none;}
.slideCKB + label					{display:inline-block; width:40px; height:20px; position:relative; -webkit-transition:0.3s; transition:0.3s; margin:0px 10px; box-sizing:border-box;}
.slideCKB + label:after,
.slideCKB + label:before			{content:''; display:block; position:absolute; left:0px; top:0px; width:20px; height:20px; -webkit-transition:0.3s; transition:0.3s; cursor:pointer;}

.slideCKB:checked + label			{background:#FFF;}
.slideCKB:checked + label:after		{background:#6055ae; left:calc(100% - 20px);}
.slideCKB + label					{background:#ddd; border-radius:20px; box-shadow:1px 1px 3px #aaa;}
.slideCKB + label:after				{background:#DDD; border-radius:50%; box-shadow:1px 1px 3px #aaa;}

/* File Input */
.file_input label					{position:relative; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; width:80px; height:32px; background:#0067d0; border-radius:2px 0 0 2px; font:12px/32px NanumSquareR; color:#FFF; text-align:center;}
.file_input label input				{position:absolute; width:0; height:0; overflow:hidden; display:none !important;}
.file_input input[type=text]		{margin-left:-4px; vertical-align:middle; display:inline-block; height:32px; width:calc(100% - 82px); padding:0px 10px 0px 10px; font:12px/32px NanumSquareR; color:#888; border-width:1px; border-color:#b1b2b3 #e4e4e4 #e4e4e4 #b1b2b3; border-style:solid; background:#F4F4F4; letter-spacing:0em; border-radius:2px;}
.file_input label input,
.file_input label input:focus,
.file_input label input:active		{padding:0;}
@media screen and (max-width:600px) {
.file_input							{width:100%; margin:2px auto;}
}

/* File Input 2 : 2020.04.07 */
.input_file							{display:inline-block; overflow:hidden; position:relative; vertical-align:middle; width:100%; margin:0 3px;}
.input_file .fakeFileTxt			{background:#fff; width:100%; border:0; box-sizing:border-box; border:1px solid #e4e4e4; font-size:11px; color:#777;}
.input_file .buttonImg				{background:#0067d0; width:80px; padding:0px; line-height:30px; position:absolute; top:0px; right:0px; color:#FFF; border:0; box-sizing:border-box; letter-spacing:-1px;}
.input_file .realFile				{cursor:pointer !important; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}
.input_file .realFile				{position:absolute; right:0px; top:0px; width:100%;}

/* 폼체크시 에러가 났을경우 */
label.error			{position:relative; background:#383e49; color:#fc3b00; font-size:11px; padding:0 5px; left:0px; display:inline-block; height:22px; line-height:22px;}
label.error:after	{content: ''; position:absolute; border-style:solid; border-width:11px 11px 11px 0; border-color:transparent #383e49; display:block; width:0; z-index:1; left:-11px; top:0px;}

input.error			{background-color:#FFF; border:1px solid #fc3b00;}
textarea.error		{background-color:#FFF; border:1px solid #fc3b00;}

/* 필수사항 Required Point - 2020.01.30 : FUNNY*/ 
.PNT			{}
.PNT:after		{content:'*'; margin-right:3px; font:14px NanumSquareB; color:#d9534f;}

/******************************************************************************************************************************************
*	BUTTON CSS - 2018.04.19 : FUNNY (Ver.2.0)
*******************************************************************************************************************************************/
/* COMMON BUTTON AREA TYPE CONTROL - 2018.04.24 : FUNNY */
.buttonWrap							{display:inline-block; width:100%; margin:10px auto; text-align:center;}
.buttonWrap .btn1 a				{width:100%;}
.buttonWrap .btn2 a				{width:48.5%;}
.buttonWrap .btn2 a:first-child	{margin-right:0px;}
.buttonWrap .btn2 a:last-child		{margin-left:0px;}

@media screen and (max-width:600px) {
	.buttonWrap						{display:inline-block; float:none !important;}
}


/* Board Left top Page State : 2018.07.04 - FUNNY */
.listPageview				{position:relative; width:100%; margin-bottom:5px;}
.listPageview ul			{float:left; display:inline-block;}
.listPageview li			{display:inline-block; float:left; padding:0 10px 0 0; font:11px/34px NanumSquareR; letter-spacing:0em; color:#777;}


.btnSD						{display:inline-block; height:21px; text-align:center; font:11px/21px NanumSquareR; letter-spacing:-1px; margin:0 0 3px 0; padding:0 .3em !important; cursor:pointer; text-decoration:none;}
.btnSD:active				{padding:.3em .8em .3em .8em !important; box-shadow: inset -.3rem -.1rem 1.4rem #FBFBFB, inset .3rem .4rem .8rem #BEC5D0; cursor: pointer;}
.btnMD					{display:inline-block; height:30px; text-align:center; font:12px/30px NanumSquareB; letter-spacing:-1px; padding:0 .7em !important;  cursor:pointer; text-decoration:none;} /* 일반 컨트롤 버튼 */
.btnLD						{display:inline-block; height:34px; text-align:center; font:15px/34px NanumSquareR; letter-spacing:-1px; padding:0px 1.5em !important; cursor:pointer; text-decoration:none;} /* 게시판 */
.btnXD					{display:inline-block; text-align:center; font:18px/17px NanumSquareR; letter-spacing:-1px; padding:.8em 1.4em .55em 1.2em !important; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;  cursor:pointer; text-decoration:none;}
.btnED						{display:inline-block; text-align:center; font:22px/17px NanumSquareR; letter-spacing:-1px; margin:3px 0;  border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;  cursor:pointer; text-decoration:none;} /* 양식제출, 페이지 */


.IDcolorBG				{background:linear-gradient(to bottom,#65c42a 50%,#5db626 50%) !important; border:1px solid #55a623; color:#FFFFFF !important; text-decoration:none;} /* Save, Modify */
.IDcolorBG:hover		{background:linear-gradient(to bottom,#5db626 50%,#53a222 50%) !important; border:1px solid #488c1d; color:#FFFFFF !important; text-decoration:none; transition:all 0.3s}

.IDcolorline				{background:linear-gradient(to bottom,#FFFFFF 50%,#F1F1F1 50%) !important; border:1px solid #5db626; color:#5db626 !important; text-decoration:none;} /* Only One Button - Move List */
.IDcolorline:hover		{background:linear-gradient(to bottom,#74ca19 50%,#6ab816 50%) !important; border:1px solid #499211; color:#FFFFFF !important; text-decoration:none; transition:all 0.3s}

.Byellow					{background:#fcdc02; border:1px solid #e7ca01; color:#000000;}
.Byellow:hover			{background:#fce702; border:1px solid #dcca02; color:#000000;}

.scarlet					{background:#d9534f !important; border:1px solid #d43d39; color:#FFFFFF !important;}
.scarlet:hover				{background:#db2b26 !important; border:1px solid #b71611; color:#FFFFFF !important; transition:all 0.3s}

.scarletline				{background:linear-gradient(to bottom,#FFFFFF 50%,#F1F1F1 50%) !important; color:#d9534f; border:1px solid #d9534f;}
.scarletline:hover			{background:linear-gradient(to bottom,#db2b26 50%,#ce2924 50%) !important; color:#FFFFFF; border:1px solid #d13f3a; transition:all 0.3s}

.lightgrey					{background:linear-gradient(to bottom,#F5F5F5 50%,#EEEEEE 50%) !important; border:1px solid #d3d3d3; color:#777777 !important;}
.lightgrey:hover			{background:linear-gradient(to bottom,#F1F1F1 50%,#E1E1E1 50%) !important; border:1px solid #AAAAAA; color:#444444 !important; text-decoration:none;}

.yellowgreen				{background:#75be30 !important; border:1px solid #6ab425; color:#FFFFFF !important; text-decoration:none;}
.yellowgreen:hover		{background:#5b9f13 !important; border:1px solid #499211; color:#FFFFFF !important; text-decoration:none;}

.flugreen					{background:#00c73c !important; border:1px solid #00ae34; color:#FFFFFF !important; text-decoration:none;} /* Only Excel */
.flugreen:hover			{background:#00ae34 !important; border:1px solid #007022; color:#FFFFFF !important; text-decoration:none;}

.vividblue					{background:#0494e4 !important; border:1px solid #056fb2; color:#FFFFFF !important; text-decoration:none;}
.vividblue:hover			{background:#0175ce !important; border:1px solid #00569f; color:#FFFFFF !important; text-decoration:none; transition:all 0.3s}

.darkgrayR				{background:linear-gradient(to bottom,#abb9c7 50%,#97a4b0 50%) !important; border: 1px solid #8a96a1; color: #FFFFFF !important; border-radius:3px;}
.darkgrayR:hover		{background:linear-gradient(to bottom,#97a4b0 50%,#838e99 50%) !important; border: 1px solid #76808a; color: #FFFFFF !important; border-radius:3px;}

.brown					{background:#8a7056 !important; border:1px solid #724f33; color:#FFFFFF !important;}
.brown:hover				{background:#78543a !important; border:1px solid #462d1a; color:#FFFFFF !important;}

.white						{background:linear-gradient(to bottom,#EEE,#FFF,#EEE); color:#666; border:1px solid #c2c2c2;}
.white:hover				{background:linear-gradient(to bottom,#DDD,#FFF,#DDD); color:#444; border:1px solid #A1A1A1;}

.yellow					{background:#fcdc02 !important; border:1px solid #fcc402; color:#000 !important; text-decoration:none;}
.yellow:hover				{background:#fcc402 !important; border:1px solid #e1af01; color:#000 !important; text-decoration:none;}

.darkgrey					{background:linear-gradient(to bottom,#abb9c7 50%,#97a4b0 50%) !important; border: 1px solid #8a96a1; color: #FFFFFF !important;}
.darkgrey:hover			{background:linear-gradient(to bottom,#97a4b0 50%,#838e99 50%) !important; border: 1px solid #76808a; color: #FFFFFF !important;}

.brownline				{background:#FFFFFF !important; border:1px solid #724f33; color:#724f33 !important; text-decoration:none;}
.brownline:hover		{background:#FFFFFF !important; border:1px solid #462d1a; color:#462d1a !important; text-decoration:none;}

.lightgrayline				{background:#FFFFFF; color:#AAAAAA; border:1px solid #CCCCCC;}
.lightgrayline:hover		{background:#FFFFFF; color:#888888; border:1px solid #AAAAAA;}

.yellowgreenline			{background:#FFFFFF !important; border:1px solid #75b638; color:#75b638 !important; text-decoration:none;}
.yellowgreenline:hover	{background:#78c302 !important; border:1px solid #61b201; color:#FFFFFF !important; text-decoration:none; transition:all 0.3s}

.blueline					{background:#FFFFFF !important; border:1px solid #0494e4; color:#0494e4 !important; text-decoration:none;}
.blueline:hover			{background:#0494e4 !important; border:1px solid #0175ce; color:#FFFFFF !important; text-decoration:none; transition:all 0.3s}

.yellowline				{background:#FFFFFF !important; border:1px solid #fcdc02; color:#dba500 !important; text-decoration:none;}
.yellowline:hover			{background:#fcdc02 !important; border:1px solid #fcdc02; color:#0187d2 !important; text-decoration:none; transition:all 0.3s}

/* 깜박거림 */
.blink {animation: blink-animation 1s steps(7, start) infinite; -webkit-animation: blink-animation 1s steps(7, start) infinite; } 
@keyframes blink-animation { to { visibility: hidden; } } 
@-webkit-keyframes blink-animation { to { visibility: hidden; } }





/* 인풋과 세트가 되는 버튼 */
a.iptBTN, .iptBTN							{cursor:pointer; display:inline-block; margin-left:-2px; height:32px; padding:0 7px; font:12px/32px NanumSquareR; letter-spacing:-0.07em; text-align:center; vertical-align:middle; text-decoration:none;}
a.iptBTNMD, .iptBTNMD						{cursor:pointer; display:inline-block; margin-left:-2px; height:30px; padding:0 7px; font:12px/30px NanumSquareR; letter-spacing:-0.07em; text-align:center; vertical-align:middle; text-decoration:none;}

a.iptBTN.basic, .iptBTN.basic				{background:linear-gradient(to bottom,#FFF 50%,#EAEAEA 50%); color:#555; border-width:1px; border-color:#b1b2b3 #e4e4e4 #e4e4e4 #e4e4e4; border-style: solid;}
a.iptBTN.darkgray, .iptBTN.darkgray			{background:#848f9a; color:#FFFFFF; border:1px solid #737d86;}
a.iptBTN.white, .iptBTN.white				{background:#FFFFFF; color:#767676; border:1px solid #a5a5a5;}
a.iptBTN.yellowgreen, .iptBTN.yellowgreen	{background:#5b9f13; color:#FFFFFF; border:1px solid #499211;}
a.iptBTN.red, .iptBTN.red					{background:#d9534f; color:#FFFFFF; border:1px solid #cb4440;}


/* 중형 액션 버튼 색상 종합 - 2016.07.06 : FUNNY */
a.btn_aniBuy			{margin:.2em; padding:0.6em 1.27em; text-decoration:none; background-color:#78543a; border:1px solid #644631; color:#FFF; letter-spacing:-0.08em; font:16px celmonKr_medium, Dotum; -webkit-tap-highlight-color: rgba(0,0,0,0); cursor:pointer;}
a.btn_aniCart			{margin:.2em; padding:0.6em 1.27em; text-decoration:none; background-color:#333333; border:1px solid #000; color:#FFF; letter-spacing:-0.08em; font:16px celmonKr_medium, Dotum; -webkit-tap-highlight-color: rgba(0,0,0,0); cursor:pointer;}
a.btn_aniFavor			{margin:.2em; padding:0.6em 1.27em; text-decoration:none; background-color:#797979; border:1px solid #6a6a6a; color:#FFF; letter-spacing:-0.08em; font:16px celmonKr_medium, Dotum; -webkit-tap-highlight-color: rgba(0,0,0,0); cursor:pointer;}

a.btn_aniBuyafter		{width:125px; margin: .0em; padding: 0.5em 0.9em; text-decoration:none; background-color:#f8f8f8; border:1px solid #d7d7d7; color:#3c3c3c; letter-spacing:-0.08em; font:13px celmonKr_bold, Dotum; -webkit-tap-highlight-color: rgba(0,0,0,0); cursor:pointer;}
a.btn_aniBuyquest		{width:125px; margin: .0em; padding: 0.5em 0.9em; text-decoration:none; background-color:#f8f8f8; border:1px solid #d7d7d7; color:#3c3c3c; letter-spacing:-0.08em; font:13px celmonKr_bold, Dotum; -webkit-tap-highlight-color: rgba(0,0,0,0); cursor:pointer;}


/* Jindo Control Button */
.browsebutton_product .browse-box		{display:inline;overflow:hidden;position:absolute;z-index:32000;background-color:#b5b5b5;opacity:0 !important;-ms-opacity:0 !important;filter:alpha(opacity=0) !important;-ms-filter:alpha(opacity=0) !important}
@media screen and (-webkit-min-device-pixel-ratio:0){.browsebutton_product .browse-box {top:0px; }}
.browsebutton_product .browse-file-input{position:absolute;margin:0;padding:0;border:0;cursor:pointer;left:0px;}
.browsebutton							{display:inline-block;*display:inline;overflow:hidden;position:relative;width:73px;height:24px;*margin-right:3px;vertical-align:top;zoom:1}
.browsebutton .browse-box				{display:inline-block;overflow:hidden;position:absolute;top:0;left:0;z-index:1000;width:73px;height:24px;opacity:0 !important;-ms-opacity:0 !important;filter:alpha(opacity=0) !important;-ms-filter:alpha(opacity=0) !important}
.browsebutton .browse-file-input		{position:absolute;margin:0;padding:0;border:0;background:none;cursor:pointer}
.browsebutton .browse-button			{position:absolute;top:0;left:0;width:73px;height:24px}
.browsebutton .browse-button .png24		{margin-left:-147px}
.browsebutton .browse-button .btn_change_png{margin:-30px 0 0}
.browsebutton .browse-applied			{display:block}
.browseb_img_reg,.browseb_edt,.browseb_find,.browseb_che																				{width:67px;height:20px}
.browseb_img_reg .browse-box,.browseb_edt .browse-box,.browseb_find .browse-box,.browseb_che .browse-box								{width:67px;height:20px}
.browseb_img_reg .browse-file-input,.browseb_edt .browse-file-input,.browseb_find .browse-file-input,.browseb_che .browse-file-input	{width:auto !important}
.browseb_img_reg .browse-button,.browseb_edt .browse-button,.browseb_find .browse-button,.browseb_che .browse-button					{display:inline-block;overflow:hidden;width:67px;height:20px;background:url(https://sell.storefarm.naver.com/static/img.shop.naver.net/admin/sp_jindo_btn.gif) no-repeat 0 -810px;font-size:0;line-height:999px}
.browseb_edt,.browseb_edt .browse-box	{width:36px}
.browseb_edt .browse-button				{width:36px;background-position:0 -840px}
.browseb_che,.browseb_che .browse-box	{width:67px}
.browseb_che .browse-button				{width:67px;background-position:0 -961px}
.browseb_find,.browseb_find .browse-box	{width:56px}
.browseb_find .browse-button			{width:56px;background-position:0 -870px}
.ly_sdp_wrap .dim_uio .browsebutton .browse-button		{filter:alpha(opacity=30)}
.ly_sdp_wrap .dim_uio .browsebutton .browse-file-input	{cursor:default}

.rdo_lb				{margin-right:27px; vertical-align:middle;}
.rdo_lb2			{margin-right:15px; vertical-align:middle;}
.rdo_lb3			{margin-right:5px; vertical-align:middle;}
.rdo_lb4			{margin-right:5px; margin-left:21px; vertical-align:middle;}
.rdo_lb5			{margin-right:8px; vertical-align:middle;}

textarea.ta						{overflow:auto; padding:2px 0 2px 5px; border:1px solid; border-color:#c9c9c9 #ebebeb #ebebeb #c9c9c9; line-height:18px; vertical-align:middle;}

button, input[type="submit"], input[type="button"]	{cursor:pointer; margin:0px; padding:0px; }


/******************************************************************************************************************************************
	Animation Button CSS (공통사항버튼 스타일 설정) - 2016.07.06 : 임채환
*******************************************************************************************************************************************/
.hvr-float-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	/* transform: translateZ(0); */
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.hvr-float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	/* W3C */
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	/* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
	/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/*	2D Transitions	***********************************************************************************************************************/
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
	10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
	30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
	50% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
	60% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
	70% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
	80% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
	90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0);}
	100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0);}
}

@keyframes hvr-buzz-out {
	10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
	30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
	50% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
	60% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
	70% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
	80% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
	90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0);}
	100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0);}
}

.hvr-buzz-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	/* transform:  perspective(1px) translateZ(0); */
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
	-webkit-animation-name: hvr-buzz-out;
	animation-name: hvr-buzz-out;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}