/**
 * ¹é³âÇØ·ÎÈ²±Ý´Ü
 * ÀÛ¼ºÀÚ : ¼±Àº°æ
 * ¿Ï·áÀÏ : 2017-06-02
 */

@charset "utf-8";
* {
	font-family: 'nanum-barun-gothic-regular','Malgun Gothic','¸¼Àº °íµñ','µ¸¿ò',sans-serif;
	font-size: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {  }
html, body,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol, div,
table, th, td, p, blockquote, img,
form, fieldset, legend, object,
input, select, textarea, button, header, nav,
footer, address, section, article, figure, figcaption, a , span, strong  { margin: 0; padding: 0; vertical-align:baseline; background:transparent; }


ul, li { list-style: none; }
q { quotes:none; }
hr,caption, legend { visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
a { color: #666; text-decoration: none; }
button { overflow: hidden; cursor: pointer; background: #FFF; }
button, input, select, textarea, a { vertical-align: middle; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; word-wrap: break-word; word-break: keep-all; }
div { width: 100%; }
address { font-style: normal; }
img {
	border: none;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
    max-width: 100%;
	height: auto;
}
p { font-size: 1em; line-height: 1.5em; letter-spacing: -0.025em; }

#container { width: 100%; position: relative; overflow: hidden; }
#contentWap {  }
#header { background:url(../images/header_bg.gif) no-repeat center 0; background-size: 100%; position: relative; }
#header h1 { height: 54px; text-align: center; margin: 0 auto;  padding-top: 10px; }
#header h1 img { width: 70px; }
.sns { position: absolute; top: 8px; right: 10px;  display: block;}
.sns img {   width: 40px; border-radius: 3px; }

/*¸Þ´º*/
.gnb { background-color: #6c421c;  letter-spacing:-0.05em; overflow: hidden; }
.gnb > ul { width: 100%; display: table;  }
.gnb .menu-item { display: table-cell; vertical-align: middle; text-align: center; color: #fff; }
.gnb .menu-item:last-child { border-right: none; }
.gnb .menu-item a { color: #fff; text-decoration: none; font-size: 1.1em; padding: 15px 0 15px 0; display: block; }
.gnb li:last-child { border-right: none; }
.gnb .menu-item.on a { color: #ffdc8c; background-color: #9e6633; }


/* ¸ÞÀÎÄÁÅÙÃ÷ */
 .main , .subImg {  position: relative; /* min-height: 300px; */ text-align: center; }

/* ¼­ºê */
.subCon { max-width: 640px; margin:0 auto; position: relative; padding: 20px 20px 45px; }
.subCon h2 { font-weight: normal; font-size: 1.6em; letter-spacing: -0.05em; border-bottom: 1px solid #c0c0c0; padding-bottom: 6px; margin-bottom: 20px; }
.subCon .subConC {  }
.subCon .subConC p { margin-bottom: 15px;  }
.subCon .subConC ol { margin-bottom: 20px; }
.subCon .subConC ol li { font-size: 1em; line-height: 1.6em; letter-spacing: -0.025em; list-style-type: decimal; margin-left: 45px; }
.subCon .subConC ul { margin-top: 25px; }
.subCon .subConC ul li { list-style-type: none; }
.subCon .subConC h3 { background:url(../images/icon_img.gif) no-repeat; padding-left: 29px; color: #d25619; font-size: 1.2em; font-weight: normal; margin-bottom: 5px; }
.gray_bg { padding: 10px ; background: #504137; color: #fff; letter-spacing: -0.03em; }
.gallery img { width: 100%; }
/* ¼­ºê ³»¿ë ÀÌ¹ÌÁö */
.subimgT { text-align: center; }
.subimgT img { max-width: 100%; }

/*¿À½Ã´Â±æ*/
.mapList ul { margin: 0px !important; }
.mapList li { list-style-type: none !important; margin-left: 0px !important; }
.mapList > li { overflow: hidden; margin-top: 15px; }
.mapList > li img { float: left; margin: 0px; width: 26px; }
.mapList li ul li { float: left; margin: 5px 0 0 8px; font-size: 0.97em; padding-left: 8px;}

#mapTable { margin-top: 20px; }
#mapTable table { border: 1px solid #e6e6e6; }
#mapTable table th,
#mapTable table td { border-bottom: 1px solid #e6e6e6; padding: 7px; line-height: 1.4em; font-size: 1.0em; color: #666; }
#mapTable table th { background: #f5f6f7; font-weight: normal; vertical-align: middle; }
#mapTable table td {  }

.map { max-width: 100% !important; height: auto;   }
.wrap_map { margin: 0 auto;}
.root_daum_roughmap { width: 100% !important; margin: 0 auto !important; }

/** footer **/
#footerWrap { position: relative; overflow: hidden; }
#footerWrap p.mainCall { background-color: #2d313e; text-align: center; padding: 12px 0; }
#footerWrap ul { display: table; margin-left: auto; margin-right: auto; }
#footerWrap ul li { float: left; width: 50%; }
#footerWrap ul li a {  }
#footerWrap ul li a img { max-width: 100%;  }
#footerWrap ul li.none { clear:both; width:100%; font-size: 1.2em; color: #fff; background: #000; text-align: center; }
#footerWrap ul li.fax { height: 50px; line-height: 50px; background: #143884;}
#footerWrap .footer {  background-color: #fff; padding: 15px 0 5px 0; color: #222; position: relative; }
#footerWrap .footer > a { position: absolute; top: 13px; right: 10px; border-radius: 5px; padding: 10px 5px 8px 5px; text-align: center; background-color: #fff; font-size: 0.9em; }
#footerWrap > .footer { text-align: center;  padding: 15px 15px; line-height: 1.5em; font-size: 0.9em; }
#footerWrap > .footer > a {  border: 1px solid #d7d7d7; background: #f1f1f1; border-radius: 5px; font-size: 0.8em; margin-top: 7px; display: inline-block; text-transform: uppercase; padding: 5px 10px; }
#footerWrap > .footer > a:hover { border: 1px solid #000; background: #333; color: #fff; }

.pc { text-align: center;  background-color: #d2d2d2; }
.pc a { display: block; padding: 4% 0 3%; }

.galleryWrap {  }
.galleryWrap li { margin-bottom: 30px;  }
