@charset "utf-8";

/* All */
header, footer, nav, section, article, aside, figure, figcaption {display:block}
body, table, input, textarea, select, button {font-size:12px}
a img {border:0}

/* Type */
td, th, li, dt, dd, div, span, p, a {margin:0; padding:0;}

html {height:auto; overflow-y:scroll; background-color:#545557;}
body {height:auto; margin:0; padding:0; scroll 0 0 transparent; font-family:Malgun Gothic,'맑은 고딕','돋움',dotum, Helvetica, sans-serif; font-size:12px; color:#666; letter-spacing:-.5px;}

img, fieldset {border:none; vertical-align:middle; margin:0 !important;}
button, label {border:none; vertical-align:middle; cursor:pointer; font-family:Malgun Gothic,'맑은 고딕';}
hr, button img{display:none;}
ul, ol, li{list-style:none; margin:0; padding:0;}
dl, dd{list-style:none; margin:0; padding:0;}


.png24 {tmp:expression(setPng24(this));}


a {outline:none; text-decoration:none; color:#333; select-dummy:expression(this.hideFocus=true); cursor:pointer;}
a:hover {text-decoration:none; color:#333;}
a:active, a:focus{text-decoration:none; color:#333;}

textarea {padding:10px; font-family:Malgun Gothic,'맑은 고딕'; font-size:14px; color:#333; border:1px solid #ddd; overflow:auto;}

table {border-collapse:collapse; border:0; padding:0;}
caption {display:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
select {display:inline-block; vertical-align:middle; margin:0; padding:0; height:34px; font-family:Malgun Gothic,'맑은 고딕'; font-size:14px; color:#333; border:1px solid #ddd; letter-spacing:0;}

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;
	vertical-align:middle;
	letter-spacing:-.5px;
}
input[type="radio"], input[type="checkbox"] {
	cursor:pointer;
	vertical-align:middle;
	margin:0 0 1.5px;;
	padding:0;
}
input::-webkit-input-placeholder					{font-weight:bold; font-size:12px; color:#bebebe;}
input:-ms-input-placeholder							{font-weight:bold; font-size:12px; color:#bebebe;}
input::-moz-placeholder								{font-weight:bold; font-size:12px; color:#bebebe;}
input:-moz-placeholder								{font-weight:bold; font-size:12px; color:#bebebe;}


/* 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;}


h1													{margin:0 0 40px; padding:0; font-weight:normal; font-size:30px; color:#000; line-height:35px; letter-spacing:-1px; text-align:center;}
h1 > strong											{display:block; margin-top:10px; font-size:14px; font-weight:normal; color:#666; line-height:18px; letter-spacing:-.5px;}
h2													{margin:0; padding:0; font-weight:normal; font-size:16px; color:#666;}
h3													{margin:30px 0 10px; padding:0; font-weight:normal; font-size:18px; color:#151515;}


hr													{display:block; margin:40px auto; padding:0; width:auto; border-top:1px dashed #eee; border-bottom:none; border-left:none; border-right:none;}


/* Selectbox Style */
#select_box											{display:inline-block; vertical-align:middle; position:relative; height:38px; border:1px solid #ddd; background:url('/img/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);}


/* 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 auto; padding:0 30px 3px; width:auto; height:35px; font-size:14px; text-align:center;}
.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;}


/* 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 #151515;}
.btn-color06										{color:#000; border:1px solid #e0e0e0; background-color:#fff;}


/* 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 Hover */
.btn-hover											{-moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}


/* Layout Selector */
.wrap												{position:relative; margin:0; padding:0; width:100%; min-width:1120px; height:auto; background-color:#fff; overflow:hidden;}
.container											{margin:0 auto; padding:40px 0 80px; width:1120px; height:auto; overflow:hidden;}
.wide-container										{margin:0; padding-top:40px; width:auto; height:auto;}


/* Header */
.header												{position:relative; z-index:9998; margin:0; padding:0; width:100%; min-width:1120px; height:auto;}
.header .menu-container								{position:relative; width:auto; height:80px; background-color:#fff; text-align:center;}
.header .menu-container > ol						{position:absolute; top:50%; left:35px; z-index:100; margin-top:-10px;}
.header .menu-container > ol li						{float:left; margin-right:10px; width:20px; height:20px; background-color:#151515; cursor:pointer; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.header .menu-container > ol li:hover				{background-color:#959595;}
.header .menu-container > a							{display:inline-block; margin-top:10px;}
.header .menu-container > ul						{position:absolute; top:25px; right:30px; z-index:100; display:table;}
.header .menu-container > ul li						{display:table-cell; vertical-align:middle; padding:0 15px; height:30px; font-size:12px; color:#555; border-right:1px solid #e2e2e2;}
.header .menu-container > ul li strong				{color:#000;}
.header .menu-container > ul li:last-child			{border-right:none;}
.header .menu-container > ul li a					{color:#000;}


/* GNB */
.gnb-container										{}
.gnb-container.fixed								{position:fixed; top:0; left:0; z-index:9999; width:100%;}
.gnb-container .gnb									{position:relative; margin:0; padding:0; width:auto; height:auto; background-color:#1d4487;}
.gnb-container .gnb > ul							{display:table; margin:0 auto; padding:0; width:1120px; height:auto; background:url('/img/top/gnb-line.png') no-repeat left center;}
.gnb-container .gnb > ul:after						{content:""; display:block; float:none; clear:both;}
.gnb-container .gnb > ul > li						{display:table-cell; vertical-align:middle; width:25%; height:40px; font-family:'Open Sans'; font-size:14px; color:#cdcdcd; color:rgba(255,255,255,.8); background:url('/img/top/gnb-line.png') no-repeat right center; letter-spacing:0; text-align:center; cursor:pointer;}
.gnb-container .gnb > ul > li:hover,
.gnb-container .gnb > ul > li.on					{color:#fff;}
.gnb-container .snb-wrap							{position:absolute; top:40px; left:0; z-index:9999; width:100%; height:0; background-color:#1d4487; background-color:rgba(30,68,135,.9); overflow:hidden;}
.gnb-container .snb-wrap > ol						{margin:0 auto; padding:0; width:1120px; height:100%; border-left:1px dotted #ccc; border-left:1px dotted rgba(255,255,255,.3);}
.gnb-container .snb-wrap > ol:after					{content:""; display:block; float:none; clear:both;}
.gnb-container .snb-wrap > ol > li					{float:left; width:25%; height:100%;}
.gnb-container .snb-wrap > ol > li > dl				{margin:0; padding:0; width:auto; height:100%; border-right:1px dotted #ccc; border-right:1px dotted rgba(255,255,255,.3);}
.gnb-container .snb-wrap > ol > li > dl > dd		{margin:0 30px; padding:4px 0; font-size:13px; color:#cdcdcd; color:rgba(255,255,255,.8); letter-spacing:0; cursor:pointer;}
.gnb-container .snb-wrap > ol > li > dl > dd:hover	{text-decoration:underline; color:#fff;}
.over-bg											{display:none; position:fixed; top:0; left:0; z-index:9000; width:100%; height:100%; background-color:rgba(0,0,0,.2);}


/* Main Visual */
.main-visual										{position:relative; margin:0; padding:0; width:auto; min-width:1120px; height:auto;}
.flexslider											{overflow:hidden;}
.flexslider .slides > li							{display:none; -webkit-backface-visibility:hidden; height:680px;}
.flexslider .slides > li > span						{position:absolute; top:175px; left:15%; z-index:10;}
.flexslider .slides > li > em						{position:absolute; top:175px; right:15%; z-index:10;}
.flexslider .slides > li button						{font-style:normal; display:block; vertical-align:middle; margin:30px auto 0; padding-bottom:4px; width:170px; height:60px; font-family:'Open Sans'; font-size:14px; text-align:center; letter-spacing:0; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.slideBtn01											{color:#333; border:1px solid #333; background-color:transparent;}
.slideBtn01:hover									{color:#fff; background-color:#333;}
.slideBtn02											{color:#ddb86d; border:1px solid #ddb86d; background-color:transparent;}
.slideBtn02:hover									{color:#fff; background-color:#ddb86d;}
.slideBtn03											{color:#9d95b3; border:1px solid #9d95b3; background-color:transparent;}
.slideBtn03:hover									{color:#fff; background-color:#9d95b3;}
.slideBtn04											{color:#dcb66a; border:1px solid #dcb66a; background-color:transparent;}
.slideBtn04:hover									{color:#fff; background-color:#dcb66a;}
.slideBtn06											{color:#0b3692; border:1px solid #0b3692; background-color:transparent;}
.slideBtn06:hover									{color:#fff; background-color:#0b3692;}
.slideBtn07											{color:#231815; border:1px solid #231815; background-color:transparent;}
.slideBtn07:hover									{color:#fff; background-color:#231815;}
.slideBtn08											{color:#f6ce93; border:1px solid #f6ce93; background-color:transparent;}
.slideBtn08:hover									{color:#fff; background-color:#f6ce93;}
.slideBtn09											{color:#6b93d6; border:1px solid #6b93d6; background-color:transparent;}
.slideBtn09:hover									{color:#fff; background-color:#6b93d6;}
.slideBtn10											{color:#03006e; border:1px solid #03006e; background-color:transparent;}
.slideBtn10:hover									{color:#fff; background-color:#03006e;}
.slideBtn11											{color:#ae8f4a; border:1px solid #ae8f4a; background-color:transparent;}
.slideBtn11:hover									{color:#fff; background-color:#ae8f4a;}

/* Direction Nav */
.flex-direction-nav									{width:0; height:0; text-indent:-9999px;}
.flex-direction-nav a								{width:50px; height:100px; margin-top:-50px; display:block; position:absolute; top:50%; z-index:10; cursor:pointer; text-indent:-9999px; opacity:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background:url('/img/main/btn_direction_nav.png') no-repeat;}
.flex-direction-nav .flex-next						{background-position:100% 0; right:0;}
.flex-direction-nav .flex-prev						{left:0;}
.flexslider:hover .flex-next						{filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; right:20px;}
.flexslider:hover .flex-prev						{filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; left:20px;}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover					{opacity:1;}
.flex-direction-nav .flex-disabled					{filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2; cursor:default;}


/* Control Nav */
.flex-control-nav									{position:absolute; bottom:10px; left:0; z-index:20; width:100%; text-align:center;}
.flex-control-nav li								{margin:0 8px; padding:0; display: inline-block; zoom: 1; *display:inline;}
.flex-control-paging li a							{text-indent:-9999px; display:block; width:6px; height:6px; border:1px solid #1d4487; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active				{background-color:#1d4487;}


/* 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('/img/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;}


/* Product Slide */
.thumb-viewport										{margin:0 auto; width:300px; height:300px;}
.thumb-control-nav									{width:0; height:0; text-indent:-9999px;}
.thumb-control-nav a								{text-indent:-9999px; position:absolute; top:50%; z-index:10; margin-top:-20px; width:40px; height:40px; background:url('/img/icon/control-arrow.png') no-repeat;}
.thumb-control-nav a.thumb-next						{background-position:100% 0; right:10px;}
.thumb-control-nav a.thumb-prev						{left:10px;}


/* Footer */
.footer												{padding:30px 0 20px; font-size:13px; color:#ddd; line-height:21px; background-color:#545557; text-align:center;}
.footer .footer-menu								{margin-bottom:20px;}
.footer .footer-menu a								{font-weight:bold; font-size:13px; color:#fff;}
.footer .footer-menu a:hover						{text-decoration:underline;}
.footer span										{display:inline-block; margin:0 5px; font-size:10px; color:#777;}
.footer p											{display:block; margin-top:20px;}


/* Sub Top Btn */
#to_the_top											{position:fixed; bottom:30px; right:30px; z-index:100; display:none; width:40px; height:40px; background:#323232 url('/img/footer/goTop.png') no-repeat; cursor:pointer; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px;}


/* Page Location */
.page-location										{width:100%; border-bottom:1px solid #ddd; letter-spacing:0;}
.page-location p									{margin:0 auto; padding:0; width:1120px; font-size:12px; color:#666; line-height:39px;}
.page-location p span								{display:inline-block; margin:0 5px; color:#bbb;}
.page-location p a									{color:#666;}


/* 상품리스트 */
.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('/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;}


/* Login */
.login												{margin:0; padding-top:10px; width:auto; height:auto;}
.login .login-form									{position:relative; margin:0 auto; padding:0; width:480px; height:auto;}
.login .login-form ul								{padding-right:124px; width:auto; height:auto;}
.login .login-form ul:after							{content:""; display:block; float:none; clear:both;}
.login .login-form li								{float:left; margin-bottom:10px; padding:0; width:100%; height:auto;}
.login .login-form li input							{width:100%; height:42px; font-size:16px; color:#333; border:1px solid #ddd; letter-spacing:0;}
.login .login-form li input:focus					{background-color:#fafafa;}
.login .login-form li input::-webkit-input-placeholder	{font-weight:normal; font-size:14px; color:#999;}
.login .login-form li input:-ms-input-placeholder		{font-weight:normal; font-size:14px; color:#999;}
.login .login-form li input::-moz-placeholder			{font-weight:normal; font-size:14px; color:#999;}
.login .login-form li input:-moz-placeholder			{font-weight:normal; font-size:14px; color:#999;}
.login .login-form > button							{display:block; position:absolute; top:0; right:0; z-index:100; margin:0; padding-bottom:4px; width:110px; height:106px; font-size:16px; color:#fff; text-align:center; background-color:#1d4486;}
.login .login-form > button:hover					{color:#fff; background-color:#18386f;}
.login .login-form label							{font-size:12px; color:#666;}


/* Login 하단 버튼 */
.find-other											{margin:30px auto 0; padding:20px 15px; width:800px; height:auto; border-top:1px dashed #d9d9d9;}
.find-other li										{position:relative; margin-bottom:10px; padding-left:10px; font-size:13px; line-height:34px; color:#555; background:url('/img/icon/list-dot.gif') no-repeat 0 18px;}
.find-other li > button								{position:absolute; top:0; right:0; margin:0; padding:0; width:160px; height:36px; font-size:12px; color:#555; border:1px solid #ddd; background-color:#fff; text-align:center; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.find-other li > button:hover						{color:#555; border:1px solid #ddd; background-color:#ddd;}


/* 아이디 비밀번호찾기 */
.find-IdPw											{margin:0 auto; padding:0; width:800px; height:auto; overflow:hidden;}
.find-button										{display:block; vertical-align:middle; margin-top:15px; margin-left:275px; padding-bottom:4px; width:180px; height:35px; 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('/img/icon/list-dot.gif') no-repeat 0 10px;}
.tabView											{display:none;}


/* 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;}


/* Sub Tab Menu */
.submenu-tab										{margin:0 auto 35px; padding:0; width:1120px; 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;}


/* 아이디확인 */
.id-info											{margin-top:40px; padding:0; width:auto; line-height:100px; font-size:14px; color:#555; background-color:#fafafa; text-align:center;}
.id-info strong										{display:inline-block; margin:0 10px; font-size:18px; color:#000; letter-spacing:0;}


/* 회원가입단계 */
.join-process										{margin:0; padding:0; width:auto; height:auto; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background-color:#f7f7f7;}
.join-process ol									{margin:0 auto; padding:0; width:1119px; height:auto; border-left:1px solid #e0e0e0;}
.join-process ol:after								{content:""; display:block; float:none; clear:both;}
.join-process li									{position:relative; float:left; display:table; width:33.333333%;}
.join-process li span								{display:table-cell; vertical-align:middle; height:58px; font-size:15px; color:#000; border-right:1px solid #e0e0e0; text-align:center;}
.join-process li em									{display:none; text-indent:-9999px; position:absolute; bottom:-1px; left:50%; z-index:100; margin-left:-12px; width:0; height:0; border-style:solid; border-width:0 12px 13px 12px;; border-color:transparent transparent #ffffff transparent; overflow:hidden;}
.join-process li.on									{background-color:#1d4486;}
.join-process li.on span							{color:#fff;}
.join-process li.on em								{display:block;}


/* 약관동의 */
.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;}


/* 필수입력사항 */
.obligatorily										{display:block; margin-bottom:5px; font-weight:normal; font-size:12px; color:#888; text-align:right;}
.obligatorily span									{display:inline-block; color:#ef0000;}


/* 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;}
.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;}


/* File Style */
.file-area											{position:relative; width:375px;}
.file-area > input									{font-size:14px !important; color:#333 !important;}
.file-area > input::-webkit-input-placeholder		{font-weight:normal !important;}
.file-area > input:-ms-input-placeholder			{font-weight:normal !important;}
.file-area > input::-moz-placeholder				{font-weight:normal !important;}
.file-area > input:-moz-placeholder					{font-weight:normal !important;}
.file-area > a										{position:absolute; top:0; right:-45px; z-index:100; padding-bottom:2px; width:40px; line-height:28px; font-size:12px; color:#666; background-color:#ddd; text-align:center;}
.file-text											{float:left; width:285px; color:#888 !important;}
.file-wrap											{position:absolute; top:0; right:0; z-index:100; display:inline-block; width:80px; height:30px; background:url('/img/icon/btn-file.png') no-repeat;}
.file-add											{filter:alpha(opacity:0); opacity:0; width:80px; height:30px; cursor:pointer;}


/* Form Divide */
.form-divide										{position:relative; margin:0; padding-left:260px; width:auto; height:auto;}
.form-divide > h2									{position:absolute; top:10px; left:40px; z-index:100;}


/* 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;}


/* 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('/img/icon/btn-file.png') no-repeat;}
.table-typeA.review-table td .file-add				{width:80px; height:30px;}


/* 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:#333;}
.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; border:1px solid #333; background-color:#333;}
.paging .select:hover								{color:#fff; background-color:#333; cursor:default;}


/* Table Search */
.board-search										{margin-top:40px; padding:0; width:auto; height:auto;}
.board-search input									{width:240px; height:28px;}
.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 40px; 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:30px 40px; font-size:14px; color:#555; line-height:24px; border-bottom:1px solid #e0e0e0;}
.board-view .boardContent img						{max-width:1040px; height:auto;}


/* 장바구니 수량 */
.amount-control										{width:auto; height:auto; text-align:center;}
.amount-control > a									{display:inline-block; vertical-align:middle; width:28px; height:28px; background:url('/img/icon/amount.gif') no-repeat;}
.amount-control > a.plus							{background-position:0 100%;}
.amount-control > input								{text-indent:0; padding:0; width:40px; height:26px; text-align:center;}


/* 장바구니 합계 */
.totalPrice											{margin:0; padding:35px 0 40px; width:auto; height:auto; border-bottom:1px solid #e0e0e0; text-align:center;}
.totalPrice p										{display:inline-block; margin:0 20px; font-size:14px; color:#666;}
.totalPrice p strong								{display:inline-block; margin:0 5px 0 10px; font-family:'Open Sans'; font-size:18px; color:#000; letter-spacing:0;}
.totalPrice .orderPrice								{font-size:16px; color:#333;}
.totalPrice .orderPrice strong						{font-size:24px; 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										{margin-left:20%; 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-bottom:25px; font-weight:normal; font-size:18px; color:#1d4486; text-align:center;}


/* 조회 Box */
.date-search										{margin:0; padding:30px 0; width:auto; height:auto; border:4px solid #e0e0e0; text-align:center;}
.date-search > ul									{display:inline-block; vertical-align:middle; margin-right:10px; padding:0; width:500px; 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('/img/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:275px;}


/* 비밀번호 변경 */
.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('/img/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;}


/* 신상품소개 */
.gallery-board										{margin:0 -17.5px; padding-top:30px; width:auto; height:auto; border-top:2px solid #555;}
.gallery-board:after								{content:""; display:block; float:none; clear:both;}
.gallery-board li									{float:left; margin:0 17.5px 35px; padding:0; width:350px; height:auto; cursor:pointer;}
.gallery-board li p									{width:350px; height:200px;}
.gallery-board li p img								{width:100%; height:100%;}
.gallery-board li dl								{margin-top:10px; padding:0;}
.gallery-board li dl dt,
.gallery-board li dl dd								{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery-board li dl dt								{margin-bottom:2px; font-size:15px; color:#000; letter-spacing:0;}
.gallery-board li dl dd								{font-size:13px; color:#888;}
.gallery-board li:hover p							{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity:.8;}
.gallery-board li:hover dt							{color:#1d4486;}


/* News List */
.news-list											{margin:0; padding-top:10px; width:auto; height:auto; border-top:2px solid #555;}
.news-list > li										{position:relative; margin-bottom:10px; padding:15px; width:auto; min-height:150px; border:1px solid #e0e0e0; cursor:pointer;}
.news-list > li > p									{position:absolute; top:15px; left:15px; z-index:100; display:block; width:200px; height:150px; overflow:hidden;}
.news-list > li > p img								{width:100%; height:100%;}
.news-list > li > dl								{margin:0; padding:5px 0; width:auto; height:auto;}
.news-list > li > dl > dt							{padding:10px 0 12px; font-size:20px; color:#000; letter-spacing:-1px;}
.news-list > li > dl > dd							{padding:0; width:98%; font-size:14px; color:#666; line-height:20px;}
.news-list > li > dl > dd > span					{display:inline-block; margin-right:20px;}
.news-list > li > dl > dd > span b					{display:inline-block; margin-right:5px;}
.news-list > li:hover dl dd:nth-child(3)			{text-decoration:underline;}
.news-list > li > dl:nth-child(2)					{margin-left:220px;}


/* AD Board */
.ad-board											{margin:0 -20px; padding-top:30px; width:auto; height:auto; border-top:2px solid #555;}
.ad-board:after										{content:""; display:block; float:none; clear:both;}
.ad-board li										{position:relative; float:left; margin-bottom:30px; padding:0; width:50%; min-height:100px; cursor:pointer;}
.ad-board li p										{position:absolute; top:0; left:0; z-index:100; width:180px; height:100px;}
.ad-board li p img									{width:100%; height:100%;}
.ad-board li dl										{margin-left:200px; padding:5px 40px 0 0;}
.ad-board li dl dt									{margin-bottom:15px; font-size:18px; color:#000; line-height:24px; letter-spacing:0;}
.ad-board li dl dd									{font-size:14px; color:#999; letter-spacing:0;}
.ad-board li:hover dt								{text-decoration:underline;}


/* Event */
.event-board										{margin:0 -30px; padding-top:30px; width:auto; height:auto; border-top:2px solid #555;}
.event-board:after									{content:""; display:block; float:none; clear:both;}
.event-board li										{position:relative; float:left; margin:0 30px 30px; padding:0; width:530px; height:auto; cursor:pointer;}
.event-board li > p									{width:530px; height:300px;}
.event-board li > p img								{width:100%; height:100%;}
.event-board li > dl								{padding:15px 10px;}
.event-board li > dl dt,
.event-board li > dl dd								{letter-spacing:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.event-board li > dl dt								{margin-bottom:5px; font-size:18px; color:#000;}
.event-board li > dl dd								{font-size:14px; color:#666;}
.event-board li > span								{position:absolute; top:0; left:0; z-index:500; width:0; height:0; border-style:solid; border-width:80px 80px 0 0; text-align:center;}
.event-board li > span > strong						{display:block; margin-top:-63px; width:53px; font-size:16px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.event-board li > span.on							{border-color:#1d4486 transparent transparent transparent;}
.event-board li > span.on > strong					{color:#fff;}
.event-board li > span.off							{border-color:#ccc transparent transparent transparent;}
.event-board li > span.off > strong					{color:#f0f0f0;}


/* 이메일 무단수집 거부 */
.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;}


/* 제품상세정보 */
.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('/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('/img/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;}
.productHeader .productTotal b						{font-weight:normal; color:#000;}
.productHeader .productTotal strong					{font-size:21px; color:#000;}
.productHeader .productBtn							{margin:0 -10px; padding-top: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:230px;}
.productHeader .productBtn li button				{display:block; margin:0; padding-bottom:4px; width:100%; height:50px; font-weight:bold; font-size:16px; text-align:center;}


/* 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:25%;}
.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;}


/* 배송/반품/환불 */
.refund-table										{margin:40px -1px 0; padding:0; width:auto; height:auto; /*border-top:1px dotted #ccc;*/}
.refund-table dl									{margin:0; padding:0 20px; width:auto; height:auto; border-bottom:1px dotted #ccc;}
.refund-table dl:after								{content:""; display:block; float:none; clear:both;}
.refund-table dt,
.refund-table dd									{float:left; padding:10px 0;}
.refund-table dt									{width:20%; font-weight:bold; font-size:13px; color:#333;}
.refund-table dd									{margin-left:-1px; width:80%; font-size:12px; color:#666; border-left:1px dotted #ccc; line-height:18px;}
.refund-table dd span								{display:block; padding:4px 0 4px 20px;}


/* 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;}


/* Sub Image Page */
.image-sub											{display:block; text-align:center;}


/* Main Layer Popup */
.layerPop											{position:absolute; z-index:9999; 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:absolute; top:0; right:-25px; z-index:50px; 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('/img/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;}
.conents-page >                                     {height: 50px;}
.img-about											{background:url('/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('/img/sub/vision-bg01.png') no-repeat;}
.ideology li.index02								{background:url('/img/sub/vision-bg02.png') no-repeat;}
.ideology li.index03								{background:url('/img/sub/vision-bg03.png') no-repeat;}
.ideology li.index04								{background:url('/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('/img/icon/dot-branch.png') no-repeat 2px 9px;}


/* 조직도 */
.organization										{background:url('/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;}


/* Map API */
.label												{display:inline-block; vertical-align:middle; margin-bottom:115px;}
.label .left										{display:inline-block; vertical-align:middle; width:7px; height:24px; background:url("http://i1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat; overflow:hidden;}
.label .center										{display:inline-block; vertical-align:middle; line-height:24px; font-size:12px; color:#151515; background:url("http://i1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png") repeat-x;}
.label .right										{display:inline-block; vertical-align:middle; width:6px; height:24px; background: url("http://i1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") no-repeat -1px 0; overflow:hidden;}


/* 가입유형선택 */
.member-type										{margin:0 auto; padding-top:20px; width:940px; overflow:hidden;}
.member-type > ul:after								{content:""; display:block; float:none; clear:both;}
.member-type > ul > li								{float:left; width:50%;}
.member-type > ul > li a							{display:block; margin:0 10px; padding:30px 20px 40px; border:1px solid #e4e4e4; border-right:3px solid #e4e4e4; border-bottom:3px solid #e4e4e4; text-align:center; cursor:pointer; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.member-type > ul > li a strong						{display:block; margin-bottom:20px; padding-bottom:15px; font-weight:normal; font-size:20px; border-bottom:1px dotted #d0d0d0; letter-spacing:-1px;}
.member-type > ul > li a p							{display:block; padding:0 5px; font-weight:bold; font-size:12px; line-height:18px;}
.member-type > ul > li a button						{display:block; margin:30px auto 0; padding-bottom:2px; width:180px; height:50px; font-size:14px; color:#fff; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.member-type > ul > li a button b					{display:block; font-size:12px;}
.member-type > ul > li a:hover strong				{color:#fff; border-color:rgba(255,255,255,.4);}
.member-type > ul > li a:hover p					{color:#ddd; color:rgba(255,255,255,.7);}
.member-type > ul > li a:hover button				{background-color:#fafafa;}
.member-type > ul > li.member-normal strong			{color:#1d4487;}
.member-type > ul > li.member-normal p				{color:#1d4487;}
.member-type > ul > li.member-normal button			{background-color:#1d4487;}
.member-type > ul > li.member-normal a:hover		{border-color:#0066cc; background-color:#1d4487;}
.member-type > ul > li.member-normal a:hover button	{color:#1d4487;}
.member-type > ul > li.member-customer strong		{color:#666666;}
.member-type > ul > li.member-customer p				{color:#353535;}
.member-type > ul > li.member-customer button		{background-color:#666666;}
.member-type > ul > li.member-customer a:hover		{border-color:#555555; background-color:#666666;}
.member-type > ul > li.member-customer a:hover button{color:#151515;}
.member-type > ul > li > ol							{margin-top:10px; padding:0 10px; }
.member-type > ul > li > ol > li					{margin-bottom:3px; padding-left:10px; font-size:12px; color:#555; line-height:16px; background:url('/img/icon/list-dot.gif') no-repeat 0 8px;}
.member-type > ul > li > ol > li > em				{font-style:normal; color:#a42a2a;}

/* 마이오피스 */
.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;}

@media all and (min-width:1601px) {

/* Product List */
.productList > li									{width:16.666666%; height:380px; border-right:1px solid #e5e5e5; border-bottom:none;}
.productList > li:nth-child(3n)						{border-right:1px solid #e5e5e5;}
.productList > li:nth-child(n+4)					{border-top:none;}
.productList > li:nth-child(6n)						{border-right:none;}
.productList > li:nth-child(n+7)					{border-top:1px dotted #ccc;}

/* Product Slide */
.thumb-viewport										{width:240px; height:240px;}
.thumb-control-nav a.thumb-next						{right:0;}
.thumb-control-nav a.thumb-prev						{left:0;}


}