@charset "utf-8";

@font-face {/*국문_light*/
  font-family:NotoSans;
  font-weight:normal;
  src:url(../font/NotoSansKR-Light.eot);
  src:local(※), url(../font/NotoSansKR-Light.woff) format('woff');
}

@font-face {/*국문_normal*/
  font-family:NotoSans;
  font-weight:bold;
  src:url(../font/NotoSansKR-Regular.eot);
  src:local(※), url(../font/NotoSansKR-Regular.woff) format('woff');
}

@font-face {/*국문_normal*/
  font-family:NotoSans;
  font-weight:600;
  src:local(※), url(../font/NotoSansKR-Medium.woff) format('woff');
}

@font-face {/*국문_normal*/
  font-family:ns_serif;
  font-weight:bold;
  src:local(※), url(../font/SourceHanSerifKR-Regular.woff) format('woff');
}

@font-face {/*영문_normal*/
  font-family:Avenir;
  font-weight:100;
  src:url(../font/AvenirLTStd-Light.eot);
  src:local(※), url(../font/AvenirLTStd-Light.woff) format('woff');
}

@font-face {/*영문_normal*/
  font-family:Avenir;
  font-weight:normal;
  src:url(../font/AvenirLTStd-Medium.eot);
  src:local(※), url(../font/AvenirLTStd-Medium.woff) format('woff');
}

@font-face{/*영문_black*/
  font-family:Avenir;
  font-weight:bold;
  src:url(../font/AvenirLTStd-Black.eot);
  src:local(※), url(../font/AvenirLTStd-Black.woff) format('woff');
}

@font-face {/*영문_normal*/
  font-family:Avenir;
  font-weight:200;
  src:url(../font/AvenirLTStd-Heavy.eot);
  src:local(※), url(../font/AvenirLTStd-Heavy.woff) format('woff');
}

@font-face {/*영문_normal*/
  font-family:Avenir;
  font-weight:300;
  src:url(../font/AvenirLTStd-Roman.eot);
  src:local(※), url(../font/AvenirLTStd-Roman.woff) format('woff');
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. 기본 글꼴을 sans-serif로 설정.
 * 2. iOS와 IE에서 기기 회전시에 사용자가 확대하지 않아도 글씨 크기가 재조정되는 것을 예방.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * 기본 마진값을 제거.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * IE8/9에서 정의되지 않은 HTML5 요소를 'block'으로 지정.
 * IE10/11, Firefox에서 정의되지 않은 `detail` 혹은 `summary` 를 `block`으로 지정.
 * IE11에서 정의되지 않은 `main`을 `block`으로 지정
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. IE8/9에서 `inline-block`으로 정의되지 않은 것을 올바르게 지정.
 * 2. Chrome, Firefox, Opera에서 `progress`의 세로 정렬을 표준화.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * 모던 브라우저들에서 controls 속성없이 audio 요소가 렌더링 되는 것을 예방
 * iOS 5 기기에서 높이를 초과하는 것을 제거
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * `[hidden]` 속성의 스타일이 IE 8/9/10에서 존재하지 않는 것을 해결. 
 * IE 8/9/10/11, Safari, Firefox < 22 에서 `template` 요소를 숨김.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * IE10에서 활성화(active)된 링크의 회색 배경을 제거.
 */

a {
  background-color: transparent;
}

/**
 * active/hover 상태일때에도 포커스된 요소의 가독성을 향상.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * IE 8/9/10/11, Safari, Chrome에서 존재하지 않는 스타일을 부여.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Firefox 4+, Safari, Chrome에서 `bolder`로 설정되어 있는 것을 `bold`로 수정.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Safari,Chrome에서 존재하지 않는 스타일을 부여.
 */

dfn {
  font-style: italic;
}

/**
 * Firefox 4+, Safari, Chrome에서 `section`과 `article` 내부의 `h1` 요소의 글꼴 크기와 마진값이 서로 다른 것을 통일시킴.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * IE 8/9에서 존재하지 않는 스타일을 부여.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * 브라우저마다 다른 글꼴 크기를 통일시킴.
 */

small {
  font-size: 80%;
}

/**
 * `sub`과 `sup`요소가 모든 브라우저에서 `line-height`에 영향을 미치는 것을 예방.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * IE 8/9/10에서 `a` 요소안에 이미지가 위치할 경우 생기는 테두리 제거.
 */

img {
  border: 0;
}

/**
 * IE 9/10/11에서 `svg` 요소가 영역의 크기를 벗어나지 않도록 수정.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * IE 8/9, Safari에서 존재하지 않는 `margin` 값을 부여.
 */

figure {
  margin: 1em 40px;
}

/**
 * Firefox와 다른 브라우저들 사이의 차이점 해결.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 모든 브라우저에서 `pre` 요소의 `overfolow` 값을 통일.
 */

pre {
  overflow: auto;
}

/**
 * 모든 브라우저에서 글꼴과 글꼴 크기가 다른 것을 해결. 
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * 알려진 한계: 기본적으로 OS X의  Chrome과 Safari는 `border` 속성을 지정하지 않는 한 
 * `select` 요소의 스타일링에 매우 제한적이다.
 */

/**
 * 1. color 속성이 상속되지 않는 것을 수정.
 *    알려진 문제: disabled 된 요소의 color 속성에도 영향을 미친다.
 * 2. font 속성이 상속되지 않는 것을 수정.
 * 3. Firefox 4+, Safari, Chrome에서 마진이 서로 다른 것을 해결.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * IE 8/9/10/11에서 `overflow` 속성값이 `hidden`으로 설정되어 있는 것을 수정
 */

button {
  overflow: visible;
}

/**
 * `button`과 `select` 요소에 `text-transform` 상속이 일치하지 않는 것을 해결
 * 모든 다른 폼 컨트롤 요소는 `text-transform` 값을 상속하지 않는다.
 * IE 8/9/10/11, Firefox, Opera에서 `button` 요소의 스타일 상속 수정.
 * Firefox에서 `select` 요소의 스타일 상속 수정.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Android 4.0.*에서 `audio`와 `video` 컨트롤을 파괴하는 웹킷 버그를 방지.
 * 2. iOS에서 클릭가능한 `input` 유형에 스타일링을 할 수 없는 것을 수정.
 * 3. `input` 요소와 다른 요소들의 image-type의 커서 모양을 일치시켜 가용성을 향상.  
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * disabled된 요소의 기본 커서를 재설정
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Firefox 4+에서 내부 `padding`과 `border`를 제거 
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Firefox 4+에서 UA(User Agent) 스타일시트에 `!important`를 사용한 `input` 요소의
 * `line-height` 설정값을 해결.
 */

input {
  line-height: normal;
}

/**
 * 이러한 요소의 스타일을 설정하려고하지 않는 것이 좋다.
 * Firefox에서 아래의 요소에서 box-sizing, padding, width가 구현될꺼라 기대하지 말자.
 * 
 * 1. IE 8/9/10에서 box sizing 속성값을 `content-box`에서 `border-box`로 변경
 * 2. IE 8/9/10에서 영역을 벗어나지 않도록 `padding`을 제거 
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Chrome의 증가/감소 버튼의 커서 모양을 수정.
 * `input` 요소의 특정 `font-size` 값에 대해 감소 버튼의 커서 모양이 `default`에서 `text`로 변한다.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * OS X의 Safari, Chrome에서 내부(inner) `padding`과 검색 취소 버튼을 제거. 
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * `border`, `margin`, `padding`을 일치.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. IE 8/9/10/11에서 `color`는 상속되지 않는다.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * IE 8/9/10/11에서 기본 세로 스크롤바를 제거
 */

textarea {
  overflow: auto;
}

/**
 * `font-weight`는 상속되지 않는다.(applied by a rule above).
 * 주의: OS X의 Chrome과 Safari에서 기본값을 변경하는 것은 안전하지 않다.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * 테이블 요소 사이의 간격을 제거
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* ========================================================================== */
/* ===================================== Reset ================================= */
/* ========================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;border: 0;}
table {width:100%;}
ul, li, ol {list-style-type:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* ========================================================================== */
/* ================================ User Default ================================= */
/* ========================================================================== */
legend {position:absolute; z-index:-1; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
caption {z-index:-1; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
img{vertical-align:top;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
input,select,textarea,button {vertical-align:middle;}
a{text-decoration:none; color:#555;}

html{overflow-y:scroll;}
body {font-family: 'NotoSans'; font-weight: normal; color: #555; font-size: 15px; /* line-height: 120%;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/*pre {line-height: 12px; font-family: 'NotoSans'; color: #444; white-space:pre-line;}*/

::-webkit-input-placeholder{color:#b8b7b7; font-family: 'NotoSans'; font-weight: normal; font-size: 15px;}
::-moz-placeholder{color:#b8b7b7; font-family: 'NotoSans'; font-weight: normal; font-size: 15px;}
:-ms-input-placeholder{color:#b8b7b7; font-family: 'NotoSans'; font-weight: normal; font-size: 15px;}
:-moz-placeholder{color:#b8b7b7; font-family: 'NotoSans'; font-weight: normal; font-size: 15px;}



/* ========================================================================== */
/* ================================= Global style =========================== */
/* ========================================================================== */
.blind {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.show {display:block !important;}
.hide {display:none !important;}

.inner{width:100%; max-width: 980px; box-sizing:border-box;}
#container .inner{margin:0 auto; width:100%; max-width:1400px;}
.main_color{color:#555555;}
.main_bg_color{background-color:#999999;}
.sub_color_bd953b{color:#bda691;}

.sc_reduce{width: 100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height: 1em;}

@media (max-width:1460px){
	#container .inner{width:980px;}
}

/* ========================================================================== */
/* ================================= Project Common ========================= */
/* ========================================================================== */
#wrap{margin-top: 80px;}

header{position: fixed; margin:auto; top:0; left:70px; right:70px; height: 80px; background-color: #fff; z-index: 1000;}
header:before{content: "";position: fixed; left: 0; right: 0; height: 80px; background-color: #fff;}
header:after{ content: ""; position: fixed; top:80px; left: 0; right: 0; height: 1px; background-color: #e9ebea; }
header .inner{}
header .inner .header_left{}
header .inner .header_right{float: right;}

header .header_logo{position: absolute; top:0; left:0;}
header .header_logo img{}
header nav{margin: 19px 0 0 130px;}
header nav .d_1 > ul{}
header nav .d_1 > ul > li{display: inline-block; margin-left: 34px; vertical-align: top;}
header nav .d_1 > ul > li > .d_1_btn{position: relative; z-index: 1;}
header nav .d_1 > ul > li > .d_1_btn a{display: block; padding: 18px 0;}
header nav .d_1 > ul > li > .d_1_btn a em{font-size: 17px; font-weight: bold; color:#555555;}
header nav .d_1 > ul > li > .d_1_btn:hover,
header nav .d_1 > ul > li > .d_1_btn.active{overflow: visible; border-bottom: 2px solid #000;}
header nav .d_1 > ul > li > .d_1_btn.active + .sub_category{display: table; overflow: hidden; width: 100%; height: auto;}
header nav .d_1 > ul > li .sub_category:hover,
header nav .d_1 > ul > li > .d_1_btn:hover + .sub_category{display: table; overflow: hidden; width: 100%; height: auto;}
@media (max-width: 1440px) {
  header nav .d_1 > ul > li{margin-left: 20px;}
}


header nav .sub_category{position: absolute; overflow: hidden; margin: auto; top: 80px; left: 0; right: 0; width: 1px; height: 1px; border: 1px solid #e9ebea; box-sizing: border-box; background-color: #fff;}
header nav .sub_category>.wp{display: table-cell;}
header nav .sub_category .wp{position: relative; border-right:1px solid #e9ebea; padding: 35px 50px 0 30px; max-width: 400px; width: 15%; vertical-align: top; box-sizing: border-box;}
header nav .sub_category .wp .wp{position: absolute; left: 100%; top:0; width: 310px; height: 100%; z-index: -1;border-left: 1px solid #e9ebea;background:#fff;}
header nav .sub_category .wp .wp:before{content:""; position: absolute; top:37px; left: -1px; width: 11px; height: 22px; background: #fff url("../images/common/d_2_deco.png") no-repeat;}
header nav .sub_category .wp .wp li{margin-bottom: 9px;}
header nav .sub_category .wp .wp li a{color:#767676;}
header nav .sub_category .wp li{margin-bottom: 19px;}

header nav .sub_category>.wp>ul>li>a>em{font-weight:bold;}
header nav .sub_category .wp>ul>li>a.active+.wp{z-index: inherit; height: 500px;}
header nav .sub_category .wp li a:hover{text-decoration: underline; color: #bda691;}

header nav .sub_category .wp em{font-size: 15px; white-space: nowrap;}

header nav .prod_bnr {float: right;padding-right:50px;vertical-align: middle; line-height: 1;}
header nav .prod_bnr ul{overflow: hidden; margin:auto; padding: 10px 0 40px; min-width: 440px; max-width: 500px;}
header nav .prod_bnr ul li{float: left; padding: 10px; width: 50%; box-sizing: border-box; height:230px;}
header nav .prod_bnr ul li img{width: 100%; min-width: 230px; height:230px;}

header #util{position: absolute; top:39PX; right:0; height: 32px; line-height: 1;}
header #util>div{float: left;margin:2px 0 0 0;}
header #util .util_shopping ul{}
header #util .util_shopping li{float: left;}
header #util .util_shopping li+li{margin-left: 15px;}
header #util .util_shopping li em{line-height: 22px; font-size: 12px; color: #767676;}
header #util .util_shopping li .count{display: inline-block; margin-left: 4px; width: 22px; height: 22px; font-size: 11px; line-height: 22px; text-align: center; background: url("../images/common/basket_count_bg_22x22.png") no-repeat; color: #fff;}

/* 2018-09-11 */
/*
header .lang{position:relative;height:22px;padding:0 10px 0 0;margin-top: 5px; margin-left: 20px;}
header .lang span {padding:0 0 0 28px;}
header .lang.ko span {background:url(../images/common/flag_ko.gif) no-repeat 0 6px;}
header .lang.cn span {background:url(../images/common/flag_cn.gif) no-repeat 0 6px;}
header .lang.my span {background:url(../images/common/flag_my.gif) no-repeat 0 6px;}
header .lang.sg span {background:url(../images/common/flag_sg.gif) no-repeat 0 6px;}
header .lang:after {content:'';display:inline-block;position:absolute;right:0;top:4px;z-index:0;width:8px;height:10px;background:url(../images/common/ico_arr_lang.png) no-repeat 0 0;}
*/
/* //2018-09-11 */

header #util .lang{margin-top: 5px; margin-left: 20px;}
header #util .lang ul{overflow: hidden;}
header #util .lang ul li{float: left;}
header #util .lang ul li+li{position: relative; margin-left: 10px; padding-left: 10px; border-left:1px solid #e9ebea;}
header #util .lang ul li+li:before{content: ""; position: absolute; left: 0; top:3px; height: 10px;}
header #util .lang ul li em{font-size: 13px; color: #767676;}

header #util .search{position: relative; margin-left: 26px; margin-right:-3px; top: -21px;}
header #util .search input{border:0; border-bottom: 1px solid #92939f; width: 140px; height: 39px; box-sizing: border-box; background-color: #fff; color:#767676;}
header #util .search input[type=text]::-ms-clear{display:none;}
header #util .search label{position: absolute; right: 3px; top:11px; overflow: hidden; text-indent: -9999px; width: 16px; height: 16px; background: url("../images/common/search_icon_16x16.png") no-repeat; cursor: pointer;}

/*footer .test{font-family: 'Avenir';}*/
footer{position: relative; clear:both; border-top:1px solid #e9ebea;}
footer .footer_wp{position: relative; margin: auto; padding: 10px 0 34px 70px;}
footer .footer_info{margin-left:70px; margin-right:370px;}
footer .footer_info .info_btn ul{overflow: hidden;}
footer .footer_info .info_btn ul li{float: left; padding:5px 10px 0 9px;}
footer .footer_info .info_btn ul li:first-child{padding-left: 0;}
footer .footer_info .info_btn ul li a{display: block;}
footer .footer_info .info_btn ul li a em{color:#767676; font-size: 13px;}

footer .info_cont{}
footer .info_cont > div{overflow: hidden;}
footer .info_cont > div dl{overflow: hidden; display: inline;}
footer .info_cont > div dl dt,
footer .info_cont > div dl dd{display: inline; color:#767676; font-size: 11px;}
footer .info_cont .top dl dd{margin-left: 5px; margin-right:6px;}
footer .info_cont .copyright{color:#767676; font-size: 11px;}
footer .info_cont .middle{margin-top:-4px}
footer .info_cont .middle dl dt:after{content: ':'; color:#767676; margin:0 2px;}

footer .footer_btn{vertical-align:top;padding:10px 0 0 0;}
footer .footer_btn:after{display:block;content:"";clear:both;}
footer .footer_btn .sns_btn{float:left;display:inline-block; vertical-align:top;margin-right:20px;}
footer .footer_btn .sns_btn ul{overflow: hidden; float: left;}
footer .footer_btn .sns_btn ul li{float: left}
footer .footer_btn .sns_btn ul li a{display: block; width: 31px; height: 23px;}/*2018-12-03*/
footer .footer_btn .sns_btn ul li a:before{content: ''; display: block; width: 31px; height: 23px; background: url('../images/common/footer_sns_new.png') no-repeat;}/*2018-12-03*/
footer .footer_btn .sns_btn ul li.fb a:before{background-position: 0 0;}
footer .footer_btn .sns_btn ul li.in a:before{background-position: -62px 0;}
footer .footer_btn .sns_btn ul li.yt a:before{background-position: -31px 0;}
footer .footer_btn .sns_btn ul li.nt a:before{background-position: -108px 0;}
footer .footer_btn .copyright{float:left;margin-top:2px;font-size:12px;color:#767676;}
footer .footer_btn .copyright:before {content: '';border-left:1px solid #c7c7c7;display:inline-block;height:11px;padding-left:20px;margin-bottom:-1px;}
footer .footer_btn .sns_btn ul li.ka {margin-left:11px;}/*2018-12-03*/
footer .footer_btn .sns_btn ul li.ka a:before{background-position: -93px 0;} /*2018-12-03*/
footer .footer_btn .family_site_menu{overflow: hidden; float: right; margin-top:5px;}
footer .footer_btn .family_site_menu > span{position: relative; display: block; width: 160px; height: 32px; border-bottom: 1px solid #dcdcdc; box-sizing:border-box;}
footer .footer_btn .family_site_menu > span:after,
footer .footer_btn .family_site_menu > span:before{content: ''; position: absolute; display: block; width: 6px; height: 2px; background-color: #7f7f7f;}
footer .footer_btn .family_site_menu > span:after{top:10px; right:4px; transform:rotate(-45deg);}
footer .footer_btn .family_site_menu > span:before{top:10px; right:0; transform:rotate(45deg);}
footer .footer_btn .family_site_menu > span a{display: block;}
footer .footer_btn .family_site_menu > span a em{padding-bottom: 9px; color:#767676; font-size: 14px;}
footer .agree_btn{position: absolute;right:90px;top:25px;}

/* 2019-07-04 */
footer .agree_btn a{display:inline-block;margin-left:36px;color:#767676; font-size: 13px;}
/*footer .agree_btn a:first-child{margin-right:18px;}*/

footer .footer_escrow{padding:14px; border:1px solid #e9ebea; position:absolute; right:70px;  top:20px; color:#767667; font-size:11px;}
footer .footer_escrow strong{display:block; font-size:13px; color:#7d7d7d; margin-bottom:5px;}
footer .footer_escrow a{display:inline-block; color:#555; text-decoration:underline; position:relative; padding-right:11px; margin-bottom:5px; background:url('../images/common/footer_escrow.png') no-repeat center right;}

footer .quick_navi{position: absolute; top:0; right:0; z-index: 1000; height: 100%; background-color: #595959;}
footer .quick_navi .quick_navi_wp{position: fixed; top: 81px; bottom: 0; right: 0; border-left: 1px solid #e9ebea; background-color: #fff;}

footer .quick_navi .quick_navi_wp ul.quick_list{text-align: center;}
footer .quick_navi .quick_navi_wp ul.quick_list > li{border-top: 1px solid #e9ebea; padding:12px 0; box-sizing:border-box;}
footer .quick_navi .quick_navi_wp ul.quick_list > li:first-child{border-top: 0;}
footer .quick_navi .quick_navi_wp ul.quick_list > li a{display: inline-block;}
footer .quick_navi .quick_navi_wp ul.quick_list > li > a span{display: inline-block;}
footer .quick_navi .quick_navi_wp ul.quick_list > li > a span em{display: block; margin-top: 2px; color:#555555; opacity: 0.6; font-size: 13px; line-height: 15px; transition:all .2s;}

footer .quick_navi .quick_navi_wp ul.quick_list > li.recent > a{cursor: default;}
footer .quick_navi .quick_navi_wp ul.quick_list > li > a span:before{content: ''; display: block; margin:0 auto; width: 33px; height: 33px; background-image: url('../images/common/icon_quick.png'); background-repeat: no-repeat; vertical-align: top; transition:all .2s;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.attendance a span:before{background-position: 0px 0px;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.cart a span:before{background-position: 0px -33px;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.interest a span:before{background-position: 0px -66px;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.coupon a span:before{background-position: 0px -99px;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.store a span:before{background-position: 0px -132px;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.recent span:before{background-position: 0px -165px;}

footer .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list{margin-top:15px;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list ul {height:210px; overflow:hidden; padding:0 3px;}/*2016.12.28 추가*/
footer .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list ul li{margin-top:8px;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list ul li:first-child{margin-top:0;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging{margin-top:8px;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging a{display: inline-block; margin-top: 5px; width: 8px; height: 12px; background: url('../images/common/quick_loc_arrow.png') no-repeat;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging a.prev{background-position: top left;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging a.next{background-position: top right;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging .paging_num{display: inline-block; width: 39px; text-align: center; vertical-align: top;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging .paging_num em{color: #999999; opacity: 0.6; font-size: 6px;}
footer .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging .paging_num .current:after{content: '/';  color:#898989; padding-left: 4px;}
footer .quick_navi .quick_navi_wp .top_btn{margin:auto; left: 0; right: 0; width: 26px; height: 31px; text-align: center; position:absolute; bottom:40px;}
footer .quick_navi .quick_navi_wp .top_btn a{display: block;}
footer .quick_navi .quick_navi_wp .top_btn a em{display: block; color:#fff; font-size: 13px; padding:14px 0;}
footer .quick_navi .quick_navi_wp .top_btn a em:before{content: ''; display: block; margin:0 auto; padding-bottom: 5px; width: 26px; height: 31px; background: url('../images/common/icon_top_arrow.png')  no-repeat;}

/*lnb*/
#side_section{margin-bottom: 100px; width:167px;}
#side_section h1{margin-bottom: 28px; color:#555; font-weight: bold; font-size: 24px; line-height: 1em;}
#side_section nav{border-top:2px solid #999;}
#side_section nav .d_1{}
#side_section nav .d_1 > li{overflow: hidden; height: 67px;border-top: 1px solid #e9ebea; box-sizing:border-box;}
#side_section nav .d_1 > li:first-child{border-top:0; height: 67px; /*47px*/}
#side_section nav .d_1 > li > div {height:67px;}
#side_section nav .d_1 > li > div a{display: table;width:100%;height: 67px;}
#side_section nav .d_1 > li > div a em{position: relative; display: table-cell; vertical-align:middle;  font-weight: bold; line-height: 1.2em;}
#side_section nav .d_1 > li > div a em:after{content: ''; position: absolute; right: 0; width: 7px; height: 11px; background: url('../images/common/lnb_arrow.png') no-repeat right 50%;}
#side_section nav .d_1 > li.active > div a em{color:#555;}
#side_section nav .d_1 > li.active > div a em:after{background-position: left 50%;}
#side_section nav .d_1 > li > .d_2{overflow: hidden; padding:9px 0; border-top:1px solid #e9ebea; box-sizing:border-box;}
#side_section nav .d_1 > li > .d_2 li a{display: block;}
#side_section nav .d_1 > li > .d_2 li a em{position: relative; display: block; padding:4px 0; padding-left: 23px; color:#767676; line-height: 1.2em; font-size: 14px;}
#side_section nav .d_1 > li > .d_2 li a em:before{content: ''; position: absolute; top:11px; left:11px; display: block; /*margin-left: 10px; */width:4px; height: 1px; background-color: #adadad;}
#side_section nav .d_1 > li > .d_2 li.active a em{color:#555; font-weight: bold;}
#side_section nav .d_1 > li > .d_2 li a:hover em{color:#555; font-weight: bold;}

#side_section footer{margin-top:31px; background-color: #fafafa; padding:20px 10px 20px 15px;}
#side_section footer em{display: block; color:#555; font-weight: bold; font-size: 15px; line-height: 1em;}
#side_section footer strong{display: block; margin:8px 0 10px; color:#bda691; font-family:Avenir; font-weight:200; font-size: 18px; line-height: 1em;}
#side_section footer p{margin-top:8px; color:#999; font-size: 13px; line-height: 1em;}


/*버튼*/
[class^='btn-']{display: inline-block; vertical-align: top; text-align: center; box-sizing:border-box;}
[class^='btn-'] em{display: inline-block;}

.btn-type01{width:130px; height: 54px; color:#fff; border:1px solid #9a9a9a; background-color: #fff; 
  -webkit-transition:all .1s;
  -moz-transition:all .1s;
  -ms-transition:all .1s;
  transition:all .1s;
}
.btn-type01 em{color:#555;  font-weight: bold; font-size: 16px; line-height: 52px; 
  -webkit-transition:color .1s;
  -moz-transition:color .1s;
  -ms-transition:color .1s;
  transition:color .1s;
}

.btn-type01:hover{background-color: #999; border-color:#9a9a9a;}
.btn-type01:hover em{color:#fff;}

.btn-type01.bg_full{background-color: #999; border-color:#999;}
.btn-type01.bg_full em{color:#fff;}

.btn-type01.w_l{width: inherit;}
.btn-type01.w_l em{padding:0 30px;}

.btn-type01.s_s{width:100px; height: 50px;}
.btn-type01.s_s em{line-height: 48px;}
.btn-type01.s_s.w_l{width: inherit;}
.btn-type01.s_s.w_l em{padding:0 20px; line-height: 48px;}

.btn-type02{height: 40px; background-color: #fff; border:1px solid #9a9a9a; 
  -webkit-transition:all .1s;
  -moz-transition:all .1s;
  -ms-transition:all .1s;
  transition:all .1s;
}
.btn-type02 em{padding:0 20px; color:#555; line-height: 38px; text-transform:uppercase;
  -webkit-transition:color .1s;
  -moz-transition:color .1s;
  -ms-transition:color .1s;
  transition:color .1s;
}

.btn-type02:hover{background-color: #999999 !important; border-color:#9a9a9a !important;}
.btn-type02:hover em{color:#fff;}

.btn-type02.bg_full{height: 40px; background-color: #999999; border-color:#9a9a9a;text-transform:uppercase;}
.btn-type02.bg_full em{color:#fff; line-height: 38px;text-transform:uppercase;}

.btn-type02.s_s{width: 80px; height: 29px; border:1px solid #e9ebea}
.btn-type02.s_s em{padding: 0; font-size: 13px; line-height: 27px;}
.btn-type02.s_s.bg_full{border-color:#9a9a9a}

.btn-more{width:100%; height: 45px; background-color: #999999;}
.btn-more em{position: relative; color:#fff; line-height: 45px;}
.btn-more em:before{content: ''; position: absolute; top:12px; left: -32px; width: 22px; height: 22px; background: url('../images/common/more_btn_arrow.png') no-repeat;}
/*수정 & 삭제 버튼*/
.btn-modify,
.btn-del{width:65px; height:29px; border:1px solid #e9ebea; background-color: #fff; text-align: center; 
  -webkit-transition:all .1s;
  -moz-transition:all .1s;
  -ms-transition:all .1s;
  transition:all .1s;
}
.btn-del{margin-left: 3px;}

.btn-modify em,
.btn-del em{display: inline-block; color:#767676; font-size: 13px; 
  -webkit-transition:color .1s;
  -moz-transition:color .1s;
  -ms-transition:color .1s;
  transition:color .1s;
}

.btn-modify:hover,
.btn-del:hover{background-color: #999; border-color:#9a9a9a;}
.btn-modify:hover em,
.btn-del:hover em{color:#fff;}

.btn_set.t-c{text-align: center;}
.btn_set.t-l{text-align: left;}
.btn_set.t-r{text-align: right;}

.btn_set.mt-40{margin-top:40px;}

/*탭버튼*/
[class^='tab-']{overflow: hidden;width:100%;}
[class^='tab-'] a{display: inline-block; float: left; text-align: center;}
[class^='tab-'].col_2 a{width:50%;}
[class^='tab-'].col_3 a{width:33%;}
[class^='tab-'].col_3 a:first-child{width:34%;}
[class^='tab-'].col_4 a{width:25%;}
[class^='tab-'].col_5 a{width:20%;}
[class^='tab-'].col_6 a{width:16.66%;}
[class^='tab-'].col_6 a:first-child{width:16.7%;}

.tab-type_01{position:relative; width:100%;}
.tab-type_01 .tab_wrap{position:relative; max-width:1400px; margin:0 auto; height:57px;}
.tab-type_01 .tab_wrap:after{content:''; position:absolute; right:-1px; top:0; height:100%; width:1px; background-color:#e0e0e0; z-index:5}

.tab-type_01:before{content:''; background-color:#e9ebea; position:absolute; right:0; width:1px; top:0; bottom:0; z-index:5}
.tab-type_01:after{content:''; background-color:#999999; position:absolute; left:0; width:100%; bottom:0; height:1px; z-index:6;}
.tab-type_01 a{position: relative; border-top:1px solid #e9ebea; height:56px; background-color:#fafafa; box-sizing:border-box;}

.tab-type_01 a em{color:#767676; font-size:16px; line-height: 57px;}
.tab-type_01 a.active{border-top:2px solid #999999 ; z-index:9 !important; background-color:#fff; height:57px;}
.tab-type_01 a.active:before,
.tab-type_01 a.active:after{content:''; position:absolute; width:1px; top:0; bottom:0; background-color:#999;}
.tab-type_01 a.active:before{left:0}
.tab-type_01 a.active:after{right:0}
.tab-type_01 a.active em{color:#555555; line-height:55px}
.tab-type_01 a em .number{display: inline-block; margin-left: 5px; color:#bda691;}
.tab-type_01 a em .number:before{content: '('; color:#bda691;}
.tab-type_01 a em .number:after{content: ')'; color:#bda691;}


.tab-type_02 a{height:56px; border:1px solid #e9ebea; border-bottom-color:#e9ebea; border-left: 0; background-color: #fff; box-sizing:border-box;}
.tab-type_02 a:first-child{border-left:1px solid #e9ebea;}
.tab-type_02 a em{color:#767676; font-size: 14px; line-height: 56px;}
.tab-type_02 a.active{border-color:#d8c1ac; background-color: #d8c1ac; position:relative; z-index:5;}
.tab-type_02 a.active em{color:#fff;}

.tab-type_03{text-align:center;}
.tab-type_03 .tab_wrap{display:inline-block; overflow:hidden; height:55px;}
.tab-type_03 .tab_wrap a{display:block; border:1px solid #e1e1e1; height:45px; line-height:45px; color:#767676; font-size:16px; position:relative;}
.tab-type_03 .tab_wrap a.active{background-color:#999999; border:0;  height:47px; line-height:47px; color:#fff;}
.tab-type_03 .tab_wrap a.active:after{content:''; background:url(../images/common/icon_arr_d.png) 0 100% no-repeat; position:absolute; left:50%; bottom:-8px; width:17px; height:8px; margin-left:-8px;}
.tab-type_03.col_2 a{width:243px;}

.tab_cont > *{display: none;}
.tab_cont > *.active{display: block;}

/*로케이션*/
.location{padding:17px 0; display:none;}
.location a{display: inline-block;}
.location em{display: inline-block; margin-top:1px; color:#767676; font-size: 14px; vertical-align: top;}
.location .home{width: 20px; height: 20px; background:url('../images/common/location_spr.png') no-repeat; background-position: 0px 0px;}
.location > span{display: inline-block; margin-left: 10px; vertical-align: top;}
.location > a:before,
.location > span:before{content: ''; display: inline-block; width: 20px; height: 20px; background: url('../images/common/location_spr.png') no-repeat left 0; background-position: -20px 0px;}
.location .home:before{content: none;}
.location span em{color:#666;}

/*상품 타이틀*/
.product_title{display: block;position: relative;width:100%; margin-top:152px; text-align: center;}
.product_title .product_title-wp .m_tit h1{display:inline-block; font-size:30px; color:#555555; font-family:ns_serif; font-weight:bold; position:relative;}
.product_title .product_title-wp .m_tit h1:before,
.product_title .product_title-wp .m_tit h1:after{content:''; position:absolute; top:23px; width:170px; height:1px; background-color:#e1e1e1}
.product_title .product_title-wp .m_tit h1:before{left:-199px;}
.product_title .product_title-wp .m_tit h1:after{right:-196px;}
.product_title .product_title-wp .m_tit h1.txt_eng{font-family: 'AppleGothic','Gotham';}

/*페이지 타이틀*/
#sub_section {padding-bottom: 105px;}
#sub_section .page_title{display:block; text-align:center;  padding:71px 0 43px; letter-spacing:-0.02em}
#sub_section .page_title span{font-size:30px; color:#555555; font-weight:bold; position:relative; display:inline-block;text-transform:uppercase;}
#sub_section .page_title span:before,
#sub_section .page_title span:after{content:''; position:absolute; top:23px; width:170px; height:1px; background-color:#e1e1e1}
#sub_section .page_title span:before{left:-197px;}
#sub_section .page_title span:after{right:-199px;}
#sub_section .page_title.eng{padding:68px 0 24px}
#sub_section .page_title.eng span{font-size:33px;}
#sub_section .page_title.eng span:before,
#sub_section .page_title.eng span:after{top:27px}

#sub_section .page_title.lnb{font-size: 30px;}
#sub_section .page_title.location{padding:24px 0 50px;}
#sub_section .page_title.b_b{border-bottom: 2px solid #999999;}

/*컨텐츠 타이틀*/
.cont_tit{padding-bottom: 22px; color:#555; font-weight: bold; font-size: 22px; line-height: 1em;}
.cont_tit.b_b{border-bottom:2px solid #999999;}
.cont_tit.al_c{text-align:center;}

/*상품*/
.sort_info{overflow:hidden; padding-bottom:16px; border-bottom:1px solid #999999;}
.sort_info .total{float:left;}
.sort_info .total span{color:#767676; font-size:16px;}
.sort_info .total em{display: inline-block; margin-left:5px; color:#bda691; font-size:16px;}
.sort_info .sort_list{float:right;}
.sort_info .sort_list ul{overflow:hidden;}
.sort_info .sort_list ul li{position:relative; float:left; margin:0 10px;}
.sort_info .sort_list ul li:before{content: ''; position: absolute; top:5px; left:-10px; width:1px; height:13px; background-color:#d1d1d1;}
.sort_info .sort_list ul li:first-child:before{content: none;}
.sort_info .sort_list ul li a{display: block; color:#767676;}
.sort_info .sort_list ul li.active a{color:#555;}

.product_info-type01{position: relative; width:233px;}
/*.product_info-type01 .over_area{height: 100%;}*/
.product_info-type01 .over_area{position: absolute; top:0; z-index: 10; overflow: hidden; width:100%; height: 390px; background-color: #000; opacity: 0; filter:alpha(opacity=0); /*transition:height .2s ease-in-out;*/}
.product_info-type01.sold_out .over_area {z-index: 991;}
.product_info-type01 .over_area .over_area-wp{padding:50px 30px;}
.product_info-type01 .over_area .over_area-wp .over_area-top{position: relative; overflow: hidden; width: 173px; height: 177px; padding-bottom: 32px; border-bottom:1px solid #6a6a6a; text-align: center;}
.product_info-type01 .over_area .over_area-wp .over_area-top .m_wp{position: absolute; top:205px; width: 173px; height: 176px;}
.product_info-type01 .over_area .over_area-wp .over_area-top .product_inro{margin-bottom:24px; height:66px;}
.product_info-type01 .over_area .over_area-wp .over_area-top .product_inro p{color:#c9c9c9; line-height: 1.5em;}
.product_info-type01 .over_area .over_area-wp .over_area-top .product_view_btn{margin-bottom:33px;}
.product_info-type01 .over_area .over_area-wp .over_area-top .product_view_btn a{display: inline-block; height:30px; border:1px solid #000; vertical-align: top; text-align: center; color:#dfdfdf; border-color:#bbb;}
.product_info-type01 .over_area .over_area-wp .over_area-top .product_view_btn a:hover{color:#fff; border-color:#fff;}
.product_info-type01 .over_area .over_area-wp .over_area-top .product_view_btn a em{display: inline-block; padding:0 10px; font-weight: normal; line-height: 30px;}
.product_info-type01 .over_area .over_area-wp .over_area-top .like em{position: relative; display: inline-block; margin-top:3px; padding-left: 37px; font-family: 'AppleGothic','Gotham'; font-weight: normal; color:#fff;}
.product_info-type01 .over_area .over_area-wp .over_area-top .like em:before{content:''; position: absolute; top:-3px; left: 0; display: inline-block; width:28px; height:24px; background:url('../images/common/product_over_spr.png') no-repeat; background-position: 0 0;}
.product_info-type01 .over_area .over_area-wp .over_area-top .like.active em:before{background-position: -40px 0;}
.product_info-type01 .over_area .over_area-wp .over_area-bottom{position: relative; overflow: hidden; width: 173px; height: 80px; text-align: center;}
.product_info-type01 .over_area .over_area-wp .over_area-bottom ul{position: absolute; top:-45px; left:0; display: inline-block; overflow: hidden; width: 164px; height: 77px;}/*37px*/
.product_info-type01 .over_area .over_area-wp .over_area-bottom ul li{float: left; margin-left:22px; width:40px; height:40px;}
.product_info-type01 .over_area .over_area-wp .over_area-bottom ul li:first-child{margin-left: 0;}
.product_info-type01 .over_area .over_area-wp .over_area-bottom ul li a{display: block; width:40px; height:40px; background: url('../images/common/product_over_spr.png') no-repeat;}
.product_info-type01 .over_area .over_area-wp .over_area-bottom ul li.interest a{background-position: 0 -40px; /*transition:all .3s;*/}
.product_info-type01 .over_area .over_area-wp .over_area-bottom ul li.cart a{background-position: -60px -40px; /*transition:all .3s;*/}
.product_info-type01 .over_area .over_area-wp .over_area-bottom ul li.pay a{background-position: -120px -40px; /*transition:all .3s;*/}
.product_info-type01 .over_area .over_area-wp .over_area-bottom ul li.interest a:hover{background-position: 0 -100px;}
.product_info-type01 .over_area .over_area-wp .over_area-bottom ul li.cart a:hover{background-position: -60px -100px;}
.product_info-type01 .over_area .over_area-wp .over_area-bottom ul li.pay a:hover{background-position: -120px -100px;}


.product_info-type01 .product_info-label{overflow: hidden; text-align: center; height: 24px;}
.product_info-label [class^='p_label']{display: inline-block; overflow: hidden; border-radius: 15px; width: 60px; height: 21px; text-align: center;}
.product_info-label .p_label-best{border:2px solid #acaed8; border-radius:20px;}
.product_info-label .p_label-best em{color:#acaed8;}
.product_info-label .p_label-new{border:2px solid #acaed8; border-radius:20px;}
.product_info-label .p_label-new em{color:#acaed8;}

.product_info-label .p_label-spa{border:2px solid #d8c1ac; border-radius:20px;}
.product_info-label .p_label-spa em{color:#c5ad97;}
.product_info-label .p_label-hs{border:2px solid #d8c1ac; border-radius:20px;}
.product_info-label .p_label-hs em{color:#c5ad97;}
	
.product_info-label .p_label-om{border:2px solid #d8adac; border-radius:20px;}
.product_info-label .p_label-om em{color:#d8adac;}

.product_info-label .p_label-ts{width:85px; border:2px solid #d8acc2; border-radius:20px;}
.product_info-label .p_label-ts em{color:#d8acc2;}


.product_info-label .p_label-hit{background-position:0 -24px;}

.product_info-label .p_label-sale{background-position:0 -72px;}

.product_info-label [class^='p_label'] em{display: block; margin-top: 3px; font-size:15px; line-height: 1em; font-weight:bold;}
.product_info-type01 .product_info-img{position: relative; overflow: hidden; margin-top:4px; margin-bottom: 20px; width: 233px; height: 233px;}
.product_info-type01 .product_info-img img{display: block; margin-left:-2px; margin-top:-5px; width: 238px; height: 238px; -webkit-transform: scale(1, 1); transition:all .3s; -webkit-transition:all .3s;}
.product_info-type01.sold_out .product_info-img .sold_out{display: block;}
.product_info-type01 .product_info-img .sold_out{position: absolute; top:73px; right: 0; left: 0; display: none; margin:0 auto; width:88px; height:88px; background: url('../images/common/product_soldout_bg.png') no-repeat; text-align: center; z-index: 99;}
.product_info-type01 .product_info-img .sold_out em{display: block; margin-top:37px; color:#fff; font-weight: bold; font-size: 16px; cursor: default;}
.product_info-type01 .product_info-name{position:relative; max-height:40px; overflow: hidden; height: 40px; display: block; text-align: center; padding:0; margin:0;}
.product_info-type01 .product_info-name:after {position:absolute; right:0; bottom:0; width:14px; content:'...'; z-index:1;}
.product_info-type01 .product_info-name span{position:relative; display: block; word-break: break-word; color:#555; font-size: 14px; min-height:40px; line-height: 1.4em;  padding:0 10px;}
.product_info-type01 .product_info-name span:after {position:absolute;  right:0; bottom:0; width:14px; height:21px;  content:""; background:#fff; z-index:9;}
.product_info-type01:hover .product_info-img img{-webkit-transform: scale(1.1, 1.1);}
.product_info-type01 .product_info-price{overflow: hidden; margin-top:5px; text-align: center; line-height: 1em;}
.product_info-type01 .product_info-price .like{display: inline-block; margin-top:2px; color:#e9607a; font-size: 12px; vertical-align: top;}
.product_info-type01 .product_info-price .like:before{content: ''; display: inline-block; margin-top:2px; margin-right: 5px; width:12px; height:12px; background: url('../images/common/product_like.png') no-repeat; vertical-align:top;}
.product_info-type01 .product_info-price .price_info{margin-left:10px; vertical-align: top;}
.product_info-type01 .product_info-price [class^='price_info'] span{vertical-align: top;}
.product_info-type01 .product_info-price .price_info-before{display: inline-block; margin-top:2px; color:#767676; font-size: 12px; text-decoration:line-through; vertical-align:top;}
/*.product_info-type01 .product_info-price .price_info-before:after {content: '원'; font-size: 12px;}*/
.product_info-type01 .product_info-price .price_info-current{font-size: 14px; vertical-align:top;}
/*.product_info-type01 .product_info-price .price_info-current:after {content: '원'; font-size: 14px;}*/
.product_info-sale{overflow: hidden; margin-top:16px; text-align: center; height: 21px;}
.product_info-sale [class^='p_label']{display: inline-block; height: 21px; background-color: #bbad9e;}
.product_info-sale [class^='p_label'] em{display: inline-block; color:#fff; font-size: 12px; padding:4px 10px; vertical-align: top; line-height: 1em;}

.product_info-type02{overflow: hidden; position: relative;}
.product_info-type02 > *{float: left;}
.product_info-type02 > img:first-child {width:91px; height:91px;}


.product_info-type02 .sold_out_img{position: absolute; top:0; left: 0; display: none;}
.product_info-type02.sold_out .sold_out_img{display: block;}
.product_info-type02 .title_area{text-align: left;}
.product_info-type02 .title_area > div strong{color:#555; font-weight: normal; width:50%;}
.product_info-type02 .title_area > div em{color:#767676; font-weight: normal;}
.product_info-type02 .title_area{padding-left: 12px;}
.product_info-type02 .title_area .tit-m{display: table; width:270px;}
.product_info-type02 .title_area .tit-m a:hover strong{text-decoration: underline;}
.product_info-type02 .title_area .tit-m strong{display: table-cell; vertical-align: middle; height: 55px;}
.product_info-type02 .title_area .tit-s{margin-top: 5px;}
.product_info-type02 .title_area .tit-s a:hover em{text-decoration: underline;}

/* paging 기존
.paging{width:100%; text-align: center;}
.paging a,
.paging span em{display: inline-block; width:34px; height:34px; border:1px solid #e9ebea;}
.paging [class^='btn']{background: url('../images/common/paging_arrow.jpg') no-repeat;}
.paging .btn-first{background-position:0 0;}
.paging .btn-prev{margin-left: 4px; background-position:100% 0;}
.paging .btn-next{margin-right: 4px; background-position:0 100%;}
.paging .btn-last{background-position:100% 100%;}
.paging span{display: inline-block; margin:0 16px; vertical-align: top;}
.paging span em,
.paging span a{text-align: center; font-family: 'Gotham'; line-height: 34px; vertical-align: top;}
.paging span em{color:#fff; border-color:#555555; background-color: #999999;}
.paging span a:hover{color:#fff; border-color:#555555; background-color: #999999;}
*/

/* paging 2016.11.04 수정 */
.paging {overflow:hidden; text-align:center; width:100%;}
.paging > ul {display:inline-block; overflow:hidden; text-align:center;}
.paging > ul > li {float:left;}
.paging > ul > li + li {margin-left:3px;}
.paging > ul > li > a {display:inline-block; overflow:hidden; color:#767676; font-size:15px; text-align: center; line-height: 36px; vertical-align: top; width:36px; height:36px;}
.paging > ul > li > a:hover {color:#767676; background-color: #ededed;}
.paging > ul > li.active a {color:#767676; background-color:#ededed;}
.paging [class^='btn'] {background: url('../images/common/paging_arrow.jpg') no-repeat; background-color:none; border:1px solid #e1e1e1;}
.paging [class^='btn'] a{width:34px; height:34px; line-height:34px;}
.paging [class^='btn'] a:hover {background-color:transparent;}
.paging .btn-first{background-position:0 0;}
.paging .btn-prev{margin-left: 4px; background-position:100% 0; margin:0 17px 0 8px;}
.paging .btn-next{margin-right: 4px; background-position:0 100%;  margin:0 5px 0 20px;}
.paging .btn-last{background-position:100% 100%;}

/*form*/
[class^='input-']{display: inline-block;}
.input-checkbox{position: relative; text-align: left; cursor:pointer; overflow: hidden;}
.input-checkbox input.form-inputPop{position: absolute; top:0; left:0; opacity: 0; width:18px; height: 18px; filter:alpha(opacity=0); cursor:pointer; z-index: 5;}
.input-checkbox i{display:block; float: left; width:18px; height: 18px; background: url('../images/common/form_checkbox.jpg') no-repeat 0 0; z-index: 3; margin-top:1px;}
.input-checkbox label{float: left; margin-left:10px; color:#555; cursor:pointer;}
.join .check_wrap{margin:40px 0 0 0;}
.join .check_wrap .input-checkbox:first-child{margin-bottom:15px;}
.join .input-checkbox{display:block;}
.join .input-checkbox a{font-size:15px;color:#555;font-weight:bold;text-decoration:underline;}
.sign_member{text-align:center;margin:57px 0 0 0;}
.sign_member .btn_create{display:inline-block;height:58px;line-height:58px;padding:0 22px 0 24px;font-size:16px;color:#fff;font-weight:bold;background:#999;}
.sign_member p{margin:35px 0 0 0;font-size:14px;color:#555;}
.sign_member p a{display:inline-block;margin-left:10px;font-size:14px;color:#555;font-weight:bold;text-decoration:underline;}
.btn_table{vertical-align:middle;display:inline-block;height:42px;line-height:42px;margin-left:17px;padding:0 18px 0 20px;font-size:16px;color:#fff;background:#999;}
/*.input-checkbox input.form-inputPop:checked+i{background-position: 0 bottom;}*/

.input-radio{position: relative; text-align: left; cursor:pointer; overflow: hidden;}
.input-radio input.form-inputPop{position: absolute; top:0; left:0; opacity: 0; width:28px; height: 28px; filter:alpha(opacity=0); cursor:pointer; z-index: 5;}
.input-radio i{display:block; float: left; width:28px; height: 28px; background: url('../images/common/form_radio.png') no-repeat 0 0; z-index: 3;}
.input-radio label{float: left; margin-top:3px; margin-left:10px; color:#555; font-size: 15px; cursor:pointer;}

.member_ck.type2 .input-radio:first-child{margin-right:30px;}
.member_ck.type2 .input-radio input.form-inputPop {width:20px; height: 20px;}
.member_ck.type2 .input-radio i{display:block; float: left; width:20px; height: 20px; margin:3px 0 0 0;background: url('../images/common/form_radio02.png') no-repeat 0 0; z-index: 3;}
.member_ck.type2 .input-radio label{margin-top:0;}

/*.input-radio input.form-inputPop:checked+i{background-position: 0 -28px;}*/

.input-text{width:200px;}
input[type="text"]{padding:9px 10px; width: 100%; color:#555; border:1px solid #e9ebea; background-color: #fff; box-sizing:border-box;}

.input-password{width:200px;}
input[type="password"]{padding:9px 10px; width: 100%; color:#555; border:1px solid #e9ebea; background-color: #fff; box-sizing:border-box;}

.input-textarea{width:100%;}
textarea{padding:9px 10px; width: 100%; color:#555; border:1px solid #e9ebea; background-color: #fff; box-sizing:border-box; resize:none;}

.input-select{width:200px;}
select.select_type01{padding:8px 10px; width: 100%; color:#767676; border:1px solid #e9ebea; background-color: #fff;text-transform:uppercase;/* background: #fafafa url('../images/common/select_arrow.png') no-repeat right 50%; font-size: 15px; -webkit-appearance:listbox;*/}

.input-file {vertical-align: middle;}
.input-file label {overflow: hidden; position: relative; margin-left: 10px; color:#fff; border: none; cursor: pointer; line-height: 40px; width:110px;}
.input-file .input-text {width: 529px;}
.input-file input[type="file"] {position: absolute;  top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: -1;}

.input-btn_set {vertical-align: middle;}
.input-btn_set button {margin-left: 10px;}
.input-btn_set .input-text {width: 360px;}

.form-mobile{overflow: hidden;}
.form-mobile > div{float: left; width:118px;}
.form-mobile [class*='number']{position: relative; margin-left: 20px;}
.form-mobile [class*='number']:before{content: ''; position: absolute; top:20px; left:-15px; width: 11px; height: 1px; background-color: #b4b4b4;}

.form-email{overflow: hidden;}
.form-email > div{float: left; width: 189px;}
.form-email .email-back{position: relative; margin-left: 20px;}
.form-email .email-back:before{content: '@'; position: absolute; top:9px; left:-18px; color:#b4b4b4; font-size: 16px;}
.form-email .input-select{margin-left: 16px;}


[class^='table-'] .t_a-c{text-align: center;}
[class^='table-'] .t_a-l{text-align: left;}
[class^='table-'] .t_a-r{text-align: right;}
.table-type01 table thead tr th{padding:20px 0; color:#555555; background-color: #fafafa; font-weight: normal;}
.table-type01 table tbody tr td{padding:20px; color:#767676; border-bottom: 1px solid #e9ebea; text-align: center;}

.table-type02{border-top: 2px solid #999;}
.table-type02 table tbody tr th{padding:20px 0; color:#555555; border-bottom: 1px solid #e9ebea; font-weight: normal; text-align: left;}
.table-type02 table tbody tr td{padding:20px 0; color:#767676; border-bottom: 1px solid #e9ebea; text-align: left;}
.table-type02 table tbody tr td > [class^='input-'] + [class^='input-']{margin-top:3px;}

/* 개인정보입력 */
.personal_table .notice_type01{display:inline-block; margin-left:16px;}
.personal_table .btn-type02.bg_full{margin-left:7px}
.modify_form-wp .personal_table .btn-type02.bg_full{margin-left:0px}
.personal_table .input-checkbox{margin-left:17px; vertical-align:middle;}
.personal_table span.l{background-color:#b4b4b4; height:1px; width:11px; display:inline-block; vertical-align:middle; margin:0 3px}
.personal_table span.blank{width:17px; display:inline-block; vertical-align:middle;}
.personal_table .caption{color:#767676; font-size:14px; margin-top:7px;}


.list_type01{padding:30px; background-color: #fafafa;}
.list_type01 em{position: relative; display: inline-block; margin-bottom: 17px; margin-left: 25px; color:#767676; font-weight: bold; vertical-align: top; line-height: 1.5em;}
.list_type01 em:before{content: '';;position: absolute; left:-25px; width:22px; height:22px; background: url('../images/common/icon_notice.png') no-repeat 0 0;}
.list_type01 ul{margin-left: 20px;}
.list_type01 li{position: relative; margin-top: 5px; margin-left: 12px; color:#767676; line-height: 1.5em;}
.list_type01 li:first-child{margin-top:0;}
.list_type01 li:before{content: ''; position: absolute; top:9px; left: -12px; width: 3px; height: 3px; background-color: #999;}


.reply_register{overflow: hidden;}
.reply_register .area-register{margin-bottom: 40px;}
.reply_register .area-register textarea{border-bottom: 0;}
.reply_register .area-register .file_area{position: relative; display: inline-block; padding:10px; width: 100%; border:solid #e9ebea; border-width:0 1px 1px 1px; background-color: #fafafa; box-sizing:border-box;}
.reply_register .area-register .file_area:before{content: ''; position: absolute; top:0; left:0; right:0; display: block; margin:0 auto; width: 98%; height: 1px; background-color: #e9ebea;}

.reply_register .area-register .file_area label {position: relative; overflow: hidden; border: none; cursor: pointer;}
.reply_register .area-register .file_area label em{padding-left: 30px; color:#767676; font-size: 14px; line-height: 1.3em;}
.reply_register .area-register .file_area label em:before{content: ''; position: absolute; top:2px; left:0; width:20px; height:15px; background: url('../images/common/icon_reply_camera.png') no-repeat;}
.reply_register .area-register .file_area input[type="file"] {position: absolute;  top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: -1;}

.reply_register .area-board .table-type02{border-top: 0;}
.reply_register .area-board .table-type02 tr th{vertical-align: top; border-top: 1px solid #e9ebea; border-bottom: 0;}
.reply_register .area-board .table-type02 tr th div{position: relative; padding-left: 33px;}
.reply_register .area-board .table-type02 tr th div:before{content: ''; position: absolute; top:0; left:0; display: inline-block; width: 24px; height: 24px; background: url('../images/common/icon_reply.png') no-repeat left top;}
.reply_register .area-board .table-type02 tr th div strong{display: block; color:#555; font-weight: normal;}
.reply_register .area-board .table-type02 tr th div em{display: block; margin-top: 10px; color:#767676; font-size: 13px;}
.reply_register .area-board .table-type02 tr td{border-top: 1px solid #e9ebea; border-bottom: 0;}
.reply_register .area-board .table-type02 tr:first-child th,
.reply_register .area-board .table-type02 tr:first-child td{border-top: 0;}

.reply_register .area-board .table-type02 tr td .cont{float: left;}
.reply_register .area-board .table-type02 tr td .cont img{display: block; margin-bottom: 12px;}
.reply_register .area-board .table-type02 tr td .cont p{color:#767676;}
.reply_register .area-board .table-type02 tr td .btn_set{float: right; width: 100px;}
.reply_register .area-board .btn-more{margin-top: 25px;}
.reply_register .list_btn_area{position: relative; margin-top: 60px; height: 104px;}
.reply_register .list_btn_area a{position: absolute; display: inline-block;}
.reply_register .list_btn_area .prev{top:0; left:0;}
.reply_register .list_btn_area .list{top:0; left:0; right: 0; margin:0 auto; width: 90px;}
.reply_register .list_btn_area .next{top:0; right:0;}
.reply_register .list_btn_area a em{position: relative; display: inline-block; height: 16px; color:#555;}
.reply_register .list_btn_area a em:before{content: ''; position: absolute;  width: 65px; height: 65px; background: url('../images/common/reply_list_icon.png') no-repeat;}
.reply_register .list_btn_area .prev em{padding-left: 75px; padding-right: 20px; line-height: 4em;}
.reply_register .list_btn_area .list em{padding-top: 75px; padding-left: 30px;}
.reply_register .list_btn_area .next em{padding-left: 20px; padding-right: 75px; line-height: 4em;}
.reply_register .list_btn_area .prev em:before{background-position: 0 0; top:0; left: 0;}
.reply_register .list_btn_area .list em:before{background-position: 0 -66px; top:0; left: 13px;}
.reply_register .list_btn_area .next em:before{background-position: 0 -132px; top:0; right: 0;}


.list_view{border-top:2px solid #999999;}
.list_view .view-title{padding:30px 0;}
.list_view .view-cont{padding:30px 0;}
/*.list_view .view-cont img{display: block; margin-bottom:30px;}*/
.list_view .view-cont p{display: block; margin-bottom:30px; color:#767676; line-height: 1.5em;}
/*.list_view .view-navi{margin-top:60px; border:solid #999; border-width: 1px 0 1px; box-sizing:border-box;}
.list_view .view-navi dl{overflow: hidden;}
.list_view .view-navi dl dt{float: left; padding:20px; color:#767676;}
.list_view .view-navi dl dt:before{content: ''; display: inline-block; margin-right: 14px; width: 21px; height: 12px; background: url('../images/common/list_view_arrow.jpg') no-repeat;}
.list_view .view-navi .prev{border-bottom: 1px solid #eaeaea; box-sizing:border-box;}
.list_view .view-navi .prev dt:before{background-position: 0px top;}
.list_view .view-navi .next dt:before{background-position: 0px bottom;}
.list_view .view-navi dl dd{float: left; padding:20px; color:#555;}
.list_view .view-navi dl dd a:hover{text-decoration:underline;}
/*
/*디자인 수정*/
.view-navi {position:relative; background-color:#fafafa; display:table; border-color:#e9ebea; border:1px solid #e9ebea; margin-top:60px; width:100%; box-sizing:border-box;}
.view-navi dl.prev, .view-navi dl.next {width:490px; display:table-cell; vertical-align:middle; padding:12px 0; width:50%;}
.view-navi dl dt {display:none; float:none;}
.view-navi dl dd {padding:7px 20px 7px 28px; position:relative; width:440px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.view-navi dl.prev {border:0;}
.view-navi dl.next {border-left:1px solid #e9ebea;}
.view-navi dl.next dd {float:right; text-align:right; padding:7px 28px 7px 20px;}
.view-navi dl dd a {color:#767676;}
.view-navi dl.prev dd a {padding-left:10px;}
.view-navi dl.next dd a {padding-right:10px;}
.view-navi dl.prev dd:before{position:absolute; left:20px; top:9px; content: ''; display: inline-block; margin-left: 0; width: 9px; height: 16px; background: url('../images/common/list_view_pre.png') no-repeat;}
.view-navi dl.next dd:after{position:absolute; right:20px; top:9px; content: ''; display: inline-block; margin-left:0; width: 9px; height: 16px; background: url('../images/common/list_view_next.png') no-repeat;}


.list_view .sns_btn_list{margin-top:30px; text-align: center;}
.sns_btn_list ul{overflow: hidden; display: inline-block;}
.sns_btn_list ul li{float: left; margin-left: 10px;}
.sns_btn_list ul li:first-child{margin-left: 0;}
.sns_btn_list ul li a{display: inline-block; width:36px; height:36px; background: url('../images/common/sns_logo_spr.png') no-repeat;}
.sns_btn_list ul .fb a{background-position: 0px;}
.sns_btn_list ul .cacao a{background-position: -43px 0px;}
.sns_btn_list ul .url a{background-position: -85px 0px;}

.notice_type01{display: inline-block;}
.notice_type01 p{position: relative; display: inline-block; margin-left: 25px; color:#555; vertical-align: top; line-height: 1.5em;}
.notice_type01 p:before{content: '';;position: absolute; left:-25px; width:22px; height:22px; background: url('../images/common/icon_notice.png') no-repeat;}

.amount_btn{overflow: hidden;}
.amount_btn > *{float: left;}
.amount_btn a{display: inline-block; width: 19px; height: 19px; border: 1px solid #beb5af; background: url('../images/common/amount_btn.png') no-repeat;}
.amount_btn a.minus{background-position: 0;}
.amount_btn a.plus{background-position: right 0;}
.amount_btn input[type="text"]{padding: 0; width: 30px; height:21px; color:#767676; border-color:#beb5af; background-color:transparent; text-align: center; font-size: 12px; border-right:0; border-left:0;}

.keyword_search .select_area{overflow: hidden; padding:24px 20px; border:solid #e9ebea; border-width: 0 1px 1px 1px; box-sizing:border-box;}
.keyword_search .select_area .list{overflow: hidden; margin-top:19px; padding:3px 0 5px 0; line-height:130%;}
.keyword_search .select_area .list:first-child{margin-top:0;}
.keyword_search .select_area .list .tit{position: relative; float: left; margin-right: 14px; padding-right: 14px; font-weight:bold;}
.keyword_search .select_area .list .tit:after{content: ''; position: absolute; top:2px; right:0; display: block; width: 1px; height: 17px; background-color: #e9ebea;}
.keyword_search .select_area .list ul{overflow: hidden; float: left; margin-top:-4px; width:853px;}
.keyword_search .select_area .list ul li{float: left; margin-top:4px; min-width:135px;}
.keyword_search .select_area .list ul li span label{margin-top: 0; margin-left: 7px; color:#666; font-size: 14px;}
.keyword_search .btn_set{margin-top: 30px;}
.keyword_search .btn_set a{width: 141px; height: 40px;}
.keyword_search .btn_set a em{font-weight: normal; line-height: 38px;}

.star_score{position: relative; width: 92px; height: 17px;}
.star_score >div{overflow: hidden; width:92px; height: 17px; background: url('../images/common/star_score.png') no-repeat;}
.star_score .on{position: absolute; top:-1px; left:0; z-index: 4; background-position: 0 bottom;}
.star_score .off{position: absolute; top:0; right:0; z-index: 2; background-position: 0 top;}
.star_score.score_1 .on{width: 17px;}
.star_score.score_1 .off{width: 75px;}
.star_score.score_2 .on{width: 36px;}
.star_score.score_2 .off{width: 56px;}
.star_score.score_3 .on{width: 55px;}
.star_score.score_3 .off{width: 37px;}
.star_score.score_4 .on{width: 74px;}
.star_score.score_4 .off{width: 18px;}
.star_score.score_5 .on{width: 92px;}
.star_score.score_5 .off{width: 0;}

.star_score_b{position: relative; width: 132px; height: 26px; cursor:pointer;}
.star_score_b >div{overflow: hidden; width:132px; height: 26px; background: url('../images/common/star_score_b.png') no-repeat;}
.star_score_b .on{position: absolute; top:-3px; left:0; z-index: 4; background-position: 0 bottom;}
.star_score_b .off{position: absolute; top:0; right:0; z-index: 2; background-position: 0 top;}
.star_score_b.score_1 .on{width: 25px;}
.star_score_b.score_1 .off{width: 107px;}
.star_score_b.score_2 .on{width: 52px;}
.star_score_b.score_2 .off{width: 80px;}
.star_score_b.score_3 .on{width: 80px;}
.star_score_b.score_3 .off{width: 52px;}
.star_score_b.score_4 .on{width: 106px;}
.star_score_b.score_4 .off{width: 26px;}
.star_score_b.score_5 .on{width: 132px;}
.star_score_b.score_5 .off{width: 0;}


.star_select > span{display: inline-block;}
.star_select ul{display: inline-block; overflow: hidden;}
.star_select ul li{float: left; margin-left: 3px;}
.star_select ul li:first-child{margin-left: 0;}
.star_select ul li a{display: block; width: 24px; height: 24px; background: url('../images/common/icon_star.png') no-repeat 0 bottom;}
/*.star_select ul li:first-child a{background-position: 0 bottom;}*/

.notice_empty p{position: relative; padding-top: 100px; color:#767676; text-align: center;}
.notice_empty p:before{content: ''; position: absolute; top:0; right: 0; left: 0; margin:0 auto; width: 70px; height: 78px; background: url('../images/common/icon_empty.png') no-repeat 50% top;}

.add_list{overflow: hidden; margin:0 auto; width:420px; /*height: 49px;*/ background-color: #ececec; box-sizing:border-box;}
.add_list em{float: left; margin-left: 20px; padding:17px 0; color:#555; line-height: 1em;}
.add_list em:before{content: ''; display: inline-block; margin-top:6px; margin-right: 10px; width: 3px; height: 3px; background-color: #999; vertical-align: top;}
.add_list .add_list-wp{float: right; padding:10px 0; margin-right: 20px; height: 29px;}
.add_list .add_list-wp .amount_btn{display: inline-block;}
.add_list .add_list-wp button{display: inline-block; margin-top:5px; margin-left: 15px; width: 21px; height: 21px; background: url('../images/product/order_list_close.png') no-repeat; text-indent: -999999px; vertical-align: top;}


/*#footer_wrap{background:url('../images/common/footer_bg.jpg') repeat-x;}*/
#footer_wrap{background-color: #e3e3e3;}
#footer_wrap .inner{margin:auto; width: 1280px;}
#footer_wrap .logo{text-align: center;}
#footer_wrap .logo img{display: inline-block; margin: 60px 0 75px;}
#footer_wrap .ahc_news{display: table;margin: auto;width: 100%;height: 71px;border-bottom: 1px solid #e9ebea;background-color: #fff;}
#footer_wrap .ahc_news .inner{position: relative;margin: auto;width: 980px;}
#footer_wrap .ahc_news .new_wp{display: table-cell;vertical-align: middle;}
#footer_wrap .ahc_news .tit{margin-right: 45px;font-family: 'AppleGothic','Gotham';/*font-family: 'Constantia';*/ font-size: 23px; /*font-style:italic;*/}
#footer_wrap .ahc_news > a{display: inline-block;}
#footer_wrap .ahc_news .new_view{margin-right: 50px;}
#footer_wrap .ahc_news .new_view em{width: 397px;}
#footer_wrap .ahc_news .new_view:hover em{text-decoration: underline;}
#footer_wrap .ahc_news .more:hover em{font-weight: bold;}
#footer_wrap .ahc_news .more em{color:#767676; font-size: 14px;}
#footer_wrap .ahc_news .more em:before{content: ''; display: inline-block; margin-right: 10px; width: 12px; height: 12px; background:url('../images/common/bl_footer_more.png') no-repeat;}
#footer_wrap .ahc_news .brand_go{position: absolute;top: -4px;right: 0;width: 182px;height: 39px;}
#footer_wrap .ahc_news .brand_go a{display: block; background-color: #999999; text-align: center; border-radius: 50px;}
#footer_wrap .ahc_news .brand_go a em{color:#fff; font-weight: bold; font-size: 14px; line-height: 39px;}
#footer_wrap .ahc_news .brand_go a em:after{content: ''; display: inline-block; margin-top: 14px; margin-left: 10px; width: 8px; height: 12px; background:url('../images/common/bl_brand_go.png') no-repeat right 0; vertical-align: top; transition:background-position .4s;}
#footer_wrap .ahc_news .brand_go a:hover em:after{background-position: left 0;}

#footer_wrap .footer_cont{overflow: hidden; padding-bottom:42px;}
/*#footer_wrap .footer_cont > {position: relative;}*/
#footer_wrap .footer_cont .left_area{float: left; width: 750px;}
#footer_wrap .footer_cont .left_area .btn_area{display: inline-block; margin-bottom: 30px;}
#footer_wrap .footer_cont .left_area .btn_area ul{overflow: hidden;}
#footer_wrap .footer_cont .left_area .btn_area ul li{float: left; margin-left: 10px;}
#footer_wrap .footer_cont .left_area .btn_area ul li a{color:#767676; font-size: 14px; vertical-align: top;}
#footer_wrap .footer_cont .left_area .btn_area ul li a:hover{/*font-weight: bold;*/text-decoration: underline;}
#footer_wrap .footer_cont .left_area .btn_area ul li:before{content: ''; display: inline-block; margin-top: 3px; margin-right: 10px; width: 1px; height: 14px; background-color: #bcbcbc; vertical-align: top;}
#footer_wrap .footer_cont .left_area .btn_area ul li:first-child{margin-left: 0;}
#footer_wrap .footer_cont .left_area .btn_area ul li:first-child:before{content: none;}
#footer_wrap .footer_cont .left_area .footer_info{display: inline-block;}
#footer_wrap .footer_cont .left_area .footer_info span{display: inline-block; margin-bottom: 5px; color:#767676; font-size: 13px;}
#footer_wrap .footer_cont .left_area .footer_info span a{color:#767676; font-size: 13px;}
#footer_wrap .footer_cont .left_area .footer_info span a:hover{text-decoration: underline;}
#footer_wrap .footer_cont .left_area .footer_info span.copyrights{display: block; margin-top: 20px;}
#footer_wrap .footer_cont .right_area{position: relative; float: right;}
.footer_wp .drop_btn{position: relative;float:left;}
.footer_wp .drop_btn{width: 138px;}
.footer_wp .drop_btn > a{position: relative; display: block; padding-top: 4px; padding-bottom: 8px; border-bottom: 1px solid #8b8b8b; background-color: #fff; z-index: 10;}
.footer_wp .drop_btn > a em{display: inline-block; padding-left: 5px; font-size: 14px; color:#767676;}
.footer_wp .drop_btn > a em:after{position:absolute;right:8px;top:12px;content: ''; display: inline-block; width: 12px; height: 10px; background: url('../images/common/footer_drop_arrow.jpg') no-repeat 0 2px; transition:background-position .3s;}
.footer_wp .drop_btn.active > a em:after{background-position: 0 -8px;}
.footer_wp .drop_btn > div{overflow: hidden; position: absolute; left: 0; bottom: 31px; width: 138px; height: 0; border: 1px solid #8b8b8b; box-sizing: border-box;}
.footer_wp .drop_btn ul{position: absolute; top: 0; width: 138px; box-sizing: border-box;}
.footer_wp .drop_btn ul li{position: relative; height: 39px; background-color: #fff; text-align: center; box-sizing:border-box; }
.footer_wp .drop_btn ul li:before{content: ''; position: absolute; top:0; left: 0; right: 0; margin:0 auto; display: inline-block; width: 106px; height: 1px; background-color: #e9ebea;}
.footer_wp .drop_btn ul li:first-child:before{content: none;}
.footer_wp .drop_btn ul li a{display: block; text-align: left; text-indent: 15px; font-size: 14px; line-height: 39px; color:#767676;}
.footer_wp .drop_btn ul li a:hover{color:#555;}

#footer_wrap .sns{margin-top: 50px;}
#footer_wrap .sns ul{overflow: hidden;}
#footer_wrap .sns ul li{float: left; margin-left: 12px; width: 34px; height: 34px;}
#footer_wrap .sns ul li:first-child{margin-left: 0;}
#footer_wrap .sns ul li a{display: block; height: 100%; background: url('../images/common/footer_sns.jpg') no-repeat;}
#footer_wrap .sns ul li.facebook a{background-position: 0;}
#footer_wrap .sns ul li.instagram a{background-position: -46px 0;}
#footer_wrap .sns ul li.youtube a{background-position: -92px 0;}
#footer_wrap .sns ul li.naver_cast a{background-position: -138px 0;}

#footer_wrap .quick_navi{position: absolute; top:0; right:0; z-index: 1000; width: 84px; height: 100%; background-color: #595959;}
#footer_wrap .quick_navi .quick_navi_wp{position: fixed; top:0; padding:0 4px; height:100%; background-color: #595959;}
#footer_wrap .quick_navi .quick_navi_wp ul.sns_list{overflow: hidden; margin-top: 17px;}
#footer_wrap .quick_navi .quick_navi_wp ul.sns_list li{float: left; margin-bottom: 5px; margin-left: 5px;}
#footer_wrap .quick_navi .quick_navi_wp ul.sns_list li a{display: block; background-image: url('../images/common/quick_sns.png'); background-repeat: no-repeat; transition:all .1s;}
#footer_wrap .quick_navi .quick_navi_wp ul.sns_list li.fb a{width: 31px; height: 31px; background-position: 0 0;}
#footer_wrap .quick_navi .quick_navi_wp ul.sns_list li.ig a{width: 31px; height: 31px; background-position: right top;}
#footer_wrap .quick_navi .quick_navi_wp ul.sns_list li.yt a{width: 31px; height: 31px; background-position: left bottom;}
#footer_wrap .quick_navi .quick_navi_wp ul.sns_list li.nc a{width: 31px; height: 31px; background-position: right bottom;}
#footer_wrap .quick_navi .quick_navi_wp ul.sns_list li a:hover{display: block; background-image: url('../images/common/quick_sns_over.png'); background-repeat:  no-repeat;}

#footer_wrap .quick_navi .quick_navi_wp ul.quick_list{text-align: center;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li{border-top: 1px solid #686868; padding:12px 0; box-sizing:border-box;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li:first-child{border-top: 0;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li a{display: inline-block;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li > a span{display: inline-block;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li > a span em{display: block; color:#c0c6c9; font-size: 13px; transition:all .2s;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li a:hover em{color:#f0f0f0;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent > a{cursor: default;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent a:hover em{color:#c0c6c9;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li > a span:before{content: ''; display: block; margin:0 auto; width: 33px; height: 33px; background-image: url('../images/common/icon_quick.png'); background-repeat: no-repeat; vertical-align: top; transition:all .2s;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li a:hover span:before{content: ''; background-image: url('../images/common/icon_quick_over.png'); background-repeat: no-repeat; vertical-align: top;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.attendance a span:before{background-position: 0px 0px;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.cart a span:before{background-position: 0px -33px;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.interest a span:before{background-position: 0px -66px;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.coupon a span:before{background-position: 0px -99px;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.store a span:before{background-position: 0px -132px;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent span:before{background-position: 0px -165px;}

#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list{margin-top:15px;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list ul {height:210px; overflow:hidden;}/*2016.12.28 추가*/
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list ul li{margin-top:8px;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list ul li:first-child{margin-top:0;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging{margin-top:8px;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging a{display: inline-block; margin-top: 5px; width: 8px; height: 12px; background: url('../images/common/quick_loc_arrow.png') no-repeat;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging a.prev{background-position: top left;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging a.next{background-position: top right;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging .paging_num{display: inline-block; width: 39px; text-align: center; vertical-align: top;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging .paging_num em{color:#fff; font-size: 6px;}
#footer_wrap .quick_navi .quick_navi_wp ul.quick_list > li.recent .recent_list .quick_paging .paging_num .current:after{content: '/';  color:#898989; padding-left: 4px;}

#footer_wrap .quick_navi .quick_navi_wp .top_btn{margin:5px 0 0 11px; width: 54px; height: 54px; border-radius: 50%; background-color: #3f3f3f; text-align: center;
position:absolute; bottom:30px;}
#footer_wrap .quick_navi .quick_navi_wp .top_btn a{display: block;}
#footer_wrap .quick_navi .quick_navi_wp .top_btn a em{display: block; color:#fff; font-size: 13px; padding:14px 0;}
#footer_wrap .quick_navi .quick_navi_wp .top_btn a em:before{content: ''; display: block; margin:0 auto; padding-bottom: 5px; width: 9px; height: 5px; background: url('../images/common/icon_top_arrow.png')  no-repeat;}
/*popup*/
#smartPop_overlay {display:block; overflow:hidden; position:fixed; background-color:rgba(252, 252, 252, .75); top:0; right:0; bottom:0; left:0; z-index:100000; cursor:wait;}
#smartPop {display:none; position:fixed; top:0; right:0; bottom:0; left:0; overflow-x:auto; overflow-y:scroll; z-index:100004;}
#smartPop_container {position: relative; margin:9px auto 100px auto; max-width:1300px; padding:0px; width:720px; z-index:2; overflow:hidden;}

#smartPop_content {display:none; padding:0; overflow:hidden; background:#fff;}
#smartPop_frame {display:none; width:100%; height:100%; background:#fff;}
#smartPop_log {display:none; position:fixed; top:10px; left:10px; overflow:auto; width:200px; height:400px; background:#fff; border:solid 1px #444; padding:10px; z-index:3;}

#smartPop_close_wrap{position: absolute; top: 21px; right: 28px;}
#smartPop_close {display: block; width: 29px; height: 29px;}

/*bxslider*/
.bx-controls{text-align: center;}
.bx-pager{display: inline-block; overflow: hidden; margin-top:50px;}
.bx-pager .bx-pager-item{display: inline-block; float: left; margin-left: 14px;}
.bx-pager .bx-pager-item:first-child{margin-left: 0;}
.bx-pager .bx-pager-item .bx-pager-link{display: block; width: 6px; height: 6px;  background-color: #d6d6d6; border-radius: 10px; text-indent: -99999px;}
.bx-pager .bx-pager-item .bx-pager-link.active{background-color: #999999;}

.bx-controls-direction > a{position: absolute; width:22px; height:39px; background: url('../images/common/slider_arrow.png') no-repeat; text-indent: -99999px}
.bx-controls-direction .bx-prev{top:205px; left:-22px; background-position:left 0;}
.bx-controls-direction .bx-next{top:205px; right:-22px; background-position:right 0;}

.select_wrap .input-select{width:auto;}
.radio_wrap .input-radio{margin-left:20px;}
.radio_wrap .input-radio:first-child{margin-left:0;}

/*'원' after*/
.price_st01:after {content:'원'; font-size:15px;}
.price_st02:after {content:'원'; font-size:18px;}

/*'P' after*/
.point_st01:after {content:'P'; font-size:15px;}
.point_st02:after {content:'P'; font-size:15px; font-weight: bold;}

/*"개" after*/
.amount_st01:after {content:'개'; font-size:15px;}
/*"%" after*/
.percent:after {content:'%'; font-size:13px;}

.select_list{}
.select_list .select_type01{width:125px;margin-left:7px;}
.select_list .select_type01:first-child{margin-left:0;}
.select_list .select_type01.type2{width:260px;}