/* @import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css'); */
/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff')
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff');
 }

body{padding:0; margin:0; border:0; text-align:center;}
html, body, div {
 margin: 0;
 padding: 0;
 border: 0;
 font-family: 'Noto Sans KR', sans-serif, 'Malgun Gothic';
 vertical-align: baseline;
 font-size: 1em;
}
 span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}
ol, ul, li{
 list-style: none; padding: 0; margin: 0;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse :collapse;
 border-spacing: 0;
}

li {list-style: none outside none; }
button{cursor: pointer; font-weight: 200; transition:all 0.5s ease;}
input{transition:all 0.5s ease; background-color : 0.5s ease;}
.textarea{border: 1px solid #e6e6e6; height: 100px; font-size: 1em; width: 90%; padding: 4px;}
.input:hover, .textarea:hover, .input:focus, .textarea:focus{transition:all 0.5s ease; box-shadow: 0 0 3px #0e66a1;}

a { text-decoration:none; color: #828282; transition:all 0.5s ease;}
a:hover { text-decoration:none; color:#0e66a1;}

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUp, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-02s { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
.delay-04s { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.delay-06s { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.delay-08s { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
.delay-12s { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
.delay-16s { animation-delay: 1.4s; -webkit-animation-delay: 1.6s; }


select {
	padding: 4px 8px 4px 10px; /* 여백으로 높이 설정 */
  	font-family: inherit;  /* 폰트 상속 */
  	background: url(/online_exhi/vnv/images/selectbox_arrow.png) no-repeat 100% 50% #fff; /* 네이티브 화살표 대체 */
  	-webkit-appearance: none; /* 네이티브 외형 감추기 */
  	appearance: none;
  	border: 1px solid #e6e6e6;
  	min-width:85px;
}

select::-ms-expand {

  display: none;  /* IE 10, 11의 네이티브 화살표 숨기기 */

}