/**************** 공통 ****************/

dim {position:fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.3); left:0; top:70px; z-index:1; display: none;}
.common-width {width: 100%; max-width: 1320px; margin: 0 auto;}

/**************** PC ****************/



/* 띠배너 */
.top_banner {background: #005826; text-align:center; overflow:hidden; display: none;}
.top_banner p {position:relative;}
.top_banner p span {font-weight: 400; font-size: 14px; color:#fff;}
.top_banner p .pc {position: relative; width: 1920px; left:50%; margin-left:-960px; display: block;}
.top_banner p .pc img {max-width:inherit;}
.top_banner p .mo {display: none;}
.top_banner p em {font-weight:600;}
.top_banner p .top_closed {position: absolute; left:50%; top:50%; margin-top:-5px; margin-left:650px; cursor:pointer;}


/* 상단 */
#header_warp {z-index:101;}
#header .nd-container {width: 1320px;}
#header .nd-header .only-pc .sub_menu_box.layer_type .sub_depth2 > li {display: block; margin:0 0 17px;}
#header .nd-header .m_topmenu .list_menu {display: none; width: 20px; margin-right:18px;}
#header.navFixed .nd-header-wrap .nd-header, 
#header .nd-header-wrap .nd-header.fixedTop {box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
#header .nd-header .sub_menu_box.layer_type .sub_menu0 > li > a.family_txt:after {content:''; display: inline-block; width: 5px; height: 5px; background: #005826; border-radius: 50%; position: relative; top: -9px; right: -5px;}
#header .nd-header .sub_menu_box.layer_type .sub_menu0 > li > a.employee_txt:after {content:''; display: inline-block; width: 5px; height: 5px; background: #286EF2; border-radius: 50%; position: relative; top: -9px; right: -5px;}
#header .nd-header ._right .nd-user > ul > li.user_cart {margin-left:25px;}


/* 검색창(PC) */
#header .nd-header ._right .nd-user .search_closed {display: none;}
#header .nd-header ._right .nd-user .top_search .top_text_cont {width: 260px; height: 45px;}
#header .nd-header ._right .nd-user .top_search .top_text_cont .top_srarch_text {position:static;}
#header .nd-header ._right .nd-user .top_search .top_text_cont .top_srarch_text:active, 
#header .nd-header ._right .nd-user .top_search .top_text_cont .top_srarch_text:focus {border:none;}
#header .nd-header ._right .nd-user .top_search .top_search_cont.on {border: 1px solid #000; border-radius: 23px; overflow:hidden;}
#header .nd-header ._right .nd-user .top_search .top_search_cont.on .top_text_cont .top_srarch_text {background:#fff;}
#header .nd-header ._right .nd-user .recom_box {display: none;}
#header .nd-header ._right .nd-user .top_search .search_cont {margin: 0; border-radius: inherit; box-shadow: none; }
#header .nd-header ._right .nd-user .recent_box {width: 100%; border-top: 1px solid #EAEAEA; padding:12px 20px 0;}
#header .nd-header ._right .nd-user .recent_box dl {padding:0;}
#header .nd-header ._right .nd-user .recent_box dt {display: none;}
#header .nd-header ._right .nd-user .recent_box ul {margin:0;}
#header .nd-header ._right .nd-user .recent_box li {margin-bottom:14px;}
#header .nd-header ._right .nd-user .recent_box li:last-child {margin-bottom:0;}
#header .nd-header ._right .nd-user .recent_box li * {line-height:1;}
#header .nd-header ._right .nd-user .recent_box li a {font-weight: 400; font-size: 14px; color: #222222; padding:0;}
#header .nd-header ._right .nd-user .recent_box li span {color: #C2C2C2; font-weight: 400; font-size: 14px; padding:0;}
#header .nd-header ._right .nd-user .recent_box li span .btn_top_search_del {width: 19px; height: auto; margin-left:10px;}
#header .nd-header ._right .nd-user .recent_box li span .btn_top_search_del img {width: 100%; margin-top:-2px;}
#header .nd-header ._right .nd-user .seach_top_all {height: 40px;}
#header .nd-header ._right .nd-user .seach_top_all button.btn_top_search_all_del {display: none;}
#header .nd-header ._right .nd-user .seach_top_all button.btn_top_search_close {line-height: 40px;}
#header .nd-header ._right .nd-user .seach_top_all button strong {font-size:14px; font-weight:400; color:#727272;}


/* 검색창(모바일) */
.mobile_search {position: fixed; width: 100%; background: #fff; left: 0; top: 0; z-index:1001; display: none;} 
.mobile_search legend,
.mobile_search .recom_box {display: none;}
.mobile_search .search_cont {display: block !important;}
.mobile_search .seach_top_all {display: none;}
.mobile_search .top_text_cont {width: 100%; position: relative; padding:18px 16px; box-sizing:border-box; border-bottom:1px solid #222222;}
.mobile_search .top_text_cont .search_closed {position: absolute; left:15px; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width: 10px;}
.mobile_search .top_text_cont #search_form {width: 100%; background:#fff; border:none; font-size: 14px; color:#000; font-weight:400; padding: 0 0 0 30px;}
.mobile_search .top_text_cont #search_form::placeholder {font-weight: 400; font-size: 14px; font-family: 'Noto Sans KR'; color: #727272;}
.mobile_search .top_text_cont #btnSearchTop {position: absolute; right:19px; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width: 23px;}
.mobile_search .search_cont .recent_box ul {margin:0;}
.mobile_search .search_cont .recent_box dl {padding: 30px 15px;}
.mobile_search .search_cont .recent_box dl dt {font-weight: 500; font-size: 16px; line-height:1;}
.mobile_search .search_cont .recent_box dl dd {padding: 20px 0 0;}
.mobile_search .search_cont .recent_box dl dd li {line-height:1; margin-bottom:12px;}
.mobile_search .search_cont .recent_box dl dd li:last-child {margin-bottom:0;}
.mobile_search .search_cont .recent_box dl dd li a {font-weight: 400; font-size: 13px; padding:0;}
.mobile_search .search_cont .recent_box dl dd li span {color: #868686; font-weight: 400; font-size: 13px; padding:0;}
.mobile_search .search_cont .recent_box .btn_top_search_del {width: 19px; height: auto; margin-left:5px;}
.mobile_search .search_cont .recent_box .btn_top_search_del img {width: 100%;}


/* 우측 고정 */
#pcFixedRight {display: none !important;}
#_NBCHATLAYOUT #_NBCHATLABEL {display: none !important;}
#_NBCHATLAYOUT #_NBCHATICO {display: none !important;}
#scroll_right {position: fixed; top: auto; right: -70px; bottom: 20px; width: auto; transition: all .3s ease; -webkit-transition: all .3s ease;}
#scroll_right.ban_fixed {position: fixed; top: auto; right: 100px; bottom: 20px; width: auto;}
#scroll_right .right_fixed {}
#scroll_right .right_fixed ul {}
#scroll_right .right_fixed ul li {margin-top: 15px; cursor:pointer;}


/* 찜 팝업 */
#addWishLayer {}
#addWishLayer.layer_wrap .scroll_box {overflow:inherit;}
#addWishLayer.layer_wrap .box .view .close {background: url('../../wib/img/wish-close.png') no-repeat center; width: 24px; height: 24px; background-size: 24px; top:20px; right:20px;}
#addWishLayer .add_wish_layer {width: 462px; position: relative; border: 1px solid #EAEAEA; border-radius: 10px;}
#addWishLayer .add_wish_layer .view {margin: 0 0 50px; position: static;}
#addWishLayer .add_wish_layer .view h2 {display: none;}
#addWishLayer .add_wish_layer .view .scroll_box {}
#addWishLayer .add_wish_layer p.success {background:url('../../wib/img/wish_clear.png')no-repeat center top; font-size:0; padding:105px 0 0; margin: 50px 0 0;}
#addWishLayer .add_wish_layer p.success:before {content:'상품 찜하기 성공!'; display: block; font-weight: 500; font-size: 30px; color: #111111;}
#addWishLayer .add_wish_layer p.success:after {content:'바로 확인하시겠습니까?'; display: block; font-weight: 400; font-size: 15px; color: #727272;}
#addWishLayer .add_wish_layer p.success br {display: none;}
#addWishLayer .add_wish_layer .btn_box button {font-size:0; width: 179px; height: 55px; line-height:55px; padding:0; border-radius: 50px; border: 1px solid #005826;}
#addWishLayer .add_wish_layer .btn_box .btn_cancel {}
#addWishLayer .add_wish_layer .btn_box .btn_confirm {background:#005826; }
#addWishLayer .add_wish_layer .btn_box .btn_cancel:before {content:'쇼핑 계속하기'; display: inline-block; font-weight: 700; font-size: 19px; color: #005826; line-height:53px;}
#addWishLayer .add_wish_layer .btn_box .btn_confirm:before {content:'찜리스트 보기'; display: inline-block; font-weight: 700; font-size: 19px; color:#fff; line-height:53px;}


/* 푸터 */
#new-footer {}
#new-footer a {transition: all .3s ease;}
#new-footer a:hover {opacity:0.7;}
#new-footer a.ft_logo:hover {opacity:1;}
#new-footer .ft_top {padding: 50px 0 50px; border-bottom: 1px solid #D9D9D9;}
#new-footer .ft_top > ul {font-size:0;}
#new-footer .ft_top > ul > li {display: inline-block; vertical-align:top;}
#new-footer .ft_top > ul > li .tit {font-weight: 500; font-size: 20px; line-height:1; margin-bottom:25px;}
#new-footer .ft_top > ul > li .inner {font-weight: 400; font-size: 15px;}
#new-footer .ft_top .cs_cont {width: 25%; margin-right:18%;}
#new-footer .ft_top .cs_cont b {font-weight: 700; font-size: 35px; color: #005826; line-height:1;}
#new-footer .ft_top .cs_cont span {color: #727272; font-weight: 400; font-size: 15px; display: block; padding: 11px 0 22px;}
#new-footer .ft_top .cs_cont .qa_btn {display: flex;}
#new-footer .ft_top .cs_cont .qa_btn a {flex:1; width: 158px; height: 45px; line-height:43px; border: 1px solid #EAEAEA; border-radius: 50px; text-align:center; font-weight: 400; font-size: 15px; color: #727272; transition:all .3s ease;}
#new-footer .ft_top .cs_cont .qa_btn a:hover {background:#005826; border-color:#005826; color:#fff; opacity:1;}
#new-footer .ft_top .cs_cont .qa_btn a:first-child {margin-right:10px;}

#new-footer .ft_top .notice_cont {width: 25%; margin-right:18%;}
#new-footer .ft_top .notice_cont .tit {display: inline-block; cursor:pointer; color: #C2C2C2; font-weight:400;}
#new-footer .ft_top .notice_cont .tit.on {color: #222; font-weight:500;}
#new-footer .ft_top .notice_cont > span {display: inline-block; width: 1px; height: 16px; background: #EAEAEA; margin: 0 10px;}
#new-footer .ft_top .notice_cont .inner > div a {display: block; line-height:1; margin-bottom:17px;}
#new-footer .ft_top .notice_cont .inner > div a:last-child {margin-bottom:0;}
#new-footer .ft_top .notice_cont .inner > div a .title_txt {display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#new-footer .ft_top .notice_cont .inner > div a .title_txt:before {content:''; display: inline-block; width: 4px; height: 4px; background: #727272; border-radius: 5px; margin-right:7px; vertical-align: middle;}
#new-footer .ft_top .notice_cont .inner > div a .date_txt {float:right; color: #727272;}
#new-footer .ft_top .notice_cont .notice_list {}
#new-footer .ft_top .notice_cont .event_list {display: none;}

#new-footer .ft_top .introduce_cont {width: 14%;}
#new-footer .ft_top .introduce_cont .inner a {display: block; line-height:1; margin-bottom:17px;}
#new-footer .ft_top .introduce_cont .inner a:last-child {margin-bottom:0;}

#new-footer .ft_bottom {padding:30px 0 59px;}
#new-footer .ft_bottom .common-width {position: relative;}
#new-footer .ft_bottom .ft_logo {position: absolute; bottom:0; right:0; display: block;}
#new-footer .ft_bottom .link_cont {padding-bottom:30px;}
#new-footer .ft_bottom .link_cont li {display: inline-block; vertical-align:top;}
#new-footer .ft_bottom .link_cont li a {display: block; font-size: 16px; color: #727272; margin-right:25px;}
#new-footer .ft_bottom .link_cont li a b {color:#222;}
#new-footer .ft_bottom .info_cont {}
#new-footer .ft_bottom .info_cont p {font-size: 14px; color: #727272; line-height:1; margin-bottom:12px;}
#new-footer .ft_bottom .info_cont p span {display: inline-block; margin-right:15px;}
#new-footer .ft_bottom .info_cont p span a {color: #727272; border-bottom: 1px solid #727272;}
#new-footer .ft_bottom .info_cont .copyright_txt {padding-top:16px; text-transform: uppercase;}

/* 모바일 하단 고정메뉴 */
.ft_mobile_menu {position: fixed; bottom: 0; left: 0; width: 100%; background:#fff; box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 15%); z-index:101; display: none;}
.ft_mobile_menu ul {height: 55px; display: flex;}
.ft_mobile_menu ul li {flex:1; text-align:center;}
.ft_mobile_menu ul li a {display: block;}
.ft_mobile_menu ul li a img {height: 55px;}
.ft_mobile_menu ul li.ft_home {position: relative; top: -12px;}
.ft_mobile_menu ul li.ft_home a img {position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}



/**************** media ****************/
@media screen and (max-width: 1320px){

	/* 띠배너 */
	.top_banner p .top_closed {left:auto; right: 15px; margin-left:0;}

	/* 상단 */
	#header .nd-container {width: 90%;}
	#header .nd-header .sub_menu_box.layer_type .sub_menu0 > li > a {font-size:15px; margin-right:15px;}

	/* 푸터 */
	#new-footer .ft_top > ul {width: 90%;}
	#new-footer .ft_top .notice_cont .inner > div a .title_txt {width: 150px;}
	#new-footer .ft_top .cs_cont,
	#new-footer .ft_top .notice_cont {margin-right: 13%;}
}


/**************** 모바일 ****************/
@media screen and (max-width: 1024px){

	/* 띠배너 */
	.top_banner p {font-size:13px;}
	.top_banner p .top_closed {right: 15px;}

	/* 검색창(모바일) */
	.mobile_search {}
	.mobile_search.on {display: block;}

	/* 상단 */
	#header .nd-header-wrap .nd-header {padding-top:0;}
	#header .nd-header-wrap .nd-header .mobile_gnb {padding: 25px 15px 0;}
	#header .nd-header .h1_logo a img {width: 122px;}
	#header .nd-header .m_topmenu {}
	#header .nd-header .h1_logo {display: inline-block;}
	#header .nd-header .m_menu {display: inline-block; float: right;}
	#header .nd-header .m_menu ul {display: flex;}
	#header .nd-header .m_menu ul li {flex:1; margin-left:20px;}
	#header .nd-header .m_menu ul li:nth-of-type(1) img {width: 23px;}
	#header .nd-header .m_menu ul li:nth-of-type(2) img {width: 24px;}
	
	#openMobileMenus {line-height:53px; padding-top:10px;}
	.nd-header.fixedTop #openMobileMenus {padding-top:0;}
	#openMobileMenus * {height: auto; line-height:1;}
	#openMobileMenus img {width: 20px; float:left; margin: 18px 15px 18px 0; cursor:pointer;}
	#openMobileMenus .menu-swipe {z-index:0; height: auto;}
	#openMobileMenus .menu-swipe ul {}
	#openMobileMenus .menu-swipe ul li {width: auto; margin-right:15px; line-height:53px;}
	#openMobileMenus .menu-swipe ul li a {font-weight: 500; font-size: 15px; color: #222222;}
	#openMobileMenus .menu-swipe ul li a.point01:after {content:''; display: inline-block; width: 5px; height: 5px; background: #005826; border-radius: 50%; position: relative; top: -6px; right: -4px;}
	#openMobileMenus .menu-swipe ul li a.point02:after {content:''; display: inline-block; width: 5px; height: 5px; background: #286EF2; border-radius: 50%; position: relative; top: -6px; right: -4px;}

	/* 상단픽스 */
	#header .nd-header.fixedTop .m_topmenu {display: none;}
	#header .nd-header-wrap .nd-header.fixedTop .mobile_gnb {padding:0 0 0 15px;}
	
	/* 사이드메뉴 */
	#header .nd-header-wrap .nd-header .mobile_menuwrap {position: fixed; top:0; left:-100vw; opacity:0; transition:all .5s ease; -webkit-transition:all .5s ease; display: block;}
	#header .nd-header-wrap .nd-header .mobile_menuwrap.opened {left:0; opacity:1;}
	#mobileMenu {padding:0;}
	#mobileMenuWrap ._top{background: #005826; position: relative; padding: 0 15px;}
	#mobileMenuWrap ._top div{}
	#mobileMenuWrap ._top div p{font-weight: 400; font-size: 18px; color:#fff; display: inline-block; line-height: 62px;}
	#mobileMenuWrap ._top div p em{font-weight:700;}
	#mobileMenuWrap ._top div p a em {color: #fff;}
	#mobileMenuWrap ._top div > a{display: inline-block; float:right; color:#fff; line-height:62px; margin-right:32px; text-decoration: underline !important; text-underline-position: under; font-size:14px; font-weight:500;}
	#mobileMenuWrap ._top .closed{position: absolute; width: 17px; right:16px; top: 50%; margin-top: -8.5px;}
	#mobileMenuWrap ._link{display: flex; padding:20px 0 21px;}
	#mobileMenuWrap ._link li{flex:1;}
	#mobileMenuWrap ._link li a{display: block; text-align:center;}
	#mobileMenuWrap ._link li a img{}
	#mobileMenuWrap ._link li:nth-of-type(1) a img{width: 36px; margin-bottom:11px;}
	#mobileMenuWrap ._link li:nth-of-type(2) a img{width: 37px; margin-bottom:10px;}
	#mobileMenuWrap ._link li:nth-of-type(3) a img{width: 28px; margin-bottom:10px;}
	#mobileMenuWrap ._link li:nth-of-type(4) a img{width: 28px; margin-bottom:11px;}
	#mobileMenuWrap ._link li a span{display: block;}
	#header .nd-header-wrap .nd-header .mobile_menuwrap.opened {height: 100vh; z-index:11;}
	#header .nd-header #mobileMenu .sub_menu_box.layer_type .sub_menu0 > li > a {font-weight: 500; font-size: 16px; margin:0; line-height:1.5; padding:10px 16px;}

	/* 우측고정 */
	#scroll_right {right: -100px; bottom: 75px;}
	#scroll_right.ban_fixed {right: 15px; bottom: 46px;}
	#scroll_right .right_fixed ul li {margin-top:10px;}
	#scroll_right .right_fixed ul li:nth-of-type(2) {display: none;}
	#scroll_right .right_fixed ul li img {width: 50px;}

	/* 푸터 */
	#new-footer .ft_top {padding: 20px 0 10px; margin: 0 15px;}
	#new-footer .ft_top > ul {width: 100%; }
	#new-footer .ft_top > ul > li {display: block;}
	#new-footer .ft_top > ul > li .tit {height: 39px; line-height:39px; margin-bottom:0; cursor:pointer; font-size:14px !important;}
	#new-footer .ft_top > ul > li .tit:after {content:''; display: inline-block; background:url('/img/ft_arrow.png')no-repeat right center; width: 12px; height: 39px; background-size:12px auto; float:right; transition:all .3s ease;}
	#new-footer .ft_top > ul > li .tit.active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
	#new-footer .ft_top > ul > li .inner {padding: 10px 0 20px; font-size:12px;}
	#new-footer .ft_top .cs_cont,
	#new-footer .ft_top .notice_cont,
	#new-footer .ft_top .introduce_cont {margin-right: 0; width: 100%;}
	#new-footer .ft_top .cs_cont .tit {cursor:inherit; }
	#new-footer .ft_top .cs_cont .tit:after {display: none;}
	#new-footer .ft_top .cs_cont .inner {display: block !important; position: relative;}
	#new-footer .ft_top .cs_cont .inner b {font-size: 22px;}
	#new-footer .ft_top .cs_cont .inner span {font-size: 12px; padding: 10px 0 0;}
	#new-footer .ft_top .cs_cont .inner .qa_btn {display: inline-block; position: absolute; right:0; top:0; }
	#new-footer .ft_top .cs_cont .inner .qa_btn a {font-size: 12px; display: block; flex:none; width: 98px; height: 30px; line-height: 28px; margin: 0 0 5px;}
	#new-footer .ft_top .cs_cont .inner .qa_btn a:last-child {margin-bottom: 5px;}
	#new-footer .ft_top .notice_cont .tit {display: block;}
	#new-footer .ft_top .notice_cont > span,
	#new-footer .ft_top .notice_cont .tit:nth-of-type(2) {display: none;} 
	#new-footer .ft_top .notice_cont .inner > div a .title_txt {width: 200px;}
	#new-footer .ft_top > ul > li .inner {display: none; transition: all .3s ease;}
	#new-footer .ft_top > ul > li .inner.active {display: block;}
	
	#new-footer .ft_bottom {margin: 0 15px; padding: 30px 0 80px;}
	#new-footer .ft_bottom .common-width {width: 100%;}
	#new-footer .ft_bottom .link_cont {padding-bottom: 25px;}
	#new-footer .ft_bottom .link_cont li a {font-size:13px; margin: 0 15px 5px 0;}
	#new-footer .ft_bottom .info_cont p {font-size:12px; line-height: 1.7; letter-spacing:0;}
	#new-footer .ft_bottom .info_cont p span {margin-right:10px;}
	#new-footer .ft_bottom .ft_logo {position: static; margin-top:25px;}
	#new-footer .ft_bottom .ft_logo img {width: 81px;}
	
}



@media screen and (max-width: 769px){
	
	/* 띠배너 */
	.top_banner p .pc {display: none;}
	.top_banner p .mo {display: block;}

	/* 상단 */
	#header .nd-header .h1_logo a img {width: 107px;}

	/* 찜팝업 */
	#addWishLayer .add_wish_layer {width: 82%; min-height:auto;}
	#addWishLayer .add_wish_layer p.success {padding: 67px 0 0; background-size: 61px auto; margin:40px 0 0;}
	#addWishLayer .add_wish_layer p.success:before {font-size: 24px;}
	#addWishLayer .add_wish_layer p.success:after {font-size: 14px;}
	#addWishLayer .add_wish_layer .btn_box button {width: 120px; height: 42px; line-height:42px;}
	#addWishLayer .add_wish_layer .btn_box .btn_cancel:before,
	#addWishLayer .add_wish_layer .btn_box .btn_confirm:before {font-size:14px; line-height:40px;}

	/* 하단 고정메뉴 */
	.ft_mobile_menu {display: block;transition: bottom .3s;}
	.ft_mobile_menu.hide {bottom:-80px}
}