/* BASIC css start */
/* 웹폰트 */
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Lato');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@700&display=swap');
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script|Nanum+Pen+Script&display=swap&subset=korean');
@import url(https://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);
@import url(https://fonts.googleapis.com/css?family=Courgette);
@import url(https://fonts.googleapis.com/css?family=Homemade+Apple);
@import url(https://fonts.googleapis.com/css?family=Sarina);
@import url(https://fonts.googleapis.com/css?family=Bitter);
@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Handlee&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Mukta&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script|Nanum+Pen+Script&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Beth+Ellen&display=swap');


/* 191104 morenvy 정환 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:middle; }
table { border:0; border-spacing:0; border-collapse:collapse; }
th,td { border:0; }


::selection { background:#c39562; color:#fff; }
.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}
.left { text-align: left; }
.center { text-align: center; }
.top { caption-side: top; }
.right { text-align: right; }
.bold { font-weight: bold; }
.none { display:none; }

.pdr5 {padding-right:5px;}
.pdr10 {padding-right:10px;}
.pdr15 {padding-right:15px;}
.pdr20 {padding-right:20px;}

.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}
.pdt100 {padding-top:100px;}

.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb15 {padding-bottom:15px;}

.mrt80 {margin-top:80px !important;}

.mrt5 {margin-top:5px;}
.mrt10 {margin-top:10px;}
.mrt15 {margin-top:15px;}
.mrt20 {margin-top:20px;}
.mrt25 {margin-top:25px;}
.mrt30 {margin-top:30px;}
.mrt35 {margin-top:35px;}
.mrt40 {margin-top:40px;}
.mrt50 {margin-top:50px;}
.mrt60 {margin-top:60px;}
.mrt70 {margin-top:70px;}
.mrt80 {margin-top:80px;}
.mrt90 {margin-top:90px;}
.mrt100 {margin-top:100px;}

/* 공통레이아웃 */
#header, #layerWrap, #contentWrap, #ftLink .link {width:auto;background-color:#fff;padding:0;margin:0 auto;}
.item-wrap,
#content {min-height:740px;margin:0 auto;}
#aside {margin:0 auto;}

#contentWrapper {width:1680px; margin:0 auto;}
.loc-navi {font-size:12px; text-align:right; border-bottom: 1px solid #e5e5e5; margin: 0px 0px 50px 0px; height:30px;line-height:30px; vertical-align:middle; padding: 10px 0px 10px 0px;}
.loc-navi a {height:30px;line-height:30px;}
.paging li a,
.paging li a:hover {font-weight:normal;letter-spacing:0;font-family:'Lato','Noto Sans KR',sans-serif;}
.paging li a:hover {color:#111;}
.paging li.now a {font-weight:bold;letter-spacing:0;}
.width1740 {width:1680px;margin:0 auto;position:relative;}
body, h1, h2, h3, h4, h5, h6, table, select, textarea, a, p {font-family:'Lato','Noto Sans KR',sans-serif;}


/* 게시판 상단 리스트 숨김 */
.bbs-hd {display:none;}

/* 상품리스트 (메인/검색/상품리스트)  */
.prd-list {max-width:1680px;margin:0px auto;}
.prd-list table td { border:0; vertical-align:top; text-align:center; padding-bottom:85px;}
.prd-list table td .box { }
.prd-list table .tb-center {margin:0 auto; padding:0 5px; text-align:center;position:relative; }
.prd-list table .info {position:relative; width:100%; padding:0; text-align:left;}
.prd-list .thumb { width:100%;height:100%;font-size:0;padding:0;line-height:0; position:relative; text-align: center; }
.prd-list .thumb:hover {border:0px solid #999;}
.prd-list .thumb a,
.prd-list .thumb img { display: block; width: 100%; height: 100%;}
.prd-list .thumb img {border:0;}
.prd-list .info {position:relative;}
.prd-list .dsc {margin-top:20px; color:#1b1b1b; font-size:14px; font-weight:400; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prd-list .subname { color: #1b1b1b; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0.03em; font-weight: 300; font-style: italic; }
.prd-list .price { position:relative; margin-top:10px; color:#000; font-size:15px; font-weight:700; text-align:left;}
.prd-list .consumer {margin-left:7px; color:#999; font-size:14px; font-weight:300; text-align:left; text-decoration:line-through;}
.prd-list .icon_list {position:absolute; bottom:0; right:0px; width:100%; opacity:0; -webkit-transition: .3s ease-in-out;transition:.3s ease-in-out;}
.prd-list .icon_list li {display:inline-block; margin:0 3px; vertical-align:top;}
.prd-list .icon_list .btn_opt img {border-radius:100%;}
.prd-list .btn_zoom {font-size:0px;text-align:center;}
.prd-list .btn_zoom a {display:inline-block;}
.prd-list .btn_zoom img {width:auto;height:auto;margin:0 auto;}
.prd-list .icon {margin-top:15px; font-size:0px;text-align:left;}
.prd-list .icon img {width:auto;height:auto;margin:0 6px 0 0;cursor:pointer;}
.prd-list .box:hover .icon_list,
.prd-list table td:hover .icon_list {bottom:20px;; opacity:1;}
.prd-list .nopadding td {padding:0;}
.mk_option_preview .mk_prd_option_list {font-size:12px;border:1px solid #999;font-family:'Noto Sans KR','Montserrat', sans-serif;}
.mk_option_preview .mk_prd_option_list .option-name {background-color:#f4f4f4;color:#333;border-left:0;padding:6px;}
.mk_option_preview .mk_prd_option_list li {margin:5px 14px;}
.prd-list #sale_bg { position:absolute; top:0; right:20px; color:#ff4800; font-size:14px; font-weight:bold; letter-spacing: -0.01em; }

/* 공통 애니메이션 css */
@keyframes blink { 0% {opacity:0.5;} 50% {opacity:1;} 100% {opacity:0.5;} }
@-webkit-keyframes blink { 0% {opacity:0.5;} 50% {opacity:1;} 100% {opacity:0.5;} }
   

/* 로그인화면 중앙정렬 */
#findIdPwd_result,
#findWrap,
#loginWrap {width:1100px;margin-right:auto;margin-left:auto}


/* 상품리뷰 */
.review_prd01 { text-align: left; font-size: 11px; padding-top: 5px; }
.review_prd02 { padding: 0px 5px; color: #999; }


/* 롤오버 */
a img.menuon {display:none;}
a img.menuoff {display:inline;}
a:hover img.menuon {display:inline;}
a:hover img.menuoff {display:none;}
.move {-webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;   transition: all 0.3s;}

/* 상단 */
#header {position:relative; width:100%; margin:0;}
#header .inner {position:relative;width:1720px;margin:0 auto;}

.header_sec01 { width:100%;height:50px;margin:0 auto; }
.header_sec01 .header_inner {width:1680px;height:50px;margin:0 auto;position:relative;}
.header_sec01 ul.sec01_left {float:left;}
.header_sec01 ul.sec01_left li { float:left; }
.header_sec01 ul.sec01_left li:first-child {padding-left:0px;}
.header_sec01 ul.sec01_left li a {line-height:50px; font-size:12px; color:#888; }
.header_sec01 ul.sec01_left li a:hover {color:#000;}
.header_sec01 ul.sec01_right {float:right;}
.header_sec01 ul.sec01_right li {float:left;  padding:0px; position:relative;}
.header_sec01 .top_login {padding-left:14px;height:50px;}
.header_sec01 .top_login ul {float:right;}
.header_sec01 .top_login ul li {text-align:right; font-size:12px; color:#d1d1d1; line-height:50px;}
.header_sec01 .top_login ul li a {font-size:12px; color:#c2935f; line-height:50px;}
.header_sec01 .top_login ul li a:hover { color:#967959; }
.header_sec01 .top_login .mid {padding:0px 8px;}

/* 상단영역01 : 인기검색어 */
.header_sec01 .top_pop {width:126px;  height:50px; border-bottom:1px solid #fff; text-align:left; background:url('/design/piraper/0776another/ico_top_ar.gif') no-repeat; background-position:100px center; position:relative;}
.header_sec01 .top_pop a.first {line-height:50px; font-size:12px; color:#888;  display:inline-block; width:80px; margin-left:18px; overflow:hidden;  white-space: nowrap; text-overflow: ellipsis; }

.header_sec01 .top_pop a strong { }

.header_sec01 .top_pop:hover .top_pop_sub {opacity:1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; top:50px;}
.header_sec01 .top_pop .top_pop_sub {width:126px; border:1px solid #ebebeb; border-top:1px solid #fff;  position:absolute; top:-113px; left:-1px; z-index:200; background-color:#fff; opacity:0; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.header_sec01 .top_pop .top_pop_sub a {height:36px; line-height:36px; font-size:12px; color:#888; display:block; padding-left:18px;}
.header_sec01 .top_pop .top_pop_sub a:hover {color:#fff; background-color:#c2935f; }
.top_search input.MS_search_word {width: 170px; background: transparent; border: 0; height: 20px; line-height: 20px; color: #c2935f; font-size: 12px; text-indent: 0px; border-bottom: 1px solid #c2935f; padding: 0px 0px 0px 0px; font-family: 'Nanum Gothic','Montserrat', Dotum, AppleGothic, Helvetica, sans-serif; }
.header_sec01 .top_search .btn-sch {position:absolute; top:18px; right:20px;}

/* 상단 영역 01:다국어 */
.header_sec01 .sec01_global {position:relative;width:115px;background:url('/design/piraper/0776another/ico_top_ar.gif') no-repeat;background-position:87px center;padding:0px !important;text-align:left;}
.header_sec01 .sec01_global a { display:inline-block;}
.header_sec01 .sec01_global .ico_kor {font-size:12px; float:left;padding:0 5px 0px 20px !important;color:#888;}
.header_sec01 .sec01_global img {vertical-align:middle;}
.header_sec01 .sec01_global:hover .glo_sub  {opacity:1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; top:50px;}
.header_sec01 .sec01_global .glo_sub {width:115px; border:1px solid #ebebeb; border-top:1px solid #fff;  position:absolute;top:-113px; left:-1px; z-index:200; background-color:#fff; opacity:0; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.header_sec01 .sec01_global .glo_sub li {padding:0 !important;border:0;display:block;float:none;}
.header_sec01 .sec01_global .glo_sub a {height:36px; line-height:36px; font-size:12px; color:#888; display:block;padding-left:20px;}
.header_sec01 .sec01_global .glo_sub a:hover {color:#000; background-color:#f5f5f5;display:block;}
.header_sec01 .sec01_global .glo_sub img {height:14px;float:left; padding-top:12px; padding-right:5px;}

/* 상단 영역 02 */
.header_sec02 {height:95px; width:100%; margin:0 auto;}
.header_sec02 .header_inner {width:1680px;height:95px;position:relative;margin:0 auto;text-align:center;}
.header_sec02 .top_logo {position:absolute;top:40px;left:0px;}

/* 상단 영역 02 : 우측메뉴 */
.header_sec02 .top_comm {position:absolute;top:38px;right:0px; }
.header_sec02 .top_comm ul li {float:left; padding-left:30px;}
.header_sec02 .top_comm ul li:first-child {padding-left:0px;}

/* 상단 영역 02 : 장바구니 아이콘 */
.header_sec02 .top_comm .top_cart {position:relative;}
.header_sec02 .top_comm .top_cart .basket_quant { position: absolute; display: inline-block; min-width: 18px !important; height: 18px !important; line-height: 17px; top: -9px; left:115%;  color:#524233; font-size: 8px; font-weight: bold; text-align: center; border-radius: 18px; background: #efe9df; margin-left: -10px; z-index: 23; }


/* 상단 영역 02 : 카테고리 */
#mcategory {margin:0 auto;text-align:center;vertical-align:middle;height:95px;}
#mcategory .categoryList {padding:0;margin:0;font-size:0;text-align:left;}
#mcategory .categoryList li {position:relative;display:inline-block;}
#mcategory .categoryList li a {font-size:14px;color:#c39562; line-height:95px;padding:0px 15px;display:block;font-weight:normal;}
#mcategory .categoryList li a:hover { color:#967959; }
#mcategory .categoryList li.top_cate_space {background:url('/design/piraper/0776another/top_cate_space.gif') no-repeat; background-position:right center; padding-right:10px; margin-right:40px;}

/* 상단 카테고리 자동출력일때 */
.header_sec02 #left_menu {margin:0; padding:0;}
.header_sec02 #left_menu li {margin:0 auto; text-align:center;position:relative;}
.header_sec02 #left_menu li a { font-size:14px; color: #c2935f; line-height:95px; padding: 0px 30px 0px 0px; display:block;font-weight:normal; }
.header_sec02 #left_menu li a:hover { color:#967959; }
.header_sec02 #left_menu li .top_sub {background-color:#fff; border:0px; visibility: hidden; position:absolute;top:95px;left:0px;z-index:20; width:150px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.header_sec02 #left_menu li .top_sub .sub {  border-top:0; padding:0px; }
.header_sec02 #left_menu li .top_sub .sub a {text-align:left;display:block;padding-left:10px;border:0; line-height: 34px; height: 34px; font-size: 12px; color: #c2935f; }
.header_sec02 #left_menu li .top_sub .sub a:hover {color:#fff; background:#c2935f; text-decoration: none;}


/* 상단 검색 */

.about_cate_btn { padding: 0px 15px 0px 0px !important; }


#comment_top {border-bottom:1px solid #ebebeb;}
#comment_top.fixed {position:fixed; top:0px; left:0%; right:0%; z-index:1000; background-color:#fff; width:100% !important; }

/* 우측 햄버거 관련 스타일 */
#mobile_allcate {width:450px;height:100%;margin:0;padding:0;font-size:12px;overflow:auto;background-color: #fff;overflow-x:hidden; border-left:1px solid #c39562;}
#mobile_allcate.widepc {position:fixed;z-index: 2000;top:0;right:-485px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;transition: all 0.5s;text-align:left;}
#mobile_allcate .mobile_allcate_Close {position:absolute;top:30px;right:30px;}
#mobile_allcate .mobile_allcate_Close img {width:21px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#mobile_allcate .mobile_allcate_Close:hover img {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
#mobile_allcate .allcate_inner {padding:81px 50px 31px;}
#mobile_allcate .nav_t01 { font-size:15px; color:#c39562; line-height:23px; padding-top:25px}
#mobile_allcate .nav_t02 {padding-top:27px;}
#mobile_allcate .nav_t02 ul li {float:right; width:49%; height:46px; border:1px solid #c39562;}
#mobile_allcate .nav_t02 ul li:first-child {float:left;}
#mobile_allcate .nav_t02 ul li:first-child a {background-color:#c39562; color:#fff;}
#mobile_allcate .nav_t02 ul li a {display:block; font-size:14px; text-align:center; line-height:46px; color:#c39562;}
#mobile_allcate .nav_t03  {font-size:0px; padding-top:20px; height:30px; border-bottom:1px solid #c39562; padding-bottom:10px;}
#mobile_allcate .nav_t03  ul li {float:left; padding-right:8px; font-size:12px; color:#c39562; line-height:30px;}
#mobile_allcate .nav_t03  ul li a {font-size:12px; color:#c39562; line-height:30px;}
#mobile_allcate .nav_t03  ul li a:hover {color:#967959; }
#mobile_allcate  ul.nav_tabs { width:100%; height:50px; line-height:50px; font-size:14px; border-bottom:3px solid #fff; margin-top:25px; color:#c39562; }
#mobile_allcate  ul.nav_tabs li { float:left; text-align:center; cursor:pointer; width:50%;}
#mobile_allcate  ul.nav_tabs li.active { background-color:#fff; color:#967959; border-bottom:3px solid #c39562;}
#mobile_allcate .nav_tab_container { clear: both; float: left; background:#fff; padding-top:25px;}
#mobile_allcate .nav_tab_content { display: none; position:relative;}
#mobile_allcate .nav_tab_container .nav_tab_content ul { width:350px; margin:0px; padding:0px; }
#mobile_allcate .nav_cate li {padding-bottom:3px;}
#mobile_allcate .nav_cate li a {font-size:13px; color:#c39562; height:34px; line-height:34px; padding-left:10px; display:block;}
#mobile_allcate .nav_cate li a:hover { color:#967959; }
.bank_acc { border-top: 1px solid#c39562; margin: 10px 0px 0px 0px; color: #c39562; padding: 15px 0px 0px 0px; }
.bank_name { margin-top: 10px; }

/*플레인 상단 미디어쿼리 */
@media screen and (max-width: 1919px)
{
   #contentWrapper {width:1580px;}
    #contentWrap,
	.item-wrap, #content,
	#header .header_sec01,
	#header .header_sec02,
	#header .header_sec02 .header_inner,
	#header .header_sec01 .header_inner {width:1580px;}

}

@media screen and (max-width: 1599px)
{
    #contentWrapper {width:1380px;}
	#contentWrap,
	.item-wrap, #content,
	#header .header_sec01,
	#header .header_sec02,
	#header .header_sec02 .header_inner,
	#header .header_sec01 .header_inner {width:1380px;}    

}


/* 에이앤 아더 미디어쿼리 적용 */
@media screen and (max-width: 1919px){
	/* 전체 레이아웃 */
	

	/* 공통 상품진열 스타일 */
	.prd-list table td .box { width:100%; }

	/* 추천 상품진열 스타일 */
	.recmd-prd-list {width:1620px;}
	.prd-list.best-prd-list table td.box,
	.prd-list.recmd-prd-list table td .box {max-width:365px; width:365px;}


	/* 메인 */
	.main_content {width:1580px;}

	/* 탭상품01 버튼 */
	.tabcontent01 .swiper-button-next-tab01 {top:215px;}
	.tabcontent01 .swiper-button-prev-tab01 {top:215px;}

	/* 메인 우측 4단 상품진열 */
	.sp_product {width:1040px;}
	.sp_product.prd-list table .tb-center {width:233px;}
}


@media screen and (max-width: 1819px){
	/* 탭상품 버튼 */
	.tabcontent01 .swiper-button-next-tab01 {top:205px; right:0px;}
	.tabcontent01 .swiper-button-prev-tab01 {top:205px; left:0px;}
	.tabcontent02 .swiper-button-next-tab02 {right:0px;}
	.tabcontent02 .swiper-button-prev-tab02 {left:0px;}
	.tabcontent05 .swiper-button-next-tab05 {right:0px;}
	.tabcontent05 .swiper-button-prev-tab05 {left:0px;}    
}


@media screen and (max-width: 1599px){

 .main_content { width: 1380px;}
	/* 공통 상품진열 스타일 */
	.prd-list table td .box { width:100%; }
	
	/* 추천 상품진열 스타일 */
	.recmd-prd-list {width:1320px;}
	.prd-list.best-prd-list table td.box,
	.prd-list.recmd-prd-list table td .box {max-width:290px; width:290px;}

	.tabcontent05 

	/* 상단섹션02 : 핫키워드 */
	#header .h_sec02 .hot_keyword .key1 {opacity:0;}


	/* 탭상품02 버튼 */
	.tabcontent02 .swiper-button-next-tab02 {top:215px;}
	.tabcontent02 .swiper-button-prev-tab02 {top:215px;}
    
	/* 탭상품05 버튼 */
	.tabcontent05 .swiper-button-next-tab05 {top:215px;}
	.tabcontent05 .swiper-button-prev-tab05 {top:215px;}    

	/* 메인 우측 4단 상품진열 */
	.swiper_event2 {width:420px;}
    .swiper_event3 {width:420px; height:690px; }
	.sp_product {width:840px; padding-right: 20px;}
	.sp_product.prd-list table .tb-center {width:182px;}

	/* 메인 리스트그룹형 상품진열 스타일 */
	.br-main-prd .prd-list table .thumb {width:159px;}
}


/* BASIC css end */