@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	
	-webkit-font-smoothing: antialiased;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




/* 헤더 */ 
header{*zoom:1; position:fixed; top:0; left:0; z-index:100000; width:100%; min-width:1024px;  height:125px; background:#95c480;}
header:after{content:""; display:block; clear:both;}
header h1{float:left; margin-left:120px; padding-top:25px;}
header h1 img{width:356px; height:64px;}
header .menu{*zoom:1; float:right; margin-right:120px; padding-top:57px;}
header .menu:after{content:""; display:block; clear:both;}

header .loginMenu li{position:absolute;right:120px;top: 10px;}
header .loginMenu li a{display:block; height:38px; line-height:38px; padding:0 15px; font-size:13px; font-weight:bold;  color:#fff; border-radius:5px; font-family:티타늄,"돋움",sans-serif;}
header .loginMenu li a:hover{color:#3f5666;}

header .menu .selected{
  background:#3f5666;
}

@media all and (min-width:1256px ){
header .menu li{float:left; margin-left:35px;}
header .menu li a{display:block; height:38px; line-height:38px; padding:0 15px; font-size:16px; font-weight:bold;  color:#fff; border-radius:5px; font-family:티타늄,"돋움",sans-serif;}
header .menu li a:hover{background:#3f5666;}
}

@media all and (max-width:1255px){
  header .navMenu{*zoom:1; float:right; margin:40px 60px 0 0; width:44px; height:44px; background:url(../img/btn_gnb.gif) no-repeat 0 0;}
  header .navMenu .menu {display:none; margin-right:0; padding-top:40px;height: 171px;width: 217px;color: #2a3e51}
  header .navMenu:hover .menu{display:block;height: 171px;width: 217px;color: #2a3e51}
  header .navMenu .menu li a{background:#2a3e51}
  header .navMenu .menu li:nth-child(0n+1) a{float:right;height:65px; width:217px; text-align:center; background:url(../img/btn_resiize01_n.gif) no-repeat 0 0;}
  header .navMenu .menu li:nth-child(0n+2) a{float:right;height:41px; width:217px; text-align:center; background:url(../img/btn_resiize02_n.gif) no-repeat 0 0;}
  header .navMenu .menu li:nth-child(0n+3) a{float:right;height:65px; width:217px; text-align:center; background:url(../img/btn_resiize03_n.gif) no-repeat 0 0;}
  header .navMenu .menu li:nth-child(0n+1) a:hover{background:url(../img/btn_resiize01_o.gif) no-repeat 0 0;}
  header .navMenu .menu li:nth-child(0n+2) a:hover{background:url(../img/btn_resiize02_o.gif) no-repeat 0 0;}
  header .navMenu .menu li:nth-child(0n+3) a:hover{background:url(../img/btn_resiize03_o.gif) no-repeat 0 0;}
/*  header .navMenu .menu li a{padding:0;}
  header .navMenu .menu li a:hover{border-radius:0; background:#2b3e50; color:#39ad95;}*/

}



#warp1,#warp2,#warp3,#warp1_2,#warp2_2{
  position: absolute;
  top: -120px;
  width:1px;
  height: 1px;
}



#container{
	width:100%;
}

#content{
	width:100%;
  font-family:나눔; 
}

/* 아티클 */
article {
  width:100%;
	position:relative;
/* 	width:100%; */
/* 	height:100%; */
}

.anchorLink{
  text-decoration: none;
}


.menu{
	word-spacing: -1px;
}

/* 이미지 슬라이더 */

#mainArticle {
	padding:125px 0 0 0 !important;
/* 	min-width:100%; */
}

#slides {
  display: none;
}

#slides .slidesjs-navigation {
  margin-top:5px;
}


a.slidesjs-previous{
	display:inline-block; width:40px; height:40px; text-indent:-1000em; overflow:hidden; background:url(../img/btn_n-p.png) no-repeat;
	position:absolute; left:20px; top:50%; margin-top:-20px; z-index:999;
	background-position:0 0;
}
a.slidesjs-next {
	display:inline-block; width:40px; height:40px; text-indent:-1000em; overflow:hidden; background:url(../img/btn_n-p.png) no-repeat; 
    position:absolute; right:20px; top:50%; margin-top:-20px; z-index:999;
	background-position:100% 0;}
a.slidesjs-previous:hover{background-position:0 100%;}
a.slidesjs-next:hover{background-position:100% 100%;}


a.slidesjs-play {
  display:none !important;
}

a.slidesjs-stop {
  display:none !important;
}

.slidesjs-pagination {
  position:absolute; right:20px; top:150px; margin-top:20px; z-index:999;
  margin: 7px 0 0;
  float: right;
  list-style: none;
}

.slidesjs-pagination li {
  float: left;
  margin: 0 1px;
}

.slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background-image: url(../img/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
  z-index:999;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
  background-position: 0 -26px
}

#slides a:link,
#slides a:visited {
  color: #333
}

#slides a:hover,
#slides a:active {
  color: #9e2020
}

.navbar {
  overflow: hidden
}

 .subArticle{
 	position:relative;
 	top:0;
  width:1024px;
  margin: 0 auto;
 }

.page1{height:6000px;}
.page1_2{height:4600px;}
.page2_1{height:5000px;}
.page2_2{height:1700px;}

.subArticle > div{
font-size: 16px;
line-height: 180%;
text-align: justify;
}
 
 /* 카우팜시작 */
.img1{width:600px;height:308px;background-image:url(../img/kau1_01.jpg);
      position:absolute;left:0px;top:75px;}
.img2{width:373px;height:526px;background-image:url(../img/kau1_02.jpg);
      position:absolute;right:0px;top:350px;}
.img3{width:431px;height:283px;background-image:url(../img/kau1_03.jpg);
      position:absolute;left:70px;top:780px;}
.img4{width:540px;height:337px;background-image:url(../img/kau1_04.jpg);
      position:absolute;right:145px;top:1003px;}
.img5{width:492px;height:400px;background-image:url(../img/kau1_05.jpg);
      position:absolute;right:0px;top:1479px;}
.img6{width:323px;height:485px;background-image:url(../img/kau1_06.jpg);
      position:absolute;left:0px;top:2003px;z-index:2}
.img7{width:608px;height:308px;background-image:url(../img/kau1_07.jpg);
      position:absolute;right:57px;top:1977px;}
.img8{width:406px;height:459px;background-image:url(../img/kau1_08.jpg);
      position:absolute;left:160px;top:2349px;z-index:3}
.img9{width:400px;height:480px;background-image:url(../img/kau1_09.jpg);
      position:absolute;left:90px;top:2879px;}
.img10{width:444px;height:268px;background-image:url(../img/kau1_10.jpg);
      position:absolute;right:120px;top:2950px;}
.img11{width:208px;height:77px;background-image:url(../img/kau1_11.jpg);
      position:absolute;left:0px;top:3550px;}      
.img12{width:182px;height:335px;background-image:url(../img/kau1_12.jpg);
      position:absolute;left:0px;top:3750px;}
.img13{width:278px;height:294px;background-image:url(../img/kau1_13.jpg);
      position:absolute;right:0px;top:4000px;}
.img14{width:236px;height:172px;background-image:url(../img/kau1_14.jpg);
      position:absolute;left:0px;top:4280px;}
.img15{width:268px;height:223px;background-image:url(../img/kau1_15.jpg);
      position:absolute;right:0px;top:4500px;}
.img16{width:393px;height:272px;background-image:url(../img/kau1_16.jpg);
      position:absolute;left:0px;top:4700px;}
.img17{width:373px;height:361px;background-image:url(../img/kau1_17.jpg);
      position:absolute;right:0px;top:4900px;}
.img18{width:705px;height:160px;background-image:url(../img/kau1_18.jpg);
      position:absolute;left:150px;top:5420px;}


.text1{width:380px;height:180px;
      position:absolute;right:0px;top:120px;  resize:none; border-radius:0; word-spacing: 1pt;
      font-size:12px; font-family: 나눔,sans-serif; }
.text2{width:450px;height:180px;
      position:absolute;right:540px;top:480px;  resize:none; border-radius:0; 
      line-height:1; font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text3{width:440px;height:300px;
      position:absolute;right:530px;top:1514px;  resize:none; border-radius:0; 
      line-height:1.5; font-size:12px; font-family: 나눔,sans-serif;word-spacing: 1pt;}
.text4{width:420px;height:250px;
      position:absolute;right:20px;top:2400px;  resize:none; border-radius:0; 
      line-height:1.5; font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text5{width:375px;height:70px;
      position:absolute;right:130px;top:3250px;  resize:none; border-radius:0; 
      line-height:1.5; font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text6{width:600px;height:180px;
      position:absolute;left:300px;top:3650px; font-size:17px !important; font-weight: bold;  resize:none; border-radius:0; 
      line-height:1.5; font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text7{width:700px;height:180px;
      position:absolute;left:300px;top:3880px;  resize:none; border-radius:0; 
      line-height:1.5; font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text8{width:700px;height:300px;
      position:absolute;left:120px;top:4100px;  resize:none; border-radius:0; 
      line-height:1.5; font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text9{width:700px;height:250px;
      position:absolute;left:300px;top:4340px;  resize:none; border-radius:0; 
      line-height:1.5; font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text10{width:700px;height:150px;
      position:absolute;left:15px;top:4570px; resize:none; border-radius:0; 
      line-height:1.5; font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text11{width:650px;height:180px;
      position:absolute;left:400px;top:4800px; resize:none; border-radius:0; 
      line-height:1.5; font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text12{width:680px;height:300px;
      position:absolute;left:30px;top:5030px; resize:none; border-radius:0; 
      line-height:1.5; font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text13{width:690px;height:400px;
      position:absolute;left:150px;top:5320px; resize:none; border-radius:0; 
      line-height:1.5; font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text14{width:690px;height:300px;
      position:absolute;left:150px;top:5600px; resize:none; border-radius:0; 
      line-height:1.5; font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
 /* 카우팜끝 */

/* 카우그린빈시작 */
.img2_1{width:293px;height:388px;background-image:url(../img/kau2_01.jpg);
      position:absolute;left:733px;top:263px;}
.img2_2{width:93px;height:42px;background-image:url(../img/subtit_cherry.gif);
      position:absolute;left:0px;top:290px;}
.img2_3{width:492px;height:388px;background-image:url(../img/kau2_02.jpg);
      position:absolute;left:0px;top:590px;}
.img2_4{width:477px;height:298px;background-image:url(../img/kau2_03.jpg);
      position:absolute;left:0px;top:1080px;}
.img2_5{width:490px;height:375px;background-image:url(../img/kau2_04.jpg);
      position:absolute;right:0px;top:1320px;}
.img2_6{width:748px;height:468px;background-image:url(../img/kau2_16.jpg);
      position:absolute;left:200px;top:1750px;}
.img2_7{width:148px;height:34px;background-image:url(../img/subtit_parchment.gif);
      position:absolute;left:0px;top:2300px;}
.img2_8{width:407px;height:402px;background-image:url(../img/kau2_06.jpg);
      position:absolute;left:70px;top:2400px;}
.img2_10{width:555px;height:335px;background-image:url(../img/kau2_08.jpg);
      position:absolute;left:120px;top:3030px;}
.img2_9{width:390px;height:302px;background-image:url(../img/kau2_07.jpg);
      position:absolute;right:0px;top:2830px;}
.img2_11{width:124px;height:41px;background-image:url(../img/subtit_peaberry.gif);
      position:absolute;left:0px;top:3530px;}      
.img2_12{width:380px;height:253px;background-image:url(../img/kau2_10.jpg);
      position:absolute;right:0px;top:3570px;}
.img2_13{width:411px;height:411px;background-image:url(../img/kau2_09.jpg);
      position:absolute;left:0px;top:3650px;}
.img2_14{width:561px;height:372px;background-image:url(../img/kau2_11.jpg);
      position:absolute;right:0px;top:4050px;}
/*.img2_15{width:229px;height:34px;background-image:url(../img/subtit_kaugreenbean.gif);
      position:absolute;left:0px;top:4620px;}
.img2_16{width:229px;height:34px;background-image:url(../img/img/kau2_12.jpg);
      position:absolute;left:0px;top:4620px;}*/
      
.text2_1{width:1024px;height:180px;
      position:absolute;left:0px;top:115px;color:white; line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text2_2{width:700px;height:150px;
      position:absolute;left:0px;top:364px;color:white;line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text2_3{width:490px;height:400px;
      position:absolute;right:0px;top:720px;color:white; line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text2_4{width:455px;height:360px;
      position:absolute;right:45px;top:2430px;color:white; line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text2_5{width:520px;height:220px;
      position:absolute;right:20px;top:3850px;color:white; line-height:1.5;
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text2_6{width:420px;height:220px;
      position:absolute;left:0px;top:4110px;color:white; line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
/* 카우그린빈끝 */


/* 로스팅시작 */
.img3_1{width:291px;height:41px;background-image:url(../img/subtit_gcs.gif);
      position:absolute;left:0px;top:100px;}
.img3_2{width:611px;height:407px;background-image:url(../img/ro1_01.jpg);
      position:absolute;left:0px;top:250px;}
.img3_3{width:459px;height:660px;background-image:url(../img/ro1_02.jpg);
      position:absolute;right:0px;top:330px;}
.img3_4{width:495px;height:387px;background-image:url(../img/ro1_03.jpg);
      position:absolute;left:0px;top:840px;}
.img3_5{width:120px;height:44px;background-image:url(../img/subtit_roasting.gif);
      position:absolute;left:0px;top:1330px;}
.img3_6{width:492px;height:311px;background-image:url(../img/ro1_04.jpg);
      position:absolute;left:0px;top:1420px;}
.img3_7{width:520px;height:364px;background-image:url(../img/ro1_05.jpg);
      position:absolute;right:50px;top:1650px;}
.img3_8{width:123px;height:42px;background-image:url(../img/subtit_blending.gif);
      position:absolute;left:0px;top:3100px;}
.img3_9{width:500px;height:364px;background-image:url(../img/ro1_06.jpg);
      position:absolute;left:0px;top:3170px;}
.img3_10{width:108px;height:44px;background-image:url(../img/subtit_packing.gif);
      position:absolute;left:0px;top:3620px;}
.img3_11{width:352px;height:352px;background-image:url(../img/ro1_07.jpg);
      position:absolute;left:0px;top:3700px;}      
.img3_12{width:300px;height:270px;background-image:url(../img/ro1_08.jpg);
      position:absolute;right:0px;top:3930px;}
.img3_13{width:117px;height:42px;background-image:url(../img/subtit_cupping.gif);
      position:absolute;left:0px;top:4340px;}
.img3_14{width:436px;height:291px;background-image:url(../img/ro1_09.jpg);
      position:absolute;left:0px;top:4400px;}
.img3_15{width:350px;height:291px;background-image:url(../img/ro1_10.jpg);
      position:absolute;left:0px;top:2220px;}
.img3_16{width:400px;height:266px;background-image:url(../img/ro1_11.jpg);
      position:absolute;left:130px;top:2670px;}
.img3_17{width:350px;height:233px;background-image:url(../img/ro1_12.jpg);
      position:absolute;right:0px;top:2770px;}


.text3_1{width:1024px;height:300px;
      position:absolute;left:0px;top:160px; font-size:20px !important; 
      font-weight: bold; line-height:1.5;  font-family: 티타늄, sans-serif; word-spacing: 0.5pt;}
.text3_2{width:460px;height:70px;
      position:absolute;left:10px;top:690px;line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text3_10{width:500px;height:150px;
      position:absolute;right:0px;top:1030px;line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text3_3{width:480px;height:150px;
      position:absolute;right:20px;top:1480px;line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text3_4{width:420px;height:360px;
      position:absolute;left:0px;top:1760px;line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text3_5{width:520px;height:220px;
      position:absolute;right:250px;top:2060px; line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text3_6{width:470px;height:150px;
      position:absolute;left:570px;top:3180px; line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif;word-spacing: 1pt;}
.text3_7{width:500px;height:360px;
      position:absolute;left:400px;top:3730px; line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text3_8{width:510px;height:220px;
      position:absolute;left:120px;top:4090px; line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text3_9{width:490px;height:220px;
      position:absolute;right:60px;top:4400px; line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text3_11{width:630px;height:220px;
      position:absolute;right:0px;top:2210px; line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}

/* 로스팅끝 */


/* 로스팅oem시작 */
.img4_1{width:1024px;height:320px;background-image:url(../img/ro2_01.jpg);
      position:absolute;left:0px;top:100px;}
.img4_2{width:498px;height:499px;background-image:url(../img/ro2_02.jpg);
      position:absolute;right:0px;top:490px;}
.img4_3{width:1024px;height:241px;background-image:url(../img/ro2_03.jpg);
      position:absolute;right:0px;top:1060px;}
.img4_4{width:1032px;height:129px;background-image:url(../img/footer.gif);
      position:absolute; right:20px; top:1550px;}


.text4_1{width:480px;height:500px;
      position:absolute;left:0px;top:500px;color:white; line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text4_2{width:600px;height:70px;
      position:absolute;left:250px;top:1310px;color:white; line-height:1.5; 
      font-size:12px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
.text4_3{width:900px;height:70px;
position:absolute;left:50px;top:1500px;color:white; line-height:1; 
font-size:8px; font-family: 나눔,sans-serif; word-spacing: 1pt;}
/* 로스팅oem끝 */



 .subMenu{
 	position:absolute;
 	width:179px;
 	height:146px;
 /*	right:250px;*/
 right:-300px;
 	top:720px;
 	z-index: 999;
  border: 7px solid black;
  background-color: white;
 }

.subMenuTitle{
  background-image:url(../img/sub_menu_tit_01.gif);
  position:absolute;
  width:165px;
  height:38px;
  left:0px;
  top:17px;
}

.subMenu1_1{
  background-image:url(../img/sub_menu_h_01_n.png);
  position:absolute;
  margin: 0;
  width:150px;
  height:27px;
  left:5px;
  top:45px;
}

.selectedSubMenu{
  background-image:url(../img/sub_menu_on.png);
  position:absolute;
  width:179px;
  height:27px;
  left:-18px;
  top:35px;
}

 .selected1{
  top:45px;
 }
 .selected2{
  top:75px;
 }

 .subMenu1_2{
  background-image:url(../img/sub_menu_h_02_n.png);
  position:absolute;
  margin: 0;
  width:150px;
  height:27px;
  left:5px;
  top:75px;
}

.subMenu1_selected{
  background-image:url(../img/sub_menu_h_01_o.png);
}

.subMenu2_selected{
	background-image:url(../img/sub_menu_h_02_o.png);
}




.background1_2{
 background-color: #9d9f93; 
 color: white !important;
}

.background2_1{
 background-color: #ebdbbb; 
}


.background2_2{
 background-color: #7c828f; 
}



 .subMenu2{
  position:absolute;
  width:179px;
  height:146px;
  /*right:250px;*/
  right: -300px;
  top:720px;
  z-index: 999;
  border: 7px solid black;
  background-color: white;
 }

.subMenuTitle2{
  background-image:url(../img/sub_menu_tit_02.gif);
  position:absolute;
  width:165px;
  height:38px;
  left:0px;
  top:17px;
}




.subMenu2_1{
  background-image:url(../img/sub_menu_r_01_n.png);
  position:absolute;
  margin: 0;
  width:150px;
  height:27px;
  left:5px;
  top:45px;
}

.selectedSubMenu2{
  background-image:url(../img/sub_menu_on.png);
  position:absolute;
  width:179px;
  height:27px;
  left:-18px;
  top:35px;
}


 .selected2_1{
  top:45px;
 }
 .selected2_2{
  top:75px;
 }

 .subMenu2_2{
  background-image:url(../img/sub_menu_r_02_n.png);
  position:absolute;
  margin: 0;
  width:150px;
  height:27px;
  left:5px;
  top:75px;
}

.subMenu2_1_selected{
  background-image:url(../img/sub_menu_r_01_o.png);
}

.subMenu2_2_selected{
  background-image:url(../img/sub_menu_r_02_o.png);
}