/* 헤더 공통 */
*{font-family: 'Pretendard';}
#pcHead, #mobHead{position: relative;}
.at-header{position: relative; z-index: 1000; top: 0; left: 0; transition: 0.3s; width: 100%; background-color: #fff;}
.at-html.login-intro .at-header{display: none;}
.at-header img{max-width: inherit;}
.at-header span, .at-header input, .at-header a, .header-menu a{font-family: 'Pretendard' !important;}
.at-header .mypage_icon_b, .at-header .search_icon_b, .at-header .cart_icon_b, .at-header .lang_b, .at-header .m_menu_fix_b, .at-header .header_search_b, .at-header .header_menu_b, .at-header .myshop_icon_b{display: block;}
.at-header .logo_w, .at-header .mypage_icon_w, .at-header .search_icon_w, .at-header .cart_icon_w, .at-header .lang_w, .at-header .m_menu_fix_w, .at-header .header_search_w, .at-header .header_menu_w, .at-header .myshop_icon_w{display: none;}
.at-header .logo_b{display: inline-block;}
.sub-1div{display: none;}
.pc-menu{box-shadow: none;}
ul,li{list-style: none;}
.at-header .pc-menu .nav-top .all_category_btn:hover > .menu-a{color: var(--main-point-color-hover);}
.at-header .menu-ul .menu-a{white-space : nowrap;}

/* 일체형 공통 */
.at-header.header_on{position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; transition: 0.3s;}
.at-header.transparent_H{background-color: transparent;}
.at-header.transparent_H .header-menu .pc-menu{background-color: transparent; box-shadow: none; border-bottom: 1px solid rgba(255,255,255,0.2);}
.at-header.transparent_H .pc-menu .nav-top .menu-ul .menu-a{background-color: transparent; color: #fff;}
.at-header.transparent_H .logo_b, .at-header.transparent_H .mypage_icon_b, .at-header.transparent_H .search_icon_b, .at-header.transparent_H .cart_icon_b, .at-header.transparent_H .lang_b, .at-header.transparent_H .m_menu_fix_b, .at-header.transparent_H .header_search_b, .at-header.transparent_H .header_menu_b, .at-header.transparent_H .myshop_icon_b{display: none;}
.at-header.transparent_H .mypage_icon_w, .at-header.transparent_H .search_icon_w, .at-header.transparent_H .cart_icon_w, .at-header.transparent_H .lang_w, .at-header.transparent_H .m_menu_fix_w, .at-header.transparent_H .header_search_w, .at-header.transparent_H .header_menu_w, .at-header.transparent_H .myshop_icon_w{display: block;}
.at-header.transparent_H .logo_w{display: inline-block;}
.header-menu.fixed .pc-menu .menu-a{background-color: #fff;}

/* 헤더 스크롤 고정 */
.at-header.fixed{position: fixed;width: 100%;top: 0;z-index: 999; background-color: #fff; border-bottom: 1px solid #f1f1f1;}
.at-header.admin-H.fixed{top: 50px;}
@media (max-width:1200px){
    .at-header.admin-H.fixed{top: 0px;}
}
@media (max-width:991px){
    .at-header{border-bottom: 1px solid transparent;}
}

/* 단일드롭1 (본인 2차만) */
.at-header .pc-menu .nav_oneline .nav-top.nav-both .menu-li{position: relative;}
.at-header .pc-menu .nav_oneline .nav-top.nav-both .sub-1div{box-shadow: 0 5px 15px -3px rgba(0,0,0,0.05); padding: 22px 0; position: absolute; min-width: 175px;}
.at-header .pc-menu .nav_oneline .nav-top .sub-1da{border-bottom: none; font-size: 15px; color: #999999; transition: 0.3s; padding: 4px 29px 4px 24px;}
.at-header .pc-menu .nav_oneline .nav-top .sub-1da:hover{color: var(--main-point-color-hover);}

/* 단일드롭2 (전체 1차-2차) */
.at-header .pc-menu .nav_full .all_menu_wrap{background-color: #fff;position: absolute;top: 66px;left: 50%;transform: translateX(-50%);width: 100vw;padding: 50px 0;border-top: 1px solid #f6f6f6; box-shadow: 0 10px 15px rgba(0,0,0,0.05); display: none;}
/* .at-header .pc-menu .nav_full .all_menu_wrap .all_menu_li{float: left;width: 14.28%;vertical-align: top;} */
.at-header .pc-menu .nav_full .all_menu_wrap .all_menu_ul{display: flex; align-items: flex-start; overflow-y: hidden; width: 100%;}
.at-header .pc-menu .nav_threedepth .nav-top .sub-1dul{display: flex; align-items: flex-start; overflow-y: hidden; width: 100%;}
.at-header .pc-menu .nav_full .all_menu_wrap .all_menu_li{flex: 1;}
.at-header .pc-menu .nav_full .all_menu_wrap .all_menu_li+li{position: relative; padding-left: 17px;}
.at-header .pc-menu .nav_full .all_menu_wrap .all_menu_li+li::before{content: ''; display: block; width: 1px; height: 100vh; background-color: #f6f6f6; position: absolute; top: 0; left: 0;}
.at-header .pc-menu .nav_full .all_menu_wrap .all_menu_a{display: inline-block;font-size: 16px;font-weight: 700;color: var(--main-point-color); transition: 0.3s;}
.at-header .pc-menu .nav_full .all_menu_wrap .all_menu_li:hover .all_menu_a{color: var(--main-point-color-hover);}
.at-header .pc-menu .nav_full .all_menu_wrap .all_sub_div{margin-top: 15px;display: block !important;}
.at-header .pc-menu .nav_full .all_menu_wrap .all_sub_a{display: block;padding: 7px 0;font-size: 15px;font-weight: 400; line-height: 1.2em;color: #999999; transition: 0.3s;}
.at-header .pc-menu .nav_full .all_menu_wrap .all_sub_a:hover{color: var(--main-point-color-hover);}

/* 단일드롭3 (본인 1차-2차-3차) */
.at-header .pc-menu .nav_threedepth .nav-top.nav-both .sub-1div{position: absolute;top: 66px;left: 50%;transform: translateX(-50%);width: 100vw;background: #fff;padding: 50px 0;border-top: 1px solid #f6f6f6;box-shadow: 0 10px 15px rgba(0,0,0,0.05);}
.at-header .pc-menu .nav_threedepth .nav-top .sub-1dul{display: flex; align-items: flex-start; overflow-y: hidden;}
.at-header .pc-menu .nav_threedepth .nav-top .sub-1dli{flex: 1;}
.at-header .pc-menu .nav_threedepth .nav-top .sub-1dli+li{position: relative; padding-left: 17px;}
.at-header .pc-menu .nav_threedepth .nav-top .sub-1dli+li::before{content: ''; display: block; width: 1px; height: 100vh; background-color: #f6f6f6; position: absolute; top: 0; left: 0;}
.at-header .pc-menu .nav_threedepth .nav-top .sub-1da{overflow: hidden;position: relative;padding: 0;border-bottom: 0;line-height: 1;font-size: 16px;font-weight: 700;color: var(--main-point-color); transition: 0.3s;}
.at-header .pc-menu .nav_threedepth .nav-top .sub-1dli:hover .sub-1da{color: var(--main-point-color-hover);}
.at-header .pc-menu .nav_threedepth .nav-top .sub-2div{display: block !important;position: static;background: transparent;box-shadow: none;margin-top: 15px;}
.at-header .pc-menu .nav_threedepth .nav-top .sub-2dli .sub-2da{overflow: hidden;padding: 7px 0;border-bottom: 0;font-size: 15px;font-weight: 400;line-height: 1.2em;color: #999999;transition: 0.3s;}
.at-header .pc-menu .nav_threedepth .nav-top .sub-2dli:hover .sub-2da{color: var(--main-point-color-hover); background-color: #fff;}

/* 전체메뉴1 전체보기 */
.at-header .pc-menu .all_menu_view{background-color: #fff;position: absolute;top: 64px;left: 50%;transform: translateX(-50%);width: 100vw;height: auto;padding: 50px 0;border-top: 1px solid #f6f6f6; box-shadow: 0 10px 15px rgba(0,0,0,0.05); display: none;}
.at-header .pc-menu .all_menu_view .all_menu_ul{display: flex; align-items: flex-start; overflow-y: hidden; width: 100%;}
.at-header .pc-menu .all_menu_view .all_menu_li{flex: 1;}
.at-header .pc-menu .all_menu_view .all_menu_li+li{/*border-left: 1px solid #f6f6f6;*/ padding-left: 17px; position: relative;}
.at-header .pc-menu .all_menu_view .all_menu_li+li::before{content: ''; display: block; width: 1px; height: 100vh; background-color: #f6f6f6; position: absolute; top: 0; left: 0;}
.at-header .pc-menu .all_menu_view .all_menu_a{display: block;font-size: 16px;line-height: 1;font-weight: 700;color: var(--main-point-color); transition: 0.3s;}
.at-header .pc-menu .all_menu_view .all_menu_li:hover > .all_menu_a{color: var(--main-point-color-hover);}
.at-header .pc-menu .all_menu_view .all_sub_div{margin-top: 15px;display: block !important;}
.at-header .pc-menu .all_menu_view .all_sub_a{display: block;padding: 7px 0;font-size: 15px;font-weight: 400; line-height: 1.2em;color: #999999; transition: 0.3s;}
.at-header .pc-menu .all_menu_view .all_sub_a:hover{color: var(--main-point-color-hover);}

/* 전체메뉴2 3차댑스 순차노출 */
.header-menu .pc-menu .all_menu_box{width: 182px;/*min-height: 500px;*/border: 1px solid #eeeeee;background-color: #fff;position: absolute;z-index: 10;display: none;}
.header-menu .pc-menu .all_menu_box .all_ul{padding: 0;overflow: visible;position: relative; padding-bottom: 20px; row-gap: -1px;}
/* .header-menu .pc-menu .all_menu_box .all_ul::-webkit-scrollbar{width: 2px;}
.header-menu .pc-menu .all_menu_box .all_ul::-webkit-scrollbar-thumb{background: #ebebeb;} */
.header-menu .pc-menu .all_menu_box .all_ul > .all_li{width: 100%;height: auto;float: none;margin-right: 0;}
.header-menu .pc-menu .all_menu_box .all_ul li:first-child{padding-top: 20px;}
.header-menu .pc-menu .all_menu_box .all_ul > .all_li a{display: block; padding: 0 15px;}
.header-menu .pc-menu .all_menu_box .all_ul > .all_li > .all_a{line-height: 40px;padding-bottom: 0;margin-bottom: 0;border-bottom: none;font-size: 15px;font-weight: 300;color: var(--main-point-color);transition: all .3s;}
.header-menu .pc-menu .all_menu_box .all_ul > .all_li:hover > .all_a{color: var(--main-point-color-hover); background-color: #f8f8f8;}
.header-menu .pc-menu .all_menu_box .all_ul > .all_li > .all_sub_div{width: 0;/*min-height: 500px !important;*/padding-bottom: 20px;opacity: 0; position: absolute;left: 100%;top: -1px;background: #fff;border: 1px solid #eeeeee; transition: all 0.3s ease;}
/* .header-menu .pc-menu .all_menu_box .all_ul > .all_li > .all_sub_div.on{width: calc(100% + 2px);opacity: 1;} */
.header-menu .pc-menu .all_menu_box .all_ul > .all_li > .all_sub_div .all_sub_li a{line-height: 40px;font-size: 15px;font-weight: 300;color: var(--main-point-color);transition: all .5s; white-space : nowrap;}
.header-menu .pc-menu .all_menu_box .all_ul > .all_li > .all_sub_div .all_sub_li:hover > a{color: var(--main-point-color-hover); background-color: #f8f8f8;}
.header-menu .pc-menu .all_menu_box .all_ul .all_li .all_sub_div2{width: 0;/*height: 500px;*/padding-bottom: 20px;overflow-y: auto;position: absolute;left: 100%;top: -1px;background: #fff;border: 1px solid #eeeeee; opacity: 0; display: none; transition: all 0.3s ease;}
.header-menu .pc-menu .all_menu_box .all_ul .all_li .all_sub_div2::-webkit-scrollbar{width: 2px;}
.header-menu .pc-menu .all_menu_box .all_ul .all_li .all_sub_div2::-webkit-scrollbar-thumb{background-color: #ebebeb;}
.header-menu .pc-menu .all_menu_box .all_ul .all_li .all_sub_div2.on{width: calc(100% + 2px); opacity: 1;}
.header-menu .pc-menu .all_menu_box .all_ul .all_li .all_sub_div2 .all_sub_li2 a{line-height: 40px;font-size: 15px;font-weight: 300;color: var(--main-point-color);transition: all .5s; white-space : nowrap;}
.header-menu .pc-menu .all_menu_box .all_ul .all_li .all_sub_div2 .all_sub_li2:hover a{color: var(--main-point-color-hover); background-color: #f8f8f8;}

/* 전체메뉴4 1차 항시 노출 3차댑스 순차노출 */
.header-menu .pc-menu .all_menu_box.fm4_all{background-color: rgba(21, 21, 21, 0.4); border: none; width: 200px;}
.header-menu .pc-menu .all_menu_box.fm4_all.fm4_in{display: block;}
.header-menu .pc-menu .all_menu_box.off{display: none !important;}
.header-menu .pc-menu .all_menu_box.fm4_all .all_ul > .all_li > .all_a{color: #fff; font-size: 14px;}

/* 전체메뉴5 2줄노출 */
.at-header .pc-menu .all_menu_view.FM5_menu_view{padding: 45px 0;}
.at-header .pc-menu .all_menu_view.FM5_menu_view .all_menu_li .menu_div02{padding-top: 30px;}
.at-header .pc-menu .all_menu_view.FM5_menu_view .all_menu_li+li{border-left: 1px solid #f6f6f6;}
.at-header .pc-menu .all_menu_view.FM5_menu_view .all_menu_li+li::before{display: none;}
.at-header .pc-menu .all_menu_view.FM5_menu_view .all_menu_li > div:hover > .all_menu_a{color: var(--main-point-color-hover);}
.at-header .pc-menu .all_menu_view.FM5_menu_view .all_sub_a{font-size: 14px; padding: 7px 0;}

/* 공통 검색박스 */
.at-header .search_drop{position: fixed; top: 0; left: 0; width: 100%; padding-top: 60px; padding-bottom: 50px; background-color: #fff; z-index: 111;text-align:center;opacity: 0;visibility:hidden;transition:all 0.3s;border-bottom: 1px solid #f1f1f1;}
.at-header .search_drop.active{opacity:1; visibility:visible;}
.at-header.admin-H .search_drop.active{top: 50px;}
.at-header .search_drop .form{width:500px; margin:0 auto; position:relative;}
.at-header .search_drop .form input{width:100%; height:50px; border:0; border-bottom:1px solid #000; background-color: #fff; font-size:16px; color:var(--main-point-color); font-weight:300; padding:0 30px 0 5px;}
.at-header .search_drop .form input::placeholder{color:var(--main-point-color);}
.at-header .search_drop .form button{display:block; width:21px; height:22px; position:absolute; background:none; outline:none; border:0;top:17px; right:0; z-index: 12;}
.at-header .search_drop .form button span.circle{width:17px; height:17px; border:2px solid var(--main-point-color); position:absolute; top:0; left:0; border-radius:50%;}
.at-header .search_drop .form button span.line{width:2px; height:10px; background:var(--main-point-color); position:absolute; right:3px; bottom:0; transform:rotate(-45deg);}
.at-header .search_drop .header_search_close{display:block; width:18px; height:17px; position:absolute; right:30px; top:30px;}
.at-header .search_drop .header_search_close span{display:block; width:23px; height:2px; background:#222222; position:absolute; right:0; top:50%; transition:all 0.3s;transform:rotate(-45deg);}
.at-header .search_drop .header_search_close span:nth-child(2){transform:rotate(45deg);}
.at-header .search_drop .popular_keyword{display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.at-header .search_drop .popular_keyword h4{font-size: 16px; font-weight: 500; color: var(--main-point-color); margin-right: 50px;}
.at-header .search_drop .popular_keyword li{display: inline-block;}
.at-header .search_drop .popular_keyword li+li{margin-left: 8px;}
.at-header .search_drop .popular_keyword .rank_a{display: block; font-size: 16px; font-weight: 300; color: #666666; border: 1px solid #e1e1e1; border-radius: 20px; line-height: 38px; min-width: 111px; transition: 0.3s;}
.at-header .search_drop .popular_keyword .rank_a:hover{font-weight: 500px; color: var(--main-point-color); border: 1px solid #111111;}
.at-header .header_search input{z-index: 11; position: relative;}
.at-header .search_btn{z-index: 12;}

/*************************** 일체형 헤더 ***************************/
/* 
일체형 헤더
*/
.at-header.transparent_H .pc_header .container_fix > div.search_box > form .header_search .search_btn img{filter: brightness(200%);}
.at-header.transparent_H .pc_header .container_fix > div.search_box > form .header_search input{border: 1px solid #fff; background-color: rgba(255,255,255,0.1);}
.at-header.transparent_H .pc_header .container_fix > div.search_box > form .header_search input::placeholder{color: #fff;}
.at-header.transparent_H .pc_header .marker_box > a.marker_icon{background: url(../../../../img/marker_icon_w.png) no-repeat;}
.at-header.transparent_H .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box .lang_btn{color: #fff;}
.at-header.transparent_H .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box .lang_btn img{filter: brightness(1000%);}
.at-header .header-menu.fixed .pc-menu .nav-top .menu-a{background-color: #fff;}

/*************************** 모바일 헤더 ***************************/
/* 모바일 헤더 메뉴 공통 */
.at-header .mob-menu .m-list .m-nav {margin: 0;}
.at-header .mob-menu .m-list .m-nav ul li{display: table-cell; white-space: nowrap;}
.at-header .mob-menu .m-list .m-nav ul li a {font-size: 15px; color: var(--main-point-color); font-weight: 500; line-height: 37px; letter-spacing: 0; padding: 0 11.5px;}
.at-header .mob-menu .m-list .m-nav ul li:first-child a {padding-left: 20px;}
.at-header .mob-menu .m-list .m-nav ul li.active a {color: var(--main-point-color-hover);}
.at-header .mob-menu .m-list .m-nav ul li.active a:after {display: none;}
.m_header {padding: 12px 0; position: relative; z-index: 12;}
.m_header .container_fix .right_menu .right_list li img {height: 21px;}
.m_header .container_fix .right_menu .right_list li .marker_box {width: 17px;}
.m_header .container_fix .right_menu .right_list li a.m_marker {display: block; width: 17px; height: 21px; background: url(../../../../img/mmarker_icon_b.png) center/17px 21px no-repeat;}
.m_header .container_fix .right_menu .right_list li .lang_btn_box{text-align: center;overflow: hidden;border: 1px solid transparent;z-index: 10; position: absolute; top: -10px; right: 97px;}
.m_header .container_fix .right_menu .right_list li .lang_btn_box.active{border-radius: 20px;background: #fff;box-shadow: 0 5px 15px rgba(51, 51, 51, 0.1);}
.m_header .container_fix .right_menu .right_list li .lang_btn_box .lang_btn{position: relative;padding: 8px 10px 7px;display: flex;align-items: center;gap: 4px;font-size: 14px; font-weight: 700;color: #333;}
.m_header .container_fix .right_menu .right_list li .lang_btn_box.active .lang_b{display: block !important;}
.m_header .container_fix .right_menu .right_list li .lang_btn_box.active .lang_w{display: none !important;}
.m_header .container_fix .right_menu .right_list li .lang_btn_box .lang_btn + .lang_ul{position: relative;width: 100%;padding: 0 6px 5px;border-top: 0;z-index: 1;display: none;}
.m_header .container_fix .right_menu .right_list li .lang_btn_box.active .lang_btn span{color: var(--main-point-color);}
.m_header .container_fix .right_menu .right_list li .lang_btn_box.active .lang_btn + .lang_ul{display: block;background: #fff;}
.m_header .container_fix .right_menu .right_list li .lang_btn_box.active .lang_btn + .lang_ul li{padding: 0; text-align: center;}
.m_header .container_fix .right_menu .right_list li .lang_btn_box.active .lang_btn + .lang_ul li a{font-size: 13px; font-weight: 500;color: #999999;line-height: 22.5px;}
.m_header .container_fix .right_menu .right_list li .lang_btn_box.active .lang_btn + .lang_ul li a.on{color:var(--main-point-color);}

.m_header .container_fix .m_logo {flex-grow: 0;}
.m_header .container_fix .m_logo img {height: 22px;}
.m_header .container_fix .right_menu {margin-left: auto;}
.m_header .container_fix .right_menu .right_list {display: flex; align-items: center;}
.m_header .container_fix .right_menu .right_list > li + li {margin-left: 19px;}
.m_header .container_fix .right_menu .right_list li .cart_count {display: block; width: 13.5px; height: 13.5px; border-radius: 50%; background: var(--main-point-bg-color-hover); font-size: 9px; font-weight: 700; color: #fff; text-align: center; line-height: 13px; position: absolute; bottom: -4px; right: -4px;}

/* 모바일 서브페이지 */
.at-header.m_header_sb{border-bottom: 1px solid #eeeeee;}

/* 모바일 상품상세페이지 */
/* .at-header.fixed.shop_item_H.mob{position: relative;} */
.m_header .container_fix.item_header{padding: 0 20px 0 15px; justify-content: space-between;}
/* .m_header .container_fix.item_header .list_btn{position: absolute; top: 50%; left: 15px; transform: translateY(-50%);} */
.m_header .container_fix.item_header .list_btn img{height: 20px;}
.m_header .container_fix.item_header .right_menu .right_list li img {height: 20px;}
.m_header .container_fix .right_menu .right_list li .cart_count{width: 12px; height: 12px;}
.m_header .container_fix.item_header .item-tt{color:var(--main-point-color); font-size: 13.5px; font-weight: 500; white-space : nowrap; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.at-header.m_search_H{z-index: 1001;}

/* 모바일 기획전상세페이지 */
.m_header .eve_header .list_btn img{height: 9px;}
.m_header .eve_header .item-tt{padding: 5px 0 5px 20px; color:var(--main-point-color); font-size: 14px; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 80%; text-align: left;}
.m_header .container_fix.eve_header .right_menu .right_list li img{height: 17px;}

/* 모바일 쿠폰존페이지 */
.m_header .couponzone_header .list_btn img{height: 9px;}
.m_header .couponzone_header .item-tt{padding: 3px 25px 3px 20px; color:var(--main-point-color); font-size: 14px; font-weight: 500; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 100%; text-align: center;}

/* 모바일 일체형 헤더 */
.mob.transparent_H .mob-menu .m-list .m-nav ul li a{color: #fff;}
@media (max-width: 991px){
    .mob.transparent_H .m_header .container_fix .right_menu .right_list li a.m_marker{background: url(../../../../img/mmarker_icon_w.png)center/16px 21px no-repeat; background-size: cover;}    
}

/* 피씨 검색로딩 */
#pc_search_box{display: none;}
#pc_search_box * {font-family: 'Pretendard';}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_top {display: flex; align-items: flex-end; justify-content: space-between; padding: 20px 20px 12px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_top .preview_top_title {font-size: 15px; line-height: 1.2; font-weight: 700; color: var(--main-point-color);}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_top .recommend_top_title {font-size: 15px; line-height: 1.2; font-weight: 700; color: var(--main-point-color); text-align: left; padding: 25px 20px 12px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_top .all_delete_btn {border: none; width: auto; white-space : nowrap; background-color: transparent; position: relative; top: 9px; right: 0; color: #b1b1b1; font-size: 13px;}
.at-header .search_drop #pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_top .all_delete_btn{top: 3px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list{padding: 0 15px; display: flex; flex-wrap : wrap; gap: 6px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li {padding: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li:hover {background-color: transparent;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li a {display: flex; align-items: center; justify-content: space-between; padding: 0 11px; border: none; background-color: #f5f5f5; border-radius: 16px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li + li {border-top: none;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li + li a {margin-left: 0px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li .left { width: auto; overflow: visible; border-radius: 0; margin-right: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li .left p { font-size: 14px; font-weight: 400; color: #444; line-height: 32px; white-space : nowrap;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li .right{background-color: transparent; border: none; margin-left: 9px; position: relative; top: 0; right: 0; transform: none; width: 10px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list {display: flex; flex-wrap : wrap; gap: 6px; padding: 0 15px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list li {display: block; height: 33px; padding: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list li:hover {background-color: #fff;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list li + li {border: none;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list li a {display: block; font-size: 14px; font-weight: 400; color: var(--main-point-color-hover); line-height: 32px; padding: 0 11px; background-color: var(--main-point-bg-soft-color); border-radius: 16.5px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .more_keyword .more_keyword_btn button {border: 1px solid #e1e1e1; background-color: #fff; border-radius: 16.25px; width: 87.5px; height: 32.5px; margin: 15px auto 0; font-size: 11px; color: #333; line-height: 30.5px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .more_keyword .more_keyword_btn .arrow {display: inline-block; font-family: 'SUIT', sans-serif; font-weight: 500; transform: rotate(90deg); margin-left: 2px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .list_off{color: #999999; font-size: 13px; font-weight: 400; padding: 0 5px; text-align: left;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .list_off img{display: block; margin: 0 auto 15px; width: 41px; height: 41px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot{padding-bottom: 20px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .keyword_rank_box_title {font-size: 15px; line-height: 1.2; font-weight: 700; color: var(--main-point-color); text-align: left; padding: 30px 20px 5px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot > p {font-size: 10px; font-weight: 400; color: #999; text-align: left; padding-left: 15px; margin: 10px 0 10px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list {padding: 0 20px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li {padding: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li:hover{background-color: #fff;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li + .rank_li {margin-left: auto; border: none;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li + .rank_li a {margin-left: auto; border-top: none;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a {font-size: 15px; line-height: 30px; font-weight: 400; display: flex; align-items: center; width: 100%; padding: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .num {font-family: "Open Sans", sans-serif; font-weight: 700; width: 20px; text-align: left; color: var(--main-point-color)  !important; transition: 0.2s;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a:hover .num {color: var(--main-point-color-hover) !important;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .keyword {color: #666;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a:hover .keyword {color: var(--main-point-color-hover);}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .status {margin-left: auto; position: relative;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .status.rank_up:before {content: ""; border-bottom: 5.5px solid #f86e78; border-left: 4.5px solid rgba(0, 0, 0, 0); border-right: 4.5px solid rgba(0, 0, 0, 0); position: absolute; left: -5px; top: 50%; transform: translatey(-50%);}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .status.rank_down:before {content: ""; border-top: 5.5px solid #aaa; border-left: 4.5px solid rgba(0, 0, 0, 0); border-right: 4.5px solid rgba(0, 0, 0, 0); position: absolute; left: -5px; top: 50%; transform: translatey(-50%);}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .status.rank_keep:before {content: ""; display: inline-block; width: 6px; height: 1px; background: #aaa; position: absolute; left: -5px; top: 50%; transform: translatey(-50%);}


/*************************** 어드민 헤더 ***************************/
/* 어드민 설정 */
.admin__area.fixed{position: fixed; top: 0; left: 0; width: 100%; z-index: 1002;}