/* 리셋 */
button.btn{padding:0;background:transparent;border:0;font-family:gulim, 굴림, Helvetica;font-size:12px;outline:0;cursor:pointer}
.table{width:100%;table-layout:fixed}
.table,
.table th,
.table td{border-spacing:0;border-collapse:collapse}
a:hover{text-decoration:none}

/* 공통 아이디 */
#dfDb { display: block; float: none; width:710px;margin:0 auto}
#dfDb .hidden{display:none}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
#dfDb .ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}

/* 공통 클래스 */
#dfDb .df{display:block;float:none}
#dfDb .df p{margin:0}
#dfDb .clearfix::after{display:block;content:'';clear:both}

/* 모듈 */
#dfDb .page_title{height:40px;margin-bottom:20px;padding-left:30px;background:url('//static.inven.co.kr/image_2011/df/common/title_710x40_blue1.png') no-repeat 0 0;color:#fff;font-size:14px;font-weight:bold;line-height:40px; width: 710px;}

#dfDb .job_list{position:relative;padding:16px 16px 9px;margin-bottom:20px;background:#454545 url('//static.inven.co.kr/image_2011/df/dataninfo/job/pt_job01.png') repeat 0 0;border:1px solid #2d1e15}
#dfDb .job_list::before{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(255,255,255,0.2);z-index:10}
#dfDb .job_list .item{position:relative;float:left;width:91px;height:105px;margin:0 7px 7px 0;z-index:20}
#dfDb .job_list .item:nth-child(2),
#dfDb .job_list .item:nth-child(4),
#dfDb .job_list .item:nth-child(6),
#dfDb .job_list .item:nth-child(9),
#dfDb .job_list .item:nth-child(11),
#dfDb .job_list .item:nth-child(13){margin-right:6px}
#dfDb .job_list .item:nth-child(7n){margin-right:0}
#dfDb .job_list .link{display:block;width:100%;height:100%;background:url('//static.inven.co.kr/image_2011/df/dataninfo/job/sp_job01.png') no-repeat 0 0;color:transparent;font-size:0}
#dfDb .job_list .link.act,
#dfDb .job_list .link:hover{background-position-y:-106px}
#dfDb .job_list .link02{background-position-x:-92px}
#dfDb .job_list .link03{background-position-x:-184px}
#dfDb .job_list .link04{background-position-x:-276px}
#dfDb .job_list .link05{background-position-x:-368px}
#dfDb .job_list .link06{background-position-x:-460px}
#dfDb .job_list .link07{background-position-x:-552px}
#dfDb .job_list .link08{background-position-x:-644px}
#dfDb .job_list .link09{background-position-x:-736px}
#dfDb .job_list .link10{background-position-x:-828px}
#dfDb .job_list .link11{background-position-x:-920px}
#dfDb .job_list .link12{background-position-x:-1012px}
#dfDb .job_list .link13{background-position-x:-1104px}
#dfDb .job_list .link14{background-position-x:-1196px}


#dfDb .job_tab_area{margin-bottom:20px}
#dfDb .job_tab_area .btn_area .btn_tab{position:relative;float:left;height:33px;background:#595c6f;color:#dbdbdb;border:1px solid #5c5f72;font-size:13px;text-align:center}
#dfDb .job_tab_area .btn_area .btn_tab::before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #8b8d9a;z-index:10}
#dfDb .job_tab_area .btn_area .btn_tab span{display:block;position:relative;width:100%;height:100%;line-height:31px;z-index:20}
#dfDb .job_tab_area .btn_area .btn_tab.act{background:#434b67;color:#ffe338;border:1px solid #000;font-weight:bold}
#dfDb .job_tab_area .btn_area .btn_tab.act::before{border-color:#7280af}
#dfDb .job_tab_area .btn_area[data-length="4"] .btn_tab,
#dfDb .job_tab_area .btn_area[data-length="8"] .btn_tab{width:25%}
#dfDb .job_tab_area .btn_area[data-length="5"] .btn_tab,
#dfDb .job_tab_area .btn_area[data-length="10"] .btn_tab{width:20%}
#dfDb .job_tab_area .btn_area[data-length="6"] .btn_tab{width:236px}
#dfDb .job_tab_area .btn_area[data-length="6"] .btn_tab:last-child{width:238px}
#dfDb .job_tab_area .btn_area[data-length="7"] .btn_tab{width:25%}
#dfDb .job_tab_area .btn_area[data-length="7"] .btn_tab:nth-last-child(-n+3){width:236px}
#dfDb .job_tab_area .btn_area[data-length="7"] .btn_tab:last-child{width:238px}
#dfDb .job_tab_area .btn_area[data-length="9"] .btn_tab{width:20%}
#dfDb .job_tab_area .btn_area[data-length="9"] .btn_tab:nth-last-child(-n+4){width:25%}
#dfDb .job_tab_area .item_tab{display:none}
#dfDb .job_tab_area .item_tab.act{display:block}

#dfDb .job_info{padding:20px;border:1px solid #5c5f72;border-top:0}
#dfDb .job_info .row{margin-bottom:15px; width: 668px;}
#dfDb .job_info .layout .left_item{float:left;width:330px;box-sizing:border-box}
#dfDb .job_info .layout .right_item{float:right;width:330px;box-sizing:border-box}
#dfDb .job_info.item_tab{padding-bottom:0;border-bottom:0}
#dfDb .job_info.item_tab .row{margin-bottom:0}
#dfRecommendExp .job_info{padding-top:15px;border-top:0}

#dfDb .job_info .img_area{height:220px;background:#d9ebeb;border:3px solid #21c3c3}
#dfDb .job_info .img_area img{width:100%;height:100%}
#dfDb .job_info .layout .info_detail{position:relative;width:325px;height:220px;padding:20px 10px 20px 24px;background:#c4e1e1;border:1px solid #638e97;box-sizing:border-box}
#dfDb .job_info .info_detail::before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #fff;z-index:10}
#dfDb .job_info .info_detail .item{position:relative;padding:7px 0;letter-spacing:-1px;z-index:20}
#dfDb .job_info .info_detail .name{float:left;position:relative;width:90px;padding:0 5px 0 14px;color:#205d6a;font-weight:bold;box-sizing:border-box}
#dfDb .job_info .info_detail .name::before{display:block;content:'';position:absolute;top:3px;left:0;width:5px;height:5px;border-width:1px 1px 0 0;border-style:solid;border-color:#205d6a;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#dfDb .job_info .info_detail .name::after{display:block;content:':';position:absolute;top:0;right:0;bottom:0}
#dfDb .job_info .info_detail .value{float:left;width:calc(100% - 90px);padding-left:10px;box-sizing:border-box}

#dfDb .job_info .sub_title{position:relative;height:28px;padding:0 10px;margin-bottom:5px;border:1px solid #086182; width: 646px;}
#dfDb .job_info .sub_title::before{display:block;content:'';position:absolute;top:50%;left:0;right:0;bottom:0;background:#205d6a;border:1px solid #369eb4;border-top:0;z-index:10}
#dfDb .job_info .sub_title::after{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:50%;background:#306875;border:1px solid #52b1c7;border-bottom:0;z-index:10}
#dfDb .job_info .sub_title > div{position:relative;color:#fff;line-height:28px;z-index:20}
#dfDb .job_info .sub_title .name{float:left;padding-left:14px;background:url('//static.inven.co.kr/image_2011/df/dataninfo/job/bull_title01.png') no-repeat 0 center;font-weight:bold}
#dfDb .job_info .sub_title .caption{float:right}

#dfDb .job_info .list_area{margin-bottom:5px;border:1px solid #6693b6}
#dfDb .job_info .list_area .name{position:relative;height:30px;background:#abcfeb;color:#0e3b5d;font-weight:bold;text-align:center;line-height:30px; width: 100%;}
#dfDb .job_info .list_area .btn_toggle{position:absolute;top:4px;right:5px;width:55px;height:20px;padding-left:15px;background:#fff;color:inherit;border:1px solid #8d8d8d;font-size:11px;font-family:dotum, sans-serif;text-align:center;line-height:20px}
#dfDb .job_info .list_area .btn_toggle::before{display:block;content:'';position:absolute;top:8px;left:6px;width:8px;height:2px;background:#21477e}
#dfDb .job_info .list_area .btn_toggle::after{display:block;content:'';position:absolute;top:5px;left:9px;width:2px;height:8px;background:#21477e}
#dfDb .job_info .list_area .btn_toggle.act::after{display:none}
#dfDb .job_info .list_area .list{height:182px;padding:12px 0;overflow:hidden}
#dfDb .job_info .list_area .list.act{height:auto}
#dfDb .job_info .list_area .list .item{position:relative;padding:5px 5px 5px 30px;box-sizing:border-box}
#dfDb .job_info .list_area .list .item::before{display:block;content:'';position:absolute;top:8px;left:17px;width:3px;height:3px;border-width:1px 1px 0 0;border-style:solid;border-color:#8e8e8e;transform:rotate(45deg)}
#dfDb .job_info .list_area .list .item::after{display:block;content:'';position:absolute;top:8px;left:13px;width:3px;height:3px;border-width:1px 1px 0 0;border-style:solid;border-color:#8e8e8e;transform:rotate(45deg)}

#dfDb .job_info .skill_area01 .list .item{float:left;width:50%}
#dfDb .job_info .skill_area01 .list{position:relative}
#dfDb .job_info .skill_area01 .list::before{display:block;content:'';position:absolute;top:12px;left:334px;bottom:12px;width:1px;background:#cdd8e1}

#dfDb .job_info .skill_area02{margin-bottom:0;border-color:#7476c1}
#dfDb .job_info .skill_area02 .name{background:#c9caf4;color:#343688}
#dfDb .job_info .skill_area02 .list .item{float:left;width:50%}
#dfDb .job_info .skill_area02 .list{position:relative}
#dfDb .job_info .skill_area02 .list::before{display:block;content:'';position:absolute;top:12px;left:334px;bottom:12px;width:1px;background:#cdd8e1}

#dfDb .job_info .recommend{border:1px solid #53a3a3;text-align:center}
#dfDb .job_info .recommend col.size01{width:68px}
#dfDb .job_info .recommend col.size02{width:131px}
#dfDb .job_info .recommend th{background:#d4e9e9;color:#0e3b5d;border-width:0 1px 1px 0;border-style:solid;border-color:#99cccc;font-weight:bold;line-height:28px}
#dfDb .job_info .recommend th:last-child{border-width:0 0 1px 0}
#dfDb .job_info .recommend td{padding:5px;border-width:0 1px 1px 0;border-style:solid;border-color:#99cccc;line-height:1.4}
#dfDb .job_info .recommend td:last-child{border-width:0 0 1px 0}
#dfDb .job_info .recommend tr:last-child td{border-bottom:0}

#dfDb .job_info .caption_area{padding:15px;margin-bottom:5px;background:#d9e9eb;color:#133720;font-weight:bold;line-height:1.4}

#dfDb .job_info .item_area .row{margin-bottom:0}
#dfDb .job_info .item_area .row:last-child .list_area{margin-bottom:0}

#dfDb .job_info .item_area02{border-color:#7476c1}
#dfDb .job_info .item_area02 .name{background:#c9caf4;color:#343688}
#dfDb .job_info .item_area02 .btn_toggle::before,
#dfDb .job_info .item_area02 .btn_toggle::after{background:#343688}
#dfDb .job_info .item_area03{border-color:#6ab0a3; width: 100%;}
#dfDb .job_info .item_area03 .name{background:#c6ebe4;color:#184e44}
#dfDb .job_info .item_area03 .btn_toggle::before,
#dfDb .job_info .item_area03 .btn_toggle::after{background:#184e44}
#dfDb .job_info .item_area04{border-color:#bb9c8a}
#dfDb .job_info .item_area04 .name{background:#f0dbcf;color:#864c2c}
#dfDb .job_info .item_area04 .btn_toggle::before,
#dfDb .job_info .item_area04 .btn_toggle::after{background:#864c2c}
#dfDb .job_info .item_area05{border-color:#b0be45}
#dfDb .job_info .item_area05 .name{background:#e8ebd0;color:#4f580d}
#dfDb .job_info .item_area05 .btn_toggle::before,
#dfDb .job_info .item_area05 .btn_toggle::after{background:#4f580d}
#dfDb .job_info .item_area06{border-color:#ca9abc}
#dfDb .job_info .item_area06 .name{background:#f1ddeb;color:#743060}
#dfDb .job_info .item_area06 .btn_toggle::before,
#dfDb .job_info .item_area06 .btn_toggle::after{background:#743060}

.tooltip{width:345px;padding:12px 15px;background:#2f3740;color:#fff;border:1px solid #0b0600;box-sizing:border-box}
.tooltip .color01{color:#dba901}
.tooltip .color02{color:#ff8000}
.tooltip .color03{color:#f78181}
.tooltip .color04{color:#fe2ec8}
.tooltip .color05{color:#c400ff}
.tooltip .color06{color:#81bef7}
.tooltip .blue{color:#48d6ff}
.tooltip li{padding:5px 0 6px;background:url('//static.inven.co.kr/image_2011/df/dataninfo/item/bull_dot01.png') repeat-x bottom left}
.tooltip li:last-child{background:none}
.tooltip li p{line-height:1.6}
.tooltip .name_area{padding:0 0 6px;font-size:0}
.tooltip .name_area > *{display:inline-block;font-size:12px;vertical-align:middle}
.tooltip .name_area .img_area{width:48px;height:48px;background:#000;border:1px solid #4a4f56;box-sizing:border-box}
.tooltip .name_area .img_area img{width:100%;height:100%}
.tooltip .name_area .text_area{width:265px;padding-left:15px;font-size:14px;font-weight:bold;box-sizing:border-box}
.tooltip .layout .left{float:left}
.tooltip .layout .right{float:right;text-align:right}
.tooltip .sub_name{color:#00ff7e;font-size:14px;font-weight:bold}
.tooltip .sub_info{color:#c3d59e}