@charset "utf-8";
/* THEETHRU (http://www.theethru.com) */


/* 네비게이션 바 - 개인회원 */
#gnb {    position: fixed;    width: 100%; min-width:1120px;	z-index: 100; background-color:#fff;    height: 50px;}
#gnb .submenu-bg.opened{display: block}
#gnb .submenu-bg{ display:none;   background-color: #fff;    width: 100%;    height: 50px;    position: absolute;    top: 51px;  box-shadow: 0px 3px 5px #aaa;}
#gnb .wrap{    width: 1120px;    margin-left: auto;    margin-right: auto; position:relative; height:100%;}
#gnb .logo{	    float: left;    width: 25%;    padding: 10px;}
#gnb .logo .img-wrapper{width: 122px;    display: block;    position: relative;}
#gnb .menu{    margin: 0;    padding: 0;    text-align: right;    margin-top: 15px;    margin-right: 10px;    position: absolute;    right: 0;}
#gnb .menu > li.menu{}
#gnb .menu > li {margin-left: 40px; color:#3f5358; position:relative; height:50px;}
#gnb .menu > li a{color:#3f5358; font-size: 1em;    padding: 12px 0px;}

#gnb .menu > li .logout{background:url("/static/common/image/logout.png") no-repeat; padding:1px 40px 12px; cursor:pointer;}
#gnb .menu > li .logout:hover{background:url("/static/common/image/logout_active.png") no-repeat;}
#gnb .menu > li .login{background:url("/static/common/image/login.png") no-repeat; padding:1px 40px 12px; cursor:pointer;}
#gnb .menu > li .login:hover{background:url("/static/common/image/login_active.png") no-repeat;}

#gnb .menu > li .logout_m{display: none}

#gnb .menu > li .bg{display: none}
#gnb .menu > li .desc{display: none}
#gnb .menu > li .icon{display: none}
#gnb .menu > li .submenu{    display: none;    position: absolute;    margin-top: 20px;    font-size: 0.975em; width:340px; text-align: center; left:-144px; }

#gnb .menu > li .submenu > li{    padding:13px 10px 0px 10px; position:relative;}
#gnb .menu > li .submenu > li > a{}
#gnb .menu > li.selected {color:#07abea;}
#gnb .menu > li.selected > a{color:#07abea;    border-bottom: 4px solid #07abea;}
#gnb .menu > li.selected > a.disabled{color:#F1F2F4;    border-bottom: 4px solid #F1F2F4;}
#gnb .menu > li.selected > .submenu > li > a{color:#808080;    font-size: 1em;}
#gnb .menu > li.selected > .submenu > li > a.disabled{color:#F1F2F4;}


#gnb .menu > li.selected > .submenu > li .arrow{display:none;background-image:url('../image/m/menu_square.png');    width: 15px;    height: 12px;    left: 50%;    position: absolute;    margin-left: -7px;bottom:-16px;}
#gnb .menu > li.selected > .submenu > li.selected > a{color:#07abea;}
#gnb .menu > li.selected > .submenu > li.selected > a.disabled{color:#F1F2F4;}

#gnb .menu > li.selected > .submenu > li.selected .arrow{display:block;}
#gnb .menu > li.selected > .submenu > li.selected .disabled.arrow{display:none;}
#gnb .menu > li.selected > .submenu{display: block}
#gnb .menu > li.selected > .submenu.last{    display: block;    overflow: visible;    right: 0;}
#gnb .btn-ham{display:none;}
#gnb.border-bottom{    border-bottom: 1px solid #E8E8E8;}

#header.title {}
#header.title .text{position: relative; color: #3f5358;     margin-left: auto;    margin-right: auto;    text-align: center;    font-size: 2em; padding:20px; }

.map {width:100%; height:870px; overflow: hidden; box-sizing: border-box; border:1px solid #B3B3B3;}
.map .tmp {width:100%; height:870px; overflow: hidden;}

.fitting .map {position:relative;}
.fitting .job.result {width: 430px; height: 868px; position: absolute; top: 50px; right: 0px; background-color: #fff; border: 1px solid #B3B3B3; box-sizing: border-box; overflow: hidden; /* padding-bottom:21px; */}
.fitting .job.result .caption{margin:0px; height:40px;}
.fitting .favor-setting{ width: 100%;    height: auto;     border-bottom: 1px solid #D2D2D2;    box-sizing: border-box; font-weight: 700; font-size: 1.0em;    color: #4F4F4F;    position: relative;}
.fitting .favor-setting .button{width: 100%;    /* height: 40px;    */ display: block;    box-sizing: border-box;    padding: 10px 10px; background-color: #F2F2F2;}
.fitting .favor-setting .num-btn-group .num{}
.fitting .favor-setting .num-btn-group{position:absolute; top:10px; right:20px;}
.fitting .favor-setting .num-btn-group .num .text-num{width: 22px; display: inline-block; text-align: center;}
.fitting .favor-setting .num-btn-group .num .img-wrapper{width: 22px; display:none;}
.fitting .favor-setting .num-btn-group .num.selected .img-wrapper{display:inline-block}
.fitting .favor-setting .num-btn-group .num.selected .text-num{display:none;}
.fitting .favor-setting .num-btn-group .num.disabled {opacity:1.0}
.fitting .favor-setting .num-btn-group .num.disabled .img-wrapper{display:none;}
.fitting .favor-setting .num-btn-group .num.disabled .text-num{color:#ddd; cursor:default}

.fitting .favor-setting.opened .button{border-bottom: 1px solid #D2D2D2;    }
.fitting .favor-setting .button.folding-btn{background-color:#00ACEB; /* height:50px; */ text-align:center; padding:15px;}
.fitting .favor-setting .arrow-icon{    display: inline-block;  background-image: url('../image/arrow_down.png');   width: 14px;    height: 12px;}
.fitting .favor-setting.opened .arrow-icon{background-image: url('../image/arrow_up.png');}
.fitting .favor-setting .favor-form{display:none;    background-color: #fff;    /* padding: 5px 15px; */}
.fitting .favor-setting.opened .favor-form{display:block;}
.fitting .favor-setting .graph-icon{  display: block; float:left; background-image: url('/static/common/image/jobfitting_graph.png'); margin:11px 5px 11px 15px; width: 18px;    height: 18px;}

.fitting .favor-form{    display: block; padding-bottom:5px;}
.fitting .favor-form .title-wrapper {padding-bottom:5px;}
.fitting .favor-form .form-wrapper {margin:10px 15px;}
.fitting .favor-form .form-wrapper:first-child{margin-top:5px;}
.fitting .favor-form .label{ margin:0; display: inline-block; width:20%;}
.fitting .favor-form .data1{ display: inline-block; width: 59%; }
.fitting .favor-form .data2{ width: 18%; display: inline-block;}
.fitting .favor-form .data3{ width: 78%; display: inline-block;}
.fitting .favor-form button{    vertical-align: middle;    height: 35px;    width: 18%; padding:5px;}
/* .fitting .favor-setting .data1.input-wrapper input{ text-align:left; width: auto; padding:0px 5px; font-size:0.9em; } */
.fitting .favor-setting .data1.input-wrapper input{ text-align:left; width: auto; height:auto; padding:7px 5px; font-size:15px; }
.fitting .favor-setting .data2.input-wrapper input{ width: 70%; text-align:right; height:auto; padding:7px 0px; font-size:15px; }
.fitting .favor-setting .data2.input-wrapper span{ float:right; width:30%; height:auto;  padding:7px 0px;  text-align:left; color:#555; font-size:15px; }
.fitting .favor-setting .select-wrapper.t3 select{margin-right:0px;}
.fitting .location-list{width:72%; margin-left:20%;}
	
.fitting .caption{ padding:10px 0; border-bottom: 1px solid #B3B3B3; box-sizing:border-box; text-align:center;}
.fitting .caption strong{color:#00ACEB}
.fitting .job-list{overflow-y: scroll;    height: 100%;}
.fitting .job-list .item{position: relative;width: 100%;height: 100px;padding:10px;border-bottom: 1px solid #B3B3B3; box-sizing:border-box;clear:both;display:block;}
.fitting .job-list .item .left {position: absolute; width:70px; padding-top:10px; padding-bottom:10px; border-right: 1px solid #B3B3B3; z-index:10;}
.fitting .job-list .item .left .percentage{    width: 60px;    height: 60px;    font-size: 0.875em;    font-weight: bold;    box-sizing: border-box;    padding-top: 22px;    text-align: center;    color: #010101; background-image:url('../image/circle_web.png');}
.fitting .job-list .item .right{    position: absolute;    height: 80px;    top: 10px;    padding-left: 85px;    width: 100%;    box-sizing: border-box;    left: 0;}
.fitting .job-list .item .right .name{    font-weight: 500;    color: #010101;    font-size: 0.915em;}
.fitting .job-list .item .right .desc1{font-weight:400; margin-top: 8px;    color: #5B5B5B; font-size:0.875em;}
.fitting .job-list .item .right .desc2{margin-top: 3px; font-size:0.875em; font-weight: 400; color:#b2b2b2;}
.fitting .job-list .item .right .date{ font-size:0.75em; font-weight:400; color: #000000; margin:5px 0;}
.fitting .job-list .item .left .percentage:hover, .job-list .item .left .percentage{background-image:url('/static/common/image/jobfitting_circle_orange.png');}
.fitting .job-list .item .right .apply{  background-color:#59b399;  color: #ffffff; position: absolute; right:5px; top:0px; padding:5px; margin-right:5px; font-size: 0.875em;}

.fitting .job-list .btn-more{  color: #3B3B3B;    background-color: #F2F2F2;    width: 100%;  padding: 20px; position: relative;    box-sizing: border-box;    display: block;    text-align: center;}

/* 홈 */
.home #header {min-width:1120px;}
.home #content {width:100%; padding-top:0px; min-width:1120px;}
.home #footer { margin-top:0; padding:0; }
.home #footer .wrap{ width:100%; padding:0px;background-color: #333}
.home #footer .wrap .desc{ display :none}

.home #header .main-bg{width: 100%; margin-top:-40px;}
.home #header .main-bg img{width: 100%;}
.home #header .wrap{    position: absolute;    height: 90px;    bottom: 36px;    width: 100%;}
.home #header .bg {position:absolute; width:100%; height:100%; background-color:#000;}
.home #header .title {    position: absolute;    left: 50%;    margin-left: -228px;    margin-top: 180px;}
.home #header .desc {    position: absolute; color: #fff; text-align: center; margin-top: 15px; width: 100%; line-height: 1.3; font-size:1.6em;}
.home #header .arrow {   margin-top: 15px;}

.home #header.none {height:50px;}
.home #header.title {}
.home #header.title .text{ margin-top: 100px;}

.home.fitting .job.result{top:0; right:0; height:auto; padding-bottom:0}

/* 잡피팅 */
.job-fitting #content {width:100%; min-width:1120px;}

.job-fitting .search-detail-btn {position:absolute; top:10px; right:10px; z-index: 99}
.job-fitting .search-detail-btn img{content:url('/static/common/image/search.png');}
.job-fitting .search-detail-btn img:hover{content:url('/static/common/image/search_hover.png');}

.job-fitting .search-btn { width: 430px; position: absolute; top: 50px; right: 0px; padding: 8px 15px; /* float:right; */     box-sizing: border-box; z-index:3;   /* text-align: right; */}
.job-fitting .search-btn .input-wrapper{/* height:30px;*/vertical-align: middle; display:inline-block; width:74%; margin-right:1%;} 
.job-fitting .search-btn .input-btn-search{display: inline-block; width:25%; height:35px; float:right; }
.job-fitting .search-btn button {vertical-align: middle; width:100%; height:100%; padding:6px 0;}

.job-fitting-result .apply {}
.job-fitting-result .apply.complete {color:#2fa450;}


/*컨설팅 피플*/
/*컨설턴트*/
.consulting.consultant #content {}
.consulting.consultant #content .section{}
.consulting.consultant #content .section .header { height: auto; padding: 10px 0;     border-bottom: 2px solid #646464;}
.consulting.consultant #content .section .header .title {border-left: 5px solid #05ABEA;padding: 0 10px;     font-size: 1.5em;color: #3A3A3A;vertical-align: middle;}
.consulting.consultant #content .section > .body .item{clear: both; border-bottom: 1px solid #d2d2d2; display: inline-block; position: relative;}
.consulting.consultant #content .section > .body .item >.label{font-weight: normal; width: 275px; float: left; background-color: #F3F4F5; box-sizing: border-box; padding: 10px 15px;}
.consulting.consultant #content .section > .body .item >.label.textarea{padding:95.5px 15px}
.consulting.consultant #content .section > .body .item >.data{width: 845px;float: left;  padding: 5px 15px; box-sizing: border-box; min-height: 38px;}

.consulting.consultant #content .input-wrapper.t2{width:270px; height: 28px;     display: inline-block;}

.consulting.consultant #content .select-wrapper.t2{width:270px; height: 28px}
.consulting.consultant #content .select-wrapper.t2.inline-block{float:left; margin-right:10px; width:280px;}
.consulting.consultant #content .search{float:left;}
.consulting.consultant #content .search div{margin-left:10px;font-size:0.875em; color:#aaaaaa; font-weight: 400}
.consulting.consultant #content .select-wrapper.t2 label{    top: 5px;}

.consulting.consultant #content textarea{width:100% ;height: 200px;resize: none; border: 1px solid #b8b8b8;  font-size: 1.0em; padding: 10px;}
.consulting.consultant #content .section >.btns.text-right{margin-top:10px;}
.consulting.consultant #content .chkbox{margin-top:20px; margin-bottom:80px;}
.consulting.consultant #content button.btn-submit.btn-lg{padding:5px 10px; width:150px; margin-bottom:60px;}

.consulting.consultant #content .project-table{width:100%; border-top:0px;   /* border-top: 3px solid #07abea; */border-collapse: collapse;    border-spacing: 0; margin-bottom:20px;    /*font-size: 1.2em;*/ margin-top:70px;}
.consulting.consultant #content .project-table .caption{text-align:left; border-bottom:2px solid #646464; padding-bottom:10px; margin-bottom:0px;}
.consulting.consultant #content .project-table .caption .title{border-left: 5px solid #05ABEA;padding: 0 10px;     font-size: 1.5em;color: #3A3A3A;vertical-align: middle;}
.consulting.consultant #content .project-table tbody{}
.consulting.consultant #content .project-table tbody tr{}
.consulting.consultant #content .project-table tbody tr.header{border-top:1px solid #626262;}
.consulting.consultant #content .project-table tbody tr.header:first-child{border-top:0px;}
.consulting.consultant #content .project-table tbody tr th{padding:10px 15px;    box-sizing: border-box; border-bottom: 1px solid #d2d2d2;text-align: left}
.consulting.consultant #content .project-table tbody tr th.label{font-weight: normal; width: 245px; /* float: left;  */background-color: #F3F4F5; }
.consulting.consultant #content .project-table tbody tr td{padding:5px 10px;    box-sizing: border-box;border-bottom: 1px solid #d2d2d2; position:relative;}
.consulting.consultant #content .project-table tbody tr td.data{width: 635px; /* float: left; */ /*  padding: 5px 15px; box-sizing: border-box; min-height: 38px; */}
.consulting.consultant #content .project-table tbody tr td.control{width:85px; border-left:1px solid #d2d2d2; text-align:center;}
.consulting.consultant #content .project-table tbody tr td.control button{padding:6px 15px; font-size:1.0em;}

.consulting.consultant.detail #content{}
.consulting.consultant.detail #content .consultant-info{border:1px solid #C3C3C3; height : 280px; background: #F1F2F4; margin-top:20px;}
.consulting.consultant.detail #content .consultant-info .row{width: 33.33%; border-right:1px solid #c3c3c3; box-sizing:border-box; height: 180px;display: inline-block; float:left; text-align: center; vertical-align: middle; padding-top:30px;}
.consulting.consultant.detail #content .consultant-info .row:last-child{border-right:none;}
.consulting.consultant.detail #content .consultant-info .row .label{margin-top:10px; margin-bottom:20px; font-size: 0.875em; color:#4a4a4a; font-weight: 400}
.consulting.consultant.detail #content .consultant-info .row .data{ font-size: 1.25em; color:#000000; font-weight: 500}
.consulting.consultant.detail #content .consultant-info .name{background-color: #fff}
.consulting.consultant.detail #content .consultant-info .name {width: 100%; display: block; height: 100px;border-right: none; border-bottom: 1px solid #c3c3c3;}
.consulting.consultant.detail #content .consultant-info .name .text-wrapper{font-size:1.6em; color:#3a3a3a;}
.consulting.consultant.detail #content .resume .img-wrapper{ margin-left:5px;width: 16px;height: 18px;}

.consulting.consultant.detail #content .section .item.project .label{padding:60px 15px;}
.consulting.consultant.detail #content .section .item.project .data{padding:5px 15px;}
.consulting.consultant.detail #content .section .item .data span{display: inline-block;padding:5px 0px;}
.consulting.consultant.detail #content .section .item .data textarea{width:100% ;height: 200px;resize: none; font-size: 1.0em; padding: 10px 0px; border:none;}
.consulting.consultant.detail #content .section .item .data >.row{line-height:2;}
.consulting.consultant.detail #content .section .item .data >.row > .data-label{display: inline-block; width: 20%; color:#989898; font-size:0.85em; font-weight: 400}
.consulting.consultant.detail #content .section .item .data >.row > .data-data{display: inline-block; width: 80%; font-size:0.95em;}
.consulting.consultant.detail #content .section.margin-bottom{margin-bottom:130px;}




/*프로젝트*/
.consulting.project #content {}
.consulting.project #content .caption .btn-submit{width:120px; padding:6px 5px;}
.consulting.project #content .caption .control{width:100%; height:30px;}
.consulting.project #content .caption .control button{/* float:left; */}
.consulting.project #content .caption .control .total-count{margin-top:6px;}

.consulting.project #content .section{}
.consulting.project #content .section .header { height: auto; padding: 10px 0;     border-bottom: 2px solid #646464;}
.consulting.project #content .section .header .title {border-left: 5px solid #05ABEA;padding: 0 10px; font-size: 1.5em; color: #3A3A3A;vertical-align: middle;}
.consulting.project #content .section > .body > .item{ border-bottom: 1px solid #d2d2d2; display: inline-block; position: relative; width: 100%; background-color: #F3F4F5; font-size:0.875em;}
.consulting.project #content .section > .body > .item.half{width:50%;}
.consulting.project #content .section > .body > .item >.label{font-weight: normal; width: 20%; float: left; box-sizing: border-box; padding: 10px 15px;}
.consulting.project #content .section > .body > .item.half>.label{width:40%;}
.consulting.project #content .section > .body > .item >.label.textarea{padding:95.5px 15px}
.consulting.project #content .section > .body > .item >.data{width: 80%;float: left;  padding: 10px 15px; box-sizing: border-box; min-height: 38px; background: #fff}
.consulting.project #content .section > .body > .item.half>.data{/*width:auto;*/ width:60%;}
.consulting.project #content .section > .body > .item.half > .label.max{width:100%; text-align: center;border-right:1px solid #BABABA;}
.consulting.project #content .section > .body > .item.half > .data.max{width:100%; text-align: center;border-right:1px solid #BABABA;}
.consulting.project #content .section > .body > .item.half > .label.max.border-right-none{border-right: none}
.consulting.project #content .section > .body > .item.half > .data.max.border-right-none{border-right: none}


.consulting.project #content .input-wrapper.t2{width:270px; height: 28px;     display: inline-block;}
.consulting.project #content .input-wrapper.t2.project-date{width:128.5px; height: 28px;     display: inline-block;}

.consulting.project #content .select-wrapper.t2{width:270px; height: 28px}
.consulting.project #content .select-wrapper.t2.inline-block{float:left; margin-right:10px; width:280px;}
.consulting.project #content .search{float:left;}
.consulting.project #content .search div{margin-left:10px;font-size:0.875em; color:#aaaaaa; font-weight: 400}
.consulting.project #content .search > button.btn-submit{width:68px;}

.consulting.project #content .select-wrapper.t2 label{    top: 5px;}

.consulting.project #content textarea{width:100% ;height: 200px;resize: none; border: 1px solid #b8b8b8;  font-size: 1.0em; padding: 10px;}
.consulting.project #content .section >.btns.text-right{margin-top:10px;}
.consulting.project #content button.btn-submit.btn-lg{padding:5px 10px; width:150px; margin-top:80px; margin-bottom:60px;}

.consulting.project.detail #content {}
.consulting.project.detail #content .section .header{; position:relative}
.consulting.project.detail #content .section .header .control{    position: absolute;    top: 0;    right: 0;}

.consulting #content .header-title {margin-bottom:10px}
.consulting #content .header-title .control{text-align:right;}

.consulting.project.detail #content .project-info {border:1px solid #BABABA; padding:0px 10px; margin-top:20px;}
.consulting.project.detail #content .other-info {border:1px solid #BABABA; padding:0px 10px;margin-top:30px; height:500px; margin-bottom:100px;}
.consulting.project.detail #content .project-info .header{border-bottom: 2px solid #3a3a3a; box-sizing:border-box;padding-bottom: 30px; margin-bottom:25px;}
.consulting.project.detail #content .project-info .header .subject{box-sizing:border-box; display:inline-block; font-size:1.6em; color :#3a3a3a; font-weight: 500; width: 49.5%}
.consulting.project.detail #content .project-info .header .date{box-sizing:border-box; display:inline-block; font-size:0.875em; color :#000000; font-weight: 400; width: 50%; text-align:right;}
.consulting.project.detail #content .project-info .item{box-sizing:border-box;margin-bottom:25px;}
.consulting.project.detail #content .project-info .item .label{display:inline-block; width:20%; font-size: 0.875em; color:#707070; font-weight: 500}
.consulting.project.detail #content .project-info .item .data{display:inline-block; width:79.5%; font-size: 1.125em; color:#000000; font-weight: 500}
.consulting.project.detail #content .project-info .item .data.date{font-size:0.875em; color :#000000; font-weight: 400;}




/*평판관리*/
.reputation.intro #content {padding-top:50px; box-sizing: border-box; width:100%; min-width:1120px;}
.reputation.intro #content .gif-wrap{width:100%;text-align: center;margin:70px 0;}

/* 평판관리 슬라이더 관련 */
.reputation.intro .slider-wrapper{width:100%; overflow-x:hidden;    position: relative;}
.reputation.intro .bxslider{overflow-x:hidden;position:absolute;width:500%;}
.reputation.intro .bxslider li{position:relative; margin:0; padding:0;    display: inline-block;float:left;}
.reputation.intro .bxslider li img{width:100%;}
.reputation.intro >#content> .desc{  width:50%; white-space:normal; word-break:normal;  position: relative;  display: block;  margin-top: 150px;  margin-bottom: 30px;  margin-left: auto;  margin-right: auto;  color: #454b52;  font-size: 18px; line-height: 30px; padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
.reputation.intro >#content> .desc.app{color:#07abea; text-align:center; margin:10px auto 30px;}
.reputation.intro .pagination-wrapper{margin-top: -70px;  text-align:center;    margin-left: auto;    margin-right: auto;}
.reputation.intro .pagination {}
.reputation.intro .pagination .page{display:inline-block;position:relative;cursor:pointer;}
.reputation.intro .pagination .page .off{display:inline-block;}
.reputation.intro .pagination .page .on{display:none;}
.reputation.intro .pagination .page.on .off{display:none;}
.reputation.intro .pagination .page.on .on{display:inline-block;}

.reputation.intro .arrow-wrapper{    margin-top: -47px;    width: 300px;    margin-left: auto;    margin-right: auto;    position: relative;}
.reputation.intro .arrow-wrapper .btn{    position: absolute;}
.reputation.intro .arrow-wrapper .btn-left{left:0;}
.reputation.intro .arrow-wrapper .btn-right{right:10px;}

.reputation.intro .btn{position: relative;}
.reputation.intro a.btn .off{display:inline-block;}
.reputation.intro a.btn .on{display:none;}
.reputation.intro a.btn .act{display:none;}
.reputation.intro a.btn:hover .off{display:none;}
.reputation.intro a.btn:hover .on{display:inline-block;}
.reputation.intro a.btn:hover .act{display:none;}
.reputation.intro a.btn:active .off{display:none;}
.reputation.intro a.btn:active .on{display:none;}
.reputation.intro a.btn:active .act{display:inline-block;}

.sub-title{ text-align: center; margin: 0 20px; line-height: 1.3; font-size: 1.7em; color:RGBA(0, 160, 231, 1); margin-bottom: 60px;}
.download{ text-align: center; background-color: RGBA(231, 231, 231, 1); margin-bottom:80px;}
.download .img{	padding:10px 20px 10px 20px; cursor: pointer;}

.reputation .control{/* text-align:center; */ margin:20px}
.reputation .control button.btn-md{ padding:8px 20px; height:35px}
.reputation .control button.btn-lg{ padding:10px 30px; }

.reputation .caption .control{margin:0;}
.reputation .caption .control .input-wrapper.t2.search {display:inline-block; width:200px; height:35px; }
.reputation .caption .control .input-wrapper.t2.search input{width:170px;}
.reputation .caption .control .input-wrapper.t2.search img{content:url('/static/common/image/abc_ic_search.png'); width:26px; height:26px; position:absolute; right:3px;}

.reputation .table tr td {position:relative;}
.reputation .table tr .icon{padding:0px;}
.reputation .table tr .icon a img{width:35px; height:35px;}
/*
.reputation .table tr .icon a.share img{content:url('/static/common/image/share_btn.png');}
.reputation .table tr .icon a.share.act img{content:url('/static/common/image/share_btn_act.png');}

.reputation .table tr .icon a.release img{content:url('/static/common/image/release_btn.png');}
.reputation .table tr .icon a.release.act img{content:url('/static/common/image/release_btn_act.png');}

 .reputation .table tr .icon a.join img{content:url('/static/common/image/join_btn.png');}
.reputation .table tr.opened td.icon a.join img{content:url('/static/common/image/join_btn_act.png');} 

.reputation .table tr .icon a.rejoin img{content:url('/static/common/image/rejoin_btn.png');}
.reputation .table tr.opened .icon a.rejoin img{content:url('/static/common/image/rejoin_btn_act.png');}

.reputation .table tr .icon a.see img{content:url('/static/common/image/see_btn.png');}
.reputation .table tr.opened .icon a.see img{content:url('/static/common/image/see_btn_act.png');}

.reputation .table tr .icon a.defer img{content:url('/static/common/image/defer_btn.png');}
.reputation .table tr .icon a.cancel img{content:url('/static/common/image/defer_btn_dis.png');}
*/
.reputation .table td .list-icon{position:absolute; top:0; left:0; width:15px; height:15px; display:none;}
.reputation.join .table {border-collapse:collapse;}
.reputation.join .table tr.separator{border-bottom:2px solid #ddd;}

.reputation .table td .list-icon{position:absolute; top:0; left:0; width:15px; height:15px; display:none;}

.reputation.join .table td.name{width:30%;} 
.reputation.join .table {border-collapse:collapse;}
.reputation.join .table tr.separator{border-bottom:2px solid #ddd;}
.reputation-form .reputation{/* width: 100%; */   /*   height: 542px;     */border: 1px solid #C4C4C4;    padding: 10px 30px;    box-sizing: border-box;    display: inline-block;    /* float: right; */   }
.reputation-form .reputation h2{    margin-bottom: 45px;    font-size: 1.35em;}
.reputation-form .reputation .item{  vertical-align:middle; display:inline-block; width:100%; padding:5px 0;/* width:100%; *//*  padding-bottom: 10px; */}
.reputation-form .reputation .item .left{  display: inline-block;  /* display: block; */   /*  position: relative; */    width: 50%; margin-top:5px;}
.reputation-form .reputation .item .left.comment{width:10%}
.reputation-form .reputation .item .left .desc{  display: inline-block;  /* padding-left: 20px; */    font-size: 0.9em;}
.reputation-form .reputation .item .left .txt-score{  display: inline-block;  /* position: absolute;    top: 0;    right: 0;  */   margin-top: 3px;    color: #05ABEA;font-size:0.9em;}
.reputation-form .reputation .item .left .txt-score .txt{}
.reputation-form .reputation .item .right{  /* display: inline-block; */ float:right; text-align: right;  /* margin-right:10px;   *//* padding: 5px 0; */}
.reputation-form .reputation .item .right .score{    background-color: #D9D9D9;    display: inline-block;    position: relative;    width: 28px;    height: 32px;    box-sizing: border-box;    padding: 5px;    text-align: center;    /* margin-right: -3px; */}
.reputation-form .reputation .item .right .score.first{    border-radius: 3px 0 0 3px;}
.reputation-form .reputation .item .right .score.selected{    background-color: #05ABEA;    color: #fff;}
.reputation-form .reputation .item .right .score.last{    border-radius: 0 3px 3px 0;}
.reputation-form .reputation .item .right .input-wrapper {width:700px;}
.reputation-form .reputation .control {display: inline-block; float:right;   /* width: 100%;  */   text-align: center;    margin: 10px 0 0 0;}
.reputation-form .reputation .control h3 {display: inline-block;   text-align: right;    color: #05ABEA;   font-size:1.0em; font-weight: normal; /* margin-top:15px; */ margin-right:10px;}
.reputation-form .reputation .control button{display: inline-block;   padding: 8px 20px;}

.reputation .text-wrapper {margin:60px auto 0  auto; width:60%; font-size:1.0em; line-height:1.8em;}
.reputation .text-wrapper .text{margin-top:20px;}
.reputation.result .result-chart {position: relative; width:450px; height:390px; margin:auto; margin-top:40px; }
.reputation.result .result-chart canvas{display:none; position:absolute; left:0; top:0;}
.reputation.result .result-chart img{position:absolute; top:0; left:0;}
.reputation.result.compare .result-chart canvas{display:block; position:absolute; left:0; top:0;}
	

.reputation.result .result-type{text-align:center; margin-top:20px;}
.reputation.result .result-type label{padding:0 20px}
.reputation.result .result-type label input{position:relative; margin-right:5px;}

.reputation.comment table.comment{width:700px; margin:40px auto 0 auto; border-top:1px solid #646464;}
.reputation.comment table.comment tr .date-wrapper{ height:30px; position:relative;  margin:20px 0 10px 0;}
.reputation.comment table.comment tr .date-wrapper .comment-line{position:absolute; width:100%; height:1px; margin-top:10px; background-color:#ddd}
.reputation.comment table.comment tr .date-wrapper .comment-date{position:absolute; left:0; padding-right:10px; margin-top:3px; vertical-align:middle; text-align:left; font-weight:600; background-color:#fff}

.reputation.comment table.comment tr .chat {overflow:hidden;}
.reputation.comment .message {font-size: 0.95em; line-height:1.5em; margin: 0 0 1.0em; margin:10px 20px;  border-radius: 0.3em; padding: 0.6em 1em; background: #5992b3; max-width: 90%; clear: both;  position: relative; color: white; }
.reputation.comment .message .name{font-size:0.8em; margin-top:3px;}
.reputation.comment .message.them {padding-right: 2em; float: left;}
.reputation.comment .message.them::after {content: ""; position: absolute; left: -0.5em;  bottom: 0; width: 0.5em; height: 1em; border-right: 0.5em solid #5992b3; border-bottom-right-radius: 1em 0.5em; box-sizing:content-box; }
.reputation.comment .message.me {float: right; padding-left: 2em; background-color: #59b399;        text-align:right;       }
.reputation.comment .message.me::after { content: ""; position: absolute; right: -0.5em; bottom: 0; width: 0.5em; height: 1em; border-left: 0.5em solid #59b399; border-bottom-left-radius: 1em 0.5em; box-sizing:content-box; }
.reputation.comment .message.h {background-color: #cccccc;   color:rgba(255, 255, 255, 0.5); } 
.reputation.comment .message.me.h { 	background-color: #59b399; }
.reputation.comment .message.me.h::after { 	border-left: 0.5em solid #59b399; }
.reputation.comment .message.them.h::after { 	border-right: 0.5em solid #cccccc; }
.reputation.comment .message .share-btn { 	width:30px; height:30px; position:absolute; cursor:pointer; }
.reputation.comment .message .share-btn.hidden {display:none; } 
.reputation.comment .message .share-btn .share-icon { 	position:absolute; top:-3px; font-size:1.2em; }  
.reputation.comment .message.them .share-btn { 	top:0px; right:0px; } 
.reputation.comment .message.me .share-btn { 	top:0px; left:0px; }
.reputation.comment .message.them .share-btn .share-icon { 	right:3px;  } 
.reputation.comment .message.me .share-btn .share-icon { 	left:3px; } 

.reputation.share .table.comment tr td{padding:15px 0 0 0;}

.reputation .table tr td .comment-wrapper{display:none; border-top:1px solid #ddd; margin-top:20px; padding:0;}
.reputation .table tr.opened td .comment-wrapper{display:block;}
.reputation.comment .comment-header{padding:0 15px; }
.reputation.comment .comment-header .content{display:inline-block; margin-top:10px;}
.reputation.comment .comment-header .icon{display:inline-block; float:right;}
.reputation.comment .comment-list{ padding:0 15px; border-bottom:1px solid #ddd;}
.reputation.comment .comment-input{ padding:20px 15px 0px 15px}
.reputation.comment .comment-input .input-wrapper{display:inline-block; width:570px; margin-bottom:15px;}
.reputation.comment .comment-input .control{display:inline-block; padding:0; margin:0; float:right;}

.reputation.comment .blank-form{width:580px; margin-left:auto; margin-right:auto;}

/* 로그인 */
#main-wrap.login .main-bg .pc{    position: absolute;    left: 50%;    margin-left: -960px;    width: 1920px;    height: 1280px;    margin-top: -100px;}
#main-wrap.login .main-bg .m{}

#main-wrap.login #content{    width: 100%;    /* height: 100%;  */   position: relative;    /*overflow: hidden;*/}
#main-wrap.login .layer {    width: 800px;    /* height: 100%; */    position: absolute;    top: 0;    left: 50%;    margin-left: -400px;}
#main-wrap.login .layer > .bg{    background-color: #000;    width: 100%;    /* height: 100%; */    position: absolute;}
#main-wrap.login .layer .content{    position: absolute;    width: 100%;    /* height: 100%; */ padding:100px 150px;     box-sizing: border-box;    /*top: 50%;    margin-top: -300px;*/}
#main-wrap.login .layer .logo{    width: 100%;    margin-left: auto;    margin-right: auto;    margin-top: 0px; margin-bottom:80px;}
.pc-login-view{display: inline-block}
.m-login-view{display: none}
#main-wrap.login .layer .logo img{width: 372px;}

#main-wrap.login .input-wrapper {    width:100%; margin-top: 10px; color:#6a6f71; font-weight:400; height:56px; border: 1px solid #bababa;}
#main-wrap.login .keep-logon {display: block; margin-top:20px;color:#000000; font-size:0.875em; font-weight: 400}
#main-wrap.login .btn-login {    margin-top: 20px;    width: 100%; height:68px;    position: relative;    display: block;}
	
#main-wrap.login .btns{text-align: center; margin-top:30px;}
#main-wrap.login .btns li{border-right: 2px solid #eee;padding:0 10px; font-size:0.875em;  color:#6a6f71}
#main-wrap.login .btns li.last{border-right: 0}
#main-wrap.login .btns li a{}

#main-wrap.login .desc {    padding: 0 10px;    text-align: center;    line-height: 1.7em;  margin-top: 50px; font-size:0.875em; color:#6a6f71}

/* 회원 가입 */
.register #header {}
.register #header.title .text{margin-top:20px;}
.register #content { width: 590px; padding-top:0px; }
.register #content .title{font-size: 1.2em; font-weight: 300}
.register .section {width:100%;margin:20px 0;padding:5px 0;}
.register .section .desc{padding: 10px; margin:5px 0; }
.register .section textarea{    width: 100%; line-height: 1.5; height: 145px;resize:none;outline:none;border:transparent; font-size:0.875em;}

.register .warning {margin-left: 20px;margin-bottom: 5px}
.register .input-wrapper{height: 50px}
.register .input-wrapper input{/*margin-left:10px;*/ font-size:1.0em;}
.register.step2 .section{margin:0;}

/* .register.step2 .section.btns {margin-top:100px;} */
.register.step3 .btn-wrapper{padding-top: 10px}
.register.step3 .noti-wrapper{text-align:right;}
.register.step3 .noti{padding-top:10px;}
.register.step3 .noti.error{color:red;}
.register.step3 .noti-wrapper .noti{display:inline-block;}
.register.step3 .noti-wrapper .btn-wrapper{display:inline-block; margin-left:10px;}
.register.step3 .noti-wrapper .btn-wrapper .btn{width:120px; padding:8px 0px;}
.register.step3 .btns{text-align: center; margin-top:0px; height:60px;}
.register.step3 .btns li{border-right: 2px solid #eee;padding:0 10px; font-size:0.875em;  color:#6a6f71}
.register.step3 .btns li.last{border-right: 0}
.register.step3 .btns li a{}

.register.step4 .section{margin:0;}
/* .register.step4 .section.btns {margin-top:100px;} */

.register.step5 .section{margin:0;}
/* .register.step5 .section.btns {margin-top:100px;} */

.register .section.btns{text-align: center;padding-top: 20px; /*margin-top:50px;*/}
.register .section.btns .desc{text-align: center; padding: 20px}
.register .section.btns .btn-submit{width:150px;}

/* 직무관리 */
/* .job-manage #content{clear:both; padding-top:100px; padding-bottom: 0} */
.job-manage .desc{    font-size: 1em;    line-height: 1.5;    margin: 50px 0 30px 0;}
.job-manage .select-year{ display: inline-block;    position: relative;    width: 100%;    clear: both; margin-bottom:30px;}
.job-manage .select-year .desc{ font-size: 1.0em;    line-height: 1.5;    margin: 8px 10px; float:right; }
.job-manage .select-year .select-wrapper{  width:120px; float:right; }

.job-manage .select-input { display: inline-block;    position: relative; width:120px;  clear: both; margin-bottom:0px;}
.job-manage .select-input .select-wrapper{width:100%;}

.job-manage .section{    border-bottom: 1px solid #000000;    margin-bottom: 30px;}
.job-manage .section .header{    display: inline-block;    position: relative;    width: 100%;    clear: both; margin-top:20px; border-bottom: 2px solid #646464;}

.job-manage .section .header .year{  width: 60px;    display: inline-block; font-size: 1.0em;   }
.job-manage .section .header .quater{ margin-left:10px; width: 30px;    display: inline-block; font-size: 1.0em;   }
.job-manage .section .header .text{font-size:1.125rem; font-weight: 500;   display: inline-block; padding: 5px; }
.job-manage .section .header .save{    position: absolute;    right: 110px;}
.job-manage .section .header .mod{    position: absolute;    right: 0px; bottom:5px;}
.job-manage .section .header .remove{    position: absolute;    right: 0px;}
.job-manage .section .body{padding-top:5px; border-right: 1px solid #dddddd; border-left:1px solid #dddddd;}
.job-manage .section .body .content{    padding: 0px 5px; font-size: 1em;  line-height: 2em;}
.job-manage .section .body textarea.content{  background-color: #F1F2F4;  resize: auto; overflow-y:visible;   width: 100%;  height:auto;  min-height: 160px;    font-size: 1em;    line-height: 2em;}
.job-manage .section .body textarea.content:disabled{  background-color: #ffffff; color:#000000; opacity: 1}

.job-manage .section .body .item{    display: inline-block;    position: relative;    width: 100%;    clear: both;    border-top: 1px solid #CDCED0;    background-color: #F1F2F4;}
.job-manage .section .body .item .label{    float: left;    width: 150px;    padding: 5px 10px;    box-sizing: border-box; font-size: 1em; line-height: 2em;}
.job-manage .section .body .item .data{ min-height:40px; line-height: 2em;   padding: 5px 0px 5px 10px;    display: inline-block;    position: relative;    background-color: #fff;    width: 966px;    float: left;    box-sizing: border-box;}
.job-manage .section .body .item .data .input-wrapper{    display: inline-block;    width: 16%;    vertical-align: middle; font-size: 1em;    line-height: 2em;}
.job-manage .control{margin-bottom: 100px}

.job-manage .section.history .input-wrapper{ border:0px;}
.job-manage .section.history textarea{ border:0px; color:#808080;}
.job-manage .section.history input{ border:0px; color:#000000;} 
.job-manage .tx-content-container{font-size: 10pt; font-family: 굴림; line-height: 1.5; padding:8px;  /* width:1050px; */ margin-left:20px; margin-right:20px;  height:auto; min-height:150px;}


.job-manage .keyword-list{width:150px}


/*	이력서 등록 */
.resume .header-title .img-wrapper { margin-bottom:50px;/* height:450px; */}
/* .resume #header .wrapper {    width: 1120px;    margin-left: auto;    margin-right: auto;    margin-top: 100px;}
.resume #header .wrapper .subject{margin-bottom: 50px;    width: 1080px;    text-align: left;    padding-left: 30px;} */
.resume .header-title .step{display:inline-block; width:1080px; height:200px;}
.resume.step1 .header-title .step { background-image:url('/static/common/image/01_resume.png');}
.resume.step2 .header-title .step { background-image:url('/static/common/image/02_resume.png');}
.resume.step3 .header-title .step { background-image:url('/static/common/image/03_resume.png');}
.resume.step4 .header-title .step { background-image:url('/static/common/image/04_resume.png');}
.resume.step5 .header-title .step { background-image:url('/static/common/image/05_resume.png');}
.resume.mod .header-title .step{display: none}
.resume.mod #content{    padding-top: 100px;}

.resume #content {width: 1080px}
.resume .info{font-size: 1.3em}
.resume .controller {position: relative; margin-bottom:50px;}
.resume .controller .btn-next{width: 300px;margin-top:50px; font-size:0.875em;}
.resume.step2 .controller .btn-next{margin-top:100px; }
.resume.step3 .controller .btn-next{margin-top:100px; }
.resume .controller .btn-add-wrapper{    position: absolute;    top: 10px;    right: 0;}

.resume-table{width:100%;    /* border-top: 3px solid #07abea; */border-collapse: collapse;    border-spacing: 0;    /*font-size: 1.2em;*/ margin-top:70px;}
.resume-table:first-child{margin-top:0;}
.resume-table caption {    text-align: left;   margin: 10px 0;}
.resume-table caption .title { font-size: 1.9em;  }
.resume-table caption .desc { font-size: 1.0em; color:#a0a0a0; padding:0 20px}
.resume-table tbody{}
.resume-table tr{}
.resume-table tr th{padding:20px;    box-sizing: border-box;border-bottom: 1px solid #d2d2d2;text-align: left}
.resume-table tr td{padding:10px;    box-sizing: border-box;border-bottom: 1px solid #d2d2d2; position:relative;}
.resume-table tr td .desc{color:#afafaf; font-size:0.875em;}

.resume-table .pic{width:205px;}
.resume-table .label{background-color:#F1F2F4; font-size:0.875em;}
.resume-table .label.l0{width:155px;}
.resume-table .label.l1{padding:5px; padding-left:20px;border-right:1px solid #d2d2d2;}
.resume-table .label.l2{padding:5px;}
.resume-table .data{width:725px;}
.resume-table .profile-default{width:152px; height:202px; background-image:url('/static/common/image/profile_resume.png');}
.resume-table .pic .btn{width:152px;margin-top:5px; font-size:0.875em; font-weight: 700}
.resume-table .pic .desc{    font-size: 0.75em;    margin-top: 10px;    font-weight: bolder;}
.resume-table .pic .checkbox-wrapper {margin-top:10px; font-size:0.875em;}
.resume-table .data .birth{    width: 200px;}
.resume-table .data .zipcode{width:367px; vertical-align: middle}
.resume-table .data button {    font-size: 0.875em;  font-weight: 700;  padding: 9px;    width: 80px;    box-sizing: border-box;    vertical-align: middle;}
.resume-table .data .input-wrapper{display:inline-block; width:200px;}
.resume-table .data .addr1{    width: 450px;}
.resume-table .data .addr2{    width: 450px;}
.resume-table .data .cellphone{    width: 200px;}
.resume-table .data .homephone{    width: 200px;}
.resume-table .data .email{    width: 200px;}
.resume-table .data label.checkbox{/*     position: absolute;    right: 160px; */ margin-left:20px; font-size:0.875em;}

.resume-table .data .select-wrapper  {width:319px;}
.resume-table .data .select-wrapper select{/* height: 34px; */    vertical-align: middle;}
.resume-table .data .select-wrapper .arrow{top:10px;}
.resume-table .data .school-name{width:319px;} 
.resume-table .data .date{width:150px;}
/*.resume-table .data .major{width:150px;}
.resume-table .data .submajor{width:150px;} */
.resume-table .data .score{width:94px;}
/* .resume-table .data .name{width:150px;} */
.resume-table .data .url{width:300px;}
.resume-table .data .attachment{width:300px;}
.resume-table .data .keyword{width:200px; margin-right:20px;margin-bottom: 20px}
.resume-table .data .keyword.bottom{margin-bottom: 0}
.resume-table .data textarea{width:700px; height:200px; resize:none; border:1px solid #b8b8b8;font-size: 1.0em;padding:10px;}
.resume-table .btns button{font-size:0.875em; padding:5px 19px;}
.step2 .resume-table .label {width:155px;}
.step2 .resume-table .content{width:845px;}
.step2 .resume-table .btns {width:85px;text-align:center;border-left:1px solid #d2d2d2;}

.step3 .resume-table .label{width:155px}
.step3 .resume-table .content{width:845px}
.step3 .resume-table .btns {width:85px;text-align:center;border-left:1px solid #d2d2d2;}
.step3 .btns{height:150px;} 

.step4 .resume-table .label{width:155px}
.step4 .resume-table .content{width:930px}

.step5 .resume-table .label {width:155px;}
.step5 .resume-table .content{width:845px;}
.step5 .resume-table .btns {width:85px;text-align:center;border-left:1px solid #d2d2d2;}
.step5 .btns{/*height:50px;*/}
.resume-table .keyword-list{width:200px}

.popup.popup-resume .body{width:360px; top:200px; left: 50%; margin-left: -180px; height:auto; overflow-y:hidden; font-size:0.9em}
.popup.popup-resume .resume-popup-text{margin-bottom: 15px;}
.popup.popup-resume .btn-submit{padding:8px 30px;}

/*이력서 첨부자료*/
.url-list{margin:10px 0px;} 
.url-row{font-size: 0.875em; margin:5px 0px; color:#8d8d8d;}
.file-list{margin:10px 0px;} 
.file-row{font-size: 0.875em; margin:5px 0px; color:#8d8d8d;}

.x-btn-img{cursor:pointer; margin-left:10px; vertical-align:middle;}

/* 마이페이지 */
.mypage .desc{    /*color: #000;*/    font-size: 1em;}
.mypage .section {margin-top: 20px}
.mypage .section .header{    color: #000;    font-size: 1.125em; font-weight:500;    padding-bottom: 10px;}
.mypage .section .header > .desc{    font-size: 0.7em;    color: #808080;    padding-top: 5px;}
.mypage .section .body{}
.mypage .etc {    margin-top: 70px;    color: #000;}
.mypage .etc  label{margin-right: 20px; font-size: 1em; font-weight: 400}
.mypage .etc .text{  /*width:220px;*/  display: inline-block;    margin-right: 20px; font-size: 1em; font-weight: 400}
.mypage .etc .withdrawal{}

.mypage .control{    margin-top: 30px; margin-bottom:50px;}
.mypage .control button#btn_modify{margin-left:10px;}

.myinfo{  width:100%;  display: inline-block;    vertical-align: top;    border-collapse: collapse;        border-bottom: 1px solid #8A8A8A;}
.myinfo .item{clear: both;    border-bottom: 1px solid #d2d2d2;    display: inline-block;    position: relative;/* background-color:#F3F4F5; */ }
.myinfo .item:first-child{border-top: 2px solid #646464}
.myinfo .item:last-child{border-bottom: 1px solid #8A8A8A}
.myinfo .item .label{  font-size: 1em;  font-weight: 500;    width: 275px; height:47px;  float: left;    background-color: #F3F4F5;    box-sizing: border-box;    padding: 14px 15px;    /* line-height: 2;   */  color: #000;}
.myinfo .item .data{ width:845px; height:47px; float:left;padding: 6px 15px;    box-sizing: border-box; background-color: #fff;/* line-height: 2 */}
.myinfo .item .data span{margin:10px;}
.myinfo .item .data .input-wrapper{ color:#000000; padding: 0px;    /* height: 30px; */    width: 300px; float:left;}
.myinfo .item .data .input-wrapper input{padding-left:10px;}
.myinfo .item .data .detail{color:#9A9A9A;}
.myinfo .item:last-child .label{border-bottom: 0}
.myinfo .item:last-child .data{border-bottom: 0}
/* .myinfo .item .data .input-wrapper.disabled{ border:0; opacity:1; } */
.myinfo .item .data .select-wrapper{ color:#000000; padding: 0px;    /* height: 30px; */   width: 300px; float:left;}
.myinfo .item .data .select-wrapper select{margin-left:0px; padding-left: 10px}
.myinfo .item .data .select-wrapper label{line-height:1.0}
.myinfo .item .data button{height:35px;}
/* 마이페이지 공지사항 */
.article {margin-top: 50px; color:#5b5b5b;}
.article .header{    display: block;    position: relative;    clear: both;    font-size: 1.2em;    color: #000;    padding: 5px 0;    border-bottom: 2px solid #75CADF;}
.article .body{display: inline-block;    position: relative;    clear: both;}
.article .body .date{    border-bottom: 1px solid #d2d2d2;    padding: 10px 0;    text-align: right;}
.article .body .content{    padding: 13px 10px 20px 25px;}
.article .footer{    padding: 10px 0;    text-align: right;}

.notice-list{border-collapse: collapse;width:100%;margin-top:40px; margin-bottom:50px;}
.notice-list .caption{text-align: left; font-size: 1.2em;padding-left: 5px;padding-bottom: 15px}
.notice-list thead{}

.notice-list thead tr th{color:#5b5b5b; font-size:0.875em; font-weight: 500}
.notice-list thead tr th.open{box-shadow: 0px 5px 5px #dddddd;}
.notice-list thead tr th{border-bottom: 1px solid #d2d2d2;}
.notice-list thead tr th > div{/* border-top:2px solid #07abea;background-color:#F1F2F4; */padding:10px 5px;box-sizing:border-box; font-weight: 400; /* border-bottom: 1px solid #d2d2d2; */display: inline-block;float: left}
.notice-list thead tr th > div.subject{width:80%;}
.notice-list thead tr th > div.date{width:20%;}

.notice-list tbody tr{}
.notice-list tbody tr td{padding:0px 20px 10px 20px;box-sizing:border-box; font-weight: 400; font-size:0.875em; border-bottom: 1px solid #d2d2d2; position:relative;}
.notice-list tbody tr td.date{text-align: center; color:#808080; padding:20px 20px;}
.notice-list tbody tr td.subject{text-align: left; color:#5b5b5b; padding:20px 20px; position:relative;}
.notice-list tbody tr td div.img-wrapper{width:1120px; height:10px; position:absolute;}
.notice-list tbody tr td div.img-wrapper.top{width:1120px; height:10px; position:absolute; top:0; left:0;}
.notice-list tbody tr td div.img-wrapper.bottom{width:1120px; height:10px; position:absolute; bottom:0; left:0;}
.notice-list tbody tr td div.img-wrapper.depth{top:5px; width:16px; height:16px;}

.notice-list tbody tr td div.img-wrapper img{width:100%; height:10px;}
.notice-list tbody tr td div.img-wrapper.depth > img{width:100%; height:100%;}

.notice-list tbody tr td.subject.open{font-weight: 400; color:#1a1a1a; border-bottom: none}
.notice-list tbody tr td.date.open{ border-bottom: none}

.notice-list tfoot tr td{text-align: center}

/*메일 박스*/
#popup_mail_confirm .body{width:360px; top:200px; left: 50%; margin-left: -180px; height:auto; overflow-y:hidden; font-size:0.9em}
.mail-popup-text{margin-bottom: 15px;}
.mail-input{padding:10px; width:90%; margin-bottom:20px; font-size:1.1em}
#popup_mail_confirm .btn-submit{padding:8px 30px;}


.ncs .btn-apply{padding:6px 5px; background-color:#05ABEA; color:#fff}
.ncs .btn-apply.disable{background-color:#b4b4b4}

.ncs .result-title{color:#404040; font-size:1.5em; font-weight:500; margin-bottom:50px;}
.ncs .result-table{    position: relative;    width: 650px;    margin-left: auto;    margin-right: auto;    border: 1px solid #00aff0;}
.ncs .result-table .caption{text-align: left;    margin-bottom: 20px;    padding-left: 10px;}
.ncs .result-table tr{}
.ncs .result-table tr th{background-color:#00aff0; border: 1px solid #00aff0; color:#fff;font-weight: 100;    padding: 10px;}
.ncs .result-table tr td{    border: 1px solid #00aff0;    padding: 30px 20px;}
.ncs #content .exam{margin-top: 50px;}
.ncs #content .img-wrapper{margin-top: 50px;}


@media screen and (max-width:640px)
{
	.home #header {min-width:320px;}
	.home #content {min-width:320px;}

	#gnb{min-width:320px;}
	#gnb .wrap {width:100%;}
    #gnb .submenu-bg{display: none}
	#gnb .btn-ham{    display: block;    position: absolute;    right: 10px;    top: 10px; width:30px;}
	#gnb .menu {display:none;   margin: 0; height:auto; margin-top: 50px; padding-top:10px;    text-align: left;    width: 100%;    background-color: #05ABEA;box-shadow: 0px 10px 15px #aaa;}
	#gnb .menu.opened {display:block;}
	#gnb .menu > li a{padding:0px;}
	#gnb .menu > li.selected > a{color:#3f5358 !important}
	#gnb .menu > li.selected > .submenu > li.selected > a{color:#3f5358 !important}
	#gnb .menu > li.selected > .submenu > li > a{color:#3f5358 !important}
	#gnb .menu > li { text-align: center; height:140px; width: 25%;  background-color:#06709A;   float:left;    display: block; margin-left:0; box-sizing: border-box;}
    #gnb .menu > li > div.menu-subject{border: 2px solid #00709B; background: rgba(255,255,255,0.25);  font-size: 0.85em; padding:10px; color:#fff;}
    #gnb .menu > li > div.menu-subject.even{border: 2px solid #007FAF;}
    #gnb .menu > li > div.border-line{margin:15px 20px 0px; height:1px; background:rgba(255,255,255,0.5)}
    #gnb .menu > li.menu-job-fitting{}
    #gnb .menu > li.menu-job-manage{height:100px;}
    #gnb .menu > li.menu-work-manage{height:100px; background-color: #067FAE;}
    #gnb .menu > li.menu-resume{background-color: #067FAE;}
    #gnb .menu > li.menu-recommend{background-color: #067FAE;}
    #gnb .menu > li.menu-reputation{height:100px; background-color: #067FAE;}
   	#gnb .menu > li.menu-ncs{height:100px; margin-bottom:10px;}
    #gnb .menu > li.menu-consulting{}
    
    #gnb .menu > li.mobile-submenu{padding:10px; border-color: #fff; color:#57768a;border-bottom:none; border-right:none; background-color:#E5E5E5; width:100%; text-align: center; height:auto;}
    #gnb .menu > li.mobile-submenu > div{width:33.33%; float:left; padding:5px 0px;    border-right: 2px solid #fff;box-sizing: border-box; font-size:0.75em; cursor:pointer;}
    #gnb .menu > li.mobile-submenu > div.mobile-submenu-logout{border-right:none;}
    #gnb .menu > li.white-line{width:100%; height:10px; background-color: #fff; border-right:none; border-bottom:none;}

	#gnb .menu > li .logout{display: none}
    #gnb .menu > li .logout_m{display: block;}

    #gnb .menu > li > a{font-size: 0.75em; color:#fff;    display: block;}
	#gnb .menu > li.selected > a {border-bottom: 0}
	#gnb .menu > li.selected {color:#3f5358;border-bottom: 0}
	#gnb .menu > li > .submenu {    display: none;    width: 100%;    position: relative;    clear: both;    margin-top: 0;}
	#gnb .menu > li > .submenu > li {    display: block;    position: relative;    width: 100%;    padding: 20px;    border-bottom: 1px solid #d2d2d2;}
	#gnb .menu > li > .submenu > li:last-child{border-bottom:0;}
	#gnb .menu > li > .submenu > li > a{font-size:1em;padding-left:20px;}
	#gnb .menu > li > .submenu > li .arrow {display: none !important}
	#gnb .menu > li > .submenu > li > .l-arrow{    background-image: url('../image/m/menu_arrow.png');    background-repeat: no-repeat;    width: 12px;    height: 22px;    display: inline-block;    vertical-align: middle;}
	#gnb .menu > li .bg{display: none}
	#gnb .menu > li .desc{display: none}
	#gnb .menu > li .icon{display: block;    width: 40px;  margin-bottom:10px;  height: 40px;    vertical-align: middle;    background-size: contain;    background-repeat: no-repeat; margin-right: auto; margin-left: auto; margin-top:15px;}
	
    #gnb .menu > li >.icon{width:30px; background-image: url('../image/m/logout_m_active.png')}
    #gnb .menu > .menu-job-fitting> a >.icon{background-image: url('../image/m/menu_jobfitting.png')}
    #gnb .menu > .menu-job-manage > a >.icon{background-image: url('../image/m/icon_accept_admin.png')}
    #gnb .menu > .menu-reputation>a >.icon{background-image: url('../image/m/icon_repute_admin.png')}
    #gnb .menu > .menu-work-manage>a >.icon{background-image: url('../image/m/icon_work_admin.png')}
    #gnb .menu > .menu-consulting>a >.icon{background-image: url('../image/m/icon_consulting.png')}
    #gnb .menu > .menu-resume>a >.icon{background-image: url('../image/m/icon_resume.png')}
    #gnb .menu > .menu-resume-reading>a >.icon{background-image: url('../image/m/icon_read.png')}
    #gnb .menu > .menu-ncs>a >.icon{background-image: url('../image/m/icon_ncs.png')}
    #gnb .menu > .menu-recommend>a >.icon{background-image: url('../image/m/icon_recommend.png')}
    #gnb .menu > .menu-coach>a >.icon{background-image: url('../image/m/icon_coching.png')}
    
    #gnb .menu > li.mobile-submenu > div.mobile-submenu-mypage div.icon{margin-top:0px; margin-bottom:0px; width:30px; height:30px; background-image: url('../image/m/icon_mypage.png')}
    #gnb .menu > li.mobile-submenu > div.mobile-submenu-notice div.icon{margin-top:0px; margin-bottom:0px; width:30px; height:30px; background-image: url('../image/m/icon_notice.png')}
    #gnb .menu > li.mobile-submenu > div.mobile-submenu-logout div.icon{margin-top:0px; margin-bottom:0px; width:30px; height:30px; background-image: url('../image/m/icon_logout.png')}
	
	
	#header .main-bg{margin-top:0;}	
	
	.home #content {width:100%; padding-top:0px;}
	
	.map {    width: 100%;    margin-left: auto;    margin-right: auto;    float: none;    display: block;    height: auto; margin-top:0px;}
	.fitting .job.result  {position:relative; top:0; width:100%; height: auto; }
	.home.fitting .job.result{position:relative; width:100%;}
	
	.fitting .favor-form .label{width:20%;}
	.fitting .job-list{    overflow: initial;    position: relative;    height: auto; } 
	.fitting .favor-setting .graph-icon{ background-image: url('/static/common/image/m/jobfitting_graph_m.png') ; background-size:20px 20px; background-repeat:no-repeat; margin:14px 5px 10px 15px; width: 22px;    height: 22px;}
	
    
	.job-fitting #content{height: auto; min-width:320px;}
	
	.job-fitting.fitting .favor-setting{}
	.job-fitting.fitting .favor-setting .arrow-icon{top:70px;}
	.job-fitting .search-btn{width:100%}
	.job-fitting .search-detail-btn{right:5px; top:5px;}
	.job-fitting .search-detail-btn img{content:url('/static/common/image/m/search_m.png'); width:47px;}
	.job-fitting .search-detail-btn img:hover{content:url('/static/common/image/m/search_m_hover.png');}
	
	/*평판관리*/
	.reputation.intro #content {padding:51px 0px 0px 0px; min-width:320px;}
	.reputation.intro >#content> .desc{width:100% }
	.reputation > #content > .desc{width:100%; margin-top:60px;}

	
	/* 로그인 */
	#main-wrap.login #content {height:700px;    /*overflow-x: hidden;*/}
	#main-wrap.login .layer {    width: 100%;	    height: 100%;    position: absolute;    top: 0; margin-left: 0; left: 0}
	
    #main-wrap.login .layer .logo{    width: 100%; margin-top:45px; margin-bottom:40px;}
	.pc-login-view{display: none}
    .m-login-view{display: inline-block}

    #main-wrap.login .layer .logo img{  width:196px;  height:44px;}
    
    #main-wrap.login .layer .content{padding:0 20px;    top: 0;    margin-top: 0;}

	#main-wrap.login .main-bg .m{    position: absolute;    left: 50%;    margin-left: -960px;    width: 1920px;    height: 800px;    margin-top: -100px;}
	#main-wrap.login .input-wrapper {    width: 100%;    margin-left: auto;    margin-right: auto;    margin-top: 10px;}
	#main-wrap.login .btn-login {  margin-left: auto;    margin-right: auto;    width: 100%;}
	#main-wrap.login .keep-logon {width:100%;margin-left: auto;margin-right: auto;display: block; margin-top:20px;}
	#main-wrap.login .desc { padding: 0 10px;    text-align: center;    line-height: 1.7em;    margin-top: 50px;}
	
	/* 회원가입 */
	.register #header .title	{ width:100%;}
	.register #content {    width: 100%; padding:20px;}
	.register .section.btns .btn-submit{width:100%;}
	.register.step2 .section.btns {margin-top:50px;}
	.register #content .title	{ margin-top:10px;}
	
	.register.step3 .noti-wrapper .noti{text-align:left;}
	
	/* 직무관리 */	
	.job-manage .desc{    line-height: 1.8;    margin: 20px 0 30px 0;}
	.job-manage .section{    border-bottom: 1px solid #000000;    margin-bottom: 50px;}
	.job-manage .section .header{    display: inline-block;    position: relative;    width: 100%;    clear: both}
	.job-manage .section .header .year{    width: 60px;    display: inline-block;    vertical-align: middle;    font-size: 0.7em;    height: 30px;    margin-top: -10px;}
	.job-manage .section .header .quater{        margin-left: 10px;    width: 30px;    display: inline-block;    font-size: 0.7em;    height: 30px;    margin-top: -10px;}
	.job-manage .section .header .text{    font-size: 1.125rem;    color: #000;    padding: 5px;}
	.job-manage .section .header .mod{/*right: 0px;    font-size: 0.875em;    padding: 5px;*/}
	.job-manage .section .header .remove{    right: 0px;    font-size: 0.8em;    padding: 5px;}
	.job-manage .section .body{    padding: 10px 0px 0px 0px;    font-size: 1em;    line-height: 1.5em;}
	.job-manage .section .body .content{    padding: 0;    padding-bottom: 10px;}
	.job-manage .section .body textarea.content{    resize: none;    width: 100%;    height: 160px;    font-size: 1em;    margin-bottom: 10px;}
	.job-manage .section .body .item{    display: inline-block;    position: relative;    width: 100%;    clear: both;    border-top: 1px solid #CDCED0;}
	.job-manage .section .body .item .label{    float: left;    width: 25%;    padding: 13px 10px;}
	.job-manage .section .body .item .data{min-height:58px; line-height: 1.5em;     font-size: 0.875em;   padding: 5px 0px 5px 10px;    display: inline-block;    position: relative;    background-color: #fff;    width: 75%;    float: left;    box-sizing: border-box;}
	.job-manage .section .body .item .data.input {height:auto;}
	.job-manage .section .body .item .data .input-wrapper{    width: 47%;    display: inline-block; height: 30px; margin:3px 2px;}
	.job-manage .section .body .item .data .input-wrapper input{  font-size:1.2em;}
	.job-manage .control{margin-bottom: 100px}
	
	.job-manage .tx-content-container{margin-left:0px; margin-right:0px;}
	
	/* 마이페이지 */
	.mypage #content{padding: 50px 10px 0 10px; width:100%; overflow-x: hidden;}
	.mypage .title{    margin-bottom: 20px; width:100%;}
	.mypage .title img{width:138px;}
    .mypage .desc{    /*color: #000;*/    font-size: 1.4em;}
	.mypage .section {margin-top: 25px}
	.mypage .section .header{    color: #000;    font-size: 1.4em;    padding-bottom: 10px;}
	.mypage .section .header > .desc{    font-size: 0.7em;    color: #808080;    padding-top: 5px;}
	.mypage .section .body{}
	.mypage .etc {    margin-top: 70px;    color: #000;}
	.mypage .etc > label{margin-right: 10px}
	.mypage .etc .text{display: block; margin-bottom: 20px}
	.mypage .etc .withdrawal{    display: block;    position: relative;    margin-top: 30px;}
	.mypage .control{ margin-top: 50px;}
	.mypage .control button{     padding: 10px 30px;}

	.mypage .control button#btn_unregister {}
	.mypage .control button#btn_modify {margin-left:20px;}


	.myinfo{  width:100%;  display: inline-block;    vertical-align: top;    border-collapse: collapse; border-bottom: 1px solid #8A8A8A;}
	.myinfo .item{    width: 100%;    position: relative;}
	.myinfo .item:first-child{}
	.myinfo .item:last-child{border-bottom: 1px solid #8A8A8A}
	.myinfo .item .label{width:35%; /* font-size: 0.875em; */ /* padding:13px 10px; */}
	.myinfo .item .label.password{font-size: 0.875em; padding:17px 10px;}
	.myinfo .item .data{    width: 65%; }
	
    .myinfo .item .data .input-wrapper{    width: 100%;}
    .myinfo .item .data .input-wrapper.disabled {width:60%}
	.myinfo .item .data .select-wrapper{width:100%;}
    .myinfo .item .data .detail{color:#9A9A9A;}
	.myinfo .item:last-child .label{border-bottom: 0}
	.myinfo .item:last-child .data{border-bottom: 0}

	/* 마이페이지 공지사항 */
	.article {margin-top: 50px; color:#5b5b5b;}
    .article .header{    display: block;    position: relative;    clear: both;    font-size: 1.2em;    color: #000;    padding: 5px 0;    border-bottom: 2px solid #75CADF;}
    .article .body{display: inline-block;    position: relative;    clear: both;}
    .article .body .date{    border-bottom: 1px solid #d2d2d2;    padding: 10px 0;    text-align: right;}
    .article .body .content{    padding: 20px 0px 20px 0px;}
    .article .footer{    padding: 10px 0;    text-align: right;}

    .notice-list thead tr th > div.subject{width:100%;}
    .notice-list tbody tr{}
    .notice-list tbody tr td{padding:0px 20px 0px 20px;box-sizing:border-box; font-weight: 400; font-size:0.875em; border-bottom: 1px solid #d2d2d2; position:relative;}
    .notice-list tbody tr td.date{text-align: center; color:#808080; padding:20px 20px;}
    .notice-list tbody tr td.subject{text-align: left; color:#5b5b5b; padding:20px 20px; position:relative;}
    .notice-list tbody tr td.subject_2{text-align: left; color:#5b5b5b; padding:20px 20px; position:relative;}
    .notice-list tbody tr td.subject_2.open{border-bottom:none;}
    .notice-list tbody tr td.subject_2.open > a.subject{font-weight: 400; color:#1a1a1a;}
    
    .notice-list tbody tr td.subject_2 a.subject{display:block; margin-bottom:5px;}
    .notice-list tbody tr td.subject_2 .date{width:100%;}
        
    .notice-list tbody tr td div.img-wrapper{width:1120px; height:10px; position:absolute;}
    .notice-list tbody tr td div.img-wrapper.top{width:100%; height:10px; position:absolute; top:0; left:0;}
    .notice-list tbody tr td div.img-wrapper.bottom{width:100%; height:10px; position:absolute; bottom:0; left:0;}

    .notice-list tbody tr td div.img-wrapper img{width:100%; height:10px;}

    .notice-list tbody tr td.subject.open{font-weight: 400; color:#1a1a1a; border-bottom: none}
    .notice-list tbody tr td.date.open{ border-bottom: none}

    .notice-list tfoot tr td{text-align: center}

	.consulting.project #content table caption .control .total-count{margin-top:15px; float:right;}
	.consulting.project #content table td div{padding:1px 0px;}
	.consulting.project #content table td div div{display:inline-block; text-align:left;}
	.consulting.project #content table td div div.index{width:10%; text-align:center;}
	.consulting.project #content table td div div.content{width:80%}
	.consulting.project #content table td div div.etc{/* width:60% */font-size:0.875em;}
	.consulting.project #content table td div div.etc span{}
	.consulting.project #content table td div div.etc .separator{padding:5px; color:#bbb;}
	.consulting.project #content table td div div.date{/* width:30%; text-align:right; */ float:right; font-size:0.875em; padding:0}

	.consulting.project.detail #content .project-info {border:1px solid #BABABA; padding:0px 10px;}
	.consulting.project.detail #content .project-info .header{border-bottom: 2px solid #3a3a3a; box-sizing:border-box;padding-bottom: 30px; margin-bottom:25px;}
	.consulting.project.detail #content .project-info .header .subject{width:100%; font-size:1.2em;}
	.consulting.project.detail #content .project-info .header .date{text-align: left; margin-top:10px;}
	.consulting.project.detail #content .project-info .item{box-sizing:border-box;margin-bottom:25px;}
	.consulting.project.detail #content .project-info .item .label{width:30%;}
	.consulting.project.detail #content .project-info .item .data{width:auto; font-size: 0.875em;}
	.consulting.project.detail #content .project-info .item .data.date{font-size:0.875em; color :#000000; font-weight: 400;}
	.consulting.project #content .section > .body > .item >.data {width:65%;}
	.consulting.project #content .section > .body > .item >.label {width:35%;}
	
	.consulting.consultant #content .select-wrapper.t2.inline-block{margin-bottom:5px;}
	
	.consulting.consultant #content .section{height:300px;}
	.consulting.consultant #content .section:last-child{height:100px;}
	
	.consulting.consultant #content .section > .body .item {/* display: block */width:100%;}
	.consulting.consultant #content .section > .body .item >.label { width:35%;}
	.consulting.consultant #content .section > .body .item >.data {width:65%;}
	.consulting.consultant.detail #content .section.margin-bottom{margin-bottom:50px;}

	.consulting.consultant #content table td div.etc{/* width:60% */font-size:0.875em; padding:2px 0;}
	.consulting.consultant #content table td div.resume{padding:2px 0;}
	.ncs .result-title{font-size:1.2em;}
	.ncs .result-table{width: 100%;}
	.ncs .result-table caption{}
	.ncs .result-table tr{}
	.ncs .result-table tr th{width:33.33%;}
	.ncs .result-table tr td{width:33.33%;}
	.ncs #content .exam{margin-top: 50px;}
	.ncs #content .exam .date{font-size:0.975em;}
	.ncs #content .img-wrapper{margin-top: 50px;}

}