@charset "utf-8";
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../../admin/css/NanumGothic-Bold.eot);
  src: url(../../admin/css/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../../admin/css/NanumGothic-Bold.woff2) format('woff2'),
       url(../../admin/css/NanumGothic-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../../admin/css/NanumGothic-Regular.eot);
  src: url(../../admin/css/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../../admin/css/NanumGothic-Regular.woff2) format('woff2'),
       url(../../admin/css/NanumGothic-Regular.woff) format('woff');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(../../admin/css/NanumGothic-Bold.eot);
  src: url(../../admin/css/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../../admin/css/NanumGothic-Bold.woff2) format('woff2'),
       url(../../admin/css/NanumGothic-Bold.woff) format('woff');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(../../admin/css/NanumGothic-Regular.eot);
  src: url(../../admin/css/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../../admin/css/NanumGothic-Regular.woff2) format('woff2'),
       url(../../admin/css/NanumGothic-Regular.woff) format('woff');
}

/* Base */
* {-webkit-text-size-adjust:none;}
html{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;outline:none;overflow-y:scroll;overflow-x:hidden;}
body {font-size:0.75em;line-height:1.25em;color:#666;background-color:#ffffff;overflow:hidden;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div{margin:0;padding:0;font-family:Nanum Gothic,Helvetica,sans-serif;-webkit-text-size-adjust:100%;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
hr, button img {display:none;}
form, fieldset, legend, label {margin:0;padding:0;}
fieldset{border:0 none;}
fieldset legend {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}
em,address{font-style:normal;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;color:#666;}
label { cursor:pointer;}
* html input {margin:-1px 0;} *:first-child+html input {margin:-1px 0;} input.checkbox { width:13px;height:13px;margin-top:-4px;vertical-align:middle;}
a {color:#666;text-decoration:none;} a:hover, a:active {color:#666;text-decoration:none;}
address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
.clearfix{zoom:1;} .clearfix:after{content:"";display:block;clear:both;}
.inner {position:relative;width:1100px;margin:0 auto;}

/* h */
#header h1 {position:absolute;height:56px;line-height:56px;}
#header h1 a {display:inline-block;min-width:180px;max-width:250px;height:56px;line-height:56px !important;font-size:21px;font-weight:bold;color:#fff !important;line-height:20px;text-align:center;}
#header h1 a img {min-width:180px;max-width:250px;max-height:45px;vertical-align:middle;}
#header h1 a:hover, h1 a:active {color:#fff;}

header {height:56px;}
#header {position:absolute;width:100%;min-width:1100px;height:56px;z-index:100;}
#header #top-nav {position:absolute;top:12px;right:10px;}
#header #top-nav ul {}
#header #top-nav ul li {display:inline;font-size:11px;letter-spacing:-0.5px;}
#header #top-nav ul li a {color:#f3f3f3;}
#header #top-nav ul li .bar {display:inline-block;padding:0 7px;font-size:10px;color:#f3f3f3;}
#header #header-news {position:absolute;top:26px;left:455px;}
#header #header-news a {font-size:12px;color:#CACED1;}
#header #header-news .date {color:#999;}
#header h2 {display:none;}
#header #top-depth {display:none;}

#nav-main, 
#nav-sub , 
#nav-sub ul {min-height:700px;height:100%;}

/* nav */
#nav-mobile {display:none;}
#nav-main {position:absolute;width:180px;border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0;box-shadow:4px 0 14px rgba(0,0,0,0.25);z-index:90;}
#nav-main ul {}
#nav-main ul li {
	display:block;
	background:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{global-active-background-start}*/), to( #f6f6f6 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkidt-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/);
	border-bottom:1px solid #E0E0E0;
}
#nav-main ul li a {display:block;padding:0 0 0 25px;height:50px;font-size:13px;color:#222;line-height:50px;}
#nav-main ul li a span {display:block;position:absolute;margin:0 0 0 130px;font-size:9px;color:#9A9A9A;}
#nav-main ul li a:hover span {color:#fff;}
#nav-main .holder {display:block;background:#ECEAEB;}
#nav-main .holder a:hover {color:#fff;}
#nav-main #left-banner {display:block;margin:40px 0 0 15px;font-size:13px;line-height:160%;color:#666;}
#nav-main #left-banner img {max-width:150px;}
#nav-sub {position:absolute;left:181px;width:0px;z-index:80;overflow:hidden;border-right:1px solid #E0E0E0;box-shadow:4px 0 12px rgba(0,0,0,0.1);}
#nav-sub ul {display:none;box-shadow:5px 0 5px rgba(0,0,0,0.1);}
#nav-sub ul li {display:block;width:180px;border-bottom:1px solid #d6d6d6;}
#nav-sub ul li a {display:block;padding:0 0 0 25px;height:50px;font-size:13px;color:#333;line-height:50px;}
#nav-sub ul li a span {display:block;position:absolute;margin:0 0 0 130px;font-size:9px;color:#9A9A9A;}
#nav-sub ul li a:hover span {color:#fff;}
#nav-sub .curr a {color:#fff;}
#nav-sub .holder {display:block;background:none;}
#nav-sub .holder a:hover {color:#fff;}
#nav-sub .content-menu {display:none;height:0px;padding:8px 0 8px 25px;background:#F3F1F2;overflow:hidden;}
#nav-sub .content-menu a {display:inline;padding:0;font-size:13px;color:#555;line-height:24px;}
#nav-sub .content-menu a:hover {display:inline;padding:0;font-size:13px;line-height:24px;background:none;}

/* Content */
#content {position:relative;min-height:700px;}
#content-view {display:block;margin-left:390px;width:710px;overflow:hidden;}
.sub-title {display:block;margin:48px 0 0 0;padding-bottom:10px;height:75px;border-bottom:1px #d6d6d6 solid;}
.sub-title h2 {display:block;float:left;margin-left:12px;font-size:40px;font-weight:bold;color:#000;line-height:38px;}
.sub-title h2 span {width:250px;font-size:32px;font-weight:normal;color:#ccc;letter-spacing:-1px;}
.sub-title .depth {margin-top:60px;float:right;font-size:14px;color:#b9b9b9;}
.sub-title .depth a {color:#b9b9b9;}
.sub-item {display:block;clear:both;margin:40px 0 50px 0;}

/* 3th tabmenu */
div.tabline1_box{margin-top:40px;}
ul.tabline1 {display:block;margin-bottom:25px;height:30px;border-bottom:1px #ccc solid;}
ul.tabline1 li {display:block;position:relative;float:left;height:30px;margin-right:-1px;}
ul.tabline1 li a {display:block;padding:0 20px;height:29px;font-size:12px;color:#888;line-height:29px;text-align:center;border:1px #ccc solid;background:#f5f5f5;z-index:1;}
ul.tabline1 li.curr a {font-size:13px;font-weight:bold;color:#333;border:1px #ccc solid;border-bottom:1px #fff solid;background:#fff;z-index:100;}
ul.tabbox1 {display:block;margin-bottom:25px;padding:10px 10px 5px 10px;background:#fcfcfc;border:1px #ddd solid;}
ul.tabbox1 li {display:block;float:left;margin:0 5px 5px 5px;padding:0 8px 0 0;border-right:1px #eee solid;}

/* Shop */
.latest_item {margin:10px 0 30px 0;clear:both;}
.latest_item h2 {display:block;font-size:1.2em;margin-bottom:10px;}
.latest_item .price {font-size:1.1em;font-weight:bold;}

#list_new ul {display:block;margin:0 15px;}
#list_new ul li {display:block;float:left;width:210px;margin-right:10px;}
#list_new ul li.last {margin-right:0px;}
#list_new ul li a {display:block;width:100%;font-size:0.95em;line-height:180%;color:#666;text-align:center;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
#list_new ul li a b {display:block;font-size:1.1em;color:#333;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}

.touchslider_index {position:relative;width:700px;height:310px;border:1px #ddd solid;overflow:hidden;}
.touchslider_index .touchslider-viewport {width:700px;height:310px;overflow:hidden;}
.touchslider_index .touchslider-item {float:left;width:700px;}
.touchslider_index .touchslider-nav {position:absolute;top:40%;width:100%;z-index:1000;}
.touchslider_index .touchslider-nav .touchslider-prev {display:block;float:left;font-size:40px;font-weight:bold;color:#222;margin-left:10px;cursor:pointer;}
.touchslider_index .touchslider-nav .touchslider-next {display:block;float:right;font-size:40px;font-weight:bold;color:#222;margin-right:10px;cursor:pointer;}

#list_best ul {display:block;}
#list_best ul li {display:block;float:left;margin:0 6px 6px 0;}
#list_best ul li.last {margin-right:0px;}
#list_best ul li a {display:block;width:168px;font-size:0.95em;line-height:180%;color:#666;border:1px #ddd solid;}
#list_best ul li a p {display:block;padding:10px;text-align:center;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
#list_best ul li a p b {display:block;font-size:1.1em;color:#333;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}

#list_review {padding:15px;height:220px;border:1px #ddd solid;}
#list_review img {display:block;float:left;width:210px;height:210px;margin:0 50px 0 30px;}
#list_review p {display:block;float:left;margin-top:40px;width:350px;font-size:1.2em;color:#444;line-height:150%;}
#list_review p b {display:block;margin-bottom:10px;font-size:1.5em;}
#list_review p .price {display:block;margin:10px 0;font-size:1.3em;font-weight:bold;color:#ff5500;}
#list_review p a {display:block;float:right;padding:5px 10px;color:#fff;background:#6A6A6A;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}

.clear {display:block !important;width:100% !important;clear:both !important;font-size:0px !important;line-height:0px !important;}

/* Footer */
#footer {display:block;position:absolute;width:100%;background:#b1b1b1;border:0px none;z-index:100;overflow:hidden;}
#footer #footer-menu {display:block;width:100%;background:#999;border-bottom:1px #868686 solid;}
#footer #footer-menu #footer-menu-pc {display:block;}
#footer #footer-menu #footer-menu-mobile {display:none;}
#footer #footer-menu .inner {height:30px;}
#footer #footer-menu ul {display:block;margin-left:20px;}
#footer #footer-menu ul li {display:block;float:left;}
#footer #footer-menu ul li a {display:block;padding:0 10px 0 20px;height:30px;font-size:12px;color:#fff;line-height:30px;}
#footer #footer-menu ul li a.curr {font-weight:bold;}
#footer #footer-copyright {border-top:1px #bfbfbf solid;}
#footer #footer-logo {display:block;position:absolute;top:25%;min-width:160px;height:45px;font-size:20px;font-weight:bold;color:#e0e0e0;line-height:45px;}
#footer #footer-logo img {max-width:160px;max-height:45px;vertical-align:middle;}
#footer #footer-logotxt {display:block;position:absolute;top:25%;min-width:160px;height:45px;font-size:20px;font-weight:bold;color:#e0e0e0;line-height:45px;}
#footer #copyright {display:block;margin:0 0 0 200px;padding:20px 0 25px 0;font-size:12px;color:#e9e9e9;line-height:1.4em;}
#footer #copyright a {color:#cecece;}