/* author: 83years (83years@gmail.com) date created: 2017/03/20 license: creative commons 2.5 http: //smartnm.com encoding: utf-8 attribute order: content, display, overflow, position, clear, float, margin, padding, width, height, line-height, list-style, cursor, color, font, text, background, border, z-index */ /* Table of Contents #import #font face #global properties #skipToContent #all layouts #modal #main #north #spot #south #lnb #west #center #commerce #button #bootstrap #Media Queries */ /** import **/ @import url(http://fonts.googleapis.com/css?family=Noto+Sans); /* font-family: 'Poppins', sans-serif; */ @import url(https://fonts.googleapis.com/css?family=Poppins); /* font-family: 'Noto Sans', sans-serif; */ @import url('https://fonts.googleapis.com/css?family=Shrikhand'); /* font-family: 'Shrikhand', cursive; /* /** font face **/ @font-face { font-family: 'hcm'; src: url('/fonts/hcm/HaginCapsMedium.eot'); src: url('/fonts/hcm/HaginCapsMedium.woff2') format('woff2'), url('/fonts/hcm/HaginCapsMedium.woff') format('woff'), url('/fonts/hcm/HaginCapsMedium.ttf') format('truetype'), url('/fonts/hcm/HaginCapsMedium.svg#HaginCapsMedium') format('svg'), url('/fonts/hcm/HaginCapsMedium.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; /* hagin caps medium */ } @font-face { font-family: 'sehb'; src: url('/fonts/seh/sehb.eot'); src: url('/fonts/seh/sehb.eot?#iefix') format('embedded-opentype'), url('/fonts/seh/sehb.woff2') format('woff2'), url('/fonts/seh/sehb.woff') format('woff'), url('/fonts/seh/sehb.ttf') format('truetype'), url('/fonts/seh/sehb.svg#sehb') format('svg'); font-weight: normal; font-style: normal; /* 서울한강체 */ } /** global properties **/ * {margin: 0; padding: 0;} html {} header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block;} time {display: inline;} body {margin: 0; padding: 0; color: #333; font-size: 100%; line-height: 1.6; width:100%; height:100%} body#main {} body#sub {} body, input, textarea {font-family: 'Poppins', 'Noto Sans', sans-serif;} hr {display: none;} img, fieldset {vertical-align: top; border: 0 none} caption {overflow: hidden; visibility: hidden; position: absolute; width: 0; height: 0; font-size: 0; text-indent: -9999px; line-height: 0} form {margin: 0} ins, ins * {border-bottom: 1px dashed; text-decoration: none} ins a {text-decoration: underline} del, del * {text-decoration: line-through} pre {overflow: auto} blockquote {padding: 0 1em} dl, dt, dd, ul, ol, li, figure, figcaption {list-style: none} input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size: 14px;} button:hover, input:hover, input:focus, textarea:hover, textarea:focus, .button:hover, #wikidiff div.diffrestore a:hover {} a, a:link, a:visited, a:hover, a:active, a:focus {text-decoration: none} a:link {color : #333} a:visited {color : #333} a:hover {color : #333} a:active, a:focus {color : #202020; outline:1px dotted blue;/*optional*/} pre, pre.code, blockquote {margin: 1em 0; padding: 1em; background: #f9f9f9; border: 1px solid #eee} code, samp, pre, pre.code, blockquote {color: #555; font-family: "Monaco", "Lucida Sans Typewriter", monospace; font-size: 95%; line-height: 1.2} blockquote p:first-child {margin-top: 0} blockquote p {margin-bottom: 0} small {font-size: 100%} em {font-size: 100%; font-style:normal} i {font-style: normal} .clearfix:after {content:"."; display: block; visibility: hidden; clear: both; height: 0} .clearfix {display: inline-block} /* Hides from IE-mac \*/ * html .clearfix {height: 1%} .clearfix {display: block} /* End hide from IE-mac */ .underline {text-decoration: underline} .hidden {overflow: hidden; visibility: hidden; position: absolute; left: 0; top: 0; width: 1px; height: 1px;line-height: 0; font-size: 0} .pre-scrollable {overflow-x: hidden; white-space: pre-wrap;} .eye-s {display: block;} .eye-b {display: block;} .w50pc {width: 50%;} .w100pc {width: 100%;} .w100pc img {width: 100%;} .hd-mn-shop {/*font-size:18px*/} .bord-basic {border: 1px solid #9b9ca0;} dl.dl-table {display: table;} dl.dl-table dt {display: table-cell; padding: 0 5px 0 0; vertical-align: top; white-space: nowrap;} dl.dl-table dd {display: table-cell;} dl.dl-table-block {display: table; width: 100%;} dl.dl-table-block dt {display: table-cell; padding: 0 5px 0 0; width: 39.999999%; vertical-align: top; white-space: nowrap;} dl.dl-table-block dd {display: table-cell; width: 60%;} .ff-ns {font-family: 'Noto Sans', sans-serif;} .ff-sehb {font-family: 'sehb', sans-serif;} .ff-hcm {font-family: 'hcm', sans-serif;} /** skipToContent **/ #skipToContent {font-size: 1.15em; height: 30px; left: 0; margin: 0 auto; position: absolute; top: -10em; width: 100%; z-index: 999999;} #skipToContent a:active, #skipToContent a:focus {background-color: #333333; border: medium none; color: #FFFFFF; height: 30px; left: 0; position: absolute; text-align: center; text-decoration: underline; top: 10em; width: 100%;} .skip-to {font-size: 1.15em; height: 30px; left: 0; margin: 0 auto; position: absolute; top: -10em; width: 100%; z-index: 999999;} .skip-to a:active, .skip-to a:focus {background-color: #333333; border: medium none; color: #FFFFFF; height: 30px; left: 0; position: absolute; text-align: center; text-decoration: underline; top: 10em; width: 100%;} #returnToPageTop {position:absolute; bottom:0px; left:0; width:100%; z-index:999;} #returnToPageTop a {display:block; height:0px; width:0px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; background:#001;} #returnToPageTop a:focus, #returnToPageTop a:active {height:auto; width:auto; padding:5px; margin-bottom:10px;} /** all layouts **/ #browser-upgrade {position: relative; margin: 0; font-size: 12px; text-align: center; line-height: 18px; background: #ffc; border-bottom: 2px outset #fff; z-index: 2;} #accessibility {overflow: hidden; position: absolute; left: -1000em; margin: 0; height: 0;} #wrap {position: relative; width: 100%} #north, #center, #south {} #north {} #lnb {} #center {} #centerEst {} #centerWst {} #centerCtr {f} #sAside {} #south {} #south .container {} /** modal **/ .close {margin: 2px 10px 0 0; color: #98a491; font-size: 31px; opacity: 0.2; filter: alpha(opacity=20);} .close:hover, .close:focus {color: #98a491; text-decoration: none; cursor: pointer; opacity: 1; filter: alpha(opacity=100);} .sweb-mr .modal-header .close {margin: 15px -2px 0 0;} .sweb-mr .modal-header {position: relative; padding: 0; height: 59px; border-bottom: 1px solid #e7e7ed;} .sweb-mr .modal-content {position: relative; background-color: #ffffff; border: 0 none; border-radius: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0;} .sweb-mr .modal-dialog {float: right; margin: 0 -17px 0 0; width: 238px; height: 100%; background: #fff;} .sweb-mr .modal-dialog .modal-content {padding: 0 29px 20px;} .sweb-mr .modal-dialog .modal-content .bline {border-bottom: 1px solid #e7e7ed;} .sweb-mr .modal-dialog .modal-header {position: relative; padding: 0; height: 59px; border-bottom: 1px solid #f5f5f8;} .sweb-mr .modal-dialog .modal-body {padding: 0; border-top: 1px solid #e7e7ed;} .sweb-mr .modal-dialog .modal-body .panel-group {margin: 0;} .sweb-mr .modal-dialog .modal-body .modal-title, .sweb-mr .modal-dialog .modal-body .panel .panel-title a, .sweb-mr .modal-dialog .modal-body .h a {display: block; padding: 10px 0; color: #242528; font-size: 14px; font-weight: bold;} .sweb-mr .modal-dialog .modal-body .panel .badge, .sweb-mr .modal-dialog .badge {float: right; position: absolute; right: 0; top: 6px; min-width: 20px; min-height: 20px; line-height: 1.3; font-size: 10px; text-align: center; vertical-align: middle; background-color: #98a491;} .sweb-mr .modal-dialog .modal-body a {display: block; position: relative;} .sweb-mr .modal-dialog .modal-body .panel, .sweb-mr .modal-dialog .modal-body .panel .panel-heading, .sweb-mr .modal-dialog .modal-body .panel .panel-heading .panel-title {padding: 0; border: 0 none; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .05); box-shadow: 0 0 0 rgba(0, 0, 0, .05);} .sweb-mr .modal-dialog .modal-body .panel .glyphicon-triangle-top {display: block;} .sweb-mr .modal-dialog .modal-body .panel .glyphicon-triangle-bottom {display: none;} .sweb-mr .modal-dialog .modal-body .panel .collapsed .glyphicon-triangle-top {display: none;} .sweb-mr .modal-dialog .modal-body .panel .collapsed .glyphicon-triangle-bottom {display: block;} .sweb-mr .modal-dialog .modal-body .panel .list-group {border: 0;} .sweb-mr .modal-dialog .modal-body .panel .list-group li {padding: 0; border: 0;} .sweb-mr .modal-dialog .modal-body .panel .list-group li a {padding: 8px 0; color: #938e8d; font-size: 11px;} .sweb-mr .modal-dialog .modal-body .panel .list-img-group li a {margin: 1px;} .sweb-mr .modal-dialog .modal-body .panel .btn-show {margin: 5px 0 0 0; text-align: right;} .sweb-mr .modal-dialog .modal-body .panel .btn-show a {color: #242528; font-size: 10px; font-weight: bold;} .sweb-mr .modal-dialog .member {margin: 20px 0 0 0;} .sweb-mr .modal-dialog .member a {padding: 5px 0; color: #929499; font-size: 14px;} .sweb-mr .modal-dialog a:hover, .sweb-mr .modal-dialog a:focus {color: #98a491 !important;} .sweb-mr .modal-dialog .modal-body .panel:nth-child(8) .panel-title a {color:#fff;} .sweb-mr .modal-dialog .modal-body .panel:nth-child(8) .panel-title a:hover {color:#fff !important;} #myShop .modal-dialog {float: left; margin: 0 0 0 0; width: 295px; height: 100%; background: #fff;} #mySearch .modal-header {border: 0 none;} #mySearch .modal-header .modal-title {padding: 20px 0 0 0; color: #111; font-size: 13px; font-weight: bold; text-align: center;} #mySearch .modal-body {position: relative; border: 0 none;} #mySearch .modal-body .form-control {padding-right: 39px; font-size: 12px; font-family: 'Noto Sans', sans-serif; font-weight: bold; background: #e7e7ed;} #mySearch .modal-body .btn {position: absolute; right: 2px; top: 2px;} #mySearch .btn-default {padding: 5px 12px; color: #242528; background-color: #e7e7ed; border: 0 none;} #mySearch .btn-default:focus, #mySearch .btn-default:hover {color: #242528; background-color: #e7e7ed; border-color: #e7e7ed;} #mySearch .btn-default.active, #mySearch .open > .dropdown-toggle.btn-default {color: #242528; background-color: #e7e7ed; border-color: #e7e7ed;} #mySearch .btn-default.active:hover, #mySearch .open > .dropdown-toggle.btn-default:hover, #mySearch .btn-default.active:focus, #mySearch .open > .dropdown-toggle.btn-default:focus, #mySearch .btn-default.active.focus, #mySearch .open > .dropdown-toggle.btn-default.focus {color: #242528; background-color: #e7e7ed; border-color: #e7e7ed;} #mySearch .btn-default.active, #mySearch .open > .dropdown-toggle.btn-default {background-image: none;} #mySearch .btn-default.disabled:hover, #mySearch .btn-default[disabled]:hover, #mySearch fieldset[disabled] .btn-default:hover, #mySearch .btn-default.disabled:focus, #mySearch .btn-default[disabled]:focus, #mySearch fieldset[disabled] .btn-default:focus, #mySearch .btn-default.disabled.focus, #mySearch .btn-default[disabled].focus, #mySearch fieldset[disabled] .btn-default.focus {background-color: #e7e7ed; border-color: #e7e7ed;} #mySearch .btn-default .badge {color: #242528; background-color: #e7e7ed;} #myShopBag .modal-dialog .modal-content {padding: 0 19px 20px;} #myShopBag .modal-header {border: 0 none;} #myShopBag .modal-header .modal-title {padding: 20px 0 0 0; color: #111; font-size: 13px; font-weight: bold; text-align: center;} #myShopBag .modal-content {position: relative; border: 0 none;} #myShopBag .btn-default {width: 167px; height: 33px; font-size: 11px; font-weight: bold;} #myShopBag .btn-default:first-child {color: #000; background: #fff; border: 2px solid #e7e7ed;} #myShopBag .btn-default:first-child:focus, #myShopBag .btn-default:first-child:hover {color: #fff; background-color: #000; border-color: #000;} #myShopBag .btn-default:last-child {color: #fff; background: #98a491; border: 1px solid #d6dbd3;} #myShopBag .btn-default:last-child:focus, #myShopBag .btn-default:last-child:hover {color: #98a491; background-color: #fff; border-color: #d6dbd3;} #myShopBag .modal-footer .btn + .btn {margin: 13px 0 0 0;} #myCs .modal-dialog {display: table; float: left; margin: 0; width: 238px; height: 100%; background: #fff;} #myCs .modal-dialog .modal-body {border: 0 none;} #myCs .modal-dialog .modal-content {display: table-cell; padding: 0 10px 0; text-align: right; vertical-align: top;} #myCs .modal-dialog .modal-content .modal-body {vertical-align: bottom;} #myCs .modal-dialog .modal-content .modal-body .list-group {margin: 0; padding: 0; height: 100%; vertical-align: bottom;} #myCs .modal-dialog .modal-content li {display: block; padding: 0; text-align: right; border: 0 none;} #myCs .modal-dialog .modal-content li a {padding: 15px 10px; color: #373736; font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: bold;} #myCs .modal-dialog .modal-footer {padding: 15px 0; border: 0 none;} #myCs .modal-dialog .modal-footer .close {margin: 2px 0 0 0; color: #98a491; font-size: 41px; opacity: 1; filter: alpha(opacity=100);} #myCs .modal-dialog .modal-footer .close:hover, #myCs .modal-dialog .modal-footer .close:focus {color: #98a491; text-decoration: none; cursor: pointer; opacity: 1; filter: alpha(opacity=100);} #myBrand .modal-dialog {display: table; float: left; margin: 0; width: 238px; height: 100%; background: #fff;} #myBrand .modal-dialog .modal-body {border: 0 none;} #myBrand .modal-dialog .modal-content {display: table-cell; padding: 0 10px 0; text-align: right; vertical-align: top;} #myBrand .modal-dialog .modal-content .modal-body {vertical-align: bottom;} #myBrand .modal-dialog .modal-content .modal-body .list-group {margin: 0; padding: 0; height: 100%; vertical-align: bottom;} #myBrand .modal-dialog .modal-content li {display: block; padding: 0; text-align: right; border: 0 none;} #myBrand .modal-dialog .modal-content li a {padding: 15px 10px; color: #373736; font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: bold;} #myBrand .modal-dialog .modal-footer {padding: 15px 0; border: 0 none;} #myBrand .modal-dialog .modal-footer .close {margin: 2px 0 0 0; color: #98a491; font-size: 41px; opacity: 1; filter: alpha(opacity=100);} #myBrand .modal-dialog .modal-footer .close:hover, #myBrand .modal-dialog .modal-footer .close:focus {color: #98a491; text-decoration: none; cursor: pointer; opacity: 1; filter: alpha(opacity=100);} /** main **/ /** north **/ .navbar-inverse .navbar-nav > li > a {color: #6d6d6d;} .navbar-inverse .navbar-left > li > a {color: #373736; font-weight: bold;} .navbar-inverse .navbar-left > li > a span {display: inline-block;} /*.navbar-inverse .navbar-left > li > a .hd-mn-shop {border-bottom: 2px solid #000;}*/ .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #98a491; background-color: transparent;} .navbar-inverse .navbar-nav > li > a:hover span, .navbar-inverse .navbar-nav > li > a:focus span {border-bottom: 2px solid #000;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color: #98a491; background-color: #080808;} .navbar-inverse .navbar-nav > .active > a span {display: inline-block;/*border-bottom: 2px solid #000;*/} .navbar-inverse .navbar-nav > .active > a:hover span, .navbar-inverse .navbar-nav > .active > a:focus span {color: #98a491; border-bottom: 2px solid #98a491;} .navbar-go {display: none;} .icon-shopping-bag {width: 27.5px; height: 21px; background: url(/images/icon_shopping_bag.png)} .navbar-inverse .navbar-toggle {border: 0 none;} #north .badge {padding: 5px 6px 4px 6px; font-size: 5px; font-weight: normal;} /** spot **/ /** aside **/ /** south **/ #south {border-top: 1px solid #ececf1;} #south #soutN {border-top: 1px solid #f5f5f8;} #south #sMn li a.dept1, #south #sMn li .smn-toggle {font-weight: bold;} #south #sMn li a.dept1:hover, #south #sMn li a.dept1:focus, #south #sMn li .smn-toggle:hover, #south #sMn li .smn-toggle:focus {color: #98a491;} #south .address {padding: 26px 0 0 184px; color: #9a9a9a; font-style: normal; font-size: 13px;} #south .address a {color: #9a9a9a;} #south #copyr {padding: 0 0 0 184px; color: #9c9c9c; font-size: 13px;} #south .nav {position: absolute; right: 0; top: 30px; font-size: 14px;} #south .nav li {float: left;} #south .nav li a {display: block; margin: 0 0 0 7px; width: 84px; height: 24px; line-height: 24px; color: #fff; text-align: center; background: #4543aa;} #south .nav li a:hover, #south .nav li a:focus {color: #4543aa; background: #fff;} #south .nav li.mn2 a {background: #5d5d63;} #south .nav li.mn2 a:hover, #south .nav li.mn2 a:focus {color: #5d5d63; background: #fff;} /** lnb **/ /** center west **/ /** center **/ .p-guide {display: block; height: 100%; color: #fe0404; font-size: 17px; text-align: center; vertical-align: middle;} #center {font-size: 12px;} #center h1.first-tit {color: #373736; font-size: 16px; font-weight: bold; text-align: center;} /** 2018.12.27 콘텐츠 h1태그 아래 스타일 적용 LST **/ #center .txt01 {color: #373736; font-size: 14px; font-weight: bold; text-align: center;margin-top:-70px;margin-bottom:10px;} #center .page {padding-bottom: 50px; min-height: 375px;} #center .action-one {clear: both; margin: 0 auto; padding-top: 30px; max-width: 180px;} #center .media-h {margin-bottom: 15px;} #center .media-left {padding-right: 0;} #center .radio, #center .checkbox {margin-top: 0;} #center .glyphicon {margin-right: 5px; vertical-align: middle; font-size: 15px; font-weight: bold;} #center hr {clear:both; display: block; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #585a5c;} #center dl {margin-bottom: 11px;} #center .board-h {margin-bottom: 30px; border-bottom: 2px solid #a5a6aa;} #center .board-cont {margin: 25px 0 30px 0;min-height:200px;} #center .pht-box {width: 100%;} #center .pht-box a {display: block;} #center .pht-box a + a, #center .pht-box img + img {margin: 25px 0 25px 0;} #center .pht-box img {width: 100%;} #center .list-basic ul {margin: 0 0 0 -1%;} #center .list-basic li {padding: 0 0 1% 1%;} #center .list-basic li img {width: 100%;} #center .cont-danger {padding:0 2% 4%; color: #823e43; font-size: 14px; font-weight: bold;} #center .collab {color: #373736; font-size: 12px; font-weight: bold;} #center .perso {} #center .perso ul {margin-left: -21px;} #center .perso li {padding: 0 0 20px 21px;} #center .perso li a {display: block; color: #373736; text-align: center;} #center .perso li a dl dd {display: block; padding-bottom: 5px; font-weight: bold;} #center .perso li a .name {display: table; width: 100%; min-height: 70px; font-size: 14px; font-weight: bold; background-color: #e7e7ed;} #center .perso li a .name span {padding: 0 7px; display: table-cell; width: 100%; vertical-align: middle;} #center .perso li a .pricing {padding-top: 13px; font-size: 12px;} #center .perso li a .payment {font-size: 10px;} #center .perso li a .date {font-size: 10px;} #center .perso .media-h {font-size: 15px; font-weight: bold;} #center .perso .media {margin: 5px 0 5px;} #center .perso .media, #center .perso .media-paym, #center .perso .media-paym label {color: #373736; font-size: 12px; font-weight: bold;} #center .perso .media-paym {margin: 35px 0 40px;} #center .regis {font-size: 12px;} #center .regis .media-h {font-size: 12px; font-weight: bold;} #center .regis .regis-agree {margin: 25px 0;} #center .regis .regis-agree label {font-size: 12px; font-weight: bold;} #center .regis .form-group .col-xs-4 + .col-xs-4 {padding: 0 0 0 10px;} #center .regis .form-group label, #center .regis .form-fixed {font-size: 12px; font-weight: bold;} #center .regis .form-group .form-control {background-color: #e7e7ed; border-radius: 0;} #center .regis button {border-radius: 0;} #center .regis .action-one, #center .regis .form-btn {margin-top: 40px;} #center .orderf, #center .orderf .form-control {color: #373736; font-size: 12px;} #center .orderf .glyphicon {vertical-align: middle; font-size: 16px;} #center .orderf .row {margin: 0 0 0 0;} #center .orderf .col-xs-12.col-sm-6.col-lg-6 {padding: 0 1%;} #center .orderf h2.tit {padding: 0 0 0 27px; font-size: 14px; font-weight: bold; height: 42px; line-height: 42px; background-color: #e3e3e3;} #center .orderf .action-one {clear: both; padding: 35px 0;} #center .orderf .form-group .media-object {padding: 0 0 0 17px; font-weight: bold;} #center .orderf .form-group .ps {padding: 15px 0 0 0; font-size: 12px; font-weight: bold;} #center .orderinquiry {font-size: 12px;} #center .orderinquiry .col-xs-9 {padding: 0 0 0 25px;} #center .orderinquiry .dl-tit {font-size: 14px;} #center .orderinquiry .blticon {margin-left: -25px;} #center .orderinquiry .btn {max-width: 125px; font-size: 11px;} #center .orderinquiry hr {border-top: 1px solid #e3e3e3;} #center .sect-product {font-size: 14px; border-bottom: 1px solid #f4f4f4;} #center .sect-product .col-xs-7 {padding: 18px 0;} #center .sect-product dl {margin-bottom: 4px;} #center .sect-product img.media-object {width: 100%; height:auto; padding-right:15px;} #center .sect-product .item-name {padding: 0 0 4px 0; color: #000;} #center .sect-product .item-code, #center .sect-product .item-word {color: #8b8b8b;} #center .sect-product .item-quantity {color: #333;} #center .sect-product .item-order dt {color: #8b8b8b;} #center .sect-message {padding: 19px 0;} #center .sect-message .tit {color: #98a491; font-size: 13px; font-weight: bold;} #center .sect-message p {padding: 15px 0 4px 0; color: #373736; font-weight: bold;} #center .sect-message .checkbox {color: #999;} #center .sect-message .checkbox .txt {margin: 12px 0 0 0;} #center .sect-message .checkbox .txt textarea {font-size: 12px;} #center .sect-buyerinfo {padding: 0 0 12px 0; color: #373736;} #center .sect-buyerinfo .tit {margin: 0 0 12px 0;} #center .sect-buyerinfo .media-object {padding: 0 0 0 17px;} #center .sect-shippinginfo {padding: 0 0 12px 0; color: #373736;} #center .sect-shippinginfo .tit {margin: 0 0 12px 0;} #center .sect-shippinginfo .shippcheck {padding: 0 0 0 15px;} #center .sect-payinfo section {padding: 18px 15px 15px;} #center .sect-payinfo .sect-code {border-bottom: 1px solid #bcbdbe} #center .sect-payinfo .sect-code legend.tit {overflow: hidden; position: relative; line-height: 1.2; font-size: 12px; text-indent: 0; border-bottom: 0 none;} #center .sect-payinfo .sect-order {border-bottom: 1px solid #eee} #center .sect-payinfo .sect-order dl {margin-bottom: 10px;} #center .sect-payinfo .sect-order .order-reserves dd {padding: 7px 0 0 0; color: #999; font-size: 11px;} #center .sect-payinfo .sect-order .order-total, #center .sect-payinfo .sect-order-view .order-total {margin=bottom: 30px; padding: 15px 0 0 0; color: #000; font-weight: bold;} #center .sect-payinfo .sect-order .order-total dd, #center .sect-payinfo .sect-order-view .order-total dd {font-size: 15px;} #center .sect-payinfo .sect-order-view dl.dl-table-block {margin-bottom: 0;} #center .sect-payinfo .sect-way {} #center .sect-payinfo .sect-way label {font-weight: bold;} #center .sect-status ul {display: table; width: 100%;} #center .sect-status ul li {display: table-cell; padding: 25px 0; width: 30%; font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle;} #center .sect-status ul li.blt-next {width: 5%; color: #979899; font-size: 20px; font-weight: normal; background-color: #fff; border-radius: 0;} #center .sect-status ul li span {display: inline-block; padding: 20px 0 0 0; width: 75px; height: 75px; background-color: #e7e7ed; border-radius: 100px;} #center .sect-status ul li:last-child span {padding: 27px 0 0 0;} #center .sect-status ul li.active span {background-color: #98a491;} #center .sect-status a {border-bottom: 1px solid #595b5d;} #center .sect-status a:hover, #center .sect-status a:focus {color: #98a491; border-bottom: 1px solid #98a491;} #center .orderf .contbox {padding: 15px; color: #373736; font-weight: bold;} #center .orderf .contbox p {padding: 0 0 7px 0;} #center .orderf .sect-status .contbox {padding-top: 0;} #center .shopcart {font-size: 12px;} #center .shopcart th {color: #acacac; text-align: center; border-bottom: 0 none;} #center .shopcart td {text-align: center; border: 0 none; border-top: 1px solid #f4f4f4;} #center .shopcart .btn-non {padding: 6px 0;} #center .shopcart .sect-product {position: relative; text-align: left;} #center .shopcart .sect-product .col-xs-7 {padding: 0 0 25px 0;} #center .shopcart .sect-product .item-buy-box .item-quantity div {display: inline-block;} #center .shopcart .sect-product img.media-object {width: 100%; height:auto;} #center .shopcart .sect-product .item-btn-wish {position: absolute; left: 41.66666667%; bottom: 10px;} #center .shopcart .sect-product .item-btn-wish a {color: #999; font-size: 12px;} #center .shopcart button.btn-non, #center .shopcart input.form-control {padding: 0;} #center .shopcart input.form-control {height: 20px;} #center .shopcart button.close {float: none; margin: 0;} #center .row {margin: 0;} #center .row .cart-order, #center .row .cart-copy {padding: 20px 0; height: 110px; font-size: 12px; font-weight: bold; border-top: 1px solid #f5f5f8; border-bottom: 1px solid #ececf1;} #center .row .cart-order {float: right; color: #000;} #center .row .cart-order .media {margin-top: 5px;} #center .row .cart-order .media-body {font-size: 16px;} #center .row .cart-copy {float: left; line-height: 2.0; color: #373736; } #center .shopcart .btn-group-justified {margin: 20px 0 60px 0;} #center .shopcart .item-latest .item-title {padding: 0 0 15px 0; color: #373736; font-size: 16px; font-weight: bold; text-align: center;} #center .shopcart .list-grid a .thumb {text-align: center;} #center .shopcart .list-grid a .thumb img {width: 100%; max-width: 240px;} #center .shopcart .list-grid a .info {width: 100%; min-height: 90px;} #center .shopcart .list-grid a .brand-name {padding: 25px 0 14px; color: #938e8d; font-family: 'hcm', sans-serif; font-size: 18px;} #center .shopcart .list-grid a .brand-name h2 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize;} #center .shopcart .list-grid a .offers {overflow: hidden; color: #373736; font-family: 'sehb', sans-serif; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; text-transform: capitalize;} #center .shopcart .list-grid a .offers del {color: #373736;} #center .shopcart .list-grid a .offers .discounted {display: inline-block; margin: 0 3px; padding: 2px 2px 0px; color: #fff; font-size: 13px; background: #823e43; border-radius: 10px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} #center .shopcart .list-grid a .offers ins {color: #823e43; border-bottom: 0 none;} #center .mycs li {display: block; padding: 0; text-align: left; border: 0 none;} #center .mycs li a {display: inline-block; padding: 15px 10px; color: #938e8d; font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: bold;} #center .mycs li a:hover, #center .mycs li a:focus {color: #373736;} #center .mypage {font-size: 20px;} #center .mypage .h {margin-bottom: 20px; color: #938e8d; border-bottom: 1px solid #f1f1f4;} #center .mypage .h div {margin-bottom: 7px;} #center .mypage ul {margin-left: -21px;} #center .mypage li {padding: 0 0 20px 21px; text-align: center;} #center .mypage li a {display: table; width: 100%; min-height: 160px; color: #938e8d; background-color: #e7e7ed;} #center .mypage li a:hover, #center .mypage li a:active {color: #373736; background-color: #98a491;} #center .mypage li a span {padding: 0 7px; display: table-cell; width: 100%; vertical-align: middle;} #center .mypage .p-re {padding: 8px 0; display: table-cell; width: 100%; vertical-align: middle;} #center .mypage .h-re {padding: 13px 0 13px 5px; width: 100%; color: #000; font-size: 16px; fon-weight: bold; vertical-align: middle;} #center .mycous {font-size: 12px;} #center .mycous .reg-receive {margin-top: -60px;} #center .mycous .inner {padding: 0 5%;} #center .mycous .mycomplete {padding: 30px 0; font-weight: bold; text-align: center;} #center .myfaq {font-size: 12px;} #center .myfaq .panel-group .panel-heading {} #center .myfaq .panel-group .panel-heading .panel-title {} #center .myfaq .panel-group .panel-heading .panel-title a {} #center .myfaq .panel-group .panel-heading .panel-title a .badge {} #center .myfaq .panel-group .panel-heading .panel-title a .badge .glyphicon glyphicon-triangle-bottom {} #center .myfaq .panel-group .panel-heading .panel-title a .badge .glyphicon glyphicon-triangle-top {} #center .myfaq .badge {float: right; position: absolute; right: 0; top: 6px; width: 30px; height: 30px; line-height: 30px; font-size: 20px; text-align: center; vertical-align: middle; background-color: #98a491; border-radius: 60px;} #center .myfaq .badge .glyphicon {top: 6px; margin: 0;} #center .myfaq a {display: block; position: relative; padding: 20px 0; min-height: 30px;} #center .myfaq .panel, #center .myfaq .panel .panel-heading, #center .myfaq .panel .panel-heading .panel-title {padding: 0; color: #373736; font-size: 14px; font-weight: bold; border: 0 none; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .05); box-shadow: 0 0 0 rgba(0, 0, 0, .05);} #center .myfaq .panel .glyphicon-triangle-top {display: block;} #center .myfaq .panel .glyphicon-triangle-bottom {display: none;} #center .myfaq .panel .collapsed .glyphicon-triangle-top {display: none;} #center .myfaq .panel .collapsed .glyphicon-triangle-bottom {display: block;} #center .myfaq .panel .list-group {border: 0;} #center .myfaq .panel .list-group li {padding: 0; border: 0;} #center .myfaq .panel .list-group li a {padding: 8px 0; color: #938e8d; font-size: 11px;} #center .myfaq .panel .list-img-group li a {margin: 1px;} #center .myfaq .panel .btn-show {margin: 5px 0 0 0; text-align: right;} #center .myfaq .panel .btn-show a {color: #242528; font-size: 10px; font-weight: bold;} #center .myfaq .member {margin: 20px 0 0 0;} #center .myfaq .member a {padding: 5px 0; color: #929499; font-size: 14px;} #center .myfaq a:hover, #center .myfaq a:focus {color: #98a491 !important;} #center .myfaq .panel {border-bottom: 1px solid #e4e7e9;} #center .myfaq .panel .panel-collapse {padding: 20px 0 20px 0; color: #8b8a8a; font-size: 12px;} #center .myidsear {margin: 0 auto; max-width: 500px;} #center .mylogin {} #center .mylogin section {margin: 90px 0 40px 0;} #center .mylogin section .inner {margin: 0 auto; max-width: 320px;} #center .mylogin section h1 {margin: 0 0 25px 0; color: #373736; font-size: 16px; font-weight: bold;} #center .mylogin section .col-xs-2 .btn {padding: 6px 0; height: 83px;} #center .mylogin section .col-xs-10 {padding-right: 15px;} #center .mylogin section .logmenu {margin: 20px 0 17px 0;} #center .mylogin section .logmenu a {margin: 0 4px 0 0; color: #938e8d; font-size: 11px;} #center .mylogin section .logmenu label {color: #373736; font-size: 12px;} #center .mylogin section .logbtn .media-body a {display: inline-block; margin: 0 3px 0 0; color: #373736; font-size: 12px;} #center .mylogin section .gomember {margin: 0 0 0 0; font-size: 11px;} #center .mylogin section .gomember p {margin: 0 0 5px 0;} #center .mylogin section .gomember .btn {padding: 11px 0 11px 0;} /* SHOP */ #shop {margin: 0 8px;} #shop .list-head h1.shop-tit {padding-bottom: 11px; color: #373736; font-size: 16px; font-weight: bold; text-align: center;} #shop .list-head .shop-results {color: #938e8d; font-size: 12px; font-weight: bold; text-align: center;} #shop .list-filter {} #shop .list-filter dl {} #shop .list-filter dl dt, #shop .list-filter dl dd {display: inline-block;} #shop .list-filter dl dt {margin: 0 7px 0 0; color: #000; font-size: 12px; font-weight: bold;} #shop .list-filter dl dd {padding: 0 7px 0 0; color: #a8a8a8; font-size: 12px; font-weight: bold;} #shop .list-filter dl dd .vbar {padding: 0 0 0 7px;} #shop .list-filter dl dd:last-child .vbar {display: none;} #shop .fiter-group {} #shop .fiter-group .dropdown {float: left; width: 20%;} #shop .fiter-group .btn-primary {position: relative; width: 90%; color: #999; font-size: 12px; font-weight: bold; text-align: left; background-color: #fff; border: 0 none; border-bottom: 1px solid #ccc; border-radius: 0;} #shop .fiter-group .dropdown:last-child .btn-primary {width: 100%;} #shop .fiter-group .btn-primary .icon {display: inline-block; position: absolute; right: 0; top: 4px;} #shop .fiter-group .btn-primary .icon .glyphicon {color: #fff; padding: 4px; font-size: 11px; font-weight: normal; border-radius: 10px; background-color: #938e8d;} #shop .fiter-group .btn-primary .icon .glyphicon-plus {display: block; padding: 4px 3px 4px 5px;} #shop .fiter-group .btn-primary .icon .glyphicon-minus {display: none; padding-right: 4px;} #shop .fiter-group .open .btn-primary .icon .glyphicon-plus {display: none;} #shop .fiter-group .open .btn-primary .icon .glyphicon-minus {display: block;} #shop .fiter-group .btn-primary:active, #shop .fiter-group .btn-primary.active, .open > .dropdown-toggle.btn-primary {background-color: none; border-bottom: 1px solid #ccc;} #shop .fiter-group .dropdown-menu {margin: 0; border: 0 none;} #shop .fiter-group .dropdown-menu > li > a {color: #d2d0d0; font-size: 12px;} #shop .fiter-group .dropdown-menu > li > a:hover, #shop .fiter-group .dropdown-menu > li > a:active, #shop .fiter-group .dropdown-menu > li > a:focus {color: #999;} #shop .list-cate {margin: 40px 0 23px 50%;} #shop .list-cate ul {text-align: right;} #shop .list-cate ul li {display: inline-block; margin: 0 0 0 21px;} #shop .list-cate a {color: #373736; font-size: 12px; font-weight: bold;} #shop .list-cate a:hover, #shop .list-cate a:focus {color: #98a491;} #shop .list-product {} #shop .list-product .list-grid li {position: relative;} #shop .list-product .list-grid a {display: block; padding: 17px 19px; text-align: center;} #shop .list-product .list-grid a:hover, #shop .list-product .list-grid a:focus {text-align: left; box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} #shop .list-product .list-grid a .thumb img {width: 100%; height: 100%;} #shop .list-product .list-grid a .thumb-hover {display:none} #shop .list-product .list-grid a .thumb-hover img {width: 100%; height: 100%;} #shop .list-product .list-grid a .info {width: 100%; min-height: 90px;} #shop .list-product .list-grid a .brand-name {padding: 25px 0 14px; color: #938e8d; font-family: 'hcm', sans-serif; font-size: 18px;} #shop .list-product .list-grid a .brand-name h2 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize;} #shop .list-product .list-grid a .offers {overflow: hidden; color: #373736; font-family: 'sehb', sans-serif; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; text-transform: capitalize;} #shop .list-product .list-grid a .offers del {color: #373736;} #shop .list-product .list-grid a .offers .discounted {display: inline-block; margin: 0 3px; padding: 2px 2px 0px; color: #fff; font-size: 13px; background: #823e43; border-radius: 10px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} #shop .list-product .list-grid a .offers ins {color: #373736; border-bottom: 0 none;} #shop .list-product .list-grid a .btn-box {display: none; padding: 20px 0 0; text-align: right;} #shop .list-product .list-grid a .btn-box .btn-default {width: 70px; height: 28px; font-size: 11px; font-weight: bold;} #shop .list-product .list-grid a .btn-box .btn-default:first-child {color: #fff; background: #98a491; border: 1px solid #98a491;} #shop .list-product .list-grid a .btn-box .btn-default:first-child:focus, #shop .list-product .list-grid a .btn-box .btn-default:first-child:hover {color: #98a491; background-color: #fff;} #shop .list-product .list-grid a .btn-box .btn-default:last-child {color: #fff; background: #938e8d; border: 1px solid #938e8d;} #shop .list-product .list-grid a .btn-box .btn-default:last-child:focus, #shop .list-product .list-grid a .btn-box .btn-default:last-child:hover {color: #938e8d; background-color: #fff;} #shop .list-product .list-grid a .btn-box .btn + .btn {margin: 0px 0 0 0;} #shop .list-product .list-grid a:hover .info, #shop .list-product .list-grid a:focus .info {float: left; width: 70%;} #shop .list-product .list-grid a:hover .btn-box, #shop .list-product .list-grid a:focus .btn-box {display: block; width: 29%; float: right;} #shop .list-product .list-grid a .mark {position: absolute; left: 19px; top: 17px; padding: 0;} #shop .list-product .list-grid a .mark span {padding: 4px 12px 3px; color: #fff; font-size: 17px;} #shop .list-product .list-grid a .mark span.sale {background-color: #823e43;} #shop .list-product .list-grid a .mark span.best {background-color: #98a491;} #shop .list-product .list-grid a .mark span.new {background-color: #373736;} #shop .list-foot {} #shop .list-foot .btn-add {margin: 20px 0; text-align: center;} #shop .list-foot .btn-add .btn-default {width: 108px; height: 32px; font-size: 12px; font-weight: bold;} #shop .list-foot .btn-add .btn-default {color: #fff; background: #938e8d; border: 0 none;} #shop .list-foot .btn-add .btn-default:hover {color: #938e8d; background-color: #fff;} #shop .list-foot .skip-top {float: left; width: 50%;} #shop .list-foot .skip-top a {color: #000; font-size: 12px; font-weight: bold;} #shop .list-foot .skip-top .glyphicon {padding: 5px; color: #fff; font-size: 11px; background-color: #938e8d; border-radius: 10px;} #shop .list-foot .pagination {margin: 0; float: right; width: 50%; color: #999; font-size: 12px; text-align: right;} #shop .list-foot .pagination .active {color: #666; font-weight: bold;} #shopItem {font-size: 22px;} #shopItem .affix {position: relative;} #shopItem .carousel-control {text-shadow: 0 0 0 rgba(0, 0, 0, .0);} #shopItem .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, .0))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0); background-repeat: repeat-x; } #shopItem .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, .0))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0); background-repeat: repeat-x; } #shopItem .carousel-control:hover, #shopItem .carousel-control:focus {color: #615e5e; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9;} #shopItem .carousel-indicators {position: absolute; bottom: -23px; left: 50%; z-index: 15; width: 80%; padding-left: 0; margin-left: -40%; text-align: center; list-style: none;} #shopItem .carousel-indicators li {display: inline-block; width: 120px; height: 120px; margin: 1px; text-indent: 0; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 0;} #shopItem .carousel-indicators .active {width: 120px; height: 120px; margin: 0; background-color: #fff; border: 1px solid #373736;} #shopItem .carousel-indicators img {width: 100%; height: 100%;} #shopItem .carousel-inner .carousel-caption {color: #373736;} #shopItem .item-head {} #shopItem .item-head #itemMedia {} #shopItem .item-head .item-intro {text-align: center;} #shopItem .item-head .item-nav {padding: 0 0 40px 0; color: #acacac; font-size: 12px; font-weight: bold; } #shopItem .item-head .item-nav a {color: #acacac;} #shopItem .item-head .item-tit {padding: 0; color: #373736; font-size: 16px; font-weight: bold; text-align: center;} #shopItem .item-head .item-tit .item-name {color: #373736;} #shopItem .item-head .item-tit .item-text {padding: 7px 0 4px; color: #938e8d;} #shopItem .item-head .item-tit .item-code {color: #938e8d; font-size: 12px;} #shopItem .item-head .item-offers {padding: 24px 35px; color: #414040; font-size: 16px;} #shopItem .item-head .item-details {color: #938e8d; font-size: 12px;} #shopItem .item-option .choice-box {padding: 0 48px;} #shopItem .item-option .choice-box > div {margin: 0 0 10px 0;} #shopItem .item-option .choice-box button {text-align: left; font-weight: bold;} #shopItem .item-option .choice-box button .glyphicon-triangle-bottom {display: block;} #shopItem .item-option .choice-box button .glyphicon-triangle-top {display: none;} #shopItem .item-option .choice-box .open button .glyphicon-triangle-bottom {display: none;} #shopItem .item-option .choice-box .open button .glyphicon-triangle-top {display: block;} #shopItem .item-option .choice-box .toolbox {display: table; text-align: center;} #shopItem .item-option .choice-box .toolbox a {display: table-cell; vertical-align: middle;} #shopItem .item-option .choice-box .toolbox a .icon {padding: 0 5px; font-size: 10px; font-weight: bold; border: 1px solid #373736; border-radius: 10px;} #shopItem .item-option .item-engrave img {width: 100%; height: 100%;} #shopItem .item-option .item-buy-box {padding: 24px 69px;} #shopItem .item-option .item-buy-box .item-quantity div button, #shopItem .item-option .item-buy-box .item-quantity div input {font-size: 30px;} #shopItem .item-option .item-buy-box .item-quantity div input {color: #373736; min-height: 52px; font-weight: bold;} #shopItem .item-option .item-buy-box .item-buy-offers {padding: 33px 0; color: #373736; font-size: 40px; font-weight: bold;} #shopItem .item-option .item-buy-actions {padding: 16px 16px;} #shopItem .item-option .item-share {padding: 0 0 19px 0;} #shopItem .item-option .item-share img {width: 100%;} #shopItem .item-cont .item-title {padding: 6px 12px 26px; color: #373736; font-weight: bold; text-align: left;} #shopItem .item-cont .panel-title > a {color: #373736; font-weight: bold; text-align: left;} #shopItem .item-cont .item-title, #shopItem .item-cont .panel-title > a {font-size: 12px;} #shopItem .item-cont img {width: 100%; height: 100%;} #shopItem .item-cont > section {padding: 20px 0; border-bottom: 1px solid #e9e8e8;} #shopItem .item-cont section .in {padding-top: 17px; margin: 20px 0 0; border-top: 1px solid #e9e8e8;} #shopItem .item-cont .boxs {padding: 0 12px;} #shopItem .btn {position: relative;} #shopItem .btn .icon {display: inline-block; position: absolute; right: 10px; top: 4px;} #shopItem .btn .icon .glyphicon {color: #fff; padding: 4px; font-size: 13px; font-weight: normal; border-radius: 10px; background-color: #938e8d;} #shopItem .btn .icon .glyphicon-plus {display: none; padding: 4px 3px 4px 5px;} #shopItem .btn .icon .glyphicon-minus {display: block; padding-right: 4px;} #shopItem .collapsed .icon .glyphicon-plus {display: block;} #shopItem .collapsed .icon .glyphicon-minus {display: none;} #shopItem .rv-list {padding: 0 0 60px 0;} #shopItem .rv-list .name {color: #000;} #shopItem .rv-list .date{color: #acacac;} #shopItem .rv-list p {padding: 25px 0; color: #938e8d;} #shopItem .rv-list .btn-view-more {font-size: 11px;} #shopItem .rv-view {color: #333;} #shopItem .rv-view .tit {padding: 0 0 30px 0; font-weight: bold;} #shopItem .item-as dt {padding: 22px 0 0; color: #373736; font-weight: bold; font-size: 11px;} #shopItem .item-as dd {padding: 23px 0 25px; color: #938e8d; font-size: 11px; font-weight: bold; border-bottom: 1px solid #e9e8e8;} #shopItem .item-as dd:last-child {border-bottom: 0 none;} #shopItem .list-grid a {display: block; padding: 0 5px; font-size: 12px;} #shopItem .list-grid a .brand-name {color: #938e8d; font-family: 'hcm', sans-serif;} #shopItem .list-grid a .brand-name h2 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize;} #shopItem .list-grid a .offers {color: #373736; font-family: 'sehb', sans-serif; margin-bottom: 15px;} #shopItem .list-grid a .offers .pricing {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize;} /** commerce **/ .commerce-items .product-box {padding: 8px 0; border-bottom: 1px solid #e3e3e3;} .commerce-items .product-box dl {position: relative; margin: 0; padding: 0 0 15px 48px; min-height: 43px;} .commerce-items .product-box dl .item-name {font-size: 10px; font-weight: bold;} .commerce-items .product-box dl .item-img {position: absolute; left: 0; top: 0;} .commerce-items .product-box dl .item-data {display: block; position: absolute; left: 0; bottom: 0; width: 100%;} .commerce-items .product-box dl .item-data .data-box {padding: 0 0 0 48px;} .commerce-items .product-box dl .item-data .item-quantity {color: #9c9c9c; font-size: 11px ;} .commerce-items .product-box dl .item-data .item-each {color: #000; font-size: 12px; font-family: 'sehb', sans-serif; font-weight: bold; text-align: right;} .commerce-items .order {margin: 0; padding: 17px 0;} .commerce-items .order .order-total-label {color: #000; font-size: 10px; font-weight: bold;} .commerce-items .order .order-total {color: #98a491; font-size: 12px; font-family: 'sehb', sans-serif; font-weight: bold; text-align: right;} /** button **/ .btn-nor {color: #fff; border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap} .btn-nor:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} .btn-non {font-weight: normal; color: #938e8d; text-decoration: none; border-radius: 0;} .btn-non, .btn-non:active, .btn-non.active, .btn-non[disabled], fieldset[disabled] .btn-non {background-color: transparent; -webkit-box-shadow: none; box-shadow: none;} .btn-non, .btn-non:hover, .btn-non:focus, .btn-non:active {border-color: transparent;} .btn-non:hover, .btn-non:focus {color: #98a491;} .btn-non[disabled]:hover, fieldset[disabled] .btn-non:hover, .btn-non[disabled]:focus, fieldset[disabled] .btn-non:focus {} .btn-basic {color: #fff; background-color: #938e8d; border-color: #938e8d;} .btn-basic:focus, .btn-basic:active:focus, .btn-basic.active:focus, .btn-basic.focus, .btn-basic:active.focus, .btn-basic.active.focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} .btn-basic:hover, .btn-basic:focus, .btn-basic.focus {color: #fff; background-color: #868180;} .btn-go {color: #fff; background-color: #938e8d; border-color: #938e8d;} .btn-go:focus, .btn-go:active:focus, .btn-go.active:focus, .btn-go.focus, .btn-go:active.focus, .btn-go.active.focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} .btn-go:hover, .btn-go:focus, .btn-go.focus {color: #fff; background-color: #7a7473;} .btn-success {color: #fff; background-color: #98a491; border-color: #98a491;} .btn-success:visited, .btn-success:link, .btn-success:focus, .btn-success.focus {color: #fff; background-color: #7f8f76; border-color: #7f8f76;} .btn-success:hover {color: #000; background-color: #7f8f76; border-color: #7f8f76;} .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {color: #fff; background-color: #7f8f76; border-color: #7f8f76;} .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {color: #fff; background-color: #7f8f76; border-color: #7f8f76;} .btn-info {color: #fff; background-color: #bbc2c9; border-color: #bbc2c9;} .btn-info:focus, .btn-info.focus {color: #fff; background-color: #92a2b2; border-color: #92a2b2;} .btn-info:hover {color: #fff; background-color: #92a2b2; border-color: #92a2b2;} .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {color: #fff; background-color: #92a2b2; border-color: #92a2b2;} .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {color: #fff; background-color: #92a2b2; border-color: #92a2b2;} .btn-primary {color: #373736; background-color: #e7e7ed; border-color: #e7e7ed;} .btn-primary:focus, .btn-primary.focus {color: #373736; background-color: #dfdfed; border-color: #dfdfed;} .btn-primary:hover {color: #373736; background-color: #dfdfed; border-color: #dfdfed;} .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {color: #373736; background-color: #dfdfed; border-color: #dfdfed;} .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {color: #373736; background-color: #dfdfed; border-color: #dfdfed;} .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {background-image: none;} .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {background-color: #337ab7; border-color: #2e6da4;} .btn-primary .badge {color: #373736; background-color: #fff;} .btn-save {color: #fff; background-color: #373736; border-color: #373736;} .btn-save:focus, .btn-save.focus {color: #fff; background-color: #252524; border-color: #252524;} .btn-save:hover {color: #fff; background-color: #252524; border-color: #252524;} .btn-save:active, .btn-save.active, .open > .dropdown-toggle.btn-save {color: #fff; background-color: #373736; border-color: #373736;} .btn-save:active:hover, .btn-save.active:hover, .open > .dropdown-toggle.btn-save:hover, .btn-save:active:focus, .btn-save.active:focus, .open > .dropdown-toggle.btn-save:focus, .btn-save:active.focus, .btn-save.active.focus, .open > .dropdown-toggle.btn-save.focus {color: #fff; background-color: #252524; border-color: #252524;} .btn-save:active, .btn-save.active, .open > .dropdown-toggle.btn-save {background-image: none;} .btn-save.disabled:hover, .btn-save[disabled]:hover, fieldset[disabled] .btn-save:hover, .btn-save.disabled:focus, .btn-save[disabled]:focus, fieldset[disabled] .btn-save:focus, .btn-save.disabled.focus, .btn-save[disabled].focus, fieldset[disabled] .btn-save.focus {background-color: #252524; border-color: #252524;} .btn-save .badge {color: #373736; background-color: #fff;} /** Set bootstrap **/ /* media */ .media-right {text-align: right;} .sec-media .media {margin-bottom: 15px;} .sec-media .media .p-re {padding: 8px 0; display: table-cell; width: 100%; vertical-align: middle;} .sec-media .media .h-re {padding: 13px 0 13px 5px; width: 100%; color: #000; font-size: 16px; fon-weight: bold; vertical-align: middle;} /* modal align*/ .modal {text-align: center;} @media screen and (min-width: 768px) { .modal:before {content: " "; display: inline-block; height: 100%; vertical-align: middle;} } .modal-dialog {display: inline-block; text-align: left; vertical-align: middle;} .carousel-inner img {width: 100%; /* Set width to 100% */ margin: auto; min-height:200px;} /* Hide the carousel text when the screen is less than 600 pixels wide */ @media (max-width: 600px) { .carousel-caption {display: none;} } .form-inline .form-group {overflow: hidden; display: block; margin-top: 5px; margin-bottom: 10px; color: #737373;} /* alert */ .alert-sw {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; color: #fcf8f8; text-align: center;} .alert-sw:before {content: " "; display: inline-block; height: 100%; vertical-align: middle;} .alert-dialog {position: relative; display: inline-block; margin: 0 auto; width: 320px; height: 320px; font-size: 13px; font-weight: bold; text-align: left; vertical-align: middle; background-color: #262626; border-color: #262626;} .alert-dialog strong {display: block; padding: 35px 0 16px;} .alert-dialog .txt {padding: 0 0 30px;} .alert-dialog .form-fixed {text-align: center;} .alert-sw hr {border-top-color: #a6e1ec;} .alert-sw .alert-link {color: #245269;} .alert-sw .close, .alert-sw .close {top: 0; right: 0; opacity: 1; filter:alpha(opacity=100);} .alert-sw {} .alert-sw .input-group-addon {padding: 0; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; background-color: #262626; border: 1px solid #262626; border-radius: 0;} .alert-sw .input-group-addon.input-sm {padding: 0; font-size: 12px; border-radius: 0; } .alert-sw .input-group-addon.input-lg {padding: 0; font-size: 12px; border-radius: 0;} .alert-sw .alert-pw {padding: 0 15%;} .alert-sw .alert-pw #alertpw {margin: 0 0 0 5px; padding: 0; color: #fdfaf9; background: none; border: 0 none; border-bottom: 1px solid #fdfaf9;} .alert-sw .form-btn {margin-top: 40px;} .alert-sw .form-btn button {color: #333; border-radius: 0;} /* input */ /* nav */ .nav-tabs {margin-bottom: 20px;} .nav-tabs > li {width: 50%;} .nav-tabs > li a {width: 100%; color: #ccc; text-align: center;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #373736;} /* col reset */ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-tc-1, .col-tc-2 {padding: 0;} a.egv-style .img-off {display: block;} a.egv-style .img-on {display: none;} a.egv-style .img-on1 {display: none;} a.egv-style .img-on2 {display: none;} a.egv-style .img-on3 {display: none;} a.egv-style.active .img-off {display: none;} a.egv-style.active .img-on {display: block;} #idx_review {margin:50px 20px;} #idx_review .idx_h2_box {width:100%; text-align:center} #idx_review h2 {display:inline-block;padding:10px;margin:30px 0;border:3px double #fff;font-size:2.5em;transition: all 0.3s ease;} #idx_review:hover h2 {padding: 10px 20px;border-color:#aaa;} #idx_review ul {border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;} #idx_review ul:after {display:block;visibility:hidden;clear:both;content:""} #idx_review li {border-bottom:1px solid #ddd;width:50%;float:left;transition: all 0.3s ease;} #idx_review li img {width:100%;height:auto} #idx_review li .rv_img {display:block;width:50%;float:right;} #idx_review li .rv_txt {width:50%;float:left;position:relative;padding-top: 50%;text-align:center} #idx_review li .rv_txt .txt_wr {position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;width: 100%;height: 100%;} #idx_review li .rv_txt .txt_wr_inner {display:inline-block;vertical-align:middle;padding:10px;max-width:230px} #idx_review li .rv_txt .txt_wr:after {vertical-align: middle;display: inline-block;content: '';width: 0;height: 100%;} #idx_review li .rv_tit {display:block;font-size:2em;font-weight:bold;line-height:1.3em;margin-bottom:10px} #idx_review li .rv_prd {line-height:1.5em;color:#45484d;margin-bottom:10px;display:block;font-size: 2.5em;letter-spacing: -1px;font-family: 'hcm','Poppins','Noto Sans',sans-serif} #idx_review li .rv_txt p {line-height:1.5em;color:#777; font-size:14px} @media (min-width: 971px){ #idx_review .rv_2 .rv_img,#idx_review .rv_3 .rv_img{float:left} #idx_review .rv_0 .txt_wr:before,#idx_review .rv_1 .txt_wr:before{display: block;top: 50%;margin-top:-6px;content: '';position: absolute;left: 100%;width: 25px;height: 12px;border-left: 12px solid #fff;border-top: 12px solid transparent;border-bottom: 12px solid transparent;} #idx_review .rv_2 .txt_wr:before,#idx_review .rv_3 .txt_wr:before{display: block;top: 50%;margin-top:-6px;content: '';position: absolute;left:0;margin-left:-25px;width: 25px;height: 12px;border-right: 12px solid #fff;border-top: 12px solid transparent;border-bottom: 12px solid transparent;} } @media (max-width: 970px){ #idx_review li {width:100%} #idx_review .rv_1 .rv_img,#idx_review .rv_3 .rv_img{float:left;} #idx_review .rv_0 .txt_wr:before,#idx_review .rv_2 .txt_wr:before{display: block;top: 50%;margin-top:-6px;content: '';position: absolute;left: 100%;width: 25px;height: 12px;border-left: 12px solid #fff;border-top: 12px solid transparent;border-bottom: 12px solid transparent;} #idx_review .rv_1 .txt_wr:before,#idx_review .rv_3 .txt_wr:before{display: block;top: 50%;margin-top:-6px;content: '';position: absolute;left:0;margin-left:-25px;width: 25px;height: 12px;border-right: 12px solid #fff;border-top: 12px solid transparent;border-bottom: 12px solid transparent;} } @media (max-width: 640px){ #idx_review li .rv_tit{font-size:1.5em;} #idx_review li p {font-size:12px !important;text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden;} #idx_review li .rv_txt .txt_wr_inner{display:inline-block;vertical-align:middle;padding:10px;max-width:140px;font-size:1em} #idx_review li .rv_prd {line-height:1.5em;color:#f98c96;margin-bottom:10px;display:block;font-size:1.5em;} } /** Media Queries **/ @media (max-width: 767px) { .container {padding: 0 21px;} .eye-xnone {display: none;} .eye-xs {display: block; margin-top: 30px;} .eye-sm {display: none;} .eye-md {display: none;} .eye-lg {display: none;} .eye-b {display: none;} /*.eye-s {display: none;}*/ .eye-xslg {display: block !important;} .eye-mdlg {display: none !important;} .navbar-go {display: block;} /*20171124 상세페이지 file 추가*/ .tc_ww_file {width: 100%; padding: 10px; border: 1px solid #ccc; margin-bottom: 5px;} .tc_you_le {float:left; width:100%;} .tc_you_le img {width:100%; height:auto} .tc_you_ri {float:left; width:100%} .tc_gak {margin-top:15px; display:inline-block; width: 100%;} .tc_m_cont_top {margin:15px 0 5px 0;} .tc_tooltip {position: relative; top:-2px; cursor: help; display: inline-block; padding: 0 5px; font-size: 10px; font-weight: bold;border: 1px solid #373736; border-radius: 10px;;} .tc_tooltip span {visibility: hidden;position: absolute; top: 28px;left: 50%;z-index: 999;width: 290px; height:184px; margin-left: -175px;padding: 25px 10px 10px 10px; background-color: #787877; color: #fff; text-align: center; font-size: 14px; font-weight: normal; line-height:32px;} .tc_tooltip:hover span {visibility: visible;} .tc_tooltip span:before, .tc_tooltip span:after {content: ""; position: absolute; z-index: 1000; top: -8px; left: 50%; margin-left: 21px; border-top: 0;border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #787877;} .tc_tooltip span:before {border-top-color: #787877; top: -8px;} .tc_tooltip_img {position: relative; top:-2px; cursor: help; display: inline-block; padding: 0 5px; font-size: 10px; font-weight: bold;border: 1px solid #373736; border-radius: 10px;;} .tc_tooltip_img span {visibility: hidden;position: absolute; top: 28px;left: 50%;z-index: 999;width: 365px; height:585px; margin-left: -175px;padding: 25px 10px 10px 10px;color: #fff; text-align: center; font-size: 14px; font-weight: normal; line-height:29px; background:url('/images/gaklayer.jpg') no-repeat #787877 center 97%;} .tc_tooltip_img:hover span {visibility: visible;} .tc_tooltip_img span:before, .tc_tooltip_img span:after {content: ""; position: absolute; z-index: 1000; top: -8px; left: 50%; margin-left: -15px; border-top: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #787877;} .tc_tooltip_img span:before {border-top-color: #787877; top: -8px;} #overLay {position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.5);} .tc_outer {display: table;width: 100%;height: 100%;} .tc_inner {display: table-cell; vertical-align: middle; text-align: center;} .tc_centered { position: relative; display: inline-block; width: 90%; padding-bottom:50px; background: #fff;} .tc_order_b {float:left; width:100%; padding:10%; text-align:center; font-size:18px;} .tc_order_b h3 {color:#98a491; line-height:27px;} .tc_order_b p {color:#020202; line-height:27px; border-top: 1px solid #020202; margin-top: 16px; padding-top: 16px;} .tc_order_c {float:left; width:100%; padding: 0px 30px;} .tc_order_submit {float:left; width:48%; height:70px; line-height:70px; text-align:center; background:#98a491; font-size:14px; font-weight:bold;} .tc_order_txt {display: inline-block; margin-top: 35px; font-size: 14px; width:90%} .tc_order_close {position:absolute; top:5px; right:15px; color:#fff; font-size:30px; font-weight:bold;} .tc_centered img {max-width:100%;} .jbMenu {width: 100%; z-index: 9999; position: relative;} .jbFixed {position: fixed; top: 0px;} /*20171224 쿠폰 및 포인트작업*/ .tc_cp_lebox {} .tc_cp_lebox h3 {font-size:16px} .tc_cp_table {margin:0 0 10px} .tc_cp_table_top {background: #e3e3e3; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color:#373736; font-weight:600; margin-top: 15px;} .tc_cp_table_top li {float:left;} .tc_cp_tbl_1 {width:55%; text-align: left; padding-left: 15px;} .tc_cp_tbl_2 {width:33%; text-align:center;} .tc_cp_tbl_3 {width:12%; text-align:center;} .tc_cp_cont {margin-top:15px; float:left; width:100%;} .tc_cp_cont li {float:left; } .tc_cp_cont_1 {width:100%; margin-bottom:10px; padding:0 10px;} .tc_cp_cont_1 img {max-width:100%; height:auto;} .tc_cp_cont_2 {width:80%; text-align:center; font-size:14px; padding:0 10px;} .tc_cp_cont_3 {width:20%; text-align:center; font-size:14px; padding:0 10px;} .tc_cp_subject {float:left; width:100%; padding:15px 0 15px 15px; font-size:15px; color:#373736; border-bottom:1px dashed #787877;} .tc_cp_down {background: #e3e3e3; padding: 5px 0px;} .tc_cp_table_mytop {background: #e3e3e3; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color:#373736; font-weight:600; margin-top: 15px;} .tc_cp_table_mytop li {float:left; text-align:center;} .tc_cp_tbl_my1 {width:32%; text-align:center;} .tc_cp_tbl_my2 {width:53%; text-align:left; padding-right:5px} .tc_cp_tbl_my3 {width:15%; text-align:center;} .tc_cp_lebox_btinfo {display: inline-block; width: 100%; margin-top: 70px;} .tc_cp_lebox_btinfo h4 {font-size: 16px; font-weight: bold; margin-bottom: 15px;} .tc_cp_lebox_btinfo p {font-size: 14px; padding-left: 10px; margin-bottom: 5px;} .tc_cp_mobile_top {margin-top:100px} .tc_od_cp_box {padding:20px 0; } .tc_od_cp_box h4 {font-size:15px; font-weight:bold;margin-bottom: 20px;} .tc_od_cp_list {display: inline-block; width: 100%; padding: 6px 12px; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} .tc_od_cp_list span {float:right} .tc_od_cp_line {border-bottom:1px dashed #bcbdbe;margin: 10px 0 10px 0;} .tc_od_cp_list li {display:inline-block; width:100%; height: 30px; line-height: 30px; padding: 0 5px; background: #e3e3e3; margin-bottom: 4px; letter-spacing: -0.5px;} .tc_cp_table_point {background: #e3e3e3; width: 100%; padding:0 10px; height: 50px; line-height: 50px; font-size: 14px; color: #373736; font-weight: 600; margin-top: 15px;} .tc_cp_point_1 {float:left;} .tc_cp_point_2 {float:right;} .tc_cp_table_point_list {background: #e3e3e3; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #373736; font-weight: 600; margin-top: 15px;} .tc_cp_table_point_list li {float:left; text-align:center;} .tc_cp_tbl_pt1 {width:33.33333%; font-size:14px; text-align:center;} .tc_cp_tbl_pt2 {width:33.33333%; font-size:14px; text-align:center;} .tc_cp_tbl_pt3 {width:33.33333%; font-size:14px; text-align:center;} #cp_list {display:inline-block; width:100%;} .tc_od_cp_can {width: 100%; display: inline-block;} .tc_od_cp_can_btn {padding: 6px 35px; width:100%; margin-top:5px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent;} #overLay0 {display:none; position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.3);} .outer0 {display: table;width: 100%;height: 100%;} .inner0 {display: table-cell; vertical-align: middle; text-align: center;} #popUp0 {display: inline-block; position: relative; width: 90%; background: #787877; color:#fff; font-size:14px; padding:25px 45px;} #popUp0 img {max-width:100%; height:auto; margin-top:25px;} #closeBtn0 {display: inline-block; margin: 15px 0 0 0; cursor: pointer; background: #787877; width: 100%; height: 30px; line-height: 30px;} #showBtn0 {display: inline-block; text-align: center; border-radius: 10px; border: 1px solid #333; padding: 0px 6px; margin-left:10px; font-size:12px; cursor:pointer;} #overLay1 {display:none; position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.3);} .outer1 {display: table; width: 100%;height: 100%;} .inner1 {display: table-cell; vertical-align: middle; text-align: center;} #popUp1 {display: inline-block; position: relative; width: 90%; background: #787877; color:#fff; font-size:14px; padding:25px 45px;} #closeBtn1 {display: block; margin: 15px 0 0 0; cursor: pointer; background: #787877; width: 100%; height: 30px; line-height: 30px; } #showBtn1 {display: inline-block; text-align: center; border-radius: 10px; border: 1px solid #333; padding: 0px 7px; margin-left:10px; font-size:12px; cursor:pointer;} .tc_share_icon {margin-top:10px !important;} .tc_gak_btn {display:none;} .tc_gak_btn_mobile {display:block; max-width:100%; height:auto;} /*슬라이드작업*/ .sct_tc_width {} .tc_sct_a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9;} .tc_sct_prev {left: 10px; background: url('/img/bx_controls.png') no-repeat 0 -32px;} .tc_sct_next {right: 10px; background: url('/img/bx_controls.png') no-repeat -43px -32px;} .tc_sct_prev:hover {background-position:0 0;} .tc_sct_next:hover {background-position:-43px 0;} /*체크박스 크기*/ .tc_gak_ckbox {-ms-transform: scale(1.5); /* IE */ -moz-transform: scale(1.5); /* FF */ -webkit-transform: scale(1.5); /* Safari and Chrome */ -o-transform: scale(1.5); /* Opera */ margin:0 10px 0 0 !important; } .tc_gak_font {font-size:15px} .tc_gak_label {width: 100%; margin: 0 0 15px 0 !important; font-size: 15px !important; padding-left: 0 !important;} .tc_gak_text {display:block; margin:-5px 0 0 30px;} .tc_gak_lyinfo {float:left; margin-top:-7px} .pluslo {position: absolute; top: -3px; right: 10px; font-size: 30px !important; color: #a0a0a0;} .minuslo {position: absolute; top: -3px; left: 10px; font-size: 30px !important; color: #a0a0a0;} .slider.slider-horizontal {width: 64%; height: 20px; left: 0; right: 0; position: absolute; margin: 0 auto;} .tc_new_login {width: 100%; display: inline-block; margin-top: 60px;} .tc_new_join {width: 75%; margin: 65px auto;} .mobile_mgt {margin-top:50px !important; text-align:center;} .tc_pc_img {display:none;} .tc_mobile_img {display:block;max-width:100%; height:auto;} .tc_new_itemlist {position: fixed; left: 0; bottom: 30px; z-index: 99;} .tc_new_itemlist a {position: relative; text-align: center; background: #98a491; font-size: 16px; color: #fff; padding: 5px 20px 5px 35px; font-weight: bold; letter-spacing: 2px;} .tc_new_itemlist a i {font-size: 26px; position: absolute; left: 14px; top: 3px;} .tc_width {display: inline-block; width: 30px;} .tc_loading {width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.5); z-index: 999; border: 1px solid #5d5d5d; border-radius: 6px;} .tc_loading_center {position: absolute; left: 50%; bottom: 15%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); text-align: center; font-size: 20px;color: #fff; font-weight: 600;} .tc_list_item {} .tc_list_item_sp {font-size:12px; color:#000; font-weight:300; margin-bottom: 30px; display: block;} .tc_nomem {display: inline-block; width: 100%; margin-top: 20px !important; border-top: 1px solid #ccc; padding-top: 20px;} #center .mypage li a span {padding: 0 7px; display: table-cell; width: 100%; vertical-align: middle; font-size: 13px;} #center .mypage li a {display: table; width: 100%; min-height: 115px; color: #938e8d; background-color: #e7e7ed;} .tc_mypoint {width: 100%; text-align: left; font-size: 16px;} .tc_guest_info {} #tc_guest_info_overLay {position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.5);} .tc_guest_info_outer {display: table;width: 100%;height: 100%;} .tc_guest_info_inner {display: table-cell; vertical-align: middle; text-align: center;} .tc_guest_info_centered { position: relative; display: inline-block; width: 326px; padding: 0 40px 20px 40px; background: #fff;} .tc_guest_info_p1 {color:#98a491; font-size:20px; letter-spacing: -1px; margin-top: 20px;} .tc_guest_info_p1 span {color:#823f43;} .tc_guest_info_p2 {font-size:1.1em; color:#98a491; border-top:1px solid #000; border-bottom:1px solid #000; padding:10px 0; margin: 30px 0 25px 0;} .tc_guest_info_p3 {font-size: 1.1em; color:#000; letter-spacing: -0.5px;} .tc_guest_btn_box {margin-top: 20px;} .tc_guest_btn_box button {width: 109px; height: 50px; line-height: 16px; background: #98a491; color: #000; text-align: center !important; font-size: 12px !important; font-weight: 500 !important; border: 0; border-radius: 0;} .tc_pc_on {display:none;} .tc_m_on {display:block;} .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin: 0 -35px 0 -49px; border-bottom: 1px solid #777676;} .navbar {margin: 0; min-height: 60px; border: 0 none;} .navbar-inverse {background-color: #98a491;} .container-fluid {padding: 0 35px 0 49px; margin-top:0;} .navbar-brand {padding: 10px 0 0 15px; font-size: 0;} .navbar-brand img {width: 150px;} .navbar-go {float: right;} .navbar-go li {float: left; margin: 22px 16px 0 0; height: 38px;} .navbar-go li.shop {margin-top: 18px; width: 17px;} .navbar-go li a img {width: 100%;} .navbar-go .glyphicon-search {color: #fff; font-size: 15px;} .navbar-toggle {margin: 0; padding: 0;} .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: #98a491;} .navbar-inverse .navbar-toggle .icon-bar {background-color: #ffffff;} #mCenter section {border-bottom: 1px solid #777676;} #mCenter section p {margin: 0;} .carousel-inner img {min-height: 198px ;} #myCollection .carousel-inner .item {background: #000;} #myCollection .carousel-inner img {/*min-height: 320px;*/} /* #myYoutube {min-height: 188px;} #myCYO {min-height: 148px;} */ #south {padding: 31px 0 55px 0; font-family: 'hcm', sans-serif; background: #373736; border-top: 0 none;} #south #soutN {border-top: 0 none;} #south strong {display: block; padding: 0 0 25px 0; color: #fff; font-family: 'hcm', sans-serif; font-size: 15px; font-weight: normal;} #guestEmail {margin: 0 auto 30px; font-family: 'Poppins', sans-serif; text-align: center;} #guestEmail .form-group {margin: 0 auto 15px; width: 180px; color: #e7e7ed;} #guestEmail .form-control {color: #242528; text-align: center; background: #e7e7ed;} #guestEmail .btn-default {width: 180px; color: #fff; background: #373736; border: 1px solid #e7e7ed;} #guestEmail .btn-default:hover, #south .btn-default:focus, #south .btn-default.focus, #south .btn-default:active, #south .btn-default.active, .open > .dropdown-toggle.btn-default {color: #242528; background: #e7e7ed; border: 1px solid #373736;} #sMn {margin: 0 0 30px 0; text-align: center;} #sMn ul {list-style-type: none;} #sMn li {display: inline-block; padding: 0 7px; text-align: center;} #sMn li a.dept1 {color: #fff; font-family: 'Poppins', sans-serif; font-size: 13px;} #sMn li.ff-NS .smn-toggle, #sMn li.ff-NS a.dept1 {padding: 0; color: #fff; font-family: 'Noto Sans', sans-serif; font-size: 13px; vertical-align: bottom; background: #373736; border: 0 none;} #sMn li img {width: 50%;} #sBrand {margin: 0 0 30px 0; text-align: center;} #sBrand img {width: 83px;} #sSocialLink {margin: 0 0 30px 0; text-align: center;} #sSocialLink ul {list-style-type: none;} #sSocialLink li {display: inline-block; margin: 0; padding: 0 3px; font-size: 0; text-align: center;} #sSocialLink li a {font-size: 0;} #sSocialLink li img {width: 50%;} #sCs {margin: 0 0 30px 0; text-align: center;} #sCs p {color: #fff; font-family: 'Poppins', sans-serif; font-size: 13px;} #sCopyright p {color: #fff; font-family: 'Poppins', sans-serif; font-size: 11px; text-align: center;} #center h1.first-tit {padding: 21px; text-align: left;} #center .orderf .col-xs-12.col-sm-6.col-lg-6 {padding: 0;} #center .sect-status ul li {width: 33%;} #center .sect-status ul li:last-child {width: 34%;} #center .sect-status ul li.blt-next {display: none;} #center .shopcart colgroup, #center .shopcart thead {display: none;} #center .shopcart thead th {} #center .sect-product .col-xs-7 {padding: 0;} #center .row .cart-copy {border: 0 none;} #center .shopcart .btn-group-justified {margin: 0 0 60px 0;} #center .shopcart .item-latest .item-title {text-align: left;} #center .mycous .reg-receive {margin-top: 0;} #center .mycous .inner {padding: 0;} #center .mylogin section {margin: 0 0 35px 0;} #shop .list-head {position: relative;} #shop .list-head h1.shop-tit {padding: 21px 0 0 0; padding-bottom: 2px; font-size: 15px; text-align: center;} #shop .list-head .shop-results {color: #938e8d; font-size: 11px; font-weight: bold; text-align: center;} #shop .list-head .btn-fiter {position: absolute; right: 6px; top: -25px;} #shop .list-head .btn-fiter img {width: 50%;} #shop .list-head.eye-xs .list-filter {height:19px;} #shop .list-filter dl {margin: 0; text-align: center;} #shop .list-filter dl dt {overflow: hidden; visibility: hidden; position: absolute; left: 0; top: 0; width: 1px; height: 1px;line-height: 0; font-size: 0} #shop .list-filter dl dd {padding: 0 5px 0 0; color: #a8a8a8; font-size: 12px; font-weight: bold;} #shop .list-filter dl dd .vbar {padding: 0 0 0 5px;} #shop .list-filter dl dd:last-child .vbar {display: none;} #shop .list-product .list-grid a:hover, #shop .list-product .list-grid a:focus {text-align: center;} #shop .list-product .list-grid a .info {min-height: 50px;} #shop .list-product .list-grid a:hover .info, #shop .list-product .list-grid a:focus .info {float: none; width: 100%;} #shop .list-product .list-grid a:hover .btn-box, #shop .list-product .list-grid a:focus .btn-box {display: none;} #shop .list-cate {margin: 14px 0 10px 0;} #shop .list-cate ul {margin:; text-align: center;} #shop .list-cate ul li {display: block; float: left; margin: 0; width: 25%;} #shop .list-cate ul li a {display: block; padding: 5px 0; width: 95%; color: #fff; font-size: 7px; font-weight: bold; background-color: #938e8d;} #shop .list-cate ul li :last-child a {width: 100%;} #shop .list-cate ul li a:hover, #shop .list-cate ul li a:focus {color: #fff; background-color: #98a491;} #shop .list-product .list-grid a .brand-name {padding: 11px 0 4px; font-size: 12px;} #shop .list-product .list-grid a .offers {font-size: 12px;} #shop .list-product .list-grid a .offers .discounted {margin: 0 3px; padding: 0 1px; font-size: 6px; font-weight: normal; line-height: 1.8;} #shop .list-product .list-grid a .mark {left:7px;top:7px;} #shop .list-product .list-grid a .mark span {font-size: 11px;padding: 0px 4px;} #shop .list-foot .skip-top, #shop .list-foot .pagination {display: none;} #fiterXs {} #fiterXs .modal-content {background-color: #171816;} #fiterXs .modal-header {padding: 40px 0 10px 0; text-align: center; border-bottom: 0 none;} #fiterXs .modal-header .modal-title {color: #fff; font-size: 12px; font-weight: bold;} #fiterXs .modal-header .close {position: absolute; right: 16px; top: 11px;} #fiterXs .modal-body {padding: 0 12px;} #fiterXs .modal-body .panel-group {margin: 0;} #fiterXs .modal-body .panel-group .panel {margin-bottom: 0; padding: 0; background-color: #171816; border: 0 none transparent; border-bottom: 1px solid #f2f2f2; border-radius: 0;} #fiterXs .modal-body .panel-group .panel + .panel {margin: 0;} #fiterXs .modal-body .panel-group .panel-heading {position: relative; padding: 0;} #fiterXs .modal-body .panel-group .panel-heading .panel-title a {display: block; padding: 10px 0 6px;color: #999; font-size: 9px; font-weight: bold;} #fiterXs .modal-body .panel .panel-title a .icon {position: absolute; right: 4px; top: 8px;} #fiterXs .modal-body .panel .glyphicon-minus {display: block;} #fiterXs .modal-body .panel .glyphicon-plus {display: none;} #fiterXs .modal-body .panel .collapsed .glyphicon-minus {display: none;} #fiterXs .modal-body .panel .collapsed .glyphicon-plus {display: block;} #fiterXs .modal-body .panel-group .panel-collapse, #fiterXs .modal-body .panel-group .panel-collapse a {line-height: 2; color: #d2d0d0; font-size: 9px; font-weight: bold; text-align: center;} #fiterXs .modal-body .panel-group .panel-collapse a {display: block;} #fiterXs .modal-footer {padding: 12px; border: 0 none;} #fiterXs .modal-footer dl {margin: 0; text-align: center;} #fiterXs .modal-footer dl dt, #fiterXs .modal-footer dl dd {display: inline-block;} #fiterXs .modal-footer dl dt {margin: 0 7px 0 0; color: #fff; font-size: 9px; font-weight: bold;} #fiterXs .modal-footer dl dd {padding: 0 7px 0 0; color: #a8a8a8; font-size: 9px; font-weight: bold;} #fiterXs .modal-footer dl dd .vbar {padding: 0 0 0 7px;} #fiterXs .modal-footer dl dd:last-child .vbar {display: none;} #shopItem {font-size: 12px;} #shopItem .carousel-indicators li {width: 29px; height: 30px;} #shopItem .carousel-indicators .active {width: 29px; height: 30px;} #shopItem .carousel-indicators img {width: 100%; height: 100%;} #shopItem .item-head {padding: 0 5% 23px 5%;} #shopItem .item-head .item-nav {padding: 0 0 15px 0;} #shopItem .item-head .item-name {font-size: 24px;} #shopItem .item-head .item-text {font-size: 15px;} #shopItem .item-head .item-code {font-size: 12px;} #shopItem .item-head .pricing {font-size: 20px;} #shopItem .item-head .item-details {font-size: 12px;} #shopItem .item-option .choice-box {padding: 0 5%;} #shopItem .item-option .item-buy-box {padding: 20px 0; font-size: 12px;} #shopItem .item-option .item-buy-box .item-quantity div button, #shopItem .item-option .item-buy-box .item-quantity div input {font-size: 18px;} #shopItem .item-option .item-buy-box .item-quantity div input {min-height: 42px; font-weight: bold;} #shopItem .item-option .item-buy-box .item-quantity div button {padding: 6px 0; font-size: 22px;} #shopItem .item-option .item-buy-box .item-buy-offers {padding: 2% 0 0 0; font-size: 18px;} #shopItem .item-option .item-buy-box .item-buy-offers .pricing {margin: 0 15% 0 0;} #shopItem .item-option .item-buy-actions .btn {padding: 6px 0; font-size: 12px;} #shopItem .item-option .item-share strong, #shopItem .item-option .item-share .txt, #shopItem .item-option .item-share a {padding: 0 2px; width: 12%;} #shopItem .item-option .item-share .clearfix {margin: 0 0 0 4%} #shopItem .item-option .item-share img {width: 100%;} #xsEngrave {} #xsEngrave .modal-content {padding: 0 10px 20px 10px;} #xsEngrave .modal-dialog {} #xsEngrave .modal-header {padding: 10px 0 10px; border: 0 none;} #xsEngrave .modal-body {} #xsEngrave .modal-body >section {} #xsEngrave .modal-body h5, #xsEngrave .modal-body .tit {margin: 0; padding: 0; height: 24px; line-height: 24px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; background-color: #373736; border: 0 none;} #xsEngrave .container .item-head {margin: 0 0 0 auto; padding: 15px 0 15px 0; width: 50%;} #xsEngrave .item-head .item-intro {padding: 0;} #xsEngrave .item-head .item-nav {padding: 0 0 12px 0; font-size: 8px;} #xsEngrave .item-head .item-tit {font-size: 16px; text-align: center;} #xsEngrave .item-head .item-tit .item-name {} #xsEngrave .item-head .item-tit .item-text {padding: 6px 0 3px; font-size: 13px;} #xsEngrave .item-head .item-tit .item-code {font-size: 12px;} #xsEngrave .item-head .item-offers {padding: 9px 0; font-size: 14px;} #xsEngrave .item-head .item-details {font-size: 10px;} #xsEngrave .item-head .item-engrave img {width: 100%;} #xsEngrave .modal-body .engrave-you {} #xsEngrave .modal-body .engrave-you .tit {width: 100%; border-radius: 0;} #xsEngrave .modal-body .engrave-you .dropdown-menu {margin: 0; padding: 0; border-radius: 0; border: 1px solid #acacac; border-top: 0 none;} #xsEngrave .modal-body .engrave-you .user-choice p {padding: 13px 17px; color: #414040; font-size: 14px;} #xsEngrave .modal-body .engrave-you .user-choice a {display: block; padding: 6px; color: #373736; font-weight: bold; font-size: 10px;} #xsEngrave .modal-body .engrave-you .user-choice a:hover, #xsEngrave .modal-body .engrave-you .user-choice a:focus, #xsEngrave .modal-body .engrave-you .user-choice a.active {color: #98a491;} #xsEngrave .modal-body .engrave-you .user-form {padding: 15px 17px; border-top: 1px solid #acacac;} #xsEngrave .modal-body .engrave-you .user-form .form-group {margin: 0;} #xsEngrave .modal-body .engrave-you .user-form .form-group .user-text {color: #414040; font-size: 14px; font-weight: bold;} #xsEngrave .modal-body .engrave-you .user-form .form-group .form-control {color: #98a491; font-size: 14px; font-weight: bold; border: 0 none; border-bottom: 1px solid #a7a7a7;} #xsEngrave .modal-body .engrave-you .user-form p {padding: 5px 0 0 0; color: #414040; font-size: 12px; font-weight: bold;} #xsEngrave .modal-body .engrave-you .btn-box {padding: 0 0 15px 0;} #xsEngrave .modal-body .engrave-option {margin: 15px 0 0 0;} #xsEngrave .modal-body .engrave-option h5 {margin: 0; padding: 0; height: 24px; line-height: 24px; color: #fff; font-size: 14px; font-weight: bold; text-align: center;} #xsEngrave .modal-body .engrave-option .nav-tabs a {display: block; color: #242528; background-color: #e7e7ed;} #xsEngrave .modal-body .engrave-option .nav-tabs .active a, #xsEngrave .modal-body .engrave-option .nav-tabs a:hover, #xsEngrave .modal-body .engrave-option .nav-tabs a:focus {color: #fff; background-color: #838180;} #xsEngrave .modal-body .engrave-option .tab-content {background-color: #fff; border: 1px solid #838180;} #xsEngrave .modal-body .engrave-style ul{height: 66px;} #xsEngrave .modal-body .engrave-style ul li {display: table; padding: 0 2%; height: 66px;} #xsEngrave .modal-body .engrave-style ul li a {display: block; margin: 0 auto; max-width: 86px; height: 66px;} #xsEngrave .modal-body .engrave-style ul li a span {height: 66px; line-height: 66px; text-align: center;} #xsEngrave .modal-body .engrave-style ul li a span img {width: 100%;} /* #xsEngrave .modal-body .engrave-style ul li a .img-off {display: block;} #xsEngrave .modal-body .engrave-style ul li a.active .img-off, #xsEngrave .modal-body .engrave-style ul li a:hover .img-off, #xsEngrave .modal-body .engrave-style ul li a:focus .img-off {display: none;} #xsEngrave .modal-body .engrave-style ul li a .img-on {display: none;} #xsEngrave .modal-body .engrave-style ul li a.active .img-on, #xsEngrave .modal-body .engrave-style ul li a:hover .img-on, #xsEngrave .modal-body .engrave-style ul li a:focus .img-on {display: block;} #xsEngrave .modal-body .engrave-style ul li a img {vertical-align: middle;} */ #xsEngrave .modal-body .engrave-size ul{height: 66px;} #xsEngrave .modal-body .engrave-size ul li {display: table; height: 66px; text-align: center;} #xsEngrave .modal-body .engrave-size ul li a {display: table-cell; vertical-align: middle; color: #373736; font-weight: bold;} #xsEngrave .modal-body .engrave-size ul li a.active, #xsEngrave .modal-body .engrave-size ul li a:hover, #xsEngrave .modal-body .engrave-size ul li a:focus {color: #98a491;} #xsEngrave .modal-body .engrave-size ul li.sm a {font-size: 10px;} #xsEngrave .modal-body .engrave-size ul li.md a {font-size: 12px;} #xsEngrave .modal-body .engrave-size ul li.lg a {font-size: 18px;} #xsEngrave .modal-footer {padding: 15px 0; border: 0 none;} #xsEngrave .modal-footer div {padding: 0 20px;} #xsEngrave .modal-footer div:first-child {padding-bottom: 5px;} #xsEngrave .modal-footer div button {} #lgEngrave {z-index:99999;} #lgEngrave .modal-content {padding: 0 20px 10px 20px;} #lgEngrave .modal-dialog {} #lgEngrave .modal-header {padding: 10px 0 10px; border: 0 none;} #lgEngrave .modal-body {} #lgEngrave .modal-body > section, #lgEngrave .modal-footer > section {border: 1px solid #acacac; border-top: 0 none;} #lgEngrave .modal-body h4, #lgEngrave .modal-footer h4 {margin: 0; padding: 0; height: 48px; line-height: 48px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background-color: #373736;} #lgEngrave .modal-body section.engrave-you {} #lgEngrave .modal-body .user-choice {} #lgEngrave .modal-body .user-choice p {padding: 18px 34px 5px 34px; color: #823e43; font-size: 14px; font-weight:bold;} #lgEngrave .modal-body .user-choice a {display: inline-block; padding: 12px 0 12px 0; color: #888; font-weight: bold; font-size:10pt;} #lgEngrave .modal-body .user-choice .textcenter {text-align:center;} #lgEngrave .modal-body .user-choice a:hover, #lgEngrave .modal-body .user-choice a:focus, #lgEngrave .modal-body .user-choice a.active {color: #98a491;} #lgEngrave .modal-body .user-form {padding: 20px 35px; border-bottom: 1px solid #acacac;} #lgEngrave .modal-body .user-form .form-group {margin: 0;} #lgEngrave .modal-body .user-form .form-group .user-text {color: #823e43; font-size: 14px; font-weight: bold;} #lgEngrave .modal-body .user-form .form-group .form-control {line-height:25px; -webkit-transform: none; -moz-transform: none; -o-transform: none;-webkit-appearance:none;-webkit-border-radius:0;color: #98a491; font-size: 14px; font-weight: bold; border: 0 none; border-bottom: 1px solid #a7a7a7;} #lgEngrave .modal-body .user-form p {padding: 11px 0 0 0; color: #888; font-size: 12px;} #lgEngrave .modal-body .engrave-style ul{} #lgEngrave .modal-body .engrave-style ul li {display: table; height: 70px;} #lgEngrave .modal-body .engrave-style ul li a {display: block; height: 70px;} #lgEngrave .modal-body .engrave-style ul li a span {height:70px; line-height:70px; text-align: center; padding:0 17px;} #lgEngrave .modal-body .engrave-style ul li a span img {} #lgEngrave .modal-body .engrave-style ul li a span .tc_ccc {width:100%;} body.modal-open.iOS-device { position: fixed; width: 100%; } /* #lgEngrave .modal-body .engrave-style ul li a .img-off {display: block;} */ /* #lgEngrave .modal-body .engrave-style ul li a.active .img-off, #lgEngrave .modal-body .engrave-style ul li a:hover .img-off, #lgEngrave .modal-body .engrave-style ul li a:focus .img-off {display: none;} #lgEngrave .modal-body .engrave-style ul li a .img-on {display: none;} #lgEngrave .modal-body .engrave-style ul li a.active .img-on, #lgEngrave .modal-body .engrave-style ul li a:hover .img-on, #lgEngrave .modal-body .engrave-style ul li a:focus .img-on {display: block;} */ #lgEngrave .modal-body .engrave-style ul li a img {vertical-align: middle;} #lgEngrave .modal-body .engrave-size {} #lgEngrave .modal-body .engrave-size ul{height: 100%;} #lgEngrave .modal-body .engrave-size ul li {display: table; height: 132px; text-align: center;} #lgEngrave .modal-body .engrave-size ul li a {display: table-cell; vertical-align: middle; color: #373736; font-weight: bold;} #lgEngrave .modal-body .engrave-size ul li a.active, #lgEngrave .modal-body .engrave-size ul li a:hover, #lgEngrave .modal-body .engrave-size ul li a:focus {color: #98a491;} #lgEngrave .modal-body .engrave-size ul li.sm a {font-size: 12px;} #lgEngrave .modal-body .engrave-size ul li.md a {font-size: 14px;} #lgEngrave .modal-body .engrave-size ul li.lg a {font-size: 22px;} #lgEngrave .modal-footer {border: 0 none;} #lgEngrave .modal-footer div.reset, #lgEngrave .modal-footer div.save {margin: 15px 0 0 0; padding: 0 10px;} #lgEngrave .modal-footer div.save {padding-bottom: 30px;} #lgEngrave .modal-footer div button {} #lgEngrave .modal-footer .item-engrave {margin: 0; width: 100%;} #lgEngrave .modal-footer .item-engrave img {width: 100%;} #north .badge {font-size: 10px;} #shopItem .item-option .item-buy-actions .btn-cart {padding: 6px 6px;} .action-wishlist {padding-left:10px;} .item-buy-btns li {float:left;padding:0 4px} .item-buy-btns li.wish {width:20%;} .item-buy-btns li.cart {width:40%;} .item-buy-btns li.buy {width:40%;} #shopItem .carousel-indicators {bottom: -60px;} .fitem-frm {margin-top:50px} #shop .list-foot .btn-add .btn-default:hover {color: #fff; background: #938e8d; border: 0 none;} } @media (min-width: 768px) and (max-width: 1199px) { .eye-xs {display: none;} .eye-sm {display: block;} .eye-md {display: none;} .eye-lg {display: none;} .eye-b {display: none;} .eye-s {display: block;} .eye-xslg {display: none !important;} .eye-mdlg {display: block !important;} .form-inline .form-control {width: 100%;} #north {padding: 70px 0 0 0; background: #98a491;} .navbar-inverse {margin: 0; height: 81px; background: #fff; border: 0 none; border-top: 1px solid #eaede9; border-radius: 0; font-size:14px;} .container-fluid {margin-top: 15px;} #north .navbar-brand {position: absolute; left: 50%; top: -62px; margin: 0 0 0 -56px; padding: 0;} #north .navbar-brand img {width: 200px;} #north .navbar-left {width: 45%; font-weight: bold;} #north .navbar-left li {/*width: 25%;*/} #north .navbar-right{/*width: 42%;*/} #north .navbar-right li {/*width: 25%;*/} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color: #373736; background: none;} #north .eye-b {float: left; padding: 0 5px 0 0;} #north .badge-box {float: left; position: relative;} #north .badge-box .badge {position: absolute; left: 5px; bottom: -3px; background-color: #98a491;} .carousel-inner img {height: auto; max-height: 540px;} /* #myYoutube {min-height: 282px;} #myCYO {min-height: 282px;} */ #myCollaboration, #myWords .carousel-inner img {/*height: 201px;*/} #mySns .carousel-inner img {/*height: 402px;*/} #south {padding: 0; font-family: 'hcm', sans-serif; background: #373736;} #soutN {position: relative; height: 184px; background: #fff;} #guestEmail {margin: 0 auto; width: 350px; font-family: 'Poppins', sans-serif; text-align: left;} #guestEmail strong {display: block; padding: 83px 0 10px 0; color: #373736; font-family: 'hcm', sans-serif; font-size: 18px; font-weight: normal;text-align:center} #guestEmail .form-group {float: left; margin: 0; width: 231px; color: #e7e7ed;} #guestEmail .form-control {color: #242528; text-align: left; background: #e7e7ed;} #guestEmail .btn-default {float: left; margin: 0 0 0 10px; width: 100px; color: #242528; font-size: 14px; border: 1px solid #e7e7ed;} #guestEmail .btn-default:hover, #south .btn-default:focus, #south .btn-default.focus, #south .btn-default:active, #south .btn-default.active, .open > .dropdown-toggle.btn-default {color: #fff; background: #373736; border: 1px solid #e7e7ed;} #sMn {position: absolute; left: 0; top: 0; width: 100%; height: 57px;} #sMn ul {list-style-type: none; text-align: center;} #sMn li {display: inline-block; padding: 0 36px; text-align: center;} #sMn li a.dept1 {height: 57px; line-height: 57px; color: #373736; font-family: 'Poppins', sans-serif; font-size: 13px;} #sMn li.ff-NS .smn-toggle, #sMn li.ff-NS a.dept1 {padding: 0; color: #373736; font-family: 'Noto Sans', sans-serif; font-size: 13px; vertical-align: bottom; background: #fff; border: 0 none;} #sMn li img {width: 50%;} #southS {position: relative; min-height: 118px; border-top: 1px solid #d7d7d7;} #sBrand {position:absolute;top:19px;left:10%;width:70px;} #sBrand img {width: 69px;} #sSocialLink {position:absolute;top:40px;right:10px; width: 227px; text-align: right;} #sSocialLink ul {list-style-type: none;} #sSocialLink li {display: inline-block; margin: 0; padding: 0 3px; font-size: 0; text-align: center;} #sSocialLink li a {font-size: 0;} #sSocialLink li img {width: 50%;} #sCopyright {margin-top:22px; color: #929499} #sCopyright p {font-family: 'Poppins', sans-serif; font-size: 8px; text-align: center;} #center h1.first-tit {padding: 66px 0 63px 0;} #shop .list-head h1.shop-tit {padding: 66px 0 11px;} #shop .list-product .list-grid a .brand-name {padding: 17px 0 4px; font-size: 16px;} #shop .list-product .list-grid a .offers {font-size: 16px;} #shop .list-product .list-grid a .btn-box .btn-default {width: 50px; padding:0;height:20px;font-size: 7px; font-weight: bold;} #shop .list-product .list-grid a .btn-box .btn + .btn {} #shop .list-product .list-grid a .info {min-height: 65px;} #shop .list-product .list-grid a:hover .info, #shop .list-product .list-grid a:focus .info {float: left; width: 62%;} #shop .list-product .list-grid a:hover .btn-box, #shop .list-product .list-grid a:focus .btn-box {display: block; width: 34%; float: right;} #shop .list-product .list-grid a .mark span {font-size: 11px;padding:0 4px;} #shopItem item-cont {} #shopItem .item-cont {margin: 0 auto; width: 640px;} #shopItem {font-size: 17px;} #shopItem .container {position: relative;} #shopItem .container .form-inline .form-control {width: 100%;} /*20171124 상세페이지 file 추가*/ .tc_ww_file {width: 100%; padding: 10px; border: 1px solid #ccc; margin-bottom: 5px;} .tc_you_le {float:left; width:100%;} .tc_you_le img {width:100%; height:auto} .tc_you_ri {float:left; width:100%} .tc_gak {margin-top:15px;} .tc_m_cont_top {margin-bottom: 5px;} .tc_tooltip {position: relative; top:-2px; cursor: help; display: inline-block; padding: 0 5px; font-size: 10px; font-weight: bold;border: 1px solid #373736; border-radius: 10px;;} .tc_tooltip span {visibility: hidden;position: absolute; top: 28px;left: 50%;z-index: 999;width: 350px; height:184px; margin-left: -175px;padding: 25px 10px 10px 10px; background-color: #787877; color: #fff; text-align: center; font-size: 16px; font-weight: normal; line-height:32px;} .tc_tooltip:hover span {visibility: visible;} .tc_tooltip span:before, .tc_tooltip span:after {content: ""; position: absolute; z-index: 1000; top: -8px; left: 50%; margin-left: -8px; border-top: 0;border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #787877;} .tc_tooltip span:before {border-top-color: #787877; top: -8px;} .tc_tooltip_img {position: relative; top:-2px; cursor: help; display: inline-block; padding: 0 5px; font-size: 10px; font-weight: bold;border: 1px solid #373736; border-radius: 10px;;} .tc_tooltip_img span {visibility: hidden;position: absolute; top: 28px;left: 50%;z-index: 999;width: 370px; height:586px; margin-left: -185px;padding: 25px 10px 10px 10px;color: #fff; text-align: center; font-size: 14px; font-weight: normal; line-height:29px; background:url('/images/gaklayer.jpg') no-repeat #787877 center 97%;} .tc_tooltip_img:hover span {visibility: visible;} .tc_tooltip_img span:before, .tc_tooltip_img span:after {content: ""; position: absolute; z-index: 1000; top: -8px; left: 50%; margin-left: -8px; border-top: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #787877;} .tc_tooltip_img span:before {border-top-color: #787877; top: -8px;} /*20171224 쿠폰 및 포인트작업*/ .tc_cp_lebox {} .tc_cp_lebox h3 {font-size:16px} .tc_cp_table {margin:0 0 10px} .tc_cp_table_top {background: #e3e3e3; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color:#373736; font-weight:600; margin-top: 15px;} .tc_cp_table_top li {float:left;} .tc_cp_tbl_1 {width:55%; text-align: left; padding-left: 15px;} .tc_cp_tbl_2 {width:33%; text-align:center;} .tc_cp_tbl_3 {width:12%; text-align:center;} .tc_cp_cont {margin-top:15px; float:left; width:100%;} .tc_cp_cont li {float:left;} .tc_cp_cont_1 {width:55%; text-align: left; padding-left: 10px;} .tc_cp_cont_1 img {max-width:100%; height:auto;} .tc_cp_cont_2 {width:33%; text-align:center; font-size:14px; padding:37px 0;} .tc_cp_cont_3 {width:12%; text-align:center; font-size:14px; padding:37px 0;} .tc_cp_subject {float:left; width:100%; padding:15px 0 15px 15px; font-size:15px; color:#373736; border-bottom:1px dashed #787877;} .tc_cp_down {background: #e3e3e3; padding: 5px 0px; margin: 42px 0 0 5px; width: 7%;} .tc_cp_table_mytop {background: #e3e3e3; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color:#373736; font-weight:600; margin-top: 15px;} .tc_cp_table_mytop li {float:left;} .tc_cp_tbl_my1 {width:35%; padding-left: 15px; font-size:14px} .tc_cp_tbl_my2 {width:50%; font-size:14px} .tc_cp_tbl_my3 {width:15%; font-size:14px} .tc_cp_lebox_btinfo {display: inline-block; width: 100%; margin-top: 70px;} .tc_cp_lebox_btinfo h4 {font-size: 16px; font-weight: bold; margin-bottom: 15px;} .tc_cp_lebox_btinfo p {font-size: 14px; padding-left: 10px; margin-bottom: 5px;} .tc_od_cp_box {padding:20px 0; border-bottom: 1px solid #bcbdbe;} .tc_od_cp_box h4 {font-size:15px; font-weight:bold;margin-bottom: 20px;} .tc_od_cp_list {display: inline-block; width: 100%; padding: 6px 12px; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} .tc_od_cp_list span {float:right} .tc_od_cp_line {border-bottom:1px dashed #bcbdbe;margin: 10px 0 10px 0;} .tc_od_cp_list li {display:inline-block; width:100%; height: 30px; line-height: 30px; padding: 0 5px; background: #e3e3e3; margin-bottom: 4px; letter-spacing: -0.5px;} .tc_cp_table_point {background: #e3e3e3; width: 100%; padding:0 10px; height: 50px; line-height: 50px; font-size: 14px; color: #373736; font-weight: 600; margin-top: 15px;} .tc_cp_point_1 {float:left;} .tc_cp_point_2 {float:right;} .tc_cp_table_point_list {background: #e3e3e3; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #373736; font-weight: 600; margin-top: 15px;} .tc_cp_table_point_list li {float:left; text-align:center;} .tc_cp_tbl_pt1 {width:33.33333%; font-size:14px; text-align:center;} .tc_cp_tbl_pt2 {width:33.33333%; font-size:14px; text-align:center;} .tc_cp_tbl_pt3 {width:33.33333%; font-size:14px; text-align:center;} #cp_list {display:inline-block; width:100%;} .tc_od_cp_can {width: 100%; display: inline-block;} .tc_od_cp_can_btn {padding: 6px 35px; width:100%; margin-top:5px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent;} #overLay {position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.5);} .tc_outer {display: table;width: 100%;height: 100%;} .tc_inner {display: table-cell; vertical-align: middle; text-align: center;} .tc_centered { position: relative; display: inline-block; width: 581px; height:560px; background: #fff;} .tc_order_b {float:left; width:100%; padding: 65px 145px 75px 145px; text-align:center; font-size:18px;} .tc_order_b h3 {color:#98a491; line-height:27px;} .tc_order_b p {color:#020202; line-height:27px; border-top: 1px solid #020202; margin-top: 16px; padding-top: 16px;} .tc_order_c {float:left; width:100%; padding: 0px 30px;} .tc_order_submit {float:left; width:256px; height:42px; line-height:42px; text-align:center; background:#98a491; font-size:13px; font-weight:bold;} .tc_order_txt {display: inline-block; margin-top: 35px; font-size: 14px;} .tc_order_close {position:absolute; top:5px; right:15px; color:#fff; font-size:30px; font-weight:bold;} .tc_centered img {max-width:100%;} /*슬라이드작업*/ .sct_tc_width {} .tc_sct_a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9;} .tc_sct_prev {left: 10px; background: url('/img/bx_controls.png') no-repeat 0 -32px;} .tc_sct_next {right: 10px; background: url('/img/bx_controls.png') no-repeat -43px -32px;} .tc_sct_prev:hover {background-position:0 0;} .tc_sct_next:hover {background-position:-43px 0;} .jbMenu {width: 100%; z-index: 9999; position: relative;} .jbFixed {position: fixed; top: 0px;} #overLay0 {display:none; position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.3);} .outer0 {display: table;width: 100%;height: 100%;} .inner0 {display: table-cell; vertical-align: middle; text-align: center;} #popUp0 {display: inline-block; position: relative; width: 400px; background: #787877; color:#fff; font-size:16px; padding-top:20px} #popUp0 img {margin-top:25px;} #closeBtn0 {display: block; margin: 10px 25px; cursor: pointer; background: #787877; width: 350px; height: 30px; line-height: 30px;} #showBtn0 {display: inline-block; text-align: center; border-radius: 10px; border: 1px solid #333; padding: 0px 6px; margin-left:10px; font-size:12px; cursor:pointer;} #overLay1 {display:none; position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.3);} .outer1 {display: table; width: 100%;height: 100%;} .inner1 {display: table-cell; vertical-align: middle; text-align: center;} #popUp1 {display: inline-block; position: relative; width: 400px; height:200px; background: #787877; color:#fff; font-size:16px; padding-top:20px} #closeBtn1 {display: block; margin: 25px 25px 10px 25px; cursor: pointer; background: #787877; width: 350px; height: 30px; line-height: 30px; } #showBtn1 {display: inline-block; text-align: center; border-radius: 10px; border: 1px solid #333; padding: 0px 7px; margin-left:10px; font-size:12px; cursor:pointer;} .tc_gak_btn {display:none;} .tc_gak_btn_mobile {display:block; max-width:100%; height:auto;} .tc_share_icon {margin-top:0px;} /*체크박스 크기*/ .tc_gak_ckbox {-ms-transform: scale(1.5); /* IE */ -moz-transform: scale(1.5); /* FF */ -webkit-transform: scale(1.5); /* Safari and Chrome */ -o-transform: scale(1.5); /* Opera */ margin:0 10px 0 0 !important; } .tc_gak_font {font-size:15px; margin-bottom: 15px;} .tc_gak_label {width: 100%; margin: 0 0 15px 0 !important; font-size: 15px !important; padding-left: 0 !important;} .tc_gak_text {display:block; margin:-5px 0 0 27px;} .tc_gak_lyinfo {float:left; margin-top:-7px} .pluslo {position: absolute; top: -3px; right: 10px; font-size: 30px !important; color: #a0a0a0;} .minuslo {position: absolute; top: -3px; left: 10px; font-size: 30px !important; color: #a0a0a0;} .slider.slider-horizontal {width: 79%; height: 20px; left: 0; right: 0; position: absolute; margin: 0 auto;} .tc_new_login {width: 100%; display: inline-block; margin-top: 60px;} .tc_new_join {width: 75%; margin: 65px auto;} .tc_pc_img {display:none;} .tc_mobile_img {display:block;max-width:100%; height:auto;} .tc_new_itemlist {position: fixed; left: 0; top: 205px; z-index:99;} .tc_new_itemlist a {position:relative;text-align: center; background: #98a491; font-size: 16px; color: #fff; padding: 8px 20px 8px 40px; font-weight: bold; letter-spacing: 2px;} .tc_new_itemlist a i {font-size:26px; position:absolute; left:22px; top:6px;} .tc_width {display: inline-block; width: 30px;} .tc_loading {width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.5); z-index: 999; border: 1px solid #5d5d5d; border-radius: 6px;} .tc_loading_center {position: absolute; left: 50%; bottom: 15%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); text-align: center; font-size: 20px;color: #fff; font-weight: 600;} .tc_list_item {} .tc_list_item_sp {font-size:12px; color:#000; font-weight:300;} .tc_nomem {display: inline-block; width: 100%; margin-top: 20px !important; border-top: 1px solid #ccc; padding-top: 20px;} .tc_guest_info {} #tc_guest_info_overLay {position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.5);} .tc_guest_info_outer {display: table;width: 100%;height: 100%;} .tc_guest_info_inner {display: table-cell; vertical-align: middle; text-align: center;} .tc_guest_info_centered { position: relative; display: inline-block; width: 465px; padding: 40px; background: #fff;} .tc_guest_info_p1 {color:#98a491; font-size:24px; letter-spacing: -1px;} .tc_guest_info_p1 span {color:#823f43;} .tc_guest_info_p2 {font-size:16px; color:#98a491; border-top:1px solid #000; border-bottom:1px solid #000; padding:20px 0; margin: 35px 0 25px 0;} .tc_guest_info_p3 {font-size:18px; color:#000;} .tc_guest_btn_box {margin-top: 40px;} .tc_guest_btn_box button {width:165px; height:80px; background:#98a491; color:#000; text-align:center !important; font-size:16px !important; font-weight: 500 !important; border:0; border-radius:0;} .tc_pc_on {display:block;} .tc_m_on {display:none;} #shopItem .carousel {position: absolute; left: 0; top: 0; width: 100%;} #shopItem .carousel .stacked-media {} #shopItem .carousel-inner {width: 50%;} #shopItem .carousel-inner img {width: 100%;} #shopItem .carousel-indicators {position: absolute; top: 360px; right: 0; z-index: 15; width: 50%; margin: 0; padding: 0;} #shopItem .carousel-indicators li {width: 59px; height: 60px;} #shopItem .carousel-indicators .active {width: 59px; height: 60px;} #shopItem .carousel-indicators img {width: 100%; height: 100%;} #shopItem .carousel-control {position: absolute; top: 378px; right: 0; z-index: 15; width: 30px; height: 30px; margin: 0; padding: 0;} #shopItem .carousel-control.left {left: 52%;} #shopItem .carousel-control.right {right: 2%;} #shopItem .container .item-head {margin: 0 0 0 auto; padding: 82px 0 0 0; width: 50%; height: 464px;} #shopItem .item-head .item-intro {padding: 0;} #shopItem .item-head .item-nav {padding: 32px 0 24px 0; font-size: 8px;} #shopItem .item-head .item-tit {font-size: 24px;} #shopItem .item-head .item-tit .item-name {} #shopItem .item-head .item-tit .item-text {padding: 12px 0 5px; font-size: 14px;} #shopItem .item-head .item-tit .item-code {font-size: 12px;} #shopItem .item-head .item-offers {padding: 19px 0; font-size: 19px;} #shopItem .item-head .item-details {font-size: 10px;} #shopItem .container .item-option {clear: both; padding: 0 0 75px 0; width: 100%;} #shopItem .container .item-option .stacked {position: relative; margin: 0 auto 0 0; width: 50%;} #shopItem .item-option .choice-box {padding: 43px 0 0 0;} #shopItem .item-option .choice-box > div {margin: 0 0 5px 0;} #shopItem .item-option .choice-box button {padding: 10px 12px; font-size: 12px;} #shopItem .item-option .item-engrave {position: absolute; right: -100%; top: 0; width: 100%;} #shopItem .item-option .item-buy-box {padding: 20px 0; font-size: 12px;} #shopItem .item-option .item-buy-box .item-quantity div button, #shopItem .item-option .item-buy-box .item-quantity div input {font-size: 18px;} #shopItem .item-option .item-buy-box .item-quantity div input {min-height: 42px; font-weight: bold;} #shopItem .item-option .item-buy-box .item-quantity div button {padding: 6px 0; font-size: 22px;} #shopItem .item-option .item-buy-box .item-buy-offers {padding: 2% 0 0 0; font-size: 18px;} #shopItem .item-option .item-buy-box .item-buy-offers .pricing {margin: 0 15% 0 0;} #shopItem .item-option .item-buy-actions {position: relative; padding: 0; height: 110px;} #shopItem .item-option .item-buy-actions button {font-size: 14px; font-weight: bold;} #shopItem .item-option .item-buy-actions .action-buy {clear: both; float: none; margin: 0 auto;} #shopItem .item-option .item-buy-actions .action-buy button {padding: 10px 12px; font-size: 15px;} #shopItem .item-option .item-buy-actions .action-wishlist, #shopItem .item-option .item-buy-actions .action-addbag {position: absolute; top: 52px;} #shopItem .item-option .item-buy-actions .action-wishlist button, #shopItem .item-option .item-buy-actions .action-addbag button {color: #414040; background: none; border: 0 none;} #shopItem .item-option .item-buy-actions .action-wishlist button.btn {text-align:left} #shopItem .item-option .item-buy-actions .action-wishlist {left: 29.08px;} #shopItem .item-option .item-buy-actions .action-addbag {right: 29.08px;} #shopItem .item-option .item-buy-actions .action-addbag button {text-align: right;} #shopItem .item-option .item-buy-actions .glyphicon {display: none;} #shopItem .item-option .item-buy-actions .sound_only {display:inline-block !important;position:relative;top:0;left:0;margin:0 !important;padding:0 !important;width:auto !important;height:auto !important;font-size:14px;text-indent:0;line-height:1.42857143;border:0 !important;overflow:hidden !important} #shopItem .item-option .item-share {padding: 0 0 63px 0;} #shopItem .item-option .item-share strong {font-size: 10px;} #shopItem .item-option .item-share .txt, #shopItem .item-option .item-share a {padding: 0 7px; width: 11%;} #shopItem .item-option .item-share .clearfix {margin: 0} #shopItem .item-option .item-share img {width: 100%;} #shopItem .container .item-cont {position: relative; margin: 0 auto; padding: 0; width: 100%; background-color: #fff; z-index: 14;} #shopItem .item-cont .item-title, #shopItem .item-cont .panel-title > a {font-size: 17px;} #shopItem .item-as dd {font-weight: normal;} #lgEngrave {z-index:99999} #lgEngrave .modal-content {padding: 0 20px 10px 20px;} #lgEngrave .modal-dialog {} #lgEngrave .modal-header {padding: 10px 0 10px; border: 0 none;} #lgEngrave .modal-body {} #lgEngrave .modal-body > section, #lgEngrave .modal-footer > section {border: 1px solid #acacac; border-top: 0 none;} #lgEngrave .modal-body h4, #lgEngrave .modal-footer h4 {margin: 0; padding: 0; height: 48px; line-height: 48px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background-color: #373736;} #lgEngrave .modal-body section.engrave-you {} #lgEngrave .modal-body .user-choice {} #lgEngrave .modal-body .user-choice p {padding: 18px 34px 5px 34px; color: #414040; font-size: 14px; color:#823e43; font-weight:bold;} #lgEngrave .modal-body .user-choice a {display: inline-block; padding: 12px 0 12px 0; color: #888; font-weight: bold; font-size:10pt; } #lgEngrave .modal-body .user-choice .textcenter {text-align:center;} #lgEngrave .modal-body .user-choice a:hover, #lgEngrave .modal-body .user-choice a:focus, #lgEngrave .modal-body .user-choice a.active {color: #98a491;} #lgEngrave .modal-body .user-form {padding: 20px 35px; border-bottom: 1px solid #acacac;} #lgEngrave .modal-body .user-form .form-group {margin: 0;} #lgEngrave .modal-body .user-form .form-group .user-text {color: #823e43; font-size: 14px; font-weight: bold;} #lgEngrave .modal-body .user-form .form-group .form-control {line-height:25px; color: #98a491; font-size: 14px; font-weight: bold; border: 0 none; border-bottom: 1px solid #a7a7a7;} #lgEngrave .modal-body .user-form p {padding: 11px 0 0 0; color: #888; font-size: 12px; } #lgEngrave .modal-body .engrave-style ul{} #lgEngrave .modal-body .engrave-style ul li {display: table; height: 70px;} #lgEngrave .modal-body .engrave-style ul li a {display: block; height: 70px;} #lgEngrave .modal-body .engrave-style ul li a span {height:70px; line-height:70px; text-align: center; padding:0 17px;} #lgEngrave .modal-body .engrave-style ul li a span .tc_ccc {width:100%;} #lgEngrave .modal-body .engrave-style ul li a span img {} /* #lgEngrave .modal-body .engrave-style ul li a .img-off {display: block;} */ /* #lgEngrave .modal-body .engrave-style ul li a.active .img-off, #lgEngrave .modal-body .engrave-style ul li a:hover .img-off, #lgEngrave .modal-body .engrave-style ul li a:focus .img-off {display: none;} #lgEngrave .modal-body .engrave-style ul li a .img-on {display: none;} #lgEngrave .modal-body .engrave-style ul li a.active .img-on, #lgEngrave .modal-body .engrave-style ul li a:hover .img-on, #lgEngrave .modal-body .engrave-style ul li a:focus .img-on {display: block;} */ #lgEngrave .modal-body .engrave-style ul li a img {vertical-align: middle;} #lgEngrave .modal-body .engrave-size {} #lgEngrave .modal-body .engrave-size ul{height: 100%;} #lgEngrave .modal-body .engrave-size ul li {display: table; height: 132px; text-align: center;} #lgEngrave .modal-body .engrave-size ul li a {display: table-cell; vertical-align: middle; color: #373736; font-weight: bold;} #lgEngrave .modal-body .engrave-size ul li a.active, #lgEngrave .modal-body .engrave-size ul li a:hover, #lgEngrave .modal-body .engrave-size ul li a:focus {color: #98a491;} #lgEngrave .modal-body .engrave-size ul li.sm a {font-size: 12px;} #lgEngrave .modal-body .engrave-size ul li.md a {font-size: 14px;} #lgEngrave .modal-body .engrave-size ul li.lg a {font-size: 22px;} #lgEngrave .modal-footer {border: 0 none;} #lgEngrave .modal-footer div.reset, #lgEngrave .modal-footer div.save {margin: 15px 0 0 0; padding: 0 10px;} #lgEngrave .modal-footer div.save {padding-bottom: 30px;} #lgEngrave .modal-footer div button {} #lgEngrave .modal-footer .item-engrave {margin: 0; width: 100%;} #lgEngrave .modal-footer .item-engrave img {width: 100%;} } @media (min-width: 992px) and (max-width: 1199px) { /* .eye-xs {display: none;} .eye-sm {display: block;} .eye-md {display: none;} .eye-lg {display: none;} .eye-b {display: none;} .eye-s {display: block;} */ #shop .list-product .list-grid a:hover .info, #shop .list-product .list-grid a:focus .info {float: left; width: 75%;} #shop .list-product .list-grid a:hover .btn-box, #shop .list-product .list-grid a:focus .btn-box {display: block; width: 24%; float: right;} } @media (min-width: 1200px) { .eye-xs {display: none;} .eye-sm {display: none;} .eye-md {display: block;} .eye-lg {display: block;} .eye-b {display: block;} .eye-s {display: none;} .eye-xslg {display: block !important;} .eye-mdlg {display: block !important;} body {} /*20171124 상세페이지 file 추가*/ .tc_ww_file {width: 100%; padding: 10px; border: 1px solid #ccc; margin-bottom: 5px;} .tc_you_le {float:left; width:50%;} .tc_you_le img {width: 80%; margin: 0 auto;} .tc_you_ri {float:left; width:50%} .tc_gak {margin-top:15px;} .tc_m_cont_top {margin-bottom: 15px;} .tc_tooltip {position: relative; top:-2px; cursor: help; display: inline-block; padding: 0 5px; font-size: 10px; font-weight: bold;border: 1px solid #373736; border-radius: 10px;} .tc_tooltip span {visibility: hidden;position: absolute; top: 28px;left: 50%;z-index: 999;width: 350px; height:184px; margin-left: -175px;padding: 25px 10px 10px 10px; background-color: #787877; color: #fff; text-align: center; font-size: 16px; font-weight: normal; line-height:32px;} .tc_tooltip:hover span {visibility: visible;} .tc_tooltip span:before, .tc_tooltip span:after {content: ""; position: absolute; z-index: 1000; top: -8px; left: 50%; margin-left: -8px; border-top: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #787877;} .tc_tooltip span:before {border-top-color: #787877; top: -8px;} .tc_tooltip_img {position: relative; top:-2px; cursor: help; display: inline-block; padding: 0 5px; font-size: 10px; font-weight: bold;border: 1px solid #373736; border-radius: 10px;} .tc_tooltip_img span {visibility: hidden;position: absolute; top: 28px;left: 50%;z-index: 999;width: 370px; height:586px; margin-left: -185px;padding: 25px 10px 10px 10px;color: #fff; text-align: center; font-size: 14px; font-weight: normal; line-height:29px; background:url('/images/gaklayer.jpg') no-repeat #787877 center 97%;} .tc_tooltip_img:hover span {visibility: visible;} .tc_tooltip_img span:before, .tc_tooltip_img span:after {content: ""; position: absolute; z-index: 1000; top: -8px; left: 50%; margin-left: -8px; border-top: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #787877;} .tc_tooltip_img span:before {border-top-color: #787877; top: -8px;} #overLay {position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.5);} .tc_outer {display: table;width: 100%;height: 100%;} .tc_inner {display: table-cell; vertical-align: middle; text-align: center;} .tc_centered { position: relative; display: inline-block; width: 581px; height:560px; background: #fff;} .tc_order_b {float:left; width:100%; padding: 65px 145px 75px 145px; text-align:center; font-size:18px;} .tc_order_b h3 {color:#98a491; line-height:27px;} .tc_order_b p {color:#020202; line-height:27px; border-top: 1px solid #020202; margin-top: 16px; padding-top: 16px;} .tc_order_c {float:left; width:100%; padding: 0px 30px;} .tc_order_submit {float:left; width:256px; height:42px; line-height:42px; text-align:center; background:#98a491; font-size:13px; font-weight:bold;} .tc_order_txt {display: inline-block; margin-top: 35px; font-size: 14px;} .tc_order_close {position:absolute; top:5px; right:15px; color:#fff; font-size:30px; font-weight:bold;} .tc_centered img {max-width:100%;} .jbMenu {width: 100%; z-index: 9999; position: relative;} .jbFixed {position: fixed; top: 0px;} /*20171224 쿠폰 및 포인트작업*/ .tc_cp_lebox {margin-top:20px} .tc_cp_lebox h3 {font-size:16px} .tc_cp_table {margin:0 0 10px} .tc_cp_table_top {background: #e3e3e3; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color:#373736; font-weight:600; margin-top: 15px;} .tc_cp_table_top li {float:left;} .tc_cp_tbl_1 {width:55%; text-align: left; padding-left: 15px;} .tc_cp_tbl_2 {width:33%; text-align:center;} .tc_cp_tbl_3 {width:12%; text-align:center;} .tc_cp_cont {margin-top:15px; float:left; width:100%;} .tc_cp_cont li {float:left;} .tc_cp_cont_1 {width:55%; text-align: left; padding-left: 10px;} .tc_cp_cont_1 img {width:270px; height:auto;} .tc_cp_cont_2 {width:33%; text-align:center; font-size:14px; padding:37px 0;} .tc_cp_cont_3 {width:12%; text-align:center; font-size:14px; padding:37px 0;} .tc_cp_subject {float:left; width:100%; padding:15px 0 15px 15px; font-size:15px; color:#373736; border-bottom:1px dashed #787877;} .tc_cp_down {background: #e3e3e3; padding: 5px 0px; margin: 42px 0 0 5px; width: 50px;} .tc_cp_table_mytop {background: #e3e3e3; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color:#373736; font-weight:600; margin-top: 15px;} .tc_cp_table_mytop li {float:left;} .tc_cp_tbl_my1 {width:35%; padding-left: 15px; font-size:14px} .tc_cp_tbl_my2 {width:50%; font-size:14px} .tc_cp_tbl_my3 {width:15%; font-size:14px} .tc_cp_lebox_btinfo {display: inline-block; width: 100%; margin-top: 70px;} .tc_cp_lebox_btinfo h4 {font-size: 16px; font-weight: bold; margin-bottom: 15px;} .tc_cp_lebox_btinfo p {font-size: 14px; padding-left: 10px; margin-bottom: 5px;} .tc_od_cp_box {padding:20px 10px; border-bottom: 1px solid #bcbdbe;} .tc_od_cp_box h4 {font-size:15px; font-weight:bold;margin-bottom: 20px;} .tc_od_cp_list {display: inline-block; width: 350px; padding: 6px 12px; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} .tc_od_cp_list span {float:right} .tc_od_cp_line {border-bottom:1px dashed #bcbdbe;margin: 10px 0 10px 0;} .tc_od_cp_list li {display:inline-block; width:100%; height: 30px; line-height: 30px; padding: 0 5px; background: #e3e3e3; margin-bottom: 4px;} .tc_cp_table_point {background: #e3e3e3; width: 100%; padding:0 10px; height: 50px; line-height: 50px; font-size: 14px; color: #373736; font-weight: 600; margin-top: 15px;} .tc_cp_point_1 {float:left;} .tc_cp_point_2 {float:right;} .tc_cp_table_point_list {background: #e3e3e3; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #373736; font-weight: 600; margin-top: 15px;} .tc_cp_table_point_list li {float:left; text-align:center;} .tc_cp_tbl_pt1 {width:33.33333%; font-size:14px; text-align:center;} .tc_cp_tbl_pt2 {width:33.33333%; font-size:14px; text-align:center;} .tc_cp_tbl_pt3 {width:33.33333%; font-size:14px; text-align:center;} #cp_list {display:inline-block; width:100%;} .tc_od_cp_can {float:right; margin-right:5px;} .tc_od_cp_can_btn {padding: 6px 35px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent;} #overLay0 {display:none; position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.3);} .outer0 {display: table;width: 100%;height: 100%;} .inner0 {display: table-cell; vertical-align: middle; text-align: center;} #popUp0 {display: inline-block; position: relative; width: 400px; background: #787877; color:#fff; font-size:16px; padding-top:20px} #popUp0 img {margin-top:25px;} #closeBtn0 {display: block; margin: 10px 25px; cursor: pointer; background: #787877; width: 350px; height: 30px; line-height: 30px;} #showBtn0 {display: inline-block; text-align: center; border-radius: 10px; border: 1px solid #333; padding: 0px 6px; margin-left:5px; font-size:12px; cursor:pointer;} #overLay1 {display:none; position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.3);} .outer1 {display: table; width: 100%;height: 100%;} .inner1 {display: table-cell; vertical-align: middle; text-align: center;} #popUp1 {display: inline-block; position: relative; width: 400px; height:200px; background: #787877; color:#fff; font-size:16px; padding-top:20px} #closeBtn1 {display: block; margin: 25px 25px 10px 25px; cursor: pointer; background: #787877; width: 350px; height: 30px; line-height: 30px; } #showBtn1 {display: inline-block; text-align: center; border-radius: 10px; border: 1px solid #333; padding: 0px 7px; margin-left:5px; font-size:12px; cursor:pointer;} .tc_share_icon {margin-top:20px !important;} .tc_gak_btn {display:block;} .tc_gak_btn_mobile {display:none;} /*슬라이드작업*/ .sct_tc_width {} .tc_sct_a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9;} .tc_sct_prev {left: 10px; background: url('/img/bx_controls.png') no-repeat 0 -32px;} .tc_sct_next {right: 10px; background: url('/img/bx_controls.png') no-repeat -43px -32px;} .tc_sct_prev:hover {background-position:0 0;} .tc_sct_next:hover {background-position:-43px 0;} /*체크박스 크기*/ .tc_gak_ckbox {-ms-transform: scale(1.5); /* IE */ -moz-transform: scale(1.5); /* FF */ -webkit-transform: scale(1.5); /* Safari and Chrome */ -o-transform: scale(1.5); /* Opera */ margin:0 10px 0 0 !important; } .tc_gak_font {font-size:15px} .tc_gak_label {width: 100%; margin: 0 0 15px 0 !important; font-size: 15px !important; padding-left: 0 !important;} .tc_gak_text {display:block; margin:-5px 0 0 27px;} .tc_gak_lyinfo {float:left; margin-top:-7px} .pluslo {position: absolute; top: -3px; right: 10px; font-size: 30px !important; color: #a0a0a0;} .minuslo {position: absolute; top: -3px; left: 10px; font-size: 30px !important; color: #a0a0a0;} .tc_new_login {width: 100%; display: inline-block; margin-top: 60px;} .tc_new_join {width: 304px; margin: 65px auto;} .tc_pc_img {display:block; margin: 0 auto;} .tc_mobile_img {display:none;} .tc_new_itemlist {position: fixed; left: 0; top: 205px; z-index:99;} .tc_new_itemlist a {position:relative;text-align: center; background: #98a491; font-size: 18px; color: #fff; padding: 8px 20px 8px 40px; font-weight: bold; letter-spacing: 2px;} .tc_new_itemlist a i {font-size:34px; position:absolute; left:16px; top:4px;} .tc_width {display: inline-block; width: 30px;} #north {/*padding: 12px 0 0 0; background: #98a491; border-top: 1px solid #adb6a7;*/} .navbar-inverse {margin: 0; height: 106px; background: #fff; border: 0 none; border-bottom: 1px solid #eaede9; border-radius: 0; font-size: 15px} #north .navbar-brand {position: absolute; left: 46%; top: 30px; margin: 0 0 0 -68px; padding: 0;} #north .navbar-left {font-weight: bold;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color: #373736; background: none;} #north .eye-b {float: left; padding: 0 5px 0 0;} #north .badge-box {float: left; position: relative;} #north .badge-box .badge {position: absolute; left: 5px; bottom: -3px; background-color: #98a491;} .carousel-inner img {height: auto; /*max-height: 675px;*/} .tc_loading {width: 1120px; height: 578px; position: fixed; background: rgba(0,0,0,0.5); z-index: 999; border: 1px solid #5d5d5d; border-radius: 6px;} .tc_loading_outer {display: table; width: 100%; height: 100%;} .tc_loading_inner {display: table-cell; vertical-align: middle; text-align: center;} .tc_loading_center {text-align: center; font-size: 20px;color: #fff; font-weight: 600;} .tc_list_item {} .tc_list_item_sp {font-size:12px; color:#000; font-weight:300;} .tc_nomem {display: inline-block; width: 100%; margin-top: 20px !important; border-top: 1px solid #ccc; padding-top: 20px;} .tc_guest_info {} #tc_guest_info_overLay {position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.5);} .tc_guest_info_outer {display: table;width: 100%;height: 100%;} .tc_guest_info_inner {display: table-cell; vertical-align: middle; text-align: center;} .tc_guest_info_centered { position: relative; display: inline-block; width: 465px; padding: 40px; background: #fff;} .tc_guest_info_p1 {color:#98a491; font-size:24px; letter-spacing: -1px;} .tc_guest_info_p1 span {color:#823f43;} .tc_guest_info_p2 {font-size:16px; color:#98a491; border-top:1px solid #000; border-bottom:1px solid #000; padding:20px 0; margin: 35px 0 25px 0;} .tc_guest_info_p3 {font-size:18px; color:#000;} .tc_guest_btn_box {margin-top: 40px;} .tc_guest_btn_box button {width:165px; height:80px; background:#98a491; color:#000; text-align:center !important; font-size:16px !important; font-weight: 500 !important; border:0; border-radius:0;} .tc_pc_on {display:block;} .tc_m_on {display:none;} /* #myYoutube {min-height: 353px;} #myCYO {min-height: 353px;} */ #myCollaboration, #myWords .carousel-inner img {/*height: 251px;*/} #mySns .carousel-inner img {/*height: 502px;*/} #south {padding: 0; font-family: 'hcm', sans-serif; background: #373736;} #soutN {position: relative; height: 196px; background: #fff;} #guestEmail {margin: 0 auto; width: 410px; font-family: 'Poppins', sans-serif; text-align: center;} #guestEmail strong {display: block; padding: 23px 0 10px 0; color: #373736; font-family: 'hcm', sans-serif; font-size: 18px; font-weight: normal;} #guestEmail .form-group {float: left; margin: 0; width: 291px; color: #e7e7ed;} #guestEmail .form-control {color: #242528; text-align: left; background: #e7e7ed;} #guestEmail .btn-default {float: left; margin: 0 0 0 10px; width: 100px; color: #242528; border: 1px solid #e7e7ed;} #guestEmail .btn-default:hover, #south .btn-default:focus, #south .btn-default.focus, #south .btn-default:active, #south .btn-default.active, .open > .dropdown-toggle.btn-default {color: #fff; background: #373736; border: 1px solid #e7e7ed;} #sMn {float: right; margin: 19px 0 0 0; width: 15%;} #sMn ul {list-style-type: none;} #sMn li {padding: 0 7px; text-align: left;} #sMn li a.dept1 {color: #373736; font-family: 'Poppins', sans-serif; font-size: 13px; line-height: 2.5;} #sMn li.ff-NS .smn-toggle, #sMn li.ff-NS a.dept1 {padding: 0; color: #373736; font-family: 'Noto Sans', sans-serif; font-size: 13px; vertical-align: bottom; background: #fff; border: 0 none;} #sMn li img {width: 50%;} #southS {position: relative; min-height: 118px; border-top: 1px solid #d7d7d7;} /*#sBrand {float: left; padding: 19px 0 0 10%; width: 20%; text-align: left;}*/ #sBrand {position:absolute;top:19px;left:10%;width:70px;} #sBrand img {width: 69px;} #sSocialLink {position:absolute;top:40px;right:10%; width: 327px; text-align: right;} #sSocialLink ul {list-style-type: none;} #sSocialLink li {display: inline-block; margin: 0; padding: 0 3px; font-size: 0; text-align: center;} #sSocialLink li a {font-size: 0;} #sSocialLink li img {width: 50%;} #sCopyright {color: #929499;margin-top:22px;} #sCopyright p {font-family: 'Poppins', sans-serif; font-size: 8px; text-align: center;} #center h1.first-tit {padding: 135px 0 70px 0;} #shop .list-head h1.shop-tit {padding: 52px 0 11px;} #shop .list-head .shop-results {color: #938e8d; font-size: 15px; font-weight: bold; text-align: center;} #shopItem {font-size: 17px; /*background-color: #f2f2f2;*/} #shopItem .affix {position: fixed; top: 70px; z-index: 999} #shopItem .container {padding: 0; width: 1200px;} #shopItem .container .form-inline .form-control {width: 100%;} #shopItem #itemMedia .affix {position: relative; top: 0;} #shopItem .carousel {position: absolute; left: 50%; width: 512px; margin-left: -261px; z-index: 15;} #shopItem .carousel .item-engrave {width: 512px;height:512px;} #shopItem .carousel .item-engrave img {width: 100%;} #shopItem .carousel-indicators {position: absolute; top: 410px; left: 50%; z-index: 15; width: 339px; margin-left: -600px; padding-left: 0;} #shopItem .affix .carousel-indicators {position: fixed; top: 370px;} #shopItem .carousel-indicators li {width: 59px; height: 60px;} #shopItem .carousel-indicators .active {width: 59px; height: 60px;} #shopItem .carousel-indicators img {width: 100%; height: 100%;} #shopItem .carousel-control {position: absolute; top: 420px; left: 50%; z-index: 15; width: 30px; height: 30px; margin-left: -599px; padding-left: 0;} #shopItem .affix .carousel-control {position: fixed; top: 385px;} #shopItem .carousel-control.right {left: 50%; margin-left: -285px; } #shopItem .container .item-head {padding: 130px 0 0 0; width: 339px; height: 381px;} #shopItem .container .item-head .stacked {width: 339px; height: 260px; background-color: #fff;} #shopItem .item-head .item-intro {padding: 0;} #shopItem .item-head .item-nav {padding: 32px 0 24px 0; font-size: 8px;} #shopItem .item-head .item-tit {font-size: 24px;} #shopItem .item-head .item-tit .item-name {} #shopItem .item-head .item-tit .item-text {padding: 12px 0 5px; font-size: 14px;} #shopItem .item-head .item-tit .item-code {font-size: 12px;} #shopItem .item-head .item-offers {padding: 19px 0; font-size: 19px;} #shopItem .item-head .item-details {font-size: 10px;height:80px;overflow-y:scroll} #shopItem .container .item-option {float: right; padding: 130px 0 0 0; width: 349px;min-height: 381px;} #shopItem .container .item-option .stacked {width: 349px; min-height: 381px; background-color: #fff;} #shopItem .item-option .choice-box {padding: 43px 0 0 0;} #shopItem .item-option .choice-box > div {margin: 0 0 5px 0;} #shopItem .item-option .choice-box button {font-size: 11px;} #shopItem .item-option .item-buy-box {padding: 15px 0; font-size: 10px;} #shopItem .item-option .item-buy-box strong {} #shopItem .item-option .item-buy-box .item-quantity div button, #shopItem .item-option .item-buy-box .item-quantity div input {font-size: 12px;} #shopItem .item-option .item-buy-box .item-quantity div input {color: #373736; min-height: 31px; font-weight: bold;} #shopItem .item-option .item-buy-box .item-quantity div button {padding: 6px 0; font-size: 14px;} #shopItem .item-option .item-buy-box .item-quantity div.col-sm-2 {width: 8.33333333%;} #shopItem .item-option .item-buy-box .item-quantity div.text-right {margin-left: 0;} #shopItem .item-option .item-buy-box .item-buy-offers {padding: 0; font-size: 16px; text-align: center;} #shopItem .item-option .item-buy-actions {position: relative; padding: 0; height: 60px;} #shopItem .item-option .item-buy-actions button {font-size: 10px; font-weight: bold;} #shopItem .item-option .item-buy-actions .action-buy {clear: both; float: none; margin: 0 auto;} #shopItem .item-option .item-buy-actions .action-wishlist, #shopItem .item-option .item-buy-actions .action-addbag {position: absolute; top: 28px;} #shopItem .item-option .item-buy-actions .action-wishlist button, #shopItem .item-option .item-buy-actions .action-addbag button {color: #414040; background: none; border: 0 none;} #shopItem .item-option .item-buy-actions .action-wishlist {left: 29.08px;} #shopItem .item-option .item-buy-actions .action-addbag { right: 29.08px;} #shopItem .item-option .item-buy-actions .glyphicon {display: none;} #shopItem .item-option .item-buy-actions .sound_only {display:inline-block !important;position:relative;top:0;left:0;margin:0 !important;padding:0 !important;width:auto !important;height:auto !important;font-size:9px;text-indent:0;line-height:1.42857143;border:0 !important;overflow:hidden !important} #shopItem .item-option .item-share {padding: 0 0 63px 0;} #shopItem .item-option .item-share .txt, #shopItem .item-option .item-share a {padding: 0 7px; width: 12%;} #shopItem .item-option .item-share .clearfix {margin: 0 0 0 10%;} #shopItem .item-option .item-share img {width: 100%;} #shopItem .container .item-cont {position: relative; margin: 0 auto; padding: 1021px 0 0 0; width: 512px; background-color: #fff; z-index: 14;} #shopItem .item-cont .item-title, #shopItem .item-cont .panel-title > a {font-size: 17px;} #shopItem .item-as dt {} #shopItem .item-as dd {font-weight: normal; font-size: 11px;} #shopItem .list-grid a {font-size: 19px;} #lgEngrave {z-index:99999} #lgEngrave .modal-content {padding: 0 40px 40px 40px;} #lgEngrave .modal-dialog {width: 1120px;} #lgEngrave .modal-header {padding: 10px 0 10px; border: 0 none;} #lgEngrave .modal-body {} #lgEngrave .modal-body >section, #lgEngrave .modal-footer >section {height: 487px; border: 1px solid #acacac; border-top: 0 none;} .modal-footer {border-top:0;} #lgEngrave .modal-body h4, #lgEngrave .modal-footer h4 {margin: 0; padding: 0; height: 48px; line-height: 48px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background-color: #373736;} #lgEngrave .modal-body .user-choice {} #lgEngrave .modal-body .user-choice p {padding: 15px 34px 0 34px; color: #823e43; font-size: 14px; font-weight:bold;} #lgEngrave .modal-body .user-choice a {display: inline-block; padding: 12px 0 12px 0; color: #888; font-size:10pt; font-weight:bold} #lgEngrave .modal-body .user-choice .textcenter {text-align:center;} #lgEngrave .modal-body .user-choice a:hover, #lgEngrave .modal-body .user-choice a:focus, #lgEngrave .modal-body .user-choice a.active {color: #98a491;} #lgEngrave .modal-body .user-form {padding: 10px 35px 20px 35px; border-bottom: 1px solid #acacac;} #lgEngrave .modal-body .user-form .form-group {margin: 0;} #lgEngrave .modal-body .user-form .form-group .user-text {color: #823e43; font-size: 14px; font-weight: bold;} #lgEngrave .modal-body .user-form .form-group .form-control {line-height:25px; color: #98a491; font-size: 14px; font-weight: bold; border: 0 none; border-bottom: 1px solid #a7a7a7;} #lgEngrave .modal-body .user-form p {padding: 11px 0 0 0; color: #888; font-size: 12px; } #lgEngrave .modal-body .user-form .ios_info_txt {display:none;} #lgEngrave .modal-body .engrave-style ul{position:relative;height: 330px;overflow:hidden;} #lgEngrave .modal-body .engrave-style ul li {display: table; height: 110px;} #lgEngrave .modal-body .engrave-style ul li a {display: block; height: 110px;} #lgEngrave .modal-body .engrave-style ul li a span {height:110px; line-height:110px; padding:0px 17px; text-align: center;} #lgEngrave .modal-body .engrave-style ul li a span img {} #lgEngrave .modal-body .engrave-style ul li a span .tc_ccc {width:100%;} /* #lgEngrave .modal-body .engrave-style ul li a .img-off {display: block;} */ /* #lgEngrave .modal-body .engrave-style ul li a.active .img-off, #lgEngrave .modal-body .engrave-style ul li a:hover .img-off, #lgEngrave .modal-body .engrave-style ul li a:focus .img-off {display: none;} #lgEngrave .modal-body .engrave-style ul li a .img-on {display: none;} #lgEngrave .modal-body .engrave-style ul li a.active .img-on, #lgEngrave .modal-body .engrave-style ul li a:hover .img-on, #lgEngrave .modal-body .engrave-style ul li a:focus .img-on {display: block;} */ #lgEngrave .modal-body .engrave-style ul li a img {vertical-align: middle;} #lgEngrave .modal-body .engrave-style ul .egv-style-li {display:none;} #lgEngrave .modal-body .engrave-style .ctrol-fstyle {position:relative;height: 395px;padding-top: 33px;} #lgEngrave .modal-body .engrave-style .ctrol-fstyle .egv-btn-style {position:absolute;padding:0 4px;width:100%;} #lgEngrave .modal-body .engrave-style .ctrol-fstyle .egv-btn-style.up {top:4px;} #lgEngrave .modal-body .engrave-style .ctrol-fstyle .egv-btn-style.down {bottom:4px;} #lgEngrave .modal-body .engrave-size {} #lgEngrave .modal-body .engrave-size ul{height: 100%;} #lgEngrave .modal-body .engrave-size ul li {display: table; height: 132px; text-align: center;} #lgEngrave .modal-body .engrave-size ul li a {display: table-cell; vertical-align: middle; color: #373736; font-weight: bold;} #lgEngrave .modal-body .engrave-size ul li a.active, #lgEngrave .modal-body .engrave-size ul li a:hover, #lgEngrave .modal-body .engrave-size ul li a:focus {color: #98a491;} #lgEngrave .modal-body .engrave-size ul li.sm a {font-size: 12px;} #lgEngrave .modal-body .engrave-size ul li.md a {font-size: 14px;} #lgEngrave .modal-body .engrave-size ul li.lg a {font-size: 22px;} #lgEngrave .modal-footer div.reset, #lgEngrave .modal-footer div.save {margin: 15px 0 0 0; padding: 0 10px;} #lgEngrave .modal-footer div.reset {} #lgEngrave .modal-footer div button {} #lgEngrave .modal-footer .item-engrave {margin: 0; width: 100%;} #lgEngrave .modal-footer .item-engrave img {width: 100%;} }