@charset "utf-8";
/*!
 *   키즈쉬즈한의원
 *   Author: increase 
 *   Date: 2021.10.11
 */

/*---------------------
 기본 레이아웃
----------------------*/
body{font-size: 1.5rem;line-height:1.8rem;letter-spacing:0;color:#262626;}
legend,caption{display:none;}
label {font-weight: 500;}
.topLine{background-color:#efefef;padding:4px 20px;}
.topLine a{color:#444;font-size:.9rem;}
.main-header h1{margin:0 0 0 10px;font-size: 1rem;}
.main-sidebar{padding-top:0;}
.main-sidebar .brandTop{padding:20px 0;background-color:#313133;}
.content-header {padding: 15px 30px;}
.content-wrapper{padding-bottom:30px;}
.content-wrapper > .content {padding: 0 30px;}
.main-footer{font-size:.8rem;}
.main-header{display:none;}
.box-header {padding:15px;}
.clear{clear:both;}
.label {font-weight: 400;}

@media (max-width:767px){
.skin-black .main-header > .logo{width: 100%;float: none;display:block;background-color:#fff;border-bottom:1px solid #ddd;}
.main-header .sidebar-toggle{float: none;display:block;position:absolute;top:0;right:0;font-size: 2rem;}
.main-header .sidebar-toggle:hover {color: #000;}

.skin-black .main-header > .logo > a {color: #000;}
.skin-black .main-header > .logo:hover {background: #fff;}
.main-header{display:block;position:relative;}
.main-header h1{position:absolute;top:5px;left:50%;margin-left:-94px;}
.content-header {padding: 15px;}
.content-wrapper > .content {padding: 0 15px;}

}


/*줄바꿈*/
.m-br { display: none; }
@media (max-width: 767px) {
	.m-br { display: block; }
}


/*---------------------
 왼쪽메뉴
----------------------*/
[class*='sidebar-dark-'] {background-color: #293163;}
.main-sidebar {background-color: #293163;}

.memberInfo{background-color:#313133;}
.memberInfo .photo{overflow:hidden;width:120px;height:120px;margin:0 auto 20px;border-radius:100%;}
.memberInfo .photo img{width:100%;}
.memberInfo dl{padding-left:20px;margin-bottom:5px;}
.memberInfo dl dt{color:#6e4316;display:inline-block;width:50px;}
.memberInfo dl dd{color:#000;display:inline-block;width:calc(100% - 60px);}
.memberInfo .date{padding-left:20px;margin-bottom:20px;}
.memberInfo .linkBox{padding:0 5px 20px}
.memberInfo .btn{width:48%;}
.memberInfo .btn.btn-info{margin-right:1%;}

[class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-treeview { border-radius:4px;background-color:#fff ;}
[class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-treeview li a{ color: #343a40;}
[class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-treeview li a:hover{ color: #293163;}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {background-color:#3749b5;color: #ffffff;}
[class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active:hover, [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active:focus {font-weight:500; color: #3749b5;}

.skin-black .sidebar > .sidebar-menu > li > a span.new{position: absolute;top: 10px;right: 35px;background-color: #e96031;color: #fff;font-size: 1.3rem;border-radius: 50%;width: 25px;height: 25px;text-align: center;padding: 1px 0;line-height: 22px;}/*회원신청 new 아이콘*/

/*---------------------
 메인 현황판
----------------------*/

.dashboardBox{background-color:#fff;padding:10px;margin-bottom: 20px;border-radius: 3px;box-shadow: 0 1px 1px rgb(0 0 0 / 10%);}
.dashboardBox h2{color:#fff;text-align:center;font-weight:400;font-size: 2rem;  padding: 5px 0; margin: 0;}
.dashboardBox h3{font-size: 2rem;}
.dashboardBox h2.blue{background-color:#293163;}
.dashboardBox h2.red{background-color:#633029;}
.dashboardBox .number{padding:20px 0;text-align:center;font-size:2rem;}
.dashboardBox .number span{color:#c28a7b;font-size:4rem;}
.dashboardBox ul {padding:0;}
.dashboardBox ul li{float:left;width:50%;text-align:center;list-style:none;}
.dashboardBox ul li:first-child{border-right:1px solid #ddd;}
.dashboardBox ul li h3{font-weight:400;color:#000;}
.dashboardBox ul li .num{position:relative;display:inline-block;margin:0 auto;color:#3b5483;font-size:3rem;}
.dashboardBox ul li .num .new{position: absolute;top: -3px;right: -40px;background-color: #e96031;color: #fff;font-size: 1.3rem;border-radius: 50%;width: 25px;height: 25px;text-align: center;padding: 1px 0;line-height: 22px;}
.dashboardBox ul:after{display:block;content:'';width:0;height:0;clear:both;}

@media (max-width: 1420px){
	.dashboardBox ul li h3{font-size:.9rem;}
	.dashboardBox ul li .num .new {right: -25px;font-size: .7rem;width: 20px;height: 20px;}
}

@media (max-width:767px){
	.dashboardBox {padding:5px;}
	.dashboardBox ul li h3 {font-size: .8rem;}

}

/*---------------------
 회원신청 상태아이콘
----------------------*/
.btn_state{color:#fff;font-size:12px;font-weight:400;padding:3px 10px;vertical-align:middle;border-radius:3px;}
.btn_state.reject{background-color:#d20000;cursor:pointer}
.btn_state.disble{background-color:#ddd;color:#000;}
.btn_state.complete{background-color:#2b6ecc;cursor:pointer}

/*거절사유입력 팝업*/
.reason{margin-top:20px;}
.reason textarea{margin-top:10px;}

/*---------------------
 컨텐츠
----------------------*/
.content-wrapper {background-color:#e1e5ef}
/*card 레이아웃*/
.card{overflow:hidden;}
h2.topTitle{font-size:1.2rem;line-height: 34px;}
h1.box-title{font-size:1.5rem;color: #005b9e;}
.box-footer{border-top: 1px solid #ddd; background-color: #fff;border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem;}
.box-default:not(.card-outline) > .box-header {
    background-color: #edf2f5;
}

/*스케쥴*/
 #reserveTime tr td a{display:block;}
 #reserveTime tr td a:hover{text-decoration:underline;}
/*월별 보기*/
#schedulesArea .head-cal{position:relative;text-align:center;color:#ddd;margin:20px 0 0;}
#schedulesArea .head-cal h3{font-size:3rem;font-weight:bold;color:#444;text-align:center;padding-bottom:20px;}
#schedulesArea .head-cal span{display:block;font-size:1.2rem;font-weight:400;}
#schedulesArea .head-cal button i{vertical-align:middle;}
#schedulesArea .head-cal .prev-btn{position:absolute;top:0;left:20px;padding:5px 10px;height:40px;}
#schedulesArea .head-cal .next-btn{position:absolute;top:0;right:20px;padding:5px 10px;height:40px;}
#schedulesArea .today{width:250px;text-align:center;background-color: #f3f5f9;padding:10px;border-radius:10px;margin:0 auto;}
#schedulesArea .tools{margin:20px 0;}

@media (max-width:580px){
#schedulesArea .head-cal .prev-btn{left:10px;}
#schedulesArea .head-cal .next-btn{right:10px;}
#schedulesArea .head-cal button i{display:none;}


}
#schedulesArea h3{font-size:20px;font-weight:bold;color:#444;text-align:center;padding-bottom:20px;}
#schedulesArea .prevNext{text-align:center;color:#ddd;margin-bottom:20px;}

#schedulesArea .schedulesTable{width:100%;}
#schedulesArea .schedulesTable tr th{background-color: #f1f1f2;padding:10px 0;font-weight:bold;}
#schedulesArea .schedulesTable tr th.sun{color:#d42820}
#schedulesArea .schedulesTable tr th.sat{color:#205bd4}

#schedulesArea .schedulesTable tr td{min-height:100px;padding:10px 0;border-bottom:1px solid #ddd;vertical-align: top;font-size:11px;font-weight:normal;}
#schedulesArea .schedulesTable.hsmall tr td{height:50px;}
#schedulesArea .schedulesTable tr td.today_sun,
#schedulesArea .schedulesTable tr td.today_sun a{font-size:11px;font-weight:normal;color:#d42820;}
#schedulesArea .schedulesTable tr td.today_sat,
#schedulesArea .schedulesTable tr td.today_sat a{font-size:11px;font-weight:normal;color:#205bd4;}
#schedulesArea .schedulesTable tr td a{font-size:11px;font-weight:normal;color:#444;line-height:20px;}
#schedulesArea .schedulesTable tr td .exhiSdul{padding-left:5px;}
#schedulesArea .schedulesTable tr td .dateNum{padding-left:5px;display:block}
#schedulesArea .schedulesTable tr td select.form-control{margin:10px;width:calc(90% - 20px);}/*진료설정*/
#schedulesArea .schedulesTable tr td .reserveList{margin-left:10px;padding:0;}/*월별진료내용*/
#schedulesArea .schedulesTable tr td .reserveList li{list-style:none;}

#schedulesArea .schedulesTable tr td .reserveNum {font-size:1.5rem;text-align:center;cursor:pointer}/*예약관리명수*/


/*상세검색영역*/
.detailSearch{position:relative;background-color:#f7f7f7;padding:10px 0 0;}
.detailSearch .dsl{font-weight:normal !important;}

.detailSearch .input-group .input-group-addon.noLine {border-color: #f7f7f7;background-color: #f7f7f7;}
.btn-app > .fa{display:inline}
.detailSearch .detailSearch_btn{display:table;}
.detailSearch .detailSearch_btn.twoLine{height:144px;}
.detailSearch .detailSearch_btn.threeLine{height:216px;}
.detailSearch .detailSearch_btn .align-self-center{display:table-cell;vertical-align:middle;}
.detailSearch .detailSearch_btn .align-self-center .btn{width:100%;height:50px;}


@media (max-width:991px){
.detailSearch .detailSearch_btn{height:70px;display:block;}
.detailSearch .detailSearch_btn.twoLine{height:70px;}
.detailSearch .detailSearch_btn.threeLine{height:70px;}
.detailSearch .detailSearch_btn .align-self-center{display:block;vertical-align:middle;}
.detailSearch .detailSearch_btn .align-self-center .btn{height:auto;}
}

/*리스트*/
.ktlList.table > thead th {background-color: #506d8c;color: #fff;text-align: center;font-weight: 400;border-bottom: 2px solid #44719e;}
.ktlList.table tbody tr td{text-align: center;vertical-align:middle;}
.ktlList.table tbody tr td.left{text-align: left;}
.ktlList.table tbody tr td.answer{padding-left:15px;}
.ktlList.table tbody tr td.answer i{transform: rotate( 180deg );}
.ktlList.table tbody tr td img{max-width:50px;}
.ktlList.table tbody tr:nth-child(2n) td{background: #fcfcfc;}
.ktlList.table tbody tr:hover td{background:none;}
 
 .ktlList.table tbody tr td .input-group .bootstrap-datetimepicker-widget{width:260px;}
 .ktlList.table tbody tr td .input-group .bootstrap-datetimepicker-widget .active{color:red;}

.mscrollTable{position:relative;overflow:hidden;}
@media screen and (max-width: 1300px) {
	.mscrollTable:after{box-shadow: 0 0 10px 0 #000;content: "";height: 100%;position: absolute;right:-1px;top: 0;width: 1px;}
	.mscrollTable .table-responsive{border: none !important;padding:0;margin-bottom:0;} 

}


.page-link{color: #506d8c;}
.page-item.active .page-link {
    background-color: #506d8c;
    border-color: #44719e;
}
/* 교정신청 복수견적 */
.documentBox ul {margin:0; padding:0;}
.documentBox ul li{list-style:none;}
/*테이틀 하단의 inner 테이블*/
.invoice {position: relative;background: #fff;border: 5px solid #d4d4d4;padding: 0;margin: 15px;}
.invoice .page-header{padding:10px 20px;}
.invoice .mscrollTable table thead tr th:first-child{text-align:center;}
.invoice .mscrollTable table tbody tr td:first-child{text-align:center;}
.invoice .mscrollTable .table-responsive{max-height:300px;overflow-y: auto;}
.searchBox{position: relative;margin-bottom: 20px;padding-right:100px;background:#eef3ef;}
.searchBox .btnArea{text-align:center;margin-top:15px;position:absolute;top:10px;right:10px;width:90px;}
.searchBox .btnArea button{display:block;margin-bottom:5px}
.searchBox .search-table{padding:20px; }
.searchBox .search-table input,
.searchBox .search-table select{max-width:200px;height: 28px;padding:3px 6px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #d2d6de;vertical-align:middle;}
.searchBox .search-table input[disabled]{width:100px;cursor: not-allowed;background-color: #eee;opacity: 1;}
.searchBox .search-table .seL{display:inline-block;width:auto;vertical-align:middle;margin-right: 8px;padding-top:5px;}
.searchBox .search-table .seL span.tit{width: 90px;vertical-align: middle;display: inline-block;border-radius:3px;background-color: #3d9970;padding:5px;line-height:15px;font-size:13px;color: #fff;font-weight:400;}
.search-table .seL.wl_100{width:100%;}
.searchBox .search-table .seL span.tit.remark{width: 90px;vertical-align: top;display: inline-block;}
.searchBox .search-table textarea{width:calc(100% - 110px);max-width:500px;height: 50px;padding:3px 6px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border: 1px solid #d2d6de;}

@media (max-width:991px){
	.searchBox{padding-right:0;}
	.searchBox .btnArea{position:static;width:100%;padding-bottom:20px;}
	.searchBox .btnArea button{display:inline-block;}
}
@media (max-width: 768px) {
	.searchBox .search-table .seL{padding: 3px 0 3px 0;}
    .searchBox .search-table .seL span.tit{width:60px;}
	.searchBox .search-table .seL span.tit.remark{ width:60px;}
	.searchBox .search-table input,
    .searchBox .search-table select{width:calc(100% -120px - 50%);}
}

/*입력 폼*/
.detail_Input{background-color:#efefef;}
.detail_Input .twoCol{height:100px;}
.ktlForm > label,.ktlForm > .title,.ktlForm > .kst{display: inline-block;width:115px;font-weight: 500;vertical-align: top;color: #015a9c;}
.ktlForm > .kst{display:inline-block;width:90px;padding:5px 0;margin-bottom:5px;color: #0085e6;}
.ktlForm .inBox{display:inline-block;width:calc(100% - 125px);}
.ktlForm .inBox.ksp{padding:5px;margin-bottom:5px;}
.ktlForm .inBox .icheck-success{padding-right:10px;}
.ktlForm .inBox input[type="file"]{margin-bottom:10px;}
.ktlForm.required > label:after { content:"*";color:red; }

@media (max-width: 1199px) {  
	.detail_Input .twoCol{height:auto;}
}
@media (max-width: 576px) {  
	.ktlForm > label,.ktlForm > .title{display:block;width:100%;border-bottom: 1px solid #ddd;padding-bottom: 5px;margin-bottom:10px;}
	.ktlForm .inBox:not(.ksp){display:block;width:100%;}
}
.form-group .leftS{padding-right:0 !important;}
.form-group .centerS{padding-right:0 !important;padding-left:5px !important;}
.form-group .rightS{padding-left:5px !important;}
@media (max-width:991px){
	.form-group .leftS{padding-right:15px !important;margin-bottom:5px;}
	.form-group .centerS{padding-right:15px !important;padding-left:15px !important;margin-bottom:5px;}
	.form-group .rightS{padding-left:15px !important;}
}

.custom-file-label::after {content: "파일선택";}
.box-body .fgtitle{display: block;
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    color: #005b9e;
    background-color: #efefef;
    border-top-left-radius: 5px;border-top-right-radius:5px;}
.box-body .fgtitle span{display:inline-block;padding-left:30px;font-weight:normal;}

.dateInput{position:relative;}
.dateInput input{height: 34px;padding: 3px 6px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #d2d6de;vertical-align: middle;}
.dateInput:after{position:absolute;top:5px;right:10px;display:block;color:#555;content: "\f073";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}


/*첨부파일*/
.multiFile{width:33%;display:inline-block;}
.multiFile.alone{width:100%;display:block;position:relative;}
.multiFile.alone .filebox{position: absolute;top:0;left:320px;}
.multiFile .fileView{width:300px;height:225px;background:#fff url(../img/blank.jpg) no-repeat 0 0;border:1px solid #d2d6de;margin-bottom:10px;overflow:hidden;}
.multiFile .fileView img{width:100%;height:auto;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {display: inline-block;padding: .5em .75em;color: #999;font-weight:400;line-height: normal;vertical-align: top;background-color: #fdfdfd;cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;}
.filebox .upload-name {display: inline-block;padding: .5em .75em;line-height: normal;vertical-align: middle;background-color: #fff;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.filebox label {color: #fff;background-color: #337ab7;border-color: #2e6da4;}

@media (max-width: 991px) { 
.multiFile{width:100%;margin-bottom:10px;}

.multiFile.alone .filebox{position: static;top:0;left:auto;}


}

/*modal 팝업*/
.modal-header {background-color:#106db4;color:#fff;}
.modal-header .close {margin-top: 0;position: absolute;top: 15px;right: 15px;opacity: 1;color:#fff;}
.modal-dialog {width:calc(100% - 30px);margin: 30px auto;max-width: 900px;}
.modal-body .text-nowrap thead tr th:first-child{text-align:center;}
.modal-body .text-nowrap tbody tr td:first-child{text-align:center;}

/* 온라인신청 01 - 접수증 인쇄 modal */
.medical-table{border-top:2px solid #555;border-collapse:separate;width: 100%;}
.medical-table th{padding: 10px 0;border-bottom: 1px solid #bbb;background-color: #ddd;text-align: center;}
.medical-table tbody td{padding:10px;text-align:left;}
.medical-table th {position: relative;padding:10px 5px;font-size: 16px;font-weight: 700;color: #000;background: #edf6fa;border-right:1px solid #bbb;border-left:1px solid #bbb;}
.medical-table td {border-bottom:1px solid #bbb;}
.medical-table tr th:first-child{border-left: 1px solid transparent;}
.medical-table tr th:last-child{border-right: 1px solid transparent;}
creen and (max-width: 767px) {
	.medical-table th {font-size:14px}
}


/*알림*/
.bs-callout {margin: 20px 0;padding: 20px;border-left: 3px solid #eee;}
.bs-callout-info {background-color: #f4f8fa;border-color: #bce8f1;}
.bs-callout h4 {margin-top: 0;margin-bottom: 5px;}
.bs-callout-info h4 {color: #3a87ad;}


/*게시판 보기페이지*/
.boardBody{min-height:500px;padding:30px 15px;}
.boardInfo{padding-top:10px;font-size:14px;}
.boardInfo strong{padding-right:10px;}
.boardInfo span{padding-right:20px;}


/*공지사항*/
.boardWD{line-height: 60px;font-size: 2rem;text-align: center;}
@media (max-width:991px){
	.boardWD{line-height: 2.5rem;padding:0 0 15px;text-align: right;}
}

/*나눔터 상세보기*/
.shareItem_img{margin-top:25px;}
.shareInfo h2{border-bottom:1px solid #ddd;padding:0 0 15px 15px}
.shareInfo div{padding:5px;}
.shareInfo .labelT{display: inline-block;width:115px;font-weight:400;vertical-align:top;background-color: #f7f7f7;}
.shareInfo .labelT.long{min-height:70px;}
.shareInfo .textS{display:inline-block;width:calc(100% - 125px);}
@media (max-width:480px){
.shareInfo .labelT{width:85px;font-size:1.2rem;}
.shareInfo .textS{width:calc(100% - 90px);padding-left:5px;}

}
/*댓글*/
.research-box {background: #f9f9f9; border: 1px solid #c6c6c6; padding: 25px 35px;}
.research-box.mgt {margin-top: 150px;}
.research-box .top {overflow: hidden; margin-bottom: 18px;}
.research-box .top .text {float: left; font-size: 15px; color: #444;}
.research-box .comment {width: 100%; display: table;}
.research-box .comment .textarea {width: 100%;display: table-cell; vertical-align: top;}
.research-box .comment .textarea textarea {height: 65px;width: 100%;padding: 5px 10px;border: 1px solid #d4d4d4;resize: none;vertical-align: top;outline: none;}
.research-box .comment .bt {display: table-cell; width: 150px; height: 65px; margin-left: 8px; background: #83868b; color: #fff; font-size: 15px; vertical-align: top; font-weight: 500;}
.research-box .comment .bt_opinion{display:inline-block;border:none;}

.comment {width: 100%; display: table;}
.comment .textarea {width: 100%;display: table-cell; vertical-align: top;}
.comment .textarea textarea {height: 65px;width: 100%;padding: 5px 10px;border: 1px solid #d4d4d4;resize: none;vertical-align: top;outline: none;}
.comment .bt {display: table-cell; width: 150px; height: 65px; margin-left: 8px; background: #83868b; color: #fff; font-size: 15px; vertical-align: top; font-weight: 500;}
.comment .bt_opinion{display:inline-block;border:none;}

.comment-list ul{padding:0;}
.comment-list ul li.commentBox {position:relative;border-bottom: 1px solid #b1b1b1; padding: 20px 20px 20px 110px;list-style: none;}
.comment-list ul li.commentBox:last-child {border-bottom:none;}
.comment-list ul li.commentBox .photo{position:absolute;top:20px;left:10px;overflow:hidden;width:80px;height:80px;border-radius:100%;}
.comment-list ul li.commentBox .photo img{width:100%;}
.comment-list ul li.commentBox .comment-wrap .top {margin-bottom: 10px; color: #666;}
.comment-list ul li.commentBox .comment-wrap .contents {font-size: 15px; line-height: 1.8em; font-weight: 500;text-align:justify;}
.comment-list ul li.commentBox .comment-reply{padding-top:15px;}

.comment-list ul li.commentBox .btnC{position:absolute;top:10px;right:10px;outline:none;}
.comment-list ul li.commentBox .btnC{padding: 0;width: 50px;height: 30px;font-size: 1.5rem;border: none;background: none;}
.comment-list ul li.commentBox .btnC i{transform: rotate( 90deg );display: block;}
.comment-list ul li.commentBox .menuC{position:absolute;top:40px;right:10px;}
.comment-list ul li.commentBox .menuC{width:80px;background-color:#fff;border:1px solid #dbdbdb;text-align:center;z-index: 10;}
.comment-list ul li.commentBox .menuC ul li{border-bottom:1px solid #dbdbdb;padding:10px;list-style:none;}
.comment-list ul li.commentBox .menuC ul li img{vertical-align:middle;}
.comment-list ul li.commentBox .menuC ul li:last-child{border-bottom:none;} 


@media (max-width: 767px) {
	.research-box {padding:15px;}
	.research-box .comment .textarea {width: 100%;display: block; vertical-align: top;}
	.research-box .comment .bt {display: block; width: 100%;margin:10px 0 0 0; height: 45px; }
	.research-box .comment .textarea textarea {height: 100px;}
	.research-box .top { margin-bottom: 8px;}

	.comment-list ul li.commentBox {padding: 20px 0;}
	.comment-list ul li.commentBox .btnC{top:15px;right:5px;}
	.comment-list ul li.commentBox .menuC{top:55px;right:5px;}

	.comment-list ul li.commentBox .photo{left:0;width:50px;height:50px;}
	.comment-list ul li.commentBox .comment-wrap  {display:block;width:100%;padding:0 0 15px 70px;border-right:none;}
	.comment-list ul li.commentBox .comment-wrap .contents {padding-right:20px;font-size: 1.4rem;}

}


/*프린트스타일*/
@media print {
	.main-sidebar,.main-header, .main-footer{display:none;}
	.content-wrapper{width:100%;}
}

/*여백*/
.m-0 {margin: 0 !important;}.mt-0,.my-0 {margin-top: 0 !important;}.mr-0,.mx-0 {margin-right: 0 !important;}.mb-0,.my-0 {margin-bottom: 0 !important;}.ml-0,.mx-0 {margin-left: 0 !important;}.m-1 {margin: 0.25rem !important;}.mt-1,.my-1 {margin-top: 0.25rem !important;}.mr-1,.mx-1 {margin-right: 0.25rem !important;}.mb-1,.my-1 {margin-bottom: 0.25rem !important;}.ml-1,.mx-1 {margin-left: 0.25rem !important;}.m-2 {margin: 0.5rem !important;}.mt-2,.my-2 {margin-top: 0.5rem !important;}.mr-2,.mx-2 {margin-right: 0.5rem !important;}.mb-2,.my-2 {margin-bottom: 0.5rem !important;}.ml-2,.mx-2 {margin-left: 0.5rem !important;}.m-3 {margin: 1rem !important;}.mt-3,.my-3 {margin-top: 1rem !important;}.mr-3,.mx-3 {margin-right: 1rem !important;}.mb-3,.my-3 {margin-bottom: 1rem !important;}.ml-3,.mx-3 {margin-left: 1rem !important;}.m-4 {margin: 1.5rem !important;}.mt-4,.my-4 {margin-top: 1.5rem !important;}.mr-4,.mx-4 {margin-right: 1.5rem !important;}.mb-4,.my-4 {margin-bottom: 1.5rem !important;}.ml-4,.mx-4 {margin-left: 1.5rem !important;}.m-5 {margin: 3rem !important;}.mt-5,.my-5 {margin-top: 3rem !important;}.mr-5,.mx-5 {margin-right: 3rem !important;}.mb-5,.my-5 {margin-bottom: 3rem !important;}.ml-5,.mx-5 {margin-left: 3rem !important;}.p-0 {padding: 0 !important;}.pt-0,.py-0 {padding-top: 0 !important;}.pr-0,.px-0 {padding-right: 0 !important;}.pb-0,.py-0 {padding-bottom: 0 !important;}.pl-0,.px-0 {padding-left: 0 !important;}.p-1 {padding: 0.25rem !important;}.pt-1,.py-1 {padding-top: 0.25rem !important;}.pr-1,.px-1 {padding-right: 0.25rem !important;}.pb-1,.py-1 {padding-bottom: 0.25rem !important;}.pl-1,.px-1 {padding-left: 0.25rem !important;}.p-2 {padding: 0.5rem !important;}.pt-2,.py-2 {padding-top: 0.5rem !important;}.pr-2,.px-2 {padding-right: 0.5rem !important;}.pb-2,.py-2 {padding-bottom: 0.5rem !important;}.pl-2,.px-2 {padding-left: 0.5rem !important;}.p-3 {padding: 1rem !important;}.pt-3,.py-3 {padding-top: 1rem !important;}.pr-3,.px-3 {padding-right: 1rem !important;}.pb-3,.py-3 {padding-bottom: 1rem !important;}.pl-3,.px-3 {padding-left: 1rem !important;}.p-4 {padding: 1.5rem !important;}.pt-4,.py-4 {padding-top: 1.5rem !important;}.pr-4,.px-4 {padding-right: 1.5rem !important;}.pb-4,.py-4 {padding-bottom: 1.5rem !important;}.pl-4,.px-4 {padding-left: 1.5rem !important;}.p-5 {padding: 3rem !important;}.pt-5,.py-5 {padding-top: 3rem !important;}.pr-5,.px-5 {padding-right: 3rem !important;}.pb-5,.py-5 {padding-bottom: 3rem !important;}.pl-5,.px-5 {padding-left: 3rem !important;}.m-n1 {margin: -0.25rem !important;}.mt-n1,.my-n1 {margin-top: -0.25rem !important;}.mr-n1,.mx-n1 {margin-right: -0.25rem !important;}.mb-n1,.my-n1 {margin-bottom: -0.25rem !important;}.ml-n1,.mx-n1 {margin-left: -0.25rem !important;}.m-n2 {margin: -0.5rem !important;}.mt-n2,.my-n2 {margin-top: -0.5rem !important;}.mr-n2,.mx-n2 {margin-right: -0.5rem !important;}.mb-n2,.my-n2 {margin-bottom: -0.5rem !important;}.ml-n2,.mx-n2 {margin-left: -0.5rem !important;}.m-n3 {margin: -1rem !important;}.mt-n3,.my-n3 {margin-top: -1rem !important;}.mr-n3,.mx-n3 {margin-right: -1rem !important;}.mb-n3,.my-n3 {margin-bottom: -1rem !important;}.ml-n3,.mx-n3 {margin-left: -1rem !important;}.m-n4 {margin: -1.5rem !important;}.mt-n4,.my-n4 {margin-top: -1.5rem !important;}.mr-n4,.mx-n4 {margin-right: -1.5rem !important;}.mb-n4,.my-n4 {margin-bottom: -1.5rem !important;}.ml-n4,.mx-n4 {margin-left: -1.5rem !important;}.m-n5 {margin: -3rem !important;}.mt-n5,.my-n5 {margin-top: -3rem !important;}.mr-n5,.mx-n5 {margin-right: -3rem !important;}.mb-n5,.my-n5 {margin-bottom: -3rem !important;}.ml-n5,.mx-n5 {margin-left: -3rem !important;}.m-auto {margin: auto !important;}.mt-auto,.my-auto {margin-top: auto !important;}.mr-auto,.mx-auto {margin-right: auto !important;}.mb-auto,.my-auto {margin-bottom: auto !important;}.ml-auto,.mx-auto {margin-left: auto !important;}@media (min-width: 576px) {.m-sm-0 {margin: 0 !important;}.mt-sm-0,.my-sm-0 {margin-top: 0 !important;}.mr-sm-0,.mx-sm-0 {margin-right: 0 !important;}.mb-sm-0,.my-sm-0 {margin-bottom: 0 !important;}.ml-sm-0,.mx-sm-0 {margin-left: 0 !important;}.m-sm-1 {margin: 0.25rem !important;}.mt-sm-1,.my-sm-1 {margin-top: 0.25rem !important;}.mr-sm-1,.mx-sm-1 {margin-right: 0.25rem !important;}.mb-sm-1,.my-sm-1 {margin-bottom: 0.25rem !important;}.ml-sm-1,.mx-sm-1 {margin-left: 0.25rem !important;}.m-sm-2 {margin: 0.5rem !important;}.mt-sm-2,.my-sm-2 {margin-top: 0.5rem !important;}.mr-sm-2,.mx-sm-2 {margin-right: 0.5rem !important;}.mb-sm-2,.my-sm-2 {margin-bottom: 0.5rem !important;}.ml-sm-2,.mx-sm-2 {margin-left: 0.5rem !important;}.m-sm-3 {margin: 1rem !important;}.mt-sm-3,.my-sm-3 {margin-top: 1rem !important;}.mr-sm-3,.mx-sm-3 {margin-right: 1rem !important;}.mb-sm-3,.my-sm-3 {margin-bottom: 1rem !important;}.ml-sm-3,.mx-sm-3 {margin-left: 1rem !important;}.m-sm-4 {margin: 1.5rem !important;}.mt-sm-4,.my-sm-4 {margin-top: 1.5rem !important;}.mr-sm-4,.mx-sm-4 {margin-right: 1.5rem !important;}.mb-sm-4,.my-sm-4 {margin-bottom: 1.5rem !important;}.ml-sm-4,.mx-sm-4 {margin-left: 1.5rem !important;}.m-sm-5 {margin: 3rem !important;}.mt-sm-5,.my-sm-5 {margin-top: 3rem !important;}.mr-sm-5,.mx-sm-5 {margin-right: 3rem !important;}.mb-sm-5,.my-sm-5 {margin-bottom: 3rem !important;}.ml-sm-5,.mx-sm-5 {margin-left: 3rem !important;}.p-sm-0 {padding: 0 !important;}.pt-sm-0,.py-sm-0 {padding-top: 0 !important;}.pr-sm-0,.px-sm-0 {padding-right: 0 !important;}.pb-sm-0,.py-sm-0 {padding-bottom: 0 !important;}.pl-sm-0,.px-sm-0 {padding-left: 0 !important;}.p-sm-1 {padding: 0.25rem !important;}.pt-sm-1,.py-sm-1 {padding-top: 0.25rem !important;}.pr-sm-1,.px-sm-1 {padding-right: 0.25rem !important;}.pb-sm-1,.py-sm-1 {padding-bottom: 0.25rem !important;}.pl-sm-1,.px-sm-1 {padding-left: 0.25rem !important;}.p-sm-2 {padding: 0.5rem !important;}.pt-sm-2,.py-sm-2 {padding-top: 0.5rem !important;}.pr-sm-2,.px-sm-2 {padding-right: 0.5rem !important;}.pb-sm-2,.py-sm-2 {padding-bottom: 0.5rem !important;}.pl-sm-2,.px-sm-2 {padding-left: 0.5rem !important;}.p-sm-3 {padding: 1rem !important;}.pt-sm-3,.py-sm-3 {padding-top: 1rem !important;}.pr-sm-3,.px-sm-3 {padding-right: 1rem !important;}.pb-sm-3,.py-sm-3 {padding-bottom: 1rem !important;}.pl-sm-3,.px-sm-3 {padding-left: 1rem !important;}.p-sm-4 {padding: 1.5rem !important;}.pt-sm-4,.py-sm-4 {padding-top: 1.5rem !important;}.pr-sm-4,.px-sm-4 {padding-right: 1.5rem !important;}.pb-sm-4,.py-sm-4 {padding-bottom: 1.5rem !important;}.pl-sm-4,.px-sm-4 {padding-left: 1.5rem !important;}.p-sm-5 {padding: 3rem !important;}.pt-sm-5,.py-sm-5 {padding-top: 3rem !important;}.pr-sm-5,.px-sm-5 {padding-right: 3rem !important;}.pb-sm-5,.py-sm-5 {padding-bottom: 3rem !important;}.pl-sm-5,.px-sm-5 {padding-left: 3rem !important;}.m-sm-n1 {margin: -0.25rem !important;}.mt-sm-n1,.my-sm-n1 {margin-top: -0.25rem !important;}.mr-sm-n1,.mx-sm-n1 {margin-right: -0.25rem !important;}.mb-sm-n1,.my-sm-n1 {margin-bottom: -0.25rem !important;}.ml-sm-n1,.mx-sm-n1 {margin-left: -0.25rem !important;}.m-sm-n2 {margin: -0.5rem !important;}.mt-sm-n2,.my-sm-n2 {margin-top: -0.5rem !important;}.mr-sm-n2,.mx-sm-n2 {margin-right: -0.5rem !important;}.mb-sm-n2,.my-sm-n2 {margin-bottom: -0.5rem !important;}.ml-sm-n2,.mx-sm-n2 {margin-left: -0.5rem !important;}.m-sm-n3 {margin: -1rem !important;}.mt-sm-n3,.my-sm-n3 {margin-top: -1rem !important;}.mr-sm-n3,.mx-sm-n3 {margin-right: -1rem !important;}.mb-sm-n3,.my-sm-n3 {margin-bottom: -1rem !important;}.ml-sm-n3,.mx-sm-n3 {margin-left: -1rem !important;}.m-sm-n4 {margin: -1.5rem !important;}.mt-sm-n4,.my-sm-n4 {margin-top: -1.5rem !important;}.mr-sm-n4,.mx-sm-n4 {margin-right: -1.5rem !important;}.mb-sm-n4,.my-sm-n4 {margin-bottom: -1.5rem !important;}.ml-sm-n4,.mx-sm-n4 {margin-left: -1.5rem !important;}.m-sm-n5 {margin: -3rem !important;}.mt-sm-n5,.my-sm-n5 {margin-top: -3rem !important;}.mr-sm-n5,.mx-sm-n5 {margin-right: -3rem !important;}.mb-sm-n5,.my-sm-n5 {margin-bottom: -3rem !important;}.ml-sm-n5,.mx-sm-n5 {margin-left: -3rem !important;}.m-sm-auto {margin: auto !important;}.mt-sm-auto,.my-sm-auto {margin-top: auto !important;}.mr-sm-auto,.mx-sm-auto {margin-right: auto !important;}.mb-sm-auto,.my-sm-auto {margin-bottom: auto !important;}.ml-sm-auto,.mx-sm-auto {margin-left: auto !important;}}@media (min-width: 768px) {.m-md-0 {margin: 0 !important;}.mt-md-0,.my-md-0 {margin-top: 0 !important;}.mr-md-0,.mx-md-0 {margin-right: 0 !important;}.mb-md-0,.my-md-0 {margin-bottom: 0 !important;}.ml-md-0,.mx-md-0 {margin-left: 0 !important;}.m-md-1 {margin: 0.25rem !important;}.mt-md-1,.my-md-1 {margin-top: 0.25rem !important;}.mr-md-1,.mx-md-1 {margin-right: 0.25rem !important;}.mb-md-1,.my-md-1 {margin-bottom: 0.25rem !important;}.ml-md-1,.mx-md-1 {margin-left: 0.25rem !important;}.m-md-2 {margin: 0.5rem !important;}.mt-md-2,.my-md-2 {margin-top: 0.5rem !important;}.mr-md-2,.mx-md-2 {margin-right: 0.5rem !important;}.mb-md-2,.my-md-2 {margin-bottom: 0.5rem !important;}.ml-md-2,.mx-md-2 {margin-left: 0.5rem !important;}.m-md-3 {margin: 1rem !important;}.mt-md-3,.my-md-3 {margin-top: 1rem !important;}.mr-md-3,.mx-md-3 {margin-right: 1rem !important;}.mb-md-3,.my-md-3 {margin-bottom: 1rem !important;}.ml-md-3,.mx-md-3 {margin-left: 1rem !important;}.m-md-4 {margin: 1.5rem !important;}.mt-md-4,.my-md-4 {margin-top: 1.5rem !important;}.mr-md-4,.mx-md-4 {margin-right: 1.5rem !important;}.mb-md-4,.my-md-4 {margin-bottom: 1.5rem !important;}.ml-md-4,.mx-md-4 {margin-left: 1.5rem !important;}.m-md-5 {margin: 3rem !important;}.mt-md-5,.my-md-5 {margin-top: 3rem !important;}.mr-md-5,.mx-md-5 {margin-right: 3rem !important;}.mb-md-5,.my-md-5 {margin-bottom: 3rem !important;}.ml-md-5,.mx-md-5 {margin-left: 3rem !important;}.p-md-0 {padding: 0 !important;}.pt-md-0,.py-md-0 {padding-top: 0 !important;}.pr-md-0,.px-md-0 {padding-right: 0 !important;}.pb-md-0,.py-md-0 {padding-bottom: 0 !important;}.pl-md-0,.px-md-0 {padding-left: 0 !important;}.p-md-1 {padding: 0.25rem !important;}.pt-md-1,.py-md-1 {padding-top: 0.25rem !important;}.pr-md-1,.px-md-1 {padding-right: 0.25rem !important;}.pb-md-1,.py-md-1 {padding-bottom: 0.25rem !important;}.pl-md-1,.px-md-1 {padding-left: 0.25rem !important;}.p-md-2 {padding: 0.5rem !important;}.pt-md-2,.py-md-2 {padding-top: 0.5rem !important;}.pr-md-2,.px-md-2 {padding-right: 0.5rem !important;}.pb-md-2,.py-md-2 {padding-bottom: 0.5rem !important;}.pl-md-2,.px-md-2 {padding-left: 0.5rem !important;}.p-md-3 {padding: 1rem !important;}.pt-md-3,.py-md-3 {padding-top: 1rem !important;}.pr-md-3,.px-md-3 {padding-right: 1rem !important;}.pb-md-3,.py-md-3 {padding-bottom: 1rem !important;}.pl-md-3,.px-md-3 {padding-left: 1rem !important;}.p-md-4 {padding: 1.5rem !important;}.pt-md-4,.py-md-4 {padding-top: 1.5rem !important;}.pr-md-4,.px-md-4 {padding-right: 1.5rem !important;}.pb-md-4,.py-md-4 {padding-bottom: 1.5rem !important;}.pl-md-4,.px-md-4 {padding-left: 1.5rem !important;}.p-md-5 {padding: 3rem !important;}.pt-md-5,.py-md-5 {padding-top: 3rem !important;}.pr-md-5,.px-md-5 {padding-right: 3rem !important;}.pb-md-5,.py-md-5 {padding-bottom: 3rem !important;}.pl-md-5,.px-md-5 {padding-left: 3rem !important;}.m-md-n1 {margin: -0.25rem !important;}.mt-md-n1,.my-md-n1 {margin-top: -0.25rem !important;}.mr-md-n1,.mx-md-n1 {margin-right: -0.25rem !important;}.mb-md-n1,.my-md-n1 {margin-bottom: -0.25rem !important;}.ml-md-n1,.mx-md-n1 {margin-left: -0.25rem !important;}.m-md-n2 {margin: -0.5rem !important;}.mt-md-n2,.my-md-n2 {margin-top: -0.5rem !important;}.mr-md-n2,.mx-md-n2 {margin-right: -0.5rem !important;}.mb-md-n2,.my-md-n2 {margin-bottom: -0.5rem !important;}.ml-md-n2,.mx-md-n2 {margin-left: -0.5rem !important;}.m-md-n3 {margin: -1rem !important;}.mt-md-n3,.my-md-n3 {margin-top: -1rem !important;}.mr-md-n3,.mx-md-n3 {margin-right: -1rem !important;}.mb-md-n3,.my-md-n3 {margin-bottom: -1rem !important;}.ml-md-n3,.mx-md-n3 {margin-left: -1rem !important;}.m-md-n4 {margin: -1.5rem !important;}.mt-md-n4,.my-md-n4 {margin-top: -1.5rem !important;}.mr-md-n4,.mx-md-n4 {margin-right: -1.5rem !important;}.mb-md-n4,.my-md-n4 {margin-bottom: -1.5rem !important;}.ml-md-n4,.mx-md-n4 {margin-left: -1.5rem !important;}.m-md-n5 {margin: -3rem !important;}.mt-md-n5,.my-md-n5 {margin-top: -3rem !important;}.mr-md-n5,.mx-md-n5 {margin-right: -3rem !important;}.mb-md-n5,.my-md-n5 {margin-bottom: -3rem !important;}.ml-md-n5,.mx-md-n5 {margin-left: -3rem !important;}.m-md-auto {margin: auto !important;}.mt-md-auto,.my-md-auto {margin-top: auto !important;}.mr-md-auto,.mx-md-auto {margin-right: auto !important;}.mb-md-auto,.my-md-auto {margin-bottom: auto !important;}.ml-md-auto,.mx-md-auto {margin-left: auto !important;}}@media (min-width: 992px) {.m-lg-0 {margin: 0 !important;}.mt-lg-0,.my-lg-0 {margin-top: 0 !important;}.mr-lg-0,.mx-lg-0 {margin-right: 0 !important;}.mb-lg-0,.my-lg-0 {margin-bottom: 0 !important;}.ml-lg-0,.mx-lg-0 {margin-left: 0 !important;}.m-lg-1 {margin: 0.25rem !important;}.mt-lg-1,.my-lg-1 {margin-top: 0.25rem !important;}.mr-lg-1,.mx-lg-1 {margin-right: 0.25rem !important;}.mb-lg-1,.my-lg-1 {margin-bottom: 0.25rem !important;}.ml-lg-1,.mx-lg-1 {margin-left: 0.25rem !important;}.m-lg-2 {margin: 0.5rem !important;}.mt-lg-2,.my-lg-2 {margin-top: 0.5rem !important;}.mr-lg-2,.mx-lg-2 {margin-right: 0.5rem !important;}.mb-lg-2,.my-lg-2 {margin-bottom: 0.5rem !important;}.ml-lg-2,.mx-lg-2 {margin-left: 0.5rem !important;}.m-lg-3 {margin: 1rem !important;}.mt-lg-3,.my-lg-3 {margin-top: 1rem !important;}.mr-lg-3,.mx-lg-3 {margin-right: 1rem !important;}.mb-lg-3,.my-lg-3 {margin-bottom: 1rem !important;}.ml-lg-3,.mx-lg-3 {margin-left: 1rem !important;}.m-lg-4 {margin: 1.5rem !important;}.mt-lg-4,.my-lg-4 {margin-top: 1.5rem !important;}.mr-lg-4,.mx-lg-4 {margin-right: 1.5rem !important;}.mb-lg-4,.my-lg-4 {margin-bottom: 1.5rem !important;}.ml-lg-4,.mx-lg-4 {margin-left: 1.5rem !important;}.m-lg-5 {margin: 3rem !important;}.mt-lg-5,.my-lg-5 {margin-top: 3rem !important;}.mr-lg-5,.mx-lg-5 {margin-right: 3rem !important;}.mb-lg-5,.my-lg-5 {margin-bottom: 3rem !important;}.ml-lg-5,.mx-lg-5 {margin-left: 3rem !important;}.p-lg-0 {padding: 0 !important;}.pt-lg-0,.py-lg-0 {padding-top: 0 !important;}.pr-lg-0,.px-lg-0 {padding-right: 0 !important;}.pb-lg-0,.py-lg-0 {padding-bottom: 0 !important;}.pl-lg-0,.px-lg-0 {padding-left: 0 !important;}.p-lg-1 {padding: 0.25rem !important;}.pt-lg-1,.py-lg-1 {padding-top: 0.25rem !important;}.pr-lg-1,.px-lg-1 {padding-right: 0.25rem !important;}.pb-lg-1,.py-lg-1 {padding-bottom: 0.25rem !important;}.pl-lg-1,.px-lg-1 {padding-left: 0.25rem !important;}.p-lg-2 {padding: 0.5rem !important;}.pt-lg-2,.py-lg-2 {padding-top: 0.5rem !important;}.pr-lg-2,.px-lg-2 {padding-right: 0.5rem !important;}.pb-lg-2,.py-lg-2 {padding-bottom: 0.5rem !important;}.pl-lg-2,.px-lg-2 {padding-left: 0.5rem !important;}.p-lg-3 {padding: 1rem !important;}.pt-lg-3,.py-lg-3 {padding-top: 1rem !important;}.pr-lg-3,.px-lg-3 {padding-right: 1rem !important;}.pb-lg-3,.py-lg-3 {padding-bottom: 1rem !important;}.pl-lg-3,.px-lg-3 {padding-left: 1rem !important;}.p-lg-4 {padding: 1.5rem !important;}.pt-lg-4,.py-lg-4 {padding-top: 1.5rem !important;}.pr-lg-4,.px-lg-4 {padding-right: 1.5rem !important;}.pb-lg-4,.py-lg-4 {padding-bottom: 1.5rem !important;}.pl-lg-4,.px-lg-4 {padding-left: 1.5rem !important;}.p-lg-5 {padding: 3rem !important;}.pt-lg-5,.py-lg-5 {padding-top: 3rem !important;}.pr-lg-5,.px-lg-5 {padding-right: 3rem !important;}.pb-lg-5,.py-lg-5 {padding-bottom: 3rem !important;}.pl-lg-5,.px-lg-5 {padding-left: 3rem !important;}.m-lg-n1 {margin: -0.25rem !important;}.mt-lg-n1,.my-lg-n1 {margin-top: -0.25rem !important;}.mr-lg-n1,.mx-lg-n1 {margin-right: -0.25rem !important;}.mb-lg-n1,.my-lg-n1 {margin-bottom: -0.25rem !important;}.ml-lg-n1,.mx-lg-n1 {margin-left: -0.25rem !important;}.m-lg-n2 {margin: -0.5rem !important;}.mt-lg-n2,.my-lg-n2 {margin-top: -0.5rem !important;}.mr-lg-n2,.mx-lg-n2 {margin-right: -0.5rem !important;}.mb-lg-n2,.my-lg-n2 {margin-bottom: -0.5rem !important;}.ml-lg-n2,.mx-lg-n2 {margin-left: -0.5rem !important;}.m-lg-n3 {margin: -1rem !important;}.mt-lg-n3,.my-lg-n3 {margin-top: -1rem !important;}.mr-lg-n3,.mx-lg-n3 {margin-right: -1rem !important;}.mb-lg-n3,.my-lg-n3 {margin-bottom: -1rem !important;}.ml-lg-n3,.mx-lg-n3 {margin-left: -1rem !important;}.m-lg-n4 {margin: -1.5rem !important;}.mt-lg-n4,.my-lg-n4 {margin-top: -1.5rem !important;}.mr-lg-n4,.mx-lg-n4 {margin-right: -1.5rem !important;}.mb-lg-n4,.my-lg-n4 {margin-bottom: -1.5rem !important;}.ml-lg-n4,.mx-lg-n4 {margin-left: -1.5rem !important;}.m-lg-n5 {margin: -3rem !important;}.mt-lg-n5,.my-lg-n5 {margin-top: -3rem !important;}.mr-lg-n5,.mx-lg-n5 {margin-right: -3rem !important;}.mb-lg-n5,.my-lg-n5 {margin-bottom: -3rem !important;}.ml-lg-n5,.mx-lg-n5 {margin-left: -3rem !important;}.m-lg-auto {margin: auto !important;}.mt-lg-auto,.my-lg-auto {margin-top: auto !important;}.mr-lg-auto,.mx-lg-auto {margin-right: auto !important;}.mb-lg-auto,.my-lg-auto {margin-bottom: auto !important;}.ml-lg-auto,.mx-lg-auto {margin-left: auto !important;}}@media (min-width: 1200px) {.m-xl-0 {margin: 0 !important;}.mt-xl-0,.my-xl-0 {margin-top: 0 !important;}.mr-xl-0,.mx-xl-0 {margin-right: 0 !important;}.mb-xl-0,.my-xl-0 {margin-bottom: 0 !important;}.ml-xl-0,.mx-xl-0 {margin-left: 0 !important;}.m-xl-1 {margin: 0.25rem !important;}.mt-xl-1,.my-xl-1 {margin-top: 0.25rem !important;}.mr-xl-1,.mx-xl-1 {margin-right: 0.25rem !important;}.mb-xl-1,.my-xl-1 {margin-bottom: 0.25rem !important;}.ml-xl-1,.mx-xl-1 {margin-left: 0.25rem !important;}.m-xl-2 {margin: 0.5rem !important;}.mt-xl-2,.my-xl-2 {margin-top: 0.5rem !important;}.mr-xl-2,.mx-xl-2 {margin-right: 0.5rem !important;}.mb-xl-2,.my-xl-2 {margin-bottom: 0.5rem !important;}.ml-xl-2,.mx-xl-2 {margin-left: 0.5rem !important;}.m-xl-3 {margin: 1rem !important;}.mt-xl-3,.my-xl-3 {margin-top: 1rem !important;}.mr-xl-3,.mx-xl-3 {margin-right: 1rem !important;}.mb-xl-3,.my-xl-3 {margin-bottom: 1rem !important;}.ml-xl-3,.mx-xl-3 {margin-left: 1rem !important;}.m-xl-4 {margin: 1.5rem !important;}.mt-xl-4,.my-xl-4 {margin-top: 1.5rem !important;}.mr-xl-4,.mx-xl-4 {margin-right: 1.5rem !important;}.mb-xl-4,.my-xl-4 {margin-bottom: 1.5rem !important;}.ml-xl-4,.mx-xl-4 {margin-left: 1.5rem !important;}.m-xl-5 {margin: 3rem !important;}.mt-xl-5,.my-xl-5 {margin-top: 3rem !important;}.mr-xl-5,.mx-xl-5 {margin-right: 3rem !important;}.mb-xl-5,.my-xl-5 {margin-bottom: 3rem !important;}.ml-xl-5,.mx-xl-5 {margin-left: 3rem !important;}.p-xl-0 {padding: 0 !important;}.pt-xl-0,.py-xl-0 {padding-top: 0 !important;}.pr-xl-0,.px-xl-0 {padding-right: 0 !important;}.pb-xl-0,.py-xl-0 {padding-bottom: 0 !important;}.pl-xl-0,.px-xl-0 {padding-left: 0 !important;}.p-xl-1 {padding: 0.25rem !important;}.pt-xl-1,.py-xl-1 {padding-top: 0.25rem !important;}.pr-xl-1,.px-xl-1 {padding-right: 0.25rem !important;}.pb-xl-1,.py-xl-1 {padding-bottom: 0.25rem !important;}.pl-xl-1,.px-xl-1 {padding-left: 0.25rem !important;}.p-xl-2 {padding: 0.5rem !important;}.pt-xl-2,.py-xl-2 {padding-top: 0.5rem !important;}.pr-xl-2,.px-xl-2 {padding-right: 0.5rem !important;}.pb-xl-2,.py-xl-2 {padding-bottom: 0.5rem !important;}.pl-xl-2,.px-xl-2 {padding-left: 0.5rem !important;}.p-xl-3 {padding: 1rem !important;}.pt-xl-3,.py-xl-3 {padding-top: 1rem !important;}.pr-xl-3,.px-xl-3 {padding-right: 1rem !important;}.pb-xl-3,.py-xl-3 {padding-bottom: 1rem !important;}.pl-xl-3,.px-xl-3 {padding-left: 1rem !important;}.p-xl-4 {padding: 1.5rem !important;}.pt-xl-4,.py-xl-4 {padding-top: 1.5rem !important;}.pr-xl-4,.px-xl-4 {padding-right: 1.5rem !important;}.pb-xl-4,.py-xl-4 {padding-bottom: 1.5rem !important;}.pl-xl-4,.px-xl-4 {padding-left: 1.5rem !important;}.p-xl-5 {padding: 3rem !important;}.pt-xl-5,.py-xl-5 {padding-top: 3rem !important;}.pr-xl-5,.px-xl-5 {padding-right: 3rem !important;}.pb-xl-5,.py-xl-5 {padding-bottom: 3rem !important;}.pl-xl-5,.px-xl-5 {padding-left: 3rem !important;}.m-xl-n1 {margin: -0.25rem !important;}.mt-xl-n1,.my-xl-n1 {margin-top: -0.25rem !important;}.mr-xl-n1,.mx-xl-n1 {margin-right: -0.25rem !important;}.mb-xl-n1,.my-xl-n1 {margin-bottom: -0.25rem !important;}.ml-xl-n1,.mx-xl-n1 {margin-left: -0.25rem !important;}.m-xl-n2 {margin: -0.5rem !important;}.mt-xl-n2,.my-xl-n2 {margin-top: -0.5rem !important;}.mr-xl-n2,.mx-xl-n2 {margin-right: -0.5rem !important;}.mb-xl-n2,.my-xl-n2 {margin-bottom: -0.5rem !important;}.ml-xl-n2,.mx-xl-n2 {margin-left: -0.5rem !important;}.m-xl-n3 {margin: -1rem !important;}.mt-xl-n3,.my-xl-n3 {margin-top: -1rem !important;}.mr-xl-n3,.mx-xl-n3 {margin-right: -1rem !important;}.mb-xl-n3,.my-xl-n3 {margin-bottom: -1rem !important;}.ml-xl-n3,.mx-xl-n3 {margin-left: -1rem !important;}.m-xl-n4 {margin: -1.5rem !important;}.mt-xl-n4,.my-xl-n4 {margin-top: -1.5rem !important;}.mr-xl-n4,.mx-xl-n4 {margin-right: -1.5rem !important;}.mb-xl-n4,.my-xl-n4 {margin-bottom: -1.5rem !important;}.ml-xl-n4,.mx-xl-n4 {margin-left: -1.5rem !important;}.m-xl-n5 {margin: -3rem !important;}.mt-xl-n5,.my-xl-n5 {margin-top: -3rem !important;}.mr-xl-n5,.mx-xl-n5 {margin-right: -3rem !important;}.mb-xl-n5,.my-xl-n5 {margin-bottom: -3rem !important;}.ml-xl-n5,.mx-xl-n5 {margin-left: -3rem !important;}.m-xl-auto {margin: auto !important;}.mt-xl-auto,.my-xl-auto {margin-top: auto !important;}.mr-xl-auto,.mx-xl-auto {margin-right: auto !important;}.mb-xl-auto,.my-xl-auto {margin-bottom: auto !important;}.ml-xl-auto,.mx-xl-auto {margin-left: auto !important;}}

/*팝업*/

.popup-modal {position: fixed;z-index: 9998;top: 0;left: 0;bottom: 0;right: 0;padding: 0 1.875rem;overflow: auto;background: rgba(0, 0, 0, 0.8);opacity: 0;visibility: hidden;transition: visibility 0.35s ease, opacity 0.35s ease;text-align:center;}.popup-modal:after{display:inline-block;content:'';vertical-align:middle;width:0;height:100%;}	 /*인크리스추가*/
.popup-modal .container {margin: 0 auto;max-width: 960px;background: #fff;position:relative;display:inline-block;min-height:150px;vertical-align: middle;padding:0;}
.popup-modal .container>.header {position: relative;padding: 1.25rem 70px 1.25rem 10px;background: #2062b6}
.popup-modal .container>.header .title {font-size: 1.8rem;text-align: left;color: #fff}
.popup-modal .container>.header .close {position: absolute;top: 50%;right: 1.25rem;margin-top: -22px;width: 44px;height: 44px;color:#fff;text-shadow:none;opacity:1;}
.popup-modal .container>.content {padding: 1.875rem 1.25rem;text-align:left;}
.popup-modal.active {visibility: visible;opacity: 1}

@media ( max-width : 1200px) {
	.popup-modal {	padding: 56px 1.875rem}
	.popup-modal .container>.header .close {	margin-top: -18px;	width: 36px;	height: 36px;	background-size: 240px;	background-position: -200px 0}
}

@media ( max-width : 980px) {
	.popup-modal {padding: 56px 1rem}
	.popup-modal .container {width:100%;}/*인크리스추가*/.popup-modal .container>.header {padding: 1rem 50px}
	.popup-modal .container>.header .title {font-size: 1.25rem}
	.popup-modal .container>.header .close {right: 1rem;margin-top: -15px;width: 30px;height: 30px;background-size: 180px;background-position: -90px -30px}
	.popup-modal .container>.content {padding: 1.5rem 1rem}
}

.popup-modal .board-view .subject {font-size: 1.125rem}
.popup-modal .board-view .content {padding: 1rem 0.625rem}
.popup-modal {z-index: -1}
.popup-modal.active {z-index: 10000}

@media ( max-width : 1200px) {
	.popup-modal {padding-top: 56px}
}
@media ( max-width : 980px) {
	.popup-modal {padding-top: 17%}
}

/*문자*/
.sms-box{width:400px;margin:0 auto;border:1px solid #ddd;padding:15px;}
.sms-box .byte{margin-bottom:5px;}
.sms-box textarea{width:100%;}
.sms-box .sand-people{margin-top:5px;}
.sms-box .receive-people{}
.sms-box .receive-people h4{font-size:1.5rem;}
.sms-box .receive-people select{}
.sms-box .text-center{margin-top:20px;}


/*게시판 글쓰기*/
table.board_form {width:100%;border-top: 2px solid #575757;border-bottom: 1px solid #444;background-color:#fff;}
table.board_form tbody th {border-bottom:1px solid #ddd;text-align:left;font-weight:500;font-size:13px;padding-left:10px;background-color:  #fff;}
table.board_form tbody td {border-bottom:1px solid #ddd;padding:8px 15px;text-align:left;height:18px;}
table.board_form tbody td label,table.board_form tbody td .item{display:inline-block;}

/*오늘예약고객*/
.customer-table	  {min-height:250px;width:100%;}
.customer-table thead tr th{border-bottom:1px solid #d5d5d5;border-top:1px solid #d5d5d5;padding: 5px;font-weight:bold;background:#efefef;color:#222;font-size:12px;}
.customer-table tbody tr td{border-bottom:1px solid #d5d5d5;padding: 2px ;text-align:center;font-size:12px;text-align:left}
.customer-table tbody tr td span.title{display:block;overflow:hidden;text-overflow: ellipsis; width:130px;white-space:nowrap;}
.customer-h2	  {background-color: #506d8c;color: #fff;text-align: center;font-weight: 400;font-size:15px;padding:5px;margin-top:0;}


/*안내문*/
.f_red{color:#dd4b39 !important;}
.f_blue{color:#0073b7 !important;}
.f_black{color:#000 !important;}

/*팝업해드*/
.popupBody{padding:0 20px 20px;}
.popup-head{position:relative;}
.popup-head h1{font-size:2.5rem;}
.popup-head .button-group{position:absolute;top:0px;right:0}

/*---------------------
admin LTE, 부트스트랩 스타일수정
----------------------*/
.chart-legend {height: 200px;overflow-y: auto;}

.box-header .box-title {font-weight:600;font-size:20px;}
.content-header > h1.mainTop_title{font-size: 26px; font-weight: 600; margin: 15px 0;}
.nav-tabs>li>a { font-size: 17px;	 }

.callout.callout-info {border-left-color: #117a8b;background-color:#fff !important;color:#000 !important;}
.callout {border-radius: 0.25rem;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);background-color: #fff;border-left: 5pxsolid #e9ecef;margin-bottom: 1rem;padding: 1rem;}