@charset "euc-kr";
@font-face{font-family:"NanumGothic";src:url('/inc/font/NanumGothic.eot');src:local('?'), url('/inc/font/NanumGothic.woff') format('woff'), url('/inc/font/NanumGothic.ttf') format('truetype'), url('NanumGothic.otf') format('opentype');font-weight:normal;font-style:normal}
@font-face{font-family:"NanumGothic";src:url('/inc/font/NanumGothic.eot');src:local('?'), url('/inc/font/NanumGothic.woff') format('woff'), url('/inc/font/NanumGothic.ttf') format('truetype'), url('NanumGothic.otf') format('opentype');font-weight:normal;font-style:normal}

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}



article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}
body {margin:0;padding:0;font:12px "NanumGothic", "Dotum", "Gulim", Arial,Helvetica,sans-serif;color: #555; background:url(/images/bg_main_top.jpg) top center no-repeat;}
/*a {color:#222;text-decoration:none} */
a {color:black;text-decoration:none}
a:hover {color:#975641;}

img {border:0; vertical-align:middle;}
::selection {background:#a0b0be; color:#fff; text-shadow:none}

ul, li, dl, dt, fieldset {list-style:none; padding:0; margin:0;border:0;}
/* Common */
.hidden {visibility:hidden; width:0; height:0; overflow:hidden; position:absolute; top:-1000%; line-height:0;}
.clear_line {clear:both; margin:0; height:0; overflow:hidden; line-height:0;}
.base {width:100%; min-width:990px; zoom:1;}
.wrap {margin:0 auto; width:990px; zoom:1;position:relative;}
.base:after,
.wrap:after {content:"";display:block;clear:both;}
.l {float:left;}
.r {float:right;}
.clear {clear:both}
table {border-collapse : collapse;border-spacing : 0;}

/* ¹öÆ° ¼Â */
.btn_confirm {margin-top:10px;text-align:Center;}
.btn_01,
.btn_02 {
	font-family:"NanumGothic";
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	padding: 0.3em 1.1em 0.4em;
	margin:0;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
input[type="submit"].btn_01,
input[type="submit"].btn_02,
input[type="button"].btn_01,
input[type="button"].btn_02 {
	padding: 0.4em 1.1em 0.5em;
}
.btn_01:hover,
.btn_02:hover{
	text-decoration: none !important;
}
.btn_01:focus,
.btn_02:focus{
	position: relative;
	top: 1px;
}
.btn_01 {
	color: #e9e9e9 !important;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.btn_01:hover {
	color: #fff !important;
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.btn_01:focus {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
.btn_02 {
	color: #606060 !important;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.btn_02:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.btn_02:focus {
	color: #999 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* main image link */
.mainlink{ position:absolute; display:block; z-index:101; bottom:50px; left:30px; width:188px; height:25px; background:url(/images/none.png); }
.mainlink_sub{ position:absolute; display:block; z-index:101; bottom:50px; left:220px; width:148px; height:25px; background:url(/images/none.png); }

/* Header */
.header {}
.header .wrap {position:relative; height:100px;}
	.wrap .logo h1 {position:absolute; top:30px; left:0; display:block; margin:0; padding:0;}
	.wrap .logo h1 a {display:block;}
	
	.wrap .tnb {float:right;}
	.wrap .tnb ul {float:left; margin:0; padding:0 0 0 18px; height:28px; background:url(/images/tool_bg.gif);}
	.wrap .tnb li {float:left;}
	.wrap .tnb li a {display:block; font-size:11px; float:left; padding:7px; color:#777;}
	.wrap .tnb li a:hover {color:#000;}
	.wrap .tnb li span {display:block; float:left; padding:6px; color:#bbb;}
	.wrap .global {float:left; font-size:11px;width:196px; padding:8px 0;}
	.wrap .global span {float:left; margin:0 5px 0 10px; color:#e3e8ee;}
	.wrap .global span.fav {margin-left:30px;padding-left:18px;background:url(/images/sprite.png) -322px -6px no-repeat;}
	.wrap .global span.twt {padding-left:18px;background:url(/images/sprite.png) -322px -33px no-repeat;}

	.wrap #sch_all {position:absolute;left:300px;top:40px; margin:0;padding:0;border:3px solid #738393}
	.wrap #sch_all form{margin:0;}
	#sch_all legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;font-size:0px;overflow:hidden}
	#sch_all_stx {padding:6px 10px;width:300px;margin:0;border:0;background:#fff;color:#b5b5b5;}
	#sch_all_submit {padding:6px 10px 7px 10px;margin:0;border:0;background:#738393;color:#fff;cursor:pointer;}

	.wrap .online_price {position:absolute;right:0;bottom:0;}

/* Header : Global Navigation Base */
.gnb_wrap {height:26px; background:#e1e1e1 url(/images/main_menu_bg.gif);min-width:990px; zoom:1; }
#gnb {width:990px;position:relative; margin:0 auto; padding:0; zoom:1;}
#gnb_1dul {margin:0;margin-left:214px;padding:0;padding:0; zoom:1;}
#gnb:after {content:"";display:block;clear:both;}

#gnb a.gnb_product { display:block; float:left;background:url(/images/sprite.png) -109px 0 no-repeat;width:205px;height:26px;text-indent:-19999;font-size:0px;}
#gnb a.gnb_product:hover { background-position:-109px -26px;background-color:transparent;}

#gnb li { float:left; position:relative;}

#gnb li a {display:block; float:left; width:25px;text-align:center;height:18px;font:normal 14px/1.2 'NanumGothic';padding:4px 0;color:#617589;}
#gnb li:hover,
#gnb > li.gnb_1dli_over {background-color:#4c658d;}
#gnb li:hover > a {color:#fff;text-decoration:underline}

#gnb li ul {display:none; position:absolute; z-index:101; top:26px; left:0; max-width:530px;min-width:325px; padding:15px; clear:both; background:#fff; border:1px solid #4c658d;	-webkit-border-bottom-right-radius: 15px; -moz-border-bottom-right-radius: 15px; border-bottom-right-radius: 15px;}
#gnb li:hover ul {display:block;}
#gnb li li {position:relative;;}
#gnb li li a {clear:both;text-align:left; padding:7px 0 2px 22px; height:18px; min-width:140px; border-bottom:1px dotted #e8ecf0; font-size:12px; color:#222; background:#fff url(/images/gnb_dot1.png) 10px 12px no-repeat; text-indent:0;color:#555;}
#gnb li li a:hover {background:#a0b0be url(/images/gnb_dot1.png) 10px 12px no-repeat; color:#fff;}

#gnb a.gnb_brand_shop {position:absolute;right:0;top:0;display:block;background:url(/images/sprite.png) 0 0 no-repeat;width:93px;height:18px;text-indent:-19999;font-size:0px;padding:4px 8px;}
#gnb a.gnb_brand_shop:hover { background-position:0 -26px;background-color:transparent;}



/* Body Container : Index */
.visual_wrap {margin-top:1px;position:relative;height:345px;background:url(/images/bg_main.jpg) top center;}
.visual_wrap_sub {margin-top:1px;position:relative;height:120px;border-bottom:3px solid #bbb;background:url(/images/bg_sub.jpg) 0px 0px repeat-x; }
.visual_wrap_sub .visual img {position:absolute;top:0;left:0;}

.visual {position:absolute;left:50%;margin-left:-495px;width:990px;min-height:120px;}
.visual_wrap_sub .visual {overflow:hidden}
.motion_text {opacity:0;position:relative;bottom:-50px;}

.visual_wrap_sub.about {border-color:#4F68B8}
.visual_wrap_sub.product {border-color:#319fb6}
.visual_wrap_sub.brand {border-color:#b52f4a}
.visual_wrap_sub.customer {border-color:#b67a31}
.visual_wrap_sub.info {border-color:#b64230}
.visual_wrap_sub.member {border-color:#39a882}



/* Fade Effect */
.fade {position:relative; display:block;}
.fade * {display: none;}
.fade span.hover {position:absolute; top:0; left:0; display:block; cursor:pointer;}

/* Index notice_category */
.idx_notice_category {margin:0 0 0 0; padding:20px 25px;background:#fff url(/images/main_notice_bg.gif) no-repeat top left;}
	.idx_notice_category .section_notice {display:inline-block;width:255px; font:normal 14px/1.2 'NanumGothic';}
	.idx_notice_category .section_notice .section_title {font-family:'NanumGothic';position:relative;font-size:21px; letter-spacing:-1px; margin:0; border-bottom:3px solid #8d97a0;}
	.idx_notice_category .section_notice .section_title a.more{font-size:12px; letter-spacing:-1px; margin-top:8px; position:absolute; right:0; color:#8d97a0}
	
	.idx_notice_category .section_notice ul {margin:0; padding:0 0 0 0; }
	.idx_notice_category .section_notice li {margin-top:15px; }
	.idx_notice_category .section_notice li a {overflow:hidden;display:block;}
	.idx_notice_category .section_notice li a:hover {text-decoration:underline;color:#424242}
	.idx_notice_category .section_notice p { margin:0;}
	.idx_notice_category .section_notice p.title {  white-space: nowrap;font-family:'NanumGothic';padding-left:22px;color:#727272; background:url(/images/dot_latest_article_large.png) left center no-repeat;}
	.idx_notice_category .section_notice p.date { font-size:11px; margin:0 0 0 22px; line-height:1.7; color:#7f7f7f;}
	.idx_notice_category .section_notice p.brief { font-size:11px; margin:4px 0 0 22px;line-height:1.7; color:#7f7f7f;text-align:justify;max-height:34px;overflow:hidden}

	.idx_notice_category .section_category .section_title {font-family:'NanumGothic';position:relative;font-size:21px; letter-spacing:-1px; margin:0; border-bottom:3px solid #8d97a0;}
	
	.idx_notice_category .section_category {float:right; width:660px; min-height:320px;font:normal 14px/1.2 'NanumGothic';}
	.idx_notice_category .section_category a{display:inline-block;width:106px;margin-top:8px; vertical-align:top;}
	.idx_notice_category .section_category a img{border:1px solid black;}
	.idx_notice_category .section_category a:hover img{border:1px solid #E293AD;}
	.idx_notice_category .section_category a p {font-family:'NanumGothic';width:100px;letter-spacing:-1px;font-size:11px;margin:5px 0 0 0;color:black;}
	.idx_notice_category .section_category a:hover p {color:#414144;}


/* idx_latest_product */
.idx_latest_product {clear:both;margin-top:20px;}
.idx_latest_product .menu_title {height:32px; background:#e1e1e1 url(/images/title_bar_bg.gif); }
.idx_latest_product .menu_title span { display:block; background: url(/images/sprite.png) -109px -52px no-repeat; width: 205px; height:32px; text-indent: -19999;font-size:0px; }

.idx_latest_product .menu_title span.hot_selling { background-position: -109px -52px; }
.idx_latest_product .menu_title span.hot_selling:hover { background-position: -109px -84px; }

.idx_latest_product .menu_title span.feature_product { background-position: -109px -116px;}
.idx_latest_product .menu_title span.feature_product:hover { background-position: -109px -148px; }

.idx_latest_product	.latest_product_list {margin-left:7px;}
.idx_latest_product	.latest_product_list a{display:inline-block;width:160px;margin-top:15px; vertical-align:top;}
.idx_latest_product	.latest_product_list a img{border:1px solid black;}
.idx_latest_product	.latest_product_list a:hover img{border:1px solid #E293AD;}
.idx_latest_product	.latest_product_list a p {font-family:'NanumGothic';width:150px;font-size:12px;margin:7px 0 0 0;color:black;}
.idx_latest_product	.latest_product_list a:hover p {color:#414144;}


/* Index Banners */
.idx_information {margin:20px 0 0 0; height:180px;}
	.idx_information .banner {float:left; width:330px; height:175px;}
	.idx_information .banner_a {background:#ddd url(/images/section_a_banner.jpg) 0px 0px no-repeat;}
	.idx_information .banner_b {background:#ddd url(/images/section_a_banner.jpg) -330px 0px no-repeat;}
	.idx_information .banner_c {background:#ddd url(/images/section_a_banner.jpg) -660px 0px no-repeat;}
	.idx_information .banner_a span.hover {width:330px; height:179px; background:#aaa url(/images/section_a_banner.jpg) 0px -179px no-repeat;}
	.idx_information .banner_b span.hover {width:330px; height:179px; background:#aaa url(/images/section_a_banner.jpg) -330px -179px no-repeat;}
	.idx_information .banner_c span.hover {width:330px; height:179px; background:#aaa url(/images/section_a_banner.jpg) -660px -179px no-repeat;}
	


/* Sitemap */
.sitemap {background:#f5f5f5; padding-bottom:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.sitemap table {width:100%;}
.sitemap th {text-align:left; width:20%; padding:15px 0 10px 12px;}
.sitemap th a {font-size:14px; color:#555;}
.sitemap td {vertical-align:top; padding:0 0 0 12px; border-left:1px solid #ddd;}
.sitemap ul {}
.sitemap li {}
.sitemap li a {font-size:12px; line-height:2; color:#777; display:block; padding-left:12px; background:url(/images/dot_latest_article.png) left center no-repeat;}
.sitemap li a:hover {color:#000;}
.sitemap ul ul {padding-bottom:4px;}


/* Client */
.client {padding-bottom:10px; height:116px;}
.client_link1 {position:absolute; display:block; z-index:101; background:url(/images/none.png);}
.client_link1 {top:10px; left:100; width:200px; height:30px;}

.client .bannerbox {width:990px;height:70px;overflow:hidden;}

.client .bannerbox table a{display:inline-block;padding:0 3px;}

/* Footer */
.fnb {height:50px; background:#40464a;}
.fnb .wrap {position:relative;}
.fnb ul {margin:0; padding:0; }
.fnb li {float:left; padding:15px 16px 0 0;}
.fnb li a {float:left; font-size:13px; color:#ababae;font-family:"NanumGothic";}
.fnb li a:hover {color:#fff;}
.fnb li span {float:left; padding-left:16px; color:#727277;}
.fnb li .strong {font-weight:bold; color:#ddd;}

.footer_tool {position:absolute; top:10px; right:0; padding:4px 5px; background:#373b3d; border-radius:6px;}
.footer_tool a {display:block; float:left; padding:4px; opacity:0.6;}
.footer_tool a:hover {opacity:2;}

.footer {height:150px; background:#515558;}
.footer .logo_btm {float:left; width:240px; height:150px;}
.footer .logo_btm img {margin-top:40px;}
.footer .site_info {float:left; width:750px; height:150px; }
.footer .site_info p {font-family:"NanumGothic";color:#aaa;font-size:11px;line-height:16px;}
.footer .site_info p.company_name {font-size:15px;color:#fff;}
.footer .site_info p.company_brief a {color:#ccc}
.footer .site_info p.company_brief a:hover {color:#eee}
.footer .site_info p.copyright {color:#fff;}



/* sub */
#aside {position:absolute;left:0;top:10px;width:200px;min-height:550px;}
#container {z-index:4;margin-top:10px;position:relative;float:right;min-height:700px;height:auto !important;min-height:550px;zoom:1;width:760px;font: 500 14px/130% "NanumGothic";}
#container2 {z-index:4;margin-top:10px;position:relative;float:right;min-height:500px;height:auto !important;min-height:500px;zoom:1;width:990px;font: 500 14px/130% "NanumGothic";}

.navi {height:27px; text-align:right;font-family:tahoma, 'NanumGothic';color:#bbb;font-size:11px;}
.navi a {color:#888;}
.navi a:hover {color:#000;}

#aside .lnb {float:left; width:200px; padding-top:40px;}
#aside .lnb h2 {margin:20px 0; padding:0; font-size:20px; color:#21b28e;}
#aside .lnb ul {margin:0; padding:0; border-top:2px solid #666;}
#aside .lnb li {border-bottom:1px solid #ddd;}
#aside .lnb li a {display:block; padding:10px 0 10px 14px; font-family:'NanumGothic';color:#black; background:url(/images/dot_latest_article.png) left center no-repeat;}
#aside .lnb li:hover {background:url(/images/lnb_act.png) right 11px no-repeat;}
#aside .lnb li:hover a {color:#000;}
#aside .lnb li:hover li a {color:#999;}
#aside .lnb ul ul {padding:0 0 10px 0; border-top:none;}
#aside .lnb li li {border-bottom:none;}
#aside .lnb li li a {display:block; padding:3px 0 3px 0px; font-size:11px; font-weight:normal; text-indent:4px; color:#aaa; background:none;}
#aside .lnb li li a:hover {color:#21b28e; font-family:'NanumGothic'}
#aside .lnb li li:hover {background:none;}

#aside .lnb li.noactive1{ }
#aside .lnb li.active1{ background:url(/images/lnb_act.png) right 11px no-repeat; }
#aside .lnb li.active1 a{ color:#000; }

#aside .lnb li li.active2 a{ color:#2178B2;  }
#aside .lnb li li.noactive2 a{ color:#758393; }




table.basic-style {font: 500 12px/12px "NanumGothic";width:100%;}
table.basic-style th {text-align: left;white-space:nowrap;background-color: #DDEDED;color: #666;padding: 8px;letter-spacing:-1px;border:1px solid #ccc;}
table.basic-style td { padding: 8px;background-color: #f7f7f7;border:1px solid #ccc;color:#888;}
table.basic-style td a{color:#888;}
table.basic-style td a:hover{color:#000;text-decoration:underline}
table.basic-style p{margin:2px 0 0 10px;line-height:130%;}

table.list-style {}
table.list-style th {text-align: left;white-space:nowrap;color: #666;background: url(/images/dot_latest_article_table.png) 20px center no-repeat;padding: 8px 20px 8px 40px;
border-top:1px solid #eee;border-bottom:1px solid #eee;font-weight:normal;}
table.list-style td { padding: 8px;border-top:1px solid #eee;border-bottom:1px solid #eee;color:#888;}


.brand_list, .brand_list li, .brand_list p {padding:0;margin:0;}
.brand_list li {width:146px; display:inline-block; height:110px;margin-right:2px;vertical-align:top;margin-bottom:10px;text-align:center;}
.brand_list a {display:inline-block; border:1px solid #ddd;padding:5px}
.brand_list a img{width:130px;height:70px;}
.brand_list p {margin:4px 2px;	font: 500 15px/12px "NanumGothic";text-align:left;}

.product_list, .product_list li, .product_list p {padding:0;margin:0;}
.product_list li {display:inline-block; width:148px;margin-right:0px;vertical-align:top;margin-bottom:10px;text-align:center;}
.product_list li:hover img{opacity:.7}
.product_list a {display:inline-block; border:1px solid #ddd;height:225px;overflow:hidden;}
.product_list a img{height:150px;width:140px;margin-top:3px;}
.product_list p {margin:4px;	font: 500 12px/16px "NanumGothic";text-align:left;}


.brand_title_wrap {
	position:relative;
	border:1px solid #ccc;
	-webkit-border-top-left-radius: 15px;
	-moz-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	padding:20px 30px;
	margin-bottom:20px;
	background:url(/images/brand_top_bg.jpg) left center no-repeat;
	}
.brand_logo {position:absolute;right:25px;bottom:25px;}
.product_text h1 {border-bottom:1px solid #ccc;font-size: 20px;height:33px;line-height:22px;letter-spacing:-2px;color:#888;margin:10px 0 15px 0;}
.product_text h1 .more {font-size: 12px;float:right;color:#888;letter-spacing:0;}
.brand_title_wrap h2 {font-size: 20px;height:33px;line-height:22px;letter-spacing:-2px;color:#444;margin:0;padding:0;}
.brand_title_wrap h2 img {margin-right:10px;}
























.basic_text h1 {font-size: 27px;height:33px;line-height:27px;letter-spacing:-2px;color:#888;margin:13px 0;}
.basic_text h2 {margin:20px 0 10px 0;font-size: 15px;font-family:"NanumGothic";padding-left:20px;background:url(/images/dot_latest_article_large.png) left center no-repeat;}
.basic_text h3 {margin:20px 0 10px 0;line-height:140%;font-size: 23px;font-family:"NanumGothic";color:#2178B2;letter-spacing:-1px;}

.basic_text ul {margin-left:17px;}
.basic_text ul li{margin:5px 0;font-size: 14px;font-family:"NanumGothic";padding-left:16px;background:url(/images/dot_latest_article.png) left 8px no-repeat;}
.basic_text p{line-height:160%;}
.basic_text a{color:#975641}
.basic_text a:hover{color:#222;text-decoration:underline}
.business_text {background:url(/images/business_contents_bg.jpg) right bottom no-repeat;}

.about_text {background:url(/images/about_contents_bg.jpg) right bottom no-repeat;}
.about_text p {display:block; width:400px;margin-top:30px;}

.as_contact h2,
.online_chart h2,
.online_contact h2,
.customer_text h2 {background:url(/images/dot_latest_article_large3.png) left center no-repeat;}
.as_contact h3,
.online_chart h3,
.online_contact h3,
.customer_text h3,
.info_text h3 {color:#835B2C;}

.customer_text {background:url(/images/customer_contents_bg.jpg) right bottom no-repeat;}

.member_text h2 {background:url(/images/dot_latest_article_large2.png) left center no-repeat;}
.member_text h3 {color:#1e7657;}

.member_text p {margin-left:17px;margin-bottom:5px;margin-top:5px;}
.member_text p.numberic {margin-left:37px;margin-bottom:5px;margin-top:5px;text-indent:-20px;}
.member_text {position:relative;}
.member_text .step_01_bg {position:absolute;top:0;right:0;z-index:0;}
.member_text .step_01_bg img{}

.member_text .step_01_bg img {
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 10\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
	filter:gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.member_text .step_01_bg img.now_step {
	filter: none;
	-webkit-filter: grayscale(0%);
}


.form_tbl {width:100%;}
.form_tbl th {
	width: 160px;
	padding: 6px 10px 6px 20px;
	border: 1px solid #e9e9e9;
	border-left: 0;
	background: #f7f7f7;
	text-align: left;
}
.form_tbl td {
	padding: 6px;
	vertical-align:middle;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background: #fff;
}

.form_tbl textarea {
	width:99%;
	padding: 3px 2px 4px;
	border: 1px solid #b8c9c2;
	background: #f7f7f7;
	color: #000;
	vertical-align: middle;
}


.form_tbl select,
.form_input,
.form_tbl textarea {
	vertical-align:middle;
	padding: 6px 5px;
	margin:0;
	color: #333 !important;
	background-color:#f7f7f7;
	border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;
	transition:border linear .2s, box-shadow linear .2s;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
}
.form_tbl select {
	padding: 5px 5px;
}

.form_tbl textarea:focus,
.form_tbl select:focus,
.form_input:focus {
	border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	display:inline-block;color:#555555;
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle;
}

.form_tbl .required:focus{
	border-color:rgba(255, 0, 0, 0.5);outline:0;outline:thin dotted \9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,0,0,.4);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,0,0,.4);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,0,0,.4);
}



.form_chart {width:100%;}
.form_chart th {
	padding-left: 40px;
	padding-right: 10px;
}
.form_chart th {
	font-size:12px;
	text-align:center;
	padding: 7px 10px;
	border: 1px solid #e9e9e9;
	background: #f7f7f7;
}
.form_chart td {
	text-align:center;
	padding: 3px 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background: #fff;
}








/* Board */
#bo_list {width:100%;}
.bo_top {margin-bottom:10px; height:21px;}
.bo_total {float:right;height: 21px;}
.bo_search {float:left;}
.bo_search * {vertical-align: top;margin:0;}
.bo_search input[type="text"] {height:16px;}
.bo_search select {padding:1px 1px 1px;}

.bo_fx {margin-top:10px;}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.btn_bo_left {float:left;}
.btn_bo_right {float:right;}
.basic_tbl {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0}
.basic_tbl thead th {
	font-weight:normal;
	font-family:"NanumGothic";
	padding:7px 10px;color:#fff;
	text-align:left;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.basic_tbl td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all;}
.td_center {text-align:center !important;}
.basic_tbl td.empty_board {padding:80px 0}



.view_tbl {width:100%;}
.view_tbl th {
	width: 100px;
	padding: 8px 10px 8px 20px;
	border: 1px solid #e9e9e9;
	border-left: 0;
	background: #f7f7f7;
	text-align: left;
}
.view_tbl td {
	padding: 8px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background: #fff;
}

.view_tbl .contents {
	padding:20px;
	line-height:160%;
}


#page_wrap {
	margin-top:10px;
	clear: both;
	text-align: center;
}
#page_wrap span.now {
	border-color: #ccc;
	background-color: #666;
	color: #fff;
}
#page_wrap a, #page_wrap span.now {
	display: inline-block;
	padding: 2px 8px;
	border: 1px solid #c3c3c3;
	font-family: 'PT Sans','Malgun Gothic', 'Gulim','Dotum','AppleGothic',Sans-serif;
	font-size: 14px;
}
#page_wrap a:hover {
	background-color: #666;
	color: #fff;
}








/* Login - layer */
.outlogin_wrap {left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 10000; _position: absolute;}
.outlogin_wrap .outlogin_bg {background: #000; left: 0px; top: 0px; width: 100%; height: 100%; filter: alpha(opacity=40);opacity:0.4;-moz-opacity:0.4; position: absolute;}
.outlogin_wrap_area {position:absolute; left:50%; top:50%; width:490px;}

#login-box {
	margin:0 auto;
	width:530px;
	height: 350px;
	padding: 20px 25px 0 25px;
	color: #666;
	background: #fff url(/images/login-box-backg.jpg) no-repeat left center;
	position:relative;
	-webkit-border-radius: 1em; 
	-moz-border-radius: 1em;
	border-radius: 1em;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.4);
	box-shadow: 0 0 15px rgba(0,0,0,.4);

}
#login-box #outlogin_wrap_close {position:absolute; right:20px;top:10px;	font: normal 24px Arial;color:#666;}

#login-box h2 {
	padding:0;
	margin:0;
	color: #80869B;
	font: normal 44px "NanumGothic";
	letter-spacing:-3px;
}
#login-box p {
	line-height:160%;
}
#login-box h3 {margin:0 0 10px 0;font-size: 15px;font-family:"NanumGothic";padding-left:20px;background:url(/images/dot_latest_article_large.png) left center no-repeat;}

#login-box .login_customer li {padding: 4px 0}
#login-box .login_customer li span{color:#333;}

#login-box-name {
	float: left;
	display:inline;
	width:60px;
	text-align: right;
	padding: 14px 10px 0 0;
}

#login-box-field {
	float: left;
	display:inline;
	margin-bottom:7px;
}


#login-box .form_input  {
	width: 200px;
	padding: 7px 3px 9px 5px !important;
	font-size:16px;
}

.login-box-options  {
	clear:both;
	padding: 0 5px 10px 70px;
}

#login-box .btn_02 {
	font-size: 12px;
}

#login-box .form_wrap {margin-top:20px;}
#login-box .form_wrap .left_wrap {float:left;width:300px;}
#login-box .form_wrap .right_wrap {float:right;width:230px}


.member_text .privacy_box{height:175px;overflow-y:scroll;border:1px solid #e7e7e7;padding:20px;color:#888;line-height:18px;background:#f7f7f7}
.member_text .privacy_box p{margin-bottom:20px}





































/* round tab style */
.round-tab{z-index:0;height:35px;border-bottom:1px solid #ccc;margin-top:30px;}
.round-tab li{float:left;z-index:1;height:35px;margin:0 1px 0 0;padding:0 35px;background-color:#ccc;line-height:35px;color:#fff;cursor:pointer}
.round-tab #current{z-index:2;height:35px;border:1px solid #ccc;border-bottom:0 none;background-color:#fff;font-weight:bold;color:#666}

p.brief_point {margin-top:5px;background-color:#f7f7f7;padding:10px;}
p.brief_point.small {font-size:11px;}
.good-brif h3 {margin:0;line-height:140%;font-size: 16px;font-family:"NanumGothic";color:#319fb6;letter-spacing:-1px;}


.good-detail-wrap{table-layout:fixed}
.good-detail-wrap .good-pic{position:relative;width:350px;text-align:center;vertical-align:top}
.good-detail-wrap .good-brif{float:left;width:640px;padding-top:15px;vertical-align:top}
.good-detail-wrap table.outline td{}

.tab-contents-wrap .title-bar {
	border-bottom:3px solid #319fb6;
	margin-top:20px;
}
.tab-contents-wrap .title-bar .title{
	padding:8px 35px;
	font-size:15px;
	display:inline-block;background-color:#319fb6;color:#fff;
	-webkit-border-top-right-radius: 15px;
	-moz-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
	font-family:"NanumGothic";
}
.image-preview-wrap{position:relative;margin-top:10px;width:300px;height:330px;}
.image-preview-wrap a{display:inline-block;}
.image-preview-wrap img{
	border-collapse:separate;
	width:300px;height:330px;-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);box-shadow:0 0 15px rgba(0,0,0,0.2)
	}

#div_explan {line-height:1.8;margin: 20px 20px 30px 20px; width:990px;}

.good-pic .control{display:none;position:absolute;z-index:3;background:url("/images/sprite.png") no-repeat}
.good-pic .control.zoom-goods{top:15px;left:15px;width:40px;height:45px;background-position:-109px -180px}
.good-pic .control a{display:block;position:absolute;top:0;right:0;left:0;bottom:0}







/* »ó¼¼±Ô°ÝºÎºÐ Å×ÀÌºí °­Á¦ ±³Á¤ */
.big-border-wrap {margin:15px 0 30px 0}
.fix-table table{}
.fix-table table p{padding:0 !important;margin:0 !important}
.fix-table table th{padding:6px 20px !important;color:#777;letter-spacing:-1px !important;border:1px solid #d7d7d7;background-color:#f0f4f6 !important}
.fix-table table tr:first-child td{ background-color:#DDEDED !important;}
.fix-table table td:first-child{ background-color:#DDEDED !important;}
.fix-table table td{padding:6px 20px !important;border:1px solid #d7d7d7 !important;}





.top_class {font-size:15px; font-family:"NanumGothic";}
.top_class2 {font-size:11px; font-family:"NanumGothic";}

td {line-height: 150%; font-size:12px; font-family:"NanumGothic"; color:black;}
.tit {line-height: 150%; font-size:14px; font-family:"NanumGothic"; color:black;}

/*
.imgBdr { border-width:1pt; border-color:#7B6D5A; border-style:solid; }

.imgBdr2 { border-width:1pt; border-color:#d0d1d3; border-style:solid; }
*/