@charset "utf-8"; 

@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700');
@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url('/fonts/NanumSquareR.eot');
 src: url('/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
      url('/fonts/NanumSquareR.woff') format('woff'),
      url('/fonts/NanumSquareR.ttf') format('truetype');
}

.mainWrap{width:100%; height:100%; max-width:640px; margin:0 auto;}

.mainVisual{width:100%;  width:inherit;}
.mainVisual div{ height:100%;}
.visualItem{width:inherit; position:relative; display:inline-block;}
.visualItem img.animate{position:absolute; display:none; transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}
	

.linkBox{position:absolute; top:50%; left:20px;}
.linkBox a{display:block; background:rgba(0,0,0,0.4); width:250px; border:5px solid #fff; text-align:center; height:60px; line-height:50px; color:#fff; font-size:17px; margin-bottom:10px;}
.linkBox a:hover{background:rgba(250,166,53,1); border:5px solid #faa635; transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}


/* 슬라이드 액션 묶음 시작*/
.slick-active img.animate{display:block;}
.slick-active img.action01{left:0; top:0; animation:fadeInDown 500ms 0s ease-out; width:40em;}
.slick-active img.action02{left:2em; bottom:5em; animation:fadeInUp 600ms 0s ease-out; width:15em;}

.slick-active img.action03{left:0; top:0; animation:fadeInLeft 500ms 0s ease-out; width:40em;}
.slick-active img.action04{left:2em; bottom:13em; animation:fadeInLeft 600ms 0s ease-out; width:10em;}
.slick-active img.action05{left:13em; bottom:13em; animation:fadeInLeft 700ms 0s ease-out; width:10em;}
.slick-active img.action06{left:0; bottom:0; animation:fadeInUp 800ms 0s ease-out; width:40em;}

.slick-active img.action07{left:0; top:0; animation:fadeInDown 500ms 0s ease-out; width:40em;}
.slick-active img.action08{left:2em; bottom:13em; animation:fadeInDown 600ms 0s ease-out; width:15em;}
.slick-active img.action09{left:0; bottom:0; animation:fadeInDown 900ms 0s ease-out; width:40em;}

.slick-active img.action10{left:0; top:50px; animation:fadeInDown 700ms 0s ease-out; width:40em;}
.slick-active img.action11{left:50%; top:17em; animation:fadeInLeft 700ms 0s ease-out; width:15em; margin-left:-7em;}
.slick-active img.action12{left:1em; bottom:11em; animation:fadeInUp 300ms 0s ease-out; width:40em;}
.slick-active img.action13{left:0; bottom:0; animation:fadeInUp 300ms 0s ease-out; width:40em;}



.slick-active img.action14{right:0; bottom:0; animation:fadeInRight 300ms 0s ease-out; width:25em;}
.slick-active img.action15{left:0; top:0; animation:fadeInDown 700ms 0s ease-out; width:40em;}

.slick-active img.action16{left:2em; top:23em; animation:fadeInLeft 700ms 0s ease-out; width:15em;}
.slick-active img.action17{left:2em; top:27em; animation:fadeInLeft 800ms 0s ease-out; width:15em;}
.slick-active img.action18{left:2em; top:31em; animation:fadeInLeft 900ms 0s ease-out; width:15em;}
.slick-active img.action19{right:0; bottom:0; animation:fadeInUp 300ms 0s ease-out; width:35em;}
.slick-active img.action20{left:2em; bottom:2em; animation:fadeInUp 300ms 0s ease-out; width:15em;}
/* 슬라이드 액션 묶음 끝*/



.mainTitle{position:relative; text-align:center; padding:2em 0;}
.mainTitle h2{font-size:1.6em; color:#222;}
.mainTitle h3{font-size:1.2em; color:#222; font-family: 'Libre Baskerville', serif; font-weight:400;}
.mainTitle h3 span{color:#999;}
.mainTitle a.moreDetail{width:3em;position:absolute; right:10px; top:2.7em;}

.bnfPic{width:100%; position:relative; display:inline-block;}
.bnfPic img{width:100%; float:left;}
.bnfPic .beforePic{width:50%; float:left;}
.bnfPic .afterPic{width:50%; float:right;}
.bnfPic p.bnfUser{position:absolute; width:200px; background:rgba(0,0,0,0.8); left:50%; margin-left:-100px; bottom:0; height:40px; line-height:40px; text-align:center; color:#fff; font-size:17px;}
.bnfPic p.bnfUser b{color:#faa635;}

.timeTable{padding:25px 20px 25px 35%; background:#f7f7f7 url('../images/main/time.png') no-repeat 10% center; display:inline-block; width:100%; font-family: 'NanumSquare', serif;}
.timeTable th{text-align:left; width:90px; padding:5px 0;}
.timeTable th span{color:#faa635; font-weight:700; padding:0 3px;}
.timeTable td{text-align:left;}

.hosInfo{text-align:center; margin-bottom:50px; display:inline-block; width:100%; font-family: 'NanumSquare', serif;}
.hosInfo .lunchTime{padding:10px 0; color:#faa635;}
.hosInfo .holiday{padding:10px 0; background:#666; color:#fff;}
.hosInfo .holiday img{vertical-align:middle;}

.awards{width:100%;}
.awards img{font-size:0; line-height:0; float:left; width:100%;}

.mainVisualSlide{position:relative; padding:30px 50px; background:#f6f6f6; width:100%; display:inline-block;}
.mainVisualSlide p{text-align:center;}
.mainVisualSlide .item{text-align:center;}
.mainVisualSlide .item img{width:90px; margin:0 auto;}

.owl-dots			{ display: none !important; }
.owl-carousel		{ height: 100%; overflow: hidden; }
.owl-nav			{ display: none; }

.award-nav a			{ display: block; position: absolute; top: 0; bottom: 0; width: 50px; background: no-repeat 50% 50%; overflow: hidden; text-indent: -999px; z-index:99;}
.award-nav a.prev		{ left: 0; background-image: url('/images/main/award_prev.png'); }
.award-nav a.next		{ right: 0; background-image: url('/images/main/award_next.png'); }

.snsLinkBtn{width:100%; padding:30px 0; text-align:center;}
.snsLinkBtn a{display:inline-block; width:70px; height:70px; border-radius:50%; line-height:70px; border:1px solid #e4e4e4; color:#222; font-family: 'Libre Baskerville', serif; font-weight:700; margin:0 5px; font-size:24px; transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}
.snsLinkBtn a:hover{background:#faa635; color:#fff; border:1px solid #faa635;}

#sns_section_area img								{ max-width: 100%; }
#sns_section_area								{ padding: 40px 0; text-align: center; }
#sns_section_area a								{ display: inline-block; vertical-align: middle; width: 61px; height: 60px; overflow: hidden; text-indent: -999px; background: url('/images/main/splite_sns.png') no-repeat 0 0; margin: 0 5px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
#sns_section_area a[data-sns="블로그"]			{ background-position: 0 0; }
#sns_section_area a[data-sns="페이스북"]			{ background-position: -79px 0; }
#sns_section_area a[data-sns="인스타"]			{ background-position: -157px 0; }
#sns_section_area a[data-sns="카카오"]			{ background-position: -235px 0; }
#sns_section_area a[data-sns="블로그"]:hover		{ background-position: 0 -60px; }
#sns_section_area a[data-sns="페이스북"]:hover	{ background-position: -79px -60px; }
#sns_section_area a[data-sns="인스타"]:hover		{ background-position: -157px -60px; }
#sns_section_area a[data-sns="카카오"]:hover		{ background-position: -235px -60px; }

/*2018/10/25 추가*/
.befores{width:100%;}
.befores img{font-size:0; line-height:0; float:left; width:100%;}