/*

	layout_responsive_shhop.css

*/

/*:after,:before{display:none;content:'';}*/

#top_banner{width:100%; overflow:hidden;}
.uppr{text-transform:uppercase;}

/* 상단링크 */
#header{width:100%;min-width:1280px;z-index:999;}
#header .header_top{width:1280px; margin: 0 auto; position:relative; }
#header .header_top .top_link{display:flex; flex-direction: row-reverse; margin-top:8px;}
#header .header_top .top_link > li{padding:10px 8px 0 8px;}

/* 상단 헤더 */
#header .header_top .header_bend{width:100%; display:flex; flex-direction: row; align-items: center; justify-content: center;}
#header .header_top .header_bend > li{padding:25px 0;}
#header .header_top .header_bend > li:nth-child(1){width:20%;}
#header .header_top .header_bend > li:nth-child(2){width:60%;}
#header .header_top .header_bend > li:nth-child(3){width:20%;}
#header .header_top .header_bend > li:nth-child(2) ul.top_item{width:100%; display:flex; justify-content: center;}
#header .header_top .header_bend > li:nth-child(2) ul.top_item .top_search{position:relative;}
#header .header_top .header_bend > li:nth-child(2) ul.top_item .input_type_search{width: 500px;  height: 48px;  padding-right: 46px; padding-left: 24px; background-color: #fff;border: 2px solid #101324;border-radius: 24px; font-size:17px;}
#header .header_top .header_bend > li:nth-child(2) .top_search .btn_wsearch{position:absolute; right:18px; top:0;}
#header .header_top .header_bend > li:nth-child(3) ul.top_item{width:100%; display:flex; flex-direction: row; justify-content: flex-end;}
#header .header_top .header_bend > li:nth-child(3) ul.top_item > li{padding:0 10px;}
#header .header_top .header_bend .topn_logo{margin-left:0px;}
#header .header_top .header_bend .icon_search{cursor:pointer;}
#header .cart_link{display:inline-block; position:relative;}
#header .cart_link .cart_qty{display:inline-block;position:absolute;top:2px;right:-10px;width:26px;height:26px;line-height:25px;font-size:15px;border-radius:20px;}
#header .cart_link .cart_qty{background:#ff3300;color:#fff;text-align:center;z-index:998;}

/* 상단 헤더 검색 팝업 */
#header .header_top .header_bend .top_search.mopop{position:fixed !important; width:80%; left:50%; top:40%; transform:translate(-50%, -50%); z-index:9999;}
#header .header_top .header_bend .top_search.mopop{display:inline-block; padding:15px; border-radius:35px; background-color:#fff}
#header .header_top .header_bend .top_search .input_type_search.mopop{display:block; width:100% !important;}
#header .header_top .header_bend .top_search .btn_wsearch.mopop{position:absolute; right:15px !important; top:10px !important;}
#header .header_top .header_bend .top_search .sinbox.mopop{position:relative}

/* 상단 메뉴 */
#top_mnu_wrap{position:sticky; left:0; top:-1px; width:100%; height:60px; border-top:1px solid #ddd; border-bottom:0px solid #ddd; z-index:997; background:#fff;}
#top_mnu_wrap .sub_menu_wrap{position:relative; width:100%; height:100%; background:#101324;}
#top_mnu_wrap .sub_menu_wrap.active{border-bottom:1px solid #ddd;}
#top_mnu_wrap .sub_menu_wrap:after{display: block; position: absolute; left: 0; top: 58px; width: 100%; height:1px; background-color: #ddd;}
#top_mnu_wrap .sub_menu_wrap .left_top_home{position:absolute; left: 20px; top: 13px; z-index: 999;}
#top_mnu_wrap .top_mnu{position:relative; width:1280px; margin:0 auto; height:58px; display:flex; align-items: center; background:#101324; z-index:998; font-size:18px;}
#top_mnu_wrap .top_mnu a{color:#fff;}
#top_mnu_wrap .top_mnu > div.ca{width:140px;}
#top_mnu_wrap .top_mnu > div.mnus{flex-grow: 1;}
#top_mnu_wrap .top_mnu > div.mnus .swiper-slide{width:auto;}
#top_mnu_wrap .top_mnu > div.mnus > div.dms{display:flex; align-items: center; z-index:999;}
#top_mnu_wrap .top_mnu > div.mnus > div.dms > .item{/*flex-grow: 1;*/ width:14.2%; text-align:center;}
#top_mnu_wrap .top_mnu > div.mnus > div.dms > .item:last-child{flex-grow:1; text-align:center;}
#top_mnu_wrap .top_mnu > div.mnus > div.dms > .item:nth-child(1) a{color:gold;}
#top_mnu_wrap .top_mnu > div.mnus > div.dms > .item:nth-child(2) a{color:gold;}
#top_mnu_wrap .top_mnu > div.mnus > div.dms > .item > span.cbox{ position:relative;}
#top_mnu_wrap .top_mnu > div.mnus > div.dms > .item > span.cbox .sub_menus{position:absolute; left:0; top:40px; text-align:left; width:200%; margin-top:20px;}
#top_mnu_wrap .top_mnu > div.mnus > div.dms > .item > span.cbox .sub_menus > li{padding:2px 0;}
#top_mnu_wrap .top_mnu #shop_category{display:block; cursor:pointer; color:#fff;}
#top_mnu_wrap .top_mnu #shop_category .icon_shop_cate{margin:0 0 3px 0;}
#top_mnu_wrap .top_mnu .icon_shop_cate_active {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
#top_mnu_wrap .top_mnu .icon_shop_cate_active {-ms-transform: rotate(180deg);-o-transform: rotate(180deg); transform: rotate(180deg); 	transition: all ease .5s;}

/* 쇼핑몰 전체분류 */
.shop_c_category{width:100%; position:absolute; left:0; /*top:59px;*/z-index:100; background:#fefaff; padding:20px 0 40px 0; border-bottom:1px solid #ddd; box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.75);}
.shop_c_category > .in_box{width:100%; min-height:80px; position:relative;}
.shop_c_category > .in_box > ul{position:relative; display:flex; flex-direction: row; flex-wrap:wrap; width:1280px; margin:0 auto; padding:0;}
.shop_c_category > .in_box > ul > li{width:23%; margin-right: 30px;}
.shop_c_category > .in_box > ul > li:nth-child(4n){margin-right:0;}
.shop_c_category > .in_box > ul > li .bcate_name{height:42px; line-height:42px; font-size:18px; display:inline-block; padding-right:8px; border-bottom:1px solid #ddd;}
.shop_c_category > .in_box > ul > li > ul{position:relative;}
.shop_c_category > .in_box > ul > li > ul > li{height:32px; line-height:32px; }
.shop_c_category > .in_box .close_category{position:absolute; right:30px; bottom:-15px; cursor:pointer;}

/* 메인 컨텐츠 레이아웃 */
#contents_wrap{width:100%; min-width:1280px;}
#contents_wrap .contents{width:100%; margin:0 auto; min-height:380px;}
.fix_wrap{width:1280px !important; margin:0 auto;}

/* 푸터 
#footer{width:100%;min-width:1280px; height:280px; background:#2a3652;color:#000;border-top:1px solid #d2d6e1;}
#footer .footer_mnu_box{width:100%;min-width:1280px; height:55px; background-color:#4a4f6c; color:#fff; font-size:16px;}
#footer .footer_mnu_box .footer_mnu{width:1280px; height:100%; margin:0 auto; -moz-user-select:none; -webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none; user-select:none;}
#footer .footer_mnu_box .footer_mnu > ul{display:flex; flex-wrap:nowrap; align-items: center; height:100%; }
#footer .footer_mnu_box .footer_mnu > ul > li{padding-right:55px; color:#fff;}
#footer .footer_mnu_box .footer_mnu > ul > li a{color:#fff;}
#footer .footer_mnu_box .col_yellow{color:#dba751;}
#footer .btm_copy_box{width:100%;min-width:1280px; height:223px; font-size:16px;letter-spacing:-1px; line-height:160%;}
#footer .btm_copy_box .btm_copy{width:1280px; margin:0 auto; padding-top:45px;}
#footer .btm_copy_box .btm_copy > ul > li{float:left; color:#a5a5a5;}
#footer .btm_copy_box .btm_copy > ul > li:nth-child(1){margin-right:35px;}
#footer .btm_copy_box .btm_copy > ul > li:nth-child(2) > div:nth-child(1){padding-top:10px;}
#footer .btm_copy_box .btm_copy .ib{display:inline-block; margin-right:5px;}
*/

/* 푸터 하단 메뉴 스와이프 
#footer .swiper_box_btm{width:100%; overflow:hidden; padding:0 5px; margin:0;}
#footer .swiper_box_btm .swiper-btm-menu {width: auto; position:relative; height: 55px;}
#footer .swiper_box_btm .swiper-btm-menu .swiper-slide{cursor:pointer; position:relative; width:auto; color:#fff; min-width:85px; padding:0 15px; background:transparent; text-align:center; line-height:55px;}
#footer .swiper_box_btm .swiper-btm-menu .swiper-slide a{color:#fff;}
*/

/* 푸터 */
.footer{width:100%; font-size:14px; min-height:100px; background:/*#161d24*/#222; color:#646f7c; margin-top:15px; padding:30px 0 45px 0;}	
.footer .col_white{color:#dfd3d3;}
.footer a{color:#646f7c;}
.footer .btm_top{display:flex;}
.footer .btm_top .ttit{font-size:15px; padding-bottom:25px;}
.footer .btm_top .tlist .list{padding:2px 0; color:#a3a8b1}
.footer .btm_top .call_info .cont{margin-left:10px; font-size:14px; color:#8f99a5;}
.footer .btm_top .call_info{/*display:flex; align-items:flex-start; justify-content:flex-start;*/}
.footer .btm_top .call_info .cont .phone{font-size:22px; margin-bottom:8px;}
.footer .btm_top .call_info .cont .mnu{margin-top:15px;}
.footer .btm_top .tlist:nth-child(1){width:35%;}
.footer .btm_top .tlist:nth-child(2){width:25%;}
.footer .btm_top .tlist:nth-child(3){width:40%;}

.footer .copy_menu{width:1280px; margin:0 auto; display:flex;border-bottom: 1px solid hsla(0, 0%, 50%, .25);padding: 40px 0 16px; margin-bottom:24px; color:#646f7c;}
.footer .copy_menu > div:nth-child(1){width:40%;}
.footer .copy_menu > div:nth-child(2){width:60%;}
.footer .copy_menu > div:nth-child(2) .menu_wrap .swiper-wrapper{display:flex; justify-content: flex-end;flex-wrap: nowrap;}
.footer .copy_menu > div:nth-child(2) .menu_wrap .swiper-wrapper > div{padding:0 10px;}

.footer .desc{color:#646f7c;}
.footer .btm_site_info{display:flex; align-items: center;}
.footer .btm_site_info .tit{font-size:15px; line-height:170%;}
.footer .btm_site_info .desc > div{padding:4px 0;}
.footer .btm_site_info > div:nth-child(1){width:15%;}
.footer .btm_site_info > div:nth-child(2){width:65%;}
.footer .btm_site_info > div:nth-child(3){width:20%;}
.footer .btm_site_info > div:nth-child(3) span{padding:0 10px;}

/* 최근 본 상품 */
.view_quick_menu{font-size:15px;position: fixed;   top: 140px; right:30px; width: 100px;  height:auto;  padding: 38px 10px 38px;  text-align: center;  border-radius: 50px;  background-color: #fff;  box-shadow: 8px 8px 32px rgba(0 0 0 / 20%);    box-sizing: border-box;  z-index: 998;	}
.view_quick_menu .quick_tit{text-align:center; font-size: 15px; color: #222429; white-space: nowrap; padding-bottom:0px;}
.view_quick_menu .swiper_view{width:100%; min-height:70px; max-height:220px; overflow:hidden;}
.view_quick_menu .swiper_view .swiper-slide{width:100%; height:68px !important;}
.view_quick_menu .pbox{width:65px; height:65px; margin:0 auto; border-radius:38px;box-shadow: 0px 1px 6px rgba(0 0 0 / 20%); margin-bottom:6px;}
.view_quick_menu .pbox a{display:inline-block; width:100%; height:100%;}
.view_quick_menu .updown_btn{padding:12px 0; opacity:0.8;}
.view_quick_menu .reset_txt{display:inline-block; border-top:1px dotted #ccc; padding:8px 0;cursor:pointer;}
.view_quick_menu .rbtn{display:inline-block; user-select: none; width: 35px; height: 35px; line-height: 35px; border-radius: 35px; background: #fff; color: #000; text-align: center; opacity: 0.5; border:0px solid #ddd;}

/* 상단으로 */
.go_top_btn{position:fixed; bottom:30px; right:50px; cursor:pointer; width:35px; height:35px; line-height:35px; border-radius:35px; background:#000; color:#fff; text-align:center; opacity:0.3; z-index:999;}

@media (max-width: 768px) {

	/* 상위요소 */
	html,body{width:100%; min-width:320px;}
	
	#top_mnu_wrap .top_mnu a{font-size:16px;}
	#header .header_top .header_bend .topn_logo{margin-left:10px;}
	.left_top_home{display:none;}
	
	.footer .btm_top {display:none !important;}
	.footer .btm_site_info{flex-direction: column;}
	.footer .btm_site_info > div{width:100% !important; padding:5px 10px;}
	.footer .btm_site_info > div:nth-child(3){text-align:center;}

	.footer .copy_menu{width:100%; min-width:320px; flex-direction: column-reverse;}
	.footer .copy_menu > div:nth-child(1){width:100%; padding:0 10px;}
	.footer .copy_menu > div:nth-child(2){width:100%; padding:0 10px; overflow:hidden; margin-bottom:10px;}
	.footer .copy_menu > div:nth-child(2) .menu_wrap .swiper-wrapper{justify-content: center; padding:0 10px;}
	.footer .copy_menu > div:nth-child(2) .menu_wrap .swiper-wrapper > div{min-width:60px; width:auto; padding:4px 6px;}
	.footer{padding-top:0 !important;}
	
	/*
	.footer .copy_menu{flex-direction: column-reverse; padding:5px 0 10px;}
	.footer .copy_menu > div{width:100% !important; padding:5px 10px;}
	*/

	/* 기타 공용 */
	.mcenter{text-align:center;}
	.mo_block{display:block;}
	.mo_hide{display:none;}
	.mo_float{float:left;}
	.mo_show{display:inline-block !important;}

	/* FIX element*/	
	#contents_wrap{min-width:320px !important;}
	#contents_wrap .contents{width:100%; min-width:320px; min-height:200px;}
	.fix_wrap{width:100% !important; min-width:320px !important;}

	/* 헤더 레이아웃 */
	#header{width:100%; min-width:320px;}
	#header .header_top{width:100%; min-width:320px;}

	/* 상단 배너 */
	#top_banner{display:none;}

	/* 상단링크 */		
	#header .header_top .top_link{display:none;}
	
	/* 상단 헤더 */
	#header .header_top .header_bend .topn_logo{width:140px; padding-left:0px;}
	#header .header_top .header_bend > li:nth-child(1){width:35%;}
	#header .header_top .header_bend > li:nth-child(2){flex-grow: 1;}
	#header .header_top .header_bend > li:nth-child(3){width:100px;}
	#header .header_top .header_bend > li:nth-child(2) ul.top_item{ justify-content: right;}
	#header .header_top .header_bend > li:nth-child(2) ul.top_item > li{margin-right:10px; width:100%;}
	#header .header_top .header_bend > li:nth-child(2) .top_search .sinbox{display:inline-block; width:100%;}
	#header .header_top .header_bend > li:nth-child(2) .top_search .btn_wsearch{right:8px;}	
	#header .header_top .header_bend .input_type_search{display:none;}
	#header .header_top .header_bend .top_search{position:relative;}
	#header .header_top .header_bend .top_search .btn_wsearch{position:relative; right:0;}
	#header .header_top .header_bend .top_search .btn_wsearch .icon_search{width:20px; height:20px;}
	#header .header_top .header_bend .top_search .close_search{position: absolute; text-align:center; left: 50%; margin-left:-23px; top: 70px; cursor: pointer; width: 45px; height: 45px; line-height: 40px; background: #fff; border-radius: 45px;}

	/* 상단 메뉴 */
	#top_mnu_wrap .top_mnu{width:100%; min-width:320px;}
	#top_mnu_wrap .top_mnu > div.shop_category{display:none;}
	#top_mnu_wrap .top_mnu > div.mnus{width:100%; margin-right: 65px; overflow-y:hidden; overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none; /* 인터넷 익스플로러 */}
	#top_mnu_wrap .top_mnu > div.mnus::-webkit-scrollbar {display: none; /* 크롬, 사파리, 오페라, 엣지 */}
	#top_mnu_wrap .top_mnu > div.mnus > div.dms > .item{min-width:60px; width:auto; padding:0 12px;}
	#top_mnu_wrap .top_mnu > div.mnus .mm_menu{display:inline-block;  position:absolute; right:0; top:0; background:#fff; width:55px; height:100%; line-height:3.2em; border-left:1px solid #ddd; text-align:center;}

	#shop_c_category{display:none;}

	/* FOOTER */
	#footer{width:100%; min-width:320px; height:auto;}
	#footer .footer_mnu_box{width:100%; min-width:320px;}
	#footer .footer_mnu_box .footer_mnu{width:100%; min-width:320px; overflow-y:hidden; overflow-x:auto;ms-overflow-style: none; scrollbar-width: none; /* 인터넷 익스플로러 */}
	#footer .footer_mnu_box .footer_mnu::-webkit-scrollbar {display: none; /* 크롬, 사파리, 오페라, 엣지 */}	
	#footer .footer_mnu_box .footer_mnu > ul > li{flex: 0 0 auto;padding:0 15px; font-size:15px; text-align:center;}
	#footer .btm_copy_box{width:100%; min-width:320px; height:auto; font-size:14px; border-top:1px solid #5d5d6c;}
	#footer .btm_copy_box .btm_copy{width:100%; min-width:320px; line-height:1.5em; padding-top:10px; padding:0 15px 10px 15px; text-align:center; background:/*#4a4f6c;*/#2a3652; color:#fff !important; overflow:hidden;}
	#footer .btm_copy_box .btm_copy > ul > li:nth-child(1){display:none;}
	#footer .btm_copy_box .btm_copy .ib{display:block; width:100%; padding-left:0;}
	#footer .btm_copy_box .btm_copy > ul > li{width:100%; color:#fff;font-size:15px; letter-spacing:0px;}
	#footer .btm_copy_box .btm_copy .ib{margin-right:0;}


	/* 마이팝업 */
	#my_pop{width:280px !important;}
	#my_pop #item_pwd{width:100% !important;}
	#my_pop .wbtn{width:100% !important; margin-top:10px;}

	/* 최상단으로 */
	.go_top_btn{bottom:15px; right:15px; }
	
	.view_quick_menu{display:none;}

}

@media (min-width:501px) and (max-width: 768px) {
	#footer .footer_mnu_box .footer_mnu > ul{justify-content: center;}
}