@charset "euc-kr";
/*³ª´®°íµñ*/
@import url(./fonts/NanumGothic/NanumGothic.css);

/*reset*/
 #accessibility,.skip, hr,legend, caption{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;text-indent:-1000em;}
/* base */
html{overflow-y:scroll;}
body{font-size:12px; color:#555;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
ul, ol, li{list-style:none;}
fieldset, img{border:none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
/* a-style */
a{color:#333; text-decoration:none;}
/*common*/
.reset{clear:both !important;height:0px !important;font-size:0 !important;line-height:0px !important;padding:0 !important;margin:0 !important}
.inp{height:16px;border:none;background:none;color:#888;font:11px;padding:2px 0 0 4px}
/*btn*/
.btn_r{text-align:right}
.btn_l{text-align:left}
.btn_c{text-align:center}


/* divÀ§Ä¡Á¶Àý */
#wrap{width:100%; overflow:hidden; text-align:left; min-width:1000px;}
#wrap1{ position:relative; width:100%; min-width:1008px; background-color:#fff; }
#top_wrap{width:100%; overflow:hidden;}
#middle_wrap{width:100%; overflow:hidden;}
#middle_wrap_sub{width:1000px; overflow:hidden;}
#middle_top{width:100%; overflow:hidden; background:url('../images/sub_img.jpg') center no-repeat;}
#bottom_wrap{width:100%; height:150px; border-top:1px solid #dddddd;}

/* top divÀ§Ä¡Á¶Àý */
#top_wrap{; background:url('../images/top_bg.jpg') repeat;}
#top_total{ margin:0 auto; width:1000px; height:100px;}
#logo{float:left; width:210px; height:65px; padding:20px 0 0 10px;}
#login{float:right; width:500x; height:20px; padding:10px 0 20px 0;}
#login ul{list-style-type:none;}
#login ul li{float:right; display:block; padding:0 5px 0 5px;}
#login ul li a{font-family:"Nanum Gothic"; font-size:11px; line-height:20px; color:#999999;}
#login ul li a:hover{color:#112fd6;}

#top_nav{float:right; width:770px; height:40px; padding:0 10px 0 0;}
#top_nav ul{list-style-type:none;}
#top_nav ul li{float:right;}
#top_nav ul li a{display:block; padding:10px 35px 10px 35px; background:url('../images/line.jpg') no-repeat right 13px; font-family:"Nanum Gothic"; font-size:15px; line-height:20px; color:#333333; text-align:center; font-weight:600;}
#top_nav ul li a:hover{color:#028649;}

#top_nav .line_cls a{padding-right:0px; background:none;}

#banner_01{position:fixed; z-index:999; left:49%; top:620px; width:120px; height:375px; margin-left:-630px;}


/* middle divÀ§Ä¡Á¶Àý */
#middle_wrap{background:url('../images/middle_bg.jpg') repeat;}
#middle_total{margin:0 auto; width:100%; overflow:hidden;}
#middle_total_sub{margin:0 auto; width:1000px; overflow:hidden;}
#main_img{margin:0 auto; float:left; width:100%; overflow:hidden; position:relative; background-color:#e5e5e5; height:500px;}
.mainVisual{position:relative; z-index:50}
.mainVisual .visualBg{position:absolute; top:0; left:0; z-index:500; width:100%; height:500px; text-indent:-9999px}
.mainVisual .visualBg1{background:url('../images/bakery/main1.jpg') no-repeat center 0}
.mainVisual .visualBg2{background:url('../images/bakery/main2.jpg') no-repeat center 0}
.mainVisual .visualBg3{background:url('../images/bakery/main1.jpg') no-repeat center 0}
.mainVisual .visualBg4{background:url('../images/bakery/main2.jpg') no-repeat center 0}
.mainVisual .visualBg5{background:url('../images/bakery/main1.jpg') no-repeat center 0}
.mainVisual .visualBg6{background:url('../images/bakery/main2.jpg') no-repeat center 0}
.mainVisual .controller{position:relative; z-index:700; width:1000px; height:500px; margin:0 auto; padding:0 0 0 0;} /* 2013-12-04 heightÃß°¡*/
.mainVisual .txt{padding-top:67px}
.mainVisual .btns{position:absolute; z-index:700; left:0; top:250px; width:99%; height:71px;}
.mainVisual .btns a.prev{float:left}
.mainVisual .btns a.next{float:right}
.mainVisual .prBts{position:relative; z-index:600; width:1000px; height:500px; margin:0 auto; padding:0 0 0 0;}
.mainVisual .productBt{padding-top:0; text-align:center}



#middle_bottom{margin:0 auto; width:1000px; overflow:hidden; padding-top:50px;}

.box_total{margin:0 auto; width:100%; overflow:hidden;}
.box_title{margin:0 auto; width:100&; height:40px;}
.box_con{margin:0 auto; width:980px; overflow:hidden; padding:30px 0 50px 0; text-align:left;}


/*¾¦Â÷*/
#table_c{float:left; width:1000px; overflow:hidden;}
#b_title{float:left; width:1000px; height:40px;}
#contents_b{float:left; width:980px; overflow:hidden; padding:30px 10px 50px 10px; text-align:left;}


/*È­ÀåÇ° */
#table_d{float:left; width:1000px; overflow:hidden;}
#c_title{float:left; width:1000px; height:40px;}
#contents_c{float:left; width:980px; overflow:hidden; padding:30px 10px 50px 10px; text-align:left;}


/*¾¦¶ä */
#table_e{float:left; width:1000px; overflow:hidden;}
#d_title{float:left; width:1000px; height:40px;}
#contents_d{float:left; width:980px;overflow:hidden; padding:30px 10px 50px 10px; text-align:left;}


/*Çâ*/
#table_f{float:left; width:1000px; overflow:hidden;}
#e_title{float:left; width:1000px; height:40px;}
#contents_e{float:left; width:980px; overflow:hidden; padding:30px 10px 50px 10px; text-align:left;}


/*º¸¹°¼¶ ¾ç°»*/
#table_g{float:left; width:1000px;  overflow:hidden;}
#f_title{float:left; width:1000px; height:40px;}
#contents_f{float:left; width:980px; overflow:hidden; padding:30px 10px 50px 10px; text-align:left;}


/*Ç®¹«¿ø ³²Çؾྦ°ú À͸ðÃÊ*/
#table_h{float:left; width:1000px; overflow:hidden;}
#g_title{float:left; width:1000px; height:40px;}
#contents_g{float:left; width:980px; overflow:hidden; padding:30px 10px 50px 10px; text-align:left;}



/*È渶´Ã*/
#table_i{float:left; width:1000px; overflow:hidden;}
#h_title{float:left; width:1000px; height:40px;}
#contents_h{float:left; width:980px; overflow:hidden; padding:30px 10px 50px 10px; text-align:left;}



/*±âŸ*/
#table_j{float:left; width:1000px; overflow:hidden;}
#i_title{float:left; width:1000px; height:40px;}
#contents_i{float:left; width:980px; overflow:hidden; padding:30px 10px 50px 10px; text-align:left;}







/* bottom divÀ§Ä¡Á¶Àý */
.bottom_nav{width:100%; overflow:hidden; border-bottom:1px solid #ddd; background:#f6f6f6;}
.bottom_nav ul{ margin:10px auto; display:block; width:1000px; height:30px;}
.bottom_nav ul li{ float:left; margin-right:20px;}
.bottom_nav ul li a{display:block; padding:5px 0; line-height:20px; font-family:"Nanum Gothic"; font-size:12px; font-weight:600; color:#777;}
.bottom_nav ul li a:hover{color:#333;}
#bottom_total{margin:0 auto; width:1000px; height:80px;}
#copy_txt{float:left; width:1000px; height:40px; padding:20px 0 0 0; font-family:"Nanum Gothic"; font-size:12px; line-height:20px; color:#777;}
.copy_st1{color:#dddddd;}

/* sub divÀ§Ä¡Á¶Àý */
#sub_img{margin:0 auto; width:100%; height:300px; background:url('../images/bakery/sub.jpg') no-repeat center top;}

#left_total{float:left; width:220px; overflow:hidden; background:url('../images/leftbg_n.jpg') repeat-y left top;}
#left_title{width:170px; height:60px; padding:20px 30px 5px 20px; background:url('../images/bakery/leftbg_top_n.png') no-repeat left top;}
#left_title_a{font-family:"Nanum Gothic"; font-size:11px; line-height:15px; color:#ccc; text-align:center;}
#left_title_b{font-family:"Nanum Gothic"; font-size:22px; line-height:30px; color:#fff; font-weight:600; text-align:center;}
.left_txt{font-family:"Nanum Gothic"; font-size:11px; line-height:40px; color:#aaaaaa;}
#left_nav{width:180px; overflow:hidden; padding: 0 0 0 10px; background:url('../images/bakery/leftbg_top_n.png') no-repeat left -85px;}
#left_nav ul{list-style-type:none;}
#left_nav ul li{background:url('../images/left_menubg.jpg') no-repeat left bottom;}
#left_nav ul li a{display:block; width:180px; height:35px; padding:0 0 0 10px; font-family:"Nanum Gothic"; font-size:13px; line-height:35px; color:#333333; text-align:left; font-weight:600;}
#left_nav ul li a:hover{color:#028649;}
#left_nav ul li.on a{background:url('upload/images/left_over.jpg') no-repeat; color:#028649;}


#left_cus{float:left; width:220px; overflow:hidden; padding:100px 0 0 0; background:url('../images/leftbg_bottom_n.jpg') no-repeat left top;}
#left_cus img{ vertical-align:top;}


#con_total{float:left; width:780px; overflow:hidden; margin-top:15px;}
#con_title{width:740px; height:40px; margin:18px 10px 50px 30px; border-bottom:1px solid #dddddd;}
#title_a{float:left; width:300px; height:40px; padding:0 0 0 20px; font-family:"Nanum Gothic"; font-size:22px; line-height:40px; color:#333333; text-align:left; font-weight:600; background:url('../images/title_a_icon.jpg') no-repeat left top;}
#title_b{float:right; height:40px; padding:0 0px 0 15px; font-family:"µ¸¿ò"; font-size:11px; line-height:40px; color:#888888; text-align:right; background:url('../images/title_b_icon.jpg') no-repeat left 13px;}
#con{width:740px; overflow:hidden; margin:0 10px 50px 30px;}