@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/NotoSansKR-Thin-Hestia.eot);
	src: url(../fonts/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NotoSansKR-Thin-Hestia.woff) format('woff'),
		url(../fonts/NotoSansKR-Thin-Hestia.ttf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NotoSansKR-Light-Hestia.eot);
	src: url(../fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
		url(../fonts/NotoSansKR-Light-Hestia.ttf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: url(../fonts/NotoSansKR-DemiLight-Hestia.eot);
	src: url(../fonts/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
		url(../fonts/NotoSansKR-DemiLight-Hestia.ttf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NotoSansKR-Regular-Hestia.eot);
	src: url(../fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
		url(../fonts/NotoSansKR-Regular-Hestia.ttf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/NotoSansKR-Medium-Hestia.eot);
	src: url(../fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
		url(../fonts/NotoSansKR-Medium-Hestia.ttf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NotoSansKR-Bold-Hestia.eot);
	src: url(../fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
		url(../fonts/NotoSansKR-Bold-Hestia.ttf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/NotoSansKR-Black-Hestia.eot);
	src: url(../fonts/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
		url(../fonts/NotoSansKR-Black-Hestia.ttf) format('truetype');
}

/* css Reset */
html, body{/* height:100%; */}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;}
body{background: #f2f2f2;margin:0;padding:0;font-family:'Noto Sans Korean';font-size: 12px;font-weight:400;color: #444;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;background-size: cover;background-attachment: fixed;}
p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,button,code,label,em,span,strong{margin:0;padding:0;border:0;/* color:inherit; *//* letter-spacing:-.2px; */px; */px; */word-break:break-all;}
input,textarea,select{/* margin:0; *//* padding:0; *//* border:0; *//* font-size:inherit; *//* color:inherit; *//* letter-spacing:-.2px; *//* word-break:break-all; */}
form{/* display: block; */margin:0;}
img,fieldset{border:0}
hr{display:none}
li{list-style:none;}
em,address{font-style:normal}
label,input,textarea{/* vertical-align:middle; *//* -webkit-appearance:none */}
legend{position:absolute;left:-5000px;font-size:0;overflow:hidden}
caption, .hide{position: absolute;left:-5000px;height:0;line-height:0;text-indent:-5000px;overflow:hidden;}
a:focus, button:focus, input:focus{outline:none !important;}

.wauto{width:auto !important;}
.wp5{width:5% !important;}
.wp10{width:10% !important;}
.wp15{width:15% !important;}
.wp20{width:20% !important;}
.wp25{width:25% !important;}
.wp30{width:30% !important;}
.wp35{width:35% !important;}
.wp40{width:40% !important;}
.wp45{width:45% !important;}
.wp50{width:50% !important;}
.wp55{width:55% !important;}
.wp60{width:60% !important;}
.wp65{width:65% !important;}
.wp70{width:70% !important;}
.wp75{width:75% !important;}
.wp80{width:80% !important;}
.wp85{width:85% !important;}
.wp90{width:90% !important;}
.wp95{width:95% !important;}
.wp100{width:100% !important;}

.color-es{color: #9a39a5;}

.btn-top{
    clear: both;
    margin-bottom: 10px;
    /* text-align: right; */
}
.btn-top:after{display:block; clear:both; content:"";}
.btn, .btn-group .btn{padding: 6px 20px;font-size:16px;}
.btn{
    border-radius: 50px;
}
.btn-sm, .btn-group-sm .btn{padding: 3px 13px;border-radius: 50px;font-size: 14px;}
.btn-lg, .btn-group-lg .btn{padding: 10px 30px;border-radius: 50px;font-size: 18px;}
.btn-default{
	border: 1px solid #451da9;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7e35bf+0,502cb4+100 */
	background: #7e35bf; /* Old browsers */
	background: -moz-linear-gradient(top,  #7e35bf 0%, #502cb4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #7e35bf 0%,#502cb4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #7e35bf 0%,#502cb4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e35bf', endColorstr='#502cb4',GradientType=0 ); /* IE6-9 */
	color:#fff;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
}
.btn-default:hover{
	border-color: #502cb4;
	background: #502cb4;
	color: #fff;
}
.btn-plus{
	border: 1px solid #8f0d93;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b50f86+0,810d99+100 */
	background: #b50f86; /* Old browsers */
	background: -moz-linear-gradient(top,  #b50f86 0%, #810d99 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b50f86 0%,#810d99 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b50f86 0%,#810d99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50f86', endColorstr='#810d99',GradientType=0 ); /* IE6-9 */
	color: #fff;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
}
.btn-plus:hover{
	border-color: #810d99;
	background: #810d99;
	color: #fff;
}
.btn-minus{
	color:#333;
	border: 1px solid #9d9d9d;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,bfbfbf+100 */
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #bfbfbf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#bfbfbf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#bfbfbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
}
.btn-minus:hover{
	border-color: #bfbfbf;
	background: #bfbfbf;
}
.comment .btn_group {
    position: relative;
    height: 30px;
    margin-top: 10px;
}

.btn_group button.btn, .btn_group input.btn{font-family: 'Noto Sans Korean';}
.btn_group .left .btn{float: left;margin-right: 5px;}
.btn_group .right .btn {float: left;margin-left: 5px;}

.relative {position: relative !important;top: 0;left: 0;display: block;}
.absolute {display: block;position: absolute;top: 0;left: auto;right: 0;}
.left {right: auto !important; left: 0 !important;}
.right {right: 0 !important;left: auto !important;}

.form-inline .btn{/* border:0; */}

/* 화면낭독기 사용자용 */











#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* modal */
.k-modal .modal-header{
	background: #6426ad; /* Old browsers */
	background: -moz-linear-gradient(top,  #6426ad 0%, #502cb4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #6426ad 0%,#502cb4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #6426ad 0%,#502cb4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6426ad', endColorstr='#502cb4',GradientType=0 ); /* IE6-9 */
    color:#fff;
}
.k-modal h4.modal-title span{
	display:block;
	font-size:14px;
	font-weight:400;
}
.k-modal h4.modal-title span.glyphicon{display: inline-block; padding-right: 5px;}
.k-modal .modal-header .close{color:#fff;font-weight: 300;opacity: 1;}
.k-modal .modal-body{}
.k-modal .modal-body ul.opList{}
.k-modal .modal-body ul.opList:after{display:block; clear:both; content:"";}
.k-modal .modal-body ul.opList li{
	display:inline-block;
	float:left;
	width:20%;
}
.k-modal .modal-body ul.opList li a{
	display:block;
	min-height: 55px;
	margin: 5px;
	border-radius: 2px;
	line-height: 40px;
}
.k-modal .modal-body ul.opList li a.reserv{
	line-height: 1.4;
}
.k-modal .modal-body ul.opList li a span{
	display:block;
	color: #532bb3;
	font-size:13px;
}
.k-modal .modal-body ul.opList li.on a{
	border: 1px solid #7f0583;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b50f86+0,810d99+100 */
	background: #b50f86; /* Old browsers */
	background: -moz-linear-gradient(top,  #b50f86 0%, #810d99 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b50f86 0%,#810d99 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b50f86 0%,#810d99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50f86', endColorstr='#810d99',GradientType=0 ); /* IE6-9 */
	color: #fff;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
}
.k-modal .modal-body p.info{padding: 10px 5px 5px;font-size: 15px;}
.k-modal .modal-footer{text-align:center;}

.k-modal .order-close{
    font-size: 14px;
    font-weight: 400;
}
.k-modal .order-close p.txt{
    padding: 7px;
    border: 1px solid #ddd;
    background: #f4f4f4;
}
.k-modal .order-close p.tit{
    margin-top: 15px;
    margin-bottom: 5px;
    color: #572ab1;
}
.k-modal .order-close p.tit:first-child{margin-top:0;}
.k-modal .order-close p.tit strong{
    display: block;
    font-size: 17px;
    font-weight: 500;
}
.modal-order{
    width: 315px;
}
.k-modal .day-close{
    padding-right: 10px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}
.k-modal .day-close input{vertical-align:top;}


.dev-pop{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    /* display: none; */
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.devPopup{
    position: absolute;
    width: 300px;
    margin: 30px auto;
    background: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.pop-header{
	min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #6426ad;
    background: -moz-linear-gradient(top, #6426ad 0%, #502cb4 100%);
    background: -webkit-linear-gradient(top, #6426ad 0%,#502cb4 100%);
    background: linear-gradient(to bottom, #6426ad 0%,#502cb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6426ad', endColorstr='#502cb4',GradientType=0 );
    color: #fff;
}
.pop-content{
    position: relative;
    padding: 15px;
}
.devPopup .order-close{
    font-size: 14px;
    font-weight: 400;
}
.devPopup .order-close p.txt{
    padding: 7px;
    border: 1px solid #ddd;
    background: #f4f4f4;
}
.devPopup .order-close p.tit{
    margin-top: 15px;
    margin-bottom: 5px;
    color: #572ab1;
}
.devPopup .order-close p.tit:first-child{margin-top:0;}
.devPopup .order-close p.tit strong{
    display: block;
    font-size: 17px;
    font-weight: 500;
}
.pop-footer{
    position: relative;
    padding: 15px;
    border-top: 1px solid #ddd;
}
.pop-footer label{
	padding: 2px 0 0;
	font-weight:400;
	vertical-align: top;
}
.pop-header a.close{
    position: absolute;
    top: 20px;
    right: 15px;
    color: #fff;
    font-size: 15px;
    opacity: 1;
    font-weight: 400;
    text-shadow: none;
}

/* coupon */
.devPopup2{width: 399px;}
.pop-content.pop-coupon{width: 399px;padding: 0;}
.pop-coupon .head{
	padding: 40px;
	height: 349px;
	background:url(../images/common/bg_pop_coupon1.png) 0 0 no-repeat;
	text-align: center;
}
.pop-coupon .head > p{
    margin-top: 15px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.pop-coupon .coupon{
	width: 319px;
	height: 142px;
	margin-top: 15px;
	padding: 18px 0;
	background: url(../images/common/bg_pop_coupon2.png) center center no-repeat;
}
.pop-coupon .coupon > p{line-height:1;color: #222;font-weight: 500;}
.pop-coupon .coupon p.tit{
	color:#222;
	font-size:15px;
}
.pop-coupon .coupon p.num{
    padding-top: 7px;
    font-size: 50px;
}
.pop-coupon .coupon p.time{
    color: #fff;
    font-size: 14px;
    padding-top: 23px;
    font-weight: 400;
}
.pop-coupon .down{
    margin-top: 15px;
}
.pop-coupon .down a{display: inline-block;padding: 7px 33px 8px 15px;border-radius: 50px;background:#4d32a6 url(../images/common/btn_pop_coupon1.png) right center no-repeat;color: #fff;font-size: 16px;font-weight: 500;line-height: 1;}
.pop-coupon .body{
	padding: 12px 15px;
	background:#fef3f1;
}
.pop-coupon .body ul{}
.pop-coupon .body ul li{
    position: relative;
    padding-left: 9px;
    font-size: 14px;
    line-height: 170%;
}
.pop-coupon .body ul li:after{
	display:block;
	content:"";
	position:absolute;
	top: 9px;
	left:0;
	width:4px;
	height:4px;
	background:#8a73d6;
	border-radius:50px;
}
.pop-coupon .body ul.body1{
	margin: -12px -15px 12px;
	padding: 12px 15px;
	/* border-bottom: 1px solid #1f0e56; */
	background: #4d32a6;
	color: #fff;
}
.pop-coupon .body ul.body1 li:after{
    background: #e8e133;
}