/* BASIC css start */
@charset "utf-8";
@import url(//api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb); 
@import url(//fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap);

body{min-width:1280px}
.clear_fix::after,.clear_fix::before{clear: both; display: block; content: "";}
*{margin: 0; padding: 0; box-sizing: border-box;font-family: 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic';}
a{text-decoration: none; color: inherit;}
ul,li{list-style: none;}

#wrap{width: 1280px; height: auto; margin: 0 auto;padding-top: 60px; clear: both;position:relative;}
#contentWrapper{margin-left:220px; width: 1060px  }
#header{width: 160px; height: auto;  margin-right: 60px; position:absolute; left:0; top:60px; }
#header a{font-weight: 500;}
#header h1{width: 134px; height: 35px; margin-bottom: 20px; display: flex;}
#header h1 a{display: block;width: 100%; height: 15px;}
#header h1 a img{width:135px; height: 15px;}
#header nav{}
#header nav ul.main_m{}
#header nav ul.main_m>li{margin-top: 8px;}
#header nav ul.main_m>li>a{display: inline-block;font-size: 12px; color: #4c4c4c;}


#header .board_m1,.board_m2{margin-top: 30px;}
#header .board_m1>ul,.board_m2>ul{}
#header .board_m1>ul>li,.board_m2>ul>li{margin-top: 8px;}
#header .board_m1>ul>li>a,.board_m2>ul>li>a{display: inline-block; color: #4c4c4c; font-size: 12px;}


#header .user_m{padding-top: 30px;background-color: #fff; position: relative;margin-top: 30px;}
#header .user_m::before{content: ""; display: block; width: 10px; height: 1px; background-color: #a6a6a6; position: absolute;top: 0;left: 0;}
#header .user_m>ul{}
#header .user_m>ul>li{margin-top: 8px;}
#header .user_m>ul>li>a{display: inline-block; color: #a6a6a6; font-size: 12px;font-family: 'Lato', sans-serif;}

#header .searchArea{margin-top:50px}
#header .searchArea .search{}
#header .searchArea .search fieldset{position:relative}
#header .searchArea .search fieldset legend{}
#header .searchArea .search fieldset input{padding-bottom:10px;width:160px; border-top:none; border-right:none; border-left:none; border-bottom:1px solid #ccc}
#header .searchArea .search a{ position:absolute; right:0px; top:0px;text-indent:-9999px;width: 15px; height: 15px; display: inline-block; background: url(//skin.makeshop.co.kr/skin/postcard/PC_img/header_search_icon.png) no-repeat center center; background-size: contain;}


#header nav ul.main_m>li>a,
#header .board_m1>ul>li>a,.board_m2>ul>li>a{position: relative;}

nav ul.main_m>li>a::after,.board_m1>ul>li>a::after,.board_m2>ul>li>a::after{z-index:-1;transition:all .3s; content: ""; display: block; position:absolute; bottom: -2px;left: 0; width: 0; height: 9px; background-color:rgba(240, 217, 217, 0.5); }

#header li a.line::after{z-index:-1;width: 100%;}



.fix_upDown{position: fixed; right: 10%; top: 50%; transform: translateY(-50%);}
.fix_upDown ul{}
.fix_upDown ul li{width: 19px; height: 11px; background-color: whitesmoke; background: no-repeat center center; background-size: contain; margin-bottom:30px}
.fix_upDown ul li a{display: block; width: 100%; height: 100%;}

.recent_prd{display:none;}
.recent_prd.swiper-initialized{display:block;}
/* BASIC css end */