@charset "utf-8";
/* @charset "euc-kr"; */
/* @import url(button.css); */

/* body를 위한 배경 */
.pageWhite {background: none; background-color: #FFFFFF;}

/* yBoard */
#ybWrap {position: relative; width: 100%; margin: 0 auto; background-color: #FFFFFF; padding-top: 0px;}
#ybWrap:after {content:""; display: block; clear: both;} /* 부모창에 자식창의 높이를 알려주는 권장방법 */
#ybWrap {*zoom: 1;} /* IE5.5 ~ 7 브라우저 대응 핵 */

#ybWrap.forSubMargin {margin-top: 60px;}

#ybWrap img {border: none; vertical-align: middle; margin: 0; padding: 0;}

#ybWrap .ybWriteBtArea {width: 100%; height: 30px; padding: 10px 0 0; margin: 0 auto; text-align: right;}

#ybWrap .ybWriteArea {width: 100%;  margin: 10px auto;}
#ybWrap .ybWriteArea:after {content:""; display: block; clear: both;} /* 부모창에 자식창의 높이를 알려주는 권장방법 */
#ybWrap .ybWriteArea {*zoom: 1;} /* IE5.5 ~ 7 브라우저 대응 핵 */

#ybWrap .ybEditArea {width: 100%;  margin: 10px auto;}
#ybWrap .ybEditArea:after {content:""; display: block; clear: both;} /* 부모창에 자식창의 높이를 알려주는 권장방법 */
#ybWrap .ybEditArea{*zoom: 1;} /* IE5.5 ~ 7 브라우저 대응 핵 */

#ybWrap .ybListArea {width: 100%;  margin: 10px auto;}
#ybWrap .ybListArea:after {content:""; display: block; clear: both;} /* 부모창에 자식창의 높이를 알려주는 권장방법 */
#ybWrap .ybListArea {*zoom: 1;} /* IE5.5 ~ 7 브라우저 대응 핵 */

#ybWrap .ybListArea .galleryBox {padding: 8px; text-align: center; border: 1px #eeeeee solid;}
#ybWrap .ybListArea .galleryBox .productImg {padding-bottom: 10px;}
#ybWrap .ybListArea .galleryBox:hover {border: 1px #aaddda solid; background-color: #FFFFFF; color: #333333;}

	.ybListArea table thead {background-color: #f5f7fc;}

	/* 블로그 타입 start */
	#ybWrap .ybBlogListArea {width: 100%;  margin: 10px auto;}
	#ybWrap .ybBlogListArea:after {content:""; display: block; clear: both;} /* 부모창에 자식창의 높이를 알려주는 권장방법 */
	#ybWrap .ybBlogListArea {*zoom: 1;} /* IE5.5 ~ 7 브라우저 대응 핵 */

	#ybWrap .ybBlogListArea .thumbImgTd {vertical-align: top; padding-top: 40px; padding-bottom: 40px;}
	#ybWrap .ybBlogListArea .thumbContentTd {vertical-align: top; padding-top: 40px; padding-bottom: 40px; padding-left: 40px;}
	#ybWrap .ybBlogListArea .thumbContentTd .tcTitle {padding: 10px 0; font-size: 20px; font-weight: bold; color: #333333; line-height: 30px;}
	#ybWrap .ybBlogListArea .thumbContentTd .tcContent {font-size: 12px; font-weight: normal; color: #666666; line-height: 22px;}
	#ybWrap .ybBlogListArea .thumbContentTd .tcRegdateArea {width: 100%; height: 30px; padding: 10px 0;}
	#ybWrap .ybBlogListArea .thumbContentTd .tcRegdateArea .tcRegdate {float: left; display: block; width: 50%; height: 30px; font-size: 11px; font-weight: normal; color: #6d90c8; line-height: 30px;}
	#ybWrap .ybBlogListArea .thumbContentTd .tcRegdateArea .tcMore {float: left; display: block; width: 50%; height: 30px; text-align: right; font-size: 30px; font-weight: bold; color: #6d90c8; line-height: 30px;}
	#ybWrap .ybBlogListArea .thumbContentTd a:hover {text-decoration: none;}
	/* 블로그 타입 end  */


#ybWrap .ybPaging {width: 100%; height: 40px; margin: 0 auto; text-align: right;}
#ybWrap .ybPaging {width: 100%; height: 20px; margin: 0 auto; margin-top: 10px;}
#ybWrap .ybPaging p {font-weight: bold; color: #333333; font-size: 11px; text-align: right;}
#ybWrap .ybPaging .page {padding: 0 5px;}
#ybWrap .ybPaging .page:hover {background-color: #EEEEEE;}
#ybWrap .ybPaging a {font-weight: bold; font-family: verdana; color: #999999; font-size: 11px; line-height: 14px;}
#ybWrap .ybPaging a:hover {font-weight: bold; font-family: verdana; color: #333333; font-size: 11px; text-decoration: none;  line-height: 14px;}
#ybWrap .ybPaging img {margin: 0; padding: 0; font-size: 0; vertical-align: middle;}
#ybWrap .ybPaging img.prev {padding-right: 10px; padding-top: 0px;}
#ybWrap .ybPaging img.next {padding-left: 10px; padding-top: 0px;}
#ybWrap .ybSearch {width: 100%; height: 40px; margin: 0 auto; text-align: center;}


#ybWrap .ybReadArea {width: 100%;  margin: 10px auto;}
#ybWrap .ybReadArea:after {content:""; display: block; clear: both;} /* 부모창에 자식창의 높이를 알려주는 권장방법 */
#ybWrap .ybReadArea {*zoom: 1;} /* IE5.5 ~ 7 브라우저 대응 핵 */

#ybWrap .ybReadArea p {font-size: 14px; line-height: 22px;}
#ybWrap .ybReadArea .tdRegdate {width: 100%; height: 20px; font-size: 11px; font-weight: normal; color: #6d90c8; line-height: 20px; background-color: #f4f4f4; padding-top: 5px; padding-bottom: 5px;}
#ybWrap .ybReadArea .tdLink {width: 100%; height: 20px; font-size: 11px; font-weight: normal; color: #6d90c8; line-height: 20px; background-color: #f4f4f4; padding-top: 5px; padding-bottom: 5px;}
#ybWrap .ybReadArea .tdLink ul {width: 100%; height: 20px; padding-bottom: 10px;}
#ybWrap .ybReadArea .tdLink ul .fileLink {float: left; padding-right: 20px; display: inline;}


/* Admin Start */
/* Admin Login Start */
#ybWrap .ybAdminLogin {width: 600px; height: 320px; margin: 0 auto; margin-top: 300px; background-color: #ffffff;}
#ybWrap .ybAdminLogin .title {float: left; width: 600px; height: 60px;}
#ybWrap .ybAdminLogin form {float: left; width: 500px; height: 30px; padding: 60px 50px 110px; line-height: 30px; background-image:url('../administrator/img/yb_loginBg.gif');}
#ybWrap .ybAdminLogin form img {float: left;}
#ybWrap .ybAdminLogin form input {float: left; margin-right: 5px;}
#ybWrap .ybAdminLogin .warning {float: left; width: 600px; height: 40px; margin: 20px auto 0;}

#ybWrap .ybAdminLoginBg .inputId {float: left; width: 178px; height: 18px; margin-bottom: 5px; font-weight: bold; font-size: 14px; background: #FFFFFF url('../img/bgId.gif') no-repeat scroll left center;}
#ybWrap .ybAdminLoginBg .inputPasswd {float: left; width: 168px; height: 18px; margin-bottom: 5px; font-weight: bold; font-size: 14px; background: #FFFFFF url('../img/bgPasswd.gif') no-repeat scroll left center;}
#ybWrap .ybAdminLoginBg .inputIdBgNone {float: left; width: 178px; height: 18px; margin-bottom: 5px; font-weight: bold; font-size: 14px; background: none; background-color: #FFFFFF;}
#ybWrap .ybAdminLoginBg .inputPasswdBgNone {float: left; width: 168px; height: 18px; margin-bottom: 5px; font-weight: bold; font-size: 14px; background: none; background-color: #FFFFFF;}
/* Admin Login End */

/* Admin Index Start */
#ybWrap .ybAdminHeader {width: 100%; height: 140px; margin: 0 auto; background-image: url('../administrator/img/yb_adminMenuBg.gif');}
#ybWrap	.ybAdminHeader .ybAdminTopLink {width: 100%; margin: 0 auto; min-width: 960px; height: 20px; padding-top: 10px;}
#ybWrap	.ybAdminHeader .ybAdminTopLink li {display: inline; font-weight: bold; font-size: 11px;}
#ybWrap	.ybAdminHeader .ybAdminTopLink img {vertical-align: top;}
#ybWrap	.ybAdminHeader .ybAdminTopLink .mySite {margin-left: 170px;}
#ybWrap	.ybAdminHeader .ybAdminTopLink .logout {margin-left: 20px;}
#ybWrap	.ybAdminHeader .ybAdminTitle {width: 100%; max-width: 1200px; min-width: 980px; height: 60px;}
#ybWrap	.ybAdminHeader .ybAdminTitle img {vertical-align: middle;}

#ybWrap	.ybAdminHeader .ybAdminMenu {width: 100%; margin: 0 auto; min-width: 960px; height: 40px; }
#ybWrap	.ybAdminHeader .ybAdminMenu ul {list-style: none; height: 40px;}
#ybWrap	.ybAdminHeader .ybAdminMenu li {float: left; display: inline-block; width: 100px; height: 20px; padding: 10px 0; background: url('../administrator/img/yb_adminMenuLiBg.gif') center center no-repeat; text-align: center; font-weight: bold; color: #FFFFFF; font-size: 11px; line-height: 20px;}
#ybWrap	.ybAdminHeader .ybAdminMenu li:first-child {width: 150px; height: 20px;}
#ybWrap	.ybAdminHeader .ybAdminMenu li:last-child {display: inline-block; width: 100px; height: 20px; background: url('../administrator/img/yb_adminMenuLiBgEnd.gif') center center no-repeat; text-align: center; font-weight: bold; color: #FFFFFF; font-size: 11px;}
#ybWrap	.ybAdminHeader .ybAdminMenu li img {float: left;}
#ybWrap	.ybAdminHeader .ybAdminMenu li a {color: #FFFFFF; font-weight: bold; text-decoration: none;}
#ybWrap	.ybAdminHeader .ybAdminMenu li a:hover {color: red; font-weight: bold; text-decoration: none;}
#ybWrap	.ybAdminHeader .ybAdminMenu li a span.on {color: #e02622;}

#ybWrap	.ybAdminHeader .ybAdminGray {float: left; width: 100%; height: 10px;} /* sub menu 를 위해서 */
/* Admin Index End  */

#ybWrap .ybAdminContainer {width: 940px; padding: 0 10px; min-height: 800px;} /* 가로 960px로 고정함, 마진까지 980px */

#ybWrap .ybAdminContainer .adminMenuTitleArea {width: 100%; height: 30px; padding: 10px 0;}
#ybWrap .ybAdminContainer .adminMenuTitleArea .adminMenuTitle {float: left; width: 50%; height: 20px; font-size: 20px; line-height: 20px; padding: 5px 0; color: #333333;}
#ybWrap .ybAdminContainer .adminMenuTitleArea .adminMenuWriteBt {float: left; width: 50%; height: 30px; text-align: right;}

#ybWrap	.ybAdminCopyright {width: 100%; height: 10px; background-image:url('../administrator/img/yb_adminCopyBg.gif'); background-repeat: repeat-x; padding: 20px 0;}
		.ybAdminCopyright>p {display: block; width: 200px; height: 10px; text-align: left; padding-left: 20px; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight: bold; font-size: 10px; color: #999999;}










	#productBox {width: 300px; height: 335px; padding: 0px; text-align: center; border: none; margin-bottom: 30px; box-shadow: 0 0 5px #ddd; border-radius: 10px; overflow: hidden;}
	#productBox .productImg {float: left; width: 300px; height: 225px; padding: 0px; text-align: center; border: none;}
	#productBox .productImg a {display: block; width: 300px; height: 225px;}
	#productBox .productImg a:hover {text-decoration: none;}
	#productBox:hover {border: none;}

	#productBox .productInfo {float: left; width: 280px; height: 90px; padding: 10px; text-align: justify; background-color: #f9f9f9;}
	#productBox .productInfo .pNo,
	#productBox .productInfo .pTitle {float: left; display: block; width: 40px; height: 20px; line-height: 20px; padding: 0; margin: 0 0 5px 0; border-radius: 5px; text-align: center; font-size: 10px; font-weight: bold; color: #fff; background-color: #968979; letter-spacing: -1px;} /* 00bfdd */
	#productBox .productInfo .pNoText {float: left; display: block; width: 235px; height: 20px; padding-left: 5px; margin: 0 0 5px 0; line-height: 20px; text-align: left; font-size: 12px; font-weight: 400;  letter-spacing: -1px; color: #222;}
	#productBox .productInfo .pTitleText {float: left; display: block; width: 280px; height: 40px; padding-bottom: 10px; line-height: 20px; text-align: left; font-size: 14px; font-weight: 500;  letter-spacing: -1px;}
	#productBox .productInfo .pTitleText > a {color: #6b5132;}

	/* 2016.02.12
	#ybListArea #productBox .productNo {float: left; width: 220px; height: 20px; padding: 10px; text-align: justify; background-color: #f0f0f0;}
	#ybListArea #productBox .productNo img,
	#ybListArea #productBox .productNo p {line-height: 20px; font-size: 14px; color: #333333; vertical-align: middle;}
	*/
	#ybListArea #productBox .productTitle {float: left; width: 240px; height: 20px; padding-top: 10px; text-align: justify; background-color: #FFFFFF;}
	#ybListArea #productBox .productTitle img,
	#ybListArea #productBox .productTitle p {line-height: 20px; font-size: 16px; font-weight: bold; color: #333333; vertical-align: middle;}


	.zeroTable table, .zeroTable table th, .zeroTable table tr, .zeroTable table td,
	.zeroTable table tbody tr, .zeroTable table tbody td,
	.zeroTable table thead tr, .zeroTable table thead td,
	.zeroTable table tfoot tr, .zeroTable table tfoot td
	{height: auto; padding: 0; margin: 0; border: none;}
	.zeroTable table tbody tr:hover {background: none;}
	
	
	form[name=productListForm] {margin-bottom: 30px;}