@CHARSET "UTF-8";
/* @IMPORT url("http://ssongshotdog2.cafe24.com/resources/font/NanumBarunGothic.ttf");
@IMPORT url("http://ssongshotdog2.cafe24.com/resources/font/NanumGothic.ttf"); */

@font-face {
	font-family:'NanumGothic';
	src: url('/resources/font/NanumGothic.eot');
	src:url('/resources/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('/resources/font/NanumGothic.woff') format('woff');
/* 	url('/resources/font/NanumGothic.ttf') format('truetype'); */
} 
@font-face {
	font-family:'Nanum Barun Gothic';
	src: url('/resources/font/NanumBarunGothic.eot');
	src:url('/resources/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
	url('/resources/font/NanumBarunGothic.woff') format('woff');
/* 	url('/resources/font/NanumBarunGothic.ttf') format('truetype'); */
}  

/* -------------------------------- 기본값 초기화 -------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
filedset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

a {
	color : #000000;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration:none;
}
a:active {
	text-decoration: none;
}

b {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

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

/* -------------------------------- 초기화 완료 -------------------------------- */


/*
	---------------------------------------
	wrap_content : 전체 감싸는 div
	_top : 로고, 메인 div
	_center : 컨텐츠 감싸는 div
	_footer : 하단 div
	---------------------------------------
*/

body {
}

/* 전체 감싸는 부분 100% 감싸기 */
.wrap_content {
	width: 100%;
	height: 100%;
	overflow: hidden;
	min-width: 1200px;
}

/* 로고 & 메뉴부분 가운데 정렬 */
._top {
	margin: 0 auto;
	width: 970px;
	height: 115px;
}

/* 메인 컨텐츠 _ 플래시 */
._centerFlash {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left:-960px;
	border-top: 4px solid #F5E73D;
}

._centerFlash ul {
	width:100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}
._centerFlash ul li {
	text-align: center;
	display: inline-block;zoom:1; *display:inline;
	list-style: none;
	position: relative;
}


/* 메인 컨텐츠 _ 메뉴 */
._centerMenu {
	margin: 0 auto;
	width: 970px;
	padding-top: 20px;
	padding-bottom: 33px;	
}

/* 서브 메뉴 컨텐츠 _ 이미지 */
._centerImg {
	width: 100%;
	height: 140px;
	margin: 0 auto;
	background-repeat: repeat-x;
	background-position: center;
	border-bottom: 6px solid #F5E73D;
}
/* 서브 메뉴 컨텐츠 _ 카테고리 */
._centerCategory {
	width: 970px;
	margin: 0 auto;
	text-align: center;
}

/* 경로 & < > 넘어가기 table */
.up {
	font-family: 'NanumGothic';
	font-size: 10pt;
}


/* 서브메뉴 table */
.down {
	font-family: 'Nanum Barun Gothic';
	font-weight: 500;
	color:#000000;
	font-size:12pt;
	margin-top:50px;
	height: 50px;
}
.down td {
	color:#000000;
	vertical-align:middle;
	border: 1px solid #E5E5E5;
}

/* 서브 메뉴 컨텐츠 _ 컨텐츠. 진짜 컨텐츠 */
._centerContent {
	width: 970px;
	margin: 0 auto;
	margin-top:50px;
	padding-bottom:150px;
}

/* 오시는 길 */
.maps {
	margin-top: 35px;
	margin-left: 20px;
	width: 100%;
	vertical-align: middle;
}
.maps td {
	font-family: 'Nanum Barun Gothic', sans-serif;
	color: #5D5D5D;
	font-weight: bold;
	font-size: 11pt;
	vertical-align: middle;
}
.maps img {
	margin-right:20px;
	vertical-align: middle;
}

/* 메뉴 페이지 */
.menu_big {
	width: 970px;
	border: 3px solid #F5E73D;
}
.name {
	font-family: 'NanumGothic';
	font-weight:600;
	font-size: 25pt;
	 color:#000000;
}
.engname {
	padding-top: 16px;
	padding-left: 5px;
	font-family: 'Nanum Barun Gothic', sans-serif;
	font-size: 10pt;
	 color:#000000;
}
.source {
	padding-top: 40px;
	padding-left: 5px;
	font-family: 'Nanum Barun Gothic', sans-serif;
	font-size: 10.5pt;
	 color:#000000;
}
.explain {
	padding-top: 16px;
	padding-left: 5px;`
	font-family: 'Nanum Barun Gothic', sans-serif;
	font-size: 10.5pt;
	 color:#000000;
}


/* 가맹점 찾기 지도 */
.mapover {
	display: inline-block;
	margin: 0 auto;
	position: relative;
}

/* 가맹점 찾기_a링크 효과 */
.mapover a {
	font-family: "NanumGothic",sans-serif;
	font-size:9pt;
	text-align:center;
	color : #000000;
	padding: 2px;
}
.mapover a:hover {
	background: #757575;
	color:#FFFFFF;
	border-radius:6px;
}

/* 신규오픈매장 */
.open {
	padding-left: 15px;
	vertical-align: middle;
	font-size: 10pt;
	color: #000000;
}


/* 가맹점 찾기 매장정보 */
.searchResult {
	width:100%;
	font-family: 'NanumGothic',sans-serif;
	font-size: 10pt;
	vertical-align:middle;
}


.searchResult td {
	border-bottom: 1px solid #CBCBCB;
	vertical-align:middle;
	padding: 10px;
}

/* 가맹점 세부페이지 */


.shopinfo {
	vertical-align: middle;
	border: 1px solid #CBCBCB;
	font-family: 'NanumGothic', sans-serif;
	color: #000000;
	padding: 5px;
}


.showDetail {
	width:506px;
	height: 338px;
	font-family: '돋움',Dotum;
	font-size: 10pt;
	margin-bottom: 42px;
	margin-right:56px; 
	display: inline-block;
}

.showExplain {
	width: 402px;
	height: 338px;
	font-family: '돋움',Dotum;
	font-size: 10pt;
	display: inline-block;
	vertical-align: top;
}
.explain td{
	height: 44px;
	border: 1px solid #000;
	vertical-align: middle;
}


/* 개설비용 테이블 */
.pricetable {
	width:100%;
	height:100%;
	font-family: "NanumGothic", sans-serif;
	font-size:10pt;
	color:#000000;
	border-bottom: 1px solid #C1C1C1;
}

.pp{
	font-family: "NanumGothic", sans-serif;
	font-size:10pt;
	color:#000000;
}

.pricetable td {
	height:40px;
	color:#000000;
	border: 1px solid #C1C1C1;
	font-size:10pt;
	padding: 8px;
	line-height:20px;
	vertical-align: middle;
}

/* FAQ */
.faq {
	width: 100%;
	border: 1px solid #EAEAEA;
}
.faq td {
	border: 1px solid #EAEAEA;
}

.q {
	padding : 8px 0px;
	font-family: 'NanumGothic', sans-serif;
	font-size: 12pt;
	color: #000000;
	vertical-align: middle;
}
.a {
	padding: 30px 0px;
	vertical-align: middle;
	font-family: 'NanumGothic', sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #EDEDED;
}

.answer_top {
	padding-top: 10px;
}
.answer {
	padding-top: 10px;
	padding-left: 7px; 
}

.fileDiv {
	width: 100%;
	margin:20px 0px 10px 0px;
	height: 250px; 
	border:1px solid #CBCBCB;
}

.fileDiv td{
	padding: 10px;
	vertical-align: middle;
}



/* 게시판 메뉴들 (총 다섯가지) */

.board_write {
	width: 100%;
	font-family: "NanumGothic",sans-serif;
	font-size: 10pt;
	border:1px solid #CBCBCB;
	vertical-align: middle;
}
.board_write td {
	border:1px solid #CBCBCB;
	vertical-align: middle;
}
.inside {
	vertical-align: middle;
	border : 0px;
}
.inside td {
	vertical-align: middle;
	border: 0px;
	border-right: 1px solid #CBCBCB;
	border-collapse: collapse;
}
input {
	outline-style:none;
}



/* 게시판 테이블 */
.board {
	width: 100%;
	font-family: "NanumGothic",sans-serif;
	color:#000000;
	font-size: 10pt;
}

/* 상단 맨 윗줄 */
.board_top {
	text-align: center;
	vertical-align: middle;
	background-color: #EAEAEA;
	height: 30px;
}

/* 홀수 부분 색상 변경 */
.odd {
	background-color: #FFFFFF;
}

/* 게시판 내용 칸 */
.board td {
	padding: 10px;
}
/* 상단 맨 윗줄 칸 */
.board_top td {
	padding: 10px;
}

/* 게시판 내용 각각 칸 */
 .board td:nth-child(1) {
	width: 7%;
	text-align: center;
}
.board td:nth-child(2) {
	width: 53%;
}
.board td:nth-child(3) {
	width: 10%;
	text-align: center;
}
.board td:nth-child(4) {
	width: 10%;
	text-align: center;
}
.board td:nth-child(5) {
	width: 20%;
	text-align: center;
} 



/* 수정, 삭제, 목록 버튼 감싸는 div*/
/* .btns {
	margin: 20px 0px 10px 750px;
	float: right;
	margin: 20px 5px 20px 0px;
} */

/* 게시판 글 보여지는 테이블 */
.content_view {
	width: 100%;
	border-bottom: 2px solid #EAEAEA;
	font-family: "NanumGothic", sans-serif;
	font-size: 10pt;
}

.content_view td{
	vertical-align:middle;
	border-top: 1px solid #EAEAEA;
}

/* 댓글 보여지는 테이블 */
.replyList {
	width: 100%;
	font-family: "NanumGothic",sans-serif;
	font-size: 10pt;
}
.replyList td{
	border-bottom: 1px solid #F9F9F9;
	padding:8px;
	padding-left:20px;
}


/* 댓글 입력하는 테이블 */
.replyInsert {
	width:100%;
	border:1px solid #A6A6A6;
	border-top:2px solid #818181;
	font-family: 'NanumGothic',sans-serif;
	font-size: 10pt;
	vertical-align: middle;
}
.replyInsert td{
	padding: 7px;
	vertical-align: middle;
}


.content_re{
	padding:2px;
	width:99%;
	border: 1px solid #B0B0B0;
	resize : none;
	min-height: 80px;
	border: 0;
}
/* 댓글 수정 */
.re_modify{
	padding:5px;
	width : 100%;
	border: 1px solid #B0B0B0;
	font-family: "NanumGothic",sans-serif;
	resize : none;
	border: 0;
}

.au {
	width:250px;
	height:88px;
	background:#FFFFFF;
	background-color: #FFFFFF;
}

 */
/* 페이지 */
.page {
	margin: 0 auto;
	padding: 10px;
	font-family: "NanumGothic", sans-serif;
	font-size:10pt;
}

.page a:hover {
	padding-bottom:2px;
	border-bottom: 1px solid #000;
}

.page td {
	font-family: "NanumGothic", sans-serif;
	font-size:10pt;
	padding: 5px;
	vertical-align:middle;
}
/* 게시판 검색 옵션 */
.find {
	width: 100%;
}



.askpass {
	font-family: 'NanumGothic', sans-serif;
	font-size: 10pt;
	text-align: center;
	margin:0 auto;
	margin-top: 50px;
}

.login {
	font-family: 'NanumGothic', sans-serif;
	font-size: 10pt;
	margin: 0 auto;
	margin-top: 30px;
}
.msg {
	font-family: 'NanumGothic', sans-serif;
	font-size: 10pt;
}
 
._footer {
	font-family: 'NanumGothic', sans-serif;
	width: 100%;
	margin:0 auto;
	background-color:#F5E73D;
}

.foottb_m {
	font-family: 'NanumGothic', sans-serif;
	width:970px;
	margin:0 auto;
}
.foottb_m td {
	font-family: 'NanumGothic', sans-serif;
	color: #7e5023;
	font-size: 9pt;
	font-weight: 600;
}

.foottb {
	font-family: 'NanumGothic', sans-serif;
	width:970px;
	margin:0 auto;
	color: #000;
}
.foottb td {
	font-family: 'NanumGothic', sans-serif;
	color: #000;
	font-size: 9pt;
	font-weight: 600;
}

 ._quickbarindex {
 	width:81px;
	position: absolute;
	z-index: 2;
	list-style: 0;
	top: 449px;
	left: 1130px;
} 
._quickbar {
	width: 82px;
	border: 1px solid #E1E1E1;
	position: fixed;
	margin:0px 0px 0px 520px;
	top: 250px;
	left: 50%;
	padding: 0px;
}






#topMenu { /* height: 30px;*/  } 

#topMenu ul { /* 메인 메뉴 안의 ul을 설정함: 상위메뉴의 ul+하위 메뉴의 ul */ list-style-type: none; margin: 0px; padding: 0px;} 

#topMenu ul li { /* 메인 메뉴 안에 ul 태그 안에 있는 li 태그의 스타일 적용(상위/하위메뉴 모두) */ 
color: #000000; float: left; line-height: 30px; vertical-align: middle; text-align: center; position: relative;   } 

.menuLink{ /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */ 
	text-decoration:none; display: block; width: 110px; font-size: 13pt; font-family: 'NanumGothic', sans-serif; font-weight: 600; 
} 

.submenuLink {
	text-decoration:none; display: block; width: 110px; font-size: 10pt; font-family: 'NanumGothic', sans-serif; font-weight: 600; 
}

.menuLink { /* 상위 메뉴의 글씨색을 흰색으로 설정 */ color: #000000; } 

.topMenuLi:hover 

.menuLink { /* 상위 메뉴의 li에 마우스오버 되었을 때 스타일 설정 */ color: #831435; } 

.longLink { /* 좀 더 긴 메뉴 스타일 설정 */ width: 100px; }

.submenuLink { /* 하위 메뉴의 a 태그 스타일 설정 */ 
color: #000000; margin-right: -1px; background-color: #eeeeee; 
/* [변경] 위 칸의 하단 테두리와 아래칸의 상단 테두리가 겹쳐지도록 설덩 */ } 

.submenu { /* 하위 메뉴 스타일 설정 */ 
position: absolute; height: 0px; overflow: hidden; transition: height .2s; -webkit-transition: height .2s; -moz-transition: height .2s; -o-transition: height .2s; width: 600px; 
/* [변경] 가로 드랍다운 메뉴의 넓이 */ }

 .submenu li { display: inline-block; /* [변경] 가로로 펼쳐지도록 설정 */ } 
 
 .topMenuLi:hover 
 
 .submenu { /* 상위 메뉴에 마우스 모버한 경우 그 안의 하위 메뉴 스타일 설정 */ height: 32px; /* [변경] 높이를 32px로 설정 */ } 
 
 .submenuLink:hover { /* 하위 메뉴의 a 태그의 마우스 오버 스타일 설정 */ color: #831435; }