* {border-radius:0}
html {overflow-y:scroll;height:inherit}
body {color:#353535;font-size:13px;line-height:1.6;font-family:"Roboto",Dotum,Arial,sans-serif}
p,li,li a {color:#252525;word-break:keep-all}
a {color:#000;text-decoration:none}
a,a:focus,a:hover,a:active {outline:0}
a:focus {color:#FF4848;text-decoration:none}
a:hover {color:#FF4848;text-decoration:none}
hr {display:inherit}
hr.hr-margin-lr {margin-left:-15px;margin-right:-15px}
ul {margin:0;padding:0;list-style:none;}
ol {margin:0;padding:0;}
.mjbg{background:#fff !important; }
.wrapper {position: relative; overflow: hidden;}
.mj_menu{position: relative;width: 100%;margin: 0 auto;}
.mj_clear{display: block;position: relative;clear: both;}
/* common */
body.modal-open {padding:0 !important}
.clear-after:after {content:"";display:block;clear:both}
h1, h2, h3, h4, h5, h6 {word-break:keep-all}
p, li {font-size:13px;word-break:keep-all}
ul, ol {margin-bottom:0}
.btn_more a {position:relative;display:inline-block;overflow:hidden;padding:10px 20px;letter-spacing:2px;color:#293844;border:1px solid #293844;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;transition: all .25s ease}
.btn_more a:hover {box-shadow: 4px 4px 0 0 #293844}
/*color*/
.whf{color:#fff}
.grf{color: #7a7a7a;}
.blf{color:#121212;}
.whiteblue {color:#b9dbff;}
.whiteyello {color:#FFFCB9;}
.whitegreen {color:#c7ffd3;}
.whiteorange {color:#FFD3B9;}
.lowblue{color:#83ddff;}
.lowpink{color:#ff8383;}
.lowOrange {color:#ffcd83;}
.lowgreen{color:#AEFF83;}
.lowyellow{color:#FFF683;}
.horange {color: #ed6a1d;}
.colora0{color:#E9BECF}
.colora1{color:#E3DBAB}
.colora2{color:#E3BBAB}
.colora3{color:#C4E3AB}
.colora4{color:#AFE4CF}
.colora5{color:#ABD5E3}
.colora6{color:#E4AFE2}
.colora7{color:#CFAFE4}
.colora8{color:#AFAFE4}
.colora9{color:#E0A3A3}
.coloraW{color:#FFFFFF;}
.hweight{font-weight: 900;}
.mweight{font-weight: 600;}
.bgstr1{background:linear-gradient(90deg, #f4f4f4 19px, transparent 1%) center, linear-gradient(#f4f4f4 19px, transparent 1%) center, #000;
background-size: 22px 22px;}
.bbs-view-image{width: 600px;}
/* 헤더 */
.header {position:relative;background:#fff}
.section {margin-bottom: 60px;}
/* Header Nav Fixed */
@media (min-width:992px) {
#header-fixed .header-sticky {width:100%;height:auto}
#header-fixed .header-fixed-trans {position:fixed;top:0;left:0;z-index:10;background:#fff}
#header-fixed .header-sticky-space.header-fixed-space-trans {clear:both;margin-bottom:52px}
}
/* 헤더 왼쪽 */
.hd_left {position:relative;float:left;width:33.333%}
.listhd_left {display:flex;justify-content:flex-start;margin:35px 0}
.listhd_left > li {position:relative;padding-right:10px}
.listhd_left > li > a {line-height:30px;font-size:15px;font-weight:300;color:#434a54;-webkit-transition:all .3s ease;transition:all .3s ease}
.listhd_left > li .dropdown-menu {min-width:auto;padding:0}
.listhd_left > li .dropdown-menu li a {padding:7px 20px;font-size:11px;font-weight:300}
.listhd_left > li .dropdown-menu li.active a {color:#434a54;background:none}
@media (min-width:992px){
.listhd_left > li.btn-mypage > a > i {display:none}
}
@media (max-width:991px){
.listhd_left {margin:25px 0}
.listhd_left > li > a {font-size:13px}
.listhd_left > li.btn-mypage > a {font-size:16px}
.listhd_left > li.btn-mypage > a > span {display:none}
}
/* 헤더 중앙 - 로고 */
.hdnav_wrap .no-cate{text-align: center;}
.hd_center {position:absolute;left: 50%;transform: translateX(-50%);}
hd_logo h1 {margin:25px 0;text-align:center}
hd_logo h1 a span {line-heiht:50px;font-size:26px}
hd_logo h1 a img {max-height:50px;width:auto}
@media (max-width:991px){
hd_logo h1 {margin:20px 0}
hd_logo h1 a span {line-heiht:40px}
hd_logo h1 a img {max-height:40px}
}
/* 헤더 오른쪽 - 로그인(마이 페이지), 검색, 모바일 메뉴 버튼 */
.hd_right {float:right;width:33.333%}
.listhd_right {display:flex;justify-content:flex-end;margin:35px 0}
.listhd_right li {padding-left:10px}
.listhd_right li a {line-height:30px;font-size:16px;color:#434a54;-webkit-transition:all .3s ease;transition:all .3s ease}
.listhd_right li a:hover {color:#656d78}
.hd_right .btn-carttp{position: relative;}
.hd_right .btn-carttp span.count{position: absolute;top: 0;right: -7px;line-height: 12px;border-radius: 8px;background: #ff4444;padding: 0 3px;backgroundcolor: #f00;color: #fff;font-size: 3px;height: 12px;display: inline-block;}
.hd_top .hd_right .mb{display: none;}
@media (max-width:991px) {
.listhd_right {margin:25px 0}
}
/*헤더 전체메뉴*/
.shop-contents-modal .modal-content {width:100%;height:100vh;border:0 none}
.shop-contents-modal .modal-content button.btn-close {position:absolute;top:40px;right:40px;font-size:20px;background:none;border:0 none;z-index: 999999;}
.shop-contents-modal .modal-content .modal-body {position:relative;top:50%;transform:translateY(-50%);width:80%;margin:0 auto}
/*헤더 마이페이지*/
.mypage-contents-modal .modal-content .modal-body {width:360px}
.mypage-contents-modal .modal-content .modal-body h5 {margin:0 0 10px;padding-bottom:13px;font-size:20px;border-bottom:1px solid #bbb}
.mypage-contents-modal .modal-content .modal-body .list-mypage {margin:0 -5px}
.mypage-contents-modal .modal-content .modal-body .list-mypage:after {content:"";display:block;clear:both}
.mypage-contents-modal .modal-content .modal-body .list-mypage li {float:left;width:33.33%;padding:5px}
.mypage-contents-modal .modal-content .modal-body .list-mypage li a {display:block;height:110px;padding-top:30px;text-align:center;font-size:13px;color:#434a54;border:1px solid #434a54;-webkit-transition:all .3s ease;transition:all .3s ease}
.mypage-contents-modal .modal-content .modal-body .list-mypage li a:hover {background:#293844;color:#fff}
.mypage-contents-modal .modal-content .modal-body .list-mypage li a i {display:block;margin-bottom:10px;font-size:26px}
.mypage-contents-modal .modal-content .modal-body .btn-logout a {display:block;padding:15px 10px;margin-top:5px;text-align:center;background:#434a54;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}
.mypage-contents-modal .modal-content .modal-body .btn-logout a:hover {background:#293844}
/* 헤더 검색*/
.search-contents-modal .modal-content .modal-body fieldset, #hd_comsch{position: relative;}
.search-contents-modal .modal-content .modal-body input[type="text"], #hd_comsch input[type="text"]{width:100%;height:60px;padding:6px 12px;font-size:20px;border:0 none !important;border-bottom:1px solid #ddd !important;color:#434a54;box-shadow:0 0 0 #fff}
.search-contents-modal .modal-content .modal-body input[type="text"]:focus, #hd_comsch input[type="text"]:focus{border-bottom:1px solid #909090 !important}
.search-contents-modal .modal-content .modal-body .button, #hd_comsch .button{position:absolute;right:1px;top:19px;padding:0 20px;font-size:24px;height:40px;background:none;border:0 none}
.search-contents-modal .modal-content .modal-body .button input, #hd_comsch .button input{position:absolute;top:0;right:0;padding:0 20px;font-size:12px;line-height:40px;opacity:0;cursor:pointer}
/*헤더 전체메*/
.whole-menu {display:flex;justify-content:center;padding:0;list-style:none;text-align:center}
.whole-menu > li {min-width:150px;margin:0 5px;border-top:1px solid #333}
.whole-menu > li > a {display:block;padding:0 15px;margin-bottom:10px;line-height:50px;font-size:17px;font-weight:300;border-bottom:1px solid #333}
.whole-menu > li a {color:#333}
.whole-menu > li a:hover {color:#293844}
.whole-menu > li > ul {padding:0}
.whole-menu > li > ul > li > a {display:block;margin-bottom:5px;line-height:30px;font-size:15px;font-weight:300}
.whole-menu > li > ul > li > ul {position:relative;padding:0;margin-bottom:10px}
.whole-menu > li > ul > li > ul:after {content:"";display:block;position:absolute;top:-5px;left:50%;width:4px;height:4px;margin-left:-2px;background:#ddd;border-radius:50% !important}
.whole-menu > li > ul > li > ul > li > a {display:block;font-weight:300}
/*헤더 버튼*/
.btn-nav-mobile {display:none}
.hdnav.sidebar.left .hd_right{display: none;}
.hdnav.sidebar.left .hd_right .mb{display:none;}
/* 샾타이틀 */
.shop_title{position: relative;margin-bottom: 40px;}
.shop_title h2{position: relative;margin: 0 0 30px;font-size: 2em;text-align: center;}
.shop_title>p{text-align: center; font-size: 1.3em;color: #8C8C8C;}
.cwa_title {font-size: 1.5em;font-weight: 700;}
@media (max-width: 700px) {
.shop_title h2{font-size: 1.5em;}
}
@media (max-width: 991px) {
.list-header-right {margin:20px 0}
.list-header-right li a {line-height:40px}
.btn-nav-mobile {display:block}
}
/* 네비게이션 */
/* 992px 이상 메뉴 - pc */
@media (min-width: 992px) {
.hd_gnb {position:relative;border-top:1px solid #333;border-bottom:1px solid #333;top:0; width:100%; z-index: 10;background: #fff;}
.fix_gnb {position: fixed;}
.hdnav .hdnav_wrap h5 {display:none}
.hdnav .hdnav_wrap .tmenu {display:flex;justify-content:center;float:none;margin-bottom: 0;}
.hdnav .hdnav_wrap .tmenu > li {padding:0 50px}
.hdnav .hdnav_wrap .tmenu > li > a {padding:0;line-height:50px;font-size:15px;font-weight:300;color:#6B7A7F}
.hdnav .hdnav_wrap .tmenu > li > span {display:none;}
.hdnav .hdnav_wrap .tmenu > li > a:hover, .hdnav .hdnav_wrap .tmenu > li > a:focus, .hdnav .hdnav_wrap .tmenu > li.open > a {color:#293844;background:none}
.hdnav .hdnav_wrap .tmenu > li > ul {display:block;margin-top: 0; left:50%;opacity:0;visibility:hidden;min-width:200px;padding:5px 30px;margin-left:-100px;border:1px solid #333;border-top:0 none;box-shadow:0 15px 15px rgba(0,0,0,.15);
-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);
-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-o-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.hdnav .hdnav_wrap .tmenu > li.open > ul {opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.hdnav .hdnav_wrap .tmenu > li > ul > li {position:relative}
.hdnav .hdnav_wrap .tmenu > li > ul > li > a {padding:10px 0;font-weight:300;font-size:15px;color:#6B7A7F;background:none}
.hdnav .hdnav_wrap .tmenu > li > ul > li.active > a {font-weight:400}
.hdnav .hdnav_wrap .tmenu > li > ul > li:last-child > a {border:0 none}
.hdnav .hdnav_wrap .tmenu > li > ul > li > a:hover, .hdnav .hdnav_wrap .tmenu > li > ul > li.active > a {color:#293844;background:none}
.hdnav .hdnav_wrap .tmenu > li > ul > li > a .sub-caret {position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#909090}
.hdnav .hdnav_wrap .tmenu > li > ul > li > ul {display:block !important;position:relative;top:inherit;left:inherit;min-width:100%;padding:0 10px 5px;margin-bottom:10px;border:0 none;border-left:1px solid #ddd;box-shadow:0 0 0 #fff}
.hdnav .hdnav_wrap .tmenu > li > ul > li > ul > li > a {padding:5px 0 0;font-weight:300;font-size:13px;color:#6B7A7F;background:none}
.hdnav .hdnav_wrap .tmenu > li > ul > li > ul > li.active > a {font-weight:400;color:#333}
.hdnav .hdnav_wrap .tmenu > li > ul > li > ul > li:last-child > a {border-bottom:0 none}
.hdnav .hdnav_wrap .tmenu > li > ul > li > ul > li > a:hover, .hdnav .hdnav_wrap .tmenu > li > ul > li > ul > li.active > a {background:none;color:#293844}
}
@media (min-width: 1200px) {
.hdnav .hdnav_wrap .tmenu > li > a {font-size:17px}
}
/* 992px 미만 메뉴 - 모바일 */
@media (max-width: 991px) {
.sidebar.left {z-index:999;display:none;position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff;overflow-y: scroll;}
.sidebar.left::-webkit-scrollbar{width: 2px;}
.sidebar.left::-webkit-scrollbar-track{}
.sidebar.left::-webkit-scrollbar-thumb{background-color: black; opacity: .5; height: 5px;}
.sidebar-left-mask {display:none}
.sidebar-left-mask.active {display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:998;background:#000;opacity:0.5}
.sidebar .hdnav_wrap.active {position:relative;height:100%;width:100%;box-shadow:0 0 5px rgba(0,0,0,0.25);overflow-y:auto;-webkit-overflow-scrolling:touch}
.hdnav .hdnav_wrap h5 {margin:0;padding:15px 20px;background:#242121;color:#fff}
.hdnav .hdnav_wrap .tmenu {position:relative;margin:0;float:none}
.hdnav .hdnav_wrap .tmenu > .nav-li-space {height:44px;border-bottom:none;border-top:1px solid #e5e5e5;background:#f2f2f2}
.hdnav .hdnav_wrap .tmenu > li {float:none}
.hdnav .hdnav_wrap .tmenu > li > a {font-size:14px;padding:10px 15px;color:#555}
.hdnav .hdnav_wrap .tmenu > li a {border-bottom:1px solid #DADADA}
.hdnav .hdnav_wrap .tmenu > li > .fa {position:absolute;top:1px;right:0;width:40px;height:40px;line-height:40px;margin:0;padding:0;text-align:center;border:0 none;border-left:1px solid #DADADA;z-index:9}
.hdnav .hdnav_wrap .tmenu > li > .cate-dropdown-open:before {}
.hdnav .hdnav_wrap .tmenu > li > .cate-dropdown-open:hover {border-top:0}
.hdnav .hdnav_wrap .tmenu > li.open > .cate-dropdown-open:before {content:"\f068";font-family:'Font Awesome\ 5 Free';font-weight:900;color:#000}
.hdnav .hdnav_wrap .tmenu .open .dropdown-menu {border:0;float:none;width:auto;margin:0;padding:0;position:static;box-shadow:none;background-color:transparent}
.hdnav .hdnav_wrap .tmenu .open .dropdown-menu > li > a {color:#555;line-height:26px}
.hdnav .hdnav_wrap .tmenu .open .dropdown-menu > li:first-child > a {border-top:0 none}
.hdnav .hdnav_wrap .tmenu .open .dropdown-menu > li > a, .hdnav .hdnav_wrap .tmenu .open .dropdown-menu .dropdown-header {padding:5px 15px 5px 25px}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color:#fff;background:#909090}
.hdnav .hdnav_wrap .tmenu > .open > a, .hdnav .hdnav_wrap .tmenu > .open > a:hover, .hdnav .hdnav_wrap .tmenu > .open > a:focus {color:#000;background:inherit}
.hdnav .hdnav_wrap .tmenu > .active > a, .hdnav .hdnav_wrap .tmenu > .active > a:hover, .hdnav .hdnav_wrap .tmenu > .active > a:focus {color:#000;background:inherit}
.hdnav .hdnav_wrap .tmenu .tmenu .dropdown-submenu > a {font-size:12px}
.hdnav .hdnav_wrap .tmenu .open .dropdown-menu .dropdown-menu > li > a {color:#555;line-height:22px;border-top:0 none;padding:5px 15px 5px 30px}
.hdnav .hdnav_wrap .tmenu .dropdown-submenu > .dropdown-menu {display:block}
.hdnav .hdnav_wrap .tmenu .dropdown-menu .dropdown-submenu.active > a, .hdnav .hdnav_wrap .tmenu .dropdown-menu .dropdown-submenu.active > a:hover {color:#fff}
.nav>li>a:hover, .nav>li>a:focus {background:none}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {border-color:#dadada}
.hdnav.sidebar.left .hd_right{width: 100%;clear:both;display: block;}
.hdnav.sidebar.left .hd_right>ul{overflow: hidden;padding:0;}
.hdnav.sidebar.left .hd_right>ul>li{width: 25%;padding:0;text-align: center;background-color: #000;border-right: solid 1px #fff;}
.hdnav.sidebar.left .hd_right>ul>li:last-child{border-right: 0;}
.hdnav.sidebar.left .hd_right>ul>li>a{font-size: 2em; font: #fff; display: table-cell;vertical-align: middle; height:70px;color:#fff}
.hdnav.sidebar.left .hd_right>ul>li>a .count{display: none;}
.hdnav.sidebar.left .hd_right .btn-nav-mobile{display:none;}
.hdnav.sidebar.left .hd_right .mb{display:table;}
.hdnav.sidebar.left .hd_right>ul>li:not(.mb){display:none;}
}
@media (max-width: 700px) {
.hd_top .listhd_right>li:not(.btn-nav-mobile){display: none;}
.section {margin-bottom: 20px;}
}
/* basic_body */
#basic_body{overflow: auto;}
/* footer */
.footer-inner {padding:30px 0 ;border-top:1px solid #333;color: #6b6b6b;}
/*footer-menu*/
.footer-menu:after {content:"";display:block;clear:both}
.footer-menu li {float:left;margin-right:15px}
.footer-menu li a {display:block;position:relative;line-height:40px;font-size:15px;font-weight:300;border-bottom:1px solid #333;-webkit-transition:all .3s ease;transition:all .3s ease}
.footer-menu li a:hover {color:#6B7A7F}
.footer-menu li a:after {content:"";display:block;position:absolute;bottom:-1px;left:0;width:0;height:1px;background:#f8f8f8;-webkit-transition:all .3s ease;transition:all .3s ease}
.footer-menu li a:hover:after {width:100%}
/*footer-info*/
.footer-info {position:relative;margin-top:30px;line-height:23px;font-weight:300;word-break:keep-all;margin-left: 15px;margin-right: 15px;}
.footer-info .info-divider {color:#ddd}
.footer-info a {color:#656d78}
.footer-info a:hover {color:#434a54}
/* footer-sns*/
.footer-sns {display:flex;justify-content:flex-end;margin-top:5px}
.footer-sns li {position:relative;width:30px;height:30px;margin-right:15px}
.footer-sns li:before {content:"";display:block;position:absolute;top:50%;left:50%;transform-origin:center;transform:translate(-50%,-50%) scale(0);width:100%;height:100%;background:#1b1b1b;-webkit-transition:all .3s linear;transition:all .3s linear;border-radius:50% !important}
.footer-sns li:hover:before {transform:translate(-50%,-50%) scale(1.3)}
.footer-sns li a {display:block;position:relative;z-index:1;width:100%;height:100%;line-height:30px;text-align:center;font-size:18px;color:#1b1b1b;-webkit-transition:all .3s ease;transition:all .3s ease}
.footer-sns li a:hover {color:#fff}
/*copyright*/
.copyright {text-align:center;width: 100%;margin:0 auto;padding:20px 0;border-top: 1px solid #e4e4e4;}
@media (max-width:1199px){
.footer-inner .container {width:100%}
.footer-box h4 {margin:30px 0 15px}
}
@media (max-width:991px){
.footer-inner {padding-top:20px}
.footer-menu li {padding-right:5px}
.footer-sns {justify-content:flex-start;margin-top:15px}
.footer-info {margin-top:15px}
.copyright {margin-top:20px}
}
@media (max-width:767px){
.footer-menu li a {line-height:30px;font-size:11px}
.footer-info {line-height:18px;font-size:11px}
.copyright {font-size:11px}
}
/* 바텀사이드 아이콘 */
.bside_icons{position:fixed;bottom:-100px;right:15px;z-index: 999;-webkit-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;-webkit-transform:scale(0);transform:scale(0)}
.bside_icons > div {width: 45px;height: 45px;text-align: center;background: #939E9F;border-radius: 50%;margin-top: 5px;}
.bside_icons .bslogin{}
.bside_icons .bstop{}
.bside_icons a {width:45px;height: 45px; line-height:45px;text-align:center;font-size:25px;color:#fff;border-radius:50% !important; cursor:pointer;}
.bside_icons.active {bottom:100px;-webkit-transform:scale(1);transform:scale(1)}
.bside_icons.active >div:hover {background:#293844}
@media (max-width:767px){
.bside_icons.active a {bottom:70px}
}
/*main event*/
.section_event{background-color: #f5f0e1;padding:60px 0;}
.mevent_wrap{}
.mevent_wrap .shop_title>h2{margin: 0;font-size: 2.5em;text-align: center;}
.mevent_wrap .shop_title>p{text-align: center; font-size: 1.3em;color: #8C8C8C;}
.mevent_wrap img{max-width: 100%;height: auto;}
.mevent_wrap .mevent_ul{}
.mevent_wrap .mevent_ul .mevent_li{float: left;}
.mevent_wrap .mevent_li_box {}
.mevent_wrap .mevent_li_box a{overflow: hidden;display:block;}
.mevent_wrap .mevent_li_box>a,.mevent_wrap .mevent_li_inner_img{border:1px solid #fff;}
.mevent_wrap .mevent_li_box>a:hover,.mevent_wrap .mevent_li_inner_img:hover{border:1px solid #000;}
.mevent_wrap .mevent_li_box img,.mevent_wrap .mevent_li_inner_img img,.mevent_wrap .mevent_li_box>a,.mevent_wrap .mevent_li_inner_img {-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.mevent_wrap .mevent_li_box >a:hover>img,.mevent_wrap .mevent_li_inner_img:hover img{ -ms-transform: scale(1.05); /* IE 9 */-webkit-transform: scale(1.05); /* Safari 3-8 */transform: scale(1.05);}
.mevent_wrap .mevent_li_img{margin: 10px;overflow: hidden;display: block;position: relative;}
.mevent_wrap .mevent_li_img>div{position: absolute; top: 120px; width:100%; text-align: center;color: #fff;font-size: 2em;letter-spacing: .1em;}
.mevent_wrap .mevent_li_conts{}
.mevent_wrap .mevent_li_inner{float:left;width: 50%;text-align: center;}
.mevent_wrap .mevent_li_inner_img{margin: 10px}
.mevent_wrap .mevent_li_inner_img img{width:100%;}
.mevent_wrap.mevent_li_inner_img>a{}
.mevent_wrap .mevent_li_inner_txt{}
.mevent_wrap .mevent_li_inner_txt>a{}
.mevent_wrap .mevent_li_inner_txt h5{color:#757373;}
.mevent_wrap .mevent_li_inner_txt .mevent_li_inner_price{font-weight:700;}
@media (max-width: 991px) {
.mevent_wrap .mevent_li{width:100% !important;}
.mevent_wrap .mevent_li_img>div{top:150px;}
}
/*cart wishlist oder*/
body.cart #sod_bsk,body.orderform #sod_frm,body.orderform #sod_ws{}
.shop-steps {position:relative;margin-bottom:30px}
.shop-steps .step-indicator {border-collapse:separate;display:table;margin-left:0;position:relative;table-layout:fixed;vertical-align:middle;}
.shop-steps .step-indicator li {display:table-cell;float:none;padding:0;width:1%;}
.shop-steps .step-indicator li:before {background-color:#d5d5d5;content:"";display:block;height:1px;position:relative;top:25px;}
.shop-steps .step-indicator li:first-child:before {left:50%;}
.shop-steps .step-indicator li:last-child:before {right:50%}
.shop-steps .step-indicator .step {background-color:#fff;border:2px solid #e5e5e5;color:#e5e5e5;font-size:20px;width:50px;height:50px;line-height:48px;border-radius:25px !important;margin:0 auto;position:relative;z-index:1;}
.shop-steps .step-indicator .caption {box-sizing:border-box;color:#e5e5e5;padding:10px 15px;font-size:14px;font-weight:bold}
.shop-steps .step-indicator .active .step {border-color:#2B2B2E;color:#2B2B2E}
.shop-steps .step-indicator .active .caption {color:#2B2B2E}
.shop-steps .step-indicator .complete .step {border-color:#b5b5b5;color:#b5b5b5;}
.shop-steps .step-indicator .complete .caption {color:#b5b5b5}
.shop-steps .step-indicator .incomplete .step {border-color:#b5b5b5;color:#b5b5b5}
.shop-steps .step-indicator .incomplete .caption {color:#b5b5b5}
.shop-steps .step-indicator .inactive .caption {color:#b5b5b5}
.shop-steps .alarm-marker .alarm-point {top:3px;right:3px}
.shop-steps .alarm-marker .alarm-effect {top:-7px;right:-7px}
.shop-cart .shop-cart-li-wrap, .shop-cart .table-list-eb .td-item-name ul, .shop-cart .shop-cart-li-wrap .li-opt ul {padding:0;list-style:none}
@media (max-width:600px) {
.shop-steps .step-indicator .caption {font-size:11px;font-weight:normal}
}
.shop-cart .eyoom-form .checkbox i {top:2px}
.shop-cart .table-list-eb .table {margin-bottom:0}
.shop-cart .table-list-eb .td-item-desc {position:relative;min-height:80px}
.shop-cart .table-list-eb .td-image {position:absolute;top:0;left:0;width:80px;height:80px;overflow:hidden}
.shop-cart .table-list-eb .td-image img {display:block;width:100% \9;max-width:100%;height:auto}
.shop-cart .table-list-eb .td-item-name {margin-left:90px}
.shop-cart .table-list-eb .td-item-name ul {margin:5px 0}
.shop-cart .table-list-eb .td-item-name ul li {color:#959595;font-size:12px}
.shop-cart .shop-cart-total {position:relative;overflow:hidden;clear:both;background:#f2f2f2;border:1px solid #d5d5d5;margin-bottom:30px}
.shop-cart .shop-cart-total .cart-total-box {position:relative;float:left;width:33.33333%;height:94px;text-align:center;padding:20px 0;font-size:14px;box-sizing:border-box}
.shop-cart .shop-cart-total .cart-total-box:after {content:"";height:54px;width:1px;background:#d5d5d5;position:absolute;top:20px;right:0}
.shop-cart .shop-cart-total .cart-total-box:last-child:after {display:none}
.shop-cart .shop-cart-total .cart-total-box span {display:block;margin-bottom:10px}
.shop-cart .shop-cart-total .cart-total-box strong {color:#000}
.shop-cart .shop-cart-total .cart-total-box .cart-total-price {color:#FF4848;font-size:16px}
.shop-cart .cart-act-btn {margin-top:30px;text-align:center}
/*cart wishlist oder list navigation*/
.tail_aso{display:none;}
.cwonav_wrap{margin-top:100px;}
#wrapper_title{display:none;}
#sct_location{display:none!important;}
.cwonav_content{width:100%;/*overflow:hidden;*/padding-right: 100px;}
.cwonav_content > div:first-child {margin-top: 30px;}
.cwonav_content > div:last-child {margin-bottom: 30px;}
.cwonav_content .cwonav_title{float:right;font-size: 1.3em;font-weight: 400;margin-bottom: 5px;}
.cwonav_content .cwonav_cate{float:right;clear:both;font-size: .9em;}
.cwonav_content .cwonav_cate .category_title{padding:0;}
.cwonav_content .cwonav_cate>ul{}
.cwonav_content .cwonav_cate>ul>li {float:left;padding-left: 10px;}
.cwonav_content .cwonav_cate>ul>li+li:before{padding: 0 5px;color: #ccc;content: "/\00a0";}
.cwonav_content .cwonav_cate>ul>li:last-child{display:none;}
.cwonav_content .cwonav_cate>ul>li>a{color:#8a8a8a;font-size:1.3em}
.cwonav_content .cwonav_cate>ul>li span{color:#636363;}
/*mjtail*/
.listnav #sct_lst{margin-right:10px;}
/*navigation.skin.php*/
#sct_location >ul>li {float:left;}
#sct_location >ul>li+li:before{padding: 0 5px;color: #ccc;content: "/\00a0";}
#sct_location .shop_select_to_html>span{padding-left: 0px;}
/*list.10.skin.php*/
.mjlist_wrap{}
.mjlist_wrap>ul{overflow: hidden; padding-left: 0;display: block;}
.mjlist_wrap.mjlist_gall>ul>li{width:25%;padding:10px;display: inline-block;margin-right: -4px;}
.mjlist_wrap.mjlist_list>ul>li{width:50%;display: inline-block;}
.mjlist_wrap.mjlist_list>ul>li>div{float: left;}
@media (max-width: 991px) {
.mjlist_wrap.mjlist_gall>ul>li{width:50%;}
.mjlist_wrap.mjlist_list>ul>li{width:100%;}
#sct_sort {display: none;}
.cwonav_content{padding-right:120px;}
}
@media (max-width:767px){
.cwonav_content{padding-right:20px;}
}
@media (max-width:600px) {
.cwonav_content{display: none;}
}
.mjlist_wrap .mjlist_box {overflow: hidden;}
.mjlist_wrap.mjlist_list .mjlist_box{width:150px;position: absolute;left:0;}
.mjlist_wrap .mjlist_box > a {display:block;}
.mjlist_wrap .mjlist_box > a > img{width:100%;height:auto;transition: transform .5s; }
.mjlist_wrap .mjlist_li:hover .mjlist_box >a>img{-ms-transform: scale(1.1); /* IE 9 */-webkit-transform: scale(1.1); /* Safari 3-8 */transform: scale(1.1); }
/*list10 sns wish*/
.mjlist_wrap .mjlist_box .mainlist_sns_wrap{position: absolute;top: 0;right: -20px;width: 40px;opacity: 0;}
.mjlist_wrap .mjlist_box .mainlist_sns_wrap>ul{overflow:hidden;}
.mjlist_wrap .mjlist_box .mainlist_sns_wrap>li{border-radius: 5px;margin-bottom: 3px;}
.mjlist_wrap .mjlist_box .mainlist_sns .mainlist_facebook{background-color: #405892;}
.mjlist_wrap .mjlist_box .mainlist_sns .mainlist_twitter{background-color: #4CA0EB;}
.mjlist_wrap .mjlist_box .mainlist_sns .mainlist_googleplus{background-color: #D8503F;}
.mjlist_wrap .mjlist_box .mainlist_sns .mainlist_wish{background-color: rgba(255,96,99,1.00);}
.mjlist_wrap .mjlist_box .mainlist_sns .mainlist_wish .btn_wish{border: 0;background: transparent;color: #ffff;font-weight: 900;font-size: 1.1em;width: 100%;}
/*list10 cart*/
.mjlist_wrap .mjlist_box .mjlist_cart{position: absolute;bottom: -20px;opacity: 0;width: 100%;}
.mjlist_wrap .mjlist_box .mjlist_cart .btn_cart.sct_cart{width: 100%;border: 0;color: #ffff;font-size: 1.3em;background: transparent;padding: 10px;}
.mjlist_wrap .mjlist_document{}
.mjlist_wrap .mjlist_document .sit_icon_li{display:none;}
/*list10 내용*/
.mjlist_wrap .mjlist_document{background: #fff; padding: 5px 5px 20px 5px;margin-bottom: 20px; border-top:0 !important;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.mjlist_wrap .mjlist_ul .mjlist_li:hover .mjlist_document {background: #F4F4F4;}
.mjlist_document .sct_star{display: none;}
.mjlist_wrap .mjlist_document a{display:block;text-align: center;}
.mjlist_wrap .mjlist_document .mjlist_title{position: relative;overflow: hidden;padding: 20px 0 10px;display: block;line-height: 20px;font-size: 1.2em;font-weight: 700;color: #293844;}
.mjlist_wrap .mjlist_document .mjlist_basic{position: relative;overflow: hidden;height: 34px;color: #959595;font-size: 11px;margin: 8px 0 0;}
.mjlist_wrap .mjlist_document .mjlist_cost{font-weight: bold;}
.mjlist_wrap .mjlist_document .mjlist_cost::before, .mjlist_document .mjlist_dict::before{content: "₩";font-size: .5em;}
.mjlist_wrap .mjlist_document .mjlist_dict {text-decoration: line-through;}
.mjlist_wrap.mjlist_list .mjlist_document{min-height:150px;padding-left: 175px;border-bottom: 1px solid #f1f1f1;width:100%}
.mjlist_wrap.mjlist_list .mjlist_document>a{text-align: left;}
.mjlist_wrap.mjlist_list .mjlist_document .mjlist_title{padding: 10px 0 30px 0;}
.mjlist_wrap.mjlist_list .mjlist_document .mjlist_price{}
.mjlist_wrap.mjlist_list .mjlist_document .mjlist_basic{}
/*인덱스 끝*/
/*cart.php*/
/*전체체크 */
.cart_cont{position: relative;}
.cart_cont #sod_bsk_list{position: unset;}
.cart_cont .chk_box{position: absolute;top: 13px;}
.cart_cont .chk_box>.selec_chk{}
.cart_cont .chk_box span{}
/*cart카테고리 */
.cart_cont .cart_contcate{padding: 20px 0;border-top: 2px solid #959da6;border-bottom: 1px solid #d3d3d3;color: #383838;font-size: 1.2em;text-align: center;letter-spacing: -0.1em; line-height: .2;}
.cart_cont .cart_contcate>div{float: left;}
.cart_cont .cart_contcate .cart_contchk{width:20px}
.cart_cont .cart_contcate .cart_contname{width:600px}
.cart_cont .cart_contcate .cart_contttc{width:80px}
.cart_cont .cart_contcate .cart_contspri{width:100px}
.cart_cont .cart_contcate .cart_conttth{width:100px}
.cart_cont .cart_contcate .cart_contpoi{width:100px}
.cart_cont .cart_contcate .cart_contdelv{width:100px}
/*cart 리스트 */
.cart_cont .sod_list{}
.cart_cont .sod_list .sod_li {width:100%;float:left;margin-bottom: 5px;padding: 25px 0;border-bottom: 1px solid #ccc;position: relative;}
.cart_cont .sod_li>div{float:left;}
.cart_cont .li_op_wr{}
.cart_cont .li_op_wr .li_chk {width:20px;width: 20px;position: absolute;top: 50%;z-index: 999;line-height: 0;transform: translateY(-50%);}
.cart_cont .li_op_wr .li_chk label span{}
.cart_cont .li_op_wr .li_name{}
.cart_cont .li_op_wr .total_img{width:80px;position: absolute;top: 0;}
.cart_cont .li_op_wr .total_img>img{width:100%;height:auto;}
.cart_cont .li_op_wr .li_mod>button{width:100%;line-height: 3;background-color: #fbfbfb;border: 1px solid #e2e2e2;}
.cart_cont .sod_list .sod_opt{}
.cart_cont .sod_list .sod_opt li {font-size: .9em;color: #636363;}
.cart_cont .sod_list .li_prqty{}
.cart_cont .sod_list .li_prqty>div, .cart_cont .sod_list .li_prqty>span{float: left;}
.cart_cont .sod_list .li_prqty .li_name_wrap{width:600px;padding-left: 35px;}
.cart_cont .sod_list .li_prqty .li_name_wrap>div{float:left;}
.cart_cont .sod_list .li_prqty .li_name_wrap .li_mod>button{background-color: #fdfdfd;border: 1px solid #a2a2a2;}
.cart_cont .sod_list .li_prqty span.prqty_qty{width:80px;}
.cart_cont .sod_list .li_prqty span.prqty_price{width:100px;}
.cart_cont .sod_list .li_prqty span.prqty_sc{width:100px;}
.cart_cont .sod_list .li_prqty span.total_point{width:100px;}
.cart_cont .sod_list .li_prqty span.total_price{width:100px;}
.cart_cont .sod_list .li_prqty>span{float:left;text-align: center;}
.cart_cont .sod_list .li_prqty>span,.cart_cont .sod_list .total_price{}
.cart_cont .sod_list .li_prqty>span>span{font-weight: bold;display:none;}
.cart_cont .sod_list .li_prqty>span>span:after{content: ':'}
.cart_cont .sod_list .total_price{text-align: center;width:100px;}
.cart_cont .sod_list .total_price>span{display:none;}
.cart_cont .sod_list .total_price>strong{}
.cart_cont .btn_del_wr{width: 100%;border: 1px solid #000;overflow: hidden;}
.cart_cont .btn_del_wr>button{width:50%;float: left;}
.cart_cont .sod_ta_wr{}
.cart_cont .sod_ta_wr #m_sod_bsk_tot{}
.cart_cont .sod_ta_wr #m_sod_bsk_tot>div{float: left;width: 50%;background: #2f2f2f;color: #fff;border: 1px solid #fff;text-align: center;height: 75px;line-height: 5;}
.cart_cont .sod_ta_wr #m_sod_bsk_tot .sod_bsk_cnt{}
.cart_cont .sod_ta_wr #sod_bsk_act {}
.cart_cont .sod_ta_wr #sod_bsk_act .total{display: none;}
.cart_cont .sod_ta_wr .btn_confirm{width:100%;}
@media (max-width: 1199px) {
.cart_cont .cart_contcate{display:none;}
.cart_cont .chk_box{position: relative;top: 0;}
.cart_cont .sod_li>div{float: none;}
.cart_cont .li_op_wr{position: relative;}
.cart_cont .sod_list .sod_li {width:25%;float:left;margin-bottom: 5px;padding: 5px;}
.cart_cont .li_op_wr .total_img{width:100%;position: relative;}
.cart_cont .sod_list .li_prqty {position: relative;display: inline-block;border: 1px solid #dadada;}
.cart_cont .sod_list .li_prqty .li_name_wrap{width:100%;padding-left: 0px;text-align: center;}
.cart_cont .sod_list .li_prqty>span:nth-child(even){padding-left:10px;}
.cart_cont .sod_list .li_prqty>span:nth-child(odd){}
.cart_cont .sod_list .li_prqty>span>span{font-weight: bold;display:block;float: left;}
.cart_cont .sod_list .li_prqty span.prqty_qty,.cart_cont .sod_list .li_prqty span.prqty_price,.cart_cont .sod_list .li_prqty span.prqty_sc,.cart_cont .sod_list .li_prqty span.total_point,.cart_cont .sod_list .li_prqty span.total_price{width:50%;line-height: 2}
.cart_cont .sod_list .total_price {text-align: center;width: 100%;line-height: 2;overflow: hidden;border-top: 1px solid #f1f1f1;}
.cart_cont .sod_list .li_prqty .li_name {padding: 10px 0 5px;font-size: 1.2em;font-weight: 700;}
.cart_cont .sod_list .li_prqty .li_name a {}
.cart_cont .sod_list .li_prqty .li_name_wrap .li_mod>button {width:100%;position: absolute;top: -40px;left: 0;background-color: #fdfdfd80;height: 40px;border: 0px solid #a2a2a2;}
}
@media (max-width: 991px) {
.cart_cont .sod_list .li_prqty>span{font-size: .9em;}
}
@media (max-width:767px){
.cart_cont .sod_list .sod_li{padding:0;}
.cart_cont .sod_list .sod_li:nth-child(2n){padding-left: 5px}
.cart_cont .sod_list .sod_li:nth-child(2n-1){padding-right: 5px;}
.cart_cont .sod_list .sod_opt{text-align: center;}
.cart_cont .sod_list .sod_li {width:50%;float:left;}
.cart_cont .sod_list .li_prqty>span{width:100%;float:left;text-align: center;font-size: 1em}
.sod_opt li:before{display: none;}
}
body.orderform .oderform_table{min-width:650px;}
/*mypage */
#mj_my{}
#mj_my>.my_aside, #mj_my>.my_contwrap{float:left;}
#mj_my #sbsk .cart-count,#mj_my #smb_ws_act,#mj_my .btn_buy{display: none;}
#mj_my .smb_my_chk,#mj_my .smb_my_tit,#mj_my .smb_my_price,#mj_my .smb_my_date,#mj_my .wish_del,#mj_my #sbsk .prd_cnt,#mj_my #sbsk .cart_del{display: none;}
#mj_my #smb_my_wish,#mj_my #sbsk{border-bottom: 1px solid #d9dde2;}
#mj_my #smb_my_wish ul,#mj_my #sbsk ul{width: 100%; overflow: hidden;}
#mj_my #smb_my_wish li,#mj_my #sbsk li{width:12.5%;float: left;padding:0;border: 0}
#mj_my #smb_my_wish li,#mj_my #sbsk li.empty_li{width:100%;}
#mj_my .smb_my_img,#mj_my .prd_img{padding-right: 5px!important; margin-right: 0!important;float:unset!important;margin-top: 10px!important;display: block!important}
#mj_my .smb_my_img img,#mj_my .prd_img img{width:100%;height: auto;}
#mj_my #sbsk h2{border-bottom: 1px solid #d9dde2;}
#mj_my .smb_my_more a {background: none;color: #8a8a8a;text-decoration: underline;}
#mj_my #smb_my_od table{min-width: 730px;}
#mj_my #sbsk .li_empty{width:100%}
/*my page first left */
.my_aside{width:20%;padding-right: 80px;}
.my_aside>h2 {font-size: 1.7em; font-weight: bolder;margin-top: 20px;margin-bottom: 50px;}
.my_aside .my_aside_welcome{border-bottom: 2px solid #111;padding-bottom: 30px;margin-bottom: 30px;}
.my_aside .my_aside_welcome p {font-size: 1em;}
.my_aside .my_aside_welcome>a{border: 1px solid #ccc;padding: 5px 45px;color: #404040;}
.my_aside .my_aside_welcome strong{}
.my_aside .my_aside_welcome p>a{}
.my_aside .my_nav{}
.my_aside .my_nav>ul{}
.my_aside .my_nav>ul>li{margin-bottom: 35px;}
.my_aside .my_nav>ul>li>em{display: inline-block;font-size: 14px;line-height: 100%;margin-bottom: 12px;font-style: normal;font-weight: bold;}
.my_aside .my_nav>ul>li>ul{}
.my_aside .my_nav>ul>li>ul>li{line-height: 100%;margin-bottom: 12px;}
.my_aside .my_nav>ul>li>ul>li>a{color:#7b7b7b;;}
/*my page first right */
.my_contwrap{width:80%;}
.my_contwrap>*{margin-bottom:70px !important;}
.my_contwrap>*:first-child{margin-top: 20px;}
.my_contwrap>*>h2{font-size: 1.2em !important; font-weight: 700; padding-bottom: 10px!important;margin:0!important;}
.my_contwrap .my_first{overflow: hidden;border: 1px solid #e4e4e4;}
.my_contwrap .my_first>div{float: left;}
.my_contwrap .my_f_in1{width:40%; padding: 25px; padding: 35px 10px 10px;}
.my_contwrap .my_f_in1>*{float: left;}
.my_contwrap .my_f_in1>span{clear: both;}
.my_contwrap .my_f_in1>span>img{border-radius: 50%;}
.my_contwrap .my_f_in1>p{padding: 20px 5px;font-size: 1.2em;}
.my_contwrap .my_f_in2{width:60%;}
.my_contwrap .my_f_in2 .benefit_title{border-bottom: 1px solid #dddddd85;width: 100%;font-size: 13px;top: 0px;text-align: center;background-color: #2b2b2b;color: white;height: 30px;padding-top: 7px;}
.my_contwrap .my_f_in2>div{width:33.3333%;float: left;border-left: 1px solid #e4e4e4;}
.my_contwrap .my_f_in2 .coupon{}
.my_contwrap .my_f_in2 .point{}
.my_contwrap .my_f_in2 .scrap{}
.my_contwrap .my_f_in2>div>span{text-align: center; width: 100%;display: block;padding: 30px;font-size:1.2em;font-weight: 700;}
.my_contwrap .my_f_in2>div>span>a{color: #0B0B0B}
.my_contwrap .my_f_in2>div>span>a .t{font-size: 1.5em;padding-right: 5px;}
#smb_my{}
#smb_my>*{margin-top: 50px}
#smb_my>*:last-child{margin-bottom: 50px;}
.my_ov{overflow: hidden;}
.my_ov>h2{display: none;}
.my_ov>div{float: left;}
.my_me{width:15%;text-align: center;}
.my_me strong{width:100%;text-align: center; display: block}
.my_me >a{width:50%;display: block;float: left;background-color: #5f93f3;color: #fff;border: 1px solid #fff;padding: 5px;}
.my_me img{width:100%;height: auto;border-radius: 50%;}
.my_me .my_id {width: 100%;font-size: 1.1em;padding: 3px;}
.my_me .withdrawal{width:100%; text-align: center;background-color: #fff0;color: #868686;}
.my_private{width:35%;padding-left: 50px;}
.my_private>ul{}
.my_private>ul>li{}
.my_private>ul>li>a{}
.my_info{width:50%;padding-left: 100px;}
.my_info>h3{font-size: 1.2em;font-weight: 700;}
.my_info>ul{}
.my_info>ul>li{padding-bottom: 15px;}
@media (max-width: 1200px) {
.my_contwrap .my_f_in1>p{font-size: 1em;}
.my_aside .my_aside_welcome>a{padding: 5px 5px;font-size: .9em}
}
@media (max-width: 991px) {
.my_me{width:15%;text-align: center;}
.my_me >a{font-size:.8em}
.my_private{width:35%;padding-left: 0px;}
.my_info{width:50%;padding-left: 0px;}
}
@media (max-width: 917px) {
.my_aside{width: 100%;padding-right: 0px;}
.my_contwrap{width:100%;}
.my_aside>h2{margin-bottom: 10px}
.my_aside .my_aside_welcome{padding-bottom: 10px;}
.my_aside .my_aside_welcome p {display: none;}
.my_aside .my_nav>ul>li{float: left;width:20%; text-align: center;border-right: 1px solid #e6e6e6;}
}
@media (max-width:767px){
.my_aside{display: none;}
.my_contwrap{width:100%;}
#mj_my #smb_my_od table{font-size: .9em}
.my_contwrap .my_first{font-size:.7em}
.my_contwrap .my_f_in1{position: relative}
.my_contwrap .my_f_in1>p{position: absolute;bottom: 0;padding:0px 5px}
.my_contwrap .my_f_in2>div>span{padding: 30px 10px;}
#mj_my #smb_my_wish li, #mj_my #sbsk li{width:20%}
#mj_my #smb_my_wish li,#mj_my #sbsk li.empty_li{width:100%;}
.my_me{width:30%;text-align: center;}
.my_private{width:70%;padding-left: 50px;}
.my_info{width:100%;padding-left: 0px;}
.my_me >a{width:50%;font-size:.9em}
.my_info>ul>li{padding-bottom: 10px;}
}