@charset "utf-8";

	
	
html { scroll-behavior: smooth; }

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');



@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}



@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");



body {position:relative;font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}


	
	.default_layout {width:1300px; margin:0 auto; }


	#wrapper {margin-top:0px; min-width:1300px;}


	/*상단 중간*/
	#header_wrap { height:100px;   position:relative; z-index:99999999; text-align:center; transition: all 0.2s;background:#fff;   min-width:1300px;}
	#header_wrap .default_layout{position:relative;}
	#header_wrap.on_scroll {position:fixed; left:0px; top:0px; width:100%; }
	#header_wrap.on_scroll_etc {background:#fff;}

	



	/*로고*/
	#header_wrap h1#logo_img{position:absolute; left:20px; top:0px; line-height:95px;  transition: all 0.2s;  z-index:2;}







	#header_wrap .header_util {position:absolute; right:20px; top:40px; z-index:2;}
	#header_wrap .header_util li{display:inline-block; margin:0 10px;}
	#header_wrap .header_util li a{display:block; color:rgba(0,0,0,0.8); transition: all 0.2s;}






	/*상단메뉴*/
	#header_wrap #header_menu {display:inline-block;  }



	#header_wrap #topMenu {text-align:center; z-index:1; position:relative; margin-right:150px; }
	#header_wrap #topMenu li.menu_list{float:left; position:relative;  text-align:center;}

	#header_wrap #topMenu li.menu_list:last-child {margin-right:0px;}
	#header_wrap #topMenu li.menu_list a.depth_link {display:block; padding:0 20px; font-size:17px;font-weight:bold; color:#000; line-height:100px;  letter-spacing:-2px;  transition: all 0.2s;  }



	#header_wrap #topMenu li div.depth_box {position:absolute; display:none;;  top:0px; width:160px; left:0px; }
	#header_wrap #topMenu li div.depth_box ul {padding:20px;; }
	#header_wrap #topMenu li div.depth_box ul li {font-size:14px; text-align:left;}
	#header_wrap #topMenu li div.depth_box ul li a {display:block; font-weight:normal; color:#000; letter-spacing:-0.5px; line-height:23px;}
	#header_wrap #topMenu li div.depth_box ul li a:hover {font-weight:bold; color:#e4007f; text-decoration:underline;}
	#header_wrap #topMenu li div.depth_box ul li:last-child a{border-bottom:0px;}

	
	/*

	#header_wrap:hover #topMenu li.menu_list a.depth_link,
	#header_wrap.on_scroll #topMenu li.menu_list a.depth_link,
	#header_wrap.on_scroll_etc #topMenu li.menu_list a.depth_link {color:#000;}

	#header_wrap #topMenu li.menu_list a.depth_link:hover {color:#e4007f;}
	#header_wrap #topMenu li.menu_list a.menu_on{color:#e4007f; }

*/


	#header_wrap .depth_box_wra_box {background:#fff; position:absolute;  left:0px; top:-30px; width:100%;;z-index:0px;  display:none; border-top:1px #ededed solid; transition: all 0.2s; opacity:0;}    





	/*상단메뉴*/
	#header_menu .all_menu_show {width:100%; position:absolute; left:-1px; top:46px; z-index:99999; display:none; }
	#header_menu .all_menu_show .all_menu_show_wrap_box {padding:15px 0px; background:#fff; border:1px #ddd solid; border-top:0px;}
	#header_menu .all_menu_show ul.box{overflow:hidden; }
	#header_menu .all_menu_show ul.box .all_list{float:left; width:20%; min-height:220px;}
	#header_menu .all_menu_show ul.box .all_list .all_list_wrap {margin:15px; }
	#header_menu .all_menu_show ul.box .all_list .on_title{display:block; text-align:left; font-size:16px; line-height:40px; border-bottom:1px #666 solid; font-weight:bold;}

	#header_menu .all_menu_show ul.box .all_list .depths_box_box{padding:10px 10px; text-align:left;font-size:11px; line-height:20px}
	#header_menu .all_menu_show ul.box .all_list .depths_box_box a{line-height:20px;  color:#777; }
	#header_menu .all_menu_show ul.box .all_list .depths_box_box a:hover{color:#e13e41;}




	/*하단카피라이트*/
	#footer_group {border-top:1px #ededed solid;  }

	#footer_group .f_util{border-bottom:1px #ededed solid;}
	#footer_group .f_util .default_layout{}
	#footer_group .f_util .default_layout {text-align:center;}
	#footer_group .f_util .default_layout li{display:inline-block; margin:5px 0px;; font-size:14px;}
	#footer_group .f_util .default_layout li a{display:block; line-height:40px; background:url(../../../img/common/footer_util_dot.jpg) right 50% no-repeat; padding:0 20px 0px; color:#333;}
	#footer_group .f_util .default_layout li.last a{background:none;}



	#footer_group .footer_group_warp{padding:40px 0px; font-size:13px;}
	#footer_group .footer_group_warp .footer_group_warp_coll {display:table; width:100%; table-layout:fixed;}
	#footer_group .footer_group_warp .footer_group_warp_coll .col_list {display:table-cell; vertical-align:top; padding:10px 30px; position:relative; border-right:1px #ededed solid;}
	#footer_group .footer_group_warp .footer_group_warp_coll .col_list .f_title {;margin-bottom:20px; font-size:18px; font-weight:bold; color:#000;}

	/*하단고객센터*/
	#footer_group .footer_group_warp .footer_group_warp_coll .cs_center_box {}
	#footer_group .footer_group_warp .footer_group_warp_coll .cs_center_box .call_num {font-size:30px;font-weight:bold;  line-height:25px;}
	#footer_group .footer_group_warp .footer_group_warp_coll .cs_center_box .time {  color:#777; margin-top:10px;}
	#footer_group .footer_group_warp .footer_group_warp_coll .cs_center_box .time span {  color:#f15757; display:inline-block;}


	/*하단고객센터*/
	#footer_group .footer_group_warp .footer_group_warp_coll .bank_box {width:380px;}
	#footer_group .footer_group_warp .footer_group_warp_coll .bank_box .bank_list {color:#000; line-height:25px; font-size:16px;}
	#footer_group .footer_group_warp .footer_group_warp_coll .bank_box .bank_list span{display:block; font-weight:bold; font-size:18px;}
	#footer_group .footer_group_warp .footer_group_warp_coll .bank_box .bank_etc {margin-top:10px;}
	#footer_group .footer_group_warp .footer_group_warp_coll .bank_box .bank_etc select {border:1px #dbdbdb solid; color:#777; font-size:11px; height:30px;}

	/*하단즐겨찾기*/
	#footer_group .footer_group_warp .footer_group_warp_coll .favorite_box {width:250px; overflow:hidden;}
	#footer_group .footer_group_warp .footer_group_warp_coll .favorite_box li {float:left; width:50%;}
	#footer_group .footer_group_warp .footer_group_warp_coll .favorite_box li a{display:block; padding-left:10px; color:#777; background:url(../../../img/common/footer_notice_dot.jpg) left 50% no-repeat;}

	/*하단공지사항*/
	#footer_group .footer_group_warp .footer_group_warp_coll .notice_box {border-right:0px; text-align:left; width:250px;}
	#footer_group .footer_group_warp .footer_group_warp_coll .notice_box li a{color:#777;}


	#footer_group .footer {background:#222; padding:40px 0px; font-size:13px; line-height:20px;   color:rgba(255,255,255,0.6);  text-align:center;}
	#footer_group .footer .default_layout { }
	#footer_group .footer .f_list {display:inline-block; margin-right:10px;}
	#footer_group .footer .f_name {display:inline-block; padding:0px 5px;}
	#footer_group .footer .copy {padding-left:5px; padding-top:20px;}







	.sct_10 .sct_li {position:relative;float:left;margin:0 49px 40px 0;text-align:center; overflow:hidden;}
	.sct_10 .sct_last {margin:0 0 15px !important}
	.sct_10 .sct_clear {clear:both}
	.sct_10 .sct_img{position:relative; }
	.sct_10 .sct_img img {vertical-align:middle; max-width:100%; border-radius:15px;}
	.sct_10 .sct_sns{display:none;position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%}
	.sct_10 li:hover .sct_sns{display:block}
	.sct_10 .sct_sns a{display:inline-block;border-radius:50%;margin:2px ;width:40px;text-align:center;height:40px;padding:10px 0;background:rgba(0,0,0,0.4)}
	.sct_10 .sct_sns .share-facebook:hover{background:#415b92}
	.sct_10 .sct_sns .share-twitter:hover{background:#35b3dc}
	.sct_10 .sct_sns .share-googleplus:hover{background:#d5503a}
	.sct_10 .sct_sns img{width:18px}
	.sct_10 .sct_icon {margin:10px 0}

	.sct_10 .sct_cost {font-size:15px;  color:#ff0136; font-weight:bold; margin-top:7px;}
	.sct_10 .sct_cost .sct_discount{color:#999; display:inline-block; font-size:13px; margin-right:5px; font-weight:normal; text-decoration: line-through;}

	.sct_10 .sct_txt{display:block;margin-top:10px;font-size:1.167em;font-weight:bold}
	.sct_10 .sct_basic{color:#999;margin:5px 0;  overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; padding:0 10px;}
	.sct_10 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;font-weight:bold}


	/*공통*/
	.sct_wrap h3.list_title { font-size:26px; letter-spacing:-1px; text-align:center; padding-bottom:30px; margin-top:50px;}
	.sct_wrap h3.list_title a{color:#5e4537; }
	.sct_wrap h3.list_title span{color:#5e4537; display:inline-block; padding-right:10px;}
	.sct_wrap h3.list_title .title_info {font-size:14px; color:#888; line-height:30px; font-weight:normal;}






	/*최신상품상품*/
	#main_20 {overflow:hidden; }
	#main_20 ul .list {display:block;; margin-right:16px; margin-bottom:40px; float:left; position:relative; }
	#main_20 ul .list.sct_last { margin-right:0px; }
	#main_20 ul .list .sct_txt {font-size:14px; margin:10px 0px 5px;; letter-spacing:-1px; padding:0px 10px; color:#222; overflow:hidden;    white-space: nowrap;    text-overflow: ellipsis; }
	#main_20 ul .list .sct_basic {font-size:12px; margin:3px 0px;; letter-spacing:-1px;  padding:0px 10px; color:#999; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; height:18px; }
	#main_20 ul .list .sct_cost {font-size:15px;  color:#ff0136; font-weight:bold; margin-top:7px;}
	#main_20 ul .list .sct_cost .sct_discount{color:#999; display:inline-block; font-size:13px; margin-right:5px; font-weight:normal; text-decoration: line-through;}
	#main_20 ul .list .sct_icon {position:absolute; left:0px; top:0px;}



	/*추천산충*/







