@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 직업. 학과검색 */
.search-area {width:450px;margin:0 auto 40px;font-family:'Noto Sans KR';}
.search-area .title-srch-job {padding:59px 0 18px 158px;margin:22px 0 0;font-size:24px;color:#19387c;letter-spacing:-1px;}
.search-area .title-srch-job.icon-job {background:url(../../images/front/job/searchJobMajor/bg_srchJob_character1.png) no-repeat 13px 0;}
.search-area .title-srch-job.icon-major {background:url(../../images/front/job/searchJobMajor/bg_srchJob_character2.png) no-repeat 31px 15px;}
.search-area .title-srch-job.fc-orange {color:#e96110;}
.search-area .insert-srch-job {width:100%;height:45px;}
.search-area .input-srch-job {float:left;display:block;width:393px;height:37px;line-height:37px;border:2px solid #3057b5;border-radius:20px 0 0 20px;text-indent:20px;font-size:16px;vertical-align:middle;font-family:'Noto Sans KR';}
.search-area .input-srch-job::placeholder {color:#a2a2a2;}
.search-area .btn-srch-job {float:left;display:inline-block;width:50px;height:45px;background:url(../../images/front/job/searchJobMajor/btn_srchJob_search.png) no-repeat 0 0;text-indent:-999999px;vertical-align:middle;}
.tab-srch-job {display:table;width:100%;height:40px;margin:0 0 30px;}
.tab-srch-job li {display:table-cell;text-align:center;}
.tab-srch-job li a {display:block;height:38px;line-height:38px;padding:0 25px;margin:0 0 0 10px;border:1px solid #cfcfcf;border-radius:18px;background:#fff;text-align:center;color:#555;font-size:15px;font-family:'Noto Sans KR';}
.tab-srch-job li:first-child a {margin-left:0;}
.tab-srch-job li a .num {color:#3057b5;}
.tab-srch-job li a.selected {border-color:#3057b5;background:#3057b5;color:#fff;font-weight:500;}
.tab-srch-job li a.selected .num {color:#fff;}
.tab-srch-job li a.disabled {border-color:#cfcfcf;background:#f5f5f5;color:#979797;cursor:default;}
.tab-srch-job li a.disabled .num {color:#979797;}

.srch-result-job {width:100%;margin:0 0 40px;border-bottom:1px solid #cecece;}
.list-sort-type {width:100%;margin:0 0 15px;text-align:right;}
.list-sort-type input[type=radio] {width:17px;height:17px;opacity:0;}
.list-sort-type label:before {content:'';display:inline-block;width:17px;height:17px;margin:0 5px 0 0;background:url(../../images/front/job/searchJobMajor/img_srchJob_radio.png) no-repeat 0 top;vertical-align:bottom;}
.list-sort-type label {display:inline-block;line-height:17px;font-size:12px;color:#666;font-family:'Noto Sans KR';}
.list-sort-type input[type=radio]:checked + label:before {margin-top:-1px;background-position:0 bottom;}
.list-sort-type input[type=radio]:checked + label {margin-top:-1px;color:#3057b5;font-weight:500;}
.list-sort-type input[type=radio]:focus + label:before {margin-top:-1px;border:1px dotted #666;}
.list-sort-type input[type=radio]:focus + label {margin-top:-1px;}

.job-category-wrap {padding:15px 0 20px;border-top:2px solid #5a5d65;}
.job-category-wrap .title-category {margin:0 0 30px;font-size:20px;color:#000;font-weight:600;font-family:'Noto Sans KR';letter-spacing:-1px;}
.job-category-wrap .title-category .num {color:#3057b5;font-size:15px;}
.result-job-list {width:100%;}
.result-job-list:after {content:'';display:block;clear:both;}
.result-job-list li {float:left;width:310px;margin:0 25px 20px 0;}
.result-job-list li:nth-child(3n+0) {margin-right:0;}
.result-job-list li a {display:block;overflow:hidden;width:308px;border:1px solid #ccc;border-radius:8px;}
.result-job-list .title-wrap {display:block;position:relative;height:49px;padding:0 0 0 15px;border-bottom:1px solid #ccc;border-radius:8px 8px 0 0;background:#f9f9f9;font-size:16px;color:#3057b5;font-weight:500;letter-spacing:-1px;font-family:'Noto Sans KR';}
.result-job-list .title-wrap strong {display:block;width:230px;height:49px;line-height:49px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.result-job-list .title-wrap .icon-area {position:absolute;right:13px;top:15px;text-align:right;}
.result-job-list .title-wrap img + img {margin-left:7px;}
.result-job-list .title-wrap .cate-type {line-height:17px;padding:0 7px;border:1px solid #afafaf;border-radius:3px;background:#fff;font-weight:400;letter-spacing:0;font-size:12px;color:#666;}
.result-job-list .title-wrap .univType {display:inline-block;height:25px;line-height:25px;padding:0 6px;margin:0 6px 0 0;border-radius:3px;background:#339fba;font-size:12px;color:#fff;vertical-align:middle;font-weight:300;}
.result-job-list .title-wrap .univType.type1 {background:#339fba;}
.result-job-list .title-wrap .univType.type2 {background:#2f81d8;}
.result-job-list .title-wrap .univType +  strong {display:inline-block;width:160px;}
.result-job-list .cont {display:block;height:127px;padding:14px 15px 23px;line-height:20px;font-family:'Noto Sans KR'; position:relative;}
.result-job-list .cont .desc {display:-webkit-box;height:98px;overflow:hidden;line-height:20px;margin-bottom:3px;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-align:justify;font-weight:400;}
.result-job-list .cont .desc .group {display:block;overflow:hidden;margin:0 0 8px;font-size:14px;white-space:nowrap;text-overflow:ellipsis;font-weight:500;}

.result-job-list .cont .count {display:block;width:100%;margin:0;text-align:right;font-weight:300;letter-spacing:-0.5px; position:absolute; bottom:0; right:0; padding:16px 16px 16px 0; background:#fff;}
.result-job-list .cont .count em {display:inline-block;vertical-align:middle;}
.result-job-list .cont .count em + em:before {content:'|';display:inline-block;margin:0 9px 0 7px;color:#cecece;vertical-align:top;font-size:11px;}

.result-job-list li a:hover {width:306px;height:212px;border:2px solid #3057b5;
    box-shadow: 0px 0px 5px 1px rgba(117,117,117,0.15);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(117,117,117,0.15);
    -moz-box-shadow: 0px 0px 5px 1px rgba(117,117,117,0.15);
}
.result-job-list li a:hover .title-wrap {height:48px;padding-left:14px;}
.result-job-list li a:hover .title-wrap strong {height:48px;line-height:47px;}
.result-job-list li a:hover .title-wrap .icon-area {right:12px;top:14px;}
.result-job-list li a:hover .univType {margin-top:-1px;}
.result-job-list li a:hover .cont {padding-left:14px;padding-right:14px;}
.result-job-list li a:hover .cont .desc {text-decoration:underline;}

.result-job-list.pic-list .cont {height:85px;padding-top:20px;padding-bottom:20px;}
.result-job-list.pic-list .cont .pic {float:left;display:block;width:116px;height:83px;overflow:hidden;border:1px solid #efefef;background:#eee;}
.result-job-list.pic-list .cont .pic img {width:100%;height:100%;}
.result-job-list.pic-list .desc {float:left;width:145px;height:60px;margin-left:15px;-webkit-line-clamp:3;letter-spacing:-0.5px;}
.result-job-list.pic-list .count {display:inline-block;width:145px;margin:0 0 0 15px;letter-spacing:-1px;}
.result-job-list.pic-list li a:hover {height:173px}

.result-job-list.etc-list li {width:224px;}
.result-job-list.etc-list li a {width:222px;}
.result-job-list.etc-list li a:hover {width:220px;height:161px}
.result-job-list.etc-list .cont {height:77px;padding-top:15px;padding-bottom:21px;}
.result-job-list.etc-list .title-wrap strong {width:200px;}
.result-job-list.etc-list .desc {height:80px;-webkit-line-clamp:4;}
.result-job-list.etc-list li:nth-child(4n) {margin-right:0 !important;}
.result-job-list.etc-list li:nth-child(3n+0) {margin-right: 25px;}

.srch-banner {display:inline-block;height:30px;line-height:30px;padding:19px 20px 19px 93px;border:1px dashed #cecece;border-radius:3px;font-size:16px;color:#3d3d3d;font-weight:600;font-family:'Noto Sans KR';letter-spacing:-1px;}
.srch-banner strong {color:#e96110;}
.srch-banner .btn-go-srch {display:inline-block;height:30px;line-height:30px;padding:0 15px;margin:0 0 0 10px;border-radius:13px;background:#3057b5;color:#fff;font-size:14px;vertical-align:top;}
.srch-banner .btn-go-srch span:after {display:inline-block;content:'>';margin:0 0 0 7px;font-size:13px;}
.srch-banner.major {background:url(../../images/front/job/searchJobMajor/bg_banner_major.png) no-repeat 3px 7px;}
.srch-banner.job {background:url(../../images/front/job/searchJobMajor/bg_banner_job.png) no-repeat 5px 6px;}
.btn-srch-goTop {position:absolute;bottom:17px;right:0;}

.srch-job-intro {width:100%;margin:0 0 40px;border-bottom:1px solid #cecece;}
.srch-job-intro .txt-intro {margin:0 0 36px;font-size:24px;color:#000;text-align:center;font-family:'Noto Sans KR';letter-spacing:-1px;}
.srch-job-intro .srch-mn-list {display:table;width:100%;margin:0 0 40px;}
.srch-job-intro .srch-mn-list:after {content:'';display:block;clear:both;}
.srch-job-intro .srch-mn-list li {display:table-cell;float:left;}
.srch-job-intro .srch-mn-list li a {display:block;width:228px;height:37px;overflow:hidden;padding:131px 0 0;border:1px solid #ccc;border-radius:7px;margin:0 0 0 20px;text-align:center;font-size:18px;font-weight:500;color:#333;font-family:'Noto Sans KR';letter-spacing:-1px;}
.srch-job-intro .srch-mn-list li a:hover {width:224px;height:33px;padding-top:129px;border:3px solid #3057b5;background-color:#f9fcff !important;color:#3057b5;}
.srch-job-intro .srch-mn-list li a.srch-mnbg01 {width:310px;background:url(../../images/front/job/searchJobMajor/bg_srchJob_menu01.png) no-repeat center 29px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg01:hover {width:306px;background-position:center 27px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg02 {background:url(../../images/front/job/searchJobMajor/bg_srchJob_menu02.png) no-repeat center 29px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg02:hover {background-position:center 27px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg03 {width:310px;background:url(../../images/front/job/searchJobMajor/bg_srchJob_menu03.png) no-repeat center 27px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg03:hover {width:306px;background-position:center 25px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg04 {width:310px;background:url(../../images/front/job/searchJobMajor/bg_srchJob_menu04.png) no-repeat center 29px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg04:hover {width:306px;background-position:center 27px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg05 {background:url(../../images/front/job/searchJobMajor/bg_srchJob_menu05.png) no-repeat center 33px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg05:hover {background-position:center 31px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg06 {background:url(../../images/front/job/searchJobMajor/bg_srchJob_menu06.png) no-repeat center 28px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg06:hover {background-position:center 26px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg07 {background:url(../../images/front/job/searchJobMajor/bg_srchJob_menu07.png) no-repeat center 25px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg07:hover {background-position:center 23px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg08 {background:url(../../images/front/job/searchJobMajor/bg_srchJob_menu08.png) no-repeat center 28px;}
.srch-job-intro .srch-mn-list li a.srch-mnbg08:hover {background-position:center 26px;}
.srch-job-intro .srch-mn-list li:first-child a {margin-left:0;}
.srch-job-intro .srch-mn-list li:nth-child(5n+0) a {margin-left:0;}
.srch-job-intro .txt-intro2 {padding:74px 0 77px;background:url(../../images/front/job/searchJobMajor/bg_srchJob_plus.png) no-repeat center 0;text-align:center;font-size:20px;color:#666;font-family:'Noto Sans KR';letter-spacing:-1px;font-weight:400;}
.srch-job-intro .txt-intro2 strong {color:#e96110;font-weight:500;}

.srch-job-nodate {padding:0 0 40px;margin:0 0 40px;border-bottom:1px solid #ccc;}
.srch-job-nodate .cmnt {padding:134px 0 40px;border:1px solid #ccc;background:url(../../images/front/job/searchJobMajor/bg_srchJob_nodata.png) no-repeat center 40px #f9f9f9;text-align:center;font-size:16px;color:#666;font-family:'Noto Sans KR';}
.srch-job-nodate strong {display:block;margin:9px 0 0;font-size:20px;font-weight:500;}
.srch-job-nodate .btn-group {margin:30px 0 0;}
.srch-job-nodate .btn-group a {display:inline-block;height:40px;line-height:40px;padding:0 19px;margin:0 6px;border:1px solid #3057b5;border-radius:20px;background:#fff;text-align:center;color:#3057b5;font-weight:500;font-family:'Noto Sans KR';font-size:15px;}
.srch-job-nodate .btn-group .btn-blue {background:#3057b5;color:#fff;}


/* 컨텐츠 태그 */
.content-tag {position:relative; height:auto; padding:20px 0 17px;margin:0 0 30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.content-tag dt {line-height:30px;padding:0 0 0 25px;margin:0 13px 0 0;background:url(../../images/front/icon/ico_tag.png) no-repeat 0 50%;color:#737776;vertical-align:middle;font-size:12px;font-weight:500;}
.content-tag .tagLink {position:initial; margin: -24px 0 0 60px;}
.content-tag .tagLink a {display:inline-block;height:28px;line-height:28px;padding:0 10px;margin: 0 0 5px 5px;border:1px solid #ccc;border-radius:3px;font-weight:500;}
.content-tag .tagLink a:first-child {margin-left:0;}
.content-tag .tagLink a:hover {color: #0193a4;border:1px solid #0193a4;}
.major-tag .content-tag {margin-top:50px;margin-bottom:0;}
.movie-tag .content-tag {margin-top:50px;margin-bottom:0;}
.interview-tag .content-tag {margin-top:50px;margin-bottom:0;}

/* 탭 */
#TabMenu{clear:both;margin-top:33px;border-left:solid 1px #ccc; background:url(../../images/front/icon/line_02.gif) repeat-x left bottom;}
#TabMenu ul{overflow:hidden;width:100%}
#TabMenu li{float:left;text-align:center}
#TabMenu li a{display:block;height:25px;margin-left:-1px;padding:13px 0 0;border:solid 1px #ccc;border-bottom:solid 1px #ccc;background:#eceeef;font-size:14px;font-family:'Dotum';color:#2e5079}
#TabMenu li a:hover{border:1px solid #ccc;border-bottom:1px solid #fff;background:#fff;font-weight:bold;color:#666;color:#ff500f}
#TabMenu li a.on{border:1px solid #ccc;border-bottom:1px solid #fff;background:#fff;font-weight:bold;color:#666;color:#ff500f}

/* 탭 : 스크립트없음 */
#TabMenu2{margin-top:33px;border-left:solid 1px #ccc}
#TabMenu2 ul{overflow:hidden;width:100%}
#TabMenu2 li{float:left;text-align:center}
#TabMenu2 li a{display:block;height:25px;margin-left:-1px;padding:13px 0 0;border:solid 1px #ccc;border-bottom:solid 1px #ccc;background:#eceeef;font-size:14px;font-family:'Dotum';color:#2e5079}
#TabMenu2 li a:hover{border:1px solid #ccc;border-bottom:1px solid #fff;background:#fff;font-weight:bold;color:#666;color:#ff500f}
#TabMenu2 li a.on{border:1px solid #ccc;border-bottom:1px solid #fff;background:#fff;font-weight:bold;color:#666;color:#ff500f}
#TabMenu2 .data_grow_tab li a{padding:13px 3px 0;font-size:12px}

li.junior01{width:12%}
li.junior02{width:12%}
li.junior03{width:12%}
li.junior04{width:12%}
li.junior05{width:13%}
li.junior06{width:13%}
li.junior07{width:13%}
li.junior08{width:13%;margin-left:-1px}

li.juniorInfo01{width:11%}
li.juniorInfo02{width:11%}
li.juniorInfo03{width:11%}
li.juniorInfo04{width:11%}
li.juniorInfo05{width:11%}
li.juniorInfo06{width:11%}
li.juniorInfo07{width:11%}
li.juniorInfo08{width:11%;}
li.juniorInfo09{width:12%;}

li.job_tab1{width:25%;}
li.job_tab2{width:25%}
li.job_tab3{width:25%}
li.job_tab4{width:25%/* margin-left:-1px; */}

li.job_view_tab1{width:20%}
li.job_view_tab2{width:20%}
li.job_view_tab3{width:20%}
li.job_view_tab4{width:20%;}
li.job_view_tab5{width:20%;margin-left:-1px}
li.job_view_tab6{width:20%;}
li.job_view_tab7{width:20%;}

li.woman00{width:15%}
li.woman01{width:15%}
li.woman02{width:14%}
li.woman03{width:14%}
li.woman04{width:14%}
li.woman05{width:14%}
li.woman06{width:14%}

li.university01{width:50%}
li.university02{width:50%;/*margin-left:-1px*/}

li.university011{width:33%}
li.university012{width:33%;}
li.university013{width:34%; margin-left:-1px}

li.highschool01{width:50%}
li.highschool02{width:50%;margin-left:-1px}

li.university0101{width:25%}
li.university0201{width:25%}
li.university0301{width:25%}
li.university0401{width:25%; margin-left:-1px}

li.data_thema_tab1{width:8%}
li.data_thema_tab2{width:8%}
li.data_thema_tab3{width:8%}
li.data_thema_tab4{width:8%}
li.data_thema_tab5{width:8%}
li.data_thema_tab6{width:8%}
li.data_thema_tab7{width:8%}
li.data_thema_tab8{width:8%}
li.data_thema_tab9{width:7%}
li.data_thema_tab10{width:7%}
li.data_thema_tab11{width:7%}
li.data_thema_tab12{width:8%}
li.data_thema_tab13{width:7%;margin-left:-1px}

li.data_series_tab1{width:14%}
li.data_series_tab2{width:14%}
li.data_series_tab3{width:14%}
li.data_series_tab4{width:14%}
li.data_series_tab5{width:14%}
li.data_series_tab6{width:14%}
li.data_series_tab7{width:16%;margin-left:-2px}

li.search01{width:10%}
li.search02{width:10%}
li.search03{width:10%}
li.search04{width:10%}
li.search05{width:10%}
li.search06{width:10%}
li.search07{width:10%}
li.search08{width:10%}
li.search09{width:10%}
li.search10{width:10%;margin-left:-1px}
li.search11{width:10%}
#TabMenu.searchTab li a{height:21px;padding:13px 3px 0;font-size:12px}

.tabCont{overflow:hidden;clear:both;padding:20px 14px 8px;border:solid 1px #b6c1cd;border-top:0}
.tabCont ul{display:inline-block;overflow:hidden}
.tabCont li{float:left;padding:1px 10px 12px;background:url(../../images/front/icon/line_01.gif) no-repeat left 1px}
.tabCont li.first{background:none}
.tabCont li a{color:#666}
.tabCont li a:hover{color:#ff500f;text-decoration:underline}
.tabJuniorCont{overflow:hidden;clear:both;padding:40px 0 0 20px}

li.data_grow_tab1{width:13%}
li.data_grow_tab2{width:14%}
li.data_grow_tab3{width:8%}
li.data_grow_tab4{width:7%}
li.data_grow_tab5{width:8%}
li.data_grow_tab6{width:7%}
li.data_grow_tab7{width:7%}
li.data_grow_tab8{width:8%}
li.data_grow_tab9{width:10%}
li.data_grow_tab10{width:5%}
li.data_grow_tab11{width:6%}
li.data_grow_tab12{width:7%;margin-left:-1px}

/* 직업사전 */
.searchword{height:40px;margin-top:20px;padding:0;background:url(../../images/front/contents/job/search_box.gif) no-repeat left top}
.searchword label{visibility:hidden;font-size:0 !important;color:#fff !important;display:inline;}
.searchword label.show{visibility:visible;font-size:12px !important;color:#666 !important}
.searchword .input_txt{width:281px;height:12px;margin:5px;padding:9px 12px;border:0;background:url(../../images/front/contents/job/search_box_txt.gif) no-repeat 12px 10px}
.searchword .input_txt2{width:281px;height:12px;margin:5px;padding:9px 12px;border:0;background:url(../../images/front/contents/job/search_box_txt2.gif) no-repeat 12px 10px}
.searchword .input_txt3{width:281px;height:12px;margin:5px;padding:9px 12px;border:0;background:url(../../images/front/contents/job/search_box_txt3.gif) no-repeat 12px 10px}
.searchword .input_txt4{width:281px;height:12px;margin:5px;padding:9px 12px;border:0;background:url(../../images/front/contents/examen/search_box_txt1.gif) no-repeat 12px 10px}
.searchword .input_txt5{width:281px;height:12px;margin:5px;padding:9px 12px;border:0;background:url(../../images/front/contents/job/search_box_txt5.gif) no-repeat 12px 10px}

.searchword .text_focus{width:281px;height:12px;margin:5px;padding:9px 12px;border:0;background:#fff}
.searchword_btn{margin-left:5px}

/* 직업분류 : tab */
.job_part {overflow:hidden;clear:both;padding:20px 14px 8px;border:solid 1px #b6c1cd;border-top:0;}
.job_part ul{float:left;width:100%;margin:0 0 0 18px}
.job_part li{float:left;width:33%;padding:2px 0 10px}
.job_part li label{padding-left:8px;font-size:12px;color:#666}

/* 조건검색 : tab */
.job_item{overflow:hidden;clear:both;padding:20px 14px 8px;border:solid 1px #b6c1cd;border-top:0;background:url(../../images/front/common/line_dote.gif) repeat-x left 45px}
.job_item_fl{overflow:hidden;width:100%;margin-left:18px;margin-bottom:10px}
.job_item_fl li{float:left;position:relative;width:25%;padding-top:2px}
.job_item_fl li.first{/*float:left;width:25%*/}
.job_item_fl li li{width:100%;height:16px;padding-bottom:5px}
.job_item_fl li p{padding:0 0 27px}
.job_item_fl li p strong{font-size:12px;color:#5e80a8}
.job_item_fl li label{margin-left:7px;font-size:12px;color:#666}
.job_item_fl2{position:relative;width:100%;margin-left:18px;margin-bottom:10px}
.job_item_fl2 li{float:left;width:20%;padding-top:2px}
.job_item_fl2 li.first{float:left;width:20%}
.job_item_fl2 li li{width:100%;height:16px;padding-bottom:5px}
.job_item_fl2 li p{padding:0 0 27px;position:relative;}
.job_item_fl2 li p strong{font-size:12px;color:#5e80a8}
.job_item_fl2 li label{margin-left:7px;font-size:12px;color:#666}
.job_item_fl3{overflow:hidden;width:100%;margin-top:20px; margin-left:18px;margin-bottom:10px}
.job_item_fl3 li{width:100%;padding-top:2px}
.job_item_fl3 li p{padding:0 0 27px;position:relative;}
.job_item_fl3 li p strong{font-size:12px;color:#5e80a8}
.job_item_fl3 li label{margin-left:7px;font-size:12px;color:#666}
.job_item_fl3 li ul li {float: left;width:100px;height:16px;padding-bottom:5px}
.search_line {clear:both;width:100%;height:1px;background-color: #ccc;}
.icon_star01{display:inline-block;width:52px;height:16px;padding-left:75px;padding-top:5px;background:url(../../images/front/contents/job/search_value_star01.gif) no-repeat left top}
.icon_star02{display:inline-block;width:52px;height:16px;padding-left:75px;padding-top:5px;background:url(../../images/front/contents/job/search_value_star02.gif) no-repeat left top}
.icon_star03{display:inline-block;width:52px;height:16px;padding-left:75px;padding-top:5px;background:url(../../images/front/contents/job/search_value_star03.gif) no-repeat left top}
.icon_star04{display:inline-block;width:52px;height:16px;padding-left:75px;padding-top:5px;background:url(../../images/front/contents/job/search_value_star04.gif) no-repeat left top}

.tooltip {/*position:relative;*/}
.tooltip img {vertical-align:top}
.tooltip strong {position:absolute; left:-10000em; top:-30px;}
.tooltip:hover strong {display:block; position:absolute; left:0; top:20px; border:solid 1px #eee; background:#f8f8f8; padding:8px; font-size:12px; line-height:130%; color:#666; width:200px; font-weight:normal;z-index:101}


/* 적성유형별 : tab */
.job_type{overflow:hidden;clear:both;border:solid 1px #b6c1cd;border-top:0}
.job_type .type1{overflow:hidden;margin:8px 0 0 -15px;padding:20px 14px 30px;background:url(../../images/front/common/line_dote.gif) repeat-x left bottom}
.job_type .type1 a{display:inline-block;margin-left:9px}
.job_type .type1.middle a{margin-left:18px}
.job_type_fl{overflow:hidden;margin-top:20px;margin-left:25px}
.job_type_fl li{float:left;width:33%;width:213px;height:11px;margin:1px;padding:5px 4px 4px}
.job_type_fl li.check{background:#f63}
.job_type_fl li p{padding:0 0 27px}
.job_type_fl li p strong{font-size:12px;color:#5e80a8}
.job_type_fl li label{margin-left:7px;font-size:12px;color:#666}
.job_type_fl li.check label{font-weight:bold;color:#fff}
.icon_check{display:inline-block;height:16px;padding:7px 0 0 22px;background:url(../../images/front/icon/icon_01.gif) no-repeat left 4px;font-size:12px;color:#5e80a8;vertical-align:middle}
.job_type_check_list{clear:both;margin:15px 20px;padding:10px 27px;background:#fffdee}
.job_type_check_list dl{overflow:hidden;width:845px;padding:5px 0}
.job_type_check_list dt{float:left;width:105px;padding-top:1px;font-size:12px;font-weight:bold;color:#555}
.job_type_check_list dd{float:left;width:740px;padding-top:1px;color:#555}

.job_type_check_list dl.iframe{overflow:hidden;width:100%;padding:5px 0}
.job_type_check_list dt.iframe{float:left;width:105px;padding-top:1px;font-size:12px;font-weight:bold;color:#555}
.job_type_check_list dd.iframe{float:left;width:554px;padding-top:1px;color:#555}
.tit_re_para {padding: 12px 0 8px 0;}

.type_layer{overflow:hidden;position:absolute;left:23px; /*top:187px;*/ top:292px; z-index:10; width:888px;height:181px; padding:28px 25px; background:#f5f6f7; z-index:100}
.type_layer .fl{float:left;width:440px}
.type_layer .fr{float:left;width:440px}
.type_layer .fr span{width:320px}
.type_layer li{display:table;overflow:hidden;height:30px;padding:3px 0}
.type_layer li img{float:left;vertical-align:middle}
.type_layer span{display:table-cell;float:left;width:334px;height:24px;padding-left:9px;padding-top:6px;font-size:12px;line-height:130%;color:#666;text-align:left;vertical-align:middle}
.type_layer span.txt2{padding-top:0}

.type_layer2 {overflow:hidden; position:absolute;left:0; top:30px; z-index:10; width:940px; height:202px; background:url(../../images/front/contents/job/layer_box.gif) no-repeat left top; }
.type_layer2 .layerTit {float:left; width:235px; padding-top:142px; text-align:center; background:url(../../images/front/contents/job/layer_icon1.gif) no-repeat 84px 59px; font-family:'NanumGothicWeb'; color:#336699; font-size:14px;}
.type_layer2 .fl {float:left; width:209px; padding:38px 13px 0 13px; text-align:left}
.type_layer2 .fl strong {display:block; background:url(../../images/front/contents/job/layer_tit.gif) no-repeat left top; width:205px; height:24px; padding:7px 0 0 10px; font-size:12px; font-weight:bold;}
.type_layer2 .fl p {padding-top:13px; font-size:12px; line-height:140%; color:#666;}

.tip_01{margin-right:8px;padding:1px 16px 0 0;background:url(../../images/front/icon/icon_tip.gif) no-repeat right top;font-size:12px;color:#5e80a8;vertical-align:middle}
.search_btn{clear:both;padding:10px 14px 10px 0;text-align:right}
.search_btn .line_left{display:inline-block;height:11px;margin-left:25px;padding-left:20px;border-left:solid 1px #b6c1cd;vertical-align:middle}
.tip_01{color:#5e80a8;vertical-align:middle}
.tip_01:hover {text-decoration:underline !important;}
.search_wrap_foot{height:3px;background:url(../../images/front/contents/job/search_box_bg.gif) repeat-x left -1px}

.jobdicType_icon_1{display:inline-block;width:70px;height:71px;background:url(../../images/front/contents/job/jobdicType_icon_1.gif) no-repeat left top}
.jobdicType_icon_1:hover{background:url(../../images/front/contents/job/jobdicType_icon_1_on.gif)}
.jobdicType_icon_1.on{background:url(../../images/front/contents/job/jobdicType_icon_1_on.gif)}
.jobdicType_icon_1 img{visibility:hidden;overflow:hidden;height:0 !important;font-size:0 !important;line-height:0 !important;color:#fff !important}
.jobdicType_icon_2{display:inline-block;width:70px;height:71px;background:url(../../images/front/contents/job/jobdicType_icon_2.gif) no-repeat left top}
.jobdicType_icon_2:hover{background:url(../../images/front/contents/job/jobdicType_icon_2_on.gif)}
.jobdicType_icon_2.on{background:url(../../images/front/contents/job/jobdicType_icon_2_on.gif)}
.jobdicType_icon_2 img{visibility:hidden;overflow:hidden;height:0 !important;font-size:0 !important;line-height:0 !important;color:#fff !important}
.jobdicType_icon_3{display:inline-block;width:70px;height:71px;background:url(../../images/front/contents/job/jobdicType_icon_3.gif) no-repeat left top}
.jobdicType_icon_3:hover{background:url(../../images/front/contents/job/jobdicType_icon_3_on.gif)}
.jobdicType_icon_3.on{background:url(../../images/front/contents/job/jobdicType_icon_3_on.gif)}
.jobdicType_icon_3 img{visibility:hidden;overflow:hidden;height:0 !important;font-size:0 !important;line-height:0 !important;color:#fff !important}
.jobdicType_icon_4{display:inline-block;width:70px;height:71px;background:url(../../images/front/contents/job/jobdicType_icon_4.gif) no-repeat left top}
.jobdicType_icon_4:hover{background:url(../../images/front/contents/job/jobdicType_icon_4_on.gif)}
.jobdicType_icon_4.on{background:url(../../images/front/contents/job/jobdicType_icon_4_on.gif)}
.jobdicType_icon_4 img{visibility:hidden;overflow:hidden;height:0 !important;font-size:0 !important;line-height:0 !important;color:#fff !important}
.jobdicType_icon_5{display:inline-block;width:70px;height:71px;background:url(../../images/front/contents/job/jobdicType_icon_5.gif) no-repeat left top}
.jobdicType_icon_5:hover{background:url(../../images/front/contents/job/jobdicType_icon_5_on.gif)}
.jobdicType_icon_5.on{background:url(../../images/front/contents/job/jobdicType_icon_5_on.gif)}
.jobdicType_icon_5 img{visibility:hidden;overflow:hidden;height:0 !important;font-size:0 !important;line-height:0 !important;color:#fff !important}
.jobdicType_icon_6{display:inline-block;width:70px;height:71px;background:url(../../images/front/contents/job/jobdicType_icon_6.gif) no-repeat left top}
.jobdicType_icon_6:hover{background:url(../../images/front/contents/job/jobdicType_icon_6_on.gif)}
.jobdicType_icon_6.on{background:url(../../images/front/contents/job/jobdicType_icon_6_on.gif)}
.jobdicType_icon_6 img{visibility:hidden;overflow:hidden;height:0 !important;font-size:0 !important;line-height:0 !important;color:#fff !important}
.jobdicType_icon_7{display:inline-block;width:70px;height:71px;background:url(../../images/front/contents/job/jobdicType_icon_7.gif) no-repeat left top}
.jobdicType_icon_7:hover{background:url(../../images/front/contents/job/jobdicType_icon_7_on.gif)}
.jobdicType_icon_7.on{background:url(../../images/front/contents/job/jobdicType_icon_7_on.gif)}
.jobdicType_icon_7 img{visibility:hidden;overflow:hidden;height:0 !important;font-size:0 !important;line-height:0 !important;color:#fff !important}
.jobdicType_icon_8{display:inline-block;width:70px;height:71px;background:url(../../images/front/contents/job/jobdicType_icon_8.gif) no-repeat left top}
.jobdicType_icon_8:hover{background:url(../../images/front/contents/job/jobdicType_icon_8_on.gif)}
.jobdicType_icon_8.on{background:url(../../images/front/contents/job/jobdicType_icon_8_on.gif)}
.jobdicType_icon_8 img{visibility:hidden;overflow:hidden;height:0 !important;font-size:0 !important;line-height:0 !important;color:#fff !important}
.jobdicType_icon_9{display:inline-block;width:70px;height:71px;background:url(../../images/front/contents/job/jobdicType_icon_9.gif) no-repeat left top}
.jobdicType_icon_9:hover{background:url(../../images/front/contents/job/jobdicType_icon_9_on.gif)}
.jobdicType_icon_9.on{background:url(../../images/front/contents/job/jobdicType_icon_9_on.gif)}
.jobdicType_icon_9 img{visibility:hidden;overflow:hidden;height:0 !important;font-size:0 !important;line-height:0 !important;color:#fff !important}
.jobdicType_icon_10{display:inline-block;width:70px;height:71px;background:url(../../images/front/contents/job/jobdicType_icon_10.gif) no-repeat left top}
.jobdicType_icon_10:hover{background:url(../../images/front/contents/job/jobdicType_icon_10_on.gif)}
.jobdicType_icon_10.on{background:url(../../images/front/contents/job/jobdicType_icon_10_on.gif)}
.jobdicType_icon_10 img{visibility:hidden;overflow:hidden;height:0 !important;font-size:0 !important;line-height:0 !important;color:#fff !important}
.jobdicType_icon_11{display:inline-block;width:70px;height:71px;background:url(../../images/front/contents/job/jobdicType_icon_11.gif) no-repeat left top}
.jobdicType_icon_11:hover{background:url(../../images/front/contents/job/jobdicType_icon_11_on.gif)}
.jobdicType_icon_11.on{background:url(../../images/front/contents/job/jobdicType_icon_11_on.gif)}
.jobdicType_icon_11 img{visibility:hidden;overflow:hidden;height:0 !important;font-size:0 !important;line-height:0 !important;color:#fff !important}
.jobdicType_icon_31{display:inline-block;width:70px;height:71px;background:url(../../images/front/contents/job/jobdicType_icon_31.gif) no-repeat left top}
.jobdicType_icon_31:hover{background:url(../../images/front/contents/job/jobdicType_icon_31_on.gif)}
.jobdicType_icon_31.on{background:url(../../images/front/contents/job/jobdicType_icon_31_on.gif)}
.jobdicType_icon_31 img{visibility:hidden;overflow:hidden;height:0 !important;font-size:0 !important;line-height:0 !important;color:#fff !important}


/* 게시판 상단 정보 */
.result_list_info{overflow:hidden;margin-top:38px;padding-top:8px;padding-bottom:7px}
.result_list_info strong{color:#ff3c00}
.result_list_info em{font-weight:bold}
.select_right{position:relative; width:145px; float:right; margin-top:-30px;background:none}
.select_right02{padding:5px 0;text-align:right; min-height:18px; position:relative;}
.select_right03{float:right;margin-top:-20px}
.select_right04 {position:relative; float:right; margin-top:-30px;background:none}
.select_right05 {width:190px;}
.list_type{display:inline-block; position:absolute; top:0; right:0; border:solid 1px #b6c1cd;line-height:0; vertical-align:middle; }
.list_type img{margin:0;padding:0;font-size:0;line-height:0;color:#fff;}
.list_type .icon_gallery{display:inline-block;width:21px;height:21px;background:url(../../images/front/contents/noti/icon_board_gallery.gif) no-repeat left top}
.list_type .icon_gallery.on{display:inline-block;width:21px;height:21px;background:url(../../images/front/contents/noti/icon_board_gallery_on.gif) no-repeat left top}
.list_type .icon_list{display:inline-block;width:21px;height:21px;background:url(../../images/front/contents/noti/icon_board_list.gif) no-repeat left top}
.list_type .icon_list.on{display:inline-block;width:21px;height:21px;background:url(../../images/front/contents/noti/icon_board_list_on.gif) no-repeat left top}

.list_align{display:inline-block;margin-right:1px;padding:7px 0 6px;background:#eef1f4;vertical-align:middle}
.list_align a{padding:0 9px;font-size:12px;color:#596c83}
.list_align a.line{border-left:solid 1px #b6c1cd}
.list_align a.on{background:none;font-weight:bold}

/* 검색 결과 리스트 */
.search_result_list{margin-top:5px;border-top:solid 1px #b6c1cd}
.result_list_head{padding:15px 0 14px 15px;background:#eef1f4; text-align:right;}
.result_list_head:after {clear:both; content:""; display:block;}
.result_list_head strong{display:inline-block;font-weight:bold;font-size:14px;color:#333333;vertical-align:middle; float:left; cursor:pointer;}
.result_list_head strong a:hover{text-decoration:underline}
.result_list_head strong img {padding:0 0 0 4px;}
.result_list_head span{margin-top:2px;padding:1px 8px 0 9px;border-left:solid 1px #b6c1cd;font-weight:normal;font-size:11px;line-height:100%;color:#6782a1}
.result_list_head span.first{padding-left:16px;border-left:0}
.result_list_head span em{font-style:normal;font-weight:bold;color:#666666;font-size:11px;}
.result_list_head img{display:inline-block;margin-top:-1px;vertical-align:middle}
.result_list_body{display:table;overflow:hidden;width:100%;padding:13px 0 24px 0;border-bottom:dotted 1px #b6c1cd;font-size:12px;line-height:150%;color:#666}
.result_list_body a{display:block;padding-left:15px; color:#666666}
.result_list_body .alike{display:inline-block;padding:2px 35px 0 83px;font-size:11px;line-height:150%;color:#536f90;}
.result_list_body .alike em{display:inline-block;width:70px;margin-left:-83px;padding-left:15px;padding-top:1px;font-style:normal;font-weight:bold;color:#536f90; }
.result_list_body .alike em.small{width:45px}
.result_list_body .alike a{display:inline;color:#536f90}
.result_list_body a{font-size:12px;line-height:150%;color:#666}
.result_list_body a:hover{text-decoration:underline}

/* 통합검색 */
.search_word{overflow:hidden;width:100%;padding:10px 0 18px;border-bottom:dotted 1px #b6c1cd}
.search_word li{float:left;padding:0 7px 0 8px;background:url(../../images/front/common/t_r_link_line.gif) no-repeat left top}
.search_word li.first{padding-left:15px;background:url(../../images/front/icon/icon_search02.gif) no-repeat left top}
.search_word li a{font-size:12px;color:#666}
.search_word li a:hover{font-size:12px;color:#ff500f;text-decoration:underline}
.search_h2{padding:45px 0 8px;font-size:18px;font-family:'NanumGothicBoldWeb';color:#333}
.search_h2 span{font-size:12px;font-weight:bold;font-family:Dotum,'돋움';color:#ff3c00}
.search_list_type{float:right;margin-top:-17px}
.search_list_type li{float:left;padding:0 7px 0 8px;background:url(../../images/front/common/t_r_link_line.gif) no-repeat left top}
.search_list_type li.first{padding-left:15px;background:none}
.search_list_type li a{font-size:11px;color:#75788d}
.search_list_type li a:hover{font-size:11px;color:#333;text-decoration:underline}
.menu_link{clear:both;padding:15px 15px 12px;border-top:solid 1px #b6c1cd;border-bottom:dotted 1px #b6c1cd;background:#f8f9fa}
.menu_link li{padding:5px 18px;background:url(../../images/front/icon/icon_point03.gif) no-repeat left 3px}
.menu_link li strong{display:inline-block;width:103px;background:url(../../images/front/contents/mycareer/search_link_strong.gif) no-repeat right 2px;font-weight:bold;color:#044444}
.menu_link li a{margin:0 5px;color:#666;text-decoration:underline}
.menu_link li a:hover{color:#ff500f}
.menu_link_ul{padding:10px 0}
.menu_link_ul li{padding:5px 18px}
.menu_link_ul li strong{display:inline-block;font-weight:bold;color:#044444}
.menu_link_ul li a{margin:0 5px; color:#666; line-height:24px; text-decoration:underline}
.menu_link_ul li a:hover{color:#ff500f}
.menu_link_ul li a.moreAc {display:inline-block;padding-right:11px; line-height:100%; background:url(../../images/front/icon/icon_allow07.gif) no-repeat right 1px;font-weight:bold;color:#ff500f;text-decoration:underline;}
.btn_search_more{display:inline-block;padding-right:11px;background:url(../../images/front/icon/icon_allow07.gif) no-repeat right 1px;font-weight:bold;color:#ff500f;text-decoration:underline}
.movimg{display:inline-block;float:left;position:relative;width:140px;vertical-align:middle}
.movimg .photo{z-index:1;width:110px;height:75px}
.movimg em{display:block;position:absolute;top:55px;left:0;z-index:10;width:104px;height:14px;padding:7px 0 0 6px;background:url(../../images/front/contents/web/time_bg.png) repeat left top;font-size:11px;color:#fff}
.movimg .btn_play{float:right;z-index:100;margin-top:-18px;margin-right:5px}
.movtxt{display:table !important;float:right;width:780px;height:75px}
.movtxt a{display:table-cell !important;height:100%;vertical-align:middle}


/* 직업사전 상세 */
.util{float:right;margin-top:-20px}
.util li{float:left;padding:6px 8px 0;background:url(../../images/front/common/t_r_link_line.gif) no-repeat left 7px}
.util li.first{padding:6px 8px 0;background:0}

.util li .t_r_link01{display:inline-block;padding:2px 0 2px 22px; background:url(../../images/front/icon/t_r_link01.gif) no-repeat left top;font-size:11px;color:#666}
.util li .t_r_link01_on{display:inline-block;padding:4px 0 0 22px;background:url(../../images/front/icon/t_r_link01_on.gif) no-repeat left top;font-size:11px;color:#666}
/* .util li .t_r_link02{display:inline-block;padding:4px 0 0 19px;background:url(../../images/front/icon/t_r_link02.gif) no-repeat left top;font-size:11px;color:#666} */
.util li .t_r_link03{display:inline-block;padding: 2px 0 2px 16px;background:url(../../images/front/icon/t_r_link03.gif) no-repeat left top;font-size:11px;color:#666}

.util li.sns{position:relative;padding:0 8px 0 0;background:0}
.util li.sns .snsLink{overflow:hidden;display:none;position:absolute;top:0;left:0;margin:0;padding:0;width:90px;height:auto;border:solid 1px #b5c2cb;background:#fff;z-index:11}
.util li.sns .snsLink a {display:block;padding: 2px 0 2px 5px;font-size:11px;color:#666;background-color:#fff}
.util li.sns .snsLink a:first-child {padding:0 0 2px 0;}

.job_dic_info{overflow:hidden;margin-top:17px;border:solid 1px #b6c1cd}
.job_dic_info .job_location{padding:11px 15px 10px;font-size:12px;color:#3f5063}
.job_dic_info li{float:left;width:33.333%;height:11px;margin-left:-1px;padding:10px 0 8px;border-top:/*solid 1px #b6c1cd*/ none;border-left:solid 1px #b6c1cd;background:#edeef0}
.job_dic_info li span{display:inline-block;padding-left:40px;font-size:12px;color:#3f5063}
.job_dic_info li.payment{background:#edeef0 url(../../images/front/icon/icon_card.gif) no-repeat 15px 10px}
.job_dic_info li.prospect{background:#edeef0 url(../../images/front/icon/icon_graph.gif) no-repeat 15px 10px}
.job_dic_info li.possibility{margin-left:-2px;background:#edeef0 url(../../images/front/icon/icon_upgrade.gif) no-repeat 15px 10px}
.job_dic_info li.equality{margin-left:0; background:#edeef0 url(../../images/front/icon/icon_people.gif) no-repeat 15px 10px}

.job_dic_info li.class1{width:50%;margin-left:-1px;background:#edeef0 url(../../images/front/icon/icon_graph02.gif) no-repeat 15px 7px}
.job_dic_info li.class2{width:50%;margin-left:-1px;background:#edeef0 url(../../images/front/icon/icon_money.gif) no-repeat 15px 5px}

.worker_photo{overflow:hidden;width:926px;margin:0 -15px;padding:16px 0 24px 14px;border-bottom:dotted 1px #c5ced8;background:#fbfbfb}
.worker_photo .word_h3{padding-top:0;background-position:left 4px}
.worker_photo .photo_layer{position:absolute;top:840px;left:50%;width:600px;height:378px;margin:0 0 0 -300px;padding-top:72px;background:#f4f6f6;text-align:center}
.worker_photo .photo_layer .btn_photo_pre{display:inline-block;float:left;margin:132px 0 0 40px}
.worker_photo .photo_layer .btn_photo_next{float:right;margin:132px 40px 0 0}

/* 탭 하위 컨텐츠 */
.tab_contents{padding:17px 15px 29px}
.tab_contents *{line-height:150%}
.word_h3{padding:29px 0 10px 16px;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left 32px;font-size:14px;font-weight:bold;color:#3f5063}
.word_h4{padding:10px 0 7px 16px;font-size:12px;font-weight:bold;color:#666}

.word_txt{padding:0 0 0 16px;font-size:12px;line-height:160%;color:#666}
.word_txt2{padding:0 0 0 16px;font-size:12px;line-height:160%;color:#666}

.word_table{width:100%;border-top:solid 1px #b6c1cd;border-bottom:solid 1px #b6c1cd}
.word_table th{padding:8px 0 5px;border-top:solid 1px #e0e5e9;background:url(../../images/front/icon/line_01.gif) no-repeat right 10px;font-size:12px;color:#666}
.word_table td{min-height:11px;padding:8px 17px 5px;border-top:solid 1px #e0e5e9;font-size:12px;color:#666}
.word_table .first th,.word_table .first td{border:0}

.word_part{display:inline-block;overflow:hidden;clear:both;height:30px;margin-bottom:3px;background:url(../../images/front/contents/job/job_view_text_bg1.gif) no-repeat left top}
.word_part dt{float:left;width:140px;height:23px;padding:7px 20px 0 16px;background:url(../../images/front/contents/job/job_view_text_bg3.gif) no-repeat right top;font-weight:bold;color:#fff}
.word_part dd{float:left;width:250px;height:23px;padding:7px 20px 0 10px;background:url(../../images/front/contents/job/job_view_text_bg2.gif) no-repeat right top;font-size:12px;color:#666;white-space:nowrap;}

/* 주니어 직업정보 */
.title_dec_junior{height:40px;margin-top:24px;padding-left:59px;padding-top:5px;background:url(../../images/front/contents/job/junior_img01.gif) no-repeat 9px top;line-height:140%;font-size:13px;font-family:'NanumGothicWeb';color:#333}

.box_st01{position:relative;border:solid 1px #e1e7ee;border-right-color:#ccd4db;border-bottom:0}
.box_st01 .conner01{display:inline-block;position:absolute;top:-1px;left:-1px;width:5px;height:5px;background:url(../../images/front/contents/job/box_r_left_top.gif) no-repeat left top}
.box_st01 .conner02{display:inline-block;position:absolute;top:-1px;right:-1px;width:5px;height:5px;background:url(../../images/front/contents/job/box_r_right_top.gif) no-repeat left top}
.box_st01 .conner03{display:inline-block;position:absolute;left:-1px;bottom:0;width:5px;height:5px;background:url(../../images/front/contents/job/box_r_left_bottom.gif) no-repeat left top}
.box_st01 .conner04{display:inline-block;position:absolute;right:-1px;bottom:0;width:5px;height:5px;background:url(../../images/front/contents/job/box_r_right_bottom.gif) no-repeat left top}
.box_st01 .foot{clear:both;height:4px;background:url(../../images/front/contents/job/box_foot_bg.gif) repeat-x left bottom}
.job_junior_info{overflow:hidden;position:relative;padding-left:134px;border-right:solid 1px #fafafa;background:url(../../images/front/contents/job/box_left_bg.gif) repeat-y left top}
.job_junior_info>.job_img{display:inline-block;float:left;margin-top:1px}
.job_junior_info .job_word_list{display:inline-block;position:absolute;top:50%;left:1px;width:111px;margin-top:-27px;font-size:36px;font-family:'NanumGothicWeb';font-weight:600;color:#2e5079;text-align:center}
.job_junior_info .job_word_list_en{display:inline-block;position:absolute;top:50%;left:1px;width:111px;margin-top:-23px;font-size:30px;font-family:'NanumGothicWeb';font-weight:800;color:#2e5079;text-align:center}
.job_junior_info>a{display: inline-block;height: 126px;position: absolute;width: 126px;left: 0;}




.job_junior_info dl{float:left;width:95%;margin:24px 20px 20px 0;}
.job_junior_info dt{font-size:14px;font-weight:bold;color:#333}
.job_junior_info dd{display:block;overflow:hidden;padding-top:6px;font-size:12px;color:#666;text-overflow:ellipsis;-o-text-overow:ellipsis;-moz-binding:url(/ellipsis-xbl.xml#ellipsis);letter-spacing:-0.05em;}
.job_junior_info dd a{line-height:140%;}
.job_list{float:left;width:98%;padding:20px 20px 20px 0}
.job_list ul{width:100%}
.job_list li{float:left;height:14px;padding:5px 10px;background:url(../../images/front/icon/line_01.gif) no-repeat left 7px}
.job_list li.first{background:none}
.job_list li a{font-size:14px;color:#666}
.job_list li a:hover{color:#ff500f;text-decoration:underline}

.job_junior_list{overflow:hidden;margin-left:-20px;}
.job_junior_list:after {content:'';display:block;clear:both;}
.job_junior_list li{float:left;width:48%;height:130px;padding-left:3%;padding-bottom:15px;}
.job_junior_list li.first {padding-left:0;}
.job_junior_list02 li{overflow:hidden;padding-bottom:15px}

/* 주니어 직업정보 상세 */
.junior_view_box{overflow:hidden;margin-top:27px;background:#f9f9f9 url(../../images/front/contents/job/box_job_view.gif) repeat-x left bottom}
.junior_view_box .fl{float:left;width:150px;padding-bottom:2px;text-align:center}
.junior_view_box .fr{float:left !important;width:77%;padding:27px 0 0}
.junior_view_box .fr dt{padding-bottom:24px;font-size:16px;font-weight:bold;color:#3f5063}
.junior_view_box .fr dd{padding-right:20px;font-size:12px;line-height:150%;color:#3f5063}
.junior_view_box .fr dd p{line-height:150%;color:#666}

.junior_view_cont{overflow:hidden;padding:31px 15px 25px;border-bottom:dotted 1px #d2d8de}
.junior_view_cont h3{padding-bottom:24px;font-size:14px;font-weight:bold;color:#3f5063}
.junior_view_cont p{font-size:12px;line-height:150%;color:#666}
.junior_view_cont .tip{padding-top:10px;font-size:12px;line-height:150%;color:#536f90}
.junior_view_cont .tip strong{font-size:12px;font-weight:bold;color:#536f90;}
.junior_view_cont .tip .strong2{font-size:12px;font-weight:bold;color:#ff500f}
.junior_view_cont.noLine{padding-bottom:10px;border-bottom:0}
.junior_view_cont .tip a:hover{text-decoration:underline;}
.photo_list li{float:left;width:96px;height:96px;margin-left:16px;background:url(../../images/front/contents/job/job_view_photo_noimg.gif) no-repeat left top}
.photo_list li img{display:inline-block;width:96px;height:96px}
.photo_list li a {cursor:default}

/* .photo_list li a:hover img{margin:-3px; border:solid 3px #f63 } */
.photo_list li.first{margin-left:0}

/* 분야별 직업정보 */
.title_dec_part{height:40px;margin-top:24px;padding-left:59px;padding-top:5px;background:url(../../images/front/contents/job/junior_img02.gif) no-repeat 9px top;line-height:140%;font-size:13px;font-family:'NanumGothicWeb';color:#333}
.title_dec_part02{height:40px;margin-top:24px;padding-left:59px;background:url(../../images/front/contents/job/junior_img03.gif) no-repeat 9px top;line-height:140%;font-size:13px;font-family:'NanumGothicWeb';color:#333}
.title_dec_part03{height:40px;margin-top:24px;padding-left:59px;background:url(../../images/front/contents/job/junior_img03.gif) no-repeat 9px top;line-height:140%;font-size:13px;font-family:'NanumGothicWeb';color:#333}
.title_dec_part04{height:40px;margin-top:24px;padding-left:59px;background:url(../../images/front/contents/job/junior_img04.gif) no-repeat 9px top;line-height:140%;font-size:13px;font-family:'NanumGothicWeb';color:#333}
.title_dec_part05{height:40px;margin-top:24px;padding-left:59px;background:url(../../images/front/contents/job/junior_img04.gif) no-repeat 9px top;line-height:140%;font-size:13px;font-family:'NanumGothicWeb';color:#333}

.job_part_search{height:43px;margin-top:25px;padding:12px 10px 8px 14px;border:solid 1px #b6c1cd;background:url(../../images/front/contents/job/job_part_info_sear_bg.gif) repeat-x left top}
.job_part_search p{float:left;padding-right:0;padding-top:12px;font-size:12px;color:#4b6795}
.job_part_search p.fr{padding-top:0}
.job_part_search .input_txt{width:275px;height:26px;padding:10px 0 0 5px;border:solid 1px #ced9de;border-right:0}
.job_part_search label{visibility:hidden;overflow:hidden;height:0 !important;font-size:0 !important;line-height:0 !important;color:#fff !important}

.job_part_list li{overflow:hidden;padding:5px 15px 14px 0;border-bottom:dotted 1px #d2d8de}
.job_part_list li .year_img{float:left;width:145px;padding-right:20px}
.job_part_list li dl{float:left;width:547px}
.job_part_list li dt{padding:13px 0 11px;font-family:'NanumGothicBoldWeb';font-size:18px;color:#314d7c}
.job_part_list li dt span{display:inline-block;padding-right:18px;background:url(../../images/front/icon/icon_allow03.gif) no-repeat right 3px;font-family:'NanumGothicBoldWeb';font-size:18px;font-weight:bold;color:#314d7c}
.job_part_list li span.img{float:right}

/* 분야별 직업정보 검색결과 */
.job_search{height:63px;margin-top:25px;border:solid 1px #b6c1cd;background:url(../../images/front/contents/job/search_box_bg02.gif) repeat-x left top;color:#4b6795}
.job_search .fl{float:left;padding-top:25px;padding-left:14px;font-size:12px;color:#4b6795}
.job_search .fr{float:right;padding-top:14px;padding-right:14px;color:#4b6795;vertical-align:middle}
.job_search .fr .search_input{width:290px;height:31px;border:solid 1px #ced9de;border-right:0}
.keyword_info{padding:28px 0 0 15px}
.keyword_info .red{color:#ff3c00}

/* 녹색직업  산업의 이해 목록 */
#contents .job_part_list02{margin-top:28px}


#contents .job_part_list02 .part_txt01{clear:both;height:54px;padding:0 14px;border:solid 1px #ff4e00;background:url(../../images/front/contents/job/job_part_bg01.gif) repeat-x left top;font-size:14px;font-weight:bold;color:#fff}
#contents .job_part_list02 .part_txt01 span{display:inline-block;width:100%;font-size:14px;font-weight:bold;color:#fff; padding:2px 0;}



#contents .job_part_list_ul{margin:0;padding:0}
#contents .job_part_list_ul li{position:relative;border:solid 1px #d6dce2;border-top:0;background:url(../../images/front/contents/job/job_part_bg02.gif) repeat-x left bottom}
#contents .job_part_list_ul li dl{margin-top:-1px;padding:0 15px;background:url(../../images/front/contents/job/job_part_bg03.gif) repeat-x left 0}
#contents .job_part_list_ul li dt{padding:25px 5px 5px 0;font-size:14px;font-weight:bold;color:#546f90}
#contents .job_part_list_ul li dd{padding-bottom:22px;font-size:12px;line-height:150%;color:#666}
#contents .job_part_list_ul li:hover{z-index:100;border:solid 5px #5e80a8;border-bottom:solid 1px #5e80a8;border-top:0;background:url(../../images/front/contents/job/job_part_bg04.gif) repeat-x left bottom}
#contents .job_part_list_ul li:hover dl{padding:0 11px;background:url(../../images/front/contents/job/job_part_bg05.gif) repeat-x left 0}
#contents .job_part_list_ul li .btn_go{visibility:hidden;position:absolute;right:0;bottom:0}
#contents .job_part_list_ul li:hover .btn_go{visibility:visible}

.part_tab{overflow:hidden;margin-top:30px;margin-bottom:37px}
.part_tab li{float:left;width:17%}
.part_tab li.first{float:left;width:16%}
.part_tab li.last{float:left;width:16%}
.part_tab li p{border-right:solid 1px #b6c1cd;border-top:solid 1px #b6c1cd;border-bottom:solid 1px #d5dadf;background:url(../../images/front/contents/job/job_part_tab_bar02.gif) repeat-x left top}
.part_tab li p strong{display:block;height:27px;padding:15px 0 0 14px;border-left:solid 1px #f9f9fa;border-right:solid 1px #f9f9fa;font-size:14px;font-weight:normal;color:#2e5079}
.part_tab li.first p{border-right:solid 1px #b6c1cd;border-left:solid 1px #b6c1cd}
.part_tab li li{float:none;width:100%;background:url(../../images/front/contents/job/job_part_tab_bar.gif) repeat-x left top}
.part_tab li li a{display:block;height:18px;margin-left:-1px;padding:10px 0 0 13px;border-right:solid 1px #d5dadf;border-bottom:solid 1px #d5dadf;background:url(../../images/front/icon/icon_allow04.gif) no-repeat right 13px;font-size:12px;color:#666}
.part_tab li li a:hover{display:block;margin:-1px -1px 0;border:solid 1px #3b5776;background:url(../../images/front/contents/job/job_part_tab_bar_on.gif) repeat-x left 0;font-size:12px;font-weight:bold;color:#fff}
.part_tab li li a.on{display:block;margin:-1px -1px 0;border:solid 1px #3b5776;background:url(../../images/front/contents/job/job_part_tab_bar_on.gif) repeat-x left 0;font-size:12px;font-weight:bold;color:#fff}
.part_tab li li.noMenu {height:18px;margin:0 -1px;padding:10px 0 0 0;border-right:solid 1px #d5dadf; border-left:solid 1px #d5dadf; border-bottom:solid 1px #d5dadf;font-size:12px;color:#666; width:159px;}
.part_tab li.first li a.on{display:block;margin:-1px -1px 0;border:solid 1px #3b5776;background:url(../../images/front/contents/job/job_part_tab_bar_on.gif) repeat-x left 0;font-size:12px;font-weight:bold;color:#fff}
.part_tab li.first li a{margin-left:0;border-left:solid 1px #d5dadf}

/* 녹색직업  산업의 이해 상세 */
.job_part_view{padding:22px 15px;background:#f8f8f8}
.job_part_view p{line-height:1.5em;}
.job_part_view .job_part_view_tit{display:block; clear:both;padding:0 0 0 16px;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left top;font-size:14px;font-weight:bold;font-family:'돋움',Dotum;color:#3f5063}
.job_part_view .job_part_view_tit3{display:block; clear:both;padding:2px 0 ;font-size:14px;font-weight:bold;font-family:'돋움',Dotum;color:#3f5063; height:20px; line-height:20px; margin-bottom:15px;}

.job_part_view ol li{ line-height:1.5em;}
.job_part_view ol li strong{display:block; margin:15px 0 5px 0 ;}
.job_part_view .job_part_view_tit2{clear:both;padding:19px 0 0 16px;font-size:12px;font-weight:bold;font-family:Dotum;color:#666}
.job_part_view .job_part_view_tit4{clear:both;padding:0 0 0 16px;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left center;font-size:14px;font-weight:bold;font-family:'돋움',Dotum;color:#3f5063; margin:30px 0 20px 0;}
.job_part_view .job_part_view_txt{padding:10px 0 25px 16px;font-size:12px;line-height:150%;color:#666}
.job_part_view .job_part_view_txt2{padding:10px 0 0 16px;font-size:12px;line-height:150%;color:#666}
.job_part_view .job_part_view_ul{padding:10px 0 13px 21px}
.job_part_view .job_part_view_ul li{padding-bottom:6px;padding-left:9px;background:url(../../images/front/icon/icon_allow02.gif) no-repeat left 6px;font-size:12px;line-height:150%;color:#666}

.job_part_view h3{display:inline-block;padding-bottom:25px;font-size:24px;font-weight:bold;font-family:'NanumGothicBoldWeb';font-weight:800;color:#5b250a}
.job_part_view h3.h3_ico{display:inline-block;float:left;margin-left:4px;border-top:solid 1px #345072;border-bottom:solid 1px #345072;vertical-align:top}

.job_part_view p.h3_ico{display:inline-block;float:left;margin-left:4px;border-top:solid 1px #345072;border-bottom:solid 1px #345072;vertical-align:top}
.job_part_view p.h3_ico span{display:inline-block;margin:0 -1px;padding:4px 5px 0;border-left:solid 1px #345072;border-right:solid 1px #345072;background:#546f90;font-size:11px !important;color:#fff;letter-spacing:-1px;vertical-align:top}
.job_part_view p.h3_ico2{display:inline-block;float:left;margin-left:4px;border-top:solid 1px #99a5b2;border-bottom:solid 1px #99a5b2;vertical-align:top}
.job_part_view p.h3_ico2 span{display:inline-block;margin:0 -1px;padding:4px 5px 0;border-left:solid 1px #99a5b2;border-right:solid 1px #99a5b2;background:#fff;font-size:11px !important;color:#72869b;letter-spacing:-1px;vertical-align:top}
.job_part_view .box1 {border:solid 1px #ccc; padding:15px; line-height:140%; font-size:12px;}

.job_part_view_table{width:100%;margin-top:14px}
.job_part_view_table thead th{height:28px;padding:5px 0 0;border-bottom:solid 1px #b6c1cd;border-top:solid 1px #b6c1cd;background:url(../../images/front/icon/line_01.gif) no-repeat left 12px;font-size:12px;font-weight:bold;color:#546f90;text-align:center}
.job_part_view_table thead th.first{background:none}
.job_part_view_table td{padding:9px 12px 7px;border-bottom:solid 1px #e0e5e9;font-size:12px;line-height:140%;color:#364c66}
.job_part_view_table .bg_white{background:#fff}
.job_part_view_table .foot_line{border-bottom:solid 1px #b6c1cd}

.job_part_view_ul {padding:10px 0 0 16px;}
.job_part_view_ul li {padding-bottom:10px; line-height:130%;}

/* 녹색직업 직업안내 */
.job_part_tab{width:100%;height:50px;background:url(../../images/front/contents/job/job_part_bg06.gif) repeat-x left top}
.job_part_tab li{float:left; height:33px;padding:17px 8px 0 8px;background:url(../../images/front/contents/job/job_part_bg06_line.gif) no-repeat left 16px;text-align:center}
.job_part_tab li a{display:block;font-size:12px;font-weight:bold;color:#fff}
.job_part_tab li a:hover{display:block;padding-bottom:10px;background:url(../../images/front/icon/icon_allow06.gif) no-repeat center bottom;font-size:14px;font-weight:bold;color:#ff8e36}
.job_part_tab li a.on{display:block;padding-bottom:10px;background:url(../../images/front/icon/icon_allow06.gif) no-repeat center bottom;font-size:14px;font-weight:bold;color:#ff8e36}
.job_part_tab li.first{background:none; padding-left:20px;}

.job_part_guide_list dt{height:28px;padding:17px 0 0 15px;background:#eef1f4;font-size:14px;font-weight:bold;color:#333}
.job_part_guide_list dt .job_location{padding-left:13px;font-size:12px;font-weight:normal;color:#546f90}
.job_part_guide_list dt a{font-size:14px;font-weight:bold;color:#333}
.job_part_guide_list dd{padding:14px 15px;border-bottom:dotted 1px #b6c1cd;line-height:140%;color:#666}
.job_part_guide_list dd a{line-height:140%;color:#666}
.job_part_guide_list a:hover{text-decoration:underline}

.graphing{overflow:hidden;padding-bottom:35px;background:#f8f8f8 url(../../images/front/contents/job/job_part_graphing_bg03.gif) no-repeat 423px 115px}
.graphing .fl{float:left;width:363px;height:156px;margin:160px 0 0 60px;background:url(../../images/front/contents/job/job_part_graphing_bg01.gif) no-repeat left top}
.graphing .fl p{padding:23px 0 36px 40px;font-size:24px;font-family:'NanumGothicBoldWeb';color:#fff}
.graphing .fl p strong{font-size:24px;font-weight:bold;font-family:'NanumGothicBoldWeb';color:#fff}
.graphing .fl dl{padding-left:40px}
.graphing .fl dt{padding-bottom:10px;font-size:14px;font-weight:bold;color:#1d9cbd}
.graphing .fl dd{font-size:12px;line-height:140%;color:#666}
.graphing .fr{float:right;width:375px;margin:45px 0 0}
.graphing .fr .graphing01{width:308px;height:125px;background:url(../../images/front/contents/job/job_part_graphing_bg02.gif) no-repeat left top}
.graphing .fr .graphing01 dt{float:left;width:109px;padding:53px 0 0;font-size:18px;font-family:'NanumGothicBoldWeb';color:#fff;text-align:center}
.graphing .fr .graphing01 dd{float:left;width:109px;padding-top:24px}
.graphing .fr .graphing01 dd li{width:165px;padding:0 0 0 29px;padding-bottom:15px;background:url(../../images/front/icon/icon_point02.gif) no-repeat 13px 3px;font-size:14px}

.graphing .fr .graphing02{width:308px;height:125px;margin-top:45px;background:url(../../images/front/contents/job/job_part_graphing_bg02.gif) no-repeat left top}
.graphing .fr .graphing02 dt{float:left;width:109px;padding:53px 0 0;font-size:18px;font-family:'NanumGothicBoldWeb';color:#fff;text-align:center}
.graphing .fr .graphing02 dd{float:left;width:199px;padding-top:24px}
.graphing .fr .graphing02 dd li{width:165px;padding:0 0 0 29px;padding-bottom:15px;background:url(../../images/front/icon/icon_point02.gif) no-repeat 13px 3px;font-size:14px}

/* 분야별 직업 상세 */
.chart_img{display:block;margin:25px 0 25px 30px}
.chart_info_box{width:814px;margin-left:30px;margin-bottom:30px;padding:19px 16px 0;background:#ffffed}
.chart_info_box dt{padding-bottom:13px;font-size:12px;font-weight:bold;color:#666}
.chart_info_box dd{padding-bottom:19px;font-size:12px;line-height:150%;color:#666}
.chart_info_box dd li{padding-bottom:5px;font-size:12px;line-height:150%;color:#666}

.job_view_graph{position:relative;margin:40px 30px 50px 90px;background:url(../../images/front/contents/job/job_view_grap_bg1.gif) repeat left top}
.job_view_graph.space3{height:135px}
.job_view_graph.space3 li{height:135px}
.job_view_graph.space4{height:180px}
.job_view_graph.space4 li{height:180px}
.job_view_graph.space5{height:225px}
.job_view_graph.space5 li{height:225px}
.job_view_graph.space6{height:270px}
.job_view_graph.space6 li{height:270px}
.job_view_graph.space7{height:315px}
.job_view_graph.space7 li{height:315px}
.job_view_graph.space8{height:360px}
.job_view_graph.space8 li{height:360px}
.job_view_graph.space9{height:405px}
.job_view_graph.space9 li{height:405px}
.job_view_graph.space10{height:450px}
.job_view_graph.space10 li{height:450px}
.graph_value{position:absolute;top:0;left:-60px;width:50px}
.graph_value li{height:auto !important;padding-bottom:32px;font-size:12px;line-height:100%;color:#727272}
.graph_bar li{float:left;position:relative;width:70px;height:100%;padding-right:45px}
.graph_bar li .item{display:block;position:absolute;bottom:-30px;width:70px;text-align:center}
.graph_bar li .graph01{position:absolute;left:0;bottom:0;width:70px;background:url(../../images/front/contents/job/job_view_grap_bar_blue.gif) repeat left top;text-align:center}
.graph_bar li .graph02{position:absolute;left:0;bottom:0;width:70px;background:url(../../images/front/contents/job/job_view_grap_bar_green.gif) repeat left top;text-align:center}
.graph_bar li p span{display:block;padding-top:10px;font-size:12px;font-weight:bold;color:#fff}
.graph_bar3 li{float:left;position:relative;width:123px;height:100%;padding-right:63px}
.graph_bar3 li .graph01{position:absolute;left:0;bottom:0;width:40px;background:url(../../images/front/contents/job/job_view_grap_bar_blue.gif) repeat left top;text-align:center}
.graph_bar3 li .graph02{position:absolute;left:41px;bottom:0;width:40px;background:url(../../images/front/contents/job/job_view_grap_bar_green.gif) repeat left top;text-align:center}
.graph_bar3 li .graph03{position:absolute;left:82px;bottom:0;width:40px;background:url(../../images/front/contents/job/job_view_grap_bar_yellow.gif) repeat left top;text-align:center}
.graph_bar3 li .item{display:block;position:absolute;left:0;width:123px;text-align:center}

.job_view_graph2{position:relative;margin:40px 30px 50px 165px;border-bottom:solid 1px #cbd4d4;background:url(../../images/front/contents/job/job_view_grap_bg2.gif) repeat-y left top}
.graph_value2{position:absolute;left:0;bottom:-25px}
.graph_value2 li{float:left;width:138px !important;padding-top:0;font-size:12px;line-height:100%;color:#727272}

.graph_bar2 li{position:relative;padding-bottom:30px}
.graph_bar2 li .item{display:block;position:absolute;left:-135px;width:135px;text-align:center}
.graph_bar2 li .graph01{position:absolute;top:0;left:0;height:15px;padding-top:5px;background:url(../../images/front/contents/job/job_view_grap_bar_blue.gif) repeat left top;text-align:right}
.graph_bar2 li .graph02{position:absolute;top:0;left:0;height:15px;padding-top:5px;background:url(../../images/front/contents/job/job_view_grap_bar_green.gif) repeat left top;text-align:right}
.graph_bar2 li p span{padding-right:15px;font-size:12px;font-weight:bold;color:#fff}

.grap_color_guide{position:absolute;top:-25px;right:0}
.grap_color_guide li{float:left;padding-right:15px;font-size:11px}
.grap_color_guide li img{vertical-align:bottom}

.graph_info_box{margin:0 30px;padding:9px 0 7px;border-top:dotted 1px #b6c1cd;border-bottom:dotted 1px #b6c1cd;background:#f3f3f3;text-align:center}
.graph_info_box span{display:inline-block;padding:3px 10px;color:#666}
.graph_info_box span strong{color:#ff500f}
.graph_info_box2{margin:20px 30px 0;padding:20px;border-top:dotted 1px #b6c1cd;border-bottom:dotted 1px #b6c1cd;background:#f3f3f3;line-height:150%;text-align:left}
.graph_info_box2 ul li strong{ display:block; float:left; height:20px; padding:6px 0; margin-right:3px;}
.graph_info_box2 ul li {clear:left;}
.graph_info_box2 ul li { line-height:2em;}
.graph_info_box2 .inlineListUl {display:inline-block; margin-left:10px;}
.graph_info_box2 .inlineListUl li{display:inline; width:200px; clear:none; float:left;}


.lanking_graph{padding:140px 0 125px}
.lanking_graph li{height:45px;text-align:center}
.lanking_graph li.best1 p{display:inline-block;width:186px;height:28px;margin:0 auto;padding-top:16px;background:url(../../images/front/contents/job/job_view_grap_bar_red.gif) repeat left top;font-weight:bold;color:#fff;text-align:center}
.lanking_graph li.best2 p{display:inline-block;width:270px;height:28px;margin:0 auto;padding-top:16px;background:url(../../images/front/contents/job/job_view_grap_bar_orange.gif) repeat left top;font-weight:bold;color:#fff;text-align:center}
.lanking_graph li.best3 p{display:inline-block;width:350px;height:28px;margin:0 auto;padding-top:16px;background:url(../../images/front/contents/job/job_view_grap_bar_yellow.gif) repeat left top;font-weight:bold;color:#fff;text-align:center}
.lanking_graph li.best4 p{display:inline-block;width:430px;height:28px;margin:0 auto;padding-top:16px;background:url(../../images/front/contents/job/job_view_grap_bar_green.gif) repeat left top;font-weight:bold;color:#fff;text-align:center}
.lanking_graph li.best5 p{display:inline-block;width:510px;height:28px;margin:0 auto;padding-top:16px;background:url(../../images/front/contents/job/job_view_grap_bar_blue.gif) repeat left top;font-weight:bold;color:#fff;text-align:center}

.lanking_result{overflow:hidden;width:700px;margin:0 auto}
.lanking_result li{float:left;width:20%;height:29px;margin-left:-1px;padding-top:21px;border-left:solid 1px #fff;background:url(../../images/front/contents/job/job_view_grap_bar_gray.gif) repeat left top;font-weight:bold;font-size:12px;color:#369;text-align:center}
.lanking_result li.on{background:url(../../images/front/contents/job/job_view_grap_bar_orange.gif) repeat left top;color:#fff}

.job_view_graph3{width:700px;margin:0 auto;border-top:dashed 1px #cbd4d4;background:url(../../images/front/contents/job/job_view_grap_bg3.gif) repeat-y left top}
.job_view_graph3 li{height:50px;border-bottom:dashed 1px #cbd4d4}
.job_view_graph3 li dt{float:left;width:100px;padding-top:20px;font-size:12px;color:#555;text-align:center}
.job_view_graph3 li dd{float:left;width:600px}
.job_view_graph3 li dd li{float:left;width:120px;height:auto;padding-top:12px;border-bottom:0;text-align:center}
.job_view_graph3 li.last{background:#f8f8f8}
.job_view_graph3 li.last ul{padding-left:100px}
.job_view_graph3 li.last li{float:left;width:120px;height:auto;padding-top:20px;border-bottom:0;font-size:12px;color:#369;text-align:center}
.job_view_graph3 li.last li.on{font-weight:bold;color:#660}

.job_type_table{border-top:solid 1px #b6c1cd;border-bottom:solid 1px #b6c1cd; margin:25px 30px;}
.job_type_table th{padding:11px 15px 12px; border-top:solid 1px #e0e5e9;background:url(../../images/front/icon/line_01.gif) no-repeat right center;font-size:12px;color:#666}
.job_type_table td{min-height:11px;padding:13px 17px 10px;border-top:solid 1px #e0e5e9;font-size:12px;color:#666; line-height:150%;}
.job_type_table .first th,.job_type_table .first td{border:0}

/* 여성특화 */
.title_dec_woman{height:40px;margin-top:24px;padding-left:59px;padding-top:5px;background:url(../../images/front/contents/job/junior_img02.gif) no-repeat 9px top;line-height:140%;font-size:13px;font-family:'NanumGothicWeb';color:#333}
.woman_title_dec_txt01{padding:0 0 0 59px;font-size:11px;font-family:'NanumGothicWeb';color:#2e5079}
.woman_title_dec_txt01 .btn_arr_orange{margin-left:7px}
.job_woman_cont{position:relative}
.job_woman_cont a.btn_job_info_pre{position:absolute;top:245px;left:20px}
.job_woman_cont a.btn_job_info_next{position:absolute;top:245px;right:20px}
.job_woman_info{overflow:hidden;height:370px;margin-top:28px;padding:50px 60px;background:#f5f5f5 url(../../images/front/contents/job/woman_job_box.gif) repeat-x left top}
.job_woman_info .job_img{float:left;width:320px}
.job_woman_info .job_info{width:500px;margin-left:320px}
.job_woman_info .word_h3{padding:4px 0 10px 20px;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left 5px;font-size:14px;font-weight:bold;color:#3f5063}
.job_woman_info .word_txt{padding:0 0 0 20px;font-size:12px;line-height:140%;color:#666}
.job_holand{margin:18px 0 0;padding:20px 15px;background:#f8f8f8}
.job_holand .word_h3{padding:4px 0 10px 17px;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left 4px;font-size:14px;font-weight:bold;color:#3f5063}
.job_holand table{width:100%;border-bottom:solid 1px #b6c1cd}
.job_holand th{padding:9px 15px 7px;border-top:solid 1px #e0e5e9;background:url(../../images/front/icon/line_01.gif) no-repeat right center;font-weight:bold;color:#666;text-align:left}
.job_holand td{padding:9px 15px 7px;border-top:solid 1px #e0e5e9;line-height:140%;color:#666}
.job_holand .first th{border-top:solid 1px #b6c1cd}
.job_holand .first td{border-top:solid 1px #b6c1cd}

/* 직업인 인터뷰 상세 */
.title_dec_interview{height:40px;margin-top:24px;padding-left:59px;padding-top:5px;background:url(../../images/front/contents/job/junior_img02.gif) no-repeat 9px top;line-height:140%;font-size:13px;font-family:'NanumGothicWeb';color:#333}
.interview_view_column1{overflow:hidden;margin-top:33px;background:#158eaf}
.interview_view_column1 .photo{float:left;width:385px}
.interview_view_column1 .interview_summary{z-index:10;height:258px;margin-left:385px;margin-top:-310px;padding:52px 0 0 28px;color:#fff}
.interview_view_column1 .interview_summary .name{display:block;padding-bottom:17px;font-size:40px;font-family:'NanumGothicBoldWeb';font-weight:800;color:#fff}
.interview_view_column1 .interview_summary .bold{font-size:20px;font-family:'NanumGothicBoldWeb';font-weight:800;line-height:130%;color:#fff}
.interview_view_column1 .interview_summary .bold strong{display:inline-block;padding:2px;background:#fff;font-size:20px;font-family:'NanumGothicBoldWeb';color:#000}
.interview_view_column1 .interview_summary p{padding-top:7px;font-size:14px;font-family:'NanumGothicWeb';line-height:140%;color:#fff}
.interview_view_column1 .interview_profile{height:506px;margin-left:385px;padding:27px 30px}
.interview_view_column1 .interview_profile_tit{padding:0 0 18px 17px;background:url(../../images/front/contents/job/interview_view_icon01.gif) no-repeat left 1px;font-size:14px;font-weight:bold;color:#fff}
.interview_view_column1 .interview_profile dl{padding-bottom:20px;padding-left:16px}
.interview_view_column1 .interview_profile dt{padding-bottom:12px;font-size:12px;font-weight:bold;color:#fff}
.interview_view_column1 .interview_profile dd li{padding:0 0 8px 15px;background:url(../../images/front/icon/icon_allow_white.gif) no-repeat 6px 2px;font-size:12px;color:#fff}
.interview_view_column1 .photoImg01{z-index:1;width:940px;height:310px}
.interview_view_column1 .photoImg02{width:385px;height:294px}
.interview_view_column1 .photoImg03{width:190px;height:266px}
.interview_view_column1 .photoImg04{width:195px;height:266px}

.interview_view_column2{clear:both;padding:47px 60px 22px;background:#f4f4f4}
.interview_view_column2 .news_tit{padding-bottom:3px;border-bottom:dashed 1px #94a1b0;font-size:14px;font-weight:bold;line-height:180%;color:#3f5063}
.interview_view_column2 .news_txt{padding:12px 0 25px;font-size:12px;line-height:150%;color:#666}

.interview_view_column3{padding:45px 60px 18px;background:#f8f8f8 url(../../images/front/contents/job/interview_bg02.gif) repeat-x left top}
.interview_view_column3 dl{margin-top:35px}
.interview_view_column3 h4{padding-bottom:10px}
.interview_view_column3 p{font-size:12px;line-height:140%;color:#666}
.interview_view_column3 .question{display:table-cell;height:38px;padding:0 0 0 45px;font-weight:bold;font-size:12px;line-height:140%;color:#1798b9;vertical-align:middle}
.interview_view_column3 .answer{padding:15px 0 27px 45px;font-size:12px;line-height:140%;color:#666}

.interview_view_column3 .question span{display: inline-block;position:absolute;margin:-5px 0 0 -45px;width:45px;height:38px;background:url(../../images/front/contents/job/interview_icon_q.gif) no-repeat left top;vertical-align:middle;text-indent: -9999px;}
.interview_view_column3 .answer span{display: inline-block;position:absolute;margin-left:-45px;width:45px;height:45px;background:url(../../images/front/contents/job/interview_icon_a.gif) no-repeat left 7px;vertical-align:middle;text-indent: -9999px;}

.photo_caption{padding:22px 0 20px 105px;background:#e8ecef;font-size:11px;color:#666}

/* 직업인 인터뷰 전체목록 */
.interview_search{overflow:hidden;min-height:65px;margin-top:18px;border:solid 3px #b6c1cd;background:#f3f3f3 url(../../images/front/contents/job/interview_search_box.gif) repeat-x left bottom;color:#4b6795}
.interview_search .fl{float:left;padding-top:17px;padding-left:14px;font-size:12px;line-height:140%;color:#4b6795}
.interview_search .fr{float:right !important;width:320px;padding:14px 14px 14px 0;color:#4b6795;vertical-align:middle}
.interview_search .fr .search_input{width:250px;height:31px;border:solid 1px #ced9de;border-right:0}
.interview_search .fr .search_select{width:200px;height:31px;border:solid 1px #ced9de;border-right:0}

.interview_search2{overflow:hidden;min-height:65px;margin-top:18px;border:solid 3px #b6c1cd;background:#f3f3f3 url(../../images/front/contents/job/interview_search_box.gif) repeat-x left bottom;color:#4b6795}
.interview_search2 .fl{float:left;padding-top:17px;padding-left:14px;font-size:12px;line-height:140%;color:#4b6795}
.interview_search2 .fr{float:right !important;width:440px;padding:14px 14px 14px 0;color:#4b6795;vertical-align:middle}
.interview_search2 .fr .search_input{width:160px;height:31px;border:solid 1px #ced9de;border-right:0}
.interview_search2 .fr .search_select{width:200px;height:37px;border:solid 1px #ced9de;border-right:0}

.interview_list{overflow:hidden;margin-left:0;padding-bottom:5px}
.interview_list li{float:left;width:270px;height:310px;margin-right:19px;margin-bottom:19px;padding:15px;background:#eef1f4 url(../../images/front/contents/job/interview_list_line01.gif) repeat-x left 244px}
.interview_list li .photo img{width:270px;height:185px}
.interview_list li .interview_name{display:block;padding:17px 0 24px}
.interview_list li .interview_name a{font-size:16px;font-weight:bold;color:#364c66}
.interview_list li dt{padding-bottom:7px;font-weight:bold}
.interview_list li dt span{font-size:12px;font-weight:bold;color:#666}
.interview_list li dd span{font-size:12px;line-height:140%;color:#666}
.interview_list li:hover{width:268px;height:308px;padding:13px 15px 15px 13px;border:solid 2px #5e80a8}
.interview_list li .info dt{padding-bottom:10px;font-size:14px}
.interview_list li .info dd p{padding:12px 0 0;font-size:12px;color:#555}
.interview_list li p span{padding:0 8px;border-left:solid 1px #b6c1cd;font-size:12px;color:#555}
.interview_list li p span.noLine{padding-left:0;border:0}

.interview_list_small{overflow:hidden;padding-bottom:5px}
.interview_list_small li{float:left;width:160px;height:165px;margin-right:10px;margin-bottom:10px;padding:10px;background:#eef1f4 url(../../images/front/contents/job/interview_list_line01.gif) repeat-x left 244px}
.interview_list_small li .photo img{width:160px;height:115px}
.interview_list_small li .interview_name{display:block;padding:10px 0 12px 4px}
.interview_list_small li .interview_name a{font-size:12px;font-weight:bold;color:#364c66}
.interview_list_small li dt{padding-bottom:7px;font-weight:bold}
.interview_list_small li dt span{font-size:12px;font-weight:bold;color:#666}
.interview_list_small li dd span{font-size:12px;line-height:140%;color:#666}
.interview_list_small li:hover{width:158px;height:163px;padding:8px 10px 10px 8px;border:solid 2px #5e80a8}
.interview_list_small li .time{height:20px;margin-top:-25px;padding:5px 0 0 8px;background:url(../../images/front/contents/web/time_bg.png) repeat left top;font-size:12px;color:#fff}

.interview_list_small li p span{padding:0 8px;border-left:solid 1px #b6c1cd;font-size:12px;color:#555}
.interview_list_small li p span.noLine{padding-left:4px;border:0}


.interview_list2{overflow:hidden;margin-left:0;padding-bottom:5px}
.interview_list2 li{float:left;width:270px;height:280px;margin-right:19px;margin-bottom:19px;padding:15px;background:#eef1f4 url(../../images/front/contents/job/interview_list_line01.gif) repeat-x left 244px}
.interview_list2 li .photo img{width:270px;height:185px}
.interview_list2 li .interview_name{display:block;padding:17px 0 24px}
.interview_list2 li .interview_name a{font-size:16px;font-weight:bold;color:#364c66}
.interview_list2 li dt{padding-bottom:7px;font-weight:bold}
.interview_list2 li dt a{font-size:12px;font-weight:bold;color:#666}
.interview_list2 li dd a{font-size:12px;line-height:140%;color:#666}
.interview_list2 li a:hover{text-decoration:underline}
.interview_list2 li:hover{width:268px;height:278px;padding:13px 15px 15px 13px;border:solid 2px #5e80a8}
.interview_list2 li .info dt{padding-bottom:10px;font-size:14px}
.interview_list2 li .info dd p{padding:12px 0 0;font-size:12px;color:#555}
.interview_list2 li p span{padding:0 8px;border-left:solid 1px #b6c1cd;font-size:12px;color:#555}
.interview_list2 li p span.noLine{padding-left:0;border:0}

.interview_list_small2 {overflow:hidden;padding-bottom:5px}
.interview_list_small2 li{float:left;width:160px;height:165px;margin-right:10px;margin-bottom:10px;padding:10px;background:#eef1f4 url(../../images/front/contents/job/interview_list_line01.gif) repeat-x left 244px}
.interview_list_small2 li .photo img{width:160px;height:115px}
.interview_list_small2 li .interview_name{display:block;padding:10px 0 12px 4px}
.interview_list_small2 li .interview_name a{font-size:12px;font-weight:bold;color:#364c66}
.interview_list_small2 li dt{padding-bottom:7px;font-weight:bold}
.interview_list_small2 li dt a{font-size:12px;font-weight:bold;color:#666}
.interview_list_small2 li dd a{font-size:12px;line-height:140%;color:#666}
.interview_list_small2 li a:hover{text-decoration:underline}
.interview_list_small2 li:hover{width:158px;height:163px;padding:8px 10px 10px 8px;border:solid 2px #5e80a8}
.interview_list_small2 li .time{height:20px;margin-top:-25px;padding:5px 0 0 8px;background:url(../../images/front/contents/web/time_bg.png) repeat left top;font-size:12px;color:#fff}

.interview_list_small2 li p span{padding:0 8px;border-left:solid 1px #b6c1cd;font-size:12px;color:#555}
.interview_list_small2 li p span.noLine{padding-left:4px;border:0}


/*학과인터뷰 상세보기*/
.majorDetail{display:inline-block;width:924px;height:auto;padding:0 0 16px 16px;}
.majorDetail h3{ display:block;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left center; padding-left:15px; height:15px; line-height:15px; font-weight:bold; margin:35px 0 15px 0;color:#3f5063;font-size:14px;}
.majorDetail .majorInfo{ }
.majorDetail .majorImage {}
.majorDetail .majorContents .con_box dl dt { margin-bottom: 8px; text-indent: 20px; font-size: 15px; color: #b47844; font-weight: bold; line-height: 120%; background: url('../../images/mobile/ico_intercon_qu.png') no-repeat 0px 3px; }
.majorDetail .majorContents .con_box dl dd { margin-bottom: 25px; line-height: 130%; }

.majorDetail .majorInfo ul li{display:block; padding:7px 0 7px 40px; margin-bottom:8px; font-size:16px;color:#3f5063; line-height:1.3em; letter-spacing:-1px;}
.majorDetail .majorInfo ul li span{display:block;width:0px;height:0px;overflow:hidden;}

.majorDetail .majorInfo .inlinebox {display:inline-block; width:252px; margin-bottom:20px;}
.majorDetail .majorInfo .inlinebox dt { display:block; width:auto; height:14px; line-height:14px; float:left; font-size:12px; text-align:left; margin:0; padding:0;}
.majorDetail .majorInfo .inlinebox dd { display:block; width:auto; height:14px; line-height:14px; float:left; background:none; font-size:12px; text-align:left; margin:0; padding:0;}
.majorDetail .majorInfo .inlinebox .time{ background:url(../../images/front/contents/web/icon_time03.gif) no-repeat left center; padding-left:15px;}
.majorDetail .majorInfo .inlinebox .click{ background:url(../../images/front/contents/web/icon_click03.gif) no-repeat 15px center; padding-left:30px; margin: 0 0 0 15px; border-left:1px solid #999;}
.majorDetail .majorInfo .likeit{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.majorDetail .majorInfo .likeit:hover{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03_hover.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.majorDetail .majorInfo .likeit span{font-weight:bold; margin-left:10px; color:#fff;}
.majorDetail .majorInfo .blank{ display:block;width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon04.gif) no-repeat; margin:0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.majorDetail .majorInfo .subtitle{ display:block;width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon02.gif) no-repeat; margin:9px 0  60px 0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}


/* 동영상 인터뷰 상세 */
.movie_area{height:400px;margin-top:30px;background:#e8ecef}
.movie_area2{height:680px;margin-top:30px;background:#000}
.interview_script h3{margin-top:30px;padding-left:20px;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left top;font-size:14px;color:#3f5063}
.interview_script .script_txt01{padding:18px 0 12px 20px;font-size:14px;font-weight:bold;color:#26a1c1}
.interview_script_dl{padding:0 0 0 20px}
.interview_script_dl dt{padding:10px 0 22px 45px;background:url(../../images/front/contents/job/interview_icon_q02.gif) no-repeat left top;font-size:12px;font-weight:bold;color:#214c80}
.interview_script_dl dd{padding:0 0 22px 45px;background:url(../../images/front/contents/job/interview_icon_a02.gif) no-repeat left top;font-size:12px;line-height:140%;color:#666}

/* 창의적 기업가 */
.creative_list{margin-top:8px;border-top:solid 1px #b6c1cd}
.creative_list li{display:inline-block;overflow:hidden;padding:20px 16px;border-bottom:dotted 1px #b6c1cd}
.creative_list li.bg{background:#eef1f4}
.creative_list li strong{display:block;padding-bottom:12px;font-size:16px;font-weight:bold;color:#364c66}
.creative_list li p{line-height:150%;font-size:12px;color:#666}
.creative_list li ul{padding-top:20px}
.creative_list li li{float:left;width:180px;padding:0;padding-left:1px;border-bottom:0}
.creative_list li li .photo{width:180px;height:125px}
.creative_list li li p{height:55px;background:#536f90;color:#fff;text-align:center}
.creative_list li li p a{color:#fff}
.creative_list li li p a:hover{text-decoration:underline}
.creative_list li li p em{display:block;padding-top:9px;font-style:normal;font-weight:bold;font-size:14px;color:#fff}
.creative_list li li p span{display:block;padding-top:9px;font-size:12px;color:#fff}

/* 학과정보 */
.subject_info_view{padding:0 15px 29px}
.subject_info_view *{line-height:150%}

.table_job_st1{width:100%}
.table_job_st1 th{height:33px;border:solid 1px #6182a6;background:#7690ac}
.table_job_st1 th span{display:block;height:31px;height:11px;padding:9px 0 11px;border:solid 1px #83a0c0;font-weight:bold;font-size:12px;color:#fff}
.table_job_st1 th span.light_blue{background:#85a2c2}
.table_job_st1 th span.rows2{height:25px;padding:29px 0 11px}
.table_job_st1 td{height:20px;padding:9px 14px 5px;border-bottom:solid 1px #e0e5e9;line-height:140%}
.table_job_st1 td.bg{background:#f3f7f9;color:#364c66}
.table_job_st1 td.bg a{color:#364c66}
.table_job_st1 td a:hover{text-decoration:underline}
.table_job_st1 td li{padding:3px 0;padding-left:9px;background:url(../../images/front/icon/icon_point04.gif) no-repeat left 9px;line-height:140%}
.table_job_st1 .last td{border-bottom:solid 1px #b6c1cd}

.subject_box_check{overflow:hidden;clear:both;margin-top:15px;padding:20px 14px 8px;}
.subject_box_check .tit{display:block;font-size:13px;font-weight:bold;color:#ff500f;letter-spacing: -1px;}
.subject_box_check .list_ul{overflow:hidden;margin:-17px 0 0 132px}
.subject_box_check .list_ul02{overflow:hidden;margin:-15px 0 0 132px;background:#fff}
.subject_box_check .list_ul02 li{width:100px}
.subject_box_check .list_ul03{overflow:hidden;margin:-15px 0 0 132px}
/*.subject_box_check .list_ul03 li{width:15%}*/
.subject_box_check ul{float:left;width:100%}
.subject_box_check li{float:left;width:20%;padding:2px 0 10px}
.subject_box_check li label{padding-left:8px;font-size:12px;color:#666}
.subject_box_check li.w100{width:100%}

.university_search_term{overflow:hidden;clear:both;padding:20px 14px 8px;border:solid 1px #b6c1cd;border-top:0}
.university_search_term ul{float:left;width:100%;margin:0 0 0 18px}
.university_search_term li{float:left;width:12%;padding:2px 0 10px}
.university_search_term li label{padding-left:8px;font-size:12px;color:#666}

.major_item_search{overflow:hidden;width:100%;margin-left:18px;margin-bottom:10px}
.major_item_search li{float:left;width:50%;padding-top:2px}
.major_item_search li li{float:left;width:auto;height:16px;padding:27px 23px 0 0}
/*.major_item_search li li input[type="radio"] {*margin:-2px -4px 0 -4px;}*/
.major_item_search li label{margin-left:7px;font-size:12px;color:#666}

/* 자료실 - 주요성장분야 */
.growth_contents{overflow:hidden;clear:both}
.growth_contents .growth_img{float:left;width:210px;margin-top:20px;margin-left:15px;padding:10px;background:url(../../images/front/contents/job/growth_img_box.gif) no-repeat left top}
.growth_contents .growth_img .growth_img{width:173px;height:248px;border:solid 1px #fff}
.growth_contents .growth_info{margin-left:245px;padding-top:30px}
.growth_contents .growth_info h3{padding-bottom:24px;font-size:16px;font-weight:bold;color:#3f5063}
.growth_contents .growth_info h3.word_h3{margin-top:37px;padding:0 0 10px 16px;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left 0;font-size:14px;font-weight:bold;color:#3f5063}
.growth_contents .growth_info dl{border-top:solid 1px #b6c1cd}
.growth_contents .growth_info dt{padding:13px 0 12px 15px;background:#eef1f4;font-weight:bold;color:#546f90}
.growth_contents .growth_info dt span{display:inline-block;width:19px;height:17px;margin-right:6px;padding-top:2px;background:url(../../images/front/contents/job/growth_num_bg.gif) no-repeat left top;font-weight:bold;font-size:10px;color:#fff;text-align:center}
.growth_contents .growth_info dd{padding:15px 15px 20px;border-bottom:dotted 1px #b6c1cd;line-height:150%}

/* 자료실 - 테마별직업세계 */
.data_tit{overflow:hidden;clear:both;margin-top:25px;margin-left:15px}
.data_tit h2{float:left;padding:1px 0 0 11px;background:url(../../images/front/common/word_ico.gif) no-repeat 1px 3px;font-size:24px;font-family:'NanumGothicBoldWeb';line-height:100%;color:#ff500f}

.thema_contents{overflow:hidden;clear:both}
.thema_contents .thema_img{float:left;width:210px;margin-top:20px;margin-left:15px;padding:10px;background:url(../../images/front/contents/job/growth_img_box.gif) no-repeat left top}
.thema_contents .thema_img .growth_img{width:173px;height:248px;border:solid 1px #fff}
.thema_contents .thema_info{margin-left:245px;padding-top:10px}
.thema_contents .thema_info h3{padding:0 0 10px 16px;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left 0;font-size:14px;font-weight:bold;color:#3f5063}
.thema_contents .thema_info h4{padding:30px 0 10px 16px;font-size:12px;font-weight:bold}
.thema_contents .thema_info p{padding-left:16px;font-size:12px;line-height:150%}
.thema_contents .thema_info li{padding:25px 14px;border-bottom:solid 1px #e0e5e9}
.thema_contents .thema_info li.bg{background:#f9fafb}

.thema_contents .thema_info .thema_ul{padding-left:20px}
.thema_contents .thema_info .thema_ul li{padding:0 0 6px 11px;border-bottom:0;background:url(../../images/front/icon/icon_allow02.gif) no-repeat left 4px;font-size:12px;line-height:140%;color:#666}
.thema_contents .thema_info .thema_ul li a:hover{text-decoration:underline}

.series_interview{overflow:hidden;padding:60px;border-top:solid 10px #e0e5e9;background:url(../../images/front/contents/job/series_bg01.gif) repeat left top}
.series_interview .photo_big{float:left;width:328px;height:425px;margin-right:52px}
.series_interview .series_interview_summary{overflow:hidden;float:left;width:409px}
.series_interview .series_interview_summary h3{height:230px;padding-top:28px;font-size:36px;font-family:'NanumGothicBoldWeb';font-weight:800;line-height:150%;color:#fff}
.series_interview .series_interview_summary .interview_caption{height:45px;padding-left:19px;font-size:14px;line-height:150%;color:#fff}
.series_interview .series_interview_summary .interview_caption strong{font-weight:bold;line-height:150%;color:#fff}
.series_interview .series_interview_summary ul{margin-left:15px;margin-top:30px}
.series_interview .series_interview_summary li{float:left;padding-left:4px}
.series_interview .series_interview_summary li img{width:94px;height:94px}
.series_interview dl{clear:both;padding-top:12px}
.series_interview dt{margin-top:32px;padding-left:20px;padding-bottom:14px;background:url(../../images/front/contents/job/series_interview_ico01.gif) no-repeat left top;font-size:18px;font-weight:bold;color:#fff}
.series_interview dd{font-size:14px;line-height:150%;color:#fff}
.series_interview .txt{font-size:14px;line-height:150%;color:#fff}

.series_interview2{border-top:solid 10px #e0e5e9;background:url(../../images/front/contents/job/series_bg02.gif) repeat left top}
.series_interview3{border-top:solid 10px #e0e5e9;background:url(../../images/front/contents/job/series_bg03.gif) repeat left top}
.series_interview4{border-top:solid 10px #e0e5e9;background:url(../../images/front/contents/job/series_bg04.gif) repeat left top}
.series_interview5{border-top:solid 10px #e0e5e9;background:url(../../images/front/contents/job/series_bg05.gif) repeat left top}
.series_interview6{border-top:solid 10px #e0e5e9;background:url(../../images/front/contents/job/series_bg06.gif) repeat left top}
.series_interview7{border-top:solid 10px #e0e5e9;background:url(../../images/front/contents/job/series_bg07.gif) repeat left top}

.jobData_cont{padding:0 30px}
.jobData_cont h3.word_h3{clear:both;height:16px;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left 30px}
.jobData_cont h4{margin-left:15px;padding:30px 0 10px;font-size:12px;font-weight:bold}
.jobData_cont .table_job_st1{margin-left:15px}
.jobData_cont ul{margin-left:16px}
.jobData_cont ul li{padding:0 7px;background:url(../../images/front/contents/centerIntro/icon_sq.gif) no-repeat left 7px;line-height:1.5em}
.jobData_cont ol{margin-left:16px;padding:30px 30px 30px 50px;border:1px solid #d7d7d7}
.jobData_cont ol li{padding-left:0;line-height:1.5em;list-style:decimal-leading-zero}
.jobData_cont ol li ul{margin:0 0 5px}
.jobData_cont ol li ul li{padding-left:0;padding-left:10px;background:none;background:none;background:url(../../images/front/contents/job/icon_li.gif) no-repeat left 7px;line-height:1.5em;list-style:none}
.jobData_cont .boxList{padding:30px;border:1px solid #d7d7d7}
.jobData_cont .boxList li{padding-left:10px;background:none;background:url(../../images/front/contents/job/icon_li.gif) no-repeat left 7px}
.jobData_cont h5{margin:20px 0 10px 15px;padding:0 0 0 10px;background:url(../../images/front/contents/job/icon_h5.gif) no-repeat left center;font-size:12px;font-weight:bold}

/* 자료실 - 한국의직업지표 */
.indicatorcontents{display:inline-block;width:950px;padding:0 15px}
.indicatorcontents p{clear:both;line-height:1.5em}
.indicatorTop{margin:30px 15px 0 0;text-align:right}
#contentsTabMenu{margin:30px 0 0}
#contentsTabMenu ul{overflow:hidden;width:100%}
#contentsTabMenu li{float:left;margin-right:5px}

/* s:내부탭메뉴 아이콘설정 */
#indicatorInlineMenu #currentTabMenu1 li a,#indicatorInlineMenu #currentTabMenu2 li a,#indicatorInlineMenu #currentTabMenu3 li a,#indicatorInlineMenu #currentTabMenu4 li a,#indicatorInlineMenu #currentTabMenu5 li a{width:205px;padding:2px 10px;background:url(../../images/front/contents/job/indicator01.gif) no-repeat left center}

#indicatorInlineMenu #currentTabMenu1 li a.on,#indicatorInlineMenu #currentTabMenu2 li a.on,#indicatorInlineMenu #currentTabMenu3 li a.on,#indicatorInlineMenu #currentTabMenu4 li a.on,#indicatorInlineMenu #currentTabMenu5 li a.on{padding:2px 10px;background:url(../../images/front/contents/job/indicator02.gif) no-repeat left center}

#indicatorInlineMenu #currentTabMenu1 li a:hover,#indicatorInlineMenu #currentTabMenu2 li a:hover,#indicatorInlineMenu #currentTabMenu3 li a:hover,#indicatorInlineMenu #currentTabMenu4 li a:hover,#indicatorInlineMenu #currentTabMenu5 li a:hover{padding:2px 10px;background:url(../../images/front/contents/job/indicator02.gif) no-repeat left center}

#indicatorInlineMenu #currentTabMenu1 li a.firstList,#indicatorInlineMenu #currentTabMenu2 li a.firstList,#indicatorInlineMenu #currentTabMenu3 li a.firstList,#indicatorInlineMenu #currentTabMenu4 li a.firstList,#indicatorInlineMenu #currentTabMenu5 li a.firstList{background:none}

/* e:내부탭메뉴 아이콘설정 */
.mt20c{margin-top:20px;color:#5e80a8}

.table_indicator1{width:100%;margin-top:10px}
.table_indicator1 th{height:33px;border:solid 1px #6182a6;background:#7690ac}
.table_indicator1 th span{display:block;height:31px;height:11px;padding:9px 0 11px;border:solid 1px #83a0c0;font-weight:bold;font-size:12px;color:#fff}
.table_indicator1 th span.light_blue{background:#85a2c2}
.table_indicator1 th span.rows2{height:25px;padding:29px 0 11px}
.table_indicator1 td{height:20px;padding:9px 14px 5px;border-bottom:solid 1px #e0e5e9;text-align:center}
.table_indicator1 td.bg{background:#f3f7f9;color:#364c66;text-align:left}
.table_indicator1 td.bg2{background:#f6f6f6;color:#364c66}
.table_indicator1 .last td{border-bottom:solid 1px #b6c1cd}
.table_indicator1 tfoot td{font-weight:bold;color:#5e80a8}
.table_indicator1.xlsv td:nth-child(2){text-align:left;padding:0 0 0 8px}
.table_indicator1.xlsv td:nth-child(even){background:#f3f7f9}
.table_indicator1.xlsv.both td:nth-child(2){text-align:center}
.table_indicator1.xlsv.both td:nth-child(3){text-align:left;padding:0 0 0 8px}
.table_indicator1.xlsv.both td:nth-child(7){text-align:left;padding:0 0 0 8px}


.table_indicator2{float:left;width:450px;margin-top:10px}
.table_indicator2 th{height:33px;border:solid 1px #6182a6;background:#7690ac}
.table_indicator2 th span{display:block;height:31px;height:11px;padding:9px 0 11px;border:solid 1px #83a0c0;font-weight:bold;font-size:12px;color:#fff}
.table_indicator2 th span.light_blue{background:#85a2c2}
.table_indicator2 th span.rows2{height:25px;padding:29px 0 11px}
.table_indicator2 td{height:20px;padding:9px 14px 5px;border-bottom:solid 1px #e0e5e9;text-align:center}
.table_indicator2 td.bg{background:#f3f7f9;color:#364c66;text-align:left}
.table_indicator2 td.bg2{background:#f6f6f6;color:#364c66}
.table_indicator2 .last td{border-bottom:solid 1px #b6c1cd}
.table_indicator2 tfoot td{font-weight:bold;color:#5e80a8}

.table_indicator3{float:right;width:450px;margin-top:10px}
.table_indicator3 th{height:33px;border:solid 1px #6182a6;background:#7690ac}
.table_indicator3 th span{display:block;height:31px;height:11px;padding:9px 0 11px;border:solid 1px #83a0c0;font-weight:bold;font-size:12px;color:#fff}
.table_indicator3 th span.light_blue{background:#85a2c2}
.table_indicator3 th span.rows2{height:25px;padding:29px 0 11px}
.table_indicator3 td{height:20px;padding:9px 14px 5px;border-bottom:solid 1px #e0e5e9;text-align:center}
.table_indicator3 td.bg{background:#f3f7f9;color:#364c66;text-align:left}
.table_indicator3 td.bg2{background:#f6f6f6;color:#364c66}
.table_indicator3 .last td{border-bottom:solid 1px #b6c1cd}
.table_indicator3 tfoot td{font-weight:bold;color:#5e80a8}

.table_indicator4{width:100%;margin-top:10px}
.table_indicator4 th{height:33px;border:solid 1px #6182a6;background:#7690ac}
.table_indicator4 th span{display:block;height:11px;padding:9px 0 11px;border:solid 1px #83a0c0;font-weight:bold;font-size:12px;color:#fff}
.table_indicator4 th span.light_blue{background:#85a2c2}
.table_indicator4 th span.rows2{height:25px;padding:29px 0 11px}
.table_indicator4 th span.rows3{height:35px;padding:44px 0 20px}
.table_indicator4 td{height:20px;padding:9px 14px 5px;border-bottom:solid 1px #e0e5e9;text-align:center}
.table_indicator4 td.bg{background:#f3f7f9;color:#364c66;text-align:left}
.table_indicator4 td.bg2{background:#f6f6f6;color:#364c66}
.table_indicator4 .last td{border-bottom:solid 1px #b6c1cd}
.table_indicator4 tfoot td{font-weight:bold;color:#5e80a8}

/* 직업사전 상세보기 pt */
#ppt{background-color:#333;font-family:NanumGothicWeb;line-height:100%;color:#000;font-size:1em;}
#ppt *{font-family:NanumGothicWeb;line-height:100%;color:#000;font-size:1em;}
#ppt div{font-family:NanumGothicWeb}
#ppt h1,h2,h3,h4,h5,h6{font-family:NanumGothicWeb;font-size:125%;font-weight:normal}

#jobpt_wrapgs{width:980px;padding:5px;background-color:#202020}
#jobpt_wrapgs .jobpt_top{margin:2px 0 0}

#jobpt_wrapgs .job_pt_top{position:relative;width:980px;min-height:95px;height:auto !important;height:95px;background:url(../../images/front/contents/job/bg_jobpt_top.gif) no-repeat left top}
#jobpt_wrapgs .job_pt_top:after{display:block;clear:both;content:''}
#jobpt_wrapgs .job_pt_top .jobpt_title{float:left;padding:39px 0 0 84px;background:url(../../images/front/icon/icon_pt_title.gif) no-repeat 50px 40px;font-family:NanumGothicBoldWeb;font-size:1.3em;color:#f0f0f0}
#jobpt_wrapgs .job_pt_top .jobpt_zoom{float:right;width:348px;margin:15px 0 0}
#jobpt_wrapgs .job_pt_top .jobpt_zoom li{float:left;padding:0 16px 0 19px;background:url(../../images/front/common/line_c666.gif) no-repeat right top}
#jobpt_wrapgs .job_pt_top .jobpt_zoom li.last{background:none}
#jobpt_wrapgs .job_pt_top .jobpt_zoom li a{display:block;padding-left:20px;font-family:NanumGothicBoldWeb;font-size:.7em;color:#999;letter-spacing:-1px}
#jobpt_wrapgs .job_pt_top .jobpt_zoom .zoom01{background:url(../../images/front/icon/icon_pt_plus_off.gif) no-repeat 0 0}
#jobpt_wrapgs .job_pt_top .jobpt_zoom .zoom02{background:url(../../images/front/icon/icon_pt_minus_off.gif) no-repeat 0 0}
#jobpt_wrapgs .job_pt_top .jobpt_zoom .zoom03{background:url(../../images/front/icon/icon_pt_one_off.gif) no-repeat 0 0}

#jobpt_wrapgs .job_pt_top .jobpt_zoom .zoom01:hover,#jobpt_wrapgs .job_pt_top .jobpt_zoom .zoom01.on{background:url(../../images/front/icon/icon_pt_plus_on.gif) no-repeat 0 0}

#jobpt_wrapgs .job_pt_top .jobpt_zoom .zoom02:hover,#jobpt_wrapgs .job_pt_top .jobpt_zoom .zoom02.on{background:url(../../images/front/icon/icon_pt_minus_on.gif) no-repeat 0 0}

#jobpt_wrapgs .job_pt_top .jobpt_zoom .zoom03:hover,#jobpt_wrapgs .job_pt_top .jobpt_zoom .zoom03.on{background:url(../../images/front/icon/icon_pt_one_on.gif) no-repeat 0 0}

#jobpt_wrapgs .jobpt_con_header{position:relative;width:880px;min-height:90px;height:auto !important;height:90px;padding:40px 50px 0;background-color:#f0f0f0}
#jobpt_wrapgs .jobpt_con_header h2{float:left;font-size:2.5em;color:#f30;letter-spacing:-1px}
#jobpt_wrapgs .jobpt_con_header .jobpt_select{float:right;position:relative;width:290px}
#jobpt_wrapgs .jobpt_con_header .jobpt_select p{width:256px;height:42px;padding:0 13px;border:4px solid #9067bb;background-color:#ffc;cursor:pointer}
#jobpt_wrapgs .jobpt_con_header .jobpt_select p span{display:block;padding:9px 0 0;background:#ffc url(../../images/front/contents/job/jobpt_arr_down.gif) no-repeat 100% 16px;font-family:NanumGothicBoldWeb;font-size:1.2em;color:#623492;letter-spacing:-1px}
#jobpt_wrapgs .jobpt_con_header .jobpt_select a.jobpt_view_text {width:256px;height:42px;padding:0 13px;border:4px solid #9067bb;background-color:#ffc; display:block;}
#jobpt_wrapgs .jobpt_con_header .jobpt_select a.jobpt_view_text span{display:block;padding:9px 0 0;background:#ffc url(../../images/front/contents/job/jobpt_arr_down.gif) no-repeat 100% 16px;font-family:NanumGothicBoldWeb;font-size:1.2em;color:#623492;letter-spacing:-1px; cursor:pointer;}
#jobpt_wrapgs .jobpt_con_header .jobpt_select #select_ptall{display:none;position:absolute;top:46px;left:0;z-index:9999;width:282px;margin:-4px 0 0;border-bottom:4px solid #9067bb;border-right:4px solid #9067bb;border-left:4px solid #9067bb;background-color:#ffc}
#jobpt_wrapgs .jobpt_con_header .jobpt_select #select_ptall a{display:block;height:31px;padding:9px 13px 0;font-family:NanumGothicBoldWeb;font-size:1.2em;color:#623492;letter-spacing:-1px}

#jobpt_wrapgs .jobpt_con_header .jobpt_select #select_ptall a:hover,#jobpt_wrapgs .jobpt_con_header .jobpt_select #select_ptall a:active,#jobpt_wrapgs .jobpt_con_header .jobpt_select #select_ptall a:focus{background-color:#9067bb;color:#ffc}

#jobpt_wrapgs #jobpt_con_body{width:880px;padding:30px 50px 20px;background-color:#fff;font-size:16px;}
#jobpt_wrapgs #jobpt_con_body .selet_hide{visibility:hidden;overflow:hidden;height:0}
#jobpt_wrapgs #jobpt_con_body .selet_show{visibility:visible; overflow:visible; height:auto}
#jobpt_wrapgs #jobpt_con_body .jobpt_dotcon{margin:0 0 31px}
#jobpt_wrapgs #jobpt_con_body .jobpt_dotcon dt{margin:0 0 20px;padding-left:30px;background:url(../../images/front/contents/job/icon_pt_puple.gif) no-repeat left center;font-family:NanumGothicBoldWeb;font-size:1.2em}
#jobpt_wrapgs #jobpt_con_body .jobpt_dotcon dd{margin:0 0 10px 34px;padding-left:15px;background:url(../../images/front/contents/job/icon_pt_condot.gif) no-repeat left 11px;font-size:1em;line-height:1.5em}

#jobpt_wrapgs #jobpt_con_body .jobpt_dotbox{margin:0 0 31px}
#jobpt_wrapgs #jobpt_con_body .jobpt_dotbox dt{margin:0 0 20px;padding-left:30px;background:url(../../images/front/contents/job/icon_pt_puple.gif) no-repeat left center;font-family:NanumGothicBoldWeb;font-size:1.2em}
#jobpt_wrapgs #jobpt_con_body .jobpt_dotbox dd{width:812px;padding:20px 34px 6px;background-color:#eee6f5}
#jobpt_wrapgs #jobpt_con_body .jobpt_dotbox dd dl{width:812px;padding:0 0 16px}
#jobpt_wrapgs #jobpt_con_body .jobpt_dotbox dd dl:after{display:block;clear:both;content:''}
#jobpt_wrapgs #jobpt_con_body .jobpt_dotbox dd dt{float:left;margin:0 10px 0 0;padding:0;background:none;font-family:NanumGothicWeb;font-size:1em;line-height:1.1em;color:#639}
#jobpt_wrapgs #jobpt_con_body .jobpt_dotbox dd dd{float:left;width:auto;padding:0;background:none;line-height:1.1em;font-size:1em}

#jobpt_wrapgs #jobpt_con_body .jobpt_step03{margin:0 0 31px}
#jobpt_wrapgs #jobpt_con_body .jobpt_step03 dt{margin:0 0 20px;padding-left:30px;background:url(../../images/front/contents/job/icon_pt_puple.gif) no-repeat left center;font-family:NanumGothicBoldWeb;font-size:1.2em}
#jobpt_wrapgs #jobpt_con_body .jobpt_step03 dd{}

#jobpt_wrapgs #jobpt_con_body .jobpt_step04{margin:0 0 31px}
#jobpt_wrapgs #jobpt_con_body .jobpt_step04 dt{margin:0 0 20px;padding-left:30px;background:url(../../images/front/contents/job/icon_pt_puple.gif) no-repeat left center;font-family:NanumGothicBoldWeb;font-size:1.2em}
#jobpt_wrapgs #jobpt_con_body .jobpt_step04 dd{}
#jobpt_wrapgs #jobpt_con_body .jobpt_step04 dd dl{margin:0 0 20px 34px}
#jobpt_wrapgs #jobpt_con_body .jobpt_step04 dd dt{margin:0 0 14px;padding-left:15px;background:url(../../images/front/contents/job/icon_pt_condot.gif) no-repeat left center;font-family:NanumGothicBoldWeb;font-size:1em;color:#639}
#jobpt_wrapgs #jobpt_con_body .jobpt_step04 dd dd{margin:0 0 10px 16px;font-size:1em;line-height:1.5em}

#jobpt_wrapgs #jobpt_con_body .jobpt_link_list{}
#jobpt_wrapgs #jobpt_con_body .jobpt_link_list li{margin-bottom:1px;padding:14px 33px 12px;border-top:1px solid #dae3e6;border-left:1px solid #dae3e6;border-right:1px solid #dae3e6;background:url(../../images/front/contents/job/bg_jobpt_tbl2.gif) repeat-x left bottom}
#jobpt_wrapgs #jobpt_con_body .jobpt_link_list li a{font-size:1em;color:#03f}
#jobpt_wrapgs #jobpt_con_body .jobpt_link_list li a:hover{text-decoration:underline}
#jobpt_wrapgs #jobpt_con_body .jobpt_link_list li .news_bold{display:inline-block;width:73px}

#jobpt_wrapgs .jobpt_top{margin:2px 0 0}
#jobpt_wrapgs #jobpt_con_body .jobpt_h3_title{margin:0 0 20px;padding-left:30px;background:url(../../images/front/contents/job/icon_pt_puple.gif) no-repeat left 1px;font-family:NanumGothicBoldWeb;font-size:1.2em}
#jobpt_wrapgs #jobpt_con_body .jobpt_h3_title{margin:0 0 20px;padding-left:30px;background:url(../../images/front/contents/job/icon_pt_puple.gif) no-repeat left center;font-family:NanumGothicBoldWeb;font-size:1.2em}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph{position:relative;width:880px;height:250px;background:url(../../images/front/contents/job/bg_jobpt_graph.gif) no-repeat left top}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph .graph_step01{position:absolute;left:60px;bottom:20px;width:70px}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph .graph_step02{position:absolute;left:175px;bottom:20px;width:70px}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph .graph_step03{position:absolute;left:289px;bottom:20px;width:70px}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph .graph_step04{position:absolute;left:404px;bottom:20px;width:70px}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph .graph_step05{position:absolute;left:519px;bottom:20px;width:70px}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph .graph_step06{position:absolute;left:623px;bottom:20px;width:70px}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph .graph_step07{position:absolute;left:747px;bottom:20px;width:70px}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph .graph_step_info{position:absolute;top:80px;right:3px;padding:1px 0 1px 20px;background:url(../../images/front/contents/job/bg_graph_jobpt_info.gif) no-repeat left 0;font-family:Dotum;font-size:.55em;color:#3f5063;letter-spacing:-1px}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph .graph_jobpt_text{display:block;position:absolute;bottom:0;width:70px;font-family:Dotum;font-size:.6em;color:#666;text-align:center}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph .graph_jobpt_blue{width:70px;margin-bottom:25px;background-color:#20a1c2}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph .graph_jobpt_blue strong{display:block;padding-top:13px;font-family:Dotum;font-size:.6em;font-weight:bold;color:#fff;text-align:center}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph .graph_jobpt_green{width:70px;margin-bottom:25px;background-color:#46aa91}
#jobpt_wrapgs #jobpt_con_body .jobpt_7graph .graph_jobpt_green strong{display:block;padding-top:13px;font-family:Dotum;font-size:.6em;font-weight:bold;color:#fff;text-align:center}

#jobpt_wrapgs #jobpt_con_body .jobpt_graph_box{margin:0 30px 30px 30px;padding:13px 0 0;background:#f3f3f3 url(../../images/front/contents/job/dot_jobpt_graph_box.gif) repeat-x left top; text-align:center;}
#jobpt_wrapgs #jobpt_con_body .jobpt_graph_box .jobpt_box_inner{padding:0 0 12px 58px; background:#f3f3f3 url(../../images/front/contents/job/dot_jobpt_graph_box.gif) repeat-x left bottom; margin:0 auto; overflow:hidden;}
#jobpt_wrapgs #jobpt_con_body .jobpt_graph_box .jobpt_box_inner:after{display:block;clear:both;content:''}
#jobpt_wrapgs #jobpt_con_body .jobpt_graph_box .jobpt_box_inner li{float:left; white-space:nowrap; margin:4px 15px; font-family:Dotum;font-size:.8em;color:#666; font-weight:bold; text-align:center;}
#jobpt_wrapgs #jobpt_con_body .jobpt_graph_box .jobpt_box_inner li.first{margin-right:13px;padding-right:12px;background:#f3f3f3 url(../../images/front/contents/job/dot_jobpt_graph_line.gif) no-repeat right top;color:#ff500f}
#jobpt_wrapgs #jobpt_con_body .jobpt_graph_box .jobpt_box_inner li strong{font-family:Dotum;font-size:1em;color:#ff500f}

#jobpt_wrapgs #jobpt_con_body .jobpt_step05{margin:0 0 20px 31px}
#jobpt_wrapgs #jobpt_con_body .jobpt_step05 dt{margin:0 0 14px;padding-left:15px;background:url(../../images/front/contents/job/icon_pt_condot.gif) no-repeat left center;font-family:NanumGothicBoldWeb;font-size:1em;color:#639}
#jobpt_wrapgs #jobpt_con_body .jobpt_step05 dd{margin:0 0 10px 16px;font-size:1em;line-height:1.5em}

#jobpt_wrapgs #jobpt_con_body .jobpt_interview{width:880px;margin:0 0 20px}
#jobpt_wrapgs #jobpt_con_body .jobpt_interview:after{display:block;clear:both;content:''}
#jobpt_wrapgs #jobpt_con_body .jobpt_interview .jobpt_interview_left{float:left;width:640px}
#jobpt_wrapgs #jobpt_con_body .jobpt_interview .jobpt_interview_right{float:right;width:226px;margin:10px 0 0}
#jobpt_wrapgs #jobpt_con_body .jobpt_interview .jobpt_interview_right li{width:226px;margin:0 0 25px;padding:1px 0 1px 20px;background:url(../../images/front/contents/web/icon_check.gif) no-repeat left center;font-family:Dotum;font-size:.7em;color:#3f5063;word-wrap:break-word;-ms-word-break:break-all}
#jobpt_wrapgs #jobpt_con_body .jobpt_interview .jobpt_interview_right li strong{font-family:Dotum;font-size:1em;color:#3f5063}

#jobpt_wrapgs #jobpt_con_body .pt_table th{height:50px;border:solid 1px #496d93;border-bottom:solid 1px #dae5f0;background:#718dab;font-family:NanumGothicBoldWeb;font-size:1em;color:#fff;text-align:center}
#jobpt_wrapgs #jobpt_con_body .pt_table td{height:50px;border-bottom:solid 1px #dae5f0;border-right:solid 1px #dae5f0;font-family:NanumGothicWeb;font-size:1em;color:#333;text-align:center}
#jobpt_wrapgs #jobpt_con_body .pt_table td.first{border-left:solid 1px #dae5f0;color:#333}
#jobpt_wrapgs #jobpt_con_body .pt_table td.bg{border-right:0;background:#f3f7f9;color:#369}

#jobpt_wrapgs #jobpt_con_body .chart_info_box{width:850px;margin-left:30px;margin-bottom:30px;padding:19px 16px 0;background:#ffffed}
#jobpt_wrapgs #jobpt_con_body .chart_info_box dt{padding-bottom:13px;font-size:1em;font-weight:bold;color:#444}
#jobpt_wrapgs #jobpt_con_body .chart_info_box dd{padding-bottom:19px;font-size:1em;line-height:150%;color:#666}
#jobpt_wrapgs #jobpt_con_body .chart_info_box dd li{padding-bottom:5px;font-size:1em;line-height:150%;color:#666}
#jobpt_wrapgs #jobpt_con_body .jqplot-yaxis-tick {font-size:.8em !important; line-height:120%;}
#jobpt_wrapgs #jobpt_con_body .jqplot-xaxis-tick {font-size:.8em !important; line-height:120%;}

#jobpt_wrapgs #jobpt_con_body .job_type_table{border-top:solid 1px #b6c1cd;border-bottom:solid 1px #b6c1cd; margin:25px 0;}
#jobpt_wrapgs #jobpt_con_body .job_type_table th{padding:11px 15px 12px; border-top:solid 1px #e0e5e9;background:url(../../images/front/icon/line_01.gif) no-repeat right center;font-size:1em;color:#666}
#jobpt_wrapgs #jobpt_con_body .job_type_table td{min-height:11px;padding:13px 17px 10px;border-top:solid 1px #e0e5e9;font-size:1em;color:#666; line-height:150%;}


#jobpt_wrapgs #jobpt_con_body .job_view_graph3 li dt{padding-top:20px; font-size:.8em;}
#jobpt_wrapgs #jobpt_con_body .job_view_graph3 li.last {margin:-10px 0 -11px 0;}
#jobpt_wrapgs #jobpt_con_body .job_view_graph3 li.last li{padding-top:20px; font-size:.8em;}



#jobpt_wrapgs .graph_info_box{margin:0 30px;padding:9px 0 7px;border-top:dotted 1px #b6c1cd;border-bottom:dotted 1px #b6c1cd;background:#f3f3f3;text-align:center}
#jobpt_wrapgs .graph_info_box span{display:inline-block;padding:3px 10px;color:#666}
#jobpt_wrapgs .graph_info_box span strong{color:#ff500f}

/* 계열안내 팝업 */
.affiliationgs_popup{width:800px;background-color:#fff}
.affiliationgs_popup .affiliation_pop_top{height:47px;padding:23px 94px 0;background:#527397 url(../../images/front/contents/job/icon_affiliation.gif) no-repeat 49px 23px;font-family:NanumGothicBoldWeb;font-size:24px;font-weight:normal;color:#fff}
.affiliationgs_popup .affiliation_pop_body{padding:40px 50px 50px}
.affiliationgs_popup .affiliation_pop_body dl {margin:0 0 30px}
.affiliationgs_popup .affiliation_pop_body dt {margin-bottom:15px;font-family:NanumGothicBoldWeb;font-size:18px;color:#036;}
.affiliationgs_popup .affiliation_pop_body dt a {font-family:NanumGothicBoldWeb;font-size:18px;color:#036;}
.affiliationgs_popup .affiliation_pop_body dd {font-family:NanumGothicWeb;font-size:13px;line-height:20px;color:#555}
.affiliationgs_popup .affiliation_pop_btm{text-align:center}

/* 미래의 직업세계변화 */
.title_txt{clear:both;width:880px;margin-left:30px;margin-top:30px;font-size:12px;line-height:160%;color:#666}

/* 문화산업 */
.cultureJobTable01{width:100%;}
.cultureJobTable01 th, .cultureJobTable01 td{ border-collapse:collapse}
.firstTh{ border:4px solid #7993ac;border-right:1px solid #7993ac;}
.secondTh{ border:4px solid #7993ac;border-left:none;}
.cultureJobTable01 thead tr th{height:30px; background:#f8f8f8;}
.cultureJobTable01 tbody tr td{height:30px;border-bottom:1px solid #e0e5e9; padding:10px; background:#fff; line-height:1.5em;}
.cultureJobTable01 tbody tr td.tc{height:30px;border-bottom:1px solid #e0e5e9; padding:10px; background:#f8f8f8;}

/*  메인  */
#job_main {width:100%; background:url(../../images/front/contents/job/main_bg.gif) repeat-x left 387px; overflow:hidden;}
#job_main #contents {width:940px; margin:0 auto; padding-bottom:50px;}
/* .advice_main_colum1 {float:left; width:597px; height:376px;} */
.job_main_colum1 {height:300px; background:url(../../images/front/contents/job/main_img1.gif) no-repeat 611px 60px; padding-top:30px}
.job_main_colum1 .title_h1 {font-family:'NanumGothicBoldWeb'; font-size:33px; color:#000;}
.job_main_colum1 .title_h1 span {font-family:'NanumGothicBoldWeb'; font-size:33px; color:#0861a8;}
.job_main_colum1 .mainTxt1 {padding:10px 0 10px ; font-size:14px; color:#666666; }
.job_main_colum1 .mainTxt1 span {font-size:14px; color:#ff4a00; font-weight:bold;}
.job_main_colum1 .mainTxt2 {font-size:14px; color:#666; line-height:150%; }
.job_main_colum1 .mainTxt2 strong {display:inline-block; background:#575757; font-weight:bold; color:#fff; font-size:14px; line-height:135%}
.job_main_colum1 .text_blur {width:281px;height:12px;margin:5px;padding:9px 12px;border:0;background:url(../../images/front/contents/job/text_blur.gif) no-repeat 12px 7px; }
.job_main_colum1 .text_focus {width:281px;height:12px;margin:5px;padding:9px 12px;border:0;background:#fff}

.job_main_colum1 .mainLink1 a {display:inline-block; padding-right:3px; vertical-align:bottom;}
.job_main_colum1 h2 {font-family:'NanumGothicBoldWeb'; font-size:16px; color:#333333; padding:27px 0 8px 0;}
.job_main_colum1 li {float:left; width:113px;}
.btn_job_main1 {display:block; width:95px; height:31px; padding:20px 0 0 15px; font-size:13px; font-weight:bold; color:#ff6633; background:url(../../images/front/contents/job/main_btn_off.gif) no-repeat left top; }
.btn_job_main1:hover {display:block; width:95px; height:31px; padding:20px 0 0 15px; font-size:13px; font-weight:bold; color:#fff; background:url(../../images/front/contents/job/main_btn_on.gif) no-repeat left top; }
.btn_job_main2 {display:block; width:95px; height:38px; padding:13px 0 0 15px; font-size:13px; font-weight:bold; color:#ff6633; background:url(../../images/front/contents/job/main_btn_off.gif) no-repeat left top; }
.btn_job_main2:hover {display:block; width:95px; height:38px; padding:13px 0 0 15px; font-size:13px; font-weight:bold; color:#fff; background:url(../../images/front/contents/job/main_btn_on.gif) no-repeat left top; }
.btn_job_main3 {display:inline-block; background:url(../../images/front/contents/job/main_btn_left.gif) no-repeat left top; }
.btn_job_main3 span {display:inline-block; background:url(../../images/front/contents/job/main_btn_right.gif) no-repeat right top; height:11px; font-weight:bold; font-size:12px; color:#ff6633; padding:7px 19px 9px 9px; cursor:pointer;}

.job_main_colum2 {clear:both; width:100%;  height:160px; padding-bottom:100px; padding-top:45px;}
.job_main_colum2 .fl {float:left; width:475px; background:url(../../images/front/contents/job/main_ico_01.gif) no-repeat left top; padding:14px 0 0 45px;}
.job_main_colum2 .fr {position:relative; float:left; width:355px; background:url(../../images/front/contents/job/main_ico_02.gif) no-repeat left top; padding:14px 0 0 45px;}
.job_main_colum2 .mainTxt3 {padding:5px 0 10px 0; font-size:11px; color:#888888; letter-spacing:-1px; line-height:140%;}
.job_main_colum2 h3 {font-family:'NanumGothicBoldWeb'; font-size:14px; color:#49556d; letter-spacing:-1px;}
.job_main_colum2 li strong {font-family:'NanumGothicBoldWeb'; font-size:14px; color:#f37200;}
.job_main_colum2 li p {font-size:11px; color:#afafaf; line-height:135%; padding:5px 0 9px; letter-spacing:-1px;}
.job_main_colum2 li.weekAdvice {float:left; width:213px; background:url(../../images/front/contents/counsel/main_img2.gif) no-repeat 145px top;}
.job_main_colum2 li.adviceSearch {float:left; width:162px; background:url(../../images/front/contents/counsel/main_img3.gif) no-repeat 106px top;}
.job_main_colum2 .fr ul {overflow:hidden; padding-top:41px;}
.job_main_colum2 .fr li {float:left; padding-right:49px;}
.job_main_colum3 {margin-left:42px; border-top:solid 1px #e3e3e3; padding:33px 0 0 0;}
.job_main_colum3 .fl {float:left; width:457px;}
.job_main_colum3 .fr {float:left; width:415px;}
.job_main_colum3 dt {float:left; width:70px; font-family:'NanumGothicBoldWeb'; font-size:13px; color:#ff6300;  background:url(../../images/front/contents/job/main_ico_allow.gif) no-repeat right top; padding-right:5px;}
.job_main_colum3 dd {float:left; width:340px; line-height:18px;}
.job_main_colum3 dd a {padding:0 7px; background:url(../../images/front/contents/job/main_line1.gif) no-repeat left top; font-size:12px; color:#666666;}
.job_main_colum3 dd a.first {background:none}
.job_main_colum3 dd a:hover {text-decoration:underline}



.type_layer2_1,
.type_layer2_2 {overflow:hidden; position:absolute; right:35%;top:48px; z-index:10; width:238px; height:202px; margin-top:-235px; background:url(../../images/front/contents/job/layer_box2.gif) no-repeat left top; }
.type_layer2_1 .fl,
.type_layer2_2 .fl {float:left; width:209px; padding:13px 13px 0 13px; text-align:left}
.type_layer2_1 .fl strong,
.type_layer2_2 .fl strong {display:block; background:url(../../images/front/contents/job/layer_tit.gif) no-repeat left top; width:205px; height:24px; padding:7px 0 0 10px; font-size:12px; font-weight:bold;}
.type_layer2_1 .fl p,
.type_layer2_2 .fl p {padding-top:13px; font-size:12px; line-height:140%; color:#666;}


.job_view_graph4 {position:relative; margin:40px 31px 30px 90px; padding-bottom:30px; background:url(../../images/front/contents/job/job_view_grap_bg4.gif) repeat-x left top;}
.job_view_graph4 .part {position:relative; margin-bottom:24px;}
.job_view_graph4 .part .part_year {position:absolute; left:-50px; top:40px;}
.job_view_graph4 .part .graph_bar4 {height:84px;}
.job_view_graph4 .part .graph_bar4 li {position:relative; height:20px; margin-bottom:1px;}
.job_view_graph4 .part .graph_bar4 li .graph01 {position:absolute; top:0; left:0; height:15px; padding-top:5px; background:url(../../images/front/contents/job/job_view_grap_bar_blue.gif) repeat left top; text-align:right;}
.job_view_graph4 .part .graph_bar4 li .graph02 {position:absolute; top:0; left:0; height:15px; padding-top:5px; background:url(../../images/front/contents/job/job_view_grap_bar_green.gif) repeat left top; text-align:right;}
.job_view_graph4 .part .graph_bar4 li .graph03 {position:absolute; top:0; left:0; height:15px; padding-top:5px; background:url(../../images/front/contents/job/job_view_grap_bar_yellow.gif) repeat left top; text-align:right;}
.job_view_graph4 .part .graph_bar4 li .graph04 {position:absolute; top:0; left:0; height:15px; padding-top:5px; background:url(../../images/front/contents/job/job_view_grap_bar_orange2.gif) repeat left top; text-align:right;}
.job_view_graph4 .part .graph_bar4 li p span {margin-right:5px; font-weight:bold; color:#fff;}
.graph_info_box4{margin:20px 30px 0; padding:20px; border-top:dotted 1px #b6c1cd; border-bottom:dotted 1px #b6c1cd; background:#f3f3f3; line-height:200%; text-align:left;}
.job_view_graph5 {padding-top:20px; text-align:center;}

/***** 미래의 직업세계>학과정보>대학교 *****/
.major_view #JQTabMenu {padding: 0; margin-top: 10px; border: 0;}
.major_view #JQTabMenu .ui-tabs-nav {margin: 0; padding: 0; border: 0; border-left: 1px solid #ccc; /* border-bottom:1px solid #ccc; overflow:hidden;border-top:1px solid #ccc;background:url(../../images/front/contents/job/bg_tabs_line.gif) repeat-y right 0 !important; */}
.major_view #JQTabMenu .ui-state-default {margin: 0; border: 0; width: 20%;padding-bottom:0 !important;border-bottom:1px solid #ccc !important;border-top:1px solid #ccc;z-index:1;}
.major_view #JQTabMenu .ui-state-default a {float: none; cursor:pointer; display:block; background:#eceeef; text-align:center; font-size:14px; color:#2e5079; font-family:'Dotum'; border:solid 1px #ccc; border-left: 0; border-bottom: 0; height:25px; padding:13px 0 0 0; margin-top:-2px;}
/*.major_view #JQTabMenu .ui-state-default.tab4 {*width:25.2%;}*/
.major_view #JQTabMenu .ui-state-default.tab5 a {margin-top:-1px;}
.major_view #JQTabMenu .ui-tabs-selected a,
.major_view #JQTabMenu .ui-state-active a,
.major_view #JQTabMenu .ui-state-hover a {background:#fff; color:#666;font-weight:bold; color:#ff6633;}
.major_view #JQTabMenu .ui-widget-header {background: #fff;}
.major_view #JQTabMenu .ui-tabs-nav li.ui-tabs-selected {z-index:2 !important;}

/*탭메뉴*/
#commbbsTab {clear:both; margin-top:33px;}
#commbbsTab ul {width:100%; overflow:hidden; border:solid 1px #ccc; border-bottom:none;}
#commbbsTab ul li {width:50%;float:left; text-align:center;}
#commbbsTab ul li a{ cursor:pointer;display:block; background:#eceeef;  font-size:14px; color:#2e5079; font-family:'Dotum';  border-left:solid 1px #ccc;border-bottom:solid 1px #ccc;  height:25px; padding:13px 0 0 0; }
#commbbsTab ul li a:hover {border-bottom:1px solid #fff;background:#fff;color:#666;font-weight:bold; color:#ff6633;}
#commbbsTab ul li a.on {border-bottom:1px solid #fff;background:#fff;color:#666;font-weight:bold; color:#ff6633;}
#commbbsTab ul li:first-child a{border-left:none;}

/***** 미래의직업세계 2013-0426 *****/
#job_main {width:100%; background: none; margin:0; padding: 0;}
#conteniner {padding: 0;}
.cnetsubmain_future {position: relative; width: 940px; margin: 0 auto;}

/***** 미래의직업세계 타이틀 *****/
.future_title {margin: 56px 0 25px 0; width: 940px;}
.future_title h1 {margin: 0; padding: 0; height: 38px; font-size: 0; line-height: 999px; overflow: hidden; background: url(../../images/front/contents/job/cnetsubmain_future_title.gif) 0 0 no-repeat;}
.future_title p {margin: 0; padding: 0; height: 14px; font-size: 0; line-height: 999px; overflow: hidden; background: url(../../images/front/contents/job/cnetsubmain_future_subtitle.gif) 0 0 no-repeat;}
.future_contents {position: relative; margin: 0; padding: 0;}
.future_contents ul {margin: 0; padding: 0; list-style: none; width: 940px;}
.future_contents li {display: inline-block; padding: 0; list-style: none; vertical-align: top;}

/***** 직업정보 *****/
.future_job {position: relative; margin: 0; padding: 0; width: 330px; height: 440px; font-family: Malgun Gothic; background: url(../../images/front/contents/job/future_job.gif) 0 0 no-repeat;}
.future_job h2,
.future_job p {display: none;}

.future_job .futurejob_search label {visibility: hidden; font-size: 0 !important; color: #fff !important;}
.future_job .futurejob_search {margin: 116px 0 0 35px; width: 258px; height: 42px;}
.futurejob_search .futurejob_input {position: relative; margin: 2px; padding: 0 50px 0 10px; border: 1px solid #e7e7e7; width: 200px; height: 42px; line-height: 42px; vertical-align: middle;}
.futurejob_search .futurejob_input:focus {margin: 0; border: 3px solid #fd5a01;}
.futurejob_search .futurejob_button {position: absolute; top: 120px; right: 31px; border-left: 1px solid #C7C5C6; width: 44px; height: 42px; line-height: 42px; border: 0; font-size: 0; overflow: hidden; vertical-align: middle; background: url(../../images/front/contents/job/search_button.gif) 0 0 no-repeat; cursor: pointer; z-index: 999;}

.future_job .futurejob_link {position: relative; margin: 40px 0 0 0;}
.future_job .futurejob_link ul {margin: 0; padding: 0; list-style: none;}
.future_job .futurejob_link li {display: block; margin: 0; padding: 0 0 0 42px; list-style: none; height: 18px; line-height: 18px; background: url(../../images/front/contents/job/cnetsubmain_bullet.gif) 35px 5px no-repeat;}
.future_job .futurejob_link a {color: #444; font-size: 12px; line-height: 12px; font-family: Dotum; text-decoration: none;}
.future_job .futurejob_link .link_frist {font-weight: bold;}

/***** 학과정보 *****/
.future_subject {position: relative; margin: 0; padding: 0; width: 330px; height: 440px; background: url(../../images/front/contents/job/future_subject.gif) 0 0 no-repeat;}
.future_subject h2,
.future_subject p {display: none;}
.subject_search label {visibility: hidden; font-size: 0 !important; color: #fff !important;}
.future_subject .subject_search {margin: 116px 0 0 35px;width: 258px; height: 42px;}
.subject_search .subject_input {position: relative; margin: 2px; padding: 0 50px 0 10px; border: 1px solid #e7e7e7; width: 200px; height: 42px; line-height: 42px; vertical-align: middle;}
.subject_search .subject_input:FOCUS {margin: 0; border: 3px solid #fd5a01;}
.subject_search .subject_button {position: absolute; top: 120px; right: 31px; border-left: 1px solid #C7C5C6; width: 44px; height: 42px; line-height: 42px; border: 0; font-size: 0; overflow: hidden; vertical-align: middle; background: url(../../images/front/contents/job/search_button.gif) 0 0 no-repeat; cursor: pointer; z-index: 999;}

.future_subject .subject_link {position: relative; margin: 40px 0 0 0;}
.future_subject .subject_link ul {margin: 0; padding: 0; list-style: none;}
.future_subject .subject_link li {display: block; margin: 0; padding: 0 0 0 42px; list-style: none; height: 18px; line-height: 18px; background: url(../../images/front/contents/job/cnetsubmain_bullet.gif) 35px 5px no-repeat;}
.future_subject .subject_link a {color: #444; font-size: 12px; line-height: 12px; font-family: Dotum; text-decoration: none;}
.future_subject .subject_link .link_frist {font-weight: bold;}

/***** 학교정보 *****/
.future_school {margin: 0; padding: 0; width: 270px; height: 440px; background: url(../../images/front/contents/job/future_school.gif) 0 0 no-repeat;}
.future_school h2,
.future_school p {display: none;}
.future_school .school_link {padding: 150px 20px 0 24px;}
.future_school {font-size: 12px; font-family: Dotum;}
.future_school ul {display: inline; margin: 0; padding: 0; list-style: none;}
.future_school li {display: inline-block; margin: 0; padding: 0 0 26px 8px; list-style: none;}
.school_link
.link_primary
.link_high
.link_secondary
.link_university
.link_specific
.link_other

    /***** 직업자료실 *****/
.future_morgue {position: relative; top: 0; right: 0; width: 940px; height: 126px;}
.future_morgue .morgue_link {position: relative; width: 940px; height: 126px; border-bottom: 1px solid #d4d4d4;}
.future_morgue .morgue_link ul {margin: 0; padding: 16px 0 0 0; list-style: none;}
.future_morgue .morgue_link li {display: inline-block; margin: 0; padding: 0; list-style: none;}
.future_morgue .morgue_link .link_first,
.future_morgue .morgue_link .link_line {border-bottom: 1px dotted #f4f4f4; width: 700px; height: 36px;}
.future_morgue .morgue_link .link_first h3 {display: inline-block; width: 120px; height: 32px; font-size: 0; line-height: 999px; overflow: hidden; vertical-align: middle; background: url(../../images/front/contents/job/future_morguetitlefirst.gif) 4px 8px no-repeat;}
.future_morgue .morgue_link .link_line h3 {display: inline-block; width: 102px; height: 36px; font-size: 0; line-height: 999px; overflow: hidden; vertical-align: middle; background: url(../../images/front/contents/job/future_morguetitle.gif) 4px 8px no-repeat;}
.future_morgue .morgue_link .link_last h3 {display: inline-block; width: 102px; height: 36px; font-size: 0; line-height: 999px; overflow: hidden; vertical-align: middle; background: url(../../images/front/contents/job/future_morguetitlelast.gif) 4px 8px no-repeat;}
.future_morgue .morgue_link .morgue_field {display: inline-block; padding: 0 6px; border-right: 1px solid #ccc; font-size: 12px; font-family: Dotum; vertical-align: middle; cursor: pointer;}
.future_morgue .morgue_link .morgue_field:HOVER {text-decoration: underline;}
.future_morgue .morgue_link .no_line {border-right: 0;}

/***** 학과자료실 *****/
.future_morgue .morgue_report {position: absolute; top: 517px; right: 0; width: 300px; height: 124px;}
.future_morgue .morgue_report .report_earth {display: inline-block; margin: 0; padding: 0; width: 153px; height: 124px; font-size: 0; line-height: 999px; overflow: hidden; background: url(../../images/front/contents/job/report_earth.gif) 0 0 no-repeat; cursor: pointer;}
.future_morgue .morgue_report .report_study {display: inline-block; margin: 0; padding: 0; width: 122px; height: 124px; font-size: 0; line-height: 999px; overflow: hidden; background: url(../../images/front/contents/job/report_study.gif) 0 0 no-repeat; cursor: pointer;}

.long_txt {font-size:13px!important;padding:6px 0 7px!important;line-height:14px;}


/***** 학교진로상담(지도) 종합 지원체제 *****/

#sel img {float:left;margin-right:10px;width:54px;height:72px;margin-bottom:5px}
#sel h3{margin:0 10px 5px 10px;font-weight:bold;font-size:1.2em;line-height:20px;}
.sel_table thead {width: 100%;background-color:#768699;}
.sel_table th {color:#FFFFFF;text-align:center;padding: 15px 15px 12px;}
.sel_table td {border-bottom: 1px solid #e3e7ec;padding: 20px 15px 16px;background-color:#f3f7f9;line-height:16px;}
.sel_table td .pdf_download{display:inline-block;padding:5px 10px;color:#fff;background:#768699;border-radius:3px}
.sel_table td span{display:block;padding:10px 0 0 0;line-height:1.5;word-break:keep-all}
.sel_table td .mv_down{display:inline-block;width:25%;float:left}
.sel_table td .mv_down a{display:block;}
.sel_table td .mv_down span{padding:0 5px 0 0}
.lbl {color:#666 !important;border-bottom: 1px solid #e3e7ec;}
.lnk {font-style: italic;font-size: 0.5em;margin: 5px 5px;font-weight: normal;}
.rul_tit{height:190px;background: url(../../images/tit_bg.png) 0 50px no-repeat;font-size:14px;padding:75px 0 20px 330px;line-height:22px;color:#000}
.rul_tit strong{font-size:25px;color:#000;display:block;padding:0 0 15px 0}
.rul_cont {background:#5999ee;padding:25px 0;height:130px;margin-bottom:70px}
.rul_cont dl{width:27%;height:130px;display:inline-block;padding:0 30px;border-right:1px solid #96bff4;float:left}
.rul_cont dl:last-child{border:none;padding-right:0}
.rul_cont dl dt{color:#fff;font-size:20px;padding:0 0 15px 0;font-weight:bold}
.rul_cont dl dd{color:#fff;font-size:14px;line-height:20px}
.rul_step h3{font-size:16px;background: url(../../images/arrow_blue.png) 0 25px no-repeat;padding:25px 0 0 25px;color:#000}
.rul_step img{margin:15px 0}
.rul_step p{margin-top:10px;line-height:18px}

/***** 4차 산업혁명 진로자료 *****/

.fourth_wrap,.tag_wrap,.card_wrap,.tag{font-family: 'Noto Sans KR', '돋움', dotum, sans-serif}
.fourth_wrap .fourth_tit{color:#000;font-size:16px;margin:30px 0 42px 0}
.fourth_info{position:relative;height: 51px;}
.fourth_wrap:after{content:"";background:url(../../images/front/job/4thIndustrialRevolution/robot.png) right bottom no-repeat;position:absolute;right:0;top:-40px;width:286px;height:165px;z-index:-1}
.fourth_wrap .fourth_data_btn {background: #ffffff;color: #000;position: absolute;top: 55px;width: 169px;height: 36px;line-height: 36px;border-radius: 5px;padding: 0 0 0 18px;font-size: 14px;z-index: 1;display: block;right: 0;border: 2px solid #676767;font-weight: bold;}
.fourth_wrap .fourth_data_btn:before {content: "▶";display: inline-block;color: #f70404;margin: 0 5px 0 0;}
.tab_menus_re.fourth ul li a {display: block;background: #a5b8c4;font-size: 18px;height: 58px;line-height: 58px;padding:0;text-align: center;color:#fff;}
.tab_menus_re.fourth ul li:after{content:none}
.tab_menus_re.fourth ul li a.selected {background-color: #037beb;}
.card_view{width:980px;position: relative;margin:0 0 30px -10px;}
.card_view .card.last{width: 100%;height: 50px;margin-bottom: 50px;}
.card_view:after{content:"";display:block;clear:both;height:50px;}
.card {height: 200px;float:none !important;min-height: auto;float: left;min-height: 1px;margin-right:10px;width: 320px;}
.card h3.card_header{position:relative;height:42px;line-height:42px;border-bottom:1px solid rgba(255,255,255,.4);font-size:14px;text-align:right;color:#fff;margin:0;padding-right:10px;z-index:2}
.card h3.card_header:after{content:"";display:inline-block;width:12px;height:12px;background:#fff;border-radius:100%;margin-left:10px}
.card.job{background:#037beb;height: 278px;}
.card.job2{background:#037beb;height: 145px;}
.card.job2 .card_contents{padding-top: 8px !important;}
.card.dream{background:#de47a0;height: 145px;}
.card.data{background:#587787;height: 145px;}
.card.customer{background:#01a185;height: 145px;}
.card.zam{background:#037beb;height: 278px;}
.card.recipe{background:#7b9933;height: 145px;}
.card.play{height: 240px;}
.card.play:before{content:"";display:block;position:absolute;background:rgba(0,0,0,.3) url(../../images/front/job/4thIndustrialRevolution/btn-play.png) center 88px no-repeat;width:100%;height:100%;cursor:pointer}
.card_contents{padding:23px;color:#fff;display:block;z-index:3;position:relative;}
.card_contents h4{font-size:20px;margin:0 0 10px 0;word-break:keep-all;font-family: 'Noto Sans KR', '돋움', dotum, sans-serif; line-height: 1.4;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 278px;}
.card_contents p{font-size:13px;word-break:keep-all;font-weight: 200;line-height: 1.5;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;height:60px;overflow: hidden;}
.card.job .card_contents p,
.card.zam .card_contents p{text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-wrap: break-word;height:115px;overflow: hidden;}
.card.play .card_contents {padding: 184px 20px 0 20px;position: absolute;width: 278px;top: 0;height: 40px;}
.card.play .card_contents h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.card.play .card_contents h4 strong{display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:278px;font-weight: 400; margin-top: 7px;}
.card.play .card_contents span{font-size:14px;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 278px;height: 16px;}
.card.dream .card_contents p,.card.data .card_contents p,.card.recipe .card_contents p, .card.customer p{font-size:14px;}
.card:hover{-webkit-transition:1s;-o-transition:1s;transition:1s}
.card.job:hover{background:#0061bb;}
.card.dream:hover{background:#d02c8c;}
.card.data:hover{background:#3b5461;}
.card.customer:hover{background:#00827d;}
.card.zam:hover{background:#0061bb;}
.card.recipe:hover{background:#5b7912;}
.card_tab>ul{width:100%;display:table;margin-bottom:25px;}
.card_tab>ul>li{display:table-cell}
.card_tab>ul>li>a{display:block;text-align:center;width:104px;height:55px;line-height:55px;background:#f7f8fa;color:#5e666b;font-size:14px;font-family: 'Noto Sans KR', '돋움', dotum, sans-serif;border-right:1px solid #eee;letter-spacing: -1px;}
.card_tab>ul>li.active>a{background:#586c79;color:#fff}
.card_wrap .card_search{font-size:16px;color:#5e666b;margin-bottom:34px;}
.card_wrap .card_search strong{color:#037beb;}
.tag_tit{color:#5e666b;font-size:13px}
.tag_tit:before{content:"";display:inline-block;width:10px;height:10px;background:#5e666b;border-radius:100%;margin:0 10px 0 20px}
.tag_wrap{background:#f7f8fa;border:1px solid #ced3d7;margin-bottom:33px;position:relative;}
.tag_wrap .fourth_data_btn{background:#037beb url(../../images/front/job/4thIndustrialRevolution/btn_data.png) 10px center no-repeat;color:#fff;position:absolute;right:10px;top:10px;width:137px;height:36px;line-height:36px;border-radius:5px;padding: 0 0 0 35px;font-size: 14px;}
.tag_wrap .tag_tit{background:#fff;height:58px;line-height:58px;}
.tag_wrap .tag_cloud{min-height:60px;text-align:center;padding:20px 40px;}
.tag_wrap .tag_cloud .tag{display:inline-block;margin:0 10px;line-height:1.7;vertical-align:middle;letter-spacing:-1px;border-bottom:3px solid #f7f8fa}
.tag_wrap .tag_cloud .tag:before{content:"#";display:inline;font-weight: 100;}
.tag_wrap .tag_cloud .tag.high{font-size:30px;color:#000}
.tag_wrap .tag_cloud .tag.high{font-size:30px;color:#000}
.tag_wrap .tag_cloud .tag.medium{font-size:23px;color:#555}
.tag_wrap .tag_cloud .tag.small{font-size:16px;color:#707070}
.tag_wrap .tag_cloud .tag.on{color:#037beb;border-bottom:3px solid #037beb}
.dim{position: absolute;width: 100%;height: 100%;min-height: 100%;z-index: 10;background: rgba(255,255,255,.7);text-align: center;top:0}
.dim_null>img{margin-top:13%;}




/*해외신직업*/
.title_dec_global{font-size:14px;color:#222;padding:15px 0;line-height:1.5;background:url(../../images/global_plane.png) right top no-repeat;}
.globla_job .global_box{border-top:3px solid #0193a4;border-bottom:1px solid #0193a4;}
.globla_job .global_head{height:60px;line-height:60px;border-bottom:1px solid #ddd;}
.globla_job .global_head .global_country{float:right;height:60px;line-height:60px;font-size:14px}
.globla_job .global_head .global_country img{margin:0 0 0 5px}
.globla_job .global_head .global_country strong{margin:0 12px 0 0}
.globla_job .global_head .global_country strong:after{content:"▶";display:inline-block;font-size:12px;margin: 0 6px;}
.globla_job .global_head .global_ctg{float:left;height:60px;line-height:60px;font-size:14px;color:#333;font-weight: 600;padding: 0 0 0 10px;}
.globla_job .global_cont {position:relative;padding:46px 15px 45px 456px}
.globla_job .global_cont h2{font-size:36px;color:#0193a4;font-weight:bold;font-family:'Nanum Gothic','돋움',dotum,sans-serif;margin:0 0 20px 0}
.globla_job .global_cont p{font-size:16px;color:#333;}
.globla_job .global_cont .global_job_img{position:absolute;left:0;top:0}
.globla_job .global_cont .global_job_img img{width: 336px; max-height: 225px;}
.globla_job h3{font-size:22px;color:#0193a4;font-weight:bold;font-family:'Nanum Gothic','돋움',dotum,sans-serif;margin:50px 0 20px 0}
.globla_job h4{font-size:16px;color:#444;font-weight:bold;margin:0 0 18px 0}
.globla_job h4:before{content:"";width: 3px;height:16px;display:inline-block;background:#0193a4;margin:0 7px 0 0;vertical-align:middle;}
.globla_job .bullet_list{margin:0 0 20px 0;}
.globla_job .bullet_list li{font-size:12px;color:#333;line-height:1.7;text-indent:-8px;padding:0 0 0 15px}
.globla_job .bullet_list li:before{content:"·";width: 7px;font-size:20px;display:inline-block;font-weight:bold;color:#0193a4;line-height:20px;vertical-align: middle;}
.globla_job p{font-size:14px;color:#222;margin:0 0 14px 0;line-height:1.6}
.globla_job p.list_para{font-size:14px;color:#222;margin:0 0 20px 0;line-height:1.6;padding: 0 0 0 11px;}
.globla_job p.list_para:before{content:"●";width: 7px;font-size:10px;display:inline-block;font-weight:bold;color:#0193a4;margin: 3px 8px 0 -15px;vertical-align: top;}
.globla_job .relate_corps{width:100%}
.globla_job .relate_corps th,
.globla_job .relate_corps td{background: #f9f9f9;line-height: 1.5;border: 5px solid #fff;padding: 5px 5px 5px 20px;font-size: 14px;text-align: left;}
.globla_job .relate_corps td a{background:url(../../images/url_link.png) left 2px no-repeat;display:block;padding:0 0 0 23px;line-height:20px;color:#0193a4;font-size:14px; width:560px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.globla_job .relate_mv{background:#f9f9f9;height:60px;line-height:60px}
.globla_job .relate_mv a{background: url(../../images/bullet_play.png) 19px 18px no-repeat;display: block;padding: 0 0 0 49px;line-height: 55px;color: #0193a4;font-size: 14px;}
.globla_job .page_img{padding:20px 0;width: 980px;overflow: hidden;text-align: center;}
.globla_job .page_img img{max-width: 100%;}
.globla_job .relate_mv a:hover,
.globla_job .relate_corps td a:hover{color:#0193a4;text-decoration:underline}
.globla_job .para_exam{background:#f8fcfd;min-height:26px;line-height:1.6;border:1px solid #0193a4;border-radius:6px;padding: 17px 10px 17px 72px;font-size:14px;}
.globla_job .para_exam span{display:inline-block;height:23px;line-height:23px;background:#0193a4;color:#fff;border-radius:20px;padding:0 10px;font-size:12px;margin: 0 6px 0 -48px;}
.globla_job .super{font-size: 10px;vertical-align: super;font-weight: bold;}
.globla_job .super_descpt{font-size: 12px;color:#666}
.globla_job .thumb_img {margin-bottom: 20px;}
.globla_job .thumb_img li{display:block;width:50%;float:left; margin: 0 0 10px 0;}
.globla_job .thumb_img:after{display:block;content:"";clear:both;}
.globla_job .thumb_img li a{font-size: 14px;line-height: 1.5;color: #0193a4;overflow:hidden;display: inline-block;height: 90px;padding: 0 20px 0 0;}
.globla_job .thumb_img li a:hover{text-decoration: underline;}
.globla_job .thumb_img li a img{vertical-align: top;margin: 0 20px 0 0;float: left;width:80px;height:80px;}
.globla_job .file_tag{padding-top:20px;margin:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.globla_job .file_tag .file{background:url(../../images/paperclip.png) left top no-repeat;padding: 0 0 17px 24px;font-weight: bold;}
.globla_job .file_tag .file a{font-weight: normal;padding: 0 0 0 10px;}
.globla_job .file_tag .file a:hover{color: #0193a4;text-decoration: underline;}
.globla_job .file_tag .tag{background:url(../../images/tagshape.png) left 8px no-repeat;padding: 0 0 17px 24px;}
.globla_job .file_tag .tag dt{display: inline-block;padding:0 10px 0 0;vertical-align: middle;}
.globla_job .file_tag .tag dd{display: inline-block;padding:0 5px 0 0;vertical-align: middle;}
.globla_job .file_tag .tag dd a:hover{color: #0193a4;border:1px solid #0193a4;}
.globla_job .file_tag .tag dd a{font-family: 'Noto Sans KR', '돋움', dotum, sans-serif;display: inline-block;border: 1px solid #ccc;padding: 8px;border-radius: 3px;}
.ui-thumb-list ul li a:hover {text-decoration:underline}


/*한국인의 직업지표 검색*/
.kjob_wrap .kjob_search .searchword{background:none;position:relative;}
.kjob_wrap .kjob_search .searchword:after{content:'';display:block;width:340px;height:40px;border:2px solid #b0b7bc;position:absolute;top:0;z-index:-1}
.kjob_wrap .kjob_search .searchword .btn_kjob{background:url(../../images/front/job/jobIndicator/kjob_btn.png) no-repeat;width:37px;height:37px;display:inline-block;vertical-align: middle;position: absolute;left: 305px;top: 2px;}
.kjob_wrap .kjob_search .searchword .text_focus {width: 316px;height: 22px;margin:2px 0 0 2px;}
.autocomplete-suggestions { border: 1px solid #b0b7bc; background: #FFF; overflow: auto;padding: 10px 0;font-size: 13px;}
.autocomplete-suggestion { padding:5px 30px 5px 15px; cursor: pointer;line-height: 1.5; background:url(../../images/front/job/jobIndicator/kjob_bullet_s.png) right top no-repeat}
.autocomplete-selected {background:#f3f5f6 url(../../images/front/job/jobIndicator/kjob_bullet_s.png) right -132px no-repeat;color:#000;}
.autocomplete-suggestions strong { font-weight: bold; color: orange;  }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.autocomplete-no-suggestion{padding: 5px 30px 5px 15px;cursor: pointer;line-height: 1.5;font-size: 13px;}
.kjob_wrap .kjob_search .searchword .no-comment{display: inline-block;color: #fc4100;vertical-align: top;line-height: 1.5;padding: 0 0 0 22px;text-indent: -14px;}

.card.dream .dream-title {display:block;width:274px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:bold;line-height:2;}
.card.dream .dream-contents {display:-webkit-box;overflow:hidden;height:44px;line-height:1.5;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;}

/*태그검색*/
.tag_h1{padding: 0 0 43px 0;}
.tag_h1:after {content: "";background: url(../../images/tag_girl.png) right bottom no-repeat;position: absolute;right:19px;top: -93px;width: 286px;height: 165px;z-index: -1;}
.tag_search{border: 2px solid #aaa9a9;border-radius: 5px;background: #fff;}
.card.play:before {background: rgba(0,0,0,.3) url(../../images/btn-play.png) center 88px no-repeat;}
.card.interview:before {content: "";display:block;position: absolute;width:100%;height: 100%;cursor: pointer;background: rgba(0,0,0,.3)}
.card.interview {height: 240px;background-color: #000!important;}
.card.carrerpath {height: 240px;background-color: gray!important;}
.card.interview .card_contents {padding: 184px 20px 0 20px;position: absolute;width: 278px;top: 0;height: 40px;}
.card.interview .card_contents h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.card.interview .card_contents h4 strong{display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:278px;font-weight: 400; margin-top: 7px;}
.card.interview .card_contents span{font-size:14px;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 278px;height: 16px;}
.card.carrerpath .card_contents {padding: 184px 20px 0 20px;position: absolute;width: 278px;top: 0;height: 40px;}
.tag_wrap.tag_search .tag_cloud .tag {border:none;}
.tag_wrap.tag_search .tag_cloud .tag.on {border-bottom: 3px solid #037beb;}
.card_tab.tab8>ul>li>a {width: 121px;}
.btn-card-more {clear:both;width:100%;margin:0 0 30px;text-align:center;}
.btn-card-more a {display:inline-block;height:20px;padding:12px 25px 5px 25px;border:1px solid #5b7197;border-radius:5px;background:#fff;color:#2f4469;font-size:14px;font-weight:bold}


/* 직업학과정보 - 대학 학과+직업 매트릭스 */
.matrix-wrap .title-cmt {margin:21px 0 0;font-size:13px;color:#373737;font-family:'NanumGothicWeb';}
.matrix-wrap .btn-wrap {width:100%;margin:36px 0 0;}
.matrix-wrap .btn-wrap.side-right {text-align:right;}
.matrix-wrap .btn-type1 {display:inline-block;border: 1px solid #ccc;background: linear-gradient(to top, #e8e8e8, #fff);}
.matrix-wrap .btn-type1 span {display:block;padding:9px 22px 9px 21px;font-weight:900;}
.matrix-wrap .tab_wrap_re {margin:10px 0 0;}
.matrix-wrap .searchBox_re {border-color:#dde2e5;}
.matrix-wrap .searchBox_re .tabWrap {border-top:none;}
.matrix-wrap .title-srchGroup {width:100%;margin:28px 0 14px;text-align:center;font-family:'Nanum Gothic';font-size:12px;}
.matrix-wrap .title-srchGroup strong {font-size:16px;}
.matrix-word-list {margin:0 0 12px;text-align:center;}
.matrix-word-list li {display:inline;margin:0 0 0 4px;}
.matrix-word-list li:first-child {margin-left:0;}
.matrix-word-list li a {display:inline-block;padding:0 12px;border:1px solid #dde2e5;line-height:38px;font-size:20px;color:#454545;vertical-align:middle;}
.matrix-word-list li a.on,
.matrix-word-list li a:hover {border-color:#608fc1;background:#608fc1;color:#fff;}
.matrix-word-list li a.fs16 {font-size:16px;}
.matrix-job-list {padding:23px 37px 11px 24px;border-top:1px solid #dde2e5;}
.matrix-job-list:after {clear:both;display:block;content:'';}
.matrix-job-list li {float:left;padding:0 10px 0 12px;margin:0 0 13px;background:url(../../images/bar_matrixlist.gif) no-repeat left 1px;}
.matrix-job-list li:first-child {padding-left:0;background:none;}
.matrix-job-list li a {color:#454545;font-size:13px;font-weight:800;letter-spacing:-1px;}
.matrix-job-list li a.on,
.matrix-job-list li a:hover {color:#fd4c0f;text-decoration:underline;}
.matrix-major-list {margin:-2px 21px 19px 20px;border:1px solid #dde2e5;border-right:none;border-bottom:none;}
.matrix-major-list:after {clear:both;display:block;content:'';}
.matrix-major-list li {float:left;width:25%;background:#f9fafc;}
.matrix-major-list li a {display:block;height:20px;padding:12px 10px 8px 19px;border-right:1px solid #dde2e5;border-bottom:1px solid #dde2e5;color:#333;font-size:14px;font-weight:800;}
.matrix-major-list li a.on, .matrix-major-list li a:hover {color:#fd4c0f;text-decoration:underline;}
.matrix-title-h3 {margin:57px 0 0;font-family:'Nanum Gothic';font-size:16px;font-weight:800;}
.matrix-title-h3 .fc-orange {color:#f9551e;}
.matrix-noresult-cmt {width:100%;margin:70px 0 0;text-align:center;font-weight:bold;font-size:14px;}

.matrix-table {overflow-x:auto;width:100%;margin:20px 0 0;border-right:1px solid #e0e5e9;}
.matrix-table table {width:100%;border-bottom:1px solid #e0e5e9;font-family:'NanumGothicWeb';}
.matrix-table thead th {border-left:1px solid #f1f1f1;padding:15px 9px 25px 8px;font-weight:normal;vertical-align:top;}
.matrix-table tbody th {border-left:1px solid #e0e5e9;}
.matrix-table tbody th,
.matrix-table tbody td {padding:9px 10px 7px 11px;line-height:19px;}
.matrix-table tbody th {border-top:1px solid #f1f1f1;white-space:nowrap;}
.matrix-table tbody td {border-left:1px solid #f1f1f1;border-top:1px solid #f1f1f1;text-align:center;}
.matrix-table tbody tr:first-child th,
.matrix-table tbody tr:first-child td {border-top:1px solid #e0e5e9;}
.matrix-table .topgroup th {height:35px;padding:0;border:none;border-left:1px solid #6e87a1;background:url(../../images/bg_matrixTb_bar.png) repeat-y left 0 #7690ac;line-height:35px;color:#fff;font-weight:700;font-size:12px;text-align:center;white-space:nowrap;}
.matrix-table .topgroup th:first-child {background-image:none;}
.matrix-table .bg-blue {width:70px;padding:0 10px;border-bottom-color:#e0e5e9;background:#f3f7f9;vertical-align:middle;font-weight:800;}
.matrix-table thead th.bg-blue {border-left-color:#e0e5e9;}
.matrix-table .table-slash {position:relative;width:150px;padding-left:23px;padding-top:140px;border-left:1px solid #e0e5e9;background:url(../../images/bg_matrixTb_slash.png) no-repeat 0 0;background-size:100% 100%;text-align:left;font-weight:900;line-height:19px;}
.matrix-table .table-slash p {position:absolute;right:10px;top:47px;width:100px;text-align:center;}
.matrix-table .ta-left {text-align:left;}
.matrix-table .selected {font-weight:900;color:#f9551e;}
.matrix-table .job {display:inline-block;width:14px;margin:0 auto;line-height:15px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;white-space:nowrap;vertical-align:top;}

/*통합검색 2017.12.06*/
.searchword.total_search{height:40px;margin-top:20px;background:none;padding:0;}
.searchword.total_search .text_focus{width:345px;height:45px;border:2px solid #009ab0;background:#fff;text-indent:10px;float:left;font-family:'Noto Sans KR', 돋움, dotum, sans-serif;font-size:16px;margin:0;padding:0;}
.searchword.total_search .total_btn{width:49px;height:49px;background:#009ab0 url(../../images/search/total_btn.png) no-repeat;text-indent:-9999px;display:block;float:left;}
.searchword.total_search .result_re {clear: both;margin: 16px 0 0 0;vertical-align: bottom;}
.searchword.total_search .result_re{clear:both;}
#TabMenu.total_tabs{clear:both;margin-top:38px;border:none;background:none;}
#TabMenu.searchTab ul{overflow:inherit;}
#TabMenu.searchTab li{width:12.4%;}
#TabMenu.searchTab li a{height:55px;line-height:55px;font-size:14px;background:#fcfcfd;border:none;border-left:solid 1px #e2e2e2;border-bottom:solid 1px #35a7b7;border-top:solid 1px #e2e2e2;font-family:'Noto Sans KR', 돋움, dotum, sans-serif;color:#5e666b;padding:0;}
#TabMenu.searchTab li a:hover{background:#fff;font-weight:400;color:#027f91;}
#TabMenu.searchTab li:last-child a{border-right:solid 1px #e2e2e2;}
#TabMenu.searchTab li a.on{height:53px;border-top:3px solid #009ab0;border-left:1px solid #009ab0;border-right:1px solid #009ab0;border-bottom:1px solid #fff;background:#fff;font-weight:700;color:#027f91;margin-right:1px;}
#TabMenu.searchTab .sub_warp{height:40px;margin-left:-40px;}
#TabMenu.searchTab .sub{position:absolute;width:auto;padding:25px 0 0;}
#TabMenu.searchTab .sub li{width:auto;}
#TabMenu.searchTab .sub li a{border:none;height:auto;line-height:14px;background:none;font-size:14px;color:#666;font-weight:400;padding:0 0 0 13px;}
#TabMenu.searchTab .sub li a.on{background:url(../../images/search/sub_arw.png) no-repeat;color:#027f91;}
#TabMenu.searchTab .srchTab03 .sub {left:471px;}
#TabMenu.searchTab .srchTab04 .sub {left:20px;}
#TabMenu.searchTab .srchTab07 .sub {right:58px;}
.total_opt .result_list_info{overflow:hidden;background:url(../../images/result_bullet.png) 0 3px no-repeat;font-size:16px;margin:0;padding:0 0 0 20px;}
.total_opt .result_list_info strong{color:#027f91;padding:0 0 0 7px;}
.search_list_type li{float:left;background:none;padding:0;}
.search_list_type li:first-child a{border:none;}
.search_list_type li a{font-size:12px;color:#75788d;border-left:1px solid #ddd;display:inline-block;padding:0 18px 0 20px;}
.search_list_type li.active a{background:url(../../images/search/type_on.png) no-repeat 4px top;color:#027f91;}
.search_list_type li a:hover{font-size:12px;color:#333;text-decoration:underline;}
.total_opt{border-bottom:1px solid #ddd;padding:26px 0 20px;}
.total_opt,.total_opt a,#body.total_body,#body.total_body a,#body.total_body h2{font-family:'Noto Sans KR', 돋움, dotum, sans-serif;}
#body.total_body .total_right{width:310px;float:right;padding:25px 0 0;}
#body.total_body .total_right .recommand_tag{border:1px solid #cbd2d5;}
#body.total_body .total_right .recommand_tag a{display:inline-block;vertical-align:middle;letter-spacing:-1px;line-height:35px;height:35px;padding:0 8px 0 0;}
#body.total_body .total_right .recommand_tag a.lv01{font-size:25px;color:#0098ae;}
#body.total_body .total_right .recommand_tag a.lv02{font-size:18px;color:#555;}
#body.total_body .total_right .recommand_tag a.lv03{font-size:15px;color:#999;}
#body.total_body .total_right .recommand_tag .right_cont{overflow:hidden;}
#body.total_body .total_left{width:643px;float:left;padding:0 0 150px;}
#body.total_body .total_right .right_title{height:42px;line-height:42px;border-bottom:1px solid #dadee6;font-size:14px;color:#647288;padding:0 0 0 20px;}
#body.total_body .total_right .right_cont{padding:20px;}
#body.total_body .total_right .popular_word li,#body.total_body .total_right .new_contents li{margin:0 0 7px;}
#body.total_body .total_right .popular_word li .nm,#body.total_body .total_right .new_contents li .nm{display:inline-block;background:#9ba4a7;width:17px;height:17px;line-height:17px;color:#fff;vertical-align:middle;text-align:center;font-size:11px;margin:0 8px 0 0;}
#body.total_body .total_right .popular_word li:nth-child(1) .nm,#body.total_body .total_right .popular_word li:nth-child(2) .nm,#body.total_body .total_right .popular_word li:nth-child(3) .nm{background:#fb7d02;}
#body.total_body .total_right .new_contents li:nth-child(1) .nm,#body.total_body .total_right .new_contents li:nth-child(2) .nm,#body.total_body .total_right .new_contents li:nth-child(3) .nm{background:#62ac03;}
#body.total_body .total_right .popular_word li a,#body.total_body .total_right .new_contents li a{width:225px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:17px;line-height:17px;vertical-align:middle;}
#body.total_body .total_right .popular_word li .up,#body.total_body .total_right .popular_word li .down{display:inline-block;width:17px;height:17px;background:url(../../images/search/updown.png) no-repeat;text-indent:-9999px;}
#body.total_body .total_right .popular_word li .down{background:url(../../images/search/updown.png) 0 -17px no-repeat;}
#body.total_body .total_right a:hover{text-decoration:underline;}
#body.total_body .search_h2{font-size:20px;color:#000;border-bottom:1px solid #a5a5a5;padding:45px 0 19px;}
#body.total_body .search_h2 span{font-size:18px;font-weight:400;color:#027f91;font-family:'Noto Sans KR', 돋움, dotum, sans-serif;padding:0 0 0 5px;}
#body.total_body .search_h3{font-size:17px;color:#000;font-weight:400;border:none;background:url(../../images/search/h3_bullet.png) left 7px no-repeat;margin:22px 0 10px;padding:0 0 0 10px;}
#body.total_body .search_h2 .h2_more{font-size:14px;color:#666;float:right;padding:8px 0 0;}
#body.total_body .search_h3 span{font-size:16px;font-weight:400;color:#027f91;font-family:'Noto Sans KR', 돋움, dotum, sans-serif;padding:0 0 0 5px;}
#body.total_body .search_result_list{margin-top:5px;border-top:none;}
#body.total_body .result_list_head{background:none;text-align:right;padding:15px 0 0;}
#body.total_body .result_list_body{border:none;padding:8px 0 0;}
#body.total_body .result_list_body a {overflow:hidden;height:38px;padding-left:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-all;color:#666;font-size:12px;}
#body.total_body .result_list_body .movimg a {height:auto;}
#body.total_body .result_list_head strong{display:inline-block;width:420px;font-weight:400;font-size:15px;color:#333;vertical-align:middle;float:left;cursor:pointer;text-decoration:underline;white-space:nowrap;text-overflow:ellipsis;text-align:left;overflow:hidden;}
#body.total_body .btn_search_more{display:inline-block;padding-right:12px;background:none;font-weight:400;color:#027f91;text-decoration:underline;}
#body.total_body .movtxt{width:503px;height:38px;overflow:hidden; padding-top: 30px;}
#body.total_body .movimg{display:inline-block;position:relative;width:118px;vertical-align:middle;border:1px solid #ddd;}
#body.total_body .tag{display:inline-block;width:503px;height:30px;overflow:hidden;margin-left:19px;}
#body.total_body .tag.list_tag{width:100%;margin-left:0;margin-bottom:0;}
#body.total_body .tag a{display:inline-block;height:18px;border:1px solid #ddd;border-radius:5px;margin-right:5px;margin-top:3px;padding:3px 9px;}
#body.total_body .tag.list_tag a{height:14px;padding:5px 9px;}
#body.total_body .search_result_list > li{position:relative;}
#body.total_body .result_list_head.thum_view{/*display:inline-block;margin:0 0 10px 142px;*/ position:absolute; top:0; left: 140px;}
#body.total_body .result_list_head.thum_view strong {width:400px;}
/*#body.total_body .result_list_head.thum_view + .result_list_body {height:auto;display:inline-block;overflow:inherit;padding-bottom:16px;}*/
#body.total_body .result_list_head.thum_view + .result_list_body .movtxt a {display:-webkit-box !important;height:38px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;}
#body.total_body .result_list_head.thum_view + .result_list_body .movtxt.one-line {overflow:visible;height:auto;}
#body.total_body .result_list_head.thum_view + .result_list_body .movtxt.one-line a {display:block !important;height:auto;margin-top:-8px;margin-bottom:8px;}
#body.total_body .movimg .photo{z-index:1;width:118px;height:85px;}
#body.total_body .not_search{background:url(../../images/search/not_search.png) center 50px no-repeat;height:86px;text-align:center;color:#027f91;font-size:16px;padding:190px 0 0;}
#TabMenu.searchTab ul:after,#body.total_body:after{content:"";display:block;clear:both;}
#body.total_body .total_right .popular_word,#body.total_body .total_right .new_contents{border:1px solid #cbd2d5;min-height:230px;margin-top:12px;}

#body.total_body .result_box_wrap {padding:15px 18px;margin:10px 0 0;border:solid 1px #e1e7ee;border-right-color:#ccd4db;border-bottom:1px solid #c5ccd3;
    box-shadow: 0px 2px 0px 0px rgba(234,236,239,1);-webkit-box-shadow: 0px 2px 0px 0px rgba(234,236,239,1);-moz-box-shadow: 0px 2px 0px 0px rgba(234,236,239,1);}
#body.total_body .result_box_wrap .result_list_box {height:50px;overflow:hidden;background:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#body.total_body .result_box_wrap .result_list_box.h_auto {height:auto;display:block;}
#body.total_body .result_list_box a {margin:0 3px;text-decoration:underline;line-height:24px;}
#body.total_body .result_list_head span.college {float:left;display:block;height:15px;line-height:14px;padding:2px 7px 1px;margin: -1px 10px 0 0px;border-radius:3px;background:#888;font-size:11px;color:#fff;vertical-align:middle;}
#body.total_body .result_list_head .badge_job{display:inline-block;padding:1px 4px 0 5px;margin: 0px 10px 0 3px;border:none;border-radius:3px;background:#005699;vertical-align: middle;color:#fff;font-size:11px;text-align:center;line-height:15px;letter-spacing:-0.025em;font-family:돋움, dotum;float: left;}
#body.total_body .loading-search {position:absolute;left:25%;top:504px;width:82px;margin-left:41px;;text-align:center;}

.loading-search {position:absolute;left:25%;top:504px;width:82px;margin-left:41px;;text-align:center;display:none}
.loading-search.job-search {left:50%;margin-left:-41px; top:370px;}

.tags_link li{display: inline-block;}
.tags_link li a{color: #2660ab;text-decoration:underline;font-weight:500;margin: 0 7px 0 0;}

.listTy-job .list {display:block;padding-left:25px;background:url(../../images/front/job/bg_listbar.gif) no-repeat 15px 6px;line-height:16px;}
.result_list_body .small-alike {position:relative;padding-top:4px;padding-left:25px;}
.result_list_body .small-alike .title {display:block;position:absolute;left:15px;top:3px;width:60px;padding-left:0;margin-left:0;line-height:16px;}
.result_list_body .small-alike .desc {display:block;margin-left:55px;line-height:16px;}
.result_list_body .small-alike.shorten{width:930px;}
.result_list_body .small-alike.shorten .desc{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.chart-wrap {width:100%;padding:20px 0 0 0;position: relative;}
.chart-wrap:after {clear:both;display:block;content:'';}
.chart-wrap .chart-area {position:relative;border: 1px solid #ddd;border-radius: 5px;padding: 15px;}
.chart-wrap canvas {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.chart-wrap .chart-area .source {padding: 10px 0;font-size: 12px;color: #888;text-align: center;border: 1px dotted #ddd;margin: 15px 0 0 0;background: #f7f7f7;}
.chart-wrap .graph_info_box {margin: 0 auto;border: dotted 1px #b6c1cd;}
.chart-wrap .left-chart {float:left;width:46%;}
.chart-wrap .right-chart {float:right;width:46%;}
.chart-wrap + table {margin-top:50px;}
.chart-wrap .point {padding:11px 15px 0 7px;color:#3f5063;font-weight:bold;text-align:right;position: absolute;bottom: -24px;}
/*.chart-wrap .chart-area .graph-tooltip-line {position:absolute;left:245px;top:15px;bottom:16px;margin-bottom:70px;border:1px solid purple;z-index:100;}*/
.chart-wrap .chart-area .graph-tooltip-line span {position:absolute;left:47%;top:17px;display:inline-block;padding:3px 10px;border:solid 1px #b6c1cd;border-radius:8px;background:#fff;font-size:12px!important;color:#000;white-space:nowrap;line-height: inherit!important;}


#ppt .jobvision-chart {margin-bottom:20px}
#jobpt_wrapgs .chart-wrap .graph_info_box {margin:20px 0 0 0;font-size:0.813em;}
#ppt .chart-wrap .point,
#ppt .chart-wrap canvas,
#ppt .chart-wrap .chart-area .source {font-size:0.813em;}
#ppt .chart-wrap:last-child{margin-bottom:25px;}
#ppt .chart-wrap .chart-area .graph-tooltip-line {left:233px;top:15px;bottom:16px;}
.jobvision-chart .chart-area{padding: 50px 40px 28px 40px;}
.jobvision-chart .graph_info_box{margin: 20px auto 0 auto;width: 98%;border: dotted 1px #b6c1cd;}
.graph_info_box2 {margin: 20px 0 0;}

/*미래직업 가이드북 2019.01.18*/

.title-desc {position:relative;min-height:35px;padding:13px 0 0 65px;margin:15px 0 25px;font-size:14px;color:#222;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;font-weight:300;}
.title-desc.future {background:url(../../images/guidebook/img_futurejob_desc.png) no-repeat 0 0;}
.btn-download-guide {position:absolute;right:0;bottom:0;height:30px;line-height:30px;padding:0 15px 0 36px;border:1px solid #b8bdbf;border-radius:14px;background:url(../../images/guidebook/ico_download_guide.png) no-repeat 15px 9px #fff;font-size:13px;color:#666;font-weight:400;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;letter-spacing:-0.5px;}
.ui-schWrap.futurejob-search {margin:0 0 30px;}
.ui-schWrap.futurejob-search .ui-schSel {position:inherit;left:inherit;top:inherit;display:inline-block;vertical-align:middle;}
.ui-schWrap.futurejob-search .ui-schSel select {font-family:'Noto Sans KR', '돋움', dotum, sans-serif;font-weight:350;}
.ui-schWrap.futurejob-search .ui-schText {margin-left:0;}
.ui-thumb-list.futurejob-list ul li {padding-top:13px;padding-bottom:16px;}
.ui-thumb-list.futurejob-list ul li a {height:142px;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.ui-thumb-list.futurejob-list ul li a .thumb {width:192px;height:142px;padding:0;border:none;}
.ui-thumb-list.futurejob-list ul li a .thumb img {width:192px;height:140px;}
.ui-thumb-list.futurejob-list ul li a .info .category {display:inline-block;height:17px;line-height:17px;padding:0 6px;margin-bottom:12px;border-radius:3px;border:1px solid #afafaf;background:#fff;font-size:12px;color:#666;letter-spacing:1px;}
.ui-thumb-list.futurejob-list ul li a .info .tit {font-weight:500;}
.ui-thumb-list.futurejob-list ul li a .info .subTit {font-weight:300;}
.ui-thumb-list.futurejob-list ul li a:hover .thumb {background:none;}
.ui-thumb-list.futurejob-list ul li a:hover .info .category {border-color:#bdc9e3;background:#f7fbfd;color:#2b4889;}
.ui-thumb-list.futurejob-list ul li a .hover-mask {display:none;position:absolute;left:23px;top:0;width:192px;height:140px;background:url(../../images/guidebook/img_futurejob_hover.png) no-repeat 0 0;z-index:10;}
.ui-thumb-list.futurejob-list ul li a:hover .hover-mask {display:block;}
.globla_job.futureJob .global_box {border-top:2px solid #2b4889;border-bottom:1px solid #2b4889;}
.globla_job.futureJob .global_head .global_ctg {font-family:'Noto Sans KR', '돋움', dotum, sans-serif;font-weight:500;}
.globla_job.futureJob .global_cont {padding:20px;}
.globla_job.futureJob .global_cont:after {clear:both;display:block;content:'';}
.globla_job.futureJob .global_cont .global_job_img {position:inherit;left:inherit;top:inherit;float:left;width:246px;}
.globla_job.futureJob .global_cont .global_job_img img {width:246px;height:180px;}
.globla_job.futureJob .global_cont .futureJob-title {float:left;width:634px;padding:10px 0 23px;margin:0 0 0 60px;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.globla_job.futureJob .global_cont .futureJob-title h3 {margin:0 0 13px;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;font-weight:500;font-size:36px;color:#2b4889;letter-spacing:-1px;}
.globla_job.futureJob .global_cont .futureJob-title p {margin:28px 0 0;}
.globla_job.futureJob .global_cont .futureJob-title p:first-of-type {margin-top:0;}
.globla_job.futureJob h4 {margin:33px 0 23px 0;background:none;color:#2b4889;font-size:22px;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;font-weight:500;letter-spacing:-1px;}
.globla_job.futureJob h4:before {display:none;}
.globla_job.futureJob h5{font-size:16px;color:#444;font-weight:bold;margin:0 0 18px 0;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.globla_job.futureJob h5:before{content:"";width: 3px;height:16px;display:inline-block;background:#0193a4;margin:0 7px 0 0;vertical-align:middle;}
.globla_job.futureJob .para_exam {border:1px solid #bdc9e3;background:#f7fbfd;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;font-weight:350;}
.globla_job.futureJob .para_exam span {background:#146ccf;}
.globla_job.futureJob .relate_corps th, .globla_job.futureJob .relate_corps td, globla_job.futureJob .relate_corps a {font-family:'Noto Sans KR', '돋움', dotum, sans-serif;font-weight:400;}
.globla_job.futureJob .relate_corps a {background:url(../../images/guidebook/ico_futureJob_url_link.png) no-repeat 0 2px;color:#1c67ca;}
.globla_job.futureJob .file_tag .tag a {font-family:'Noto Sans KR', '돋움', dotum, sans-serif;display: inline-block;border: 1px solid #ccc;padding: 8px;border-radius: 3px;margin: 0 5px 0 0;}
.globla_job.futureJob .file_tag .tag a:hover {color: #0193a4;border:1px solid #0193a4;}
.globla_job.futureJob .file_tag .tag.icon-file {background:url(../../images/guidebook/icon_file.png) no-repeat 0 1px;}
.globla_job.futureJob .thumb_img {margin-bottom: 20px;}
.globla_job.futureJob .thumb_img li {display:block;width:50%;float:left; margin: 0 0 10px 0;}
.globla_job.futureJob .thumb_img:after {display:block;content:"";clear:both;}
.globla_job.futureJob .thumb_img li a {font-size: 14px;line-height: 1.5;color: #1c67ca;overflow:hidden;display: inline-block;height: 90px;padding: 0 20px 0 0;}
.globla_job.futureJob .thumb_img li a:hover {text-decoration: underline;}
.globla_job.futureJob .thumb_img li a img {vertical-align: top;margin: 0 20px 0 0;float: left;}
.globla_job.futureJob p {margin-bottom:0;}
select[disabled='disabled']::-ms-value{color:#ccc;}
.tab_contents {padding:7px 15px 29px;}
.tab_contents.job-etc-cont {padding:0;margin:40px 0 60px;}
.word_h3 {background-position:left 34px;}
.word_h3:first-of-type {padding-top:0;background-position:left 5px;}
.link-job {color:#286fc9;border-bottom:1px solid #286fc9;}
.cont-source {margin:45px 0 0;font-size:12px;color:#222;}

.table_job_st2 {width:100%}
.table_job_st2 thead th {padding:8px 0 9px;border-left:1px solid #8da1b7;background:#7690ac;font-size:12px;color:#fff;font-weight:500;line-height:15px;}
.table_job_st2 thead th:first-of-type {border-left:none;}
.table_job_st2 tbody td {padding:7px 10px 9px;border-bottom:solid 1px #dbe1e6;border-left:1px solid #f4f6f7;font-size:12px;color:#222;line-height:15px;letter-spacing:-0.5px;}
.table_job_st2 tbody td:first-of-type {border-left:none;}
.table_job_st2 .center {text-align:center;}

.pop-cont-job {padding:24px 20px 48px;}
.pop-cont-job .pop-title {margin:0 0 38px;font-size:24px;color:#333;font-weight:500;}
.pop-cont-job .word_h3 {padding:0 0 0 16px;background-position:0 2px;font-weight:500;}
.pop-cont-job .word_txt {margin:11px 0 25px;}
.pop-cont-job .table_job_st2 {margin:10px 0 25px;text-align:center;}
.pop-cont-job .search_result_list {margin:12px 0 0;}
.pop-cont-job .search_result_list .result_list_head {text-align:left;font-size:12px;color:#666;font-weight:500;}
.pop-cont-job .search_result_list .result_list_body {padding:13px 0 12px;}

.cont-update {margin: 35px 0px 35px 0;color:#000;text-align:right;font-size:13px;}
.cont-update em {padding:0 0 0 15px;background:url(../../images/front/contents/job/ico_update.png) no-repeat 0 0;color:#10659e;vertical-align:middle;}
.cont-update em:after {content:':';display:inline-block;vertical-align:middle;color:#000;padding:0 4px 0 5px;}
.cont-update span {padding:0 1px 6px 0;background:url(../../images/front/contents/job/bg_underline_update.png) repeat-x 0 bottom;vertical-align:middle;font-family:'Nanum Gothic','돋움',dotum,AppleGothic,droidS,sans-serif;}
.chart-wrap + .cont-update {margin-top:15px;margin-right:0;}

/* 학과개요 */
.word_h3 {background-position: left 30px;}
.word_h3:first-of-type{background-position: left 3px;}
.word_ul{padding-left:20px}
.word_ul li{line-height: 1.6; background-position: left 6px;}
.word_ul li{padding-left:11px;padding-bottom:6px;background:url(../../images/front/icon/icon_allow02.gif) no-repeat left 4px;font-size:12px;line-height:140%;color:#666}
.word_ul.detail li strong{display:block; font-size:13px; font-weight: 600;line-height: 1.6;}
.word_ul.detail li.source{background:none;}
.video_ul{padding-left:20px;}
.video_ul:after{content:''; display:block; clear: both;}
.video_ul li{float:left; width: 184px; height: 170px; margin-right: 14px;}
.video_ul li p{font-size:12px; color:#666; font-weight: 500; line-height: 1.4; margin-top:14px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.video_ul li img{width:184px; height: 126px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .video_ul li p{font-size:1em; line-height:1.5; height:3em; word-wrap:break-word;}
   }
.table_job_st1 .t-center{text-align: center;}
.table_job_st1.tab1-tbl tbody td{background:#fcfdfd;}
.ui-tabs-panel.ui-widget-content.ui-corner-bottom .btn_table_foot{padding-top:60px;}
.table_job_st1 td a{font-size: 13.2px;}


/* 확과정보 > 학과정보 > 학과 인터뷰 탭 */
.interview_wrap.major{margin:0;}
.interview_wrap.major .intvw.class .intvw_head{position:relative; height:110px; padding:40px 70px;color:#fff; background:#7470a6 url(../../images/front/contents/job/bg_interview.png) no-repeat 816px 40px;}
.interview_wrap.major .intvw_img{float:left; margin-right:35px;}
.interview_wrap.major .intvw_img img{width:114px; height: 114px; border-radius: 57px; object-fit: cover;}
.interview_wrap.major .intvw .intvw_head h2{font-size:27px; margin-bottom:28px; font-weight: bold;}
.interview_wrap.major .intvw .intvw_head h3{font-size:18px;padding:0 0 12px 0; font-weight: bold;}
.interview_wrap.major .intvw .intvw_head p{font-size:18px; font-weight: bold;}
.interview_wrap.major .intvw.class .intvw_talk .question .bubble{position:relative;color:#fff;max-width:660px;margin: 8px 0 0 20px;background:#7470a6;}
.interview_wrap.major .intvw.class .intvw_talk .question .bubble:before{background:#7470a6 url(https://www.career.go.kr/webres/images/front/job/jobInterView_new/arw_left.png) no-repeat;width:18px;height:17px;display:inline-block;content:"";position: absolute;left: -18px;top: 18px;}

/* 확과정보 > 학과 인터뷰 */
.intvw .intvw_talk{background:#eceff2;padding:45px 30px;position:relative;}
.intvw .intvw_talk:after{content:"";display:block;clear:both;}
.intvw .intvw_talk .bubble{display:inline-block;background:#fff;padding:18px 25px;border-radius:10px;font-size:14px;line-height:1.6;color:#000;word-break:keep-all;}
.intvw .intvw_talk .question{float:left;width:100%;margin-bottom:15px;line-height:1.5;}
.intvw .intvw_talk .question .profile_img{float:left}
.intvw .intvw_talk .question .profile_img span {display: block;text-align: center;padding: 5px 0 0 0;color: #000;font-size: 14px;}
.intvw .intvw_talk .question .profile_img img {border-radius: 100%;width: 70px;height: 70px;}
.intvw .intvw_talk .answer{float:right;width:100%;margin-bottom:20px;}
.intvw .intvw_talk .answer .profile_img{float:right;}
.intvw .intvw_talk .answer .profile_img img{border-radius:100%;width:70px;height:70px;}
.intvw .intvw_talk .answer .profile_img span{display:block;text-align:center;padding: 5px 0 0 0;color: #000;font-size:14px;}
.intvw .intvw_talk .answer .bubble{position:relative;float:right;max-width:660px;margin: 8px 20px 0 0;border:1px solid #888;}
.intvw .intvw_talk .answer .bubble:before{background:url(https://www.career.go.kr/webres/images/front/job/jobInterView_new/arw_right.png) no-repeat;width:18px;height:17px;display:inline-block;content:"";position: absolute;right:-18px;top: 18px;}
.intvw .intvw_talk .answer .bubble a{color:#1a74d9;font-size:14px;text-decoration:underline;}
.intvw .intvw_talk .answer .bubble img{border-radius:10px;}

/* 직업정보 */
.select_right.wid-auto {width:auto;padding-right:55px;}
.result_list_body {border-bottom:none;padding-bottom:7px;}
.result_list_tail {padding:0 3px 14px 0;border-bottom:dotted 1px #b6c1cd;text-align:right;}
.result_list_tail span {display:inline-block;padding:0 0 0 16px;margin:0 0 0 15px;font-size:12px;color:#696969;line-height:13px;letter-spacing:-0.5px;}
.result_list_tail .search {background:url(../../images/front/ico_list_search.png) no-repeat 0 0;}
.result_list_tail .recommend {background:url(../../images/front/ico_list_recmnd.png) no-repeat 0 0;}	
.srh_style01{width: 100%; border: 1px solid #dadee1; border-radius: 15px; padding: 18px 0 12px; margin-top: 40px;}
.srh_bx{display: flex; justify-content: center; align-items: center;}
.srh_bx select{border: 1px solid #dadee1; width: 105px; height: 34px; line-height: 34px;}
.srh_bx .srh_input{border: 1px solid #dadee1; width: 255px; height: 32px; line-height: 30px; margin: 0 12px 0 4px;}
.srh_bx .srh_input input[type="text"]{width:220px; padding-left: 10px; height: 26px; line-height: 24px; border:none; background: none; box-sizing: border-box;}
.srh_bx .srh_checkbox label{font-size: 13px; color: #777;}
.srh_bx .srh_checkbox input[type=checkbox]{margin: 0 4px 0 0;}
.srh_style01 .srh_word_bx{width: 465px; padding: 15px 0 0 252px; display:flex; gap: 8px; flex-wrap: wrap;}
.srh_word_bx button{border: 1px solid #c0c0c0; border-radius: 3px; padding: 5px 25px 5px 10px; position: relative; font-size: 12px; color:#666;}
.srh_word_bx button::before{content:''; display:block; width: 8px; height: 8px; position:absolute; top:8px; right: 10px; background: url(../../images/front/icon/ico_close_srhWord.png) no-repeat;}
.srh_style01 + .searchBox_style01{margin-top: 22px;}
.searchBox_style01{border: 2px solid #c0c9d0; border-radius: 15px;}
.tab_style01 ul{display:flex;}
.tab_style01 ul li{width: 100%; height: 58px;; background:#fafafa; text-align: center; border-bottom: 1px solid #c0c9d0; border-right:  1px solid #c0c9d0;}
.tab_style01 ul li:first-child{border-radius: 20px 0 0 0 ;}
.tab_style01 ul li:last-child{border-right: none; border-radius: 0 20px 0 0;}
.tab_style01 ul .selected{background:#fff; border-bottom: 1px solid #fff;}
.tab_style01 ul li a{display:block; height: 58px; line-height: 56px; font-size: 16px; font-weight: 500; color:#777d89;}
.tab_style01 ul li a em{color:#b5777c;}
.tab_style01 ul .selected a{color:#000; position:relative;}
.tab_style01 ul .selected a:after{content:''; display:block; width: 8px; height: 8px; border-top: 2px solid #f42b3c; border-right: 2px solid #f42b3c; transform: rotate(135deg); position:absolute; bottom:0; left: 50%;}
.tab_style01 ul .selected a em{color:#f42b3c;}

.tabWrap .tab_info{display:flex; justify-content: center; align-items: center; padding: 35px 0 25px;}
.tabWrap .tab_info p{font-size: 14px; font-weight: 500; color:#666;}
.tabWrap .tab_info p span{color:#f42b3c;}
.tabWrap .tab_info .btn_re{border:1px solid #bcbcbc; border-radius: 3px; font-size: 13px; color: #666; padding: 8px 12px 8px 25px; background: url(../../images/front/icon/btn_re.png) no-repeat 9px 8px;}
.tabWrap .tab_info p + .btn_re{margin-left: 8px;}
.tabWrap .type1{display:grid; justify-items: center; grid-row-gap: 28px; text-align: center;}
.tabWrap .type1 li{width:100%;}
.tabWrap .type1 a{width:100%; height: auto; word-break: keep-all;}
.tabWrap .type1 a:before{content:''; display:block; width: 71px; height: 71px; margin: 0 auto;}
.tabWrap .type1 a span{display:block; font-size: 13px; font-weight: 500; color:#666; margin-top: 8px; line-height: 1.2;}
.tabWrap .type1 a:hover span, .tabWrap .type1 a.on span{color:#ff6c00;}
.tabWrap .type1 a, .tabWrap .type1 a:hover, .tabWrap .type1 a.on{background:none;}

/* Tab01 테마별 검색 아이콘 */
.tabWrap .type1.jobdicType_icon_bx01{grid-template-columns: repeat(10, 1fr); padding: 0 70px 60px;}
.jobdicType_icon_bx01 a:before{background:#fff url(../../images/front/contents/job/icons_tab01.png) no-repeat; border:1px solid #d1d1d1; border-radius: 50%; position:relative;}
.jobdicType_icon_bx01 .jobdicType_icon_1:before{background-position: 0 0;}
.jobdicType_icon_bx01 .jobdicType_icon_2:before{background-position: -86px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_3:before{background-position: -171px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_4:before{background-position: -255px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_5:before{background-position: -341px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_6:before{background-position: -426px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_7:before{background-position: -510px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_8:before{background-position: -593px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_9:before{background-position: -681px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_10:before{background-position: -766px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_11:before{background-position: 0 -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_12:before{background-position: -86px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_13:before{background-position: -169px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_14:before{background-position: -255px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_15:before{background-position: -341px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_16:before{background-position: -426px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_17:before{background-position: -510px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_18:before{background-position: -596px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_19:before{background-position: -681px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_20:before{background-position: -766px -119px;}

.jobdicType_icon_bx01 a:hover:before{background:#fff url(../../images/front/contents/job/icons_tab01_hover.png) no-repeat; border-color:#ff6c00;}
.jobdicType_icon_bx01 .jobdicType_icon_1:hover:before{background-position: 0 0;}
.jobdicType_icon_bx01 .jobdicType_icon_2:hover:before{background-position: -86px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_3:hover:before{background-position: -171px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_4:hover:before{background-position: -255px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_5:hover:before{background-position: -341px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_6:hover:before{background-position: -426px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_7:hover:before{background-position: -510px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_8:hover:before{background-position: -593px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_9:hover:before{background-position: -681px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_10:hover:before{background-position: -766px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_11:hover:before{background-position: 0 -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_12:hover:before{background-position: -86px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_13:hover:before{background-position: -169px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_14:hover:before{background-position: -255px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_15:hover:before{background-position: -341px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_16:hover:before{background-position: -426px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_17:hover:before{background-position: -510px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_18:hover:before{background-position: -596px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_19:hover:before{background-position: -681px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_20:hover:before{background-position: -766px -119px;}

.jobdicType_icon_bx01 a.on:before{background:#ff6c00 url(../../images/front/contents/job/icons_tab01_on.png) no-repeat; border-color:#ff6c00;}
.jobdicType_icon_bx01 .jobdicType_icon_1.on:before{background-position: 0 0;}
.jobdicType_icon_bx01 .jobdicType_icon_2.on:before{background-position: -86px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_3.on:before{background-position: -171px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_4.on:before{background-position: -255px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_5.on:before{background-position: -341px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_6.on:before{background-position: -426px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_7.on:before{background-position: -510px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_8.on:before{background-position: -593px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_9.on:before{background-position: -681px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_10.on:before{background-position: -766px 0;}
.jobdicType_icon_bx01 .jobdicType_icon_11.on:before{background-position: 0 -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_12.on:before{background-position: -86px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_13.on:before{background-position: -169px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_14.on:before{background-position: -255px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_15.on:before{background-position: -341px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_16.on:before{background-position: -426px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_17.on:before{background-position: -510px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_18.on:before{background-position: -596px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_19.on:before{background-position: -681px -119px;}
.jobdicType_icon_bx01 .jobdicType_icon_20.on:before{background-position: -766px -119px;}

/* Tab02 적성유형별 검색 아이콘 */
.tabWrap .type1.jobdicType_icon_bx02{grid-template-columns: repeat(11, 1fr); padding: 0 30px;}
.jobdicType_icon_bx02 a:before{background:#fff url(../../images/front/contents/job/icons_tab02.png) no-repeat; background-size: 921px 71px; border:1px solid #d1d1d1; border-radius: 50%; position:relative;}
.jobdicType_icon_bx02 .jobdicType_icon_1:before{background-position: 0 0;}
.jobdicType_icon_bx02 .jobdicType_icon_2:before{background-position: -86px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_3:before{background-position: -171px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_4:before{background-position: -255px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_5:before{background-position: -341px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_6:before{background-position: -426px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_7:before{background-position: -510px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_8:before{background-position: -596px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_9:before{background-position: -681px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_10:before{background-position: -766px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_11:before{background-position: -850px 0;}

.jobdicType_icon_bx02 a:hover:before{background:#fff url(../../images/front/contents/job/icons_tab02_hover.png) no-repeat; border-color:#ff6c00;}
.jobdicType_icon_bx02 .jobdicType_icon_1:hover:before{background-position: 0 0;}
.jobdicType_icon_bx02 .jobdicType_icon_2:hover:before{background-position: -86px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_3:hover:before{background-position: -171px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_4:hover:before{background-position: -255px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_5:hover:before{background-position: -341px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_6:hover:before{background-position: -426px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_7:hover:before{background-position: -510px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_8:hover:before{background-position: -596px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_9:hover:before{background-position: -681px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_10:hover:before{background-position: -766px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_11:hover:before{background-position: -850px 0;}

.jobdicType_icon_bx02 a.on:before{background:#ff6c00 url(../../images/front/contents/job/icons_tab02_on.png) no-repeat; border-color:#ff6c00;}
.jobdicType_icon_bx02 .jobdicType_icon_1.on:before{background-position: 0 0;}
.jobdicType_icon_bx02 .jobdicType_icon_2.on:before{background-position: -86px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_3.on:before{background-position: -171px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_4.on:before{background-position: -255px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_5.on:before{background-position: -341px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_6.on:before{background-position: -426px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_7.on:before{background-position: -510px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_8.on:before{background-position: -596px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_9.on:before{background-position: -681px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_10.on:before{background-position: -766px 0;}
.jobdicType_icon_bx02 .jobdicType_icon_11.on:before{background-position: -850px 0;}

/* Tab04 직업 분류별 검색 아이콘 */
.tabWrap .type1.jobdicType_icon_bx04{grid-template-columns: repeat(10, 1fr); padding: 0 30px 45px;}
.jobdicType_icon_bx04 a:before{content:''; display:block; width:71px; height: 71px; background:#fff url(../../images/front/contents/job/icons_tab04.png) no-repeat; border:1px solid #d1d1d1; border-radius: 50%; position:relative;}
.jobdicType_icon_bx04 .jobdicType_icon_1:before{background-position: 0 0;}
.jobdicType_icon_bx04 .jobdicType_icon_2:before{background-position: -86px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_3:before{background-position: -171px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_4:before{background-position: -255px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_5:before{background-position: -341px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_6:before{background-position: -426px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_7:before{background-position: -510px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_8:before{background-position: -596px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_9:before{background-position: -681px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_10:before{background-position: -766px 0;}

.jobdicType_icon_bx04 a:hover:before{content:''; display:block; background:#fff url(../../images/front/contents/job/icons_tab04_hover.png) no-repeat; border-color:#ff6c00;}
.jobdicType_icon_bx04 .jobdicType_icon_1:hover:before{background-position: 0 0;}
.jobdicType_icon_bx04 .jobdicType_icon_2:hover:before{background-position: -86px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_3:hover:before{background-position: -171px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_4:hover:before{background-position: -255px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_5:hover:before{background-position: -341px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_6:hover:before{background-position: -426px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_7:hover:before{background-position: -510px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_8:hover:before{background-position: -596px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_9:hover:before{background-position: -681px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_10:hover:before{background-position: -766px 0;}

.jobdicType_icon_bx04 a.on:before{content:''; display:block; background:#ff6c00 url(../../images/front/contents/job/icons_tab04_on.png) no-repeat; border-color:#ff6c00;}
.jobdicType_icon_bx04 .jobdicType_icon_1.on:before{background-position: 0 0;}
.jobdicType_icon_bx04 .jobdicType_icon_2.on:before{background-position: -86px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_3.on:before{background-position: -171px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_4.on:before{background-position: -255px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_5.on:before{background-position: -341px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_6.on:before{background-position: -426px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_7.on:before{background-position: -510px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_8.on:before{background-position: -596px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_9.on:before{background-position: -681px 0;}
.jobdicType_icon_bx04 .jobdicType_icon_10.on:before{background-position: -766px 0;}


/*검색결과 없을때 no_result_bx*/
.no_result_bx{padding: 100px 0 100px; margin: 25px 0 35px; border: 1px solid #c0c9d0; border-radius: 15px;; text-align: center;}
.no_result_bx > p{font-size: 18px; line-height: 1.8; background:url(../../images/front/contents/job/bg_srchJob_nodata.png) no-repeat top center; padding-top:100px;}













.job_type_fl{margin: 50px 0 42px 52px;}
.job_type_fl li.check{background: #fff;}
.job_type_fl li.check label{color:#0075ff;}

.job_type_f2{margin: 0 34px 36px 34px;}
.job_type_f2 > li{padding-left: 85px; position:relative;}
.job_type_f2 > li:before{content:''; display:block; width: 66px; height: 66px; background:url(../../images/front/contents/job/icons_tab03_bg.png) no-repeat; position:absolute; top:0; left:0;}
.job_type_f2 > li:first-child:before{background-position:0 0;}
.job_type_f2 > li:nth-child(2):before{background-position:0 -71px;}
.job_type_f2 > li:nth-child(3):before{background-position:0 -142px;}
.job_type_f2 > li + li{margin-top: 35px;}
.job_type_f2 li .tit_bx{display: flex; gap: 12px; margin-bottom: 14px;}
.job_type_f2 li .tit_bx strong{font-size: 16px; font-weight: 500; color:#333;}
.job_type_f2 li .tit_bx span{font-size: 13px; font-weight: 500; color:#666;}

.ckb_style01{display:flex; flex-wrap: wrap; gap: 8px;}
.ckb_style01 li{position: relative; min-width: 110px; max-width: 200px;}
.ckb_style01 li input[type="checkbox"]{position:absolute; top:13px; left:11px; z-index: 1;}
.ckb_style01 li label{width: 100%; }
.ckb_style01 li label span{display:block; padding: 10px 10px 10px 30px; border: 1px solid #d1d1d1; border-radius: 5px; background:#fff; font-size: 13px; font-weight: 500; color:#666;}
.ckb_style01 li input[type="checkbox"]{accent-color:#0075ff;}
.ckb_style01 li input[type="checkbox"]:checked + label span{background:#f1f7fe; border-color:#4198ff; color:#0075ff;}
.ckb_style01 li input[type="checkbox"]:hover + label span{background:#fff8f3; border-color:#ff6c00; color:#ff6c00;}

/* 결과 목록 */
.select_right{width: auto;}
.board_list.jobList table{margin-top: 25px;}
.board_list.jobList td a, .board_list.jobList td span{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.4em;}
.list_type02{display:inline-block; width: 56px;}
.list_type02 a{display:inline-block; width: 26px; height: 26px;}
.list_type02 a > img{margin:2px;}
.jobList .search_result_list{display:grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 25px 0 35px; border-top: none;}
.jobList .gallery_job_bx{display:block; border:1px solid #c0c9d0; border-radius: 15px;}
.jobList .gallery_job_bx .job_tit_bx{height: 155px; padding: 28px 24px; box-sizing: border-box;}
.jobList .gallery_job_bx .job_tit_bx strong{display:inline-block; font-size: 18px; color:#546dac; max-width: 252px; margin-bottom: 20px; padding-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background:url(../../images/front/contents/job/ico_jobArrow.png) no-repeat right 4px;}
.jobList .gallery_job_bx .job_tit_bx p{font-size: 13px; color:#666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height:1.4em; height:4em;}
.jobList .gallery_job_bx .job_terms_bx{display:flex; height: 130px; border-top: 1px solid #d6e0f1; background:#fcfdff; border-radius: 0 0 15px 15px;}
.jobList .gallery_job_bx .job_terms_bx li{width: 100%; text-align: center; padding: 15px 0 20px;}
.jobList .gallery_job_bx .job_terms_bx li + li{border-left: 1px solid #d6e0f1;}
.jobList .gallery_job_bx .job_terms_bx li em{display:block; font-size: 13px; color:#777;}
.jobList .gallery_job_bx .job_terms_bx li em:after{content:''; display:block; width: 40px; height: 35px; background:url(../../images/front/contents/job/icons_tab03.png) no-repeat; margin: 10px auto 12px;}
.jobList .gallery_job_bx .job_terms_bx li:nth-child(1) em:after{background-position: 0 0;}
.jobList .gallery_job_bx .job_terms_bx li:nth-child(2) em:after{background-position: -40px 0;}
.jobList .gallery_job_bx .job_terms_bx li:nth-child(3) em:after{background-position: -80px 0;}
.jobList .gallery_job_bx .job_terms_bx li span{display:block; width:70px; height: 22px; line-height: 22px; font-size: 12px; color:#2d7de0; border: 1px solid #2d7de0; border-radius: 20px; margin: 0 auto; background:#fff;}
.jobList .gallery_job_bx:hover{border-color:#ff6c00;}
.jobList .gallery_job_bx:hover .job_tit_bx strong{color:#ff3000; background: url(../../images/front/contents/job/ico_jobArrow_hover.png) no-repeat right 4px;}
.jobList .gallery_job_bx:hover .job_terms_bx{border-color:#f3d9c6; background:#fffdfa;}
.jobList .gallery_job_bx:hover .job_terms_bx li + li{border-color:#f3d9c6;}
.jobList .gallery_job_bx:hover .job_terms_bx li:nth-child(1) em:after{background-position: 0 -38px;}
.jobList .gallery_job_bx:hover .job_terms_bx li:nth-child(2) em:after{background-position: -40px -38px;}
.jobList .gallery_job_bx:hover .job_terms_bx li:nth-child(3) em:after{background-position: -80px -38px;}
.jobList .gallery_job_bx:hover .job_terms_bx li span{background:#ff6300; border-color:#ff6300; color:#fff;}

.jobList .gallery_job_bx .job_terms_bx li.no_data span{display:none;}


.title_h1 span strong{font-weight: 500;}
.job_wrap{border:1px solid #c0c9d0; border-radius: 20px; display:flex; margin-top: 36px;}
.job_wrap .left_cont{width: 292px; border-right: 1px solid #c0c9d0; padding: 38px 14px 0; text-align: center;}
.job_wrap .left_cont .job_name{font-size: 22px; color:#000; font-weight: 600; line-height: 1.3; word-break: keep-all; padding: 0 20px;}

.job_wrap .left_cont .interest_bx{margin: 25px auto 23px; border: 1px solid #c0c9d0; border-radius: 20px; width: 172px; height: 34px; display:flex; align-items: center;}
.job_wrap .left_cont .interest_bx li{width: 100%; height: 100%; text-align: center;}
.job_wrap .left_cont .interest_bx li + li{border-left:1px solid #eceff1;}
.job_wrap .left_cont .interest_bx li a{display:block; width: 100%; height: 100%;}
.job_wrap .left_cont .interest_bx li a img{margin-top: 10px;}
.job_wrap .left_cont .job_terms_bx{display: flex; width: 100%; height: 120px; border: 1px solid #c0c9d0; border-radius: 20px;}
.job_wrap .left_cont .job_terms_bx li{width: 100%;}
.job_wrap .left_cont .job_terms_bx li + li{border-left:1px solid #eceff1;}
.job_wrap .left_cont .job_terms_bx li em{display:block; height: 13px; font-size: 13px; font-weight: 500; color:#333; margin: 14px auto 18px;}
.job_wrap .left_cont .job_terms_bx li span{font-size: 12px; color: #777;}
.job_wrap .left_cont .job_terms_bx li span:before{content:''; display:block; width: 38px; height: 32px; background:url(../../images/front/contents/job/icons_tab03.png) no-repeat; margin: 0 auto 10px;}
.job_wrap .left_cont .job_terms_bx li:first-child span:before{background-position: 0 0;}
.job_wrap .left_cont .job_terms_bx li:nth-child(2) span:before{background-position: -41px 0;}
.job_wrap .left_cont .job_terms_bx li:nth-child(3) span:before{background-position: -82px 0;}

.job_wrap .left_cont .job_tab_bx{margin: 10px auto 48px; border: 1px solid #c0c9d0; border-radius: 20px;}
.job_wrap .left_cont .job_tab_bx li + li{border-top:1px solid #d8dde2;}
.job_wrap .left_cont .job_tab_bx li a{display:block; width: 100%; line-height: 46px; font-size: 14px; font-weight: 500; color:#444;}
.job_wrap .left_cont .job_tab_bx li:first-child a{border-radius: 20px 20px 0 0;}
.job_wrap .left_cont .job_tab_bx li:last-child a{border-radius: 0 0 20px 20px;}
.job_wrap .left_cont .job_tab_bx li.active a{position: relative; background:#5590e1; color:#fff;}
.job_wrap .left_cont .job_tab_bx li.active a:after{content:''; display:block; width:22px; height: 22px; background:url(../../images/front/contents/job/ico_jobViewconts.png) no-repeat; position:absolute; top: 12px; right: 10px;}
.job_wrap .left_cont .sns_bx{margin-bottom: 20px;}
.job_wrap .left_cont .sns_bx li{display:inline-block;}
.job_wrap .left_cont .about_num_bx li{display:inline-block; font-size: 12px; color:#666;}
.job_wrap .left_cont .about_num_bx li + li:before{content:''; display: inline-block; width: 1px; height: 12px; background:#bcbcbc; vertical-align: middle; margin: 0 15px;}
.job_wrap .left_cont .update-txt{margin-top: 20px; font-size: 12px; color:#777; padding-bottom: 50px;}
.job_wrap .left_cont .sticky.fix{position: fixed;width: 260px;top: 0;transition:all 0.3s;}
.job_wrap .left_cont .sticky.fix.on{position: absolute;width: 260px;top: auto;transition: all 0.3s;bottom: 50px;}


.job_wrap .right_cont{height:0;width:0;overflow:hidden;}
.job_wrap .right_cont.current{display:block;height:auto;width: calc(100% - 262px);padding: 30px 28px 30px 20px;}
.job_wrap .right_cont .cont{padding-left: 20px; font-size: 13px; color:#666;}
.job_wrap .right_cont .cont.nopd{padding-left: 0;}
.job_wrap .right_cont .cont.nopd h4{padding-left: 20px;}
.job_wrap .right_cont .cont + .cont{margin-top: 35px;}
.job_wrap .right_cont .cont h4{font-size: 18px; color:#000; font-weight: 600; margin-bottom: 15px; text-indent: -20px;}
.job_wrap .right_cont .cont h4:before{content:''; display:inline-block; width: 18px; height: 18px; background: url(../../images/front/contents/job/ico_jobViewconts.png) -21px -3px; vertical-align: top; margin: 1px 5px 0 0;}
.job_wrap .right_cont .cont .cont_txt{font-size: 13px; color:#666;}
.job_wrap .right_cont .cont dl + dl{margin-top: 20px;}
.job_wrap .right_cont .cont dt{font-size: 14px; color:#c94e18; font-weight: 600; margin-bottom: 10px;}
.job_wrap .right_cont .cont dt:before{content:''; display:inline-block; width: 3px; height: 3px; border-radius: 50%; background:#fc724c; vertical-align: middle; margin: 0 4px 2px 0;}
.job_wrap .right_cont .cont dd{line-height: 1.5; word-break: keep-all;}
.job_wrap .right_cont .cont dd p{padding-left: 8px; line-height: 1.5;}
.job_wrap .right_cont .cont dd .link_tag{font-size: 13px; color:#0a5ff5; text-decoration: underline; text-underline-offset: 3px;}
.job_wrap .right_cont .cont dd .link_tag{margin-left: 8px;}
.job_wrap .right_cont .cont dd .link_tag:after{content:''; display: inline-block; width: 14px; height: 14px; background: url(../../images/front/contents/job/ico_jobViewconts.png) no-repeat; background-position: -40px -4px; vertical-align: middle; margin: 0 0 0 2px;}
.job_wrap .right_cont .dash_ul{padding-left: 8px;}
.job_wrap .right_cont .dash_ul li{text-indent: -5px; padding-left: 3px; line-height: 1.5; word-break: keep-all;}
.job_wrap .right_cont .dash_ul li + li{margin-top: 5px;}
.job_wrap .right_cont .dash_ul li:before{content:'-'; display:inline-block; margin-right: 2px;}
.job_wrap .right_cont .ico_txt{font-size: 13px; color: #666; word-break: keep-all;}
.job_wrap .right_cont .ico_txt + .ico_txt:before{content:','; display:inline-block; margin-right:8px; margin-left:-2px;}
.job_wrap .right_cont .ico_txt img{vertical-align: middle;margin-right: 0;}

.job_wrap .right_cont .cont_tag{display:flex; flex-wrap:wrap; gap: 5px;}
.job_wrap .right_cont .cont_tag li{border:1px solid #c0c9d0; border-radius: 5px;}
.job_wrap .right_cont .cont_tag li a{display:block; padding: 5px 12px; font-size: 12px; color:#666;}
.job_wrap .right_cont .cont_tag li a:hover{text-decoration: underline;  text-underline-offset: 2px;}
.job_wrap .right_cont .dash_dl dd{padding-left: 15px; text-indent: -3px; line-height: 1.5; word-break: keep-all;}
.job_wrap .right_cont .dash_dl dd + dd{margin-top: 5px;}
.job_wrap .right_cont .dash_dl dd:before{content:'-'; display:inline-block; margin-right: 2px;}
.job_wrap .right_cont .vedio_wrap{font-size:0; margin-left: 8px;}
.job_wrap .right_cont .vedio_wrap li{display:inline-block; width: 184px; height: auto; vertical-align: top;}
.job_wrap .right_cont .vedio_wrap li + li{margin-left: 12px;}
.job_wrap .right_cont .vedio_wrap li:nth-child(n + 4){margin-top: 20px;}
.job_wrap .right_cont .vedio_wrap li:nth-child(3n + 1){margin-left: 0;}
.job_wrap .right_cont .vedio_wrap li a img{display:block; width: 184px; height: 126px;}
.job_wrap .right_cont .vedio_wrap02 li a img{height: 108px;}
.job_wrap .right_cont .vedio_wrap li a em{display:block; font-size: 13px; color:#666; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.3em; height:2.6em; word-break: break-all;}
.job_wrap .right_cont .vedio_wrap li a:hover em{text-decoration: underline; font-weight: 500; text-underline-offset: 2px;}
.job_wrap .right_cont .consult_wrap dd{border: 1px solid #dedede; border-radius: 5px; line-height: 38px; padding: 0 12px; margin-left: 8px; font-size: 12px;}
.job_wrap .right_cont .consult_wrap dd + dd{margin-top: 6px;}
.job_wrap .right_cont .consult_wrap dd .tit img{margin-right: 5px;}
.job_wrap .right_cont .consult_wrap dd .tit a{display:inline-block; width: 320px; font-size: 12px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}
.job_wrap .right_cont .consult_wrap dd .tit a:hover{text-decoration: underline;}
.job_wrap .right_cont .consult_wrap dd .age{display:inline-block; width: 155px; text-align: center; vertical-align: middle;}
.job_wrap .right_cont .consult_wrap dd .date{color:#777; vertical-align: middle;}
.job_wrap .right_cont .institution_wrap{font-size:12px;}
.job_wrap .right_cont .institution_wrap li{margin-top: 24px;}
.job_wrap .right_cont .institution_wrap li:before{content:''; display:inline-block; width: 16px; height: 15px; background: url(../../images/front/contents/job/ico_jobViewconts.png) no-repeat; background-position: -83px -4px; vertical-align: middle; margin: -3px 8px 0 0;}
.job_wrap .right_cont .institution_wrap li a{color:#1776eb; margin-left: 10px;}
.job_wrap .right_cont .institution_wrap li a:hover{text-decoration: underline; text-underline-offset: 2px;}
.job_wrap .right_cont .level_wrap{padding: 32px 22px; border: 1px solid #dedede; border-radius: 5px;}
.job_wrap .right_cont .level_wrap li{display:flex; position:relative; align-items: center;}
.job_wrap .right_cont .level_wrap li:first-child{padding-bottom: 24px;}
.job_wrap .right_cont .level_wrap li + li{border-top: 1px solid #dedede; padding-top: 30px;}
.job_wrap .right_cont .level_wrap li > em{display:inline-block; width: 80px; font-size: 12px; color:#333; padding-left: 8px;}
.job_wrap .right_cont .level_wrap li > em > span{display:block; font-size: 16px; margin-top: 5px; font-weight: 600;}
.job_wrap .right_cont .level_wrap li > em > span > span{font-size: 14px; font-weight: 500; margin-left: 3px;}
.job_wrap .right_cont .level_wrap li > em > .pay{color:#569001;}
.job_wrap .right_cont .level_wrap li > em > .satis{color:#3079dd;}
.job_wrap .right_cont .level_wrap li > em > .satis > span{color:#666;}
.job_wrap .right_cont .level_wrap li > p{display: inline-block; width: calc(100% - 165px); line-height: 1.4;}
.job_wrap .right_cont .graph_wrap{width: 620px; border: 1px solid #dedede; border-radius: 5px;}
.job_wrap .right_cont .graph_wrap .graph{padding: 40px 40px 30px 50px; position:relative;}
.job_wrap .right_cont .graph_wrap.half{width: 300px;}
.job_wrap .right_cont .graph_wrap.half .graph{padding: 20px 0 0; height: 252px; position:relative;}
#graph01_legend, #graph02_legend{position:absolute; width: 300px; margin-top: 20px;}
.graph_legend ul{width:80%;margin:0 auto;text-align:center; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
.graph_legend li{display:inline-block; font-size: 12px; color:#666;}
.graph_legend span{display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin-right: 5px; vertical-align: middle;}

.job_wrap .right_cont .graph_wrap .source{padding: 12px 0 15px; text-align: center; font-size: 12px; color:#777; border-top: 1px solid #e5e9ec;}




.job_wrap .right_cont .dd_graph_half{display:flex; gap: 16px;}
.table_job_st3{width: 100%;}
.table_job_st3 thead tr{box-shadow: 0 0 0 1px #6e7a8a; border-radius: 5px;}
.table_job_st3 thead th{background:#6e7a8a; padding:10px 0; color:#fff; position:relative;}
.table_job_st3 thead th:before{content:''; display:block; width: 1px; height: 15px; background:#a6b1c0; position:absolute; top:10px; left:0;}
.table_job_st3 thead th:first-child:before{content:''; display:none;}
.table_job_st3 thead th:first-child{border-radius: 4px 0 0 4px;}
.table_job_st3 thead th:last-child{border-radius: 0 4px 4px 0;}
.table_job_st3 tbody tr:nth-child(even){background:#f8fbfa;}
.table_job_st3 tbody td{padding: 10px; border-bottom: 1px solid #c7cdd6; font-size: 12px; color:#666; line-height: 1.4; word-break: keep-all;text-align: center;}
.table_job_st3 tbody td:last-child{text-align: left;}
.table_job_st3 + .source{text-align: right; font-size: 12px; color:#777; margin-top: 10px;}
.btn_list{display:block; width: 140px; height: 45px; border:none; background:#6a7e92; font-size: 15px; color:#fff; margin: 24px auto 50px;}

/*목록 로딩 전 클릭 방지 투명 div*/
.lodingPre{position:fixed; top:0; left:0; width: 100%; height: 100%; z-index: 11; background:transparent;}


@media print{
    .title_h1{display: none;}
    #headerR, #location, #footerR, .btn_wrap{display: none; opacity: 0;}
    .job_wrap{display:block; width: 100%; position:relative; top:0px; left:0; padding: 0; border: none;}
    .job_wrap .left_cont ul:not(.job_terms_bx), .job_wrap .left_cont > p{display:none;}
    .job_wrap .left_cont{width: auto; border:none; text-align: left; padding:0;}
    .job_wrap .left_cont .job_terms_bx{height: auto; border-radius: 0;}
    .job_wrap .right_cont{width: calc(100% - 262px); height: auto; padding: 30px 0 0; overflow: visible; position:relative; left: 0;}
    .job_wrap .right_cont.current{padding:30px 0 0;}

    .right_cont h3.blind{position:absolute; top: 0; left: 0; width: 100%; height: auto; font-size: 22px; font-weight: 600; line-height: 1; border-bottom: 1px solid #333; padding: 0 15px 13px;}
    .right_cont h3 + .cont{padding-top: 50px;}
    
    .job_wrap .left_cont .job_terms_bx{border: 1px solid #000;}
    .job_wrap .left_cont .job_terms_bx li{position: relative;}
    .job_wrap .left_cont .job_terms_bx li + li{border-left: 1px solid #000;}
    .job_wrap .left_cont .job_terms_bx li em{margin: 40px auto 10px; font-size: 16px; color:#000; text-align: center;}
    .job_wrap .left_cont .job_terms_bx li span{width:100%; position: absolute; top: 0; left:50%; transform: translateX(-50%); font-size: 14px; font-weight: 500; color:#000; border-bottom: 1px solid #000; border-left: 1px solid #000; padding-bottom: 10px; background:#f7f7f7; text-align: center;}
    .job_wrap .left_cont .job_terms_bx li:last-child span{border-right: 1px solid #000;}
    .job_wrap .left_cont .job_terms_bx li span:before{height: 0;}
    .job_wrap .left_cont .interest_bx, .job_tab_bx, .sns_bx, .about_num_bx, .update-txt{display: none;}
    .job_wrap .right_cont h3:before{content:''; display:inline-block; width: 10px; height: 10px; border: 4px solid #000; border-radius: 50%; vertical-align: middle; margin: 0 10px 2px -15px;}
    .job_wrap .right_cont .cont h4:before{content:'●';display:inline-block; font-size: 12px; background:none; margin: 0 0 0 -18px;}
    .job_wrap .right_cont .cont dt{color:#000;}
    .job_wrap .right_cont .cont dt:before{content:''; display:inline-block; width: 2px; height: 2px; border:1px solid #000; border-radius: 50%;}
    .job_wrap .right_cont .institution_wrap li{text-indent: -24px;}
    .page-break{
		page-break-after: always;		
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
	}
    #tab1{margin-top:60px;}
    #tab2, #tab3, #tab4{margin-top: 30px;}
}


.job_wrap .right_cont .graph_wrap.graph_wrap_user{width: auto; padding: 45px 65px;}
.job_wrap .graph_wrap .user_wrap{position:relative; }
.job_wrap .graph_wrap .user_wrap + .user_wrap{border-top: 1px solid #e8e8e8; margin-top: 30px; padding-top: 25px;}
.job_wrap .graph_wrap .user_wrap > strong{display:block; width: 108px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #d5d5d5; border-radius: 30px; font-size: 16px; color: #666; position:absolute; top:23px; left: 50%; margin-left: -54px;}
.job_wrap .graph_wrap .user_wrap > strong em{color:#000;}
.job_wrap .graph_wrap .user_wrap .user_inner{display: flex; justify-content: space-between;}
.job_wrap .graph_wrap .user_wrap .user{width: 100%;}
.job_wrap .graph_wrap .user_wrap .user.right{text-align: right;}
.job_wrap .graph_wrap .user_wrap .user > img{vertical-align: top;}
.job_wrap .graph_wrap .user_wrap .user .target{display:inline-block; margin: 34px 7px 0;}
.job_wrap .graph_wrap .user_wrap .user .target .per{display: block; font-size: 14px; font-weight: 400; color: #374057;}
.job_wrap .graph_wrap .user_wrap .user .target .per span{font-size: 23px; font-weight: 600; color:#323941;}
.job_wrap .graph_wrap .user_wrap .user .target .feature{display:block; margin-top: 10px; font-size: 15px; color: #000;}
.job_wrap .graph_wrap .user_wrap .bar{width: 100%; height: 22px; margin-top: 12px; display: flex; border-radius: 20px; overflow: hidden;}
.job_wrap .graph_wrap .user_wrap .bar > span{height: 22px;}
.job_wrap .graph_wrap .user_wrap .bar .tg01{background:#bec7ee;}
.job_wrap .graph_wrap .user_wrap .bar .tg02{background:#c9e292;}
.job_wrap .graph_wrap .user_wrap .bar .tg03{background:#f0ca62;}
.job_wrap .graph_wrap .user_wrap .bar .tg04{background:#a5dae9;}

.job_wrap .half_wrap{display: flex; justify-content: space-between; gap: 15px; margin-top: 38px}
.job_wrap .half_wrap .rank_wrap{position: relative; width: 100%; border: 1px solid #dedede; border-radius: 5px; padding: 40px 45px 30px;}
.job_wrap .half_wrap .rank_wrap > strong{position:absolute; top: -25px; left: 50%; background: #fff; transform: translateX(-50%); padding: 5px 20px 5px 5px; border-radius: 30px; border: 1px solid #d5d5d5; font-size: 16px; font-weight: normal; color: #000;}
.job_wrap .half_wrap .rank_wrap > strong:before{content:''; display: inline-block; width: 38px; height: 38px; background: url(../../images/front/contents/job/img_jobUser03.jpg) no-repeat; background-size: 38px 38px; vertical-align: middle; border-radius: 50%; margin-right: 10px;}
.job_wrap .half_wrap .rank_wrap:last-child > strong::before{background: url(../../images/front/contents/job/img_jobUser04.jpg) no-repeat; background-size: 38px 38px;}
.job_wrap .half_wrap .rank_wrap .ranking{display: flex; justify-content: space-between; gap: 15px;}
.job_wrap .half_wrap .rank_wrap .ranking li{position: relative; width: 100%;}
.job_wrap .half_wrap .rank_wrap .ranking .rank_num{display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 50%; background: #5590e1; font-size: 16px; font-weight: 500; color:#fff; position:absolute; top: 5px; left: 8px;}
.job_wrap .half_wrap .rank_wrap .ranking li:last-child .rank_num{background: #878f9a; left: inherit; right: 8px;}
.job_wrap .half_wrap .rank_wrap .ranking .ability{display: block; text-align: center; font-size: 16px; font-weight: 500; color:#000; margin-top: 35px;}
.job_wrap .half_wrap .rank_wrap .ranking .ability:before{content:''; display: block; width: 70px; height: 70px; background: #fff url(../../images/front/contents/job/icons_tab02.png) no-repeat; background-size: 921px 71px; border: 1px solid #d1d1d1; border-radius: 50%; position: relative; margin: -25px auto 10px; z-index: -1;}

.job_wrap .half_wrap .rank_wrap .ranking .ability.ability01:before {
    background-position: 0 0;
}

.job_wrap .half_wrap .rank_wrap .ranking .ability.ability02:before {
    background-position: -86px 0;
}

.job_wrap .half_wrap .rank_wrap .ranking .ability.ability03:before {
    background-position: -171px 0;
}

.job_wrap .half_wrap .rank_wrap .ranking .ability.ability04:before {
    background-position: -255px 0;
}

.job_wrap .half_wrap .rank_wrap .ranking .ability.ability05:before {
    background-position: -341px 0;
}

.job_wrap .half_wrap .rank_wrap .ranking .ability.ability06:before {
    background-position: -426px 0;
}

.job_wrap .half_wrap .rank_wrap .ranking .ability.ability07:before {
    background-position: -510px 0;
}

.job_wrap .half_wrap .rank_wrap .ranking .ability.ability08:before {
    background-position: -596px 0;
}

.job_wrap .half_wrap .rank_wrap .ranking .ability.ability09:before {
    background-position: -681px 0;
}

.job_wrap .half_wrap .rank_wrap .ranking .ability.ability10:before {
    background-position: -766px 0;
}

.job_wrap .half_wrap .rank_wrap .ranking .ability.ability11:before {
    background-position: -850px 0;
}

.job_wrap .half_wrap .rank_wrap > p{margin-top: 42px; font-size: 13px; color:#777; text-align: center; word-break: keep-all; line-height: 1.7;}
.job_wrap .half_wrap .rank_wrap .no_result > p{background: url(../../images/front/contents/job/ico_noAbility.png) no-repeat center 30px; padding-top: 110px; text-align: center;}

.job_wrap .table_wrap{margin-top: 35px;}
.job_wrap .tbl_ability{display: table; table-layout: fixed; width: 100%; border-top: 1px solid #adadad; border-bottom: 1px solid #adadad;}
.job_wrap .tbl_ability th{height: 40px; font-size: 14px; color:#000; background: #fbfbfc;}
.job_wrap .tbl_ability td{padding: 15px 0; font-size: 12px; color:#000; vertical-align: top; border-top: 1px solid #ddd; border-left: 1px solid #ddd; word-break: keep-all; text-align: center;}
.job_wrap .tbl_ability td:first-child{border-left: none;}
.job_wrap .tbl_ability td:before{content:''; display: block; width: 35px; height: 42px; background: #fff url(../../images/front/contents/job/icons_tab02.png) no-repeat; background-size: 921px 71px; margin: 0 auto 15px;}

.job_wrap .tbl_ability .ability01:before {
    background-position: -16px -12px;
}

.job_wrap .tbl_ability .ability02:before {
    background-position: -103px -9px;
}

.job_wrap .tbl_ability .ability03:before {
    background-position: -186px -8px;
}

.job_wrap .tbl_ability .ability04:before {
    background-position: -273px -8px;
}

.job_wrap .tbl_ability .ability05:before {
    background-position: -357px -10px;
}

.job_wrap .tbl_ability .ability06:before {
    background-position: -442px -8px;
}

.job_wrap .tbl_ability .ability07:before {
    background-position: -526px -7px;
}

.job_wrap .tbl_ability .ability08:before {
    background-position: -612px -10px;
}

.job_wrap .tbl_ability .ability09:before {
    background-position: -697px -9px;
}

.job_wrap .tbl_ability .ability10:before {
    background-position: -785px -13px;
}

.job_wrap .tbl_ability .ability11:before {
    background-position: -866px -13px;
}

.job_wrap .btn-blue{display:block; width: 280px; height: 54px; line-height: 54px; font-size: 16px; font-weight: 500; color:#fff; background: #5590e1; border-radius: 5px; margin: 38px auto; text-align: center; position: relative;}
.job_wrap .btn-blue:after{content:''; display: inline-block; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); vertical-align: middle; margin: 0 0 3px 4px;}



.title_dec{padding-left: 8px; margin-top: 42px; font-size: 16px; color: #11323f; font-family: "Noto Sans KR", sans-serif;}
.floating_wrap{ position:absolute; top:180px; right:50%; margin-right:-560px; }
.floating_wrap{ transition: transform 280ms ease-out 50ms; }
.floating_wrap .btn_rank{position: absolute; top: 149px; left:0; }
.jobRanking{position: absolute; top:0; left: -306px; z-index: 10; width: 288px; height: 425px; background: #fff; border: 1px solid #c0c9d0; border-radius: 25px; padding: 52px 14px 0; box-sizing: border-box; font-family: "Noto Sans KR", sans-serif;}
.jobRanking:after{content:''; display: block; width: 18px; height: 27px; position: absolute; top: 50%; right: -18px; margin-top: -13px; background: url(../../images/front/contents/job/tail_floating_ranking.png) no-repeat;}
.jobRanking .btn-close{position:absolute; top: 24px; right: 24px;}
.jobRanking .tit{display: block; font-size: 22px; font-weight: 600; color: #3c3a3a; text-align: center; margin-bottom: 12px;}
.jobRanking .tit span{color: #f63245;}
.jobRanking .txt{font-size: 13px; color: #777; text-align: center;}
.jobRanking .tab_list{margin-top: 30px; position: relative;}
.jobRanking .tab_list a span{font-family: "Noto Sans KR", sans-serif;}
.jobRanking .tab_list .rank_depth01{display: flex; gap: 3px;}
.jobRanking .tab_list .rank_depth01 > li{width: 100%; height: 240px;}
.jobRanking .tab_list .rank_depth01 > li > a{display: block; text-align: center; font-size: 15px; font-weight: 500; color: #555; line-height: 34px; background: #eee; border-radius: 10px 10px 0 0;}
.jobRanking .tab_list .rank_depth01 > li.active > a{background: #f63245; color: #fff;}
.jobRanking .tab_list .rank_result{position: absolute; top: 55px; left: 7px;}
.jobRanking .tab_list .rank_result > li{display: flex; align-items: center; gap: 10px;}
.jobRanking .tab_list .rank_result > li + li{margin-top: 12px;}
.jobRanking .tab_list .rank_result .num{display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 5px; background: #625c5c; color: #fff; font-size: 12px;margin-right: 10px;}
.jobRanking .tab_list .rank_result .job{font-size: 15px; color: #333; line-height: 16px;}
.jobRanking .tab_list .rank_result .nodata{display: block; width: 250px; margin: 0 auto;}
.jobRanking .tab_list .rank_result .nodata p{font-size: 15px; color: #888; text-align: center; background: url(../../images/front/contents/job/ico_jobRank_noData.png) no-repeat center top; padding-top: 55px;}

.jobRanking .tab_list .rank_depth02{display: flex; position: absolute; top: 44px; left:0;}
.jobRanking .tab_list .rank_depth02 > li{width: 127px; line-height: 32px; }
.jobRanking .tab_list .rank_depth02 > li> a{display: block; line-height: 32px; font-size: 14px; color: #888; border: 1px solid #c8c8c8; background: #eee; text-align: center;}
.jobRanking .tab_list .rank_depth02 > li:first-child a{border-radius: 5px 0 0 5px;}
.jobRanking .tab_list .rank_depth02 > li:last-child a{border-radius: 0 5px 5px 0; border-left: none;}
.jobRanking .tab_list .rank_depth02 > li.active02 > a{background: #fff; color: #000;}
.jobRanking .tab_list .rank_depth02 > li.active02 > a span:after{content:''; display: inline-block; width: 11px; height: 8px; background: url(../../images/front/contents/job/ico_jobRank_check.png) no-repeat; margin-left: 5px;}

.jobRanking .closing_wrap{display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 8px; width: 100%; border-top: 1px solid #e0e0e0; padding-top: 14px;}

.jobRanking .closing_wrap input[type=checkbox]{margin: 0; width: 15px; height: 15px; border-radius: 0;}
.jobRanking .closing_wrap label{font-size: 14px; color: #666;}
.jobRanking .closing_wrap .txt_close{font-size: 14px; font-weight: 500; color: #000; text-decoration: underline; text-underline-offset: 4px; margin-right: 10px;}