html, body { margin:0px;padding:0px; font-family:'맑은 고딕','Nanum Square', sans-serif; font-size:15px; color:#000; box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox { margin:0px;padding:0px;box-sizing:border-box; }
li{list-style:none;}
img { border:0px;vertical-align:top; }
.img_middle { border:0px;vertical-align:middle; }
.hidden{display:none;}
/* 일반 링크 스타일 ******************************/
a:link { color: #222222; text-decoration: none; }
a:visited {color: #222222; text-decoration: none;}
a:hover { color: #222; text-decoration: none;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}
/* Form 태그 설정 ******************************/
.txtbox {height:22px;line-height:22px;border:1px solid #828282;}
select.txtbox, input[type="file"] {
height:26px;
line-height: 30px;
background-color:white;
}
#popupWrap {position:relative;width:100%; *zoom:1; background-color:#FFF; box-sizing:border-box;}
#popupWrap h2 {float:left; font-size:18px; text-align:left;background:#454545; color:#fff; width:100%; line-height:30px; padding:15px 10px 10px 20px; letter-spacing:-0.8px; box-sizing:border-box; margin-bottom:10px;}
#popupWrap h2:after {content:""; clear:both; display:block; height:0; visibility:none;}
#popupWrap span.close {cursor:pointer; position:absolute; top:15px; right:20px;}
#popupWrap img {vertical-align:middle;}
.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; z-index:503; }
.ui-dialog .ui-dialog-titlebar {padding: .4em 1em; position: relative; display: none; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; background: none; overflow: auto; background: #ffffff; color: #333333; }
.ui-widget-overlay {position: fixed; top: 0; left: 0;width:100%;height:100%; z-index:110;background:#000000 repeat;opacity: .5; filter: Alpha(Opacity=50);}
.vw_content img {max-width: 890px;height:auto;}
.Wid05 { width: 5%;}
.Wid10 { width: 10%;}
.Wid15 { width: 15%;}
.Wid20 { width: 20%;}
.Wid25 { width: 25%;}
.Wid30 { width: 30%;}
.Wid35 { width: 35%;}
.Wid40 { width: 40%;}
.Wid50 { width: 50%;}
.Wid60 { width: 60%;}
.Wid65 { width: 65%;}
.Wid70 { width: 70%;}
.Wid80 { width: 80%;}
.Wid90 { width: 90%;}
.Wid98 { width: 98%;}
.tableSearch {text-align:left; margin-bottom:10px; width:100%;}
.tableSearch:after {content:""; display:block; clear:both;}
.tableSearch select {border:solid 1px #ddd; height:35px; color:#666; padding-left:10px; font-family: '맑은 고딕', sans-serif; letter-spacing:-1px;}
.tableSearch input {border:solid 1px #ddd; height:31px; color:#868686; padding-left:10px; font-family: '맑은 고딕', sans-serif; letter-spacing:-1px;}
.tableSearch .tableSearchBtn {padding:9px 12px;background-color:#333; color:#fff; line-height:35px; width:63px; text-align:center; font-size:13px; cursor:pointer;}
.tableSearch .alignRight {float:right;}
table.tableList {clear:both; text-align:left; border-top:2px solid #f62562; border-bottom:1px solid #e5e5e5; width:100%; word-break:keep-all; margin-bottom:10px; }
table.tableList th {padding:20px 0; font-size:16px; background:#f9f9f9; border-bottom:solid 1px #e5e5e5; letter-spacing:-1px;text-align:center;}
table.tableList td {border-bottom:solid 1px #e5e5e5; font-weight:normal; line-height:23px; padding:15px 15px 15px 15px; letter-spacing:-1px;}
table.tableList .tableRight {border-right:solid 1px #d2d2d6;}
table.tableList .tableLeft {border-left:solid 1px #d2d2d6;}
table.tableList .tableBoth {border-right:solid 1px #d2d2d6; border-left:solid 1px #d2d2d6;}
table.tableList input {border:solid 1px #bbb; border-radius:5px; padding:2px;}
table.tableList select {border:solid 1px #bbb; border-radius:5px; padding:2px;}
table.tableList .iconBox{overflow:hidden;}
table.tableList .iconBox .masterIcon{float:left;}
table.tableList .iconBox div{float:left; margin:10px 0 0 20px;}
table.tableList .iconBox div b{margin-bottom:5px; display:block;}
table.tableList .iconBox div span{margin-right:10px; }
table.tableList .iconBox div span img{vertical-align:middle; margin-right:10px; }
.img{margin-right: 0; transition: all 0.5s 0.5s;}
.serviceBox li:hover .img img{ animation: img_swif 0.5s ease; -webkit-animation: img_swif2 0.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; }
@-webkit-keyframes img_swif {
0% {transform:scale(1,1); -webkit-transform:scale(1,1);}
50% {transform:scale(0,1); -webkit-transform:scale(0,1);}
100% {transform:scale(1,1); -webkit-transform:scale(1,1);}
}
@keyframes img_swif2 {
0% {transform:scale(1,1); -webkit-transform:scale(1,1);}
50% {transform:scale(0,1); -webkit-transform:scale(0,1);}
100% {transform:scale(1,1); -webkit-transform:scale(1,1);}
}
#sub {width:100%; text-align:left; *zoom:1; }
#sub:after {content:""; display:block; clear:both;}
#subTop {width:100%; height:220px; background:#33373a; margin-bottom:40px; text-align:center; min-width:1903px;}
#subTop p{ max-width:100%;margin:0 auto; }
#subContents {width:1200px; margin:0 auto 20px auto;}
#subTab{overflow:hidden; margin:45px 0 30px 0;}
#subTab li.subTabW1{ width:100%; text-align:center; height:65px; line-height:65px; border:1px solid #cfcfcf; border-bottom:2px solid #24263a; box-sizing:border-box; }
#subTab li.subTabW2{ float:left; width:50%; text-align:center; height:65px; line-height:65px; border:1px solid #cfcfcf; border-bottom:2px solid #24263a; box-sizing:border-box; }
#subTab li.subTabW3{ float:left; width:33.33333333333333%; text-align:center; height:65px; line-height:65px; border:1px solid #cfcfcf; border-bottom:2px solid #24263a; box-sizing:border-box; }
#subTab li.subTabW4{ float:left; width:25%; text-align:center; height:65px; line-height:65px; border:1px solid #cfcfcf; border-bottom:2px solid #24263a; box-sizing:border-box; }
#subTab li a{ font-size:18px; color:#666; display:block;}
#subTab li.selected{ background:#24263a; border-bottom:none; }
#subTab li.selected a{color:#fff; font-weight:700;}
#subContents .listMenu{width:120px; height:50px; background:#e6e6e6; border-radius:5px; text-align:center; float:right; margin-top:30px;}
#subContents .listMenu a{padding-left:20px; background:url('/images/icon/icon_listMenu.png')30px 18px no-repeat; display:block; line-height:50px;}
#subContents h4 {font-size:24px;margin-bottom:20px}
/*메인상품CSS*/
#mainGoods{margin-top:65px; background:#f6f7f9; padding: 70px 0 60px 0 ; }
#mainGoods .goodsBox{width: 1200px; margin: 0 auto;}
#mainGoods .goodsBox .goodsTit{text-align: center; font-size:30px; font-weight:700; font-family: "nanumsquare",sans-serif; margin-bottom:50px;}
#mainGoods .goodsBox .goodsTit span{color:#f52768; font-weight:900;}
#mainGoods .goodsList{overflow:hidden;}
#mainGoods .goodsList li{float:left; width:386px; background:#fff; border:1px solid #fff; box-sizing:border-box; padding:15px; margin:0 20px 20px 0;}
#mainGoods .goodsList p.goodsImg{width:354px; height:354px;}
#mainGoods .goodsList p.goodsImg img{width:354px; height:354px;}
#mainGoods .goodsList li:nth-of-type(3n){margin-right:0;}
#mainGoods .goodsList li:hover{border:1px solid #f52768; box-shadow:2px 0 8px rgba(160,160,160,0.35); transition:ease-out 0.5s; cursor:pointer;}
#mainGoods .goodsList li:hover .goodsBtn{background:#1a211f; border:1px solid #1a211f; color:#fff; transition:ease-out 0.5s;}
#mainGoods .goodsList .goodsTab{font-size:12px; letter-spacing:-1.2px; overflow:hidden; margin:15px 0 ;}
#mainGoods .goodsList .goodsTab li{float:left; margin:0 10px 0 0; width:111px; border:1px solid #d6d6d6; box-sizing:border-box; padding:0; text-align:center; line-height:35px; word-break:keep-all;}
#mainGoods .goodsList .goodsTab li.tabPoint{border:1px solid #f52768; background:#f52768; color:#fff;}
#mainGoods .goodsList .goodsTab li p.tabTxt{width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#mainGoods .goodsList .goodsTab li:nth-last-of-type(1){margin:0;}
#mainGoods .goodsList .goodsTag{color:#888; margin-bottom:10px;}
#mainGoods .goodsList .goodsName{font-size:18px; color:#222; font-weight:700; line-height:22px; margin-bottom:20px;
overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:45px;}
#mainGoods .goodsList .goodsPrice{overflow:hidden; line-height:35px; letter-spacing:-0.8px; border-top:1px solid #e6e9e8; border-bottom:1px solid #e6e9e8; padding:10px 0;}
#mainGoods .goodsList .goodsPrice dt{float:left; width:50%; }
#mainGoods .goodsList .goodsPrice dd{float:right; text-align:right; width:50%; }
#mainGoods .goodsList .goodsPrice dd small{margin-right:10px; color:#757575; }
#mainGoods .goodsList b{font-family: "nanumsquare",sans-serif; font-weight:900; font-size:24px; color:#454545; letter-spacing:-1.2px;}
#mainGoods .goodsList b.price02{color:#f52768; font-size:24px; margin-left:5px;}
#mainGoods .goodsList .goodsAllPrice{text-align:right; padding-bottom:10px; border-bottom:1px solid #e6e9e8; }
#mainGoods .goodsList .goodsBtn{width:140px; line-height:40px; height:40px; border:1px solid #bfbfbf; border-radius:60px; margin:15px auto auto auto; text-align:center; cursor:pointer;}
#mainGoods .goodsList select{ width:100%; height:40px; line-height:40px; border:none; border-radius:5px; color:#3e3e3e; background:none;
background:url('/images/icon/icon_selectPointer.png')98% center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color:#f8f8f8; margin:10px 0; padding-left:15px;}
select::-ms-expand {display: none;}
/*서브썸네일 메뉴*/
#subGoods .goodsThumb{overflow:hidden; border-left:1px solid #e5e5e5; background:#fff; box-sizing:border-box; border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
#subGoods .goodsThumb li{float:left; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center; padding:10px 0; box-sizing:border-box; height:165px;}
#subGoods .goodsThumb li b{color:#f62562;}
#subGoods .goodsThumb li.tumbTab05{width:20%;}
#subGoods .categoryBox{margin:40px 0 60px 0; border-top:2px solid #111;}
#subGoods .subCategory{overflow:hidden; padding:10px 15px 5px 15px; box-sizing:border-box; word-break:keep-all; border-bottom:1px solid #e5e5e5;}
#subGoods .subCategory dt{float:left; width:150px; font-size:14px; color:#808080; padding-top: 5px;}
#subGoods .subCategory dd{float:left; width:1010px;}
#subGoods .subCategory dd ol{overflow:hidden;}
#subGoods .subCategory dd ol li{float:left; padding:0 15px 0 15px; text-align:center; line-height:30px; margin-bottom:10px;}
#subGoods .subCategory dd ol li.selected{background:#a6a6a6; border-radius:30px; line-height:30px; }
#subGoods .subCategory dd ol li.selected a{font-weight:700; color:#fff;}
/*상세정보바*/
.goodsDetailTab{overflow:hidden; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background:#fafafa; margin:40px 0; }
.goodsDetailTab a{color:#666; font-size:16px; display:block; }
.goodsDetailTab li.subTabW5{width:20%;}
.goodsDetailTab li.subTabW4{width:25%;}
.goodsDetailTab li.subTabW3{width:33.33333333333333%;}
.goodsDetailTab li.subTabW2{width:50%;}
.goodsDetailTab li{float:left; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; line-height:50px; box-sizing:border-box;}
.goodsDetailTab li.selected{background:#1c1c1c;}
.goodsDetailTab li.selected a{color:#fff; font-weight:700;}
/*제품 카테고리*/
.subcategoryTab{overflow:hidden; background:#fafafa; border-left:1px solid #e5e5e5; line-height:45px; box-sizing:border-box; margin-bottom:30px;}
.subcategoryTab li{float:left; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height:45px; width: calc((100%) / 10); overflow:hidden; text-align:center; background:#fff; box-sizing:border-box;}
.subcategoryTab li a{display:block; font-size:14px; letter-spacing:-1px;}
.subcategoryTab li:nth-of-type(n+11){ border-top:none;}
.subcategoryTab li.selected{background:#f62562;}
.subcategoryTab li.selected a{color:#fff; font-weight:700;}