/* 공통 */
* {padding:0px; margin:0px;}
html, body {width:100%; height:100%; border:0;}
img {vertical-align:middle; border:0px; width:100%;}
ol, ul, li {list-style:none;}
a {color:inherit; text-decoration:none; color:#666;}
body {font-family:'돋움', 'Dotum', Dotum, sans-serif; color:#555; font-size:16px; line-height:22px;}

/* main */
#wrap {width:100%; min-width:320px;}

#header h1 {position:relative;}
#header h1 img {position:absolute; top:5px; left:50%; margin-left:-40px; width:70px;}
#header .top {height:70px; border-bottom:1px solid #ddd; padding-left:10px;}

#header .menu-button {position:relative; top:10px; left:5px; height:36px; width:36px; cursor:pointer;}
#header .menu-button:before {content:""; position:absolute; top:10px; right:3px; border-bottom:15px double #71bf44; border-top:5px solid #71bf44; width:30px; height:5px;}
#header .menu-left {float:left; margin-right:1.5em;}
#header .sidebar {margin:0;	padding-top:60px; color:#666; background-color:#fff;  font-family:'나눔고딕', 'nanumgothic'; }
#header .sidebar .tit_menu {position:absolute; top:20px; left:15px; font-weight:bold; font-size:1.2em; color:#333;}
#header .sidebar li {display:block; line-height:50px; border-top:1px solid #ddd; text-align:left;}
#header .sidebar hr {margin:2em auto; border:0; padding:0; width:80%; height:1px;}

#header .button {position:absolute; top:0px; right:0px; border-left:1px solid #ddd; cursor:pointer;}
#header .button img {width:60px;}
#list01 {list-style:none;}
#list01 a {display:block; padding-left:1em; font-weight:bold; }
#list01 .tit a {color:#71bf44; background-color:#fff;}
#list01 > li > ul > li a {cursor:pointer; color:#666; background-color:#efefef; font-size:16px;}

/* 슬라이드배너 */
.mn_swipe {position:relative; top:0px; overflow:hidden;}
.mn_swipe ul {position:relative; overflow:hidden; border-bottom:1px solid #ddd;}
.mn_swipe li {position:relative; float:left; line-height:0;}
.mn_swipe img {width:100%; height:auto;}
.mn_swipe button {position:absolute; top:50%; z-index:10; margin-top:-15px; width:24px; height:40px; border:0px; cursor:pointer;}
.mn_swipe button:nth-child(2) {left:5px; background:url('../img/prev.png') 50% 50% no-repeat; background-size:100%;}
.mn_swipe button:nth-child(3) {right:5px; background:url('../img/next.png') 50% 50% no-repeat; background-size:100%;}
#data {position:absolute; top:28%; right:5%; background:#71bf44; border-radius:100px; width:80px !important; height:50px; color:#fff; font-size:15px; text-align:center; padding-top:30px; font-weight:bold; z-index:1;}

/* 메인 비주얼 */
.bx-wrapper {border-bottom:1px solid #cccccc;}
.mn_visual span {position:absolute; right:8%; top:27%; display:block; width:70px; height:70px; padding-top:26px; box-sizing:border-box; color:white; font-size:18px; font-weight:bold; text-align:center; background:#71bf44; -webkit-border-radius:35px; border-radius:35px;}

/* 메인배너 및 하단 */
.m_banner {border-bottom:1px solid #ccc; overflow:hidden;}
.m_banner section {padding:20px;}
.m_banner h3 {position:relative; margin-bottom:10px;}
.m_banner h3 span {position:absolute; right:0px; font-size:12px; font-weight:normal; color:#777;}
.m_banner .f_left {width:49%; float:left; border-right:1px solid #ccc;}
.m_banner .f_right {width:49%; float:right;}
.m_banner p {font-size:14px; line-height:18px;}
.m_banner .iImg {padding-top:10px;}
footer {background-color:#777; color:#e1e1e1; padding:25px 10px; font-size:14px; line-height:20px; text-align:center;}
footer strong {font-size:16px;}
footer div {display:inline-block; border:1px solid #ccc; padding:5px 10px; margin-top:10px;}
footer a {color:#ddd;}

/* 메인배너 및 하단 */
.sub_menu {width:100%; overflow:hidden; border-bottom:1px solid #ccc; background-color:#ededee;}
.sub_menu li {float:left; width:50%; text-align:center;}
.sub_menu li a {display:block; border-bottom:1px solid #ccc; padding:10px 0;}
.sub_menu .r_line {border-right:1px solid #ccc;}
.sub_menu .noline {border-bottom:0px;}
.sub_menu .on {display:block; font-weight:bold; color:#71bf44; background-color:#fff;}

/* ##### 서브 컨텐츠 ##### */
.sub_contents {padding-top:40px;}
.sub_contents section {margin:10px 10px 50px 10px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted #ccc;}
.sub_contents h4 {font-size:24px; padding-bottom:20px; color:#71bf44; margin-left:10px;}
.sub_contents h5 {font-size:20px; padding-bottom:10px; background:url(/mobile/img/h5.gif) no-repeat 0px 0px; padding-left:20px;}
.sub_contents h5 span {font-size:18px; font-weight:normal;}

.sub_contents .table1 {border-top:2px solid #999;}
.sub_contents .table1 th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:7px; text-align:center; width:35%;}
.sub_contents .table1 td {border-bottom:1px solid #ccc; padding:7px;}

.sub_contents .table2 {border-top:2px solid #999;}
.sub_contents .table2 th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:7px; text-align:center; width:20%;}
.sub_contents .table2 td {border-bottom:1px solid #ccc; padding:7px;}

.color1 {color:#71bf44;}
.color2 {color:#663333; font-weight:bold;}
.color3 {color:#f37021; font-weight:bold;}
.color4 {color:#a76547; font-weight:bold;}
.color5 {color:#f15b4e; font-weight:bold;}

.mgt10 {margin-top:10px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}
.mgb50 {margin-bottom:50px;}
.mgl20 {margin-left:20px; padding-right:10px;}
.font20 {font-size:20px;}

	/* 히스토리 */
	.sub_contents .history strong {padding-right:10px; color:#71bf44;}
	.sub_contents .history span {font-weight:bold;}
	.sub_contents .history li {text-indent:-45px; margin-left:45px;}

	/* 제품소개 */
	.img170 {width:170px; margin:0 auto;}
	.sub_contents p {line-height:22px; text-align:center; padding:0px 25px;}
	.sub_contents .tit {margin-bottom:10px;}

	.sub_contents .txt {background:#ededee; padding:10px; margin:10px;}
	.sub_contents .txt li {margin-bottom:10px;}
	.sub_contents .txt strong {display:block;}