@charset "utf-8";

@import url('font.css'); /* 폰트 설정 */
@import url('basic.css'); /* 기본설정 */
@import url('bbs.css'); /* 기본설정 */
@import url('layout.css'); /* 사이트 레이아웃설정 (반응형 웹 포함) */ 

html { height: 100%; overflow-y: auto; }
body { margin-top: 0 !important; height: 100%; font: 12px/14px 'Nanum Gothic', 'Dotum', 'applegothic','ＭＳ Ｐゴシック', 'SimHei', sans-serif !important; word-break: break-all; word-wrap: break-word; word-break: keep-all;  }
h1, h2, h3, h4, h5, h6 { font: bold 12px/14px 'Nanum Gothic', 'Dotum', 'applegothic', sans-serif; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button { margin: 0; padding: 0; -webkit-text-size-adjust: none; }
fieldset, img, abbr, acronym { border: 0 none; }
img { vertical-align: top; }
legend { position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
legend.showlegend { position: static; line-height: 14px; font-size: 12px; overflow: visible; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
q:before, q:after { content:''; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
caption { height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px; }
hr { display: none; }
a { text-decoration: none; cursor: pointer; }
a:focus,
a:hover { transition: color 0.3s; -webkit-transition: color 0.3s; }

button { border: 0 none; background: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button, input, select, textarea { font: 12px/14px 'Nanum Gothic', 'Dotum', 'applegothic', sans-serif; vertical-align: middle; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; overflow: visible; -webkit-appearance: button; }
select { min-width: 100px; -webkit-border-radius: 0; }
textarea { overflow: auto; resize: none; }

input[type="checkbox"],
input[type="radio"] { width: 14px; height: 14px; line-height: 14px; box-sizing: border-box; -webkit-border-radius: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } 
input[type="file"] {height:22px; border:1px solid #d4d4d4; font:normal 12px/16px Malgun Gothic,돋움,굴림,Arial; color:#666; background:#fff;}

/* html5 태그
header, footer, article, section, aside, details, figure, figcaption, nav, hgroup { display: block; margin: 0; padding: 0; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }*/

/* 건너뛰기 네비게이션 */
#skip_nav { width: 100%; height: 0; text-align: center; overflow: hidden; }
#skip_nav a { color: #000; font-size: 14px; font-weight: 800; float: left; }
#skip_nav a:focus, 
#skip_nav a:hover, 
#skip_nav a:active { position: absolute; top: 0; left: 0; width: 100%; height: 20px; text-decoration: underline; background-color: #fff; overflow: visible; z-index: 9999; }


/* 메인 서브 공통 */
.al {text-align:left !important}
.ac {text-align:center !important}
.ar {text-align:right !important}
.fl {float:left !important;}
.fr {float:right !important;} 
.span_block {display:block;}  
#accessibility{font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; } 
.h{font-size:0;width:0;height:0;line-height:0;position:absolute;left:-9999px;}
ul li{display:inline;}
ul li a{text-decoration:none;} 

body {font:normal 0.81em "나눔고딕", "Nanum Gothic", Dotum, Arial, Tahoma , Geneva, Verdana; color:#666} 
a:link, a:visited, a:hover, a:active, a:focus {color:inherit;}
.clear {content:"";display:block;clear:both;}

/* 패딩 */
.pd0  {padding:0 !important;}
.pdt0 {padding-top:0 !important;}
.pdr0 {padding-right:0 !important;}
.pdb0 {padding-bottom:0 !important;}
.pdl0 {padding-left:0 !important;}

.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}

.pdt5  {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}

.pdr2  {padding-right:2px !important;}
.pdr5  {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr25 {padding-right:25px !important;}
.pdr30 {padding-right:30px !important;}

.pdb5  {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb25 {padding-bottom:25px !important;}
.pdb30 {padding-bottom:30px !important;}

.pdl5  {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl25 {padding-left:25px !important;}
.pdl30 {padding-left:30px !important;}
.pdl80 {padding-left:80px !important;}
/* 마진 */
.mg0   {margin:0 !important;}
.mgt0 {margin-top:0 !important;}
.mgr0 {margin-right:0 !important;}
.mgb0 {margin-bottom:0 !important;}
.mgl0 {margin-left:0 !important;}

.mg5  {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}

.mgt5  {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt50 {margin-top:50px !important;}
.mgt60 {margin-top:60px !important;}

.mgt5n  {margin-top:-5px !important;}
.mgt10n  {margin-top:-10px !important;}

.mgr5  {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}

.mgb5  {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}

.mgl5  {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl100 {margin-left:100px !important;}
/* 폰트 */
.font11   {font-size:11px !important;  }
.font12   {font-size:12px !important;}
.font14   {font-size:14px !important;}
.font16   {font-size:16px !important;}
.font20   {font-size:20px !important;}
.font24   {font-size:24px !important;}

.Nanum  {font-family:"Nanum Gothic", "나눔고딕";}
.Nanum13  {font-size:13px; line-height:160%; font-family:"Nanum Gothic"}

.bold {font-weight:bold}
.ver{vertical-align:middle;}

/*라인*/
.bLr{border-right:1px solid #59514f;}
.bLl{border-left:1px solid #59514f;}
.bLt{border-top:1px solid #59514f;}
.bLb{border-bottom:1px solid #59514f;}

/* 폰트색상 */
.blue{ color:#0066cb !important;}
.orange{ color:#eb6100 !important;}
.gray{ color:#666 !important;}
.black{ color:#000 !important;}
.white{ color:#fff !important;}

/*배경색*/
.bgGray{color:#888; background-color:#eaeaea !important; }
.bgPup{color:#888; background-color:#e8f2ff !important; }
  
/*빈공간*/
.empty50{height:50px}
.empty100{height:100px}
.empty200{height:200px}