@charset "utf-8";#wrapper{width:100%;margin:0 auto}
@import url(//fonts.googleapis.com/earlyaccess/mplus1p.css);

#wrapper header{width:100%}
#wrapper .notice{color:#fff;float:left;display:inline}
#wrapper .notice a{display:block;overflow:hidden;padding:12px;text-overflow:ellipsis}
.topNotice{width:100%;font-size:8px;background:#f85596;color:#fff;float:left;display:inline;margin-bottom:40px;text-align:right;padding:12px;font-family:Verdana,Geneva,sans-serif}
.topNotice a{color:#fff;display:block;overflow:hidden;padding:14px;white-space:nowrap;text-overflow:ellipsis}
.topNav{width:100%}
.topNav li{float:left;display:inline}
.topNav .m4{margin:0}
.topLogo{width:100%;padding:20px 0;float:left;display:inline}
.topLogo ul{margin:0 auto}
.topLogo li{float:left;display:inline}
.topLogo_m{width:300px;float:left}
.topLogo .ment{width:100%;text-align:center}
.topSearch{width:340px;height:60px;background:#dcdcdc;float:left;display:inline}
.topSearch ul{width:90%;margin:0 auto;padding:10px 0}
.topSearch input{width:211px;height:40px;background:#fff;padding:0 0 0 5px;float:left;display:inline;border:solid 0 #fff;-webkit-border-radius:0;-webkit-appearance:none}
.colorCate{width:100%;padding:0;float:right;display:inline}
.colorCate ul{width:100%;margin:0 auto}
.colorCate li{width:12.28%;text-align:left;float:left;display:inline}
.colorCate1{width:100%;padding:10px 0 0;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;float:left;display:inline}
.colorCate1 ul{width:84%;margin:0 auto}
.colorCate1 li{width:12.28%;text-align:center;float:left;display:inline}
.mainCon1{width:100%;float:left;display:inline}
.mainCon1 ul{width:100%;margin:0 auto;padding:0}
.mainCon1 li{width:100%;float:left;display:inline;padding:10px 0}
.mainCon1 .bn1{margin-top:2px;margin-bottom:10px}
.mainTab{width:100%;float:left;display:inline}
.mainTab .tabNav{width:100%;float:left;display:inline}
.mainTab .tabNav li{float:left;display:inline;padding-top:20px}
.mainTab .tabNav2{width:100%;float:left;display:inline;margin-bottom:30px}
.mainTab .tabNav2 li{float:left;display:inline}
.mainTab .tabList{width:100%;padding:8px 0;float:left;display:inline;overflow:hidden}
.mainTab .tabList li{width:203px;padding:5px 0;color:#000;float:left;display:inline}
.mainTab .tabList .n1{width:100%;font-size:18px;color:#1b1b1b;margin-top:8px;line-height:120%;text-align:left;float:left;display:inline}
.mainTab .tabList .n2{width:100%;font-size:20px;color:#f95ea0;padding:2px 0;text-align:center;float:left;display:inline}
.mainTab .tabList .n3{width:100%;padding:3px 0;font-size:22px;color:#fd0089;text-align:center;float:left;display:inline}
.mainTab .tabList .end{margin-right:0}
.mainCate{width:100%;float:left;display:inline}
.mainCate ul{width:626px;margin:0 auto}
.mainCate h2{margin-left:7px}
.mainCate li{width:97%;margin:0 auto;font-weight:400;color:#282828;padding:3px 0}
.mainCate .align_r{float:right}
.mainCate li a{color:#282828;display:block;overflow:hidden;padding:4px 0;white-space:nowrap;text-overflow:ellipsis}
.mainCate .end{border-bottom:0}
.mainCate li a .txt{font-size:18px}
#scrolling1{overflow:hidden;margin:0 auto;width:100%;height:350px;float:left;display:inline}
#scrolling1 .btn{display:table;margin-left:auto;margin-right:auto}
#scrolling1 .btn li{margin:0 2px;padding:0;float:left;display:inline;margin-top:10px}
#scrolling1 .btn li .on{display:none}
#scrolling1 .btn li .off{display:block}
#scrolling1 .btn li a:hover .on{display:block}
#scrolling1 .btn li a:hover .off{display:none}
#scrolling1 .btn li.selected .on{display:block}
#scrolling1 .btn li.selected .off{display:none}
#footer{width:100%;float:left;display:inline;padding:20px 0 80px}
.footer_b_3m{width:100%;text-align:center}
.footer_b_3m li{width:160px;float:left;padding:20px 0}
.footer_b_3m li span{font-size:14px}
.footer_b_copy{width:100%;height:100px;text-align:center;background-color:#f15e7b;clear:both}
.footer_b_copy span{color:#fff;font-size:16px}
.footer_b_copy span a{color:#fff;font-size:16px}
.footer_sns{width:100%;margin:0 auto;padding:20px 0;float:left;text-align:center}
.footer_b_6m{width:100%;margin:0 auto;padding:30px 0 0;float:left}
.footer_appdown{padding:30px 0 0}
#footer_sangse{width:100%;margin-bottom:80px;float:left;display:inline}
#footer_sangse p{width:100%;text-align:center;padding:10px 0}
.Top_category{width:100%}
.Top_category ul li{float:left;display:inline}


#subArea{padding-top:46px;}
#subArea .cbtn{
    width: 100%;
    margin: 0 0 80px;
    padding: 0 15px;
    text-align: center;
    box-sizing: border-box;
}
#subArea .cbtn.fixed{
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0;
    background: #fff;
    text-align: center;
    box-shadow: 0px -2px #eee;
    z-index: 10;
}
#subArea .cbtn .orderbtn{
    display: block;
	width:100%;
    background: #ff5b7d;
    padding: 13px 0;
    border-radius: 100px;
    color: #fff;
    margin: 10px 0;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

#subArea .sns{width:100%;padding:60px 32px 0;text-align:center;float:left;display:inline}
#subArea .sns ul{width:39%;text-align:center;margin:0 auto;position:relative;top:-29px}
#subArea .sns2{width:100%;padding:0 0 10px;text-align:center;float:left;display:none}
#subArea .sns2 ul{width:39%;position:relative;top:19px;text-align:left;padding-left:149px;margin:0}
#subArea .sns li{margin:0 2px;float:left;display:inline}
#subArea .sns img{width:32px;height:32px;float:left;display:inline}
#subArea .sns .bcount{width:50px;margin-left:4px;padding:8px 0 9px 10px;height:3px 0;font-size:16px;font-weight:700;color:#000;float:left;display:inline}

.subGoods{
    border-top: 1px solid #e5e5e5;
    padding: 20px 15px 60px;
}
.subGoods h2{
    font-size: 18px;
    font-weight: bold;
}
.subGoods h2 span{
    color: #8e1fff;
    font-size: 15px;
    margin-left: 4px;
}
.subGoods ul{
    padding: 0;
    display: flex;
    overflow-y: hidden;
    overflow-x: scroll;
    margin: 20px -15px 0;
}
.subGoods ul::-webkit-scrollbar{display: none;}
.subGoods li{
    flex: 0 0 40%;
    margin: 0 5px 0px 0;
}
.subGoods li:first-child {
    margin: 0 5px 0 15px;
}
.subGoods li:last-child {
    margin: 0 15px 0 0;
}
.subGoods li a{
    display: flex;
    flex-direction: column;
}
.subGoods li .img{
    width: 100%;
    margin-bottom: 5px;
}
.subGoods li .name{
    min-height: 40px;
    color: rgb(119, 119, 119);
    overflow: hidden;
    letter-spacing: -1px;
    font-size: 14px;
    text-overflow: ellipsis;
    padding: 0 10px 0 0;
    margin: 10px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.subGoods li .sale_price{
    margin-top: 15px;
    color: #fa6391;
    font-weight: 500;
}



.subViewcon{width:100%;float:left;display:inline}
.subViewcon ul li{_white-space:nowrap;_white-space:normal;float:left;display:inline}
.subViewcon .cnt{width:95%;margin-left:8px;margin-bottom:20px;border:1px solid #dadada;color:#000;line-height:14px;padding:15px 10px 0;float:left;display:inline}
.subViewcon .cnt .con1{width:100%;margin:5px 0;float:left;display:inline}
.subViewcon .cnt .con1 li{width:98%;padding:2px 5px;line-height:130%;display:block;_white-space:nowrap}
.subViewcon .cnt .con1 .icon img{margin-right:16px}
.subViewcon .cnt .con2{width:100%;margin:5px 0;float:left;display:inline}
.subViewcon .cnt .con2 li{width:96%;padding:5px 10px 22px;float:left;display:inline}
.subViewcon .cnt .con2 .end{background:0}
.subViewcon2{width:100%;float:left;display:inline}
.subViewcon2 .cnt{width:95%;margin-left:8px;margin-bottom:20px;border:1px solid #dadada;color:#000;line-height:24px;padding:15px 10px;float:left;display:inline}
.subViewcon2 .cnt li{width:100%;float:left;display:inline}
.subViewcon2 .select_ul li{border:1px #ccc solid;padding:12px 0;color:#000}
.subViewcon2 .select_ul li:hover{background:#fd8098;color:#fff}
.subViewcon2 select{width:100%;height:50px;padding:10px 0;border:1px solid #ccc;margin-top:3px;float:left;display:inline}
.subTab{width:100%;float:left;display:inline}
.subTab .tabNav{width:100%;text-align:center}
.subTab .tabCon{width:100%;padding:5px 0 20px;text-align:center}
.subTab .tabCon .cnt{width:100%;margin:0 auto}
.subTab .tabCon li{width:100%;_white-space:nowrap;font-size:20px;line-height:130%;text-align:left;float:left;display:inline}
.subTab .tabCon li.tit{margin:5px 0}
.subTab .tabCon li.con{width:100%;margin:5px 0}
.subTab .tabCon .tabBBS{width:96%;margin:0 0 0 18px;float:left;display:inline}
.subTab .tabCon .tabBBS ul{width:100%;padding:0 0 18px;float:left;display:inline}
.subTab .tabCon .tabBBS li{width:95%;color:#000;padding:5px 0;text-align:left}
.subTab .tabCon .tabBBS .bStar{float:right;margin-top:-3px;margin-right:5px}
.subTab .tabCon .tabBBS .btn_more{width:100%;text-align:right;background:0;padding:20px 0}
.subTab .tabCon .bbsWrite{width:90%;text-align:left;margin:20px 0 0 22px;float:left;display:inline}
.subTab .tabCon .bbsWrite h2{font-size:20px;color:#000}
.subTab .tabCon .bbsWrite li{width:100%;color:#000;padding:10px 0;float:left;display:inline}
.subTab .tabCon .bbsWrite input{width:100%;padding:3px;border:3px solid #66c4d0;margin-top:5px}
.subTab .tabCon .bbsWrite input[type="radio"]{float:left;border:1px solid #d8d8d8;padding:2px;color:#000}
.subTab .tabCon .bbsWrite .bStar{width:100%;margin:5px 0 0}
.subTab .tabCon .bbsWrite .bStar img{float:left;margin:-2px 15px 0 0}
.subTab .tabCon .bbsWrite .txt{float:left}
.subTab .tabCon .bbsWrite textarea{width:100%;padding:3px;margin-top:8px;height:200px;border:3px solid #66c4d0}
.subTab .tabCon .bbsWrite .btn{width:100%;padding:0 0 25px;text-align:center;float:inherit}
.moveBar{width:100%;bottom:0;margin:0;_background:#000;position:fixed;_padding:10px 0;color:#fff}
.moveBar_r{width:99%;bottom:0;margin:0;background:#000;position:fixed;_padding:10px 0;color:#fff}
.loginWrap{width:100%}
.loginWrap .cnt{_padding:20px}
.loginWrap ul{width:100%;float:left;display:inline}
.loginWrap li{white-space:nowrap;padding:5px 0;float:left;display:inline}
.loginWrap .t1 li{width:inherit;text-align:center}
.loginWrap .t1 img{float:center;display:inline}
.loginWrap .t1 .txt1{font-size:36px;margin-left:10px;margin-top:50px;color:#fc0b55;float:left;display:inline}
.loginWrap .t1 .txt2{font-size:20px;margin-top:73px;float:left;display:inline}
.loginWrap .t2{font-size:20px}
.loginWrap .t2 li{padding:20px 0}
.loginWrap .t2 dl{padding:5px}
.loginWrap .t2 dl span.txt{width:120px;padding:5px 0;float:left;display:inline}
.loginWrap .t2 dl.btn{margin-left:510px;margin-top:-135px}
.loginWrap .t2 input{width:450px;border:1px solid #8d8d8d;font-size:20px;background:#fff;-webkit-border-radius:1px}
.loginWrap .t2 dl.chk1{width:93px;border:1px solid #fff;margin-top:10px;font-size:18px;float:right;display:inline}
.loginWrap .t2 dl.chk2{font-size:18px;margin-top:-22px;float:left;display:inline}
.loginWrap .t2 input[type="checkbox"]{width:22px;height:22px;border:1px solid #d8d8d8;padding:2px;color:#000}
.loginWrap .t3{font-size:18px;background:0}
.loginWrap .t3 li{padding:20px 0}
.loginWrap .t4{background:0;text-align:center}
.loginWrap .t4 li{padding:0 10px}
.loginWrap .i1 li{padding:0 20px 0 200px}
.loginWrap .i1 img{float:center;display:inline}
.loginWrap .i1 .txt1{font-size:36px;margin-left:10px;margin-top:50px;color:#fc0b55;float:left;display:inline}
.loginWrap .i1 .txt2{font-size:20px;margin-top:63px;float:left;display:inline}
.loginWrap .i2{font-size:22px}
.loginWrap .i2 li{padding:25px 0 30px 20px}
.loginWrap .i2 dl{padding:5px 0}
.loginWrap .i2 dl span.txt{width:70px;padding:5px 0;float:left;display:inline}
.loginWrap .i2 dl.btn{width:197px;height:90px;margin-left:400px;margin-top:-86px}
.loginWrap .i2 input{width:300px;border:1px solid #8d8d8d;padding:5px;font-size:20px;height:28px;background:#f1f1f1}
.loginWrap .i2 dl.txt{font-size:16px;white-space:nowrap;text-align:center}
.loginWrap .i3{font-size:18px;background:0}
.loginWrap .i3 li{padding:20px 0 40px 20px}
.joinWrap{margin:0 7px}
.joinWrap .t11 li{width:inherit;text-align:center;font-family:'Mplus 1p', 'sans-serif', 'Dotum','Lato',sans-serif;display:block;font-size:1px}
.joinWrap h1{width:100%;margin:5px 0}
/*.joinWrap h2{width:100%;display:block;margin:0;height:40px;line-height:40px;font-weight:600;font-family:'Mplus 1p', 'sans-serif', 'Dotum','Lato',sans-serif;font-size:18px;text-align:center} */
.joinWrap h2 .red2{color:#ff000a;margin-left:58px}


.joinWrap .form{border:1px solid #f7f7f7}
.joinWrap .form table{width:100%;margin:0; border-collapse: collapse; table-layout: fixed;}
.joinWrap .form table tr{
    border-bottom: 1px solid #f3f3f3;
}
.joinWrap .form table th{
	padding: 10px;
    color: #222;
    font-size: 13px;
    font-weight: 400;
    width: 120px;
    text-align: left;
}
.joinWrap .form table td{padding: 10px;}



.joinWrap .form table input{
font-size: 13px;
    padding: 5px;
    border: 1px solid #ccc;
    margin: 3px 0;
}
.joinWrap .form table select{
    font-size: 13px;
    margin: 3px 0;
    max-width: 100%;
    padding: 3px;
    color: #353535;
    border: 1px solid #ccc;
}
.joinWrap .form table img{float:left}
.joinWrap .form table .txt{
    margin: 9px 4px 0;
}
.joinWrap .form table .binfo{color:#404041;font-size:12px;line-height:130%}
.joinWrap .form_agree{width:100%;margin:10px 0;border:1px solid #ccc}
.joinWrap .form_agree textarea{width:96.5%;font-size:16px;height:200px;line-height:130%;border:0;padding:10px;background-color:#fff}



.mypageWrap .tit{
    background: #f0f0f0;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mypageWrap .tit .align_l{
    color: #000;
    font-size: 15px;
}
.mypageWrap .tit .align_r{}
.mypageWrap .tit .align_r a{
    padding: 3px 10px;
    border: 1px solid #fa6482;
    background-color: #fff;
    border-radius: 10px;
    font-size: 14px;
}

.mypageWrap .tit .i_plus{font-weight:700;padding-right:10px}
.mypageWrap .tit input[type="checkbox"] {
    width: 20px;
    background: #dbdbdb;
    border: 0 solid #efefef;
    height: 20px;
    color: #000;
    vertical-align: top;
}
.mypageWrap .tit a{color:#000;display:block;overflow:hidden;text-overflow:ellipsis}
.mypageWrap .tit_g{width:100%;color:#131313;background:#ececec;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f3f3f3),color-stop(100%,#e4e4e4));-webkit-box-shadow:inset 0 -1px 1px #e4e4e4;box-shadow:inset 0 -1px 1px #e4e4e4;border-bottom:1px solid #b9b9b9;font-size:22px;padding:13px 0;}
.mypageWrap .tit_g .align_l{padding-left:15px;}
.mypageWrap .tit_g .align_r{padding-right:10px;}
.mypageWrap .tit_g .i_plus{font-weight:700;padding-right:10px}
.mypageWrap .tit_g a{color:#131313;display:block;overflow:hidden;text-overflow:ellipsis}

.mypageWrap .cnt{width:100%;margin:0 auto}

.mypageWrap .i2{width:100%;background:#f7f7f7;padding:10px 0;margin-bottom:50px;border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;}
.mypageWrap .i2 .align_l{padding-left:15px;float:left;display:inline}
.mypageWrap .i2 .align_r{padding-left:30px;color:#508bed;display:inline}
.mypageWrap .i3{width:100%;margin:0 auto}
.mypageWrap .i3 li{width:20%;text-align:center;font-size:18px;margin-bottom:20px;float:left;display:inline}
.mypageWrap .i3 img{margin-bottom:10px}

.mypageWrap .or1{width:93%;margin:0 auto;overflow: hidden;}
.mypageWrap .or1 li{width:20%;text-align:center;line-height:180%;font-size:18px;margin-top:30px;margin-bottom:35px;float:left;display:inline}
.mypageWrap .or1 .bcount{color:red}
.mypageWrap .or4{width:90%;margin:0 auto}
.mypageWrap .or4 li{width:100%;text-align:left;font-size:22px;margin-top:30px;margin-bottom:10px;float:left;display:inline}
.mypageWrap .or4 span.ment1{margin-left:10px;margin-top:40px;float:left;display:inline}
.mypageWrap .or4 span.ment2{margin-left:10px;margin-top:30px;float:left;display:inline}
.mypageWrap .or4 span.ment3{margin-left:10px;margin-top:20px;float:left;display:inline}
.mypageWrap .or4 img{float:left;display:inline}
.mypageWrap .or2{width:100%;float:left;display:inline}
.mypageWrap .or2 .orWrap{width:100%;margin:30px 0;border-top:2px solid #f961a1;border-bottom:1px solid #b5b5b5;float:left;display:inline}
.mypageWrap .or2 .orWrap .or_tit{width:100%;background:#f7f7f7;text-align:center;padding:15px 0;float:left;display:inline}
.mypageWrap .or2 .orWrap .or_tb{width:100%;margin:5px 0 14px;float:left;display:inline}
.mypageWrap .or2 .orWrap .or_tb table{width:100%}
.mypageWrap .or2 .orWrap .or_tb table td{padding:5px 10px}
.mypageWrap .or2 .orWrap .or_tb table .align_r{float:right}
.mypageWrap .or2 .orWrap .or_tb table .align_r .i_arrow{margin-left:14px}
.mypageWrap .or2 .bcount{color:red}
.mypageWrap .or3{}
.mypageWrap .or3 .orWrap{}
.mypageWrap .or3 .or3_1{margin:30px 0 0;border-top:2px solid #f961a1;}
.mypageWrap .or3 .or3_1 li{padding: 5px 10px;}
.mypageWrap .or3 .or3_1 .btit{background:#ddd;}
.mypageWrap .or3 .or3_1 .bcon{}
.mypageWrap .or3 .or3_2{padding: 5px 10px 20px;}
.mypageWrap .or3 .or3_2 li{font-size: 13px; display: inline-block;}
.mypageWrap .or3 .or3_2 .bimg{width: 28%; vertical-align: top;}
.mypageWrap .or3 .or3_2 .bcon{width: 65%; padding: 0 0 14px 20px;}
.mypageWrap .or3 .or3_2 .bcon dl{}
.mypageWrap .or3 .or3_2 .bcon .txt1{color:#098b9c}
.mypageWrap .or3 .or3_2 .bcon .txt2{color:red}
.mypageWrap .or3 .or3_2 .bcon .pdt{padding-top:20px}

/*
.mypageWrap .or3 .or3_3 table{width:98%;margin:0 auto}
.mypageWrap .or3 .or3_3 table th{padding:10px 8px;line-height:1.3;vertical-align:top;font-size:14px;background:#ebf2f3;border-bottom:2px solid #fff;border-right:2px solid #fff;text-align:left;font-weight:400}
.mypageWrap .or3 .or3_3 table td{padding:10px 8px;line-height:1.3;font-size:14px;background:#ebf2f3;border-bottom:2px solid #fff}
*/

.mypageWrap .c1{width:100%;float:left;display:inline}
.mypageWrap .c1 li{width:100%;padding:10px 0 18px;float:left;display:inline}
.mypageWrap .c1 .end{background:0}
.mypageWrap .c1 p{padding:5px}
.mypageWrap .c1 .txt1{font-size:18px;line-height:110%}
.mypageWrap .c1 .txt2{font-size:20px;line-height:120%}
.mypageWrap .c1 .txt3{font-size:22px;line-height:130%}
.mypageWrap .c2{width:100%;padding-bottom:30px;float:left;display:inline}
.mypageWrap .c2 li{padding:20px 0 0;float:left;display:inline}
.mypageWrap .c2 table{width:100%;margin:0 0 20px}
.mypageWrap .c2 table td{font-size:20px;padding:2px;vertical-align:top;line-height:130%}
.mypageWrap .c2 p{padding:5px;line-height:130%}

.mypageWrap .myWrap{margin-top:20px;}
.mypageWrap .whlist{}
.mypageWrap .whlist ul{padding: 10px 0;}
.mypageWrap .whlist li{font-size: 14px; padding: 10px 10px;}
.mypageWrap .whlist .bchk{width: 5%; vertical-align: top;}
.mypageWrap .whlist .btit{display: inline-block; width: 80%;}
.mypageWrap .whlist .align_r{float: right;}
.mypageWrap .whlist .bimg{
    display: inline-block;
    width: 100px;
    margin-right: 10px;
}
.mypageWrap .whlist .bimg img{width: 100%;}
.mypageWrap .whlist .bprice{}
.mypageWrap .whlist .btn_more{display: block; margin-top: -60px; text-align: right;}
.mypageWrap .whlist input[type="checkbox"]{
    width: 20px;
    height: 20px;
    background: #dbdbdb;
    border: 0 solid #efefef;
    color: #000;
}

.mypageWrap .phlistWrap{width:100%;margin-top:20px;float:left;display:inline}
.mypageWrap .phlistWrap .tab{width:100%;text-align:center}
.mypageWrap .phlist{width:100%;margin:20px 0;border-top:2px solid #b5b5b5;float:left;display:inline}
.mypageWrap .phlist .ph_tit{width:100%;background:#f7f7f7;border-bottom:2px solid #b5b5b5;padding:18px 0;float:left;display:inline}
.mypageWrap .phlist .ph_tit .t1{width:73.2%;padding-left:10px;float:left;display:inline}
.mypageWrap .phlist .ph_tit .t2{width:25%;color:red;text-align:center;float:left;display:inline}
.mypageWrap .phlist .ph_tb{width:100%;margin:0 0 14px;float:left;display:inline}
.mypageWrap .phlist .ph_tb table{width:100%}
.mypageWrap .phlist .ph_tb table td{padding:15px 10px;border-bottom:1px solid #b5b5b5}
.mypageWrap .phlist .ph_tb table .align_c{width:100%;text-align:center;color:red;float:left;display:inline}
.mypageWrap .phlist .ph_tb .nolist{width:95%;padding:20px 10px;float:left;display:inline}

.mypageWrap .cplist{width:100%;padding:18px 0;float:left;display:inline}
.mypageWrap .cplist li{width:100%;padding:15px 0;text-align:center;float:left;display:inline}
.mypageWrap .cplist input{width:110px;border:1px solid #8d8d8d;padding:5px}

.mypageWrap .qnaWrap{width:100%;margin-top:20px;}
.mypageWrap .qnaWrap .tab{width:100%}
.mypageWrap .qna{width:100%;margin:20px 0;}
.mypageWrap .qna .qna_tb{width:100%;border-top:2px solid #b5b5b5;margin:0 0 14px;background:#f8f8f8;}
.mypageWrap .qna .qna_tb table{width:96%;margin:10px auto}
.mypageWrap .qna .qna_tb table td{padding:15px 10px}
.mypageWrap .qna .qna_tb input{border:1px solid #8d8d8d;padding:2px}
.mypageWrap .qna .qna_tb select{border:1px solid #8d8d8d}
.mypageWrap .qna .qna_tb textarea{border:1px solid #8d8d8d;padding:2px;height:200px}
.mypageWrap .qna_list{width:100%;}
.mypageWrap .qna_list .head{width:100%;background:#f7f7f7;padding:18px 0;border-top:1px solid #f961a1;border-bottom:1px solid #f961a1;}
.mypageWrap .qna_list .head li{text-align:center;font-size:18px;}
.mypageWrap .qna_list .head .h1{width:10%}
.mypageWrap .qna_list .head .h2{width:57%}
.mypageWrap .qna_list .head .h3{width:13%}
.mypageWrap .qna_list .head .h4{width:20%}
.mypageWrap .qna_list ul{width:100%;border-bottom:1px solid #b5b5b5;padding:18px 0;overflow: hidden;}
.mypageWrap .qna_list li{font-size:18px;float:left;}
.mypageWrap .qna_list .b1{text-align:center;width:10%}
.mypageWrap .qna_list .b2{width:57%}
.mypageWrap .qna_list .b3{text-align:center;width:13%}
.mypageWrap .qna_list .b4{text-align:center;width:20%}
.bigtit p{margin:15px 0}
.bigtit .bb{margin-top:40px}


.mypageWrap{}
.mypageWrap .mypage-category{
    margin: 15px 0 20px;
    height: 42px;
    overflow: hidden;
}
.mypageWrap .mypage-category .content{overflow-x: scroll;}
.mypageWrap .mypage-category .content::-webkit-scrollbar{display: none;}
.mypageWrap .mypage-category .content ul{
    padding: 0 10px;
    display: table;
    width: 100%;
}
.mypageWrap .mypage-category .content ul li{
    display: table-cell;
    white-space: nowrap;
}
.mypageWrap .mypage-category .content ul li a{
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #111;
    background: #f7f7f7;
    border: 1px solid #efefef;
    border-radius: 20px;
    padding: 0 15px 0 5px;
    margin-right: 5px;
}
.mypageWrap .mypage-category .content ul li a i{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-right: 9px;
}
.mypageWrap .mypage-category .content ul li a i:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-repeat:no-repeat;
    background-position: center;
    background-size: 18px;
    position: absolute;
    left: 6px;
    top: 6px;
}
.mypageWrap .mypage-category .content ul li.cate-wish a i:before{
    background-image:url(/mobile/images/mypage/ico_mypage04.png)
}
.mypageWrap .mypage-category .content ul li.cate-point a i:before{
    background-image:url(/mobile/images/mypage/ico_mypage05.png)
}
.mypageWrap .mypage-category .content ul li.cate-coupon a i:before{
    background-image:url(/mobile/images/mypage/ico_mypage06.png)
}
.mypageWrap .mypage-category .content ul li.cate-order a i:before{
    background-image:url(/mobile/images/mypage/ico_mypage07.png)
}
.mypageWrap .mypage-category .content ul li.cate-modify a i:before{
    background-image:url(/mobile/images/mypage/ico_mypage08.png)
}
.mypageWrap .mypage-category .content ul li.cate-board a i:before{
    background-image:url(/mobile/images/mypage/ico_mypage09.png)
}
.mypageWrap .mypage-category .content ul li a span{
    display: inline-block;
    vertical-align: top;
}

.mypageWrap .mypage-category .content ul li.selected a {
    background: #fff;
    border: 1px solid #ea627c;
    color: #ea627c;
    font-weight: 700;
}
.mypageWrap .mypage-category .content ul li.selected a i{
    background: rgb(234 98 124 / 20%);
}


.mypageWrap .topbox{margin: 30px 15px;}
.mypageWrap .topbox .txt{}
.mypageWrap .topbox .txt p{color:#686868; font-size:13px;}
.mypageWrap .topbox .txt h3{color:#333; font-size:20px;}
.mypageWrap .topbox .txt h3 span{margin-left:5px; font-size:13px; font-weight:400;}


.mypageWrap .page_navi{
    text-align: center;
    margin: 20px 0 100px;
}
.mypageWrap .page_navi img{vertical-align: middle;}



.xans-myshop{}
.xans-myshop h3{
    margin: 15px 0;
    font-size: 15px;
    color: #4e4e4e;
    letter-spacing: -1px;
}
.xans-myshop table{
    width: 100%;
    border-collapse: collapse;
    background: #f3f3f3;
    font-size: 14px;
    border: 0;
}
.xans-myshop tr{}
.xans-myshop th,.xans-myshop td{
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
	color: #2c2c2c;
	font-size: 13px;
}
.xans-myshop th:last-child{border-right: 0;}
.xans-myshop td:last-child{border-right: 0;}
.xans-myshop tr:last-child th{border-bottom: 0;}
.xans-myshop tr:last-child td{border-bottom: 0;}

.xans-myshop th{padding: 12px 0; font-weight: 400;}
.xans-myshop td{text-align: center; padding: 15px 2px; font-size: 13px; letter-spacing: -1px;}
.xans-myshop td:nth-child(2){
    text-align: left;
    padding: 15px;
}
.xans-myshop td.qnacontents{padding: 15px;}

.xans-myshop .btn_box{
    margin: -40px 0 10px;
    text-align: right;
}
.xans-myshop .btn_box a{
	padding: 5px 10px;
    border: 1px solid #111;
    display: inline-block;
    font-size: 13px;}


.mycatalogWrap .xans-myshop{margin: 0 15px 80px;}

.mymileageWrap{}
.mymileageWrap .pointbox{
    background: #f6f6f6;
    padding: 30px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mymileageWrap .pointbox .txt{letter-spacing: -.5px;}
.mymileageWrap .pointbox .txt h4{font-size: 14px; color: #333;}
.mymileageWrap .pointbox .txt p{color: #686868; font-size: 12px; margin-top: 5px;}
.mymileageWrap .pointbox .mypoint{font-size: 24px; color: #333; font-weight: 600; letter-spacing: -1px;}
.mymileageWrap .pointbox .mypoint strong{font-size: 30px; font-weight: 700;}

.mymileageWrap .contbox{}
.mymileageWrap .contbox .noticebox{
    padding: 30px 15px;
    letter-spacing: -1px;
    color: #686868;
}
.mymileageWrap .contbox .noticebox dt{font-size: 14px;}
.mymileageWrap .contbox .noticebox dd{
    display: none;
    font-size: 12px;
    line-height: 2;
    margin-top: 15px;
}
.mymileageWrap .contbox .noticebox dt:after{
    content:'';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #555;
    border-right: 1px solid #555;
    transform: rotate(225deg);
    margin: 0 0 1px 8px;
}
.mymileageWrap .contbox .noticebox dt.on:after{
    transform: rotate(45deg);
    margin: 0 0 4px 8px;
}
.mymileageWrap .contbox .noticebox dt.on+dd{display: block;}

.mymileageWrap .contbox .histroybox{margin: 0 15px;}
.mymileageWrap .contbox .histroybox li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}
.mymileageWrap .contbox .histroybox .thead{
    border-top: 1px solid #e5e5e5;
    color: #686868;
    font-size: 12px;
    font-weight: 500;
    padding: 15px 0;
}
.mymileageWrap .contbox .histroybox .th{}
.mymileageWrap .contbox .histroybox .th1{}
.mymileageWrap .contbox .histroybox .th2{}
.mymileageWrap .contbox .histroybox .col{}
.mymileageWrap .contbox .histroybox .col1{font-weight: 500;}
.mymileageWrap .contbox .histroybox .col1 span{
    display: block;
    font-size: 12px;
}
.mymileageWrap .contbox .histroybox .col2{
    font-weight: 700;
    font-size: 18px;
}
.mymileageWrap .contbox .histroybox .nolist{
    text-align: center;
    width: 100%;
}

.myorderWrap{}
.myorderWrap .ordercate{padding: 0 10px; margin: 0 0 30px;}
.myorderWrap .ordercate ul{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.myorderWrap .ordercate ul li{
	display: flex;
    background: #f7f7f7;
    border-radius: 10px;
    flex-direction: column;
    align-items: center;
    width: 20%;
    height: max(12vw,85px);
    justify-content: center;
    margin-right: 5px;
    box-sizing: border-box;
}
.myorderWrap .ordercate ul li:last-child{margin-right:0;}
.myorderWrap .ordercate ul li .bcount{
	font-size: 20px;
    font-weight: 700;
    color: #666;
    margin-bottom: 5px;
}
.myorderWrap .ordercate ul li .bcount.pink{color:#ea627c;}
.myorderWrap .ordercate ul li .bcate{
	text-align: center;
    font-size: min(3.2vw, 15px);
	color:#777;
}
.myorderWrap .ordertit{
	margin: 35px -15px 25px;
    border-top: 2px solid #f961a1;
	background:#f3f3f3;
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 8px 10px;
}
.myorderWrap .ordertit .btit{}
.myorderWrap .btn_receipt{
    padding: 7px 12px;
    background-color: #ea627c;
    color: #fff;
    font-size: 14px;
    line-height: 1;
	border-radius: 4px;
}
.myorderWrap .btn_review{
	padding: 7px 12px;
    background-color: #ea627c;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    border-radius: 4px;
    float: right;
    margin: 10px 0 0;
}


.stepWrap{}
.stepbox{border-top: 10px solid #f4f4f4;}
.stepbox .step_tit{padding: 20px 15px;}
.stepbox .step_tit .align_l{color: #444; font-size: 18px; font-weight: 700;}

.stepbox .step_tit .align_r{padding-right:10px;float:right;display:none;}
.stepbox .step_tit .i_plus{font-weight:700;padding-right:10px}
.stepbox .step_tit a{color:#fff;display:block;overflow:hidden;text-overflow:ellipsis}

.stepbox .step_cont{position: relative; padding: 0 0 30px;}

.stepbox input[type="checkbox"]{
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    outline: 0;
    position: absolute;
    z-index: 2;
}
.stepbox input[type="checkbox"]+label{
    position: relative;
    font-size: 15px;
    padding-left: 24px;
}
.stepbox input[type="checkbox"]+label:before{
    content: '';
    position: absolute;
    top: 1px;
    left: 0px;
    height: 20px;
    width: 20px;
    box-sizing: border-box;
    background-color: #fff;
    border: solid 1px #777;      
}
.stepbox input[type="checkbox"]:checked+label:after{
    content: '';
    position: absolute;
    left: 8px;
    top: 3px;
    width: 4px;
    height: 12px;
    border: solid #2d2d2d;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.stepbox input[type="text"]{
    width: calc(50% - 4px);
    border: 1.5px solid #e6e6e6;
    outline:0;
    padding: 8px 8px;
    box-sizing: border-box;
    font-size: 14px;
}
.stepbox input[type="text"].w100{width:100%;}
.stepbox input[type="text"]~input[type="text"]{margin-left: auto;}
.stepbox input[type="text"]:first-child{margin-right: 4px;}
.stepbox input[type="number"]{
    width: 25%;
    max-width: 80px;
    border: 1.5px solid #e6e6e6;
    outline:0;
    padding: 8px 8px;
    box-sizing: border-box;
    font-size: 14px;
}
.stepbox input[type="number"]+span:before{
    content: '-';
    margin: 0 2px;
}
.stepbox input[type="password"]{
    width: calc(50% - 4px);
    border: 1.5px solid #e6e6e6;
    outline:0;
    padding: 8px 8px;
    box-sizing: border-box;
    font-size: 14px;
}
.stepbox input[type="password"].w100{width:100%;}


.stepbox textarea{
    border: 1px solid #e6e6e6;
    height: 70px;
    padding: 8px;
    width: 100%!important;
    outline: 0;
    font-size: 14px;
    margin: 0;
}
.stepbox select{
    width: 100%;
    border: 1.5px solid #e6e6e6;
    padding: 8px 8px;
    box-sizing: border-box;
    font-size: 14px;
	background: #fff;
}
.asterisk{color:#F00; margin-left: 3px;}
.stepbox .example{font-size: 12px;}
.stepbox .btn_addr{padding:1px 3px; font-size: 13px; color: #2f2f2f; text-decoration: underline; margin-left: 1%;}
.stepbox .btn_addr2{
    border: 1px solid #e6e6e6;
    font-size: 14px;
    color: #2f2f2f;
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stepbox .line{
    margin: 15px 0;
    height: 1px;
    background: #eee;
    padding: 0;
}
.stepbox .top_txt{position: absolute; top: -50px; right: 15px; font-weight: 500;}
.stepbox .cartNote{width: 100%; padding: 10px 5px 10px 15px; margin: 10px 0 0 0;}
.stepbox .cartNote ul li{margin-bottom: 3px; letter-spacing: -1px;}
.stepbox .cartNote ul li:before{top: 6px; left: -7px;}
    
.stepbox .filebox{
    width: 100px;
    float: left;
    box-sizing: border-box;
    padding: 5px 0 0 0;
    position: relative;
    overflow: hidden;
}
.stepbox .filebox .upload-display {
    margin-bottom: 5px;
    position: absolute;
    width: 100px;
    height: 100px;
    z-index: 1;
    left: -1px;
}
.stepbox .filebox .upload-thumb-wrap {
    display: inline-block;
    width: 101%;
    height: 100px;
    box-sizing: border-box;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    background: #fff;
}
.stepbox .filebox .upload-display img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    display: block;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
}
.stepbox .filebox button.valinit {
    position: absolute;
    top: 5px;
    right: 0px;
    z-index: 3;
    width: 20px;
    height: 20px;
    background: #0009;
    text-align: center;
    color: #fff;
    display: none;
}
.stepbox .filebox button.valinit:before,.stepbox .filebox button.valinit:after {
    content: '';
    display: inline-block;
    background: #fff;
    width: 15px;
    height: 1px;
    transform: rotate(-45deg);
    transform-origin: center;
    position: absolute;
    top: 50%;
    left: 11%;
}
.stepbox .filebox button.valinit:after{transform: rotate(45deg);}
.stepbox .filebox label{
    display: inline-block !important;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fff;
    cursor: pointer;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    text-align: center;
    border: 1px dashed #e0e0e0;
    position: relative;
    color: #e0e0e0;
/*
    background-image: url(https://www.korea-edu.net/nurse/img/common/bg_photo.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50% 50%;
*/
}
.stepbox .filebox label:before{
    content: '+';
    display: inline-block;
    font-size: 35px;
    color: #ededed;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -57%);
}
.stepbox .filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}


/* 주문(주문상품정보) */
.cartbox{padding: 50px 0 0;}
.cartWrap{padding: 0 15px;}
.nocartbox{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b4b4b4;
    font-size: 17px;
    font-weight: 600;
    height: 100vw;
    position: relative;
    margin-top: -10px;
    flex-direction: column;
    background: #f4f4f4;
    padding-bottom: 35px;
    box-sizing: border-box;
}
.nocartbox:before {
    content: '';
    background: url(/_IMG_SRV_/icon/ico_cartheart.png)no-repeat -5px -10px/220px;
    width: 100px;
    height: 100px;
    filter: contrast(0.5);
}
.nolistbox{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b4b4b4;
    font-size: 17px;
    font-weight: 600;
    height: 100vw;
    position: relative;
    margin-top: -10px;
    flex-direction: column;
    background: #f4f4f4;
    padding-bottom: 35px;
    box-sizing: border-box;
}
.nolistbox:before {
    content: '';
	background: url(/mobile/images/mypage/ico_mypage07.png) no-repeat center 0/80px;
    width: 100px;
    height: 100px;
    filter: contrast(0);
}


.cartWrap .goods{padding-bottom: 70px;}
.cart_list{
    border: 1px solid #e7e7e7;
    border-radius: 10px;
}
.cart_item{
    padding: 20px 15px 20px 120px;
    position: relative;
}
.cart_item~.cart_item{border-top: 1px solid #e7e7e7;}
.cart_item .cart_top{
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}
.cart_item .photo{
    position: absolute;
    width: 90px;
    left: 15px;
}
.cart_item .photo .img{}
.cart_item .photo .img img{width: 100%;}
.cart_item .name{
    margin-bottom: 10px;
    margin-right: 20px;
}
.cart_item .name a{
    color: #000;
    font-weight: 500;
    font-size: 15px;
    display: flex;
    /* min-height: 64px;*/
}
.cart_item .optname{/*padding-left: 10px;*/}
.cart_item .optname span{
    font-size: 13px;
    color: #9a9a9a;
    position: relative;
}
.cart_item .optname span:before,.cart_list .optname span:after{
/*    content: '';*/
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #9a9a9a;
    position: absolute;
    left: -10px;
    top: 10px;
}
.cart_item .optname span:after{top: 30px;}
.cart_item .cartremovebtn{
    position: absolute;
    top: 15px;
    right: 6px;
    display: block;
    width: 30px;
    height: 30px;
}
.cart_item .cartremovebtn:before,.cart_item .cartremovebtn:after{
    content: '';
    display: inline-block;
    width: 15px;
    height: 1px;
    background: #333;
    transform:rotate(45deg);
    position: absolute;
    left: 7px;
    top: 50%;
}
.cart_item .cartremovebtn:after{transform:rotate(-45deg);}
.cart_item .cartremovebtn img{display: none;}
.cart_item .cart_bottom{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.cart_item .price{flex: 1 1 47%;}
.cart_item .price .total_price{
    display: block;
    font-size: 16px;
    font-weight: 700;
}
.cart_item .price .total_price .countnum{
    color: #777;
    font-weight: 400;
    font-size: 14px;
}
.cart_item .price .total_price .countnum:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 11px;
    background: #f4f4f4;
    margin: 0px 8px;
    position: relative;
    top: 1px;
}
.cart_item .price .mileage_price{
    font-size: 12.5px;
    letter-spacing: -1px;
    white-space: nowrap;
}
.cart_item .price .mileage_price b{
    margin-left: 5px;
    color: #ea627c;
}
.cart_item .count{
    flex: 1 1 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.cart_item .count .amountbox{
    display: inline-flex;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-bottom: 2px;
}
.cart_item .count .amountbox .amount{
    width: 26px;
    line-height: 26px;
    text-align: center;
}
.cart_item .count .amountbox .amount.num{
    width: 34px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.cart_item .count .amountbox .amount.num input[type="text"]{
    width: 100%;
    border: 0;
    outline: 0;
    text-align: center;
}
.cart_item .count .amountbox .amount img{display: none;}

.cart_item .count .amountbox .amount.up:before{content: '+';}
.cart_item .count .amountbox .amount.down:before{content: '-';}
.cart_item .count .cartprocbtn{
    display: inline-block;
    width: 40px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    line-height: 26px;
    margin-left: 2px;
    margin-bottom: 2px;
}

.total_cart_price{
    margin: 20px 0 0;
    text-align: right;
}
.total_cart_price span{font-size: 15px;}
.total_cart_price span strong{
    font-size: 26px;
    font-weight: 700;
    margin-left: 10px;
    letter-spacing: -1px;
}



/* 주문결제(주문자정보) */

.orderInfo{margin:0 15px;}
.orderInfo .orderbox{}
.orderInfo dl{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 10px 0;
    justify-content: space-between;
}
.orderInfo dt{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    width: 100px;
    flex-shrink: 0;
    font-size: 14px;
    padding-top: 8px;
    color: #777;
    letter-spacing: -.5px;
}
.orderInfo dd{
    width: calc(100% - 105px);
    min-height: 34px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #2f2f2f;
    font-size: 16px;
    letter-spacing: -.5px;
}

.orderInfo .box_zipfind{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgb(0 0 0 / 50%);
}

.orderInfo .box_zipfind iframe{
    width: 90%;
    min-height: 420px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    box-sizing: border-box;
    padding: 5px;
}

.orderInfo.ver2 dl{
    align-items: stretch;
    flex-direction: column;
}
.orderInfo.ver2 dt,.orderInfo.ver2 dd{width: auto; padding-top: 8px;}





/* 주문결제(배송지입력) */
.deliveryInfo{margin: 0 15px;}

.methodwrap{}

.methodbox{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 10px;
    margin: 0 0 20px 0;
}
.methodbox a span {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 110px;
    border: 2px solid #eee;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: 50% 27%;
    background-size: auto 40px;
    position: relative;
    padding: 0 7vw;
    padding-bottom: 3.5vw;
    word-break: keep-all;
}
.methodbox a p{font-size: 10px;}


.methodlist{
    background: #f0f0f0;
    padding: 15px;
}
.methodlist li{font-size: 13px!important;}

.methodlist h1 {
    font-size: 13px;
    padding-left: 10px;
    font-weight: bold;
    font-family: 'Mplus 1p',sans-serif,'Nanum Gothic';
    line-height: 30px;
}




#delivery_method .jp_off,#delivery_method .jp_on{
    background-image:url("/mobile/images/jin/delivery_bg_jp01.png");
}
#delivery_method .kpacket_off,#delivery_method .kpacket_on{
    background-image:url("/mobile/images/jin/delivery_bg_kpacket01.png");
}
#delivery_method .dhl_off,#delivery_method .dhl_on{
    background-image:url("/mobile/images/jin/delivery_bg_dhl01.png");
    background-size: auto 33px;
}
#delivery_method .ems_off,#delivery_method .ems_on{
    background-image:url("/mobile/images/jin/delivery_bg_sagawa01.png");
    background-position: 50% 25%;
    background-size: auto 30px;
    padding-bottom: 2vw;
}
#delivery_method .pop_off,#delivery_method .pop_on{
    background-image:url("/mobile/images/jin/delivery_bg_pop.gif");
}


#payment_method .atobarai_off,#payment_method .atobarai_on{
    background-image:url("/mobile/images/jin/payment_bg_atobarai01.png");
    background-position: 50% 26%;
    font-size: 13px;
    padding-bottom: 2vw;
}
#payment_method .credit_off,#payment_method .credit_on{
    background-image:url("/mobile/images/jin/payment_bg_credit2_off02.png");
    background-position: 60% 25%;
}
#payment_method .bank_off,#payment_method .bank_on{
    background-image:url("/mobile/images/jin/payment_bg_bank01.png");
}
#payment_method .conbini_off,#payment_method .conbini_on{
    background-image:url("/mobile/images/jin/payment_bg_conbini01.png");
    background-position: 50% 26%;
    font-size: 13px;
    padding-bottom: 2vw;
}


#delivery_method [class*="_on"],#payment_method [class*="_on"]{
    border-color: #832bf5;
} 
#delivery_method [class*="_on"]:after,
#payment_method [class*="_on"]:after{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(131 43 245 / 5%);
    z-index: 1;
} 

#order_wrap #order_btn {display:block; height:80px; margin:32px 0; margin-top:40px;}
#order_wrap #order_btn span {float:left; width:49%; height:80px;  line-height:80px; text-align:center;  font-size:24px; font-weight:bold; color:#ffffff;}
#order_wrap #order_btn span.buy { background-color:#eb779a; margin-left:4px;}
#order_wrap #order_btn span.back { background-color:#6a6a6a; margin-right:4px;}



#order_wrap #form_data{}
#order_wrap #form_data td,tr { padding:3px 0px;}
#order_wrap #form_data .guide {padding:0 0 10px 5px;}
#order_wrap #form_data .guide .txt {
    color: #ff5b7d;
    font-size: 14px;
}
#order_wrap #form_data .input_ex {color:#444444; font-size:22px; }
#order_wrap #form_data .radio_list {display:block; min-height:60px; font-size:24px; color:#141414;}
#order_wrap #form_data .radio_list input.radio {margin-right:10px; width:22px; height:22px; border-radius:11px;}
#order_wrap #form_data .radio_list .drop_cont {margin:0 0 20px 25px; font-size:20px;}
#order_wrap #form_data .radio_list .drop_cont .btn_post {padding:15px; margin:0 0 0 5px;  font-size:18px; background-color:#acacac; color:#ffffff; }
#order_wrap #form_data .check {padding-bottom:5px; font-size:22px; color:#5581b7; }
#order_wrap #form_data .check input {width:15px; /*height:28px;*/ vertical-align:top; border-radius:0;}


/*add by jo */
input::-webkit-input-placeholder { color:#bbb }
input::-moz-placeholder { color:#bbb }
input::-ms-input-placeholder { color:#bbb }


#order_wrap #order_info .btn_post {padding:15px; margin:0 0 0 5px;  font-size:18px; background-color:#acacac; color:#ffffff; }

#order_wrap #order_info {margin:0 0 70px 0;}
#order_wrap #adress_info {margin:0 0 70px 0;}

#order_wrap #comment {margin:0 0 70px 0;}
#order_wrap #comment textarea {width:94%; height:120px;  font-size:22px; padding:15px; font-family:'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;}
#order_wrap #comment textarea.input_ex {color:#999999; font-size:22px; }

#order_wrap #order_notice {display:block; margin:30px 0; color:#444444; border-top:1px solid #dddddd; padding-top:20px;}
#order_wrap #order_notice h1 {margin:0 0 5px 0; color:ff0000; background:url("./images/jin/icon_cart_notice_h1.jpg") no-repeat left center; background-size:36px; font-weight:bold; padding-left:45px; font-size:28px; line-height:40px;}
#order_wrap #order_notice li {background:url("./images/jin/icon_cart_notice_bullet_01.jpg") no-repeat left 15px; background-size:14px 14px; list-style-position:outside; padding-left:18px; font-size:20px; padding-top:5px;}
#order_wrap #order_notice .highlight {background-color:#feff7a; padding:0 5px; color:#ff0000;}


/* 주문결제(쿠폰&배송방법선택) */
#order_wrap #coupon {margin:0 0 70px 0;}
#order_wrap #coupon ul {display:block; margin:0 0 30px 0; font-size:22px; color:#141414; }
#order_wrap #coupon input.radio {margin-right:10px; width:22px; height:22px;  border-radius:11px; vertical-align:top;}
#order_wrap #coupon select {display:block; width:90%; height:48px; font-size:22px; padding-left:10px; margin:10px auto;}
#order_wrap #coupon .comment {font-size:18px; color:#eb779a;}

#order_wrap #point {display:block; margin:0 0 70px 0;}
#order_wrap #point div {width:100%;height:28px; font-size:22px; }
#order_wrap #point span input {float:right; width:200px; font-size:22px; text-align:right; padding:10px;}
#order_wrap #point .comment {display:block; font-size:18px; color:#eb779a; margin-top:10px;}
#order_wrap #point em {color:#eb779a; font-weight:bold; font-style:normal;}




#order_wrap #delivery_sum {display:block; background-color:#f3f3f3; padding:20px; line-height:48px; font-size:19px; margin:0 0 30px 0;}
#order_wrap #delivery_sum .quantity {display:inline-block; width:40%; padding-left:6px;}
#order_wrap #delivery_sum .quantity select {width:100px; height:48px; font-size:19px; }
#order_wrap #delivery_sum .sum {display:inline-block; width:57%; text-align:right;}
#order_wrap #delivery_sum .sum span {color:#eb779a; font-weight:bold;}




#swmenudiv5 dt {font-weight:bold;}

.subCon h2{margin-bottom:12px;float:left}
.subCon .btn_more{margin-top:12px;float:left}
.cusMenu{margin-top:20px}
.cusMenu h2{margin-bottom:2px}
.evList{width:100%}
.evList li{border-bottom:1px solid #e7e7e7;float:left;display:inline}
.evView{width:100%;text-align:center;margin:25px 0 0;float:left;display:inline}
.noticeList{width:98%;margin:0 auto}
.noticeList ul{width:100%;border-top:1px solid #b5b5b5;float:left;display:inline}
.noticeList li{width:100%;padding:12px 0;border-bottom:1px solid #b5b5b5;float:left;display:inline}
.noticeList .no{width:25px;font-weight:700;font-size:17px;padding-top:3px;text-align:center;margin:0 10px 0 15px;height:22px;background:#CCC;float:left;display:inline}
.qnaList{width:98%;margin:0 auto}
.qnaList ul{width:100%;border-top:1px solid #b5b5b5;float:left;display:inline}
.qnaList li{width:96.8%;padding:12px 10px;border-bottom:1px solid #b5b5b5;float:left;display:inline}
.qnaList li p{line-height:30px;float:left;display:inline}
.qnaList .con h3{margin:0 0 12px;font-size:18px}
.qnaList .con h3 .date{float:right;font-weight:400}
.qnaList .re .i_re{width:50px;text-align:center;float:left}
.qnaList .re p{width:540px}
.qnaWrite{width:100%;text-align:left;margin:1px 0 0;float:left;display:inline}
.qnaWrite h2{width:100%;text-align:center;background:#ececec;padding:15px 0;font-size:20px;color:#000}
.qnaWrite ul{width:95%;margin:0 auto}
.qnaWrite li{width:100%;color:#000;padding:10px 0;float:left;display:inline}
.qnaWrite input{width:98%;padding:3px;border:3px solid #66c4d0;margin-top:5px}
.subTab .tabCon .bbsWrite .txt{float:left}
.qnaWrite textarea{width:98%;padding:3px;margin-top:8px;height:200px;border:3px solid #66c4d0}
.qnaWrite .btn{width:100%;padding:0 0 25px;text-align:center}


.cartTotal{margin: 0 15px; padding: 15px 0;}
.cartTotal .pink{color:#ff5b7d;}

.cartTotal .pointbox{}
.cartTotal .pointbox .tit{}
.cartTotal .pointbox .frm{
    display: flex;
    margin: 10px 0 5px;
    position: relative;
}
.cartTotal .pointbox .frm input[type="text"]{    
    text-align: right;
    padding-right: 40px;
}
.cartTotal .pointbox .frm .btn_delete{
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 90px;
}
.cartTotal .pointbox .frm .btn_delete:before,
.cartTotal .pointbox .frm .btn_delete:after{
    content: '';
    display: inline-block;
    width:16px;
    height: 1px;
    background: #000;
    transform: rotate(45deg);
    position: absolute;
    top: 17px;
    left: 10px;
}
.cartTotal .pointbox .frm .btn_delete:after{transform: rotate(-45deg);}

.cartTotal .helpbox{
    background: #f7f7f7;
    border: 2px solid #fba4b6;
    padding: 13px 15px 13px 23px;
    border-radius: 5px;
    margin: 40px 0 20px;
}
.cartTotal .helpbox p{
    position: relative;
    font-size: 13px;
    letter-spacing: -.5px;
    color: #666;
}
.cartTotal .helpbox p:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #666;
    position: absolute;
    left: -10px;
    top: 10px;
}
.cartTotal .billbox{
    background: #f7f7f7;
    padding: 17px 15px;
    margin: 15px -15px;
}
.cartTotal .billbox dl{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    font-weight: 500;
}
.cartTotal .billbox dt{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    width: 140px;
    flex-shrink: 0;
    font-size: 14px;
    color: #777;
    letter-spacing: -.5px;
    margin: 5px 0 0 0;
}
.cartTotal .billbox dt:before {
    content: '·';
    margin-right: 7px;
}
.cartTotal .billbox dd{
    width: calc(100% - 150px);
    margin: 5px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    color: #2f2f2f;
    font-size: 16px;
    letter-spacing: -.5px;
}
.cartTotal .billbox dd small{font-size: 13px;}

.cartTotal dl.totalbox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.cartTotal .totalbox dt{
    display: flex;
    width: 100px;
    font-size: 14px;
    color: #777;
    letter-spacing: -.5px;
    flex-direction: column;
    align-items: flex-start;
}
.cartTotal .totalbox dd{
    width: calc(100% - 110px);
    min-height: 34px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #2f2f2f;
    font-size: 16px;
    letter-spacing: -.5px;
    text-align:right;
    justify-content: flex-end;
}
.cartTotal .totalbox dd strong{
    font-size: 26px;
    font-weight: 700;
    margin-left: 10px;
    letter-spacing: -1px;
}

.agreeInfo{margin: 0 15px; padding: 15px 0;}
.agreeInfo .agreetxt{width: 100%; height: 160px; overflow: scroll; background: #f7f7f7; padding: 15px 10px; box-sizing: border-box; letter-spacing: -.5px;}
.agreeInfo .agreechk{position: relative; margin: 15px 0 0px;}
.agreeInfo .agreechk input[type="checkbox"]{}
.agreeInfo .agreechk input[type="checkbox"]+label{font-size: 13px;}
.agreeInfo .lastchk{font-weight:700; text-align:center; font-size:16px; margin: 30px 0 0; color: #333;}




.cartNote{
    background: #f6f6f6;
    padding: 20px 20px 20px 27px;
    margin: 0 0 30px 0;
}
.cartNote ul{}
.cartNote ul li{
    position: relative;
    color: #717171;
    font-size: 13px;
    margin-bottom: 8px;
    letter-spacing: -.5px;
}
.cartNote ul li:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #777;
    position: absolute;
    left: -10px;
    top: 10px;
}
.cartNote ul li:last-child{margin-bottom: 0;}
.cartNote ul li.tit{
    color: #555;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 2px;
    padding-left: 3px;
}
.cartNote ul li.tit:before{
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #ff5b7d;
    background: transparent;
    border-radius: 100%;
    position: absolute;
    left: -20px;
    top: 0px;
}
.cartNote ul li.tit:after{
    content: '!';
    display: inline-block;
    color: #ff5b7d;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    left: -14px;
    top: -1px;
}
.cartNote.ver2{background: transparent;}


.myqnaWrap{}
.myqnaWrap .contbox{
	display: none;
    margin: 0 15px;
}
.myqnaWrap .contbox.active{display: block;}

.myqnaWrap .qnaform_write_box{margin: 0 -15px; border-top:0;}




.pick_up_two{position:relative;clear:both;padding:10px 0}
.pick_up_two ul li{float:left;width:100%;position:relative;text-align:center;font-size:14.6px;padding:0 0 10px;color:#ffafbf;line-height:1.2em}
.pick_up_two ul li a{color:#bb1a3a;font-size:16px;font-weight:700}
.pick_up_two ul li h3{color:#bb1a3a;font-size:16px;font-weight:700;padding-top:5px}
.pick_up_two ul li p{color:#ffafbf;font-size:16px;font-weight:400;padding-top:5px}
.pick_up_two ul li img{width:100%}
.pick_up_three{position:relative;padding:0 0 10px;clear:both}
.pick_up_three ul li{float:left;width:50%;position:relative}
.pick_up_three ul li img{width:100%}
.pick_up_three ul li h2{font-size:9px;text-align:center;margin-top:-15px}
.pick_up_three_2{position:relative;padding:0 0 10px;clear:both}
.pick_up_three_2 ul li{float:left;width:25%;position:relative}
.pick_up_three_2 ul li img{width:100%}
.pick_up_three_2 ul li h2{font-size:9px;text-align:center;margin-top:-15px}
.review_list_1_backup{background-color:#ffcfe1}
.review_list_backup{background-color:#fbe7ef}
.review_list_1{background-color:#e6e6e6}
.review_list{background-color:#f0f0f0}
.review_content{height:85px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
#subArea .joinWrap .cnt h3{padding:7px 10px;border:1px solid #ddd;border-bottom:0;font-size:12px;font-weight:700;color:#222;background:#f7f7f7;height:30px}
#subArea .joinWrap .cnt h3 span{float:right;padding:3px 0 0;color:#222;font:12px normal;color:#1b1b1b}

.joinWrap .cnt h3 .red img{margin:0 3px 0 0;padding:4px 0 0;vertical-align:top}
.btnBasic{color:#1b1b1b;background:#f0f0f0;display:inline-block;height:38px;line-height:26px;margin:0;padding:0 10px;cursor:pointer;vertical-align:middle;font-size:13px;font-weight:400;border:0;border-radius:2px;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Meiryo,"MS PGothic",Arial,sans-serif,"メイリオ";border:1px solid #bcbcbc; position:relative; left:10px; top:0.4px;}

/*paging_pink*/
.movebuttonf{text-align: center;}
.movebuttonf .boxtotalr{display: inline-flex; flex-direction: row;}
.movebuttonf .buttonboths{
    display: flex;
    width: 30px;
    height: 30px;
    color: #8d8d8d;
    font-size: 13px;
    flex-direction: row;
    border: 1px solid #f5f5f5;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
    position: relative;
}
.movebuttonf .buttonboths a{display: block; width: 100%; height: 100%;}
.movebuttonf .buttonboths img{display: none;}
.movebuttonf .buttonboths:first-child,
.movebuttonf .buttonboths:last-child{display: none;}    
.movebuttonf .buttonboths:nth-child(2):before{content: '<'; position: absolute;}
.movebuttonf .buttonboths:nth-child(4):before{content: '>'; position: absolute;}
    
    
.movebuttonf .movetext1{display: flex;}
.movebuttonf .movetext1 .movea1{
    display: flex;
    width: 30px;
    height: 30px;
    color: #000;
    font-size: 13px;
    flex-direction: row;
    border: 1px solid #f5f5f5;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
}
.movebuttonf .movetext1 .on{
    border-color: #ff1fb5;
    color: #ff1fb5;
}