
/* <style> */

/* 사이트 탑 */
div._top{ width:1200px;margin:0 auto; height:44px; border-bottom:1px solid #f7f7f7; position: relative;}
div._top span.favo{padding-left: 20px; margin:14px 45px; display: inline-block; background: url("../img/icon_favo.png") no-repeat 1px center; cursor: pointer;}
div._top span.tel{padding-left: 20px; margin:14px 0; display: inline-block; background: url("../img/icon_phone.png") no-repeat 1px center;}
div._top div.t_link{position: absolute; right:0; top: 14px;height: 22px; width: 500px; border: 0; padding-right: 30px; text-align: right;}
div._top div.t_link a{display: inline-block; margin: 0 5px; color: #626262;}
div._top div.t_link a:hover{color: #000;}

div.sitetop{ width:1200px;margin:0 auto; height:95px; background-color:#fff;position: relative;}
div.sitetop div.logo{position: absolute;left: 200px; top: 18px; display: inline-block;}
div.sitetop div.navi{position: absolute;right: 15px; top: 45px;height:55px; display: inline-block; text-align: right; background-color: transparent;}
div.sitetop div.navi a{color: #4c4c59; font-weight: 600;font-size: 17px;padding: 3px 20px 7px 20px; border:0 ; margin:0 8px; display: inline-block; }
div.sitetop div.navi a:hover, div.sitetop div.navi a.hover{color:#ff5400;}

div.sitetop div#navi_sub{position: relative; top: 98px; left: 0; width: 1200px;height: 315px; display: none; background-color: rgba(255,255,255,0.84);
background-image: url("../img/sub_navi_bg.png");
background-repeat: no-repeat;
background-position: left bottom;
z-index: 1000;
}

div.sitetop div#navi_sub div.nv2{ display: inline-block; padding: 5px; border: 0px; position: absolute; top: 15px; text-align: center; background-color: transparent;}
div.sitetop div#navi_sub div.nv2 a{display: block; margin: 0 0 25px 0; font-size: 15px; color: #000; letter-spacing: -0.1em;}
div.sitetop div#navi_sub div.nv2 a:hover,div.sitetop div#navi_sub div.nv2 a.hover {color: #ff6b34;}

div.top_line{border: 0; padding: 0; width: 100%; height: 3px; background-color: #ebe1d5;}


/*main*/
div.main_slide{width: 100%; height: 500px; margin: 0 auto;}
li.slide_li{ width: 100%; height:500px; background-color: #e9e9e6;background-position:center center ; z-index:-100 ;background-repeat: no-repeat;}


div.main_list_wrap{width: 100%; text-align: center; background-color: #fedebb; border-bottom: 3px solid #ebe1d5; }
ul.main_list{width: 1200px; height: 798px; margin: 0 auto ; background-color: #f7f7f7;;text-align: left;}
ul.main_list li{float: left; width: 400px; height: 399px; cursor: pointer;}
ul.main_list li p{padding-left: 40px; color:#959595; font-family: "Nanum Gothic"; margin: 5px 0; letter-spacing: -0.1em;}
ul.main_list li p.p1{font-size: 20px; margin: 110px 0 10px 0;}
ul.main_list li p.p2{font-size: 36px;}
ul.main_list li p.p3{font-size: 18px; margin-top: 20px;line-height: 1.45em;}

ul.main_list li.l1{background: url("../img/m_li_1b.jpg") no-repeat;}
ul.main_list li.l2{background: url("../img/m_li_2b.png") 135px 131px no-repeat;}
ul.main_list li.l3{background: url("../img/m_li_3b.jpg") no-repeat;}
ul.main_list li.l4{background: url("../img/m_li_4b.png") -38px 250px no-repeat; padding-left: 50px; width: 350px;}
ul.main_list li.l5{background: url("../img/m_li_5b.jpg")  no-repeat;}
ul.main_list li.l6{background: url("../img/m_li_6b.png") 182px 193px no-repeat;}

div.mid_line{width: 1000px; padding: 0; margin: 0 auto; height: 45px; border-top:1px solid #fbdcd1;}

div.m_box_wrap{width: 100%; text-align: center; background-color: #f7f4ef;padding-top: 23px;}
ul.m_box{width: 1200px; margin: 0 auto; height: 210px; margin-bottom: 10px; text-align: left;}
ul.m_box li{float: left;margin: 0; padding: 0; height: 210px;}
ul.m_box li.news_box{ width: 420px; padding-left: 50px; font-family: "Nanum Gothic"; border-left:2px dashed #fbdcd1;}
	ul.m_box li.news_box p.title{color: #ff8400; font-size: 20px; padding: 0; margin: 10px 0 25px 8px; cursor: pointer; font-weight: bold;}
	ul.m_box li.news_box a{display: block; color: #626262; font-size: 13px; padding: 0; margin: 10px 0 12px 0px; width: 365px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	ul.m_box li.news_box a:hover{color: #ffa200;}
	ul.m_box li.news_box a span{display: inline-block; width: 9px; height: 9px; background-color: #ccc;}

ul.m_box li.gallery_box{width: 350px; border:0; border-right:2px dashed #fbdcd1;border-left:2px dashed #fbdcd1; position: relative;
	background: url("../img/m_cheese.png")129px  66px no-repeat;
}
ul.m_box li.gallery_box span.arr{position: absolute; top: 15px; left: 130px; width: 18px; height: 18px; border: 2px solid #7a7a7a; border-radius: 14px; cursor: pointer;
	background: url("../img/main_arr.png") center center no-repeat ; background-size: 14px;
}
ul.m_box li.gallery_box p.title{color: #626262; font-size: 20px; margin: 10px 0 10px 55px; cursor: pointer; font-weight: bold;}
ul.m_box li.gallery_box p.body{color: #626262; font-size: 13px; margin: 25px 0 15px 55px; line-height: 1.3em;}

ul.m_box li.center_box{ width: 372px;border-right:2px dashed #fbdcd1;}
ul.m_box li.center_box p{margin: 0; margin-left: 25px; padding: 0;}
ul.m_box li.center_box p.title{color: #626262; font-size: 20px; margin-bottom:5px; margin-top: 10px; font-weight: bold;}
ul.m_box li.center_box p.tel{color: #787878; font-size: 35px; margin-bottom:35px}
ul.m_box li.center_box p.bank1{color: #ff8400; font-size: 18px; margin-bottom:10px}
ul.m_box li.center_box p.bank2{color: #626262; font-size: 15px; margin-bottom:5px}
ul.m_box li.center_box p.bank3{color: #626262; font-size: 18px; margin-bottom:5px}

img.main_banner_img{display: block; margin: 0 auto; margin-top: -20px;}

table.sub_menu{width: 100%; margin: 0; padding: 0; border-collapse:collapse; table-layout:fixed;word-break:break-all;}
table.sub_menu td{}
table.sub_menu a{color: #313131; font-size: 15px;padding: 11px 0; border:0; margin:0; display:block;text-align: center; background-color: #e9e6e5;}
table.sub_menu a:hover, table.sub_menu a.hover{color:#fff; background-color: #ffb040;font-weight: bold;}


/* navi 
div#navi{width:1150px;height:52px;}
div#navi ul#d1{list-style:none; width:100%; height:19px;margin-bottom:5px;margin-top:5px;margin-left:50px;}
div#navi ul#d1 li{list-style:none; float:left;  margin: 0 25px;}
div#navi ul#d1 li span{cursor:pointer; font-size:18px;}
div#navi ul#d1 li span.nor{color:#888;font-weight:400;}
div#navi ul#d1 li span.over{color:#333;font-weight:700;}

div#navi ul.d2{list-style:none; font-size:15px;height:22px; display:none; border:0 solid #000000}
div#navi ul.d2 li{list-style:none; float:left; margin:8px 15px}
div#navi ul.d2 li span{cursor:pointer; padding:0px 3px}
div#navi ul.d2 li span.nor{color:#666;font-weight:100;}
div#navi ul.d2 li span.over{color:#111; border-top:1px solid #fff600; font-weight:300;}

*/


/*  */

div.body_wrap{width:1200px;margin:0 auto; min-height:350px}

div.sub_image{width: 100%; height: 313px; background-color: #f7f4ef; /*-webkit-background-size: cover; background-size: cover;*/ background-repeat: no-repeat; margin-bottom:10px; background-position: center center;}


/* left_menu */
div.leftmenu_top{ padding:10px 0}
div.leftmenu{ padding:10px 0}
div.leftmenu ul#d2{list-style:none; font-size:15px }
div.leftmenu ul#d2 li{ height: 30px; background-color:#ccc ;margin-top:10px; cursor:pointer}

div.leftmenu ul#d3{list-style:none; font-size:12px; padding-left:20px; }
div.leftmenu ul#d3 li{ height: 20px;background-color:#fff ;margin-top:3px}

div.leftmenu ul#d4{list-style:none; font-size:11px;padding-left:20px;}
div.leftmenu ul#d4 li{ height:18px;background-color:#fff ;margin-top:3px}



/* body */
div.body_contents{margin: 0; padding: 0; min-height: 100px;}





/*상품 목록 */
p.goods_tit{width: 800px; margin: 30px auto 20px; font-size: 17px; font-weight: bold; color: #535353;}
p.goods_tit span{font-size: 12px; font-weight: normal; display: inline-block;  }
div.goods_{width: 840px; margin: 0 auto; text-align: center; overflow: hidden;}
div.goods_ div.li{float: left; margin: 15px; width: 250px; height: 400px;}
div.goods_ div.li div.img{width:250px; height: 250px; background-position: center center; background-repeat: no-repeat;border: 0; background-size:cover ; cursor: pointer; border: 1px solid #ccc;}
div.goods_ div.li a{text-align: center; display: block; margin-top: 15px; color: #707070; font-size: 17px; font-weight: bold;}


/* 상품 팝업 */

div.goods_view{width: 900px; height: 968px; background-color: #e5e5e5; position: absolute; top:0;  visibility: hidden; border-radius: 30px;  z-index: 1;
background-image: url("../img/cheese_bg.png");
background-position: -30px 500px;
background-repeat: no-repeat;
}

div.goods_view ul{list-style: none; padding: 0;margin: 0; width: 900px; height: 516px;border-radius: 30px 30px 0 0; background-color: #fafafa;}
div.goods_view ul li.goods_slide_li{ width: 900px; height:516px; background-position:center center ; background-repeat: no-repeat; padding: 0; margin: 0; border-radius: 30px 30px 0 0; background-size: contain;}

div.goods_view span.close{position: absolute; top: 20px; right: 26px;  z-index:100; width: 34px; height: 34px; background: url("../img/btn_x.png") 0 0 no-repeat; display: block; cursor: pointer; }
div.goods_view p.title{font-size: 30px; letter-spacing: -0.05em; color: #525252; font-weight: bold; padding: 1px; margin: 25px 0 20px 0;}
div.goods_view div.infobox{width: 470px; height: 220px; padding:18px 45px; border:1px solid #bcbcbc; background-color: #fff; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; margin: 0 auto;
							font-size: 18px; font-weight: bold; color: #808080;
							}
div.goods_view div.infobox table{width: 100%; margin: 0; padding: 0; border-collapse:collapse; text-align: left;}
div.goods_view div.infobox table td{padding: 5px 0;}
div.goods_view div.infobox table td span.w1{margin-left: 7px;}
div.goods_view div.infobox table td span.w2{margin-left: 30px;}
div.goods_view div.infobox table td.t{width: 90px; text-align: left; letter-spacing: -0.1em; vertical-align: top;}
div.goods_view div.infobox table td.m{padding-left: 5px;}
div.goods_view div.infobox table td.txtarea{padding-left:8px}
div.goods_view div.infobox table td.txtarea div{width: 100%; height: 100px; overflow: auto; line-height: 1.8em;}
div.goods_view a.btn{background-color: #0068b7; display: block; width: 220px; text-align: center; padding: 18px 0 22px 0; color: #fff; font-size: 26px; font-weight: bold; margin: 12px auto 0;border-radius: 30px}



/*bottom*/

div.bottom_wrap{width: 100%; background-color: #e9e6e5; text-align: center;}
div.bottom{width:1200px; height: 75px; padding: 10px 0; background-color:#e9e6e5; margin:0 auto; font-size:11px; position: relative;text-align:left }
div.bottom div.b_logo{position: absolute; top: 15px;width: 420px; height: 65px; border-right: 1px solid #a79f9b; background-color: transparent;}
div.bottom div.b_logo img{display: inline-block; margin: 2px 35px; float: right;}

div.bottom div.b_text{position: absolute; top:23px;right:0; width: 735px; background-color: transparent ;line-height: 1.6em; color: #676767;}

