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

@import url("popup.css");

/*web font*/
	@font-face {
		font-family: 'barunWeb';
		src: url('../font/NanumBarunGothic.eot');
		src: url('../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
			url('../font/NanumBarunGothic.woff') format('woff'),
			url('../font/NanumBarunGothic.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	.normal {
		font-family:"barunWeb",sans-serif;
	}


/*Reset*/
body{ margin:0px; font-family: 돋움, Dotum, Arial, sans-serif; font-size:12px; color:#565656; background-color:#fafafa;}
body, html {width:100%; height:100%;}
h1, h2, h3, p, dl, dd, dt{ margin: 0px; padding:0;}
ul, li{ margin: 0px; padding: 0px; list-style:none; }
ol{ margin: 0px; padding: 0px;}
a{ text-decoration:none;}
img{ border: 0px; vertical-align: top; }
input{ margin:0px; padding: 0px;}
table {border-collapse:collapse;}

/*공통클래스*/
.txt_blue {font-weight:bold; color:#136bb1;}
.txt_yellow {color:#FF0;}
.txt_tit01 {font-weight:bold; font-size:1.2em;}
.txt_bold {font-weight:bold;}
.txt_red {color:#F00;}
.txt_left {text-align:left;}
.txt_right {text-align:right;}
.txt_center {text-align:center;}
.txt_big {font-size:1.5em;}
.txt_medi {font-size:1.1em;}
.txt_gray {color:#a9a9a9;}
.txt_green {color:#3bad18;}
.txt_black {color:#000;}

.clear {clear:both;}

.thead_hidden tr th {height: 0;font-size:0;text-indent:-9999}
 /*input box size*/
.w50  {width:50px;}
.w80  {width:80px;}
.w100  {width:100px;}
.w150  {width:150px;}
.width200 {width:200px;}
.w300 {width:300px;}
.w350 {width:350px;}

/*TnT 레이어 팝업 관련 정의*/
#TnT_TempLayer {width:50px; position:absolute; visibility:hidden; z-Index:11; padding:0;}
#TnT_TempLayer2 {position:absolute; visibility:hidden; z-Index:11; padding:0;}
#TnT_TempLayer2.square_on {border:1px solid #888888; padding:3px; background-color:#ffffff; color:#333333; text-align:left; line-height:140%; }

/*상단헤더*/
#header {position:relative; min-width:1097px; height:208px; background:url(../images/common/top_bg.png) repeat-x; z-index: 2}
#header a {color:#242424;}
	#top { position: relative; width:1097px; height:27px; padding-top:7px; margin:0 auto; line-height:25px; }
	.gnb { position:absolute; right:0px;}
	.gnb .cart_count {/*width:20px; height:15px; */padding:1px 2px; background-color:#e5262f; color:#fff; font-size:0.95em;}
	.gnb img {margin-top:3px; display:inline-block;}
	.login_bg a {color:#fff;}
	#logo_area {width:1097px; height:102px; padding:10px  0px; margin:0 auto;}
	#logo_area > div {float:left;}
	#logo_area .logo {margin:0 170px;}
	#logo_area .serach { position:relative; margin-top:30px;}
	.search_txt{ width:200px; height:21px; line-height:21px; padding:3px 18px; background-color:#f5f5f5; border:0; font-size:0.95em;}
	.sch_ico {position:absolute; top:3px; right:15px;}
	#menu {position:relative; width:100%; height:52px; }

	#lnb { float:left; width:100%;padding-top:1px}
	#lnb > ul {margin:0 auto; width:798px ; }
	#lnb > ul > li {float:left;height:51px; background:url(../images/common/mainmenu.png) no-repeat;}
	#lnb .blind_link{display: inline-block;width:100%; height:52px; line-height:500px; overflow:hidden;}

	.main_notice {background:url(../images/main/notice_bg.png) no-repeat; width:259px; height:28px; margin-top:30px; line-height:28px;}
	.main_notice span {margin:0 15px 0 10px; width:224px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

	/*sub menu 정의*/
	#lnb > ul ul{display:none;position:relative;width:430px;height:30px;z-index:3;margin-top: -5px;}
	#lnb > ul ul li {float:left; margin-top:10px;}

	/*마우스 오버 action*/
	#lnb > ul  > li:hover { background-position-y:-51px;}
	#lnb > ul  > li:hover > ul, #lnb > ul  > li:hover #lnb_sub_bg{display:block;}


	#lnb > ul ul li a {color:#fff; margin-right:10px;}
	#lnb > ul ul li a:hover {color:#f9e753; }
	#lnb #lnb_sub_bg {display:none;position: absolute;top: 52px;left: 0;background-color: #136bb1;z-index:2; clear: both; height: 30px;width: 100%;}


	#lnb .shop{width:151px; background-position:0 0;}
	#lnb .shop ul {left:30px;}
	#lnb .minga {width:130px; background-position:-151px 0;}
	#lnb .make {width:184px; background-position:-281px 0;}
	#lnb .make ul {left:40px;}
	#lnb .recipe_m {width:205px; background-position:-465px 0;}
	#lnb .recipe_m ul {left:70px;}
	#lnb .customer {width:128px; background-position:-670px 0;}
	#lnb .customer ul {left:40px;}

#main_container { position:relative; width:1097px; margin:0 auto;}
#sub_container { position:relative; width:1097px; min-height:500px; margin:25px auto 0 auto; color:#222;}
#route {padding:10px;}
#route a {color:#787878;}
#route .txt_now > a {color:#000;}

/*footer*/
#footer { position:relative; width:100%; height:180px; margin-top:25px; border-top:1px solid #bfcbd6; background-color:#e8edf1;}
#footer_area {margin:0 auto; width:1057px; padding:20px;}
#footer_area div {float:left;}
	.b_logo {margin-right:50px;}
	.b_quick {font-weight:bold; margin-bottom:10px;}
	.b_quick a  {color:#333;}
	.b_addr {line-height:1.3em;}
#footer_area .b_kcp {float:right;}

/*서브 공통 퀵메뉴*/
#quick_menu {width:106px; height:482px; position:absolute; top:20px; right:-120px; z-index:3; font-family:"굴림";}
.q_tit, .q_top  { height:35px; font-weight:bold; color:#136bb1; font-size:1.2em; line-height:35px; text-align:center;}
.q_top a {color:#136bb1;}
.q_tit img {display:block; margin-left:90px; margin-top:-39px;}
.quick_list .q_tit2 {height:32px; padding-top:8px;}
.q_top a img {display:block; margin-left:48px; margin-top:8px;}
.quick_list { margin:0 5px; border:1px solid #136bb1;}
.quick_list dt {height:27px;border-bottom: 1px solid; padding-top:12px; letter-spacing:-0.1em; background-color:#136bb1; color:#fff; font-weight:bold; text-align:center;}
.quick_list dt > span {display:block;}
.quick_list dd { margin:10px 0 10px 7px; letter-spacing:-0.1em;}
.quick_list dd a {color:#787878;}

/*레시피 영역*/
.recipe {height:483px; border:1px solid #bfcbd6; font-family:barunWeb;}
		.recipe div {float:left; padding-top:20px;;}
		.recipe div dl {width:224px; margin:0 18px; line-height:1.8em;word-wrap: break-word;}
		.recipe div:first-child {padding-top:0; width:310px; margin:0;}
		.recipe dt {margin:10px 0; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
		.recipe .recipe_cont { height:108px; word-wrap: break-word; overflow:hidden;}
		.recipe dd > a { padding-left:90px; padding-top:20px; color:#136bb1; font-weight:bold; text-decoration:underline; display:inline-block;}


/*board bottom 공통영역*/
.page_num {height:30px; margin-top:15px; text-align:center; line-height:30px;}
.page_num > a {margin:6px; color:#000; font-weight:bold;}
.page_num > a > img {margin-top:5px;}
.page_num > .page_select { padding:3px 5px; color:#F00; border:1px solid #db8883;}

.search_box {text-align:center; margin:20px 0;}
.search_box span {margin-right:5px;}
.search_box input {padding:3px;}