@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700,900|Roboto:400,500,700&display=swap');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
/*
font-family: 'Roboto'
font-family: 'Noto Sans KR'
*/
/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:none 0}
body{font-family:'Noto Sans KR','Malgun Gothic', Dotum,'돋움',AppleGothic,Lucida Grande,Verdana,Arial,Tahoma,sans-serif;font-weight:400;font-size:14px;color:#666;line-height:1.45;letter-spacing:-0.025em;}
select,input,textarea,img,button{vertical-align:middle;margin:0;padding:0}
select,input,textarea{font-family:'Noto Sans KR','Malgun Gothic', Dotum,'돋움',AppleGothic,Lucida Grande,Verdana,Arial,Tahoma,sans-serif;font-weight:400;font-size:14px;color:#666;border:1px solid #dee1e7;border-radius:4px;}
form legend,table caption{width:0;height:0;font-size:0;text-indent:-9999px;line-height:0}
img,fieldset,iframe{border:0 none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
table,div{border-collapse:collapse;border-spacing:0}
table{width:100%;table-layout:fixed;}
address,caption,cite,code,dfn,em,var,pre{font-style:normal;font-weight:normal}
pre {font-family:'Noto Sans KR','Malgun Gothic', Dotum,'돋움',AppleGothic,Lucida Grande,Verdana,Arial,Tahoma,sans-serif;font-weight:400;font-size:14px;color:#666;word-break:break-all;white-space:pre-wrap;}
ul,li,ol{list-style-type:none}
li,p,dt,dd,div,span{white-space:normal}
button{*overflow:visible;border:0 none;padding:0;margin:0;letter-spacing: -0.025em;background:transparent;cursor:pointer;font-family:'Noto Sans KR','Malgun Gothic', Dotum,'돋움',AppleGothic,Lucida Grande,Verdana,Arial,Tahoma,sans-serif;font-weight:400;}
button::-moz-focus-inner{border:0;padding:0}
a{text-decoration:none;color:#666}
label{cursor:pointer}
button,select,option,input,textarea{outline:none}

/* global class */
/* none */
.bg_none{background:none !important}
.pad_none{padding:0 !important}
.mar_none{margin:0 !important}
.bor_none{border:0 none !important}
.over_h{overflow:hidden !important}
/* align */
.txt_left{text-align:left !important}
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
/* float */
.floatL{float:left !important}
.floatR{float:right !important}
/* font */
.regular{font-weight:400 !important}
.medium{font-weight:500 !important}
.bold{font-weight:700 !important}
.underline{text-decoration:underline !important}
.through {text-decoration:line-through !important}
.roboto {font-family:'Roboto';font-weight:400;}
.robotoM {font-family:'Roboto';font-weight:500;}
.robotoB {font-family:'Roboto';font-weight:700;}
/* color */
.fcBlue {color:#4185ed !important;}
.fcRed {color:#ef2a23 !important;}
.fcBlack {color:#000 !important;}
.fcGrey2 {color:#222 !important;}
.fcGrey6 {color:#666 !important;}
.fcGrey9 {color:#999 !important;}
/* ellipsis */
.ellWrap{width:100%}
.ellipsis,.ellipsisList li{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}
.ellipsis2 {display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.ellipsis3 {display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
/* margin */
.mgt5 {margin-top:5px !important;}
.mgt20 {margin-top:20px !important;}
/* initialize */
body{min-width:1100px;}

/* display */
.blind {position:absolute;top:-9999px;overflow:hidden;width:0;height:0;padding:0;line-height:0}

/*---------- Common ----------*/
/* navi */
#navi{padding-top:17px;height:43px;position:relative;}
#navi:after {content:'';display:block;clear:both;}
#navi li {float:left;font-size:12px;color:#666;background:url(../imgs/global/navi_arrow.png) left center no-repeat;margin-left:10px;padding-left:14px;}
#navi li a {color:#666}
#navi li strong {font-weight:400;}
#navi li.home {padding:0;margin:0;background:none;}
#navi button.ctg{height:20px;border:solid 1px #ccc;font-size:11px;color:#666;padding:0 35px 0 8px;margin:0;line-height:14px;background:url(../imgs/button/navi_category_btn.gif) #fff right top no-repeat}
#navi li div{position:absolute;top:0px;z-index:10;display:none}
#navi li div ol{background:#fff;border:solid 2px #aaa;margin-top:22px;}
#navi li div ol:after{content:" ";display:block;clear:both}
#navi li div ol li{padding:10px 20px 10px 15px;background:none;border-right:solid 1px #ddd}
#navi li div ol li.last{border-right:none}
#navi li div ol li a{color:#444;display:block;line-height:18px}
#navi li div ol li a:hover{color:#f4620b}
#navi li div ol li a.on{font-weight:bold;color:#f4620b}

/* button */
.buttonbox {margin-top:30px;text-align:center;}
.button {display:inline-block;vertical-align:top;background-color:#fff;border:solid 1px #dee1e7;text-align:center;letter-spacing:-0.25px;margin:0 3px;border-radius:2px;}
.button.square {min-width:52px;padding:5px 6px;background-color:#f3f4f6;border:none 0;font-size:13px;line-height:14px;color:#777;margin:0;}
.button.square.w74 {min-width:62px;}
button.button.square {min-width:64px;}
button.button.square.w74 {min-width:74px;}
.button.roundXS {min-width:42px;padding:4px 13px;font-size:13px;line-height:14px;border-radius:12px;margin:0;}
.button.roundS {min-width:88px;padding:7px 10px 8px;font-size:16px;line-height:17px;font-weight:500;border-radius:17px;margin:0;}
.button.roundM {min-width:93px;padding:13px 15px 14px;font-size:20px;line-height:21px;font-weight:500;border-radius:25px;}
.button.roundL {width:193px;padding:18px 0 19px;font-size:20px;line-height:21px;font-weight:500;border-radius:30px;}
button.button.roundXS {min-width:70px;}
button.button.roundS {min-width:110px;}
button.button.roundM {min-width:125px;}
.button.grey {background-color:#666;border-color:#666;color:#fff;}
.button.blue {background-color:#9a9fae;border-color:#9a9fae;color:#fff;}
.button.lightblue {background-color:#93b1e0;border-color:#93b1e0;color:#fff;}
.button.point {background-color:#ef2a23;border-color:#ef2a23;color:#fff;}

/* form */
input::-ms-clear,
input::-ms-reveal {width:16px;height:16px;}
input[type="text"],
input[type="password"] {display:inline-block;vertical-align:top;width:178px;height:36px;line-height:36px;padding:0 10px;}
input[type="text"]:disabled,
input[type="password"]:disabled {background-color:#ededed;}
input[type="text"]:read-only,
input[type="password"]:read-only {background-color:#f2f2f3;}
input::-webkit-input-placeholder {color:#d0d0d0;}
input:-ms-input-placeholder {color:#d0d0d0;}
textarea {display:inline-block;width:478px;padding:10px;}
textarea::-webkit-input-placeholder {color:#d0d0d0;}
textarea:-ms-input-placeholder {color:#d0d0d0;}
/* checkbox, radiobox */
.form-hide {display:block; opacity:0;filter:alpha(opacity=0);margin:0;cursor:pointer;}
/* checkbox */
span.checkboxForm {display:inline-block;vertical-align:middle;}
.checkboxForm .form-checkbox {display:inline-block;width:20px;height:20px;margin-right:6px;vertical-align:top;background:url(../imgs/global/checkbox_bg.png) no-repeat left top;}
.checkboxForm .form-checked {background-position:0 -40px;}
.checkboxForm .form-disabled {background-position:0 -80px;}
.checkboxForm .form-hide {width:20px;height:20px;}
.checkboxForm label {display:inline-block;vertical-align:top;line-height:15px;padding-top:3px;margin-right:16px;}
/* radiobox */
span.radioboxForm {display:inline-block;vertical-align:middle;}
.radioboxForm .form-radio {display:inline-block;width:20px;height:20px;margin-right:6px;vertical-align:top;background:url(../imgs/global/radiobox_bg.png) no-repeat left top;}
.radioboxForm .form-selected {background-position:0 -40px;}
.radioboxForm .form-disabled {background-position:0 -80px;}
.radioboxForm .form-hide {width:20px; height:20px;}
.radioboxForm label {display:inline-block;vertical-align:top;line-height:15px;padding-top:3px;margin-right:16px;}

.radioboxForm.linebox .form-radio {display:none;margin:0;}
.radioboxForm.linebox label {vertical-align:top;border-radius:4px;border:solid 1px #dee1e7;background-color:#fff;line-height:36px;padding:0 13px;margin-right:2px;}
.radioboxForm.linebox label.p10 {padding:0 10px;}
.radioboxForm.linebox label.checked {border-color:#4185ed;color:#4185ed;}

.radioboxForm.reviewpoint .form-radio {width:16px;height:14px;margin-right:0;background:url(../imgs/goods/bg_reviewpoint.png) no-repeat left top;}
.radioboxForm.reviewpoint .form-selected {background-position:left bottom;}
.radioboxForm.reviewpoint .form-hide {width:16px; height:14px;}
.radioboxForm.reviewpoint label {position:absolute;top:-9999px;overflow:hidden;width:0;height:0;padding:0;line-height:0;margin:0;}

/* fake form - select */
.select-title {display:inline-block;vertical-align:top;box-sizing:border-box;min-width:178px;padding:10px 33px 11px 11px;border:solid 1px #dee1e7;border-radius:4px;background:#fff url(../imgs/global/selectarrow.png) no-repeat 100% 0;cursor:pointer;}
.select-title.mini {padding-top:8px;padding-bottom:9px;min-width:88px;background-position:100% -2px;}
.select-title strong {width:100%;display:block;height:15px;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;font-weight:400;line-height:15px;overflow:hidden;text-align:left;}
.select-title.focus {}
.select-title.active {background-position:100% 100%;}
.select-title.active.mini {background-position:100% -38px;}
.select-title.disabled {background-color:#ededed;}
.select-option {border:solid 1px #dee1e7;border-radius:3px;background-color:#f8f9fc;overflow:auto;}
.select-option ul {padding:5px 0;}
.select-option span {font-weight:400;white-space:nowrap;text-overflow:ellipsis;line-height:30px;display:block;overflow:hidden;cursor:pointer;padding-left:11px;}
.select-option span:hover,
.select-option span.selected {color:#000;}
.select-option .disabled span {color:#bbb;text-decoration:line-through;background:none;}

/* 이미지찾기 */
.inputFile {position:relative;}
.inputFile input[type=file] {width:0px;height:0px;border:0 none;padding:0;margin:0;line-height:0;position:absolute;left:-1px;top:-1px;z-index:0;}
.inputFile label {display:block;width:41px;height:41px;border:solid 1px #dee1e7;border-radius:4px;position:relative;overflow:hidden;}
.inputFile label img {display:none;width:41px;height:41px;}
.inputFile label span {display:block;width:41px;height:41px;text-indent:-999em;}
.inputFile label:before,
.inputFile label:after {content:'';background-color:#999;position:absolute;}
.inputFile label:before {width:21px;height:1px;left:10px;top:20px;}
.inputFile label:after {width:1px;height:21px;left:20px;top:10px;}
.inputFile label.load img {display:block}
.inputFile label.load span {display:none}
.inputFile label.load:before,
.inputFile label.load:after {display:none;}
.inputFile .delete {position:absolute;left:33px;top:-6px;width:17px;height:17px;background-color:#999;border-radius:50%;}
.inputFile .delete span {display:block;text-indent:-999em;position:relative;}
.inputFile .delete span:after,
.inputFile .delete span:before {content:'';background-color:#fff;position:absolute;transform:rotate(45deg);}
.inputFile .delete span:after {width:1px;height:7px;left:8px;top:5px}
.inputFile .delete span:before {width:7px;height:1px;left:5px;top:8px}

/* 수량관련 */
.quantityForm {width:58px;height:28px;padding:0 29px;background-color:#fff;border:solid 1px #dee1e7;border-radius:4px;position:relative;overflow:hidden;}
.quantityForm input {display:block;width:100%;height:28px;line-height:28px;border:none 0;padding:0;margin:0;text-align:center;font-family:'Roboto';font-weight:400;color:#999;}
.quantityForm .plus,
.quantityForm .minus {display:block;width:28px;height:28px;position:absolute;top:0;}
.quantityForm .plus {right:0;border-left:solid 1px #dee1e7;}
.quantityForm .minus {left:0;border-right:solid 1px #dee1e7;}
.quantityForm .plus a,
.quantityForm .minus a {display:block;width:100%;height:28px;position:relative;text-indent:-999em;}
.quantityForm .plus a:before,
.quantityForm .minus a:before {content:'';width:12px;height:2px;background-color:#82868e;position:absolute;left:50%;margin-left:-6px;top:50%;margin-top:-1px;}
.quantityForm .plus a:after {content:'';width:2px;height:12px;background-color:#82868e;position:absolute;left:50%;margin-left:-1px;top:50%;margin-top:-6px;}
.quantityForm.mini {width:32px;padding:0 25px;}
.quantityForm.mini .plus,
.quantityForm.mini .minus {width:24px;}
.quantityForm.mini .plus a:before,
.quantityForm.mini .minus a:before {width:10px;margin-left:-5px;}
.quantityForm.mini .plus a:after {height:10px;margin-top:-5px;}
.quantityForm.height {width:151px;height:32px;padding:0 25px;}
.quantityForm.height input {height:32px;line-height:34px;}
.quantityForm.height .plus,
.quantityForm.height .minus {width:24px;height:32px;}
.quantityForm.height .plus a,
.quantityForm.height .minus a {height:32px;}
.quantityForm.height .plus a:before,
.quantityForm.height .minus a:before {width:10px;margin-top:-1px;margin-left:-5px;}
.quantityForm.height .plus a:after {height:10px;margin-top:-5px;}

/* 상품속성 라벨 */
.attributeLabel > span {display:inline-block;height:13px;padding:7px 14px 8px;line-height:13px;text-align:center;font-size:13px;border-radius:15px;margin-right:4px;}
.attributeLabel .making {color:#bc5e5d;border:solid 1px #bc5e5d;}
.attributeLabel .install {color:#cd9f3d;border:solid 1px #e5be6c;}
.attributeLabel .reservation {color:#e2850b;border:solid 1px #e2850b;}

/* 입력형식 */
.formtbl .button {margin:0;width:90px;padding:12px 0;}
.formtbl .formAddress {padding-right:0;}
.formtbl .formAddress .post input {width:78px;margin-right:3px;}
.formtbl .formAddress > input {display:block;width:478px;margin-top:6px;}
.formtbl .formAddress .addr {margin-top:6px;overflow:hidden;}
.formtbl .formAddress .addr input {display:block;float:left;width:312px;margin-right:5px;}
.formtbl .form3cols input {width:58px;vertical-align:top;text-align:center;}
.formtbl .form3cols .select-title {min-width:88px;padding-left:0;}
.formtbl .form3cols .select-title strong {text-align:center;}
.formtbl .form3cols .hyphen {display:inline-block;vertical-align:top;width:8px;height:38px;position:relative;margin:0 3px;}
.formtbl .form3cols .hyphen:after {content:'';width:100%;height:1px;background-color:#dee1e7;position:absolute;left:0;top:19px;}
.formtbl .formEmail input {width:130px;vertical-align:top;}
.formtbl .formEmail .at {display:inline-block;vertical-align:top;width:20px;height:38px;position:relative;}
.formtbl .formEmail .at:after {content:'@';position:absolute;width:100%;line-height:38px;left:0;top:0;text-align:center;color:#dee1e7;}
.formtbl .formEmail .select-title {min-width:200px;margin-left:6px;}
.formtbl .w200 {width:178px;}
.formtbl .w500 {width:478px;}
.formtbl .linetext {display:inline-block;vertical-align:top;line-height:36px;}
.formtbl .notitxt {margin-top:5px;color:#797979;}
.formtbl .wide {width:678px;}
.formtbl .h316 {height:296px;}
.formtbl .sw290 .select-title {min-width:290px;}

/* tabel */
.table_ver{border-top:solid 1px #82868e;margin-top:15px;}
.table_ver thead th {text-align:center;line-height:17px;font-weight:400;color:#000;border-bottom:solid 1px #dee1e7;background-color:#fff;padding:18px 0;}
.table_ver tbody th,
.table_ver tbody td {font-weight:normal;text-align:center;border-bottom:solid 1px #dee1e7;padding:20px 5px;letter-spacing:-0.025em;word-break:break-all;}
.table_ver tbody td.data_none {padding:0;height:180px;}
.table_ver tbody td.txt_left {padding-left:15px;}
.table_ver.linetbl th,
.table_ver.linetbl td {border-left:solid 1px #eef0f3}
.table_ver.linetbl .noleft {border-left:none 0;}

.table_ver2{border-top:solid 1px #82868e;margin-top:15px;}
.table_ver2 thead th {text-align:center;line-height:17px;font-weight:500;color:#222;background-color:#f3f4f6;padding:18px 0 17px;}
.table_ver2 tbody th,
.table_ver2 tbody td {font-weight:normal;text-align:center;border-bottom:solid 1px #dee1e7;padding:18px 5px 17px;letter-spacing:-0.025em;word-break:break-all;}
.table_ver2 tbody td.data_none {padding:0;height:180px;}
.table_ver2 tbody td.txt_left {padding:17px 20px 18px;}

.table_hor {border-top:solid 1px #82868e;margin-top:15px;}
.table_hor th,
.table_hor td {border-bottom:solid 1px #dee1e7;text-align:left;font-weight:400;}
.table_hor th {color:#000;background-color:#f3f4f6;padding:20px;padding-right:5px;}
.table_hor th.line {border-right:solid 1px #dee1e7}
.table_hor td {padding:10px 20px;padding-right:10px;}
.table_hor td.pad20 {padding:20px;}
.table_hor td .dotli li {position:relative;padding-left:9px;margin-top:7px;}
.table_hor td .dotli li:first-child {margin-top:0;}
.table_hor td .dotli li:before {content:'';width:2px;height:2px;background-color:#999;border-radius:100%;position:absolute;left:0;top:9px;}
.table_hor td .dotli li li {margin-top:0;}
.table_hor td .dotli li li:before {content:'-';width:auto;height:auto;background:transparent;border-radius:0;top:0;}

/* title */
.bigTitle {font-size:30px;font-weight:500;color:#000;text-align:left;}
.bigTitle.line {border-bottom:solid 3px #000;padding-bottom:5px;}
.middleTitle {font-size:24px;font-weight:500;color:#000;text-align:left;}
.smallTitle {font-size:18px;color:#222;text-align:left;}
.smallTitle .summary {display:inline-block;font-size:14px;font-weight:500;color:#666;position:relative;margin-left:9px;padding-left:11px;}
.smallTitle .summary:before {content:'';width:1px;height:13px;background-color:#999;position:absolute;left:0;top:4px;}

/* paging */
.paging{overflow:hidden;text-align:center;margin-top:30px;}
.paging ul {height:24px;}
.paging li{display:inline-block;vertical-align:top;line-height:24px;}
.paging li a{display:inline-block;vertical-align:top;line-height:24px;font-family:'Roboto';font-weight:500;color:#999;margin:0 5px;}
.paging li a strong{font-weight:500;color:#e60012;}
.paging li a.first, .paging li a.prev {margin-left:3px;margin-right:0;}
.paging li a.next, .paging li a.last{margin-right:3px;margin-left:0;}
.paging li a.start{margin-left:18px}
.paging li a.end{margin-right:18px}

/* 하단 모바일 버전으로 보기 */
.go_mobile{clear:both;background:#444;text-align:center;margin-top:10px}
.go_mobile a{display:block;color:#fff;font-size:53px;padding:37px 0}

/* 카테고리박스 */
.box_ctg_small{padding-bottom:5px;background:url(../imgs/goods/bg_ctg_bottoms.png) 0 bottom no-repeat}
.box_ctg_small h3{padding:15px 0 7px 25px;*padding:15px 0 9px 25px;font-size:12px;background:url(../imgs/goods/bg_ctg_tops.png) 0 0 no-repeat;font-weight:bold}
.box_ctg_small ul{overflow:hidden;padding:12px 0 5px 25px;background:url(../imgs/goods/bg_ctg_mids.gif) 0 0 repeat-y}
.box_ctg_small ul li{padding:0 0 9px 16px;background:url(../imgs/button/btn_ctg_more.gif) 6px 6px no-repeat;float:left;width:22%}
.box_ctg_big{overflow:hidden;margin:15px 0 20px;padding-bottom:8px;background:url(../imgs/goods/bg_ctg_bottom.png) 0 bottom no-repeat}
.box_ctg_big h3{height:14px;margin:0;padding:18px 0 14px 25px;background:url(../imgs/goods/bg_ctg_top.png) 0 0 no-repeat}
.box_ctg_big ul{overflow:hidden;padding:20px 0 10px 25px;background:url(../imgs/goods/bg_ctg_mid.gif) 0 0 repeat-y}
.box_ctg_big ul li{padding:0 0 9px 16px;background:url(../imgs/button/btn_ctg_more.gif) 6px 6px no-repeat;float:left;width:18%;}
.box_ctg_big ul li a{color:#535353}

/* 공통상품 */
.common_product {overflow:hidden;}
.common_product ul {margin:0 -30px 0 0;font-size:0;line-height:0;letter-spacing:-4px;}
.common_product ul:after {content:'';display:block;clear:both;}
.common_product ul li {position:relative;display:inline-block;width:252px;margin:25px 30px 0 0;line-height:1.45;letter-spacing:0;word-break:break-word;vertical-align:top;box-sizing:border-box;}
.common_product ul li .check {display:none;}
.common_product ul li a,
.common_product ul li a span {overflow:hidden;display:block;}
.common_product ul li a .imgbox {position:relative;overflow:hidden;width:100%;height:252px;border-radius:15px 15px 0 0;}
.common_product ul li a .imgbox > img {width:100%;height:252px;border:1px solid #dee1e7;border-radius:15px;box-sizing:border-box;}
.common_product ul li a .imgbox .lotteicon {position:absolute;left:22px;bottom:-1px;}
.common_product ul li a .imgbox .lotteicon img {width:84px;height:24px;}
.common_product ul li a .imgbox .recommend {position:absolute;right:11px;top:11px;width:43px;}
.common_product ul li a .imgbox .recommend span {position:relative;height:43px;margin:0 0 5px;padding:9px 0 0;font-size:12px;line-height:12px;text-align:center;color:#fff;background:#ff5050;box-sizing:border-box;}
.common_product ul li a .imgbox .recommend .member {background:#5b8ad2;}
.common_product ul li a .imgbox .recommend span:after {content:'';position:absolute;left:3px;top:3px;width:35px;height:35px;border:1px solid #fff;opacity:0.2;}
.common_product ul li a .imgbox .icons {position:absolute;left:11px;top:11px;width:44px;}
.common_product ul li a .imgbox .icons img {margin:0 0 3px;}
.common_product ul li a .imgbox.soldout{position:relative;} /* 20210517 추가 */
.common_product ul li a .imgbox.soldout:after{content:'품절';display: flex;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);border-radius: 15px;color: #fff;font-size: 25px;justify-content: center;align-items: center;letter-spacing: 3px;} /* 20210517 추가 */
.common_product ul li a .textbox {overflow:hidden;min-height:118px;padding:20px 13px 0 20px;letter-spacing:-0.025em;border-radius:0 0 15px 15px;background:#fff;}
.common_product ul li a .textbox .attributeLabel {padding:3px 0 7px;}
.common_product ul li a .textbox .attributeLabel span {display:inline-block;padding:2px 3px 3px;font-size:12px;margin:0 3px 0 0;}
.common_product ul li a .textbox .brand {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;letter-spacing:-0.03em;color:#000;}
.common_product ul li a .textbox .name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 9px;font-size:18px;line-height:23px;color:#000;}
.common_product ul li a .textbox .name2 {overflow:hidden;text-overflow:ellipsis;margin:0 0 9px;font-size:18px;line-height:23px;color:#000;height:50px;word-break: break-all;}
.common_product ul li a .textbox .price {font-size:14px;color:#999;}
.common_product ul li a .textbox .price span {float:right;}
.common_product ul li a .textbox .price del {margin:0 5px 0 0;font-family:'Roboto';}
.common_product ul li a .textbox .special {font-size:14px;color:#000;}
.common_product ul li a .textbox .special span {float:right;margin:-4px 0 0;}
.common_product ul li a .textbox .special strong {margin:0 5px 0 0;font-family:'Roboto';font-size:20px;font-weight:700;color:#ef2a23;}
.common_product ul li a .textbox .sicon {overflow:hidden;margin:8px 0 23px;}
.common_product ul li a .textbox .sicon span {float:left;height:20px;margin:0 3px 0 0;padding:0 3px;font-size:12px;line-height:18px;text-align:center;color:#698fca;border:1px solid #b9ceef;border-radius:2px;box-sizing:border-box;}
.common_product ul li.nodata {width:100%;padding:41px 0 77px;font-size:14px;line-height:21px;text-align:center;color:#626262;border-bottom:1px solid #e5e5e5;}
.common_product ul li.soldout .imgbox:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;border-radius:15px;z-index:2;}
.common_product ul li.soldout .imgbox:after {content:'SOLD OUT';position:absolute;left:50%;top:50%;;margin:-14px 0 0 -94px;padding:0 14px 0 0;font-family:'Roboto';font-size:20px;font-weight:700;letter-spacing:0.5em;text-align:center;color:#fff;background:url(../imgs/goods/soldouticon.png) no-repeat right center;z-index:2;}
.common_product ul li .flag {display:block;position:absolute;text-align:center;color:#fff;font-size:10px;}
.common_product ul li .flag.sale {top:0;right:0;background-color:#d0070f;width:34px;height:45px;padding:2px 10px 9px;}
.common_product ul li .flag.sale em {font-size:22px;}
.common_product ul li .flag.txt {border-radius:0 0 0 15px;bottom:0;left:0;background-color:rgba(72,145,82,0.8);font-size:11px;width:111px;height:24px;line-height:24px;}

.common_product.type02 ul li {width:535px;margin-right:30px;}
.common_product.type02 ul li a .imgbox {height:535px;}
.common_product.type02 ul li a .imgbox > img {height:535px;}
.common_product.type02 ul li a .textbox {padding-top:30px;}
.common_product.type02 ul li a .textbox .brand {font-size:30px;line-height:37px;}
.common_product.type02 ul li a .textbox .name {height:75px;margin:0 0 15px;font-size:30px;line-height:37px;display:-webkit-box;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.common_product.type02 ul li a .textbox .price {font-size:20px;}
.common_product.type02 ul li a .textbox .special {font-size:20px;}
.common_product.type02 ul li a .textbox .special strong {font-size:30px;}

.common_product.type03 ul {margin:0 -31px 0 0;}
.common_product.type03 ul li {width:347px;margin-right:30px;}
.common_product.type03 ul li:first-child {margin-right:29px;}
.common_product.type03 ul li a .imgbox {height:347px;}
.common_product.type03 ul li a .imgbox > img {height:347px;}
.common_product.type03 ul li a .textbox {padding-top:21px;}
.common_product.type03 ul li a .textbox .brand {font-size:18px;}
.common_product.type03 ul li a .textbox .name {margin:0 0 10px;font-size:18px;}
.common_product.type03 ul li a .textbox .price {font-size:14px;}
.common_product.type03 ul li a .textbox .special {font-size:14px;}
.common_product.type03 ul li a .textbox .special strong {font-size:20px;}

.common_product.type05 ul li {width:204px;margin-right:20px;}
.common_product.type05 ul li a .imgbox {height:204px;}
.common_product.type05 ul li a .imgbox > img {height:204px;}
.common_product.type05 ul li a .textbox {padding:17px 9px 0;}
.common_product.type05 ul li a .textbox .brand {font-size:18px;line-height:19px;}
.common_product.type05 ul li a .textbox .name {margin:0 0 10px;font-size:18px;line-height:19px;}
.common_product.type05 ul li a .textbox .price {font-size:14px;}
.common_product.type05 ul li a .textbox .special {font-size:14px;}
.common_product.type05 ul li a .textbox .special strong {font-size:18px;}

/* 상품 리스트형 */
.common_product_list {margin:5px 0 0;}
.common_product_list table {table-layout:fixed;width:100%;}
.common_product_list table tbody tr td {position:relative;height:172px;padding:20px 0 20px 20px;border-bottom:1px solid #e5e5e5;}
.common_product_list table tbody tr td.check {display:none;}
.common_product_list table tbody tr td.product {padding-left:0;letter-spacing:-4px;}
.common_product_list table tbody tr td.product .thum {overflow:hidden;display:inline-block;width:170px;height:170px;vertical-align:middle;border:1px solid #dee1e7;border-radius:17px;}
.common_product_list table tbody tr td.product .thum img {width:170px;height:170px;}
.common_product_list table tbody tr td.product .cont {display:inline-block;max-width:535px;padding:0 0 0 20px;letter-spacing:0;vertical-align:middle;}
.common_product_list table tbody tr td.product .cont span {display:block;}
.common_product_list table tbody tr td.product .cont .icons {margin:0 0 17px;}
.common_product_list table tbody tr td.product .cont .icons img {margin:0 3px 0 0;}
.common_product_list table tbody tr td.product .cont .brand {font-size:18px;font-weight:500;line-height:22px;color:#000;}
.common_product_list table tbody tr td.product .cont .name {font-size:18px;font-weight:500;line-height:22px;color:#000;}
.common_product_list table tbody tr td.product .cont .attributeLabel span {display:inline-block;padding:2px 3px 3px;font-size:12px;margin:7px 0 0;}
.common_product_list table tbody tr td .price {margin:0 0 14px;font-size:14px;color:#999;}
.common_product_list table tbody tr td .price del {margin:0 5px 0 0;font-family:'Roboto';}
.common_product_list table tbody tr td .special {font-size:14px;color:#000;}
.common_product_list table tbody tr td .special strong {display:inline-block;margin:-2px 5px 0 0;font-family:'Roboto';font-size:20px;font-weight:700;vertical-align:middle;color:#ef2a23;}
.common_product_list table tbody tr td .sicon {display:block;width:52px;}
.common_product_list table tbody tr td .sicon span {display:block;width:52px;height:20px;margin:5px 0 0;font-size:12px;line-height:18px;text-align:center;color:#698fca;border:1px solid #b9ceef;border-radius:2px;box-sizing:border-box;}
.common_product_list table tbody tr td .sicon span:first-child {margin:0;}
.common_product_list table tbody tr td .line {position:absolute;left:0;top:20px;display:block;width:1px;height:172px;background:#e5e5e5;}
.common_product_list table .none_pro {text-align:center;}


/* 팝업 닫기버튼 */
.layerCloseBtn {overflow:hidden;}
.layerCloseBtn a {float:left;width:50%;height:50px;font-size:14px;line-height:50px;text-align:center;color:#000;background:#fff;}
.layerCloseBtn a.today {color:#fff;background:#9a9fae;}
.windowCloseBtn {overflow:hidden;height:30px;text-align:right;background:#9a9fae;}
.windowCloseBtn .checkboxForm {margin:5px 0 0;}
.windowCloseBtn .checkboxForm .form-checkbox {background:url(../imgs/global/layer_checkboxbg.png) no-repeat left top;}
.windowCloseBtn .checkboxForm .form-checked {background-position:0 -20px;}
.windowCloseBtn .checkboxForm label {color:#fff;}



.dragDummy{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../imgs/global/dummy.gif) 0 0 repeat}

/* 쿠폰 조회 */
.listHidden{display:none}

/* iframe이 아닌 레이어박스 */
.layer_wrap{border:solid 1px #666;border-radius:4px;background-color:#fff;overflow:hidden;position:relative;}
.layer_wrap .layer_cont{padding:40px;}
.layer_wrap .layer_cont h1{font-size:24px;line-height:25px;font-weight:500;color:#000;border-bottom:solid 1px #abafb7;padding-bottom:11px;margin-bottom:20px;}
.layer_wrap .popclose {position:absolute;right:0;top:0;width:59px;height:61px;text-indent:-999em;background:url(../imgs/global/layboxClose.png) center center no-repeat;}
.layer_wrap .buttonbox {margin-top:20px;}
.layer_wrap .buttonbox .buttons {font-weight:400;}
.layer_wrap .carttext {text-align:center;padding:20px 0;color:#000;}

.layer_wrap .couponList li {padding-left:9px;position:relative;}
.layer_wrap .couponList li:before {content:'';width:3px;height:3px;background-color:#999;border-radius:50%;position:absolute;left:0;top:9px;}



/* 패밀리몰 전문관 (파일 위치 확정되면 css 이동예정) */
.category_shop h2 {text-align:center;margin-bottom:30px;}
.category_shop .category_box{overflow:hidden;max-height:203px;position:relative;}
.category_shop .category_box > ul{border-width:1px 0 0 1px;border-style:solid;border-color:#e0e0e0;}
.category_shop .category_box > ul:after{clear:both;display:block;content:'';}
.category_shop .category_box > ul > li{border-width:0 1px 1px 0;border-style:solid;border-color:#e0e0e0;float:left;width:182px;height:64px;line-height:64px;position:relative;background-color:#f2f2f2;}
.category_shop .category_box > ul > li:nth-child(6n){width:183px;}             
.category_shop .category_box > ul > li a{display:block;text-align:center;font-size:14px;overflow:hidden;background:#fff;padding:12px;height:40px}
.category_shop .category_box > ul > li.on a,
.category_shop .category_box > ul > li a:hover{position:absolute;top:-1px;left:-1px;border:3px solid #7d736a;width:157px;height:40px; padding: 10px;}
.category_shop .category_menubar {font-size:17px;color:#444444;border-width: 0 0 1px 0;border-style:solid;border-color:#666666;;margin:44px auto 0px;padding-bottom: 10px;font-weight:bold;padding-left:16px;position:relative;}
.category_shop .category_menubar:before {content:'';width:5px;height:5px;border:solid 1px #666;border-left-width:0;border-bottom-width:0;transform:rotate(45deg);position:absolute;left:0;top:10px;}

/* 약관 */
.privacytbl {border-collapse: collapse; border-spacing: 0px; margin-top:13px;font-size:12px;}
.privacytbl caption {margin: 0px !important; padding: 0px !important; width: 0px !important; height: 0px !important; line-height: 0 !important; text-indent: -9999px !important; overflow: hidden !important; font-size: 0px !important; visibility: hidden !important; position: static;}
.privacytbl th {background: rgb(238, 238, 238); margin: 0px; padding: 9px; border: 1px solid rgb(187, 187, 187); border-image: none; text-align: center; color: rgb(102, 102, 102);}
.privacytbl td {margin: 0px; padding: 9px; border: 1px solid rgb(187, 187, 187); border-image: none; text-align: center; color: rgb(102, 102, 102); line-height: 16px;}

#container_etc{width:1100px;margin:0 auto;text-align:left;min-height:510px;}
.bigTitle_etc {font-size:30px;font-weight:500;color:#000;text-align:center;}
.bigTitle_etc.line {border-bottom:solid 3px #000;padding-bottom:5px;}