@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);/* 250, 300, 350, -400-, 500, 700, 900 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
/*     font-size:62.5%; */
    vertical-align:baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-weight: 350;
	font-family: 'Noto Sans KR', sans-serif;
    font-size: 62.5%; /* em,rem 사이즈 */
}
body {
	background: #efefef;
	color: #444;
/*     line-height:1; */
}
html,body,
#container,
#main {
	height: 100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

ul, li {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/* 마우스 동작
:link, :visited { text-decoration: underline }
*/
/* 선택자 */
:focus {
	outline: none;
}
/* 링크 */
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}
/*
a:link { color:#000; }
a:visited { color:#000; }
a:hover  { color:#000; }
*/

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/**************** 사이트 코딩영역 ****************/
#container {}


.provision {
	display: table;
	background: #fff;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}
.provision h1 {
	font-size: 1.4rem;
	color: #444;
	line-height: 14px;
	margin-bottom: 20px;
}
.provision ul {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
.provision li span {
	display: block;
	height: 47px;
}
.provision p {
	font-size: 1rem;
	color: #444;
}
.provision a {
	background: #702C88;
	display: inline-block;
	font-size: 1rem;
	color: #FFFFFF;
	line-height: 20px;
	border-radius: 3px;
	margin-top: 15px;
	padding: 0 5px;
}
.provision a:active {
	background: #010610;
}
.agree {
	text-align: center;
	padding-top: 20px;
}
.agree input {
	background: #BFBFBF url(../img/bg_provision_check.png) center center no-repeat;
	width: 85px;
	height: 85px;
	border: none;
	border-radius: 50%;
	color: transparent;
	margin-bottom: 10px;
}
.agree input:active, .agree input.active {
	background-color: #239FD1;
}
.agree p{
	font-size: 1.4rem;
	color: #444444;
	margin-bottom: 25px;
}
.authagree {
    text-align: center;
    padding-top: 20px;
}
.authagree input {
    background: #BFBFBF url(../img/bg_provision_check.png) center center no-repeat;
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 50%;
    color: transparent;
    margin-bottom: 0px;
}
.authagree input:active, .authagree input.active {
	background-color: #239FD1;
}
.authagree p{
	font-size: 1.4rem;
	color: #444444;
	margin-bottom: 0px;
}
.provision_cont {
	color: #444444;
	margin: 25px 15px;
}
.provision_cont p {
	font-size: 1.2rem;
	line-height: 140%;
	margin-bottom: 1rem;
}
.provision_next {
	background: url(../img/icon_provision_next.png) right center no-repeat;
	font-size: 1.5rem;
	color: #2B1E4B;
	line-height: 30px;
	padding: 5px 22.5px;
}
.menu_faq_category {
	position: relative;
	background: #5B5B5B;
	width: 100%;
	height: 61px;
}

.menu_faq_category label {
	position: absolute;
	display: block;
	font-size: 1.6rem;
	color: #FFFFFF;
	line-height: 61px;
	width: 100%;
	height: 100%;
	padding: 0 10px;
}
.menu_faq_category select {
	opacity: 0;
	height: 61px;
}
.menu_faq_category a {
	display: block;
	color: #FFFFFF;
	width: 100%;
	line-height: 61px;
	height: 100%;
	background: url(../img/icon_dropdown_01.png) right center no-repeat;
}
.faq_drop {
	background: #323232;
	z-index: 1000;
	left: 0;
	bottom: auto;
	position: absolute;
	width: 100%;
}
.faq_drop li a {
	font-size: 1.4rem;
	color: #fff;
	line-height: 61px;
	border-bottom: 1px solid #555;
	padding: 0 10px;
}
.faq_drop li a:hover {
	background: #292929;
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.50);
}
.display_none {
	display: none;
}

.board_list_01 li {
	border-bottom: 1px solid #ccc;
	padding: 0 10px;
}
.board_list_01 li.border_none {
	border: none;
}
.board_list_01 li a {
	font-size: 1.4rem;
	color: #444;
	line-height: 44px;
}
.board_list_01 .date {
	font-size: 1.4rem;
	color: #aaa;
	padding-right: 3px;
}
.answer_01 {
	position: relative;
	background: #702C88;
	font-size: 1.4rem;
	color: #FFFFFF;
	line-height: 18px;
	border-radius: 5px;
	padding: 10px;
}
.answer_01:after {
	top: -10px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-bottom-color: #702C88;
	border-width: 5px;
	margin-left: -5px;
}
.menu_provision_list li {
	border-bottom: 1px solid #ccc;
	padding: 0 20px 0 75px;
}
.menu_provision_list li a {
	display: block;
	background: url(../img/icon_policy.png) right center no-repeat;
	font-weight: bold;
	font-size: 1.6rem;
	color: #444;
	line-height: 110px;
	width: 100%;
}
.menu_provision_list li.service {
	background: url(../img/icon_service_02.png) 20px center no-repeat;
}
.menu_provision_list li.local {
	background: url(../img/icon_local_02.png) 20px center no-repeat;
}
.menu_provision_list li.push {
	background: url(../img/icon_push_02.png) 20px center no-repeat;
}
.menu_provision_list li.private {
	background: url(../img/icon_private_02.png) 20px center no-repeat;
}
.menu_event_bar {
	overflow: hidden;
	line-height: 12px;
	border-radius: 5px;
	margin: 15px;
}
.menu_event_bar a {
	float: left;
	background: #fff;
	font-size: 1.2rem;
	color: #888;
	text-align: center;
	display: inline-block;
	line-height: 30px;
	width: 50%;
}
.menu_event_bar .select {
	background: #DD5740;
	color: #FFFFFF;
}
.menu_event_list {
	display: table;
	width: 100%;
	vertical-align: middle;
}
.menu_event_list ul {
	background: #fff;
	display: table;
	vertical-align: middle;
	width: 100%;
	height: 90px;
	border-bottom: 1px solid #ccc;
	padding: 0 10px;
}

.menu_event_list li {
	display: table-cell;
	vertical-align:middle;
	height: 100%;
}
.menu_event_list li:last-of-type {
	width: 100%;
}
.menu_event_list img {
	margin-right: 20px;
}
.menu_event_subj p:first-of-type,
.menu_event_list p:first-of-type {
	font-weight: bold;
	font-size: 1.2rem;
	color: #444;
	margin-bottom: 5px;
}
.menu_event_list p:last-of-type {
	font-weight: normal;
	font-size: 1rem;
	color: #aaa;
}
.menu_event_list .out_link {
	background: url(../img/icon_out.png) right center no-repeat;
}
.menu_event_subj {
	height: 60px;
	padding: 15px;
}
.menu_event_cont {
	background: #fff;
	text-align: center;
	height: 100%;
}
.menu_event_cont img {
	max-width: 100%;
}

.request_company_wrap {
	display: table;
	padding: 15px 15px 0 15px;
	width: 100%;
}
.request_company {
	display: table;
	margin-bottom: 50px;
	width: 100%;
}
.request_desc > div {
	display: table-cell;
	vertical-align:middle;
	height: 100%;
}
.request_desc > div:first-of-type img {
/* 	width: 100px; */
	border-radius: 10px;
	margin-right: 15px;
}
.request_desc div.desc_comp {
	width: 100%;
}
.request_desc .desc_comp {
}
.request_desc .desc_comp li {
	font-size: 14px;
	color: #444;
	line-height: 24px;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.request_desc .desc_comp li:first-of-type {
	font-weight: bold;
	font-size: 1.7rem;
	color: #000;
}
.request_desc .desc_comp li:last-child {
	display: table;
	padding: 7px 0;
}
.request_desc .desc_comp .service,
.request_desc .desc_comp .score {
	float: left;
	display: block;
	text-align: center;
	padding: 0 5px;
}
.request_desc .desc_comp .service {
	width: 40%;
}
.request_desc .desc_comp .score {
	width: 60%;
	border-left: 1px solid #ccc;
}

.request_desc .desc_comp .service p:first-of-type,
.request_desc .desc_comp .score p:first-of-type {
	font-size: 1rem;
	color: #aaa;
	line-height: 10px;
	margin-bottom: 5px;
}
.request_desc .desc_comp .service p:last-of-type,
.request_desc .desc_comp .score p:last-of-type {
	font-size: 1.2rem;
	line-height: 14px;
}
.request_company_tab {
	display: table;
	margin-bottom: 15px;
}
.request_company_tab li {
	float: left;
	font-size: 1.6rem;
	color: #444;
	vertical-align: top;
	border-bottom: 3px solid transparent;
	margin-right: 10px;
	padding-bottom: 3px;
}
.request_company_tab li:hover,
.request_company_tab li.select {
	font-weight: bold;
	color: #000;
	border-bottom: 3px solid #dd5740;
}
.request_company_intro {
	font-size: 1.4rem;
	line-height: 140%;
}
.request_company_review ul {
	margin-bottom: 10px;
}
.request_company_review li {
	font-size: 1rem;
	color: #999;
	padding-bottom: 10px;
}
.request_company_review li:last-of-type {
	font-size: 1.2rem;
	color: #444;
	line-height: 140%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.request_fin {
	text-align: center;
	padding-top: 60px;
}
.request_fin img {
	margin-bottom: 25px;
}
.request_fin p:first-of-type {
	font-size: 1.4rem;
	color: #444;
	line-height: 140%;
	margin-bottom: 25px;
}
.btn_st_l_01 {
	background: #2b2049;
	display: block;
	font-size: 2.4rem;
	color: #fff;
	text-align: center;
	line-height: 50px;
	width: 235px;
	height: 50px;
	border-radius: 25px;
	margin: 0 auto 15px auto;

}
.request_fin .desc_01 {
	font-size: 1.2rem;
	color: #6f2f86;
}
.record_wrap {
	padding: 5px;
}
.record,
.record_ing {
	background: #fff;
	display: table;
	width: 100%;
	border-radius: 5px;
	margin: 5px 0;
	padding: 17px 15px;
}
.record_ing {
	background: #483776;
}
.record ul:first-of-type,
.record_ing ul:first-of-type {
	float: left;
}
.record ul:last-of-type,
.record_ing ul:last-of-type {
	float: right;
}
.record ul:first-of-type {
	float: left;
}
.record ul:last-of-type {
	float: right;
}
.record ul:first-of-type li:first-of-type,
.record_ing ul:first-of-type li:first-of-type {
	font-size: 1.2rem;
	color: #888;
	margin-bottom: 7px;
}
.record ul:first-of-type li:first-of-type span {
	color: #444;
}
.record ul:first-of-type li:last-of-type,
.record_ing ul:first-of-type li:last-of-type {
	font-size: 1.6rem;
	color: #444;
}
.record ul:last-of-type li,
.record_ing ul:last-of-type li {
	font-size: 1.2rem;
	color: #888;
	line-height: 45px;
}
.record_ing ul:first-of-type li:first-of-type {
	color: rgba(255,255,255,0.5) !important;
}
.record_ing,
.record_ing ul,
.record_ing li
 {
	color: #fff !important;
}
.record_ing ul:last-of-type li {
	font-weight: bold;
	font-size: 1.7rem;
	color: #fff;
	line-height: 45px;
}
.register_wrap {
	margin: 20px 25px;
}
.register_wrap .credit_register {
	background: #702c88;
	display: block;
	font-weight: bold;
	font-size: 2.4rem;
	color: #fff;
	text-align: center;
	line-height: 60px;
	border-radius: 30px;
	width: 100%;
	margin-bottom: 10px;
}
.register_wrap .credit_register span {
	background: url(../img/bg_credit_card.png) no-repeat left center;
	padding-left: 50px;
}
.register_wrap p:first-of-type {
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 15px;
}
.register_wrap p:last-of-type {
	text-align: center;
}
.register_wrap p:last-of-type span {
	display: inline-block;
	background: url(../img/bg_credit_mail.png) no-repeat;
	font-style: 1.2rem;
	text-align: left;
	margin: 0 auto;
	padding-left: 35px;

}

.authagree_wrap {
    margin: 20px 25px;
}
.authagree_wrap .credit_register {
    background: #702c88;
    display: block;
    font-weight: bold;
    font-size: 2.4rem;
    color: #fff;
    text-align: center;
    line-height: 60px;
    border-radius: 30px;
    width: 100%;
    margin-bottom: 10px;
}
.authagree_wrap .credit_register span {
    background: url(../img/bg_credit_card.png) no-repeat left center;
    padding-left: 50px;
}
.authagree_wrap p:first-of-type {
    font-weight: bold;
    font-size: 1.6rem;
    text-align: left;
    margin-bottom: 1px;
}
.authagree_wrap p:last-of-type {
    text-align: left;
}
.authagree_wrap p:last-of-type span {
    display: inline-block;
    background: url(../img/bg_credit_mail.png) no-repeat;
    font-style: 1.2rem;
    text-align: left;
    margin: 0 auto;
    padding-left: 35px;

}

.credit_list li {
	position: relative;
	font-size: 1.6rem;
	line-height: 45px;
	border-bottom: 1px solid #ccc;
}
.credit_list li span {
	font-weight: bold;
}
.credit_list li a {
	background: #de644f;
	position: absolute;
	right: 0;
	top: 13px;
	font-size: 1.2rem;
	color: #fff;
	line-height: 20px;
	border-radius: 5px;
	padding: 0 20px;
}
.register_wrap h1 {
	text-align: center;
	font-size: 1.6rem;
	padding-top: 20px;
}

.register_wrap h3 {
	text-align: center;
	font-size: 1.4rem;
	padding-top: 10px;
}

.ticket_list ul {
	display: table;
	font-size: 1.6rem;
	width: 100%;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	padding: 5px 10px;
}
.ticket_list ul li a {
	color: #444;
}
.ticket_list ul li:nth-child(1) {
	float: left;
	line-height: 40px;
}
.ticket_list ul li:nth-child(2) {
	float: right;
}
.ticket_list ul li:nth-child(2) p {
	text-align: right;
}
.ticket_list ul li:nth-child(2) p:nth-child(1) {
	font-weight: normal;
	font-size: 1.2rem;
	color: #999;
	line-height: 1;
	margin-bottom: 10px;
	text-decoration: line-through;
}
.ticket_list ul li:nth-child(2) p:nth-child(2) {
	font-weight: bold;
	font-size: 1.6rem;
	color: #1C2353;
	line-height: 1;
}
.ticket_pay_wrap {
	background: #efefef;
/* 	height: 100%; */
	box-sizing: border-box;
	padding: 25px 25px 0 25px;
}
.ticket_pay_wrap .ticket_desc {
	background: url(../img/bg_ticket_title.png) no-repeat center top;
	font-weight: bold;
	font-size: 3rem;
	color: #433f2b;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	box-sizing: border-box;
	height: 215px;
/* 	margin-top: 55px; */
	padding-top: 15px;
}
.ticket_pay_wrap .ticket_quantity {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}
.cancel_term li{
	list-style: decimal;
	padding-top: 5px;
	padding-left: 12px;
	text-indent: -12px;
}
.ticket_pay_wrap .ticket_quantity .ticket_cancel_wrap li a{
	text-decoration: underline;
}

.ticket_pay_wrap input[type="text"] {
	background: #7f7f7f;
	float: left;
	font-weight: bold;
	font-family: helvetica, roboto;
	font-size: 3rem;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
	line-height: 38px;
	width: 95px;
	height: 38px;
	border: none;
	border-radius: 19px;
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.3);
}
.ticket_pay_wrap .ticket_adjust {
	float: right;
}
.ticket_pay_wrap .ticket_adjust a {
	display: inline-block;
	width: 38px;
	height: 38px;
	border-radius: 19px;
	margin-left: 5px;
}
.ticket_pay_wrap .ticket_adjust a.minus {
	background: #494949 url(../img/icon_ticket_minus.png) no-repeat center center;
}
.ticket_pay_wrap .ticket_adjust a.plus {
	background: #494949 url(../img/icon_ticket_plus.png) no-repeat center center;
}
.ticket_pay_wrap .payment {
	position: relative;
	font-weight: bold;
	font-size: 3rem;
	text-shadow: 0 1px 0 #fff;
	border-top: 1px solid #fff;
	padding: 10px 0 20px 0;
}
.ticket_pay_wrap .payment a {
	background: #dd5740;
	position: absolute;
	right: 0;
	top: 10px;
	font-weight: bold;
	color: #fff;
	font-size: 2.5rem;
	line-height: 45px;
	text-shadow: none;
	border-radius: 23px;
	padding: 0 25px;
}
.ticket_pay_wrap .ticket_coupon {
	position: relative;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
}
.ticket_pay_wrap .ticket_coupon .coupon_name {
	font-weight: bold;
	font-size: 25px;
	font-size: 2.5rem;
	color: #444;
	line-height: 30px;
	line-height: 3rem;
	text-shadow: 0 1px 0 #fff;
	margin-bottom: 15px;
}
.ticket_pay_wrap .ticket_coupon .coupon_name.disable,
.ticket_pay_wrap .ticket_coupon .coupon_del.disable {
	opacity: 0.3;
}
.ticket_pay_wrap a.coupon_del {
	background: #494949 url(../img/icon_ticket_del.png) no-repeat center center;
	position: absolute;
	display: block;
	right: 0;
	top: 10px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	}
.ticket_pay_wrap .ticket_coupon .coupon_check {
	font-size: 14px;
	font-size: 1.4rem;
	color: #888;
/*
	line-height: 30px;
	line-height: 3rem;
	margin-bottom: 15px;
*/
}
.ticket_pay_wrap .ticket_coupon .coupon_result {
	background: #D8D8D8;
	font-size: 15px;
	font-size: 1.5rem;
	color: #444;
	text-align: center;
	line-height: 45px;
	line-height: 4.5rem;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	border-radius: 5px;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
	margin-top: 10px;
	margin-top: 1rem;
}
.payment_foot {
	display: table;
	width: 100%;
	padding: 15px 0 25px 0;
}
.payment_foot ul:first-of-type {
/*	float: left; */
	text-align: center;
/*	padding-left: 10px;*/
}
.payment_foot ul:last-of-type {
	float: right;
	padding-right: 25px;
}
.payment_foot ul:last-of-type li {
	font-size: 1.1rem;
	color: #3d3b38;
	line-height: 150%;
}
.payment_foot ul:last-of-type li:first-of-type {
	font-weight: bold;
	font-size: 1.4rem;
	padding-bottom: 10px;
}
.payment_foot ul:last-of-type li a {
	color: #444;
}


.board_wrap {
	position: relative;
	margin: 0 10px;
}
.rating {
	text-align: center;
	margin: 20px auto 30px auto;
}
.rating img {
	margin: 0 5px;
}
.board_wrap .write_area {
	margin-bottom: 15px;
}
.board_wrap .write_area p {
	font-size: 1.4rem;
	color: #999;
	margin-bottom: 15px;
}
.board_wrap .write_area input[type="text"],
.board_wrap .write_area textarea {
	background: #fff;
	font-size: 1.6rem;
	color: #444;
	width: 100%;
	border: none;
	border-top: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;

}
.board_wrap .write_area input[type="text"] {
	line-height: 35px;
	height: 35px;
	margin-bottom: 10px;
	padding: 0 10px;
}
.board_wrap .write_area textarea {
	line-height: 140%;
	height: 225px;
	resize: vertical;
	padding: 10px;
}
.btn_area_01 {
	text-align: right;
	margin-bottom: 20px;
}
.btn_area_01 a.btn_community_st_01 {
	background: #2B2049;
	display: inline-block;
	font-weight: bold;
	font-size: 1.5rem;
	color: #fff;
	text-align: center;
	line-height: 40px;
	width: 150px;
	height: 40px;
	border-radius: 20px;
}
.empty_wrap {
	text-align: center;
	height: 100%;
	max-height: 100%;
	vertical-align: middle; /*상하정렬 중앙*/
	box-sizing: border-box;
}
.empty_wrap table,
.empty_wrap td {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.empty_wrap td p {
	font-weight: bold;
	font-size: 1.4rem;
	color: #444;
	margin-top: 20px;
}


.register_wrap {
	margin: 20px 25px;
}
.register_wrap .credit_register {
	background: #702c88;
	display: block;
	font-weight: bold;
	font-size: 2.4rem;
	color: #fff;
	text-align: center;
	line-height: 60px;
	border-radius: 30px;
	width: 100%;
	margin-bottom: 10px;
}
.register_wrap .credit_register span {
	background: url(../img/bg_credit_card.png) no-repeat left center;
	padding-left: 50px;
}
.register_wrap p:first-of-type {
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 15px;
}
.register_wrap p:last-of-type {
	text-align: center;
}
.register_wrap p:last-of-type span {
	display: inline-block;
	background: url(../img/bg_credit_mail.png) no-repeat;
	font-style: 1.2rem;
	text-align: left;
	margin: 0 auto;
	padding-left: 35px;

}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 80%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

/* The Close Button */
.close {
	float: right;
	font-size: 14px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-header {
	padding: 10px 16px;
	border-radius: 5px 5px 0px 0px;
	border-bottom: 1px solid #ccc;
	background: #efefef
}

.modal-body {
	padding: 10px 16px;
	border-bottom: 1px solid #ccc;

}

.modal-footer {
	padding: 10px 16px 10px;
	background: #efefef;
	text-align: right;
}
.modal-footer a.btn{
	background: #2B2049;
	display: inline-block;
	font-weight: bold;
	font-size: 0.6rem;
	color: #fff;
	text-align: center;
	line-height: 20px;
	width: 70px;
	height: 20px;
	border-radius: 10px;
}