/* BASIC css start */
#header { width: 100%; } 
#header .header_fd { padding: 25px 0; } 
#header .header_top { position: relative; width: 100%; z-index: 2; font-size: 0; text-align: center; } 
#header .header_top div { display: inline-block; vertical-align: middle; font-size: 12px; } 
#header .header_top .menu { width: 22px; left: 15px; position: absolute; top: 50%; transform: translateY(-50%); } 
#header .header_top .allmenu_btn { width: 100%; } 
#header .header_top .basket, #menuWrap .menu_top .basket { width: 30px; right: 15px; position: absolute; top: 50%; transform: translateY(-50%); } 
#header .header_top .basket a, #menuWrap .menu_top .basket a { position: relative; } 
#header .header_top .basket a img, #menuWrap .menu_top .basket a img { width: 26px; } 
#header .header_top .basket a span, #menuWrap .menu_top .basket a span { position: absolute; top: -10px; right: -10px; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; color: #fff; font-size: 10px; font-family: 'Noto Sans KR', sans-serif; vertical-align: bottom; background: #7ebd3d; } 
#header .header_top .logo { width: 150px; } 
#header .header_top .logo img { width: 100%; vertical-align: middle; } 


/* 검색 */
.search { width: 92%; height: 40px; margin: 0 auto; background: #f5f5f5; border-radius: 25px; font-size: 0; } 
.search .searchBox { display: inline-block; width: 74%; margin: 5px 0 0 20px; } 
.search .searchBox input { width: 100%; height: 30px; border: 0; font-size: 12px; background: none; } 
.search .btn_search { display: inline-block; width: 15%; margin: 10px 0px 0 0; vertical-align: top; text-align: right; -webkit-tap-highlight-color : rgba(0,0,0,0) } 
.search .btn_search img { width:18px } 
@media (min-width: 760px){
 .search .searchBox { width: 77%; } 
 }

/* 메뉴 */
#header .menuArea { overflow: hidden; } 
#header .menuArea:after { content:''; display:block; clear:both } 
#header .menuArea .menu_wrap { margin: 10px 0 0; font-size: 0; text-align: center; display: flex; justify-content: space-around; } 
#header .menuArea .menu_wrap .menu_slide a { display: inline-block; padding: 13px 0; color: #0e0e0e; font-size: 0.85rem; font-family: 'Noto Sans KR', sans-serif; } 
#header .menuArea .menu_wrap .menu_slide a.active { border-bottom:3px solid #000; font-weight: bold; } 
#header .menuArea .menu_slide.menu { display:none; } 
#header .menuArea .menu_slide.home { display:none; } 
#header .menuArea.header-scroll { position: fixed; left: 0; right: 0; top: 0; padding: 0; background: #ffffff; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; border-bottom: 1px solid #c4c4c4; z-index: 9999; } 
#header .menuArea.header-scroll .menu_wrap { margin:0; } 
#header .menuArea.header-scroll .menu_wrap .menu_slide { } 
#header .menuArea.header-scroll .menu_wrap .menu_slide img { width:17px; } 
#header .menuArea.header-scroll .home { display:inline-block; } 

/* 카테고리 */
.closeBox { position: absolute; top: 20px; left: 7px; padding: 8px; width: 20px; z-index: 1000; } 
.closeBox img { width: 100% } 

/* 로고 */
aside .in_logo { margin: 25px 0; text-align: center; } 
aside .in_logo a img { width: 90px; } 

aside .asideBottom { padding: 14px 0; text-align: center; } 
aside .asideBottom ul { width: 100%; font-size: 0; text-align: center; } 
aside .asideBottom ul li { display: inline-block; width: 32%; margin: 0 3px; border: 1px solid #666; text-align: center; box-sizing: border-box; border-radius: 30px; } 
aside .asideBottom ul li a { display: block; padding: 13px 0; color: #000000; font-size: .9rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; } 
aside .asideBottom ul li:nth-of-type(2) { background: #333; } 
aside .asideBottom ul li:nth-of-type(2) a { color: #fff; } 

aside .asideBottom div { display: inline-block; margin: 14px 20px; } 
aside .asideBottom div a { border-bottom: 1px solid #000; font-size: 13px; font-family: 'Noto Sans KR', sans-serif; } 
 
aside { display: none; position: fixed; width: 100%; height: 100%; left: 0; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 999999; background: #fff; } 
aside nav { padding: 30px 0 } 
aside nav ul { padding: 0; margin-bottom: 20px; } 
aside nav li { position: relative; border-top: 1px solid #e6e6e6; } 
aside nav li:last-of-type { border-bottom: 1px solid #e6e6e6; } 
aside nav li a { display: block; height: 50px; line-height: 50px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; font-size: .9rem; font-family: 'Noto Sans KR', sans-serif; } 
aside nav li a img { position: absolute; top: 50%; transform: translateY(-50%); right: 16px; width: 8px; } 

/* 베스트영역 */
.asidebest { margin: 0 0 30px; padding: 15px 0px 9px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #fbfbfb; font-size: 0; text-align: center; } 
.asidebest p { display: inline-block; width: calc(100%/3); } 
.asidebest p a { font-size: .9rem; font-family: 'Noto Sans KR', sans-serif; } 

/* 연결페이지02 */
.link_inmenu { padding: 0 12px; } 
.link_inmenu p { margin: 0 0 20px; color: #000000; font-size: 1rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; } 
.link_inmenu ul { *zoom:1; font-size: 0; } 
.link_inmenu ul li { display: inline-block; width: calc(100% / 4); margin: 0 0 12px; text-align: center; } 
.link_inmenu ul li a { color: #000; font-size: .8rem; font-family: 'Noto Sans KR', sans-serif; } 
.link_inmenu ul li a img { display: block; width: 65px; padding-bottom: 5px; margin: 0 auto; } 

/* sns */
.snsBox { padding: 15px 0; border-top: 1px solid #d6d6d6; font-size: 0; text-align: center; } 
.snsBox li { display: inline-block; margin: 0 14px; } 
.snsBox li img { width: 35px; } 


.cs_wrap { text-align: center; } 
.cs_wrap .line_1 { font-size: 16px; font-weight: bold; font-family: 'Lato', sans-serif; margin-bottom: 14px; } 
.cs_wrap .line_2 { font-size: 12px; font-family: 'Noto Sans KR', sans-serif; border: 2px solid #222222; display: inline-block; border-radius: 50px; padding: 12px 20px; margin-bottom:22px; } 
.cs_wrap .line_2 img { width: 13px; padding: 0 7.5px 0 11px; vertical-align: initial; } 
.cs_wrap .line_2 b { font-size: 16px; font-family: 'Lato', sans-serif; } 
.cs_wrap .line_3 { font-size: 11px; font-family: 'Noto Sans KR', sans-serif; color: #8f8e8e; margin-bottom: 30px; } 
/* //카테고리 */


.ft_fixed_menu { position:fixed; bottom:0; left:0; right:0; width: 100%; z-index: 9999; background: #fff; padding: 13.5px 0; box-shadow: 2px 1px 6px 1px #ddd; } 
.ft_fixed_menu ul { display:flex; justify-content: space-around; align-items: flex-end; } 
.ft_fixed_menu ul li { } 
.ft_fixed_menu ul li a { display:inline-block; } 
.ft_fixed_menu ul li a img { width:auto; height: 17px; } 

.search_pop { display: none; position: fixed; width: 100%; height: 100%; left: 0; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 999999; background: #fff; padding: 50px 15px; box-sizing: border-box; } 
.search_pop .closeBox { position: absolute; top: 15px; right: 15px; left: auto; padding: 0; width: 20px; z-index: 1000; } 
.search_pop .search { width: 100%; } 
.search_pop .search_cont { position: relative; padding: 30px 12px; border-bottom: 1px solid #ededed; } 
.search_pop .search_cont:last-child { border-bottom:0; } 
.search_pop .search_cont p { font-size: 17px; font-weight: bold; color: #222; font-family: 'noto sans kr', sans-serif; margin-bottom: 27px; } 
.search_pop .search_cont.popular_wrap ul { display: flex; flex-wrap: wrap;} 
.search_pop .search_cont.popular_wrap ul li { margin-bottom: 20px; display: flex; flex: auto; } 
.search_pop .search_cont.popular_wrap ul li a { font-size: 13px; color: #222; } 
.search_pop .search_cont.popular_wrap ul li a b { display: inline-block; font-size: 14px; color: #8ac457; font-weight: bold; margin-right: 10px; text-align: right; width: 16px; } 
.search_pop .search_cont.tv_wrap ul { /* display: flex; */ /* flex-direction: row; */ /* justify-content: space-around; */ /* flex-wrap: wrap; */ /* align-items: center; */ text-align: center; } 
.search_pop .search_cont.tv_wrap ul li { /* width: 25%; */ margin-bottom: 10px; display: inline-block; } 
.search_pop .search_cont.tv_wrap ul li a { display: inline-block; font-size: 13px; color: #222; border: 1px solid #ededed; border-radius: 30px; word-break: keep-all; white-space: pre; box-sizing: border-box; padding: 9px 12px; } 


/* 로그인시 파워리뷰 팝업 */
#layerNotice{z-index: 99999 !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%) !important;}

/*검색시 급상승검색어 css수정*/
.mk_newnew_ranking {position:relative; padding:10px; width:100% !important; border:1px solid #555; margin:0 auto; }

/* BASIC css end */