body{ 
    background-color: #fff; 
    padding: 0; 
    margin: 0; 
    font-size: 13px; 
    font-family:'Noto Sans KR'; 
} 

div::-webkit-scrollbar {
    width: 12px;  /* �뒪�겕濡ㅻ컮�쓽 �꼫鍮� */
}

div::-webkit-scrollbar-thumb {
    height: 30%; /* �뒪�겕濡ㅻ컮�쓽 湲몄씠 */
    background: rgb(223, 223, 223); /* �뒪�겕濡ㅻ컮�쓽 �깋�긽 */
    border-radius: 10px;
}

div::-webkit-scrollbar-track {
    background: #f0f0f0c7;  /*�뒪�겕濡ㅻ컮 �뮮 諛곌꼍 �깋�긽*/
}

div{
    box-sizing: border-box;
}

button{
    outline: none;
    border: none;
  }


button:hover{
    cursor: pointer;
  }

textarea{ 
    resize: none; 
} 
  
textarea:focus{ 
    outline: none; 
} 
  
textarea::placeholder { 
    color: #DBDBDB; 
  } 
  
img:hover{ 
    cursor: pointer; 
  } 
  
#mdlLayoutBodyContainer .mdl-layout__header.is-casting-shadow .material-icons {
	margin-top: 14px;
}  
  
#f_view_contents {
    width: 100%;
    /* height: calc((100vh - 60px) * 0.75) !important; */	
    overflow: auto;
} 
  
.contents{ 
    /*width: 100%; */
    /* height: 100%; */
	/* height: calc(100% - 60px); */
    background-color: #fff; 
    /* margin: 30px;  */
    padding: 0px 20px 0px 20px;
} 

 #mainSticky{
    position: sticky;
    top: 0;
    background-color: #fff;
} 

.headContent{ 
    width: 1320px;
    margin: auto; 
} 

.main_top{ 
    width: 100%; 
    height: 60px; 
    box-sizing: border-box; 
} 
  
.menu_area{ 
    width: 40px; 
    height: 40px; 
    float: right; 
    text-align: center; 
    line-height: 35px; 
    margin-left: 5px;
    margin-right: 25px; 
} 
  
.menu_area > img{ 
    vertical-align: middle; 
} 
  
.main_user{ 
/*     width: 150px;  */
    height: 40px; 
    float: right; 
/*     margin-right: 40px;  */
/*     line-height: 40px;  */
    word-break: break-all; 
    vertical-align: middle;
    display: inline-flex;
    margin-top: 10px;
    align-items:center;
} 

.username{ 
/*     width: calc(100% - 46px);  */
    float: right; 
    font-size: 14px; 
    padding-left: 5px;
    color: black; 
    margin-right: 15px;
    margin-left: 5px;
    margin-top: 9px;
    width: 200px;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
} 

.main_user .username span {
	cursor: pointer;
}
  
.search_area{ 
    width: calc(100% - 370px);
    height: 60px;
    /* height: calc((100vh - 60px) * 0.2); */	/**60px�� 理쒖긽�떒 �뿤�뜑�쁺�뿭 怨좎젙�넂�씠 **/
    line-height: 110px; 
    /* padding: 0px 168px;  */
    box-sizing: border-box; 
    /* display: inline-grid;  */ 
    justify-content: center; 
    overflow: auto; 
    float: left;
} 
  
.search_box{ 
    width: 600px; 
    /* height: 45px;  */
    height: -webkit-fill-available;
    line-height: 35px;
    border:1px solid #ccc; 
    margin: 10px 10px;
    /* border-radius: 50px;  */
    float: left; 
   /*  margin: 20px 15px;*/ 
    background-color: white;
    display: -webkit-inline-box;
    border-radius: 50px;
} 
  
.search{ 
    width: calc(100% - 52px); 
    /* height: 53px; */ 
    line-height: 49px; 
    border: none; 
    border-radius: 50px; 
    float: left; 
    font-family: 'Nanum-gothic'; 
    font-size: 15px; 
    color: black; 
    margin-left: 10px; 
    outline: none;
} 

 
.search_area_main{ 
    width: 100%; 
    height: 211px;
    line-height: 110px; 
    padding: 0px 168px; 
    margin-top: 95px;
    box-sizing: border-box; 
    display: inline-grid; 
    justify-content: center; 
    overflow: auto;
} 
  
.search_box_main{ 
    width: 600px; 
    height: 55px; 
    line-height: 49px; 
    border:1px solid #ccc; 
    margin: auto 0px auto 0px; 
    border-radius: 50px; 
    float: left; 
    margin: 20px 15px; 
    display: -webkit-inline-box;
} 
  
.search_main{ 
    width: calc(100% - 52px); 
    height: 53px; 
    line-height: 49px; 
    border: none; 
    border-radius: 50px; 
    float: left; 
    font-family: 'Nanum-gothic'; 
    font-size: 15px; 
    color: black; 
    margin-left: 10px; 
    outline: none;
} 
.search_box >img{ 
    vertical-align: middle; 
} 
  
.voice{ 
    width: 19px; 
    height: 30px; 
    margin: auto 0px auto 25px; 
} 

.pairingLogo{
    width: 325px;
    margin: auto auto;
    float: left;
    height: -webkit-fill-available;

}
  
.pairingLogo_main{
    width: 325px;
    margin: 0 auto;

}  

/* �뿬湲곗꽌遺��꽣 �궗�슜�옄�젙蹂� �뒪���씪 */
.boardTab{
    width: 100%;
    height: 30px;
    display: inline-block;
}

.tabnav{
    font-size: 13px;
    display: inline-block;
    list-style: none;
    margin: 10px 0 10px;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    bottom: 1px;
}

.tabnav li{
    display: inline-block;
    text-align: center;
    width: 97px;
    height: 28px;
    border-radius: 6px 6px 0 0; 
    bottom: 1px;
    margin-right : 3px;
}

.tabnav li a{
    position: relative; 
    display: block; 
    background: #f8f8f8; 
    color: #999; 
    line-height: 28px; 
    text-decoration: none; 
    border-radius: 6px 6px 0 0;
    border: 1px solid #ccc;
    bottom: 1px;
}

.tabnav li a:hover{
    position: relative; 
    display: block; 
    background: #fff; 
    color: #000; 
    line-height: 28px; 
    text-decoration: none; 
    border-radius: 6px 6px 0 0;
    border: 1px solid #ccc;
    bottom: 1px;
}

.tabnav > div.tab1st a{
    background-color: white;
    color: black;
    border-bottom: 1px solid white;
}

.boardContents{
    padding: 10px 20px;
    font-size: 13px;
    color: #777;
}

.btn{
    color: #2256CD;
    border: 1px solid #2256CD;
    background-color: white;
    padding: 5px 7px;
    vertical-align: middle;
    line-height: 13px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 4px;
 }

 .btn:hover{
    color: white;
    background-color: #2256CD;
}

.btn_area{
	width: 100%;
    float: left;
    margin: 5px 0 7px 0;
}

.titleTxt{
    float: left;
    display: inline;
}

.editBtn{
    float: right;
    width: 20px;
    height: 20px;
    display: inline;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 0px 5px;
}

#myinfoInputArea{
	margin-left: 20px;
}

#user_nickname{
	border-radius: 4px;
	height: 34px;
	font-size: 14px;
}

/*留덉씠�겕 */
#searchMicrophone {
	filter: grayscale(100%);
	opacity: 0.6;
}

#searchMicrophone.active {
	filter: none;
	opacity: 1;
}

/*���씠癒� */
#layout_obfuscator {
	opacity: 0;
    background-color: inherit;
    visibility: hidden;
    pointer-events: auto;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition-property: background-color;
    transition-duration: 0.2s;
    font-family: "NanumGothic", "Helvetica", "Arial", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #333;
    z-index: 0;	
}

#layout_obfuscator.active {
	opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition-property: background-color;
    transition-duration: 0.2s;
    font-family: "NanumGothic", "Helvetica", "Arial", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #333;
    z-index: 4;	
}

/* 硫붾돱 */
/** side menu**/
#sideMenu {	
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

#sideMenu td {
	padding: 10px;
	width: calc(25% - 20px);
	white-space: pre;
}

#sideMenu td:hover {
	background-color: #edf2fd;
}

#sideMenu td:select {
	text-decoration: underline;
}

/** �넻�빀 寃��깋 **/
#searchViewContainer,
#todaybrief_master {
	width: 100%; 
	text-align:left;
}

#todaybrief_master::-webkit-scrollbar {
    width: 12px;
}
#todaybrief_master::-webkit-scrollbar-thumb {
    height: 30%;
    background: rgb(223, 223, 223);
    border-radius: 10px;
}
#todaybrief_master::-webkit-scrollbar-track {
    background: #f0f0f0c7;
}

#searchViewContainer .searchArea .search_item_header .btn,
#todaybrief_master .searchArea .search_item_header .btn{
	display: inline-block; 
	float: right;
}

#searchViewContainer .searchArea .search_item_header .search_item_big_menu,
#todaybrief_master .searchArea .search_item_header .search_item_big_menu {
	vertical-align: middle;
}

#searchViewContainer .searchArea .search_item .search_item_title,
#todaybrief_master .searchArea .search_item .search_item_title {
	font-size: 15px;
    font-weight: bold;	
}

#searchViewContainer .searchArea .search_item span,
#todaybrief_master .searchArea .search_item span {
	cursor : pointer;
}

/** main menu **/
#mainMenuContainer {
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 1423px;
}
#mainMenu {
/* 	width: 90%;  */
	text-align:left;
	border-spacing: 0px;
    margin-top: -248px;
}
#mainMenu td {
    font-size: 14px;
	padding: 5px;
	cursor: pointer;
	padding-right: 40px;
}
#mainMenu tr:first-child td {
	color: #2256CD;
	font-weight: bold;	
	font-size: 17px;
}
#mainMenu tr:not(:first-child) td {
	border-left: 1px solid #9bb3e9;
}


/* �삤�뒛�쓽 釉뚮━�븨*/
#todaybrief_container{
	width: 100%; 
	height: 100%; 
	position: relative;
}

#todaybrief_container .todaybrief_area_body {
	position: relative;
	width: 100%; 
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}	

#todaybrief_welcome_area{
	height: 30%;
	width: 100%;
	overflow: auto;
}

#todaybrief_welcome_character_item{
	margin-right: 15px;
	position: relative;
	left: 0px;
	display: inline-block;
	height: 85%;
}

#todaybrief_welcome_comment_item{
	text-align: left;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	max-width: calc(100% - 270px);		
}

#todaybrief_user_nickname{
	background-color: transparent;
	font-size: 18px;
	border: none;
	vertical-align: middle;
	position: relative;top: 15%;
	left: 0;
	overflow: auto;
	width: 100%;
}

#todaybrief_welcome_comment{
	display: inline-block;
	background-color: transparent;
	font-size: 25px;
	border: none;
	vertical-align: middle;
	position: relative;
	top: 11%;
	left: 0;
	overflow: auto;
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Noto Sans KR';
}

#todaybrief_banner_area{
	width: 100%; 
	height: 65%; 
	overflow: auto;
}	

#todaybrief_banner_area .todaybrief_banner_item {
	height: 95%; 
	width: 32%; 
	overflow: auto; 
	margin: 10px; 
	position: relative;
	border-radius: 6px;
}

#todaybrief_container .todaybrief_banner_item .todaybrief_banner_item_header {
    border-bottom: 1px solid #3456CD;
    border-top: 1px solid #3456CD;
	height: 12%;
	position: relative;
	top: 0px;
	display: flex;
	align-items: center;
	padding: 5px;
	overflow: hidden;
	font-weight: bold;
	color: #3456CD;
	font-size: 15px;
}

#todaybrief_container .todaybrief_banner_item .todaybrief_banner_item_body {
	height: 85%;
	position: relative;
	top: 0px;
	padding: 10px;
	overflow: auto;
	cursor: pointer;
}	

#todaybrief_container .todaybrief_banner_item .todaybrief_banner_item_body p{
	cursor: pointer;
}

#todaybrief_container .todaybrief_banner_item .todaybrief_banner_item_body .todaybrief_banner_contents {
    position: relative;
    height: 100%;	
    border:none;
    overflow:hidden;
}

#todaybrief_container .todaybrief_banner_item .todaybrief_banner_item_body .todaybrief_text_div {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 13;	
}

#today_noshow {
	text-align: right;
    position: sticky;
    bottom: 0;
    background: white;
    border-bottom: 10px solid white;
    padding-top: 10px;
    border-top: 1px solid #2256CD;
}

#todaybrief_master .searchArea .search_item_header .search_item_big_menu.menu_type_one {
	background-color : white;
	border-radius : 9999px;
	color : #2256CD;
	text-align : left;
	vertical-align : baseline;
	border : 2px solid #B4C9F9;
	font-size : 17px;
}

#todaybrief_master .searchArea .search_item_container {
	padding-left: 5px;
	padding-right: 5px;
}
#todaybrief_master .searchArea .search_item_container .search_item_thumnail {
    display: inline-block;
    height: 19%;
    min-height: 100px;
    width: 16%;
    /* border: 1px solid #ccc; */
    margin-top: 10px;
    margin-bottom: 10px;	
}
#todaybrief_master .searchArea .search_item_container .search_item_text_with_thumnail {
    float: right;
    width: 82%;	
    height: 19%;
    min-height: 100px;    
	overflow-y: auto;
    margin-top: 10px;
    margin-bottom: 10px;    
}

#todaybrief_master .searchArea .search_item_container .search_item_text_with_thumnail .search_item {
	padding:0px;
}

#todaybrief_master .searchArea .search_item_container .search_item_thumnail .search_item_thumnail_sub {
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;	
}

#todaybrief_master .searchArea .search_item_container .search_item_thumnail img.dx_td_img_grid {
	max-width: 100%;
    max-height: 100%;
	border-style: hidden !important;
    border: hidden !important;
    border-block: none;    
}


#sessionClockArea .pairing_session_clock_timer {
	margin-right: 10px;
}

/** �떎�슫濡쒕뱶 蹂몄씤�솗�씤 李�**/
#globalDownloadConfirmPwValue {
	max-height: 30px;
    max-width: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
    left: calc(50% - 125px);
    position: relative;	
}

#menu_div{
	background-color: #fff;
}

#menu_div #pairing_menu_10000{
	color: #2256CD;
	font-size: 16px;
}

#menu_div #pairing_menu_11000{
	color: #2256CD;
	font-size: 16px;
}

#menu_div #pairing_menu_12000{
	color: #2256CD;
	font-size: 16px;
}

#menu_div #pairing_menu_13000{
	color: #2256CD;
	font-size: 16px;
}

#menu_div #pairing_menu_14000{
	color: #2256CD;
	font-size: 16px;
}

#menu_div #pairing_menu_15000{
	color: #2256CD;
	font-size: 16px;
}

#menu_div #pairing_menu_16000{
	color: #2256CD;
	font-size: 16px;
}

#menu_div #pairing_menu_17000{
	color: #2256CD;
	font-size: 16px;
}

#menu_div #pairing_menu_18000{
	color: #2256CD;
	font-size: 16px;
}

#menu_div #pairing_menu_19000{
	color: #2256CD;
	font-size: 16px;
}

#menuBody{
	padding: 0px 10px;
}

.modal-body{
	padding: 10px !important;
}

.modal-footer{
	padding: 0 0 20px !important;
	border-top: none !important;
	text-align: center !important;
}

pre{
	font-family: 'Noto Sans KR';
}

/* �뙎湲� CSS  pairing_style.css濡� 媛��빞�븷 寃�!*/

.reply_header{
	height: 30px;
	margin: 25px 10px 0 0;
	font-size: 15px;
}

.reply_content_area{
	border: 1px;
    /* padding: 11px; */
}

.new_reply_area{
	width : calc(100% - 80px);
    float: left;
    height: 70px;
    border: 1px solid #ccc;
    vertical-align: middle;
    line-height: 70px;
    text-indent: 7px;
}

.save_reply_btn{
	width: 80px;
    height: 70px;
    background-color: #2256CD;
    float: left;
    color: white;
    line-height: 70px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.exist_reply_area{
	float: left;
    width: 100%;
    padding: 30px 10px;
}
.exist_reply{
	width: 100%;
    height: 85px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.character_img{
	width : 30px;
	height: 30px;
    float: left;
    margin-right: 7px;
}
.reply_nick_name{
    width: 400px;
    padding: 6px;
}
.reply_content{
	float: left;
    width: 95%;
    text-indent: 5px;
}

.reply_register_date{
	color: #d7d7d7;
}

#todatbrief_msg_input{
	border-radius: 4px;
	width: 400px;
	margin: 10px 0;
}

.infoWidth{
	width: 15%;
}

#user_nickname{
	border-radius: 4px;
}

.tdFlex{
/* 	margin-bottom: 15px; */
	line-height: 55px;
}

.tdtitle{
	width: 100px;
	text-align: right;
	padding-right: 20px;
	font-weight: bold;
}

.userID{
	border-radius: 100px !important;
	height: 45px !important;
}

.search_item_big_menu{
	border-bottom: 1px solid #2256CD;
	height: 30px;
    margin: 10px 10px 10px 0;
    font-size: 17px;
    color: #2256CD;
    width: 100%;
}

.search_item{
	padding: 10px 10px 10px 0;
}

.search_item:last-child{
	padding-bottom: 25px;
}

#todaybrief_master .search_item:last-child {
	padding-bottom: 10px;
}

.leftLabel{
	float: left;
	margin-top: 30px;
	font-size: 14px;
	display: contents;
}

/** 湲곕뒫�꽕紐낆꽌 紐⑤떖李� **/
#manual_detail_container {
	display: none;
	width: 100%;
	height: 100%;
	/* display: flex; */
	flex-direction: row;
}
.manual_detail_contents {
	position: absolute;
	width: 100%;
	height: calc(100% - 49px);
	border: 1px solid black;
	z-index: 1;
}

#manual_prevent_download {
	display: none;
	position: absolute;
	width: 200px;
	height: 55px;
	right: 20px; 
	top: 53px; 
	background-color: #323639;
	z-index: 2;
}

/*PDF 우클릭 막기 위한 커버 */
#pdf_cover {
	z-index: 9999;
	position: absolute;
    background-color: transparent;
    width: 1600px;
    height: 850px;
    top: 110px;
    left: 303px;
    display: none;
}

/** 洹몃━�뱶 css **/
.dx-overlay-wrapper.dx-header-filter-menu .dx-popup-normal .dx-toolbar-after {
	right: 25%;
}

.dx-overlay-modal.dx-popup-wrapper .dx-popup-normal .dx-popup-content .dx-scrollable.dx-visibility-change-handler .dx-scrollable-container .dx-scrollview-content {
 	line-height: 400%;   
}

.DBgridcss{
	margin-bottom: 25px;
}

#searchWordPanel{
	font-size: 14px;
}

.regiCol{
 width:12%;
 text-align:center;
 background-color: #f7f7f7;
}

.appCol{
 width: 12%;
 text-align: right;
}

#f_hospital_name{
	font-size: 17px;
}

.noResultTag{
    color: #777;
    text-align: center;
    font-size: 14px; 
    padding-top: 50px;
}

td[role=columnheader] {  
    text-align: center!important;  
}

.dx-toolbar-center .dx-button.dx-state-focused {
    background-color: #2256CD;
    color: #fff;	
}

.dx-fileuploader-input-wrapper {
	display: none;
}

/* as게시판용 toggleBtn style */
.toggleBtn {
	display: inline-block;
    border: 1px solid;
    cursor: pointer;	
    padding: 5px;				
    margin: 5px;
}	
.toggleBtn.toggleActive {
	background: bisque;
}	

.toggleBtn.toggleReadonly {
	cursor: auto;
}