@charset "utf-8";
/* SIR 지운아빠 */

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family: "굴림","돋움",Helvetica,AppleGothic,Sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
ul {padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr, a.ing_guin span em, a.ing_guin_list span em, #jobs_list li p span em, span.special_icon em {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#d7d7d7;color:#fff;text-align:right}
.hd_pops_footer button {
    padding: 5px;
    border: 0;
    background: #2a2a2a;
    color: #fff;
    font-size: 12px;
    height: 35px;
    width: 49%;
    margin: 0px;
}

/* 상단 레이아웃 */
#hd {z-index:4;position:relative;min-width:970px;background:#fff}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;/*padding:26px 0;width:970px;*/height:94px; width:100%; zoom:1; margin-top: 10px;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {/*float:left;*/position:relative;width:970px;margin:0 auto;}

/* 전체 검색 */
#hd_sch {/*float:left;*/position:absolute;width:410px;top:35px;left:300px;margin:0;padding:0;}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {border:4px solid #d4423d;padding:5px;width:335px;height:20px;background:#fff;line-height:1.9em !important;line-height:1.6em;}
#hd_sch #sch_submit {width:50px;height:38px;background:#d4423d;border:0;color:#fff;font-weight:bold;cursor:pointer;}
#hd_sch #sch_submit:hover {background:#d4423d;}

/* 텍스트 크기 조절 */
#text_size {float:right;/*margin:0 0 0 10px;*/position:absolute; top:1px; right:1px; letter-spacing:-3px}
#text_size button {margin:0;/*padding:1px 2px;*/border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 상단 회원가입 등 링크 */
#tnb {/*float:right;*/ position:relative; width:968px;margin:0 auto !important;padding:0; list-style:none;zoom:1; border:1px solid #DFDFDF; border-top:0px; background:#FBFBFB;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 10px}
#tnb a {display:inline-block;padding:0 10px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}

/* 대문자를 소문자로 변환해줌 */
.lo {text-transform: lowercase;}

/* 메인메뉴 */
#gnb {margin:0 auto;border-bottom:1px solid #dde4e9;background:#d4423d; height: 38px;}
#gnb2 {margin:0 auto;background:#f9f9f9; height: 36px;box-shadow: 0px 1px 4px #a9a9a9;}
#gnb2 ul li { float: left; }
#gnb2 li a.massage {
    margin-left: 18px;
    padding-right: 12px;
    width: 38px;
}
#gnb2 li a.aroma {
    margin-left: 12px;
    padding-right: 17px;
    width: 38px;
    background-position: 4px -17px;
}
#gnb2 li a {
    display: block;
    width: 70px;
    height: 14px;
    background: url('../images/sub_nav.png');
    margin-top: 10px;
    padding-right: 20px;
    border-right: 2px solid #ccc;
}
#gnb2 li a.skincare {
    background-position: 20px -34px;
}
#gnb2 li a.nailart {
    background-position: 21px -51px;
    padding-right: 5px;
}
#gnb2 li a.makeup {
    background-position: 20px -68px;
    padding-right: 5px;
}
#gnb2 li a.hairdesigner {
    background-position: 20px -84px;
    padding-right: 5px;
}
#gnb2 li a.spa {
    background-position: 17px -101px;
    padding-right: 2px;
    width:88px;
}
#gnb2 li a.totalshop {
    background-position: 20px -118px;
    padding-right: 0;
}
#gnb2 li a.etcshop {
    background-position: 15px -135px;
    padding-right: 0;
    border-right: none;
}
#gnb2 li a span {
    display: none;
}
#service_intro {
    margin: 0 auto;
    top: 44px;
    left: 750px;
}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;width:970px;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}

.gnb_1dli {z-index:10;position:relative;float:left;}
.gnb_1da {display:inline-block;height:35px;font-weight:bold;line-height:2.6em;text-decoration:none}
a.gnb_1da {color:#fff;font-size: 14px;font-family:'NanumGothic', sans-serif; }
.gnb_1da:focus, .gnb_1da:hover {text-decoration:none}
.gnb_1dli_air .gnb_1da {background-color:#fff;color:#000}
.gnb_1dli_on .gnb_1da {background-color:#d4423d;color:#fff}
.gnb_2dul {display:none;position:absolute;top:37px;width:180px;border:1px solid #2DB400;}
.gnb_2da {display:block;padding:5px 15px;text-align:left;text-decoration:none;}
a.gnb_2da {color:#000;}
.gnb_1dli_air .gnb_2da {background-color:#fff;color:#000}
.gnb_1dli_on .gnb_2da {color: #000;line-height: 35px;font-size: 13.5px;}
.gnb_2da:focus, .gnb_2da:hover {
    background: #d4423d;
    color: white;
    width: 150px !important;
    text-decoration: none;
}
.gnb_1dli_over .gnb_2dul {
    display: block;
    left: 0;
    background: #fff;
    border: 1px solid #d4423d;
    letter-spacing: -1px;
    font-weight: bold;
}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em; color:#fff;}
#gnb_empty a {text-decoration:underline; color:#fff;}

/* 중간 레이아웃 */
#wrapper {z-index:5;margin:5px auto 0;width:970px;/*border-right:1px solid #dde4e9;border-left:1px solid #dde4e9;*/zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#aside {float:right;margin:0;width:246px;height:100%; min-height:110px;border:1px solid #D6D6D6;background:#fff;margin-top: 5px;}

#container {z-index:4;float:left; margin-bottom:5px;width:970px;min-height:470px;height:auto !important;height:470px;background:#fff;font-size:1em;zoom:1;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

/* 하단 레이아웃 */
#ft {width:970px;border-top:2px solid #3F3F3F;background:#f2f5f9; margin:5px auto 0;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_company {text-align:center}

#ft_copy {background:#fff; padding:30px 0; position:relative;}
#ft_copy div {position:relative;margin:0 auto;padding:10px 0;color:#000}
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit}
#ft_copy a:first-child {margin-left:15px;}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}

div#ft_catch {position:absolute; top:0px; right:100px;}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#d4423d;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 15px;height:27px;line-height:1em; border-radius: 0;}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:88px;padding:16px 9px;border:1px solid #e9e9e9;border-left:0;background:#f8f8f8;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #d4d4d4;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:26px; text-indent: 5px;}
.tbl_frm01 textarea {width:88%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
/*.required, textarea.required {background:url('../images/wrest.gif') #fff top right no-repeat !important}*/

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {
    width: 600px;
    border: 1px solid #d4d4d4;
    margin: 0 auto;
    padding: 20px;
    margin-top: 50px;
}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 40px;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center;font-weight: normal;}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {border:1px solid #d4d4d4;border-radius: 3px;}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#d4423d;color:#fff;font-weight:normal; border-radius: 3px;}

/* Mobile화면으로 */
#device_change {width:970px;margin:0.3em auto;display:block;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}



/* css paste */

@import url("reset.css");

body
{
    font-size: 9pt;
    font-family: "굴림","돋움",Helvetica,AppleGothic,Sans-serif;
    line-height: normal;
    color: #333;
}

h1{ font-size: 2em; }
h2{ font-size: 1.5em; }
h3{ font-size: 1.2em; }
a{ text-decoration: none; color: #333; }
a:hover{ color: #666; }
a span{ display: none; }

p.warning,
span.error
{
    display: inline;
    color: #C00;
    padding-left: 20px;
}

p.warning.center{ display: block; text-align: center; }

#map{ width: 100%; height: 400px; }

input[type="text"],
input[type="password"],
select,
textarea
{
    -moz-transition: all 0.2s ease-out;  /* FF4+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.2s ease-out;  /* IE10? */
    transition: all 0.2s ease-out;
}
input::placeholder {
    color: #ababab;
}

    #header
    {
        display: block;
        width: 100%;
        float: left;
    }
    
        /*** 로고, 검색 바 시작 ******/
        h1#logo,
        h1#logo a{ 
            display: block;
            width: 277px;
            height: 94px;
            float:left;
        }
            h1#logo a{
                background: url('../images/header_01/logo.gif');
                margin-left: 10px;
            }
            h1 span{ display: none; }
        
        
        #total_search{
            width: 392px;
            display: block;
            float: left;
        }
            #total_search #keyword {
                height: 26px;
                width: 290px;
                padding: 0 5px;
                border: 5px solid #d23934;
                font-size: 1em;
                float: left;
                display: inline-block;
                margin: 40px 10px 0 20px;
            }
        
            #total_search #find{
                display: block;
                border: none;
                width: 52px;
                height: 36px;
                background: url('../images/header_01/btn_search.gif');
                float: left;
                margin-top: 40px;
                cursor: pointer;
            }
        
        
        /* 고객센터 | 이용안내 부분 */
        /*p#global,
        p#global a{
            float: left;
        }*/
        
        p#global {
            padding: 18px 8px 0px 0px;
            position: absolute;
            right: 0;
            width: 212px;
            display: inline-block;
        }
            p#global a{
                font-family: "돋움";
                font-size: 12px;
                vertical-align: bottom; 
                text-indent: 5px;
            }
        
        /*************** 로고, 검색 바 끝 *********************/
        
        
        /*************** nav 부분 *********************/
        #nav{
            width: 100%;
            height: 36px;
            background: url('../images/header_01/bg_nav.gif');
            float: left;
            position: relative;
        }
        #nav a span{
            display: none;
        }
        
            /**  service_intro  ****/
        
            #service_intro {
                width: 221px;
                height: 86px;
                position: absolute;
                bottom: 0;
                right: 0;
                background: url("../images/bg_service_intro.gif");
            }
            
                #service_intro a.company {
                    float: left;
                    display: block;
                    width: 110px;
                    height: 85px;
                    background: url("../images/btn_company_service_intro.png");
                }
                #service_intro a.gain {
                    float: left;
                    display: block;
                    width: 111px;
                    height: 85px;
                    background: url("../images/btn_gain_service_intro.png");
                }
                
                /* 로그인시 */
                #service_intro a.company_header {
                    display: block;
                    width: 221px;
                    height: 30px;
                    background: url("../images/company_service_header.gif") no-repeat;
                }
                #service_intro a.gain_header
                {
                    display: block;
                    width: 221px;
                    height: 30px;
                    background: url("../images/gain_service_header.gif") no-repeat;
                }
                #service_intro p {
                    color: white;
                    font-size: 9pt;
                    font-family: "돋움";
                    height: 20px;
                    width: 175px;
                    margin: 0 auto;
                    padding-top: 4px;
                    text-align: center;
                    line-height: 20px;
                }
                    #service_intro p a {
                        width: 58px;
                        height: 17px;
                        display: block;
                        float: right;
                        background: url("../images/btn_write.gif");
                        margin-left: 5px;
                    }
                    #service_intro p a.modify {
                        background: url("../images/btn_modify.gif");
                    }
                
        
        
        
        #sub_nav{
            width: 100%;
            height: 35px;
            background: url('../images/header_01/bg_subnav.gif');
            float: left;
        }
            #sub_nav ul{ margin: 2px 0 0 10px; }
        
        #nav ul,
        #nav ul li,
        #sub_nav ul,
        #sub_nav ul li{ float: left; }
        
        
        
            /* 메뉴 이미지 오버라이트 */
            #gnb_1dul li.main_menu0 a {
                float: left;
                width: 100px;
                height: 36px;
            }
            
            #gnb_1dul li.main_menu1 a {
                float: left;
                width: 100px;
                height: 36px;
            }
            
            #gnb_1dul li.main_menu2 a {
                float: left;
                width: 100px;
                height: 36px;
            }
            
            #gnb_1dul li.main_menu3 a {
                float: left;
                width: 120px;
                height: 36px;
            }
            
            #gnb_1dul li.main_menu4 a {
                float: left;
                width: 102px;
                height: 36px;
            }
            
            #gnb_1dul li.main_menu5 a, #gnb_1dul li.main_menu6 a {
                float: left;
                width: 85px;
                height: 36px;
            }

            
            
            /* Sub_nav 이미지 오버라이트 */
            #sub_nav li a{
                display: block;
                width: 70px;
                height: 13px;
                background: url('../images/sub_nav.png');
                margin-top: 10px;
                padding-right: 20px;
                border-right: 2px solid #ccc;
            }
                #sub_nav li a.massage{
                    margin-left: 20px;
                    padding-right: 25px;
                }
                #sub_nav li a.skincare{
                    background-position: 20px -17px;
                }
                #sub_nav li a.nailart{
                    background-position: 21px -34px;
                }
                #sub_nav li a.makeup{
                    background-position: 20px -50px;
                }
                #sub_nav li a.hairdesigner{
                    background-position: 20px -67px;
                    width: 93px;
                }
                #sub_nav li a.spa{
                    background-position: 20px -84px;
                    width: 45px;
                }
                #sub_nav li a.totalshop{
                    background-position: 20px -101px;
                    padding-right: 0;
                    border-right: none;
                }
            
            /* 메인 한줄 공지사항 */
        
            #line_notice {
                display: block;
                background: url("../images/bg_notice.gif") no-repeat left center;
                width: 200px;
                padding-left: 60px;
                line-height: 36px;
                font-family: "돋움";
                font-size: .9em;
                color: white;
                float: left;
                margin-left: 25px;
                height: 36px;
            }
                
                #line_notice a{ display: none; }
                #line_notice a.more {
                    display: block;
                    margin-top: 10px;
                    float: right;
                    margin-right: 15px;
                }
            
            
            
            
        
        div#login
        {
            width: 218px;
            height: 110px;
            border: 1px solid #ccbaba;
            background: #fafafa;
            margin-top: 10px;
            float: left;
        }

            div#login p 
            {
                padding-left: 15px;
                line-height: 19px;
            }
        
            div#login p a img{ vertical-align: middle; }
            
            div#login p.menu,
            div#login p.welcome
            {
                margin-top: 5px;
                border-bottom: 1px solid #ccbaba;
                padding-bottom: 5px;
            }
            
                div#login p.welcome a{ font-weight: bold; }
                div#login p.welcome a.modify,
                p#global a.modify
                {
                    display: block;
                    float: right;
                    background: url("../images/g_btn_modify.gif");
                    width: 46px;
                    height: 16px;
                    margin-right: 5px;
                }
                div#login p.welcome a.logout,
                p#global a.logout
                {
                    display: block;
                    float: right;
                    background: url("../images/g_btn_logout.gif");
                    width: 46px;
                    height: 16px;
                    margin-right: 5px;
                }
                
                p#global a.modify,
                p#global a.logout{ float: left; } 
                
            
            div#login p.state
            {
                padding-top: 5px; 
                line-height: 19px;
            }
            
            div#login p.ads{ padding: 5px 0 5px 15px; }
                div#login p.state span,
                div#login p.ads span{ display: inline; font-weight: bold; }
                
                div#login p.menu a.join
                {
                    font-weight: bold;
                }


            div#login form
            {
                margin-top: 5px;
                margin-left: 15px;
            }
            
            
                div#login form input
                {
                    width: 120px;
                    height: 16px;
                    border: 1px solid #999;
                    margin-top: 4px;
                    font-size: 1em;
                    padding: 2px 5px;
                }
                
                div#login form input[type="submit"]
                {
                    width: 51px;
                    height: 21px;
                    background: url("../images/btn_login.gif");
                    border: none;
                    cursor: pointer;
                    vertical-align: bottom;
                    margin-left: 5px;
                }
                
                div#login p.save_id
                {
                    float: right;
                    margin-top: -45px;
                    margin-right: 7px;
                }
                
                    div#login p.save_id input[type="checkbox"]
                    {
                        vertical-align: middle;
                        margin: 0;
                    }
                    
                    div#login p.save_id label span
                    {
                        font-weight: bold;
                    }
                
                div#login p.secure
                {
                    padding-left: 15px;
                    background: url("../images/icons/secure.gif") no-repeat 0 2px;
                    margin: 3px 0 0 15px;
                }
                
                div#login p.secure span
                {
                    text-decoration: underline;
                    font-weight: bold;
                }
                
        #banner
        {
            float: left;
            width: 480px;
            margin: 5px 0 5px 15px;
            text-align: center;
        }
        
        /* 배너 관련 */
        #ads_banner2, #ads_banner3{ display: none; }
        
        

    /* 메인 공통 */
    
    #content div.header_container
    {
        border-bottom: 1px solid #d9d9d9;
        float: left;
        width: 940px;
    }
    #content div.shop{ border: none; }
    
    
    /* 검색엔진 이미지 */
    #content div.header_container .search_keyword
    {
        display: block;
        margin-top: 5px;
        float: right;
        margin-right: 10px;
        width: 439px;
        height: 26px;
    }
    /* 광고 안내 버튼 */
    #guide_btn
    {
        display: block;
        float: left;
        margin-left: 10px;
        margin-top: 9px;
        width: 68px;
        height: 23px;
        background: url("../images/n_guide.gif") no-repeat !important;
    }
    #special_container #search_link{
        float: right;
        width: 406px;
        height: 26px;
        background: none;
        display: block;
        margin-top: 2px;
        margin-left: 5px;
    }
    #special_container #facebook_btn{
        background: none;
        width: 20px;
        margin-top: 5px;
        height: 20px;
        float: right;
    }
    #facebook_btn img{ width: 20px; }
    
    
    
    /* 텍스트 옵션 및 아이콘 옵션 및 설정하는 부분 */
    #new_resumes_container li .subject img,
    #new_jobs_container li .subject img{ vertical-align: text-bottom; margin-left: 5px; margin-top: 5px; position: absolute;}
    #new_resumes_container .text_option,
    #new_jobs_container .text_option,
    #content p a.text_option
    {
        color: #a13bcc;
        font-weight: bold;
    }
    #new_jobs_container li.notice{ font-weight: bold; background-color: #fcfcfc; }
        
        #special_container li.blank_box a,
        #luxury_container li.blank_box a,
        #grand_container li.blank_box a,
        #premium_container li.blank_box a,
        div.header_container a,
        #best_container li.shop_blank a
        {
            display: block;
            width: 68px;
            height: 23px;
            background: url("../images/n_btn_service_apply.gif");
            float: left;
            margin-top: 9px;
        }
        div.header_container a.jump
        { 
            background-image: url("../images/buttons/n_jump.gif"); 
            width: 68px;
            height: 23px;
            margin: 9px 0 0 10px;
        }
        div.header_container a.find_my_ads
        { 
            background-image: url("../images/findmyad.gif"); 
            width: 72px;
            height: 23px;
            margin: 9px 0 10px 10px;
        }
        div.header_container a.free_apply, div.header_container a.charge_apply { background: url("../images/btn_free_apply.gif"); width: 109px; }
        /*div.header_container a.charge_apply{ background: url("../images/btn_charge_apply.gif"); width: 82px; }*/
        
        /* 명품샵 채용관, 스페셜 css */

        #special_container,
        #special_container ul,
        #luxury_container,
        #luxury_container ul,
        #best_container,
        #best_container ul{ float: left; }
        
        #luxury_container h2,
        #special_container h2,
        #best_container h2
        { 
            display: block;
            background: url("../images/special_header.gif");
            width: 150px;
            height: 36px;
            float: left;
        }
        #luxury_container h2{ background-image: url("../images/luxury_header.gif"); }
        #luxury_container h2.premium{ background-image: url("../images/premium_header.gif"); width: 182px; }
        #best_container h2.premium_shop{ background-image: url("../images/advshop/premium_header.gif"); width: 145px; }
        #best_container h2.premium_shop_notice{ background-image: url("../images/advshop/premium_header_notice.gif"); width: 400px; }
        #luxury_container h2.premium_freelance{ background-image: url("../images/freelance/premium_header.gif"); width: 182px; }
        #special_container h2
        {
            width: 123px;
            height: 21px;
            margin-top: 9px;
            margin-bottom: 10px;
            margin-right: 10px;
        }
        #special_container h2 span,
        #luxury_container h2 span,
        #best_container h2 span { display: none; }

        #special_container li.box,
        #special_container li.blank_box,
        #luxury_container li.box,
        #luxury_container li.blank_box,
        #best_container li.shop_blank
        {
            display: block;
            float: left;
            width: 231px;
            height: 110px; 
            padding: 2px 0px;
            background: url( "../images/special_box_bg.gif" );
            margin: 5px 5px;
            text-align: center;
        }
        #luxury_box { margin-top: 0; }
        
        #best_container li.shop_blank
        {
            width: 180px;
            height: 191px;
            background-image: url("../images/shop_blank_bg.gif");
            padding: 0;
            margin: 8px 5px 0 5px;
        }
        
        #special_container li.blank_box,
        #special_container li.box{ background-image: url( "../images/special_box_bg3.gif" ); height: 129px; padding: 4px 0px; }
        #special_container li.blank_box
        { 
            background-image: url( "../images/luxury_blankbox_bg2.gif" ); 
            height: 129px; 
            padding: 4px 0px;
        }
        
        #luxury_container li.blank_box
        { 
            background-image: url( "../images/special_blankbox0.gif" );
        }
        #special_container li.blank_box a,
        #luxury_container li.blank_box a,
        #best_container li.shop_blank a
        { 
            margin: 71px auto 0 auto;
            float: none;
        }
        #special_container li.blank_box a
        { 
            margin: 86px auto 0 auto;
            float: none;
        }
        #best_container li.shop_blank a{ margin-top: 114px; }
        
            #special_container li.box img,
            #luxury_container li.box img
            {
                display: block;
                margin: 1px auto;
                overflow: hidden;
                position: relative;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                max-width: 100%;
                height: auto;
                -webkit-transform: translate(0%,-19%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }
            #best_container li.box img
            {
                display: block;
                margin: 3px auto;
                overflow: hidden;
                position: relative;
                display: block;
                margin: 3px auto;
                top: 0;
                left: 0;
                max-width: 100%;
                height: auto;
            }
            .thumbnail_img {
                position: relative;
                padding-top: 20%;
                overflow: hidden;
                width: 58%;
                margin: 1px 46px;
                display: inline-block;
            }
            .thumbnail_img_premium {
                position: relative;
                padding-top: 25%;
                overflow: hidden;
                width: 44%;
                display: inline-block;
            }
            .centered {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                transform: translate(50%,50%);
            }
            .thumbnail_img_shop {
                position: relative;
                overflow: hidden;
                height: 100px;
                padding: 0px 6px;
                display: inline-block;
            }
            /*.centered_shop {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                transform: translate(50%,50%);
            }*/
            
        
        /* 추천 마사지샵 모델 */
        #shop_box
        {
            border-top: 3px solid #da5853;
            margin: 3px 0;
            padding: 5px 6px 15px 7px;
        }
        
            #shop_box li.box
            {
                background-image: url('../images/advshop/adshop_bgimg.gif');
                width: 180px;
                height: 180px;
                margin: 10px 3px 0 5px;
                padding: 0 5px;
                padding: 2px 0 5px 0;
                border: 1px solid #efefef;
                -webkit-border-radius: 6px; Saf3-4, iOS 1-3.2, Android <1.6
                -moz-border-radius: 6px; FF1-3.6 
                border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
                float: left;
                list-style: none;
            }
            #shop_box li.box h4.name,
            #shop_box li.box p.area
            {
                margin-top: 3px;
            }
            #shop_box li.box p.subject
            {
                margin-top: 4px;
                padding: 0px 2px;
                height: 31px;
            }
            #shop_box li.box p.area{ color: #525252; font-weight: bold; text-align: center; }
            #shop_box li.box img
            { 
                width: 100%;
                height: auto;
                -webkit-border-radius: 6px; Saf3-4, iOS 1-3.2, Android <1.6
                -moz-border-radius: 6px;  FF1-3.6 
                border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
                margin-top: 0;
                transform: translate(0%,-15%);
            }
        
            
            #special_container li.box .name,
            #luxury_container li.box .name,
            #best_container li.box .name
            {
                font-weight: bold;
                text-align: left;
                padding: 0px 15px;
                font-size: 1.1em;
            }
            #special_container li.box .name {
                padding-top: 2px;
            }
            #luxury_container li.box .name,
            #best_container li.box .name
            {
                padding-top: 3px;
            }
            #special_container li.box .name a,
            #luxury_container li.box .name a,
            #best_container li.box .name a { color: #b13903; }
            
            #special_container li.box .subject,
            #luxury_container li.box .subject,
            #best_container li.box .subject
            {
                color: #424242;
                display: block;
                text-align: left;
                font-family: 돋움;
                padding: 0px 15px;
            }
            #luxury_container li.box .subject
            {
                padding: 4px 15px 0 15px;
                overflow: hidden;
                margin: 1px 0 2px 0;
                height: 14px;
                text-overflow: ellipsis;

            }
            #special_container li.box .subject {
                height: 34px;
                padding-top: 5px;
                line-height: 16px;
            }
            #special_container li.box .area,
            #luxury_container li.box .area,
            #grand_container li.box .area,
            #best_container li.box .area
            {
                text-align: left;
                padding: 0px 15px;
            }

            #grand_container li.box .area{ margin-top: 5px; text-align: left;letter-spacing: -1.1px; color: #060606; padding:0 5px;}
            
            #special_container li.box .jobkind,
            #luxury_container li.box .jobkind,
            #grand_container li.box .jobkind,
            #best_container li.box .jobkind
            {
                color: #818181;
                font-size: .9em;
                font-family: 돋움;
            }
            #grand_container li.box .jobkind
            {
                letter-spacing: -0.7px;
            }
        
        /* 그랜드 채용관 css */
    
        #grand_container,
        #grand_container ul{ float: left; }
        
        #grand_container h2
        { 
            display: block;
            background: url("../images/grand_header.gif");
            width: 145px;
            height: 41px;
            float: left;
            margin-left: 10px;
        }
        #grand_container h2 span{ display: none; }
        
        #grand_container h2.premium
        { 
            background: url("../images/premium_header.gif");
            width: 182px;
        }
        
        
        #grand_container li.box,
        #grand_container li.blank_box
        {
            display: block;
            float: left;
            width: 182px;
            height: 97px;
            background: url( "../images/grand_box_bg.gif" );
            margin: 5px 4px;
            padding: 2px;
        }
        #grand_container li.blank_box{ background-image: url( "../images/grand_blankbox_bg.gif" ); }

            #grand_container li.blank_box a
            {
                margin: 50px auto 0 auto;
                float: none;
            }
            
            #grand_container li.box img
            {
                display: block;
                margin: 1px auto;
                overflow: hidden;
                position: relative;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                max-width: 100%;
                height: auto;
                -webkit-transform: translate(0%,-19%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }   

            #grand_container li.box .name
            {
                font-weight: bold;
                text-align: center;
                display: inline-block;
                vertical-align: top;
                width:96px;
                padding-top: 5px;
            }
            #grand_container li.box .name a
            { 
                color: #4a7d04; 
                folat: left;
                margin: 5px auto 0 auto;
            }

            #grand_container li.box .subject
            {
                display: block;
                text-align: left;
                width: 173px;
                padding:0 5px;
                letter-spacing: -1.1px;
                font-family: 돋움;
                padding-top: 9px;
            }           
            
            
    #bottom_container{ float: left; width: 100%; }
    #bottom_container .float_container{ float: left; width: 960px; }
        
        /* 프리미엄 구인정보 css */
    
        #premium_container
        { 
            float: left; 
            width: 700px;
        }
        #premium_container ul{ float: left; }
        #premium_container div.header_container{ width: 700px; }
        
        #premium_container h2
        { 
            display: block;
            background: url("../images/premium_header.gif");
            width: 182px;
            height: 41px;
            float: left;
        }
        #premium_container h2.old
        { 
            background-image: url("../images/old_premium_header.gif");
            width: 254px;
        }
        #premium_container h2 span{ display: none; }
        
        #premium_container li.box,
        #premium_container li.blank_box
        {
            display: block;
            float: left;
            width: 106px;
            height: 92px;
            background: url( "../images/premium_box_bg.gif" );
            margin: 5px 9px;
            padding: 8px;
        }
        #premium_container li.blank_box{ background-image: url("../images/premium_blankbox_bg.gif"); }
        
            #premium_container li.blank_box a
            {
                margin: 55px auto 0 auto;
                float: none;
            }

            #premium_container li.box .name
            {
                font-weight: bold;
                text-align: center;
                padding: 6px 0;
            }
            #premium_container li.box .name a{ color: #456d85; }
            
            #premium_container li.box .jobkind{ color: #e17e7f; }
            
            #premium_container li.box .subject,
            #premium_container li.box .jobkind
            {
                text-align: center;
                padding: 6px 0;
            }
        
        
        /* 신규 구인정보, 인재정보 css */
        
        #new_resumes_container,
        #new_jobs_container
        { 
            float: left; 
            width: 780px;
        }
        #new_jobs_container.recommend_jobs
        { 
            float: left; 
            width: 960px;
        }
        #new_jobs_container.recommend_jobs ul li
        { 
            border-bottom: 1px solid #dddddd;
            height: 72px;
            width: 477px;
            display: inline-block;
            border-right: 1px solid #bbbbbb;
        }
        #new_jobs_container.recommend_jobs ul li p
        { 
            line-height: 42px;
        }
        #new_jobs_container.recommend_jobs ul li p.name,
        #new_jobs_container.recommend_jobs ul li p.recomm_pay
        { 
            text-align: left;
        }
        #new_jobs_container.recommend_jobs li.titles .name
        { 
            background-position-x: 45px; 
        }
        
        #new_resumes_container div.header_container,
        #new_jobs_container div.header_container
        { 
            padding-top: 2px;
            width: 735px; 
            margin: 0;
            display: inline-block;
        }
        #new_jobs_container div.header_container
        { 
            width: 780px;
            /*padding-top: 18px;*/
        }
        
        #new_resumes_container .header_container h2,
        #new_jobs_container .header_container h2,
        #community_container .header_container h2
        { 
            display: block;
            background: url("../images/new_jobs_header.gif");
            width: 153px;
            height: 36px;
            float: left;
        }
        #new_jobs_container .header_container h2.recommended{ background-image: url("../images/recommended_header.gif"); }
        #new_resumes_container .header_container h2{ background-image: url("../images/resumes/new_resumes_header.gif"); }
        #new_jobs_container .header_container h2.advshop_list{ background-image: url("../images/advshop/list_header.gif"); width: 132px; }
        #new_jobs_container .header_container h2.freelance_list{ background-image: url("../images/freelance/header.gif"); margin-right: 15px; }
        .jobs_view_wraper h2.view
        { 
                background-image: url(../images/jobs/view_header.gif);
                width: 182px;
                height: 30px;
                display: inline-block;
        }
        #new_jobs_container .header_container h2.resume_view{ background-image: url("../images/resumes/view_header.gif"); width: 182px; }
        #new_jobs_container .header_container h2.freelance_view{ background-image: url("../images/freelance/view_header.gif"); width: 182px; }
        #company_container .header_container h2.adshop_view{ background-image: url("../images/advshop/view_header.gif"); width: 163px; }
        #new_jobs_container .header_container h2.search_result{ background-image: url("../images/jobs/search_result_header.gif"); width: 600px; }
        #new_resumes_container .header_container h2.search_result{ background-image: url("../images/resumes/search_result_header.gif"); width: 600px; }

        
        #new_resumes_container h2 span,
        #new_jobs_container h2 span{ display: none; }
        
        #new_jobs_container .view_content div,
                          #advshop_container .view_content div,
        #new_jobs_container .view_content,
                          #advshop_container .view_content{ float: left; }
        #new_jobs_container .view_content { border-top: 2px solid #4c4c4c; width: 760px; }
        
        
        /* 검색결과 없음 */
        #content p.no_result
        {
            float: left;
            text-align: center;
            margin: 10px 0;
            font-size: 1.2em;
            width: 100%;
        }
        #content p.no_result strong
        {
            font-weight: bold;
        }
        
        /* 상세검색 바로가기 */
        #content p a.goto_search
        {
            display: block;
            width: 340px;
            height: 30px;
            background: url("../images/jobs/goto_search.gif");
            float: right;
            margin: 10px 0;
        }
        #content #new_resumes_container p a.goto_search{ background-image: url("../images/resumes/goto_search.gif"); }
        #content p a span{ display: none; }
        
        
        #advshop_container .view_content h3
        {
            height: 49px;
            width: 733px;
            background: #f3f3f4;
            display: block;
            text-align: center;
            line-height: 48px;
            border-top: 2px solid #4c4c4c;
            border-bottom: 1px solid #d9d9d9;
            font-size: 13pt;
            letter-spacing: -1px;
            font-weight: bold;
            color: #080808;
        }
        #new_jobs_container .view_content h3
        {
            height: 63px;
            width: 730px;
            display: block;
            margin-left: 25px;
            line-height: 68px;
            border-bottom: 1px solid #d9d9d9;
            font-size: 14pt;
            letter-spacing: -1px;
            background:none;
            color: #080808;
        }
        #new_jobs_container .view_content h3.stick {
            background-color: white;
            position: sticky;
            top: 0;
        }
        #new_jobs_container .view_content div ul
        {
            width: 480px;
            height: 130px;
            float: right;
            margin: 0;
            padding: 25px 5px 12px 5px;
        }
        #new_jobs_container .view_content div ul.guin_detail {
            width: 728px;
            border-top: 1px solid #d4d4d4;
            padding: 28px 5px 12px 25px;
            margin-left: 2px;
        }
        #new_jobs_container .view_content div ul#bo_v_sns
        {
            width: 100% !important;
            height: 43px;
        }
        #bo_v_sns li {
            width:auto !important;
            text-indent: 0 !important;
            border:0;
        }
        #advshop_container .view_content div ul.advshop{ width: 700px; margin:0;}
        
            #new_jobs_container .view_content div ul li
            {
                height: 28px;
                display: block;
                float: left;
                width: 320px;
                font-size: 14px;
                line-height: 32px;
            }
            #new_jobs_container .view_content.resume_con div ul li
            {
                height: 28px;
                display: block;
                float: left;
                width: 240px;
                font-size: 14px;
            }
            #new_jobs_container .view_content.resume_con div ul li.snsid { width: 544px;height: 50px; }
                                       #advshop_container .view_content div ul li
                                        {
                                            display: block;
                                            float: left;
                                            line-height: 38px;
                                            font-size: 15px;
                                            text-indent: 15px;
                                        }
            #advshop_container .view_content div ul.advshop li{ width: 350px; }
            #new_jobs_container .view_content div ul.advshop li.jobkind{ width: 700px; }
            #new_jobs_container .view_content div ul.advshop li a{ color: #0071bc; text-decoration: underline; }
            #new_jobs_container .view_content div ul li.addr{ width: 480px; border: none; }
                               #new_jobs_container .view_content div ul li.pay{ font-weight: bold; color: #ff7c62; }
            
            #new_jobs_container .view_content div ul li span,
            #advshop_container .view_content div ul li span
            {
                color: #353535;
                width: 90px;
                display: block;
                float: left;
                text-align: right;
                background: url( "../images/icons/bar_gray.gif" ) right center no-repeat;
                padding-right: 10px;
                font-weight: bold;
            }
            #advshop_container .view_content div ul li span { width:98px; }
            #new_jobs_container .view_content div ul li span {
                text-align: left;
                width: 85px;
                background: none;
                font-weight: normal;
                color: #a9a9a9;
                padding-right: 0;
            }
            #new_jobs_container .view_content.resume_con div ul li span {
                padding-right: 20px;
            }
            #new_jobs_container .view_content.resume_con div img {
                padding-left: 24px;
            }
            #new_jobs_container .view_content.resume_con h4,
            #advshop_container .view_content div h4 {
                margin-top: 30px;
            }
            #advshop_container .view_content div a img {
                max-width: 330px;
                padding-left: 24px;
            }
                                    
            #new_jobs_container .view_content div ul li span.company_name,
                                       #advshop_container .view_content div ul li span.company_name,
                                       #advshop_container .view_content div ul li span.company_phone,
            #new_jobs_container .view_content div ul li span.company_phone
            {
                font-weight: bold;
                color: #00a651;
                text-align: left;
                background: none;
                width: 140px;
                padding-right: 0;
            }
            #new_jobs_container .view_content div ul li span.company_phone{
                width: 230px;
            }
            #advshop_container .view_content div ul li span.company_name,
            #advshop_container .view_content div ul li span.company_phone {
                width: 200px;
            }
            #new_jobs_container .view_content div ul li span.company_name {
                width:208px;
                overflow-x: hidden;
                overflow-y: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; 
            }
            #new_jobs_container .view_content div ul li span.company_phone,
            #new_jobs_container .view_content div ul li span.company_name {
                font-size: 15px;
                letter-spacing: 0.5px;
                color: #000000;
            }
        .shopimg {
            width: 160px;
            height: 160px;
            padding: 15px;
            margin: 5px 8px 10px 10px;
            display: table;
        }
        p.shopimg_align {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }
        #new_jobs_container .view_content #bo_v_con p img
        {
            width: 100%;
            height: auto;
            max-height: none;
        }
        div#bo_v_con img {
            max-width: 700px;
        }
        #new_jobs_container .view_content div p img
        {
            /*float: left;*/
            width: 210px;
            height: auto;
            max-height: 210px;
            /*padding: 15px;*/
        }
        #bo_v_sns img
        {
            width: auto !important;
            height: auto !important;
        }
        #new_jobs_container.board.humor .view_content div img
        {
            /*float: left;*/
            max-height: 100%;
            width:100%;
            /*padding: 15px;*/
        }
        #new_jobs_container.board .view_content div img
        {
            width: auto;
            height: auto;
            max-height: 100%;
        }
        
        #new_jobs_container .view_content div.preview img
        {
            padding: 0;
            border: 1px solid #E6E6E6;
            margin: 6px;
        }
        
        
        #new_jobs_container .view_content div img.freelance
        {
            padding: 10px 20px;
            width: 140px;
            height: 140px;
        }
        

        
        #new_jobs_container .view_content h4,
        #advshop_container .view_content h4
        {
            width: 736px;
            margin: 0px 0 15px 25px;
            border: none;
            text-indent: 0;
            font-size: 16px;
            height: 30px;
            border-bottom: 2px solid #000000;
            background: none;
        }
        
        #new_jobs_container .view_content .etc_footer,
                          #advshop_container .view_content .etc_footer
        {
            border: 1px solid #d9d9d9;
            display: block;
            text-align: right;
            height: 30px;
            width: 715px;
            line-height: 30px;
            background-color: #f3f3f4;
            padding-right: 20px;
            float: left;
        }
        
        #new_jobs_container .view_content .etc_body,
                          #advshop_container .view_content .etc_body
        {
            padding: 15px 15px 15px 28px;
            width:704px;
            line-height: 24px;
            font-size: 1.1em;
        }
        
        #new_jobs_container .view_content .jobs_detail,
        #new_jobs_container .view_content .into_shop
        {
            color: #f26c4f;
            font-weight: bold;
        }
        
        #new_jobs_container .view_content .prices,
        #new_jobs_container .view_content .direction
        {
            font-weight: bold;
            color: #903;
        }
        
        #new_jobs_container #map_title
        { 
            margin-top: 20px;
            border: 1px solid #d9d9d9;
            background-color: #f3f3f4;
            height: 30px;
            width: 100%;
            line-height: 30px;
            text-indent: 10px;
        }
        #new_jobs_container #map_title p span
        {
            font-size: 9pt;
            font-weight: bold;
            display: inline;
        }
        
        
        
        
        
        #freelance_list,
        #advshop_list,
        #resume_list,
        #jobs_list{ border-bottom: 1px solid #979797; margin-top: 0;}
        #new_jobs_container ul#jobs_list {
            border-top: 1px solid #989898;
            margin-top: 7px;
            border-bottom: 0;
        }
        
        #new_resumes_container li,
        #new_jobs_container li
        { 
            display: block;
            height: 35px;
            list-style: none;
        }
        .view_content li
        { 
            border-bottom: 1px solid #efefef;
            list-style: none;
        }
        #new_jobs_container .view_content li
        { 
            border: none;
        }
            #new_resumes_container li p
            { 
                float: left;
                height: 35px;
                display: block;
                width: 100px;
                text-align: center;
                line-height: 35px;
            }
            #new_resumes_container li p.name {
                width:155px;
            }
            #new_jobs_container li p
            { 
                float: left;
                height: 35px;
                display: block;
                width: 150px;
                text-align: center;
                line-height: 35px;
            }
            #new_jobs_container li p.area
            {
                width: 100px;
            }
            
            #new_jobs_container #jobs_list p.reg_date { width: 80px; }
            #new_jobs_container #jobs_list p.recomm_pay, #new_jobs_container #jobs_list p.recomm_type { width: auto; padding-right: 7px;}
            #new_jobs_container #jobs_list p.recomm_pay { color: #e54420; }
            #new_jobs_container #jobs_list p.area{ width: auto; text-align: left; margin-right: 8px;}
            #new_jobs_container #jobs_list p.recomend_area{ width: 105px; }
            #new_resumes_container p span { display: none; }
        
        #new_resumes_container li.titles,
        #new_jobs_container li.titles
        {
            border-bottom: 1px solid #979797;
            clear: both;
        }
        
        #new_resumes_container td.n_userid,
        #new_jobs_container td.n_shop,
        #new_jobs_container li .name a,
        #new_jobs_container li p.name,
        #new_jobs_container li .company_name a
        {
            font-weight: bold;
            color: #9a7c4d;
        }
        #new_jobs_container li .company_name{ width: 150px; }
        
        #new_jobs_container li .name span,
        #new_resumes_container td.n_userid span
        { 
            color: #e58c00;
            display: inline;
            font-size: .9em;
            font-family: "돋움";
            font-weight: normal;
        }
        #new_jobs_container li.titles .name span,
        #new_resumes_container li.titles .name span{ display: none; }
        
        #new_resumes_container li .subject,
        #new_jobs_container .subject,
        #new_jobs_container .intro_shop
        { 
            width: 350px;
        }
        
        /* 샵 홍보 아이콘 옵션 */
        /*#new_jobs_container .intro_shop img.icon_option
        {
            vertical-align: text-bottom;
        }*/
        
        
        /* 리스트 Title image replace */
        #new_resumes_container li.titles .name,
        #new_jobs_container li.titles .name
        {
            width: 150px;
            background: url("../images/labels/name.gif") no-repeat center center;
        }
        
        #new_jobs_container li.titles .company_name
        {
            width: 150px;
            background: url("../images/labels/name.gif") no-repeat center center;
        }
        
        #new_resumes_container li.titles .picture { background: url("../images/labels/picture.gif") no-repeat left; width: 80px; }
        #new_jobs_container li.titles .picture { background: url("../images/labels/picture2.gif") no-repeat left; width: 80px; background-position-x: 30px; width:98px; }
        #new_jobs_container li.titles .intro_shop{ background: url("../images/labels/intro_shop.gif") no-repeat center center; }

        #new_jobs_container li.titles .userid,
        #new_resumes_container li.titles .userid
        {
            width: 150px;
            background: url("../images/labels/userid.gif") no-repeat center center;
        }
        
        #new_jobs_container li.titles .freelance_subject,
        #new_resumes_container li.titles .resume_subject,
        #new_jobs_container li.titles .subject
        {
            width: 400px;
            background: url("../images/labels/subject.gif") no-repeat center center;
            padding: 0;
        }
        #new_resumes_container li.titles .resume_main_subject{ width: 320px; }
        
        #new_jobs_container li.titles .freelance_subject{ background-image: url("../images/labels/freelance_subject.gif"); }
        #new_resumes_container li.titles .resume_subject{ background-image: url("../images/labels/resume_subject.gif"); }
        #new_resumes_container li.titles .area,
        #new_jobs_container li.titles .area
        {
            width: 100px;
            background: url("../images/labels/area.gif") no-repeat center center;
        }
        #new_jobs_container li.titles .reg_date{ background: url("../images/labels/reg_date.gif") no-repeat center center; }
        
        #new_jobs_container #jobs_list li.titles .subject{ width: 320px; }
        #new_jobs_container.recommend_jobs #jobs_list li.titles .subject { width: 540px; }
        #new_jobs_container.area #jobs_list li.titles .subject { width: 400px; }
        #new_jobs_container #jobs_list li.titles .search{ width: 400px; }
        
        #new_jobs_container #jobs_list li.titles .area
        {
            width: 160px;
        }
        #resume_list li.titles .reg_date,
        #new_resumes_container li p.reg_date
        {
            width: 80px;
            background: url("../images/labels/reg_date.gif") no-repeat center center;
        }
        #resume_list li p.reg_date{ background: none; }
        
        #new_jobs_container li.titles .due_date
        {
            width: 100px;
            background: url("../images/labels/due_date.gif") no-repeat center center;
        }
        #new_resumes_container li.titles .resume_jobkind
        {
            width: 100px;
            background: url("../images/labels/resume_jobkind.gif") no-repeat center center;
        }
        
        #new_jobs_container li.titles .jobkind
        {
            width: 180px;
            background: url("../images/labels/jobkind.gif") no-repeat center center;
        }
        
        /* 샵 홍보관, 프리랜서 리스트 */
        #freelance_list li,
        #advshop_list li{ height: 35px; } 
        #freelance_list li.titles,
        #advshop_list li.titles,
        #freelance_list li.titles p,
        #advshop_list li.titles p{ height: 30px; }
        #resume_list li .picture img,
        #jobs_list li .picture img,
        #freelance_list li .picture img,
        #advshop_list li .picture img
        { 
            width: 35px;
            height: 25px;
            margin-top: 5px;
        }
        #freelance_list li p,
        #advshop_list li p
        { 
            height: 35px; 
            line-height: 35px;
        }
        
        #resume_list li p.picture,
        #jobs_list li p.picture,
        #advshop_list li p.picture,
        #freelance_list li p.picture{ width: 50px; }
        #resume_list li p.subject,
        #jobs_list li p.subject,
        #advshop_list li p.intro_shop,
        #freelance_list li p.intro_shop{ width: 380px; }
        #resume_list li p.resume_main_subject{ width: 320px; padding-left: 0 }
        #jobs_list li p.subject{ width: 300px; }
        .area #jobs_list li p.subject{ width: 380px; text-align: left;}
        .recommend_jobs #jobs_list li p.subject{ 
            width: 320px;
            text-align: left;
            overflow: hidden;
            font-size: 12.5px;
            height: 30px;
        }
        #advshop_list li p.intro_shop{ width: 380px; }
        #jobs_list li p.search,
        #resume_list li p.subject { width: 380px; text-align: left;}
        #jobs_list li p span { display: none; }
        #jobs_list li p span

        tr.warning th {color:#d31c4e;}
        tr.warning td {background-color: #fff; color:#d31c4e;}
        tr.warning td span {font-weight: bold;}
        
        /* 구직 페이지 광고 */
        #ads
        {
            margin: 0 auto;
            width: 900px;
            padding: 5px 0;
            clear: both;
        }
        #ads.resume_ads
        {
            width: 970px;
        }
        
        #ads img{ margin: 5px 8px; }
        
        /* 메인 하단 사이드바 */
            
        #sidebar
        {
            float: left;
            width: 496px;
            padding-left: 42px;
        }
        
            #payment_result .contents,
            #sidebar .contents
            {
                width: 217px;
                border-left: 1px solid #b3b3b3;
                border-right: 1px solid #b3b3b3;
                border-bottom: 1px solid #b3b3b3;
                background: url("../images/bg_gray_gra.gif") repeat-x center bottom;
            }
            #payment_result .contents
            {
                width: 342px;
            }
            #sidebar #banners .contents { width:443px; }
                
                #payment_result .contents p,
                #sidebar .contents p
                {
                    background: url("../images/icons/bullet_red.gif") no-repeat left center;
                    padding-left: 10px;
                    margin: 10px 0 10px 15px;
                }
                
                #payment_result .contents p.phone,
                #sidebar .contents p.phone,
                #customer label.phone
                { 
                    background-image: url("../images/icons/blackberry_white.png");
                    padding-left: 25px;
                    font-weight: bold;

                }
                #sidebar .contents p.phone { padding: 6px 25px 4px 25px; margin: 0 15px;font-size: 15px;}
                #payment_result .contents p.phone{ font-weight: normal; }
                #sidebar .contents p.email
                { 
                    background-image: url("../images/icons/email.png");
                    padding-left: 25px;
                }
                #payment_result .contents p.bank,
                #sidebar .contents p.bank
                { 
                    background-image: url("../images/icons/money_bag.png");
                    padding-left: 25px;
                    font-weight: bold;
                    margin: 0px 15px;
                    padding: 6px 25px 2px 25px;
                }
                #sidebar .contents p.bank_logo
                { 
                    background-image: url("../images/icons/bank_logo.png");
                    width:100px;
                    margin: 0px 15px;
                    padding: 28px 25px 0px 25px;
                }
                #sidebar .contents p.bank { padding: 6px 25px; margin:0 15px;}
                #payment_result .contents p.person,
                #sidebar .contents p.person
                { 
                    background-image: url("../images/icons/account_balances.png");
                    padding-left: 25px;
                    margin: 0px 15px;
                    padding: 5px 10px 2px 25px;
                }
                #sidebar .contents p.person { margin:0 14px 9px 14px; }
                #sidebar .contents p.kakao
                { 
                    background-image: url("../images/icons/kakao.png");
                    padding-left: 25px;
                }

                #sidebar #support .contents {
                    width: 248px;
                }
                
                #payment_result .contents p.goodname
                {
                    background-image: url("../images/icons/cart.png");
                    padding-left: 25px;
                }
                
            #payment_result h3,
            #sidebar h3
            {
                width: 219px;
                height: 43px;
                display: block;
                background: url("../images/small_box_header/banners.gif");
            }
            #sidebar h3 {
                width:445px;
            }
            #payment_result h3 span,
            #sidebar h3 span{ display: none; }
            
        
        
        #banners,
        #seminars,
        #books,
        #naturedoc,
        #videos,
        #support,
        #banking
        { margin: 10px 8px 0 0; }

        div#support { display: inline-block; width: 250px;margin-top: 0; }
        
        #banners{ width: 460px; display: inline-block; }
        
        
        #banners a.banner
        {
            display: inline-block;
            width: 205px;
            height: 75px;
            margin: 4px;
        }
        
        #banners #flash_banner01,
        #banners #flash_banner02
        {
            display: block;
            margin: 4px auto;
        }
        
        
        #seminars h3{ background: url("../images/small_box_header/seminars.gif"); }
        #books h3{ background: url("../images/small_box_header/books.gif"); }
        #naturedoc h3{ background: url("../images/small_box_header/naturedoc.gif"); }
        #videos h3{ background: url("../images/small_box_header/videos.gif"); }
        #support h3{ background: url("../images/small_box_header/support.gif"); width: 250px; }
        #banking h3{ background: url("../images/small_box_header/banking1.gif"); width: 344px; }
        #banking h3.bkbt { background: url("../images/small_box_header/banking_bt.gif"); width: 220px; }
        #banking h3.buyer_info{ background: url("../images/small_box_header/buyer_info1.gif"); }
        #banking h3.result{ background: url("../images/small_box_header/result.gif"); width: 736px; }
        #banking h3.bkbt { width: 220px; }
        
        /* 무통장 입금 결과 안내 페이지 */
        #payment_result #banking
        {
            display: inline-block;
            width: 344px;
        }
        
        #payment_result #banking.result
        {
            width: 736px;
        }
        
        #payment_result .wide{ width: 734px; }
        
        


        div#info_menu
        {
            width: 218px;
            height: 119px;
            border: 1px solid #ccbaba;
            background: #fafafa;
            margin-top: 5px;
            float: left;
        }
        
            div#info_menu ul
            {
                margin: 8px 0 0 10px;
            }
        
                div#info_menu ul li
                {
                    background: url("../images/icons/bullet_red.gif") no-repeat 0 center;
                    padding-left: 10px;
                    line-height: 24px;
                    list-style: none;
                }
                
        #community_menu,
        #freelance_menu,
        #advshop_menu,
        #resumes_menu,
        #jobs_menu,
        #gain_menu,
        #company_menu
        {
            width: 190px; 
            float: right;
        }
        #jobs_menu, #resumes_menu, #advshop_menu { padding-top: 13px; position: sticky; top: 0; }
            
            #community_menu h2,
            #freelance_menu h2,
            #advshop_menu h2,
            #resumes_menu h2,
            #jobs_menu h2,
            #gain_menu h2,
            #company_menu h2
            {
                width: 150px;
                height: 41px;
                background: url("../images/gain/menu_header.gif") no-repeat;
                margin: 0 auto;
            }
            #community_menu h2 span,
            #freelance_menu h2 span,
            #advshop_menu h2 span,
            #resumes_menu h2 span,
            #jobs_menu h2 span,
            #company_menu h2 span,
            .jobs_view_wraper h2 span,
            #gain_menu h2 span{ display: none; }
            
            #company_menu h2{ background-image: url("../images/company/menu_header.gif"); }
            #jobs_menu h2{ background-image: url("../images/jobs/menu_header.gif"); }
            #resumes_menu h2{ background-image: url("../images/resumes/menu_header.gif"); }
            #advshop_menu h2{ background-image: url("../images/advshop/menu_header.gif"); }
            #freelance_menu h2{ background-image: url("../images/freelance/menu_header.gif"); }
            #community_menu h2{ background-image: url("../images/board/menu_header.gif"); }
            
            #community_menu ul,
            #freelance_menu ul,
            #advshop_menu ul,
            #resumes_menu ul,
            #jobs_menu ul,
            #gain_menu ul,
            #company_menu ul
            {
                width: 150px;
                margin: 0 auto;
                list-style: none;
            }

                
                #freelance_menu li.subs,
                #advshop_menu li.subs,
                #resumes_menu li.subs,
                #jobs_menu li.subs{ border-bottom: 1px solid #efefef; display: none; }
                
                #freelance_menu li.subs .sub,
                #advshop_menu li.subs .sub,
                #resumes_menu li.subs .sub,
                #jobs_menu li.subs .sub{ border-top: 1px solid #efefef; }
                
                #freelance_menu li.subs ul,
                #advshop_menu li.subs ul,
                #resumes_menu li.subs ul,
                #jobs_menu li.subs ul{ display: none; }
                
                
                #freelance_menu li.subs .sub a,
                #advshop_menu li.subs .sub a,
                #resumes_menu li.subs .sub a,
                #jobs_menu li.subs .sub a,
                #freelance_menu li.subs a,
                #advshop_menu li.subs a,
                #resumes_menu li.subs a,
                #jobs_menu li.subs a
                {
                    color: #696969;
                    display: inline;
                    background: url("../images/icons/bullet_gray.gif") no-repeat center left;
                    padding-left: 10px;
                    margin-left: 8px;
                    line-height: 26px;
                }
                
                #freelance_menu li.subs .sub a,
                #advshop_menu li.subs .sub a,
                #resumes_menu li.subs .sub a,
                #jobs_menu li.subs .sub a{ margin-left: 12px; }
                
                #freelance_menu ul li.subs a.current,
                #freelance_menu ul li.subs a:hover,
                #advshop_menu ul li.subs a.current,
                #advshop_menu ul li.subs a:hover,
                #resumes_menu li.subs a.current,
                #resumes_menu li.subs a:hover,
                #jobs_menu li.subs a.current,
                #jobs_menu li.subs a:hover
                {
                    font-weight: bold;
                    background: url("../images/icons/bullet_red.gif") no-repeat center left;
                }
                
                #freelance_menu ul li.subs .sub a.current,
                #freelance_menu ul li.subs .sub a:hover,
                #advshop_menu ul li.subs .sub a.current,
                #advshop_menu ul li.subs .sub a:hover,
                #resumes_menu li.subs .sub a.current,
                #resumes_menu li.subs .sub a:hover,
                #jobs_menu li.subs .sub a.current,
                #jobs_menu li.subs .sub a:hover
                {
                    font-weight: bold;
                    background: url("../images/icons/bullet_blue.gif") no-repeat center left;
                }
            
                
            #community_menu ul li a,
            #freelance_menu ul li a,
            #advshop_menu ul li a,
            #resumes_menu ul li a,
            #jobs_menu ul li a,
            #gain_menu ul li a,
            #company_menu ul li a
            {
                display: block;
                background: url("../images/gain/menu.gif");
                width: 150px;
                height: 32px;
            }
            #advshop_menu ul li a{ background-image: url("../images/advshop/menu.gif"); }
            #company_menu ul li a{ background-image: url("../images/company/menu.gif"); }
            #jobs_menu ul li a{ background-image: url("../images/jobs/menu.gif"); }
            #resumes_menu ul li a{ background-image: url("../images/resumes/menu.gif"); }
            #freelance_menu ul li a{ background-image: url("../images/freelance/menu.gif"); }
            #community_menu ul li a{ background-image: url("../images/board/menu.gif"); }
            
            #community_menu ul li a.current,
            #community_menu ul li a:hover
            {
                background-image: url("../images/board/menu_hover.gif");
            }
            
            #freelance_menu ul li a.current,
            #freelance_menu ul li a:hover
            {
                background-image: url("../images/freelance/menu_hover.gif");
            }
            
            #advshop_menu ul li a.current,
            #advshop_menu ul li a:hover
            {
                background-image: url("../images/advshop/menu_hover.gif");
            }           
            
            #gain_menu ul li a.current,
            #gain_menu ul li a:hover
            {
                background-image: url("../images/gain/menu_hover.gif");
            }
            
            #company_menu ul li a.current,
            #company_menu ul li a:hover
            {
                background-image: url("../images/company/menu_hover.gif");
            }
            
            #jobs_menu ul li a.current,
            #jobs_menu ul li a:hover
            {
                background-image: url("../images/jobs/menu_hover.gif");
            }
            
            #resumes_menu ul li a.current,
            #resumes_menu ul li a:hover
            {
                background-image: url("../images/resumes/menu_hover.gif");
            }
            
            #community_menu ul li a.videos,
            #freelance_menu ul li a.jobkind,
            #advshop_menu ul li a.jobkind,
            #resumes_menu ul li a.area,
            #jobs_menu ul li a.area,
            #gain_menu ul li a.register_resume,
            #company_menu ul li a.register_jobs{ background-position: 0 -32px; }
            #community_menu ul li a.mnews,
            #resumes_menu ul li a.term,
            #jobs_menu ul li a.term,
            #gain_menu ul li a.modify_resume,
            #company_menu ul li a.modify_jobs{ background-position: 0 -64px; }
            #community_menu ul li a.readbook,
            #resumes_menu ul li a.pay,
            #jobs_menu ul li a.pay,
            #gain_menu ul li a.register_freelance,
            #company_menu ul li a.register_advshop{ background-position: 0 -96px; }
            #community_menu ul li a.farminfo,
            #resumes_menu ul li a.search,
            #jobs_menu ul li a.search,
            #gain_menu ul li a.modify_freelance,
            #company_menu ul li a.modify_advshop{ background-position: 0 -128px; }
            #community_menu ul li a.naturemedi,
            #gain_menu ul li a.manage_photo,
            #company_menu ul li a.manage_photo{ background-position: 0 -160px; }
            #community_menu ul li a.freeboard,
            #gain_menu ul li a.payment_info,
            #company_menu ul li a.payment_info{ background-position: 0 -192px; }
            #community_menu ul li a.farm{ background-position: 0 -224px; }
            #community_menu ul li a.faq{ background-position: 0 -256px; }
            #gain_menu ul li a.point,
            #company_menu ul li a.point{ background-position: 0 -224px; height: 33px; }
            #community_menu ul li a.humor { background-position: 0 -288px; }
            #community_menu ul li a.used_market { background-position: 0 -320px; }
            
        
        #community_container,
        #gain_container,
        #company_container,
        .jobs_view_wraper
        {
            width: 735px;
            float: left;
        }
        
            #gain_container h2,
            #company_container h2
            {
                background: url("../images/gain/view_info_header.gif");
                width: 720px;
                height: 47px;
                display: block;
            }
            
            #gain_container h3 span{ display: none; }
            
            #gain_container h2.register_resume{ background-image: url("../images/gain/register_resume_header.gif"); }
            #gain_container h2.register_resume.modify_resume{ background-image: url("../images/gain/modify_resume_header.gif"); }
            #gain_container h2.modify_resume_intro{ background-image: url("../images/gain/modify_resume_intro_header.gif"); }
            #gain_container h2.register_freelance{ background-image: url("../images/gain/register_freelance_header.gif"); }
            #gain_container h2.modify_freelance{ background-image: url("../images/gain/modify_freelance_header.gif"); }
            #gain_container h2.manage_photo{ background-image: url("../images/gain/manage_photo_header.gif"); }
            #gain_container h2.payment_history{ background-image: url("../images/payment/history_header.gif"); }
            #gain_container h2.point_history{ background-image: url("../images/payment/point_header.gif"); }
            
            #company_container h2.view_info{ background-image: url("../images/company/view_info_header.gif"); }
            #bo_w h2.register_jobs{ background-image: url("../images/company/register_jobs_header.gif"); height: 47px}
            #bo_w h2.register_jobs span{ display: none;}
            #company_container h2.modify_jobs_intro{ background-image: url("../images/company/modify_jobs_intro_header.gif"); }
            #company_container h2.modify_shops{ background-image: url("../images/company/modify_shops.gif"); }
            #bo_w h2.register_jobs.modify_jobs{ background-image: url("../images/company/modify_jobs_header.gif"); }
            #company_container h2.register_shops{ background-image: url("../images/company/register_shops_header.gif"); }
            #company_container h2.register_shops.modify_advshop{ background-image: url("../images/company/modify_shops_header.gif"); }
            #company_container h2.manage_photo{ background-image: url("../images/company/manage_photo_header.gif"); }
            
            
            #gain_container p.caution,
            .tbl_wrap p.caution
            {
                text-indent: 5px;
                color: #F00;
                font-weight: bold;
                font-size: 9pt;
                margin: 0 0 10px 0;
            }
            
            #gain_container h3.freelance_caution,
            #company_container h3.freelance_caution
            { 
                background: url("../images/company/freelance_caution.gif") no-repeat;
                width: 542px;
                height: 17px;
                margin: 10px auto 0 auto;
            }
            
            #gain_container h3.freelance_caution.gain
            { 
                background: url("../images/resumes/caution.gif") no-repeat; 
                width: 501px;
            }
            #company_container h3.freelance_caution span{ display: none; }
            
            /* 구인정보 리스트 & 구직정보 리스트 헤더 */
            #company_container h2.jobkind{ background-image: url("../images/jobs/jobkind_header.gif"); }
            #company_container h2.area{ background-image: url("../images/jobs/area_header.gif"); }
            #company_container h2.term{ background-image: url("../images/jobs/term_header.gif"); }
            #company_container h2.pay{ background-image: url("../images/jobs/pay_header.gif"); }
            #company_container h2.search{ background-image: url("../images/jobs/search_header.gif"); }
            #company_container h2.resume_area{ background-image: url("../images/resumes/area_header.gif"); }
            #company_container h2.resume_pay{ background-image: url("../images/resumes/pay_header.gif"); }
            #company_container h2.advshop_area{ background-image: url("../images/advshop/area_header.gif"); }
            #company_container h2.freelance_area{ background-image: url("../images/freelance/area_header.gif"); }
            #company_container h2.apply_jump{ background-image: url("../images/company/jump_header.gif"); }
            #company_container h2 span,
            #gain_container h2 span{ display: none; }
            
            
            /* 결제 페이지 헤더 */
            #company_container h2.pay_jobs{ background-image: url("../images/payment/jobs_header.gif");  border-bottom: 1px solid #9e9e9e;  margin-bottom: 5px;}
            #company_container h2.pay_shops{ background-image: url("../images/payment/shops_header.gif"); }
            #company_container h2.pay_freelance{ background-image: url("../images/payment/freelance_header.gif"); }
            #company_container h2.pay_resumes{ background-image: url("../images/payment/resumes_header.gif"); }
            #company_container h2.pay_active_member{ background-image: url("../images/payment/active_member_header.gif"); }
            #company_container h2.pay_jump{ background-image: url("../images/payment/jump_header.gif"); }
            #company_container h2.payment_process{ background-image: url("../images/payment/process_header.gif"); }
            #company_container h2.diraccount_result{ background-image: url("../images/payment/diraccount_header.gif"); }
            #company_container h2.payment_result{ background-image: url("../images/payment/result_header.gif"); }
            #company_container h2.payment_process_point{ background-image: url("../images/payment/point_pay_header.gif"); }
            #company_container h2.pointpay_result{ background-image: url("../images/payment/pointpay_result.gif"); }
            
            
            #content p span.bold{ font-weight: bold; }
            #content p span.red{ color: #b11d2c; }
            
            
            
            /* 채용정보 상세 검색 : #jobs_conditions, 인재정보 상세 검색 : #resumes_conditions, 리스트 열고 닫기 버튼 : #list_control */
            #jobs_conditions,
            #resumes_conditions
            { 
                float: left;
                border-bottom: 1px solid #d9d9d9;
                margin-left: 10px;
                padding: 10px 0;
            }
            #resumes_conditions ul,
            #jobs_conditions ul{ width: 175px; float: left; } 
            #resumes_conditions ul input, 
            #jobs_conditions ul input{ vertical-align: middle; } 
            #resumes_conditions ul li,
            #jobs_conditions ul li{ color: #666; } 
            #resumes_conditions ul li.title,
            #jobs_conditions ul li.title
            { 
                color: #333;
                font-weight: bold;
                border-bottom: 1px solid #d9d9d9;
                padding: 0  0 5px 10px;
                margin-bottom: 10px;
            } 
            
            #list_control
            {
                width: 700px;
                height: 30px;
                background: url("../images/jobs/list_controller.gif") bottom left;
                display: block;
                margin: 5px auto 0 auto;
            }
            #list_control.close{ background-position: top left; }
            
            #payment_history p,
            #point_history p
            {
                height: 20px;
                line-height: 20px;
                margin: 10px 25px;
                padding-left: 20px;
                background: url("../images/icons/point.gif") center left no-repeat;
            }
            #payment_history p span,
            #point_history p span{ color: #008e28; font-weight: bold; }
            
            #new_resumes_container p.page,
            #new_jobs_container p.page,
            #payment_history p.page,
            #point_history p.page
            {
                background: none;
                text-align: center;
                padding: 0;
            }
            
            #new_resumes_container p.page,
            #new_jobs_container p.page{ margin: 10px 25px; } 
            
            #new_resumes_container p.page a,
            #new_jobs_container p.page a,
            #payment_history p.page a,
            #point_history p.page a{ padding: 0 4px; }
            #new_resumes_container p.page a.current,
            #new_jobs_container p.page a.current,
            #payment_history p.page a.current,
            #point_history p.page a.current{ font-weight: bold; }
            
            #payment_history ul,
            #point_history ul
            {
                margin: 10px 0;
            }
            
                #payment_history ul li,
                #point_history ul li
                {
                    display: block;
                    width: 718px;
                    height: 35px;
                    border-left: 1px solid #dadada;
                    border-right: 1px solid #dadada;
                    text-align: center;
                }
                #point_history ul li.none,
                #payment_history ul li.none{ line-height: 35px; }
            
                #payment_history ul li.header,
                #point_history ul li.header
                {
                    width: 720px;
                    height: 35px;
                    border: none;
                    background: url( "../images/payment/history_board_header.gif" );
                }
                #point_history ul li.header{ background-image: url("../images/payment/point_board_header.gif"); }
                #point_history ul li.header span,
                #payment_history ul li.header span{ display: none; }
                
                #point_history ul li.body span,
                #payment_history ul li.body span
                {
                    dislpay: block;
                    float: left;
                    padding: 10px 0;
                    border-bottom: 1px solid #ebebeb;
                }
                #payment_history ul li.body span.option{ width: 150px; margin-left: 15px; }
                #payment_history ul li.body span.method{ width: 222px; }
                #payment_history ul li.body span.period{ width: 111px; }
                #payment_history ul li.body span.money{ width: 109px; }
                #payment_history ul li.body span.date{ width: 96px; margin-right: 15px; }
                
                #point_history ul li.body span.method{ width: 147px; margin-left: 15px; }
                #point_history ul li.body span.options{ width: 215px; }
                #point_history ul li.body span.money{ width: 111px; }
                #point_history ul li.body span.points{ width: 109px; }
                #point_history ul li.body span.date{ width: 106px; margin-right: 15px; }
                
                #payment_history ul li.footer,
                #point_history ul li.footer
                {
                    width: 720px;
                    height: 26px;
                    border: none;
                    background: url( "../images/payment/history_board_footer.gif" );
                }
            
            #modify_jobs_intro,
            #register_resume,
            #modify_resume_intro,
            #register_freelance,
            #manage_photo,
            #register_jobs,
            #register_shops
            {
                width: 700px;
                padding: 10px;
            }
            
            /* 기업회원 사진 관리 부분 */
            
            #company_photos
            {
                width: 700px;
                padding: 10px;
                float: left;
                margin-top: 10px;
            }
                #company_photos .title
                {
                    display: block;
                    float: left;
                    width: 170px;
                }
                
                #company_photos h3
                {
                    font-size: 1em;
                    font-weight: bold;
                    color: #424242;
                }
                #company_photos p{ color: #818181; clear: both; }
                
                #company_photos .contents
                {
                    display: block;
                    float: left;
                    width: 530px;
                }
                #company_photos .contents input{ margin-bottom: 10px; }
                #company_photos img{ margin: 6px; }
                #company_photos .preview{ padding-top: 15px; clear: both; }
                
                #preview_basic_photo,
                #register_images,
                #preview_custom_photo
                {
                    float: left; 
                    margin-top: 20px;
                    padding-top: 20px;
                    border-top: 1px solid #efefef;
                }
                
                
                    #preview_custom_photo .remove,
                    #register_images button,
                    #register_images p a.remove
                    {
                        display: block;
                        width: 35px;
                        height: 21px;
                        background: url("../images/buttons/register_small.gif");
                        margin-bottom: 10px;
                        float: left;
                        border: none;
                        cursor: pointer;
                    }
                    #register_images button{ float: right; margin-right: 240px; margin-top: 2px; }
                    #register_images p a.remove
                    { 
                        background-image: url("../images/buttons/remove_small.gif"); 
                        margin-left: 10px;
                    }
                    
                    #preview_custom_photo .remove
                    {
                        background-image: url("../images/buttons/remove_small.gif"); 
                        margin: 0 auto;
                        float: none;
                    }
                    
                    #preview_custom_photo .set
                    {
                        width: 170px;
                        height: 200px;
                        float: left;
                    }
            
            
            /* 기업회원 사진 관리 부분 끝 */
            
            
                #manage_photo #photo
                {
                    float: left;
                    width: 190px;
                    padding: 5px;
                    text-align: center;
                }
                
                    #photo img,
                    #company_photos img
                    {
                        width: 161px;
                        height: auto;
                        max-height: 161px;
                        border: 1px solid #e6e6e6;
                    }
                
                #manage_photo #forms
                {
                    float: left;
                    width: 490px;
                    padding: 5px;
                }
                    
                    #forms p
                    {
                        float: left;
                        width: 500px;
                        padding-top: 5px;
                    }
                    
                    #forms p button,
                    #forms p a.remove
                    {
                        display: block;
                        width: 35px;
                        height: 21px;
                        background: url("../images/buttons/register_small.gif");
                        float: left;
                        margin-bottom: 10px;
                        border: none;
                        cursor: pointer;
                    }
                    #forms p a.remove
                    { 
                        background-image: url("../images/buttons/remove_small.gif"); 
                        margin-left: 10px;
                    }
                
                    #forms p.desc
                    {
                        float: none;
                        color: #818181;
                    }
                

                #payment_process ul,
                #pay_jobs ul,
                #pay_jump ul,
                #register_jobs ul,
                #register_resume ul,
                #modify_resume_intro ul,
                #modify_jobs_intro ul,
                #register_freelance ul,
                #register_shops ul
                {
                    float: left;
                }
                                                          #pay_jobs ul {
                                                            width: 494px;
                                                          }
                
                #pay_resumes ul li,
                #payment_process ul li,
                #pay_jobs ul li,
                #register_jobs ul li,
                #register_resume ul li,
                #modify_resume_intro ul li,
                #modify_jobs_intro ul li,
                #register_freelance ul li,
                #register_shops ul li
                {
                    display: block;
                    width: 620px;
                    padding-top: 10px;
                    float: left;
                }
                                                            #pay_jobs ul li {
                                                                width:500px;
                                                                display: block;
                                                                margin-bottom: 20px;
                                                            }
                                                            #pay_jobs ul li.submit.jungsbm {
                                                                width: 700px;
                                                            }
                                                            #pay_jobs ul li.special,
                                                            #pay_jobs ul li.luxury,
                                                            #pay_jobs ul li.recommended,
                                                            #pay_jobs ul li.select_subject {
                                                                    display: inline-block;
                                                                    width: 478px;
                                                                    padding: 0 5px;
                                                                    margin: 5px;
                                                            }
                                                            #pay_jobs ul li.select_subject { 
                                                                    margin-bottom: 40px;
                                                            }

                                                             #pay_jobs ul li.special select,
                                                            #pay_jobs ul li.luxury select,
                                                            #pay_jobs ul li.recommended select {
                                                                        height: 28px;
                                                            }
                    
                    #pay_resumes ul li label,
                    #payment_process ul li label,
                    #pay_jobs ul li label,
                    #register_jobs ul li label,
                    #register_resume ul li label,
                    #modify_resume_intro ul li label,
                    #modify_jobs_intro ul li label,
                    #register_freelance ul li label,
                    #register_shops ul li label
                    {
                        display: block;
                        width: 130px;
                        height: 30px;
                        background: url("../images/gain/label.gif");
                        float: left;
                    }
                    #pay_jobs li.nopadding p,
                    #pay_jobs li.nopadding{ padding: 0; }
                    
                    #pay_jobs .select_subject p a{ color: #C33; font-weight: bold; padding-left: 10px; font-size: 1.2em; }
                    #pay_jobs .select_subject p a:hover{ text-decoration: underline; }
                    
                    #pay_resumes ul li label span,
                    #payment_process ul li label span,
                    #pay_jobs ul li label span,
                    #register_shops ul li label span,
                    #register_jobs ul li label span,
                    #register_resume ul li label span,
                    #modify_resume_intro ul li label span,
                    #modify_jobs_intro ul li label span,
                    #register_freelance ul li label span{ display: none; }
                    
                    #register_resume ul li.subject label{ background-position: 0 0; }
                    #register_resume ul li.area label,
                    #register_freelance ul li.area label{ background-position: 0 -30px; }
                    #register_resume ul li.jobkind label{ background-position: 0 -60px; }
                    #register_resume ul li.career label,
                    #register_freelance ul li.career label{ background-position: 0 -90px; }
                    #register_resume ul li.payment label{ background-position: 0 -120px; }
                    #register_resume ul li.isemployed label{ background-position: 0 -150px; }
                    #register_resume ul li.term label{ background-position: 0 -180px; }
                    #register_resume ul li.license label{ background-position: 0 -210px; }
                    #register_resume ul li.introduce label,
                    #register_freelance ul li.introduce label{ background-position: 0 -240px; }
                    #register_resume ul li.comment label{ background-position: 0 -270px; }
                    #register_resume ul li.open label,
                    #register_freelance ul li.open label{ background-position: 0 -300px; }
                    #register_freelance ul li.subject label{ background-position: 0 -330px; }
                    
                    #modify_jobs_intro ul li.subject label,
                    #register_jobs ul li label{ background-image: url("../images/company/label.gif"); }
                    #modify_jobs_intro ul li.jump label{ background-image: url("../images/company/label_jump.gif"); }
                    #register_shops ul li label{ background-image: url("../images/company/label_shop.gif"); }
                    #pay_resumes ul li label,
                    #pay_jobs ul li label{ background-image: url("../images/payment/job_pay_label.gif"); }
                    #payment_process ul li label{ background-image: url("../images/payment/process_label.gif"); }
                    
                    #register_jobs ul li.subject label{ background-position: 0 0; }
                    #register_jobs ul li.name label{ background-position: 0 -30px; }
                    #register_jobs ul li.jobkind label{ background-position: 0 -60px; }
                    #register_jobs ul li.career label{ background-position: 0 -90px; }
                    #register_jobs ul li.payment label{ background-position: 0 -120px; }
                    #register_jobs ul li.gender label{ background-position: 0 -150px; }
                    #register_jobs ul li.age label{ background-position: 0 -180px; }
                    #register_jobs ul li.number label{ background-position: 0 -210px; }
                    #register_jobs ul li.term label{ background-position: 0 -240px; }
                    #register_jobs ul li.comment label{ background-position: 0 -270px; }
                    #register_jobs ul li.additional_phone label{ background-position: 0 -300px; }
                    #register_jobs ul li.open label{ background-position: 0 -330px; }
                    #modify_jobs_intro ul li.shop_subject label { background-position: 0 -355px; }

                    
                    /* 결제 레이블 */
                    #pay_jobs ul li.select_subject label{ background-position: 17px 33px; }
                    #pay_jobs ul li.special label{ background-position: 18px 63px; }
                    #pay_jobs ul li.luxury label{ background-position: 18px 94px; }
                                                                         #pay_jobs ul li.recommended label{ background-position: 18px 3px; }
                    #pay_jobs ul li.grand label{ background-position: 0 120px; }
                    #pay_jobs ul li.premium label{ background-position: 0 150px; }
                    #pay_resumes ul li.text label,
                    #pay_jobs ul li.text label{ background-position: 0 180px; }
                    #pay_resumes ul li.icon label,
                    #pay_jobs ul li.icon label{ background-position: 0 210px; }
                    #pay_resumes ul li.point label,
                    #pay_jobs ul li.point label{ background-position: -23px 240px;  width: 144px;}
                    #pay_jobs ul li.premium_shop label{ background-image: url("../images/payment/shop_pay_label.gif"); }
                    #pay_jobs ul li.jump label{ background-image: url("../images/payment/jump_label.gif"); }
                    #pay_jobs ul li.shop_list label
                    { 
                        background-image: url("../images/payment/shop_pay_label.gif");
                        background-position: 0 -30px;
                    }
                    #pay_jobs ul li.premium_freelance label{ background-image: url("../images/payment/freelance_pay_label.gif"); }
                    #pay_jobs ul li.freelance_list label
                    { 
                        background-image: url("../images/payment/freelance_pay_label.gif"); 
                        background-position: 0 -30px;
                    }
                    #pay_jobs ul li.active_member label{ background-image: url("../images/payment/active_member_label.gif"); }

                    #pay_jobs ul.outlinecss {
                        border: 1px solid #d4d4d4;
                        width: 700px;
                        border-radius: 5px;
                        padding: 10px;
                    }
                    
                    /* 결제수단 선택 */
                    #payment_process ul li.type label{ background-position: 0 30px; }
                    #payment_process ul li.product label{ background-position: 0 60px; }
                    #payment_process ul li.price label{ background-position: 0 90px; }
                    #payment_process ul li.payer label{ background-position: 0 120px; }
                    #payment_process ul li.email label{ background-position: 0 150px; }
                    
                    
                    /* 샵 홍보 레이블 */
                    #register_shops ul li.jobkind label{ background-position: 0 -30px; }
                    #register_shops ul li.homepage label{ background-position: 0 -60px; }
                    #register_shops ul li.introduce label{ background-position: 0 -90px; }
                    #register_shops ul li.howmuch label{ background-position: 0 -120px; }
                    #register_shops ul li.open label{ background-position: 0 -150px; }
                    #register_shops ul li.title label{ background-position: 0 -180px; }
                    #register_shops ul li.direction label{ background-position: 0 -210px; }
                    #register_shops ul li.phone label{ background-position: 0 -240px; }
                    
                    
                    #payment_process ul li input,
                    #register_shops ul li.name input,
                    #register_shops ul li.title input,
                    #register_shops ul li.homepage input,
                    #register_shops ul li.phone input,
                    #register_jobs ul li.subject input,
                    #register_jobs ul li.age input,
                    #register_jobs ul li.number input,
                    #register_jobs ul li.additional_phone input,
                    #register_jobs ul li.name input,
                    #register_resume ul li.subject input,
                    #register_freelance ul li.subject input
                    { 
                        width: 470px;
                        height: 24px;
                        border: 1px solid #ddd;
                        padding: 0 8px;
                        
                        -moz-border-radius: 5px; /* FF1+ */
                        -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
                        border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
                        float: left;
                        margin-bottom: 5px;
                    }
                    #register_shops ul li.phone input,
                    #payment_process ul li input{ width: 200px; }
                    
                    #register_shops ul li.phone p{ float: left; margin-left: 10px; }
                    
                    
                    #payment_process ul li.price p,
                    #payment_process ul li.type p{ line-height: 25px; margin-left: 10px; float: left; }
                    
                    #payment_process ul li.type p{ margin-top: 5px; margin-left: 0; color: #06C; font-weight: bold; }
                    
                    #pay_resumes ul li a.preview,
                    #pay_jobs ul li a.preview
                    {
                        float: left;
                        display: block;
                        width: 46px;
                        height: 16px;
                        background: url("../images/icons/preview.gif");
                        margin-top: 7px;
                        margin-right: 10px;
                    }
                    #pay_resumes ul li.icon a.preview,
                    #pay_resumes ul li.text a.preview,
                    #pay_jobs ul li.text a.preview,
                    #pay_jobs ul li.icon a.preview
                    {
                        float: right;
                        margin-right: 360px;
                        margin-top: 10px;
                    }
                    
                    #pay_resumes ul li img,
                    #pay_jobs ul li img
                    { 
                        float: left;
                        display: none;
                    }
                    #pay_resumes ul li.text img,
                    #pay_resumes ul li.icon img,
                    #pay_jobs ul li.text img,
                    #pay_jobs ul li.icon img{ margin-top: 10px; }
                    
                    
                    #register_shops ul li.homepage,
                    #register_jobs ul li.number,
                    #register_jobs ul li.additional_phone,
                    #register_jobs ul li.age{ line-height: 30px; }
                    
                    #any_age,
                    #add_phone,
                    #register_jobs ul li #add_phone,
                    #register_shops ul li #no_homepage
                    { 
                        width: 15px; 
                        margin: 0 0 3px 10px;
                    }
                    
                    #pay_resumes ul #icon,
                    #pay_resumes ul #text,
                    #pay_jobs ul #icon,
                    #pay_jobs ul #text
                    {
                        margin-top: 10px;
                        vertical-align: bottom;
                    }
                    
                    #register_jobs ul li.number input,
                    #register_jobs ul li.age #age{ width: 70px; margin-right: 5px; }
                    #register_shops ul li.homepage #homepage,
                    #register_jobs ul li.additional_phone input{ width: 200px; }
                    
                    #pay_resumes ul p,
                    #pay_jobs ul p,
                    #register_shops ul li p,
                    #register_jobs ul li p,
                    #register_resume ul li.subject p,
                    #modify_resume_intro ul li.subject p,
                    #modify_jobs_intro ul li.subject p,
                    #register_freelance ul li.subject p
                    {
                        font-size: .9em;
                        font-family: 돋움;
                        color: #818181;
                        padding-top: 5px;
                        margin-left: 130px;
                    }
                    #modify_jobs_intro ul li.subject p {
                        font-size: 1.2em;
                    }
                    #pay_jobs ul p {
                        font-family: arial, sans-serif;
                        font-size: 12px;
                        margin-left: 20px;
                    }
                    
                    #register_jobs ul li p{ color: #F00; }
                    #register_jobs ul li p.bold{ font-weight: bold; font-size: 9pt; }
                    
                    
                    #modify_jobs_intro ul li p.usable_jump,
                    #pay_active_member_form li p
                    {
                        color: #C33;
                    }
                    #pay_active_member_form li p.haetek {
                        color: black;
                        font-size: 14px;
                        padding: 12px 0;
                    }
                    #modify_jobs_intro ul li p.usable_jump{ font-weight: bold;margin: 16px; }
                    
                    #register_shops ul li p.alert
                    {
                        color: #069C58;
                        margin: 0px;
                    }
                    
                    #pay_jobs_form li.special p
                    {
                        font-size: 1em;
                        font-weight: bold;
                        margin-top: 3px;
                    }
                    #pay_jobs ul p.title
                    { 
                        font-size: 1.2em; 
                        font-weight: bold;
                        color: black;
                    }
                    #pay_jobs ul p.notice_company, #payment_result p.warning
                    { 
                        color: #1036ff;
                        background-color: #e9f1ff;
                        padding: 8px;
                        width: 555px;
                        border-radius: 5px;
                    }
                    #pay_resumes ul li.point p,
                    #pay_jobs ul li.point p{ font-size: 1em; padding-top: 7px; color: #333; }
                    #pay_resumes ul li.point p.nopoint,
                    #pay_jobs ul li.point p.nopoint{ line-height: 24px; }
                    #pay_resumes ul li.point span,
                    #pay_jobs ul li.point span,
                    #payment_process ul li.price p span
                    { color: #86b744; font-weight: bold; }
                    
                    #register_shops ul li.homepage p{ display: inline; margin-left: 10px; }
                    td.additional_phone span { margin-left: 10px; font-size: 1em; color: red; }
                    td.advshoptel span { margin-left: 10px; font-size: 1em; color: #9f9f9f; }
                    #register_shops ul li.direction p,
                    #register_shops ul li.introduce p,
                    #register_shops ul li.howmuch p{ float: left; }
                    
                    #payment_process ul li select,
                    #pay_jobs ul li select,
                    #register_shops ul li select,
                    .tbl_wrap table tr td select,
                    #register_resume ul li select,
                    #modify_resume_intro ul li select,
                    #modify_jobs_intro ul li select,
                    #register_freelance ul li select
                    { 
                        width: 200px;
                        height: 24px;
                        border: 1px solid #ddd;
                        padding-left: 8px;
                        margin-top: 4px;
                        margin-right: 10px;
                        
                        -moz-border-radius: 5px; /* FF1+ */
                        -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
                        border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
                        float: left;
                        margin-bottom: 5px;
                    }
                    #modify_jobs_intro ul li.subject.jump select {
                        width: 620px;
                        margin-right: 0;
                        margin-left: 16px;
                        padding: 13px 0 13px 7px;
                        font-size: 14px;
                        height: auto;
                    }
                    #modify_jobs_intro ul li.subject.jump select option {
                        font-size: 14px;
                    }
                                                                         #pay_jobs ul li select {
                                                                            width:214px;
                                                                         }
                    #pay_jobs ul li.select_subject select{ width: 336px; height: 28px;}
                    #modify_jobs_intro ul li select,
                    #modify_resume_intro ul li select{ width: 400px; margin-right: 90px; }
                    #register_jobs ul li.select_subject select{ width: 470px; }
                    
                    #register_shops ul li.open input,
                    td.term_kind input,
                    #register_jobs ul li.open input,
                    #register_resume ul li.isemployed input,
                    #register_resume ul li.term input,
                    #register_resume ul li.open input,
                    #register_freelance ul li.open input
                    {
                        margin: 0px 0 0 12px;
                    }
                    
                    #register_shops ul li textarea,
                    #register_jobs ul li textarea,
                    #register_resume ul li textarea,
                    #register_freelance ul li textarea
                    {
                        width: 420px;
                        height: 350px;
                        border: 1px solid #ddd;
                        padding: 8px;
                        margin-top: 4px;
                        
                        -moz-border-radius: 5px; /* FF1+ */
                        -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
                        border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
                        float: left;
                        margin-bottom: 5px;
                    }
                    
                    #register_shops ul li.direction textarea{ height: 50px; }
                    
                    #pay_resumes ul li.submit button,
                    #payment_process ul li.submit button,
                    #pay_jobs ul li.submit button,
                    button.payment_request,
                    #register_shops ul li.submit button,
                    #register_jobs ul li.submit button,
                    #register_resume ul li.submit button,
                    #modify_resume_intro ul li.subject a,
                    #modify_jobs_intro ul li.subject a,
                    #register_freelance ul li.submit button,
                    #register_freelance ul li.submit a,
                    #register_shops ul li.submit a
                    {
                        display: block;
                        background: url("../images/gain/btn_register.gif") 0 -64px;
                        width: 92px;
                        height: 32px;
                        border: none;
                        margin: 10px 0 30px 130px;
                        padding: 0;
                        cursor: pointer;
                    }
                                                                        #pay_jobs ul li.submit button {
                                                                            margin: 0 auto;
                                                                        }
                    
                    #pay_resumes ul li.submit button,
                    #payment_process ul li.submit button,
                    button.payment_request,
                    #pay_jobs ul li.submit button{ background-image: url("../images/payment/btn_pay.gif"); margin-top: 0; }
                    
                    #modify_jobs_intro ul li.subject a.modify,
                    #modify_resume_intro ul li.subject a,
                    #register_resume ul li.submit button.modify,
                    #register_shops ul li.submit button.modify,
                    #register_freelance ul li.submit button.modify{ background-image: url("../images/join/btn_modify.gif"); }
                    
                    #modify_jobs_intro ul li.subject a.jump{ background-image: url("../images/company/btn_jump.gif");margin: 5px 18px 0px 18px;}
                    #modify_jobs_intro ul li.subject a.jump_buy_btn { background-image: url("../images/company/btn_jump_buy.gif"); margin-left: 20px; }

                    #modify_jobs_intro ul li.subject a,
                    #modify_resume_intro ul li.subject a,
                    #register_freelance ul li.submit button,
                    #register_freelance ul li.submit a,
                    #register_shops ul li.submit button,
                    #register_shops ul li.submit a
                    { float: left; }
                    #modify_jobs_intro ul li.subject a.remove,
                    #modify_resume_intro ul li.subject a.remove,
                    #register_freelance ul li.submit a,
                    #register_shops ul li.submit a
                    { 
                        background-image: url("../images/gain/btn_remove.gif");
                        margin-left: 10px;
                    }
                    #pay_resumes ul li.submit button:hover,
                    #payment_process ul li.submit button:hover,
                    #pay_jobs ul li.submit button:hover,
                    #register_shops ul li.submit button:hover,
                    #register_shops ul li.submit a:hover,
                    #modify_jobs_intro ul li.subject a:hover,
                    #register_jobs ul li.submit button:hover,
                    #register_freelance ul li.submit a:hover,
                    #register_resume ul li.submit button:hover,
                    #modify_resume_intro ul li.subject a:hover,
                    #register_freelance ul li.submit button:hover
                    { background-position: 0 -32px; }
                    #pay_resumes ul li.submit button:active,
                    #payment_process ul li.submit button:active,
                    #pay_jobs ul li.submit button:active,
                    #register_shops ul li.submit a:active,
                    #register_shops ul li.submit button:active,
                    #modify_jobs_intro ul li.subject a:active,
                    #register_jobs ul li.submit button:active,
                    #register_freelance ul li.submit a:active,
                    #register_resume ul li.submit button:active,
                    #modify_resume_intro ul li.subject a:active,
                    #register_freelance ul li.submit button:active
                    { background-position: 0 0; }
                    #pay_resumes ul li.submit button span,
                    #payment_process ul li.submit button span,
                    #pay_jobs ul li.submit button span,
                    button.payment_request span,
                    #register_shops ul li.submit button span,
                    #register_jobs ul li.submit button span,
                    #register_resume ul li.submit button span,
                    #modify_resume_intro ul li.subject a span,
                    #register_freelance ul li.submit button span{ display: none; }
                    
                    
                    
                    
                    
                    
                    
            #company_info_box,
            #shops_info_box,
            #resume_info_box,
            #freelance_info_box
            {
                width: 700px;
                background: url("../images/gain/info_box_bg.gif") repeat-y;
                margin: 10px auto;
            }
                
                #company_info_box h3,
                #shops_info_box h3,
                #resume_info_box h3,
                #freelance_info_box h3
                {
                    background: url("../images/gain/resume_info_header.gif");
                    width: 700px;
                    height: 44px;
                    margin: 0 auto;
                }
                #company_info_box h3{ background-image: url("../images/company/jobs_info_header.gif"); }
                #shops_info_box h3{ background-image: url("../images/company/shops_info_header.gif"); }
                #freelance_info_box h3{ background-image: url("../images/gain/freelance_info_header.gif"); }
                #company_info_box h3 span,
                #shops_info_box h3 span,
                #resume_info_box h3 span,
                #freelance_info_box h3 span{ display: none; }
                
                
                #company_info_box div.jobs_info,
                #shops_info_box div.shops_info,
                #resume_info_box div.resume_info,
                #freelance_info_box div.freelance_info
                {
                    padding: 10px 40px;
                }
                    
                    #company_info_box div.jobs_info p,
                    #shops_info_box div.shops_info p,
                    #resume_info_box div.resume_info p,
                    #freelance_info_box div.freelance_info p
                    {
                        line-height: 20px;
                    }
                            
                        #company_info_box div.jobs_info p.dot,
                        #shops_info_box div.shops_info p.dot,
                        #resume_info_box div.resume_info p.dot,
                        #freelance_info_box div.freelance_info p.dot
                        {
                            background: url("../images/icons/bullet_gray.gif") no-repeat 0 center;
                            padding-left: 6px;
                            float: left;
                            width: 138px;
                            margin: 10px 0;
                        }
                        
                        #company_info_box div.jobs_info p.period,
                        #shops_info_box div.shops_info p.period,
                        #resume_info_box div.resume_info p.period,
                        #freelance_info_box div.freelance_info p.period
                        {
                            margin: 2px 0;
                            color: #1200ff;
                            font-weight: bold;
                        }
                        
                        #company_info_box div.jobs_info p.dot{ width: 70%; font-weight: bold;}
                        #company_info_box div.jobs_info p.dotadvshop {
                            display: inline-block;
                            width: 580px;
                            background: #F9F9F9;
                            clear: both;
                            padding: 10px 20px;
                            color: #999999;
                            border: 1px solid #DBDBDB;
                        }
                        
                        #freelance_info_box div.freelance_info a.reg_freelance,
                        #freelance_info_box div.freelance_info a.gotopay,
                        #company_info_box div.jobs_info a.gotopay,
                        #shops_info_box div.shops_info a.gotopay
                        {
                            width: 154px;
                            height: 21px;
                            background: url("../images/company/btn_gotopay.gif");
                            display: block;
                            float: right;
                        }
                        
                        #freelance_info_box div.freelance_info a.gotopay
                        {
                            background-image: url("../images/company/btn_gotopay2.gif");
                            width: 107px;
                        }
                        
                        
                        #freelance_info_box div.freelance_info a.reg_freelance
                        {
                            margin-top: 10px;
                            background-image: url("../images/freelance/gotowrite.gif");
                            width: 124px;
                            float: left;
                        }
                        #shops_info_box div.shops_info a.gotopay{ background-image: url("../images/company/btn_shopspay.gif"); }
                        #company_info_box div.jobs_info a.gotopay{ background-image: url("../images/company/btn_jobspay.gif"); }
                        #company_info_box div.jobs_info a.gotopay,
                        #freelance_info_box div.freelance_info a.gotopay,
                        #shops_info_box div.shops_info a.gotopay{ margin-top: 10px; }

                        
                        #shops_info_box div.shops_info p.pay_info,
                        #resume_info_box div.resume_info p.pay_info,
                        #freelance_info_box div.freelance_info p.pay_info
                        {
                            margin-left: 20px;
                            width: 450px;
                        }
                        #company_info_box p.pay_info
                        { clear: both; line-height: 20px; }
                        
                        #company_info_box div.jobs_info p img,
                        #shops_info_box div.shops_info p img,
                        #resume_info_box div.resume_info p img,
                        #freelance_info_box div.freelance_info p img{ vertical-align: text-bottom; }
                        #company_info_box div.jobs_info p.pay_info img
                        { 
                            vertical-align: middle;
                            margin-left: 18px;
                        }

                        #company_info_box div.jobs_info p span.empasize {
                            font-weight: bold;
                        }
                        #company_info_box div.jobs_info p span.empasize2 {
                            font-weight: bold;
                            color: #4804ff;
                        }
                        
                    
                    #company_info_box div.title_box,
                    #shops_info_box div.title_box,
                    #resume_info_box div.title_box,
                    #freelance_info_box div.title_box
                    {
                        width: 580px;
                        height: 42px;
                        background: #F9F9F9;
                        clear: both;
                        padding: 10px 20px;
                        margin: 15px 0;
                        border: 1px solid #DBDBDB;
                    }
                    #company_info_box div.title_box{ display: inline-table; }
                    #company_info_box div.paid
                    { 
                        margin-top: 0;
                        margin-bottom: 15px;
                        height: auto;
                        display: inline-block;
                    }
                        
                        #company_info_box div.title_box p.title,
                        #shops_info_box div.title_box p.title,
                        #resume_info_box div.title_box p.title,
                        #freelance_info_box div.title_box p.title
                        {
                            font-size: 1.2em;
                            font-family: "돋움";
                            color: #5c5c5c;
                        }
                        #company_info_box div.title_box p.title { 
                            display: inline-block;
                            float: left;
                            width: 430px;
                            font-size: 13.5px;
                            height: 18px;
                            overflow: hidden;
                        }
                        a.ty_ON, a.ty_OFF {
                            display: inline-block;
                            float: left;
                            margin: 7px 0 0 7px;
                        }
                        p.ty_spc {
                            display: inline-block;
                            margin: 7px 0 0 7px;
                            float: left;
                        }
                        #content div.title_box p.text_option{ color: #197dba; font-weight: bold; }
                        #company_info_box div.title_box p.text_option { color: #197dba; font-weight: bold; }
                        
                        #content div.title_box p.pay_info { margin-top: 5px; }
                        
                        #company_container div p.modify a,
                        #gain_container div.title_box p.modify a{ color: #b11d2b; }
                        #company_container div.title_box p.modify a:hover{ font-weight: bold; }
                        #gain_container div.title_box p.modify
                        { 
                            float: left; 
                            margin-top: 7px;
                        }
                        #company_container div.title_box p.modify { float: right; height: 25px; margin-top: 10px;}
                        #shops_info_box div.title_box p.reg_date,
                        #shops_info_box div.title_box p.mod_date,
                        #company_info_box div.title_box p.reg_date,
                        #resume_info_box div.title_box p.reg_date,
                        #resume_info_box div.title_box p.mod_date,
                        #freelance_info_box div.title_box p.reg_date,
                        #freelance_info_box div.title_box p.mod_date
                        {
                            background: url("../images/icons/bullet_gray.gif") left center no-repeat;
                            padding-left: 6px;
                            float: right;
                            margin-left: 10px;
                            margin-top: 7px;
                        }
                        #company_info_box div.title_box p.mod_date { margin-top: 7px; float: left; }
            #shops_info_box p.shops_info_footer,
            #company_info_box p.company_info_footer,
            #resume_info_box p.resume_info_footer,
            #freelance_info_box p.freelance_info_footer
            {
                background: url("../images/gain/view_info_footer.gif");
                width: 700px;
                height: 30px;
                clear: both;
            }
                
        
        #join_menu
        { 
            width: 200px; 
            margin-top: 30px;
            margin-left: 20px;
            float: left;
        }
        #join_menu li
        { 
            list-style: none;
        }
        
            #join_menu h2
            { 
                background: url("../images/join/customer_center.gif");
                width: 81px;
                height: 23px;
                display: block;
            }
            #join_menu h2 span{ display: none; }
        
            #join_menu ul
            {
                margin-top: 20px;
            }
        
                #join_menu ul li a
                {
                    background: url("../images/join/menu.gif") no-repeat;
                    width: 172px;
                    height: 28px;
                    display: block;
                }
            
                #join_menu ul li a.current,
                #join_menu ul li a:hover{ background-image: url("../images/join/menu_hover.gif"); }
                
                #join_menu ul li a.join{ background-position: 0 -112px; }
                #join_menu ul li a.find_id{ background-position: 0 -84px; }
                #join_menu ul li a.find_pw{ background-position: 0 -56px; }
                #join_menu ul li a.guide{ background-position: 0 -28px; }
                #join_menu ul li a.faqboard{ background-position: 0 0; }
                #join_menu ul li a.quit{ background-position: 0 -140px; }
                #join_menu ul li a.modify{ background-position: 0 -168px; }
                #join_menu ul li a.change_pw{ background-position: 0 -196px; }
                #join_menu ul li a.change_email{ background-position: 0 -224px; }
        
    
        #join,
        #join_company,
        #join_gain,
        #quit,
        #findid,
        #findpw,
        #modify
        {
            width: 750px;
            float: left;
            margin-top: 20px;
            margin-bottom: 30px;
        }
        
            #join h2,
            #join_company h2,
            #join_gain h2,
            #quit h2,
            #findid h2,
            #findpw h2,
            #modify h2
            {
                display: block;
                background: url("../images/join/header.gif");
                width: 750px;
                height: 48px;
            }
            #join h2 span, #join_company h2 span, 
            #join_gain h2 span, #quit h2 span,
            #findid h2 span, #findpw h2 span,
            #modify h2 span{ display: none; }
            
            #join_company h2{ background-image: url("../images/join/header_company.gif"); }
            #join_gain h2{ background-image: url("../images/join/header_gain.gif"); }
            #quit h2{ background-image: url("../images/join/header_quit.gif"); }
            #findid h2{ background-image: url("../images/join/header_findid.gif"); }
            #findpw h2{ background-image: url("../images/join/header_findpw.gif"); }
            #modify.gain h2{ background-image: url("../images/join/header_gain_modify.gif"); }
            #modify.company h2{ background-image: url("../images/join/header_company_modify.gif"); }
            #modify.change_pw h2{ background-image: url("../images/join/header_change_pw.gif"); }
            #modify.change_email h2{ background-image: url("../images/join/header_change_email.gif"); }
                    
            #quit p,
            #findid p,
            #findpw p,
            #modify p
            {
                margin-left: 20px;
                margin-top: 10px;
            }
            
                #quit p span,
                #findid p span,
                #findpw p span,
                #modify p span
                {
                    color: #C00;
                    font-weight: bold;
                }
            
            #join p{ width: 660px; margin: 0 auto; }
            
                #join p img{ margin-left: 15px; margin-top: 20px }
        
        #join_form,
        #quit_form,
        #findid_form,
        #findpw_form,
        #modify_form,
        #change_pw_form,
        #change_email_form{ margin-top: 20px; }
        
        #modify_form tr.warning td,
        #join_form tr.warning td{ vertical-align: bottom; color: #c00;  }
        
        
            #join_form table td,
            #quit_form table td,
            #findid_form table td,
            #findpw_form table td,
            #modify_form table td,
            #change_pw_form table td,
            #change_email_form table td
            { 
                vertical-align: middle; 
                height: 40px; 
                text-align: left;
            }
            
            #join_form table td.input,
            #modify_form table td.input{ width: 215px; }
            #join_form table td.label,
            #modify_form table td.label{ width: 120px; }
            #join_form table td.message,
            #modify_form table td.message{ width: 350px; }
            
            #join_form tr label,
            #quit_form tr label,
            #findid_form tr label,
            #findpw_form tr label,
            #modify_form tr label,
            #change_pw_form tr label,
            #change_email_form tr label
            {
                display: block;
                text-indent: -9999px;
                width: 106px;
                height: 40px;
                background: url("../images/join/label.gif") no-repeat;
                margin-right: 10px;
            }
            
            #join_form tr.username label,
            #modify_form tr.username label
            { background-position: 0 -240px; }
            
            #join_form tr.newid label,
            #findpw_form tr.findpw_id label,
            #quit_form tr.quitid label,
            #modify_form tr.newid label
            { background-position: 0 -200px; }
            
            #join_form tr.newpw label,
            #quit_form tr.quitpw label,
            #modify_form tr.newpw label
            { background-position: 0 -160px; }
            
            #join_company form tr.addr label,
            #modify_form tr.addr label
            { background-position: 0 -120px; }
            
            #join_form tr.email label,
            #findpw_form tr.email label,
            #findid_form tr.email label,
            #modify_form tr.email label
            { background-position: 0 -80px; }
            
            #join_form tr.phone label,
            #modify_form tr.phone label
            { background-position: 0 -40px; }
            
            #join_gain form tr.phone label,
            #modify.gain form tr.phone label
            { background-position: 0 -360px; }
            
            #join_form tr.article label,
            #modify_form tr.article label
            { background-position: 0 0; }
            
            #join_gain form tr.ymd label,
            #modify_form tr.ymd label
            { background-position: 0 -280px; }
            
            #join_gain form tr.gender label,
            #modify_form tr.gender label
            { background-position: 0 -320px; }
            
            #change_pw_form tr.current_pw label
            { background-position: 0 -400px; }

            #change_pw_form tr.newpw label
            { background-position: 0 -440px; }
            
            #change_email_form tr.current_email label
            { background-position: 0 -480px; }
            
            #change_email_form tr.new_email label
            { background-position: 0 -520px; }
        
            #join_form input,
            #quit_form input,
            #findid_form input,
            #findpw_form input,
            #modify_form input,
            #change_pw_form input,
            #change_email_form input
            {
                width: 200px;
                border: 1px solid #ddd;
                height: 30px;
                margin: 5px 0;
                padding: 0 5px;
                
                -moz-border-radius: 5px 0 0 5px; /* FF1+ */
                -webkit-border-radius: 5px 0 0 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
                border-radius: 5px 0 0 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
            }
            
            #join_form #newid,
            #join_form #email,
            #join_form #newpw,
            #join_form #phone,
            #join_form #ymd{ ime-mode: disabled; }
            #join_form #username,
            #join_form #addr{ ime-mode: active; }
            
            #join_form #post1,
            #join_form #post2,
            #modify_form #post1,
            #modify_form #post2{ width: 25px; }
            
            #join_form #addr01,
            #modify_form #addr01
            { width: 200px; }
            #join_form #addr02,
            #modify_form #addr02
            { width: 250px; }
            /*
            #join_company form #addr02
            { 
                width: 500px;
                border: 1px solid #E5A3A3;
                background-color: #FFCFCF;
            }
            */
            
            
            #join_form #post1,
            #join_form #post2,
            #join_form #addr01,
            #join_form #addr02
            {
                -moz-border-radius: 5px; /* FF1+ */
                -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
                border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
            }
            
            
            #join_form textarea
            {
                width: 450px;
                border: 1px solid #ddd;
                padding: 5px;
                margin-top: 10px;
                
                -moz-border-radius: 5px; /* FF1+ */
                -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
                border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
                
                resize: none;
            }
            
            #join_form td.select #gender,
            #modify_form td.select #gender
            {
                width: 210px;
                border: 1px solid #ddd;
                height: 30px;
                margin: 5px 0;
                padding-left: 5px;
                padding-top: 5px;
                
                -moz-border-radius: 5px 0 0 5px; /* FF1+ */
                -webkit-border-radius: 5px 0 0 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
                border-radius: 5px 0 0 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
            }
            
            #join_company form td.select p,
            #modify_form td.select p
            { padding-left: 10px; margin: 0; }
            #join_form td.message a,
            #join_company form td.select p a,
            #modify_form td.select p a
            { color: #2276BB; }
            #join_form td.message a:hover,
            #join_company form td.select p a:hover,
            #modify_form td.select p a:hover
            { text-decoration: underline; }
        
            div.join_submit_btn input,
            #quit_form button,
            #findid_form button,
            #findpw_form button,
            #modify_form button,
            #change_pw_form button,
            #change_email_form button
            {
                border: none;
                padding: 0;
                margin-top: 10px;
                background: url("../images/join/btn_join.gif") 0 -64px;
                width: 92px;
                height: 32px;
                display: block;
                cursor: pointer;
                text-indent: -9999px;
            }
            div.join_submit_btn input{
                display: inline;
                margin-bottom: 20px;
            }
            #findpw_form button{ background-image: url("../images/join/btn_findpw.gif"); margin-left: 10px; margin-top: 0; }
            #quit_form button{ background-image: url("../images/join/btn_quit.gif"); margin-left: 10px; margin-top: 0; }
            #findid_form button{ background-image: url("../images/join/btn_findid.gif"); margin-left: 10px; margin-top: 0; }
            #modify_form button{ background-image: url("../images/join/btn_modify.gif"); margin-left: 10px; margin-top: 0; }
            div.join_submit_btn input.modify_form { background-image: url("../images/join/btn_modify.gif"); margin-left: 10px; margin-top: 0; }
            #change_pw_form button,
            #change_email_form button{ background-image: url("../images/join/btn_change.gif"); margin-left: 10px; margin-top: 0; }
            #join_form button:hover,
            #quit_form button:hover,
            #findpw_form button:hover,
            #findid_form button:hover,
            #modify_form button:hover{ background-position: 0 -32px; }
            #join_form button:active,
            #findpw_form button:active,
            #quit_form button:active,
            #findid_form button:active,
            #modify_form button:active{ background-position: 0 0; }
            
            #modify_form button
            {
                margin-top: 10px;
                margin-left: 0;
            }
            
            
                
                #join_form span.message,
                #modify_form span.message
                {
                    background: url("../images/icons/arrow.gif") no-repeat 10px center #f2f2f2;
                    display: block;
                    height: 30px;
                    border: 1px solid #dbdbdb;
                    color: #666;
                    line-height: 30px;
                    width: 90%;
                    padding-left: 30px;
                    padding-right: 10px;
                    
                    -moz-border-radius: 0 5px 5px 0; /* FF1+ */
                    -webkit-border-radius: 0 5px 5px 0; /* Saf3-4, iOS 1+, Android 1.5+ */
                    border-radius: 0 5px 5px 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
                    display: none;
                }
                
                #join_form span.error,
                #modify_form span.message
                {
                    border-color: #E5A3A3;
                    background-color: #FFCFCF;
                    color: #801B1B;
                    padding-left: 10px;
                    padding-right: 30px;
                    background-image: none;
                }
                
                #join_form span.ok,
                #modify_form span.ok
                {
                    border-color: #E1EFDB;
                    background: url('../images/icons/check.gif') no-repeat 10px center #F0FEE9;
                    color: #666;
                    padding-right: 10px;
                    padding-left: 30px;
                }
                
                #join_form span.checking,
                #modify_form span.checking
                {
                    background: url('../images/icons/indicator_arrows_circle.gif') no-repeat 10px center;
                    padding-left: 30px;
                    padding-right: 10px;
                }
                
                #join_form table .sample td{ height: 20px; }
        
        
    
    /* 커뮤니티 스타일 */
    #community_container .print
    {
        float: left;
        width: 345px;
        margin: 7px;
    }
    #community_container .image
    {
        float: left;
        width: 700px;
        margin: 5px 0 5px 9px;
    }
    
    
        #community_container .print h3 a
        {
            display: block;
            background: url("../images/medium_box_header/seminars.gif");
            width: 345px;
            height: 43px;
        }
        #community_container .books h3 a{ background-image: url("../images/medium_box_header/books.gif"); }
        #community_container .naturedoc h3 a{ background-image: url("../images/medium_box_header/naturedoc.gif"); }
        #community_container .videos h3 a{ background-image: url("../images/medium_box_header/videos.gif"); }
        #community_container .freeboard h3 a{ background-image: url("../images/medium_box_header/freeboard.gif"); }
        #community_container .agriculture h3 a{ background-image: url("../images/medium_box_header/agriculture.gif"); }
        #community_container .faq h3 a{ background-image: url("../images/medium_box_header/faq.gif"); }
        #community_container .notice h3 a{ background-image: url("../images/medium_box_header/notice.gif"); }
        #community_container .return h3 a{ background-image: url("../images/medium_box_header/return.gif"); }
        
        #community_container .image h3 a
        {
            display: block;
            background: url("../images/big_box_header/agriculture.gif");
            width: 700px;
            height: 43px;
        }
        #community_container .news h3 a{ background-image: url("../images/medium_box_header/new_long.gif"); }
        
        
        div.lt ul.print,
        #community_container .image .contents
        {
            background: url("../images/bg_gray_gra.gif") repeat-x center bottom;
            border-bottom: 1px solid #B3B3B3;
            border-left: 1px solid #B3B3B3;
            border-right: 1px solid #B3B3B3;
            float: left;
            width: 343px;
        }
        #community_container .image .contents{ width: 698px; }
        
            .community_wraper ul.print li
            {
                background: url("../images/icons/bullet_red.gif") no-repeat left center;
                padding-left: 10px;
            }

        #community_container .image .contents img
        {
            margin-left: 9px;
            padding: 3px;
            border: 1px solid #e3e3e3;
            width: 120px;
            height: 120px;
        }
        #community_container .image .contents p{ float: left; }
        #community_container .image .contents a
        { 
            margin-left: 9px;
            padding: 3px;
            display: block;
            width: 120px;
            text-align: center;
        }
        
        #community_container .header_container h2
        {
            width: 735px;
            height: 40px;
            background-image: url("../images/board/video_header.gif");
        }
        #community_container .header_container h2.news{ background-image: url("../images/board/news_header.gif"); }
        #community_container .header_container h2.seminars{ background-image: url("../images/board/seminar_header.gif"); }
        #community_container .header_container h2.naturedoc{ background-image: url("../images/board/naturaldoc_header.gif");  }
        #community_container .header_container h2.agriculture{ background-image: url("../images/board/agriculture_header.gif");  }
        #community_container .header_container h2.faq{ background-image: url("../images/board/faq_header.gif"); }
        #community_container .header_container h2.freeboard{ background-image: url("../images/board/freeboard_header.gif");}
        #community_container .header_container h2.notice{ background-image: url("../images/board/notice_header.gif");}
        #community_container .header_container h2.books{ background-image: url("../images/board/books_header.gif"); }
        #community_container .header_container h2.return{ background-image: url("../images/board/return_header.gif");}
        #community_container .header_container h2.humor{ background-image: url("../images/board/humor.gif");}
        #community_container .header_container h2.used_market{ background-image: url("../images/board/used_market.gif");}
        
        #community_container tr th { background-color: #f7f7f7;border-top: 1px solid #afafaf;}
        #community_container table {margin-top: 5px;}
        
        #community_container li .no{ width: 50px; }
        #community_container td.used_market_subject{ width: 380px; }
        #community_container li.titles .subject{ width: 400px; background-image: none; text-align: center; }
        #community_container li .writer{ width: 100px; }
        #community_container li .date{ width: 80px; text-align: right;}
        #community_container li .hit{ width: 92px; }
    
        
        #community_container .view_content .content
        {
            padding: 20px 0 20px 20px; 
            width: 715px; 
        }
        #community_container .view_content .content strong{ font-weight: bold; }
        #community_container .view_content .content p span{ display: inline; }
        #community_container .view_content .board{ line-height: 20px; min-height: 200px;}
        
        #community_container .view_content form #subject
        {
            width: 500px;
            margin: 10px 0 10px 0;
            padding: 0 5px;
            height: 24px;
            border: 1px solid #ccc;
        }
        
        #community_container .view_content form label.subject
        {
            display: block;
            width: 50px;
            height: 45px;
            background: url("../images/labels/subject2.gif") center center no-repeat;
            float: left;
            padding: 0;
        }
        #community_container .view_content form label span{ display: none; }
        
        
        
        #community_container .view_content .etc_footer
        { 
            float: left;
        }
        
        #community_container p.page
        {
            margin-bottom: 0;
        }
        
        #community_container p.write a,
        #community_container p.list a,
        #community_container p.modify a,
        #community_container p.delete a
        {
            margin-bottom: 10px;
            display: block;
            float: right;
            margin-right: 20px;
            width: 36px;
            height: 50px;
            background: url("../images/icons/write.gif");
        }
        #community_container p.list a,
        #community_container p.modify a,
        #community_container p.delete a
        {
            margin: 10px 20px 0 0;
        }
        #community_container p a span,
        #community_container button span
        { display: none; }
        
        #community_container form button.register
        {
            cursor: pointer;
            border: none;
            display: block;
            float: right;
            margin: 10px 20px 0 0;
            width: 36px;
            height: 50px;
            background: url("../images/icons/register.gif");
        }
        
        #community_container p.list a{ background-image: url("../images/icons/list_icon.gif"); }
        #community_container p.delete a{ background-image: url("../images/icons/delete.gif"); }
        #community_container p.modify a{ background-image: url("../images/icons/modify.gif"); }
        
        
        /* 이용안내 */
        #customer,
        #guide,
        #privacy,
        #agreement,
        #email_law
        {
            float: left;
            width: 940px;
        }
        
            #guide table
            {
                width: 940px;
                text-align: center;
            }
                
            #guide table td
            {
                padding: 10px 0;
                border: 1px solid #efefef; 
                vertical-align: middle;
            }
                
            #guide table .title
            {
                background-color: #999;
                color: white;
                font-weight: bold;
            }
            
            #guide .direction{ width: 218px; }
            #guide .name{ width: 168px; }
            #guide .description{ width: 358px; }
            #guide .align_left{ text-align: left; padding-left: 100px; }
            #guide .price{ width: 188px; }
            
            #guide table .name a
            {
                display: block;
                width: 63px;
                height: 18px;
                background: url("../images/icons/apply.gif");
                margin: 5px auto 10px auto;
            }
            
            #guide table .price p
            { 
                font-weight: bold;
                color: #ff8200;
            }
            
            .ctt_customer header h1,
            #email_law h2,
            .ctt_guide header h1,
            #privacy h2,
            #agreement h2
            {
                display: block;
                width: 940px;
                height: 48px;
                background: url("../images/guide/header.gif");
            }
            #ctt_con div.privacy { background: url('../images/guide/privacy_header.gif'); width: 940px; height: 48px; }
            #ctt_con div.agreement { background: url('../images/guide/agreement_header.gif'); width: 940px; height: 48px; }
            #ctt_con div.email { background: url('../images/guide/email_header.gif'); width: 940px; height: 48px; }
            #ctt_con div.contact { background: url('../images/guide/contact_header.gif'); width: 940px; height: 48px; }
            #ctt_con div.tax { background: url('../images/guide/tax_header.gif'); width: 940px; height: 48px; }
            #customer h2 span,
            #email_law h2 span,
            #agreement h2 span,
            #privacy h2 span,
            #guide h2 span{ display: none; }
            
            #ctt_con h3
            {
                font-size: 1em;
                font-weight: bold;
                height: 30px;
                line-height: 30px;
                padding-left: 10px;
                width: 910px;
                float: left;
                background: url("../images/icons/bullet_blue.gif") no-repeat center left;
            }
            
            #guide h3 a{ color: #C33; }
            #guide h3 a:hover{ text-decoration: underline; }
        
        
        /* Ect.. */ 
        #customer,
        #email_law,
        #privacy,
        #agreement
        {
            line-height: 1.7em;
        }
        
        .ctt_customer header h1 { background-image: url("../images/etc/customer_header.gif"); }
        #email_law h2{ background-image: url("../images/etc/email_header.gif"); }
        #privacy h2{ background-image: url("../images/etc/privacy_header.gif"); }
        #agreement h2{ background-image: url("../images/etc/agreement_header.gif"); }
        #customer h2.contact{ background-image: url("../images/etc/contact_header.gif"); }
        #customer h2.tax{ background-image: url("../images/etc/tax_header.gif"); }
        
        /* 고객지원센터 폼 설정 */
        #customer p
        {
            width: 700px;
            margin: 20px auto;
            padding-bottom: 10px;
            border-bottom: 1px solid #ddd;
        }
        #customer p strong{ font-weight: bold; }
        
        #customer input,
        #customer textarea
        {
            border: 1px solid #ddd;
            width: 500px;
            padding: 6px;
            font-size: 1em;
        }
        
        #customer li.spamcode input{ width: 100px; }
        #customer li.spamcode img{ vertical-align: bottom; }
        
        #customer input.submit{ margin-left: 92px; }
        
        #customer label
        {
            margin: 5px 0;
            padding-left: 25px;
            background: url("../images/icons/email.png") no-repeat center left;
        }
        #customer label.content_label{ background-image: url("../images/icons/page.png"); }
        #customer label.homepage{ background-image: url("../images/icons/home_page.png"); }
        #customer label.name{ background-image: url("../images/icons/user_gray.png"); }
        #customer label.spam{ background-image: url("../images/icons/alarm_bell.png"); }
        
        
        #customer ul
        {
            width: 700px;
            margin: 10px auto;
        }
        
        #customer ul li
        { 
            display: block;
            margin: 10px 0;
        }
        
        #customer ul li label
        { 
            display: block;
            float: left;
            width: 60px;
        } 

        
        #agreement h3
        {
            padding-left: 20px;
            font-weight: bold;
            margin-top: 20px;
            font-family: 돋움;
        }
        
        #email_law li,
        #privacy li,
        #agreement li{ padding: 0 30px; }
        
        #email_law ul{ margin: 20px 0; }
        
        #email_law ul .title,
        #privacy ul .title,
        #agreement ul .title
        {
            font-weight: bold;
            text-indent: 0;
            padding-left: 10px;
            background: url("../images/icons/bullet_blue.gif") no-repeat center left;
        }
        
        #agreement ul li ul,
        #privacy ul li ul
        { 
            margin-left: 10px; 
            margin-bottom: 10px;
        }
        
        #privacy ul li ul li,
        #agreement ul li ul li
        {
            margin-left: 10px;
            padding-left: 12px;
            background: url("../images/icons/red_diamond.gif") no-repeat center left;
            margin: 0; 
        }
        
        
        /* 세금계산서 폼 설정 */
        #customer.tax p,
        #customer.tax ul{ width: 500px; }
        #customer.tax label
        {
            width: 100px;
            background-image: url("../images/icons/bullet_blue.png");
            padding-left: 18px;
        }
        
        #customer.tax input{ width: 350px; }
        #customer.tax input.submit{ margin-left: 125px; }
        
    
        /* 세금 계산서 발행 구분 */
        #customer.tax_confirm h3
        {
            font-weight: bold;
            margin: 20px;
            font-size: 20px;
        }
    
        #customer.tax_confirm p
        {
            width: 600px;
            margin-left: 20px;
        }
        
        #customer.tax_confirm a.gotoinisys,
        #customer.tax_confirm a.gototax
        {
            display: block;
            width: 453px;
            height: 51px;
            background: url("../images/etc/gotoinisys.gif");
        }
        #customer.tax_confirm a.gototax
        {
            background-image: url("../images/etc/gototax.gif");
            margin-bottom: 50px;
        }
        
        
    /* 종합 검색 결과 */
    #search_ranking
    {
        float: left;
        width: 220px;
    }
    
    #search_ranking h2
    {
        border: 1px solid #ccbaba;
        width: 180px;
        height: 30px;
        background-color: #fafafa;
        font-size: 1em;
        font-weight: bold;
        text-align: center;
        line-height: 30px;
        margin: 10px auto 0 auto;
    }
    
    #search_ranking ul
    {
        border-left: 1px solid #ccbaba;
        border-right: 1px solid #ccbaba;
        border-bottom: 1px solid #ccbaba;
        width: 180px;
        margin: 0 auto;
        line-height: 24px;
        padding: 10px 0;
        text-indent: 15px;
    }
    #search_ranking ul a:hover
    {
        color: #d54640;
        text-decoration: underline;
    }
    
    
    /* 결제 결과 페이지 */
    #payment_result{ float: left; width: 100%; }
    #payment_result p.warning
    { 
        float: left;
        padding-top: 10px;
        margin: 0px 0px 10px 6px;
    }
    #payment_result p.warning a{ color: #286179; margin-left: 70px; }
    #payment_result p.warning a:hover{ text-decoration: underline; }
            
    #FooterWrap {
        clear: both;
        width: 100%;
        margin-top: 35px;
        padding-bottom: 20px;
        border-top: 2px solid #2e2e2e;
    }
    #footer
    {
        clear: both;
        width: 970px;
        margin:0 auto;
        font-weight: normal;
        color: black;
    }
    
        #footer_nav
        {
            height: 40px;
            margin:0 auto;
            text-align: center;
            border-bottom: 1px solid #e4e4e4;
        }
        
            #footer_nav li
            {
                text-align: center;
                display: inline-block;
                line-height: 30px;
                padding: 6px 22px;
                font-weight: bold;
                list-style: none;
                /*background: url("../images/bar_red.gif") no-repeat 0 14px;*/
            }
        .footer_wrap { overflow: hidden;width: 100%;padding: 22px 0;border-bottom: 1px solid #e4e4e4; }
        #footer_info { float: left; color: #999;width: 410px;border-right: 1px solid #e4e4e4;}
        

.ie body
{
    line-height: 16px;
}

.ie9 #special_container li.box img,
.ie9 #luxury_container li.box img
{
    display: block;
    margin: 1px auto;
    overflow: hidden;
    position: relative;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(0%,-19%);
    -ms-transform: translate(0%,-10%);
    transform: translate(0%,-10%);
}
.ie9 .thumbnail_img {
    position: relative;
    padding-top: 20%;
    overflow: hidden;
    width: 58%;
    margin: 1px 46px;
    display: inline-block;
}
.ie9 #grand_container li.box img
{
    display: block;
    margin: 1px auto;
    overflow: hidden;
    position: relative;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(0%,-19%);
    -ms-transform: translate(0%,-10%);
    transform: translate(0%,0%);
}   
.ie9 .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(0%,5%);
}

/* IE7 */
.ie7 div#login p.save_id{ margin-top: -65px; }
.ie7 div#login form input{ margin-left: -20px; }
.ie7 div#login form input[type="submit"]{ margin-left: 120px; margin-top: -37px; }
.ie7 div#login p.secure{ margin-top: -16px; }
.ie7 #content div.header_container{ width: 938px; margin: 0 auto; }
.ie7 new_resumes_container div.header_container, 
.ie7 #new_jobs_container div.header_container{ width: 700px; }
.ie7 #community_container .view_content .etc_footer,
.ie7 #new_jobs_container #map_title{ width: 680px; }
.ie7 #footer #footer_nav{ width: 970px; }
.ie7 div#service_intro p{ text-align: left; }
.ie7 div#service_intro p a{ margin-top: -18px; }
.ie7 div#login p.welcome a{ margin-top: -24px; }
.ie7 #map,
.ie7 #new_jobs_container #map_title{ width: 700px; }
.ie7 #new_jobs_container .view_content h4{ width: 696px; margin: 10px auto; }
.ie7 #new_jobs_container .view_content .etc_footer{ width: 733px; } 
.ie7 #pay_resumes ul #icon, 
.ie7 #pay_resumes ul #text, 
.ie7 #pay_jobs ul #icon, 
.ie7 #pay_jobs ul #text{ vertical-align: auto; }
.ie7 #company_photos .contents input{ margin: 0; }
.ie7 #register_images button{ margin-top: -22px; }
.ie7 #new_jobs_container .view_content div ul li span.company_name, 
.ie7 #new_jobs_container .view_content div ul li span.company_phone
{
    margin-top: -32px;
    margin-left: 100px;
}
/* IE6 */
.ie6 #header{ clear: both; }
.ie6 div#searchbar{ clear: both; }
.ie6 div#service_intro{ position: static; float: right; margin-top: -76px; margin-right: 10px; }
.ie6 div#searchbar p.notice a.more{ display: none; }
.ie6 div#login form{ margin-left: 5px; margin-right: 3px; }
.ie6 div#login form fieldset{ clear: both; }
.ie6 div#login p.save_id{ padding: 0; margin: 0; margin-top: -50px; margin-right: 5px; }
.ie6 div#login form input.login_btn
{
    background: url("../images/btn_login.gif");
    border: none;
    cursor: pointer;
    height: 21px;
    width: 51px;
}
.ie6 #content div.header_container a.search_keyword{ background: none; }
.ie6 #content div.header_container{ width: 938px; margin: 0 auto; }
.ie6 #special_container li.blank_box, 
.ie6 #special_container li.box,
.ie6 #luxury_container li.box,
.ie6 #luxury_container li.blank_box,
.ie6 #premium_container li.box, 
.ie6 #premium_container li.blank_box{ margin: 5px 6px; }
.ie6 #grand_container li.box,
.ie6 #grand_container li.blank_box{ margin: 5px; }
.ie6 #premium_container li.box .subject{ padding: 0; padding-top: 3px; }
.ie6 #new_jobs_container div.header_container,
.ie6 #premium_container div.header_container{ width: 700px; }
.ie6 div#service_intro p{ text-align: left; }
.ie6 div#service_intro p a{ margin-top: -18px; }
.ie6 div#login p.welcome a{ margin-top: -24px; }
.ie6 #sidebar{ padding: 0; }
.ie6 #footer #footer_nav{ width: 970px; }
.ie6 #community_menu, 
.ie6 #freelance_menu, 
.ie6 #advshop_menu, 
.ie6 #resumes_menu, 
.ie6 #jobs_menu, 
.ie6 #gain_menu, 
.ie6 #company_menu{ margin: 0; }
.ie6 #map,
.ie6 #new_jobs_container #map_title{ width: 700px; }
.ie6 #new_jobs_container .view_content h4{ width: 696px; margin: 10px auto; }
.ie6 #new_jobs_container .view_content .etc_footer{ width: 733px; } 
.ie6 #pay_resumes ul #icon, 
.ie6 #pay_resumes ul #text, 
.ie6 #pay_jobs ul #icon, 
.ie6 #pay_jobs ul #text{ vertical-align: auto; }
.ie6 #shop_box{ padding: 5px 0 15px 0; width: 938px; }
.ie6 #shop_box li.box{ margin: 10px 5px; padding: 0; padding-bottom: 5px; }

.ie6 p#global{ margin-right: 10px; margin-top: 10px; }
.ie6 #new_resumes_container div.header_container{ width: 700px; }
.ie6 #payment_history ul li.body span.date,
.ie6 #point_history ul li.body span.date,
.ie6 #company_photos .contents input{ margin: 0; }
.ie6 #preview_custom_photo div,
.ie6 #preview_custom_photo img{ margin: 0; padding: 0; }
.ie6 #company_photos .contents{ width: 500px; }
.ie6 #community_container .print{ margin: 6px; }
.ie6 #new_jobs_container .view_content div ul li span.company_name, 
.ie6 #new_jobs_container .view_content div ul li span.company_phone
{
    width:45%;
}


.ie input[type="text"]
{
    line-height: 1.8em;
}
div#google_translate_element {
    display: inline-block;
    position: absolute;
    right: 0;
    top:8px;
}
div#google_translate_element a span {
    display: inline-block;
}

.myButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color:#f9f9f9;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family:'NanumGothic', sans-serif;
    font-size:11px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    background-color:#e9e9e9;
}
.myButton:active {
    position:relative;
    top:1px;
} 

/*그누보드 css*/

#bo_w { width: 735px; display: inline-block;}

.resumes_table div.n_user_img,
.resumes_table td.n_userid,
.resumes_table td.n_area,
.resumes_table td.n_date,
.jobs_table td.n_shop,
.jobs_table td.n_shoparea,
.jobs_table div.n_shop_img,
.jobs_table td.n_date {
    text-align: center;
}
.jobs_table td.n_date.jlist_addr, .jobs_table td.n_date.career {
    text-align: center;
}
.resumes_table div.n_user_img,
.resumes_table th.logo,
.jobs_table div.n_shop_img,
.jobs_table th.logo {
    width: 51px;
}

.jobs_table td.n_shop,
.jobs_table th.shopname {
    width: 106px;
}
.resumes_table th.n_userid,
.resumes_table td.n_userid {
    width: 100px;
}
.advshop_table th.shopname,
#new_jobs_container td.adv_n_shop {
    width: 85px;
    padding-left: 20px;
}
#new_jobs_container td.adv_n_shop {
    font-weight: bold;
    color: #9a7c4d;
}

.resumes_table thead th,
.jobs_table thead th,
.notice_table thead th  {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid #979797;
}

.resumes_table thead th.area,
.jobs_table thead th.age {
    width:60px;
}
.resumes_table thead th.date,
.jobs_table thead th.area {
    width:85px;
}
.jobs_table thead th.area {
    width:70px;
}
.jobs_table td.td_subject {
    padding-left: 10px;
}
.resumes_table,
.jobs_table,
.notice_table {margin-bottom: 20px;}

tr.resumes_tr,
tr.jobs_tr,
tr.notice_tr {
    border-bottom: 1px solid #efefef;
    height: 33px;
}
tr.jobs_tr {
    height: 97px;
}
tr.resumes_tr {
    height: 46px;
}
p.main_jobkind input {
    margin:7px 3px 7px 9px;
}

div.community_wraper {
    width: 740px;
    clear: both;
    display: inline-block;
}
div.community_wraper ul li strong {
    font-weight: normal;
}
.lt_title p.notice,
.lt_title p.freeboard,
.lt_title p.faq,
.lt_title p.videos,
.lt_title p.farm,
.lt_title p.farminfo,
.lt_title p.naturemedi,
.lt_title p.readbook,
.lt_title p.used_market,
.lt_title p.humor {
    display: block;
    background: url("../images/medium_box_header/notice.gif");
    width: 360px;
    height: 43px;
} 
.lt_title p.faq {
    background: url("../images/medium_box_header/faq.gif");
}
.lt_title p.freeboard {
    background: url("../images/medium_box_header/freeboard.gif");
}
.lt_title p.videos {
    background: url("../images/medium_box_header/videos.gif");
}
.lt_title p.farminfo {
    background: url("../images/medium_box_header/return.gif");
}
.lt_title p.farm {
    background: url("../images/medium_box_header/agriculture.gif");
}
.lt_title p.naturemedi {
    background: url("../images/medium_box_header/naturedoc.gif");
}
.lt_title p.readbook {
    background: url("../images/medium_box_header/books.gif");
}
.lt_title p.used_market {
    background: url("../images/medium_box_header/used_market.gif");
}
.lt_title p.humor {
    background: url("../images/medium_box_header/humor.gif");
}

#fregisterform {
    width: 750px;
    display: inline-block;
}

#register_gain {
    background: url("../images/join/member_gain.png");
    width: 460px;
    height: 344px;
    margin-right: 30px
}

#register_company {
    background: url("../images/join/member_company.png");
    width: 460px;
    height: 344px;
}

td span.gain_inftext {
    color: #9b9b9b;
}
p.category { display: inline-block; }

header.video_subject, header.news_subject {
    background-color: #f7f7f7;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    padding: 10px;
    float: left;
    width: 739px;
}
#used_info {
    border-top: 1px dotted #d4d4d4;
    padding-top: 10px;
}
#bo_vc_w textarea {
    width: 88%;
    height: 48px;
}

#used_info p {
    float: right;
}
#used_info span.board_info {
    margin-right: 12px;
    font-size: 11px;
    color: #656565;
}
#used_info span.bold {
    font-weight: bold;
    width: 100px;
    text-align: left;
}
.comment_submit input {
    height: 55px;
}
.comment_submit {
    width:10%;
}
.comm_submit_btn {
    -moz-box-shadow: inset 0px 0px 7px 0px #5d6b91;
    -webkit-box-shadow: inset 0px 0px 7px 0px #5d6b91;
    box-shadow: inset 0px 0px 7px 0px #5d6b91;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #243f6e), color-stop(1, #153b69));
    background: -moz-linear-gradient(top, #243f6e 5%, #153b69 100%);
    background: -webkit-linear-gradient(top, #243f6e 5%, #153b69 100%);
    background: -o-linear-gradient(top, #243f6e 5%, #153b69 100%);
    background: -ms-linear-gradient(top, #243f6e 5%, #153b69 100%);
    background: linear-gradient(to bottom, #243f6e 5%, #153b69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#243f6e', endColorstr='#153b69',GradientType=0);
    background-color: #243f6e;
    border: 1px solid #383740;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: 'Jeju Gothic', sans-serif;
    font-size: 12px;
    padding: 21px 7px;
    text-decoration: none;
}
#bo_vc h2 {
    font-size: 12px;
}
div.jobs_table thead,
div.resumes_table thead {
    border-top: 1px solid #979797;
}
textarea.resumes_lisense,
textarea.adv_payinfo {
    width: 100%;
}
textarea.adv_payinfo {
    height: 200px;
}
#gnb2 ul { width: 970px; margin: 0 auto; }
#gnb2 ul li.notice_roll { float: right; }
#gnb2 ul li.notice_roll a { 
    background: url(../images/header_01/bg_notice.gif);
    background-repeat: no-repeat;
    width: 270px;
    background-position-y: 5px;
    height: 20px;
    margin-top: 4px;
    text-indent: 58px;
    letter-spacing: -1.5px;
    display: inline-block;
}
p.joinresult { 
    background: url('../images/join/join_r_header.gif');
    background-repeat: no-repeat;
    width:100%;
    height: 47px;
    margin-bottom: 30px;
}
p.jointhanks {
    background: url('../images/join/join_thanks.gif');
    background-repeat: no-repeat;
    width:206px;
    height: 152px;
    position: absolute;
}
h2.find_infoimg {
    background: url('../images/etc/find_infoimg.gif');
    background-repeat: no-repeat;
    width:600px;
    height: 47px;
}
#pay_jobs span.guide_spe {
    background: url('../images/guide/guide_img.gif');
    background-repeat: no-repeat;
    width:226px;
    height: 547px;
    float: left;
}
a.ing_guin p,
a.ing_guin_list p {
    display: inline-block;
    background-color: #feffd3;
    margin:0;
    /*font-weight: bold;*/
}
a.ing_guin span,
a.ing_guin_list span {
    background: url(../images/icons/emergency.gif) no-repeat;
    display: inline-block;
    width: 30px;
    height: 14px;
    vertical-align: inherit;
    margin-left: 5px;
}
tr.special_jobs span {
    background: url(../images/icons/icon_special.png) no-repeat !important;
    display: inline-block;
    width: 89px;
    height: 14px;
    vertical-align: inherit;
}
tr.chuchun_jobs span {
    background: url(../images/icons/icon_chuchun.png) no-repeat;
    display: inline-block;
    width: 89px;
    height: 14px;
    vertical-align: inherit;
}
tr.luxury_jobs span {
    background: url(../images/icons/icon_luxury.png) no-repeat;
    display: inline-block;
    width: 89px;
    height: 14px;
    vertical-align: inherit;
}
a.ing_guin_list p,
p.subject a.ing_guin_list {
    background: none;
    /*color:#a13bcc;*/
}
#jobs_list li p span.emergency {
    vertical-align: middle;
}
#jobs_list li.rec_content p span.ico_girl, #jobs_list li.rec_content p span.ico_man, #jobs_list li.rec_content p span.ico_not{
    background: url(../images/icons/ico_girl.png) no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: inherit;
    margin-left: 5px;
}
#jobs_list li.rec_content p span.ico_man {
    background: url(../images/icons/ico_man.png) no-repeat;
}
#jobs_list li.rec_content p span.ico_not {
    background: url(../images/icons/ico_not.png) no-repeat;
}
#new_resumes_container td.n_userid span.sex_color {
    color: #0f9ade;
}
p.area span.jobpay {
    color: #e54420;
}
#advshop_container .view_content div ul.advshop li.advshop_li_addr {
    width: 700px;
}
span.youryo {
    display: inline-block;
    padding: 12px 0 0 25px;
    color: blue;
}
.td_subject .sb_content p.jlist_shopname {
    display: block;
    color: #0075ab;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 0 8px 0;
}
/*div.jobs_table table tr.special_ad {
    background-color: #fcf6ff !important;
    border: 2px solid #a13bcc;
}*/

p.resumes_notice {
    color: red;
    padding: 0px 20px 10px 20px;
}
p.jump_knowhow {
    margin: 10px 0;
    color: #0852ff;
}
#company_container div p.modify a.oneclick_jump,
#company_container div p.modify a.modify_btn {
    color: #357ae8;
}
#company_container div p.modify a.modify_btn {
    margin-right: 5px;
    border: 1px solid #d4d4d4;
    padding: 7px 12px;
    background-color: white;
    color: black;
}
#company_container div p.modify a.md_remove_btn {
    border: 1px solid #d4d4d4;
    padding: 7px 12px;
    background-color: white;
    color: rgb(255, 4, 4);
}
#company_container div p.modify a.oneclick_jump {
    margin: 0 5px;
}
div.auto-size iframe {
    width: 690px;
    padding-right: 20px;
}
div#banking {
    width: 220px;
    display: inline-block;
    margin-left: 6px;
    margin-top: 0;
}
#sidebar #banking .contents {
    width: 218px;
}
#sidebar .contents p.bank_logo2 {
    margin: 5px;
    background: none;
    font-size: 14px;
}
#new_jobs_container.recommend_jobs ul li p.name { 
    display: block;
    height: 65px;
    width: 135px;
    line-height: 77px;
    color: black; 
    text-indent: 18px;
    overflow: hidden;
}
p.site_text {
    margin-top: 25px;
    font-size: 14px;
    color: #5e5e5e;
}
.viewcaution {
    border: 1px solid #d4d4d4;
    padding: 10px 20px;
    margin-top: 5px;
    background-color: #f8f8f8;
    font-size: 11px;
    line-height: 16px;
}
h4.shopimg_header {
    float:left;
}
p.addr_recog { color: red; margin-bottom: 8px; }

.tbl_frm01 th.license { background-color: #daffd1; }

#bo_w .frm_file.license { display: inline-block; }

span.Tit {
    color: #f60;
    position: relative;
    display: inline-block;
    line-height: 1.5;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid;
    border-radius: 10px;
    margin-right: 14px;
    width: 26px;
    text-align: center;
}
span.Tit.Tit2 {
    color: #39f;
}

#sidebanner { position:fixed; top:320px; left:50%; margin-left:552px; width:100px; height:115px; }
#sidebanner0 { position:fixed; top:320px; right:50%; margin-right:554px; width:100px; height:115px; }
div#footer_info p { padding-bottom: 3px; }
div#footer_info .companyname { font-weight: bold;padding-bottom: 8px;font-size: 13px;color: black; }
p.copyright { padding-top: 10px; }

.td_subject .sb_content p.jlist_type {
    display: inline-block;
    color: #9c9c9c;
    padding-top: 10px;
    width: 118px;
    font-size: 12px;
}
#new_jobs_container .view_content div ul li.companyinfo {
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 5px;
}
#new_jobs_container .view_content div ul li.hpp_warning {
    font-size: 12px;
    color: #ababab;
    width: 465px;
    padding-top: 10px;
}
#new_jobs_container .view_content div ul.guin_detail li {
    width: 233px;
}
#new_jobs_container .view_content div ul.guin_detail li.sextype {
    margin-left: 466px;
}
span.guinnum {
    font-size: 14px;
    color: #888888;
    display: inline-block;
    padding: 15px 0 0 25px;
}
span.registdate {
    float: right;
    padding-top: 15px;
}
span.kywd {
    margin-left: 28px;
    display: block;
    font-size: 14px;
    padding-bottom: 44px;
}

span.kywd em {
    color: #555555;
    font-style: normal;
    font-weight: bold;
    display: block;
    padding-bottom: 9px;
    font-size: 17px;
}
.hashtag { border:1px solid #d4d4d4; padding: 2px 5px; display:inline-block; border-radius: 5px; cursor: pointer; margin-bottom: 7px;}
.bk-color{ background-color: yellow; }

div#usedmarket_img a img {
    max-width: 765px;
}
span.addr_search {
    color: #4b00ff;
}
#jobs_list li.rec_content:nth-child(2n) {
    border-right: none;
}
.jobs_table td.n_date.career {
    text-indent: 0;
    line-height: 22px;
    text-align: center;
}

/* 무료광고 */
#free_jobs_container .header_container h2.recommended {
    background-image: url(../images/freejobs_header.gif);
    display: block;
    width: 153px;
    height: 36px;
    float: left;
}
#free_resumes_container h2 span, #free_jobs_container h2 span {
    display: none;
}
#free_container {
    float: left;
    width: 100%;
}
#free_container .float_container {
    float: left;
    width: 960px;
}
#free_jobs_container {
    float: left;
    width: 960px;
}
#free_jobs_container div.header_container {
    width: 960px;
    display: inline-block;
}
#free_jobs_container ul#free_jobs_list {
    border-top: 1px solid #989898;
    margin-top: 7px;
    border-bottom: 0;
}
#free_jobs_container ul li {
    border-bottom: 1px solid #dddddd;
    height: 20px;
    width: 462px;
    display: inline-block;
    border-right: 1px solid #bbbbbb;
    padding: 15px 0px 15px 15px;
}
#free_jobs_list li.rec_content:nth-child(2n) {
    border-right: none;
}
#free_jobs_container #free_jobs_list p {
    vertical-align: top;
}
#free_jobs_container ul li p.name {
    display: inline-block;
    width: 85px;
    height: 18px;
    color: black;
    font-weight: bold;
    overflow: hidden;
}
#free_jobs_list li p.subject {
    width: 190px;
    overflow: hidden;
    font-size: 12px;
    height: 16px;
    display: inline-block;
}
#free_jobs_container #free_jobs_list p.area {
    width: 77px;
    overflow: hidden;
    display: inline-block;
    margin-right: 8px;
}
#free_jobs_container #free_jobs_list p.recomm_pay {
    width: 52px;
    padding-right: 4px;
    display: inline-block;
}
div#map_title svg {
    vertical-align: middle;
}
.jobs_info_t {
    border: 1px solid #d3d3d3;
    background-color: #f4f9ff;
    border-radius: 3px;
    padding: 8px;
    color: #202020;
}
div#map_title\ advs_mt {
    padding: 17px 0px 10px 0;
}
#ol_after p.manage.managejobs_btn a {
    width: 116px;
    height: 18px;
    padding: 9px 2px;
    display: inline-block;
    text-decoration: none;
}
#ol_after p.manage.managejobs_btn {
    width: 246px;
    display: inline-block;
    clear: both;
    height: 35px;
    background-color: #f3f3f3;
    margin: 12px 0 0px 0px;
    padding: 0px;
    border-top: 1px solid #d6d6d6;
}
#ol_after p.manage.managejobs_btn a.mngbtn {
    border-right: 1px solid #c9c9c9;
}
p.state, p.state.company_state {
    margin-top: 8px;
}
#ol_after p.state, #ol_after p.state.company_state {
    padding: 0 6px 4px 8px;
}
#ol_after p.manage.managejobs_btn a svg {
    vertical-align: middle;
    margin: -2px 6px 0px 18px;
    float: left;
}
#ol_after_ft a.snsydbtn {
    background-color: #f9e332;
}
#ol_after_ft a.ydcomplete {
    background-color: white;
}
ul#gnb_1dul span {
    display: block;
    font-size: 16px;
    letter-spacing: -1px;
    font-family: Malgun Gothic,"\B9D1\C740 \ACE0\B515",dotum,"\B3CB\C6C0",arial,sans-serif;
    font-weight: 700;
}
div#kakaologin a span, div#naverlogin a span, div#gglogin a span {
    display: inline-block;
    width: 316px;
    height: 40px;
    background: url(../images/kkologinbt_pc.png);
    background-repeat: no-repeat;
    margin-bottom: 3px;
}
div#naverlogin a span {
    background: url(../images/loginbt_pc.png);
}
div#gglogin a span {
    background: url(../images/ggloginbt_pc.png);
}
span.sizegid {
    padding-top: 7px;
    display: block;
}
p.snslgn {
    font-size: 15px;
    margin-top: 16px;
    font-weight: bold;
}
.snsid_resume_pc {
    width: 438px;
    height: 72px;
    margin-top: 8px;
}
.snsid_resume_pc dl {
    width: 144px;
    float: left;
    text-align: left;
    margin: 0;
    padding: 0;
}
.snsid_resume_pc dl dt {
    width: 100%;
    background-color: #f7f7f7;
    height: 32px;
    border-top: 1px solid #d4d4d4;
    text-align: center;
}
.snsid_resume_pc dl dd {
    margin: 0;
    height: 37px;
    text-align: center;
}
#new_jobs_container .view_content div ul.guin_dt {
    width: 560px;
    padding: 8px 5px;
    height: 164px;
}
#new_jobs_container .view_content.resume_con dl dd img {
    padding: 0 2px 0 0;
}
input.frm_input.ktid {
    margin: 0;
}
.logtypebox p {
    border: 1px solid #d4d4d4;
    padding: 8px;
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
    color: black;
    background-color: white;
}
p.kkologbtn {
    background-color: #FFDE00;
}
p.kkologbtn img {
    padding-right: 5px;
}
#gnb span.hoticon {
    width: 33px;
    height: 19px;
    position: absolute;
    font-size: 0;
    top: 78px;
    left: 50%;
    margin-left: 44px;
    background: url(../images/icons/hoticon.gif) no-repeat 0 center;
}
.talk_addclass {
    margin-top: 6px;
}
#topButton {position: fixed; left: 50%; margin-left:525px; bottom: 50px; display: none; z-index: 999;}
/*안심번호*/
label.safehpp_txt {
    color: green;
    margin-left: 10px;
    font-weight: bold;
    vertical-align: text-top;
}
