/* main */
#head{display: flex;padding: 13px 10px;align-items: center;justify-content: space-between;width: 100%;z-index: 500;position: fixed;height: 65px;background-color: #fff;box-sizing: border-box;    border-bottom: 1px solid #dad9d9}
#head .btn{position: relative;display: flex;justify-content: flex-end;}
#head >a{width: 33.3333%;}
#head >div{width: 33.3333%;}
#head .btn ul{display: flex;}
#head .btn ul li{margin-left: 10px;}
#head .logo{display: flex;justify-content: center;}
.logo-change{display: block;}


/* header */
.depth2_pc{display: none;}
.depth2_pc a{float: left;}

/* 햄버거 탭 open */
.menu{z-index: 101;display: none;}
#inb{position: relative; top: 65px; height: calc(100% - 65px);}
.inb-wrap{display: none;width: 100%;height: 100%;top: 7%;left: 0;position: fixed;background-color: #fff;z-index: 499;overflow-y: auto;box-sizing: border-box;}
.inb-nav{box-sizing: border-box;position: relative;}
.inb-wrap.show{display: block;}
.depth1{font-size: 18px;border-bottom: 1px solid #e9e9e9;display: block; padding: 10px;}
.depth1 a{padding: 10px 2px;display: block;}
.depth1 a:hover{text-decoration: none;}
.depth2{display: none;}
.depth2 li{font-size: 14px;color: #707070;display: block;padding: 5px 5px;/*  border-bottom: 1px solid #e9e9e9; */}
.depth2{display: none;}
.depth2 li:hover{font-weight: 600;}
.inb-bottom{display: flex; align-items: center; position: absolute;bottom: 20px;left: 10px;}
.inb-bottom span{font-size: 16px;}

/* container */
#container .main{padding-top: 100px;overflow: hidden;}
.main_category{display: flex;flex-wrap: wrap;}
.main_category li{width: 50%;;box-sizing: border-box;position: relative;display: flex;justify-content: center;}
.mask{height: 20rem;}
.main_category li img{width: 140%;}
.main_category li h2{position: absolute;bottom: 30px;color: #fff;font-weight: 400;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
.sec_best{margin-top: 100px;text-align: center;}
.sec_best .logo{font-size: 34px;font-weight: lighter;}
.sec_best .contwrap .sectit{margin-top: 30px;}
.sec_best .contwrap .sectit p{margin-top: 20px;}
.sec_best .contwrap .category_list{display: flex; justify-content: space-between;padding: 30px 0px 20px;color: #666;}
.sec_best .contwrap .category_list li{cursor: pointer;padding: 8px 26px; border-radius: 6px;/* background-color: #535353; */}

.sec_new{text-align: center;}/* 수정할 것 */
.sec_new .contwrap .sectit p{margin: 20px 0;}


.sec_perfume {position: relative;background: url(../imgs/logo_big.png);background-repeat: no-repeat;background-size: 150px; margin-top: 60px;background-position-x: 95%; margin-bottom: 110px;}
.sec_perfume .perfume_img{display: grid;justify-content: center; box-sizing: border-box;padding-top: 55px;}
.sec_perfume .mask{width: 370px;height: 370px;overflow: hidden;position: relative;}
.sec_perfume .mask img{width: 100%;height: auto;position: absolute;bottom: 0;}
.sec_perfume .swiper_cont{position: relative;bottom: 40px;}
.sec_perfume .swiper_cont .perfume_tit{position: absolute;color: #fff;font-weight: 200;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);z-index: 100;top: -12%;letter-spacing: 1px;display: flex;justify-content: center;width: 100%;}

/*  */
.swiper_cont .box.small{display: flex;padding-bottom: 25px;}
.swiper_cont .box.small .image_area >.best{display: flex; position: absolute; background: #535353;width: 65px;bottom: 3.5px;height: 20px;align-items: center;justify-content: center;color: #fff;border-radius: 0 10px 0 0; font-weight: 300;font-family: Noto Sans KR; font-size: 10px;}
.swiper_cont .box.small p{font-size: 12px;}
.swiper_cont .box.small .volume{font-size: 10px;margin-left: 10px;}
.swiper_cont .box.small .product_tit{display: flex;align-items: center;}
.swiper_cont .box.small .product_note>li{font-size: 10px;}
.swiper_cont .box.small .info_wrap .product_bottom > .prd_btn{margin-right: 0px;}

/*  */
.inb-nav_pc{display: none;transition: opacity 0.3s ease;color: #fff;}


/*  */
#footer{background-color: #2b2b2b;color: #fff;}
/* #fotter::before{content: '';position: absolute;background-image: url(/imgs/logo_big_wh.png);background-repeat: no-repeat;background-size: 600px;background-position-x: 113%;background-position-y: 156%;} */
#footer .ft_logo{display: flex;align-items: center;}
#footer .ft_logo li{margin: 0 10px; opacity: 70%;}
#footer .logo{color: #fff;}
#footer .ft_logo .logo{color: rgba(255, 255, 255, 0.3);font-size: 40px;font-weight: 300;}
#footer .ft_logo li:first-child> img{width: 55px;}
#footer .ft_wrap_mo{margin-top: 30px;}
#footer .ft_wrap_mo ul{display: flex;box-sizing: border-box;flex-wrap:wrap;}
#footer .ft_wrap_mo ul li{display: flex; width: calc(100% - 60% - -26px);justify-content: space-between;margin: 15px 10px;}
#footer .ft_wrap_mo ul li select{width: 20px;}
#footer .ft_company{font-size: 11px;letter-spacing: -0.3px; color: rgba(255, 255, 255, 0.6);margin: 0 10px;}
#footer .ft_company .ft_agree{display: flex;margin-top:30px;}
#footer .ft_company .ft_agree>p{margin-right: 10px;}
#footer .ft_company .ft_info{display: flex;flex-wrap: wrap;}
#footer .ft_company .ft_info>p{margin-right: 10px;line-height: 22px;}
#footer .ft_company .ft_info>p.no-after::after{display: none;}
#footer .ft_company .ft_info>.br{width: 100%;}
#footer .ft_line{width: 100%;border: 1px solid rgba(211, 211, 211, 0.2);margin-top: 20px;}

/* 미디어쿼리 */
@media(min-width:1280px) {
    #head{background-color:#2b2b2b;}
    #head >div{display: flex;}
    #head .logo{margin-left: 33.25%;}
    #container .main{padding-top: 140px;margin: 0px;}
    .logo-change{width: 20%;padding-top: 2%;}
    .btn.pc{padding: 20px 30px 19px 30px;display: flex;align-items: center;justify-content: center;z-index: 1;position: absolute;right: 0px;bottom: 0;}
    .btn.pc ul{display: flex;width: 140px;justify-content: space-around;}
    .main_category li{width: 25%;}
    .main_category li img{width: 120%; height: inherit; object-fit: cover;}
    .mask{height: 48rem;}
    .inb-wrap{display: block;height: 0;}
    .inb-nav{display: flex;position: fixed;background-color: #2b2b2b;z-index: 105;width: 100%;justify-content: center;padding-top: 20px;margin-top: -5px;}
    .depth1{border: none;padding: 10px 30px;z-index: 305;}
    /* .depth1 a:hover{height: 200px;} */
    .depth1 > a {display: block; color: #fff;}
    .depth2 {display: none;}
    .inb-bottom {display: none;}
    .swiper_cont .box{padding-bottom:50px}
    .sec_best .swiper_cont .box{display: flex;width: 100%;overflow-x: hidden;padding-bottom: 25px;}
    .swiper_cont .box > li{margin-right: 20px; flex: 0 0 24%;}
    .swiper_cont .box .image_area .best{width: 90px;height: 30px;font-size: 14px;}
    section{margin: 0 30px;}
    .sec_best{text-align: left;}
    .sec_best .logo{margin-left: 18px;}
    .sec_best .contwrap .sectit{margin-left: 18px;display: flex; align-items: center;}
    .sec_best .contwrap .sectit p{margin: 0 0 0 20px;}
    .swiper_cont .box.small> li{margin-right: 20px;flex: 0 0 30%;}
    .swiper_cont .box.small p{font-size: 18px;}
    .swiper_cont .box.small .volume{font-size: 16px;}
    .swiper_cont .box.small .product_note>li{font-size: 14px;}
    .swiper_cont .box.small>.info_wrap .product_bottom > .price{font-size: 18px;}
    .swiper_cont .box.small .image_area >.best{width: 90px;height: 30px;font-size: 14px;}
    .sec_new .contwrap > .sectit{display: flex;align-items: center;margin-bottom: 30px;}
    .sec_new .contwrap > .sectit p{margin:0 0 0 20px;}
    .category_list{width: 55%;justify-content: flex-start;}
    .category_list li{font-size: 20px;}
    .nonfiction_info .contwrap{position: relative;}
    .nonfiction_info .info_imgs{display: flex;list-style: none;padding: 0;}
    .nonfiction_info .info_imgs > li{margin-bottom: 0;flex: 1;overflow: hidden;height: 300px;}
    .nonfiction_info .info_imgs img{width: 100%;height: auto;filter: brightness(75%);object-fit: cover;}
    .nonfiction_info .info_imgs li:nth-child(2) img{position: relative;bottom: 55%;left: -1px;}
    .nonfiction_info .titwrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #fff;display: flex;flex-direction: column;align-items: center;width: 80%;}
    .nonfiction_info .titwrap .logo{font-size: 34px;font-weight: lighter;color:#fff;/* position: absolute;bottom: 60%;left: 25%; */letter-spacing: 0.1rem;}
    .nonfiction_info .titwrap p{color:#fff;font-weight: 300;margin: 5px 0;}
    .nonfiction_info .titwrap .page_button{color:#e9e9e9;/* position: absolute;bottom: 44%;left: 30%; */border: 1px solid #fff;width: 190px;height: 30px;display: flex;justify-content: center; align-items: center;font-weight: lighter;cursor: pointer;}

    .sec_perfume{display: flex;align-items: flex-end;}
    .sec_perfume .mask{width: 600px; height: 600px;}
    .sec_perfume .perfume_img{justify-content: left;padding-left: 50px;padding-top: 55px;float: left;}
    .perfume_titwrap{display: flex;flex-direction: column;}
    .sec_perfume .swiper_cont .perfume_tit{position: relative;justify-content: flex-start;color: #1C1C1C;text-shadow: none;font-size: 18px;font-weight: 400;margin-bottom: 40px;}
    .sec_perfume .swiper_cont{margin: 0 0 0 50px;bottom: 0;}
    #footer .ft_logo{padding: 30px 0;}
    #footer .ft_logo li:first-child{display: none;}
    #footer .ft_wrap_mo{display: none;}
    #footer .ft_wrap_pc{width: 40%;}
    #footer .ft_wrap_pc> ul > li:nth-child(2){margin-right: 53px}
    #footer .ft_wrap_pc> ul> li:nth-child(3){margin-right: -3px}
    #footer .ft_wrap_pc ul li > img{display: none;}
    .product_tit p{font-size: 18px;}
    .info_wrap .product_tit .volume {font-size: 16px};
    #footer .ft_wrap_pc{margin-top: 30px;}
    #footer .ft_wrap_pc >ul{display: flex;box-sizing: border-box;}
    #footer .ft_wrap_pc ul .primary{display: flex; width: calc(100% - 60% - -26px);justify-content: space-between;margin: 15px 10px;}
    #footer .ft_line{margin: 0;}
    #footer .ft_company .ft_agree{margin: 60px 0px 10px 0px;}
    .ft_wrap_pc ul li > .secondary{display: none;position: absolute;margin-top: 50px;}
    .ft_wrap_pc ul li > .secondary li{margin-right: 30px;}
    .ft_wrap_pc ul > .primary p:hover{color: #e02a2a;cursor: pointer;}
    .ft_wrap_pc ul > .primary:hover> .secondary{display: flex;}
}

/* 미디어쿼리 */
@media screen and (min-width: 1281px) and (max-width: 1439px) {
    a:hover{text-decoration: none;}
    #head{padding: 13px 30px;border-bottom:none;}
    .depth1{padding: 10px 20px;}
    .btn.pc{padding: 20px 10px 19px 10px;}
    .btn.pc ul{width: 120px;}
    .sec_perfume{background-position-x: 90%;background-position-y: 25%;background-size: 200px;}
    .swiper_cont .box.small p{font-size: 13px;}
    .swiper_cont .box.small .volume{font-size: 12px;}
    .swiper_cont .box.small .product_note>li{font-size: 10px;}
    .inb-nav:hover .inb-nav_pc{display: flex;flex-wrap: wrap; justify-content: flex-start; height: 370px;background-color: #2b2b2b;position: absolute;width: 63%;padding: 65px 0 20px;padding-left: 34%;padding-right: 25%;}
    .inb-nav:hover > .inb-nav_pc::after{width: 100%;height: 1px;position: absolute;background: #4e4e4e;content: '';top: 16%;left: 0;}
    .inb-nav_pc > div{display: flex;flex-direction: column;box-sizing: border-box;}
    .inb-nav_pc > div>div:first-child{padding-right: 20px;}
    .inb-nav_pc > div:nth-child(-n+3){flex: 0 0 calc(25%); padding-top: 25px; display: flex;flex-direction: row;}
    .inb-nav_pc > div:nth-child(1)::after{width: 1px;height: 355px;position: absolute;background: #4e4e4e;content: '';left: 39%; top: 16%;}
    .inb-nav_pc > div:nth-child(2)::after{width: 1px;height: 355px;position: absolute;background: #4e4e4e;content: '';left: 52%;top: 16%;}
    .inb-nav_pc > div:nth-child(3)::after{width: 1px;height: 355px;position: absolute;background: #4e4e4e;content: '';right: 35%;top: 16%;}
    .inb-nav_pc > div:nth-child(n+4)::after{width: 220px;height: 1px;position: absolute;background: #4e4e4e;content: '';bottom: 54%;}
    .inb-nav_pc > div:nth-child(n+4){flex: 0 0 calc(25%);display: flex;flex-direction: row;padding-top: 30px;}
    .inb-nav_pc > div:nth-child(3){margin-right: 10px;}
    .inb-nav_pc div:nth-of-type(4) > div > ul:nth-child(1){margin-bottom: 15px;}
    .inb-nav_pc > .Bestseller >div > ul{margin-left: 7px;}
    .inb-nav_pc > .Home >div > ul{margin-left: 18px;}
    .inb-nav_pc > .GiftIdea >div > ul{margin-left: 10px;}
    .inb-nav_pc > div > div > ul > li{cursor: pointer;}
    .inb-nav_pc > div > div > ul > li:hover{font-weight: bold;}
    /* .inb-nav_pc > div > a{color: #afafaf;} */
    .main_category li h2{font-size: 24px; bottom: 60px;}
    #head .btn{display: none;}
    #footer .ft_company{font-size: 14px;}
    #footer .ft_company .ft_agree{margin: 50px 0px 10px 0px;}
    #footer .ft_company .ft_info>p{margin-bottom: 10px;}
    #footer{background-image: url(../imgs/logo_big_wh.png);background-repeat: no-repeat;background-size: 650px;background-position-x: 110%;background-position-y: 172%;background-blend-mode: overlay;}
}
@media(min-width:1440px) {
    a:hover{text-decoration: none;}
    #head{padding: 13px 30px;border-bottom:none;}
    .inb-nav:hover .inb-nav_pc{display: flex;flex-wrap: wrap; justify-content: flex-start; height: 370px;background-color: #2b2b2b;position: absolute;width: 63%;padding: 65px 0 20px;padding-left: 34%;padding-right: 25%;}
    .inb-nav:hover > .inb-nav_pc::after{width: 100%;height: 1px;position: absolute;background: #4e4e4e;content: '';top: 16%;left: 0;}
    .inb-nav_pc > div{display: flex;flex-direction: column;box-sizing: border-box;}
    .inb-nav_pc > div>div:first-child{padding-right: 20px;}
    .inb-nav_pc > div:nth-child(-n+3){flex: 0 0 calc(25%); padding-top: 25px; display: flex;flex-direction: row;}
    .inb-nav_pc > div:nth-child(1)::after{width: 1px;height: 355px;position: absolute;background: #4e4e4e;content: '';left: 39%; top: 16%;}
    .inb-nav_pc > div:nth-child(2)::after{width: 1px;height: 355px;position: absolute;background: #4e4e4e;content: '';left: 52%;top: 16%;}
    .inb-nav_pc > div:nth-child(3)::after{width: 1px;height: 355px;position: absolute;background: #4e4e4e;content: '';right: 35%;top: 16%;}
    .inb-nav_pc > div:nth-child(n+4)::after{width: 220px;height: 1px;position: absolute;background: #4e4e4e;content: '';bottom: 54%;}
    .inb-nav_pc > div:nth-child(n+4){flex: 0 0 calc(25%);display: flex;flex-direction: row;padding-top: 30px;}
    .inb-nav_pc > div:nth-child(3){margin-right: 10px;}
    .inb-nav_pc div:nth-of-type(4) > div > ul:nth-child(1){margin-bottom: 15px;}
    .inb-nav_pc > .Bestseller >div > ul{margin-left: 7px;}
    .inb-nav_pc > .Home >div > ul{margin-left: 18px;}
    .inb-nav_pc > .GiftIdea >div > ul{margin-left: 10px;}
    .inb-nav_pc > div > div > ul > li{cursor: pointer;}
    .inb-nav_pc > div > div > ul > li:hover{font-weight: bold;}
    /* .inb-nav_pc > div > a{color: #afafaf;} */
    .main_category li h2{font-size: 24px; bottom: 60px;}
    #head .btn{display: none;}
    #footer .ft_company{font-size: 14px;}
    #footer .ft_company .ft_agree{margin: 60px 0px 10px 0px;}
    #footer .ft_company .ft_info>p{margin-bottom: 10px;}
    .sec_perfume{background-size: 200px;background-position-x: 85%;background-position-y:15%}
    #footer{background-image: url(../imgs/logo_big_wh.png);background-repeat: no-repeat;background-size: 650px;background-position-x: 110%;background-position-y: 179%;background-blend-mode: overlay;}
}

@media(max-width:1280px) {
.language{display: none;}
.depth2 > a{display: none;}
.depth2_pc{display: none;}
.btn.pc{display: none;}
.nonfiction_info .contwrap{position: relative;}
.nonfiction_info .info_imgs{list-style: none;padding: 0;display: flex;flex-direction: column;aspect-ratio: 1;overflow: hidden;}
.nonfiction_info .info_imgs>li{display: flex;justify-content: center;width: 100%;}
.nonfiction_info .info_imgs img{width: 100%;height: 100%; filter: brightness(75%);object-fit: cover;}
.nonfiction_info .titwrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #fff;display: flex;flex-direction: column;align-items: center;width: 80%;}
.nonfiction_info .titwrap .logo{font-size: 34px;font-weight: lighter;color:#fff;/* position: absolute;bottom: 60%;left: 25%; */letter-spacing: 0.1rem;}
.nonfiction_info .titwrap p{color:#fff;font-weight: 300;margin: 5px 0;}
.nonfiction_info .titwrap .page_button{color:#e9e9e9;/* position: absolute;bottom: 44%;left: 30%; */border: 1px solid #fff;width: 190px;height: 30px;display: flex;justify-content: center; align-items: center;font-weight: lighter;cursor: pointer;}
#footer .ft_wrap_pc{display: none;}
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
.sec_perfume{background: none;}
}