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

html, body {height:100%}
body {background:url(../images/bg.jpg); font-family:'돋움', dotum, Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:150%;}

a {color:#666; text-decoration:none}
a:hover {text-decoration:underline}

#wrap {position:relative; height:100%; min-width:960px; min-height:700px; max-width:1920px; overflow:hidden}

#logo {position:absolute; top:0; left:120px; z-index:1000}

#topmenu {position:absolute; top:20px; right:290px; z-index:1000}
#topmenu li {float:left; padding:0 7px; background:url(../images/top_m_line.gif) no-repeat} 
#topmenu li.first {padding-left:0} 
#topmenu li img {display:block}
#sns {position:absolute; top:15px; right:140px; z-index:1000}
#sns li {float:left}

#gnb {position:absolute; top:180px; left:100px; z-index: 1000;}
#gnb li {margin:0 0 15px 0}
#gnb li img {display:block}

#sub_gnb {position:absolute; top:70px; left:250px}
#sub_gnb li {float:left; margin-right:20px}

#event {position:absolute; bottom:180px; left:100px; z-index: 1000;}
#event>div {width:172px; height:166px; margin:5px 0 0 0; background:url(../images/event_bg.png) no-repeat}
#event>div img {margin:15px 12px}
  
#mainimg {position:absolute; top:0; left:-2140px; height:100%}
#mainimg ul li {position:absolute; top:50%; width:800px; text-align:center}
#mainimg ul li.img01 {height:293px; left:270px; margin-top:-226px}
#mainimg ul li.img02 {height:544px; left:1340px; margin-top:-402px}
#mainimg ul li.img03 {height:445px; left:2410px; margin-top:-322px}
#mainimg ul li.img04 {height:605px; left:3480px; margin-top:-420px}
#mainimg ul li.img05 {height:684px; left:4550px; margin-top:-420px}
#mainimg p {position:absolute; top:70%; width:800px; text-align:center}
#mainimg p.txt02 {left:1340px}
#mainimg p.txt03 {left:2410px}
#mainimg p.txt04 {left:3480px}
#mainimg p.txt05 {left:4550px}

.btn_menu {position:absolute; bottom:260px; right: 80px; padding-top:660px; background:url(../images/btn_menu_line.png) no-repeat 30px 0; z-index:2000}
.copy {position:absolute; bottom: 15px; left:50%; width:226px; margin-left:-113px; z-index: 10000;}


#footer {position:absolute; bottom:0; left:0; width:100%; height:100px; background:url(../images/footer_bg01.png) no-repeat center 45px}
#footer .scroll {position:relative; width:560px; margin:0 auto}
#footer .scrollbg {position:absolute; bottom:0; left:0; width:100%; height:100px; background:url(../images/footer_bg02.png) no-repeat center 30px; z-index:500}

#footer .control {position:absolute; top:5px; left:0}
#footer .control span {position:absolute; top:44px; left:37px; z-index:1000; cursor:pointer}
#footer .control ul {position:absolute; top:0; left:0; z-index:100}
#footer .control ul li {display:none}
#footer .control ul li.on {display:block}

/*서브*/
#story {position:absolute; top:50%; left:100px; width:3928px; height:491px; margin-top:-245px}
#franchise {position:absolute; top:50%; left:100px; width:1478px; height:491px; margin-top:-245px}
#foodmenu {position:absolute; top:50%; left:100px; width:3968px; height:491px; margin-top:-245px}
#eventnews {position:absolute; top:50%; left:100px; width:1478px; height:491px; margin-top:-245px}

#story .sub_con{background:url(../images/bg_story.png) no-repeat}
#franchise .sub_con{background: url(../images/bg_franchise.png) no-repeat;}
#foodmenu .sub_con{background:url(../images/bg_foodmenu.png) no-repeat}
#eventnews .sub_con{background: url(../images/bg_event.png) no-repeat;}

.sub_con {padding: 4px 0 4px 4px; overflow:hidden;}
.sub_con>div {float:left; position:relative; left:0}

#foodmenu .p1>a {position:absolute; top:223px; left:80px}
#foodmenu .p2>a {position:absolute; bottom:45px; right:65px}
#foodmenu .p3>a {position:absolute; top:223px; left:80px}
#foodmenu .p4>a {position:absolute; bottom:45px; right:65px}
#foodmenu span {position:absolute; top:30px; left:34px; display:none}
#foodmenu span>a {position:absolute; top:30px; right:40px}

.btn_group>a{width:69px; height:70px; position:fixed; top:50%;}
.btn_group>a.lbtn{left:0; background:url(../images/btn_pageL.png) no-repeat}
.btn_group>a.rbtn{right:0; background:url(../images/btn_pageR.png) no-repeat}


.board {float:left; padding:35px}
.board>strong {display:block}
.board>ul {margin-top:20px; padding-top:4px; width:420px; background:url(../images/eventnews_line.gif) no-repeat}
.board>ul>li {padding-left:5px; height:32px; line-height:32px; border-bottom:1px solid #bfb099}
.board>ul>li>a {color:#aca69e}
.board>ul>li>span {margin-left:10px; color:#cec9c3}

.board .page {margin-top:15px; text-align:center}
.board .page img {vertical-align:middle}
.board .page>span {margin:0 5px}
.board .page>span>a {display:inline-block; width:10px}
.board .page>span>a.on {font-weight:bold; color:#d58b4c}


/*클리어클래스*/
.clearfix {*zoom:1}
.clearfix:after {content:""; display:block; clear:both}