@charset "utf-8";

/* 공통 css */
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}

.at-wrapper {margin-top: 80px;}
@media (max-width:991px) {
    .at-wrapper {margin-top: 50px;}
}

.at-content {
    padding: 0px 0px !important;
}

.at-body.no_body {margin-top: 100px;}
@media (max-width:991px) {
    .at-body.no_body {margin-top: 50px;}
}



.at-header.fixed {position: fixed; top: 0; left: 0; z-index: 99; width: 100%; background:#Fff}
/* .at-header .container_fix {max-width: 1510px; width: 100%;} */
.at-header .container_fix {max-width: 1505px; width: 100%;}
.at-header .container_fix .header_wrap {display: flex; justify-content: space-between; align-items: center;}
@media (max-width:991px) {
    .at-header {padding: 14.5px 0}
    .at-header.fixed {position: fixed; top: 0; left: 0; z-index: 99; width: 100%; background:#Fff}
    .at-header .container_fix {max-width: none;}
}

/* 헤더 > 로고 */
.at-header .container_fix .logo_box {position: relative;width: 333px; margin-top: -13px;z-index: 15;}
.at-header .container_fix .logo_box a {display: inline-block;}

@media (max-width:1440px) {
    .at-header .container_fix .logo_box img {height: 35px;}
}

@media (max-width:991px) {
    .at-header .container_fix .logo_box {width: auto; margin-top: -6px;}
    .at-header .container_fix .logo_box img {height: 27px;}
}

/* 헤더 > 메뉴 */
.at-header .container_fix  .header_right {display: flex; align-items: center;}
.at-header .container_fix .menu-ul {display: flex; gap: 0 55px;}
.at-header .container_fix .menu-ul .menu-li {position: relative;}
.at-header .container_fix .menu-ul .menu-li >  a {font-size: 21px; font-weight: 500; line-height: 80px; color: #1c2028;}
/* 2차 메뉴 */
.at-header .container_fix .menu-ul .menu-li .sub-slide {display: none; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); z-index: 100;}
.at-header .container_fix .menu-ul .menu-li .sub-slide .sub-1dul {background: #fff; padding: 25px; width: 170px; border-radius: 20px; text-align: center; box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px;}
.at-header .container_fix .menu-ul .menu-li .sub-slide .sub-1dul .sub-1dli {margin-bottom: 18px;}
.at-header .container_fix .menu-ul .menu-li .sub-slide .sub-1dul .sub-1dli:last-child {margin-bottom: 0;}
.at-header .container_fix .menu-ul .menu-li .sub-slide .sub-1dul a {font-size: 15px; font-weight: 400; color: #737373; transition: all .2s ease-in-out;}
.at-header .container_fix .menu-ul .menu-li .sub-slide .sub-1dul a:hover {font-weight: 600; color: #ff7f00;}

/* 헤더 > 검색 */
.at-header .container_fix  .header_right .h_searchBox {padding-left: 76px; margin-top: 0px;}
.at-header .search_box_wrap{display:none;}
.at-header .search_box {position: absolute; top: 0; right: 15px; z-index: 900; display: flex; align-items: center; justify-content: center; padding-left: 80px; width: 76%; height: 80px; background: #ffffff; max-width: none;}
.at-header .search_box .search_container {width: 100%;}
.at-header .search_box form{width: 100%;}
.at-header .search_box .header_search{display: flex; justify-content: flex-start; align-items: center;}
.at-header .search_box .header_search img {margin-top: -1px;}
.at-header .search_box .header_search input{margin-left: 26px; background: none; border: 0; width: 74.467%; height: 46px; line-height: 46px; font-family: 'NanumSquare'; font-size: 18px; }
.at-header .search_box .header_search input::placeholder{color: #999999;}
.at-header .search_box .header_search button{background: none; border: 0; width: 130px; line-height: 46px; background: #ff7f00; border-radius: 50px; color: #ffffff; font-size: 18px;  font-weight: 500; font-family: "Montserrat", sans-serif;}
.at-header .search_box .search_close{position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center;height: 100%; background: transparent; cursor: pointer;}

@media (max-width:1530px) {
    .at-header .search_box {width: 70%; padding-left: 60px;}
}

@media (max-width:1280px) {
    .at-header .search_box {width: 63%; padding-left: 40px;}
    .at-header .search_box .header_search input {width: 65%;}
}

@media (max-width:991px) {
    .at-header .container_fix  .header_right .h_searchBox {padding-left: 0px; margin-top: 0px;}
    .at-header .h_searchBox > a img {margin-top: -1px; height: 19px;}
    .at-header .search_box {position: fixed; top: 0; right: 0; width: 100%; padding-left: 0; padding: 0 15px; height: 50px;}
    .at-header .search_box .header_search input {margin-left: 18px; width: 55.5%; font-size: 13px;}
    .at-header .search_box .header_search button {width: 83px; height: 30px; line-height: 30px; font-size: 13px; margin-left: 5px;}
    .at-header .search_box .header_search img {height: 19px;}
    .at-header .search_box .search_close {right: 15px;}
    .at-header .search_box .search_close img {height: 18px;}
}



/* 모바일 전체메뉴*/
.m_menu_btn  {margin-left: 20px;}
.m_menu_btn .all_munu_open img {height: 18px;}

.at-header .all_menu{position:fixed; opacity: 0; visibility: hidden; transition: all .2s ease;     top:0px; width: 100%; height: 100vh; background-color: #fff; z-index: -1;}
.at-header .all_menu > .container_fix {height: 100%;}
.at-header .all_menu.acitve {opacity: 1; visibility: visible; z-index: 100;}

/* 전체메뉴 > 헤더 */
.at-header .all_menu .all_menu_header {position: relative; display: flex; justify-content: space-between; padding: 14.5px 0;}
.at-header .all_menu .all_menu_header::after {position: absolute;content: '';bottom: 0;left: 50%;width: calc(100% + 30px); height: 1px; background-color: #e1e1e1;transform: translateX(-50%);}
.at-header .all_menu .all_menu_header .all_munu_close {cursor: pointer;}
.at-header .all_menu .all_menu_header .all_munu_close img {height: 18px;}

/* 전체메뉴 > 메뉴 */
.at-header .all_menu ul.all_menu_ul{position: relative; display:block; height: calc(100% - 50px);  overflow-y:auto;    padding-top: 50px;}
.at-header .all_menu ul.all_menu_ul::after {content: '';position: absolute;bottom: 0;right: 0;width: 175px;height: 165px;background: url(/img/menu_bg.png) no-repeat;background-size: cover;}

.at-header .all_menu ul.all_menu_ul > li {width:100%; padding-left:15px; margin-bottom: 31px;}
.at-header .all_menu ul.all_menu_ul > li:last-child {margin-bottom: 0;}
.at-header .all_menu ul.all_menu_ul .all_menu_a {display: block; position: relative;font-size: 24px; font-weight: 500; color:#1c2028; transition: color .3s;}
.at-header .all_menu ul.all_menu_ul .all_menu_a::before {content: '';position: absolute;right: 15px;top: 50%;transform: translateY(-50%);width: 15px;height: 1px;background-color: #999999;}
.at-header .all_menu ul.all_menu_ul .all_menu_a::after {content: '';position: absolute;right: 22px;top: 50%;transform: translateY(-50%);width: 1px;height: 15px;background-color: #999999; transition: all .3s ease-in-out;}
.at-header .all_menu .all_menu_sub_div {display: none;}

.at-header .all_menu ul.all_menu_ul > li.active .all_menu_a {color:#ff7f00;}
.at-header .all_menu ul.all_menu_ul > li.active .all_menu_sub_div {display: block; margin-top: 29px;}
.at-header .all_menu ul.all_menu_ul > li.active .all_menu_sub_div .all_menu_sub_ul {padding-left: 5px;}

.at-header .all_menu ul.all_menu_ul > li.active .all_menu_sub_div .all_menu_sub_li {padding-bottom: 25px;}
.at-header .all_menu ul.all_menu_ul > li.active .all_menu_sub_div .all_menu_sub_li:last-child {padding-bottom: 30px;}
.at-header .all_menu ul.all_menu_ul > li.active .all_menu_sub_div .all_menu_sub_a {font-size: 16px; color: #737373; }
.at-header .all_menu ul.all_menu_ul > li.active .all_menu_sub_div .all_menu_sub_a:hover {font-weight: 500; color:#ff7f00;}
.at-header .all_menu ul.all_menu_ul > li.active .all_menu_a::after {transform: rotate(90deg); top: 20%; opacity: 0;}


/* 푸터 */
.fix_footer .fot_container {display: flex; flex-direction: column;} 

/* foot_top */
.fix_footer {padding: 44px 0; margin-top: 70px; border-top: 1px solid #ececec; }
.fix_footer.no_main_foot {margin-top: 100px;}

.fix_footer .foot_top {display: flex; width: 100%; margin-bottom: 60px;}
/* .fix_footer .foot_top .footer_logo {margin-right: 109px; margin-top: -9px;} */
.fix_footer .foot_top .footer_logo {margin-right: 7.8%; margin-top: -9px;}

.fix_footer .foot_top .footer_top-right {width: 100%;display: flex; justify-content: space-between;}
.fix_footer .foot_top .footer_top-right .footer_menu {max-width: 820px; width: 100%;}
.fix_footer .foot_top .menu-ul {display: flex; justify-content: space-between;}
.fix_footer .foot_top .menu-ul .menu-a {display: inline-block; margin-bottom: 25px; font-weight: 500; font-size: 20px; color: #1c2028;}
.fix_footer .foot_top .sub-1dul .sub-1dli  {margin-bottom: 15px;}
.fix_footer .foot_top .sub-1dul .sub-1dli:last-child  {margin-bottom: 0px;}
.fix_footer .foot_top .sub-1dul .sub-1da {font-size: 15px; color: #888888; transition: all .2s ease-in-out;}
.fix_footer .foot_top .sub-1dul .sub-1da:hover {color: #ff7f00; font-weight: 500;} 


.fix_footer .foot_top .sns_ul {display: flex; gap: 0 10px;}
.fix_footer .foot_top .sns_ul .sns_a {position: relative; display: inline-block; width: 35px; height: 35px; border-radius: 50%; text-indent: -99999px; background-color: #c6c6c6; transition: all .3s ease-in-out;}

.fix_footer .foot_top .sns_ul .sns_a::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.fix_footer .foot_top .sns_ul .sns_a1::after {width: 18px; height: 15px; background: url(/img/sns1.png) no-repeat center center; }
.fix_footer .foot_top .sns_ul .sns_a2::after {width: 18px; height: 12px; background: url(/img/sns2.png) no-repeat center center; }
.fix_footer .foot_top .sns_ul .sns_a3::after {width: 18px; height: 18px; background: url(/img/sns3.png) no-repeat center center; }
.fix_footer .foot_top .sns_ul .sns_a4::after {width: 10px; height: 18px; background: url(/img/sns4.png) no-repeat center center; }


.fix_footer .foot_bot {display: flex;}
.fix_footer .foot_bot .footer_logo.fake_logo {width: 229px; margin-right: 109px;}
.fix_footer .foot_bot .fix_links_box {margin-bottom: 35px;}
.fix_footer .foot_bot .fix_links_box .fix_links {display: flex; gap: 0 30px;}
.fix_footer .foot_bot .fix_links_box .fix_links a {font-size: 16px; font-weight: 400; color: #999999; transition: all .3s ease-in-out;}

.fix_footer .foot_bot .fix_links_box .fix_links li:nth-child(2) a {font-weight: 500; color: #1c2028;}

.fix_footer .foot_bot .info_ul {display: flex; gap: 0 15px; margin-bottom: 15px;}
.fix_footer .foot_bot .info_ul li {position: relative;font-size: 15px; color: #999999;}
.fix_footer .foot_bot .info_ul li a {color: #999; font-size: 15px;}
.fix_footer .foot_bot .info_ul li.info_li::after {content: ''; position: absolute; top: 0; right: -7px; width: 1px; height: 100%; background-color: #999;}
.fix_footer .foot_bot .info_ul li.info_li:last-child:after {display: none;}
.fix_footer .foot_bot .ft_info h4 {font-size: 15px; color: #999999;}




@media (hover: hover) {
    .fix_footer .foot_top .sns_ul .sns_a:hover {background-color: #ff7f00;}
    .fix_footer .foot_bot .fix_links_box .fix_links a:hover {font-weight: 500; color: #1c2028;}
}

@media (max-width:1440px) {
    .fix_footer .foot_top .footer_top-right .footer_menu {margin-right: 7.8%;}
}

@media (max-width:1280px) {
    .foot_bot_flex {width: calc(100% - 229px);}
    .fix_footer .foot_bot .info_ul {flex-wrap: wrap; gap: 15px; width: 80%;}
    .fix_footer .foot_bot .info_ul li.info_li:nth-child(2n):after {display: none;}
    /* .fix_footer .foot_bot .info_ul {flex-direction: column; gap: 10px 0;} */

}

@media (max-width:991px) {
    .fix_footer {padding: 40px 0 60px; margin-top: 60px;}
    .fix_footer {flex-direction: column;}
    .fix_footer.no_main_foot {margin-top: 50px;}

    .fix_footer .foot_top {flex-direction: column; margin-bottom: 40px;}
    .fix_footer .foot_top .footer_logo {margin-right: 0; margin-top: 0; margin-bottom: 40px;}
    .fix_footer .foot_top .footer_logo img {height: 25px; object-fit: cover;}

    .fix_footer .foot_top .footer_top-right {flex-direction: column;}
    .fix_footer .foot_top .footer_top-right .footer_menu {width: 100%;}

    .fix_footer .foot_top .menu-ul {flex-direction: column; margin-bottom: 40px;}
    .fix_footer .foot_top .menu-ul .menu-a {font-size: 18px; margin-bottom: 17.5px;}
    .fix_footer .foot_top .menu-ul .menu-li {margin-bottom: 30px;}
    .fix_footer .foot_top .menu-ul .menu-li:last-child {margin-bottom: 0;}


    .fix_footer .foot_top .sub-1dul {display: flex; flex-wrap: wrap; gap: 14px 30px;}
    .fix_footer .foot_top .sub-1dul .sub-1dli {margin-bottom: 0;}
    .fix_footer .foot_top .sub-1dul .sub-1da {font-size: 14px;}

    .fix_footer .foot_bot .footer_logo.fake_logo {display: none;}
    .fix_footer .foot_bot .fix_links_box {margin-bottom: 27.5px;}

    .fix_footer .foot_bot .fix_links_box .fix_links {gap: 0 25px;}
    .fix_footer .foot_bot .fix_links_box .fix_links a{font-size: 13px;}

    .foot_bot_flex {width: 100%;}
    /* .fix_footer .foot_bot .info_ul {flex-direction: column; gap: 13px 0; margin-bottom: 17.5px; width: 100%;} */
    .fix_footer .foot_bot .info_ul {width: 100%; gap: 10px;}
    .fix_footer .foot_bot .info_ul li {font-size: 14px; line-height: 1.25; word-break: keep-all;}
    .fix_footer .foot_bot .info_ul li.info_li::after {display: block; height: 80%; top: 1px; right: -5px;}
    .fix_footer .foot_bot .info_ul li.info_li:nth-child(2n):after {display: block;}
    /* .fix_footer .foot_bot .info_ul li:nth-child(2) {width: 80%; word-break: keep-all; line-height: 1.4;} */

    .fix_footer .foot_bot .ft_info h4 {font-size: 12px; line-height: 1.4;}

    .fix_footer .foot_top .sns_ul .sns_a {width: 38.5px; height: 38.5px;}
    .fix_footer .foot_top .sns_ul .sns_a1::after {width: 20px; height: 17px; background: url(/img/msns1.png) no-repeat center center / cover; }
    .fix_footer .foot_top .sns_ul .sns_a2::after {width: 21px; height: 14px; background: url(/img/msns2.png) no-repeat center center / cover; }
    .fix_footer .foot_top .sns_ul .sns_a3::after {width: 19px; height: 20px; background: url(/img/msns3.png) no-repeat center center / cover; }
    .fix_footer .foot_top .sns_ul .sns_a4::after {width: 11px; height: 22px; background: url(/img/msns4.png) no-repeat center center / cover; }


}

@media (max-width:767px) {
    .fix_footer .foot_bot .info_ul {width: 76%;}
}

@media (max-width:480px) {
    .fix_footer .foot_bot .info_ul li {font-size: 14px; line-height: 1.25; word-break: keep-all;}
    .fix_footer .foot_bot .info_ul li.info_li::after {display: none; top: 1px; right: -8px; height: 80%;}
    .fix_footer .foot_bot .info_ul li.info_li:nth-child(2n):after {display: none;}
    .fix_footer .foot_bot .info_ul li.info_li:first-child:after {display: block;}
    .fix_footer .foot_bot .info_ul li.info_li:nth-child(4):after {display: block;}
}



/* 페이지 배너들 */
.sub_banner {position: relative;}
/* .sub_banner .sub_container.container_fix {max-width:1840px; width: 100%;} */
.sub_banner .sub_container.container_fix {max-width:1860px; width: 100%; height: 360px; transition: all 0.5s ease-in-out;}

.sub_banner .sub_container.container_fix .container_img {border-radius: 35px; height: 100%; transition: all 0.5s ease-in-out;}
.sub_banner .sub_container.container_fix .container_img img {width: 100%; height: 100%; display: block; object-fit: cover;}

.sub_banner .sub_container_content {max-width:1480px;  width: 100%; position: absolute; top: 50%; left: 50%; margin: 0 auto; transform: translate(-50%, -50%); }
.sub_banner .sub_title .title {font-weight: 700; font-size: 52px; color:#fff;}

.sub_banner .sub_content {margin-top: 24px;}
.sub_banner .sub_content .sub_title2 {font-weight: 500; font-size: 20px; color:#fff;}

.sub_banner .sub_menu_box .cate_ul {display: flex; gap: 0 12px; margin-bottom: 0; text-align: center; }
.sub_banner .sub_menu_box .cate_li {width: auto; margin-top: 42px;}
.sub_banner .sub_menu_box .cate_li a {font-size: 16px; font-weight: 500; color:#1c2028; border:none; border-radius:50px; padding: 0 25px; line-height:57px; background:#fff }

.sub_banner .sub_menu_box .cate_li.on a{font-size: 16px; color:#fff; background:#ff7f00;}

.sub_banner .sub_container.container_fix.on { max-width: 100%; padding: 0; }
.sub_banner .sub_container.container_fix.on .container_img{border-radius:0; overflow-x: visible;}


@media (max-width:1660px) {
    .sub_banner .sub_container_content {max-width:100%; width: auto; transform: translateY(-50%); left: 5.2%; }
}

@media (max-width:991px) {
    .sub_banner .sub_container.container_fix {max-width: none; height: 200px;}
    .sub_banner .sub_container.container_fix .container_img {border-radius: 17.5px;}
    .sub_banner .sub_container_content {left: 40px;}
    .sub_banner .sub_title .title {font-size: 30px;}
    .sub_banner .sub_content {margin-top: 8%;}
    .sub_banner .sub_content .sub_title2 {font-size: 13px; line-height: 1.5;}

    /* 드롭메뉴1 */
    .m_sub_menu {margin-top: 15px;}
    .m_sub_menu #categoryLabel {position: relative; padding: 12px 0; border-radius: 50px !important; background-color: #ff7f00; z-index: 9;}
    .m_sub_menu  #categoryLabel:focus {color: #ff7f00; outline: none;}
    .m_sub_menu .page_name {position: relative;font-size: 15px; color: #fff; font-weight: 500;}
    .m_sub_menu .page_name::after {position: absolute;content: '';width: 12px;height: 6px; top: 8px; right: 6.07%; background: url(/img/drop_arrow.png) no-repeat; background-size:cover;}

    /* 드롭메뉴2 > 드롭 */
    .dropdown .dropdown-menu {width: 100%;top:50%; padding: 50px 0 30px; text-align: center; border: 1px solid #e1e1e1; border-radius: 0 0 15px 15px; box-shadow:none; z-index: 8; }
    .dropdown .dropdown-menu .dropdown_li {margin-bottom: 20px;}
    .dropdown .dropdown-menu .dropdown_li:last-child {margin-bottom: 0;}
    .dropdown .dropdown-menu .dropdown_li a {padding: 0; font-weight: 500; font-size: 15px; color: #1c2028;}
    .dropdown .dropdown-menu .dropdown_li a:hover {background-color: transparent;}
    .dropdown .dropdown-menu .dropdown_li.on a {color: #ff7f00;}

    .dropdown-backdrop {display: none !important;}
}


/* 프린트 관련 css */

@media print {
    @page { 
        size:21cm 29.7cm; /*A4*/ 
        margin:0; 
      } 
    
      html, body { border:0; margin:0; padding:0; } 
    header.at-header {display: none;}
    .sub_banner {display: none;}
    .fix_footer {display: none;}
    .switcher-icon {display: none !important;}
    .calendar_print {display: none;}
    .fa.fa-cog {display: none !important;}
    .calender_share {display: none !important;}
    .calender_logo {width: 200px;}
    .calender_logo img {width: 100%; height: 100%; object-fit: cover;}
    .btn_bo_user {display: none !important;}
}

/* /superadm css */

.lost-box {
    margin-top: 50px !important;
}


/************************************************************
마이페이지
************************************************************/
/* 적립금 */
.sub_text .point_title{display: none;}
@media (max-width: 991px){
    .sub_text.point_tit{margin: 35px 0;}
    .sub_text .point_title{display: block; text-align: center; color: #666666; font-size: 11.5px; padding-top: 20px;}
}
/* 쿠폰 */
.sub_text .coupon_title{display: none;}
@media (max-width: 991px){
    .sub_text.coupon_tit{margin: 35px 0;}
    .sub_text .coupon_title{display: block; text-align: center; color: #666666; font-size: 11.5px; padding-top: 20px;}
}
/* 주문내역 */

@media (max-width: 991px){
    .orderinquiry_pagination{margin-top: 0; margin-bottom: -5px;}
}

/************************************************************
모바일 카테고리 (사이드슬라이드 메뉴)
************************************************************/
aside#sidebar-box .sidebar-menu .menu_li_sub > li a{padding: 12px 21px;}
aside#sidebar-box .sidebar-menu .menu_li_sub > li a.active{font-weight: 500;}
aside#sidebar-box .sidebar-menu .menu_li_sub > li a span{display: block;width: 15px;height: 7px;position: absolute;top: 17px;right: 30px;}
aside#sidebar-box .sidebar-menu .menu_li_sub > li a span:before{content: "";display: block;height: 1px;width: 8px;background: #666666;position: absolute;top: 50%;left: 0;transform: rotate(45deg) translate(0%, -1px);}
aside#sidebar-box .sidebar-menu .menu_li_sub > li a span:after{content: "";display: block;height: 1px;width: 8px;background: #666666;position: absolute;top: 50%;right: 0;transform: rotate(-45deg) translate(0%, -1px);}
aside#sidebar-box .sidebar-menu .menu_li_sub > li a.active span{transform: rotate(180deg);}

aside#sidebar-box .sidebar-menu .menu_li_sub li .sub_menu_div{display: none; padding: 0 15px;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .sub_menu_div > ul li + li{margin-top: 0;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .sub_menu_a{color: #666666;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .sub_menu_a.active{color: #333333; background-color: #f8f8f8;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .custom_sub_menu{display: none; padding: 0 21px; background-color: #f8f8f8;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .custom_sub_menu_ul{display: flex; flex-wrap : wrap;  border-top: 1px solid #dadada; padding: 11px 0;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .custom_sub_menu_ul li{width: 50%;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .custom_sub_menu_ul li + li{margin-top: 0;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .custom_sub_menu_ul li a{padding: 11px 0; color: #999999;}

/************************************************************
관리자 계정 > 각 페이지
************************************************************/
.at-content > .text-center.admin_group{padding-top: 20px;}
.text-center.list-admin{padding-top: 15px;}
.pull-right.list-admin{padding-top: 15px;}