@charset "utf-8";
@import url("../../fonts/font.css");

body {font-family:"Nanum Gothic","맑은 고딕","Malgun Gothic","돋움","Dotum","Arial","sans-serif";font-size:12px;color:#666;letter-spacing:-1px}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre {margin: 0; padding: 0;}
input, select {font-family:"Nanum Gothic","맑은 고딕","Malgun Gothic","돋움","Dotum","Arial","sans-serif";}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 12px;}
em {font-style:normal;}
ul, ol, li{list-style: none}
fieldset, img {border: none}
img{vertical-align:top;font-size:0;line-height:0}
body a {color:#555;text-decoration: none;}
pre {padding-top: 5px;}
table {margin:0;padding:0;border-spacing:0;border-collapse:collapse;border:0;}
td {text-align:left;}
hr {display:none}
caption, legend{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
	display: none;
	text-indent:-9999px;
	font-size:0;
}
.invisible {
	overflow:hidden;
	visibility:hidden;
	position:absolute;
	width:0;
	height:0;
	font-size:0;
}


body{
	overflow-x:hidden; 
	margin:0;
}
.fixed{position:fixed;right:0px;top:0px;z-index:999;background:url(../img/bg-fiexd.png) repeat-y;width:86px;height:100%; }
.fixed .slider-nav{position:fixed;right:22px;top:50%;z-index:9991;margin-top:-90px;}
.fixed .slider-nav li{width:26px;height:26px;background-image:url(../img/icon-nav-2.png);background-repeat:no-repeat;background-position:0px -26px;margin-bottom:5px;}
.fixed .slider-nav li.on{background-position:0px 0px;}
.fixed .slider-nav li a{width:26px;height:26px;display:block;}
.centent{position:relative;width:1000px;margin:0 auto;}
#since-1{background:url(../img/visual.jpg) no-repeat center top;background-size:cover}
#since-1 .logo-wrap{position:absolute;left:-130px;top:20px;}
#since-1 .logo-wrap img{vertical-align:middle;margin-right:15px;}
#since-1 .title{text-align:center;padding-top:180px;}

#since-2{position:absolute;left:0px;bottom:0px;height:223px;background:url(../img/bg-birthday.gif) repeat-y center top;width:100%;}
#since-2 .cafe-info li {position:relative;float:left;}
#since-2 .cafe-info li.day{width:418px;background:#353a49 }
#since-2 .cafe-info > li.last{margin-left:417px;}
#since-2 .cafe-info > li a{display:block;}
.birthday-wrap{position:absolute;overflow:hidden;width:365px;height:151px;left:23px;top:15px;z-index:3;}
.birthday-wrap .birthday{width:730px;}
.birthday-wrap .birthday li{float:left;}
.day-nav{position:absolute;left:177px;top:192px;z-index:6;}
.day-nav li{float:left;width:15px;height:15px;margin-right:5px;background-image:url(../img/icon-nav.png);background-repeat: no-repeat;background-position:0 -15px}
.day-nav li.on{background-position:0px 0px}
.day-nav li.last{margin-right:0;}
.day-nav li a{display:block;width:15px;height:15px;}
.rolling-menu{position:absolute;left:45px;top:192px;z-index:5;}
.rolling-menu li{float:left;margin-right:120px;font-size:12px;}
.rolling-menu li a{color:#9a9da4;}
.rolling-menu li.on a{color:#ffc830;}
.rolling-menu li.last{margin-right:0;}
#since-2 .cafe-info li .circle_1 {position: absolute; left:21px; top:81px;}
#since-2 .cafe-info li .circle_2 {position: absolute; left:149px; top:81px;}


#since-3{height:616px;background:url(../img/bg-since3.gif);}
#since-3 .title{text-align:center;padding-top:120px;}
.cafe-work{margin-top:50px;}
.cafe-work li{float:left;margin:0px 20px;}

#since-4{height:412px;background:url(../img/bg-rest.jpg) no-repeat center top;background-size:cover}
#since-4 .centent{font-size:24px;color:#fff;text-align:center;line-height:40px;padding-top:130px;}

#since-5{height:417px;background:url(../img/bg-since5.gif);}
#since-5 .comment-wrap{position:relative;width:1000px;margin:0 auto;height:417px;}
#since-5 .comment-wrap .rolling-box-wrap{position:absolute;left:45px;top:10px;width:900px;height:400px;overflow:hidden}
#since-5 .comment-wrap .rolling-box{position:absolute;left:0px;top:10px;width:4000px;}
#since-5 .comment-wrap .rolling-box li{position:relative;width:1000px;float:left;background:url(../img/bg-roling.png) no-repeat 70px 100px;height:350px;}
#since-5 .comment-wrap .rolling-box li p.txt-bar{margin:0 auto;width:246px;line-height:30px;font-size:24px;height:39px;color:#fff;background:url(../img/rolling-tit.png) no-repeat 0 40px;text-align: center;padding-top:40px;}
#since-5 .comment-wrap .rolling-box li p.txt-bar.ft-s{font-size:19px;}
#since-5 .comment-wrap .rolling-box li p.txt-info{margin:43px 0 0 238px;font-size:18px;color:#444;font-weight:bold;line-height:28px}
#since-5 .comment-wrap .rolling-box li p.txt-name{position:absolute;left:54px;top:240px;z-index:5555;font-size:12px;color:#fff;text-align:center}
#since-5 .comment-wrap .rolling-box li p.txt-name span{display:block;font-size:20px;margin-top:0px;}
#since-5 .comment-wrap .rolling-left{position:absolute;left:-30px;top:50%;margin-top:-33px;z-index:99;}
#since-5 .comment-wrap .rolling-right{position:absolute;right:-30px;top:50%;margin-top:-33px;z-index:99}
#since-5 .comment-wrap .nav{position:absolute;left:500px;top:341px;z-index:6;}
#since-5 .comment-wrap .nav li{float:left;width:19px;height:19px;margin-right:0px;background-image:url(../img/icon-nav-1.png);background-repeat: no-repeat;background-position:-19px 0px}
#since-5 .comment-wrap .nav li.on{background-position:0px 0px}
#since-5 .comment-wrap .nav li.last{margin-right:0;}
#since-5 .comment-wrap .nav li a{display:block;width:19px;height:19px;}

#since-6{height:776px;background:#2f73c3;}

#since-6 .title{text-align:center;padding-top:50px;}
.map-wrap{position:relative;margin-top:50px;}
.map-txt{position:absolute;left:0px;top:20px;background:url(../img/icon-map-nav.gif) no-repeat 0 6px;height:60px;font-size:18px;color:#fff;padding-left:20px;}
.map-txt p{margin-bottom:7px;font-weight:bold}
.map-pic{position:absolute;left:0px;top:477px;}
.tree{position:absolute;right:0px;top:649px;width:108px;height:129px;background:url(../img/tree.png) no-repeat;}
.map-img{float:left;width:539px;height:460px;background-image:url(../img/map.gif);background-repeat:no-repeat;background-position:0px -920px}
#map-pos-c{background-position:0px -460px}
#dobong{background-position:0px -460px}
#nowon{background-position:0px -920px}
#jungrang{background-position:0px -1380px}
#gangdong{background-position:0px -1840px}
#songpa{background-position:0px -2300px}
#gangnam{background-position:0px -2760px}
#yongsan{background-position:0px -3220px}
#dongjak{background-position:0px -3680px}
#gwanak{background-position:0px -4140px}
#geumcheon{background-position:0px -4600px} 
#guro{background-position:0px -5060px}
#yangcheon{background-position:0px -5520px}
#mapo{background-position:0px -5980px}
#eunpyeong{background-position:0px -6440px}
#sungbuk{background-position:0px -6900px}
#gangbuk{background-position:0px -7360px}
#dongdaemun{background-position:0px -8280px}
#yeongdungpo{background-position:0px -8740px}
#seongdong{background-position:0px -9200px}

.map-info{float:left;width:405px;padding-bottom:30px;background:#fff;padding:20px;margin-left:10px;}
.gu-map{overflow:hidden;display:none;}
.map-info .map-info-tit{margin:0 0 0 120px;font-size:24px;color:#fff;text-align:center;width:186px;height:39px;background:url(../img/bg-map-tit.png) no-repeat;line-height:30px;}
.map-info .map-info-list-wrap{overflow:hidden;}
.map-info .map-info-list-wrap .map-info-list{padding:20px 0px;border-bottom:1px solid #ddd;}
.map-info .map-info-list-wrap .map-info-list.line{border:0px;}
.map-info .map-info-list-wrap .map-info-list img{float:left;margin-right:12px;}
.map-info .map-info-list-wrap .map-info-list dt{width:405px;margin-bottom:10px;font-size:18px;color:#555;font-weight:bold}
.map-info .map-info-list-wrap .map-info-list dd{width:405px;font-size:12;color:#555555;margin-bottom:5px;}
.map-info .map-info-list-wrap .map-info-list dd span{display:inline-block;background-image:url(../img/icon-map.gif);background-repeat: no-repeat;vertical-align:middle}
.map-info .map-info-list-wrap .map-info-list dd span.pos{width:8px;height:12px;margin-right:10px;background-position:0px 0px}
.map-info .map-info-list-wrap .map-info-list dd span.tel{width:12px;height:11px;margin-right:6px;background-position:0px -12px}

#since-7{min-height:1000px;padding-bottom:40px;background:#fff;}
#since-7 .title{text-align:center;padding-top:60px;}
.info-list-wrap{overflow:hidden;}
.info-list-wrap .info-list{padding-top:100px;overflow:hidden;clear:both;}
.info-list-wrap .info-list img.fl{float:left;margin-right:35px;}
.info-list-wrap .info-list img.fr{float:right;margin-left:35px;}
.info-list-wrap .info-list dt{width:560px;margin:0 0 20px 420px;font-size:30px;color:#3d3c3c;}
.info-list-wrap .info-list dt.info-fr{margin:0 0 15px 0px;}
.info-list-wrap .info-list dd.map-address{width:560px;font-size:16px;color:#666666;margin:0 0 15px 420px;}
.info-list-wrap .info-list dd.info-fr{margin:0 0 15px 0px !important;}
.info-list-wrap .info-list dd.info{height:133px;line-height:20px;width:543px;padding:15px 10px 0 10px;background:#f5f5f5;font-size:13px;color:#666666;margin:0 0 10px 437px;letter-spacing:0px}
.info-list-wrap .info-list dd span.map-n{display:inline-block;width:70px;height:25px;line-height:25px;background-color:#f3b815;background-image:url(../img/icon-info-pos.png);background-repeat:no-repeat;background-position:6px 5px;padding-left:23px;vertical-align:middle;margin-left:15px;}
.info-list-wrap .info-list dd span.map-n a{display:block;font-size:12px;color:#fff;}

/* .footer-wrap{background:url(../img/bg-footer.jpg) no-repeat center top;height:300px;background-size:cover}
.footer-wrap .footer{position:relative;margin:0 auto;width:1000px;text-align:center;color:#fff;letter-spacing:0px;padding-top:30px;}
.footer-wrap .footer .top-btn{position:absolute;right:0px;top:20px;} */

.footer-wrap{padding-top:30px;background:url(../img/bg-footer.jpg) no-repeat center top;height:270px;background-size:cover}
.copyright {margin:0 auto;width:1000px;text-align: center;color:#fff;letter-spacing:0px; line-height: 40px; font-size: 14px;}
.copyright .toplink {width:1000px; position: relative; height:0; margin:0 auto;}
.copyright .toplink a {float:right;height: 58px;margin-top: -64px;}
.make-day{width:128px;margin:0 auto;height:22px;border:1px solid rgba(255,255,255,0.3);border-radius:3px;}
.make-day li{float:left;text-align:center;font-size:11px;padding:0px 7px;line-height:22px;color:#fff;background:rgba(0,0,0,0.3);}
.make-day li.txt{background:#fff;color:#000;width:40%;}