@charset "utf-8";
@import "respond.css";


@font-face {
    font-family: 'NanumSquare';
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareR.eot);
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareR.eot?#iefix) format('embedded-opentype'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareR.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareR.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumSquareB';
    font-style: normal;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareB.eot);
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareB.eot?#iefix) format('embedded-opentype'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareB.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareB.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumSquareEB';
    font-style: normal;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareEB.eot);
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareEB.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareEB.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumSquareL';
    font-style: normal;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareL.eot);
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareL.eot?#iefix) format('embedded-opentype'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareL.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NanumSquareL.ttf) format('truetype');
}

@font-face {
    font-family: 'Exo2.0-Medium';
    font-style: normal;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/Exo2.0-Medium.eot);
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/Exo2.0-Medium.eot?#iefix) format('embedded-opentype'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/Exo2.0-Medium.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/Exo2.0-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Thin.woff2) format('woff2'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Thin.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Light.woff2) format('woff2'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Light.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Regular.woff2) format('woff2'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Regular.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Medium.woff2) format('woff2'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Medium.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Bold.woff2) format('woff2'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Bold.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Black.woff2) format('woff2'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Black.woff) format('woff'),
    url(//s3.ap-northeast-2.amazonaws.com/webfont.mongcomms/NotoSansKR-Black.otf) format('opentype');
}

body {
    font-family: "Noto Sans KR", sans-serif;
    font-size: 14px;
    margin: 0;
    color:rgba(0,0,0,.87);
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

* {
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease;
}

input::placeholder {
    color:#bbbbbb;
    font-style:italic;
}
input::-webkit-input-placeholder {
    color:#bbbbbb;
    font-style:italic;
}
input::-ms-input-placeholder {
    color:#bbbbbb;
    font-style:italic;
}
input:focus::placeholder {
    opacity:0;
}
input:focus::-webkit-input-placeholder {
    opacity:0;
}
input:focus::-ms-input-placeholder {
    opacity:0;
}


p {
    margin:0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.w50 {
    width: 50px !important;
}

.error {
    color: #ff0000;
}

.success {
    color: rgb(3, 155, 229);
}

button.btn_md {
    cursor: pointer;
    color: #ffffff;
    /*padding: 10px 20px;*/
    /*font-size: 14px;*/
    border: 0;
    border-radius: 10px;
}

button.btn_sm {
    cursor: pointer;
    color: #ffffff;
    padding: 4px 10px;
    font-size: 12px;
    border: 0;
    border-radius: 5px;
}

button.btn_sms {
    cursor: pointer;
    color: #ffffff;
    padding: 4px 8px;
    font-size: 12px;
    border: 0;
    border-radius: 4px;
}


button.btn_mds {
    cursor: pointer;
    color: #ffffff;
    /*padding: 8px 16px;*/
    font-size: 13px;
    border: 0;
    border-radius: 7px;
}

button.outline_submit:hover {
    border: 1px solid rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.2);
}

button.outline_submit {
    border: 1px solid rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0);
    transition-delay: 0s, 0s;
    transition-duration: 0.2s, 0.2s;
    transition-property: box-shadow, background-color;
    transition-timing-function: ease, ease;
}

button.outline_modify:hover {
    border: 1px solid rgba(3, 155, 229, 0.8);
    background-color: rgba(3, 155, 229, 0.1);
}

button.outline_modify {
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0);
    color: rgb(3, 155, 229);
    transition-delay: 0s, 0s;
    transition-duration: 0.2s, 0.2s;
    transition-property: box-shadow, background-color, border;
    transition-timing-function: ease, ease;
}

button.submit:hover {
    background-color: #0388ca;
}

button.submit {
    background-color: rgb(3, 155, 229);
}

button.bubble:hover {
    background-color: #17aa9b;
}

button.bubble {
    background-color: #18b7a7;
}

button.cancel:hover {
    background-color: rgba(192, 192, 192, 0.5);
}

button.cancel {
    background-color: rgba(192, 192, 192, 0);
    color: rgba(0, 0, 0, .54);
}

button.remove:hover {
    background-color: #e24949;
}

button.remove {
    background-color: #ff5252;
    color: #ffffff;
}

#wrap {
    height: 100vh;
    width: 100vw;
}

#wrap .layout_left_wrap {
    width: 250px;
    height: 100vh;
    position: absolute;
    background-color: #262F3C;
    color: #BEC1C5;
}

#wrap .layout_content_wrap {
    width: 100vw;
    height: 100vh;
    /*padding-left: 250px;*/
    position: absolute;
    box-sizing: border-box;
}

.layout_content_wrap .layout_content_inner {
    width: 100%;
    display: block;
    position: relative;
}

.layout_left_wrap .head_space .fas:after {
    content: '';
    padding-right: 8px;
}

.layout_left_wrap .head_space:before {
    content: '';
    padding-left: 20px;
}

.layout_left_wrap .logo_wrap>a {
    font-size: 20px;
    text-decoration: none;
    font-weight: 600;
    color: #ffffff;
}

.layout_left_wrap .logo_wrap {
    width: 100%;
    height: 50px;
    position: absolute;
    border-bottom: 1px solid #404854;
    padding-top: 9px;
    box-sizing: border-box;
    z-index:2;
}

.layout_left_wrap .copyright_wrap {
    width: 100%;
    height: 80px;
    bottom: 0;
    position: absolute;
    border-top: 1px solid #404854;
}

.layout_left_wrap .copyright_wrap .copyright_owner{
    padding:8px 20px 3px 20px;
    box-sizing:border-box;
    font-weight:500;
}
.layout_left_wrap .copyright_wrap .copyright_text{
    font-size:12px;
    padding:3px 20px 8px 20px;
    box-sizing:border-box;
}

.layout_left_wrap .menu_content_wrap {
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    padding: 50px 0 80px 0;
    position: absolute;
    overflow: hidden;
}

.menu_content_wrap .menu_content_inner {
    height: 100%;
    overflow: auto;
}

.menu_content_wrap .menu_item_wrap:first-child {
    border-top: 0;
}

.menu_content_wrap .menu_item_wrap.active .menu_title {
    padding-bottom: 15px;
}

.menu_content_wrap .menu_item_wrap.active {
    background-color: #19212B;
}

.menu_content_wrap .menu_item_wrap.active li {
    /*margin:4px 0;*/
    padding: 8px 20px;
}

.menu_content_wrap .menu_item_wrap.active li.active {
    color:#4fc3f7!important;
}

.menu_content_wrap .menu_item_wrap.group .menu_title {
    color: #FFFFFF;
    cursor: pointer;
}

.menu_content_wrap .menu_item_wrap > ul > li .fas:after {
    content: '';
    padding-right: 8px;
}

.menu_content_wrap .menu_item_wrap > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu_content_wrap .menu_item_wrap.disable li:first-child:before {
    content: '';
}

.menu_content_wrap .menu_item_wrap.disable li:before {
    content: ', ';
}

.menu_content_wrap .menu_item_wrap.disable ul:after {
    content: '';
    clear: both;
    display: block;
}

.menu_content_wrap .menu_item_wrap.disable ul {
    margin: 0;
    height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1rem;
    padding: 2px 10px 0 20px;
}

.menu_content_wrap .menu_item_wrap.disable li .fas {
    display: none;
}

.menu_content_wrap .menu_item_wrap.active li:hover {
    background-color: #404854;
    cursor: pointer;
}

.menu_content_wrap .menu_item_wrap li {
}

.menu_content_wrap .menu_item_wrap.disable li {
    float: left;
    font-size: 11px;
    font-weight: 400;
    color: #aaaaaa;
}

.menu_content_wrap .menu_item_wrap .menu_open_icon .fas {
    transform: rotate(180deg);
}

.menu_content_wrap .menu_item_wrap.disable .menu_open_icon .fas {
    transform: rotate(180deg);
    opacity: 0 !important;
}

.menu_content_wrap .menu_item_wrap .menu_open_icon .fas {
    opacity: 0;
    transform: rotate(0);
    -webkit-transition: opacity .2s ease, transform .3s ease;
    transition: opacity .2s ease, transform .3s ease;
}

.menu_content_wrap .menu_item_wrap .menu_open_icon .fas:after {
    padding-right: 0;
}

.menu_content_wrap .menu_item_wrap .menu_open_icon {
    float: right;
    margin-right: 20px;
    color: rgb(190, 193, 197);
}

.menu_content_wrap .menu_item_wrap .head_space:hover .menu_open_icon .fas {
    opacity: 1;
}

.menu_content_wrap .menu_item_wrap {
    border-top: 1px solid #404854;
    padding: 20px 0;
}

.layout_content_wrap .content_outer_wrap {
    position: absolute;
    /*top: 50px;*/
    /*height: calc(100vh - 50px);*/
    width: 100%;
    overflow: auto;
    box-sizing: border-box;
    background-color: #ECEFF1;
}

.layout_content_wrap .content_outer_wrap .contents_location_wrap {
    background:url(../img/common/ico_home.png) no-repeat 10px 50% #fff;
    padding: 10px 0 10px 35px;
    border-bottom:1px solid #999;
    box-sizing:border-box;
    color: #999;
}

.layout_content_wrap .content_outer_wrap .content_title_wrap {
    background-color: rgb(3, 155, 229);
}

.layout_content_wrap .content_outer_wrap .content_menu_wrap {
    background-color: rgb(3, 155, 229);
    /*position:relative;*/
}

.layout_content_wrap .content_outer_wrap.fixed_menu .content_menu_wrap {
    position:fixed;
    width:100%;
    top:50px;
    box-shadow: 0 3px 3px rgba(3, 155, 229,0.1);
}

.layout_content_wrap .content_outer_wrap.fixed_menu .content_inner_wrap {
    margin-top:39px;
}

.layout_content_wrap .top_status_bar {
    /*height: 50px;*/
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    background-color: rgb(3, 155, 229);
    color: #BBE1F6;
    z-index: 2;
}

/* 상단 상태바 영역 - pc */
.top_status_bar ul.not_use_mobile li {
    font-size: 13px;
    padding: 4px 20px;
    float: left;
}

.top_status_bar ul.not_use_mobile li .login_info_text{
    padding: 9px 0;
    display: inline-block;
}

.top_status_bar ul.not_use_mobile li:last-child {
    float: right;
}

.top_status_bar ul.not_use_mobile {
    padding: 2px 0;
}

/* 상단 상태바 영역 - mobile */
.top_status_bar div.use_mobile {
    position:relative;
    padding:0 10px;
}

.top_status_bar div.use_mobile > div {
    position:absolute;
    top:25px;
    cursor:pointer;
}

.top_status_bar div.use_mobile .menu_open_area {
    left:10px;

    width:25px;
    height:28px;
    background:url(../img/common/ico_open_menu.png) no-repeat 50% 50%;
}

.top_status_bar div.use_mobile .menu_close_area {
    left:250px;

    display:none;
    position:fixed;
    width:30px;
    height:30px;
    background:url(../img/common/ico_close_menu.png) no-repeat 50% 50% #a6a6a6;
    background-size:50%;
    padding:5px;
    z-index:5;
}

#mask {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.2;z-index:3;}

.top_status_bar div.use_mobile .login_info_area {
    right:18px;

    width:25px;
    height:25px;
    background:url(../img/common/ico_privacy.png) no-repeat 50% 50%;
}

.top_status_bar div.use_mobile .modalBox {

    right:9px;
    top:63px;

    z-index:3;
    position:absolute;
    opacity:0;
    width:150px;
    box-sizing:border-box;
    visibility:hidden;
}

.top_status_bar div.use_mobile .bubble{
    position:relative;
}

.top_status_bar div.use_mobile .bubble .label{
    color:#ffffff;
    background-color:#425774;
    border-radius:5px;
    padding:15px 10px;
}

.top_status_bar div.use_mobile .bubble .label li a:hover {
    color:#1ecab8;
    text-decoration:unset;
}

.top_status_bar div.use_mobile .bubble .label li:first-child {
    padding-bottom:15px;
}

.top_status_bar div.use_mobile .bubble .tail{
    right:0;
    margin-right:10px;
    border-right :12px solid transparent;
    border-bottom:16px solid #425774;
    border-left : 12px solid transparent;
    position:absolute;
    top:-10px;
    width:0; height:0;
}

.top_status_bar div.use_mobile .modalBox.active {
    visibility:visible;
    opacity:1;
}

/* 타이틀 영역 */
.content_title_wrap ul li {
    font-size: 25px;
    color: #ffffff;
    font-weight: 500;
    padding: 4px 20px;
    float: left;
}

.content_title_wrap ul li:last-child {
    float: right;
}

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

.content_title_wrap ul {
    padding: 3px 0;
}

/* 메뉴영역 */
.content_menu_wrap ul li.active .menu_underline {
    display: block;
}

.content_menu_wrap ul li.active {
    color: #ffffff;
    position: relative;
}

.content_menu_wrap ul li {
    /*font-size: 13px;*/
    color: #BBE1F6;
    /*margin: 0 15px;*/
    text-align: center;
    cursor: pointer;
    /*font-weight:500;*/
    /*padding:4px 20px;*/
    /*float: left;*/
    padding: 0 3px 10px 3px;
}

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

.content_menu_wrap .menu_underline {
    width: 100%;
    border-top: 4px solid #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    display: none;
}

.content_inner_wrap {
    /*padding: 30px;*/
    box-sizing: border-box;
}

/** 컨텐츠 박스 타이틀 **/
.content_box_wrap {
    max-width:1280px;
    margin:0 auto;
}

.content_box_wrap .content_box_title {
    color: rgba(0, 0, 0, 0.54);
    font-weight: 400;
    font-size: 13px;
    padding: 10px 0;

}

/** 폼 스타일 **/
.content_form_box h5 {
    font-weight: 400;
    margin: 0;
    font-size: 14px;
}

.content_form_box .content_header_description {
    font-size: 13px;
    color: #888888;
    margin-top: 10px;
    font-weight: 400;
}

.content_form_box .content_header_wrap {
    padding: 22px 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
}

.content_form_box {
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3) /*, 0 1px 3px 1px rgba(60, 64, 67, .15)*/;
    border-radius: 6px;
    box-sizing: border-box;
}

.content_form_box .content_detail_wrap {
    padding: 30px;
    box-sizing: border-box;
}

/** 목록 스타일 **/
.content_list_box {
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3) /*, 0 1px 3px 1px rgba(60, 64, 67, .15)*/;
    border-radius: 6px;
    box-sizing: border-box;
}

.content_list_box.check_enabled .list_header:first-child {
    display: none;
}

.content_list_box.check_enabled .list_header:nth-child(3) {
    background-color: #039be5;
    display: block;
    padding: 4px 0;
}

.content_list_box.check_enabled .list_header .list_left_header {
    padding: 3px 0;
}

.content_list_box.check_enabled .list_header .check_header_close_icon:hover {
    color: rgba(255, 255, 255, 1);
}

.content_list_box.check_enabled .list_header .check_header_close_icon:active {
    background-color: rgba(255, 255, 255, 0.3);
}

.content_list_box.check_enabled .list_header .check_header_close_icon {
    display: inline-block;
    font-size: 22px;
    border: 0;
    color: rgba(255, 255, 255, .6);
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    -webkit-transition: color .2s ease, background-color .15s ease;;
    transition: color .2s ease, background-color .15s ease;;
    padding: 5px 11px;
    border-radius: 50%;
}

.content_list_box.check_enabled .list_header .list_left_header ul {
    display: table-row;
}

.content_list_box.check_enabled .list_header .list_left_header ul:after {
    content: '';
    display: block;
    clear: both;
}

.content_list_box.check_enabled .list_header .list_left_header ul li .checked_count_text {
    color: #ffffff;
    padding: 2px 20px 2px 10px;
    /*font-size: 13px;*/
    border-right: 1px solid rgba(255, 255, 255, 0.6);
    margin-right: 10px;
}

.content_list_box.check_enabled .list_header .list_left_header ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
}

.content_list_box.check_enabled .list_header .list_left_header ul li:last-child {
    padding-right: 0;
}


.content_list_box.search_enabled .list_header:first-child {
    display: none;
}

.content_list_box.search_enabled .list_header:nth-child(2) {
    background-color: #FFFFFF;
    display: block;
}

.content_list_box.search_enabled .list_header .list_left_header {
    /*padding: 5px 0;*/
    width: 100%;
    box-sizing: border-box;
}

.content_list_box.search_enabled .list_header .list_left_header .search_value {
    width: 90%;
}

.content_list_box.search_enabled .list_header .list_left_header .search_value input.search_input {
    border: 0;
    font-size: inherit;
    font-weight: inherit;
    width: 90%;
    outline: 0;
}

.content_list_box .list_header:nth-child(2) {
    display: none;
}

.content_list_box .list_header:nth-child(3) {
    display: none;
}

.content_list_box .list_header {
    background-color: #F5F5F5;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    /*padding: 5px 20px;*/
}

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

.content_list_box .list_header .list_center_header {
    text-align:center;
}

.content_list_box .list_header .list_left_header {
    /*float: left;*/
    padding: 5px 0;
    /*width: 70%;*/
}

.content_list_box .list_header .list_left_header .search_icon {
    float: left;
    margin:3px 0 4px 0;
    font-size: 16px;
    color: #999999;
}

.content_list_box .list_header .list_left_header .search_value {
    float: left;
    /*padding: 1px 10px 0 10px;*/
    font-weight: 400;
    /*font-size: 14px;*/
    color: #999999;
}

.content_list_box .list_header .list_right_header {
    display: table;
    float: right;
    /*width:30%;*/
    font-size: 15px;
    color: #999999;
}

.content_list_box .list_header .list_right_header ul {
    display: table-row;
}

.content_list_box .list_header .list_right_header ul:after {
    content: '';
    display: block;
    clear: both;
}

.content_list_box .list_header .list_right_header ul li {
    display: table-cell;
    vertical-align: middle;
    /*padding: 0 5px;*/
}

.content_list_box .list_header .list_right_header ul li:last-child {
    padding-right: 0;
}

.content_list_box .list_header .list_right_header ul li .reload_icon:hover {
    color: #333333;
}

.content_list_box .list_header .list_right_header ul li .reload_icon {
    color: #666666;
    padding: 0 10px;
    cursor: pointer;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.content_list_box .list_header .list_right_header ul li .menu_icon:hover {
    color: #333333;
}

.content_list_box .list_header .list_right_header ul li .menu_icon {
    color: #666666;
    padding: 0 5px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.content_list_box .list_header .option_name {
    font-size:13px;
}
.content_list_box .list_header .option_value select {
    font-size:13px;
    color:inherit;
    padding:2px;
    border:1px solid #dddddd;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.content_list_box .list_footer {
    background-color: #F5F5F5;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 5px 20px;
}

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

.content_list_box .list_footer .list_left_footer {
    float: left;
    padding: 10px 0;
    width: 50%;
}

.content_list_box .list_footer .list_right_footer {
    display: table;
    float: right;
    /*width:30%;*/
    font-size: 15px;
    color: #999999;
}

.content_list_box .list_footer .list_right_footer ul {
    display: table-row;
}

.content_list_box .list_footer .list_right_footer ul:after {
    content: '';
    display: block;
    clear: both;
}

.content_list_box .list_footer .list_right_footer ul li {
    display: table-cell;
    font-size: 12px;
    vertical-align: middle;
    padding: 10px 5px;
}

.content_list_box .list_footer .list_right_footer ul li .page_next button,
.content_list_box .list_footer .list_right_footer ul li .page_prev button {
    background-color: rgba(0, 0, 0, 0);
    font-size: 15px;
    border: 0;
    color: inherit;
    cursor: pointer;
}

.content_list_box .list_footer .list_right_footer ul li .page_next button:disabled,
.content_list_box .list_footer .list_right_footer ul li .page_prev button:disabled {
    color:#cccccc;
}

.content_list_box .list_footer .list_right_footer ul li .count_per_page_select button {
    background-color: rgba(0, 0, 0, 0);
    font-size: 15px;
    border: 0;
    color: inherit;
    cursor: pointer;
}
.content_list_box .list_content .field_order_btn button {
    background-color: rgba(0, 0, 0, 0);
    font-size: 15px;
    border: 0;
    color: inherit;
    cursor: pointer;
}
.content_list_box .list_content .field_order_btn button i {
    color:rgba(0, 0, 0, 0.34);
}
.content_list_box .list_content .field_order_btn.hit button i {
    color:rgb(3, 155, 229);
}
.content_list_box .list_content ul:after {
    content: '';
    display: block;
    clear: both;
}

.content_list_box .list_content .list_content_table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    font-weight: inherit;
    font-size: inherit;
}

.content_list_box .list_content .list_content_table td {
    background-color: #FFFFFF;
    padding: 12px 0;
    border-bottom: 1px solid #F0F0F0;
    vertical-align: middle;
    font-weight: 400;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.54);
}
.content_list_box .list_content .list_content_table tr.has_reply td {
    border-bottom: 1px dashed #F0F0F0;
}

.content_list_box .list_content .list_content_table tr:last-child td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.content_list_box .list_content .list_content_table th {
    background-color: #F5F5F5;
    padding: 5px 0;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    font-weight: inherit;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
}
.content_list_box .list_content .list_content_table tr.cell_type td,
.content_list_box .list_content .list_content_table tr.cell_type th {
    text-align:center;
    border-left:1px solid #cccccc!important;
    border-right:0;
    border-top:1px solid #cccccc!important;
    border-bottom:0;
}
.content_list_box .list_content .list_content_table tr.cell_type td:last-child,
.content_list_box .list_content .list_content_table tr.cell_type th:last-child {
    border-right:1px solid #cccccc!important;
}
.content_list_box .list_content .list_content_table tr.cell_type:last-child td,
.content_list_box .list_content .list_content_table tr.cell_type:last-child th {
    border-bottom:1px solid #cccccc!important;
}

.content_list_box .list_content .list_content_table tr.no_content td {
    padding: 30px;
    text-align: center;
    font-size: 13px;
}

.content_list_box .list_content .list_content_table .etc {
    width: 80px;
}

.content_list_box .list_content .list_content_table th.etc {
    text-align: center;
}

.content_list_box .list_content .list_content_table td.etc {
    text-align: center;
    padding: 4px 0;
}

.content_list_box .list_content .list_content_table td.etc span.menu_icon {
    padding: 0 7px;
}

.content_list_box .list_content .list_content_table td.etc span.trash_icon {
    padding: 0 5px;
}

.content_list_box .list_content .list_content_table td.etc span.edit_icon {
    padding: 0 5px;
}

.content_list_box .list_content .list_content_table td.etc span:hover {
    color: #333333;
}

.content_list_box .list_content .list_content_table td.etc span {
    color: #666666;
    /*opacity: 0;*/
    display:none;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: color .2s ease, opacity .2s ease;
    transition: color .2s ease, opacity .2s ease;
}

.content_list_box .list_content .list_content_table td.check_box,
.content_list_box .list_content .list_content_table th.check_box {
    text-align: center;
}
.content_list_box .list_content .list_content_table .title_wrap {
    /*text-decoration: none;*/
}

.content_box_wrap .split_vertical_row:after {
    content:'';
    display:block;
    clear:both;
}
.content_box_wrap .split_vertical_row .split_3 {
    float:left;
    width:32.5%;
}
.content_box_wrap .split_vertical_row .split_3:nth-child(2) {
    margin-left:1.25%;
    margin-right:1.25%;
}

/** 아이템 스타일 **/
.content_item_wrap:first-child {
    margin-top: 0;
}

.content_item_wrap {
    margin-top: 20px;
}

.content_item_wrap .item_name {
    padding: 4px 0;
    font-size: 13px;
    color: #777777;
    font-weight: 400;
}

.content_item_wrap .item_value .input_under_text {
    font-size: 11px;
    font-weight: 400;
}

.content_item_wrap .item_value {
    word-break:break-all;
}

.content_item_wrap .item_value .icon_display {
    padding:0 10px;
    display:inline-block;
    color:#666666;
}

.content_item_wrap .item_value select:focus {
    border: 1px solid rgb(3, 155, 229);
}

.content_item_wrap .item_value select {
    font-size:13px;
    color:inherit;
    padding:7px;
    border:1px solid #dddddd;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.content_item_wrap .item_value input[type=password]:focus,
.content_item_wrap .item_value input[type=text]:focus {
    border: 1px solid rgb(3, 155, 229);
}

.content_item_wrap .item_value input[type=password],
.content_item_wrap .item_value input[type=text] {
    padding: 7px;
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    background-color: #ffffff;
    color: #000000;
    -webkit-transition: border .15s;
    transition: border .15s;
}

.content_item_wrap .item_value textarea:focus {
    border: 1px solid rgb(3, 155, 229);
}

.content_item_wrap .item_value textarea {
    padding: 7px;
    width: 100%;
    height:100px;
    box-sizing: border-box;
    font-size: 15px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    background-color: #ffffff;
    color: #000000;
    -webkit-transition: border .15s;
    transition: border .15s;
}

/** 버튼 **/
.content_btn_wrap {
    margin-top: 10px;
}

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

.content_btn_wrap li {
    width: 33.3%;
    float: left;
}

.content_btn_wrap li:nth-child(2) {
    text-align: center;
}

.content_btn_wrap li:nth-child(3) {
    float: right;
    text-align: right;
}


/** 팝 오버창 **/
.popover_icon {
    color:#555555;
}
.popover_icon.important {
    color:#ff7f24;
}
.popover.position_right:before {
    left: -36px;
    border-right: 8px solid #19212b;
    padding-left: 20px;
    display:block;
    margin: 15px 0;
    top: 0;
    box-sizing:border-box;
}

.popover:before {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
}

.popover.show {
    opacity: 1;
    visibility: visible;
}

.popover {
    position: fixed;
    top: 100px;
    left: 300px;
    margin-top: 0;
    border-radius: 8px;
    background-color: #19212b;
    color: rgba(255, 255, 255, .7);
    z-index: 100000;
    visibility: hidden;
    /*-ms-filter: drop-shadow(0 1px 2px rgba(60, 64, 67, 0.3)) drop-shadow(0 2px 6px rgba(60, 64, 67, 0.15));*/
    -webkit-filter: drop-shadow(0 1px 2px rgba(60, 64, 67, 0.3)) drop-shadow(0 2px 6px rgba(60, 64, 67, 0.15));
    filter: drop-shadow(0 1px 2px rgba(60, 64, 67, 0.3)) drop-shadow(0 2px 6px rgba(60, 64, 67, 0.15));
    transition: opacity .15s ease, visibility 0s linear .15s;
    /*display: flex;*/
    opacity: 0;
    max-width: 384px;
    font-size: 14px;
    line-height: 20px;
    word-break: break-word;
    padding: 16px 20px;
}

/** 메뉴 패널 **/
.menu_panel > button {
    background-color: #ffffff;
    border: 0;
    display: block;
    font-size: inherit;
    font-weight: inherit;
    width: 100%;
    padding: 10px 15px;
    margin: 2px 0;
    box-sizing: border-box;
    text-align: left;
    color: rgba(0, 0, 0, .87);
    cursor: pointer;
}

.menu_panel > button:disabled {
    color: #AAAAAA;
}

.menu_panel > button:disabled:hover {
    background-color: rgba(0, 0, 0, 0);
}

.menu_panel > button:hover {
    background-color: rgba(0, 0, 0, .06);
}

.content_list_box .list_content .list_content_table .menu_panel button>span.description {
    display: block;
    font-size: 12px;
    color: #888888;
    padding-top: 5px;
}

.content_list_box .list_content .list_content_table .menu_panel:before {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
}

.content_list_box .list_content .list_content_table .menu_panel.show {
    opacity: 1;
    visibility: visible;
}

.content_list_box .list_content .list_content_table .menu_panel {
    position: fixed;
    top: 100px;
    left: 300px;
    margin-top: 0;
    border-radius: 8px;
    background-color: #FFFFFF;
    color: rgba(0, 0, 0, 0.870588);;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);
    -moz-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);
    transition: opacity .25s ease, visibility .3s linear .15s;
    /*display: flex;*/
    width: 200px;
    font-size: 14px;
    line-height: 20px;
    word-break: break-word;
    padding: 10px 0;
}

.content_list_box .list_content .list_content_table tr.selected td {
    background-color:#EEF8FD;
}

.search_value .search_input {
    margin-top: 6px;
    display: inline-block;
}

.search_value .search_info_text {
    /*margin-top: 4px;*/
    display: inline-block;
}

.word_item {
    background-color: rgb(3, 155, 229);
    color: #FFFFFF;
    font-size: 13px;
    border-radius: 15px;
    padding: 5px 5px 5px 10px;
    float:left;
    margin-left:5px;
}

.word_item:first-child {
    margin-left:0;
}

.word_item .remove_icon:hover {
    background-color: #FFFFFF;
}

.word_item .remove_icon {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    display: inline-block;
    padding: 0 5px;
    margin-left: 5px;
    float:right;
    cursor: pointer;
    color: rgb(3, 155, 229);
    font-weight: 500;
    -webkit-transition: background-color .15s ease;
    transition: background-color .15s ease;
}

#modalBg {
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9990;
    visibility: hidden;
    -webkit-transition: background-color .15s ease, visibility .15s ease;
    transition: background-color .15s ease, visibility .15s ease;
}

#modalBg.active {
    background-color: rgba(0, 0, 0, 0.3);
    visibility: visible;
}

/** 모달 **/
.modal_box {
    z-index:99992;
    position:fixed;
    /*left:50%;*/
    top:70px;
    opacity:0;
    /*width:500px;*/
    /*margin-left:-250px;*/
    background-color: #F7F7F7;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0), 0 1px 3px 1px rgba(60, 64, 67, 0);
    border-radius: 6px;
    box-sizing: border-box;
    visibility: hidden;
    -webkit-transition: opacity .25s ease, top .25s ease, visibility .15s ease;
    transition: opacity .25s ease, top .25s ease, visibility .15s ease;
}

.modal_box.active {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .5), 0 1px 3px 1px rgba(60, 64, 67, .3);
    visibility: visible;
    top:50px;
    opacity:1;
}

.modal_box .modal_content_wrap {
    padding: 22px 30px;
    position:relative;
    box-sizing: border-box;
}

.modal_box .modal_content_wrap .modal_close_wrap {
    position: absolute;
    right: 22px;
    top: 22px;
    font-size: 20px;
    line-height: 1em;
    cursor:pointer;
    color:#444444;
}

.modal_content_wrap .content_item_wrap {
    margin-top:14px;
}

.modal_box .modal_content_wrap h3 {
    font-weight: 400;
    margin: 0 0 15px 0;
}

.modal_box .modal_content_wrap .header_description {
    font-size: 13px;
    color: #777777;
    margin-top: 10px;
    font-weight: 400;
}

.modal_box .modal_content_wrap .header_information {
    display: flex;
    flex-direction: row;
    padding: 15px 20px 15px 24px;
    position: relative;
    margin: 0 0 24px;
    line-height:1.5em;
}
.modal_box .modal_content_wrap .header_information.warning {
    background-color: #fbe9e7;
    color: #d50000;
}
.modal_box .modal_content_wrap .header_information.normal {
    background-color: #ECEFF1;
    color: #556E79;
}
.modal_box .modal_content_wrap .header_information>i.fas {
    line-height:inherit;
}
.modal_box .modal_content_wrap .header_information>i.fas:before {
    padding-right:3px;
}

.cal_top_wrap ul li {
    box-sizing:border-box;
    margin:0;
    padding:0;
}
.cal_top_wrap ul li:first-child {
    display:inline-block;
    /*width:20%;*/
}
.cal_top_wrap>ul>li:nth-child(2) {
    display:inline-block;
    /*width:60%;*/
    text-align:center;
}
.cal_top_wrap>ul>li:last-child {
    /*display:inline-block;*/
    width:20%;
}
.cal_top_wrap>ul {
    margin:0;
    padding:0;
}
.cal_box {
    /*width:1000px;*/
    /*margin:0 30px;*/
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
    box-sizing: border-box;
}
.cal_list_wrap {
    /*margin:0 30px 20px 30px;*/
    box-sizing: border-box;
}
.cal_list_wrap h3 {
    margin: 0 auto 5px;
}

.cal_list_box {
    background-color: #FFFFFF;
    box-sizing: border-box;
}
.cal_box .cal_row {
    display:flex;
    width:100%;
}
.cal_box .cal_row:first-child .cal_cell {
    border-top:1px solid #cccccc;
}
.cal_box .cal_row .cal_cell:first-child {
    border-left:1px solid #cccccc;
}
.cal_box .cal_row .cal_cell.valid:hover {
    background-color:#f6f6f6;
    cursor:pointer;
}
.cal_box .cal_row .cal_cell.disable .day {
    opacity:0.4;
}
.cal_box .cal_row .cal_cell.disable {
    background-color:#FFFFFF;
}

.cal_box .cal_row .cal_cell {
    flex:auto;
    width:13%;
    /*min-height:150px;*/
    box-sizing:border-box;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:10px;
    background-color:#fff;
}

.cal_box .cal_row .cal_cell.sunday {
    color:#ff0000;
}
.cal_box .cal_row .cal_cell.special_day {
    color:#ff0000;
}
.cal_box .cal_row .cal_cell.saturday {
    color:#003eff;
}

.modal_box .modal_content_wrap .item_value .calendar_input_wrap i.fa-calendar-alt {
    cursor:pointer;
    font-size:16px;
    color:#888888;
}

.schedule_title li {
	margin:1px 0;
	font-size:12px;
	color:#ffffff;
	padding:0 4px;
	box-sizing:border-box;
	cursor:pointer;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
    position:relative;
}
.schedule_title li:hover {
    white-space:normal;
}


.category_color.type1 {
	background-color: #3ed275;
}
.category_color.type1:hover {
	background-color: #36b665;
}

.category_color.type2 {
	background-color: #e49d49;
}
.category_color.type2:hover {
	background-color: #cb8c41;
}

.category_color.basic {
	background-color: #1E9BF6;
}
.category_color.basic:hover {
	background-color: #077ff6;
}

.schedule_title li.completed {
    background-color: #999!important;
}
.schedule_title li.completed:hover {
    background-color: #7b7b7b !important;
}

.schedule_title li .check_box {
    position:absolute;
    left:0;
    opacity:0;
    visibility: hidden;
}

.schedule_title li:hover .check_box {
    opacity:1;
    visibility: visible;
    -webkit-transition: opacity .0s ease, visibility 0s;
    transition: opacity .0s ease, visibility 0s;
}

.schedule_title li.completed .check_box {
    opacity:0;
    visibility: hidden;
}

/** // 모달 **/


/** 웹 에디터 이미지 삽입 관련 CSS **/
.uploaded_editor_image_area {
    width: 100%;
    /*min-height: 126px;*/
    /*border: 1px solid #cccccc;*/
    background-color: #eeeeee;
}

.uploaded_editor_image_area ul li {
    float: left;
    position: relative;
}

.uploaded_editor_image_area ul li span img {
    margin: 2px;
    border: 1px solid #cccccc;
}

.uploaded_editor_image_area ul li span img:hover {
    border: 1px solid #ff0000;
}

.uploaded_editor_image_area .menu_area {
    left: 0;
    position: absolute;
    top: 0;
}

.uploaded_editor_image_area .main_title_bar_area {
    display: none;
    width: 120px;
    height: 22px;
    left: 0px;
    bottom: 0px;
    position: absolute;
    margin: 3px;
}

.uploaded_editor_image_area .main_title_bar_area .main_title_bar_bg {
    background-color: #ff4451;
    position: absolute;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

.uploaded_editor_image_area .main_title_bar_area .main_title_text {
    color: #ffffff;
    position: absolute;
    text-align: center;
    padding: 5px 0px;
    font-size: 11px;
    width: 100%;
    height: 100%;
}
.uploaded_editor_image_area:after {
    display:block;
    content:'';
    clear:both;
}

.uploaded_editor_image_area .image_item_wrap {
    position:relative;
    margin:5px 0 5px 5px;
    float:left;
    width:120px;
    height:120px;
}
.uploaded_editor_image_area .image_item_wrap .image_wrap {
    width:100%;
    height:100%;
}
.uploaded_editor_image_area .image_item_wrap .image_wrap>img {
    width:100%;
    height:100%;
}

.selected_main .main_title_bar_area {
    display: block;
}

.selected_main .editor_image_menu .thumb_add_btn {
    display: none;
}

.selected_main .editor_image_menu .thumb_remove_btn {
    display: inline-block;
}

.editor_image_menu {
    width: 100%;
    text-align: center;
    padding-top: 5px;
}

.editor_image_menu input {
    width: 40px;
    margin: 5px;
    display: inline-block;
}

.editor_image_menu input.big_size {
    width: 94px;
}

.editor_image_menu input.thumb_remove_btn {
    display: none;
}

.editor_image_menu input.thumb_add_btn {
    display: inline-block;
}

#editor_image_menu_html {
    display: none;
}
/** // 웹 에디터 이미지 삽입 관련 CSS **/
.type_date {width:110px!important;text-align:center;cursor:pointer;}


.todo_list.category_color_item {
    display:inline-block;height:2em;width:2em;border-radius:1em;vertical-align:middle;
}

.todo_list_top.category_color_item {
    display:inline-block;height:0.7em;width:0.7em;border-radius:0.35em;vertical-align:middle;
}

.category_color_item_wrap {
    margin-right:7px;
}

.status_step_table {
    text-align:center;
    box-sizing:border-box;
}
.status_step_table td {
    box-sizing:border-box;
    height:60px;
}

.status_step_table .status_step {
    width:100px;
    text-align:center;
    /*padding:10px 20px;*/
    border-radius:20px;
    box-sizing:border-box;
    cursor:pointer;
}

.status_step_table .status_step.readonly {
    cursor:default!important;
}

.status_step_table .status_step.enabled {
    border:2px solid rgb(18, 144, 229);
    background-color: #d8e9ff;
}
.status_step_table .status_step.disabled {
    border:2px solid #aaaaaa;
    background-color:#ffffff;
    color:#777777;
}

select.vacationCal {height:35px;}
ul.vacationCal {margin-top:20px;position:relative;}
div.vacationCal {width:240px;margin:15px auto 0;text-align:center;}
ul.vacationCal > li.txCe {position:absolute;}
ul.vacationCal > li.vacationCal {/*width:1030px;*/width:100%;}
ul.vacationCal > li.vacationCal > button {border-radius:0px;border:1px solid #ccc;}
ul.vacationCal > li.vacationCal > button.whiteBg {color:#333;background-color:#fff;}

table.vacationList th, table.vacationList td  {text-align:center!important;}

.vacationApply .inline {display:inline-block;}
.vacationApply ul li.inline {width:32%;text-align:center;}
.vacationApply div.inline.wid10 {width:10%;}
.vacationApply div.inline.wid70 {width:69%;}
.vacationApply div.inline.wid90 {width:89%;}
.vacationApply div.inline input.inline {width:47%;}
.vacationApply > div > div > label {display:inline-block;}

.file_drop_box {display:block;width:100%;border:1px dashed #bbbbbb;padding:10px 0px;text-indent:20px;}

.content_item_wrap .item_value table,
.content_item_wrap .item_value table td,
.content_item_wrap .item_value table th {border: 1px solid #000;border-collapse:collapse;padding:10px;}
.content_item_wrap .item_value table tr td:first-child {text-align:center;}
.content_item_wrap .item_value table tr:first-child {text-align:center;}