/*-----------------------------------------------------------------*/

/* CSS Table of Contents

/*-----------------------------------------------------------------*/

/*

1. Reset



2. Global

2-1. table

2-2. button

2-3. box

2-4. etc



3. Layout

3-1. wrapper

3-2. header

3-3. content

3-4. footer

3-5. snb



4. Page

4-1. 메인

4-2. 상점

4-3. 회원

4-4. 마이페이지

4-5. 추가페이지



5. 기타



/*-----------------------------------------------------------------*/


/* 1. Reset
/*-----------------------------------------------------------------*/
header {
    width:100%
}

nav#snb_mypage {
    display:none
}


@import url("http://fonts.googleapis.com/earlyaccess/hanna.css");

/*2016.10.28 - 2017.01.31 by 현우

 스포카 한 산스, TVN 글꼴 추가 (3종 : 씬 / 노말 / 볼드)

*/
@font-face {
    font-family:Spoqa Han Sans;
    font-weight:700;
    src:url(/_skin/skin1506/CSS/SpoqaHanSans-Bold.eot) format("eot"),url(/_skin/skin1506/CSS/SpoqaHanSans-Bold.svg) format("svg"),url(/_skin/skin1506/CSS/SpoqaHanSans-Bold.otf) format("opentype"),url(/_skin/skin1506/CSS/SpoqaHanSans-Bold.woff) format("woff");
    font-display:swap
}


@font-face {
    font-family:Spoqa Han Sans;
    font-weight:400;
    src:url(/_skin/skin1506/CSS/SpoqaHanSans-Regular.eot) format("eot"),url(/_skin/skin1506/CSS/SpoqaHanSans-Regular.svg) format("svg"),url(/_skin/skin1506/CSS/SpoqaHanSans-Regular.otf) format("opentype"),url(/_skin/skin1506/CSS/SpoqaHanSans-Regular.woff) format("woff");
    font-display:swap
}


@font-face {
    font-family:Spoqa Han Sans;
    font-weight:100;
    src:url(/_skin/skin1506/CSS/SpoqaHanSans-Thin.eot) format("eot"),url(/_skin/skin1506/CSS/SpoqaHanSans-Thin.svg) format("svg"),url(/_skin/skin1506/CSS/SpoqaHanSans-Thin.woff) format("woff");
    font-display:swap
}


@font-face {
    font-family:Tvn;
    font-weight:400;
    src:url(/_skin/skin1506/CSS/tvNEnjoystoriesMedium.eot) format("eot"),url(/_skin/skin1506/CSS/tvNEnjoystoriesM.svg) format("svg"),url(/_skin/skin1506/CSS/tvNEnjoystoriesM.otf) format("opentype"),url(/_skin/skin1506/CSS/tvNEnjoystoriesM.woff) format("woff");
    font-display:swap
}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin:0;
    padding:0;
    border:0;
    color:inherit;
    font-family:'Spoqa Han Sans',sans-serif;
    font-size:12px;
    line-height:normal;
    vertical-align:baseline
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}


body {
    min-width:320px;
    word-break:break-all;
    -webkit-text-size-adjust:none;
    cursor:default;
    overflow-x:hidden;
    padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left)
}


ol,ul,li {
    list-style:none
}


blockquote,q {
    quotes:none
}


blockquote:before,blockquote:after,q:before,q:after {
    content:'';
    content:none
}


table {
    border-collapse:collapse;
    border-spacing:0
}


img {
    vertical-align:top
}


a {
    color:#696969;
    text-decoration:none
}


a:hover {
    color:#000;
    text-decoration:none
}


.hidden {
    visibility:hidden;
    overflow:hidden;
    width:1px;
    height:1px;
    margin:0!important;
    padding:0!important;
    font-size:0
}


/* 히든 */
.empty {
    padding:40px 0!important;
    text-align:center
}


input, select  {
    color: inherit;
}


input[type=text],input[type=password],input[type=submit],input[type=button],input[type=search],input[type=tel],input[type=number],input[type=email],textarea {
    border-radius:0;
    -webkit-appearance:none
}


input[type="checkbox"] {
    box-sizing:border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:20px;
    height:20px;
    vertical-align:middle;
    background-color:transparent;
    border:2px solid #ff6d00;
    background-repeat:no-repeat;
    margin-right:5px;
    background-position:0
}


input[type="checkbox"]:checked {
    background:url(/_skin/m_mobile3/img/common/check.png?ts=) no-repeat;
    background-size:18px;
    background-position:-1px -1px
}


/* 아이폰 초기화 */
select {
    -webkit-appearance:none
}

::-webkit-scrollbar {
    display:none
}



/*-----------------------------------------------------------------*/

/* 2. Global style

/*-----------------------------------------------------------------*/

/* input */

.input {
    width:100%;
    height:40px;
    padding:5px;
    border:1px solid #d8d8d8;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    line-height:38px
}


.input.file {
    line-height:28px
}


.input_ea {
    width:40px;
    height:25px;
    padding:0 5px;
    border:1px solid #d8d8d8;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    line-height:23px
}


.input_text {
    width:100%;
    height:80px;
    padding:5px;
    border:1px solid #d8d8d8;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    font-family:Spoqa Han Sans sans-serif
}


/* select */
select {
    height:40px;
    background:#fff;
    background-image:url('https://www.freshking.co.kr/_skin/m_mobile3/img/common/select_down(1).png');
    background-repeat:no-repeat;
    background-position:98% 50%;
    background-size:10px 8px;
    padding:5px;
    border:1px solid #d8d8d8;
    border-radius:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}


h3.title {
    padding:20px 0 10px;
    font-size:1.5em
}



/* jQuery slideup/slidedown용 펼쳐지는 메뉴 */
.slide_menu {
    overflow:hidden;
    display:none
}


.open {
    display:block
}


.clear {
    clear:both
}


.delivery_str {
    font-weight:400;
    font-size:11px
}


#addr_layer {
    display:none;
    position:fixed;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    z-index:1000;
    box-shadow:#00000080 0 0 0 9999px,#00000080 2px 2px 3px 3px
}


#addr_layer img {
    cursor:pointer;
    position:absolute;
    right:-3px;
    top:-3px;
    z-index:1
}


/*-----------------------------------------------------------------*/

/* 2-1. Global table style

/*-----------------------------------------------------------------*/

/* 테이블 스타일 - 가로 */
.tbl_col {
    clear:both;
    table-layout:fixed;
    width:100%;
    border-collapse:collapse
}


.tbl_col caption {
    padding:10px 0;
    font-weight:700;
    text-align:left
}


.tbl_col th {
    padding:10px 0;
    border-top:1px solid #000;
    border-bottom:1px solid #d7d7d7;
    color:#181818;
    font-weight:400;
    text-align:center
}


.tbl_col td {
    padding:10px 0;
    border-bottom:1px solid #d7d7d7;
    color:#837d81;
    text-align:center;
    vertical-align:middle
}


.tbl_col td a {
    color:#837d81
}


.tbl_col td * {
    vertical-align:middle
}


.tbl_col td.left {
    padding-left:10px;
    text-align:left
}

.tbl_row {
    table-layout:fixed;
    width:100%;
    margin:0 auto;
    border-top:1px solid #d7d7d7
}


.tbl_row caption {
    display:none
}


.tbl_row th {
    padding:10px 0 10px 10px;
    border-bottom:1px solid #d7d7d7;
    background:#f9f9f9;
    color:#181818;
    font-weight:400;
    text-align:left;
    vertical-align:middle
}


.tbl_row th label {
    color:#181818
}


.tbl_row td {
    padding:10px 0 10px 10px;
    border-bottom:1px solid #d7d7d7;
    color:#837d81;
    text-align:left;
    vertical-align:middle;
    line-height:150%
}


.tbl_row td label {
    color:#837d81
}


.tbl_row td a {
    color:#231f20
}


.counsel_list_writer a {
    width:auto!important;
    padding:0;
    height:40px;
    float:right
}



/*-----------------------------------------------------------------*/

/* 2-2. Global button style

/*-----------------------------------------------------------------*/

/* 버튼스타일 - 기본 */

.box_btn {
    display:inline-block;
    overflow:hidden;
    text-align:center;
    vertical-align:top;
    height:auto;
    width:auto
}


.box_btn * {
    -webkit-appearance:none;
    display:table;
    width:110px;
    height:auto;
    margin:0;
    padding:12px;
    border:1px solid #ff6d00;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    outline:0;
    background:#ff6d00;
    color:#fff;
    font-family:'dotum','돋움',sans-serif;
    font-size:12px;
    text-align:center!important;
    cursor:pointer;
    vertical-align:middle
}


.wish_col .box_btn * {
    -webkit-appearance:none;
    display:table-cell;
    width:110px;
    height:45px;
    margin:0;
    padding:12px;
    border:1px solid #ff6d00;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    outline:0;
    background:#ff6d00;
    color:#fff;
    font-family:'dotum','돋움',sans-serif;
    font-size:12px;
    text-align:center!important;
    cursor:pointer;
    vertical-align:middle
}


/* 버튼스타일 - 모양 */
.box_btn.circle * {
    width:95px;
    height:95px;
    border-radius:100%;
    line-height:95px
}


.box_btn.ea * {
    width:25px;
    height:25px;
    line-height:25px;
    padding:0
}


/* 버튼스타일 - 크기 */
.box_btn.block {
    display:block!important
}


.box_btn.block * {
    width:100%;
    display:table!important;
    margin:0 auto
}


.box_btn.small * {
    width:100%;
    padding:7px;
    display:table-cell
}


.box_btn.middle * {
    width:110px;
    height:30px;
    line-height:30px
}


.box_btn.large * {
    width:140px;
    height:50px;
    line-height:50px
}


.box_btn.cmt * {
    width:85px;
    height:63px;
    line-height:63px
}


/* 버튼스타일 - 색상 */
.box_btn.white * {
    border:1px solid #999;
    background:#fff;
    color:gray!important;
    width:100%
}


.box_btn.white2 * {
    border:1px solid #ddd;
    background:#fff;
    color:#837d81!important
}


.box_btn.blue * {
    border:1px solid #17aacc;
    background:#17aacc;
    color:#fff!important
}


/* 버튼스타일 - 색상(그라데이션) */
.box_btn.grd_gray * {
    width:105px;
    border:1px solid #c1c1c1;
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/button/bg_gray_gra.gif') repeat-x;
    color:#181818!important
}


.dropdown_box {
    height:20px;
    padding:8px 0
}


.btn_dropdown {
    margin-top:7px;
    margin-right:10px;
    width:17px;
    height:10px
}


.padding_top0 {
    padding-top:0!important
}


.padding_top8 {
    padding-top:8px!important
}


/* 2개 버튼 나열 */
.btn_col {
    padding:15px 0;
    clear:both
}


.btn_col:after {
    display:block;
    clear:both;
    content:''
}


.btn_col .box_btn {
    float:left
}


.btn_col .box_btn:first-child {
    width:47%;
    margin-left:1%;
    margin-right:2%
}


.btn_col .box_btn:last-child {
    width:47%;
    margin-left:2%;
    margin-right:1%
}



/*-----------------------------------------------------------------*/

/* 2-3. Global box style

/*-----------------------------------------------------------------*/

/* 박스 스타일 - 회원가입 완료, 회원정보수정 1단계, 회원정보수정 완료, 탈퇴 완료, 1:1문의 완료, 주문 완료, 소셜쿠폰 */

.box_common {
    clear:both;
    padding:10px;
    border:1px solid #d7d7d7;
    border-radius:3px;
    background:#f9f9f9;
    text-align:center
}


.box_common h3 {
    padding:10px 0;
    color:#181818
}


.box_common .point_color {
    color:#f36d14
}


.box_common .btn {
    overflow:hidden;
    padding:10px 0;
    text-align:center
}


.box_common.left {
    text-align:left
}


.box_common.space {
    margin:10px 0
}


/*-----------------------------------------------------------------*/

/* 2-4. Global etc style

/*-----------------------------------------------------------------*/



/* 상품 리스트 */
.prd_list {
    width:100%
}


.prd_list ul {
    display:inline-block;
    width:100%
}


.prd_list ul li .box {
    text-align:center;
    width:96%;
    margin:0 auto;
    position:relative
}


.prd_list ul li .box .img {
    position:relative;
    cursor:pointer
}


.prd_list ul li .box .img img {
    width:100%;
    height:auto
}


.prd_list ul li .box .img .soldout {
    display:none
}


.prd_list ul li .box.out .img .soldout {
    display:block;
    position:absolute;
    left:0;
    top:0;
    z-index:10;
    width:100%;
    height:100%
}


.prd_list ul li .box2 {
    text-align:center;
    width:100%;
    margin:0 auto;
    position:relative
}


.prd_list ul li .box2 .img {
    position:relative
}


.prd_list ul li .box2 .img img {
    width:100%;
    height:auto
}


.prd_list ul li .box2 .img .soldout {
    display:none
}


.prd_list ul li .box2.out .img .soldout {
    display:block;
    position:absolute;
    left:0;
    top:0;
    z-index:10;
    width:100%;
    height:100%
}


.prd_list0 ul li {
    margin-bottom:5px
}


.prd_list0 .box_qty {
    float:right;
    height:40px;
    width:50%;
    padding-bottom:2%
}


.prd_list0 .box_qty .select_ea {
    width:45%;
    padding-left:10px
}


.prd_list0 .box_qty .cart_btn {
    float:right;
    width:45%;
    height:40px;
    background:#ff6d00;
    margin-right:4%
}


.prd_list0 .box_qty .cart_btn a {
    vertical-align:middle
}


.prd_list0 .box_qty .cart_btn img {
    width:34px;
    margin-top:3px
}


.prd_list0 .prd_prc {
    height:40px;
    width:50%;
    float:left
}


.prd_list0 .prd_prc > span {
    line-height:37px
}


.prd_list0 .prd_prc .sell_prc {
    margin-right:5px
}


.prd_list0 .prd_prc .sell_prc > strong {
    font-size:18px;
    color:#ff6d00
}


.prd_list0 .prd_prc .normal_prc {
    text-decoration:line-through;
    margin-right:3px;
    color:#999;
    font-size:14px
}


.prd_list0 .prd_prc .no_normal {
    margin-right:5px
}


.prd_list0 .prd_prc .no_normal > strong {
    font-size:15px;
    color:#17aacc
}


.badge_img {
    position:inherit
}


.prd_list0 .badge_container {
    width:100%;
    height:100%
}

.prd_list0 .badge_img {
    max-width:25vw
}

.prd_list0 .badge_img.badge1 {
    right:1.5vw
}

.prd_list0 .badge_img.badge2 {
    left: 1.5vw
}

.prd_list0 .badge_img.badge3 {
    right:1.5vw;
    bottom:0
}

.prd_list0 .badge_img.badge4 {
    left:1.5vw;
    bottom:0
}


.prd_list1 .box_qty .select_ea {
    text-indent:25%;
    float:right;
    width:44%;
    margin-bottom:4%;
    background-position:92% 50%;
    cursor:pointer
}


.prd_list1 .box_qty .cart_btn {
    float:right;
    width:44%;
    margin:0 4%;
    height:40px;
    background:#ff6d00
}


.prd_list1 .box_qty .cart_btn a {
    vertical-align:middle
}


.prd_list1 .box_qty .cart_btn img {
    width:34px;
    margin-top:3px
}


.prd_list1 .prd_prc {
    height:30px;
    text-align:left;
    margin-left:8px
}


.prd_list1 .prd_prc .sell_prc {
    margin-right:5px
}


.prd_list1 .prd_prc .sell_prc > strong {
    font-size:18px;
    color:#ff6d00
}


.prd_list1 .prd_prc .normal_prc {
    text-decoration:line-through;
    margin-right:3px;
    color:#999;
    font-size:14px
}


.prd_list1 .prd_prc .no_normal {
    margin-right:5px;
    font-size:18px
}


.prd_list1 .prd_prc .no_normal > strong {
    font-size:18px;
    color:#ff6d00
}


.prd_list1 .badge_container {
    width:100%;
    height:100%
}


.prd_list1 .badge_img {
    max-width:15vw
}


.prd_list1 .badge_img.badge1 {
    right:1vw
}


.prd_list1 .badge_img.badge2 {
    left:1vw
}


.prd_list1 .badge_img.badge3 {
    right:1vw;
    bottom:0
}


.prd_list1 .badge_img.badge4 {
    left:1vw;
    bottom:0
}


.prd_list2 {
    overflow:visible
}


.prd_list2 .prd_prc {
    float:left;
    width:60%;
    text-align:left;
    padding-left:15px
}


.prd_list2 .box_qty {
    padding-top:30%;
    padding-right:7px;
    width:50%;
    float:right;
    position:absolute;
    right:0;
    z-index:0
}


.prd_list2 .box_qty .select_ea {
    float:right;
    width:44%;
    margin-bottom:4%;
    padding-left:10px
}


.prd_list2 .box_qty .cart_btn {
    float:right;
    width:44%;
    height:40px;
    margin:0 4%;
    background:#ff6d00
}


.prd_list2 .box_qty .cart_btn a {
    vertical-align:middle
}


.prd_list2 .box_qty .cart_btn img {
    width:32px;
    margin-top:6px
}


.prd_list2 .prd_prc .sell_prc {
    margin-right:5px
}


.prd_list2 .prd_prc .sell_prc > strong {
    font-size:18px;
    color:#ff6d00
}


.prd_list2 .prd_prc .normal_prc {
    text-decoration:line-through;
    margin-right:3px;
    color:#999;
    width:100%;
    font-size:14px
}


.prd_list2 .prd_prc .no_normal {
    margin-right:5px
}

.prd_list2 .prd_prc .no_normal > strong {
    font-size:20px;
    color:#ff6d00
}

.no_normal a {
    color:#ff6d00;
    font-size:13px
}

.sell_prc a {
    color:#ff6d00;
    font-size:13px
}

.prd_list2 .badge_container {
    width:100%;
    height:100%
}

.prd_list2 .badge_img {
    max-width:10vw
}

.prd_list2 .badge_img.badge1 {
    right:.2vw
}

.prd_list2 .badge_img.badge2 {
    left:.2vw
}

.prd_list2 .badge_img.badge3 {
    right:.2vw;
    bottom:15px
}

.prd_list2 .badge_img.badge4 {
    left:.2vw;
    bottom:15px
}

@media screen and (min-width: 620px) {
    .prd_list2 .badge_img {
        max-width:63px
    }

    .prd_list1 .badge_img {
        max-width:93px
    }

}

.box_qty {
    margin-left:-5px
}

/* 에브리바이 : by 현우 */
.main_new .prd_list .prdMore {
    margin-top:-15px;
    border:solid 0;
    border-bottom:solid 1px #ebebeb
}

.everybuy_cont {
    position:relative;
    background-color:#fff;
    border-top:solid 1px #e1e1e1
}

.everybuy_header {
    position:relative;
    width:85%;
    margin:0 auto;
    display:block
}

.everybuy_header img {
    margin:10px 0;
    display:block;
    width:100%
}

.everybuy_wrap {
    position:relative;
    margin:0 auto;
    border-bottom:solid 1px #e1e1e1
}

.everybuy_cont header {
    width:100%;
    position:relative
}

.everybuy_wrap li {
    float:left;
    width:33.333%;
    position:relative;
    padding:10px 7px 15px 8px;
    border-top:1px solid #f2f4f5;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-size:15px;
    text-align:center
}

.everybuy_wrap img {
    width:100%
}

.everybuy_wrap div {
    background:url(http://m.martroo.com/_skin/m_mobile3/img/main/everybuy_badge.png);
    background-repeat:no-repeat;
    background-size:77%;
    position:absolute;
    width:36%;
    height:36%;
    bottom:56%
}

.everybuy_wrap span.prc {
    font-size:4vw;
    color:#1176bf;
    font-weight:700;
    position:absolute;
    top:70%;
    margin-left:2vw;
    border:solid 3px #18bae7;
    background:#fff;
    padding:3px 7px;
    display:block;
    border-radius:6px
}

.everybuy_wrap span.won {
    color:#383838;
    font-size:2.5vw
}

.everybuy_wrap ul {
    padding:0 4vw 4vw;
    display:table
}

.everybuy_wrap li.more {
    background:url(http://m.martroo.com/_skin/m_mobile3/img/main/mobile_main_more.png);
    background-repeat:no-repeat;
    background-size:100%;
    padding:12%
}


/* 품절시 soldout 출력 */
.prd_list ul li .box.out .img .soldout .icon_soldout {
    position:absolute;
    left:0;
    top:0;
    z-index:15;
    width:100%;
    height:100%;
    background:#ffffff80
}

.prd_list ul li .box.out .img .soldout .icon_soldout span {
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    z-index:100;
    opacity:.78
}

.prd_list0 ul li .box.out .img .soldout .icon_soldout span {
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/shop/m_soldout.png') no-repeat;
    background-size:186px;
    margin:-170px 0 0 -30px;
    width:186px;
    height:186px
}

.prd_list1 ul li .box.out .img .soldout .icon_soldout span {
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/shop/m_soldout.png') no-repeat;
    background-size:140px;
    margin:-86px 0 0 -61px;
    width:157px;
    height:122px
}

.prd_list2 ul li .box.out .img .soldout .icon_soldout span {
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/shop/m_soldout_s.png') no-repeat;
    background-size:74px;
    margin:-37px 0 0 -37px;
    width:74px;
    height:74px
}

.prd_list ul li .box2.out .img .soldout .icon_soldout {
    position:absolute;
    left:0;
    top:0;
    z-index:15;
    width:100%;
    height:100%;
    background:#ffffff80
}

.prd_list ul li .box2.out .img .soldout .icon_soldout span {
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    z-index:100;
    opacity:.78
}

.prd_list0 ul li .box2.out .img .soldout .icon_soldout span {
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/shop/m_soldout.png') no-repeat;
    background-size:186px;
    margin:-170px 0 0 -30px;
    width:186px;
    height:186px
}

.prd_list ul li .box .info {
    padding-bottom:10px;
    text-align:left
}

.prd_list ul li .box .info .name {
    padding:10px 5px 4px;
    overflow:hidden
}

@media screen and (max-width: 620px) {
    .prd_list ul li .box .info .name {
        height:30px
    }

}

.prd_list ul li .box .info .name a {
    color:#181818;
    line-height:100%;
    font-size:15px
}

.prd_list ul li .box .info .normal_prc {
    text-decoration:line-through
}

.prd_list ul li .box .info .summary {
    display:none;
    margin-top:10px;
    color:#bcbcbc;
    font-size:11px
}

.prd_list ul li .box2 .info {
    padding-bottom:10px;
    text-align:left
}

.prd_list ul li .box2 .info .name {
    padding:10px 5px 5px;
    overflow:hidden
}

.prd_list ul li .box2 .info .name a {
    color:#181818;
    line-height:100%
}

.prd_list ul li .box2 .info .normal_prc {
    text-decoration:line-through
}

.prd_list ul li .box2 .info .summary {
    margin-left:5px;
    color:#bcbcbc;
    font-size:11px
}

.cart_empty {
    height:60px;
    text-align:right;
    vertical-align:middle;
    line-height:62px
}

.cart_empty input[type="button"] {
    background:#9a9a9a;
    border:solid 1px #9a9a9a;
    padding:4px 10px;
    color:#fff;
    border-radius:1px;
    height:30px
}

.prd_list1 ul li {
    float:left;
    width:49%;
    margin-bottom:6px
}

.prd_list1 ul li:nth-child(even) {
    float:right
}

.prd_list1 ul li:nth-child(2n+1) {
    clear:both
}


/* 리스트 형식 노출 */

/*.prd_list2 ul li {*/

/*margin-bottom: 5px;*/

/*border-bottom: 1px solid #ebebeb;*/

/*}*/


.prd_list2 ul li {
    border-bottom:1px solid #ebebeb!important;
    border:solid 0;
    padding-bottom:4%;
    min-height:160px
}

.prd_list2 ul li:first-child {
    border-bottom:1px solid #ebebeb!important;
    border-top:1px solid #ebebeb!important
}

#main_new li {
    border-top:0!important
}

.prd_list2 ul li .box:after {
    display:block;
    clear:both;
    content:''
}

.prd_list2 ul li .box .img {
    padding-top:15px;
    float:left;
    width:34%
}

.prd_list2 ul li .box .info {
    float:left;
    width:65%;
    padding-left:10px;
    text-align:left;
    padding-top:9px;
    padding-bottom:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    max-height:60px;
    overflow:hidden;
    z-index:1;
    position:relative
}

.prd_list2 ul li .box .info .summary {
    display:block
}

.prd_list2 select {
    background-position:88% 50%
}


/* 이미지만 노출 */
.prd_list3 ul li {
    float:left;
    width:49%;
    padding-bottom:2%
}

.prd_list3 ul li:nth-child(even) {
    float:right
}

.prd_list3 ul li:nth-child(2n+1) {
    clear:both
}

.prd_list3 ul li .box .info {
    display:none
}


/* 세줄로 노출 */
.prd_list4 ul li {
    float:left;
    width:32%
}

.prd_list4 ul li:nth-child(3n-1) {
    margin:0 2%
}

.prd_list4 ul li:nth-child(3n+1) {
    clear:both;
    float:left
}

/* 상품정보 리스트 - 장바구니, 주문내역상세, 관심상품, 주문서 */
.list_prd {
    border-radius:3px
}

.list_prd li {
    padding:0 10px;
    border-top:1px solid #eaeaea;
    border-left:1px solid #eaeaea;
    border-right:1px solid #eaeaea;
    background:#fff
}

.list_prd li:first-child {
    border-top:0
}

.list_prd li:last-child {
    border-bottom:1px solid #ddd
}

.list_prd li .price_quantity {
    margin:10px 0 5px;
    padding:10px;
    background:#fff;
    border:1px solid transparent;
    border-radius:7px
}

.list_prd li:nth-child(even) .price_quantity {
    background:#f9f9f9
}

.list_prd li .pay .delete > a {
    font-size:18px;
    line-height:13px
}

.list_prd li .box .prd_detail {
    overflow:hidden;
    padding:10px 0
}

.list_prd li .box .prd_detail .check {
    float:left;
    padding-right:10px
}

.list_prd li .box .prd_detail .img {
    float:left;
    padding-right:10px
}

.list_prd li .box .prd_detail .prd_info {
    float:left;
    overflow:hidden
}

.list_prd li .box .prd_detail .prd_info .pay {
    height:25px;
    line-height:25px
}

.list_prd li .box .prd_detail .name {
    overflow:hidden;
    text-overflow:ellipsis
}

.list_prd li .box .prd_detail .name > a {
    line-height:150%;
    color:#181818
}

.list_prd li .box .prd_detail .prd_content {
    font-size:11px;
    color:#666
}

.list_prd li .box .prd_detail .prd_content .prd_content_bold {
    font-size:11px;
    color:#181818
}

.list_prd li .box .prd_detail .pay {
    color:#181818
}

.list_prd li .box .prd_detail .pay strong {
    color:#181818
}

.list_prd li .box .prd_detail .input_ea_cart {
    width:33px;
    height:25px;
    padding:0 5px;
    border:1px solid #d8d8d8;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    line-height:23px;
    text-align:center;
    background-color:#fff
}

.list_prd li .box .prd_detail .opt {
    clear:both
}

.list_prd li .box .prd_detail .opt select {
    width:100%;
    margin-top:5px
}

.list_prd li .box .prd_detail .cart {
    float:right;
    background:#17aacc;
    padding:3px
}

.list_prd li .box .prd_detail .cart > a {
    color:#fff
}

#bought_list .list_prd li .box .prd_detail .cart {
    float:right;
    background:#fff;
    padding:3px;
    border:solid 1px #7b7b7b;
    border-radius:1px
}

#bought_list .list_prd li .box .prd_detail .cart > a {
    color:#7b7b7b
}

#bought_list .prdMore {
    margin-top:13px
}

.list_prd li .box .prd_detail .confirm {
    float:right;
    padding:4px;
    background:#17aacc;
    margin-top:5px
}

.list_prd li .box .prd_detail .confirm > a {
    color:#fff
}

.list_prd li .box .prd_detail .write {
    position:absolute;
    right:0;
    bottom:10px
}

.list_prd li .box .price {
    clear:both;
    padding:10px 0;
    border-top:1px solid #ddd
}

.list_prd li .box .price .pay {
    padding-top:5px;
    color:#1795ea
}

.list_prd li .box .price .confirm {
    position:absolute;
    right:0;
    top:15px
}

.list_prd li .box .price .confirm a {
    padding:5px;
    background:#000;
    color:#fff
}

.list_prd li .box .delivery {
    padding:10px 0;
    border-top:1px solid #ddd
}

.list_prd li .box .delivery .stat {
    float:left;
    color:#f36d14
}

.list_prd li .box .delivery .confirm {
    width:100%;
    text-align:right
}

.list_prd li .box .delivery .confirm a {
    padding:5px;
    background:#000;
    color:#fff
}

.list_prd li .box .delivery:after {
    display:block;
    clear:both;
    content:''
}

.list_prd li .box .btn_col {
    border-top:1px solid #ddd
}


/* 리스트 */
.list_common {
    padding:10px;
    border:1px solid #ddd;
    border-radius:3px;
    background:#f9f9f9
}

.list_common dl {
    overflow:hidden
}

.list_common dl dt {
    clear:both;
    float:left;
    width:27%;
    padding:4px 0;
    text-align:left
}

.list_common dl dd {
    float:right;
    width:73%;
    padding:4px 0;
    text-align:right
}

.list_common dl dd .total {
    color:#f26522;
    font-weight:700
}

.list_common.half dl dt {
    width:50%
}

.list_common.half dl dt > img {
    margin-right:3px
}

.list_common.half dl dd {
    width:50%
}

.list_common #delivery_type2 {
    margin-left:70px
}

.list_common .change_button {
    padding:10px 0;
    display:none
}

.list_common .change_button .right {
    text-align:right
}

.list_common .change_button .right input {
    padding:4px;
    border:1px solid #fff;
    background:#181818;
    color:#fff
}

.list_common .change_time {
    margin-top:10px;
    display:none
}

.list_common .change_time .reserve_day {
    padding:10px 0;
    border-top:1px dashed #ddd
}

.list_common .change_time .reserve_day select {
    width:100%
}

.list_common .change_time input {
    padding:4px;
    border:1px solid #181818;
    background:#fff;
    color:#181818
}

#order_change .input_phone {
    float:left;
    width:32%
}

#order_change .input_phone.mid {
    margin:0 2%
}

/* 타이틀 있는 리스트 */
.list_title li {
    clear:both;
    margin:10px 0;
    border:1px solid #d7d7d7
}

.list_title li h3 {
    padding:10px;
    border-bottom:1px solid #d7d7d7;
    background:#f9f9f9
}

.list_title li dl {
    overflow:hidden;
    padding:10px
}

.list_title li dl dt {
    clear:both;
    float:left;
    width:27%;
    padding:4px 0;
    text-align:left
}

.list_title li dl dd {
    float:right;
    width:73%;
    padding:4px 0;
    text-align:right
}

/* 리스트 입력폼 - 주문서 */
.list_input li {
    overflow:hidden;
    padding:10px 0;
    border-top:1px dashed #ddd;
    text-align:left
}

.list_input li:first-child {
    border-top:0
}

.list_input li label {
    display:block;
    height:42px
}

.list_input li select {
    width:100%;
    padding-right:10%
}

.list_input li .address + label.point_cursor {
    margin-top:3px;
    font-size:11px;
    color:#666;
    line-height:140%;
    padding-bottom:0
}

.order_location a {
    display:block;
    margin-top:5px
}

.order_location span {
    color:#26a9ce;
    font-weight:700;
    position:relative;
    display:block
}


/* 리스트 - 게시판 목록(/mypage/counsel_list.php & /mypage/order_detail.php & qna_list.php & review_list.php) */
.list_board {
    clear:both
}

.list_board li {
    padding:2px 0
}

.list_board li .frame {
    border:1px solid #ddd;
    border-radius:1px
}

.list_board li .frame.notice {
    background:#f6f6f6
}

.list_board li .frame .subject {
    padding:10px
}

.list_board li .frame .subject .date {
    color:gray;
    font-size:11px
}

.list_board li .frame .subject .title {
    overflow:hidden;
    width:100%;
    padding-bottom:5px;
    font-size:1em;
    white-space:nowrap;
    text-overflow:ellipsis;
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/common/arrow_ui_down.png') no-repeat 98% 12px;
    background-size:12px;
    background-position:bottom right;
    color:#181818;
    line-height:150%
}

.list_board li .frame .subject .title b {
    color:#181818
}

.list_board li .frame .subject .title img {
    height:16px;
    vertical-align:middle
}

.list_board li .frame .subject .title .notice {
    display:inline-block;
    margin-right:2px;
    padding:0 2px;
    border:1px solid #aaa;
    background:#fff;
    font-size:.833em
}

.list_board li .frame .subject .stat {
    float:right;
    padding:0;
    color:red
}

.list_board li .frame .subject .name {
    font-size:.75em
}

.list_board li .frame .subject .name img {
    height:12px;
    vertical-align:middle
}

.list_board li .frame .content {
    display:none;
    padding:10px;
    border-top:1px dotted #ddd;
    background:#f6f6f6;
    color:#363636;
    text-align:left;
    line-height:150%
}

.list_board li .frame .content img {
    max-width:100%
}

.list_board li .frame .content .answer {
    margin-top:15px;
    padding:10px 0 10px 25px;
    border:1px solid #e0e0e0;
    background:#fff url(/_skin/m_mobile3/img/mypage/bullet_reply.png?ts=) no-repeat 10px 11px;
    background-size:12px 10px
}

.list_board li .frame2 .prdimg {
    float:left;
    width:20%;
    padding:10px 0 10px 10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    text-align:center
}

.list_board li .frame2 .prdimg img {
    width:100%;
    height:auto
}

.list_board li .frame2 .subject {
    float:left;
    width:80%;
    padding:10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}

.list_board li .frame2 .subject .title {
    padding:5px 0
}

.list_board li .frame2:after {
    display:block;
    clear:both;
    content:''
}

/* 리스트 - 게시판 글쓰기(qna, review) */
.list_write {
    margin-top:10px;
    padding:10px;
    border:1px solid #ddd
}

.list_write li {
    padding:2px 0
}

.list_write li.grade img {
    height:10px;
    vertical-align:baseline
}

.list_write li .readonly {
    background:#eee
}

.list_write li select {
    width:100%
}

.list_write li input[type=file] {
    line-height:0
}

/* 전체선택 */
.select_all {
    margin-bottom:10px;
    padding:10px;
    border:1px solid #ddd;
    background:#f9f9f9
}

.select_all label {
    display:inline-block;
    padding:6px 0 0 10px;
    vertical-align:top
}


/* 상품 진열 아이콘 */
.line_prd {
    position:relative;
    height:50px
}

.line_prd h3 {
    position:absolute;
    left:0;
    top:3px;
    font-size:1.167em;
    vertical-align:top
}

.line_prd .sort {
    left:0;
    top:0;
    float:right
}

.line_prd .sort select {
    width:100%;
    height:40px;
    line-height:40px;
    padding:0 5px;
    background-position:96% 50%;
    font-size:14px
}

.line_prd .total_prd {
    line-height:40px;
    width:30%;
    float:left;
    height:40px;
    margin-left:4px;
    font-size:14px
}

.line_prd .total_prd > span {
    color:#ff6d00;
    font-weight:700;
    font-size:14px
}

.line_prd .list_type {
    width:14%;
    float:left;
    margin-right:3px;
    margin-top:7px;
    cursor:pointer
}

.line_prd .list_type .change {
    width:25px
}

.line_prd .list_type .drop_btn {
    margin-top:8px;
    width:12px
}

.line_prd ul {
    float:right
}

.line_prd ul li {
    float:left;
    border:1px solid #c4c1bc;
    border-left:0
}

.line_prd ul li:first-child {
    border-left:1px solid #c4c1bc
}

.line_prd ul li img {
    width:25px;
    width:25px
}

.full-bg {
    position:fixed;
    width:100vw;
    height:100%;
    z-index:-1
}

.img {
    cursor:pointer
}

#subtitle_text p img {
    cursor:pointer
}

.subject {
    cursor:pointer
}

input[type=checkbox] {
    cursor:pointer
}

input[type=radio] {
    cursor:pointer
}


/*-----------------------------------------------------------------*/

/* 3. Layout

/*-----------------------------------------------------------------*/



/*-----------------------------------------------------------------*/

/* 3-1. wrapper

/*-----------------------------------------------------------------*/
#wrap {
    max-width:620px;
    min-width:320px;
    margin:0 auto;
    width:100%;
    position:relative
}

@media all and (min-width: 621px) {
    #wrap {
        border-width:0 1px;
        border-style:solid;
        border-color:#E1E1E1
    }

}

#layout {
    position:relative;
    background:#fff
}

#wrap .alert {
    position:fixed;
    right:-246px;
    top:30px;
    width:200px;
    background:#fff;
    z-index:601;
    border:3px solid #ff6d00;
    padding:20px;
    text-align:center
}

#wrap .alert #alert_msg {
    font-size:16px;
    font-weight:700;
    color:#ff6d00;
    text-align:center
}

#wrap .alert #alert_btn {
    padding:10px 0;
    width:160px;
    background:#ff6d00;
    color:#fff;
    text-align:center;
    display:inline-block;
    margin-top:45px
}

#wrap .alert a:hover {
    color:#fff!important
}

.app_dwld {
    position:relative;
    height:55px;
    padding:0 14px;
    background-color:#fff;
    z-index:600;
    border-bottom:solid 3px #ffffff52
}

.app_dwld .app_dwld_tx {
    display:table;
    overflow:hidden;
    height:55px;
    color:#555;
    line-height:64px;
    letter-spacing:-.05em
}

.app_dwld .app_dwld_tx p {
    display:table-cell;
    font-weight:700;
    font-size:1.3em;
    color:#5a5555;
    line-height:3.47em;
    letter-spacing:-.05em
}

.app_dwld .app_dwld_tx p .hl {
    color:#18bae7;
    font-size:15px
}

.app_dwld .app_dwld_tx span {
    display:block;
    font-size:.9em
}

.app_dwld .app_dwld_bn {
    position:absolute;
    top:15px;
    left:190px;
    height:24px;
    padding:0 10px;
    background-color:#18bae700;
    border:1px solid #18bae7;
    border-radius:4px;
    color:#18bae7;
    line-height:24px;
    text-align:center
}

.app_dwld .app_dwld_bn .icon_app_down {
    width:13px;
    height:13px;
    background-position:-242px -177px;
    -webkit-background-position:-242px -177px;
    margin-right:6px;
    vertical-align:-2px
}

.app_dwld .app_dwld_cls {
    display:block;
    position:absolute;
    top:20px;
    right:10px;
    width:35px;
    height:35px;
    background:none;
    border:0 solid #b3b3b3;
    border-radius:50%;
    font-size:0;
    color:transparent
}

.app_dwld .app_dwld_cls:before,.app_dwld .app_dwld_cls:after {
    display:inline-block;
    position:absolute;
    top:7px;
    left:50%;
    width:20px;
    height:1px;
    margin-left:-6px;
    background-color:#444;
    content:''
}

.app_dwld .app_dwld_cls:before {
    -webkit-transform:rotate(45deg)
}

.app_dwld .app_dwld_cls:after {
    -webkit-transform:rotate(-45deg)
}


/*-----------------------------------------------------------------*/

/* 3-2. header

/*-----------------------------------------------------------------*/

#header {
    width:100%
}

#header h1 {
    text-align:center
}

#header h1 img {
    height:44px
}

#header .gnb {
    display:flex;
    justify-content:space-between;
    padding:5px 10px 0;
    align-content:center
}

#header .gnb.show {
    padding-bottom:5px;
    border-bottom:1px solid #e6e6e6
}

#header .gnb li a {
    display:inline-block
}

#header .gnb li.category a {
    background-image:url('https://www.freshking.co.kr/_skin/m_mobile3/img/header/menu_btn.png');
    width:39px;
    height:39px;
    background-size:62%;
    background-position:center;
    background-repeat:no-repeat;
    color:transparent
}

#header .gnb li.logo {
    position:relative;
    display:flex
}

#header .gnb li.logo .divider {
    color:#a1a1a1
}

#header .gnb li.search a {
    position:absolute;
    right:45px;
    top:0;
    background-image:url('https://www.freshking.co.kr/_skin/m_mobile3/img/common/search_22.png')
}

#header .gnb li.cart a {
    background-image:url('https://www.freshking.co.kr/_skin/m_mobile3/img/header/cart_btn.png');
    width:39px;
    height:39px;
    background-size:62%;
    background-position:center;
    background-repeat:no-repeat;
    color:transparent
}

#header .gnb li.cart span.login {
    display:block;
    position:absolute;
    right:10px;
    top:9px;
    height:15px;
    margin:0;
    padding:0 4px;
    border-radius:10px;
    background:#f46665;
    color:#fff;
    font-size:.75em;
    text-align:center;
    line-height:15px
}

#header .gnb li.my {
    position:absolute;
    right:0;
    top:0
}

#header .gnb li.my a {
    background-image:url('https://www.freshking.co.kr/_skin/m_mobile3/img/common/my_2.png')
}

#header .search_box {
    border:1px solid #d8d8d8;
    height:39px;
    margin:5px 10px;
    display:none
}

#header .search_box.show {
    display:block
}

#header .search_box form {
    display:flex;
    justify-content:space-between
}

#header .search_box input {
    height:39px;
    line-height:39px;
    padding:0 5px;
    border:none;
    width:90%
}

#header .search_box span input {
    display:inline-block;
    background-image:url('https://www.freshking.co.kr/_skin/m_mobile3/img/header/search_btn.png');
    width:39px;
    height:39px;
    background-size:62%;
    background-position:center;
    background-repeat:no-repeat;
    color:transparent;
    background-color:transparent;
    cursor:pointer
}

#header .searchform {
    display:none;
    position:absolute;
    left:0;
    top:45px;
    z-index:2;
    width:100%;
    padding:10px;
    background:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    box-shadow:0 2px 4px #00000057!important
}

#header .searchform input {
    float:left;
    width:80%
}

#header .searchform .btn input {
    float:right;
    width:18%;
    height:40px;
    border:1px solid #fff;
    background:#17aacc;
    color:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    line-height:38px
}

#header.active {
    top:0!important;
    position:fixed!important
}


/*-----------------------------------------------------------------*/

/* 3-3. content

/*-----------------------------------------------------------------*/
#cnt {
    padding:0 10px 20px
}

.subtitle span {
    display:block;
    margin-bottom:10px;
    text-align:center
}

.subtitle span > p {
    padding-top:13px;
    height:34px;
    font-size:16px;
    font-weight:700
}

.subtitle span > p img {
    width:22px;
    position:absolute;
    left:10px
}

#cnt #company > img {
    width:100%
}

#footer .box {
    padding:16px 13px 44px;
    border-top:1px solid #eee
}

#footer .box h2 {
    position:relative;
    padding:10px;
    background:#f9f9f9;
    color:#181818;
    font-size:1.167em
}

#footer .box h2 span {
    display:inline-block;
    position:absolute;
    right:5%;
    top:10px;
    padding:2px 5px;
    border:1px solid #ddd;
    background:#fff
}

#footer .box .toggle {
    display:none;
    padding:10px
}

#footer .customer .tel {
    padding-bottom:10px
}

#footer .customer .tel a {
    color:#181818;
    font-size:1.667em;
    font-weight:700
}

#footer .customer .time {
    color:#373737;
    font-size:.917em
}

#footer .customer .time strong {
    padding-right:5px;
    color:#949494
}

#footer .customer .btn {
    padding-top:10px
}

#footer .customer .btn:after {
    display:block;
    clear:both;
    content:''
}

#footer .customer .btn a {
    float:left;
    width:48%;
    height:24px;
    border:1px solid #c4c1bc;
    color:#181818;
    line-height:24px
}

#footer .customer .btn a:nth-child(2) {
    float:right
}

#footer .bank ul li {
    font-weight:700
}

#footer .bank ul li span {
    color:#949494
}

#footer .return .address {
    color:#777
}

#footer .info {
    background-color:#4d4d4d
}

#footer .info * {
    color:#d4d4d4;
    font-size:10px;
    line-height:150%
}

#footer .info .sns li {
    display:inline;
    padding:0 5px
}

#footer .info .sns li img {
    width:25px
}

#footer .info .menu {
    padding-top:10px
}

#footer .info .menu li {
    display:inline;
    padding:0 3px
}

#footer .info .menu li:last-child {
    padding-right:0
}

#footer .info .menu li a {
    color:#fff!important;
    font-weight:700;
    font-size:1.05em!important
}

#footer .info address {
    padding-top:12px;
    font-style:normal
}

#footer .info .escrow {
    padding-top:10px
}

#footer .info .copyright {
    padding-top:16px;
    font-size:.95em;
    color:#b3b3b3
}

#footer .viewpc {
    display:block;
    margin-top:10px;
    width:25%;
    height:24px;
    background:#595a5d;
    color:#eaeaea;
    font-size:1.05em;
    border-radius:2px;
    line-height:26px;
    text-align:center
}

#footer .btn_wrapper {
    position:absolute;
    right:5%;
    margin:0 40px;
    bottom:0
}

#footer .btn_top {
    display:none;
    position:fixed;
    z-index:100;
    text-align:center;
    bottom:2%;
    cursor:pointer
}

#footer .btn_top img {
    width:40px
}

#footer .btn_back {
    position:fixed;
    left:5%;
    bottom:12%;
    z-index:100;
    text-align:center;
    display:none
}

#footer .btn_back img {
    width:40px
}

#footer .shop_wrapper {
    border-bottom:1px solid #eaeaea;
    padding-bottom:6px
}

#footer .shop_wrapper .footer_logo {
    float:left;
    width:35%
}

#footer .shop_wrapper .footer_logo img {
    width:100%
}

#footer .shop_wrapper .footer_menu {
    float:left;
    width:65%;
    text-align:right;
    padding-bottom:5px
}

#footer .shop_wrapper .footer_menu a {
    font-size:1em
}

#footer .contact_info {
    width:100%;
    background:#eaeaea;
    padding:12px 0 5px;
    text-align:center
}

#footer .contact_info .contact_link img {
    margin-right:4px
}

#footer .contact_info .contact_link a {
    color:#595959
}

#footer .contact_info span {
    display:inline-block;
    width:45%;
    border:1px solid #bdbdbd;
    padding:10px 0;
    text-align:center;
    height:20px;
    line-height:20px;
    border-radius:3px
}

#footer .contact_info p {
    margin-top:7px;
    margin-bottom:5px;
    text-align:center;
    color:#4d4d4d;
    line-height:150%
}

/*-----------------------------------------------------------------*/

/* 3-5. snb

/*-----------------------------------------------------------------*/
.side_bar .fixed {
    position:fixed;
    max-width:620px;
    width:100%;
    background:#fff;
    z-index:2;
    top:0px;
}

.side_bar .fixed.active {
    top:0!important;
    position:fixed!important
}

.side_bar .top_bar {
    height:32px;
    line-height:32px;
    padding:7px 10px;
    border-bottom:solid 1px #e6e6e6;
    display:flex;
    align-items:center;
    font-size:13px;
    max-width:600px
}

.liner {
    background:#f7f7f7;
    height:12px;
    border-top:solid 1px #e6e6e6
}

.m_liner {
    width:100%;
    border-top:solid 1px #eaeaea
}

.side_bar .top_bar .back_btn {
    position:absolute;
    right:14px;
    background:url(/_skin/m_mobile3/img/common/close_btn_2103.png);
    width:18px;
    height:18px;
    text-indent:-5000px;
    background-repeat:no-repeat;
    background-size:18px;
    cursor:pointer
}

.side_bar .menu_bar {
    padding:10px;
    border-bottom:1px solid #e2e2e2;
    max-width:600px;
    height:80px
}

.side_bar .menu_container {
    display:inline-block;
    width:30%;
    text-align:center;
    cursor:pointer
}

.side_bar .menu_border {
    display:inline-block;
    width:3%;
    text-align:center
}

.side_bar .menu_border div {
    display:inline-block;
    width:1px;
    padding-top:40px;
    background-color:#d4d4d4
}

.side_bar .menu_text {
    font-size:13px
}

.side_bar .menu_text .on {
    color:#ff5050
}

.side_bar .menu_img img {
    width:45px;
    margin-bottom:4px;
    padding:5%
}

.side_bar .category_container {
    padding-top:148px
}

.side_bar .category_container.top_fixed {
    padding-top:143px!important
}

.side_bar .title {
    padding:10px;
    color:#7e7e7e;
    background:#f7f7f7;
    border-bottom:1px solid #ececec;
    border-top:1px solid #ececec;
    font-size:14px
}

.side_bar .category_big_title {
    height:32px;
    line-height:32px;
    padding-left:12px;
    font-size:14px;
    padding-top:3px;
    padding-bottom:3px;
    color:#fff;
    background:#ff6d00
}

.side_bar .category_big_title img {
    position:absolute;
    width:14px;
    margin-top:9px;
    right:14px
}

.mid_img img {
    width:60px!important
}

.side_bar .category_mid_content {
    padding-top:2px
}

table.event_list {
    margin-top:3px
}

.side_bar .category_mid_content table {
    width:100%
}

.side_bar .category_mid_content td {
    width:25%;
    cursor:pointer
}

.side_bar #midContainerTheme {
    padding-top:5px
}

.side_bar #midContainerTheme td {
    padding-bottom:10px;
    text-align:center;
    width:50%
}

.side_bar #midContainerTheme td img {
    width:92%;
    height:auto
}

.side_bar .category_mid_content tr:first-child td {
    padding-top:0
}

.side_bar .category_mid_content .mid_img {
    font-size:15px;
    line-height:36px;
    border-bottom:#ccc solid 1px;
    padding:3px 10px;
    background:url(/_skin/m_mobile3/img/common/arrow_to_open.png) 95% 50% no-repeat;
    background-size:16px 16px;
    color:#4d4d4d
}

.side_bar .category_mid_content .mid_img.open {
    background:url(/_skin/m_mobile3/img/common/arrow_to_close.png) 95% 50% no-repeat;
    background-size:16px 16px;
    font-weight:700
}

.side_bar .category_mid_content .mid_img img {
    width:36px!important;
    margin-right:4px
}

.side_bar .category_mid_content .mid_img + .small_category_list {
    display:none
}

.side_bar .category_mid_content .mid_img + .small_category_list li {
    height:40px;
    line-height:40px;
    background:#f5f5f5;
    color:#4d4d4d;
    padding-left:60px;
    border-bottom:1px solid #ccc;
    font-size:14px
}

.side_bar .category_mid_content .mid_img + .small_category_list li span {
    margin-right:4px;
    color:#4d4d4d;
    font-size:14px;
    margin-top:2px
}

.side_bar .service .service_content {
    height:34px;
    line-height:34px;
    padding-left:34px;
    padding-top:4px;
    padding-bottom:4px;
    border-bottom:1px solid #ececec;
    background-size:16px!important;
    background-position:9px 13px!important;
    font-size:13px;
    cursor:pointer
}

.side_bar .service .service_content#notice {
    background:url(/_skin/m_mobile3/img/common/notice_icon_2103.png) no-repeat
}

.side_bar .service .service_content#kakao {
    background:url(/_skin/m_mobile3/img/common/bottom_2.png) no-repeat
}

.side_bar .service .service_content#cs {
    background:url(/_skin/m_mobile3/img/common/call_icon_2103.png) no-repeat
}

.side_bar .service .service_content#faq {
    background:url(/_skin/m_mobile3/img/common/qna_icon_2103.png) no-repeat
}

.side_bar .round_btn {
    border-radius:14px;
    background-color:#f3f3f3;
    border:0;
    padding:8px;
    vertical-align:middle;
    display:inline;
    margin-right:5px
}

.side_bar .round_btn .branch_pin {
    background:url(/_skin/m_mobile3/img/common/pin_2104.png) no-repeat left center;
    padding-left:13px;
    display:inline-block;
    font-size:13px
}

.side_bar .login_btn {
    color:#969696;
    padding:0 10px;
    border-right:1px solid #e6e6e6;
    font-size:14px
}

.side_bar .join_btn {
    color:#ff5050;
    padding:0 10px;
    font-size:14px
}

.mypage .center_container {
    background-color:#f4f4f4;
    padding:20px
}

.mypage .center_menu {
    background-color:#fff;
    box-shadow:0 1px 7px #0000000d
}

.mypage .modify_container {
    position:relative
}

.mypage .modify_container .modify_btn {
    position:absolute;
    right:0
}

.mypage .center_menu table {
    width:100%
}

span.my_milage,span.my_coupon {
    color:#ff6d00
}

span.my_milage,span.my_coupon,span.my_bought,span.my_like {
    font-weight:700
}

span.member_name {
    font-size:16px;
    font-weight:700
}

span.member_text {
    vertical-align:middle
}

.modify_container div {
    width:30px;
    height:30px;
    background:url(/_skin/m_mobile3/img/common/my_option.png);
    background-repeat:no-repeat;
    background-size:25px;
    position:absolute;
    top:7px;
    right:5px;
    background-position:0 2px;
    cursor:pointer
}

.mypage .center_menu td {
    text-align:center;
    width:50%;
    padding:6px;
    border:1px solid #ececec;
    height:30px;
    line-height:30px;
    color:#636363
}

.mypage .center_menu tr:first-child td {
    width:100%;
    height:30px;
    line-height:30px
}

.mypage .center_menu tr:not(:first-child) td {
    cursor:pointer
}

.mypage .mypage_list {
    border-top:1px solid #ddd
}

.mypage .mypage_list > div {
    padding:12px;
    border-bottom:1px solid #ececec;
    height:22px;
    line-height:22px;
    color:#3e3e3e;
    background:url(/_skin/m_mobile3/img/common/arrow_to_right.png);
    background-repeat:no-repeat;
    background-size:11px;
    background-position:right 10px center;
    font-size:14px;
    cursor:pointer
}

.mypage .mypage_list > div:last-child {
    border-bottom:0
}

.mypage .mypage_list span {
    position:absolute;
    right:28px;
    line-height:22px;
    color:#ff6d00
}

.mypage .mypage_list #logout {
    background-color:#999;
    color:#fff;
    text-align:center;
    background-size:0
}


/* snb 공통 */
.snb {
    width:275px;
    position:fixed;
    height:100%;
    top:0;
    left:0;
    -webkit-transition:-webkit-transform .2s ease-out;
    -o-transition:-o-transform .2s ease-out;
    transition:transform .2s ease-out;
    z-index:500;
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}

.snb.snb1_active {
    -webkit-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform:translateX(0%);
    transform:translateX(0%);
    opacity:1;
    box-shadow:1px 0 5px gray
}

.snb .area_scroll {
    overflow-y:auto;
    position:relative;
    width:100%;
    background:#fff
}

.snb .area_scroll .btn_close {
    position:absolute;
    top:0;
    width:45px;
    height:45px;
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/button/btn_close.png') no-repeat 50%;
    background-size:16px;
    font-size:0;
    line-height:0;
    text-indent:-99999em;
    cursor:pointer
}

.snb .area_scroll .list .list_title {
    background:#17719b;
    height:35px;
    line-height:35px;
    padding-left:15px;
    font-size:16px;
    color:#fff;
    border-bottom:1px solid #17aacc
}

.snb .area_scroll .list.board {
    display:none
}

.snb .area_scroll .list ul li {
    position:relative;
    border-bottom:1px solid #f1f1f1;
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/common/arrow_ui_right.png') no-repeat 95% 8px;
    background-size:13px
}

.snb .area_scroll .list.notice ul li,.snb .area_scroll .list.mypage ul li {
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/common/arrow_ui_right_notice.png') no-repeat 95% 13px;
    background-size:13px;
    height:40px
}

.snb .area_scroll .list ul li.mid_cate {
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/common/arrow_ui_down.png') no-repeat 95% 17px;
    background-size:13px
}

.snb .area_scroll .list ul li:nth-child(4).mid_cate {
    border-bottom:1px solid #17aacc
}

.snb .area_scroll .list ul li:nth-child(4).mid_cate li {
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/common/m_hot.png') no-repeat 32px;
    background-size:25px
}

.snb .area_scroll .list ul li:nth-child(4).mid_cate #cate1332 li:first-child {
    background-position:32px 64%
}

.snb .area_scroll .list ul li:nth-child(4).mid_cate #cate1332 li:last-child {
    background-position:32px 36%
}

.snb .area_scroll .list ul li.mid_cate li:last-child {
    border-bottom:0
}

.snb .area_scroll .list ul li.mid_cate .small_cate {
    background-color:#fff
}

.snb .area_scroll .list ul li.mid_cate .small_cate > li:first-child {
    padding-top:8px;
    background-position:95% 64%
}

.snb .area_scroll .list ul li.mid_cate .small_cate > li:last-child {
    padding-bottom:8px;
    background-position:95% 36%
}

.snb .area_scroll .list ul li a {
    display:block;
    width:100%;
    height:40px;
    padding-left:22px;
    font-size:12px;
    color:#17719b;
    line-height:40px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.snb .area_scroll .list ul li.select {
    background-color:#e1eff8
}

.snb .area_scroll .list.notice ul li a {
    color:#17719b
}

.snb .area_scroll .list.mypage ul li a {
    color:#181818
}

.snb .area_scroll .list ul li a img {
    padding-top:9px;
    width:20px;
    margin-right:4px
}

.snb .area_scroll .small_cate li {
    border-bottom:0!important
}

.snb .area_scroll .small_cate li a {
    padding-left:62px!important;
    font-size:11px!important;
    height:35px!important;
    line-height:35px!important;
    color:#666!important
}

.sprite {
    background-image:url(/_skin/m_mobile3/img/common/category_icon.png);
    background-size:154px;
    background-repeat:no-repeat!important;
    display:inline-block!important
}

#cate1164 li > i,#cate1165 li > i,#cate1166 li > i {
    margin-top:5px;
    margin-left:32px;
    width:22px;
    height:22px;
    float:left
}

#cate1164 li:nth-child(1) > i {
    background-position:-2px -2px
}

#cate1164 li:nth-child(2) > i {
    background-position:-28px -2px
}

#cate1164 li:nth-child(3) > i {
    background-position:-54px -2px
}

#cate1164 li:nth-child(4) > i {
    background-position:-79px -2px
}

#cate1164 li:nth-child(5) > i {
    background-position:-105px -2px
}

#cate1164 li:nth-child(6) > i {
    background-position:-3px -28px
}

#cate1164 li:nth-child(7) > i {
    background-position:-28px -28px
}

#cate1164 li:nth-child(8) > i {
    background-position:-54px -28px
}

#cate1164 li:nth-child(9) > i {
    background-position:-78px -28px
}

#cate1164 li:nth-child(10) > i {
    background-position:-105px -28px
}

#cate1164 li:nth-child(11) > i {
    background-position:-3px -53px
}

#cate1164 li:nth-child(12) > i {
    background-position:-28px -53px
}

#cate1165 li:nth-child(1) > i {
    background-position:-53px -53px
}

#cate1165 li:nth-child(2) > i {
    background-position:-78px -53px
}

#cate1165 li:nth-child(3) > i {
    background-position:-104px -53px
}

#cate1165 li:nth-child(4) > i {
    background-position:-2px -79px
}

#cate1165 li:nth-child(5) > i {
    background-position:-28px -79px
}

#cate1165 li:nth-child(6) > i {
    background-position:-53px -79px
}

#cate1165 li:nth-child(7) > i {
    background-position:-78px -79px
}

#cate1165 li:nth-child(8) > i {
    background-position:-105px -79px
}

#cate1165 li:nth-child(9) > i {
    background-position:-2px -105px
}

#cate1165 li:nth-child(10) > i {
    background-position:-28px -105px
}

#cate1165 li:nth-child(11) > i {
    background-position:-53px -105px
}

#cate1166 li:nth-child(1) > i {
    background-position:-78px -105px
}

#cate1166 li:nth-child(2) > i {
    background-position:-129px -28px
}

#cate1166 li:nth-child(3) > i {
    background-position:-53px -105px
}

#cate1166 li:nth-child(4) > i {
    background-position:-104px -105px
}

#cate1166 li:nth-child(5) > i {
    background-position:-129px -2px
}

.snb .area_scroll .list ul li a > span {
    position:absolute;
    right:14%;
    top:0;
    color:inherit;
    font-size:inherit;
    font-weight:700;
    line-height:inherit
}

.snb .area_scroll .list.mypage ul li a {
    padding-left:15px;
    background-size:35px;
    background-repeat:no-repeat;
    background-position:left top;
    line-height:40px
}

.snb1 {
    left:0
}

.snb1 .btn_close {
    right:0
}

.snb1 .area_scroll .menu_tab {
    overflow:hidden;
    margin-top:45px;
    border-top:1px solid #17aacc
}

.snb1 .area_scroll .menu_tab li {
    float:left;
    width:50%;
    height:38px;
    background:#ebebeb;
    color:#181818;
    font-size:1.083em;
    font-weight:600;
    text-align:center;
    line-height:38px
}

.snb1 .area_scroll .menu_tab li.selected {
    background:#fff
}

.snb2 {
    right:0;
    width:275px;
    position:fixed;
    height:100%;
    top:0;
    left:inherit;
    -webkit-transition:-webkit-transform .2s ease-out;
    -o-transition:-o-transform .2s ease-out;
    transition:transform .2s ease-out;
    z-index:500;
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}

.snb2 .btn_close {
    left:0
}

.snb2 .area_scroll .btn_member {
    position:absolute;
    top:10px;
    right:10px
}

.snb2 .area_scroll .btn_member .btn_link {
    display:inline-block;
    width:79px;
    height:25px;
    border:1px solid #c4c1bc;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    color:#181818;
    font-size:.917em;
    font-weight:800;
    line-height:23px
}

.snb2 .area_scroll h2 {
    height:45px;
    border-top:1px solid #ebebeb;
    color:#181818;
    font-size:1.5em;
    text-align:center;
    line-height:45px;
    font-weight:400
}

.snb2 .area_scroll h2 span {
    color:#17aacc;
    font-size:inherit;
    font-weight:700;
    line-height:inherit
}

.snb2 .area_scroll .level {
    position:relative;
    top:-10px;
    text-align:center
}

.snb2 .area_scroll .info {
    padding:10px 10px 5px;
    border-top:1px solid #ebebeb;
    background:#f8f8f8
}

.snb2 .area_scroll .info ul li {
    float:left
}

.snb2 .area_scroll .info ul li:nth-child(even) {
    float:right
}

.snb2 .area_scroll .info ul li a {
    display:block;
    width:125px;
    padding:10px;
    margin-bottom:5px;
    border:1px solid #ebebeb;
    background:#fff;
    font-size:.973em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    line-height:17px
}

.snb2 .area_scroll .info ul li a span {
    float:right;
    color:#f52570;
    font-size:1.12em;
    line-height:17px
}

.snb2 .area_scroll .info:after {
    display:block;
    clear:both;
    content:''
}

.snb2.snb2_active {
    -webkit-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform:translateX(0%);
    transform:translateX(0%);
    opacity:1;
    box-shadow:-1px 0 5px gray
}

.layout_dimmed {
    display:none;
    position:absolute;
    left:0;
    top:0;
    z-index:100;
    width:100%;
    height:100%;
    background:#00000080
}

/*-----------------------------------------------------------------*/

/* 4. Page

/*-----------------------------------------------------------------*/



/*-----------------------------------------------------------------*/

/* 4-1. 메인

/*-----------------------------------------------------------------*/
#main .visual_slides {
    overflow:hidden;
    position:relative;
    width:100%;
    background:#0000000f;
    padding-bottom:14px
}

#main .visual_slides.week_true {
    background-color:#fff;
    margin-bottom:10px;
    padding-bottom:20px;
    padding-top:6px
}

#main .visual_slides.week_true .week_true_text {
    padding:3px 7%
}

#main .visual_slides .slides_container {
    overflow:hidden;
    width:100%
}

#main .visual_slides .slides_container ul {
    overflow:hidden;
    width:100%
}

#main .visual_slides .slides_container ul li {
    float:left;
    position:relative;
    width:100%;
    top:0;
    overflow:hidden
}

#main .visual_slides .slides_container ul li img {
    width:100%;
    height:auto
}

#main .visual_slides #main_week_true_visual.slides_container ul li img {
    width:86%;
    margin-left:7%;
    height:auto
}

#main .visual_slides .slides_container_sub #sub_ul > li {
    float:left;
    position:relative;
    width:100%;
    top:0
}

#main .visual_slides .slides_container_sub ul li img {
    width:100%;
    height:auto
}

#main .visual_slides .pagination {
    position:absolute;
    left:0;
    bottom:20px;
    z-index:98;
    width:100%;
    height:0;
    text-align:center
}

#main .visual_slides .pagination li {
    display:inline-block;
    margin:6px 3px
}

#main .visual_slides .pagination li a {
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:100%;
    background:#c7c7c7
}

#main .visual_slides .pagination li.current a {
    background:#000
}

#main .visual_slides1 {
    overflow:hidden;
    position:relative;
    width:100%
}

#main .visual_slides1 .slides_container1 {
    overflow:hidden;
    width:100%
}

#main .visual_slides1 .slides_container1 ul {
    overflow:hidden;
    width:100%
}

#main .visual_slides1 .slides_container1 ul li {
    float:left;
    position:relative;
    width:100%;
    top:0
}

#main .visual_slides1 .slides_container1 ul li img {
    width:100%;
    height:auto
}

#main .visual_slides1 .slides_container_sub1 #sub_ul > li {
    float:left;
    position:relative;
    width:100%;
    top:0
}

#main .visual_slides1 .slides_container_sub1 ul li img {
    width:100%;
    height:auto
}

#main .visual_slides1 .pagination1 {
    position:absolute;
    left:0;
    bottom:20px;
    z-index:98;
    width:100%;
    height:0;
    text-align:center
}

#main .visual_slides1 .pagination1 li {
    display:inline-block;
    margin:0 2px
}

#main .visual_slides1 .pagination1 li a {
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:100%;
    background:#c7c7c7
}

#main .visual_slides1 .pagination1 li.current1 a {
    background:#000
}

#main .banner {
    margin-top:20px;
    border-top:1px solid #dadada;
    border-bottom:1px solid #dadada
}

#main .banner:after {
    display:block;
    clear:both;
    content:''
}

#main .banner li {
    float:left;
    width:50%
}

#main .banner li:first-child {
    border-right:1px solid #dadada;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

#main .banner li img {
    width:100%;
    height:auto
}


/* 메인 하단 쩌리기획전 타이틀 부분 퍼블리싱 by 현우 */

/*.main_new .prd_wrap {*/

/*width: 100%;*/

/*margin: 0 auto;*/

/*display: table;*/

/*margin-top: 4%;*/

/*padding-bottom: 16px;*/

/*border-bottom: solid 1px rgba(38, 169, 206, 0.39);*/

/*}*/

.main_new .prd_wrap {
    width:100%;
    margin:0 auto;
    display:table;
    padding-top:22px;
    padding-bottom:16px;
    border-bottom:dashed 2px #92e2f999;
    border-top:solid 15px #eee
}

.first .prd_wrap {
    width:100%;
    margin:0 auto;
    display:table
}

.prd_title {
    width:100%;
    height:11vw;
    vertical-align:middle;
    display:table-cell
}

.prd_contents {
    text-align:center
}

.prd_contents a {
    font-size:9vw;
    font-family:tvn;
    padding-left:10px;
    color:#18bae7
}

.prd_contents span {
    font-size:4vw;
    color:#13bae2;
    font-weight:700
}

.prd_bottom {
    width:2vw;
    height:.3vw;
    background:#18bae7;
    margin:4vw -1vw 7vw;
    -webkit-transform:translate(0px) rotate(45deg);
    -o-transform:translate(0px) rotate(45deg);
    transform:translate(0px) rotate(45deg);
    border-radius:46px;
    float:left
}

.prd_bottom1 {
    width:2vw;
    height:.3vw;
    background:#18bae7;
    margin:4vw .3vw 6vw;
    -webkit-transform:translate(0px) rotate(45deg);
    -o-transform:translate(0px) rotate(45deg);
    transform:translate(0px) rotate(-45deg);
    border-radius:46px;
    float:left
}

.prd_wrapper {
    margin:0 auto;
    display:none
}

#main .main_rest {
    margin-top:30px;
    padding:10px
}

#main .main_menu_container {
    overflow:hidden;
    position:relative;
    width:100%;
    margin-bottom:-10px;
    border-bottom:solid 8px #eee;
    display:table-cell
}

.main_link {
    float:left;
    width:20%;
    text-align:center;
    padding:9px 0
}

.main_link .recent {
    color:#ff5050
}

.main_link:nth-child(4n+4) li {
    border-right:solid 0 #0000001f
}

#main .main_menu_container ul {
    display:table;
    position:relative;
    margin:0 auto;
    height:220px;
    border-top:solid 1px #e1e1e1;
    border-bottom:solid 1px #e1e1e1;
    padding-bottom:10px
}

.main_link a {
    font-size:1em
}

#main .main_menu_container li {
    display:inline-block;
    width:100%
}

#main .main_menu_container li > img {
    height:auto
}

#main .main_menu_container li > a > img {
    width:75%;
    padding:0 12.5%
}

#main .view_cover {
    overflow:hidden
}

#main .view_cover.first {
    margin-top:0;
    width:100%;
    border-top:solid 5px #eee
}

#main .view_cover .view {
    overflow:hidden;
    border-top:solid 1px #e1e1e1;
    border-bottom:solid 1px #e1e1e1
}

#main .view_cover .view .scrollBlind {
    margin:25px 0;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch
}

#main .view_cover .view .scrollBlind img {
    width:100%;
    margin-left:0;
    margin-top:7%
}

#main .view_cover .view .scrollBlind ul li:first-child img {
    width:80%;
    margin-left:0;
    margin-top:0
}

#main .view_cover .view .scrollBlind ul {
    list-style-type:none;
    overflow-x:auto;
    overflow-y:hidden;
    height:100%
}

#main .view_cover .view .scrollBlind ul li:first-child {
    display:inline
}

#main .view_cover .view .scrollBlind ul li {
    position:relative;
    display:inline-block;
    width:35%
}

#main .view_cover .view .scrollBlind ul li:last-child {
    width:10vw;
    position:relative;
    right:0;
    top:-15vw;
    cursor:pointer
}

#main .view_cover .view .scrollBlind ul li:last-child span {
    color:#797979;
    text-shadow:0 0 1px transparent
}

@media screen and (min-width: 620px) {
    #main .view_cover .view .scrollBlind ul span {
        font-size:25px
    }

    #main .view_cover .view .scrollBlind ul a {
        font-size:25px
    }

    #main .view_cover .view .scrollBlind ul li:last-child {
        top:-100px
    }

}

#main .view_cover .view .scrollBlind ul li div img {
    cursor:pointer
}

.view_cover a {
    color:#525252;
    font-size:3.3vw;
    border-radius:27px;
    padding:0 15px;
    text-align:center;
    z-index:1;
    margin:0 auto;
    display:block
}

.view_cover span {
    font-size:4vw;
    font-weight:700;
    color:#484848
}


/*-----------------------------------------------------------------*/

/* 4-2.상점

/*-----------------------------------------------------------------*/



/* 회원 쇼핑통장(장바구니, 주문서) */
.myshop_info {
    height:92px;
    margin-bottom:30px;
    border:1px solid #eaeaea
}

.myshop_info .name {
    float:left;
    width:306px;
    border-right:1px solid #eaeaea;
    text-align:center;
    line-height:92px
}

.myshop_info ul {
    float:left;
    width:650px;
    padding:19px 70px 0
}

.myshop_info ul li {
    float:left;
    width:122px;
    height:55px;
    margin-left:10px;
    text-align:center
}

.myshop_info ul li:first-child {
    margin-left:0
}

.myshop_info ul li a {
    display:block;
    height:55px;
    background:#f9f9f9;
    color:#6e6e6e
}

.myshop_info ul li a strong {
    display:block;
    padding:10px 0 5px;
    color:#000
}


/* 상품목록(/shop/big_section.php) */
#big_section .title {
    width:70%;
    margin:10px auto;
    padding:5px 0;
    border:3px double #c4c1bc;
    font-size:1.5em;
    text-align:center;
    line-height:25px
}

#big_section .midcate {
    height:32px;
    width:100%;
    margin-bottom:10px;
    padding:2px 0 2px 5px;
    border-top:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb
}

.outer {
    margin-top:10px;
    padding-bottom:20px;
    overflow-y:hidden;
    height:35px
}

.inner {
    width:100%;
    border:1px solid transparent;
    position:relative;
    overflow-y:hidden;
    margin-bottom:-2px;
    padding-bottom:10px;
    height:40px
}

.smallcate {
    list-style-type:none;
    overflow-x:auto;
    white-space:nowrap;
    -ms-overflow-style:none;
    height:60px;
    line-height:36px;
    -webkit-overflow-scrolling:touch;
    -webkit-overflow-style:hidden
}

::-webkit-scrollbar {
    display:none
}

.smallcate li {
    display:inline-block;
    margin-left:14px;
    vertical-align:middle;
    border-radius:3px;
    border:1px solid #989898;
    background:#fff
}

.smallcate li:first-child {
    margin-left:12px
}

.smallcate li:last-child {
    margin-right:5vw
}

.smallcate li a {
    color:#7d7d7d;
    padding:4px 8px;
    display:table-cell;
    text-align:center;
    height:20px;
    font-size:12px;
    line-height:20px
}

.smallcate li.selected {
    border:1px solid #ff6d00
}

.smallcate li.selected a {
    color:#ff6d00;
    padding:4px 8px;
    display:table-cell;
    text-align:center;
    height:20px;
    font-size:12px;
    line-height:20px;
    font-weight:700
}

/* 상품상세페이지(/shop/detail.php) */
#detail .prdimg {
    text-align:center
}

#detail .prdimg #detail_img {
    width:100%
}

#detail .prd_total {
    padding:5px 15px;
    color:#000;
    text-align:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    clear:both
}

#detail .ea_wrap .bold {
    font-weight:700;
    line-height:29px;
    color:#3c3736;
    font-size:14px
}

#detail .prd_total .bold {
    font-weight:700;
    line-height:29px;
    color:#3c3736;
    font-size:14px
}

#detail .prd_total .price {
    float:right;
    color:#ff6d00
}

#detail .prd_total .price .total_price {
    font-size:18px
}

#detail .prd_total .price .total_qty {
    font-size:14px;
    color:#000
}

#detail .prd_total .price .normal {
    font-size:14px
}

#detail .buy_fixed_btn {
    height:40px;
    width:100%;
    position:fixed;
    bottom:0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:#fff
}

#detail .buy_fixed_btn .btn_col {
    height:40px;
    padding-top:0
}

#detail .buy_fixed_btn .btn_col .box_btn:first-child {
    width:14%;
    margin-right:1%;
    float:left
}

#detail .buy_fixed_btn .btn_col .box_btn:nth-child(2) {
    width:53%;
    margin-right:1%;
    float:left
}

#detail .buy_fixed_btn .btn_col .box_btn:last-child {
    width:31%;
    float:left
}

#detail .buy_fixed_btn .btn_col .box_btn a {
    font-size:15px
}

#detail .buy_fixed_btn .btn_col .box_btn:first-child a {
    background:#0071bc;
    border:1px solid #0071bc;
    font-size:18px
}

#detail .buy_fixed_btn .btn_col .box_btn:last-child a {
    background:#02ad9c;
    border:1px solid #02ad9c
}

#detail .tab.scSet {
    z-index:50;
    position:fixed;
    top:45px
}

.tab_top {
    height:37px;
    position:sticky;
    top:0;
    z-index:50
}

#detail .badge_img {
    max-width:20vw;
    position:inherit
}

#detail .badge_img.badge1 {
    left:6vw
}

#detail .badge_img.badge2 {
    left:26vw
}

#detail .badge_img.badge3 {
    left:46vw
}

#detail .badge_img.badge4 {
    left:66vw
}

#detail .info_top {
    position:relative;
    padding:10px 15px
}

#detail .info_top .name {
    padding-bottom:5px;
    color:#000;
    font-size:1.533em;
    font-weight:700;
    line-height:1.4
}

#detail .info_top .summary {
    color:#979797;
    line-height:1.4
}

#detail .info_top .price span {
    color:#979797;
    font-family:'arial'
}

#detail .info_top .price strong {
    color:#000;
    font-family:'arial';
    font-size:1.667em
}

#detail .info_top .btn_share {
    display:block;
    position:absolute;
    right:10px;
    bottom:10px;
    width:20px;
    height:20px;
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/shop/icon_share.png') no-repeat right top;
    background-size:auto 20px
}

#detail .share {
    display:none;
    padding:10px 10px 5px;
    border-bottom:1px solid #ebebeb;
    background:#f8f8f8
}

#detail .share:after {
    display:block;
    clear:both;
    content:''
}

#detail .share li {
    float:left;
    width:32%;
    padding-bottom:1%;
    text-align:left
}

#detail .share li:nth-child(2) {
    margin:0 2%
}

#detail .share li a {
    display:block;
    height:37px;
    padding:8px 0 8px 35px;
    border:1px solid #ebebeb;
    background:#fff;
    background-repeat:no-repeat;
    background-position:5px center;
    background-size:22px;
    line-height:21px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

#detail .share li.kakaostory a {
    background-image:url('https://www.freshking.co.kr/_skin/m_mobile3/img/shop/icon_kakaostory.gif')
}

#detail .share li.twitter a {
    background-image:url('https://www.freshking.co.kr/_skin/m_mobile3/img/shop/icon_twitter.gif')
}

#detail .share li.facebook a {
    background-image:url('https://www.freshking.co.kr/_skin/m_mobile3/img/shop/icon_facebook.gif')
}

#detail .tbl_info {
    width:100%;
    margin-top:5px;
    margin-bottom:10px
}

#detail .tbl_info th {
    width:35%;
    padding:5px 0 5px 15px;
    color:#3c3736;
    text-align:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size:14px
}

#detail .tbl_info td {
    width:65%;
    padding:5px 0;
    color:gray;
    text-align:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size:14px
}

#detail .tbl_info td .sell_price {
    color:#0e0e0e;
    font-size:14px
}

#detail .tbl_info th.total_price {
    font-size:14px;
    font-weight:700
}

#detail .tbl_info td .total_price {
    font-size:14px;
    color:#0071bc;
    font-weight:700;
    text-align:right
}

#detail .detail_expansion {
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    pointer-events:none;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:99
}

#detail .detail_expansion_zoom {
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    pointer-events:none;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:99
}

.ea_wrap {
    padding:26px 15px 15px;
    color:#000;
    text-align:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    clear:both;
    border-top:solid 1px #d8d8d8
}

#detail .ea {
    position:relative;
    height:40px;
    border:1px solid #d8d8d8;
    clear:both;
    float:right;
    width:140px;
    top:-6px
}

.btn_naver {
    border-bottom:solid 1px #d8d8d8;
    margin-bottom:7px;
    margin-top:7px
}

#detail .ea a {
    display:block;
    position:absolute;
    top:0;
    width:40px;
    height:40px;
    font-size:2em;
    text-align:center;
    line-height:40px
}

#detail .ea a.minus {
    left:0;
    border-right:1px solid #d8d8d8
}

#detail .ea a.plus {
    right:0;
    border-left:1px solid #d8d8d8
}

#detail .ea .box_input {
    margin:0 40px
}

#detail .ea .box_input .input {
    border:0;
    text-align:center;
    font-size:14px
}

#detail .list_opt {
    margin:0 10px
}

#detail .list_opt li {
    padding-bottom:10px
}

#detail .list_opt li select {
    width:100%
}

#detail .btn_buy {
    padding:0 15px
}

#detail .btn_buy .btn_col .box_btn {
    float:left;
    width:32%;
    margin-right:2%;
    margin-left:0
}

#detail .btn_buy .btn_col .box_btn:first-child a {
    background:transparent;
    border:solid 1px #ff6d00;
    color:#ff6d00;
    font-family:Spoqa Han Sans sans-serif;
    font-size:13px;
    padding:12px
}

#detail .btn_buy .btn_col .box_btn:nth-child(2) a {
    background:transparent;
    border:solid 1px #ff6d00;
    color:#ff6d00;
    font-family:Spoqa Han Sans sans-serif;
    font-size:13px;
    padding:12px
}

#detail .btn_buy .btn_col .box_btn:last-child a {
    background:#ff6d00;
    border:solid 1px #ff6d00;
    font-family:Spoqa Han Sans sans-serif;
    font-size:13px;
    padding:12px
}

#detail .btn_buy .btn_col .box_btn:last-child a:hover {
    color:#fff
}

#detail .btn_buy .btn_col .box_btn:last-child {
    background:#26A9CE;
    border:0;
    margin-right:0
}

#detail .tab {
    width:100%
}

#detail .tab li {
    float:left;
    width:25%;
    text-align:center
}

#detail .tab li a {
    display:block;
    padding:10px 0;
    background:#fff;
    border-top:1px solid #bababa;
    border-bottom:2px solid #e6e6e6;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    color:#666
}

#detail .tab li a.over {
    border-bottom:2px solid #ff6d00;
    color:#ff6d00
}

#detail .tab li a:not(.over) {
    cursor:pointer
}

#detail .tab li:first-child a {
    border-left:0
}

#detail .tab:after {
    display:block;
    clear:both;
    content:''
}

#detail .box_detail {
    padding:10px;
    padding-bottom:70px;
    overflow:hidden
}

#detail .box_detail1,#detail .box_detail2,#detail .box_detail3 {
    display:none
}

#detail .box_detail .detail_info * {
    font-family:inherit;
    font-size:inherit;
    text-align:inherit;
    line-height:inherit
}

#detail .box_detail #detail_info img {
    max-width:100%
}

#detail .title_related {
    display:block;
    margin-bottom:10px;
    padding:10px;
    border-top:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
    background:#ececea;
    font-weight:700;
    text-align:center
}

#detail .related {
    margin:0 10px
}

.quick_menu {
    position:fixed;
    bottom:0;
    box-sizing:border-box;
    display:table-cell;
    background:#fff;
    width:100%;
    padding:0 11px;
    box-shadow:0 0 4px #000000a3;
    z-index:100;
    max-width:640px;
    left:50%;
    transform:translate(-50%,0)
}

.quick_menu > div {
    display:table;
    margin:11px 0;
    width:100%;
    height:100%;
    position:relative;
    cursor:pointer
}

.wish_cont {
    float:left;
    width:33.33%
}

.cart_cont {
    float:left;
    width:33.33%
}

.buy_cont {
    float:left;
    width:33.33%
}

.quick_menu > div span {
    height:40px;
    line-height:60px;
    float:left;
    color:#fff;
    text-align:center
}

#detail .sell_by_date {
    margin-top:10px
}

#detail .sell_by_date img {
    width:100%
}

.quick_menu > div > div > .wish {
    width:100%;
    background:transparent;
    color:#ff6d00;
    border:solid 1px;
    border-right:0;
    font-family:Spoqa Han Sans sans-serif;
    font-size:13px;
    line-height:0;
    display:table;
    margin:0 auto;
    border-radius:4px 0 0 4px
}

.quick_menu > div > div > .wish a {
    color:#ff6d00;
    font-size:15px;
    vertical-align:middle;
    display:table-cell
}

.quick_menu > div > div > .cart a {
    color:#ff6d00;
    font-size:15px;
    vertical-align:middle;
    display:table-cell
}

.quick_menu > div > div > .buy a {
    color:#fff;
    font-size:15px;
    vertical-align:middle;
    display:table-cell
}

.quick_menu > div > div > .cart {
    width:100%;
    background:transparent;
    color:#ff6d00;
    border:solid 1px;
    font-family:Spoqa Han Sans sans-serif;
    font-size:13px;
    line-height:0;
    margin:0 auto;
    display:table
}

.quick_menu > div > div > .buy {
    width:100%;
    background:#ff6d00;
    color:#fff;
    border:solid 1px #ff6d00;
    margin-left:-2px;
    font-family:Spoqa Han Sans sans-serif;
    font-size:13px;
    line-height:0;
    display:table;
    float:left;
    border-radius:0 4px 4px 0
}

.quick_menu > div > span img {
    width:36px;
    margin-top:3px
}

#detail .rcm_prd {
    overflow-x:auto;
    overflow-y:hidden;
    width:100%
}

.recommended_product .rcm_prd,.with_buy_products .rcm_prd {
    -webkit-overflow-scrolling:touch;
    -webkit-overflow-style:hidden
}

#detail .rcm_prd #rcm_prd_tbl {
    overflow-x:auto;
    overflow-y:hidden;
    display:block
}

#detail .rcm_prd #rcm_prd_tbl td {
    padding:6px
}

.rcm_prd .badge_img {
    max-width:8.5vw!important
}

.rcm_prd .badge_img.badge1 {
    right:1vw!important
}

.rcm_prd .badge_img.badge2 {
    left:1vw!important
}

.rcm_prd .badge_img.badge3 {
    right:1vw!important;
    bottom:0!important
}

.rcm_prd .badge_img.badge4 {
    left:1vw!important;
    bottom:0!important
}

.badge_ref i {
    visibility:hidden
}

#detail .rcm_prd #rcm_prd_tbl td .badge_ref {
    background:url(/_skin/m_mobile3/img/common/thumb.png);
    background-repeat:no-repeat;
    background-size:56%;
    position:relative;
    overflow:visible;
    font-size:23px
}

.recommended_product .img {
    margin-top:-17px
}

#detail .rcm_prd #rcm_prd_tbl td .box {
    display:inline-block;
    padding-bottom:20px;
    width:83px
}

#detail .rcm_prd #rcm_prd_tbl td .img img {
    width:85px
}

#detail .rcm_prd #rcm_prd_tbl td .info .name {
    height:50px;
    max-width:25vw
}

#detail .rcm_prd #rcm_prd_tbl td .info .normal_prc {
    line-height:27px;
    height:20px;
    text-decoration:line-through
}

#detail .rcm_prd #rcm_prd_tbl td .info .sell_prc {
    height:20px
}

.input.small_box {
    width:40px;
    text-align:center
}

.btn_ea img {
    vertical-align:middle!important;
    margin:2px
}

.btn_ea img#cart {
    margin-left:15px
}

.paging * {
    vertical-align:middle
}

.paging {
    margin:10px 0 0;
    text-align:center
}

.paging li {
    display:inline;
    padding:0 2px;
    color:#9e9e9e;
    vertical-align:middle
}

.paging li strong {
    display:inline-block;
    width:28px;
    height:28px;
    color:#17aacc;
    line-height:28px
}

.paging li a {
    display:inline-block;
    width:28px;
    height:28px;
    color:#999;
    line-height:28px
}

/* 장바구니(/shop/cart.php) */
#cart .order {
    height:40px;
    padding:10px 0
}

#cart .order .box_btn {
    float:left;
    width:100%
}

#cart .order .box_btn * {
    width:5000px;
    display:table-cell
}

#cart .order .box_btn.white {
    width:49%;
    padding-right:1%
}

#cart .order .box_btn.blue {
    background:#17aacc
}

#cart .list_prd li .box .prd_detail .name {
    white-space:normal;
    text-overflow:clip
}

#cart .select_address {
    margin-bottom:6px
}

#cart .select_address .select_title {
    font-size:1.3em;
    padding-bottom:5px
}

#cart .select_address .select_btn {
    display:flex;
    justify-content:space-between;
    padding:7px 0
}

#cart .select_address #address_select {
    width:65%;
    float:left;
    padding-right:20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#cart .select_address .select_btn span {
    height:14px;
    float:right;
    background-color:#ff6d00;
    border-radius:6px;
    padding:8px 3%;
    text-align:center
}

#cart .select_address .select_btn span a {
    color:#fff;
    font-size:13px
}


/* 주문서(/shop/order.php) */
#order .sub_title {
    margin:13px 0 8px;
    font-size:14px;
    font-weight:700;
    color:#666;
    clear:both
}

#order .sub_title .arrow {
    margin-left:10px;
    font-size:16px
}

#order .guest {
    text-align:left
}

#order .guest .box_frame {
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    height:100px;
    border:1px solid #dbdbdb
}

#order .guest .box_frame iframe {
    width:100%;
    height:100%;
    border:0
}

#order .guest .agree_guest {
    padding:5px 0
}

#order .guest .agree_guest label {
    font-size:.917em
}

#order .guest .agree_msg {
    padding:5px;
    background:#f4f4f4;
    font-size:.833em
}

#order .select_cpn {
    padding:5px 0
}

#order .select_cpn span {
    color:#f46665
}

#order .input_phone {
    float:left;
    width:32%
}

#order .input_phone.mid {
    margin:0 2%
}

#order .msg {
    clear:both;
    padding-top:5px
}

#order .msg label {
    display:inline;
    color:#666;
    font-size:11px
}

#order #copy_info + label,#order #save_info + label {
    margin-left:-4px
}

#order .address .select {
    padding:10px 0
}

#order .address label {
    display:inline
}

#order .address select {
    width:100%;
    margin:10px 0
}

#order .address .input.mid {
    margin:5px 0
}

#order .order_cancel_msg {
    padding-top:5px;
    text-align:left
}

#order .total_info {
    padding:10px 0;
    text-align:left
}

#order .method select {
    display:block;
    width:100%
}

#order .list_input .reserve_day {
    display:none
}

#order .list_input .reserve_day#R_Day {
    float:left;
    width:49%;
    padding-bottom:10px
}

#order .list_input .reserve_day#R_Time {
    float:left;
    margin-left:2%;
    width:49%;
    text-align:center;
    padding-bottom:10px
}

#order .list_input .reserve_day#R_Time span {
    line-height:40px
}

#order .list_common {
    background:#fff!important
}

#order .list_common dt {
    line-height:14px;
    height:14px;
    padding-top:6px;
    color:#666;
    font-size:12px
}

#order .list_common dt.border_top_solid {
    font-size:13px;
    color:#181818
}

#order .list_common dd {
    line-height:14px;
    color:#666;
    font-size:11px
}

#order .list_common dd .total {
    font-size:14px;
    color:#17aacc
}

#order .box_common {
    border:1px solid #eaeaea;
    background:#fff
}

#order .no_padding {
    padding-top:0;
    padding-bottom:0
}

#order .receipt_type .container {
    margin-top:22px;
    display:table;
    margin-bottom:22px;
    width:100%
}

.container.con_bottom {
    margin-bottom:12px!important
}

.pw_container label {
    width:100%;
    text-align:left;
    padding:9px
}

.receipt_type label {
    display:table;
    width:100%
}

input#door_pw_input {
    margin-top:16px
}

input#door_pw_input:disabled {
    color:#999;
    border:solid 1px #dedede;
    background-color:#e6e6e6
}

input#pw_type1,input#pw_type2 {
    vertical-align:middle;
    margin-top:-1px
}

.pw_container.slide_menu {
    border-top:solid 1px #eaeaea;
    margin-top:20px;
    padding-top:20px
}

/* 주문완료(/shop/order_finish.php) */
#orderfin .info_banking {
    padding-top:10px
}

#orderfin .info_banking strong {
    color:#f46665
}

#orderfin .email {
    padding-top:10px;
    color:#666;
    line-height:1.3;
    margin-bottom:6px
}

#orderfin .email strong {
    color:#17aacc
}

#orderfin .msg {
    color:#17719b;
    line-height:1.6;
    font-weight:700
}

#orderfin .box_gift {
    padding:20px 0 10px
}

#orderfin .box_gift h4 {
    padding-bottom:5px;
    font-size:.917em
}

#orderfin .box_gift .list {
    overflow:hidden;
    margin-bottom:10px;
    border:1px solid #d6d6d6
}

#orderfin .box_gift .list li {
    position:relative;
    min-height:50px;
    padding:5px 0 5px 70px;
    border-top:1px solid #d6d6d6;
    text-align:left
}

#orderfin .box_gift .list li:first-child {
    border:0
}

#orderfin .box_gift .list li .chk {
    position:absolute;
    left:0;
    top:5px;
    line-height:50px
}

#orderfin .box_gift .list li .img {
    position:absolute;
    left:22px;
    top:5px
}

#orderfin .box_gift .list li .img img {
    width:41px;
    height:50px
}

#orderfin .box_gift .list li .name {
    font-size:.917em
}

#orderfin .box_common {
    border:1px solid #b3b3b3;
    border-radius:6px
}

#orderfin .box_common h3 {
    color:#181818;
    font-size:13px
}

#orderfin .box_common h3 span {
    color:#18bae7;
    font-size:13px
}

#orderfin .box_common .list_common {
    padding:10px 14px;
    color:#000;
    margin-top:8px;
    background:#fff;
    border:1px solid #b3b3b3;
    border-radius:6px
}

#orderfin .box_common .list_common dl dt {
    width:40%
}

#orderfin .box_common .list_common dl dd {
    width:60%
}

#orderfin .box_common .list_common dl dt {
    padding:6px 0
}

#orderfin .box_common .list_common dl dt.bold,#orderfin .box_common .list_common dl dd.bold {
    font-weight:700
}

#orderfin .box_common .account_explain {
    margin-top:12px
}

#orderfin .box_common .account_explain span {
    color:#18BAE7;
    font-weight:700
}

#orderfin .btn_col .box_btn.block a {
    padding:10px 6px
}

#orderfin .btn_col .box_btn.gray a {
    background:#f2f2f2;
    color:#000;
    border:1px solid #b3b3b3;
    font-weight:700
}

#orderfin .btn_col .box_btn.account {
    width:31%
}

#orderfin .copy_alarm {
    display:none;
    position:fixed;
    bottom:0;
    left:0;
    background:#3C3C3C;
    color:#fff;
    width:100%;
    height:50px;
    margin:0;
    padding-left:10px;
    line-height:50px
}

#search_result .box_search {
    position:relative
}

#search_result .box_search .box_input {
    margin-right:26%
}

#search_result .box_search .box_input .box_btn {
    position:absolute;
    right:0;
    top:0;
    width:24%
}

#search_result .box_search .rank {
    margin-top:10px;
    border:1px solid #ddd
}

#search_result .box_search .rank .title {
    padding:18px 5px;
    background:#f9f9f9;
    text-align:center
}

#search_result .box_search .rank ol {
    display:none
}

#search_result .box_search .rank ol li {
    float:left;
    width:50%;
    padding:5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:left
}

#search_result .box_search .rank ol li span {
    display:inline-block;
    width:20px;
    height:20px;
    color:#4c4c4c;
    font-size:10px;
    line-height:20px;
    text-align:center;
    border:solid 1px #4a4a4a;
    border-radius:30px;
    margin:5px
}

#search_result .box_search .rank:after {
    display:block;
    clear:both;
    content:''
}

#search_result .box_search .rank_box ol {
    display:block
}

#search_result .box_search .button_wrap .search_button {
    display:inline-block;
    border:1px solid #bbb;
    width:49%;
    height:48px;
    line-height:48px;
    font-size:12px;
    margin-top:10px;
    text-align:center
}

#search_result .box_search .button_wrap {
    text-align:center
}

#search_result .box_search .button_wrap .search_button:first-child {
    float:left
}

#search_result .box_search .button_wrap .search_button:last-child {
    margin-right:0;
    float:right
}

#search_result .box_search .button_wrap .search_button {
    background-color:#fff;
    color:#000;
    font-size:1.2em
}

#search_result .box_search .button_wrap .search_button.selected {
    background-color:#ff6d00;
    color:#fff
}

#search_result .box_search .check {
    margin-top:5px
}

#search_result .result_cate {
    margin-top:10px;
    border:1px solid #ddd
}

#search_result .result_cate h3 {
    border-bottom:1px solid #ddd;
    background:#f9f9f9;
    padding:10px;
    color:#656565
}

#search_result .result_cate ul li,#search_result .result_brand ul li {
    float:left;
    width:50%;
    padding:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:left
}

#search_result .result_cate:after,#search_result .result_brand:after {
    display:block;
    clear:both;
    content:''
}

#search_result .result_box {
    position:absolute;
    border:1px solid #ddd;
    background:#fff;
    width:99.5%;
    margin-top:-1px!important;
    line-height:25px;
    display:none;
    z-index:3
}

#search_result .result_box > h3 {
    display:none
}

#search_result .result_box.show {
    display:block
}

#search_result .prd_normal {
    margin-top:10px
}

/* 최근본상품(/shop/click_prd.php) */
#click_prd .total_msg {
    padding:10px 0
}


/* 상품문의 & 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */
.minidetail .miniinfo {
    position:relative;
    padding:12px 10px 0;
    background:#f6f6f6;
    color:#474645
}

.minidetail .miniinfo .img {
    float:left;
    width:40%;
    padding-right:10px;
    text-align:center;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.minidetail .miniinfo .img img {
    width:100%;
    height:auto
}

.minidetail .miniinfo .list {
    float:left;
    width:60%;
    text-align:left
}

.minidetail .miniinfo .list .name {
    padding-bottom:10px;
    font-size:1.167em;
    font-weight:700
}

.minidetail .miniinfo .list ul li {
    padding:2px 0;
    line-height:1.4
}

.minidetail .miniinfo .list ul li span {
    color:#837d81
}

.minidetail .miniinfo .list ul li .nprice {
    text-decoration:line-through
}

.minidetail .miniinfo .btn {
    clear:both;
    padding-top:12px
}

.minidetail .miniinfo .btn .box_btn {
    float:left;
    width:32%
}

.minidetail .miniinfo .btn .box_btn:nth-child(2) {
    margin:0 2%
}

.minidetail .miniinfo .btn:after {
    display:block;
    clear:both;
    content:''
}

.minidetail .bottom {
    padding:10px
}

#qnarev_list .search {
    position:relative;
    margin:10px 0
}

#qnarev_list .search select {
    position:absolute;
    left:0;
    top:0;
    width:20%
}

#qnarev_list .search .box_btn {
    position:absolute;
    right:0;
    top:0;
    width:20%
}

#qnarev_list .search .box_btn * {
    width:100%
}

#qnarev_list .search .str {
    margin:0 20%;
    padding:0 1%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}


/* 상품문의 & 상품후기 */
#qnarev .qnarev_content .row * {
    font-family:inherit;
    font-size:inherit;
    text-align:inherit;
    line-height:inherit
}

#qnarev .qnarev_content .row:nth-child(3) {
    line-height:150%
}

#qnarev .qnarev_content .row img {
    max-width:100%
}

#qnarev .qnarev_content .row.question {
    text-align:left;
    padding-bottom:25px
}

#qnarev .qnarev_content .row.answer {
    margin-top:20px;
    text-align:left
}

#qnarev .qnarev_content .row.question strong,#qnarev .qnarev_content .row.answer strong {
    color:#000
}

#qnarev .qnarev_content .edit_del {
    padding-top:10px;
    text-align:right
}

#qnarev .qnarev_content .edit_del img {
    width:49px!important;
    border:1px solid #ddd
}

/* 상품문의 & 상품후기 - 수정 */
#qnarevmod {
    text-align:center
}

#qnarevmod .modInput {
    padding:20px 0;
    text-align:center
}

#qnarevmod .modInput .input {
    border:1px solid #ddd
}

#qnarevmod .modInput * {
    vertical-align:middle
}

#qnarevmod .modi_pwd {
    display:none
}

#qnarevmod .modi_cnt {
    display:none;
    background:#fff;
    text-align:center
}

#qnarevmod .modcnt {
    padding:10px 0;
    text-align:left
}

#qnarevmod .modcnt * {
    vertical-align:middle
}

#qnarevmod .modcnt .input {
    width:80%
}

#qnarevmod .modcnt .input2 {
    width:100%;
    height:150px;
    border:1px solid #e9e9e9
}

#pwbox {
    padding:10px;
    margin:10px 0;
    border:1px solid #ddd;
    background:#fff;
    text-align:center!important
}

#pwbox h3 {
    padding-bottom:10px
}

#pwbox p {
    padding:10px 0;
    color:#837d81
}

#pwbox .box_btn a,#pwbox .box_btn input {
    line-height:40px!important
}

/*-----------------------------------------------------------------*/

/* 4-3. 회원

/*-----------------------------------------------------------------*/



/* 로그인 & 아이디,비밀번호찾기 */
.box_member h3 {
    clear:both;
    padding:10px 0;
    font-weight:700;
    color:#181818
}

.box_member .box_form div {
    padding-bottom:5px
}

.box_member .box_form div label {
    display:none
}

.box_member .box_form div .input_phone {
    width:32%
}

.box_member .box_form div .input_phone.mid {
    margin:0 2%
}

.box_member .box_form .msg {
    padding-bottom:10px
}

.box_member .fail {
    padding:10px 0;
    border:1px solid #f46665;
    color:#f46665;
    text-align:center;
    margin-bottom:5px
}

.box_member #member_pwd_save {
    margin-left:10px
}

.box_member #member_id_save + label,.box_member #member_pwd_save + label {
    color:#181818
}

.box_member .sns .sns_img {
    text-align:center
}

.box_member .sns .sns_img span {
    display:inline-block
}

.box_member .sns .sns_img img {
    height:40px
}

.box_member .member_manage {
    padding-top:20px;
    text-align:center
}

.box_member .member_manage * {
    color:#181818
}

.box_member .member_manage span {
    font-weight:700
}

.box_member .savessl {
    margin:10px 0
}


/* 회원가입 약관동의(/member/join_step1.php) */
#join_agree .box {
    margin-top:15px;
    border-bottom:0;
    text-align:center
}

#join_agree .box .join_list li {
    margin-bottom:20px
}

#join_agree .box .join_list li img {
    width:70%
}

#join_agree .box .join_list li.divide {
    margin-bottom:20px
}

#join_agree .box .check {
    position:relative;
    height:43px;
    padding:0 10px;
    border-bottom:1px solid #d7d7d7;
    background:#fafbfb;
    color:#737373;
    text-align:left;
    line-height:43px;
    letter-spacing:-1px
}

#join_agree .box .check span {
    position:absolute;
    right:10px;
    top:10px
}

#join_agree .box .content {
    height:100px;
    border-bottom:1px solid #d7d7d7
}

#join_agree .box .content iframe {
    height:100px
}

#join_agree .member_type {
    padding:20px 0;
    text-align:center
}

#join_agree .member_type input {
    margin-left:20px
}


/* 회원가입 정보입력(/member/join_frm.php) */
#join_input .row_group {
    display:block;
    width:100%;
    margin-bottom:10px;
    border:1px solid #ddd
}

#join_input .row_group .group_title {
    padding:15px 0;
    border-bottom:1px solid #ddd;
    color:#837d81;
    font-weight:400;
    text-align:center
}

.already_group {
    padding:15px 0;
    font-weight:400;
    text-align:center
}

#join_input .row_group fieldset {
    padding:10px
}

#join_input .row_group .row_field {
    *zoom:1;
    padding-bottom:10px;
    text-align:left
}

#join_input .row_group .row_field:after {
    content:'';
    clear:both;
    display:block
}

#join_input .row_group .row_field .field_title {
    display:block;
    padding:5px 0 10px 5px;
    color:#837d81;
    font-weight:700
}

#join_input .row_group .row_field p.msg {
    clear:both;
    padding-top:5px;
    color:#bebebe;
    font-size:11px
}

#join_input .row_group .row_field .input {
    width:100%;
    height:40px;
    padding:0 10px;
    border-color:#c1c1c1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    vertical-align:middle;
    line-height:40px
}

#join_input .row_group .row_field .input.readonly {
    background:#dbdbdb
}

#join_input .row_group .row_field .input:focus {
    border-color:#000
}

#join_input .row_group .row_id .input {
    float:left;
    width:70%;
    margin-right:2%
}

#join_input .row_group .row_id .box_btn {
    width:28%
}

#join_input .row_group .row_phone .input {
    float:left;
    width:22%
}

#join_input .row_group .row_phone .input.center {
    margin:0 2%
}

#join_input .row_group .row_nick .input {
    float:left;
    width:210px;
    margin-right:14px
}

#join_input .row_group .row_zip .zip_search {
    padding:10px;
    border:1px solid #ddd;
    background:#f9f9f9
}

#join_input .row_group .row_zip .zip_search .desc {
    padding-bottom:10px;
    border-bottom:1px solid #ddd
}

#join_input .row_group .row_zip .zip_search .type {
    padding:10px 0
}

#join_input .row_group .row_zip .zip_search .input_zipcode {
    float:left;
    width:58%;
    margin-right:2%
}

#join_input .row_group .row_zip .zip_search .box_btn {
    width:40%
}

#join_input .row_group .row_zip .zip_search select {
    clear:both;
    display:block;
    width:100%;
    margin-top:10px
}

#join_input .row_group .row_zip .add_mid {
    clear:both;
    margin:5px 0
}

#join_input .row_group .row_zip .add_mid .input:nth-child(2) {
    margin:5px 0
}

#join_input .row_group .row_email .input {
    float:left;
    width:49%;
    margin-right:1%
}

#join_input .row_group .row_email .input.center {
    margin:0 0 0 1%
}

/*회원가입 지점 select*/
#join_input .row_group .row_branch select {
    clear:both;
    width:100%;
    margin-top:5px;
    border-color:#c1c1c1
}

#join_input .row_group .row_email select {
    clear:both;
    width:100%;
    margin-top:5px;
    border-color:#c1c1c1
}

#join_input .row_group .row_birth select {
    width:25%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

#join_input .row_group .row_birth .type {
    margin-bottom:10px
}

#join_input .row_group .row_biznum .input {
    float:left;
    width:32%
}

#join_input .row_group .row_biznum .input.center {
    margin:0 2%
}

#join_input .row_group .row_field .row_auth {
    display:none
}

/* 정보수정(/member/edit_step1.php) */
#edit_pw .msg {
    padding-bottom:15px;
    color:#837d81;
    text-align:left
}


/*-----------------------------------------------------------------*/

/* 4-4. 마이페이지

/*-----------------------------------------------------------------*/



/* 주문내역(/mypage/order_list.php) */
.list_ord li {
    padding-bottom:10px
}

.list_ord li .box {
    border:1px solid #ddd;
    border-radius:3px
}

.list_ord li .box .date_stat {
    padding:10px;
    border-bottom:1px solid #ddd;
    background:#f9f9f9
}

.list_ord li .box .date_stat span:first-child {
    color:#666
}

.list_ord li .box .date_stat .stat {
    float:right;
    color:#f36d14
}

.list_ord li .box .date_stat .stat a {
    color:#f36d14
}

.list_ord li .box .prd {
    padding:10px 10px 5px
}

.list_ord li .box .prd > p {
    margin:5px 0 8px
}

.list_ord li .box .prd > p a {
    color:#181818;
    font-size:13px
}

.list_ord li .box .prd > a p {
    color:#666;
    margin-bottom:2px
}

.list_ord li .box .prd .no {
    padding-bottom:5px;
    color:#1795ea
}

.list_ord li .box .prd .no span {
    text-decoration:underline
}

.list_ord li .box .prd .no a {
    color:#1795ea
}

.list_ord li .box .price {
    position:relative;
    margin:0 10px 10px;
    padding-top:10px;
    border-top:1px solid #ddd
}

.list_ord li .box .price .pay {
    color:#1795ea
}

.list_ord li .box .price .confirm {
    position:absolute;
    right:0;
    top:15px
}

.list_ord li .box .price .confirm a {
    padding:5px;
    background:#000;
    color:#fff
}

.list_ord li .box .cancel {
    text-align:right;
    margin-right:10px;
    margin-bottom:10px
}

#order_detail .stat_img {
    padding:10px 0
}

#order_detail .stat_img li {
    float:left;
    width:20%;
    padding:0 2px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

#order_detail .stat_img li img {
    width:100%;
    height:auto;
    border:1px solid #ddd
}

#order_detail .stat_img:after {
    display:block;
    clear:both;
    content:''
}

#order_detail .tab li {
    float:left;
    width:20%;
    text-align:center
}

#order_detail .tab li a {
    display:block;
    padding:10px 5px;
    border:1px solid #ddd;
    border-left:0
}

#order_detail .tab li:first-child a {
    border-left:1px solid #ddd
}

#order_detail .tab:after {
    display:block;
    clear:both;
    content:''
}

#order_detail .info {
    width:100%
}

#order_detail .first {
    height:20px;
    border-bottom:1px solid #bbb
}

#order_detail .first .pull_left {
    color:gray
}

#order_detail .second {
    margin-top:7px;
    height:28px;
    line-height:28px
}

#order_detail .second .pull_left {
    color:#181818
}

#order_detail .second a {
    vertical-align:middle;
    padding:3px;
    border:1px solid #bbb;
    border-radius:3px;
    background:#fff
}

#order_detail .info .stat {
    color:red
}

#order_detail .section {
    border:1px solid #ddd;
    border-top:0;
    background:#f9f9f9
}

#order_detail .section > .list_common {
    border:0
}

#order_detail .list_common {
    border-top:0;
    padding-top:15px;
    padding-bottom:15px
}

#order_detail .list_common dd,#order_detail .list_common dt {
    color:#181818;
    padding:5px 0
}

#order_detail .list_common dd {
    width:63%
}

#order_detail .title,#order .title {
    height:20px;
    line-height:21px;
    padding:8px 0 8px 10px;
    font-size:14px;
    font-weight:700;
    color:#666;
    background:#fff;
    border-bottom:1px solid #ff6d00
}

#order_detail .list_prd li .box .prd_detail p,#order_detail .list_prd li .box .prd_detail p * {
    font-size:10px
}

#order_detail .list_prd li .box .prd_detail .name,#order_detail .list_prd li .box .prd_detail .name * {
    font-size:12px
}

#order .title > img,#order_detail .title > img {
    margin-right:3px;
    width:24px;
    height:20px
}

#order_detail .order_change {
    padding:3px 10px;
    background:#f9f9f9;
    height:30px;
    line-height:30px;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd
}

#order_detail .order_list {
    margin-top:5px;
    height:35px;
    line-height:35px;
    width:100%;
    text-align:center;
    background:#ff6d00
}

#order_detail .order_list > a {
    color:#fff
}

#order_detail #reserve_time {
    color:#ec0000
}

#order_detail #addressee_cell {
    width:32%
}

#order_detail .list_prd .prd_detail div p,#order_detail .list_prd .prd_detail div p * {
    color:#666;
    font-size:11px
}

#order_detail .list_prd .prd_detail .name {
    margin-bottom:3px
}

/* 포인트(/mypage/point.php) */
#point .change {
    margin-top:10px;
    padding:20px;
    border:1px solid #d7d7d7;
    background:#f9f9f9;
    text-align:center
}

#point .change p {
    padding-bottom:5px
}


/* 1:1문의 글쓰기(/mypage/counsel_step1.php) */
#counsel_step1 .box_write li {
    padding:2px 0;
    text-align:left
}

#counsel_step1 .select_box {
    margin-bottom:2px
}

#counsel_step1 .select_box select {
    width:100%
}

#counsel_step1 #counsel_cancel .info {
    border:1px dashed #999;
    border-radius:10px;
    margin:0 10px 15px;
    padding:12px 0 16px
}

#counsel_step1 #counsel_cancel .info * {
    font-size:12px;
    color:#3b3b3b
}

#counsel_step1 #counsel_cancel .info .con_title {
    margin-bottom:12px;
    color:red;
    font-size:13px;
    font-weight:700
}

#counsel_step1 #counsel_cancel .info > div img {
    padding-top:3px;
    width:12px
}

#counsel_step1 #counsel_cancel .info > div:last-child {
    margin-top:5px
}

#counsel_step1 #counsel_cancel .info > div div:first-child {
    padding-left:22px;
    width:28px;
    float:left;
    overflow:hidden
}

#counsel_step1 #counsel_cancel .info > div div:last-child {
    padding-left:50px;
    padding-right:40px;
    text-align:left;
    line-height:150%
}

#counsel_step1 #counsel_cancel .confirm_msg {
    margin:20px 0;
    color:#181818;
    font-size:13px;
    font-weight:700
}

#counsel_step1 #counsel_cancel .confirm_msg span {
    color:red;
    font-size:13px;
    font-weight:700
}

/* 출석체크(/mypage/attend_list.php) */
#attend .date {
    overflow:hidden
}

#attend .date .month {
    float:left;
    position:relative;
    width:49%;
    height:42px;
    font-size:1.5em;
    font-weight:700;
    text-align:center;
    line-height:42px
}

#attend .date .day {
    float:right;
    position:relative;
    width:49%;
    height:42px;
    font-size:1.5em;
    font-weight:700;
    text-align:center;
    line-height:42px
}

#attend .date .prev {
    position:absolute;
    left:0;
    top:5px;
    width:30px;
    height:30px;
    border:1px solid #d7d7d7;
    background:#f9f9f9;
    line-height:30px
}

#attend .date .next {
    position:absolute;
    right:0;
    top:5px;
    width:30px;
    height:30px;
    border:1px solid #d7d7d7;
    background:#f9f9f9;
    line-height:30px
}

#attend table {
    width:100%;
    border-top:1px solid #d6d6d6;
    border-right:1px solid #d6d6d6
}

#attend table thead th {
    padding:7px 0;
    border-left:1px solid #d6d6d6;
    border-bottom:1px solid #d6d6d6;
    background:#f5f5f5;
    font-weight:700;
    color:#000;
    text-align:center
}

#attend table thead th:first-child {
    color:#ff7820
}

#attend table thead th:last-child {
    color:#0072bc
}

#attend table tbody td {
    height:40px;
    padding:5px;
    border-left:1px solid #d6d6d6;
    border-bottom:1px solid #d6d6d6;
    text-align:right;
    vertical-align:top
}

#attend table tbody td:nth-child(7n) {
    color:#0072bc
}

#attend .attenY {
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/mypage/attend_ok.gif') no-repeat center;
    background-size:contain
}

#attend .attenN {
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/mypage/attend_no.gif') no-repeat center;
    background-size:contain
}

#attend .attenR {
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/mypage/attend_today.gif') no-repeat center;
    background-size:contain
}

#draw_input .msg {
    padding-bottom:10px;
    color:#837d81
}

#draw_input .reason {
    width:100%;
    height:100px;
    margin-top:10px;
    padding:5px;
    border:1px solid #afafb1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

#sns_link .sns_list {
    margin-bottom:10px
}

#sns_link .sns_logo {
    float:left;
    margin-right:2%;
    height:40px;
    line-height:40px!important;
    width:35%;
    color:#181818
}

#sns_link .sns_logo img {
    width:40px;
    height:40px;
    margin-right:5px
}

#sns_link .sns_btn {
    float:left;
    padding:7px 10px 0 0;
    width:20%
}

#sns_link .sns_date {
    float:left;
    height:40px;
    line-height:40px!important;
    width:38%;
    text-align:right;
    font-size:.8em;
    color:#666
}


/*-----------------------------------------------------------------*/

/* 4-5. 추가페이지

/*-----------------------------------------------------------------*/



/* 이용약관(/content/content.php?cont=uselaw) */
#uselaw {
    margin:20px;
    text-align:left
}

#uselaw * {
    color:#837d81;
    line-height:150%
}

#uselaw li {
    padding-bottom:20px
}

#uselaw li dl dt {
    color:#181818;
    font-weight:700
}

#uselaw li dl dd ul li {
    padding:0 0 0 20px;
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/common/bullet.gif') no-repeat 10px 4px
}

/* 개인정보취급방침(/content/content.php?cont=privacy) */
#privacy {
    margin:20px;
    text-align:left
}

#privacy * {
    color:#837d81;
    line-height:150%
}

#privacy li {
    padding-bottom:20px
}

#privacy li dl dt {
    color:#181818;
    font-weight:700
}

#privacy li dl dd dl dt {
    color:#181818;
    font-weight:400
}

#privacy li dl dd ul li,#privacy li dl dd ol li {
    padding:0 0 0 20px;
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/common/bullet.gif') no-repeat 10px 4px
}


/*-----------------------------------------------------------------*/

/* 4-6. 모바일 앱 사용 유도 화면 by 현우

/*-----------------------------------------------------------------*/
#main_pop {
    background:#000000d9;
    width:100%;
    height:100%;
    position:fixed;
    z-index:10000;
    display:none;
    visibility:visible;
    top:0
}

.pop_cell {
    display:table-cell;
    vertical-align:middle;
    padding-bottom:65px
}

.pop_wrap {
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/main/mobile_main__app_pop.png');
    background-repeat:no-repeat;
    background-size:100%;
    margin:0 auto;
    position:relative;
    width:400px;
    height:710px
}

#main_pop .go-app {
    display:block;
    width:100%;
    margin:0 auto;
    background-position:center
}

#main_pop img {
    width:100%
}

p.area-txt {
    text-align:center;
    margin-top:3%
}

.area-txt a {
    color:#fff;
    font-size:3.5vw;
    display:block;
    padding:10px;
    font-family:nanum gothic,sans-serif;
    text-decoration:underline
}

.pop_hand {
    position:absolute;
    left:70%;
    margin-top:-7vw;
    width:12%
}


/*-----------------------------------------------------------------*/

/* 5. 기타

/*-----------------------------------------------------------------*/



/* 댓글 - 리스트 */
#cmtlist {
    margin-top:10px;
    background:#fff;
    text-align:left
}

#cmtlist h3 {
    padding-bottom:5px;
    background:#f6f6f6
}

#cmtlist h3.white {
    background:#fff
}

#cmtlist li {
    padding:5px;
    border:1px solid #ddd;
    border-bottom:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    color:#474645;
    word-break:break-all;
    word-wrap:break-word
}

#cmtlist li:last-child {
    border-bottom:1px solid #ddd
}

#cmtlist li p {
    padding-bottom:5px;
    color:#626261
}

#cmtlist li strong a {
    color:inherit;
    font-size:inherit
}

#cmtlist li .date {
    padding:0 5px;
    color:#626261
}

#cmtlist li .cmtcontent {
    font-size:.917em
}

/* 댓글 - 쓰기 */
#cmtwrite {
    margin-top:5px
}

#cmtwrite .guest {
    margin-top:10px
}

#cmtwrite .guest .input {
    float:left;
    width:49%;
    background:#fff
}

#cmtwrite .guest .input:nth-child(2) {
    float:right
}

#cmtwrite .guest:after {
    display:block;
    clear:both;
    content:''
}

.box_comment {
    margin-top:5px
}

.box_comment .msg {
    padding:10px 0;
    border:1px solid #ddd;
    background:#fff;
    text-align:center
}

.box_comment .msg h3 {
    color:#181818;
    font-size:1.333em
}

.box_comment .msg p {
    padding:5px 0;
    color:#837d81
}

/* 게시판 - 상품연동 */
#product_search_frm {
    background:#fff
}

#product_search_frm .prd_search_list {
    min-height:600px;
    margin:10px
}

#product_search_frm .prd_search_list .tbl_row td .prd_name a {
    font-size:12px;
    font-weight:700
}

#product_search_frm .prd_search_list .btn {
    padding:15px 0 10px
}

#product_search_frm .prd_search_list .search_prd {
    padding:10px 0
}

#product_search_frm .prd_search_list .search_prd .input {
    height:23px
}

.pick_list li {
    display:inline-block;
    width:122px;
    height:180px;
    margin-right:5px;
    padding-right:10px;
    border-right:1px solid #dfdfdf;
    vertical-align:top
}

.pick_list a {
    color:#000;
    font-weight:700
}

.pick_list dt {
    height:120px;
    margin-bottom:5px;
    border:1px dotted #000;
    text-align:center
}

.pick_list dd {
    width:100%;
    padding:2px 0;
    word-break:break-all
}

.pick_empty {
    margin-top:5px
}

#mypage_review_list .frame {
    border:1px solid #ddd;
    border-radius:1px
}

#mypage_review_list .frame .prdimg {
    float:left;
    width:20%;
    padding:10px 0 10px 10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    text-align:center
}

#mypage_review_list .frame .prdimg img {
    width:100%;
    height:auto
}

#mypage_review_list .frame .subject {
    float:left;
    width:80%;
    padding:10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}

#mypage_review_list .frame .subject .title {
    padding:5px 0;
    float:left;
    color:#181818;
    width:100%
}

#mypage_review_list .frame .subject .prdname {
    width:95%;
    padding-right:4%;
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/common/arrow_ui_down.png') no-repeat 98% 12px;
    background-size:12px;
    background-position:bottom right;
    color:gray;
    font-size:11px
}

#mypage_review_list td {
    display:table-cell
}

#mypage_review_list .qnarev_cnt {
    padding:10px;
    color:#363636;
    text-align:left
}

#mypage_review_list .frame .subject .reg_date {
    float:left;
    color:gray;
    font-size:11px
}

#my_qna .frame {
    border:1px solid #ddd;
    border-radius:1px
}

#my_qna .frame .prdimg {
    float:left;
    width:20%;
    padding:10px 0 10px 10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    text-align:center
}

#my_qna .frame .prdimg img {
    width:100%;
    height:auto
}

#my_qna .frame .subject {
    float:left;
    width:80%;
    padding:10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}

#my_qna .frame .subject .title {
    padding:5px 15px 5px 0;
    color:#181818
}

#my_qna .frame .subject .title img {
    height:12px;
    padding-top:1px
}

#my_qna .frame .subject .name {
    color:gray;
    font-size:11px
}

#my_qna .frame .subject .name span {
    float:right;
}

#my_qna .qnarev_cnt {
    padding:10px;
    background:#f6f6f6;
    color:#363636;
    text-align:left;
    border:1px solid #ddd;
    border-top:0
}

#my_qna .qnarev_cnt .answer {
    margin-top:15px;
    padding:10px 0 10PX 25px;
    border:1px solid #e0e0e0;
    background:#fff url(/_skin/m_mobile3/img/mypage/bullet_reply.png?ts=) no-repeat 10px 11px;
    background-size:12px 10px
}

.margin_top-3 {
    margin-top:-3px
}

.margin_top-4 {
    margin-top:-4px
}

.margin_top5 {
    margin-top:5px
}

.margin_top10 {
    margin-top:10px
}

.margin_top15 {
    margin-top:15px
}

.margin_left5 {
    margin-left:5px
}

.margin_left10 {
    margin-left:10px
}

#counsel_list .counsel_list_header {
    margin-bottom:10px
}

#counsel_list .counsel_list_selecter {
    float:left;
    width:33%;
    margin-right:2%
}

#counsel_list .counsel_list_selecter select {
    width:100%
}

#counsel_list .counsel_list_writer {
    float:left;
    width:65%;
    height:40px;
    padding:0!important
}

#milage .milage_box,#coupon .coupon_box {
    text-align:center;
    padding-bottom:10px;
    margin-bottom:5px;
    border-bottom:1px dashed #999
}

#milage .total_milage img {
    width:25px;
    vertical-align:middle
}

#coupon .usable_cpn img {
    width:25px;
    vertical-align:baseline;
    margin-bottom:-4px
}

#milage .total_milage,#coupon .usable_cpn {
    line-height:55px;
    font-size:14px;
    color:#666;
    height:55px;
    border:4px solid #ff6d00
}

#milage .total_milage .strong,#coupon .usable_cpn .strong {
    font-weight:700;
    font-size:14px;
    color:#ff6d00
}

#milage .prdMore,#coupon .prdMore {
    margin-top:13px
}

/* 마이페이지 마일리지 리스트 테이블 */
#mypage_milage {
    width:100%
}

#mypage_milage td {
    text-align:center
}

#mypage_milage td:first-child {
    text-align:left
}

#mypage_milage .title {
    border-top:1px solid #ff6d00;
    background:#f7f7f7;
    height:30px
}

#mypage_milage .title > th {
    height:30px;
    line-height:30px
}

#mypage_milage .content {
    border-bottom:1px dotted #eaeaea
}

#mypage_milage .content td {
    padding:5px 0 12px;
    vertical-align:middle
}

#mypage_milage .content td img {
    padding-top:1px
}

#mypage_milage .content td > div:first-child {
    margin:10px 0
}

#mypage_milage .content td div:first-child img {
    width:14px
}

#mypage_milage .content td div:first-child span,#mypage_milage .content td div:first-child span div {
    font-size:13px;
    color:#181818
}

#mypage_milage .content td div:first-child span:first-child div {
    width:70%;
    font-weight:600;
    word-break:keep-all;
    word-wrap:break-word
}

#mypage_milage .content td div:first-child span:nth-child(2) {
    width:30%;
    float:right;
    text-align:right;
    font-weight:700
}

#mypage_milage .content td > div:nth-child(3) {
    margin-top:10px
}

#mypage_milage .content td div:nth-child(3) span {
    font-size:11px;
    color:gray
}

#mypage_milage .content td div:nth-child(3) span:first-child {
    width:70%
}

#mypage_milage .content td div:nth-child(3) span:nth-child(2) {
    width:30%;
    float:right;
    text-align:right
}

#mypage_milage .content td div:nth-child(3) img {
    width:12px
}

/* 마이페이지 쿠폰 리스트 */
#mypage_coupon li {
    clear:both;
    padding:10px 0;
    border-bottom:1px solid #ccc
}

#mypage_coupon li div {
    float:right
}

#mypage_coupon li > p {
    margin-bottom:3px
}

#mypage_coupon li div .sale_price {
    margin-top:2px;
    width:70px;
    text-align:center;
    border:1px dashed #999;
    border-radius:2px;
    padding:5px 0;
    color:#ff6d00;
    font-weight:700
}

#mypage_coupon li div .use {
    padding:5px 0;
    text-align:center
}

#mypage_coupon li div .use a {
    color:gray;
    font-size:11px
}

#mypage_coupon li .title {
    font-size:13px;
    color:#181818;
    font-weight:700
}

#mypage_coupon li .usable_duration {
    color:gray;
    font-size:11px
}

.add_cart {
    padding:7px 10px;
    background:#fff;
    height:30px;
    line-height:30px;
    border:1px solid #ddd
}

#order_detail .add_cart {
    border-top:0;
    border-bottom:1px solid #ddd
}

.add_cart .right {
    float:right;
    margin-top:0;
    background:#ff6d00;
    padding:8px 15px;
    right:0
}

.add_cart .right > a {
    color:#fff
}

.add_cart .select {
    padding:3px;
    border:1px solid #bbb;
    border-radius:3px;
    background:#fff;
    height:18px
}

.pull_left {
    float:left
}

.pull_right {
    float:right
}

#cart .add_order {
    padding:7px 10px;
    background:#fff;
    height:30px;
    line-height:30px;
    border:1px solid #ddd
}

#cart .add_order .right {
    float:right;
    margin-top:0;
    background:#ff6d00;
    padding:8px 15px;
    right:0;
    border-radius:6px
}

#cart .add_order .right > a {
    color:#fff
}

#cart .add_order .select {
    padding:3px;
    border:1px solid #bbb;
    border-radius:3px;
    background:#fff
}

#cart .border_bottom_blue {
    border-top:1px solid #17aacc;
    padding:0 10px;
    border-bottom:1px solid transparent
}

#cart .add_order.border_bottom_blue .total_prc_title {
    font-size:13px;
    color:#3a3a3a
}

#cart .add_order.border_bottom_blue .total_prc_content {
    line-height:32px;
    float:right;
    color:#666;
    font-size:12px
}

#cart .add_order.border_bottom_blue .total_prc_content .blue {
    font-size:16px;
    font-weight:700;
    color:#17aacc
}

#cart .add_order .chk_num * {
    color:#17719b;
    font-size:11px
}

#cart .add_order .chk_num {
    margin-left:15px;
    font-size:11px;
    color:#696969
}

#cart .list_prd li {
    background:#fff
}

#cart .list_prd li.dlv_partner {
    background:#f5f5f5;
    text-align:center;
    padding:15px
}

#cart .list_prd li.dlv_partner .dlv_msg {
    display:block;
    color:#777;
    padding-top:5px
}

#cart .badge_container {
    width:100px;
    height:100px
}

#cart .badge_img {
    position:inherit;
    max-width:30px
}

#cart .badge_img.badge1 {
    right:4px
}

#cart .badge_img.badge2 {
    left:4px
}

#cart .badge_img.badge3 {
    right:4px;
    bottom:0
}

#cart .badge_img.badge4 {
    left:4px;
    bottom:0
}

#cart .list_prd .box .prd_detail {
    background:#fff
}

#cart .list_prd .box .prd_detail .prd_info {
    width:100%
}

#cart .list_prd .box .prd_detail .prd_info .name {
    float:left;
    width:70%
}

#cart .list_prd .box .prd_detail .prd_info .pull_right,#cart .list_prd .box .prd_detail .content > div {
    float:right
}

#cart .list_prd .box .prd_detail .content {
    float:right
}

#cart .list_prd .box .prd_detail .content .pay {
    font-size:11px
}

#cart .list_prd .box .prd_detail .content .pay span {
    font-size:14px
}

#cart .list_prd .box .white.box_btn a {
    line-height:18px!important
}

#cart .list_prd .box .white.box_btn a img {
    border:0;
    height:12px;
    width:12px;
    float:left;
    padding:0;
    margin:2px 4px 0 0
}

#cart .list_common {
    background:#fff;
    margin-top:12px
}

#cart .list_common * {
    color:#181818
}

#cart .list_common img {
    margin-right:6px
}

#cart .list_common dt {
    line-height:19px;
    font-size:14px
}

#cart .list_common dd > span {
    font-size:14px
}

#cart .list_common #total_price_cartlist,#cart .list_common #dlv_prc_cart {
    font-weight:700
}

#cart .list_common #total_order_price_cartlist {
    color:#f3655f;
    font-size:20px
}

#cart dl.box_common {
    padding-top:14px;
    padding-bottom:15px;
    background:#fff;
    margin-top:12px
}

#cart dl.box_common dt {
    color:#5f5f5f;
    font-weight:700;
    margin-bottom:12px;
    font-size:14px
}

#cart dl.box_common dd {
    margin-left:3px;
    margin-top:7px;
    color:#989898;
    font-size:11px
}

#cart dl.box_common dd div {
    float:left;
    font-size:14px
}

#cart dl.box_common dd div strong {
    font-size:14px
}

#cart dl.box_common dd div:first-child {
    width:5%;
    line-height:150%
}

#cart dl.box_common dd div:last-child {
    width:90%;
    line-height:150%;
    color:#666
}

#recent_prd .recent_title {
    font-size:13px;
    font-weight:700;
    background:#eee;
    margin-bottom:5px;
    padding:5px 5px 5px 10px;
    color:#181818
}

#recent_prd .latest > li {
    height:60px;
    margin-bottom:5px;
    border-bottom:1px solid #ddd
}

#recent_prd .latest .badge_container {
    width:60px;
    height:60px
}

#recent_prd .latest .badge_img {
    position:inherit;
    max-width:22px
}

#recent_prd .latest .badge_img.badge1 {
    right:4px
}

#recent_prd .latest .badge_img.badge2 {
    left:4px
}

#recent_prd .latest .badge_img.badge3 {
    right:4px;
    bottom:0
}

#recent_prd .latest .badge_img.badge4 {
    left:4px;
    bottom:0
}

.border_none {
    border:0!important
}

.border_top_solid {
    border-top:1px solid #ddd
}

.border_top_dash {
    border-top:1px dashed #ddd
}

.border_top0 {
    border-top:0!important
}

.list_input .bottom_dash {
    height:42px;
    margin-bottom:8px;
    border-bottom:1px dashed #ddd;
    padding-bottom:10px
}

.list_input .delivery_img {
    width:25%;
    height:40px;
    float:left
}

.list_input .delivery_img img {
    width:70px;
    height:30px;
    padding-top:6px;
    padding-left:5px
}

.list_input .delivery_check {
    margin-left:6%;
    width:5%;
    float:left;
    padding-top:3px
}

.list_input .delivery_check img {
    width:13px;
    height:13px;
    padding-top:3px
}

.list_input .delivery_content {
    width:62%;
    margin-left:3px;
    float:left;
    padding-top:3px
}

.list_input .delivery_content span,.list_input .delivery_content input {
    float:left
}

.list_input .delivery_content span {
    color:#666;
    font-size:14px;
    font-weight:700
}

.list_input .delivery_content .explain {
    margin-top:5px;
    font-size:11px;
    color:gray
}

.list_input .delivery_content .explain span {
    font-weight:700;
    font-size:11px
}

.list_input .select_date {
    padding-bottom:0
}

.list_input .info_img {
    float:left;
    margin-left:20px;
    width:14px;
    padding-top:3px;
    vertical-align:bottom
}

.pay_method_div {
    padding:0 0 10px
}

.pay_method_div h3 {
    margin:5px 0 10px 10px
}

.pay_method_div > div {
    margin:0 10px
}

/*재난지원금 20200518 김명수 모바일 css */
.pay_method_div .fund {
    position:relative;
    top:-4px;
    left:100px;
    margin:0;
    padding:4px;
    border-radius:8px;
    text-align:center;
    width:180px;
    color:#fff;
    background:#ff6767
}

.fund .box__tooltip-simple-login {
    box-sizing:border-box;
    border-radius:8px;
    text-align:center;
    color:#fff;
    background:#ff6767
}

.box__tooltip-simple-login:after {
    top:100%;
    left:10%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:#d5020200;
    border-top-color:#ff6767;
    border-width:6px;
    margin-left:-6px
}

.method .pay_method_wrap {
    width:32%;
    float:left;
    margin-left:2%
}

.method .pay_method_wrap.grid_view {
    width:50%;
    display:flex;
    margin-left:0;
    text-align:center
}

.method .pay_method_wrap.grid_view:nth-child(n+3) {
    margin-top:3%
}

.method .pay_method {
    width:95%;
    background:#f9f9f9;
    color:#666;
    font-weight:700;
    padding:5px 0
}

.method .pay_method_wrap.grid_view .pay_method {
    width:96%;
    margin-left:2%
}

.method .pay_method_wrap:first-child {
    margin-left:0
}

.method .pay_method.selected {
    background:#ebebeb
}

.method .pay_method_wrap.grid_view:nth-child(3) .pay_method {
    padding:10px 0
}

.method .pay_method_wrap.grid_view:nth-child(4) .pay_method {
    padding:12px 0
}

.method .pay_method_wrap.grid_view .pay_method.selected {
    background:#18BAE7
}

.method .pay_method_wrap.grid_view .pay_method.selected .pay_bold {
    color:#fff;
    font-weight:400
}

.method .pay_method_wrap.grid_view .pay_method.selected .pay_regular {
    color:#fff;
    font-weight:100
}

.method .pay_method > p {
    margin-bottom:3px
}

.method .pay_method > p.pay_bold {
    font-weight:700;
    padding:5px;
    color:#000
}

.method .pay_method > p.pay_bold.bottom_padding0 {
    padding-bottom:0!important
}

.method .pay_method > p.pay_bold img {
    height:12px;
    margin-left:4px
}

.method .pay_method > p.pay_regular {
    font-size:.75em;
    padding:1px 0!important
}

.method .pay_method_wrap:nth-child(odd) > .pay_method > p {
    padding:7px 0
}

.method_content {
    margin:0!important
}

.method_content > div {
    display:none;
    margin:0 14px
}

.method_content > div.selected {
    display:block
}

.method_content > div p {
    text-align:start
}

.method_content > div p:first-child {
    padding:16px 0 10px;
    font-weight:700;
    color:#000
}

.method_content > div p:nth-child(n+2) {
    color:#666
}

.method_content .direct_content {
    margin:0
}

.method_content .direct_content p {
    margin:0 14px
}

.method_content .direct_content span {
    font-size:1.15em;
    font-weight:700;
    margin-right:6%
}

.method_content .direct_content * {
    font-size:1.02em;
    text-align:start
}

.method_content .direct_content input[type=text] {
    border:1px solid #ccc;
    padding:2px;
    font-size:1em
}

.method_content .direct_content .direct_content_input {
    margin-top:12px;
    border-top:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
    padding:12px 20px;
    background:#f9f9f9
}

.method_content .direct_content .direct_content_input > div:last-child {
    margin-top:10px
}

.method_content .direct_content .cash_receipt_input .sub_title2 {
    margin-bottom:5px;
    padding-bottom:5px
}

.method_content .direct_content .cash_receipt_input .bullet_img2 {
    width:11px;
    height:11px;
    margin-top:3px
}

.method_content .direct_content .cash_do_div label {
    padding-left:5%
}

.method_content .direct_content .cash_do_div label:last-child input[name=cash_do] {
    margin-left:30%
}

.method_content .direct_content .cash_auto {
    margin:10px;
    padding-top:10px;
    display:none;
    border-top:1px solid #eaeaea
}

.method_content .direct_content .cash_auto.show {
    display:block
}

.method_content .direct_content .cash_auto div {
    padding:6px 10px;
    font-size:.95em;
    color:#666
}

.method_content .direct_content .cash_input_div {
    display:none;
    margin:10px;
    padding-top:10px;
    border-top:1px solid #eaeaea
}

.method_content .direct_content .cash_input_div.show {
    display:block
}

.method_content .direct_content .cash_input_div div {
    padding:6px 10px;
    font-size:.95em;
    color:#666
}

.method_content .direct_content .cash_input_div > input {
    width:92%;
    margin-left:3%
}

.method_content .direct_content .cash_save_div {
    margin:10px;
    padding:0 6px
}

.method_content .direct_content .cash_save_div input[type='checkbox'] {
    border:1px solid #aaa
}

.frame .subject .title .up_down_img {
    float:left;
    width:84%;
    padding-right:8%;
    background:url('https://www.freshking.co.kr/_skin/m_mobile3/img/common/arrow_ui_down.png') no-repeat 98% 12px;
    background-size:12px;
    background-position:bottom right;
    color:#181818;
    line-height:150%
}

#order_list .prdMore {
    padding:15px 0;
    border:solid 1px #ebebeb
}

#my_review .prdMore {
    padding:15px 0;
    border:solid 1px #ebebeb;
    margin-top:10px
}

#my_qna .prdMore {
    padding:15px 0;
    border:solid 1px #ebebeb;
    margin-top:10px
}

#counsel_list .prdMore {
    padding:15px 0;
    border:solid 1px #ebebeb;
    margin-top:10px
}

#boardlist .prdBoard {
    border:solid 1px #ebebeb;
    padding-top:15px;
    margin-top:10px;
    margin-bottom:10px;
    cursor:pointer
}

.prdMore,.prdBoard {
    width:99.5%;
    text-align:center;
    margin:0 auto;
    padding:0 0 15px;
    vertical-align:middle;
    border-bottom:solid 1px #ebebeb
}

.prdMore {
    cursor:pointer
}

.prd_list2 .prdMore {
    border-bottom:solid 1px #ebebeb;
    padding-top:15px;
    margin-top:-11px
}

.prd_list1 .prdMore {
    border:solid 1px #ebebeb;
    padding-top:15px
}

.prd_list0 .prdMore {
    border:solid 1px #ebebeb;
    padding-top:15px
}

.prdMore span {
    font-size:16px;
    display:table;
    width:100%;
    color:#909090
}

.prdMore img,.prdBoard img {
    display:inline-block;
    width:85px!important;
    border:0!important
}

ul#prd_normal_list {
    margin-bottom:10px
}

ul#prd_normal_list li:nth-child(even) {
    border-right:0
}

ul#prd_normal_list li:nth-child(2n+1) {
    border-left:0
}


/* 공통컨텐츠 */
.common_info img {
    width:100%
}

.img_mobile {
    display:initial
}

.img_desktop {
    display:none
}

.more_btn {
    display:block;
    margin:0 auto;
    background:#17AACC;
    color:#fff;
    padding-left:30px;
    padding-right:30px;
    padding-top:10px;
    width:200px;
    height:45px;
    font-size:16px!important;
    text-align:center!important;
    line-height:33px!important
}

a.area_mypage {
    float:right;
    padding-right:15px
}

.menu_logout {
    background:#585858!important;
    border:solid 0
}

.receipt_type p {
    float:left;
    text-align:left;
    margin-left:20px;
    margin-top:5px;
    color:#6b6b6b;
    font-size:12px;
    width:100%
}

input#receipt_type1 {
    float:left;
    clear:both;
    margin-right:5px;
    margin-top:5px
}

input#receipt_type2 {
    float:left;
    clear:both;
    margin-right:5px;
    margin-top:5px
}

.receipt_type span {
    font-size:17px;
    float:left;
    width:98px;
    text-align:left;
    font-weight:700;
    margin-top:3px
}

.receipt_pw p {
    margin-left:4px;
    width:100%;
    font-size:13px;
    font-weight:700
}

.receipt_pw span {
    font-weight:400
}

/* 상세정보 하단 CSS */
.recommended_product {
    padding-left:12px;
    margin-top:25px;
    padding-top:20px;
    padding-bottom:16px
}

.rec_title {
    font-size:18px;
    margin-bottom:10px;
    border-bottom:solid 1px #00000021;
    padding-bottom:13px;
    color:#4e4e4e
}

.with_title {
    font-size:18px;
    margin-bottom:10px;
    border-bottom:solid 1px #00000021;
    padding-bottom:13px;
    color:#4e4e4e
}

.with_title span {
    font-size:18px;
    color:#1795ea;
    font-weight:700
}

.with_buy_products {
    padding-left:12px;
    margin-top:25px;
    padding-top:20px;
    padding-bottom:16px
}

.recommended_product span {
    font-size:18px;
    color:#18BAE7;
    font-weight:700
}

.with_buy_products {
    margin-top:16px
}

.recommended_product .normal_prc,.with_buy_products .normal_prc {
    font-size:10px;
    color:#868686
}

.recommended_product p.sell_prc strong {
    font-size:16px
}

.with_buy_products p.sell_prc strong {
    font-size:16px
}

.recommended_product .name a,.with_buy_products .name a {
    font-size:10px
}

.pw_notice {
    color:#000000bd;
    padding:15px;
    margin-top:10px
}

input#coupon_code {
    height:30px;
    width:72%;
    padding:5px;
    border:1px solid #d8d8d8;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    line-height:38px;
    margin-right:5px;
    display:inline-block
}

.coupon_box .box_btn {
    width:25%
}

.coupon_box .box_btn a {
    display:block
}

#option_wrap {
    display:flex;
    z-index:600;
    flex-direction:column;
    background-color:#fff;
    border:1px solid #888;
    position:fixed;
    max-height:400px;
    height:73%;
    width:75%;
    min-width:250px;
    max-width:600px;
    margin:0 auto;
    left:0;
    right:0;
    bottom:0;
    top:15%;
    overflow-y:scroll;
    padding:15px 15px 1px
}

#back_option {
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:9999;
    background:#00000080
}

.back_option_wrapper {
    width:100%;
    height:100%;
    position:fixed
}

.option_header {
    font-size:15px;
    font-weight:700;
    padding-top:5px;
    padding-bottom:14px;
    border-bottom:solid 1px #dcdcdc
}

.option_title {
    padding-top:10px;
    padding-bottom:5px;
    border-bottom:solid 2px #1291af;
    font-size:14px
}

#option_list {
    overflow-y:scroll;
    padding-top:5px;
    height:100px;
    border-bottom:solid 1px #dcdcdc;
    overflow-x:hidden;
    min-height:80px
}

#option_wrap .option_qty {
    display:inline-block;
    margin-top:7px
}

#option_wrap .ea {
    position:relative;
    height:25px;
    border:1px solid #d8d8d8;
    clear:both;
    float:right;
    width:74px
}

#option_wrap .ea .input {
    height:25px;
    padding:0
}

#option_wrap .ea a {
    display:block;
    position:absolute;
    top:0;
    width:25px;
    height:25px;
    font-size:2em;
    text-align:center;
    line-height:30px
}

#option_wrap .ea a.minus {
    left:0;
    border-right:1px solid #d8d8d8
}

#option_wrap .ea a.plus {
    right:0;
    border-left:1px solid #d8d8d8
}

#option_wrap .ea .box_input .input {
    border:0;
    text-align:center;
    font-size:14px
}

.opt_total {
    float:right;
    display:inline-block;
    margin-top:10px
}

.opt_total span {
    font-size:21px;
    color:#1291af;
    font-weight:700
}

.option_line2 {
    height:1px;
    margin-top:14px;
    margin-bottom:0;
    background-color:#dcdcdc
}

.option_line1 {
    height:1px;
    width:100%;
    margin-top:1px;
    padding-top:1px;
    background-color:#dcdcdc
}

.option_add a {
    padding:13px 0;
    background:#2bbae1db;
    color:#fff;
    float:left;
    font-size:14px;
    margin-top:10px;
    text-align:center;
    width:100%;
    transition:.25s;
    border:solid 1px #26a9ce
}

.option_add a:hover {
    background:#0da3ce;
    transition:.25s
}

.option_add {
    float:left;
    width:48%;
    display:inline-flex
}

.opt_close {
    float:left;
    left:4%;
    width:48%;
    position:relative
}

.opt_close span {
    padding:13px 0;
    background:#b1b1b1;
    color:#fff;
    font-size:14px;
    margin-top:10px;
    float:left;
    width:100%;
    text-align:center;
    cursor:pointer;
    border:solid 1px #9e9e9e
}

.option_text input {
    font-weight:700
}

.opt_close_img {
    background-repeat:no-repeat;
    background-size:16px;
    background-image:url(/_skin/skin1506/img/button/option_close.png);
    position:absolute;
    top:20px;
    right:20px;
    text-indent:-9999em;
    width:0;
    height:0;
    padding:8px;
    cursor:pointer
}

#option_tbl input.optionRemove {
    text-indent:-9999px!important;
    background:url(/_skin/skin1506/img/shop/option_close.png) no-repeat;
    background-size:15px;
    background-position:0 2px;
    height:20px;
    cursor:pointer;
    width:17px!important;
    border:solid 0;
    opacity:.6;
    margin-left:5%;
    float:right;
    box-shadow:0 0 0 red!important
}

.option_text {
    border-left:dotted 1px #e2e2e2;
    width:28%;
    display:inline-block;
    margin:4px 0 4px 9px;
    padding:0 0 0 13px;
    color:#565858
}

input.option_qty {
    box-shadow:0 0 1px #afafaf;
    height:19px;
    line-height:19px;
    border:solid 0;
    text-indent:15%;
    width:40%!important
}

input[type="number"].option_qty::-webkit-outer-spin-button,input[type="number"].option_qty::-webkit-inner-spin-button {
    opacity:.3;
    cursor:pointer;
    transition:.25s
}

input[type="number"].option_qty::-webkit-outer-spin-button,input[type="number"].option_qty::-webkit-inner-spin-button:hover {
    opacity:.85;
    cursor:pointer;
    transition:.25s
}

.option_var {
    width:68%;
    display:inline-block;
    padding:7px 0;
    font-size:9px
}

.btn_div {
    width:100%;
    display:block;
    height:55px;
    margin-left:-1px;
    margin-bottom:14px
}

.opt_title_cont {
    padding:8px 0 4px
}

.selected_Opt td {
    display:inline-block;
    float:left;
    width:65%;
    padding:7px 0;
    line-height:15px
}

td.opt_del {
    width:30%;
    float:right;
    display:block;
    margin:4px 0
}

#option_tbl input {
    box-shadow:0 0 1px #afafaf;
    height:16px;
    line-height:19px;
    border:solid 0;
    text-indent:15%;
    width:30%!important;
    padding:0!important
}

.option_wrap {
    margin:0 10px
}

tr.selected_Opt {
    padding:5px 0 5px 5px;
    vertical-align:middle;
    width:100%
}

.opt_del a {
    line-height:18px;
    display:table-cell;
    opacity:.7;
    cursor:pointer
}

.option_text input.optionRemove {
    text-indent:-9999px!important;
    background:url(/_skin/skin1506/img/shop/option_close.png) no-repeat;
    background-size:15px;
    background-position:60% 2px;
    height:20px;
    cursor:pointer;
    border:solid 0;
    opacity:.6;
    box-shadow:0 0 0 red!important
}

.selected_Opt span {
    float:right;
    display:block;
    width:65px
}

/* 마이페이지 - 후기 작성 관련 CSS */
#my_review #qnarev ul li {
    padding-bottom:25px;
    margin-bottom:15px;
    border-bottom:solid 1px #e2e2e2
}

#my_review #qnarev ul li:first-child {
    margin-top:0
}

#my_review #qnarev ul li:last-child {
    margin-bottom:15px;
    padding-bottom:0;
    border-bottom:solid 0
}

#my_review table {
    width:100%
}

#my_review .content_prd_container {
    float:left;
    margin:10px 20px 20px 0;
    clear:both
}

#my_review .content_prd_name {
    float:left;
    margin-top:10px;
    width:60%
}

#my_review .rating_div {
    text-align:center
}

#my_review .rating_box {
    width:100%;
    text-align:center
}

#my_review .rating_container {
    text-align:center;
    margin:0 auto 0 10px;
    float:right;
    padding:4px 0
}

#my_review .rating > label {
    font-size:18px
}

#my_review .review_img {
    width:49%!important
}

#my_review .review_img:nth-child(2) {
    float:right
}

#my_review .pt_str {
    padding:12px 0;
    margin:0 auto
}

#my_review .pt_str.writable {
    border-bottom:solid 1px #e0e0e0;
    width:100%
}

#my_review .pt_str.disabled {
    float:right
}

#my_review .holder {
    text-align:left;
    float:left;
    width:100%
}

.input_write {
    float:left;
    width:100%
}

.input_write input {
    width:98%;
    padding:3px 2px;
    border:solid 1px #e9e9e9!important
}

.submit_container.none {
    float:left;
    width:100%;
    text-align:center;
    padding:15px 0
}

input.submit_hugi {
    width:100%;
    border:solid 0;
    background:#17aacc;
    color:#fff;
    padding:10px;
    border-radius:4px
}

.content_prd_price {
    float:left;
    font-size:15px;
    font-weight:700;
    color:#a7a7a7;
    width:50%;
    line-height:25px
}

.content_prd_price span {
    font-size:12px;
    font-weight:400;
    color:#a7a7a7
}

input.write_review_btn {
    border:solid 1px #dedede;
    position:relative;
    width:90%;
    height:37px;
    display:block;
    margin:0 auto;
    color:#17aacc;
    background:#fff;
    border-radius:4px;
    box-shadow:0 1px 2px #b1aeaebf;
    font-size:14px;
    font-weight:700;
    cursor:pointer
}

#rev_pt_str {
    border:0;
    text-align:center
}

.write_review_btn_small_container {
    text-align:center;
    padding-top:8px
}

input.write_review_btn_small {
    border:solid 1px #dedede;
    position:relative;
    width:40%;
    height:37px;
    display:inline-block;
    margin:0 8px;
    color:#17aacc;
    background:#fff;
    border-radius:4px;
    box-shadow:0 1px 2px #b1aeaebf;
    font-size:14px;
    font-weight:700;
    cursor:pointer
}

#revWriteDiv textarea {
    border:solid 1px #a7a7a7
}

.banner_mileage p {
    font-size:13px;
    color:#505050;
    padding:5px
}

#revWriteDiv textarea {
    border:solid 1px #a7a7a7;
    font-size:14px;
    line-height:19px;
    padding:8px
}

span.mileage_explain {
    color:#ff6d00;
    font-size:13px
}

.minidetail .miniinfo .img img {
    border:solid 1px #d4d4d4
}

.text_limit {
    color:#bfbfbf
}

span.hugi_title {
    color:#bfbfbf
}

.banner_mileage {
    padding:8px
}

p.time {
    margin-top:15px
}

#detail .banner_mileage {
    border:solid 2px #d8d8d8;
    padding:15px
}

.list_write li.grade {
    padding:20px 0 12px
}

.rev_write_notice {
    color:#bbb;
    width:95%;
    margin:20px auto
}

#revWriteDiv .box_btn.block.white {
    margin-top:10px
}

label.full {
    font-size:17px
}

.review_confirm {
    width:95%;
    margin:0 auto;
    margin-bottom:20px
}

.rev_write_notice .rev_notice_title {
    color:#868686;
    font-weight:700
}

.rev_write_notice p {
    line-height:20px
}

.label_sticker {
    position:absolute;
    top:auto;
    left:auto;
    bottom:0;
    right:-2%;
    width:45%
}

.prd_list0 .label_sticker {
    width:32%
}

.true_badge {
    position:absolute;
    left:-2%;
    top:0;
    width:47px;
    height:47px;
    background:url(http://www.martroo.com/_skin/skin1506/img/shop/true_badge.png) no-repeat center
}

#addressbook {
    background-color:#f2f2f2
}

#addressbook .address_list li {
    margin:10px;
    border:1px solid #ddd;
    padding:8px;
    background-color:#fff;
    position:relative
}

#addressbook .address_list li div {
    margin-bottom:4px
}

#addressbook .address_list li div:first-child {
    margin-bottom:8px
}

#addressbook .address_list li div.addr_func {
    display:inline-block;
    padding-top:4px;
    border-top:1px solid #ccc
}

#addressbook .address_list li div.addr_func span {
    margin:0
}

#addressbook .address_list li div.addr_func span:nth-child(2) {
    margin-left:6px
}

#addressbook .address_list .default_addr {
    position:absolute;
    right:6px;
    bottom:9px;
    padding:4px 12px;
    border:1px solid #888;
    border-radius:12px
}

.addr_select_ul {
    display:flex
}

.addr_select_ul li {
    display:inline-block;
    width:50%;
    text-align:center;
    padding:14px;
    background-color:#fff;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd
}

.addr_select_ul li.selected {
    background-color:#333;
    color:#fff
}

.addr_select_ul li:not(.selected) {
    cursor:pointer
}

#addressbook_new {
    padding:0;
    background-color:#f2f2f2
}

#addressbook_new .margin_bottom10 td {
    border-bottom:10px solid #f2f2f2
}

#addressbook_new .table_container {
    padding:10px
}

#addressbook_new table {
    border-collapse:collapse;
    border-spacing:0;
    table-layout:fixed;
    width:100%
}

#addressbook_new table td {
    padding:0;
    background-color:#fff
}

#addressbook_new table input[type=text] {
    width:96%;
    border:1px solid #999;
    height:24px;
    padding:2%
}

#addressbook_new table div {
    width:96%;
    height:24px;
    padding:2%;
    text-align:center;
    border:1px solid #666
}

#addressbook_new .addr_register_btn {
    height:40px;
    padding-top:16px;
    text-align:center
}

#addressbook_new .addr_register_btn span {
    padding:10px 50px;
    background-color:#ff6d00;
    color:#fff;
    font-size:1.2em;
    border-radius:16px
}

.addr_new {
    padding:10px 10px 20px
}

.today_sale {
    position:relative
}

.today_sale_background {
    position:absolute;
    width:100%;
    height:200px;
    top:0;
    left:0;
    z-index:1;
    background-color:#ff6d00
}

.today_sale_header {
    position:relative;
    z-index:2;
    color:#fff
}

.today_sale_header > img {
    width:60%;
    margin-left:20%;
    margin-top:20px
}

.today_sale_header > div {
    margin-top:7px;
    text-align:center
}

.today_sale_header > div > span {
    font-weight:700
}

.today_sale_content {
    position:relative;
    z-index:2;
    margin:4% 4% 0;
    background-color:#fff;
    width:92%;
    border:1px solid #bfbfbf;
    border-bottom:0;
    padding-bottom:6px
}

.today_sale_content .finish_alert {
    position:absolute;
    right:10px;
    top:10px;
    border:1px solid #bbb
}

.today_sale_content .finish_alert > div:first-child {
    background:red;
    color:#fff;
    font-weight:700;
    font-size:1.25em;
    text-align:center;
    padding:4px
}

.today_sale_content .finish_alert > div:nth-child(2) {
    background:#f2f2f2;
    font-weight:700;
    font-size:1.25em;
    text-align:center;
    padding:3px
}

.today_sale_content .finish_alert > div:nth-child(2) > div {
    font-size:1.1em
}

.today_sale_content .finish_alert > div:nth-child(2) > div span {
    font-size:inherit
}

.today_sale_content .finish_alert > div:nth-child(2) > div span.none {
    color:red
}

.today_sale_content .finish_alert > div:nth-child(2) > div span.sometimes {
    color:#FF9136
}

.today_sale_content .finish_alert > div:nth-child(2) > div span.usually {
    color:#FFC535
}

.today_sale_content .finish_alert > div:nth-child(2) > div span.often {
    color:#17E077
}

.today_sale_content .finish_alert > div:nth-child(2) > div span.full {
    color:#19BBE6
}

.today_sale_content .content_img {
    position:relative;
    margin-bottom:6px
}

.today_sale_content .content_img img:first-child {
    width:88%;
    padding:5% 6% 3%;
    border-bottom:1px solid #bfbfbf
}

.today_sale_content .today_sale_name {
    padding:4px 8px;
    font-size:1.3em
}

.today_sale_content .today_sale_price {
    text-align:right;
    display:table;
    float:right;
    margin:10px 6px 0 0
}

.today_sale_content .first_logo {
    width:30%;
    margin-left:8px
}

.today_sale_content .today_sale_price div {
    display:table-cell
}

.today_sale_content .today_sale_price .normal_price {
    font-size:1.25em;
    color:#999;
    text-decoration:line-through;
    padding-right:5px
}

.today_sale_content .today_sale_price .sale_price {
    font-size:2.8em;
    color:#ff6d00;
    font-weight:700;
    padding-left:5px
}

.today_sale_content .today_sale_price .won {
    font-size:1.3em;
    color:#ff6d00;
    padding-left:2px
}

.today_sale_content .none {
    width:60%!important;
    padding:14% 20% 10%!important
}

.today_sale_content .today_commingsoon {
    width:70%;
    margin:3% 15%
}

.today_sale_content .encore_tip {
    display:inline-block;
    padding:2px 6px;
    background-color:#f2f2f2;
    border-radius:12px;
    float:right;
    margin-top:6px;
    margin-right:6px;
    font-size:.9em
}

.today_sale_content .encore_tip span {
    font-weight:700
}

.today_sale_content .sold_out_screen {
    width:100%;
    height:100%;
    opacity:.2;
    background-color:#000;
    position:absolute;
    top:0;
    left:0
}

.today_sale_goto_prd {
    position:relative;
    text-align:center;
    width:92%;
    font-weight:700;
    font-size:2.3em;
    padding:20px 0;
    background-color:#ff6d00;
    color:#fff;
    margin:0 4%;
    border:1px solid #ff6d00;
    cursor:pointer
}

.today_sale_notice {
    margin-top:6px;
    padding:18px
}

.today_sale_notice span {
    font-weight:700;
    font-size:14px
}

.today_sale_notice div {
    margin:4px 8px 0;
    font-size:14px
}

.true_weekly {
    width:100%
}

.true_weekly_sort_left {
    display:inline-block;
    width:50%;
    position:relative
}

.true_weekly_sort_left > .list_type {
    position:absolute;
    right:0;
    top:2px;
    width:auto
}

.true_weekly_sort_left > .total_prd {
    width:auto
}

.scroll_category {
    background-color:#fff;
    overflow-x:scroll;
    height:40px;
    white-space:nowrap;
    position:sticky;
    top:0;
    z-index:500
}

.scroll_category ul {
    overflow-x:scroll;
    list-style-type:none;
    display:table
}

.scroll_category li {
    height:21px;
    padding:8px;
    font-size:1.2em;
    display:table-cell;
    vertical-align:middle;
    border-bottom:3px solid transparent;
    cursor:pointer
}

.scroll_category li.selected {
    border-bottom:3px solid #ff6d00;
    color:#ff6d00
}

.scroll_category img {
    width:21px;
    height:21px
}

.theme_list {
    width:100%
}

.theme_list li {
    margin-bottom:4px
}

.theme_list img {
    width:100%
}

.container {
    overflow:hidden;
    width:100%;
    position:relative;
    margin:0
}

.theme-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:5px;
    margin-top:40px
}

.theme-title {
    margin-left:10px;
    font-size:25px;
    font-weight:700;
    color:#333
}

.theme-header .more {
    color:#888;
    text-decoration:none;
    font-size:14px;
    margin-right:20px;
    display:inline-block;
    white-space:nowrap
}

.subtitle {
    color:#666;
    font-size:16px;
    margin-bottom:25px;
    margin-left:10px;
}

.product-list {
    display:flex;
    gap:6px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
    pointer-events:auto;
    margin-bottom:40px
}

.product-list::-webkit-scrollbar {
    display:none
}

.product {
    background:#fff;
    padding:3px;
    border-radius:8px;
    text-align:center
}

.product:hover {
    cursor:pointer
}

.product img {
    width:90%;
    height:auto;
    border-radius:5px;
    margin-bottom:10px
}

.product-name {
    font-size:15px;
    padding-left:8px;
    height:35px;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:15px;
    text-align:left
}

.price-info {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
    width:160px;
    margin-left:8px
}

.original-price {
    text-decoration:line-through;
    color:silver;
    font-size:12px
}

.discount-price {
    color:#ff6d00;
    font-size:18px;
    font-weight:700
}

.purchase {
    display:flex;
    justify-content:center;
    padding-left:7px;
    align-items:center;
    gap:2px;
    width:103%
}

.quantity {
    width:42.7%;
    border:1px solid #ddd;
    text-align:center;
    text-indent:2%
}

.cart-btn {
    float:right;
    width:43%;
    margin:0 4%;
    background:#ff6d00;
    height:40px
}

.product-grid {
    display:flex;
    flex-wrap:wrap;
    box-sizing:border-box
}

.product-item {
    text-align:center;
    width:50%;
    height:50%;
    box-sizing:border-box;
    align-items:center;
    justify-content:center;
    margin-bottom:15px
}

.sh-purchase {
    width:99%;
    text-align:center;
    padding-left:7%;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:2px;
    margin-left:-4%
}

.sh-product-name {
    text-align:left;
    font-size:15px;
    padding:14px;
    margin-left:-7px;
    min-height:34px;
    padding-bottom:0
}

.mg-t10 {
    margin-top:10px
}

#subtitle_div {
    margin-left: -10px;
}

.product-image  {
    width: 95%;
    height: auto;
    /* 비율을 유지하기 위해 auto 유지 */aspect-ratio: 8 / 9;
    /* 예: 원본 이미지가 가로 16, 세로 9 비율일 때 */
}

.product-image.loaded  {
    opacity: 1;
}

.fade-image  {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    /* 0.5초 동안 부드럽게 투명도 변경 */
}

.fade-image.loaded  {
    opacity: 1;
}

.pay_submit  {
    z-index: 5;
    position: fixed;
    background: #ff6d00;
    font-size: 26px;
    font-weight: bold;
    max-width: 620px;
    width: 100%;
    color: #fff;
    bottom: 0;
    padding: 23px 0;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0);
    cursor: pointer;
}

.first_purchase_label {
    position: absolute;
    margin-top: -24px;
    font-size: 11px;
    background: #ff6d00;
    width: 61px;
    color: white;
    height: 18px;
    padding-top: 5px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.first_purchase_cart_label {
    position: absolute;
    margin-top: -24px;
    font-size: 11px;
    background: #ff6d00;
    width: 100px;
    color: white;
    height: 18px;
    padding-top: 5px;
    text-align: center;
    border-radius: 3px;
}