@charset "utf-8";

/*! 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;}
body {
    -webkit-tap-highlight-color:  rgba(0, 0, 0, 0);
}

/* ========================================================================== */
/* ================================ 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:#555555;}

body {font-family: 'Droid Sans','Apple-Gothic','애플고딕','Malgun Gothic','Helvetica','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-weight: normal; color: #555555; font-size: 0.813em; /*line-height: 120%;*/}
input::-webkit-input-placeholder {font-family: 'Droid Sans','Apple-Gothic','애플고딕','Malgun Gothic','Helvetica','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-weight: normal; font-size: 13px;}


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

.ellipsis{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
.ellipsis.col_2{-webkit-line-clamp: 2;}
.ellipsis.col_3{-webkit-line-clamp: 3;}
.ellipsis.col_4{-webkit-line-clamp: 4;}

.inner{padding-right:10px; padding-left:10px; box-sizing:border-box;}

label.placeholder{color:#767676;}
/* ========================================================================== */
/* ================================= Project Common ========================= */
/* ========================================================================== */
#wrap{position:relative; overflow: hidden;}

/*header{position: relative;}*/
header{position: fixed; top:0; width: 100%; height:45px; background-color: #fff; z-index: 1000;}
header .header_cont{overflow:hidden;position: relative; padding:0 10px; border-bottom:1px solid #e9ebea; z-index: 1002; height:45px; background-color: #fff;}
header .logo{position: absolute; top:0; left:0; right:0; margin:0 auto; width:52px; height: auto;}
header .logo a{display: block;}
header .logo a > img{width:100%}
header .logo_wp{position: relative; display: block; width: 70px; height: 45px;}
header .logo_wp img{position: absolute; display: block; top:0; left:0;}
header .logo_wp .l_1{top:25px; left:21px; opacity: 0; width: 10.5px; height: auto;}
header .logo_wp .l_2{top:25px; left:37px; opacity: 0; width: 10.5px; height: auto;}
header .logo_wp .l_3{top:25px; left:52px; opacity: 0; width: 9px; height: auto;}
header .logo_wp .l_4{top:35px; left:33px; opacity: 0; width:2px; height: auto;}
header .logo_wp .l_5{top:35px; left:48px; opacity: 0; width:2px; height: auto;}
header .logo_wp .l_6{top:45px; left:0px; opacity: 0; width:69.5px; height: auto;}
header .logo_wp .l_7{top:0px; left:11px; opacity: 0; width:39px; height: auto;}
header .logo_wp .l_8{top:7px; left:3px; opacity: 0; width:16px; height: auto;}
header .logo_wp .l_9{top:2px; left:15px; opacity: 0; width:14px; height: auto;}



header .gnb_btn{position: absolute; top:17px; left:10px; transition-duration:0.3s; z-index:3;}
header .gnb_btn a{display: block; width: 16px; height: 13px;}
header .gnb_btn a:before{content: ''; position: absolute; top:0; left: 0; display: inline-block; width: 16px; height: 1px; background-color: #26283f;}
header .gnb_btn a span:before{content: ''; position: absolute; top:5px; left: 0; display: inline-block; width: 16px; height: 1px; background-color: #26283f;}
header .gnb_btn a span:after{content: ''; position: absolute; top:10px; left: 0; display: inline-block; width: 16px; height: 1px; background-color: #26283f;}


header .gnb_btn.open a:before{-webkit-animation:burger_a_before_on 0.5s forwards;}
header .gnb_btn.open a span:before{-webkit-animation:burger_before_on 0.5s forwards;}
header .gnb_btn.open a span:after{-webkit-animation:burger_after_on 0.5s forwards;}

header .gnb_btn a:before{-webkit-animation:burger_a_before_off 0.5s forwards;}
header .gnb_btn a span:before{-webkit-animation:burger_before_off 0.5s forwards;}
header .gnb_btn a span:after{-webkit-animation:burger_after_off 0.5s forwards;}

/* 2018-09-11 */
.overflow_hidden {overflow:hidden;}
footer .lang {position:relative;display:inline-block;margin: 2px 0 0 14px;vertical-align:top;}/*2018-11-07*/
footer .lang span {padding:0 0 0 23px;vertical-align:top;line-height:0.8em;}/*2018-11-07*/
footer .lang.ko span {background:url(../images/common/flag_ko.gif) no-repeat 0 4px;background-size:17px auto;}
footer .lang.cn span {background:url(../images/common/flag_cn.gif) no-repeat 0 4px;background-size:17px auto;}
footer .lang.my span {background:url(../images/common/flag_my.gif) no-repeat 0 4px;background-size:17px auto;}
footer .lang.sg span {background:url(../images/common/flag_sg.gif) no-repeat 0 4px;background-size:17px auto;}

/* lang popup type1(s) */
/* 2019-03-22 */
/*.pop_wrap {display:none;position:fixed;left:0;top:0;z-index:1010;width:100%;height:100%;background:#fff;}
.pop_wrap .pop_header {padding:30px 25px;font-size:15px;color:#111;line-height:1em;}
.pop_wrap .pop_container {padding:0 25px 30px 25px;}

.lang_list li {padding:7px 0 0 28px;border-bottom:1px solid #e9ebea;text-align: left;}
.lang_list li a {display:block;position:relative;padding:13px 0 13px 0;}
.lang_list li a:after {content:'';display:inline-block;position:absolute;right:0;top:50%;z-index:0;width:6px;height:11px;margin:-5px 0 0 0;background:url(../images/common/ico_arr_lang.png) no-repeat 0 0;background-size:6px auto;}
.lang_list li.active a {color:#d8c1ac;}
.lang_list li.active a:after {background:url(../images/common/ico_arr_lang_active.png) no-repeat 0 0;background-size:6px auto;}
.lang_list .lang_ko {background:url(../images/common/flag_ko.gif) no-repeat 0 60%;background-size:17px auto;}
.lang_list .lang_cn {background:url(../images/common/flag_cn.gif) no-repeat 0 60%;background-size:17px auto;}
.lang_list .lang_my {background:url(../images/common/flag_my.gif) no-repeat 0 60%;background-size:17px auto;}
.lang_list .lang_sg {background:url(../images/common/flag_sg.gif) no-repeat 0 60%;background-size:17px auto;}

.btn_pop_close {position: absolute;top: 15px;right: 12px;display: block;width: 15px;height: 15px;background: url(../images/main/top_banner_close.png) no-repeat 0 0;background-size: 15px;font-size:0;}

.popup {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1010;}
.mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.4;z-index: -1;}
.pop-wrap {z-index: 10; width: 100%;height: 100%;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.pop-inner {background:#fff;position: relative;}
.pop_lang .pop_header {padding: 35px 65px 10px 20px;font-size: 15px;color: #111;line-height: 1em;}
.pop_lang .pop_container {padding: 0 20px 30px;}*/
/* //2019-03-22 */
/* lang popup type1(e) */

/* lang popup type2(s) */
/* 2019-06-20(s) */
.pop_wrap {display:none;position:fixed;left:0;top:0;z-index:1010;width:100%;height:100%;background:#fff;}
.pop_wrap .pop_header {padding:30px 25px;font-size:15px;color:#111;line-height:1em;}
.pop_wrap .pop_container {padding:0 25px 30px 25px;}

.lang_list li {padding:7px 0 0 28px;border-bottom:1px solid #e9ebea;text-align: left;}
.lang_list li a {display:block;position:relative;padding:13px 0 13px 0;}
.lang_list li a:after {content:'';display:inline-block;position:absolute;right:0;top:50%;z-index:0;width:6px;height:11px;margin:-5px 0 0 0;background:url(../images/common/ico_arr_lang.png) no-repeat 0 0;background-size:6px auto;}
.lang_list li.active a {color:#d8c1ac;}
.lang_list li.active a:after {background:url(../images/common/ico_arr_lang_active.png) no-repeat 0 0;background-size:6px auto;}
.lang_list .lang_ko {background:url(../images/common/flag_ko.gif) no-repeat 0 60%;background-size:17px auto;}
.lang_list .lang_cn {background:url(../images/common/flag_cn.gif) no-repeat 0 60%;background-size:17px auto;}
.lang_list .lang_my {background:url(../images/common/flag_my.gif) no-repeat 0 60%;background-size:17px auto;}
.lang_list .lang_sg {background:url(../images/common/flag_sg.gif) no-repeat 0 60%;background-size:17px auto;}
.lang_list .lang_usa {background:url(../images/common/flag_usa.png) no-repeat 0 60%;background-size:17px auto;}
.lang_list .lang_ru {background:url(../images/common/flag_ru.png) no-repeat 0 60%;background-size:17px auto;}
/* 2020-03-03(s) */
.lang_list .lang_vn {background:url(../images/common/vietam_m.png) no-repeat 0 60%;background-size:17px auto;}
.lang_list .lang_au {background:url(../images/common/Australia_m.png) no-repeat 0 60%;background-size:17px auto;}
/* 2020-03-03(e) */
/* 2020-03-18 */
.lang_list .lang_tw {background:url(../images/common/Tiwane_m.jpg) no-repeat 0 60%;background-size:17px auto;}
/* 2020-04-27 */
.lang_list .lang_uk {background:url(../images/common/UK_m.png) no-repeat 0 60%;background-size:17px auto;}
/* 2020-08-21 */
.lang_list .lang_ph {background:url(../images/common/philippines_m.jpg) no-repeat 0 60%;background-size:17px auto;}
/* 2020-11-02 */
.lang_list .lang_sa {background:url(../images/common/Saudi_m.jpg) no-repeat 0 60%;background-size:17px auto;}
/* 2021-05-03 */
.lang_list .lang_id {background:url(../images/common/indonesia_M.jpg) no-repeat 0 60%;background-size:17px auto;}

.pop_lang .pop_container {overflow: auto;overflow-x: hidden;max-height: 90vh;}

/* 2019-10-10 */
.lang_list .lang_hk {background:url(../images/common/flag_hk.gif) no-repeat 0 60%;background-size:17px auto;}

.btn_pop_close {position: absolute;top: 15px;right: 12px;display: block;width: 15px;height: 15px;background: url(../images/main/top_banner_close.png) no-repeat 0 0;background-size: 15px;font-size:0;}

.popup {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1010;}
.mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.4;z-index: -1;}
.pop-wrap {z-index: 10; width: 100%;height: 100%;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.pop-inner {background:#fff;position: relative;}
.pop_lang .pop_header {padding: 19px 15px;background: #fef8ec;font-size: 15px;font-weight: 600;color: #222;}/* 2020-03-03 */
.pop_lang .pop_container {padding: 0 20px 30px;}
/* 2019-06-20(e) */
/* lang popup type2(e) */

@keyframes burger_a_before_on {
0{top:0;}
50%{top:5px; -webkit-transform: rotate(0); transform: rotate(0);}
100%{top:5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
}

@keyframes burger_before_on {
0{top:0;}
50%{top:5px; opacity: 1;}
100%{top:5px; opacity: 0;}
}

@keyframes burger_after_on {
0{top:0;}
50%{top:5px; -webkit-transform: rotate(0); transform: rotate(0);}
100%{top:5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
}



@keyframes burger_a_before_off {
0{top:5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
50%{top:5px; -webkit-transform: rotate(0); transform: rotate(0);}
100%{top:0; -webkit-transform: rotate(0); transform: rotate(0);}
}

@keyframes burger_before_off {
0{top:0; opacity: 0;}
50%{top:5px; opacity: 1;}
100%{top:5px; opacity: 1;}
}

@keyframes burger_after_off {
0{top:5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
50%{top:5px; -webkit-transform: rotate(0); transform: rotate(0);}
100%{top:10px; -webkit-transform: rotate(0); transform: rotate(0);}
}

header .util{position: absolute; top:10px; right:10px;}
header .util ul li{float: left;}
header .util ul li:first-child{margin-right: 7px;}
header .util ul li a{display: block;}
header .util ul li.search a:before{content: ''; display: inline-block; width: 24px; height: 24px; background: url('../images/common/icon_search_new.png') no-repeat center; background-size: 18.5px auto;}
header .util ul li.cart{position: relative;}
header .util ul li.cart a:before{content: ''; display: inline-block; width: 24px; height: 24px; background: url('../images/common/icon_cart_new.png') no-repeat center; background-size: 18.5px auto;}
header .util ul li.cart .count{position: absolute; border-radius: 50%; top: -2px; right: -4px; width: 14px; height: 14px; line-height: 14px; text-align: center; font-size: 7px; background-color: #e00246; color: #fff;}

header .gnb_wp{position: fixed; top:0; bottom:0; left:-100%; overflow: hidden; width:100%; z-index:1002}

header .gnb_wp.login .logout_area{display: none;}
header .gnb_wp.logout .login_area{display: none;}

header .gnb_wp .g_logo{background-color:#d8c1ac; display:block; padding:15px 0}
header .gnb_wp .g_logo h1{background:url(../images/common/gnb_logo.png) 0 0 no-repeat; width:52px; height:15px; background-size:100%; margin:0 auto; overflow:hidden; text-indent:-9999px; font-size:0;}

header .gnb_wp .gnb_cont.swiper-container{position: relative; top:0; z-index:3; overflow: hidden; height: 100%; margin-right:40px;}
header .gnb_wp .gnb_cont.swiper-container .swiper-wrapper{z-index:3; background-color:#fff;}
header .gnb_wp.active .gnb_cont.swiper-container{background-color:#fff; }
header .gnb_wp:after{content:''; background-color:#000; opacity:0; position:fixed; right:0; width:100%; top:0; bottom:0; transition-delay:0.3s; display:none;}
header .gnb_wp.active:after{opacity:0.85; z-index:1; display:block;}
header .gnb_wp .gnb_cont.swiper-container > .swiper-wrapper > .swiper-slide{height:auto !important;}
header .gnb_wp .gnb_cont .login_area .profile{padding-top:25px; padding-bottom:18px; text-align: center;}
header .gnb_wp .gnb_cont .login_area .profile .profile_img{position: relative; /*zoom:1.5;*/ display: block; overflow: hidden; margin:0 auto; width: 35px; height: 35px; border-radius: 50%; background-color: #26283f;}
header .gnb_wp .gnb_cont .login_area .profile .profile_img img{position: absolute; top:35px; right:0; left:0; display: block; margin:0 auto; width: 17.5px; height: 17.5px;}
header .gnb_wp .gnb_cont .login_area .profile .greeting{font-weight: bold; font-size: 1.231em;}
header .gnb_wp .gnb_cont .login_area .profile .info_wp{}
header .gnb_wp .gnb_cont .login_area .profile .info_wp em{color:#767676; font-size: 0.923em;}
header .gnb_wp .gnb_cont .login_area .profile .info_wp em.id:after{content: ''; display: inline-block; margin-top:4px; margin-right: 7px; margin-left: 7px; width: 1px; height: 11px; background-color: #e9ebea; vertical-align: top;}
header .gnb_wp .gnb_cont .login_area .point_coupon{overflow: hidden; margin-bottom: 15px; padding:10px; background-color: #ececec; /*text-align: center;*/ width: 100%; box-sizing:border-box;}
header .gnb_wp .gnb_cont .login_area .point_coupon > div{position: relative; width:50%; overflow: hidden; float: left; text-align: center;}
header .gnb_wp .gnb_cont .login_area .point_coupon > div dl{position: relative; display: inline-block; padding:3px 0 6px 45px;}
header .gnb_wp .gnb_cont .login_area .point_coupon > div.point:after{content: ''; position: absolute; top:0; right:0; display: inline-block; width: 1px; height: 47.5px; background-color: #e9ebea;}
header .gnb_wp .gnb_cont .login_area .point_coupon > div dl:before{content: ''; position: absolute; left:0; display: inline-block; float: left; margin-right: 10px; width: 35.5px; height: 35.5px; background: url('../images/common/gnb_icon_cp.png') no-repeat; background-size: 172px 35.5px;}
header .gnb_wp .gnb_cont .login_area .point_coupon > div.point dl:before{background-position: 0;}
header .gnb_wp .gnb_cont .login_area .point_coupon > div.coupon dl:before{background-position: -46px 0;}
header .gnb_wp .gnb_cont .login_area .point_coupon > div dl dt{font-size: 0.846em; text-align: left;}
header .gnb_wp .gnb_cont .login_area .point_coupon > div dl dt:after{content: ''; display: inline-block; margin-left: 5px; width: 4.5px; height: 7.5px; background: url('../images/common/gnb_arrow.png') no-repeat; background-size: 4.5px 7.5px;}
header .gnb_wp .gnb_cont .login_area .point_coupon > div dl dd{font-weight: bold; font-size: 1.154em; color:#555555;}

header .gnb_wp .gnb_cont .login_area .logout_btn{position: absolute; top:10px; right: 20px;}
header .gnb_wp .gnb_cont .login_area .logout_btn em{padding:3px 10px;}
header .gnb_wp .gnb_cont .logout_area{overflow: hidden;padding:0 15px 15px; background-color: #d8c1ac; width: 100%; box-sizing:border-box; text-align: center;}
header .gnb_wp .gnb_cont .logout_area > span{width:50%; float:left;}
header .gnb_wp .gnb_cont .logout_area span a{position: relative; display: block; border:1px solid #fff;}
header .gnb_wp .gnb_cont .logout_area span a em{display: block; color:#fff; font-size:1.077em; padding:7px 0 8px}
header .gnb_wp .gnb_cont .logout_area .login_btn a{margin-right:10px;}
header .gnb_wp .gnb_cont .logout_area .join_btn a{margin-left:10px;}

header .gnb_wp .gnb_cont .btn_area .btn_set {margin-bottom: 5px;}
header .gnb_wp .gnb_btn_close{position:fixed; right:-30px; top:0; z-index:90; transition-duration:0.3s;}
header .gnb_wp .gnb_btn_close a{display:block; width:19px; height:19px; background:url(../images/common/icon_gnb_close.png) 50% 50% no-repeat; background-size:19px; padding:15px 10px; overflow:hidden; text-indent:-9999px; font-size:0px;}
header .gnb_wp.active .gnb_btn_close{right:0px;}

@keyframes closeStart_before_on {
0{width: 20px; left:16px;}
50%{width: 20px; left:16px; -webkit-transform: rotate(0); transform: rotate(0);}
100% {width: 20px; left:16px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
}

@keyframes closeStart_after_on {
0{width: 20px; left:16px;}
50%{width: 20px; left:16px; -webkit-transform: rotate(0); transform: rotate(0);}
100% {width: 20px; left:16px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
}
/*s::2017.01.18 추가*/
header .barcode_wrap {margin:40px 0; text-align:center; position:relative;}
header .barcode_wrap > div {width:190px; margin:0 auto; position:relative;}
header .barcode_wrap > div span {width:147px; display:block; text-align:left; margin-left:10px; box-sizing:border-box;}
header .barcode_wrap > div img {width:100%;}
header .barcode_wrap > div a {display:inline-block; width:24px; height:24.5px; position:absolute; right:0; bottom:20px;}
header .barcode_wrap > div a:before {background: url(../images/common/btn_barcode.png) left top no-repeat; width:24px; height:24.5px; background-size: 24px, 24.5px; content: ''; display:inline-block; margin-top:10%;}

.barcode_detail {margin:90px 0 150px 0; text-align:center;}
.barcode_detail span {width:201.5px; display:inline-block;}
.barcode_detail span img {width:100%;}
/*e::2017.01.18 추가*/

header .app_code{overflow: hidden; padding: 17px 0; background-color: #e6f0f2; display: none;}
header .app_code >div{float: left; width: 50%;}
header .app_code >div .code_img{text-align: center;}
header .app_code >div .code_img img{display: inline-block; height: 40px}
header .app_code >div a{border-radius: 20px; width: 80%; margin:0 auto; display: block;  margin-top: 15px;}
header .app_code >div a em{font-size: 10px; padding:6px 0;}

/*header .app_code .qrcode_confirm{float: left; width: 50%;}
header .app_code .qrcode_confirm .code_img{}

header .app_code .qrcode_confirm a{border-radius: 20px; width: 70%;}*/

header #gnb .d_1{float: left; width: 33.3%; height: 98.5px; background-color: #fff;}
header #gnb .d_1.main{top:0;}
header #gnb .d_1.shopping{top:0; left:33.3%;}
header #gnb .d_1.brand{top:0; left:66.6%;}
header #gnb .d_1.event{top:100px;}
header #gnb .d_1.community{top:100px; left:33.3%;}
header #gnb .d_1.center{top:100px; left:66.6%;}
header #gnb .d_1.consulting{top:100px; left:66.6%;}

header #gnb .d_1 .d_1_btn{text-align: center;}
header #gnb .d_1 .d_1_btn a{position: relative; /*z-index: 100; */display: block; /*padding: 25px 0;*/margin:17px auto 0 auto; width: 75px; height: 75px; background-color: #fff;/* background-size: 0; transition:all .5s;*/}
header #gnb .d_1 .d_1_btn a em{position: absolute; top:0; right: 0; left: 0; margin:0 auto; width: 75px; height: 75px; color:#555; font-weight: bold; background-color: #fff; border-radius: 50%; line-height: 1.2em; -webkit-transition:all .5s;}
header #gnb .d_1 .d_1_btn.active a em{color:#fff; background-color: #6180be;}
header #gnb .d_1 .d_1_btn a em:before{content: ''; display: block; margin:8px auto 0 auto; width: 32px; height: 32px; background: url('../images/common/icon_gnb_new.png') no-repeat; background-size: 249px 63px;}
header #gnb .d_1 .d_1_btn a span{/*position: absolute; top:0; right: 0; left: 0; margin:0 auto; */display: block; width: 75px; height: 75px; color:#fff;/* font-weight: bold;*/ background-color: #fff; border-radius: 50%; -webkit-transition:all .5s;}
header #gnb .d_1 .d_1_btn.active a span{background-color: #6180be;}

header #gnb .d_1.shopping a em:before{background-position: 2px top; -webkit-transition:all .3s;}
header #gnb .d_1.brand a em:before{background-position: -29px top; -webkit-transition:all .3s;}
header #gnb .d_1.event a em:before{background-position: -60px top; -webkit-transition:all .3s;}
header #gnb .d_1.community a em:before{background-position: -186px top; -webkit-transition:all .3s;}
header #gnb .d_1.center a em:before{background-position: -123px top; -webkit-transition:all .3s;}
header #gnb .d_1.consulting a em:before{background-position: -217px top; -webkit-transition:all .3s; margin-top: 2px;}


header #gnb .d_1.shopping .d_1_btn.active a em:before{background-position: 2px bottom;}
header #gnb .d_1.brand .d_1_btn.active a em:before{background-position: -29px bottom;}
header #gnb .d_1.event .d_1_btn.active a em:before{background-position: -60px bottom;}
header #gnb .d_1.community .d_1_btn.active a em:before{background-position: -186px bottom;}
header #gnb .d_1.center .d_1_btn.active a em:before{background-position: -123px bottom;}
header #gnb .d_1.consulting .d_1_btn.active a em:before{background-position: -217px bottom;}



header #gnb > ul{position: relative; z-index: 1000; overflow: hidden; background-color: #fff;}
header #gnb li{position:relative; overflow:hidden;}
header #gnb > ul >li .depth1{border-bottom:1px solid #e1e1e1; position:relative;}
header #gnb > ul >li .depth1:after{content:''; position:absolute; right:15px; top:22px; background:url(../images/common/gnb_arr01.png) 0 0 no-repeat; width:11px; height:6px; background-size:100% auto; transition-duration:0.3s}
header #gnb > ul >li .depth1 a em{display:block; font-size:1.154em; color:#555555; font-weight:bold; padding:15px 0 15px 17px}
header #gnb > ul >li .depth1.active a em{color:#bda691;}
header #gnb > ul >li .depth1.active:after{transform:rotate(180deg)}
header #gnb > ul >li .depth2{overflow:hidden; height:0px;}
header #gnb > ul >li .depth2 >ul{border-top:1px solid #e1e1e1; margin-top:-1px}
header #gnb > ul >li .depth2 >ul >li{border-bottom:1px solid #e1e1e1}
header #gnb > ul >li .depth2 >ul >li >a em{font-size:1em; color:#767676; padding:11px 0 11px 24px; display:block;}
header #gnb > ul >li .depth3{background-color:#f3f3f3; overflow:hidden; height:0px;}
header #gnb > ul >li .depth3 ul{overflow:hidden; border-top:1px solid #e1e1e1; padding:9px 0 11px 0}
header #gnb > ul >li .depth3 ul li{float:left; width:50%; position:relative;}
header #gnb > ul >li .depth3 ul li:after{content:''; position:absolute; left:25px; top:50%; background-color:#767676; border-radius:30px; width:2px; height:2px;}
header #gnb > ul >li .depth3 ul li a{display:block; padding:0 0 0 25px;}
header #gnb > ul >li .depth3 ul li a em{font-size:1em; color:#767676; display:block; padding:6px 0 7px 8px;}

header .btn_footer{display:table; width:100%}
header .btn_footer a{display:table-cell; text-align:center; color:#767676; font-size:1.077em; padding:22px 0; position:relative;}
header .btn_footer a:after{content:''; position:absolute; left:0; top:28px; width:1px; height:7px; background-color:#e1e1e1;}
header .btn_footer a:first-child:after{display:none;}

header .qr_banner{padding:20px 15px 0}
header .qr_banner a{display:block;padding:8px 0;background-color: #999;text-align: center;font-size:1em;color:#fff;vertical-align:top}
header .qr_banner a:before{display:inline-block;content:"";clear:both;margin-right:10px;width:18px;height:18px;background: url('../images/common/qr_code2.png') 0 0 no-repeat;background-size:18px auto;vertical-align: middle}
header .qr_banner a:after{display:inline-block;content:"";clear:both;margin-left:8px;width:6px;height:11px;background: url('../images/common/qrcode_arrow.png') 0 0 no-repeat;background-size:6px auto;vertical-align:middle}
header .icon_qrcode{overflow:hidden;position: absolute; top:13px; left:45px;z-index:3;display:block;width:18px;height:18px;background: url('../images/common/qr_code.png') 0 0 no-repeat;background-size:18px auto}

header .header_search{position: absolute; top:-10px; z-index: 1001; padding:15px 10px; width: 100%; overflow: hidden; height: 55px; background-color: #fff; box-sizing:border-box; margin-top:-1px}
header .header_search .form_area{overflow: hidden; /*width: 93%;*/ /*float: left;*/ padding-right: 56px; position: relative;}
/*header .header_search .form_area .form-text{float: left; width:82%;}*/
.header_search .form_area input{height:32px; border:1px solid #e9ebea;/* padding-right: 40px; */background-color: #fff; height: 32px; width: 100%; box-sizing:border-box;}
.header_search .form_area button{position: absolute; top:0; right: 25px; /*float:left;*/ width: 32px; height: 32px; background-color: #d8c1ac;}
.header_search button:before{content: ''; display: inline-block; margin-top: 3px; width: 22px; height: 22px; background: url('../images/common/icon_search.png') no-repeat; background-size: 22px;}
.header_search .search_close{position: absolute; top:14px; right: 0; display: block; padding:10px; width: 14px; height: 14px;}
.header_search .search_close:before{content: ''; display: block; width: 14px; height: 14px; background: url('../images/main/top_banner_close.png') no-repeat; background-size: 14px;}


.location{position: fixed; top:45px; z-index: 995; width: 100%; background-color: #fff;}
.location .sub_location{position: relative; overflow: hidden; padding: 0 10px; box-sizing:border-box; border-bottom:1px solid #e9ebea;}
.location .sub_location .title{padding:10px 12px; text-align: center;}
.location .sub_location .title > *{display: inline-block; width: 100%; font-size: 1.077em;}
.location .sub_location .prev_page{position: absolute; top:12px; left:10px; display: block; width: 16px; height: 13px; background: url('../images/common/icon_loc_back.png') no-repeat; background-size: 16px auto;}
.location + .content{margin-top:67px}

.location .select_location{overflow: hidden; margin:0 10px;}
.location .select_location span{display: inline-block; float: left; width:50%; border-bottom:1px solid #e9ebea; box-sizing:border-box;}
.location .select_location span:first-child{border-right:1px solid #e9ebea;}
.location .select_location span select{display: block; width: 100%; padding:10px; background: url('../images/common/icon_loc_arrow.png') no-repeat; background-position: -webkit-calc(100% - 10px) 50%; background-size: 10px auto; font-weight: bold; font-size: 0.923em; -webkit-appearance:none; box-sizing: border-box; height:37px;}

#sub_section{padding:46px 0 65px;}
/*.product .list #sub_section{padding-top: 127px;}*/
.main #sub_section{padding-top: 93px;}
.consulting .consulting_skin #sub_section{padding-top: 109px;}

#sub_section .sub_title{padding:24px 0 22px; text-align: center; font-size:1.385em; position:relative;}
#sub_section .sub_title a{font-size: 1em; color:#555555;}
#sub_section .sub_title span{position:relative; display:inline-block; background-color:#fff; padding:0 11px; z-index:3;}


#sub_section .tab-type_02 + .p_type_select_wrap .sub_title {padding:16px 0 24px;}

/*#sub_section .sub_title:after{content:''; top:28px; height:1px; position:absolute; background-color:#e9ebea; z-index:1; left:0; right:0}*/
#sub_section .content_title{display:block; text-align: center; color:#555; font-weight: bold; font-size: 1.308em; margin-bottom:14px;}

#sub_section .content{}
.main #sub_section .content{margin-top: 0;}


/****************button****************/
[class^="btn-"]{display: inline-block;}
[class^="btn-"] em{display: block; text-align: center; font-weight: bold;}

/*button type01*/
.btn-type_01{width: 100%; border:1px solid #999; background-color: #fff; box-sizing:border-box;}
.btn-type_01 em{padding:10px 0;}

.btn-type_01.bg_full{border:1px solid #999; background-color: #999; box-sizing:border-box;}
.btn-type_01.bg_full em{color:#fff;}

.btn-type_02{width: 100%; border:1px solid #999; background-color: #fff; box-sizing:border-box;}
.btn-type_02 em{padding:7px 0; font-size: 0.923em;}

.btn-type_02.bg_full{border:1px solid #999; background-color: #999; box-sizing:border-box;}
.btn-type_02.bg_full em{color:#fff;}

.btn-type_02.pd_30{width: inherit;}
.btn-type_02.pd_30 em{padding:7px 15px;}

.btn-type_02.small{width: inherit;}
.btn-type_02.small em{padding:3px 15px; font-weight: normal; font-size: 0.846em;}

.btn-type_02.small.bg_full em{font-weight: bold;}

.btn-more_view{display: block; margin:0 auto; width: 30%; border-radius: 50px; background-color: #999;}
.btn-more_view em{padding:7px 0; color:#fff; text-align: center; font-weight: bold; font-size: 0.923em;}
.btn-more_view em:after{content: ''; display: inline-block; margin-left: 6%; margin-top:6px; width: 10px; height: 5px; background: url('../images/common/icon_more_arrow.png') no-repeat; background-size: 10px 5px; vertical-align: top;}

.btn_set{overflow: hidden;}
.btn_set > *{float: left; width: 49%;}
.btn_set > * + *{margin-left: 2%;}

/* 2019-07-23 */
.btn-wrap{display:block;margin-top:30px;text-align:center;}

/****************tab****************/
[class^="tab-"]{}
[class^="tab-"] ul{overflow: hidden; }
[class^="tab-"] ul li{float: left; box-sizing:border-box;}
[class^="tab-"] ul.col_2 li{width: 50%;}
[class^="tab-"] ul.col_3 li{width: 33%;}
[class^="tab-"] ul.col_3 li:first-child{width: 34%;}
[class^="tab-"] ul.col_4 li{width: 25%;}
[class^="tab-"] ul.col_5 li{width: 20%;}
[class^="tab-"] ul li a{display: block; text-align: center;}

/*tab-type_01*/
.tab-type_01 ul{position:relative;}
.tab-type_01 ul:before{content:''; position:absolute; right:0; top:0; bottom:0; width:1px; background-color:#e1e1e1;}
.tab-type_01 ul li{position: relative; border-top:1px solid #e1e1e1; border-bottom:1px solid #e9ebea;}
.tab-type_01 ul li:before{content: ''; position: absolute; top:0; left:0; bottom:0; display: inline-block; width:1px; background-color: #e1e1e1;}
.tab-type_01 ul li a em{display: block; padding:10px 0; color:#767676;}
.tab-type_01 ul li a em span{display: inline-block; margin-left: 2px; color:#bda691;}
.tab-type_01 ul li a em span:before{content: '('; color:#bda691;}
.tab-type_01 ul li a em span:after{content: ')'; color:#bda691;}
.tab-type_01 ul li.active{border-color:#999 #e9ebea #e9ebea #e9ebea; border-style:solid; border-width:2px 1px 1px 1px;}
.tab-type_01 ul li.active a em{color:#555; font-weight: bold; padding:9px 0 10px}
.tab-type_01 ul li.active + li:before{display: none;}
.tab-type_01 ul li.active:before{display: none;}

/*tab-type_02*/
.tab-type_02 ul{padding-bottom:7px;}
.tab-type_02 ul li{position:relative;}
.tab-type_02 ul li a{height:31px; line-height:31px; color:#767676; font-size:0.923em; border:1px solid #e9ebea; margin-left:-1px;}
.tab-type_02 ul li:first-child a{margin-left:0}
.tab-type_02 ul li.active a{background-color:#999999; color:#fff; border-color:#999999}
.tab-type_02 ul li.active:after{content:''; background-color:#999999; position:absolute; left:50%; bottom:-3px; width:7px; height:7px; transform:rotate(45deg)}


/****************product****************/
[class^="product_info-"]{}
.product-label span{display:block; overflow: hidden; width:30px; height:11px; line-height:11px; text-align: center; border-radius: 50px; margin-bottom:3px;}
/*
.product-label span.best{background-color: #c9cfd3;}
.product-label span.hit{background-color: #9cc8de;}
.product-label span.new{background-color: #cbdea4;}
.product-label span.sale{background-color: #e8bd89;}
.product-label span.opo{background-color: #c1b3dc;}
*/
.product-label span em{display: inline-block; font-size:0.5em; vertical-align: top;}


.product-label .p_label-best{border:1px solid #acaed8; border-radius:20px;}
.product-label .p_label-best em{color:#acaed8;}
.product-label .p_label-new{border:1px solid #acaed8; border-radius:20px;}
.product-label .p_label-new em{color:#acaed8;}

.product-label .p_label-spa{border:1px solid #d8c1ac; border-radius:20px;}
.product-label .p_label-spa em{color:#c5ad97;}
.product-label .p_label-hs{border:1px solid #d8c1ac; border-radius:20px;}
.product-label .p_label-hs em{color:#c5ad97;}

.product-label .p_label-om{border:1px solid #d8adac; border-radius:20px;}
.product-label .p_label-om em{color:#d8adac;}

.product-label .p_label-ts{border:1px solid #d8acc2; border-radius:20px; width:48px;}
.product-label .p_label-ts em{color:#d8acc2;}


.product-tag span{display: inline-block; overflow: hidden; background-color: #d2c7bd;}
.product-tag span em{display: inline-block; padding:3px 5px; color:#fff; font-size: 0.692em; vertical-align: top;}

.product_info-type01{width: 100%; position: relative; box-sizing:border-box; padding-bottom:18px;}
.product_info-type01 .product-label{position: absolute; left: 10px; top: 10px; z-index: 3; height: auto;}
.product_info-type01 .product-img{margin:0 auto; width: 100%;}
.product_info-type01 .product-img a{position: relative; display: block; width: 100%;}
.product_info-type01 .product-img a img{width: 100%;}
.product_info-type01 .product-info_area{text-align: center; height:60px; padding-bottom:30px;}
.product_info-type01 .product-info_area .name{display: block; margin:11px 0 0; box-sizing: border-box;}
.product_info-type01 .product-info_area .name a{display: block;}
.product_info-type01 .product-info_area .name a strong{line-height: 140%; font-weight:normal; font-size:0.923em; color:#777}
.product_info-type01 .product-info_area .price{display: block; margin-top:9px;}
.product_info-type01 .product-info_area .price .before{color:#555; font-size:0.846em; text-decoration: line-through;}
.product_info-type01 .product-info_area .price .current{color:#555; font-size:1.077em}

.product_info-type01 .product-tag{text-align: center; min-height:22px; box-sizing: border-box;}
.product_info-type01 .product-btn_area{text-align: center; min-height:27px; box-sizing: border-box; position:absolute; left:0; right:0; bottom:5px;}
.product_info-type01 .product-btn_area ul{display: inline-block; overflow: hidden;}
.product_info-type01 .product-btn_area ul li{float: left; margin:0 9px;}
.product_info-type01 .product-btn_area ul li a{display: inline-block; text-align: center;}
.product_info-type01 .product-btn_area ul li.like{position:relative;}
.product_info-type01 .product-btn_area ul li.like a span{display: inline-block; width: 15px; height: 12.5px; position:absolute; top:0; left:0; right:0; margin:0 auto; /*webkit-perspective: 1500px; webkit-perspective-origin: 50% 50%; */ transform:rotateY(0); transform-style:preserve-3d; transition:all .5s;}
.product_info-type01 .product-btn_area ul li.like.on a span{transform:rotateY(180deg);}
.product_info-type01 .product-btn_area ul li.like a span img{position: absolute; top:0; left:0; width: 100%; -webkit-backface-visibility:hidden;}
.product_info-type01 .product-btn_area ul li.like a span img.off{transform:rotateY(0);}
.product_info-type01 .product-btn_area ul li.like a span img.on{transform:rotateY(180deg);}
.product_info-type01 .product-btn_area ul li.like a em{display: block; margin-top:13px; color:#e9607a; font-weight: bold; font-size: 0.692em; min-width:15px;}
.product_info-type01 .product-btn_area ul li.interest a:before,
.product_info-type02 .product-btn_area ul li.interest a:before{content: ''; display: inline-block; width:23px; height: 22px; background: url('../images/common/icon_product_btn.png') no-repeat left 0; background-size: 46px 22px;}
.product_info-type01 .product-btn_area ul li.cart a:before,
.product_info-type02 .product-btn_area ul li.cart a:before{content: ''; display: inline-block; width:23px; height: 22px; background: url('../images/common/icon_product_btn.png') no-repeat right 0; background-size: 46px 22px;}
.product_info-type01.soldout .product-img a:after{content: '품절'; position: absolute; top:0; left: 0; display:inline-block; padding-top:46%; width: 100%; /*height: 100%; */color:#fff; text-align: center; font-weight: bold; font-size: 0.923em;/* line-height: 80px;*/}
.product_info-type01.soldout .product-img a:before{content: ''; position: absolute; top:25%; left: 25%; display:inline-block; width: 50%; height: 50%; border-radius: 60%; background-color: rgba(0,0,0,.7);}

.product_info-type02{position: relative; overflow: hidden;}
.product_info-type02 .product-img{float: left; width: 80px; height: 80px;}
.product_info-type02 .product-img a{display: block;}
.product_info-type02 .product-img a img{width: 100%;}
.product_info-type02 .product-info_area{display:block; margin:10px 40px 10px 90px;}
.product_info-type02 .product-info_area .name strong{line-height: 1.5em;}
.product_info-type02 .product-info_area .price{display: inline-block; margin-top: 10px;}
.product_info-type02 .product-btn_area{position: absolute; top:14px; right: 0;}
.product_info-type02 .product-btn_area ul{}
.product_info-type02 .product-btn_area ul li.interest{margin-bottom: 10px;}
.product_info-type02 .product-btn_area ul li.cart{}
.product_info-type02.soldout .product-img a:after{content: '품절'; position: absolute; top:0; left: 0; display:inline-block; width: 80px; height: 80px; color:#fff; border-radius: 50%; background-color: rgba(0,0,0,.7); text-align: center; font-weight: bold; font-size: 0.923em; line-height: 80px;}


.product_info-type03{position: relative; overflow: hidden; padding:12px; border:1px solid #999; box-sizing:border-box;}
.product_info-type03 .left_area{float: left;}
.product_info-type03 .left_area .product-img{display: inline-block; width: 60px; height: 60px;}
.product_info-type03 .left_area .product-img img{width: 100%; height: 100%;}
.product_info-type03 .right_area{margin-left: 85px; padding-left: 10px;}
.product_info-type03 .right_area .name{display: block; margin-right: 25px; margin-bottom: 10px;}
.product_info-type03 .right_area dl{position: relative; display: block; overflow: hidden; padding:2px 0;}
.product_info-type03 .right_area dl dt{float: left; color:#767676; font-size: 0.846em;}
.product_info-type03 .right_area dl dd{font-size: 0.846em;}
.product_info-type03 .right_area dl.total_price{margin-bottom: 7px;}
.product_info-type03 .right_area dl.total_price dt{color:#555; font-weight: bold; font-size: 0.923em;}
.product_info-type03 .right_area dl.total_price dd{margin-left: 70px; color:#555; font-weight: bold; font-size: 0.923em;}
.product_info-type03 .right_area dl.option dd{margin-left: 30px;}
.product_info-type03 .right_area dl.amount dd{margin-left: 30px;}
.product_info-type03 .right_area dl.pay_way dd{margin-left: 50px;}
.product_info-type03 .right_area dl.order_status dd{margin-left: 50px; color:#bda691;}
.product_info-type03 .right_area dl.amount_select dt{margin-top: 4px;}
.product_info-type03 .right_area dl.amount_select dd{margin-left: 30px;}
.product_info-type03 .right_area dl.amount_select dd .form-select{width:95%;}
.product_info-type03 .right_area dl.amount_select dd .form-select .virtual_select{padding: 3px 30px 3px 10px; height: 25px; background-color: #fff;}
.product_info-type03 .right_area dl.amount_select dd .form-select .virtual_select:after{top:10px;}
.product_info-type03 .right_area dl.amount_select dd .form-select select{height: 25px;}
.product_info-type03 .bottom_area{margin:15px 10px 0; padding-top:10px; border-top:1px solid #e9ebea; box-sizing:border-box;}
.product_info-type03 .bottom_area dl{overflow: hidden; margin-top:5px;}
.product_info-type03 .bottom_area dl:first-child{margin-top:0px;}
.product_info-type03 .bottom_area dl dt{float: left; color:#767676; font-weight: bold;}
.product_info-type03 .bottom_area dl dd{float: right; font-weight: bold;}
.product_info-type03 .bottom_area dl.be_price dd{color:#bda691;}
.product_info-type03 .close{position: absolute; top:12px; right: 12px; width: 14px; height: 13.5px; background: url('../images/common/product_info_close.png') no-repeat; background-size: 14px 13.5px;}

.product_info-type03.soldout .left_area .product-img{position: relative; display: inline-block;}
.product_info-type03.soldout .left_area .product-img a{display: block;}
.product_info-type03.soldout .left_area .product-img a:after{content: '품절'; position: absolute; top:0; left: 0; display:inline-block; width: 60px; height: 60.5px; color:#fff; border-radius: 50%; background-color: rgba(0,0,0,.7); text-align: center; font-weight: bold; font-size: 0.923em; line-height: 60.5px;}
/****************form****************/
[class^="form-"]{display: inline-block;}

/*input*/
.form-text{position: relative; width:100%;}
.form-text input{padding:7px 10px; width: 100%; height: 32px; color:#767676; border:1px solid #e9ebea; -webkit-border-radius: 0; background-color: #fff; box-sizing:border-box; -webkit-appearance:none;}
.form-text label.placeholder{position: absolute; top:0; padding:7px 10px;}

/*select*/
.form-select{position: relative; width: 100%;}
.form-select select{opacity:0;  filter: alpha(opacity=0); width: 100%; height: 32px;}
.form-select .virtual_select{position:absolute; left:0; right:0; top:0; display: inline-block; overflow: hidden; padding:7px 30px 7px 10px; width: 100%; height: 32px; color:#767676; border:1px solid #e9ebea; -webkit-border-radius: 0; background-color:#fafafa; text-overflow: ellipsis; white-space: nowrap; box-sizing:border-box; -webkit-appearance:none;  cursor: pointer;}
.form-select .virtual_select:after{content: ''; position: absolute; top:12px; right: 10px; display: inline-block; width: 9px; height:5px; background: url('../images/common/select_arrow.png') no-repeat; background-size: 9px 5px;}

/*sort_select*/
.form-sort_select{position: relative; width: 80px;}
.form-sort_select select{opacity:0;  filter: alpha(opacity=0); width: 100%; height: 20px;}
.form-sort_select .virtual_select{position:absolute; left:0; right:0; top:0; display: inline-block; overflow: hidden; padding:2px 4px 2px 4px;width: 100%; height: 20px; color:#767676; -webkit-border-radius: 0; text-overflow: ellipsis; font-size: 0.923em; white-space: nowrap; box-sizing:border-box; -webkit-appearance:none;  cursor: pointer;}
.form-sort_select .virtual_select:after{content: ''; position: absolute; top:9px; right: 0; display: inline-block; width: 9.5px; height:5px; background: url('../images/common/icon_arr_d.gif') no-repeat; background-size: 9.5px 5px;}

/*check_box*/
.form-checkbox{position: relative; text-align: left; cursor:pointer; overflow: hidden;}
.form-checkbox input{position: absolute; top:0; left:0; opacity: 0; filter:alpha(opacity=0); width:16px; height: 16px;  cursor:pointer; z-index: 2;}
.form-checkbox label{float: left; /*margin-left:21px;*/ height: 17px; color:#555; vertical-align: middle; cursor:pointer;}
.form-checkbox label:before{content: ''; /*position: absolute; top:0; left:0;*/ z-index: 1; width:16px; height: 16px;  background: url('../images/common/checkbox.png') no-repeat 0 0; background-size: 16px; display:inline-block; vertical-align: middle; margin:0 5px 3px 0;}
.form-checkbox label.on:before{background-position: 0 bottom;}

/*radio_button*/
.form-radio{position: relative; text-align: left; cursor:pointer; overflow: hidden;}
.form-radio input{position: absolute; top:0; left:0; opacity: 0; filter:alpha(opacity=0); width:16px; height: 16px;  cursor:pointer; z-index: 2;}
.form-radio label{float: left; margin-left:21px; color:#555; vertical-align: top; cursor:pointer;}
.form-radio label:before{content: ''; position: absolute; top:0; left:0; z-index: 1; width:16px; height: 16px;  background: url('../images/common/radio.png') no-repeat 0 0; background-size: 16px}
.form-radio label.on:before{background-position: 0 bottom;}

/*form-file*/
.form-file {overflow: hidden; width: 100%;}
.form-file .form-text {float: left; width: 74%;}
.form-file > label {overflow: hidden; position: relative; float: right; color:#fff; cursor: pointer; width:24% !important; height: 32px; text-align: center; line-height: 30px; font-weight: bold; font-size: 0.923em;}
.form-file > label > input[type="file"] {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: -1;}

/*form-text_btn*/
.form-text_btn{overflow: hidden; width: 100%;}
.form-text_btn .form-text{float: left; width: 74%; vertical-align: top;}
.form-text_btn button{display: inline-block; float: right; width:24% !important; vertical-align: top;}

/*form-textarea*/
.form-textarea{position: relative; width: 100%;}
.form-textarea textarea{padding:7px 10px; width: 100%; color:#767676; border:1px solid #e9ebea; background-color: #fafafa; box-sizing:border-box; resize:none;}
.form-textarea label.placeholder{position: absolute; top:0; padding:7px 10px;}

/*form-mobile*/
.form-mobile{overflow: hidden; width: 100%;}
.form-mobile > *{float: left;}
.form-mobile .form-select{width: 32%;}
.form-mobile .form-text{margin-left: 2%; width: 32%;}
.form-mobile .form-checkbox{margin-top: 10px;}

/*form-birth*/
.form-birth{overflow: hidden; width:100%;}
.form-birth .form-select{float: left; margin-left: 2%; width: 32%;}
.form-birth .form-select:first-child{margin-left: 0;}

/*form-email*/
.form-email{overflow: hidden; width: 100%;}
.form-email .form-text{float: left; width: 47%;}
.form-email .form-text:first-child{position: relative; margin-right: 2%; padding-right: 4%;}
.form-email .form-text:first-child:after{content: '@'; position: absolute; top:6px; right: -3px; display: inline-block; text-align: center; vertical-align: top; color:#767676;}
.form-email .form-select{margin-top: 5px;}
.form-email .form-checkbox{margin-top: 10px;}

/****************table****************/
[class^="table-"]{}
[class^="table-"] p.info{margin-top: 7px; color:#767676; font-size: 0.923em;}
[class^="table-"] p.table_notice{margin-top: 7px; color:#555; font-size: 0.923em;}
[class^="table-"] p.table_notice:before{content: ''; display: inline-block; margin:0 5px 3px 0; width: 16.5px; height: 16.5px; background: url('../images/common/table_notice.png') no-repeat; background-size: 16.5px; vertical-align: middle;}
/*table-type_01*/
.table-type_01{padding:13px 0; border-top:2px solid #999; border-bottom:1px solid #e9ebea; box-sizing:border-box;}
.table-type_01 tr th,
.table-type_01 tr td{padding:9px 0; text-align: left; font-weight: normal;}
.table-type_01 tr th{color:#555;}

/*table-type_02*/
.table-type_02{width: 100%; border-top:2px solid #999999; border-bottom:1px solid #e9ebea; box-sizing:border-box;}
.table-type_02 tr td{padding:13px 0; border-top: 1px solid #e9ebea;}
.table-type_02 tr:first-child{border-top: 0;}


/****************board****************/

.board_header-type_01{overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #999999;}
.board_header-type_01 .total_amount{float: left; color:#767676; font-size: 0.923em; margin-top:-2px}
.board_header-type_01 .total_amount em{color:#bda691; font-weight: bold;}
.board_header-type_01 .sort_set{float: right;}
.board_header-type_01 .sort_set .form-sort_select{float: left; margin-top:-4px}




/****************notice_list****************/
[class^="notice_list-"]{}

/*notice_list-type_01*/
.notice_list-type_01{}
.notice_list-type_01 ul li{margin-top: 11px;}
.notice_list-type_0 1 ul li:first-child{margin-top: 0;}
.notice_list-type_01 ul li p{position:relative; padding-left: 7px; color:#767676; font-size: 0.923em; line-height: 1.5em;}
.notice_list-type_01 ul li p:before{content: ''; position: absolute; top:8px; left: 0; width: 2px; height: 2px; background-color:#717171;}


/****************etc****************/
/*notice_info*/
.notice_info{padding-top: 30px; padding-bottom: 25px; border-top: 2px solid #999; text-align: center;}
.notice_info:before{content: ''; display: inline-block; margin-bottom: 6px; width: 47.5px; height: 43px; background: url('../images/common/info_icon_sample.png') no-repeat; background-size: 47.5px 43px;}
.notice_info strong{display: block; margin-top: 15px; font-size: 1.154em;}
.notice_info p{display: block; margin-top: 15px; color:#767676;}

.notice_info.empty{border-top:0;}
.notice_info.empty:before{content: ''; display: inline-block; margin-bottom: 0; width: 39px; height: 44px; background: url('../images/common/icon_empty.png') no-repeat; background-size: 38.5px 44px;}
.notice_info.empty p{margin-top: 10px;}

/*exc_notice*/
p.exc_notice{color:#555;}
p.exc_notice:before{content: ''; display: inline-block; margin-right: 5px; width: 16.5px; height: 16.5px; background: url('../images/common/exc_notice.png') no-repeat; background-size: 16.5px; vertical-align: top;}


/*slide_info*/
.slide_info-type_01{width: 100%;}
.slide_info-type_01 .info_title{width: 100%; background-color: #999;}
.slide_info-type_01 .info_title a{position: relative; display: block;}
.slide_info-type_01 .info_title a strong{display: inline-block; padding:8px 15px; color:#fff;}
.slide_info-type_01 .info_title a:after{content: ''; position: absolute; top:17px; right:18px; display: inline-block; width:13px; height: 1px; background-color: #fff; -webkit-transform:rotate(90deg); transition-duration:0.3s;}
.slide_info-type_01 .info_title.active a:after{-webkit-transform: rotate(360deg);}
.slide_info-type_01 .info_title a:before{content: ''; position: absolute; top:11px; right:24px; display: inline-block; width:1px; height: 13px; background-color: #fff; -webkit-transform:rotate(90deg); transition-duration:0.3s;}
.slide_info-type_01 .info_title.active a:before{-webkit-transform: rotate(270deg);}
.slide_info-type_01 .info_cont{overflow: hidden; height: 0;}

.slide_info-type_02{width: 100%;}
.slide_info-type_02 > .info_title{width: 100%; border-top:1px solid #999999; border-bottom:1px solid #999999;}
.slide_info-type_02 > .info_title a{position: relative; display: block;}
.slide_info-type_02 > .info_title a strong{display: inline-block; padding:10px 5px; font-size: 1.077em;}
.slide_info-type_02 > .info_title a:after{content: ''; position: absolute; top:18px; right:23px; display: inline-block; background-color: #26283f; width: 7px; height: 1px; -webkit-transform:rotate(45deg); transition-duration:0.3s;}
.slide_info-type_02 > .info_title.active a:after{-webkit-transform: rotate(-45deg);}
.slide_info-type_02 > .info_title a:before{content: ''; position: absolute; top:18px; right:18px; display: inline-block; background-color: #26283f; width: 7px; height: 1px; -webkit-transform: rotate(-45deg); transition-duration:0.3s;}
.slide_info-type_02 > .info_title.active a:before{-webkit-transform: rotate(45deg);}
.slide_info-type_02 > .info_cont{overflow: hidden; height: 0;}

/*star_score*/
.star_score{display: inline-block; overflow: hidden;}
.star_score ul{overflow: hidden;}
.star_score ul li{float: left; width: 11px; height: 11px;}
.star_score ul li:before{content: ''; display: inline-block; width: 11px; height: 11px; background: url('../images/common/star_score.png') no-repeat 0 0; background-size: 11px 22px; vertical-align: top;}

.star_score.btn ul{float: left;}
.star_score.btn ul li{float: left; width: 23px; height: 23px;}
.star_score.btn ul li:before{content: ''; display: inline-block; width: 23px; height: 23px; background: url('../images/common/star_score.png') no-repeat 0 0; background-size: 23px 46px; vertical-align: top;}
.star_score.btn .score_txt{display: inline-block; margin-top:3px; margin-left: 5px; color:#767676;}
.star_score.btn .score_txt:before{content: '('; color:#767676;}
.star_score.btn .score_txt:after{content: ')'; color:#767676;}

.star_score ul.score_1 li:nth-child(1):before{background-position: 0 bottom;}
.star_score ul.score_2 li:nth-child(1):before,
.star_score ul.score_2 li:nth-child(2):before{background-position: 0 bottom;}
.star_score ul.score_3 li:nth-child(1):before,
.star_score ul.score_3 li:nth-child(2):before,
.star_score ul.score_3 li:nth-child(3):before{background-position: 0 bottom;}
.star_score ul.score_4 li:nth-child(1):before,
.star_score ul.score_4 li:nth-child(2):before,
.star_score ul.score_4 li:nth-child(3):before,
.star_score ul.score_4 li:nth-child(4):before{background-position: 0 bottom;}
.star_score ul.score_5 li:before{background-position: 0 bottom;}



/*amount_btn*/
.amount_btn{display: inline-block; overflow: hidden;}
.amount_btn > *{float: left;}
.amount_btn a{position: relative; display: inline-block; width: 24px; height: 24px; border:1px solid #e9ebea; background-color: #fff;}
.amount_btn a img{position: absolute; width: 10px; height: 10px; top:7px; left: 7px;}
.amount_btn input{width: 33px; height: 24px; color:#666; border-top:1px solid #e9ebea; border-bottom:1px solid #e9ebea; text-align: center; -webkit-border-radius: 0; -webkit-appearance:none;}

footer:after{content: ""; position: absolute; top: 0; left: 10px; right: 10px; height: 1px; background-color: #e9ebea;}
footer{position: relative; padding:15px 0 24px; background-size: 320px auto; text-align: center;}
footer > *{display: inline-block; width: 100%;}
/*2019-03-25*/
footer .footer-util_menu{margin-bottom: 15px;}
footer .footer-util_menu ul{overflow: hidden; display:block;}
footer .footer-util_menu ul + ul {margin-top:3px;}
footer .footer-util_menu ul li{display:inline-block; margin-left: 10px;}
/*2019-03-25*/
footer .footer-util_menu ul li:first-child{margin-left: 0;}
footer .footer-util_menu ul li:before{content: ''; display: inline-block; margin:2px 5px 2px 0; width: 1px; height: 9px; background-color: #bcbcbc; vertical-align: middle;}
footer .footer-util_menu ul li:first-child:before{content: none;}
footer .footer-util_menu ul li a{display: inline-block; color:#767676; font-size: 0.846em;}

/*2019-03-25*/

/*2018-11-23*/
footer .footer-info{margin-bottom: 25px;}
footer .footer-info span{display: block; margin-top: 2px; color:#767676; font-size: 0.769em;}
footer .footer-info span:first-child{margin-top: 0;}
footer .footer-info span.copyright{margin-top: 12px; font-weight: bold;}
footer .footer-bottom_btn .sns-box {margin-bottom:20px;}
footer .footer-bottom_btn .sns{display: inline-block;}
footer .footer-bottom_btn .sns li{float: left;}
footer .footer-bottom_btn .sns li:first-child{margin-left: 0;}
footer .footer-bottom_btn .sns li a{display: inline-block; width:31px; height:17.5px; background: url('../images/common/footer_sns.png') no-repeat; background-size: 125px 17.5px;}
footer .footer-bottom_btn .sns li.youtube a{background-position: -31px 0px;}
footer .footer-bottom_btn .sns li.instagram a{background-position: -62px 0px;}
footer .footer-bottom_btn .sns li.naver_cast a{width: 17px; background-position: -48px 0px;}
footer .footer-bottom_btn .sns li.kakao a {width:32px;background-position: -93px 0;}
footer .footer-bottom_btn > a{display: inline-block; padding-bottom: 5px; vertical-align: top; margin-left: 25px; border-bottom: 1px solid #999;}
footer .footer-bottom_btn > a em{line-height:17px;}
/*2018-11-23*/
footer .footer-escrow{margin-top:25px; padding:12px 10px; border:1px solid #e9ebea; color:#767667; font-size:0.769em; line-height:15px;}
footer .footer-escrow strong{display:block; font-size:1.100em; color:#7d7d7d; margin-bottom:5px;}
footer .footer-escrow a{display:inline-block; color:#555; text-decoration:underline; position:relative; padding-right:8px; margin-bottom:5px; background:url('../images/common/footer_escrow.png') no-repeat center right; background-size:3px 6px;}

footer .web_award{text-align:center; font-size:	0.769em; color:#767676; line-height:130%; margin-top:13px;}
footer .web_award p{text-align:left; display:inline-block; vertical-align:top; position:relative; padding:3px 0 0 31px; letter-spacing:-0.05em}
footer .web_award .awd_cosmetics{background:url(../images/common/img_web_award.jpg) 0 0 no-repeat; background-size:22px 30px;}
footer .web_award .awd_shopping{background:url(../images/common/img_web_award.jpg) 0 0 no-repeat; background-size:22px 30px; margin-left:13px;}



/*layer_popup*/

/*swiper_pagination*/
.swiper-pagination {bottom:0 !important;}
.swiper-pagination .swiper-pagination-bullet{ background-color: #26283f; opacity: 0.3;}
.swiper-pagination .swiper-pagination-bullet-active{background-color: #26283f; opacity: 1;}

/**
 * .seb_section 간격 통일
 */
/*pop_detail > 공통*/
.cart .detail_view #sub_section .content {margin-top:0;}
.join .join_service #sub_section .content {margin-top:0;}
/*장바구니 > 공통*/
.cart_detail #sub_section{padding-top:109px;}
.cart .detail_view #sub_section {padding-top:109px;}
.cart .pay_sharing #sub_section {padding-top:109px;}
.cart .annual_provision #sub_section {padding-top:109px;}
.cart.detail_view #sub_section {padding-top:109px;}
/*error > 공통*/
/*
.etc #sub_section {padding-top:72px;}
.etc .etc_search #sub_section{padding-top:109px;}
*/

/*'원' after*/
.price_st01:after {content:'원';}
.price_st02:after {content:'원'; font-weight: bold;}

/*'P' after*/
.point_st01:after {content:'P';}
.point_st02:after {content:'P'; font-weight: bold;}

/*"개" after*/
.amount_st01:after {content:'개';}

/*"%" after*/
.percent:after {content:'%';}



.main_popup {position: relative; display: none;}
.main_popup .banner_img{background:#ebdece;}
.main_popup .btn_area{position: absolute; left:0; width: 100%; overflow: hidden;}
.main_popup .btn_area .today_close{display: inline-block; position: relative; width: 100%; height: 40px; background-color: #d8c1ac; text-align: right; float: left;}
.main_popup .btn_area .today_close > span{display: block;text-align: left;margin-left: 15px;margin-top:10px;padding-right: 19px;}
.main_popup .btn_area .main_popup_close{position: absolute; right: 0; display: block; width: 40px; height: 40px; float: right;}
.main_popup .btn_area .main_popup_close img{width: 100%;}

.main_popup .btn_area .today_close input{width: 17px; height: 17px; margin-right: 6px; box-shadow: none; border-style:none;}
.main_popup .btn_area .today_close label{color:#fff; font-size: 13px; margin-right: 37px;}
.main_popup .banner_img img{width:100%;}

/* paging */
.paging {overflow:hidden; text-align:center; width:100%;}
.paging > ul {display:inline-block; overflow:hidden; text-align:center; vertical-align:top;}
.paging > ul > li {float:left;}
.paging > ul > li + li {margin-left:3px; margin-right:2px;}
.paging > ul > li > a {display:inline-block; overflow:hidden; color:#767676; font-size:0.923em; text-align: center; line-height: 25px; vertical-align: top; width:25px; height:25px;}
.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.gif') no-repeat; background-size:46px; background-color:none; border:1px solid #e1e1e1;}
.paging [class^='btn'] a{width:23px; height:23px; line-height:23px;}
.paging [class^='btn'] a:hover {background-color:transparent;}
.paging .btn-first{background-position:0 0;}
.paging .btn-prev{background-position:100% 0; margin:0 2px 0 5px}
.paging .btn-next{background-position:0 100%;  margin:0 5px 0 2px}
.paging .btn-last{background-position:100% 100%;}


#gnb li .mask{display:block; border-radius:200px; position:absolute; left:50%; top:50%; width:0px; height:0px; background-color:#262626; opacity:0.1;  -webkit-animation:btn_effect 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) forwards; animation:btn_effect 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;}
@keyframes btn_effect {
    0%{left:50%; top:50%; width:0px; height:0px; opacity:0.2}
    100%{margin:-250px 0 0 -250px; width:500px; height:500px; opacity:0}
}


/*2017.08.23 메인 개인정보 변경 팝업 추가*/
.modify_info_popup{position: relative; display: none; top:0}
.modify_info_popup .pw_info {margin-top:25px; border-top:2px solid #999; border-bottom:1px solid #999; padding:25px 20px; text-align:center;}
.modify_info_popup .pw_info strong {font-size:1.154em; line-height:140%;}
.modify_info_popup .pw_info p { padding-top:15px; color:#7d7d7d; line-height:140%;}
.modify_info_popup .pw_change_table .table-type_02 {border:0;}
.modify_info_popup .pw_change_table .table-type_02 tr:first-child td {border-top:0;}
.modify_info_popup .pw_change_txt {font-size:0.923em; color:#7d7d7d; padding:10px 0; border-top:1px solid #d8d8d8; position: relative;}
.modify_info_popup .pw_change_txt span { color:#bd953b;}
.modify_info_popup .pw_change_btn {margin-top:20px;}
.modify_info_popup .pw_change_btn a{width: 100%;}
.modify_info_cons{position: relative; padding:20px; background-color: #fff;}
.modify_info_cons .btn_set{display: block; text-align: center;}
.modify_info_cons .btn_set a{display: inline-block;}
.modify_info_popup .btn_area{position: absolute; top:0; right:0;}
.modify_info_popup .btn_area a img{width: 40px;}


/*2018-11-02 공통부분으로 인해 겹치는 부분*/
#companyinfo #sub_section {padding:0;}