@charset "utf-8";
@import url("/css/web-font.css");

/*255,242,0,0.3*/
/*255,242,0,0.3*/

/* reset */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(255,242,0,0.3);
    outline:none;
}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, menu, nav, section, summary,time, mark, audio, video, button, a {margin:0;padding:0;border:0;}
article,aside,details,figcaption,figure,footer,header,main,nav,section {display:block;}
html,body {
    /*font-family:'Nanum Gothic', sans-serif;*/
    /*font-family:'Arial','Noto Sans', sans-serif;*/
    /*font-family: 'Arial', 'Noto Sans KR', sans-serif;*/
    font-family:'Noto Sans KR', sans-serif;
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust:none;
    -webkit-text-size-adjust:none;
    color:#757c85;
    -webkit-tap-highlight-color: rgba(255,242,0,0.3);
    outline:none;
    min-width:320px;
}
ul, ol {list-style:none;}
table {width:100%;border-collapse:collapse; border-spacing:0;}
input,select {vertical-align:middle; font-size:1em; line-height:normal; border:1px solid #d6d6d7;color:#333; border-radius:0; font-family:'Noto Sans KR',sans-serif }
textarea {overflow:auto; vertical-align:top; border-radius:0; font-size:1em; font-family:'Noto Sans KR', sans-serif; }
button,select {text-transform:none; letter-spacing:-1px; /*-webkit-tap-highlight-color:rgba(0,0,0,0);*/ outline:none; }
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;background:none;}
button[disabled],html input[disabled] {cursor:default;}
button:hover { /*-webkit-tap-highlight-color:rgba(0,0,0,0); outline:none;*/ }
button:active { /*-webkit-tap-highlight-color:rgba(0,0,0,0); outline:none;*/ }
button:focus { /*-webkit-tap-highlight-color:rgba(0,0,0,0); outline:none;*/ }
input[type="checkbox"],input[type="radio"] {box-sizing:border-box; padding:0;}
a { display:inline-block; color:#757c85; background:transparent; text-decoration:none; /*-webkit-tap-highlight-color:rgba(0,0,0,0);*/ }
a:hover { text-decoration:none; /*-webkit-tap-highlight-color:rgba(0,0,0,0);*/ }
a:active { text-decoration:none; /*-webkit-tap-highlight-color:rgba(0,0,0,0);*/ }
a:visited { text-decoration:none; /*-webkit-tap-highlight-color:rgba(0,0,0,0);*/ }
a:focus { text-decoration:none; /*-webkit-tap-highlight-color:rgba(0,0,0,0);*/ }
/*a:hover {*/
/*text-decoration:none;*/
/*-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);*/
/*-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);*/
/*box-shadow: inset 0 0 10px rgba(0,0,0,0.3);*/
/*}*/
/*a.focus{ -webkit-tap-highlight-color:rgba(208,53,51,0.1); }*/
/*a.focus:hover{ -webkit-tap-highlight-color:rgba(208,53,51,0.1); }*/
/*a.focus:focus{ -webkit-tap-highlight-color:rgba(208,53,51,0.1); }*/
/*button.focus{ -webkit-tap-highlight-color:rgba(208,53,51,0.1); }*/
/*button.focus:hover{ -webkit-tap-highlight-color:rgba(208,53,51,0.1); }*/
/*button.focus:focus{ -webkit-tap-highlight-color:rgba(208,53,51,0.1); }*/
/*.highlight{ -webkit-tap-highlight-color:rgba(208,53,51,0.2) !important; }*/
/*.highlight:hover{ -webkit-tap-highlight-color:rgba(208,53,51,0.2) !important; }*/
/*.highlight:focus{ -webkit-tap-highlight-color:rgba(208,53,51,0.2) !important; }*/
/*.no-highlight { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color:transparent; outline:none; }*/

strong { font-weight:bold; }
em { font-style:normal; }
img {max-width:100%; /*vertical-align:top;*/}

/* float */
.fl { float:left; }
.fr { float:right; }
.clear { clear: both; }
.clear:after { content:' ';display:block; clear: both; }
.fr_center { float:right; padding-bottom:2em; }

/* margin */
.mg0 { margin:0; }
.mgb5 { margin-bottom:5px; }
.mgb10 { margin-bottom:10px; }
.mgr5 { margin-right:5px; }
.mgr10 { margin-right:10px; }
.mgl5 { margin-left:5px; }
.mgl10 { margin-left:10px; }
.mgt0 { margin-top:0; }
.mgt5 { margin-top:5px !important; }
.mgt10 { margin-top:10px !important; }
.mgt30 { margin-top:30px !important; }
.mgt40 { margin-top:40px !important; }
.mgt50 { margin-top:50px !important; }
.mgt-30 { margin-top:-30px !important; }

.zs-cp,.zs_cp{cursor: pointer}
.zs-cb,.zs_cb{clear: both;}
/*@media only screen and (max-width:320px) {*/
/*body { font-size:0.8em; }*/
/*}*/

/* input, textarea */
input::-webkit-input-placeholder {
    font-family:'Noto Sans', sans-serif;
}
input[type="text"],input[type="password"],input[type="tel"],textarea {
    border:1px solid #EAEAEA;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* placeholder */
::-webkit-input-placeholder { color:#bbb; }     /* WebKit, Blink, Edge */
:-moz-placeholder { color:#bbb; opacity:1; }    /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color:#bbb; opacity:1; }   /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color:#bbb; }          /* Internet Explorer 10-11 */
/*textarea::-webkit-input-placeholder { font-size:1em; }     !* WebKit, Blink, Edge *!*/
/*textarea:-moz-placeholder { font-size:1em; }    !* Mozilla Firefox 4 to 18 *!*/
/*textarea::-moz-placeholder {font-size:1em; }   !* Mozilla Firefox 19+ *!*/
/*textarea:-ms-input-placeholder { font-size:1em; }          !* Internet Explorer 10-11 *!*/

/* button */
.btn { text-align:center !important; font-weight:bold; padding:0 10px; font-size:100%; border-radius:5px; }
.btn.btn-default { background:#a0a0a0 !important; }
.btn.btn-red { background: #B50009; color:#fff; }
.btn.btn-red2 { background: #D03533; color:#fff; }
.btn.btn-red2.border { border:1px solid #D03533; }
.btn.btn-red3 { background: #e60012; color:#fff; }
.btn.btn-red4 { background: #D03533; color:#fff; border:1px solid #D03533; }
.btn.btn-blue { background: #001eb5; color:#fff; }
.btn.btn-blue2 { background: #3498DB; color:#fff; border:1px solid #3498DB; }
.btn.btn-yellow { background: #FFEB00; color:#534019; }
.btn.btn-brown { background: #49362e; color:#fff; }
.btn.btn-black { background: #393939; color:#fff; }
.btn.btn-black2 { background: #333333; color:#fff; }
.btn.btn-black3 { background: #262626; color:#fff; border:1px solid #262626; }
.btn.btn-gray { background: #E0E0E0; border:1px solid #E0E0E0; color:#777; }
.btn.btn-gray1 { background: #D5D5D5; color:#fff; border:1px solid #D3D3D3; }
.btn.btn-gray2 { background: #F9F9F9; color:#C5C5C5; border:1px solid #ECECEC; }
.btn.btn-gray3 { background: #525252; color:#fff; border:0; }
.btn.btn-gray4 { background: #afafaf; color:#fff; border:0; }
.btn.btn-gray5 { background: #3a4654; color:#fff; border:0; }
.btn.btn-gray6 { background: #EAEAEA; color:#2F2F2F; border:1px solid #DCDCDC; border-radius:0; }
.btn.btn-gray7 { background: #FFFFFF; color:#B3B3B3; border:1px solid #E1E1E1; border-radius:0; }
.btn.btn-gray7:focus { background: #f5f5f5; color:#999; border:1px solid #ccc; border-radius:0; }
.btn.btn-gray8 { background: #F1F1F1; color:#7E7E7E; border:1px solid #E6E6E6; border-radius:0; }
.btn.btn-gray9 { background: #626262; color:#BFBFBF; border:1px solid #535456; }
.btn-darkblue { background:#3A4654; color:#fff; }
.btn.btn-darkgray { background: #333; border:1px solid #333; color:#fff; }
.btn-lightblue { background:#00BCB3; color:#fff; }
.btn-green1 { background:#2ECC71; color:#fff; border:1px solid #2ECC71; }
.btn.btn-pink { background: #FB9394; border:1px solid #FB9394; color:#fff; }
.btn-outline1 { background:#fff; color:#58616B; border:1px solid #3A4654; }
.btn-outline2 { background:#fff; color:#737373; border:1px solid #B2B2B2; }
.btn-outline-green1 { background:#fff; color:#2ECC71; border:1px solid #2ECC71; }
.btn-outline-blue1 { background:#fff; color:#3498DB; border:1px solid #3498DB; }
.btn-outline-red1 { background:#fff; color:#D03533; border:1px solid #D03533; }
.btn-outline-red2 { background:#fff; color:#E00404; border:1px solid #E00404; }
.btn-outline-black1 { background:#fff; color:#262626; border:1px solid #262626; }
.btn-outline-black2 { background:#fff; color:#777;; border:1px solid #777; }
.btn-outline-black3 { background:#fff; color:#343434;; border:1px solid #D9D9D9; }
.btn.btn-white { background:#fff; border:1px solid #CCCCCC; color:#747474; }
.btn.btn-xlarge { width:90% !important; line-height:2.7em; height:3em; }
.btn.btn-xlarge2 { width:90% !important; line-height:4em; height:4em; font-size:80%; padding:1em; }
.btn.btn-xxlarge { width:100% !important; line-height:3em; height:3em; }
.btn.btn-large { width:46% !important; line-height:40px; height:40px; }
.btn.btn-large2 { width:49% !important; line-height:40px; height:50px; }
.btn.btn-normal { line-height:35px; height:35px; font-size:1em; padding:0 15px; }
.btn.btn-sm { line-height:25px; height:25px; font-size:0.8em; }
.btn.btn-xs { line-height:20px; height:20px; font-size:0.8em; padding:0 5px !important; font-weight:normal; }
/*.btn.btn-xs { font-size:11px; padding:0 3px !important; font-weight:normal; }*/
.btn.no-round { border-radius:0; }
.btn img.icon { float:left; line-height:4em; max-width:100%; margin-top:0.8em; margin-left:5px; vertical-align:middle; }
.btn.inline { display:inline-block; }

.btn.focus, .btn:focus, .btn:hover { text-decoration: none; }
.btn:focus {
    /*outline: thin dotted;*/
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn-group { position:relative; display:block; overflow:hidden; }
.btn-group .btn-wrap { float:left; padding-right:8px; }
.btn-group .btn-wrap:last-child { padding-right:0; }
.btn-group .btn-wrap .btn { width:100%; height:3em; line-height:3em; }

.ico, .icon { display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; white-space:nowrap; }
.icon_inline { display:inline-block;vertical-align:middle;margin-right:10px; }

/* message */
.error_message { color:#ff0000; margin-top:5px; text-align:left; }

/*말줄임표*/
.txt_over{overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;  word-wrap: normal !important;  display: inline-block;}
.txt_over2{white-space: normal; line-height: 1.2;  text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}

/* bootstrap override */
.modal-dialog.full-screen { margin-left:0 !important; margin-right:0 !important; }
.modal-header { border-bottom:0; padding-bottom:0; }
.form-control { box-shadow:none !important; }
.checkbox-inline { padding-left:0 !important; }
.checkbox { padding-left:0 !important; }
.modal-header.full-screen { padding:0 !important }
.modal-body.full-screen { padding:0 !important }
.modal-footer.full-screen { padding:0 !important }
.modal-title { font-size:1.5em; }
.modal-content.no-background { border:0 !important; background:transparent !important; -webkit-box-shadow:none !important; box-shadow:none !important; }
.modal-content.no-border { border:0 !important;}
.modal-content.no-radius { border-radius:0 !important; }
.modal .close { opacity:1; /*margin-right:-0.6em;*/ float:right; width:30px; height:30px; background: url('https://img.mysdis.co.kr/images/icon_close_pop.png') no-repeat center center; background-size:30px; }
.modal .close.sqr { width:40px; height:40px; background: url('https://img.mysdis.co.kr/images/icon_close_sqr.png') no-repeat center center; background-size:40px; }
.modal .close.sqr.abs { position:absolute; right:12px; top:14px; z-index:999999; }
.modal .close.sqr_gray { width:50px; height:50px; background:url('https://img.mysdis.co.kr/images/icon_close_pop2.png') no-repeat; background-position:center center; background-size:15px; }
.modal .close.sqr_gray.abs { position:absolute; right:12px; top:3px; z-index:999999; }
.modal .close.black { width:50px; height:50px; background:url('https://img.mysdis.co.kr/images/icon_close_pop3.png') no-repeat; background-position:center center; background-size:15px; }
.modal .close.abs { position:absolute; right:0; top:0; z-index:999999; }
.modal .close.txt { position:absolute; right:0; top:0; text-align:right; padding:15px 15px 15px 0; font-size:1.1em; background:none; width:50px; height:50px; }
.modal-title { font-size:1.5em; }
.modal-content.no-background {
    border:0 !important;
    background:transparent !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
}

/* modal white */
.modal.white { }
.modal.white .modal-dialog {  }
.modal.white .modal-content { border-radius:0; border:0; }
.modal.white .modal-content .close { position:absolute; display:block; right:10px; top:10px; background: url('https://img.mysdis.co.kr/images/icon_close_pop2.png') no-repeat; background-position:center center; background-size:20px; }
.modal.white .modal-content .modal-header { }
.modal.white .modal-content .modal-header .modal-title { font-size:16px; padding:5px; color:#373737; }
.modal.white .modal-content .modal-body { }
.modal.white .modal-content .modal-footer {  }

/* modal gray */
.modal.gray { }
.modal.gray .modal-dialog {  }
.modal.gray .modal-content { border-radius:0; border:0; }
.modal.gray .modal-content .close { background:url('https://img.mysdis.co.kr/images/icon_close_pop2.png') no-repeat; background-position:center center; background-size:30px; margin:0; }
.modal.gray .modal-content .modal-header { background:#f5f5f5; padding:5px; }
.modal.gray .modal-content .modal-header .modal-title { font-size:16px; padding:5px; color:#373737; }
.modal.gray .modal-content .modal-body { }
.modal.gray .modal-content .modal-footer {  }

/* modal gray2 */
.modal.gray2 { }
.modal.gray2 .modal-dialog {  }
.modal.gray2 .modal-content { }
.modal.gray2 .modal-content .close { width:50px; height:50px; background:url('https://img.mysdis.co.kr/images/icon_close_pop3.png') no-repeat; background-position:center center; background-size:15px; margin:0; }
.modal.gray2 .modal-content .modal-header { background-color:#E3E4E4; padding:0; border-radius:inherit; height:50px; line-height:50px; }
.modal.gray2 .modal-content .modal-header .modal-title { font-size:18px; color:#141414; text-align:center; height:50px; line-height:50px; padding:0 50px; }
.modal.gray2 .modal-content .modal-body { }
.modal.gray2 .modal-content .modal-footer { display:none; }

/* modal full_image */
.modal.full_image .modal-dialog { background:none;  }
.modal.full_image .modal-content .modal-header { display:none; }
.modal.full_image .modal-content .modal-body { background:none; padding:0; }
.modal.full_image .modal-content .modal-body .btn_close { background:none; }
.modal.full_image .modal-content .modal-footer { display:none; }

/* modal trans */
.modal.trans .modal-dialog { background:none; }
.modal.trans .modal-content { background:none; webkit-box-shadow:none; box-shadow:none; border:none;  }
.modal.trans .modal-content .modal-header { display:none; }
.modal.trans .modal-content .modal-body { background:none; padding:0; border:0 !important; }
.modal.trans .modal-content .modal-body .btn_close { background:none; }
.modal.trans .modal-content .modal-body .close { background:none; }
.modal.trans .modal-content .modal-footer { display:none; }


/* body */
.bg_body { background:#f7f7f7; }

/* text */
.txt_gray { color:#9f9f9f; }
.txt_red { color:#d53534; }
.txt_red2 { color:#E74C3C; }
.txt_orange { color:#ff5c48; }
.text-center { text-align:center !important; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.text-underline { text-decoration:underline !important; }
.bold { font-weight:bold; }

/* border */
.br0 { border-radius:0; }

/* hr */
hr.line { width:100%; height:1px; color:#ccc; margin:0; }

/* absolute link */
.abs_link { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; white-space:nowrap; }

/* container */
#container { position:relative; }
#container .content { clear:both; }
#container.fix .content { /*margin-top:46px;*/ }

/* header */
/*#container .header { width:100%; background:#D03533; color:#fff; height:3.2em; !*line-height:3em;*! margin-bottom:0.5em; }*/
/*#container .header .col-left { width:20%; float:left; display:inline-block; }*/
/*#container .header .col-center { width:60%; float:left; display:inline-block; text-align:center; }*/
/*#container .header .col-center img { width:45% !important; !*padding-top:12px;*! }*/
/*#container .header .col-right { width:20%; float:right; text-align:right; display:inline-block; }*/
/*#container .header a { line-height:3em; height:3em; margin:0 1em; color:#fff; padding-top:0.9em; }*/
/*#container .header img { width:1.5em; }*/
/*#container .header .title { font-weight:bold; font-size:1.2em; line-height:2.3em; }*/
/*#container .header.no-margin { margin-bottom:0; }*/
#header { width:100%; position:relative; height:46px; background:#ff3c63; color:#fff; }
#header button { position:absolute; }
#header button span { visibility: hidden; }
#header .top_home { top:0; left:0; width:55px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_top_menu.png') no-repeat center center; background-size:26px; z-index: 11; }
#header .top_back { top:0; left:8px; width:40px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_back.png') no-repeat center center; background-size:26px; }
#header .top_back_home { top:0; left:48px; width:40px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_home.png') no-repeat center center; background-size:26px; }
/*#header .android { top:0; right:40px; width:40px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_android.png') no-repeat center center; background-size:26px; }*/
#header .android { top:0; right:40px; width:40px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_download.png') no-repeat center center; background-size:20px; filter:invert(100%);-webkit-filter:invert(100%); }
#header .android .icon_text { position:absolute; left:-30px; top:14px; visibility: visible; color:#000;  }
#header .search { top:0; right:0; width:55px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_search_top2.png') no-repeat center center; background-size:26px; z-index: 11;}

/****
 *@date 180219
 *@author 황기석
 *@desc top간격수정
 ****/

/*
#header .wish { top:0; right:0; width:55px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_top_wish.png') no-repeat center center; background-size:29px 30PX; }
#header .cart { top:0; right:40px; width:55px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_top_basket.svg') no-repeat center center; background-size:30px; }
#header .searchN { top:0; right:80px; width:55px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_top_search.png') no-repeat center center; background-size:30px; }
*/
/*#header .search.on { top:0; right:0; width:55px; height:46px; background:url(https://img.mysdis.co.kr/images/icon_close_sqr.png) no-repeat center center; background-size:26px 23px; }*/

/*#header h1.title { position:relative; display:block; width:200px; !*width:84px;*! height:46px;!* margin:0 auto;*!  text-align: center; }*/
/*#header h1.title>a{left: 50px;}*/
/*#header h1.title img { width:82px; padding: 11px 0; margin-left: -10px;}*/

#header .wish { top:0; right:0; width:45px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_top_wish.png') no-repeat center center; background-size:29px 30PX; }
#header .cart { top:0; right:45px; width:45px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_top_basket.svg') no-repeat center center; background-size:29px; }
#header .searchN { top:0; right:90px; width:45px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_top_search.png') no-repeat center center; background-size:30px; }

#header h1.title>a{left: 55px;width: calc(100% - 55px)!important; }
#header h1.title { position:relative; display:block; width:calc(100% - 135px); /*width:84px;*/ height:46px;/* margin:0 auto;*/ padding-left: 55px;  _text-align: center; }
#header h1.title img { width:82px; padding: 11px 0;    vertical-align: top;}

#header.fix { position:fixed; top:0; left:0; z-index:1000; }
#header.fix .title { margin: 0 auto; font-size:20px; font-weight:bold; padding:0; line-height:46px; width:200px; text-align: center; }
#header.fix .title a { color:#fff; }
#header .topWishCount { position:absolute; display:inline-block; top:4px; right:4px; background:#530100; border-radius:50%; width:20px; height:20px; line-height:22px; text-align:center; color:#fff; font-weight:bold; /*padding-top:5px;*/ /*vertical-align:middle;*/ font-size:9px; }
#header .topCartCount { position:absolute; display:inline-block; top:4px; right:44px; background:#530100; border-radius:50%; width:20px; height:20px; line-height:22px; text-align:center; color:#fff; font-weight:bold; /*padding-top:5px;*/ /*vertical-align:middle;*/ font-size:9px; }

/* top menu */
.top_menu { position:relative; display:block; height:48px; line-height:45px; background:#fff; z-index:10; /*border-bottom:1px solid #2FCED4;*/ }
.top_menu.fix { position: fixed; top:0; left:0; width:100%; z-index:90; background-color: #fff;}
.top_menu li { position:relative; float:left; width:20%; height:48px; line-height:48px; padding:0; color:#000; font-size:17px; font-weight:bold; text-align:center; /*background:url(https://img.mysdis.co.kr/images/div_bar.png) no-repeat;*/ background-position:center right; background-size:1px 10px;  font-weight:400; font-size:16px;}
.top_menu li:nth-child(3) { letter-spacing:-1px; }
.top_menu li:nth-child(4) { letter-spacing:-1px; }
.top_menu li:nth-child(5) { letter-spacing:-1px; }
@media only screen and (max-width:320px) {
    .top_menu li { font-size:14px; }
}
@media only screen and (min-width:321px) and (max-width:400px) {
    .top_menu li { font-size:17px; }
}
.top_menu li:last-child { background:none;}
/*.top_menu li.on { border-bottom:4px solid #ff3c63; color:#ff3c63; font-weight: 600;}*/
.top_menu li.on>span{color: #ff3c63;  font-weight: 600;  display: inline-block;  border-bottom: 3px solid #ff3c63;  height: 47px;  width: 64px;}
.top_menu .title { position:relative; display:block; width:85%; height:48px; text-align:left; font-weight:bold; font-size:16px; padding:0 90px 0 50px; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; font-size:20px; letter-spacing: -2px; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; color:#fff;}
.top_menu .title a { width:100%; height:100%;text-align:left; font-size:20px; letter-spacing: -2px; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; color:#fff; }

.top_menu .top_back { position:absolute; top:0; left:0; width:48px; height:48px; background: url('https://img.mysdis.co.kr/images/icon_back.png') no-repeat; background-position:50% 50%; background-size:25px; z-index:10; }
.top_menu.back { background:#ff3c63; color:#fff; }
.top_menu .search { position:absolute; top:0; right:0; width:55px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_search_top2.png') no-repeat center center; background-size:26px; }
.top_menu .top_back_home { position:absolute; top:0; left:48px; width:40px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_home.png') no-repeat center center; background-size:26px; z-index:10; }

.top_menu .searchN { position:absolute; top:0; right:90px; width:45px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_top_search.png') no-repeat center center; background-size:30px; }

.top_menu .wish { position:absolute; top:0; right:0; width:45px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_top_wish.png') no-repeat center center; background-size:29px 30px; }
.top_menu .wish.right0 { right:0; }
.top_menu .cart { position:absolute; top:0; right:45px; width:45px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_top_basket.png') no-repeat center center; background-size:30px; }
.top_menu .cart.right0 { right:0; }
.top_menu .topWishCount { position:absolute; display:inline-block; top:4px; right:4px; background:#530100; border-radius:50%; width:20px; height:20px; line-height:22px; text-align:center; color:#fff; font-weight:bold; /*padding-top:5px;*/ /*vertical-align:middle;*/ font-size:9px; }
.top_menu .topWishCount.right0 { right:4px; }
.top_menu .topCartCount { position:absolute; display:inline-block; top:4px; right:44px; background:#530100; border-radius:50%; width:20px; height:20px; line-height:22px; text-align:center; color:#fff; font-weight:bold; /*padding-top:5px;*/ /*vertical-align:middle;*/ font-size:9px; }
.top_menu .topCartCount.right0 { right:4px; }

/* 181024 황기석 추가*/


/* top search */
#topSearch_wrap { display: none; position: absolute; top:0; left:0; width: 100%; height:40px; z-index: 99; background: #D03533; }
#topSearch_wrap .cont { position:relative; text-align: left; }
#topSearch_wrap .prev { top:0; left:0; width:55px; height:46px; background:url('https://img.mysdis.co.kr/images/icon_back2.png') no-repeat center center; background-size:26px; }
#topSearch_wrap .search { top:0; right:0; width:55px; height:46px; background:url(https://img.mysdis.co.kr/images/icon_search_top2.png) no-repeat center center; background-size:26px; }


/* login */
.login { text-align: center; }
.login img.logo { margin-top:1.8em; width:15em; }
.login .inputs { margin-top:2.5em; }
.login .check_line { margin-top:0.5em; font-size:0.9em; }
.login .check_line_2 { margin-top:0.5em; font-size:0.9em; }
/*.login .checkbox { float:left; margin-left:5%; }*/
.login .checkbox_2  { text-align:left; margin-left:5%; }
.login .checkbox_2 .text { text-align:left; }
.login .checkbox_2 .text2 { color:#b50009; text-decoration:underline; }
.login input[type="text"],.login input[type="password"] { border-radius:3px; height:2.5em; width:90%; font-size:1em; padding:0.5em; }
/*.login input:not(:first-child) { margin-top:0.5em; }*/
.login .check { float:left; font-size:0.8em; }
.login .find_passwd { text-decoration:underline; float:right; margin-right:5%; }
.login .btns { margin-top:3em; }
.login .join_btns { margin-top:4em; }
.login .join_btns_1 { margin-top:1em !important; }
.login .join_btns_2 { margin-top:3em !important; }
.login .join_btns .text { font-weight: bold; }
.login .join_btns .text2 { font-weight: bold; margin-top:4em; margin-left:5%; float: left !important;  }
.login .join_btns .text3 { font-weight: bold; margin-top:4em; margin-left:3px; text-decoration:underline; float: left !important; }
.login .join_btns .btn-xlarge { margin-top:0.5em; }
@media only screen and (min-width:600px) {
    .login img.logo { width:25em; }
}


/* login_pop */
.login_pop { background:#fff; }
.login_pop .tab-group { height:40px; line-height:40px; text-align:center; }
.login_pop .tab-group .tab { float:left; background:#929292; color:#fff; }
.login_pop .tab-group .tab.on { background:#D03533; color:#fff; }
.login_pop .wrap { padding:10px; }
/*.login_pop input[type="text"], .login_pop input[type="password"] { width:100%; height:40px; line-height:40px; }*/
.login_pop .input_wrap input { width:100%; height:40px; margin-bottom:10px; padding:5px; font-size:15px; }
.login_pop .checkbox .text2 { text-decoration:underline !important; }


/* 마이메뉴 */
.mymenu { text-align:center; }
.mymenu .content { margin-left:2.5%; width:95%; }
.mymenu .content ul.product_list { position:relative; width:100%; margin-top:0.5em; }

.mymenu .content ul.product_list li { text-align:left; float:left; width:50%; border:1px solid #E9E9E9; padding:1em; background:#fff; color:#0A0A0A; cursor:pointer; }
.mymenu .content ul.product_list li:last-child { border-left:0; }
/*
.mymenu .content ul.product_list li a { margin-top:2em; text-align: left; float:left; width:100%; border:1px solid #E9E9E9; padding:1em; background:#fff; color:#0A0A0A; cursor:pointer; }
.mymenu .content ul.product_list a {padding-left :2em;}
*/

.mymenu .content .box { border:0px; text-align:left; margin-bottom:0.5em; }
.mymenu .content .box .txt_title { margin-bottom:0.5em; margin-top:2.6em;}
.mymenu .content ul.product_list .title { }
.mymenu .content ul.product_list .count { color:#d03533; margin-left:1em; }
.mymenu .content .menu { clear:both; margin-top:0.5em;  font-weight: bold;  }
.mymenu .content .menu li { text-align:left; border:1px solid #ccc; padding:1em; background:#fff; }
.mymenu .content .menu li:first-child { border-top:3px solid #b50009; }
.mymenu .content .menu li:not(:first-child) { border-top:0; }
.mymenu .content .menu li.normal { border-top:1px solid #ccc; }
.mymenu .content .btns { margin-top:0.5em; }
.mymenu .banner { margin-top:0.5em; display:block; position:relative; }
/*
.mymenu .banner li { float:left; width:100%; border:0px; left-background-position:#527ea3;         background-position:50%;}
.mymenu .banner li bg { align:left; width:100%; border:0px; background-position:#527ea3;}
*/
.mymenu .banner a { display:block; }
.mymenu .banner img { min-width:100%; text-align:left; }
/* .mymenu .banner.on img { content:url('https://img.mysdis.co.kr/images/banner1.png'); } */
@media only screen and (min-width:641px) and (max-width:720px) {
    .mymenu .banner img { min-width:110% !important; }
}

/* faq */
.faq { position:relative; padding:0.5em; }
/*.faq .content { background:#F7F7F7; }*/
.faq input[type="text"] { clear:both; height:3.1em; width:100%; font-size:17px; padding:0.5em; border:2px solid #ff3c63; }
.faq ul.cate_list { position:relative; /*width:95%;*/ /*margin-left:2.5%;*/ margin-top:0.5em; /*font-size:0.9em;*/ text-align:center; }
.faq ul.cate_list li { float:left; width:33%; border:1px solid #E9E9E9; padding:15px 6px; background:#fff; color:#0A0A0A; cursor:pointer; font-size: 15px;}
.faq ul.cate_list li:nth-child(2) { border-left:0; }
.faq ul.cate_list li:nth-child(3) { border-left:0; width:34%; }
.faq ul.cate_list li:nth-child(4) { border-top:0; }
.faq ul.cate_list li:nth-child(5) { border-top:0; border-left:0; }
.faq ul.cate_list li:nth-child(6) { border-top:0; border-left:0; width:34%; }
.faq ul.cate_list li:nth-child(7) { border-top:0; }
.faq ul.cate_list li:nth-child(8) { border-top:0; border-left:0; }
.faq ul.cate_list li:nth-child(9) { border-top:0; border-left:0; width:34%; }
.faq ul.cate_list li.on { background: #393939; color:#fff; }
.faq ul.faq_list { /*width:95%;*/ /*margin-left:2.5%;*/ /*margin:0 0.5em;*/ font-size:0.9em; background:#f7f7f7;  }
.faq ul.faq_list li.question { padding:1em 25px 1em 2em; border:1px solid #e9e9e9; text-align:left; border-top:0; color:#0E0E0E; cursor:pointer; background:#fff url(https://img.mysdis.co.kr/images/icon_faq_ques.png) no-repeat left 0.5em center; background-size:1em; font-size: 16px; }
.faq ul.faq_list li.question .arrow { /*float:right;*/ position:absolute; /*right:1.3em;*/ right:15px; }
.faq ul.faq_list li.question .arrow img{ width:1em; vertical-align:middle; }
.faq ul.faq_list li.question.on .arrow img { content:url('https://img.mysdis.co.kr/images/icon_arrow_up.png'); }
.faq ul.faq_list li.answer { display:none; background:url(https://img.mysdis.co.kr/images/icon_faq_feel.png) no-repeat left 0.5em top 1em #EEEEEE; background-size:1.3em; padding:1em 1em 1em 2.5em; text-align:left; color:#1A1A1A; }
.faq .btn_more { width:100%; font-weight:bold; border:1px solid #E1E1E1; background:#F1F1F1; color:#B20000; height:2.5em; line-height:2.5em; text-align:center; margin-top:10px; }
.faq ul.faq_list li.answer > p , div{font-size: 16px;}
.faq .btn_more img.icon { width:1em; vertical-align:middle; margin:0 5px; }

/* 1:1문의 */
.inquiry { padding:0.5em; }
.inquiry .title { /*clear: both;*/ text-align:left; font-weight:bold; color:#B92229; margin:1em 0 0.5em 0; }
.inquiry .tab { /*width:95%;*/ text-align:center; height:3em; /*margin-left:2.5%;*/border-bottom:1px solid #dfdfdf; background:#fff; }
.inquiry .tab li { font-weight:bold; float:left; width:50%; height:3em; line-height:3em; /*border-bottom:2px solid #E8E8E8;*/ }
.inquiry .tab li:first-child { border-right:0; }
.inquiry .tab li:last-child { border-left:0; }
.inquiry .tab li.on { border-bottom:4px solid #ff3c63;  }
.inquiry .tab li.on > a{  color: #ff3c63; }
.inquiry .form { text-align: left; /*margin-left:2.5%;*/ /*width:95%;*/ padding: 10px 0;}
.inquiry .form .form_input { clear:both; margin-top:0.5em; }
.inquiry .form select { width:100%; border:1px solid #ccc; height:3em; /*line-height:3em;*/ /*padding:0.5em;*/ padding:0 0.5em; -webkit-appearance:none; background:url(https://img.mysdis.co.kr/images/icon_select.png) no-repeat right 6px center #fff; }
.inquiry .form input[type="text"], .content.inquiry .form input[type="number"] { width:100%; padding:0 10px; border:1px solid #ccc; height:3em; line-height:3em; }
.inquiry .form input[type="text"][readonly], .content.inquiry .form input[type="number"][readonly]{ color:#999 !important; }
.inquiry .form textarea { width:100%; padding:0.5em; border:1px solid #ccc; height:10em; border-radius:0; }
.inquiry .btns { margin-top:0.5em; }
.inquiry .inquiry_list { /*width:95%;*/ padding: 10px 0; }
.inquiry .inquiry_list li { /*position:relative;*/ width:100%; display:inline-block; text-align:left; border:1px solid #EDEDED; padding:0.8em; background:#fff; }
.inquiry .inquiry_list li .comm { width:70%; }
.inquiry .inquiry_list li .date { /*font-size:0.9em;*/ }
.inquiry .inquiry_list li .subject { color:#777; font-weight:bold; margin-top:0.5em; }
.inquiry .inquiry_list li .state { margin-left:5px; }
.inquiry .inquiry_list li .state a { height:35px; line-height:32px; width:100%; }
.inquiry .inquiry_list li .state a:last-child { margin-top:0.5em; }
.inquiry .inquiry_list li .state a.on { background:#AFAFAF; border:1px solid #AFAFAF; }
.inquiry .inquiry_answer_list .box {  width:100%; display:inline-block; text-align:left; border:1px solid #EDEDED; padding:0.8em; background:#fff; margin-bottom:0.5em; }
.inquiry .inquiry_answer_list .box:last-child { margin-bottom:0; }
.inquiry .inquiry_answer_list .box.bg_gray { background:#F9F9F9; }
.inquiry .inquiry_answer_list .box .subject { float:left; width:80%; margin-bottom:1em;  }
.inquiry .inquiry_answer_list .box .subject .text { float:left; width:90%; margin-bottom:0;  }
.inquiry .inquiry_answer_list .box .subject .date { float:right; width:10%; text-align:left; padding-left:0.5em;}
.inquiry .inquiry_answer_list .box .comm { clear:both; }
@media only screen and (max-width:350px) {
    .inquiry .inquiry_list li .state a { font-size:10pt; }
    .inquiry .inquiry_answer_list .box .subject .date { font-size:10pt; }
}
.inquiry .box { position:relative; padding:0.5em; border:1px solid #EAEAEA; }
.inquiry .box.nobg { background:#F9F9F9;  }
.inquiry .box.white { background:#fff; }
.inquiry .star { color:#000; }
.inquiry .star.req { color:#ff0000; }
.inq-wrap .qna-happy-btn{width: 90%;  height: 40px;  text-align: center;  background: #ffe940;  margin: 10px auto;  display: block;  color: #111;  line-height: 36px;
     border-radius: 5px;}

/* 환경설정 */
.setting { text-align:center; width:100%;  }
.setting .box { position:relative; display:block; overflow:hidden; border-bottom:1px solid #eaeaea; background:#fff; text-align:left; padding:1em; margin-bottom:0.5em; }
.setting .box .txt_title { margin-bottom:0;  font-size: 16px; float: left;}
.setting .box .txt_email { margin-left:1em; }
.setting .box .cont { position:relative; display:block;  font-size: 16px;}
.setting .box .btn {  background: #f2f2f2;
    border:1px solid #eaeaea; color: #999; line-height: 30px; height: 30px; font-size: 14px; }
.setting .box .auth_wrap { padding:10px 0; }
.setting .box .input { height:35px; padding:5px; border:1px solid #d6d6d7; }
.setting .box .box_inner { border: 1px solid #ccc; background: #eee; padding: 10px; border-radius: 3px; height: 58px; line-height: 35px; overflow: hidden; }
.setting .box .push { float:right; margin-right: 28px; }
.setting .box .ver span:first-child { color:#000; }
.setting .box .ver span:last-child { color:#f00; margin-left:1em; }
.setting .txt_link a { float:right; text-decoration:underline; }
.setting .withdraw { position:relative;display:block;text-align:right;font-size:0.9em;
    padding: 10px;
    background: #fff;
    height: 50px;
    border-bottom: 1px solid #f2f2f2;}
.setting .withdraw> a{padding: 5px 6px;     background: #f2f2f2;
    border: 1px solid #eaeaea;
    color: #999;}
.setting .withdraw * { float:right; }
.setting .withdraw .info_text {     line-height: 26px;
    margin-right: 5px;
    height: 23px;
    letter-spacing: -2px;
    float: left;}
@media only screen and (max-width:359px) {
    .setting .withdraw { font-size:12px; }
}
@media only screen and (min-width:400px) {
    .setting .withdraw { font-size:1em; }
    .setting .withdraw .info_text { letter-spacing:normal; }
}

/* 찜한상품 */
.chosen  { text-align:center; font-family: 'Arial','Noto Sans',sans-serif; width:100%; overflow: hidden; background:#ffffff; }
.chosen { margin-left:0; width:100%; }
.chosen .none_product_img {border:0em; margin-top:4em; }
.chosen .none_lately_img {border:0em; margin-top:0.95em; }
.chosen .none_searching_img {border:0em; margin-top:2.15em; }
.chosen .bc { margin-bottom:2em; }
.chosen .txt_a { font-weight:bold !important ; margin-top:2em; }
.chosen .txt_b { font-size:12px;  text-decoration:underline;}
.chosen .txt_c { font-size:12px; font-weight:normal;}
.chosen .chosen_head { margin:10px 0.5em; color:#343434; background:#fff; border-radius:30px; padding:0.5em 0.5em 0.5em 0.8em; text-align:left; }
.chosen .chosen_head .comm { background:url('https://img.mysdis.co.kr/images/icon_heart_red.png') no-repeat left center; background-size:1.3em; padding-left:1.8em; }
.chosen .chosen_head .gear { float:right; }
.chosen .chosen_head .gear img { width:1.5em; opacity:0.2; }
.chosen .chosen_head .gear img.on { opacity:1; }
.chosen .product_list { /*margin:1em; */}
.chosen .product_list li { border-top:1px solid #eaeaea; background:#fff;  width: 100%; display: block; padding:40px 30px; position: relative;}
.chosen .product_list li>a{display: block;}
.chosen .product_list li .pdt_info_wrap{float: left; width: 40%;}
.chosen .product_list li .pdt_name { font-size:18px; font-weight:bold; /*margin-right:23px;*/ margin-top: 5px; width: 50%; line-height: 20px; overflow: hidden; text-overflow: ellipsis; float: left; text-align: left;}
.chosen .product_list li .pdt_summary { font-size:15px; font-weight:bold; /*margin-right:23px;*/ margin-top: 5px; width: 50%; height: 42px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; float: left; text-align: left; color: #5898c4;}
.chosen .product_list li .pdt_img { position:relative; /*width:180px;*/ width:50%;  float:left;  overflow: hidden; margin-top: 15px; }
.chosen .product_list li .pdt_img>img{width: 85%;   display: block; }
.chosen .product_list li .pdt_img .over_bar { position:absolute; width:100%; bottom:0; left:0; margin:0; z-index:10; background-color:rgba(0, 0, 0, 0.2); padding:0.3em; text-align:right; color:#fff; }
.chosen .product_list li .pdt_img .over_bar .wish { background:url('https://img.mysdis.co.kr/images/icon_heart.png') no-repeat left center; background-size:1em; padding-left:1.2em; }
.chosen .product_list li .pdt_img .over_bar .share { margin-left:1em; background:url('https://img.mysdis.co.kr/images/icon_share_white.png') no-repeat left center; background-size:1em; padding-left:1.2em; }
.chosen .product_list li .pdt_img .laySaleStop { position:absolute;left:0;top:0;background-color:rgba(0, 0, 0, 0.5);width:85%;height:100%;  }
.chosen .product_list li .pdt_img .laySaleStop .imgSaleStop { width:45%;margin-top:20px;  }
.chosen .product_list li .pdt_price { text-align: left; /*margin:1em 0;*/ /*padding:0 0.5em;*/ float: left;}
.chosen .product_list li .pdt_price .rate {width:45px; height:45px; font-size:16px; color:#ffffff; text-align:center; line-height:45px;  border-radius: 100%;  border:1px solid #ff686b; color:#ff686b; text-align:center; font-weight: 600; display: block; }
.chosen .product_list li .pdt_price .rate em { font-size:0.5em; font-weight:normal; }
.chosen .product_list li .pdt_price .price { display:inline-block; margin-left:2em; color:#212121; text-align:right; font-weight:bold; font-size:1.1em; }
.chosen .product_list li .pdt_price .price em { text-decoration:line-through; font-size:12px; font-weight:normal; color:#7D7D7D; }
.chosen .product_list li .btns { /*margin-bottom:0.5em;*/  width:50%; /*padding:0.5em;*/ float: left; display: inline;}
.chosen .product_list li .btns .left { display:inline-block; width:49%; float:left; border:1px solid #3A4654; border-radius:2px; height:2.5em; line-height:2.3em; color:#3A4654; }
.chosen .product_list li .btns .right { display:block; width:95%; float: left; height:40px; line-height:40px; z-index:50; margin:15px auto 0px; font-size:18px; background: #fff;
    border:1px solid #ff686b; color: #ff686b; border-radius: 0px;}
.chosen .product_list li .btn_del { position:absolute; left:-42px; margin-top:50px; }
.chosen .md_head { margin:10px 0.5em; color:#343434; background:#fff; border-radius:30px; padding:0.5em 0.5em 0.5em 0.8em; text-align:center; font-weight:bold; }
.chosen .more { background:#fff; margin:0.5em; border:1px solid #DFDFDF; height:2.5em; line-height:2.3em; }
.chosen .more .btn_more { height:2.5em; line-height:2.3em; }
.chosen .more .btn_more .icon { width:1em; /*vertical-align: middle;*/ }
.chosen .chosen_list { -webkit-transition:.4s -webkit-transform ease-in-out; }
.chosen .chosen_list.edit { -webkit-transform:translateX(47px); }



/* 팝업 */
.popup { text-align:center }
.popup .txt_link a { float:right; text-decoration:underline; margin-right:2em; color:#ffffff }
.popup .content { position:relative; margin-left:5%; width:90%; background:#fff; border-radius:3px; margin-top:1em; padding:2em; }
.popup .content2 { position:relative; margin-left:15%; width:70%; background:#fafafa; border-radius:3px; margin-top:1em; padding:2em; }

.popup .content3 { position:relative; margin-left:5%; width:90%; background:#fff; border-radius:3px; margin-top:0.5em; padding:0.5em; overflow:hidden; }
.popup .content3 .comm1 { float:left; text-align:left; width:25%; line-height:4.5em; }
.popup .content3 .comm1 img { width:5.5em; vertical-align:middle; }
.popup .content3 .comm2 { float:left; width:50%; text-align:center; padding:0.5em; }
.popup .content3 .comm2 .small { font-size:12px; }
.popup .content3 .comm2 .bold { font-size:0.9em; font-weight:bold; }
.popup .content3 .comm3 { float:right; width:25%; text-align:right; line-height:4.5em; }
.popup .content3 .comm3 .btn { width:100% !important; }

.popup .content4 {  float:left;  margin-left:2em; width:1.5em; }
.popup .close { position:absolute; top:0.7em; right:0.7em; }
.popup .close img { width:2em; }
.popup .content .title { color:#D03533; margin:0.5em 0 0.5em 0; }
.popup .content2 .title2 { color:#232323; margin:0.5em 0 0.5em 0; }
.popup .content2 .box .btn { height:3em !important; line-height:2.5em !important; width:48% !important; }

.popup .content .comm { margin-bottom:1em; padding:1em; }
.popup .content .comm .bold { font-size:1.1em; font-weight:bold; }
.popup .content .comm .input { margin-top:0.5em; }
.popup .content .comm .input label { display:inline-block; width:45%; text-align:left; }
.popup .content .comm .input span { display:inline-block; width:50%; }
.popup .content .comm .input input { width:100%; padding:0 0.5em; background-color:#eeeeee; border:1px solid #d2d2d2; letter-spacing:0.3em; }
@media only screen and (max-width:370px) {
    .popup .content .comm .input label { font-size:12px; }
}


/* main before */
/*.main_before { text-align: center; }*/
/*.main_before .logo { margin-top:3em; width:50%; }*/
/*.main_before .logo-txt { margin-top:0.8em; color:#000; font-weight:bold; !*letter-spacing:10%;*! }*/
/*.main_before .join_btns { margin-top:3em; }*/
/*.main_before .join_btns .btn-xlarge { margin-top:0.5em; }*/
/*.main_before .login_text { margin:1em 5%; text-align: left; }*/
/*.main_before .login-link { text-decoration: underline; }*/

/* main  */
.main {  }
.main .menu { background:#F2F2F2; height:2.5em; line-height:2.5em; }
.main .menu li { float:left; margin-left:1em; }
.main .menu li:first-child { margin-left:0; }
.main .order_btns { position:relative; display:block; margin:0; padding:5px; overflow:hidden; }
.main .order_btns:after { content:' '; display:block; clear:both; }
.main .order_btn { float:left; width:33.3%; text-align:center; }
.main .order_btn:last-child { padding-right:0; }
.main .order_btn .btn { width:100%; height:35px;line-height:35px;padding:0;  }
.main .order_btn .btn.on { color:#E00000; background:#fff; border:1px solid #E00404; }
.main .pdt_list_wrap { position:relative; width:100%; /*border-top:6px solid #eaeaea;*/}
.main .pdt_list { position:relative; width:100%; /*margin-top:-15px;*/ }
.main .pdt_list:after { content:' '; display:block; clear:both; }
.main .pdt_list .pdt-item { position:relative; display:block; width:50%; float:left; /*background:#fff;*/ background:none; margin:0; padding:6px; /*margin:0.5em 0.5em 1em;*/ overflow:hidden; border:0; height:100%; }
.main .pdt_list .pdt-item:nth-child(2n-1) { padding-right:3px; } /* 홀수 */
.main .pdt_list .pdt-item:nth-child(2n) { padding-left:3px; } /* 짝수 */
.main .pdt_list .pdt-item:nth-child(2n):after { content:' '; display:block; clear:both; } /* 짝수 */
.main .pdt_list .pdt-item .wrap {position:relative; display:block; width:100%; background:#fff; border-radius:3px; padding:0; overflow:hidden; box-shadow:1px 1px 5px 0 rgba(0,0,0,0.1); height:100%; border-bottom: 1px solid #efefef; }
.main .pdt_list .pdt-item .pdt_img { /*padding:0.5em;*/ position:relative; width:100%; border-bottom:1px solid #DFE0E2; }
.main .pdt_list .pdt-item .pdt_img img { width:100%; border-top-left-radius:3px; border-top-right-radius:3px; }
/*.main .pdt_list li .pdt_img .over_bar { position:absolute; width:100%; bottom:0; left:0; margin:0; z-index:10; background-color:rgba(0, 0, 0, 0.4); padding:0.3em; text-align:right; color:#fff; }*/
/*.main .pdt_list li .pdt_img .over_bar .wish { background:url(https://img.mysdis.co.kr/images/icon_heart.png) no-repeat left center; background-size:1em; padding-left:1.2em; }*/
/*.main .pdt_list li .pdt_img .over_bar .share { margin-left:1em; background:url(https://img.mysdis.co.kr/images/icon_share_white.png) no-repeat left center; background-size:1em; padding-left:1.2em;  }*/
/*.main .pdt_list li .pdt_img .pdt_icon { position:absolute; right:0; top:0; background-color:rgba(0, 0, 0, 0.4); color:#fff; !*padding:0.5em;*! width:3.5em; font-weight:bold; text-align:center; }*/
.main .pdt_list .pdt-item .pdt_img .pdt_icon { position:absolute; right:0; top:0; /*padding:0.5em;*/ width:55px; height:55px; padding:0; margin:0; }
.main .pdt_list .pdt-item .pdt_img .pdt_icon.today { background:url(https://img.mysdis.co.kr/images/pdt_sticker_1.png) no-repeat center top; background-size:55px; }
.main .pdt_list .pdt-item .pdt_img .pdt_icon.deadline { background:url(https://img.mysdis.co.kr/images/pdt_sticker_2.png) no-repeat center top; background-size:55px; }
.main .pdt_list .pdt-item .pdt_img .pdt_icon.limit_qty { background:url(https://img.mysdis.co.kr/images/pdt_sticker_3.png) no-repeat center top; background-size:55px; }
.main .pdt_list .pdt-item .pdt_img .pdt_icon.encore1 { background:url(https://img.mysdis.co.kr/images/pdt_sticker_4.png) no-repeat center top; background-size:55px; }
.main .pdt_list .pdt-item .pdt_img .pdt_icon.encore2 { background:url(https://img.mysdis.co.kr/images/pdt_sticker_5.png) no-repeat center top; background-size:55px; }
.main .pdt_list .pdt-item .pdt_img .pdt_icon.encore3 { background:url(https://img.mysdis.co.kr/images/pdt_sticker_6.png) no-repeat center top; background-size:55px; }
.main .pdt_list .pdt-item .pdt_img .laySaleStop { position:absolute; left:0; top:0; background-color:rgba(0, 0, 0, 0.5); width:100%; height:100%; text-align:center; }
.main .pdt_list .pdt-item .pdt_img .laySaleStop .imgSaleStop { width:70%; margin-top:35px; }
.main .pdt_list .pdt-item .pdt_info_wrap { overflow: hidden; height:124px; }
.main .pdt_list .pdt-item .pdt_name { width:100%; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; text-align:left; padding:5px 5px 0; color:#212121; font-weight:bold; font-size:1.1em;  line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break: break-all; }
.main .pdt_list .pdt-item .pdt_price { text-align:left; /*margin:1em 0;*/ padding:0 5px;  overflow: hidden; margin-top:5px; }
.main .pdt_list .pdt-item .pdt_price .rate { display:inline-block; font-size:30px; color:#F72524; font-weight:bold; /*padding-left:15px;*/ }
.main .pdt_list .pdt-item .pdt_price .rate.mis { font-size:1em;text-align:center;background:#fff;color:#F72524;/*border-radius:3px;border:1px solid #D03533;*//*padding:1px;*/ }
.main .pdt_list .pdt-item .pdt_price .rate em { font-size:0.5em; font-weight:normal; }
.main .pdt_list .pdt-item .pdt_price .price { display:inline-block; margin-left:0.5em; color:#212121; text-align:right; font-weight:bold; font-size:1.3em; }
.main .pdt_list .pdt-item .pdt_price .price em { text-decoration:line-through; font-size:12px; font-weight:normal; color:#7D7D7D; }
.main .pdt_list .pdt-item .pdt_price .time { float:right; /*height:2em; line-height:2em;*/ /*background:#FA423F; color:#fff;*/ margin-top:1.3em; padding:3px 8px; border:1px solid #3A4654; color:#3A4654; }
.main .pdt_list .pdt-item .info_icon { overflow:hidden; height:25px; padding:0 5px; float: left; }
.main .pdt_list .pdt-item .info_icon .btn { font-size:10px; font-weight:normal; padding:2px 4px 2px 2px; height:25px; line-height:25px; overflow:hidden; white-space:nowrap; letter-spacing:-1px; color:#fff; }
.main .pdt_list .pdt-item .time_wrap { text-align:center; border-top:1px solid #E5E5E5; margin:5px; padding:3px 5px 0; height:27px; }
.main .pdt_list .pdt-item .time_wrap img { vertical-align:text-bottom; padding-bottom:1px; width:14px; }
.main .order_info { padding:0.5em; text-align: center; margin:1.5em 0; }

/* pdt_list ingi */
.content.main .pdt_list.ingi { background:#fff; }
.content.main .pdt_list.ingi .pdt-item { position:relative; display:block; background:#fff; margin-bottom:0; float:none; width:100%; border:none; padding:0; }
.content.main .pdt_list.ingi .pdt-item .wrap.icon_click:after { position:absolute; top:0; left:0; padding:5px 10px; background:#333; color:#fff; content:'클릭한상품'; opacity:0.5; display:none; }
.content.main .pdt_list.ingi .pdt-item .ico_seq { position:absolute; left:10px; top:10px; width:30px; height:30px; line-height:30px;  text-align:center; color:#fff; z-index:1; font-weight:bold; background: rgba(0,0,0,0.3); }
.content.main .pdt_list.ingi .pdt-item .ico_seq.top1{background: rgb(75, 129, 254);  height:33px; line-height:14px;}
.content.main .pdt_list.ingi .pdt-item .ico_seq > strong{font-weight: 100;  display: block;  font-size: 11px;}
.content.main .pdt_list.ingi .pdt-item .ico_seq.top3{background: rgba(129, 167, 255, 0.8); }

.content.main .pdt_list.ingi .pdt-item .ico_seq > span{position: relative;  font-size: 15px;}

.content.main .pdt_list.ingi .pdt-item .pdt_img { position:relative; display:block; width:8em; height:9em; min-height:112px;/*background-image:url('https://img.mysdis.co.kr/images/new/no_image.png');*/ background-size:cover; background-position:center center;  /*text-align: center; margin:0 auto;*/ margin:10px; float:left; border-bottom: 0px; }
.content.main .pdt_list.ingi .pdt-item .pdt_info { position:absolute; left:0; top:0; width:100%;  padding:10px 10px 10px 9.5em; }
.content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_name {  width:100%; max-height:60px; font-size:16px; font-weight: 400; color:#181818;  padding-right:0; overflow:hidden;line-height: 20px; letter-spacing: -1px;/*text-overflow:ellipsis; white-space:nowrap;*/ }
.content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_summary { margin-top:0; color:#9B9B9B; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 5px; line-height: 21px; }
.content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_link { margin-top:5px; text-decoration:underline; }
.content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_price { margin-top:0; position:relative; display: block; width:100%; height:auto; }



.content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_price .ori {  position:absolute; top:7px; left:80px; text-decoration:line-through; color:#343434; font-size:12px; }
.content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_price .sale {  position:relative; top:0; left:0; color:#111; font-size:18px; font-weight:bold; }

.content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_price{height: 50px; line-height: 25px; margin-top: 5px;}
.content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_price .dc{ width: auto;  font-size: 18px;  font-weight: 600;  color: #ff3c63;  float: left;  margin-right: 5px;  }
.content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_price .dc > em{font-size: 13px;}
.content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_price .sale{position:relative; top:0; left:0; color:#111; font-size:18px; font-weight:bold; position: relative;  top: 0;  left: 0;  color: #111;  font-size: 17px;  font-weight: bold; float: left;}
.content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_price .ori{ float: left;  text-decoration: line-through;  color: #a0a0a0;  font-size: 12px; position: unset; margin-left: 5px;}


.content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_price .rate { position: absolute; top:0; left:0; width:65px; color:#FB8484; font-size:30px; font-weight:bold; line-height:50px; overflow: hidden; white-space:nowrap; }
.content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_price .rate.txt { font-size:20px; padding-top:5px; text-align: center; }
.content.main .pdt_list.ingi .pdt-item .pdt_icon { position:absolute; right:14px; bottom:10px; background:#FC7546; border-radius:50%; height:65px; width:65px; text-align: center; padding:14px 3px; overflow: hidden; color:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.15); }
.content.main .pdt_list.ingi .pdt-item .pdt_icon em { color:#FEFE00; }
.content.main .pdt_list.ingi .pdt-item .info_icon > * {color: #3597ff;  font-weight: normal;  margin-right: 5px;  padding: 0 5px;  font-size: 12px; background: #ffffff;  border: 1px solid #3597ff; }
@media only screen and (max-width:359px) {
    .content.main .pdt_list.ingi .pdt-item .pdt_img { width:8em; height:9em; }
    .content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_name { font-size:15px; }
    .content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_summary{font-size: 13px;}
}
@media only screen and (min-width:619px) {
    .content.main .pdt_list.ingi .pdt-item .pdt_img { width:15em; height:16em; }
    .content.main .pdt_list.ingi .pdt-item .pdt_info { padding:10px 5px 10px 17em; }
    .content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_name { font-size:20px;line-height: 34px;  }
    .content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_summary{font-size: 16px; line-height: 20px;}
    .content.main .pdt_list.ingi .pdt-item .pdt_info .pdt_price .sale { font-size:20px; }
    .content.main .pdt_list.ingi .pdt-item .info_icon > *{font-size: 14px;}
}

.pdt_list_wrap .realtimeArea {border-bottom: 1px solid #efefef;text-align: center;padding: 12px 0 12px;  background: #ffffff;}
.pdt_list_wrap .realtimeArea p{display: inline-block;  width: 60%;  padding: 4px;  box-sizing: border-box;  color: #222222;  font-weight: bold;  font-size: 26px;}
.pdt_list_wrap .realtimeArea p > span{font-size: 16px;  vertical-align: 4px;  display: inline-block;  margin-left: 3px;  font-weight: 100;  }
.pdt_list_wrap .realtimeArea p > a{color: #222222;  font-weight: bold;  font-size: 26px;}

/* 찜버튼 */
.pdt_info>.wish_wrap>div>i{transform: scale(0);transition: .2s ease-in-out;-webkit-transform: scale(0);-webkit-transition: .2s ease-in-out;}
.pdt_info>.wish_wrap>div>i.active{transform: scale(1);transition: .2s ease-in-out;-webkit-transform: scale(1);-webkit-transition: .2s ease-in-out;}
.pdt_info>.wish_wrap.active>div>i{transform: scale(1);transition: .2s ease-in-out;-webkit-transform: scale(1);-webkit-transition: .2s ease-in-out; }
.pdt_info>.wish_wrap.active>div>i.active{transform: scale(0);transition: .2s ease-in-out;-webkit-transform: scale(0);-webkit-transition: .2s ease-in-out;}

.main .pdt_list .pdt-item .wish_wrap{float: right; width: 40px; height: 40px; margin-right: 0px; top:-5px;}
.main .pdt_list .pdt-item .wish_wrap>div{width: 40px; height: 40px; border:1px solid #EAEAEA; border-radius: 100%; text-align: center;}
.main .pdt_list .pdt-item .wish_wrap i{font-size: 19px; color: #aaa; line-height: 41px;}
.main .pdt_list .pdt-item .time_wrap { text-align:center; border-top:1px solid #E5E5E5; margin:5px; padding:3px 5px 0; height:27px; }
.main .pdt_list .pdt-item .time_wrap img { vertical-align:text-bottom; padding-bottom:1px; width:14px; }
.main .order_info { padding:0.5em; text-align: center; margin:1.5em 0; }


/*상품가격정보 스타일*/
.content.pdt_detail .product_info { position:relative; width:100%; padding:19px 10px 0px; }
.content.pdt_detail .product_info .pdt_box01{ position:relative; width:100%; }
.content.pdt_detail .product_info:after { content:''; display:block; clear:both; }
.content.pdt_detail .product_info .pdt_name {  font-size:20px;font-weight: 600;  letter-spacing: -2px;  color:#333; width:250px;  }
.content.pdt_detail .product_info .pdt_price { /*margin-top:5px;*/ color:#464545; margin-top:10px; border-top: 1px solid #eaeaea;  height: 50px; line-height: 50px; }
.content.pdt_detail .product_info .pdt_price .rate { font-size:33px; color:#ff3c63; margin-right:10px; font-weight:400; letter-spacing: -1px; line-height: 45px;}
.content.pdt_detail .product_info .pdt_price .rate>span { font-size:25px;  font-weight:400;}
.content.pdt_detail .product_info .pdt_price .rate.txt { font-size:20px; height:51px;  font-weight:600;letter-spacing:-1px; }
.content.pdt_detail .product_info .pdt_price .price_wrap{width: 77%;}
.content.pdt_detail .product_info .pdt_price .price_wrap .ori { font-size:14px; color:#888; /*margin-bottom:3px;*/ text-decoration:line-through; height:20px; padding-top:5px; float:left; width: 90px;}
.content.pdt_detail .product_info .pdt_price .price_wrap .price_label{font-size: 14px; color: #111; width: 18%;}
.content.pdt_detail .product_info .pdt_price .price_wrap .sale { font-size:20px; color:#292929; font-weight:600;  line-height: 50px;  float: left;}
.content.pdt_detail .product_info .pdt_price .price_wrap .point_num { font-size:16px; color:#ff3c63; font-weight:600;  line-height: 50px;  float: left;}
.content.pdt_detail .product_info .pdt_price .price_wrap .ori { padding-top: 3px; margin-left: -5px;  text-decoration: line-through;}
.content.pdt_detail .product_info .pdt_price .price_wrap .sale> span{font-size: 14px;margin-left: -6px;  margin-right: 10px; }
.content.pdt_detail .product_info .share_btn { position:absolute; right:0; top:0; width:50px; height:50px; background:url('https://img.mysdis.co.kr/images/icon_share.png') no-repeat; background-size:20px ; background-position:center 7px; text-align: center; border:1px solid #e0dede;border-radius: 100%;box-shadow: 1px 1px 2px rgba(7,6,5,0.1);}
.content.pdt_detail .product_info .share_btn a{width: 100%; height: 100%;}
.content.pdt_detail .product_info .share_btn span{ font-size:12px; line-height:71px; color:#111; font-weight: 600;}

@media only screen and (min-width: 619px){
    /*상품명 pc width*/
    .content.pdt_detail .product_info .pdt_name {  width: 550px; }
}


.content.pdt_detail .product_info .add-item { position:relative; display:block; width:100%; padding:11px 0;border-top: 1px solid #eaeaea;}
.content.pdt_detail .product_info .add-item:after { content:' '; display:block; clear:both; }
.content.pdt_detail .product_info .add-item:first-child { border-top:1px solid #ddd; }
.content.pdt_detail .product_info .add-item .label { float:left; width: 14%; color:#111; }
.content.pdt_detail .product_info .add-item .cont {width:80%;  color: #74726b; display: inline; font-size: 16px;}
.content.pdt_detail .product_info .add-item .cont .shipping_info{color: #111; }
.content.pdt_detail .product_info .add-item .info_icon {float: right;  text-align: center; background: #00BCB3; color: #fff; display: inline;  FONT-SIZE: 13PX;
}

.content.pdt_detail .LimitWarningText {padding: 20px 0 0 10px; }
.content.pdt_detail .LimitWarningText > img{width:110px;}
.content.pdt_detail .LimitWarningText span{border-radius: 15px;padding: 5px 15px;background-color: #484547;color:#ffb2bd;font-size: 18px;font-weight: 600;display: inline-block;}


/* moa_filter */
.content.main .moa_filter { position:relative; display:block;; width:100%; background:#F7F7F7; }
.content.main .moa_filter:after { content:' '; display:block; clear:both; }
.content.main .moa_filter .item { position:relative; display:block; float:right; width:33.3%; padding:7px; background:#fff; font-weight:bold; color:#666; }
.content.main .moa_filter .item em { display:inline-block; border-bottom:1px solid #666; }
.content.main .moa_filter .item.on { color:#D03533; }
.content.main .moa_filter .item.on em { border-bottom:1px solid #D03533; }
.content.main .moa_filter .item .cont_wrap { padding:7px; text-align:center; }
.content.main .moa_filter .item.on .cont_wrap {  }


/* pdt_list moa */
.content.main .pdt_list.moa { background:#fff; }
.content.main .pdt_list.moa .pdt-item { float:left; width:33.3%; margin:0; padding:0; }
.content.main .pdt_list.moa .pdt-item .pdt_img {
    border:1px solid #fff;
}
/*.content.main .pdt_list.moa .pdt-item .pdt_img:nth-child(3n+1) {*/
/*border-left:0;*/
/*}*/
.content.main .pdt_list.moa .pdt-item:nth-child(3n) .pdt_img {
    border-right:0 !important;
}
.content.main .pdt_list.moa .pdt-item:nth-child(3n+1) .pdt_img {
    border-left:0 !important;
}
/*.content.main .pdt_list.moa .thumbnail-wrappper { width:100%; }*/
.content.main .pdt_list.moa .thumbnail {
    position: relative;
    padding-top: 100%;  /* 1:1 ratio */
    overflow: hidden;
}
.content.main .pdt_list.moa .thumbnail .centered  {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
}
.content.main .pdt_list.moa .thumbnail .centered img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/* main_cate2  */
.main_cate2 {  }
.main_cate2 .pdt_list_wrap { position:relative; width:100%; }
.main_cate2 .pdt_list { margin-top:1em; position:relative; }
.main_cate2 .pdt_list li { background:#fff; margin:0.5em 0.5em 1em; overflow: hidden; /*-webkit-tap-highlight-color:rgba(0,0,0,0.1);*/ }
.main_cate2 .pdt_list li:after { content:" "; clear:both; display:block; }
.main_cate2 .pdt_list li .wrap { overflow: hidden; /*padding:0.5em;*/ position:relative;  }
.main_cate2 .pdt_list li .pdt_img { float:left; border-radius:50%; width:120px; height:120px; }
/*.main_cate2 .pdt_list li .pdt_img img { width:120px; height:120px; border-radius:50%; object-fit:cover; }*/
.main_cate2 .pdt_list li .pdt_img img { width:120px; height:120px; }
.main_cate2 .pdt_list li .pdt_img .pdt_icon { position:absolute; left:5px; top:5px; background-color:#00BCB3; color:#fff; border-radius:50%; width:30px; height:30px; text-align:center; line-height:30px; font-weight:bold; }
.main_cate2 .pdt_list li .pdt_img .laySaleStop { position:absolute; left:0; top:0; background-color:rgba(0, 0, 0, 0.5); width:100%; height:100%; text-align:center; }
.main_cate2 .pdt_list li .pdt_img .laySaleStop .imgSaleStop { width:45%; margin-top:20px; }
.main_cate2 .pdt_list li .pdt_info_wrap { float:left; padding-left:10px; overflow:hidden; }
.main_cate2 .pdt_list li .pdt_name { width:200px; white-space:nowrap; overflow:hidden; text-align:left; color:#212121; font-weight:bold; padding-top:13px; font-size:1.1em; text-overflow: ellipsis; }
.main_cate2 .pdt_list li .pdt_price { text-align:left; line-height:1.3em; overflow:hidden; padding-top:0.5em; }
.main_cate2 .pdt_list li .pdt_price .price { color:#00BBB3; text-align:left; font-weight:bold; font-size:1.3em; }
.main_cate2 .pdt_list li .pdt_price .price em { text-decoration:line-through; font-size:12px; font-weight:normal; color:#7D7D7D; }
.main_cate2 .pdt_list li .info_icon { margin-top:0.5em; }
.main_cate2 .pdt_list li .info_icon .btn { font-size:12px; font-weight:normal; padding:2px 3px; height:25px; line-height:25px; overflow:hidden; white-space:nowrap;letter-spacing:-1px; color:#fff; }
@media only screen and (max-width:320px) {
    .main_cate2 .pdt_list li .pdt_img img { width:100px; height:100px; }
    .main_cate2 .pdt_list li .pdt_name { padding-top:5px; }
    .main_cate2 .pdt_list li .pdt_price { padding-top:0; }
}

/* icon */
.icon-share { background: url(https://img.mysdis.co.kr/images/icon_share_sm.png) no-repeat left center; background-size:15px; padding-left:20px; }
.icon-wish { background: url(https://img.mysdis.co.kr/images/icon_wish_sm.png) no-repeat left center; background-size:15px; padding-left:20px;}

/* main slider */
.main_slider { width:100%; border:0; }
.main_slider a, .main_slider img { width:100%; }

/* bxslider */
.bx-wrapper { margin:0 auto; }
.bx-wrapper .bx-viewport { left:0; border:none; padding:0 !important; -webkit-box-shadow:none; box-shadow:none; background:#ededed; }
.bx-wrapper .bx-pager { position:absolute; bottom:3px;  }
.bx-wrapper .bx-pager a { width:6px !important; height:6px !important; margin:0 3px !important; background:#969696 !important; }
.bx-wrapper .bx-pager a.active { background:#FE5458 !important; }

/* banner */
.banner { width:100%; overflow: hidden; position:relative; text-align:center; }
.banner img { width:100%; border:1px solid #DADADA; }

/* login */
.login { text-align:center; padding-bottom:3em !important; }
.login .logo { margin-top:3em !important; width:50% !important; }
.login input { width:100% !important;}
.login .inputs input { margin-bottom:0.5em; }
/*.login .check_line { margin-left:2.5%; text-align:left; }*/
/*.login .checkbox { margin:0 !important; }*/
/*.login .checkbox input[type="checkbox"] { left:-15px; }*/
.login .find_passwd { text-decoration:underline; float:right; margin-right:0 !important; }
.login .checkbox { margin-left:0 !important; padding-left:0 !important; text-align:left; }
.login .checkbox label { padding-left:0 !important }
.login .checkbox .text2 { text-decoration:underline; color:#B40000; }
.login .join_inputs input { margin-top:2.5em; }
.login .join_btns .btn { margin-top:0.5em; }



/* content_wrap */
#content_wrap { position: relative; }

/* popup */
.wrap_popup { position:fixed; top:0; left:0; z-index:9000; width:100%; overflow:hidden; height: 100%;  background: rgba(0,0,0,0.8); max-width: 720px;}
.wrap_popup img { width:100%; }
.wrap_popup .wrap_popup_content{position: relative;  top: 141px;}
.wrap_popup_app { position:absolute; top:0; left:0; z-index:8001; width:100%; height:100%; overflow:hidden; background-color:rgba(0, 0, 0, 0.5); display: table; }
.wrap_popup_app .popup_content { margin:auto 0; padding:15px; height:100%; width:100%; display:table-cell; vertical-align: middle; }

.float_popup_wrap { position:fixed; bottom:0; left:0; z-index:8000; width:100%; height:100px; overflow:hidden; padding:0.5em; }
.float_popup { width:100%; height:100%; overflow:hidden; /*background:#fff;*/ /*border:1px solid #000;*/ /*padding:0.5em;*/ }
.float_popup img { width:100%; }



.top_fix_banner { position:absolute; left:0; top:0; width:100%; z-index:999; }
.top_fix_banner img { width:100%; }

/* lnb_wrap, lnb : width, left 는 js 로 처리됨 */
#lnb_container { position:relative; display:block; width:100%; }
#lnb_wrap { position:fixed; z-index:1000; width:100%; height:100%; top:0; left:-3000px; overflow:hidden; -webkit-transition:left 0.4s ease-in-out; transition:left 0.4s ease-in-out; }
#lnb_wrap.pop { position:relative !important; top:0 !important; left:0 !important; overflow:auto !important; -webkit-transition-property:none !important; transition-property:none !important; }
#lnb_wrap.active { left:0 !important; }
#lnb { position:absolute; z-index:1001; height:100%; top:0; left:-310px; width:100%; overflow:hidden; /*background:rgba(240,240,240, 1);*/ background:#F9F9F9; -webkit-transition: left 0.4s ease-in-out;transition: left 0.4s ease-in-out; }
#lnb_wrap.pop #lnb { position:relative !important; left:0 !important; overflow:auto !important; -webkit-transition-property:none !important; transition-property:none !important; }
#lnb.active { left:0 !important; }
#lnb .lnb-cont { width:100%; position:relative; display:block; }
#lnb .lnb-loginid { position:relative;  width:100%; height:55px; background-color:#ff3c63;  padding: 0px 55px 10px 0;display:block;   }
#lnb .lnb-loginid .profile_img { position:absolute; display:block; width:40px; height:40px; top:7px; left:12px; background:#fff; background-size:cover; display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
#lnb .lnb-loginid .profile_img img{ width:40px; height:40px; display: block;}
#lnb .lnb-loginid .line2 { position:absolute; left:75px; top:16px; font-size:16px; color:#fff;}
#lnb .btnLeftSliderClose { position:absolute; top:0; right:0; z-index:10001; width:55px; height:57px; background:url('https://img.mysdis.co.kr/images/icon_side_close_x.png') no-repeat center center; background-size:25px; text-indent:-99999999px; }
#lnb .lnb_goApp { position:relative; width:100%; height:60px; background:#fff; border-bottom: 3px solid #d91f26; }
#lnb .lnb_goApp .btn_app { width:80%; height:100%; background: url('https://img.mysdis.co.kr/images/new/app_icon_192.png') no-repeat; background-size: 45px 45px; background-position: 10px 6px; }
#lnb .lnb_goApp .app_txt { color: #494949; padding: 18px 0 0 64px; font-weight: 500; font-size: 15px; width: 289px;}
#lnb .lnb_goApp .app_txt span { color: #d91f26; }
#lnb .lnb_goApp #btnLeftMenuClose { background:url('https://img.mysdis.co.kr/images/new/icon_side_close_red.png') no-repeat; background-size: 25px; top:17px; overflow: visible; z-index: 10001; width: 50px; height: 50px; right: -13px;}
#lnb .lnb_menu { position:relative; width:100%; display:block; }
#lnb .lnb_menu li { position:relative; width:100%; height:45px; border-bottom:1px solid #e0dede; /*padding:10px;*/ }
#lnb .lnb_menu li a { width:100%; height:100%; font-size:14px; color:#373737; padding:0 0 0 58px; line-height:45px; }
#lnb .lnb_menu li button{width: 100%; height: 100%; padding: 20px 0px; }
#lnb .lnb_menu li button span{position: absolute; bottom: 0px; left: 60px; line-height: 43px; font-size: 14px;  color: #373737;}
#lnb .lnb_menu li.icon1{background: url('https://img.mysdis.co.kr/images/icon_side_kakaotalk.png') no-repeat; background-size: 32px 32px; background-position: 11px 6px;}
#lnb .lnb_menu li.icon2{background: url('https://img.mysdis.co.kr/images/icon_side_kakaostory.png') no-repeat; background-size: 32px 32px; background-position: 11px 6px;}
#lnb .lnb_menu li.icon3{background: url('https://img.mysdis.co.kr/images/icon_menu_coupon.png') no-repeat; background-size: 25px 25px; background-position: 11px 8px;}
#lnb .lnb_menu li.icon4{background: url('https://img.mysdis.co.kr/images/icon_menu_delivery.png') no-repeat;  background-size: 25px 25px; background-position: 11px 8px;}
#lnb .lnb_menu li.icon5{background: url('https://img.mysdis.co.kr/images/icon_menu_gift.png') no-repeat;  background-size: 25px 25px; background-position: 11px 8px;}
#lnb .lnb_menu li.icon6{background: url('https://img.mysdis.co.kr/images/icon_menu_cart.png') no-repeat;  background-size: 25px 25px; background-position: 11px 8px;}
#lnb .lnb_menu li.icon7{background: url('https://img.mysdis.co.kr/images/icon_menu_balloon.png') no-repeat; background-size: 25px 25px; background-position: 11px 8px;}
#lnb .lnb_menu li.icon8{background: url('https://img.mysdis.co.kr/images/icon_menu_id.png') no-repeat;  background-size: 25px 25px; background-position: 11px 8px;}
#lnb .lnb_menu li.icon9{background: url('https://img.mysdis.co.kr/images/icon_menu_service.png') no-repeat;  background-size: 25px 25px; background-position: 11px 8px;}
#lnb .lnb_menu li.icon10{background: url('https://img.mysdis.co.kr/images/icon_menu_wish.png') no-repeat;  background-size: 25px 25px; background-position: 11px 8px;}
#lnb .lnb_menu li .count{ position: absolute; top:10px; right:10px; width: 38px; background: #f05656; color: #fff;text-align: center; font-size: 14px; }
#lnb .lnb_box_list { width:100%; height:39px;  display: block; }
#lnb .lnb_box_list > div { width:33.333%; height:100%; border-right:1px solid #e0dede;  background:#f3f3f3;}
#lnb .lnb_box_list > div > a { width:100%; height:100%; text-align:center; font-size:14px; line-height:36px; display: block; background:#f3f3f3; border-bottom: 1px solid #e0dede; }
#lnb .lnb_box_list .btn_bg { width:100px; margin:12px auto; padding-top:10px; }
#lnb .lnb_box_list .btn_bg > img { width:25px; }

/* 상품 더보기 */
/*.funcProductMore { margin:1em 0.5em;}*/
.funcProductMore img { width:17px; padding-top:0.9em; margin-left:1px; }

/* product detail */
.pdt_detail { /*margin-bottom:70px;*/ background:#fff; }
.pdt_detail .wrap { overflow: hidden; /*padding:0.5em;*/  }
.pdt_detail .pdt_img { /*padding:0.5em;*/ position:relative;width:100%; }
.pdt_detail .pdt_img img { width:100%; }
.pdt_detail .pdt_img .pdt_icon { position:absolute; right:0; top:0; background-color:rgba(0, 0, 0, 0.4); color:#fff; padding:0.5em; width:3.5em; font-weight:bold; text-align:center; }
.pdt_detail .pdt_img .laySaleStop { position:absolute;left:0;top:0;background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%; text-align:center;  }
.pdt_detail .pdt_img .laySaleStop .imgSaleStop { width:45%;margin-top:20px;  }
.pdt_detail .wrap_p05 { padding:0.5em; }
.pdt_detail .detail_comm img { width:100%; }
.pdt_detail .detail_img img { width:100%; }
.pdt_detail .line1 { overflow:hidden; border-bottom:1px solid #F2F2F2; padding-bottom:0.5em; }
.pdt_detail .line1 .wish { display:inline-block; color:#4C4C4C; line-height:1.7em; }
.pdt_detail .line1 .share { display:inline-block; color:#4C4C4C; line-height:1.7em; margin-left:1em; }
.pdt_detail .line1 em { color:#F72524; }
.pdt_detail .line1 .btn { float:right; }
.pdt_detail .pdt_info{padding: 19px 30px 13px; position: relative;}
.pdt_detail .pdt_name {font-size:18px; letter-spacing: -2px;  color:#464545; line-height: 25px; width:250px; max-height:51px;margin-bottom: 10px; overflow:hidden;}
.pdt_detail .pdt_price { text-align: left; /*margin:1em 0;*/ line-height:1.3em; }
.pdt_detail .pdt_price .rate { display:inline-block; font-size:3em; color:#F72524; /*padding-left:15px;*/ }
.pdt_detail .pdt_price .rate em { font-size:0.5em; font-weight:normal; }
.pdt_detail .pdt_price .price { display:inline-block; margin-left:1em; color:#212121; text-align:left; font-weight:bold; font-size:1.3em; }
.pdt_detail .pdt_price .price em { text-decoration:line-through; font-size:12px; font-weight:normal; color:#7D7D7D; }
/*.pdt_detail .pdt_price .time { float:right; !*height:2em; line-height:2em;*! background:#FA423F; color:#fff; margin-top:1.3em; padding:3px 8px; }*/
.pdt_detail .btn-group { width:100%;padding:0.5em; }
.pdt_detail .btn-deadline_noti02 { width:90%; margin:5px auto 0; padding:5px; /*border:1px solid #cccccc;*/ background:#f7f7fb; font-size:14px; color:#02a8f2; text-align:center; font-weight:400; }
.pdt_detail .btn-group .btn-wrap.wish { border-left:0; /*background:url(https://img.mysdis.co.kr/images/icon_wish_sm.png) no-repeat left 0.5em center; background-size:16px;padding-left:1.8em;*/ /*padding:0;*/ }
.pdt_detail .btn-group .btn-wrap.wish img { width:16px; vertical-align:middle; padding-bottom:4px;}
.pdt_detail .btn-group .btn-wrap.wish:active { background:#eee; }
.pdt_detail .btn-group .btn-wrap.wish:focus { background:#eee; }
.pdt_detail .btn-group .btn-wrap.wish:hover { background:#eee; }
.pdt_detail .btn-wrap.share {position:absolute; width:30px; height:45px; top:31px; right: 28px; font-size: 12px; }
.pdt_detail .btn-wrap.share img { width:24px; vertical-align:middle; padding-bottom:4px;}
.pdt_detail .btn-group .btn-wrap.share:active { background:#eee; }
.pdt_detail .btn-group .btn-wrap.share:focus { background:#eee; }
.pdt_detail .detail_title { width:100%; text-align:center; height:40px; padding: 0px 15px; margin:0.5em 0; overflow:hidden; }
.pdt_detail .detail_title > * {  width:33.33%; font-size:14px; color:#333; text-align:center; line-height:40px; height:40px; font-size: 15px;    background: #f1f1f5;  border: 1px solid #e9e9ef;  letter-spacing: -1px;float:left; }
.pdt_detail .detail_title > *.on { font-weight: bold; font-weight:bold; color: #fff;  background: #ff3c63; border:1px solid #ff3c63;}
.pdt_detail .detail_title > div:nth-child(2), .pdt_detail .detail_title > div:nth-child(3){border-right: none;}
.pdt_detail .detail_comm { padding:0.5em; }
.detail_comm p{ font-size: 18px; }
.pdt_detail .detail_comm>div{ font-size: 18px; }
.pdt_detail .detail_img { padding:0px; }

.content.pdt_detail .order_fix { position:fixed; bottom:0; left:0; width:100%; z-index:100; height:58px; /*padding:5px; background:#eee;*/ }
.content.pdt_detail .order_fix.full { height:58px; }
.content.pdt_detail .order_fix.full .btn { width:100% !important; background:#4b83fa; color:#fff; border-radius:0;  font-size: 18px; height: 58px;}
.content.pdt_detail .order_fix.full .restock_tooltip{background: #000000cf;background:rgba(0, 0, 0, 0.8); text-align: center;  color: #fff; position: absolute; top: -44px; padding: 10px;  border-radius: 5px;  left: 50%;  width: 82%;  margin-left: -42%;}
.content.pdt_detail .order_fix.full .restock_tooltip:after{top: 100%;  left: 50%;  border: solid transparent;  content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;  border-color: rgba(46, 46, 46, 0);  border-top-color: rgba(0, 0, 0, 0.8);  border-width: 8px;  margin-left: -4px;  }

.content.pdt_detail .order_fix .wrap { position:absolute; display:block; width:100%; height:100%; padding:5px; background:#eee; left:0; top:0; z-index:2; }
.content.pdt_detail .order_fix .wish_wrap { /*position:relative; display:inline-block;*/ float:left; width:58px; height:100%; background:#eee; z-index:10; padding-right:5px;}
.content.pdt_detail .order_fix .wish_wrap a { display:none; width:100%; height:100%; text-align:center; font-size:18px; background:#333; color:#fff; line-height:48px; padding:2px 0; }
.content.pdt_detail .order_fix .wish_wrap .w1 { background:url('https://img.mysdis.co.kr/images/new/icon_heart.png') no-repeat; background-position:center; background-size:30px; background-color:#fff; border:1px solid #e7e7e7; border-radius:4px; }
.content.pdt_detail .order_fix .wish_wrap .w2 { background:url('https://img.mysdis.co.kr/images/new/icon_heart_on.png') no-repeat; background-position:center; background-size:30px; background-color:#fff; border:1px solid #e7e7e7; border-radius:4px; }
.content.pdt_detail .order_fix .btnPur { position:relative; display:block; width:auto; height:100%; margin-left:58px; }
.content.pdt_detail .order_fix .btnPur a { width:100%; height:100%; font-size:18px; background:#ff3c63; color:#fff; line-height:48px; border-radius:4px; }

/* 장바구니 & 구매하기 */
.content.pdt_detail .order_fix .wrap.cart { }
.content.pdt_detail .order_fix .wrap.cart .btnCart { width:50%; margin:0; float:left; padding-right:2.5px; }
.content.pdt_detail .order_fix .wrap.cart .btnCart .btn { width:100%; height:100%; font-size:18px; background:#fff; color:#ff3c63; line-height:48px; border:1px solid #ff3c63; border-radius:4px; }
.content.pdt_detail .order_fix .wrap.cart .btnPur { width:50%; margin:0; float:right; padding-left:2.5px; }

.content.pdt_detail .wish_pop_alert_wrap { position:fixed; z-index:999; }
.content.pdt_detail .wish_pop_alert_wrap .wish_pop_alert { color:#fff; border-radius:50%; width:170px; height:170px; text-align:center; padding-top:75px; background:#E92F2D url('https://img.mysdis.co.kr/images/icon_big_heart_white.png') no-repeat top 25px center; background-size:50px; }

.content.pdt_detail .cart_pop_alert_wrap { position:fixed; z-index:999; }
.content.pdt_detail .cart_pop_alert_wrap .cart_pop_alert { color:#fff; border-radius:50%; width:170px; height:170px; text-align:center; padding-top:75px; background:#FA514B url('https://img.mysdis.co.kr/images/icon_big_heart_white.png') no-repeat top 25px center; background-size:50px; }


.pdt_detail .wish_pop_alert_wrap { position:fixed; }
.pdt_detail .wish_pop_alert_wrap .wish_pop_alert { color:#fff; border-radius:50%; width:170px; height:170px; text-align:center; padding-top:75px; background:#E92F2D url('https://img.mysdis.co.kr/images/icon_big_heart_white.png') no-repeat top 25px center; background-size:50px; }
.pdt_detail .center_wrap { padding:0.5em; background:#f6f6f6; }
.pdt_detail .div_line { height:10px; background:#E3E3E8; border-top:1px solid #CCCCD0; }
.pdt_detail .mostview_pdt_wrap { padding:0.5em; /*margin-top:10px;*/ overflow:hidden; }
.pdt_detail .mostview_pdt_wrap .title { color:#111; margin:5px 0; }
.pdt_detail .mostview_pdt_list { overflow:hidden; }
.pdt_detail .mostview_pdt_list img { width:100%; }
.pdt_detail .mostview_pdt_list.th_3st {  }
.pdt_detail .mostview_pdt_list.th_3st li { float:left; width:33.3%; /*margin-bottom:0;*/ padding:5px; }
.pdt_detail .mostview_pdt_list.th_3st li:nth-child(3n+1) { clear: both; }
.pdt_detail .mostview_pdt_list.th_3st li .thumb { width:100%; /*height:67px;*/ overflow:hidden; display:block; position:relative; }
.pdt_detail .mostview_pdt_list.th_3st li .name { display:block; overflow:hidden; height:16px; margin:6px 4px 0; color:#333; line-height: 18px; }
.pdt_detail .mostview_pdt_list.th_3st li .prc { display:block; overflow:hidden; height:22px; margin:1px 4px; color:#1f1f1f; line-height: 22px; }
.pdt_detail .center_wrap img { width:100%; }

.laySaleStop { position:absolute;left:0;top:0;background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%; text-align:center; padding:10% !important; }
.laySaleStop.circle { border-radius:50%; }
.laySaleStop .imgSaleStop { width:100% !important; margin:0 !important; }
.laySoldOut { position:absolute;left:0;top:0;background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%; text-align:center;   }
.laySoldOut.circle { /*border-radius:50%;*/ }

/*맞춤쇼핑_솔드아웃*/
.laySoldOut .imgSoldOut { width:75%; margin:0 !important; }
/*상품상세 솔드아웃*/
.pdt_img .laySaleStop .imgSaleStop { width:50%; }
.pdt_img .laySoldOut .imgSoldOut { width:50%;  }
.soldOut{position: relative;}
/* 상품 제공대상정보 */
.pdt_detail .offered_info_wrap {padding: 5px; width:100%; height:auto; }
.pdt_detail .offered_info_wrap .title { font-size:16px; padding-bottom:5px; border-bottom:1px solid #ccc; margin-bottom:10px; }

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

/* 상품옵션 */
.pdt_option_wrap { position:absolute; width:100%; top:-40px; /*border:1px solid red; background:#F8F8F8; text-align:center*/  -webkit-transition:height 0.4s ease-in-out; transition:height 0.4s ease-in-out; }
.pdt_option_wrap .btn { /*border-radius:0 !important; */}
.pdt_option_wrap .t_btn { position:relative; display:block; width:80px; height:40px; margin:0 auto; text-align:center; z-index:2;}
.pdt_option_wrap .t_btn .btn { width:100%; height:100%; padding-top:13px; background-image:url('https://img.mysdis.co.kr/images/new/box_top_bg.png'); background-repeat:no-repeat; background-position:bottom center; background-size:80px; }
.pdt_option_wrap .t_btn .btn img { width:15px; margin-top: 10px; }
.pdt_option_wrap .item_wrap { position:relative; display:block; height:100%; z-index:1; margin-top:-1px;background-color:#F8F8F8; /*-webkit-box-shadow: 0px -1px 10px 0px rgba(82,82,82,0.2); -moz-box-shadow: 0px -1px 10px 0px rgba(82,82,82,0.2); box-shadow: 0px -1px 10px 0px rgba(82,82,82,0.2); */}
.pdt_option_wrap .op_item { padding:10px; }
.pdt_option_wrap .op_item .op_item-item { padding:5px 0; }
.pdt_option_wrap .op_selected_wrap_pd  {padding:0 10px 10px;}
.pdt_option_wrap .op_selected_wrap { /*padding:10px; /*border-top:1px solid #ccc;*/ max-height:320px; overflow-y:scroll;  }
@media only screen and (max-height:570px) {
    .pdt_option_wrap .op_selected_wrap { /*max-height:170px;*/ }
}
@media only screen and (min-height:571px) and (max-height:640px) {
    .pdt_option_wrap .op_selected_wrap {/* max-height:200px; */}
}
.pdt_option_wrap .op_selected_wrap .op_selected_item { position:relative; display:block; font-size:13px; margin: 10px 0px 0px; padding:15px; border:1px solid #D0D0D0; background-color: #fff; }
.pdt_option_wrap .op_selected_wrap .op_selected_item .btn_op_del { position:absolute; right:10px; bottom:17px;  border:1px solid #ccc; height:27px; width:27px; line-height:30px; font-weight:normal; background-image:url('https://img.mysdis.co.kr/images/new/icon_times.png'); background-repeat:no-repeat; background-position:center center; background-size:13px; border-radius: 100px; background-color: #f6f6f6; }
.pdt_option_wrap .op_selected_wrap .op_selected_item .op_name { color:#111; padding-bottom: 5px; font-size: 16px; }
.pdt_option_wrap .op_selected_wrap .op_selected_item .op_cnt { margin-top:5px; float: right; margin-right: 55px; }
.pdt_option_wrap .op_selected_wrap .op_selected_item .op_cnt > * { float:left; }
.pdt_option_wrap .op_selected_wrap .op_selected_item .op_cnt .btn_op_cnt_plus { border:1px solid #D1D1D1; background:#f6f6f6; height:30px; width:30px; background-image:url('https://img.mysdis.co.kr/images/new/icon_plus.png'); background-repeat:no-repeat; background-position:center center; padding: 14px 0;
    border-top-left-radius: 0px;  border-top-right-radius: 10px;  border-bottom-left-radius:0px;border-bottom-right-radius: 10px;}
.pdt_option_wrap .op_selected_wrap .op_selected_item .op_cnt .btn_op_cnt_minus { border:1px solid #D1D1D1; height:30px; width:30px; background-repeat: no-repeat; background-position: center; background-image: url('https://img.mysdis.co.kr/images/new/icon_minus.png'); background-color: #f6f6f6;padding: 14px 0;
    border-top-left-radius: 10px;  border-top-right-radius: 0px;  border-bottom-left-radius:10px;border-bottom-right-radius: 0px;}
.pdt_option_wrap .op_selected_wrap .op_selected_item .op_cnt .input_op_cnt { width:35px; height:30px; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; border-left: 0; border-right: 0; padding:7px 5px; background:#FCFCFC; text-align:center; color: #111; font-weight:800; font-size: 15px; }
.pdt_option_wrap .op_selected_wrap .op_selected_item .op_cnt .input_op_cnt_div { width:35px; height:30px; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; border-left: 0; border-right: 0; padding:4px 5px; background:#FCFCFC; text-align:center; color: #111; font-weight:800; font-size: 15px; }

.pdt_option_wrap .op_selected_wrap .op_selected_item .op_price { float:left; margin-top:9px; margin-right:40px; color:#222; font-size:17px; font-weight:bold; }
.pdt_option_wrap .op_selected_wrap .op_selected_item:after { content:''; display:block; clear:both; }

.pdt_option_wrap .op_selected_total { font-size:13px; font-weight:400; padding:9px; background:#fff; color:#777;/* border-top:1px solid #D0D0D0;*/ text-align:center;}
.pdt_option_wrap .op_deliverNoti { font-size:13px; font-weight:400; padding:5px; background:#eff7f5; color:#006b4b; text-align:center;}
.pdt_option_wrap .op_selected_total em{font-size: 20px; color: #ff0c0c; font-weight: 600; margin-left: 10px; }

/* select 버전 */
.pdt_option_wrap .op_item select { width:100%; border:1px solid #eaeaea; height:35px; padding:0 33px 0 10px; font-size:13px; -webkit-appearance:none; background:url('https://img.mysdis.co.kr/images/new/icon_arrow_down_gray.png') no-repeat; background-position:98% center; background-color:#fff; }
.pdt_option_wrap .op_item select:focus, .pdt_option_wrap .op_item select:active { border:1px solid #EE5655; }

/* modal 버전 */
.pdt_option_wrap .op_item .op_select { width:100%; border:1px solid #eaeaea; height:35px; padding:5px 33px 7px 10px; font-size:16px; -webkit-appearance:none; background:url('https://img.mysdis.co.kr/images/new/icon_arrow_down_gray.png') no-repeat; background-position:98% center; background-color:#fff; text-align:left; }
.pdt_option_wrap .op_item .op_select.on { color:#1e90ff; }
.pdt_option_wrap .op_item .op_select:focus, .pdt_option_wrap .op_item .op_select:active { border:1px solid #EE5655; }
.pdt_option_wrap .op_select_content { position:fixed; display:block; bottom:0; left:10px; z-index:11; background:#fff; max-height:80%; width:94%; border-top-left-radius:5px; padding:10px; border-top-right-radius:5px; box-shadow:0px 0px 15px 1px rgba(0,0,0,0.2); }
.pdt_option_wrap .op_select_content .op_select_cont_head { padding:0 10px 10px 10px; border-bottom:1px solid #ccc; }
.pdt_option_wrap .op_select_content .op_select_cont_head .title { color:#000; font-size:15px; }
.pdt_option_wrap .op_select_content .close { position:absolute; display:inline-block; right:0px; top:0px; padding:10px 15px 10px; color:#518fbb; font-size:15px; background:none !important; }
.pdt_option_wrap .op_select_content .cont_wrap { position:relative; display:block; overflow:auto; -webkit-overflow-scrolling:touch; }
.pdt_option_wrap .op_select_content .cont_wrap.scroll { /*padding-bottom:20px;*/ }
.pdt_option_wrap .op_select_content .op_select_item { position:relative; display:block; /*width:100%;*/ border-bottom:1px solid #eee; padding:10px 0; font-size:13px; margin:0 10px; }
.pdt_option_wrap .op_select_content .op_select_item:last-child { border-bottom:0; }
.pdt_option_wrap .op_select_content .op_select_item.soldout { color:#999; text-decoration:line-through; }
.modal-body .cont_wrap { position:relative; display:block; }
.modal-body .cont_wrap .op_select_item { position:relative; display:block; /*width:100%;*/ border-bottom:1px solid #eee; padding:10px 0; font-size:17px; margin:0 10px; }
.modal-body .cont_wrap .op_select_item:last-child { border-bottom:0; }
.modal-body .cont_wrap .op_select_item.soldout { color:#999; text-decoration:line-through; }


/* footer */
#footer { background:#EEEEEE; padding:1em 0px; }
#footer .footer-btns{margin-top: 10px; }
#footer .footer-btns:after { content:" "; display:block; clear:both; }
#footer .btn_wrap { float:left; width:33.3%; text-align:center; padding-right:0.5em; }
#footer .btn_wrap:last-child { padding-right:0; }
#footer .btn_wrap .btn { width:100%; height:35px; line-height:30px; /*padding:3px;*/ }
#footer .btn_wrap .btn:hover { background:#eee; border:1px solid #aaa; }
#footer .footer-agree {margin:1em 0; text-align: center; line-height:0.9em;}
/*#footer .footer-agree span { display: inline-block; padding-bottom:2px; margin-bottom:2px; }*/
#footer .footer-agree a { padding-left:0.5em;}
#footer .footer-agree a:not(:first-child) { border-left:1px solid #ccc; }
#footer .footer-info { font-size:11px; text-align:center; }

/* 친구맺기 */
.kkotalk_friend_link { position:relative; display: block; width:100%; text-align: center; margin-bottom:  13px; background:transparent; }
.kkotalk_friend_link a { color:#333;width:100%; height:160px;  text-align:center; /* background:url('https://img.mysdis.co.kr/images/icon_kakaotalk.png') no-repeat; */background-position:50% 8px; background-color:#ffe64d; background-size:90px; padding:20px 10px 10px 10px;  line-height:22px; font-size: 16px; }
.kkotalk_friend_link a>span{font-size: 16px; font-weight: 100; margin-top: 3px;}
.kkotalk_friend_link a>p{font-size: 13px; }
.kkotalk_friend_link a >p strong{font-size: 17px; color: #111;}
.kkotalk_friend_link a > .btn{width: 80%;  height: 45px; line-height: 45px; margin: 10px auto; background: #372b13;  color: #fff; text-align: center; border-radius:100px;}

.bottom_fix_btn_1 { position:fixed; font-size:0; bottom:115px; right:5px; width:45px; height:45px; z-index:99; border:0; display:none; }
.bottom_fix_btn_1:before { content:' '; display:block; position:absolute; left:0; top:0; width:45px; height:45px; background:url('https://img.mysdis.co.kr/images/icon_talk_circle.png') no-repeat center center; background-size:100%; border-radius: 50px;  z-index:-1;  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0,0,0,0.2); }
.bottom_fix_btn_2 { position:fixed; font-size:0; bottom:65px; right:5px; width:43px; height:43px; z-index:99; border:0; display:none; }
.bottom_fix_btn_2:before { content:' '; display:block; position:absolute; left:0; top:0; width:43px; height:43px; background:url('https://img.mysdis.co.kr/images/icon_arrow_up_circle.png') no-repeat center center #fff; background-size:43px 43px; _opacity:0.6; z-index:-1; border-radius:50px; box-shadow: 0.3rem 0.3rem 0.3rem rgba(0,0,0,0.2);}
.bottom_fix_btn_3 { position:fixed; font-size:0; bottom:65px; left:5px; width:43px; height:43px; z-index:99; border:0; display:none; }
.bottom_fix_btn_3:before { content:' '; display:block; position:absolute; left:0; top:0; width:43px; height:43px; background:url('https://img.mysdis.co.kr/images/icon_arrow_back_circle.png') no-repeat center center #fff; background-size:43px 43px; opacity:0.6; z-index:-1; border-radius:50px; box-shadow: 0.3rem 0.3rem 0.3rem rgba(0,0,0,0.2);}
.bottom_fix_btn_4 { position:fixed; font-size:0; bottom:65px;right:5px; width:43px; height:43px; z-index:99; border:0; display:none; }
.bottom_fix_btn_4:before { content:' '; display:block; position:absolute; left:0; top:0; width:43px; height:43px; background:url('https://img.mysdis.co.kr/images/new/icon_expand.svg') no-repeat center 7px #fff; background-size:27px ; opacity:0.6; z-index:-1; border-radius:50px; box-shadow: 0.3rem 0.3rem 0.3rem rgba(0,0,0,0.2);}


/*.go-to-top.fix{*/
/*position: fixed;*/
/*text-align: center;*/
/*color: #fff;*/
/*font-weight: bold;*/
/*font-size: 0;*/
/*bottom: 90px;*/
/*right: 5px;*/
/*line-height: 25px;*/
/*width: 30px;*/
/*height: 30px;*/
/*background-color: rgba(0, 0, 0, 0.5);*/
/*border: 1px solid #696969;*/
/*z-index: 101;*/
/*border-radius: 3px;*/
/*}*/
/*.go-to-top:before {*/
/*content: "\f106";*/
/*font-family: FontAwesome;*/
/*font-size: 20px;*/
/*color: #fff;*/
/*}*/
.go-to-top.fix{
    position: fixed;
    /*text-align: center;*/
    /*color: #fff;*/
    /*font-weight: bold;*/
    font-size: 0;
    bottom: 100px;
    right: 5px;
    /*line-height: 25px;*/
    width: 40px;
    height: 40px;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    /*border: 1px solid #696969;*/
    z-index: 101;
    /*border-radius: 3px;*/
    /*background: url('https://img.mysdis.co.kr/images/icon_bottom_up_arrow.png') no-repeat center center;*/
    /*background-size:40px 40px;*/
    border:0;
}
.go-to-top:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top : 0;
    width: 40px;
    height: 40px;
    background: url('https://img.mysdis.co.kr/images/icon_bottom_up_arrow.png') no-repeat center center;
    background-size:40px 40px;
    opacity: 0.5;
    z-index: -1;
}


.go-to-bottom:before {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
}
.go-to-bottom {
    position: fixed;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 0;
    bottom: 55px;
    right: 5px;
    line-height: 28px;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #696969;
    z-index: 101;
    border-radius: 3px;
}

.go-to-rctlypdt {
    position: fixed;
    bottom: 55px;
    right: 5px;
    /*text-align: center;*/
    /*color: #fff;*/
    /*font-weight: bold;*/
    font-size: 0;
    /*line-height: 28px;*/
    width: 40px;
    height: 40px;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    z-index: 101;
    /*border-radius: 3px;*/
    /*background: url('https://img.mysdis.co.kr/images/icon_bottom_recently_pdt.png') no-repeat center center;*/
    /*background-size:40px 40px;*/
    border:0;
}
.go-to-rctlypdt:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top : 0;
    width: 40px;
    height: 40px;
    background: url('https://img.mysdis.co.kr/images/icon_bottom_rctlypdt.png') no-repeat;
    background-size: 40px 40px;
    opacity: 0.5;
    z-index: -1;
}

/* 레이어 팝업 */
.layer-popup { position:absolute; width:100%; padding:0.5em; }
.layer-popup .popup-content-wrap { position:relative; }
.layer-popup .popup-close { position:absolute; width:20px; height:20px; right:5px; top:5px; background:url('https://img.mysdis.co.kr/images/icon_close_pop.png') no-repeat right center; background-size:20px; }
.layer-popup .popup-content { background:#fff; box-shadow:0 5px 15px 1px; padding:0.5em; }
.backdrop { width:100%; height:100%; }



/* notice */
.notice { padding:0.5em; }
.notice .notice_list { border:1px solid #E9E9E9; border-bottom:0; }
.notice .notice_list li.subject { padding:10px; background:#fff url(https://img.mysdis.co.kr/images/icon_arrow_down.png) no-repeat right 10px center; background-size:1em; border-bottom:1px solid #E9E9E9; color: #222;}
.notice .notice_list li.subject.on { background:#fff url(https://img.mysdis.co.kr/images/icon_arrow_up.png) no-repeat right 10px center; background-size:1em; }
.notice .notice_list li .date { font-size:12px; }
.notice .notice_list li .title { padding-right:35px; }
.notice .comm { border-bottom:1px solid #e9e9e9; padding:10px; background:#eee; color:#1a1a1a; }

/* agreement, privacy */
.agreement { padding:0.5em; }
.privacy { padding:0.5em; }


/* attend */
.attend { padding:0.5em; background: #efefef;}
.attend .attend-main_img { width:100%; }
.attend .title { padding-bottom:10px; border-bottom:2px solid #0f0f0f; color:#0f0f0f; font-weight:normal; }
.attend .btn-attend { background:#ff375d; color:#fff; width:300px; height:50px; padding: 20px 0px; line-height: 5px; font-size: 17px; border-radius: 6px;}
.attend .btn-attend.dis { background:#aaa; }
.attend .calendar table { text-align:center; }
.attend .calendar table td { position:relative; width:14.2%; height:50px; border:1px solid #efefef; font-size:12px; background:#fff; }
/*.attend .calendar table td.today { background:#eee; }*/
.attend .calendar .cal_head { display:none; }
.attend .calendar .cal_week td { background: #dadada;
    color: #5d5d5d;
    height: 20px; }
.attend .calendar .cal_week .SUN { color:#ff0000; }
.attend .calendar table td.today .day_cont{background: #ff3c63; color: #fff;}
.attend .calendar td .day { position:absolute; left:3px; top:0; color:#1f1f1f; }
.attend .calendar td .day_cont {margin-top: 10px;
    color: #fc3535;
    width: 35px;
    height: 35px;
    text-align: center;
    background: #ffe3e8;
    border-radius: 100%;
    margin: 0 auto;
    line-height: 34px; }
.attend .calendar td .funcAttendWinner { font-weight: bold;
    background: #ff3c63;
    display: inline-block;
    /* padding: 0 3px; */
    border-radius: 100%;
    color: #fff;
    margin-bottom: 1px;
    width: 100%;
    height: 100%; }
.attend .calendar td .funcAttendWinner.t3 { background:#2d8cff; }
.attend .calendar td .funcAttendApply { color:#0075c8; font-weight:bold; }
.attend .box { padding:0.5em; background: #ccc; }
.attend .info_text { margin-top:10px;font-size:12px; color:#2C2C2D; }
.attend .info_text img { width:100%; }
.attend .info_text ul { list-style:disc; padding-left:15px; }
.attend .info_text1 { margin-top:10px; padding:0 10px;font-size:12px; color:#2C2C2D; }
.attend .info_text1 > * { background:url(https://img.mysdis.co.kr/images/icon_check.png) no-repeat left top 3px; background-size:11px; padding-left:15px; }
.attend .info_text1 em { color:#FC3019; }
.attend .attend_info{border: 1px solid #cfcaca;  border-radius: 5px; margin-bottom: 15px; background: #fff;}
.attend .attend_info h2{color: #141414;  font-weight: normal;  font-size: 17px;  padding: 10px 0;}
.attend .attend_info p{padding: 10px 0 10px; width:  67%; color: #222; border-top: 1px solid #dfdfdf;  text-align: center;  margin: 0 auto;  font-size: 17px;  letter-spacing: -1px;}

/* find pass */
.find_pass_pop { background:#fff; }


/* everyday */
.everyday { background:#fff; }
.everyday .main_img img { width:100%; }
.everyday .submenu_wrap { }
.everyday .submenu_wrap .btn_wrap { float:left; width:50%; padding:5px 3px 5px 5px; }
.everyday .submenu_wrap .btn_wrap:last-child { padding:5px 5px 5px 3px; }
.everyday .submenu_wrap .btn_wrap .btn { width:100%; height:45px; line-height:45px; /*padding:15px;*/ font-size:16px; padding:0; }
.everyday .submenu_wrap .btn_wrap .btn.on { background:#D03533; color:#fff; border:#D03533; }
.everyday .everyday_list { padding:5px; }
.everyday .everyday_list .ed-item { padding-top:10px; }
.everyday .everyday_list .ed-item.last { border-bottom:0; }
.everyday .everyday_list li { position:relative; width:100%; padding:5px 0 10px 0; overflow:hidden; border-bottom:1px solid #eee; }
.everyday .everyday_list li .pdt_info_wrap { position:relative; height:93px; /*float:left;*/ padding-left:10px; width:auto; overflow:hidden; }
.everyday .everyday_list li .pdt_img { float:left; width:150px; }
.everyday .everyday_list li .pdt_img img { width:100%; }
.everyday .everyday_list li .pdt_name { font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; }
.everyday .everyday_list li .align_wrap { vertical-align:bottom; }
.everyday .everyday_list li .winner_wrap { margin-top:5px; }
.everyday .everyday_list li .winner_wrap .txt { color:#E74C3C; }
.everyday .everyday_list li .time_wrap { margin-top:5px; }
.everyday .everyday_list li .time_wrap .time { color:#E74C3C; }

.everyday .everyday_list li .btn_group_wrap { width:100%; position:relative; overflow:hidden; margin-top:5px; }
.everyday .everyday_list li .btn_group_wrap.col2th .btn_wrap { width:50%; }
.everyday .everyday_list li .btn_group_wrap.col3th .btn_wrap { width:33.3% }
.everyday .everyday_list li .btn_group_wrap .btn_wrap { float:left; position: relative; display: block; }
.everyday .everyday_list li .btn_group_wrap .btn { /*padding:7px 10px;*/ /*padding:15px 10px;*/ width:100%; height:45px; line-height:45px; font-size:16px; padding:0; }
.everyday .everyday_list li .btn_group_wrap .btn.ins { background:#fff; color:#737373; border:1px solid #B2B2B2; }
.everyday .everyday_list li .btn_group_wrap .btn.reg { background:#fff; color:#737373; border:1px solid #B2B2B2; }
.everyday .everyday_list li .btn_group_wrap .btn.check { background:#eee; color:#aaa; border:1px solid #ccc; }
.everyday .everyday_list li .btn_group_wrap .btn.share img { width:30px; vertical-align:text-top; margin-top:-4px; margin-left:5px; }
.everyday .everyday_list li .popover { position:absolute; bottom:45px; right:7px; display:block; background:#333; border-radius:3px; font-size:12px; color:#FFEB00; padding:3px 5px; z-index:10; }
.ani_bounce {
    -webkit-animation: bounce 0.8s infinite;
    -moz-animation: bounce 0.8s infinite;
    -o-animation: bounce 0.8s infinite;
    animation: bounce 0.8s infinite;
}

@keyframes bounce{
    0% { transform:translateY(0); }
    50% { transform:translateY(-3px); }
    100% { transform:translateY(0); }
}

.everyday .everyday_list .more { margin:10px 0; text-align:center; }
.everyday .everyday_list .more .btn_more { height:2.5em; line-height: 2.3em; background:#f5f5f5; border:1px solid #dfdfdf; }
.everyday .everyday_list .more .btn_more img { vertical-align:baseline; width:15px; }


/* winner_insert_pop */
.winner_pop { padding:5px; }
.winner_pop .title { margin:5px 0 10px 0; }
.winner_pop .input_title { font-weight:bold; font-size:13px; }
.winner_pop .input_group.inline .input_wrap { float:left; width:33.3%; }
.winner_pop .input_wrap input { width:100%; height:40px; margin-bottom:10px; padding:5px; font-size:15px; border:1px solid #eaeaea; }
.winner_pop .input_wrap select { width:100%; height:40px; margin-bottom:10px; padding:5px; font-size:15px; border:1px solid #eaeaea; background:#fff; }
.winner_pop .input_wrap input[type="tel"] { text-align:center; }


/* iframe popup */
.iframe_popup_wrap { padding:10px; }
.iframe_popup_iframe { width:100%; height:100%; border:2px solid #000; background:#fff; }

/* attend_winner */
.attend_winner { padding:10px; }
.attend_winner .title { margin:5px 0 10px 0; }
.attend_winner .input_title { font-weight:bold; font-size:13px; }
.attend_winner .input_group.inline .input_wrap { float:left; width:33.3%; }
.attend_winner .input_wrap input { width:100%; height:40px; margin-bottom:10px; padding:5px; font-size:15px; border:1px solid #eaeaea; }
.attend_winner .input_wrap select { width:100%; height:40px; margin-bottom:10px; padding:5px; font-size:15px; border:1px solid #eaeaea; background:#fff; }
.attend_winner .input_wrap input[type="tel"] { text-align:center; }

/* jconfirm */
.jconfirm-material {}
.jconfirm-material .buttons { text-align:center !important; }
.jconfirm-material .buttons .btn { width:45%; border:1px solid #ccc; height:45px; line-height:40px; color:#000; font-weight:bold !important; font-size:15px; margin:0 !important; }
.jconfirm-material .buttons .btn:last-child { margin-left:5px !important; }

/* share */
.share_wrap { overflow:hidden; margin-right:-6px; }
.share_wrap .btn_wrap { float:left; }
.share_wrap .btn_wrap:last-child { margin-right:0; }
.share_wrap .btn_wrap:after { content:" "; clear:both; }
.share_wrap.col_4st .btn_wrap { width:25%; height:100px; padding-right:6px; }
 .share_wrap a
,.share_wrap button { margin-right:10px; width:100%; height:100%; background-size:100%; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; }

.funcKakaoTalkLink { background:url(https://img.mysdis.co.kr/images/icon_kakaotalk.png) no-repeat center center; }
.funcKakaoStoryShare { background:url(https://img.mysdis.co.kr/images/icon_kakaostory.png) no-repeat center center; }
.funcFackbookShare { background:url(https://img.mysdis.co.kr/images/icon_facebook.png) no-repeat center center; }
.funcNaverBlogShare { background:url(https://img.mysdis.co.kr/images/icon_naverblog.png) no-repeat center center; }
.funcURLShare { background:url(https://img.mysdis.co.kr/images/icon_link.png) no-repeat center center; }



/* app setup fix */
.app_setup_fix { position:fixed; bottom:65px; left:0; width:100%; height:40px; z-index:98; text-align: center; /*background: url('https://img.mysdis.co.kr/images/new/btn_app_setup.png') no-repeat center center; background-size:200px;*/ }
.app_setup_fix .img  { width:180px; position: relative; display:inline-block; }
.app_setup_fix img { width:100%; }
.app_setup_fix a { display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; white-space:nowrap; }
.app_setup_fix a.btn1 { position: absolute; left:0; top:0; width:130px; height:40px; border:0; }
.app_setup_fix a.btn2 { position: absolute; right:0; top:0; width:50px; height:40px; border:0; }

/* sort fix */
.sort_fix {
    position:fixed; bottom:0; left:0; width:100%; z-index:99; border-top:1px solid #dbdfdf; -webkit-box-shadow:0px -1px 5px 1px rgba(0,0,0,0.2); -moz-box-shadow:0px -1px 5px 1px rgba(0,0,0,0.2); box-shadow:0px -1px 5px 1px rgba(0,0,0,0.2); background-color:rgba(255,255,255,1);
    overflow-y:hidden; max-height:0px; transition-property:all; transition-duration:.2s; transition-timing-function:cubic-bezier(0, 1, 0.5, 1);
}
.sort_fix.on { max-height: 60px; }
.sort_fix ul { position:relative; display: block; }
.sort_fix ul li { position:relative; display:block; float:left; width:20%; height:60px; text-align:center; padding-top:40px; font-size:11px; color:#767777; line-height: 15px; font-weight: 600; }
.sort_fix ul li.on { background-color:#f6f8f3 !important; color:#d91f26; }
.sort_fix ul li:nth-child(1) { background:url('https://img.mysdis.co.kr/images/icon_sort_home_g.png') no-repeat; background-position:center 10px; background-color:inherit; background-size:23px; }
.sort_fix ul li:nth-child(1).on { background:url('https://img.mysdis.co.kr/images/icon_sort_home_m.png') no-repeat; background-position:center 10px; background-color:inherit; background-size:23px; }
.sort_fix ul li:nth-child(2) { background:url('https://img.mysdis.co.kr/images/icon_sort_recently_g.png') no-repeat; background-position:center 4px; background-color:inherit; background-size:28px 30px }
.sort_fix ul li:nth-child(2).on { background:url('https://img.mysdis.co.kr/images/icon_sort_recently_g.png') no-repeat; background-position:center 4px; background-color:inherit; background-size:28px 30px }
.sort_fix ul li:nth-child(3) { background:url('https://img.mysdis.co.kr/images/icon_sort_invoice_g.png') no-repeat top; background-position:center 6px; background-color:inherit; background-size:28px; }
.sort_fix ul li:nth-child(3).on { background:url('https://img.mysdis.co.kr/images/icon_sort_end_g.png') no-repeat; background-position:center 6px; background-color:inherit; background-size:28px }
.sort_fix ul li:nth-child(4) { background:url('https://img.mysdis.co.kr/images/icon_sort_cart_g.svg') no-repeat; background-position:center 7px; background-color:inherit; background-size:26px 28px; }
.sort_fix ul li:nth-child(4).on { background:url('https://img.mysdis.co.kr/images/icon_sort_cart_m.png') no-repeat; background-position:center 7px; background-color:inherit; background-size:26px 28px; }
.sort_fix ul li:nth-child(5) { background:url('https://img.mysdis.co.kr/images/icon_sort_more_g.svg') no-repeat; background-position:center 8px; background-color:inherit; background-size:27px; }
.sort_fix ul li:nth-child(5).on { background:url('https://img.mysdis.co.kr/images/icon_sort_more_m.png') no-repeat; background-position:center 8px; background-color:inherit; background-size:27px; }

.more_wrap{position: fixed; top:0px; right: 0px;  padding: 20px 10px; background: rgba(0, 0, 0, 0.9); box-shadow: 1px 1px 2px #eaeaea;border-radius: 3px; width: 100%; height: 100%; z-index: 1111111111111111130; display: none;}
.more_wrap .more_list{position: absolute; bottom:100px; right: 0px; }
.more_wrap a.close{position: absolute;bottom:45px; right: 0px; background:url('https://img.mysdis.co.kr/images/icon_sort_close.png') no-repeat;background-position:96px center; background-size:40px; color: #fff; font-size: 16px; line-height: 50px; padding-right: 70px; width: 150px; text-align: right;}
.more_wrap .more_list > a{ width: 150px; height:50px; color: #fff; display: block; font-size: 16px; line-height: 50px;padding-right: 70px; text-align: right; }
.more_wrap .more_list > a:nth-child(1){background:url('https://img.mysdis.co.kr/images/icon_sort_profile.png') no-repeat;background-position:96px center; background-size:40px;}
.more_wrap .more_list > a:nth-child(2){background:url('https://img.mysdis.co.kr/images/icon_sort_qna.png') no-repeat;background-position:96px center; background-size:40px;}
.more_wrap .more_list > a:nth-child(3){background:url('https://img.mysdis.co.kr/images/icon_sort_center.png') no-repeat;background-position:96px center; background-size:40px;}
.more_wrap .more_list > a:nth-child(4){background:url('https://img.mysdis.co.kr/images/icon_sort_setting.png') no-repeat;background-position:96px center; background-size:40px;}

/* app setup fix */
.app_setup_fix { position:fixed; bottom:65px; left:0; width:100%; height:40px; z-index:9; text-align: center; }
.app_setup_fix .img  { width:180px; position: relative; display:inline-block; }
.app_setup_fix a { display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; white-space:nowrap; }
.app_setup_fix a.btn1 { position: absolute; left:0; top:0; width:130px; height:40px; border:0; }
.app_setup_fix a.btn2 { position: absolute; right:0; top:0; width:50px; height:40px; border:0; }

/* bottom fix sticker */
.bottom_fix_sticker { position:fixed; left:10px; bottom:80px; z-index:100; width:130px; height:130px; }
.bottom_fix_sticker img { width:100%; }
.bottom_fix_sticker .sticker_close { position:absolute; right:-15px; top:-15px; width:15px; height:15px; z-index:101; background-image:url('https://img.mysdis.co.kr/images/new/icon_side_close_x.png'); background-position:center center; background-repeat:no-repeat; background-size:cover;background-color: #0a0a0a;}


/* coupon */
.content.coupon {}
.content.coupon .title { font-size:18px; font-weight:bold; padding:10px 10px 0; }
.content.coupon .box { position:relative; display:block; overflow:hidden; border:1px solid #ccc; background:#fff; text-align:left; padding:10px; margin:10px; }
.content.coupon .box .title { padding:0; }
.content.coupon .box .cont { margin-top:10px; }
.content.coupon .box .cont .title { margin:10px 0; }
.content.coupon .box .cont .input { height:40px; background:#fff; }
.content.coupon .coupon_tab { position:relative; display:block; margin-top:10px; }
.content.coupon .coupon_tab:after { content:''; display:block; clear:both; }
.content.coupon .coupon_tab li { position:relative; display:block; float:left; text-align:center; width:50%; border:1px solid #eee; padding:10px; background:#eee; cursor:pointer; }
.content.coupon .coupon_tab li.on { background:#fff; border-bottom:0; color:#333; font-weight:bold; }
.content.coupon .coupon_member_list { position:relative; display:block; padding:10px; width:100%; border-bottom:1px solid #eee; background: #f6f6f6;}
.content.coupon .coupon_member_list .cpnm_item { position:relative; display:block; margin-bottom:10px; border:1px solid #eaeaea; background: #fff; padding: 10px;}
.content.coupon .coupon_member_list .cpnm_item .col { padding:5px; }
.content.coupon .coupon_member_list .cpnm_item .coupon { width:110px; background-image:url('https://img.mysdis.co.kr/images/new/coupon_bg.svg'); background-repeat:no-repeat; background-position:center center; border:3px solid #ff3c63; color:#000; font-size:12px; height:50px; padding:3px; padding-left: 22px;}
.content.coupon .coupon_member_list .cpnm_item .coupon.one { line-height:50px; padding:0; }
.content.coupon .timer { float:left; }
.content.coupon .btn_retry { margin-left:10px; float:right; }
.content.coupon .btn_cpn_issue { background:#a9a9a9; color:#fff; }
.content.coupon .btn_cpn { background:#B50009; color:#fff; }
.content.coupon .coupon_member_list .cpnm_item .col .couName{font-size: 16px; color:#111; font-weight: 600;}
.content.coupon .coupon_member_list .cpnm_item .col .couDate{letter-spacing: -1px;}
.content.coupon .coupon_member_list > tbody{width:100%; display:inherit;}

/* 이용약관 */
.content.agreement { background:#fff; }

/* 상품목록 3개씩 */
.pdt_list_3st { padding:10px 0.5em; overflow:hidden; }
.pdt_list_3st .title { color:#111; margin:5px 0; border-bottom:1px solid #ccc; padding:5px 0; text-align: center; }
.pdt_list_3st.no_border .title { border:0; }
.pdt_list_3st .list_item li { float:left; width:33.3%; padding:5px; }
.pdt_list_3st .list_item li:nth-child(3n+1) { clear:both; }
.pdt_list_3st .list_item li .thumb { width:100%; overflow:hidden; display:block; position:relative; }
.pdt_list_3st .list_item li .thumb img { width:100%; }
.pdt_list_3st .list_item li .name { display:block; overflow:hidden; height:16px; margin:6px 4px 0; color:#333; line-height: 18px; }
.pdt_list_3st .list_item li .prc { display:block; overflow:hidden; height:22px; margin:1px 4px; color:#1f1f1f; line-height: 22px; }

/*앱 상단 설치유도 배너*/
.swiper-container.top_banner{width:100%; max-width:720px;height:50px; background: #ffffff;  }
.swiper-slide.top_banner_slide{width:100%;height:100%; background:#ffffff;text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; border-bottom: 1px solid #eeeeee;}
.swiper-slide.top_banner_slide a{width:100%; height:100%; z-index:100;}
.swiper-slide.top_banner_slide a >div.banner_wrap01{width:233px; height:100%; margin: 0 auto;}
.swiper-slide.top_banner_slide a >div.banner_wrap02{width:268px; height:100%; margin: 0 auto;}

.swiper-slide.top_banner_slide a.down_btn{width:100%; height:100%; }
.swiper-slide.top_banner_slide span{background: #ffffff; color: #00a7bc; /*border:1px solid #ffffff;*/ border-radius: 5px; padding:3px 12px 5px; margin-left: 13px; font-size: 15px; width: 72px; margin-right: 10px; margin-top: 12px;}
.swiper-slide.top_banner_slide p.type01{margin-left: 10px;}
.swiper-slide.top_banner_slide p.type02{margin-left: 10px; }
.swiper-slide.top_banner_slide p.type03{text-align: left; }
.swiper-slide.top_banner_slide p{color:#111111; font-size:17px; line-height:50px;text-align: center; margin-left: 15px;  font-weight: 600;}
.swiper-slide.top_banner_slide a >div.banner_wrap02>img{ width:35px; margin:8px 0px 0px 0px;}
.swiper-slide.top_banner_slide img{width:33px; margin:9px 0px 0px 0px;}
.swiper-slide.top_banner_slide img.app_logo{width:126px; margin:18px 0px 0px 10px;}


/* center */
.center_menu_tab { position:relative; display:block; width:100%; height:70px; background:#fff; border-bottom:1px solid #DFDFDF; margin-bottom:5px; }
.center_menu_tab:after { content:''; display: block; clear: both; }
.center_menu_tab li { position:relative; display:block; float:left; width:33.3%; text-align: center; padding:40px 10px 10px 10px; }
.center_menu_tab .noti { background:url('https://img.mysdis.co.kr/images/icon_noti.png') no-repeat; background-position:center 10px; background-size:25px; border-right:1px solid #F5F5F5; -webkit-filter:grayscale(100%); filter:grayscale(100%); }
.center_menu_tab .faq { background:url('https://img.mysdis.co.kr/images/icon_faq.png') no-repeat; background-position:center 10px; background-size:25px; border-right:1px solid #F5F5F5; -webkit-filter:grayscale(100%); filter:grayscale(100%); }
.center_menu_tab .qna { background:url('https://img.mysdis.co.kr/images/icon_1n1.png') no-repeat; background-position:center 10px; background-size:25px; -webkit-filter:grayscale(100%); filter:grayscale(100%); }
.center_menu_tab .on { -webkit-filter:grayscale(0%); filter:grayscale(0%); color:#ff3c63; }


/* 상품목록 : 한줄에 2개씩 */
.pdt_list_2nd { width:100%; padding:10px; }
.pdt_list_2nd:after { content:""; display:block; clear:both; }
.pdt_list_2nd .box { position:relative;  width:50%; margin-top:7px;  }
.pdt_list_2nd .box:nth-child(odd) { float:left; padding-right:5px; } /* 홀수 */
.pdt_list_2nd .box:nth-child(2n) { float:right; padding-left:5px; } /* 짝수 */
.pdt_list_2nd .box .cont_wrap { position:relative; width:100%; background:#fff; border-radius:3px; }

.pdt_list_2nd .box .dc { /*position:absolute; top:5px; left:5px;*/ /*background:url('https://img.mysdis.co.kr/images/dc_bg.png') no-repeat;*/ padding: 0 3px; height:26px; font-size:15px; color:#111; text-align:center; line-height:26px; background-size:100%; font-weight:600; background: #ffce43; z-index: 89; float: left; margin-right: 3px;}
.pdt_list_2nd .box .dc span{ margin-left: 1px; letter-spacing: 0px; font-size: 15px;}
/*.pdt_list_2nd h2{ font-size:17px; font-weight:100; color:#333; margin:10px }*/
.pdt_list_2nd .box .del_bag{/*position:absolute; top:33px; left:5px;*/ /*background:url('https://img.mysdis.co.kr/images/dc_bg.png') no-repeat;*/ padding: 0 3px; height:26px; font-size:12px; color:#fff; text-align:center; line-height:26px; background-size:100%; font-weight:600; background: rgba(0,0,0,0.6); float: left;}
.pdt_list_2nd .box .badge_wrap{position:absolute; top:5px; left:5px;z-index: 80}

/*.pdt_list_2nd h2{ font-size:17px; font-weight:100; color:#333; margin:10px }*/
.pdt_list_2nd .box a { position:relative; display:block; width:100%; }
.pdt_list_2nd .box a.btn { padding:15px; height:50px; background:#f58c7c; color:#ffffff; text-align:center; line-height:20px; width:75%; }
.pdt_list_2nd .box a.remove { height:50px; text-align:center; padding-top:10px; width:25%; border-top:1px solid #c9c9c9; }
.pdt_list_2nd .box a img.pdt_img { width:100%; border:1px solid #f4f4f4; }
.pdt_list_2nd .box .info { position:relative; display:block; padding:8px; padding-bottom:10px; overflow:hidden; width:100%; /*height:70px;*/ /*margin-bottom:10px;*/ }
.pdt_list_2nd .box .info p.tit { display:inline-block; width:100%; font-size:16px; color:#222; font-weight:400; /*white-space:nowrap;*/ overflow:hidden; white-space:normal; text-overflow:ellipsis; height:40px; line-height:1.2; word-break:break-all; text-align:left; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    min-height: 40px;}
.pdt_list_2nd .box .info p.pri { font-size:19px;  font-weight:600; color: #111;  letter-spacing: -1px;}
.pdt_list_2nd .box .info p.ori { font-size:12px; color:#aaaaaa; margin-left:5px;  text-decoration:line-through; margin-top:5px; letter-spacing: -1px; }

/* pdt_end_list */
.content.main .pdt_end_wrap { position:relative; display: block; background:#fff; padding:10px 0;  }
.content.main .pdt_end_head { display:block; background:#fff; border-top:1px solid #d91f26; border-bottom:1px solid #d91f26; text-align:center; height:35px; padding:7px 0; color:#d91f26; font-weight:bold; }
.content.main .pdt_end_head:after { content:' '; display:block; clear:both; }
.content.main .pdt_end_list .pdt-item .wrap a{width:100%;  }
.content.main .pdt_end_list:after { content:' '; display:block; clear:both; }
.content.main .pdt_end_list .pdt-item { width:50%; float:left; /*background:#fff;*/ background:none; margin:0; padding:6px; /*margin:0.5em 0.5em 1em;*/ overflow:hidden; border:0; height:100%; }
.content.main .pdt_end_list .pdt-item:nth-child(even):after { content:' '; display:block; clear:both; }
.content.main .pdt_end_list .pdt-item .pdt_img img { width:100%; }
.content.main .pdt_end_list .pdt-item .pdt_info {  }
.content.main .pdt_end_list .pdt-item .pdt_info .pdt_name { position: relative; display: block; /*background:#737373;*/ width:100%; height:40px; background:rgba(0,0,0,0.5); /*padding:10px;*/ overflow:hidden; color:#fff;  /*word-break:break-all;*/  }
.content.main .pdt_end_list .pdt-item .pdt_info .pdt_name span { position:absolute; top:0; left:0; display:block; width:100%; padding:10px; overflow:hidden; text-overflow:ellipsis; text-align:left; font-weight:400; white-space:nowrap; color:#fff; }

/* swiper */
#main_banner_swiper.swiper-container { width:100%; margin-bottom:-20px !important;}

.swiper-slide img { width:100%; }
.swiper-pagination { position:relative; text-align:center; text-align:center; width:100%; bottom:30px !important; /*margin:5px;*/ }
.swiper-pagination .swiper-pagination-bullet { margin:0 3px !important; }
.swiper-pagination .swiper-pagination-bullet-active { background:#d91f26; }

/*많이본상품_swiper*/
#product_mostview{border-top:1px solid #f0f2f3;}
h3.prd_list_tit{font-size: 17px; padding: 10px; width: 100%; height: 30px; font-weight: 600; color: #fc5e2c;}
.pdt_best_list > .swiper-container{width:100%;height:215px;}
.pdt_best_list .swiper-wrapper{}
.pdt_best_list .swiper-slide{width: 138px; height:180px; margin: 10px 0px 20px 10px; text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius: 3px;}
.pdt_best_list a.swiper-slide:first-child{margin-left: 0px;}
.pdt_best_list .swiper-slide img{position: absolute; top:0; width: 100%; border:1px solid #f4f4f4;}
.pdt_best_list .swiper-slide p.tit{position: absolute; top:160px; font-size: 15px;width: 100%; height: 20px;  text-align: left; margin: 0px 3px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;   color: #111111; font-weight: 600;}
.pdt_best_list .swiper-slide p.pri{color:#44d8a8;position: absolute; top:180px; font-size: 15px; left: 3px;  letter-spacing: -1px;}
.pdt_best_list .swiper-slide p.tag{background-color:#db4747; color:#fff; position: absolute; top:136px; font-size: 12px;right: 0;  letter-spacing: -1px; z-index: 1; padding: 2px 5px;}
.pdt_best_list .swiper-slide p.ori{color:#666666; font-weight: 100; position: absolute; top:195px; left: 70px;font-size: 11px; text-decoration: line-through; letter-spacing: -1px;}
.pdt_best_list .swiper-slide .dc{position: absolute; top:0; left: 9px; background: url(https://img.mysdis.co.kr/images/new/dc_bg.png) no-repeat; width: 40px; height: 55px; font-size: 13px; color: #ffffff; text-align: center; padding-top: 5px; background-size: 100%; font-weight: 600; }
.pdt_best_list .swiper-slide .dc>span{margin-left: 1px; letter-spacing: 0px; font-size: 14px;}
.pdt_best_list .swiper-scrollbar{display: none;}



/*장바구니*/
.basket_noti{font-size: 12px; letter-spacing: -1px; text-align: center; margin: 10px 0px; color: #a1a1a1;  }
.cheack_wrap{padding:10px 5px; background: #fafafa; border-top:1px solid #eaeaea;}
.cheack_wrap>input[type="checkbox"]{display:inline;}
.cheack_wrap .all_check{display:inline; color: #222222; font-size: 16px; position: relative;
    top:1px;}
.cheack_wrap .all_check>span{display:inline; color: #ff300b; font-weight: 600; }
.cheack_wrap .cheack_btn{margin-right: 10px; margin-top: -4px;}
.cheack_wrap .cheack_btn > button{display: inline-block; width: 80px; height: 30px; line-height: 25px; background: #ffffff; font-size: 15px; border:1px solid #dbdbdb; border-radius: 3px;}
.basket_line{width: 100%; height: 5px; background: #eeeeee; border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.basket_prd_wrap.soldout .sold_out_text{text-align: center; padding: 10px; border-bottom: 1px solid #eaeaea; color: #ff0c0c; font-weight: 600;}
.basket_prd_wrap.soldout .basket_prd{ background: #cacaca; opacity: 0.5; }
.basket_prd{padding: 15px 15px;}
.basket_prd .prd_name{color: #0A0A0A;  font-size: 16px}
.basket_prd .prd_name span{color: #ff0c0c; }
.basket_thumbnail { width: 75px; height: 75px; border-radius: 5px; border:1px solid #eaeaea; overflow: hidden; margin-top: 10px; margin-right: 10px; }
.basket_thumbnail img { width: 100%;}
.basket_prd .block{display: block; width: 100%; height: 40px; }
.basket_prd .block button.delete_btn{width: 75px; height: 30px; color: #555555; border:1px solid #d6d6d6; display: inline-block;  margin-right:10px;border-radius:3px; background:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),color-stop(0.25,#f7f7f7),to(#eee)); }
.basket_prd .block select { width: 80px; height: 30px; }
.basket_option {width: 70%; padding:10px 0px 0px; display: inline; font-size: 16px; }
.basket_pri{width: 65%;text-align: right; font-size: 19px; font-weight: 700; color:#222222; display: inline;}
.prd_pri_wrap{ width: 100%; padding:0px 0px 10px; background:#fafafa; border-top:1px solid #dedede;}
.prd_pri_wrap .deliverNoti{background: #eff7f5;  padding: 5px;  text-align: center;  color: #006b4b;  font-size: 13px;}
.prd_pri_wrap>p{color: #919191; font-size: 16px; text-align: center; margin-top: 10px; }
.prd_pri_wrap>p>span{color: #111111; font-weight: 900;}
.prd_pri_wrap a.buy_btn { border-radius:7px; width:100px; height:30px; background:#ffffff; color:#0073e9; border:1px solid #a1a1a1; font-size:14px; text-align:center; margin:10px auto 0; display:block; line-height:30px; }

.all_pri{padding: 25px 50px 35px;}
.all_pri .price{width: 100%; margin: 10px 0px; height: 20px;}
.all_pri .price>.txt{color:#1a1a1a; margin: 0; text-align: left; width: 50%; letter-spacing: -1px;}
.all_pri .price>.num{color:#111111; text-align: right; width: 50%; font-weight: 600;}
.all_pri .price>.coupon_discount_price{color: #ff3c77;}
.all_pri .pri_line{width:100%; border-top: 2px solid #8b8b8b; height: 2px; margin: 15px 0px 10px;}
.all_pri .total_price{margin-top: 5px; font-size: 20px;  color: #111111; letter-spacing: -1px;}
.all_pri .total_price .num{color: #ff3c63; font-weight: 600;letter-spacing: 0px;}
.buy_click{width: 90%; text-align: center; background: #ff3c63; color: #ffffff; font-size: 20px; font-weight: bold; border-radius: 3px; height: 60px;  margin: 20px auto;  display: block; line-height:60px;}

/* 장바구니 */
.content.cart { }
.content.cart .cart_list_wrap { }
.content.cart .cart_list { }
.content.cart .cart_list .cart-item { }
.content.cart .cart_list .cart-item .pdt_img { width:80px; }
.content.cart .cart_list .cart_cnt { }
.content.cart .cart_list .cart_cnt > * { float:left; border-radius:0; }
.content.cart .cart_list .cart_cnt .btn_op_cnt_plus { border:1px solid #D1D1D1; background:#FCFCFC; height:30px; width:30px; background-image:url('https://img.mysdis.co.kr/images/new/icon_plus.png'); background-repeat:no-repeat; background-position:center center;  border-radius:0px 3px 3px 0px }
.content.cart .cart_list .cart_cnt .btn_op_cnt_minus { border:1px solid #D1D1D1; height:30px; width:30px; background-repeat: no-repeat; background-position: center; background-image: url('https://img.mysdis.co.kr/images/new/icon_minus.png'); background-color: #FCFCFC;border-radius:3px 0px 0px 3px }
.content.cart .cart_list .cart_cnt .input_op_cnt { width:35px; height:30px; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; border-left: 0; border-right: 0; padding:0 5px; background:#FCFCFC; text-align:center; }
.content.cart .no_data { width:100%; height:135px; line-height:220px; text-align:center; font-size: 22px; background: url('https://img.mysdis.co.kr/images/new/icon_empty_cart.png') no-repeat; background-size: 60px; background-position: center 28px; margin:50px 0; color:#b3b3b3;}
.content.cart .cart_noti{background: #f3f3f3;  padding: 20px 10px 5px ;}
.content.cart .cart_noti ul>li{font-size: 13px; letter-spacing: -0.5px; color: #727272; margin-bottom: 9px; padding-left: 7px; background: url(https://img.mysdis.co.kr/images/bullet_grey.png) no-repeat; background-size: 2px; background-position: left 8px;}


/*카트담기 액션팝업*/
#cart_popup {  }
.cart_pop01 .ani_icon_plus { width: 51px; height:49px; left: 50%; margin-left: -20px; top:5px; position: relative;  /* animation-duration: 1s; animation-name: slidedown;*/}
.cart_pop01 { opacity:1; }
.cart_pop01 .pop01 { width:244px; height: 162px; background: url('https://img.mysdis.co.kr/images/new/cart_pop01.png') no-repeat; font-size: 0px; text-indent: -999999px; margin: 10px auto; }
.cart_pop02 { position:relative; width:300px; height: 168px; background: url('https://img.mysdis.co.kr/images/new/cart_pop02.png') no-repeat;  margin:-172px auto; opacity: 0; background-size: 100%; border-radius: 5px; }
.cart_pop02 p { font-size: 19px; color: #fff; text-align: center; padding-top: 43px;}
.cart_pop02 .btn_wrap { position:relative; z-index:10; margin: 29px 11px; }
.cart_pop02 .btn01_wrap { width:40%; float:left; padding-right:5px; }
.cart_pop02 .btn02_wrap { width:60%; float:right; padding-left:5px; }
.cart_pop02 a { width:100%; font-size:18px; font-weight: 600; background-color:#fff; color:#1085ff; padding:16px 0px; text-align:center; border-radius:3px;}
.cart_pop02 a.cart_btn01 {  }
.cart_pop02 a.cart_btn02 { background-color:#1085ff; color: #ffffff; margin-left:0px; right:0; }

/* 인기상품 (팝업, 상품2개) */
.mostview_pdt_2nd { padding:10px; }
.mostview_pdt_2n:after { content:''; display:block; clear:both; }
.mostview_pdt_2nd p {text-align: center; color: #ff6e3e; font-size: 18px; padding: 20px; font-weight: 600; }
.mostview_pdt_2nd ul { position:relative; display:block; width:98%; margin:0 auto; overflow:hidden; }
.mostview_pdt_2nd ul li { width: 48.8%; margin-bottom: 10px; }
.mostview_pdt_2nd ul li:nth-child(odd) { margin-right: 5px; } /* 홀수 */
.mostview_pdt_2nd ul li a{width: 100%; height: 100%; display: block; }
.mostview_pdt_2nd ul li img{width:100%; border:1px solid #f3f3f3; }
.mostview_pdt_2nd ul li .pdt_name{font-size: 16px; color: #222; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mostview_pdt_2nd ul li .pdt_summary{font-size: 14px; color: #727272; }

/* 장바구니 팝업 */
.cart_popup { background: #fff; border-radius: 5px; width: 90%; margin: 0px auto; }
.cart_popup .pop_msg { border-bottom: 1px solid #bababa; padding: 20px; text-align: center;font-weight: 200;}
.cart_popup .pop_msg h3{text-align: center;font-weight: 600; color: #222; font-size: 17px;}
.cart_popup .cart_btn{ position:relative; z-index:10; padding: 10px 20px 23px; border-radius: 5px;}
.cart_popup .cart_btn.cart-after-btn-app{background: #f6f6f6; }
.cart_popup .cart_btn .btn01_wrap { width:50%; float:left; padding-right:5px; }
.cart_popup .cart_btn .btn02_wrap { width:50%; float:right; padding-left:5px; }
.cart_popup .cart_btn a { width:100%; border:1px solid #a7a7a7; font-size:18px; font-weight: 600; background-color:#fff; color:#555555; padding:16px 0px; text-align:center; border-radius:3px;}
.cart_popup .cart_btn a.cart_btn02 { background-color:#1085ff; color: #ffffff; margin-left:0px; right:0;  border:none;}

.pdt_swiper {border-top:1px solid #f0f2f3; }
#product_mostview_view{ border-top:7px solid #f0f2f3; border-bottom: 0px; }

/* 이벤트 기프티콘 */
.event_gift_wrap { width: 100%; }
.event_gift_wrap .cont { padding:15px; }
.event_gift_wrap>h3 { width: 100%; text-align: left; color: #222; margin-bottom: 7px; /*background: url(https://img.mysdis.co.kr/images/icon_e_gift.png) no-repeat; background-size: 20px; background-position: left center; padding-left: 20px;*/ }
.event_gift_wrap>p.e_noti { width: 100%; text-align: left; font-size: 13px; line-height: 15px; color: #666; }
.event_gift_wrap>p.e_noti strong { color: #444; }
.event_gift_wrap .e_select { width: 130px; border: 1px solid #eaeaea; height: 30px; padding: 0 33px 0 10px; font-size: 15px; -webkit-appearance: none; background: url('https://img.mysdis.co.kr/images/icon_arrow_down_gray_line.png') no-repeat; background-position: 87% center; background-color: #fff; text-align: left; margin-top: 10px; border-radius: 3px; }
.event_gift_wrap .e_box { width: 100%; margin-top:10px; border:1px solid #eaeaea; border-radius: 3px; }
.event_gift_wrap .e_box .e_info { padding: 15px; padding-bottom: 20px; }
.event_gift_wrap .e_box .e_detail { padding: 15px; border-top: 1px dashed #eaeaea; padding-top: 20px; }

.event_gift_wrap .e_box li { line-height: 25px; font-size: 15px; }
.event_gift_wrap .e_box li span { width: 70%; color:#222; }
.event_gift_wrap .e_box li span.tit { float: left; width: 30%; color: #aaa; }
.event_gift_wrap .e_box .gift_img { width: 90%; margin: 15px auto; text-align:center; }
.event_gift_wrap .e_box .gift_img img { border:1px solid #eaeaea; }
.event_gift_wrap .e_box a.close { width: 100%; background: #f6f1e4; height: 40px; text-align: center; border-top: 1px dashed #aaa; line-height: 35px; color: #937320; font-weight: 600; position: relative; }
.event_gift_wrap .e_box a.close span { position: relative; width: 100px; }
.event_gift_wrap .e_box a.close span:before { content: ''; width: 12px; height: 15px; background: url('https://img.mysdis.co.kr/images/arrow_up.png') no-repeat; position: absolute; background-size: 12px; top:7px; right: -15px; }
.event_gift_wrap .e_box a.open { width: 100%; background: #f6f1e4; height: 40px; text-align: center; border-top: 1px dashed #aaa; line-height: 35px; color: #937320;  font-weight: 600; }
.event_gift_wrap .e_box a.open span { position: relative; width: 100px; }
.event_gift_wrap .e_box a.open span:before { content: ''; width: 12px; height: 15px; background: url('https://img.mysdis.co.kr/images/arrow_down.png') no-repeat; position: absolute; background-size: 12px; top:7px; right: -15px; }
/*.event_gift_wrap .no_data { width:100%; margin: 35px auto;  text-align:center; display: block; }*/
.event_gift_wrap .no_data { width:100%; height:135px; line-height:220px; text-align:center; font-size:22px; background: url('https://img.mysdis.co.kr/images/icon_set_info.png') no-repeat; background-size:60px; background-position: center 20px; margin:50px 0; color:#b3b3b3;}
.event_gift_wrap .funcMore { height:55px; line-height:55px; font-size:18px; color:#7A7A7A; border:1px solid #ccc; border-radius:0; }


/*상세페이지 디테일리스트*/
.detail_list{margin-top: 20px;border-bottom: 1px solid #eaeaea;}
.detail_list .subject{width: 100%; height: 50px; text-align: left; padding-left: 20px; line-height: 50px; border-top: 1px solid #eaeaea;
    position: relative;}
.detail_list .subject p{color: #222; font-weight: bold;}
.detail_list .subject:before{ content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    margin: -7px 0;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);}
.detail_list .subject.sub02:before{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg);}
.detail_list .sub01.on:before{transform: rotate(45deg);}
.detail_list .sub02.on:before{ -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg); }
.detail_list .sub03.on:before{transform: rotate(45deg);}

.detail_list .comm{display: none; padding:0px 15px 20px;  }
.detail_list .info{display:block; padding:0px 10px 10px; overflow: hidden;}
.detail_list .center{display: none; padding:0px 15px 20px;  }
.detail_list .comm.show{display: block;}
.detail_list .info.show{height: 0; padding: 0;}
.detail_list .center.show{display: block;}
.detail_list .line{width: 100%; border-top: 1px solid #eaeaea;}


/*푸터 고객센터 1:1문의버튼*/

#footer .footer-center-info { position:relative; display:block; color:#333; background:#fff; padding:20px 6px;}
#footer .footer-center-info:after { content:''; display:block; clear:both; }
#footer .footer-center-info .info1 { float:left; width:50%; padding:7px 10px 7px;}
#footer .footer-center-info .btn_inquire{     width: 80%;
    height: 45px;
    line-height: 45px;
    margin: 10px auto;
    background: #372b13;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 100px;}
/*border-right:1px dashed #CFCFCF;*/
.footer-center-info>p{text-align: center;}
#footer .footer-center-info .info1 .tel { font-size:20px; font-weight:bold; color:#000; }
#footer .footer-center-info .info2 { float:left; width:50%; padding:7px 7px 7px 10px; }
#footer .footer-center-info .tlt { font-weight:bold; font-size:17px; }
#footer .footer-center-link { position:relative; display:block; width:100%; padding: 6px; background: #fff; }
#footer .footer-center-link:after { content:' '; display:block; clear:both; }
#footer .footer-center-link .btn_wrap { position:relative; display:block; width:50%; padding:5px; background:#fff; }
#footer .footer-center-link .btn_wrap .btn { height:40px; line-height:40px; }
#footer .footer-center-link .btn_wrap > a{width: 100%; height: 40px; line-height: 40px; background: #1a1a1a; border: 1px solid #1a1a1a;  color: #fff; border-radius: 5px;}
#footer .footer-link { position:relative; display:block; width:100%; background:#fff; height:50px; line-height:50px; padding-right:10px; text-align:center; border-top:1px solid #343434; margin-top:10px; }

#footer .footer-link a { padding:0 10px; color:#343434; }
#footer .footer-link .div_line { border-right:1px solid #666; height:12px; display:inline-block; }
#footer .footer-copy { position:relative; display:block; height:40px; line-height:40px; background:#eee; border-top:1px solid #E5E5E5;  text-align:center; font-size:12px; color:#9A9A9A; }


/* 카테고리 MD */
.category_wrap { width:100%; /*height:45px;*/ position:relative; display:block; z-index:9;  background:#fff; }
.category_wrap.main { padding:8px 0; }
.swiper-container.category { width:100%; height:35px; /*margin:5px auto;*/ }
.category .swiper-slide { text-align:center; font-size:15px; background:#ff8484; color:#fff; width:80px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; border-radius:30px; }
.category .swiper-slide a { color:#fff; width:100%; height:100%; line-height:35px; }
.category .swiper-slide:first-child { margin-left:5px; }
.category .swiper-slide.on { background: #ff3c63;  }

/* 카테고리 MD 목록 */
.content.category_md {}
.content.category_md .category_md_list { position:relative; display:block; }
.content.category_md .category_md_list .list_item { position:relative; display:block }
.content.category_md .category_md_list .list_item:first-child { }
.content.category_md .category_md_list .div_line { height:6px; margin:0; background:#fff; color:#fff; border:0; }
.content.category_md .title { height:40px; line-height:40px; padding:0 10px; background: #fafafa; }
.content.category_md .title:after { content:''; display:block; clear:both; }
.cart_product_list_wrap{border-bottom: 5px solid #eeeeee;}
.wish_product_list_wrap{border-bottom: 5px solid #eeeeee;}
.cart_product_list_wrap .pdt_list_3st{padding: 0 0.5em;}
.wish_product_list_wrap .pdt_list_3st{padding: 0 0.5em; background: #fff;}

/* 투데이핫딜 */
.hot_deal_wrap { background-color:#ffc5c5; width:100%; z-index:0; padding:10px 10px 20px; display: inline-block; margin-top: -6px;}
.hot_deal_wrap .hot_tit { width:90px; margin:12px auto; height:auto; position:relative; }
.hot_deal_wrap h3 { color:#d91f26; width:150px; margin:12px auto; text-align:center; position:relative; }
/*.hot_deal_wrap h3:after { content:''; width:20px; height:3px; background-color:#d91f26; margin:0px auto; position:absolute; top:-11px; left:37px; }*/
.hot_item { width:46%; background:#fff; border:3px solid #fff; display:block; float: left; margin-left: 9px;}
.hot_deal_wrap li:first-child{margin-right: 2px;}
.hot_item .dc { position:absolute; top:-20px; left:1px; /*background:url('https://img.mysdis.co.kr/images/dc_bg.png') no-repeat;*/ width:38px; height:38px; font-size:13px; color:#fff; text-align:center; line-height:27px; padding-top:5px; background-size:100%; font-weight:600; background:#ff686b; border-radius:100%; }
.hot_item .dc span { margin-left:1px; letter-spacing:0px; font-size:15px; }
/*.pdt_list_2nd h2{ font-size:17px; font-weight:100; color:#333; margin:10px }*/
.hot_item a { position:relative; display:block; width:100%; }
.hot_item a.btn { padding:15px; height:50px; background:#f58c7c; color:#fff; text-align:center; line-height:20px; width:75%; }
.hot_item a.remove { height:50px; text-align:center; padding-top:10px; width:25%; border-top:1px solid #c9c9c9; }
.hot_item a img.pdt_img { width:100%;  }
.hot_item .info { position:relative; display:block; padding:8px; padding-bottom:10px; overflow:hidden; width:100%; /*height:70px;*/ /*margin-bottom:10px;*/ }
.hot_item .info p.tit { display:inline-block; width:100%; font-size:16px; color:#222; font-weight:600; /*white-space:nowrap;*/ overflow:hidden; white-space:normal; text-overflow:ellipsis; height:40px; line-height:1.2; word-break:break-all; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; min-height:40px; }
.hot_item .info p.pri { font-size:17px; color:#44d8a8; font-weight:600; color:#ff3c2d; letter-spacing:-1px; }
.hot_item .info p.ori { font-size:12px; color:#aaa; margin-left:5px; font-weight:100; text-decoration:line-through; margin-top:5px; letter-spacing:-1px; }

/*이벤트 당첨내역버튼 */
.event_gift_btn{width: 100%;}
.event_gift_btn a{width:49%; height:50px; background:#ff8864; text-align:center; line-height:50px; color:#ffffff; font-size:18px;margin-top:10px; border-radius: 5px;}


/* 베스트 탭 */
.best_btn_wrap { width:100%; height:auto; background:#fff;  z-index: 15; max-width: 720px; }
.best_btn { width:100%; height:45px; margin:0px auto;}
.best_btn a {width: 50%;  height: 45px;  float: left;  display: block;  text-align: center;  line-height: 45px; background: #fff;  font-size: 15px;  color: #575757;  z-index: 12;  border-bottom: 1px solid #c8c8c8;  letter-spacing: -1px;}

.best_btn a.on {background: #fff;  color: #81a7ff;  font-weight: 600; border-bottom: 3px solid #81a7ff;}
.content.main .pdt_list_wrap.best { border-top:none; display:block; }




/* join */
#container.join { width:100%; height:100%; margin:0 auto;  }
#container.join .join-wrap { position:fixed; width:100%; height:100%; left:0; top:0; overflow:hidden;background-color: #ff3c63;
    /*background:url('https://img.mysdis.co.kr/images/join_welcome.png') no-repeat; background-size:cover; */}
#container.join .join_content { position:absolute; bottom:30px; width:100%; text-align:center; margin-bottom:0px; padding:20px 20px 15px; }
#container.join .checkbox_group { margin-top:10px; text-align: center;font-size: 13px; color: #e8e8e8; line-height: 20px; }
#container.join .checkbox_group a { color:#e8e8e8; text-decoration: underline; }
/*180125 디자인수정 style*/
#container.join .join_top img{width:23%; margin:50px 35px 10px;}
#container.join .join_top p{font-size:31px; color:#fff; font-weight:500; letter-spacing: -1.5px; margin-left: 35px; line-height: 37px;}

/* withdraw */
.withdraw_pop {}
.withdraw_pop .reason_wrap { margin-top:20px; }
.withdraw_pop .reason_wrap li { line-height:25px; }
.withdraw_pop .reason_wrap li label { padding-left:5px; }
.withdraw_pop .input_text { padding:5px; width:80%; }

/* sms_auth_pop */
.sms_auth_pop {}
.sms_auth_pop .cont { }
.sms_auth_pop .cont .title { font-size:17px; font-weight:bold; margin-bottom:10px; }
.sms_auth_pop .cont .title.line { font-size:15px; margin:20px -15px; height:50px; line-height:50px; background-color:#E3E4E4; padding:0 10px; text-align:center; color:#363636; }
.sms_auth_pop .cont .input_box { position:relative; display:block; overflow:hidden; border:1px solid #BFBFBF; padding:10px 20px; }
.sms_auth_pop .cont .input_box label { font-size:15px; color:#363636; }
.sms_auth_pop .cont .input_box em { color:#363636; font-size:18px; font-weight:bold; }
.sms_auth_pop .cont .input { font-size:18px; height:40px; line-height:40px; /*padding:5px;*/ border:0; /*border-bottom:1px solid #ccc;*/ color:#000; }
.sms_auth_pop .cont .timer { float:right; display:inline-block; height:40px; line-height:40px; font-size:17px; margin-right:15px; }
.sms_auth_pop .cont .btn_red { display:block; margin:20px auto; font-size:17px; background:#D91F26; color:#fff; width:60%; height:50px; line-height:50px; }
.sms_auth_pop .cont .btn_retry { font-size:15px; float:right; display:inline-block; height:40px; line-height:40px; background:#fff; border:1px solid #ccc; color:#666; border-radius:0; padding:0 20px; }


/* 댓글 */
/* comment common */
.cmt_menu_pop { position:absolute; top:0; left:0; width:80px; overflow:hidden; z-index:88; background:#fff; border:1px solid #ccc; display:none; }
.cmt_menu_pop li { position: relative; display: block; height:50px; width:100%; border-bottom:1px solid #ccc; }
.cmt_menu_pop li:last-child { border-bottom:0; }
.cmt_menu_pop .report { background:url('https://img.mysdis.co.kr/images/new/icon_siren.png') no-repeat center center; background-size:25px; }
.cmt_menu_pop .delete { background:url('https://img.mysdis.co.kr/images/new/icon_trash.png') no-repeat center center; background-size:20px; }

/* comment list */
.comment_list_wrap {margin-bottom:10px; background:#fff; border-top: 1px solid #efefef;}
.comment_list_wrap .cmt-head { font-size:16px; color:#333; padding:10px 10px; font-weight:bold; }
.comment_list_wrap .cmt-btn { margin-top:7px; }
.comment_list_wrap .cmt-btn img { width:15px; margin-right:5px; }
.comment_list_wrap .cmt-list {  }
.comment_list_wrap .cmt-head .cmt-count { font-size:1em; font-weight:normal; }
.comment_list_wrap .cmt-cont .input_group { width:95%; position:relative; display: block;margin: 0 auto; }
.comment_list_wrap .cmt-cont .input_group:after { content:''; display:block; clear: both; }
.comment_list_wrap .cmt-cont .input_group > * { float:left; height:60px; }
.comment_list_wrap .cmt-cont .input_group .txt_input { width:100%; height:80px;  /*padding:5px 67px 5px 5px;*/ background:#fff; }
.comment_list_wrap .cmt-cont .input_group .txt_input textarea { width:83%;padding: 10px; border-radius:0; height:100%; border:0; }
.comment_list_wrap .cmt-cont .input_group button { position:absolute; right:0; top:0; display:block; width:70px; height: 100%; border-radius:0; background:#ff597a; border: none;}
.funcCommentMore { border-radius:0; color:#333 !important; }
@media only screen and (min-width: 619px){
    .comment_list_wrap .cmt-cont .input_group .txt_input textarea{width:91%;}
}
/* comment best */
.comment_list.best .cmt-item { position:relative; /*height:28px;*/ /*padding:5px 0;*/ /*line-height:28px;*/ padding:3px; }
.comment_list.best .cmt-item:first-child { }
.comment_list.best .cmt-item:after { content:''; display:block; clear: both; }
.comment_list.best .cmt-item .comm { float:left; color:#444; width:78%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.comment_list.best .cmt-item .comm.on { width:auto; display:block; height:auto; overflow:auto; white-space:normal; /*font-weight:bold; */ color:#000; }
.comment_list.best .cmt-item .name { float:left; font-size:11px; color:#AFAFAF; margin-left:5px; padding-top:4px; width:20%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.comment_list.best .cmt-item .name.on { width:auto; display:block; height:auto; overflow:auto; white-space:normal; }
.comment_list.best .cmt-item .name img { width:25px; height:25px; vertical-align: text-top; }

/* comment normal */
.comment_list.normal {  }
.comment_list.normal .cmt-item { position:relative; display: block; overflow: hidden; min-height:70px; /*border-bottom:1px solid #ccc;*/ padding-bottom:10px; }
.comment_list.normal .cmt-item:after { content:''; display:block; clear: both; }
.comment_list.normal .cmt-item.reply { /*margin-left:20px;*/ /*background-image:url('https://img.mysdis.co.kr/images/new/ico_re2.gif'); background-position:left center; background-repeat:no-repeat; background-size:20px;*/ }
.comment_list.normal .cmt-item.reply .profile_img { left:20px; }
.comment_list.normal .cmt-item.reply .comm_wrap { padding-left:80px; }
.comment_list.normal .cmt-item .reply { position:absolute; left:5px; top:10px; width:20px; height:20px; z-index:10; background-image:url('https://img.mysdis.co.kr/images/new/ico_re2.gif'); background-position:left center; background-repeat:no-repeat; background-size:10px; }
.comment_list.normal .cmt-item .profile_img { position:absolute; display:block; top:10px; left:0; width:50px; height:50px; background-size:cover; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.comment_list.normal .cmt-item .comm_wrap { float:left; display:block; width:100%; padding-left:60px; padding-right:35px; }
.comment_list.normal .cmt-item .comm_wrap .info_line { display:block; margin-top:13px; }
.comment_list.normal .cmt-item .comm_wrap .info_line:after { content:''; display: block; clear: both; }
.comment_list.normal .cmt-item .name { float:left; color:#999; }
.comment_list.normal .cmt-item .div { float:left; height:20px; line-height:20px; font-size:12px; margin:0 5px; color:#999; }
.comment_list.normal .cmt-item .date { float:left; color:#999; }
.comment_list.normal .cmt-item .comm:before { content:''; display: block; clear: both; }
.comment_list.normal .cmt-item .comm { display:block; color:#222; margin-top:3px; }
.comment_list.normal .cmt-item .comm em { color:#fff; font-weight:normal; background:#2FCED4; border-radius:3px; padding:1px 3px; }
.comment_list.normal .cmt-item .mod_btn { position:absolute; display:block; z-index:10; right:7px; bottom:7px; width:30px; height:30px; background:url('https://img.mysdis.co.kr/images/new/icon_item_menu.png') no-repeat; background-position:center center; background-size:4px; }

/* comment my */
.content.comment.my { padding:10px 0; background:#fff; }
.content.comment.my .cmt-info { padding: 5px 10px;}
.content.comment.my .cmt-info li { position: relative; display: block; /*margin-left:20px;*/ padding-left:12px; }
.content.comment.my .cmt-info li em { position: absolute; top:0; left:0; }
.content.comment.my .cmt-list {  }
.content.comment.my .cmt-item { position: relative; display: block; width:100%; border:1px solid #ddd; margin:10px 0; padding:7px; }
.content.comment.my .cmt-item:after { content:""; display: block; clear: both; }
.content.comment.my .cmt-item .head_line { border-bottom:1px solid #ddd; padding-bottom:5px; line-height:25px; }
.content.comment.my .cmt-item .head_line:after { content:''; display: block; clear: both; }
.content.comment.my .cmt-item .head_line .date { float:left; color:#666; }
.content.comment.my .cmt-item .head_line .btn_del { float: right; /*font-weight: normal;*/ padding:0 5px; height:25px; line-height:25px; }
.content.comment.my .cmt-item .comm { padding:10px 0 5px 0; color:#222; }
.content.comment.my .cmt-item .comm em { color:#fff; font-weight:normal; background:#2FCED4; border-radius:3px; padding:1px 3px; }
.content.comment.my .cmt-item .target { display:block; position: relative; border-bottom:1px solid #ddd; padding:5px 0; }
.content.comment.my .cmt-item .target .tgt-thumb-wrap { display:table; }
.content.comment.my .cmt-item .target .tgt-thumb { display:table-cell; width:48px; height:48px; vertical-align: middle; border:1px solid #e1e1e1; }
.content.comment.my .cmt-item .target .tgt-thumb img { width:100%; vertical-align: middle; }
.content.comment.my .cmt-item .target .tgt-title { position: absolute; display: block; /*display: -webkit-box;*/ /*-webkit-line-clamp:2;*/ /* 라인수 */ left:0; top:0; width:100%; height:48px; padding:5px 10px 0 60px; overflow: hidden; text-overflow: ellipsis; word-wrap:break-word; /*vertical-align: middle;*/  /*white-space: nowrap;*/  }
.content.comment.my .cmt-item .target .tgt-title div { display:table; width:100%; }
.content.comment.my .cmt-item .target .tgt-title div span { display:table-cell; width:100%; height:48px; vertical-align:middle; }
.content.comment.my .no_data { width:100%; height:50px; line-height:50px; text-align:center; border:1px solid #ddd; }
.content.comment.my .cmt-item.reply { position:relative; display:block; width:100%; border:0; padding:0 0 0 30px; }
.content.comment.my .cmt-item.reply .wrap { position:relative; display:block; border:1px solid #eee; padding:7px; }
.content.comment.my .cmt-item.reply .item-fa { position: absolute; left:0; top:0; font-size:24px; }
.content.comment.my .cmt-item.reply .mod_btn { position:absolute; right:7px; bottom:7px; width:30px; height:30px; background:url('https://img.mysdis.co.kr/images/new/icon_item_menu.png') no-repeat center center; background-size:4px; }
.content.comment.my .cmt-item.reply .comm_wrap { padding-left:60px; }
.content.comment.my .cmt-item.reply .comm_wrap .info_line { display:block; /*margin-top:13px;*/ border-bottom:1px solid #eee; padding-bottom:7px; }
.content.comment.my .cmt-item.reply .comm_wrap .info_line:after { content:''; display: block; clear: both; }
.content.comment.my .cmt-item.reply .comm_wrap .name { float:left; /*padding-right:7px;*/ color:#999; /*padding-top:4px;*/}
.content.comment.my .cmt-item.reply .comm_wrap .div { float:left; height:20px; line-height:20px; font-size:12px; margin:0 5px; color:#999; /*padding-top:4px;*/ }
.content.comment.my .cmt-item.reply .comm_wrap .date { float:left; /*border-left:1px solid #ccc;*/ color:#999; /*padding-top:4px;*/ }
.content.comment.my .cmt-item.reply .comm { padding-right:30px; }
.content.comment.my .cmt-item.reply .comm em { color:#fff; font-weight:normal; background:#2FCED4; border-radius:3px; padding:1px 3px; }
.content.comment.my .cmt-item.reply .profile_img { position: absolute; display:block; top:10px; left:5px; width:50px; height:50px; background-size:cover; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }

/* comment insert */
.comment_insert { padding:7px; }
.comment_insert textarea { width:100%; height:150px;  margin-bottom:10px; }


/* comment report insert */
.comment_report_insert { }
.comment_report_insert .report_reason_wrap {  }
.comment_report_insert .report_reason_wrap li { padding-top:5px;  }
.comment_report_insert .report_reason_wrap input { margin-right:5px; }
.comment_report_insert input[type="text"] { width:100%; height:40px; border-radius:5px; padding:5px; font-size:1em; margin-top:5px; border-color:#ccc; }
.comment_report_insert .btns { margin-top:20px; }


/* event detail */
.content.event.detail {  }
.content.event.detail .evt-cont { position:relative; display:block; }
.content.event.detail .evt-cont img { width:100%; }


/* event */
.content.event { }
.content.event .evt-item { position:relative; display:block; width:100%; margin-bottom:10px; border:1px solid #E3E3E3; }
.content.event .evt-item .subject { display:none; width:100%; background:#000; padding:7px 10px; color:#E1BE00; text-align:center; }
.content.event .evt-item .subject { display:none; width:100%; background:#000; padding:7px 10px; color:#E1BE00; text-align:center; }
.content.event .no_data { padding:15px; width:100%; border:1px solid #ddd; text-align: center; }

/* event : everyday_list */
.content.event .everyday_list_wrap { margin-bottom:10px; border:1px solid #eee; }
.content.event .everyday_list_wrap { margin-bottom:10px; border:1px solid #eee; }
.content.event .everyday_list .pdt_img { position:relative; width:100%; height:100%; text-align:center; min-height:100px; }

/* event event_end_wrap */
.content.event .event_end_wrap { position:absolute; top:15px; left:15px; width:calc(100% - 30px); height: calc(100% - 15px);
    text-align: center; background:rgba(0,0,0,0.7); padding:0; border-radius: 15px; }
.content.event .event_end_wrap .tb { display:table;width:100%;height:100%; }
.content.event .event_end_wrap .tb_cell { display:table-cell;width:100%;height:100%;vertical-align:middle; }
.content.event .event_end_wrap .cont { color:#fff; font-size:24px; font-weight:600; }

.content.event.detail .cont_warp {}
.content.event.detail .evt-subject { font-size:16px; font-weight: bold; color:#333; text-align: center; }
.content.event.detail .evt-image {  }
.content.event.detail .evt-cont {/* margin-top:10px; */position: relative; display: block; }


/* 찜버튼 */
.cont_wrap>.main_wish_wrap{position: absolute;z-index: 9;bottom:68px;right:0px;width: 35px;height: 35px;text-align: center;border-radius: 50%;background-color: #fff;box-shadow: 0 0 2px rgba(141,141,141,0.5);}
.cont_wrap>.main_wish_wrap>div{font-size: 21px;width: 21px;height: 21px;_background: red;line-height:20px;vertical-align: middle;text-align: center;margin: 7.5px auto;color: red;cursor:pointer;}
.cont_wrap>.main_wish_wrap>div>i{transform: scale(0);transition: .2s ease-in-out;-webkit-transform: scale(0);-webkit-transition: .2s ease-in-out;position: absolute;left: 7px; color:#aaa;}
.cont_wrap>.main_wish_wrap>div>i.active{transform: scale(1);transition: .2s ease-in-out;-webkit-transform: scale(1);-webkit-transition: .2s ease-in-out;}
.cont_wrap>.main_wish_wrap.active>div>i{transform: scale(1);transition: .2s ease-in-out;-webkit-transform: scale(1);-webkit-transition: .2s ease-in-out; position: absolute;left: 7px; color: #ff0000!important;}
.cont_wrap>.main_wish_wrap.active>div>i.active{transform: scale(0);transition: .2s ease-in-out;-webkit-transform: scale(0);-webkit-transition: .2s ease-in-out; }

/* 공용 뱃지 */
.icon_badge { position:absolute; display:block; right:5px; top:5px; width:18px; height:18px; line-height:20px; border-radius:50%; background:#ff0000; color:#fff; font-size:9px; text-align:center; }

/*상품상세 댓글*/
.n_cmt li .cmt-header span {margin-right: 10px;vertical-align: baseline; }
.n_cmt li .cmt-header span:last-child{margin: 0;}
.n_cmt li .cmt-header span.date{color:#a5a5a5;}
.n_cmt li .cmt-header span.userBadge{background: #fff;  border:1px solid #cccdce;}
.n_cmt li .cmt-content {color:#202020;margin-top: 10px;margin-left: 25px;width: calc(100% - 30px);}
.n_cmt li {border:1px solid #e2e2e2;border-bottom: 0;padding:15px;}
.n_cmt li:last-child {border-top:1px solid #e2e2e2;}

.n_cmt li:not(.reply) {background: #fff; }
.n_cmt li:not(.reply) div.cmt-header span.userBadge{background-color: #8d9ebd; color:#fff;padding: 2px 7px;border-radius: 4px;border:none;}
.n_cmt li:not(.reply) div.cmt-header span.userName{color: #8d9ebd;}
.n_cmt li:not(.reply) div.cmt-content{margin-left: 0!important;}
.n_cmt li:not(.reply) div.etc-btn{float: right;width: 30px;height: 30px;display: inline-block;margin-right: -5px; margin-top: -25px;background: url("https://img.mysdis.co.kr/images/new/icon_item_menu.png") no-repeat;background-position-x:center;background-size: 4px;text-indent: -9999px;cursor: pointer;}

.n_cmt li.reply:before{content: '';display: inline-block;width: 20px;height: 20px; background: url("https://img.mysdis.co.kr/images/ico_re2.gif") no-repeat;_background-position-y: 5px;background-size: 15px; }
.n_cmt li.reply{background:#fafafa;}
.n_cmt li.reply div {width: calc( 100% - 25px );display: inline-block;}
.n_cmt li.reply div.cmt-header span.managerBadge{background: #ff8282; color:#fff;padding: 2px 7px;border-radius: 4px;border:none;}

/*내 댓글*/
.myComment li{background:#fafafa;}
.myComment li.cmt-header{background: #FFFFFF; border-top: 1px solid #e2e2e2; border-left:0px; border-right:0px; padding: 15px 10px;box-sizing: content-box;height: 75px;line-height: 76px;}
.myComment li.cmt-header:nth-child(1){border-top: 1px solid #e2e2e2;}
.myComment li.cmt-header span{display: inline-block;margin-right: 5px;vertical-align: top;}
.myComment li.cmt-header span:last-child{margin-right: 0;}

.myComment li.cmt-header span.img_thumb{height: 76px;vertical-align: top;cursor: pointer;}
.myComment li.cmt-header span.cmt-info p.cmt-pdt-name{color:#010101;vertical-align: top;height: 38px;line-height: 38px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;cursor: pointer;}
.myComment li.cmt-header span.cmt-info p.cmt-date{color:#7b7979;vertical-align: bottom;height: 38px;line-height: 38px;cursor: pointer;}
.myComment li.cmt-header span.cmt-btn-area a{width: 100%;height: 38px;line-height: 38px; text-align: center;display: inline-block;position: relative;cursor: pointer;}
.myComment li.cmt-header span.cmt-btn-area a.cmt-delete {vertical-align: top;float: left;cursor: pointer;}
.myComment li.cmt-header span.cmt-btn-area a.cmt-delete img{width: 25px;vertical-align: bottom;}
.myComment li.cmt-header span.cmt-btn-area a.cmt-more {vertical-align: top;float: left;cursor: pointer;}
.myComment li.cmt-header span.cmt-btn-area a:after{content: '';display: block;clear: both;}

@media only screen and (max-width:720px) {
    .myComment li.cmt-header span.img_thumb img{height: 60px;max-width: inherit; border:1px solid #efefef;}
    .myComment li.cmt-header span.cmt-info{width: calc(100% - 156px);}
    .myComment li.cmt-header span.cmt-btn-area{width: 38px;height: 76px;}
}

@media only screen and (min-width:721px) {
    .myComment li.cmt-header span.img_thumb img{height: 100%;max-width: inherit; border:1px solid #efefef;}
    .myComment li.cmt-header span.cmt-info{width: calc(100% - 185px);}
    .myComment li.cmt-header span.cmt-btn-area{width: 38px;height: 76px;}
}

.myComment li.cmt-header span.cmt-btn-area a.cmt-more i{font-size: 35px;vertical-align:sub;
    -webkit-transform: rotateX(0deg);-webkit-transition: 0.2s ease-out;
    -moz-transform: rotateX(0deg);-moz-transition: 0.2s ease-out;
    -o-transform: rotateX(0deg);-o-transition: 0.2s ease-out;
    transform: rotateX(0deg);transition: 0.2s ease-out;
}
.myComment li.cmt-header.on span.cmt-btn-area a.cmt-more i{
    -webkit-transform: rotateX(-180deg);-webkit-transition: 0.2s ease-out;
    -moz-transform: rotateX(-180deg);-moz-transition: 0.2s ease-out;
    -o-transform: rotateX(-180deg);-o-transition: 0.2s ease-out;
    transform: rotateX(-180deg);transition: 0.2s ease-out;
}
.myComment>li:not(.cmt-header){max-height: 0;border: 0;overflow: hidden;
    -webkit-transition:max-height 0.2s ease-out;
    -moz-transition:max-height 0.2s ease-out;
    -o-transition:max-height 0.2s ease-out;
    transition:max-height 0.2s ease-out;
}
.myComment li.active{max-height: 1250px;
    -webkit-transition:max-height 0.2s ease-out;
    -moz-transition:max-height 0.2s ease-out;
    -o-transition:max-height 0.2s ease-out;
    transition:max-height 0.2s ease-out;
}

/* 간편인증 페이지 /member */
#login_wrap{width: 100%; height: 100%;}

#login_wrap h3{border: 1px solid #cdcdcd;height: 3px;border-left: 0 none;border-right: 0 none;font-size: 0;line-height: 0;margin: 34px 0 37px 0;position: relative;}
#login_wrap h3 span{display: inline-block;position: absolute;left: 50%;margin-left: -83px;background: #fff;text-align: center;top: -11px;width: auto;padding: 0 25px;font-size: 16px;  color: #8b8a8a;  line-height: normal;font-weight: 400;}

#login_wrap .login_sns{width: 100%; height: 100%; background: #fff; padding: 12px;}
#login_wrap .login_sns a{width: 90%; margin: 10px auto;border-radius: 5px;display: block;font-weight: 600;text-align: center;padding: 15px 0 13px 0;}
#login_wrap .login_sns .sns_log01{background: url(https://img.mysdis.co.kr/images/login_naver.png) no-repeat; color: #fff; background-color: #1ec800;background-size: 36px;background-position: 20px center;}
#login_wrap .login_sns .sns_log02{background: url(https://img.mysdis.co.kr/images/login_kakao.png) no-repeat; color: #3c1e1e; background-color: #ffeb00;background-size: 36px;background-position: 20px center;}
#login_wrap .login_sns .sns_log03{background: url(https://img.mysdis.co.kr/images/login_facebook.png) no-repeat; color: #fff; background-color: #2c4780;background-size: 36px;background-position: 20px center;}

#login_wrap .noMember_order{background: #f4f5f7; width: 100%;  height: 100%;  padding: 20px 10px 150px;}
#login_wrap .noMember_order h3 span{background: #f4f5f7; }
#login_wrap .noMember_order input{width: 90%;  margin: 0 auto;  display: block;  height: 50px;margin-bottom: 10px; padding: 0 20px;}
#login_wrap .noMember_order input.noMember_btn{background: #fff;color: #ff5553;border: 1px solid #ff5553;}

/*회원인증*/
#phone_auth_wrap {background-color: #fff;}
#phone_auth_wrap .phone_auth{width: 100%; height: 100%;  padding: 20px 10px 0 10px;}
#phone_auth_wrap .phone_auth .tit{text-align: center; padding: 20px 0 30px; }
#phone_auth_wrap .phone_auth .tit img{margin-left: 11px;}
#phone_auth_wrap .phone_auth .tit h3{font-size: 29px; color: #737677; letter-spacing: -1px; line-height:32px;}
#phone_auth_wrap .phone_auth .tit p{font-size: 15px; color: #363636; letter-spacing: -1px; text-align: center; padding-top:16px;line-height:21px;}
#phone_auth_wrap .phone_auth .tit p span{color: #6facff; }
#phone_auth_wrap .phone_auth input
,.open_certify_area input {width: 90%;  margin: 0 auto;  display: block;  height: 50px;margin-bottom: 10px; padding-left: 15px; border: 1px solid #cecece; font-size: 15px;}
#phone_auth_wrap .phone_auth input.phone_num{text-align: center; padding: 0;width: calc((100% - 35px) / 3);}
#phone_auth_wrap .phone_auth .phone_num_wrap{width: 90%;  margin: 0 auto;  display: block;  height: 50px;  margin-bottom: 10px;  }
#phone_auth_wrap .phone_auth .phone_num_wrap * {float: left;}
#phone_auth_wrap .phone_auth .phone_num_wrap span{width: 17px; display: inline-block; text-align: center;height: 50px;line-height: 50px;vertical-align: baseline}
#phone_auth_wrap .phone_auth input.sub_btn
,.open_certify_area input.sub_btn_2{background: #43a4ff; color: #fff;border:none; font-size: 19px; letter-spacing: -1px; margin-bottom: 30px;}

/*회원인증-팝업*/
.dummy_wrap{width: 100%; height: 100%; background: #eaeaea;padding: 25px 0;}
.dummy_wrap .phone_auth_popup{width: 90%;  background: #fff; margin: 0 auto; text-align: center; padding-top: 20px;}
.dummy_wrap .phone_auth_popup h3{letter-spacing: -1px;}
.dummy_wrap .phone_auth_popup .txt{padding:5px 20px;  font-size: 15px;  letter-spacing: -1px;}
.dummy_wrap .phone_auth_popup .txt p{margin-bottom: 20px; }
.dummy_wrap .phone_auth_popup .txt .member_info{text-align: center; color: #43a4ff; font-weight: 600; padding: 15px; border:1px solid #43a4ff; border-radius: 5px; }
.dummy_wrap .phone_auth_popup .txt .member_info p{text-align: center;margin-bottom: 5px; font-size: 17px; }
.dummy_wrap .phone_auth_popup .txt .member_info p span{letter-spacing: 0;}
.dummy_wrap .phone_auth_popup .login_go{background: #43a4ff; color: #fff;border:none; width: 100%; height: 55px; line-height: 55px; margin-top: 30px; font-weight: 600; font-size: 19px; letter-spacing: -1px;}

.open_certify_area{display: none; padding-bottom: 150px}
.open_certify_area>div{width: 90%;margin: 0 auto 10px auto;padding: 0 10px;}
.open_certify_area div.title {background-color: #ececec;color:#333;text-align: center;padding: 15px;font-size: 15px; margin-bottom: 20px;}
.open_certify_area div.timerArea {text-align: right;width: 90%;margin: 0 auto 10px auto;}



/*New lnb*/
#N_lnb_container{width: 100%; height: 100%; display: block;position: fixed; left: -100%;top: 0;z-index:1000;overflow: scroll;-webkit-transition: left 0.4s ease-in-out;transition: left 0.4s ease-in-out;background-color: #fff;}
#N_lnb_container.active{left: 0;-webkit-transition: left 0.4s ease-in-out;transition: left 0.4s ease-in-out; }
#N_lnb_container.show{left: 0;-webkit-transition: left 0.0s ease-in-out;transition: left 0.0s ease-in-out; }

#N_lnb_container #N_lnb_wrap{padding-bottom: 80px; background-color: #fff;}
#N_lnb_container #N_lnb_wrap .lnb-loginid{background: #f7f7f7;width: 100%; /*height: 130px;*/ padding: 5px; }
#N_lnb_container #N_lnb_wrap .lnb-loginid .profile-btn { padding: 3px 10px; color:#fff; margin-left: 7px; margin-top: 13px; background: #ffa1b4; border-radius: 7px;}



#N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn{text-align: left;width: calc( 100% - 45px );height: 105px;padding: 17px 0px 17px 10px;}
#N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn .profile_img{display:block; width: 75px; border-radius: 100%; overflow: hidden;}
#N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn .profile_img img{width: 100%; }
#N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn p{color: #ff3c63; margin: 12px 0 0 0; font-size: 20px; font-weight: 600;text-align: left;box-sizing: border-box;display: inline-block;}
#N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn p.nickname{float: left; overflow: hidden; max-width: 110px; height: 30px; white-space: nowrap; text-overflow: ellipsis;}
#N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn p.m_info{color:#595959;font-size: 16px;margin-top: 0;letter-spacing: -1px; font-weight: 600; width: 100%; height: 30px;}
#N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn p.m_info img{margin-bottom: 3px;}
#N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn .info_wrap {display: inline-block;  float: left;
 width: 210px;  margin-left: 10px;}
#N_lnb_container #N_lnb_wrap .lnb-loginid .close_btn{background: url(https://img.mysdis.co.kr/images/icon_side_close_x.png) no-repeat; width: 25px; height: 25px; margin: 9px; background-size: 100%; font-size: 0px; text-indent: -999999px;}
@media (max-width:320px) {
    #N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn .info_wrap{width: 167px;}
    #N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn p.nickname{max-width:68px;}
}
#N_lnb_container #N_lnb_wrap .lnb_menu_blue{width: 100%; height: 95px; background-color: #ff3c63;}
#N_lnb_container #N_lnb_wrap .lnb_menu_blue ul{width: 100%; height: 100%;}
#N_lnb_container #N_lnb_wrap .lnb_menu_blue ul li{width: 25%; height: 100%; border-right: 1px solid #ff9cb0; display: block; position: relative;}
#N_lnb_container #N_lnb_wrap .lnb_menu_blue ul li:nth-child(4){
    border-right:0px;}
#N_lnb_container #N_lnb_wrap .lnb_menu_blue ul li span{width: 16px; height: 16px; background: #fff; border-radius: 100%; color: #ff504a;position: absolute; top: 6px;  right: 5px;  font-size: 12px;    text-align: center;}
#N_lnb_container #N_lnb_wrap .lnb_menu_blue ul li a{width: 100%; height: 100%; color: #fff; text-align: center; line-height: 140px; font-size: 14px; font-weight: 600; letter-spacing: -1px; }
#N_lnb_container #N_lnb_wrap .lnb_menu_blue ul li.icon1{background: url(https://img.mysdis.co.kr/images/N_lnb_icon01.png) no-repeat;
    background-size: 35px; background-position:center 23px ;}
#N_lnb_container #N_lnb_wrap .lnb_menu_blue ul li.icon2{background: url(https://img.mysdis.co.kr/images/icon_top_basket.svg) no-repeat;
    background-size: 32px; background-position:center 23px ;}
#N_lnb_container #N_lnb_wrap .lnb_menu_blue ul li.icon3{background: url(https://img.mysdis.co.kr/images/N_lnb_icon03.png) no-repeat;
    background-size: 35px; background-position:center 23px ;}
#N_lnb_container #N_lnb_wrap .lnb_menu_blue ul li.icon4{background: url(https://img.mysdis.co.kr/images/N_lnb_icon10.svg) no-repeat;
    background-size: 38px; background-position:center 23px ;}

#N_lnb_container #N_lnb_wrap .line{width: 100%; height: 7px; background-color: #efefef; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}

#N_lnb_container #N_lnb_wrap .lnb_menu{background: #fff; width: 100%; height: 45px; }
#N_lnb_container #N_lnb_wrap .lnb_menu.grey{background: #efefef;
    border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
#N_lnb_container #N_lnb_wrap .lnb_menu ul{width: 100%; height: 100%; }
#N_lnb_container #N_lnb_wrap .lnb_menu ul li{width: 50%; height: 100%; }
#N_lnb_container #N_lnb_wrap .lnb_menu ul li:nth-child(1){ border-right: 1px solid #dbdbdb; }
#N_lnb_container #N_lnb_wrap .lnb_menu ul li a{width: 100%; height: 100%; color: #202020; text-align: center; line-height: 45px; font-size: 15px; font-weight: 600; }
#N_lnb_container #N_lnb_wrap .lnb_menu ul li span{padding: 10px 25px;}
#N_lnb_container #N_lnb_wrap .lnb_menu ul li.icon5 span{background: url(https://img.mysdis.co.kr/images/N_lnb_icon05.svg) no-repeat; background-size: 19px; background-position:left center; padding-left: 22px;}
#N_lnb_container #N_lnb_wrap .lnb_menu ul li.icon6 span{background: url(https://img.mysdis.co.kr/images/N_lnb_icon06.svg) no-repeat; background-size: 19px; background-position:left center;padding-left: 22px;}
#N_lnb_container #N_lnb_wrap .lnb_menu ul li.icon7 span{background: url(https://img.mysdis.co.kr/images/N_lnb_icon07.png) no-repeat; background-size: 19px; background-position:left center;padding-left: 22px;}
#N_lnb_container #N_lnb_wrap .lnb_menu ul li.icon8 span{background: url(https://img.mysdis.co.kr/images/N_lnb_icon08.svg) no-repeat; background-size: 19px; background-position:left center;padding-left: 22px;}

#N_lnb_container #N_lnb_wrap .lnb_list{background: #fff; width: 100%;}
#N_lnb_container #N_lnb_wrap .lnb_list ul{width: 100%; height: 100%; display: inline-block;}
#N_lnb_container #N_lnb_wrap .lnb_list ul li{border-bottom: 1px solid #eaeaea; height: 45px; text-align: left; padding-left: 25px;  padding-right: 15px; position: relative;}
#N_lnb_container #N_lnb_wrap .lnb_list ul li:last-child{border-bottom:none;}
#N_lnb_container #N_lnb_wrap .lnb_list ul li a{width: 100%; height: 100%; font-size: 15px; line-height: 45px; color: #202020;font-weight: 600;
    background: url(https://img.mysdis.co.kr/images/N_lnb_icon09.png) no-repeat; background-size: 19px; background-position:right center;}
#N_lnb_container #N_lnb_wrap .lnb_list ul li.lnb_push_noti a span{width: 80%; height: 45px;
    background: url(https://img.mysdis.co.kr/images/N_lnb_icon11.svg) no-repeat; background-size: 20px; background-position:0px 13px; padding-left: 33px; display: block;}
#N_lnb_container #N_lnb_wrap .lnb_list ul li.lnb_qna a span{width: 80%; height: 45px;
    background: url(https://img.mysdis.co.kr/images/N_lnb_icon04.svg) no-repeat; background-size: 20px; background-position:0px 13px; padding-left: 33px; display: block;}
#N_lnb_container #N_lnb_wrap .lnb_list ul li.lnb_comment a span{width: 80%; height: 45px;
    background: url(https://img.mysdis.co.kr/images/icon_menu_balloon.png) no-repeat; background-size: 19px; background-position:left 12px; padding-left: 33px; display: block;}
#N_lnb_container #N_lnb_wrap .lnb_list ul li.lnb_faq a span{width: 80%; height: 45px;  background: url(https://img.mysdis.co.kr/images/icon_menu_q.png) no-repeat; background-size: 20px; background-position:left 12px; padding-left: 33px; display: block;}
#N_lnb_container #N_lnb_wrap .lnb_list ul li.lnb_review a span{width: 80%; height: 45px;  background: url(https://img.mysdis.co.kr/images/N_lnb_icon12.svg) no-repeat; background-size: 20px; background-position:left 12px; padding-left: 33px; display: block;}
#N_lnb_container #N_lnb_wrap .lnb_list ul li a span.alarm{width: 13px; height:13px; border-radius: 100px; background: #ff3c63;
color:#fff; font-size:10px; line-height: 12px; position: absolute; top:10px; left:90px; padding-left: 2px; display:none;}
#N_lnb_container #N_lnb_wrap .lnb_list ul li a i.alarm{position: absolute;top: 10px;background: #ff3c63;color: #fff;font-size: 10px;left: 90px;display: none;text-align: center;vertical-align: baseline;font-style: normal;border-radius: 100%;width : 13px; line-height: 11px;padding-top: 2px;box-sizing: content-box; }

#N_lnb_container #leftm_wrap .lnb_menu ul li.lnb_gift span

#N_lnb_container #N_lnb_wrap .lnb_center{width: 100%; height: 75px; background: #fff;  padding: 10px 10px 0px 10px; }
#N_lnb_container #N_lnb_wrap .lnb_center .txt_wrap{width: 247px;}
#N_lnb_container #N_lnb_wrap .lnb_center p{display: block; width: 100%; height: 20px; text-align: left; color: #202020; font-size: 15px; font-weight: 600;}
#N_lnb_container #N_lnb_wrap .lnb_center span{width:100%; height: 20px; display: block; text-align: left; font-size: 13px; letter-spacing: -1px;}
#N_lnb_container #N_lnb_wrap .lnb_center a{display: block; width: 75px;  height: 30px; line-height:30px;border-radius: 5px; background: #ffa1b4; color: #fff; margin-top: 5px; font-size: 14px;}

#N_lnb_container #N_lnb_wrap .lnb_recently_list{padding-bottom: 15px; max-width: 720px; overflow: hidden;}

#N_lnb_container #N_lnb_wrap .lnb_recently_list .tit{width: 100%; height: 45px; padding: 5px 21px; line-height: 33px;}
#N_lnb_container #N_lnb_wrap .lnb_recently_list .tit h3{font-size: 15px; color: #202020;}
#N_lnb_container #N_lnb_wrap .lnb_recently_list .tit a{font-size: 14px; color: #202020; font-weight: 600;}
#N_lnb_container #N_lnb_wrap .lnb_recently_list .swiper-container{
    width: 100%;
    height: 100%;
}
#N_lnb_container #N_lnb_wrap .lnb_recently_list .swiper-wrapper{padding: 0 10px;}
#N_lnb_container #N_lnb_wrap .lnb_recently_list .swiper-slide {
    width: 115px;
    text-align: center;
    font-size: 18px;
    background: #fff;

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

@media only screen and (min-width: 719px) {
    #N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn{padding: 12px 34px; }
    #N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn .profile_img{width: 80px;}
    #N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn .info_wrap{margin-left: 25px; }
    #N_lnb_container #N_lnb_wrap .lnb_menu_blue ul li.icon1{background-size:45px; background-position: center 13px;}
    #N_lnb_container #N_lnb_wrap .lnb_menu_blue ul li.icon2{background-size:45px; background-position: center 13px;}
    #N_lnb_container #N_lnb_wrap .lnb_menu_blue ul li.icon3{background-size:45px; background-position: center 13px;}
    #N_lnb_container #N_lnb_wrap .lnb_menu_blue ul li.icon4{background-size:45px; background-position: center 13px;}
    #N_lnb_container #N_lnb_wrap .lnb_menu{height: 50px;}
    #N_lnb_container #N_lnb_wrap .lnb_menu ul li a{line-height: 50px; font-size: 15px;}
    #N_lnb_container #N_lnb_wrap .lnb_menu ul li.icon5 span{background-size: 22px; padding-left: 25px;}
    #N_lnb_container #N_lnb_wrap .lnb_menu ul li.icon6 span{background-size: 22px; padding-left: 25px;}
    #N_lnb_container #N_lnb_wrap .lnb_menu ul li.icon7 span{background-size: 22px; padding-left: 25px;}
    #N_lnb_container #N_lnb_wrap .lnb_menu ul li.icon8 span{background-size: 22px; padding-left: 25px;}
    #N_lnb_container #N_lnb_wrap .lnb_list ul li{height: 50px;}
    #N_lnb_container #N_lnb_wrap .lnb_list ul li a{line-height: 50px; font-size: 15px;}
    #N_lnb_container #N_lnb_wrap .lnb_recently_list .tit h3{font-size: 15px;}
    #N_lnb_container #N_lnb_wrap .lnb_recently_list .swiper-slide {
        width: 140px;}

}

@media only screen and (min-width: 319px) {
    #N_lnb_container #N_lnb_wrap .lnb-loginid .login_btn p{font-size: 20px;}
    #N_lnb_container #N_lnb_wrap .lnb_menu_blue ul li a{font-size: 13px;}
    #N_lnb_container #N_lnb_wrap .lnb_center p{font-size: 14px;}
    #N_lnb_container #N_lnb_wrap .lnb_center a{width: 60px; font-size: 13px;}
    #N_lnb_container #N_lnb_wrap .lnb_center span{font-size: 12px;}
    #N_lnb_container #N_lnb_wrap .lnb_center .txt_wrap{width: 235px;}
}

/*이벤트 당첨 페이지*/
.event_gift_contents{background:#f6f6f6; padding: 20px;}
.event_gift_contents p {_margin: 10px 0;font-size: 16px; color: #222;}
.event_gift_contents p:last-of-type{margin-bottom: 30px;}
.event_gift_contents .input-area{ text-align: center; }

@media (min-width:720px) {.event_gift_contents .input-area input{_max-width: 120px;padding: 10px 20px;font-size: 18px;width: calc(100%/3 - 4px);box-sizing: border-box;text-align: center} }
@media (max-width:719px) {.event_gift_contents .input-area input{_max-width: 120px;padding: 10px 20px;font-size: 13px;width: calc(100%/3 - 4px);box-sizing: border-box;text-align: center} }

.event_gift_contents .win-area {margin-top: 25px; background: #fff;}
.event_gift_contents .win-area table{border: 1px solid #cecece; border-top:3px solid #555;}
.event_gift_contents .win-area table tr td {padding: 15px;text-align: center}
.event_gift_contents .win-area table tr td div{padding-top: 13px;}
.event_gift_contents .win-area table tr td div.fir{padding-bottom: 13px; padding-top:7px; border-bottom: 1px solid #eaeaea;}
.event_gift_contents .win-area table tr td:first-child{border-bottom: 1px dotted #cecece;}
.event_gift_contents .win-area table tr td div label{display: inline-block;width: 25%;font-size: 16px; margin-right: 10px;}
.event_gift_contents .win-area table tr td div span{display: inline-block;width: 70%;font-size: 16px;text-align: left; color:#222;}
/*이벤트 당첨 페이지 END*/




/*메인페이지 개편css*/

/* 카테고리 버튼*/
.category_wrap{width: 100%;  position: relative; /*z-index: 10;*/ }
.cateBox{width: 25%; float: left; border-bottom: 1px solid #EAEAEA; border-left: 1px solid #eaeaea; padding: 10px 0;}
.cateBox a{width: 100%;}
.cateBox a img{width: 40px; margin: 0 auto; display: block;}
.cateBox a span{text-align:center; display: block; font-size: 12px; }


/*카테고리 인기상품*/
.category_viewer_tit{width: 100%; height: 40px; height: 65px; padding: 11px 10px 0;color: #111;font-weight: 900;font-size: 17px;letter-spacing: -1px;}
.category_viewer{_display: inline-block; }

/*더보기버튼*/
.category_viewer .moreVeiw_btn{width: 100%; height: 60px; line-height: 60px; font-weight: 600; text-align: center; color:#ff3c63; border: 1px solid #eaeaea; border-right: none; border-left: none;   }
.category_viewer .moreVeiw_btn span.btn_inner{background: url(https://img.mysdis.co.kr/images/more_plus.svg) no-repeat;background-position: left 3px; background-size: 13px; padding-left: 17px;}
.category_viewer .moreVeiw_btn img{display:inline-block; }

/*카테고리 인기상품 탭*/
/*카테고리 인기상품 탭*/
.cateV_tab{width:100%; _height:100%; border-top:1px solid #efefef; border-bottom:3px solid #ff4a4a;background: #fff;}

.cateV_tab.cateV_fixed{position: fixed;top:47px;z-index: 998;max-width: 100%;}
@media only screen and (max-width:720px) {.cateV_tab.cateV_fixed{position: fixed;top:46px;z-index: 998;max-width: 720px;} }

.cateV_tab .v_tab{text-align:center; font-size:12px;  width:20%; height:60px; display:block; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; float: left; }

.cateV_tab .v_tab a{width: 100%; height: 100%; color: #222; padding-top: 3px; border-right: 1px solid #efefef;}
.cateV_tab .v_tab a.cate_tab4{border-right: none;}
.cateV_tab .v_tab a.cate_tab1.on{background: #ff4a4a; color: #fff; border-right: 0px;}
.cateV_tab .v_tab a.cate_tab2.on{background: #ff7964; color: #fff; border-right: 0px;}
.cateV_tab .v_tab a.cate_tab3.on{background: #ff859e; color: #fff; border-right: 0px;}
.cateV_tab .v_tab a.cate_tab4.on{background: #4aafff; color: #fff; border-right: 0px;}
.cateV_tab .v_tab a.cate_tab5.on{background: #4fca84; color: #fff; border-right: 0px;}

.cateV_tab .v_tab a span{width: 30px; height:30px;display: block; margin: 0 auto; margin-bottom: 3px;}
.cateV_tab .v_tab a span.icon01{background: url(https://img.mysdis.co.kr/images/cate_v01.svg) no-repeat; background-size: 60px; background-position: 2px 4px; }
.cateV_tab .v_tab a.on span.icon01{background: url(https://img.mysdis.co.kr/images/cate_v01.svg) no-repeat; background-size: 60px; background-position: -30px 4px; }
.cateV_tab .v_tab a span.icon02{background: url(https://img.mysdis.co.kr/images/cate_v02.svg) no-repeat; background-size: 60px; background-position: 2px 4px; }
.cateV_tab .v_tab a.on span.icon02{background: url(https://img.mysdis.co.kr/images/cate_v02.svg) no-repeat; background-size: 60px; background-position: -30px 4px; }
.cateV_tab .v_tab a span.icon03{background: url(https://img.mysdis.co.kr/images/cate_v03.svg) no-repeat; background-size: 60px; background-position: 2px 4px; }
.cateV_tab .v_tab a.on span.icon03{background: url(https://img.mysdis.co.kr/images/cate_v03.svg) no-repeat; background-size: 60px; background-position: -30px 4px; }
.cateV_tab .v_tab a span.icon04{background: url(https://img.mysdis.co.kr/images/cate_v04.svg) no-repeat; background-size: 60px; background-position: 2px 4px; }
.cateV_tab .v_tab a.on span.icon04{background: url(https://img.mysdis.co.kr/images/cate_v04.svg) no-repeat; background-size: 60px; background-position: -30px 4px; }
.cateV_tab .v_tab a span.icon05{background: url(https://img.mysdis.co.kr/images/cate_v08.svg) no-repeat; background-size: 65px; background-position: 0px 4px; }
.cateV_tab .v_tab a.on span.icon05{background: url(https://img.mysdis.co.kr/images/cate_v08.svg) no-repeat; background-size: 65px; background-position: -35px 4px; }


/*롤링배너*/
.cateV_rolling{margin-bottom: -39px;  background: #efefef;}
.swiper-container.cateV_rolling .swiper-slide{border:10px solid #efefef;}
.cateV_rolling .swiper-pagination{bottom: 20px !important; position: absolute;}
.cateV_rolling .swiper-pagination .swiper-pagination-bullet-active{background:#ff634a; }

/*기존 상품리스트에서 추가변경되는 스타일*/
.category_viewer .pdt_list_2nd .box .rank{position: absolute;top: 1px;left: 1px;width: 34px;height: 36px;font-size: 17px;color: #ffffff;text-align: center;line-height: 27px;padding-top: 5px;background-size: 100%;background: rgba(0,0,0,0.3);font-style:italic;font-weight: 600;}
.category_viewer .pdt_list_2nd .box .rank.top3{background: rgb(255, 99, 74); }
.category_viewer .pdt_list_2nd .box .cont_wrap .info p.dcc{_width: 20px;font-size: 13px;color: #ff2e36;margin-left: 7px;line-height: 28px;font-weight: 300;}
.category_viewer .pdt_list_2nd .box .info p.dcc span{  font-size: 17px;}
.category_viewer .pdt_list_2nd .box .info p.tit{font-weight: 400;}



@media (min-width:720px) {#product_list > li.box {height: 478px;}} /* 478 > 490 */
@media (max-width:425px) {#product_list > li.box {height: 309px;}} /* 309 > 320 */
@media (max-width:375px) {#product_list > li.box {height: 280px;}} /* 280 > 291 */
@media (max-width:320px) {#product_list > li.box {height: 248px;}} /* 248 > 260 */

.content-header p{text-align: center;padding: 10px 0;border-top:7px solid #efefef;}
.content-header p span{width: 30px; height:30px;display: inline-block ; margin: 0 auto; _margin-bottom: 3px;vertical-align: middle}


.content-header.content-header-1{background: #ff4a4a;color:#fff;}
.content-header.content-header-2{background: #ff7964;color:#fff;}
.content-header.content-header-3{background: #ff859e;color:#fff;}
.content-header.content-header-4{background: #4aafff;color:#fff;}
.content-header.content-header-5{background: #4fca84;color:#fff;}

.content-header.content-header-1 p span.icon{background: url(https://img.mysdis.co.kr/images/cate_v01.svg) no-repeat; background-size: 50px; background-position: -23px 2px;}
.content-header.content-header-3 p span.icon{background: url(https://img.mysdis.co.kr/images/cate_v02.svg) no-repeat; background-size: 50px; background-position: -23px 2px;}
.content-header.content-header-4 p span.icon{background: url(https://img.mysdis.co.kr/images/cate_v03.svg) no-repeat; background-size: 50px; background-position: -23px 2px;}
.content-header.content-header-2 p span.icon{background: url(https://img.mysdis.co.kr/images/cate_v01.svg) no-repeat; background-size: 50px; background-position: -23px 3px;}
.content-header.content-header-5 p span.icon{background: url(https://img.mysdis.co.kr/images/cate_v04.svg) no-repeat; background-size: 50px; background-position: -23px 2px;}


.main .pdt_list_wrap.main_pdt_list ul > li.box{margin-top: 10px;}

/*메인페이지 개편css END*/



/*오늘오픈*/
.todayOpen_btn_wrap { width:100%; height:auto; background:#fff;  z-index: 15; max-width: 720px; }
.todayOpen_btn { width:100%; height:38px; margin:0px auto;}
.todayOpen_btn a { width:50%; height:38px; float:left; display:block; text-align:center; line-height:36px; background:#fff; font-size:15px; color: #81a7ff; z-index: 12;  border-bottom:1px solid #81a7ff; border-top:1px solid #81a7ff;}
.todayOpen_btn a.on { background:#81a7ff; color:#fff;}
.content.main .pdt_list_wrap.best { border-top:none; display:block; }

@media only screen and (min-width:619px) {
    .todayOpen_btn{height: 50px;}
    .todayOpen_btn a {height: 50px; line-height: 50px;}
}

#todayOpen{display: block; width:100%; height:100%;}
#todayOpen.pdt_list_wrap ul{background: #fff; padding: 0px;}
#todayOpen.pdt_list_wrap ul li{position: relative;  display:inline-block;  background: #fff;margin-bottom: 0;  float: none;  width: 100%; height: 100%;/* border-bottom: 1px solid #efefef;*/}
#todayOpen.pdt_list_wrap ul li a{width: 100%; height: 100%; display: block;}
#todayOpen.pdt_list_wrap ul li a .pdt_img{margin: 10px;display: block; float: left;  border-bottom: 0px;}
#todayOpen.pdt_list_wrap ul li a .pdt_img img{float: left; width: 7em;height: 8em;  min-height: 112px;display: block;  }
#todayOpen.pdt_list_wrap ul li a .pdt_info{  width: 100%; height: 100%;  padding: 10px 10px 10px 9.5em;}
#todayOpen.pdt_list_wrap ul li a .pdt_info .pdt_name{    display: block;  width: 100%; max-height: 60px;  font-size: 16px;  font-weight: 400;  color: #181818;  padding-right: 0;  overflow: hidden;  line-height: 20px;  letter-spacing: -1px; margin-top: 10px;}
#todayOpen.pdt_list_wrap ul li a .pdt_info .pdt_summary{margin-top: 0;  margin-top: 0;  color: #9B9B9B;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  line-height: 21px; font-size: 14px;}
#todayOpen.pdt_list_wrap ul li a .pdt_info .pdt_price{    margin-top: 0;  display: block;  width: 100%;  height: auto;}
#todayOpen.pdt_list_wrap ul li a .pdt_info .pdt_price .sale{  top: 0;  left: 0;  color: #111;  font-size: 18px;  font-weight: bold;}
#todayOpen.pdt_list_wrap ul li a .pdt_info .info_icon{overflow: hidden;  height: 25px;  float: left;}
#todayOpen.pdt_list_wrap ul li a .pdt_info .info_icon > span{    color: #3597ff;  font-weight: normal;  margin-right: 5px;  padding: 0 5px;  font-size: 12px;  background: #ffffff;  border: 1px solid #3597ff;}
#todayOpen.pdt_list_wrap ul li a .pdt_info .wish_wrap{float: right;  width: 40px;  height: 40px;  margin-right: 10px;}
#todayOpen.pdt_list_wrap ul li a .pdt_info .wish_wrap>div{  width: 40px;  height: 40px;  border: 1px solid #EAEAEA;  border-radius: 100%;  text-align: center;
}
#todayOpen.pdt_list_wrap ul li a .pdt_info .wish_wrap>div > i{font-size: 19px;  color: #aaa;  line-height: 41px;}

#todayOpen.pdt_list_wrap .todayclose_txt{border-bottom: 1px solid #efefef; text-align:center;  padding: 5px 0 12px;  background: #efefef;}
#todayOpen.pdt_list_wrap .todayclose_txt{color: #111; letter-spacing: -1px; font-size: 15px;}
#todayOpen.pdt_list_wrap .todayclose_txt strong{padding-left: 31px;  background: url(https://img.mysdis.co.kr/images/sandclock.svg) no-repeat;  background-size: 37px;  background-position: center left;  height: 33px;  line-height: 33px;  display: inline-block;}


@media only screen and (min-width: 619px){
    #todayOpen.pdt_list_wrap ul li a .pdt_img img{width: 15em;  height: 16em;  }
    #todayOpen.pdt_list_wrap ul li a .pdt_info{padding: 10px 5px 10px 17em}
    #todayOpen.pdt_list_wrap .todayclose_txt{font-size: 17px;}
    #todayOpen.pdt_list_wrap ul li a .pdt_info .pdt_name{font-size: 20px;  line-height: 34px;}
    #todayOpen.pdt_list_wrap ul li a .pdt_info .pdt_summary{font-size: 16px;  line-height: 20px;}
    #todayOpen.pdt_list_wrap ul li a .pdt_info .pdt_price .sale{font-size:20px;}
    #todayOpen.pdt_list_wrap ul li a .pdt_info .info_icon > span{font-size: 14px;  }
}

/*다른고객이 함께 본 상품*/
.mostView_wrap{border-bottom: 7px solid #eee;}
.mostView_wrap .mostView_header{width: 100%;  border-top: 7px solid #eee;  border-bottom: 1px solid #eee;  text-align: center;}
.mostView_wrap .mostView_header h2{padding: 20px;  font-size: 18px;  font-weight: 700; color: #222;}

.mostView_list .mostView_item{width: 100%; height: 110px; background: #fff;border-bottom: 6px solid #f9f9f9;}
.mostView_list .mostView_item a{width: 100%; height: 100%; display: block;border-bottom: 1px solid #eaeaea;}

.mostView_list .mostView_item a .mostView_img{width: 161px; height: 100%; display: block; float: left; margin-right:15px;overflow: hidden;}
.mostView_list .mostView_item a .mostView_img img{ height: 100%; display: block; margin-left: -1px; max-width: 170px;}
.mostView_list .mostView_item a .mostView_info{width: 48%; width: calc(100% - 190px); height: 100%; display: block; float: left;padding: 15px 0;}
.mostView_list .mostView_item a .mostView_info strong.mostView_name{display: -webkit-box;  -webkit-line-clamp: 2;  text-overflow:ellipsis;  font-size: 16px;  font-weight: 400;  color: #222;  height: 34px;  line-height: 17px;  letter-spacing: -1px;  overflow: hidden;  -webkit-box-orient: vertical;
    max-height: 40px;word-wrap: break-word;}
.mostView_list .mostView_item a .mostView_info .mostView_pri_wrap{margin-top: 5px;}
.mostView_list .mostView_item a .mostView_info span.mostView_pri{display: block;  font-weight: 700;  font-size: 16px;  color: #111;  line-height: 17px;  overflow: hidden;}
.mostView_list .mostView_item a .mostView_info span.mostView_ori{ font-size: 13px;  text-decoration: line-through;  color: #bbb;  line-height: 14px;}
.mostView_list .mostView_item a .mostView_info span.mostView_dc{font-size: 25px; color: #ff3c63;  line-height: 18px;  letter-spacing: -1px;  line-height: 33px;  margin-top: 15px;  font-weight: 600;}
.mostView_list .mostView_item a .mostView_info span.mostView_dc em{font-size:19px; margin-lest:1px; }
.mostView_list .mostView_item a .mostView_info span.mostView_dc em.hotdealga{font-size:17px;  letter-spacing: -2px;}
.mostView_moreBtn {height: 65px;}
.mostView_moreBtn .mostViewBtn{display: block;  position: relative;  margin: 10px 10.5px;  padding: 15px 10.5px; border: 1px solid #ff3c63;  border-radius: 2px;  border-image-source: none;  border-image-slice: 100%;  border-image-width: 1;  border-image-outset: 0s;  border-image-repeat: initial; cursor: pointer;  text-align: center;  color: #ff3c63;}

.mostView_moreBtn .moreBtn_icon:before{content: '';  display: inline-block;  margin-left: 3px;  width: 0.6rem;  height: 0.6rem;  border-top: 2px solid #ff3c63;  border-left: 2px solid #ff3c63; -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);  transform: rotate(-135deg);}
.mostView_moreBtn .moreBtn_icon.on:before{transform: rotate(45deg);}

.mostView_item.hidden{display: none;}
.mostView_item.show{display: block;}

@media only screen and (min-width: 619px){
    .mostView_list .mostView_item a .mostView_info{width: 72%;}
    .mostView_list .mostView_item a .mostView_img{width: auto;}
}




/*해외상품 페이지*/
.foreign_banner{}
.foreign_banner img{display: block;}
.foreign_banner .line{width: 100%; height: 10px; background: #f2f2f2; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
#foreign_pdtList ul li{position: relative;}
#foreign_pdtList ul li .line{width: 100%; height: 10px; background: #f2f2f2; border-top: 1px solid #eaeaea;}
#foreign_pdtList ul li a .pdtImg{width: 100%; height: 100%;}
#foreign_pdtList ul li a .pdtInfo{width: 77%; height: 100%; margin: 0 auto; padding: 15px 0 15px;}
#foreign_pdtList ul li a .pdtName{color:#111; padding:0px 10px 3px; text-align: center;}
#foreign_pdtList ul li a .pdtPri{text-align: center;}

#foreign_pdtList ul li a .pdtPri p.dal{ display: inline-block; text-align: center;  margin-left: 2px; color: #333;  letter-spacing: -0.5px; font-size: 18px;}
#foreign_pdtList ul li a .pdtPri p.won{display: inline-block;  text-align: center; font-size: 16px;color: #fc4848;  font-weight: 800; letter-spacing: -0.7px;}
#foreign_pdtList ul li a .pdtPri p.won span{font-size: 23px; vertical-align: -1px; margin-right: 2px;}
#foreign_pdtList ul li .wish_wrap{position: absolute;  z-index: 12;  bottom: 108px;  right: 10px; }
#foreign_pdtList ul li .wish_wrap>div{width: 40px; height: 40px; border:1px solid #EAEAEA; border-radius: 100%; text-align: center; background: #fff;}
#foreign_pdtList ul li .wish_wrap i{font-size: 19px; color: #aaa; line-height: 41px;}


/*New투데이핫딜*/

.hotDeal_wrap{width: 100%; height: auto; background: #fff; display:block; border-bottom: 1px solid #eaeaea;}
.hotDeal_wrap h3{width:100%; margin: 0 auto; padding: 11px 0; border-bottom: 1px solid #efefef;}
.hotDeal_wrap h3 img{width:125px; display:block; margin: 0 auto;}

.hotDeal_wrap > .swiper-container.hotDeal_swiper {
    width: 100%;
    height: 145px;
}
.hotDeal_wrap > .hotDeal_swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 275px;
    height:150px;
    border-right: 1px solid #efefef;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.hotDeal_wrap > .hotDeal_swiper .swiper-slide a{width: 100%; height: 100%; }
.hotDeal_wrap > .hotDeal_swiper .swiper-slide a .pdt_img{width: 135px;padding: 10px 15px; float: left;}
.hotDeal_wrap > .hotDeal_swiper .swiper-slide a .pdt_img img{width: 100%; height: 100%;}
.hotDeal_wrap > .hotDeal_swiper .swiper-slide a .pdt_info{float: right;
    width:50%; padding: 30px 10px; text-align: left;}
.hotDeal_wrap > .hotDeal_swiper .swiper-slide a .pdt_info .lookNum{font-size: 12px; font-weight: 600; color: #999999; }
.hotDeal_wrap > .hotDeal_swiper .swiper-slide a .pdt_info .lookNum span{background:#ff4a4c; border-radius:10px;padding: 1px 8px; font-size: 12px; color: #fff;  margin-right: -3px;}
.hotDeal_wrap > .hotDeal_swiper .swiper-slide a .pdt_info .pdt_name{text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  font-size: 15px;  letter-spacing: -0.7px;  color: #222;  line-height: 18px;  max-height: 36px;  font-family: 'ng';  margin-top: 10px; }
.hotDeal_wrap > .hotDeal_swiper .swiper-slide a .pdt_info .pdt_pri{font-size: 16px; letter-spacing:-1px; color: #222; font-weight: 600; margin-top: 5px;}

/*해피톡 레이어 */
.happycall_pop{width: 80%; margin: 0 auto; background: #fff; position: relative;}
.happycall_pop .hpCloss_btn{position: absolute;position: absolute;  right: -7px;  top: -30px;  width: 30px;  height: 30px;}
.happycall_pop .hpCloss_btn i{color: #fff; font-size: 26px;}
.happycall_pop .happycall_inner{width: 100%; padding: 10px;  background: #fff;}
.happycall_pop .happycall_inner h2{width: 90%; margin: 5px auto; font-size: 16px; color: #111;}
.happycall_pop .happycall_inner h2 i{color: #2fc5ff}
.happycall_pop .happycall_inner ul{margin: 10px 0 10px; }
.happycall_pop .happycall_inner li{width: 90%; height:50px; margin: 0 auto;
    border:1px solid #aaa;border-bottom:none; font-size: 16px; display: block;}
.happycall_pop .happycall_inner li:first_child{border-top: none;}
.happycall_pop .happycall_inner li:last-child{border-bottom: 1px solid #aaa;}
.happycall_pop .happycall_inner li a{width: 100%; height:100%; text-align: center;line-height: 50px; color: #0cb2e5; font-weight: 600;}

.happycall_pop .call_info{background: #63cdf6; margin-top: -5px; padding: 10px;}
.happycall_pop .call_info .inner_box{width: 100%; margin: 0 auto; border:1px solid #efefef; border-radius: 3px; padding:7px 5px;}
.happycall_pop .call_info .inner_box .tit{text-align: center; color: #fff; }
.happycall_pop .call_info .inner_box .tit i{color: #fff; font-size: 3px;}
.happycall_pop .call_info .inner_box p{color: #fff; letter-spacing: -1px; text-align: center; font-weight: 600; font-size: 17px;}
.happycall_pop .call_info .inner_box p span{font-size: 14px; font-weight: 100; }

/*해피톡 레이어 네이티브 웹뷰 */
.happycall_pop_b{width: 70%; margin: 0 auto; background: #fff; }
.happycall_pop_b .hpCloss_btn{position: absolute;  right: -7px;  top: -30px;  width: 30px;  height: 30px;}
.happycall_pop_b .hpCloss_btn i{color: #fff; font-size: 26px;}
.happycall_pop_b .happycall_inner{width: 100%;padding: 10px;  background: #fff;}
.happycall_pop_b .happycall_inner h2{width: 90%; margin: 5px auto; font-size: 16px; color: #111;}
.happycall_pop_b .happycall_inner h2 i{color: #2fc5ff}
.happycall_pop_b .happycall_inner ul{margin: 20px 0 10px; }
.happycall_pop_b .happycall_inner li{width: 90%; height:50px; margin: 0 auto;
    border:1px solid #aaa;border-bottom:none; font-size: 16px; display: block;}
.happycall_pop_b .happycall_inner li:first_child{border-top: none;}
.happycall_pop_b .happycall_inner li:last-child{border-bottom: 1px solid #aaa;}
.happycall_pop_b .happycall_inner li a{width: 100%; height:100%; text-align: center;line-height: 50px; color: #0cb2e5; font-weight: 600;}

.happycall_pop_b .call_info{background: #63cdf6; margin-top: -5px; padding: 10px;}
.happycall_pop_b .call_info .inner_box{width: 100%; margin: 0 auto; border:1px solid #efefef; border-radius: 3px; padding:7px 5px;}
.happycall_pop_b .call_info .inner_box .tit{text-align: center; color: #fff; }
.happycall_pop_b .call_info .inner_box .tit i{color: #fff; font-size: 3px;}
.happycall_pop_b .call_info .inner_box p{color: #fff; letter-spacing: -1px; text-align: center; font-weight: 600; font-size: 17px;}
.happycall_pop_b .call_info .inner_box p span{font-size: 14px; font-weight: 100; }


    /*상품상세 댓글*/



.n_cmt2 {backgrouind : #bfd1dd;}



.n_cmt2 li .cmt-header span {vertical-align: baseline; }
.n_cmt2 li .cmt-header span:last-child{margin: 0;}
.n_cmt2 li .cmt-header span.date{color:#a5a5a5; font-size: 11px; margin-left: 10px;}
.n_cmt2 li div.cmt-proImg{width: 40px; height:40px; margin-right: 20px;  border-radius: 100%; overflow: hidden;}
.n_cmt2 li div.cmt-proImg img{width: 100%;}
.n_cmt2 li .cmt-balloon{background: #fff;  border-radius: 0 15px 15px 15px;  padding: 10px;  width: 77%;  width:calc(100% - 60px); position: relative;}
.n_cmt2 li .cmt-balloon .msgball{position: absolute;  top: 0px;  left: -13px;  width: 0;  height: 0;  border-top: 13px solid white;  border-left: 13px solid transparent;}
.n_cmt2 li .cmt-header span.userBadge{background: #fff;  border:1px solid #cccdce;}
.n_cmt2 li .cmt-content {color:#202020;margin-top: 7px;margin-left: 3px;width: 95%; display:inline-block;}
.n_cmt2 li {padding:8px 12px; width: 100%; margin: 0px auto; display: inline-block;}
/*.n_cmt2 li:last-child {border:1px solid #e2e2e2;}*/


.n_cmt2 li:not(.reply) { }
.n_cmt2 li:not(.reply) div.cmt-header span.userBadge{background-color: #8d9ebd; color:#fff;padding: 2px 7px;border-radius: 4px;border:none;}
.n_cmt2 li:not(.reply) div.cmt-header span.userName{color: #333; font-weight: 600;}
.n_cmt2 li:not(.reply) div.cmt-content{margin-left: 0!important;}
.n_cmt2 li:not(.reply) div.etc-btn{float: right;width: 30px;height: 30px;display: inline-block;margin-right: -5px; margin-top: -25px;background: url("https://img.mysdis.co.kr/images/new/icon_item_menu.png") no-repeat;background-position-x:center;background-size: 4px;text-indent: -9999px;cursor: pointer;}

/*.n_cmt2 li.reply:before{content: '';display: inline-block;width: 20px;height: 20px; background: url("https://img.mysdis.co.kr/images/ico_re2.gif") no-repeat;_background-position-y: 5px;background-size: 15px; }*/
.n_cmt2 li.reply{padding-left: 23px;}
.n_cmt2 li.reply div {display: inline-block;}
.n_cmt2 li.reply div.cmt-proImg{width: 40px;  margin-right: 0px;  background: #fe3c63;  height: 40px;  border-radius: 100%;}
.n_cmt2 li.reply div.cmt-proImg img{width: 77%; margin: 0 auto; margin-top: 5px;  display: block;}
.n_cmt2 li.reply div.cmt-balloon{background: #fcffca;  border-radius:  15px 0 15px 15px;  padding: 10px;  width: 77%;  width:calc(100% - 60px); position: relative;}
.n_cmt2 li.reply div.cmt-balloon .msgball{position: absolute;  top: 0px;  left: auto; right: -13px; width: 0;  height: 0;  border-top: 13px solid #fcffca;  border-right: 13px solid transparent;}
.n_cmt2 li.reply div.cmt-header span.managerBadge{color:#333;padding: 2px 1px;border-radius: 4px;border:none; font-weight: 600;}
.n_cmt2 li.reply .cmt-happy-btn {width: 90%;  height: 40px;  text-align: center;  background: #fff;  border: 1px solid #ff3c63;  margin: 10px auto;  display: block;  color: #ff6161;  line-height: 36px;
    border-radius: 5px;}

/*앱으로구매 버튼 style*/
.content.pdt_detail .order_fix .btnPur.btnBuy{width: 100%; margin-left: 0; margin-right: 5px; float: left;}
.content.pdt_detail .order_fix .btnApp.btnBuy{width: 49%; margin-left: 0; float: left;}
.content.pdt_detail .order_fix .btnPur.btnBuy a{width: 100%;  height: 100%;  font-size: 18px;  background: #fb5476;  color: #fff;  line-height: 48px;  border-radius: 4px;}
.content.pdt_detail .order_fix .btnApp.btnBuy a{width: 100%;  height: 100%;  font-size: 18px;  background: #e6002e;  color: #fff;  line-height: 48px;  border-radius: 4px;}


.toast.ui-loader.ui-overlay-shadow.ui-body-e.ui-corner-all{background: url(https://img.mysdis.co.kr/images/toast_bg.png) no-repeat; background-size: 100%; color:#3c8aff;}


/*New옵션*/
.pdt_option_wrap .t_btn .btn{z-index: 1;}
.content.pdt_detail .order_fix .wrap{z-index: 3}
.item_wrap.op_wrap{background: #eee; z-index: 2;  }
.item_wrap.op_wrap .select_opt_wrap{padding: 10px 10px 15px; }
.item_wrap.op_wrap .select_opt
,.item_wrap.op_wrap .select_opt_add{display: block; overflow: hidden;  position: relative;  height: 34px;  width: 100%;  padding: 0 35px 0 10px;  border: 1px solid #4c5694;  border-radius: 2px;  background: #fff;  font-size: 16px;  line-height: 34px;  text-align: left;  margin-top: 6px;  color: #4c5694;}
.item_wrap.op_wrap .select_opt:after
,.item_wrap.op_wrap .select_opt_add:after{position: absolute;  top: 50%;  right: 15px;  width: 9px;  height: 9px;  margin-top: -9px;  border: 1px solid #505a97;  border-width: 0 1px 1px 0;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  content: ''}

.item_wrap.op_wrap .tit{color: #1f1f1f;  font-size: 15px;  font-weight: normal;  line-height: 15px;}
.op_layer{background: #fff;padding: 10px;  position: fixed;  /*left: 6px;  right: 6px*/;  bottom: 0px; height: 500px;  padding: 14px 15px 0;  border-radius: 2px 2px 0 0;  background: #fff;  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);  z-index: 1000000000; display: none; padding-bottom: 5px;width: 100%; max-width: 720px;}
.op_layer .op_hd {width: 100%; height: 33px; overflow: hidden;border-bottom: 1px solid #ededed;}
.op_layer .op_hd h3 {display: inline;  color: #1f1f1f;  font-size: 15px;}
.op_layer .op_hd button.chk{ margin-left:5px;  border: none;  background: none;  color: #4c5694;  font-size: 13px;  line-height: 20px;  vertical-align: top;}
.op_layer .op_hd button.chk:before{  display: inline-block;  width: 18px;  height: 18px;  margin-right:2px;  background: url(https://img.mysdis.co.kr/images/option/chk.png) no-repeat;  background-position: 0px 0px;  background-size: 37px;  vertical-align: -4px;  content: '';  }
.op_layer .op_hd button.chk.on:before{ background-position: -19px 0px;  }
.op_layer .op_hd .op_close{width: 45px;  height: 30px;  border: none;  background: none;  color: #4c5694;  font-size: 15px; text-align: center}
.op_layer .op_slt_wrap{height:407px; overflow-y: scroll;}
.op_layer .op_slt.open .op_name:after{transform: rotate(225deg);}
.op_layer .op_slt.open .op_name{border-bottom: 1px solid #787878;}
.op_layer .op_slt .op_name{overflow: hidden; position: relative;  width: 100%;  height: 48px;  padding-right: 26px;  background: none;  border: none;  border-bottom: 1px solid #eaeaea;  color: #333;  font-size: 14px;  line-height: 48px;  text-align: left;}
.op_layer .op_slt .op_name:after{    position: absolute;  top: 50%;  right: 10px;  width: 9px;  height:9px;  margin-top: -7px;  border: 1px solid #9d9d9d;  border-width: 0 1px 1px 0;  -webkit-transform-origin:70% 70%;  transform-origin: 70% 70%;  -webkit-transition: 0.3s;  transition: 0.3s;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  content: '';}
.op_layer .op_slt .op_name .selected{margin-left: 10px;  color: #6989ff;  font-size: 13px;}
.op_layer .op_slt ul li{display: none; }
.op_layer .op_slt ul li.on{display: table;}
.op_layer .op_slt.open ul li{display: table;}
.op_layer .op_slt ul li{_display: table;  width: 100%;  height: 43px;  vertical-align: middle;  border: 1px solid #ededed; border-radius: 3px; margin-top: 5px;}
.op_layer .op_slt ul li.on{border: 1px solid #ff504a;}
.op_layer .op_slt ul li a{display: block;  overflow: hidden;  padding: 7px 12px 7px 10px;  color: #333;  font-size: 13px;  line-height: 18px;
}
.op_layer .op_slt ul li.out a{color: #eaeaea;}
.op_layer .op_slt .list_op li a{display: table-cell;  overflow: hidden;  padding: 7px 15px;  color: #333;  font-size: 16px;  line-height: 18px;  vertical-align: middle; color: #111;}
.op_layer .op_slt .list_img li a .thumb{float: left;  width: 130px;  margin-right: 10px;}
.op_layer .op_slt .list_img li a .thumb img{display: block;  width: 100%;  height: 100%;}
.op_layer .op_slt .list_img li a .opt{display: block;  overflow: hidden;  max-height: 39px; line-height: 20px;   font-size: 16px;  }
.op_layer .op_slt .list_op li a .opt{display: block;  overflow: hidden;  height: 23px;  font-size: 17px;  }
.op_layer .op_slt ul li .deadline{display: none; color: #ff0c0c; font-size: 13px; float: left;}
.op_layer .op_slt ul li .deadline2{ color: #ff0c0c; font-size: 13px; float: left;}
.op_layer .op_slt ul li.out .deadline{display: block;}
.op_layer .op_slt li a .prc{display: block;  overflow: hidden;  height: 18px;  text-align: right;  line-height: 18px; font-size: 17px; float: right;}
.op_selected_item .deadline2{ color: #ff0c0c; font-size: 15px; float: left; margin-top: 2px;}



/*허쉬초콜릿 공유이벤트*/
.shareEvent_wrap .phoneNum{position:relative; background:#ffeb76; }
.shareEvent_wrap .phoneNum .input_wrap{ width: 100%; height: 60px;margin:8px auto;  border: 2px solid #441e0f; background: #fff;}
.shareEvent_wrap .phoneNum .padding25{padding: 0 25px 20px;}
.shareEvent_wrap .phoneNum .input_wrap input{border: none; width:72%; height:100%; float:left; padding:10px; font-size:20px; font-weight: 600; color: #441e0f;}
.shareEvent_wrap .phoneNum .input_wrap button{color: #fff; font-size: 18px; ; float:right; font-weight: 600; background:#ff4348; text-align: center; width:28%; height:100%; border-left:2px solid #441e0f;}
.shareEvent_wrap .phoneNum p{color: #4e4e4e; font-size:13px;   }

.detail_wrap .expandBanner{width: 95%; height: 57px;  text-align: center; border:1px solid #eaeaea; border-bottom: 1px solid #efefef; margin: 0 auto;}
.detail_wrap .expandBanner p{  margin: 0;padding: 12px 0 11px 0;font-size: 14px;line-height: 30px;color: #141414;text-align: center;background: #fff; font-size: 16px;}
.detail_wrap .expandBanner p::before{content: ''; background: url(https://img.mysdis.co.kr/images/new/expand_hand.svg) no-repeat; background-position:center;  width: 27px;  height: 31px;  display:inline-block;margin: -1px 8px 0 0; vertical-align: top; background-size:cover;font-size:16px;}
.detail_wrap .expandBanner p em{color:#ff0c0c;}

.product_zoom_top {border-bottom: 1px solid #ececec;height: 50px;line-height: 50px;vertical-align: middle;text-align: center;}
.product_zoom_top * {font-weight: bolder;font-size: 16px;}
.product_zoom_top .win_close_btn {cursor: pointer; position : absolute ;right:0 ;font-weight: normal ;font-size: 14px;padding: 0 15px;}



/* 상품목록 : 한줄에 1개씩 [180125추가 김윤진] */

.pdt_list_1nd { width:100%;  }
.pdt_list_1nd:after { content:""; display:block; clear:both; }
.pdt_list_1nd .box { position:relative;  width:100%; border-top:8px solid #f6f6f6; }
.pdt_list_1nd li.box:first-child {border-top:none;  }
.pdt_list_1nd .box .cont_wrap { position:relative; width:100%; background:#fff;   }
.pdt_list_1nd .box .dc { position:absolute; top:5px; left:5px; /*background:url('https://img.mysdis.co.kr/images/dc_bg.png') no-repeat;*/ padding: 0 3px; height:26px; font-size:15px; color:#111; text-align:center; line-height:26px; background-size:100%; font-weight:600; background: #ffce43; z-index: 89 }
.pdt_list_1nd .box .dc span{ margin-left: 1px; letter-spacing: 0px; font-size: 15px;}
/*.pdt_list_1nd h2{ font-size:17px; font-weight:100; color:#333; margin:10px }*/
.pdt_list_1nd .box .del_bag{position:absolute; top:33px; left:5px; /*background:url('https://img.mysdis.co.kr/images/dc_bg.png') no-repeat;*/ padding: 0 3px; height:26px; font-size:12px; color:#fff; text-align:center; line-height:26px; background-size:100%; font-weight:600; background: rgba(0,0,0,0.6); }
.pdt_list_1nd .box a { position:relative; display:block; width:100%; }
.pdt_list_1nd .box a.btn { padding:15px; height:50px; background:#f58c7c; color:#ffffff; text-align:center; line-height:20px; width:75%; }
.pdt_list_1nd .box a.remove { height:50px; text-align:center; padding-top:10px; width:25%; border-top:1px solid #c9c9c9; }
.pdt_list_1nd .box a img.pdt_img { width:100%; border-bottom:1px solid #f4f4f4; }
.pdt_list_1nd .box .info { position:relative; display:block; padding:8px 13px; padding-bottom:0px; overflow:hidden; width:100%; /*height:70px;*/ /*margin-bottom:10px;*/ }
.pdt_list_1nd .box .info p.tit { display:inline-block; width:100%; font-size:16px; color:#222; font-weight:600; /*white-space:nowrap;*/ overflow:hidden; white-space:normal; text-overflow:ellipsis; height:40px; line-height:1.2; word-break:break-all; text-align:left; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    min-height: 40px;}
.pdt_list_1nd .box .info p.pri { font-size:19px;  font-weight:600; color: #111;  letter-spacing: -1px;}
.pdt_list_1nd .box .info p.ori { font-size:12px; color:#aaaaaa; margin-left:5px;  text-decoration:line-through; margin-top:5px; letter-spacing: -1px; }

.pdt_list_1nd .box .rank{position: absolute;top: 1px;left: 1px;width: 34px;height: 36px;font-size: 17px;color: #ffffff;text-align: center;line-height: 27px;padding-top: 5px;background-size: 100%;background: rgba(0,0,0,0.3);font-style:italic;font-weight: 600;}
.pdt_list_1nd .box .rank.top3{background: rgb(255, 99, 74); }
.pdt_list_1nd .box .cont_wrap .info p.dcc{_width: 20px;font-size: 13px;color: #ff2e36;margin-left: 7px;line-height: 28px;font-weight: 300;}
.pdt_list_1nd .box .info p.dcc span{  font-size: 17px;}
.pdt_list_1nd .box .info p.tit{font-weight: 400;}

.pdt_list_1nd .cont_wrap>.main_wish_wrap{bottom:60px;right:5px;}
.pdt_list_1nd .laySoldOut .imgSoldOut{width: 50%;}
@media (min-width:720px) {
    #product_list.pdt_list_1nd > li.box {height: auto;}
    .pdt_list_1nd .box .info p.tit{font-size: 19px;}
    .pdt_list_1nd .box .info{padding-bottom: 10px;}}
@media (max-width:425px) {#product_list.pdt_list_1nd > li.box {height: auto;}}
@media (max-width:375px) {#product_list.pdt_list_1nd > li.box {height: auto;}}
@media (max-width:320px) {#product_list.pdt_list_1nd > li.box {height: auto;}}


/*특가이벤트 응모팝업 스타일*/
#event_join{width: 90%; height: 390px; background: #fff; position: relative;
    top:100px; left: 50%; margin-left: -45%; border-radius: 10px;}
#event_join .header{ width:100%; height: 50px;padding:9px; }
#event_join .header h2{text-align: center; font-size: 15px; color: #111;  }
#event_join .header button{float: right; width: 15px; position: relative; top:2px; right: 5px; }
#event_join .txt_area{text-align: center; color:#777; padding: 7px 8px 27px; font-size: 16px; letter-spacing: -1px;}
#event_join .txt_area .bold{font-weight: 600; color:#111; font-size: 22px; margin-bottom: 10px; letter-spacing: -0.8px;}
#event_join .input_area{border:1px solid #111; padding: 10px; width: 90%; background: #fff; margin: 0 auto; height: 75px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);}
#event_join .input_area span{display: block; font-size: 14px; color: #333;}
#event_join .input_area input{display: block; font-size: 22px;
    border:none;color: #111; text-align:left;  width:100%; }
#event_join .comm{width:90%; margin:  0 auto; }
#event_join a.join_ajax{width: 90%; height: 75px; background: #fde404; color: #111; margin: 13px auto; display: block; font-size: 18px; font-weight: 600;  line-height: 75px; border-radius: 0;}


/*특가이벤트 미션팝업 스타일*/
#event_mission{width: 100%; height: auto; background:#fff9e8; position: relative;
    top:100px; left: 50%; margin-left: -50%; border-radius: 10px; padding-bottom: 15px; overflow: hidden;}
#event_mission .header{ width:100%; height: 10px;padding:9px; background: #fff; }
#event_mission .header h2{text-align: center; font-size: 15px; color: #111;  }
#event_mission .header button{float: right; width: 25px; position: relative; top:7px; right: 11px;z-index: 1000; }
#event_mission .txt_area{text-align: center; color:#777; padding: 7px 8px 21px; font-size: 16px; letter-spacing: -1px; border-bottom: 1px solid #aaa;background: #fff;}
#event_mission .txt_area .bold{font-weight: 600; color:#111; font-size: 22px; /*margin-bottom: 10px;*/ letter-spacing: -0.8px;}
#event_mission .mission_msg{color:#111; text-align:center;}
#event_mission .input_area{border:1px solid #111; padding: 10px; width: 90%; background: #fff; margin: 0 auto; height: 75px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);}
#event_mission .input_area span{display: block; font-size: 14px; color: #333;}
#event_mission .input_area input{display: block; font-size: 22px;
    border:none;color: #111; text-align:left;  width:100%; }
#event_mission .comm{width:90%; margin:  0 auto; }
#event_mission a.txt_btn{width: 90%; height: 57px; background: #ff3c63; color: #fff; margin: 13px auto; display: block; font-size: 18px; font-weight: 600;  line-height:57px; border-radius: 0; text-align: center; border-radius:7px;}
#event_mission .mission_msg{text-align: center; font-size:17px; margin-top: 10px;letter-spacing: -1px; font-weight: 500; padding: 0 10px; }

/*특가이벤트 당첨자발표팝업 스타일*/
#event_winner{width: 100%; height: auto; background: #fff; position: relative;
    top:100px; left: 50%; margin-left: -50%; border-radius: 10px; overflow: hidden;}
#event_winner .header{    width: 100%;  padding-bottom: 12px;  position: relative;}
#event_winner .header h2{text-align: center; font-size: 15px; color: #111;  }
#event_winner .header button{float: right; width: 15px; position: absolute; top:5px; right: 5px; }
#event_winner .day_tab{width: 100%; height: 50px;}
#event_winner .day_tab ul > li:first-child{border-left:none;}
#event_winner .day_tab ul > li{width:14.2%; width: calc(100% / 7); height: 50px; float:left;background: #f5f8f9;
    border-left:1px solid #d5d5d5;  border-top:1px solid #d5d5d5; border-bottom: 1px solid #3d3d3d; }
#event_winner .day_tab ul > li.on{background: #fff4e8; border:1px solid #3d3d3d;  border-bottom: none;}
#event_winner .day_tab ul > li.on >a{color: #111; }
#event_winner .day_tab ul > li >a{width: 100%; height: 100%; color: #9d9d9d;  text-align: center; line-height: 45px; }
#event_winner .winner_info{padding:26px 0px 47px;background: url(https://img.mysdis.co.kr/images/event/dailyWinner_bg.png) no-repeat; background-size: 100%; background-position: bottom; background-color: #fff4e8; }
#event_winner .winner_info .winnerWrap{  padding: 14px 0px;  margin: 0 auto;  width: 70%;  background: rgba(255,255,255,0.7); box-shadow: 6px 5px 10px rgba(5,5,5,0.1);  }
#event_winner .winner_info p{line-height:27px;color: #555; text-align: center;}
#event_winner .winner_info p.winnerNone{padding: 38px 0; margin:95px auto 127px;background: rgba(255,255,255,0.7); color: #333; font-size: 17px; letter-spacing: -1px; width: 88%;box-shadow: 6px 5px 10px rgba(5,5,5,0.1);}


/*장바구니툴팁 [180222 김윤진 추가]*/
.order_fix .cartTooltip{  position: relative;  background: rgba(0, 0, 0, 0.6); width: 137px; height: 45px;  top:-54px; left:20px; z-index: 99; color: #fff; text-align:center; padding: 5px; border-radius: 3px; line-height: 17px; opacity: 0;display: none; font-size: 14px;}
.order_fix .cartTooltip.ani{display: block;-webkit-animation: myfirst 8s linear 0.2s alternate none; /*normal;  Chrome, Safari, Opera */ animation: myfirst 8s linear 0.2s alternate none;}
.order_fix .cartTooltip:after {top: 100%;  left: 50%;  border: solid transparent; content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;border-color: rgba(46, 46, 46, 0);  border-top-color: rgba(0, 0, 0, 0.6);  border-width: 8px;margin-left: -4px;}

.order_fix .couponTooltip{  position: relative;  background: rgba(0, 0, 0, 0.6); width: 137px; height: 50px;  top: -59px; right:26px; z-index: 99; color: #fff; text-align:center; padding: 5px; border-radius: 3px; line-height: 20px; float: right;display: none; opacity:0; font-size: 16px; }
.order_fix .couponTooltip.ani{display: block;-webkit-animation: myfirst 8s linear 0.2s alternate none; /*normal;  Chrome, Safari, Opera */ animation: myfirst 8s linear 0.2s alternate none; }
.order_fix .couponTooltip:after {top: 100%;  left: 50%;  border: solid transparent;  content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;
    border-color: rgba(46, 46, 46, 0);  border-top-color: rgba(0, 0, 0, 0.6);  border-width: 8px;margin-left: -8px;
}

@-webkit-keyframes myfirst {

    10%, 90% {
        opacity: 1;
        transform: translate3d(0, -1px, 0);
    }
    20%, 80% {
        opacity: 1;
        transform: translate3d(0, -2px, 0);
    }
    30%, 50%, 70% {
        opacity: 1;
        transform: translate3d(0, -4px, 0);
    }
    40%, 60% {
        opacity: 1;
        transform: translate3d(0, 4px, 0);
    }
    100% {
        opacity: 0;
    }
}

@keyframes myfirst {

    10%, 90% {
        opacity: 1;
        transform: translate3d(0, -1px, 0);
    }
    20%, 80% {
        opacity: 1;
        transform: translate3d(0, -2px, 0);
    }
    30%, 50%, 70% {
        opacity: 1;
        transform: translate3d(0, -4px, 0);
    }
    40%, 60% {
        opacity: 1;
        transform: translate3d(0, 4px, 0);
    }
    100% {
        opacity: 0;
    }
}


/*메인 오늘의 핫아이템 (180220 김윤진)*/
.today_hotitem{width: 100%; max-width: 720px;  overflow: hidden; position: relative;}
.today_hotitem .swiper-pagination{bottom: 5px !important;}
.today_hotitem .swiper-pagination .swiper-pagination-bullet-active{background: #ff3c63;}

.today_hotitem .hotitem{padding:0 10px 10px 10px;}
.today_hotitem .hotitem .tit{font-size:15px; color:#111; font-weight: 600;}
.today_hotitem .hotitem .rankBox{width:100%; height: auto; border: 1px solid #efefef; border-radius: 5px; padding: 10px 5px 0px 0px; margin-top:10px; }
.today_hotitem .hotitem .rankBox ul li{margin-bottom: 5px;width: 100%; heigth:100%;}
.today_hotitem .hotitem .rankBox ul li a{width: 100%; heigth:100%;}
.today_hotitem .hotitem .rankBox ul li .rank{width:30px; height:20px;  text-align:center; font-size:13px; font-weight:600; color: #777; position:relative; line-height: 21px; display:block;}
.today_hotitem .hotitem .rankBox ul li .rank em{position:absolute; left:12px; top:3px; color: #fff; font-size:13px;}
.today_hotitem .hotitem .rankBox ul li .rank.rank1st{background: url(https://img.mysdis.co.kr/images/new/rankGold.svg) no-repeat; color:#fff;  background-position: center;}
.today_hotitem .hotitem .rankBox ul li .rank.rank2nd{background: url(https://img.mysdis.co.kr/images/new/rankSliver.svg) no-repeat; color:#fff;  background-position: center;}
.today_hotitem .hotitem .rankBox ul li .rank.rank3rd{background: url(https://img.mysdis.co.kr/images/new/rankBronze.svg) no-repeat; color:#fff;  background-position: center;}
.today_hotitem .hotitem .rankBox ul li .rank .fa-certificate{color:#ffd73c; font-size:19px; position:absolute;  left:6px; top:2px; }
.today_hotitem .hotitem .rankBox ul li .pdt_img {width: 25%; border:1px solid #efefef; border-radius: 3px;}
.today_hotitem .hotitem .rankBox ul li .pdt_info{width: 61%; margin-left: 7px; overflow:hidden; }
.today_hotitem .hotitem .rankBox ul li .pdt_info .name{font-size:17px; color:#111; letter-spacing:-1px; width:100%;  overflow: hidden;  text-overflow: ellipsis;  display: block;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  word-wrap:break-word;  line-height: 1.7em;  height: 1.5em; font-weight:300;}
.today_hotitem .hotitem .rankBox ul li .pdt_info .pri{font-size:15px; color: #FF3C63; font-weight:600; display: block; padding-top: 5px; }
.today_hotitem .hotitem .rankBox ul li .pdt_info .pri strong{margin-right:3px;}

@media (min-width:720px) {
    .today_hotitem .hotitem .rankBox ul li .rank{width: 50px; height:32px; line-height:31px; font-size: 18px;}
    .today_hotitem .hotitem .rankBox ul li .rank.rank1st, .today_hotitem .hotitem .rankBox ul li .rank.rank2nd, .today_hotitem .hotitem .rankBox ul li .rank.rank3rd {background-size: 30px; }
    .today_hotitem .hotitem .rankBox ul li .pdt_info{margin-left: 15px;}
    .today_hotitem .hotitem .rankBox ul li .pdt_info .name{font-size:20px;}
    .today_hotitem .hotitem .rankBox ul li .pdt_info .pri{font-size:20px;}
}



/*신상품 카테고리 버튼*/

.new_category_wrap{width: 100%;  position: relative; /*z-index: 10;*/ }
.new_category_wrap .cateBox{width: 25%; float: left; border-bottom: 1px solid #EAEAEA; border-left: 1px solid #eaeaea; padding: 8px 0;}
.new_category_wrap .cateBox a{width: 100%;}
.new_category_wrap .cateBox a img{width: 40px; margin: 0 auto; display: block;}
.new_category_wrap .cateBox a span{text-align:center; display: block; font-size: 12px; }
.new_category_wrap .cateBox a.on span{color:#ff3c63; font-weight: 600;}


.new_category_wrap .cateBox a img{width: 40px;  margin: 0 auto;}
.new_category_wrap .cateBox a img.on_img{display: none;}
.new_category_wrap .cateBox a img.off_img{display: block;}
.new_category_wrap .cateBox a.on img.on_img{display: block;}
.new_category_wrap .cateBox a.on img.off_img{display:  none;}



/*옵션구매 선호도 그래프 */
.content.pdt_detail .product_info .option_per{width: 100%; height: auto; border-top: 1px solid #eaeaea; padding: 7px 0;}
.content.pdt_detail .product_info .option_per .label{ color: #333; margin-bottom: 8px; text-align: center; font-weight: 600;}
.content.pdt_detail .product_info .option_per .graph_wrap{font-family:'Nanum Gothic','Arial'; font-size:18px; text-indent:5px; display: inline-block;  margin: 0 auto; width: 100%;}
.content.pdt_detail .product_info .option_per .graph_wrap .graph{margin: 3px 0; clear: both; width: 100%;}
.content.pdt_detail .product_info .option_per .graph_wrap .graph_n{font-size:13px; display:block; float:left;  width:38%; color: #333; float: left; font-weight: 500;}
.content.pdt_detail .product_info .option_per .graph_wrap .graph_p { position: relative;  background:#00ad8a;color: #fff; font-size:12px; font-weight:500; float:left;  border-radius: 5px; padding:0px 4px 0px 0px; width: 33px;  }
.content.pdt_detail .product_info .option_per .graph_wrap .graph_p:after {  right: 95%;  top: 50%;  border:solid transparent;  content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;  border-color: rgba(136, 183, 213, 0);  border-right-color: #00ad8a; border-width: 5px;  margin-top: -5px;
}
.content.pdt_detail .product_info .option_per .graph_wrap .pdt_num{font-size:12px; display:block; padding-right:10px; width:30px; color: #027fee; text-align: right; }
.content.pdt_detail .product_info .option_per .graph_wrap .graph_gBg{height:9px; width:41%; background:#dddddd; border-radius:100px; margin-bottom:2px; display:inline-block; float:left; margin-top: 5px; margin-right: 7px}
.content.pdt_detail .product_info .option_per .graph_wrap .graph_g{height:9px; width:41%; border-radius: 100px;background: #48d4b8;}

.content.pdt_detail .product_info .option_per .graph_wrap .graph.g_1st .graph_g{background: #ff3c63;}
.content.pdt_detail .product_info .option_per .graph_wrap .graph.g_1st .graph_p{background: #ff3c63;}
.content.pdt_detail .product_info .option_per .graph_wrap .graph.g_1st .graph_p:after{border-right-color:  #ff3c63;}

/*상세 베스트댓글*/
.best_comment_list { position:relative; display:block; width:100%; margin-top:10px; _padding: 10px;padding: 0 10px 2px ;}
.best_comment_list .bcl-title {height: 25px; vertical-align: top;}
.best_comment_list .bcl-title h3 { font-size:17px; color:#14cda8;  float: left;}
.best_comment_list .bcl-title .more_comm{float: right;font-size: 15px; color: #14cda8; text-decoration: underline; margin-top: 2px;}
.comment_list.best .cmt-item {border-top: 1px solid #eaeaea; padding: 7px 0 1px;_height: 91px;}
.comment_list.best li.cmt-item:first-child {border-top: none;}
.comment_list.best .cmt-item .sky_badge{  background: #4edabe;  width: 50px;  text-align: center;  color: #fff;  border-radius: 100px;  font-weight: 800; float:left; font-size: 12px; }
.comment_list.best .cmt-item .name{float:left;font-size: 12px;  color: #AFAFAF;  margin-left: 5px;  padding-top: 0px;  width: 58%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.comment_list.best .cmt-item .cmt-txt{display: inline-block; color: #222; clear: both; width: 100%; _height: 40px;overflow: hidden;white-space: normal; line-height: 20px;  text-align: left; word-wrap: break-word; _display: -webkit-box; _-webkit-line-clamp: 2; -webkit-box-orient: vertical;font-size: 15px; margin-top: 2px;}

/*종료팝업*/
.end_wrap{width: 100%; display: inline-block; background: #aaa; }
.appClose_new{width: 90%;  background:#fff; display: block; position:relative; left:50%; margin-left:-47%;}
.appClose_new .close_tit{width: 113px;  margin: 0px auto;  padding-top: 20px;}
.appClose_new .pdt_area{width: 87%; display: block; margin: 30px auto -5px auto;}
.appClose_new .pdt_area ul{width: 100%; height:auto; display: inline-block;}
.appClose_new .pdt_area ul li{width: 48%; float: left;margin-bottom: 15px; }
.appClose_new .pdt_area ul li a{width: 100%; height: 100%;}
.appClose_new .pdt_area ul li:nth-child(odd){margin-right: 10px; }
.appClose_new .pdt_area ul li .img_wrap{position: relative;}

.appClose_new .pdt_area ul li .badge_wrap{ position: absolute;  text-align: center; font-size: 13px; color: #fff; top:-10px; left: -5px; background: #ff1e00; width: 32px; height: 32px; border-radius: 100%; line-height: 36px;}
.appClose_new .pdt_area ul li .badge_wrap p{}
.appClose_new .pdt_area ul li .badge_wrap .hot_deal{font-size: 11px; letter-spacing: -1px;}
.appClose_new .pdt_area ul li img.pdt_img{width: 93%; display: block; margin: 0 auto; border:1px solid #efefef;}
.appClose_new .pdt_area ul li .pri_wrap{margin: 0 auto; text-align: center; }
.appClose_new .pdt_area ul li .info .tit{font-size:16px;width: 100%; height: 20px; color: #111; margin-top: 10px; letter-spacing: -1px; text-align: center;}
.appClose_new .pdt_area ul li .info .ori{ text-decoration: line-through; color: #aaa; display: inline; font-size: 12px; letter-spacing: -1px;  line-height: 25px; font-weight: 100;}
.appClose_new .pdt_area ul li .info .pri{color: #ff1e00; font-size: 18px; display: inline; letter-spacing: -1px; font-weight: 500;}
.appClose_new .close_btn{width: 100%; height: 50px; padding: 10px; background: rgba(0,0,0,0.7); color: #fff;}
.appClose_new .close_btn > p{line-height: 30px;}
.appClose_new .close_btn .btn{border:1px solid #fff; border-radius: 0px; font-weight: 300; padding:5px 13px;}


/*쿠폰 셀렉트박스*/
#coupon_list .coupon_select{height: 40px; overflow: hidden;  position: relative;  border: 1px solid #d4d4d4;  background: #fff;  margin-bottom: 3px; padding: 9px; font-size: 16px;}
#coupon_list .coupon_select i{background:url(https://img.mysdis.co.kr/images/new/order_icon.svg) no-repeat; width: 25px; height: 25px; background-position:-341px top; }
#coupon_list .coupon_select.selected{height: 40px; overflow: hidden;  position: relative;  border: 1px solid  #ffb3bb;  background: #fff;  margin-bottom: 3px; padding: 9px; font-size: 16px; color:#ff3c63; }
#coupon_list .coupon_select.selected i{background-position:-367px top; }

/*장바구니쿠폰팝업*/
/*.coupon_select_pop{width: 100%; height: 100%; position: fixed; top:0;left: 0;  background: #efefef;  display: none;max-width: 720px;margin: 0 auto;overflow: auto; }*/

#coupon_select_popWrap{width: 100%;  height: 100%;  display: inline-block;  background: rgba(0,0,0,0.7);  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0; z-index: 10;  top: 0;  overflow-x: hidden;  overflow-y: auto; display: none;}
.coupon_select_pop {background-color:#fff; }
.coupon_select_pop.android{width: 90%;  height: auto;  position: absolute;  background: #efefef;  top: 0;  left: 50%;  margin-left: -45%;}
.coupon_select_pop.ios{width: 100%; height: 100%; position: absolute; top:0;left: 0;  background: #efefef; }
.coupon_select_pop.pc {max-width: 720px;margin-left: -360px!important;}




.coupon_select_pop .cpon_close{float: right;width: 20px; height: 20px; background: url(https://img.mysdis.co.kr/images/new/icon_close.png); background-size: 100%; margin: 20px; font-size: 0px; text-indent: -9999999px;}
.box.coupon_select{padding: 20px 15px 5px; margin: 8px;}
.box.coupon_select .title{font-size: 17px; color: #202020; padding-bottom: 20px; cursor: pointer;}
.box.coupon_select .title i{width:25px; height:25px; background: url(https://img.mysdis.co.kr/images/new/coupon.svg); display: block; float: left; margin-right: 5px; margin-top: -3px; }
.box.coupon_select .title i.deli{width:25px; height:25px;  display: block; float: left; margin-right: 5px;background: url(https://img.mysdis.co.kr/images/new/deliver.svg); }
@media only screen and (min-width:719px) {
    .box.coupon_select .title i{margin-top: 0px;}
    #coupon_list_wrap .coupon_noti i{margin-top: 0px;}
    .coupon_select_pop{left:50%; margin-left: -360px;}
}

.box.coupon_select {background-color: #fff;  }
.box.coupon_select .coupon_list .btn_wrap{padding: 10px 0px 5px 0;font-size: 15px;color: #222;width: 100%; display: inline-block;  border-top:1px solid #f3f3f3;  }
.box.coupon_select .coupon_list .btn_wrap label{ width: 100%;}
.box.coupon_select .coupon_list .btn_wrap label input[type=radio] {-webkit-appearance: none;-webkit-gradient: none;-webkit-border-radius: 0;border-radius: 0;border: none;float: left;}
.box.coupon_select .coupon_list .btn_wrap:after{content: '';display: block;clear: both; }

.box.coupon_select .coupon_list .btn_wrap span.couName{color: #222; font-size: 16px; }
.box.coupon_select .coupon_list .btn_wrap.on span.couName{color: #ff3c63; font-size: 16px; }
.box.coupon_select .coupon_list .btn_wrap span.noCoupon{color: #aaa;}
.box.coupon_select .coupon_list .btn_wrap span>em{color: #aaa; font-size: 13px; }
.box.coupon_select .coupon_list .btn_wrap input[type="radio"] {background: url(https://img.mysdis.co.kr/images/new/order_icon.svg) -1px top no-repeat;display: inline-block;
    width: 31px;  height: 24px;margin-right: 10px;}
.box.coupon_select .coupon_list .btn_wrap input[type="radio"]:checked {background: url(https://img.mysdis.co.kr/images/new/order_icon.svg) -36px top no-repeat;display: inline-block; width: 31px;  height: 24px; margin-right: 10px;}
.box.coupon_select .coupon_list .btn_wrap .btn i{font-size: 12px;color: #aaa;letter-spacing: -1px;font-style: normal; }
.box.coupon_select div > .noCoupon{text-align: center; border-top: 1px solid #f3f3f3; padding: 15px;}

.coupon_submit_wrap{width: 100%;  height: 70px;  background: #ff3c63;  /*position: fixed;  bottom: 0;*/  line-height: 70px;max-width: 720px; }
.coupon_submit_wrap>a{width: 100%; height: 100%;}
.coupon_submit_wrap>a p{color: #fff; font-size: 16px; letter-spacing: -0.7px; margin-left: 10px;}
.coupon_submit_wrap>a span{color: #fff; font-size: 17px; font-weight:bold;margin-right: 15px; }

/*장바구니 상단 fixed 팝업*/
.cart_notice{position: fixed; top:-60px; _left: 0; width: 100%; background:#5e5e5e;  text-align: center; height: 60px;  z-index: 13;  padding: 8px 0; max-width: 720px; z-index: 100; }
.cart_notice a{width: 100%; height: 100%;color: #fff; text-align: center; letter-spacing: -1px; }
.cart_notice span{color: #fff; font-weight: 800; text-decoration: underline;}
/*장바구니 상단 fixed 팝업 END*/



/*카드 무이자할부 정보*/
.box.card_benefit_open{margin: 8px; box-sizing: border-box;  vertical-align: baseline;  padding: 2px 15px;    background-color: #fff;}
.box.card_benefit_open .order_title{font-size: 16px;  color: #202020;  padding-bottom: 13px;  cursor: pointer;}

#card_benefit_wrap{width: 100%;  background: rgba(0,0,0,0.7);  position: fixed;  top: 0;  height: 100%; display: none; z-index: 1000;left: 0;}
#card_benefit_wrap > .container{background: #fff;  width: 90%;  margin: 0px auto;  position: relative;  top: 110px;max-width: 720px;}
#card_benefit_wrap > .container.ios{background: #fff;  width: 100%; height: 100%; margin: 0px auto;  position: relative;  top:0px;}

#card_benefit_wrap h2{font-size: 15px;  text-align: center; color: #111; font-weight: 800; margin-left: 39px; height: 40px; line-height: 40px; padding-right:10px;}
#card_benefit_wrap h2 button.closeBenefit{width: 39px; background: #eee; border:1px solid #aaa; border-radius: 5px;  height: 25px; line-height: 0; margin-top: 7px; color: #888; font-weight: 100;}

#card_benefit_wrap ul{background: #fff; width: 100%;  height:auto; display: inline-block}
#card_benefit_wrap ul li{border-top: 1px solid #eaeaea; padding: 5px 35px; height: 30px; box-sizing: content-box;  line-height: 30px;}
#card_benefit_wrap ul li span.card_name{float: left;color: #333;}
#card_benefit_wrap ul li span.months{float: right;color: #333;}
#card_benefit_wrap ul li span.months em{font-size: 13px; font-style: normal;}
/*카드 무이자할부 정보 END*/


/*푸시 메세지*/
#push_msg{width: 100%; height: 100%; background: #f2f2f2; display: inline-block; _margin-top: 96px; }
#push_msg.kakao_push{width: 100%; height: 100%; background: #f2f2f2; display: inline-block; padding-top: 25px; }
#push_msg .date_box .date{text-align: center; height: 40px; padding: 25px 0; }
#push_msg .date_box .date:after{content: ''; border-top: 1px solid #aaa; width: 33%; width:calc((100% - 140px) / 2); display: block; float: right; }
#push_msg .date_box .date:before{content: ''; border-top: 1px solid #aaa; width: 33%;  width: calc((100% - 140px) / 2); display: block;  float: left;}
#push_msg .date_box .date>p{ padding-top: 1px;  line-height: 0px;  float: left;  height: 20px;  padding: 1px 9px 0px; font-size: 13px; font-size: 15px;}
#push_msg .date_box .push_list{ padding: 0 15px 0 10px;}
#push_msg .date_box .push_list> ul> li {margin-bottom: 20px;}
#push_msg .date_box .push_list div.ms{color:#999; margin-bottom: 5px; font-size: 14px; width: 35px; border-radius: 5px; float: left; margin-right: 10px; overflow: hidden;}
#push_msg .date_box .push_list p.ms{color:#999; margin-bottom: 5px; font-size: 14px;}

#push_msg .date_box .push_list .ms img{width: 100%;}
#push_msg .date_box .push_list .push_block{ margin: 0 auto;  border-radius: 5px;  overflow: hidden; background: #fff;
    box-shadow:1px 1px 4px rgba(1, 1, 1, 0.3)}
#push_msg .date_box .push_list .push_block .push_img{width: 100%;}
#push_msg .date_box .push_list .push_block p.txt{padding: 10px 20px; color: #111; font-size: 15px; line-height: 22px;}
#push_msg .date_box .push_list .push_block .txt_btn{font-size: 15px; margin: 10px 20px 19px;  border: 1px solid #458eff;  padding: 7px 7px 7px 7px;  color: #458eff;
    text-align: center;}
#push_msg .date_box .push_list .push_block .txt_btn:after{content:'';background: url(https://img.mysdis.co.kr/images/arrow_blue.svg) no-repeat; width: 16px; height: 16px; display: inline-block;  float:right; margin-top: 3px; margin-right: 3px;}

/*회원설문*/
#survey_wrap{ position: relative;  width: 100%;  height: 100%;  max-width: 720px;  display: inline-block;}
#survey_wrap .bg{width: 100%; height: 100%; _background:rgba(0, 0, 0, 0.8);}
#survey_wrap .survey_inner{    background: #fff;  width: 90%;  margin: 0 auto;  padding: 10px;}
#survey_wrap .survey_inner .close_btn{float: right; }
#survey_wrap .survey_inner .close_btn img{ width: 20px; }
#survey_wrap .survey_inner p.txt{text-align: center; color:#111; font-size:16px;}
#survey_wrap .survey_inner .gender{text-align: center; margin: 20px auto; width:85%; display:block; }
#survey_wrap .survey_inner .gender button{text-align: center; width:50%; font-size:25px; border-bottom:1px solid #dbdbdb; height:60px; color: #ddd;}
#survey_wrap .survey_inner .gender button.check{color: #fe3c63; font-weight:bold; }
#survey_wrap .survey_inner .age{text-align: center; margin: 20px auto;}
button.submit{width:100%; height:60px; background: #fe3c63; font-size: 20px; color:#fff;}
#survey_wrap .survey_inner .age_select{padding: 0px 20px;}
#survey_wrap .survey_inner .age_select .slick-slide{opacity: 0.5;
  color: #999; font-size: 20px;}
#survey_wrap .survey_inner .age_select .slick-slide div{height: 120px; line-height: 120px;  }
#survey_wrap .survey_inner .age_select .slick-slide.slick-center{opacity: 1; color: #fe3c63;  font-weight: bold; font-size: 30px; }
#survey_wrap .survey_inner .age_select .slick-prev,
#survey_wrap .survey_inner .age_select .slick-next{width: 30px; height: 30px; background-size: 100%; }
#survey_wrap .survey_inner .age_select .slick-prev{background: url(https://img.mysdis.co.kr/images/prev_arrow.svg); left: -5px;}
#survey_wrap .survey_inner .age_select .slick-next{background: url(https://img.mysdis.co.kr/images/next_arrow.svg); right: -5px;}
#survey_wrap .survey_inner .age_select .slick-prev:before,
#survey_wrap .survey_inner .age_select .slick-next:before{content: '';}

#survey_wrap .easy_app{background: #fff;  width: 90%;  margin: 0px auto;  padding: 50px 10px 20px;  text-align: center; display: none;}
#survey_wrap .easy_app p.txt{text-align: center; color:#111; font-size:18px;}
#survey_wrap .easy_app img{width: 40%; margin: 20px;}

#survey_wrap .easy_app .btn_wrap{width: 100%; height: 60px; margin-top:25px;}
#survey_wrap .easy_app button{width: 33%; height: 60px; font-size: 20px; border:1px solid #aaa;  }
#survey_wrap .easy_app button.add{margin-left: 10px; width:63%; border:none; background:#fe3c63; color: #fff;}




/*팝업*/
#popUP_wrap{ border-radius: 10px; padding: 18px; }
#popUP_wrap .header{width: 100%; padding-bottom: 12px;  position: relative;  }
#popUP_wrap .header h2{text-align: center;  font-size: 20px;  color: #111;}
#popUP_wrap .header button{float: right;  width: 40px; height: 40px; position: absolute;  top: -10px;  right: -10px;  }
#popUP_wrap .header button img{width: 15px;}
#popUP_wrap .inner{padding: 0px;}

/*상품재입고알람*/
#popUP_wrap.restock_pop .inner i.bullet{display: inline-block;  font-size: 36px;  height: 34px; float: left;  width: 19px; margin-top: 5px;  vertical-align: text-bottom;  line-height: 6px; width: 7px; margin-right: 3px;}
#popUP_wrap.restock_pop .inner p{display: inline-block; font-size: 16px; letter-spacing: -1px;float: left; width: 95%;}
#popUP_wrap.restock_pop button.restock_btn{width: 100%; margin: 0 auto; height: 50px; color: #fff; background: #ff3c63; display:block;border-radius: 3px; margin-top: 10px; font-size: 18px;}
#pop_closeBtn{position:absolute; top:10px; width:15px; right:10px;}

/*팝업*/
.popUP_wrap{ border-radius: 10px;z-index: 10;  }
.popUP_wrap .header{width: 100%; padding-bottom: 12px;  position: relative;  }
.popUP_wrap .header h2{text-align: center;  font-size: 20px;  color: #111;}
.popUP_wrap .header button{float: right;  width: 40px; height: 40px; position: absolute;  top: -10px;  right: -10px;  }
.popUP_wrap .header button img{width: 15px;}
.popUP_wrap .inner{padding: 10px;}







/*상품재입고알람*/
.popUP_wrap.restock_pop .inner i.bullet{display: inline-block;
 font-size: 36px;  height: 34px; float: left;  width: 19px; margin-top: 5px;  vertical-align: text-bottom;  line-height: 6px; width: 7px; margin-right: 3px;}
.popUP_wrap.restock_pop .inner p{display: inline-block; font-size: 16px; letter-spacing: -0.5px;float: left; width: 95%;}
.popUP_wrap.restock_pop button.restock_btn{width: 100%; margin: 0 auto; height: 50px; color: #fff; background: #ff3c63; display:block;border-radius: 3px; margin-top: 10px; font-size: 18px;}
.pop_closeBtn{position:absolute; top:10px; width:20px; right:10px;}

/*리뷰쓰기*/
.re_container{width: 100%; display: inline-block}
.re_container .pdt_info{width: 100%; display: inline-block; border-bottom: 1px solid #eaeaea; height:45px; padding: 8px 10px; }
.re_container .pdt_info .thumb_img{width: 45px; }
.re_container .pdt_info .thumb_img img{width: 100%; }
.re_container .pdt_info .pdt_name{line-height: 30px; margin-left: 5px; font-size: 15px; letter-spacing: -0.5px;}
.re_container .grade_wrap{width: 100%; padding: 20px;}
.re_container .grade_wrap p.g_txt{ text-align: center; color: #444; font-size: 20px; letter-spacing: -0.7px;}
.re_container .grade p.g_txt > strong{color: #111;}
.re_container .grade_btn {margin-top: 30px; height: 100px; }
.re_container .grade_btn .grade{width: 33.3%; }
.re_container .grade_btn .grade p{font-size: 13px; color: #aaa; letter-spacing: -1px; text-align: center; margin-top: 16px;}
.re_container .grade_btn .grade .btn{width: 60px; height:60px; background-color: #fff; border-radius: 100%;  margin: 0 auto; border:1px solid #eaeaea;
    -webkit-box-shadow: 0px 9px 5px 1px rgba(170,170,170,0.24);
    -moz-box-shadow: 0px 9px 5px 1px rgba(170,170,170,0.24);
    box-shadow: 0px 9px 5px 1px rgba(170,170,170,0.24);}
.re_container .grade_btn .grade.no1 .btn{background-image: url(https://img.mysdis.co.kr/images/review_grade1.svg); background-repeat:  no-repeat; background-size: 55%; background-position: center 11px; }
.re_container .grade_btn .grade.no1 .btn.on{background-image: url(https://img.mysdis.co.kr/images/review_grade1_on.svg); background-repeat:  no-repeat; background-size: 55%;background-color: #ff3c63!important;}
.re_container .grade_btn .grade.no2 .btn{background-image: url(https://img.mysdis.co.kr/images/review_grade2.svg); background-repeat: no-repeat; background-size: 55%; background-position: center 11px; }
.re_container .grade_btn .grade.no2 .btn.on{background-image: url(https://img.mysdis.co.kr/images/review_grade2_on.svg); background-repeat:  no-repeat; background-size: 55%; background-color: #ff3c63!important;}
.re_container .grade_btn .grade.no3 .btn{background-image: url(https://img.mysdis.co.kr/images/review_grade3.svg);background-repeat:  no-repeat; background-size: 55%; background-position: center 15px;  }
.re_container .grade_btn .grade.no3 .btn.on{background-image: url(https://img.mysdis.co.kr/images/review_grade3_on.svg); background-repeat:  no-repeat; background-size: 55%; background-position: center 15px; background-color: #ff3c63!important;}
.review_txt{position: relative;}
.review_txt textarea{width: 100%; padding: 10px; text-align: left;border: 1px solid #ababab;  background: #fbfbfb; font-size: 15px;  color: #333;  letter-spacing: -0.5px; resize: none;  min-height: 4.5em;  line-height:1.6em;  max-height: 10em;}
.review_txt #review_counter{border-radius: 0.5em;  padding: 0 .5em 0 .5em;  font-size: 0.75em;  bottom: 5px;  position: absolute;  right: 20px;  color:#aaa;
}
.re_photo{width: 100%; padding: 10px 10px 100px; display: inline-block;}
.review_box .re_photo{width: 100%; padding: 10px 10px; display: inline-block;}
.re_photo .tit{color: #222; margin-bottom: 10px; font-weight: 600; }
.re_photo .photo_area{width: 63px; width: calc( 100%/3 - 5px); float: left; margin-right: 5px; position: relative;
    border: 1px solid #ababab;  background: #f2f2f2;  overflow: hidden; }
.re_photo .photo_area .rePhoto_del{  position: absolute;  bottom: 2px; right: 2px;  color: #777;  font-size: 12px;  width: 22px;  height: 22px;  background:#fff;  border-radius: 100%; border:1px solid #111;  display: block;  z-index: 1;
}
.re_photo .photo_area .rePhoto_del2{width: 100%; height: 30px; background: #aaa; color:#fff;}
.re_photo .photo_area .rePhoto_del >img{width: 50%; margin-top: -4px;}


.re_photo .photo_area.plus_btn{background: url(https://img.mysdis.co.kr/images/icon_plus.png) no-repeat; background-position: center; _margin-right: 0px;cursor: pointer; }
.re_photo .photo_area img{margin: 0 auto; max-width: 200px; width: 100%;}
.re_submit{ position: fixed; bottom: 0; max-width: 720px;z-index: 10;
    width:100%; margin: 10px auto 0px; background: #ff3c63; text-align: center; height: 60px; font-size: 20px; color: #fff;}


@media only screen and (min-width:700px) {
    .review_txt textarea{max-height: 18em;}
    .re_header{height: 55px; line-height: 55px;}
    .re_container .pdt_info{height: 55px;}
    .re_container .pdt_info .thumb_img{width: 60px;}
    .re_container .pdt_info .pdt_name {font-size: 16px; line-height: 37px;}
    .re_container .grade_btn{height: 160px; }
    .re_container .grade_btn .grade .btn{width: 100px; height: 100px;}
    .re_container .grade_btn .grade.no1 .btn{background-position: center 20px; }
    .re_container .grade_btn .grade.no2 .btn{background-position: center 20px; }
    .re_container .grade_btn .grade.no3 .btn{background-position: center 25px; }
    .re_photo .photo_area img{max-width: 300px;}
}

/*리뷰 뷰페이지*/
.re_header{width: 100%; height: 40px; border-bottom: 1px solid #eaeaea; line-height: 40px; text-align: center;}
.re_header a.back{width: 45px; height: 100%;}
.re_header a.close{width: 45px; height: 100%; padding-top: 3px;}
.re_header h2.tit{width: 70%; width: calc(100% - 90px); height: 100%; text-align: center; color: #111; font-size: 16px; font-weight: normal;}
.re_header img {vertical-align: top;padding-top: 8px}

#re_view_wrap .re_view_inner{background: #f2f2f2;background: #ffffff;  text-align: center;  min-height: 68px;  width: 100%;  display: block;  _line-height: 68px;  }
#re_view_wrap .re_view_inner .review_box{ background: #fff;border-bottom:10px solid #f9f9f9}
#re_view_wrap .re_view_inner .box{ background: #fff; border-radius: 5px; ; }
#re_view_wrap .re_view_inner .pdt_info{width: 100%; display: inline-block; height:45px;  border-bottom: 1px solid #eee;
    padding: 8px 10px; }
#re_view_wrap .re_view_inner .pdt_info .thumb_img{width: 45px; }
#re_view_wrap .re_view_inner .pdt_info .thumb_img img{width: 100%; }
#re_view_wrap .re_view_inner .pdt_info .pdt_name{line-height: 30px; margin-left: 5px; font-size: 15px; letter-spacing: -0.5px;}
#re_view_wrap .re_view_inner .re_article{padding: 10px;}
#re_view_wrap .re_view_inner .re_article .re_photo ul li{ margin-right: 5px; float: left;  width: calc( 100%/5 - 4px);}
#re_view_wrap .re_view_inner .re_article .re_photo ul li img{width: 100%; height: 100%;}
#re_view_wrap .re_view_inner .re_article .re_photo ul li:last-child{margin-right: 0px;}
#re_view_wrap .re_view_inner .re_article .re_txt{color: #111; padding: 10px 5px; clear: both;overflow-y: auto; text-align: left;}
#re_view_wrap .re_view_inner .bottom_info{width:100%; height:30px; padding: 5px 10px; border-top:1px solid #eee;}
#re_view_wrap .re_view_inner .bottom_info .date{font-size: 13px;}
#re_view_wrap .re_view_inner .bottom_info button{font-size: 13px; color:#757c85; text-decoration-line: underline;}
#re_view_wrap .re_view_inner .more_btn{width: 100%;  background: #fff;  height: 45px;  color: #6384ff;  font-size: 16px;  border: 1px solid #6384ff;  font-weight: bold;  border-radius: 3px;}

/*포토리뷰 팝업*/
.re_photoBig{width: 100%; height: 100%; position: fixed; top:-1000px; background: #fff; max-width: 720px;z-index: 1000;display: none;}
.re_photoBig #review_slideWrap {  width:100%;  height: 330px;  position: relative;
}
.re_photoBig .re-slide {  text-align: center;  font-size: 18px;  background: #fff;  display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;
    display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;  overflow: hidden;  }
.re_photoBig .re-slide img{height: 100%; width: auto; max-width: none;}
.re_photoBig .re_next_btn{position: absolute;  top: 50%;  display: block;  width: 50px;  height: 80px;  margin-top: -40px;  vertical-align: middle;  text-align: center;  cursor: pointer; right: 0; z-index: 1000;  font-size: 0px;  background-image: url(https://img.mysdis.co.kr/images/next_arrow.svg); background-repeat: no-repeat; background-size: 80%; background-position: center;}
.re_photoBig .re_prev_btn{position: absolute;  top: 50%;  display: block;  width: 50px;  height: 80px;  margin-top: -40px;  vertical-align: middle;  text-align: center;  cursor: pointer; left: 0; z-index: 1000; font-size: 0px;  background-image: url(https://img.mysdis.co.kr/images/prev_arrow.svg); background-repeat: no-repeat; background-size: 80%; background-position: center;}
.re_photoBig .pdt_info{width: 100%; display: inline-block; height:45px;  border-bottom: 1px solid #eee;border-top: 1px solid #eee;
    padding: 8px 10px; }
.re_photoBig .pdt_info .thumb_img{width: 45px; }
.re_photoBig .thumb_img img{width: 100%; }
.re_photoBig .pdt_info .pdt_name{line-height: 30px; margin-left: 5px; font-size: 15px; letter-spacing: -0.5px;}
.re_photoBig .re_txt{padding:10px; color: #0a0a0a;overflow: auto;_height: 100px;}
@media only screen and (min-width:719px){
    .re_photoBig .re_txt{padding:10px; color: #0a0a0a;overflow: auto;height: 400px;}
}


/*댓글영역 포토리뷰*/
.n_cmt2 li .re_photo{width: 100%; margin: 10px 0; display: inline-block;  height:auto; padding: 0px;}
.n_cmt2 li .re_photo ul{width: 100%; display: block;}
.n_cmt2 li .re_photo ul li{ margin-right: 5px; float: left;  width: calc( 100%/5 - 4px); padding: 0; }
.n_cmt2 li .re_photo ul li img{width: 100%; height: 100%;}
.n_cmt2 li .re_photo ul li:last-child{margin-right: 0px;}

.n_cmt2 li .cmt_Img_wrap{position: relative;}
.n_cmt2 li .cmt_Img_wrap .review_grade{position: absolute; width: 35px; height: 35px; border-radius: 100px; top:15px; left: 23px; background-size: 100%;}
.n_cmt2 li .cmt_Img_wrap .review_grade.verygood{  background:url(https://img.mysdis.co.kr/images/review_badge1.svg);  }
.n_cmt2 li .cmt_Img_wrap .review_grade.good{  background:url(https://img.mysdis.co.kr/images/review_badge2.svg);  }
.n_cmt2 li .cmt_Img_wrap .review_grade.notbad{  background:url(https://img.mysdis.co.kr/images/review_badge3.svg);  }
.comment_list.best .cmt-item .photo_more{padding: 0px 7px; background: #ff686b; color: #fff; font-size: 12px; border-radius: 30px;float: left; line-height: 20px;}
.comment_list.best .cmt-item .photo_more> i{width: 15px; height: 15px; background: url(https://img.mysdis.co.kr/images/review_photo.svg) no-repeat; background-size: 100%; display:inline-block; background-position: 0px 2px; margin-right: 2px; }


/*출석 팝업 */
.attend_popup {background:#daf5ff; border-radius: 5px; width: 100%; padding-bottom: 10px; }
.attend_popup  .pop_msg.imgMsg{border: 0px; padding:50px 0px; }
.attend_popup  .pop_msg.imgMsg > img{position: relative;  top: -180px; width: 100%; }
.attend_popup  .pop_msg { border-bottom: 1px solid #fff; padding: 20px; text-align: center;font-weight: 200;}
.attend_popup  .pop_msg h3{text-align: center;font-weight: 600; color: #222; font-size: 17px;}
.attend_popup  .cart_btn{ position:relative; z-index:10; padding: 10px 20px 23px; border-radius: 5px;}
.attend_popup  .cart_btn.cart-after-btn-app{background: #f6f6f6; }
.attend_popup  .cart_btn .btn01_wrap { width:40%; float:left; padding-right:5px; }
.attend_popup  .cart_btn .btn02_wrap { width:60%; float:right; padding-left:5px; }
.attend_popup  .cart_btn a { width:100%; border:1px solid #a7a7a7; font-size:18px; font-weight: 600; background-color:#fff; color:#555555; padding:16px 0px; text-align:center; border-radius:3px;}
.attend_popup .cart_btn a.cart_btn02{background-color:#1085ff; color: #ffffff; margin-left:0px; right:0;  border:none;}
.attend_popup  .mostview_pdt_2nd.maTopUp{margin-top:-222px }
.attend_popup  .mostview_pdt_2nd{background: #fff; width: 80%; margin: 30px auto 0; border-radius:3px;}
.attend_popup  .mostview_pdt_2nd ul li {width: 100%; margin: 0 auto;}
.attend_popup  .mostview_pdt_2nd ul li a{width: 60%; margin: 0 auto;}
.attend_popup  .mostview_pdt_2nd ul li div.pdt_name{text-align: center; margin-top: 5px;}
.attend_popup .attend_pdt_btn{background: #212157; padding: 2px 10px;  width: 100%;  color: #ffffff;  margin-top: 10px;  height: 55px;  border-radius: 55px; text-align: center; line-height: 50px; width:60%; margin:20px auto; font-size:20px; font-weight:bold; display:block;}
.modal-body.no_padding{padding: 0px;}

/*고객추천리뷰 상품상세*/
.review_list_wrap > .tit{height: 47px; padding:0px 15px; font-size: 17px; color:#ff3c63; border-bottom:1px solid #ddd;  }
.review_list_wrap > .tit h3{ font-size: 17px; color:#ff3c63; line-height: 47px; }
.review_list_wrap > .tit .more_review{font-size: 13px; border-bottom: 1px solid #ff3c63;  height: 26px;  padding: 0 5px; display: inline-block;  color: #ff3c63;  line-height: 25px;  margin: 10px 0px;  }
.review_list_wrap > .tit h3 >i{width: 20px; height: 20px; display:inline-block; background: url(https://img.mysdis.co.kr/images/comment.svg) no-repeat; background-position: center 2px; margin-right: 5px;}




 .review_wrap .review_list li
,.review_list_wrap .review_list li {border-bottom:1px solid #ddd; padding: 10px 15px; width:100%;}
 .review_wrap .review_list li
,.review_list_wrap .review_list li .re_txt{color: #111; font-size: 16px; letter-spacing: -1px; margin: 5px 0; overflow-y: hidden;
    white-space: normal;
    line-height: 20px; word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
 .review_wrap .review_list li span.nick
,.review_list_wrap .review_list li span.nick{color: #aaa; font-size: 13px; letter-spacing: -1px; margin-right: 5px;}
.review_wrap .review_list li span.date
,.review_list_wrap .review_list li span.date{color: #aaa; font-size: 13px; letter-spacing: -1px; margin-left: 5px;}
.review_wrap .review_list li .review_grade
,.review_list_wrap .review_list li .review_grade{line-height: 30px; width: 185px; }
.review_wrap .review_list li .review_grade> i
,.review_list_wrap .review_list li .review_grade> i{ width: 35px; height: 35px; border-radius: 100px;background-size: 100%; display: block; float:left;}
.review_wrap .review_list li .review_grade >span
,.review_list_wrap .review_list li .review_grade >span{letter-spacing: -0.5px; font-weight: 600; line-height: 35px; margin-left: 5px; }
.review_wrap .review_list li .review_grade.verygood>i
,.review_list_wrap .review_list li .review_grade.verygood>i{background:url(https://img.mysdis.co.kr/images/review_badge1.svg);}
.review_wrap .review_list li .review_grade.verygood>span
,.review_list_wrap .review_list li .review_grade.verygood>span{color: #ff3c63; }
.review_wrap .review_list li .review_grade.good > i
,.review_list_wrap .review_list li .review_grade.good > i{  background:url(https://img.mysdis.co.kr/images/review_badge2.svg);}
.review_wrap .review_list li .review_grade.good > span
,.review_list_wrap .review_list li .review_grade.good > span{color: #00ad8a;}
.review_wrap .review_list li .review_grade.notbad > i
,.review_list_wrap .review_list li .review_grade.notbad > i{  background:url(https://img.mysdis.co.kr/images/review_badge3.svg);}
 .review_wrap .review_list li .review_grade.notbad > span
,.review_list_wrap .review_list li .review_grade.notbad > span{color: #57c1a8;}

 .review_wrap .re_photo
,.review_list_wrap .re_photo{width: 100%; padding: 10px 0px; display: inline-block;}
 .review_wrap .re_photo .photo_area
,.review_list_wrap .re_photo .photo_area{width: 63px; width: calc( 100%/5 - 5px); float: left; margin-right: 5px; position: relative; max-width: 120px;
    border: 1px solid #eaeaea;  background: #f2f2f2;  overflow: hidden; }
 .review_wrap .re_photo .photo_area img
,.review_list_wrap  .re_photo .photo_area img{margin: 0 auto; max-width: 200px;}

.more-less-btn-area > span{font-size: 13px; }
.more-less-btn-area .review_more_btn > i.arrow_down:before{    content: '';
    display: inline-block;
    margin-left: 3px;
    width: 0.6rem;
    height: 0.6rem;
    border-top: 1px solid #a0a0a0;
    border-left: 1px solid #a0a0a0;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg); vertical-align: baseline;}
.more-less-btn-area i.arrow_up:before{ transform: rotate(45deg); content: '';   display: inline-block;
    margin-left: 3px;
    width: 0.6rem;
    height: 0.6rem;
    border-top: 1px solid #a0a0a0;
    border-left: 1px solid #a0a0a0; vertical-align: baseline; }


/*리뷰 상세페이지*/
.review_list_wrap.review_detail > h3{text-align: center; height: 57px; line-height: 57px;}
.review_list_wrap.review_detail > .pdt_info{width: 100%;  height: 45px;  border-bottom: 1px solid #ddd;  line-height: 45px;  background: #f7f7f7; }
.review_list_wrap.review_detail > .pdt_info .thumb_img{width: 60px;  padding: 6px;  height: auto;  display: inline-block; }
.review_list_wrap.review_detail > .pdt_info .thumb_img img{vertical-align: top;}
.review_list_wrap.review_detail > .pdt_info .pdt_name{color: #222; }
.review_list_wrap.review_detail > a.back{width: 45px;  height: 100%; padding-top: 6px; }
@media only screen and (min-width:700px) {
    .review_list_wrap.review_detail > .pdt_info{height: 75px;}
    .review_list_wrap.review_detail > .pdt_info .thumb_img{width: 110px;}
    .review_list_wrap.review_detail > .pdt_info .pdt_name{font-size: 18px; line-height: 75px;}
}
/*리뷰 고객만족도 관련*/
.review_box .review_grade
, .re_photoBig .review_grade {line-height: 30px; }
.review_box .review_grade>i
, .re_photoBig .review_grade>i { width: 35px; height: 35px; border-radius: 100px;background-size: 100%; display: block; float:left;}
.review_box .review_grade>span
, .re_photoBig .review_grade>span {letter-spacing: -0.5px; font-weight: 600; line-height: 35px; margin-left: 5px; }
.review_box .review_grade.verygood>i
, .re_photoBig .review_grade.verygood>i {background:url(https://img.mysdis.co.kr/images/review_badge1.svg);}
.review_box .review_grade.verygood>span
, .re_photoBig .review_grade.verygood>span {color: #ff3c63; }
.review_box .review_grade.good > i
, .re_photoBig .review_grade.good > i {  background:url(https://img.mysdis.co.kr/images/review_badge2.svg);}
.review_box .review_grade.good > span
, .re_photoBig .review_grade.good > span {color: #00ad8a;}
.review_box .review_grade.notbad > i
, .re_photoBig .review_grade.notbad > i {  background:url(https://img.mysdis.co.kr/images/review_badge3.svg);}
.review_box .review_grade.notbad > span
, .re_photoBig .review_grade.notbad > span {color: #57c1a8;}





#survey_wrap {}
#survey_wrap .age {padding: 0 30px;position: relative;}
#survey_wrap .age ._sly_pager{ position: absolute; top: 0;display: block;margin-top: 67px;width: 30px;height: 30px;line-height: 30px;vertical-align: middle;cursor: pointer;}
#survey_wrap .age ._sly_pager._sly_prev{left: 0;background: url('https://img.mysdis.co.kr/images/prev_arrow.svg');background-repeat: no-repeat;}
#survey_wrap .age ._sly_pager._sly_next{right: 0; background:url('https://img.mysdis.co.kr/images/next_arrow.svg');background-repeat: no-repeat;}
#survey_wrap .age ._sly_frame { height: 120px; line-height: 120px; overflow: hidden; }
#survey_wrap .age ._sly_frame ul { list-style: none; margin: 0; padding: 0; height: 100%;  }

#survey_wrap .age ._sly_frame ul li { float: left;width: 55px;height: 100%;margin: 0;padding: 0;background: #fff;text-align: center;cursor: pointer; opacity: 0.5;color: #999;font-size: 20px;}
#survey_wrap .age ._sly_frame ul li.active {opacity: 1; color: #fe3c63; font-weight: bold;font-size: 30px; width: 69px;}
@media only screen and (min-width:719px){
    #survey_wrap .age ._sly_frame ul li { float: left;width: 100px;height: 100%;margin: 0;padding: 0;background: #fff;text-align: center;cursor: pointer; opacity: 0.5;color: #999;font-size: 20px;}
    #survey_wrap .age ._sly_frame ul li.active {opacity: 1; color: #fe3c63; font-weight: bold;font-size: 30px;width: 100px;}
}
#survey_wrap .age ._sly_frame ul li:last-child{width: 60px;}

.category_bestPdt_view , .bestPdt_view{width: 100%;  border-top: 7px solid #eee;
    text-align: center; }
.category_bestPdt_view > h3 , .bestPdt_view > h3{border-bottom: 1px solid #eee;  font-size: 18px;  font-weight: 700;  color: #222; height: 47px; line-height: 47px;}




/*카카오 럭키박스 팝업*/
.popUP_wrap.kaLucky_popup{width: 100%; position:relative; display:inline-block;}
.popUP_wrap.kaLucky_popup .btn_wrap{width: 100%; height: 140px; padding:5px 0; background: #f0f0f0;}
.popUP_wrap.kaLucky_popup .btn_wrap > button{width: 90%; height: 55px; border-radius:10px; text-align: center; margin: 0 auto; display: block; background:#fff;font-size: 18px; color:#18c0df; box-shadow: 1px 1px 1px rgba(1,1,1,0.2)}


/*내리뷰*/
.review_tab{width: 100%; padding:10px 10px;height: 45px; }
.review_tab > a{width: 50%; border: 1px solid #ddd; float: left; height: 45px; text-align: center; line-height: 45px; color:#333;background:#f5f5f5; }
.review_tab > a.on{ border: 1px solid #ff3c63; color:#ff3c63; font-weight:600; background:#fff;}

.review_write_list{width: 100%; display:inline-block;}
.review_write_list ul >li{width: 100%; display:inline-block; border-top:1px solid #eee; }
.review_write_list ul >li:last-child{ border-bottom:1px solid #eee;}
.review_write_list ul >li > a{width: 100%; display:inline-block; }
.review_write_list ul >li  p.date{width: 100%; display:inline-block; border-bottom:1px solid #eee; text-align: left; height: 40px; line-height:40px; padding:0 10px;}
.review_write_list ul >li  img{width: 130px;}
.review_write_list ul >li  p.pdt_name{width:60%; width: calc(100% - 130px); text-align: left; overflow: hidden;white-space: normal; line-height: 1.2; height: 38px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; float:left; padding:5px 10px;}
.review_write_list ul >li  .btn{width: 100px; cursor: pointer;  background: #ff0000;  height: 30px;  display: inline-block;  line-height: 30px;  float: right; color: #fff; background:#ff3c63; margin:5px 7px 0;  }


/*전체구매평 리스트 페이지 */
.review_pdtList{width: 100%; position: relative;}
.review_pdtList ul{ background:#efefef; display: inline-block; padding: 6px;}
.review_pdtList ul >li{width: 49%; width:calc(100%/2 - 3px); position: relative; margin-bottom: 5px; padding-bottom: 20px; background: #fff;border-radius: 5px; overflow: hidden;}
.review_pdtList ul >li>a{display: block}
.review_pdtList ul li:nth-child(odd){float: left; margin-right: 6px}
.review_pdtList ul li:nth-child(2n){float: left;}
.review_pdtList ul li .photo_re{ width:100%; height: 180px; overflow: hidden; background-position:top center !important; background-size: cover !important; position: relative;border-radius: 5px;}
.review_pdtList .review_txt{height: 55px;overflow-y: hidden;padding: 0 5px; }
.review_pdtList .review_txt > p{white-space: normal; line-height: 18px; height: 100%; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #222; letter-spacing: -0.5px; font-size: 15px}
.review_pdtList .pdt_info{margin: 5px 0; width: 100%;}
.review_pdtList .pdt_info .pdt_img{width: 30px; height: 40px; overflow: hidden; float: left; margin-right: 5px;}
.review_pdtList .pdt_info .pdt_name{height: 30px;overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;  word-wrap: normal !important;  display: inline-block; float: left; width: 100%; padding: 5px 5px;color: #8d8d8d; font-weight: 600;  letter-spacing: -1px; font-size: 15px;}
.review_pdtList .pdt_info .pdt_img > img{width: 100%;}
.review_pdtList ul li .photo_re .like_btn{border: #fff;  background: rgba(255, 255, 255, 0.8);  position: absolute;  bottom: 5px;  right: 5px;  padding: 3px 10px;  border-radius: 5px; color: #222;}
.review_pdtList ul li .photo_re .like_btn > i{color: #111;}

/*포토리뷰 팝업 추가 버튼*/
.re_photoBig .btn_wrap{padding: 15px 0px;display: block;  width: 255px;  margin: 10px auto; height: 70px; position:relative;}
.re_photoBig .btn_wrap .like_btn{background: #ffffff;  padding: 5px 0px 5px 15px;  width: 90px;  margin-right: 10px;  border-radius: 10px;  border: 1px solid #ff3c63;}
.re_photoBig .btn_wrap .like_btn i{color: #ff3c63;  font-size: 20px;  margin-right: 10px;}
.re_photoBig .btn_wrap .like_btn > em{color: #ff3c63;  font-size: 20px; display: inline-block; width: 30px; text-align: center;}
.re_photoBig .btn_wrap .more_view{width: 150px; padding: 10px 20px;  background: #ff3c63;  float: left;  font-size: 16px;  color: #fff; text-align: center;  border-radius: 10px;}
/*도움되요 툴팁*/
.re_photoBig .btn_wrap .like_tooltip{position: absolute;  background: rgba(0, 0, 0, 0.7); width: 175px; height: 30px;  top: -18px; left:-40px; z-index: 99; color: #fff; text-align:center; padding: 5px; border-radius: 30px; line-height: 20px; float: right;display: none; opacity:0; font-size: 13px; }
.re_photoBig .btn_wrap .like_tooltip.ani{display: block;-webkit-animation: myfirst 8s linear 0.2s alternate none; /*normal;  Chrome, Safari, Opera */ animation: myfirst 8s linear 0.2s alternate none; }
.re_photoBig .btn_wrap .like_tooltip:after{top: 100%;  left: 50%;  border: solid transparent;  content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;border-color: rgba(46, 46, 46, 0);  border-top-color: rgba(0, 0, 0, 0.7);  border-width: 8px;margin-left: -8px;}

/*상세페이지 구매평 like버튼*/
.review_list > li{position: relative}
.review_list > li .like_btn{position: absolute;  top: 11px;  right: 23px;  height: 26px; line-height: 25px;  border-radius: 30px;  border: 1px solid #ccc;  padding: 0px 13px;}

.review_list > li .like_btn .heart_icon {width: 19px;height: 19px;_background: red;vertical-align: middle;text-align: center;color: red;cursor:pointer; display: inline-block; font-size: 19px; position: relative; left:-3px;}
.review_list > li .like_btn .heart_icon i{transform: scale(0);transition: .2s ease-in-out;-webkit-transform: scale(0);-webkit-transition: .2s ease-in-out;position: absolute;left: 0px; color:#ccc;}
.review_list > li .like_btn .heart_icon i.active{transform: scale(1);transition: .2s ease-in-out;-webkit-transform: scale(1);-webkit-transition: .2s ease-in-out;}
.review_list > li .like_btn .heart_icon i.fa-heart{color: #ff3c63;}


/*기획전 180903*/

.tag_search{height: 40px;padding: 15px 10px;box-sizing: content-box;background: #eaeaea; position: relative;}
.tag_search input{border: none; width: 100%;height: 100%; padding:10px; color:#111;font-weight:800;box-sizing: border-box;}
.tag_search:after{content: '';display: block;clear: both;}
.tag_search .search-btn{position: absolute;top: 20px;right: 15px;background: url(/images/icon_search.png) no-repeat;width: 25px;height: 25px;background-size: 100%;cursor: pointer;}
#plan_list{overflow: hidden; border-top:1px solid #eaeaea;}
#plan_list .list_box{border:10px solid #efefef;}
#plan_list .plan_tit{ text-align: center; height: 66px;}
#plan_list .plan_tit .category{padding: 0px 10px; font-weight: 600; border:1px solid #efefef; text-align: center; display: inline-block; font-size: 11px; margin: 10px 0 5px; color: #222;}
#plan_list .plan_tit .wording{text-align: center;font-size: 16px; color: #222;}
#plan_list .plan_list_swiper{width: 100%;  height: 100%; overflow: hidden; }
#plan_list .plan_list_swiper .swiper-slide {text-align: center;  font-size: 18px;  background: #fff;  width: 90%;}
#plan_list .plan_list_swiper .swiper-slide ul{  border-top: 1px solid rgba(0,0,0,0.07);}
#plan_list .plan_list_swiper .swiper-slide li {width: 25%; float: left; position: relative;}
#plan_list .plan_list_swiper .swiper-slide li:after{display: block;  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  border: 1px solid rgba(0,0,0,.07);  content: '';  border-width: 0px 1px 1px 0;}
#plan_list .tag_area{border:13px solid #efefef; border-top:none; padding: 10px; }
#plan_list .tag_area .tags{background: #ededed; color: #828282; height: 17px; display: inline-block; padding: 0 1px; margin: 0 5px 4px 0; font-size: 14px; line-height: 17px; }

/*기획전 v2 181004 */
/*기획전 스타일 시작*/
#exhibition_wrap{width: 100%; height: 100%; background: #f5f5f5; padding: 15px; overflow-x: hidden;}
#exhibition_wrap.no_padding{padding: 0px!important; }
#exhibition_wrap.no_padding .exhibit_list{margin-top: 0px!important;}
#exhibition_wrap .exhibit_top{width: 100%; height: 100%;}
#exhibition_wrap .exhibit_top .q_txt{width: 100%; font-size: 18px; font-weight: 600; color: #111; text-align: left; margin-bottom: 10px;display: inline-block; height: 26px; line-height: 18px;}
#exhibition_wrap .exhibit_top .q_txt >span{height: 25px;display: inline-block; vertical-align: text-top; letter-spacing: -0.7px;}
#exhibition_wrap .exhibit_top .q_txt .nickname {max-width: 130px;overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;  word-wrap: normal !important;  display: inline-block; }

/*기획전리스트 상단 버튼*/
.exhibit_btn li.swiper-slide{border:1px solid #d3d3d3; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); border-radius: 5px; background: #fff; width: 37%; height: 120px; display: block;}
.exhibit_btn li.swiper-slide > .img_box{ border-radius: 5px; height: 70px; width: 100%; background-repeat: no-repeat; background-size: 100%; background-position: center; overflow: hidden;}
.exhibit_btn li.swiper-slide > .keyword{padding: 7px; height: 20px;  display: block;  width: 100%; font-weight: 600; color: #444; letter-spacing: -0.7px;}

/*상품리스트 카드*/
.exhibit_list{width: 100%; height: 100%; margin-top: 20px;}
.exhibit_list > .pdt_card{width: 100%; height: auto; background: #fff; border-radius: 10px; box-shadow: 1px 1px 30px rgba(1,1,1,0.3); padding: 20px 20px 0px; overflow: hidden; margin-bottom: 20px;  transition :all 0.2s ease-in-out}

.exhibit_list > .pdt_card.extend{width: 100%; height: 100%;max-width: 720px;  border-radius: 0;  }
.pdt_card.pdt_cardPop{width: 100%; height: 100%; position: fixed; top:0; z-index: 10000000000000; border-radius: 0;
    opacity: 0; background: #fff; }

/*1줄 A타입 스타일*/
.exhibit_list > .pdt_card .pdt_listA li{clear: both; padding: 8px 0;  border-bottom: 1px solid #eee; display: none; margin-top: -4px; }
.exhibit_list > .pdt_card .pdt_listA li.top4{display: inline-block; }
.exhibit_list > .pdt_card.extend .pdt_list li{display: inline-block; }
.exhibit_list > .pdt_card.extend .pdt_listA li.click_area{display: none; }
.exhibit_list > .pdt_card .pdt_listA li.click_area{display: inline-block;  width: 100%;  height: 40px;  text-align: center;  background: #efefef; margin-top: 7px; margin-bottom: 15px;  border-radius: 5px;  line-height: 40px;  padding: 0px;  font-size: 15px;  color: #111; border-bottom: 0px;box-shadow: 1px 1px 5px rgba(1,1,1,0.2);
    border: 1px solid #eaeaea; position: relative}
.exhibit_list > .pdt_card .pdt_listA li.click_area i.plus_icon{background:url(/images/ex_plus.png) no-repeat; width: 15px; height: 15px; display:inline-block;background-size: 100%;}
.exhibit_list > .pdt_card .pdt_listA li> .thumb{width: 28%; float: left; border:1px solid #eaeaea; border-radius: 8px; position: relative}
.exhibit_list > .pdt_card .pdt_listA li> .thumb> img{border-radius: 8px;}
.exhibit_list > .pdt_card .pdt_listA li> .thumb .laySoldOut {border-radius: 10px;}
.exhibit_list > .pdt_card .pdt_listA li> .thumb .laySoldOut .imgSoldOut{width: 55%;}
.exhibit_list > .pdt_card .pdt_listA li> .info{width:50%; float: left; margin-left: 10px; margin-top: 7px;}
.exhibit_list > .pdt_card .pdt_listA li> .info > .name{font-size: 16px; letter-spacing: -0.7px; color: #222; font-weight: 500; height: auto; max-height: 37px; -webkit-line-clamp:1; overflow: hidden; margin-bottom: 3px;}
.exhibit_list > .pdt_card .pdt_listA li> .info > .price{font-size: 13px; letter-spacing: -0.7px; color: #222; font-weight: 500;}
.exhibit_list > .pdt_card .pdt_listA li> .info > .price >em{font-size: 16px;  font-weight: 800;}
.exhibit_list > .pdt_card .pdt_listA li> .go_product{padding: 3px 11px ; border:1px solid #eaeaea; background: #efefef; border-radius: 30px; float: right; font-size: 13px; color: #006efb; font-weight: 600; margin-top: 14px; box-sizing: border-box; transition :all 0.2s ease-in-out}
.exhibit_list > .pdt_card.extend .pdt_listA li> .go_product{padding: 3px 15px;}
/*3줄 B타입 스타일*/
.exhibit_list > .pdt_card .pdt_listB{padding-bottom: 20px;display: inline-block;}
.exhibit_list > .pdt_card .pdt_listB li{float:left;width:29.5%; width: calc(100%/3 - 10px); display: inline-block; margin: 10px 5px 10px 5px }
.exhibit_list > .pdt_card .pdt_listB li> .thumb{width: 100%;border:1px solid #eaeaea; border-radius: 5px; box-sizing: border-box; position: relative;}
.exhibit_list > .pdt_card .pdt_listB li> .thumb> img{border-radius: 5px;}
.exhibit_list > .pdt_card .pdt_listB li> .thumb .laySoldOut {border-radius: 10px;}
.exhibit_list > .pdt_card .pdt_listB li> .info{width: 100%; margin-top: 5px;}
.exhibit_list > .pdt_card .pdt_listB li> .info > .name{font-size: 14px; letter-spacing: -0.7px; color: #222; font-weight: 500; height: 32px; -webkit-line-clamp:2; overflow: hidden;}
.exhibit_list > .pdt_card .pdt_listB li> .info > .price{font-size: 12px; letter-spacing: -0.7px; color: #222; font-weight: 500;}
.exhibit_list > .pdt_card .pdt_listB li> .info > .price >em{font-size: 15px;  font-weight: 600;}


.exhibit_list > .pdt_card .tag > span{margin-right: 3px; font-weight: 500; color: #555; letter-spacing: -0.7px;}
.exhibit_list > .pdt_card .tit{font-size:20px; font-weight: 600; color: #111; margin-bottom: 15px; letter-spacing: -0.7px;}
.exhibit_list > .pdt_card .close_btn{display: block; width: 50px; height: 100px;}
.exhibit_list > .pdt_card .close_btn{display: none;}
.exhibit_list > .pdt_card.extend .close_btn{display: block;  position: fixed;  top: 10px;  right: 10px;  height: 30px;  width: 30px;  border-radius: 100%;  background: #444;}
.exhibit_list > .pdt_card.extend .close_btn > img{width: 55%; margin: 6px auto; display: block}

@media only screen and (min-width:619px) {
    .exhibit_btn li.swiper-slide{width: 22%;}
    .exhibit_btn li.swiper-slide > .img_box{height: 80px;}
    .tit > img{width: 70%; }
    .click_area > .tag{font-size: 17px;}
    .exhibit_btn li.swiper-slide > .keyword{font-size: 16px;}
    .exhibit_list > .pdt_card .pdt_listA li> .thumb{width: 30%; }
    .exhibit_list > .pdt_card .pdt_listA li> .info > .name{font-size: 18px;}
    .exhibit_list > .pdt_card .pdt_listA li> .info > .price{font-size: 18px;}
    .exhibit_list > .pdt_card .pdt_listA li> .go_product{font-size: 17px; padding: 3px 25px;}
    .exhibit_list > .pdt_card .pdt_listB li> .info > .name{font-size: 16px; max-height: 40px; height: 40px;}
    .exhibit_list > .pdt_card .pdt_listB li> .info > .price{font-size: 14px;}
    .exhibit_list > .pdt_card .pdt_listB li> .info > .price >em{font-size: 16px;}
    .exhibit_list > .pdt_card .pdt_listA li.click_area{height: 60px; line-height: 60px; font-size: 19px; }
    .exhibit_list > .pdt_card.extend .close_btn{right: 220px;}
    .exhibit_list > .pdt_card .pdt_listA li.click_area i.plus_icon{ width: 20px; height: 20px; background-size: 100%;}
}


.pdt_detail .detail_comm .font_big{font-size: 22px; letter-spacing: -1px;}


/*사용가능한 적립금*/
.point_view .all_point{padding:15px 20px;background: #F8F8F8; text-align: center}
.point_view .all_point .point_num{font-size: 33px; color: #ff3c63; font-weight: bold; }
.point_view .all_point .point_num > span{font-size: 27px; font-weight:300}
.point_view .all_point p{color: #4E4E4E;}

/*적립예정금액*/
.point_view .behind_point{padding: 12px 30px; width: 100%; height:45px; color:#444; font-size: 16px; display: inline-block;}

/*적립내역*/
.point_view .point_view_list{background: #efefef;}
.point_view .point_view_list h3{height: 30px;background: #efefef;padding: 0px 20px;border-bottom: 1px solid #e9e9e9;border-top: 1px solid #e3e3e3;color:#454545;font-weight: 500;font-size: 15px;line-height: 30px;}
.point_view .point_view_list li{width: 100%; height: 90px; padding:10px 0;margin-bottom: 6px; background: #fff;}
.point_view .point_view_list li:last-child{margin-bottom: 0px;}
.point_view .point_view_list .more_btn2{width: 100%; padding: 10px;}
.point_view .point_view_list .more_btn2 > button {width: 100%; height:50px; background: #fff; border-radius: 5px; font-size: 16px; color: #555;}
.point_view .point_view_list .more_btn2 > button i{background: url(/images/ex_plus.png) no-repeat;width: 15px;height: 15px;display: inline-block;background-size: 100%; margin-left: 5px; }
/*아이콘버튼 블루*/
.point_view .point_view_list .more_btn2 > button.lineblue_icon_btn{width: 100%; height: 60px; background: #fff;color: #006EFB;font-weight: 800; letter-spacing: -1px; font-size: 17px; border-radius: 5px;border:1px solid #cccccc;  text-align: center; line-height:60px; }
.point_view .point_view_list .more_btn2 > button.lineblue_icon_btn > i{width: 15px; height: 15px; display: inline-block; background: url(https://img.mysdis.co.kr/images/common_icon/round_add_blue.svg) no-repeat;}

/*적립 상태*/
.point_view .point_view_list li .state_box{width: 110px; padding-right: 10px; margin:5px 10px; border-right: 1px solid #efefef;}
.point_view .point_view_list li .state_box .state{width: 35px; height: 35px; border: 1px solid #e7e7e7; border-radius: 100%; text-align: center; line-height: 35px; margin: 0 auto;}
.point_view .point_view_list li .state_box .amount{text-align: center; font-size: 14px;}
/*적립확정 상태 컬러*/
.point_view .point_view_list li .state_box.green{color: #0FA485;}
.point_view .point_view_list li .state_box.green .amount{color: #0FA485;}
.point_view .point_view_list li .state_box.green .state{border: 1px solid #0FA485; color: #0FA485;}
/*적립사용 상태 컬러*/
.point_view .point_view_list li .state_box.red{color: #ff3c77;}
.point_view .point_view_list li .state_box.red .amount{color:  #ff3c77;}
.point_view .point_view_list li .state_box.red .state{border: 1px solid #ff3c77; color: #ff3c77;}

/*적립 상세 정보*/
.point_view .point_view_list li .info_box{padding: 0 5px;}
.point_view .point_view_list li .info_box .date{font-size: 13px; color: #b3b3b3;}
.point_view .point_view_list li .info_box .txt{font-size: 16px; color: #333;}
.point_view .point_view_list li .info_box .detail{font-size: 14px; color: #676767;}

/*ckeidtor marker style*/
.marker{  background-color: yellow; }

/*구매확정 페이지*/
.confirm_wrap{width: 100%; height:100%;background-color: #F1F1F1; position: relative;}
.confirm_wrap .notice{width: 100%; background-color: #fff; padding: 20px;}
.confirm_wrap .notice h3{color: #222;  text-align: center; font-size: 20px;}
.confirm_wrap .notice > p{color: #888;  text-align: center;}
.confirm_wrap .pd{padding: 10px;}
.confirm_wrap .pdt_box{background: #fff; border:1px solid #e1e1e1;display: inline-block; padding:15px 15px; width: 100%; }
.confirm_wrap .pdt_box .thumb_img {width: 70px; margin-right: 10px; border: 1px solid #eee;}
.confirm_wrap .pdt_box .pdt_name {color: #222; letter-spacing: -1px;}
.confirm_wrap .pdt_box .opt {color: #707070; font-size: 13px; letter-spacing: -1px;line-height: 22px;}
.confirm_wrap .pdt_box .point_txt {color: #999; font-size: 13px; letter-spacing: -1px;line-height: 22px;}
.confirm_wrap .pdt_box .point_txt span {color: #ff3c63;}
.confirm_wrap  .point_notice{font-size: 14px; color: #aaa; margin-top: 10px; padding: 10px;}
.confirm_wrap  .point_notice > p{font-size: 13px;margin-bottom: 10px; letter-spacing: -1px;}
.confirm_wrap  .point_notice > p.tit{font-size: 15px; margin-bottom: 10px;color: #555;}
.confirm_wrap  .btn_wrap{background:#fff; padding: 10px; position: fixed; bottom: 0; width: 100%; max-width: 720px;}
.confirm_wrap  .btn_wrap > .btn {width: 48%; float: left; height: 50px; border-right: 5px; text-align: center; border: 1px solid #e1e1e1;  line-height: 50px; font-size: 20px; font-weight: 500; color: #333; }
.confirm_wrap  .btn_wrap > .btn.confirm{background: #ff3c63;  color: #fff; margin-left: 10px;}


@media only screen and (max-width:320px) {

    .confirm_wrap .pdt_box{padding: 15px 10px;}

}


/*구매확정 팝업*/
.popup_wrap{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); top:0; padding: 0; margin: 0; max-width: 720px; z-index: 10;}
.pop_contents{width: 90%; position: relative;top: 88px; left: 50%; margin-left: -45%;}
.pop_contents.confirm_pop{background: #fff; border-radius: 10px; padding: 20px 10px; text-align: center;}
.pop_contents.confirm_pop > .icon{width: 70px; display: block; margin: 0 auto;}
.pop_contents.confirm_pop > .icon img{display: block;}
.pop_contents.confirm_pop > .point_num{font-size: 20px; color: #ff3c63;letter-spacing: -0.8px; }
.pop_contents.confirm_pop > .point_num > em{font-size: 27px; color: #ff3c63; font-weight: 800;}
.pop_contents.confirm_pop > h3{font-size: 18px; color: #222; margin-top: 20px;letter-spacing: -1px;}
.pop_contents.confirm_pop > .txt{font-size: 15px; color: #555; letter-spacing: -1px; margin-bottom: 10px;}
.pop_contents.confirm_pop > .txt > span{color: #ff3c63;}
.pop_contents.confirm_pop > .btn{width: 100%; height: 50px; line-height: 50px; color: #888; border:1px solid #cacaca; border-radius: 5px;margin-top: 10px; font-size: 17px;}
.pop_contents.confirm_pop > .btn.red{background: #FF3C63; color: #fff; border:none;}

/*리뷰포인트 팝업*/
.pop_contents.reVpoint_pop{background: #fff; border-radius: 10px; padding: 20px 10px; text-align: center;}
.pop_contents.reVpoint_pop > .icon{width: 70px; display: block; margin: 0 auto;}
.pop_contents.reVpoint_pop > .icon img{display: block;}
.pop_contents.reVpoint_pop > .point_num{font-size: 20px; color: #ff3c63; letter-spacing: -0.8px;}
.pop_contents.reVpoint_pop > .point_num > em{font-size: 27px; color: #ff3c63; font-weight: 800;}
.pop_contents.reVpoint_pop > h3{font-size: 18px; color: #222; margin-top: 20px;letter-spacing: -1px;}
.pop_contents.reVpoint_pop > .txt{font-size: 15px; color: #555; letter-spacing: -1px; margin-bottom: 10px;}
.pop_contents.reVpoint_pop > .txt > span{color: #ff3c63;}
.pop_contents.reVpoint_pop > .btn{width: 100%; height: 50px; line-height: 50px; color: #888; border:1px solid #cacaca; border-radius: 5px;margin-top: 10px; font-size: 17px;}
.pop_contents.reVpoint_pop > .btn.red{background: #FF3C63; color: #fff; border:none;}
.pop_contents.reVpoint_pop > .myPoint{width: 100%; background: #efefef; color: #777; height: 45px; border-radius: 5px; line-height: 45px; padding: 0 15px; font-size: 16px; margin-top: 25px;}
.pop_contents.reVpoint_pop > .myPoint > .point_num{color: #FF3C63 }





/* 카카오 광고 상품리스트 카드*/
#kakaoAD_wrap .kakaoAD_list{width: 100%; height: 100%; margin-top: 20px;}
#kakaoAD_wrap .kakaoAD_list > .pdt_card{width: 100%; height: auto; background: #fff; border-radius: 10px; box-shadow: 1px 1px 30px rgba(1,1,1,0.3); padding: 20px 20px 0px; overflow: hidden; margin-bottom: 20px;  transition :all 0.2s ease-in-out}

#kakaoAD_wrap .kakaoAD_list > .pdt_card.extend{width: 100%; height: 100%;max-width: 720px;  border-radius: 0;  }
.pdt_card.pdt_cardPop{width: 100%; height: 100%; position: fixed; top:0; z-index: 10000000000000; border-radius: 0;
    opacity: 0; background: #fff; }


/*3줄 B타입 스타일*/
#kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listB{padding-bottom: 20px;display: inline-block;}
#kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listB li{float:left;width:29.5%; width: calc(100%/3 - 10px); display: inline-block; margin: 10px 5px 10px 5px }
#kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listB li> .thumb{width: 100%;border:1px solid #eaeaea; border-radius: 5px; box-sizing: border-box; position: relative;}
#kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listB li> .thumb> img{border-radius: 5px;}
#kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listB li> .thumb .laySoldOut {border-radius: 10px;}
#kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listB li> .info{width: 100%; margin-top: 5px;}
#kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listB li> .info > .name{font-size: 14px; letter-spacing: -0.7px; color: #222; font-weight: 500; height: 32px; -webkit-line-clamp:2; overflow: hidden;}
#kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listB li> .info > .price{font-size: 12px; letter-spacing: -0.7px; color: #222; font-weight: 500;}
#kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listB li> .info > .price >em{font-size: 15px;  font-weight: 600;}


#kakaoAD_wrap .kakaoAD_list > .pdt_card .tag > span{margin-right: 3px; font-weight: 500; color: #555; letter-spacing: -0.7px;}
#kakaoAD_wrap .kakaoAD_list > .pdt_card .tit{font-size:20px; font-weight: 600; color: #111; margin-bottom: 15px; letter-spacing: -0.7px;}
#kakaoAD_wrap .kakaoAD_list > .pdt_card .close_btn{display: block; width: 50px; height: 100px;}
#kakaoAD_wrap .kakaoAD_list > .pdt_card .close_btn{display: none;}
#kakaoAD_wrap .kakaoAD_list > .pdt_card.extend .close_btn{display: block;  position: fixed;  top: 10px;  right: 10px;  height: 30px;  width: 30px;  border-radius: 100%;  background: #444;}
#kakaoAD_wrap .kakaoAD_list > .pdt_card.extend .close_btn > img{width: 55%; margin: 6px auto; display: block}

@media only screen and (min-width:619px) {




    #kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listA li > .thumb {
        width: 30%;
    }

    #kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listA li > .info > .name {
        font-size: 18px;
    }

    #kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listA li > .info > .price {
        font-size: 18px;
    }

    #kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listA li > .go_product {
        font-size: 17px;
        padding: 3px 25px;
    }

    #kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listB li > .info > .name {
        font-size: 16px;
        max-height: 40px;
        height: 40px;
    }

    #kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listB li > .info > .price {
        font-size: 14px;
    }

    #kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listB li > .info > .price > em {
        font-size: 16px;
    }

    #kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listA li.click_area {
        height: 60px;
        line-height: 60px;
        font-size: 19px;
    }

    #kakaoAD_wrap .kakaoAD_list > .pdt_card.extend .close_btn {
        right: 220px;
    }

    #kakaoAD_wrap .kakaoAD_list > .pdt_card .pdt_listA li.click_area i.plus_icon {
        width: 20px;
        height: 20px;
        background-size: 100%;
    }
}

/*구매갯수 리뷰갯수 카운팅*/
.buyReview_counting{display: block;text-align: left;color: #222;font-size: 15px;letter-spacing: -0.7px;margin-top: 3px;height: 19px;}
.buyReview_counting span{display: inline-block; letter-spacing: -1px;}
.buyReview_counting span > em{color: #ff3c63;margin-right: 7px;}

/*철원 기획전 2020*/
.ex2020_wrap{padding: 17px 11px; }
.ex2020_wrap .swiper1{overflow: hidden;}
.ex2020_wrap .swiper1 .swiper-wrapper{}
.ex2020_wrap .swiper1 .swiper-wrapper .swiper-slide{}
.ex2020_wrap .swiper1 .swiper-wrapper .swiper-slide p{text-align: center; margin-top: 7px; font-size: 14px; letter-spacing: -0.5px; color:#282828; font-weight: 400;}
.ex_img{background: #fff center center; border-radius: 50%; width: 60px !important; display: block; height: 60px; margin: 0 auto;}
.swiper-slide .ex_01{background: url("/images/test_img/ex_01.jpg") center center no-repeat; background-size: 100%;}
.swiper-slide .ex_02{background: url("/images/test_img/ex_02.jpg") center center no-repeat; background-size: 100%;}
.swiper-slide .ex_03{background: url("/images/test_img/ex_03.jpg") center center no-repeat; background-size: 100%;}
.swiper-slide .ex_04{background: url("/images/test_img/ex_04.jpg") center center no-repeat; background-size: 100%;}
.swiper-slide .ex_05{background: url("/images/test_img/ex_05.jpg") center center no-repeat; background-size: 100%;}
.swiper-slide .ex_06{background: url("/images/test_img/ex_06.jpg") center center no-repeat; background-size: 100%;}
.swiper-slide .ex_07{background: url("/images/test_img/ex_07.jpg") center center no-repeat; background-size: 100%;}
.swiper-slide .ex_08{background: url("/images/test_img/ex_08.jpg") center center no-repeat; background-size: 100%;}
.swiper-slide .ex_09{background: url("/images/test_img/ex_09.jpg") center center no-repeat; background-size: 100%;}
.swiper-slide .ex_10{background: url("/images/test_img/ex_10.jpg") center center no-repeat; background-size: 100%;}
/*철원 기획전 2020 end*/

/*핫딜 신상품*/
.new_wrap, .my_item_wrap{padding: 10px 0 10px 10px;}
.new_tit{position: relative;}
.new_tit .hotdeal_tit{margin-left: 0!important;}
.new_tit>a{position: absolute; top:0; right:20px; font-size: 16px; font-weight: 400; color:#777; letter-spacing: -0.5px;}


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

.swiper5{overflow: hidden;}
.swiper5 .swiper-wrapper .swiper-slide .example{
    /*background: #EE5655;*/
    position: relative; overflow: visible; border: 1px solid #eee;}
.swiper5 .swiper-wrapper .swiper-slide .example .delivery{
    background: rgba(255,60,99,0.8);
    color:#fff; padding: 2px 3px;
    position: absolute; top:3%; left: 3%; font-size: 12px;
}


.swiper6{overflow: hidden;}
.swiper6 .swiper-wrapper .swiper-slide .example{
    /*background: #EE5655;*/
    position: relative; overflow: visible; border: 1px solid #eee;}

.swiper6 .swiper-wrapper .swiper-slide .example .delivery{
    background: rgba(255,60,99,0.8);
    color:#fff; padding: 2px 3px;
    position: absolute; top:3%; left: 3%; font-size: 12px;
}

.swiper6 .swiper-wrapper .swiper-slide .example .date_area{
    background: rgba(255,0,0,0.8);
    color:#fff; padding: 2px 8px;
    position: absolute; bottom:3%; right: 3%; font-size: 12px;
}
.swiper6 .swiper-wrapper .swiper-slide .example .date_area b{
    font-weight: bold;
}

.new_item_tit{font-size: 13px; letter-spacing: -0.5px; word-break: keep-all; line-height: 1.2; padding-top: 5px;}
.new_item_price{font-size: 16px; font-weight: bold; color:#282828;}

/*핫딜 신상품 end*/




/*키워드*/
.keyword_wrap{padding: 10px 10px 17px 10px;}
.keyword_wrap .hotdeal_tit{margin: 7px 11px !important;}
.key_search{border: 1px solid rgba(255,60,99,1); margin: 0 11px;}
.key_search .search_design{width: 100%; height: 40px; overflow: hidden;}
.search_design .swiper6{margin-top: 2px;}

.key_search .search_design:after{content: ''; display: block; clear: both;}
.key_search .search_design .tag_box{width: 80%; position: relative; float: left; margin-top: 7px; margin-left: 14px; font-size: 17px; color:#282828;}
.key_search .search_design .tag_box:after{content: ''; position: absolute; display: block;
    width:1px; height: 18px; background: #282828; top:4px; left: -6px;
    /* 애니메이션 이름 */
    animation-name: twinkle;
    animation-duration:1s;
    /*animation-duration: leaner;*/
    animation-iteration-count: infinite;
    animation-direction:alternate;
    animation-fill-mode: forwards;
}
.key_search .search_design .search_box{float: right; width: 40px; height: 40px; background: rgba(255,60,99,1);}
.key_search .search_design .search_box .fa-search{color:#fff; font-size: 18px; margin: 10px 0 0 12px;}



/*키워드 end*/

/*키워드2*/
.keyword_wrap2{padding: 10px 10px 17px 10px;}
.keyword_wrap2 .hotdeal_tit{margin: 7px 11px !important;}
.tag_wrap{margin:0 11px;}
.tag_wrap ul:after{content: ''; display: block; clear: both; }
.tag_wrap ul li{float: left; margin-right: 20px; margin-bottom: 10px;}
.tag_wrap ul li p{ border:1px solid rgba(255,60,99,1); font-size: 16px;  padding: 3px 10px; color:rgba(255,60,99,1); border-radius: 30px; }
.tag_wrap ul li p.special{ background:rgba(255,60,99,1); color:#fff; }
/*.tag_wrap ul li p{ background:rgba(255,60,99,1); padding: 3px 8px; color:#fff; border-radius: 30px; }*/
/*키워드2 end*/




/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes twinkle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 100%;
    }
}






















































/**/