@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

/*
@import url("basic.css");
*/

/* basic.css는 태그의 기본속성을 초기화하고 사이트의 전체적인 기본 스타일을 정의합니다. */
* {margin:0; padding:0;}

html {
	width:100%; height:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#999999;
	scrollbar-highlight-color: #999999;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #666666;
}
body {
	width:100%; height:100%;
	margin:0;
	padding:0;
	font-size:12px; 
	line-height:18px;
	font-family: Dotum, Gulim, AppleGothic, Sans-Serif;
	color:#666;
	width:100%;
	word-break:keep-all;
 
}
*html body img {margin:none; padding:none;} /*for IE 6*/
hr {
	clear:both;
	display:none;
}
body img, img {
	border:0 none;
	margin:0;
	padding:0;
	line-height:0px;
}

blockquote, address {
	margin:0;
	padding:0;
}
em, address, cite {
	font-style:normal;
}

div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd, address {
	margin:0;
	padding:0;
}
div, ul, ol {
	list-style:none;
}

.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* hides from ie-mac */
.clfix{ zoom:1; } /*for ie 5.5-7*/

/* 링크 박스 안뜨게.. */
a,img{selector-dummy: expression(this.hideFocus=true);} 

a {color:#666;text-decoration:none;}
a:link, a:visited {color:#666;text-decoration:none;}
a:hover, a:focus {color:#222;text-decoration:none;}
a:active{color:#666;}

/* table */
table caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}

/* form */
form, fieldset, legend, label {
	margin:0;
	padding:0;
}
fieldset {
	border:0 none;
}
fieldset legend {
	position:absolute;
	visibility:hidden;
	overflow:hidden;
	width:0;
	height:0;
	margin:0;
	padding:0;
	font:0/0 Arial;
}
label {
	cursor:pointer;
}
label input,
label img,
label select,
label textarea,
fieldset label,
fieldset input,
fieldset img,
fieldset select,
fieldset textarea {
	vertical-align:middle;
}
input {
	margin:0; padding:0;
	line-height:16px;
	font-size:12px;
}
.textarea {background:#f7f7f7; border:1px solid #cccccc;}
.input {background:#f7f7f7; height:18px; border:1px solid #cccccc;}
.input2 {background:#fff; height:18px; border:1px solid #cccccc;}
.checkInput {background:#fff; border:none; height:19px;}
.input_select {behavior:url(../js/selectbox.htc); font-size:11px; font-family:"돋움", "Arial"; color:#a2c7d5; border:none;}
button {
	border:0;
	cursor:pointer;
}

textarea {
	border:1px solid #cccccc;
}

.clear{clear:both;}
.hide {position:absolute; overflow:hidden; width:1px;  height:1px; text-indent:-9999px; line-height:0; font-size:0;}

.mg50 {margin:0 50px;}
.mgb5 {margin-bottom:5px;}
.mgb6 {margin-bottom:6px;}
.mgb7 {margin-bottom:7px;}
.mgb8 {margin-bottom:8px;}
.mgb9 {margin-bottom:9px;}
.mgb2 {margin-bottom:2px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb25 {margin-bottom:25px;}
.mgb30 {margin-bottom:30px;}
.mgb40 {margin-bottom:40px;}
.mgt18 {margin-top:18px;}
.mgt10 {margin-top:10px;}
.mgt20 {margin-top:20px;}
.mgt25 {margin-top:25px;}
.pdl50 {padding-left:50px;}
.pdt2 {padding-top:2px;}
.pdt10 {padding-top:10px;}
.pdt17 {padding-top:17px;}
.pdt20 {padding-top:20px;}
.pdt25 {padding-top:25px;}
.space-center {text-align:center;}
.space-right {text-align:right;}
.img_border {border:1px solid #ddd;}

.f_11 {font-size:11px; line-height:15px;}
.f_gray {color:#a09f9f;}
.f_red {color:#f8475c;}
.f_blue {color:#356fa1;}

/* select */
.disabled_style{color:#000;}
select.stie_go{width:140px; height:18px; font-size:11px; }
.inputRadio {margin: 0 0 0 10px; border:none;}

/* png24 */
.png24 {tmp:expression(setPng24(this));} /* FOR IMG ONLY */

.pointer {cursor:pointer;} 
html { filter: expression(document.execCommand("BackgroundImageCache", false, true));} 

/* 이미지 하단 여백관련 */
li img, dd img {vertical-align:top;}

/*
@import url("layout.css");
*/

/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 

.bg {background:url('../img/bg.gif') center 540px repeat-x;}
.bg_sub {background:url("../img/bg.gif") center 300px repeat-x;}
#wrapper {*zoom:1; width:100%;} /* IE5.5~7 브라우저 대응 Hack */
#wrapper:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */

#skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
#skipToContent a {overflow:hidden; display:block; width:0px; height:0px; /*margin-bottom:-1px;*/ text-align:center; color:#000; white-space:nowrap;}
#skipToContent a:focus, #skipToContent a:active {width:auto; height:auto; /*margin-bottom:5px;*/ padding:5px; background:#e8f6fb; border:1px solid #ddd;}

#header {position:relative; width:100%; height:120px; background:url("../img/menu_bg.png") top left repeat-x;}

#mainVisual {background:url("../img/visual_bg.jpg") top center no-repeat; height:440px; margin-top:-20px;}

#container {*zoom:1; width:1000px; margin:0 auto; padding-bottom:10px;}
#container:after {content:" "; display:block; clear:both;}
	#mService {float:left; width:273px; height:259px; padding:31px 18px 0 0; background:url("../img/mSer_bg.gif") top right no-repeat;}
	#mGall {float:left; width:442px; padding:31px 18px 0 16px; background:url("../img/mSer_bg.gif") top right no-repeat; position:relative;}
	#mGall p.title {height:30px;}
	#mGall ul {*zoom:1;}
	#mGall ul:after {content:" "; display:block; clear:both;}
	#mGall ul li {float:left; width:140px; height:120px;}
	#mGall span.more {position:absolute; top:37px; right:50px;}
	#mCustomer {float:left; padding:34px 0 0 13px; width:210px; text-align:center; }
	#mCustomer .mBtn {margin-top:2px;}
	#mCustomer .mBtn li {float:left; margin-bottom:2px; width:50%;}


/* Left Menu */
#left_menu {width:220px; float:left; margin:-25px 0 0 0; padding: 0 0 100px;}
#left_menu h2 {height:70px;}
/*#left_menu li {font-size:0; line-height:0;}*/
#left_bnr {margin-top:40px; background:url("../img/menu/left_customer.png") 1px 0 no-repeat; width:220px; height:271px;}
	.leftBtn {padding:173px 0 0 19px; width:164px;}
	
	.leftBtn li {float:left; width:50%; text-align:center; margin-bottom:2px}


/* sub page */
#top_visual {margin:-20px 0 0 0; height:200px; text-align:center; background:url("../img/subvisual_bg.jpg") top center no-repeat;}
#content {float:right; display:inline; width:730px; overflow:hidden; margin:32px 0 0 0;}
#subTitle {position:relative; width:100%; height:50px; border-bottom:1px dotted #b5b5b5; margin:0 0 30px 0; background:url("../img/title/tt_slogan.gif") 0 30px no-repeat;}
#subTitle h2 {padding-left:10px; font-family: "Noto Sans KR", sans-serif; font-size: 23px; letter-spacing: -1px; font-weight: 500; background:url("../img/title/tt_bg.gif") left 1px no-repeat;}
#subTitle .location {position:absolute; right:0; bottom:8px; color:#a5a5a5; font-size:11px; line-height:1.2em; text-align:right;}
#con_area {padding:0 0 50px 0; clear:both;}

#snb {*zoom:1; width:100%; border-bottom:2px solid #7d4255; margin-bottom:30px;}
#snb:after {content:" "; display:block; clear:both;}
#snb li {float:left; display:inline; line-height:0; font-size:0; margin:0 2px 0 0;}


/* Bottom */
#footer {position:relative; width:1000px; height:120px; margin:0 auto; clear:both; border-top:1px solid #cdcdcd; padding-top:20px;}
	#footer .footLogo {float:left; display:inline; width:155px;}
	#footer address {float:left; display:inline; color:#666; line-height:25px; letter-spacing: -.25px; font-size:12px;font-family: "Noto Sans KR", sans-serif;}
	#footer address img {margin:0 0 8px 0;}

.div{border:1px solid red;}

/* 20240520 */

.bg_sub {
  background-position: center 280px;
}

#top_visual {
  height: 180px;
}

.swiper-hero {
  width: 100%;
}

.swiper-hero .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 225px;
  height: 320px;
}

.swiper-hero .swiper-slide img {
  display: block;
  width: 100%;
}

#mainVisual1 {
  background: url("../img/visual_bg.jpg") top center repeat-x;
  height: 440px;
  margin-top: -20px;
}

#mainVisual1 .hero {
  position: relative;
  margin: 0 auto;
  padding-top: 20px;
  width: 1050px;
  height: 420px;
}

#mainVisual1 .hero-slider {
  position: absolute;
  top: 68px;
  left: 350px;
  width: 900px;
}

.nav-wrap {
  position: relative;
  width: 100%;
  height: 120px;
  background: url("../img/flash/menu-1-1.png") top center no-repeat;
}

.nav-wrap.sub {
  background: url("../img/flash/menu-s.png") top center no-repeat;
}

.nav-wrap .logo {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -495px;
  width: 220px;
  height: 80px;
}

.nav-wrap .logo span {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.nav-wrap nav {
  position: absolute;
  top: 58px;
  left: 50%;
  margin-left: -131px;
}

.nav-menu {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav-menu li {
  margin-right: 20px;
}

.nav-menu li a {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  color: #484848;
  padding: 15px 39px 15px 40px;
}

.nav-menu li ul {
  display: none;
  position: absolute;
  top: 31px;
  list-style-type: none;
  padding: 0;
  margin-left: 20px;
  z-index: 1;
}

.nav-menu li:last-child ul {
  margin-left: 40px;
}

.nav-menu li:hover > ul {
  display: block;
}

.nav-menu li ul li {
  white-space: nowrap;
  margin: 0;
  display: inline-block;
}

.nav-menu li ul li a {
  padding: 10px 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}

.left-menu-wrap {
  padding-top: 80px;
  width: 220px;
  height: 185px;
  background: url("../img/flash/l_menu01.png") top center no-repeat;
}

.left-menu-wrap.sub2 {
  padding-top: 80px;
  background: url("../img/flash/l_menu02.png") top center no-repeat;
}

.left-menu-wrap.sub3 {
  padding-top: 80px;
  background: url("../img/flash/l_menu03.png") top center no-repeat;
}

.left-menu-wrap.sub4 {
  padding-top: 80px;
  background: url("../img/flash/l_menu04.png") top center no-repeat;
}

.left-menu-wrap.sub5 {
  padding-top: 80px;
  background: url("../img/flash/l_menu05.png") top center no-repeat;
}

.left-menu li {
  padding: 3px 26px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 13px;
  font-weight: 600;
}

#left_bnr li {
  font-size: 0;
  line-height: 0;
}

.con-area {
  padding:5px;
  width: 400px;
  height: 328px;
  background-color: #2b4079;
}

.swiper.swiper-s1 {
  width: 100%;
}

.swiper-s1 .swiper-slide {
  background-size: cover;
  background-position: center;
}

.swiper-s1 {
  width: 400px;
}

.swiper-s1e {
  margin-top: 5px;
  box-sizing: border-box;
}

.swiper-s1e .swiper-slide {
  width: 50px;
  opacity: 0.7;
}

.swiper-s1e .swiper-slide img {
  width: 100%;
}

.swiper-s1e .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-s1 .swiper-slide img {
  display: block;
  width: 400px;
  height: 290px;
  object-fit: cover;
}

.swiper-s1 .swiper-button-next,
.swiper-s1 .swiper-button-prev {
  color: #fff;
  opacity: 0.3;
}

.swiper-s1 .swiper-button-next:after,
.swiper-s1 .swiper-button-prev:after {
  font-size: 30px;
}

/*
@import url("board.css");
*/

/* board.css는 게시판, 제품소개, 문의폼 등 개발에 필요한 페이지의 스타일을 정의합니다. */

.bbs_top {zoom1; display:inline-block; width:100%; height:27px;}
.bbs_top .total_page {float:left; width:400px; font-size:11px; color:#888888; padding:6px 0 0 0;}
.bbs_top .search {float:right; text-align:right;}
.bbs_top .search * {margin:1px;}
.bbs_top .search input {vertical-align:top;}
.input_search {background:#f9f9f9; height:18px; border:1px solid #ddd;}


.bbs_tab {width:100%; height:45px;}
.bbs_tab li {float:left; padding-right:4px;}

.bbs_cate {width:100%; height:21px; padding-bottom:7px;}
.bbs_cate select {float:right;}

.list01 {*zoom:1; overflow:hidden; clear:both;}
.list01 table {width:100%; border-collapse:collapse;}
.list01 th {height:30px; border-top:2px solid #3e577b; border-bottom:1px solid #eee; background:#f4f7f9; color:#474747; font-size:11px; border-spacing:0px;}
.list01 td {padding:5px 0; border-bottom:1px dotted #d7d7d7; text-align:center; color:#888888; border-spacing:0px;}
.list01 td.subject {text-align:left; padding-left:10px;}
.list01 td img {vertical-align:middle;}

.write01 {*zoom:1; overflow:hidden; border-top:2px solid #0088d5; border-bottom:1px solid #ccc;}
.write01 table {width:100%; border-collapse:collapse;}
.write01 thead th {height:25px; border-spacing:0px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.write01 tbody th {padding:5px 10px; border-bottom:1px dotted #d7d7d7; text-align:left; background: url("../img/bbs/vline2.gif") right no-repeat; font-weight:normal; border-spacing:0px;}
.write01 tbody td {padding:5px 10px; border-bottom:1px dotted #d7d7d7; border-spacing:0px;}

.write02 {*zoom:1; overflow:hidden; border-top:2px solid #5d7e02; border-bottom:1px solid #ccc;}
.write02 table {width:100%; border-collapse:collapse;}
.write02 thead th {height:25px; border-spacing:0px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.write02 tbody th {padding:5px 10px; border-bottom:1px dotted #d7d7d7; text-align:left; background: url("../img/bbs/vline2.gif") right no-repeat; font-weight:normal; border-spacing:0px;}
.write02 tbody td {padding:5px 10px; border-bottom:1px dotted #d7d7d7; border-spacing:0px;}
.write02 tbody td input {margin:1px 0; vertical-align:middle;}
.write02 tbody td img { vertical-align:middle;}

.view01 {*zoom:1; overflow:hidden;}
.view01 table {border-collapse:collapse;}
.view01 thead th.title {height:29px; border-spacing:0px; background:#f4f7f9; border-top:2px solid #0088d5; border-bottom:1px dotted #d7d7d7;}
.view01 tbody td.name, .down {padding:4px 10px; color:#666; border-bottom:1px dotted #d7d7d7;}
.view01 tbody td .name {float:left;}
.view01 tbody td .date {float:right; color:#aaa; font-size:11px;}
.view01 tbody td.contents {padding:20px 10px 40px 10px; border-bottom: 1px solid #dddddd; border-spacing:0px;}
.view01 tbody td.prev {padding:4px 0; color:#666; border-bottom: 1px solid #dddddd; border-spacing:0px;}
.view01 tbody td.prev .view_prev {float:left; width:75px; text-align:center; padding-top:4px;}
.view01 tbody td.prev .view_prev_sj {float:left;}
.view01 tbody td.next {padding:4px 0; color:#666; border-bottom: 1px solid #dddddd; border-spacing:0px;}
.view01 tbody td.next .view_next {float:left; width:75px; text-align:center; padding-top:4px;}
.view01 tbody td.next .view_next_sj {float:left;}

.view02 {*zoom:1; overflow:hidden; border-top:1px solid #7f9db9;}
.view02 table { border-collapse:collapse;}
.view02 th.tit {padding:4px 10px; background:#f7f7f7; border-bottom:1px dotted #d7d7d7; text-align:left; font-weight:normal; border-spacing:0px;}
.view02 td.con {padding:4px 10px; border-bottom:1px dotted #d7d7d7; border-spacing:0px;}
.view02 td.contents {padding:20px 10px 40px 10px; border-bottom: 1px solid #dddddd; border-spacing:0px;}

.gallery01 {*zoom:1; width:100%; position:relative;border-top:1px solid #ccc; padding-top:20px;}
.gallery01:after {content:" "; display:block; clear:both;} 
.gallery01 a {cursor:pointer; width:100%; display:block;}
.gallery01 li {overflow:hidden; float:left;  position:relative; width:24.9%; height:180px; text-align:center;display:inline;}
.gallery01 span.thumb {line-height:0; font-size:0;}
.gallery01 span.thumb img {width:155px; height:120px; padding:4px; border:1px solid #ddd; margin:0 0 5px;}
.gallery01 li p {font-weight:normal; color:#7e7e7e;}

.gallery011 {*zoom:1; width:100%; position:relative;border-top:1px solid #ccc; padding-top:20px;}
.gallery011:after {content:" "; display:block; clear:both;} 
.gallery011 a {cursor:pointer; width:100%; display:block;}
.gallery011 li {overflow:hidden; float:left;  position:relative; width:243px; height:228px; text-align:center;display:inline;}
.gallery011 span.thumb {line-height:0; font-size:0;}
.gallery011 span.thumb img {width: 225px; height:174px; padding:4px; border:1px solid #ddd; margin:0 0 5px;}
.gallery011 li p {font-weight:normal; color:#7e7e7e;}

.gallery02 { width:100%; position:relative; padding:0; margin:-20px 0 0 0;}
.gallery02:after {content:" "; display:block; clear:both;} 
.gallery02 a {cursor:pointer;display:block;}
.gallery02 li {*zoom:1; overflow:hidden; position:relative; padding:27px 0; border-bottom:1px solid #d2d2d2;}
.gallery02 li:after {content:" "; display:block; clear:both;} 
.gallery02 span.thumb {display:inline; line-height:0; font-size:0; padding:0 0 0 22px; float:left;}
.gallery02 span.thumb img {width:145px; height:110px;}
.gallery02 p {float:right; width:80%; line-height:18px; font-family:Tahoma, Dotum, Gulim;}

.gallery03 {*zoom:1; width:100%; position:relative; padding:20px 0 0 0;}
.gallery03:after {content:" "; display:block; clear:both;} 
.gallery03 p.title {height:31px;}
.gallery03 a {cursor:pointer; width:100%; display:block;}
.gallery03 li {overflow:hidden; float:left;  position:relative; width:33.3%; height:350px; text-align:center;display:inline;}
.gallery03 li.none {margin:0 0 0 0;}
.gallery03 span.thumb {line-height:0; font-size:0; }
.gallery03 span.thumb img {width:198px; height:283px; border:1px solid #ddd;}
.gallery03 li p {font-weight:normal; color:#000; line-height:13px; padding:12px 0 0 0;}
.gallery03 li p a img {padding:5px 0 0 0;}


.gallery04 { width:100%; position:relative; padding:0; border-top:2px solid #0088d5;}
.gallery04:after {content:" "; display:block; clear:both;} 
.gallery04 li {overflow:hidden; position:relative; padding:27px 0; border-bottom:1px solid #d2d2d2;}
.gallery04 li a {*zoom:1; cursor:pointer;display:block; position:relative;}
.gallery04 li a:after {content:" "; display:block; clear:both;} 
.gallery04 span.thumb {display:inline; line-height:0; font-size:0; float:left;}
.gallery04 span.thumb img {width:140px; height:100px;}
.gallery04 dl {float:right; width:520px; margin-right:50px;}
.gallery04 dl dt {font-size:14px; font-weight:bold; color:#444; margin-bottom:5px;}
.gallery04 dl dd {color:#888; line-height:18px; }
.gallery04 p.info {position:absolute; bottom:0; color:#aaa; font-size:11px; left:168px;}
.gallery04 p.info span {display:inline-block; width:100px}

.faq_search {position:relative; width:100%; height:69px; background: url("../img/bbs/faq_search.jpg") 0 no-repeat; margin-bottom:20px;}
.faq_search .search_area {position:absolute; top:30px; left:145px; color:#999;}
.faq_input {border:1px solid #ccc; height:16px;}
.faq {border-bottom:1px solid #ddd; line-height:1.5;}
.faq .q {border-top:1px solid #ddd;}
.faq .q a {display:block; background:#fff url('../img/bbs/faq_q.gif') 13px 8px no-repeat; padding:8px 10px 8px 70px; font-weight:bold; color:#586a98; text-align:left; text-decoration:none !important}
.faq .q a:hover{background:#f6f6f6 url('../img/bbs/faq_q.gif') 13px 8px no-repeat; color:#000}
.faq .a {display:none; border-top:1px dotted #ddd; background:#fff url('../img/bbs/faq_a.gif') 14px 12px no-repeat; padding:10px 10px 20px 70px; color:#666; line-height:1.5;}

.calendar {width:100%; overflow:hidden;}
.calendarMonth {height:40px; font-size:110%; line-height:1.4em; text-align:center; font-weight:bold; color:#333333;}
.calendarMonth span {font-size:200%; line-height:1.0em; font-family:Arial; font-weight:bold; color:#5ebee3;}
.calendarMonth img.btn {cursor:pointer; margin:0 8px;}
.calendarTable {width:740px; margin:0 auto;}
.calendarTable table{width:100%; border-collapse:collapse; border-spacing:0px;}
.calendarTable table, .calendarTable th, .calendarTable td {border-spacing:0px;}
.calendarTable thead th {height:25px; color:#fff; font-size:100%; background:#069fdb; border:1px solid #eee;}
.calendarTable tbody td {height:90px; vertical-align:top; border:1px solid #eee;}
.calendarTable tbody td p.cal_day {height:20px; font:90% Arial; color:#999; padding:8px 0 0 8px;}
.calendarTable tbody td p.cal_sun {font:90% Arial; color:#c21414; padding:8px 0 0 8px;}
.calendarTable tbody td p.cal_sat {font:90% Arial; color:#30aac8; padding:8px 0 0 8px;}
.calendarTable tbody td p.cal_text {font-size:90%; color:#777; padding:8px 0 0 8px;}
.calendarTable tbody td p.cal_text a {color:#777;}

.btn_box {*zoom:1; width:100%; margin-top:10px;}
.btn_box:after {content:" "; display:block; clear:both;} 
.btn_box a, .btn_box input {margin: 0 2px;}
.btn_box .go_write {float:right;}
.btn_box .submit {text-align:center;}
.btn_box .go_list {float:left;}
.btn_box .controller {float:right;}
.btn_box * {vertical-align:top;}

.paginate {padding:20px 0;text-align:center;line-height:normal;clear:both}  
.paginate a, 
.paginate strong{display:inline-block;position:relative;margin:0 -2px;padding:5px 7px 6px 7px;font-weight:bold;font-size:13px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate a:hover, 
.paginate a:active, 
.paginate a:focus{background-color:#f8f8f8;}  
.paginate strong{color:#f60}  
.paginate a.direction{padding:0; margin:0 4px;}
.paginate a.pg_start,
.paginate a.pg_end,
.paginate a.pg_prev,
.paginate a.pg_next
{padding:0;font-size:0;}

.comment {background:#f9f9f9; padding:20px; display:block; margin-top:20px;}
.comment .writearea {height:70px; position:relative;}
.comment .writearea .write textarea {width:490px; height:50px; padding:4px; font-size:12px; color:#666; border:1px solid #e5e5e5;overflow-y:auto;}
.comment .writearea .write input {position:absolute; top:23px;right:0;}
.comment .writearea .write .byte {position:absolute; font-size:11px; color:#999;vertical-align:-7px; top:4px;right:0;}
.comment .writearea .write .byte .limit {font-weight:bold;color:#ed7500;}
.comment .replyarea .replylist .reply {overflow:hidden;zoom:1;padding:10px; background: url("../img/bbs/line_dot.gif") bottom repeat-x;}
.comment .replyarea .replylist .reply .name {font-weight:bold; color:#999;}
.comment .replyarea .replylist .reply .date {font-size:10px; color:#aaa;}
.comment .replyarea .replylist .reply .reply_controll {float:right; font-size:11px; color:#dddddd;}
.comment .replyarea .replylist .reply .reply_controll a {font-size:11px;color:#aaa; margin:0 4px;}
.comment .replyarea .replylist .reply .txt {word-wrap:break-word;display:block;font-size:12px;color:#666;padding:3px 5px 0 0;}

/* Mail Form */
.mailform {width:100%; border-top:2px solid #069fdb; border-bottom:1px solid #96c8dc;}
.mailform table {width:100%; border-collapse:collapse;}
.mailform th {padding:5px 10px 5px 15px; text-align:left; color:#00478e; line-height:1.8em; font-weight:normal; background:#dfeef9 url("../img/dot.gif") 8px 14px no-repeat;; border:1px solid #fff; vertical-align:top; border-spacing:0px;}
.mailform td {padding:5px 10px; font-size:11px; line-height:1.2em; background:#f7f7f7; border:1px solid #fff; border-spacing:0px;}
.mailform td.reference {color:#999;}
.mailform td * {vertical-align:middle;}



/*sub01_05*/
.subCate {border-top:1px solid #888; background:#f9f9f9; border-bottom:1px solid #dfdfdf; padding:10px 25px; margin-bottom:45px;}
.subCate a {padding-left:11px; line-height:28px; background:url("../img/bbs/dot.gif") left no-repeat; width:14%; display:inline-block;}
.subCate a strong {color:#3e577b;}
.subCate a.active {color:#3e577b;font-weight:bold;}

.subPhoto {border:3px solid #eee; padding:24px; text-align:center; position:relative; height:290px; width:630px; margin:0 auto 12px;}
.subPhoto .subGall_tt {position:absolute; top:-26px; left:-3px; background:url("../img/bbs/subGall_tt.gif") left top no-repeat; width:106px; height:23px; text-align:center; line-height:23px; font-weight:bold; color:#fff;}
.subPhoto img {max-height:290px; max-width:630px;}
.subGall_tt1 {position:absolute; top:-26px; left:-3px; background:url("../img/bbs/subGall_tt.gif") left top no-repeat; width:106px; height:23px; text-align:center; line-height:23px; font-weight:bold; color:#fff;}

#subGall {position:relative; width:486px; height:60px; margin:0 auto;}
#bt_prev {position:absolute; top:15px; left:0; width:24px; height:32px; cursor:pointer;}
#bt_next {position:absolute; top:15px; right:0; width:24px; height:32px; cursor:pointer;}
#subGallArea {width:350px; height:60px; overflow:hidden; list-style:none; margin:0 auto;}
#subGallList {width:9999px; height:60px;}
#subGallList ul {display:inline;}
#subGallList li {float:left; width:80px; height:60px; margin:0 5px 0 0;}
#subGallList li img {cursor:pointer;}



/*sub02_01*/

.sub02GallList {*zoom:1; width:100%; position:relative;border-bottom:1px solid #ccc;}
.sub02GallList:after {content:" "; display:block; clear:both;} 
.sub02GallList a {cursor:pointer; width:100%; display:block;}
.sub02GallList li {overflow:hidden; float:left;  position:relative; width:24.9%; height:180px; text-align:center;display:inline;}
.sub02GallList span.thumb {line-height:0; font-size:0;}
.sub02GallList span.thumb img {width:155px; height:120px; padding:4px; border:1px solid #ddd; margin:0 0 5px;}
.sub02GallList li p {font-weight:normal; color:#7e7e7e;}

.sub021GallList {*zoom:1; width:100%; position:relative;border-bottom:1px solid #ccc;}
.sub021GallList:after {content:" "; display:block; clear:both;} 
.sub021GallList a {cursor:pointer; width:100%; display:block;}
.sub021GallList li {overflow:hidden; float:left; position:relative; width:243px; height:228px; text-align:center;display:inline;}
.sub021GallList span.thumb {line-height:0; font-size:0;}
.sub021GallList span.thumb img {width: 225px; height:174px; padding:4px; border:1px solid #ddd; margin:0 0 5px;}
.sub021GallList li p {font-weight:normal; color:#7e7e7e;}

.sub02ViewWrap {*zoom:1; padding-bottom:17px; border-bottom:1px dotted #b6b6b6; margin-bottom:22px;}
.sub02ViewWrap:after {content:" "; display:block; clear:both;} 
.sub02ViewWrap .sub02ViewPhoto {float:left; width:370px;}
.sub02ViewWrap .sub02ViewPhoto img {border:3px solid #d1d1d1; width:368px; height:282px;}
.sub02ViewWrap .sub02ViewInfo {float:right; width:318px;}
.sub02ViewWrap .sub02ViewInfo p.sub02ViewTt {font-size:14px; font-weight:bold; color:#4b4b4b; padding-left:9px; background:url("../img/title/tt_bg.gif") left top no-repeat; margin-bottom:10px; padding-top:2px;}
.sub02ViewWrap .sub02ViewInfo table {width:100%; border-collapse:collapse;}
.sub02ViewWrap .sub02ViewInfo table th {font-size:11px; color:#343434; background:url("../img/bbs/dot2.gif") left no-repeat; padding-left:7px; height:34px; text-align:left; border-top:1px dotted #b6b6b6}
.sub02ViewWrap .sub02ViewInfo table td { height:34px; font-size:12px; color:#666; border-top:1px dotted #b6b6b6}

#sub02Gall {position:relative; width:100%; height:130px; margin:0 auto;}
#bt_prev2 {position:absolute; top:35px; left:0; width:20px; height:31px; cursor:pointer;}
#bt_next2 {position:absolute; top:35px; right:0; width:20px; height:31px; cursor:pointer;}
#sub02GallArea {width:630px; height:130px; overflow:hidden; list-style:none; margin:0 auto;}
#sub02GallList {width:9999px; height:130px;}
#sub02GallList ul {display:inline;}
#sub02GallList li {float:left; width:127px; height:130px; margin:0 38px 0 0;}
#sub02GallList li img {cursor:pointer; width:127px; height:97px;border:3px solid #d1d1d1;}

/*sub03_01*/

.addLogo {*zoom:1; width:100%; position:relative;}
.addLogo:after {content:" "; display:block; clear:both;} 
.addLogo a {cursor:pointer; width:100%; display:block;}
.addLogo li {overflow:hidden; float:left;  position:relative; width:33%; height:120px; text-align:center;display:inline;}
.addLogo span.thumb {line-height:0; font-size:0;}
.addLogo span.thumb img {width:220px; height:80px; border:1px solid #d5d5d5;}


/*sub04_01*/
.mapWrap {*zoom:1; margin-top:10px;}
.mapWrap:after {content:" "; display:block; clear:both;} 
.mapWrap .map {float:left; width:274px; height:318px; margin-left:20px; border: 1px solid #dddddd;}
.mapWrap .mapInfo {float:right; width:384px; padding-right:20px;}
.mapWrap .mapInfo span {font-weight:bold; display:block; padding:2px 0 13px;}
.mapWrap .mapInfo table {width:100%; border-collapse:collapse;}
.mapWrap .mapInfo thead th {border-top:2px solid #3e577b; background:#f6f6f6; border-bottom:1px solid #dfdfdf; padding:5px 0; color:#474747}
.mapWrap .mapInfo tbody td {padding:5px 0; text-align:center; border-bottom:1px solid #dfdfdf;}

/*sub05_01*/
.sub05Table {width:700px; margin:0 auto;}
.sub05Table table {width:100%; border-collapse:collapse;}
.sub05Table table thead th {border:1px solid #bac6dc; background:#6380a0; font-weight:normal; color:#fff; padding:5px 0;}
.sub05Table table tbody th {border:1px solid #bac6dc; background:#f5fafe; font-weight:normal; color:#666; padding:5px 0;}
.sub05Table table td {border:1px solid #bac6dc; font-weight:normal; color:#666; padding:5px 10px;}
.sub05Table table td input {vertical-align:middle; margin:1px;}

.input_ck {display:inline-block; width:18%; }

/* sub03 */
.storeWrap {*zoom:1; background:url("../img/sub/map_bg.jpg") top left no-repeat; width:629px; height:305px; margin:0 auto 25px;}
.storeWrap:after {content:" "; display:block; clear:both;} 
.store_flash {float:left; width:257px; padding:25px 0 0 50px; overflow:hidden;}
.store_search {float:left; padding:165px 0 0 25px;}
.s_name {padding-top:60px;}

/*
@import url("doc.css");
*/

/* doc.css는 디자인페이지 스타일을 정의합니다. */

/* SITEMAP */
.sitemap {*zoom:1; margin:20px auto 40px auto;}
.sitemap:after {content:" "; display:block; clear:both;}
.sitemap dl {float:left; display:inline; width:25%; height:200px; margin:0;}
.sitemap dl dt {width:90%; margin:0 auto 3px;}
.sitemap dl dd {line-height:22px; font-size:11px; border-bottom:1px dotted #ccc; width:90%; margin:0 auto;}
.sitemap dl dd a {display:block; padding:0 0 0 10px; }

/*
202406
*/

.credential {
  display: none;
}