@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*=================================================================================
 * Style Import
 =================================================================================*/

@import url("/css/common.css");
@import url("/css/header.css");
@import url("/css/footer.css");
@import url("/css/contents.css");

@import url("/css/board.css");

@import url("/css/admin_common.css");


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

<link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap" rel="stylesheet">

*{
	margin:0;
	padding:0;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
/*   font-family: "Nanum Barun Gothic", sans-serif;  */
   font-family: "Noto Sans KR"; 
  font-size:13px;
  max-height:1000000px;
}

html, body {margin:0; padding:0; height:100%; }

body {height:100%;background:#fff; font-size:12px; color:#333; line-height:1.5em; font-family: "Noto Sans KR"; }
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:13px; font-family: "Noto Sans KR"; }
ol, ul, li {list-style: none; font-family: "Noto Sans KR"; }
fieldset {border:none;}
legend {display:none;}

ul, li { list-style: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:13px; font-family: "Noto Sans KR"; }

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;}
div, a, button {font-size:13px; font-family: "Noto Sans KR";}


/* 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; }