/* BASIC css start */
/* À̺¥Æ® ¹è³Ê */
#topBnr{display: none;width:100%}
#topBnr .topWrap{position: relative;}
#xbtn{position: absolute; top: 50%; transform: translateY(-50%); right: 10px;}
#xbtn img{width: 13px;}

/* »ó´Ü */
#header {width: 100%;}
#header.fix{position: fixed; top: 0; opacity: 0.9; z-index: 100; border-bottom: 1px solid #e6e6e6 !important;}
#header .header_top {position: relative; background: #fff; z-index: 2;padding: 22px 15px; font-size: 0; text-align: center;}
#header .header_top div {display: inline-block; font-size: 12px; vertical-align: middle;}
#header .header_top div a img{width: 100%;}
#header .header_top .menu {position: absolute; top: 50%; width: 24px; left: 17px; transform: translateY(-50%);}
#header .header_top .allmenu_btn {width: 100%;}
#header .header_top .logo {width: 140px;}
#header .header_top .logo img {vertical-align: middle;}
#header .header_top .basket {position: absolute; top: 50%; width: 27px; right: 50px; transform: translateY(-50%);}
#header .header_top .basket a {position: relative;}
#header .header_top .basket a span { position: absolute; top: 7px; right: -9px; width: 20px; height: 14px; line-height: 13px; border-radius: 8px; color: #fff; font-size: 10px; font-family: 'Lato', sans-serif; vertical-align: bottom; background: #955251;}
#header .header_top .search{position: absolute; top: 50%; transform: translateY(-50%); width: 25px; right: 14px; }


/* ¸Þ´º */
#menuWrap{ position: fixed; width:100%; height:100%; background: #fff; top: 0; z-index: 1001; display:none; overflow-x: auto;}
#menuWrap .closeBox{position: absolute; right: 13px; top: 15px; z-index: 100000;}
#menuWrap .closeBox img{width: 22px;}
#menuWrap .menuIn{padding: 100px 30px;}
#menuWrap .menuIn .snsBox{}
#menuWrap .menuIn .snsBox ul{text-align: center;}
#menuWrap .menuIn .snsBox ul li{display: inline-block; margin: 0px 5px;}
#menuWrap .menuIn .snsBox ul li a img{width: 50px;}
#menuWrap .menuIn .menu_middle{padding-top: 35px;}
#menuWrap .menuIn .menu_middle:after{content: ''; display: block; clear: both}
#menuWrap .menuIn .menu_middle .middle_text, #menuWrap .menuIn .menu_middle .middle_icon{text-align: center;}
#menuWrap .menuIn .menu_middle .middle_text li{float:left; width: calc(100%/3 - 10px); height:40px; line-height: 40px; margin: 5px 5px; border: 1px solid #e6e6e6; box-sizing: border-box;}
#menuWrap .menuIn .menu_middle .middle_text li a{display: block;
    font-family: "¸¼Àº °íµñ",'Malgun Gothic',sans-serif;
    color: #333;}
#menuWrap .menuIn .menu_middle .middle_text li a img{padding: 20px 0 10px; margin:0 auto; display: block;}

.m_banner{text-align:center; padding: 25px 0;}
.m_banner img{width: 92%;}

/* ½½¶óÀÌµå ¸Þ´º ¾È ÄÁÅÙÃ÷*/
#menuWrap .menuIn .menu_contents{padding-top: 24px; 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{text-align: center;}
#menuWrap .menuIn .menu_contents .a_menu > ul > li > a{ display: block; padding: 7px 0; font-size: 1.8em; color: #4c4c4c; font-family: 'Noto Sans KR', sans-serif;}
#menuWrap .menuIn .menu_contents .a_menu > ul > li .sub_menu{display:none; background: #323232; padding: 20px 32px;}
#menuWrap .menuIn .menu_contents .a_menu > ul > li .sub_menu:after{content: ''; display: table; clear: both}
#menuWrap .menuIn .menu_contents .a_menu > ul > li .sub_menu li{ line-height: 16px; margin-bottom: 20px;}
#menuWrap .menuIn .menu_contents .a_menu > ul > li .sub_menu li:last-of-type{margin-bottom: 0px;}
#menuWrap .menuIn .menu_contents .a_menu > ul > li .sub_menu li a{color: #cccccc; font-family: 'NanumBarunGothic', sans-serif;}


/* BASIC css end */