@charset "utf-8";
@font-face {
    font-family: 'S-CoreDream-6Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.sub_text {padding-top: 90px;}
.sub_text.ca_it_mb{padding-top: 60px; padding-bottom: 40px;}
.sub_text.ca_it_mb h1{padding-top: 32px;}
.sub_text h1{font-weight:600;}
.sub_text h1 span{font-size:40px;}

/* design page */

.page_img{width:1920px; margin:0 auto;}
.page_img img{width:100%}
@media(max-width:1910px){
    .page_img{width:100%;}
}

/* cate ul */
.fix_category .list_category_ul.ca20{max-width:1335px; margin:0 auto;}
.fix_category .list_category_ul.ca20 li:nth-child(8){margin-left: 0px;}
.fix_category .list_category_ul.ca20 li:nth-child(n+8){margin-top: 25px;}

.sub_menu_box .cate_ul{margin-bottom: 10px;}
.sub_menu_box .cate_li{position: relative; width:auto;}
.sub_menu_box .cate_li + .cate_li{margin-left: 50px;}
.sub_menu_box .cate_li:after{content:''; display: block; position: absolute; width: 6px;height: 6px; border-radius:50%; bottom: -8px; left:50%; transform:translateX(-50%) scale(0); background:#1c2c6a; transition:.4s;}
.sub_menu_box .cate_li:hover:after, .sub_menu_box .cate_li.on:after{transform:translateX(-50%) scale(1)}
.sub_menu_box .cate_li a{border:none; color:#bbb; font-weight:500; transition:.4s;line-height: 1; padding-bottom: 3px; font-size:18px}
.sub_menu_box .cate_li:hover a, .sub_menu_box .cate_li.on a{color:#1c2c6a; }
.sub_menu_box .cate_li.on a{font-weight:600}


/* 상품리스트페이지 카테고리 */
.fix_category .list_sort .left_sort{padding-bottom: 0px; font-size:14px; color:#333333;}
.fix_category .list_sort .left_sort span{font-weight: 700;}

.fix_category .list_sort .right_sort > a{padding: 0 10px; color:#999}
/* .fix_category .list_sort .right_sort > a:first-child{padding-right:15px}
.fix_category .list_sort .right_sort > a:last-child{padding-left:15px} */
.fix_category .list_sort .right_sort > a.on{color:#1c2c6a; font-weight:600}
.fix_category .list_category_ul > li > a{font-size:20px}


/* 상품목록  */
.shop_container.shop_basic .item_delivery_box{margin-top: 7px; font-size:12px; color:#999}
.m-review-panel .review-body .cnt-wrap .grade_star .fa{color:#ffc600}
.m-review-panel .review-body .cnt-wrap .grade_num .grade .cur{color:#222; font-size: 35px; font-weight: 700;}
.item_detail .thema-color{color:#1c2c6a}


/* 상세페이지 */
.qa_panel + .btn-group-justified{margin-bottom: 75px;}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span:after{height: 1px;}
.responsive .fix_panel .m-review-panel .grade_total{font-size:15px;}
.responsive .fix_panel .m-review-panel .grade_total > span{font-weight:500; color:#222222;}
.responsive .item-simple-review .simple_wrap > div.left_text{font-weight:600}

/* 후기페이지 */
.at-content{max-width:1280px; margin: 0 auto}
.review_search.use-box{border-radius:0}
.review_search .col-sm-3.btn_search{right: 20px;}
.review_search .form-group .input-sm{padding: 0 10px; border-bottom-color:#363636}
.review_total.div-box-light{margin-bottom: 0; text-align: left; color:#222; font-size:18px;}
.review_total.div-box-light b{color:#1c2c6a; font-weight:600}

.review_list.use-media .media:first-child{border-top:2px solid #222}
.review_list .media-info .fa {color:#1c2c6a}
.review_list + .text-center .pagination {margin:50px 0 60px}


/* 공지사항 */
.board_style .div-head{border-top-width:1px; padding: 20px 0;}
.board_style .div-head > span{font-size:18px}
.notice_style .list-board .wr-num{width: 5%;}
.board_style .list-board .wr-notice{width: 51px; height: 21px;}
.board_style .list-board .list-body li > div{font-size:16px}
.board_style .list-board .list-body li > div > a{color:#333}
.board_style .list-board .list-body li > div.wr-subject{padding: 22px 0 22px 50px;}

.list-tsearch.custom_search{border:none; background: #fff; float:right; padding:0; margin-bottom: 20px;}
.list-tsearch.custom_search form{position: relative;}
.list-tsearch.custom_search form .form-group{margin-bottom: 0;}
.list-tsearch.custom_search form > .form-group{float:left; margin-left: 8px;}
.list-tsearch.custom_search form > .form-group:nth-child(3){margin-left: 0;}
.list-tsearch.custom_search form > .form-group.btn_search{margin-left: 0; position: absolute; right: 10px; top: 50%; transform:translateY(-50%)}
.list-tsearch.custom_search form > .form-group select{border:none; box-shadow: none; width: 120px; border-bottom: 1px solid #ccc; padding: 12px 10px; height:40px; line-height: 1; appearance: none; -webkit-appearance: none; background: url(../img/btn_selectbox.png) no-repeat calc(100% - 10px) center; font-size:15px; color:#999}
.list-tsearch.custom_search form > .form-group input{padding: 12px 38px 12px 10px; height:40px; width: 240px; border:none; box-shadow: none; border-bottom: 1px solid #ccc; line-height: 1; font-size:15px}
.list-tsearch.custom_search form > .form-group button{ background:transparent; padding:0; border:none;}
.list-tsearch.custom_search form > .form-group input::placeholder{color:#999}


.board_style .list-board .wr-secret{margin-left: 10px;}
.inquiry_style{margin-top: 70px;}
.inquiry_style .list-board .wr-1 > span{line-height: 28px; font-size:14px; border-color:#aaa; color:#777; font-weight:400 !important}
.inquiry_style .list-board .wr-1 .red{border-color:#1c2c6a !important; color:#fff !important; background:#1c2c6a}

.inquiry_style .list-page{margin: 10px 0 60px !important}
/* faq */
.faq_box{margin-top: 30px;}
.faq_box .div-panel{border-top-width:1px}
.faq_box .faq_category{margin-bottom: 20px;}
.faq_box .faq_category > ul{text-align: left;}
.faq_box .faq_category > ul li{padding: 0;}
.faq_box .faq_category > ul li+li{padding-left:15px; margin-left: 13px; position: relative;}
.faq_box .faq_category > ul li+li:before{content:''; display: block; position: absolute; width: 2px;height: 2px; border-radius:50%; top: 50%; transform:translateY(-50%); left:0; background:#a1a1a1}
.faq_box .faq_category > ul li a{color:#a1a1a1; font-size:15px; font-weight:400}
.faq_box .faq_category > ul li.active a{display: inline-block; border:none; color:#1c2c6a; font-weight:500}

.faq_box .div-panel .faq_q_content{padding: 15px 0 !important}
.faq_box .div-panel .faq_a_content{background: #fff;}
.faq_box .div-panel .faq_q_content .faq_icon span, .faq_box .div-panel .faq_a_content .faq_icon span{font-family: 'S-CoreDream-6Bold' !important; font-size:20px; width: 30px;height: 30px;line-height: 30px;}
.faq_box .div-panel .faq_q_content .faq_icon span{border:none; background:#1c2c6a; color:#fff;}
.faq_box .div-panel .faq_a_content .faq_icon span{border:none; background:transparent; color:#bbb;}
.faq_box .div-panel .faq_q_content .text{margin-top: 5px; font-size:17px}
.faq_box .div-panel .faq_a_content .text{font-size:15px}

.faq_box .div-panel .faq_q_content .faq_icon, .faq_box .div-panel .faq_a_content .faq_icon{width: 100px;}


/* orderform */
.input-box.p_number label{display: block;}
.input-box.p_number input[type="text"]{width:calc(100% - 141px)}
.input-box.p_number a{line-height: 31px;}
.input-box.p_number p{margin-top: 10px;}



/* responsive */

@media(max-width:991px){
    .sub_text{padding-top: 60px;}
    .sub_text.ca_it_mb{padding-top: 0; display: none;}
    .m_sub_menu .dropdown .btn_drop{font-weight:700}
    
    /* category */
    .fix_category .category_tab_wrap{border-bottom:1px solid #e0e0e0}
    .fix_category .ca_frame ul li > a{font-family: 'Montserrat'; font-weight:600; color:#bbb;position: relative; border:none; overflow: visible;}
    .fix_category .ca_frame ul li.active > a{color:#1c2c6a; border:none;}
    .fix_category .ca_frame ul li.active > a:after{content:''; display: block; position: absolute; width: 4px;height: 4px; border-radius:50%; background:#1c2c6a; bottom:-4px; left:50%; transform:translateX(-50%) }

    .list_sort .dropdown .btn.btn-block{background:#fff; font-size:13px}
    .fix_category .list_sort .left_sort{padding-bottom: 12px; margin-bottom: 0; font-size:13px}

    .fix_category .list_sort{padding-left: 0; margin:20px 0 10px}

    /* item detail */
    .item_detail .review_banner .btn_write{background:#1c2c6a}
    .m-review-panel .review-body .cnt-wrap .grade_star .fa{color:#1c2c6a}
    .item_detail .thema-color{color:#1c2c6a}
    .item_detail .item_detail_tab .tabs ul.tabs-top li.on span:after{height: 1px;}
    .m-review-panel .review-body .cnt-wrap.table .grade_num .grade .cur{color:#1c2c6a}
    .item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{line-height: 29px; height: 30px;}
    .qa_panel + .btn-group-justified{margin-bottom: 30px;}

    
    /* board cate */
    .sub_menu_box {text-align: center;}
    .sub_menu_box .cate_ul{text-align: center; display: inline-block; overflow: visible; margin-bottom: 0;}
    .sub_menu_box .cate_li + .cate_li{margin-left: 15px;}
    .sub_menu_box .cate_li a{font-size: 14px}
    .sub_menu_box .cate_li:after{width: 4px;height: 4px;bottom:-4px}

    .list-tsearch.custom_search form > .form-group select{width: 80px;font-size:12px;}
    .list-tsearch.custom_search form > .form-group input{font-size:12px; width:100%}

    /* notice */
    .board_style .div-head > span{font-size:14px}
    .review_total.div-box-light{font-size:12px}
    .board_style .div-head{padding:10px 0}
    .board_style .list-board .list-body li > div.wr-subject{padding: 10px 5px; font-size:13px}

    /* inquiry */
    .inquiry_style{margin-top: 7px;}
    .inquiry_style .list-page{margin-bottom: 30px !important;}


    /* faq */
    .faq_box{margin-top: 7px;}
    .faq_box .div-panel .faq_q_content .faq_icon, .faq_box .div-panel .faq_a_content .faq_icon{width: 50px;}
    .faq_box .div-panel .faq_q_content .faq_icon span, .faq_box .div-panel .faq_a_content .faq_icon span{font-size:16px; width: 25px;height: 25px;line-height: 25px;}
    .faq_box .div-panel .faq_q_content{padding: 10px 0 !important}
    .faq_box .div-panel .faq_q_content .text{font-size:14px; margin-top: 2px;}
    .faq_box .div-panel .faq_a_content{padding: 10px 0}
    .faq_box .div-panel .faq_a_content .text{font-size:12px; line-height: 1.3;}
}


/* 2022-03-03 kyj 유지보수 */
.fix_category .list_category_ul.ca20 li:nth-child(8){margin-left:70px;}

/* 개인결제 폼 */
.ppay_form_wrap{padding:0px 0 60px}
.ppay_form_wrap .ppay_title{text-align:center}
.ppay_form_wrap .ppay_title .title{font-weight:500; font-size:24px; color:#222}
.ppay_form_wrap .ppay_title .text{margin-top:20px; font-size:17px; line-height:1.2; color:#888}
.ppay_form_wrap .ppay_content{width:600px; margin:40px auto 0}
.ppay_form_wrap .ppay_content .ppay_box{display:table; width:100%}
.ppay_form_wrap .ppay_content .ppay_box + .ppay_box{margin-top:10px}
.ppay_form_wrap .ppay_box .pp_label{display:table-cell; width:150px; font-weight:500; font-size:17px; line-height:40px; color:#333; vertical-align:top}
.ppay_form_wrap .ppay_box .pp_answer{display:table-cell; width:calc(100% - 150px)}
.ppay_form_wrap .ppay_box .pp_row{width:100%; min-height:40px; padding:7px 0; font-size:15px; line-height:1.4; color:#333}
.ppay_form_wrap .ppay_box .pp_bold{font-weight:600; font-size:18px}
.ppay_form_wrap .ppay_box .pp_input{width:100%; height:40px; padding:0 15px; border:1px solid #e5e5e5; font-size:15px; line-height:38px; color:#333}
.ppay_form_wrap .ppay_box .pp_input::placeholder{color:#777}
.ppay_form_wrap .ppay_box .pp_radio{font-size:15px; line-height:40px; color:#333}
.ppay_form_wrap .ppay_box .pp_radio + .pp_radio{margin-left:12px}
.ppay_form_wrap .ppay_box .pp_radio input[type="radio"]{margin:0 3px 0 0}
.ppay_form_wrap .ppay_box .pp_bank_box + .pp_bank_box{margin-top:5px}
.ppay_form_wrap .ppay_box .pp_bank_label{font-size:14px; font-weight:500; line-height:1.3; color:#333}
.ppay_form_wrap .ppay_box .pp_bank_check{width:100%; height:40px; margin-top:5px; padding:0 15px; border:1px solid #e5e5e5; background:#fff; font-size:15px; color:#555}

@media (max-width:1199px){
	/* 개인결제 리스트 */
	.ppay_wrap .ppay-row{width:33.3333%}
}
@media (max-width:991px){
	/* 개인결제 리스트 */
	.ppay_wrap .ppay-container{margin-right:-15px; margin-bottom:-25px}
	.ppay_wrap .ppay-row{width:50%}
	.ppay_wrap .ppay-box{margin-right:15px; margin-bottom:25px}
	.ppay_wrap .ppay-box .title{margin:0 0 10px; padding:10px 0 0; font-size:13px}
	.ppay_wrap .ppay-box .order_price{font-size:14px}
	/* 개인결제 폼 */
	.ppay_form_wrap{padding:30px 0}
	.ppay_form_wrap .ppay_title .title{font-size:17px}
	.ppay_form_wrap .ppay_title .text{margin-top:10px; font-size:14px; line-height:1.4}
	.ppay_form_wrap .ppay_content{width:100%; margin:20px auto 0}
	.ppay_form_wrap .ppay_content .ppay_box + .ppay_box{margin-top:5px}
	.ppay_form_wrap .ppay_box .pp_label{width:80px; font-size:14px; line-height:30px}
	.ppay_form_wrap .ppay_box .pp_answer{width:calc(100% - 80px)}
	.ppay_form_wrap .ppay_box .pp_row{min-height:30px; padding:3px 0; font-size:13px}
	.ppay_form_wrap .ppay_box .pp_bold{font-size:16px}
	.ppay_form_wrap .ppay_box .pp_input{height:30px; padding:0 10px; font-size:13px; line-height:28px}
	.ppay_form_wrap .ppay_box .pp_radio{font-size:13px; line-height:28px}
	.ppay_form_wrap .ppay_box .pp_radio{margin-left:8px}
	.ppay_form_wrap .ppay_box .pp_radio + .pp_radio{margin-left:8px}
	.ppay_form_wrap .ppay_box #settle_bank{padding:5px}
	.ppay_form_wrap .ppay_box .pp_bank_box{margin-top:5px}
	.ppay_form_wrap .ppay_box .pp_bank_label{font-size:12px}
	.ppay_form_wrap .ppay_box .pp_bank_check{height:30px; margin-top:2px; padding:0 5px; font-size:12px; line-height:28px}
}

/* 220420 sjh 유지보수 */
@media(max-width:991px){
	.inquirys .inquiry-cnt-wrap .inquiry-box{width: 16.66%;}
}

/* 220607 ssk 유지보수 */
@media(max-width:991px){
	.sub_menu_box .cate_ul{display:flex; justify-content:center;}
	.sub_menu_box .cate_li + .cate_li{margin-left:12px;}
	.sub_menu_box .cate_li a{font-size:13px; padding:0 0 3px;}
}


/* 0615 추가개발 JYJ */
.related_tit{
    font-size: 25px;
    font-weight:500;
    margin-bottom: 3%;
}
.related_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.related_box .con_box{
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 2%;
}
.related_box .con_box .img_box img{
    width: 200px;
    height: 200px;
    object-fit: cover;
}
.related_box .con_box .text_box{
    margin-left:10%;
}
.related_box .con_box .text_box h2{
    font-size: 24px;
    font-weight: 500;
}
.related_box .con_box .text_box p{
    font-size: 16px;

}
.related_box .con_box .text_box .discount_price_box{
    display: flex;
    margin:5% 0;
}
.related_box .con_box .text_box .price{
    font-size:18px;
    font-weight:500;
}
.related_box .con_box .text_box .discount_price{
    text-decoration:  line-through;
    color: #aaa;
}
.related_box .con_box .text_box .discount_pre{
    margin-left: 10%;
    color: red;
}

.related_item_btn_box{
    display: flex;
    align-items: center;
}
.related_item_input_btn{
        width: 100%;
        padding:15px;
        text-align: center;
        border-radius: 5px;
        background: #ddd;
        
}

.related_item_btn_box	.related_item_input_btn{
    width: 100%;
    padding:15px;
    text-align: center;
    border-radius: 5px;
    background: #ddd;
            font-size: 15px;
}
.related_item_heigh_rep{
    width:auto;
    display:flex;
flex-wrap: wrap;
    justify-content: space-between;
}
.related_item_rep{
    display: flex;
justify-content: space-between;
align-items: center;
width: 48%;
}
.del_pro_box{
    text-align:center;
}
.related_item_rep{
    margin-bottom:2%;
}
.related_item_rep .img_box{
    width: 100px;
height: 100px;
object-fit: cover;
}
.write-wrap h2{
    width: 25%;
}


@media(max-width:991px){
    .related_tit{
        font-size: 16px;
        margin-bottom: 5%;
    }
    .related_box .con_box .img_box img{
        width:100px;
        height: 100px;
    }
    .related_box .con_box{
        width: 100%;
        margin-bottom: 4%;
    }
    .related_box .con_box .text_box h2{
        font-size: 16px;
    }
    .related_box .con_box .text_box p{
        font-size:12px;
    }
    .related_box .con_box .text_box .price{
        font-size: 16px;
    }

    .related_item_input_btn{
        width: 100%;
        padding:8px;
        text-align: center;
        font-size:13px;
        border-radius: 5px
        
}

    .related_item_rep .img_box{
        width: 30%;
    }
    .related_item_rep{
        width:100%;
    }
    .write-wrap h2{
        font-size: 12px;
        text-align:center;
        width: 39%;
    }
    .write-wrap p{
        font-size:10px;
    }
    .del_pro_box{
        width:15%;
    }
}




/* 0615 추가개발 JYJ  END*/

/*220620 kjh 추가개발*/
.it_type_sticker.free{width:65px}
.it_type_sticker.restock{width:50px;}
@media (max-width:991px){
	.it_type_sticker.free{width:45px;}
	.it_type_sticker.restock{width:35px;}
}

/* 220623 kyj 유지보수 */
.it_type_sticker.free{background-color:#248b40}
.it_type_sticker.restock{width:80px;background-color:#f36f92}

@media (max-width:991px){
	.it_type_sticker.restock{width:60px}
}


/* 220712 kyj 유지보수 */
.item_detail #sit_pvi_thumb > ul li a{width:80px;height:80px;overflow:hidden}
.item_detail #sit_pvi_thumb > ul li a img{width:100%;height:100%; border-radius: 5px;}

@media(max-width:991px){
	.item_detail #sit_pvi_thumb > ul li a{width:50px;height:50px}
}

/* 230718 csj 유지보수 */
@media(max-width:991px){
	.mypage-table .mypage-sections{padding-top:25px;}
	.mypage-table .mypage-sections section .head .title{font-size:17px;}
	.mypage-table .mypage-sections section .head .more-btn a{font-size:15px;}
	.mypage-table .mypage-sections section .body.section-table .section-table-head .section-cell{padding:15px 0;}
	.mypage-table .mypage-sections section #m02_01_list .list-page{margin: 30px 0 0 !important}
}

/* 241025 pjh 유지보수 */
.input-box.p_number p.clearance_intro1 {font-size: 16px; color:red; font-weight:600;}
.input-box.p_number p.clearance_intro2 {margin-top: 5px; line-height:1.5; font-size: 16px; color:red;}

@media (max-width:991px) {
.input-box.p_number p.clearance_intro1 {font-size: 14px;}
.input-box.p_number p.clearance_intro2 {font-size: 14px;}
}

/* 2025-03-10 sye 유지보수 */

@media (max-width:991px) {
	.orderinquiryview.order_view_style .pre_wrap .table-responsive table > tbody > tr > td {white-space:wrap; word-break:keep-all}
}