@charset "utf-8";

/****************************************/
/*	Name:LOTTE DUTY FREE
/*	PART:COMMON STYLE
/*	Version:1.0
/*	Author:Choi Jeong A (Beky)
/****************************************/

/* @import url(webfont.css);*/
@import url(reset.css?v=6);
@import url(layout.css?v=25);
@import url(layerpop.css?v=36);
@import url(commonLang.css?v=13);

/*****************************
    Skip
*****************************/
#skip{position:absolute;top:-9999px;left:0;}


/*****************************
    Navigator
*****************************/
.navigator{position:relative;width:1020px;margin:0 auto;padding:20px 0 30px;}
.navigator > ul:after{content:'';display:block;visibility:hidden;height:0px;clear:both;}
.navigator > ul > li{float:left;}
.navigator > ul > li:before{content:'';display:inline-block;width:4px;height:7px;margin:8px 10px 0;background:url('/static-fo-pc/img/common/bg_direct.png?v=1') no-repeat -20px 0;vertical-align:top;}
.navigator > ul > li:first-child:before{display:none;}
.navigator > ul > li:last-child a{color:#333;}
.navigator > ul > li a{font-size:12px;color:#999;}
.navigator > ul > li a.home:before{content:'';display:inline-block;width:14px;height:16px;margin-right:4px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -30px 0;vertical-align:middle;}

.navigator .selectZone{z-index:9;}
.navigator .selectZone.sizeS{position:relative;top:-3px;margin-left:-3px;}
.navigator .selectZone.sizeS{width:120px;background-color:#fff;}
.navigator .selectZone.sizeS .ui-selectmenu-text{padding-left:9px;}
.navigator .selectZone.sizeS .ui-selectmenu-icon{right:8px;width:9px;height:6px;margin-top:-2px;background:url('/static-fo-pc/img/common/bg_direct.png?v=1') no-repeat -40px 0;}
.navigator .selectZone.sizeS .ui-menu .ui-menu-item-wrapper{padding-left:9px;font-size:12px;/*line-height:28px;*/}
.navigator > ul > li:last-child .selectZone.sizeS.w300{margin-left:-19px;}
.navigator .tabArea{position:absolute !important;right:0;top:20px;width:auto;z-index:0;}
.navigator .searchArea input[type=text]{padding-left:10px;width:200px;}
.navigator .snsArea{position:absolute;top:17px;right:0;}

/*****************************
    Subtitle
*****************************/
.pageTitle{width:1020px;margin:0 auto 23px;color:#333;font-size:28px;font-weight:normal;letter-spacing:-0.4px;}
.pageTitle.titct{text-align:center;font-size:38px;}
.pageTitle .stitle{position:relative;top:-2px;margin-left:13px;color:#999;font-size:16px;}
.conTitle{width:1020px;margin:0 auto 17px;color:#333;font-size:22px;font-weight:bold;} /* 2103 상품코너유닛*/
.conTitle.stitle {font-size:18px;margin-bottom:15px;}
.conTitle .stitle{color:#888;font-size:18px;}
.conTitle .stitle02{margin-left:10px;color:#888;font-size:16px;}


/*****************************
    Tab
*****************************/
.tabArea{position:relative;width:100%;}
.tabArea .tabBtn{display:table;position:relative;width:100%;background:#f7f9fd url('/static-fo-pc/img/common/bg_line_tab.png') repeat-x 0 bottom;table-layout:fixed;zoom:1;}
.tabArea .tabBtn li{display:table-cell;position:relative;text-align:center;/*padding:5px 3px;*/padding:0;height:46px;border-top:1px solid #d8dce5;border-right:1px solid #d8dce5;box-sizing:border-box;vertical-align:middle;cursor:pointer;}
.tabArea .tabBtn li a{display:inline-block;color:#3c465f;font-size:16px;line-height:1.1;text-align:center;}
.tabArea .tabBtn li a:hover,.tabArea .tabBtn li a:focus{text-decoration:none;outline:none;}
.tabArea .tabBtn li:first-child{border-left:1px solid #d8dce5;}
.tabArea .tabBtn li:hover{outline:none;}
.tabArea .tabBtn li.on{background-color:#fff;}
.tabArea .tabBtn li.on a:before{display:block;content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background-color:#000;}
.tabArea .tabBtn > li.on ,.tabArea .tabBtn > li.on-prev{border-right-color:#b0b6c4;}
.tabArea .tabBtn > li:first-child.on{border-left-color:#b0b6c4;}

.tabArea .tabBtn.short{height:40px;}
.tabArea .tabBtn.short li{height:39px;}
.tabArea .tabBtn.short li a{font-size:14px;}



.tabArea.type2 > .tabBtn{height:40px;}
.tabArea.type2 > .tabBtn li{height:40px;border:1px solid #bcc1ce;border-left:0;border-bottom:1px solid #9da2b0;background:#f8f9fd;}
.tabArea.type2 > .tabBtn li a{font-size:15px;color:#3c465f;}
.tabArea.type2 > .tabBtn li:first-child{border-left:1px solid #bcc1ce;}
.tabArea.type2 > .tabBtn li.on{background:#3c465f;border-left:0;border-right:0;}
.tabArea.type2 > .tabBtn li.on a{color:#fff;}
.tabArea.type2 > .tabBtn li.on a:before{width:auto;height:1px;background-color:#3c465f;left:0;right:-1px;}
.tabArea.type2 > .tabBtn li.on-prev{border-right:0;}

table .tabArea .tabBtn{border-collapse:separate;}

.customCate{position:relative;margin:40px 0 20px;padding:1px 0 0;}
.customCate:before,.customCate:after,.customCate .cateList:before,.customCate .cateList:after{content:'';display:block;position:absolute;background-color:#d6d6d6;}
.customCate:before,.customCate:after{width:100%;height:1px;}
.customCate:before{top:0;left:0;}
.customCate:after{bottom:0;left:0;}
.customCate .cateList:before,.customCate .cateList:after{width:1px;height:100%;}
.customCate .cateList:before{top:0;left:0;}
.customCate .cateList:after{top:0;right:0;}
.customCate .cateList ul:after{content:'';display:block;visibility:hidden;height:0px;clear:both;}
.customCate .cateList ul li{float:left;width:120px;height:33px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
.customCate .cateList ul li a{display:block;color:#777;font-size:13px;text-align:center;line-height:32px;height:32px;} /* 2101 서브페이지 톤앤매너 변경 - 선반영X  */
.customCate .cateList ul li a:hover,.customCate .cateList ul li a:focus,.customCate .cateList ul li a.on{background-color:#000;color:#fff;text-decoration:none} /*2101 서브페이지 톤앤매너 변경 - 선반영X */
.customCate .cateList ul.item5 li{width:20%;}
.customCate .cateList ul.item4 li{width:25%;}
.customCate .cateList ul.item3 li{width:33.333%;}
.customCate .cateList ul.item2 li{width:50%;}
.customCate .cateList ul li.rowBtn{height:66px;}
.customCate .cateList ul li.rowBtn a{height:66px;line-height:65px}


/*****************************
    TextList
*****************************/
.textAlert{margin:10px 0 0;padding-left:15px;text-indent:-17px;color:#f11d13;line-height:1;word-break:break-all;}/*[SYS-17263]20210623*/
.textAlert.aff{color:#5b6374}
.textAlert:before{display:inline-block;content:'';width:13px;height:13px;margin:1px 5px 0 0;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat 0 0;vertical-align:top;}
.textAlert.big:before{margin-right:6px !important;width:16px;height:16px;background-position:0 -30px !important;}
.contents .textAlert{margin:9px 0 0;font-size:13px;}
.contents .textAlert:before{background-position:-2850px 0;vertical-align:-3px;}
.textAlert.aff:before{background-position:0 -60px;}
:lang(ja) .textAlert {line-height: 1.3;}/*[SYS-17263]20210623*/
:lang(ja) .textAlert:before {margin-top:5px;}/*[SYS-17263]20210623*/
:lang(en) .textAlert {line-height: 1.3;}/*[SYS-17263]20210623*/
:lang(en) .textAlert:before {margin-top:5px;}/*[SYS-17263]20210623*/

.listDot li{position:relative;padding-left:10px;color:#999;font-size:13px;line-height:22px;}
.listDot li:before{content:"";position:absolute;top:10px;left:0;width:2px;height:2px;background-color:#999;}
.listDot li.fc3:before{background-color:#333;}
.listDot li.fc6:before{background-color:#666;}
.listDot li em{color:#333;font-style:normal;}
.listDot li em.red{color:#000;}  /* 2101 서브페이지 톤앤매너 변경 - 선반영X */
.listDot li a{color:#000;text-decoration:underline;}
.listDot li .btn4{text-decoration:none;}
.listDot li .btnU{padding:0 7px;height:23px;line-height:22px;vertical-align:baseline;text-decoration:none;}
.listDot.noB li,.listDot .noB li{padding-left:0;}
.listDot.noB li:before,.listDot .noB li:before{display:none;}

.hypList{padding-left:10px;font-size:13px;color:#666;}
.hypList .head{margin-left:-10px;margin-right:2px;}

.numList li{padding-left:13px;line-height:20px;font-size:13px;color:#666;}
.numList > li + li{margin-top:13px;}
.numList li:first-letter{display:inline-block;margin-left:-13px;}
.numList li:before{display:none;}
.numList li em{color:#000;}

.numList2 li{padding-left:16px;line-height:20px;font-size:13px;color:#666;}
.numList2 > li + li{margin-top:2px;}
.numList2 li:first-letter{display:inline-block;margin-left:-16px;}
.numList2 li:before{display:none;}
.numList2 li em{color:#000;}

.signTxt{padding-left:17px;font-size:13px;color:#999;}
.signTxt .head{margin-left:-17px;margin-right:1px;}

.listCheck li{padding-left:30px;line-height:20px;font-size:15px;color:#333;position:relative;}
.listCheck li:before{display:block;width:20px;height:20px;content:"";background:url('/static-fo-pc/img/common/bg_icon3.png?v=2') no-repeat -180px 0;position:absolute;left:0;top:0;}
.listCheck li + li{margin-top:20px;}
.listCheck li em{}

.listCheck.type2 li{padding-left:25px;line-height:19px;font-size:13px;color:#666;}
.listCheck.type2 li:before{width:16px;height:17px;background-position:-180px -60px;top:3px;}
.listCheck.type2 li + li{margin-top:13px;}

/***** 아이콘 추가 *****/
.iconInfo{position:relative;padding-left:45px;}
.iconInfo:before{content:"";position:absolute;top:5px;left:0;width:30px;height:30px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -150px 0;}
.iconInfo li{line-height:22px;}
.icoCheck{position:relative;padding-left:21px;font-size:14px;color:#24426c;}
.icoCheck:before{content:"";position:absolute;top:3px;left:0;width:16px;height:16px;background:url('/static-fo-pc/img/common/bg_icon3.png?v=2') no-repeat -5525px -30px;}

/*20200312*/
.starIcon,
.starIcon > span{display:inline-block;width:80px;height:14px;text-align:left;background:url('/static-fo-pc/img/common/bg_review_new.png?v=1') no-repeat 0 0;text-indent:-999em;font-size:0;overflow:hidden;}
.starIcon > span{background-position:0 -15px;width:0;}/*[SYS-17286]20210622*//*SYS-15436 210329*/
.starIcon.gray > span{background-position:0 -45px;width:0;}
.starIcon.half > span{width:10% !important;}
.starIcon.one > span{width:20% !important;}
.starIcon.oneHalf > span{width:30% !important;}
.starIcon.two > span{width:40% !important;}
.starIcon.twoHalf > span{width:50% !important;}
.starIcon.three > span{width:60% !important;}
.starIcon.threeHalf > span{width:70% !important;}
.starIcon.four > span{width:80% !important;}
.starIcon.fourHalf > span{width:90% !important;}
.starIcon.five > span{width:100% !important;}

.qaText{position:relative;text-align:left;padding-left:30px;}
.qaText:before{display:inline-block;content:'';width:21px;height:21px;position:absolute;top:0;left:0;background:url(/static-fo-pc/img/common/bg_icon.png) no-repeat -2640px 0px;}
.qaText.answer:before{background-position:-2670px 0;}
.qaText.answer{margin-top:5px;color:#333;}
.qaText.answer.reply{left:30px;margin-top:16px}

/***** 문구 *****/
.para{color:#999;font-size:13px;}
.para1{color:#333;font-size:16px;line-height:26px;}
.para2{color:#000;font-size:16px;line-height:22px;}
.para3{color:#000;font-size:16px;line-height:22px;}

.para1 .small,.para2 .small{color:#666;font-size:13px;}
.para em,.para1 em ,.para2 em{color:#000;font-style:normal;}
.para em.red,.para1 em.red,.para2 em.red{color:#000;}  /* 2101 서브페이지 톤앤매너 변경 - 선반영X */
.para a,.para1 a,.para2 a{color:#000;}


/*****************************
    Button
*****************************/
/***** 기본설정 *****/
.btn1,.btn2,.btn3,.btn4,.btnP,.btnL,.btnO,.btnU{display:inline-block;margin-left:3px;background-color:#000;color:#fff;text-align:center;vertical-align:middle;} /* 2101 서브페이지 톤앤매너 변경 - 선반영X  */
.btn1:hover,.btn2:hover,.btn3:hover,.btn4:hover,.btnP:hover,.btnL:hover,.btnO:hover,.btnU:hover,
.btn1:focus,.btn2:focus,.btn3:focus,.btn4:focus,.btnP:focus,.btnL:focus,.btnO:focus,.btnU:focus{text-decoration:none;}
.btn1:first-child,.btn2:first-child,.btn3:first-child,.btn4:first-child,.btnP:first-child,.btnL:first-child,.btnO:first-child{margin-left:0;}
.btn1.dgray,.btn2.dgray,.btn3.dgray,.btn4.dgray,.btnP.dgray,.btnL.dgray,.btnO.dgray,.btnU.dgray{background-color:#000;}  /* 2101 서브페이지 톤앤매너 변경 - 선반영X  */
.btn1.lgray,.btn2.lgray,.btn3.lgray,.btn4.lgray,.btnP.lgray,.btnL.lgray,.btnO.lgray,.btnU.lgray{background-color:#aaa195;}
.btn1.black,.btn2.black,.btn3.black,.btn4.black,.btnP.black,.btnL.black,.btnO.black,.btnU.black{background-color:#000;}
.btn1.ngray,.btn2.ngray,.btn3.ngray,.btn4.ngray,.btnP.ngray,.btnL.ngray,.btnO.ngray,.btnU.ngray{border:1px solid #f7f9fd;background-color:#f7f9fd;color:#666;}
.btn1.bgray,.btn2.bgray,.btn3.bgray,.btn4.bgray,.btnP.bgray,.btnL.bgray,.btnO.bgray,.btnU.bgray{border:1px solid #ccc;background-color:#f7f9fd;color:#888;}
.btn1.ygray,.btn2.ygray,.btn3.ygray,.btn4.ygray,.btnP.ygray,.btnL.ygray,.btnO.ygray,.btnU.ygray{border:1px solid #ccc4ab;background-color:#ece7d7;color:#564c2f;}
.btn1.dline,.btn2.dline,.btn3.dline,.btn4.dline,.btnP.dline,.btnL.dline,.btnO.dline,.btnU.dline{border:1px solid #505767;background-color:#fff;color:#505767;}
.btn1.gline,.btn2.gline,.btn3.gline,.btn4.gline,.btnP.gline,.btnL.gline,.btnO.gline,.btnU.gline{border:1px solid #ccc;background-color:#fff;color:#666;}
.btn1.bline,.btn2.bline,.btn3.bline,.btn4.bline,.btnP.bline,.btnL.bline,.btnO.bline,.btnU.bline{border:1px solid #333;background-color:#fff;color:#333;text-decoration:none;}
.btn1.rline,.btn2.rline,.btn3.rline,.btn4.rline,.btnP.rline,.btnL.rline,.btnO.rline,.btnU.rline{border:1px solid #000;background-color:#fff;color:#000;} /* 2101 서브페이지 톤앤매너 변경 - 선반영X  */
.btn1.aline,.btn2.aline,.btn3.aline,.btn4.aline,.btnP.aline,.btnL.aline,.btnO.aline,.btnU.aline{border:1px solid #aaa;background-color:#fff;color:#999;}
.btn1.cline,.btn2.cline,.btn3.cline,.btn4.cline,.btnP.cline,.btnL.cline,.btnO.cline,.btnU.cline{border:1px solid #ccc;background-color:#fff;color:#333;} /* 20180417 #47477 add */
.btn1.bwline,.btn2.bwline,.btn3.bwline,.btn4.bwline,.btnP.bwline,.btnL.bwline,.btnO.bwline,.btnU.bwline{border:1px solid #a88e67;background-color:#fff;color:#a88e67;}
.btnP.disabled,.btn4.disabled{background:#b2b7c4;color:#fff !important;}

/***** 타입별 설정 *****/
.btn1{min-width:140px;height:46px;padding:0 20px;font-size:16px;line-height:45px;}
.btn2{min-width:120px;height:40px;padding:0 20px;font-size:14px;line-height:39px;}
.btn3{min-width:65px;height:30px;padding:0 15px;font-size:13px;line-height:28px;}
.btn4{min-width:52px;height:28px;padding:0 9px;font-size:12px;line-height:2.167em;}
.btnP{min-width:90px;height:34px;padding:0 20px;font-size:14px;line-height:33px;}
.btnO{min-width:240px;height:64px;padding:0 20px;font-size:22px;line-height:63px;}
.btnU{min-width:40px;height:32px;margin-left:2px;padding:0 10px;font-size:12px;line-height:2.45em;}
.btn4.cal,.btnU.cal,.btn4.calMY,.btnU.calMY,.calMY2{border:1px solid #ccc;background-color:#f7f9fd;color:transparent;font-size:0;overflow:hidden;}
.btn4.cal:before,.btnU.cal:before,.calMY:before,.btnU.calMY:before,.calMY2:before{display:block;content:'';width:16px;height:32px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -510px 7px;}
.btn4.cal,.btn4.calMY,.btnU.calMY ,.btnU.cal,.calMY2{min-width:inherit;width:40px;}
.btn4.cal:before,.btn4.calMY:before,.btn4.calMY:before,.btn4.calMY2:before{height:26px;background-position:-510px 5px;}
.btnU.search{border:1px solid #ccc;padding:0;min-width:28px;width:28px;height:28px;background-color:#f7f9fd;border-color:#505767;color:transparent;font-size:0;}
.btnU.search:before{display:block;content:'';height:28px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -2214px 6px;}

/***** 아이콘/블릿 버튼 *****/
.btn3.icon{padding:0 13px 0 15px;border:1px solid #333;background-color:#fff;color:#333;}
[class^="btn"].icon2{padding:0 13px 0 15px;border:1px solid #aaa;background-color:#fff;color:#333;}
.btn3.icon span:after,
[class^="btn"].icon2 span:after{display:inline-block;content:'';margin-left:5px;}
.btn3.icon span.down:after{width:13px;height:11px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -330px 0;}
.btn3.icon span.arr:after{width:5px;height:8px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -240px 0;}
.btn3.icon span.arr3:after{margin-left:7px;width:5px;height:7px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -240px -40px;}
[class^="btn"].icon2 span.arr2:after{width:5px;height:9px;background:url('/static-fo-pc/img/common/bg_icon2.png') no-repeat -3930px 0;}
.btn4.icon{padding:0 9px;border:1px solid #aaa;background-color:#f7f9fd;color:#888;}
.btn4.icon span:after{display:inline-block;content:'';margin-left:8px;}
.btn4.icon span.option:after{width:7px;height:8px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -570px 0;}
.btn4.icon span.option.up:after{width:7px;height:8px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -600px 0;}
.btn4 span.print:before{display:inline-block;content:'';width:17px;height:14px;position:relative;top:2px;margin-right:5px;background:url('/static-fo-pc/img/common/bg_icon2.png') no-repeat -2850px 0;}
.btn4 span.print:after{display:none;}
[class^="btn"].icon .like{display:inline-block;width:21px;height:21px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -1920px -60px;text-indent:-999em;vertical-align:middle;}
[class^="btn"].icon .shoping2{display:inline-block;width:23px;height:21px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -1950px -60px;text-indent:-999em;vertical-align:middle;}

/* [SYS-6897 전용관 브랜드 드림]  2020-04-21 add */
.downDreamMoney{display:inline-block;padding-top:2px;height:27px;color:#000;font-size:14px;line-height:20px;vertical-align:middle;}/*[SYS-5167]20200220 add*/
.downDreamMoney:after{content:'';display:inline-block;width:27px;height:27px;margin-top:-4px;margin-left:7px;background:#000 url('/static-fo-pc/img/common/newicon_download.png') center 8px no-repeat;border-radius:100%;vertical-align:top;}/*[SYS-5167]20200220 add*/


/***** 로그인 특화 *****/
.btnL{min-width:140px;height:102px;padding:39px 20px 0;border-radius:8px 0 8px 0;font-size:22px;line-height:28px;}
.btnL.dgray{height:89px;padding-top:32px;border-radius:8px 0 8px 0;}
.btnL.dgray.line2{padding-top:18px;}
.btnL em{display:block;font-style:normal;}

/***** 툴팁 *****/
.tooltipClick,
.tooltipWrap{display:inline-block;text-align:left;position:relative;}
.tooltipWrap .btnTip,
.tooltipClick .icoTip{display:inline-block;width:16px;height:16px;text-indent:-999em;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -810px 0;overflow:hidden;vertical-align:middle;}
.contTip{display:none;/*padding:12px 30px 12px 16px;*/padding:12px 41px 12px 16px;/*[SYS-27731] 2023-07-11*/width:352px;font-size:13px;line-height:18px;color:#666;border:1px solid #000;background:#fff;position:absolute;z-index:100;/*word-break:break-all;*/}
.contTip:after{display:block;margin-left:-7px;width:12px;height:14px;content:"";background:url('/static-fo-pc/img/common/bg_tooltip2.png') no-repeat 0 0;position:absolute;left:50%;bottom:-14px;}
.contTip:before{display:block;position:absolute;content:"";top:0;left:0;right:0;bottom:-14px;z-index:-1;}
.contTip .btnClose{display:block;padding:0 !important;width:12px !important;height:12px !important;background:url('/static-fo-pc/img/common/bg_btn.png?v=1') no-repeat -150px -60px;text-indent:-999em;position:absolute;right:14px;top:14px;}
.contTip .listDot li{color:#666;}
.contTip strong{color:#333;}

.contTip.tbLeft:after{margin-left:0;left:18px;}
.contTip.bottom:after{top:-14px;background-position:-90px 7px;}
.contTip.bottom.tbLeft:after{left:18px;}
.contTip.bottom:before{top:-14px;left:0;z-index:-9;}
.contTip.left{margin-right:11px;right:100%;top:-18px;box-shadow:-1px 1px 1px #d9d9d9;}
.contTip.left:after{margin-left:0;width:14px;height:12px;left:100%;top:22px;background-position:-30px 0;}
.contTip.left.middle:after{margin-top:-6px;top:50%;}
.contTip.left:before{right:-14px;bottom:0;}
.contTip.right{margin-left:11px;left:100%;top:-18px;}
.contTip.right:after{margin-left:0;width:14px;height:12px;left:-14px;top:22px;background-position:-53px 0;}
.contTip.right.middle:after{margin-top:-6px;top:50%;}
.contTip.right:before{left:-14px;bottom:0;}
/*.toastPopPay .contTip{width:auto;}*/
.toastPopPay .contTip.relProduct{width:220px;z-index:101;}
.toastPopPay .contTip.restockNoti{width:230px;}
.toastPopPay .contTip.relProductCk{width:250px}
/*190522 #122281*/
.contTip.tbRight{left:auto !important;right:-20px}
.contTip.tbRight:after{left:auto;right:20px}
.contTip .grayBox dt{padding:0 0 10px;font-size:14px;color:#333}
.contTip .grayBox dd{padding:15px 20px;background:#f9f9f9}
.contTip .grayBox ol>li{padding:10px 0 0;font-size:15px;color:#333}
.contTip .grayBox ol>li:first-child{padding:0}
.contTip .grayBox .inTit{display:block;padding:10px 0 0;color:#333;font-size:13px}
.contTip .grayBox .inTit+.inTit{padding:5px 0 0}

/***** 버튼 정렬 *****/
.btnC{width:100%;text-align:center;}
.btnR{width:100%;text-align:right;}
.btn_both{zoom:1;}
.btn_both:after{content:'';display:block;visibility:hidden;height:0px;clear:both;}
.btn_both .left{float:left;}
.btn_both .right{float:right;}

.btnFoot{margin:18px 0 0;}
.btnFoot:after{display:block;content:"";clear:both;}
.btnFoot [class^="btn"]{position:relative;z-index:1;}

/***** 기타 버튼 *****/
.btnDel{display:inline-block;margin-left:6px;width:16px;height:16px;background:url(/static-fo-pc/img/common/bg_btn.png) no-repeat -450px 0;text-indent:-999em;font-size:0;overflow:hidden;}
.btnDel2{display:inline-block;text-indent:-9999em;overflow:hidden;width:12px;height:12px;background:url(/static-fo-pc/img/common/bg_btn.png) no-repeat -360px 2px;margin-left:6px;}
.btnMore{font-size:12px;color:#999;}
.btnMore:after{display:inline-block;margin-left:10px;content:'';width:4px;height:8px;background:url(/static-fo-pc/img/common/bg_icon.png) no-repeat -2250px 0;}
.btnBMore{font-size:12px;color:#333;}
.btnBMore:after{display:inline-block;margin-left:10px;content:'';width:4px;height:8px;background:url(/static-fo-pc/img/common/bg_icon.png) no-repeat -2550px 0;}
.btnMore2{display:inline-block;min-width:22px;min-height:22px;position:relative;}
.btnMore2:after{display:block;margin:-11px 0 0 -11px;content:'';width:22px;height:22px;background:url(/static-fo-pc/img/common/bg_btn.png) no-repeat -1500px 0;position:absolute;left:50%;top:50%;}
.btnMore3{display:inline-block;width:16px;height:16px;background:url(/static-fo-pc/img/common/bg_btn.png) no-repeat -2040px 0;text-indent:-999em;font-size:0;line-height:0;overflow:hidden;}
.btnThumb{display:inline-block;width:30px;height:30px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat 0 0;border:1px solid #d5d5d5;text-indent:-999em;font-size:0;overflow:hidden;}
.btnThumb.img{background-position:-2452px 8px;}
.btnThumb.list{background-position:-2482px 8px;}
.btnThumb:hover,.btnThumb:focus,.btnThumb.active{border-color:#333;outline:none}
.btnThumb.img:hover,.btnThumb.img:focus,.btnThumb.img.active{background-position:-2092px 8px;}
.btnThumb.list:hover,.btnThumb.list:focus,.btnThumb.list.active{background-position:-2122px 8px;}
.btnThumb2{display:inline-block;width:30px;height:30px;background:#f0f0f0;text-indent:-999em;font-size:0;overflow:hidden;}
.btnThumb2:after{display:inline-block;width:30px;height:30px;content:"";background:url('/static-fo-pc/img/common/bg_icon2.png') no-repeat 0 0;opacity:0.2;}
.btnThumb2.img:after{background-position:-3140px 10px;}
.btnThumb2.list:after{background-position:-3170px 10px;}
.btnThumb2.img:hover:after,.btnThumb2.img:focus:after,.btnThumb2.img.active:after{opacity:1;}
.btnThumb2.list:hover:after,.btnThumb2.list:focus:after,.btnThumb2.list.active:after{opacity:1;}
.btnOptDel{display:inline-block;width:18px;height:18px;text-indent:-999em;background:url(/static-fo-pc/img/common/bg_btn.png) no-repeat -1260px 0;}
.btnPreview{display:inline-block;width:34px;height:34px;text-indent:-999em;background:url(/static-fo-pc/img/common/bg_icon.png) no-repeat -3240px 0;}
.btnPalette{display:inline-block;width:26px;height:26px;text-indent:-999em;background:url(/static-fo-pc/img/common/bg_icon.png) no-repeat -3300px 0;}
.btnReflash{display:inline-block;width:17px;height:17px;text-indent:-999em;background:url(/static-fo-pc/img/common/bg_btn.png) no-repeat -2040px -83px;} /* 20180108 add */

/* 2023-10-06 components.scss 로 이동 */
/*****************************
    Input
*****************************/
/* label{display:inline-block;height:32px;margin-right:17px;color:#000;font-size:14px;line-height:29px;vertical-align:middle;}
label.sizeS{font-size:13px;}
label.sizeB{font-size:16px;}
input[type=text],input[type=password]{padding:0 14px;height:32px;font-size:14px;border:1px solid #ccc;vertical-align:middle;}
input[type=text]:hover,input[type=text]:focus,input[type=password]:hover,input[type=password]:focus{border:1px solid #666;}
input[type=text].disabled{color:#999;background:#f7f7f7;}
input[type=text].disabled:hover,input[type=text].disabled:focus,input[type=password].disabled:hover,input[type=password]:focus{border:1px solid #ccc}
input[type=text].sizeS,input[type=password].sizeS{height:28px;font-size:13px;line-height:26px;}
input[type=text].sizeB,input[type=password].sizeB{height:46px;font-size:16px;line-height:44px;}
input[type=file]{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);} */
/* //2023-10-06 components.scss 로 이동 */

.hypen,.hypenS,.hypenB{margin:0 2px;color:transparent;font-size:0;}
.hypen:after,.hypenS:after,.hypenB:after{display:inline-block;content:'';position:relative;top:-2px;}
.hypen:after,.hypenS:after{width:5px;height:1px;background:#666;}
.hypenB:after{width:8px;height:2px;background:#ccc;}

.formTxt{margin:0 15px 0 6px;color:#666;font-size:16px;vertical-align:middle;}
.fileBox{position:relative;}
.fileBox .uploadName{background-color:#fff;}
.fileBox .del{display:none;position:absolute;top:5px;right:8px;width:18px;height:18px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -3330px 0;color:transparent;font-size:0;}

/***** sample *****/
.mailArea input[type=text]{width:110px;}
.mailArea .addr{margin:0 1px;color:#999;}
.mailArea .selectZone{width:140px;margin-left:7px;vertical-align:middle;}
.cellArea input[type=text]{width:80px;}
.cellArea .nation .btnU.bgray,.cellArea .nation .btn1.bgray,.cellArea .nation .btn4.bgray{min-width:inherit;margin:0 17px 0 2px;padding:0 14px;}
.cellArea .nation .btn1.bgray{margin-left:7px;margin-right:22px;}
.byte{position:relative;width:100%;}
.byte input,.byte textarea{width:100%;}
.byte p{position:absolute;right:10px;bottom:6px;color:#bfbfbf;}
.byte p span{position:relative;top:-1px;}
.byte p span.slash{top:0;}

/***** width *****/
.w40{width:40px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w88{width:88px !important;}
.w89{width:89px !important;}
.w90{width:90px !important;}
.w100p{width:100% !important;}
.w100{width:100px !important;}
.w101{width:101px !important;}
.w104{width:104px !important;}
.w110{width:110px !important;}
.w111{width:111px !important;}
.w120{width:120px !important;}
.w122{width:122px !important;}
.w130{width:130px !important;}
.w133{width:133px !important;}
.w136{width:136px !important;}
.w140{width:140px !important;}
.w142{width:142px !important;}
.w150{width:150px !important;}
.w153{width:153px !important;}
.w156{width:156px !important;}
.w162{width:162px !important;}
.w172{width:172px !important;}
.w173{width:173px !important;}
.w175{width:175px !important;}
.w176{width:176px !important;}
.w180{width:180px !important;}
.w183{width:183px !important;}
.w195{width:195px !important;}
.w200{width:200px !important;}
.w201{width:200px !important;}
.w210{width:210px !important;}
.w220{width:220px !important;}
.w221{width:221px !important;}
.w230{width:230px !important;}
.w238{width:238px !important;}
.w240{width:240px !important;}
.w242{width:242px !important;}
.w245{width:245px !important;}
.w250{width:250px !important;}
.w260{width:260px !important;}
.w270{width:270px !important;}
.w280{width:280px !important;}
.w284{width:284px !important;}
.w290{width:290px !important;}
.w300{width:300px !important;}
.w320{width:320px !important;}
.w330{width:330px !important;}
.w340 {width:340px !important;}
.w344{width:344px !important;}
.w360{width:360px !important;}
.w361{width:361px !important;}
.w368{width:368px !important;}
.w400{width:400px !important;}
.w410{width:410px !important;}
.w426{width:426px !important;}
.w465 {width:465px !important;}
.w500{width:500px !important;}


/*****************************
    Checkbox & Radio
*****************************/
.checkboxGroup,.radioGroup{display:inline-block;position:relative;}
.checkboxGroup input[type=checkbox],.radioGroup input[type=radio]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;}
.checkboxGroup label,.radioGroup label{font-size:16px;}
.checkboxGroup label,.radioGroup label{padding-left:28px;}
.checkboxGroup label:before,.radioGroup label:before{display:inline-block;content:'';width:19px;height:19px;margin:-2px 9px 0 -28px;background:url('/static-fo-pc/img/common/bg_layout.png') no-repeat;vertical-align:middle;}
.checkboxGroup input:disabled + label:before{background:url('/static-fo-pc/img/common/bg_layout.png') no-repeat -400px 0;}
.checkboxGroup input[type=checkbox]:checked + label:before{background-position:-40px 0;}
.checkboxGroup.after label{padding-left:0;}
.checkboxGroup.after label:before{display:none;}
.checkboxGroup.after label:after,.radioGroup.after label:after{display:inline-block;content:'';width:19px;height:19px;margin:-2px 0 0 9px;background:url('/static-fo-pc/img/common/bg_layout.png') no-repeat;vertical-align:middle;}
.checkboxGroup.after input[type=checkbox]:checked + label:after{background-position:-40px 0;}

.radioGroup label:before{background-position:-238px 3px;} /* 2101 톤앤매너 */
.radioGroup input[type=radio]:checked + label:before{background-position:-278px 3px;} /* 2101 톤앤매너 */
.radioGroup input[type=radio]:disabled + label{color:#999;}
.radioGroup input[type=radio]:disabled + label:before{background-position:-440px 0;}
.radioGroup.disabled{cursor:not-allowed;}
.radioGroup.disabled label:before,.radioGroup.disabled.on label:before{background-position:-238px 3px;} /* 2101 톤앤매너 */
.radioGroup.after label{padding-left:0;}
.radioGroup.after label:after{background-position:-80px 0;}
.radioGroup.after input[type=radio]:checked + label:after{background-position:-278px 3px;} /* 2101 톤앤매너 */
.radioGroup.after label:before{display:none;}

.checkboxGroup.sizeS label,.radioGroup.sizeS label{padding-left:20px;font-size:13px;}
.checkboxGroup.sizeS label:before,.radioGroup.sizeS label:before{width:15px;height:15px;margin-left:-20px;margin-right:5px;}
.checkboxGroup.sizeS label:before{background-position:-160px 0;}
.checkboxGroup.sizeS label.disabled:before{background-position:-160px -35px;}
.checkboxGroup.sizeS input[type=checkbox]:checked + label:before{background-position:-200px 0;}
/* SYS-3358 20191218 추가 */
.checkboxGroup.sizeS input:disabled + label:before{background-position:-160px -35px;}
.checkboxGroup.sizeS + .num{margin-left:5px;}
.checkboxGroup.sizeS.giftMG6 .tooltipClick{position:absolute;left:56px;top:50%;margin-top:-13px;}
.checkboxGroup.sizeS.giftMG6 .tooltipClick .contTip{width:215px;}
.checkboxGroup.sizeS.giftMG6 .tooltipClick .contTip ul{margin-left:0;width:170px;}
.checkboxGroup.sizeS.giftMG6 .tooltipClick .contTip ul li{padding-right:0;width:170px;}
/* //SYS-3358 */
.radioGroup.sizeS label:before{background-position:-240px 0;}
.radioGroup.sizeS input[type=radio]:checked + label:before{background-position:-280px 0;}
.radioGroup.sizeB label{font-size:22px;}
.radioGroup.sizeB label:before{margin-top:-5px;}


.radioGroup.sizeS label.hide,
.checkboxGroup.sizeS label.hide{padding-left:0;height:15px;line-height:15px;}
.radioGroup label.hide,
.checkboxGroup label.hide{display:block;padding-left:0;height:18px;line-height:18px;}
.checkboxGroup label.hide,.radioGroup label.hide,.checkboxGroup label.hide:before,.radioGroup label.hide:before{margin:0;}
.checkboxGroup label.hide:before,.radioGroup label.hide:before{vertical-align:top;margin:0;}
.checkboxGroup label.hide span,.radioGroup label.hide span{visibility:hidden;overflow:hidden;position:absolute;font-size:0;z-index:-1000;opacity:0;}
.checkboxGroup.point label{padding-left:25px;}
.checkboxGroup.point label:before{border-radius:2px; width:18px;height:18px;margin:-2px 7px 0 -25px;background:url('/static-fo-pc/img/common/bg_layout.png') no-repeat -320px 0;}
.checkboxGroup.point input[type=checkbox]:checked + label:before{background-position:-360px 0;}



.checkboxGroup label.disabled{color:#ccc;}

/* 테이블 높이 height40 맞추기 위함 */
.tableArea td .radioGroup label.hide{height:20px;}
.tableArea td .radioGroup label.hide:before{position:relative;top:2px;}

/* 2023-10-06 table.scss 로 이동 */
/*****************************
    Table
*****************************/
.tableArea h4{margin-bottom:15px;color:#333;font-size:16px;text-align:left;line-height:1;}
.tableArea.custom .noData{border-top:2px solid #000;border-bottom:1px solid #000;margin-top:-41px;}
.tableArea .tableBox{border-top:2px solid #363d4c;}
.tableArea .tableBox table{width:100%;position:relative;table-layout:fixed;}
.tableArea .tableBox table:after{display:block;width:100%;height:1px;content:"";/*border-bottom:1px solid #bfbfbf;*/border-bottom: 1px solid #c2c3c4;/*[DEF-24227] 2023-09-27*/position:absolute;left:0;bottom:0;}
.tableArea .tableBox table thead th{/*border-bottom:1px solid #cbccce !important;*/border-bottom: 1px solid #e0e0e0;/*[DEF-24227] 2023-09-27*/}
.tableArea .tableBox table th,
.tableArea .tableBox table td{padding:11px 15px;line-height:1.4;/*border-bottom:1px solid #dbe0e5;border-right:1px solid #dbe0e5;color:#666;*/border-bottom: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;/*[DEF-24227] 2023-09-27*/font-size:13px;font-weight:normal;text-align:left;vertical-align:middle;word-break:break-word;word-wrap:break-word;}/*20171208*/
.tableArea .tableBox table td input{word-break:normal;}/* safari bug */
.tableArea .tableBox table th,
.tableArea .tableBox table tbody .th{color:#5c6375;background-color:#f6f9fc;word-break:normal;}
.tableArea .tableBox.rtnoline table tbody th{border-right:0;}
.tableArea .tableBox.rtnoline table tbody td{border-right:0;}
.tableArea .tableBox table th.borL,.tableArea .tableBox table td.borL{border-left:1px solid #dbe0e5;}
.tableArea .tableBox table th.nottxt{background:none;}
.tableArea .tableBox table td{color:#666;}
.tableArea .tableBox table td .listDot li{line-height:20px;}

.tableArea .tableBox table th:last-child,.tableArea .tableBox table td:last-child{border-right:none;}
.tableArea .tableBox table tr:last-child th,.tableArea .tableBox table tr:last-child td,.tableArea .tableBox table .dBLine{/*border-bottom:1px solid #cbccce;*/border-bottom: 1px solid #c2c3c4;/*[DEF-24227] 2023-09-27*/}

.tableArea .tableBox table td.nodata{padding:40px 0 !important;color:#333;font-size:14px;text-align:center;}
.tableArea .tableBox table tfoot td{text-align:right;background:#f5f5f5;border-bottom:0 !important;}
.tableArea th .shapeRequire{vertical-align:-4px;}
.tableArea.thlineNo table th,.tableArea.thlineNo .tableBox table td{border-right:none;}
.tableArea .tableBox table .botLineB{border-bottom:1px solid #333;}

.tableArea.lineNo table th,.tableArea.lineNo table td{border-left:0;border-right:0;}
.tableArea.lineNo table tbody th{padding:12px 15px;vertical-align:top;}
.tableArea.lineNo table tbody td{padding:8px 15px;}
.tableArea.lineNo table tbody td label{height:auto;height:initial;}

.tableArea.basic .tableBox table th{padding:20px 20px;color:#5b6374;font-size:16px;vertical-align:top}/*[SYS-17003]20210622*/
.tableArea.basic .tableBox table thead th{padding:6px 0 7px;height:45px;border-left:none;font-size:14px;text-align:center;vertical-align:middle;}
.tableArea.basic .tableBox table thead th + th{border-left:none;}
.tableArea.basic .tableBox table td{padding:14px 20px 13px;color:#333;font-size:16px;}
.tableArea.basic .tableBox table th,.tableArea.basic .tableBox table td{border-right:none;}
.tableArea.basic .tableBox table th + th{border-left:1px solid #dbe0e5;}
.tableArea.basic .tableBox table th.verT{padding-top:17px;}

/* basic inner table reset */
.tableArea.tableIner .tableBox table thead th{padding:6px 0 7px;height:40px;color:#5b6374;}
.tableArea.tableIner .tableBox table th,
.tableArea.tableIner .tableBox table td{padding:11px 15px;height:41px;border-bottom:1px solid #dbe0e5;border-right:1px solid #dbe0e5;color:#666;font-size:13px;font-weight:normal;word-wrap:break-word;vertical-align:middle;}
.tableArea.tableIner .tableBox table th:last-child,.tableArea .tableBox table td:last-child{border-right:none;}
.tableArea .tableBox table td.rtline{border-right:1px solid #dbe0e5;}
.tableArea .tableBox table th.rtline{border-right:1px solid #dbe0e5;}
.tableArea.tableIner .smTitle{margin-bottom:13px;font-size:15px;color:#333;}
.tableArea .star{position:relative;top:3px;margin-right:2px;color:#f11d13;font-size:13px;}
.tableArea.alC .tableBox table th,.tableArea.alC .tableBox table td{text-align:center;}
.tableArea.basic table tr .txtS{font-size:14px;color:#666;}

.tableArea.basic .tablePrd > table > tbody > tr > th,
.tableArea.basic .tablePrd > table > tbody > tr > td{padding:20px 0;line-height:1;text-align:center;vertical-align:middle;}
.tableArea.basic .completePrd > table > tbody > tr > td{min-height:144px;font-size:14px;}
.tableArea.basic .tablePrd table td .checkboxGroup label.hide:before{vertical-align:top;}
.tableArea.basic .tablePrd .empty{height:160px;}

#cartPrdListArea .btnCell .btnPrdArea .btn4{font-size: 13px;}/*[SYS-9001] 200622*/

/* 20220627 테이블 rowspan에 대한 border-right 값 추가 */
.tableArea.tableIner .tableBox table th.not_last,.tableArea .tableBox table td.not_last {border-right:1px solid #dbe0e5 !important;}


/* //20220627 테이블 rowspan에 대한 border-right 값 추가 */

/* [SYS-11920] 20210125 */
/* .mgTeam .tableArea .tableBox table th,.mgTeam .tableArea .tableBox table td {padding:11px 2px;} */
/* //2023-10-06 table.scss 로 이동 */

/*****************************
    datepicker
*****************************/
.ui-datepicker{display:none;padding:15px;position:relative;}
.ui-datepicker:after{display:block;content:"";position:absolute;border:1px solid #788aa4;background:#fff;left:0;right:0;top:6px;bottom:6px;z-index:-1;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{display:block;width:10px;height:10px;text-indent:-999em;background:url(/static-fo-pc/img/common/bg_btn.png) no-repeat -1407px 0;position:absolute;top:35px;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev{left:62px;}
.ui-datepicker .ui-datepicker-next{background-position:-1437px 0;right:62px;}
.ui-datepicker .ui-datepicker-title{padding:15px 0 21px;font-size:13px;color:#333;text-align:center;}
.ui-datepicker select.ui-datepicker-month{font-size:13px;color:#333;border:1px solid #ccc;}
.ui-datepicker select.ui-datepicker-year{margin-left:5px;font-size:13px;color:#333;border:1px solid #ccc;}
.ui-datepicker table{table-layout:fixed;width:254px;}
.ui-datepicker table th,
.ui-datepicker table td{text-align:center !important;font-size:13px !important;padding:0 !important;font-weight:normal;color:#333;vertical-align:middle !important;background:#fff;border-bottom:0 !important;border-top:0 !important;}
.ui-datepicker table th{height:36px !important;}
.ui-datepicker table th span{display:block;height:34px !important;line-height:34px !important;color:#505767;background:#eef1f6;}
.ui-datepicker table .ui-datepicker-other-month{color:#ccc;}
.ui-datepicker table .ui-datepicker-other-month.ui-datepicker-week-end{color:#f9c3c2;}

.ui-datepicker table .ui-datepicker-week-end{color:#e80e0d;}
.ui-datepicker table .ui-datepicker-today a,
.ui-datepicker table .ui-datepicker-today span{color:#e80e0d;text-decoration:underline}
/*.
.ui-datepicker table  a.ui-state-active,*/
.ui-datepicker table .ui-datepicker-days-cell-over.ui-datepicker-current-day a,
.ui-datepicker table .ui-datepicker-current-day a.ui-state-active,
.ui-datepicker table td.ui-state-highlight a{color:#fff;background:#ae2016;text-decoration:none;}
.multiDatePicker .ui-datepicker table .ui-datepicker-current-day:not(.ui-state-highlight) a{background:none;color:#333;} /* SYS-3615 20200108 */

.ui-datepicker table a,
.ui-datepicker table .ui-state-default{display:block;margin:3px 0;height:26px;line-height:26px;color:inherit;}
.ui-datepicker table .ui-state-disabled .ui-state-default{background:#ccc;}
.ui-datepicker table .ui-state-active{color:#fff;}
.ui-datepicker .ui-datepicker-buttonpane .ui-priority-secondary{display:none;}
.ui-datepicker .ui-datepicker-buttonpane .ui-priority-primary{display:inline-block;padding:0 !important;width:12px !important;height:12px !important;background:url('/static-fo-pc/img/common/bg_btn.png') no-repeat -150px -30px;text-indent:-999em;position:absolute;right:10px;top:16px;}

/*****************************
    Comment
*****************************/
.noticeGuide{margin:0 auto;width:1020px;padding:21px 30px 19px;border:1px solid #e8e8e8;background:#f9f9f9;}
.noticeGuide:before{content:'유의사항';display:block;margin:0 0 11px;font-size:15px;color:#333;}
.noticeGuide .noticeTit{display:none;margin:0 0 11px;font-weight:normal;font-size:15px;color:#333;}/*20190409 font-weight add*/
.noticeGuide.type:before{display:none}
.noticeGuide.type .listTit{margin:0 0 11px;font-size:15px;color:#333;}
.noticeGuide.type .noticeTit{display:block;}
.noticeGuide .iconInfo{padding-left:0;}
.noticeGuide .iconInfo:before{display:none;top:3px;}
.noticeGuide ul > li{color:#888;}
.noticeGuide ul > li:before{background-color:#888;}
.noticeGuide ul > li strong{font-weight:normal;color:#333;}
.contentLnb .noticeGuide{width:100%;}

.noticeGuide.typeDgray{background:#ebeff6;}
.noticeGuide.typeDgray:before{display:none;}
.noticeTit.icoTit:before{display:inline-block;margin-right:5px;width:16px;height:16px;content:"";background:url('/static-fo-pc/img/common/bg_icon3.png?v=2') no-repeat -5495px 0;vertical-align:-2px;}

/* [SYS-24815] 2022-08-18 [퍼블리싱][주문] 코엑스 폐점 관련(BO) */
.noticeGuide ul > li.fdcR{color:#f11d13;font-weight:bold;}
.noticeGuide ul > li.fdcR::before{background-color:#f11d13;}
/* //[SYS-24815] 2022-08-18 [퍼블리싱][주문] 코엑스 폐점 관련(BO) */

/* [SYS-23861]20220623 [주문] 샤넬멤버쉽 가입화면 추가 */
.order_banner_area {width:1020px; margin:30px auto 70px;}
.order_banner_area a {display:block;}
.order_banner_area img {width:100%; display:block;}
/* //[SYS-23861]20220623 [주문] 샤넬멤버쉽 가입화면 추가 */


/*****************************
    Scroll
*****************************/
.scrollWrap{padding:5px 5px 5px 0;border:1px solid #dbdbdb;background:#fbfbfb;}
.scrollWrap .scrollCont{padding:11px 20px;height:150px;overflow-y:hidden;}
.enscrollOver{overflow:hidden;}
.vertical-track{width:6px;background-color:#f3f5f9;}
.vertical-handle{width:6px;background-color:#838c99;cursor:default;outline:none !important;}

.freeGiftArea .freeGift + .enscrollOver .vertical-track{width:auto;}
.freeGiftArea .freeGift.open + .enscrollOver .vertical-track{width:6px;}/* [SYS-17155]20210609 */

/*****************************
    Slider
*****************************/
.slider,.slick-list{overflow:hidden;}

/* Slider */
.slick-track{position:relative;top:0;left:0;}
.slick-track:after{display:block;content:"";clear:both;}
.slick-slide{float:left;}
.slick-dots{width:100%;text-align:center;}
.slick-dots li{display:inline-block;margin-left:8px;}
.slick-dots li:first-child{margin-left:0;}
.slick-dots li button{display:block;width:12px;height:12px;border:none;background:url('/static-fo-pc/img/common/bg_btn.png?V=1') no-repeat -390px 0;color:transparent;font-size:0;}
.slick-dots li.slick-active button{width:21px;background-position:-420px -20px;}
.slick-arrow{width:30px;height:38px;text-indent:-999em;position:absolute;top:50%;margin-top:-19px;background:rgba(0,0,0,.2) url("/static-fo-pc/img/common/bg_icon.png") no-repeat;z-index:12;}/*20171115*/
.slick-arrow:hover{background-color:rgba(0,0,0,.6)}
.slick-disabled:hover{background-color:rgba(0,0,0,.6)}
.slick-prev{background-position:-1976px 11px;left:0;}
.slick-next{background-position:-2004px 11px;right:0;}

.typeArrow .slick-arrow{background-color:#f9fafc;border:1px solid #ddd;}
.typeArrow .slick-arrow:hover{background-color:#e0e5f1;}
.typeArrow .slick-prev{background-position:-2033px 11px}
.typeArrow .slick-next{background-position:-2061px 11px}

/* sliderPage */
.sliderPage .sliderItem{float:left;}
.sliderPage button{position:absolute;top:10px;width:20px;height:20px;margin-top:0;border:none;background:url('/static-fo-pc/img/common/bg_btn.png') no-repeat -180px 0;color:transparent;font-size:0;}
.sliderPage button.slick-prev{right:61px;left:auto;background-position:-600px 0;}
.sliderPage button.slick-prev:hover{background-position:-180px 0;}
.sliderPage button.slick-prev.slick-disabled{background-position:-600px 0;}
.sliderPage button.slick-next{right:0;background-position:-660px 0;}
.sliderPage button.slick-next:hover{background-position:-240px 0;}
.sliderPage button.slick-next.slick-disabled{background-position:-660px 0;}
.sliderPage .count{position:absolute;top:10px;right:31px;color:#999;font-size:14px;letter-spacing:0.5px;}
.sliderPage .count em,.mainNewBrand .count span{display:inline-block;color:#f11d13;font-weight:normal;vertical-align:top;}
.sliderPage .count span{margin-top:2px;color:#999;font-size:11px;}
.sliderPage .count strong{font-weight:normal;}



/*****************************
    BrandSearch
*****************************/
.brandSearch .tabBtn{display:block;background-color:transparent;}
.brandSearch .tabBtn > li{width:150px !important;height:46px;background:#f7f9fd;border-bottom:1px solid #b0b6c4;}
.brandSearch .tabBtn > li.on:after{display:block;width:100%;height:2px;content:"";background:#fff;position:absolute;left:0;right:0;bottom:-1px;}
.brandSearch .searchArea{position:absolute;top:0;right:0;z-index:1;}
.brandSearch .searchArea input[type=text]{padding-left:10px;width:200px;color:#999;}
.brandSearch :-webkit-input-placeholder{font-size:13px;color:#dfdfdf;}
.brandSearch :-moz-placeholder{font-size:13px;color:#dfdfdf;}
.brandSearch :-ms-input-placeholder{font-size:13px;color:#dfdfdf;}
.brandSearch :-moz-placeholder{font-size:13px;color:#dfdfdf;}
.brandSearch .searchArea .btnU.search{margin-left:5px;}
.searchLayer{display:none;padding:5px 0;width:200px;border:1px solid #ccc;background:#fff;position:absolute;left:0;top:27px;}
.searchLayer.show{display:block;}
.searchLayer li a{display:block;padding-left:10px;height:32px;line-height:32px;font-size:13px;color:#999;}
.searchLayer li a:hover{background:#f7f9fd;}
.searchLayer li a span{color:#f11d13;}
.sortKey{margin:20px 0;position:relative;}
.sortKey:after{display:block;content:"";clear:both;}
.sortKey li{float:left;}
.sortKey a{display:block;margin:5px 0 0 5px;padding:0 6px;min-width:28px;height:28px;line-height:26px;font-size:13px;text-align:center;color:#666;border:1px solid #ced0d9;background:#fff;}
.sortKey .all a{margin-left:0;width:38px;}
.sortKey .all:after{display:block;width:100%;height:5px;content:"";clear:both;position:relative;}
.sortKey .fM a{width:38px;}
.sortKey .fL a{width:76px;}
.sortKey a:hover{border-color:#505767;}
.sortKey .on a{color:#fff;background:#505767;border-color:#505767;}
.sortKey.wide a{min-width:108px;}
.sortKey.wide li:first-child a{width:auto;min-width:auto;}
.sortLink{padding:0;background:none;position:relative;}
.sortLink .scrollCont{padding:0;height:398px;}
.sortLink > .enscrollOver{left:inherit !important;top:5px !important;bottom:5px !important;right:5px;}
.sortLink > .enscrollOver .vertical-track{height:100% !important;}
.sortLink dt{padding:0 20px;height:40px;line-height:37px;font-size:16px;letter-spacing:-0.025em;color:#000;background:#fbfbfc;}
.sortLink dd{margin:25px 0 22px;}
.sortLink ul:after{display:block;content:"";clear:both;}
.sortLink ul li{padding-left:20px;width:25%;float:left;}
.sortLink ul li a{display:inline-block;height:21px;line-height:21px;font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%;}
.sortLink ul li a span{color:#999;font-style:italic;padding-right:2px;}
.sortLink .empty{display:none;table-layout:fixed;width:100%;height:100%;}
.sortLink .empty.show{display:table;}
.sortLink .empty p{display:table-cell;font-size:16px;color:#333;text-align:center;vertical-align:middle;}

/* brandSearch02 */
.brandSearch02 .sortKey{margin:0 0 15px;}
.brandSearch02 .sortKey a{min-width:26px;height:26px;line-height:24px;font-size:12px;}
.brandSearch02 .sortKey .all a{padding:0;width:33px;}
.brandSearch02 .scrollCont{height:224px;}

/*****************************
    상품
*****************************/
.productItem{display:table;table-layout:fixed;width:100%;text-align:left;}
.productItem .img{display:table-cell;width:90px;vertical-align:top;position:relative;}
.productItem .img img{width:100%;vertical-align:top;}
.productItem .info{display:table-cell;padding-left:20px;font-size:14px;line-height:22px;vertical-align:top;}
.productItem .brand{color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.productItem .brand strong{color:#333;font-weight:normal;}
.productItem .product{color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.productItem .code{height:22px;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.productItem .etcTxt{margin:5px 0 0;font-size:13px;line-height:22px;color:#666;}
.productItem .etcTxt strong{color:#000;font-weight:normal;}

.flagArea{line-height:17px;}
.flagArea img{vertical-align:top;}
.flag{display:inline-block;padding:0 5px;height:19px;line-height:1.417em;font-size:11px;border:1px solid transparent;}
.flag01{border-color:#e60f0d;color:#e60f0d;}
.flag02{border-color:#ff4c72;color:#ff4c72;}
.flag03{border-color:#998263;color:#998263;}
.flag04{border-color:#aaa195;color:#aaa195;}
.flag05{border-color:#505767;color:#505767;}
.flag06{border-color:#2e9952;color:#2e9952;}
.flag07{border-color:#2e9999;color:#2e9999;}
.flag08{border-color:#2e9979;color:#2e9979;}
.flag09{border-color:#2e5299;color:#2e5299;}
.flag10{border-color:#3d9fcc;color:#3d9fcc;}
.flag11{border-color:#2e7299;color:#2e7299;}
.flag12{border-color:#992e7c;color:#992e7c;}
.flag13{border-color:#f4753d;color:#f4753d;}
.flag14{border-color:#0eb5b5;color:#0eb5b5;}
.flag15{border-color:#597ec6;color:#597ec6;}
.flag16{border-color:#ff55a5;color:#ff55a5;}
.flag17{border-color:#b30300;color:#b30300;}/*20171027 인도장픽업*/
.flag18{border-color:#3d6dcc;color:#3d6dcc;}/*20171027 EMS픽업*/
.flag19{border-color:#f453c8;color:#f453c8;}/*20180416 #63719 롯데단독 */
.flag20{border-color:#e0e0e0;color:#666666;}/*[SYS-13366]20210317 LOTTERY & 공동구매 플래그*/

.priceArea .price{margin-bottom:3px;font-size:14px;line-height:18px;color:#666;}
.priceArea .deals{margin-bottom:3px;font-weight:bold;font-size:16px;color:#000;} /* 2101 톤앤매너 */
.priceArea .save{font-size:16px;color:#333;}
.priceArea .discount{font-size:13px;line-height:22px;color:#333;}
.priceArea .discount .btnTip{vertical-align:-3px;}
.priceArea .other{margin-top:6px;font-size:13px;line-height:20px;color:#999;}
.priceArea .other + .other{margin-top:0;}

.orderTxt{font-size:14px;color:#666;}
.orderTxt .strong{display:block;color:#333;}

.optionArea{overflow:hidden;}
.optionArea .optionList{display:inline-block;}
.optionArea .optionList span{display:block;font-size:13px;line-height:16px;color:#978265}
/* [SYS-738]20200514 add */.optionArea .optionList span .pcsMark{color:#00996a;}/*20221012*/
.optionArea .btn4{margin:3px 0 0;vertical-align:top;line-height:2em;}
.tablePrd .optionArea{margin-top:6px;}
.tablePrd .optionArea .optionList{display:block;margin:0 3px 8px 0;vertical-align:-5px;max-height:32px;line-height:16px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;}

.btnPrdArea{margin-top:-6px;display:inline-block;}
.btnPrdArea [class^="btn"]{margin:6px 0 0;width:100px;font-size:14px;line-height:1.8em;}
:lang(zh-cn).btnPrdArea [class^="btn"]{width:105px;}/* 20171208 */
.btnPrdArea .btnU{line-height:2.2em;}
.btnPrdArea .bwline{padding-top:8px;height:50px;line-height:16px;}
.btnPrdArea .tooltipPrd{position:relative;text-align:left;}
.btnPrdArea .contTip{display:block;margin-right:11px;width:185px;min-height:63px;top:-12px;z-index:1}
.btnPrdArea .contTip .btnClose{margin:0;}
.btnPrdArea .contTip.left:after{top:25px;}
.btnPrdArea .btn_reinbound {color:#a88e67; border:1px solid #a88e67; text-align:center; display:inline-block;}/* [SYS-21944]20220407 [주문] 온라인역직구 구축 요청*/

.tableArea.basic .tablePrd .changeArea{display:none;}
.tableArea.basic .tablePrd .changeOn > td{border-bottom:0;}
.tableArea.basic .tablePrd .changeOn + .changeArea{display:table-row;}
.tableArea.basic .tablePrd .changeArea td{padding:0 20px;height:98px;font-size:14px;color:#333;text-align:left;background:#f9f9f9;}
.tableArea.basic .tablePrd .eaModifyCell .orderTxt{margin-top:10px;}
.changeArea .dspTable{display:table;table-layout:fixed;width:100%;}
.changeArea .dspTable .dspTable{border-top:1px solid #ddd;}
.changeArea .dspTable .dspTable:first-child{border-top:0;}
.changeArea .cell{display:table-cell;text-align:right;vertical-align:middle;}
.changeArea .dspTable .cellFst{padding-left:28px;}
.changeArea .cell.optTitle{width:92px;height:98px;font-size:14px;color:#333;}
.changeArea .cell.btnPrdArea{width:179px;}
.changeArea .cell.btnPrdArea.type2{padding-bottom:45px;width:179px;vertical-align:bottom;}
.changeArea .selectZone{margin-left:8px;width:243px;text-align:left;}
.changeArea label{color:#666;}
.changeArea .productItem .img,.changeArea .productItem .info{height:121px;vertical-align:middle;}
.changeArea .productItem .info .product{color:#666;}
.changeArea .productItem .img{background:#fff;}
.changeArea .productItem{position:relative;}
.changeArea .productItem:after{display:block;width:90px;height:100%;content:"";background:#000;opacity:0.03;position:absolute;left:0;top:0;}

.totalArea{border:1px solid #505766;word-break:break-word;}
.totalArea ul{display:table;table-layout:fixed;width:100%;}
.totalArea li{display:table-cell;border-left:1px solid #cbccce;vertical-align:top;position:relative;}
.totalArea li:first-child{width:308px;border-left:0;}/* 20180413 #59055 edit */
.totalArea li.result{width:398px;background:#f5f8fc;}/* 20180413 #59055 edit */
.totalArea li.ico:before{display:block;width:24px;height:24px;content:"";background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -1320px 0;position:absolute;left:-12px;top:59px;z-index:1;}
.totalArea li.result:before{background-position:-1350px 0;}
.totalArea dl{padding:14px 32px 17px;/*font-size:0;*/letter-spacing:-1px;line-height:24px;position:relative;z-index:2;} /* 20180413 #59055 edit */
.totalArea dt{font-size:14px;letter-spacing:normal;float:left;color:#5b6374;}
.totalArea dd{font-size:14px;letter-spacing:normal;font-size:14px;text-align:right;color:#666;}
.totalArea dd:after{display:block;content:"";clear:both;}
.totalArea .minus dt{margin-right:-4px;width:40%;padding:4px 0 0;line-height:1.2;display:inline-block;float:none;}/* 20180413 #59055 edit */
.totalArea .minus dd{display:inline-block;width:60%;padding:4px 0 0;line-height:1.2;vertical-align:top;}/* 20180413 #59055 edit */
.totalArea .minus .discountM{display:block;width:100%;text-align:left;font-size:14px}	/*181127 #102056*/
.totalArea .minus .discountM>span{display:inline-block;vertical-align:middle}	/*181127 #102056*/
:lang(en) .totalArea .minus .discountM>span{display:inline}	/*181127 #102056*/
.totalArea .minus .discountM .tooltipWrap{vertical-align:middle}	/*181127 #102056*/
.totalArea .minus .discountM .tableArea,.totalPriceBox .discountM .tableArea{margin:10px 0 3px}	/*181207 #103398*/
.totalArea .minus .discountM .ccInclude th,.totalArea .minus .discountM .ccInclude td,.totalPriceBox .discountM .ccInclude th,.totalPriceBox .discountM .ccInclude td{height:auto !important;padding-top:0 !important;padding-bottom:7px !important;border-bottom:0 !important}	/*181207 #103398*/	/*190207 #89026*/
.totalArea .minus .discountM .ccIncludeT th,.totalArea .minus .discountM .ccIncludeT td,.totalArea .minus .discountM .ccIncludeT + .ccInclude th,.totalArea .minus .discountM .ccIncludeT + .ccInclude td{border-bottom:0 !important}	/*181207 #103398*/
.totalPriceBox .discountM .ccIncludeT th,.totalPriceBox .discountM .ccIncludeT td,.totalPriceBox .discountM .ccIncludeT + .ccInclude th,.totalPriceBox .discountM .ccIncludeT + .ccInclude td{border-bottom:0 !important}
.discountM .tableArea table tr:last-child th,.discountM .tableArea table tr:last-child td{border-top:1px solid #dbe0e5}	/*190207 #89026*/
.discountM .tableArea.tableIner table .ccIncludeT td{font-weight:bold}	/*190207 #89026*/
.discountM .tableArea tr:nth-last-of-type(2) th,.discountM .tableArea tr:nth-last-of-type(2) td,.totalArea .discountM .tableArea tr:nth-last-of-type(2) th,.totalArea .discountM .tableArea tr:nth-last-of-type(2) td{padding-bottom:11px !important}	/*190207 #89026*/
.totalArea .minus .total > dt{position:relative;padding:0;width:auto;width:initial;display:block;float:left;}
.totalArea .minus .total > dd{display:block;width:auto;width:initial;padding:0;}
.totalArea .total{padding:35px 32px;height:121px;border-bottom:1px solid #cbccce;}
.totalArea .total > dt{margin:3px 0 0;font-size:13px;line-height:20px;color:#333;}
.totalArea .total > dt strong{display:block;margin:0 0 2px;font-size:18px;font-weight:normal;color:#333;}
.totalArea .total > dt [class^="btn"]{margin:7px 0 0;}
.totalArea .total > dd{font-size:16px;line-height:24px;color:#666;}
.totalArea .total > dd strong{display:block;margin:0 0 3px;font-weight:bold;font-size:22px;font-weight:normal;color:#333;}
.totalArea .total .price{margin:0 0 6px;font-size:30px;color:#f11d13;white-space:nowrap}

.totalArea.type2 .total{padding:9px 24px 0;height:101px;border-bottom:0;}
.totalArea.type2 dt{float:none !important;}
.totalArea.type2 .total dt{text-align:right;}
.totalArea.type2 .total dt strong{margin:0;font-size:13px;}
.totalArea.type2 .total dd{font-size:13px;line-height:20px;}
.totalArea.type2 .total dd strong{margin:14px 0 2px;font-size:16px;}
.totalArea.type2 .total .price{margin:13px 0 3px;font-size:20px;}
.totalArea.type2 li:first-child,.totalArea.type2 li.result{width:auto;}/* 20180413 #59055 add */
.totalArea.type2 li.ico:before{width:20px;height:20px;background:url('/static-fo-pc/img/common/bg_icon2.png') no-repeat -420px 0;top:41px;}
.totalArea.type2 li.result:before{background-position:-450px 0;}

.totalArea .complete .result{width:400px;}
.totalArea .complete .minus .total{padding:30px 32px 20px;height:auto;border-bottom:0;}
.totalArea .complete .minus dl:nth-child(2){padding:0 32px;}
.totalArea .complete dl{padding:24px 32px;}
.totalArea .complete .total{padding:30px 32px;height:143px;}
.totalArea .complete .total.noLine{border-bottom:0;}
.totalArea .complete .total dl{margin:10px 0 0;padding:0;}
.totalArea .complete .result .total.noLine{padding:30px 32px;height:auto;border-bottom:0;}
.totalArea .complete .result .total{height:143px;}
.totalArea .complete .result .total:first-child{height:auto;padding-bottom:0;}
.totalArea .complete .result .total:first-child:after{display:block;content:"";clear:both;height:1px;width:340px;margin:32px auto 0;background:#dbe0e5;}

/* SYS-14190 210223 */
.newContOrder .totalArea.cart.improve02 .total .price{font-size:26px;}
.newContOrder .totalArea.cart.improve02 .total dt{padding:22px 0 0;}
.newContOrder .totalArea.cart.improve02 .total dd{bottom:20px;}
.newContOrder .totalArea.cart.improve02 .discountBox li em strong{color: #f11d13;}
.newContOrder .totalArea.cart.improve02 .taxLimit_box{position: relative;padding: 19px 20px 40px 20px;background: #f9fdff;border-bottom: 1px solid #dfe1e3;}
.newContOrder .totalArea.cart.improve02 .taxLimit{padding: 0;}
.newContOrder .totalArea.cart.improve02 .taxLimit dt{line-height: 19px;color:#000 }
.newContOrder .totalArea.cart.improve02 .taxLimit dt i{color: #f11d13;}
.newContOrder .totalArea.cart.improve02 .taxLimit dd{color:#000 }
.newContOrder .totalArea.cart.improve02 .taxLimit .gray{color:#333 }
.newContOrder .totalArea.cart.improve02 .taxLimit_btn{position: absolute;bottom: 20px;left: 20px;}
.newContOrder .totalArea.cart.improve02 .btnLayer{color: #027fe9; font-size: 13px;line-height: 20px; }
.newContOrder .totalArea.cart.improve02 .btnLayer::after{display:inline-block;content: '';width: 15px;height: 15px;margin-left: 5px;margin-top: 5px;background: url(/static-fo-pc/img/common/sp_new_cart.png) no-repeat -47px 0px;vertical-align: top;}
.newContOrder .totalArea.cart.improve02 .dreamMP{position:absolute;bottom: 20px;left:0;}
#dreamMP {width: 499px;}
#dreamMP th:last-child{border-left:1px solid #dbe0e5;}
#dreamMP td:last-child{border-left:1px solid #dbe0e5;text-align: right;}
#dreamMP td{padding: 17px 20px;text-align: left;}
#dreamMP td i{color: #f11d13;}
#dreamMP .tooltipWrap p, #taxLimitP .tooltipWrap p{padding-left: 5px;position: relative;line-height: 18px;width: 100%;text-align: left;}
#dreamMP .tooltipWrap p:before, #taxLimitP .tooltipWrap p:before{content: "";position: absolute;top: 8px;left: 0; width: 2px;height: 2px;background-color: #999;}
#dreamMP .tooltipWrap .contTip, #taxLimitP .tooltipWrap .contTip{width: 271px;padding: 16px 40px 16px 22px;}
.newContOrder .totalArea.cart .minus {z-index:auto;}

.layerContainer #taxLimitP {width: 499px;}
.layerContainer .taxLimitP_Body{padding: 0px!important}
.layerContainer .taxLimitP_list > div{padding:15px;background: #eef3fb;}
.layerContainer .taxLimitP_list > div:nth-child(2){padding:15px;background: #dfe9f6;}
.layerContainer .taxLimitP_list > div:nth-child(3){background: #ddd;}
.layerContainer .taxLimitP_list > div > div{background: #fff;border-radius: 5px;padding: 20px 15px;}
.layerContainer .taxLimitP_list > div > div:after{display:block;content:"";clear:both;}
.layerContainer .taxLimitP_list > div > div em{display:block;float:left;font-size: 16px;line-height: 20px;font-weight: bold;}
.layerContainer .taxLimitP_list > div:last-child > div > em{border-bottom: 1px solid #333;}
.layerContainer .taxLimitP_list > div:last-child > div + div {margin-top: 10px;}
.layerContainer .taxLimitP_list > div:last-child > div:last-child {color: #f11d13;}
.layerContainer .taxLimitP_list > div:last-child > div:last-child em{border-bottom: 1px solid #f11d13;}
.layerContainer .taxLimitP_list > div > div p{ float: right;text-align: right;}
.layerContainer .taxLimitP_list > div > div p strong{ font-size: 16px;}
.layerContainer .taxLimitP_list > div ul{display: table;table-layout: fixed;width: 100%;}
.layerContainer .taxLimitP_list > div ul li{padding-top:5px;font-size: 13px;line-height: 20px;display:block;width: 100%;}
.layerContainer .taxLimitP_list > div ul li:first-child{padding-top: 10px;}
.layerContainer .taxLimitP_list > div ul li:after{display:block;content:"";clear:both;}
.layerContainer .taxLimitP_list > div ul li em {padding-left: 22px;position: relative;font-size: 13px;font-weight: normal; }
.layerContainer .taxLimitP_list > div ul li em::before {content: "";position: absolute;top: 6px;left: 6px; width: 6px;height: 6px;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.layerContainer .taxLimitP_list p.gray{width: 100%;text-align: left;font-size: 12px; color:#999;margin-top: 5px;}

/* 20180413 #59055 장바구니 합계 */
.totalArea.cart li.ico:before ,.totalArea.cart li.result:before{display:none;}
.totalArea.cart .total{display:table;width:100%;padding:0 32px;border-bottom:0;}
.totalArea.cart .minus{z-index:3}	/*181207 #103398*/
.totalArea.cart .minus .detail,.totalArea.cart .result .detail{position:relative}
.totalArea.cart .minus .detail:before,.totalArea.cart .result .detail:before{display:block;content:'';position:absolute;top:0;right:-398px;width:1018px;height:1px;background:#cbccce;}
.totalArea.cart .minus .noData{max-width:143px;padding:12px 14px;margin-right:-30px;font-size:13px;line-height:18px;color:#666;border:1px solid #788aa4;background:#fff;box-shadow:1px 1px 1px #d9d9d9;text-align:left;box-sizing:border-box;}
.totalArea.cart .minus .noData .red{color:#e70e0e;}
.totalArea.cart .result .detail:before{right:0;}
.totalArea.cart .total .price{margin-bottom:5px;}
.totalArea.cart .total dt,.totalArea.cart .total dd{display:table-cell;float:none;vertical-align:middle}
.totalArea.cart .total dd .cartSale{position:absolute;left:17px;top:-20px;}

.totalArea.cart .total .btnMaxbenefit{position:relative;display:inline-block;border-radius:4px;padding:11px 29px !important;background:#505767;box-sizing:border-box;}
.totalArea.cart .total .btnMaxbenefit span{position:relative;display:inline-block;color:#fff;font-size:17px;letter-spacing:-0.7px;line-height:24px;vertical-align:middle;}
.totalArea.cart .total .btnMaxbenefit:before{display:inline-block;content:'';width:24px;height:24px;background:url('/static-fo-pc/img/common/bg_maxbenefitbtn.png') no-repeat 0 0;vertical-align:middle;margin-right:10px;}
.totalArea.cart .total .btnMaxbenefit,.totalArea.cart .total .btnMaxbenefit:focus,.totalArea.cart .total .btnMaxbenefit:active{padding:0;}

.btnPrd .btnTit{display:inline-block;margin-right:4px;font-size:14px;color:#333;}
.btnPrd:after{display:block;content:"";clear:both;}

.blueGuide{padding:26px 20px 26px 30px;background:#f5f8fc;position:relative;}
.blueGuide dt{display:table-cell;padding-right:30px;font-size:18px;color:#5b6374;vertical-align:middle;position:relative;}
.blueGuide dd:before{display:block;width:1px;height:100%;content:"";background:#dbe0e5;position:absolute;left:0;top:0;}
.blueGuide dd{display:table-cell;padding-left:30px;line-height:20px;font-size:14px;vertical-align:middle;color:#666;position:relative;}
.blueGuide dd strong{color:#000;font-weight:normal;}
.blueGuide .btnPrdArea{margin-top:-22px;position:absolute;right:20px;top:50%;}

.blueLine{padding:18px 20px 20px;background:#f6f9fc;border:1px solid #d4dae3;border-radius:2px;}

/***** 상품모듈 *****/
.productMd{padding:37px 19px 1px;width:256px;height:450px;position:relative;z-index:0;}
.productMd:after{display:block;width:100%;height:100%;content:"";position:absolute;left:0;top:0;z-index:-1;}
.productMd:hover:after,.productMd.on:after{border:1px solid #000;}
.productMd .link{display:block;width:100%;height:100%;background:#fff;}
.productMd .link:hover,.productMd .link:focus,.productMd.on .link{text-decoration:none;outline:none;}/*productMd over 효과 대체함*/
.productMd .evaluation{position:absolute;left:19px;bottom:23px;color:#999;font-size:13px;}
.productMd .evaluation .starIcon{vertical-align:top;}
.productMd .evaluation .num{position:relative;top:-2px;left:-4px;}
.productMd .img{margin:0 auto 15px;width:180px;height:180px;font-size:0;letter-spacing:-5px;text-align:center;}
.productMd .img *{letter-spacing:normal;}
.productMd .img:after{display:inline-block;content:"";width:0;height:100%;vertical-align:middle;overflow:hidden;}
.productMd .img img{vertical-align:middle;max-width:100%;max-height:100%;}
.productMd .info{height:129px;font-size:14px;position:relative;}
.productMd .btnArea{/*display:none;*/ padding:0 19px;width:100%;position:absolute;left:0;top:277px;z-index:-1;opacity:0;filter:alpha(opacity=0);}
.productMd .btnArea:after{display:block;content:"";clear:both;}
.productMd .btnArea a{display:block;margin:0;text-align:center;height:35px;line-height:35px;}
.productMd .btnArea .ico{color:#fff;width:72px;border-right:1px solid #292a30;background:#505766;position:relative;float:left;}
.productMd .btnArea .ico:after{display:inline-block;margin:7px 0 0;width:23px;height:26px;content:"";line-height:0;background:url("/static-fo-pc/img/common/bg_icon.png") no-repeat -1919px 0;}
.productMd .btnArea .ico.shoping:after{width:22px;background-position:-1950px 0;}
.productMd .btnArea .ico.on:after{background-position:-1919px -118px;}
.productMd .btnArea .btnU{padding-left:0;padding-right:0;text-align:center;width:auto;font-size:14px;overflow:hidden;}
.productMd .btnArea .btnU.dgray{background:#aaa195;}
.productMd .btnArea .btnU.dgray2{color:#666;background:#eff1f6;}
.productMd .btnArea.circle{text-align:center;}
.productMd .btnArea.circle .ico{display:inline-block;float:none;color:#fff;width:42px;height:42px;border-radius:42px;border:none;margin-right:5px;background:#505766;position:relative;}
.productMd .btnArea.circle .ico:after{margin-top:10px;}
.productMd .btnArea.circle .btnU{display:inline-block;text-indent:-999em;font-size:0;width:42px;height:42px;line-height:0;border-radius:42px;vertical-align:top;}
.productMd .btnArea.circle .btnU:after{display:inline-block;content:'';width:22px;height:17px;margin:12px 0 0;background:url("/static-fo-pc/img/common/bg_icon.png") no-repeat -2190px -25px;}
.productMd.soldOut .btnArea.circle .btnU{text-indent:0;font-size:14px;width:auto;padding-left:15px;padding-right:15px;line-height:42px;}
.productMd.soldOut .btnArea.circle .btnU:after{display:none;}

.productMd .flagArea{height:19px;margin:0 0 5px;}
.productMd .brand{height:22px;line-height:22px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /* 2103 상품유닛*/
.productMd .brand strong{font-weight:normal;color:#000;font-weight:bold;}
.productMd .product{margin:0px;height:36px;line-height:18px;color:#000;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;} /* 2103 상품유닛 */
.productMd .txt{height:22px;line-height:22px;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.productMd .price{background:#fff;}
.totalAmount .price,.productMd .price{margin:15px 0 5px;height:14px;line-height:1;color:#000;} /* 2103 상품코너*/
.totalAmount .price strong,.productMd .price strong{margin-left:4px;font-style:italic;color:#333;}
.totalAmount .price .dcDesc,.productMd .price .dcDesc{color:#999;font-size:14px;} /* 2103 서브페이지 코너 상품유닛 변경*/
.productMd .soldoutTxt{font-size:18px;color:#999;display:none;}/*디자인변경으로 안씀*/
.totalAmount .discount,.productMd .discount{line-height:1;color:#999;} /* 2103 서브페이지 코너 상품유닛 변경*/
.totalAmount .discount strong,.productMd .discount strong{margin-right:4px;font-size:18px;font-weight:bold;color:#000;vertical-align:-1px;}
.productMd .discount strong.off{color:#c4c4c4;font-weight:normal;}

.productMd .discount span{display:block;font-size:14px;margin-top:5px;line-height:20px;}
.productMd .discount span em{font-size:12px;} /* 2103 상품유닛 */
.productMd .discount span[class^="icon_star"], .productMd .discount .total{display:inline-block;font-size:11px;vertical-align:middle} /*2103 상품코너유닛*/
/* .productMd:hover .info:before{display:block;width:100%;height:100%;content:"";background:#fff;position:absolute;left:0;top:0;z-index:1;} 2103 서브페이지 코너 */
.productMd:hover .btnArea{/*display:block;*/z-index:2;opacity:1;filter:alpha(opacity=100);}

.flagNum{display:inline-block;position:absolute;top:20px;left:20px;width:38px;height:38px;background:#000;color:#fff;text-align:center;background:url(/static-fo-pc/img/common/bg_flag.png) no-repeat -60px 0;}
.flagNum em{position:absolute;bottom:8px;right:9px;font-size:22px;font-weight:bold;line-height:1;}
.flagNum.big{width:48px;height:48px;background-position:0 0;}
.flagNum.big em{font-size:26px;bottom:13px;right:13px;}
.flagNum.black{background-position:-300px 0;}
.flagNum.black em{color:#333;}

/***** 상품모듈 가로형 *****/
.tblProduct{display:table;table-layout:fixed;padding:0;width:100%;height:auto;height:initial;}
.tblProduct img{max-width:100%;vertical-align:top;}
.tblProduct [class^="cell"]{display:table-cell;vertical-align:top;}
.tblProduct.productMd .info{margin-bottom:12px;height:auto;height:initial;font-size:13px;}
.tblProduct.productMd .brand,
.tblProduct.productMd .product,
.tblProduct.productMd .txt{margin:0;height:auto;height:initial;line-height:18px;}
.tblProduct.productMd .txt{color:#666;}
.totalAmount .discount strong,
.tblProduct.productMd .discount strong{margin:0 0 0 -1px;font-size:18px;vertical-align:-1px;}
.tblProduct.productMd .price{font-size:13px;}
.tblProduct.productMd .discount{font-size:13px;}
.tblProduct.productMd:after,
.tblProduct.productMd:hover:after,
.tblProduct.productMd:hover .info:before{display:none;}
.tblProduct.productMd .evaluation{position:static;}
.tblProduct.productMd .evaluation .num{display:block;position:static;margin:1px 0 10px;color:#999;}

/***** 페이징 *****/
.pagingArea{padding:20px 0px 17px;}
.paging{text-align:center;}
.paging a{display:inline-block;overflow:hidden;height:27px;margin:0px 12px;font-size:13px;color:#999;line-height:27px;letter-spacing:0;cursor:pointer;vertical-align:middle;border:1px solid #fff;}
.paging a.on{font-weight:normal;color:#000;}
.paging a:hover{color:#000;}
.paging a:first-child{margin-left:0;}
.paging a:last-child{margin-right:0;}
.paging .first,.paging .prev,.paging .next,.paging .last{position:relative;width:27px;height:27px;top:1px;text-indent:-10000em;background:url(/static-fo-pc/img/common/bg_btn.png) no-repeat;border:1px solid #d5d5d5}
.paging a.first,.paging span.first{margin-right:1px;background-position:-533px 9px;}
.paging a.last,.paging span.last{margin-left:0;background-position:-563px 9px;}
.paging a.prev,.paging span.prev{margin-left:1px;margin-right:4px;background-position:-470px 9px;}
.paging a.next,.paging span.next{margin-right:0;margin-left:6px;background-position:-499px 9px;}


/*****************************
    전시컨텐츠 중 공통
*****************************/
.group{position:relative;}
.group .btnMore{position:absolute;right:0;top:9px;}
.bannerList img{width:100%;vertical-align:top;}
.bannerList{margin:-50px 0 0 -12px;padding-bottom:32px;}
.bannerList:after{display:block;content:"";clear:both;}
.bannerList li{margin:60px 0 0 12px;width:332px;height:200px;float:left;position:relative;z-index:0;}/* SYS-3621 수정 */
.bannerList li:before{display:block;width:332px;height:200px;content:"";background:url('/static-fo-pc/img/common/bg_none.gif') no-repeat 50% 50%;position:absolute;left:0;top:0;z-index:-1;}
.bannerList li a{display:block;height:100%;}
.bannerList li dl{margin-left:-127px;width:254px;height:68px;font-size:14px;line-height:20px;color:#666;text-align:center;position:absolute;left:50%;bottom:-32px;z-index:0;}
.bannerList li dl:before{display:block;width:100%;height:100%;content:"";background:#fff;position:absolute;left:0;top:0;z-index:-1;opacity:0.9;}
.bannerList li dl dt{margin:11px 20px 1px;font-size:16px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:20px;}/* SYS-3621 수정 */
.bannerList li dl dd{margin:0 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:20px;}/* SYS-3621 수정 */
.bannerList li dl dd.promotionDate{font-size:12px;color:#999999;}/* SYS-3621 추가 */
.bannerList li img{width:100%;height:100%;}
.contentLnb .bannerList{margin-left:-9px;}
.contentLnb .bannerList li{margin:50px 0 0 9px;width:274px;height:165px;}
.contentLnb .bannerList li:before{width:274px;height:165px;}
.contentLnb .bannerList li dl{margin-left:-107px;width:214px;}
.contentLnb .bannerList li dl dt{margin-top:14px;line-height:1.2;font-size:14px;}
.contentLnb .bannerList li dl dd{font-size:13px;}

.wrap .relation h3,.wrap .personal h3{padding-bottom:15px;margin-bottom:0;border-bottom:1px solid #e1e1e1;}
.wrap .relation h3 i,.wrap .personal h3 i{padding-left:7px;}
.wrap .relation h3 i:first-child,.wrap .personal h3 i:first-child{padding:0;}
.catePrdList .imgType .productMd{float:left;width:255px;min-height:auto;padding-bottom:38px;} /* 2103상품코너*/
.catePrdList .imgType .listUl:after{display:block;content:'';clear:both;}
.catePrdList .imgType .productMd .info{height:auto;} /* 2103 상품코너*/
.catePrdList .imgType .productMd .flagArea{min-height:19px;height:auto;margin-bottom:3px;}
.catePrdList .imgType .productMd .flag{margin-bottom:2px;}

.catePrdList .listType .left,.catePrdList .listType .right{float:left;}
.catePrdList .listType .img{width:148px;height:148px;margin:0 22px 0 10px;}
.catePrdList .listType .productMd{width:1020px;height:auto;padding-right:0;padding-top:30px;padding-bottom:25px;border-bottom:1px solid #e1e1e1}
.catePrdList .listType .productMd:hover:after{border:none;}
.catePrdList .listType .productMd:after{display:block;content:'';clear:both;border-bottom:none;width:0;height:0;position:relative;}
.catePrdList .listType .productMd:hover .info:before{display:none;}
.catePrdList .listType .evaluation{position:relative;left:0;top:0;text-align:left;display:inline-block;margin-top:12px;margin-bottom:4px;line-height:1;}
.catePrdList .listType .productMd .info{height:auto;}
.catePrdList .listType .productMd .product{width:540px;height:auto;margin:0;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;}
/* [SYS-843]20200601 */.catePrdList .listType .productMd .txt{width:540px;height:auto;}
.catePrdList .listType .productMd .price{margin-top:17px;}
.catePrdList .listType .productMd:hover .price{display:block;}
.catePrdList .listType .productMd:hover .discount{padding-top:0;}
/* 20200601 */.catePrdList .listType .productMd .listLink{display:inline-block;}

.catePrdList .listUl{position:relative;}
.catePrdList .listUl:before{display:block;width:100%;content:"";border-bottom:1px solid #e1e1e1;position:absolute;left:0;bottom:0;}

.imgType .pagingArea,
.listType .pagingArea{padding-bottom:1px;}

.ctrlDirection{padding:0 30px;font-size:11px;color:#999;position:absolute;right:0;top:6px;}
.ctrlDirection em{font-size:14px;vertical-align:middle;}
.ctrlDirection .btn{display:block;width:20px;height:20px;text-indent:-999em;background:url(/static-fo-pc/img/common/bg_btn.png) no-repeat;position:absolute;top:0;}
.ctrlDirection .prev{background-position:-1350px 0;left:0;}
.ctrlDirection .next{background-position:-1380px 0;right:0;}
.ctrlDirection .prev.on{background-position:-1350px -30px;}
.ctrlDirection .next.on{background-position:-1380px -30px;}

.logBefor{padding:25px 0 0 110px;height:102px;font-size:14px;color:#666;border:1px solid #dbe0e5;position:relative;}
.logBefor strong{display:block;margin:0 0 1px;font-size:18px;font-weight:normal;color:#000;}
.logBefor strong span{color:#000;} /* 2101 톤앤매너 */
.logBefor .btn3{width:100px;position:absolute;right:20px;top:35px;}
.logBefor:after{display:block;width:60px;height:60px;content:"";background:url("/static-fo-pc/img/common/bg_member.png") no-repeat -1170px 0;position:absolute;left:30px;top:22px;}

.eventList{margin-left:-42px;width:1062px;overflow:hidden;}
.eventList li{text-align:center;float:left;}
.eventList *{vertical-align:top;}
.eventList li:before{margin:0 20px 0 21px;width:1px;height:254px;content:"";background:#ebebeb;float:left;}
.eventList li a{display:block;width:312px;float:left;vertical-align:top;}
.eventList li .img{display:block;width:312px;height:188px;}
.eventList li img{max-height:100%;}
.eventList li .date{display:block;margin:14px auto 0;line-height:22px;font-size:13px;color:#666;}
.eventList li strong{display:block;margin:1px auto 0;line-height:20px;font-size:16px;font-weight:normal;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.eventList.type2{margin:-20px 0 0 -20px;width:1040px;}
.eventList.type2 li{margin:20px 0 0 20px;width:240px;height:282px;background:url('/static-fo-pc/img/common/bg_none.gif') no-repeat 50% 50%;}
.eventList.type2 li:before{display:none;}
.eventList.type2 li a{padding:35px 0 0;width:240px;height:282px;background:#f3f3f3;float:none;}
.eventList.type2 li .img{margin:0 auto;width:136px;height:136px;border-radius:50%;overflow:hidden;position:relative;z-index:1;}
.eventList.type2 li .img img{margin-left:-100%;position:relative;left:50%;z-index:0;}
.eventList.type2 li .img:after{position:absolute;top:0;left:0;width:136px;height:136px;content:"";background:url('/static-fo-pc/img/common/bg_round.png') no-repeat 50% 50%;}
.eventList.type2 li .date{margin:18px auto 1px;}
.eventList.type2 li strong{max-width:176px;height:40px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;white-space:inherit;}

/* 최근 본 상품 */
.catePrdList{width:1020px;margin:0 auto;}
.recentlyWrap .btnCartWrap{width:208px;float:right;padding:11px 30px 8px;border-left:1px solid #e1e1e1;text-align:center;}/* DEF-4248 200910 */
.recentlyWrap .btnCartWrap .btnCart > a{display:block;margin-left:0;padding:0 10px;margin-top:3px;}
.recentlyWrap .topBtnArea{padding-bottom:10px;border-bottom:1px solid #e1e1e1;}
.recentlyWrap .topBtnArea .tooltipClick{display:inline-block;}
.recentlyWrap .topBtnArea .btnU{font-size:13px;}
/* .recentlyWrap .btnCartWrap{width:188px;padding:11px 44px 8px;} DEF-4248 200910 del */
.recentlyWrap .btnCartWrap .totalReview{display:block;color:#999;}
.recentlyWrap .tooltipClick{display:block;margin-top:3px;}
.recentlyWrap .tooltipClick:first-child{margin-top:0;}
.recentlyWrap .contTip.toastPop{width:230px;}
.recentlyWrap .tooltipClick .btn3{display:block;}
.contTip.cart{width:317px;padding-top:32px;z-index:101;}
.contTip.cart .textUnit{padding:19px 0;background:#f9f9f9;text-align:center}
.contTip.cart .btnUnit{margin-top:10px;text-align:center}
/* [DEF-1340] 20191017 add */
.contTip.pkcart{width:317px;padding-top:32px;z-index:101}
.contTip.pkcart .textUnit{padding:19px 0;background:#f9f9f9;text-align:center}
.contTip.pkcart .btnUnit{margin-top:10px;text-align:center}
/* //[DEF-1340] 20191017 add */

/*****************************
    메인컨텐츠 중 공통
*****************************/
/***** 브랜드이벤트 배너 *****/
.brandEvent{position:relative;height:240px;margin-bottom:73px;background:#dfdfdf url('/static-fo-pc/img/common/bg_brandEvent.gif') no-repeat center top;z-index:1;}
.brandEvent .brandSlider{overflow:hidden;position:relative;width:1020px;height:272px;margin:0 auto;}
.brandEvent .brandSlider .sliderItem{float:left;font-size:0;}
.brandEvent .brandSlider .sliderItem li{float:left;}
.brandEvent .brandSlider .sliderItem li a{display:block;}
.brandEvent .slick-arrow{z-index:1000;margin-top:-35px;}

/***** 타임세일 *****/
.mainTimeSale{width:1020px;margin:0 auto 48px;}
.mainTimeSale .saleArea{position:relative;font-size:0;}
.mainTimeSale .saleArea .time{position:absolute;top:49px;right:130px;width:276px;height:89px;background:url('/static-fo-pc/img/common/bg_eveningSale_time.png') no-repeat;}
.mainTimeSale .saleArea .time em{float:left;width:80px;margin-left:18px;color:#f11d13;font-size:30px;text-align:center;line-height:88px;}
.mainTimeSale .saleArea .time em:first-child{margin-left:0;}
.mainTimeSale .saleArea .time em span{display:none;}
.mainTimeSale .saleArea .time:after{display:block;content:"";clear:both;}
.mainTimeSale .saleArea .desc{position:absolute;top:145px;right:195px;color:#3a4153;font-size:15px;}
.mainTimeSale .saleArea .hour{position:absolute;top:57px;left:455px;}
.mainTimeSale .saleArea .minute{position:absolute;top:0;left:459px;}
.mainTimeSale .saleArea .saleBanner{position:absolute;bottom:0;left:0;width:1020px;text-align:center;}
.mainTimeSale .saleArea .saleBanner a{display:inline-block;margin-right:-4px;font-size:0;border-bottom:1px solid #ece9dc}
.mainTimeSale .saleArea .saleBanner a img{width:380px;height:91px;}
.mainTimeSale .saleArea .saleBanner a:last-child{position:relative;}
.mainTimeSale .saleArea .saleBanner a:last-child:after{display:block;width:319px;height:60px;content:"";background:url("/static-fo-pc/img/common/img_saleArea_last.png") no-repeat 0 0;position:absolute;left:0;bottom:0}
/* after */
.mainTimeSale .saleArea.saleAfter .time:before{display:block;width:178px;height:23px;content:"";background:url("/static-fo-pc/img/common/bg_eveningSale_lang.gif") no-repeat 0 0;position:absolute;left:0;top:-23px;}

/*****************************
    Etc
*****************************/
.blind{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}

/***** 필수항목 *****/
.shapeRequire{color:#f11d13;font-size:16px;margin-left:-5px;}

/***** 수량 수정 *****/
.eaModify{width:55px;}
.eaModify .form{position:relative;width:55px;height:33px;background:url('/static-fo-pc/img/common/bg_direct.png?v=1') no-repeat -80px 0;}
.eaModify .form input{position:absolute;top:1px;left:1px;width:28px;height:31px;padding:0;font-size:12px;border:none;text-align:center;}
.eaModify .form input:disabled,.eaModify .form input.readonly{background-color:#fbfbfb;color:#bfbfbf;}
.eaModify .form a{display:block;position:absolute;top:1px;right:1px;width:24px;height:15px;color:transparent;font-size:0;}
.eaModify .form a.down{top:17px;}
.eaModify .modify{display:block;/*width:24px;border-bottom:1px solid #666;sun*/ margin:9px auto 0;text-decoration:underline;color:#666;font-size:13px;text-align:center;line-height:16px;}

/***** sns 공유 *****/
.snsBox{position:absolute;top:-20px;right:-20px;}
.snsBox li{float:left;margin-left:5px;}
.snsBox li a{display:block;width:20px;height:20px;background:url(/static-fo-pc/img/common/bg_icon.png) no-repeat -2700px 0;color:transparent;font-size:0;}
.snsBox li a.facebook{background-position:-2730px 0;}
.snsBox li a.twiter{background-position:-2760px 0;}
.snsBox li a.pinterest{background-position:-2790px 0;}

.snsArea{position:relative;display:inline-block;padding-right:40px;font-size:13px;color:#999;}
.snsArea .txt{position:relative;top:6px;}
.linkShare{position:absolute;top:0;right:0;font-size:0;}
.linkShare .sns{display:inline-block;width:30px;height:30px;background:url('/static-fo-pc/img/common/bg_icon3.png?v=2') no-repeat -930px 0;color:transparent;font-size:0;}

/* [SYS-21040]20220318 [주문] 오프라인 공항점 쿠폰 노출 개선  */
.btn_coupone_info {padding:10px 20px; color:#333; font-size:14px; border:1px solid #333;}
.btn_coupone_info:before {width:22px; height:22px; margin-top:-5px; margin-right:4px; background:url('/static-fo-pc/images/common/order/icon_coupone_info.png'); vertical-align:middle; content:''; display:inline-block;}
/* //[SYS-21040]20220318 [주문] 오프라인 공항점 쿠폰 노출 개선  */

/*****************************
    Attibute
*****************************/
.disN{display:none !important;}
.disIb{display:inline-block !important;}
.disb{display:block !important;}

.poA{position:absolute !important;}
.poR{position:relative !important;}

.clearB:after{display:block;content:"";clear:both;}
.floL{float:left !important;}
.floR{float:right !important;}

/***** Margin *****/
.mt00{margin-top:0px !important;}
.mt02{margin-top:2px !important;}
.mt04{margin-top:4px !important;}
.mt05{margin-top:5px !important;}
.mt06{margin-top:6px !important;}
.mt07{margin-top:7px !important;}
.mt08{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt14{margin-top:14px !important;}
.mt15{margin-top:15px !important;}
.mt16{margin-top:16px !important;}
.mt17{margin-top:17px !important;}
.mt18{margin-top:18px !important;}
.mt20{margin-top:20px !important;}
.mt24{margin-top:24px !important;}
.mt25{margin-top:25px !important;}
.mt27{margin-top:27px !important;}
.mt28{margin-top:28px !important;}
.mt30{margin-top:30px !important;}
.mt32{margin-top:32px !important;}
.mt33{margin-top:33px !important;}
.mt35{margin-top:35px !important;}
.mt36{margin-top:36px !important;}
.mt38{margin-top:38px !important;}
.mt39{margin-top:39px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt54{margin-top:54px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt74{margin-top:74px !important;}
.mt90{margin-top:90px !important;}

.mr00{margin-right:0px !important;}
.mr04{margin-right:4px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}

.mb00{margin-bottom:0px !important;}
.mb01{margin-bottom:1px !important;}
.mb05{margin-bottom:5px !important;}
.mb08{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb13{margin-bottom:13px !important;}
.mb15{margin-bottom:15px !important;}
.mb18{margin-bottom:18px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb42{margin-bottom:42px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}

.ml00{margin-left:0px !important;}
.ml01{margin-left:1px !important;}
.ml03{margin-left:3px !important;}
.ml05{margin-left:5px !important;}
.ml07{margin-left:7px !important;}
.ml08{margin-left:8px !important;}/* 20220401 이종환 추가 */
.ml10{margin-left:10px !important;}
.ml12{margin-left:12px !important;}
.ml15{margin-left:15px !important;}
.ml16{margin-left:16px !important;}
.ml17{margin-left:17px !important;}
.ml18{margin-left:18px !important;}
.ml20{margin-left:20px !important;}
.ml23{margin-left:23px !important;}
.ml25{margin-left:25px !important;}
.ml26{margin-left:26px !important;}
.ml30{margin-left:30px !important;}
.ml94{margin-left:94px !important;}

.mar00{margin:0 !important;}
.marA{margin:0 auto !important;}

/***** Padding *****/
.pt00{padding-top:0px !important;}
.pt05{padding-top:5px !important;}
.pt08{padding-top:8px !important;}
.pt10{padding-top:10px !important;}
.pt12{padding-top:12px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}

.pr00{padding-right:0px !important;}
.pr10{padding-right:10px !important;}

.pb00{padding-bottom:0px !important;}
.pb10{padding-bottom:10px !important;}
.pb40{padding-bottom:40px !important;}

.pl00{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl40{padding-left:40px !important;}

.pr20{padding-right:20px !important;}

.pad00{padding:0px !important;}

/***** Background *****/
.bgN{background:none !important;}
.bgCf1{background-color:#000000 !important;}

/***** Font *****/
.ffmid{}
.ffthin{}

.fc0{color:#000 !important;}
.fc3{color:#333 !important;}
.fc5{color:#555 !important;}
.fc6{color:#666 !important;}
.fc7{color:#777 !important;}
.fc8{color:#888 !important;}
.fc9{color:#999 !important;}
.fcff{color:#fff !important;}
.fc98{color:#988264 !important;}
.fc99{color:#998263 !important;}
.fc78{color:#788aa4 !important;}
.fcf1{color:#000 } /* 2101 톤앤매너*/
.fc02{color:#027fe9 !important}
.fc03{color:#526ba5 !important;}/*20190409 add darknavy*/
.fcf11 {color:#f11d13 !important} /* [SYS-11920] 20210125 칼라 추가 */

.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fs20{font-size:20px !important;}
.fs22{font-size:22px !important;}
.fs24{font-size:24px !important;}
.fs28{font-size:28px !important;}

.fwb{font-weight:bold !important;}
.fwn{font-weight:normal !important;}
.fw300{font-weight:300 !important;}
.fw400{font-weight:400 !important;}
.fw500{font-weight:500 !important;}
.fw700{font-weight:700 !important;}
.fw900{font-weight:900 !important;}

.alL{text-align:left !important;}
.alC{text-align:center !important;}
.alR{text-align:right !important;}
.alJ{text-align:justify !important;}

.fullTxt{text-overflow:inherit !important;white-space:inherit !important;}

.lh1{line-height:1 !important;}
.lh16{line-height:16px !important;}
.lh18{line-height:18px !important;}
.lh20{line-height:20px !important;}
.lh22{line-height:22px !important;}
.lh24{line-height:24px !important;}

.verT{vertical-align:top !important;}
.verM{vertical-align:middle !important;}

.underL{text-decoration:underline !important;}
.cancel{text-decoration:line-through !important;}

a.tlink{text-decoration:underline;color:#000;}
.addrWrap{display:inline;}
.ph{display:block;}

/* ie10 */
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
	:lang(en) .productMd .price .fc9{display:block;white-space:nowrap;}
}

/*20180125 우클릭*/
.custom-contextmenu{display:none;position:absolute;top:50%;left:50%;min-width:100px;background:#fff;z-index:10000;padding:10px 0;box-shadow:2px 2px 0 rgba(0,0,0,0.3);}
.custom-contextmenu ul{margin:0;}
.custom-contextmenu ul li a{display:block;padding:5px 20px;font-size:14px;color:#666;}
.custom-contextmenu ul li a:hover{background:#e8e8ea;color:#333;}

/*20180327 #45502*/
.toolTipBox{position:absolute;right:0;top:0;width:85px;}
.detailsPos .toolTipBox{width:auto;top:50%;margin-top:-15px;}
.detailsPos .toolTipBox .tooltipWrap{vertical-align:middle;}
.cculator .toolTipBox{width:auto;}
.cculator .toolTipBox .btn4{position:relative;}
.repurchaser{border-bottom:1px solid #cbccce;padding-bottom:10px;}
.repurchaser span{line-height:30px;float:left;}

/*엑셀 다운 버튼*/
.excelIco{display:inline-block;width:28px;height:28px;padding:5px 4px;border:1px solid #ccc;color:transparent;font-size:0;vertical-align:middle;}
.excelIco:before{display:block;content:'';width:18px;height:16px;background:url('/static-fo-pc/img/common/ico_excel.png') no-repeat 0 0;}

/*180806 #68363*/
.memberInfo{display:inline-block;vertical-align:middle;}
header .utility .userMenu li .memberInfo+a{display:inline-block;vertical-align:middle;}
.memberInfo strong{margin:0 15px 0 0;font-size:13px;color:#333;}
.memberInfo .grade{height:23px;line-height:23px;padding:0 10px;margin:0 5px 0 0;-webkit-border-radius:5px 0 5px 0;-moz-border-radius:5px 0 5px 0;-o-border-radius:5px 0 5px 0;border-radius:5px 0 5px 0;color:#fff;font-size:12px;}
.memberInfo .grade.diamond{background:#313638;}
.memberInfo .grade.platinumPlus{background:#e4b363;}
.memberInfo .grade.platinum{background:#bbbbbc;}
.memberInfo .grade.prime{background:#35b5e6;}
.memberInfo .grade.normal{background:#ed6462;}

/*180903 #70210 로딩바추가*/
#loading{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:90}
#loading:after{content:'';overflow:hidden;position:absolute;left:50%;top:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(/static-fo-pc/img/common/img_loading.gif) no-repeat;-webkit-background-size:100px auto;background-size:100px auto;text-indent:-9999em}

/*181001 #96680*/
.supportInfo{position:absolute;left:-9999px;font-size:1px;line-height:0;text-indent:-9999px;}

/*190207 #89026*/
.newContOrder .orderTopNew{margin:0 auto 40px}
.newContOrder .totalArea.cart{position:relative;margin:20px 0 0;} /*190422 #89026*/

.newContOrder .totalArea.cart .minus .detail:before,.newContOrder .totalArea.cart .result .detail:before{display:none}
.newContOrder .totalArea li{border:0}
.newContOrder .totalArea>ul>li:first-child{width:241px}
.newContOrder .totalArea li.result{width:262px}
.newContOrder .totalArea.cart .total{height:169px;border-bottom:1px solid #dfe1e3;padding:0 20px;}
:lang(en) .newContOrder .totalArea.cart .total{height:140px}
.newContOrder .totalArea.cart .total dt{padding:24px 0 0;vertical-align:top}
:lang(en) .newContOrder .totalArea.cart .total dt{padding:20px 0 0}
.newContOrder .totalArea.cart .total dd{display:block;position:absolute;right:20px;bottom:22px;vertical-align:bottom}
.newContOrder .tableArea.basic .tablePrd th .checkboxGroup{margin:6px 0 0;vertical-align:middle}
.newContOrder .tableArea.basic .tablePrd .changeOn > td{border-bottom:1px solid #dbe0e5}
.newContOrder .totalArea .minus .total{background:#fff;}/* 190410 */
.newContOrder .totalArea .minus{border-left:1px solid #505766;border-right:1px solid #505766;background:url('/static-fo-pc/img/common/line_discountbox.png') repeat-y center 0;}
.newContOrder .totalArea .minus .discountBox{position:relative;/*min-height:366px*/;}/* 190410 */
.newContOrder .totalArea .minus .total,.newContOrder .totalArea.noLogin .minus .total{height:91px}
:lang(en) .newContOrder .totalArea .minus .total{height:62px}
.newContOrder .totalArea .minus .total dd{bottom:auto;top:18px;}
.newContOrder .totalArea .minus .total .price{font-size:22px}
.newContOrder .totalArea.line1 .total,:lang(en) .newContOrder .totalArea.line1 .total{height:123px}
.newContOrder .totalArea.line1 .total{border:0}
.newContOrder .totalArea.line1 .minus .total dd{top:auto;bottom:22px}
.newContOrder .totalArea.line1 .result .price{font-size:22px}
.newContOrder .priceArea .save{font-weight:bold}
.newContOrder .priceArea .save>span{font-weight:normal}
.newContOrder .priceArea .save>span.noSave{font-size:13px}
.newContOrder .btnPrdArea [class^="btn"]{height:auto;padding:0}
.newContOrder .btnPrdArea .bwline{padding:3px 0 5px}
.newContOrder .btnPrdArea [class^="btn"].twoline{padding:3px  0 5px !important;line-height:16px;}/* 190321 #89026 */
.newContOrder .totalArea.cart .total > dt strong{width:auto}
.newContOrder .totalArea.noLogin .minus .discountBox{min-height:auto}
.newContOrder .totalArea.noLogin .minus .discountBox:before{display:none}

.newContOrder .totalArea .minus .discountM{position:absolute;left:20px;bottom:20px;width:auto}
.newContOrder .totalArea .minus .discountM>span{font-size:13px;color:#838c99}
.newContOrder .totalArea .minus .discountM .tooltipWrap{margin:0 0 0 1px;line-height:13px}
.newContOrder .discountBox:after{content:'';display:block;clear:both}
.newContOrder .discountBox>div{float:left;width:256px;/*border-left:1px solid #dfe1e3*/}
.newContOrder .discountBox>div:first-child{width:256px;border:0}/* 190410 */
.newContOrder .discountBox .tit{position:relative;height:78px;border-bottom:1px solid #dfe1e3;background:#fff;}/* 190410 */
.newContOrder .discountBox>div+div .tit{border-left:1px solid #dfe1e3;}/* 190410 */
.newContOrder .discountBox .tit em{display:block;padding:16px 0 0 20px;font-size:14px;color:#333}
:lang(en) .newContOrder .discountBox .tit em{letter-spacing:-1px;}/* 190326 #110931 */
.newContOrder .discountBox .tit .mount{position:absolute;right:20px;top:16px;text-align:right;color:#666}
.newContOrder .discountBox .tit .mount strong{display:block;font-size:16px;color:#333}
.newContOrder .discountBox ul{display:block;padding:0 20px}
.newContOrder .discountBox li{display:block;padding:18px 0;line-height:18px;border:0;border-top:1px solid #dfe1e3;background:#fff;}/* 190410 */
.newContOrder .discountBox li:after{content:'';display:block;clear:both}
.newContOrder .discountBox li:first-child{width:auto;border-top:0}
.newContOrder .discountBox li em,.newContOrder .discountBox .memberPrice>div{display:block;float:left;width:58%;color:#5b6374;line-height:16px}/*190415 디자인수정*/ /*190424 디자인수정*/
:lang(en) .newContOrder .discountBox li em,.newContOrder .discountBox .memberPrice>div{letter-spacing:-1px}/* 190326 #110931 */
:lang(en) .newContOrder .discountBox li>em{width:55%} /*190424 디자인수정*/
:lang(ja) .newContOrder .discountBox li>em{width:59%} /*190424 디자인수정*/
:lang(en) .newContOrder .discountBox .memberPrice>.limitPrd.wLogin em{width:110px;letter-spacing:-1px;}/* 190326 #110931 */
.newContOrder .discountBox li em .btnDetail{display:block;padding:4px 0 0}
.newContOrder .discountBox li em .btnDetail a{position:relative;display:inline-block;/*padding:0 19px 0 0;*/padding:0 0 0 22px;color:#027fe9;font-size:13px;line-height:13px}
.newContOrder .discountBox li em .btnDetail a:before{content:'';display:block;position:absolute;left:0;top:50%;width:16px;height:16px;margin:-8px 0 0;background:url(/static-fo-pc/img/common/sp_new_cart.png) no-repeat;background-position:-18px -42px}

.newOrderHistory .newContOrder .discountBox li em .btnDetail a{position:relative;display:inline-block;padding:0 19px 0 0;color:#027fe9;font-size:13px;line-height:16px;}/* 190415 디자인 수정 */
.newOrderHistory .newContOrder .discountBox li em .btnDetail a:before{content:'';display:block;position:absolute;left:auto;right:0;top:50%;width:16px;height:16px;/*margin:-8px 0 0;*/margin:-6.5px 0 0;background:url(/static-fo-pc/img/common/sp_new_cart.png) no-repeat;background-position:-47px -0px}/* 190415 디자인 수정 */


/* [SYS-21944]20220331 overseas */
.newContOrder.overseas .orderTopNew {margin:0 auto 56px;}
.newContOrder .discountBox.overseas {display:flex;}
.newContOrder .discountBox.overseas>div {flex:1 auto;}
.newContOrder .minprice_info, .contOrderNew .minprice_info {margin-bottom:40px; padding:30px; border:1px solid #e0e0e0;}
.newContOrder .minprice_info .tit, .contOrderNew .minprice_info .tit {margin-bottom:15px; font-size:18px; display:block;}
.newContOrder .minprice_info ul, .contOrderNew .minprice_info ul {margin-top:15px;}
.newContOrder .minprice_info li, .contOrderNew .minprice_info li {margin-top:5px; padding-left:8px; color:#666; font-size:14px; position:relative;}
.newContOrder .minprice_info li:before, .contOrderNew .minprice_info li:before {width:2px; height:2px; background-color:#666; content:''; position:absolute; top:10px; left:0; display:block;}
/* //[SYS-21944]20220331 overseas */

.newContOrder .discountBox li .mount{float:right;text-align:right;color:#666}
.newContOrder .discountBox li .mount strong,.newContOrder .totalArea.cart .result .detail strong{display:block;padding:0 0 2px;color:#333;}
.newContOrder .totalArea span.normal{font-weight:normal}
.newContOrder .discountBox .payM em{float:none}
.newContOrder .discountBox .infoTxt{padding:7px 0 0;font-size:13px;color:#838c99}
.newContOrder .totalArea.cart .result .detail{padding:0 20px}
.newContOrder .totalArea.cart .result .detail dt,.newContOrder .totalArea.cart .result .detail dd{padding:18px 0;line-height:18px}

/* [SYS-24338]20220804 [주문] 역직구 1.5차 개발 */
.newContOrder .discountBox li > div:after {clear:both; content:''; display:block;}
/* //[SYS-24338]20220804 [주문] 역직구 1.5차 개발 */

.newContOrder .totalArea.cart .result .detail dd+dt,
.newContOrder .totalArea.cart .result .detail dd+dt+dd{border-top:1px solid #dfe1e3}

.newContOrder .totalArea .gradePoint{padding:0 0 0 20px;margin:-20px 0 20px;display:inline-block;}/* 20190218 L리워드 수정 */
.newContOrder .totalArea .total > dd strong{font-weight:bold}
.newContOrder .totalArea .minus .discountM .limitPrd{display:block;letter-spacing:0}
.newContOrder .totalArea .minus .discountM .limitPrd>span{display:block;padding:0 0 0 15px}
/* 20190218 L리워드 추가 */
.newContOrder .totalArea.cart .result .detail dd.gradeRate{display:block;padding:0;text-align:left;}
.newContOrder .totalArea.cart .result .detail dd.gradeRate .gradePoint{padding-left:0;}
.newContOrder .totalArea.cart .result .detail dd.gradeRate dt,
.newContOrder .totalArea.cart .result .detail dd.gradeRate dd{height:23px;padding:0 10px;line-height:21px;}
.newContOrder .totalArea.cart .result .detail dd.gradeRate dt{line-height:23px;}
/*// 20190218 L리워드 추가 */

.newContOrder .totalArea.noLogin .total{height:169px}
.newContOrder .totalArea.noLogin .discountBox>div{float:none;width:100%}
/*.newContOrder .totalArea.noLogin .discountBox .tit{height:78px}*/

.newContOrder .btnPrdArea .tooltipPrd{text-align:right}
.newContOrder .btnPrdArea .contTip{text-align:left}
.newContOrder .optionArea .btn4{padding-top:7px;margin:2px 0 0;line-height:12px}
.newContOrder .btn4.icon span.option{position:relative;padding:0 10px 0 0;font-size:12px}
.newContOrder .btn4.icon span.option:after{position:absolute;right:0;top:50%;width:6px;height:10px;margin:-5px 0 0;background:url(/static-fo-pc/img/common/sp_new_cart.png) no-repeat;background-position:-16px 0}
.newContOrder .eaModify .modify{height:24px;line-height:22px;border:1px solid #505766;text-decoration:none;font-size:13px;color:#505766}
.newContOrder .eaModify .modify.disabled{border:1px solid #ddd;background:#ddd;color:#fff;cursor:default}
.newContOrder .eaModify .form input{font-size:13px}
.newContOrder .priceArea .discount>span,.newCompletePrd .priceArea .discount>span,.contOrderNew .priceArea .discount>span,.newOrderHistory .priceArea .discount>span{position:relative;padding:0 10px 0 0;margin:0 2px 0 0} /*190530 #133509*/
.newContOrder .priceArea .discount>span:after,.newCompletePrd .priceArea .discount>span:after,.contOrderNew .priceArea .discount>span:after,.newOrderHistory .priceArea .discount>span:after{content:'';display:block;position:absolute;right:0;top:50%;width:8px;height:13px;margin-top:-6px;background:url(/static-fo-pc/img/common/sp_new_cart.png) no-repeat;background-position:-23px 0}  /*190530 #133509*/
.newContOrder .tablePrd .soldOut .img>a{display:block;position:relative;}
.newContOrder .tablePrd .soldOut .img>a:before{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,.7)}
.newContOrder .tablePrd .soldOut .img>a:after{content:'';display:block;position:absolute;left:50%;top:50%;width:74px;height:26px;margin:-13px 0 0 -37px;background:url(/static-fo-pc/img/common/sp_new_cart.png) no-repeat;background-position:0 -16px}
.newContOrder .tooltipSoldOut{position:relative}
.newContOrder .tooltipSoldOut .contTip{display:block;bottom:30px;width:185px;min-height:63px;margin:12px 0 0 -16px;z-index:1}

.newContOrder .productItem .img .btn{padding:10px 4px 0}
.newContOrder .productItem .img .btn>a{position:relative;display:block;min-height:28px;padding:8px 0 9px 32px;border:1px solid #ddd;background:#fff;font-size:11px}/*[SYS-9001] 200622*/
:lang(ja) .newContOrder .productItem .img .btn>a{letter-spacing:-4px}
.newContOrder .productItem .img .btn>a:before{content:'';display:block;position:absolute;left:10px;top:50%}
.newContOrder .productItem .btnprDetail{color:#666}
.newContOrder .productItem .btnDiscount{margin:4px 0 0;color:#027fe9}
.newContOrder .productItem .btnprDetail:before{width:15px;height:14px;margin-top:-7px;background:url(/static-fo-pc/img/common/sp_new_cart.png) no-repeat;background-position:0 0}
.newContOrder .productItem .btnDiscount:before{width:15px;height:15px;margin-top:-8px;background:url(/static-fo-pc/img/common/sp_new_cart.png) no-repeat;background-position:-32px 0}

.newContOrder .btnPrd{overflow:hidden;margin:20px 0 0}
.newContOrder .catePrdList{margin-top:60px}

.newContOrder .cartSale{display:table;position:absolute;left:16px;top:16px;width:754px;height:101px;background:url(/static-fo-pc/img/common/bg_cart_sale.png) no-repeat;z-index:3}
.newContOrder .cartSale p{display:table-cell;padding:0 217px 10px 30px;font-size:16px;color:#333;vertical-align:middle}
.newContOrder .cartSale p strong{color:#027fe9}
.newContOrder .cartSale a{display:block;position:absolute;right:41px;top:23px;height:46px;line-height:46px;padding:0 26px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:#027fe9;color:#fff;font-size:18px}
.newContOrder .cauTxt{position:relative;padding:0 0 0 14px;margin:5px 0 0;font-size:13px;color:#999}
.newContOrder .cauTxt:before{content:'※';display:block;position:absolute;left:0;top:0}
.newContOrder .discountBox .memberPrice{margin:0 -20px;padding:20px;background:#f5f8fc;}
.newContOrder .discountBox .memberPrice>div{position:relative}
.newContOrder .discountBox .memberPrice .tooltipWrap{display:inline-block;margin:0 0 0 2px;vertical-align:bottom} /*Modify 190425*/
:lang(en) .newContOrder .discountBox .memberPrice .tooltipWrap{margin-bottom:-1px} /*Modify 190425*/
.newContOrder .discountBox .memberPrice em{float:none;width:auto;display:inline-block;vertical-align:middle;font-size:12px;color:#5b6374}
.newContOrder .discountBox .memberPrice .contTip{width:284px}
:lang(ko) .newContOrder .discountBox .memberPrice .contTip{width:238px}
:lang(zh-cn) .newContOrder .discountBox .memberPrice .contTip{width:215px}
.newContOrder .discountBox .memberPrice .mount strong{padding:3px 0 0;color:#666}
/*[DEF-9477]20210602*/
.newContOrder input[type="text"], .newContOrder input[type="password"], .newContOrder input[type="number"], .newContOrder input[type="email"]{font-size:14px;}

.optionLayer,.amountDisLayer,.payOptionLayer{width:485px}
.optionLayer .btnC{margin:0}
.optionLayer .optionTop{position:relative;min-height:140px;padding:0 0 0 170px;margin:0 0 20px}
.optionLayer .layerBody .img{position:absolute;left:0;top:0}
.optionLayer .optionTop .img img{width:140px;height:140px;vertical-align:top}
.optionLayer .optionTop .img:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.03}
.optionLayer .optionTop .prName strong{line-height:14px;color:#000}
.optionLayer .optionTop .prTxt{overflow:hidden;height:32px;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:break-word;line-height:16px;color:#000}
.optionLayer .optionBox{margin:16px 0 0}
.optionLayer .selectZone{width:100%}
.optionLayer .optionBox .selectZone+.selectZone{margin:10px 0 0}

.optionLayer .scrollWrap{background:#fafafa}
.optionLayer .scrollWrap .scrollCont{height:250px;padding:0}
.optionLayer .optionList{padding:0 15px 0 20px}
.optionLayer .optionList>li{position:relative;min-height:115px;padding:15px 10px 20px 90px}
.optionLayer .optionList>li+li{padding-top:20px;border-top:1px solid #e1e1e1}
.optionLayer .optionList .img{top:15px}
.optionLayer .optionList>li+li .img{top:20px}
.optionLayer .optionList .img img{width:80px;height:80px;vertical-align:top}
.optionLayer .optionList .prName{margin:0 0 22px}
.optionLayer .optionList .prName em{color:#666;font-size:13px;line-height:15px}
.optionLayer .optionList .prDetail{position:relative;min-height:38px}
.optionLayer .optionList.package .prDetail{min-height:auto}
.optionLayer .optionList .prDetail .spinner{position:absolute;left:0;bottom:0}
.optionLayer .optionList .prTxt{overflow:hidden;padding:2px 0 0;text-overflow:ellipsis;white-space:nowrap}
.optionLayer .optionList .mount{padding-top:14px;text-align:right}
.optionLayer .optionList .mount em{display:block;font-size:13px;color:#333}
.optionLayer .optionList .mount strong{color:#333}
.optionLayer .optionList .mount strong span{padding:0 0 0 5px;color:#666;font-weight:normal}
.optionLayer .optionList .btnDelet{overflow:hidden;position:absolute;right:11px;top:13px;width:18px;height:19px;border-top:1px solid #fafafa;background:url(/static-fo-pc/img/common/sp_new_cart.png) no-repeat;background-position:0 -42px;text-indent:-9999em}/*[SYS-19584] IE 아이콘 노출 오류*/
.optionLayer .optionList>li+li .btnDelet{top:17px}
.optionLayer .optionList.package .prName{margin:0 0 8px}
.optionLayer .optionList.package .selectZone+.selectZone{margin:5px 0 0}
.optionLayer .total{padding:0 0 15px}
.optionLayer .total li{padding:15px 10px 0 0;display:table;width:100%;table-layout:fixed}
.optionLayer .total li+li{padding-top:10px}
.optionLayer .total li>em,.optionLayer .total li>div{display:table-cell;width:50%}
.optionLayer .total li>div{text-align:right}
.optionLayer .total li .money{/*display:table-cell;width:50%;*/text-align:right;color:#f11d13;font-size:18px}/* 190401 */
.optionLayer .total li .money span{padding:0 0 0 7px;font-size:13px;color:#666;font-weight:normal}

.amountDisLayer h4{font-size:16px;color:#333}
.amountDisLayer .detail{padding:8px 0 0;font-size:12px;color:#988264}
.amountDisLayer .tableArea{margin:10px 0 0}
.amountDisLayer .tableArea .blue{color:#027fe9}

.payOptionLayer h4{margin:0 0 15px}
.payOptionLayer .scrollWrap{border:0;padding:0;background:#fff}
.payOptionLayer .scrollWrap .scrollCont{height:auto;max-height:392px;padding:0 0 0 0}
.payOptionLayer .scrollWrap .vertical-track{padding-left:0 !important} /*190705 #139595*/
.payOptionLayer .tableArea .tableBox table td{padding:15px 20px}/* [SYS-14691] 20210517 */
.payOptionLayer td>div{position:relative;padding:0 0 0 70px}
.payOptionLayer .flag{position:absolute;left:0;top:50%;margin-top:-12px;display:block;width:60px;height:auto;min-height:22px;padding:3px 5px 4px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-align:center;font-size:13px;line-height:15px;vertical-align:middle;letter-spacing:-1px}/* 190321 #89026  */
.payOptionLayer .flag.possible{background:#027fe9;border:1px solid #027fe9;color:#fff}
.payOptionLayer .flag.hold{background:#fff;border:1px solid #666;color:#666}
.payOptionLayer td>div>div{display:block;width:194px;padding:0;vertical-align:middle;color:#333}
.payOptionLayer .brand{display:block;margin-top:7px;}/* [SYS-14691] 20210517 */
.payOptionLayer .condition{display:block;color:#999}
.payOptionLayer .condition2{display:block;position:relative;padding:0 0 0 12px;color:#027fe9;margin-top:2px;}/* [SYS-14691] 20210517 */
.payOptionLayer .condition2:before{content:'';display:block;position:absolute;left:3px;top:5px;width:5px;height:7px;border-left:1px solid #027fe9;border-bottom:1px solid #027fe9;}
.payOptionLayer .dDay{display:inline-block;height:17px;margin:-1px 0 0 4px;padding:3px 6px 0;-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;border-radius:50px;background:#e70e0e;color:#fff;font-size:11px;line-height:11px;text-align:center;vertical-align:middle}
/* [SYS-14691] 20210517 */
.payOptionLayer .cardBenefit{font-size:12px;margin-top:1px;color:#999;}
.payOptionLayer .cardBenefit .tooltipWrap{top:-2px;}
.payOptionLayer .cardBenefit .btnTip{margin-left:3px;}
:lang(zh) .payOptionLayer .cardBenefit .contTip,
:lang(tw) .payOptionLayer .cardBenefit .contTip{left:-103px !important;}
:lang(zh) .payOptionLayer .cardBenefit .contTip:after,
:lang(tw) .payOptionLayer .cardBenefit .contTip:after{margin-left:-26px;}

/*20190307 본인인증 관련 css 이관(member.css에서 common.css로)*/
.infoTable{position:relative;}
.infoTable .listDot li{word-break:break-word;}
.infoTable .desc{color:#888;margin-bottom:7px;}
.infoTable .desc .multi{margin-top:-3px;}
.infoTable{padding-top:5px;}
.infoTable .conTitle{margin-bottom:14px;}
.infoTable h4.conTitle{margin-bottom:20px;}
.infoTable .mailArea input[type=text]{width:150px;font-size:14px;}
.infoTable .codeArea input[type=text]{width:330px;font-size:14px;}
.infoTable .codeArea .time{margin-left:15px;margin-right:5px;vertical-align:middle;}/* 20180417 #47477 add */
.infoTable .nameNaArea input[type=text]{width:284px;}
.infoTable .tooltipWrap{margin-left:2px;}
.infoTable .address{margin-left:16px;}
.infoTable .address input{width:80px;}
.infoTable .brandList{display:block;font-size:14px;margin-top:7px;}
.infoTable .brandList a{display:inline-block;text-indent:-9999em;overflow:hidden;width:12px;height:12px;background:url(/static-fo-pc/img/common/bg_btn.png) no-repeat -360px 2px;margin-left:6px;}
.infoTable .over{display:none;}
.infoTable.disabled .over{display:block;content:'';position:absolute;top:0;left:0;background:#fff;opacity:.6;filter:alpha(opacity=.6);z-index:1;}
.w422{width:422px;}

/*20190416 footer.css에서 common.css로 이관*/
/*이용약관*/
.useAgreement{width:1020px;margin:-7px auto 0;}
.useAgreement .pageTitle{font-size:38px;text-align:center;width:100%;}
.useAgreement .conTitle{margin-bottom:11px;}
.useAgreement section{position:relative;}
.useAgreement .selectZone{width:230px;position:absolute;right:0;top:0;}
div .contText{padding:25px 28px;line-height:22px;border:1px solid #dbdbdb;background:#fbfbfb;}
div .contText a.linkTxt{color:#333;text-decoration:underline}
div .contText > .contText{padding:0;border:0 none;background:none;}
div .contText table{background:#fff;}
div .contText dl{margin-top:20px;}
div .contText dl:first-child{margin-top:0;}
div .contText dt{font-size:16px;color:#333;}
div .contText dd{margin-top:5px;margin-left:14px;color:#888;}
div .contText dd:first-letter{display:inline-block;margin-left:-14px;}
div .contText dd.normal{margin-left:0 !important;}
div .contText dd.normal:first-letter{margin-left:0 !important;}
div .ee dd:first-letter{display:inline-block;margin-left:-18px;}

div .contText dd .tableArea{margin-left:-14px;}
div .contText dd.normal .tableArea{margin-left:0 !important;}
div .contText table dl dt,
div .contText table dd{margin:0;font-family:inherit;font-size:inherit;color:inherit;}
div .contText table dl dd:first-letter{margin-left:0;}
div .contText .hyp{margin-left:12px !important;}
div .contText .hyp:first-letter{display:inline-block;margin:0 2px 0 -10px !important;}
div .contText table dl + dl{margin-top:5px;}
div .contText dd b{color:#333;font-weight:normal;}

.contText .useAgree dd{margin-left:17px;}
.contText .useAgree dd:first-letter{margin-left:-17px;}
.contText .useAgree dd .tableArea{margin-left:-17px;}
.contText .useAgree dd .d1{margin-left:10px;}

/* 1.0 */
.contText .agreeList{color:#888;}
.contText .agreeList strong{display:block;margin-top:20px;font-size:16px;font-weight:normal;color:#333;}
.contText .agreeList .d1{margin-top:5px;color:#888;}
.contText .agreeList ul.d1,
.contText .agreeList ol.d1{margin-top:0;margin-left:14px;}
.contText .agreeList ul.d1 > li,
.contText .agreeList ol.d1 > li{margin-top:5px;}
.contText .agreeList ul.d1 > li:first-letter,
.contText .agreeList ol.d1 > li:first-letter{display:inline-block;margin-left:-14px;}
.contText .agreeList ul.d1 strong,
.contText .agreeList ol.d1 strong{margin-left:-14px;}
.contText .agreeList .d1.normal{margin-left:0;}
.contText .agreeList .d1.normal li:first-letter{margin-left:0;}
.contText .agreeList .d1 .d1{margin-left:0;}
.contText .agreeList .d1 .d1 li:first-letter{margin-left:0;}
.contText .agreeList .d1 strong + .d1 > li:first-letter{margin-left:-14px;}
.contText .agreeList .d1 .d1.normal{margin-left:-14px;}
.contText .agreeList .d1 .tableArea{margin-left:-14px;}
.contText .agreebox3 dt{margin-top:20px;font-size:16px;font-weight:normal;color:#333;}
.contText .wrap_terms,
.contText .box_privacy{color:#888;}
.contText .tit_terms,
.contText .wrap_terms h2,
.contText .wrap_terms .tit_privacypolicy,
.contText .wrap_terms .tit_privacy{display:block;margin-top:20px;font-size:16px;font-weight:normal;color:#333;}
.contText .box_privacy .info_text,
.contText .wrap_terms .privacy_text{margin-top:5px;}
.contText .wrap_terms .privacy_list > li{margin-top:5px;margin-left:14px;}
.contText .wrap_terms .privacy_list > li:first-letter{display:inline-block;margin-left:-14px;}
.contText .wrap_terms .privacy_list > li.normal{margin-left:0 !important;}
.contText .wrap_terms .privacy_list > li.normal:first-letter{margin-left:0 !important;}
.contText .box_privacypolicy{margin-top:20px;margin-left:-14px;border-top:2px solid #363d4c;}
.contText .box_privacypolicy + ul{margin-left:-14px;}
.contText .box_privacypolicy + ul + ul{margin-left:-14px;}

.contText .useAgree dd > table,.contText .useAgree li > table{margin-top:5px;border-top:2px solid #363d4c;}
.contText table{width:100%;position:relative;table-layout:fixed;}
.contText table:after{display:block;width:100%;height:1px;content:"";background:#bfbfbf;position:absolute;left:0;bottom:0;}
.contText table.openCaption{/* margin-top:45px !important; */margin-bottom:10px;}
.contText table.openCaption caption{display:block;position:absolute;top:-32px;left:0;width:100%;height:50px;text-align:center;}
.contText table thead th{border-bottom:1px solid #cbccce !important;}
.contText table th,
.contText table td{padding:10px 15px;line-height:1.4;border-bottom:1px solid #dbe0e5;border-right:1px solid #dbe0e5;color:#666;font-size:13px;font-weight:normal;text-align:left;vertical-align:middle;word-break:break-word;}
.contText table th,
.contText table tbody .th{color:#5c6375;background-color:#f6f9fc;word-break:normal;}
.contText table th.borL,table td.borL{border-left:1px solid #dbe0e5;}
.contText table th.nottxt{background:none;}
.contText table td{color:#666;}
.contText table th:last-child,.contText table td:last-child{border-right:none;}
.contText table tr:last-child th,.contText table tr:last-child td{border-bottom:1px solid #cbccce;}
.contText .useAgree table td dt{margin-bottom:3px;}
.contText .useAgree dt{margin-bottom:7px;}
.contText .useAgree dd > ul{margin-top:3px;}
.contText .useAgree dd ul.mgList > li{margin-top:5px;}
.contText .useAgree > div{margin-top:20px;}
.contText .useAgree > div p + p{margin-top:7px;}
.contText .useAgree li,.contText .useAgree > div p{color:#888;font-size:14px;line-height:20px;}

/* [DEF-3523] 20200707 */
.contText .useAgree dd > strong.caption {margin-top:15px;font-weight:400;text-align:center;display:block;}
.contText .useAgree dd > strong.caption + table.openCaption {margin-top:8px !important;}
.contText table.openCaption caption.hide {display:none;}

/*190613 #135426 :오프라인 VIP 가입 약관 변경*/
.contText .useAgree .dotList li{position:relative;padding:0 0 0 10px;color:#999}
.contText .useAgree .dotList li:before{content:'';display:block;position:absolute;left:0;top:9px;width:2px;height:2px;background:#999}
.contText .useAgree.vip > div{margin:0}
.contText .useAgree.vip em{font-size:16px;color:#333}
.contText .useAgree.vip .dotList{margin:20px 0 0}

div.agreementWrap .contText{padding:0;border:0 none;background:transparent;}
div.agreementWrap .contText>.tit{display:block;margin-bottom:10px;font-weight:normal;font-size:14px;color:#333;}
div.agreementWrap .contText dt,
div.agreementWrap .contText dd{font-size:13px;line-height:20px;}
div.agreementWrap .contText .useAgree dd{margin-left:16px;}
div.agreementWrap .contText .useAgree dd:first-letter{margin-left:-16px;}
div.agreementWrap .contText .useAgree li,div.agreementWrap .contText .useAgree > div p{font-size:13px;}
div.agreementWrap .contText table th,div.agreementWrap .contText table td{padding:8px 10px;font-size:13px;}

/*20190613 캔디전환하기(스윗존,마이롯데)*/
.tradeForm{position:relative;width:350px;margin:0 auto;box-sizing:content-box;text-align:left;}
.tradeForm input.priceTxt{width:275px;height:30px;line-height:28px;font-size:13px;}
.tradeForm .priceBtn{margin-top:5px;font-size:0;vertical-align:top}
.tradeForm .priceBtn button{width:65px;height:30px;border:1px solid #ccc;background:#fff;color:#333;font-size:12px;line-height:28px;text-align:center;}
.tradeForm .priceBtn button ~ button{margin-left:5px;}
.tradeForm .sbmBtn{position:absolute;right:0;top:0;width:70px;height:65px;background:#505767;color:#fff;font-size:12px;line-height:63px;}
.tradeForm .sbTxt{margin-top:10px;text-align:center;color:#666;font-size:13px;}
.tradeForm .sbTxt em{color:#666;}
.tradeForm .sbTxt b{color:#db3688;}
.tradeForm .sbTxt b:before{content:'';display:inline-block;height:12px;margin-left:10px;padding-left:10px;border-left:1px solid #ddd;vertical-align:-1px}

/*20190617 신규 오퍼디자인 적용*/
.newTypeOffer{display:inline-block;width:195px;height:130px;margin:0 auto;padding:0 4px 0 8px;background:#f5f5f5;border-radius:5px;line-height:1.1;text-align:center;vertical-align:top;}
.newTypeOffer .stit{margin-top:20px;font-size:15px;}
.newTypeOffer .stit img{vertical-align:top}
.newTypeOffer .num{margin-top:13px;font-size:54px;line-height:0.8;letter-spacing:-1.5px;white-space:nowrap}
.newTypeOffer .num .unit{font-size:34px;vertical-align:2px}
:lang(zh-cn) .newTypeOffer.offrCoupon .num .unit{font-size:32px;vertical-align:4px}
.newTypeOffer.offrCoupon,
.newTypeOffer.offrCoupon2,
.newTypeOffer.offrGive{color:#000;}
.newTypeOffer.offrGiveSp{color:#3d3d3d;}
.newTypeOffer.offrGivebr{color:#000;}
.newTypeOffer.offrPartners{color:#000;}
.newTypeOffer.offrPayment{color:#000;}
.newTypeOffer.offrLdfpay{color:#000;}
.newTypeOffer.offrLdfpay .num{margin-top:13px;font-size:32px;line-height:1;letter-spacing:-1.5px}
.newTypeOffer.offrLdfpay .num .unit{display:block;margin-top:2px;font-size:20px;letter-spacing:0}
:lang(ko) .newTypeOffer.offrLdfpay .num{margin-top:18px;}
:lang(ko) .newTypeOffer.offrLdfpay .num .unit{display:inline-block;margin-left:-1px;font-size:20px;vertical-align:1px;}
:lang(zh-cn) .newTypeOffer.offrLdfpay .num .unit{margin-top:5px;font-size:18px;}
.newTypeOffer.offrCandy{color:#000;}
.newTypeOffer.offrCandy .num{margin-top:35px;font-size:46px}
.newTypeOffer.offrCandy .stit{margin-top:13px;font-size:19px;}
.newTypeOffer.offrLpoint{color:#000;}
.newTypeOffer.offrLpoint .num{margin-top:24px;font-size:32px;text-indent:-3px;}
.newTypeOffer.offrLpoint .num .unit{font-size:20px;vertical-align:1px}

.newTypeOffer.sizeM{width:150px;height:100px;background:#f5f5f5;border-radius:5px;}
.newTypeOffer.sizeM .stit{font-size:13px;}
.newTypeOffer.sizeM .num{margin-top:8px;font-size:45px;}
.newTypeOffer.sizeM .num .unit{margin:0 2px 0 -1px;font-size:23px;}
.newTypeOffer.offrCoupon.sizeM .num .unit{margin:0 -1px 0 2px;}
:lang(zh-cn) .newTypeOffer.offrCoupon.sizeM .num .unit{font-size:21px;vertical-align:3px}

.newTypeOffer.sizeS{position:relative;width:112px;height:74px;padding:0 12px;background:#f5f5f5;border-radius:5px;/*font-family:'Montserrat Regular','Noto Sans Regular','Noto Sans Regular JP','Tahoma','Simhei','Microsoft Yahei';*/}
.newTypeOffer.sizeS .stit{margin-top:13px;font-size:11px;}
.newTypeOffer.sizeS .num{margin-top:8px;font-size:30px;line-height:0.8;letter-spacing:-1px}
.newTypeOffer.sizeS .num em,.newTypeOffer.sizeS .num span{margin:0 1px;}
.newTypeOffer.sizeS .num em+span,.newTypeOffer.sizeS .num span+em{margin-left:0}
.newTypeOffer.sizeS .num .unit{font-size:18px;vertical-align:1px;}
.newTypeOffer.sizeS.offrCoupon2 .num .unit{margin-left:-2px;}
:lang(zh-cn) .newTypeOffer.offrCoupon.sizeS .num .unit{font-size:16px;vertical-align:1px}
.newTypeOffer.sizeS.offrLdfpay .stit{margin-top:11px;}
.newTypeOffer.sizeS.offrLdfpay .stit img{width:auto !important;height:14px !important;}
.newTypeOffer.sizeS.offrLdfpay .num{margin-top:4px;font-size:24px;}
.newTypeOffer.sizeS.offrLdfpay .num .unit{margin-top:4px;font-size:12px;line-height:1;letter-spacing:-1px}
:lang(ko) .newTypeOffer.sizeS.offrLdfpay .stit{margin-top:15px;}
:lang(ko) .newTypeOffer.sizeS.offrLdfpay .num{margin-top:9px;font-size:24px;white-space:nowrap;text-indent:-1px;}
:lang(ko) .newTypeOffer.sizeS.offrLdfpay .num .unit{display:inline-block;margin-top:0;}
:lang(zh-cn) .newTypeOffer.sizeS.offrLdfpay .num .unit{font-size:11px;}
.newTypeOffer.sizeS.offrCandy .num{margin-top:16px;}
.newTypeOffer.sizeS.offrCandy .stit{margin-top:10px;}
.newTypeOffer.sizeS.offrLpoint .num{font-size:24px;text-indent:-1px;}
.newTypeOffer.sizeS.offrLpoint .num .unit{margin-left:-1px;font-size:16px;}
.newTypeOffer.sizeS .numberOf{display:block;position:absolute;right:-14px;top:10px;width:23px;height:23px;border-radius:100%;background:#333;color:#fff;text-align:center;font-size:11px;line-height:23px;font-family:'Montserrat Regular'}
.newTypeOffer.sizeS .numberOf:before{content:'x';display:inline-block;margin-right:1px;font-family:'Montserrat Light'}

/* [SYS-3908]20200420 add */
.wrapMem {width:860px; margin:0 auto;}
input.normal2 {height:46px;line-height:44px;}
.typeForm1 {position:relative;min-width:0;margin:0 0 10px;padding:0 39px 2px;line-height:1.5;border:1px solid transparent;box-sizing:border-box;z-index:1;}
.typeForm1 > .tit {width:100%;margin:0;padding:38px 0 0;font-weight:400;font-size:22px;color:#333;letter-spacing:-0.02em;display:block;box-sizing:border-box;visibility:visible;}
.typeForm1 > .tit:before {content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border:1px solid #cbccce;background-color:#f8f9fd;z-index:-1;}
.typeForm1 > .tit b {font-weight:500;}
.typeForm1 .areaHead {position:relative;margin-top:5px;padding-bottom:43px;}
.typeForm1 .areaHead p {margin:0 15px 0 0;font-size:15px;color:#666;}
.typeForm1 .areaHead .btnToggle {position:absolute;left:-40px;top:-76px;bottom:-3px;width:calc(100% + 80px);line-height:999em;background-color:transparent;overflow:hidden;}
.typeForm1 .areaHead .btnToggle:after {content:"";position:absolute;right:47px;top:50%;width:13px;height:7px;margin-top:-3.5px;background:url("/static-fo-pc/img/common/bg_arrow1.png") no-repeat 0 -10px;}
.typeForm1 .area1 {height:0;margin:0;padding:0;overflow:hidden;transition:padding 0.3s ease;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.typeForm1 .area1 dt {position:relative;width:90px;flex:none;-ms-flex:none;}
.typeForm1 .area1 dt:before {content:"";height:46px;vertical-align:middle;display:inline-block;}
.typeForm1 .area1 dt time {position:absolute;left:598px;min-width:95px;font-weight:400;font-size:16px;line-height:46px;color:#000;}
.typeForm1 .area1 dt label {max-width:80px;height:auto;margin:0;font-size:16px;line-height:1.2;color:#000;letter-spacing:-0.05em;}
.typeForm1 .area1 dd {width:calc(100% - 90px);}
.typeForm1 .area1 dt:last-of-type,
.typeForm1 .area1 dd:last-of-type {display:none;}
.typeForm1 .area1 .on ~ dt,
.typeForm1 .area1 .on ~ dd {display:block;}
.typeForm1 .area1 > * {margin-bottom:15px;}
.typeForm1 .area1 input.w1 {width:113px;}
.typeForm1 .area1 input.w2 {width:347px;}
.typeForm1 .area1 input.w3 {width:70px;}
.typeForm1 .area1 input.w4 {width:75px;}
.typeForm1 .area1 input.w5 {width:80px;}
.typeForm1 .area1 input.w6 {width:345px;}
.typeForm1 .area1 .country {margin:0 10px 0 0;font-size:0;vertical-align:top;display:inline-block;}
.typeForm1 .area1 .country .btnCountry {min-width:89px;height:46px;margin-left:10px;padding:0 10px;font-size:16px;line-height:44px;color:#666;text-align:center;border:1px solid #ddd;background-color:#f7f9fd;vertical-align:top;display:inline-block;box-sizing:border-box;}
.typeForm1 .area1 .tel {width:275px;margin:0 10px 0 0;font-size:0;vertical-align:top;display:inline-block;}
.typeForm1 .area1 .tel > span {position:relative;width:8px;height:46px;margin:0 5px;line-height:999px;vertical-align:top;display:inline-block;overflow:hidden;}
.typeForm1 .area1 .tel > span:before {content:"";position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background-color:#ccc;}
.typeForm1 .area1 .btnCode {min-width:140px;}
.typeForm1 .area1 .btnCodeOk {width:140px;padding:0 5px;}
.typeForm1 .area1 .areaInp2 {margin-right:7px;}
.typeForm1 .area1 .selectZone {margin-right:12px;vertical-align:top;}
.typeForm1 .typeTxt1 {display:none;}

.typeForm1 > .tit.on:before {background-color:#fff;}
.typeForm1 > .tit.on ~ .areaHead .btnToggle {bottom:-1px;}
.typeForm1 > .tit.on ~ .areaHead .btnToggle:after {background-position:0 -0;}
.typeForm1 > .tit.on ~ .area1 {height:auto;padding:40px 0 0;border-top:1px solid #d8dce5;overflow:visible;}
.typeForm1 > .tit.on ~ .typeTxt1 {margin-bottom:38px;display:block;}

.memUtil {position:relative;margin-top:20px;padding:4px 0 4px 19px;}
.memUtil:after {clear:both;content:"";display:block;}
.memUtil .typeTxt1 {padding-right:180px;}
.memUtil .sub {position:absolute;right:0;top:0;}
.memUtil .sub a {min-width:67px;padding:0 14px;}
.memUtil .sub a + a {margin-left:3px;}
.memUtil .sub:only-child {position:static;float:right;margin:-4px 0;}

.infoLpoint {width:100%;margin-top:40px;padding:24px 30px;border:1px solid #d8dce5;display:table;box-sizing:border-box;}
.infoLpoint > * {vertical-align:middle;display:table-cell;}
.infoLpoint .area1 {font-size:0;}
.infoLpoint .area1:before {content:"";height:86px;vertical-align:middle;display:inline-block;}
.infoLpoint .area1 dt {position:relative;width:186px;padding-top:44px;font-size:20px;line-height:1;color:#0093c0;text-align:center;vertical-align:middle;display:inline-block;}
.infoLpoint .area1 dt:before {content:"";position:absolute; top:-12px; left:0;width:100%;height:50px;background:url("/static-fo-pc/img/common/img_lpoint3.png") 50% 0 no-repeat;}
.infoLpoint .area1 dt b {font-weight:400;text-indent:-12px;display:block;}
.infoLpoint .area1 dd {width:368px;padding-left:26px;font-size:13px;line-height:22px;color:#666;vertical-align:middle;display:inline-block;}
.infoLpoint .sub {width:218px;}
.infoLpoint .sub a {width:100%;}
.infoLpoint .sub a + a {margin-top:10px;}

.typeMes1 {padding:56px 20px 58px;text-align:center;border:1px solid #d8dce5;background-color:#f8f9fd;}
.typeMes1 .tit {font-weight:500;font-size:22px;line-height:26px;color:#333;display:block;}
.typeMes1 .info {margin:17px 0 0;font-size:15px;line-height:24px;color:#888;}
.typeMes1 .info em {position:relative;color:#000;display:inline-block;}
.typeMes1 .info em:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000;}
.typeMes1 .area1 {margin-top:48px;font-size:22px;color:#000;}
.typeMes1 .area1 > span {display:block;}
.typeMes1 .area1 > span + span {margin-top:9px;}
.typeMes1[class*="ico"]:before {content:"";width:150px;height:150px;margin-bottom:23px;background-image:url("/static-fo-pc/img/common/bg_member.png");background-position:-630px 0;display:inline-block;}
.typeMes1.ico2:before {background-position:-1260px 0;}

.typeTxtBox1 {border:1px solid #d8dce5;}
.typeTxtBox1 .info {padding:34px 39px 36px;font-size:16px;line-height:26px;color:#333;letter-spacing:-0.02em;background-color:#f8f9fd;display:block;}
.typeTxtBox1 > dl {text-align:center;border-top:1px solid #d8dce5;}
.typeTxtBox1 > dl dt {padding:34px 20px 0;font-size:22px;color:#333;}
.typeTxtBox1 > dl dt b {font-weight:400;}
.typeTxtBox1 > dl dd {padding:0 20px 39px;font-size:16px;color:#999;}
.typeTxtBox1 > dl dd > span {margin-top:12px;letter-spacing:-0.02em;display:block;}

.areaInp1 {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.areaInp1 > * {-ms-flex:0 1 auto;}
[class*="areaInp"] > span {margin:0 5px;line-height:46px;color:#999;flex:none;-ms-flex:none;}
[class*="areaInp"] input + input {margin-left:10px;}
[class*="areaInp"] input + [class*="typeBtn"] {margin-left:15px;}

.areaInp2 {vertical-align:top;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;}
.areaInp2 > * {-ms-flex:0 1 auto;}

.typeTxt1 {width:100%;font-size:13px;line-height:22px;color:#888;}
p.typeTxt1,
.typeTxt1 > li {position:relative;margin:0;padding-left:8px;letter-spacing:-0.02em;}
p.typeTxt1:before,
.typeTxt1 > li:before {content:"";position:absolute;top:10px;left:0;width:2px;height:2px;background-color:#999;}
* + .typeTxt1 {margin-top:9px;}

.alertTxt {margin:14px 0 0;padding-left:15px;text-indent:-17px;font-size:14px;line-height:1;color:#f52e37;display:block;word-break:break-all;}/* [DEF-9653]20210615 */
.alertTxt:before {content:'';width:13px;height:13px;margin:1px 5px 0 0;background:url("/static-fo-pc/img/common/bg_icon.png") no-repeat 0 0;vertical-align:top;display:inline-block;}
:lang(en) .alertTxt {line-height: 1.3;}/* [DEF-9653]20210615 */
:lang(en) .alertTxt:before {margin-top:5px;}/* [DEF-9653]20210615 */

[class*="typeBtn"] {height:30px;padding:0 10px;font-weight:400;font-size:12px;line-height:28px;text-align:center;text-decoration:none;border:1px solid;display:inline-block;box-sizing:border-box;}
.typeBtn2 {height:46px;font-size:16px;line-height:44px;}

button[class*="typeBtn"] {line-height:14px;}
button.typeBtn2 {line-height:18px;}

.btnWhite1 {color:#666;border-color:#bbb;background-color:#fff;}
.btnGray1 {color:#888;border-color:#bbb;background-color:#f8f9fd;}
.btnGray2 {color:#fff;border-color:#666;background-color:#666;}
.btnRed1 {color:#fff;border-color:#000;background-color:#000;}   /* 2101 서브페이지 톤앤매너 변경 - 선반영X */
/* //[SYS-3908]20200420 add */

/* [SYS-6198] 20200709 add */
.typeTxtBox1 .info b {font-weight:500;}
.typeTxtBox1 .area1 {padding:36px 49px 59px;text-align:center;border-top:1px solid #d8dce5;}
/* [DEF-9653]20210615 */.typeTxtBox1 .area1 .box {margin:0 auto;text-align:left;display:inline-block;}
.typeTxtBox1 .area1 .txt {margin:0 auto;font-size:22px;line-height:26px;color:#333;letter-spacing:-0.01em;}
.typeTxtBox1 .area1 .txt em {padding-right:5px;word-break:break-all;vertical-align:middle;display:table-cell;}
.typeTxtBox1 .area1 .txt span {font-size:16px;color:#999;letter-spacing:-0.02em;word-break:break-all;vertical-align:middle;display:table-cell;}
.typeTxtBox1 .area1 input.w1 {width:113px;}
.typeTxtBox1 .area1 input.w2 {width:277px;}
.typeTxtBox1 .area1 input.w3 {width:400px;}
.typeTxtBox1 .area1 input.w4 {width:80px;}
.typeTxtBox1 .area1 input.w5 {width:374px;}
.typeTxtBox1 .area1 dl {margin-top:28px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;}
.typeTxtBox1 .area1 dl.code {display:none;}
.typeTxtBox1 .area1 dl dt {width:100px;flex:none;-ms-flex:none;}
.typeTxtBox1 .area1 dl dt:before {content:"";height:46px;vertical-align:middle;display:inline-block;}
/* [DEF-9653]20210615 */.typeTxtBox1 .area1 dl dt label {height:auto;margin-right:0;font-size:16px;line-height:1.2;}
/* [DEF-9653]20210615 */.typeTxtBox1 .area1 dl dd {max-width:555px;flex:1;-ms-flex:auto;}
.typeTxtBox1 .area1 dl dd time {min-width:95px;margin-left:15px;font-weight:400;font-size:16px;line-height:46px;color:#000;}
.typeTxtBox1 .area1 dl dd time + .areaInp1 {float:left;}
.typeTxtBox1 .area1 dl + dl {margin-top:10px;}
.typeTxtBox1 .area1 dl.on ~ dl.code {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.typeTxtBox1 .area1 .tel {margin-right:10px;font-size:0;vertical-align:top;display:inline-block;}
.typeTxtBox1 .area1 .tel > span {position:relative;width:8px;height:46px;margin:0 5px;line-height:999px;vertical-align:top;display:inline-block;overflow:hidden;}
.typeTxtBox1 .area1 .tel > span:before {content:"";position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background-color:#ccc;}
.typeTxtBox1 .area1 .areaInp2 {margin-right:7px;}
.typeTxtBox1 .area1 .selectZone {width:140px;margin-right:12px;vertical-align:top;}
.typeTxtBox1 .area1 .btnPwd {min-width:140px;}
.typeTxtBox1 .area1 .btnCode {min-width:140px;}
.typeTxtBox1 .area1 .btnCodeOk {width:140px;padding:0 5px;}
.typeTxtBox1 .etc {padding:26px 38px;border-top:1px solid #d8dce5;background-color:#f8f9fd;}
.typeTxtBox1 .etc [data-tooltip="help"] {margin-left:6px;}

[data-tooltip="help"] {position:relative;vertical-align:middle;display:inline-block;}
[data-tooltip="help"] > strong {width:16px;height:16px;line-height:99em;background:url("/static-fo-pc/img/common/bg_icon.png") no-repeat -810px 0;display:block;overflow:hidden;}
[data-tooltip="help"] .con {position:absolute;left:50%;bottom:26px;width:350px;margin-left:-175px;padding:12px 15px;color:#666;line-height:18px;border:1px solid #788aa4;background-color:#fff;display:none;box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);}
[data-tooltip="help"] .con:after {content:"";position:absolute;left:50%;bottom:-14px;width:12px;height:14px;margin-left:-6px;background:url("/static-fo-pc/img/common/bg_tooltip2.png") no-repeat 0 0;}
[data-tooltip="help"] .con > strong {font-weight:500;color:#333;}
[data-tooltip="help"] .con > button {position:absolute;right:4px;top:6px;width:12px;height:12px;line-height:99em;background:url("/static-fo-pc/img/common/bg_btn.png") no-repeat -150px -30px;overflow:hidden;}
[data-tooltip="help"].on .con {display:block;}

.typeTxt2 {width:100%;font-size:13px;line-height:18px;color:#666;}
p.typeTxt2,
.typeTxt2 > li {position:relative;margin:0;padding-left:16px;text-indent:-16px;letter-spacing:-0.02em;}
.typeTxt2 > li + li {margin-top:4px;}
* + .typeTxt2 {margin-top:10px;}
/* //[SYS-6198] 20200709 add */

/*[SYS-738/843] 20200513 pcs add*/
.pcsMark{color:#00996a !important;} /* [SYS-20805]20220621 : #0180e9 → #00996a */
.pcsOff span{display:inline-block;line-height:20px !important;margin-top:-2px;}
.pcsOff span.bold{font-weight:bold;}/* SYS-25923 */
.pcsOff >span{display:block;}/* SYS-25923 */
/* .pcsOff span:after{content:'';display:inline-block;width:1px;height:13px;margin:-1px 6px 0 8px;background-color:#dbe0e5;vertical-align:middle;} */
.pcsOff span:last-child:after{display:none;}
.tooltipWrap .contTip{color:#999;}
.tooltipWrap .contTip .pcsExplain p{color:#666;}
.tooltipWrap .contTip .pcsExplain li{margin-bottom:0;padding-left:10px;color:#999;font-size:12px;line-height:18px;}
.tooltipWrap .contTip .layerBody{margin-bottom:20px;}
.tooltipWrap .contTip .pcsOff{margin-bottom:15px;}/* 20200811 */
.tooltipWrap .contTip .pcsOff p{color:#000;}
.tooltipWrap .contTip .pcsOff span{color:#00996a;}/*20221012*/
.tooltipWrap .contTip .content .pcsExTb{margin-bottom:15px;}/* 20200811 */
.tooltipWrap .contTip .content .pcsExTb h3{margin-bottom:13px;color:#000;}
.tooltipWrap .contTip .content .pcsExTb .layerBody{margin-bottom:0;padding:0;}
.tooltipWrap .contTip .pcsExTb table thead tr th{color:#666;}/* 20200811 */
.tooltipWrap .contTip .pcsExTb table tr td:nth-of-type(1){color:#333;}/* 20200811 */
.tooltipWrap .contTip .pcsExTb table tr td:nth-of-type(2) strong{color:#000;}/* 20200811 */
.tooltipWrap .contTip .pcsExTb table tr td:nth-of-type(3){color:#333;}/* 20200811 */
.tooltipWrap .contTip .pcsExTb .listDot{padding:10px 0 0 0;}
.tooltipWrap .contTip .pcsExTb .listDot li{padding:0 0 5px 0;color:#000;}
.tooltipWrap .contTip .pcsExTb .listDot li:last-child{padding:0;}/* 20200811 */
.tooltipWrap .contTip .pcsExTb .listDot li:before{display:none;}
.pcsData{padding:5px 0 0;}
.pcsData .tit em{color:#00996a;}/*20221012*/
.pcsData .tit .pcsOff{color:#333;word-wrap: break-word;font-size:13px;}/* 20200709 */
.pcsData .tooltipWrap .contTip{width:325px;}
.pcsData .tooltipWrap .contTip .pcsExplain p{color:#666;}
.pcsData .tooltipWrap .contTip .pcsExplain li{border:0;margin-bottom:0;padding:0;padding-left:10px;color:#999;font-size:12px;}
.pcsData .tooltipWrap .contTip .pcsOff{margin-bottom:20px;}
.pcsData .tooltipWrap .contTip .pcsOff p{color:#000;}
.pcsData .tooltipWrap .contTip .pcsOff span{color:#00996a;}/*20221012*/
.optionArea2.scrollWrap .pcsData .tooltipWrap{position:static;}/*20200813*/
.optionArea2.scrollWrap .pcsData .tooltipWrap .btnTip.on:after{content:'';display:block;width:14px;height:12px;background:url('/static-fo-pc/img/common/bg_tooltip2.png') no-repeat -53px 0;position:absolute;left:73px;z-index:101;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}/*20200813*/
.optionArea2.scrollWrap .pcsData .tooltipWrap .contTip{width:300px;top:5px !important;bottom:5px;right:5px;left:75px !important;overflow-y:auto;}
.optionArea2.scrollWrap .pcsData .tooltipWrap .contTip .scrollWrap{border:0;}
.optionArea2.scrollWrap .pcsData .tooltipWrap .contTip .scrollWrap2{border:0;overflow-y:auto;height:80px;max-height:80px;margin-top:20px;padding:0 10px 10px 15px;}
.contOrder.newContOrder .tooltipWrap .contTip .pcsOff p{padding-top:15px;}/* 20200811 */
/*//[SYS-738/SYS-843]*/
/*[SYS-843] 20200529 pcs add*/
.pcsOption{position:relative;}
.pcsOption .tgMore:after{content:'';display:inline-block;width:13px;height:10px;margin-left:4px;margin-top:-3px;background:url('/static-fo-pc/img/common/bg_arrow1.png') no-repeat 0 -8px;vertical-align:middle;}
.pcsOption.open .tgMore:after{background-position: 0 0;}
.pcsOption dd{display:none;width:182px;max-height:184px;position:absolute;top:100%;left:0;z-index:2;border:1px solid #ccc;background-color:rgba(255,255,255,1);padding:14px;box-sizing:border-box;}
.pcsOption dd .optionList{height:auto !important;padding:0;max-height:154px;}
/*//[SYS-843] 20200529*/

/* [DEF-3450] 20200702 */
.contProfile .tableBox table .addrAr/* //[SYS-31020] 2023-08-21 */ea {font-size:0;}
.contProfile .tableBox table .addrArea .address {margin-left:20px;}
.contProfile .tableBox table .addrArea .address + .btn4 {margin-left:7px;}
.contProfile .tableBox table .addrArea div.mt10 .w280 {width:336px !important;}
.contProfile .tableBox table .addrArea div.mt10 .w368 {width:316px !important;margin-left:7px !important;}
.contProfile .tableBox table .addrArea div.mt10 .w180:nth-last-child(3),
.contProfile .tableBox table .addrArea div.mt10 .w180:nth-last-child(3) ~ .w180 {width:155px !important;}
.contProfile .tableBox table .addr ~ .selectZone.ml07 {margin-left:4px !important;}
.contProfile .tableBox table .cellArea .nation .btn4.bgray {margin:0 17px 0 3px;}


/* [SYS-9668] 200901 imgText */
.imgtxt_de {vertical-align:middle; margin:0 2px;}
.imgtxt_de > span {display:inline-block; width:20px; height:20px; text-indent:-1000px; overflow:hidden; background-size: 100% auto; vertical-align:middle; position:relative; top:-3px;}/* DEF-4584 201013 */
.aos_chrome {background:url('/static-fo-pc/img/common/imgtext/aos_chrome.png')}
.aos_samsung_internet {background:url('/static-fo-pc/img/common/imgtext/aos_samsung_internet.png')}
.ios_safari {background:url('/static-fo-pc/img/common/imgtext/ios_safari.png')}
.pc_chrome {background:url('/static-fo-pc/img/common/imgtext/pc_chrome.png')}
.pc_internet {background:url('/static-fo-pc/img/common/imgtext/pc_internet.png')}

/* [SYS-9309] 20200819 */
.productMd .btnArea.type1 {text-align:center;}
.eventPrdArea .eventPrdList .productMd .btnArea{width:100%;top:37px;padding-top:70px;} /* ddd2103 서브페이지 상품영역 코너유닛 선반영 XXXX*/
.eventPrdArea .eventPrdList .productMd .btnArea:before{content:"";display:block;width:180px;height:180px;position:absolute;top:0;left:38px;background:#fff;opacity: 0.75;} /* ddd2103 서브페이지 상품영역 코너유닛 선반영 XXXX*/

.productMd .btnArea.type1 a[class*="ico"],
.brandPrdList.imgT .btnArea.type1 a[class*="ico"] {position:relative;width:40px;height:40px;font-size:0;line-height:0;vertical-align:top;display:inline-block;box-sizing:border-box;}
.productMd .btnArea.type1 a[class*="txt"],
.brandPrdList.imgT .btnArea.type1 a[class*="txt"] {position:relative;height:40px;padding:0 15px;font-size:14px;line-height:40px;color:#666;border:1px solid #f1f1f1;border-radius:50px;background-color:#f1f1f1;vertical-align:top;display:inline-block;box-sizing:border-box;}
.productMd .btnArea.type1 a[class*="txt"]:hover,
.brandPrdList.imgT .btnArea.type1 a[class*="txt"]:hover{background-color: #000; border-color: #000; color: #fff;}
.productMd .btnArea.type1 a.txt2,
.brandPrdList.imgT .btnArea.type1 a.txt2 {color:#fff;background-color:#aaa195;border:0;}
.productMd .btnArea.type1 a.ico3,
.productMd .btnArea.type1 a.ico5,
.brandPrdList.imgT .btnArea.type1 a.ico3,
.brandPrdList.imgT .btnArea.type1 a.ico5 {}
.productMd .btnArea.type1 a[class*="ico"]:after,
.brandPrdList.imgT .btnArea.type1 a[class*="ico"]:after{content:"";position:absolute;left:50%;top:30%;width:40px;height:40px;margin:-11px 0 0 -17.5px;background-image:url("/static-fo-pc/images/common/pc_unit.png?v=5");background-position:-1919px -29px;border-radius:20px;}
.productMd .btnArea.type1 a.ico1:after,
.brandPrdList.imgT .btnArea.type1 a.ico1:after{background-position:0 0;} /* 2103 상품코너유닛*/
.productMd .btnArea.type1 a.ico1:hover:after,
.brandPrdList.imgT .btnArea.type1 a.ico1:hover:after{background-position:-50px 0;} /* 2103 상품코너유닛*/
.productMd .btnArea.type1 a.ico2:after,
.brandPrdList.imgT .btnArea.type1 a.ico2:after{background-position:0 -100px;} /* 2103 상품코너유닛*/
.productMd .btnArea.type1 a.ico2:hover:after,
.brandPrdList.imgT .btnArea.type1 a.ico2:hover:after{background-position:-50px -100px;} /* 2103 상품코너유닛*/
.productMd .btnArea.type1 a.ico3:after,
.brandPrdList.imgT .btnArea.type1 a.ico3:after{background-position:0 -200px;} /* 2103 상품코너유닛*/
.productMd .btnArea.type1 a.ico3:hover:after,
.brandPrdList.imgT .btnArea.type1 a.ico3:hover:after{background-position:-50px -200px} /* 2103 상품코너유닛*/
.productMd .btnArea.type1 a.ico4:after,
.brandPrdList.imgT .btnArea.type1 a.ico4:after{background-position:0 -50px;}  /* 2103 상품코너유닛*/
.productMd .btnArea.type1 a.ico4:hover:after,
.brandPrdList.imgT .btnArea.type1 a.ico4:hover:after{background-position:-50px -50px;}  /* 2103 상품코너유닛*/
.productMd .btnArea.type1 a.ico5:after,
.brandPrdList.imgT .btnArea.type1 a.ico5:after{background-position:-150px -150px;} /* 2103 상품코너유닛*//* [DEF-24278][DEF-24391] 2023-09-27 찜꽁 구매예약으로변경 */
.productMd .btnArea.type1 a.ico5:hover:after,
.brandPrdList.imgT .btnArea.type1 a.ico5:hover:after{background-position:-200px -150px;} /* 2103 상품코너유닛*/
.productMd .btnArea.type1 a.ico6:after,
.brandPrdList.imgT .btnArea.type1 a.ico6:after{background-position:-150px -150px;} /* 2103 상품코너유닛*/ /* [DEF-24278][DEF-24391] 2023-09-27 프리오더 구매예약으로변경 */
.productMd .btnArea.type1 a.ico6:hover:after,
.brandPrdList.imgT .btnArea.type1 a.ico6:hover:after{background-position:-200px -150px;} /* 2103 상품코너유닛*/
/* .productMd .btnArea.type1 a.ico1.on:after, */ /* [SYS-21328] 2023-08-22 active -> on 관심상품 수정_디자이너관(W컨셉) */
.brandPrdList.imgT .btnArea.type1 a.ico1.on:after{background-position:-100px 0 !important;} /* 2103 상품코너유닛*/
.productMd .btnArea.type1 a + a,
.brandPrdList.imgT .btnArea.type1 a + a {margin-left:9px;}

.listType .productMd .btnCartWrap {height:auto;min-height:148px;}
.listType .productMd .btnCartWrap .btnCart.type1 a {display:block;}
.listType .productMd .btnCartWrap .btnCart.type1 .soldout {color:#666;background:#eff1f6;}
.brandPrdList.listT .cellEtc .btnArea.type1 a {margin:0;display:block;}
.brandPrdList.listT .cellEtc .btnArea.type1 .soldout {color:#666;background-color:#eff1f6;}
.brandPrdList.listT .cellEtc .btnArea.type1 a + a {margin-top:4px;}

.newTypeOffer.offrGiveSp .num em + .unit {font-size:16px;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .bnfWrap.type1 .bnfCont {height:auto;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .bnfWrap.type1 .bnfCont ~ .bnfCont {margin-top:20px;}

.conTitle .floatR {float:right;}
/* //[SYS-9309] 20200819 */

/* [SYS-9950] 20201014 */
/* 1:1 문의 상품정보 추가 */
.productInfo {display:table; table-layout:fixed; width:100%; margin-top:8px; border:1px solid #e2e2e2; background-color:#f9f9f9;}
.productInfo .img {display:table-cell; width:90px; padding:10px 0 10px 10px; font-size:0;}
.productInfo .info {display:table-cell; padding:10px; vertical-align:middle; color:#333;}
.productInfo .img img {width:100%;}
.productInfo .info dl + dl {margin-top:2px;}
.productInfo .info dl dt,
.productInfo .info dl dd {display:inline-block;}
.productInfo .info dl dt {margin-right:7px; color:#333;}
.productInfo .info dl dd {color:#999;}
.productInfo .info .name dt {}
.productInfo .info .name dd {width:100%; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.productUnit {display:table; table-layout:fixed; width:100%;}
.productUnit .img {display:table-cell; width:80px; padding-right:10px; font-size:0;}
.productUnit .info {display:table-cell; vertical-align:middle; text-align:left;}
.productUnit .img img {width:100%;}
.productUnit .info .package {margin-bottom:11px;}
.productUnit .info .package dt {font-weight:bold; color:#000;}
.productUnit .info .package dd {margin-top:3px;}
.productUnit .info .brand {font-weight:bold; color:#000;}
.productUnit .info .name {margin-top:3px; max-height:36px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.productUnit .info .option {margin-top:4px; color:#998263; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.productUnit .info .ea {margin-top:2px; color:#f11d13;}
.productUnit .info .price {margin-top:3px;}
.productUnit .info .price .dollar {font-weight:bold; color:#f11d13;}
.productUnit .info .price .won {color:#999;}

/* 나의 주문내역 layerpop */
.myOrderPop {width:740px;}
.myOrderPop .periodBox{padding:20px;background:#f3f5f9}
.myOrderPop .periodBox .left{float:left;}
.myOrderPop .periodBox .right{float:right;}
.myOrderPop .periodBox:after{display:block;content:'';clear:both;}
.myOrderPop .periodBox .stitle{display:inline-block;padding-right:5px;font-size:13px;color:#666;line-height:28px;}
.myOrderPop .periodBox .left .radioGroup:nth-of-type(2){margin-left:44px;}
.myOrderPop .periodBox input{width:100px;vertical-align:top}
.myOrderPop .periodBox .btn4{margin:0;min-width:50px;vertical-align:top;}
.myOrderPop .periodBox .btn4.cal{min-width:35px !important;width:35px;margin-left:4px;background-color:#fff;vertical-align:top;}
.myOrderPop .periodBox .btn4.cal:before{margin:0 auto;}
.myOrderPop .periodBox .to{display:inline-block;margin:0 6px;color:#666;}
.myOrderPop .txtInfo{margin:22px 0 7px;font-size:13px;}
.myOrderPop .txtInfo:after{display:block;content:'';clear:both;}
.myOrderPop .txtInfo .left{float:left;}
.myOrderPop .txtInfo .right{float:right;color:#666;}
.myOrderPop .txtInfo .right .pointInfo{margin-left:13px;}
.myOrderPop .txtInfo .right .pointInfo .point{margin-left:5px;color:#526ba5;font-weight:normal;}
.myOrderPop .txtInfo .right .pointInfo.use .point{color:#f11d13;}
.myOrderPop .scrollWrap {padding:0; border:0; background:none;}
.myOrderPop .scrollWrap .scrollCont {padding:0 15px 0 0; height:auto; max-height:calc(100vh - 500px);}/* 20201207 */
.myOrderPop .tableArea .tableBox table tr:last-child td,
.myOrderPop .tableArea .tableBox table:after {border-bottom:1px solid #dbe0e5;}
.myOrderPop .btnC.noLine {margin-top:10px;}
.myOrderPop .tableArea .tableBox table {table-layout:auto;}
.myOrderPop .tableArea.alC .tableBox table th,
.myOrderPop .tableArea.alC .tableBox table td {padding:11px 10px;}

/* 1:1 문의 내역 상품정보 추가 */
.myQaWrap .accoList .qaProduct {padding-left:30px; margin-top:18px;}
.myQaWrap .accoList .qaProduct .productInfo {margin-top:0; background-color:#fff; line-height:1.4;}
.myQaWrap .accoList .qaProduct .productInfo + .productInfo {margin-top:8px;}
.myQaWrap .accoList .qaProduct .productInfo .info {width:auto; padding:10px; margin-left:0; margin-bottom:0; top:initial;}
/* //[SYS-9950] 20201014 */

/* [SYS-13366] 20210217 */
.detailSpecNew .info .infoData > dl.normal.platFormTime > dt{margin-top:20px;}
.detailSpecNew .info .infoData > dl.normal.platFormTime > dd strong{font-size:40px;}
.detailSpecNew .info .infoData > dl.normal.platFormTime > dd span{float:right;margin-top:28px;margin-right:41px;}
.detailSpecNew .info .infoData > dl.normal.platFormTime > dd .timeout strong,
.detailSpecNew .info .infoData > dl.normal.platFormTime > dd .timeout span{color:#888888;}
.detailSpecNew .info .buyBtn.platFormBtn .btn1{width:100%;margin:0;margin-bottom:10px;}
.detailSpecNew .info .buyBtn.platFormBtn .btn1[disabled]{background:#f1f1f1;color:#999999;border:none;}
#winnerPop .notiBox{background:#fff;padding:0;padding-bottom:20px;border-bottom:solid 1px #e1e1e1;}
#winnerPop .notiBox > div{text-align:left;}
#winnerPop .notiBox > div::after{content:'';display:block;clear:both;}
#winnerPop .notiBox > div.winTitle strong{font-size:16px;line-height:24px;}
#winnerPop .notiBox > div.winTitle span{display:block;}
#winnerPop .notiBox > div.winPrd{margin:32px 0;}
#winnerPop .notiBox > div.winPrd .prdimg{width:136px;height:136px;float:left;background:#f7f7f7;}
#winnerPop .notiBox > div.winPrd .prdimg img{vertical-align:top;width:100%;}
#winnerPop .notiBox > div.winPrd .prdPrcie{width:258px;height:136px;margin-left:22px;float:left;}
#winnerPop .notiBox > div.winPrd .prdPrcie .brand{font-weight:bold;color:#999;line-height:24px;}
#winnerPop .notiBox > div.winPrd .prdPrcie .brand strong{color:#000;}
#winnerPop .notiBox > div.winPrd .prdPrcie .product{line-height:24px;margin-top:8px;margin-bottom:10px;}
#winnerPop .notiBox > div.winPrd .prdPrcie .optionArea strong{float:left;}
#winnerPop .notiBox > div.winPrd .prdPrcie .optionArea strong:nth-last-of-type(1){float:right;}
#winnerPop .notiBox > div.winInfo span{display:block;line-height:24px;color:#666666;font-size:13px;}
#winnerPop .btnP.dline{border:solid 1px #000;color:#000;}
#winnerPop .btnP.dgray{background:#000;}
.platFormGuide{width:1020px;margin:0 auto;margin-bottom:100px;}
.platFormGuide > div:after{content:'';display:block;clear:both;}
.platFormGuide .infoGuide{padding:20px;border-top:solid 1px #e0e0e0;border-bottom:solid 1px #e0e0e0;box-sizing:border-box;margin-bottom:40px;}
.platFormGuide .infoGuide dl{margin-bottom:20px;height:20px;display:block;}
.platFormGuide .infoGuide dl:nth-last-of-type(1){margin-bottom:0;}
.platFormGuide .infoGuide dl dt{width:170px;margin-right:6px;color:#000000;float:left;font-size:14px;}
.platFormGuide .infoGuide dl dd{color:#666666;float:left;font-size:14px;}
.platFormGuide .infoGuide dl dd span{display:inline-block;line-height:14px}
.platFormGuide .infoProcess .contGuide{margin-bottom:32px;}
.platFormGuide .infoProcess .contGuide .contTitle strong{font-size:20px;}
.platFormGuide .infoProcess .contGuide .contTitle .btn{width:98px;height:28px;display:inline-block;float:right;background:#000000;color:#fff;font-size:12px;text-align:center;padding:6px 0;box-sizing:border-box;}
.platFormGuide .infoProcess .contGuide .contTitle .btn:after{content:'';display:inline-block;width:5px;height:10px;background:url('../img/common/newbtn_arrow_s.png') no-repeat;background-size:5px 10px;margin-left:12px;margin-top:1px;}
.platFormGuide .infoProcess .contGuide .contInfo{margin-top:14px;}
.platFormGuide .infoProcess .contGuide .contInfo span{display:block;line-height:24px;color:#666666;font-size:14px;}
.platFormGuide .infoProcess .contProcess h5{font-size:18px;color:#333333;margin-bottom:50px;}
.platFormGuide .infoProcess .contProcess .infoList li{width:27%;height:48px;float:left;position:relative;}
.platFormGuide .infoProcess .contProcess .infoList li:after{content:'';width:12px;height:23px;background:url('../img/common/pfguidearrow.png') no-repeat;background-size:12px 23px;position:absolute;right:63px;top:9px;}
.platFormGuide .infoProcess .contProcess .infoList li:last-child:after{content:'';visibility:hidden;}
.platFormGuide .infoProcess .contProcess .infoList li:nth-last-of-type(1){width:19%;}
.platFormGuide .infoProcess .contProcess .infoList li span{color:#666666;line-height:20px;display:table-cell;position:relative;font-size:14px;vertical-align:middle;height:48px;}
.platFormGuide .infoProcess .contProcess .infoList li span:after{content:'';display:inline-block;width:48px;height:48px;background:url('../img/common/sp_lottery.png') no-repeat;background-size:48px 192px;background-position:0 0;position:absolute;left:90px;top:-1px;}
.platFormGuide .infoProcess .contProcess .infoList li span.step02:after{content:'';background-position:0 -48px;}
.platFormGuide .infoProcess .contProcess .infoList li span.step03:after{content:'';background-position:0 -96px;}
.platFormGuide .infoProcess .contProcess .infoList li span.step04:after{content:'';background-position:0 -144px;}
#pfGuidePop,
#pfGGuidePop{width:525px;}
.platfGuidePopup .guideTitle{line-height:24px;margin-bottom:30px;}
.platfGuidePopup .guideList dl{margin-bottom:20px;}
.platfGuidePopup .guideList dl:nth-last-of-type(1){margin-bottom:0;}
.platfGuidePopup .guideList dl dd .listDot{padding-left:10px;}
.platfGuidePopup .guideList dl dd .listDot li{line-height:24px;color:#666;}

.groupBuyTab{width:100%;position:relative;}
.groupBuyTab .tabBtns{display:table;position:relative;width:100%;background:#f1f1f1;table-layout:fixed;zoom:1;margin-bottom:30px;height:40px;}
.groupBuyTab .tabBtns:after{content:'';display:inline-block;width:176px;height:100%;border-bottom:solid 1px #e0e0e0;background:#ffffff;}
.groupBuyTab .tabBtns li{display:table-cell;position:relative;text-align:center;padding:0;height:40px;border:none;width:172px;border-right:solid 1px #e0e0e0;border-bottom:solid 1px #e0e0e0;box-sizing:border-box;vertical-align:middle;cursor:pointer;}
/* .groupBuyTab .tabBtns li:first-child{border-left:1px solid #d8dce5;} */ /* [DEF-6469] 20210413 제거 */
.groupBuyTab .tabBtns li:first-child.on{border-left:solid 1px #e0e0e0;}
.groupBuyTab .tabBtns li:last-child.on{border-right:solid 1px #e0e0e0;}
.groupBuyTab .tabBtns li:last-child{border-right:none;}
.groupBuyTab .tabBtns li.on{background-color:#fff;border-bottom:none;border-top:solid 1px #e0e0e0;}
.groupBuyTab .tabBtns li a{display:inline-block;color:#000000;font-family: 'NotoSansKR', '맑은 고딕','Malgun Gothic';font-size:15px;line-height:1.1;text-align:center;width:100%;padding:12px 0 11px;}
.groupBuyTab .tabBtns li.on a:before{visibility:hidden;}

.detailSpecNew .info .infoData > dl.platFormTime.groupBuy dt{margin-top:25px;}
.detailSpecNew .info .infoData > dl.platFormTime.groupBuy .pfDetail_box > div:after{content:'';display:block;clear:both;}
.detailSpecNew .info .infoData > dl.platFormTime.groupBuy .timeBox{text-align:right;}
.detailSpecNew .info .infoData > dl.platFormTime.groupBuy .timeBox strong{display:inline-block;}
.detailSpecNew .info .infoData > dl.platFormTime.groupBuy .timeBox strong:first-child{font-family: 'NotoSansKR', '맑은 고딕','Malgun Gothic';font-size:14px !important;line-height:14px;}
.detailSpecNew .info .infoData > dl.platFormTime.groupBuy .timeBox strong:last-child{font-size:25px;margin-left:10px;line-height:22px;}
.detailSpecNew .info .infoData > dl.platFormTime.groupBuy .timeBar{width:100%;height:5px;border-radius:5px;background:#d5d5d5;position:relative;margin-top:9px;margin-bottom:5px;overflow:hidden;}
.detailSpecNew .info .infoData > dl.platFormTime.groupBuy .timeBar span{height:5px;border-radius:5px;background:#000000;font-size:1px;text-indent:-99999px;position:absolute;left:0;top:0;margin:0 !important;}
.detailSpecNew .info .infoData > dl.platFormTime.groupBuy .timeInfo{line-height:14px;}
.detailSpecNew .info .infoData > dl.platFormTime.groupBuy .timeInfo strong{font-family: 'NotoSansKR', '맑은 고딕','Malgun Gothic';font-size:14px;line-height:14px;float:left;}
.detailSpecNew .info .infoData > dl.platFormTime.groupBuy .timeInfo strong:last-child{color:#888888;float:right;}
/* //[SYS-13366] */

/* [SYS-14676]20210625 : 스페셜머니 과세/비과세 분리 */
.newContOrder .discountBox li em {float:none;width:auto;max-width:58%;display:inline-block;}
.newContOrder .discountBox .tooltipWrap .btnTip {vertical-align:bottom;}
.layerContainer .taxLimitP_list > div > div em {float:none;display:inline-block;}
.layerBody .tableArea .tableBox table td .tooltipWrap {line-height:0;}
.layerBody .tableArea .tableBox table td .tooltipWrap .icoTip {vertical-align:text-bottom;}
/* //[SYS-14676]20210625 : 스페셜머니 과세/비과세 분리 */