header     {width: 100%; background: linear-gradient( to left, #f2b04b, #f3584a ); position: relative;}
header div     {max-width: 1000px; margin: 0 auto; padding: 10px 0;}
header img     {width: 180px;}
header .account     {display: inline-block; float: right; padding-top: 12px;}
header .account span     {color: #fff;}
header .account .caret    {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}

header .account .hide     {min-width: 80px; position: absolute; display: none; top: 80%; background: #fff; padding: 10px 5px; z-index: 1000;}
header .account .hide li a {color: #333; font-size: 14px;}
header .account .hide ul {padding-bottom: 5px;}
header .account .hide ul a {color: #333; font-size: 14px;}

input[type=checkbox]
{
  -webkit-appearance:checkbox;
}


.left_filter {width: 160px; min-height: 160px; max-height: 600px; overflow-y:scroll; padding: 10px 10px 10px 10px; background-color: #fff; border:1px solid #999999; overflow-x:hidden; position: absolute; top: 0; left: 50%;z-index: 2; margin-left: -700px; margin-top: 170px;}
.black_button {width: 160px; min-height: 26px; max-height: 26px; overflow-y:hidden; padding: 5px 10px 5px 10px; cursor:pointer; text-align:center; color:#fff; font-weight:normal; background-color: #000; border:none; overflow-x:hidden; position: absolute; top: 0; left: 50%;z-index: 1; margin-left: -700px; margin-top: 800px;}
.chk {font-size: 12px; font-weight: normal; color: #777;}

.contents     {background: #eee; width: 100%; min-height: 851px;}

.tmp_table {border-top: 1px solid #888; border-left: 1px solid #888;}
.tmp_table .con {height: 28px; padding-left:5px; border-right: 1px solid #888; border-bottom: 1px solid #888; color: #555; text-align: left; font-size: 12px;}
.tmp_table .con2 {height: 28px; border-right: 1px solid #888; border-bottom: 1px solid #888; color: #000; background-color: #ccc; text-align: center; min-width: 65px;}

footer     {width: 100%; background: #5f5f5f;}
footer div     {color: #fff; padding: 20px 0; text-align: center;}

/* 로그인 페이지 */

.bg     {background: linear-gradient( to left, #f2b04b, #f3584a ); width: 100%; height: 915px;}
.bar {background: #f4584e;  height: 15px;}
.loginWrap     {background: #fff; text-align: center; width: 400px; position: absolute; top: 145px; left: calc(50% - 200px); padding: 50px 40px;}
.loginWrap img {padding-bottom: 50px;}
.loginWrap input {width: 350px; height: 50px;border-bottom: 2px solid #ddd; font-size: 16px; padding-left: 50px;}
.loginWrap .id {background: url(/img/hm/icon_member.png) 0 0 no-repeat; background-size: 40px;  margin-bottom: 30px; }
.loginWrap .pw {background: url(/img/hm/icon_pw.png) 0 0 no-repeat; background-size: 40px;  margin-bottom: 15px;}
.loginWrap button     {border: 2px solid #f27d30; outline: none; color: #f27d30; background: #fff; padding: 10px 60px; border-radius: 30px; font-size: 18px; font-weight: bold;}

.loginWrap .find {text-align: right; margin-bottom: 50px;}
.loginWrap .find a     {color: #f3584a; font-size: 14px;}

.changepw {background: #fff; text-align: center; width: 400px; position: absolute; top: 185px; left: calc(50% - 200px); padding: 50px 40px; z-index: 10; display: none;}
.changepw .popup_title_bold     {font-size: 24px; font-weight: bold;}
.changepw .popup_title_subcribe     {font-size: 15px;}

.changepw ul li {margin-bottom: 20px;}

.changepw ul li dl {overflow: hidden;}
.changepw ul li dl dt {float: left;}
.changepw ul li dl dd {float: right;}
.changepw ul li input {border: 1px solid #ccc; font-size: 15px; padding: 8px 0 8px 14px; width: 250px;}

.insertblack {background: #fff; text-align: center; width: 400px; position: absolute; top: 185px; left: calc(50% - 200px); padding: 50px 40px; z-index: 10; display: none;}
.insertblack .popup_title_bold     {font-size: 24px; font-weight: bold;}
.insertblack .popup_title_subcribe     {font-size: 15px;}

.insertblack ul li {margin-bottom: 20px;}

.insertblack ul li dl {overflow: hidden;}
.insertblack ul li dl dt {float: left;}
.insertblack ul li dl dd {float: right;}
.insertblack ul li input {border: 1px solid #ccc; font-size: 15px; padding: 8px 0 8px 14px; width: 250px;}


.findpw {background: #fff; text-align: center; width: 424px; position: absolute; top: 185px; left: calc(50% - 202px); padding: 50px 30px; z-index: 10; display: none;}
.findpw .popup_title_bold     {font-size: 24px; font-weight: bold; margin-bottom:10px;}
.findpw .popup_title_subcribe     {font-size: 15px; margin-bottom: 30px;}

.findpw ul li {margin-bottom: 10px;}

.findpw ul li dl {overflow: hidden;}
.findpw ul li dl dt {float: left; padding-left: 30px;}
.findpw ul li dl dd {text-align: left; padding-top:10px;}
.findpw ul li input {border: 1px solid #ccc; font-size: 15px; padding: 8px 0 8px 14px; width: 175px; margin-right: 5px;}


.change_email {background: #fff; text-align: center; width: 400px; position: absolute; top: 185px; left: calc(50% - 230px); padding: 40px 30px; z-index: 10; display: none;}
.change_email .popup_title_bold     {font-size: 26px; font-weight: bold; margin-bottom: 10px;}
.change_email .popup_title_subcribe     {font-size: 16px;}

.change_email ul li {margin-bottom: 20px;}

.change_email ul li dl {overflow: hidden;}
.change_email ul li dl dt {width: 100px; text-align: left; float: left; margin-right: 10px; line-height: 40px;}
.change_email ul li dl dd {float: left; text-align: left;}
.change_email ul li dl dd div {line-height: 40px;}
.change_email ul li input {border: 1px solid #ccc; font-size: 15px; padding: 8px; width: 270px;}



.btn     {line-height: 40px; margin-top: 30px;}
.btn_cancel {border: 2px solid #f27d30; color: #f27d30; background: #fff; padding: 5px 20px; border-radius: 30px; font-size: 16px; font-weight: bold; margin-right: 15px;}
.btn_align  {border: 2px solid #f27d30; color: #fff; background: #f27d30; padding: 5px 20px; border-radius: 30px; font-size: 16px; font-weight: bold;}
.close_btn {display: block; position: absolute; top: 10px; right: 10px; width: 18px; height: 18px;}

/* 대쉬보드 */

.top     {max-width: 1000px; margin: 0 auto; padding: 30px 0;}
.top ul     {display: inline-block;}
.top li     {display: inline-block;}
.top .money	{background: #424242 url(/img/hm/money.png) 85px 13px no-repeat; color: #fff; border-radius: 5px; padding: 10px 40px 10px 20px; font-size: 16px; font-weight: bold; margin-right: 10px; background-size: 20px;}
.top .create     {background: #424242 url(/img/hm/plus.png) 120px 14px no-repeat; color: #fff; border-radius: 5px; padding: 10px 40px 10px 20px; font-size: 16px; font-weight: bold; margin-right: 10px;}
.top .download     {background: #f17211 url(/img/hm/down.png) 170px 9px no-repeat; color: #fff; border-radius: 5px; padding: 10px 45px 10px 20px; font-size: 16px; font-weight: bold;}
.top .view     {background: #f17211 url(/img/hm/view.png) 170px 13px no-repeat; color: #fff; border-radius: 5px; padding: 10px 45px 10px 20px; font-size: 16px; font-weight: bold; background-size: 20px;}
.top .upload      {background: #f17211 url(/img/hm/up.png) 155px 14px no-repeat; color: #fff; border-radius: 5px; padding: 10px 45px 10px 20px; font-size: 16px; font-weight: bold;}
.top .search {display: inline-block; float: right;}
.top .search input {border: 1px solid #ccc; border-radius: 30px; height: 20px; padding: 10px 35px; width: 180px; background: url(/img/hm/search.png) 10px 10px no-repeat;}
.top .search2 {display: inline-block; float: right;}
.top .search2 input {border: 1px solid #ccc; height: 22px; padding: 10px 35px; width: 180px; background: url(/img/hm/search.png) 10px 10px no-repeat; vertical-align:top;}
.top .search2 button {font-size: 18px; padding: 5px 20px; background: #aaa; color: #fff; height: 44px;}
.top .search2 .custom-select2 {width: 134px; display: inline-block; padding: 8px 8px; text-align: center; font-size: 16px; border: 1px solid #ccc; color: #707070; margin:0;}

.dash     {background: #fff; padding: 50px; max-width: 898px; margin: 0 auto; border: 1px solid #ccc; min-height: 655px;}

.dash_index     {margin-bottom: 30px;}
.dash_index li     {display: inline-block; padding: 3px 10px; cursor: pointer; margin-right: 15px;}
.dash_index li.on     {border: 1px solid #f3584a; border-radius: 30px;}

.pjWrap     {display: none;}
.pjWrap.on {display: block;}
.pj     {display: inline-block; width: 895px; border-left: 3px solid #f17211; margin-bottom: 30px;}
.pj:nth-of-type(2) {border-left: 3px solid #005cff;}
.pj:last-of-type {border-left: 3px solid #5cc057; margin-bottom: 0;}
.pj a {color: #333;}
.pj p {font-size: 20px; font-weight: bold; padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px;}
.pj .pjname {float: left; width: 874px; font-size: 20px; font-weight: bold; padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px;}

.delimg {width: 20px; float: right; }
.delimg img {width: 14px; cursor: pointer;}
.pj table {width: 895px; color: #707070;}
.pj table td     {border-bottom: 1px solid #ccc; padding: 7px 10px; border-right: 1px solid #ccc;}
.pj table td.con {background: #fff; font-weight: normal; font-size: 14px;}
.pj table td.tit {background: #eee; font-weight: bold;}

/* 프로젝트 생성 */

.navi     {max-width: 1000px; margin: 0 auto; padding: 30px 0;}
.navi ul     {display: inline-block;}
.navi li     {display: inline-block; background: #ccc; color: #fff; padding: 15px; text-align: center; margin-right: 69px; font-size: 18px; position: relative; width: 158px;}
.navi li:last-of-type     {margin-right: 0;}
.navi li.active     {background: #f3af4c;}
.navi li:after     {width: 0; height: 0; border-top: 28px solid transparent; border-left: 30px solid #ccc; border-bottom: 28px solid transparent; position: absolute; top:0; left: 188px; content: '';}

.navi li.active:after     {width: 0; height: 0; border-top: 28px solid transparent; border-left: 30px solid #f3af4c; border-bottom: 28px solid transparent; position: absolute; top:0; left: 188px; content: '';}

.pjInfo     {background: #fff; padding: 50px; max-width: 900px; margin: 0 auto; border: 1px solid #ccc; min-height: 644px; text-align: center;}
.pjInfo p     {font-size: 32px; font-weight: bold;}
.pjInfo table     {border: 1px solid #ccc; width: 900px; margin: 50px 0;}
.pjInfo table td     {padding: 16px 0; font-size: 18px; height: 32px;}
.pjInfo table td:first-of-type {width: 200px; font-weight: bold; background: #eee;}
.pjInfo table td:nth-of-type(2) {text-align: left; padding-left: 5%; color: #5e5e5e;}
.pjInfo table td input.text     {width: 90%; height: 30px; font-size: 18px; outline: none;}
.pjInfo table td input.name     {width: 75%; margin-left: 5%;; height: 30px; font-size: 16px; outline: none; border-bottom: 1px solid #ccc;}
.pjInfo table td button {font-size: 18px; outline: none; padding: 5px 20px; border-radius: 10px; background: #f3af4c; color: #fff;}

.cc_popup     {position: fixed; z-index: 10; width: 390px; top: 30%; left: calc(50% - 195px); display: none;}
.cc_popup .head     {background: #3b3b3b; height: 34px; padding: 13px 18px 0 18px;}
.cc_popup .head .title     {color: #fff; font-size: 18px; float: left; font-weight: bold;}
.cc_popup .head .close     {float: right; line-height: 20px; cursor: pointer;}

.cc_popup .body {background: #f4f4f4; overflow: hidden; padding: 10px;}
.cc_popup .body .cell {display: inline-block; float: left; width: 100px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.cc_popup .body .cell li {padding: 5px 0; margin-top: 1px; background: #f2b04b; cursor: pointer; color: #fff;}
.cc_popup .body .cell li:first-of-type {margin: 0;}
.cc_popup .body .cell li.on {color: #333; background: #fff; border-right: 0;}

.cc_popup .body .member   {display: none; overflow: hidden; padding: 10px; text-align: left; background: #fff; width: 248px; border: 1px solid #ccc; height: 189px; overflow-y: auto; border-left: 0;}
.cc_popup .body .member li {cursor: pointer; padding: 5px 0; border-bottom: 1px solid #ccc;}
.cc_popup .body .member li.on {color: #f2b04b;}
.cc_popup .body .member.on {display: inline-block;}

.cc_popup .body button {font-size: 16px; outline: none; padding: 5px 20px; border-radius: 10px; background: #f3af4c; color: #fff; margin: 10px 0;}

.cc_popup     {position: fixed; z-index: 10; width: 390px; top: 30%; left: calc(50% - 195px); display: none;}
.cc_popup .head     {background: #3b3b3b; height: 34px; padding: 13px 18px 0 18px;}
.cc_popup .head .title     {color: #fff; font-size: 18px; float: left; font-weight: bold;}
.cc_popup .head .close     {float: right; line-height: 20px; cursor: pointer;}

.cc_popup .body {background: #f4f4f4; overflow: hidden; padding: 10px;}
.cc_popup .body .cell {display: inline-block; float: left; width: 100px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.cc_popup .body .cell li {padding: 5px 0; margin-top: 1px; background: #f2b04b; cursor: pointer; color: #fff;}
.cc_popup .body .cell li:first-of-type {margin: 0;}
.cc_popup .body .cell li.on {color: #333; background: #fff; border-right: 0;}

.cc_popup .body .member   {display: none; overflow: hidden; padding: 10px; text-align: left; background: #fff; width: 248px; border: 1px solid #ccc; height: 189px; overflow-y: auto; border-left: 0;}
.cc_popup .body .member li {cursor: pointer; padding: 5px 0; border-bottom: 1px solid #ccc;}
.cc_popup .body .member li.on {color: #f2b04b;}
.cc_popup .body .member.on {display: inline-block;}

.cc_popup .body button {font-size: 16px; outline: none; padding: 5px 20px; border-radius: 10px; background: #f3af4c; color: #fff; margin: 10px 0;}



.pm_popup     {position: fixed; z-index: 10; width: 390px; top: 30%; left: calc(50% - 195px); display: none;}
.pm_popup .head     {background: #3b3b3b; height: 34px; padding: 13px 18px 0 18px;}
.pm_popup .head .title     {color: #fff; font-size: 18px; float: left; font-weight: bold;}
.pm_popup .head .close     {float: right; line-height: 20px; cursor: pointer;}

.pm_popup .body {background: #f4f4f4; overflow: hidden; padding: 10px;}
.pm_popup .body .cell {display: inline-block; float: left; width: 100px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.pm_popup .body .cell li {padding: 5px 0; margin-top: 1px; background: #f2b04b; cursor: pointer; color: #fff;}
.pm_popup .body .cell li:first-of-type {margin: 0;}
.pm_popup .body .cell li.on {color: #333; background: #fff; border-right: 0;}

.pm_popup .body .member   {display: none; overflow: hidden; padding: 10px; text-align: left; background: #fff; width: 248px; border: 1px solid #ccc; height: 189px; overflow-y: auto; border-left: 0;}
.pm_popup .body .member li {cursor: pointer; padding: 5px 0; border-bottom: 1px solid #ccc;}
.pm_popup .body .member li.on {color: #f2b04b;}
.pm_popup .body .member.on {display: inline-block;}

.pm_popup .body button {font-size: 16px; outline: none; padding: 5px 20px; border-radius: 10px; background: #f3af4c; color: #fff; margin: 10px 0;}



.con_popup     {position: fixed; z-index: 10; width: 390px; top: 30%; left: calc(50% - 145px); display: none;}
.con_popup .head     {background: #3b3b3b; height: 34px; padding: 13px 18px 0 18px;}
.con_popup .head .title     {color: #fff; font-size: 18px; float: left; font-weight: bold;}
.con_popup .head .close     {float: right; line-height: 20px; cursor: pointer;}

.con_popup .body {background: #f4f4f4; overflow: hidden; padding: 10px;}
.con_popup .body .cell {display: inline-block; float: left; width: 100px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.con_popup .body .cell li {padding: 5px 0; margin-top: 1px; background: #f2b04b; cursor: pointer; color: #fff;}
.con_popup .body .cell li:first-of-type {margin: 0;}
.con_popup .body .cell li.on {color: #333; background: #fff; border-right: 0;}

.con_popup .body .member   {display: none; overflow: hidden; padding: 10px; text-align: left; background: #fff; width: 248px; border: 1px solid #ccc; height: 189px; overflow-y: auto; border-left: 0;}
.con_popup .body .member li {cursor: pointer; padding: 5px 0; border-bottom: 1px solid #ccc;}
.con_popup .body .member li.on {color: #f2b04b;}
.con_popup .body .member.on {display: inline-block;}
.linespace {width: 100px; height: 10px;}

.con_popup .body button {font-size: 16px; outline: none; padding: 5px 20px; border-radius: 10px; background: #f3af4c; color: #fff; margin: 10px 0;}

.error_popup     {position: fixed; z-index: 10; width: 500px; top: 10%; left: calc(50% - 195px); display: none; background: #fff;}
.error_popup .tit     {background: #3b3b3b; padding: 10px;}
.error_popup .tit span     {color: #fff; font-weight: bold;}
.error_popup .tit a     {float: right; }

.error_popup .con {height:540px; padding: 20px; background: #fff; overflow-x: hidden; overflow-y: auto;}
.error_popup .con ul {margin-bottom: 20px;}
.error_popup .con ul li {list-style: none;}
.error_popup .con .name {font-weight: bold; margin-bottom: 10px;}
.error_popup .con table {width: 460px; border: 1px solid #333;}
.error_popup .con table .t     {background: #d5d5d5; color: #333; text-align: center; font-weight: bold; padding: 5px 0; border-bottom: 1px solid #333;}
.error_popup .con table .c     {background: #fff; padding: 10px 5px;; border-bottom: 1px solid #333; height: 21px; color: #777;}
.error_popup .con table tr:last-of-type .c {border: 0;}
.error_popup .body button {font-size: 16px; outline: none; padding: 5px 20px; border-radius: 10px; background: #f3af4c; color: #fff; margin: 10px 0;}



/* 계약서 작성&검토 */
.pjWrite     {background: #fff; padding: 50px; max-width: 900px; margin: 0 auto; border: 1px solid #ccc; min-height: 644px; text-align: center;}
.pjWrite p     {font-size: 32px; font-weight: bold; margin-bottom: 30px;}

.pjWrite .index {overflow: hidden;}
.pjWrite .index li     {background: #fff; padding: 5px 15px; border: 1px solid #d8d8d8; margin-bottom: -1px; min-width: 120px; text-align: center; cursor: pointer; font-size: 18px; float: left; border-bottom: 1px solid #333;}
.pjWrite .index li.on     {background: #f36b4a; color: #fff;}
.pjWrite .index li:first-of-type     {border-top-left-radius: 5px; border-right: none;}
.pjWrite .index li:last-of-type      {border-top-right-radius: 5px; border-left: none;}

.pjWrite .write {display: none;}
.pjWrite .write.on {display: block;}

.pjWrite .write textarea  {width: 800px; margin: 0 auto 50px; background: #fff; border: 1px solid #ccc; border-top:none; padding: 0px 50px; height: 470px; overflow-x: hidden; overflow-y: auto; font-size: 16px; text-align: left;}
.confirm {width: 800px; margin: 0 auto 50px; background: #fff; border: 1px solid #ccc; border-top:none; padding: 0px 50px; height: 470px; overflow-x: hidden; overflow-y: auto; font-size: 16px; text-align: left;}
.pjWrite .write .subject  {width: 800px; margin: 0 auto; background: #fff; border: none; padding: 20px 50px 0px 50px; height: 60px; overflow-x: hidden; overflow-y: auto; font-size: 20px; text-align: center; border-top: 2px solid #333; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}

.pjWrite .text    {max-width: 900px; margin: 0 auto 50px; background: #fff; border: 1px solid #ccc; padding: 30px 50px; height: 470px; overflow-x: hidden; overflow-y: auto; font-size: 16px; text-align: left; line-height: 20px; display: none;}
.pjWrite .text.on {display: block;}

/* 계약서 발송*/
.pjSend     {background: #fff; padding: 50px; max-width: 900px; margin: 0 auto; border: 1px solid #ccc; min-height: 644px; text-align: center;}
.pjSend p     {font-size: 32px; font-weight: bold;}

.recipient {margin: 50px 0;}
.recipient table {border: 1px solid #ccc; display: inline-block; float: left; margin-right: 6px;}
.recipient table td {padding: 10px 20px; height: 30px;}
.recipient table td:first-of-type {border-right: 1px solid #ccc; background: #eee; font-weight: bold; color: #707070;}
.recipient table td:last-of-type {width: 500px;}
.recipient a     {color: #707070; font-weight: bold; margin-right: 15px;}

.recipient_name    {display: inline-block; width: 100%; height: 30px; line-height: 30px; background: #fff; font-size: 16px;}
.recipient input[type="file"]     {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.recipient label     {background: #f17211 url(/img/hm/up.png) 75px 20px no-repeat; color: #fff; border-radius: 5px; padding: 16px 40px 16px 20px; font-size: 16px; font-weight: bold; line-height: 52px; cursor: pointer;}

.recipientList {margin-bottom: 50px;}
.recipientList .index {max-width: 1002px; margin: 0 auto;}
.recipientList .index li     {display: inline-block; background: #fff; padding: 5px 15px; border: 1px solid #d8d8d8; margin-bottom: -1px; min-width: 120px; text-align: center; cursor: pointer; font-size: 18px; float: left; border-bottom: 1px solid #333;}
.recipientList .index li span {font-size: 14px; color: #d8d8d8;}
.recipientList .index li.on     {background: #f36b4a; color: #fff;}
.recipientList .index li:first-of-type {border-top-left-radius: 5px; border-right: none;}
.recipientList .index li:last-of-type {border-top-right-radius: 5px; border-left: none;}

.recipientList .list     {width: 100%; display: none;}
.recipientList .list.on {display: block;}

.recipientList .list .list_table.on {min-height: 340px; display: block;}
.recipientList .list .list_table {display: none;}

.recipientList .list table     {text-align: center; width: 100%; border-top: 2px solid #333; margin-top: 15px; margin-bottom: 30px;}
.recipientList .list table th     {height: 35px; font-weight: bold; padding: 5px 0; border-bottom: 1px solid #ccc;}
.recipientList .list table td     {height: 35px; padding: 5px 0; border-bottom: 1px solid #ccc; position: relative;}



.recipientList .list .pagination {}
.recipientList .list .pagination li {display: inline-block; border: 1px solid #ccc; color: #b1b1b1;}
.recipientList .list .pagination li.go {background: #e6e6e6;}
.recipientList .list .pagination li a {display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 28px; color: #707070; font-weight: bold;}
.recipientList .list .pagination li a.on {background: #707070; color: #fff;}
.recipientList .list .pagination li a img {height: 12px;}

.dimm    {background-color: black; opacity: 0.7; position: fixed; z-index: 9; width: 100%; height: 100%; display: none;}
.dimm3    {background-color: #FFF; opacity: 0.7; position: fixed; z-index: 100; width: 100%; height: 100%;}
.popup    {position: absolute; top: calc(50% - 200px); left: calc(50% - 190px); width: 380px; height: auto; background-color: #fff; z-index: 10; text-align: center; padding: 30px 20px; border-radius: 10px; display: none;}
.popup img     {display: block; margin: 0 auto; padding-bottom: 15px; width: 70px;}
.popup span    {font-size: 18px; color: #707070; font-weight: bold; display: block;}
.popup button.ok     {border-radius: 30px; outline: none; background: #f17211; color: #fff; font-weight: bold; font-size: 16px; padding: 7px 30px; margin-top: 30px;}
.popup button.cancel     {border-radius: 30px; outline: none; background: #afafaf; color: #fff; font-weight: bold; font-size: 16px; padding: 7px 30px; margin: 30px 20px 0 0;}

/* 하단 버튼 */

.btnGroup    {width: 100%; text-align: center;}

#out    {background: #afafaf url(/img/hm/btn_out.png) 20px 20px no-repeat; color: #fff; border-radius: 30px; padding: 15px 50px 15px 60px; font-weight: bold; background-size: 10px; font-size: 18px; margin-right: 30px;}
#next    {background: #f17211 url(/img/hm/btn_next.png) 110px 20px no-repeat; color: #fff; border-radius: 30px; padding: 15px 60px 15px 50px; font-weight: bold; font-size: 18px;}
#fin    {background: #f17211 url(/img/hm/btn_next.png) 170px 20px no-repeat; color: #fff; border-radius: 30px; padding: 15px 60px 15px 50px; font-weight: bold; font-size: 18px;}
#next1 {border-radius: 30px; padding: 15px 30px; font-weight: bold; font-size: 18px; margin-right: 30px;}

/* 프로젝트 내용 보기 */
.pj_top2     {max-width: 1000px; margin: 0 auto; padding: 25px 0px 0px 0; margin-bottom: 0px;}
.pj_top2 button {background: #f17211 url(/img/hm/down.png) 120px 10px no-repeat; outline: none; color: #fff; border-radius: 5px; padding: 10px 20px 10px 20px; font-size: 16px; font-weight: bold;}
.pj_top     {max-width: 1000px; margin: 0 auto; padding: 25px 0;}
.pj_top table {width: 100%; background: #fff; border-top: 5px solid #f36b4a;}
.pj_top table td {height: 35px; padding: 10px; text-align: center; color: #707070; font-size: 18px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.pj_top table tr:first-of-type td {font-size: 28px; font-weight: bold; padding-left: 50px; text-align: left; color: #333; line-height: 32px;}
.pj_top table tr:nth-of-type(2)  td     {font-weight: bold;}
.pj_top table tr td:first-of-type {border-left: 1px solid #ccc;}
.pj_top table .submission      {float: right; color: #fff; background: #f3584a; padding: 5px 10px; font-size: 16px;}
.pj_top table .submission_f      {display: none; float: right; color: #707070; padding: 5px 10px; font-size: 16px;}
.pj_top .project_edit {float: right; background: #f17211;outline: none; color: #fff; border-radius: 5px; padding: 10px 20px; font-size: 16px; font-weight: bold;}

.pj_middle     {max-width: 1000px; margin: 0 auto; height: 45px; color: #707070; padding-bottom: 45px; line-height: 43px;}
.pj_middle .custom-select     {width: 164px; display: inline-block; padding: 8px 10px; text-align: center; font-size: 16px; border: 1px solid #ccc; color: #707070;}
.pj_middle .search     {display: inline-block;  background: #fff; border: 1px solid #ccc; width: 400px;}
.pj_middle .search input {font-size: 16px; padding: 8px 10px; width: 300px; outline: none;}
.pj_middle .search button     {background: #e6e6e6; outline: none; display: inline-block; padding: 10px 20px; height: 43px; float: right; font-size: 16px;}

.custom-select2     {width: 164px; display: inline-block; padding: 8px 10px; text-align: center; font-size: 16px; border: 1px solid #ccc; color: #707070; margin: 20px 0;}

.pj_middle .piDown     {float: right;}
.pj_middle .piDown button     {background: #f17211 url(/img/hm/down.png) 120px 10px no-repeat; outline: none; color: #fff; border-radius: 5px; padding: 10px 45px 10px 20px; font-size: 16px; font-weight: bold;}

.pj_middle .pjUp     {float: right;}
.pj_middle .pjUp button     {background: #f17211 url(/img/hm/up.png) 120px 14px no-repeat; outline: none; color: #fff; border-radius: 5px; padding: 10px 45px 10px 20px; font-size: 16px; font-weight: bold;}

.pj_index     {max-width: 1002px; margin: 0 auto;}
.pj_index li {display: inline-block; background: #fff; padding: 5px 15px; border: 1px solid transparent; margin-bottom: -1px; width: 90px; text-align: center; border-bottom: 1px solid #ccc; cursor: pointer; font-size: 18px;}
.pj_index li span     {font-size: 14px; color: #f3584a;}
.pj_index li.on     {border-right: 1px solid #ccc; border-top: 3px solid #f36b4a; border-left: 1px solid #ccc; border-bottom: 1px solid #fff;}
.pj_index .custom-select {width: 134px; display: inline-block; padding: 4px 4px; text-align: center; font-size: 16px; border: 1px solid #ccc; color: #707070; margin:0;}

.pj_detail     {max-width: 940px; margin: 0 auto; background: #fff; padding: 30px; border: 1px solid #ccc; display: none;}
.pj_detail.on     {display: block;}

.pj_detail .list_header {margin-bottom: 15px; overflow: hidden; display: inline-block; float: right; line-height: 34px;}
.pj_detail .list_header li {float: left;}
.pj_detail .list_header li a {font-weight: bold; margin-right: 10px; color: #fd9644; line-height: 34px;}
.pj_detail .list_header button {background: #f3584a; outline: none; padding: 5px 10px; font-size: 16px; color: #fff; border-radius: 5px;}

.pj_detail .detail1_index .on {margin-bottom: 15px; display: inline-block;}
.pj_detail .detail1_index li {display: inline-block; margin-right: 10px; padding: 3px 10px; cursor: pointer;}
.pj_detail .detail1_index li.on {border: 1px solid #f3584a; border-radius: 30px;}
.pj_detail .detail1_index li span {color: #f3584a; font-size: 14px;}

.pj_detail .detail2_index {margin-bottom: 15px; display: inline-block;}
.pj_detail .detail2_index li {display: inline-block; margin-right: 10px; padding: 3px 10px; cursor: pointer;}
.pj_detail .detail2_index li.on {border: 1px solid #f3584a; border-radius: 30px;}
.pj_detail .detail2_index li span {color: #f3584a; font-size: 14px;}

.pj_detail .list_total     {display: inline-block;}
.pj_detail .deposit {float: right;}
.pj_detail .deposit button.b {color: #fff; outline: none; background: #4bc5f4; padding: 5px 20px; font-size: 14px; border-radius: 30px;}
.pj_detail .deposit button.f {display: none; outline: none; color: #707070; padding: 5px 20px; font-size: 14px; border-radius: 30px;}

/* 계약 후 */
.pj_detail .detail1 {display: none;}
.pj_detail .detail1.on {display: block;}
.pj_detail .detail1 table {width: 100%; text-align: center; border-left: 1px solid #ccc; border-top: 5px solid #707070; color: #707070;}
.pj_detail .detail1 table td     {padding: 10px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.pj_detail .detail1 table td:first-of-type    {padding: 10px 5px;}
.pj_detail .detail1 table tr:first-of-type     {background: #f2f2f2; font-weight: bold;}
.pj_detail .detail1 table td .delete {background: #cd201f url(/img/hm/delete.png) 9px 9px no-repeat; color: #fff; padding: 5px 10px; width: 2rem; height: 2rem; border-radius: 3px; font-size: 14px; background-size: 15px;}
.pj_detail .detail1 table td .edit {background: #4bc5f4; color: #fff; padding: 5px 10px; width: 50px; border-radius: 3px; font-size: 14px}
.pj_detail .detail1 table td .revise {background: #4bc5f4; color: #fff; padding: 5px 10px; width: 50px; border-radius: 3px; font-size: 14px}
.pj_detail .detail1 table td .resend {background: #f17211; color: #fff; padding: 5px 10px; width: 60px; border-radius: 3px; font-size: 14px}

.pj_detail .detail1 .pagination {text-align: center; padding: 50px 0 20px 0;}
.pj_detail .detail1 .pagination li {display: inline-block; border: 1px solid #ccc; color: #b1b1b1;}
.pj_detail .detail1 .pagination li.go {background: #e6e6e6;}
.pj_detail .detail1 .pagination li a {display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 28px; color: #707070; font-weight: bold;}
.pj_detail .detail1 .pagination li a.on {background: #707070; color: #fff;}
.pj_detail .detail1 .pagination li a img {height: 12px;}


.pj_detail .pagearea .pagination {text-align: center; padding: 50px 0 20px 0;}
.pj_detail .pagearea .pagination li {display: inline-block; border: 1px solid #ccc; color: #b1b1b1;}
.pj_detail .pagearea .pagination li.go {background: #e6e6e6;}
.pj_detail .pagearea .pagination li a {display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 28px; color: #707070; font-weight: bold;}
.pj_detail .pagearea .pagination li a.on {background: #707070; color: #fff;}
.pj_detail .pagearea .pagination li a img {height: 12px;}

.pj_detail .detail1 .pj_detail_list     {cursor: pointer;}
.pj_detail .detail1 .pj_detail_list .view_contract {color: #707070;}
.pj_detail .detail1 .pj_detail_list .view_contract:hover {text-decoration: underline;}
.pj_detail .detail1 .pj_detail_info     {display: none;}
.pj_detail .detail1 .pj_detail_info td     {padding: 20px 0;}
.pj_detail .detail1 .pj_detail_info .save     {float: right;background: #467fcf; color: #fff; padding: 5px 10px; width: 50px; border-radius: 3px; font-size: 14px; margin-right: 33px;}

.pj_detail .detail1 .row     {text-align: left; padding: 0 20px; margin-bottom: 15px;}
.pj_detail .detail1 .element     {display: inline-block; margin-right: 10px;}
.pj_detail .detail1 .address     {display: inline-block; margin-right: 10px;}
.pj_detail .detail1 .banknum     {display: inline-block; margin-right: 10px;}
.pj_detail .detail1 label {display: block; margin-bottom: 5px; color: #333;}
.pj_detail .detail1 .toggleBG     {background: #e9ecef; width: 3.8rem; height: 24px; border: 1px solid rgba(0, 40, 100, 0.12); border-radius: 15px; line-height: 2.2rem;}
.pj_detail .detail1 .toggleFG{background: #fff; outline: none; width: 24px; height: 24px; border: none; border-radius: 15px; position: relative; left: 0px;}


.pj_detail .detail1 .element input {border: 1px solid #ccc; font-size: 16px; width: 150px; padding: 5px; outline: none; background: #f8f9fa;}
.pj_detail .detail1 .banknum input {border: 1px solid #ccc; font-size: 16px; width: 200px; padding: 5px; outline: none; background: #f8f9fa;}
.pj_detail .detail1 .address input {border: 1px solid #ccc; font-size: 16px; padding: 5px; outline: none; background: #f8f9fa; width: 508px;}
.pj_detail .detail1 .address input:first-of-type {max-width: 90px; margin-right:10px;}

.pj_detail .detail1 .element a     {color: #707070;}
.pj_detail .detail1 .element a:hover {text-decoration: underline;}

/* 계약 전 */
.pj_detail .detail2 {display: none;}
.pj_detail .detail2.on {display: block;}
.pj_detail .detail2 table {width: 100%; text-align: center; border-left: 1px solid #ccc; border-top: 5px solid #707070; color: #707070;}
.pj_detail .detail2 table td     {padding: 10px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.pj_detail .detail2 table tr:first-of-type     {background: #f2f2f2; font-weight: bold;}
.pj_detail .detail2 table td .delete {background: #cd201f url(/img/hm/delete.png) 9px 9px no-repeat; color: #fff; padding: 5px 10px; width: 2rem; height: 2rem; border-radius: 3px; font-size: 14px; background-size: 15px;}
.pj_detail .detail2 table td .edit {background: #4bc5f4; color: #fff; padding: 5px 10px; width: 50px; border-radius: 3px; font-size: 14px}
.pj_detail .detail2 table td .revise {background: #4bc5f4; color: #fff; padding: 5px 10px; width: 50px; border-radius: 3px; font-size: 14px}
.pj_detail .detail2 table td .resend {background: #f17211; color: #fff; padding: 5px 10px; width: 60px; border-radius: 3px; font-size: 14px}

.pj_detail .detail2 .pagination {text-align: center; padding: 50px 0 20px 0;}
.pj_detail .detail2 .pagination li {display: inline-block; border: 1px solid #ccc; color: #b1b1b1;}
.pj_detail .detail2 .pagination li.go {background: #e6e6e6;}
.pj_detail .detail2 .pagination li a {display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 28px; color: #707070; font-weight: bold;}
.pj_detail .detail2 .pagination li a.on {background: #707070; color: #fff;}
.pj_detail .detail2 .pagination li a img {height: 12px;}

.pj_detail .detail2 .pj_detail_list .view_contract {color: #707070;}
.pj_detail .detail2 .pj_detail_list .view_contract:hover {text-decoration: underline;}
.pj_detail .detail2 .pj_detail_info     {display: none;}
.pj_detail .detail2 .pj_detail_info td     {padding: 20px 0;}
.pj_detail .detail2 .pj_detail_info .save     {float: right;background: #467fcf; color: #fff; padding: 5px 10px; width: 50px; border-radius: 3px; font-size: 14px; margin-right: 33px;}

.pj_detail .detail2 .row     {text-align: left; padding: 0 20px; margin-bottom: 15px;}
.pj_detail .detail2 .element     {display: inline-block; margin-right: 10px;}
.pj_detail .detail2 .address     {display: inline-block; margin-right: 10px;}
.pj_detail .detail2 .banknum     {display: inline-block; margin-right: 10px;}
.pj_detail .detail2 label {display: block; margin-bottom: 5px; color: #333;}

.pj_detail .detail2 .element input {border: 1px solid #ccc; font-size: 16px; width: 150px; padding: 5px; outline: none; background: #f8f9fa;}
.pj_detail .detail2 .banknum input {border: 1px solid #ccc; font-size: 16px; width: 200px; padding: 5px; outline: none; background: #f8f9fa;}
.pj_detail .detail2 .address input {border: 1px solid #ccc; font-size: 16px; padding: 5px; outline: none; background: #f8f9fa; width: 250px;}
.pj_detail .detail2 .address input:first-of-type {max-width: 90px;}

.pj_detail .detail2 .element a     {color: #707070;}
.pj_detail .detail2 .element a:hover {text-decoration: underline;}

.modal     {display: none; width: 580px; padding: 20px; background: #fff; position: fixed; top: 50%; left: 50%; z-index: 999; margin-left: -290px; margin-top: -200px}
.modal a {float: right;}
.modal p  {font-size: 24px; font-weight: bold; text-align: center; padding: 15px 0 25px 0;}
.modal .text     {padding: 20px 10px 10px 10px; height: 400px; overflow-x: hidden; overflow-y: auto; font-size: 16px; border: 1px solid #ccc; margin-bottom: 30px;}
.modal button     {border-radius: 30px; outline: none; color: #fff; background: #f17211; padding: 5px 15px; margin: 0 auto; display: block; font-size: 16px;}

.send     {display: none; width: 400px; padding: 20px; background: #fff; position: fixed; top: 50%; left: 50%; z-index: 999; margin-left: -200px; margin-top: -200px}
.send a {float: right;}
.send button     {border-radius: 30px; outline: none; color: #fff; background: #f17211; padding: 5px 15px; margin: 0 auto; display: block; font-size: 16px;}
.send>div     {margin-bottom: 30px;}
.send span     {display: block;}
.send .element     {margin-top: 10px;}
.send label {display: block; margin-bottom: 5px; color: #333;}
.send .element input {border: 1px solid #ccc; font-size: 16px; padding: 5px; outline: none; width: 386px;}

.plus     {display: none; width: 400px; padding: 20px; background: #fff; position: fixed; top: 35%; left: 50%; z-index: 999; margin-left: -200px; margin-top: -200px}
.plus p {text-align: center; font-size: 24px; font-weight: bold;}
.plus a {float: right;}
.plus button     {border-radius: 30px; outline: none; color: #fff; background: #f17211; padding: 5px 15px; margin: 0 auto; display: block; font-size: 16px;}
.plus>div     {margin-bottom: 30px;}
.plus span     {display: block;}
.plus .element     {margin-top: 10px;}
.plus label {display: block; margin-bottom: 5px; color: #333;}
.plus .element input {border: 1px solid #ccc; font-size: 16px; padding: 5px; outline: none; width: 386px;}
.plus .element select {border: 1px solid #ccc; font-size: 16px; padding: 5px; outline: none; width: 398px;}

.dimm2    {background-color: black; opacity: 0.7; position: fixed; z-index: 9; width: 100%; height: 100%; display: none;}
.conedit     {display: none; width: 540px; padding: 20px; background: #fff; position: fixed; top: 50%; left: 50%; z-index: 999; margin-left: -295px; margin-top: -200px}
.conedit a {float: right;}
.conedit p  {font-size: 24px; font-weight: bold; text-align: center; padding: 15px 0 25px 0;}
.conedit .text     {padding: 20px 10px 10px 10px; width: 510px; height: 400px; overflow-x: hidden; overflow-y: auto; font-size: 16px; border: 1px solid #ccc; margin-bottom: 30px;}
.conedit .text input     {width: 100%; height: 100%;}
.conedit button     {border-radius: 30px; outline: none; color: #fff; background: #f17211; padding: 5px 15px; margin: 0 auto; display: inline-block; font-size: 16px;}

.change_email button {border-radius: 30px; outline: none; color: #fff; background: #f17211; padding: 5px 15px; margin: 0 auto; display: inline-block; font-size: 16px;}


.conedit2     {display: none; width: 540px; padding: 20px; background: #fff; position: fixed; top: 50%; left: 50%; z-index: 999; margin-left: -295px; margin-top: -200px}
.conedit2 a {float: right;}
.conedit2 p  {font-size: 24px; font-weight: bold; text-align: center; padding: 15px 0 25px 0;}
.conedit2 .text     {padding: 20px 10px 10px 10px; width: 510px; height: 400px; overflow-x: hidden; overflow-y: auto; font-size: 16px; border: 1px solid #ccc; margin-bottom: 30px;}
.conedit2 .text input     {width: 100%; height: 100%;}
.conedit2 button     {border-radius: 30px; outline: none; color: #fff; background: #f17211; padding: 5px 15px; margin: 0 auto; display: block; font-size: 16px;}

/* 경영지원 */

.pj_p     {display: inline-block; width: 280px; border-left: 3px solid #f17211; margin-right: 20px;}
.pj_p:nth-of-type(2) {border-left: 3px solid #005cff;}
.pj_p:last-of-type {margin-right: 0; border-left: 3px solid #5cc057;}
.pj_p a {color: #333;}
.pj_p p {font-size: 20px; font-weight: bold; padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; line-height: 24px;}
.pj_p table {width: 280px; color: #707070;}
.pj_p table td     {border-bottom: 1px solid #ccc; padding: 7px 10px; border-right: 1px solid #ccc;}
.pj_p table tr td:first-of-type {background: #eee; font-weight: bold;}
.pj_p table tr:nth-of-type(3) td {background: #eee; font-weight: bold;}
.pj_p table tr:nth-of-type(4) td {background: #fff; font-weight: normal; font-size: 14px;}
.pj_p table tr:nth-of-type(5) td {background: #eee; font-weight: bold;}
.pj_p table tr:nth-of-type(6) td {background: #fff; font-weight: normal; font-size: 14px;}
.pj_p table tr:last-of-type td:nth-of-type(2) {font-size: 14px;}

.pj_detail.p     {max-width: 940px; margin: 0 auto; background: #fff; padding: 30px; border: 1px solid #ccc; display: block;}

.pj_detail.p .list_header {margin-bottom: 15px; overflow: hidden;}
.pj_detail.p .list_total     {display: inline-block;}
.pj_detail.p .deposit {float: right;}
.pj_detail.p .deposit button.b {color: #fff; outline: none; background: #4bc5f4; padding: 5px 20px; font-size: 14px; border-radius: 30px;}
.pj_detail.p .deposit button.f {display: none; outline: none; color: #707070;  background: #ccc; padding: 5px 20px; font-size: 14px; border-radius: 30px;}

.pj_detail.p .list table {width: 100%; text-align: center; border-left: 1px solid #ccc; border-top: 5px solid #707070; color: #707070;}
.pj_detail.p .list table td     {padding: 10px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.pj_detail.p .list .pj_detail_list td:last-of-type {color: #fff;}
.pj_detail.p .list table tr:first-of-type     {background: #f2f2f2; font-weight: bold;}
.pj_detail.p .list table td .delete {background: #cd201f; color: #fff; padding: 5px 10px; width: 70px; border-radius: 3px; font-size: 14px}
.pj_detail.p .list table td .edit {background: #4bc5f4; color: #fff; padding: 5px 10px; width: 50px; border-radius: 3px; font-size: 14px}
.pj_detail.p .list table td .revise {background: #4bc5f4; color: #fff; padding: 5px 10px; width: 50px; border-radius: 3px; font-size: 14px}
.pj_detail.p .list table td .resend {background: #f17211; color: #fff; padding: 5px 10px; width: 60px; border-radius: 3px; font-size: 14px}

.pj_detail.p .list .pagination {text-align: center; padding: 50px 0 20px 0;}
.pj_detail.p .list .pagination li {display: inline-block; border: 1px solid #ccc; color: #b1b1b1;}
.pj_detail.p .list .pagination li.go {background: #e6e6e6;}
.pj_detail.p .list .pagination li a {display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 28px; color: #707070; font-weight: bold;}
.pj_detail.p .list .pagination li a.on {background: #707070; color: #fff;}
.pj_detail.p .list .pagination li a img {height: 12px;}

.pj_detail.p .list .pj_detail_list     {cursor: pointer;}
.pj_detail.p .list .pj_detail_list .view_contract {color: #707070;}
.pj_detail.p .list .pj_detail_list .view_contract:hover {text-decoration: underline;}
.pj_detail.p .list .pj_detail_info     {display: none;}
.pj_detail.p .list .pj_detail_info td     {padding: 20px 0;}
.pj_detail.p .list .pj_detail_info .save     {float: right;background: #467fcf; color: #fff; padding: 5px 10px; width: 50px; border-radius: 3px; font-size: 14px; margin-right: 33px;}

.pj_detail.p .list .row     {text-align: left; padding: 0 20px; margin-bottom: 15px;}
.pj_detail.p .list .element     {display: inline-block; margin-right: 10px;}
.pj_detail.p .list .address     {display: inline-block; margin-right: 10px;}
.pj_detail.p .list .banknum     {display: inline-block; margin-right: 10px;}
.pj_detail.p .list label {display: block; margin-bottom: 5px; color: #333;}

.pj_detail.p .list .element input {border: 1px solid #ccc; font-size: 16px; width: 150px; padding: 5px; outline: none; background: #f8f9fa;}
.pj_detail.p .list .banknum input {border: 1px solid #ccc; font-size: 16px; width: 200px; padding: 5px; outline: none; background: #f8f9fa;}
.pj_detail.p .list .address input {border: 1px solid #ccc; font-size: 16px; padding: 5px; outline: none; background: #f8f9fa; width: 250px;}
.pj_detail.p .list .address input:first-of-type {max-width: 90px;}

.pj_detail.p .list .element a     {color: #707070;}
.pj_detail.p .list .element a:hover {text-decoration: underline;}


/* 서비스 가이드 페이지 */

.contents .service {width: 100%; padding: 50px 0;}
.contents .service.white {background: #fff;}
.contents .service .container {width: 1000px; margin: 0 auto;}
.contents .service .container .title {text-align: center; margin-bottom: 30px; line-height: 40px;}
.contents .service .container .title strong {font-size: 28px;}
.contents .service .container .title p {font-size: 20px;}

/* 로그 페이지 */

.noti     {width: 1000px; margin: 0 auto; background: #fff; min-height: 100%;}

.noti .left     {position: fixed; top: 64.31px; width: 250px; display: inline-block;}
.noti .left .wrap     {height: 100%; padding: 20px 20px 0; box-sizing: border-box;}
.noti .left .wrap .all {font-size: 14px; padding-bottom: 13px; border-bottom: 1px solid #efefef;}
.noti .left .wrap .all.on a     {color: #f3584a;}
.noti .left .wrap .all a     {color: #333; font-weight: bold;}
.noti .left .wrap .project {padding-top: 10px;}
.noti .left .wrap .project li     {padding-bottom: 10px;}
.noti .left .wrap .project li.on a     {color: #f3584a;}
.noti .left .wrap .project li a {font-size: 14px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}

.noti .section {margin-left: 250px; overflow: hidden; display: inline-block; padding: 20px 0 20px 50px; border-left: 1px solid #efefef; min-height: 959px;}
.noti .section .bubble {min-height: 72px; border: 1px solid #e0e0e0; border-radius: 8px; margin-top: 15px;}
.noti .section .bubble:first-of-type {margin-top: 0px;}
.noti .section .bubble div {padding: 15px; width: 620px; font-size: 14px;}
.noti .section .bubble div dl {color: #999; font-size: 13px; padding-top: 6px;}
.noti .section .bubble div span {color: #222; font-size: 14px;}

.more_btn {height:30px; text-align:center; cursor: pointer; background-color:#dddddd; border:1px solid #aaaaaa; color:#777; margin-top: 50px;}

.account li {line-height: 16px;}
.account li:first-of-type {display: inline-block; float: left; margin-right: 8px;}
.account li:first-of-type img {width: 18px;}
.account li:last-of-type {float: right;}