@charset "utf-8";
@import url(./font.css);

/* css reset  */

html { overflow: auto;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; }
legend { visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; position: absolute; }
body{ min-width:320px;position:relative; background-color:#fff; color:#333; font-size:13px; font-family:AppleGothic,맑은 고딕,'Malgun Gothic',굴림,Gulim,sans-serif; }
a {text-decoration:none; vertical-align:middle; color:#333;}
button { vertical-align: middle; }
a:hover, a:active {color:#000; }
input, select {vertical-align:middle;margin:0; padding:0;border: 1px solid #A9A9A9; -webkit-box-shadow: rgba(0, 0, 0, 0) 3px 3px 10px inset;}
input[type="radio"] {border: none; }
input[type="checkbox"] {border: none; }
ol,ul,li {list-style:none;} 
fieldset, blockquote {border:none;} 
table{width:100%; border-collapse:collapse;}
.usm-editor-view {overflow-x:auto;line-height:1.5;word-wrap:break-word;word-break:break-all;clear: both;}
.usm-editor-view table {border-collapse:separate;}
.usm-editor-view ol {padding-left:25px;}
.usm-editor-view ol li {list-style-type: decimal;}
.usm-editor-view ul {padding-left:25px;line-height:160%;}
.usm-editor-view ul li {list-style-type: disc;}
.usm-editor-view .usm-editor-img {padding:0;margin:0;text-align:center;}
.usm-editor-view .usm-editor-img li {margin:5px 0;list-style-type:none;}
.usm-editor-view caption { position: static; top: auto; left: auto; font-size: inherit; height: auto; line-height:normal; width: auto; }
.usm-editor-view img {max-width:100%;}
.usm-editor-view .edMovieTag {width:100%;}
caption {position: relative; top:-9999em; left:-9999em; font-size:0; height:0; line-height:0; width:0;}
.hidden {visibility:hidden;font-size:0;line-height:0;width:0;height:0;position:absolute;left:0;top:0;}
textarea { border:1px solid #A9A9A9; }
.usm-brd-lst tr:hover { background-color: #f7f7f7; }

/* input, select, date 기본 값 */

label { display: inline; }
select { height: 26px; }
input[type="text"] { display: inline; height: 22px; padding: 0 0 2px 0; vertical-align: top; }
input[type="number"] { height: 22px; padding: 0 0 2px 0; }
input[type="password"] { height: 20px; padding: 0 0 2px 0; }
input[type="email"] { height: 20px; padding: 0 0 2px 0; }
.ui-datepicker-trigger { 
	cursor:pointer; _cursor:hand;
    color:#fff;
    background-color: #fff;
	padding: 2px 5px 5px 5px;
    font-weight:bold;
    font-size:1em;
    transition-duration: 0.2s;
    border: 1px solid #008CBA;
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	margin: 0 0 0 3px;
}
.ui-datepicker-trigger:hover {
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	background-color:#0688fa;
}
/** 버튼 CSS 기본값 정의 **/
.usm-btn {display:inline-block;}

.usm-btn a,
.usm-btn input[type="submit"],
.usm-btn input[type="reset"],
.usm-btn input[type="button"],
.usm-btn button {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* Reset `button` and button-style `input` default styles */
.usm-btn input[type="submit"],
.usm-btn input[type="reset"],
.usm-btn input[type="button"],
.usm-btn button {
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}
.usm-btn input::-moz-focus-inner,
.usm-btn button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Make `a` like a button */
.usm-btn a {
    color: inherit;
    cursor: default;
    display: inline-block; 
    text-align: center;
    text-decoration: none;
    white-space: pre;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
}

/** 기본버튼 */
.usm-btn.usm-la a,
.usm-btn.usm-la input[type="submit"],
.usm-btn.usm-la input[type="reset"],
.usm-btn.usm-la input[type="button"],
.usm-btn.usm-la label,
.usm-btn.usm-la button {
    cursor:pointer; _cursor:hand;
    color: #fff;
    background-color:#008CBA;
	padding: 0 15px;
    font-weight:bold;
    font-size:1em;
    transition-duration: 0.2s;
    border: 1px solid #008CBA;
    border-radius: 3px;
    margin: 0 0 2px 0;
    line-height: 26px;
}

.usm-btn.usm-la a:hover,
.usm-btn.usm-la input[type="submit"]:hover,
.usm-btn.usm-la input[type="reset"]:hover,
.usm-btn.usm-la input[type="button"]:hover,
.usm-btn.usm-la label:hover,
.usm-btn.usm-la button:hover {
    color: #000;
    background-color:#fff;
}

.usm-btn.usm-me label {
    cursor:pointer; _cursor:hand;
    color:#008CBA;
    background-color: #fff;
	padding: 0 5px;
	height: 24px;
	line-height: 24px;
    font-weight:bold;
    font-size:1em;
    transition-duration: 0.2s;
    border: 1px solid #a0c6d2;
  	margin: 0 0 0 2px; 
  	display: inline-block;
}

.usm-btn.usm-me label:hover {
    color: #fff;
    background-color:#008CBA;
}

/** 중간버튼 */
.usm-btn.usm-me a,
.usm-btn.usm-me input[type="submit"],
.usm-btn.usm-me input[type="reset"],
.usm-btn.usm-me input[type="button"],
.usm-btn.usm-me button {
    cursor:pointer; _cursor:hand;
    color:#008CBA;
    background-color: #fff;
	padding: 0px 5px;
	height: 24px;
	line-height: 24px;
    font-weight:bold;
    font-size:1em;
    transition-duration: 0.2s;
    border: 1px solid #a0c6d2;
  	margin: 0 0 0 2px; 
}

.usm-btn.usm-me a:hover,
.usm-btn.usm-me input[type="submit"]:hover,
.usm-btn.usm-me input[type="reset"]:hover,
.usm-btn.usm-me input[type="button"]:hover,
.usm-btn.usm-me button:hover {
    color: #fff;
    background-color:#008CBA;

}

/** 작은버튼 */
.usm-btn.usm-sm a,
.usm-btn.usm-sm input[type="submit"],
.usm-btn.usm-sm input[type="reset"],
.usm-btn.usm-sm input[type="button"],
.usm-btn.usm-sm button {
    cursor:pointer; _cursor:hand;
    color:#fff;
	padding: 0 5px;
    font-weight:bold;
    font-size:1em;
    transition-duration: 0.2s;
    background-color: #217C88;
    border: 1px solid #217C88;
    height: 22px;
    line-height: 22px;
}

.usm-btn.usm-sm a:hover,
.usm-btn.usm-sm input[type="submit"]:hover,
.usm-btn.usm-sm input[type="reset"]:hover,
.usm-btn.usm-sm input[type="button"]:hover,
.usm-btn.usm-sm button:hover {
	background-color:#fff;
	color: #000;
}

/** 작은버튼2 */
.usm-btn.usm-sm2 a,
.usm-btn.usm-sm2 input[type="submit"],
.usm-btn.usm-sm2 input[type="reset"],
.usm-btn.usm-sm2 input[type="button"],
.usm-btn.usm-sm2 button {
    cursor:pointer; _cursor:hand;
    color:#fff;
    background-color: #1996A6;
	padding: 0 5px;
    font-weight:bold;
    font-size:1em;
    transition-duration: 0.2s;
    border: 1px solid #1996A6;
    height: 22px;
    line-height: 22px;
}

.usm-btn.usm-sm2 a:hover,
.usm-btn.usm-sm2 input[type="submit"]:hover,
.usm-btn.usm-sm2 input[type="reset"]:hover,
.usm-btn.usm-sm2 input[type="button"]:hover,
.usm-btn.usm-sm2 button:hover {
	background-color:#fff;
	color: #000;
}

/** 작은버튼3 */
.usm-btn.usm-sm3 a,
.usm-btn.usm-sm3 input[type="submit"],
.usm-btn.usm-sm3 input[type="reset"],
.usm-btn.usm-sm3 input[type="button"],
.usm-btn.usm-sm3 button {
    cursor:pointer; _cursor:hand;
    color:#666;
    background-color: #fff;
	padding: 0 5px;
    font-weight:bold;
    font-size:1em;
    transition-duration: 0.2s;
    border: 1px solid #666;
    border-radius: 3px;
    height: 22px;
    line-height: 22px;
}

.usm-btn.usm-sm3 a:hover,
.usm-btn.usm-sm3 input[type="submit"]:hover,
.usm-btn.usm-sm3 input[type="reset"]:hover,
.usm-btn.usm-sm3 input[type="button"]:hover,
.usm-btn.usm-sm3 button:hover {
	background-color:#666;
	color: #fff;
}

/** 오른쪽 기본 정렬 */
.usm-btn-wrap {clear: both;text-align:right;margin:5px;}
/* 버튼 정렬을 위한 기본 값 정의. 작은 버튼에서는 사용할일 없을 듯. */
/*.usm-btn-wrap li { float:left; margin:0 3px;}*/

/** 기본 버튼 정의 끝 */

/*
.usm-btn-wrap{clear:both;float:left;position:relative;left:50%;}
.usm-btn-wrap .usm-btns {float:left;position:relative;left:-50%;}
*/

/** 공통으로 시작 **/
.usm-brd-lst,.usm-brd-wrt,.usm-brd-vew {
	border-spacing: 0; 	
	margin-top:5px;
	margin-bottom:10px;
	border-style: solid;
	border-width: 2px 0px 0px 0px;
	table-layout: fixed;
}
.usm-brd-lst th,.usm-brd-wrt th,.usm-brd-vew th {
	padding:12px;
	border-bottom: 1px solid #E4E4E4;
	background-color: #F7F7F7;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.usm-brd-lst td,.usm-brd-wrt td,.usm-brd-vew td {
	border-bottom: 1px solid #E4E4E4;
	padding:12px; 
}

.usm-brd-vew .tch-fil > p { margin: 0 0 5px 0; }
.usm-brd-wrt strong { font-weight:bold; color:#EB3941; }

/** 공통으로 끝 **/

.usm-tot-wrap {float:left;}
.usm-tot-wrap .usm-tot {color:#D32A03}
 
.usm-paging-wrap {clear:both;font-weight:bold;float:left;position:relative;left:50%;}
.usm-paging-wrap .usm-paging-btns {float:left;position:relative;left:-50%;}

.usm-paging-wrap li { float:left;}
.usm-paging-wrap a, .usm-paging-wrap strong {display:inline-block;min-width:20px;border:1px solid #c6c6c6;border-right-width:0;text-align:center;padding:5px;}

.usm-paging-wrap .usm-first a {text-indent:-9999px;background:url('../images/paging-first.gif') no-repeat center center;}
.usm-paging-wrap .usm-first a:hover {background:url('../images/paging-first.gif') no-repeat no-repeat center center;}

.usm-paging-wrap .usm-prev a {margin-right:2px;border-right-width:1px;text-indent:-9999px;background:url('../images/paging-prev.gif') no-repeat center center;}
.usm-paging-wrap .usm-prev a:hover {background:url('../images/paging-prev.gif') no-repeat center center;}

.usm-paging-wrap .usm-lpg a {border-right-width:1px;}

.usm-paging-wrap .usm-next a {margin-left:2px;text-indent:-9999px;background:url('../images/paging-next.gif') no-repeat center center;}
.usm-paging-wrap .usm-next a:hover {background:url('../images/paging-next.gif') no-repeat center center;}

.usm-paging-wrap .usm-last a {border-right-width:1px;text-indent:-9999px;background:url('../images/paging-last.gif') no-repeat center center;}
.usm-paging-wrap .usm-last a:hover {background:url('../images/paging-last.gif') no-repeat center center;}

.usm-paging-wrap .usm-crnt, .usm-paging-wrap a:hover{background-color:#d7d7d7;color: #000; }

/*강조형*/
.usm-imp:before { content: '\2757'; color: red; padding: 0 5px 0 0; }

#usm-attachFiles h3 {font-size:1em;display:none;}
#usm-attachFiles {background-color:#F6F6F6;}
#usm-attachFiles li {overflow:auto;margin:3px;}
#usm-attachFiles li dt {float:left;}
#usm-attachFiles li dd {float:right;}
#usm-attachFiles .usm-btn {margin-left:5px;}

img {max-width:100%;}

/* 에디터 관련 */
iframe.edMovieTag {width:100%;height:500px;}

/* usm-access */
#usm-access a { position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 1px; margin-top: -1px; display: block; background-color: #000; font-size: 14px; font-weight: bold; color: #fff; line-height: 1; text-align: center; overflow: hidden; }
#usm-access a:focus, #usm-access a:active {margin-top:0; height:auto; padding:10px 0px;}

/* 새창 관련 */
#usm-new-win-id h3 {padding: 12px; box-sizing: border-box; background-color:#46a1e7;color:#ffffff;margin-bottom:5px;}
#usm-new-win-id table { border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }
#usm-new-win-id table th { background-color:#f3f3f3;}
#usm-new-win-id tr { border-bottom: 1px solid #d7d7d7; }
#usm-new-win-id th,#usm-new-win-id td{padding: 12px;}

#usm-new-win-id label { vertical-align: middle; margin: 0 0 0 3px; }
#usm-new-win-id input[type="text"] { vertical-align: middle; }

.usm-tab-wrap { margin-bottom:5px;overflow:auto;}
.usm-tab-wrap > .usm-tab {width:140px;float:left;border-style:solid;border-width:1px;border-color:#d7d7d7;}
.usm-tab-wrap > .usm-tab.usm-sel {border-width:2px 2px 0px 2px;border-style:solid;border-color:black;font-weight:bold;}
.usm-tab-wrap > .usm-tab > a {display:inline-block;padding:10px 0;width:100%;text-align:center;}

.usm-file .usm-btn span {display:inline-block;}
.usm-file .usm-btn input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}

/* 팝업존 더보기 */
.plist_con { overflow: auto; overflow-x: hidden; padding: 0 2%; }
.usm-win-popup-list li { padding: 0 0 3px 0; border-bottom: 1px dotted #d7d7d7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.usm-win-popup-list li:before { content: '\25FE'; padding: 0 5px 0 0; vertical-align: bottom; color: #145282; }
.usm-win-popup-list li:nth-child(1) { width: 87%; }
.usm-win-popup-list li:nth-child(2) { width: 90%; }
.usm-win-popup-list li a.bold { font-weight: bold; color: #ff7e00; }

address {font-style:normal;}
.downwardsarrow { vertical-align: middle; }

/* 퀵메뉴 */
#quickMenu .usm-qm-top { line-height: 0; margin: 0; padding: 0; }
#quickMenu .usm-qm-bg { text-align: center; }
#quickMenu .usm-qm-btm { line-height: 0; margin: 0; padding: 0; }
#quickMenu {display:none;}

/* 권한관리 */
.tch-policy td { text-align: center; }
.each-policy { display: block; padding: 0 0 3px 0; color: #053807; }

.zoomIcon {position:relative;display:inline-block;width:100%;}
.zoomIcon a {width:30px;height:30px;display:inline-block;position:absolute;background:url(../images/zoom.png) no-repeat;}
.zoomIcon a span {width:0;height:0;font-size:0;}

#usm-subMenuListBg-id li a[target="_blank"]:after{
    content:"새창";
    padding: 0 2px 2px 2px;
    font-size: 11px;
    margin: 0 0 0 3px;
    font-weight: bold;
    background-color: #000;
    background: rgba(0, 0, 0, 0.64);
    color: #fff;
}

#usm-subMenuListBg-id li a[target="_blank"]:hover:after{
	background-color: #000;
	background: rgba(0, 0, 0, 0.15);
	color: #000;
}

#usm-menu-wrap-id li a[target="_blank"]:after{
    content:"새창";
    padding: 0 2px 2px 2px;
    font-size: 11px;
    margin: 0 0 0 3px;
    font-weight: bold;
    background-color: #5C5C5C;
    color: #fff;
}

#usm-menu-wrap-id li a[target="_blank"]:hover:after{
	background-color: #000;
	background: rgba(0, 0, 0, 0.15);
	color: #000;
}

.sitemap li a[target="_blank"]:after{
    content:"새창";
    padding: 0 2px 2px 2px;
    font-size: 11px;
    margin: 0 0 0 3px;
    font-weight: bold;
    background-color: #000;
    background: rgba(0, 0, 0, 0.64);
    color: #fff;
}

.sitemap li a[target="_blank"]:hover:after{
	background-color: #000;
	background: rgba(0, 0, 0, 0.15);
	color: #000;
}

/* 메인 글씨 자르기 */
.usm-main-brd-cont .usm-ctitle a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 즐겨찾기 */
.usm-favorite { display: none; position: absolute; width: 100%; top: 81px; left: 0; border: 2px solid #1f5ab2; z-index: 10; box-sizing: border-box; }
.usm-favorite-menu { clear: both; float: left; width: 100%; box-sizing: border-box; background-color: #fff; }
.usm-favorite-menu .usm-fa-top { clear: both; float: left; width: 100%; background-color: #1f5ab2; color: #fff; padding: 5px 7px; box-sizing: border-box; }
.usm-favorite-menu .usm-fa-top h3 { float: left; }
.usm-favorite-menu .usm-fa-top span { float: right; font-weight: bold; cursor: pointer; }
.usm-favorite-menu .usm-fa-in { clear: both; float: left; box-sizing: border-box; width: 96%;}
.usm-favorite-menu .usm-fa-in span { width: 100%; }
.usm-favorite-menu .usm-fa-in span button { display: block;margin: 10px 2%;width:96%; }
.usm-favorite-menu dl { clear: both; float: left; width: 96%; box-sizing: border-box; margin: 10px 2%; }
.usm-favorite-menu #fagradeMenu { border-top: 1px solid #1f5ab2; box-sizing: border-box; margin: 0 2% 10px 2%; padding: 10px 0 0 0; }
.usm-favorite-menu #famoimMenu { border-top: 1px solid #1f5ab2; box-sizing: border-box; margin: 0 2% 10px 2%; padding: 10px 0 0 0; }
.usm-favorite-menu dl dd { line-height: 20px; }
.usm-favorite-menu dl dd:before { content: '\2219'; padding: 0 4px 0 0; }

.usm-favorite-menu .usm-btn.usm-sm.del { padding: 0; margin: 0 0 0 5px; }
.usm-favorite-menu .usm-btn.usm-sm.del button { height: 16px; line-height: 16px; background-color: #fff; color: #1f5ab2; border: 1px solid #1f5ab2; }
.usm-favorite-menu .usm-btn.usm-sm.del button:hover { background-color: #1f5ab2; color: #fff; }

.usm-fabtn > button { border: none; background: none; padding: 0; margin: 0; font-size: 12px; font-weight: bold; cursor: pointer; }

/* 일정, 식단 나이스 연동 */
#neis_code { clear: both; margin: 5px 0 0 0; }
#neis_code > label { padding: 3px 0 0 0; display: inline-block; font-weight: bold; color: #00425E; }
#neis_code > input { width: 70px; margin: 0 0 0 5px; }

/* 관리자페이지 */
#usm-menu-wrap-id > ul > li.pc_hide.M0101 { display: block; }

@media print { 
	.usm-top-wrap { display: none; }
}

/* sms */
.sms-anne2 { clear: both; width: 100%; box-sizing: border-box; padding: 15px; border: 5px solid #d7d7d7; margin: 0 0 10px 0; }
.sms-anne2 strong{ color: red; }

@media all and (min-width:1024px){
/* 즐겨찾기 */
.usm-favorite { width: 475px; top: 50px; left: auto; right: 0; }
/* 관리자페이지 */
#usm-menu-wrap-id > ul > li.pc_hide.M0101 { display: none; }
}