@charset "utf-8";
/*****************************************************************
□ 회사명 : (주)하늘연소프트
□ 작업자 :
□ CSS명 : content.css
□ 최종 수정날짜 : 2011.11.01
□ 주제 : 콘텐츠 스타일 설정
□ 규칙 :
	1)
*****************************************************************/

@import url('content_info.css');      /* 채용, 인재정보 */
@import url('content_empspt.css');    /* 취업도우미 */
@import url('content_membersrv.css'); /* 개인, 기업회원서비스 */
@import url('content_global.css');    /* 고객센타, 회원가입, 사이트맵, 이용안내 */
@import url('content_etc.css');       /* 에러페이지, 통합검색리스트, 공지뉴스자료, 기타 */
@import url('content_partmain.css');  /* 메인 - 구직, 구인, 직업진로 */



/* ♤♤♤♤♤ 제목 및 불릿 ♤♤♤♤♤ */
#content h3, #main #content h4, #step h5 {position:relative; margin-bottom:10px; padding-left:18px; background:url(/images/common/bullet/bul_squ_blue.gif) no-repeat left top; font-family:"돋움",dotum; color:#333; font-size:14px;}
#content .useInfo_dtl h3 {padding-left:0; padding-top:13px; margin-bottom:14px; background:url(/images/useInfo/useWorknet/bg_h3.gif) 0 0 no-repeat; font-size:20px; font-family:NanumGothicBold}}
#content h4.bul_squ_blue {position:relative; margin-bottom:10px; padding-left:18px; background:url(/images/intern/common/bullet/bul_squ_blue.gif) 0 0 no-repeat; font-family:"돋움",dotum; color:#333; font-size:14px}
#content h3 span.btn {position:absolute; right:10px;}
#content h3.titimg {padding:0; background:none;}
#content h3.snrTit {font-size:30px; margin-bottom:20px; padding-bottom:16px; background:url(/images/common/bg_contitle.gif) 0 bottom no-repeat; padding-top:13px;}
#content h4 {clear:both; margin-bottom:6px; padding-left:13px; background:url(/images/common/bullet/bul_donut_blue.gif) no-repeat left 1px; color:#0075b0; font-size:12px;}
#content h4 input {width:12px; height:12px; position:relative; top:-2px}
#content .section {margin:0 0 20px 10px;}
#content .section p {line-height:1.5;}
/* 기업회원 맞춤 채용 정보요약 */
#content h3.personalInfo {position:relative; padding:15px 0 0 32px; margin:0; font-size:13px; background: url("/images/consltJobCarpa/psntitle_bg.gif") no-repeat left top; height:28px; font-weight:normal;}
#content h3.personalInfo span {position:absolute; right:11px; top:13px}
#content h3.personalInfo strong {color:#444444;}
/* 콘텐츠 강조효과 */
/* \롤백 대상/ */
#content strong.june {color:#ff6600;}
/* /롤백 대상\ */
#content strong.normal {font-weight:normal;}
#content strong.blue {color:#1469b3; font-weight:normal;}
#content strong.blue02 {color:#1469b3;}
#content span.blue {color:#1469b3; font-weight:normal; line-height:1.4;}/*1031*/
#content span.blueunder {text-decoration:underline; color:#1469b3; font-weight:normal;}
#content span.orange {color:#ff6600; font-weight:normal;}
#content span.under {color:#444; text-decoration:underline;}
#content b.orange {color:#ff6600;}
#content b.blue {color:#1469b3;}
#content p.explan {line-height:1.5;}
#content p.gray {line-height:1.5; color:#666;}
#content h3.print_tit {display:none; background:none; font-size:16px; text-align:center;}
.ext_test {display:block; padding-bottom:3px}
fieldset.comment_apply {padding:10px; border:1px solid #ddd; background:#f7f7f7;}
fieldset.comment_apply span {position:absolute; right:0; padding-right:10px; font-weight:normal;}
.comment {overflow:hidden; margin-top:20px; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.comment strong {float:left; width:80px; padding-right:25px; color:#666 !important; font-weight:normal;}
.comment p {float:left; width:430px; padding-right:40px;}
.comment p input {vertical-align:middle;}
.comment span {display:block; float:left; width:120px;}



/* ♤♤♤♤♤ 불릿&리스트 ♤♤♤♤♤ */
/* 기본형 */
ul.list_type {margin-bottom:10px;}
ul.list_type.line_h, .line_h {margin-bottom:10px; line-height:1.4;}
ul.list_type.line_h li {line-height:1.6; padding-bottom:10px;}
ul.line_h li {padding-bottom:10px;}
#content ul.list_type li {padding:0 0 5px 10px; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 6px; line-height:1.6;}
ul.list_type li span {color:#1469b3;}
ul.list_type li ul {margin-top:5px;}
ul.list_type li.notice {color:#1469B3}
ul.list_type.line_h ul {line-height:1.4;}
#content ul.list_type li ul li {margin-bottom:0; padding-left:10px; background:url(/images/common/bullet/bul_arr_blue.gif) no-repeat left 3px; color:#666;}
ul.list_type02 li {padding-left:10px; /* \롤백 대상/ */background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 6px;/* /롤백 대상\ */ line-height:1.5;}

/* 숫자리스트 */
ol.decimal {margin-bottom:20px;}
ol.decimal li {list-style:decimal; margin:0 0 0 20px; line-height:1.5;}
/* 단독형 */
#content p.bul_cir_blue {margin-bottom:10px; padding:0 0 5px 10px; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 3px;}
.bul_cir_blue {padding-left:10px; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 6px;}
p.reply {display:block; background:url(/images/common/bullet/bul_cir_blue02.gif) no-repeat left 3px; padding:0 0 3px 10px;}
#content ul.bul_squ_white li.bulno {margin-top:10px; text-align:right; background:none; color:#0075b0;}



/* ♤♤♤♤♤ 설명 박스 ♤♤♤♤♤ */
.top_infobox {background:url(/images/common/bg_infobox_top.gif) no-repeat left top; margin-bottom:20px; padding-top:12px;}
.top_infobox ul {position:relative; padding:8px 15px 20px; background:url(/images/common/bg_infobox_btm.gif) no-repeat left bottom;}
.top_infobox ul li {padding-left:20px; background:url(/images/common/bullet/bul_squ_white.gif) no-repeat left 2px; line-height:1.6;}
/* \롤백 대상/ */
.top_infobox ul li strong {color:#ff6600;vertical-align: baseline;}
/* /롤백 대상\ */
.top_infobox ul li span {color:#f35f54}
.top_infobox ul li ul {background:none; margin:0; padding:0 0 0 5px;}
.top_infobox ul li ul li {padding-left:10px; background:url(/images/common/bullet/bul_arr_blue.gif) no-repeat left 5px;}
.top_infobox ul li ol.decimal {margin:0;}
.top_infobox ul li ol.decimal li {padding:0; background:none;}
.top_infobox.w910 {background:url(/images/common/bg_infobox_top910.gif) no-repeat left top;}
.top_infobox.w910 ul {background:url(/images/common/bg_infobox_btm910.gif) no-repeat left bottom;}
/* 회색1 */
.graybox {position:relative; padding:15px; border:1px solid #ddd; background:#f7f7f7; line-height:1.4;}
.graybox img {vertical-align:top;}
.graybox img.mid {vertical-align:middle;}
.graybox p {line-height:1.5}
.graybox span.memin {position:relative; height:52px; padding:0 5px; display:inline-block;}
.graybox span.memin img {position:absolute; bottom:0; left:0;}
.graybox span.info {position:absolute; top:15px; right:15px;}
.graybox img.centertel {padding-left:15px;}
.graybox span.custcenterB {position:absolute; top:32px; right:20px;}
.graybox span.custcenterB a {margin-left:15px;}
#content .graybox strong span {color:#ff6600;}
.graybox ul.letspa li {text-indent:-15px; margin-left:10px;}
.graybox dl.coun {overflow:hidden;}
.graybox dl.coun dt {width:220px; float:left;}
.graybox dl.coun dd {width:430px; padding-left:10px; float:left;}
.graybox dl.coun dd ul {clear:both;}
/* \롤백 대상/ */
.graybox strong {color:#ff6600;}
/* /롤백 대상\ */

.graybox.chek {overflow:hidden; margin-bottom:20px;}
.graybox.chek label {float:left; width:132px; }

/* 회색2 */
.list_type_sub {margin-bottom:20px; padding:14px; border:1px solid #ddd; background:#f7f7f7;}
.list_type_sub li {padding:0 0 5px 10px; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 3px; line-height:1.4;}
/* 회색3 */
ul.list_type.ext {background:#f7f7f7; border:1px solid #ddd; padding:14px; margin-bottom:20px;}
ul.list_type.ext li {line-height:1.4; background-position:left 4px;}
/* 회색4 */
p.emp_certification {background:#f7f7f7; border:1px solid #ddd; margin:-10px 0 10px; padding:12px 12px 10px; line-height:1.6}
#content p.emp_certification strong {color:#0075b0;}


/* ♤♤♤♤♤ 테마별 직업진로 ♤♤♤♤♤ */
.themem h5.theme_title_01 {color: #1469B3; font-weight: normal; line-height: 1.4;}
.theme_con_01, .themen p, .themem .mb20 img {line-height: 1.5; margin-bottom:20px;}
.themem p.mb20 { margin-bottom:0 !important; line-height: 1.5;}
.themen p font {line-height:1.4; font-family:gulim,"굴림" !important; font-size:12px !important;}
.table_title_01 {margin:5px 0; font-weight:bold;}
.table_title_01 span {font-weight:normal; float:right;}
.al_text_right_a, .k_date {margin:5px 0; text-align:right;}
table.theme_table {border:none;}
table.theme_table thead th {background:#DEEBF5; border: 1px solid #AFC5E3; color: #1469B3; font-weight: bold; height: 26px;}
table.theme_table tbody td {color: #444444; padding:5px; border: 1px solid #DDDDDD;}
/* \롤백 대상/ */
/*span.jobname {display:block; text-align:right; margin-top:-23px; font-size:11px; font-family:"돋움", dotum, "굴림";}*/
h3 span.jobname {font-size:12px; font-weight:normal; font-family:"돋움", dotum, "굴림";}
/* /롤백 대상\ */
#content span.jobname strong {font-weight:bold; color:#444;}

/* ♤♤♤♤♤ 고령자 메뉴 ♤♤♤♤♤ */
div#container.senior #sidebar,
div#container.senior #content,
div#container.senior #content span#location,
div#container.senior span.tab_menu a, div#container.senior span.tab_menu strong, div#container.senior span.tab_menu02 a, div#container.senior span.tab_menu02 strong,
div#container.senior ul.tab_menu li * {font-size:13px; font-family:"굴림",gulim;}

div#container.senior ul.tab_menu li a, div#container.senior ul.tab_menu li strong {padding-top:8px; height:19px; letter-spacing:-2.5px;}
div#container.senior ul.tab_menu li a strong {margin-top:-8px;}
div#container.senior #sidebar ul a {padding-top:8px; height:21px;}
div#container.senior #sidebar ul li li {background-position:0 10px;}
div#container.senior #sidebar #fontCtrl {height:73px;}
div#container.senior #sidebar #fontCtrl a {float:left;}
div#container.senior #content span#location, div#container.senior .info_list tbody.form06 td, div#container.senior .info_list tbody.form05 th, div#container.senior .info_list thead th {letter-spacing:-1px;}
div#container.senior #content fieldset.seniorSrch {padding:18px 0 0 84px; height:45px;}
div#container.senior #content fieldset.seniorSrch * {float:left; display:inline;}
div#container.senior #content fieldset.seniorSrch label {padding:7px 11px 0 0;}
div#container.senior #content fieldset.seniorSrch span {background:url(/images/senior/bg_sniorSrch.gif) no-repeat; padding:8px 0 0 16px; height:24px;}
div#container.senior #content fieldset.seniorSrch span input {border:none; font-size:13px; background:none;}

div#container.senior #content fieldset.seniorSrch2 {padding:15px 0 0 15px; height:150px; background:url(/images/senior/bg_bigbox.gif) no-repeat;}
div#container.senior #content fieldset.seniorSrch2 dl {padding:16px 0 0 20px; width:645px; height:66px; background:url(/images/senior/bg_sbox.gif) no-repeat;}
div#container.senior #content fieldset.seniorSrch2 dl dt, div#container.senior #content fieldset.seniorSrch2 dl dd {float:left; display:inline; margin-bottom:6px;}
div#container.senior #content fieldset.seniorSrch2 dl dt {padding-top:3px; width:59px;}
div#container.senior #content fieldset.seniorSrch2 dl dd {width:565px;}
div#container.senior #content fieldset.seniorSrch2 dl dd span {display:inline-block; padding:5px 0 0 14px; height:20px; background:url(/images/senior/bg_srcharea.gif) no-repeat;}
div#container.senior #content fieldset.seniorSrch2 dl dd input {border:none; font-size:13px; color:#999; background:none;}
div#container.senior #content fieldset.seniorSrch2 dl dd img {position:static;}
div#container.senior #content fieldset.seniorSrch2 .btn {margin-top:14px; text-align:center;}

div#container.senior #content .seniorfav {margin:20px 0; padding-bottom:9px; background:url(/images/senior/bg_graybox.gif) no-repeat left bottom; *zoom:1;}
div#container.senior #content .seniorfav:after {content:""; display:block; clear:both;}
div#container.senior #content .seniorfav ul {margin-left:2px;}
div#container.senior #content .seniorfav ul li {float:left; margin:0 0 3px 10px; padding:5px 0 0 15px; width:145px; height:20px;  background:url(/images/senior/bg_li.gif) no-repeat left top;}
div#container.senior #content .seniorfav ul li a {text-decoration:underline; font-weight:bold;}
div#container.senior #content .seniorfav ul li a:hover {color:#1469b3;}
div#container.senior #content .seniorban img {float:left;}

p.documentOpt {position:relative; background:url(/images/common/bg_viewer.gif) right top no-repeat; text-align:right; padding:4px 5px 0 95px; height:21px; width:150px;}
p.documentOpt strong {position:absolute; top:0; left:0; height:19px; padding:6px 0 0 7px; background:url(/images/common/bg_viewer02.gif) left top no-repeat;}
p.documentOpt * {margin:0;}
div#container.senior #content .seniorban img {float:left;}

/* ♤♤♤♤♤ 고교계열 흥미검사 ♤♤♤♤♤ */
.knowBox {margin-bottom:20px; padding-top:10px; width:695px; background:url(/images/consltJobCarpa/high/boxT2.gif) no-repeat left top;}
.knowBox .knowBoxIn {background:url(/images/consltJobCarpa/high/boxB2.gif) no-repeat left bottom;}
.knowBox .knowBoxIn .knowBoxCon {padding:15px 40px 20px 210px; min-height:115px;/*height:115px;*/}
.knowBox .knowBoxIn .science {background:url(/images/consltJobCarpa/high/bgScience.gif) no-repeat 10px top;}
.knowBox .knowBoxIn .liberal {background:url(/images/consltJobCarpa/high/bgLiberal.gif) no-repeat 10px top;}
.knowBox .knowBoxIn .art {background:url(/images/consltJobCarpa/high/bgArt.gif) no-repeat 10px top;}
#examResult ul.interestRst {position:relative; background:url(/images/consltJobCarpa/high/bg_interest.gif) no-repeat; height:3px; padding:229px 0 0 20px; margin:10px 0 30px;}
#examResult ul.interestRst li {position:relative; float:left; display:inline; padding:0; width:50px; height:14px; margin-left:41px; text-align:center;}
#examResult ul.interestRst li span {position:absolute; bottom:25px; left:50%; width:30px; margin-left:-15px; background:#32ccfe; text-indent:-5000px;}

#examResult ul.interestRst {position:relative; background:url(/images/consltJobCarpa/high/bg_interest.gif) no-repeat; height:3px; padding:188px 0 0 20px; margin:10px 0 30px;}
#examResult ul.interestRst li {position:relative; float:left; display:inline; padding:0; width:50px; height:14px; margin-left:41px; text-align:center;}
#examResult ul.interestRst li span {position:absolute; bottom:25px; left:50%; width:30px; margin-left:-15px; background:#32ccfe; text-indent:-5000px;}
	#examResult ul.interestRst.school {padding-left:0;}
	#examResult ul.interestRst.school li {width:80px; margin:0 55px 0 80px;}
	#examResult ul.interestRst.school li span {left:0; margin:0; width:80px; background:#b9de51;}
#examResult ul.interestRst li.average {position:absolute; left:0; margin:0; width:auto; color:#ff0000; font-size:11px; line-height:0.9;}
#examResult ul.interestRst li.average span {bottom:3px; left:0; margin-left:27px; width:653px; border-top:1px solid red; background:none;}

p.documentOpt {position:relative; background:url(/images/common/bg_viewer.gif) right top no-repeat; text-align:right; padding:4px 5px 0 95px; height:21px; width:150px;}
p.documentOpt strong {position:absolute; top:0; left:0; height:19px; padding:6px 0 0 7px; background:url(/images/common/bg_viewer02.gif) left top no-repeat;}
p.documentOpt * {margin:0;}

/* 공통 직업정보 상세 인쇄팝업 이미지 css (13.12.17. 추가) */
.newJobimg {width:400px; float:left; display:inline; margin-right:20px; text-align:left}
.newJobimg img {width:400px}