ul, ol, li{list-style:none; margin:0; padding:0;}

/* ������� */
.join-agree											{margin-top:-30px; padding:0; width:auto; height:auto;}
.join-agree > h4									{position:relative; margin:0 0 8px; padding-top:30px; font-size:16px; font-weight:bold; color:#151515;}
.join-agree > h4 > label							{position:absolute; bottom:0; right:0; z-index:100; font-weight:bold; font-size:16px; color:#333;}
.agree-cont											{margin:0; padding:20px 30px; width:auto; height:auto; border:1px solid #e0e0e0; line-height:20px;}
.agree-cont.overflow-box							{padding:10px 15px; overflow-y:auto;}
.agree-cont h1										{margin:0 0 10px; padding:0; font-size:16px; font-weight:bold; color:#000; text-align:left;}
.agree-cont h5										{margin:0; padding-top:10px; font-size:14px; font-weight:bold; color:#444;}
.agree-cont h5:first-child							{padding-top:0;}
.agree-cont h6										{margin:0; padding:10px 0 0 0; font-size:13px; font-weight:bold; color:#707070;}
.agree-cont h5 + h6									{padding-top:0;}
.agree-cont h6 + ol									{margin-top:0;}
.agree-cont ol										{margin:5px 2px; padding:0;}
.agree-cont ol li									{margin-bottom:5px; padding:0; font-size:12px; color:#707070;}
.agree-cont ol li p									{margin:0; padding:10px 0;}
.agree-cont ol li p strong							{color:#1c7ce6;}
.agree-cont ol li ol								{list-style-type:lower-alpha; margin:5px 0 15px 10px; padding:0;}
.agree-cont ol li ol li								{margin:0; padding:0; font-size:12px; color:#888;}
.agree-cont ol li ol li p							{margin:0; padding:0;}
.agree-cont ol li ol li span						{display:block; margin:2px 0; padding-left:10px; color:#808080;}
.agree-cont ol li ol li span b						{font-weight:normal; color:#ff0000;}
.agree-check										{display:block; margin:0; padding-top:15px; font-size:14px; color:#333; text-align:right;}
.agree-check input									{vertical-align:middle; margin-right:5px;}
.agree-check label									{cursor:pointer;}
.all-check											{margin:0; font-weight:bold; font-size:16px; color:#333; text-align:center;}


/* ȸ�����ԿϷ� */
.member-complete									{margin-top:5px; padding-bottom:20px; width:auto; height:auto; text-align:center;}
.member-complete dl									{margin:0; padding:0; width:auto; height:auto;}
.member-complete dl dt								{margin-bottom:15px; font-weight:normal; font-size:18px; color:#1d4486;}
.member-complete dl dd								{font-size:13px; color:#777; line-height:18px;}
.member-complete span								{display:block; margin:25px auto 0; width:500px; font-size:13px; color:#333; line-height:36px; border:1px dotted #ccc;}
.member-complete strong								{display:inline-block; margin:0 5px; color:#000;}


/* �̸��� ���ܼ��� �ź� */
.email-refuse										{margin:0 auto; padding:0; width:900px; height:auto; text-align:left;}
.email-refuse > dl									{margin-bottom:50px; padding-top:10px; width:auto; height:auto; text-align:center;}
.email-refuse > dl > dt								{margin-bottom:10px; font-size:21px; color:#000; line-height:30px;}
.email-refuse > dl > dt b							{text-decoration:underline; font-weight:normal; color:#1d4486;}
.email-refuse > dl > dd								{margin:0; padding:0; font-size:14px; color:#555; line-height:22px;}
.email-refuse > h4									{margin:0 0 10px; padding:0; font-size:16px; font-weight:normal; color:#000; letter-spacing:-1px;}
.email-refuse ul									{margin-bottom:40px; padding:0; width:auto; height:auto; border:1px solid #e0e0e0; border-bottom:none;}
.email-refuse ul li									{margin:0; padding:10px 15px; font-size:14px; color:#555; border-bottom:1px solid #e0e0e0;}



/* Table TypeA */
.table-typeA										{margin:0 -1px; padding:0; width:auto; height:auto; border-top:2px solid #555;}
.table-typeA table									{margin:0; padding:0; width:100%; height:auto; text-align:center;}
.table-typeA table th,
.table-typeA table td								{padding:5px; height:30px; font-weight:normal; font-size:13px; border:1px solid #e0e0e0; border-top:none; text-align:left;}
.table-typeA table th								{padding-left:20px; color:#151515; background-color:#fafafa;}
.table-typeA table td								{padding-left:10px; color:#555; line-height:18px;}
.table-typeA table td > label						{display:inline-block; vertical-align:middle; margin-right:20px;}
.table-typeA table td > span						{display:block; padding:3px 0;}
.table-typeA table td > span > button				{display:inline-block; vertical-align:middle; margin:0; padding:0 10px 3px; width:auto; height:40px; font-weight:bold; font-size:12px; text-align:center;}
.table-typeA.review-table							{border-width:1px;}
.table-typeA.review-table th,
.table-typeA.review-table td						{font-size:12px;}
.table-typeA.review-table td input					{height:24px; font-size:12px;}
.table-typeA.review-table td textarea				{font-size:12px; height:120px;}
.table-typeA.review-table td .file-wrap				{width:80px; height:30px; background:url('/web/assets/imgdata/icon/btn-file.png') no-repeat;}
.table-typeA.review-table td .file-add				{width:80px; height:30px;}






/* Selectbox Style */
#select_box											{display:inline-block; vertical-align:middle; position:relative; height:38px; border:1px solid #ddd; background:url('/web/assets/imgdata/icon/selectbox-arrow.png') right center no-repeat; cursor:pointer;}
#select_box label									{position:absolute; top:0; left:10px; padding:0; font-size:14px; color:#333; line-height:36px;}
#select_box .selectBox								{margin:0; padding-left:5px; width:100%; height:40px; opacity:0; filter: alpha(opacity=0);}

/* Table Search */
.board-search										{margin-top:40px; padding:0; width:auto; height:auto;}
.board-search input									{ height:32px;}
.board-search button								{display:inline-block; vertical-align:middle; margin:0; padding:0 15px 2px; width:auto; height:34px; font-size:14px; text-align:center;}
.board-search #select_box							{height:32px;}
.board-search #select_box label						{line-height:30px;}


/* Board View */
.board-view											{margin:0; padding:0; width:auto; height:auto; border-top:2px solid #555;}
.board-view .boardHeader							{display:table; width:100%; border-bottom:1px solid #f0f0f0;}
.board-view .boardHeader p,
.board-view .boardHeader span						{display:table-cell; vertical-align:middle; padding:0 8px; height:55px; font-size:15px; letter-spacing:0;}
.board-view .boardHeader p							{width:70%; font-weight:bold; color:#000;}
.board-view .boardHeader span						{width:30%; color:#777; text-align:right;}
.board-view .boardHeader span > em					{font-style:normal; display:inline-block; margin-left:15px; padding:0 10px 2px; font-size:12px; line-height:20px;}
.board-view .boardHeader span > em.on				{color:#fff; background-color:#1d4486;}
.board-view .boardHeader span > em.off				{color:#f0f0f0; background-color:#ccc;}
.board-view .boardContent							{padding:20px 10px; font-size:14px; color:#555; line-height:24px; border-bottom:1px solid #e0e0e0;}
.board-view .boardContent img						{max-width:1040px; height:auto;}


/* etc define */
.underline {text-decoration:underline;}
.lineThrough {text-decoration:line-through; color:#8a8a8a;}
.font-default {color:#333; font-weight:normal;}
.bold {font-weight:bold;}
.line {border-bottom:1px solid #d3d3d3;}
.floatLeft {display:inline; float:left;}
.floatRight {display:inline; float:right;}
.clearBoth {clear:both;}
.alignMiddle {vertical-align:middle !important;}
.alignTop {vertical-align:top !important;}
.alignBottom {vertical-align:bottom !important;}
.alignLeft {text-align:left !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.borderTop {border-top:1px solid #eee;}
.borderBottom {border-bottom:1px solid #dfdfdf;}
.borderRight {border-right:1px solid #e8e8e8;}
.txtspace {letter-spacing:-1px;}
.displayInline-block {display:inline-block;}
.displayBlock {display:block;}
.borderNone {border:none !important;}
.overflowHidden {overflow:hidden;}



/* Btn Position */
.btn-position										{margin-top:30px; padding:0; width:auto; height:auto; text-align:center;}
.btn-position button								{display:inline-block; margin:0 5px;}



/* Btn Style */
.btn-style01										{display:block; margin:0 auto; padding:0 40px 3px; min-width:160px; height:46px; font-size:16px; font-weight:bold; text-align:center;}
.btn-style02										{display:block; margin:0; padding:0 30px 3px; width:auto; height:35px; font-size:14px; text-align:center;border:1px solid #d5d5d5;}
.btn-style03										{display:inline-block; vertical-align:middle; margin:0; padding:0 15px; width:auto; height:36px; font-size:13px; text-align:center;}
.login-button										{display:block; margin:30px auto; padding-bottom:4px; width:180px; height:35px; font-size:14px; text-align:center;}


/* ��ȸ Box */
.date-search										{margin:0; padding:30px 0; width:100%; height:auto; border:4px solid #e0e0e0; text-align:center;}
.date-search > ul									{display:inline-block; vertical-align:middle; margin-right:10px; padding:0; width:250px; height:auto;}
.date-search > ul:after								{content:""; display:block; float:none; clear:both;}
.date-search > ul > li								{display:table; float:left; margin:0; padding:0; width:20%;}
.date-search > ul > li > a							{display:block; padding-bottom:2px; font-size:12px; color:#666; line-height:32px; border:1px solid #e0e0e0; border-left:none; letter-spacing:0;}
.date-search > ul > li:first-child > a				{border-left:1px solid #e0e0e0;}
.date-search > ul > li > a:hover					{color:#151515;}
.date-search > ul > li.on > a						{color:#fff; border-color:#151515; background-color:#333;}
.date-search > button								{display:inline-block; vertical-align:middle; padding-bottom:2px; width:80px; height:36px; font-weight:bold; font-size:13px; color:#fff; background-color:#1d4486;}

/* Form Calendar */
.form-calendar										{display:inline-block; margin-right:10px;}
.form-calendar input								{text-indent:0; margin:0; padding:0; width:140px; font-size:14px; letter-spacing:0; text-align:center;}

/* �˸����� */
.notice-board										{margin:10px 0 30px; padding:0; width:auto; height:auto;}
.notice-board li									{position:relative; margin-bottom:5px; padding-left:10px; font-size:12px; color:#888; background:url('/web/assets/imgdata/icon/list-dot.gif') no-repeat 2px 9px;}



/* ��й�ȣ ��Ȯ�� */
.recheck											{margin:0; padding:15px 0; width:auto; text-align:center;}
.recheck p											{display:block; margin-bottom:30px; font-size:16px; color:#000; line-height:28px;}
.recheck dl											{margin:0 auto 10px; padding:0; width:400px; height:auto; text-align:left;}
.recheck dl:after									{content:""; display:block; float:none; clear:both;}
.recheck dl > dt,
.recheck dl > dd									{display:table; float:left; margin:0; padding:0; height:auto;}
.recheck dl > dt									{width:120px; font-size:14px; font-weight:bold; color:#000;}
.recheck dl > dd									{width:280px; font-size:16px; color:#1d4486; letter-spacing:0;}
.recheck dl > dt span,
.recheck dl > dd span								{display:table-cell; vertical-align:middle; margin:0; padding:0; width:auto; height:40px;}
.recheck dl > dd input								{width:200px;}
myoffice
/* ��й�ȣ ���� */
.pwEdit-box											{margin:0 auto; padding:0; width:800px; height:auto;}

/* ȸ��Ż�� */
.leave												{margin:0 auto; padding:0; width:800px; height:auto;}
.leave > p											{display:block; margin:15px 0; padding-left:50px; width:auto; height:auto; font-size:13px; color:#1d4486; line-height:18px; background:url('/web/assets/imgdata/icon/leave-icon.png') no-repeat left center;}
.leave-check										{display:block; margin:30px 0 40px; width:auto; height:auto; font-size:14px; font-weight:bold; color:#333; text-align:center;}

/* Btn Color */
.btn-color01										{color:#fff; background-color:#1d4486;}
.btn-color01:hover									{color:#fff; background-color:#18386f;}
.btn-color02										{color:#333; background-color:#e0e0e0;}
.btn-color03										{color:#555; border:1px solid #ddd; background-color:#fff;}
.btn-color03:hover									{color:#555; border:1px solid #ddd; background-color:#ddd;}
.btn-color04										{color:#fff; background-color:#151515; border:1px solid #151515;}
.btn-color05										{color:#151515; background-color:#fff; border:1px solid #d5d5d5;}
.btn-color06										{color:#000; border:1px solid #e0e0e0; background-color:#fff;}
.btn-color07										{color:#fff; background-color:#000;}

/* Table Write */
.table-write										{position:relative; margin:0; padding:0; width:auto; height:auto;}
.table-write table									{margin:0; padding:0; width:100%; height:auto;}
.table-write table tr.divide-top					{border-bottom:1px solid #ddd;}
.table-write table tr.divide-top th,
.table-write table tr.divide-top td					{padding-bottom:25px;}
.table-write table tr.divide-bottom th,
.table-write table tr.divide-bottom td				{padding-top:25px;}
.table-write table th,
.table-write table td								{padding:5px 10px; height:30px; font-weight:normal; font-size:14px; text-align:left;}
.table-write table th								{color:#151515; vertical-align: middle;}
.table-write table th > span						{display:inline-block; margin-left:5px; color:#ef0000;}
.table-write table th > a							{display:inline-block; vertical-align:top; margin-left:10px;}
.table-write table td								{color:#444;}
.table-write table td > span						{display:block; margin:-3px 0; padding:3px 0;}
.table-write table td > a							{display:inline-block; margin-right:20px; text-decoration:underline; color:#1986b2;}
.table-write table td > textarea					{width:94%; height:200px;}
.table-write table td button						{display:inline-block; vertical-align:middle; margin:0; padding:0 10px 3px; width:auto; height:40px; font-weight:bold; font-size:12px; text-align:center;}
.table-write table td > strong						{display:inline-block; vertical-align:middle; margin-left:10px; font-weight:normal; font-size:12px; color:#666; line-height:18px;}
.table-write table td .alert						{font-weight:bold; color:#d2492c;}
.table-write table td b								{display:block; margin-top:3px; font-size:12px; font-weight:normal; color:#2fb6a8; line-height:18px;}
.table-write table td label							{display:inline-block; vertical-align:middle; margin-right:20px; padding:2px 0; font-size:14px; color:#444;}
.table-write table td > ul							{margin:0; padding:0; width:auto; height:auto;}
.table-write table td > ul:after					{content:""; display:block; float:none; clear:both;}
.table-write table td > ul > li						{float:left; margin:0; padding:5px 0; width:50%;}
.table-write.easy									{margin:0 auto 30px; padding:10px 0 0; width:450px;}
.find-info											{margin:0 auto; padding:0; width:540px; height:auto;}
.find-info table td input							{height:28px;}
.find-info table td button							{height:34px;}


input[type="text"], input[type="password"] {
	text-indent:10px;
	padding-bottom:3px;
	height:34px;
	font-family:Malgun Gothic,'���� ����';
	font-size:14px;
	color:#333;
	border:1px solid #ddd;
	border-radius: 0;
	vertical-align:middle;
	letter-spacing:-.5px;
}



/* ��ٱ��� ���� */
.amount-control										{width:auto; height:auto; text-align:center;}
.amount-control > a									{display:inline-block; vertical-align:middle; width:28px; height:28px;}
.amount-control > a.plus							{background-position:0 100%;}
.amount-control > input								{text-indent:0; padding:0; width:40px; height:26px; text-align:center;}


/* ��ٱ��� �հ� */
.totalPrice											{display: flex;align-items: center;gap: 10px;margin:0; padding:35px 0 40px; width:auto; height:auto; border-bottom:1px solid #e0e0e0; text-align:center;}
.totalPrice p										{display:inline-block; font-size:14px; color:#666;}
.totalPrice p strong							{display:inline-block; margin:0 5px 0 10px; font-family:'Open Sans'; font-size:16px; color:#000; letter-spacing:0;}
.totalPrice .orderPrice						{font-size:16px; color:#333;}
.totalPrice .orderPrice strong			{font-size:18px; color:#1d4486;}


/* ��ٱ��� ��ư */
.cart-position										{margin-top:10px; padding:0; width:auto; height:auto;}
.cart-position:after								{content:""; display:block; float:none; clear:both;}
.cart-position li									{float:left; margin:0; padding:0; width:50%; height:auto;}
.cart-position li span								{display:inline-block;}
.cart-position li.cp-right							{text-align:right;}
.cart-position li button							{display:inline-block; margin:0 auto; padding:0 15px 3px; width:auto; height:30px; font-size:13px; text-align:center; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; -o-border-radius:1px;}


/* �����ϱ� */
.payment-box										{padding:0; width:auto; height:auto;}
.payment-box > ul									{margin-left:10px; padding:25px 0 30px; border:1px solid #e0e0e0; background-color:#fafafa;}
.payment-box > ul:after								{content:""; display:block; float:none; clear:both;}
.payment-box > ul > li								{float:left; margin:0; padding:0; width:50%; height:auto;}
.payment-box > ul > li > div						{padding:0 25px;}
.payment-box .agree-payment							{}
.payment-box .agree-payment span					{display:block; margin-bottom:15px; font-size:13px; color:#444; line-height:20px;}
.payment-box .agree-payment label					{display:block; font-size:11px; color:#999;}
.payment-box .agree-payment label b					{display:inline-block; margin-right:5px; font-size:14px; color:#151515;}
.payment-box .agree-payment button					{display:block; vertical-align:middle; margin-top:20px; padding-bottom:4px; width:100%; height:50px; font-size:16px; font-weight:bold; text-align:center;}
.payment-box .amount-payment						{text-align:right;}
.payment-box .amount-payment em						{font-style:normal; font-size:14px; color:#333;}
.payment-box .amount-payment em b					{display:inline-block; margin-right:10px; color:#151515;}
.payment-box .amount-payment p						{display:block; margin:10px 0; font-size:14px; color:#1d4486;}
.payment-box .amount-payment p strong				{font-family:'Open Sans'; font-weight:600; font-size:34px; letter-spacing:0;}
.payment-box .amount-payment dl						{margin-left:0; padding:5px 0;}
.payment-box .amount-payment dl:after				{content:""; display:block; float:none; clear:both;}
.payment-box .amount-payment dl dt,
.payment-box .amount-payment dl dd					{float:left; font-size:14px; color:#333;}
.payment-box .amount-payment dl dt					{text-indent:60px; width:60%; text-align:left;}
.payment-box .amount-payment dl dd					{width:40%;}


/* �ֹ��Ϸ� Text */
.complete-text										{display:block; margin: 30px 0; font-weight:normal; font-size:16px; color:#000; text-align:center;}


/* Table List */
.table-list											{position:relative; margin:0 -1px; padding:0; width:auto; height:auto; border-top:2px solid #555;}
.table-list table									{margin:0; padding:0; width:100%; height:auto; text-align:center;}
.table-list table th,
.table-list table td								{padding:5px; height:30px; font-weight:normal; font-size:13px; border:1px solid #e0e0e0; border-top:none;}
.table-list table th								{color:#151515; background-color:#fafafa;}
.table-list table td								{color:#555; line-height:18px;}
.table-list table td b								{color:#000; letter-spacing:0;}
.table-list table td strong							{display:inline-block; vertical-align:middle; margin-right:3px; padding-bottom:2px; font-family:'Open Sans'; font-weight:bold; font-size:16px; color:#1d4486; letter-spacing:0;}
.table-list table td.link							{padding-left:20px; text-align:left;}
.table-list table td a								{vertical-align:middle; color:#333;}
.table-list table td a:hover						{text-decoration:underline;}
.table-list table td a.bottomLink					{display:block; text-decoration:underline; color:#000;}
.table-list table td > em							{display:block; font-style:normal; margin:0 auto; padding-bottom:2px; width:40px; font-size:12px; color:#fff; background-color:#695b50;}
.table-list table td > span							{display:block; margin:0 auto; padding:0; width:60px; height:20px; font-size:12px; text-align:center;}
.table-list table td > p							{display:inline-block; vertical-align:middle; font-family:'Open Sans'; font-weight:bold; font-size:11px; color:#ffa803; letter-spacing:0;}
.table-list table td > button						{display:block; vertical-align:middle; margin:0 auto; padding:0 15px 3px; width:auto; height:24px; font-size:12px; text-align:center;}
.table-list table.legibility tr:nth-of-type(odd)	{background-color:#fdfdfd;}

.table-list .order-info								{display:table; position:relative; margin:0; padding:0; width:100%; height:auto;}
.table-list .order-info > p							{display:block; position:absolute; top:0; left:0; z-index:10; width:50px; height:50px; cursor:pointer;}
.table-list .order-info > p img						{width:100%; height:100%;}
.table-list .order-info > span						{display:table-cell; vertical-align:middle; margin:0; padding-left:60px; width:auto; height:50px; font-size:13px; text-align:left;}

.table-select										{position:absolute; top:-40px; right:1px; z-index:100;}
.table-select #select_box							{height:28px;}
.table-select #select_box label						{font-size:13px; line-height:26px;}
.table-select #select_box .selectBox				{height:30px; font-size:13px;}
.table-select.positionLeft							{left:1px;}

/* Product List */
.productList										{margin:40px 0; padding:0; width:auto; height:auto;}
.productList:after									{content:""; display:block; float:none; clear:both;}
.productList > li									{position:relative; float:left; margin-left:-1px; padding-top:30px; width:33.333333%; height:460px; border-right:1px solid #e5e5e5;}
.productList > li:nth-child(n+4)					{border-top:1px dotted #ccc;}
.productList > li:nth-child(3n)						{border-right:none;}
.productList > li ol								{overflow:hidden; cursor:pointer;}
.productList > li ol:after							{content:""; display:block; float:none; clear:both;}
.productList > li ol > li							{float:left; width:100%; height:100%;}
.productList > li ol > li img						{width:100%; height:100%;}
/*
.productList > li > a								{text-indent:-9999px; position:absolute; top:50%; z-index:10; margin-top:-20px; width:40px; height:40px; background:url('/web/assets/imgdata/icon/control-arrow.png') no-repeat;}
.productList > li > a.prev							{left:10px; background-position:0 0;}
.productList > li > a.next							{right:10px; background-position:100% 0;}
*/
.productList > li > dl								{margin-top:30px; text-align:center;}
.productList > li > dl > dt							{margin-bottom:2px; font-weight:bold; font-size:18px; color:#000; letter-spacing:0;}
.productList > li > dl > dd							{font-size:14px; color:#666;}
.productList > li > span							{display:block; margin-top:20px; font-size:16px; color:#333; letter-spacing:0; text-align:center;}
.productList > li > span > strong					{font-weight:normal; font-size:14px; color:#d70000;}
.productList > li > span > strong > em				{font-style:normal; text-decoration:line-through;}


/* ��ǰ����Ʈ */
.shopList 											{margin:0 -20px;}
.shopList:after										{display:block; float:none; content:''; clear:both;}
.shopList > li										{position:relative; float:left; width:25%; height:380px; cursor:pointer; text-align:center;}
.shopList > li p									{display:block; margin:0 auto; width:250px; background:url('/assets/img/file/noimage.jpg') no-repeat; background-size:cover;}
.shopList > li p img								{width:100%; height:auto;}
.shopList > li > em									{display:block; text-indent:-9999px; position:absolute; top:0; left:20px; z-index:100; width:248px; height:348px; border:1px solid #fff; -moz-transition:all .15s; -webkit-transition:all .15s; -o-transition:all .15s; transition:all .15s;}
.shopList > li:hover > em							{border-color:#1d4487;}
.shopList > li dl									{margin:0; padding-top:10px; width:auto; height:auto;}
.shopList > li dl dt,
.shopList > li dl dd								{margin:0 auto; width:240px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.shopList > li dl dt								{margin-bottom:2px; font-weight:bold; font-size:18px; color:#000; letter-spacing:0;}
.shopList > li dl dd								{font-size:14px; color:#666;}
.shopList > li > span								{display:block; margin-top:10px; font-size:16px; color:#333; letter-spacing:0; text-align:center;}
.shopList > li > span > strong						{font-weight:normal; font-size:14px; color:#d70000;}
.shopList > li > span > strong > em					{font-style:normal; text-decoration:line-through;}



/* ���̵� ��й�ȣã�� */
.find-IdPw											{margin:0 auto; padding:0; width:800px; height:auto; overflow:hidden;}
.find-button										{display:block; vertical-align:middle; margin: 0 auto; padding-bottom:4px; width:360px; height:45px; font-size:14px; text-align:center;}
.find-caution										{margin-top:40px; padding-top:30px; width:auto; height:auto; border-top:1px dashed #eee;}
.find-caution > li									{margin-bottom:3px; padding-left:10px; font-size:12px; color:#454545; background:url('/web/assets/imgdata/icon/list-dot.gif') no-repeat 0 10px;}
.tabView											{display:none;}



/* Sub Tab Menu */
.submenu-tab										{margin:0 auto 35px; padding:0; width:100%; height:auto; overflow:hidden;}
.submenu-tab:after									{content:""; display:block; float:none; clear:both;}
.submenu-tab > li									{float:left; margin:0; padding:0; height:auto; text-align:center;}
.submenu-tab > li > a								{display:block; padding-bottom:2px; font-size:14px; color:#333; line-height:44px; border:1px solid #e0e0e0; border-left:none; letter-spacing:-1px; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.submenu-tab > li:first-child > a					{border-left:1px solid #e0e0e0;}
.submenu-tab > li > a:hover							{color:#1d4486; background-color:#f0f0f0;}
.submenu-tab > li.on > a							{color:#fff; border-color:#1d4486; background-color:#1d4486;}
.submenu-tab.tab02 > li								{width:50%;}
.submenu-tab.tab03 > li								{width:33.333333%;}
.submenu-tab.tab04 > li								{width:25%;}
.submenu-tab.tab05 > li								{width:20%;}
.submenu-tab.tab06 > li								{width:16.666666%;}
.submenu-tab.tab07 > li								{width:14.28571%;}
.submenu-tab.tab08 > li								{width:12.5%;}
.submenu-tab.tab09 > li								{width:11.111111%;}
.submenu-tab.tab10 > li								{width:10%;}


/* Find Title */
.findTitle											{margin-bottom:30px; padding-top:30px; width:auto; height:auto; text-align:center;}
.findTitle dt										{margin-bottom:10px; font-size:18px; color:#333; line-height:26px;}
.findTitle dt b										{font-weight:normal; color:#1d4486;}
.findTitle dd										{font-size:13px; color:#666;}


/* Tab Btn */
.tab-btn											{margin:0; padding:0; width:auto; height:auto;}
.tab-btn:after										{content:""; display:block; float:none; clear:both;}
.tab-btn > li										{position:relative; float:left; margin:0; padding:0; width:50%; border-bottom:1px solid #151515; text-align:center;}
.tab-btn > li > a									{position:relative; display:block; padding:12px 0; font-size:15px; color:#888;}
.tab-btn > li.active								{border-bottom:1px solid #fff;}
.tab-btn > li.active > a							{padding:11px 0 13px; color:#000; border:1px solid #151515; border-bottom:none; background-color:#fff; overflow:hidden;}



/* Main Layer Popup */
.layerPop											{position:absolute; z-index:999; margin:0; padding-bottom:30px; width:auto; height:auto; background-color:#151515; -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); -o-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); box-shadow:0 1px 2px 0 rgba(0,0,0,.4);}
.pop_container										{position:relative; width:auto; min-width:400px; height:auto;}
.pop_container .popup_cloce							{position:relative; top:0; right:-25px; z-index:9999; background-color:#151515; cursor:pointer; -moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,.4); -o-box-shadow:1px 1px 1px 0 rgba(0,0,0,.4); -webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,.4); box-shadow:1px 1px 1px 0 rgba(0,0,0,.4);}
.pop_container > p									{position:absolute; bottom:-30px; right:15px; z-index:50px; display:block; width:auto; font-size:12px; line-height:32px; color:#fff; text-align:right;}
.pop_container > p label							{cursor:pointer;}
.popup_img											{display:block;}
.popup_text											{margin:0; padding:20px 20px 30px; width:auto; height:auto; background-color:#fff; letter-spacing:-1px;}
.popup_text > dt									{margin-bottom:15px; font-size:18px; font-weight:bold; color:#333;}
.popup_text > dd									{font-size:13px; color:#555; line-height:24px;}


/* ��ǰ���� */
.review												{margin:0; padding:0; width:auto; height:auto;}
.review .write-btn									{text-align:right;}
.review .write-btn button							{display:inline-block; margin:15px 0; padding:0 20px; width:auto; height:30px; font-size:13px; text-align:center;}
.review ul											{margin:0; padding:0; width:auto; height:auto; border-top:2px dotted #ccc;}
.review ul li										{padding:25px; border-bottom:2px dotted #ccc;}
.review ul li:after									{content:""; display:block; float:none; clear:both;}
.review .notFound									{padding:80px 0; font-size:12px; color:#333; background-color:#fafafa; text-align:center;}
.review .notFound strong							{display:block; margin-bottom:3px; letter-spacing:0;}
.review .mem-mark,
.review .review-content								{float:left;}
.review .mem-mark									{margin-right:10%; width:10%; text-align:center;}
.review .mem-mark > p								{margin-bottom:10px; font-size:16px; color:#ffcc00;}
.review .mem-mark > span							{font-size:12px; color:#333;}
.review .mem-mark .reply-btn						{margin-top:10px;}
.review .mem-mark .reply-btn a						{margin:0 1px;}
.review .review-content								{width:80%;}
.review .review-content dt							{margin-bottom:5px; font-size:14px; color:#000;}
.review .review-content dd							{font-size:12px; color:#999; letter-spacing:0;}
.review .review-content > span						{display:block; margin:10px 0; font-size:12px; color:#666; line-height:16px;}
.review .review-content .reviewImg					{width:180px; height:auto; overflow:hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.review .review-content .reviewImg img				{width:100%; height:auto;}
.review .review-content .reply						{margin-top:15px; padding:15px 0; border-top:1px dotted #d0d0d0;}
.review .review-content .reply > span				{display:block; margin-bottom:3px; font-size:11px; color:#999;}
.review .review-content .reply > span strong		{font-weight:normal; font-size:12px; color:#1d4486;}
.review .review-content .reply > p					{font-size:12px; color:#888; line-height:16px;}


/* Layer View */
.layerView											{position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
.layerView .layer-header							{position:relative; display:table; width:100%; background-color:#333;}
.layerView .layer-header > p						{display:table-cell; vertical-align:middle; text-indent:10px; padding-bottom:3px; font-size:18px; color:#fff; line-height:47px;}
.layerView .layer-header > span						{position:absolute; top:50%; right:10px; z-index:100; margin-top:-12px; width:24px; height:24px; background:url('/web/assets/imgdata/icon/popup-close.gif') no-repeat; cursor:pointer;}
.layerView .layer-body								{position:absolute; top:50%; left:50%; z-index:9999; background-color:#fff; overflow:hidden;}
.layerView .layer-bg								{
	width:100%;
	height:100%;
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity:.7
}
.layer-con											{margin:0; padding:20px 15px;}


/* Layer Size */
.layer-review										{margin-top:-320px; margin-left:-290px; width:580px; height:600px;}


/* ��ǰ���ۼ� ��ǰ���� */
.review-product										{position:relative; display:table; width:100%;}
.review-product > p									{position:absolute; top:0; left:0; z-index:9999; width:100px; height:100px; border:1px solid #eee;}
.review-product > p img								{width:100%; height:auto;}
.review-product dl									{display:table-cell; vertical-align:middle; padding-left:115px; height:100px;}
.review-product dt									{margin-bottom:2px; font-size:12px; color:#999;}
.review-product dd									{font-weight:bold; font-size:16px; color:#333;}
.select-mark										{margin:15px 0; padding:15px 0 20px; background-color:#fafafa; text-align:center;}
.select-mark label									{margin:0 15px; font-size:16px; color:#ffcc00;}
.select-mark label input							{margin-top:3px; margin-right:3px;}


/* ���� ������ */
.conents-page										{margin:0 auto; width:1000px; font-size:13px; color:#555; line-height:21px;}
.conents-page > em									{font-style:normal; display:block; margin-bottom:40px; font-family:Nanum Myeongjo; font-size:28px; color:#000; letter-spacing:-1px; text-align:center;}
.conents-page > p									{display:block; padding-bottom:30px;}
.conents-page > span								{display:block; margin-top:30px;}
.conents-page > span b								{color:#000;}
.img-about											{background:url('/assets/img/sub/img-about.jpg') no-repeat right 80px;}


/* �濵�̳� �� ���� */
.ideology											{margin:0 auto 40px; padding-left:40px; width:1000px; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box;}
.ideology:after										{content:""; display:block; float:none; clear:both;}
.ideology li										{position:relative; z-index:10; float:left; margin-left:-40px; padding:0; width:280px; height:280px; text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;}
.ideology li.index01								{background:url('/assets/img/sub/vision-bg01.png') no-repeat;}
.ideology li.index02								{background:url('/assets/img/sub/vision-bg02.png') no-repeat;}
.ideology li.index03								{background:url('/assets/img/sub/vision-bg03.png') no-repeat;}
.ideology li.index04								{background:url('/assets/img/sub/vision-bg04.png') no-repeat;}
.ideology li dl										{margin-top:70px; color:#fff;}
.ideology li dt										{margin-bottom:15px; font-weight:bold; font-size:24px; letter-spacing:0;}
.ideology li dd										{font-weight:bold; font-size:12px; line-height:18px; letter-spacing:-1px;}
.vision												{margin:0 auto; padding-top:10px; width:1000px;}
.vision li											{position:relative; padding:30px 10px; border-top:1px dotted #ddd;}
.vision li p										{position:absolute; top:30px; left:10px; z-index:50; display:block; width:300px; height:160px; overflow:hidden;}
.vision li p img									{width:100%; height:auto;}
.vision li dl										{margin-left:340px; padding-top:10px; min-height:150px;}
.vision li dl dt									{margin-bottom:10px; font-size:20px; color:#000;}
.vision li dl dd									{margin-bottom:5px; padding-left:15px; font-size:14px; color:#454545; line-height:20px; background:url('/web/assets/imgdata/icon/dot-branch.png') no-repeat 2px 9px;}


/* ������ */
.organization										{background:url('/assets/img/sub/organization-line.png') no-repeat;}
.organization p										{position:relative; display:block; margin:0 auto; width:140px; height:140px; background-color:#109fda; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -moz-box-shadow:2px 3px 1px 0 rgba(0,0,0,.15); -o-box-shadow:2px 3px 1px 0 rgba(0,0,0,.15); -webkit-box-shadow:2px 3px 1px 0 rgba(0,0,0,.15); box-shadow:2px 3px 1px 0 rgba(0,0,0,.15);}
.organization p img									{width:100%; height:auto;}
.organization p > em								{position:absolute; bottom:18px; left:0; z-index:10; display:block; width:100%; font-style:normal; font-weight:bold; font-size:12px; color:#fff; line-height:12px; letter-spacing:0; text-align:center;}
.organization p > em.two-lines						{bottom:11px;}
.organization ul									{padding-top:60px;}
.organization ul:after								{content:""; display:block; float:none; clear:both;}
.organization ul > li								{float:left; width:25%;}


/* ���ô� �� */
.mapWrap											{margin-bottom:20px;}
.mapWrap > .map-api									{position:relative; margin-bottom:50px; height:400px; overflow:hidden;}
.mapWrap > ul:after									{content:""; display:block; float:none; clear:both;}
.mapWrap > ul > li									{position:relative; display:table; float:left; width:33.333333%;}
.mapWrap > ul > li > p								{position:absolute; top:0; left:0; z-index:10; display:block; width:80px; height:80px; background-color:#1d4487; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.mapWrap > ul > li > dl								{display:table-cell; vertical-align:middle; padding-left:95px; height:80px;}
.mapWrap > ul > li > dl > dt						{margin-bottom:5px; font-weight:bold; font-size:15px; color:#151515;}
.mapWrap > ul > li > dl > dd						{font-size:13px; color:#666;}

/* ��ǰ������ */
.productHeader										{margin:0 auto; padding-top:20px; width:auto; height:auto;}
.productHeader:after								{content:""; display:block; float:none; clear:both;}
.productHeader .product-photo						{position:relative; float:left; margin-right:80px; width:560px; height:auto;}
.productHeader .product-photo > p					{margin:0; padding:0; padding:0; width:458px; height:458px; border:1px solid #eee; background:url('/assets/img/file/noimage.jpg') no-repeat; background-size:cover; overflow:hidden;}
.productHeader .product-photo > p img				{width:100%; height:100%;}
.productHeader .product-photo > ul					{position:absolute; top:0; right:0; z-index:10;}
.productHeader .product-photo > ul > li				{margin-bottom:20px; width:58px; height:58px; border:1px solid #eee; cursor:pointer;}
.productHeader .product-photo > ul > li img			{width:100%; height:100%;}

.productHeader .product-info						{float:left; margin:0; padding:0; width:480px; height:auto; overflow:hidden;}
.productHeader .productName							{margin-bottom:10px; padding:5px 0 15px; border-bottom:1px dashed #ddd;}
.productHeader .productName > span					{display:block; margin-bottom:5px; font-size:14px; color:#888; letter-spacing:0;}
.productHeader .productName > h1					{margin:0; padding:0; font-size:28px; font-weight:bold; color:#333; text-align:left;}
.productHeader .productDetail						{margin-bottom:20px; padding-bottom:10px; width:auto; height:auto; border-bottom:1px solid #e9e9e9; letter-spacing:0;}
.productHeader .productDetail b						{font-weight:normal; color:#000;}
.productHeader .productDetail span					{color:#d70000;}
.productHeader .productDetail span > em				{font-style:normal; text-decoration:line-through;}
.productHeader .productDetail > dl					{margin:0; padding:10px 0; width:auto; height:auto; line-height:25px;}
.productHeader .productDetail > dl:after			{content:""; display:block; float:none; clear:both;}
.productHeader .productDetail > dl > dt,
.productHeader .productDetail > dl > dd				{float:left; font-size:13px; color:#555;}
.productHeader .productDetail > dl > dt				{width:30%;}
.productHeader .productDetail > dl > dd				{width:70%;}
.productHeader .productDetail .amount-count				{position:relative; width:80px; height:25px; line-height:0;}
.productHeader .productDetail .amount-count input		{width:60px; height:19px; font-size:13px;}
.productHeader .productDetail .amount-count a			{text-indent:-9999px; position:absolute; right:0; z-index:10; width:22px; height:13px; background:url('/web/assets/imgdata/icon/amount-count.png') no-repeat;}
.productHeader .productDetail .amount-count a.count-up	{top:0; background-position:0 0;}
.productHeader .productDetail .amount-count a.count-down{bottom:0; background-position:0 100%;}
.productHeader .productTotal						{margin:20px 0; padding:20px 0; font-size:13px; color:#555; border-bottom:1px solid #e9e9e9; letter-spacing:0;font-size: 16px;}
.productHeader .productTotal b						{font-weight:normal; color:#000;}
.productHeader .productTotal strong					{font-size:21px; color:#000;}
.productHeader .productBtn							{margin:0 -10px; padding-top:20px; padding-bottom:20px; width:auto; height:auto;}
.productHeader .productBtn:after					{content:""; display:block; float:none; clear:both;}
.productHeader .productBtn li						{float:left; margin:0 10px; padding:0; width:130px;}
.productHeader .productBtn li button				{display:block; margin:0; width:100%; font-weight:bold; font-size:16px; text-align:center;border:1px solid #333}


/* Product Tab */
.product-tab										{margin-top:60px; padding:0; width:auto; height:auto; border-bottom:1px solid #202020;}
.product-tab:after									{content:""; display:block; float:none; clear:both;}
.product-tab li										{float:left; width:30%;}
.product-tab li a									{display:block; position:relative; margin-bottom:-1px; margin-right:-1px; width:auto; line-height:45px; font-size:14px; color:#999; border:1px solid #e0e0e0; border-bottom:1px solid #202020; text-align:center; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product-tab li.on a								{z-index:10; color:#151515; border:1px solid #151515; border-bottom:1px solid #fff;}


/* ��ǰ���� */
.product-contents									{margin:0; padding-top:40px; width:auto; height:auto; text-align:center;}
.product-contents img								{max-width:1120px; height:auto;}


/* Pagination */
.paging												{display:block; position:relative; margin-top:30px; padding:0; height:auto; text-align:center; clear:both;}
.paging a											{display:inline-block; vertical-align:middle; padding-bottom:2px; width:24px; line-height:22px; font-weight:bold; font-size:11px; color:#666; border:1px solid #e0e0e0; cursor:pointer;}
.paging a:hover										{color:#fff; border:1px solid #333; background-color:#33333345;}
.paging .pg-btn,
.paging .pg-btn:hover								{font-family:'PT Sans Narrow', sans-serif; font-weight:normal; color:#000; border-color:#e0e0e0; background-color:#fafafa;}
.paging .select										{color:#fff !important; border:1px solid #333; background-color:#333;}
.paging .select:hover								{color:#fff; background-color:#333; cursor:default;}

/* ���̿��ǽ� */
.myoffice											{margin:0; padding:0; width:auto; height:auto; border:1px solid #dadddf; background-color:#edeff2;}
.myoffice ul										{padding:20px;}
.myoffice ul:after									{content:""; display:block; float:none; clear:both;}
.myoffice ul li										{display:table; float:left; text-align:center;}
.myoffice ul.li-03 li								{width:33.333333%;}
.myoffice ul.li-04 li								{width:25%;}
.myoffice ul.li-05 li								{width:20;;}
.myoffice ul li span								{display:table-cell; vertical-align:middle; padding-bottom:3px; height:40px; font-size:15px; color:#555; border-right:1px solid #d9dadd;}
.myoffice ul li span strong							{font-size:16px; color:#000;}
.myoffice ul li:last-child span						{border:none;}

/* Table ��ȸ ���� */
.select-table										{display:inline-block; vertical-align:middle; margin-left:10px;}
.select-table:after									{content:""; display:block; float:none; clear:both;}
.select-table > li									{display:table; float:left; margin:0 3px; padding:0; width:80px; text-align:center;}
.select-table > li > a								{display:block; padding-bottom:2px; font-size:13px; color:#666; line-height:32px; border:1px solid #e0e0e0; letter-spacing:0;}
.select-table > li > a:hover						{color:#151515;}
.select-table > li.on > a							{color:#fff; border-color:#151515; background-color:#333;}

/* FAQ TAB*/
.faq-tab											{margin:0 -1px 8px;}
.faq-tab:after										{content:""; display:block; float:none; clear:both;}
.faq-tab li											{display:table; float:left; margin-bottom:2px; padding:0 1px; width:12.5%; box-sizing:border-box; -moz-box-sizing:border-box;}
.faq-tab li a										{display:table-cell; vertical-align:middle; padding-bottom:4px; height:30px; font-size:13px; color:#777; border:1px solid #ddd; background-color:#fafafa; text-align:center;}
.faq-tab li a:hover									{text-decoration:underline;}
.faq-tab li.on a									{color:#fff; border:1px solid #151515; background-color:#151515;}
.faq-tab.tab05 li									{width:20%;}
.faq-tab.tab06 li									{width:16.666666%;}
.faq-tab.tab07 li									{width:14.285714%;}
.faq-tab.tab08 li									{width:12.5%;}
.faq-tab.tab09 li									{width:11.111111%;}
.faq-tab.tab10 li									{width:10%;}

.faq-tab40 li										{height:40px;}
.faq-tab40 li a										{padding-bottom:0px;}



/* Table Store */
.table-store										{position:relative; margin:0; padding:0; width:auto; height:auto; border-top:2px solid #555;}
.table-store table									{margin:0; padding:0; width:100%; height:auto; text-align:center;}
.table-store table tr								{border-bottom:1px solid #f0f0f0; cursor:pointer;}
.table-store table tr:hover							{background-color:#fafafa;}
.table-store table td								{padding:0; height:60px; font-size:14px; color:#333; line-height:18px;}
.table-store table td.textLeft						{padding-left:20px; text-align:left;}


/* Search Store */
.search-store										{margin-top:-20px; padding-bottom:40px; width:auto; height:auto; text-align:center;}
.search-store input									{width:260px;}
.search-store input:focus							{background-color:#fafafa;}
.search-store input::-webkit-input-placeholder		{font-weight:normal; font-size:14px; color:#333;}
.search-store input:-ms-input-placeholder			{font-weight:normal; font-size:14px; color:#333;}
.search-store input::-moz-placeholder				{font-weight:normal; font-size:14px; color:#333;}
.search-store input:-moz-placeholder				{font-weight:normal; font-size:14px; color:#333;}
.search-store button								{display:inline-block; vertical-align:middle; margin:0; padding-bottom:3px; width:80px; height:40px; font-size:14px; text-align:center;}