@charset "euc-kr";
/* default */
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: Dotum, "돋움", sans-serif;
font-size: 12px;
}
/* base style */
table {
table-layout: fixed;
border-collapse: collapse;
}
img { border: 0 none; }
dl, ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend { margin: 0; padding: 0; }
p, div, th, td, select, input, textarea {
color: #666;
font-size: 12px;
line-height: 18px;
margin: 0;
padding: 0;
}
/* link base style */
a:link, a:active, a:visited, a:hover {
color: #666;
text-decoration: none;
}
/* block element */
.block {
display: block;
}
.inline {
display: inline;
}
.inlineblock {
display: inline-block;
}
.hide {
display: none !important;
}
/* float */
.fl{
float:left;
}
.fr{
float:right;
}
.fn{
float:none;
}
.clear{
clear:both;
}
.clear1 {
clear:both;
height:1px;
font-size:1px;
line-height:1px;
overflow: hidden;
}
.clear2 {
clear: both;
height: 0;
overflow: hidden;
}
/* font */
.dt {
font-family: Dotum;
}
.tb {
font-weight: bold;
}
.f11 {
font-size: 11px;
font-family: Dotum;
}
/* form */
.input { background-color:#eaeaea; border:1px solid #dfdfdf; color:#616161;font-size:12px;height:15px;padding:3px 0 0 5px; }
.area { background-color:#ffffff; border:1px solid #cedff9; color:#666666;padding:5px; }
.select { background-color:#ffffff; border:1px solid #c0c0c0; color:#666666; }
.inputPop { background-color:#ffffff; border:1px solid #7f9db9; color:#616161;font-size:12px;height:15px;padding:3px 0 0 5px; }
/* common */
.marginT5 {
margin-top:5px;
}
.marginT10 {
margin-top:10px;
}
.marginT15 {
margin-top:15px;
}
.marginT20 {
margin-top:20px;
}
.marginT30 {
margin-top:30px;
}
.marginB10 {
margin-bottom:10px;
}
.marginB20 {
margin-bottom:20px;
}
.marginB30 {
margin-bottom:30px;
}
/* etc */
.png24 {
tmp:expression(setPng24(this));
}
.clear1 { clear:both; line-height:1px; font-size:1px; height:1px; }
.hand { cursor: pointer; }
/* layout */
#wrap {
position: relative;
width: 100%;
height: auto !important;
height: 100%;
min-height: 100%;
margin: 0 auto;
z-index: 1;
background: url('/images/common/header_bg0.jpg') no-repeat center top;
}
#wrap1 {
position: relative;
width: 100%;
height: auto !important;
height: 100%;
min-height: 100%;
margin: 0 auto;
z-index: 1;
background: url('/images/common/header_bg1.jpg') no-repeat center top;
}
#wrap2 {
position: relative;
width: 100%;
height: auto !important;
height: 100%;
min-height: 100%;
margin: 0 auto;
z-index: 1;
background: url('/images/common/header_bg2.jpg') no-repeat center top;
}
#wrap3 {
position: relative;
width: 100%;
height: auto !important;
height: 100%;
min-height: 100%;
margin: 0 auto;
z-index: 1;
background: url('/images/common/header_bg3.jpg') no-repeat center top;
}
#wrap4 {
position: relative;
width: 100%;
height: auto !important;
height: 100%;
min-height: 100%;
margin: 0 auto;
z-index: 1;
background: url('/images/common/header_bg4.jpg') no-repeat center top;
}
#header {
width: 864px;
height: 239px;
position:relative;
margin: 0 auto;
z-index:2;
}
#middle {
width: 864px;
position:relative;
margin: 0 auto;
z-index:3;
}
#footer {
clear: both;
width: 864px;
height: 120px;
position:relative;
margin: 0 auto;
z-index:4;
}
#headerMain {
width: 864px;
height: 78px;
position:relative;
margin: 0 auto;
z-index:3;
}
#middleMain {
width: 900px;
height: 555px;
position:relative;
margin: 0 auto;
z-index:2;
}
#popup {
background: url('/images/common/popbg.jpg') no-repeat left top;
}
/* Main */
div.MainMenu {
position:absolute;
background: url('/images/main/main_bg.jpg') no-repeat left top;
width:900px;
height:400px;
}
div.MainMenu .menu1 {
float: left;
padding:15px 0 0 18px;
}
div.MainMenu .menu2 {
float: left;
padding:15px 0 0 0;
}
div.MainMenu .menu3 {
float: left;
padding:15px 0 0 0;
}
div.MainMenu .menu4 {
float: left;
padding:15px 0 0 0;
}
div.MainNews {
position:absolute;
top:406px;
left:33px;
}
div.MainNews .newsimg {
float: left;
}
div.MainNews .newslist {
float: left;
width:650px;
margin:0 0 0 10px;
}
div.MainNews .newslist p.ti {
text-align:right;
padding:0 0 5px 0;
}
div.MainNews .newslist p.ti img.sti {
float: left;
}
div.MainNews .newslist table.list {
margin:0 0 0 0;
}
div.MainNews .newslist table.list td {
background: url('/images/common/bl3.gif') no-repeat 2px 5px;
padding:0 0 2px 10px;
font-size:11px;
color:#656565;
}
div.MainNews .newslist table.list td.date {
background: none;
text-align:right;
}
div.MainNews .newslist table.list td.current {
color:#dd0519;
}
div.MainNews .newslist table.list td.current a {
color:#dd0519;
}
div.MainNews .newslist table.list td img {
vertical-align:middle;
}
div.MainStore {
position:absolute;
top:406px;
left:450px;
}
div.MainStore .storeimg {
float: left;
}
div.MainStore .storelist {
float: left;
}
div.MainStore .storelist p.ti {
padding:0 0 10px 0;
}
div.MainStore .storelist p.txt {
padding:0 0 15px 0;
}
div.MainBan {
position:absolute;
top:398px;
left:700px;
}
/* header Layout */
div.h_logo {
z-index:12;
position:absolute;
top:14px;
}
div.h_sm {
z-index:12;
position:absolute;
top:6px;
right:0;
}
div.h_sm ul li {
float: left;
padding:0 0 0 10px;
}
div.h_sm ul li.bar {
background: url('/images/common/header_sm_bar.gif') no-repeat right top;
padding:0 10px 0 10px;
}
div.h_menu {
z-index:11;
position:absolute;
top:31px;
right:0;
}
div.h_visual {
z-index:10;
position:absolute;
top:0;
left:0;
}
/* Middle Layout */
#left {
width: 156px;
float: left;
min-height: 500px;
_height: 500px;
}
#content {
width: 708px;
float: left;
background: url('/images/common/left_bg.jpg') repeat-y left top;
min-height: 500px;
_height: 550px;
}
/* Left Contents */
div.leftMenu {
}
div.leftMenu ul.mList {
width:100%;
}
div.leftMenu ul.mList li.sti {
padding:0 0 15px 0;
}
div.leftMenu ul.mList li {
padding:0 0 0 0;
border-bottom:1px solid #ebebeb;
}
div.leftBan {
padding:50px 0 0 0;
}
/* Contents */
div.Con {
padding:0 0 50px 60px;
width: 648px;
}
div.conTi {
padding:0 0 10px 0;
}
ul.conHistory {
height:20px;
}
ul.conHistory li {
float: left;
background: url('/images/common/history_bar.gif') no-repeat left 1px;
padding:0 5px 0 10px;
}
ul.conHistory li.home {
background: none;
padding:0 5px 0 0;
}
div.conBody {
padding:25px 0 0 0;
}
/* Footer Contents */
div.footertxt {
}
/* Paging */
div.paging {
text-align: center;
font-size:11px;
font-family: Tahoma;
}
div.paging a {
color: #888888;
padding:0 3px 0 3px;
}
div.paging a.current {
color:#444444;
font-weight: bold;
}
div.paging span {
color:#dedede;
}
div.paging img {
vertical-align: middle;
margin-bottom: 4px;
}
div.paging a.btn {
padding:0 0 0 0;
}
div.btnL {
text-align: left;
}
div.btnC {
text-align: center;
}
div.btnR {
text-align: right;
}
div.search {
text-align: center;
}
div.search input {
vertical-align:middle;
margin:0 0 2px 0;
}
div.search img {
vertical-align:top;
}
div.search select {
vertical-align:middle;
margin:0 0 2px 0;
}
/* 정규직채용 */
div.payList {
display:none;
}
div.recruitCon1 {
padding:0 0 0 0;
}
div.recruitCon1 p.sti {
padding:0 0 5px 0;
}
div.recruitCon1 .con {
padding:10px 0 5px 0;
}
div.recruitCon2 {
padding:0 0 0 0;
}
div.recruitCon2 p.sti {
padding:0 0 5px 0;
}
div.recruitCon2 p.txt {
padding:5px 0 10px 0;
}
div.recruitCon2 .con {
background: url('/images/job/recruit_box1_s.gif') no-repeat left top;
padding:15px 0 15px 0;
}
div.recruitCon2 .conE {
background: url('/images/job/recruit_box1_e.gif') no-repeat left top;
padding:10px 0 0 0;
}
div.recruitCon2 .con p.logininputradio {
padding:0 0 0 230px;
}
div.recruitCon2 .con .logininput {
float: left;
padding:10px 0 0 150px;
}
div.recruitCon2 .con .logininput span.bbstxt1 {
background: url('/images/common/bl1.gif') no-repeat left 7px;
padding:2px 48px 0 5px;
}
div.recruitCon2 .con .logininput span.bbstxt2 {
background: url('/images/common/bl1.gif') no-repeat left 7px;
padding:2px 5px 0 5px;
}
div.recruitCon2 .con .logininput span.bbstxt3 {
background: url('/images/common/bl1.gif') no-repeat left 7px;
padding:2px 20px 0 5px;
}
div.recruitCon2 .con .logininput input {
vertical-align:middle;
margin:2px 0 2px 0;
}
div.recruitCon2 .con .logininput ul {
margin:0 0 0 0;
padding:0;
}
div.recruitCon2 .con .logininput ul li.sti {
float: left;
background: url('/images/common/bl1.gif') no-repeat left 7px;
padding:2px 0 10px 5px;
width:75px;
}
div.recruitCon2 .con .logininput ul li {
float: left;
width:200px;
}
div.recruitCon2 .con .loginbtn {
float: left;
padding:10px 0 0 5px;
}
div.recruitCon3 {
padding:30px 0 0 0;
}
div.recruitCon3 p.sti {
padding:0 0 5px 0;
}
div.recruitCon3 ul {
margin:5px 0 0 0;
}
div.recruitCon3 ul li {
background: url('/images/common/bl1.gif') no-repeat 5px 4px;
padding:0 0 7px 11px;
}
div.recruitLy1 {
display:none;
position:relative;
top:365px;
left:105px;
width:320px;
text-align:left;
}
div.recruitLy1 .Con {
position:absolute;
width:320px;
}
div.recruitLy1 .recruitLy1S {
background: url('/images/job/recruit_lybox1_s.gif') no-repeat left top;
padding-top:17px;
}
div.recruitLy1 .recruitLy1Con {
width:318px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#ffffff;
padding:0 0 20px 0;
}
div.recruitLy1 .recruitLy1Con p.closebtn {
text-align:right;
padding:0 10px 0 0;
}
div.recruitLy1 .recruitLy1Con .txt {
text-align:center;
padding:20px 0 0 0;
}
div.recruitLy1 .recruitLy1Con .btn {
text-align:center;
padding:30px 0 0 0;
}
div.recruitLy2 {
display:none;
position:relative;
top:365px;
left:105px;
width:320px;
text-align:left;
}
div.recruitLy2 .Con {
position:absolute;
width:320px;
}
div.recruitLy2 .recruitLy1S {
background: url('/images/job/recruit_lybox1_s.gif') no-repeat left top;
padding-top:17px;
}
div.recruitLy2 .recruitLy1Con {
width:318px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#ffffff;
padding:0 0 20px 0;
}
div.recruitLy2 .recruitLy1Con p.closebtn {
text-align:right;
padding:0 10px 0 0;
}
div.recruitLy2 .recruitLy1Con .txt {
text-align:center;
padding:20px 0 0 0;
}
div.recruitLy2 .recruitLy1Con .txt p.txtstore {
color:#d90808;
font-size:14px;
font-weight:bold;
}
div.recruitLy2 .recruitLy1Con .btn {
text-align:center;
padding:30px 0 0 0;
}
div.recruitList {
padding:0 0 0 0;
}
div.recruitList p.sti {
padding:0 0 10px 0;
}
div.recruitList p.sti2 {
float: left;
}
div.recruitList p.stibtn {
float: right;
}
div.recruitTBox {
background: url('/images/job/recruit_box1_s.gif') no-repeat left top;
padding:10px 0 5px 0;
}
div.recruitTBoxE {
background: url('/images/job/recruit_box1_e.gif') no-repeat left top;
padding:11px 0 0 0;
}
table.recruitTList {
width:100%;
table-layout:fixed;
}
table.recruitTList tbody th {
background: url('/images/common/bl2.gif') no-repeat 14px 15px;
padding:10px 0 7px 19px;
text-align:left;
border-bottom:1px solid #dadada;
vertical-align:top;
}
table.recruitTList tbody th.bordernone {
border-bottom:0px solid #dadada;
}
table.recruitTList tbody td.bordernone {
border-bottom:0px solid #dadada;
}
table.recruitTList tbody th.bordertop {
border-top:1px solid #dadada;
}
table.recruitTList tbody td.bordertop {
border-top:1px solid #dadada;
}
table.recruitTList tbody td {
padding:7px 0 7px 5px;
color:#5a5a5a;
border-bottom:1px solid #dadada;
}
table.recruitTList tbody td p {
padding:5px 0 0 0;
}
table.recruitTList tbody td span {
font-size:11px;
color:#888888;
letter-spacing:-1px;
}
table.recruitTList tbody td.txt {
padding:0 0 7px 5px;
}
table.recruitTList tbody td.txtview {
padding:8px 0 1px 5px;
}
table.recruitTList tbody td input {
vertical-align:middle;
}
table.recruitTList tbody td img {
vertical-align:middle;
}
/* 아르바이트채용 */
div.albatab {
display:none;
padding:20px 0 25px 0;
}
/* bbs */
div.bbsTotal {
text-align:right;
}
div.bbsTotal span {
background: url('/images/common/bl4.gif') no-repeat left 3px;
padding:0 20px 0 8px;
font-size:11px;
color:#666666;
}
table.bbsList1 {
width:100%;
table-layout:fixed;
}
table.bbsList1 th {
background: url('/images/common/bbsbg1_bg.gif') repeat-x left top;
padding:0 0 2px 0;
}
table.bbsList1 th.s {
background: url('/images/common/bbsbg1_s.gif') no-repeat left top;
}
table.bbsList1 th.e {
background: url('/images/common/bbsbg1_e.gif') no-repeat left top;
}
table.bbsList1 th.bar {
background: url('/images/common/bbsbg1_bar.gif') no-repeat left top;
}
table.bbsList1 td {
padding:6px 0 5px 0;
color:#666666;
border-bottom:1px solid #cccccc;
text-align:center;
}
table.bbsList1 td.e {
border-bottom:1px solid #ef7f82;
}
table.bbsList1 td.subject {
text-align:left;
padding:5px 10px;
}
table.bbsView1 {
width:100%;
table-layout:fixed;
}
table.bbsView1 th {
background: url('/images/common/bbsbg1_bg.gif') repeat-x left top;
padding:0 0 2px 0;
}
table.bbsView1 th.s {
background: url('/images/common/bbsbg1_s.gif') no-repeat left top;
}
table.bbsView1 th.e {
background: url('/images/common/bbsbg1_e.gif') no-repeat left top;
}
table.bbsView1 th.bar {
background: url('/images/common/bbsbg1_bar.gif') no-repeat left top;
}
table.bbsView1 th.txt {
padding:0 0 0 10px;
color:#ffffff;
text-align:left;
font-weight:normal;
}
table.bbsView1 td {
padding:10px 0 7px 10px;
border-bottom:1px solid #ccc;
}
table.bbsView1 td.st {
padding:10px 0 8px 10px;
vertical-align:top;
}
table.bbsView1 td.mem {
color:#e00006;
font-weight:bold;
}
table.bbsView1 td.e {
border-bottom:0px solid #ccc;
}
table.bbsView1 td.contents {
padding:20px;
border-bottom:1px solid #ccc;
}
table.bbsList2 {
width:100%;
table-layout:fixed;
border-top:1px solid #ef7f82;
}
table.bbsList2 th {
padding:5px 0 5px 0;
border-bottom:1px solid #dadada;
}
table.bbsList2 td {
padding:6px 0 4px 0;
border-bottom:1px solid #dadada;
}
table.bbsList2 th.e {
border-bottom:1px solid #ef7f82;
}
table.bbsList2 td.e {
border-bottom:1px solid #ef7f82;
}
table.bbsList2 td a {
color:#777777;
}
div.popAddr {
padding:25px 0 0 20px;
width:285px;
}
div.popAddr p.ti {
padding:0 0 0 0;
}
div.popAddr p.txt {
padding:15px 0 0 2px;
}
div.popAddr p.inputtxt {
padding:10px 0 15px 2px;
border-bottom:1px solid #d6040c;
}
div.popAddr p.inputtxt input {
vertical-align:middle;
}
div.popAddr p.inputtxt img.btn {
vertical-align:top;
}
div.popAddr .addrlist {
width:100%;
height:160px;
overflow:auto;
padding:8px 0 8px 0;
}
div.popAddr .addrlist ul.list li {
font-size:11px;
padding:4px 5px 3px 5px;
line-height:15px;
}
/*피자헛매니아*/
div.TWSearch {
position:absolute;
top:0;
left:730px;
}
div.TWCon {
display:none;
}