@charset "utf-8";
/** 공통 **************************************************************************************************************/
.text-overflow {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

/** 검색어 ************************************************************************************************************/
#search-keyword-area {position:absolute;width:700px;border-radius:.3rem;border:2px solid #000;padding:1rem;background:#fbf7da;z-index:999;}
#search-keyword-area .close {float:right;cursor:pointer;}
#search-keyword-area .close span {background:#000;color:#fff;padding:.3rem .8rem;}
#search-keyword-area .title {float:left;font-weight:500;font-size:1.2rem;margin-bottom:.5rem;}
#search-keyword-area ol {margin:0;padding:0;padding-left:1rem;clear:both;}
#search-keyword-area ol li {width:33.333%;float:left;padding:.4rem 0;}
#search-keyword-area ol li:nth-child(3n+1) {clear:both;}
#search-keyword-area ol li span {display:inline-block;width:22px;text-align:right;}
#search-keyword-area ol li a {font-size:1rem;color:#0130c9;}

.bo_sch_area {clear:both;float:right;width:100%;padding:0 .5rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:.1rem;}

@media only screen and (max-width:480px) {
    #search-keyword-area {width:100%;}
    #search-keyword-area ol {padding-left:0;}
    #search-keyword-area ol li {width:50%;}
    #search-keyword-area ol li:nth-child(3n+1) {clear:none;}
    #search-keyword-area ol li:nth-child(2n+1) {clear:both;}
}

/** 상단 **************************************************************************************************************/
#logo {
    float:left;
    padding:19px 0 19px 0;
}

/** 메뉴 **************************************************************************************************************/
#gnb_1dul {
    margin:0 auto;
    display:flex;justify-content:center;
}
.gnb_2da {
    border-bottom:1px solid #2d2d2d;
}
.bo_cate_ul li a {
    border-radius:24px;
    line-height:2.6rem;
    margin:1rem .3rem;
}
.bo_cate_ul li a:hover {
    background:#292929!important;
    color:#fff!important;
}
.bo_cate .bo_cate_on {
    color:#fff!important;
    background:#2e2e2e!important;
}
.bo_cate .bo_cate_on:before {
    background:#fa576b!important;
}
#gnb2 .gnb_tnb_adm {
    text-align:center;
    font-size:1rem;
    width:100%;
    margin-top:1rem;
    margin-bottom:1rem;
}
#gnb2 .gnb_tnb_adm li {display:inline-block;padding:0 1rem;}
#gnb2 button.btn_gnb_op i {font-size:1rem;}
#gnb2 .gnb2_2dul .gnb2_2dli {margin-left:.9rem;}

/** 장바구니 **********************************************************************************************************/
.basket-cnt-area {position:absolute;top:0;right:0;color:#0150bd;}
.basket-cnt {border:1px solid red;font-weight:600;background:#fff;border-radius:1rem;padding:.2rem .5rem;}
.side-basket-cnt-area {position:absolute;top:.9rem;left:8.5rem;color:#0150bd;}
.side-basket-cnt {border:1px solid red;font-weight:600;background:#fff;border-radius:1rem;padding:.2rem .6rem;}

/** 목록 **************************************************************************************************************/
#bo_gallery .popular-area {float:left;}
.title_icon {margin-top:.3rem;}
#bo_gallery .gall_ul .gall_li img {border-radius:3px;}
#bo_gallery .gall_ul .gall_li a:hover img {
    transition: all 0.2s linear;
    transform: scale(1.4);
}
#bo_gallery .gall_ul .gall_li .list-basket-cnt-area {clear:both;margin-top:.4rem;margin-bottom:.3rem;}
#bo_gallery .gall_ul .gall_li .list-basket-cnt-area input {text-align:center;margin:0 .3rem;padding:0.3rem;width:3rem;}
#bo_gallery .gall_ul .gall_li .list-basket-cnt-area button {padding:.34rem .7rem;margin-top:-.3rem;border:none;background:#aaa;color:#fff;}
#bo_gallery .gall_ul .gall_li .list-basket-cnt-area button:hover {background:#000;}
.hot {color:#d2013e!important;}
#pw_confirm h3 {margin-bottom:.5rem;text-align:center;font-size:1rem;}

.list-store {text-align:center;font-size:1rem;margin-bottom:.8rem;}
.list-store a {color:blue;-webkit-animation:list-store 0.5s linear infinite;-moz-animation:list-store 0.5s linear infinite;animation:list-store 0.5s linear infinite;}
@-webkit-keyframes list-store {
    0%   {color:white;}
    100% {color:blue;}
}
@-moz-keyframes list-store {
    0%   {color:white;}
    100% {color:blue;}
}
@keyframes list-store {
    0%   {color:white;}
    100% {color:blue;}
}

/** 하단 **************************************************************************************************************/
#ft_contact h3 {;font-size: 1.2rem;margin-bottom:20px}
#ft_contact li.inquiry {
    margin-top:20px;
}
#ft_contact li.inquiry a {
    display:block;
    text-align:center;
    background: #fbca06;
    color: #000!important;
    line-height:45px;
    font-weight: 600;
}
#ft .lt h3 {font-size:1.2rem;}

/** 버튼 **************************************************************************************************************/
a.btn_kakao, .btn_kakao {
    background:#fbca06;
    color:#121418;
    vertical-align:middle;
}
a.btn_kakao:hover, .btn_kakao:hover {color:#000;}
a.btn_b02, .btn_b02 {
    background:#990303;
    color:#fff;
}
a.btn_b02:hover, .btn_b02:hover {background:#cb0202;}
a.btn_admin {
    background:#990303;
    color:#fff;
}
a.btn_admin:focus, a.btn_admin:hover {background:#cb0202;}
.btn_submit {
    background:#990303;
    color:#fff;
}
.btn_submit:hover {background:#cb0202}
.inquiry {
    background:#fbca06!important;
    color: #000!important;
}

/**********************************************************************************************************************/
@media only screen and (max-width:1530px) {
    #bo_v {
        padding:10px 10px;
    }
    #hd_wrapper, #container_title, #nav .nav_wr, #bo_gallery, #ft .ft_info {
        padding-left:10px;
        padding-right:10px;
    }
    .ft_info .lt {
        padding: 5px 5px;
    }
    #ft_contact {
        padding-left:5px;
        padding-right:5px;
    }
}

@media only screen and (max-width:480px) {
    #gnb_open {
        float:left;
        text-align:left;
    }
    .hd_sch_btn {
        float:left;
    }
    #bo_gallery .bo_fx .btn_wr {

    }
    #bo_gallery form[name=fboardlist] {
        margin: 0 -.7rem;
    }
    .fixed #wrapper {
        padding-top:60px;
    }
    #bo_gallery .gall_ul .gall_li .list-basket-cnt-area input {width:2rem;}
    #ft_contact li.inquiry:after {
        clear:both;
        content:'';
        width:100%;
    }
    #ft_contact {
        padding:0;
    }
    #logo {
        padding:0 0;
        margin-top:10px;
        float:right;
    }
    .hd_sch_btn , #gnb_open{max-height:54px;margin-top:6px;}
    .side-basket-cnt-area {top:1rem;}
}