@charset "utf-8";
@import url("3.accesCommon.css");

div.attentionW {padding:0 10px;}
div.attentionW textarea {padding:1%;width:97.8%;height:107px;color:#444;font-size:14px;border:1px solid #dedede;}
ul.comment li {position:relative;padding:7px 0 0 15px;color:#444;font-size:14px;}
ul.comment li:before {position:absolute;left:0;top:7px;content:"※";}

section.myAcces {background-color:#ececec;}
section.myAcces h3 {margin-bottom:1px;padding-left:15px;color:#000;font-size:18px;line-height:39px;background-color:#fff;}
div.listType {margin-bottom:10px;background:#fff url(../../../images/mobile/acces/bul_ce.gif) repeat-x left bottom;background-size:1px 1px;}
div.listType:after {display:block;content:"";clear:both;}
div.listType a {display:block;position:relative;float:left;padding:12px 0;width:20%;text-align:center;}
div.listType a span {display:block;color:#999;font-size:14px;border-left:1px solid #c8c8c8;}
div.listType a:first-child span {border-left:0;}
div.listType a.on {background:url(../../../images/mobile/acces/listType_bg.gif) no-repeat center bottom;background-size:7px 4px;}
div.listType a.on span {color:#F62530;}
div.accesSildeW {position:relative;margin-bottom:10px;background-color:#fff;}
div.accesSildeW img {width:100%;}
div.accesSildeW > a.btnArr {position:absolute;top:50%;margin-top:-17px;width:19px;height:34px;background:left top no-repeat;background-size:19px 34px;z-index:2;}
div.accesSildeW > a.btnArr.L {left:15px;background-image:url(../../../images/mobile/acces/btn_prev.png);}
div.accesSildeW > a.btnArr.R {right:15px;background-image:url(../../../images/mobile/acces/btn_next.png);}
div.accesSildeW > ul {overflow:hidden;}
div.accesSildeW > ul li {float:left;}
div.accesSildeW > ul a {width:100%;}
div.accesSildeW > em {display:block;padding:6px 0;text-align:center;}
div.accesSildeW > em span {display:inline-block;margin-right:7px;width:7px;height:7px;vertical-align:middle;background:url(../../../images/mobile/acces/bul_circleBg.gif) no-repeat left top;background-size:15px 7px;}
div.accesSildeW > em span.on {background-position:right top;}
div.accesSildeW > em a.btn_playStop {display:inline-block;width:17px;height:17px;vertical-align:middle;background:url(../../../images/mobile/acces/btn_playStop.gif) no-repeat left top;background-size:34px 17px;}
div.accesSildeW > em a.btn_playStop.on {background-position:right top;}
div.AccesSearch {display:table;padding:10px 0 10px 10px;width:100%;background-color:#fff;box-sizing:border-box;}
div.AccesSearch:after {display:block;content:"";clear:both;}
div.AccesSearch * {vertical-align:top;}
div.AccesSearch select {width:34%;height:24px;color:#323232;border:1px solid #777;line-height:22px;border-radius:5px 0 0 5px;background:url(../../../images/mobile/acces/ico_searchArr.gif) no-repeat right center;background-size:13px 5px;}
div.AccesSearch input {width:43%;height:24px;color:#989898;border:1px solid #777;line-height:22px;text-indent:10px;border-left:0;border-radius:0 5px 5px 0;}
div.AccesSearch a {display:inline-block;margin-left:1%;width:16%;}
div.AccesSearch a img {height:24px;}
div.accPrd {position:relative;margin-top:7px;padding:6px 0;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background-color:#fff;}
div.accPrd > a {display:block;border-bottom:1px solid #e1e1e1; position:relative; }

div#prdList div.accPrd > a {min-height:300px;}

div.accPrd > a .soldoutLy { display:block; width:100%; height:100%; position:absolute; left:0; top:0; margin-top:0; text-align:center; background:none; }
div.accPrd > a .soldoutLy .bgLayer { display:block; width:100%; height:100%; background:#000; opacity:0.5; margin-top:0; }
div.accPrd > a .soldoutLy .imgGrp { position:absolute; left:50%; top:50%; width:50%; max-width:100%; margin:-12% 0 0 -25%; text-align:center; }
div.accPrd > a .soldoutLy .imgGrp img { width:100%; }
div.accPrd > a .soldoutLy .imgGrp .txtDetailV { display:block; width:50%; margin:5% auto 0;}
div.accPrd > a .soldoutLy .imgGrp .txtDetailV img { margin-left:15%; }

div.accPrd > a img {width:100%;}
div.accPrd > strong {display:block;color:#000;font-size:17px;clear:both;}
div.accPrd > p, div.accPrd > strong, div.accPrd > div {padding:7px 15px 20px;}
div.accPrd > span {display:inline-block;position:absolute;left:10px;bottom:25px;font-size:16px;}
div.accPrd > span em {font-size:33px;}
div.accPrd p.price {position:relative;padding-top:20px;text-align:right;}
/*div.accPrd p.price del {display:block;position:absolute;right:16px;top:-15px;margin-bottom:3px;color:#777;font-size:15px;}
div.accPrd p.price del em{color:#333;font-size:31px;font-weight:normal;vertical-align:middle;}
div.accPrd p.price del span{font-size:15px; }*/
div.accPrd p.price:after{content:"";display:block;clear:both;}
div.accPrd p.price strong {display:block;color:#444;font-size:15px;}
div.accPrd p.price strong + strong {margin:5px 0 5px;}
div.accPrd p.price strong span {font-size:15px; }
div.accPrd p.price strong em {color:#333;font-size:31px;font-weight:normal;}
div.accPrd p.price strong.fontRed{float:right;width:80%;}
div.accPrd p.price strong.fontRed, 
div.accPrd p.price strong.fontRed em {color:#de2429 !important;}
div.accPrd p.price span.fontRed {position:absolute;left:15px;bottom:15px;font-size:16px;}
div.accPrd p.price span.fontRed em {font-size:33px;}
div.accPrd.dataNone {text-align:center;font-size: 15px;padding: 100px 0;}
div#prdList div.accPrd > a.btnClose { min-height:0; }
div.accPrd > a.btnClose {position:absolute;right:10px;top:17px;width:22px;height:22px;border:0;background:url(../../../images/mobile/common/mOlleh_btn_close.png) no-repeat 0 0;background-size:22px 22px; }
span.ico {display:inline-block;padding:0 4px;font-size:14px;line-height:20px;text-align:center;}
span.ico.green {color:#21815E;border:1px solid #21815E;}
span.ico.blue {color:#188ad3;border:1px solid #188ad3;}
span.ico.red {color:#ff5050;border:1px solid #ff5050;}
span.ico.violet {color:#c261e1;border:1px solid #c261e1;}
div.myAccesSearch {padding:10px 15px 50px;background-color:#fff;}
div.myAccesSearch select {width:100%;margin-bottom:10px;border:1px solid #dedede;}
div.myAccesSearch a.btnGray1 {width:100%;padding:0;}

div.top_banner {margin-bottom:10px;}
div.top_banner img {width:100%;}

strong.prdTit {display:block;padding:11px 10px;font-size:16px;font-weight:normal;color:#444;border-bottom:1px solid #dedede;}
span.point {display:inline-block;margin-bottom:5px;width:60px;height:10px;vertical-align:bottom;background:url(../../../images/mobile/common/bg_point.png) right center no-repeat;background-size:100%;}
span.point em {display:block;height:100%;background:url(../../../images/mobile/common/bg_point01_ov.png) left center no-repeat;background-size:60px 10px;}
span.point + a em {color:#f45656;}
.evtPlan span.point { background:none; height:auto; display:inline; margin:0; width:auto; }
div.prdWrap {margin-bottom:10px;padding:10px;background-color:#FFF;}
div.prdWrap > p {margin-bottom:10px;}
div.accesPrdW {position:relative;font-size:0;line-height:0;;border:1px solid #dedede;overflow:hidden;}
div.accesPrdW img {width:100%;}
div.accesPrdW > ul {overflow:hidden;}
div.accesPrdW > ul li {float:left;}
div.accesPrdW > ul li img {width:100%;}
em.page {display:block;padding:6px 0;text-align:center;}
em.page span {display:inline-block;margin-right:7px;width:7px;height:7px;vertical-align:middle;background:url(../../../images/mobile/acces/bul_circleBg.gif) no-repeat left top;background-size:15px 7px;}
em.page span.on {background-position:right top;}
div.qna {margin:0 5px 10px;background-color:#fff;}
div.prdDetail {margin-bottom:10px;background-color:#fff;}
div.prdDetail div.postscriptList { background:#fff; }
div.prdDetail div.postscriptList > div {border:1px solid #e6e6e6;}
div.prdDetail div.postscriptList h3,
div.prdDetail div.postscriptList h3 span {font-size:14px;font-weight:normal;}
div.prdDetail div.postscriptList div > em {color:#000;}
div.prdDetail div.postscriptList div > p {color:#666;}
/*160416 추가*/
div.viewDetail .posR {position:relative;}
div.viewDetail .couponBox2 {position:absolute; right:0px; top:3px; text-align:right; background:url('../../../images/mobile/acces/ico_couponban.png') no-repeat 0 0; background-size:auto 24px;}
div.viewDetail .couponArea {overflow:hidden;height:22px; line-height:22px;margin-left:59px; margin-right:0; border:1px solid #fc0300; border-left:0; padding:0 8px 0 6px; color:#e71f0f !important;}
div.viewDetail .couponArea .prodName {overflow:hidden; width:auto; max-width:130px; margin-right:0; }
div.prdDetail.accDetailProd { padding:0; }
div.prdDetail.accDetailProd div.postscriptList { margin: 0; }
div.prdDetail.accDetailProd div.postscriptList a.btnArr {display: block;padding: 0; top:10px;right: 3.5%; text-indent:0; padding:0 13px 0 0; background: url(../../../images/mobile/acces/ico_useInfo.gif) no-repeat 98% center;background-size: 6px 9px;}
div.prdDetail.accDetailProd .btn_link {border-top:0 none; }
div.prdDetail.accDetailProd .postscriptList { padding:12px 12px 12px 10px; background:#fff; }

div.myInterest > p {position:relative;padding:10px;color:#000;font-size:16px;}
div.myInterest > p a {float:right;}
div.myInterest > ul {padding:0 10px 10px;}
div.myInterest > ul li {padding-left:10px;background:url(../../../images/mobile/acces/bg_prod_mask.png) no-repeat 0 6px;background-size:3px 3px;}
div.myInterest > div.noData {display:none;margin:0 10px;text-align:center;padding:50px 0;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}

section.prdDetailWrap {padding-bottom:70px;}
section.prdDetailWrap .prdDtlInfo img {width:100%;}
div.orderBot {position:fixed;left:0;bottom:0; z-index:10;padding:10px 2% 0;width:96%;border-top:1px solid #c9c9c9;background-color:#f2f2f2;}
div.orderBot.on{z-index:9997;}
div.orderBot > div {display:none;}
div.orderBot.on > div {display:block;}
div.orderBot div.btnWrap {display:table;padding:10px 0;width:100%;background-color:#f2f2f2;}
div.orderBot div.btnWrap a {display:table-cell;padding:0;width:33%;font-size:16px;letter-spacing:-1px;}
div.orderBot div.btnWrap .noProdMsg { border:1px solid #cdcbcc; padding:8px 15px; color:#454545; background:#fdf9fa; }
div.orderBot div.btnWrap .prodSoldout { width:100%; overflow:hidden; }
div.orderBot div.btnWrap .prodSoldout .exclamationMsg { float:left; margin:8px 0 0 15px; font-weight:bold; width: 44%; text-align: left;}
div.orderBot div.btnWrap .prodSoldout a { float:right; width:31%; padding:8px 15px; border:1px solid #d0d0d0; color:#454545; font-size:14px; line-height: 1.3; background:#fff; }
div.orderBot div.btnWrap .exclamationMsg { padding-left:7px; background:url(../../../images/mobile/detail/ico_exclamation3.gif) no-repeat 0 1px / 2px 11px; }
div.orderBot a.btn_extend {display:block;position:absolute;left:50%;top:-12px;margin-left:-20px;width:40px;height:12px;overflow:hidden;background:url(../../../images/mobile/acces/btn_opt_extend2.png) no-repeat left top;background-size:40px 12px; white-space:nowrap; color:transparent;}
div.orderBot div.sel > select {margin-bottom:10px;width:100%;color:#444;font-size:16px;border:1px solid #dedede;background-color:#fff;}
div.orderBot div.sel > strong {margin-bottom:10px;display:block;color:#000;font-size:16px;}
div.orderBot div.viewDetail dl.total {margin-bottom:0;border:0;}
div.orderBot div.viewDetail dl.total dt {font-size:16px;font-weight:bold;}
div.orderBot div.option {margin-bottom:10px;}

div.accNoticeNew {width:100%;background:#fff}
div.accNoticeNew strong {font-weight:bold;}
div.accNoticeNew .mPd {padding:15px;}
div.accNoticeNew h6 {font-size:18px;color:#333;border-bottom:0;margin:20px 0;font-weight:bold;}
div.accNoticeNew p {line-height:18px;}

.accNoticeNew .accNoticeTit {border-bottom:1px solid #cacaca;padding:0 0 20px 0;text-align:left;}
.accNoticeNew dl.txtDl {border-bottom:1px solid #cacaca;padding-bottom:30px;}
.accNoticeNew dl.txtDl dt {font-size:16px;font-weight:bold;color:#444;}
.accNoticeNew .ulSt01 li {background:url(/shop/images/event/bl_halfEvent_info.gif) no-repeat 0 6px;padding-left:12px;color:#666;line-height:18px;}
.accNoticeNew .ulSt01 li li {background:url(/shop/images/accessory/bl_001.gif) no-repeat 0 7px;font-size:11px;padding-left:11px;}
.accNoticeNew .ulSt01.line {border-bottom:1px solid #cacaca;padding-bottom:30px;}
.accNoticeNew dl.imgDl {margin-top:30px;overflow:hidden;}
.accNoticeNew dl.imgDl dt {clear:both;line-height:20px;margin-bottom:10px;}
.accNoticeNew dl.imgDl dt strong {font-size:16px;color:#2e2e2e;}
.accNoticeNew dl.imgDl dd {margin-bottom:25px;}

.accNoticeNew .font14 {font-size:14px;}
.accNoticeNew .font16, .accNoticeNew .font16 * {font-size:16px;}
.accNoticeNew .font18 {font-size:18px;}
.accNoticeNew .coe0200c {color:#e0200c;}

.returnProd { background:#ececec; }
.returnProd > * { background-color:#fff; }

.tdBanner { padding-bottom:22px; }
.bx-wrapper {position:relative;*zoom:1;}
.bx-wrapper img {width:100%;display:block;}

/** THEME **/
.bx-wrapper .bx-viewport {-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0);}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position:absolute;bottom:0;width:100%;}

/* PAGER */
.bx-wrapper .bx-pager {position:absolute;left:0;bottom:-22px;text-align:center;width:100%; padding:0; background:#fff; height:10px;  padding:6px; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;*zoom:1;*display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background-color:#dcdcdc;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#ed2b25;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left:14px;background:url(../../../images/mobile/acces/btn_prev.png) no-repeat;background-size:19px 34px;}
.bx-wrapper .bx-next {right:10px;background:url(../../../images/mobile/acces/btn_next.png) no-repeat;background-size:19px 34px;}
.bx-wrapper .bx-controls-direction a {position:absolute;top:45%;margin-top:-8px;outline:0;width:19px;height:34px;text-indent:-9999px;z-index:999;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}

/* AUTO CONTROLS (START / STOP)*/
.bx-wrapper .bx-controls-auto {bottom:-20px;left:51%;width:auto;}
.bx-wrapper .bx-controls-auto .bx-start {display:block;text-indent:-9999px;width:18px;height:18px;outline:0;background:url(../../../images/mobile/acces/btn_play.png) no-repeat;background-size:100%;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop {display:block;text-indent:-9999px;width:18px;height:18px;outline:0;background:url(../../../images/mobile/acces/btn_pause.png) no-repeat;background-size:100%;margin:0 3px;}

div.accPrd.type1 {padding-bottom:79px;}
div.accPrd.type1 > span {left:14px; bottom:17px; font-size:18px;}
div.accPrd.type1 > span em {font-size:40px;}
div.accPrd.type1 p.price {position:absolute; bottom:9px; right:0; display:table; padding-top:0; height:50px;}
div.accPrd.type1 p.price strong {display:table-row;}
div.accPrd.type1 p.price span {display:table-cell; padding-top:0; height:22px; text-align:left; font-size:14px; vertical-align:middle;}
div.accPrd.type1 p.price span.txt {width:79px; font-size:12px;}
div.accPrd.type1 p.price span.num {text-align:right;}
div.accPrd.type1 p.price em {font-size:24px;}
div.accPrd.type1 del {display:block;margin:0 15px 10px;text-align:right;color:#333;}
.acc_banner{margin-bottom: 7px;}
.acc_banner img{width:100%}

/*180223_기가IoT 전광판 페이지 스타일*/
/* 동영상 자막 */
.gigaiot_vodwrap {margin:0;}
.gigaiot_vodwrap iframe{vertical-align:top;	}
.gigaiot_vodwrap .textBox{margin-bottom:10px;background:#ececec;}
.gigaiot_vodwrap .textBox .textCont{display: none;border: 1px solid #bfbfbf;border-bottom: none;text-align: left;padding: 30px 20px;background-color:#fff;}
.gigaiot_vodwrap .textBox .textCont .textArea{max-height: 160px;overflow-y: auto;}
.gigaiot_vodwrap .textBox .textCont .vod_tit{position: relative;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ccc;font-size: 13px;font-weight: bold;color: #222;margin-right: 10px;padding-right: 65px;}
.gigaiot_vodwrap .textBox .textCont .vod_desc{font-size: 12px;color: #666;}
.gigaiot_vodwrap .textBox button{border: 1px solid #bfbfbf;padding: 8px 0;width: 100%;background-color: #f6f6f6;}
.gigaiot_vodwrap .textBox button span{position: relative;padding-right: 20px;display: inline-block;font-size: 12px;color: #666;}
.gigaiot_vodwrap .textBox button span:after{position: absolute;content: '';display: block;width: 8px;height: 8px;right: 0;top: 50%;border: 2px solid #b4b4b4;transform: rotate(45deg);margin-top: -6px;border-top: transparent;border-left: transparent;}
.gigaiot_vodwrap .textBox button.active span:after{transform: rotate(225deg);margin-top: -1px;}
.gigaiot_vodwrap .textBox p.info_tit{text-align:center;font-size:14px;padding:10px 0;background:#fff;}
.gigaiot_vodwrap .prod_info_tab p{font-size: 15px;padding: 15px;border-top: 1px solid #e5e5e5;background: #f3f3f3;color: #000;}
.gigaiot_vodwrap .prod_info_tab img{width:100%;}
.btn_tab{text-align:center;background:#fff;padding:15px 0;}
.btn_tab a{vertical-align:middle;}
.btn_tab .btn_green {display:inline-block;box-sizing:border-box;height:40px;line-height:40px;padding:0 10px;text-align:center;background:#00a0ae;border:1px solid #00a0ae;border-radius:3px;color:#fff}
.btn_tab .st01{width:30%;margin:0 2px;}
@media screen and (max-width: 320px) {
	.btn_tab .st01{ font-size:13px; }
}

/* 20190319 액세서리샵 특정 상품페이지 내 버튼 추가 */
.orderBot .btnWrap.btnWrap2 { padding-top: 0; margin-top: -5px; }

.bestMiddleBn a{display:block;margin-bottom:10px;}
.bestMiddleBn img{width:100%;}

/* 20190319 액세서리샵 특정 상품페이지 내 버튼 추가 */
.prodWrap .btn_installment { display: inline-block; margin: 5px 0 0; }