#md_contents #md_contents {padding:30px;}
#md_contents #md_contents .title{font-size:16px; font-weight:bold;color:#555a5f}
#md_contents #md_pg_info {margin-bottom: 10px;}
#md_contents #md_page_info {height:49px; line-height:49px; margin-bottom:10px; border-bottom:1px solid #bbb; font-size:14px;}

/*md_paging*/
#md_contents #md_paging {padding-top:30px; text-align:center; font-size:12px;}
#md_contents #md_paging span {display:inline-block; height:28px; line-height:28px; border:1px solid #888; padding:0 11px; margin:0 3px; background-color:#888; color:#fff; font-weight:bold; vertical-align:middle;}
#md_contents #md_paging a span {border:1px solid #bbb; padding:0 11px; margin:0 3px; background-color:#fff; color:#888; font-weight:normal;}
#md_contents #md_paging a span:hover {border:1px solid #888; padding:0 11px; margin:0 3px; background-color:#f9f9fb; color:#444;}
#md_contents #md_paging span.prev {background:#fff; color:#ccc; border:1px solid #ccc; font-family:'Open Sans', sans-serif;}
#md_contents #md_paging a span.prev {background:#fff; color:#444;}
#md_contents #md_paging span.next {background:#fff; color:#ccc; border:1px solid #ccc; font-family:'Open Sans', sans-serif;}
#md_contents #md_paging a span.next {background:#fff; color:#444;}

/*md_button*/
#md_contents #md_button {padding-top:10px; text-align:center;}
#md_contents #md_button a {display:inline-block; border:1px solid #ddd; border-radius:3px; background-color:#fff; height:28px; line-height:28px; padding:0 10px; font-size:12px; color:#888; vertical-align:middle;}
#md_contents #md_button a:hover {border:1px solid #888; background-color:#f9f9fb; color:#444;}

.schedule_write_layer {
    position: fixed;
    width: 800px;
    left: 50%;
    margin-left: -300px; /* half of width */
    height: auto;
    top: 50%;
    margin-top: -270px; /* half of height */
    overflow: none;

    /* decoration */
    border: 1px solid #000;
    background-color: #eee;
    padding: 1em;
    box-sizing: border-box;
}
.schedule_write_hidden { display:none;}

.user_schedule_write_layer {
    position: fixed;
    width: 1200px;
    left: 50%;
    margin-left: -600px; /* half of width */
    height: 600px;
    top: 50%;
    margin-top: -270px; /* half of height */
    overflow: none;

    /* decoration */
    border: 1px solid #000;
    background-color: #eee;
    padding: 1em;
    box-sizing: border-box;
}
.user_schedule_write_hidden { display:none;}

/*calendar(common)*/
.calendar-box, .calendar-today, .calendar-title, .calendar-list, .calendar-date {font-family: "맑은 고딕", "나눔고딕", "돋움", sans-serif; margin-bottom: 50px;}

/*calendar-date*/
.calendar-date {font-size: 36px; font-weight: bold; width: 508px; position: relative; text-align: center; margin: 5% auto;}
.calendar-date .prev, .calendar-date .next {position: absolute;}
.calendar-date .prev {left: 0;}
.calendar-date .next {right: 0;}

/*calendar-box*/
.calendar-box tr th {font-size: 18px; font-weight: 600; line-height: normal; border-bottom: 2px solid #2b2b2b; background-color: white; height: 48px; font-family: "나눔고딕", "맑은 고딕", "돋움", sans-serif;}
.calendar-box tr td {line-height: normal; border-bottom: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1; background-color: white; padding-top: 10px; height: 140px; line-height: 24px;}
.calendar-box tr td span {float: left; display: block; font-size: 18px; font-weight: normal; height: 24px; line-height: 24px; margin-left: 10px; margin-right: 10px;}
.calendar-box td:first-child {border-left: 1px solid #a1a1a1; background-color: #ffeaea;}
.calendar-box td:last-child {background: #eaeaff}

/*calendar-title*/
.calendar-title {position: relative; height: 40px; margin: 15px 0;}
.calendar-title .left {font-size: 36px; line-height: 40px; font-weight: bold; height: 40px; text-align: left;}
.calendar-title .left span {font-size: 20px; color: #848484; font-weight: normal; padding-left: 20px;}
.calendar-title .right {position: absolute; right: 0; bottom: 0;}

/*calendar-today*/
.calendar-today {text-align: center;}
.calendar-today th {background-color: #b8d5ee; border-top: 1px solid #a1a1a1;}
.calendar-today tr th, .calendar-today tr td {padding: 12px 2%; border-right: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; text-align: center;}
.calendar-today tr * {font-size: 15px !important;}
.calendar-today tr th:first-child, .calendar-today tr td:first-child {border-left: 1px solid #a1a1a1;}
.calendar-today tr td {font-size: 1px;}

/*calendar-list*/
.calendar-list {text-align: center;}
.calendar-list caption {display: table-caption; background-color: #004474; height: 50px; line-height: 50px; font-size: 18px; color: white;}
.calendar-list thead {display: none;}
.calendar-list tr td {padding: 10px 1%; border-right: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; letter-spacing: -1px;}
.calendar-list tr td:first-child {border-left: 1px solid #a1a1a1;}

/* calendar-main */
.calendar-main td {height: auto !important; padding: 10px 0 !important; text-align: center;}
.calendar-main td span {float: none !important; padding-left: 0 !important; margin-left: 0 !important; margin-right: 0 !important;}

.ss {font-family:'맑은 고딕', '나눔고딕', '돋움', sans-serif; line-height: 20px; height : 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ss span {padding-left:5px; font-size:14px;}

@media screen and (min-width: 801px) {
    /* calendar-main */
    .calendar-search * {font-family: "맑은 고딕", "나눔고딕", "돋움", sans-serif;}
    .calendar-search select, .calendar-search input {width: 80px; height: 35px !important; padding: 0px !important; font-size: 16px !important;}
}

@media screen and (max-width: 800px) and (min-width: 600px) {
    .calendar-title .left {font-size: 28px; line-height: 40px;}
    .calendar-title .left span {font-size: 16px; padding-left: 10px;}
    .calendar-title .right {margin: 5px 0;}

    .calendar-date {font-size: 28px; line-height: 20px; width: 50%; margin: 20px auto;}
    .calendar-date .prev img {height: 26px;}
    .calendar-date .next img {height: 26px;}

    .calendar-box * {font-size: 14px !important;}
    .calendar-box tr th {height: 35px;}
    .calendar-box tr th span {display: none;}
    .calendar-box tr td {height: 100px; padding-top: 0;}
    .calendar-box tr td span {margin: 0; margin-right: 2px;}

    .calendar-today tr * {font-size: 14px !important;}

    .calendar-list tr td:first-child {display: none;}
    .calendar-list tr td {font-size: 14px;}
    .calendar-list tr td:nth-child(2) {width: 25%; border-left: 1px solid #a1a1a1;}
    .calendar-list tr td:nth-child(3) {width: 25%;}
    .calendar-list tr td:nth-child(4) {width: 50%;}


    .calendar-search * {font-family: "맑은 고딕", "나눔고딕", "돋움", sans-serif;}
    .calendar-search select, .calendar-search input {width: 80px; height: 30px !important; padding: 0px !important; font-size: 15px !important;}

    .ss {line-height: 20px; height : 20px;}
    .ss span {padding-left:5px; font-size:14px;}
}

@media screen and (max-width: 599px) {
    .calendar-title .left {font-size: 20px; line-height: 40px;}
    .calendar-title .left span {font-size: 16px; padding-left: 10px;}
    .calendar-title .right {margin: 5px 0;}

    .calendar-date {font-size: 24px; line-height: 15px; width: 65%; margin: 20px auto;}
    .calendar-date .prev img {height: 20px;}
    .calendar-date .next img {height: 20px;}

    .calendar-box * {font-size: 13px !important;}
    .calendar-box tr th {height: 30px;}
    .calendar-box tr th span {display: none;}
    .calendar-box tr td {height: 60px; padding-top: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .calendar-box tr td span {margin: 0; margin-right: 2px;}

    .calendar-today tr * {font-size: 13px !important;}
    .calendar-today th {padding: 10px !important;}
    .calendar-today tr td {padding: 7px; line-height: 15px;}

    .calendar-list caption {font-size: 15px; font-weight: bold; height: 40px; line-height: 40px;}
    .calendar-list tr td:first-child {display: none;}
    .calendar-list tr td {font-size: 13px; padding: 7px; line-height: 15px;}
    .calendar-list tr td:nth-child(2) {width: 20%; border-left: 1px solid #a1a1a1;}
    .calendar-list tr td:nth-child(3) {width: 20%;}
    .calendar-list tr td:nth-child(4) {width: 60%;}

    .ss {line-height: 20px; height : 20px;}
    .ss span {padding-left:5px; font-size:13px;}

    .mdb {display: block;}
}

/*user_sub_layout*/
#user_sub_layout {clear:both; background-color:#fff; min-width:800px; padding:10px; }
#user_sub_layout #user_sub_title {width:100%; height:60px; line-height:60px; border-bottom:1px solid #ddd;  }
#user_sub_layout #user_sub_title ul li {color:#000;}
#user_sub_layout #user_sub_title ul li.title {float:left; padding-left:30px; font-size:20px; letter-spacing:-0.5pt; }
#user_sub_layout #user_sub_title ul li.title span {color:#fff; font-weight:bold;}
#user_sub_layout #user_sub_title ul li.location {float:right; font-size:12px; padding:0 30px 0 0; position:relative;}
#user_sub_layout #user_sub_title ul li.location span {margin:0 5px; color:#bbb;}
#user_sub_layout #user_sub_title ul li.location p.icon {position:absolute; top:15px; left:-45px; width:30px; height:30px; background:url(../fnc_mgr/images/header_icon.png) no-repeat 0 -30px;}
#user_sub_layout #user_sub_title.user_sub_01 {background:#fff}

#user_sub_layout #user_sub_title.user_sub_01 ul li.location span {color:#c5e6e6;}
#user_sub_layout #user_sub_title.user_sub_02 {background:url(../fnc_mgr/images/sub_title_bg.png) no-repeat right center #bb77d7;}
#user_sub_layout #user_sub_title.user_sub_02 ul li.location span {color:#e5cff0;}
#user_sub_layout #user_sub_title.user_sub_03 {background:url(../fnc_mgr/images/sub_title_bg.png) no-repeat right center #83c55a;}
#user_sub_layout #user_sub_title.user_sub_03 ul li.location span {color:#d3e9c8;}
#user_sub_layout #user_sub_title.user_sub_04 {background:url(../fnc_mgr/images/sub_title_bg.png) no-repeat right center #ec7272;}
#user_sub_layout #user_sub_title.user_sub_04 ul li.location span {color:#f8cece;}
#user_sub_layout #user_sub_title.user_sub_05 {background:url(../fnc_mgr/images/sub_title_bg.png) no-repeat right center #3db3ca;}
#user_sub_layout #user_sub_title.user_sub_05 ul li.location span {color:#c1e3eb;}

#user_sub_layout #user_control {width:100%; height:49px; line-height:49px; background-color:#eee; border-bottom:1px solid #ccc; font-size:12px;}
#user_sub_layout #user_control .wrap {padding:0 10px;}
#user_sub_layout #user_control input[type="button"] {font-size:12px; border:1px solid #888; background-color:#fff; color:#444;}
#user_sub_layout #user_control input[type="button"]:hover {border:1px solid #444; background-color:#f9f9fb; color:#444;}
#user_sub_layout.user_calendar #user_control {position:relative;}
#user_sub_layout.user_calendar #user_control .fl {float:none !important; position:absolute; top:0; left:0; width:100%; height:100%; display:block; text-align:center;}
#user_sub_layout.user_calendar #user_control .fl p {display:inline-block; vertical-align:middle;}
#user_sub_layout.user_calendar #user_control .fr {position:relative; z-index:1;}

#user_sub_layout #user_contents {padding:30px; min-height:440px;}
#user_sub_layout #user_contents .title{font-size:16px; font-weight:bold;color:#555a5f}
#user_sub_layout #user_pg_info {margin-bottom: 10px;}
#user_sub_layout #user_page_info {height:49px; line-height:49px; margin-bottom:10px; border-bottom:1px solid #bbb; font-size:14px;}
#user_sub_layout #user_contents>iframe {border:1px solid #ddd; border-radius:3px;}





.iframHeght {height:500px;}
.textareaHeight {height:270px}


@media screen and (max-width: 1200px) {
.user_schedule_write_layer {
    position: fixed;
    width: 98%;
    left: 0%;
    margin-left: 1%; /* half of width */
    height: 600px;
    top: 50%;
  }
}

@media screen and (max-width: 600px) {
.user_schedule_write_layer {
    position: fixed;
    width: 98%;
    left: 0%;
    margin-left: 1%; /* half of width */
    height: 600px;
    top: 42%;
	z-index:10;
  }

}