/**/
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
html,body{margin:0;padding:0}
body{font-family:'Nanum Barun Gothic','돋움',Dotum,'굴림',Gulim,Tahoma,Verdana,AppleGothic,sans-serif;letter-spacing:-0.5px;font-size:14px;line-height:20px;overflow-y:scroll}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px;}
ol,ul{margin:0;padding:0;list-style:none}
div,li,dl,dt,dd,form,iframe,p,a,span,blockquote,i,figure{margin:0;padding:0;box-sizing:border-box}
fieldset{margin:0;padding:0;border:0 solid transparent}
legend,hr{display:none}
label{vertical-align:middle}
img{margin:0;padding:0;border:0;vertical-align:top}
table,th,td{margin:0;padding:0;font-size:1em;border-spacing:0}
input,textarea,select{margin:0;padding:0;background:#fff;font-family:'Nanum Barun Gothic','돋움',Dotum,Gulim,Tahoma,Verdana,AppleGothic,sans-serif;font-size:14px;color:#333;vertical-align:middle;border:0;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;box-sizing:border-box;letter-spacing:-0.5px;outline:0}
caption{visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
button{font-family:'Nanum Barun Gothic','돋움',Dotum,Gulim,Tahoma,Verdana,AppleGothic,sans-serif;letter-spacing:-0.5px;font-size:14px;margin:0;padding:0;border:0;cursor:pointer;background:0}
button::-moz-focus-inner{border:0;padding:0}em{font-style:normal}
.hidden{overflow:hidden;position:absolute;width:1px;height:1px}
.clear{float:none!important;clear:both!important}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nowrap{white-space:nowrap!important}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input{*overflow:visible;outline:0}input::-ms-clear{display:none}
.slide{height:0;overflow:hidden}
.slide.active{height:auto}
.tab-cont{display:none}*::-moz-selection{background:#6a6a6a;color:#fff}*::selection{background:#6a6a6a;color:#fff}*{-webkit-text-size-adjust:none}
.no-border{border:none!important}
img{width:100%}
a,button{text-decoration:none;color:#333;}
a.link:hover,button.link:hover{text-decoration:underline}
a,input,button{transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;-ms-transition:all 100ms ease-in-out;-moz-transition:all 100ms ease-in-out;-webkit-transition:all 100ms ease-in-out}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#000}

/*GNB*/
.mobile-wrap { min-width:320px;}

.mobile-header {min-width:320px;height:50px;background:#222;position:fixed;left:0;right:0;top:0;z-index:490; }
.mobile-header .logo {display:block; width:120px; height:50px; margin:0 auto;}
.mobile-header .logo img { width:120px; height:50px;}
.mobile-header .btn-menu { position:absolute; left:0px; top:0px;}
.mobile-header .btn-menu img { width:50px; height:50px;}
.mobile-header .show-btn { position:absolute; right:0px; top:0px;}
.mobile-header .show-btn img { width:50px; height:50px;}

/*MENU*/
.menu-wrap {width:300px;background:#f1eeef;position:fixed;left:-100%;top:0px;bottom:0;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:800;box-shadow:0 0 10px rgba(0,0,0,.3);transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-webkit-transition:all 200ms ease-in-out}
.menu-wrap.active{left:0}

.menu-wrap .menu-info {background-color:#855c9a; padding:10px; overflow:hidden;}
.menu-wrap .menu-info p { float:left; display:block; font-size:14px; color:#FFF; clear:both;}
.menu-wrap .menu-info a { float:right; display:block; padding:0px 10px; height:25px; text-align:center; color:#FFF; font-size:13px; line-height:25px;}
.menu-wrap .menu-info a>div { float:left; display:block; margin-top:2px; margin-right:5px; width:18px; height:18px; background:url(../../image/common/icon_menu_cart.png) no-repeat; background-size:18px 18px;}
.menu-wrap .menu-info>span { width:1px; height:10px; background-color:#b194c0; float:right; margin-top:8px;}

.menu-wrap .nav li {position:relative;}
.menu-wrap .nav li.language { padding: 10px;}
.menu-wrap .nav a {display:block; font-size:14px; color:#000000;}
.menu-wrap .nav .menu>a {height:40px;line-height:40px; padding-left:30px; }
.menu-wrap .nav .menu.title>a { background-color:#cccbcb; text-align:center; color:#635b67; font-size:18px; padding-left:0px; line-height:40px;}
.menu-wrap .nav .menu.title>div { background:url(../../image/common/icon_menu_bar.png) no-repeat top center; height:10px;}
.menu-wrap .nav .menu>.btn-slide{height:40px}
.menu-wrap .nav .menu>.slide {background-color:#855c9a; }
.menu-wrap .nav .menu>.slide>ul { padding-top:10px; padding-bottom:10px;}
.menu-wrap .nav .menu>.slide>ul a {height:35px;line-height:35px;padding-left:30px; color:#FFF;}
.menu-wrap .nav .btn-slide {display:block;width:40px;text-align:center;position:absolute;right:0;top:0}
.bg-layer{display:none;background:rgba(0,0,0,.3);position:fixed;left:0;right:0;top:0;bottom:0;z-index:799}

/*20180208 나의멤버십 추가*/
.menu-wrap .membership {background-color:#855c9a; padding-right:20px; padding-bottom:10px; overflow:hidden; text-align:right;}
.menu-wrap .membership a {display:inline-block; font-size:14px; color:#FFF; border:1px solid #CCC; font-size:11px; color:#FFF; line-height:20px; padding:2px 22px; background-color:#68497a;}

/*FOOTER*/
.mobile-footer{min-width:320px; clear:both;}
.mobile-footer .links-menu { width:width:100%; overflow:hidden; background-color:#635b67;}
.mobile-footer .links-menu li { float:left; width:20%; border-right:1px solid #FFF; margin:11px 0px;}
.mobile-footer .links-menu li:last-child { border-right:0px;}
.mobile-footer .links-menu li a { display:block; width:100%; height:18px; text-align:center; line-height:18px; color:#FFF; font-size:14px;}
.mobile-footer .addr{padding:20px 20px 10px 20px; font-size:11px;color:#999;line-height:1.2em;font-weight:100;font-style:normal}
.mobile-footer .addr a {color:#888888;}
.mobile-footer .copy{padding:0px 20px 20px 20px; font-size:12px; color:#AAA; bottom:20px;}

/*CONTENT*/
.mobile_content { padding-top:50px; padding-bottom:30px; background-color:#f1eeef;}
.mobile_content.main { padding-bottom:0px; overflow:hidden;}
.mobile_content h1.sub_title { padding-left:15px; height:40px; font-size: 13px; font-weight:100; line-height:40px; border-bottom:1px solid #DDD; background-color:#635b67; color:#FFF; }

.mobile_content .teb_menu {position:relative;overflow:hidden;}
.mobile_content .teb_menu li { float:left; width:50%; border-right:1px solid #DDD; border-bottom:1px solid #DDD;}
.mobile_content .teb_menu li:last-child { border-right:0px;}
.mobile_content .teb_menu a {display:inline-block; height:40px;line-height:40px; vertical-align:middle; text-align:center; font-size:13px; color:#fff; width:100%; background-color:#635b67;}
.mobile_content .teb_menu a.active { background-color:#855c9a;}

.mobile_content .sub_teb_menu {position:relative;overflow:hidden; margin-top:10px; border-bottom:1px solid #855c9a;}
.mobile_content .sub_teb_menu li { float:left; width:50%; height:40px; line-height:40px; text-align:center; background-color:#FFF; color:#888; border-top:1px solid #DDD; border-right:1px solid #DDD; border-left:1px solid #DDD; cursor: pointer;}
.mobile_content .sub_teb_menu li:last-child {border-left:0px;}
.mobile_content .sub_teb_menu li.active { background-color:#855c9a; border-color:855c9a; color:#FFF;}

.mobile_content .select_menu {position:relative;overflow:hidden; border-bottom:1px solid #DDD; padding:10px 15px;}
.mobile_content .select_menu li {float:left; width:50%; padding-right:10px;}
.mobile_content .select_menu li:last-child {padding-right:0px;}
.mobile_content .select_menu li .select { padding-right: 27px;}

.mobile_content .content { padding:0px 15px; text-align:left;}
.mobile_content .content-full { padding:0px;}
.mobile_content h2 { color:#464749; line-height:30px;}
.mobile_content h2.pro_break {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.mobile_content p { color:#666;}

.mobile_content h1.teb_title { border-bottom:1px solid #DDD; height:50px;}
.mobile_content h1.teb_title > span { float:left; line-height:49px; border-bottom:2px solid #000; font-size:18px; font-weight:bold;}

.list-view.line { border-top:1px solid #DDD;}
.list-view li { padding:10px 0px; border-bottom:1px solid #DDD; }
.list-view li h2 { line-height:20px; margin-bottom:10px;}
.list-view.pd { padding:0px 15px;}
.list-view.answer { background-color:#FFF;  margin-top:10px; border-top:1px solid #DDD;}
.list-view.answer li { padding:10px 15px; }
.list-view.over_y { height:240px; overflow-y:scroll; background-color:#FFF;}
.list-view.over_y li { padding:10px 15px;}
.list-view.over_y li h2 { margin-bottom:0px;}

.list-view.faq li h2 { margin-bottom: 0px;}
.list-view.faq li.answer {background-color:#FFF; padding:10px 15px; }
.list-view.faq li.answer h2 { color: #007cc2; margin-bottom: 10px;}

.no_data {height:150px; color:#666; text-align:center; line-height:150px; padding:0 !important; margin:0 !important;}
.both {margin-top:10px;}
.tracking_btn {background-color:#a19d9d; display:inline-block; padding:5px; width:60px; color:#fff; font-size:11px; text-align:center; margin-top:5px;}

/*ICON*/
.ico {display:inline-block;width:30px;height:30px; background:url(../../image/common/icon_30.png) no-repeat;background-size:210px 150px;overflow:hidden;text-indent:-9999px;vertical-align:middle;}
.ico.ico-gnb {background-position:0px -90px}
.btn-slide.active .ico.ico-gnb {background-position:-30px -90px}

.ico-puls {background-position:-120px 0px}
.ico-puls-c {background-position:-120px -30px}
.ico-puls-b {background-position:-120px -60px}
.ico-puls-d {background-position:-120px -90px}

.ico-minus {background-position:-150px 0px}
.ico-minus-c {background-position:-150px -30px}
.ico-minus-b {background-position:-150px -60px}
.ico-minus-d {background-position:-150px -90px}

.ico-top {background-position:-30px 0px}
.ico-top-c {background-position:-30px -30px}
.ico-top-b {background-position:-30px -60px}
.ico-top-d {background-position:-30px -90px}

.ico-bottom {background-position:0px 0px}
.ico-bottom-c {background-position:0px -30px}
.ico-bottom-b {background-position:0px -60px}
.ico-bottom-d {background-position:0px -90px}

.ico-left {background-position:-60px 0px}
.ico-left-c {background-position:-60px -30px}
.ico-left-b {background-position:-60px -60px}
.ico-left-d {background-position:-60px -90px}

.ico-right {background-position:-90px 0px}
.ico-right-c {background-position:-90px -30px}
.ico-right-b {background-position:-90px -60px}
.ico-right-d {background-position:-90px -90px}

.ico-close {background-position:-180px 0px}
.ico-close-c {background-position:-180px -30px}
.ico-close-b {background-position:-180px -30px}
.ico-close-d {background-position:-180px -90px}

.ico-r-puls {background-position:0px -120px}

.ico-search {background-position:-30px -120px;}

.ico-m {display:inline-block;width:50px;height:50px; background:url(../../image/common/icon_50.png) no-repeat;background-size:200px 50px;overflow:hidden;text-indent:-9999px;vertical-align:middle;}
.ico-main01 {background-position:0px 0px}
.ico-main02 {background-position:-50px 0px}
.ico-main03 {background-position:-100px 0px}
.ico-main04 {background-position:-150px 0px}

.ico-sns {display:inline-block;width:35px;height:35px; background:url(../../image/common/icon_sns.png) no-repeat;background-size:235px 35px;overflow:hidden;text-indent:-9999px;vertical-align:middle;}
.ico-sns.ico-kakaotalk {background-position:0px 0px;}
.ico-kakaostory {background-position:-40px 0px;}
.ico-facebook {background-position:-80px 0px;}
.ico-blog {background-position:-120px 0px;}
.ico-band {background-position:-160px 0px;}
.ico-twitter {background-position:-200px 0px;}

/*FONT*/
span.font_c { color:#855c9a;}
span.font_b { color:#333333;}
span.font_d { color:#666666;}
span.font_a { color:#999999;}
span.font_bold {font-weight:bold; font-size:16px;}

.mg_r_10 { margin-right:10px;}
.mg_l_10 { margin-left:10px;}
ul.line_none li { border-bottom:0px;}

/*SELECT & CHECKBOX & RADIOBOX*/
.select{display:inline-block;height:40px;border:1px solid #DDD;font-size:13px;padding-left:14px;background:#fff url(../../image/common/arrow_select.gif) no-repeat 100% 50%;background-size:21px 6px; width:100%;}
.select:focus{border-color:#855c9a;}


/*BTN SET*/
.btn {display:inline-block; height:40px;line-height:40px; vertical-align:middle; text-align:center; font-size:14px; color:#fff; width:100%;}
.btn.btn-sm{font-size:12px;height:35px;line-height:35px;}
.btn.btn-lg{font-size:18px;height:45px;line-height:45px;}
.btn.btn-in-sm { width:35px; height:35px; line-height:35px; float:left; margin-left:10px;}
.btn.btn-full{color:#fff!important}
.btn.btn-c{border:1px solid #855c9a;color:#855c9a;}
.btn.btn-c.btn-full{background:#855c9a}
.btn.btn-b{border:1px solid #333333;color:#333333;}
.btn.btn-b.btn-full{background:#333333}
.btn.btn-d{border:1px solid #666666;color:#666666;}
.btn.btn-d.btn-full{background:#666666}

.btn-set {position:relative;overflow:hidden}
.btn-set.view {padding:10px 15px;}
.btn-set.line { border-bottom:1px solid #DDD;}
.btn-set.list {padding:20px 15px 0px 15px;}
.btn-set li:last-child { padding-right:0px;}
.btn-set li {padding-right:10px; float:left; padding-top:0px; padding-bottom:0px; border-bottom:0px;}
.btn-set.set2 li {width:50%;}
.btn-set.set3 li {width:33.3%;}
.btn-set.set4 li {width:25%;}
.btn-set.set5 li {width:20%;}
.btn-set.set6 li {width:10%;}
.btn-set.set6 li:first-child {width:50%;}
.btn-set.set6 li:last-child {width:40%;}
.btn-set.set6 li.text { line-height: 40px;}
.btn-set.set7 li {width:22%;}
.btn-set.set7 li.text { line-height: 40px; width:4%; text-align:center;}
.btn-set.both { margin-top:10px;}

/*INPUT SET*/
.inp-txt{width:100%;height:40px;border:1px solid #DDD;font-size:13px;padding:7px 10px;line-height:19px}
.inp-txt:focus{border-color:#855c9a;}
.inp-txt.both { margin-top:10px;}
.inp-txt[type=password]{font-family:'Arial',sans-serif}
.inp-txt[type=password]:-ms-input-placeholder{font-family:'Nanum Barun Gothic',sans-serif}
.inp-txt[type=password]::-webkit-input-placeholder{font-family:'Nanum Barun Gothic',sans-serif}
.inp-txt[type=password]:-moz-placeholder{font-family:'Nanum Barun Gothic',sans-serif}
.inp-txt[type=password]::-moz-placeholder{font-family:'Nanum Barun Gothic',sans-serif}

.inp-set {position:relative;overflow:hidden;}
.inp-set li:last-child { padding-right:0px;}
.inp-set li {padding-right:10px; float:left; padding-top:0px; padding-bottom:0px; border-bottom:0px;}
.inp-set.set1 li {width:70%;}
.inp-set.set1 li:last-child {width:30%;}
.inp-set.set2 li {width:50%;}
.inp-set.set3 li {width:33.3%;}
.inp-set.both { margin-top:10px;}

.inp-set.search_name { overflow:hidden; margin-top:10px;}
.inp-set.search_name li {float:left; height:40px; width:85%; padding-right:0px;}
.inp-set.search_name li:last-child {width:15%;}
.inp-set.search_name li .icon_btn {background:url("../../image/common/icon_search.png") no-repeat center center; display:inline-block; width:20px; height:20px; background-size:20px;}

.inp-set.search { overflow:hidden;}
.inp-set.search.line { border-top:1px solid #464749;}
.inp-set.search li { width:55%; padding-right:0px;}
.inp-set.search li:first-child {width:30%;}
.inp-set.search li:last-child {width:15%;}
.inp-set.search li .icon_btn {background:url("../../image/common/icon_search.png") no-repeat center center; display:inline-block; width:20px; height:20px; background-size:20px;}

.inp-set.search_date { overflow:hidden;}
.inp-set.search_date.pd { padding:10px 15px; border-bottom:1px solid #DDD;}
.inp-set.search_date li { width:40%; padding-right:0px;}
.inp-set.search_date li.text {width:5%; line-height:40px; text-align:center;}
.inp-set.search_date li:last-child {width:15%;}
.inp-set.search_date li.date input.arrow {background: #fff url("../../../image/common/arrow_select.gif") no-repeat scroll 100% 50% / 21px 6px;}
.inp-set.search_date li .icon_btn {background:url("../../image/common/icon_search.png") no-repeat center center; display:inline-block; width:20px; height:20px; background-size:20px;}

.inp-set.search_month { overflow:hidden;}
.inp-set.search_month li { width:35%; padding-right:0px;}
.inp-set.search_month li:first-child {width:50%;}
.inp-set.search_month li:last-child {width:15%;}
.inp-set.search_month li .icon_btn {background:url("../../image/common/icon_search.png") no-repeat center center; display:inline-block; width:20px; height:20px; background-size:20px;}


.checkbox{width:20px;height:20px;background:url(../../image/common/checkbox.gif) no-repeat;border:0;background-size:70px 20px;margin:-1px 5px 0 0;transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;}
.checkbox:checked{background-position:-50px 0}
.checkbox.check-line:checked{background-position:-25px 0}

.radiobox{width:20px;height:20px;background:url(../../image/common/radiobox.gif) no-repeat;border:0;background-size:70px 20px;margin:-2px 5px 0 0;transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;}
.radiobox:checked{background-position:-50px 0}
.radiobox.radiob-line:checked{background-position:-25px 0}

.check-slide{position:relative;cursor:pointer;width:50px;height:23px;white-space:nowrap;overflow:hidden; background-color:#f1eeef;}
.check-slide:before{content:"";width:50px;height:23px;border-radius:19px;background:#969696;position:absolute;top:0;left:0}
.check-slide:checked:before{background:#855c9a}
.check-slide:after{content:"";width:19px;height:19px;border-radius:100%;background:#fff url(../../image/common/check_slide.gif) no-repeat 50% 50%;background-size:15px 15px;position:absolute;top:2px;left:2px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.check-slide:checked:after{background-image:url(../../image/common/check_slide_on.gif);left:29px}

.phone-set {position:relative;overflow:hidden}
.phone-set li { width:28%; float:left; padding-top:0px; padding-bottom:0px; border-bottom:0px;}
.phone-set li.text { width:8%; text-align:center; line-height:40px;}
.phone-set li .inp-txt { text-align:center;}

.email-set {position:relative;overflow:hidden}
.email-set li { width:46%; float:left; padding-top:0px; padding-bottom:0px; border-bottom:0px;}
.email-set li.text { width:8%; text-align:center; line-height:40px;}

.rnum-set {position:relative;overflow:hidden}
.rnum-set li { width:46%; float:left; padding-top:0px; padding-bottom:0px; border-bottom:0px;}
.rnum-set li.text { width:8%; text-align:center; line-height:40px;}
.rnum-set li .inp-txt { text-align:center;}

.birthday-set {position:relative;overflow:hidden}
.birthday-set li:first-child { width:42%; }
.birthday-set li:last-child { width:28%; padding-right: 0px; }
.birthday-set li { width:30%; float:left; padding-top:0px; padding-bottom:0px; border-bottom:0px; padding-right:2% }
.birthday-set li .inp-txt { text-align:center;}



/*CHECK TEB */
.btn-group {overflow:hidden;}
.btn-group.mt50 { margin-top:50px;}
.btn-group.both { margin-top:10px;}
.btn-group input{position:absolute;left:0;top:0}
.btn-group .item{float:left;width:50%;height:40px;line-height:40px;border:1px solid #dddddd; border-bottom:1px solid #855c9a;border-right:0;overflow:visible;position:relative}
.btn-group .item:before{content:"";display:block;width:1px;background:#dddddd;position:absolute;right:-1px;top:-1px;bottom:-1px;z-index:10}
.btn-group .item:last-child{border-right:1px solid #ddd;}

.btn-group .item.active{border-color:#855c9a;z-index:20}
.btn-group .item.active:before{background:#855c9a}
.btn-group .btn-label{display:block;background:#FFF;line-height:38px;font-size:14px;color:#888888;text-align:center;position:relative;z-index:1;}
.btn-group .item.active .btn-label{color:#FFF;background:#855c9a; border-bottom:1px solid #855c9a;}

/*MAIN */
.main_banner_wrap {width:100%;overflow:hidden;position:relative}

.main-link {position:relative;overflow:hidden; display: table; width: 100%;}
.main-link li:last-child { border-right:0px;}
.main-link li { display:table-cell; vertical-align:middle; width:25%; border-right:1px solid #DDD; background-color:#635b67; text-align:center; padding: 10px 0px;}
.main-link li a { display:block;padding:10px 0px; color:#FFF; font-size: 12px; line-height: 15px;}

.main-notice { position:relative; padding:10px 50px 10px 80px; margin:10px; height:50px; background-color:#FFF; border:1px solid #DDD;}
.main-notice a { position:absolute; right:10px; }
.main-notice .title { position:absolute; left:15px; width:60px; color:#855c9a; line-height:30px;}
.main-notice .title span { height:10px; width:1px; display:inline-block; background-color:#DDD; margin-left:10px;}
.main-notice .notice_slider li { color:#555; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height:20px; line-height:30px; }

.main-product { padding:0px 15px 10px; position:relative;}
.main-product h1 { font-size:15px; color:#855c9a; line-height:30px;}
div#shop_banner_wrap { width:100%; border:1px solid #DDD; background-color:#FFF; }
div#shop_banner_wrap .bx-wrapper { margin:0 auto; position:inherit;}
div#shop_banner_wrap .bx-wrapper li { position:relative; padding-top:15px; background-color:#FFF; cursor:pointer; padding:10px;}

div#shop_banner_wrap .bx-wrapper li img {width:100%; height:100%; }
div#shop_banner_wrap .bx-wrapper li p { width:100%; height:40px; overflow:hidden; text-align:center; font-size:12px; line-height:20px; color:#333; margin-top:5px;  }
div#shop_banner_wrap .bx-wrapper .bx-pager, div#shop_banner_wrap .bx-wrapper .bx-controls-auto {position: absolute; top:-20px; right:15px; width:auto;}
div#shop_banner_wrap .bx-wrapper .bx-pager.bx-default-pager a {  -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}

.main-event { padding:0px 15px 20px; }
.main-event h1 { font-size:15px; color:#855c9a; line-height:30px;}
.main-event .con { border:1px solid #DDD;}
.main-event .con.nodata { background-color:#F4F4F4; line-height:80px; text-align:center;}

/*SHOPING LIST */
.shoping-list { padding-top:10px;}
.shoping-list li { position:relative; background-color:#FFF; margin-bottom:10px; border:1px solid #DDD; }
.shoping-list li h2 { margin-left:10px;}
.shoping-list li img {position:absolute; left:10px; top:40px; height:100px; width:100px; }
.shoping-list li .text-box {padding-left:120px; height:100px;}
.shoping-list li .text-box span {color:#855c9a; font-size:18px; line-height:25px; font-weight:bold;}
.shoping-list li .text-box .con-box { position:absolute; bottom:10px;}
.shoping-list li .text-box .inp-txt {width:50px; text-align:center; float:left; height:35px; line-height:35px;}
.shoping-list li.total_check { padding-left:10px;}

.total_content {border-top:2px solid #855c9a; border-bottom:1px solid #ddd; background-color:#FFF; padding-bottom:15px; margin-top:10px;}
.mall-lnb {min-width:320px; border-top:2px solid #855c9a; border-bottom:1px solid #ddd; background-color:#f4f4f4; padding-bottom:15px; margin-top:10px; position:fixed;left:0;right:0;bottom:0;z-index:200; padding-top: 10px;}
.mall-lnb.scroll-up {bottom:-120px}
.mall-lnb .delivery_cost {font-size: 13px; line-height: 20px; margin-top: 10px; color: #222;}
.mall-lnb .delivery_cost span {color:#855c9a;}

/*CART*/
.total_list {padding:10px 0;}
.total_list {overflow:hidden;}
.total_list dt {float:left; width:50%; }
.total_list dd {float:right; width:50%; text-align:right; }
.total_sum {overflow:hidden; border-top:1px solid #ddd; padding:10px 0; color:#855c9a;}
.total_sum dt, .total_sum dd {width:50%; font-size:18px;}
.total_sum dt {float:left;}
.total_sum dd {float:right; font-weight:bold; text-align:right;}

/*ORDER*/
.order-list { padding-top:10px;}
.order-list li { position:relative; background-color:#FFF; margin-bottom:10px; border:1px solid #DDD; padding-left:110px;}
.order-list li span { font-size:15px; color:#855c9a; font-weight:bold;}
.order-list li img {position:absolute; left:0px; top:0px; height:100px; width:100px; }

.content-full.pay_info {padding:10px 15px; border-top:1px solid #855c9a; border-bottom:1px solid #DDD; background-color:#FFF; }
.content-full.pay_info .info_agree {padding:10px; border:1px solid #DDD; margin-bottom:10px;}
.content-full.pay_info .info_agree p { font-size:12px; color:#855c9a;}

/*ORDER OK*/
.order_ok .shipping { margin-bottom:10px;}
.order_ok .shipping:last-child { margin-bottom:0px;}
.bg_content01 {background-color:#FFF; border-top:1px solid #464749; padding:15px; text-align:center; border-bottom:1px solid #ddd;}
.bg_content01 p.big_txt {font-size:18px; color:#333;}
.bg_content01 p {padding-bottom:10px;}

/*PRODUCT LIST */
.product-list { padding-top:10px;}
.product-list li { position:relative; background-color:#FFF; margin-bottom:10px; border:1px solid #DDD; min-height:82px; }
.product-list li h2 { margin-left:90px; margin-top:20px;}
.product-list li img {position:absolute; left:0px; top:0px; height:80px; width:80px; }
.product-list li .text-box {padding-left:120px; height:100px;}

/*PRODUCT VIEW */
.product_view .product_con {padding:15px; background-color:#FFF;}
.product_view .product_title { padding:10px 15px; border-top:1px solid #DDD; }
.product_view .product_view_faq {padding:0px 15px 10px;  border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.product_view .faq-list li:last-child { border-bottom:0px;}
.product_view .product-sns {overflow:hidden; padding-bottom:0px; text-align:center; margin-top:15px;}
.product_view .product-sns a { margin-right:10px; display:inline-block; width:35px; height:35px; margin-bottom:10px;}
.product_view .product-sns a:last-child { margin-right:0px;}

/*FAQ LIST */
.faq-list li {border-bottom:1px solid #ddd; padding-top:10px;}
.faq-list li>div {display:block; word-break:break-all;}
.faq-list li>div p { color:inherit;}
.faq-list li div.question {display:block; padding-bottom:10px;}
.faq-list li div.answer { background-color:#FFF; padding:10px 15px;}

/*TABLE */
.table_view {width:100%; }
.table_view th {color:#333; padding:5px 0; vertical-align:top;}
.table_view td {color:#666; padding:5px 0;}

.table_list {width:100%; }
.table_list th {color:#333; padding:2px 0; vertical-align:top;}
.table_list td {color:#666; padding:2px 0;}
.table_list .right { text-align:right;}

.table_list .add_btn { float:right; display:block; width:40px; height:20px; background-color:#855c9a; text-align:center; color:#FFF; }


/*SCHEDULE LIST*/
.schedule_day { text-align:center; padding:10px 0px; }
.schedule_day li { display:inline-block; margin:0px 10px; font-size:18px; color:#855c9a }
.schedule_day li:first-child {width:40px;}
.schedule_day li:last-child {width:40px;}

.schedule_b_table01 {width:100%; border-top:1px solid #DDD; }

.schedule_b_table01 a { text-decoration:none; font-size:11px;  color:#666; }
.schedule_b_table01 a:hover { color:#1d50a2; }
.schedule_b_table01 th {width:14%; height:20px; font-size:12px; line-height:20px; color:#444; background-color:#F4F4F4; border-bottom:1px solid #ccc; border-right:1px solid #CCC; text-align:center; padding-top:10px; padding-bottom:10px;}
.schedule_b_table01 th:last-child { border-left:0px;}
.schedule_b_table01 td { width:14%; min-height:62px; border-bottom:1px solid #DDD; border-right:1px solid #DDD; vertical-align:top; background-color:#FFF; }
.schedule_b_table01 td:last-child { border-left:0px;}

.schedule_b_table01 .sun { color:#cf2a2a;}
.schedule_b_table01 .sat { color:#1d50a2;}
.schedule_b_table01 .sun>.cell>.number_add { color:#cf2a2a;}
.schedule_b_table01 .sun>.cell>.active {background-color:#855c9a; color:#FFF; }
.schedule_b_table01 .sat>.cell>.number_add { color:#005dac;}
.schedule_b_table01 .sat>.cell>.active {background-color:#855c9a; color:#FFF; }

.schedule_b_table01 .blank { background-color:#f1eeef;}
.schedule_b_table01 .cell { position:relative; width:100%; min-height:62px; }
.schedule_b_table01 .number_add {width:20px; font-size:12px; height:20px; color:#666; line-height:20px; text-decoration:none; display:block; text-align:center; }
.schedule_b_table01 .active {background-color:#855c9a; color:#FFF; }

.schedule_b_table01 .list_event { overflow:hidden;}
.schedule_b_table01 .list_event li { border-top:1px solid #FFF;}
.schedule_b_table01 .list_event .btn_01 { width:100%; font-size:11px; height:20px; color:#FFF; line-height:20px; text-decoration:none; display:block; position: relative; cursor:pointer; text-align:left; background-color:#666; }
.schedule_b_table01 .list_event .btn_01 .cont { float:right; padding-right:10px;}
.schedule_b_table01 .list_event .btn_01 .text { float:left; width:40px; margin-left:5px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/*layer_popup*/
.layer_popup-wrap { min-width:320px; margin:0 auto;}
.layer_popup_title { position:relative; width:100%; height:40px; background-color:#635b67;}
.layer_popup_title h1 { float:left; font-size:14px; color:#FFF; line-height:40px; padding-left:15px;}
.layer_popup_title .btn-close{position:absolute; display:block; width:40px; height:40px; background-color:##635b67; right:0px; top:0px;}

/*주민번호 POPUP*/
.main_pop_info h3 img { width:60px;}
.main_pop_info h3 span { font-size:16px; color:#855c9a; line-height:40px; padding-left:10px;}
.main_pop_info h3 { margin-bottom:0px;}
.main_pop_info>ul>li { padding:10px 15px;}
.main_pop_info li.info_box {background-color:#FFFFFF;}
.main_pop_info li.info_box span {font-size:13px; padding:2px 5px; background-color:#666666; color:#FFF; display:inline-block; margin-right:5px;}
.main_pop_info li.info_box p { font-size:12px; margin-bottom:10px;}
.main_pop_info li.info_box p.none { margin-bottom:0px;}

/*회원갱신 POPUP*/
.member_pop_info { background-color:#FFF;}
.member_pop_info h3 { font-size:18px; text-align:center; margin-top:10px;}
.member_pop_info ul.list-view>li { padding:10px 15px; border-bottom:0px; margin-bottom:5px;}
.member_pop_info ul.list-view>li.info_box { margin-left:15px; margin-right:15px; background-color:#F4F4F4; border:1px solid #DDD; font-size:12px; text-align:center;}
.member_pop_info ul.list-view>li.info_box.c_box { height: 260px; overflow-y: scroll; text-align: left; }
.member_pop_info .ch_box { margin-bottom: 15px;}

/*ORDER LIST*/

.order_list {width:100%;}
.order_list_view {padding:0 15px; border-top:1px solid #ddd;}
.order_list_view:first-child {border-top:none;}
.order_list_view li {position:relative; padding:10px 0;}
.order_list_view li:last-child {border-bottom:none;}
.order_list_view li.date {color:#855c9a; border-bottom:1px solid #ddd;}
.order_list_view li.date a {position:absolute; right:0; top:5px; width:30px; height:30px;}
.order_list_view li.text p {color:#333;}
.order_list_view li.text p.price span {font-weight:bold;}
.order_list_view li.text h2 {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/*LOGIN*/
.login .logo_login {margin:30px auto 20px; text-align:center;}
.login .logo_login img {width:170px;}
.login .login_text {text-align:center; margin:20px 0 20px; border-top:1px solid #ddd; padding-top:20px;}

/*layer_popup*/
.layer_popup-wrap { min-width:320px; margin:0 auto;}
.layer_popup_title { position:relative; width:100%; height:40px; background-color:#855c9a;}
.layer_popup_title.group { background-color:#464749;}
.layer_popup_title h1 { float:left; font-size:14px; color:#FFF; line-height:40px; padding-left:15px;}
.layer_popup_title .btn-close{position:absolute; display:block; width:40px; height:40px; background-color:#555; right:0px; top:0px;}
.layer_popup_title.country { background-color:#fff; padding: 15px; height: auto;}
.layer_popup_title span { color: #855c9a; font-size:13px; line-height:20px; display: block; word-break:keep-all;}
.layer_popup_title span strong {font-size: 15px; padding-bottom: 5px;}

/* 간편주문 팝업 추가 20221017 */
.country_pop {width: 100%; min-height: 75%;}
.select_country {position:relative; width:100%; margin: 0 auto 20px; text-align: left; font-size: 0px;}
.select_country.set2 a {width:50%;}
.select_country.set3 a {width:33.3%;}
.select_country.set4 a {width:25%;}
.select_country.set5 a {width:20%;}
.select_country a { position: relative; box-sizing: border-box; display: inline-block; font-size: 12px; color: #222; line-height:20px; padding:10px 0px; left:0px; text-align: center; margin-top: -1px;}
.select_country a:nth-child(odd) {border-left:1px solid #DDD;}
.select_country a:before {position: absolute; content:""; border-top:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; box-sizing: border-box; left:0px; top:0px; width:100%; height:100%;}
.select_country a:hover {background-color:#f4f4f4;}
.select_country a.active {position: relative; background-color:#fff; color:#985196;}
.select_country a.active:after {position: absolute; content:""; border:solid 3px #985196; width:100%; left:0px; top:0px; box-sizing: border-box; margin-right:-1px; height:100%;}
.country_title {background-color: #666; color:#fff; padding: 10px 10px 10px 15px; margin: 0 0 10px; font-size: 16px;}

/*관리팀매출내역 자세히보기*/
.buyresuit_pop { border-top: 1px solid #DDD; border-left: 1px solid #DDD; background-color: #FFF; text-align: center;}
.buyresuit_pop li { border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 5px 0px;}
.buyresuit_no_date { text-align: center; line-height: 100px;}

.font_red{color: red;}