@charset "UTF-8";
@media (min-width: 768px) { .bn_type1 { margin-top: 30px; } }

.bn_type1 img { width: 100%; }

.box_tit_area { display: table; width: 100%; border: solid 1px #dedede; border-radius: 3px; background-color: #f1f1f1; }

.box_tit_area p { display: table-cell; width: 100%; text-align: center; vertical-align: middle; font-size: 24px; color: #333; letter-spacing: -0.1em; }

@media (min-width: 768px) { .box_tit_area p { height: 120px; } }

@media (max-width: 767px) { .box_tit_area p { padding: 20px 15px 22px 15px; } }

.box_tit_area p b { margin-right: 4px; }

.box_search { background-color: #f3f3f3; border-top: solid 1px #d5d5d5; }

@media (min-width: 768px) { .box_search { padding: 0 25px; } }

@media (max-width: 767px) { .box_search { padding: 0 15px; } }

.box_search .dl_write { border-width: 0; padding: 10px 0; }

.box_search .dl_write dt { font-size: 14px; font-weight: normal; }

@media (min-width: 768px) { .box_search .dl_write dt { margin-top: 12px; }
  .box_search .dl_write dd { padding: 6px 0 6px 130px; min-height: 0; } }

.list_star li { position: relative; font-size: 12px; color: #6e6e6e; line-height: 1.5; padding-left: 7px; }

.list_star li:before { content: "*"; position: absolute; top: 2px; left: 0; }

.list_dangu li { position: relative; font-size: 14px; color: #989898; line-height: 1.7; padding-left: 15px; }

.list_dangu li:before { content: "※"; position: absolute; top: 0px; left: 0; }

.list_bar li { position: relative; font-size: 14px; color: #989898; line-height: 1.7; padding-left: 8px; }

.list_bar li:before { content: "-"; position: absolute; top: 0px; left: 0; }

.list_bar.dark li { color: #333; }

.slider_maintop { position: relative; }

.slider_maintop li { background-repeat: no-repeat; background-position: center top; }

@media (max-width: 767px) { .slider_maintop li { background-size: cover; } }

.slider_maintop .inner { display: table; }

.slider_maintop .link { display: table-cell; width: 100%; vertical-align: middle; }

@media (min-width: 768px) { .slider_maintop .link { height: 300px; } }

@media (max-width: 767px) { .slider_maintop .link { height: 120px; } }

.slider_maintop .t1 { font-weight: 700; line-height: 1.25; letter-spacing: -0.08em; }

@media (min-width: 768px) { .slider_maintop .t1 { font-size: 36px; } }

@media (max-width: 767px) { .slider_maintop .t1 { font-size: 18px; } }

.slider_maintop .t2 b { text-decoration: underline; }

@media (min-width: 768px) { .slider_maintop .t2 { margin-top: 10px; font-size: 14px; line-height: 1.7; } }

@media (max-width: 767px) { .slider_maintop .t2 { margin-top: 7px; font-size: 11px; line-height: 1.4; } }

.slider_maintop .bx-controls-direction { display: none; }

.slider_maintop .bx-prev, .slider_maintop .bx-next { position: absolute; top: 50%; width: 70px; height: 70px; background-repeat: no-repeat; background-position: center center; text-indent: -9999em; margin-top: -35px; }

.slider_maintop .bx-prev { left: 50%; margin-left: -637.5px; background-image: url("https://sendbee.co.kr/static/img/bt_banner_left_d.svg"); }

.slider_maintop .bx-prev:hover { background-image: url("https://sendbee.co.kr/static/img/bt_banner_left.svg"); }

.slider_maintop .bx-next { right: 50%; margin-right: -637.5px; background-image: url("https://sendbee.co.kr/static/img/bt_banner_right_d.svg"); }

.slider_maintop .bx-next:hover { background-image: url("https://sendbee.co.kr/static/img/bt_banner_right.svg"); }

.slider_maintop .bx-pager { position: absolute; right: 0; left: 0; text-align: center; }

@media (min-width: 768px) { .slider_maintop .bx-pager { bottom: 15px; } }

@media (max-width: 767px) { .slider_maintop .bx-pager { bottom: 6px; } }

.slider_maintop .bx-pager-item { display: inline-block; }

.slider_maintop .bx-pager-item a { display: block; text-indent: -9999em; background: url("https://sendbee.co.kr/static/img/bt_banner_nv_d.svg") no-repeat center center; background-size: cover; }

.slider_maintop .bx-pager-item a.active { background-image: url("https://sendbee.co.kr/static/img/bt_banner_nv.svg"); }

@media (min-width: 768px) { .slider_maintop .bx-pager-item { width: 10px; margin: 0 5px; }
  .slider_maintop .bx-pager-item a { height: 10px; } }

@media (max-width: 767px) { .slider_maintop .bx-pager-item { width: 8px; margin: 0 3px; }
  .slider_maintop .bx-pager-item a { height: 8px; } }

.slider_maintop:hover .bx-controls-direction { display: block; }

.slider_product { position: relative; }

.slider_product .list_product .img { height: 170px; }

.slider_product .list_product .img img { width: 125px; }

.slider_product .bx-controls-direction { position: absolute; top: -31px; right: 0; }

.slider_product .bx-prev, .slider_product .bx-next { display: inline-block; width: 14px; height: 15px; text-indent: -9999em; }

.slider_product .bx-prev { background: url("https://sendbee.co.kr/static/img/bt_left_7x14.svg") no-repeat left center; }

.slider_product .bx-prev:hover { background-image: url("https://sendbee.co.kr/static/img/bt_left_on_7x14.svg"); }

.slider_product .bx-next { background: url("https://sendbee.co.kr/static/img/bt_right_7x14.svg") no-repeat right center; border-left: solid 2px #CCC; padding-left: 17px; margin-left: 3px; }

.slider_product .bx-next:hover { background-image: url("https://sendbee.co.kr/static/img/bt_right_on_7x14.svg"); }

@media (max-width: 767px) { .slider_product .bx-controls-direction { display: none; } }

@media (min-width: 768px) { .tab_com1 li { width: 136px; } }

@media (max-width: 767px) { .tab_com1 li { width: 33%; } }

.tbl_com1 { width: 100%; border: 0; border-bottom: solid 1px #d5d5d5; border-spacing: 0; border-collapse: collapse; }

.tbl_com1 th, .tbl_com1 td { font-size: 14px; color: #333; line-height: 1.7; font-weight: normal; padding: 10px 3px 10px 15px; border: 0; border-top: solid 1px #d5d5d5; }

.tbl_com1 tfoot th, .tbl_com1 tfoot td { background-color: #FFF !important; font-weight: bold; border-color: #333; }

.tbl_com1.atBg th { background-color: #f3f3f3; }

.tbl_com1.atLine { border-top: solid 2px #333; }

.tbl_com1.atLine thead th { padding: 13px 0; text-align: center; }

.tbl_com1.atLine tbody td { padding: 13px 0; text-align: center; }

.tbl_com1.atThC th { text-align: center; padding-left: 0; padding-right: 0; font-weight: bold; }

.tbl_com1.atThC th + th, .tbl_com1.atThC td { border-left: solid 1px #d5d5d5; }

.tbl_com1.atThC + .atThC { margin-top: 5px; }

.tbl_com1 .al1 { text-align: left !important; padding-left: 15px !important; padding-right: 15px !important; }

.tbl_com1 .al2 { text-align: right !important; padding-left: 5px !important; padding-right: 15px !important; }

.tbl_com1 .lg { font-size: 18px; font-weight: bold; }

.tbl_com1 .origin { color: #989898; }

.tbl_com1 .possible { color: #df8d04; }

.tbl_com1 .possible .num { font-size: 24px; }

.tbl_com1 .nodata { padding: 80px 0 !important; }

.tbl_com1 .btn { padding: 0 !important; }

.tbl_com1 .btn a { display: block; width: 80%; margin: 8px 0; }

.dl_com1 { border-bottom: solid 1px #d5d5d5; }

.dl_com1 dt, .dl_com1 dd { font-size: 14px; color: #333; line-height: 1.7; font-weight: normal; padding: 13px 0 13px 15px; border-top: solid 1px #d5d5d5; }

.dl_com1 .lg { font-weight: bold; }

.dl_com1 .origin { color: #989898; }

.dl_com1 .possible { color: #df8d04; }

.dl_com1.atLine { border-top: solid 2px #333; }

@media (min-width: 768px) { .dl_com1 { display: table; width: 100%; }
  .dl_com1 dt { display: table-cell; width: 20%; vertical-align: middle; }
  .dl_com1 dd { display: table-cell; width: 30%; vertical-align: middle; }
  .dl_com1.atBg dt { background-color: #f3f3f3; }
  .dl_com1.atDt1 dd { width: 70%; } }

@media (max-width: 767px) { .dl_com1 { position: relative; padding-left: 110px; }
  .dl_com1 dt { position: absolute; left: 0; width: 110px; }
  .dl_com1 .total { background-color: #FFF; font-weight: bold; }
  .dl_com1.atBg:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 110px; background-color: #f3f3f3; }
  .dl_com1.atWrite dt { padding-top: 18px; } }

.dl_list { border-bottom: solid 1px #d5d5d5; }

.dl_list .ckAll { font-size: 14px; margin-bottom: 10px; }

.dl_list .list { position: relative; border-top: solid 2px #333; padding: 20px 0; }

.dl_list .list .ck { position: absolute; top: 22px; left: 0; }

.dl_list .list .dl_com1 { margin-right: 15px; margin-left: 15px; border-width: 0; }

.dl_list .list .dl_com1 dt, .dl_list .list .dl_com1 dd { border-width: 0; padding-top: 2px; padding-bottom: 2px; padding-left: 0; }

.dl_list .list .item_product + .dl_com1 { margin-top: 10px; margin-bottom: 15px; }

.dl_list .list.atCk { padding-left: 31px; }

.dl_list .nodata { padding: 30px 0; text-align: center; font-size: 15px; }

.tit_area .sort a { font-size: 14px; }

.item_product { display: table; width: 100%; }

.item_product .pic { position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 110px; padding: 10px; }

.item_product .img:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.04); }

.item_product .img img { width: 100%; }

.item_product .txt { display: table-cell; vertical-align: middle; text-align: left; padding-top: 10px; padding-bottom: 10px; }

@media (min-width: 768px) { .item_product .txt { padding-left: 30px; } }

@media (max-width: 767px) { .item_product .txt { padding-left: 15px; } }

.item_product .brand { font-size: 12px; color: #6e6e6e; line-height: 1.4; margin-bottom: 5px; }

.item_product .name { font-size: 15px; color: #333; font-weight: bold; line-height: 1.4; }

.item_product .price { font-size: 14px; color: #333; line-height: 1.57; margin-top: 8px; }

.item_product .date { font-size: 13px; color: #333; margin-top: 8px; }

.item_product .orderdate { font-size: 12px; color: #6e6e6e; letter-spacing: 0; margin-bottom: 8px; }

.list_product { margin-right: -15px; zoom: 1; }

.list_product:after { content: ""; display: table; table-layout: fixed; clear: both; }

.list_product li { float: left; padding-right: 15px; padding-bottom: 25px; }

.list_product a.link { position: relative; display: block; }

.list_product a.qna { display: table; width: 100%; background-color: #e3be43; }

.list_product a.qna span { display: table-cell; width: 100%; text-align: center; vertical-align: middle; font-size: 14px; color: #FFF; line-height: normal; }

.list_product a.qna span b { display: block; text-decoration: underline; margin-top: 30px; }

.list_product .pic { position: relative; display: table; width: 100%; }

.list_product .img { display: table-cell; width: 100%; text-align: center; vertical-align: middle; }

.list_product .img:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.04); }

.list_product .sale { position: absolute; bottom: 0; left: 0; width: 62px; height: 18px; line-height: 18px; text-align: center; font-size: 11px; color: #FFF; font-weight: 900; letter-spacing: 0.4px; background-color: #df8d04; }

.list_product .flag { position: absolute; top: 0; left: 0; }

.list_product .txt { padding-right: 10px; }

.list_product .price { letter-spacing: 0.3px; margin-top: 13px; }

.list_product .price b { font-size: 18px; color: #df8d04; font-weight: 900; }

.list_product .price del { font-size: 14px; color: #989898; margin-left: 5px; }

.list_product .name { font-size: 14px; color: #333; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.list_product .brand { font-size: 12px; color: #6e6e6e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (min-width: 768px) { .list_product .brand { margin-top: 12px; } }

@media (max-width: 767px) { .list_product .brand { margin-top: 9px; } }

.list_product.atLine a.link:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: solid 1px #f1f1f1; }

.list_product.atLine a.link:hover:before { border-color: #df8d04; }

.list_product.atLine .img:after { top: 1px; right: 1px; bottom: 1px; left: 1px; }

.list_product.atLine .txt { padding-left: 15px; }

@media (min-width: 768px) { .list_product.at4 li { width: 25%; }
  .list_product.at4 a.link, .list_product.at4 a.qna { height: 366px; }
  .list_product.at4 a.qna { padding: 0 52px; }
  .list_product.at4 .img { height: 264px; }
  .list_product.at4 .img img { width: 180px; }
  .list_product.at6 li { width: 16.66667%; }
  .list_product.at6 a.link, .list_product.at6 a.qna { height: 268px; }
  .list_product.at6 a.qna { padding: 0 35px; }
  .list_product.at6 .img { height: 170px; }
  .list_product.at6 .img img { width: 125px; } }

@media (max-width: 767px) { .list_product li { width: 50%; }
  .list_product a.link, .list_product a.qna { height: 268px; }
  .list_product a.qna em { white-space: nowrap; }
  .list_product .img { height: 170px; }
  .list_product .img img { width: 125px; } }

.product_filter { border-top: solid 2px #333; }

.product_filter dl { padding: 13px 0; border-bottom: solid 1px #dedede; zoom: 1; }

.product_filter dl:after { content: ""; display: table; table-layout: fixed; clear: both; }

.product_filter dl:first-child { border-bottom-color: #333; }

.product_filter dl dt { position: relative; font-size: 14px; color: #333; padding: 5px 0; }

@media (min-width: 768px) { .product_filter dl dt { float: left; width: 140px; } }

.product_filter dl dt .more { position: absolute; top: 4px; right: 0; width: 14px; height: 14px; background: url("https://sendbee.co.kr/static/img/bt_add_14x14.svg") no-repeat center center; background-size: 100% auto; text-indent: -9999em; }

.product_filter dl dt .more.selected { background-image: url("https://sendbee.co.kr/static/img/bt_sbb_14x14.svg"); }

@media (min-width: 768px) { .product_filter dl dd { float: right; width: 918px; } }

@media (max-width: 767px) { .product_filter dl dd { padding: 0 10px; } }

.product_filter dl dd ul { zoom: 1; }

.product_filter dl dd ul:after { content: ""; display: table; table-layout: fixed; clear: both; }

.product_filter dl dd ul li { float: left; color: #6e6e6e; white-space: nowrap; }

@media (min-width: 768px) { .product_filter dl dd ul li { width: 153px; } }

@media (max-width: 767px) { .product_filter dl dd ul li { width: 50%; } }

.product_filter dl dd ul.brand { height: 54px; overflow: hidden; }

.product_filter dl dd ul.brand.viewAll { height: auto; }

.product_category { margin-bottom: 5px; zoom: 1; }

.product_category:after { content: ""; display: table; table-layout: fixed; clear: both; }

.product_category dl { position: relative; float: left; padding: 0 15px; }

.product_category dl:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 19px; background-color: #d5d5d5; }

.product_category dl:first-child { padding-left: 0; }

.product_category dl:first-child:before { display: none; }

.product_category dt a { font-size: 18px; color: #333; font-weight: 700; letter-spacing: -0.08em; }

.product_category dt a:after { content: ""; display: inline-block; width: 20px; height: 20px; background: url("https://sendbee.co.kr/static/img/bt_category_arrow.svg") no-repeat center center; vertical-align: middle; margin: -3px 0 0 7px; }

.product_category dd { position: relative; padding-top: 10px; }

.product_category dd ul { display: none; position: absolute; z-index: 1; background-color: #FFF; border: solid 1px #333; border-radius: 3px; width: 180px; max-height: 210px; overflow-x: hidden; overflow-y: auto; scrollbar-face-color: #c4c4c4; scrollbar-track-color: #FFF; scrollbar-arrow-color: #c4c4c4; scrollbar-highlight-color: #FFF; scrollbar-3dlight-color: #FFF; scrollbar-shadow-color: #FFF; scrollbar-darkshadow-color: #FFF; }

.product_category dd ul::-webkit-scrollbar { width: 8px; }

.product_category dd ul::-webkit-scrollbar-track { background-color: transparent; }

.product_category dd ul::-webkit-scrollbar-track-piece { background-color: transparent; }

.product_category dd ul::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #c4c4c4; }

.product_category dd ul::-webkit-scrollbar-button { background-color: transparent; width: 8px; height: 8px; }

.product_category dd ul::-webkit-scrollbar-button:start { background-color: transparent; }

.product_category dd ul::-webkit-scrollbar-button:end { background-color: transparent; }

.product_category dd ul::-webkit-scrollbar-corner { background-color: transparent; }

.product_category dd ul::-webkit-resizer { background-color: transparent; }

.product_category dd li a { display: block; font-size: 14px; color: #333; }

.product_category dd li a:hover { background-color: #f1f1f1; }

@media (min-width: 768px) { .product_category dd li a { padding: 11px 10px; } }

@media (max-width: 767px) { .product_category dd li a { padding: 10px; } }

.product_category dd li.selected a { font-weight: bold; }

.product_detail_top { border-top: solid 2px #333; border-bottom: solid 1px #d5d5d5; zoom: 1; }

.product_detail_top:after { content: ""; display: table; table-layout: fixed; clear: both; }

@media (min-width: 768px) { .product_detail_top { padding: 40px 0; } }

@media (max-width: 767px) { .product_detail_top { padding: 20px 0; } }

.product_detail_top .pic { position: relative; }

.product_detail_top .pic .img { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; }

.product_detail_top .pic .img:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.04); }

@media (min-width: 768px) { .product_detail_top .pic { display: inline-table; width: 420px; height: 420px; }
  .product_detail_top .pic .img img { width: 350px; } }

@media (max-width: 767px) { .product_detail_top .pic { display: table; width: 100%; padding: 30px; }
  .product_detail_top .pic .img img { width: 70%; } }

@media (min-width: 768px) { .product_detail_top .detail { float: right; width: 640px; } }

@media (max-width: 767px) { .product_detail_top .detail { margin-top: 20px; } }

.product_detail_top .product { padding-bottom: 25px; border-bottom: solid 1px #d5d5d5; }

.product_detail_top .brand a { font-size: 15px; color: #333; line-height: 1.2; }

.product_detail_top .name { font-size: 24px; color: #333; letter-spacing: -0.08em; font-weight: 700; line-height: 1.3; margin-top: 10px; }

.product_detail_top .price del { display: block; font-size: 18px; color: #989898; font-weight: 700; line-height: 1.2; margin-top: 25px; }

.product_detail_top .price b { display: block; font-size: 26px; color: #df8d04; font-weight: 900; line-height: 1.2; margin-top: 5px; }

.product_detail_top .price b span { margin-left: 2px; }

.product_detail_top .exp { margin-top: 25px; }

.product_detail_top .date { font-size: 15px; color: #333; line-height: 1.2; margin-bottom: 20px; }

.product_detail_top .date b { margin-left: 60px; }

.product_detail_top .desc, .product_detail_top ul.bar li { font-size: 14px; color: #989898; line-height: 1.7; }

.product_detail_top ul.bar li { position: relative; padding-left: 10px; }

.product_detail_top ul.bar li:before { content: "-"; display: block; position: absolute; top: 0; left: 3px; }

.product_detail_top .btn_group { margin-top: 40px; font-size: 0; zoom: 1; }

.product_detail_top .btn_group:after { content: ""; display: table; table-layout: fixed; clear: both; }

.product_detail_top .btn_group .btn_com1.ico1 { border-radius: 3px 0 0 3px; }

.product_detail_top .btn_group .btn_com1.ico1 + .btn_com1.bg1 { border-radius: 0 3px 3px 0; border-left-width: 0; }

@media (min-width: 768px) { .product_detail_top .btn_group .btn_com1.bg1 { width: 155px; } }

@media (max-width: 767px) { .product_detail_top .btn_group .btn_com1.bg1 { width: 50%; } }

@media (min-width: 768px) { .product_detail_top .btn_group .btn_com1.bg2 { float: right; width: 320px; } }

@media (max-width: 767px) { .product_detail_top .btn_group .btn_com1.bg2 { display: block; margin-top: 10px; } }

.product_detail_exp { margin-top: 50px; }

.product_detail_exp .title { font-size: 18px; color: #333; font-weight: bold; letter-spacing: -0.08em; margin-bottom: 15px; }

.product_detail_exp .t_exp { font-size: 15px; line-height: 1.88; color: #333; white-space: pre-line; }

.product_detail_exp.atSMS { max-width: 720px; margin: 0 auto; }

.order_wrap { zoom: 1; }

.order_wrap:after { content: ""; display: table; table-layout: fixed; clear: both; }

@media (min-width: 768px) { .order_wrap .left { float: left; width: 680px; }
  .order_wrap .right { float: right; width: 380px; } }

.order_wrap .right { border: solid 2px #333; }

.order_wrap .right .tit { font-size: 15px; color: #333; font-weight: bold; background-color: #f1f1f1; }

@media (min-width: 768px) { .order_wrap .right .tit { padding: 17px 40px; } }

@media (max-width: 767px) { .order_wrap .right .tit { padding: 17px; } }

@media (min-width: 768px) { .order_info { padding: 10px 40px 35px 40px; }
  .order_info .list { max-height: 420px; overflow-x: hidden; overflow-y: auto; margin-right: -20px; margin-left: -20px; padding-right: 2px; padding-left: 20px; scrollbar-face-color: #c4c4c4; scrollbar-track-color: #FFF; scrollbar-arrow-color: #c4c4c4; scrollbar-highlight-color: #FFF; scrollbar-3dlight-color: #FFF; scrollbar-shadow-color: #FFF; scrollbar-darkshadow-color: #FFF; }
  .order_info .list::-webkit-scrollbar { width: 8px; }
  .order_info .list::-webkit-scrollbar-track { background-color: transparent; }
  .order_info .list::-webkit-scrollbar-track-piece { background-color: transparent; }
  .order_info .list::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #c4c4c4; }
  .order_info .list::-webkit-scrollbar-button { background-color: transparent; width: 8px; height: 8px; }
  .order_info .list::-webkit-scrollbar-button:start { background-color: transparent; }
  .order_info .list::-webkit-scrollbar-button:end { background-color: transparent; }
  .order_info .list::-webkit-scrollbar-corner { background-color: transparent; }
  .order_info .list::-webkit-resizer { background-color: transparent; } }

@media (max-width: 767px) { .order_info { padding: 10px 20px 20px 20px; } }

.order_info .product { padding: 5px 0; border-top: solid 1px #dedede; }

.order_info .product:first-child { border-top-width: 0; }

.order_info .product.selected .item_product .name { text-decoration: underline; }

.order_info .item_product .img:after { display: none; }

.order_info .item_product .txt { padding-left: 20px; }

.order_info .item_product .name { font-size: 14px; font-weight: normal; }

.pay_info { border-top: solid 2px #333; border-bottom: solid 1px #d5d5d5; margin-top: 20px; margin-bottom: 15px; padding-top: 15px; zoom: 1; }

.pay_info:after { content: ""; display: table; table-layout: fixed; clear: both; }

.pay_info dt, .pay_info dd { float: left; font-size: 14px; color: #333; height: 30px; line-height: 30px; }

.pay_info dt { width: 60%; }

.pay_info dd { width: 40%; font-weight: bold; text-align: right; }

.pay_info dd.total { color: #df8d04; }

.pay_info dd.total span { font-size: 24px; }

.pay_info .total { border-top: solid 1px #d5d5d5; height: 80px; line-height: 80px; font-weight: bold; margin-top: 15px; }

.pay_info.box { border: solid 2px #333; margin-top: 50px; }

.pay_info.box dt, .pay_info.box dd { padding-left: 30px; padding-right: 30px; }

.pay_info.box .total { background-color: #f8f3e7; }

.phonePreview { position: relative; width: 250px; padding-top: 65px; margin: 0 auto; background: url("https://sendbee.co.kr/static/img/img_iphone.png") no-repeat center top; }

.phonePreview .msg { overflow-x: hidden; overflow-y: auto; width: 200px; margin: 10px auto 0 auto; font-size: 12px; color: #333; line-height: normal; white-space: pre-line; scrollbar-face-color: #c4c4c4; scrollbar-track-color: #FFF; scrollbar-arrow-color: #c4c4c4; scrollbar-highlight-color: #FFF; scrollbar-3dlight-color: #FFF; scrollbar-shadow-color: #FFF; scrollbar-darkshadow-color: #FFF; }

.phonePreview .msg::-webkit-scrollbar { width: 8px; }

.phonePreview .msg::-webkit-scrollbar-track { background-color: transparent; }

.phonePreview .msg::-webkit-scrollbar-track-piece { background-color: transparent; }

.phonePreview .msg::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #c4c4c4; }

.phonePreview .msg::-webkit-scrollbar-button { background-color: transparent; width: 8px; height: 8px; }

.phonePreview .msg::-webkit-scrollbar-button:start { background-color: transparent; }

.phonePreview .msg::-webkit-scrollbar-button:end { background-color: transparent; }

.phonePreview .msg::-webkit-scrollbar-corner { background-color: transparent; }

.phonePreview .msg::-webkit-resizer { background-color: transparent; }

@media (min-width: 768px) { .phonePreview { height: 475px; }
  .phonePreview .msg { height: 340px; padding-left: 5px; } }

@media (max-width: 767px) { .phonePreview .msg { height: 35vh; }
  .phonePreview:after { content: ""; display: block; height: 60px; background: url("https://sendbee.co.kr/static/img/img_iphone.png") no-repeat center bottom #FFF; } }

.order_step { border-top: solid 2px #333; zoom: 1; padding-left: 1.5%; }

.order_step:after { content: ""; display: table; table-layout: fixed; clear: both; }

.order_step dl { float: left; width: 25%; text-align: center; padding-right: 3%; background-image: url("https://sendbee.co.kr/static/img/img_order_arrow.svg"); background-position-x: 96.5%; background-repeat: no-repeat; }

.order_step dl.step1 dt { background-image: url("https://sendbee.co.kr/static/img/icon_Order1.svg"); }

.order_step dl.step2 dt { background-image: url("https://sendbee.co.kr/static/img/icon_Order2.svg"); }

.order_step dl.step3 dt { background-image: url("https://sendbee.co.kr/static/img/icon_Order3.svg"); }

.order_step dl.step4 { width: 22%; padding-right: 0; background: none; }

.order_step dl.step4 dt { background-image: url("https://sendbee.co.kr/static/img/icon_Order4.svg"); }

@media (min-width: 768px) { .order_step dl { margin-top: 30px; background-size: 10px auto; background-position-y: 55px; } }

@media (max-width: 767px) { .order_step dl { margin-top: 15px; background-size: 5px auto; background-position-y: 45px; } }

.order_step dt { font-size: 15px; background-color: #f3f3f3; background-repeat: no-repeat; }

@media (min-width: 768px) { .order_step dt { height: 125px; padding-top: 85px; background-position: center 27px; background-size: auto 49px; border-radius: 70px; } }

@media (max-width: 767px) { .order_step dt { height: 100px; padding-top: 62px; background-position: center 22px; background-size: auto 35px; border-radius: 56px; } }

.order_step dd { margin-top: 10px; }

.order_step .selected dt { background-color: #df8d04; color: #FFF; font-weight: bold; }

.customer_wrap { border-top: solid 2px #333; margin-top: 20px; }

@media (min-width: 768px) { .customer_wrap .head, .customer_wrap .article { display: table; width: 100%; }
  .customer_wrap .head span, .customer_wrap .article span { display: table-cell; vertical-align: middle; font-size: 15px; color: #333; line-height: 2.2; }
  .customer_wrap .head .category, .customer_wrap .article .category { width: 15%; text-align: center; }
  .customer_wrap .head .date, .customer_wrap .article .date { width: 20%; text-align: center; } }

.customer_wrap .head span { font-weight: bold; padding: 8px 15px; border-bottom: solid 1px #333; }

.customer_wrap .head .subject { text-align: center; }

@media (max-width: 767px) { .customer_wrap .head { display: none; } }

.tit_area + .customer_wrap { margin-top: 30px; }

.list_article li { border-bottom: solid 1px #d5d5d5; }

.list_article .article { cursor: pointer; }

.list_article .article.selected .subject { font-weight: bold; }

.list_article .more { display: none; background-color: #f3f3f3; font-size: 15px; }

@media (min-width: 768px) { .list_article span { padding: 13px 15px; }
  .list_article .more { padding: 50px; line-height: 2.2; } }

@media (max-width: 767px) { .list_article li { position: relative; padding: 15px; line-height: 1.4; }
  .list_article .category { display: block; margin-bottom: 2px; font-size: 13px; }
  .list_article .subject { display: block; font-size: 15px; }
  .list_article .date { position: absolute; top: 15px; right: 15px; font-size: 13px; }
  .list_article .more { line-height: 1.7; }
  .list_article .more img { width: 100%; } }

.event_list li { margin-top: 20px; }

.event_list li a { display: block; }

.event_list li a img { width: 100%; }

.event_view .only_img { text-align: center; background-color: #f3f3f3; border-bottom: solid 1px #d5d5d5; }

@media (max-width: 767px) { .event_view .only_img { padding: 20px 15px; }
  .event_view .only_img img { width: 100%; } }

.event_view .bn { margin-bottom: 30px; }

.event_view .bn img { width: 100%; }

.cont_privercy { border-top: solid 2px #333; font-size: 14px; color: #989898; line-height: 1.7; }

@media (min-width: 768px) { .cont_privercy { padding-top: 20px; } }

@media (max-width: 767px) { .cont_privercy { padding: 15px; } }

.div_more {
  width: 100%;
}
.btn_more {
  border: 2px solid black;
  width: 20%;
  height: 50px;
  margin: 0 auto;
  display: table;
}
.span_more {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.86;
  cursor: pointer;
}