@charset "utf-8";
@import url(thickbox.css);

/* stickyfooter start ------------------------------------------------------ */
html{background:url(a)}
html, body, #canvas{height:100%;}
body > #canvas{height:auto;min-height:100%;}
#footArea{clear:both;position:relative;width:100%}
#contentArea:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
#contentArea{display:inline-block;position:relative;}
/* Hides from IE-mac \*/
* html #contentArea{height:1%;}
#contentArea{display:block;}
/* End hide from IE-mac */
/* ------------------------------------------------------ stickyfooter end */
/* s : setting */
#contentArea{width:980px;margin:0 auto;padding-bottom:97px}
#footArea{width:980px;height:29px;margin:-50px auto 0;line-height:1.2;font-size:0}
/* e : setting */

/*main*/
.mainCommonLink{right:116px !important}
#mainCont{width:980px;margin:0 auto;padding-top:25px;height:164px}
#mainCont h2{padding-top:20px;margin-bottom:0}
.topCont{overflow:hidden;zoom:1;margin-bottom:13px;position:relative;width:900px;margin-left:47px}
.topCont .tefal_news{float:left;width:210px;}
.topCont .tefal_news h2{margin-bottom:27px !important}
.topCont .tefal_news .titleArea{overflow:hidden;zoom:1;margin-bottom:10px}
.topCont .tefal_news .titleArea .more{float:right;margin-top:4px}
.topCont .tefal_product{float:left;width:220px;margin-right:40px}
.topCont .tefal_product .cont{width:103px;float:left;margin-right:15px;text-align:center}
.topCont .tefal_product .cont img{display:none;cursor:pointer}
.topCont .tefal_product .text{margin-bottom:10px;padding-top:25px}
.topCont .tefal_product .text img{display:none}
.topCont .tefal_mania{float:left;width:149px;margin-right:65px}
.topCont .tefal_mania h2{margin-bottom:17px !important}
.topCont .tefal_question{float:left;width:155px;margin-right:55px}
.topCont .tefal_question h2{margin-bottom:19px !important}
.topCont .tefal_allex{float:left;width:210px;margin-right:33px;display:none}
.topCont .tefal_homeCook{float:left;width:195px;margin-right:36px;display:none}
.topCont .tefal_homeCook h2{margin-bottom:19px !important}
.topCont .tefal_loveStore{float:left;width:166px;margin-right:44px;display:none}
.topCont .tefal_loveStore h2{margin-bottom:9px !important}
.mainTab{overflow:hidden;zoom:1;margin-bottom:8px}
.mainTab li{float:left}
.mainNotice li{font-size:11px;margin-bottom:5px;letter-spacing:-1px}
.mainEvent li{font-size:11px;margin-bottom:5px;letter-spacing:-1px}
.mainGnb{width:585px !important}
/*
#mainCont2 .tefal_loveStore ul{margin-bottom:9px;margin-left:90px}
#mainCont2 .tefal_loveStore ul li{font-size:0;margin-bottom:3px}
#mainCont2 .tefal_loveStore .text{margin:0 0 10px 100px;padding-top:5px}
#mainCont2 .tefal_loveStore .btn{margin-left:90px}
*/
.indexProduct{overflow:hidden;zoom:1;margin-top:9px}
.indexProduct li{float:left;margin-right:9px}
.tefal_product .cont{text-align:center;padding-top:12px}
.qrCode{position:absolute;top:-200px;left:50%;margin-left:345px;display:none}
.qrCode .imgArea{background:url(/images/main/qrBg.gif) repeat-y 72px 0;height:177px;padding-top:35px;margin-bottom:25px}
.qrCode .btn{position:absolute;bottom:0;left:50%;margin-left:-16px}
#loveLayer{position:absolute;top:100px;left:50%;margin-left:-470px;z-index:100;display:none}
.loveClose{position:absolute;top:16px;right:16px}

/* header */
#headWrap{width:100%}
#headArea{width:100%;position:relative;height:67px;overflow:hidden;z-index:5}
#header{width:980px;margin:0 auto;position:relative}
#logo{float:left;margin:25px 0 0 0}
.navi{float:right;width:859px;}
.commonLink{position:absolute;overflow:hidden;top:16px;right:0;z-index:5;zoom:1}
.commonLink li{float:left;padding:0 9px 0 8px;display:inline;background:url(/images/menu/commonMenuBg.gif) no-repeat right 1px;font-size:0}
.commonLink li.last{padding-right:0;background:0 none}
#gnb{float:left;margin-left:174px;display:inline;width:600px;padding-top:36px}
#gnb li{float:left;width:150px;font-size:0}
#gnb li.last{width:135px !important}
.bgLeft1{background:url(/images/common/headerBg1.gif) repeat-x 0 0;width:49.9%;float:left;height:121px}
.bgRight1{background:url(/images/common/titleAreaBg1.gif) repeat-x 0 0;width:49.9%;float:right;height:121px}
.bgLeft2{background:url(/images/common/headerBg2.gif) repeat-x 0 0;width:49.9%;float:left;height:121px}
.bgRight2{background:url(/images/common/titleAreaBg2.gif) repeat-x 0 0;width:49.9%;float:right;height:121px}
.bgLeft3{background:url(/images/common/headerBg3.gif) repeat-x 0 0;width:49.9%;float:left;height:121px}
.bgRight3{background:url(/images/common/titleAreaBg3.gif) repeat-x 0 0;width:49.9%;float:right;height:121px}
.bgLeft4{background:url(/images/common/headerBg4.gif) repeat-x 0 0;width:49.9%;float:left;height:121px}
.bgRight4{background:url(/images/common/titleAreaBg4.gif) repeat-x 0 0;width:49.9%;float:right;height:121px}
#headLayer{position:absolute;top:-269px;left:0;z-index:3;width:100%;height:269px}
.headLayerCover{position:absolute;top:0;left:0;width:100%;height:269px;opacity:0.95;filter:alpha(opacity=95);z-index:2;background-color:#fff;overflow:hidden}
.totalMap{position:absolute;top:0;left:0;z-index:3;overflow:hidden;width:100%}
.linkLocation{width:980px;margin:0 auto}
.dep1LayerTItle{float:left;margin-top:119px}
.totalList{float:left;margin-top:77px}
.totalList li{float:left;width:150px;font-size:0}
.totalList li dl{margin-left:20px}
.totalList li dd{width:106px;border-bottom:1px dotted #bbb;padding:7px 0 7px 3px;font-size:0}
.totalList li dl.m1 dd.listBul{background:url(/images/menu/gnb2DepBg1.gif) no-repeat 3px 9px;padding-left:10px}
.totalList li dl.m2 dd.listBul{background:url(/images/menu/gnb2DepBg2.gif) no-repeat 3px 9px;padding-left:10px}
.totalList li dl.m3 dd.listBul{background:url(/images/menu/gnb2DepBg3.gif) no-repeat 3px 9px;padding-left:10px}
.totalList li dl.m4 dd.listBul{background:url(/images/menu/gnb2DepBg4.gif) no-repeat 3px 9px;padding-left:10px}
.headLayerClose{position:absolute;left:0;bottom:0;background-color:#d3161f;width:100%;height:16px;z-index:3;text-align:center;padding-top:7px}
#loveLayer2{position:absolute;top:100px;left:50%;margin-left:-316px;display:none}

/*titleArea */ 
#titleArea{width:100%;height:121px;zoom:1;overflow:hidden;padding-top:44px;background-color:#fff8d7}
#titleArea #title{width:980px;margin:-121px auto 0;height:121px;position:relative;background:url(/images/common/houseBg.png) no-repeat 0 0;_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/houseBg.png',sizingMethod='crop');}
#titleArea .dep1Title{width:206px;float:left;padding-top:40px;text-align:center;margin-right:30px}
#titleArea .pageTitle{overflow:hidden;zoom:1;float:left}
#titleArea h1{margin-top:5px}
#currentLocation{position:absolute;top:33px;right:0;color:#898989}
#currentLocation a{font-size:11px;color:#898989}
#currentLocation em{font-size:11px;color:#636363;font-weight:bold}
#titleArea .subNav{position:absolute;top:58px;left:237px}



/* Lnb */
#lnbArea{width:160px;float:left;margin:11px 0 0 19px;display:inline}
#lnbArea .lnbThum{padding-top:40px;text-align:center;width:190px}
#lnbArea .lnbMenu{
	padding:17px 0 0 0;
}
#lnbArea .lnbList{
	width:136px;
	padding:0 9px 24px 11px;
}
#lnbArea .lnbList li{padding:5px 0 5px 3px;}
#lnbArea .Col01{	background:url('/images/menu/bg_lnb_01.gif') no-repeat 0 0;}
#lnbArea .Col01 .lnbList{background:url('/images/menu/bg_lnb_01.gif') no-repeat 0 bottom;}
#lnbArea .Col01 .lnbList li{background:url('/images/menu/bg_lnb_dot_01.gif') repeat-x 0 bottom;}
#lnbArea .Col02{	background:url('/images/menu/bg_lnb_02.gif') no-repeat 0 0;}
#lnbArea .Col02 .lnbList{background:url('/images/menu/bg_lnb_02.gif') no-repeat 0 bottom;}
#lnbArea .Col02 .lnbList li{background:url('/images/menu/bg_lnb_dot_02.gif') repeat-x 0 bottom;}
/*#lnbArea .Col03{	background:url('/images/menu/bg_lnb_03.gif') no-repeat 0 0}
#lnbArea .Col03 .lnbList{background:url('/images/menu/bg_lnb_03.gif') no-repeat left bottom;padding-bottom:83px}*/
#lnbArea .Col03{	background:url('/images/menu/bg_lnb_0303.gif') no-repeat 0 0}
#lnbArea .Col03 .lnbList{background:url('/images/menu/bg_lnb_0303.gif') no-repeat left bottom;padding-bottom:83px}
#lnbArea .Col03 .lnbList li{background:url('/images/menu/bg_lnb_dot_03.gif') repeat-x 0 bottom;}
#lnbArea .Col04{	background:url('/images/menu/bg_lnb_04.gif') no-repeat 0 0;}
#lnbArea .Col04 .lnbList{background:url('/images/menu/bg_lnb_04.gif') no-repeat 0 bottom;}
#lnbArea .Col04 .lnbList li{background:url('/images/menu/bg_lnb_dot_04.gif') repeat-x 0 bottom;}

/* content */
#content{width:756px;float:right;margin-top:11px}


/* footer */
#footArea .footer{float:left;margin-left:332px;display:inline}
.footer .footLink{overflow:hidden;zoom:1;margin-bottom:8px}
.footer .footLink li{float:left;margin-right:13px;font-size:0}
.familySite{float:left;padding-top:4px;width:306px}
.familySite *{vertical-align:bottom}

/* popup */
#pop{height:100%;}
body > #pop{height:auto;min-height:100%}
#pop{background:url(/images/common/popContBg.gif) repeat-x 0 45px}
#popHead{width:100%;height:45px;background:url(/images/common/popHeadBg.gif) repeat-x 0 0;overflow:hidden}
#popHead h1{float:left;display:inline;margin:14px 0 0 20px}
#popHead .popLogo{float:right;display:inline;margin:10px 11px 0 0}
#popupContents{position:relative;padding:0 20px 30px;font-size:11px}
#popupContents div,#popupContents p, #popupContents ul li{font-size:11px}
#popupFooter{width:100%;height:22px;margin-top:-22px;clear:both;background:#d3161f url(/images/common/popFooterBg.gif) repeat-x 0 0;text-align:right}
#popupFooter img{margin:7px 10px 0 0}