/* BASIC css start */
 
#contentWrapper {
	padding-top: 92px !important
}

  
  :root {
    /* 색상 */
    --point-color: #000;
    --special-color: #FF742C;

    /* 폰트 */
    --base-font: 'Pretendard', 'Montserrat', -apple-system, BlinkMacSystemFont, system-ui,
                 Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo",
                 "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji",
                 "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;

    /* 기본 폰트 크기 */
    --base-size: 14px;
  }
  
    @font-face {
      font-family: 'Montserrat';
      src: url('https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)') format('woff2');
      unicode-range: U+0020-007E; 
    }

    @font-face {
      font-family: 'Pretendard';
      src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/packages/pretendard/dist/web/static/woff2/Pretendard-Medium.woff2') format('woff2');
      unicode-range: U+AC00-D7A3; 
      font-weight:100 900;
    }

    @font-face {
      font-family: 'Pretendard-N';
      src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/packages/pretendard/dist/web/static/woff2/Pretendard-Medium.woff2') format('woff2');
      unicode-range: U+AC00-D7A3; 
    }


    body {
      font-family: 'Pretendard', 'Montserrat', sans-serif;
        font-size: var(--base-size);
        line-height: 1.5;
        color: var(--point-color);
    }

 



.scroll-lock{overflow: hidden;}
    
    
main{padding-bottom:20px}

#container{
    background: #fff;
    padding-top:90px}

#wrap {
	overflow:auto;
}
#mask {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index: 200
}
/* header */
#head_box {
	z-index:1111;
	position:fixed;
	background:#fff;
	width:100%;
}
#header {
    z-index: 100;
    height: 53px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#topBnr {
	text-align:center;
    height: 39px;
    align-content: center;
    background: #4E5258
}

#topBnr .topBnrBox {
}
#topBnr .topBnrBox p {
	color:#fff;
	font-size:12px;
	line-height:16px;
	font-weight:500;
}
#topBnr .topBnrBox p span {
	font-weight:800
}
#header .headerTnb {
    margin-right: 14px;
}

#header .headerTnb:after {
	display:block;
	clear:both;
	content:''
}
#header .headerTnb .tnb {
}
#header .headerTnb .tnb ul {
    font-size:0;
}

#header .headerTnb .tnb li {
	padding-left:15px;
	display:inline-block;
	vertical-align:middle;
}
#header .headerTnb .tnb li img{vertical-align: middle;}

#header .headerTnb .tnb li.src {
}

#header .headerTnb .tnb li.cart {
	position:relative;
}
#header .headerTnb .tnb li.cart a {
}
#header .headerTnb .tnb li.cart a p {
    width: 15px;
    height: 15px;
    background: var(--point-color);
    border-radius: 100%;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 9px;
    font-weight: 600;
    line-height: 15px;
    position: absolute;
    right: -6px;
    bottom: 8px;
}
#header .headerTnb .tnb li a {
	display:block;
	font-size:var(--base-size);
	color:var(--point-color);
}
#header .headerTop {
    height: 53px;
    line-height: 53px;
	*zoom:1
}
#header .headerTop:after {
	display:block;
	clear:both;
	content:''
}
#header .headerTop .tlogo {
	height:53px;
    line-height: 53px;
}
#header .headerTop .tlogo a {
	display:block;
}

#header .headerTop .tlogo a img{
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 52px;
    width:80px;
}



#header .headerGnb {
}
#header .headerGnb .gnbInner {
}
#header .headerGnb .gnbInner>ul {
	*zoom:1
}
#header .headerGnb .gnbInner>ul:after {
}
#header .headerGnb .gnbInner>ul li {
}
#header .headerGnb .gnbInner>ul li:first-child {
	margin-left:0
}
#header .headerGnb .gnbInner>ul li:last-child {
	margin-right:0
}
#header .headerGnb .gnbInner>ul>li a {
}
#header .headerGnb .gnbInner>ul>li a:before {
}
#header .headerGnb .gnbInner>ul>li a:active:before,#header .headerGnb .gnbInner>ul>li a:focus:before,#header .headerGnb .gnbInner>ul>li a:hover:before {
}
#header .headerGnb .gnbInner>ul>a:hover {
}
#header .headerGnb .gnbInner>ul li.first {
}
#header .headerGnb .gnbInner>ul li.last {
}
#header .headerGnb .gnbInner .submenu {
}
#header .headerGnb .gnbInner .submenu.on {
}
#header .headerGnb .gnbInner .submenu ul {
}
#header .headerGnb .gnbInner .submenu ul li {
}
#header .headerGnb .gnbInner .submenu ul li a {
}

.ham-best{
    background: #fff;
    padding: 15px;
    border-top: 8px solid #eee;}
.ham-best h4{    font-size: 12px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;}
.ham-best h4 a{
    float: right;
    font-size: 10px;
    font-weight: 400;}
.ham-best ul{display: flex;
    justify-content: space-between;
    gap: 9px;
}
.ham-best ul li{width:33.3%}
.ham-best ul li a{}
.ham-best ul li a img{border-radius: 10px;width:100%}

.ham-footer{background:#F5F5F5}
.ham-footer a{
    position:relative;
    display: block;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    font-size: 12px;
    color: #000;
    font-weight: 500;}

.ham-footer a:nth-child(1)::after{
    content: "|";
    position: absolute;
    right: 0;
    font-size: 10px;
    height: 10px;
    width: 1px;
    font-size: 0;
    display: block;
    z-index: 222;
    background: #ddd;
    top: 20px;}
/* 다찾다 자동완성*/

.search-auto-complete-list {
	display:none;
	z-index:1;
	position:absolute;
	top:40px;
	left:0;
	border:1px solid #ddd;
	border-top:1px solid #000;
	line-height:14px;
	background:#fff;
}
.search-auto-complete-list ul {
	width:202px;
	padding:4px 0 6px;
	border-bottom:1px solid #ddd;
}
.search-auto-complete-list ul li {
	text-align:left;
}
.search-auto-complete-list ul li.on {
	background:#f3f3f3;
}
.search-auto-complete-list ul li a {
	display:block;
	padding:8px 14px 7px;
	color:#000;
	background:none;
	_font-family:'dotum';
	font-size:12px;
	letter-spacing:-1px;
}
.search-auto-complete-list ul li a strong {
	color:#ab3e41;
}
.search-auto-complete-list ul li a:hover {
	background:#f2f2f2;
}
.search-auto-complete-list ul li a:hover span {
	border-bottom:1px solid #000;
}
.search-auto-complete-list .search-list-close {
	display:block;
	padding:10px 11px;
	text-align:right;
	color:#999;
	font-size: 11px;
}
/* 다찾다 검색 파인더 */
#allfinder-layer {
	z-index:9999;
	position:fixed;
	top:50px;
	right:110px;
	width:1000px;
	zoom:1;
	overflow:hidden;
}
#allfinder-layer .finder-body {
	display:none;
	z-index:1;
	position:relative;
	width:998px;
	*width:918px;
	padding:35px 40px 5px;
	max-height:800px;
	overflow-x:hidden;
	overflow-y:auto;
	box-sizing:border-box;
	border:1px solid #666;
	background:#fff;
}
#allfinder-layer .finder-body .finder-close {
	position:absolute;
	top:15px;
	right:10px;
	font-size:24px;
	color:#000;
	*width:19px;
	*height:24px;
	*background:url('/images/common/btn_h11_close.gif') no-repeat center center;
	*background-size:19px 24px;
}
#allfinder-ctr {
	z-index:10000;
	position:fixed;
	top:50px;
	right:0;
	width:103px;
	height:86px;
}
#allfinder-ctr a {
	display:block;
	width:100%;
	height:100%;
	background:url('/images/common/allfinder_ctrl_pc.png') no-repeat right top;
	border:none;
	outline:none;
	font-size:0;
}
.all-finder-layer .finder-body .finder-tbl table {
	border:1px solid #ccc;
	border-top:1px solid #000;
}
.all-finder-layer .finder-body .finder-tbl th,.all-finder-layer .finder-body .finder-tbl td {
	height:40px;
	border-top:1px solid #e5e5e5;
	font-size:13px;
	_font-family:'Malgun Gothic';
	color:#000;
}
.all-finder-layer .finder-body .finder-tbl tr:first-child th,.all-finder-layer .finder-body .finder-tbl tr:first-child td {
	border-top:none;
}
.all-finder-layer .finder-body .finder-tbl th {
	padding:5px 0;
	background:#f4f4f4;
	text-align:left;
	vertical-align:top;
}
.all-finder-layer .finder-body .finder-tbl th .txt-l {
	position:relative;
	height:34px;
	line-height:34px;
	padding:0 20px;
	margin:3px 0;
}
.all-finder-layer .finder-body .finder-tbl th .txt-l .fa {
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-6px;
}
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-tooltip-btn {
	display:inline-block;
	width:20px;
	height:20px;
	line-height:22px;
	border:1px solid #cecece;
	border-radius:20px;
	color:#666;
	font-size:11px;
	background:#fff;
	text-align:center;
	outline:none;
}
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer {
	display:none;
	position:absolute;
	top:33px;
	left:52px;
	width:270px;
	padding:0 20px 18px;
	border:1px solid #000;
	background:#fff;
	text-align:left;
	font-weight:normal;
	color:#000;
	z-index:1
}
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-btn-close {
	display:inline-block;
	position:absolute;
	top:14px;
	right:20px;
	margin:0;
	font-size:21px;
	color:#000;
	outline:none;
	*width:19px;
	*height:22px;
	*background:url('/images/common/btn_h11_close.gif') no-repeat center center;
}
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-tit {
	padding:18px 0;
	border-bottom:1px solid #e5e5e5;
	font-size:15px;
	font-weight:bold;
	line-height:15px;
}
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-cnt {
	padding-top:16px;
	line-height:1.5;
	font-size:13px;
}
.all-finder-layer .finder-body .finder-tbl td {
	padding:5px 10px;
}
.all-finder-layer .finder-body .txt-input {
	height:21px;
	line-height:21px;
	padding:0 5px;
	font-size:13px;
	_font-family:'Malgun Gothic';
}
.all-finder-layer .finder-body .finder-category {
	height:40px;
	overflow:hidden;
}
.all-finder-layer .finder-body .finder-category.open {
	height:100%;
	overflow:visible;
}
.all-finder-layer .finder-body tr.finder-child-category {
	display:none;
}
.all-finder-layer .finder-body tr.finder-child-category th,.all-finder-layer .finder-body tr.finder-child-category td {
	border-top:none;
}
.all-finder-layer .finder-body tr.finder-child-category td {
	background:#fbfbfb;
}
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 {
	display:inline-block;
	margin:3px 5px 3px 0;
	padding:5px 10px;
	cursor:pointer;
	line-height:22px;
	vertical-align:top;
	word-break:break-all;
	color:#9a9a9a;
}
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 .fa-check {
	display:none;
}
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on {
	font-weight:bold;
	color:#000;
	border:0;
	border-radius:0;
	box-shadow:unset;
}
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on .fa-check {
	display:inline-block;
	margin-right:3px;
}
.all-finder-layer .finder-body .finder-color {
	padding-left:10px;
}
.all-finder-layer .finder-body .finder-price .finder-price-input {
	display:inline-block;
	padding-top:5px
}
.all-finder-layer .finder-body .finder-price .finder-price-input label {
	display:inline-block;
	width:110px;
	padding:0 10px;
	border:1px solid #ccc;
	border-radius:3px;
	color:#666;
}
.all-finder-layer .finder-body .finder-price .finder-price-input label .txt-input {
	display:inline-block;
	width:90px;
	height:29px;
	line-height:29px;
	padding:0;
	border:none;
	background:none;
	color:#333;
	text-align:right;
}
.all-finder-layer .finder-body .finder-search {
	position:relative;
	padding-left:5px;
}
.all-finder-layer .finder-body .finder-search label {
	display:inline-block;
	width:320px;
	padding:0 10px;
	border:1px solid #ccc;
	border-radius:3px;
}
.all-finder-layer .finder-body .finder-search label .txt-input {
	display:block;
	width:100%;
	height:29px;
	line-height:29px;
	padding:0;
	border:none;
	background:none;
	color:#333;
	text-align:left;
}
.all-finder-layer .finder-body .finder-btn-c {
	padding:30px 0;
	text-align:center;
}
.all-finder-layer .finder-body .finder-btn-c a.reset {
	display:inline-block;
	width:140px;
	height:60px;
	line-height:57px;
	border:none;
	border-radius:3px;
	background:#999;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	_font-family:'Malgun Gothic';
	margin-right:15px;
}
.all-finder-layer .finder-body .finder-btn-c button {
	display:inline-block;
	height:60px;
	line-height:57px;
	padding:0 30px;
	*padding:0;
	border:none;
	border-radius:3px;
	background:#000;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-0.5px;
	font-family:'Malgun Gothic';
	cursor:pointer;
}
.all-finder-layer .finder-body .finder-btn-c button span.ico-search {
	visibility:visible;
	display:inline-block;
	width:16px;
	height:15px;
	margin-right:10px;
	margin-top:-4px;
	*margin-top:0;
	vertical-align:middle;
	background:url('/images/common/btn_h15_search.png') no-repeat 0 0;
}
.all-finder-layer .finder-body .finder-btn-c button span.finder-count {
	visibility:visible;
	display:inline-block;
	height:60px;
	color:#ffd800;
	font-size:23px;
	*vertical-align:middle;
}
.all-finder-layer .finder-body .finder-btn-c button span.finder-count-toggle {
	visibility:visible;
	display:none;
}
.all-finder-layer .finder-body .finder-options {
	display:inline-block;
	margin:3px 5px 3px 0;
	padding:5px 10px;
	cursor:pointer;
	line-height:22px;
	border:1px solid #fff;
	vertical-align:top;
	word-break:break-all;
}
.all-finder-layer .finder-body .finder-options.on {
	font-weight:bold;
	border:1px solid #000;
	border-radius:20px;
	box-shadow:2px 2px 3px #d2d2d2;
}
.all-finder-layer .finder-body .finder-option-color em {
	display:inline-block;
	width:22px;
	height:22px;
	border-radius:20px;
	font-size:0;
	vertical-align:top;
}
.all-finder-layer .finder-body .finder-option-color.color-picker {
	width:22px;
	height:22px;
	padding:0;
	border:none;
}
.all-finder-layer .finder-body .finder-option-color.color-picker.on {
	border:none;
}
.all-finder-layer .finder-body .finder-option-color.color-picker .fa-check {
	display:none;
	width:22px;
	height:22px;
	margin-top:-17px;
	color:#fff;
	text-align:center;
}
.all-finder-layer .finder-body .finder-option-color.color-picker.on .fa-check {
	display:block;
}
.all-finder-layer .finder-body .finder-option-color.color-picker.on.finder-option-color-white .fa-check {
	color:#000;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-black em {
	background-color:#000;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-white em {
	background-color:#FFF;
	width:20px;
	height:20px;
	border:1px solid #e5e5e5;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gray em {
	background-color:#808080;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-beige em {
	background-color:#e5d0b2;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-brown em {
	background-color:#aa6810;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-navy em {
	background-color:#425583;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-blue em {
	background-color:#0000ff;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-blue em {
	background-color:#62acff;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-red em {
	background-color:#ff0000;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-orange em {
	background-color:#ffa500;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-yellow em {
	background-color:#ffff00;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-pink em {
	background-color:#ffc0cb;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-purple em {
	background-color:#800080;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-jaju em {
	background-color:#a63f7f;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-khaki em {
	background-color:#2f5e2f;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-green em {
	background-color:#008000;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-green em {
	background-color:#72dd95;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-silver em {
	background-color:#dfdfdf;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gold em {
	background-color:#cfbc4e;
}
.all-finder-layer .finder-body .finder-option-color.finder-option-color-apricot em {
	background-color:#fbceb1;
}
.all-finder-layer .finder-body .search-auto-complete-list {
	display:none;
	z-index:1;
	position:absolute;
	top:30px;
	left:5px;
	border:1px solid #ddd;
	line-height:14px;
	background:#fff;
}
.all-finder-layer .finder-body .search-auto-complete-list ul {
	width:340px;
	padding:4px 0 6px;
	border-bottom:1px solid #ddd;
}
.all-finder-layer .finder-body .search-auto-complete-list ul li {
	text-align:left;
}
.all-finder-layer .finder-body .search-auto-complete-list ul li.on {
	background:#f3f3f3;
}
.all-finder-layer .finder-body .search-auto-complete-list ul li a {
	display:block;
	padding:8px 14px 7px;
	color:#000;
	background:none;
	_font-family:'dotum';
	font-size:12px;
	letter-spacing:-1px;
}
.all-finder-layer .finder-body .search-auto-complete-list ul li a strong {
	color:#ab3e41;
}
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover {
	background:#f2f2f2;
}
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover span {
	border-bottom:1px solid #000;
}
.all-finder-layer .finder-body .search-auto-complete-list .search-list-close {
	display:block;
	padding:10px 11px;
	text-align:right;
	color:#999;
	font-size:11px;
}
.all-finder-layer .finder-body .finder-search-data .finder-options {
	border:1px solid #e5e5e5;
	box-shadow:none;
}
.all-finder-layer .finder-body .finder-search-data .finder-options .fa-close {
	margin-left:10px;
	color: #999;
}
/* pc더보기 버튼 추가 영역 */
.product-wrap .more {
	text-align:center;
	_margin:24px 0px;
}
.btn_moreGray {
	font-size:0;
	border-radius:4px;
    width: 179px;
    height: 46px;
    line-height: 46px;
	border:0px none;
	display:block;
	margin:0 auto;
	font-weight:500;
	color:#5F4541;
	background:url(//skin.makeshop.co.kr/skin/lovelyimg/more_btn.png) #E0D6D4 no-repeat;
	background-position:115px center;
}
button.btn_moreGray:after {
	margin-left:-15px;
	font-size:14px;
	content:"더보기";
}
.btn_moreGray span {
	line-height:20px;
	font-size:15px;
	font-weight:500;
	color:#5F4541;
}
.btn_moreGray span em {
	color: #f1191f;
}


/*검색 팝업*/
.popup-wrap {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	/* 초기 숨김 */
	z-index:9999;
}
.popup-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.5);
	/* 검정 빈 공간 */
}
.popup-layer {    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: #fff;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
}

.popup-close-btn {
    position: absolute;
    top: 10px;
    left: 5px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    z-index: 22;
    width: 15px;
}

.popup-close-btn img{width:100%}

.searchArea {}

.searchArea .search {
    position: relative;
    border-bottom: 2px solid #FF742C;
}
.searchArea .search input {
    height: 37px;
    line-height: 37px;
    border: 0;
    font-size: 14px;
    color: #999;
    font-weight: 400;
    margin-left: 20px;
    width: calc(100% - 57px);
}
.searchArea .search a {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    background: #fff;
}


.searchArea .search a img{
    vertical-align: middle;}

/*햄버거메뉴*/
.ham-wrap {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	/* 초기 숨김 */
	z-index:9999;
}
.ham-open-btn{    
    z-index: 222;
    position: absolute;
    left: 15px;
    top: 16px;
}

.ham-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.5);
	/* 검정 빈 공간 */
}
.ham-layer {
    overflow-x: hidden;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:#F6F4F3;
}
.ham-layer .ham-content{    
}

.ham-layer .ham-content .logonoff{
    padding: 16px 15px;
    background: #fff;
    border-bottom: 1px solid #F3F3F3;
    line-height: 1;
}

.ham-layer .ham-content .logonoff p{
    font-size: 14px;
    color:#000;
    font-weight:400}
.ham-layer .ham-content .logonoff p a{
    text-decoration:underline;
    font-weight: 700;
}

.ham-layer .ham-content .logonoff > a{}
.ham-layer .ham-content .logonoff > a:nth-child(1){padding-right:20px;position:relative;}
.ham-layer .ham-content .logonoff > a:nth-child(1)::after{content:"";height:12px; width:1px; position:absolute; right:0; top: 3px; background: #E1D9D7;}
.ham-layer .ham-content .logonoff > a:nth-child(2){padding-left:20px;}

.ham-layer .ham-content .logonoff a img{
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;
}

.ham-close-btn {
	position:absolute;
	top:19px;
	right:19px;
	background:none;
	border:none;
	font-size:20px;
	cursor:pointer;
}

.popup-close-btn img,
.ham-close-btn img{width:100%; display:block !important}

.ham-linkmap{background: #fff;
    border-bottom: 8px solid #eee;
}

.ham-linkmap ul{
    display: flex;
    justify-content: space-between;
    padding: 15px 0;}
    
.ham-linkmap ul li{
    position:relative;
    width: 25%;
    text-align: center;}
    
.ham-linkmap ul li:after{
    content: "|";
    position: absolute;
    right: -1px;
    bottom: 4px;
    background: #ddd;
    font-size: 0;
    width: 1px;
    height: 10px;
}

.ham-linkmap ul li a{
    display: block;
    font-size: 12px;
    color: #000;
    font-weight: 400;}


.ham-linkmap ul li:nth-last-child(1)::after{opacity:0}
.ham-linkmap ul li:nth-child(1){padding-left: 0;}
.ham-linkmap ul li.nth-last-child(1){padding-right: 0;}

.ham-wrap .headerGnb {
    background:#fff;
}

.ham-wrap .headerGnb .gnbInner {
}

.ham-wrap .headerGnb .gnbInner >ul {
}

.ham-wrap .headerGnb .gnbInner >ul >li {
    border-bottom: 1px solid #f3f3f3
}

.ham-wrap .headerGnb .gnbInner >ul >li > a {
    padding: 15px;
    font-size: 12px;
    color: #000000;
    font-weight: 600;
    font-family: var(--base-font);
    display: inline-block;
    width: 100%;
    position: relative;
}


.ham-wrap .headerGnb .gnbInner >ul >li > a.sub::after{
    content: "";
    background: url(//skin.makeshop.co.kr/skin/lovely/Mimg/ham_arr.png) no-repeat right center;
    transition: transform 0.3s;
    font-size: inherit;
    width: 14px;
    height: 8px;
    display: inline-block;
    float: right;
    position: absolute;
    right: 15px;
    top: 21px;
}

.ham-wrap .headerGnb .gnbInner >ul >li > a.sub.active::after{
  transform: rotate(180deg);
}


.ham-wrap .headerGnb .gnbInner >ul >li .submenu {
  display: none; 
}

.ham-wrap .headerGnb .gnbInner >ul >li .submenu > ul{

}


.ham-wrap .headerGnb .gnbInner >ul >li .submenu > ul > li{
    border-top: 1px solid #F3F3F3;

}

.ham-wrap .headerGnb .gnbInner >ul >li .submenu > ul > li > a{
    font-size: 12px;
    font-family: 'Pretendard';
    color: #3F3F3F;
    font-weight: 600;
    padding: 15px 0 15px 30px;
    display: block;
}
/* BASIC css end */