/* header.jsp */
#paging-btn{
	display: inline-block;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 10px 25px;
    color: #999;
    font-size: 15px;
    line-height: 20px;
}
#paging-btn:hover{background: #eee;}
.nav--light .menu > li > a {
    font-size: 16px;
    letter-spacing: -1px ;
    opacity: .8;
}
.nav--light .menu > li > a:hover{
	opacity: 1;
}

.nav--light .menu > li > a.total-reserve{
    font-size: 14px;
    border: 1px solid rgb(16,207,189);
    padding: 10px 19px;
    background: rgb(16,207,189);
    border-radius: 3px;
    letter-spacing: 0px;
    min-width: 91px;
    max-width: 91px;
    margin-left: 20px;
    text-align: center;
}
.nav--light .menu > li > a.login{
    font-size: 14px;
    border: 1px solid #efefef;
    padding: 9px 21px;
    border-radius: 3px;
    letter-spacing: 0px;
    min-width: 91px;
    max-width: 91px;
    text-align: center;
    margin-left: 20px;
	
}
nav.sticky {
    -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    background-color: #fff;
    padding-bottom: 0;
    position: fixed;
}

.nav--light.sticky .menu > li > a.login{
    font-size: 14px;
    border: 1px solid rgb(102,102,102);
    padding: 9px 21px;
    border-radius: 3px;
    letter-spacing: 0px;
    min-width: 91px;
    max-width: 91px;
    text-align: center;
    margin-left: 20px;
    color: rgb(102,102,102);
}
.nav--light.sticky .menu > li > a.total-reserve{
    font-size: 14px;
    border: 1px solid rgb(16,207,189);
    padding: 10px 19px;
    background: rgb(16,207,189);
    border-radius: 3px;
    letter-spacing: 0px;
    min-width: 91px;
    max-width: 91px;
    margin-left: 20px;
    text-align: center;
    color: #fff !important;
}


.nav--light .material-icons.search{
/* 	font-size:32px; color:#fff; */
	font-size: 24px;
	height: 24px;
	width: 24px;
	color: white;
    opacity: 0.6;
}
.nav--light.sticky .material-icons.search{
/* 	font-size:32px; color:rgb(102,102,102); */
}

.nav--light.sticky .menu > li > a {
/* color: rgb(102,102,102); */
}


.nav--light #keyword{
	width: 80%;
    border: none;
    color: #fff;
}

.nav--light #keyword::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
  font-size: 14px;
  letter-spacing: -0.5px;
  font-weight: 400;
}
.nav--light #keyword::-moz-placeholder { /* Firefox 19+ */
 	color: #FFF;
    font-size: 14px;
    letter-spacing:-0.5px;
    font-weight: 400;
}
.nav--light #keyword:-ms-input-placeholder { /* IE 10+ */
 	color: #FFF;
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: 400;
}
.nav--light #keyword:-moz-placeholder { /* Firefox 18- */
 	color: #FFF;
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: 400;
}

.nav--light.sticky #keyword{
	width: 80%;
    border: none;
    color: #fff;
}

.nav--light.sticky #keyword::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.5px;
  font-weight: 400;
}
.nav--light.sticky #keyword::-moz-placeholder { /* Firefox 19+ */
 	color: #fff;
    font-size: 14px;
    letter-spacing:-0.5px;
    font-weight: 400;
}
.nav--light.sticky #keyword:-ms-input-placeholder { /* IE 10+ */
 	color: #fff;
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: 400;
}
.nav--light.sticky #keyword:-moz-placeholder { /* Firefox 18- */
 	color: #fff;
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: 400;
}

/* .nav--light.sticky .menu > li > a:hover { */
/*     color: rgb(0,204,204); */
/* } */

@media (max-width: 991px){
	.nav--light .menu > li > a {
    	color: #000;
	}
}



/* footer.jsp */
.footer-group-p,.footer-group-p a{
	color: #fff ;
}
.footer-group-p a{
	padding: 0 7px;
    font-size: 13.5px;
}
.footer-info {
    font-family: '돋움';
    font-size: 12px;
    margin-bottom: 0px !important;
    line-height: 16px;
        color: #737373;
    opacity:.7;
}
a.footer-info:hover {
    color: #eee;
    opacity: 1;
}
.footer-a-link:hover{
	color: rgb(230,188,140);
}

.nav--light .btn--line{border: 1px solid #1E4E65;border-radius:3px;color: #1E4E65;font-size: 14px;line-height:15px;}
.btn--line.btn-sm{padding-top: 8px;padding-bottom: 8px;}
.row.plan{margin : -6px;}
.row.plan > [class*="col-"]{padding : 12.5px;margin:0}
.bg-img{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
[data-shadow-bottom]:before{
    background: -moz-linear-gradient(top, rgba(255,126,0,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,126,0,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,126,0,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7e00', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.boxed{padding:20px;}
.boxed-main{float: left;width: 100%;height: 100%;position: relative;overflow: hidden;border-radius:3px;}
.bg-color--white:hover .overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);}
.bg-color--white:hover .overlay-bg{
	opacity: 1;
	transition: opacity .35s;
}
.bg-color--white:hover h2{    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.bg-color--white:hover p{    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.side-bar-symbol{padding-top:42px;padding-bottom: 30px;text-align: center;}
.side-bar-nav{overflow-y:auto;max-height:400px;}
.site-header h1{font-weight:500;font-size:36px;}
.site-header p{font-weight:400;font-size: 16px;}
.boxed-main .boxed h5 {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 24px;
    height: 24px;
    color: #1D2129;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
}
.boxed-main .boxed small{
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	margin: 0;
    padding-bottom: 16px;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    height:48px;
    color: #B8B5B5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    min-width: 1px;
}
.boxed-main .boxed p{
    display: block;
    text-align: right;
    font-size: 17px;
/*     color: #0CC; */
	color: black;
    letter-spacing: -1px;
    box-sizing: border-box !important;
    height: 22px;
    line-height: 17px;
    font-weight:bold;
}
.overlay h2{
	background-color: transparent;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    text-align: center;
    margin-top: 150px;
    margin-bottom: 5px;
    opacity: 0;
    font-size:17px;
    font-weight:600;
    color: #FFF;
    line-height:1.2;
    word-break:keep-all;
}
.overlay p{
background-color: transparent;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    text-align: center;
    opacity: 0;
    font-size:13px;
    color: #FFF;
    line-height: 1.3;
}
.overlay-bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;overflow: hidden;border-radius:3px;}
.overlay-bg.blue{background-color: rgba(30,78,101,.9)}
.overlay-bg.gray{background-color: rgba(115,115,115,.9)}
.overlay-bg.green{background-color: rgba(168,206,63,.9)}
.overlay-bg.yellow{background-color: rgba(255,225,9,.9)}
.overlay.gray p{color: #333}
.overlay.yello p{color: #333}
.overlay.yello h2{color: #333}
.overlay.black p{color: #000000}
.overlay.black h2{color: #000000}
.background-image .gradient{background: -moz-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 60%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 60%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6000000',GradientType=0 );
position: absolute;width: 100%;height: 100%;}
.background-image span{font-size: 12px;font-weight:bold;position: absolute;right: 10px;opacity:1 !important;bottom:0;text-shadow: 0 0 4px rgba(0,0,0,.2);}
.background-image span.HTL{color:#4F9FF2 !important}
.background-image span.GHS{color:#C4C4C4 !important}
.background-image span.HTL i{color:#4F9FF2 !important}
.background-image span.GHS i{color:#C4C4C4 !important}

/*기존 색상 #A8CE3F*/
.background-image span.ACT{color:#ffe109 !important}
.background-image span.ACT i{color:#ffe109 !important}

.overlay{    
	width: 80%;
    height: 88%;
    left: 10%;
    top: 6%;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
    transition: opacity .35s,transform .35s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);position: absolute;
}
.overlay.black{    
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}
rice{
	font-size: 1em;
	line-height: 26px;
}
ul.ul--split li{
	overflow: initial;
}
.menu__dropdown li{
	width: auto;
}
.menu__dropdown li:hover > .menu__dropdown, .menu__dropdown li.active > .menu__dropdown{
	right: inherit;
	left:140px;
}
.menu__dropdown li{white-space: normal;}
.features{padding-bottom: 30px;}
.side-bar{overflow-y: inherit;}
.side-bar-logo{text-align: center;background-color:rgba(255,204,0,1);padding: 18px;}

.service .boxed h5{
	font-size: 17px;
	font-weight: 700;
	
}
.service .boxed p{
	font-size: 14px;
	font-weight: 600;
	color: #000;
	opacity:.4;
	line-height: 16px;
	word-break:keep-all;
}

#reserveCheckBtn, #div-top{
	position: fixed;
	padding: 0 15px;
	bottom:80px;
	z-index: 99;
	background: #5C6BC0;
	width: 50px;
    height: 50px;
    border-radius:25px;
    cursor: pointer;
}
#div-top{
	bottom: 150px;
}
.main-title{
	font-size:28px;
	opacity:1 !important;
	font-weight:500;
	margin-bottom: 10px;
}
@media(max-width:500px){
	#div-top{
		bottom: 80px;
	}
}
#div-top > a{
	color: #FFF;line-height: 48px;
}
#reserveCheckBtn i{color: #fff;font-size: 24px;margin-top: 13px;margin-left: -1px;float: left;}
#reserveCheckBtn a{color: #FFF;display: none;line-height: 53px;padding-left: 30px;}
#reserveCheckBtn:hover{width: 164px;}
#reserveCheckBtn:hover > a{display: block}

#chatBtn{position: fixed;padding: 0 15px;right:25px;bottom:140px;z-index: 99;background: #5C6BC0;width: 50px;height: 50px;border-radius:25px;cursor: pointer;}
#chatBtn i{color: #fff;font-size: 26px;margin-top: 13px;margin-left: -3px;float: left;}
#chatBtn a{color: #FFF;display: none;line-height: 47px;padding-left: 30px;}
#chatBtn:hover{width: 164px;}
#chatBtn:hover > a{display: block}



@media (min-width: 992px){
	.side-bar-logo{width: 105%;border-radius: 0 10px 10px 0;}
	.container--swipe > .row{
		display: list-item;
	}
	.pointer.swiperight,.pointer.swipeleft{
		display: none;
	} 
	.nav--light.nav--hover--line .menu > li:hover {
	    border-color: #A8CE3F;
	}
	nav > .wrapper{
		padding: 25px 0px;
	}
	#reserveCheckBtn, #div-top{
		right: 25px;
	}
	.wrapper > .row--nav--baseline{
		padding: 0px 30px;
	}
	.ul-list-header > li:nth-child(1), .ul-list > li:nth-child(1) {
		padding-left: 4px;
		letter-spacing: -0.6px;
	}
	.ul-list-header > li:nth-child(2), .ul-list > li:nth-child(2) {
		padding-left: 18px;
		letter-spacing: 0.6px;
	}
	.ul-list-header > li:nth-child(3), .ul-list > li:nth-child(3) {
		padding-left: 62px;
		letter-spacing: 0.6px;
	}
	.ul-list-header > li:nth-child(4), .ul-list > li:nth-child(4) {
	 	padding-left: 40px;
	 	letter-spacing: 0.6px;
	}
}
@media (max-width: 991px){
	nav .nav-mod:not(.side-bar) .menu{
		-webkit-box-shadow: none;
    	box-shadow: none;
	}
	nav > .wrapper{
		padding: 0px;
	}
	#reserveCheckBtn, #div-top{
		right: 10px;
	}
	.wrapper > .row--nav--baseline{
		padding: 0px !important;
		margin: 0px;
	}
	.ul-list-header > li, .ul-list > li{
		padding : 0px 3px;
	}
	.btn-add-partner{
		width: 300px;
	}
}
.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.disable span.addon{
	color: #dddedf
}

@media (max-width:500px){
	.main-title{
		font-size:18px;
	}
	.footer-group-p a {
	    padding: 0 5px;
	    font-size: 11.5px;
	}
	.nav-toggle{
		padding: 0px;
	}
}
@media (min-width:991px) and (max-width:1356px){
	.nav--light .menu > li > a {
	    color: #fff;
	    font-size: 16px;
	    letter-spacing: -1px;
	    padding: 0 10px;
	}
}
.partner_list ul, .partner_list li {
	margin: 0px !important;
}
.modal-content > input{
	margin: 10px;
	height: 50px;
	color: #000000;
}
.modal-content > input:focus{
	outline: 1px solid rgb(166,200,255);
	border: 1px solid rgb(166,200,255);
}
.partner_modal_div > input:focus{
	border: 1px solid #000000;
}
.partner_list{
	padding: 10px 0px;
}
.btn_add_confirm{
	padding: 10px 0px;
	margin: 0px !important;
	margin-top: 10px !important;
	width: 100%;
    background-color: #000;
    opacity: 0.4;
    border: 1px solid rgb(0,0,0,0.4);
    color: white;
}
.btn_add_confirm:hover{
	opacity: 1;
}
.modal-content, .modal-content > input{
	margin: 10px;
}
.modal-content p{
	margin: 0px;
}
/* #add-partner-modal { */
/*     display: none; */
/*     position: fixed; */
/*     z-index: 112; */
/*     left: 0; */
/*     top: 0; */
/*     width: 100%; */
/*     height: 100%; */
/*     overflow: auto; */
/*     background-color: rgb(0,0,0); */
/*     background-color: rgba(0,0,0,0.4); */
/* } */
#mask {
    display: none;
    position: fixed;
    z-index: 110;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
}

.modal-content {
	
}
.container-modal{
    display: none;
    position: fixed;
    background-color: #fefefe;
    margin: 15% 25%;
    left: 0;
    top: -50px;
    padding: 20px 50px;
    border: 1px solid #888;
    width: 30%;
    height: 500px;    
    z-index: 111;   
}
.close-span {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close-span:hover,
.close-span:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.span-custom-color{
	color: 3f51b5;
}
.p-xs {
    line-height: 20px;
    margin-bottom: 14px !important;
    color: rgb(153,153,153);
    font-size: 16px;
    font-weight: 350;
}
b {
	font-size: 16px;
	letter-spacing: -0.6px;
	color: rgb(51,51,51);
}
.price-xs {
    letter-spacing: 0px;
    font-size: 24px;
    margin-right: 15px;
}
input[type='text'], input[type='address'], input[type='url'], input[type='password'], input[type='email'], input[type="search"], input[type="tel"], input[type="date"], input[type="number"], textarea, select{
	height: 45px;
	color: black;
}
.div-input{
	margin-bottom: 17px !important;
	border-radius: 2px;
}
.ul-list-header{
	padding: 10px 0 !important;
	text-align: center;
	background-color: rgb(244,244,244);
	margin-bottom: 0px !important;
	height: 50px;
	border-bottom: 1px solid rgb(225,224,224);
	font-size: 14px;
}
.ul-list{
	padding: 10px 0 !important;
	text-align: center;
	font-size: 14px;
	height: 48px;
	border-bottom: 1px solid rgb(225,224,224);
	margin-bottom: 0px !important;
}
.ul-list-header > li{
	font-weight: 300;
	line-height: 26px;
	margin-bottom: 0px !important;
}
.ul-list > li{
	font-size: 16px;
	color: rgb(102,102,102);
}
.btn-add-partner{
	width: 330px;
    height: 46px;
    background-color: #fff;
    border: 1px solid rgb(210,210,210);
    font-size: 15px;
    color: rgb(135,133,133);
    letter-spacing: -0.6px;
}
.add-btn{
	opacity: 0.6;
}
.add-btn:hover {
	opacity: 1;
}
.div-input > input{
	border-radius: 2px;
}
.div-input > input:focus{
	outline: 1px solid rgb(166,200,255);
	border: 1px solid rgb(166,200,255);
	border-radius: 2px;
}
.div-input > input::placeholder{
	letter-spacing: -0.6px;
}
.pickupLoc, .sendingLoc{
	width: 44px !important;
    height: 44px;
    position: absolute;
    right: 16px;
    top: 1%;
    opacity: 0.4;
    padding: 11px 9px 9px 11px;
    cursor: pointer;
    background-color: rgb(205,210,236);
}
.pickupLoc:hover ,.sendingLoc:hover{
	opacity: 1;
}
.deleteSvg:hover{
	opacity: 1;
}
.deleteSvg{
	opacity: 0.4;
	cursor: pointer;
	width: 24px;
    height: 24px;
}
.main-custom-p{
	margin: 0px;
	font-size: 22px;
	letter-spacing: -0.6px;
	text-shadow: -1px -1px 16px #000000;
    opacity: 1 !important;
    margin-left: -18px;
}
.div-goods-img{
	transition: all 0.3s ease-out;
}
.div-goods-img:hover{
	transform: scale(1.2);
}
.footer-a-link{
	opacity: 0.7;	
}
.footer-a-link:hover{
	opacity: 1;	
}
.go-to-autopus{
	opacity: 0.7;
}
.go-to-autopus:hover{
	opacity: 1;
}
@media (max-width:530px){
	#chatBtn {
	    bottom: 80px;
	}
	
	#reserveCheckBtn {
	    bottom: 13px;
	}
}
.reservation div.label {
    cursor: default;
    padding-left: 0;
    padding-right: 0px;
    width: 100%;
    line-height: normal;
    text-align: justify;
}
.reservation .check-label {
    font-size: 14px;
    color: #212121;
    letter-spacing: 0.6px;
    white-space: nowrap;
    float: left;
    margin-right: 10px;
}
.reservation a.hint-text {
    color: #000;
    cursor: pointer;
}
.reservation .agree {
    height: 250px;
    overflow-y: auto;
    padding: 10px;
    line-height: 20px;
    background: #ffffff;
    border: solid 1px rgba(229,229,229,.25);
    border-top: 0;
    font-size: 13px;
    color: #999;
    white-space: initial;
    margin-right: 1px;
    display: none;
}
.reservation .btn-payment{
	margin-top: 30px;
}
.reservation .agree.open {
	display: block;
}
.reservation .checkbox:checked+.checkbox-custom{
    background: #ffcc00;
   	border-color: #ffcc00;
}