@charset "utf-8";
/* Desktop */
@media screen and (max-width: 1280px) {
    /* ###### Layout CSS ###### */
    .inner {
        width: calc(100% - 20px);
    }

        

}



@media screen and (max-width: 1180px) {
    /* 서브: 우측 */
    .product_list {
        gap: 12px;
    }
    .product_list li {
        width: calc(33% - 6px);
    }

}

@media screen and (max-width: 1024px) {

    body.active {
        overflow: hidden;
      }
    /* ### Header ### */
    header {
        display: block;
        position: fixed;
        width: 100%;
        z-index: 4;
    }
    .logo {
        border-right: none;
    }
/*    header .nav_wrap {
        position: absolute;
        top: calc(100% + 1px);
        right: -300px;
        width: 300px;
        height: 100vh;
        overflow: auto;
        background-color: #fff;
        transition: 0.3s;
    }
    header .nav_wrap.active {
        right: 0;
    }
    header nav {
        flex-direction: column;
        gap: 0;
    }
    nav a {
        display: block;
        width: 100%;
        padding: 12px;
        border-bottom: 1px solid var(--bgs);
    }
    /* Trigger */
   /* .trigger {
        display: block;
        width: 30px;
        height: 16px;
        position: absolute;
        right: 16px;
        top: 22px;
        cursor: pointer;
    }
    .trigger span {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 2px;
        background-color: #222;
        transition: 0.3s;
    }
    .trigger span:nth-child(1) {
        top: 0;
    }
    .trigger span:nth-child(2) {
        top: 50%;
        background-color: var(--pc);
    }
    .trigger span:nth-child(3) {
        top: 100%;
    }
    .trigger.active span:nth-child(1) {
        top: 50%;
        transform: rotate(45deg);
    }
    .trigger.active span:nth-child(2) {
        opacity: 0;
    }
    .trigger.active span:nth-child(3) {
        top: 50%;
        transform: rotate(-45deg);
    }*/

    /* Overlay */
    .overlay.active {
        opacity: 1;
        visibility: visible;
        top: 64px;
    }
    
    .mainSec {
        padding-top: 64px;
    }





    
    /* 서브: noticeBoard */
    .board_list tbody td.t-title {
	text-align: left;
	}
	.board_list tbody td.t-title a {
		text-align: center;
	}

    
}

/* Tablet */
@media screen and (max-width: 768px) {
    /* ###### Common CSS ###### */
    /* 서브: 우측 */
    .product_list {
        gap: 12px;
    }
    .product_list li {
        width: calc(50% - 6px);
    }
    /* 서브: productDetail */
    .product_imgs {
        width: 30%;
    }
    .product_features {
        width: 70%;
    }
    .product_features .name h1 {
        font-size: 1.8rem;
    }
    /* 서브: noticeBoard */
    .board_list .t-title {
        width: 70%;
    }
    .board_list .t-user {
        width: 15%;
    }
    .board_list .t-date {
        width: 15%;
    }
	.noticeBoard .board_list .t-num,
    .orderHistory .board_list .t-num {
		display: none;
	}
	.board_list .t-file {
		display: none;
	}
	.board_list .t-hit {
		display: none;
	}
    /* 서브: orderWrite */

}

/* Mobile */
@media screen and (max-width: 480px) {
    /* 토탈 검색박스 CSS */
    .total_search_box {
        flex-wrap: wrap;
        gap: 8px;
    }
    .search_box {
        width: 100%;
    }
    .search_box select {
        width: 30%
    }
    .search_box span {
        width: 70%;
    }
    /* 서브: productDetail */
    .action_things {
        flex-wrap: wrap;
    }
    .action_things .input_wrapper {
        width: 100%;
    }
    .action_things .input_wrapper input {
        padding: 12px;
    }
    .action_btns {
        width: 100%;
    }
    .tabs li {
        font-size: 1.6rem;
    }
    .guide h4 {
        font-size: 1.6rem;
    }
    .guide_04 ul {
        flex-direction: column;
        margin-top: 12px;
    }
    /* 서브: orderWrite */
    .orderWrite .board_list th,
    .orderWrite .board_list td {
        font-size: 1.4rem;
    }
    .orderWrite .t-num {
        width: 15%;
    }
    .orderWrite .t-quantity {
        width: 28%;
    }
}
@media screen and (max-width: 430px) {
    /* 서브: productDetail */
    .productDetail .subRight_01 {
        flex-wrap: wrap;
    }
    .product_imgs {
        width: 100%;
    }
    .product_features {
        width: 100%;
        padding-left: 0;
        padding-top: 16px;
        gap: 24px;
    }
    /* 서브: orderWrite */
    .agree_btns {
        flex-direction: column;
    }
    .agree_btns a {
        min-width: 100%;
        padding: 6px;
        border-radius: 4px;
    }
}

@media screen and (max-width: 375px) {
    /* ###### Common CSS ###### */
    /* 푸터 */
    .fnb {
        padding: 8px 0;
    }
    .fnb li a {
        padding: 4px;
    }


    /* 토탈 검색박스 CSS */
    .search_box {
        flex-wrap: wrap;
        gap: 4px;
    }
    .search_box select {
        width: 100%
    }
    .search_box span {
        width: 100%;
        margin-left: 0;

    }
    .inquiry_kakao img {
        display: none;
    }
    /* 서브: 우측 */
    .product_list {
        gap: 12px;
    }
    .product_list li {
        width: 100%;
    }

    
}

@media screen and (max-width: 360px) {
    /* 서브: noticeBoard */
    .noticeBoard .board_list .t-title,
    .orderHistory .board_list .t-title {
        width: 100%;
    }
	.board_list .t-user {
		display: none;
	}
    .board_list .t-date {
		display: none;
	}
	.bo-date-hit-box {
		display: block;
		color: var(--tdis);
        font-size: 1.4rem;
        font-size: 400;
	}
}

@media screen and (max-width: 320px) {
    
}