/* ==========================================================================
    style
=========================================================================== */
.photo {
    background: url('../../images/portal/sp/icon.png') no-repeat -120px -388px;
}

/* 사진미등록시 */
.photo.s100 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50px;
    overflow: hidden;
    background-position: 0 -388px;
    display: inline-block;
}

.photo.s100 img {
    width: 100px;
}

.photo.s50 {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    overflow: hidden;
    background-position: -220px -388px;
    display: inline-block;
}

.photo.s50 img {
    width: 50px;
}

.photo.s80 {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 40px;
    overflow: hidden;
    background-position: -120px -388px;
    display: inline-block;
}

.photo.s80 img {
    width: 80px;
}

.photo.group {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    overflow: hidden;
    background-position: -288px -388px;
    display: inline-block;
}

.link_profile {
    cursor: pointer;
}

/* selelct 디자인 게시판 검색영역*/
.select_type {
    display: inline-block;
    position: relative;
}

.select_type .ex_select {
    display: inline-block;
    width: 170px;
    border: 2px solid #c4c4c4;
    border-radius: 3px;
    height: 22px;
    line-height: 22px;
    text-align: left;
    padding-left: 8px;
    padding-right: 30px;
    vertical-align: middle;
    font-size: 14px;
    background: #fff url('../../images/portal/sp/bul_left.png') no-repeat 100% -883px;
}

.select_type .ex_select.on {
    border: 2px solid #ff0000;
    border-bottom: 2px solid transparent;
    border-radius: 3px 3px 0 0;
    background-position: 100% -920px
}

.select_type #ex_select {
    display: none;
    z-index: 999;
    text-align: left;
    font-size: 14px;
    position: absolute;
    top: 26px;
    left: 0;
    background-color: #fff;
    width: 329px;
    border: 2px solid #ff0000;
    border-top: 0;
    padding: 2px 0 10px;
    border-radius: 0 0 3px 3px;
    background: #fff url('../../images/portal/common/disign_select.png') no-repeat 0 0;
}

.select_type #ex_select li > a {
    display: block;
    line-height: 31px;
    padding-left: 8px;
}

.select_type #ex_select li > a:hover {
    background-color: #ececec
}

.select_type #ex_select li.inTxt {
    padding-left: 8px;
    padding-top: 5px;
}

.select_type #ex_select .dateCh {
    margin-top: 5px;
}

.select_type a:hover {
    text-decoration: none;
}

/* owl-carousel 롤링 */
.owl-carousel {
    width: 100%;
}

.owl-carousel .owl-wrapper {
    position: relative;
}

/* helpLayer추가 */
.helpLayer {
    width: 100%;
    height: 100%;
    background: url(../../images/portal/common/helpLayer_bg.png) repeat 0 0;
    z-index: 9999;
    position: absolute;
    min-width: 1280px;
}

.helpLayer .top {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 1;
}

.helpLayer .port {
    position: absolute;
    top: 98px;
    left: 50%;
    margin-left: -160px;
    z-index: 999;
}

.helpLayer .box {
    position: absolute;
    top: 350px;
    left: 50%;
    margin-left: -149px;
    width: 298px;
    height: 105px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 6px;
    text-align: center;
}

.helpLayer .box .chkIn {
    margin-top: 20px;
    font-family: 'NanumGothicBold';
}

.helpLayer .box .chkBtn {
    margin-top: 15px
}

.helpLayer .bot {
    position: absolute;
    bottom: 24px;
    left: 50%;
    margin-left: -268px;
}


/* 퀵메뉴 */
#quickMenu {
    position: fixed;
    top: 43px;
    right: 0;
    z-index: 999;
}

#quickMenu.under7 {
}

#quickMenu .quickW {
    position: relative;
}

#quickMenu .btnQuick {
    float: left; /*margin-top:330px;*/
    top: 330px;
    position: relative;
    background: url('../../images/portal/sp/icon_blue.png') no-repeat -105px -262px;
    width: 31px;
    height: 109px;
    overflow: hidden;
    line-height: 999px;
}

#quickMenu.under7 .btnQuick {
    margin-top: 130px
}

/* 768이하 */
#quickMenu .quickarea {
    float: left;
    width: 10px;
    background: #1e0e44;
    overflow: hidden;
}

#quickMenu .bgQuick {
    width: 231px;
    background: url('../../images/portal/sp/quick_blue.png') no-repeat 0 0;
    padding-bottom: 10px;
}

#quickMenu .quickarea .memInfo {
    padding: 10px 0 6px 0;
    clear: both;
    overflow: hidden;
    width: 216px;
    border-bottom: 1px solid #4667b4;
    margin-left: 18px
}

#quickMenu .quickarea .memInfo .photo {
    float: left;
}

#quickMenu .quickarea .memInfo .nameInfo {
    float: left;
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
}

#quickMenu .quickarea .memInfo .name {
    font-size: 16px;
    font-family: 'NanumGothicBold';
    width: 73px;
    margin-left: 8px;
    margin-top: 8px;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
}

#quickMenu .quickarea .bgQuick .team {
    font-size: 14px;
    color: #fff;
    padding-left: 18px;
    margin-top: 6px
}

#quickMenu .quickarea .bgQuick .team div {
    line-height: 17px
}

#quickMenu .quickarea .btn_logout {
    background: url('../../images/portal/sp/ico_com.png') no-repeat -150px -216px;
    width: 35px;
    height: 35px;
    font-size: 0;
    margin-top: 8px;
}

#quickMenu .quickarea .btn_myset {
    background: url('../../images/portal/sp/ico_com.png') no-repeat -187px -216px;
    width: 35px;
    height: 35px;
    font-size: 0;
    margin-top: 8px;
}

#quickMenu .quickarea .outtimeInfo {
    margin-top: 3px;
    clear: both;
    overflow: hidden;
    padding-left: 18px;
    width: 213px;
}

#quickMenu .quickarea .outtimeInfo .timeInfo {
    display: inline-block;
    color: #fff;
    margin-bottom: 5px;
}

#quickMenu .quickarea .outtimeInfo .time {
    font-size: 24px;
    color: #ffea01;
    font-family: 'NanumGothicBold';
    line-height: 32px;
    margin-left: 12px
}

#quickMenu .quickarea .outtimeInfo .time i {
    font-size: 12px;
    font-style: normal;
    margin: 0 2px 0 1px;
}

#quickMenu .quickarea .outtimeInfo .btn_logoutStay {
    background: url('../../images/portal/common/bg_quick01.png') repeat 0 0;
    width: 196px;
    height: 32px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    margin-top: 9px;
}

#quickMenu .quickarea .box {
    padding: 8px 0 2px;
    margin: 10px;
    background-color: #252a5a;
    border-radius: 3px;
    width: 211px
}

#quickMenu .quickarea .tit {
    color: #fff;
    font-family: 'NanumGothicBold';
    font-size: 14px;
    text-align: center;
    position: relative;
    padding-bottom: 7px;
}

#quickMenu .quickarea .tit.line {
    border-bottom: 1px solid #1e0e44;
    padding-bottom: 8px
}

#quickMenu .quickarea .btn_set {
    position: absolute;
    top: 0;
    right: 16px;
    background: url('../../images/portal/sp/main.png') no-repeat -74px 0;
    width: 19px;
    height: 19px;
    overflow: hidden;
    line-height: 999px
}

#quickMenu .quickarea .memSearch {
    padding-bottom: 9px;
}

#quickMenu .quickarea .memSearch .memSearchW {
    border-radius: 5px;
    background-color: #676a8c;
    height: 16px;
    padding: 8px;
    margin: 0 13px
}

#quickMenu .quickarea .memSearch .memSearchW input {
    background-color: transparent;
    border: none;
    color: #fff;
    width: 148px;
    outline: none;
}

#quickMenu .quickarea .memSearch .memSearchW .btn_search {
    background: url('../../images/portal/sp/main.png') no-repeat -49px 0;
    width: 15px;
    height: 16px;
    font-size: 0;
    vertical-align: top;
}

#quickMenu .quickarea .listW {
    padding: 0 13px 0;
    height: 113px;
}

#quickMenu .quickarea .bookMarkW {
    height: 175px
}

#quickMenu .quickarea .bookMarkW .listW li {
    position: relative;
    background: url('../../images/portal/common/bg_quick01.png') repeat 0 0;
    margin-top: 3px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    border-radius: 4px
}

#quickMenu .quickarea .bookMarkW .listW li:first-child {
    margin-top: 7px;
}

#quickMenu .quickarea .bookMarkW .listW li a {
    display: block;
    color: #fff;
    font-size: 13px;
    box-sizing: border-box;
    padding-left: 6px;
    padding-right: 18px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#quickMenu .quickarea .bookMarkW .listW li .arr {
    position: absolute;
    top: 5px;
    right: 10px;
    background: url('../../images/portal/sp/main.png') no-repeat -109px 0;
    width: 7px;
    height: 15px;
}

#quickMenu .quickarea .membookMarkW {
    height: 230px;
}

#quickMenu .quickarea .membookMarkW .listW {
    margin-top: 10px;
    height: 165px
}

#quickMenu .quickarea .membookMarkW li {
    position: relative;
    padding-right: 17px;
    border-bottom: 1px solid #323763;
    padding-left: 4px;
}

#quickMenu .quickarea .membookMarkW li:first-child {
    border-top: none
}

#quickMenu .quickarea .membookMarkW li.on {
    background: #181b3b;
    border-top: 0;
    padding-bottom: 10px;
    border-radius: 4px
}

#quickMenu .quickarea .membookMarkW li > a {
    display: block;
    color: #fff;
    clear: both;
    overflow: hidden;
    line-height: 30px;
}

#quickMenu .quickarea .membookMarkW li > a:hover {
    text-decoration: none;
}

#quickMenu .quickarea .membookMarkW li > a > span {
    display: block;
    float: left;
    width: 50%;
    box-sizing: border-box;
    height: 30px;
    color: #fff;
    opacity: .6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#quickMenu .quickarea .membookMarkW li.on > a > span {
    opacity: 1;
}

#quickMenu .quickarea .membookMarkW li > a > span.team {
    padding-left: 11px;
    background: url('../../images/portal/common/quick_line.png') no-repeat 0 10px;
}

#quickMenu .quickarea .membookMarkW li em {
    font-size: 14px
}

#quickMenu .quickarea .membookMarkW li .arr {
    display: block;
    position: absolute;
    top: 13px;
    right: 8px;
    background: url('../../images/portal/sp/main.png') no-repeat -159px -5px;
    width: 9px;
    height: 6px;
}

#quickMenu .quickarea .membookMarkW li.on .arr {
    background-position: -130px -3px;
}

#quickMenu .quickarea .membookMarkW .quick_btn {
    padding-top: 10px;
}

#quickMenu .quickarea .membookMarkW .quick_btn a {
    display: inline-block;
    vertical-align: top;
    background: url('../../images/portal/sp/main.png') no-repeat -103px -47px;
    overflow: hidden;
    line-height: 999px;
    margin: 0 10px;
}

#quickMenu .quickarea .membookMarkW .quick_btn a:first-child {
    margin-left: 13px;
}

#quickMenu .quickarea .membookMarkW .quick_btn .mail {
    width: 19px;
    height: 16px;
}

#quickMenu .quickarea .membookMarkW .quick_btn .msg {
    width: 19px;
    height: 18px;
    background-position: -184px -47px;
}

#quickMenu .quickarea .membookMarkW .quick_btn .location {
    width: 16px;
    height: 21px;
    background-position: -145px -45px;
}

#quickMenu .quickarea .membookMarkW .quick_btn .org {
    width: 15px;
    height: 19px;
    background-position: -230px -46px;
}


#quickMenu .quickarea .pageWrap {
    margin: 7px auto 0;
    text-align: center;
}

#quickMenu .quickarea .pageWrap .selected,
#quickMenu .quickarea .pageWrap a:hover {
    text-decoration: none;
    background: transparent;
    color: #fff !important;
}

#quickMenu .quickarea .pageWrap a {
    color: #8f8f8f;
    font-family: 'NanumGothic';
    font-size: 14px;
    border: none;
    border-radius: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

#quickMenu .quickarea .pageWrap .pagination-prev {
    background: url('../../images/portal/sp/ico_com.png') no-repeat -88px -320px !important;
    width: 20px;
    height: 20px;
    font-size: 0 !important;
}

#quickMenu .quickarea .pageWrap .pagination-next {
    background: url('../../images/portal/sp/ico_com.png') no-repeat -110px -291px !important;
    width: 20px;
    height: 20px;
    font-size: 0 !important;
}

/*#glayLayer{display:none;	position:fixed;left:0;top:0;height:100%;width:100%;background:black;	filter:alpha(opacity=0);	opacity: 0;z-index:998	}*/

.locationWrap {
    background: url('../../images/portal/common/bg_location.png') no-repeat center 0;
    height: 42px;
}

.locationW {
    width: 1240px;
    margin: 0 auto;
    position: relative;
}

.locationWrap .location {
    width: 1240px;
    margin: 0 auto;
    clear: both;
}

.locationWrap .location .home {
    width: 127px;
}

.locationWrap .location .home span {
    background: url('../../images/portal/sp/common.png') no-repeat 0 12px;
    padding-left: 30px;
    display: inline-block;
}

.locationWrap .location > li {
    float: left;
    position: relative;
    padding: 0 27px 0 0;
    background: url('../../images/portal/common/bg_locationarr.png') no-repeat 100% 0;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    min-width: 127px;
}

.locationWrap .location > li.last {
    background: url('../../images/portal/common/bg_locationarrLast.png') no-repeat 100% 0;
}

.locationWrap .location > li > a {
    background: url('../../images/portal/sp/bul_left.png') no-repeat 100% -738px;
    display: block;
    padding: 0 20px 0 20px;
    max-width: 330px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 42px;
}

.locationWrap .location > li.on > a {
    color: #c30100;
    font-family: 'NanumGothicBold';
    background-position: 100% -702px;
}

.locationWrap .location .locationdep {
    position: absolute;
    left: -21px;
    top: 40px;
    width: 100%;
    background: #fafafa;
    border: 1px solid #8896a1;
    border-radius: 0 0 3px 3px;
    border-top: 0;
    z-index: 999;
    display: none;
}

.locationWrap .location .locationdep li a {
    text-align: left;
    display: block;
    padding-left: 17px;
    padding-right: 20px;
    height: 32px;
    line-height: 32px
}

.locationWrap .location .locationdep li a:hover {
    background: url('../../images/portal/sp/bul_left.png') no-repeat 100% -774px
}

.locationW .btnarea {
    position: absolute;
    right: 10px;
    top: 0;
}

.locationW .btnarea a.bookmark {
    display: block;
    background-position: -290px -50px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    line-height: 9999px;
    margin-top: 10px
}

.locationW .btnarea a.bookmark.on {
    background-position: -260px -50px;
}

.lnb .lnbmenu {
    border: 1px solid #dadada;
    border-radius: 3px;
}

.lnb .lnb_menuW {
    width: 180px;
    border: 1px solid #dadada;
    border-top: 0;
    padding: 0 10px;
    min-height: 450px;
}

.lnb .boardCh {
    clear: both;
    overflow: hidden;
    border: 1px solid #dadada;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
}

.lnb .boardCh a {
    display: block;
    float: left;
    height: 33px;
    border-radius: 0 6px 0 0;
    text-align: center;
    line-height: 33px;
    width: 50%;
    font-size: 14px;
    color: #7e7e7e;
    background-color: #f1f1f1;
    box-sizing: border-box;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

.lnb .boardCh a:hover {
    text-decoration: none;
}

.lnb .boardCh a:first-child {
    border-left: 0;
    border-radius: 6px 0 0 0;
}

.lnb .boardCh a.on {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
}

.lnb .smSearch {
    padding-top: 12px;
}

.lnb .smSearch input {
    vertical-align: top;
    width: 109px !important
}

.lnb .btn_sm {
    display: inline-block;
    margin-left: 2px;
    width: 53px;
    padding: 0;
}

.lnb .searchW {
    margin-bottom: 8px;
}

.lnb .boomarkCon a {
    display: block;
    margin: 7px 10px 0;
    border-bottom: 1px solid #d8d8d8;
    height: 33px;
    line-height: 33px;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 0 -111px;
    padding-left: 26px;
    font-size: 14px;
    font-family: 'NanumGothicBold';
}

.lnb .btnArea {
    padding-top: 10px;
}

.lnb .btnArea .btn_ch {
    width: 86px;
    padding: 0;
    text-align: center;
    color: #636363;
    font-family: 'NanumGothic';
    font-size: 12px;
}

.lnb .lnb_orgW .btnArea {
    margin: 0 10px;
}

.lnb .board_scrap a {
    font-size: 14px;
    color: #062574;
    text-decoration: underline;
    padding-top: 12px;
    display: block;
    padding-left: 4px
}

.lnb .bookmark_board ul li {
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    line-height: 34px;
    font-size: 14px;
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
    padding: 0 20px 0 10px;
}

.lnb .bookmark_board ul li a {
    display: inline-block;
    line-height: 14px;
    padding: 9px 5px 9px 0
}

.lnb .bookmark_board ul li .ico {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 5px;
    display: block;
    width: 14px;
    height: 14px;
    background-position: -114px -230px;
    padding: 0
}

.lnb .bookmark_board ul li .ico.on {
    background-position: -131px -230px;
}

.lnb .btn_top {
    display: block;
    text-align: center;
    height: 20px;
    border-radius: 0 0 4px 4px;
    background-color: #bcbcbc
}

.lnb .btn_top .buL {
    display: inline-block;
    padding-left: 18px;
    background-position: -12px -430px;
    line-height: 20px;
    color: #fff;
}

.lnb .myBoardStW {
    margin: 20px 0 10px;
}

.lnb .myBoardStW .tit {
    line-height: 24px;
    background: url(../../images/portal/common/bg_lnbTit.png) no-repeat 3px 7px;
    padding-left: 15px;
    font-family: 'NanumGothicBold';
    font-size: 14px;
    border-bottom: 2px solid #d8d8d8
}

.lnb .myBoardStW .myBoardSt li {
    border-bottom: 0;
    background-color: #efefef
}

/* tree_menu 게시판용 */
.tree_menu li > a {
    padding-left: 16px;
    display: block;
    font-size: 14px;
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
}

.tree_menu .selected {
    background-color: #fff;
    background: url('../../images/portal/common/selected.png') no-repeat 100% 13px;
    color: #c30100
}

.tree_menu .control {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    padding-left: 0;
    width: 11px;
    margin-right: 3px;
    background: url('../../images/portal/sp/common.png') no-repeat -26px -128px;
}

.tree_menu a:hover {
    text-decoration: none
}

.tree_menu .control.close {
    background-position: 0 -128px;
}

.tree_menu li {
    position: relative;
}

.tree_menu li a {
    padding: 9px 5px 9px 0;
}

.tree_menu li.on > a {
    background-color: #f5f5f5
}

.tree_menu > li {
    border-top: 1px solid #d8d8d8;
}

.tree_menu > li:first-child {
    border-top: 0;
}

.tree_menu > li > a {
    padding-left: 19px;
}

.tree_menu > li > ul > li {
    background: url('../../images/portal/common/lnb_linedot.png') repeat-x 0 0;
}

/*2depth*/
.tree_menu > li > ul > li > a {
    padding-left: 28px;
}

.tree_menu > li > ul > li:first-child {
    background: none;
    border-top: 1px solid #d8d8d8;
}

.tree_menu > li > ul > li > .control {
    left: 10px;
}

.tree_menu > li > ul > li > ul {
    background: url('../../images/portal/common/lnb_linedot.png') repeat-x 0 0;
}

/*3depth*/
.tree_menu > li > ul > li > ul > li {
    background: none;
}

.tree_menu > li > ul > li > ul > li > a {
    padding-left: 36px;
}

.tree_menu > li > ul > li > ul > li > .control {
    left: 20px;
}

.tree_menu > li > ul > li > ul > li > ul > li {
}

/*4depth*/
.tree_menu > li > ul > li > ul > li > ul > li > a {
    padding-left: 46px;
    font-family: 'NanumGothic'
}

.tree_menu > li > ul > li > ul > li > ul > li > .control {
    left: 30px;
}

/* easyui tree 조직도용 */
.lnb_orgW {
    border: 1px solid #dadada;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    min-height: 450px;
}

.lnb .panel {
    width: 180px;
    padding: 0 10px;
}

.lnb .panel-body {
    padding: 0 0 0 0 !important;
    border-color: none;
    border: 0 none;
}

.lnb .panel-header {
    border: 0 none;
}

.lnb .panel-body ul.easyui-tree li div {
    padding: 4px 0 4px 0;
    font-size: 12px;
}

.lnb .panel-body ul.easyui-tree > li > div.tree-node-selected {
    background: url('../../images/portal/sp/common.png') no-repeat 160px -220px;
}

.lnb .panel-body .tree-icon, .lnb .panel-body .tree-folder, .lnb .panel-body .tree-folder-open {
    display: none;
}

.lnb .tree-expanded {
    background: url('../../images/portal/sp/common.png') no-repeat 0 -137px;
}

.lnb .tree-collapsed {
    background: url('../../images/portal/sp/common.png') no-repeat -26px -137px;
}

.lnb .tree-node-selected {
    background-color: #eaf2ff;
}

.lnb .panel-body a {
    color: #2e2e2e;
    font-size: 12px;
}

.lnb .tree-indent {
    width: 16px;
}

.titWrap {
    margin: 26px auto 0;
    width: 1240px;
    clear: both;
    overflow: hidden;
}

.titWrap h2 {
    float: left;
    width: 144px;
    background: #d2232a;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 15px;
    text-align: center;
}

.titWrap .priBtn {
    background: #8896a1;
    float: left;
    width: 1096px;
    height: 36px;
    text-align: right;
}

/* 게시판 타이틀 */
.titGrp {
    position: relative;
    margin-bottom: 8px;
}

.titGrp .tit2 {
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    color: #2e2e2e;
    font-size: 18px;
    font-family: 'NanumGothicBold';
    margin-right: 6px;
    position: relative;
    margin-left: 3px
}

.titGrp .icoGrp .bookmark {
    width: 21px;
    height: 22px;
    background-position: -348px -570px;
    margin-right: 11px;
    overflow: hidden;
    line-height: 9999px
}

.titGrp .icoGrp .bookmark.on {
    background-position: -348px -537px;
}

.titGrp .icoGrp .tit_alarm {
    width: 17px;
    height: 23px;
    background-position: -383px -570px;
    line-height: 9999px;
    overflow: hidden;
}

.titGrp .icoGrp .tit_alarm.on {
    background-position: -383px -537px;
}

.titGrp .titBtn {
    position: absolute;
    top: 4px;
    right: 0;
}

.shareArea {
    display: inline-block
}

.shareList {
    border-radius: 3px;
    width: 90px;
    border: 1px solid #b8b8b8;
    background-color: #fff;
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 99;
}

.shareList li a {
    display: block;
    font-size: 14px;
    color: #2e2e2e;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.shareList li a:hover {
    background-color: #f0f0f0;
    text-decoration: none;
}

/* Box&Message 정의 */
.mgsBox {
    width: 1238px;
    margin: 17px auto 14px;
    border: 1px solid #dadada;
    border-radius: 3px;
    clear: both;
    overflow: hidden;
    background: url('../../images/portal/common/bg_msgbox.png') repeat-y 0 0;
}

.mgsBox.open {
    background: #efefef;
}

.mgsBox .tit {
    position: relative;
    height: 40px;
    line-height: 40px;
    color: #2e2e2e;
    font-size: 14px;
    padding-left: 32px;
    font-family: 'NanumGothicBold';
}

.mgsBox .tit span {
    display: inline-block;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 0 -178px;
    padding-left: 28px;
}

.mgsBox .tit .sp_com {
    position: absolute;
    top: 6px;
    background-position: 0 -48px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    line-height: 999px;
    display: inline-block;
    margin-left: 10px;
}

.mgsBox.open .sp_com {
    background-position: -39px -48px;
}

.mgsBox.close .tit {
    float: left;
    width: 170px;
    padding-top: 6px
}

.mgsBox.close .sp_com {
    top: 12px
}

.mgsBox .con {
    float: left;
    width: 980px;
    padding: 10px 0 12px 34px
}

.mgsBox .con li {
    background: url('../../images/portal/sp/bul_left.png') no-repeat 0 4px;
    padding: 5px 0 5px 8px;
    font-size: 14px
}

/*커뮤니티 내 Box&Message */
.community .contents .mgsBox {
    width: 996px;
    margin: 0 auto 14px;
    border: 1px solid #dadada;
    border-radius: 3px;
    clear: both;
    overflow: hidden;
    background: url('../../images/portal/common/bg_msgbox.png') repeat-y 0 0;
}

.community .contents .mgsBox .con {
    float: left;
    width: 760px;
    padding: 10px 0 12px 34px
}

/* 게시판 보기 선택*/
.listTypeCh {
    margin-top: 23px;
    margin-bottom: 6px;
    position: relative;
    padding-left: 13px;
}

.listTypeCh .typeCh {
    position: absolute;
    top: -3px;
    right: 0;
}

.listTypeCh .typeCh li {
    float: left;
    margin-left: 10px;
}

.listTypeCh .typeCh li:first-child {
    margin-left: 0
}

.listTypeCh .listTotal {
    font-size: 14px;
    color: #7e7e7e;
    font-family: 'NanumGothic';
}

.listTypeCh .search_result {
    font-size: 14px;
    color: #2e2e2e;
    font-family: 'NanumGothic';
}

.listTypeCh .search_result em {
    color: #f1880b
}

.listTypeCh .search_result em.word {
    font-size: 16px;
    font-family: 'NanumGothicBold';
}

.listTypeCh .typeCh li a {
    display: block;
    background: url('../../images/portal/sp/icon.png') no-repeat -318px -146px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    line-height: 999px;
}

.listTypeCh .typeCh li a.on, .listTypeCh .typeCh li a:hover {
    background-position: -318px -177px;
}

.listTypeCh .typeCh li.thum a {
    background-position: -349px -146px;
}

.listTypeCh .typeCh li.web a {
    background-position: -380px -146px;
}

.listTypeCh .typeCh li.thum a.on, .listTypeCh .typeCh li.thum a:hover {
    background-position: -349px -177px;
}

.listTypeCh .typeCh li.web a.on, .listTypeCh .typeCh li.web a:hover {
    background-position: -380px -177px;
}

/* 날짜 이전 다음 선택*/
.scDayW {
    text-align: center;
    margin: 30px 0 10px;
}

.scDayW .ico {
    width: 31px;
    height: 26px;
    display: inline-block;
    overflow: hidden;
    line-height: 999px;
    background: url('../../images/portal/sp/ico_com.png') no-repeat -80px -25px;
}

.scDayW .btn_prev {
    background-position: -80px -25px;
    margin-right: 50px;
}

.scDayW .btn_next {
    background-position: -113px -25px;
    margin-left: 50px;
}

.scDayW .nowY {
    display: inline-block;
    font-size: 20px;
    font-family: 'NanumGothicBold';
    vertical-align: top;
}

/* tb_view */
.tb_view {
    border-top: 2px solid #ff0000;
}

.tb_view .viewHead {
    border-bottom: 1px solid #d4d4d4;
    padding-left: 30px;
    padding-bottom: 10px;
}

.tb_view .viewHead .tit {
    font-size: 18px;
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
    padding-top: 16px;
}

.tb_view .viewHead ul {
    clear: both;
    overflow: hidden;
    padding: 18px 0 0;
}

.tb_view .viewHead ul li {
    float: left;
    margin-right: 48px
}

.tb_view .viewHead .name {
    font-size: 14px;
    color: #7e7e7e;
    cursor: pointer;
}

.tb_view .viewHead .name .ico {
    vertical-align: top;
    height: 16px;
    background-position: -22px -155px;
}

.tb_view .viewHead .name .ico.memRe_none {
    vertical-align: top;
    height: 16px;
    background-position: -1px -155px;
}

.tb_view .viewHead .date {
    line-height: 17px;
}

.tb_view .viewHead .view {
    line-height: 150%;
    color: #ef0807;
}

.tb_view .viewHead .like {
    line-height: 180%;
    color: #ef0807;
}

.tb_view .viewCon {
    padding: 32px;
    line-height: 170%;
    font-size: 14px;
    color: #2e2e2e;
    clear: both;
    overflow: hidden;
}

.tb_view .viewCon img {
    max-width: 100% !important;
}

.pcIn .tb_view .viewCon {
    padding: 32px 18px;
}

/*미리보기일때*/
.tb_view .viewCon2 {
    padding-bottom: 20px
}

.tb_view .answerCon {
    padding: 32px;
    line-height: 170%;
    font-size: 14px;
    color: #2e2e2e;
    border-top: 1px solid #d4d4d4;
}

.tb_view .answerCon .txt {
    width: 52px;
    height: 19px;
    background-color: #65a839;
    line-height: 19px;
    color: #fff;
    font-size: 12px;
    font-family: 'NanumGothicBold';
    text-align: center;
    border-radius: 3px;
    margin-bottom: 5px;
}

.tb_view .replyWrap .nodata {
    font-size: 14px;
    text-align: center;
    padding: 15px 0;
}

/* 데이터 없을때 */
.tb_view .replyWrap > li {
    border-bottom: 1px solid #d4d4d4;
    padding: 20px 0 0;
    position: relative;
}

.tb_view .replyWrap > li dl {
    position: relative;
    padding-left: 106px; /*padding-right:35px;*/
    padding-bottom: 14px;
}

.tb_view .replyWrap > li dl dt .photo {
    position: absolute;
    z-index: 97;
    display: block;
    top: 0;
    left: 30px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    overflow: hidden;
    background-position: -220px -388px;
}

.tb_view .replyWrap > li dl dt .photo img {
    width: 50px;
}

.tb_view .replyWrap > li dl dt .buL {
    position: absolute;
    top: 30px;
    left: 55px;
    z-index: 98;
}

.tb_view .replyWrap > li dl .name {
    display: inline-block;
    vertical-align: top;
    color: #7e7e7e;
    padding-right: 35px;
    font-size: 14px;
    cursor: pointer;
}

.tb_view .replyWrap > li dl .name .ico {
    height: 16px;
    margin-right: 0;
}

.tb_view .replyWrap > li dl .name .ico.memRe_ok {
    background-position: -22px -157px;
}

.tb_view .replyWrap > li dl .name .ico.memRe_none {
    background-position: -1px -157px;
}

.tb_view .replyWrap > li dl .date {
    color: #7e7e7e;
    font-size: 12px;
    padding-right: 22px;
    vertical-align: top;
}

.tb_view .replyWrap > li dl .star {
    display: inline-block;
    overflow: hidden;
    line-height: 999px;
    background: url('../../images/portal/sp/icon.png') no-repeat -131px -230px;
    width: 14px;
    height: 14px;
}

.tb_view .replyWrap > li dl .s2 {
    width: 30px;
}

.tb_view .replyWrap > li dl .s3 {
    width: 46px;
}

.tb_view .replyWrap > li dl .s4 {
    width: 62px;
}

.tb_view .replyWrap > li dl .s5 {
    width: 78px;
}

.tb_view .replyWrap > li dd {
    color: #2e2e2e;
    padding-top: 13px;
    line-height: 23px;
    font-size: 14px;
    padding-right: 35px;
}

.tb_view .replyWrap > li dd.txt_del {
    text-decoration: line-through;
}

.tb_view .replyWrap > li .btn_del {
    position: absolute;
    display: block;
    top: 8px;
    right: 8px;
}

.tb_view .replyWrap > li .replyAdd {
    display: inline-block;
    color: #446da1;
    padding-left: 15px;
    padding-right: 14px;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 100% -281px;
}

.tb_view .replyWrap > li .replyAdd.close {
    background: url('../../images/portal/sp/bul_left.png') no-repeat 100% -301px;
}

.tb_view .replyWrap .reply_reply {
    position: relative;
    margin-left: 106px;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 0;
    padding: 15px 0 15px;
}

.tb_view .feelList {
    position: absolute;
    top: 45px;
    z-index: 99;
    left: 0;
    border: 1px solid #b8b8b8;
    z-index: 99;
    width: 110px;
    background: #fff;
    border-radius: 2px;
    padding-bottom: 6px
}

.tb_view .feelW a,
.feelList a {
    display: block;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 9px -668px;
    padding-left: 41px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #2e2e2e;
}

.reply_reply.feelW_reply a {
    display: inline-block;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 9px -668px;
    padding-left: 41px;
    width: 53px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #2e2e2e;
}

.tb_view .feelW > a {
    margin-bottom: 6px
}

.tb_view .feelList a:hover,
.tb_view .feelW a:hover {
    text-decoration: none
}

.feelList li a {
    margin-top: 12px;
    min-width: 57px;
}

.feelList li:first-child a {
    margin-top: 6px
}

.feel01 {
    background-position: 9px -461px !important;
}

.feel02 {
    background-position: 9px -498px !important;
}

.feel03 {
    background-position: 9px -535px !important;
}

.feel04 {
    background-position: 9px -572px !important;
}

.feel05 {
    background-position: 9px -609px !important;
}

.feel06 {
    background-position: 9px -811px !important;
}

.tb_view .replyWrap .replyWrap {
    padding-left: 107px;
    padding-bottom: 0;
}

.tb_view .replyWrap .replyWrap > li {
    border: 0 none;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 0;
    padding-bottom: 0;
}

.tb_view .replyWrap .replyWrap li dl {
    background: url('../../images/portal/common/bg_replyReply.png') no-repeat 0 0;
    padding-bottom: 15px;
}

.tb_view .replyWrap .replyWrap li dl .photo {
    left: 42px;
}

.tb_view .replyWrap .replyWrap li dl .photo img {
    width: 50px
}

.tb_view .replyWrap .replyWrap li dl .buL {
    position: absolute;
    top: 30px;
    left: 70px;
}

.tb_view .replyContW {
    margin-bottom: 10px;
    text-align: right;
}

/* 댓글 숨김버튼영역*/
.tb_view .replyContW .btn_reply {
    width: 105px;
    padding: 0;
}

.tb_view .replyContW .btn_reply .ico {
    width: 15px;
    height: 9px;
    margin-left: 7px;
    background-position: -124px -589px;
}

.tb_view .replyContW .btn_reply.close .ico {
    width: 15px;
    height: 9px;
    margin-left: 7px;
    background-position: -90px -589px;
}

.tb_view .writeCon {
}

.tb_view .writeCon .feelW {
    position: relative;
}

.tb_view .writeCon .feelW .feelList {
    top: 59px;
    left: 0
}

.tb_view .writeCon .feelW > a {
    position: absolute;
    top: 29px;
    left: 5px;
}

.tb_view .writeCon .feelW .writeTxtarea {
    padding-left: 107px
}

.tb_view .writeCon .feelW .writeTxtarea .rewriteText {
    width: 745px;
}

.tb_view .writeCon .writeTxtarea {
    background-color: #f8f8f8;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    padding: 13px 30px 13px;
}

.tb_view .writeCon .writeTxtarea .rewriteText {
    width: 820px;
    height: 34px;
    display: inline-block;
    margin-right: 5px
}

.tb_view .writeCon .starPointW .writeWrap {
    background-color: #f8f8f8;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    padding: 6px 30px 13px;
}

.tb_view .writeCon .starPointW .writeTxtarea {
    background-color: transparent;
    padding: 0;
    border: none;
}

.tb_view .totalPointW {
    background: url('../../images/portal/common/bg_starpoint.png') no-repeat 0 0;
    width: 997px;
    height: 164px;
    margin-bottom: 10px;
    position: relative;
}

.tb_view .totalPointW .total {
    position: absolute;
    top: 0;
    left: 0;
    width: 263px;
    text-align: center;
    padding-top: 40px;
}

.tb_view .totalPointW .total .score {
    font-size: 24px;
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
    margin-bottom: 13px;
}

.tb_view .totalPointW .total .memCount {
    color: #7e7e7e;
    font-size: 14px;
    margin-top: 4px
}

.tb_view .starPoint {
    margin-bottom: 2px;
}

.tb_view .starPoint a, .tb_view .starPoint span.star {
    display: inline-block;
    overflow: hidden;
    line-height: 999px;
    background: url('../../images/portal/sp/icon.png') no-repeat -114px -230px;
    width: 14px;
    height: 14px;
}

.tb_view .starPoint a.on, .tb_view .starPoint span.star.on {
    background: url('../../images/portal/sp/icon.png') no-repeat -131px -230px;
}

.tb_view .starGraph {
    padding-left: 263px;
    height: 164px;
    clear: both;
    overflow: hidden;
}

.tb_view .starGraph li {
    float: left;
    width: 140px;
    text-align: center;
    position: relative;
    height: 164px;
}

.tb_view .starGraph li .graphW {
    position: absolute;
    bottom: 6px;
    width: 140px
}

.tb_view .starGraph li .graphW .count {
    font-size: 14px;
    color: #7e7e7e
}

.tb_view .starGraph li .graphW .count em {
    font-size: 18px;
}

.tb_view .starGraph li .graphW .graph {
    background-color: #e3e3e5;
    width: 43px;
    display: inline-block;
}

.tb_view .starGraph li .graphW .starPoint {
    margin-top: 2px;
}

.tb_view .starGraph li.topOver .graphW .count {
    color: #ee7514
}

.tb_view .starGraph li.topOver .graphW .graph {
    background-color: #ee8a14;
}

.tb_view .boardList {
    margin-top: 20px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

.tb_view .boardList li {
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 0;
    padding: 17px 0 10px 31px;
    position: relative
}

.tb_view .boardList li:first-child {
    background: none
}

.tb_view .boardList li .prev {
    display: inline-block;
    background-position: 0 -387px;
    padding-left: 24px;
    line-height: 14px;
    font-size: 14px;
    color: #7e7e7e;
    margin-right: 30px;
}

.tb_view .boardList li .next {
    display: inline-block;
    background-position: 0 -362px;
    padding-left: 24px;
    line-height: 14px;
    font-size: 14px;
    color: #7e7e7e;
    margin-right: 30px;
}

.tb_view .boardList .no {
    display: inline-block;
    width: 30px;
}

.tb_view .boardList .tit {
    display: inline-block;
    font-size: 14px;
    color: #2e2e2e;
    width: 500px;
    position: absolute;
    top: 20px;
    left: 155px;
}

.tb_view .boardList .name {
    display: inline-block;
    font-size: 14px;
    color: #7e7e7e;
    width: 73px;
    padding-left: 520px;
}

.tb_view .boardList .date {
    display: inline-block;
    color: #7e7e7e;
    width: 100px;
}

.tb_view .boardList .viewW {
    display: inline-block;
    color: #ef0807;
    width: 75px
}

.tb_view .boardList .viewW .pageview {
    padding-right: 4px;
}

.tb_view .boardList .likeW {
    display: inline-block;
    color: #ef0807;
}

.tb_view .boardList .likeW .pagelike {
    padding-right: 4px;
}

/* 댓글 수정시 */
.tb_view .replyWrap > li .btn_reWrite {
    position: absolute;
    display: block;
    top: 4px;
    right: 42px;
    width: 22px;
    height: 19px;
    background: url('../../images/portal/sp/ico_com.png') no-repeat -60px -100px;
    overflow: hidden;
    line-height: 999px;
}

.tb_view .replyWrap > li .btn_reWrite.close {
    position: absolute;
    display: block;
    top: 4px;
    right: 42px;
    width: auto;
    height: 19px;
    background: none;
    overflow: hidden;
    line-height: normal;
    font-size: 14px;
}

.tb_view .replyWrap > li dd.reply_reWrite {
    padding-right: 0;
}

.tb_view .reply_reWrite .reply_reply {
    margin-left: 0;
    background: none;
    padding: 0;
}

.tb_view .reply_reWrite .reply_reply .rewriteText {
    width: 780px;
    margin-right: 5px;
    height: 34px;
}

.tb_view .reply_reWrite .feelW_reply .rewriteText {
    width: 680px;
    margin-right: 5px;
    height: 34px;
}

.tb_view .reply_reWrite .feelList {
    position: absolute;
    top: 45px;
    z-index: 99;
    left: 0;
    border: 1px solid #b8b8b8;
    z-index: 99;
    width: 110px;
    background: #fff;
    border-radius: 2px;
    padding-bottom: 6px
}

.tb_view .replyWrap .replyWrap .rewriteText {
    width: 670px;
}

.tb_view .replyWrap .replyWrap .reply_reWrite .feelW_reply .rewriteText {
    width: 572px;
}

.tb_view.tb_visit .reply_reWrite .btn_replyBig {
    height: 52px;
    line-height: 52px
}

/* 사진게시판 상세 */
.tb_view .owl-carousel {
    width: 100%;
    position: relative;
}

.tb_view .photo_board .owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.tb_view .photo_board .owl-carousel .owl-item {
    float: left;
}

.tb_view .photoB_thum {
    background-color: #f3f3f3;
    border-bottom: 1px solid #cacaca;
    padding: 18px 40px 18px 54px
}

.tb_view .photoB_big {
    padding: 25px 0 25px 85px;
    border-bottom: 1px solid #cacaca;
}

.tb_view #sync2 .item {
    width: 158px;
    height: 104px;
    border: 3px solid #f3f3f3;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
}

.tb_view #sync2 .synced .item {
    border: 3px solid #011646;
}

.tb_view #sync2 .synced .item img {
    width: 158px;
    height: 104px;
}

.tb_view #sync1 .item {
    width: 820px;
    min-height: 530px;
    line-height: 530px;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
}

.tb_view #sync1 .item img {
    max-width: 100%;
    display: inline-block;
}

.tb_view #sync1 .owl-buttons > div {
    background: url('../../images/portal/sp/ico_photoBoard.png') no-repeat -127px 0;
    width: 57px;
    height: 101px;
    position: absolute;
    overflow: hidden;
    line-height: 999px;
    cursor: pointer;
}

.tb_view #sync1 .owl-buttons > div.owl-prev {
    top: 215px;
    left: -85px;
}

.tb_view #sync1 .owl-buttons > div.owl-next {
    background-position: -5px -116px;
    top: 215px;
    right: 0;
}

.tb_view #sync2 .owl-buttons > div {
    background: url('../../images/portal/sp/ico_photoBoard.png') no-repeat -55px -252px;
    width: 26px;
    height: 110px;
    position: absolute;
    overflow: hidden;
    line-height: 999px;
    cursor: pointer;
}

.tb_view #sync2 .owl-buttons > div.owl-prev {
    top: 0;
    left: -36px;
}

.tb_view #sync2 .owl-buttons > div.owl-next {
    background-position: -91px -252px;
    top: 0;
    right: -25px;
}

.mv_Incord .mv_img {
    clear: both;
    overflow: hidden;
    background-color: #f3f3f3;
    border-bottom: 1px solid #cacaca;
    padding: 18px 40px 18px 53px
}

.mv_Incord .mv_img a {
    display: block;
    float: left;
    width: 158px;
    height: 104px;
    box-sizing: border-box;
    background-color: #ccc;
    margin-left: 15px;
    overflow: hidden;
    border: 3px solid #f3f3f3;
    background: url('../../images/portal/common/thum_noneImg.png') no-repeat 0 0;
    background-size: 158px 104px;
}

.mv_Incord .mv_img a img {
    width: 158px;
    height: 104px
}

.mv_Incord .mv_img a.on {
    border: 3px solid #011646;
}

.mv_loading {
    position: relative;
    width: 820px;
    height: 530px;
}

.mv_loading .loading_txt {
    position: absolute;
    left: 48%;
    top: 50%;
    margin-top: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

/* 방명록형 */
.visitCon .listTypeCh {
    margin-top: 0;
}

.tb_view.tb_visit {
    border-top: 0;
}

.tb_view.tb_visit .visitWrite {
    border-bottom: 1px solid #d4d4d4;
}

.tb_visit .visitWrite {
    position: relative;
    height: 70px;
    padding: 12px 0 20px 106px;
}

.tb_visit .replyWrap > li {
    border-bottom: 1px solid #d4d4d4;
}

.tb_visit .visitWrite .photoWrap {
    position: absolute;
    display: block;
    top: 12px;
    left: 0;
    width: 105px;
}

.tb_visit .visitWrite .photoWrap .photo {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    overflow: hidden;
    background-position: -220px -388px;
    margin-left: 30px
}

.tb_visit .visitWrite .photoWrap .photo img {
    width: 50px
}

.tb_visit .visitWrite .photoWrap .name {
    text-align: center;
    font-size: 14px;
    color: #7e7e7e;
    margin-top: 4px;
}

.tb_visit .rewriteText {
    display: inline-block;
    margin-right: 5px;
    width: 750px;
    height: 52px
}

.tb_visit .btn_replyBig {
    height: 70px;
    line-height: 70px;
    padding: 0;
    width: 72px;
}

.tb_visit .chk {
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 99;
}

.tb_visit .btn_add {
    width: 904px;
    background-color: #ededed;
    border: 1px solid #e2e2e2;
    color: #2e2e2e;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0;
}

.tb_visit .btn_top {
    display: block;
    width: 49px;
    height: 19px;
    padding: 5px 16px 10px 16px;
    color: #fff;
    background: #9e9e9e;
}

.tb_visit .btn_top span {
    display: inline-block;
    padding-right: 18px;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 100% -428px;
}

/* tb_list2 테이블타입 */
.tb_list2 {
    border-top: 2px solid #ff0000;
}

.tb_list2 thead th {
    background-color: #f6f6f6;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    padding: 5px 0;
    font-size: 14px;
    color: #2e2e2e;
}

.tb_list2 thead th:first-child {
    border-left: 0;
}

.tb_list2 tbody td {
    border-width: 0 0 1px 1px;
    border-color: #dcdcdc;
    border-style: solid;
    padding: 7px 20px 8px 20px;
    font-size: 14px;
    color: #2e2e2e;
}

.tb_list2 tbody td:first-child {
    border-left: 0;
}

.tb_list2 .datagrid-body td { /*border:0 none;*/
    color: #2e2e2e;
}

.tb_list2 .datagrid-cell {
    font-size: 14px;
    overflow: initial !important;
    white-space: normal !important;
    word-break: break-all;
}

.tb_list2 .panel-body-noheader {
    border-top: 0;
}

.tb_list2 .panel-body {
    border: 0;
}

.tb_list2 .datagrid-header .datagrid-cell span {
    font-size: 14px
}

.tb_list2 .datagrid-cell .btn_smg {
    margin-bottom: 3px;
}


/* tb_write */
.tb_write {
    border-top: 2px solid #ff0000;
}

.tb_write tbody th {
    background-color: #f6f6f6;
    border-bottom: 1px solid #dcdcdc;
    padding: 10px 0;
    font-size: 14px;
    color: #2e2e2e;
    min-height: 27px;
}

.tb_write thead th {
    background-color: #f6f6f6;
    border-bottom: 1px solid #dcdcdc;
    padding: 10px 0;
    font-size: 14px;
    color: #2e2e2e;
    min-height: 27px;
}

.tb_write tbody td {
    border-bottom: 1px solid #dcdcdc;
    padding: 7px 20px 8px 20px;
    font-size: 14px;
    color: #2e2e2e;
    height: 27px;
    word-break: break-all;
}

.tb_write .btn_reply {
    margin-right: 10px;
}

.tb_write .btn_del {
    background-position: -311px -43px;
    width: 13px;
    height: 13px;
    overflow: hidden;
    line-height: 999px;
}

.tb_write td ul {
    margin-top: 10px;
}

.tb_write td ul li {
    margin-top: 8px;
}

.tb_write td ul li .btn_del {
    margin-left: 10px;
}

.tb_write .webEditW {
    margin-top: 20px;
}

.tb_write .viewCon {
    padding: 10px 12px;
    line-height: 170%;
    font-size: 14px;
    color: #2e2e2e;
    clear: both;
    overflow: hidden;
}

/* 답글유형의 내용 */
.tb_write td input[type="radio"] + label {
    margin-right: 40px
}

.tb_write .memList {
    width: 262px;
    height: 69px;
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    background-color: #f3f3f3;
    padding: 4px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.tb_write .memList.none {
    line-height: 69px;
    color: #cbcbcb;
    text-align: center;
}

.tb_write .arr {
    display: inline-block;
    margin-right: 9px;
    padding-left: 15px;
    background-position: 0 -641px
}

.tb_write .arr:first-child {
    padding-left: 0;
    background: none;
}

.tb_write .line {
    display: inline-block;
    margin-left: 34px;
    padding-left: 34px;
    background-position: 0 -31px
}

.tb_write .line:first-child {
    padding-left: 0;
    margin-left: 0;
    background: none;
}

/* tb_gallery */
.tb_gallery .galleryList {
    clear: both;
    overflow: hidden;
}

.tb_gallery .galleryList li {
    float: left;
    border: 3px solid #dadada;
    border-radius: 6px;
    margin: 7px 5px 27px;
    padding: 15px 10px 10px;
    width: 296px;
    height: 196px;
    position: relative;
    text-align: center;
}

.tb_gallery .galleryList li.nodata {
    clear: both;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0 0 27px;
    border: 0;
    font-size: 14px;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #d4d4d4;
}

.tb_gallery .galleryList li .chList {
    position: absolute;
    top: 10px;
    left: 12px;
    z-index: 99
}

.tb_gallery .galleryList li .thum {
    position: relative;
    text-align: center;
}

.tb_gallery .galleryList li .thum a {
    display: inline-block;
    width: 174px;
    height: 116px;
    text-align: center;
    overflow: hidden;
}

.tb_gallery .galleryList li .mvSt a {
    position: relative;
}

.tb_gallery .galleryList li .mvSt .loading_txt {
    position: absolute;
    top: 25px;
    left: 42%;
    color: #fff
}

.tb_gallery .galleryList li .play {
    position: absolute;
    top: 50%;
    left: 50%;
    background-position: 0 -280px;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    overflow: hidden;
    line-height: 999px
}

.tb_gallery .galleryList li .tit {
    margin-top: 18px;
}

.tb_gallery .galleryList li .tit a {
    display: inline-block;
    vertical-align: middle;
    max-width: 266px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
}

.tb_gallery .galleryList li .tit a em {
    color: #f1880b
}

.tb_gallery .galleryList li .tit .ico {
    margin-right: 0;
}

.tb_gallery .galleryList li .mem {
    margin-top: 2px;
    color: #7e7e7e;
}

.tb_gallery .galleryList li .mem > span {
    float: left;
    height: 28px;
    line-height: 34px
}

.tb_gallery .galleryList li .name {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 15px;
    font-size: 14px;
    cursor: pointer;
}

.tb_gallery .galleryList li .date {
    margin-right: 10px;
    vertical-align: middle;
    line-height: 34px;
}

.tb_gallery .galleryList li .ico {
    margin-right: 4px
}

.tb_gallery .galleryList li .view {
    margin-right: 10px;
    color: #ef0807;
    line-height: 34px;
}

.tb_gallery .galleryList li .like {
    color: #ef0807;
    line-height: 34px;
}

.tb_gallery .btnWrap {
    margin-top: -15px;
}

/* tb_webZine */
.tb_webZine .webzList li {
    position: relative;
    padding: 25px 0;
    padding-left: 88px;
    clear: both;
    overflow: hidden;
    min-height: 47px;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 100%;
}

.tb_webZine .webzList li.nodata {
    width: 100%;
    font-size: 14px;
    text-align: center;
    padding: 15px 0;
}

.tb_webZine .webzList li.notice {
    background-color: #f7f7f7
}

.tb_webZine .webzList li .chList {
    position: absolute;
    left: 10px;
    font-size: 14px
}

.tb_webZine .webzList li .thum {
    float: left;
    width: 100px;
    height: 78px;
    padding-right: 18px;
    overflow: hidden;
}

.tb_webZine .webzList li .thum img {
    width: 100%;
}

.tb_webZine .webzList li .conTxt {
    float: left;
    width: 574px;
}

.tb_webZine .webzList li .conTxt > a {
    display: block;
}

.tb_webZine .webzList li .conTxt > a:hover * {
    text-decoration: underline;
}

.tb_webZine .webzList li .conTxt .tit {
    display: inline-block;
    max-width: 520px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
    margin-bottom: 10px;
}

.tb_webZine .webzList li .conTxt .tit em {
    color: #f1880b;
}

.tb_webZine .webzList li .conTxt .ico {
    line-height: 18px;
    vertical-align: top;
}

.tb_webZine .webzList li .conTxt .con {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #777;
    line-height: 18px;
    overflow: hidden; /*height:54px;*/
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.tb_webZine .webzList li .conInfo {
    position: absolute;
    left: 800px;
    top: 15px;
    width: 125px;
}

.tb_webZine .webzList li .conCk {
    position: absolute;
    left: 930px
}

.tb_webZine .webzList li .name {
    width: 100%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #7e7e7e;
    margin-bottom: 15px;
    cursor: pointer;
}

.tb_webZine .webzList li .date {
    color: #7e7e7e
}

.tb_webZine .webzList li .conCk {
    width: 70px;
    color: #ef0807
}

.tb_webZine .webzList li .conCk div {
    margin-bottom: 20px;
}

.tb_webZine .webzList li .conCk .ico {
    margin-right: 4px;
}

.tb_webZine .webzList li.noImg .thum {
    display: none;
}

.tb_webZine .webzList li.noImg .conTxt {
    width: 674px;
}

.tb_webZine .webzList li.noImg .tit {
    display: inline-block;
    max-width: 650px;
}

/* tb_food 식단조회*/
.tb_food table * {
    font-size: 14px
}

.tb_food thead th {
    background-color: #dadfea;
    padding: 13px 0;
    text-align: center;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.tb_food tbody th {
    background-color: #f4f4f4;
    border: 1px solid #d3d3d3;
    border-top: 0;
}

.tb_food tbody th:first-child {
    border-left: 0
}

.tb_food tbody td {
    vertical-align: top;
    border: 1px solid #d3d3d3;
    border-top: 0;
    padding: 0 0 6px 14px;
}

.tb_food tbody td li {
    line-height: 21px;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 0 0;
    padding-left: 8px;
    margin-top: 2px
}

.tb_food .today {
    background-color: #ffd7d7
}

.foodDayChW .btn_next {
    margin-left: 30px;
}

.foodDayChW .nowY {
    display: inline-block;
    position: relative;
}

.foodDayChW .nowY > a {
    background: url('../../images/portal/sp/bul_left.png') no-repeat 100% -848px;
    display: inline-block;
    padding-right: 30px;
    width: 250px;
}

.foodDayChW .nowY a:hover {
    text-decoration: none;
}

.foodDayChW .dayList {
    position: absolute;
    top: -104px;
    left: -26px;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 2px;
    width: 300px;
    text-align: center;
    padding: 4px 0;
    height: 220px;
}

.foodDayChW .dayList li {
    font-size: 16px;
    padding: 6px 0;
}

.foodDayChW .dayList li.on, .foodDayChW .dayList li a:hover {
    font-size: 20px;
    font-family: 'NanumGothicBold';
}

.foodDayChW {
    position: relative;
    text-align: center;
    margin: 30px 0 10px;
    background-color: #f0f0f0;
    border: 1px solid #d0d4da;
    border-radius: 3px;
    padding-top: 8px;
    height: 34px;
}

.foodDayChW .foodLocationCh {
    position: absolute;
    top: 8px;
    left: 20px;
}

.foodDayChW .foodLocationCh .tit {
    font-size: 14px;
    padding-right: 10px;
    vertical-align: middle;
}

/* 일정 */
.contentWrap .fc-view {
    border-top: 2px solid #ff0000
}

.contentWrap #calendar {
    margin-top: 50px;
    position: relative;
}

.contentWrap #calendar .overlist {
    position: absolute;
    top: -85px;
    left: 50%;
    margin-left: -70px;
    z-index: 999;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 2px;
    padding: 5px 20px;
}

.contentWrap #calendar .weekList {
    margin-left: -150px;
}

.contentWrap #calendar .overlist li {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}

.contentWrap #calendar .overlist li a:hover {
    font-family: 'NanumGothicBold';
    font-size: 20px;
    text-decoration: none;
}

.contentWrap #calendar .overlist li.on {
    font-family: 'NanumGothicBold';
    font-size: 20px;
}

.contentWrap #calendar .dayList {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -80px;
    z-index: 999;
}

.contentWrap #calendar .dayList .combo.textbox {
    border: 0;
    background: transparent;
}

.contentWrap #calendar .dayList .textbox-focused {
    border: 0;
    box-shadow: 0 0 0 0;
}

.contentWrap #calendar .dayList .textbox-text {
    filter: alpha(opacity=0);
    opacity: 0;
}

.contentWrap .fc-center h2 {
    font-size: 20px;
    font-family: 'NanumGothicBold';
    color: #2e2e2e;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 100% -848px;
    padding-right: 30px;
    cursor: pointer;
}

.contentWrap .fc-center h2.day {
    background: none;
}

.contentWrap .fc-toolbar {
    position: relative;
}

.contentWrap .fc-toolbar .fc-left {
    float: none;
}

.contentWrap .fc-toolbar .fc-prev-button {
    position: absolute;
    top: 0;
    left: 443px;
}

.contentWrap .fc-toolbar .fc-next-button {
    position: absolute;
    top: 0;
    left: 757px;
}

.contentWrap .fc-head th {
    background-color: #eef2f9;
    border-top: 0 !important;
}

.contentWrap .fc-head td {
    border-top: 0 !important;
}

.contentWrap .fc th,
.contentWrap .fc td {
    height: 36px;
    line-height: 36px;
    color: #2e2e2e;
}

.contentWrap .fc th span {
    display: inline-block;
    padding-left: 8px;
}

.contentWrap .fc-unthemed th,
.contentWrap .fc-unthemed td,
.contentWrap .fc-unthemed thead,
.contentWrap .fc-unthemed tbody,
.contentWrap .fc-unthemed .fc-divider,
.contentWrap .fc-unthemed .fc-row,
.contentWrap .fc-unthemed .fc-content,
.contentWrap .fc-unthemed .fc-popover,
.contentWrap.fc-unthemed .fc-list-view,
.contentWrap .fc-unthemed .fc-list-heading td {
    border-color: #c7ccd6
}

.contentWrap .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
}

.contentWrap .fc-right .fc-state-default {
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #ffffff, #fff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fff));
    background-image: -webkit-linear-gradient(top, #ffffff, #fff);
    background-image: -o-linear-gradient(top, #ffffff, #fff);
    background-image: linear-gradient(to bottom, #ffffff, #fff);
    background-repeat: repeat-x;
    border-color: #fff;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #9c9c9c;
    text-shadow: none;
    box-shadow: none;
    height: 28px;
    line-height: 26px;
    width: 78px
}

.contentWrap .fc-right .fc-state-down,
.contentWrap .fc-right .fc-state-active {
    background-color: #ef0807;
    background-image: none;
    box-shadow: none;
    color: #fff
}

.contentWrap .fc-axis {
    width: 100px !important
}

.contentWrap .fc-toolbar .fc-center {
    padding-left: 230px;
}

.contentWrap .fc-unthemed .fc-today {
    background: #ffd7d7
}

.contentWrap .fc-left .fc-corner-left,
.contentWrap .fc-left .fc-corner-right {
    background: url('../../images/portal/sp/ico_com.png') no-repeat -80px -25px;
    width: 31px;
    height: 26px;
    border-radius: 0;
    margin: 0;
    padding: 0;
    border: none;
}

.contentWrap .fc-left .fc-corner-right {
    background-position: -113px -25px
}

.contentWrap .fc-left .fc-icon {
    display: none
}

.contentWrap .fc-left .fc-today-button {
    border: 1px solid #dcdedf;
    background: #f4f4f4 none;
    border-radius: 4px;
    width: 77px;
    height: 28px;
    color: #2e2e2e;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 240px;
}

.contentWrap .fc-day-grid-event .fc-content {
    /*color:#2e2e2e;*/
    height: 26px;
    line-height: 26px;
    font-size: 14px;
}

.contentWrap .fc-day-grid-event .fc-time {
    /*color:#7a7a7a;*/
    font-weight: normal;
    font-size: 14px
}

.contentWrap .fc-day-grid .fc-week:nth-child(even) {
    background-color: #f9f9f9
}

.scheduleType {
    position: absolute;
    top: 0;
    left: 0;
}

.scheduleType > a {
    display: inline-block;
    border: 1px solid #1aafdf;
    width: 89px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #2e2e2e;
    border-radius: 3px;
    font-size: 14px;
    margin-right: 4px;
}

.scheduleType > a.on {
    border: 0;
    height: 28px;
    line-height: 28px;
    color: #fff;
    width: 91px
}

.scheduleType > a:hover {
    text-decoration: none;
}

.scheduleType .scCom {
    border-color: #d53238
}

.scheduleType .scTeam {
    border-color: #3caa05
}

.scheduleType .scPri.on {
    background-color: #0aa9dd
}

.scheduleType .scCom.on {
    background-color: #d2232a
}

.scheduleType .scTeam.on {
    background-color: #3caa05
}

.contentWrap .fc-month-view .fc-time {
    /*background-color: #fff;*/
    font-family: 'NanumGothicBold';
    /*color: #2e2e2e*/
}

.contentWrap .fc-week .fc-axis.fc-widget-content {
    background-color: #f4f4f4
}

.contentWrap .fc-agendaWeek-view .fc-week .fc-content-skeleton {
    border-bottom: 1px solid #ddd;
}

.contentWrap .fc-agendaWeek-view th, .contentWrap .fc-agendaWeek-view td {
    height: 42px;
    line-height: 42px;
    color: #2e2e2e;
    text-align: center;
    color: #2e2e2e
}

.contentWrap .fc-agendaWeek-view th a {
    color: #2a2a2a
}

.contentWrap .fc-agendaDay-view .fc-day-header {
    text-align: center;
}

.contentWrap .fc-agendaDay-view .fc-axis {
    text-align: center;
}

.contentWrap .fc-agendaDay-view .fc-today {
    background: #fff
}

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    font-size: 14px !important;
    color: #2e2e2e
}

/* tabmenu */
.tabmenu {
    clear: both;
    overflow: hidden;
    margin-top: 37px;
}

.tabmenu.menu2 li {
    width: 50%;
    box-sizing: border-box;
}

.tabmenu.menu3 li {
    width: 33%;
    box-sizing: border-box;
}

.tabmenu.menu3 li:first-child {
    width: 34%;
    box-sizing: border-box;
}

.tabmenu.menu4 li {
    width: 25%;
    box-sizing: border-box;
}

.tabmenu.menu5 li {
    width: 20%;
    box-sizing: border-box;
}

.tabmenu li {
    float: left;
}

.tabmenu li a {
    display: block;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border: 1px solid #cecece;
    border-bottom: 2px solid #d2232a;
    background-color: #f8f8f8;
    left: -2px;
    font-size: 15px;
    border-left: 0;
}

.tabmenu li:first-child a {
    border-left: 1px solid #cecece;
    border-right: 0;
}

.tabmenu li.on a {
    border: 2px solid #d2232a;
    height: 34px;
    line-height: 34px;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #d2232a;
    font-family: 'NanumGothicBold';
}

.tabmenu.menu3 li:nth-child(2) a {
    border-left: 1px solid #cecece;
    border-right: 0;
}

.tabmenu.menu3 li:nth-child(3) a {
    border-left: 1px solid #cecece;
}

.tabmenu.menu3 li.on:nth-child(2) a {
    border-left: 2px solid #d2232a;
    border-right: 2px solid #d2232a;
}

.tabmenu.menu3 li.on:nth-child(3) a {
    border-left: 2px solid #d2232a;
}

.tabmenu.menu4 li:nth-child(2) a {
    border-left: 1px solid #cecece;
}

.tabmenu.menu4 li.on:nth-child(2) a {
    border-left: 2px solid #d2232a;
}

.tabmenu.menu5 li:nth-child(2) a {
    border-left: 1px solid #cecece;
}

.tabmenu.menu5 li.on:nth-child(2) a {
    border-left: 2px solid #d2232a;
}

/* list type */
.bul_list li {
    background: url('../../images/portal/sp/bul_left.png') no-repeat 0 -230px;
    padding-left: 11px;
    margin-top: 7px;
}

.bul_list li:first-child {
    margin-top: 0
}

.nor_list {
    margin-top: 0 !important
}

.nor_list li {
    margin-top: 7px;
}

.nor_list li:first-child {
    margin-top: 0
}

.bul_list2 li {
    background: url('../../images/portal/sp/bul_left.png') no-repeat 0 2px;
    padding-left: 11px;
    margin-top: 7px;
}

.bul_list2 li:first-child {
    margin-top: 0
}

/* 조직도 */
.icoOrg {
    background: url('../../images/portal/sp/ico_com.png') no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    line-height: 999px;
    margin-right: 4px;
}

.icoOrg.sm.tel {
    background-position: -75px -180px;
    width: 23px;
    height: 23px;
}

.icoOrg.sm.mobile {
    background-position: -105px -180px;
    width: 23px;
    height: 23px;
}

.icoOrg.sm.star {
    background-position: -67px -150px;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    margin-top: -3px;
}

.icoOrg.tel {
    background-position: -39px -220px;
    width: 29px;
    height: 29px;
}

.icoOrg.mobile {
    background-position: -39px -353px;
    width: 29px;
    height: 29px;
}

.icoOrg.mail {
    background-position: -39px -267px;
    width: 29px;
    height: 29px;
}

.icoOrg.address {
    background-position: -39px -313px;
    width: 29px;
    height: 29px;
}

.groupMemcnt {
    margin-top: 20px;
    padding-left: 13px;
    font-family: 'NanumGothicBold';
    font-size: 14px;
}

.groupMemcnt .group {
    color: #7e7e7e;
}

.groupMemcnt .groupmem {
    color: #2e2e2e;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 0 -93px;
    padding-left: 15px;
    margin-left: 5px;
}

.groupMemList {
    margin-top: 10px;
}

.groupMemList li {
    border: 3px solid #dadada;
    border-radius: 6px;
    padding: 0 70px 0 120px;
    position: relative;
    margin-top: 6px;
    background-color: #fff;
}

.groupMemList li:first-child {
    margin-top: 0;
}

.groupMemList li .photo {
    position: absolute;
    top: 54px;
    left: 24px;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    overflow: hidden;
    background-position: -120px -388px;
}

.groupMemList li .photo img {
    width: 80px;
}

.groupMemList li .bookmark {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 10px;
    background-position: -367px -91px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    line-height: 999px;
    cursor: pointer
}

.groupMemList li .bookmark.on {
    background-position: -297px -91px;
}

.groupMemList li dl {
    clear: both;
    overflow: hidden;
}

.groupMemList li dt {
    clear: both;
    height: 39px;
    line-height: 39px;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 100%;
}

.groupMemList li dt .memRe_disable {
    width: 5px;
    display: inline-block;
}

.groupMemList li dt .name {
    margin-left: -5px;
    font-size: 14px;
    color: #3c3c3c;
    font-family: 'NanumGothicBold';
}

.groupMemList li dt a {
    text-decoration: underline;
    font-size: 14px;
    color: #062574;
    font-family: 'NanumGothicBold';
    display: inline-block;
    height: 36px;
}

.groupMemList li .ico.none {
    background-position: -1px -146px;
    width: 21px;
    height: 36px;
    overflow: hidden;
    line-height: 999px !important;
}

.groupMemList li .ico.memok {
    background-position: -1px -146px;
    width: 21px;
    height: 36px;
    overflow: hidden;
    line-height: 999px !important;
}

.groupMemList li .team {
    color: #3c3c3c;
    font-size: 14px;
    display: inline-block;
    margin-left: 0;
}

.groupMemList li .ico.msg {
    display: inline-block;
    background: url('../../images/portal/sp/ico_com.png') no-repeat -39px -180px;
    margin-right: 12px;
    width: 29px;
    height: 29px;
    vertical-align: middle;
    margin-left: 3px;
    margin-top: -5px;
}

.groupMemList li dd .ico {
    margin-left: 3px;
    background: url('../../images/portal/sp/ico_com.png') no-repeat 0 0;
    display: inline-block;
    width: 29px;
    height: 29px;
    vertical-align: middle;
}

.groupMemList li dd {
    height: 39px;
    line-height: 39px;
    color: #3c3c3c;
    float: left;
    padding-right: 15px;
    letter-spacing: -0.4px;
    font-size: 14px;
}

.groupMemList li dd em {
    color: #7e7e7e;
}

.groupMemList li dd.team {
    float: none;
    clear: both;
    display: block;
    padding-right: 0;
    height: auto;
    line-height: 20px;
    padding: 5px 0 5px 36px;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 100%;
    text-indent: -36px;
}

.groupMemList li dd.email {
    padding-right: 0;
}

.groupMemList li dd.task {
    float: none;
    clear: both;
    display: block;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 100%;
}

.groupMemList li dd.email,
.groupMemList li dd.address {
    float: none;
    clear: both;
    display: block;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 0;
}

.groupMemList li dd.address a {
    padding-right: 25px;
    display: inline-block;
}

.groupMemList li .noResult {
    font-size: 14px;
    font-family: 'NanumGothicBold';
    text-align: center;
    padding: 15px 0;
    margin-left: -60px
}

.groupMemList button {
    top: 18px;
    right: 12px;
    position: absolute;
    width: 31px;
    height: 20px;
    display: inline-block;
    background: url('../../images/portal/sp/ico_com.png') no-repeat -60px -72px;
    overflow: hidden;
    line-height: 999px;
}

.groupMemList .btn_down {
    top: 162px;
    position: absolute;
    background-position: -99px -72px
}

/* 조직도 팝업 */
.orgW .searchWrap {
    margin-bottom: 13px;
}

.popWrap .groupMemList {
    margin-top: 0;
}

.popWrap .groupMemList > li {
    border: 3px solid #dadada;
    background-color: #f0f0f0;
    border-radius: 5px;
    margin-top: 5px;
    padding-right: 13px;
    position: relative;
    padding-left: 70px;
    padding-bottom: 6px;
}

.popWrap .groupMemList > li:first-child {
    margin-top: 0;
}

.popWrap .groupMemList .photo {
    top: 5px;
    left: 15px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    overflow: hidden;
    background-position: -220px -388px;
}

.popWrap .groupMemList .photo img {
    width: 50px;
    height: 50px
}

.popWrap .groupMemList .mem {
    background: none;
    padding-bottom: 0;
    font-size: 14px;
}

.popWrap .groupMemList .on .mem {
    background: none;
}

.popWrap .groupMemList .mem a {
    font-size: 14px;
    color: #3c3c3c;
    height: 36px;
    line-height: 36px;
    margin-left: -4px
}

.popWrap .groupMemList .mem a.msg {
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 2px;
}

.popWrap .groupMemList .mem div:first-child {
    line-height: 36px;
}

.popWrap .groupMemList .mem .team {
    font-size: 12px;
    padding-left: 0;
}

.popWrap .groupMemList .mem .team a {
    height: auto;
    line-height: 100%;
    font-size: 12px;
    padding-left: 3px;
    text-decoration: underline
}

.popWrap .groupMemList ul li {
    float: none;
    padding-right: 0;
    line-height: 29px;
}

.popWrap .groupMemList .sp_com {
    position: absolute;
    right: 10px;
    top: 10px;
    background-position: 0 -336px;
    width: 31px;
    height: 19px;
    overflow: hidden;
    line-height: 999px
}

.popWrap .groupMemList .on .sp_com {
    top: 10px;
}

.popWrap .groupMemList .memW ul {
    padding-bottom: 5px;
}

.popWrap .groupMemList .memW ul li {
    padding-left: 0;
    border: 0;
    margin-top: 0;
}

.popWrap .groupMemList > .on {
    background-color: #fff;
}

.popWrap .groupMemList .on .memDetail {
    display: block !important;
    padding-left: 0;
}

.popWrap .groupMemList .on .sp_com {
    background-position: -94px -336px;
}

.popWrap .groupMemList li.address {
    clear: both;
    overflow: hidden;
}

.popWrap .groupMemList li.address span,
.popWrap .groupMemList li.address a {
    float: left;
}

.popWrap .groupMemList li.address span {
    line-height: 14px;
    max-width: 320px;
}

.popWrap .orgW .memCnt {
    padding-bottom: 6px;
    text-align: left;
    font-family: 'NanumGothicBold';
    font-size: 14px;
}


/* 설문조사 */
/* 목록 */
.surveyW .ico_sur {
    width: 78px;
    height: 26px;
    display: inline-block;
    line-height: 26px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
}

/* 아이콘 */
.surveyW .ico_sur.i_01 {
    background-color: #ff6600
}

/* 진행중 */
.surveyW .ico_sur.i_02 {
    background-color: #6ab52d
}

/* 종료 */
.surveyW .ico_sur.i_03 {
    background-color: #a1a1a1
}

/* 게시중지 */
.surveyW .ico_sur.i_04 {
    background-color: #4a89d7
}

/* 작성중 */
.surveyW .tb_list td.date {
    color: #2e2e2e;
    font-size: 14px
}

.surveyW .tb_list td.title a {
    display: block;
    width: 720px;
}

.surveyW .titList {
    margin-top: 25px;
}

.popWrap .surveyW .titList {
    margin-top: 0;
}

/* 미리보기 팝업*/
.surveyW .titList li {
    border-bottom: 1px solid #dcdcdc;
    color: #2e2e2e;
    padding: 8px 0 8px 20px;
}

.surveyW .titList li.tit {
    font-size: 16px;
    font-family: 'NanumGothicBold';
}

.surveyW .titList li.con {
    font-size: 16px;
}

.surveyTit {
    clear: both;
    margin-top: 40px;
}

.surveyTit:after {
    clear: both;
    content: '';
    display: block;
}

.surveyTit li {
    float: left;
    color: #777777;
    font-size: 14px;
    line-height: 26px;
    font-family: 'NanumGothicBold';
}

.surveyTit li span {
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
}

.surveyTit li.target {
    position: relative;
}

/*surveyTit li.target ul{float:right;}
.surveyTit li.target li {float:left;color:#2e2e2e;font-family:'NanumGothicBold';background: url('../../images/portal/sp/bul_left.png') no-repeat  0 -58px;padding-right:22px;padding-left:30px;}
.surveyTit li.target li:first-child {padding-left:0;background:none;}
*/
.surveyTit li.target span {
    display: inline-block;
    max-width: 650px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.surveyTit li.target .btn_smg {
    font-family: 'NanumGothic';
}

.surveyTit li.target .targetList {
    display: none;
    border-radius: 3px;
    position: absolute;
    top: 30px;
    right: 0;
    border: 2px solid #c3c3c3;
    background-color: #eee;
    max-height: 200px;
    overflow-y: auto;
}

.surveyTit li.target .targetList li {
    float: none;
    font-size: 12px;
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
    padding: 0 10px;
}

.surveyTit li .state {
    background-color: #ff0000;
    width: 64px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
    border-radius: 3px;
}

.surveyTit li .stop {
    background-color: #909dd5;
    width: 64px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
    border-radius: 3px;
}

.surveyTit li .end {
    background-color: #a8a8a8;
    width: 64px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
    border-radius: 3px;
}

.surveyTit li.date, .surveyTit li.target {
    padding-left: 22px;
}

.surveyTit .name {
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
}

.surveyTit .view {
    color: #ef0807;
    padding-right: 46px
}

.surveyTit .view .ico {
    width: 23px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-position: -261px -1px;
    font-size: 0;
    text-indent: -999em;
    margin-right: 7px;
}

.surveyTit .chmem {
    color: #ef0807;
}

.surveyTit .chmem .ico {
    width: 23px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-position: -335px -1px;
    font-size: 0;
    text-indent: -999em;
    margin-right: 7px;
}

.surveyList {
    margin-top: 10px;
}

.surveyList > li {
    border: 3px solid #dadada;
    border-radius: 6px;
    margin-top: 20px;
    padding-bottom: 24px;
}

.surveyList li:first-child {
    margin-top: 0;
}

.surveyList li .tit {
    color: #2e2e2e;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #dadada;
    padding-left: 20px;
}

.surveyList .ans {
    padding: 13px 0 0 32px;
}

.surveyList li .ansList {
    margin: 0 0 13px 0;
}

.surveyList li .ansList li {
    line-height: 24px;
}

.surveyList li .ansList li .no {
    display: inline-block;
    width: 23px;
}

.surveyList li .ansEtc {
    clear: both;
    overflow: hidden;
    margin-top: 10px;
    padding-right: 20px;
}

.surveyList li .ansEtc span {
    float: left;
    color: #2e2e2e;
    font-size: 14px;
    margin-right: 10px;
}

.surveyList li .ansEtc textarea {
    float: left;
    width: 1100px;
    height: 46px;
}

.surveyList li .ansCh {
    clear: both;
    overflow: hidden;
    background: url('../../images/portal/common/vs.png') no-repeat center center;
    margin-top: 10px;
    padding-bottom: 5px;
}

.surveyList li .ansCh .ansCh_imgW {
    float: left;
    text-align: center;
    width: 50%;
}

.surveyList li .ansCh .ansCh_img {
    display: inline-block;
    border: 1px solid #fff;
    padding: 10px 10px 8px;
    cursor: pointer;
}

.surveyList li .ansCh .ansCh_img.on {
    border: 1px solid #c7c7c7;
    border-radius: 2px;
}

.surveyList li .ansCh .ansCh_img:hover {
    text-decoration: none;
}

.surveyList li .ansCh .ansCh_img .txt {
    display: block;
    font-size: 14px;
    margin-top: 8px;
}

.surveyList li .ansResult {
    padding-left: 32px;
    padding-top: 20px;
    font-size: 14px
}

.surveyList li .ansResult .chartBox {
    clear: both;
    overflow: hidden;
}

.surveyList li .ansResult .chartBox .chartImg {
    float: left;
}

.surveyList li .ansResult .chartBox .chartTxt {
    float: left;
    padding-left: 40px;
}

.surveyList li .ansResult .chartBox .ctTit {
    display: block;
    padding: 15px 0;
    font-size: 16px;
    font-family: 'NanumGothicBold';
}

.surveyList li .ansResult .chartBox ul li {
    font-size: 14px;
    padding-bottom: 10px;
    position: relative;
    padding-left: 15px;
}

.surveyList .ctIcon {
    display: inline-block;
    top: 4px;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    vertical-align: middle
}

.surveyW .ico_nees {
    display: inline-block;
    font-size: 12px;
    width: 45px;
    height: 17px;
    color: #fff;
    background-color: #4990df;
    font-family: 'dotum';
    text-align: center;
    line-height: 19px;
    border-radius: 2px;
    margin-right: 10px;
}

/* 설문등록 */
.surveyWrite .mem img {
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.surveyWrite td label {
    margin-right: 40px;
}

.tb_write .mem .none {
    background-position: -1px -147px;
    width: 17px;
    height: 36px;
    overflow: hidden;
    line-height: 999px !important;
    margin-left: 20px;
}

.tb_write .mem .photo {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: inline-block;
    border-radius: 25px;
    vertical-align: middle;
    background-position: -220px -388px;
}

.tb_write .mem .photo img {
    width: 50px
}

.tb_write .mem .name {
    margin: 0 15px 0 5px
}

.tb_write .dbChW {
    margin-top: 10px;
}

.tb_write .dbChW .txt {
    margin-right: 20px;
}

.tb_write .dbChW input[type="radio"]:not(old) + label {
    margin-right: 10px;
}

.tb_write .ser_txtarea {
    width: 98%;
    height: 30px;
}

.tb_write .thumChW {
    clear: both;
    overflow: hidden;
    margin-top: 18px;
}

.tb_write .thumChW:first-child {
    margin-top: 0;
}

.tb_write .thumChW > div {
    float: left;
}

.tb_write .thumChW .thumTit {
    margin-top: 24px;
}

.tb_write .thumChW .thumPhoto {
    margin-left: 20px;
    margin-right: 0;
    width: 98px;
    height: 78px;
    overflow: hidden;
    background: url('../../images/portal/common/webzin_thum.png') no-repeat center center;
}

.tb_write .thumChW .thumPhoto img {
    width: 98px;
    height: 78px;
}

.tb_write .thumChW label {
    margin-left: 10px;
}

.tb_write .thumChW .thumCh {
    margin-top: 10px;
}

.tb_write .info_txt {
    margin-left: 15px;
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
    text-indent: -15px;
}

.tb_write .thumChW .aninfo {
    margin: 25px 0 0 10px;
}

.tb_write .target_set {
    margin-top: 6px;
}

.tb_write .target_list {
    margin-top: 6px
}

/* 설문미리보기팝업 */
.surveyPop {
    max-height: 630px;
    margin-left: 20px;
    overflow-y: auto;
    width: 1000px;
}


/* 로그인 */
#login {
    background-color: #e5e8ed;
    width: 100%;
    height: 100%;
}

.loginWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -472px;
    margin-top: -257px;
    background: url('../../images/portal/common/bg_login.png') no-repeat 0 0;
    width: 945px;
    height: 515px;
}

.loginWrap h1 {
    width: 200px;
    height: 25px;
    margin: 35px 0 0 81px;
    padding-bottom: 25px
}

.loginWrap .loginCon {
    clear: both;
    overflow: hidden;
    margin-top: 21px;
}

.loginWrap .loginCon .loginIn {
    float: left;
    width: 300px;
    background: url('../../images/portal/common/login_left.png') no-repeat 0 0;
    padding: 30px 0 0 40px;
    height: 348px;
}

.loginWrap .loginCon .loginBn {
    float: left;
    position: relative;
    width: 546px;
    height: 375px;
    padding-top: 3px;
    background: url('../../images/portal/common/login_left.png') no-repeat 100% 0;
}

.loginWrap .loginCon .infoTxt {
    color: #2e2e2e;
    font-size: 14px;
    line-height: 20px;
}

.loginWrap .loginCon input {
    display: block;
    margin-top: 10px;
    width: 243px;
    background-color: #e2e7ee;
    height: 46px;
    line-height: 46px;
    padding-left: 17px;
    border: 0 none;
    font-size: 18px;
}

.loginWrap .loginCon input:focus {
    width: 241px;
    background-color: #fff;
    height: 42px;
    line-height: 42px;
    padding-left: 15px;
    border: 2px solid #ef0807;
}

.loginWrap .loginCon .idsaveCh {
    margin-top: 10px
}

.loginWrap .loginCon .idsaveCh input {
    width: 18px;
    height: 17px;
    display: inline-block;
}

.loginWrap .loginCon .btn_login {
    display: block;
    margin-top: 15px;
    width: 260px;
    height: 46px;
    background-color: #e12416;
    color: #fff;
    font-size: 14px;
}

.loginWrap .loginCon .btnlink {
    margin-top: 70px;
    color: #2e2e2e;
    font-size: 14px;
}

.loginWrap .loginCon .btnlink a {
    display: inline-block;
    /*margin-left: 57px;*/
    margin-left: 27px;
    /*padding-left: 55px;*/
    padding-left: 25px;
    color: #2e2e2e;
    font-size: 14px;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 0 -31px;
}

.loginWrap .loginCon .btnlink a:first-child {
    background: none;
    padding-left: 0;
    margin-left: 0;
}

.loginWrap .infoBnG {
    position: relative;
    margin-top: 10px
}

.loginWrap .infoBnG a {
    display: inline-block;
    margin-left: 20px;
    padding-left: 20px;
    color: #2e2e2e;
    font-size: 14px;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 0 -29px;
}

.loginWrap .infoBnG a:first-child {
    background: none;
    padding-left: 0;
    margin-left: 22px;
}

.loginWrap .infoBnG .copyright {
    position: absolute;
    right: 68px;
    bottom: 5px;
}

.loginWrap .bnWrap {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.loginWrap .owl-carousel {
    position: relative;
    width: 546px;
    height: 378px;
}

.loginWrap .owl-carousel .owl-item {
    float: left;
}

.loginWrap .owl-controls {
    position: absolute;
    bottom: 10px;
    left: 0;
    background: url('../../images/portal/common/bg_loginBn.png') no-repeat 0 0;
    height: 40px;
    width: 100%;
    text-align: center;
}

.loginWrap .owl-controls .owl-page {
    display: inline-block;
    margin-left: 7px;
    margin-top: 15px;
}

.loginWrap .owl-controls .owl-page span {
    display: block;
    background: url('../../images/portal/sp/icon.png') no-repeat -36px -84px;
    width: 12px;
    height: 12px;
    cursor: pointer
}

.loginWrap .owl-controls .owl-page.active span {
    background-position: 0 -84px;
}

.loginWrap .bnWrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url('../../images/portal/sp/icon.png') no-repeat 0 -123px;
    width: 16px;
    height: 15px;
}

.loginWrap .bnWrap:before {
    content: '';
    position: absolute;
    z-index: 999;
    bottom: 10px;
    left: 0;
    background: url('../../images/portal/sp/icon.png') no-repeat -34px -125px;
    width: 16px;
    height: 15px;
}

/* OTP인증 */
.loginPop {
    font-size: 14px;
    border: 3px solid #dadada;
    border-radius: 6px;
    padding: 25px;
}

.loginPop em.name {
    font-size: 16px;
    color: #062574;
    font-family: 'NanumGothicBold';
}

.loginPop.otpIn {
    text-align: center;
}

.loginPop .otpTxt {
    margin-bottom: 20px;
}

.loginPop .inputW input {
    margin-right: 3px;
}

/* 개인정보취급방침 */
.loginPop.priIn {
    height: 500px;
    overflow-y: scroll
}

.loginPop.priIn .terms_area {
    padding: 12px;
}

.loginPop.priIn .terms_area a {
    color: #3a77bb;
}

.loginPop.priIn .terms_area .txt {
    margin: 20px 0 0
}

.loginPop.priIn .terms_area .txt:nth-of-type(1) {
    margin: 0;
}

.loginPop.priIn .terms_area ol {
    margin-top: 20px;
}

.loginPop.priIn .terms_area li, .loginPop.priIn .terms_area p {
    margin-top: 10px;
}

.loginPop.priIn .terms_area h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 20px 0 0;
    font-family: 'NanumGothicBold';
}

/* 계정신청 */
.login_join .tb_write td input[type="radio"] + label {
    margin-right: 0;
}

/* 비밀번호재발급 */
.loginPop .iconW {
    text-align: center;
}

.loginPop .icon {
    background: url('../../images/portal/sp/ico_pop.png') no-repeat 0 0;
}

.loginPop .icon.mail {
    width: 75px;
    height: 75px;
    background-position: 0 -95px;
    display: inline-block;
}

.loginPop .icon.none {
    width: 75px;
    height: 75px;
    background-position: 0 0;
    display: inline-block;
}

.loginPop .infoTxt {
    margin-left: 50px;
    line-height: 160%;
    margin-top: 20px;
}

.loginPop .infoTxt2 {
    margin-left: 165px;
    line-height: 160%;
    margin-top: 20px;
}

/* 웹알람 */
.popAlarm_wrap {
    position: absolute;
    top: 30px;
    right: -52px;
    z-index: 999;
    display: none;
}

.list05 .popAlarm_wrap {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 999;
}

.popAlarm {
    width: 484px;
    background-color: #fff;
    border: 3px solid #c30100;
    border-top: 0;
    position: relative;
    padding: 10px;
    text-align: left;
}

.popAlarm .arr {
    width: 17px;
    height: 10px;
    position: absolute;
    top: 2px;
    right: 80px;
    background-position: -81px -86px
}

.list05 .popAlarm .arr {
    right: 23px
}

.popAlarm .tit {
    font-size: 16px;
    color: #727272;
    padding-left: 23px;
    font-family: 'NanumGothicBold';
    position: relative;
    margin-top: 15px;
}

.popAlarm .tit .btn_smg {
    position: absolute;
    top: -5px;
    right: 0;
}

.popAlarm .alarmList {
    font-size: 14px;
    padding-left: 30px;
    margin-bottom: 15px;
    max-height: 300px;
    overflow-y: auto;
}

.popAlarm .alarmList li {
    padding-top: 10px;
    line-height: 18px;
    position: relative;
    padding-right: 30px;
    width: 400px;
    line-height: 20px
}

.popAlarm .alarmList li .btn_del {
    position: absolute;
    top: 15px;
    right: 0px;
}

.popAlarm .alarmList li.off {
    color: #cecece
}

.popAlarm .alarmList li.off a {
    cursor: default;
}

.popAlarm .grchList {
    font-size: 14px;
    padding-left: 30px;
    margin-bottom: 15px
}

.popAlarm .grchList .input_radio {
    padding-top: 10px;
    line-height: 18px;
    display: block;
}

.popAlarm .infoTxt {
    padding-left: 30px
}

/* 로그인 계정신청 */
.popWrap .infotopTxt {
    line-height: 22px;
    margin-bottom: 20px;
    font-size: 14px;
}

/* 개인설정 */
.priSet li {
    border: 3px solid #dadada;
    border-radius: 5px;
    padding: 6px 20px;
    font-size: 14px;
    margin-top: 10px;
    position: relative
}

.priSet li:first-child {
    margin-top: 0;
}

.priSet li .tit {
    width: 127px;
    display: inline-block;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 100% -27px;
    vertical-align: middle;
    line-height: 23px;
}

.priSet li button {
    position: absolute;
    top: 5px;
    right: 20px;
}

.priSet li label {
    margin-right: 20px;
}

.priSet .signW .thumPhoto {
    background: #dbd9d9;
    width: 100px;
    height: 100px;
    border-radius: 3px;
    display: inline-block;
    overflow: hidden;
}

.priSet .signW .thumPhoto img {
    width: 100px;
    height: 100px;
}

.priSet .signW label {
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-left: 10px
}

.priSet .signW button {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 5px
}

.priSet li.themeSet > div {
    margin-top: 10px;
}

.priSet li.themeSet > div:first-child {
    margin-top: 0;
}

.priSet li.themeSet button {
    top: 40px
}

/* 접속정보확인 */
.priInfoList .datagrid-header {
    display: block;
    border-top: 2px solid #ff0000;
    border-bottom: 1px solid #d4d4d4;
}

.priInfoList .datagrid-htable td div {
    text-align: center;
}

.priInfoList .datagrid-header .datagrid-cell span {
    font-size: 14px
}

.priInfoList .datagrid-header-row, .datagrid-row {
    height: 45px;
    line-height: 45px
}

.priInfoList .datagrid-header td {
    background-color: #f6f6f6;
    border-right: none;
}

/* 비밀번호 변경 */
.popWrap .passwInW .bul_list2 li {
    font-size: 14px;
    background-position: 0 0;
}

.popWrap .passwInW .tb_write {
    margin-top: 10px;
}

/*switchbutton*/
/* input checkbox on & off */
.ckOnOff {
    display: inline-block;
    vertical-align: top;
    width: 46px;
    margin: 0 0 0 5px;
}

.ckOnOff > span {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    padding: 3px 3px 3px 2px;
    border-radius: 2px;
    background: #b7b7b7;
}

.ckOnOff > span > em {
    float: left;
    display: inline-block;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    color: #fff;
}

.ckOnOff > span > em + em {
    margin-left: 3px;
}

.ckOnOff > span:after {
    content: "";
    position: absolute;
    left: 24px;
    top: 3px;
    display: block;
    width: 20px;
    height: 18px;
    border-radius: 2px;
    background-color: #fff;
}

.ckOnOff > input:checked + span {
    background-color: #f9640b;
}

.ckOnOff > input:checked + span:after {
    left: 2px;
}

.ckOnOff input[type="checkbox"] {
    display: none;
}

/* 일정등록 */
.scheduleWrite .repeatCh > div {
    margin-top: 10px;
}

.scheduleWrite .input_radio label {
    margin-right: 0px !important;
}

.scheduleWrite .nor_list {
    margin-top: 10px !important;
}

.scheduleWrite td ul li .btn_del {
    margin-left: 4px;
}

.scheduleWrite .inpad {
    padding-left: 96px;
}

/* 공통-조직도 */
.popOrg {
    position: relative;
}

.popOrg .tabmenu {
    margin-top: 0;
    margin-bottom: 30px;
}

.popOrg .txt_info {
    margin-bottom: 20px;
    font-size: 14px
}

.popOrg .searchWrap {
    padding-left: 25px
}

.popOrg .searchWrap span {
    vertical-align: middle;
}

.popOrg .searchWrap span label {
    margin-right: 23px;
    padding-right: 0;
    margin-left: 0
}

.popOrg .searchWrap button {
    width: 70px;
    padding: 0;
}

.popOrg .orgGrp {
    margin-top: 20px;
    clear: both;
    overflow: hidden;
    position: relative;
}

.popOrg .orgGrp .grpCh {
    float: left;
    width: 225px;
    border: 3px solid #dadada;
    border-radius: 9px 9px 0 9px;
    height: 450px;
    overflow: hidden;
    overflow-y: auto;
}

.popOrg .orgGrp .grpCh .groupList {
    margin-top: 3px;
}

.popOrg .orgGrp .grpCh .groupList li {
    padding: 4px 15px 4px 0;
    padding-left: 10px;
}

.popOrg .orgGrp .grpCh .groupList li:hover {
    background: #ececec;
}

.popOrg .orgGrp .grplist {
    float: left;
    width: 240px;
}

.popOrg .orgGrp .grplist2 {
    float: right;
    width: 240px;
}

.popOrg .orgGrp .grplist .con {
    border: 3px solid #dadada;
    border-left: 0;
    border-radius: 0 9px 9px 0;
    height: 420px;
    background-color: #f7f7f7;
    overflow: hidden;
    overflow-y: auto;
}

.popOrg .orgGrp .grplist .btnWrap {
    margin-top: 0;
    margin-bottom: 8px;
    padding-left: 10px
}

.popOrg .orgGrp .grplist2 .con {
    border: 3px solid #dadada;
    border-radius: 0 9px 9px 0;
    height: 420px;
    background-color: #f7f7f7;
    overflow: hidden;
    overflow-y: auto;
}

.popOrg .orgGrp .grplist2 .tit {
    height: 30px;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 29px;
    position: relative;
}

.popOrg .orgGrp .grplist2 .tit .btn_ch {
    position: absolute;
    top: 0;
    right: 0;
}

.popOrg .orgGrp .grplist2 .tit em {
    font-size: 14px;
    color: #c30100;
}

.popOrg .orgGrp .grplist2 .btn_del {
    position: absolute;
    right: 5px;
    top: 7px
}

.popOrg .orgGrp .diviList li {
    border-bottom: 1px solid #eaeaea;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
}

.popOrg .con ul li {
    border-bottom: 1px solid #eaeaea;
    padding: 4px 12px 4px 8px;
    position: relative;
    word-break: break-all;
    font-size: 14px
}

.popOrg .orgGrp .grplist2 .con ul li {
    padding-right: 20px;
}

.popOrg .con ul li label {
    word-break: break-all;
}

.popOrg .grpChBtn {
    position: absolute;
    top: 160px;
    left: 560px;
}

.popOrg .grpChBtn button {
    display: block
}

.popOrg .grpChBtn .on {
    background: url('../../images/portal/sp/ico_pop.png') no-repeat -87px -40px;
    width: 73px;
    height: 73px;
    font-family: 'NanumGothicBold';
    color: #2e2e2e;
    font-size: 14px;
    line-height: 18px;
    padding-left: 13px;
    padding-bottom: 5px;
    text-align: left;
}

.popOrg .grpChBtn .off {
    margin-top: 10px;
    background: url('../../images/portal/sp/ico_pop.png') no-repeat -169px -40px;
    width: 73px;
    height: 73px;
    font-family: 'NanumGothicBold';
    color: #2e2e2e;
    font-size: 14px;
    line-height: 18px;
    padding-left: 28px;
    padding-bottom: 5px;
    text-align: left;
}

.popOrg .panel {
    padding: 0 10px;
}

.popOrg .panel-body {
    border: 0;
    background: none;
}

.popOrg .panel-body ul.easyui-tree li div {
    padding: 4px 0 4px 0;
    font-size: 12px;
}

.popOrg .panel-body .tree-icon,
.popOrg .panel-body .tree-folder,
.popOrg .panel-body .tree-folder-open {
    display: none;
}

.popOrg .tree-expanded {
    background: url('../../images/portal/sp/common.png') no-repeat 0 -137px;
}

.popOrg .tree-collapsed {
    background: url('../../images/portal/sp/common.png') no-repeat -26px -137px;
}

.popOrg .tree-node-selected, .popOrg .tree-node-hover {
    background: #ececec;
    color: #2e2e2e;
}

.popOrg .panel-body .tree-indent {
    width: 16px;
}

.popOrg .orgChwrap .grpCh_tit {
    position: absolute;
    font-family: 'NanumGothicBold';
    top: 6px;
    left: 0;
    font-size: 14px;
}

.popOrg .orgChwrap .grpCh {
    margin-top: 30px;
    height: 363px
}

.popOrg .orgChwrap .grpChBtn {
    top: 140px;
    left: 320px;
}

.popOrg .orgChwrap .grplist2 {
    float: right;
    width: 470px;
}

.popOrg .orgChwrap .grplist2 .con {
    border-radius: 9px;
}

.popOrg .orgResultList {
    height: 370px; /*background-color:#f7f7f7;*/
    overflow: hidden;
    overflow-y: auto;
}

.popOrg .orgResultList li {
    border: 2px solid #dadada;
    border-radius: 5px;
    padding: 11px 10px;
    margin-top: 10px;
    font-size: 14px;
}

.popOrg .orgResultList li:first-child {
    margin-top: 0;
}

.orgChwrap .line {
    background-position: 0 -29px;
    padding-left: 10px;
    margin-left: 8px;
}

.orgChwrap .grplist2 li {
    position: relative
}

.popOrg .orgGrp .grplist2 .orgResultList .btn_del {
    position: absolute;
    right: 10px;
    top: 11px
}

.orgChwrap .grpCh .diviList li {
    border-bottom: 1px solid #eaeaea;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
}

/* 주소록추가 */
.popOrg .filebox {
    margin-left: 130px;
    clear: both;
    overflow: hidden;
}

.popOrg .fileImg {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 13px
}

.popOrg .fileInput {
    float: left;
    padding-top: 10px;
}

.popOrg .inName {
    display: inline-block;
    margin-left: 40px;
}

.popOrg .btn_addressIn {
    margin-bottom: 10px;
    text-align: right;
}

.popOrg .btn_addressIn .btn_smg.btnCancel {
    background: url('../../images/portal/sp/bul_left.png') no-repeat 100% -848px;
    padding-right: 23px
}

.addressAddW .popOrg .addressAdd_org {
    margin-bottom: 30px;
}

.addressAddW .popOrg .orgGrp {
    padding: 0 28px;
}

.addressAddW .popOrg .grpCh {
    height: 285px;
    border-radius: 9px;
}

.addressAddW .popOrg .grplist2 {
    width: 440px;
}

.addressAddW .popOrg .grplist2 .con {
    height: 285px;
    border-radius: 9px;
}

.addressAddW .popOrg .grplist2 li {
    position: relative;
    line-height: 20px;
    padding-right: 60px;
}

.addressAddW .popOrg .btn_ch {
    min-width: 35px;
    background-color: #fff;
    right: 10px;
    top: 3px;
    position: absolute;
}

.addressAddW .popOrg .fileImg {
    background: url('../../images/portal/sp/icon.png') no-repeat -220px -388px
}

.popOrg .nGrpCh {
    margin: 20px 0 -10px
}

/* 추가 2017-03-03 */

/* 주소록 */
.addressBook li {
    padding: 0 150px 0 160px;
}

.addressBook li .photo {
    left: 55px
}

.addressBook li .mem span {
    color: #3c3c3c;
    font-size: 14px;
    font-family: 'NanumGothicBold';
}

.addressBook .chkWrap {
    position: absolute;
    left: 20px;
    top: 40px
}

.addressBook .btnGrp {
    position: absolute;
    right: 20px;
    top: 67px
}

.addressBook .btnGrp a {
    margin-left: 3px;
}

/* 목록-카드형 */
.cardList {
    clear: both;
    overflow: hidden;
    margin-top: 0;
}

.cardList .chkWrap {
    top: 15px
}

.cardList li {
    float: left;
    width: 232px;
    margin: 10px 5px 0;
    padding: 0;
}

.cardList li:first-child {
    margin-top: 10px;
}

.cardList li .photo {
    left: 50%;
    margin-left: -45px;
    top: 20px
}

.cardList li dl {
    padding-top: 115px;
    padding-bottom: 10px
}

.cardList li dt {
    background: none;
    text-align: center;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

.cardList li .mem a {
    float: none;
    width: 90%;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cardList li dd {
    background: none !important;
    text-align: center;
    float: none;
    height: 24px;
    line-height: 24px;
}

.cardList li dd.email span {
    display: inline-block;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cardList .btnGrp {
    position: absolute;
    right: 10px;
    top: 13px
}

.cardList .btnGrp a {
    display: block;
    margin-bottom: 3px
}

/* 주소록관리-그룹관리 */
.addressGrp {
    margin-top: 10px
}

.addressGrp li {
    border: 3px solid #dadada;
    border-radius: 6px;
    padding: 0 70px 0 40px;
    position: relative;
    margin-top: 6px;
    height: 44px;
    line-height: 44px
}

.addressGrp li .tit {
    display: inline-block;
    color: #3c3c3c;
    font-size: 14px;
    font-family: 'NanumGothicBold';
    width: 700px;
}

.addressGrp li .date {
    display: inline-block;
    font-size: 12px;
    width: 170px;
    font-size: 13px;
}

.addressGrp li .memCnt {
    font-size: 13px;
}

.addressGrp li .btnGrp {
    position: absolute;
    right: 20px;
    top: 0
}

.addressGrp li .btnGrp a {
    margin-left: 3px
}

.addressGrp li em {
    color: #6280b2
}

/* 주소록상세보기 pop */
.addressBook_pop .mem_photo {
    text-align: center;
}

.addressBook_pop .mem_photo .name {
    font-size: 14px;
    margin-bottom: 20px;
}

/* 할일관리 */
.workCon .workCnt {
    padding: 30px 0 27px;
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
}

.workCon .workCnt span {
    display: inline-block;
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
    font-size: 20px;
    padding: 0 110px;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 0 -27px;
}

.workCon .workCnt span:first-child {
    background: none
}

.workCon .workCnt span em {
    display: inline-block;
    color: #d2232a;
    font-family: 'NanumGothicBold';
}

.workCon .search {
    padding-top: 10px;
}

.workCon .search label {
    display: inline-block;
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
    font-size: 14px;
    padding: 0 40px 0 13px
}

.workCon .search a {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
}

.workCon .tableSort {
    margin-top: 10px;
}

.workCon .workList li {
    clear: both;
    overflow: hidden;
    position: relative;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 100%;
    padding: 12px 0;
}

.workCon .workList li .icoView {
    float: left;
    margin: 0 30px;
    width: 37px;
    margin-top: 4px
}

.workCon .ico {
    display: inline-block;
    background-position: -48px -237px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    line-height: 999px
}

.workCon .work_ing {
    background-position: 0 -237px;
}

.workCon .work_end {
    background-position: -241px -226px;
    width: 37px;
    height: 26px;
    margin-top: 5px
}

.workCon .workList li .dayCh {
    float: left;
    margin-right: 50px;
    width: 100px;
    text-align: center;
    color: #2e2e2e;
    font-size: 18px;
    font-family: 'NanumGothicBold';
    padding-top: 8px
}

.workCon .workList li .dayCh.point {
    color: #d2232a
}

.workCon .workList li .titw {
    float: left;
    color: #808080;
    font-size: 14px;
}

.workCon .workList li .titw .tit {
    color: #2e2e2e;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 750px;
}

.workCon .workList li .btnWrap {
    position: absolute;
    top: 5px;
    right: 15px
}


/* 그룹사보 */
.grpCurrt .galleryList li {
    width: 358px;
    height: 253px;
    padding: 15px;
    margin: 7px 9px 27px;
}

.grpCurrt .galleryList li .thum {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 177px;
    height: 244px;
    overflow: hidden;
    border: 1px solid #d4d4d4
}

.grpCurrt .galleryList li .thum img {
    width: 100%
}

.grpCurrt .galleryList li .titW {
    padding: 20px 0 50px 197px;
    width: auto;
    text-align: left;
    margin-top: 0;
    border: 1px solid #d4d4d4;
    border-left: 0;
    height: 174px;
}

.grpCurrt .galleryList li .tit {
    margin-top: 0;
    font-size: 18px;
    font-family: 'NanumGothicBold';
}

.grpCurrt .galleryList li .infoTxt {
    margin-top: 15px;
}

.grpCurrt .galleryList li .infoTxt em {
    font-family: 'NanumGothicBold';
}

.grpCurrt .galleryList li .btnWrap {
    position: absolute;
    bottom: 36px;
    right: 20px;
}

/* 회의실 예약 */
.contentWrap .reservW {
    position: relative;
}

.contentWrap .reservW #calendar .dayList {
    top: 10px;
    margin-left: -90px;
}

.contentWrap .reservW .fc-center h2 {
    background: none;
}

.contentWrap .reservW.sugRoom .fc-center h2 {
    background: url('../../images/portal/sp/bul_left.png') no-repeat 100% -848px;
}

.contentWrap .reservW .reserColor {
    position: absolute;
    top: 58px;
    right: 10px;
    z-index: 999;
}

.contentWrap .reservW .searchWrap {
    position: absolute;
    top: 2px;
    left: 20px;
    z-index: 999;
    border: 0;
    background: none;
}

.contentWrap .reservW .searchWrap .combo.textbox {
    float: left;
    margin-right: 4px;
}

.contentWrap .reservW .dateCh {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -80px;
    z-index: 999;
}

.contentWrap .reservW .fc-toolbar {
    background-color: #f0f0f0;
    font-family: 'NanumGothicBold';
    border: 1px solid #d0d4da;
    border-radius: 3px;
    height: 34px;
    padding-top: 8px;
    margin-bottom: 50px;
}

.contentWrap .reservW .fc-toolbar .fc-center {
    padding-left: 0
}

.contentWrap .reservW .fc-head th {
    background-color: #eef2f9;
    height: 41px;
    font-size: 14px;
    border: 1px solid #d0d4da;
}

.contentWrap .reservW .fc-time-area .fc-event-container {
    padding-bottom: 0;
}

.contentWrap .reservW .fc-resource-area td {
    color: #2e2e2e;
    font-size: 14px;
    position: relative
}

.contentWrap .reservW .fc-resource-area td .btn_smg {
    position: absolute;
    top: 6px;
    right: 8px
}

.contentWrap .reservW .fc-body .fc-resource-area .fc-cell-content {
    padding-top: 3px;
    padding-bottom: 0;
}

.contentWrap .reservW .fc-timeline-event {
    margin-bottom: 0;
}

.contentWrap .reservW .fc-toolbar .fc-prev-button {
    top: 8px
}

.contentWrap .reservW .fc-toolbar .fc-next-button {
    top: 8px
}

.contentWrap .reservW .fc-event,
.contentWrap .reservW .fc-event:hover,
.contentWrap .reservW .ui-widget .fc-event {
    color: #2e2e2e;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
    top: 1px !important;
}

.reservW .reserColor span {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
    font-size: 14px
}

.reservW .reserColor .end, .reservW .reserColor .ing, .reservW .reserColor .open {
    margin-left: 10px
}

.reservW .reserColor .end .ico_col {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #ecfff0;
    border: 1px solid #ccc
}

.reservW .reserColor .ing .ico_col {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fff0e0;
    border: 1px solid #ccc
}

.reservW .reserColor .open .ico_col {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #ccc
}

.reservW .combo.datebox {
    border: none;
    border-radius: 0;
    height: 30px !important;
    background-color: #f0f0f0;
    vertical-align: top;
    padding-right: 10px;
}

.reservW .combo.datebox .combo-arrow {
    margin-right: 0
}

.reservW .datebox .textbox-text {
    font-size: 20px;
    color: #7e7e7e;
    letter-spacing: 2px;
    font-family: 'NanumGothicBold';
    background-color: #f0f0f0;
    padding: 0 !important;
    margin-right: 0 !important
}

.reservW .datebox .textbox-text:focus {
    outline: none
}

.reservW .datebox.textbox-focused {
    box-shadow: none
}

.tb_reser {
    margin-top: 10px;
    border-top: 2px solid #ff0000
}

.tb_reser thead th {
    background-color: #eef2f9;
    border: 1px solid #d0d4da;
    border-top: 0;
    font-family: 'NanumGothicBold';
    height: 42px;
    text-align: center;
    font-size: 14px
}

.tb_reser tbody th {
    border: 1px solid #dfdfdf;
    border-right: 0;
    border-top: 0;
    color: #2e2e2e;
    height: 41px;
    position: relative;
    text-align: left;
    padding-left: 20px;
    font-size: 14px
}

.tb_reser tbody th a {
    position: absolute;
    top: 7px;
    right: 10px;
}

.tb_reser td {
    border: 1px solid #c4c4c4;
    border-top: 0;
    color: #2e2e2e;
    height: 41px;
    text-align: center;
    font-size: 14px
}

.tb_reser td.end {
    background-color: #ecfff0
}

.tb_reser td.ing {
    background-color: #fff0e0
}

/* 회의실예약정보 pop */
.attenderList {
    border-top: 1px solid #dcdcdc;
    position: relative;
    margin-top: 10px;
    padding-top: 10px;
    clear: both;
    overflow: hidden;
}

.attenderList:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0 !important
}

.attenderList:first-child .tit {
    top: 3px;
}

.attenderList .tit {
    font-size: 16px;
    font-family: 'NanumGothicBold';
    float: left;
    margin-right: 40px
}

.attenderList .con {
    float: left;
}

.attenderList .nor_list {
    margin-top: 0 !important;
}

.attenderList .btn_reply {
    position: absolute;
    top: 10px;
    right: 0
}

.attenderList:first-child .btn_reply {
    top: 0;
}

.popWrap.reservation .infoImg {
    border: 3px solid #dadada;
    border-radius: 6px;
    padding: 35px 0;
    text-align: center;
}

/* 차량예약 아이콘*/
.ico_journal {
    width: 78px;
    height: 26px;
    display: inline-block;
    line-height: 26px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
}

.ico_journal.none {
    background-color: #ff6600
}

.ico_journal {
    width: 78px;
    height: 26px;
    display: inline-block;
    line-height: 26px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
}

.ico_journal.end {
    background-color: #6ab52d
}

/* 제안서룸 */
.contentWrap .reservW.sugRoom .fc-toolbar {
    margin-bottom: 20px;
}

.contentWrap .reservW.sugRoom .fc-event,
.contentWrap .reservW.sugRoom .fc-event:hover,
.contentWrap .reservW.sugRoom .ui-widget .fc-event {
    color: #2e2e2e;
    font-size: 14px;
    text-align: left;
    padding: 0;
    top: 0 !important;
    height: 26px;
    line-height: 26px;
}

/* 멀티 셀렉트 */
.ms-parent {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    float: left;
    width: 155px !important;
}

.ms-choice {
    font-size: 14px;
    border: 2px solid #c4c4c4;
    border-radius: 3px;
    height: 26px;
    width: 155px;
    display: block;
    padding: 0;
    line-height: 26px;
    text-align: left;
    background-color: #fff;
}

.ms-choice > span {
    line-height: 22px;
    margin-left: 8px;
    vertical-align: top;
}

.ms-choice > div {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 30px;
    height: 18px;
    background: url(../../images/portal/sp/common.png) no-repeat -299px -138px;
}

.ms-drop {
    width: 153px;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
}

.ms-drop ul {
    overflow-y: auto;
}

.ms-drop ul li {
    padding: 4px 0
}

.ms-drop ul li label {
    height: 13px;
    padding: 1px 0 0 19px;
    display: inline-block;
    background: url(../../images/portal/sp/country_check.png) no-repeat 0 -33px;
    color: #2e2e2e;
    font-size: 12px;
    line-height: 13px;
    margin-left: 10px !important;
}

.ms-drop ul li.selected label {
    background-position: 0 2px;
}


/* 메인 */
.main #header .gnb {
    margin: 0 auto;
    text-align: center;
    position: relative;
    min-width: 1240px;

}

.main_sp {
    line-height: 9999px;
    overflow: hidden;
    background: url('../../images/portal/sp/main.png') no-repeat;
    vertical-align: top;
}

.main #header {
    box-shadow: 0 1px 2px #d7d7d7;
}

.main #conWrap {
    background: #e5e6e9;
    min-height: 603px;
}

.main .containerW {
    width: 1705px;
    margin: 0 auto;
    padding-top: 8px;
    padding-bottom: 25px
}

.main .containerW.w1024 {
    width: 1024px;
}

.main .containerW.w1280 {
    width: 1280px;
}

.main .containerW.w1280over {
    width: 1590px;
}

.main .containerW.w1024 .myArea {
    width: 950px;
}

.main .containerW.w1280 .myArea {
    width: 1270px;
}

.main .containerW .myArea {
    height: 61px;
    background-color: #203446;
    margin: 0 0 20px;
    border-radius: 4px;
    clear: both;
    overflow: hidden;
}

.main .containerW .myArea .info {
    height: 61px;
    float: left;
    padding-left: 25px;
}

.main .containerW .myArea .memInfo {
    clear: both;
    overflow: hidden;
}

.main .containerW .myArea .photo {
    float: left;
    margin-top: 5px
}

.main .containerW .myArea .photo img {
    width: 50px;
}

.main .containerW .myArea .mytxt {
    float: left;
    margin: 10px 0 0 12px
}

.main .containerW .myArea .mytxt .name {
    color: #fff;
    font-size: 14px;
}

.main .containerW .myArea .mytxt .name em {
    font-size: 14px;
    font-family: 'NanumGothicBold';
}

.main .containerW .myArea .mytxt .team {
    border-left: 1px solid #63717e;
    padding-left: 18px;
    margin-left: 22px;
    display: inline-block;
    color: #a6c9e8;
}

.main .containerW .myArea .mytxt .time {
    font-size: 12px;
    color: #a6c9e8;
    margin-top: 10px;
}

.main .containerW .myArea .pawInfo {
    float: left;
    margin: 36px 0 0 110px;
    color: #a6c9e8
}

.main .containerW.w1024 .myArea .pawInfo {
    float: left;
    margin: 36px 0 0 60px;
}

.main .containerW .myArea .pawInfo .txt {
    margin-right: 12px
}

.main .containerW .myArea .pawInfo em {
    color: #fff;
    font-family: 'NanumGothicBold';
}

.main .containerW .myArea .pawInfo .txt em {
    color: #fff;
    font-size: 16px;
    font-family: 'NanumGothicBold';
    margin-right: 15px
}

.main .containerW .myArea .pawInfo .txt2 span {
    display: inline-block;
    vertical-align: top;
}

.main .containerW .myArea .pawInfo .txt2 .i90 {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ff0000;
    margin-right: 0;
}

.main .containerW .myArea .pawInfo .txt2 .i60 {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ffb400;
    margin-right: 0;
}

.main .containerW .myArea .pawInfo .txt2 .i30 {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #22c926;
    margin-right: 0;
}

.main .containerW .myArea .check {
    float: right;
    width: 357px;
    text-align: right;
    padding-right: 20px;
    height: 61px;
    background-color: #172532;
}

.main .containerW.w1024 .myArea .check {
    width: 320px;
}

.main .containerW .myArea .check .txt {
    color: #839fba;
    font-size: 14px;
    margin-top: 22px;
    margin-right: 10px
}

.main .containerW .myArea .icoBtn {
    display: inline-block;
    background-color: #405e7e;
    height: 26px;
    padding: 0 10px;
    line-height: 26px;
    border-radius: 2px;
    color: #fff;
    margin-top: 16px;
    margin-right: 7px;
}

.main .containerW .myArea .icoBtn:hover {
    text-decoration: none
}

.main .containerW .myArea .icoBtn span {
    width: 21px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    background: url('../../images/portal/sp/main.png') no-repeat -90px -76px;
}

.main .containerW .myArea .icoBtn .set {
    width: 17px;
    background-position: -124px -78px
}

.main .containerW .myArea .icoBtn .cancel {
    width: 18px;
    background-position: -245px -80px
}

.main .containerW .myArea .icoBtn .insave {
    width: 17px;
    background-position: -274px -80px
}

.main .containerW .myArea .icoBtn .rewrite {
    width: 15px;
    background-position: -304px -80px
}

.main .container {
    position: relative;
}

.main .container > div.ss-active-child {
    background: #fff;
    position: absolute;
    width: 310px;
    height: 237px;
    box-shadow: 2px 2px 4px #cfcfd2;
    text-align: left;
    border-radius: 3px;
    overflow: hidden
}

.main .container > div[data-ss-colspan="2"],
.main .container > div.colspan2 {
    width: 630px;
}

.main .container > div[data-ss-colspan="3"] {
    width: 950px;
}

.main .container > div[data-ss-colspan="4"] {
    width: 1270px;
}

.main .container > div[data-ss-colspan="5"] {
    width: 1590px;
}

.main .container > div .layer {
    position: relative;
}

.main .container > .ss-placeholder-child {
    background: transparent;
    border: 1px dashed #555;
    box-shadow: 0 0 0;
}

.main #footer {
    margin-top: 0;
}

.port_move > div {
    border-top: 3px solid #e17216
}

.port_move .portIn {
    position: relative;
}

/* 20180305 메인 수정으로 인한 주석처리 시작 */
/*
.port_move .portIn:after {content: "";position: absolute;left: 0;top:29px;background: url('../../images/portal/sp/main.png') no-repeat 0 -18px;width: 6px;height: 11px;z-index:2;}
.port_move .portIn:before {content: "";position: absolute;right: -1px;top:29px;background: url('../../images/portal/sp/main.png') no-repeat -10px -18px;width: 6px;height: 11px;z-index:2;}
*/
/* 20180305 메인 수정으로 인한 주석처리 끝 */

/*2018-03-05 수정 passrim*/
.port_move .titArea {
    position: relative;
    height: 34px;
    color: #313131;
    font-size: 15px;
    font-family: 'NanumGothicBold';
    line-height: 34px;
    padding-left: 19px;
    background: url('../../images/portal/common/bg_tbborder_new.png') repeat-x 0 100%;
}

.port_move .titArea > span {
    display: inline-block;
    padding-right: 19px;
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*2018-03-05 수정 끝 */

.port_move .titArea.handle {
    cursor: move;
}

.port_move .titArea .btnarea {
    position: absolute;
    right: 20px;
    top: 10px;
    height: 14px;
}

.port_move .titArea .btnarea a {
    display: inline-block;
    margin-left: 9px
}

.port_move .titArea .btnarea a.btn_add {
    background-position: 0 0;
    width: 14px;
    height: 14px;
}

.port_move .titArea .btnarea a.btn_set {
    background-position: -25px 0;
    width: 15px;
    height: 14px;
}

.port_move .titArea .btnarea a.btn_del {
    margin-top: 2px;
    vertical-align: top;
}

.port_move .titArea .btnarea a.btn_move {
    background-position: -180px -226px;
}

.port_move .titArea .btnarea a.btn_copy {
    background-position: -255px 0;
    width: 16px;
    height: 17px;
    margin-top: -2px;
}

.port_move .titArea .btnarea .portCopyW {
    position: relative;
}

.port_move .titArea .btnarea .copyInfo {
    display: none;
    position: absolute;
    z-index: 3;
    top: 10px;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.port_move .titArea .btnarea .copyInfo a {
    display: block;
    margin-left: 0;
    font-size: 12px;
    line-height: 14px;
    width: 80px;
    padding: 4px
}

.port_move .titArea .btnarea .copyInfo a:hover {
    background-color: #f0f0f0;
    text-decoration: none
}

.port_move .port_empty {
    border-top: 3px solid #fff
}

/* 빈 포틀릿 */
.port_move .port_empty .portIn {
    text-align: center
}

.port_move .port_empty .add {
    display: inline-block;
    width: 87px;
    height: 87px;
    background-position: 0 -28px;
    margin-top: 60px
}

.port_move .port_empty .addtxt {
    display: block;
    font-size: 15px;
    color: #bfbfbf;
    margin-top: 15px;
    font-family: 'NanumGothicBold';
}

.port_move .port_empty a {
    display: block;
}

.port_move .port_empty a:hover {
    text-decoration: none;
}

.portIn .portLoading {
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -144px;
}

/* 로딩 이미지 */
/* 게시판 포틀릿 1~2칸 */
.portCon {
    overflow: hidden;
}

.portCon .port_board {
    padding: 22px 15px;
}

.portCon .port_board li {
    clear: both;
    overflow: hidden;
    margin-top: 20px;
}

.portCon .port_board li:first-child {
    margin-top: 0;
}

.portCon .port_board li > span {
    font-size: 14px;
    float: left;
}

.portCon .port_board li span.name {
    width: 46px;
    font-size: 12px;
    text-align: center;
    color: #2e2e2e;
    height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portCon .port_board li span.date {
    width: 80px;
    font-size: 12px;
    color: #7e7e7e;
    text-align: center;
}

.portCon .port_board li .textEllipsis {
    float: left;
    height: 16px;
    line-height: 16px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-right: 80px;
    margin-right: -80px;
    font-size: 14px;
    color: #2e2e2e;
}

div[data-ss-colspan="2"] .portCon .port_board li .textEllipsis {
    padding-right: 126px;
    margin-right: -126px;
}

/* 즐겨찾기 포틀릿-썸네일 1~2칸 */
.portCon .port_board.nodate {
    margin-top: 15px;
    padding: 7px 15px;
    overflow-y: auto;
    height: 172px
}

.portCon .port_board.nodate li .textEllipsis {
    float: left;
    height: 16px;
    line-height: 16px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-right: 0;
    margin-right: 0;
    font-size: 14px;
    color: #2e2e2e;
}

.portCon .port_bookmark_thum {
    clear: both;
    overflow: hidden;
    padding-top: 20px
}

.portCon .port_bookmark_thum li {
    float: left;
    width: 82px;
    height: 79px;
    margin: 0 10px 11px;
    margin-bottom: 14px
}

.portCon .port_bookmark_thum li a {
    display: block;
    text-align: center;
    width: 82px;
    height: 79px;
}

.portCon .port_bookmark_thum li a:hover {
    text-decoration: none
}

.portCon .port_bookmark_thum li .logo {
    line-height: 56px;
    height: 56px;
    display: block;
    text-align: center;
}

.portCon .port_bookmark li .name {
    display: block;
    font-size: 14px;
    color: #303b41;
}

.portCon .port_bookmark_thum li.add {
    border: none
}

.portCon .port_bookmark_thum li.add .ico {
    background-position: -260px -500px;
    width: 53px;
    height: 53px;
    margin-top: 13px;
    overflow: hidden;
    line-height: 9999px;
}

/* 메일 1칸 */
.portCon .mailList .mail {
    display: inline-block;
    width: 22px
}

.portCon .mailList .none .mail {
    background-position: -269px -48px
}

.portCon .mailList .open .mail {
    background-position: -296px -47px
}

.portCon .mailList .open a {
    color: #7e7e7e
}

/* 즐겨찾기 포틀릿/퀵링크 동일-리스트 1~2칸*/
.portCon .port_bookmark_list {
    padding-top: 17px
}

.portCon .port_bookmark_list li {
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
}

.portCon .port_bookmark_list li:nth-child(even) {
    background-color: #f6f6f6
}

.portCon .port_bookmark_list .tit {
    float: left;
    width: 83px;
    color: #2e2e2e;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 35px;
    line-height: 35px;
}

.portCon .port_bookmark_list a {
    color: #062574;
    text-decoration: underline;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    width: 185px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portCon .port_bookmark_name {
    clear: both;
    overflow: hidden;
    padding-top: 17px
}

.portCon .port_bookmark_name li {
    width: 50%;
    float: left;
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portCon .port_bookmark_name li.bg {
    background-color: #f6f6f6
}

.portCon .port_bookmark_name li a {
    font-size: 14px;
}

/* 앨범형 게시판 포틀릿 1칸~2칸 */
.portCon .albumBoard {
    clear: both;
    overflow: hidden;
    padding: 0 0 0 13px
}

.portCon .albumBoard li {
    position: relative;
    float: left;
    padding: 12px 0 12px 0;
    height: 74px;
    border-bottom: 1px solid #e9e9e9;
    margin-right: 12px;
    width: 285px
}

.portCon .albumBoard li .thum {
    position: absolute;
    top: 12px;
    left: 0;
    width: 108px;
    height: 74px;
    overflow: hidden;
}

.portCon .albumBoard li .thum img {
    width: 100%
}

.portCon .albumBoard li .tit {
    width: 100%;
    padding-left: 120px;
    box-sizing: border-box;
    height: 54px;
    font-family: 'NanumGothicBold';
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.portCon .albumBoard li .date {
    color: #7e7e7e;
    padding-left: 120px;
    font-size: 12px;
    margin-top: 5px
}

/* 설문조사 포틀릿 1칸 */
.portCon.rollW {
    padding: 7px 13px 0;
}

.portCon.rollW .rollList li {
    padding: 9px 0;
    border-bottom: 1px solid #e9e9e9
}

.portCon.rollW .tit {
    font-size: 14px;
    width: 100%;
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portCon.rollW .date {
    font-size: 14px;
    color: #062574;
    margin-top: 4px
}

/* 할일 포틀릿 1칸 */
.portCon.rollW .todoList li {
    position: relative;
    padding: 9px 0 9px 49px;
    border-bottom: 1px solid #e9e9e9
}

.portCon.rollW .todoList li .ico {
    position: absolute;
    top: 17px;
    left: 5px;
    display: inline-block;
    line-height: 999px;
    overflow: hidden;
}

.portCon.rollW .todoList li .ico.work_ing {
    background-position: 0 -237px;
    width: 32px;
    height: 32px;
}

.portCon.rollW .todoList li .ico.work_end {
    background-position: -241px -226px;
    width: 37px;
    height: 26px;
}

.portCon.rollW .todoList li .ico.work_noStart {
    background-position: -48px -237px;
    width: 32px;
    height: 32px;
}

/* 롤링공통 */
.portCon .owl-carousel {
    position: relative;
    width: 285px;
    height: 186px;
    overflow: hidden;
}

.portCon .owl-carousel .owl-item {
    float: left;
}

.portCon .owl-controls {
    position: absolute;
    bottom: -12px;
    left: 0;
    height: 40px;
    width: 100%;
    text-align: center;
}

.portCon .owl-controls .owl-page {
    display: inline-block;
    margin-left: 7px;
    margin-top: 15px;
}

.portCon .owl-controls .owl-page span {
    display: block;
    background: url('../../images/portal/sp/main.png') no-repeat -229px -1px;
    width: 11px;
    height: 11px;
    cursor: pointer
}

.portCon .owl-controls .owl-page.active span {
    background-position: -212px -1px;
}

/* 자산이용 현황 1~3칸 */
.portCon .reserList {
    clear: both;
    overflow: hidden;
    margin-top: 17px
}

.portCon .reserList li {
    text-align: center;
    width: 100%;
    float: left;
}

.portCon .reserList li:first-child {
    border-left: 0;
}

.portCon .reserList li .main_sp {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.portCon .reserList li .ico_room {
    background-position: 0 -135px;
}

.portCon .reserList li .ico_car {
    background-position: -64px -135px;
}

.portCon .reserList li .ico_cont {
    background-position: -130px -135px;
}

.portCon .reserList li .tit {
    margin-top: 10px;
    font-family: 'NanumGothicBold';
    font-size: 16px;
    margin-bottom: 5px;
}

.portCon .reserList li .cnt {
    vertical-align: bottom;
    color: #e12416;
    font-family: 'NanumGothicBold';
    font-size: 14px;
    margin-bottom: 5px;
}

.portCon .reserList li .cnt em {
    font-family: 'NanumGothicBold';
    font-size: 40px;
}

.portCon .reserList li .cnt .totalcnt {
    font-family: 'NanumGothicBold';
    font-size: 22px;
    color: #5a595f
}

.portCon .reserList .btn_reser {
    display: inline-block;
    border: 1px solid #c7c7c7;
    border-radius: 18px;
    padding: 0 37px;
    height: 35px;
    line-height: 35px;
    color: #e12416;
    font-size: 14px;
}

.portCon .reserList .btn_reser:hover {
    text-decoration: none;
}

.portCon.reserCnt02 .reserList li {
    width: 50%;
    border-left: 1px solid #e9e9e9;
    box-sizing: border-box;
}

.portCon.reserCnt02 .reserList .btn_reser {
    padding: 0 19px
}

div[data-ss-colspan="2"] .portCon.reserCnt02 .reserList .btn_reser {
    padding: 0 37px;
}

.portCon.reserCnt03 .reserList li {
    width: 33.3%;
    border-left: 1px solid #e9e9e9;
    box-sizing: border-box;
}

/* 부서수신함 1칸~2칸 */
.portCon .ico_ewfPri {
    background: url(../../images/ewf/ewf_LNB.png) no-repeat 5px 5px;
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 999px;
    overflow: hidden;
    background-color: #153b9d;
    border-radius: 50%;
}

.portCon .ico_ewfTeam {
    background: url(../../images/ewf/ewf_LNB.png) no-repeat -155px -74px;
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 999px;
    overflow: hidden;
    background-color: #426f17;
    border-radius: 50%;
}

.portCon.ewfReser .reserList li .cnt {
    vertical-align: bottom;
    color: #e12416;
    font-family: 'NanumGothicBold';
    font-size: 14px;
    margin-bottom: 0;
}

.portCon.ewfReser .btn_reserW {
    margin-top: 5px;
    text-align: center;
}

.portCon.ewfReser .btn_reser {
    display: inline-block;
    border: 1px solid #c7c7c7;
    border-radius: 18px;
    padding: 0 37px;
    height: 35px;
    line-height: 35px;
    color: #e12416;
    font-size: 14px;
}

.portCon.ewfReser .btn_reser:hover {
    text-decoration: none
}

/* 가입커뮤니티 1칸 */
.portCon .joincafelist {
    overflow-y: auto;
    height: 172px;
    margin-top: 10px;
    padding: 0 0 0 13px;
}

.portCon .joincafelist li {
    position: relative;
    padding: 5px 0 5px 58px;
    height: 50px;
}

.portCon .joincafelist li .photo {
    position: absolute;
    left: 0;
    top: 0;
}

.portCon .joincafelist li .tit {
    padding-top: 4px;
    font-size: 14px;
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.portCon .joincafelist li .cnt {
    color: #7e7e7e;
    margin-top: 8px;
}

/* 일정 2칸 */
.portCon .port_scheduleW {
    clear: both;
    overflow: hidden;
    background-color: #f6f6f6
}

.portCon .monthW {
    float: left;
    background-color: #fff;
    width: 53px;
    height: 204px;
    margin-right: 4px;
    border-right: 1px solid #ebebeb;
    text-align: center;
    position: relative;
}

.portCon .calenW {
    float: left;
    background-color: #fff;
    border-right: 1px solid #ebebeb;
    margin-right: 4px;
    border-left: 1px solid #ebebeb;
    height: 204px
}

.portCon .scheduleList {
    float: left;
    background-color: #fff;
    border-left: 1px solid #ebebeb;
    height: 204px;
    width: 312px;
}

.portCon .monthW button {
    position: absolute;
    top: 12px;
    left: 17px;
    background: url('../../images/portal/sp/main.png') no-repeat -197px -123px;
    width: 24px;
    height: 24px;
    font-size: 0;
}

.portCon .monthW button.nextMonth {
    background-position: -196px -162px;
    top: 168px;
}

.portCon .monthW .year {
    margin-top: 73px;
    color: #979797;
    font-size: 16px;
    font-family: 'NanumGothicBold';
    letter-spacing: -1px
}

.portCon .monthW .month {
    color: #5a595f;
    font-size: 36px;
    font-family: 'NanumGothicBold';
    letter-spacing: -2px;
    line-height: 100%;
}

.portCon .calenW table {
    width: 252px;
}

.portCon .calenW table th, .portCon .calenW table td {
    text-align: center;
    width: 36px;
    font-size: 11px;
}

.portCon .calenW table th {
    height: 30px;
    border-bottom: 1px solid #ebebeb;
    color: #acacac
}

.portCon .calenW table td {
    height: 28px;
}

.portCon .calenW a {
    display: block;
    position: relative;
    height: 28px;
    width: 29px;
    vertical-align: middle;
    line-height: 28px
}

.portCon .calenW .sun a {
    color: #fa5050
}

.portCon .calenW .sat a {
    color: #007ee5
}

.portCon .calenW .otherD a {
    color: #d4d4d4
}

.portCon .calenW a:hover {
    text-decoration: none;
}

.portCon .calenW .today a {
    background-color: #ffdab9;
    border-radius: 50%;
}

.portCon .calenW .selected a {
    background-color: #b9ceff;
    border-radius: 50%;
}

.portCon .calenW .scW {
    position: absolute;
    top: 21px;
    text-align: center;
    width: 29px;
}

.portCon .calenW .scW > span {
    vertical-align: top;
    line-height: 5px;
    width: 5px;
    height: 5px;
    display: inline-block;
    margin: 0 1px;
    padding: 0;
    overflow: hidden;
    font-size: 0;
}

.portCon .port_scheduleW .sc_pri {
    background: url('../../images/portal/sp/main.png') no-repeat -113px -113px;
}

.portCon .port_scheduleW .sc_com {
    background: url('../../images/portal/sp/main.png') no-repeat -96px -113px;
}

.portCon .port_scheduleW .sc_team {
    background: url('../../images/portal/sp/main.png') no-repeat -130px -113px;
}

.portCon .scheduleList .info {
    height: 22px;
    padding-top: 8px;
    text-align: right;
    border-bottom: 1px solid #ebebeb;
}

.portCon .scheduleList .info .txt {
    display: inline-block;
    padding-right: 14px;
    font-size: 12px;
    color: #7e7e7e;
}

.portCon .scheduleList .info .txt > span {
    vertical-align: middle;
    width: 5px;
    height: 5px;
    display: inline-block;
    margin-right: 3px;
    padding: 0;
    overflow: hidden;
    font-size: 0;
}

.portCon .scheduleList .list {
    height: 173px;
    overflow-y: auto;
}

.portCon .scheduleList .list li {
    padding: 0 0 0 10px;
    line-height: 34px;
    clear: both;
    overflow: hidden
}

.portCon .scheduleList .list li:nth-child(even) {
    background-color: #f6f6f6
}

.portCon .scheduleList .list .time {
    float: left;
    width: 43px;
    background: url('../../images/portal/common/ico_time.png') no-repeat 0 10px;
    padding-left: 20px;
    color: #7e7e7e;
}

.portCon .scheduleList .list .scTxt {
    float: left;
    position: relative;
    vertical-align: top;
    background: url('../../images/portal/common/bg_scLine.png') no-repeat 6px 0;
    padding-left: 20px;
    font-size: 14px;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
}

.portCon .scheduleList .list .ico_sc {
    position: absolute;
    top: 10px;
    left: 0;
    background: url('../../images/portal/sp/main.png') no-repeat -283px -127px;
    width: 14px;
    height: 14px
}

.portCon .scheduleList .list .sc_com {
    background-position: -260px -127px;
}

.portCon .scheduleList .list .sc_team {
    background-position: -306px -127px;
}

/* 생일알림 1칸 */
.portCon.birthAlarm .dayW {
    clear: both;
    overflow: hidden;
    margin: 5px 0 0 5px;
}

.portCon.birthAlarm .dayW .date {
    float: left;
    font-size: 50px;
    font-family: 'NanumGothicBold';
    color: #f4780a;
    letter-spacing: -2.5px;
    padding-right: 5px;
}

.portCon.birthAlarm .dayW .txt {
    float: left;
    font-size: 14px;
    letter-spacing: -1px
}

.portCon.birthAlarm .dayW .tit {
    font-size: 16px;
    font-family: 'NanumGothicBold';
    margin: 8px 0 6px 0
}

.portCon.birthAlarm .list {
    border-top: 1px solid #e9e9e9;
    margin: 0 13px;
    overflow-y: auto;
    height: 125px
}

.portCon.birthAlarm .list li {
    border-bottom: 1px solid #e9e9e9;
    height: 30px;
    line-height: 30px
}

.portCon.birthAlarm .list li .name {
    font-size: 14px;
    font-family: 'NanumGothicBold';
    display: inline-block;
    width: 51px;
    padding-left: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
}

.portCon.birthAlarm .list li .team {
    font-size: 14px;
    width: 195px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
    display: inline-block;
    padding-left: 14px;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 0 -22px;
}

/* 식단 1칸 */
.portCon.foodroll {
    background: url('../../images/portal/common/bg_mainFood.png') no-repeat 100% 100%;
    height: 212px
}

.portCon.foodroll .owl-carousel {
    width: 310px
}

.portCon.foodroll .item {
    text-align: center;
}

.portCon.foodroll .tit {
    font-size: 18px;
    font-family: 'NanumGothicBold';
    color: #f4780a;
    height: 20px;
    margin-top: 14px;
}

.portCon.foodroll .list {
    margin: 10px auto 0;
    width: 310px;
    height: 146px;
    overflow-y: auto
}

.portCon.foodroll .list li {
    color: #303b41;
    font-size: 14px;
    padding: 4px 0;
}

.portCon.foodroll .owl-controls {
    left: 0;
    bottom: 140px;
    position: initial
}

.portCon.foodroll .owl-prev {
    position: absolute;
    top: 12px;
    left: 15px;
    cursor: pointer;
    font-size: 0;
    background: url('../../images/portal/sp/main.png') no-repeat -235px -232px;
    width: 17px;
    height: 31px
}

.portCon.foodroll .owl-next {
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer;
    font-size: 0;
    background: url('../../images/portal/sp/main.png') no-repeat -287px -232px;
    width: 17px;
    height: 31px
}

/* 다중형 게시판 1~2칸  */

/* 20180306 수정 시작 */
.multiBoard .titArea {
    background-color: #f4f4f4
}

.multiBoard .titArea owl-item:first-child.synced {
    margin-left: 0;
    border-left: 0;
}

.multiBoard .titArea .owl-item.synced, .multiBoard .titArea .synced {
    background-color: #fff;
    color: #e54135;
    border-right: 1px #cdcdcd;
    border-left: 1px #cdcdcd;
    margin-left: -1px;
    margin-right: -1px;
}

.multiBoard .titArea .owl-item {
    float: left;
    color: #959595;
    width: 146px !important;
    text-align: center;
    cursor: pointer
}

/* 20180306 수정 끝 */

.multiBoard .titArea {
    padding-left: 0;
}

.portCon.boardW .owl-carousel {
    width: 630px
}

/* 경조사 게시판 1칸 */
.portCon.famboard.rollW {
    padding: 0;
}

.portCon.famboard .owl-carousel {
    width: 310px;
}

.portCon.famboard .port_board {
    padding: 14px 13px 0;
}

.portCon.famboard .port_board li {
    margin-top: 11px;
}

.portCon.famboard .port_board li:first-child {
    margin-top: 0;
}

.portCon.famboard .port_board li .textEllipsis {
    padding-left: 35px;
    height: 18px;
    padding-right: 50px;
    margin-right: -50px;
}

.portCon.famboard .port_board .titLine {
    position: relative
}

.portCon.famboard .main_sp {
    position: absolute;
    top: 0;
    left: 0;
    width: 29px;
    vertical-align: middle;
    line-height: 29px;
    text-indent: -999px;
    margin-right: 5px;
    overflow: hidden;
}

.portCon.famboard .marry {
    background-position: -111px -195px;
}

.portCon.famboard .birthday {
    background-position: -37px -195px;
}

.portCon.famboard .birth {
    background-position: 0 -195px;
}

.portCon.famboard .birth61 {
    background-position: -176px -259px;
}

/* 20180309 추가 시작 */
.portCon.famboard .birth01 {
    background-position: -137px -259px;
}

/* 20180309 추가 끝 */

.portCon.famboard .death {
    background-position: -74px -195px;
}

.portCon.famboard .port_board .name {
    display: inline-block;
    line-height: 14px;
    margin-top: 0;
    vertical-align: top;
}

.portCon.famboard .port_board .date {
    font-size: 12px;
    color: #7e7e7e;
    text-align: left;
    padding-left: 35px;
    margin-top: -7px;
}

.portCon.famboard .owl-carousel {
    height: 190px;
}

.portCon.famboard .owl-controls {
    bottom: -14px
}

/* 메일용량 1칸 */
.main .container > div.nonBor {
    border-top: 0;
    height: 240px;
}

.main .container > div.port_mail {
    background-color: #f07112;
}

.nonBor .titArea {
    color: #fff;
    height: 37px;
    line-height: 37px;
}

/* 20180309 주석처리 시작 */
/*
.nonBor .titArea >span {background: url('../../images/portal/common/main_titBgWh.png') no-repeat 100% 12px;}
*/
/* 20180309 주석처리 끝 */

.nonBor .portIn:after {
    top: 32px;
}

.nonBor .portIn:before {
    top: 32px;
}

/* 20180309 주석처리 시작 */
/*
.nonBor .titArea {background:url('../../images/portal/common/bg_tbborderWh.png') repeat-x 0 100%;}
*/
/* 20180309 주석처리 끝 */

.nonBor .titArea .btnarea a.btn_add {
    background-position: -155px -203px;
}

.nonBor .titArea .btnarea a.btn_set {
    background-position: -180px -203px;
}

.nonBor .titArea .btnarea a.btn_del {
    background: url('../../images/portal/sp/main.png') no-repeat -203px -204px;
}

.nonBor .titArea .btnarea a.btn_move {
    background: url('../../images/portal/sp/main.png') no-repeat -155px -226px;
}

.nonBor .titArea .btnarea a.btn_copy {
    background-position: -255px 0;
    width: 16px;
    height: 17px;
    margin-top: -2px;
}

.nonBor .titArea .btnarea .portCopyW {
    position: relative;
}

.nonBor .titArea .btnarea .copyInfo {
    display: none;
    position: absolute;
    z-index: 3;
    top: 10px;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.nonBor .titArea .btnarea .copyInfo a {
    display: block;
    margin-left: 0;
    font-size: 12px;
    line-height: 14px;
    width: 80px;
    padding: 4px
}

.nonBor .titArea .btnarea .copyInfo a:hover {
    background-color: #f0f0f0;
    text-decoration: none
}

.port_mail .portCon .tit {
    color: #fff;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
}

.port_mail .portCon .info {
    color: #fff;
    text-align: center;
    margin-top: 25px;
    font-size: 26px;
}

.port_mail .portCon .info em {
    font-family: 'NanumGothicBold';
    color: #fff000;
}

.port_mail .portCon .graphW {
    clear: both;
    overflow: hidden;
    padding: 0 20px;
    margin-top: 10px;
}

.port_mail .portCon .graphArea {
    background: url('../../images/portal/common/bg_transWh.png') repeat 0 0;
}

.port_mail .portCon .graph {
    height: 27px;
    background: #57fffd;
    background: -webkit-linear-gradient(left, #57fffd, #ffef3d);
    background: -o-linear-gradient(right, #ffef3d, #57fffd);
    background: -moz-linear-gradient(right, #ffef3d, #57fffd);
    background: linear-gradient(to right, #ffef3d, #57fffd);
}

.port_mail .portCon .min {
    float: left;
    color: #fff;
    margin-top: 12px;
    font-size: 18px;
    font-family: 'NanumGothicBold';
}

.port_mail .portCon .max {
    float: right;
    color: #fff;
    margin-top: 12px;
    margin-right: -10px;
    font-size: 18px;
    font-family: 'NanumGothicBold';
}

/* 퀵메일 보내기 2칸 */
.quickMail {
    padding: 0 14px
}

.quickMail .tit {
    font-size: 14px;
    display: inline-block;
    width: 66px;
    padding-left: 4px
}

.quickMail .mailAdd {
    background-color: #696969;
    border-radius: 3px;
    color: #fff;
    font-family: 'NanumGothicBold';
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    margin-left: 5px;
    width: 42px
}

.quickMail .toW {
    margin-top: 10px;
}

.quickMail .titW {
    margin: 6px 0;
}

.quickMail .toW .tit {
    letter-spacing: -0.9px
}

.quickMail .titW .tit {
    letter-spacing: 19px
}

.quickMail .conW textarea {
    width: 582px;
    height: 57px;
}

.quickMail .mailBtnW {
    margin-top: 6px;
}

.quickMail .mailBtnW button {
    background-color: #405e7e;
    border-radius: 3px;
    color: #fff;
    font-family: 'NanumGothicBold';
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    width: 100%;
}

/* 시계 1칸 */
.main .container > div.port_watch {
    background: url('../../images/portal/common/bg_portWatch.png') no-repeat 0 0;
}

.port_watch .portCon .date {
    font-size: 16px;
    color: #fff;
    padding-top: 45px;
    text-align: center;
}

.port_watch .portCon .time {
    font-size: 50px;
    color: #fff;
    text-align: center;
    font-family: 'NanumGothicBold';
    margin-top: 10px;
}

.port_watch .portCon .time span {
    font-size: 14px;
    font-family: 'NanumGothic';
}

.port_watch .portCon .week {
    color: #f6ff00;
    font-size: 18px;
    font-family: 'NanumGothicBold';
    text-align: center;
}

/* 기간계 시스템 1칸 */
.main .container > div.port_system {
    background-color: #35548d;
}

.port_system .portCon {
    padding: 0 14px;
}

.port_system .systemTxtW .tit {
    height: 67px;
    line-height: 67px;
    color: #fff;
    font-family: 'NanumGothicBold';
    text-align: center;
    width: 100%;
    background-color: #1d3576;
    font-size: 28px;
    margin: 20px 0;
    border-radius: 3px
}

.port_system .systemTxtW .con {
    color: #fff;
    font-size: 18px;
    font-family: 'NanumGothicBold';
    text-align: center;
    line-height: 30px;
}

.port_system .systemTxtW .con em {
    color: #fff000
}

.port_system .systemChartW .tit {
    font-family: 'NanumGothicBold';
    text-align: center;
    width: 100%;
    font-size: 24px;
    margin-top: 30px;
    color: #fff
}

.port_system .systemChartW .tit em {
    color: #fff000;
    font-size: 18px;
}

.port_system .systemChartW .chartArea {
    margin-top: 20px;
    position: relative
}

.port_system .systemChartW .chartIn {
    width: 100%;
    background-color: #1d3576;
    height: 54px;
}

.port_system .systemChartW .chart {
    background-color: #ffa200;
    height: 54px;
    color: #3a0400;
    font-size: 18px;
    font-family: 'NanumGothicBold';
    text-align: center;
    line-height: 54px;
    min-width: 40px;
    max-width: 225px;
}

.port_system .systemChartW .max {
    position: absolute;
    top: 16px;
    right: 10px;
    color: #fff;
    font-size: 18px;
    font-family: 'NanumGothicBold';
}

.port_system .systemNoW {
    padding-top: 20px;
}

.port_system .systemNoW .tit {
    height: 74px;
    line-height: 74px;
    color: #ffa200;
    font-family: 'NanumGothicBold';
    text-align: center;
    width: 100%;
    background-color: #1d3576;
    font-size: 52px;
    margin-top: 20px;
}

.port_system .systemNoW .con {
    color: #fff;
    font-size: 18px;
    font-family: 'NanumGothicBold';
    text-align: center;
    line-height: 30px;
}

.port_system .systemNoW .con em {
    color: #fff000;
    font-size: 26px;
}

/* 이미지 html형 */
.main .container > div.port_img {
    border-top: 0;
    height: 240px;
}

.port_img .portImgIn {
    position: relative;
    height: 240px
}

.port_img .portImgIn .btnarea {
    position: absolute;
    top: 10px;
    right: 20px;
    height: 14px;
}

.port_img .portImgIn .btnarea a {
    display: inline-block;
    margin-left: 9px
}

.port_img .portImgIn .btnarea a.btn_move {
    background-position: -180px -226px;
    width: 14px;
    height: 14px;
}

.port_img .portImgIn .btnarea a.btn_set {
    background-position: -25px 0;
    width: 15px;
    height: 14px;
}

.port_img .portImgIn .btnarea a.btn_del {
    margin-top: 2px;
    vertical-align: top;
}

.port_img .portImgIn .btnarea a.btn_copy {
    background-position: -255px 0;
    width: 16px;
    height: 17px;
    margin-top: -2px;
}

.port_img .portImgIn .btnarea .portCopyW {
    position: relative;
}

.port_img .portImgIn .btnarea .copyInfo {
    display: none;
    position: absolute;
    z-index: 3;
    top: 18px;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.port_img .portImgIn .btnarea .copyInfo a {
    display: block;
    margin-left: 0;
    font-size: 12px;
    line-height: 14px;
    width: 80px;
    padding: 4px
}

.port_img .portImgIn .btnarea .copyInfo a:hover {
    background-color: #f0f0f0;
    text-decoration: none
}

.port_img .portImgIn .item {
    width: 100%;
    height: 240px;
    overflow: hidden;
}

.port_img .portImgIn .item img {
    max-width: 100%;
    height: 240px;
}

.port_img .owl-carousel {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
    border-radius: 3px
}

.port_img .owl-carousel .owl-item {
    float: left;
}

.port_img .owl-controls {
    position: absolute;
    bottom: 20px;
    left: 0;
    height: 20px;
    width: 100%;
    text-align: center;
}

.port_img .owl-controls .owl-page {
    display: inline-block;
    margin-left: 7px;
    margin-top: 15px;
}

.port_img .owl-controls .owl-page span {
    display: block;
    background: url('../../images/portal/sp/main.png') no-repeat -229px -1px;
    width: 11px;
    height: 11px;
    cursor: pointer
}

.port_img .owl-controls .owl-page.active span {
    background-position: -212px -1px;
}

/* 날씨1칸 */
.main .container > div.port_weather {
    border-top: 0;
    height: 240px;
}

.port_weather .portIn {
    width: 310px;
    height: 240px;
    background: url('../../images/portal/common/port_weather.png') no-repeat 0 0;
}

.port_weather .portIn.wet02 {
    background-position: -320px;
    0;
}

.port_weather .portIn.wet03 {
    background-position: -639px;
    0;
}

.port_weather .portIn.wet04 {
    background-position: -959px;
    0;
}

.port_weather .portIn.wet05 {
    background-position: -1279px;
    0;
}

.port_weather .portIn.wet06 {
    background-position: -1599px;
    0;
}

.port_weather .portIn.wet07 {
    background-position: -1919px;
    0;
}

.port_weather .portCon {
    padding: 30px 0 0 130px;
}

.port_weather .areaCh .tit {
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 4px;
    display: block;
    margin-bottom: 5px;
}

.port_weather .areaTit {
    color: #fff;
    font-size: 18px;
    margin-top: 25px;
}

.port_weather .temper {
    color: #ffea00;
    font-size: 52px;
    letter-spacing: -6px;
}

/* select jqueryui */
.port_weather .ui-selectmenu-button {
    padding: 0 0 0 4px;
    display: inline-block;
    position: relative;
    line-height: normal;
    cursor: pointer;
    vertical-align: middle;
    border: 2px solid #c4c4c4;
    background: #f6f6f6;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    border-radius: 3px;
    background-color: #fff;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    width: 140px
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-open {
    display: block;
}

.port_weather .ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;

}

.port_weather .ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
}

.port_weather .ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
    background: url(../../images/portal/sp/common.png) no-repeat -299px -137px;
    width: 30px !important;
    height: 20px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    background-color: #fff
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
    max-height: 150px;
}

.ui-selectmenu-menu .ui-menu li {
    padding: 3px;
    cursor: pointer;
}

.ui-selectmenu-menu .ui-menu li:hover {
    background-color: #ececec;
}

/* 포틀릿 새로고침 */
.portError {
    position: absolute;
    left: 50%;
    margin-left: -130px;
    top: 10px;
    text-align: center;
    font-size: 13px;
    padding-top: 80px;
    line-height: 140%;
}

.portError .refreshImg {
    margin-top: 15px;
}

/* color 커뮤니티 동일 */
.port_col01 {
    border-top-color: #1abc9c !important;
}

.port_col02 {
    border-top-color: #2ecc71 !important;
}

.port_col03 {
    border-top-color: #3498db !important;
}

.port_col04 {
    border-top-color: #9b59b6 !important;
}

.port_col05 {
    border-top-color: #34495e !important;
}

.port_col06 {
    border-top-color: #16a085 !important;
}

.port_col07 {
    border-top-color: #27ae60 !important;
}

.port_col08 {
    border-top-color: #2980b9 !important;
}

.port_col09 {
    border-top-color: #8e44ad !important;
}

.port_col10 {
    border-top-color: #2c3e50 !important;
}

.port_col11 {
    border-top-color: #f1c40f !important;
}

.port_col12 {
    border-top-color: #e67e22 !important;
}

.port_col13 {
    border-top-color: #e74c3c !important;
}

.port_col14 {
    border-top-color: #ecf0e1 !important;
}

.port_col15 {
    border-top-color: #95a5a6 !important;
}

.port_col16 {
    border-top-color: #f39c12 !important;
}

.port_col17 {
    border-top-color: #d35400 !important;
}

.port_col18 {
    border-top-color: #c0392b !important;
}

.port_col19 {
    border-top-color: #bdc3c7 !important;
}

.port_col20 {
    border-top-color: #7f8c8d !important;
}

/*2018-03-10 추가시작*/
.port_col21 {
    border-top-color: #e12416 !important;
}

.port_col22 {
    border-top-color: #ee449c !important;
}

.port_col23 {
    border-top-color: #e863bb !important;
}

.port_col24 {
    border-top-color: #d370e8 !important;
}

.port_col25 {
    border-top-color: #9e87f3 !important;
}

.port_col26 {
    border-top-color: #50cf71 !important;
}

.port_col27 {
    border-top-color: #89cf51 !important;
}

.port_col28 {
    border-top-color: #c1cf51 !important;
}

.port_col29 {
    border-top-color: #cfc151 !important;
}

.port_col30 {
    border-top-color: #35d7d1 !important;
}

.port_col31 {
    border-top-color: #ff0000 !important;
}

/*2018-03-10 추가 끝 */


.barColorCh {
    position: absolute;
    top: 30px;
    left: 50px;
    z-index: 999;
    padding: 3px;
    border: 1px solid #686868;
    background-color: #fff;
    width: 420px;
    background: url('../../images/portal/common/bar_color.png') no-repeat 0 0;
}

.barColorCh li {
    float: left;
    text-align: center;
}

.barColorCh li a {
    display: block;
    width: 84px;
    height: 64px;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    font-family: 'NanumGothicBold';
    padding-top: 20px
}

.barColorCh li a:hover {
    width: 80px;
    height: 62px;
    border: 2px solid #040000;
    padding-top: 18px;
    text-decoration: none
}

.barColorCh li.fc03 a {
    color: #2a2a2a
}

/* 포틀릿- 레이아웃설정 */
.portletW .tabmenu {
    margin-top: 0;
}

.portletW .mgsBox {
    width: 100%;
    box-sizing: border-box;
}

.portletW .mgsBox .con {
    width: auto;
}

.portletW .tit3 {
    margin-top: 48px;
}

.set_resolution {
    padding: 0 20px 70px;
    background: url('../../images/portal/common/portlet_res.png') no-repeat 185px bottom;
    margin-bottom: 40px;
}

.set_resolution .setList {
    padding-left: 17px;
    padding-top: 30px
}

.set_resolution .setList li {
    padding-bottom: 40px;
}

.set_resolution .setList li label {
    width: 120px;
    display: inline-block;
    margin-right: 340px;
    font-size: 16px;
    font-family: 'NanumGothicBold';
}

.set_resolution .setList li label span {
    color: #d2232a;
    font-family: 'NanumGothicBold';
}

.set_resolution .setList li:first-child label {
    margin-right: 0;
}

.set_resolution .setList li .autoInfo {
    font-family: 'NanumGothicBold';
    font-size: 16px;
    margin-right: 167px;
}

.set_resolution .setList li .infotxt {
    font-size: 14px;
    color: #2e2e2e
}

.set_resolution .setList li .infotxt em {
    color: #c30100;
    font-family: 'NanumGothicBold';
}

.popWrap .set_line .infoW .textbox .textbox-text {
    padding-top: 0 !important
}

/* 포틀릿- 게시판설정 */
.set_portlet {
    clear: both;
    overflow: hidden;
}

.set_portlet .porList {
    float: left;
    width: 300px;
    height: 535px;
    margin-top: 30px;
    overflow-y: auto;
}

.set_portlet .porCon {
    float: left;
    margin-left: 30px;
    width: 625px;
    height: 535px;
    margin-top: 30px;
    box-sizing: border-box;
    overflow-y: auto;
}

.set_portlet .porCon .portW {
    padding-right: 25px;
}

.set_portlet .porCon .tit3 {
    margin-top: 0;
}

.set_portlet .porList li a {
    display: block;
    margin-bottom: 10px;
    border: 3px solid #dadada;
    border-radius: 6px;
    width: 190px;
    padding: 20px 0 0 75px;
    height: 58px;
    position: relative;
}

.set_portlet .porList li a:hover {
    text-decoration: none;
}

.set_portlet .porList li.on a {
    border-color: #ff0000;
    background-color: #f0f0f0;
    text-decoration: none;
}

.set_portlet .porList li a.on {
    color: #ff0000;
}

.set_portlet .porList li a span {
    display: block;
}

.set_portlet .porList li a span.img {
    position: absolute;
    top: 19px;
    left: -5px;
    width: 95px;
    height: 45px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
}

.set_portlet .porList li a span.tit {
    font-size: 16px;
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
    margin-bottom: 5px;
}

.set_portlet .porList li a span.info {
    font-size: 14px;
    color: #2e2e2e;
}

.set_portlet .porCon .boardCh {
    padding: 12px 0 0 11px;
    margin-bottom: 30px;
}

.set_portlet .porCon .boardCh > li {
    font-size: 14px;
    color: #2e2e2e;
    padding-bottom: 10px;
    position: relative
}

.set_portlet .porCon .boardCh > li label {
    margin-right: 20px;
}

.set_portlet .porCon .boardCh .barColor {
    margin-right: 20px;
    font-size: 14px;
    font-family: 'NanumGothicBold';
}

.set_portlet .porCon .boardCh .board_info {
    font-size: 12px;
    margin-left: 80px;
    margin-top: 5px;
}

.set_portlet .porCon .tb_infoTxt {
    font-size: 14px;
    color: #2e2e2e;
    padding: 0 0 13px 12px
}

.set_portlet .porCon .tb_write label {
    margin-right: 0;
}

.set_portlet .porCon .bnimg {
    text-align: center
}

.set_portlet .mycomList {
    border-top: 2px solid #ff0000;
}

.set_portlet .mycomList li {
    clear: both;
    overflow: hidden;
    height: 80px;
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc
}

.set_portlet .mycomList li > div {
    float: left;
}

.set_portlet .mycomList li label {
    margin-right: 0
}

.set_portlet .mycomList li .photo {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    overflow: hidden;
    text-align: center;
    background-position: -289px -388px;
    margin-right: 17px;
}

.set_portlet .mycomList li .tit {
    font-size: 16px;
    color: #2e2e2e;
    font-family: 'NanumGothicBold';
    margin-top: 20px;
    margin-bottom: 7px;
    width: 310px;
    line-height: 18px;
}

.set_portlet .mycomList li .cnt {
    font-size: 16px;
    color: #7e7e7e
}

.set_portlet .mycomList .chkarea {
    width: 80px;
    text-align: center;
    padding-top: 30px
}

.set_portlet .typech {
    margin-bottom: 110px;
}

.set_portlet .typech h3 {
    display: inline-block;
    padding-right: 60px;
}

.set_portlet .typech label {
    margin-right: 0;
}

.set_portlet .typech label span {
    margin-left: 10px;
}

.set_portlet .typech .input_radio input[type="radio"]:not(old) {
    top: 0
}

.set_portlet .typech .input_radio input[type="radio"]:not(old) + label {
    height: 60px;
    background-position: -379px -255px
}

.set_portlet .typech .input_radio input[type="radio"]:not(old):checked + label {
    background-position: -379px -314px;
}

.set_portlet .typech .thum.ico {
    width: 60px;
    height: 61px;
    background-position: 0 -502px;
    line-height: 999px;
    overflow: hidden;
    margin-right: 40px
}

.set_portlet .typech .list.ico {
    width: 60px;
    height: 61px;
    background-position: -66px -502px;
    line-height: 999px;
    overflow: hidden;
}

.set_portlet .setLink {
    margin-bottom: 15px;
}

.set_portlet .setLink h3 {
    display: inline-block;
    padding-right: 60px;
}

.set_portlet .preview {
    background-color: #cacaca;
    border-radius: 6px;
    width: 100%;
    height: 360px;;
    text-align: center;
}

.set_portlet .preview span {
    color: #fff;
    font-size: 46px;
    font-family: 'NanumGothicBold';
    vertical-align: middle;
    line-height: 360px;
}

.set_portlet button.btn_up {
    width: 31px;
    height: 20px;
    display: inline-block;
    background: url(../../images/portal/sp/ico_com.png) no-repeat -60px -72px;
    overflow: hidden;
    font-size: 0;
}

.set_portlet button.btn_down {
    width: 31px;
    height: 20px;
    display: inline-block;
    background: url(../../images/portal/sp/ico_com.png) no-repeat -99px -72px;
    overflow: hidden;
    font-size: 0;
}

.set_portlet .countryList {
    margin-top: 15px;
    clear: both;
    overflow: hidden;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 476px;
}

.set_portlet .countryList li {
    float: left;
    font-size: 12px;
    padding-left: 12px;
    width: 106px;
    height: 34px;
    line-height: 34px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.set_portlet .countryList li input[type="checkbox"] + label {
    height: 13px;
    margin: 0;
    padding: 1px 0 0 19px;
    display: inline-block;
    background: url('../../images/portal/sp/country_check.png') no-repeat 0 -33px;
    color: #2e2e2e;
    font-size: 12px;
    line-height: 13px;
}

.set_portlet .countryList li input[type="checkbox"]:checked + label {
    background-position: 0 2px;
}

#port_quicklink .tb_write a {
    color: #062574;
    font-size: 14px;
    text-decoration: underline;
}

#port_quicklink .tb_write tr {
    background-color: #fff
}

#port_asset .bul_list2 {
    margin-left: 20px;
    margin-top: 4px
}

#port_asset .bul_list2 label {
    width: 45px;
    display: inline-block;
}

/* 포틀릿- my utill 설정 */
.set_myutill {
    width: 370px;
    text-align: left;
    margin: 0 auto;
    background: url('../../images/portal/common/portlet_myutill.png') no-repeat center 30px;
}

.set_myutill .tit3 {
    margin-top: 0;
}

.set_myutill .ch_utill {
    padding: 240px 0 0 93px;
}

.set_myutill .viewChList {
    padding: 12px 0 0 30px
}

.set_myutill .viewChList li {
    padding-bottom: 13px
}

/* 그룹메인 */
.main_group .containerW {
    width: 1270px
}

.main_group .area_bot {
    margin-top: 15px;
}

.main_group .boardArea {
    padding-bottom: 5px
}

.main_group .boardArea .conIn {
    width: 628px;
    height: 238px;
}

.main_group .conIn {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    box-shadow: 2px 2px 3px #dadbde;
    position: relative;
}

.main_group .conIn .portLoading {
    position: absolute;
    z-index: 4;
    top: 10px;
    left: 50%;
    margin-left: -144px;
}

/* loading */
.main_group .conIn .abBtn {
    position: absolute;
    z-index: 4;
    top: 10px;
    right: 10px;
}

.main_group .conIn .abBtn a {
    display: inline-block;
    padding: 5px 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.main_group .webZinArea {
    padding-bottom: 5px
}

.main_group .webZinArea .conIn {
    width: 308px;
    height: 238px;
    margin-left: 10px;
    background-color: #ffeedb;
}

.main_group .bigBanner {
    padding-bottom: 5px;
    margin-top: 15px;
}

.main_group .bigBanner .conIn {
    height: 238px;
}

.main_group .bigBanner .bnbig {
    width: 518px;
    height: 238px;
    overflow: hidden;
}

.main_group .bigBanner .bnsm {
    width: 215px;
    height: 238px;
    overflow: hidden;
}

.main_group .linkArea {
    padding-bottom: 5px;
}

.main_group .linkArea .conIn {
    width: 308px;
    height: 498px;
    overflow: hidden;
}

.main_group .albumArea {
    padding-bottom: 5px;
    margin-top: 15px;
}

.main_group .albumArea .conIn {
    height: 238px;
}

.main_group .snsArea {
    padding-bottom: 5px;
    margin-left: 10px;
}

.main_group .snsArea .conIn {
    width: 308px;
    height: 498px;
}

.main_group .smbnArea {
    padding-bottom: 5px;
    margin-left: 10px;
}

.main_group .smbnArea .conIn {
    width: 308px;
    height: 238px;
    box-sizing: border-box;
}

.main_group .serveyArea {
    padding-bottom: 5px;
    margin-left: 10px;
}

.main_group .serveyArea .conIn {
    width: 308px;
    height: 238px;
    margin-top: 15px;
    box-sizing: border-box;
}

.main_group .titArea {
    position: relative;
    height: 44px;
    line-height: 44px;
    padding-left: 12px;
    font-size: 14px;
    color: #313131;
    border-bottom: 1px solid #ececec
}

.main_group .titArea .btnarea {
    position: absolute;
    right: 14px;
    top: 16px;
    height: 14px;
}

.main_group .titArea .btnarea a.btn_add {
    display: inline-block;
    background-position: 0 0;
    width: 14px;
    height: 14px;
    overflow: hidden;
}

.main_group .webZinArea .titArea {
    border-color: #ecdfd1
}

.main_group .titArea > span {
    display: inline-block;
    background: url(../../images/portal/common/main_titBg.png) no-repeat 100% 16px;
    padding-right: 19px;
}

.main_group .webZinArea .cont {
    padding: 6px 0 0 13px
}

.main_group .webZinArea .cont a {
    display: block;
    background: url(../../images/portal/main/bg_webzine.png) no-repeat 0 0;
    width: 269px;
    height: 181px;
    padding: 6px 0 0 26px
}

.main_group .webZinArea .cont a img {
    width: 108px;
    height: 148px;
}

.main_group .linkArea .cont {
    padding: 0 12px;
}

.main_group .linkArea .cont .subTit {
    font-family: 'NanumGothicBold';
    font-size: 14px;
    color: #323232;
    padding: 17px 0 12px;
    border-bottom: 1px solid #7f7f7f;
}

.main_group .linkArea .cont .subTit em {
    color: #ff0000
}

.main_group .linkArea .cont .siteList {
    clear: both;
    overflow: hidden;
    padding-bottom: 8px;
}

.main_group .linkArea .cont .siteList li {
    float: left;
    width: 141px;
    border-bottom: 1px solid #e1e1e1;
    padding: 14px 0 0;
    height: 42px;
}

.main_group .linkArea .cont .siteList li:nth-child(even) a {
    border-left: 1px solid #e1e1e1;
}

.main_group .linkArea .cont .siteList li a {
    display: block;
    padding: 0 5px 0 10px;
    height: 28px;
}

.main_group .linkArea .cont .siteList li a:hover {
    text-decoration: none
}

.main_group .linkArea .cont .siteList li .siteTit {
    color: #323232;
    font-size: 12px;
    font-family: 'NanumGothicBold';
    display: block;
}

.main_group .linkArea .cont .siteList li .siteInfo {
    color: #676161;
    font-size: 11px;
}

.main_group .linkArea .cont .siteList li .siteInfo.txtsm {
    font-size: 11px;
    letter-spacing: -0.5px
}

.main_group .linkArea .cont .siteList li .logoin .logo {
    float: left;
    padding-top: 3px;
    width: 50px;
    height: 21px;
    overflow: hidden;
}

.main_group .linkArea .cont .siteList li .logoin .siteTit {
    float: left;
    font-size: 11px;
    padding-left: 6px;
}

.main_group .boardArea .titArea {
    padding-left: 0;
}

.main_group .boardArea .boardTit {
    clear: both;
    overflow: hidden;
}

.main_group .boardArea .boardTit li {
    float: left;
    width: 130px;
    text-align: center;
}

.main_group .boardArea .boardTit li a {
    font-size: 14px;
    display: block
}

.main_group .boardArea .boardTit li a:hover {
    text-decoration: none
}

.main_group .boardArea .boardTit li a.selected {
    color: #e54135;
    font-family: 'NanumGothicBold';
    border-bottom: 2px solid #e54135
}

.main_group .port_board {
    padding: 15px 0 0 12px
}

.main_group .port_board li {
    clear: both;
    overflow: hidden;
    margin-top: 20px;
}

.main_group .port_board li:first-child {
    margin-top: 0;
}

.main_group .port_board li > span {
    font-size: 14px;
    float: left;
}

.main_group .port_board li span.name {
    width: 46px;
    font-size: 12px;
    text-align: center;
    color: #2e2e2e;
    height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main_group .port_board li span.date {
    width: 80px;
    font-size: 12px;
    color: #7e7e7e;
    text-align: center;
}

.main_group .port_board li .textEllipsis {
    float: left;
    height: 16px;
    line-height: 16px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-right: 140px;
    margin-right: -140px;
    font-size: 14px;
    color: #2e2e2e;
}

.main_group .albumBoard {
    clear: both;
    overflow: hidden;
    padding: 0 0 0 13px;
    width: 615px;
}

.main_group .albumBoard li {
    position: relative;
    padding: 12px 0 7px;
    height: 74px;
    margin-right: 12px;
}

.main_group .albumBoard li .thum {
    position: absolute;
    top: 12px;
    left: 0;
    width: 108px;
    height: 74px;
    overflow: hidden;
}

.main_group .albumBoard li .thum img {
    width: 100%
}

.main_group .albumBoard li .txtInfo {
    clear: both;
    overflow: hidden;
    padding-left: 120px;
    margin-top: 5px
}

.main_group .albumBoard li .titW {
    float: left;
    width: 390px;
}

.main_group .albumBoard li .titW .tit a {
    display: block;
    width: 100%;
    font-family: 'NanumGothicBold';
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main_group .albumBoard li .titW .con a {
    display: block;
    margin-top: 10px;
    height: 36px;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.main_group .albumBoard li .infoW {
    float: left;
    text-align: right;
    width: 90px;
}

.main_group .albumBoard li .date {
    color: #7e7e7e;
    font-size: 12px;
    margin-top: 2px;
}

.main_group .albumBoard li .view {
    margin-top: 13px;
    color: #ef0807
}

.main_group .albumBoard li .name {
    margin-top: 3px;
    width: 100%;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main_group .rollW {
    padding: 2px 13px 0;
}

.main_group .rollW .rollList li {
    padding: 9px 0;
    border-bottom: 1px solid #e9e9e9
}

.main_group .rollW .tit {
    font-size: 14px;
    width: 100%;
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main_group .rollW .date {
    font-size: 14px;
    color: #062574;
    margin-top: 4px
}

/* 롤링공통 */
.main_group .owl-carousel {
    position: relative;
    width: 285px;
    height: 186px;
    overflow: hidden;
}

.main_group .owl-carousel .owl-item {
    float: left;
}

.main_group .owl-controls {
    position: absolute;
    bottom: -12px;
    left: 0;
    height: 40px;
    width: 100%;
    text-align: center;
}

.main_group .owl-controls .owl-page {
    display: inline-block;
    margin-left: 7px;
    margin-top: 15px;
}

.main_group .owl-controls .owl-page span {
    display: block;
    background: url('../../images/portal/sp/main.png') no-repeat -229px -1px;
    width: 11px;
    height: 11px;
    cursor: pointer
}

.main_group .owl-controls .owl-page.active span {
    background-position: -212px -1px;
}

.main_group .smbnArea .owl-carousel {
    width: 292px;
    height: 230px
}

.main_group .smbnArea .bnlist {
    margin: 3px 0 0 0
}

.main_group .smbnArea .bnlist li {
    margin-top: 10px;
    border: 1px solid #dadada;
    width: 280px
}

.main_group .smbnArea .bnlist li a {
    display: block;
    width: 280px;
    height: 58px;
    overflow: hidden;
}

.main_group .smbnArea .bnlist li img {
    max-width: 100%;
}


/* 커뮤니티 */
/*메인*/
#conWrap .community {
    clear: both;
    overflow: hidden;
    margin-top: 20px;
}

.community .topImg {
    margin-bottom: 37px;
    position: relative;
}

#conWrap .community .lnb {
    width: 192px;
}

#conWrap .community_main .topImg {
    width: 1236px;
    height: 192px;
    overflow: hidden;
    border-radius: 5px;
    border: 2px solid #efefef;
}

#conWrap .community_main .topImg img {
    max-width: 100%;
}

#conWrap .community_main .contents {
    margin-left: 50px;
}

#conWrap .community_main .lnb .totalCount {
    height: 29px;
    line-height: 29px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    margin-bottom: 5px;
}

#conWrap .community_main .lnb .categoryListW {
    border: 3px solid #e7e7e7;
    border-radius: 6px;
    margin-bottom: 5px
}

#conWrap .community_main .lnb .categoryListW .titW {
    background-color: #f2f2f2;
    border-bottom: 1px solid #d8d8d8
}

#conWrap .community_main .lnb .categoryListW .tit {
    color: #c30100;
    font-size: 16px;
    text-align: center;
    font-family: 'NanumGothicBold';
    padding: 23px 0 16px
}

#conWrap .community_main .lnb .categoryListW .bmCount {
    display: block;
    font-size: 14px;
    padding-bottom: 8px;
}

#conWrap .community_main .lnb .bmark {
    display: inline-block;
    background: url('../../images/portal/sp/ico_com.png') no-repeat -94px -362px;
    width: 21px;
    height: 20px;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 6px;
    margin-top: -1px;
}

#conWrap .community_main .lnb .bmark.on {
    background-position: -131px -362px
}

#conWrap .community_main .lnb .categoryList li {
    padding: 9px 0 9px 14px;
    font-size: 14px;
    border-top: 1px solid #efefef
}

#conWrap .community_main .lnb .categoryList li.selected a {
    color: #c30100;
}

#conWrap .community_main .lnb .categoryList li a:hover {
    color: #c30100;
}

#conWrap .community_main .lnb .categoryList li:first-child {
    border-top: 0;
}

#conWrap .community_main .lnb .btnArea {
    padding-top: 5px
}

#conWrap .community_main .lnb .btnArea .btnGrey {
    background-color: #9e9e9e;
    width: 160px;
}

.community_main .contents .comListW {
    float: left;
    width: 638px;
    margin-right: 40px;
}

.community_main .contents .comListW .cmSearch {
    font-size: 13px
}

.community_main .contents .comListW .cmSearch .btn_point {
    padding: 0 20px;
}

.community_main .contents .myComListW {
    float: left;
    width: 320px;
}

.community_main .comList li {
    position: relative;
    border-bottom: 1px solid #dfdfdf;
    padding: 14px 0 14px 90px;
    min-height: 72px;
}

.community_main .comList li.nodata {
    border-bottom: 1px solid #dfdfdf;
    padding: 14px 0 14px 0;
    text-align: center;
    font-size: 14px;
    min-height: auto;
}

.community_main .comList .photoW {
    position: absolute;
    top: 14px;
    left: 10px;
}

.community_main .comList .photoW .photo {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background: url('../../images/portal/sp/ico_com.png') no-repeat 0 0;
    display: inline-block;
    overflow: hidden;
}

.community_main .comList .photoW .photo img {
    max-width: 70px
}

.community_main .comList .tit {
    font-size: 16px;
    font-family: 'NanumGothicBold';
    margin-bottom: 4px;
}

.community_main .comList .tit .textEllipsis {
    display: block;
    width: 100%;
}

.community_main .comList .infoTxt {
    font-size: 14px;
    color: #7e7e7e;
    margin-bottom: 15px;
}

.community_main .comList .infoMem .com {
    display: inline-block;
    width: 180px;
}

.community_main .comList .infoMem .com.count {
    padding-left: 60px;
    width: 120px;
}

.community_main .comList .infoMem .com_tit {
    font-size: 14px;
    color: #7e7e7e;
    margin-right: 10px;
}

.community_main .comList .infoMem .com_titM {
    display: inline-block;
    width: 45px;
    height: 17px;
    color: #fff;
    background-color: #4990df;
    font-family: 'dotum';
    text-align: center;
    line-height: 19px;
    border-radius: 2px;
    margin-right: 10px;
}

.community_main .comList .infoMem .com em {
    font-size: 14px;
    color: #062574;
}

.community_main .myComListW .mycomW {
    border-radius: 4px;
    background-color: #455586;
    margin-bottom: 10px
}

.community_main .myComListW .mycomW .topW {
    border-radius: 4px 4px 0 0;
    background-color: #364573;
    padding: 20px 0 20px 80px;
    position: relative;
}

.community_main .myComListW .mycomW .topW .photoW {
    position: absolute;
    top: 19px;
    left: 20px
}

.community_main .myComListW .mycomW .topW .name {
    color: #fff;
    font-size: 16px;
    padding-bottom: 10px;
}

.community_main .myComListW .mycomW .topW .team {
    color: #93bddd;
    font-size: 14px;
}

.community_main .myComListW .mycomW .topW.mngName {
    color: #fff;
    font-size: 14px;
    font-family: 'NanumGothicBold';
    padding: 10px 0 10px 0;
    text-align: center;
}

.community_main .myComListW .mycomW .listW {
    padding-top: 20px;
    overflow-y: auto;
    max-height: 420px;
}

.community_main .myComListW .mycomW2 .listW {
    max-height: 140px;
}

.community_main .myComListW .mycomW .listW li {
    position: relative;
    padding: 0 40px 20px 90px;
    height: 50px;
}

.community_main .myComListW .mycomW .listW li.nodata {
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family: 'NanumGothicBold';
    padding: 10px 0 10px 0;
}

.community_main .myComListW .mycomW .listW li .photoW {
    position: absolute;
    top: 0;
    left: 20px
}

.community_main .myComListW .mycomW .listW li .photoW .photo {
    background: url('../../images/portal/sp/ico_com.png') no-repeat 0 -81px;
}

.community_main .photoW .photo.s50 img {
    max-width: 50px;
}

.community_main .myComListW .mycomW .listW li .tit a {
    display: block;
    width: 100%;
    font-size: 14px;
    font-family: 'NanumGothicBold';
    color: #fff;
    padding: 7px 0 9px 0;
}

.community_main .myComListW .mycomW .listW li .newCount {
    color: #b6d2f1
}

.community_main .myComListW .addCom a {
    display: block;
    text-align: center;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    background-color: #f4f4f4
}

.community_main .myComListW .addCom a:hover {
    text-decoration: none;
}

.community_main .comListW .btn_add {
    width: 100%;
    margin-top: 10px;
    background-color: #ededed;
    border: 1px solid #e2e2e2;
    color: #2e2e2e;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0;
}

/*생성된 커뮤니티*/
.icoCmnity {
    background: url('../../images/portal/sp/ico_com.png') no-repeat;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    line-height: 999px;
}

.icoCmnity.board_01 {
    background-position: 0 -147px;
    width: 20px;
    height: 20px;
}

/* 공지형 */
.icoCmnity.board_02 {
    background-position: 0 -184px;
    width: 20px;
    height: 20px;
}

/* 생성형 */
.icoCmnity.board_03 {
    background-position: 0 -219px;
    width: 20px;
    height: 20px;
}

/* 갤러리형 */
.icoCmnity.board_04 {
    background-position: -36px -147px;
    width: 20px;
    height: 20px;
}

/* 일반형 */
.icoCmnity.board_05 {
    background-position: 0 -425px;
    width: 20px;
    height: 20px;
}

/* 웹진형 */
.community_mymain .topImg {
    width: 100%;
    height: 110px;
    overflow: hidden;
    border-radius: 3px;
}

.community_mymain .topImg img {
    max-width: 100%;
}

.community_mymain .topImg .cafeName {
    background: url('../../images/portal/common/bg_quick03.png') repeat 0 0;
    color: #000;
    font-size: 18px;
    font-family: 'NanumGothicBold';
    position: absolute;
    top: 50px;
    left: 30px;
    padding: 5px 20px
}

.community_my.lnb .myjoinListW {
    position: relative;
    margin-bottom: 10px;
}

.community_my.lnb .myjoinListW > a {
    display: block;
    border: 2px solid #c4c4c4;
    border-radius: 3px;
    height: 23px;
    text-align: center;
    font-size: 14px;
    line-height: 23px;
    background: url('../../images/portal/sp/bul_left.png') no-repeat 100% -359px;
}

.community_my.lnb .myjoinListW > a:hover {
    text-decoration: none;
}

.community_my.lnb .myjoinListW .myjoinList {
    position: absolute;
    top: 25px;
    left: 0;
    border: 2px solid #c4c4c4;
    z-index: 999;
    background-color: #fff;
    border-radius: 3px;
}

.community_my.lnb .myjoinListW .myjoinList li {
    padding: 4px 0;
    border-top: 1px solid #cecece;
}

.community_my.lnb .myjoinListW .myjoinList li a {
    display: block;
    width: 180px;
    font-size: 14px;
    padding-left: 8px
}

.community_my.lnb .myjoinListW .myjoinList li:first-child {
    border-top: 0
}

.community_my.lnb .mycafeInfoW {
    border: 1px solid #cecece;
    border-radius: 3px;
    padding: 10px 0 0;
    margin-bottom: 10px;
}

.community_my.lnb .nameW {
    padding: 0 0 12px 20px;
    border-bottom: 1px solid #cecece;
    font-size: 14px;
    position: relative;
}

.community_my.lnb .nameW .com_titM {
    display: inline-block;
    width: 45px;
    height: 17px;
    color: #fff;
    font-size: 11px;
    background-color: #65a839;
    font-family: 'dotum';
    text-align: center;
    line-height: 19px;
    border-radius: 2px;
    margin-right: 4px;
}

.community_my.lnb .nameW .bookmark {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 999px;
    overflow: hidden;
    width: 18px;
    height: 17px;
    background: url('../../images/portal/sp/ico_com.png') no-repeat -94px 0;
}

.community_my.lnb .nameW .bookmark.on {
    background-position: -71px 0;
}

.community_my.lnb .mycafeInfoW .infoList {
    padding: 5px 0 6px;
}

.community_my.lnb .mycafeInfoW .infoList li {
    font-size: 14px;
    color: #7e7e7e;
    padding-left: 17px;
    line-height: 22px;
}

.community_my.lnb .mycafeInfoW .infoList li em {
    color: #2e2e2e
}

.community_my.lnb .mycafeInfoW .myInfoTit {
    color: #062574;
    font-family: 'NanumGothicBold';
    font-size: 14px;
    padding: 9px 0 4px 17px;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 0;
}

.community_my.lnb .comBtnW a {
    display: block;
    background-color: #405e7e;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-family: 'NanumGothicBold';
    font-size: 16px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.community_my.lnb .comBtnW a:hover {
    text-decoration: none;
}

.community_my.lnb .comBtnW {
    margin-bottom: 10px;
}

.community_my.lnb .smSearch .input_text {
    width: 121px !important;
}

.community_my.lnb .smSearch .btn_sm {
    width: 53px;
}

.community_my.lnb .totalCnt {
    font-size: 14px;
    color: #7e7e7e;
    margin: 17px 0 10px;
}

.community_my.lnb .totalCnt em {
    color: #ff0000
}

.community_my.lnb .lnb_menuW {
    width: 190px;
    min-height: auto;
    padding: 0;
}

.community_my.lnb .lnb_menuW li {
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 0;
    border-top: 0;
    border-bottom: 0;
}

.community_my.lnb .lnb_menuW li:first-child {
    background: none;
}

.community_my.lnb .all_board ul li {
    font-size: 14px;
    line-height: 35px;
    font-family: 'NanumGothicBold';
    padding-left: 10px;
}

.community_my.lnb .all_board ul li a {
    display: inline-block;
    padding-left: 7px
}

.community_my.lnb .all_board ul li a.on {
    color: #c30100
}

.community_my.lnb .managerMenuW {
    border: 1px solid #cecece;
    border-radius: 3px;
    margin: 10px 0;
}

.community_my.lnb .managerMenuW ul li {
    font-size: 14px;
    line-height: 35px;
    font-family: 'NanumGothicBold';
    padding-left: 10px;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 0;
}

.community_my.lnb .managerMenuW li:first-child {
    background: none;
}

.community_my.lnb .managerMenuW ul li a {
    display: inline-block;
    padding-left: 7px
}

.icoCmnity.managerMenu01 {
    background-position: 0 -253px;
    width: 20px;
    height: 20px;
}

.icoCmnity.managerMenu02 {
    background-position: 0 -291px;
    width: 20px;
    height: 15px;
}

.icoCmnity.managerMenu03 {
    background-position: 0 -321px;
    width: 20px;
    height: 20px;
}

.icoCmnity.managerMenu04 {
    background-position: 0 -356px;
    width: 20px;
    height: 20px;
}

.icoCmnity.managerMenu05 {
    background-position: 0 -393px;
    width: 20px;
    height: 20px;
}

.community_my.lnb .memOut a {
    display: block;
    border: 1px solid #c3c3c3;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #636363;
    font-family: 'NanumGothicBold';
    font-size: 16px;
    border-radius: 3px;
}

.community_my.lnb .memOut a:hover {
    text-decoration: none;
}

.community_mymain .type1 .cb .fl,
.community_mymain .type4 .cb .fl,
.community_mymain .type5 .cb .fl {
    width: 645px;
    margin-right: 20px;
}

.community_mymain .type1 .cb .fr,
.community_mymain .type4 .cb .fr,
.community_mymain .type5 .cb .fr {
    width: 333px;
}

.community_mymain .type2 .cb .fl,
.community_mymain .type3 .cb .fl {
    width: 333px;
    margin-right: 20px;
}

.community_mymain .type2 .cb .fr,
.community_mymain .type3 .cb .fr {
    width: 645px;
}

.community_mymain .type3 .fr > div,
.community_mymain .type4 .fl > div {
    margin-top: 35px;
}

.community_mymain .type3 .fr > div:first-child {
    margin-top: 0;
}

.community_mymain .type4 .fl > div:first-child {
    margin-top: 0;
}

.community_mymain .type3 .fl > div,
.community_mymain .type4 .fr > div {
    height: 884px;
}

.community_mymain .cb {
    clear: both;
    overflow: hidden;
    width: 100%;
    margin-bottom: 37px;
}

.community_mymain .titArea {
    font-size: 16px;
    font-family: 'NanumGothicBold';
    padding-bottom: 10px;
    position: relative;
}

.community_mymain .titArea .btn_add {
    background-position: -119px 0;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    right: 10px;
}

.community_mymain .listW {
    border-bottom: 1px solid #d4d4d4;
    border-top: 2px solid #ff0000;
    height: 240px;
}

.community_mymain .portLoading {
    text-align: center;
}

.community_mymain .st_board li {
    font-size: 14px;
    line-height: 48px;
    height: 48px;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 0;
    position: relative;
}

.community_mymain .st_board li.nodata {
    text-align: center;
    height: 130px;
    padding-top: 110px;
}

.community_mymain .st_board li:first-child {
    background: none
}

.community_mymain .st_board li a {
    box-sizing: border-box;
    padding-right: 80px;
    padding-left: 10px;
    width: 100%;
    display: block;
}

.community_mymain .st_board li .date {
    font-size: 12px;
    color: #7e7e7e;
    width: 80px;
    line-height: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    right: 0;
}

/* 2018  추가 */
.community_mymain .st_thum ul.col3 {
    height: auto;
}

.community_mymain .st_thum .col3 li {
    position: relative;
    float: left;
    padding: 15px 10px 15px 128px;
    min-height: 87px;
    font-size: 14px;
    width: 194px;
}

/* 2018  추가 끝 */

.community_mymain .st_thum ul {
    clear: both;
    overflow: hidden;
    height: 240px;
}

.community_mymain .st_thum li {
    position: relative;
    float: left;
    padding: 15px 10px 15px 128px;
    min-height: 87px;
    font-size: 14px;
    width: 184px;
}

.community_mymain .st_thum li.nodata {
    float: none;
    padding: 110px 0 0 0;
    text-align: center;
    clear: both;
    width: auto
}

.community_mymain .st_thum li .thum {
    position: absolute;
    top: 15px;
    left: 0;
    width: 118px;
    height: 87px;
    overflow: hidden;
}

.community_mymain .st_thum li .thum img {
    width: 100%;
}

.community_mymain .st_thum li .title {
    display: block;
    width: 100%;
    font-size: 14px;
    font-family: 'NanumGothicBold';
    line-height: 16px;
    overflow: hidden;
    height: 48px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.community_mymain .st_thum li .infoW {
    position: relative;
    margin-top: 10px;
    height: 28px
}

.community_mymain .st_thum li .infoW .name {
    font-size: 14px;
}

.community_mymain .st_thum li .infoW .date {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 12px;
    color: #7e7e7e;
}

.community_mymain .st_html {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dadada;
    height: 270px;
    text-align: center;
}

.community_mymain .st_img {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dadada;
    height: 270px;
    text-align: center;
}

.community_mymain .st_empty {
    border-top: 2px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    height: 269px;
    position: relative;
    text-align: center;
}

/* 빈 포틀릿 */
.community_mymain .st_empty .add {
    display: inline-block;
    width: 87px;
    height: 87px;
    background-position: 0 -28px;
}

.community_mymain .st_empty .addtxt {
    display: block;
    font-size: 15px;
    color: #bfbfbf;
    margin-top: 15px;
    font-family: 'NanumGothicBold';
}

.community_mymain .st_empty .emptyIn {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    top: 50%;
    margin-top: -50px;
}

.community_mymain .st_empty a:hover {
    text-decoration: none;
}


/*미리보기*/
.popWrap .community_mymain .type1 .cb .fl,
.popWrap .community_mymain .type4 .cb .fl,
.popWrap .community_mymain .type5 .cb .fl {
    width: 612px;
    margin-right: 20px;
}

.popWrap .community_mymain .type1 .cb .fr,
.popWrap .community_mymain .type4 .cb .fr,
.popWrap .community_mymain .type5 .cb .fr {
    width: 320px;
}

.popWrap .community_mymain .type2 .cb .fl,
.popWrap .community_mymain .type3 .cb .fl {
    width: 300px;
    margin-right: 20px;
}

.popWrap .community_mymain .type2 .cb .fr,
.popWrap .community_mymain .type3 .cb .fr {
    width: 632px;
}

.popWrap .community_mymain .st_thum li {
    position: relative;
    float: left;
    padding: 14px 10px 15px 128px;
    min-height: 87px;
    font-size: 14px;
    width: 168px;
}

.popWrap .community_mymain .st_thum li.nodata {
    float: none;
    padding: 110px 0 0 0;
    text-align: center;
    clear: both;
    width: auto
}


.community_mymain .item {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.community_mymain .item img {
    width: 100%;
    height: 100%;
}

.community_mymain .owl-carousel {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.community_mymain .owl-carousel .owl-item {
    float: left;
}

.community_mymain .owl-controls {
    position: absolute;
    bottom: 20px;
    left: 0;
    height: 20px;
    width: 100%;
    text-align: center;
}

.community_mymain .owl-controls .owl-page {
    display: inline-block;
    margin-left: 7px;
    margin-top: 15px;
}

.community_mymain .owl-controls .owl-page span {
    display: block;
    background: url('../../images/portal/sp/main.png') no-repeat -229px -1px;
    width: 11px;
    height: 11px;
    cursor: pointer
}

.community_mymain .owl-controls .owl-page.active span {
    background-position: -212px -1px;
}

/* 관리-기본설정 */
.community .tabmenu {
    margin-top: 0;
}

.community .contents .mainImg {
    width: 817px;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 6px;
}

.community .contents .mainImg img {
    width: 100%;
}

.community .contents .inFileCh {
    margin-top: 5px;
}

.community .contents .inFileCh .file_input_div {
    margin-left: 5px;
    vertical-align: top;
}

.community .contents .inFileCh .file_input_div .btn_reply {
    margin-right: 0;
}

.community .comSetBoard {
    border-top: 1px solid #dcdcdc;
}

.community .comSetBoard .thumCh {
    margin-right: 20px;
}

.community .comSetBoard .thumCh .thumPhoto {
    width: 100px;
    height: 134px;
    overflow: hidden;
    background-color: #dbd9d9;
    border-radius: 3px;
}

.community .comSetBoard .thumCh .thumPhoto img {
    width: 100px;
    height: 134px;
}

.community .comSetBoard .thumCh .fileInput label {
    background-color: #f4f4f4;
    border: 1px solid #c3c3c3;
    color: #2e2e2e;
    margin-top: 10px;
    width: 55px;
    margin-left: 6px
}

.community .comSetBoard .infoTxt {
    width: 685px;
}

.community .comSetBoard .infoTxt input {
    margin-bottom: 10px;
}

.community .st_layoutList {
    clear: both;
    overflow: hidden;
}

.community .st_layoutList li {
    float: left;
    text-align: center;
    margin-right: 30px;
    width: 83px;
    margin-top: 0
}

.community .st_layout {
    display: block;
    width: 83px;
    height: 65px;
    margin-bottom: 10px;
    background: url('../../images/portal/sp/cafe_layout.png') no-repeat 0 0;
}

.community .st_layout.layout02 {
    background-position: -113px 0
}

.community .st_layout.layout03 {
    background-position: -226px 0
}

.community .st_layout.layout04 {
    background-position: -339px 0
}

.community .st_layout.layout05 {
    background-position: -452px 0
}

.community .tb_write .st_layoutList input + label {
    margin-right: 0;
}

.community .tb_write.comSetBoard td ul {
    margin-top: 0;
}

.community .tb_write.comSetBoard td ul li:first-child {
    margin-top: 0;
}

.community .tb_write.comSetBoard td .contentSet {
    clear: both;
    overflow: hidden;
}

.community .tb_write.comSetBoard td .contentSet ul {
    float: left;
}

.community .tb_write.comSetBoard td .contentSet .info_txt {
    float: left;
    margin-left: 40px;
    padding-top: 10px;
}

/* 관리-메뉴관리 */
.community .menuSetW {
    clear: both;
    overflow: hidden;
    margin-top: 18px;
    position: relative
}

.community .menuSetW .menustW,
.community .menuSetW .menulistW {
    float: left;
}

.community .menuSetW .menustW {
    margin-right: 70px
}

.community .menuSetW .menusetWriteW {
    float: right;
}

.community .menuSetW .menust,
.community .menuSetW .menulist,
.community .menuSetW .menusetWrite {
    border: 3px solid #dadada;
    border-radius: 5px;
    width: 200px;
    height: 277px;
    position: relative;
}

.community .menuSetW .menust {
    overflow-y: auto;
}

.community .menuSetW .menulistIn {
    height: 247px;
    overflow-y: auto;
}

.community .menuSetW .menusetWrite {
    width: 489px;
    overflow-y: auto;
}

.community .menuSetW .tit {
    font-size: 16px;
    font-family: 'NanumGothicBold';
    margin-bottom: 12px
}

.community .menuSetW .board_list li {
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    border-bottom: 1px solid #e4e4e4
}

.community .menuSetW .board_list li.nowIn {
    background-color: #ececec;
}

.community .menuSetW .board_list li a {
    margin-left: 10px;
}

.community .menuSetW .board_list li a:hover {
    text-decoration: none;
}

.community .menuSetW .btn_area {
    padding-left: 10px;
}

.community .menuSetW .btn_area button {
    vertical-align: middle;
    margin-right: 1px;
    background: url('../../images/portal/sp/ico_com.png') no-repeat 0 0;
    width: 22px;
    height: 22px;
    font-size: 0;
}

.community .menuSetW .btn_area button.first {
    background-position: 0 -454px;
}

.community .menuSetW .btn_area button.last {
    background-position: -26px -454px;
}

.community .menuSetW .btn_area button.up {
    background-position: -52px -454px;
}

.community .menuSetW .btn_area button.down {
    background-position: -78px -454px;
}

.community .menuSetW .btn_add {
    position: absolute;
    top: 130px;
    left: 227px;
    width: 31px;
    height: 26px;
    background-position: -134px -35px;
    font-size: 0;
}

.community .menuSetW .menusetWrite .tb_write {
    border-top: 0;
}

.community .menuSetW .menusetWrite .tb_write tbody td {
    padding: 11px 20px 11px 20px
}

.community .menuSetW .menusetWrite .tb_write label {
    margin-right: 0;
}

/* 개설요청 팝업*/
.pcIn.cmnew .text_info {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 4px;
}

/* 가입정보확인 */
.community .joinEndW {
    text-align: center;
    padding: 50px 0 60px;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 100%;
    margin-bottom: 35px
}

.community .joinEndW .ico_join {
    display: inline-block;
    background: url('../../images/portal/sp/ico_com.png') no-repeat -161px 0;
    width: 92px;
    height: 92px;
}

.community .joinEndW .ico_joinOk {
    display: inline-block;
    background: url('../../images/portal/sp/ico_com.png') no-repeat -161px -106px;
    width: 92px;
    height: 92px;
}

.community .joinEndW .nickname {
    color: #062574;
    font-size: 30px;
    font-family: 'NanumGothicBold';
    margin: 44px 0 20px;
}

.community .joinEndW .txt {
    font-size: 24px;
    line-height: 28px;
}

/* 단체메일발송 */
.community .grpMail textarea {
    width: 98%;
    height: 50px;
}

.community .orgGrp {
    margin-top: 10px;
    clear: both;
    overflow: hidden;
    position: relative;
}

.community .orgGrp .grplist {
    float: left;
    width: 300px;
}

.community .orgGrp .grplist2 {
    float: right;
    width: 300px;
}

.community .orgGrp .grplist .con {
    border: 3px solid #dadada;
    border-radius: 9px;
    height: 350px;
    background-color: #f7f7f7;
    overflow: hidden;
    overflow-y: auto;
}

.community .orgGrp .grplist .btn_point {
    width: 50px;
    padding: 0;
}

.community .orgGrp .btnWrap {
    margin-top: 0;
    margin-bottom: 8px;
    padding-left: 10px
}

.community .orgGrp .btnWrap .input_text {
    width: 130px;
}

.community .orgGrp .btnWrap .btn_smg {
    width: 70px;
    padding: 0;
}

.community .orgGrp .grplist2 .con {
    border: 3px solid #dadada;
    border-radius: 9px;
    height: 350px;
    background-color: #f7f7f7;
    overflow: hidden;
    overflow-y: auto;
}

.community .orgGrp .grplist2 .tit {
    height: 30px;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 29px;
    position: relative;
}

.community .orgGrp .grplist2 .tit .btn_ch {
    position: absolute;
    top: 0;
    right: 0;
}

.community .orgGrp .grplist2 .tit em {
    font-size: 14px;
    color: #c30100;
}

.community .con ul li {
    border-bottom: 1px solid #eaeaea;
    padding: 4px 12px 4px 8px;
    position: relative;
    word-break: break-all;
    font-size: 14px;
    margin-top: 0;
}

.community .con ul li label {
    word-break: break-all;
}

.community .grpChBtn {
    position: absolute;
    top: 150px;
    left: 380px;
}

.community .grpChBtn button {
    display: block
}

.community .grpChBtn .on {
    background: url('../../images/portal/sp/ico_pop.png') no-repeat -87px -40px;
    width: 73px;
    height: 73px;
    font-family: 'NanumGothicBold';
    color: #2e2e2e;
    font-size: 14px;
    line-height: 18px;
    padding-left: 13px;
    padding-bottom: 5px;
    text-align: left;
}

.community .grpChBtn .off {
    margin-top: 10px;
    background: url('../../images/portal/sp/ico_pop.png') no-repeat -169px -40px;
    width: 73px;
    height: 73px;
    font-family: 'NanumGothicBold';
    color: #2e2e2e;
    font-size: 14px;
    line-height: 18px;
    padding-left: 28px;
    padding-bottom: 5px;
    text-align: left;
}

.community .headsort.joinmem .list01 {
    margin: 0 0 0 8px;
}

.community .headsort.joinmem .list01 label {
    padding-left: 30px;
}

.community .headsort.joinmem .list02 {
    margin: 0 0 0 190px;
}

.community .headsort.joinmem .list03 {
    margin: 0 0 0 80px;
}

.community .headsort.joinmem .list04 {
    margin: 0 0 0 75px;
}

.community .headsort.joinmem .list05 {
    margin: 0 0 0 80px;
}

.community .headsort.joinmem .list06 {
    margin: 0 0 0 25px;
}

.community .headsort.joinmem .list07 {
    margin: 0 0 0 35px;
}

.community .joininmem .list01 {
    margin: 0 0 0 8px;
}

.community .joininmem .list01 label {
    padding-left: 30px;
}

.community .joininmem .list02 {
    margin: 0 0 0 365px;
}

.community .joininmem .list03 {
    margin: 0 0 0 125px;
}

.community .joininmem .list04 {
    margin: 0 0 0 140px;
}

.community .tb_joinmem .cmAnwser {
    text-align: left;
    line-height: 24px;
    padding: 10px 0;
}

.community .tb_joinmem .anwerArea {
    display: none;
}

.community .tb_joinmem .joinReason {
    display: inline-block;
}

.community .tb_joinmem .joinReason:hover {
    text-decoration: none;
}

.community .tb_joinmem .arr {
    background: url(../../images/portal/sp/icon.png) no-repeat 0px -54px;
    width: 12px;
    height: 7px;
    overflow: hidden;
    display: inline-block;
    margin-left: 4px;
}

.community .tb_joinmem .arr.close {
    background-position: -31px -41px;
}

.community .tb_joinmem .cmAnwser .tit {
    padding-left: 20px;
}

.community .tb_joinmem .cmAnwser .con {
    padding-left: 37px;
    color: #7e7e7e;
}

.community .fileUpW {
    margin-top: 10px;
}

/* 파일업로드 영역 */
/* 회원관리 탈퇴회원 */
.community .headsort label {
    font-size: 13px
}

.community .headsort.outmem .list01 {
    margin: 0 0 0 8px;
}

.community .headsort.outmem .list01 label {
    padding-left: 30px;
}

.community .headsort.outmem .list02 {
    margin: 0 0 0 450px;
}

.community .headsort.outmem .list03 {
    margin: 0 0 0 230px;
}

.community .headsort.outmem .list04 {
    margin: 0 0 0 110px;
}

.community .tb_list.tb_joinmem td {
    color: #2e2e2e
}

.community .tb_list.tb_joinmem td.chk {
    padding-left: 20px;
}

.community .tb_list.tb_joinmem td.chk .input_chk {
    top: 4px;
}

.community .tb_list.tb_joinmem td.chk label {
    font-size: 14px;
    color: #2e2e2e;
    padding-left: 20px
}

.community .headsort.manre .list01 {
    margin: 0 0 0 130px;
}

.community .headsort.manre .list02 {
    margin: 0 0 0 280px;
}

.community .headsort.manre .list03 {
    margin: 0 0 0 130px;
}

.community .headsort.manre .list04 {
    margin: 0 0 0 120px;
}

.community .headsort.manreList .list01 {
    margin: 0 0 0 8px;
}

.community .headsort.manreList .list01 label {
    padding-left: 30px;
}

.community .headsort.manreList .list02 {
    margin: 0 0 0 370px;
}

.community .headsort.manreList .list03 {
    margin: 0 0 0 115px;
}

.community .headsort.manreList .list04 {
    margin: 0 0 0 125px;
}

/*게시판*/
.community .btnWrap.top {
    margin-top: 0;
    margin-bottom: 10px
}

.community .tb_view .replyWrap.noline {
    border-bottom: 0 none;
}


/* modalpopup */
.popCon {
    padding: 40px 22px 30px;
    box-sizing: border-box;
}

.popWrap .popCon .pcIn {
    clear: both;
    overflow: hidden;
}

.popWrap .contents {
    width: 520px;
    margin-left: 0;
    float: right;
}

.popWrap .lnb {
    width: 202px;
    float: left;
}

/* 게시판 메일공유 팝업*/
.popWrap .popCon .pcIn.mailShare {
    padding-left: 50px;
    padding-right: 50px;
}

.mailShare .input_text2 {
    margin-right: 14px
}

.mailShare .infoTxt {
    font-size: 14px;
    margin: 8px 0 28px
}

.mailShare .txtarea {
    width: 675px;
    margin-top: 10px;
    font-size: 14px;
    padding: 5px 10px;
    height: 265px;
    border-radius: 3px;
    border: 2px solid #c4c4c4;
}

.mailShare div.txtarea {
    width: 675px;
    margin-top: 10px;
    font-size: 14px;
    padding: 5px 10px;
    height: 265px;
    border-radius: 3px;
    border: 2px solid #c4c4c4;
    overflow-y: auto;
}

.mailShare .infoTxt2 {
    font-size: 14px;
    margin: 0 0 20px
}

.mailShare .tb_write td.date {
    font-size: 12px;
    color: #7e7e7e;
}

.mailShare .tb_write td .textEllipsis {
    max-width: 450px;
    display: inline-block;
    line-height: 14px;
    vertical-align: bottom
}

/* 게시판 게시글 이동 팝업 */
.boardMove .infoTxt {
    font-size: 14px;
    margin: 0 0 10px
}

/* tool-tip */
.porifile_layer {
    position: absolute;
    z-index: 999;
    display: none;
}

.tooltipW {
    padding: 10px 10px 15px;
}

.tooltipW .tooltipIn {
    width: 360px;
    box-shadow: 1px 0px 15px 5px #dadada;
    border-radius: 4px;
}

.tooltipW .tooltipIn:after {
    content: '';
    display: block;
    background: url('../../images/portal/sp/ico_pop.png') no-repeat -87px 0;
    width: 12px;
    height: 7px;
    position: absolute;
    top: 3px;
    left: 78px
}

.tooltipW .tooltipIn .topW {
    background-color: #364573;
    border-radius: 4px 4px 0 0;
    padding-left: 80px;
    position: relative;
    font-size: 14px;
    min-height: 74px;
}

.tooltipW .tooltipIn .infoListW {
    background-color: #455586;
    border-radius: 0 0 4px 4px;
    height: 155px;
    padding-left: 16px;
}

.tooltipW .tooltipIn .topW .photo {
    position: absolute;
    top: 14px;
    left: 16px;
}

.tooltipW .tooltipIn .topW .name {
    color: #fff;
    padding: 10px 0 6px 20px;
    position: relative;
}

.tooltipW .tooltipIn .topW .name .mystate {
    position: absolute;
    top: 3px;
    left: 0
}

.tooltipW .tooltipIn .topW .name em {
    font-size: 16px;
    font-family: 'NanumGothicBold';
}

.tooltipW .tooltipIn .topW .name .msg {
    background: url('../../images/portal/sp/ico_pop.png') no-repeat -95px -136px;
    width: 23px;
    height: 22px;
    display: inline-block;
    line-height: 999px;
    overflow: hidden;
    vertical-align: top;
}

.tooltipW .tooltipIn .topW .team {
    color: #b7c3e9;
    line-height: 14px; /*text-indent:-37px;padding-left:37px;*/
    position: relative;
    padding: 0 20px 5px 15px;
    font-size: 13px;
}

.tooltipW .tooltipIn .topW .team a {
    color: #b7c3e9;
}

.tooltipW .tooltipIn .topW .team .btn-prev {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: -5px;
    background: url(../../images/portal/sp/main.png) no-repeat -236px -233px;
    width: 16px;
    height: 29px;
    font-size: 0 !important;
}

.tooltipW .tooltipIn .topW .team .btn-next {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 5px;
    background: url(../../images/portal/sp/main.png) no-repeat -287px -233px;
    width: 16px;
    height: 29px;
    font-size: 0 !important;
}

.tooltipW .tooltipIn .infoListW ul {
    padding-top: 2px
}

.tooltipW .tooltipIn .infoListW li {
    font-size: 14px;
    color: #fff;
    line-height: 29px;
    position: relative;
}

.tooltipW .tooltipIn .infoListW li em {
    font-size: 12px;
    display: inline-block;
    padding-right: 6px;
    color: #b7c3e9;
}

.tooltipW .tooltipIn .infoListW li .ico_pop {
    width: 29px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    background: url('../../images/portal/sp/ico_pop.png') no-repeat -119px 0;
}

.tooltipW .tooltipIn .infoListW li .ico_pop.mobile {
    background-position: -253px 0;
}

.tooltipW .tooltipIn .infoListW li .ico_pop.mail {
    background-position: -164px 0;
}

.tooltipW .tooltipIn .infoListW li .ico_pop.address {
    background-position: -209px 0;
}

.tooltipW .tooltipIn .infoListW .list_add {
    font-size: 12px;
    line-height: 13px;
    clear: both;
    overflow: hidden;
}

.tooltipW .tooltipIn .infoListW .list_add span {
    display: inline-block;
    float: left;
    max-width: 300px;
}

.tooltipW .tooltipIn .infoListW .list_add .ico_pop {
    float: left;
}

.tooltipW .toolLoading {
    position: absolute;
    top: 10px;
    left: 40px;
}


/* 토스트메시지 */
/*.toastmsgW {position:absolute;top:0;right:0;z-index:999;}
.toastmsgW ul li {background-color:#ffffee;border:1px solid #939392;border-top:0;padding:0 40px 0 10px;height:29px;line-height:29px;}
.toastmsgW ul li:first-child {border-top:1px solid #939392}*/

/*.toastmsgW .panel-header {display:none;}
.window.toastmsgW {background-color:#ffffee !important;border:1px solid #939392;padding:10px 0 5px;background: linear-gradient(to bottom,#ffffee 0,#ffffee 0);}*/
.toastmsgW {
    width: 300px !important;
}

.toastmsgW .panel-header {
    width: 274px !important;;
}

.toastmsgW .panel-header .panel-title {
}

.toastmsgW .messager-body {
    width: 300px !important;;
    background-color: #ffffee;
    height: 64px !important;
    overflow-y: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 14px;
}


/* 즐겨찾기설정 */
.bookmarkSet .text_info {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 4px;
}

.bookmarkSet ul.bmListW {
    border-top: 2px solid #ff0000
}

.bookmarkSet li {
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
    position: relative;
    padding: 0 40px 0 220px;
    height: 50px;
    line-height: 50px;
    font-size: 14px
}

.bookmarkSet li .bookmark {
    background-position: -367px -92px;
    width: 32px;
    height: 31px;
    position: absolute;
    left: 20px;
    top: 9px;
    overflow: hidden;
    line-height: 999px;
}

.bookmarkSet li .bookmark.on {
    background-position: -297px -92px
}

.bookmarkSet li button {
    top: 15px;
    left: 101px;
    position: absolute;
    width: 31px;
    height: 20px;
    display: inline-block;
    background: url(../../images/portal/sp/ico_com.png) no-repeat -60px -72px;
    overflow: hidden;
    line-height: 999px;
}

.bookmarkSet li button.btn_down {
    left: 135px;
    background-position: -99px -72px
}

.bookmarkSet li .btn_del {
    position: absolute;
    top: 18px;
    right: 20px;
}


/* 자리상세 정보 */
.pcIn .seat_mem {
    border: 3px solid #dadada;
    border-radius: 5px;
    padding: 15px 30px;
    font-size: 14px
}

.seatInfo {
    position: relative;
    margin-top: 25px;
    width: 998px;
    height: 646px;
    background: url(../../images/portal/common/bg_seat.png) repeat 0 0;
}

.seatInfo .mem {
    position: absolute;
    background-color: #fff;
    width: 35px;
    height: 34px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    border-radius: 49%;
    box-shadow: 1px 1px 3px #8e8e8e
}

.seatInfo .mem .ico.memRe_none {
    background-position: -1px -147px;
    margin-right: 0;
}

.seatInfo .mem .ico.memRe_ok {
    background-position: -22px -147px;
    margin-right: 0;
}

.seatInfo .mem.on {
    background-color: #403da1;
    color: #fff
}

/* 좌석배치 */
.seatLnb {
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 20px 0 20px 34px
}

.seatLnb .seatList {
    max-height: 702px;
    overflow-y: auto;
}

.seatLnb .seatList li {
    margin-top: 10px;
}

.seatLnb .seatList li:first-child {
    margin-top: 0;
}

.seatLnb .seatList li a {
    display: block;
    background-color: #e8e8e8;
    color: #929292;
    font-size: 16px;
    width: 117px;
    text-align: center;
    font-family: 'NanumGothicBold';
    height: 41px;
    line-height: 41px;
    border-radius: 4px;
}

.seatLnb .seatList li a:hover {
    text-decoration: none
}

.seatLnb .seatList li.on a {
    background-color: #f1640e;
    color: #fff;
}

.seatAreaW {
    border: 3px solid #dadada;
    border-radius: 5px;
    padding: 20px 12px;
}

.seatAreaW .seatAreaList {
    clear: both;
    overflow: hidden;
}

.seatAreaW .seatAreaList li {
    float: left;
    margin-left: 20px;
}

.seatAreaW .seatAreaList li a {
    display: block;
    width: 127px;
    background-color: #e8e8e8;
    color: #929292;
    font-size: 16px;
    text-align: center;
    font-family: 'NanumGothicBold';
    height: 41px;
    line-height: 41px;
    border-radius: 4px;
}

.seatAreaW .seatAreaList li a:hover {
    text-decoration: none
}

.seatAreaW .seatAreaList li.on a {
    background-color: #f1640e;
    color: #fff;
}

#snaptarget {
    position: relative;
    margin-top: 20px;
    float: left;
    width: 998px;
    height: 646px;
    background: url(../../images/portal/common/bg_seat.png) repeat 0 0;
}

#snaptarget .draggable {
    position: absolute;
    z-index: 999;
    display: block;
    z-index: 3;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
}

#snaptarget .draggable .dragin {
    position: relative;
}

#snaptarget .draggable .dragin .link_profile {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: transparent;
    z-index: 99999
}

#snaptarget .draggable .dragin .name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 13px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url('../../images/portal/common/bg_quick03.png') repeat 0 0;
    border-radius: 5px;
}

#snaptarget .draggable .dragin.on .name {
    background: #d7962e
}

#snaptarget .draggable .dragin .btn_del {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    background-position: -311px -41px;
    box-shadow: 1px 1px 3px #ccc
}

#snaptarget .draggable .photo {
    display: inline-block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 20px;
    background: none;
}

#snaptarget .draggable .photo img {
    width: 50px;
    line-height: 50px;
}

#snaptarget .tooltipW .tooltipIn:after {
    left: 30px;
}

#snaptarget .tooltipW.rit .tooltipIn:after {
    left: 300px;
}

#snaptarget .tooltipW.bot .tooltipIn {
    position: relative;
}

#snaptarget .tooltipW.bot .tooltipIn:after {
    left: 20px;
    top: 229px;
    background: url('../../images/portal/sp/ico_pop.png') no-repeat -87px -26px
}

#snaptarget .tooltipW.ritbot .tooltipIn {
    position: relative;
}

#snaptarget .tooltipW.ritbot .tooltipIn:after {
    left: 290px;
    top: 229px;
    background: url('../../images/portal/sp/ico_pop.png') no-repeat -87px -26px
}

/* 메인 팝업 */
.popWrap .mainNotice {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 20px
}

.popWrap .mainNotice .conLink {
    text-align: right;
    margin-bottom: 10px;
}

.popWrap .mainNotice .tit {
    font-size: 18px;
    font-family: 'NanumGothicBold';
    padding: 10px 15px;
    border-bottom: 1px solid #d4d4d4;
    border-top: 2px solid #ff0000;
}

.popWrap .mainNotice .con {
    height: 500px;
    overflow-y: auto;
    padding: 0 20px;
    margin-top: 20px;
    line-height: 170%;
    font-size: 14px;
}

.popWrap .mainNotice .con img {
    max-width: 100% !important;
}

.popWrap .mainNotice .con p img {
    max-width: 100% !important;
}

.popWrap .todayChW {
    margin-right: 20px;
}


/* 20180309 추가 시작 */

/*전자결제 요약*/
.settlement {
}

.settlement .portIn {
    width: 310px;
    height: 240px;
    background: url('../../images/portal/common/bg_settlement.png') no-repeat 0 0;
}

.settlement .titArea {
    position: relative;
    height: 34px;
    color: #fff;
    font-size: 15px;
    font-family: 'NanumGothicBold';
    line-height: 34px;
    padding-left: 19px;
    background: url('../../images/portal/common/bg_tbborder_new.png') repeat-x 0 100%;
}

.settlement .portIn .reserList {
    overflow: hidden;
}

.settlement .portIn .reserList li {
    float: left;
    margin-top: 30px;
    width: 50%;
    text-align: center;
}

.settlement .portIn .reserList li .cnt {
    color: #fff;
    font-size: 65px;
}

.settlement .portIn .reserList li .tit {
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
}

.settlement .settlementBtn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 47px;
    background: #e21b23;
}

.settlement .settlementBtn a {
    display: block;
    line-height: 46px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
}

/*배너*/

.main .container > div.port_video {
    overflow: hidden;
    display: block;
    width: 310px;
    height: 240px;
    border-top: 0;
}

.port_video .portImgIn {
    position: relative;
    width: 310px;
    height: 240px;
}

.port_video .portImgIn .item img {
    width: 100%;
    height: 100%:
}

.port_video .portImgIn .videoBtn {
    position: absolute;
    left: 50%;
    top: 50%;
}

.port_video .portImgIn .videoBtn a {
    display: block;
    width: 86px;
    height: 68px;
    margin-top: -43px;
    margin-left: -34px;
}

/*바로가기*/
.port_bookmark_go {
    overflow: hidden;
    display: block;
    width: 100%;
}

.port_bookmark_go > li {
    float: left;
    width: calc(100% / 7);
    text-align: center;
}

.port_bookmark_go > li > a {
    display: block;
    width: 100%;
    height: 78px;
}

.port_bookmark_go > li > a .bookmark_img {
    display: block;
    margin: 14px auto;
    width: 42px;
    height: 36px;
    background-image: url('../../images/portal/common/icon_bookmark.png');
}

.icon_bookmark01 {
    background-position: 0 0;
}

.icon_bookmark02 {
    background-position: -52px 0;
}

.icon_bookmark03 {
    background-position: -104px 0;
}

.icon_bookmark04 {
    background-position: -156px 0;
}

.icon_bookmark05 {
    background-position: -208px 0;
}

.icon_bookmark06 {
    background-position: -260px 0;
}

.icon_bookmark07 {
    background-position: -312px 0;
}

.icon_bookmark08 {
    background-position: 0 -46px;
}

.icon_bookmark09 {
    background-position: -52px -46px;
}

.icon_bookmark10 {
    background-position: -104px -46px;
}

.icon_bookmark11 {
    background-position: -156px -46px;
}

.icon_bookmark12 {
    background-position: -208px -46px;
}

.icon_bookmark13 {
    background-position: -260px -46px;
}

.icon_bookmark14 {
    background-position: -312px -46px;
}

/*날씨*/
.port_img_watch {
}

.port_img_watch .portIn {
    width: 310px;
    height: 240px;
    background: url('../../images/portal/common/bg_img_watch.png') no-repeat 0 0;
}

.port_img_watch .titArea {
    position: relative;
    height: 45px;
    color: #fff;
    font-size: 15px;
    font-family: 'NanumGothicBold';
    line-height: 44px;
    padding-left: 19px;
    background: url('../../images/portal/common/bg_tbborder_new.png') repeat-x 0 100%;
}

.port_img_watch .portIn .timezone {
    overflow: hidden;
    text-align: center;
}

.port_img_watch .portIn .timezone span {
    display: block;
    text-align: center;
}

.port_img_watch .portIn .timezone .date {
    margin-top: 35px;
    color: #fff;
    font-size: 16px;
}

.port_img_watch .portIn .timezone .time {
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
}

.port_img_watch .portIn .timezone .time em {
    color: #fff;
    font-size: 50px;
}

.port_img_watch .portIn .timezone .week {
    margin-top: 12px;
    color: #f6ff00;
    font-size: 18px;
}

.port_img_watch .titArea .btnarea {
    top: 15px;
}

.main .container .main_calender {
    position: relative !important;
    margin: 0;
    height: 240px !important;
    border-top: 0;
    background: url('../../images/portal/common/bg_main_calender.png') no-repeat 0 0 !important;
}

/* 메인 일정표*/
.main_calender .portCon .main_calender .portCon, .main_calender .titArea, .main_calender .portCon .monthNW, .main_calender .portCon .calenNW, .main_calender .portCon .scheduleListN, .main_calender .portCon .port_scheduleNW {
    background: none;
}

.main_calender .portCon .port_scheduleNW {
    clear: both;
    overflow: hidden;
    background: none;
}

.main_calender .portCon .main_calenderIn {
    position: absolute;
    top: 5px;
    left: 15px;
    width: 287px;
}

.main_calender .portCon .monthNW {
    overflow: hidden;
    width: 287px;
    height: 40px;
}

.main_calender .portCon .monthNW button {
    float: left;
    background-image: url('../../images/portal/common/btn_main_calenderConterol.png')
}

.main_calender .portCon .monthNW button.prevMonth {
    float: left;
    margin-top: 8px;
    background-position: 0px 0px;
    width: 25px;
    height: 25px;
    font-size: 0;
}

.main_calender .portCon .monthNW button.nextMonth {
    float: right;
    margin-top: 8px;
    background-position: -35px 0px;
    width: 25px;
    height: 25px;
    font-size: 0;
}

.main_calender .portCon .monthNW .tac {
    float: left;
    display: block;
    width: 234px;
    text-align: center;
}

.main_calender .portCon .monthNW .year {
    margin: 0;
    color: #fff;
    font-size: 18.45px;
    font-family: 'NanumGothicBold';
}

.main_calender .portCon .monthNW .month {
    margin-left: 10px;
    color: #fff;
    font-size: 36px;
    font-family: 'NanumGothicBold';
    letter-spacing: -2px;
    line-height: 100%;
}

.main_calender .portCon .scheduleListN {
    height: 204px;
    width: 312px;
}

.main_calender .portCon .calenNW {
    margin-top: 5px;
}

.main_calender .portCon .calenNW table {
    width: 100%;
}

.main_calender .portCon .calenNW table th, .main_calender .portCon .calenNW table td {
    text-align: center;
    width: 36px;
    font-size: 11px;
}

.main_calender .portCon .calenNW table thead {
    background-color: #1d3c70;
}

.main_calender .portCon .calenNW table th {
    height: 30px;
    color: #e1e5ec
}

.main_calender .portCon .calenNW table td {
    height: 25px;
}

.main_calender .portCon .calenNW table td a {
    height: 25px;
}

.main_calender .portCon .calenNW a {
    display: block;
    position: relative;
    height: 25px;
    width: 100%;
    vertical-align: middle;
    line-height: 25px;
    color: #e1e6ee;
}

/*
.main_calender .portCon .calenNW .sun a{color:#fa5050}
.main_calender .portCon .calenNW .sat a{color:#007ee5}
*/
.main_calender .portCon .calenNW .otherD a {
    color: #899bbb
}

.main_calender .portCon .calenNW a:hover {
    text-decoration: none;
}

.main_calender .portCon .calenNW .today a {
    background-color: #1a62c3;
}

.main_calender .portCon .calenNW .selected a {
    background-color: #b9ceff;
    border-radius: 50%;
}

.main_calender .portCon .calenNW .scW {
    position: absolute;
    top: 19px;
    text-align: center;
    width: 100%;
}

.main_calender .portCon .calenNW .scW > span {
    vertical-align: top;
    line-height: 5px;
    width: 5px;
    height: 5px;
    display: inline-block;
    margin: 0 1px;
    padding: 0;
    overflow: hidden;
    font-size: 0;
}

.main_calender .portCon .port_scheduleNW .sc_pri {
    background: url('../../images/portal/common/ico_sc_all.png') no-repeat -10px 0;
}

.main_calender .portCon .port_scheduleNW .sc_com {
    background: url('../../images/portal/common/ico_sc_all.png') no-repeat -30px 0;
}

.main_calender .portCon .port_scheduleNW .sc_team {
    background: url('../../images/portal/common/ico_sc_all.png') no-repeat -20px 0;
}

.main_calender .portCon .port_scheduleNW .sc_executive {
    background: url('../../images/portal/common/ico_sc_all.png') no-repeat -0px 0;
}


.main_calender .portCon .port_scheduleNW .scheduleListN {
    margin-left: 316px;
    display: block;
    float: none;
}

.main_calender .portCon .scheduleListN .info {
    height: 22px;
    padding-top: 8px;
    text-align: right;
}

.main_calender .portCon .scheduleListN .info .txt {
    display: inline-block;
    padding-right: 14px;
    font-size: 12px;
    color: #fff;
}

.main_calender .portCon .scheduleListN .info .txt > span {
    vertical-align: middle;
    width: 5px;
    height: 5px;
    display: inline-block;
    margin-right: 3px;
    padding: 0;
    overflow: hidden;
    font-size: 0;
}

.main_calender .portCon .scheduleListN .list {
    height: 173px;
    overflow-y: auto;
}

.main_calender .portCon .scheduleListN .list li {
    padding: 0 0 0 20px;
    line-height: 34px;
    clear: both;
    overflow: hidden
}

.main_calender .portCon .scheduleListN .list .time {
    float: left;
    width: 43px;
    background: url('../../images/portal/common/ico_time.png') no-repeat 0 10px;
    padding-left: 20px;
    color: #fff;
}

.main_calender .portCon .scheduleListN .list .scTxt {
    float: left;
    position: relative;
    vertical-align: top;
    padding-left: 15px;
    font-size: 14px;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    color: #fff;
}

.main_calender .portCon .scheduleListN .list .ico_sc {
    position: absolute;
    top: 12.5px;
    left: 0;
    background: url('../../images/portal/common/ico_sc_all.png') no-repeat 0 0;
    width: 10px;
    height: 10px
}

.main_calender .portCon .scheduleListN .list .sc_pri {
    background-position: -15px -10px;
}

.main_calender .portCon .scheduleListN .list .sc_com {
    background-position: -45px -10px;
}

.main_calender .portCon .scheduleListN .list .sc_team {
    background-position: -30px -10px;
}

.main_calender .portCon .scheduleListN .list .sc_executive {
    background-position: -0px -10px;
}


/* 날씨 */
.main .container > div.port_weatherN {
    border-top: 0;
    height: 240px;
    background: url('../../images/portal/common/bg_weatherN.png') no-repeat 0 0;
}

.port_weatherN .portIn {
    width: 310px;
    height: 240px;
}

.port_weatherN .portIn.wet01 {
    background-position: 0 0;
}

.port_weatherN .portIn.wet02 {
    background-position: -320px;
    0;
}

.port_weatherN .portIn.wet03 {
    background-position: -639px;
    0;
}

.port_weatherN .portIn.wet04 {
    background-position: -959px;
    0;
}

.port_weatherN .portIn.wet05 {
    background-position: -1279px;
    0;
}

.port_weatherN .portIn.wet06 {
    background-position: -1599px;
    0;
}

.port_weatherN .portIn.wet07 {
    background-position: -1919px;
    0;
}

.port_weatherN .portCon {
    padding: 24px 20px 0;
}

.port_weatherN .areaCh .tit {
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 4px;
    display: block;
    margin-bottom: 5px;
}

.port_weatherN .areaTit {
    color: #fff;
    font-size: 18px;
    margin-top: 25px;
}

.port_weatherN .temper {
    color: #ffea00;
    font-size: 52px;
    letter-spacing: -6px;
}

.port_weatherN .weatherN_List {
    margin-top: 18px;
    width: 100%;
    height: 120px;
}

.port_weatherN .weatherN_List li {
    float: left;
    width: calc(100% / 3);
    text-align: center;
    color: #fff;
}

.port_weatherN .weatherN_List li:nth-child(3n-1) {
    float: left;
    width: calc(100% / 3 - 1px);
    text-align: center;
    color: #fff;
}

.port_weatherN .weatherN_List li .Wicon {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 52px;
    text-align: center;
    background-image: url('../../images/portal/common/ico_weatherN.png');
}

.port_weatherN .weatherN_List li .Wtext {
    margin-top: 15px;
    font-size: 30px;
    text-align: center;
}

.port_weatherN .weatherN_List li .Wdate {
    margin-top: 5px;
    text-align: center;
}

.port_weatherN .weatherN_List li .Wicon.wet01 {
    background-position: 0 0;
}

.port_weatherN .weatherN_List li .Wicon.wet02 {
    background-position: -70px;
    0;
}

.port_weatherN .weatherN_List li .Wicon.wet03 {
    background-position: -140px;
    0;
}

.port_weatherN .weatherN_List li .Wicon.wet04 {
    background-position: -210px;
    0;
}

.port_weatherN .weatherN_List li .Wicon.wet05 {
    background-position: -280px;
    0;
}

.port_weatherN .weatherN_List li .Wicon.wet06 {
    background-position: -350px;
    0;
}

.port_weatherN .weatherN_List li .Wicon.wet07 {
    background-position: -420px;
    0;
}


/* 메일용량  */
.main .container > div.port_mailN {
    background-image: url('../../images/portal/common/bg_port_mailN.png');
}

.port_mailN .portCon .tit {
    color: #fff;
    text-align: center;
    margin-top: 23px;
    font-size: 16px;
}

.port_mailN .portCon .info {
    color: #fff000;
    text-align: center;
    margin-top: 10px;
    font-size: 26px;
}

.port_mailN .portCon .info em {
    font-family: 'NanumGothicBold';
    font-size: 52px;;
}

.port_mailN .portCon .graphW {
    clear: both;
    overflow: hidden;
    padding: 0 20px;
    margin-top: 10px;
}

.port_mailN .portCon .graphArea {
    width: 100%;
    height: 28px;
    border-radius: 14px;
    background: rgba(230, 230, 230, 1.0);
}

.port_mailN .portCon .graph {
    height: 28px;
    background: #fbc905;
    background: -webkit-linear-gradient(left, #fbc905, #fe6331e);
    background: -o-linear-gradient(right, #fbc905, #e6331e);
    background: -moz-linear-gradient(right, #fbc905, #e6331e);
    background: linear-gradient(to right, #fbc905, #e6331e);
    border-radius: 14px;
}

.port_mailN .portCon .min {
    float: left;
    color: #fff;
    margin-top: 12px;
    font-size: 14px;
    font-family: 'NanumGothicBold';
}

.port_mailN .portCon .max {
    float: right;
    color: #fff;
    margin-top: 12px;
    font-size: 14px;
    font-family: 'NanumGothicBold';
}


/*환율*/
.port_exchange .portCon {
    padding: 24px 22px 0
}

.port_exchange .portCon .exchange_info {
}

.port_exchange .portCon .exchange_info .exchange_price {
    margin-top: 15px;
    font-size: 48px;
    font-weight: normal;
    text-align: center;
}

.port_exchange .portCon .exchange_info .exchange_price em {
    font-weight: bold;
}

.port_exchange .portCon .exchange_info ul {
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
}

.port_exchange .portCon .exchange_info ul li {
    float: left;
    width: 50%;
}

.port_exchange .portCon .exchange_info .act {
    display: block;
    font-size: 18px;
    color: #7e7e7e;
}

.port_exchange .portCon .exchange_info .price {
    display: block;
    margin-top: 5px;
    font-size: 24px;
    font-weight: normal;
}

.port_exchange .portCon .exchange_info .price em {
    font-weight: bold;
}

/*유가*/
.port_oilprice .portCon {
    padding: 24px 22px 0
}

.port_oilprice .portCon .exchange_info {
}

.port_oilprice .portCon .owl-carousel {
    text-align: center;
    height: 148px;
}

.port_oilprice .portCon .owl-carousel .oilprice_name {
    margin-top: 15px;
    font-size: 22px;
    color: #7e7e7e;
}

.port_oilprice .portCon .owl-carousel .oilprice_price {
    margin-top: 15px;
    font-size: 53.21px;
    font-weight: normal;
}

.port_oilprice .portCon .owl-carousel .oilprice_price em {
    font-weight: bold;
}


/*팀매출 */
.port_teamsales .portCon {
    padding: 24px 22px 0
}

.port_teamsales .portCon .tit {
    margin-top: 10px;
    font-size: 28px;
    color: #e21b22;
    font-weight: bold;
    text-align: center;
}

.port_teamsales .portCon .graphW {
    clear: both;
    overflow: hidden;
    margin-top: 20px;
}

.port_teamsales .portCon .graphArea {
    width: 100%;
    height: 28px;
    border-radius: 14px;
    background: rgba(236, 236, 236, 1.0);
}

.port_teamsales .portCon .graph {
    height: 28px;
    background: #fbc905;
    background: -webkit-linear-gradient(left, #fbc905, #fe6331e);
    background: -o-linear-gradient(right, #fbc905, #e6331e);
    background: -moz-linear-gradient(right, #fbc905, #e6331e);
    background: linear-gradient(to right, #fbc905, #e6331e);
    border-radius: 14px;
}

.port_teamsales .portCon .min {
    float: left;
    color: #000;
    margin-top: 12px;
    font-size: 22px;
    font-family: 'NanumGothicBold';
}

.port_teamsales .portCon .max {
    float: right;
    color: #a8a8a8;
    margin-top: 12px;
    font-size: 22px;
    font-family: 'NanumGothicBold';
}

/*지역별 서비스 담당자 */
.port_service .portCon {
    padding: 24px 22px 0
}

.port_service .portCon .owl-carousel {
    overflow: hidden;
    width: 266px;
    height: 140px;
}

.port_service .portCon .port_board {
    margin-top: 10px;
    padding: 0;
    width: 266px;
    height: 130px;
    overflow-y: auto;
}

.port_service .portCon .port_board .name {
    width: 68px;
    height: 15px;
    color: #2e2e2e;
    font-size: 14px;
    text-align: left;
}

.port_service .portCon .port_board .area {
    width: 68px;
    height: 15px;
    color: #7e7e7e;
    font-size: 14px;
    text-align: left;
}

.port_service .portCon .port_board .date {
    width: 105px;
    height: 15px;
    color: #2e2e2e;
    font-size: 14px;
    text-align: left;
}

/*문화가 있는날*/
.port_culture .portCon {
    padding: 10px;
    width: 290px;
    height: 180px;
}

.port_culture .portCon .owl-carousel {
    overflow: hidden;
    width: 290px;
}

.port_culture .portCon .owl-carousel .item {
    float: left;
    overflow: hidden;
}

.port_culture .portCon .phot {
    float: left;
    display: block;
    width: 110px;
    height: 156px;
}

.port_culture .portCon .phot:before {
    display: block;
    content: '';
    overflow: hidden;;
}

.port_culture .portCon .phot img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.port_culture .portCon .con {
    float: left;
    display: block;
    padding-left: 10px;
    width: 156px;
}

.port_culture .portCon .con .tit {
    margin-top: 8px;
    height: auto;
    font-size: 22px;
    color: #2e2e2e;
    font-weight: bold;
}

.port_culture .portCon .con .info {
    margin-top: 8px;
    font-size: 14px;
    color: #7e7e7e;
}

.port_culture .portCon .con .date {
    margin-top: 2px;
    font-size: 14px;
    color: #2e2e2e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -1px;
}


/* select jqueryui */
.ui-selectmenu-button {
    display: block;
    text-align: center;
    white-space: nowrap;
    width: 265px;
    height: 26px;
    color: #fff;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 13px;
    text-decoration: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
}

.ui-selectmenu-button-closed .ui-selectmenu-icon.ui-icon {
    float: right;
    margin: 10px 15px 0 0;
    width: 16px;
    height: 9px;
    background-image: url('../../images/portal/common/btn_select_arr.png');
    background-position: 0 0;
}

.ui-selectmenu-button-open .ui-selectmenu-icon.ui-icon {
    float: right;
    margin: 8px 15px 0 0;
    width: 16px;
    height: 9px;
    background-image: url('../../images/portal/common/btn_select_arr.png');
    background-position: -21px 0;
}

.ui-widget.ui-widget-content {
    border: 0;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 13px;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
    max-height: 140px;
}

.ui-selectmenu-menu .ui-menu li {
    padding: 5px 0;
    margin: 0 10px;
    cursor: pointer;
    text-align: center;
}

.ui-selectmenu-menu .ui-menu li:hover {
    background: rgba(0, 0, 0, 0.65)
}

/*2018-04-23 추가 변경시작 */
.float select, .float > .ui-selectmenu-button {
    float: right;
    width: 127px;
}

.float select:nth-child(2), .float > .ui-selectmenu-button:nth-child(2) {
    float: left;
}

/*2018-04-23 추가 변경끝 */
/*
.ui-selectmenu-menu .ui-menu li:nth-child(even) {background:rgba(140, 140, 140, 1)}
*/
.ui-selectmenu-menu .ui-menu li.ui-menu-item {
    color: #fff;
    font-size: 14px;
}

.main .container > div.color_sample {
    display: block;
    height: 15px
}

/* select scrollbar */
::-webkit-scrollbar {
    width: 11px;
    height: 0;
    border: 0;
    border: solid 1px #8c8c8c8;
}

::-webkit-scrollbar-track {
    background: rgba(140, 140, 140, 1);
    -webkit-border-radius: 13px;
    border-radius: 13px;
}

::-webkit-scrollbar-thumb {
    height: 30px;
    width: 10px;
    background: #000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/*게시물 조회*/

.board_list_new .listW {
    border-bottom: 1px solid #d4d4d4;
    border-top: 2px solid #ff0000;
    height: 240px;
}

.board_list_new .portLoading {
    text-align: center;
}

.board_list_new .listW li {
    font-size: 14px;
    line-height: 50px;
    height: 51px;
    background: url('../../images/portal/common/bg_tbborder.png') repeat-x 0 0;
    position: relative;
}

.board_list_new .listW li.tit {
    font-size: 14px;
    line-height: 33px;
    height: 34px;
    border-bottom: 1px solid #7e7e7e;
    position: relative;
}

.board_list_new .listW li.tit .date {
    font-size: 14px;
    line-height: 33px;
    height: 34px;
    color: #2e2e2e;
}

.board_list_new .listW li.nodata {
    text-align: center;
    height: 130px;
    padding-top: 110px;
}

.board_list_new .listW li:first-child, .board_list_new .listW li.bgnone {
    background: none
}

.board_list_new .listW.thead li:nth-child(2) {
    background: none
}

.board_list_new .listW li a {
    box-sizing: border-box;
    padding-right: 150px;
    padding-left: 10px;;
    display: block;
}

.board_list_new .listW li .date {
    font-size: 12px;
    color: #7e7e7e;
    width: 150px;
    line-height: 48px;
    height: 48px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}

.btnGry {
    background: #696969;
}

/* 취합정보 */
.gathering .dotList {
    overflow: hidden;
    border-top: 1px solid #d4d4d4;
}

.gathering .dotList li {
    overflow: hidden;
    float: left;
    width: 100%;
    padding: 5px 0;
    background: url('../../images/portal/common/dot_Line01.png') repeat-x left bottom;
}

.gathering .dotList li .answer_info {
    float: left;
    width: 49%;
    min-width: 287px;
    line-height: 40px;
    position: relative;
}

.gathering .dotList li .answer_info .num {
    text-align: center;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    font-size: 16px;
    color: #ae2626;
    background: #dbdbdb;
    position: absolute;
    top: 7px;
    left: 0;
}

.gathering .dotList li .answer_info .name {
    display: block;
    padding: 0 50px 0 35px;
    min-width: 202px;
    width: calc(100% - 85px);
    line-height: 40px;
    font-size: 14px;
    color: #2e2e2e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gathering .dotList li .answer_info .answer {
    text-align: center;
    display: inline-block;
    width: 50px;
    height: 28px;
    line-height: 27px;
    font-size: 14px;
    color: #2e2e2e;
    background: url('../../images/portal/common/bg_answer.png') no-repeat 0 0;
    position: absolute;
    top: 8px;
    right: 0;
}


.gathering .dotList li .date {
    float: left;
    display: block;
    position: relative;
    padding-left: 10px;
    width: calc(51% - 30px);
    min-width: 286px;
    line-height: 40px;
    font-size: 12px;
    color: #7e7e7e;
}

.gathering .dotList li .btn_view {
    position: absolute;
    top: 5px;
    right: 20px;
    min-width: auto;
}

.tb_gathering {
    overflow: hidden;
    width: 100%;
}

.tb_gathering li {
    overflow: hidden;
    padding-left: 15px;
    width: 100%;
    height: 63px;
    line-height: 62px;
    font-size: 16px;
    font-weight: bold;
    color: #2e2e2e;
    position: relative;
}

.tb_gathering li .gatherin_txt {
    float: left;
    padding-left: 15px;
    width: calc(100% - 250px);
    height: 63px;
    line-height: 62px;
    font-size: 16px;
    font-weight: bold;
    color: #2e2e2e;
    position: relative;
}

.tb_gathering li .gatherin_txt .ico {
    background-position: -261px -42px;
    width: 6px;
    height: 17px;
    margin-right: 7px;
}

.tb_gathering li .btn_big {
    float: right;
    margin: 13px 30px 0 0;
    padding: 0 10px 0 45px;
    width: 66px;
    position: relative;
}

.tb_gathering li .btn_big .ico_email {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -12px;
    width: 30px;
    height: 24px;
    background: url('../../images/portal/common/ico_email.png') no-repeat 0 0;
}

.tb_gathering li .btn_big .ico_download {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -12px;
    width: 30px;
    height: 24px;
    background: url('../../images/portal/common/ico_download.png') no-repeat 0 0;
}

/*커뮤니티포털 Number 추가 */
.NumberAdd li {
    padding-left: 35px;
}

.NumberAdd li .num {
    text-align: center;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    font-size: 16px;
    color: #ae2626;
    background: #dbdbdb;
    position: absolute;
    top: 10px;
    left: 10px
}

/* 사내규정*/
.stipulation #wrap {
    width: 1024px;
    min-width: 1024px;
    margin: 0 auto;
}

.stipulation #conWrap {
    overflow: hidden;
    margin: 0 auto;
    width: 1024px;
    height: 768px;
}

.stipulation #conWrap .lnb {
    float: left;
    width: 260px;
    height: 768px;
    background: url('../../images/portal/common/bg_stipulation_lnb.png');
}

.stipulation #conWrap .lnb .sti_tit {
    width: 260px;
    height: 110px;
}

.stipulation #conWrap .lnb .sti_tit h1 {
    margin-top: 86px;
    margin-left: 35px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}

.stipulation #conWrap .lnb .sti_tit .eng_Tit {
    margin-top: 10px;
    margin-left: 35px;
    font-size: 11px;
    color: #759aaf;
}

.stipulation #conWrap .lnb .panel {
    overflow: auto;
    padding: 30px 20px;
    width: 220px;
    height: 445px;
    min-height: 445px;
}

.stipulation #conWrap .lnb .panel .panel-body {
    background: none;
    font-size: 14px;
    color: #fff;
}

.stipulation #conWrap .lnb .panel .panel-body ul.easyui-tree li div {
}

/* hover background 및 폰트 색상변경 시작*/
.stipulation #conWrap .lnb .panel .panel-body ul.easyui-tree .tree-node-hover {
    background: none;
    font-size: 14px;
    color: #fff;
}

.stipulation #conWrap .lnb .panel-body ul.easyui-tree > li > div.tree-node-selected {
    font-size: 14px;
    color: #fff;
}

/* hover background 및 폰트 색상변경 끝*/
.stipulation #conWrap .lnb .panel-body a {
    font-size: 14px;
    color: #fff;
}

.stipulation #conWrap .lnb .tree-indent {
    width: 10px;
}

.stipulation #conWrap .lnb .tree-collapsed {
    margin-top: 4px;
    width: 11px;
    height: 11px;
    background: url('../../images/portal/common/ico_tree-collapsed.png') no-repeat 0 0;
}

.stipulation #conWrap .lnb .tree-expanded {
    margin-top: 4px;
    width: 11px;
    height: 11px;
    background: url('../../images/portal/common/ico_tree-expanded.png') no-repeat 0 0;
}

.stipulation #conWrap .lnb .tree-title {
    padding: 0 2px 0 5px;
    font-size: 14px;
    color: #fff;
}

.stipulation #conWrap .lnb .footer {
    width: 260px;
    height: 64px;
}

.stipulation #conWrap .lnb .footer .foot_logo {
    margin: 20px 0 0 35px;
}


.stipulation #conWrap .contentWrap {
    float: left;
    padding: 0;
    width: 764px;
    height: 768px;
    min-height: 768px;
    background: url('../../images/portal/common/bg_stipulation_content.png');
    overflow: auto;
}

.stipulation #conWrap .contentWrap.stipulation_main {
    float: left;
    padding: 0;
    width: 764px;
    height: 768px;
    min-height: 768px;
    text-align: center;
    background: url('../../images/portal/common/bg_stipulation_main.png');
    o;
}

.stipulation .contents {
    margin: 0;
    width: 764px;
}

.stipulation .contentWrap .contents .sti_main_logo {
    padding-top: 150px;
}

.stipulation .contentWrap .contents .line_nbsp {
}

.stipulation .contentWrap .contents .sti_main_subject {
    padding-top: 120px;
    font-size: 34px;
    font-weight: bold;
    color: #00304d;
}

.stipulation .contentWrap .contents .sti_main_certification {
    padding-top: 15px;
    font-size: 24px;
    color: #707070;
    font-weight: bold;
    font-style: italic;
}

.stipulation .contentWrap .contents.sub {
    margin: 68px 102px 0 112px;
    width: 550px;
    height: 700px;
    background: #fff;
    box-shadow: 1px 0 0 #c6c5cb;
    overflow-y: scroll
}

.stipulation .contentWrap .contents.sub .contentsIn {
}

/* 20180309 추가 끝 */
.scheduleType .scOfficers.on {
    background-color: #ff9933
}

.scheduleType .scOfficers {
    border-color: #ff9933
}

.portCon .scheduleList .list .popup .sc_officers {
    float: left;
    width: 43px;
    background: url('../../images/portal/common/ico_team.png') no-repeat 0 10px;
    padding-left: 20px;
    color: #7e7e7e;
}

.groupMemList li .bookmark_popup {
    position: relative;
    margin-top: -5px;
    right: 10px;
    background-position: -291px -72px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    line-height: 999px;
    cursor: pointer;
    background-size: 320px 480px;
}

.groupMemList li .bookmark_popup.on {
    background-position: -236px -72px;
}

/*20180324 추가*/
.portCon.boardS .owl-carousel {
    width: 310px
}

/* 2018-03-22 추가 시작 */

/* 일정 carender */


/* combo */
.searchN {
    display: inline-block;
}

.searchN .combo.textbox {
    margin-top: -4px;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    height: 27px !important;
    line-height: 22px;
}

/* main 날씨 */

.weatherTab {
    overflow: hidden;
    width: 100%;
}

.weatherTab li {
    float: left;
    width: calc(100% / 3);
    text-align: center;
}

.weatherTab li a {
    display: block;
    width: 86px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.weatherTab li a span {
    color: #fff;
}

.weatherTab li.on a {
    border-radius: 15px;
    background: #3d78a7;
}

.weatherTab li.on a span {
    color: #fff;
}

.weatherchios {
    display: none;
}

.weatherchios.on {
    display: block;
}

.today {
    position: relative;
    margin: 0 13px;
}

.today .Wicon {
    position: absolute;
    top: 35px;
    left: 27px;
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 52px;
    text-align: center;
    background-image: url(../../images/portal/common/ico_weatherN.png);
}

.today .weatherIn {
}

.today .weatherIn {
    display: block;
    margin: 14px 10px 0 10px;;
    padding-left: 105px;
    color: #fff;
}

.today .weatherIn .Wtext {
    width: 100%;
    font-size: 59px !important;
    text-align: center;
}

.today .weatherIn .Wdate {
    margin-top: 10px;
    padding-top: 15px;
    width: 100%;
    border-top: solid 1px #928d8b;
    font-size: 28px;
    text-align: center;
}

.today .weatherIn .Wdate .point {
    color: #ace9ff !important;
}

.tomorrow {
    overflow: hidden;
    margin: 15px 0;
    width: 100%;
}

.tomorrow li {
    float: left;
    width: calc(50% - 1px)
}

.tomorrow li:nth-child(2) {
    margin-left: -1px;
    border-left: solid 1px #78777d;
}

.tomorrow li .weatherIn {
    display: block;
    position: relative;
}

.tomorrow li:nth-child(2) .weatherIn {
    margin-left: 10px;
}

.tomorrow .weatherIn .WTime {
    position: relative;
    margin: 0 auto;
    width: 50px;
    color: #fff;
    height: 24px;
    line-height: 24px;
}

.tomorrow .weatherIn .WTime em {
    padding-left: 17px;
}

.tomorrow .weatherIn .am {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 14px;
    height: 24px;
    background: url('../../images/portal/common/icon_weatherPm.png') no-repeat 0 50%;
}

.tomorrow .weatherIn .pm {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 14px;
    height: 24px;
    background: url('../../images/portal/common/icon_weatherAm.png') no-repeat 50% 0;
}

.tomorrow .Wicon {
    position: absolute;
    top: 35px;
    left: 0px;
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 52px;
    text-align: center;
    background-image: url(../../images/portal/common/ico_weatherN.png);
}

.tomorrow .weatherIn .Wtext {
    display: block;
    padding-left: 60px;
    color: #fff;
    font-size: 40px;
    text-align: center;
}

.tomorrow .weatherIn .Wdate {
    display: block;
    padding-left: 60px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.tomorrow .weatherIn .Wdate span {
    display: block;
    text-align: center;
}

.tomorrow .weatherIn .Wdate .point {
    color: #ace9ff !important;
}

.weatherIn .Wdate {
    margin-top: 5px;
    text-align: center;
}

.weatherIn .Wicon.wet01 {
    background-position: 0 0;
}

.weatherIn .Wicon.wet02 {
    background-position: -70px 0;
}

.weatherIn .Wicon.wet03 {
    background-position: -140px 0;
}

.weatherIn .Wicon.wet04 {
    background-position: -210px 0;
}

.weatherIn .Wicon.wet05 {
    background-position: -280px 0;
}

.weatherIn .Wicon.wet06 {
    background-position: -350px 0;
}

.weatherIn .Wicon.wet07 {
    background-position: -420px 0;
}


/* 2018-03-22 추가 끝 */

/* 2020-05-26 비밀번호 관리 */
.pw_control_wrap {
    min-height: 620px;
    margin: 0 auto;
    padding: 100px 20px 0;
    background-color: #f0f0f0;
}

.pw_control_wrap .titleWrap {
    text-align: center;
}

.pw_control_wrap .titleWrap h2 {
    font-size: 36px;
}

.pw_control_wrap .pw_control_type {
    text-align: center;
}

.pw_control_wrap .pw_control_type li {
    display: inline-block;
    width: 340px;
    margin-right: 40px;
    text-align: center;
    vertical-align: top;
}

.pw_control_wrap .pw_control_type li:last-child {
    margin-right: 0px;
}

.pw_control_wrap .pw_control_type li .cont {
    width: 100%;
    height: 268px;
    padding-top: 38px;
    box-sizing: border-box;
    background-color: #fff;
}

.pw_control_wrap .pw_control_type li .cont .img {
    position: relative;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    background: url(../../img/img_pw_bg.png) no-repeat top center;
}

.pw_control_wrap .pw_control_type li .cont .img img {
    position: absolute;
    top: 11px;
    right: -13px;
}

.pw_control_wrap .pw_control_type li .cont .txt {
    height: 55px;
    margin: 25px 0 0;
    color: #263679;
    font-size: 18px;
    font-weight: bold;
}

.pw_control_wrap .pw_control_type li .link {
    width: 340px;
    height: 40px;
    background-color: #57595b;
}

.pw_control_wrap .pw_control_type li .link a {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 42px;
    font-weight: bold;
}

.pw_control_wrap .pw_control_type li .desc {
    margin-top: 20px;
}

.pw_control_wrap .pw_control_type li .desc span {
    display: block;
    color: #505050;
    font-size: 15px;
}

.pw_control_wrap .pw_control_type li .desc span.sub {
    margin-top: 10px;
    color: #818181;
    font-size: 15px;
}

/* 2020-05-27 팝업 */
.pop_wrap {
    padding: 20px;
    font-size: 14px;
    background-color: #f0f0f0;
    box-sizing: border-box;
    letter-spacing: -1px;
}

.pw_pop_wrap {
    width: 385px;
    margin: 0 auto;
    box-sizing: border-box;
}

.pw_pop_box > div {
    padding: 0 30px;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    background-color: #fff;
}

.pw_pop_box:before {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    background: url(../../img/pop_bg_top.png) no-repeat 0 0;
}

.pw_pop_box:after {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    background: url(../../img/pop_bg_btm.png) no-repeat 0 0;
}

.pw_pop_wrap .pop_tit {
    padding: 10px 30px 30px;
}

.pw_pop_wrap .pop_tit .tit {
    height: 54px; /* margin: 30px; */
    padding-left: 65px;
    color: #231f20;
    font-size: 30px;
    line-height: 54px;
    background: url(../../img/icon_pw_change.png) no-repeat 0 0;
}

.pw_pop_wrap .pop_tit.type02 .tit {
    line-height: 28px;
}

.pw_pop_wrap .pop_tit.type02 .tit span {
    display: block;
    font-size: 20px;
}

.pw_pop_wrap .pop_content {
}

.pw_pop_wrap .pop_content .input_list {
    padding-bottom: 30px;
    border-bottom: 1px solid #e9e9e9;
}

.pw_pop_wrap .pop_content .input_list li {
    margin-bottom: 10px;
}

.pw_pop_wrap .pop_content .input_list li:focus {
    border-color: #263679;
}

.pw_pop_wrap .pop_content .input_list li:last-child {
    margin-bottom: 0;
}

.pw_pop_wrap .pop_content .input_list input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #bdbdc4;
}

.pw_pop_wrap .pop_content .input_list .phone {
    display: table;
    width: 100%;
}

.pw_pop_wrap .pop_content .input_list .phone input {
    display: table-cell;
    width: 200px;
}

.pw_pop_wrap .pop_content .input_list .phone a {
    display: table-cell;
    width: 90px;
    padding: 0 10px;
    color: #231f20;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #231f20;
}

.pw_pop_wrap .pop_content .input_list .radiowrap {
    margin-top: 25px;
    text-align: center;
}

.pw_pop_wrap .pop_content .input_list .radiowrap input[type="radio"] {
    position: static;
    width: 20px;
    height: 20px;
    opacity: 1;
}

.pw_pop_wrap .pop_content .input_list .radiowrap input[type="radio"] + label {
    padding-left: 3px;
    color: #231f20;
    font-size: 16px;
    vertical-align: text-top;
}

.pw_pop_wrap .pop_content .desc {
    padding-top: 30px;
    color: #675f61;
}

.pw_pop_wrap .pop_content .desc li {
    padding-bottom: 10px;
    text-indent: -8px;
}

.pw_pop_wrap .pop_content .desc li:before {
    content: "·";
    padding-right: 5px;
}

.pw_pop_wrap .pop_content .desc span {
    color: #989193;
}

.pw_pop_wrap .pop_btnwrap {
    margin-top: 25px;
    text-align: center;
}

.pw_pop_wrap .pop_btnwrap > div {
    display: inline-block;
    width: 145px;
    margin: 0 7px;
    line-height: 45px;
    border-radius: 7px;
}

.pw_pop_wrap .pop_btnwrap a {
    display: block;
    color: #fff;
}

.pw_pop_wrap .pop_btnwrap .pop_ok {
    background-color: #263679;
}

.pw_pop_wrap .pop_btnwrap .pop_cancel {
    background-color: #6b6f72;
}