@charset "utf-8";
/* CSS Document */

html,body{height:100%;overflow:hidden;}
body{font-family:"Dotum";}
.posNum{display:none;position:fixed;width:200px;height:40px;background:#000;color:#fff;text-align:center;font-size:20px;left:50%;top:50%;z-index:999;}
img{vertical-align:top;}

#header{position:absolute;left:0;top:0;width:100%;height:154px;z-index:99;text-align:center;background:url('../images/common/header/header_bg.jpg') no-repeat center bottom;}
#header h1{padding:30px 0 0 0;height:88px;}
#header .toplink{position:absolute;left:50%;top:55px;margin:0 0 0 -494px;}
#header .toplink li{float:left;margin:0 9px 0 0;}
#header .search{text-align:left;position:absolute;left:50%;top:50px;margin:0 0 0 230px;width:248px;height:20px;padding:4px 0 0 12px;background:#fff;border:solid 1px #775434;}
#header .search input{width:222px;height:14px;border:none;outline:none;line-height:14px;}
#header .search a{position:absolute;right:6px;top:3px;}
#header .loginbox{position:absolute;left:50%;top:123px;margin:0 0 0 211px;font-size:0;}
#header .loginbox input{margin:0 0 0 3px;padding:0 5px;width:100px;height:23px;line-height:23px;border:solid 1px #3e2a1c;}
#header .loginbox a{vertical-align:top;}
.topmenu{position:absolute;left:50%;top:118px;margin:0 0 0 -491px;}
.topmenu li{float:left;}
.topmenu li a{display:block; height:20px;}
.topmenu li.active a{background:#333;color:#fff;}
.hidden_box{height:100%;overflow:hidden; position:relative;}
#container{position:absolute;left:0; top:0;height:100%;}
#container > div{float:left;height:100%; position:relative;overflow:hidden;}
.scroll_box {height:100%;width:100%;}
.nano .nano-pane {width:4px;right:1px;margin:5px;}
.nano > .nano-pane > .nano-slider{background:#000;}

.inner_box .list_box{position:absolute;}
.inner_box .list_box li{float:left;width:172px;height:172px;margin:0 2px 0 0;position:relative;overflow:hidden;}
.inner_box .list_box li a{display:block;padding:28px 0 0 0;height:144px;text-align:center;}
.inner_box .list_box li a span{position:absolute;left:0;bottom:-40px;width:100%;height:34px;padding:6px 0 0 0;line-height:14px;font-size:12px;color:#fff;background:url('../images/recipes/scene02/price_pt.png') repeat left top;}
.inner_box .list_box li a span strong{display:block;font-weight:bold;}

.quick{position:absolute;left:50%;top:382px;margin:0 0 0 600px;}

/** Page01 **/
#page01{overflow:hidden;}
#page01 .gnb{position:absolute;right:290px;bottom:250px;z-index:999;}
#page01 .gnb li{margin:0 0 8px 0;position:relative;}
#page01 .gnb li a{position:relative;z-index:9;font-size:0;text-indent:-9999px;display:block;width:18px;height:18px;background:url('../images/recipes/pagination_bg01.png') no-repeat left top;}
#page01 .gnb li span{display:none;position:absolute;left:5px;top:3px;z-index:8;}
#page01 .gnb li.active span{display:block;}
#page01 .gnb li.scene01.active a{background:url('../images/recipes/scene01_on.png') no-repeat left top;}
#page01 .gnb li.scene02.active a{background:url('../images/recipes/scene02_on.png') no-repeat left top;}
#page01 .gnb li.scene03.active a{background:url('../images/recipes/scene03_on.png') no-repeat left top;}
#page01 .gnb li.scene04.active a{background:url('../images/recipes/scene04_on.png') no-repeat left top;}
#page01 .gnb li.scene05.active a{background:url('../images/recipes/scene05_on.png') no-repeat left top;}
#page01 .wrap{overflow:hidden;background:url('../images/recipes/recipes_pt.jpg') repeat left top;}
#page01 .wrap > div{height:1000px;position:relative;	}
#page01 .wrap > div .inner_box{z-index:2;position:absolute;left:50%;}

/** Scene01 **/
#page01 .wrap #scene01{height:1200px;background:url('../images/recipes/scene01/scene01_bg.jpg') no-repeat center top;}
#scene01 p{position:absolute;}
#scene01 p.title{left:50%;top:50%;margin:-160px 0 0 -258px;}
#scene01 p.img01{left:50%;top:980px;margin:0 0 0 -780px;}
#scene01 p.img02{left:50%;top:252px;margin:0 0 0 -364px;}
#scene01 p.img03{left:50%;top:500px;margin:0 0 0 324px;}
#scene01 p.img04{left:50%;top:778px;margin:0 0 0 680px;}
#scene01 p.img05{right:0;top:0;z-index:9999;}

/** Scene02 **/
#scene02{}
#scene02 .inner_box{top:56px;width:1384px;height:830px;padding:120px 0 0 456px;margin:0 0 0 -920px;background:url('../images/recipes/scene02/scene02_bg.png') no-repeat left top;}
#scene02 .inner_box p{position:absolute;}
#scene02 .inner_box p.img01{left:50%;top:120px;margin:0 0 0 -886px;}
#scene02 .inner_box p.img02{left:50%;top:8px;margin:0 0 0 420px;}
#scene02 .inner_box p.img03{left:50%;top:314px;margin:0 0 0 182px;}
#scene02 .inner_box .title{margin:0 0 12px -20px;}
#scene02 .inner_box .txt01{margin:0 0 30px 0;}
#scene02 .inner_box .txt02{height:160px;font-size:0;}
#scene02 .inner_box .txt02 img{margin:0 40px 0 0;}
#scene02 .inner_box .list_box{left:464px;top:545px;}

/** Scene03 **/
#scene03{}
#scene03 .inner_box{top:-120px;width:1395px;height:830px;padding:120px 445px 0 0;text-align:right;margin:0 0 0 -920px;background:url('../images/recipes/scene03/scene03_bg.png') no-repeat right top;}
#scene03 p{position:absolute;}
#scene03 .inner_box p.img01{left:50%;top:-45px;margin:0 0 0 -438px;}
#scene03 p.img02{left:0;top:198px;}
#scene03 p.img03{left:50%;top:314px;margin:0 0 0 -680px;}
#scene03 .inner_box .title{margin:0 0 12px -20px;}
#scene03 .inner_box .txt01{margin:0 0 30px 0;}
#scene03 .inner_box .txt02{height:160px;font-size:0;}
#scene03 .inner_box .txt02 img{margin:0 40px 0 0;}
#scene03 .inner_box .list_box{left:700px;top:530px;}
#scene03 .inner_box .list_box li a{padding:20px 0 0 0;height:152px;}
#scene03 .inner_box .list_box li a span{background:url('../images/recipes/scene03/price_pt.png') repeat left top;}

/** Scene04 **/
#page01 .wrap #scene04{height:710px;}
#scene04 .inner_box{left:50%;top:-120px;width:1378px;height:950px;padding:0 0 0 462px;margin:0 0 0 -920px;background:url('../images/recipes/scene04/scene04_bg.png') no-repeat left top;}
#scene04 p{position:absolute;}
#scene04 p.img01{right:0;top:94px;;}
#scene04 p.img02{left:50%;top:130px;margin:0 0 0 -908px;}
#scene04 p.img03{left:50%;top:-75px;margin:0 0 0 92px;}
#scene04 p.img04{left:50%;top:160px;margin:0 0 0 260px;}
#scene04 .inner_box .title{margin:0 0 12px -20px;}
#scene04 .inner_box .txt01{margin:0 0 30px 0;}
#scene04 .inner_box .txt02{height:160px;font-size:0;}
#scene04 .inner_box .txt02 img{margin:0 40px 0 0;}
#scene04 .inner_box .list_box{left:464px;top:444px;}
#scene04 .inner_box .list_box li a{padding:6px 0 0 0;height:166px;}
#scene04 .inner_box .list_box li a span{background:url('../images/recipes/scene04/price_pt.png') repeat left top;}

/** Scene05 **/
#scene05 .inner_box{left:50%;top:0px;width:1415px;height:950px;padding:0 425px 0 0;margin:0 0 0 -920px;text-align:right;background:url('../images/recipes/scene05/scene05_bg.png') no-repeat right top;}
#scene05 p{position:absolute;}
#scene05 p.img01{left:0;top:343px;}
#scene05 p.img02{left:50%;top:144px;margin:0 0 0 -594px;}
#scene05 p.img03{left:50%;top:0;margin:0 0 0 760px;}
#scene05 .inner_box .title{margin:0 0 12px -20px;}
#scene05 .inner_box .txt01{margin:0 0 30px 0;}
#scene05 .inner_box .txt02{height:160px;font-size:0;}
#scene05 .inner_box .txt02 img{margin:0 0 0 40px;}
#scene05 .inner_box .list_box{left:701px;top:529px;}
#scene05 .inner_box .list_box li a{padding:6px 0 0 0;height:166px;}
#scene05 .inner_box .list_box li a span{background:url('../images/recipes/scene05/price_pt.png') repeat left top;}


/** Page02 **/
#container #page02{}
#container #page02 .wrap{width:980px;margin:0 auto;padding:145px 0 64px 0;}
#container #page02 .visual{height:500px;}
#container #page02 .visual .slides{height:471px;}
#container #page02 .visual .navi{height:29px;background:#7b6555;position:relative;}
#container #page02 .visual .navi li{float:left;width:244px;height:29px;border-left:solid 1px #8f7c6f;}
#container #page02 .visual .navi li.first{border:none;width:245px;}
#container #page02 .visual .navi li div{height:37px;position:relative;top:-8px;}
#container #page02 .visual .navi li div.active{background:url('../images/shopping/visual_bg_on.png') no-repeat center top;}
#container #page02 .visual .navi li div a{display:block;height:37px;font-size:0;text-indent:-9999px}
#container #page02 .visual .navi li.navi01 div a{background:url('../images/shopping/visual_txt01.png') no-repeat center 16px;}
#container #page02 .visual .navi li.navi02 div a{background:url('../images/shopping/visual_txt02.png') no-repeat center 16px;}
#container #page02 .visual .navi li.navi03 div a{background:url('../images/shopping/visual_txt03.png') no-repeat center 16px;}
#container #page02 .visual .navi li.navi04 div a{background:url('../images/shopping/visual_txt04.png') no-repeat center 16px;}
#container #page02 .bottom_banner{overflow:hidden;margin:0 -1px 0 0;}
#container #page02 .bottom_banner li{float:left;}
#container #page02 .shopping_box{margin:0 0 40px 0;}
#container #page02 .shopping_box .inner_box{display:none;}
#container #page02 .shopping_box .inner_title{margin:0 0 10px 0;padding:60px 0 0 0;}
#container #page02 .shopping_box .tabmenu{margin:0 0 14px 0;padding:14px 0 0 0;height:122px;background:url('../images/shopping/shopping_tab_pt.jpg') repeat-x left top;}
#container #page02 .shopping_box .tabmenu li{float:left;margin:0 0 0 30px;}
#container #page02 .shopping_box .tabmenu li.first{margin:0 0 0 38px;}
#container #page02 .shopping_box .btn_box{margin:0 0 0 -16px;padding:137px 116px 0 0;width:881px;height:22px;position:relative;text-align:right;background:url('../images/shopping/shopping_bg.gif') no-repeat left bottom;}
#container #page02 .shopping_box .btn_box.close{padding-top:102px;}
#container #page02 .shopping_box .btn_box img{vertical-align:top;}
#container #page02 .shopping_box .btn_box .toggle_btn{position:absolute;right:39px;bottom:0px;width:72px;text-indent:-9999px;text-align:left;height:106px;background:url('../images/shopping/btn_close.png') no-repeat left top;}
#container #page02 .shopping_box .btn_box.close .toggle_btn{background:url('../images/shopping/btn_open.png') no-repeat left top;}


/** Page03 **/
#container #page03{}
#container #page03 .wrap{width:980px;margin:0 auto;padding:185px 0 64px 0;}
#container #page03 .wrap .event_list{margin:0 0 20px 0;padding:0 0 35px 0;border-bottom:solid 1px #b4a295;}
#container #page03 .wrap .event_list > li{margin:18px 0 0 0;padding:18px 0 0 0;background:url('../images/event/line.gif') no-repeat center top;}
#container #page03 .wrap .event_list > li.first{margin:0;padding:0;background:none;}
#container #page03 .wrap .event_list > li .thumb{width:484px;float:left;}
#container #page03 .wrap .event_list > li .inner_list{margin:0 0 0 516px;padding:25px 0 0 0;height:98px;position:relative;color:#666;font-size:11px;}
#container #page03 .wrap .event_list > li .inner_list .title{margin:0 0 14px 0;font-size:15px;font-weight:bold;color:#574030;}
#container #page03 .wrap .event_list > li .inner_list .txt{margin:0 0 5px 0;}
#container #page03 .wrap .event_list > li .inner_list .txt span{display:inline-block;width:78px;vertical-align:middle;}
#container #page03 .wrap .event_list > li .btn{position:absolute;right:42px;bottom:0;}
#container #page03 .wrap .paginavi{text-align:center;}

/** Page04 **/
#container #page04{} 
#container #page04 .wrap{width:980px;margin:0 auto;padding:185px 0 64px 0;}
#container #page04 .wrap .brand_story .inner_title{height:48px;margin-bottom:-25px;position:relative;}
#container #page04 .wrap .brand_story .img_box{margin-left:-30px;}

/** Footer **/
.footer{min-height:382px;background:#f6f6f6 url('../images/common/footer/footer_pt.gif') repeat-x left top;}
.footer .inner_footer{width:980px;margin:0 auto;}
.footer .footer_top{height:52px;padding:20px 0 0 0;}
.footer .footer_top > div{float:left;margin:0 30px 0 0;height:32px;background:url('../images/common/footer/footer_line.gif') no-repeat right 50%;}
.footer .footer_top > div .title{float:left;padding:9px 0 0 0;}
.footer .footer_top .box01{width:411px;}
.footer .footer_top .box01 ul{margin:0 0 0 68px;padding:5px 0 0 0;font-size:0;}
.footer .footer_top .box01 ul li{margin:0 0 2px 0;}
.footer .footer_top .box01 ul li a{font-size:12px;color:#cecece;}
.footer .footer_top .box02{width:217px;}
.footer .footer_top .box02 ul{margin:0 0 0 130px;padding:6px 0 0 0;}
.footer .footer_top .box02 ul li{margin:0 12px 0 0;float:left;}
.footer .footer_top .box03{margin:0;padding:7px 0 0 0;height:25px;background:none;}
.footer .sitemap{height:165px;padding:25px 0 0 0;}
.footer .sitemap > li{float:left;margin:0 35px 0 0;font-size:0;}
.footer .sitemap > li.end{margin:0;padding:0 0 0 42px;background:url('../images/common/footer/end_line.gif') no-repeat left top;}
.footer .sitemap > li p{margin:0 0 10px 0;font-size:14px;font-weight:bold;color:#937967;line-height:16px;}
.footer .sitemap > li ul li{height:16px;}
.footer .sitemap > li ul li a{font-size:11px;color:#c3b4aa;letter-spacing:-1px;}
.footer .sitemap > li ul li a:hover{text-decoration:underline;}
.footer .sitemap > li.column02{margin:0;}
.footer .sitemap > li.column02 ul{width:150px;}
.footer .sitemap > li.column02 ul li{float:left;width:70px;}
.footer .footer_bottom .logo{float:left;}
.footer .footer_bottom .right{margin:0 0 0 152px;}
.footer .footer_bottom .right .footer_link{height:29px;}
.footer .footer_bottom .right .footer_link li{float:left;padding:0 0 0 13px;margin:0 0 0 12px;background:url('../images/common/footer/footer_link_line.gif') no-repeat left 3px;}
.footer .footer_bottom .right .footer_link li.first{margin:0;padding:0;background:none;}
.footer .footer_bottom .right .footer_link li a{font-size:12px;color:#582e17;}

#prev{display:none;position:fixed; top:50%; left:100px;margin-top:-40px;cursor:pointer;z-index:999;width:40px;height:80px;background:#333;}
#next{display:none;position:fixed; top:50%; right:100px;margin-top:-40px;cursor:pointer;z-index:999;width:40px;height:80px;background:#333;}