@charset "utf-8";
/* layout */
::-webkit-scrollbar {width:8px;height:8px;border:3px solid #fff;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:block;height:10px;background:#efefef}
::-webkit-scrollbar-track {background:#efefef;}
::-webkit-scrollbar-thumb {height:8px;width:8px;background:rgba(0,0,0,.2);}
::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,.4)}

#main_body{background:#8cd3ff /* #d2eaff*//* #f4f6f9 */;}
#sub_body {background:#fff;}
#popBody {background:#fff;}
#wrapper {position: relative;height: auto;min-height: 100%;min-width:1280px;}
#wrapper:before, #M_wrap:after {content: " ";display: table;}
#wrapper:after {clear:both;}
#popWrapper {background:#fff;position: relative;height: auto;min-height: 100%;min-width:100%;}
#popWrapper:before{content: " ";display: table;}
#popWrapper:after {clear:both;}
#popWrapper .detailPopConWrap #detail_contents {padding:10px 20px 20px 20px;}
#popWrapper .detailPopConWrap .subContentListWrap {border-top:0!important;}
#popWrapper .detailPopConWrap .popHeader {background:#1b3964;min-height: 16.42857143px;padding: 15px;}
#popWrapper .detailPopConWrap .popHeader .pop-title {font-size:14px;font-weight:700;color: #fff;}
#popWrapper .detailPopConWrap .popBody {padding:15px 15px 60px 15px;}
#popWrapper .detailPopConWrap .popFooter {position:fixed;width:100%;left:0;bottom:0;background:#fff;z-index:10;}


/* new topgnb */
.main-header {z-index:1000;position:relative;z-index:100;background:#fff;}
.topGnb {padding:0;padding-left:200px;background:#eee;}
.topGnb li {float:left;padding:5px 0;}
.topGnb li a {display:block;padding:0 5px;border-right:1px solid #ddd;font-size:11px;color:#1b3964;}
.topGnb li a:hover {color:#000;}
.topGnb li:first-child a {border-left:1px solid #ddd;}
.topGnb:after {content:'';display:block;clear:both;}
.topHeader {background:#fff;height:56px;}
.topHeader .topLeft {float:left;-webkit-transition: right .3s ease-in-out;-o-transition: right .3s ease-in-out;transition: right .3s ease-in-out;}
.topHeader .top-logo {float:left;}
.topHeader h1 a {display:block;height:56px;line-height:56px;width:200px;text-align:center;vertical-align:middle;}
.topHeader h1 a img {vertical-align:middle;}
.topHeader .topRightArea {float:right;padding:0 20px 0 0;line-height:56px;}
.topHeader .topRightArea img {vertical-align:middle;}
.topHeader:after {content:'';display:block;clear:both;}

.form-inline {position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;-ms-flex-align: stretch; align-items: stretch; width: auto;display:inline-block;}
.topSearchGroup {width:150px;margin-top:14px;box-sizing: border-box;background:#f2f4f6;position:relative;border-radius:4px;}
.topSearch_input {outline:none;background-color: #f2f4f6;  border: 0;padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem;}
.input-group {display:inline-block;}
.btn_topSearch {padding: .25rem .5rem;background-color: #f2f4f6; border: 0; font-size: .875rem; line-height: 1.5;border-radius: .2rem;}

.menuContainer {background:#1b3964;/* padding-left:200px; */-webkit-transition: left .3s ease-in-out;-o-transition: left .3s ease-in-out;transition: left .3s ease-in-out;}
.menuContainer .userInfoWrap {display:none;background: #fff;}
.menuContainer .side-menu-header {display:none;}
.menuContainer .menuWrap {position:relative;width:1280px;margin:0 auto;-webkit-transition: left .3s ease-in-out;-o-transition: left .3s ease-in-out;transition: left .3s ease-in-out;}
.menuContainer .menuWrap .btn-sub-bar {background:#ff7800;position:absolute;top:0;left:0;font-size:14px;color:#fff;height:38px;line-height:38px;width:38px;text-align:center;}
.menuContainer .menuWrap .btn-sub-bar:after {content:'\f00b';font-family: FontAwesome;font-size:14px;}
.menuContainer .menuWrap>ul {list-style: none;padding: 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;margin-left:38px;}
.menuContainer .menuWrap>ul>li {float: left;padding: 0;margin: 0; }
.menuContainer .menuWrap>ul>li>a {height:38px;line-height:38px;padding: 0 19px;display: block;color: #333; font-size: 12px;box-sizing:border-box;}
.menuContainer .menuWrap>ul>li>a {font-weight: 500;color: #fff;position:relative;}
.menuContainer .menuWrap>ul>li>.dropDownWrap {display:none;width: 100%;background: #fff;padding: 20px;position: absolute; z-index: 99;left: 0;-webkit-box-sizing: border-box;    box-sizing: border-box;    border-top: 4px solid #9e0b0f;    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);    box-shadow: 0 5px 10px rgba(0,0,0,0.3);}
.menuContainer .menuWrap>ul>li>.dropDownWrap .subGnbTitle {font-weight:700;font-size:16px;color:#ff7600;padding:0  0 10px 20px;margin:0 0 0 0;clear:both;}
.menuContainer .menuWrap>ul>li>.dropDownWrap .dropDown li {float:left;width:25%;min-height:56px;}
.menuContainer .menuWrap>ul>li>.dropDownWrap .dropDown li a {float:left;min-width:86px;display:block;font-size:14px;line-height:36px;color:#1b3964;font-weight:700;padding:11px 19px 0;}
.menuContainer .menuWrap>ul>li>.dropDownWrap .dropDown li a span {float:left;margin:0 10px 0 0;width:36px;height:36px;}
.menuContainer .menuWrap>ul>li>.dropDownWrap .dropDown li a:hover {text-decoration:underline;}
.menuContainer .menuWrap>ul>li>.dropDownWrap .dropDown li a.depth02 {text-decoration:none;}
.menuContainer .menuWrap>ul>li:hover {background:#9e0b0f;}
.menuContainer .menuWrap>ul>li:hover .dropDownWrap {display:block;}
.menuContainer .menuWrap>ul>li.menu-dropdown-icon>a::after {font-family: FontAwesome;display: inline;content: "\f107"; font-size: 11px;position: relative; top: 0px;right:-5px; line-height: 10px;}
.menuContainer:after {content:'';display:block;clear:both;}
.menuContainer .menuWrap>ul>li>.dropDownWrap .dropDown li>.depth03 {float:left;margin:20px 0 0 0;}
.menuContainer .menuWrap>ul>li>.dropDownWrap .dropDown li>.depth03>li {float:none;width:100%;min-height:auto;}
.menuContainer .menuWrap>ul>li>.dropDownWrap .dropDown li>.depth03>li a {float:none;min-width:auto;font-weight:400;display:block;font-size:12px;color:#999;line-height:16px;padding:2px 0;}
.menuContainer .menuWrap>ul>li>.dropDownWrap .dropDown li>.depth03>li a:hover {color:#000;}
.menuContainer .menuWrap>ul>li.active {background:#9e0b0f;}
.menuContainer .side-close, .menuContainer .side-setting {display:none;}
.control-sub-open .menuContainer .menuWrap .btn-sub-bar:after {content:'\f00d';font-family: FontAwesome;font-size:16px;}

/* 메인 gnb 아이콘 */
.Position_1 .dropDown li a span{background:url(../images/common/management_set_36.png) no-repeat;}
.Position_1 .dropDown li a .m_gnb01 {background-position:0 0;}
.Position_1 .dropDown li a .m_gnb02 {background-position:-36px 0;}
.Position_1 .dropDown li a .m_gnb03 {background-position:-72px 0;}

.Position_2 .dropDown li a span{background:url(../images/common/management_set_36.png) no-repeat;}
.Position_2 .dropDown li a .m_gnb01 {background-position:0 0;}
.Position_2 .dropDown li a .m_gnb02 {background-position:-36px 0;}
.Position_2 .dropDown li a .m_gnb03 {background-position:-72px 0;}

.Position_3 .dropDown li a span{background:url(../images/common/management_set_36.png) no-repeat;}
.Position_3 .dropDown li a .m_gnb01 {background-position:0 0;}
.Position_3 .dropDown li a .m_gnb02 {background-position:-36px 0;}
.Position_3 .dropDown li a .m_gnb03 {background-position:-72px 0;}

.Position_4 .dropDown li a span{background:url(../images/common/management_set_36.png) no-repeat;}
.Position_4 .dropDown li a .m_gnb01 {background-position:0 0;}
.Position_4 .dropDown li a .m_gnb02 {background-position:-36px 0;}
.Position_4 .dropDown li a .m_gnb03 {background-position:-72px 0;}

.Position_5 .dropDown li a span{background:url(../images/common/business_set.png) no-repeat;}
.Position_5 .dropDown li a .m_gnb01 {background-position:0 0;}
.Position_5 .dropDown li a .m_gnb02 {background-position:-36px 0;}
.Position_5 .dropDown li a .m_gnb03 {background-position:-72px 0;}
.Position_5 .dropDown li a .m_gnb04 {background-position:-108px 0;}
.Position_5 .dropDown li a .m_gnb05 {background-position:-144px 0;}
.Position_5 .dropDown li a .m_gnb06 {background-position:-72px -144px;}
.Position_5 .dropDown li a .m_gnb07 {background-position:-108px -144px;}
.Position_5 .dropDown li a .m_gnb08 {background-position:-144px -144px;}

.Position_6 .dropDown li a span{background:url(../images/common/management_set_36.png) no-repeat;}
.Position_6 .dropDown li a .m_gnb01 {background-position:0 0;}
.Position_6 .dropDown li a .m_gnb02 {background-position:-36px 0;}
.Position_6 .dropDown li a .m_gnb03 {background-position:-72px 0;}
.Position_6 .dropDown li a .m_gnb04 {background-position:-108px 0;}
.Position_6 .dropDown li a .m_gnb05 {background-position:-144px 0;}
.Position_6 .dropDown li a .m_gnb06 {background-position:-36px -36px;}

.Position_7 .dropDown li a span{background:url(../images/common/business_set.png) no-repeat;}
.Position_7 .dropDown li a .m_gnb01 {background-position:0 0;}
.Position_7 .dropDown li a .m_gnb02 {background-position:-36px 0;}
.Position_7 .dropDown li a .m_gnb03 {background-position:-72px 0;}
.Position_7 .dropDown li a .m_gnb04 {background-position:-108px 0;}
.Position_7 .dropDown li a .m_gnb05 {background-position:-144px 0;}
.Position_7 .dropDown li a .m_gnb06 {background-position:-36px -36px;}

.Position_8 .dropDown li a span{background:url(../images/common/management_set_36.png) no-repeat;}
.Position_8 .dropDown li a .m_gnb01 {background-position:0 0;}
.Position_8 .dropDown li a .m_gnb02 {background-position:-36px 0;}
.Position_8 .dropDown li a .m_gnb03 {background-position:-72px 0;}
.Position_8 .dropDown li a .m_gnb04 {background-position:-108px 0;}
.Position_8 .dropDown li a .m_gnb05 {background-position:-144px 0;}
.Position_8 .dropDown li a .m_gnb06 {background-position:-36px -36px;}

.Position_9 .dropDown li a span{background:url(../images/common/management_set_36.png) no-repeat;}
.Position_9 .dropDown li a .m_gnb01 {background-position:0 0;}
.Position_9 .dropDown li a .m_gnb02 {background-position:-36px 0;}
.Position_9 .dropDown li a .m_gnb03 {background-position:-72px 0;}
.Position_9 .dropDown li a .m_gnb04 {background-position:-108px 0;}
.Position_9 .dropDown li a .m_gnb05 {background-position:-144px 0;}
.Position_9 .dropDown li a .m_gnb06 {background-position:-36px -36px;}

.Position_10 .dropDown li a span{background:url(../images/common/management_set_36.png) no-repeat;}
.Position_10 .dropDown li a .m_gnb01 {background-position:0 0;}
.Position_10 .dropDown li a .m_gnb02 {background-position:-36px 0;}
.Position_10 .dropDown li a .m_gnb03 {background-position:-72px 0;}
.Position_10 .dropDown li a .m_gnb04 {background-position:-108px 0;}
.Position_10 .dropDown li a .m_gnb05 {background-position:-144px 0;}
.Position_10 .dropDown li a .m_gnb06 {background-position:-36px -36px;}

.Position_11 .dropDown li a span{background:url(../images/common/management_set_36.png) no-repeat;}
.Position_11 .dropDown li a .m_gnb01 {background-position:0 0;}
.Position_11 .dropDown li a .m_gnb02 {background-position:-36px 0;}
.Position_11 .dropDown li a .m_gnb03 {background-position:-72px 0;}
.Position_11 .dropDown li a .m_gnb04 {background-position:-108px 0;}
.Position_11 .dropDown li a .m_gnb05 {background-position:-144px 0;}
.Position_11 .dropDown li a .m_gnb06 {background-position:-36px -36px;}

.Position_12 .dropDown li a span{background:url(../images/common/business_set.png) no-repeat;}
.Position_12 .dropDown li a .m_gnb01 {background-position:0 0;}
.Position_12 .dropDown li a .m_gnb02 {background-position:-36px 0;}
.Position_12 .dropDown li a .m_gnb03 {background-position:-72px 0;}
.Position_12 .dropDown li a .m_gnb04 {background-position:-108px 0;}
.Position_12 .dropDown li a .m_gnb05 {background-position:-144px 0;}
.Position_12 .dropDown li a .m_gnb06 {background-position:-36px -36px;}

.Position_13 .dropDown li a span{background:url(../images/common/management_set_36.png) no-repeat;}
.Position_13 .dropDown li a .m_gnb01 {background-position:0 0;}
.Position_13 .dropDown li a .m_gnb02 {background-position:-36px 0;}
.Position_13 .dropDown li a .m_gnb03 {background-position:-72px 0;}


#IB_footer { border-top:#dadada solid 1px;background:#fff;padding-top:20px; padding-bottom:30px; text-align:center; }
#IB_footer .footermnZone {text-align:center;line-height: 1;}
#IB_footer .footermnZone .ft_menuList { float:none; *zoom:1; display:inline-block; z-index:0; }
#IB_footer .footermnZone .ft_menuList:after { content:""; display:block; clear:both; height:0; }
#IB_footer .footermnZone .ft_menuList li { float:left; display:inline-block; }
#IB_footer .footermnZone .ft_menuList li a {float:left;padding: 0px 10px 0px 11px;display:inline-block;}
#IB_footer .footermnZone .ft_menuList li:first-child a { background:none; margin-left:0; }
#IB_footer .copyright {color:#a5a5a5;font-size:11px;padding: 2px 0 2px 30px;display:inline-block; }



/*관계사소식*/
.recom_NewsWrap { border-radius:5px;}
.News_titleLine { background:#3160a8; border-top-left-radius:5px; border-top-right-radius:5px; position:relative; }
.News_titleLine h3 { padding:12px 15px 10px;  letter-spacing:-0.04em; color:#fff; font-size:16px; }
.News_titleLine h3, .News_titleLine h3 strong, .News_titleLine h3 a { vertical-align:middle; }
.News_titleLine .rdmore_btn { background:url(../images/main/btn_more.png) no-repeat; width:22px; height:22px; display:inline-block; vertical-align:middle; margin-left:6px; opacity:0.85; }
.News_titleLine .rdmore_btn em { display:none; }
.News_titleLine .newsCountZone { display:inline-block; position:absolute; right:15px; top:12px; color:#fff; }
.newsCountZone span, .newsCountZone em, .newsCountZone strong { vertical-align:middle; font-weight:normal; font-size:11px; }
.newsCountZone .catename { margin-right:4px; }
.newsCountZone .count { display:inline-block; border-radius:10px; background:#ccc; padding:0px 4px; min-width:10px; line-height:14px; vertical-align:middle; text-align:center; font-weight:normal; font-size:10px;color:#525252;  }
.newsCountZone .count.newup { background:#e5493a; color:#fff; }

.recom_NewsWrap .mtab_st01 { border-bottom:#b5c3d8 solid 1px; border-left:#bbd8ff solid 1px; border-right:#bbd8ff solid 1px; background:#deebff; height:35px; }
.recom_NewsWrap .mtab_st01 ul {  float:none; *zoom:1;  height:36px; box-sizing:border-box; overflow:hidden; }
.recom_NewsWrap .mtab_st01 ul:after { content:""; display:block; clear:both; height:0; }
.recom_NewsWrap .mtab_st01 ul li { float:left!important; margin:0 0px 0 15px; box-sizing:border-box; height:36px; padding:13px 5px 11px; letter-spacing:0em; line-height:1; color:#7f8a9a; font-size:12px; display:inline-block; font-weight:bold;  }
.recom_NewsWrap .mtab_st01 ul li.current {  border-bottom:#3160a8 solid 4px; padding:10px 5px 13px; color:#091e43;font-size:13px; }

.recom_NewsList { background:#deebff; border:#bbd8ff solid 1px; border-top:none; padding:5px 15px 30px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
.recom_NewsBox { padding:5px 0px 0px; }
.recom_NewsBox dt { float:left; width:52px; padding-top:2px; }
.recom_NewsBox dt span { width:42px; display:inline-block; clear:both; text-align:center; margin-bottom:3px; font-size:11px; line-height:1; padding:2px 0; padding:3px 0px 1px\0/IE8+9; letter-spacing:-0.1em; box-sizing:border-box; }
.recom_NewsBox .boardState { background:#fff; color:#0366d6; border-radius:3px; }
.recom_NewsBox .typeNotice { background:#f6695f; color:#fff; border-radius:2px; font-weight:bold; letter-spacing:0; }
.recom_NewsBox dd { width:auto; overflow:hidden; }
.recom_NewsBox .conBox { overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; line-height:1.4; font-size:13px; width:100%; white-space: nowrap; }
.recom_NewsBox .conBox strong { font-weight:bold; color:#de2029; }
.recom_NewsBox .conBox span { font-weight:bold; color:#004cd6; }
.recom_NewsBox .relcominfo { color:#172b4d; font-size:13px; /* margin-top:2px; margin-bottom:3px; */ }


/*영업정보/코멘트*/
.busi_infoWrap { border-radius:5px; background:#fff;}
.busi_infoList { padding:0 15px 32px; }
.busi_infoBox { margin-top:10px; }
.busi_infoBox .info_type_cway { font-weight:bold; border:none; background:#dfe1e6; font-size:11px; color:#253858; padding:3px 4px; padding:4px 4px 2px\0/IE8+9; line-height:1 !important; margin-right:4px; display:inline-block; letter-spacing:-0.02em; border-radius:2px; }
.busi_infoBox .info_type_c1 { color:#0052cc; margin-right:4px; font-size:11px; letter-spacing:0em!important; font-weight:bold; }
.busi_infoBox .info_type_c2 { color:#23a1e4; margin-right:4px; letter-spacing:0em!important; font-weight:bold; }
.busi_infoBox .conBox { max-height:40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  word-wrap: break-word; text-overflow: ellipsis; }
.busi_infoBox .writeinfo .writer { border-left:#cfcfcf solid 1px; padding-left:8px; }


/*전자결재*/
.elect_approWrap { border-radius:5px; background:#fff;}
.elect_approWrap .labelsetLine { background:#3160a8; }
.elect_approList { padding:0 15px 32px; }
.elect_approBox { margin-top:10px; }
.elect_approBox dt { float:left; width:62px; padding-top:1px; }
.elect_approBox dt span { width:52px; display:inline-block; clear:both; border-radius:3px; text-align:center; margin-bottom:3px; font-size:11px; line-height:1; padding:3px 0; letter-spacing:-0.04em; }
.elect_approBox .e_docState { background:#f1f8ff; color:#0366d6; }
.elect_approBox .e_docBox { background:#f8f8f8; color:#6c6c6c; }
.elect_approBox dd { width:auto; overflow:hidden; }
.elect_approBox .e_doctype { color:#7e899d; font-size:11.5px; margin-bottom:2px; }
.elect_approBox .conBox { overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; line-height:1.4; font-size:13px; width:100%; white-space: nowrap; }
.elect_approBox .conBox span { line-height:1.4; }


/*전체게시판*/
.all_boardWrap { border-radius:5px; background:#fff; }
.all_boardWrap .labelsetLine { background:#1481c4; }
/* .all_boardList { padding:15px 8px 32px; } */
.all_boardList .bg_notice { background:#fffced; }
.all_boardList .bg_notice .all_boardBox { padding:7px 7px 7px; }
.all_boardList .bg_notice + .all_boardBox { padding-top:12px; }
.all_boardBox { padding:15px 7px 0px; }
.all_boardBox dt { float:left; width:52px; padding-top:2px; }
.all_boardBox dt span { width:42px; display:inline-block; clear:both; text-align:center; margin-bottom:3px; font-size:11px; line-height:1; padding:2px 0; padding:3px 0px 1px\0/IE8+9; letter-spacing:-0.04em; box-sizing:border-box; }
.all_boardBox .boardtype { border:#9aaacc solid 1px; background:#eef2f8; color:#3d5da1; }
.all_boardBox .typeNotice { background:#f6695f; color:#fff; border-radius:2px; font-weight:bold; letter-spacing:0; }
.all_boardBox dd { width:auto; overflow:hidden; }
.all_boardBox .conBox { max-height:40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  word-wrap: break-word; text-overflow: ellipsis; }


/*업무일지/일정*/
.note_workWrap { border-radius:5px; background:#fff;}
.note_workWrap .labelsetLine { background:#14a2c4; }

.note_workWrap .selectDayBox { background:#f2f5f9; border:#f2f5f9 solid 1px; margin-left:15px; margin-right:15px; margin-top:10px; }
.note_workWrap .selectDayBox span { color:#091e42; }
.note_workWrap .selectDayBox em { color:#091e42; }
.note_workWrap .selectDayBox .btn_pre { background:url(../images/main/btn_prev.png) no-repeat center center; }
.note_workWrap .selectDayBox .btn_next { background:url(../images/main/btn_next.png) no-repeat center center; }

.note_workList { padding:10px 8px 0px; }
.note_workList li { margin:0 0 0 0; }
.note_workBox { position:relative; padding:4px 50px 10px 7px; }
.note_workBox .conBox { overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; line-height:1.4; font-size:12.5px; white-space: nowrap; padding:0 0 1px 25px; position: relative; }
.note_workBox .conBox .time { margin-right:12px;vertical-align:middle; line-height:14px; font-style:oblique; color:#738491; }

.note_workBox .fr_block .state_date { color:#e8702e; text-align:right; }

.note_workBox .conBox input.chst[type="checkbox"] + label { position:absolute; top:5px; }
.note_workBox .state_icon { position:absolute; right:7px; top:8px; font-weight:bold; background:#ffd351; border:#f6c943 solid 1px; color:#fff; font-size:11px; padding:1px 4px; padding:2px 4px 1px\0/IE8+9; line-height:1 !important; margin-right:4px; display:inline-block; letter-spacing:-0.02em; border-radius:3px; }
.note_workBox .writeinfo { padding-left:24px; line-height:1; font-size:12px; }
.note_workBox .state_icon.finish { background:#c7c7c7; border:#bebebe solid 1px; }
.note_workBox .state_icon.preplan { background:#63ba3c; border:#56ab30 solid 1px; }
.note_workBox .state_icon.delay { background:#ffd351; border:#f6c943 solid 1px; color:#59432a; }
.note_workBox .state_icon.ing { background:#4a6785; border:#3f5c7a solid 1px; }
.note_workBox:hover { background:#f6f6f6; }
.note_workBox:hover .btn_modify_con, .note_workBox:hover .btn_delete_con { display:inline-block; }


/*업무메모*/
.work_memoWrap { border-radius:5px; background:#fff; }
.work_memoWrap .labelsetLine { background:#d94600; }
.work_memoWrap .labelsetLine h3 { background:transparent; }

.work_memoWrap .selectDayBox { background:#e6e9ed; border:#e6e9ed solid 1px; margin-left:15px; margin-right:15px; margin-top:10px; }
.work_memoWrap .selectDayBox span { color:#091e42; }
.work_memoWrap .selectDayBox em { color:#091e42; }
.work_memoWrap .selectDayBox .btn_pre { background:url(../images/main/btn_prev.png) no-repeat center center; }
.work_memoWrap .selectDayBox .btn_next { background:url(../images/main/btn_next.png) no-repeat center center; }

.work_memoList { padding:0px 12px 5px; }
.work_memoList li { margin:0 0 0 0; }
.work_memoBox { float:none; *zoom:1; box-sizing:border-box; overflow:hidden; padding:8px 10px; margin-top:6px; }
.work_memoBox:after { content:""; display:block; clear:both; height:0; }
.work_memoBox.n_read { background:#f5f9ff; border-radius:5px; }

.memo_d_title { background:url(../images/main/bg_linepin.png) repeat-x 0 center; margin:15px 0 20px; text-align:center; }
.memo_d_title span { background:#f3f3f3; padding:0 9px; font-size:11px; color:#586d96; }

.work_memoBox dt { float:left; width:40px; position:relative; }
.work_memoBox dd { width:auto; overflow:hidden; position:relative; padding-right:10px; }
.work_memoBox .memoinfo { margin-bottom:5px; font-size:11px; color:#888888; }
.work_memoBox .conBox {max-height:40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2;  -webkit-box-orient: vertical;  word-wrap: break-word; text-overflow: ellipsis; font-size:12.5px; line-height:1.5; }
.work_memoBox .writeinfo { line-height:1; font-size:11px; margin-top:8px; }
.work_memoBox .writeinfo .date { margin-right:5px;}
.work_memoBox .writeinfo .time { margin-right:3px; }
.work_memoBox .writeinfo .icon_clip { margin-right:4px; }

.work_memoBox .pic { background:url(../images/common/bg_profile_gnb2.png) no-repeat center center; width:25px; height:25px; display:inline-block; background-size:23px 23px; }
.work_memoBox .pic img { width:25px; height:25px; border-radius:25px; }
.work_memoBox .icon_important_L1, .work_memoBox .icon_important_L2, .work_memoBox .icon_important_L3 { margin-left:5px; }
.work_memoBox .contact_from { margin-left:4px; }
.work_memoBox .icon_count_em { background:url(../images/work/icon_count_em.gif) no-repeat 2px center; padding:0px 2px 0px 9px; border:#c0c5c9 solid 1px; border-radius:2px; height:11px; margin-left:5px; font-size:10px;line-height:11px; color:#a6adb3; vertical-align:middle; overflow:hidden; display:inline-block;  }
/* position:absolute; right:3px; top:3px; */
.work_memoBox .icon_secret { margin-right:4px; }

.btn_star_ck { background:url(../images/main/btn_star.png) no-repeat 0 0; width:26px; height:25px; display:inline-block; position:absolute; left:0; top:30px; }
.btn_star_ck em { display:none; }
.btn_star_ck.on { background:url(../images/main/btn_star_on.png) no-repeat 0 0; }
.btn_pin_ck { background:url(../images/main/btn_pin.png) no-repeat 0 0;  width:14px; height:15px; display:inline-block; position:absolute; right:0; top:1px; }
.btn_pin_ck em { display:none; }

.btn_star_ck2 { background:url(../images/main/btn_star.png) no-repeat 0 0; width:26px; height:25px; display:inline-block; position:fixed; right:0; top:5px; }
.btn_star_ck2 em { display:none; }
.btn_star_ck2.on { background:url(../images/main/btn_star_on.png) no-repeat 0 0; }
.btn_pin_ck2 { background:url(../images/main/btn_pin.png) no-repeat 0 0;  width:14px; height:15px; display:inline-block; position:absolute; right:0; top:1px; }
.btn_pin_ck2 em { display:none; }


/*조직도/근태*/
.org_attenWrap { border-radius:5px; background:#fff;}
.org_attenWrap .labelsetLine { background:#d94600; }
.org_attenWrap .labelsetLine h3 { background:transparent; }

.org_attenWrap .tnavi_title { position:relative; background:url(../images/work/p_org_title.png) no-repeat 16px 3px; padding:0px 15px 12px 41px ; vertical-align:middle; }
.org_attenWrap .tnavi_title select { background:none; width:100%; }
.org_attenWrap .tnavi_title span {  font-weight:bold; color:#383838; font-size:14px; letter-spacing:-0.02em; vertical-align:middle; margin-right:7px; }
.org_attenWrap .tnavi_title span, .org_attenBox .tnavi_title input { vertical-align:middle; }
.org_attenWrap .tnavi_treezone { padding:12px 15px 15px 18px; /*background:url(../images/work/bg_treeline.gif)no-repeat 30px -7px;*/ }
/* .schedule_module .module_conBox { padding-left:5px; border-left:none!important; } */
.org_presentBox { background:#f1f8ff; color:#0366d6;clear:both; border-radius:3px; text-align:center; margin-left:6px; font-size:11px; line-height:1; padding:3px 0; letter-spacing:-0.04em; }
.org_memoBox2 {  background:url(../images/main/btn_memo_icon2.png) no-repeat 0 center;width:16px; height:14px; overflow:hidden; margin-left:3px; vertical-align:middle; }

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.board_mbs_list .info_type_cway { padding:3px 2px 1px; }
.board_mbs_list .app_state .icon { padding:4px 2px 2px; }

}

/*hover 도움말*/
.explain_tooltip { position:relative; }
.explain_tooltip .tooltip_box { display:none; position:relative;background:#fff; box-shadow: 0 1px 10px rgba(0,0,0,.125), 0 1px 15px rgba(0,0,0,.2);border-radius:4px; z-index:1; position:absolute; text-align:left; }
.explain_tooltip:hover .tooltip_box { display:block;  }
.explain_tooltip .tooltip_box span.intext { display:block; color:#737373; }
.explain_tooltip em.edge_leftmiddle { position:absolute; top:50%; left:0; width:6px; height:11px; margin-left:-6px; margin-top:-6px; background:url(../images/common/bg_layer_edge2.gif) no-repeat 0 0; font-size:0; }
.explain_tooltip em.edge_topcenter { position:absolute; top:0px; left:50%; width:11px; height:6px; margin-top:-6px; margin-left:6px; background:url(../images/common/bg_layer_edge.gif) no-repeat 0 0; font-size:0; display:inline-block; }
.explain_tooltip em.edge_topleft { position:absolute; top:0px; width:11px; height:6px; margin-top:-6px; margin-left:12px; background:url(../images/common/bg_layer_edge.gif) no-repeat 0 0; font-size:0; display:inline-block; }
.explain_tooltip #relationLevel { padding:5px; font-size:11px; letter-spacing:-1px; width:295px; margin-left:-158px; margin-top:23px; left:0; top:0; } /*친밀도설명*/
.explain_tooltip #showattendance { padding:5px; font-size:11px; letter-spacing:-1px; width:180px; margin-left:-98px; margin-top:23px; left:0; top:0; }
.explain_tooltip .tooltip_box.wrap_autoscroll { padding:10px; font-size:12px; letter-spacing:-0.05em; width:100%; margin-left:0px; margin-top:12px; left:0; top:0; line-height:1.4; word-break: break-all; } /*메모미리보기*/
.explain_tooltip #leader_ex { padding:5px; font-size:11px; letter-spacing:-1px; width:145px; margin-left:-12px; margin-top:18px; left:0; top:0;  }
.explain_tooltip .tooltip_box .closebtn { position:absolute; right:7px; top:10px; }
.explain_tooltip .tooltip_box:before {border: solid transparent;border-bottom-color: #ddd;content: ' ';height: 0;pointer-events: none;position: absolute;left:10px;top: -12px;width: 0;}
.explain_tooltip .tooltip_box:after {border: solid transparent;border-bottom-color: #fff;content: ' ';height: 0;pointer-events: none;position: absolute;left: 10px;top: -10px;width: 0;}
.explain_tooltip .tooltip_box:before {border-width: 6px;}
.explain_tooltip .tooltip_box:after {border-width: 5px;}

/*클릭 도움말*/
/* .tooltip { position:relative; }
.tooltip .tooltip_box { background:#fff; border:#888 solid 1px; box-shadow:5px 5px 3px rgba(0, 0, 0, 0.3); z-index:1; position:absolute; font-weight:normal; }
.tooltip h3.title { color:#3456b1; font-weight:bold; margin-bottom:10px; text-align:left; }
.tooltip h3.titleLine { border-bottom:#939fad solid 2px; color:#3456b1; margin-bottom:12px; padding-bottom:7px; }
.tooltip .intext { display:block; color:#737373;}
.tooltip .membertoolList li { line-height:1.8; letter-spacing:-0.05m; color:#555; font-size:11px; }
.tooltip .membertoolList li a:hover, .tooltip #member_tool .membertoolList li a:active, .tooltip #member_tool .membertoolList li a:focus  { text-decoration:underline; }
.tooltip em.edge_leftmiddle { position:absolute; top:50%; left:0; width:6px; height:11px; margin-left:-6px; margin-top:-6px; background:url(../images/common/bg_layer_edge2.gif) no-repeat 0 0; font-size:0; }
.tooltip em.edge_lefttop { position:absolute; top:30px; left:0; width:6px; height:11px; margin-left:-6px; background:url(../images/common/bg_layer_edge2.gif) no-repeat 0 0; font-size:0; }
.tooltip em.edge_topcenter { position:absolute; top:0px; left:50%; width:11px; height:6px; margin-top:-6px; margin-left:6px; background:url(../images/common/bg_layer_edge.gif) no-repeat 0 0; font-size:0;  }
.tooltip em.edge_topleft { position:absolute; top:0px; left:0; width:11px; height:6px; margin-top:-6px; margin-left:16px; background:url(../images/common/bg_layer_edge.gif) no-repeat 0 0; font-size:0;  }
.tooltip em.edge_topright { position:absolute; top:0px; right:0; width:11px; height:6px; margin-top:-6px; margin-right:16px; background:url(../images/common/bg_layer_edge.gif) no-repeat 0 0; font-size:0;  }
.tooltip em.edge_bottomcenter { position:absolute; bottom:-6px; left:50%; width:11px; height:6px; margin-top:6px; margin-left:-6px; background:url(../images/common/bg_layer_edge3.gif) no-repeat 0 0; font-size:0;  }
.tooltip .p_title { color:#3456b1; font-weight:bold; margin-bottom:10px; text-align:left; }

.tooltip .closebtn { position:absolute; right:15px; top:15px; }
.tooltip .closebtn_s { position:absolute; right:6px; top:6px; }
.tooltip .excerption { font-size:11px; color:#898989; margin-top:15px; margin-bottom:5px; padding-top:8px; border-top:#dadada solid 1px; }

.tooltip #member_tool { padding:10px 20px 10px 10px; right:0px; top:0; width:95px; margin-right:-138px; margin-top:-60px; } 멤버툴
.tooltip #CompanyOverview { padding:15px 20px 15px 15px; right:0px; top:0; width:400px; margin-right:-180px; margin-top:23px; } 기업개요
.tooltip #recompeopleList { padding:15px 15px 15px 15px; width:320px; margin-left:-165px; margin-top:3px; } 관련인물추천

.tooltip #comnameHistory { padding:10px; right:0px; top:0; width:180px; margin-right:-83px; margin-top:23px;  } 회사명 변경내역
.tooltip #ceonameHistory { padding:10px; right:0px; top:0; width:180px; margin-right:-83px; margin-top:23px;  } 대표이사 변경내역
.tooltip #helpVacation { padding:15px 20px 15px 15px; right:0px; top:0; width:350px; margin-top:23px; } 휴가안내도움말
.tooltip #helpEducation { padding:15px 20px 15px 15px; right:0px; top:0; width:320px; margin-top:23px; margin-right:-88px; } 출근인정도움말
.tooltip #nowCarState { padding:15px 20px 30px 15px; right:0px; top:0; width:350px; margin-top:23px; } 차량사용현황
.tooltip #joinMemberList { padding:0px; left:0px; top:0; width:450px; margin-top:33px; } 참여자수신확인목록
.tooltip #caruseMemberList { padding:0px; left:0px; top:0; width:450px; margin-top:33px; } 차량조회현황
.tooltip #help_holidayrule { padding:15px 20px 15px 15px; left:0px; top:0; width:350px; margin-top:23px; } 휴가안내도움말
.tooltip #attendanceBox { left:50%; bottom:25px; width:450px; margin-left:-225px; }
.tooltip .min_footer { border-top:#dadada solid 1px; margin-bottom:10px; }
.tooltip .wrap_autoscroll { overflow-y:auto; overflow-x:hidden; max-height:420px; padding:15px 20px 20px 15px; }
.tooltip .wrap_autoscroll2 { overflow-y:auto; overflow-x:hidden; max-height:220px; padding:15px 20px 10px 15px; }
.tooltip #helpProMgmt { font-size:12px; padding:15px 20px 15px 15px; left:0px; top:0; width:350px; margin-top:18px; margin-left:-220px; } 프로젝트도움말

 */

/*사진비율추가*/
.photo_aspect {display:inline-block; }
.photo_aspect.aspect_1_1 { width:82px; height:82px; } /* 메인프로필 */
.photo_aspect.aspect_1_1_2 { width:30px; height:30px; border-radius:30px; /* box-shadow:1px 1px 1px 1px #b8b8b8; */ vertical-align:middle; } /* gnb프로필 */
.photo_aspect.aspect_1_1_3 { width:48px; height:48px; border-radius:48px; /* box-shadow:1px 1px 1px 1px #b8b8b8; */ vertical-align:middle; } /* 프로젝트사진 */
.photo_aspect.aspect_1_1_4 { width:63px; height:63px; border-radius:50%; /* box-shadow:1px 1px 1px 1px #b8b8b8; */ vertical-align:top; } /* 프로필박스사진 */
.photo_aspect.aspect_3_4 { width:127px; height:169px; } /* 이력서 */
.photo_aspect.aspect_wild { height:130px; } /* 자산등록 */
.photo_aspect img {max-width:100%;height:auto;}

/*화면 우측 따라다니는메뉴*/
.sideBanner {position: fixed; right:20px; bottom:20px;text-align:center;}


/* Tablet & Desktop Device */
@media all and (min-width:1440px){
/*사용자 해상도가 768px 이상일 때 이 코드가 실행됨. 테블릿과 데스크톱의 공통 코드를 작성한다.*/

}

/* Tablet Device */
@media all and (min-width:1440px) and (max-width:1940px){
/*사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행됨. 아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성한다.*/

}

/* Desktop Device */
@media all and (min-width:1940px){
/*사용자 해상도가 1025px 이상일 때 이 코드가 실행됨. 1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.*/

}