/* 20140512. Cube Interactive. Choi KY. */
@charset "utf-8";
/* Allmenu */
#allMenuWrap {width:494px;position:absolute;top:118px;left:211px;}
#allMenu {display:none;position:absolute;top:0;left:0px;width:450px;height:615px;background:#695a53 url(../../images/common/allmenu_bg.gif) 0 0 repeat-y;}
#allMenu li.allMenuList {width:128px;height:150px;float:left;padding-left:20px;border-top:1px solid #776962;border-bottom:1px solid #5d4f48;border-left:1px solid #776962;border-right:1px solid #5d4f48;}
#allMenu li.RigLast {border-right:none;}
#allMenu li.BotLast {border-bottom:none;}
#allMenu li.BotRigLast {border-bottom:none;border-right:none;}
#allMenu li.list01 {}
#allMenu li.list02 {height:180px;}
#allMenu li.list03 {height:280px;}
.allMenuList h2 a {display:block;color:#ff9019;padding:20px 0 10px 0;font-size:15px;}
.allMenuList li a {display:block;color:#c2b6ac;}
.allMenuList li a:hover {color:#fff;}
#allMenuBtn {width:44px;height:100px;position:absolute;top:515px;}
#allMenuBtn a {width:27px;height:67px;display:block;padding:33px 0 0 17px;background:#54433a url(../../images/common/bul_rig_w.png) 19px 13px no-repeat;}
#allMenuBtn a.close {background:#54433a url(../../images/common/bul_left_w.png) 19px 13px no-repeat;}

#visualWrap {width:100%;height:1000px;position:absolute;left:211px;overflow:hidden;background:#fff;}
.visual {width:100%;height:1000px;}
.visual li {width:100%;height:1000px;}
.vs1 {background:url(../../images/main/visual1.jpg) 0 0 no-repeat;}
.vs2 {background:url(../../images/main/visual2.jpg) 0 0 no-repeat;}
.vs3 {background:url(../../images/main/visual3.jpg) 0 0 no-repeat;}
.visual li img {position:absolute;left:500px;top:60px;}
.visBtn {width:506px;height:11px;position:absolute;left:500px;top:230px;*zoom:1;z-index:9000;text-align:right;}
#nav {width:60px;position:absolute;right:20px;height:13px;overflow:hidden;}
#nav > a {display:inline-block;width:13px;height:13px;background:url(../images/main/visBtn.png) 0 0 no-repeat;font-size:0;line-height:0;text-indent:-9999;margin-right:6px;}
#nav > a:hover, #nav > a.activeSlide {background:url(../images/main/visBtn_over.png) 0 0 no-repeat;}
.btnPause {width:15px;position:absolute;right:5px;}

/* mainContent */
#mainContent {width:600px;position:absolute;right:0;top:0;z-index:8999;border-left:4px solid #54433a;}
#mainContent:after {content:"";display:block;clear:both;}
#mainContent > .area {width:240px;height:220px;float:left;overflow:hidden;padding:30px 30px 0;} 
#mainContent > .area h3 img {display:block;}
#mainContent > .area h4 {font-size:15px;font-weight:bold;}
#mainContent > .area h4 a {color:#ff6619;font-weight:bold;}
#mainContent > .area p {font-size:12px;line-height:1.5;}
#mainContent > .area p a {color:#443d35;}
#mainContent a.readMore {width:90px;height:30px;display:inline-block;background:#ff6619 url(../../images/common/bul_rig_w.png) no-repeat;color:#fff;font-size:12px;line-height:30px;padding-left:14px;margin-top:15px;}
/* mainContent : recipeArea */
#mainContent .recipeArea {width:300px;height:470px;padding:30px 0 0;background:#fff;}
#mainContent .recipeArea h3 {width:80%;margin:0 10%;} 
#mainContent .recipeArea ul {margin-top:10px;}
#mainContent .recipeArea h4 {height:33px;font-size:12px;color:#ddd3c8;padding:17px 0 0 22px;background:url(../../images/main/recipe_h4_bg.gif) 0 0 repeat-x;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#mainContent .recipeArea h4 span {color:#887c75; padding-right:20px;}
#mainContent .recipeArea h4 a {color:#ddd3c8;}
#mainContent .recipeArea .recipeCon { height:286px; padding:10px 10% 0 10%;}
#mainContent .recipeCon h4 {color:#ff6619;font-size:15px;background:none;padding:0;font-weight:bold;}
/*#mainContent .recipeImg {height:182px;background:url(../../images/main/img_recipe_bg.jpg) left bottom no-repeat;}*/
#mainContent .recipeImg {height:172px; padding-top:10px}
#mainContent .recipeImg img, #mainContent .reviewArea div img, #mainContent .peopleArea div img, #mainContent .globalArea div img, #mainContent .infoArea div img {border:1px solid #eaeaea;}
#mainContent .recipeCon a.readMore {background-position:86px 10px;}
/* mainContent : infoArea */
#mainContent .infoArea {background:url(../../images/main/info_bg.jpg) left top no-repeat;}
#mainContent .infoArea h4 {width:120px;float:left;padding-top:14px;font-weight:normal;}
#mainContent .infoArea div {width:118px;float:left;padding-top:14px;}
#mainContent .infoArea p {width:120px;float:left;padding-top:10px;}
/* mainContent : productArea */
#mainContent .productArea {background:url(../../images/main/product_bg.jpg) left top no-repeat; position:relative}
#mainContent .productArea div {width:109px;position:absolute;right:20px;bottom:30px;}
#mainContent .productArea p {width:150px;padding-top:29px;}
#mainContent .productArea p a {color:#665850;}
#mainContent .productArea p span {font-size:14px;}
#mainContent .productArea a.readMore {width:80px;background-position:75px 10px;}
/* mainContent : reviewArea */
#mainContent .reviewArea {background:url(../../images/main/review_bg.jpg) right top no-repeat;}
#mainContent .reviewArea h4 {width:110px;float:left;padding-top:25px;font-weight:normal;}
#mainContent .reviewArea div {width:130px;float:left;padding-top:25px;}
#mainContent .reviewArea p {clear:both;padding-top:18px;}
/* mainContent : globalArea */
#mainContent .globalArea {background:url(../../images/main/global_bg.jpg) left top no-repeat;}
#mainContent .globalArea div {padding-top:18px;}
#mainContent .globalArea h4 {padding:12px 0 8px 0;font-weight:normal;}
#mainContent .globalArea p {line-height:1.2;}
/* mainContent : peopleArea */
#mainContent .peopleArea { background:#f5f5f5;}
#mainContent .peopleArea h4 {font-size:15px;font-weight:normal;}
#mainContent .peopleArea div { padding:15px 0;}
/* mainContent : noticeArea */
#mainContent .noticeArea {background:#fff;}
#mainContent .noticeArea .dateBox {width:67px;height:67px;float:left;margin:15px 15px 0 0;background-color:#f5f5f5;text-align:center; position:relative; color:#262626; font-size:40px;line-height:1.1;}
#mainContent .noticeArea .date {width:100%;display:block; position:absolute;bottom:0;left:0;font-size:10px;text-align:center;padding:6px 0;}
#mainContent .noticeArea h4 {width:150px;float:left;font-size:14px;padding-top:15px;font-weight:normal;}
#mainContent .noticeArea ul {clear:both;padding-top:10px}
#mainContent .noticeArea li {height:15px;background:url(../../images/common/bul_dot_org.gif) 5px 12px no-repeat;font-size:12px;padding:7px 0 5px 12px;}
#mainContent .noticeArea li a {color:#443d35;float:left;}
#mainContent .noticeArea li span { float:right;}
/* mainContent : lnbArea */
.lnbArea {position:relative; height:150px;background-color:#54433a; font-family:돋움, 'Dotum', 'Tahoma', 'SimSun', sans-serif;}
.lnb {font-size:12px;width:550px; padding-left:20px;overflow:hidden;}
.lnb li {float:left;background:url(../../images/common/lnb_hr.gif) right 12px no-repeat;}
.lnb li.lastItem {background-image:none !important;}
.lnb li a {display:block;color:#ddd3c8;padding:9px 16px;}
.lnb li b {font-weight:bold;color:#fff;}
.lnb li span {font-size:12px;display:block;color:#ddd3c8;padding:9px 16px;}

.lnb2 {font-size:11px;width:550px; padding-left:20px;overflow:hidden;}
.lnb2 li {float:left;}
.lnb2 li.lastItem {background-image:none !important;}
.lnb2 li a {display:block;color:#ddd3c8;}
.lnb2 li b {font-weight:bold;color:#fff;}
.lnb2 li span {font-size:11px;display:block;color:#ddd3c8;}

.lnbArea .markWrap {position:absolute; top:6px; left:600px;}

@media all and (max-width:1800px) {
	.visual li img, .visBtn {left:300px;}
}

@media all and (min-width:1601px) {
	.lnbArea {position:absolute;top:1000px;left:211px;}
}

@media all and (max-width:1600px) {
	.visual li img, .visBtn {left:200px;}
	.lnbArea {position:absolute;top:1000px;left:211px;}
}

@media all and (max-width:1560px) {
	.visual li img, .visBtn {left:150px;}
}

@media all and (max-width:1480px) {
	.visual li img, .visBtn {left:80px;}
	#allMenuBtn {width:44px;height:100px;position:absolute;top:350px;}
}
@media all and (max-width:1440px) {
	#wrap {width:1440px;}
	.visual {top:-200px;}
	.visual li img {left:650px;top:260px;}
	.visBtn {left:650px;}
	#mainContent {width:1229px;height:500px;left:211px;top:600px;z-index:9000;border-left:0;border-top:4px solid #54433a;}
	#mainContent .recipeArea {width:329px;}
	#mainContent .infoArea {background:url(../../images/main/product_bg.jpg) left top no-repeat;}
	#mainContent .productArea {background:url(../../images/main/review_bg.jpg) left top no-repeat;}
	#mainContent .reviewArea {background:url(../../images/main/product_bg.jpg) right top no-repeat;}
	#mainContent .recipeArea h4.recipeTit {background:url(../../images/main/recipe_h4_bg2.gif) 0 0 repeat-x;}
	#mainContent .recipeArea h4.recipeTit span {color:#fff;padding-right:20px;}
	.lnbArea {position:absolute;top:1104px;left:211px;z-index:8999;}
}
@media all and (max-width:1400px) {
	#wrap {width:1400px;}
	#mainContent > .area {width:248px;padding:30px 25px 0;} 
	#mainContent .recipeArea {width:295px;padding:30px 0 0;}
}
@media all and (max-width:1360px) {
	#wrap {width:1360px;}
	.visual li img, .visBtn {left:550px;5}
	#mainContent > .area {width:244px;padding:30px 20px 0;} 
	#mainContent .recipeArea {width:297px;padding:30px 0 0;}
}
@media all and (max-width:1280px) {
	#wrap {width:1280px;}
	.visual li img, .visBtn {left:480px;top:260px;}
	#mainContent > .area {width:237px;padding:30px 15px 0;} 
	#mainContent .recipeArea {width:268px;padding:30px 0 0;}
	#mainContent .recipeArea .recipeCon {padding:10px 15px 0;}
	#mainContent .recipeArea .recipeCon .recipeImg {width:238px;height:160px;}
	#mainContent .recipeArea .recipeCon img {width:236px;height:140px;}
	#mainContent .recipeArea h4.recipeTit {padding:17px 10px 0;}
	#mainContent .infoArea h4 {width:100px;}
	#mainContent .infoArea p {width:100px;}
	#mainContent .reviewArea h4 {width:100px;}
	#mainContent .reviewArea p {padding-right:5px;}
	#mainContent .noticeArea ul {padding-right:10px;}
}
@media all and (max-width:1024px) {
	#wrap {width:1024px;}
	.visual li img, .visBtn {left:250px;top:260px;}
	#mainContent {width:813px;height:755px;}
	#mainContent > .area {width:235px;padding:30px 15px 0;}
	#mainContent .reviewArea {background:url(../../images/main/review_bg.jpg) right top no-repeat;}
	#mainContent .globalArea {background:url(../../images/main/product_bg.jpg) left top no-repeat;}
	#mainContent .recipeArea {width:268px;padding:30px 0 0;}
	#mainContent .peopleArea, #mainContent .noticeArea {width:350px;}
	#mainContent .peopleArea div, #mainContent .peopleArea h4 {text-align:center;}
	.lnbArea {position:absolute;top:1357px;left:211px;}
}





























































































































































































































































































































