@charset "utf-8";
/*
@font-face {
	font-family:"arita-M";
	src:url("/fonts/arita-M.eot");
	src:url("/fonts/arita-M.woff") format("woff")
}*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {padding:0;margin:0;border:0 none}
iframe{position:relative; z-index:100}
select, form, input, textarea {vertical-align:middle;font-family:Dotum, Gulim, Arial, AppleGothic, verdana, sans-serif;font-size:1em}
form{display:inline}
ul, ol {list-style:none}
hr, caption, legend {display:none}
li img {vertical-align:top}
input, textarea {border:0 none}
input.checkbox, input.radio, input.image {background:none;border:none}
select {height:21px}
em {font-style:normal}

body{font-family:"돋움", sans-serif; font-size:14px; font-style:normal; letter-spacing:0px;}
a{color:#666; text-decoration:none}
a:hover{colog:#666; text-decoration:underline}

.area-hd {position:absolute;left:-10000% !important;top:-10000%;overflow:hidden;width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0}

.consol {position:fixed;right:0;top:0;z-index:10000;color:red}
.no-scr {overflow-y:hidden}
.fixed11 {position:fixed !important;left:50% !important;}

#gnb-wrap {position:fixed;left:0;top:0;z-index:10000000;width:100%;height:139px;background:url(../images/gnb_bg.png) no-repeat center 0}
#gnb {width:980px;height:139px;margin:0 auto;}
#gnb-wrap .gnb-relative {position:relative;width:950px;margin:0 auto}
#gnb-wrap a {display:block;position:absolute;background:url(../images/gnb.png) no-repeat 0 0}
#gnb-wrap label {cursor:pointer}
#gnb-wrap a span {display:block;overflow:hidden;text-indent:-5000em}
#gnb-wrap li.logo a{left:0;top:10px;width:125px;height:65px;background-position:0 -10px;}
#gnb-wrap #gnb a {top:0;height:80px}

#gnb-wrap li.g1 a {background-position:-166px 0;left:180px;width:130px;}
#gnb-wrap li.g2 a {background-position:-312px 0;left:310px;width:130px;}
#gnb-wrap li.g3 a {background-position:-453px 0;left:440px;width:130px;}
#gnb-wrap li.g4 a {background-position:-610px 0;left:587px;width:150px;}



#gnb-wrap li.g1 a:hover {background-position:-164px -99px}
#gnb-wrap li.g2 a:hover {background-position:-310px -99px}
#gnb-wrap li.g3 a:hover {background-position:-451px -99px;}
#gnb-wrap li.g4 a:hover {background-position:-611px -99px;} 

#gnb-wrap li.g1 a.current {background-position:-164px -99px}
#gnb-wrap li.g2 a.current {background-position:-310px -99px}
#gnb-wrap li.g3 a.current {background-position:-451px -99px;}
#gnb-wrap li.g4 a.current {background-position:-611px -99px;}

#gnb-wrap #util {display:inline-block;position:absolute;right:0;top:12px;padding:0 1px;*zoom:1}
#gnb-wrap #util li {float:left}
#gnb-wrap #util a {position:static;height:20px}
#gnb-wrap li.u1 a {background-position:-736px -12px;width:40px;}
#gnb-wrap li.u1-out a {background-position:-736px -192px;width:50px;}
#gnb-wrap li.u2 a {background-position:-860px -14px;width:45px;}
#gnb-wrap li.u3 a {background-position:-903px -14px;width:52px;}
#gnb-wrap li.u4 a {background-position:-950px -14px;width:116px;margin-left:-3px}

#gnb-wrap li.u1 a:hover {background-position:-736px -112px;}
#gnb-wrap li.u1-out a:hover {background-position:-736px -222px;}
#gnb-wrap li.u2 a:hover {background-position:-860px -115px;}
#gnb-wrap li.u3 a:hover {background-position:-903px -115px;}
#gnb-wrap li.u4 a:hover {background-position:-950px -115px;}
#gnb-wrap #sns a {top:43px; height:25px}
#gnb-wrap li.s1 a {background-position:-950px -43px;left:838px; width:25px}
#gnb-wrap li.s2 a {background-position:-979px -43px;left:863px; width:49px}
#gnb-wrap li.s3 a {background-position:-1035px -43px;left:917px; width:30px}
#gnb-wrap li.s4 a {background-position:-927px -43px;left:927px}

#container #roll {position:absolute;width:100%;}

.section,
.section-action {position:relative;width:960px;margin:0 auto}
.scene {overflow:hidden;position:relative;width:100%;height:100%;margin-left:-1000%; height: 960px; overflow: hidden;}
.obj  {position:absolute;width:100px;height:100px;z-index:100}
.btn-buy {position:absolute;background:url(../images/btn_buy.png);width:91px;height:91px;z-index:1000;}
.btn-buy span {display:block;overflow:hidden;text-indent:-5000em}

#scene1 {height:960px; background:url(../images/scene1_bg.jpg) no-repeat 50% 0;}
#scene1 .h2_box {width: 960px;height: 200px; position:relative; margin:0 auto;}
#scene1 .h2_box .h2{left:279px;top:180px; position:absolute;}

#scene1 .cf_box{width:960px; height:350px; position:relative; margin:0 auto;}
#scene1 .cf_box .cf{left:250px; top:527px; position:absolute;}
#scene1 .cf_box .p_fi{left:210px;top:550px; position:absolute; font-size:11px; font-weight:500;  letter-spacing:0px; line-height:18px; color:#8B8B8B; }
#scene1 .cf_box .cf_mv{position:absolute; margin-left:230px; margin-top:575px; }
#scene1 .cf_box .m_more{left:390px; top:640px; position:absolute;}

#scene1 .cf_box .p_se{left:650px;top:550px; position:absolute; font-size:11px; font-weight:500;  letter-spacing:0px; line-height:18px; color:#8B8B8B; }
#scene1 .cf_box .m_recipe{left:670px; top:527px; position:absolute;}



#scene1 .section {left:50%;top:50%;height:960px;z-index:100;margin:-366px 0 0 -450px;*zoom:1;*display:inline}
#scene1 .b1 {background:url(../images/scene1_b1_shw.png) no-repeat left bottom;width:48px;height:24px;left:600px;top:697px;text-align:center}

#scene1 .bb1 {left: 340px;top: 604px;width: 142px;height: 235px;}
#scene1 .bb2 {left: 1180px;top: 650px;width: 262px;height: 464px;}
#scene1 .bb3 {left: 1000px;top:573px;width: 158px;height: 109px;}

#scene2 {height:1378px;background:url(../images/scene2_bg2.jpg) no-repeat 50% 0;}
#scene2 yo{width:960px; height:505px; position:relative; margin:0 auto;}
#scene2  .x{ left:484px; top:252px;  position:absolute;}
#scene2 .y_txt{left:495px; top:362px; position:absolute;  font-size:12.5px; font-weight:600;  letter-spacing:-0.7px; line-height:18px; color:#AAA; }


#scene2 .poducts_int{margin-left:190px; margin-top:580px; width:625px; height:645px;background:url(../images/products_intro.png) no-repeat;
position:absolute; }

#scene2 .products_fi{position:absolute;}
#scene2 .poducts_int .original_box{margin-top:0px;}
#scene2 .poducts_int .original{margin-left:142px; margin-top:37px;
font-size:16px; font-weight:600;  letter-spacing:-0.9px; line-height:16px; color:#535353;}
#scene2 .poducts_int .original_p{margin-left:142px; margin-top:3px; margin-bottom:15px;
font-size:11px; font-weight:500;  letter-spacing:-0.4px; line-height:16px; color:#929292;}
#scene2 .poducts_int .original_btn{margin-left:142px; margin-top:10px;}


#scene2 .poducts_int .nature_box{margin-top:80px;}
#scene2 .poducts_int .nature{margin-left:142px; margin-top:37px;
font-size:16px; font-weight:600;  letter-spacing:-0.9px; line-height:16px; color:#535353;}
#scene2 .poducts_int .nature_p{margin-left:142px; margin-top:3px; margin-bottom:15px;
font-size:11px; font-weight:500;  letter-spacing:-0.4px; line-height:16px; color:#929292;}
#scene2 .poducts_int .nature_btn{margin-left:142px; margin-top:10px;}

#scene2 .poducts_int .plain_box{margin-top:72px;}
#scene2 .poducts_int .plain{margin-left:142px; margin-top:37px; 
font-size:16px; font-weight:600;  letter-spacing:-0.9px; line-height:16px; color:#535353;}
#scene2 .poducts_int .plain_p{margin-left:142px; margin-top:3px; margin-bottom:15px;
font-size:11px; font-weight:500;  letter-spacing:-0.4px; line-height:16px; color:#929292;}
#scene2 .poducts_int .plain_btn{margin-left:142px; margin-top:10px;}

#scene2 .poducts_int .cap_box{margin-top:80px;}
#scene2 .poducts_int .cap{margin-left:142px; margin-top:37px;
font-size:16px; font-weight:600;  letter-spacing:-0.9px; line-height:16px; color:#535353;}
#scene2 .poducts_int .cap_p{margin-left:142px; margin-top:3px; margin-bottom:15px;
font-size:11px; font-weight:500;  letter-spacing:-0.4px; line-height:16px; color:#929292;}
#scene2 .poducts_int .cap_btn{margin-left:142px; margin-top:10px;}

#scene2 .poducts_int_se{position:absolute; }

#scene2 .poducts_int .classic_box{margin-left:333px; margin-top:0;}
#scene2 .poducts_int .classic{margin-left:142px; margin-top:37px;
font-size:16px; font-weight:600;  letter-spacing:-0.9px; line-height:16px; color:#535353;}
#scene2 .poducts_int .classic_p{margin-left:142px; margin-top:3px; margin-bottom:15px;
font-size:11px; font-weight:500;  letter-spacing:-0.4px; line-height:16px; color:#929292;}
#scene2 .poducts_int .classic_btn{margin-left:142px; margin-top:10px;}


#scene2 .poducts_int .delight_box{margin-left:333px; margin-top:80px;}
#scene2 .poducts_int .delight{margin-left:142px; margin-top:37px;
font-size:16px; font-weight:600;  letter-spacing:-0.9px; line-height:16px; color:#535353;}
#scene2 .poducts_int .delight_p{margin-left:142px; margin-top:3px; margin-bottom:15px;
font-size:11px; font-weight:500;  letter-spacing:-0.4px; line-height:16px; color:#929292;}
#scene2 .poducts_int .delight_btn{margin-left:142px; margin-top:10px;}


#scene2 .poducts_int .kids_box{margin-left:333px; margin-top:72px;}
#scene2 .poducts_int .kids{margin-left:142px; margin-top:37px;
font-size:16px; font-weight:600;  letter-spacing:-0.9px; line-height:16px; color:#535353;}
#scene2 .poducts_int .kids_p{margin-left:142px; margin-top:3px; margin-bottom:15px;
font-size:11px; font-weight:500;  letter-spacing:-0.4px; line-height:16px; color:#929292;}
#scene2 .poducts_int .kids_btn{margin-left:142px; margin-top:10px;}

#scene2 .poducts_int .bio_box{margin-left:333px; margin-top:80px;}
#scene2 .poducts_int .bio{margin-left:142px; margin-top:37px;
font-size:16px; font-weight:600;  letter-spacing:-0.9px; line-height:16px; color:#535353;}
#scene2 .poducts_int .bio_p{margin-left:142px; margin-top:3px; margin-bottom:15px;
font-size:11px; font-weight:500;  letter-spacing:-0.4px; line-height:16px; color:#929292;}
#scene2 .poducts_int .bio_btn{margin-left:142px; margin-top:10px;}

#scene2 .m2-2 {width:62px;height:54px;left:-120px;top:120px;}
#scene2 .m4-2 {background:url(../images/scene2_m4_2.png) no-repeat 0 0;width:163px;height:106px;left:-76px;top:525px;}
#scene2 .m4-1 {width:119px;height:125px;left:800px;top:117px;z-index:1000}


#scene3 {height:2000x;}

#scene3 .lady{width:500px; height:400px; position:absolute;}
#scene3 .grey{margin-left:65px; margin-top:412px; margin-bottom:32px; font-size:13px; font-weight:600;  letter-spacing:-1.6px; line-height:21px; color:#959595;}
#scene3 .pink{margin-top:412px; margin-bottom:32px; font-size:13px; font-weight:600;  letter-spacing:-1.6px; line-height:21px; color:#ED7495;}
#scene3 .lady_btn{margin-left:60px;}


#news{margin-top:670px;margin-left:530px; width:400px; height:198x; position:absolute;}
#news h3{padding:0 0 7px 7px;}
#news h3 .activity-title{margin-left:-5px;}
#news ul{margin-left:5px; margin-top:8px;font-size:12px; font-weight:500;  letter-spacing:0px; line-height:16px; color:#929292; }
#news ul li{padding:5px 0px 4px 10px;overflow:hidden; background:url(../images/pink_dot.png) no-repeat 0; }
#news ul li a{float:left;   }
#news ul li span{float:right; }
.more{position:absolute; top:15px; right:0px; }

#activity{ margin-top:670px;margin-left:26px; width:430px; height:219px; position:absolute;background:url(../images/activity_img.png) no-repeat 10px 50px;}
#news h3 .news-title{margin-left:-5px;}

#activity p{margin-right:23px; margin-top:70px; font-size:11px; font-weight:500;  letter-spacing:0.2px; line-height:16px; color:#929292; text-align:right;}
#activity h4 .france{margin-left:197px; margin-top:-90px; position:absolute;}

.activity_more{position:absolute; top:163px; right:23px; }

#scene3 .sec-1 {overflow:hidden;position:relative;height:960px;background:url(../images/scene3_bg1.jpg) repeat 50% 0;}
#scene3 .sec-1 .section {position:relative;height:904px}


#scene04 {height:960px;background:url(../images/scene04_bg.jpg) repeat 50% 0}
#scene04 .recipe{ width:420px; height:150; position:relative; margin:0 auto;}
#scene04 p{margin-left:-225px; margin-top:395px;; position:absolute;}
#scene04 .recipe_btn{margin-top:80px; position:absolute;}

#re_rist{position:absolute; left:300px;}
#scene5 {height:1138px;background:url(../images/scene5_bg.jpg) no-repeat center top; position:relative;}


#scene5 .campaign{width:550px; height:400px; position:relative; margin:360px auto 0;letter-spacing:-1px}
#scene5 h2{padding-left:60px}
#scene5 p{line-height:18px; text-align:justify}
#scene5 .campaign_pink{font-weight:bold; color:#ED7495;}
#scene5 h4{padding-top:20px}

#scene5 #cloud_ri_box{width:410px; height:350px; position:absolute; top:130px; left:50%; margin-left:290px; letter-spacing:-1px}
#scene5 .marathon{left:90px; top:70px; position:absolute;}
#scene5 .marathon_txt{font-weight:bold; color:#525252;}
#scene5 .cam_p{padding-top:20px; font-size:12px;}
#scene5 .campaign_ri_grey{left:51px; top:116px; color:#5D5D5D;position:absolute;font-size:12px;}
#scene5 .campaign_ri_pink{ font-weight:bold; color:#E73F6C;}
#scene5 .marathon_btn{position:absolute; left:275px; top:205px;}


#scene5 #cloud_le_box{width:410px; height:350px; position:absolute; top:520px; left:50%; margin-left:-690px;}
.cam_yoplait{left:50%; margin-left:130px; margin-top:215px; position:absolute; }
#scene5 .cloud_left{position:absolute; left:0px; top:0px;}
#scene5 .package{left:108px; top:104px; position:absolute;}
#scene5 .package_txt{left:110px; top:175px; font-weight:600;  letter-spacing:-1px; color:#4F4F4F; position:absolute;}
#scene5 .package_ri_grey{left:110px; top:194px; font-size:12px; letter-spacing:-1px; line-height:19px; color:#5D5D5D; position:absolute;}
#scene5 .package_ri_pink{ font-size:12px; font-weight:500;  letter-spacing:-1px; line-height:19px; color:#E73F6C; }
#scene5 .package_btn{position:absolute;left:105px; top:260px;}




#jpreOverlay {background:url(../images/scene1_bg.gif) repeat 0 0 fixed; display:none}
#jpreBarbg {position:fixed;left:0;top:0;width:100%;height:100%;background:url(../images/loading/load_bg.png) no-repeat 50% 50%}
#jpreSlide{
	font-size:22px;
	font-weight:bold;
	color:#ccc;
	text-align:center;
	width:50%;
	height:30%;
}
#jpreLoader{position:relative;left:50% !important;top:50% !important;margin:-217px 0 0 -106px;width:300px;height:400px;}
#jpreBar {position:relative;z-index:1;width:294px;height:433px;background:url(../images/loading/load_o1.png) no-repeat 0 0;}
#jpreBarobj {overflow:hidden;position:absolute;left:70px;top:135px;width:78px;height:220px;}
#jpreBarobj div {position:absolute;left:0;top:0;width:78px;height:287px;margin-top:158px;background:url(../images/loading/load_o2.png) no-repeat 0 0;}
#jprePercentage {position: absolute;top:57px;left:188px;z-index:10;color:#9b7158;font-size:22px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-align:center;
}