@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@font-face { font-family: 'daum'; src: url('../font/daum_regular2.eot'); src: local('☺'), url('../font/daum_regular2.woff') format('woff'), url('../font/daum_regular2.ttf')  format('truetype') } 

body, td, th, form, input, select, textarea, input, div, p, span {
					margin: 0; padding: 0; font-size: 1em; font-family: 'Nanum Gothic Coding', monospace; font-weight: 500; color: #333; line-height: 150%; letter-spacing: 0; }
body{ 
		position:relative; background: #fff; width: 100%; height: 100%; margin: 0; padding: 0 ;	overflow-x:hidden
 }
a:link			{ color: #000; text-decoration: none; }
a:visited		{ color: #000; text-decoration: none; }
a:active		{ color: #000; text-decoration: none; }
a:hover		{ color: #999; text-decoration: none; }
img			{ border: none; }
table			{ border-collapse: collapse; }
ul li			{ list-style: disc; }

/*=============HEADING=================*/
h1.logo		{ float: left; margin: 30px 0 0 0; padding: 0; background: url('../img/common/logo.png') no-repeat; }
h1.logo a		{ width: 199px; height: 51px; display: block;  text-indent: -99999px; }
h1.logo_foot		{ float: left; display: inline-block; width: 199px; height: 51px;  margin: 0 120px 0 0; padding: 0; background: url('../img/common/logo_foot.png') top left no-repeat; }
h3		{ display: block; text-align: left; margin: 80px 0 30px 0; }
h3.compH	{ display: block; text-align: left; margin: 50px 0 30px 0; }
h3.pro	{ display: block; text-align: left; margin: 50px 0 30px 0; }

/*=============COMMON================*/
#wrap		{ min-width: 980px; text-align: center; margin: 0; padding: 0; background: url('../img/common/head_bg.png') top repeat-x; }
#head		{ width: 980px; height: 112px; margin: 0 auto; padding: 0; }
#gnb		{ float: right; text-align: left; margin: 45px 0 0 0; padding: 0;  }
#gnb li		{ float: left; margin: 0 0 0 70px; padding: 0; list-style: none; }
#gnb li a		{ display: inline; height: 24px; margin: 0; padding: 5px 0 0 30px; font: 700 1.2em 'Nanum Gothic Coding',  monospace; color: #666; letter-spacing: -0.01em; background: url('../img/common/menubul.png') left center no-repeat;  }
#gnb li a:hover, #gnb li a.hover		{ color: #23ac38; background: url('../img/common/menubul_on.png') left center no-repeat; }
#top	{ position: absolute; bottom: 0; right: -65px; width: 62px; text-indent: -999999em; height: 58px; background: url('../img/common/top.gif') no-repeat; }

/*=============MAIN================*/
#vis		{  min-width: 980px; height: 705px; background: url('../img/main/main.jpg') no-repeat; }
#vis_wrap	{ position: relative; width: 980px; height: 705px;margin: 0 auto;}
#vis_slider {list-style:none;width:960px;height:620px;margin:0;padding:0;}
#vis_slider li {width:960px;height:620px;margin:0;padding:0;vertical-align:top;}
#movie	{min-width: 392px;  height: 288px; position: absolute; bottom: 50px; right: 0; margin: 0; padding: 0;  }
.m_call	{ position: absolute; top: 220px;right:0;width:407px;height:153px;background:url('../img/main/call.png') no-repeat 0 0;z-index:100;}
	.m_call	span {display:block;margin-left:-5px;padding-top:80px;font-family:Helvetica,Arial,Serif;font-weight:bold;font-size:4em;color:#06733c;line-height:100%;text-align:left;}
	.m_call	span a {color:#06733c;}
	.m_call	span #tel	{width:338px;height:70px;}
.copy	{ position: absolute; bottom: 30px; right: 0; width: 388px; height: 13px; }
#fla	{ width: 780px; height: 700px; position: absolute;left:0;top:0;}

/*=============SUB================*/
#cotents	{ position: relative; display:block; width: 980px; margin: 0 auto 100px auto; padding: 0; }
#lnb		{ display: block; float: right; }
#lnb li	{ width: 100px; list-style: none; text-align: right; border-bottom: 1px solid #999; }
#lnb li a		{ color: blue; font: bold 1.2em 'daum'; }
#switcher-wrap { width: 980px; height: 1022px; margin: 20px auto; padding: 0; position: relative; }
#switcher-wrap a	{ cursor:pointer; border: 1px solid #aaa; border-bottom: 2px solid #aaa; }
#one { width: 962px; height: 667px; background: url('../img/prod/prod_img1.jpg') no-repeat; z-index: 2; }
#two { width: 962px; height: 667px;  background: url('../img/prod/prod_img2.jpg') no-repeat; }
#three {  width: 962px; height: 667px; background: url('../img/prod/prod_img3.jpg') no-repeat; }
#four { width: 962px; height: 667px;  background: url('../img/prod/prod_img4.jpg') no-repeat; }
#five { width: 962px; height: 667px;  background: url('../img/prod/prod_img5.jpg') no-repeat; }
#six { width: 962px; height: 667px;  background: url('../img/prod/prod_img6.jpg') no-repeat; }
#seven { width: 962px; height: 667px; background: url('../img/prod/prod_img7.jpg') no-repeat; }
#eight { width: 962px; height: 667px; background: url('../img/prod/prod_img8.jpg') no-repeat; }
#nine { width: 962px; height: 667px;  background: url('../img/prod/prod_img9.jpg') no-repeat; }
#ten { width: 962px; height: 667px; background: url('../img/prod/prod_img10.jpg') no-repeat; }

#one2 { width: 962px; height: 667px; background: url('../img/prod/prod2_img1.jpg') no-repeat; z-index: 2; }
#two2 { width: 962px; height: 667px;  background: url('../img/prod/prod2_img2.jpg') no-repeat; }
#three2 {  width: 962px; height: 667px; background: url('../img/prod/prod2_img3.jpg') no-repeat; }
#four2 { width: 962px; height: 667px;  background: url('../img/prod/prod2_img4.jpg') no-repeat; }
#five2 { width: 962px; height: 667px;  background: url('../img/prod/prod2_img5.jpg') no-repeat; }
#six2 { width: 962px; height: 667px;  background: url('../img/prod/prod2_img6.jpg') no-repeat; }
#seven2 { width: 962px; height: 667px; background: url('../img/prod/prod2_img7.jpg') no-repeat; }
#eight2 { width: 962px; height: 667px; background: url('../img/prod/prod2_img8.jpg') no-repeat; }
#nine2 { width: 962px; height: 667px;  background: url('../img/prod/prod2_img9.jpg') no-repeat; }
#ten2 { width: 962px; height: 667px; background: url('../img/prod/prod2_img10.jpg') no-repeat; }

#one span, #one2 span { width: 198px; height: 163px; position: absolute; left: 0; bottom: -170px; }
#two span, #two2 span { width: 198px; height: 163px; position: absolute; left: 194px; bottom: -170px;}
#three span, #three2 span {width: 198px; height: 163px;  position: absolute; left: 389px; bottom: -170px; }
#four span, #four2 span { width: 198px; height: 163px; position: absolute; left: 583px; bottom: -170px; }
#five span, #five2 span {width: 198px; height: 163px;  position: absolute; left: 779px; bottom: -170px; }
#six span, #six2 span { width: 198px; height: 163px; position: absolute; left: 0; bottom: -340px; }
#seven span, #seven2 span { width: 198px; height: 163px; position: absolute; left: 194px; bottom: -340px; }
#eight span, #eight2 span {width: 198px; height: 163px;  position: absolute; left: 389px; bottom: -340px; }
#nine span, #nine2 span { width: 198px; height: 163px; position: absolute; left: 583px;bottom: -340px; }
#ten span, #ten2 span {width: 198px; height: 163px;  position: absolute; left: 779px;bottom: -340px; }

.image-link { display: block; width: 184px; height: 161px; position: absolute; top: 0; left: 0; }
.image-link span { width: 184px; display: block; padding: 0; }
.image-link span img	{ border: 1px solid #ccc; }
.image-link:hover { z-index: 100; }

#sub_vis		{ min-width: 980px; height: 202px; margin: 0 auto; text-align: center; background: url('../img/common/sub_vis.jpg') no-repeat; }
.sub_vis_wrap	{ width: 980px; text-align: left; margin: 0 auto; padding: 0; }
.cs		{ float: right; margin: 24px 0 0 0; }
.title		{ float: left; margin: 58px 0 0 0; }
.prod_spec	{ position: relative; width: 980px; height: 680px; }
.prod_spec p	{ display: block; }
.spec		{ margin: 0 0 0 5px; padding: 0; }
.spec	 li		{ margin: 25px 0; padding: 0 0 0 30px; text-align: left; font: bold 1.5em 'daum'; list-style: none;background: url('../img/prod/bull.png') left center no-repeat; }
.tit_L	{ position: absolute; top: 0; left: 0; }
.tit_R	{ position: absolute; top: 0; left: 600px; }
.new	{ display: block;  padding: 100px 0 0 0; border-top: 2px solid #999; }
#map_addr		{ text-align: left; margin: 0 0 0 15px; padding: 0; }
#map_addr li	{ width: 100%; margin: 5px 0; padding: 0; list-style: none; font-size: 0.9em; color: #333;}
#map_addr li span	{ border-top: 4px solid #0c9a0c; margin: 0 20px 0 0; padding: 4px 10px; font-weight: bold; }

#side	{ position: absolute; top: 80px; left: 0; width: 203px; margin: 0; padding: 0; }
#side ul	{ margin: 0; padding: 0; }
#side ul li	{display: block; height: 50px; padding: 0; margin: 7px 0 0 0; list-style: none; }
#side ul li a	{ display: block;  padding: 15px 0; font: bold 1em 'daum'; color: #666; background: url('../img/comp/sidebg_off.png') no-repeat; }
#side ul li a:hover, #side ul li a.hover	{ display: block; font-weight: bold; color: #006835;background: url('../img/comp/sidebg_on.png') left no-repeat; }

.comp1	{ padding: 90px 0 0 0; }
.comp2	{ float: right; margin: 0;  }
.comp2 dl	{ display: block; margin: 50px 0 0 0; }
.comp2 dl dt	{ text-align: left; margin: 0 0 0 55px; }
.comp2 dl dd	{ text-align: left;  }
.comp2 dl dd img	{ margin: 20px; }
.comp2	table { width: 700px; border: 1px solid #ccc; border-top: 3px solid #999; font-size: 14px; }
.comp2	table th { padding: 6px 20px; background: #fafafa;  border: 1px solid #ccc;}
.comp2	table td { padding: 6px 32px; text-align: left; border: 1px solid #ccc;}
.comp2	table td ol	{ margin: 0 0 0 25px; padding: 0; }
.comp3 { float: right; margin: 0; }
.sect	{ margin: 60px 0 -70px 0;  padding: 0; }


ul.list li {
list-style-type:none;
}
ul.tabs {
text-align:center;
width:100%;
margin:20px auto 0 auto;
padding:0;
overflow:hidden;
}
#tabsholder	{margin:0;padding:0;}
ul.tabs li {
width:24%;
list-style-type:none;
display:block;
float:left;
color:#fff;
padding:20px 0;
margin:0 3px;
border-bottom:2px solid #bbb;
background-color:#ccc;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
font:600 15pt 'nanumgothic';
cursor:pointer;
}

ul.tabs li:hover {
background-color:#23ac38;
}

ul.tabs li.current {
border-bottom:2px solid #719b37;
background-color:#23ac38;
padding:20px 0;
}




/*=============FOOT================*/
#foot	{ min-width: 980px; height: 110px; border-top: 1px solid #999; }
#foot_cont		{  position: relative;width: 980px; margin: 30px auto 0 auto; }
.addr		{ float: left; width: 650px; margin: 0; padding: 0; text-align: left; color: #444; font-size: 0.7em;  font-family: 'Nanum Gothic Coding','arial' monospace; }
.addr span		{ margin: 0 20px 0 0; padding: 0; font-family: 'Nanum Gothic Coding','arial' monospace;  }
.admin	{  position: absolute; right: 0; top: 12px;  margin: 0; padding: 0; }
.admin a	{ display: block; width: 63px; height:29px; background: url('../img/common/admin.png') no-repeat; }

/* 1706926 추가 */
.prod_img {padding:35px 0;text-align:center;border:1px solid #e9e9e9;}

/* 200819 추가 */
.sound_only {position:absolute;font-size:0;line-height:0;}
h3.h3_tit {position:relative;height:110px;margin:90px 0 30px;padding:0;background:url('../img/prod/subj_bg.jpg') no-repeat left bottom;}
	h3.h3_tit span {display:inline-block;position:relative;width:320px;padding-top:45px;font-size:1.6em;font-family:"DWImpactamin","Noto Sans KR","Nanum Gothic Coding","돋움";font-weight:normal;color:#006835;text-align:center;}
dl.spec {margin:25px 0 25px 5px;padding-left:30px;text-align:left;background:url('../img/prod/bull.png') left center no-repeat;}
	dl.spec dt, dl.spec dd {display:inline-block;margin:0;font-size:1.5em;font-family:"Daum","DWImpactamin","Noto Sans KR","Nanum Gothic Coding","돋움";font-weight:bold;}
	dl.spec dt {}
	dl.spec dt:after {display:inline-block;content:"|";margin:0 5px 0 10px;font-weight:normal;}
	dl.spec dd+dd:before {display:inline-block;content:"/";margin-right:5px;}
	dl.spec2 dt:after {display:none;}

/* 210218 추가 */
.contents {position:relative;}
.contents iframe {border:none;}
#lnb {display:block;position:relative;float:none;width:100%;margin:20px auto;}
	#lnb ul {display:block;list-style:none;margin:0;padding:0;}
	#lnb ul:after {display:block;clear:both;content:"";}
	#lnb li {float:left;width:24%;}
	#lnb li+li {margin-left:1.3%;}
	#lnb li a {display:block;padding:20px 0;border-bottom:2px solid #bbb;border-radius:4px 4px 0 0;font:600 15pt 'nanumgothic';color:#fff;text-align:center;background:#ccc;transition:all .2s;}
	#lnb li a:hover {background:#23ac38;}
	#lnb li a.hover {border-bottom:2px solid #719b37;background:#23ac38;}
.prod_tbl {width:100%;}
	.prod_tbl caption {padding:10px 0;font-family:'Noto Sans KR','Nanum Gothic Coding','arial', monospace;color:#fff;background:#333;}
	.prod_tbl th, .prod_tbl td {padding:7px;border-bottom:1px solid #aaa;font-family:'Noto Sans KR','Nanum Gothic Coding','arial', monospace;}
	.prod_tbl thead th {color:#029f52;}
	.prod_tbl td.em {border:none;font-size:1.05em;color:#fff;background:#006835;}
.not {margin-top:10px;text-align:left;font-size:.8em;}
.prod_gal {position:relative;text-align:center;}
	.prod_gal .big {padding:10px;border:1px solid #d9d9d9;background:#fff;}
	.prod_gal .big img {max-width:100%;cursor:pointer;}
	.prod_gal .thumb {text-align:center;}
	.prod_gal .thumb ul {display:inline-block;list-style:none;margin:15px auto 0 auto;padding:0;}
	.prod_gal .thumb ul:after {display:block;clear:both;content:"";}
	.prod_gal .thumb ul li {float:left;list-style:none;width:12%;margin:.25%;background:#fff;}
	.prod_gal .thumb ul li a {display:block;padding:5px;border:1px solid #d9d9d9;}
	.prod_gal .thumb ul li a.selected {border-color:orange;}
	.prod_gal .thumb ul li img {max-width:100%;}
.prod3_hd_txt {margin:50px 0 -40px;padding:10px 0;border-top:1px solid #666;border-bottom:1px solid #666;font-size:2em;color:#4c4c4c;text-align:center;}
	.prod3_hd_txt, .prod3_hd_txt * {font-family:"DWImpactamin",'Noto Sans KR','Nanum Gothic Coding','arial', monospace;}
	.prod3_hd_txt strong {font-weight:normal;color:#000;}
	.prod3_hd_txt span.em1 {color:#c4570a;}
	.prod3_hd_txt span.em2 {color:#229113;}