@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}

/*±âº»*/
* {margin:0; padding:0; max-height:100000000px;}
* {-webkit-text-size-adjust:none;} /* ¾ÆÀÌÆù ÅØ½ºÆ® ÀÚµ¿È®´ë ¸·±â */

html {overflow-y:scroll;}
body {width:100%; height:100%;}

* {box-sizing:border-box;}

td *, div *, li *, span *, p * {}
ul, ol, li {list-style:none;}
p,div,ul,li,dl,dt,dd,ol,em,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6 {font-family: 'NanumBarunGothic', 'Nanum Gothic', 'Noto Sans KR', 'µ¸¿ò','dotum', sans-serif; line-height: 1.8em; font-weight: 400; font-size: 17px; color: #666;}



img {border:0; vertical-align:middle;}

ul, li, dl, dt, dd {list-style:none;}

table { border-collapse : collapse;	}

input, select { vertical-align: middle; }

/*±âº» ³¡*/


/* Æ÷Ä¿½º È¿°ú */
::selection { background:#00afec; color:#fff; }

.color252525 { color: #252525 !important; }
.fwMedium { font-weight: 500 !important; }
select { border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(/images/common/btn_select_arrow.png) 95% center no-repeat; background-size: 10px; }
select::-ms-expand { display: none; }

select[name="mobile1"], select[name="phone1"] { width: 80px; }





/* ¿©¹é°ü·Ã */
/*margin, padding*/
.mt0  {margin-top:0px !important;}	.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;} .mt55 {margin-top:55px !important;}

.mb0  {margin-bottom:0px !important;}, .mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;} .mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;} .mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;} .mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;} .mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;} .mb55 {margin-bottom:55px !important;}

.ml0  {margin-left:0px !important;}, .ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;} .ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;} .ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;} .ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;} .ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;} .ml55 {margin-left:55px !important;}

.mr0  {margin-right:0px !important;}  .mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;} .mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;} .mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;} .mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;} .mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;} .mr55 {margin-right:55px !important;}

.pt0  {padding-top:0px !important;}, .pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;} .pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;} .pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;} .pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;} .pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;} .pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;} .pt65 {padding-top:65px !important;}


.pb0  {padding-bottom:0px !important;}, .pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;} .pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;} .pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;} .pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;} .pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;} .pb55 {padding-bottom:55px !important;}

.pl0  {padding-left:0px !important;}, .pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;} .pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;} .pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;} .pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;} .pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;} .pl55 {padding-left:55px !important;}

.pr0  {padding-right:0px !important;}, .pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;} .pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;} .pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;} .pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;} .pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;} .pr55 {padding-right:55px !important;}

.bl01 {border-bottom:1px solid #d1d2d2;}


/* Á¤·Ä°ü·Ã */
.overflow {overflow:hidden;}
.pr {position:relative !important;}
.left {float:left !important;}
.right { float:right !important;}
.tleft {text-align:left !important;}
.tcenter {text-align:center !important;}
.tright {text-align:right !important;}
.writeText {border:1px solid #ddd; width:100%; height:150px; padding:15px; font-family: 'Nanum Gothic', sans-serif; background:#fff; font-size:14px; color:#666; line-height:1.5; overflow-y:scroll;}
.writeText dl {margin-bottom:25px; line-height:1.7;}
.writeText dl dt {font-weight:bold;}
.em {font-weight:bold; color:#333; font-style:normal;}
.bold {font-weight:bold;}
.block {display:block !important;}
.inb {display:inline-block;}
.cb {position:relative; top:2px;}
.sr-only {position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden;}


/*etc*/
.backNone {background:none !important;}
.backDot {background:url('../images/common/dotLine.gif') repeat-x bottom;}

.dinb {display:inline-block !important;}
.disb {display:block !important;}

.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.vt {vertical-align:top !important;}

.fr {float:right !important;}
.fl {float:left !important;}

.brNone {border-right:0 !important;}
.blNone {border-left:0 !important;}
.btNone {border-top:0 !important;}
.bbNone {border-bottom:0 !important;}

.ptNone {padding-top:0 !important;}
.pbNone {padding-bottom:0 !important;}
.plNone {padding-left:0 !important;}
.prNone {padding-right:0 !important;}
.mtNone {margin-top:0 !important;}
.mbNone {margin-bottom:0 !important;}
.mlNone {margin-left:0 !important;}
.mrNone {margin-right:0 !important;}


.colorRed {color:#ed1c24 !important;}
.colorBlue {color:#024381 !important;}
.colorGreen {color:#315e98 !important;}
.color555 {color:#555 !important;}
.color333 {color:#333 !important;}
.color111 {color:#111 !important;}

.disNone {display:none !important;}

/****************************** board default ***********************************/
.sContents input, .sContents select, .sContents textarea {border:1px solid #ddd; padding:12px 8px;}
.checkTitle {font-size:16px; color:#333; font-weight:700; margin-bottom:15px; background:url('/images/common/checkPoint.gif') no-repeat left 4px; padding-left:25px !important;}
.viewTitle {font-size:24px; text-align:center; font-weight:500; color:#333; padding:25px 0; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.checkPoint {background:url('/images/common/checkPoint.gif') no-repeat left 4px; padding-left:25px;}
.formTxt {color:#888; font-size:13px; display:block; margin-top:5px; line-height:160%;}

.detail {padding:5px 15px 5px 35px; font-size:13px !important; color:#fff !important; border:1px solid #555; display:inline-block; background:url('/images/sub/detail_icon.png') no-repeat 15px -29px #777; text-decoration:none !important;}
.detail:hover {border:1px solid #16824f; background-color:#379669; background-position:15px -29px;}

/*
.boardTable {width:100%; position:relative; border-collapse:collapse; border-top: 2px solid #666; }
.boardTable th, .boardTable td {border:1px solid #e5e5e5; padding:16px 25px; vertical-align:middle; line-height:28px; }
.boardTable th {background:#fafafa; color:#252525; font-weight: 500; }
.boardTable td {color:#555;}
.boardTable td > ul {margin:0; padding:0 17px;}
.boardTable td img {border:0; vertical-align:middle;}
.boardTable td.subject {text-align:left; max-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
*/

/* table */
.boardTable {width:100%; border-top:2px solid #666; border-collapse:collapse;}
.boardTable th, .boardTable td {border:1px solid #ddd; padding:16px; word-break:keep-all;}
.boardTable th {text-align:center;}
.boardTable th {background:#f3f3f3; color:#111; font-weight:400;}
.boardTable td > a:hover {color:#333;}
.boardTable td input, select, textarea {border:1px solid #ddd; padding:8px; font-size:15px;}
.boardTable td textarea {border:1px solid #ccc; width:90%; padding:5px 10px; vertical-align:middle;}
.boardTable td input.checkbox{width:auto; border:none; margin-bottom:2px;}
.boardTable td ul {padding-left:15px;}
.boardTable td ul > li {list-style-type:disc;}

/*gallery*/
.gallery > li {width:292.5px; height:330px; float:left; margin:0 10px 10px 0; background: #eaeaea; box-sizing: border-box; }
.gallery > li:nth-child(2n) { margin-right: 10px; }
.gallery > li:nth-child(4n) {margin-right:0px;}
.gallery > li:hover ul li img { opacity: 0.8; }
.gallery > li > ul {}
.gallery > li > ul > li > img { width: 100%; height:230px;}
.gallery > li > ul > li > p {width:230px; margin-bottom:15px; background:#f9f9f9;}
.gallery > li > ul > li { text-align:center; color:#666;}
.gallery > li > ul > li.gTitle {margin:10px 0 0px; display: block; width: 100%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; padding: 0 5px; box-sizing: border-box;}
.gallery > li > ul > li.gTitle > a {font-size:17px; font-weight:400; color:#333; }
.gallery > li > ul > li.gLike { color: #111; }
.gallery > li > ul > li.gLike img { width: 20px; height: auto;	}


/*°Ô½ÃÆÇ °Ë»ö*/
.search {width:100%; background:url('../images/common/search.png') no-repeat 30px #fbfbfb; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0 15px 45px; margin-bottom:27px; box-sizing:border-box; display:inline-block; position:relative;}
.search .s01{width:55%; float:left;}
.search .s02{width:35%; float:right; }
.search input{width:300px; height:40px; border:1px solid #ddd; display:block; float:left; margin-right:5px; padding:5px; margin-bottom: 0; }
.search select{width:190px; height:40px; border:1px solid #ddd;	float:left; margin-right:5px; margin-bottom: 0; }
.search a{width:90px; height:40px; line-height:37px; border:1px solid #999; display:block; float:left; text-align:center; background:#aaa; color:#fff;	transition:0; }
.search a:hover {background:#09357d; border:1px solid #02235c; text-decoration:none; color: #fff;}
.search .tt{height:30px; display:block; float:left; margin-right:20px; color:#333; text-shadow:1px 0 0 #333; letter-spacing:1px; font-size:17px; padding:10px 0 0 25px; }
.search .s02 select{float:right; width:200px;margin-right:15px;}
.old-ie .search{padding:19px 0;}
.old-ie .search input{padding-top:6px; height:25px;}



/*°Ô½ÃÆÇ ÆäÀÌÂ¡*/
.PagingB{width:100%; text-align:center; padding:30px 0 50px; clear:both;}
.PagingB .Paging{width:100%; text-align:center; }
.PagingB .Paging a{display:inline-block; width:40px; height:40px; line-height:38px; border:1px solid #ddd; margin:0 3px 0 0; color:#777;}
.PagingB .Paging a:hover{border:1px solid #aaa; background:#f5f5f5; text-decoration:none; cursor:pointer;}
.PagingB .Paging a.on{border:1px solid #aaa; color:#555; font-weight:400;}
.PagingB .Paging a.off{color:#cccccc; font-weight:normal; cursor: default; }
.PagingB .Paging a.off:hover{ border:1px solid #ccc; background:#fff;}
.PagingB .Paging a.prev01_on, .PagingB .Paging a.prev02_on, .PagingB .Paging a.next01_on, .PagingB .Paging a.next02_on{border:1px solid #cfcfcf; font-weight:normal;}
.PagingB .Paging a.prev01_on:hover, .PagingB .Paging a.prev02_on:hover, .PagingB .Paging a.next01_on:hover, .PagingB .Paging a.next02_on:hover{border:1px solid #a8a6a6; background:#d2d2d2;}

.PagingB .Paging a.prev01_off, .PagingB .Paging a.prev02_off, .PagingB .Paging a.next01_off, .PagingB .Paging a.next02_off{border:1px solid #cfcfcf; color:#ccc; font-weight:normal;}
.PagingB .Paging a.prev01_off:hover, .PagingB .Paging a.prev02_off:hover, .PagingB .Paging a.next01_off:hover, .PagingB .Paging a.next02_off:hover{ background: inherit; color: #ccc; cursor: default; }
.old-ie .PagingB .Paging a{height:26px;}

.boardBtn {margin-top:30px; overflow:hidden;}
.boardBtn > a {width:43px; height:43px; border:1px solid #d1d1d1; text-align:center; display:block; float:left; box-sizing: border-box;}
.boardBtn a.boardPN {height:43px; padding-top:13px; margin-right:10px;}
.boardBtn a.board_list {width:100px;line-height:43px; font-weight:400; padding:0 20px 0 55px; background:url('../images/common/board_list.png') no-repeat 25px;}
.boardBtn > a:hover {border:1px solid #bbb; background-color:#f5f5f5;}

#bContentArea{width:100%; padding:20px 0 30px 0; min-height:100px; border-bottom:1px solid #ccc;}
#bContentArea p{margin-bottom:5px;}
#pContentArea{width:100%; padding:30px 0; text-align:center; border-bottom:2px dashed #ccc;}
#pContentArea p{width:100%; padding:0; margin:0; text-align:center;}


/*Receipt ÇÁ¸°Æ®*/
#re_print {width:700px; padding:10px 30px 20px; }
#re_print > p {font-size:23px;}
#re_print > p > span {display:inline-block; margin-right:10px; color:#000;}
#re_print .print_new {width:700px; margin-left:0; margin-top:40px; }
#re_print .print_new > div, #re_print .print_new > div > a {font-size:14px;}
#re_print .print_new div.top {padding-bottom:60px; margin-bottom:30px; border-bottom:1px solid #555;}
#re_print .print_new div.top > strong {font-size:24px; font-weight:600; color:#000; display:block; margin-bottom:20px; line-height:30px;}
#re_print .print_new div.middle {margin-bottom:30px; padding-bottom:50px; min-height:350px; border-bottom:1px solid #555;}
#re_print .print_new div.middle > strong, #re_print .print_new div.bottom > strong {font-size:17px; font-weight:600; color:#000; display:block; margin-bottom:15px;}
#re_print .print_new div.middle > table {margin-top:20px; border-collapse:collapse; }
#re_print .print_new div.middle > p {text-align:right; font-size:20px; font-weight:600; color:#000; margin-top:20px; padding-right:20px;}
#re_print .print_new div.middle > p > span {display:inline-block; margin-right:40px;}


/*motion*/
.ani, .ani_all *{
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.dotList {padding-left:0px;}
.dotList > li {padding-left:10px; background:url('/images/sub/ssubTitle_bg.jpg') no-repeat left 12px; margin-bottom:8px;}

.section {font-size:14px; color:#666; line-height:160%; overflow: hidden; }
.section h5 {margin-bottom:15px; }
.section h5 > strong {font-size:20px; font-weight:bold; color:#315e98; line-height:100%; border-bottom:3px solid #315e98; display:inline-block;}

.section input, .section select, .section textarea {border:1px solid #ddd; padding:10px 8px;}



/*¹öÆ°*/
.btn {text-align:center; margin-top:30px;}
.btn > a, .btn input, .add_del, .grayBtn {display:inline-block; padding:13px 30px !important; margin:0 3px; font-weight:400; color:#fff; text-align:center; cursor:pointer; text-decoration:none;}
.btn > a {padding:10px 30px !important;}


/*mypage*/
/*.beforeSubmission {height:86px; padding:53px 0 35px 170px; font-size:22px; color:#333; background:url('../images/contents/calendar.png') no-repeat 80px; border:1px solid #ddd;}*/
.submissionBtn {height:50px; line-height:50px !important; padding:0 30px 0 60px !important; border:1px solid #555; display:inline-block; background:url('../images/common/pen.png') no-repeat 20px #666; font-size:16px; color:#fff !important;}
.submissionBtn:hover {background-color:#444; border:1px solid #333; text-decoration:none;}

.btn .cancel, .btn input.cancel {background:#999;}
.btn .cancel:hover, .btn input.cancel:hover{background:#777;}
.btn .next, .btn input.next {background:#333;}
.btn .next:hover, .btn input.next:hover {background:#333; color: #fff;}

.btn input.cancel {border:1px solid #999 !important;}
.btn input.cancel:hover {border:1px solid #777 !important;}
.btn input.next {border:1px solid #0b5189 !important;}
.btn input.next:hover {border:1px solid #09426f !important;}

.btn input.paybtn{cursor:pointer;width:120px; text-align:center; border:1px solid #0071b3; color:#fff; padding:10px 0; font-weight:400; margin-right:5px; cursor:pointer;}
.btn input.paybtn:hover{background:#e33e4f; border:1px solid #be0014;cursor:pointer;}

.lineBtn {color:#406652; border:1px solid #ccc !important; font-weight:300; padding:9px; cursor:pointer; font-weight:400;}
.lineBtn:hover {border:1px slid #aaa !important; color:#406652;}

.add_del {border:1px solid #bbb !important; background:#f9f9f9; color:#444 !important;}
.grayBtn {border:1px solid #777 !important; background:#888;}
.greenBtn {border:1px solid #087441 !important; background:#315e98; color:#fff;}
.greenBtn:hover { background: #16427b; }

.smallBtn {border:1px solid #ccc; padding:6px 0 !important; font-size:13px !important; color:#406652; text-align:center; margin:2px 0; cursor:pointer;}
.smallBtn:hover {border:1px solid #aaa; color:#406652; font-weight:400;}


.xbtn{display:inline-block; width:20px; text-align:center; background:#ff6633; border:1px solid #d0370f; color:#fff; font-weight:400;}
.xbtn:hover{background:#d0370f; color:#fff;}


.download, .emailCheck {height:38px !important; line-height:38px !important; padding:0 20px; font-size:12px !important; font-weight:400; color:#666 !important; text-align:center; display:inline-block; text-decoration:none !important; margin:5px 0; border:1px solid #d3d3d3;}
.download:hover, .emailCheck:hover {background:#f9f9f9; border:1px solid #bbb; color:#09426f !important;}
input.emailCheck {line-height:normal !important;}

.emailCheck {height:34px; cursor:pointer;}

.down {padding:17px 70px 17px 30px; border:3px solid #444; text-decoration:none !important; background:url('/images/common/downBtn.png') no-repeat 93% -5px; display:inline-block; font-weight:500 !important; color:#333 !important;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;}
.down:hover {background-position:93% -74px; background-color:#444; color:#fff !important;}

/*·Î±×ÀÎ*/
.loginWrap {padding:40px 0 50px; background:#f6f6f6; border-top:2px solid #777; border-bottom:1px solid #ddd;}
.loginWrap > p {width:100%; height:40px; line-height:40px; font-size:30px; color:#333; margin-bottom:40px; text-align:center; font-weight:bold;}
.loginWrap div.loginBox {width:500px; padding:50px 0; margin:0 auto; background:#fff; border:1px solid #ddd; text-align:center;}
.loginWrap div.loginBox ul.login {display:inline-block;}
.loginWrap div.loginBox ul.login > li {margin-bottom:10px;}
.loginWrap div.loginBox ul.login > li > input { width: 270px; border:1px solid #ddd;}
.loginWrap div.loginBox ul.login > li > a {width:270px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; font-weight:bold; background:#0b5189; border:1px solid #0b5189; display:block; float:left;}
.loginWrap div.loginBox ul.login > li > a:hover {background:#09426f; border:1px solid #09426f; text-decoration:none;}

/*È¸¿ø°¡ÀÔ */
.signBox {padding:20px; border:1px solid #ddd; height:200px; overflow-y:auto;}
.signBox h3 {font-size:15px; font-weight:700; margin-bottom:10px;}
.signBox p {font-size:13px; padding-left:15px; margin:0px 0px 20px 0px; line-height:180%;}
.signBox ul.dotList {margin-top:-15px !important;}
.signBox ul.dotList > li {padding-left:12px; background:url('/images/common/dot.gif') no-repeat left 12px; margin:0px 0px 0px 18px; font-size:13px; display:block; line-height:180%}

/* All browsers */
.placeholder {color: #aaa;}
/* WebKit */
::-webkit-input-placeholder {color: #aaa;}
/* Firefox 4 to 18 */
:-moz-placeholder {color: #aaa;}
/* Firefox 19+ */
::-moz-placeholder {color: #aaa;}
/* Internet Explorer 10+ */
:-ms-input-placeholder {color: #aaa;}
.ellipsis { display: block; width: 100%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;	}