@charset "utf-8";
.pcbr {
    display: block !important;
}

.ptbr {
    display: block !important;
}

.tbr {
    display: none !important;
}

.tmbr {
    display: none !important;
}

.mbr {
    display: none !important;
}

.pc_view {
    display: block !important;
}

.pt_view {
    display: block !important;
}

.tm_view {
    display: none !important;
}

.t_view {
    display: none !important;
}

.m_view {
    display: none !important;
}

body {
    height: auto !important;
}

section {
    position: relative;
    background: #fff;
    z-index: 20;
}

section * {
    box-sizing: border-box;
}

.sec1 {
    overflow: hidden;
    z-index: 10;
    background: #fff;
    padding: 75px 0 50px 0;
}

/*사고팔고*/
.sec2 {
    overflow: hidden;
    z-index: 10;
    background: #fff;
}

/*배너*/
.sec3 {
    overflow: hidden;
    z-index: 10;
    background: #fff;
    padding: 140px 0 100px 0;
}

/*어부*/
.sec4 {
    overflow: hidden;
    z-index: 10;
    background: #F5F5F5;
    padding: 100px 0 135px 0;
}

/*공지사항*/

/*MAIN SECTION TITLE*/
.sec1 .eng_tit,
.sec3 .eng_tit,
.sec4 .eng_tit {
    font-weight: 700;
    font-size: 1.714em;
    color: #28201D;
    line-height: 1.208em;
    font-size: 24px;
    margin-bottom: 10px;
}

.sec1 .kor_tit,
.sec3 .kor_tit,
.sec4 .kor_tit {
    font-weight: 300;
    font-size: 3.429em;
    color: #E54B2A;
    line-height: 1.167em;
    font-size: 48px;
}

/*사고팔고*/
.sec1 .product_list {
    margin-top: 30px;
}

.sec1 .product_list * {
    float: none;
}

.sec1 .product_list_cont {
    position: relative;
    width: 100%;
}

.sec1 .product_list_cont .item_gallery_type > ul {
    float: none;
    display: flex;
    justify-content: flex-start;
    flex-flow: wrap;
}

.sec1 .product_list_cont .item_gallery_type > ul > li {
    margin: 0 40px 80px 0;
    width: 280px;
}

.sec1 .product_list_cont .item_gallery_type > ul > li:nth-child(4n) {
    margin: 0 0px 80px 0;
}

.sec1 .product_list_cont .item_gallery_type > ul > li .item_cont {
    padding: 0;
}

.sec1 .product_list_cont .item_gallery_type > ul > li .item_cont .update_all {
    font-size: 1.00em;
    font-weight: 700;
    color: #E54B2A;
    height: 25px;
    line-height: 25px;
}

.sec1 .product_list_cont .item_gallery_type > ul > li .item_cont .item_photo_box {
    position: relative;
    border: none;
    width: 100%;
    height: 280px;
}

.sec1 .product_list_cont .item_gallery_type > ul > li .item_cont .item_photo_box a {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-radius: 10px;
}

.sec1 .product_list_cont .item_gallery_type > ul > li .item_cont .item_photo_box .like_btn {
    position: absolute;
    top: 15px;
    right: 15px;
}

.sec1 .product_list_cont .item_gallery_type > ul > li .item_cont .item_photo_box .buy_btn {
    position: absolute;
    top: 15px;
    left: 15px;
}

.sec1 .product_list_cont .item_gallery_type > ul > li .item_cont .item_photo_box .direct_btn {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.sec1 .product_list_cont .item_gallery_type > ul > li .item_cont .item_info_cont {
    padding: 12px 0 0 0;
}

.sec1 .product_list_cont .item_gallery_type > ul > li .item_cont .item_info_cont .item_info_title {
    font-weight: 700;
    font-size: 1.429em;
    line-height: 1.200em;
    color: #28201D;
    font-size: 20px;
}

.sec1 .product_list_cont .item_info_cont .item_info_basic {
    font-weight: 400;
    font-size: 1.000em;
    line-height: 1.500em;
    color: #8F8F8F;
    margin-top: 5px;
    font-size: 14px;
}

.sec1 .product_list_cont .item_info_cont .item_ifo_amount {
    margin-top: 8px;
    font-weight: 400;
    font-size: 0.857em;
    height: 20px;
}

.sec1 .product_list_cont .item_info_cont .item_ifo_amount strike {
    color: #BFBFBF;
    margin-left: 7px;
}

.sec1 .product_list_cont .item_info_cont .item_info_tag {
    margin-top: 22px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec1 .product_list_cont .item_info_cont .item_info_tag span.tag_btn {
    display: block;
    background: #FFE0D9 0% 0% no-repeat padding-box;
    border-radius: 11px;
    width: 66px;
    height: 22px;
}

.sec1 .product_list_cont .item_info_cont .item_info_tag span.tag_btn {
    font-weight: 500;
    font-size: 0.857em;
    line-height: 22px;
    text-align: center;
    color: #E54B2A;
    font-size: 12px;
    width: 60px;
    height: 22px;
    letter-spacing: -0.6px;
}

.sec1 .product_list_cont .item_info_cont .item_info_tag span.tag_btn {
    margin-left: 5px;
}

.sec1 .product_list_cont .item_info_cont .item_info_tag span.tag_btn:first-child {
    margin-left: 0px;
}

.sec1 .product_list_cont .item_info_cont .item_info_review {
    margin-top: 10px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;;
}

.sec1 .product_list_cont .item_info_cont .item_info_review .review_point {

}

.sec1 .product_list_cont .item_info_cont .item_info_review .review_like {

}

.sec2 .swiper-container {
    width: 100%;
}

.sec2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/* 어부 */
/*참고 사이트 : https://www.i-hutech.com/goods/goods_list.php?cateCd=002*/
.sec3 .fisherman_list {
    margin-top: 30px;
}

.sec3 .fisherman_list * {
    float: none;
}

.sec3 .fisherman_list_cont {
    position: relative;
    width: 100%;
}

.sec3 .fisherman_list .fisherman_list_cont .item_gallery_type > ul {
    float: none;
    display: flex;
    justify-content: flex-start;
    flex-flow: wrap;
}

.sec3 .fisherman_list .fisherman_list_cont .item_gallery_type > ul > li {
    margin: 0 33px 70px 0;
    width: 380px;
}

.sec3 .fisherman_list .fisherman_list_cont .item_gallery_type > ul > li .item_cont {
    padding: 0;
}

.sec3 .fisherman_list .fisherman_list_cont .item_gallery_type > ul > li .item_cont .item_photo_box {
    position: relative;
    border: none;
    width: 100%;
    height: 270px;
    border-radius: 10px;
}

.sec3 .fisherman_list .fisherman_list_cont .item_gallery_type > ul > li .item_cont .item_photo_box .like_btn {
    position: absolute;
    top: 15px;
    right: 15px;
}

.sec3 .fisherman_list .fisherman_list_cont .item_gallery_type > ul > li .item_cont .item_photo_box .item_img {
    width: 100%;
    height: 270px;
    border:0;
    border-radius: 10px;
}

.sec3 .fisherman_list .fisherman_list_cont .item_gallery_type > ul > li .item_cont .item_photo_box.empty_img .item_img {
    border: 1px solid #D6D6D6;
}

.sec3 .fisherman_list .fisherman_list_cont .item_gallery_type > ul > li .item_cont .item_photo_box a {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.sec3 .fisherman_list .fisherman_list_cont .item_gallery_type > ul > li .item_cont .item_info_cont {
    padding: 21px 0 0 0;
}

.sec3 .fisherman_list .fisherman_list_cont .item_gallery_type > ul > li .item_cont .item_info_cont .item_info_title {
    font-weight: 400;
    font-size: 1.000em;
    line-height: 1.143em;
    color: #28201D;
}

.sec3 .fisherman_list .item_info_cont span.fisherman_company {
    font-weight: 700;
    font-size: 1.250em;
    line-height: 1.143em;
    color: #E54B2A;
    margin-right: 13px;
}

.sec3 .fisherman_list .item_info_cont span.fisherman_name {
    font-weight: 700;
    font-size: 1.500em;
    line-height: 1.167em;
    color: #28201D;
}

.sec3 .fisherman_list .item_info_cont sub {
    font-weight: 500;
    font-size: 1.000em;
    line-height: 1.000em;
    color: #28201D;
    margin-left: 5px;
}

.sec3 .fisherman_list .item_info_cont .item_info_basic {
    font-weight: 400;
    font-size: 1.000em;
    line-height: 1.500em;
    color: #8F8F8F;
    margin-top: 7px;
    height: 40px;
}

.sec3 .fisherman_list .item_info_cont .item_info_tag {
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec3 .fisherman_list .item_info_cont .item_info_tag span.tag_btn {
    display: block;
    background: #FFE0D9 0% 0% no-repeat padding-box;
    border-radius: 11px;
    width: 66px;
    height: 22px;
}

.sec3 .fisherman_list .item_info_cont .item_info_tag span.tag_btn {
    font-weight: 500;
    font-size: 0.857em;
    line-height: 22px;
    text-align: center;
    color: #E54B2A;
    font-size: 12px;
    width: 66px;
    height: 22px;
}

.sec3 .fisherman_list .item_info_cont .item_info_tag span.tag_btn {
    margin-left: 5px;
}

.sec3 .fisherman_list .item_info_cont .item_info_tag span.tag_btn:first-child {
    margin-left: 0px;
}

.sec3 .fisherman_list .item_info_cont .item_info_review {
    margin-top: 10px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;;
}

.sec3 .fisherman_list .item_info_cont .item_info_review .review_point {

}

.sec3 .fisherman_list .item_info_cont .item_info_review .review_like {

}

/*공지사항*/
.sec4 .more_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 58px;
    height: 58px;
}

.sec4 .notice_list {
    width: 100%;
    height: 186px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.sec4 .notice_list li {
    width: 280px;
    height: 186px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 21px;
}

.sec4 .notice_list li {
    margin-left: 40px;
}

.sec4 .notice_list li.active {
    background: transparent linear-gradient(180deg, #E54B2A 0%, #E52A2A 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #00000029;
}

.sec4 .notice_list li:hover {
    background: transparent linear-gradient(180deg, #E54B2A 0%, #E52A2A 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #00000029;
}

.sec4 .notice_list li:first-child {
    margin-left: 0px;
}

.sec4 .notice_list li .notice_card {
    width: 250px;
    padding: 15px 0;
    margin: 0 auto;
    display: block;
    justify-content: center;
    align-items: center;
    padding: 26px 25px;
    width: 100%;
}

.sec4 .notice_list li .notice_card .notice_title {
    font-weight: 700;
    font-size: 1.286em;
    line-height: 1.500em;
    color: #28201D;
    height: 50px;
    font-size: 18px;
}

.sec4 .notice_list li .notice_card .notice_content {
    font-weight: 400;
    font-size: 1.000em;
    /* line-height:1.500em; */
    /* min-height: 50px; */
    /* color:#28201D; */
    /* margin-top: 0px; */
    font-size: 14px;
    margin-top: 12px;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    line-height: 1.3;
    height: 2.6em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sec4 .notice_list li .notice_card .notice_date {
    display: flex;
    justify-content: space-between;;
    align-items: center;
    margin-top: 15px;
}

.sec4 .notice_list li .notice_card .notice_date .date {
    display: inline-block;
    color: #28201D;
    color: #8F8F8F;
}

.sec4 .notice_list li .notice_card .notice_date .more {
    display: inline-block;
    color: #E54B2A;
    font-size: 25px;
    font-weight: 200;
}

.sec4 .notice_list li.active .notice_card .notice_title {

    color: #fff;
}

.sec4 .notice_list li.active .notice_card .notice_content {

    color: #fff;
}

.sec4 .notice_list li.active .notice_card .notice_date {

}

.sec4 .notice_list li.active .notice_card .notice_date .date {

    color: #fff;
}

.sec4 .notice_list li.active .notice_card .notice_date .more {
    display: inline-block;
    font-size: 14px;

}

.sec4 .notice_list li:hover .notice_card .notice_title {

    color: #fff;
}

.sec4 .notice_list li:hover .notice_card .notice_content {
    /* font-weight:400; */
    /* font-size:1.000em; */
    /* line-height:1.500em; */
    /* min-height:65px; */
    color: #fff;
    /* margin-top: 0px; */
}

.sec4 .notice_list li:hover .notice_card .notice_date {
    display: flex;
    justify-content: space-between;;
    align-items: center;
    margin-top: 15px;
}

.sec4 .notice_list li:hover .notice_card .notice_date .date {
    display: inline-block;
    color: #fff;
}

.sec4 .notice_list li:hover .notice_card .notice_date .more {
    display: inline-block;
    color: #fff;
    font-size: 25px;
}