@charset "euc-kr";
@import url(
"https://googledrive.com/host/0B84LdsTNAf0CflZKbFp2QlVnU193TV9mNmIyQTRNUzRmZ3R5Zl8xYXFsYXVSaWNWOWtwMU0/notokr-regular.css"); 

/* CSS reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:0.75em;
vertical-align:baseline;
background:transparent;
list-style:none;
}
*{-webkit-text-size-adjust:none;}
body { font-family:notokr-regular !important; color:#393939; -webkit-tap-highlight-color: rgba(255,255,255,0); outline:none;}
html, body{height:100%;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}

nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}

table {width:100%;border-collapse:collapse;border-spacing:0;}
table caption{height:0;font-size:0;visibility:hidden;}
table th,
table td {vertical-align:middle;}

input[type=text] {background:#fff; margin:0; padding:0; border:1px solid #abbfe8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
textarea {background:#b5b5b5; margin:0; padding:0; height:70px; border:1px solid #b5b5b5;}
select {background:#b5b5b5; margin:0; padding:0; border:0 none;}


/* change border colour to suit your needs */
hr {display:none; height:0px; margin:0; padding:0; border:0; border-top:1px solid #ccc;}
select, img {vertical-align:middle;}
a {color:#393939; text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;}
legend{overflow:hidden;width:0;height:0;font-size:0;visibility:visible;}

h1, h2, h3, h4, h5, h6{color:#333;line-height:1.3em;font-weight:900;}
img{max-width:100%;}
.imgs{max-width:100%; min-width:100%;}
li{line-height:1.3em;}
em,address{font-style:normal;}

#wrap {overflow:hidden; width:100%; height:auto;}

aside {position:absolute; top:0; left:-360px; background:url(../../images/bg_aside.png) 0 0 repeat; width:200px; z-index:9999;}
aside li {border-bottom:1px solid  #6B5C4B; height:38px; line-height:38px; text-transform:uppercase;}
aside li a {display:block; 
background-size:auto 10px; padding:0 0 0 27px; color:#fff; font-size:14px; font-weight:bold;}
aside .close {position:absolute; top:0; right:-27px; width:30px;}

header {
	position: relative;
	background-color: #FFFFFF;
	border-bottom-color: #EEEEEE;
}
header .logoArea {position:relative; padding:10px 0 14px;}
header .logoArea h1 {text-align:center; }
header .logoArea h1 img { width:80% height:100%;}
header .logoArea .menu {position:absolute; top:27px; left:5%;}
header .logoArea .menu img {height:20px;}

header .logoArea span {position:absolute; top:27px; right:5%;}
header .logoArea span  img {height:20px;}



footer {
	margin-top: 11px;
	background-color: #6B5C4B;
}
footer .fMenu {
	border-bottom: 1px solid #e6e6e6;
	background-color: #FFFFFF;
}
footer .fMenu ul {text-align:center;}
footer .fMenu ul li {display:inline-block; padding:15px 0;}
footer .fMenu ul li a {padding:0 10px; color:#746a61; font-size:12px; font-weight:bold;}
footer .fMenu ul li:nth-child(1) a {background:none;}

footer .tit {
	margin: 23px 0 0 0;
	color: #BBADA1;
	font-size: 11px;
	text-align: left;
}
footer .tit span {
	display: inline-block;
	color: #897e74;
	font-size: 11px;
}
footer .copy {color:#a8a199; font-size:11px; text-align:center;padding-top:17px;padding-bottom:45px; text-transform:uppercase;}
footer .tit .space { padding-left:18px;}
footer .tit .space1 {padding:5px;}


/* ¼­ºê */
#container { padding:0;}

/** ¸ÞÀκñÁÖ¾ó **/
#gslider {position:relative; width:100%; clear:both; overflow:hidden; max-width:640px; margin:0 auto;}
.bannerSlider {position:relative;overflow:hidden;margin:0px 0px 0px;}
.bannerSlider .slides img {display:block; width:100%;left:0px;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

.bannerSlider .bx-viewport {z-index:1;border: none !important;}
.bannerSlider .bx-wrapper .bx-pager {position:absolute; right:10px; bottom:10px; z-index:10; padding:0; height:20px;/**/}
.bannerSlider .bx-wrapper .bx-pager .bx-pager-item,
.bannerSlider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin:0 0 0 5px;
}

.bannerSlider .bx-wrapper .bx-pager.bx-default-pager a {
	background:url('/imgs/icon/rollingBtn.png') no-repeat -10px 0;
	width:10px; height:10px;
	display:inline-block;
	line-height:100px;
	overflow:hidden;
}

.bannerSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bannerSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position:0 0px
}
.brand {
	width: 100%;
	background-color: #6B5C4B;
	padding-top: 45px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	top: 0px;
	margin-top: 5px;
	color: #FFFFFF;
}
.brand img{ width:100%; height:auto; }
.button_tab {
	position: relative;
	overflow: hidden;
	margin: 15px 0;
	clear: both;
	width: 100%;
}
.button_tab ul {
	margin: 10px auto;
}
.button_tab li {
	float: left;
	margin-left: 4px;
	width: 18%;
}
.button_tab li a:link, .button_tab li a:visited {
	display: block;
	width: 100%;
	padding: 10px 0px 5px;
	text-align: center;
	font-size: 12px;
	line-height: 120%;
	color: #868077;
	background-color: #fff;
	border: 1px solid #CFBC9E !important;
	border-radius: 10px;
}
.tab_up {
	background: #b09679 !important;
	color: #fff !important;
	font-weight: 600;
	border-color: #b09679 !important;
}
.sub_con {padding:27px 21px;}
.sub_con2 {padding:0x;}
.bnr02 img { width:100%; height:auto; margin-bottom:30px; text-align:center;}


.sub_tab {}
.sub_tab ul {width:100%;}
.sub_tab ul li {
	float: left;
	background: #ffffff;
	width: 33%;
	border-right: 1px solid #c8c848;
	border-bottom: 1px none #c8c848;
	height: 18px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #868077;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 7px;
	border-top: 1px solid #c8c848;
}
.sub_tab ul li a{
	
	color: #635239;
	
}



.gallery {}
.gallery .sum {width:100%;}
.gallery .sum ul {margin:1% 0 1%; zoom:1;}
.gallery .sum ul:after {content:""; display:block; clear:both;}
.gallery .sum ul li {float:left; background:#e8e8e8; width:11.8%; height:35px; margin:0.3%; background-color:#000000;}

.gallery .sum ul li a {display:block; font-size:0; line-height:0;}
.gallery .sum ul li img {display:block; width:100%; height:35px; }
.gallery .sum ul li.on { width:11.8%; height:35px; filter:alpha(opacity=50); opacity:0.5;}
.gallery .sum ul li.on img { width:100%; height:35px;}

.board{margin-top:0px; width:100%;  border-top:2px solid #565656;}
.board table th{background:#f8f8f8;  padding:9px 0 6px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:12px; font-weight:700;}
.board table th:first-child{border-left:0 none;}
.board table td{padding:9px 0 7px; border-bottom:1px solid #ddd; text-align:center; font-size:12px;}
.board table td.no{ border-bottom:0px solid #ddd; text-align:left;}
.board table td.no2{ border-bottom:0px solid #ddd; }
.board table td.sbj{padding-left:10px; text-align:left;}
.board table td.sbj a{display:block; position:relative;}
.board table td.sbj a p{overflow:hidden; padding-right:25px;}
.board table td.sbj a img{position:relative; top:2px; left:5px;}


.board.view thead td{padding-left:10px; text-align:left; border-left:1px solid #ddd;}
.board.view tbody td .con{padding:15px 10px; text-align:left; line-height:19px; width:713px; }





.btnCenter{margin-top:30px; text-align:center;}




input {font-family:'µ¸¿ò', dotum, gulim,'±¼¸²','µ¸¿ò','Apple SD Gothic Neo','Droid Sans','Apple-Gothic','¾ÖÇðíµñ','Helvetica','Tahoma',sans-serif; color:#8a8a8a; font-size:12px;}

input{margin:0; padding:0; vertical-align:middle;}
input[type=text],
input[type=password]. {background:#fff; padding:1px 0 3px; border:1px solid #d7d7d7;}
select, img {vertical-align:middle;}

.form {background:#fff; padding:1px 0 3px; border:1px solid #d7d7d7; color:#8a8a8a;}








/* °³ÀÎÁ¤º¸ */
.qna_textarea {
	padding: 1%;
	width: 92%;
	height: 55px;
	border: solid 1px #ddd;
	overflow-x: hidden;
	margin: 15px 10px 0px;
}
.sub_textarea {
	padding: 1%;
	width: 92%;
	height: 100%;
	border: solid 1px #ddd;
	overflow-x: hidden;
	margin: 15px 10px 0px;
}
.map_area {
	padding: 1%;
	width: 100%;
	height: 100%;
	border: solid 1px #ddd;
	overflow-x: hidden;
	margin: 15px 0px 0px;
}
.qna_textarea p{ font-size:12px; line-height:20px;padding-bottom:10px;}
.map_area p{ font-size:12px; line-height:20px;padding-bottom:10px;}
.sub_textarea p{ font-size:12px; line-height:20px;padding-bottom:10px;}
.qna_textarea span.title{font-weight:600;}
.qna_textarea span.big_title{font-size:20px; color:#415ba6; font-weight:600;}
.qna_textarea span.indent{padding-left:20px;}
.qna_text1 {padding:10px 10px 15px;font-size:11px;  font-weight:700; width:850px; display:inline-block; text-align:left;}























/* //¼­ºê */