@charset "utf-8";

/* 메인 콘텐츠 스타일 시작 */
#mainContent_wrap { display: block; min-height: 850px; padding-top: 150px; min-width: 1200px; }
#mainContent_wrap.log-popup {padding-top: 0;}
.content-area { height: auto; vertical-align: top; padding: 20px 0 100px; width: 1200px; margin: 0 auto; }
.content-area .content-titleArea { display: block; }
.content-area .content-titleArea h3 { font-size: 25px; color: #3C4757; font-weight: 600; letter-spacing: -0.5px; display: inline-block; }
.content-area .content-titleArea .content-addTitleWrap { display: inline-block; vertical-align: top; }
.content-area .content-titleArea .content-addTitle { margin-top: 13px; color: #868BA0; font-size: 13px; display: inline-block; padding-left: 8px; font-weight: 300; }
.content-area .content-contentPart .search-btn{margin-top:15px;}

@media all and (min-width:1200px)
{
	.content-area { width: 1200px; margin: 0 auto; }
}

.content-area .content-contentPart { margin-top: 13px; font-size:13px;}
.content-area .content-contentPart .search-area { box-shadow: 0 5px 25px -8px rgba(0,0,0,0.1); border: 1px solid #eee; }
.content-area .content-contentPart .search-area tbody tr { background-color: #fff; }
.content-area .content-contentPart .search-area {border-collapse: collapse;}
.content-area .content-contentPart .search-area tbody tr th { font-size: 13px; font-weight: 600; color: #868BA0; width: 120px; padding: 10px 0; }
.content-area .content-contentPart .search-area tbody tr td { padding: 10px 0; }
.content-area .content-contentPart .search-area tbody tr th span {margin-left: 20px;}
.content-area .content-contentPart .search-area tbody tr td .details { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-color: #e7e7e7; }
.content-area .content-contentPart .search-area tbody tr td .details option {font-size: 11px; color: #989899;}
.content-area .content-contentPart .search-area tbody tr td input { height: 35px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #e7e7e7; font-size: 12px; color: #222; padding-left: 10px; }
.content-area .content-contentPart .search-area tbody tr td .ChangeDate-btnWrap{margin-left: 40px;}
.content-area .content-contentPart .search-area tbody tr td .ChangeDate-btn { display: inline-block; width: 36px; height: 17px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #d7d7d7; background-color: #fff; text-align: center; vertical-align: middle; padding-top: 3px; margin-top: 2px; margin-left: 2px; cursor: pointer; font-size: 11px; color: #989899; }
.content-area .content-contentPart .search-area tbody tr td .searchbar {width: 300px;}
.content-area .content-contentPart .search-area tbody tr td .checkbox {width: 14px; height: 14px;}
.content-area .content-contentPart .search-area tbody tr td .radio {width: 14px; height: 14px;}
.content-area .content-contentPart .search-area tbody tr td label {font-size: 12px;color: #989899;margin:0 3px;}
.content-area .unit { display: inline-block; color: #999; margin: 0 5px; }
.content-area .content-contentPart .search-area tbody tr .checkbox-wrap {padding-left: 4px;}
.content-area .content-contentPart .search-btn ul li {display: inline-block; float:right;}
.content-area .content-contentPart .search-btn ul .editingConfirm-btn {display: inline-block; width: 77px; height: 13px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #7189ad; text-align: center; vertical-align: middle; padding: 4px 0 6px 0; font-size: 12px; color: #fff; text-shadow: 0 0 5px rgba(113,137,173,.47); margin-top: 9px; cursor: pointer; }
.content-area .content-contentPart .search-area tbody .info-title th{ color: #868BA0; }
.content-area .content-contentPart .search-area tbody .info-title td { padding-left: 15px; line-height: 1.5; color: #99999; }
.content-area .content-contentPart .search-area tbody .info-title td .editing-number { color: #ec6941; font-weight: bold; }
.content-area .content-contentPart .search-area tbody .info-title td  .info-subTitle { font-weight: bold; }
.content-area .content-contentPart .search-area tbody .info-title td  .info-sum {letter-spacing: 0.07px}

.content-area .content-contentPart .list-area .list-areaTop { float: right; }
.content-area .content-contentPart .list-area .list-areaTop .editorConfirm-btn {display: inline-block;
	width: 96px; height: 13px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #7189ad; text-align: center; vertical-align: middle; padding: 4px 2px 6px 0;  font-size: 12px; color: #fff; text-shadow: 0 0 5px rgba(113,137,173,.47); cursor: pointer; }
.content-area .content-contentPart .list-area .list-areaTop ul, 
.content-area .content-contentPart .list-area .list-areaTop ul li,
.content-area .content-contentPart .list-area .list-areaTop select {display: inline-block;}
.content-area .content-contentPart .list-area .list-areaTop .listalign-title { display: inline-block; vertical-align: middle; margin-left: 8px; padding-left: 5px; border-left: 3px solid #7189ad; padding-right: 8px; font-weight: bold; font-size: 12px; color: #747373; }
.content-area .content-contentPart .list-area .list-areaTop .details option { font-size: 11px; color: #989899; }
.content-area .content-contentPart .list-area .list-areaTop .list-number { display: inline-block; vertical-align: middle; padding: 0 10px; font-weight: bold; font-size: 12px; color: #747373; }
.content-area .content-contentPart .list-area .list-table { margin-top: 15px; }
.content-area .content-contentPart .list-area .list-table tr td { background: #fff; }
.content-area .content-contentPart .list-area .list-table tr td:first-child { border-left: 1px solid #f5f2f2; }
/* 메인 콘텐츠 스타일 끝 */

/* 세부정보 콘텐츠 스타일 시작 */
.content-area .detail-content .detail-contentTitle { display: block; font-size: 19px; font-weight: bolder; color: #3C4757; padding-top: 20px; }
.content-area .detail-content ul,
.content-area .detail-content ul .submitConfirm-btn {display: inline-block;}
.content-area .detail-content ul .submitConfirm-btn {width: 76px;height: 22px; text-align: center; margin-left: 9px;}
.content-area .detail-content ul .submitConfirm-btn a {display: inline-block; width: 76px; height: 19px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #7189ad; font-size: 12px; color: #fff; text-shadow: 0 0 5px rgba(113,137,173,.47); padding-top: 5px; }
.content-area .detail-content .search-area { margin-top: 10px; box-shadow: 0 5px 25px -8px rgba(0,0,0,0.1); border: 1px solid #eee; border-top: 2px solid #4265ED; }
.content-area .detail-content .search-area tbody { background: #fff; }
.content-area .detail-content .search-area tbody tr { border-bottom: 1px solid #f5f2f2; }
.content-area .detail-content .search-area tbody tr th { font-size: 13px; font-weight: bold; color: #868BA0; width: 141px; padding: 8px 5px; background-color: #fdfdfd; border-right: 1px solid #f5f2f2; }
.content-area .detail-content .search-area tbody tr td { padding: 8px; }
.content-area .detail-content .search-area tbody tr th span { margin-left: 16px; }
.content-area .content-contentPart .search-info { margin-top: 15px }
.content-area .detail-content .search-area tbody tr td input { width: 85px; height: 35px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #e7e7e7; font-size: 13px; color: #555; padding-left: 8px; }
.content-area .detail-content .search-area tbody tr td select { height: 35px; }
.content-area .detail-content .search-area tbody tr td .checkbox,
.content-area .detail-content .search-area tbody tr td .checkbox-radio { width: 13px; height: 13px;}
.content-area .detail-content .search-area tbody tr td .editorConfirm-btn { display: inline-block; width: 96px; height: 13px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #7189ad; text-align: center; vertical-align: middle; padding: 4px 2px 6px 0;  font-size: 12px; color: #fff; text-shadow: 0 0 5px rgba(113,137,173,.47); cursor: pointer; margin-left: 10px; }
.content-area .detail-content .search-area tbody .admin-comment,
.content-area .detail-content .search-area tbody .etc-complaint {height: 250px;}
.content-area .detail-content .search-area tbody .admin-comment th,
.content-area .detail-content .search-area tbody .etc-complaint th { font-size: 13px; font-weight: bold; color: #7189ad; width: 141px; height: 250px; background-color: #fdfdfd; border-right: 1px solid #f5f2f2; }
.content-area .detail-content .search-area tbody .admin-comment td textarea,
.content-area .detail-content .search-area tbody .etc-complaint td textarea { border: 1px solid #dfdfdf; margin-left: 13px; }
.content-area .detail-content .detailContent-btnWrap { margin-left: 0px; margin-top: 10px; }
.content-area .detail-content .detailContent-btnWrap ul {display:inline-block; width:100%;}
.content-area .detail-content .detailContent-btnWrap ul li{display: inline-block; float:right;}
.content-area .detail-content .detailContent-btnWrap ul .change-btn { display: inline-block; width: 45px; height: 13px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #7189ad; text-align: center; vertical-align: middle; padding: 4px 2px 6px 0; font-size: 12px; color: #fff; text-shadow: 0 0 5px rgba(113,137,173,.47); cursor: pointer; }

/* BLOCK LAYER */
div.overlay-black {z-index:10000; position:fixed !important; top:0; left:0; right:0; bottom:0; width:100%; height:100%; opacity:0.8; background:#000;}
div.overlay-gray {z-index:10000; position:fixed !important; top:0; left:0; right:0; bottom:0; width:100%; height:100%; opacity:0.2; background:#000;}
div.overlay-gray-black {z-index:10000; position:fixed !important; top:0; left:0; right:0; bottom:0; width:100%; height:100%; opacity:0.3; background:#000;}

div.img-circle {position:absolute; z-index:10000; text-align:center;}
div.img-circle .circle-phrase {color:#fff; font-size:18px; text-align:center; font-weight:bold;}
div.img-circle .circle-phrase .info-phrase {font-size:15px;}

/* SPINNING CIRCLE */    
.sk-fading-circle {margin:50px auto; width:40px; height:40px; position:relative;}
.sk-fading-circle .sk-circle {width:100%; height:100%; position:absolute; left:0; top:0;}
.sk-fading-circle .sk-circle:before {
  content:''; display:block; margin:0 auto; width:15%; height:15%; background-color:#fff; border-radius:100%; 
  -webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both; animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {-webkit-transform:rotate(30deg); -ms-transform:rotate(30deg); transform:rotate(30deg);}
.sk-fading-circle .sk-circle3 {-webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg);}
.sk-fading-circle .sk-circle4 {-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
.sk-fading-circle .sk-circle5 {-webkit-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg);}
.sk-fading-circle .sk-circle6 {-webkit-transform:rotate(150deg); -ms-transform:rotate(150deg); transform:rotate(150deg);}
.sk-fading-circle .sk-circle7 {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.sk-fading-circle .sk-circle8 {-webkit-transform:rotate(210deg); -ms-transform:rotate(210deg); transform:rotate(210deg);}
.sk-fading-circle .sk-circle9 {-webkit-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg);}
.sk-fading-circle .sk-circle10 {-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);}
.sk-fading-circle .sk-circle11 {-webkit-transform:rotate(300deg); -ms-transform:rotate(300deg); transform:rotate(300deg);}
.sk-fading-circle .sk-circle12 {-webkit-transform:rotate(330deg); -ms-transform:rotate(330deg); transform:rotate(330deg);}
.sk-fading-circle .sk-circle2:before {-webkit-animation-delay:-1.1s; animation-delay:-1.1s;}
.sk-fading-circle .sk-circle3:before {-webkit-animation-delay:-1s; animation-delay:-1s;}
.sk-fading-circle .sk-circle4:before {-webkit-animation-delay:-0.9s; animation-delay:-0.9s;}
.sk-fading-circle .sk-circle5:before {-webkit-animation-delay:-0.8s; animation-delay:-0.8s;}
.sk-fading-circle .sk-circle6:before {-webkit-animation-delay:-0.7s; animation-delay:-0.7s;}
.sk-fading-circle .sk-circle7:before {-webkit-animation-delay:-0.6s; animation-delay:-0.6s;}
.sk-fading-circle .sk-circle8:before {-webkit-animation-delay:-0.5s; animation-delay:-0.5s;}
.sk-fading-circle .sk-circle9:before {-webkit-animation-delay:-0.4s; animation-delay:-0.4s;}
.sk-fading-circle .sk-circle10:before {-webkit-animation-delay:-0.3s; animation-delay:-0.3s;}
.sk-fading-circle .sk-circle11:before {-webkit-animation-delay:-0.2s; animation-delay:-0.2s;}
.sk-fading-circle .sk-circle12:before {-webkit-animation-delay:-0.1s; animation-delay:-0.1s;}

@-webkit-keyframes sk-circleFadeDelay {0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; }}
@keyframes sk-circleFadeDelay {0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } }


/* 로그 팝업 css */
#mainContent_wrap.log-popup .content-area .detail-content .detail-contentTitle {padding-top: 0; padding-bottom: 10px}