div.location { margin: 10px 0 0; padding: 5px 10px 5px 24px; background: url("/html/images/icon_flag.gif") 0 5px no-repeat; color: #333; }
div.searchForm { float: right; margin-top: -15px; margin-right: -56px; *margin-right: -66px; height: 36px; overflow: hidden; }

.jobDetails { margin: 10px auto; }
h2 { padding: 8px 0; border-bottom: 1px solid #390; text-align: center; font: normal 20px ºÚÌå; color: #333; }
h2 .memo { font: normal 14px Verdana; color: #000; }
h2 .memo a { font-size: 12px; }
div.basicInfo { padding: 10px 0; color: #390; }
div.basicInfo ul { width: 954px; margin: 0 auto; }
div.basicInfo ul li { float: left; width: 318px; line-height: 180%; font-size: 14px; }
div.basicInfo ul li span { color: #464646; }
div.basicInfo ul li.noFloat { clear: both; float: none; }
div.basicInfo a { color: #390; text-decoration: underline; }

.jobContent .jobIntro { margin: 5px 0 0; padding: 5px 20px; line-height: 180%; background: #f5f8fd; font-size: 14px; color: #000; }
.jobContent .jobIntro p { padding: 5px 0; }
.jobContent .h3 { padding: 5px; font: bold 14px Verdana; }
.jobContent .jobOper { padding: 8px 10px; height: 36px; line-height: 36px; background: #f5f8fd; font-size: 14px; }
.jobContent .jobOper div.floatr { padding: 0 20px 0 3em; background: url("/html/images/show_jobOper.jpg") no-repeat; }
.jobContent .jobOper a span { font-size: 12px; color: #000; }
.jobContent .jobOper img { vertical-align: middle; padding-bottom: 3px; }

.ggFillSlot { padding: 0 20px; background: #f5f8fd; }
.fillSlotMiddle { width: 608px; margin: 0 20px; padding: 0 5px 5px; text-align: center; background: #f5f8fd; }
.fillSlotBottom { width: 620px; margin: 0 15px; padding: 10px 5px; overflow: hidden; }
.gtitle { text-align: left; }

.relHotJob{ text-align: left; padding: 5px 10px; line-height: 150%; background: #f5f8fd; font-size: 14px; }
.relHotJob strong { color:#000; }

.relBox { margin: 0; padding: 15px; line-height: 150%; background: #f5f8fd; font-size: 14px; }
.relBox ul.job { width: 580px; padding-right: 40px; float: left; border-right: 1px dotted #ccc; }
.relBox ul.com { margin-left: 20px; width: 300px; float: left; }
.relBox ul strong { display: block; margin: 0 0 10px; color: #000; }
.relBox ul strong span.r { font-weight: normal; }
.relBox ul li { height: 22px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.relBox ul li.right { padding: 5px 0 0; }
.relBox ul li a { text-decoration: underline; }
.relBox ul li a.key,.relBox ul li a span.key { color: #c03; }
.relBox ul li a:hover { text-decoration: none; }
.relBox ul li span.date { padding: 4px 0 0; }

div.relativePage { margin: 10px 0 0; padding: 10px 5px 5px; border-top: 1px solid #eee; }
div.relativePage a { font: normal 12px Verdana; color: #06c; }
div.relativePage span { display: block; float: left; line-height: 150%; color: #000; }
div.relativePage span.prev { width: 350px; text-align: left; }
div.relativePage span.place { width: 260px; text-align: center; }
div.relativePage span.place strong a { color: #f60; }
div.relativePage span.next { width: 350px; text-align: right; }

div.job { float: left; margin: 10px 0 0; width: 318px; border:1px solid #390; text-align:left; }
div.job ul { padding: 10px; }
div.job ul li { padding-left: 12px; line-height: 24px; height: 22px; overflow: hidden; color: #666; background: url("/html/images/arrow_up.gif") 0 9px no-repeat; }
div.job ul li:hover { background-image: url("/html/images/arrow_right.gif"); }
h3.subRemTitle { padding: 8px 10px; border-bottom: 1px solid #ddd; font: bold 14px Verdana; color: #390; }
h3.subRemTitle span.r a { line-height: 18px; font: normal 12px Verdana; }
div.sns{ float: right; width:648px; margin: 10px 0 0; text-align:left; border:1px solid #390; }
div.sns div.box { width: 324px; }
div.sns div h3 {padding: 8px 10px; border-bottom: 1px solid #ddd; font: bold 14px Verdana; color: #390; }
div.sns div h3 a.floatr { line-height: 18px; font: normal 12px Verdana; }
div.sns div ul {padding:10px;}
div.sns div ul li { line-height: 24px;height: 22px; overflow:hidden; color:#666;}
div.sns span.num { width: 50px; font: normal 10px Verdana; }
div.adBox { margin: 10px 0 0; padding: 5px; text-align: center; border:1px solid #eee; }

/* Part: errorBox 09.4.17 */
div.jobEmail { margin:20px auto; width:720px; padding:30px 40px; border:2px solid #ddd; }
div.jobEmail h2 { margin:5px 0; text-align: center; font: normal 18px ºÚÌå; }
div.jobEmail h2 a { color: #06c; }
div.jobEmail h3 { padding:3px 0; border-bottom:1px solid #ccc; font:normal 16px ºÚÌå; }
div.jobEmail ul {margin:15px 0;padding:15px 20px;background:#f2ffec;}
div.jobEmail ul li {line-height:180%;color:#333;}
div.jobEmail ul li strong { padding:0 15px 0 80px; color: #390; }
table.emailBox { margin:10px auto;width:100%; font: normal 12px Verdana;}
table.emailBox th { text-align:right; padding: 5px; font-weight: normal; vertical-align: top; }
table.emailBox td { text-align:left; padding: 5px; line-height:150%; }
table.emailBox td span.memo { color: #868686; }
table.emailBox td.cen {text-align:center;}
table.emailBox textarea.text, table.emailBox input.text { margin: 0 0 3px; padding: 5px; border: 1px solid #ccc;font:normal 12px Verdana;color:#333;}
input.btnConfirm { border:none; background: url("/html/images/btnConfirm.gif") center center no-repeat; width: 67px; height: 21px; line-height: 150%; color: #333; cursor: pointer; }
input.btnCancel { border:none; background: url("/html/images/btnCel.gif") center center no-repeat; width: 67px; height: 21px; line-height: 150%; color: #666; cursor: pointer; }

/* Part: 2 columns 09.4.20 */
#showMain { float: left; width: 660px; margin-top: 10px; padding-top: 20px; background: #f5f8fd; }
#showMain h2 { margin: 0 20px; }
ul.basicInfo { width: 600px; margin: 0 auto; padding: 5px 10px; color: #390; }
ul.basicInfo li { line-height: 180%; font-size: 14px; }
ul.basicInfo li.floatl { float: left; width: 200px; }
ul.basicInfo li.noFloat { clear: both; float: none; }
ul.basicInfo li strong { color: #333; }
ul.basicInfo a { color: #390; text-decoration: underline; }
#showMain .jobContent .jobIntro { margin: 0; }
#showMain h3 { margin: 0 20px; padding: 5px 0; border-bottom: 1px solid #ddd; }

#showSide { float: right; width: 300px; margin-top: 10px; }
#showSide .box { margin-bottom: 15px; border: 1px solid #c1e0ff; }
#showSide h3 { padding: 8px 15px; background: #f2f8f8; border-bottom: 1px solid #eef5f5; font: bold 14px Verdana; color: #007dcc; }
#showSide .box ul { padding: 10px 1em; }
#showSide .box ul li { padding: 0 5px; height: 20px; word-wrap: break-word; overflow: hidden; line-height: 150%; color: #666; }
#showSide .box p { padding: 10px 17px; line-height: 150%; color: #666; }
#showSide h3 span.floatr { font-weight: normal; }
