@charset "utf-8";

@import url('NanumBarunGothic/nanumbarungothic.css');

/************************************************
	reset
************************************************/

*{ font-family: 'Nanum Barun Gothic','돋움', '굴림', Dotum, Gulim, sans-serif;  line-height:1.5em; }
html { height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{ margin:0; padding:0; color:#656565;}
body{ margin:0; padding:0; font-size:13px; }
table{ border-collapse:collapse}
img,fieldset{ border:0}
ul,ol{ list-style:none}
em,address{ font-style:normal}
a{ color:inherit; text-decoration:none}

html, body, div, 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;}
body{ -webkit-text-size-adjust:none; }
ol, ul{ list-style:none;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{ content:''; content:none; }
table{ width:100%; border-collapse:collapse; border-spacing:0; }
img{ border:0; max-width:100%; height:auto; }
iframe,
embed,
object,
video {max-width:100%;}
i, 
cite, 
em, 
var, 
address, 
dfn { font-style:normal;}

.blind,
legend{ position:absolute;left:0;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
caption{ display:none;}


/************************************************
	form
************************************************/
fieldset{border:0}
input,
textarea{ border:#dbdbdb 1px solid; border-top:#a9a9a9 1px solid; border-left:#a9a9a9 1px solid; }
input[type=text],
input[type=submit],
input[type=password],
input[type=file]{ height:28px; line-height:28px; padding:0 4px; margin:0; vertical-align:middle; background:#fff; border:#ccc 1px solid; box-shadow:none;  -webkit-appearance:none; ime-mode:inactive;}
input[type=image]{border:none;background:none;}
input:disabled{ color:#70654f;}
input.read{ background:#fafafa;}

input[type=checkbox]{ width:15px; height:15px; vertical-align:middle; margin:0 5px 0 0; border:#dbdbdb 1px solid;}

input[type=radio]{ width:16px; height:16px; vertical-align:middle; margin:0 5px 0 0; vertical-align:middle; border:none;}

button{ border:0 none; background:none;}
textarea{ padding:0 4px; border:#c6c6c6 1px solid;}
select{ height:24px; line-height:24px; padding:0 2px 0 2px; min-width:60px; font-size:13px; width:auto; vertical-align:middle;}
label { display:inline-block; vertical-align:middle;}
label.radio{ margin-right:20px;}
.label_group{ display:inline-block;}

a {color: #333;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover {color: #333;}
a:focus,
a:active {outline: none;}

img {display: block;max-width: 100%;height: auto;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after{
  clear: both;
}

button,
input,
select{ font-family: 'Nanum Barun Gothic','돋움', '굴림', Dotum, Gulim, sans-serif;  }

*{box-sizing:border-box;}

/************************************************
	layout
************************************************/
#wrapper{ position:relative; margin:0; padding:0; width:100%; min-width:980px;}
#wrapper .topBrn{ width:980px; margin:0 auto; font-size:22px; font-weight:700; color:#3a87bd; padding:13px 0; }

/* header */
#header{ position:relative; background:url(/images/bg_header.png) 0 0 repeat-x; width:100%; margin:0 0 -20px 0; padding:0; border-bottom:#4b4b4b 5px solid;border-top:#e7e7e7 1px solid;}
#header .inner{ position:relative; width:980px; margin:0 auto; height:70px;}
#header h1.logo{ position:absolute; top:20px; left:-70px;}
/**
#gnbWrap{ position:relative; float:right;}
#gnbWrap #gnb li{ float:left; }
#gnbWrap #gnb li a{ display:block; height:70px; line-height:75px; text-align:center; padding:0 30px; color:#666; font-size:16px; font-weight:700;}
#gnbWrap #gnb li a:hover,
#gnbWrap #gnb li a.on{ color:#6caa00;} 
**/

/** gnb 탑 메뉴부분**/
#gnbWrap {
  position:relative; 
  float:right;
  left: 100px;
}

#gnbWrap #gnb li {
  position: relative;
  float:left; 
}

#gnbWrap #gnb li a {
  display:block; 
  height:70px; 
  line-height:75px; 
  text-align:center; 
  padding:0 20px; 
  color:#666; 
  font-size:16px; 
  font-weight:700;
  position: relative; 
}

#gnbWrap #gnb li a:hover,
#gnbWrap #gnb li a.on { 
  color:#6caa00; 
}

#gnbWrap #gnb li ul {
  display: none;
  position: absolute;
  top: 70px; 
  left: 0; 
  background-color: #fff; 
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); 
  z-index: 1000;
  width: 220px; 
}

#gnbWrap #gnb li ul li {
  float: none; 
  border-bottom: 1px solid #eee;
}

#gnbWrap #gnb li ul li a {
  padding: 10px 20px;
  height: auto; 
  line-height: 1.5em;
  color: #333; 
}

#gnbWrap #gnb li:hover ul {
  display: block; 
}

#gnbWrap #gnb li ul li a:hover {
  background-color: #f2f2f2; 
}

/* container */
#indexWrap{ position:relative; background:#f2f2f2;}
#indexWrap .indexVis{ position:relative;margin:0 auto; width:980px;}
.side_banner{position: absolute; top: 0px; left: 990px;}
.side_banner li{border: 1px solid #ccc; width: 160px;}
.side_banner li img{width: 100%; height: 100%;}
.side_banner .sd_1{border-bottom: 0;}

#indexWrap .indexBbs{ position:absolute; top:515px; left:50%; margin-left:-490px; width:335px;}
#indexWrap .indexBbs h2{ color:#333; font-size:16px; line-height:1.1em; margin:0 0 10px 0; padding:0;}
#indexWrap .indexBbs ul li{ position:relative; background:url(/images/btl_dot.png) 0 6px no-repeat; padding:0 65px 0 8px; margin:0 0 5px 0; font-size:12px;}
#indexWrap .indexBbs ul li a{ color:#464646;}
#indexWrap .indexBbs ul li .icon{ display:inline; vertical-align:middle;}
#indexWrap .indexBbs ul li .date{ position:absolute; top:0; right:0;}
#indexWrap .indexBbs .btMore{ position:absolute; top:0; right:0;}

#container{position:relative; background:#f2f2f2;}
#container #contents{ width:980px; margin:0 auto; background:#fff; padding:40px 0; box-shadow:#CCC 0 10px 10px;}
#container #contents .titArea{ background:url(/images/bg_h2.png) 50% 100% no-repeat; padding:0 0 30px 0; margin:0 0 30px 0;}
#container #contents .titArea h2{ text-align:center; color:#4b4b4b; font-size:38px; font-weight:700; line-height:1.1em; margin:0 0 10px 0;}
#container #contents .titArea p{ color:#6caa00; font-size:16px; text-align:center;}

/* 페이징 */
#contents div.paging { position:relative; margin-top:40px; margin-bottom: 30px; font-size:0; line-height:0; text-align:center; }
#contents div.paging a { display:inline-block; margin:0 15px; font-size:15px; font-weight:300; color:#666; line-height:25px; }
#contents div.paging a img { display: inline-block; margin-top:3px; vertical-align:top; }
#contents div.paging a.on, #contents div.paging a:hover { border-bottom:2px solid #6caa00; }
#contents div.paging a.write { position:absolute; top:-10px; right:0; width:120px; font-size:20px; font-weight:400; color:#fff; line-height:47px; border-radius:5px; background-color:#6caa00; }
#contents div.paging a.write:hover { opacity:0.9; border-bottom:none; }

/* 공지사항 상세 뷰 */
#contents div.view { margin-top:55px; border-top:2px solid #222; }
#contents div.view div.subject { position:relative; padding:15px 50px; font-size:19px; font-weight:600; color:#222; line-height:29px; border-bottom:1px solid #ddd; }
#contents div.view div.subject em { position:absolute; top:15px; right:50px; font-weight:300; color:#666; }
#contents div.view p.txt { margin:35px 50px 0 50px; font-size:18px; font-weight:300; color:#555; line-height:27px; }
#contents div.view p.txt em { display:block; margin:40px 0; font-size:0; line-height:0; text-align:center; }
#contents ul.view { margin-top:55px; border-top:1px solid #ddd; }
#contents ul.view li { position:relative; padding:15px 150px; font-size:15px; font-weight:300; color:#555; line-height:27px; border-bottom:1px solid #ddd; }
#contents ul.view li span { position:absolute; top:15px; left:50px; }
#contents ul.view li em { position:absolute; top:15px; right:50px; }
#contents ul.view li a { display:block; color:#555; line-height:27px; }
#contents ul.view li a:hover { text-decoration:underline; }

/* 버튼 */
#contents div.button { margin-top:60px; margin-bottom: 40px; font-size:0; line-height:0; text-align:center; }
#contents div.button a { display:block; width:150px; margin:0 auto; font-size:22px; color:#fff; line-height:55px; text-align:center; border-radius:5px; background-color:#6caa00; }
#contents div.button a:hover { opacity:0.9; }

/* footer */
#footer{position:relative; }
#footer .footerLink{ background:#4d4d55;}
#footer .footerLink ul{ text-align:center; width:100%;}
#footer .footerLink ul li{ display:inline-block;}
#footer .footerLink ul li a{ display:block; background:url(/images/blt_var.png) 0 50% no-repeat; padding:0 9px 0 10px; color:#fff; line-height:35px; font-size:11px; font-family:'돋움', '굴림', Dotum, Gulim, sans-serif; }
#footer .footerLink ul li:first-child a{ background:none;}
#footer .footerInfo{ width:980px; margin:0 auto; padding:30px 0;}
#footer .footerInfo .tx01{ font-size:14px; letter-spacing:-0.1em;}
#footer .footerInfo .tx01 span{ display:inline-block; margin-left:20px;}
#footer .footerInfo .tx01 span:first-child{ margin-left:0;}
#footer .footerInfo .tx02{ color:#763492; font-size:25px; font-weight:700; letter-spacing:-0.05em;}
#footer .footerInfo .tx03{ position:relative; color:#868686; font-size:25px; letter-spacing:-0.1em;}
#footer .footerInfo .tx03 span{ font-size:25px;}
#footer .footerInfo .tx03 .tel{ font-size:25px; color:#0040FF; position:absolute; bottom:0; right:130px;}


/************************************************
	sub
************************************************/
.introWr .thum img{ margin:0 auto; }
.introWr .introTx{ margin:25px 0 0 0; text-align:center; font-size:16px;}
.introWr .introTx strong{ font-size:23px; color:#697c8d;}
.introWr .introTx em{ font-size:20px;}
.introWr .introTx p{ color:#697c8d; font-size:16px; font-weight:700;}

.locWr .map{ width:100%; height:420px; border-top:#f2f2f2 1px solid; border-bottom:#f2f2f2 1px solid;}
.locWr .locTx{ margin:50px 130px 0;}
.locWr .locTx h3{ background:url(/images/bg_h3.png) 50% 100% no-repeat; padding:0 0 20px; margin:0 0 20px 0; text-align:center; color:#403f46; font-size:18px; font-weight:700;}
.locWr .locTx li{ margin:0 0 10px 0; position:relative; padding:0 0 0 160px; height:35px; line-height:35px;}
.locWr .locTx li strong{ position:absolute; top:0; left:0; height:35px; line-height:35px; padding:0 0 0 50px; font-size:15px; color:#34495e; display:inline-block;}
.locWr .locTx li.m1 strong{ background:url(/images/loc_icon1.png) 0 50% no-repeat;}
.locWr .locTx li.m2 strong{ background:url(/images/loc_icon2.png) 0 50% no-repeat;}
.locWr .locTx li.m3 strong{ background:url(/images/loc_icon3.png) 0 50% no-repeat;}

.customerWr{ margin:0 30px; }
.customerWr dt{ font-weight:700; margin:30px 0 20px;line-height:1.8em;}
.customerWr dd,
.customerWr p{line-height:1.8em;}
.customerWr dd + dd{ margin-top:20px;}
.customerWr p{ margin:0 0 0 14px;}
.customerWr p i{ margin:0 2px 0 -14px; }

/* popup */
#popWrap{ margin:0 auto; width:100%; }
#popWrap #popHead{ position:relative; background:#6caa00; height:62px;}
#popWrap #popHead h1{ color:#fff; font-size:25px; line-height:62px; padding:0 0 0 20px;}
#popWrap #popHead .btClose{ position:absolute; top:15px; right:10px;}
#popWrap #popHead .select{ position:absolute; top:20px;right:60px;}
#popWrap #popCon{ padding:35px 30px;}
#popWrap #popCon h2{ font-size:15px; color:#333; margin:0 0 10px 0;}
#popWrap #popCon dl{ font-size:12px;}
#popWrap #popCon dl dt{ font-weight:700; color:#353535; margin:30px 0 10px;}
#popWrap #popCon dl dd{ line-height:1.8em;}

#popWrap #popCon table { width:100%; border-top:solid 1px #dddddd; border-left:solid 1px #dddddd; margin-top:30px;}
#popWrap #popCon table th { background-color:#f8f8f8; font-size:13px; padding:10px 0; text-align:center; border-right:solid 1px #dddddd; border-bottom:solid 1px #dddddd}
#popWrap #popCon table td { padding:9px 15px; border-right:solid 1px #dddddd; border-bottom:solid 1px #dddddd}

.popbtn { background:#6caa00; display:inline-block; color:#ffffff; padding:2px 5px 1px; }
.popbtn:hover { color:#ffffff;}