@charset "utf-8";
@font-face {
  font-family: 'ng';
  font-style: normal;
  font-weight: 400;
  src: url(../font_hi/NanumGothic-Regular.eot);
  src: local(※),
	   url(../font_hi/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font_hi/NanumGothic-Regular.woff2) format('woff2'),
       url(../font_hi/NanumGothic-Regular.woff) format('woff'),
       url(../font_hi/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'ng';
  font-style: normal;
  font-weight: 600;
  src: url(../font_hi/NanumGothic-Bold.eot);
  src: local(※),
	   url(../font_hi/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font_hi/NanumGothic-Bold.woff2) format('woff2'),
       url(../font_hi/NanumGothic-Bold.woff) format('woff'),
       url(../font_hi/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'ng';
  font-style: normal;
  font-weight: 800;
  src: url(../font_hi/NanumGothic-ExtraBold.eot);
  src: local(※),
	   url(../font_hi/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font_hi/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../font_hi/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font_hi/NanumGothic-ExtraBold.ttf) format('truetype');
}
@font-face {
  font-family: 'ns';
  font-style: normal;
  font-weight: 400;
  src: url(../font_hi/NanumSquareR.eot);
  src: local(※),
       url(../font_hi/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(../font_hi/NanumSquareR.woff2) format('woff2'),
       url(../font_hi/NanumSquareR.woff) format('woff'),
       url(../font_hi/NanumSquareR.ttf) format('truetype');
}

@font-face {
  font-family: 'ns';
  font-style: bold;
  font-weight: 600;
  src: url(../font_hi/NanumSquareB.eot);
  src: local(※),
       url(../font_hi/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(../font_hi/NanumSquareB.woff2) format('woff2'),
       url(../font_hi/NanumSquareB.woff) format('woff'),
       url(../font_hi/NanumSquareB.ttf) format('truetype');
}

/*기본 버튼 시작*/
@-webkit-keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.pulse-shrink {
	display: inline-block;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	
	background-color:#f9f9f9;
	margin: 0.2em;
	padding: 0.2em 1em 0.2em 1em;
	cursor: pointer;
	
	border:1px solid #dcdcdc;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	
	color:#23549b;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}

.pulse-shrink:hover {
	-webkit-animation-name: pulse-shrink;
	animation-name: pulse-shrink;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}
/*기본 버튼 끝*/

/* CSS reset Start*/
BODY {
	font-size:13px;
	color:#666666;
	font-family:"ng", "나눔고딕", "Nanum Gothic",'ns', Dotum, "돋움", Verdana, Arial, sans-serif, 'Nanum Myeongjo', serif;
}
header,nav,article,section,aside,footer,hgroup {
	display:block;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html {
	margin:0;
	padding:0;
	overflow-y: scroll; 	
	width:100%;
	height:100%;
}
body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	margin:0;
	width:100%;
}
table caption {
	visibility:hidden; 
	overflow:hidden; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	font:0/0 Arial;
}
caption{
	text-align:left;
}
fieldset,img { 
	border:0;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul{
	list-style:none;
	*zoom:1;
}
ol,ul:after{
	content:" ";
	display:block;
	clear:both;
}
a {
color:#444444
text-decoration:none;
}
a:link {
	color:#444444;
	text-decoration:none;
}
a:visited {
	color:#444444;
	text-decoration:none;
}
a:active {
	color:#444444;
	text-decoration:none;
}
a:hover {
	color:#444444;
	text-decoration:none;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
/* CSS reset End*/

.skipToContent {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	display:block;
	width:0px;
	height:0px;
	text-indent:-9999px;
}

/* GALLERY_2 */
.pic{
	float:left;
	margin:0 0 20px 30px;
	border:1px solid #ccc;
	width:190px;
	height:120px;
}
.pic > img {
	float:right;
	margin:4px;
	cursor:pointer;
}

.pic a{
	width:200px;
	height:130px;
	text-indent:-99999px;
	display:block;
}

.pic:hover dd p {color:#fb9c25;}

.pic dd {position:relative; width:236px; margin:15px 0 0 0; height:55px; line-height:35px; background:#fff; padding:0 12px; font-size:15px; font-weight:600;}
.pic dd p {display:block; width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
}
.pic dd span {position:absolute; top:0; right:10px; color:#898989; font-size:14px; font-weight:400;}


/* content 수정버튼 */ 
input.backList{background-color:#00719d; color:#fff; border-radius:5px;  padding:8px 30px; border:none;cursor:pointer;}
input.backList:hover, input.backList:focus { background-color:#f1f1f1; color:#354053;}

/*LOW VER. IE SUPPORT HTML5*/
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display:block;}