@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
/*=================================================================================
 * Style Import
 =================================================================================*/
@import url("/user/css/layout.css");
@import url("/user/css/board.css");
@import url("/user/css/content.css");
@import url("/user/css/common.css");
@import url("/user/css/main.css");
/*@import url("http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css");*/
/*@import url("http://fontawesome.io/assets/font-awesome/css/font-awesome.css");*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/fontawesome.min.css");

/*=================================================================================
 * Default Tag Style
 =================================================================================*/

 
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  font-family:"나눔고딕",Nanum,"돋움", Dotum;
  font-size:0.875rem;
  max-height:1000000px;
}

html, body {margin:0; padding:0;}
body {height:100%;background:#fff; font-size:0.875rem; color:#333; line-height:1.5em; font-family:"나눔고딕",Nanum,"돋움", Dotum;}
div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, fieldset, p, a, iframe, span, img, input, table, th, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:0.875rem;}
ol, ul {list-style: none outside none;}
fieldset {border:none;}
legend {display:none;}

img {border:0;vertical-align:middle;}
img { max-width:100%; height:auto; }

/*20170131 추가*/
video{ max-width:100%; height:auto; }
video{ min-width:100%; }

table, th, td {border-collapse:collapse;}

input, select, textarea, input.button, input.check, input.radio {margin:0; padding:0; vertical-align:middle; font-size:0.875rem;font-family:'Nanum',"돋움", Dotum;line-height:1.5em;}
select {-webkit-appearance: none;  /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
		padding: .2em .5em; /* 여백으로 높이 설정 */
		font-family: inherit;  /* 폰트 상속 */
		border: 1px solid #ccc; 
        border-radius: 0px; /* iOS 둥근모서리 제거 */
        background: url(../image/common/selectArrow.png) no-repeat 95% 50%;  /* 화살표 모양의 이미지 */ 
		}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { 
  display: none;
}
input {height:25px; margin-top:-2px;}
input {border:1px solid #ccc; padding-left:10px;}
textarea.text {border:1px solid #ccc; padding:15px;}
input.image {}
input.check {vertical-align:middle; margin-top:-2px;}
input.radio {vertical-align:middle; margin-top:-2px;}
input.file {height:23px;}
input.button {height:23px; padding:0 10px 0 10px; margin-left:2px; cursor:pointer;}
input.btn-normal {cursor:pointer;}
textarea{border:1px solid #ccc; padding-left:10px;}

a{cursor: pointer;}
a:link,  a:visited {color:#333; text-decoration:none;}
a:hover,  a:active {color:#333; text-decoration:none;}

button{border:0;}

/* UI-Dialog 추가 : 20170126 */
/* Dialog----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/* 20190821 CSS 추가 */

.pdt_title{
	font-size: 1.6em !important;
	font-weight: bolder;
	color: #fff;
	background-color: #21409a;
	padding: 2px;
	width: 10em;
	text-align: center;
	margin-bottom: 0.5em;
}

.pdt_text span{
	text-align: center;
}

.pdt_text b{
	font-size: 1.6em !important;
}

.pdt_text .font span{
	font-size: 1.3em !important;
}

.pdt_text{
	font-size: 1.2em !important;
}

.nav-tabs .nav-link .active a{
	font-size: 1.4em !important;
}

.nav-tabs a{
	font-size: 1.4em !important;
}

.seperator, .separator{
	color: #ccc;
	width: 100%;
	margin: 30px auto;
	overflow: hidden;
	text-align: center;
	line-height: 1.2em;
}

hr.space_title{
	border: 0px;
	height: 1px;
}

.space_title{
	width: 100%;
	display: block;
	clear: both;
	postion: relative;
}

hr.space_text{
	border: 0px;
	height: 0px;
}

.space_text{
	width: 100%;
	display: block;
	clear: both;
	postion: relative;
}

hr.space_00{
	border: 0px;
	height: 5px;
}

.space_00{
	width: 100%;
	display: block;
	clear: both;
	postion: relative;
}

hr.space_01{
	border: 0px;
	height: 20px;
}

.space_01{
	width: 100%;
	display: block;
	clear: both;
	postion: relative;
}

hr.space_02{
	border: 0px;
	height: 50px;
}

.space_02{
	width: 100%;
	display: block;
	clear: both;
	postion: relative;
}

hr.{
	border-top: 0px !important;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
}

.table-bordered th{
	text-align: center;
	font-weight: bolder;
	font-size: 1.2em !important;
	width: 3em;
	vertical-align: middle !important;
}


.table-bordered td{
	font-size: 1.2em !important;
	vertical-align: middle !important;
}

.table-bordered img{
	height: 100%;
}

.table_center{
	text-align: center;
}

.table_colspan{
	text-align: center;
}

h7{
	font-weight: bolder;
	font-size: 1.2em !important;
	margin-top: 3px;
}