/*

.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:#1c1a1a;}

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

/* 헤더 */
header {position:relative; height:45px; background:#2C0B05; background-size:100% 100%;}
html.sub header {}
header a {display:inline-block; height:100%;}
header img {display:block; height:100%;}
#ie8 header img {display:inline;}
header h1 {height:100%; font-size:18px; line-height:45px; color:#fff; text-align:center;}
header .btn {position:absolute; top:0; bottom:0; height:100%;}
header .btn.left {left:0; text-align:left;}
header .btn.right {right:0; text-align:right;}

/* 푸터 */
footer {padding:20px; font-size:12px; line-height:20px; color:#ffffff; text-align:center; background-color:#3f3f3f;}
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;}

.main_tel {display:block; background:#CF3020; border-bottom:1px solid #282525;}
.main_tel dl {width:320px; overflow:hidden; margin:0 auto; font-size:25px; line-height:45px;}
.main_tel dl dt {float:left; width:120px; font-weight:700; color:#FFCF03; text-align:center;}
.main_tel dl dd {float:left; width:200px; font-weight:900; color:#fff; letter-spacing:0;}

.main_nav {overflow:hidden; text-align:center; background-color: #CF3020; }
.main_nav a {position:relative; display:block; width:25%; height:78px; float:left; font-size:12px; font-weight:700; color:#ffffff;}
.main_nav a div {height:45px; margin-top:8px; margin-bottom:3px; overflow:hidden;}
.main_nav a img {display:block; margin:0 auto; height:200%;}
.main_nav a .line {position:absolute; display:block; height:55px; top:50%; left:-1px; margin-top:-28px;}
.main_nav a:active img {margin-top:-45px;}
.main_nav a:active {color:#fff;}

/* 서브공통  */
.sub_nav {height:36px; overflow:hidden; text-align:center; background:#CF3020;}
.sub_nav a {position:relative; display:block; width:25%; float:left; font-size:13px; line-height:36px; font-weight:700; color:#ffffff;}
.sub_nav a .line {position:absolute; display:block; height:14px; top:50%; left:-1px; margin-top:-7px; border-left:1px solid #dfa70e; border-right:1px solid #ffe19b;}
.sub_nav a.on {color:#FFCF03;}

html.sub .title {margin:0 15px; padding:15px 0; border-bottom:1px solid #4c4c4c;}
html.sub h2 {font-size:22px; line-height:30px; color:firebrick;}
html.sub .subTitle {font-size:15px; font-weight:700; line-height:30px; color:#666666;}
html.sub .contents {font-size:12px; line-height:15px; color:#4c4c4c; border-top:1px solid #f9b70f;}
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 button.all {float:right; margin: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:#fff; border:1px solid #BD9311; background:#FFCF03; text-align:left;}
.contents.menu dl > dt .title img {width:auto; height:14px; margin:10px 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 0; 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:45px; 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.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;}
.s_info_txt ul li {text-align: center; text-decoration: none; padding-left: 5px; text-indent: -5px; font-weight: 700; color:#000;}

/* 오시는길 */
.contents.map .title {border-bottom:none;}
.contents.map .map {height:150px; 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;}

.w033 {width:33%;}
.w034 {width:34%;}

.w80 {width:40px;}
.w70 {width:90px;}