/*
.hidden = 객체 자체를 숨김
.txt_hidden = 텍스트만 숨김

기본 서체는 "나눔고딕"으로 되어있음.

글씨체 명조 사용시
font-family:"나눔명조";
라고 적어주면 바로 사용 가능

글씨체 굵기 사용법
font-weight:400; = 레귤러
font-weight:700; = 볼드
font-weight:900; = 익스트라볼드

페이지 별로 html에 특유 클래스 값이 있음.
메인용 스타일, 서브용 스타일 잡을 때.
인클루드를 굳이 풀 필요 없이 이 클래스를 이용하면 효율적이고 유지보수시 편함.
html.main = 메인 페이지
html.sub = 서브 페이지

익스플로러 버전별로 html에 아이디 값이 있음.
익스에서 약간 틀어진다면,
굳이 스타일 전체를 다 바꿀 필요없이 이 아이디를 이용해서 스타일을 따로 잡아주면 됨.

#ie7 = 익스7
#ie8 = 익스8
#ie9 = 익스9
#ie10 = 익스10
#ie11 = 익스11

*/


.hidden {position:fixed; left:-999999px; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0; color:transparent; text-indent:-999999px; opacity:0; visibility:hidden;}
.txt_hidden {font-size:0; line-height:0; color:transparent; text-indent:-999999px; overflow:hidden;}
caption, legend {height:1px; overflow:hidden; font-size:0; line-height:0; color:transparent; text-indent:-999999px; margin-top:-1px;}

body {background:#3f3f3f;}

.contents {background:#fff;}
html.sub .contents {min-height:300px;}


/* 푸터 */
footer {padding:10px; font-size:12px; line-height:20px; color:#fff; text-align:center;}
footer * {font-size:12px; display:inline;}

/* 메인 페이지 */
.main_img {position:relative;}
.main_img > img {width:100%;}
.main_img > a {display:block; position:absolute;}
#ie7 .main_img > a,
#ie8 .main_img > a,
#ie9 .main_img > a,
#ie10 .main_img > a,
#ie11 .main_img > a {background-image:url("./");}
.main_img > .tel_01 {top:78%; right:1%; bottom:4%; left:50%;}
html.main .main_img p,
html.main .main_img h1 {position:absolute; top:22.2%; left:0; right:0; text-align:center;}
html.main .main_img p {font-size:15px; line-height:19px; color:#fff;}
html.main .main_img h1 {margin-top:19px; font-size:44px; line-height:60px; color:#d7a74f;}

/* 서브공통 *//* sub_bg2.jpg 는 중화요리 */
html.sub .title {margin:0 15px; padding:15px 0; border-bottom:1px solid #cdcdcd;}
html.sub h2 {font-size:20px; line-height:30px; color:#cf3020;} /* 서브타이틀 color*/
html.sub .subTitle {font-size:16px; line-height:20px; font-weight:700; color:#666666;}
html.sub .contents {font-size:12px; line-height:15px; color:#4c4c4c; border-top:0px solid #f9b70f; background-image:url("/images_main/sub_bg.jpg"); background-repeat:no-repeat; background-position:50% 0; background-size:100% auto;} 
html.sub .contents .view {padding:0 15px; padding-bottom:30px;}
html.sub .contents img {width:100%;}

/* 인사말 */
.contents.company .view p {color:#4c4c4c; padding-top:20px; font-weight:700; line-height:20px;}
.contents.company .view p:first-child {padding-top:15px;}

/* 메뉴소개 */
.contents.menu .title {border-bottom:none;}
.contents.menu button.all {float:right; margin:0 0 15px 0; width:100px; height:25px; font-size:13px; font-weight:700; color:#333; border:1px solid #d1d1d1; background:#eee; border-radius:3px;}
.contents.menu dl {clear:both;}
.contents.menu dl > dt .title {width:100%; margin:0; padding:0 10px; font-size:13px; line-height:34px; font-weight:700; color:#604D00; border:1px solid #BD9311; background:#FFCF03; text-align:left;} /*메뉴타이틀배경,라인 color*/
.contents.menu dl > dt .title img {width:auto; height:14px; margin:8px 10px 10px 0; vertical-align:middle;}
.contents.menu dl dd + dt {margin-top:20px;}
.contents.menu dl > dd {display:none;}
.contents.menu dl > dd.open {display:block;}
.contents.menu dl dd .table table {border:1px solid #e3e3e3;}
.contents.menu dl dd .table tr + tr > * {border-top:1px solid #e3e3e3;}
.contents.menu dl dd .table tr th {padding:5px 5px 5px 15px; height:40px; font-size:13px; line-height:17px; font-weight:700; color:#5d5d5d; text-align:left;}
.contents.menu dl dd .table tr th sub {vertical-align:top; display:block; font-size:11px; line-height:15px;}
.contents.menu dl dd .table tr td {padding:5px 5px; height:40px; font-size:11px; line-height:13px; font-weight:700; color:#f75e5e; text-align:center;}
.contents.menu dl dd .table tr td.exlarge {text-align:right;}
.contents.menu dl dd .table tr td.exlarge span {display:inline-block; border-radius:3px; min-width:55px; padding:0 5px; font-size:11px; line-height:15px; color:#fff; text-align:center; background:#ff4242;}
.contents.menu dl dd .table tr td.long {text-align:right;}
.contents.menu dl dd .table tr td.long span {display:inline-block; padding-right:13px;}

.contents.menu ul.service {margin-top:15px; padding:15px; border-radius:5px; background:#eee;}
.contents.menu ul.service > li {padding-left:10px; font-size:13px; line-height:17px; font-weight:700;}
.contents.menu ul.service > li:before {content:""; display:block; float:left; width:3px; height:3px; margin:7px 0 7px -10px; border-radius:2px; background:#444;}
.contents.menu ul.service > li + li {margin-top:10px;}

.contents.menu div.service {text-align:center; margin-right:-60px;}
.contents.menu div.service.left {text-align:left;}
.contents.menu div.service.right {text-align:right;}

.contents.menu ul.serviceno {margin-top:15px; padding:15px; border-radius:5px; background:#eee;}
.contents.menu ul.serviceno > li {padding-left:10px; font-size:13px; line-height:17px; font-weight:700;}
.contents.menu ul.serviceno > li:before {content:""; display:block; float:left; width:3px; height:3px; margin:7px 0 7px -10px; border-radius:2px; background:#444;}
.contents.menu ul.serviceno > li + li {margin-top:10px;}
.contents.menu div.serviceno {text-align:center;}
.contents.menu div.serviceno.left {text-align:left;}
.contents.menu div.serviceno.right {text-align:right;}

.contents.menu .menuimg div {display:block; margin:10px 15px 10px 15px; font-size:13px; line-height:25px; font-weight:700; color:#333; text-align:center; background:#F2C475; border:1px solid #cdc4c4; border-radius:3px;  font-size:13px;}
.contents.menu .menuimg div span{color:#ff0000;}

/* 영업안내 */
.contents.info .main_img {margin-top:15px; font-weight:700; font-size:0; line-height:0;}
.contents.info .main_img > .tel_01 {top:0%; right:51%; bottom:48%; left:0%; text-align:center;}
.contents.info .main_img > .tel_02 {top:73%; right:51%; bottom:0%; left:0%; text-align:center;}
.contents.info .main_img span {display:inline-block; height:100%; vertical-align:middle;}
.contents.info .main_img > .tel_01 dl {display:inline-block; vertical-align:middle;}
#ie7 .contents.info .main_img > .tel_01 dl {display:inline;}
.contents.info .main_img > .tel_01 dt {font-size:16px; line-height:24px; color:#FFCF03; text-indent:-2px;} /*배달문의전화번호 color */
.contents.info .main_img > .tel_01 dd {font-size:20px; line-height:24px; color:#000; text-indent:-2px;}
.contents.info .main_img > .tel_02 dl,
.contents.info .main_img > .tel_02 dd {height:100%;}
.contents.info .main_img > .tel_02 dt {font-size:15px; line-height:25px; color:#242424; text-indent:-2px; margin-top:-25px;}
.contents.info .main_img > .tel_02 dd span.valign + span {height:auto; font-size:20px; line-height:24px; color:#414141; text-indent:-2px;}
.contents.info .view .table {border:2px solid #FFCF03; border-radius:2px; margin-top:15px;} /*인포테이블라인 color*/
.contents.info .view table th {border-bottom:2px solid #FFCF03; color:#fff; line-height:18px; background:#FFCF03;} /*인포테이블라인 color*/
.contents.info .view table td {padding:5px 0; color:#5d5d5d; text-align:center;}
.contents.info .view table th + th,
.contents.info .view table td + td {border-left:1px solid #FFCF03;} /*인포테이블라인 color*/
.contents.info .view ul {padding-top:15px;}
.contents.info .view ul li {padding-left:5px; text-indent:-5px; font-weight:700; color:#000;}

.sub_info{}
.sub_info .s_info_main{padding:20px 0; text-align:center;}
.sub_info .s_info_main .s_info_left{display:inline-block; width:45%; text-align:center; border:4px solid #dfdfdf; border-radius:5px; padding:10px 0;}
.sub_info .s_info_main .s_info_left img{width:50%; padding-top:5px;}
.sub_info .s_info_main .s_info_left .tit{font-size:1.4em; font-weight:bold; color:#000;}
.sub_info .s_info_main .s_info_left .tel{font-size:1.2em; line-height:1em;  font-weight:bold; color:#fff; background-color:#d03020; border-radius:20px; width:95%; padding:5px 0; margin:0 auto; margin-top:5%; letter-spacing:0px;}
.sub_info .s_info_main .s_info_right{display:inline-block; width:45%; text-align:center;  padding:10px 0; float:right;}
.sub_info .s_info_main .s_info_right img{width:80%;}

.s_info_txt{clear:both; width:100%; border-top:1px solid #cd321e; border-bottom:1px solid #cd321e; padding:0; }
.s_info_txt p{padding:0; font-size:16px; line-height:16px; margin:0px; border-top:1px solid #dedede;  background-color:#f3f3f3; letter-spacing:0;}
.s_info_txt p:first-child{border-top:0 none;}
.s_info_txt p .tit{font-size:16px; line-height:22px; color:#000; clear:both; width:27%; padding:10px 0; padding-left:3%; display:inline-block; vertical-align:top; margin:0px; font-weight:bold;}
.s_info_txt p .txt{font-size:16px; line-height:22px; color:#000; width:67%; display:inline-block; margin:0px;padding:10px 0; padding-left:3%; background-color:#fff;}


/* 오시는길 */
.contents.map .title {border-bottom:none;}
.contents.map .map {height:250px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
html.sub .contents.map .view {padding-top:15px;}
.contents.map .view ul li strong {display:block; font-size:15px; color:#3b3b3b; margin-bottom:5px;}
.contents.map .view ul li + li {margin-top:20px;}
.contents.map .view ul li .btn {margin-left:-5px; margin-top:5px; overflow:hidden;}
.contents.map .view ul li .btn > div {width:50%; float:left;}
.contents.map .view ul li .btn > div a {display:block; margin-left:5px; font-size:13px; line-height:25px; font-weight:700; color:#4c4c4c; text-align:center; background:#fff; border:1px solid #cdc4c4; border-radius:3px;}
.contents.map .view ul li .btn > div a img {width:auto; height:25px; margin-right:10px;}
.label {margin-bottom: 96px;}
.label * {display: inline-block;vertical-align: top;}
.label .left {background: url("http://i1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;display: inline-block;height: 24px;overflow: hidden;vertical-align: top;width: 7px;}
.label .center {background: url("http://i1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png") repeat-x;display: inline-block;height: 24px;font-size: 12px;line-height: 24px;}
.label .right {background: url("http://i1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0  no-repeat;display: inline-block;height: 24px;overflow: hidden;width: 6px;}

/* etc add */
.w033 {width:33%;}
.w034 {width:34%;}
.w80 {width:80px;}
.w70 {width:70px;}