@charset "UTF-8";
/* --------------------------------------------------
* Version	: 1.0
* Date		: 2014-12-01
* Author	: SangKi Park / seon81.park@gmail.com
  -------------------------------------------------- */

/*---------------------------------------------------*\
	마이커리어 (2014-11-18 sjm)
\*---------------------------------------------------*/
.mt0 {margin-top:0!important;}
.mb45 {margin-bottom:45px!important;}
.ml15 {margin-left:15px!important;}
.fsize14 {font-size:14px!important;}
.fc-memId {color:#ef7e22!important;}
/*.ct_title.bt_line {padding-bottom:35px;border-bottom:1px solid #cecece;}*/
/*.ct_title2 {font-family:'NanumGothicBoldWeb';font-size:21px;color:#424242;}*/
.ct_title_dot {padding-left:17px;margin:25px 0 15px;background:url(../../images/common/blt_blue.png) no-repeat 4px 7px;color:#666;font-size:18px;}
.list-desc-left {display:inline-block;margin-bottom:9px;font-size:14px;color:#424242;}

.tb-title {padding:11px 10px 10px 20px;background:#8da6d9;color:#fff;font-size:14px;letter-spacing:0;}
.ui-list-type.left {text-align:left !important;}
.ui-tbl-list2 {table-layout:fixed;width:100%;border:1px solid #dadee1;border-left:0 none;}
.ui-tbl-list2 tbody th, .ui-tbl-list2 tbody td {border-top:1px solid #cecece;border-left:1px solid #dadee1;font-size:16px;color:#666;text-align:left;}
.ui-tbl-list2 tbody tr:first-child th, .ui-tbl-list2 tbody tr:first-child td {border-top:0 none;}
.ui-tbl-list2 tbody th {padding:18px 0 15px 17px;background:#f8f9fa;}
.ui-tbl-list2 tbody td {padding:8px;}
.relation {display:inline-block;height:22px;line-height:22px;}
.relation.relTy01 {padding-left:37px;background:url(../../images/common/ico_relTy01.png) no-repeat 0 0;}
.relation.relTy02 {padding-left:29px;background:url(../../images/common/ico_relTy02.png) no-repeat 0 0;}
.stateTy01 {color:#ef7e22;text-decoration:underline;font-weight:bold;}
.stateTy02 {color:#2d53a3;text-decoration:underline;font-weight:bold;}

.input-txt-ty2 {height:16px;padding:7px 0 8px 11px !important;border:1px solid #dadee1 !important;font-size:16px;}
.btnWrap.left-side {text-align:left;}
.ui-btn-blue {background-color:#335397;}
.ui-btn-blue span {border-color:#6079ae;font-size:14px;}
.ui-btn-wide {display:inline-block;border:1px solid #335397;text-align:center;color:#fff;}
.ui-btn-wide span {display:inline-block;height:30px;line-height:30px;padding:0 18px;border:1px solid #6079ae;background:#335397;}
.ui-list-type.mt0 .ui-btn-wide {position:absolute;right:0;margin-top:-10px;}
.ui-pagination + .btnWrap.left-side {margin-top:-46px;}


/*---------------------------------------------------*\
	회원 로그인
\*---------------------------------------------------*/
.memberBox {padding:55px 0 78px;border-top:4px solid #335397;border-bottom:1px solid #335397;background:#f5f6f7 url(http://img.jindanplus.co.kr/img/sub/neww/bg_member.png) no-repeat 99px 186px;min-height:314px}
.memberBox .loginWrap {position:relative;margin:65px 0 0 396px;width:456px}
.memberBox .loginWrap .inputBox {margin-bottom:7px}
.memberBox .loginWrap .inputBox label {display:inline-block;width:66px;line-height:43px;font-size:16px;color:#424242}
.memberBox .loginWrap .inputBox input {padding:4px;width:276px;height:33px;line-height:33px;border:1px solid #d7d7d7;background-color:#fff;font-size:14px}
.memberBox .loginWrap .btn_login {position:absolute;top:0;right:0}
.memberBox .loginWrap .btn_login span {width:92px;height:89px;line-height:89px}
.memberBox .btnWrap {margin:22px 0 0 396px;text-align:left}
.memberBox .btnWrap a {float:left;display:block;position:relative;width:140px;height:38px;line-height:38px;font-size:12px;color:#fff;text-align:center}
.memberBox .btnWrap .btn_idPwFind {margin-right:5px;background-color:#656565}
.memberBox .btnWrap .btn_signup {margin-right:6px;background-color:#6989cf}
.memberBox .btnWrap .btn_useInfo {padding-left:25px;background-color:#335397}
.memberBox .btnWrap .btn_useInfo:before {content:'';display:block;position:absolute;top:50%;left:8px;margin-top:-11px;width:22px;height:22px;background:url(../../images/contents/member/ic_check.png) no-repeat}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.memberBox .loginWrap .inputBox input {line-height:1}
}

/*비회원 로그인*/
.memberBox.nm {padding: 55px 0 78px;border-top: 4px solid #335397;border-bottom: 1px solid #335397;background: #f5f6f7 url(../../images/contents/member/login_bg.png) 200px 50px no-repeat;min-height: 370px;}
.memberBox.nm .greeting2 {font-size: 32px;color: #335397;margin-bottom: 65px;}
.memberBox.nm .greeting1, .greeting2 {text-align: left;padding-left:340px;}
.memberBox.nm .loginBoth {width: 456px;padding-left: 50px;float:left;}
.memberBox.nm .loginBoth legend {font-size: 22px !important;color: #000 !important;line-height: 30px !important;height: auto !important;text-indent: 0;border-bottom: 1px solid #ccc;display: block;width: 100%;padding: 0 0 10px 0;font-weight: 700;}
.memberBox.nm .loginWrap {position: relative;margin: 25px 0 0 0;width: 456px;}
.memberBox.nm .btnWrap {margin: 22px 0 0 0;text-align: left;}
.nomem{float:left;width:375px;padding-left:40px}
.nomem h3{ font-size: 22px; color: #000; padding: 0 0 10px 0;font-weight: 700; border-bottom: 1px solid #ccc;line-height:30px}
.nomem p{ font-size: 14px; color: #000; padding: 20px 0 0 0}
.nomem a{display:block;color:#fff;height:50px;line-height:50px;font-size:18px;margin:15px 0 0 0;padding:0 0 0 20px;background:#555 url(../../images/contents/member/login_arw.png) 350px 17px no-repeat;text-indent:3px}
.nomem a img{margin-right:5px}
.nomem a:active, .nomem a:focus, .nomem a:visited {background:#555 url(../../images/contents/member/login_arw.png) 350px 17px no-repeat;}

/*---------------------------------------------------*\
	회원가입 완료
\*---------------------------------------------------*/
.signComplete .comment {margin-top:30px;width:100%;font-size:14px;line-height:1.3;letter-spacing:-1px}
.signComplete .userId {margin-top:30px;width:100%;height:64px;line-height:64px;background-color:#f3f5f7;font-size:15px;color:#424242;text-align:center}
.signComplete .notice {margin-top:54px;padding:12px 12px 13px 12px}
.signComplete .notice .txt1 {padding-left:24px;font-size:18px;font-weight:bold;line-height:2;background:url(../../images/common/icon/ic_tip.png) no-repeat left 11px;letter-spacing:-1px}
.signComplete .notice .serviceList {margin-top:8px}
.signComplete .notice .serviceList li {line-height:26px;font-size:15px;color:#424242}
.signComplete .btnWrap {margin:0;margin-top:39px}
.signComplete .btnWrap .btn_login {width:245px;height:53px}
.signComplete .btnWrap .btn_login span {width:243px;height:51px;line-height:51px}

@media screen and (min-width: 768px) {
	.signComplete .comment {margin:0 auto;margin-top:30px;width:540px;}
	.signComplete .userId {margin:0 auto;margin-top:30px;width:474px;font-size:20px}
	.signComplete .notice {padding:27px 0 26px 81px;background:#fff url(../../images/contents/member/bg_member2.png) no-repeat 630px 24px}
}


/*---------------------------------------------------*\
	마이커리어 친구관리
\*---------------------------------------------------*/
.friends-search a{background:url(../../images/mycareer/setup_icons.png) no-repeat}
.friends-search{position:relative;padding:0 0 35px 0}
.friends-search:after {display:block;content:"";clear:both;}
.friends-search input{float:left;height:24px;line-height:24px;border:3px solid #7bc8d6;padding:10px 0 10px 12px;color:#222;outline:none;}
.friends-search input:first-child {width:141px;padding-right:10px;border-right:0 none;background:url(../../images/mycareer/bar_input.png) no-repeat right 8px;}
.friends-search input:first-child + input[type=text]{width:231px;padding-right:44px;border-left:0 none;}
.friends-search a{display:inline-block;width:44px;height:38px;margin-top:6px;margin-left:-47px;background-position:-276px 3px;text-indent:-9999px}
.friends-list{padding:0 0 25px 0;}
.friends-list>li{display:inline-block;margin:0 10px 0 0;vertical-align:top}
.friends-list>li>a{display:block;height:120px;text-decoration:none;color:#333}
.friends-list>li>a>span{display:none}
.friends-list>li>a:hover>span{display:block;width:76px;height:76px;position:absolute;background:url(../../images/mycareer/setup_icons.png) -116px -40px no-repeat}
.friends-list>li>a>img{width:76px;height:76px}
.friends-list>li>a>em{display:block;width:76px;position:absolute;font-weight:bold;line-height:1.4em;letter-spacing:0;font-size:11px;text-align:center;padding:5px 0 0 0;}
.friends-list>li.add>a{width:76px;height:76px;background:url(../../images/mycareer/setup_icons.png) -192px -40px no-repeat;text-indent:-9999px;}
.friends-list>li.add>a:hover{background-position:-268px -40px}
.myfriends{border-top:1px solid #ebebeb;}
.myfriends h2{font-weight:bold;font-size:17px;padding:20px 0}
.myfriends .myfriends-list>li{display:block;position:relative;margin:0 0 7px 0;height:54px;border:1px solid #ddd;text-decoration:none;color:#333}
.myfriends .myfriends-list>li>input{float:left;margin:22px 10px 0 15px}
.myfriends .myfriends-list>li>img{width:46px;height:46px;margin:4px 0 0 3px;float:left}
.myfriends .myfriends-list>li>.tablesort{display:table;width:70%;float:left;margin:0 0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.myfriends .myfriends-list>li>.tablesort span{display:table-cell;text-align:center;line-height:53px;}
.myfriends .myfriends-list>li>.tablesort .tname{width:20%;font-weight:bold;font-size:15px}
.myfriends .myfriends-list>li>.tablesort .tyear{width:10%;white-space:nowrap;}
.myfriends .myfriends-list>li>.tablesort .tclass{width:50%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.myfriends .myfriends-list>li>.tablesort .tdate{width:20%;text-align:left}
.myfriends .myfriends-list>li>.btnGroup{position:absolute;right:15px;top:13px}
.myfriends .myfriends-list>li>.btnGroup button{background:url(../../images/mycareer/setup_icons.png) no-repeat;color:#fff}
.myfriends .myfriends-list>li>.btnGroup .btn01{width:44px;height:28px;background-position:-132px -116px}
.myfriends .myfriends-list>li>.btnGroup .btn02{width:44px;height:28px;background-position:-176px -116px}
.myfriends .myfriends-list>li>.btnGroup .btn03{width:66px;height:28px;background-position:0 -116px}
.myfriends .myfriends-list>li>.btnGroup .btn04{width:66px;height:28px;background-position:-66px -116px}
.myfriends .myfriends-list>li.new{background:#eef9fb;border:1px solid #a0d1de;text-indent:0}
.friends-list>li.add + li {display:none;}
.friends-list>li.hideF>a{width:76px;height:76px;background:url(../../images/mycareer/setup_icons.png) -344px -40px no-repeat;text-indent:-9999px;}
.friends-list>li.hideF>a:hover{background-position:-420px -40px}


/*---------------------------------------------------*\
	스마트폰 어플리케이션 소개
\*---------------------------------------------------*/
.appService .tab-menu {display:none}
.appService .tab-menu:first-child {display:block}
.appService #tab02, .appService #tab03, .appService #tab04 {border-top:0}
.appService #tab03 .info,
.appService .tab-menu .info {padding:40px 30px 30px 394px;height:313px;border-bottom:1px solid #cecece}
.appService .tab-menu .info .title {font-size:30px;font-weight:bold;color:#424242}
.appService .tab-menu .info .sub {margin-top:37px;line-height:20px;font-size:13px;letter-spacing:-1px}
.appService .tab-menu .info .appLink {overflow:hidden;margin-top:47px}
.appService .tab-menu .info .appLink > span {display:block;line-height:38px;font-size:14px;font-weight:bold}
.appService .tab-menu .info .appLink a {float:left;margin-right:10px;border-bottom:3px solid #ebebeb}
.appService .tab-menu .info .appLink a span {display:block;position:relative;padding:7px 27px 7px 45px;width:auto;height:20px;border:1px solid #cecece;line-height:20px;font-size:12px;background-color:#fff}
.appService .tab-menu .info .appLink a span:before,
.appService .tab-menu .info .appLink a span:after {content:'';display:block;position:absolute;top:50%}
.appService .tab-menu .info .appLink a span:before {left:10px;margin-top:-12px;width:23px;height:23px}
.appService .tab-menu .info .appLink a span:after {right:10px;margin-top:-5px;width:0;height:0;border-left:5px solid #bdbdbd;border-top:5px solid transparent;border-bottom:5px solid transparent}
.appService .tab-menu .info .appLink .ios span:before {background:url(../../images/common/icon/ic_market_ios.jpg) no-repeat}
.appService .tab-menu .info .appLink .and span:before {background:url(../../images/common/icon/ic_market_android.jpg) no-repeat}
.appService .tab-menu .description {padding:14px 0}
.appService .tab-menu .description p {margin-top:21px;padding:0 30px 0 15px;line-height:20px;font-size:12px;color:#666}
.appService .tab-menu .description p span {display:block;position:relative;line-height:32px;font-size:14px;font-weight:bold;color:#424242}
.appService .tab-menu .description p strong{display: block;padding: 10px 0 5px 5px;font-weight: bold;color: #333;}
.appService .tab-menu .description p span:before {content:'';display:block;position:absolute;top:15px;left:-9px;width:3px;height:3px;background-color:#335397}
.appService .tab-menu .screenshots {margin-top:29px;padding:39px 52px 44px;border:1px solid #cecece;text-align:center}
.appService .tab-menu .screenshots ul {overflow:hidden}
.appService .tab-menu .screenshots li {float:left;margin:0 4px 12px 4px;border:1px solid #dadada;width:280px}
.appService #tab04 .screenshots li {width:424px}
.appService .tab-menu .screenshots li img {width:100%}
.appService #tab05 .info,
.appService #tab06 .info,
.appService #tab07 .info {height:376px}
.appService #tab01 {background:url(../../images/screenshots/cplan.png) no-repeat 36px 41px}
.appService #tab02 {background:url(../../images/screenshots/moms.png) no-repeat 36px 41px}
.appService #tab01 .info .sub span,
.appService #tab02 .info .sub span {display:block;margin:26px 0 10px;font-size:15px;font-weight:bold;color:#335397}
.appService #tab03 {border:0;background:url(../../images/screenshots/books.png) no-repeat 36px 41px}
.appService #tab04 {background:url(../../images/screenshots/smartBook.png) no-repeat 36px 41px}
.appService #tab05 {background:url(../../images/screenshots/eCareer.png) no-repeat 36px 41px}
.appService #tab06 {background:url(../../images/screenshots/examen.png) no-repeat 36px 41px}
.appService #tab06 .screenshots {padding:39px 44px 44px;text-align:center}
.appService #tab06 .tab li {margin:0 8px}
.appService #tab06 .tab li:last-child {margin:26px 250px 0 250px}
.appService #tab07 {background:url(../../images/screenshots/counsel.png) no-repeat 36px 41px}
.appService #tab08 {background:url(../../images/screenshots/future.png) no-repeat 36px 41px}

/*---------------------------------------------------*\
	마이커리어-개인특성화
\*---------------------------------------------------*/
.specialzation-box {margin-top:35px;border:1px solid #cecece;}
.specialzation-box .use-infomation {padding:36px 55px 35px 142px;border-bottom:1px solid #cecece;background:url(../../images/mycareer/bg_special_info.png) no-repeat 28px 50%;}
.specialzation-box .use-infomation .title {font-size:15px;font-weight:bold;letter-spacing:-0.05em;}
.specialzation-box .use-infomation .sTitle {display:block;padding-left:25px;margin-top:12px;background:url(../../images/mycareer/bg_special_info2.png) no-repeat 0 0;color:#666;line-height:16px;}
.specialzation-box .select-myType {padding:13px 20px 22px 20px;}
.specialzation-box .select-myType .txt-right {text-align:right;font-size:11px;font-family:'돋움',Dotum;}
.specialzation-box .select-myType .type-list {margin:13px 0 17px 0;}
.specialzation-box .select-myType .type-list:after {content:'';display:block;clear:both;}
.specialzation-box .select-myType .type-list .typeBox {float:left;width:292px;height:184px;margin-left:7px;border:1px solid #cdd6df;text-align:right;}
.specialzation-box .select-myType .type-list .typeBox:first-child {margin-left:0;}
.specialzation-box .select-myType .type-list .typeBg01 {background:url(../../images/mycareer/bg_special_infoBox01.png) no-repeat 24px 101px #f7fafb;}
.specialzation-box .select-myType .type-list .typeBg02 {background:url(../../images/mycareer/bg_special_infoBox02.png) no-repeat 20px 87px #f7fafb;}
.specialzation-box .select-myType .type-list .typeBg03 {background:url(../../images/mycareer/bg_special_infoBox03.png) no-repeat 17px 98px #f7fafb;}
.specialzation-box .select-myType .type-list .typeBox strong {display:block;width:100%;padding:13px 0 14px 0;margin-bottom:20px;border-bottom:1px solid #cdd6df;text-align:center;font-size:15px;color:#5b8d9c;}
.specialzation-box .select-myType .type-list .typeBox .type-chk {display:inline-block;margin-right:25px;text-align:left;vertical-align:top;}
.specialzation-box .select-myType .type-list .typeBox .type-chk li {line-height:24px;color:#000;}
.specialzation-box .select-myType .type-list .typeBox .type-chk input[type=radio] {margin-top:0;}
.specialzation-box .select-myType .type-list .typeBox .type-chk input[type=radio] + label {margin-left:7px;cursor:pointer;}
.specialzation-box .select-myType .type-list .typeBox .type-chk .selLabel {display:inline-block;width:53px;}
.specialzation-box .select-myType .type-list .typeBox .type-chk select {width:115px;height:20px;border-color:#dbdada;padding:0;}
.specialzation-box .btn-center {text-align:center;}
.specialzation-box .btn-center .button {display:block;width:92px;margin:0 auto;border:1px solid #ef7e22;color:#fff;text-align:center;font-size:14px;}
.specialzation-box .btn-center .button span {display:block;border:1px solid #f39a53;background:#ef7e22;line-height:30px;}

.raking-wrap {margin-top:60px;}
.raking-wrap .nodata {text-align:center;font-family:NanumGothicBoldWeb;font-size:15px;color:#424242;}
.raking-wrap .title {text-align:center;font-size:15px;color:#424242;font-family:NanumGothicBoldWeb;}
.raking-wrap .fc-blue {color:#20a1c2;}
.raking-box {margin-top:32px;}
.raking-box:after {content:'';display:block;clear:both;}
.raking-box li {float:left;width:226px;border:1px solid #cdd6df;margin-left:9px;}
.raking-box li:first-child {margin-left:0;}
.raking-box li .box-title {display:block;padding:13px 0 14px 0;border-bottom:1px solid #cdd6df;text-align:center;font-size:14px;font-family:NanumGothicWeb;}
.raking-box li .box-title .ico-medal {display:inline-block;padding-left:28px;background:url(../../images/mycareer/icon_special_ranking.png) no-repeat 0 0;line-height:16px;}
.fc-orange {color:#ef7e22;}
.raking-list {padding:20px 21px 12px 21px;}
.raking-list li {position:relative;float:none;width:inherit;padding-left:21px;margin-left:0;margin-bottom:7px;border:0 none;font-family:'돋움',Dotum;font-size:12px;color:#424242;overflow:hidden;text-overflow:ellipsis;display: block;white-space: nowrap;line-height:15px;}
.raking-list .rank-num {position:absolute;left:0;top:-1px;display:inline-block;width:14px;height:11px;border:1px solid #1088a7;background:#20a1c2;color:#fff;font-size:11px;font-weight:bold;text-align:center;font-family:arial,'돋움',Dotum;letter-spacing:-0.075em;vertical-align:bottom;line-height:13px;}


/*---------------------------------------------------*\
	직업정보-직업선호회원 특성
\*---------------------------------------------------*/
.sub-title-tabinfo {margin-top:14px;color:#3f5063;font-size:14px;font-family:NanumGothicBoldWeb;}
.sub-title-tabinfo .jobName {color:#ff6633;}
.percentage-wrap {margin:39px 0 0 9px;}
.percentage-wrap:first-of-type {margin-top:60px;}
.perTitle {padding-left:21px;margin-bottom:19px;background:url(../../images/front/contents/job/blt_circleArw.png) no-repeat 0 5px;font-size:14px;color:#3f5063;font-family:NanumGothicWeb;}
.perTitle .jobName {color:#ff6633;}
.per-box {padding:26px 0 28px 0;margin-bottom:45px;border:1px solid #ccc;background:#fafafa;}
.per-box:after {content:'';display:block;clear:both;}
.per-cont {position:relative;float:left;width:405px;height:121px;padding:17px 0 0 60px;}
.per-cont + .per-cont {border-left:1px solid #dfdfdf}
.per-box.person-type .per-cont {height:138px;padding-top:0;}
.per-cont .nodata {margin-left:-60px;line-height:110px;text-align:center;font-family:NanumGothicWeb;}
.per-box.person-type .per-cont .nodata {line-height:138px;}
.per-caption {position:absolute;top:123px;left:0;width:100%;font-size:12px;color:#252525;text-align:center;}
.per-pictogram li {position:relative;float:left;width:120px;min-height:65px;padding-top:5px;padding-left:82px;background:url(../../images/front/contents/job/bg_jobFavor_circle.png) no-repeat 0 2px;font-size:14px;font-weight:bold;color:#646464;font-family:NanumGothicWeb;}
.per-pictogram li em {display:block;margin-top:-8px;font-family:'돋움',Dotum;font-size:24px;color:#898989}
.per-pictogram li em strong {margin-right:3px;font-family:Arial;font-size:40px;color:#555;letter-spacing:-0.05em;}
.per-pictogram2 {height:100%;padding-left:20px;}
.per-pictogram2 li {position:relative;float:left;width:79px;padding:0 12px 77px 13px;background:url(../../images/front/contents/job/bg_jobFavor_circle.png) no-repeat center bottom;text-align:center;font-size:13px;font-weight:bold;font-family:NanumGothicWeb;}
.pictogram {position:absolute;left:0;top:0;display:block;width:70px;height:70px;background-repeat:no-repeat;background-position:center 50%;text-align:center;}
.per-pictogram2 .pictogram {top:28px;left:17px;}
.pictogram.img-gender01 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic01.png);}
.pictogram.img-gender02 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic02.png);}
.pictogram.img-school01 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic03.png);}
.pictogram.img-school02 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic04.png);}
/* 적성 유형별 특성종류 픽토그램 */
.pictogram.img-type1_01 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic1_01.png);} /* 신체운동 */
.pictogram.img-type1_02 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic1_02.png);} /* 손재능 */
.pictogram.img-type1_03 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic1_03.png);} /* 공간지각 */
.pictogram.img-type1_03_1 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic1_03_1.png);} /* 공간시각 */
.pictogram.img-type1_04 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic1_04.png);} /* 음악 */
.pictogram.img-type1_05 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic1_05.png);} /* 창의 */
.pictogram.img-type1_06 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic1_06.png);} /* 언어 */
.pictogram.img-type1_07 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic1_07.png);} /* 수리논리 */
.pictogram.img-type1_08 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic1_08.png);} /* 자기성찰 */
.pictogram.img-type1_09 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic1_09.png);} /* 대인 */
.pictogram.img-type1_10 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic1_10.png);} /* 자연친화 */
.pictogram.img-type1_11 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic1_11.png);} /* 예술시각능력 */
.pictogram.img-type1_12 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic1_12.png);} /* 자기관리능력 */
/* 직업 가치관별 특성종류 픽토그램 */
.pictogram.img-type2_01 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic2_01.png);} /* 능력발휘 */
.pictogram.img-type2_02 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic2_06.png);} /* 자율성 */
.pictogram.img-type2_03 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic2_02.png);} /* 보수 */
.pictogram.img-type2_04 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic2_05.png);} /* 안정성 */
.pictogram.img-type2_05 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic2_04.png);} /* 사회적인정 */
.pictogram.img-type2_06 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic2_03.png);} /* 사회봉사 */
.pictogram.img-type2_07 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic2_07.png);} /* 자기개발 */
.pictogram.img-type2_08 {background-image:url(../../images/front/contents/job/ico_jobFavor_pic2_08.png);} /* 창의성 */

/*---------------------------------------------------*\
	관계설정 NEW (2015.11.27)
\*---------------------------------------------------*/
.idSync {width:131px; height:27px; color:#778594; font-weight:bold; text-align:center; background:url(../../images/mycareer/btn_idsync.gif) no-repeat left top; display:inline-block;}

#idSync_contents {width:658px; height:348px; border:3px solid #d8d8d8; position:relative;}
#idSync_contents h1.title {font-size:30px; font-weight:700; color:#322f36; padding:27px 0px 0px 28px;}
#idSync_contents .text {font-size:15px; font-weight:normal; color:#666; padding:11px 0px 0px 28px;}
#idSync_contents .box {width:598px; height:138px; border:1px solid #dddee0; background:#f9fafc; margin:29px 0px 0px 29px;}
#idSync_contents .box .inner {width:378px; height:70px; margin:21px 110px 0px 110px; position:relative;}
#idSync_contents .box .inner li {width:268px; height:27px; margin-top:8px;}
#idSync_contents .box .inner li .tit {width:68px; height:20px; font-size:14px; font-weight:bold; color:#323335; float:left; padding-top:7px;}
#idSync_contents .box .inner li .idSync_input {width:188px; height:25px; background:#fff; border:1px solid #d1d1d1; padding-left:10px;}
#idSync_contents .box .inner .idSync_btn {width:100px; height:62px; font-size:14px; font-weight:bold; color:#ffffff; background:url(../../images/mycareer/idSync_btn.jpg) no-repeat left top; position:absolute; top:0px; right:0px;}
#idSync_contents .cuation {font-size:12px; font-weight:normal; color:#e8223d; background:url(../../images/mycareer/idsync_icon.jpg) no-repeat 0px 3px; padding-left:13px; margin:8px 0px 0px 110px;}
#idSync_contents .util_btn_wrap {text-align:center; margin-top:30px;}
#idSync_contents .util_btn_wrap .util_btn01 {width:150px; height:31px; font-size:12px; font-weight:bold; color:#fff; display:inline-block; background:url(../../images/mycareer/idSync_util_btn01.jpg) no-repeat;}
#idSync_contents .util_btn_wrap .util_btn02 {width:150px; height:31px; font-size:12px; font-weight:bold; color:#fff; display:inline-block; background:url(../../images/mycareer/idSync_util_btn02.jpg) no-repeat; margin-left:2px;}
.idSync_close {width:35px; height:35px; background:url(../../images/mycareer/idSync_close.jpg) no-repeat; position:absolute; top:-3px; right:-3px; font-size:0px;}


.setup_tab_wm {margin-top:20px;height:40px;margin-bottom:19px;}
.setup_tab_wm:after {content:''; display:block; clear:both; height:0;}
.setup_tab_wm li {width:50%;height:38px;float:left;text-align:center;border-bottom:1px solid #cccccc;-webkit-box-sizing:border-box;}
.setup_tab_wm li a {display:block;width:100%;height:27px; padding-top:11px; background:#f4f4f4;font-size:16px;font-weight:bold;color:#737373;border:1px solid #cccccc;}
.setup_tab_wm li.on {position:relative;}
.setup_tab_wm li.on a {background:#fff;color:#ff6634;font-size:16px;font-weight:bold;border:1px solid #cccccc;border-bottom:1px solid #fff; }

.relation_btn_wrap {text-align:right;}
.relation_btn {width:99px; height:21px; font-size:11px; font-weight:normal; color:#ff6634; border:1px solid #b6c1cd; box-shadow:0px 1px 0px #e9ecf0; margin-top:11px; margin-bottom:20px; background:url(../../images/mycareer/relation_icon.jpg) no-repeat 8px 5px; padding-left:20px;}
.relation_btn02 {width:124px; height:21px; font-size:11px; font-weight:normal; color:#ff6634; border:1px solid #b6c1cd; box-shadow:0px 1px 0px #e9ecf0; margin-top:11px; margin-bottom:20px; background:url(../../images/mycareer/relation_icon.jpg) no-repeat 8px 5px; padding-left:20px;}


.relation_wrap {width:100%; overflow:hidden;}
.relation_wrap ul {margin-left:-10px; margin-top:-10px;}
.relation_wrap li {width:463px; height:98px; float:left; border:1px solid #c6cfd8; margin:10px 0px 0px 10px;}
.relation_wrap li .img {width:46px; height:46px; padding:26px 20px; background:#f9f9f9; float:left; border-right:1px solid #c6cfd8;}
.relation_wrap li .img img {width:100%; height:100%;}
.relation_wrap li .relation_con {width:246px; height:98px; float:left; padding-left:20px;white-space: nowrap;}
.relation_wrap li .relation_con .name {font-size:14px; font-weight:normal; color:#333; margin-top:14px;}
.relation_wrap li .relation_con .name strong {font-weight:700;}
.relation_wrap li .relation_con .name em {color:#666;}
.relation_wrap li .relation_con .name span.line {width:1px; height:13px; border-left:1px solid #c6cfd8; display:inline-block; margin-left:10px; margin-right:10px;}
.relation_wrap li .relation_con .belong {font-size:12px; font-weight:normal; color:#666; margin-top:9px;}
.relation_wrap li .relation_con .date {font-size:12px; font-weight:normal; color:#666; margin-top:4px;}
.relation_wrap li .btn {width:89px; height:30px; border:1px solid #c6cfd8; border-bottom:0px; border-right:0px; margin-top:67px; float:right;}
.relation_wrap li .btn .cancel {width:89px; height:30px; float:left; font-size:12px; font-weight:700; color:#555; border:0px; background:#fff;}
.relation_wrap li .btn .ok {width:44px; height:30px; float:left; font-size:12px; font-weight:700; color:#555; border:0px; background:#fff; margin-top:0px;}
.relation_wrap li .btn .rejection {width:44px; height:30px; float:left; font-size:12px; font-weight:700; color:#555; border:0px; background:#fff; border-left:1px solid #c6cfd8;}

.setup_blank {padding:15px 0 16px;border:1px solid #c6cfd8;text-align:center;}/*2015-12-02*/

#relation_friend_pop {width:494px; height:auto; border:3px solid #d8d8d8; position:relative; padding-bottom:30px;}
#relation_friend_pop h1.title {font-size:30px; font-weight:700; color:#322f36; padding:27px 0px 0px 28px;}
#relation_friend_pop .text {font-size:15px; font-weight:normal; color:#666; padding:11px 0px 0px 28px;}
#relation_friend_pop .text strong {font-weight:bold; color:#333;}
#relation_friend_pop .input_wrap {width:385px; height:40px; margin:0px 0px 0px 26px; overflow:hidden; margin-top:28px;}
#relation_friend_pop .input_wrap .friend_sear {width:291px; height:26px; border:4px solid #c2cad5; outline:1px solid #adb4be; margin:1px 0px 0px 1px; padding-left:10px; float:left;}
#relation_friend_pop .input_wrap .friend_sear_btn {width:65px; height:39px; font-size:14px; font-weight:bold; color:#fff; background:url(../../images/mycareer/relation_friend_btn01.jpg) no-repeat; float:right;}
#relation_friend_pop .relation_sear_result {width:438px; height:76px; background:#f9f9f9; border:1px solid #bfbfbf; margin:30px 0px 0px 27px;}
#relation_friend_pop .relation_sear_result li {float:left;}
#relation_friend_pop .relation_sear_result li.check {padding:31px 31px 0px 19px;}
#relation_friend_pop .relation_sear_result li.img {width:46px; height:46px; padding:15px 0px 15px 0px;}
#relation_friend_pop .relation_sear_result li.img img {width:100%; height:100%;}
#relation_friend_pop .relation_sear_result li.name {width:100px; height:auto; font-size:14px; font-weight:bold; color:#555; text-align:center; padding-top:31px;}
#relation_friend_pop .relation_sear_result li.id {width:100px; height:auto; font-size:12px; font-weight:normal; color:#555; text-align:center; padding-top:32px;}
#relation_friend_pop .relation_sear_result li.grade {width:120px; height:auto; font-size:12px; font-weight:normal; color:#555; text-align:center; padding-top:32px;}
#relation_friend_pop .util_btn_wrap {text-align:center; margin-top:30px;}
#relation_friend_pop .util_btn_wrap .util_btn01 {width:110px; height:31px; font-size:12px; font-weight:bold; color:#fff; display:inline-block; background:url(../../images/mycareer/idSync_util_btn03.jpg) no-repeat;}
#relation_friend_pop .util_btn_wrap .util_btn02 {width:110px; height:31px; font-size:12px; font-weight:bold; color:#fff; display:inline-block; background:url(../../images/mycareer/idSync_util_btn04.jpg) no-repeat;}