@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

*  {font-weight: 400;}

h1,h2,h3,h4,h5,h6,p,span,div,li,a,b {
    font-family: 'Noto Sans KR', sans-serif !important;
    margin:0;
}

input[type="text"], input[type="password"], input[type="checkbox"]  {border-radius: 0;}
select  {border-radius: 0;}
.bg-none  {background: 0; border:0;}
.btn , .btn-sm  {border-radius: 0;}
.input-group .btn  {border-radius: 0;}


/* pc 레이아웃 비는 현상 보완*/

.content  {min-height:calc(100vh - 406px);}

.content_info .g-icon {
    font-family: 'Material Icons'!important;
}
.wrap_inner {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.wrap_inner2{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
body .swiper-slide {
    background: transparent;
}

.mb_main_banner {
    display: none;
}
.flex_box {
    display: flex;
    flex-wrap: wrap;
}
.text-truncate2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.po_relative{
    position: relative;
}

#vimeoWrap{
    position: relative;
   padding-bottom: 56.25%; /* 16/9 ratio */
   padding-top: 30px; /* IE6 workaround*/
   height: 0;
   overflow: hidden;
   margin: 0;
 }
#vimeoWrap iframe,
#vimeoWrap object,
#vimeoWrap embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.view_contents p img{
    max-width: 100%
}

/* .btn-close {
    position: absolute;
    right: 1%;
    top: 10px;
} */
.qna_btn_box {
    text-align: center;
    margin: 1.5rem 0 1rem;
}
.qna_btn_box .qna_btn {
    background: #000;
    color: #fff;
    padding: 0.5rem 2rem;
    display: inline-block;
    width: 100%;
}
.word-break{
    word-break: keep-all;
}
.overflow-auto-12{
    height: 120px;
    overflow: auto;
}


/* ===============================side_right================================== */

#side_right {
    min-width: 100px;
    max-width: 100px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 1px;
    border-left: 1px solid #eee;
    top: 0px;
    right: 0px;
    position: fixed;
    z-index: 9;
    height: 100%;
    background: #fff;
    right: -100px;
}
#side_right.on {
    right: 0;
}
.side_right_wrap {
    height: 100%;
    display: flex;
    align-items: center;
}
.sr-banner {
    overflow: hidden;
    margin-bottom: 16rem;
}
#side_right ul li {
    font-size: 16px;
    width: 100%;
    text-align: center;
}
.srb-item {
    float: left;
    line-height: 0;
}
#side_right ul li.rs-btn a {
    margin: 0 auto;
    margin-bottom: 5px;
    width: 90px;
    height: 35px;
    border: 1px solid #ddd;
    line-height: 35px;
    font-size: 11px;
    color: #555;
}
#side_right ul li a {
    padding-bottom: 5px;
    display: block;
    color: #333;
}
#side_right .custom-menu {
    display: inline-block;
    position: absolute;
    top: 255px;
    left: 0;
    margin-left: -38px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#side_right .custom-menu .btn.btn-primary {
    background: #fff;
    border-color: transparent;
    border: 0px;
    border-radius: 0px;
    color: #000;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
}
.scroll_move {
    cursor: pointer;
}

/* ===============================side_right================================== */

/* ===============마이페이지=================== */


#frmInfo .tbody_div > .row{
    align-items: center;
}


.point_box p{
    display: inline-block;
}
.point_txt b,
.point_price b{
    color: #dd101a;

}


/* ===============장바구니=================== */

.pc_cart .thead div{
    text-align: center;
    border-top: solid 2px #000;
    border-bottom: solid 1px #9d9d9d;
}
.pc_cart .thead div p {
    font-size: 16px;
    color: #010101;
    padding: 0.5rem 0;
}
.pc_cart .item{
    border-bottom: solid 1px #ccc;
    padding: 1rem 0;
}
.pc_cart .item img {
    object-fit: cover;
    width: 100%;
    object-position: center;
    height: 230px;
}
.pc_cart .cart_img_box {
    position: relative;
    padding-left: 0;
}
.pc_cart .form-check {
    position: absolute;
    top: 0;
    left: 0;
}
.pc_cart .form-check input{
    width: 1.5em;
    height: 1.5em;
}
.pc_cart .form-check-input:checked {
    background-color: #9EB23B;
    border-color: #9EB23B;
}
.pc_cart .btn{
    width: 100%;
}

.pc_cart .btn_stl .btn{
    padding: 1rem 0;
}
/* .pc_cart .btn_stl .btn-primary{
    background-color: #9EB23B;
    border-color: #9EB23B;
}
.pc_cart .btn_stl .btn-secondary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.pc_cart .btn_stl .btn-secondary1{
    color: #000;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
} */
.order_info_text_truncate {
    width: 100%;
    max-width: 60px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}
.order_info_text_truncate p{
    width: 100%;
}
.order_ot_box {
    margin: 0.5rem 0;
    /* height: 110px; */
    overflow: auto;
    display: inline-block;
}
.order_ot_box::-webkit-scrollbar {
    width: 3px;
  }
  .order_ot_box::-webkit-scrollbar-thumb {
    background-color: #000;
  }
  .order_ot_box::-webkit-scrollbar-track {
    background-color: #999;
  }


.order_info_cont_new {
    margin-bottom: 0.3rem;
}
.order_info_cont_new p {
    display: inline-block;
    width: auto;
    padding: 0;
}
.order_info_cont_new .input-group {
    width: 30%;
}
.order_info_cont_new .input-group-text {
    font-size: 10px;
}
.order_info_cont_new .form-control {
    font-size: 10px;
}
.order_ot_close{
    margin-left: 0.5rem;
}
.order_ot_close i{
    background-color: #000;
    color: #fff;
}
.cover-bar {
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all .5s;
    opacity: 1;
    background-color: #fff;
}





/* ===============장바구니=================== */




/* ===============마이페이지=================== */

.point_box p{
    display: inline-block;
}
.point_txt b,
.point_price b{
    color: #dd101a;

}


/* ===============마이페이지=================== */



/* ===============================main================================== */

.main_slider_overflow {
    height: 100%;
    overflow: hidden;
    max-height: 800px;
    position: relative;
}
.main_slider_overflow video#myvideo {
    width: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.video_section {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}
.main_slider_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8rem;
}
.main_slider_itme {
    width: 50%;
    padding: 0 10px;
}
.main_slider_tit {
    font-weight: 600;
    color: #fff;
    webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.main_slider_tit span {
    display: block;
}
.main_slider_tit span b {
    color: #ff0000;
}
.main_slider_disciption {
    margin: 8px 0 16px;
    word-break: keep-all;
    color: #f2f2f2;
    webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.main_slider_prt_link {
    background-color: #000;
    color: #fff;
    font-weight: 700;
    text-shadow: none;
    display: inline-block;
    padding: 8px 30px;
    margin: 0.5rem 0 4rem;
    cursor: pointer;
}
.main_slider_prt_link:hover{
    color: #fff;
}
.main_prt_top_item {
    padding: 0 5px;
    width: 33.33333%;
}
.main_prt_top_item_box {
    position: relative;
}
.main_prt_top_item_box img {
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
}
.main_prt_top_item_info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgb(0, 0, 0, 0.4);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 10px;
}
.main_prt_top_item_info h3 {
    color: #fff;
}
.main_prt_top_item_info span {
    color: #fff;
    display: block;
    text-align: right;
}


.main_section_com {
    padding: 3rem 0;
}
.main_section1 {
    background: url('../img/main/main_section1_background.jpg') no-repeat top center;
    background-size: cover;
}
.main_tit {
    text-align: center;
    margin-bottom: 3rem;
}
.main_tit h3 {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-family: 'Pretendard-Regular' !important;
}
.t_line {
    width: 2%;
    height: 0px;
    margin: 10px auto;
    border-top: 1px solid #cecece;
    line-height: 0;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.heading_block:hover .t_line {
    width: 20%;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.main_tit p {
    color: #313131;
    padding: 0.5rem 0;
}

.flex_item_card img {
    width: 100%;
    object-fit: contain;
    object-position: center;
    height: 160px;
    border: 1px solid #000;
    border-radius: 5px;
}
.main_section1 .flex_item_hover_effect:hover a {
    display: block;
}
.main_section1 .flex_item {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 8px;
    margin-top: 1.5rem;
}
.flex_item_card a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: rgb(0, 0, 0, 0.5);
    display: none;
}
.main_section1 .flex_item_hover_effect a span {
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    text-align: center;
    color: #FFF;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.main_section1 .flex_item_hover_effect a span i {
    display: block;
    margin-bottom: 5px;
    font-size: 20px;
}
.flex_item_card {
    position: relative;
}
.prt_list_com_item{
    padding: 0 10px;
    width: 25%;
    margin-bottom: 40px;
}
.prt_list_com_item .flex_item_hover_effect {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 5px;
}
.prt_list_com_item .flex_item_hover_effect:hover {
    box-shadow: 0 10px 30px -5px rgb(10 16 34 / 20%);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.prt_list_com_img_box {
    position: relative;
    padding-top: 100%;
}
.prt_list_com_img_box img.prt_list_com_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;

}
.prt_list_com_info {
    padding: 10px;
    text-align: center;
}
.prt_list_com_tit {
    padding: 8px 2px;
    border-bottom: 1px solid #eee;
    font-weight: 400;
}
.prt_list_com_point {
    display: block;
}
.prt_list_com_point b {
    color: red;
    margin-left: 0.5rem;
}
.prt_list_com_price {
    padding: 0.5rem 0;
    color: #333;
    display: block;
    font-weight: 700;
}
.prt_list_com_discription {
    color: #222;
    word-break: keep-all;
    margin: 5px 20px 15px;
    display: none;
}
.prt_list_com_btn_box {
    background: #f5f5f5;
    padding: 1px 0px;
}

.prt_list_com_option {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
.prt_list_com_option li {
    margin: 0 3px;
}
.prt_list_com_option li.cart,
.prt_list_com_option li.blank{
    display: none;
}
.prt_list_com_option li:hover i,
.prt_list_com_option li:hover span{
    color: red;
}

.cart_box {
    border-radius: 5px;
    background-color: #fff;
    vertical-align: middle;
    padding: 4px 15px;
    cursor: pointer;
}
.view_no_box {
    border-radius: 5px;
    background-color: #fff;
    vertical-align: middle;
    padding: 4px 15px;
    cursor: pointer;
}
.view_no_box i,
.view_no_box span{
    color: #000;
}


.main_youtube_Relevant_item {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0 10px;
    margin-bottom: 0.5rem;
}
.main_youtube_Relevant_box iframe {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.main_youtube_Relevant_info {
    background-color:rgba(0, 0, 0, .5);
    align-items: flex-start;
    position:absolute; left:0; bottom:0;
    width:100%;
    opacity: 0;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.sub_story_board_a:hover .main_youtube_Relevant_info  {opacity: 1;}




.main_youtube_Relevant_info p  {color:#fff;}

.main_youtube_Relevant_prt_img {
    width: 25%;
    padding: 0.25rem;
    text-align: center;
}
.main_youtube_Relevant_prt_img img {
    border-radius: 15px;
    width: 100%;

}
.main_youtube_Relevant_prt_info {
    width: 75%;
    padding: 0 1rem;
}
.main_youtube_Relevant_prt_info h3 {
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
    text-decoration: none;
    border-bottom: 1px dashed #777;
}
.main_youtube_Relevant_prt_disciprtion {
    color: #f1f1f1;
    word-break: break-all;
}
.main_youtube_Relevant_prt_price {

    color: #fff;

}

.main_section4_2 {
    background-color: #fdf5e6;
}
.main_collection_banner_item {
    padding: 0 10px;
}

.main_collection_banner_box {
    position: relative;
    overflow: hidden;
}

.main_collection_banner_box img {
    webkit-transition: transform 0.5s ease 0s;
    -o-transition: transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: optimizeQuality;
    vertical-align: middle;
    max-width: 100%;
}
.main_collection_banner_box:hover img {
    -webkit-transition: transform 0.6s ease 0.05s;
    -o-transition: transform 0.6s ease 0.05s;
    transition: transform 0.6s ease 0.05s;
    -webkit-transform: scale(1.1) rotate(0.0001deg);
    transform: scale(1.1) rotate(0.0001deg);
}
.main_collection_banner_dc {
    position: absolute;
    top: 3%;
    left: 5%;
    background: rgba(0, 0, 0, .5);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    color: #fff;
    font-size: 1.65rem;
    font-weight: 700;
}
.main_collection_banner_info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1rem 2rem;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
}
.main_collection_banner_info h2 {
    font-weight: 700;
    color: #fff;
}

.main_collection_banner_info p {
    color: #eee;
    word-break: keep-all;
}
.main_collection_banner_info a {
    background-color: #F9F9F9;
    color: #555;
    text-shadow: none !important;
    font-weight: 300;
    display: inline-block;
    padding: 5px 20px;
    margin: 5px 0 0;
}

.main_collection_banner_info a:hover {
    background-color: #9EB23B;
    color: #eee;
}

.main_section6{
    display: none;
}
.main_review_block_item {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 8px;
}

.main_review_block_box {
    padding: 10px;
    border: 1px solid #f4f4f4;
    overflow: hidden;
    box-shadow: 0 3px 3px #fafafa;
    background: #fff;
    position: relative;
}
.main_review_thumb a{
    position: relative;
    display: inline-block;
}
.main_review_thumb a img{
    width: 100%;
}
.best_icon_box {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/img/main/best_icon.png);
    width: 50px;
    height: 39px;
    display: none;
}
.main_review_block_item:nth-child(1) .best_icon_box,
.main_review_block_item:nth-child(2) .best_icon_box,
.main_review_block_item:nth-child(3) .best_icon_box{
    display: block;
}
.main_review_point {
    margin-bottom: 0.5rem;
}
.main_review_tit {
    color: #000;
    border-bottom: 1px solid #eee;
    padding-bottom: 3px;
    margin: 10px 0;
}

.main_review_discription {
    color: #999;
    word-break: keep-all;
    margin: 0 0 10px;
}
.main_review_point_cnt {
    color: #9EB23B;
}
.writer_info span {
    color: #333;
}
span.review_date {
    margin: 0 5px;
}
.review_date::before {
    content: '|';
    padding-right: 10px;
}
.review_date::after {
    content: '|';
    padding-left: 10px;
}
.writer_info span p {
    display: inline-block;
}
.review_btn {
    text-align: center;
    margin: 3rem 0;
}
.review_btn a {
    border: 1px solid #000;
    color: #fff;
    display: inline-block;
    padding: 8px 40px;
    background: #000;
}
.main_sponsor {
    margin-bottom: 10rem;
}
.main_sponsor_box {
    border: 1px solid #000;
}
.main_sponsor_box img {
    width: 100%;
    max-width: 240px;
    object-fit: contain;
}


/* ===============================main================================== */


  /* =======게시판======== */
  .paging_box {
    margin: 2rem 0;
}
  .pagination{
    justify-content: center;
  }
  .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.pagination > .active > a:hover{
    background-color: #9EB23B;
    border-color: #9EB23B;
}
.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-primary:hover {
    color: #fff;
    background-color: #9EB23B;
    border-color: #9EB23B;
}
.mb_table_tit{
    display: none;
}
.review_typeProduct {
    border: 1px solid #ccc;
    padding: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1rem;
}
.bd_tit_box {
    width: 100%;
    max-width: 840px;
    position: relative;
    padding-left: 50px;
}
.bd_tit_box .new_icon{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0px, -50%);
}
.bd_write_box .note-toolbar{
    background-color: #556b2f;
}
.bd_write_box.col-lg-8{
    float: initial;
}
.bd_write_box .btn-outline-dark{
    border: 1px solid #000;
}
.bd_write_box .btn-outline-dark:hover{
    color: #fff;
}
.modal-content .modal-header button.close {
    position: absolute;
    color: #000;
    /* top: 17px; */
    right: 15px;
    opacity: 1;
    text-shadow: none;
}
.modal-content .modal-header h4 {
    color: #000;
    display: block;
    font-size: 25px;
    font-weight: 500;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 0.25rem 1rem;
    font-size: .9rem;

}
.btn-success {
    color: #fff;
    background-color: #9EB23B;
    border-color: #9EB23B;
}
.bd_review_write_box .row{
    margin: 0;
    width: 100%;
}
.btn_box{
    text-align: right;
}
.btn_box a{
    display: inline-block;
}
/* =======게시판======== */

/* ===============================상품후기================================== */

.board_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.board_thumbnail img {
object-fit: cover;
width: 100%;
object-position: center;
height: 100%;
max-width: 100px;
min-height: 100px;
}

.p_l_30 {
    padding-left: 1.5rem;
}

.board_thumbnail {
    text-align: center;
}

.board_thumbnail span {
    display: block;
}
.prt_reivew_board .board_flex .board_item:first-child{
    width: 15%;
}
.prt_reivew_board .board_flex .board_item:nth-child(2){
    width: 85%;
}

/* ===============================상품후기================================== */






/* ===============================sub_common================================== */

.sub_page_new {
    padding: 100px 0 100px;
}

.sub_nav_new {
    border: 0;
    margin-bottom: 2rem;

}
.sub_nav_new .sub_nav_cont ul li {
    font-weight: 500;
    text-align: center;
    color: #000;
}

/* ===============================sub_common================================== */




/* ===============================제품구매================================== */







.cate_middle_list {
    border: 1px solid #f1f1f1;
    padding: 15px 10px;
}

.cate_middle_list .flex_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: left;
}
.cate_middle_list select{
    display: none;
}
.cate_middle_list .flex_box .flex_item {
    width: 20%;
    text-align: center;
    margin: 0.5rem 0;
    padding: 0 10px;
}

.cate_middle_list .flex_box a {
    font-size: 12px;
    padding: 8px 10px;
    margin: 0 0.5rem;
    color: #222;
    border: 1px solid #555;
    background: #f9f9f9;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.cate_middle_list .flex_box a.on {
    color: #dd101a;
    font-weight: 600;
}

.cate_middle_list .flex_box a:hover {
    color: #dd101a;
}



/* ===============================제품구매================================== */


.hot_deal_sale {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 100px;
    text-align: center;
    height: 100px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5)
}

.hot_deal_sale .h28 {
    letter-spacing: -1px;
    font-weight: 600;
}

.hot_deal_sale .h14 {
    position: absolute;
    top: 15px;
    left: 55px;
    color: #fdff63;
    font-weight: 600;
}

.main_collection_banner_box {
    padding-top: 100%;
}

.main_collection_banner_box .goods_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.goods_img_box {
    position: relative;
    padding-top: 100%;
}

.goods_img_box>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* 대물300일 이야기 */

.c_list_ctrl {
    overflow: hidden;
    margin: 30px 0;
}
.c_board_list .tit_box {
    float: left;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}
.c_list_ctrl .tit {
    display: none;
    float: left;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.5px;
    font-weight: 600;
    line-height: 18px;
}
.c_list_ctrl .tit_box .ctrl_ul {
    overflow: hidden;
    margin-left: -10px;
}
.c_list_ctrl .tit_box li {
    display: inline-block;
    float: left;
}
.c_list_ctrl .btn {
    color: #888;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.8px;
    padding: 5px 10px;
}
.c_list_ctrl .tit_box li {
    display: inline-block;
    float: left;
}
.c_list_ctrl .tit_box li+ li {
    margin-left: 20px;
}
.c_list_ctrl .hit .btn {
    color: #000;
    font-weight: 500;
}
.c_list_ctrl .ctrl_right {
    float: right;
}
.c_list_ctrl .ctrl_right select {
    border: 1px solid #ddd;
    padding: 7px 8px 9px 10px;
    font-size: 12px !important;
    height: 35px;
    float: left;
    width: 130px;
    margin-left: 10px;
}
.c_list_ctrl .ctrl_right select {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    background: #fff url('https://immhome.co.kr/skin/site/basic/images/c_img/order_search_arrow.gif') right center no-repeat;
}
.c_list_ctrl .search_box {
    position: relative;
    float: left;
    margin-left: 10px;
}
.c_list_ctrl .search_box .input_search {
    background: #fff;
    border: 1px solid #ddd;
    height: 35px;
    box-sizing: border-box;
    width: 224px;
    padding: 7px 40px 10px 10px;
}
.c_list_ctrl .search_box .btn_search {
    position: absolute;
    right: 1px;
    top: 0;
    width: 40px;
    height: 35px;
    background: transparent url('https://immhome.co.kr/skin/site/basic/images/c_img/board_search.gif') center top no-repeat;
    z-index: 100;
    border: 0;
}
.story_review_flex {
    display: flex;
    flex-wrap: wrap;
}
.story_review_box {
    width: 25%;
    padding: 0 10px;
    margin-bottom: 5rem;
}
.story_review_box_img {
    overflow: hidden;
    /* border-radius: 10px; */
}
.story_review_box .story_review_box_img img{
    object-fit: cover;
    width: 100%;
    height: 300px;
    transition: all 1s linear;
}
.story_review_box .story_review_box_img img:hover{
    transform: scale(1.2);
}

.story_review_box_info_discription {
    font-size: 13px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.7px;
    line-height: 1.5;
}
.story_review_box_info .flex_box {
    justify-content: left;
    margin: 1rem 0;
    align-items: center;
}
/*2022-09-05*/
.story_review_box_info .info_txt  {width:100%;
    background:rgba(0, 0, 0, .5);
    color:#fff;}


.story_review_box_info .flex_box p{
    margin: 0 5px;
}
.story_review_box_info .flex_box p span{
    color: #999;
}
.story_review_box_info .member_icons{
    width: 25px;
}
.reg_date {
    text-align: right;
    font-size: 13px;
}


/*  */
.c_pagi {text-align:center; overflow:hidden; position:relative; clear:both; padding-top:70px; display: none;}
.lineup {
    display: inline-block;
}
.c_pagi a {float:left;}
.c_pagi .nextprev {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; float:left; overflow:hidden; box-sizing:border-box;}
.c_pagi .nextprev .btnt {float:left; position:relative; overflow:hidden; height:38px; box-sizing:border-box;}
.c_pagi .nextprev .btnt .ok {display:none;}
.c_pagi .nextprev .click .ok {display:block;}
.c_pagi .nextprev .click .no {display:none;}
.c_pagi .nextprev .ok {width:40px; height:40px; border-right:1px solid #dbdbdb;  background:#fff; float:left;}
.c_pagi .nextprev .ok:hover {background:#f5f5f5;}
.c_pagi .nextprev .icon {background:transparent url('https://immhome.co.kr/skin/site/basic/images/c_img/paginate.gif') no-repeat; width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px}
.c_pagi .nextprev .no {width:40px; height:40px; border-right:1px solid #dbdbdb; background:#fff;}
.c_pagi .nextprev .ok .ic_first {background-position:0 0}
.c_pagi .nextprev .ok .ic_prev {background-position:-20px 0}
.c_pagi .nextprev .ok .ic_next {background-position:-40px 0}
.c_pagi .nextprev .ok .ic_last {background-position:-60px 0}
.c_pagi .nextprev .no .ic_first {background-position:0 -20px; }
.c_pagi .nextprev .no .ic_prev {background-position:-20px -20px}
.c_pagi .nextprev .no .ic_next {background-position:-40px -20px}
.c_pagi .nextprev .no .ic_last {background-position:-60px -20px}
.c_pagi .number {float:left; border-left:1px solid #ddd;  margin:0 15px; box-sizing:border-box;}
.c_pagi .number a {line-height:39px; color:#888; padding:0 15px; font-size:14px; border:1px solid #ddd; border-left:0 !important; background:#fff; height:40px; position:relative; box-sizing:border-box;}
.c_pagi .number a:hover {text-decoration:underline; background:#f5f5f5}
.c_pagi .number .hit {color:#333; font-weight:400; border:1px solid #666;}
.c_pagi .number .hit:before {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:40px; background:#666;}
.c_pagi .btn_area {position:absolute; right:0;}

/*  */



/* 대물300일 이야기 */



/* ===============main_section=================== */


/* ===============sub_page=================== */





.sub_tit {
    margin-bottom: 3rem;
}

.sub_tit h1 {
    padding: 0 0 0 12px;
    color: #222;
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    width: 100%;
}



.sub_cate_prt_list_box {
    margin: 5rem 0;
}

.sub_prt_list_item {
    padding: 0 10px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 40px;
}

.sub_cate_prt_list_box .flex_item_hover_effect {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 5px;
}

.sub_cate_prt_list_box .flex_item_hover_effect:hover {
    box-shadow: 0 10px 30px -5px rgb(10 16 34 / 20%);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.sub_prt_list_img_box {
    position: relative;
}

.sub_prt_list_img_box img.sub_prt_list_img {
    object-fit: cover;
    max-width: 600px;
    width: 100%;
    height: 100%;
    max-height: 600px;
}

.sub_prt_list_info {
    padding: 10px;
    text-align: center;
}

.sub_prt_list_tit {
    padding: 8px 2px;
    line-height: 1.5;
    border-bottom: 1px solid #eee;
}

.sub_prt_list_point {
    padding: 1rem 0 0;
    display: block;
}

.sub_prt_list_point b {
    color: red;
    margin-left: 0.5rem;
}

.sub_prt_list_price {
    padding: 10px 0;
    font-size: 16px;
    color: #333;
    display: block;
    font-weight: 700;
}

.sub_prt_list_discription {
    font-size: 11px;
    color: #222;
    word-break: keep-all;
    line-height: 1.5;
    margin: 5px 20px 15px;
}

.sub_prt_list_btn {
    background: #f5f5f5;
    padding: 5px 0px;
}

.sub_prt_list_option {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.sub_prt_list_option li {
    margin: 0 3px;
}

.sub_prt_list_option li img {
    border-radius: 5px;
    background-color: #fff;
    vertical-align: middle;
    padding: 5px 15px;
    cursor: pointer;
}

.sub_page_bg {
    background: #000 url(/img/blackfriday-bg.png) repeat;
    opacity: 1;
    background-size: cover;
}


/* ===============핫딜=================== */
.sub_page_hotdeal h5 {
    font-size: 20px;
    letter-spacing: 2px;
    margin: 20px 0 10px;
    color: #fff;
    text-align: center;
}
.sub_page_hotdeal #countdown_hotdeal_sale {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
}
#countdown_hotdeal_sale .countdown-row {
    display: block;
    position: relative;
    text-align: center;
}
#countdown_hotdeal_sale .countdown-section {
    display: inline-block;
    width: 20%;
    font-size: 15px;
    text-align: center;
    padding: 10px 5px;
    background: rgba(0, 0, 0, .5);
    border-left: 1px dotted #BBB;
    color: #fff;
    text-transform: uppercase;
    overflow: hidden;
    margin: 2px 5px;
    border-radius: 4px;
}

#countdown_hotdeal_sale .countdown-section {
    border: none;
    padding: 15px;
}

.countdown-large .countdown-amount {
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #fff;
    display: block;
}

.hotdeal_time_value {
    background: unset;
    border: 0;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 44px;
    display: none;
}
.hot_deal_prt_list_box {
    background: #fff;
    padding: 60px 20px;
}

.hot_deal_prt_item {
    padding: 0 10px;
    width: 25%;
    margin-bottom: 40px;
}
.hot_deal_prt_list_box .flex_item_hover_effect {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 5px;
}

.hot_deal_prt_list_box .flex_item_hover_effect:hover {
    box-shadow: 0 10px 30px -5px rgb(10 16 34 / 20%);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.hot_deal_prt_img_box {
    position: relative;
    padding-top: 100%;
}
.hot_deal_prt_img_box img.hot_deal_prt_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hot_deal_prt_info {
    padding: 10px;
    text-align: center;
}

.hot_deal_prt_tit {
    padding: 8px 2px;
    line-height: 1.5;
    border-bottom: 1px solid #eee;
    font-weight: 400;
}
.hot_deal_prt_tit {
    display: block;
    width: 100%;
}
.hot_deal_prt_point {
    padding: 1rem 0 0;
    display: block;
}

.hot_deal_prt_point b {
    color: red;
    margin-left: 0.5rem;
}

.hot_deal_prt_price {
    padding: 10px 0;
    font-size: 16px;
    color: #333;
    display: block;
    font-weight: 700;
}

.hot_deal_prt_discription {
    font-size: 11px;
    color: #222;
    word-break: keep-all;
    line-height: 1.5;
    margin: 5px 20px 15px;
    display: none;
}

.hot_deal_prt_btn {
    background: #f5f5f5;
    padding: 5px 0px;
}

.hot_deal_prt_option {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.hot_deal_prt_option li {
    margin: 0 3px;
}

.hot_deal_prt_option li img {
    border-radius: 5px;
    background-color: #fff;
    vertical-align: middle;
    padding: 5px 15px;
    cursor: pointer;
}




/* ===============핫딜=================== */













.sub_story_new {
    background-color: #fff;
    padding-top: 0;
}

.sub_story_new .tab_box {
    display: none;
}




/* ===============sub_page=================== */

/* ===================로그인======================== */
/* .log.member {
    max-width: 500px;
    margin: auto;
    padding: 60px 0;
}
.form_control {
    box-shadow: none;
    margin-right: 5px;
    width: 100%;
    border: 1px solid #ccc;
    line-height: 38px;
    height: 38px;
    padding: 0 10px;
    font-size: 13px;
}
.log_n_box .form_control {
    height: 50px;
    line-height: 50px;
    border-radius: 0px;
}
.log_in_input_box .form_control {
    margin-bottom: 15px;
}
.cbox_cont {
    margin: 13px 0;
}
.cbox_cont label {
    color: #222;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    margin: 5px 0 0 !important;
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 20px;
}
.cbox_cont label input {
    position: absolute !important;
    opacity: 0;
    cursor: pointer;
}

.cbox_cont label .checkbox_style {
    border: 1px solid #ccc;
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
}
.cbox_cont label input:checked ~ .checkbox_style {
    background: #9EB23B;
    border: none;
}
.cbox_cont label .checkbox_style:after {
    left: 6px;
    content: "";
    position: absolute;
    display: none;
    top: 1px;
    width: 8px;
    height: 13px;
    border: solid #fff;
    border-width: 0px 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cbox_cont label input:checked ~ .checkbox_style:after {
    display: block;
}
.log.member .btn {
    display: block;
}
.log.member .btn {
    border-radius: 0px;
    margin-bottom: 20px;
}
.btn-defalut {
    border: 1px solid #9EB23B;
    color: #fff;
    background: #9EB23B;
}
.btn {
    transition: all 0.2s;
    margin: 5px 0;
    min-width: 100%;
    border-radius: 0;
    padding: 14px 0;
}
.log.member .btn-default {
    border: 1px solid #222;
    background: #222;
    color: #fff;
    border-radius: 0;
}
.log.member .btn-light {
    border: 1px solid #333;
}
.nvaer_btn {
    color: #fff;
    background: #04cf5c;
}
#kakaoIdLogin {
    background: #f9e000;
}
.modal-content {
    border-radius: 0;
    border: none;
    padding: 10px 30px;
}
.modal-content .modal-header {
    border-bottom: 1px solid #000;
    position: relative;
    display: block;
    background: #fff;
    text-align: center;
}
.modal-content .modal-header h4 {
    color: #000;
    display: block;
    font-size: 25px;
    font-weight: 500;
} */






/* ===================로그인======================== */

/* ===============상품상세=================== */

.gd_view_cont_new {
    width: 100%;
    max-width: 1530px;
}

.gd_view_cont_new .gd_view_thumb img {
    width: 100%;
    max-width:500px;
    /* height: 700px; */
    object-fit: contain;
    object-position: top;
}

.gd_view_cont_new .gd_view_info>h1 {
    font-weight: 300;
    font-size: 21px;
    line-height: 1.5;
    background-image: linear-gradient(to top, rgb(68, 68, 68) 0px, rgb(0, 0, 0) 100%) !important;
    color: rgb(255, 255, 255);
    padding: 10px;
    margin: 0;
    margin-bottom: 20px;
}


.gd_view_discription p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    line-height: 1.5;
}

/*
.gd_view_detail_info {
    padding: 0 1rem;
    margin: 1rem 0;
}
.gd_view_detail_info ul li {

    margin: 15px 0px;
    padding: 3px 0px;
}
.gd_view_detail_info ul li span{
    vertical-align: middle;
}
.gd_view_detail_info ul li .info_title {
    color: #000;
    width: 110px;
    padding-right: 20px;
    display: inline-block;
    font-size: 13px;
}
.gd_view_detail_info ul li .info_cont{
    color: #000;
    font-size: 13px;
}*/



.boder_box{
    font-weight: normal;
    color: #999;
    padding: 2px 2px;
    margin-top: -3px;
    border: 1px solid #f1f1f1;
    vertical-align: text-top;
    width: 70px;
    display: inline-block;
    text-align: center;
}
.point_cont_b{
    font-size: 18px;
    color: red;
    font-weight: 500;
}
.txt_line {
    text-decoration: line-through;
    color: #9999;
    font-weight: 100;
}
.price_b {
   color: #9EB23B;
}

.prt_option_box ul.opt_ul li{
    display: flex;
    align-items: center;

}
.prt_option_box ul li .prt_option_tit {
    width: 20%;
}
.prt_option_box ul li .prt_option_select {
    width: 80%;
}
.prt_option_box ul li .prt_option_select select{
    /*padding: 2px 20px 2px 6px;
    border: 1px solid #f1f1f1;
    display: inline-block;
    background: url(https://img.icons8.com/small/2x/down-left.png) no-repeat 90% 10px #fff;
    background-size: 10px 10px;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 32px;
    font-size: 12px;
    color: #353535;*/
}
/* div#div_top_selected_opt {
    overflow: auto;
    height: 260px;
} */
.prt_option_box .div_sel_option {
    border: 1px solid #eee;
    padding: 1rem;
}
.prt_option_box .opt_count {
    display: flex;
    align-items: center;
}
.prt_option_box .opt_count li:nth-child(1),
.prt_option_box .opt_count li:nth-child(3){
    width: 30px;
    height: 30px;
    cursor: pointer;
    line-height: 30px;
    border: 1px solid #707070;
    background: #777;
    text-align: center;
    color: #fff;
}
.prt_option_box .opt_count li input{
    display: block;
    padding: 0 5px;
    width: 100%;
    height: 30px;
    text-align: center;
    border: 1px solid #707070;
    max-width: 50px;
}
.prt_option_box h6{
    margin-bottom: 1rem;
}
.prt_option_box h5{
    text-align: right;
}
.total_box {

    text-align: right;
    margin: 2rem 0 0;
}
.total_box .gd_total_price ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: right;
}
.total_box .gd_total_price ul li:nth-child(1){
    font-size: 14px;
    color: #353535;
    font-weight: bold;
}
.total_box .gd_total_price ul li.total{
    color: #dd101a;
    font-size: 21px;
    font-weight: 600;
    padding-left: 1rem;
}
.gd_view_btn {
    margin: 3rem 0 0;
    text-align: center;
    font-size: 0;
}
.gd_view_btn a {
    width: 50%;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    border: 1px solid #000;
}
a.buy {
    background: #9EB23B;
    color: #fff;
    border: 1px solid #9EB23B;
}

.div_sel_option_count {
    display: flex;
    justify-content: center;
    align-items: center;
}
.div_sel_option_count_btn{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #707070;
    background: #fff;
}
.prt_option_box .close_btn {
    text-align: right;
    cursor: pointer;
}
.gd_view_cont_new .gd_view_info .item_box {
    padding: 0 1rem;
    margin-top: 2rem;
}

.gd_view_point p {
    font-size: 20px;
}

.gd_view_point p span.info_cont {
    color: #FF0000;
}

.gd_view_cont_new .gd_view_info .price {
    margin: 0;
}

.gd_view_cont_new .gd_view_info .price p {
    font-size: 25px;
    color: #000;
}


.Delivery {
    margin-top: 2rem;
}

.Delivery ul li {
    font-size: 15px;
    margin-bottom: 0.5rem;
}

.Delivery ul li span {
    font-size: 17px;
    font-weight: 700;
    padding-left: 1rem;
}



.tab {
    width: 100%;
    height: auto;
    padding: 10rem 0;
}

.tab-menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border-bottom: 1.3px solid #dbdbdb;
    transition: all 0.3s ease;
}

.tab-menu-link {
    position: relative;
    overflow: hidden;
    font-family: inherit;
    font-weight: 600;
    line-height: inherit;
    cursor: pointer;
    width: calc(100% / 4);
    height: auto;
    padding: 1rem 0;
    border-bottom: 2.5px solid transparent;
    color: #9194a1;
    background: #ffffff;
    transition: all 0.3s ease;
    border: 0;
}

.tab-menu-link::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
}

.tab-menu-link.is-active {
    bottom: 0px;
    z-index: 0;
    overflow: hidden;
    border-bottom: 2.5px solid #9EB23B;
    color: #252b46;
    background: #ffffff;
}

.tab-bar {
    padding: 2.5rem 0;
    overflow: hidden;
    background: #ffffff;
}

.tab-bar-content {
    display: none;
    width: 100%;
    min-height: 10rem;
    transition: all 0.3s ease;
}

.tab-bar-content.is-active {
    display: block;
}

.tab-bar .texts h3 {
    margin: 0px 0px 20px;
    color: rgb(68, 68, 68);
    font-size: 15px;
    font-weight: bold;
    background: rgb(249, 249, 249);
    padding: 10px;
    border-bottom: 1px dotted rgb(221, 221, 221);
}
.shopping_guide div{
    margin-bottom: 1rem;
}
.tab .texts .shopping_guide h3 {
    font-size: 16px;
    color: #333;
    border: 0;
    background: 0;
    padding: 0;
}

.tab .contents_detail {
    text-align: center;
    margin-bottom: 1rem;
}
.tab .prd_view_detail img {
    width: 100%;
    /* margin-bottom: 0.5rem; */
}

.shopping_guide .fbox-desc {
    min-height: 200px;
    max-height: 200px;
    overflow: auto;
}
.prt_qna_board_top{
    position: relative;
    text-align: right;
    margin-bottom: 30px;
}
.prt_qna_board_top h1 {
    /* position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0px, -50%); */
    text-align: left;
}
.prt_qna_board_sort {
    display: inline-block;
}
.prt_qna_board_sort ul{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-right: 30px;
}
.prt_qna_board_sort ul li{
    color: #676767;
}
.prt_qna_board_sort ul li:nth-child(2) {
    margin: 0 20px;
    position: relative;
    padding: 0 20px;
}
.prt_qna_board_sort ul li:nth-child(2)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 15px;
    background: #c2c2c2;
    transform: translate(0px, -50%);
}
.prt_qna_board_sort ul li:nth-child(2)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 2px;
    height: 15px;
    background: #c2c2c2;
    transform: translate(0px, -50%);
}
.qna_write_btn {
    color: #fff;
    background: #39373a;
    text-align: center;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
}
.qna_write_btn:hover{
    color: #fff;
}
.table-basic table{
    width: 100%;
}
.table-basic table thead th {
    height: 42px;
    font-family: noto-m;
    font-size: 15px;
    color: #010101;
    text-align: center;
    border-top: solid 2px #000;
    border-bottom: solid 1px #9d9d9d;
}
.table-basic table td {
    padding: 14px;
    height: 36px;
    font-size: 13px;
    color: #010101;
    line-height: 1.4;
    text-align: center;
    border-bottom: solid 1px #e8e8e8;
}
.table-basic table td a:hover{
    color: red;
}
.table-basic table .line-red {
    display: inline-block;
    width: 75px;
    height: 31px;
    font-size: 14px;
    color: #999;
    line-height: 29px;
    border: solid 1px #999;
    border-radius: 3px;
    box-sizing: border-box;
    text-align: center;

}
.table-basic table .line-red.on{
    color: red;
    border: solid 1px red;

}
.table-basic table .view {
    display: none;
}
.table-basic table .on+.view {
    display: table-row;
}

.table-basic table .view td {
    padding: 30px 0;
    text-align: left;
}
.table-basic table .view td .top {
    margin: 0 0 30px;
    padding: 0 6.8%;
    font-size: 14px;
    color: #010101;
    line-height: 1.4;
}
.table-basic table .view td .bottom {
    padding: 24px 6.8%;
    font-size: 12px;
    color: #010101;
    background: #f7f7f7;
}
.table-basic table .view td .bottom .tit {
    margin: 0 0 22px;
    font-size: 14px;
}
.table-basic table .view td .bottom .tit .bg {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 55px;
    height: 28px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    vertical-align: middle;
    border-radius: 5px;
    background: #a7a7a7;
}
.table-basic table .view td .bottom .txt {
    line-height: 1.4;
    font-size: 12px;
}
.table-basic table .tleft {
    text-align: left;
}
.mb_bd_contents {
    display: none;
}
.review_thumb img{
    max-width: 60px;
}
.review_thumb span{
    display: block;
}
.max_w_180{
    max-width: 150px;
    margin-top: 8px;
}
.qna-toggle .list.red>li {
    position: relative;
    border-color: #e8e8e8;
}
.prd_view_detail {
    text-align: center;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}






/* ===============상품상세=================== */

.mo_order  {display:none;}
.scroll_box  {display: none;}

/* ===============상품주문=================== */


.open_btn {
    position: absolute;
    right: 0;
}

/* ===============상품주문=================== */



.review_typeProduct {
    border: 1px solid #ccc;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    padding: 10px;
}
.review_typeProduct .thumbnail img {
    max-width: 120px;
}
.review_typeProduct .information {
    margin-left: 20px;
}
.review_typeProduct .information h3 {
    margin: 0 0 10px;
    font-size: 14px;
    color: #222;
    font-weight: normal;
}
.review_typeProduct .information .price {
    font-size: 14px;
    color: #F67066;
}
.review_typeProduct .button {
    margin: 20px 0 0 0;
    border: 1px solid #d1d1d1;
    color: #222;
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
}


/* ===============event=================== */
.hb_event_menu {
    margin: 30px 0 40px;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.hb_event_menu li {
    float: none;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 50%;
    height: 45px;
    margin: 0px -1px 0 0;
    padding: 0 0 9px;
    color: #303030;
    font-size: 13px;
    text-align: center;
    line-height: 45px;
}

.hb_event_menu li.selected {
    color: #fff;
}

.hb_event_menu li a {
    color: #555;
    font-weight: bold;
    display: block;
    border: 1px solid #222;
}

.hb_event_menu li.selected a {
    color: #fff;
    background: #222;
}

.event_board_section {
    display: none;
}




/* ===============event=================== */

.event_board_new {
    width: 100%;
    margin: 0 auto;
    padding: 60px 0;
    max-width: 1530px;
    border-top: 1px solid #eee;
    margin-top: 4rem;
}

.event_board_new .col-md-4 {
    width: 50%;
    margin-bottom: 1.5rem;
}
.event_board_new .item_box_wrap {
    border: 1px solid #ddd;
}

.event_board_new .item_box_wrap .contents_info  {position:absolute; bottom:0; left:0; padding-left:2rem; width:100%;}

.event_board_new .col-md-4 .gallery_a_link {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;

}

.event_board_new .col-md-4 .thumb {
    position: relative;
    width: 40%;
}
.event_board_new .thumb img {
    width: 100%;
    object-fit: cover;
    height: 200px;
}
.event_board_new .col-md-4 .info {
    padding-left: 2rem;
    width: 60%;
}

.event_board_new .col-md-4 .loca_icon {
    margin-top: 1rem;
}
.paging_wrap_new .pagination{
    justify-content: center;
}
.paging_wrap_new .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #9EB23B;
    border-color: #9EB23B;
}
.event_board_new .loca_icon span {
    background: #9EB23B;
    color: #fff !important;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px;
    border-radius: 4px;
}


.event_off  {color:#fff;}


/*========회원가입 완료창 join_ok.php ===========*/

.join_ok .sub_nav_new  {}






/*========검색창 search_result.php ===========*/
.search_result .sub_cate_prt_list_box  {margin:0;}



/*========주문서 order.php ===========*/
.order .multi-collapse  {border:1px solid #ddd;}


/* ===============mobile=================== */


@media (max-width: 1200px) {



/* ==========main=========== */
.video_section {
    padding: 0 20px;
}

.main_prt_top_item_info h3 {
    font-size: 14px;
}
.main_slider_prt_link{
    margin: 0.5rem 0 2rem;
}
/* ==========main=========== */





}





@media (max-width: 991px) {

    .wrap_inner {
      padding: 0 1rem;
    }

/* =================side_right=================== */

    #side_right .custom-menu{
        display: none;
    }

/* =================side_right=================== */



/* =================main=================== */

     .main_slider_overflow{
        display: none;
     }
     .mb_main_banner {
        display: block;
        position: relative;
    }
    .mb_main_banner img {
        object-fit: cover;
        width: 100%;
        height:400px;
    }
    .mb_top_slider_section_box {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 2;
        transform: translate(0, -100%);
        background: rgb(0, 0, 0, 0.5);
        width: 100%;
        padding: 10px 20px;
    }
    .mb_top_slider_section_box h2 {
        margin-bottom: 1rem;
    }
    .main_tit {
        margin-bottom: 1rem;
    }
    .prt_list_com_item {
        width: 50%;
    }
    .main_collection_banner_item {
        width: 100%;
    }
    .main_collection_banner_box {
        margin-bottom: 2rem;
    }

    /* ==========main=========== */

    /* ==========sub_page=========== */

    .sub_page_new {
        padding: 65px 0 100px;
    }
    .view_no_box{
        font-size: 10px;
    }
    /* ==========sub_page=========== */


      /* =======핫딜======== */

      .hot_deal_prt_item {
        width: 50%;
     }



    /* =======핫딜======== */
}




@media (max-width: 767px){


    /*20220930 임시 팝업 모바일에서 비 노출*/
    #pop-up  {display:none !important;}

    /* ==========공통=========== */


    .text-truncate2{
        -webkit-line-clamp: 1;
    }
    .btn_al_r{
        text-align: right;
    }
    a.mb_top {
        position: fixed;
        right: 3%;
        bottom: 70px;
        background: #9EB23B;
        border-radius: 50px;
        width: 50px;
        height: 50px;
        text-align: center;
        padding: 16px 0 10px;
        cursor: pointer;
        z-index: 90;
        display: none;
    }
    .m_d_block{
        display: block;
    }
    /* ==========공통=========== */


    /* ==========mypage=========== */
    .myp_menu_wrap_m .myp_box_wrap ul li{
        width: 30%;
    }

    /* ==========mypage=========== */

    /* ==========main=========== */
    .mb_top_slider_section_box h2 {
        margin-bottom: 1rem;
        font-size: 25px;
        line-height: 1.5;
    }
    .main_tit p {
        line-height: inherit;
    }
    .main_tit {
        margin-bottom: 2rem;
    }
    .main_section1,
    .main_section6,
    .main_sponsor,
    .prt_list_com_btn_box,
    .prt_list_com_discription{
        display: none;
    }
    .main_section_com .flex_item_hover_effect {
        box-shadow: 0 10px 30px -5px rgb(10 16 34 / 20%);
    }
    .main_youtube_Relevant_item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .main_youtube_Relevant_prt_img img {
        border-radius: 50%;
    }
    /* ==========main=========== */

    /* ==========장바구니(767)=========== */
    .pc_cart .thead div:nth-child(2),
    .pc_cart .thead div:nth-child(3){
        display: none;
    }
    .pc_cart .item img {
        height: 500px;
    }
    .pc_cart .btn_stl ul li{
        width: 33.3333%;
    }
    /* ==========장바구니(767)=========== */
    .cart_box  {padding:0;}
    .cart_box .img_box  {padding-top:50%;}
    .cart_box .img_box  img  {object-fit:contain;}
    .cart_box > .row  {border-left:1px solid #dee2e6; border-right:1px solid #dee2e6;}
    .cart_box .row > *  {padding:0 10px; }
    /* ==========게시판=========== */

    .table-basic table thead th{
        display: none;
    }
    .table-basic table thead th.mb_table_tit,
    .table-basic table colgroup col{
        display: block;
        line-height: 42px;
    }
    .table-basic table td.mb_hidden_td{
        display: none;
    }
    .table-basic table td.mb_td{
        display: table-cell;
    }
    .mb_bd_contents{
        display: block;
    }
    .mb_bd_contents ul{
        display: flex;
        align-items: center;
    }
    .mb_bd_contents ul li {
        padding-left: 5px;
        margin-left: 5px;
        position: relative;
    }
    .mb_bd_contents ul li .mb_review_thumb_img{
        max-width: 40px;
    }
    .mb_bd_contents ul li:first-child{
        padding-left: 0;
        margin-left: 0;
    }
    .mb_bd_contents ul li::after{
        content: '';
        position: absolute;
        width: 1px;
        height: 12px;
        background-color: #000;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
    }
    .mb_bd_contents ul li:first-child::after{
        display: none;
    }
    .table-basic table td.mb_td span{
        font-weight: 500;
    }
    .bd_tit_box {
       padding-left: 40px;
    }
    .mb_bd_contents {
        margin: 0.5rem 0 0;
        padding-left: 0;
    }



     /* ==========게시판=========== */



    /* ==========상품후기(767)=========== */
     .sub_page_new .prt_reivew_board .board_flex .board_item{
        width: 100%;
     }
     .board_thumbnail {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid #ccc;
    }
    .board_thumbnail img {
        max-width: 500px;
    }
    /* ==========상품후기(767)=========== */




    /* ==========sub_page=========== */
    .cate_middle_list .flex_box{
        display: none;
    }
    .cate_middle_list select {
        width: 100%;
        display: inline-block;
        padding: 7px 5px;
        text-align: center;
    }
    .cate_middle_list .flex_box .flex_item {
        width: 50%;
    }
    .sub_prt_list_item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }
    .sub_prt_list_discription,
    .sub_prt_list_btn {
        display: none;
    }
    .sub_cate_prt_list_box .flex_item_hover_effect {
        box-shadow: 0 10px 30px -5px rgb(10 16 34 / 20%);
    }
    .sub_prt_list_tit{
        font-size: 15px;
    }
    .sub_prt_list_point {
        font-size: 13px;
    }
    .sub_prt_list_price {
        font-size: 14px;
    }
    .sub_cate_prt_list_box {
        margin: 2rem 0;
    }
    /* ==========sub_page=========== */

    /* ==========제품상세=========== */

    .gd_view_cont_new .gd_view_thumb img {
        height: 100%;
        object-fit: cover;
      }
      .tab {

        padding: 2rem 0;
    }
    .prd_view_detail {
        padding: 0 1rem;
    }
    /* ==========제품상세=========== */
    /* .mo_order  {display:block;}
    .scroll_box  {display:block;} */

    /* =======핫딜======== */
    .hot_deal_prt_btn{
        display: none;
    }
    .hot_deal_prt_item {
       width: 50%;
    }


    .hot_deal_prt_discription {
        display: none;
    }

   /* =======핫딜======== */


    /* =======이벤트======== */
   .event_board_new .col-md-4 {
    width: 100%;
    }
    .event_board_new .col-md-4 .thumb{
        width: 100%;
    }

    .event_board_new .col-md-4 .info {
        width: 100%;
        padding: 1rem 0 0;
    }
    .event_board_new .col-md-4 .info h4{
        font-size: 16px
    }

  /*2022-09-05 박재호 300일 tv 변경*/

    .story_review_box_img  {padding-top:50% !important;}

    .event_board_new .item_box_wrap .contents_info  {position:relative; padding-left:0;}

    .main_youtube_Relevant_info {
    position: relative;
    opacity: 1;

    background:rgb(50, 50, 50, 1);
    }

    .order_box  {border:1px solid #ddd;}
    .order_box .tbody_div>.row  {border:0; margin:0;}

    .my_order_mo  {margin-bottom:10px !important;}
    .my_order_mo .order_status_mo  {background:#fafafa;}
    .my_order_mo .order_status_mo .btn  {background:0; color:#333; border:0; font-weight: 600;}
    .my_order_mo .order_status_mo .btn.btn-warning    {color:#E89805;}
    .my_order_mo .order_status_mo .btn.btn-secondary  {color:#6c757d;}
    .my_order_mo .order_status_mo .btn.btn-success    {color:#9EB23B;}
    .my_order_mo .order_status_mo .btn.btn-danger     {color:#dc3545;}



 /* =======이벤트======== */




    /* ==========상품상세=========== */
    .total_box  {padding:0;}

    .pc_qna_board_table{

    }

    .gd_view_detail_info  {padding:0;}
    /* ==========상품상세=========== */


    /* ==========footer=========== */
    #footer {
        padding: 40px 0 20px;
    }
    .footer_item {
        width: 100%;
    }

    .footer_item1_com {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .foot_bottom_com {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem;
    }
    .footer_item.footer_item2 {
        margin-top: 0.5rem;
    }
    /* ==========footer=========== */


    /* ===========주문서 order.php=============*/
    .order #bankAccount  {width:100%; margin:0;}
    .order #bankSender  {width:100%; margin:0;}
}

@media (max-width: 575px) {


    /* ==========공통=========== */



    /* ==========공통=========== */



        /* ==========main=========== */


        /* ==========main=========== */

    /* ==========장바구니(575)=========== */

    .pc_cart .item img {
        height: 400px;
    }

    /* ==========장바구니(575)=========== */

}

@media (max-width: 480px) {

    /* ==========공통=========== */



    /* ==========공통=========== */

    /* ==========main=========== */

    .main_tit h3 {
        font-size: 20px;
    }

    .main_youtube_Relevant_prt_info h3 {
        font-size: 15px;
    }
    .main_youtube_Relevant_prt_price {
        font-size: 15px;
    }
    .main_collection_banner_info h2 {
        font-size: 20px;
    }
    .main_collection_banner_info p {
        font-size: 13px;
        margin: 0.3rem 0;
    }
    .main_collection_banner_info a{
        font-size: 13px;
    }
    .hot_deal_sale .h28 {
        font-size: 25px;
    }
    /* ==========main=========== */

    /* ==========sub_page=========== */
    .sub_prt_list_tit {
        font-size: 15px;
    }
    .sub_prt_list_point,
    .sub_prt_list_price {
        font-size: 14px;
    }
    /* ==========sub_page=========== */

    /* ==========장바구니(575)=========== */

    .pc_cart .item img {
        height: 300px;
    }

    /* ==========장바구니(575)=========== */

    /* =======핫딜======== */
    #countdown_hotdeal_sale .countdown-section {
        width: 28%;
    }

    .countdown-large .countdown-amount {
        font-size: 35px;
    }

    .hot_deal_prt_item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    .hot_deal_prt_list_box {
        padding: 30px 10px;
    }

    .hot_deal_prt_option li {
        margin: 0 3px;
        width: 30%;
    }

    .hot_deal_prt_list_box .flex_item_hover_effect {
        box-shadow: 0 10px 30px -5px rgb(10 16 34 / 20%);
    }

    .hot_deal_prt_discription {
        display: none;
    }
   /* =======핫딜======== */

    /* =======화원가입======== */


    /* =======화원가입======== */



    /* ==========footer=========== */
    .d-inline-block p {
        font-size: 10px;
    }
    .footer_item2 span {
        font-size: 12px;
    }
    /* ==========footer=========== */
}





@media (max-width: 375px) {

    /* ==========공통=========== */

    .prt_list_com_img_box img.prt_list_com_img{
        height: 150px;
    }
   .btn-sm {
        padding: 0.25rem 0.5rem;
        font-size: .5rem;
    }
    /* ==========공통=========== */




     /* ==========main=========== */
     .mb_main_banner img {
        object-fit: cover;
        width: 100%;
        height:400px;
    }
    .mb_top_slider_section_box h2{
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 0.5rem;
    }
    .main_section_com {
        padding: 2rem 0;
    }

    .t_line {

        margin: 5px auto;

    }
    .prt_list_com_tit {
        margin-bottom: 0.5rem;
        padding: 0;
    }
    .prt_list_com_price {
        padding: 0.5rem 0 0;
    }
    .prt_list_com_item{
        margin-bottom: 20px;
    }

    .main_collection_banner_info h2 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .main_collection_banner_info p {
        font-size: 12px;
        margin: 0.3rem 0;
    }
    .main_collection_banner_info a{
        font-size: 12px;
    }
    .hot_deal_sale .h28 {
        font-size: 20px;
    }
    /* ==========main=========== */


    /* ==========sub_page=========== */
    .sub_prt_list_tit {
        font-size: 13px;
    }
    .sub_prt_list_point,
    .sub_prt_list_price {
        font-size: 12px;
    }
    /* ==========sub_page=========== */



    /* ==========장바구니(575)=========== */

    .pc_cart .item img {
        height: 250px;
    }

    /* ==========장바구니(575)=========== */














    .bd_search .row .col-md-6,
    .bd_search .row .col-md-3 {
        width: 100%;
    }
    /* main */




    .main_youtube_prt_tit {
        font-size: 14px;
    }

    .main_youtube_prt_point {
        font-size: 12px;
    }

    .main_youtube_prt_price {
        font-size: 13px;
    }



    /* main */
    /* sub_page */



    /* sub_page */

    /* 대물낚시 300일 */

    .story_review_box {
        width: 100%;
        margin-bottom: 2rem;
    }
    .c_pagi .nextprev .ok {
        width: 20px;
    }
    .c_pagi .number {
        margin: 0 5px;
    }
    .c_pagi .number a {
        font-size: 13px;
    }
    .c_list_ctrl .ctrl_right {
        width: 100%;
    }
    .c_list_ctrl .ctrl_right select {
        width: 90px;
        margin-left: 0px;
    }
    .c_list_ctrl .search_box .input_search {
        width: 185px;
    }
    /* 대물낚시 300일 */

    /* 제품상세 */


    .gd_view_cont_new .gd_view_info>h1 {
        font-size: 16px;
    }
    .gd_view_discription p {
        font-size: 12px;
    }

    .gd_view_point p {
        font-size: 17px;
    }
    .gd_view_cont_new .gd_view_info .price p {
        font-size: 18px;
    }
    .Delivery {
        margin-top: 1rem;
    }
    .Delivery ul li {
        font-size: 13px;
    }
    .Delivery ul li span {
        font-size: 11px;
    }
    .contents_detail {
        padding: 15px 0 30px;
        font-size: 12px;
    }
    .prt_qna_board_top {
        text-align: center;
    }
    .prt_qna_board_sort ul li:nth-child(2) {
        padding: 0 5px;
    }
    .prt_qna_board_sort ul{
        margin-right: 5px;
    }
    /* 제품상세 */

    /* 주문 */
    .write_form .btn_zip {
        font-size: 10px;

    }
    /* 주문 */

    /* 모바일 사이드메뉴 */

    /* 모바일 사이드메뉴 */

















}