/* layout */
* { 
   margin: 0;
   padding: 0;
   font-family: "NanumSquareRound";
}
.fa-search:before { 
   font-size: 18px !important;
   vertical-align: sub;
   color:#a4a4a4;
   transition: .2s;
   vertical-align: inherit;
}
.fa-search:hover:before {
   color:#272727;
}
select:focus-visible { outline: none; } 
@font-face { 
   font-family: "NanumSquareRound";
   src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff")
   format("woff");
   font-weight: normal;
   font-style: normal;
}

header { 
   padding-top: 50px;
   position: relative;
   z-index: 99;
}
header .container { 
   max-width: 1140px;
   width: 100%;
   margin: 0 auto;
   position: relative;
}
header .container b { 
    display: inline-block;
    padding-left: 60px;
    margin-left: 10px;
    background-size: 55px;
    position: absolute;
    bottom: 40px;
    left: -50px;
 }
 header .container b::before { 
    content: "";
    display: block;
    width: 55px;
    height: 55px;
    background: url("../img/haccp.png") no-repeat left center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
 }

header .container .logo { 
   display: table;
   max-width: 700px;
   margin: 0 auto;
}
header .container .logo img { 
   display: block;
   width: 100%;
}
header .container .top { 
   position: absolute;
   right: 0;
   top: 0;
}
header .container .top a { 
   display: inline-block;
   margin-left: 15px;
   line-height: 30px;
}
header .container .bottom { 
   position: absolute;
   right: 0;
   bottom: 35px;
}
header .container .bottom a { 
   display: inline-block;
   margin-left: 20px;
   line-height: 20px;
}
header .container .bottom a img { 
   display: inline-block;
   margin-left: 8px;
}
.menu { 
   position: relative;
   max-width: 1290px;
   width: 100%;
   margin: 0 auto;
   background: url("../img/menu_bg.png") no-repeat center;
   background-size: contain;
   height: 62px;
}
.menu:after { 
   content: "";
   visibility: hidden;
   display: block;
   clear: both;
}
.dep1 > li > a { 
   display: block;
   transition: all 0.3s;
   line-height: 62px;
   font-weight: 900;
   color: #ea5757;
}

.dep1.first > li > a { 
   position: absolute;
   left: 75px;
}
.dep1.second > li > a { 
   position: absolute;
   left: 450px;
}
.dep1.last > li > a { 
   position: absolute;
   left: 825px;
}
.dep1.like > li > a { 
   float: right;
   display: block;
   margin-right: 75px;
   padding-left: 20px;
   background: url("../img/picker.png") no-repeat left center;
   background-size: 11px;
   z-index: 2;
   position: relative;
}
.dep1.like > li p { 
   margin-top: 100px;
   color: #ea5757;
}
.dep1.like > li p:first-of-type {
  margin-top: 10px;
  margin-bottom: 10px;
}
.dep1.like > li p:first-of-type a {
   line-height: 1.4;
}
.dep1.like > li p a { 
   display: inline-block;
   font-weight: 500;
}
.dep2 { 
   display: none;
   position: absolute;
   top: 62px;
   left: 0;
   z-index: 1;
   width: 100%;
   max-width: 1265px;
   background: url("../img/inner_bg.png") no-repeat center;
   background-size: 100%;
   margin-left: 13px;
}
.like .dep2 { 
   display: none;
   position: absolute;
   top: 0;
   right: 35px;
   left: unset;
   z-index: 1;
   width: 100%;
   max-width: 310px;
   height: 500px;
   background: url("../img/like_bg.png") no-repeat center top;
   background-size: 100%;
   padding: 0 40px;
   margin-left: 0;
   padding-top: 15px;
}
.like .dep2 dl { 
   margin-bottom: 25px;
   cursor: pointer;
}
.like .dep2 dl::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.like .dep2 .wish_box dl:first-of-type { 
   margin-top: 35px;
}
.like .dep2 .wish_box dl:last-of-type { 
   margin-bottom: 35px;
}
.like .dep2 dl dt { 
   float: left;
   width: 90px;
   margin-right: 25px;
}
.like .dep2 dl dt img { 
   display: block;
   width: 100%;
}
.like .dep2 dl dd { 
   float: left;
   width: calc(100% - 115px);
}
.like .dep2 dl dd p { 
   color: #ea5757;
   margin-top: 0;
}

.dep2 > div { 
   float: left;
   padding-top: 50px;
}
.like .dep2 .nav-box { 
   float: unset;
   padding-top: 0;
   display: table;
   margin: 10px auto 0;
   width: 60px;
   overflow: hidden;
}
.like .dep2 .nav-box button { 
   display: block;
   width: 10px;
   height: 17px;
}
.like .dep2 .nav-box button img { 
   display: block;
   width: 100%;
}
.like .dep2 .nav-box .prev { 
   float: left;
}
.like .dep2 .nav-box .next { 
   float: right;
}
.dep2 a { 
   display: table;
   font-weight: 900;
   color: #ea5757;
}
.dep2 a.tit { 
   margin-bottom: 20px;
}
.nav:first-of-type a.tit { 
   margin-bottom: 15px;
}
.nav:nth-of-type(1) a.tit,
.nav:nth-of-type(2) a.tit { 
   letter-spacing: 1px;
}
.dep2 a.in { 
   margin-left: 5px;
   margin-bottom: 15px;
}
.dep2 .box0 { 
   margin-left: 65px;
   margin-right: 70px;
   height: 507px;
}
.dep2 .box1 { 
   margin-left: 440px;
   margin-right: 70px;
   height: 507px;
}
.dep2 .box3 { 
   margin-left: 440px;
   margin-right: 70px;
   height: 507px;
}
.dep2 .box4 { 
   margin-right: 20px;
}
.dep2 .box5 { 
   margin-right: 55px;
}
.dep2 .box4 .in { 
   margin-bottom: 7px;
}
.dep2 .box4 .tit { 
   margin-bottom: 10px;
   margin-top: 20px;
}
.dep2 .box4 .tit:first-of-type { 
   margin-top: 0;
   margin-bottom: 20px;
}


/**********************************
************main*******************
***********************************/
#main { 
   background: url("../img/main_bg.png") no-repeat center top;
   max-height: 1400px;
   overflow-y: hidden;
   background-size: 100%;
   max-width: 1320px;
   margin: 0 auto;
}
#main .sec1 { 
   max-width: 1260px;
   width: 100%;
   margin: 0 auto;
   height: 625px;
   overflow: hidden;
}
#main .sec1::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
#main .sec1 .swiper-slide img { 
   display: block;
   width: 100%;
}
#main .sec2 { 
   height: 340px;
   background: url(../img/sec2_bg.png) no-repeat center bottom;
   background-size: cover;
   max-width: 1290px;
   margin: -3px auto 0;
}
#main .sec2::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
#main .sec2 .l_box { 
   float: left;
   width: 430px;
   padding: 60px 50px 0 75px;
}
#main .sec2 .c_box { 
   float: left;
   width: 430px;
   padding: 120px 60px 0 55px;
}
#main .sec2 .c_box p { 
   color: #ea5757;

   margin-bottom: 15px;
}
#main .sec2 .c_box .search { 
   position: relative;
}
#main .sec2 .c_box .search input { 
   line-height: 40px;
   padding: 0 10px;

   width: calc(100% - 60px);
   border: 0;
}
#main .sec2 .c_box .search button { 
   display: block;
   max-width: 60px;
   position: absolute;
   right: 0;
   top: 0;
   text-align: center;
   color: #fff;
   line-height: 40px;
   border: 0;
   background: #ea5757;
   width: 100%;
}
#main .sec2 .r_box { 
   float: left;
   width: 430px;
   padding: 60px 50px 0 75px;
}
#main .sec2 .tabs:after { 
   content: "";
   display: table;
   clear: both;
}
#main .sec2 .tabs input[type="radio"] { 
   display: none;
}
#main .sec2 .tabs label { 
   line-height: 24px;
   display: inline-block;
   text-align: left;
   padding-right: 7px;
   color: #ea5757;
   cursor: pointer;
   border-bottom: 3px solid transparent;
   -webkit-transition: background-color 150ms ease-in-out;
   transition: background-color 150ms ease-in-out;
   font-weight: bold;
}
#main .sec2 .tabs label:hover { 
   border-bottom-color: #ea5757;
}
#main .sec2 .tabs [id^="tab"]:checked + label { 
   border-bottom: 3px solid #ea5757;
}
#main .sec2 .tab-content { 
   display: none;
   float: left;
   width: 100%;
   padding: 25px 0 0;
   max-height: 165px;
   overflow: hidden;
   line-height: 25px;
   color: #272727;
   min-height: 175px;
}
#main .sec2 #tab1:checked ~ #tab-content1,
#main .sec2 #tab2:checked ~ #tab-content2,
#main .sec2 #tab3:checked ~ #tab-content3,
#main .sec2 #tab4:checked ~ #tab-content4 { 
   display: block;
}
#main .sec2 .tab-content .slick-next { text-indent:-9999px; width: 17px; height: 9px; background: url('../img/ico_bot.png')no-repeat center; background-size:contain; transform:rotate(180deg); position:absolute; right:0; bottom:15px; } 
#main .sec2 .tab-content .slick-prev { text-indent:-9999px; width: 17px; height: 9px; background: url('../img/ico_bot.png')no-repeat center; background-size:contain; position:absolute; right:0; bottom:0; } 

#main .sec3 { 
   height: 440px;
   max-width: 1335px;
   width: 100%;
   margin: 0 auto;
}
#main .sec3 .container { 
   width: 100%;
   max-width: 1260px;
   margin: 0 auto;
}
#main .sec3 .container::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
#main .sec3 .left_box { 
   float: left;
   padding: 30px 0 0 60px;
}
#main .sec3 .left_box .tit { 
   margin-bottom: 35px;
}
#main .sec3 .left_box .tel { 
   font-size: 24px;
   font-weight: 900;
   margin-bottom: 10px;
}
#main .sec3 .left_box .info { 
   line-height: 32px;

   margin-bottom: 30px;
}
#main .sec3 .left_box dl { 
   margin-bottom: 13px;
}
#main .sec3 .left_box dl::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
#main .sec3 .left_box dl dt { 
   float: left;
   width: 100px;
}
#main .sec3 .left_box dl dt a { 
   display: block;
   color: #ea5757;
   font-weight: 900;
}
#main .sec3 .left_box dl dd { 
   float: left;
   width: calc(100% - 100px);
   color: #ea5757;
   font-weight: 900;
}
#main .sec3 .left_box .sns { 
   margin-top: 30px;
}
#main .sec3 .left_box .sns a { 
   display: inline-block;
   margin-right: 10px;
}
#main .sec3 .left_box .sns a img { 
   display: block;
}
#main .sec3 .right_box { 
   float: right;
   padding-right: 40px;
   padding-top: 45px;
}
#main .sec3 .right_box .red { 
   display: inline-block;
   color: #ea5757;
   font-weight: 900;
   line-height: 25px;
}
#main .sec3 .right_box a { 
   display: inline-block;
   color: #ea5757;
}
#main .sec3 .right_box .info { 
   padding-top: 15px;
   line-height: 23px;
}
#main .sec3 .right_box .info b { 
   display: inline-block;
   padding-left: 60px;
   margin-left: 10px;
   background-size: 55px;
   position: relative;
}
#main .sec3 .right_box .info b::before { 
   content: "";
   display: block;
   width: 55px;
   height: 55px;
   background: url("../img/haccp.png") no-repeat left center;
   background-size: contain;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

footer { 
   height: 540px;
   max-width: 1317px;
   width: 100%;
   margin: 0 auto;
   background: url("../img/footer_bg.png") no-repeat center top;
   background-size: 100%;
}
footer * { 
   font-weight: 400;
}
footer .container { 
   width: 100%;
   max-width: 1260px;
   margin: 0 auto;
}
footer .container::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
footer .left_box { 
   float: left;
   padding-left: 60px;
   padding-top: 130px;
}
footer .left_box .tit { 
   margin-bottom: 35px;
}
footer .left_box .tel { 
   font-size: 24px;
   font-weight: 900;
   margin-bottom: 15px;
}
footer .left_box .info { 
   line-height: 27px;

   margin-bottom: 30px;
}
footer .left_box dl { 
   margin-bottom: 10px;
}
footer .left_box dl::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
footer .left_box dl dt { 
   float: left;
   width: 100px;
   color: #ea5757;
   font-weight: 900;
}
footer .left_box dl dt a { 
   display: inline-block;
   color: #ea5757;
}
footer .left_box dl dd { 
   float: left;
   width: calc(100% - 100px);
   color: #ea5757;
}
footer .left_box .sns { 
   margin-top: 30px;
}
footer .left_box .sns a { 
   display: inline-block;
   margin-right: 10px;
}
footer .left_box .sns a img { 
   display: block;
}
footer .right_box { 
   float: right;
   padding-right: 40px;
   padding-top: 155px;
}
footer .right_box .red a,
footer .right_box .red { 
   display: inline-block;
   color: #ea5757;
   font-weight: 900;
   line-height: 25px;
}
footer .right_box a { 
   display: inline-block;
}
footer .right_box .info { 
   padding-top: 5px;
   line-height: 23px;
}
footer .right_box .info b { 
   display: inline-block;
   padding-left: 60px;
   margin-left: 10px;
   background-size: 55px;
   position: relative;
}
footer .right_box .info b::before { 
   content: "";
   display: block;
   width: 55px;
   height: 55px;
   background: url("../img/haccp.png") no-repeat left center;
   background-size: contain;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

/* 이용약관, 개인정보처리방침 팝업 */
.agree_pop { 
   display: none;
   position: fixed;
   width: 500px;
   background: #fff;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   padding: 90px 45px 75px;
   z-index: 100;
   overflow: hidden;
}
.agree_pop .tit { 
   text-align: center;
   color: #ea5757;
   margin-bottom: 55px;
}
.agree_pop .info {
  overflow-y: scroll;
  max-height: 320px;
  padding: 0 40px;
}
.agree_pop .info p { 
   color: #a4a4a4;
   line-height: 27px;
   font-weight: 300;
}
.agree_pop .info span { 
   display: block;
   color: #272727;
   line-height: 27px;
}
.pop_close { 
   position: absolute;
   right: 45px;
   top: 50px;
}
.bot_close { 
   display: table;
   margin: 45px auto 0;
   line-height: 27px;
   text-align: center;
   width: 80px;
   background: #ebebeb;
   color: #a4a4a4;
}

/*서브상단*/
.sub_top { 
   max-width: 1260px;
   margin: 0 auto;
   background: #fff;
}
.sub_top .motion { 
   opacity: 0;
   transition: all 1s;
   position: relative;
   top: -50px;
}
.sub_top .motion.active { 
   opacity: 1;
   top: 0;
   max-height:507px;
   overflow: hidden;
}
.sub_top .motion img { 
   display: block;
   max-width: 100%;
}
.sub_top .container { 
   width: 100%;
   max-width: 1140px;
   margin: 0 auto;
}
.sub_top .container .status { 
   padding-top: 65px;
   padding-bottom: 20px;
}
.sub_top .container .status img { 
   display: inline-block;
   margin-right: 7px;
   vertical-align: bottom;
}
.sub_top .container .status p { 
   display: inline-block;
   padding-left: 12px;
   margin-left: 5px;
   line-height: 18px;

   background: url("../img/ico_arrow.png") no-repeat left center;
   background-size: 6px;
}

/*서브탭*/
.subtab ul { 
   display: table;
   width: 100%;
}
.subtab ul::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.subtab ul li { 
   float: left;
}
.subtab ul.col1 li { 
   width: 100%;
}
.subtab ul.col2 li { 
   width: 50%;
}
.subtab ul.col3 li { 
   width: 33.333%;
}
.subtab ul.col4 li { 
   width: 25%;
}
.subtab ul.col5 li { 
   width: 20%;
}
.subtab ul li a { 
   display: block;
   color: #ea5757;
   text-align: center;
   line-height: 50px;
   border-bottom: 2px solid #ebebeb;
}
.subtab ul li.on a { 
   border-color: #1c1c1c;
}

.subtab ul.cart { 
   margin: 0 auto;
   width: 530px;
}
.subtab ul.cart li { 
   width: 33.333%;
   padding-right: 1px;
   padding-top: 55px;
}
.subtab ul.cart li a { 
   line-height: 80px;
   color: #a4a4a4;
   position: relative;
   border: 0;
}
.subtab ul.cart li a::before { 
   content: "";
   width: 20px;
   height: 40px;
   display: block;
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;
   border-left: 20px solid #ebebeb;
   position: absolute;
   right: -20px;
   bottom: 20px;
   z-index: 1;
}
.subtab ul.cart li:last-of-type a::before { 
   display: none;
}
.subtab ul.cart li.on a { 
   background-color: #fff;
   color: #272727;
   border: 1px solid #ebebeb;
   line-height: 78px;
}
.subtab ul.cart li.on a::before { 
   border-left: 20px solid #fff;
}
.subtab ul.cart li.on a::after { 
   content: "";
   display: block;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: -55px;
   z-index: 1;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}
.subtab ul.cart li:first-of-type.on a::after { 
   width: 52px;
   height: 70px;
   /*background-image: url("../img/tab_after1.png");*/
}
.subtab ul.cart li:nth-of-type(2).on a::after { 
   width: 53px;
   height: 70px;
   /*background-image: url("../img/tab_after2.png");*/
}
.subtab ul.cart li:last-of-type.on a::after { 
   width: 58px;
   height: 70px;
   /*background-image: url("../img/tab_after3.png");*/
}

.intab1 { 
   margin-top: 65px;
}
.intab1 ul::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.intab1 ul li { 
   float: left;
   padding-right: 1px;
}
.intab1.col1 ul li { 
   width: 100%;
}
.intab1.col2 ul li { 
   width: 50%;
}
.intab1.col3 ul li { 
   width: 33.3333%;
}
.intab1.col4 ul li { 
   width: 25%;
}
.intab1 ul li:last-of-type { 
   padding-right: 0;
}
.intab1 ul li a { 
   display: block;
   text-align: center;
   line-height: 37px;
   color: #a4a4a4;
   background: #ebebeb;
   border: 1px solid #ebebeb;
   transition: .2s;
}
.intab1 ul li a:hover { 
   color:#272727;
}
.intab1 ul li a.on { 
   color: #272727;
   background: #fff;
   border-bottom: 0;
}
.intab2 { 
   display: table;
   margin: 0 auto;
   padding: 40px 0 35px;
}
.intab2 ul::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.intab2 li { 
   display: inline-block;
   margin-right: 10px;
}
.intab2 li:last-of-type { 
   margin-right: 0;
}
.intab2 li a { 
   display: inline-block;
   color: #a4a4a4;
}
.intab2 li a.on { 
   color: #272727;
}
.intab1.member_tab { 
   width: 570px;
   display: table;
   margin: 110px auto 0;
   padding-bottom: 50px;
   padding-top: 133px;
   background-repeat: no-repeat;
   background-size: 157px;
   background-position: right 10px top;
}

#sub { 
   max-width: 1260px;
   background: #fff;
   margin: 0 auto;
   width: 100%;
}
#sub * { 
   font-size:12px;
}
#sub2 { 
   max-width: 1260px;
   background: #fff;
   margin: 0 auto;
   width: 100%;
}
.content { 
   width: 100%;
   padding: 85px 60px;
   margin: 0 auto;
   background: #fff;
}

/*(주)웅자네푸드 웅이네오돌뼈 소개 - 뉴스*/
.sub1_1 .title { 
   background: #ebebeb;
   padding: 60px;
}
.sub1_1 .title p { 
   line-height: 1.2;
   margin-bottom: 20px;
}
.sub1_1 .title span { 
   display: block;
}
.sub1_1 .info { 
   padding: 45px 60px;
}
.sub1_1 .info p { 
   color: #a4a4a4;

   line-height: 30px;
}
.sub1_1 .pager { 
   border-top: 1px solid #ebebeb;
   padding: 35px 45px;
   position: relative;
}
.sub1_1 .pager::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.sub1_1 .pager a { 
   display: inline-block;
   color: #a4a4a4;
}
.sub1_1 .pager .prev { 
   float: left;
   padding-left: 15px;
   position: relative;
}
.sub1_1 .pager .prev::before { 
   content: "<";
   display: block;
   color: #a4a4a4;
   position: absolute;
   left: 0;
   top: 0;
}
.sub1_1 .pager .list { 
   position: absolute;
   top: 35px;
   left: 50%;
   transform: translateX(-50%);
}
.sub1_1 .pager .next { 
   float: right;
   padding-right: 15px;
   color: #272727;
   position: relative;
}
.sub1_1 .pager .next::before { 
   content: ">";
   display: block;
   color: #272727;
   position: absolute;
   right: 0;
   top: 0;
}

/*(주)웅자네푸드 웅이네오돌뼈 소개 - 기업정보*/
.sub1_2 img { 
   display: block;
   width: 100%;
   margin: 0 auto;
}

/*(주)웅자네푸드 웅이네오돌뼈 소개 - 대표인사말*/
.sub1_3 img { 
   display: block;
   width: 100%;
   margin: 0 auto;
}

/*(주)웅자네푸드 웅이네오돌뼈 소개 - CI/BI */
.sub1_4 img { 
   display: block;
   width: 100%;
   margin: 0 auto;
}

/*(주)웅자네푸드 웅이네오돌뼈 소개 - 오시는 길 */
.sub1_5 .root_daum_roughmap { 
   width:100%;
   height: 570px;
}
.sub1_5 .root_daum_roughmap .wrap_controllers { 
   display: none;
}
.sub1_5 .root_daum_roughmap .wrap_map { 
   height: 100% !important;
}
.sub1_5 .root_daum_roughmap .wrap_map span { 
   display: none;
}
.sub1_5 img { 
   display: block;
   width: 100%;
   margin: 0 auto;
}

/* 온라인장터 [ 단품 ] - 온라인장터 */
.sub2_1 { 
   padding: 15px 0 0;
}
.sub2_1 .title { 
   color: #ea5757;
   font-weight: 0600;
   text-align: center;
   margin-bottom: 50px;
}
.sub2_1 .prolist { 
   text-align: center;
   margin: 0 auto;
}
.sub2_1 .prolist::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.sub2_1 .prolist li { 
   display:inline-block;
   width: 377px;
   margin-bottom: 60px;
   position: relative;
}
.sub2_1 .prolist li a { 
   display: block;
   text-align: center;
}
.sub2_1 .prolist li a p:last-of-type {
    color:#ea5757;
}
.sub2_1 .prolist.best li a::before { 
   content: "";
   width: 51px;
   height: 105px;
   position: absolute;
   left: 50px;
   top: -13px;
   display: block;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   z-index: 1;
   pointer-events: visible;
}
.sub2_1 .prolist.best:first-of-type li:first-of-type a::before { 
   background-image: url("../img/best1.png");
}
.sub2_1 .prolist.best:first-of-type li:nth-of-type(2) a::before { 
   background-image: url("../img/best2.png");
}
.sub2_1 .prolist.best:first-of-type li:nth-of-type(3) a::before { 
   background-image: url("../img/best3.png");
}
.sub2_1 .prolist li a .img-box { 
   overflow: hidden;
   position: relative;
}
.sub2_1 .prolist li a .img-box::before { 
   content: "";
   display: block;
   opacity: 0;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 68px;
   height: 68px;
   background: url("../img/more_btn.png") no-repeat center;
   background-size: contain;
   transition: 0.3s ease-out;
}
.sub2_1 .prolist li a:hover .img-box::before { 
   opacity: 1;
   z-index: 1;
}
.sub2_1 .prolist li a .img-box img { 
   display: block;
   width: 100%;
   transition: all 0.3s;
}
.sub2_1 .prolist li a:hover img { 
   transform: scale(1.1);
}
.sub2_1 .prolist li a .name { 
   margin: 30px auto 10px;
   color: #a4a4a4;

   text-transform: uppercase;
}
.sub2_1 .prolist li a .name span { 
   display: inline-block;
   color: #ea5757;
}
.sub2_1 .prolist li a .price { 
   color: #a4a4a4;

   margin-bottom: 10px;
}

/* 온라인장터 [ 단품 ] - 온라인장터 - 상품정보 */
.sub2_11 .intro::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.sub2_11 .intro > div { 
   float: left;
   width: 570px;
}
.sub2_11 .intro .left img { 
   width: 100%;
}
.sub2_11 .intro .left .mySwiper2 { 
   margin-bottom: 20px;
}
.sub2_11 .intro .left .mySwiper { 
   display: table;
   margin-bottom: 90px;
}
.sub2_11 .intro .left p { 
   position: relative;
   padding-left: 5px;
   margin-left: 10px;
   line-height: 25px;
   color: #a4a4a4;
}
.sub2_11 .intro .left p::before { 
   content: "";
   display: block;
   width: 1px;
   height: 1px;
   background: #272727;
   position: absolute;
   left: 0;
   top: 11px;
}
.sub2_11 .intro .left .mySwiper .swiper-slide { 
   max-width: 77px;
   max-height: 77px;
}
.sub2_11 .intro .right { 
   padding: 60px 0 0 110px;
}
.sub2_11 .intro .right .info { 
   color: #ea5757;
   line-height: 30px;
   margin-bottom: 65px;
}
.sub2_11 .intro .right dl::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.sub2_11 .intro .right dl dt { 
   float: left;
   width: 115px;
   line-height: 30px;
}
.sub2_11 .intro .right dl dd { 
   float: left;
   width: calc(100% - 115px);
   line-height: 30px;
   color: #a4a4a4;
}
.sub2_11 .intro .right dl dd.point { 
   color: #272727;
}
.sub2_11 .intro .right .origin { 
   margin-top: 95px;
   color: #a4a4a4;
   line-height: 25px;
   margin-bottom: 20px;
}
.sub2_11 .intro .right .origin span { 
   display: block;
   color: #272727;
}
.sub2_11 .intro .right .selectBox { 
   display: table;
   margin-left: auto;
   position: relative;
   z-index: 1;
   margin-bottom: 2px;
}
.sub2_11 .intro .right .selectBox:after { 
   content: "V";
   display: block;
   font-size: 12px;
   position: absolute;
   top: 50%;
   right: 20px;
   color: #272727;
   transform: translateY(-50%);
}
.sub2_11 .intro .right .selectBox .label { 
   width: 170px;
   height: 40px;
   cursor: pointer;
   background: #ebebeb;
   text-align: left;
   padding-left: 15px;
}
.sub2_11 .intro .right .selectBox .optionList { 
   position: absolute;
   top: 35px;
   left: 0;
   width: 100%;
   overflow: hidden;
   max-height: 0;
   padding-left: 15px;
   background: #ebebeb;
}
.sub2_11 .intro .right .selectBox.active { 
   z-index: 10;
}
.sub2_11 .intro .right .selectBox.active .optionList { 
   max-height: 500px;
   padding-bottom: 15px;
}
.sub2_11 .intro .right .selectBox .optionItem { 
   line-height: 25px;
   cursor: pointer;
   color: #a4a4a4;
}
.sub2_11 .intro .right .selectBox .optionItem:hover { 
   color: #272727 !important;
}
.sub2_11 .intro .right .option { 
   margin-top: 260px;
}
.sub2_11 .intro .right .option .box { 
   padding: 50px 55px 55px 40px;
   border: 1px solid #ebebeb;
}
.sub2_11 .intro .right .option .box .in::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.sub2_11 .intro .right .option .box .in { 
   margin-bottom: 4px;
}
.sub2_11 .intro .right .option .box .in:last-of-type { 
   margin-bottom: 25px;
}
.sub2_11 .intro .right .option .box .in .name { 
   float: left;
   width: 207px;
   line-height: 24px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.sub2_11 .intro .right .option .box .in .ea { 
   float: left;
   width: 74px;
}
.sub2_11 .intro .right .option .box .in .ea::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.sub2_11 .intro .right .option .box .in .ea span { 
   float: left;
   display: inline-block;
   line-height: 23px;
   text-align: center;
   color: #8d8d8d;
   border-bottom: 1px solid #e0e0e0;
   margin-right: 1px;
   width: 24px;
}
.sub2_11 .intro .right .option .box .in .ea .btn_box { 
   float: left;
   width: 24px;
   height: 24px;
   position: relative;
   margin-right: 1px;
   background: #eaeaea;
}
.sub2_11 .intro .right .option .box .in .ea .btn_box .up { 
   display: block;
   text-align: center;
   padding-top: 5px;
   color: #9f9f9f;
   width: 100%;
   height: 12px;
   margin-left: 0.5px;
}
.sub2_11 .intro .right .option .box .in .ea .btn_box .down { 
   display: block;
   text-align: center;
   height: 12px;
   color: #9f9f9f;
   width: 100%;
   transform: rotate(180deg);
   padding-top: 5px;
}
.sub2_11 .intro .right .option .box .in .ea .del { 
   float: left;
   line-height: 24px;
   color: #7f7f7f;
   display: block;
   text-align: center;
   background: #eaeaea;
   width: 24px;
}
.sub2_11 .intro .right .option .box .in .won { 
   float: right;
   line-height: 24px;
   color: #a4a4a4;
   font-weight: 900;
}
.sub2_11 .intro .right .option .box .total { 
   text-align: right;
   color: #ea5757;
}
.sub2_11 .intro .right .option .box .total span { 
   display: inline-block;
   font-weight: 900;
   margin-left: 15px;
   color: #ea5757;
}
.sub2_11 .intro .right .option ul { 
   display: table;
   margin: 15px 0 15px auto;
}
.sub2_11 .intro .right .option ul::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.sub2_11 .intro .right .option ul li { 
   float: left;
   width: 103px;
   margin-left: 1px;
}
.sub2_11 .intro .right .option ul li a { 
   text-align: center;
   display: block;
   line-height: 28px;
   color: #959595;
   background: #ebebeb;
}
.sub2_11 .intro .right .option ul li a.red { 
   background: #ea5757;
   color: #fff;
}
.sub2_11 .intro .right .option .like { 
   padding: 10px 0;
   border-top: 1px solid #ebebeb;
   border-bottom: 1px solid #ebebeb;
   overflow: hidden;
}
.sub2_11 .intro .right .option .like p { 
   float: left;
   padding-left: 5px;
   color: #a4a4a4;
   line-height: 33px;
   width: calc(100% - 207px);
}
.sub2_11 .intro .right .option .like a img { 
   display: block;
   width: 100%;
}
.sub2_11 .intro .right .option .like .naver { 
   float: left;
   width: 169px;
   margin-right: 1px;
}
.sub2_11 .intro .right .option .like .naver_like { 
   float: left;
   width: 37px;
}

/* 온라인장터 [ 단품 ] - 온라인장터 - 구매후기 */
.review .tit { 
   color: #ea5757;
   margin-bottom: 20px;
}
.review .tabs { 
   position: relative;
   box-sizing: border-box;
   overflow: hidden;
}
.review .tabs-header { 
   overflow: hidden;
   position: relative;
}
.review .tabs-header::before { 
   content: "";
   display: block;
   position: absolute;
   right: 0;
   bottom: 0;
   width: calc(100% - 459px);
   height: 1px;
   background: #ebebeb;
}
.review .tabs-header ul::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.review .tabs-header li { 
   float: left;
   width: 229px;
   margin-right: 1px;
   -webkit-transition: 0.3s ease;
   transition: 0.3s ease;
}
.review .tabs-header a { 
   display: block;
   text-align: center;
   line-height: 38px;
   color: #a4a4a4;
   background: #ebebeb;
   border: 1px solid #ebebeb;
}
.review .tabs-header li.active a { 
   background: #fff;
   border-bottom: 0;
   color: #272727;
}
.review .tabs-content { 
   position: relative;
   padding: 35px 0 55px;
   -webkit-transition: 0.3s ease;
   transition: 0.3s ease;
   overflow: hidden;
   border-bottom: 1px solid #ebebeb;
}
.review .tabs-content .tab { 
   display: none;
}
.review .tabs-content .tab .top { 
   color: #a4a4a4;
   line-height: 25px;
}
.review .tabs-content .tab.active { 
   display: block;
}
.review .tabs-content .tab input { 
   background: none;
   border: 0;
   position: absolute;
   right: 0;
   height: 15px;
   margin-top: -20px;
   cursor: pointer;
   transform: rotate(180deg);
}
.review .tabs-content .tab .re_more { 
   padding-top: 60px;
   line-height: 25px;
}
.review .tabs-content .tab .re_more img { 
   display: block;
   margin: 0 auto 40px;
}
.review .tabs-content .tab .re_more p { 
   text-align: left;
   padding-left: 230px;
   color: #a4a4a4;
   line-height: 25px;
}

/* 온라인장터 [ 단품 ] - 고객센터 - 쇼핑안내 - 마일리지 */
.sub2_21 .content { 
   padding-top: 0;
}
.sub2_21 .sec_tit { 
   color: #ea5757;
   margin-bottom: 50px;
}
.sub2_21 .info { 
   color: #a4a4a4;
   line-height: 33px;
}
.sub2_21 .my { 
   display: table;
   margin-left: auto;
   margin-bottom: 10px;
   min-width: 80px;
   padding: 0 10px;
   text-align: center;
   color: #a4a4a4;
   background-color: #ebebeb;
   line-height: 27px;
   transition: .2s;;
}
.sub2_21 .my:hover { 
   color:#272727;
}
.sub2_21 .mileage { 
   margin-bottom: 65px;
   background: #eee;
   padding: 65px 260px;
}
.sub2_21 .mileage span { 
   display: block;
   color: #a4a4a4;
   margin-bottom: 35px;
}
.sub2_21 .mileage .box { 
   position: relative;
   padding-bottom: 5px;
   border-bottom: 1px solid #dbdbdb;
   padding-right: 130px;
}
.sub2_21 .mileage p { 
   display: inline-block;
   color: #a4a4a4;
   line-height: 27px;
}
.sub2_21 .mileage button { 
   position: absolute;
   right: 0;
   top: 0;
   display: inline-block;
   color: #a4a4a4;
   background-color: #dbdbdb;
   line-height: 28px;
   width: 130px;
   transition: .2s;
}
.sub2_21 .mileage button:hover { 
   color:#272727;
}

.sub2_21 .list { 
   position: relative;
}
.sub2_21 .list p { 
   color: #a4a4a4;
   line-height: 27px;
}
.sub2_21 .list p span { 
   color: #272727;
   display: inline-block;
   margin-right: 30px;
}
.sub2_21 .list a { 
   display: inline-block;
   position: absolute;
   right: 0;
   top: 0;
   min-width: 80px;
   padding: 0 10px;
   text-align: center;
   color: #a4a4a4;
   background-color: #ebebeb;
   line-height: 28px;
   transition: .2s;
}
.sub2_21 .list a:hover { 
   color:#272727;
}

/* 온라인장터 [ 단품 ] - 고객센터 - 쇼핑안내 - 주문, 영수증 */
.sub2_22 .content { 
   padding-top: 0;
}
.sub2_22 .sec_tit { 
   color: #ea5757;
}
.sub2_22 .box { 
   margin-top: 60px;
   background-color: #e6e6e6;
   padding: 110px 0 90px;
   margin-bottom: 55px;
}
.sub2_22 .box .status { 
   display: table;
   margin: 0 auto 80px;
}
.sub2_22 .box .status li { 
   float: left;
   padding-right: 70px;
   margin-right: 50px;
   position: relative;
   color: #ea5757;
}
.sub2_22 .box .status li:before { 
   content: ">";
   font-size: 12px;
   color: #ea5757;
   position: absolute;
   right: 0;
   top: 0;
   display: block;
}
.sub2_22 .box .status li:last-of-type { 
   padding-right: 0;
   margin-right: 0;
}
.sub2_22 .box .status li:last-of-type:before { 
   display: none;
}
.sub2_22 .box .poss { 
   display: table;
   margin: 0 auto;
   overflow: hidden;
}
.sub2_22 .box .poss .inner { 
   float: left;
   margin-right: 170px;
   padding-right: 160px;
   position: relative;
}
.sub2_22 .box .poss .inner::before { 
   content: ">";
   font-size: 12px;
   color: #ea5757;
   position: absolute;
   right: 0;
   top: 20px;
   display: block;
}
.sub2_22 .box .poss .inner:last-of-type { 
   padding-right: 0;
   margin-right: 0;
}
.sub2_22 .box .poss .inner:last-of-type::before { 
   display: none;
}
.sub2_22 .box .poss .inner span { 
   color: #ea5757;
   display: block;
   text-align: center;
   margin-bottom: 20px;
}
.sub2_22 .box .poss .inner p { 
   color: #a4a4a4;
   line-height: 20px;
   margin-bottom: 20px;
   text-align: center;
}
.sub2_22 .box .poss .inner a { 
   display: table;
   margin: 0 auto;
   background-color: #fff;
   width: 80px;
   text-align: center;
   color: #a4a4a4;
   line-height: 28px;
   transition: .2s;
}
.sub2_22 .box .poss .inner a:hover { 
   color:#272727;
}
.sub2_22 .info { 
   color: #a4a4a4;
   line-height: 25px;
   margin-top: 40px;
}

/* 온라인장터 [ 단품 ] - 고객센터 - 쇼핑안내 - 주문취소, 배송, 교환 및 반품 */
.sub2_23 .content { 
   padding-top: 0;
}
.sub2_23 .sec_tit { 
   color: #ea5757;
}
.sub2_23 .info { 
   position: relative;
}
.sub2_23 .info span { 
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   line-height: 33px;
}
.sub2_23 .info p { 
   color: #a4a4a4;
   line-height: 33px;
}
.sub2_23 .info a { 
   position: absolute;
   right: 0;
   bottom: 3px;
   line-height: 27px;
   text-align: center;
   color: #a4a4a4;
   background-color: #ebebeb;
}
.sub2_23 .cancle { 
   margin-top: 55px;
   margin-bottom: 110px;
   background-color: #e6e6e6;
   padding: 135px 0 120px;
}
.sub2_23 .cancle .box { 
   display: table;
   margin: 0 auto;
}
.sub2_23 .cancle .box::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.sub2_23 .cancle .box .inner { 
   float: left;
   margin-right: 170px;
   padding-right: 160px;
   position: relative;
}
.sub2_23 .cancle .box .inner::before { 
   content: ">";
   font-size: 12px;
   color: #ea5757;
   position: absolute;
   right: 0;
   top: 20px;
   display: block;
}
.sub2_23 .cancle .box .inner:last-of-type { 
   padding-right: 0;
   margin-right: 0;
}
.sub2_23 .cancle .box .inner:last-of-type::before { 
   display: none;
}
.sub2_23 .cancle .box .inner p { 
   color: #ea5757;
   line-height: 25px;
   margin-bottom: 20px;
   text-align: center;
}
.sub2_23 .cancle .box .inner a { 
   display: table;
   margin: 0 auto;
   background-color: #fff;
   width: 80px;
   text-align: center;
   line-height: 27px;
   color: #a4a4a4;
   transition: all .2s;
}
.sub2_23 .cancle .box .inner a:hover { 
   color:#272727;
}

.sub2_23 .deliver { 
   padding-bottom: 80px;
}
.sub2_23 .deliver .box { 
   padding: 90px 0;
   background-color: #e6e6e6;
   margin: 50px 0;
}
.sub2_23 .deliver .box ul { 
   display: table;
   margin: 0 auto;
}
.sub2_23 .deliver .box ul li { 
   float: left;
   padding-right: 70px;
   margin-right: 50px;
   position: relative;
   color: #ea5757;
}
.sub2_23 .deliver .box ul li:before { 
   content: ">";
   font-size: 12px;
   color: #ea5757;
   position: absolute;
   right: 0;
   top: 0;
   display: block;
}
.sub2_23 .deliver .box ul li:last-of-type { 
   padding-right: 0;
   margin-right: 0;
}
.sub2_23 .deliver .box ul li:last-of-type:before { 
   display: none;
}

.sub2_23 .deliver .info p { 
   padding-left: 90px;
}
.sub2_23 .deliver .info a { 
   width: 80px;
   transition: .2s;
}
.sub2_23 .return .info a:hover,
.sub2_23 .deliver .info a:hover { 
   color:#272727;
}
.sub2_23 .return .box { 
   margin: 50px 0;
   background-color: #e6e6e6;
   padding: 60px 0;
}
.sub2_23 .return .box ul { 
   display: table;
   margin: 0 auto;
}
.sub2_23 .return .box ul li { 
   float: left;
   padding-right: 70px;
   margin-right: 50px;
   position: relative;
   text-align: center;
   min-height: 115px;
   display: table;
}
.sub2_23 .return .box ul li:before { 
   content: ">";
   font-size: 12px;
   color: #ea5757;
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -6px;
   display: block;
}
.sub2_23 .return .box ul li:last-of-type { 
   padding-right: 0;
   margin-right: 0;
}
.sub2_23 .return .box ul li:last-of-type:before { 
   display: none;
}
.sub2_23 .return .box ul li span { 
   vertical-align: middle;
   display: table-cell;
   color: #ea5757;
   line-height: 25px;
}
.sub2_23 .return .box ul li a { 
   display: table;
   margin: 15px auto 0;
   width: 80px;
   line-height: 27px;
   text-align: center;
   color: #a4a4a4;
   background-color: #fff;
   transition: .2s;
}
.sub2_23 .return .box ul li a:hover {
   color:#272727;
}
.sub2_23 .return .info p { 
   padding-left: 110px;
}
.sub2_23 .return .info a { 
   width: 95px;
   transition: .2s;
}

/* 온라인장터 [ 단품 ] - 고객센터 - 1 : 1 고객의 소리 */
.sub2_24 {
   padding: 85px 60px;
}
.sub2_24 .sec_tit { 
   padding-bottom: 85px;
   text-align: center;
   color: #ea5757;
}
.sub2_24 .box_wrap { 
   display: table;
   margin: 0 auto;
}
.sub2_24 .box::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.sub2_24 .box .tit { 
   float: left;
   width: 140px;
   line-height: 35px;
}
.sub2_24 .box .in { 
   border-bottom: 1px solid #ebebeb;
   float: left;
   width: 290px;
   margin-right: 25px;
   padding: 5px;
}
.sub2_24 .box .in input[type="text"] { 
   line-height: 24px;
   border: 0;
   width: 100%;
}
.sub2_24 .box .in input[type="text"]::placeholder { 
   color: #a4a4a4;
}
.sub2_24 .box .add { 
   float: left;
   width: 90px;
   text-align: center;
   line-height: 27px;
   background-color: #ebebeb;
   color: #a4a4a4;
   margin-right: 15px;
   margin-top: 8px;
}
.sub2_24 .box span { 
   display: inline-block;
   color: #a4a4a4;
   margin-top: 8px;
   line-height: 27px;
}
.sub2_24 .box.numb .in { 
   overflow: hidden;
}
.sub2_24 .box.numb .in select { 
   float: left;
   height: 24px;
   border: 0;
   width: 50px;
   color: #a4a4a4;
}
.sub2_24 .box.numb .in input[type="text"] { 
   float: left;
   width: calc(100% - 50px);
}

.sub2_24 .box .selectBox { 
   float: left;
   display: inline-block;
   margin-left: auto;
   position: relative;
   z-index: 1;
}
.sub2_24 .box .selectBox:after { 
   content: "∨";
   display: block;
   position: absolute;
   top: 50%;
   right: 25px;
   color: #a4a4a4;
   transform: translateY(-50%);
}
.sub2_24 .box .selectBox .label { 
   width: 160px;
   height: 35px;
   cursor: pointer;
   background: #ebebeb;
   text-align: left;
   padding-left: 20px;
   color: #a4a4a4;
}
.sub2_24 .box .selectBox .optionList { 
   position: absolute;
   top: 35px;
   left: 0;
   width: 100%;
   overflow: hidden;
   max-height: 0;
   padding-left: 20px;
   background: #ebebeb;
}
.sub2_24 .box .selectBox.active { 
   z-index: 10;
}
.sub2_24 .box .selectBox.active .optionList { 
   max-height: 500px;
   padding-bottom: 15px;
}
.sub2_24 .box .selectBox .optionItem { 
   line-height: 27px;
   cursor: pointer;
   color: #a4a4a4;
}
.sub2_24 .box .selectBox .optionItem:hover { 
   color: #272727;
}
.sub2_24 .box textarea { 
   width: 100%;
   border: 0;
   height: 100px;
   line-height: 24px;
   resize: none;
}
.sub2_24 .box textarea::placeholder { 
   color: #a4a4a4;
}

.sub2_24 .send { 
   display: table;
   margin: 130px auto 0;
   width: 90px;
   text-align: center;
   line-height: 27px;
   background-color: #ebebeb;
   color: #a4a4a4;
}

/* 배달장터 [ 상차림상품 ] */
p.menu_info { 
   color: #a4a4a4;
   line-height: 25px;
}
p.menu_info span { 
   display: inline-block;
   color: #272727;
}
a.store { 
   display: table;
   margin: 60px auto 0;
   width: 105px;
   text-align: center;
   background-color: #ebebeb;
   color: #a4a4a4;
   line-height: 28px;
   transition: 0.2s;
}
a.store:hover { 
   color: #272727;
}
/* 배달장터 [ 상차림상품 ] - 웅이네상차림 */
.menu_wrap { 
   position: relative;
   margin-bottom: 80px;
}
.menu_wrap .intro { 
   position: absolute;
   width: 50%;
   top: 55px;
   right: 0;
   padding-left: 45px;
   padding-right: 55px;
}
.menu_wrap .intro span { 
   display: block;
   color: #ea5757;
   margin-bottom: 40px;
}
.menu_wrap .intro p { 
   color: #a4a4a4;
   line-height: 27px;
}

.mySwiper .swiper-button-prev { 
   left: 0;
   opacity: 1;
   cursor: pointer;
   z-index: 2;
   margin-top: -85px;
}
.mySwiper .swiper-button-next { 
   right: 0;
   opacity: 1;
   cursor: pointer;
   z-index: 2;
   margin-top: -85px;
}
.mySwiper .swiper-button-prev:after,
.mySwiper .swiper-rtl .swiper-button-next:after { 
   content: "<";
   font-size: 12px;
   color: #272727;
   width: 35px;
   height: 70px;
   background: #ebebeb;
   line-height: 70px;
   text-align: center;
}
.mySwiper .swiper-button-next:after,
.mySwiper .swiper-rtl .swiper-button-prev:after { 
   content: ">";
   font-size: 12px;
   color: #272727;
   width: 35px;
   height: 70px;
   background: #ebebeb;
   line-height: 70px;
   text-align: center;
}
.menu_wrap .mySwiper1 .swiper-slide::after,
.menu_wrap .mySwiper3 .swiper-slide::after,
.menu_wrap .mySwiper5 .swiper-slide::after,
.menu_wrap .mySwiper7 .swiper-slide::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.menu_wrap .mySwiper1 .swiper-slide img,
.menu_wrap .mySwiper3 .swiper-slide img,
.menu_wrap .mySwiper5 .swiper-slide img,
.menu_wrap .mySwiper7 .swiper-slide img { 
   float: left;
   width: 50%;
}
.menu_wrap .mySwiper2,
.menu_wrap .mySwiper4,
.menu_wrap .mySwiper6,
.menu_wrap .mySwiper8 { 
   position: absolute;
   right: 0;
   width: 50%;
   bottom: 60px;
   padding-left: 50px;
   overflow: inherit;
}
.menu_wrap .mySwiper2 .swiper-wrapper,
.menu_wrap .mySwiper4 .swiper-wrapper,
.menu_wrap .mySwiper6 .swiper-wrapper,
.menu_wrap .mySwiper8 .swiper-wrapper { 
   display: block;
   transform: unset !important;
}
.menu_wrap .mySwiper2 .swiper-slide,
.menu_wrap .mySwiper4 .swiper-slide,
.menu_wrap .mySwiper6 .swiper-slide,
.menu_wrap .mySwiper8 .swiper-slide { 
   cursor: pointer;
   padding-top: 10px;
   margin-top: 25px;
}
.menu_wrap .mySwiper2 .swiper-slide p,
.menu_wrap .mySwiper4 .swiper-slide p,
.menu_wrap .mySwiper6 .swiper-slide p,
.menu_wrap .mySwiper8 .swiper-slide p { 
   margin-bottom: 10px;
}
.menu_wrap .mySwiper2 .swiper-slide span,
.menu_wrap .mySwiper4 .swiper-slide span,
.menu_wrap .mySwiper6 .swiper-slide span,
.menu_wrap .mySwiper8 .swiper-slide span { 
   color: #a4a4a4;
   display: block;
   transition: 0.2s;
}
.menu_wrap .mySwiper2 .swiper-slide:hover span,
.menu_wrap .mySwiper4 .swiper-slide:hover span,
.menu_wrap .mySwiper6 .swiper-slide:hover span,
.menu_wrap .mySwiper8 .swiper-slide:hover span { 
   color: #272727;
}
.menu_wrap .mySwiper2 .swiper-slide b,
.menu_wrap .mySwiper4 .swiper-slide b,
.menu_wrap .mySwiper6 .swiper-slide b,
.menu_wrap .mySwiper8 .swiper-slide b { 
   color: #ea5757;
   display: inline-block;
   float: right;
   position: absolute;
   right: 0;
   top: 10px;
}

/* 배달장터 [ 상차림상품 ] - 웅이네상차림 - 오돌뼈 */
.menu_wrap .mySwiper2 .swiper-slide:first-of-type::before { 
   content: "";
   display: block;
   width: 105px;
   height: 27px;
   background: url("../img/bull.png") no-repeat center;
   background-size: contain;
   position: absolute;
   top: 0;
   right: 140px;
}
.menu_wrap .mySwiper2 .swiper-slide:nth-of-type(2)::before { 
   content: "";
   display: block;
   width: 105px;
   height: 27px;
   background: url("../img/bull.png") no-repeat center;
   background-size: contain;
   position: absolute;
   top: 0;
   right: 90px;
}

/* 배달장터 [ 상차림상품 ] - 웅이네상차림 - 닭발 */
.menu_wrap .mySwiper4 .swiper-slide:first-of-type::before { 
   content: "";
   display: block;
   width: 70px;
   height: 27px;
   background: url("../img/bull.png") no-repeat right center;
   position: absolute;
   top: 0;
   right: 190px;
}
.menu_wrap .mySwiper4 .swiper-slide:nth-of-type(3)::before { 
   content: "";
   display: block;
   width: 70px;
   height: 27px;
   background: url("../img/bull.png") no-repeat right center;
   position: absolute;
   top: 0;
   right: 100px;
}
.menu_wrap .mySwiper4 .swiper-slide:last-of-type::before { 
   content: "";
   display: block;
   width: 70px;
   height: 27px;
   background: url("../img/bull.png") no-repeat right center;
   position: absolute;
   top: 0;
   right: 140px;
}
/* 배달장터 [ 상차림상품 ] - 웅이네상차림 - 쭈꾸미 */
.menu_wrap .mySwiper8 .swiper-slide:last-of-type::before { 
   content: "";
   display: block;
   width: 105px;
   height: 27px;
   background: url("../img/bull.png") no-repeat right center;
   background-size: contain;
   position: absolute;
   top: 0;
   right: 90px;
}

/* 배달장터 [ 상차림상품 ] - 사이드, 토핑, 음주류 */
.menu_part ul { 
   display: table;
   margin: 0 auto 70px;
   text-align: center;
}
.menu_part ul:last-of-type { 
   margin-bottom: 90px;
}
.menu_part ul li { 
   float: left;
   padding-right: 1px;
   width: 285px;
   color: #ea5757;
}
.menu_part ul li:last-of-type { 
   padding-right: 0;
}
.menu_part ul li img { 
   display: block;
   width: 100%;
   margin: 0 auto 25px;
}
.menu_part ul li p { 
   color: #ea5757;
   margin-top: 10px;
}

/* 배달장터 [ 상차림상품 ] - 가맹 - 안내 */
.sub3_31 img { 
   display: block;
   width: 100%;
}

/* 배달장터 [ 상차림상품 ] - 가맹 - 개설절차 */
.sub3_32 img { 
   display: block;
   width: 100%;
}

/* 배달장터 [ 상차림상품 ] - 가맹 - 투자비용 */
.sub3_33 img { 
   display: block;
   width: 100%;
}

/* 배달장터 [ 상차림상품 ] - 가맹 - 상담 */
.sub3_34 .content::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.sub3_34 .content > div { 
   float: left;
   width: calc(50% - 30px);
}
.sub3_34 .content .left { 
   margin-right: 60px;
}
.sub3_34 .sec_tit { 
   padding-bottom: 95px;
   color: #ea5757;
}
.sub3_34 .left .box::after { 
   content: "";
   display: block;
   visibility: hidden;
   clear: both;
}
.sub3_34 .left .box .tit { 
   float: left;
   width: 140px;
   line-height: 35px;
}
.sub3_34 .left .box .in { 
   border-bottom: 1px solid #ebebeb;
   float: left;
   width: 260px;
   margin-right: 15px;
   padding: 5px;
}
.sub3_34 .left .box .in input[type="text"] { 
   line-height: 24px;
   border: 0;
   width: 100%;
}
.sub3_34 .left .box .in input[type="text"]::placeholder { 
   color: #a4a4a4;
}
.sub3_34 .left .box.date button { 
   display: inline-block;
   float: left;
   line-height: 35px;
   width: 15px;
}
.sub3_34 .left .box.numb .in { 
   overflow: hidden;
}
.sub3_34 .left .box.numb .in select { 
   float: left;
   height: 24px;
   border: 0;
   width: 75px;
   color: #a4a4a4;
}
.sub3_34 .left .box.numb .in input[type="text"] { 
   float: left;
   width: calc(53% - 75px);
}
.sub3_34 .left .box.numb span { 
   float: left;
   display: inline-block;
   line-height: 24px;
   width: 4%;
   text-align: center;
   color: #a4a4a4;
}
.sub3_34 .left .box.numb button { 
   display: inline-block;
   line-height: 28px;
   text-align: center;
   float: left;
   width: 90px;
   background-color: #ebebeb;
   color: #a4a4a4;
   margin-top: 4px;
}

.sub3_34 .left .box .selectBox { 
   width: 120px;
   float: left;
   display: inline-block;
   margin-left: auto;
   position: relative;
   z-index: 1;
   margin-bottom: 2px;
}
.sub3_34 .left .box .selectBox:after { 
   content: "∨";
   display: block;
   position: absolute;
   top: 50%;
   right: 15px;
   color: #272727;
   transform: translateY(-50%);
}
.sub3_34 .left .box .selectBox .label { 
   width: 100%;
   height: 35px;
   cursor: pointer;
   background: #ebebeb;
   text-align: left;
   padding-left: 20px;
   color: #272727;
}
.sub3_34 .left .box .selectBox .optionList { 
   position: absolute;
   top: 35px;
   left: 0;
   width: 100%;
   overflow: hidden;
   max-height: 0;
   padding-left: 20px;
   background: #ebebeb;
}
.sub3_34 .left .box .selectBox.active { 
   z-index: 10;
}
.sub3_34 .left .box .selectBox.active .optionList { 
   max-height: 500px;
   padding-bottom: 15px;
}
.sub3_34 .left .box .selectBox .optionItem { 
   line-height: 27px;
   cursor: pointer;
   color: #a4a4a4;
}
.sub3_34 .left .box .selectBox .optionItem:hover { 
   color: #272727;
}
.sub3_34 .left .box textarea { 
   width: 100%;
   border: 0;
   height: 90px;
   resize: none;
}
.sub3_34 .left .box textarea::placeholder { 
   color: #a4a4a4;
}

.sub3_34 .left .box.add .tit { 
   height: 70px;
}
.sub3_34 .left .box.add .but { 
   overflow: hidden;
}
.sub3_34 .left .box.add .but input[type="text"] { 
   float: left;
   width: 105px;
   line-height: 34px;
   border: 0;
   border-bottom: 1px solid #ebebeb;
}
.sub3_34 .left .box.add .but button { 
   display: inline-block;
   line-height: 28px;
   text-align: center;
   float: left;
   width: 105px;
   background-color: #ebebeb;
   color: #a4a4a4;
   margin-top: 4px;
}
.sub3_34 .left .box.check .in { 
   overflow: hidden;
}
.sub3_34 .left .box.check .in .chk_box { 
   float: left;
}
.sub3_34 .left .box.check .in .chk_box:first-of-type { 
   margin-right: 40px;
}
.sub3_34 .left .box.check .in .chk_box label { 
   line-height: 22px;
   display: block;
   color: #a4a4a4;
   padding-left: 30px;
   background: url("../img/radio_off.jpg") no-repeat left center;
   background-size: 18px;
   cursor: pointer;
}
.sub3_34 .left .box.check .in .chk_box input[type="radio"]:checked + label { 
   background: url("../img/radio_on.jpg") no-repeat left center;
   background-size: 18px;
}
.sub3_34 .left .box.loca .in .selectBox { 
   width: 105px;
   margin-right: 3px;
   margin-bottom: 0;
}
.sub3_34 .left .box.loca .selectBox.active .optionList { 
   top: 25px;
}
.sub3_34 .left .box.loca .in .selectBox .label { 
   height: 25px;
}
.sub3_34 .left .box.agree .chk_box { 
   float: left;
   width: 260px;
   padding: 0 5px 0;
}
.sub3_34 .left .box.agree .chk_box label { 
   line-height: 35px;
   display: block;
   color: #a4a4a4;
   padding-left: 30px;
   background: url("../img/radio_off.jpg") no-repeat left center;
   background-size: 18px;
   cursor: pointer;
}
.sub3_34 .left .box.agree .chk_box input[type="checkbox"]:checked + label { 
   background: url("../img/radio_on.jpg") no-repeat left center;
   background-size: 18px;
}
.sub3_34 .left .box.agree button { 
   color: #a4a4a4;
}
.sub3_34 .left .send { 
   display: table;
   margin: 60px auto 0;
   width: 105px;
   text-align: center;
   line-height: 27px;
   background-color: #ebebeb;
   color: #a4a4a4;
}

.sub3_34 .right img { 
   display: block;
   width: 100%;
}

/* 주문내역조회 */
.sub5_11 { 
   padding:85px 60px;
}
#smb_my_od .sub5_11 {
   padding:0;
}

/* 멤버십 - 로그인 - 회원 */
.sub6_1 { 
}
.sub6_1 .content { 
   display: table;
   margin: 0 auto;
   width: 570px;
   padding: 0 0 85px;
   position: relative;
}
.sub6_1 .content .sec_tit { 
   color: #ea5757;
   position: absolute;
   left: 0;
   top: -165px;
}
.sub6_1 .content input[type="text"] { 
   width: 100%;
   border: 0;
   border-bottom: 1px solid #ebebeb;
   line-height: 40px;
   margin-top: 10px;
   display: block;
}
.sub6_1 .content input[type="password"] { 
   width: 100%;
   border: 0;
   border-bottom: 1px solid #ebebeb;
   line-height: 40px;
   margin-top: 10px;
   display: block;
   margin-bottom: 15px;
}
.sub6_1 .content .chk_box { 
   display: table;
   margin-left: auto;
}
.sub6_1 .content .chk_box label { 
   padding-left: 30px;
   color: #959595;
   display: inline-block;
   background: url("../img/radio_off.jpg") no-repeat left center;
   background-size: 16px;
   line-height: 16px;
   cursor: pointer;
}
.sub6_1 .content .chk_box input[type="checkbox"]:checked + label { 
   background: url("../img/radio_on.jpg") no-repeat left center;
   background-size: 16px;
}
.sub6_1 .content button { 
   display: block;
   height: 40px;
   line-height: 40px;
   text-align: center;
   color: #fff;
   background-color: #ea5757;
   width: 100%;
   margin: 30px auto 40px;
}
.sub6_1 .content ul { 
   display: table;
   margin-left: auto;
}
.sub6_1 .content ul li { 
   float: left;
}
.sub6_1 .content ul li:first-of-type { 
   padding-right: 15px;
   margin-right: 10px;
   border-right: 1px solid #b5b5b5;
}
.sub6_1 .content ul li a { 
   display: block;
   color: #959595;
}
.sub6_1 .content ul li:first-of-type a { 
   color: #272727;
}

.selec_chk { 
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 0;
   opacity: 0;
   outline: 0;
   z-index: -1;
   overflow: hidden;
}
.chk_box { 
   position: relative;
}
.chk_box input[type="checkbox"] + label { 
   padding-left: 20px;
   color: #676e70;
   position: relative;
}
.chk_box input[type="checkbox"] + label:hover { 
   color: #2172f8;
}
.chk_box input[type="checkbox"] + label span { 
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
   width: 15px;
   height: 15px;
   display: block;
   margin: 0;
   background: #fff;
   border: 1px solid #d0d4df;
   border-radius: 0;
}
.chk_box input[type="checkbox"]:checked + label { 
   color: #000;
}
.chk_box input[type="checkbox"]:checked + label span { 
   background: url(../img/chk.png) no-repeat 50% 50% #eb5757;
   border-color: #eb5757;
   border-radius: 0;
}

.dep2 div.wish_box { 
   float: none;
   padding-top: 0;
}


#bo_list,
#inq_form { 
   padding: 85px 60px;
}
#bo_list *,
#bo_w *,
#inq_form * { 
   font-size: 12px;
   font-weight: 400;
   color: #a4a4a4;
}
*::placeholder { 
   font-size: 12px !important;
   color:#a4a4a4 !important;

}
#bo_list .tbl_head01 thead th { 
   color:#a4a4a4;
   background-color: #ebebeb;
   border: 0;
}

.bo_v_left a,
.bo_v_com a,
.bo_fx button,
.bo_fx a { 
   background: #ebebeb !important;
   color:#a4a4a4 !important;
   transition: .2s;
   line-height: 28px !important;
   height:28px !important;
}
.bo_v_left a:hover,
.bo_v_com a:hover,
.bo_fx button:hover,
.bo_fx a:hover { 
   color:#272727 !important;
   background: #ebebeb !important;
}
.bo_v_left a i,
.bo_v_com a i,
.bo_fx button i,
.bo_fx a i { 
   display: none;
}

.selectBox { 
   display: table;
   margin-left: auto;
   position: relative;
   z-index: 1;
   margin-bottom: 2px;
}
.selectBox:after {
   content: "∨";
   display: block;
   font-size: 12px;
   position: absolute;
   top: 50%;
   right: 20px;
   color: #272727;
   transform: translateY(-50%);
}
.selectBox .label {
   display: block;
   width: 140px;
   height: 40px;
   line-height: 40px;
   cursor: pointer;
   background: #ebebeb;
   text-align: left;
   padding-left: 15px;
}
.selectBox .optionList {
   position: absolute;
   top: 35px;
   left: 0;
   width: 100%;
   overflow: hidden;
   max-height: 0;
   padding-left: 15px;
   background: #ebebeb;
}
.selectBox.active {
   z-index: 10;
}
.selectBox.active .optionList {
   max-height: 500px;
   padding-bottom: 15px;
}
.selectBox .optionItem {
   line-height: 25px;
   cursor: pointer;
   color: #a4a4a4;
}
.selectBox .optionItem option {
   line-height: 25px;
}
.selectBox .optionItem:hover {
   color: #272727 !important;
}

input {
   font-size: 12px !important
}