@charset 'euc-kr';
* {outline:0 }
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0; letter-spacing:-1px}
html, body{width:100%;}
html{-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{width:100%; background:#fff; min-width:1100px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body, h1, h2, h3, h4, th, td, input, select, textarea, button { font-size:14px; font-family:'Spoqa Han Sans Neo','Notokr Local','Noto Sans KR','Malgun Gothic',sans-serif !important }
body,input,select,textarea,button {border:none;font-size:14px; color:#3b3b3b!;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#3b3b3b;text-decoration:none;}
/* Reset ����*/

.clearfix() {
  &:before,
  &:after {
    display: table; // 2
    content: " "; // 1
  }
  &:after {
    clear: both;
  }
}

.font13 { font-size:13px !important; }
.font14 { font-size:14px !important; }
.font15 { font-size:15px !important; }
.font16 { font-size:16px !important; }
.font17 { font-size:17px !important; }
.font18 { font-size:18px !important; }
.font19 { font-size:19px !important; }
.font20 { font-size:20px !important; }
.font21 { font-size:21px !important; }
.font22 { font-size:22px !important; }
.font23 { font-size:23px !important; }
.font24 { font-size:24px !important; }
.font25 { font-size:25px !important; }
.font26 { font-size:26px !important; }
.font27 { font-size:27px !important; }

.nowrap { width:100% }
.wrap { width: 1100px; margin:0 auto }
.marginspace { height:90px }

div.bigdiv { margin:0 0 40px 0; }
h1.divtitle { font-size: 35px; text-align:center; font-weight:bold }
p.divsubtitle { font-size: 17px; text-align:center; margin-top:15px }
#divHeader_10 { padding-top:10px; height:30px; text-align: center; border-bottom: 4px solid #0e52a5 }
#divHeader_10 .wrapdiv { position: relative; }

#divHeader_20 { border-bottom:1px solid #ebebeb }
#divHeader_20 .wrapdiv { display: flex; justify-content: space-between; align-items: center; padding:0px }
#divHeader_20 .wrapdiv .favorite { padding:5px; height:15px; background-color:#9cafd2; color:white; font-size:13px; line-height:15px; cursor: pointer; }
#divHeader_20 .wrapdiv .smallmenu { padding:0px 0; text-align: right; color:#aaaaaa; }
#divHeader_20 .wrapdiv .smallmenu li { position:relative; display: inline-flex; text-align: center; margin:0 5px; font-size:14px; ; cursor:pointer; opacity:0.8; transition:all 0.3s;}
#divHeader_20 .wrapdiv .smallmenu li:hover { color:black; opacity:1 }
#divHeader_20 .wrapdiv .smallmenu li.includeicon { padding-left:20px }
#divHeader_20 .wrapdiv .smallmenu i { position: absolute; top:0px; left:0px; font-size: 18px; margin-right: 3px; }
#divHeader_20 .wrapdiv .smallmenu .cartcount { width:21px; height:21px; margin-left:2px; /*background-color:#86c33a;*/ background-color:#0c50a3; color:white; border-radius: 50%; display: inline-block; line-height: 21px; }

#divHeader_30 { display:flex; justify-content: space-between; align-items: center; padding:15px 0 }
#divHeader_30 .logo { flex:1 }
#divHeader_30 .logo img { width:175px }
#divHeader_30 .search { flex:2; position: relative; text-align:center; padding:10px 0 }
#divHeader_30 .search a { margin-right: 20px; }
#divHeader_30 .search input { width:270px; height: 45px; padding-right:30px; border-bottom: 2px solid #0e52a5; font-size:15px }
#divHeader_30 .search input:focus::placeholder { color: transparent; }
#divHeader_30 .search .searchbutton { position: absolute; top: -15px; right: 120px; width: 40px; height: 97px; font-size: 0; background: url('../../../../../oksamda/20samda/images/icon_search.png') 3px center no-repeat; } 
#divHeader_30 .banner { flex:1 }
#divHeader_30 .banner #divSlideHeaderBanner { width:220px }
#divHeader_30 .banner #divSlideHeaderBanner .splide__arrow--prev { left:-27px }
#divHeader_30 .banner #divSlideHeaderBanner .splide__arrow--next { right:-27px }

#divHeader_40 { height:52px; line-height: 52px; background-color: white; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; z-index: 30; }
#divHeader_40.fixed { position: fixed; top:0px; z-index:200; }
#divHeader_40 .menuline { display:flex; justify-content: space-between; }
#divHeader_40 .bigmenu { display:flex}
#divHeader_40 .bigmenu>div { padding:0 40px; font-size: 18px; background: url('../../../../../oksamda/20samda/images/split.jpg') no-repeat right center; cursor: pointer; }
#divHeader_40 .bigmenu>div:hover { color:#0e52a5; }
#divHeader_40 .bigmenu>div:first-child { cursor: auto; }
#divHeader_40 .bigmenu>div:last-child { background: none }
#divHeader_40 .bigmenu>div.all { position:relative; background:none; border-left:1px solid #c3c3c3; border-right: 1px solid #c3c3c3; font-size: 18px; font-weight: normal; }
#divHeader_40 .bigmenu>div.all:hover { background-color:#0e52a5; color:white; }
#divHeader_40 .bigmenu>div.all .allsubmenu { overflow:hidden; position: absolute; width:1100px; top:52px; left:0; background-color: white; border:0; color:#3b3b3b; height:0; opacity:0; transition:all 0.4s; z-index:30; box-sizing: border-box; }
#divHeader_40 .bigmenu>div.all:hover .allsubmenu { opacity:1; height:auto; border:1px solid #c3c3c3; }
/* #divHeader_40 .bigmenu:hover .allsubmenu { opacity:1 !important; height:auto !important; border:1px solid #c3c3c3 !important; } */
#divHeader_40 .bigmenu>div.all .allsubmenu .subbigmenuwrqp { display: flex; }
#divHeader_40 .bigmenu>div.all .allsubmenu .subbigmenu { flex: 1; padding:20px; border-right:1px solid #c3c3c3 }
#divHeader_40 .bigmenu>div.all .allsubmenu .subbigmenu:last-child { border-right:none }
#divHeader_40 .bigmenu>div.all .allsubmenu .subbigmenu p.category1 { font-size: 20px; font-weight: bold; cursor:pointer }
#divHeader_40 .bigmenu>div.all .allsubmenu .subbigmenu .category2list div { height:40px; line-height:40px; padding:0 10px; font-size: 15px; border-radius: 10px; cursor: pointer; transition:all 0.2s }
#divHeader_40 .bigmenu>div.all .allsubmenu .subbigmenu .category2list div:hover { background-color:#dcdcdc }

#divHeader_40 .bigmenu>div.all .allsubmenu .subbigmenu li { height:40px; line-height:40px; padding:0 10px; font-size: 15px; border-radius: 10px; cursor: pointer; transition:all 0.2s }
#divHeader_40 .bigmenu>div.all .allsubmenu .subbigmenu li:hover { background-color:#dcdcdc }

#divRolling .splide__slide { height:370px; background-size: cover!important; }
#divRolling .splide__arrow { font-size: 40px; }
#divRolling .splide__arrow svg path {fill:white }
#divRolling .splide__pagination { bottom:1em }

.splide__arrow { background:transparent!important;}
.splide__pagination__page { width:30px!important; height:5px!important; margin:2px!important; border-radius: 0!important;}
.splide__pagination__page.is-active { transform:scaleY(1.5)!important; opacity: 1!important; }
.splide__progress__bar { background-color:#00c6ff!important }

#div4banners { display: flex; justify-content: space-between; }
#div4banners>div { width:20%; padding:20px; border:1px solid #dcdcdc; text-align: center; }
#div4banners>div img { margin:0 0 15px 0 }
#div4banners h4 { font-size: 25px; margin:0 0 5px 0}
#div4banners p { font-size: 15px; }

#divWhichTaste { padding:30px 0; background:url('../../../../../oksamda/20samda/images/whichtaste_bg.jpg') no-repeat center center; background-size: cover; }
#divWhichTaste .title { text-align:center; font-size: 35px; font-weight: bold; }
#divWhichTaste .title .small { margin-left: 20px; font-size: 17px; }
#divWhichTaste .container { display:flex; justify-content:center; padding-top:20px }
#divWhichTaste .container .item { width:260px; margin:0 40px; border:1px solid #ebebeb; cursor: pointer; background-color: white; box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.17); transition:all 0.4s; }
#divWhichTaste .container .item:hover { transform:translateY(-10px) ; opacity: 0.7; } 
#divWhichTaste .container .item img { width:260px; height:260px; }
#divWhichTaste .container .item .productname { padding:10px 10px 0 10px; font-size: 17px; font-weight: bold; color:black; background-color:white; border-top:1px solid #ebebeb}
#divWhichTaste .container .item .description { padding:0 10px; font-size:15px; }
#divWhichTaste .container .item .productprice { padding:5px 10px 10px 10px; font-size: 15px; font-weight: bold; color: red; background-color:white; }
#divWhichTaste .container .item .productprice .dcorigin { margin-left: 10px; text-decoration: line-through; font-size:12px; color:#b3bbc2 }
#divWhichTaste .container .item .productprice .dcper { margin-left: 3px; font-size:13px; color:#76bc10 }

#divRecommand #divSlideRecommand { width: 1050px; margin:0 auto }
#divRecommand #divSlideRecommand .splide__slide { border:1px solid #ebebeb; cursor: pointer; transition:all 0.4s; }
#divRecommand #divSlideRecommand .splide__slide:hover { transform:scale(0.98); opacity: 0.7; } 
#divRecommand #divSlideRecommand .splide__slide img { width: 253px; }
#divRecommand #divSlideRecommand .splide__slide .productname { padding:10px 10px 5px 10px; font-size: 17px; font-weight: bold; color:black; border-top:1px solid #ebebeb}
#divRecommand #divSlideRecommand .splide__slide .productprice { padding:0 10px 10px 10px; font-size: 15px; font-weight: bold; color: red; }
#divRecommand #divSlideRecommand .splide__slide .productprice .dcorigin { margin-left: 10px; text-decoration: line-through; font-size:12px; color:#b3bbc2 }
#divRecommand #divSlideRecommand .splide__slide .productprice .dcper { margin-left: 3px; font-size:12px; color:#76bc10 }
#divRecommand #divSlideRecommand .splide__arrow { font-size: 20px; }
#divRecommand #divSlideRecommand .splide__arrow--prev { left:-50px }
#divRecommand #divSlideRecommand .splide__arrow--next { right:-50px }

#divThanksGiving { position: relative; height:680px; background:url('../../../../../oksamda/20samda/images/thanksgiving_bg.jpg') no-repeat center center; background-size: cover; }
#divThanksGiving .toppadding { height:115px }
#divThanksGiving #divSlideThanksGiving { width:1100px; margin:0 auto }
#divThanksGiving #divSlideThanksGiving .splide__slide { background-color:white; box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.17); cursor:pointer; transition:all 0.4s; }
#divThanksGiving #divSlideThanksGiving .splide__slide:hover { transform:scale(0.98); opacity: 0.7; } 
#divThanksGiving #divSlideThanksGiving .splide__slide img { width: 100%; }
#divThanksGiving #divSlideThanksGiving .splide__slide .productname { padding:10px 10px 5px 10px; font-size: 15px; font-weight: bold; color:black; border-top:1px solid #ebebeb; white-space: nowrap; overflow : hidden; text-overflow : ellipsis;}
#divThanksGiving #divSlideThanksGiving .splide__slide .productprice { padding:0 10px 10px 10px; font-size: 14px; font-weight: bold; color: red; }
#divThanksGiving #divSlideThanksGiving .splide__slide .productprice .dcorigin { margin-left: 10px; text-decoration: line-through; font-size:12px; color:#b3bbc2 }
#divThanksGiving #divSlideThanksGiving .splide__slide .productprice .dcper { margin-left: 3px; font-size:13px; color:#76bc10 }
#divThanksGiving #divSlideThanksGiving .splide__arrow { font-size: 20px; }
#divThanksGiving #divSlideThanksGiving .splide__arrow--prev { left:-50px }
#divThanksGiving #divSlideThanksGiving .splide__arrow--next { right:-50px }
#divThanksGiving .more { width:1100px; margin:0 auto; padding-bottom:20px; text-align:right; line-height: 15px; font-size: 15px; font-weight: bold; cursor:pointer }

#divLongBanner_01 { background:url('../../../../../oksamda/20samda/images/longbanner_bg_01.png') repeat-x }
#divLongBanner_02 { background:url('../../../../../oksamda/20samda/images/longbanner_bg_02.png') repeat-x }

.mainproductarea .mainproductupper { position: relative; }
.mainproductarea .mainproductupper .productmore { position: absolute; top:50%; right: 0; line-height: 15px; font-size: 15px; font-weight: bold; cursor: pointer; }
.mainproductarea .mainproduclist { display: flex; justify-content: space-between; flex-wrap: wrap;  }
.mainproductarea .mainproduclist .mainproducitem { flex: 0 0 30%; margin:0 0 40px 0; cursor: pointer; transition:all 0.4s; border:1px solid #ebebeb }
.mainproductarea .mainproduclist .mainproducitem.hovertarget:hover { transform:translateY(-10px) ; opacity: 0.7; }
.mainproductarea .mainproduclist .mainproducitem.categorylink { display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mainproductarea .mainproduclist .mainproducitem.categorylink p { text-align:center }
.mainproductarea .mainproduclist .mainproducitem.categorylink p.title { color:white; text-shadow: 0 0 10px #000000; }
.mainproductarea .mainproduclist .mainproducitem.categorylink p.small { font-size:17px; }
.mainproductarea .mainproduclist .mainproducitem.categorylink p.big { font-size: 27px; font-weight: bold; }
.mainproductarea .mainproduclist .mainproducitem.categorylink p.button { margin-top:40px; width:90px; height:40px; line-height:40px; background-color: white; color:#7c7c7c; font-size:17px; border-radius: 10px; }
.mainproductarea .mainproduclist .mainproducitem.categorylink.meat { background:url(../../../../../oksamda/20samda/images/categorylink_01.jpg) no-repeat center center; background-size: cover; }
.mainproductarea .mainproduclist .mainproducitem.categorylink.fish { background:url(../../../../../oksamda/20samda/images/categorylink_02.jpg) no-repeat center center; background-size: cover; }
.mainproductarea .mainproduclist .mainproducitem.categorylink.food { background:url(../../../../../oksamda/20samda/images/categorylink_03.jpg) no-repeat center center; background-size: cover; }
.mainproductarea .mainproduclist .mainproducitem .image { width:100%; }
.mainproductarea .mainproduclist .mainproducitem .textarea { padding:20px; border-top:1px solid #ebebeb }
.mainproductarea .mainproduclist .mainproducitem .productname { margin-bottom: 5px; font-size: 18px; font-weight: bold; color:black }
.mainproductarea .mainproduclist .mainproducitem .productdescription { font-size:15px; }
.mainproductarea .mainproduclist .mainproducitem .productprice { font-size: 17px; font-weight: bold; color: red; padding-top:10px }
.mainproductarea .mainproduclist .mainproducitem .productprice .dcorigin { margin-left: 10px; text-decoration: line-through; font-size:13px; color:#b3bbc2 }
.mainproductarea .mainproduclist .mainproducitem .productprice .dcper { margin-left: 3px; font-size:15px; color:#76bc10 }

#divReviewBox { display: flex; box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.17); }
#divReviewBox .left { flex:2; background:url('../../../../../oksamda/20samda/images/reviewbox.jpg') no-repeat center center; background-size:cover; }
#divReviewBox .right { flex:1.4; padding:30px; background-color: #f8f8f8; }
#divReviewBox .right .upper { position: relative; }
#divReviewBox .right .upper .title { font-size:18px; font-weight: bold; }
#divReviewBox .right .upper .productmore { position: absolute; top:0; right:0; font-size: 13px; cursor:pointer }
#divReviewBox .right .articlelist { margin-top:20px }
#divReviewBox .right .articlelist .articleitem { display:flex; justify-content: space-between; margin-bottom: 5px; cursor:pointer; transition:all 0.4s }
#divReviewBox .right .articlelist .articleitem:hover { transform:translateX(-5px); opacity: 0.7;}
#divReviewBox .right .articlelist .articleitem .title { display: flex; }
#divReviewBox .right .articlelist .articleitem .title img { height:35px; transition:all 0.4s }
#divReviewBox .right .articlelist .articleitem .title p { align-self: center; margin:10px; font-size: 13px; font-weight: bold; }
#divReviewBox .right .articlelist .articleitem .date { align-self: center; }

#divPlating { border:1px solid #c3c3c3 }
#divPlating .more { padding:20px 20px 0 0; text-align:right; line-height: 15px; font-size: 15px; font-weight: bold; border-top:1px solid #c3c3c3; cursor: pointer; }
#divPlating .review { display:flex; justify-content: space-between; flex-wrap: wrap; padding:10px; }
#divPlating .review .image { width:63px; height:63px; margin:4px; cursor: pointer; background-size:cover; opacity:0.5; transition:all 0.2s }
#divPlating .review .image:hover { transform:translateY(-5px); opacity:1 }
#divModalPlating { width:500px; box-sizing:content-box; }
#divModalPlating { background-color: white; }
#divModalPlating #divSlidePlating .splide__slide { width:500px; cursor:pointer }
#divModalPlating #divSlidePlating .splide__slide .image { width:500px; height:500px; margin-bottom:20px; background-size: cover; }
#divModalPlating #divSlidePlating .splide__slide .title { padding:0 20px; margin-bottom:10px; font-size:16px; font-weight: bold; }
#divModalPlating #divSlidePlating .splide__slide .name { display: inline-block; padding:0 10px 0 20px; margin-bottom:20px; font-size:12px; font-weight: bold;}
#divModalPlating #divSlidePlating .splide__slide .date { display: inline-block; padding:0 20px 0 0; color:#7e7e7e; font-size:12px; font-weight: bold; }
#divModalPlating #divSlidePlating .splide__slide .body { padding:0 20px; margin-bottom:20px; font-size:14px; }
#divModalPlating #divSlidePlating .splide__arrow { font-size:40px }
#divModalPlating #divSlidePlating .splide__arrow--prev { left:-100px; }
#divModalPlating #divSlidePlating .splide__arrow--next { right:-100px }

#divQuick { height:0; overflow:hidden; opacity: 0; position: fixed; bottom:100px; right:20px; transition:all 1s; z-index:1 }
#divQuick.show { height:600px; opacity: 1; }
#divQuick .box { width:90px; margin-bottom: 6px; text-align:center; box-sizing: border-box; }
#divQuick .box10 li { padding:5px 0; margin-bottom: 3px; font-size:13px; background-color: white; border:1px solid #c3c3c3; cursor: pointer; }
#divQuick .box10 li:first-child { height:150px; padding:0; border:0 }
#divQuick .box20 { padding:5px 0; background-color: white; border:1px solid #c3c3c3 }
#divQuick .box20 p { margin-bottom: 5px; }
#divQuick .box20 i { margin-bottom:5px; font-size:18px }
#divQuick .box20 li img { width:70px; margin-bottom: 5px; }
#divQuick .box30 li { padding:5px 0; margin-bottom: 3px; font-size:13px; background-color: white; border:1px solid #c3c3c3; cursor: pointer; }
#divQuick .box40 { color:#c3c3c3; font-size: 20px; }
#divQuick .box40 i { cursor: pointer; }

#divBaro { height:0; overflow:hidden; opacity: 0; position: fixed; bottom:100px; left:20px; transition:all 1s }
#divBaro.show { height:194px; opacity: 1; z-index:1; }

.footerkys { border-top:1px solid #c3c3c3; margin-top:100px }
#divFooter_10 { display:flex; justify-content: space-between; }
#divFooter_10 .cs { display:flex }
#divFooter_10 .cs .icon { padding: 15px 0 15px 15px; font-size: 50px; }
#divFooter_10 .cs .body { padding:20px }
#divFooter_10 .cs .body .title { font-size:20px; font-weight: bold; }
#divFooter_10 .cs .body .phonenum { font-size:30px; font-weight: bold; color:#0e52a5; margin-left:10px;  }
#divFooter_10 .cs .body .description { font-size:15px; }
#divFooter_10 .split { padding:35px 0; }
#divFooter_10 .split>div { width:1px; height: 44px; background-color: #c3c3c3; }
#divFooter_10 .bank { display: flex; align-items: flex-start; }
#divFooter_10 .bank .icon { padding: 15px 0 15px 15px; font-size: 50px; }
#divFooter_10 .bank .title { padding:20px; font-size:20px; font-weight: bold; margin-bottom: 10px; }
#divFooter_10 .bank .body { padding:20px 20px 20px 0 }
#divFooter_10 .bank .body .p1 { font-size:20px; font-weight: bold; padding-bottom:10px }
#divFooter_10 .bank .body .p2 { font-size:15px; }
#divFooter_30 { padding: 20px; background: #e6e6e6; }
#divFooter_30 .wrap { display: flex; }
#divFooter_30 .logo { padding:20px; }
#divFooter_30 .logo img { width:200px; opacity:0.8 }
#divFooter_30 .info { padding:20px; font-size:14px }
#divFooter_30 .info .div1 { display: flex; justify-content: space-between; margin-bottom:20px; font-size:17px }
#divFooter_30 .info .div1 img { filter: grayscale(100%); }
#divFooter_30 .info .div2 { display:flex; justify-content:space-between; height:40px; line-height: 40px; display: flex; margin-top:20px }
#divFooter_30 .info .div2>p { margin-right: 20px; }
#divFooter_30 .info .div2 .footermarks img { margin-right:5px; filter: grayscale(100%); }

.footermodal { background-color: white; }
.footermodal .body iframe { width:600px; height:450px; border:0 }
.footermodal .button { padding:10px; text-align:center; font-size:20px; font-weight: bold; transition:all 0.4s; cursor: pointer; }
.footermodal .button:hover p { background-color: #525252; color:white; }
.footermodal .button p { padding:10px; border:1px solid #c3c3c3; border-radius: 20px; }


















/*
========================================================================
RESET
========================================================================
*/


/* global rest */

html,
body {
    height: 100%;
}

html,
body,
pre,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
li,
ol,
th,
td,
p,
blockquote,
form,
fieldset,
legend,
menu,
nav,
section,
hgroup,
article,
header,
aside,
footer,
input,
select,
textarea,
button {
    margin: 0;
    padding: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
table,
input,
select,
textarea,
a {
/*    font-size: 12px;*/
    line-height: 1.25;
    color: #777;
    font-family: 'Spoqa Han Sans Neo','Notokr Local','Noto Sans KR', 'Malgun Gothic', AppleGothic, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

img,
fieldset,
button {
    border: 0 none;
}

img {

}

li {
    list-style: none;
}

hr,
caption,
legend {
    display: none;
}

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

a:hover {}

button {
    overflow: hidden;
    cursor: pointer;
}

button span {
    visibility: hidden;
}

address,
em {
    font-style: normal;
}

button,
input,
select,
textarea,
a {
    vertical-align: middle;
}

select {
    line-height: 18px;
    height: 18px;
}

input:focus {
    outline: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    word-wrap: break-word;
    word-break: keep-all;
}


/*
========================================================================
========================================================================
*/

.section-container {
    position: relative;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}


/* image replace, hidden text */

.ir *,
.blind {
    z-index: -1;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    text-indent: -9999px;
}


/* block, inline */

.d-block {
    display: block;
}

.d-inline {
    display: inline;
}


/* form */

.txt-right {
    text-align: right;
}

.txt-input1 {
    padding: 2px 0 0 2px;
    height: 17px;
    line-height: 17px;
    border: 1px solid #e2e9ef;
    border-top: 1px solid #aaadb2;
}

.txt-input2 {
    padding: 2px 0 0 2px;
    height: 17px;
    line-height: 17px;
    border: 1px solid #dcdcdc;
}

.MS_input_txt {
    margin-right: 5px;
    padding: 2px 0 0 2px;
    line-height: 17px;
    border: 1px solid #dcdcdc;
}

.txt-disabled {
    background-color: #f6f6f6;
}

.chk-rdo {
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.txt-area1 {
    overflow-y: scroll;
    padding: 2px 0 0 2px;
    line-height: 17px;
    border: 1px solid #e2e9ef;
    border-top: 1px solid #aaadb2;
}


/* file add trick */

.file-wrap {
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 23px;
    width: 280px;
    vertical-align: middle;
    background: url(https://samda.store/images/btn/h20_trick_fileadd.gif) no-repeat right 0;
}

.file-wrap .file-txt {
    float: left;
    border: 0 none;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    width: 198px;
    border: 1px solid #ccc;
}

.file-wrap .file-trick {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0;
    right: 0;
    width: 100px;
    height: 20px;
    background: none;
    border: 0 none;
    opacity: 0;
    filter: alpha(opacity=0);
}


/* font-color */

.fc-red {
    color: #bd101b;
}

.fc-blue {
    color: #2c6b9e;
}

.MS_option_price {
    color: #FF3C00;
}


/* bold */

.bold {
    font-weight: bold;
}


/* float clear */

.clear {
    zoom: 1;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}


/* margin */

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}


/* padding */

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}


/* table */

table img {
    vertical-align: middle;
}

.tb-bold {
    font-weight: bold;
}

.tb-left,
.tb-center,
.tb-right {
    /*    padding: 0 10px;*/
}

.tb-btn {
    padding: 0;
}

.tb-left {
    text-align: left;
}

.tb-center {
    text-align: center;
}

.tb-right {
    text-align: right;
}

.tb-label-r5 label {
    margin-right: 5px;
}

.tb-label-r10 label {
    margin-right: 10px;
}

.tb-label-r10 label.last,
.tb-label-r5 label.last {
    margin-right: 0;
}


/* table-type-1 */

.table-type-1 {
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
}

.table-type-1 th,
.table-type-1 td {
    padding: 8px 0 8px;
    background: url(../../../../../images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom;
}

.table-type-1 tr.nbg th,
.table-type-1 tr.nbg td {
    background-image: none;
}

.table-type-1 tr.bg th,
.table-type-1 tr.bg td {
    background-color: #f8f8f8;
}

.table-type-1 th {
    font-weight: normal;
}


/* table-type-2 */

.table-type-2 {
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
}

.table-type-2 th,
.table-type-2 td {
    padding: 8px 0 8px;
    background: url(../../../../../images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom;
}

.table-type-2 th {
    font-weight: normal;
}

.table-type-2 tr.nbg th,
.table-type-2 tr.nbg td {
    background-image: none;
}



.prd-list {
    margin-top: 10px;
}

.prd-list table td {
    border: 0;
    vertical-align: top;
}

.prd-list table .tb-center {
    padding: 0 10px;
}

.prd-list table .info {
    padding: 5px 0;
}

.prd-list .thumb {
    width: 196px;
    height: 196px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    line-height: 0;
    border: 2px solid #f2f4f3;
}

.prd-list .thumb a,
.prd-list .thumb img {
    display: block;
    width: 100%;
    height: 100%;
}

.prd-list .dsc {
    margin-top: 15px;
    font-weight: bold;
}

.prd-list .price {
    margin-top: 5px;
    font-weight: bold;
    color: #333;
}



.table-cart {
    margin-top: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #b7b7b7;
}

.table-cart thead th {
    padding: 7px 0 6px;
    background-color: #ededed;
}

.table-cart tbody td,
.table-cart tfoot {
    background: url(../../../../../images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0;
}

.table-cart tbody td {
    padding: 3px 0 3px;
}

.table-cart tbody td .thumb {
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    line-height: 0;
    border: 2px solid #f6f6f6;
}

.table-cart tbody td .thumb a,
.table-cart tbody td .thumb img {
    display: block;
    width: 50px;
    height: 50px;
}

.table-cart tbody td .thumb a {
    font-size: 0;
    line-height: 0;
}

.table-cart tbody td .d-block {
    padding-bottom: 3px;
}

.table-cart tbody tr.nbg td {
    background-image: none;
}

.table-cart tfoot td {
    padding: 10px 0;
    font-weight: bold;
}

.table-cart tfoot strong {
    color: #be101a;
    font-size:22px;
}



.table-cart .opt-spin {
    position: relative;
    width: 36px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3px;
}

.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns {
    float: left;
}

.table-cart .opt-spin .txt-spin {
    width: 48px !important;
    height: 21px !important;
    padding-right: 2px padding-top: 2px;
    border: 1px solid #acacac;
    font-size: 11px;
    text-align: center !important;
}

.table-cart .opt-spin .btns {
    width: 12px;
    height: 20px;
    margin-top: 4px !important;
    margin-left: 6px !important;
}

.table-cart .opt-spin .btns img {
    overflow: hidden;
    float: left;
    text-indent: -999px;
    background: none;
}



.table-order-info {
    margin-top: 10px;
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
}

.table-order-info tbody th,
.table-order-info tbody td {
    padding: 8px 0 7px;
    background: url(../../../../../images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0;
}

.table-order-info tbody th {
    letter-spacing: -1px;
    background-color: #ededed;
}

.table-order-info tbody th .d-block {
    font-weight: normal;
    letter-spacing: 0;
}

.table-order-info tbody tr.nbg th,
.table-order-info tbody tr.nbg td {
    background-image: none;
}



.tit-tb-list {
    margin-top: 30px;
    font-size: 12px;
    color: #5f5f5f;
    padding-left: 10px;
    background: url(../../../../../images/d3/modern_simple/common/bull_h3_sqr_gray.gif) no-repeat 0 45%;
}

.table-d2-list {
    border-top: 2px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}

.table-d2-list thead th {
    padding: 6px 0;
    background-color: #ededed;
    border-bottom: 2px solid #cdcdcd;
    font-size:14px;
}

.table-d2-list tbody td {
    padding: 6px 0 5px;
    border-bottom: 1px solid #e3e3e3;
    font-size:15px;
}



.table-d2-view {
    margin-top: 5px;
    border: 2px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}

.table-d2-view th,
.table-d2-view td {
    padding: 6px 0 5px;
    border-bottom: 1px solid #cdcdcd;
    font-size:15px;
}

.table-d2-view th {
    font-weight: bold;
    border-right: 1px solid #e3e3e3;
    background-color: #ededed;
    font-size:14px;
}


/* paging */

.paging {
    padding-top: 20px !important;
    height: 17px;
    text-align: center;
    line-height: 0;
    vertical-align: top;
}

.paging li {
    display: inline;
}

.paging li a {
    overflow: hidden;
    width: auto;
    height: 15px;
    padding: 0 7px;
    color: #999;
    cursor: pointer;
}

.paging li a:hover,
.paging li.now a {
    color: #d63448;
}

.paging li.first a,
.paging li.prev a,
.paging li.next a,
.paging li.last a {
    padding: 0 3px;
}

.paging li.prev {
    margin-right: 10px;
}

.paging li.next {
    margin-left: 0px;
}



.loc-navi {
 
}

.loc-navi,
.loc-navi a {
    color: #999;
    text-transform: capitalize;
}





#content .tit-page {
    position: relative;
    margin-top: 20px;
    font-size: 0;
    line-height: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #d0d0d0;
}

#content .tit-page .dsc {
    position: absolute;
    right: 0px;
    top: 15px;
    font-size: 11px;
    color: #a5a5a5;
    letter-spacing: -1px;
}

#content .tit-page .dsc em {
    color: #333;
}



#content .tit-page-2 {
    position: relative;
    margin-top: 15px;
    padding-bottom: 6px;
    border-bottom: 1px solid #d0d0d0;
}

#content .tit-page-2 .dsc {
    letter-spacing: -1px;
    display: inline-block;
    padding-top: 2px;
    margin-left: 15px;
    color: #9b9b9b;
    font-size:14px;
}



.total-sort {
    zoom: 1;
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
}


/* total */

.total-sort .total {
    float: left;
    width: auto;
}

.total-sort .total dt,
.total-sort .total dd {
    display: inline;
}

.total-sort .total dd {
    font-weight: bold;
}

.total-sort .total dt {
    text-transform: capitalize;
}


/* sort */

.total-sort .sort {
    float: right;
    width: auto;
    display: inline;
    margin-right: 20px;
}

.total-sort .sort li,
.total-sort .sort li a {
    float: left;
    width: auto;
}

.total-sort .sort li {
    display: inline;
    margin-left: 10px;
}



.total-page {
    zoom: 1;
    overflow: hidden;
}

.total-page .total {
    float: left;
    width: auto;
}

.total-page .page {
    float: right;
    width: auto;
}





.mem-lvl {
    zoom: 1;
    overflow: hidden;
    padding: 15px 50px 15px 180px;
    background-color: #ededed;
}

.mem-lvl .lvl-img,
.mem-lvl p {
    position: relative;
    float: left;
}

.mem-lvl .lvl-img {
    left: -120px;
    margin-right: -120px;
    width: 120px;
}

.mem-lvl p {
    width: 100%;
    padding-top: 10px;
    line-height: 16px;
    font-size:14px;
}

.mem-lvl p em {
    color: #be101a;
    font-weight: bold;
}

.mem-lvl span.MS_group_reserve_msg,
.mem-lvl span.MS_group_dc_msg {
    color: #F26622;
}



.mem-lvl-2 {
    zoom: 1;
    overflow: hidden;
    padding: 15px 50px 15px 150px;
    border: 5px solid #ededed;
}

.mem-lvl-2 .lvl-img,
.mem-lvl-2 p {
    position: relative;
    float: left;
}

.mem-lvl-2 .lvl-img {
    left: -130px;
    margin-right: -130px;
    width: 120px;
    border-right: 1px solid #ededed;
}

.mem-lvl-2 p {
    width: 100%;
    padding-top: 10px;
    line-height: 16px;
}

.mem-lvl-2 p em {
    color: #be101a;
    font-weight: bold;
}

.mem-lvl-2 span.MS_group_reserve_msg,
.mem-lvl-2 span.MS_group_dc_msg {
    color: #F26622;
}



.t-box-msg {
    padding: 10px 20px;
    border: 5px solid #ededed;
    font-size:15px;
}

.t-box-msg strong {
    color: #0178d3;
}





/* z-index */

#layerWrap {
    z-index: 1;
}


/* layout */

#header,
#layerWrap,
#contentWrap,
#ftLink .link,
#footer {
    position: relative;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

#contentWrapper {
    position: relative;
}

#contentWrap:after {
    content: "";
    display: block;
    clear: both;
}

#aside,
#content {
    position: relative;
    float: left;
}

#content {
    width: 100%;
}



#detailpage {
    position: absolute;
    top: 100px;
    display: block;
    width: 640px;
    padding: 10px 10px 40px;
    border: 3px solid #93a4b3;
    background-color: #fff;
}

#detailpage .loc {
    zoom: 1;
    overflow: hidden;
}

#detailpage .loc span {
    float: right;
    width: auto;
}


/*
#detailpage .loc span { float: right; width: auto; padding-left: 10px; background: url(../../../../../images/d3/modern_simple/common/bull_h5_arow_blue.gif) no-repeat 0 6px; }
*/

#detailpage .hd {
    margin-top: 10px;
    padding: 5px 10px 5px 30px;
    border: 1px solid #becbd7;
    background: #e0e6ec url(../../../../../images/d3/modern_simple/common/bull_h11_sqr_arow.gif) no-repeat 10px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#detailpage .hd h2 {
    font-weight: bold;
    font-size: 16px;
    color: #666;
}

#detailpage .detail {
    zoom: 1;
    overflow: hidden;
    margin-top: 20px;
    padding-left: 300px;
}

#detailpage .thumb-wrap,
#detailpage .txt-wrap {
    position: relative;
    float: left;
}

#detailpage .close-layer {
    position: absolute;
    right: 0px;
    bottom: 0px;
    _bottom: -1px;
}


/* thumb-wrap */

#detailpage .thumb-wrap {
    width: 300px;
    left: -300px;
    margin-right: -300px;
    text-align: center;
}

#detailpage .thumb-wrap .btns {
    margin-top: 10px;
    font-size: 0;
    line-height: 0;
}

#detailpage .thumb-wrap .btns a {
    margin-left: 5px;
}

#detailpage .thumb-wrap .thumb img {
    width: 250px;
}


/* txt-wrap */

#detailpage .txt-wrap {
    width: 100%;
}

#detailpage .txt-wrap .ptit {
    font-weight: bold;
    font-size: 14px;
    color: #333;
    border-bottom: 2px solid #ccc;
}

#detailpage .txt-wrap .opt {
    margin-top: 5px;
}

#detailpage .txt-wrap .opt li {
    padding: 3px 0;
}

#detailpage .txt-wrap .opt li.s-price {
    color: #a00000;
}

#detailpage .txt-wrap .f-btns {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    font-size: 0;
    line-height: 0;
}

#detailpage .txt-wrap .f-btns a {
    margin-right: 5px;
}


/* opt-spin */

#detailpage .opt-spin {
    display: inline-block;
    position: relative;
    width: 36px;
    height: 20px;
}

#detailpage .opt-spin .txt-spin {
    width: 22px;
    height: 18px;
    padding-right: 2px padding-top: 2px;
    border: 1px solid #acacac;
    font-size: 11px;
    text-align: right;
}

#detailpage .opt-spin .btns {
    position: absolute;
    left: 35px;
    top: 0px;
    width: 12px;
    height: 20px;
}

#detailpage .opt-spin .btns img {
    overflow: hidden;
    float: left;
    text-indent: -999px;
    background: none;
}

#detailpage .thumb-wrap .btns {
    margin-top: 10px;
    font-size: 0;
    line-height: 0;
}

#detailpage .thumb-wrap .btns a {
    margin-left: 5px;
}





.bbs-hd {
    padding: 0px 0 20px;
    background: url(../../../../../images/d3/modern_simple/common/dot_bbs_hd.gif) repeat-x 0 bottom;
}

.bbs-hd .link {
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.bbs-hd .link li {
    display: inline;
}

.bbs-hd .link li a {
    padding: 0 8px;
    color: #9c9c9c;
    letter-spacing: -0.5px;
    background: url(../../../../../images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 50%;
}

.bbs-hd .link li.last a {
    background-image: none;
}



.bbs-tit {
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center;
}

.bbs-tit .braket {
    padding: 0 15px;
    font-weight: bold;
    color: #cfcfcf;
    font-size: 14px;
    vertical-align: middle;
}

.bbs-tit em {
    margin-left: 10px;
    font-size: 11px;
    color: #898989;
}



.bbs-sch {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: right;
}

.bbs-sch label {
    margin-right: 10px;
}

.bbs-sch .key-wrap {
    font-size: 0;
    line-height: 0;
}

.bbs-sch .key-wrap,
.bbs-sch .keyword,
.bbs-sch img {
    vertical-align: middle;
}

.bbs-sch .keyword {
    width: 125px;
    height: 14px;
    padding: 2px 0 0 2px;
    margin-right: 3px;
    line-height: 14px;
    border: 1px solid #ededed;
}



.bbs-link {
    font-size: 0;
    line-height: 0;
}

.bbs-link a {
    display: inline-block;
    padding: 0 5px;
    font-size: 11px;
    line-height: 14px;
    color: #9b9b9b;
    background: url('../../../../../images/d3/modern_simple/common/bull_bbs_hd_link.gif') no-repeat left 45%;
}

.bbs-link a.write {
    padding-left: 23px;
    background: url(../../../../../images/d3/modern_simple/common/icon_bbs_write_link.gif) no-repeat 0 45%;
}



.bbs-link a.none {
    background: url('https://samda.store/shopimages/samdacom1/template/work/29432/common.css?r=1641727756');
}

.bbs-link span {
    font-size: 11px;
    color: #555;
    line-height: 14px;
}



.bbs-online-notice {
    margin-top: 10px;
    margin-bottom: -10px;
    padding: 7px 10px;
    color: #9d9d9d;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}



.bbs-table-list {
    margin-top: 5px;
}

.bbs-table-list thead th,
.bbs-table-list tbody td {
    padding: 6px 0;
}

.bbs-table-list thead th {
    color: #9d9d9d;
    font-weight: bold;
    font-size: 11px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.bbs-table-list tbody td {
    background: url('../../../../../images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;
}



.bbs-table-view {
    margin-top: 10px;
}

.bbs-table-view thead th,
.bbs-table-view tbody td {
    padding: 6px 0;
}

.bbs-table-view thead th {
    color: #9d9d9d;
    font-weight: bold;
    font-size: 11px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.bbs-table-view tbody td.line {
    background: url('../../../../../images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;
}

.bbs-table-view .btn-dwn {
    margin-top: 15px;
}





.visit-vhd {
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
}

.visit-vhd th,
.visit-vhd td {
    padding: 3px 0;
    border-bottom: 1px solid #e5e5e5;
    font-family: 'Notokr Local','Noto Sans KR', Dotum;
}

.visit-vhd .tb-left {
    padding: 0 3px;
}

.visit-vhd td .tb-no {
    color: #9c9c9c;
}

.visit-vhd td .tb-ctrl,
.visit-vhd td .tb-ctrl a {
    font-size: 11px;
    color: #9c9c9c;
}



.visit-vcont {
    background: url('../../../../../images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;
}

.visit-vcont th,
.visit-vcont td {
    padding: 6px 0;
    border-bottom: 1px solid #e5e5e5;
}

.visit-vcont th {
    font-weight: normal;
    font-family: 'Notokr Local','Noto Sans KR', Dotum;
    color: #9d9d9d;
}

.visit-vcont tr.no-line th,
.visit-vcont tr.no-line td {
    padding-bottom: 0;
    border-bottom: 0;
}

.visit-vcont tr.dot-line th,
.visit-vcont tr.dot-line td {
    padding-top: 2px;
    border-bottom: 1px dotted #e5e5e5;
}

.visit-vcont tr.info td .tb-left {
    padding-left: 0;
    color: #555;
}

.visit-vcont .tb-left {
    padding: 0 3px;
}

.visit-vcont td .tb-cont {
    padding: 5px 0;
    min-height: 250px;
    _height: 250px;
}

.visit-vcont td .tb-cont img {
    max-width: 100%;
}



.visit-vcmt th,
.visit-vcmt td {
    padding: 6px 0;
    vertical-align: top;
    border-bottom: 1px solid #e5e5e5;
}

.visit-vcmt th {
    color: #c5c5c5;
}

.visit-vcmt .tb-tit {
    font-weight: bold;
    background: url('../../../../../images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y right 0;
}

.visit-vcmt td .tb-txt {
    min-height: 30px;
    _height: 30px;
    padding-left: 10px;
    color: #555;
}

.visit-vcmt td .date,
.visit-vcmt td .ctrl {
    display: block;
    font-size: 11px;
}

.visit-vcmt td .date {
    color: #555;
}

.visit-vcmt td .ctrl {
    margin-top: 5px;
}

.visit-vcmt td .ctrl a {
    margin-left: 2px;
    margin-right: 2px;
    color: #999;
    font-size: 11px;
}



.vist-vcmt-reg {
    margin-top: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.vist-vcmt-reg th,
.vist-vcmt-reg td,
#comment_reply_input th {
    padding: 6px 0;
}

.vist-vcmt-reg th,
#comment_reply_input th {
    font-weight: normal;
    color: #9d9d9d;
    font-family: 'Notokr Local','Noto Sans KR', Dotum;
}

.vist-vcmt-reg .tb-left,
#comment_reply_input .tb-left {
    padding: 0 3px;
}

.vist-vcmt-reg th .tb-left {
    padding-left: 10px;
    background: url('../../../../../images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 45%;
}



.bbs-table-write {
    margin-top: 10px;
}

.bbs-table-write tbody th,
.bbs-table-write tbody td {
    padding: 6px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: #9d9d9d;
    font-weight: normal;
    font-size: 11px;
}



.bbs-table-pwd {
    margin-top: 25px;
}

.bbs-table-pwd table {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
}

.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td {
    padding: 6px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: #9d9d9d;
    font-weight: normal;
    font-size: 11px;
}



.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

textarea {
    width: 600px;
    height: 47px;
    padding: 2px;
    border: 1px solid #EDEDED;
}

.input-style {
    padding: 2px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #EDEDED;
}

.cont-sub-des {
    position: relative;
}

.cont-sub-des span {
    margin-right: 15px;
    color: #555;
}

.cont-sub-des span em {
    font-size: 11px;
    color: #9c9c9c;
}

.cont-sub-des .hit {
    position: absolute;
    top: 15px;
    right: 0;
}

.cont-sub-des .hit span {
    margin-right: 0;
}

.comment-box {
    border-bottom: 2px solid #e5e5e5;
}

.bbs-table-view .comment-box td {
    padding-bottom: 20px;
    border-top: 1px solid #e5e5e5;
    vertical-align: top;
}

.comment-box .com-name {
    margin-right: 8px;
    padding: 0 8px;
    background: url('../../../../../images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y 100% 0;
    font-weight: bold;
    color: #c5c5c5;
}

.bbs-table-view td.com-wrt-box {
    border: 0;
}

.com-wrt-box label {
    padding-left: 7px;
    color: #9d9d9d;
    background: url('../../../../../images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;
}

.com-wrt-box .input-style {
    margin: 0 10px 0 7px;
    padding: 2px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #EDEDED;
}

.com-wrt-box .wrt {
    margin-top: 7px;
}

.view-link {
    padding: 12px 0;
}



.search_id {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DADADA;
    display: block;
    padding: 3px;
    position: absolute;
    width: 90px;
}



.new-privercy-contract {
    text-align: left;
    padding: 5px;
}

.new-privercy-contract p {
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: left;
    font-size:16px;
}

.privercy-contract-tap {
    position: relative;
    height: 40px;
}

.privercy-contract-tap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -1px;
    *bottom: -2px;
}

.privercy-contract-tap li {
    border: 1px solid #ccc;
    border-right: none;
    background: #F4F4F4;
    float: left;
    display: inline-block;
}

.privercy-contract-tap li a {
    display: block;
    padding: 10px 10px;
    text-decoration: none;
}

.privercy-contract-tap li.end {
    border-right: 1px solid #ccc;
}

.privercy-contract-tap li.sel {
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.privercy-contract {
    clear: both;
}

.privercy-contract textarea {
    clear: both;
    border: 1px solid #CCC;
    height: 60px;
    background: #FFFFFF;
    padding: 10px;
    width: 660px;
}

.privercy-agree {
    margin: 10px 0;
}

.privercy-agree label {
    margin-right: 10px;
    font-size:14px;
}


/*
========================================================================
hot issue common class
========================================================================
*/


/* .item-wrap */

.item-wrap .item-hd {
    margin: 80px 0 40px 0;
    background: url(../../../../../images/d3/hot_issue/common/bd_line_gray.gif) repeat-x 0 60%;
}

.item-wrap .nbg {
    background: none;
    text-align: center;
}

.item-wrap .item-info {
    zoom: 1;
    overflow: hidden;
    padding: 35px 0 10px;
    border-bottom: 1px solid #ddd;
}

.item-wrap .item-info .item-total {
    float: left;
    padding-left: 20px;
}

.item-wrap .item-info .item-order {
    float: right;
    padding-right: 10px;
}

.item-wrap .item-info .item-order li {
    float: left;
    padding: 0 10px;
    background: url(../../../../../images/d3/hot_issue/common/bull_w1_h7_gray.gif) no-repeat 100% 40%;
}

.item-wrap .item-info .item-order li.nobg {
    background: none;
}

.item-wrap .item-info .item-order li a {
    font-size: 11px;
}

.item-wrap .item-cont {
    zoom: 1;
    overflow: hidden;
    margin-top: 10px;
}

.item-wrap .item-cont:after {
    content: "";
    display: block;
    clear: both;
}

.item-wrap .item-cont .item-list {
    float: left;
    width: 280px;
    margin: 10px 0;
    text-align: center;
}

.item-wrap .item-cont .item-list .thumb img {
    width: 200px;
    height: 200px;
}

.item-wrap .item-cont .item-list li {
    margin-top: 5px;
}

.item-wrap .item-cont .item-list .prd-price {
    font-weight: bold;
}

.item-wrap .item-page {
    margin-top: 80px;
    text-align: center;
}

.item-wrap .item-page a {
    padding: 0 5px;
}

.item-wrap .item-page a:hover,
.item-wrap .item-page a.now {
    color: #ec2626;
    font-weight: bold;
    letter-spacing: -1px;
}


/* .navi */

.navi p {
    text-align: right;
}

.normal_page_wrap .nv_location{
    margin-top:15px;
    text-align:right;
    font-family: 'Notokr Local','Noto Sans KR','Malgun Gothic';
}

.normal_page_wrap .nv_location a{
    color:#a6a6a6;
    font-family:'Notokr Local','Noto Sans KR', 'Malgun Gothic';
}


#loginWrap .page-head {
    width: 100%;
    font-family:'Notokr Local','Noto Sans KR', 'Malgun Gothic';
    font-size:23px;
    font-weight:bold;
    margin-bottom:23px;
    color:#2f2f2f;
}

#loginWrap .page-body {
    width: 100%;
    margin: 0px auto 0px;
    border: 1px solid #dadada;
    padding: 52px 0px;
    box-sizing:border-box;
}
*/

#loginWrap .page-body {
    width: 100%;
    margin: 0px auto 0px;
    box-sizing:border-box;
}

#loginWrap .page-body2 {
    width: 1100px;
    margin: 0px auto 30px auto;
    border: 1px solid #dadada;
    box-sizing:border-box;
    display: flex;
    padding: 150px;
    justify-content: space-between;
    padding: 80px 0;
}

#loginWrap .mlog-sign {
    zoom: 1;
    overflow: hidden;
    width: 930px;
    margin: 0 auto;
    padding-bottom:6px;
}
*/

#loginWrap .mlog-sign {
    zoom: 1;
    overflow: hidden;
    width: 930px;
    margin: 0 auto;
    padding-bottom:6px;
    flex:1;
}


#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign {
    float: left;
}
*/

#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign {
    margin-left: auto;
    margin-right: auto;
}


/* mlog-sign */

#loginWrap .frm-list {
    margin-top: 16px;
}


/*
#loginWrap .frm-list li,
#loginWrap .frm-list li label,
#loginWrap .frm-list li .txt-frm { float: left; }
*/

#loginWrap .frm-list li {
    width: 100%;
}

#loginWrap .frm-list li .txt-frm {
    width: 358px;
    height: 38px;
    line-height: 3.4555;
    border: 1px solid #dedede;
    background-color: #ffffff;
    text-indent: 10px;
    color: #707070;
    font-size: 15px;
}


/* member login */

#loginWrap .mlog {
    position: relative;
    z-index: 1;
    width: 360px;
    height: 190px;
    padding-top: 10px;
    margin-right: 85px;
}
*/

#loginWrap .mlog {
    position: relative;
    z-index: 1;
    width: 360px;
    height: 190px;
    padding-top: 10px;
    margin-bottom: 30px
}

#loginWrap .mlog .login_bt01 {
    display: block;
    width: 358px;
    height: 44px;
    line-height: 3.222;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    background: #005aab;
    border: 1px solid #005aab;
}

#loginWrap .mlog h2 {
    font-family:'Notokr Local','Noto Sans KR', 'Malgun Gothic';
    font-size: 25px;
    color: #292929;
    font-weight: bold;
}

#loginWrap .mlog .frm-list li label {
    width: 50px;
    line-height: 21px;
    font-size: 11px;
    letter-spacing: -1px;
    font-weight: bold;
}

#loginWrap .mlog .frm-list li:first-child {
    margin-bottom: 5px!important;
}

#loginWrap .mlog .frm-list li {
    margin-bottom: 10px;
}

#loginWrap .mlog .btn-mlog {}

#loginWrap .mlog .security {
    position: absolute;
    top: 11px;
    right: 0px;
    z-index: 1;
    font-size: 11px;
    color: #8f8f91;
    font-family: 'Notokr Local','Noto Sans KR','Malgun Gothic';
    font-size: 14px;
}

#loginWrap .mlog div {
    text-align: right;
    margin-top: 12px;
}

#loginWrap .mlog div a {
    font-size: 14px;
    color: #8f8f91;
    padding-left: 7px;
    height:25px;
    background: url('../../../../../design/samdacom1/wib/img/sub/dticon.gif') no-repeat 0 4px;
    display:inline-block;
}

#loginWrap .mlog div a:hover {
    color: #000000;
}


/* sign up */

#loginWrap .sign {
    position: relative;
    width: 415px;
    height: 212px;
    padding-left: 69px;
    border-left: 1px solid #dadada;
}
*/

#loginWrap .sign {
    width: 360px;
}

#loginWrap .sign h2 {
    font-family: 'Notokr Local','Noto Sans KR','Malgun Gothic';
    font-size: 14px;
    color: #292929;
    display: block;
    margin-top: 56px;
    font-weight: bold;
}
*/

#loginWrap .sign h2 {
    font-family: 'Notokr Local','Noto Sans KR','Malgun Gothic';
    font-size: 25px;
    color: #292929;
    display: block;
    margin-top: 30px;
    font-weight: bold;
}

#loginWrap .sign p {
    font-size: 15px;
    color: #8f8f91;
    margin-top: 10px;
    line-height: 1.5;
    font-family: 'Notokr Local','Noto Sans KR','Malgun Gothic' !important;
}

#loginWrap .sign .frm-list li label {
    width: 130px;
    line-height: 24px;
    font-size: 11px;
    letter-spacing: -1.5px;
    padding-left: 10px;
    background: url(../../../../../images/d3/hot_issue/common/bull_w7_h7_red.gif) no-repeat 0 45%;
}

#loginWrap .sign .frm-list li {
    margin-bottom: 4px;
}

#loginWrap .sign .login_bt02 a {
    display: block;
    width: 358px;
    height: 44px;
    line-height: 3.222;
    text-align: center;
    font-size: 15px;
    color: #151515;
    background: #ffffff;
    border: 1px solid #d8d8d8;
}

#loginWrap .sign .frm-list {
    margin-top: 20px!important;
}


/* simpleLogin */

#simpleLogin {
    position: relative;
}
*/

#simpleLogin {
    position: relative;
    flex:0.75;
    border-left: 1px solid #dadada;
}

#simpleLogin .sns-login {
    margin-top: 30px;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
*/


#simpleLogin .sns-login {
    text-align: center;
    font-size: 0;
    line-height: 0;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

#simpleLogin .sns-login p {
    margin-bottom: 30px;
}
*/

#simpleLogin .sns-login p {
    margin-bottom: 70px;
}

#simpleLogin .sns-login a {
    display: inline-block;
    margin: 0 4px;
}
*/

#simpleLogin .sns-login a {
    display: block;
    margin: 5px auto;
}

.total-result {
    color: #000
}

.total-result span {
    font-weight: 100;
}

.bbs-table-write textarea {
    width: 100% !important;
}


#content{min-height:450px;}
#bbsData{min-height:700px;}
#bbsData h2{margin-bottom:13px;}
.evt_ban_top{margin-bottom:63px;}
.t_nv{text-align:right; padding-top:22px; padding-bottom:17px;     line-height: 1.3;}
.t_nv img{position:relative; top:2px; margin-right:5px;}
.t_nv a:last-child {color: #000;}
.basic_btn_wrap{margin-top:15px!important;}
.basic_btn_wrap a{display:inline-block; _display:inline; *display:inline; padding:0px 40px; height:45px; line-height:47px!important; color:#000; font-size:13px!important;; text-align:center;}
.basic_btn_wrap2{margin-top:15px!important;}
.basic_btn_wrap2 a{display:inline-block; _display:inline; *display:inline; padding:0px 20px; height:45px; line-height:47px!important; color:#000; font-size:13px!important;; text-align:center;}


.pd3{padding:3px;}
.dpib{display:block;}
.w61{width:61px!important;}
.w65{width:65px!important;}
.w135 {width:135px!important}
.h35 {height:23px; line-height:23px;}
.pdlrnone{padding-right:0px!important; padding-left:0px!important;}
.bdrB{border:1px solid #005aab;}
.bgB{background:#005aab; color:#fff!important;}
.bgW{background:#fff; color:#005aab!important;}

.board_tit{font-size:25px; font-weight:bold;}
.basic_tit{font-size:25px; font-weight:bold; overflow:hidden;}				
.basic_tit span{font-size:11px; color:#777; float:right;}
.table-cart thead th {color: #353535; font-size: 13px; line-height: 140%; border-top: 1px solid #1b1b1b; border-bottom: 1px solid #e5e5e5; padding: 12px 0 10px; background: #fbfafa; font-weight: normal; text-transform: uppercase;}
				
.table-cart tbody td{padding:10px 0px;}
.table-cart tbody td, .table-cart tfoot{border-bottom:1px solid #e5e5e5; background:none; font-size: 15px;}

.table-d2-list tbody td * { font-size:15px }

.table-cart tbody tr.nbg td * { font-size:15px }








/* ====================================================     2022 Skin     ==================================================== */




/* ====================================================
    Component: input-2022
==================================================== */
.samda-wrap {}
.samda-wrap *, .bbox *{box-sizing: border-box;}
.samda-row {position: relative;}
section.sec {overflow:hidden;}
.samda-container {width: 1400px; margin: auto;}
.samda-container.pad {width: 1400px; padding-left: 60px; padding-right: 60px; margin: auto;    position: relative;}
.event-container {width: 1100px; margin: auto;}

.primary-color {
    color: #3674e1;
}
/* ====================================================
    Component: Switch Class
==================================================== */
.push-5 {margin-bottom: 5px !important;}
.push-5-t {margin-top: 5px !important;}
.push-5-r {margin-right: 5px !important;}
.push-5-l {margin-left: 5px !important;}
.push-10 {margin-bottom: 10px !important;}
.push-10-t {margin-top: 10px !important;}
.push-10-r {margin-right: 10px !important;}
.push-10-l {margin-left: 10px !important;}
.push-15 {margin-bottom: 15px !important;}
.push-15-t {margin-top: 15px !important;}
.push-15-r {margin-right: 15px !important;}
.push-15-l {margin-left: 15px !important;}
.push-20 {margin-bottom: 20px !important;}
.push-20-t {margin-top: 20px !important;}
.push-20-r {margin-right: 20px !important;}
.push-20-l {margin-left: 20px !important;}
.push-30 {margin-bottom: 30px !important;}
.push-30-t {margin-top: 30px !important;}
.push-30-r {margin-right: 30px !important;}
.push-30-l {margin-left: 30px !important;}
.push-40 {margin-bottom: 40px !important;}
.push-40-t {margin-top: 40px !important;}
.push-40-r {margin-right: 40px !important;}
.push-40-l {margin-left: 40px !important;}
.push-50 {margin-bottom: 50px !important;}
.push-50-t {margin-top: 50px !important;}
.push-50-r {margin-right: 50px !important;}
.push-50-l {margin-left: 50px !important;}
.push-80 {margin-bottom: 80px !important;}
.push-80-t {margin-top: 80px !important;}
.push-80-r {margin-right: 80px !important;}
.push-80-l {margin-left: 80px !important;}
.push-100 {margin-bottom: 100px !important;}
.push-100-t {margin-top: 100px !important;}
.push-100-r {margin-right: 100px !important;}
.push-100-l {margin-left: 100px !important;}
.push-120 {margin-bottom: 120px !important;}
.push-120-t {margin-top: 120px !important;}
.push-120-r {margin-right: 120px !important;}
.push-120-l {margin-left: 120px !important;}
.push-130 {margin-bottom: 130px !important;}
.push-130-t {margin-top: 130px !important;}
.push-130-r {margin-right: 130px !important;}
.push-130-l {margin-left: 130px !important;}
.push-150 {margin-bottom: 150px !important;}
.push-150-t {margin-top: 150px !important;}
.push-150-r {margin-right: 150px !important;}
.push-150-l {margin-left: 150px !important;}
.push-200 {margin-bottom: 200px !important;}
.push-200-t {margin-top: 200px !important;}
.push-200-r {margin-right: 200px !important;}
.push-200-l {margin-left: 200px !important;}
.push-300 {margin-bottom: 300px !important;}
.push-300-t {margin-top: 300px !important;}
.push-300-r {margin-right: 300px !important;}
.push-300-l {margin-left: 300px !important;}

.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-white {color: white !important;}
.text-black {color: black !important;}

.font-w100 {
    font-weight: 100;
}
.font-w300 {font-weight: 300;}
.font-w400 {font-weight: 400;}
.font-w500 {font-weight: 500;}
.font-w700 {font-weight: 700;}
.font-w800 {font-weight: 800;}
.font-w900 {font-weight: 900;}

.s12 { font-size: 12px !important; }
.s14 { font-size: 14px !important; }
.s16 { font-size: 16px !important; }
.s17 { font-size: 17px !important; }
.s18 { font-size: 18px !important; }
.s20 { font-size: 20px !important; }
.s30 { font-size: 30px !important; }
.s36 { font-size: 36px !important; }

.wine-color {color:#9b0933}

.margin-0 {margin: 0;}
.margin-auto {margin: auto;}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
}
/* ====================================================
    Component: css-input
==================================================== */
.shp-hidden {display: none !important; opacity: 0 !important;}
.css-input {
  position: relative;
  display: inline-block;
  margin: 2px 0;
  font-weight: 400;
  cursor: pointer;
}
.css-input input {
  position: absolute;
  opacity: 0;
}
.css-input input:focus + span {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.css-input input + span {
  position: relative;
  display: inline-block;
  margin-top: -2px;
  margin-right: 3px;
  vertical-align: middle;
}
.css-input input + span:after {
  position: absolute;
  content: "";
}
.css-input-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.css-checkbox {
  margin: 7px 0;
}
.css-checkbox input + span {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.css-checkbox input + span:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: "FontAwesome";
  font-size: 10px;
  color: #fff;
  line-height: 18px;
  content: "\f00c";
  text-align: center;
}
.css-checkbox:hover input + span {
  border-color: #ccc;
}
.css-checkbox.css-checkbox-sm {
  margin: 9px 0 8px;
  font-size: 12px;
}
.css-checkbox.css-checkbox-sm input + span {
  width: 16px;
  height: 16px;
}
.css-checkbox.css-checkbox-sm input + span:after {
  font-size: 8px;
  line-height: 15px;
}
.css-checkbox.css-checkbox-lg {
  margin: 3px 0;
}
.css-checkbox.css-checkbox-lg input + span {
  width: 30px;
  height: 30px;
}
.css-checkbox.css-checkbox-lg input + span:after {
  font-size: 12px;
  line-height: 30px;
}
.css-checkbox.css-checkbox-rounded input + span {
  border-radius: 3px;
}
.css-checkbox-default input:checked + span {
  background-color: #999999;
  border-color: #999999;
}
.css-checkbox-primary input:checked + span {
  background-color: #5c90d2;
  border-color: #5c90d2;
}
.css-checkbox-info input:checked + span {
  background-color: #70b9eb;
  border-color: #70b9eb;
}
.css-checkbox-success input:checked + span {
  background-color: #46c37b;
  border-color: #46c37b;
}
.css-checkbox-warning input:checked + span {
  background-color: #f3b760;
  border-color: #f3b760;
}
.css-checkbox-danger input:checked + span {
  background-color: #d26a5c;
  border-color: #d26a5c;
}
.css-radio {
  margin: 7px 0;
}
.css-radio input + span {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.css-radio input + span:after {
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.css-radio input:checked + span:after {
  opacity: 1;
}
.css-radio:hover input + span {
  border-color: #ccc;
}
.css-radio.css-radio-sm {
  margin: 9px 0 8px;
  font-size: 12px;
}
.css-radio.css-radio-sm input + span {
  width: 16px;
  height: 16px;
}
.css-radio.css-radio-lg {
  margin: 5px 0;
}
.css-radio.css-radio-lg input + span {
  width: 26px;
  height: 26px;
}
.css-radio-default input:checked + span:after {
  background-color: #999999;
}
.css-radio-primary input:checked + span:after {
  background-color: #5c90d2;
}
.css-radio-info input:checked + span:after {
  background-color: #70b9eb;
}
.css-radio-success input:checked + span:after {
  background-color: #46c37b;
}
.css-radio-warning input:checked + span:after {
  background-color: #f3b760;
}
.css-radio-danger input:checked + span:after {
  background-color: #d26a5c;
}
.switch {
  margin: 3px 0;
}
.switch input + span {
  width: 54px;
  height: 30px;
  background-color: #eee;
  border-radius: 30px;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.switch input + span:after {
  top: 2px;
  bottom: 2px;
  left: 2px;
  width: 26px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
}
.switch input:checked + span {
  background-color: #ddd;
}
.switch input:checked + span:after {
  -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}
.switch.switch-sm {
  margin: 8px 0 7px;
  font-size: 12px;
}
.switch.switch-sm input + span {
  width: 36px;
  height: 20px;
}
.switch.switch-sm input + span:after {
  width: 16px;
}
.switch.switch-sm input:checked + span:after {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
.switch.switch-lg {
  margin: 1px 0;
}
.switch.switch-lg input + span {
  width: 70px;
  height: 34px;
}
.switch.switch-lg input + span:after {
  width: 30px;
}
.switch.switch-lg input:checked + span:after {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
}
.switch.switch-square input + span,
.switch.switch-square input + span:after {
  border-radius: 0;
}
.switch-default input:checked + span {
  background-color: #999999;
}
.switch-primary input:checked + span {
  background-color: #5c90d2;
}
.switch-info input:checked + span {
  background-color: #70b9eb;
}
.switch-success input:checked + span {
  background-color: #46c37b;
}
.switch-warning input:checked + span {
  background-color: #f3b760;
}
.switch-danger input:checked + span {
  background-color: #d26a5c;
}


/* ====================================================
    Component: Main-page
==================================================== */
.font-kbiz {font-family:  'KBIZHanmaumMyungjo' ; }
.font-myongjo {font-family: 'Roboto', 'Noto Sans KR', sans-serif;}
.sec-best-product {}
.sec-heading {font-family: 'Roboto', 'Noto Sans KR', sans-serif;font-size: 30px;color: black;letter-spacing: 0;}
.mute-txt {font-size: 17px; color: #444;}

.sec-title {position: relative;font-weight: 300;}
.sec-title .btn-group,
.sec-title .reviews-btn-group,
.sec-title .bigsale-btn-group
.sec-title {position: absolute;right: 0;bottom: 3px;display: block;}
.sec-title .btn-group li {
    padding-left: 20px;
}





/* ====================================================
    Component: header
==================================================== */
.header_top_banner {}
.header_top_banner a{width: 1400px; margin: auto; display: block; outline: none;}

.header_top { border-bottom: 1px solid #e6e6e6; width: 100%; display: block; height: 40px; line-height: 40px; background-color: #f7f7f9;}
.header_top .top_header_box {padding-left: 0;font-size: 12px;}
.header_top .top_header_box li {display: inline-block;  }
.header_top .top_header_box li a {color: #666;}
.header_top .top_header_box li:before {content: #414141; content: "|";padding-left: 5px;padding-right: 5px;}
.header_top .top_header_box li:first-child:before {content: none;}
.header_top .top_header_box li:last-child {padding-right: 5px;}




/* ====================================================
    Component: tail
==================================================== */

.subinfo-item {display: inline-block;width: 25%;float: left;margin: auto;text-align: center;}
.subinfo-item .icon-box {height: 120px;}
.subinfo-item img {margin: auto;}
.subinfo-item h4 { font-weight: 600; font-family: 'Noto Sans KR', sans-serif; font-size: 25px;  margin-bottom: 20px; color: #111;}
.subinfo-item p {font-size: 16px;font-weight: 300;width: 230px;margin: auto;}
.rbor {border-right: 1px solid #f1f1f1;}
.tails {display: table;}
.tail-01,.tail-02,.tail-03 {display: table-cell;vertical-align: top;}

.tail-01 {
    width: 580px;
    padding-right: 100px;
}
.tail-02 {
    width: 400px;
}
.tail-03 {
    text-align: right;
}
.tail-bottom {
    width: 100%;
    display: block;
    height: 90px;
    border-top: 1px solid #292929;
    line-height: 90px;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.3px;
}
.tail-bottom .mod-logos {}
.tail-bottom .mod-logos img {padding-left: 30px;}

footer {background-color: #111;padding-top: 60px;color: #7f7f7e;letter-spacing: -1px;}
footer h4 {color: #fff;margin-bottom: 10px;font-weight: 700;letter-spacing: 1px;}
footer p {line-height: 25px;    font-weight: 500;}
footer ul {padding-left: 0; margin-bottom: 40px;}
footer ul.snsicons li:after {content: none;}
footer ul.snsicons li {margin-left: 20px;}
footer ul li {
    display: inline-block;
}
footer ul li:after { padding-left: 15px;padding-right: 15px;content: "|"; color: #707070; }
footer ul li:last-child:after {content: none;}
footer ul li a {
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}
.mac-space:before {content: "|";}
.mac-space {color: #414141; padding-left: 8px; padding-right: 8px;}




	.transparent-hover {
		opacity: 1;
		display: inline-block;
		-webkit-animation-durat4ion: 1s;
	    animation-duration: 1s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
	    -webkit-transition: all 0.15s ease-out;
	    transition: all 0.15s ease-out;
	}
	.transparent-hover:hover {opacity: 0.75;}





/* ====================================================
    Component: New product designs
==================================================== */
.standard-product .bp-widget {position: absolute; right: 10px; top: 10px;}
.standard-product .bp-widget ul li  {padding-left: 10px; text-align: right; display: inline-block;}
.standard-product .product-info {
    padding-top: 20px;
    padding-bottom: 30px;
    color: #000;
    position: relative;
}
.standard-product a {outline: none;}


.standard-product {position: relative;float: left;/* margin-left: 20px; */display:inline-block;margin-bottom: 10px;}
.standard-product .product-info .pd-name {font-size: 16px;letter-spacing: 0;/* font-weight: 300; */}
.standard-product .product-info .pd-price {font-weight: 800;font-size: 23px;}
.standard-product .product-info .pd-price small {font-weight: 500;}
.standard-product .product-info .so-price {text-decoration: line-through;color: #aaa;font-size: 16px;font-weight: 400;padding-left: 20px;}
.standard-product .product-info .sale {padding-left: 10px;font-weight: 800;font-size:16px;}
.standard-product .product-info .pd-subname {margin-bottom: 5px;color: #888;font-weight: 300;font-size: 14px;}
.standard-product .marks {position: absolute;/* padding: 0 10px; */bottom: 30px;right: 30px;}
.standard-product .marks ul {padding-left: 0;}
.standard-product .marks ul li {font-weight: 700;font-size: 14px;text-align: center;display: inline-block;padding: 2px 10px;/* line-height: 27px; */background: #7764fb;color: #fff;text-align: center;}

.standard-product .thumb-box {overflow: hidden;height: 300px;width: 300px;position: relative;}
.standard-product .thumb-box>img {
  transform: scale(1);
    transition: transform .9s;
}
.standard-product.zoom-hover :hover>.thumb-box>img {
    transform: scale(1.08);
    width: 100%;
}

.prd-block .standard-product {}
.prd-block .standard-product .product-info {background: #fff;}

.prds.column-01 {margin-left: 0px;margin-right: 0px;margin-bottom: 0px;}
.prds.column-01 .standard-product {padding-left: 0px;padding-right: 0px;display: inline-block;width: 100%;vertical-align: middle;visibility: visible;float: left;box-sizing: border-box;}

.prds.column-03 {margin-left: -20px;margin-right: -20px;margin-bottom: 50px;}
.prds.column-03 {}
.prds.column-03 .standard-product {padding-left: 20px;padding-right: 20px;display: inline-block;width: 33.333333%;vertical-align: middle;visibility: visible;float: left;box-sizing: border-box;}
.prds.column-03 .standard-product .thumb-box {overflow: hidden;position: relative;height: auto;width: 100%;}
.prds.column-03 .standard-product .thumb-box>img {width: 100%;}
.prds.column-03 .standard-product .product-info .pd-name {font-size: 17px;max-width: 100%;margin-bottom: 10px;}
.sec-issue .prds.column-03 .standard-product .product-info .pd-name {font-size: 17px;max-width: 100%;margin-bottom: 20px;}
.prds.column-03 .standard-product .product-info .pd-price {}
.prds.column-03 .standard-product .product-info .pd-price small {}
.prds.column-03 .standard-product .product-info .so-price {}

.prds.prd-block .standard-product .product-info {padding: 30px;}
.prd-block .standard-product {}
.prd-block .standard-product .product-info {background: #fff;}


.prds.column-04 {margin-left: -15px;margin-right: -15px;}
.prds.column-04 {}
.prds.column-04 .standard-product {padding-left: 15px;padding-right: 15px;display: inline-block;width: 25%;vertical-align: middle;visibility: visible;float: left;box-sizing: border-box;}
.prds.column-04 .standard-product .thumb-box {overflow: hidden;position: relative;height: auto;width: 100%;}
.prds.column-04 .standard-product .thumb-box>img {width: 100%;}
.prds.prd-block.column-04 .standard-product .product-info {padding: 20px;}
.prds.column-04 .standard-product .product-info .pd-name {font-size: 15px;max-width: 100%;margin-bottom: 10px;}
.prds.column-04 .standard-product .product-info .pd-price {
    font-size: 20px;
}
.prds.column-04 .standard-product .product-info .pd-price small {}
.prds.column-04 .standard-product .product-info .so-price {
    padding-left: 10px;
}



/* slider */
.swiper-horizontal>.swiper-scrollbar { height: 2px !important; }
/* slider */
.sec a:focus {outline: none;border: none;}
.sec .with-slide .slick-arrow {
  position: absolute;
  top: 41%;
  z-index: 1;
  width: 3rem;
  height: 3rem;
  transform: translateY(-41%);
  padding: 0;
  overflow: hidden;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  transition: 0.25s;
}
.sec .with-slide .slick-prev:before, .sec .with-slide .slick-next:before {content:'';}
.sec .with-slide .slick-arrow:hover, .sec .with-slide .slider .slick-arrow:focus {
  border-color: #F08A5D;
}
.sec .with-slide .slick-arrow:active {
  transform: translateY(-41%) scale(0.9);
}
.sec .with-slide .slick-prev {
  /*left: -60px;*/
  left: 0px;
  background: url(../../../../../assets/img/_arrow-best-left.png) no-repeat;
}
.sec .with-slide .slick-next {
  /*right: -60px;*/
  right: 0px;
  background: url(../../../../../assets/img/_arrow-best-right.png) no-repeat;
}
.sec .with-slide .slick-prev, .sec .with-slide .slick-next {
  width: 28px;
  height: 58px;
  border: none;
  opacity: 0.2;
}
.sec .with-slide .slick-prev:hover, .sec .with-slide .slick-next:hover {
  opacity: 1;
}

.sec-issue .slick-dots li button:before {
    opacity: .45;
    background: transparent;
    height: 0;
}
.sec-issue a:focus {outline: none;border: none;}
.sec-issue .slick-arrow {position: absolute;top: 47%;z-index: 1;width: 3rem;height: 3rem;transform: translateY(-50%);padding: 0;overflow: hidden;font-size: 0;background-repeat: no-repeat;background-position: center;background-size: cover;border: 2px solid #fff;border-radius: 50%;cursor: pointer;outline: none;transition: 0.25s;}
.sec-issue .slick-prev:before, .sec-issue .slick-next:before {content:'';}
.sec-issue .slick-arrow:hover, .sec-issue .slider .slick-arrow:focus {border-color: #F08A5D;}
.sec-issue .slick-arrow:active {transform: translateY(-50%) scale(0.9);}
.sec-issue .slick-prev {left: 0;background: url(//https://samda2.2134.biz/assets/img/_arrow-left.png) no-repeat !important;}
.sec-issue .slick-next {right: 0;background: url(//https://samda2.2134.biz/assets/img/_arrow-right.png) no-repeat !important;}
.sec-issue .slick-prev, .sec-issue .slick-next {width: 28px;height: 55px;border: none;opacity: .5;}
.sec-issue .slick-prev:hover, .sec-issue .slick-next:hover {opacity: 1;}


.with-slide .prds.column-04 .standard-product {padding-left: 0; padding-right: 0;}





#powerReview .PR15N01-review-wrap > li .reply,
#reviewBoard .review-wrap .reply {display:none;}
#powerReview .PR15N01-info .chart li .num {    word-break: normal;}
.loc-navi{display:none !important;}
/* .coupon_price {display:none !important;} */