/* BASIC css start */
.clear{clear:both}
#header { width: 100%; position: relative;}
#header .header_top { position: relative; background: #fff; z-index: 30; padding: 25px 15px; font-size: 0;}
#header .header_top div { display: inline-block; vertical-align: middle; font-size: 12px;}
#header .header_top .menubtn { width: 22px; right: 15px; position: absolute; top: 50%; transform: translateY(-50%);}
#header .header_top .allmenu_btn { width: 100%;}
#header .header_top .basket { width: 32px; right: 55px; position: absolute; top: 50%; transform: translateY(-50%);}
#header .header_top .basket a img { width: 20px;}
#header .header_top .basket a span { color: #fff; background: #2e2e2e; width: 18px; height: 18px; border-radius: 50%; display: block; position: absolute; bottom: -2px; right: 2px; line-height: 18px; font-size: 0.8em; font-family: 'Poppins', sans-serif; text-align: center;}
#header .header_top .r_search{position: absolute; right: 15px; width: 22px;}
#header .header_top .r_search a img{width:100%;}
#header .header_top .logo { width: 180px; margin-left: 10px;}
#header .header_top .logo img { width: 100%; vertical-align: middle;}

/* ¸Þ´º */
#menuWrap{ position: fixed; width:100%; height:100%; background: #fff; top: 0; z-index: 35; display:none; overflow-x: auto;}
#menuWrap .menuIn{}
#menuWrap .menuIn .menu_top{padding: 18px 14px;}
#menuWrap .menuIn .menu_top .logo{float: left; width: 164px;}
#menuWrap .menuIn .menu_top .logo a img{width: 100%; vertical-align: middle;}
#menuWrap .menuIn .menu_top div.closeBox{float: right;}
#menuWrap .menuIn .menu_top div.closeBox img{width: 20px;}

#menuWrap .menuIn div.searchBox{    width: 87%;
    margin: 15px auto;
    border-bottom: 1px solid #000;}
#menuWrap .menuIn div.searchBox form fieldset{ }
#menuWrap .menuIn div.searchBox form fieldset a img{vertical-align: middle; width: 24px;}
#menuWrap .menuIn div.searchBox form fieldset input{ border: 0; width: 87%; margin-right: 4%; padding-left: 0;}
#menuWrap .menuIn div.searchBox form fieldset input::placeholder {
  color: #bababa;
  font-size:1.2em;
  font-family: 'Poppins', '³ª´®°íµñ','NanumGothic',sans-serif;
  font-weight: 500;
}


#menuWrap .menuIn .menu_top ul{clear:both; padding: 5% 3%;}
#menuWrap .menuIn .menu_top ul li.po_sea{color:#484848; font-size: 11px; }
#menuWrap .menuIn .menu_top ul li{ float:left; padding: 0 2%; line-height: 12px;}
#menuWrap .menuIn .menu_top ul li:nth-of-type(n+3){border-left: 1px solid #b7b7b7; height: 12px; line-height: 12px;}
#menuWrap .menuIn .menu_top ul li a{color:#de6873; font-size: 11px;}
#menuWrap .menuIn .menu_middle{ border-top: 1px solid #eaedf1; padding: 18px 15px;}
#menuWrap .menuIn .menu_middle .middle_icon{padding-bottom:10px;}
#menuWrap .menuIn .menu_middle .middle_text, #menuWrap .menuIn .menu_middle .middle_icon{display: flex; text-align: center;}
#menuWrap .menuIn .menu_middle .middle_icon li, #menuWrap .menuIn .menu_middle .middle_text li{float:left; width: 25%;}
#menuWrap .menuIn .menu_middle ul li:nth-of-type(2){position: relative;}
#menuWrap .menuIn .menu_middle ul li a #joinpoint{position: absolute; top: 16px; right: 2px; width: 45px; background: url(/design/sbjdnm/snow/m/icon/m_join.png) no-repeat; background-size: 96%; line-height: 15px; height: 17px;}
#menuWrap .menuIn .menu_middle ul li a #joinpoint .text{font-size: 10px; color: #fff;}
#menuWrap .menuIn .menu_middle .middle_text li a{font-family: 'Poppins','¸¼Àº °íµñ','Malgun Gothic', sans-serif; color: #181818; font-weight: 500;}
#menuWrap .menuIn .menu_contents{padding-top: 32px; display: flex;}
#menuWrap .menuIn .menu_contents .a_menu, #menuWrap .menuIn .menu_contents .a_center{width: 100%;}
#menuWrap .menuIn .menu_contents .a_menu ul, #menuWrap .menuIn .menu_contents .a_center ul{line-height: 35px;}
#menuWrap .menuIn .menu_contents .a_menu > ul > li{border-bottom: 1px solid #eaedf1; position: relative;}
#menuWrap .menuIn .menu_contents .a_menu > ul > li > a{ font-size: 1.2em;
    font-family: 'Poppins', 'Noto Sans KR';
    color: #333333; 
    display: block;
    margin-right: 40px;
    padding: 5px 0 5px 20px;}
#menuWrap .menuIn .menu_contents .a_center ul li a{ font-size: 15px; font-family: 'Poppins','Noto Sans KR'; color: #bd8a8e;}
.m_banner{text-align:center; padding: 25px 0;}
.m_banner img{width: 92%;}
.a_menu ul li > a {
  color: #222;
    font-family: 'Poppins', sans-serif;
}
.a_center{
  padding: 22px 18px;
}
.a_center ul li{
  font-size: 15px;
    line-height:35px;
}
.a_center ul li > a{
  color: #7d7d7d;
}
.menu_contents .a_menu > ul{border-top: 1px solid #eaedf1;}
.menu_contents .a_menu > ul > li .sub_menu{display:none; background: #fbfbfb; padding: 20px 32px;}
.menu_contents .a_menu > ul > li .sub_menu::after{content: ''; display: table; clear: both}
.menu_contents .a_menu > ul > li .sub_menu li{float: left; width: 50%;}
.menu_contents .a_menu > ul > li .sub_menu li a{ font-family: 'Poppins','Noto Sans KR'; color: #8e8e8e;}
.menu_contents .a_menu .fa-angle-down:before{font-size: 18px;}
.menu_contents .a_menu .fa-angle-down{transition-duration:0.3s;    
    width: 40px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    position: absolute;
    right: 0;
    top: 0;}
.menu_contents .a_menu .fa-angle-down.active{
    -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);}
/* BASIC css end */