/* search */
.searchBox				{text-align:right; margin-bottom:10px; }
.searchBox select		{border:1px solid #ccc; height:24px; font-size:12px; font-family:'Gulim'; padding-left:5px; vertical-align:top;}
.faqSearchBox			{background:#eee; padding:5px;}
.faqSearchBox .fSearch	{background:#fff; padding:10px; font-size:12px; color:#000;}
.faqSearchBox .sCate ul	{margin:5px;}
.faqSearchBox .sCate li	{display:inline-block; padding:3px 10px; background:url('/images/line_qnaCate.gif') no-repeat right 6px;}
.faqSearchBox .sCate li a{color:#666; font-size:12px;}
.faqSearchBox .sCate li span{color:#000; font-size:12px; font-weight:600;}
.accoSearch				{border:5px solid #eee; background:#fff; padding:10px 15px;}
.accoSearch div			{font-size:12px; color:#666;}
.accoSearch span		{background:url('/images/bu_01.gif') no-repeat; color:#000; font-size:12px;}
.accoSearch img			{vertical-align:middle; padding-left:3px;}
.memSearch				{background:#eee; padding:20px; font-size:16px;}

/* paging */
.paging					{width:100%; height:60px; text-align:center; margin-top:30px;}
.paging span			{display:inline-block; width:27px; padding:7px 0 5px ; color:#fff; background:#666; border:1px solid #555; font-size:11px; font-family:'dotum';}
.paging	a				{display:inline-block; width:27px; padding:7px 0 5px; text-decoration:none; color:#666; background:#f2f2f2; border:1px solid #c8c8c8; font-size:11px; font-family:'dotum'; }
.paging	a.img			{border:none; padding:0; background:#fff; vertical-align:top;}
.paging	a.img img		{vertical-align:middle; padding-bottom:3px;}


/* 경영공시 */
.discBox				{float:left; margin:15px; padding:15px; width:193px; border:1px solid #ddd; border-top:2px solid #0653b6; box-shadow:0 3px 0 #ebebeb; background:#fff;}
.discBox:hover			{background:#fafafa;}
.discBox h3				{text-align:center; color:#000; font-size:16px; line-height:150%; font-weight:600; letter-spacing:-0.05em; padding-bottom:12px;}

/* BBS LIST */
.bbsList				{table-layout:fixed; border-top:2px solid #0653b6; border-bottom:1px solid #bbb;}
.bbsList thead th		{background:#eee; padding:12px 0; font-weight:600; color:#000; font-size:12px;}
.bbsList tbody td		{border-top:1px solid #ddd; padding:10px 0; font-size:12px; color:#000; text-align:center;}
.bbsList tbody td .notice{display:inline-block; background:#666; padding:4px 3px 2px; color:#fff; font-family:'dotum'; font-size:11px;}
.bbsList tbody tr.noticeTR{background:#f8f8f8;}

/* BBS VIEW */
.bbsView				{table-layout:fixed; border-top:2px solid #0653b6; border-bottom:1px solid #bbb;}
.bbsView thead th		{background:#eee; padding:10px 0 10px 10px; font-weight:600; color:#000; font-size:15px; text-align:left;}
.bbsView thead > td		{border-top:1px solid #ddd; padding:10px; font-size:12px; color:#666;}
.bbsView tbody > td		{border-top:1px solid #ddd; padding:10px; font-size:12px; color:#000;}
.bbsView tbody td.con	{padding:30px 10px; line-height:150%;}
.bbsView tfoot th		{border-top:1px solid #ddd; padding:10px 0; font-size:12px; color:#000; text-align:center; font-weight:600;}
.bbsView tfoot td		{border-top:1px solid #ddd; padding:10px 0;}
.bbsView thead th.promoView				{position:relative; padding:20px;}
.bbsView thead th.promoView .promoImg	{float:left; width:250px; height:200px; border:1px solid #ddd; overflow:hidden;}
.bbsView thead th.promoView .promoImg img {transform:rotate(-90deg);}
.bbsView thead th.promoView .promoBox	{float:left; width:380px; margin-left:20px;}
.bbsView thead th.promoView .promoBox .tit1	{font-size:17px; color:#000;  font-weight:600; margin-top:5px;}
.bbsView thead th.promoView .promoBox .tit2	{font-size:12px; color:#666; font-weight:normal;}
.bbsView thead th.promoView .promoBox .pDate		{font-size:12px; color:#666; line-height:130%; font-weight:normal;}
.bbsView thead th.promoView .promoBox .pDate strong {font-size:12px; color:#000; font-weight:600; line-height:130%}
.bbsView thead th.promoView .tagBrand	{position:absolute; right:20px; top:-2px; background:#fff url('/images/bg_tag_bot2.gif') no-repeat 0 bottom; padding:8px 0 20px; width:80px; border-top:2px solid #0653b6; text-align:center;}

.tblStore				{table-layout:fixed; border-top:1px solid #0653b6; }
.tblStore tbody th		{background:#f8f8f8; padding:15px 10px; font-size:12px; color:#000; font-size:12px; font-weight:600; text-align:left; vertical-align:middle; border-bottom:1px solid #ddd;}
.tblStore tbody td		{background:#fff; padding:15px; font-size:12px; border-bottom:1px solid #ddd;}


/* BBS WRITE */
.bbsWrite				{table-layout:fixed; border-top:1px solid #0653b6; border-bottom:1px solid #bbb;}
.bbsWrite tbody th		{background:#eee; border-bottom:1px solid #ddd; font-size:12px; color:#000; padding:8px 10px; text-align:left; vertical-align:top;}
.bbsWrite tbody th span	{color:#9e0b0f; font-size:13px;}
.bbsWrite tbody td		{background:#fff; border-bottom:1px solid #ddd; font-size:12px; color:#444; padding:8px 10px}
.bbsWrite tbody td .msg	{display:block; color:#666; font-size:11px; line-height:120%;}
.bbsWrite tbody tr:last-child th,
.bbsWrite tbody tr:last-child td	{border:none;}


/* 상품리스트 */
.goodListBox			{float:left; margin:15px; padding:15px; width:193px; border:1px solid #ddd; border-top:2px solid #0653b6; box-shadow:0 3px 0 #ebebeb; background:#fff;}
.goodListBox:hover		{background:#fafafa;}
.goodListBox h3			{text-align:center; color:#000; font-size:15px; line-height:150%; font-weight:600; letter-spacing:-0.05em; padding-bottom:12px;}
.goodListBox p			{color:#666; font-size:12px; line-height:130%; letter-spacing:-0.02em; padding:8px 0 12px; border-top:1px solid #ddd;}

/* promotion */
.promoList				{width:100%; list-style:none;}
.promoList li			{position:relative; padding:20px; margin:25px 0; border:1px solid #ddd; box-shadow:0 3px 0 #ebebeb; background:#fff;}
.promoList li:after		{content:" "; display:block; clear:both; height:0; visibility:hidden;}/* 기타 브라우져 */
.promoList li .promoImg	{float:left; width:200px; height:120px; border:1px solid #ddd;}
.promoList li .promoBox {float:right; width:500px; height:120px}
.promoList li .promoBox .tit1	{font-size:17px; color:#000; font-weight:600; margin-top:5px; height:20px;}
.promoList li .promoBox .tit2	{font-size:12px; color:#666; height:16px;}
.promoList li .promoBox .pDate  {font-size:12px; color:#666; line-height:130%}
.promoList li .promoBox .pDate strong {font-size:12px; color:#000; font-weight:600; line-height:130%}
.promoList li .proBtn	 {margin-top:12px;}
.promoList li .tagBrand	{position:absolute; right:20px; top:-2px; background:#eee url('/images/bg_tag_bot.gif') no-repeat 0 bottom; padding:8px 0 20px; width:80px; border-top:2px solid #0653b6; text-align:center;}

/* store */
#centerWrap				{background:#f4f4f4; padding:20px; margin-bottom:40px;}
#mapBox					{float:left; width:350px; text-align:center;}
.centerSearch			{float:right; width:330px; height:290px;  background:#fff; padding:25px 20px;}
.centerSearch h3		{font-size:20px; color:#000; line-height:130%; font-weight:600;}
.centerSearch p			{font-size:12px; color:#666; line-height:120%; border-bottom:1px solid #000; padding:5px 0 8px; margin-bottom:15px;}

/* FAQ */
#faqs					{}
#faqs dt				{color:#000; cursor:pointer; height:30px; line-height:30px; padding:5px 0; border-bottom:1px solid #ddd; font-size:12px;}
#faqs dt span			{display:inline-block; width:84px; text-align:center; font-size:12px; color:#000;}
#faqs dd				{color:#666; line-height:130%; font-size:12px; padding:20px 15px 20px 88px; background:#f8f8f8 url('/images/icon_a.png') no-repeat 35px 22px; border-bottom:1px solid #ddd;}

/* layer popup */
.layerPop				{position:absolute; right:0; top:0; border:2px solid #bbb; background:#fff; }
.layerPop h4			{background:#bbb; padding:10px; color:#262626; font-size:13px;}
.layerPop .layerCon		{padding:20px;}
.layerPop .close		{position:absolute; right:10px; top:10px; width:16px; height:15px; cursor:pointer;}


/* comment */
.commentWrap			{margin-top:30px;}
.commWrite				{position:relative; border:1px solid #ddd; background:#f5f5f5; padding:10px;}
.commWrite textarea		{border:1px solid #ddd; padding:10px; height:60px; width:630px;}
.commWrite a.btnComm	{position:absolute; right:10px; top:10px; display:block; width:85px; height:20px; padding:30px 0; text-align:center; color:#000; font-size:15px; font-weight:600;
						background:#f5f5f5;
						background: -moz-linear-gradient(left, #ffffff 1%, #f5f5f5 100%); /* FF3.6+ */
						background: -webkit-linear-gradient(left, #ffffff 1%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(left, #ffffff 1%,#f5f5f5 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(left, #ffffff 1%,#f5f5f5 100%); /* IE10+ */
						background: linear-gradient(to right, #ffffff 1%,#f5f5f5 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=1 ); /* IE6-9 */
						border-top:1px solid #cecece; border-left:1px solid #cecece; border-right:1px solid #ababab; border-bottom:1px solid #ababab;}
.commList				{border-top:1px solid #bfbfbf; background:#f9f9f9; margin-top:10px; padding:0 15px;}
.commBox				{position:relative; border-bottom:1px dotted #bfbfbf; padding:15px 0;}
.commBox .commWiter		{color:#000; font-size:12px;}
.commBox .commWiter span{color:#888;}
.commBox .btnControl	{position:absolute; right:15px; top:15px; color:#888; font-size:12px;}
.commBox p				{color:#555; line-height:140%; padding-top:10px;}




/* login */
.memberBox				{border-top:2px solid #0653b6; border-bottom:1px solid #d2d2d2;}
.login					{position:relative;padding:50px 0;}
.login label			{display:inline-block; width:180px; height:40px;margin-left:120px; font:14px/130% Gulim; color:#000; font-weight:bold;}
.login input[type="text"],
.login input[type="password"] {width:160px; height:16px; padding:10px; margin-right:250px; background-color:#FFF; border:1px solid #ddd;}
.login > a {position:absolute;top:58px;right:203px;}
.loginLineBox			{border-top:1px solid #ebebeb; padding:25px 0; text-align:center;}

.memCheck				{background:#eee; border-bottom:1px solid #d2d2d2; padding:15px 0; text-align:center;}
.memCheck label			{padding:0 10px; color:#000;}
.idBox					{position:relative;padding:30px 0;}
.idBox label			{display:inline-block; width:100px; height:40px;margin-left:165px; font:14px/50px Gulim; color:#000; font-weight:bold;}
.idBox input[type="text"],
.idBox input[type="password"] {width:200px; height:16px; padding:10px; margin-right:250px; background-color:#FFF; border:1px solid #ddd;}
.idBox select			{height:35px}

/* login_cert */
.memberBox				{border-top:2px solid #0653b6; border-bottom:1px solid #d2d2d2;}
.login_cert					{position:relative;padding:50px 0;}
.login_cert label			{display:inline-block; width:76px; height:40px;margin-left:165px; font:14px/50px Gulim; color:#000; font-weight:bold;}
.login_cert input[type="text"] {width:70px; height:16px; padding:10px; background-color:#FFF; border:1px solid #ddd;}
.login_cert > a {position:absolute;top:58px;right:153px;}