@charset "utf-8";
/* PIONNET Web Standardization Team (//www.pionnet.co.kr/) 20200713 */

/* common */
.wrap.odr{position:relative;width:1280px;margin:0 auto;}
.odrTitle{overflow:hidden;padding:40px 0 30px;margin-bottom:40px;border-bottom:#191919 2px solid;}
.odrTitle h2{display:block;float:left;font-weight:700;font-size:30px;line-height:40px;}
.odrTitle dl{position:relative;float:right;margin-top:16px;}
.odrTitle dd{float:left;position:relative;padding-right:26px;color:#767676;font-size:13px;line-height:24px;}
.odrTitle dd:after{content:'';display:block;position:absolute;right:0;top:0;width:24px;height:24px;background:url("../images/odr/ico_odr.png") no-repeat -24px 0;}
.odrTitle dd:last-child{padding-right:0;}
.odrTitle dd:last-child:after{display:none;}
.odrTitle dd + dd{margin-left:2px;}
.odrTitle dd em{display:inline-block;margin:3px 4px 0 0;width:18px;height:18px;border-radius:100%;background:#E9E9ED;color:#999;font-size:10px;line-height:18px;text-align:center;font-family:'Roboto';vertical-align:top;}
.odrTitle dd[aria-current='page']{color:#ED1C24;font-weight:700;}
.odrTitle dd[aria-current='page'] em{background:#ED1C24;color:#fff;font-weight:700;}
.odrTitle dd[aria-current='page']:after{background-position:-48px 0;}


@media(max-width:1024px){
	.wrap.odr{position:relative;width:100%;}
	.odrTitle h2{font-size:50px;}

}

.tipBx{display:inline-block !important;position:relative !important;width:15px;height:15px;margin-left:4px;vertical-align:top;}
.tipMk{display:block;width:15px;height:15px;background:url("../images/odr/ico_odr.png") no-repeat -95px -20px;}
.tipMk.qst{background-position:-95px -20px;}
.tipMk.exc{background-position:-110px -20px;}

.lyrTip{display:none;overflow:visible !important;position:absolute !important;top:28px;left:-26px;z-index:3;width:250px;padding:20px;border:#191919 1px solid;border-radius:8px;background:#fff;box-sizing:border-box;}
.lyrTip:before{content:'';display:block;position:absolute;top:-10px;left:24px;width:18px;height:11px;background:url("../images/common/ico_common.png") no-repeat -102px -49px;}
.lyrTip:after{content:'';display:block;clear:both;}
.lyrTip h4, .lyrTip .title{display:block;font-weight:700;font-size:15px;letter-spacing:-0.75px;text-align:center;}
.lyrTip .tipCost{display:block;margin-top:10px;}
.lyrTip .tipCost li{display:block;overflow:hidden;position:relative;font-size:13px;line-height:20px;}
.lyrTip .tipCost li + li{margin-top:8px;}
.lyrTip .tipCost li strong{float:left;color:#505050;font-weight:400;}
.lyrTip .tipCost li span{float:right;}
.lyrTip .tipCost li span em{display:inline-block;margin-right:2px;font-size:15px;font-family:'Roboto';}
.lyrTip .tipCost .total{margin-top:16px;padding-top:16px;border-top:#F1F1F5 1px solid;}
.lyrTip .tipCost .total strong{color:#191919;font-weight:700;font-size:18px;line-height:27px;}
.lyrTip .tipCost .total span{font-size:15px;line-height:27px;}
.lyrTip .tipCost .total span em{font-weight:700;font-size:18px;}
.lyrTip .giftImg{display:block;overflow:hidden;width:210px;height:210px;margin-top:10px;}
.lyrTip .tipSign{margin-top:10px;}
.lyrTip .tipSign .bx{display:block;padding:16px;border-radius:12px;background:#F8F8FA;color:#505050;font-size:13px;line-height:18px;}
.lyrTip .tipSign .ntcLst{margin-top:10px;}
.lyrTip .ntcLst{margin-top:10px;}
.lyrTip .ntcLst li, .lyrTip .ntcLst em{color:#767676;}
.lyrTip .ntcLst li:before, .lyrTip .ntcLst em:before{background:#767676;}

.phone{display:block;overflow:hidden;position:relative;}
.phone .ptxt, .phone .slt{display:block !important;float:left;width:90px;margin:0 !important;}
.phone > em{display:block !important;float:left;width:16px;margin:0 !important;line-height:36px;text-align:center;}

.odrNtcBx{overflow:hidden;padding:30px;margin-top:40px;border-radius:12px;background:#F8F8FA;box-sizing:border-box;}
.odrNtcBx h4{display:block;padding-bottom:16px;font-weight:700;font-size:15px;line-height:20px;}

/* s : 20211006 - 수정 */
.odrWrap:after {content:''; clear:both; display:block;}
.odrWrap{position:relative;width:100%;}
.odrCont{position:relative; float:left; width:960px;}
/* e : 20211006 - 수정 */


@media(max-width:1024px){
	.odrCont{position:relative;width:100%;}

}

.crtAllbox{overflow:hidden;margin-bottom:20px;}
.crtAllbox span{display:block;float:left;}
.crtAllbox .chk label{font-size:15px;color:#191919;}
.crtAllbox .delAll{position:relative;margin-left:12px;padding-left:13px;}
.crtAllbox .delAll:after{content:'';display:block;position:absolute;left:0;top:4px;width:1px;height:16px;background:#E9E9ED;}
.crtAllbox .delAll button{font-size:15px;line-height:24px;}
.crtGroup + .crtAllbox{margin:20px 0 0;}
.crtGroup > li{position:relative;border:#D4D4D8 1px solid;border-radius:12px;}
.crtGroup > li:after{content:'';display:block;clear:both;}
.crtGroup > li + li{margin-top:30px;}

.crtItem{position:relative;min-height:265px;padding:30px 20px 30px 56px;box-sizing:border-box;}
.crtItem:after{content:'';display:block;clear:both;}
.crtItem + .crtItem:before{content:'';display:block;position:absolute;top:0;left:20px;right:20px;height:1px;background:#F1F1F5;}
.crtItem > div{float:left;position:relative;}
.crtItem .chk{float:none;position:absolute;left:20px;top:30px;width:24px;height:24px;}
.crtItem .img{display:block;overflow:hidden;position:relative;width:120px;height:120px;}
.crtItem .img a{position:relative;}
.crtItem .img a:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(18,18,99,0.06);}
.crtItem .img img{display:block;width:120px;height:120px;border-radius:12px;}
.crtItem .img .out{display:block;position:absolute;left:0;bottom:0;z-index:2;width:100%;background:rgba(0,0,0,0.7);color:#fff;font-size:13px;line-height:26px;text-align:center;}
.crtItem .info{display:block;width:380px;margin-left:24px;}
.crtItem .info span, .crtItem .info em{display:block;position:relative;}
.crtItem .info .brd{font-size:15px;line-height:22px;}
.crtItem .info .tit{margin-top:2px;font-size:15px;line-height:22px;}
.crtItem .info .opt{margin-top:6px;}
.crtItem .info .opt li{color:#767676;font-size:14px;line-height:20px;}
.crtItem .info .opt li + li{margin-top:4px;}
.crtItem .info .opt .art{color:#ED1C24;}
.crtItem .info .cpn{margin-top:16px;}
.crtItem .info .cpn button{overflow:hidden;position:relative;padding:0 34px 0 8px;height:26px;border-radius:4px;border:#ED1C24 1px solid;background:#fff;color:#ED1C24;font-size:13px;line-height:24px;box-sizing:border-box;}
.crtItem .info .cpn button:after{content:'';display:block;position:absolute;right:0;top:-1px;width:30px;height:26px;background:url("../images/odr/ico_odr.png") no-repeat -77px -38px;}
.crtItem .info .day{margin-top:16px;font-size:13px;line-height:20px;}
.crtItem .info .day em{display:inline-block;margin-right:4px;color:#ED1C24;}
.crtItem .info .crtNtc{margin-top:16px;}
.crtItem .info .crtNtc li{display:block;position:relative;padding-left:16px;color:#584AE2;font-size:13px;line-height:20px;}
.crtItem .info .crtNtc li:after{content:'';display:block;position:absolute;left:4px;top:9px;width:2px;height:2px;border-radius:100%;background:#584AE2;}
.crtItem .info .crtNtc li.rd{color:#ED1C24;}
.crtItem .info .crtNtc li.rd:after{background:#ED1C24;}
.crtItem .info .gtSet{margin-top:16px;}
.crtItem .info .gtSet li{position:relative;font-size:13px;line-height:20px;}
.crtItem .info .gtSet li + li{margin-top:10px;}
.crtItem .info .gtSet .gift, .crtItem .info .gtSet .sign{padding-left:22px;}
.crtItem .info .gtSet .gift:after, .crtItem .info .gtSet .sign:after{content:'';display:block;position:absolute;left:0;top:0;width:20px;height:20px;background:url("../images/odr/ico_odr.png") no-repeat -72px 0;}
.crtItem .info .gtSet .gift:after{background-position:-72px 0;}
.crtItem .info .gtSet .gift.out:after{background-position:-92px 0;}
.crtItem .info .gtSet .sign:after{background-position:-112px 0;}
.crtItem .info .gtSet .gift .tx{display:inline-block;overflow:hidden;max-width:314px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.crtItem .info .gtSet .gift.out{color:#767676;}
.crtItem .info .gtSet .art{color:#ED1C24;}
.crtItem .info .gtSet .tipBx{margin-top:2px;}
.crtItem .info .gtSet .lyrTip{display:none;}
.crtItem .edt{display:block;margin-left:52px;}
.crtItem .edt > div, .crtItem .cost > div{display:table-cell;position:relative;width:150px;height:120px;vertical-align:middle;text-align:center;}
.crtItem .edt .rnum{display:block;margin-top:10px;font-size:14px;line-height:20px;text-align:center;}
.crtItem .edt .qty{display:inline-block;vertical-align:top;}
.crtItem .cost{display:block;float:right;width:150px;height:120px;}
.crtItem .cost .prm{display:block;color:#767676;font-size:14px;line-height:20px;text-decoration:line-through;}
.crtItem .cost .prc{display:inline-block;margin-top:6px;font-size:14px;line-height:24px;vertical-align:top;}
.crtItem .cost .prc b{display:inline-block;margin-right:2px;font-size:18px;font-family:'Roboto';vertical-align:top;}
.crtItem .cost .tipBx{margin-top:10px;}
.crtItem .btCls{position:absolute;right:20px;top:20px;}
.crtItem .btCls button{display:block;width:24px;height:24px;background:url("../images/odr/ico_odr.png") no-repeat 0 0;}
.crtItem .crtBtns{clear:both;float:right;margin-top:30px;}
.crtItem .crtBtns button{float:left;width:150px;}
.crtItem .crtBtns button + button{margin-left:8px;}
.crtItem .crtBtns .btn.req em{display:inline-block;position:relative;padding-left:28px;}
.crtItem .crtBtns .btn.req em:after{content:'';display:block;position:absolute;left:0;top:50%;width:24px;height:24px;margin-top:-12px;background:url("../images/odr/ico_odr.png") no-repeat -53px -24px;}

.crtBtm{height:60px;padding:0 20px;border-radius:0 0 12px 12px;background:#F8F8FA;line-height:60px;text-align:right;box-sizing:border-box;}
.crtBtm .dlv{display:inline-block;color:#767676;font-size:14px;line-height:20px;vertical-align:middle;}
.crtBtm .dlv b, .crtBtm .dlv em{color:#191919;}
.crtBtm button{display:inline-block;position:relative;margin-left:10px;padding-right:16px;color:#2F9CC3;font-size:14px;line-height:20px;vertical-align:middle;}
.crtBtm button:after{content:'';display:block;position:absolute;right:0;top:2px;width:16px;height:16px;background:url("../images/odr/ico_odr.png") no-repeat -53px -48px;}

/* odr_right_fixed */
.odrFixedInfo{float:right; overflow:hidden; width:290px;-webkit-transform:translateZ(0);}/* 20211006 - 수정 */
.odrFixedInfo .bn{margin-top:16px;}
.odrFixedInfo .bn span{position:relative;display:block;overflow:hidden;width:290px;height:100px;border-radius:12px;}
.odrFixedInfo .bn span + span{margin-top:10px;}
.odrFixedInfo .bn span .cnt{position:absolute;top:50%;right:43px;margin-top:-13px;font-size:22px;line-height:26px;color:#584AE2;font-weight:800;text-align:right;}
.odrFixedInfo .price{overflow:hidden;padding:30px 20px;border-radius:12px;background:#F1F1F5;}
.odrFixedInfo .price .bt{margin-top:32px;}
.odrFixedInfo .price .bt button{width:100%;}
.odrFixedInfo .price .bt button + button{margin-top:10px;}
.odrFixedInfo .price dt{font-weight:700;font-size:22px;line-height:33px;}
.odrFixedInfo .price .lst{margin-top:24px;}
.odrFixedInfo .price .lst li{overflow:hidden;position:relative;line-height:20px;}
.odrFixedInfo .price .lst li + li{margin-top:16px;}
.odrFixedInfo .price .lst strong{display:block;float:left;color:#505050;font-weight:400;font-size:14px;}
.odrFixedInfo .price .lst span{display:block;float:right;color:#191919;font-size:13px;}
.odrFixedInfo .price .lst span em{display:inline-block;margin-right:2px;font-size:15px;font-family:'Roboto';}
.odrFixedInfo .price .lst .rm{color:#ED1C24;}
.odrFixedInfo .price .lst .total{margin-top:26px;line-height:32px;}
.odrFixedInfo .price .lst .total strong{color:#191919;}
.odrFixedInfo .price .lst .total span{font-size:18px;}
.odrFixedInfo .price .lst .total span em{font-weight:700;font-size:26px;}
.odrFixedInfo .price .art{overflow:hidden;margin-top:24px;border-radius:4px;border:#E9E9ED 1px solid;background:#fff;color:#584AE2;font-size:15px;line-height:80px;text-align:center;box-sizing:border-box;}
.odrFixedInfo .price .agr{overflow:hidden;margin-top:24px;}
.odrFixedInfo .price .agr .chk{float:left;height:auto;}
.odrFixedInfo .price .agr .chk label{height:auto;width:180px;padding-left:32px;padding-top:3px;color:#191919;font-size:13px;line-height:18px;box-sizing:border-box;}
.odrFixedInfo .price .agr button{display:block;float:right;position:relative;padding-right:16px;line-height:24px;}
.odrFixedInfo .price .agr button:after{content:'';display:block;position:absolute;right:0;top:4px;width:16px;height:16px;background:url("../images/odr/ico_odr.png") no-repeat -107px -35px;}
.odrFixedInfo .price .agr + .bt{margin-top:16px;}
.odrFixedInfo.top0{top:0;}


@media(max-width:1024px){

}

.crtNone{overflow:hidden;min-height:574px;padding-top:180px;text-align:center;box-sizing:border-box;}
.crtNone h3{display:block;position:relative;padding-top:72px;font-size:15px;line-height:22px;}
.crtNone h3:after{content:'';display:block;position:absolute;left:50%;top:0;width:56px;height:56px;margin-left:-28px;background:url("../images/odr/ico_odr.png") no-repeat 0 -24px;}
.crtNone span{display:block;margin-top:4px;color:#767676;font-size:13px;line-height:22px;}

/* odrBtm_gds */
.odrBtm_gds{overflow:hidden;margin-top:70px;}
.odrBtm_gds h3{display:block;padding-bottom:20px;font-weight:700;font-size:26px;line-height:38px;}
.odrRcmGds{overflow:hidden;position:relative;width:1280px;}
.odrRcmGds .goods_list.slide{height:370px;}
.odrRcmGds .swiperCtr.bxk a{top:82px;margin-top:0;}
.wideSlide + .odrBtm_gds{margin-top:100px;}


/* ORDER */
.odrBx{position:relative;}
.odrBx:after, .odrBx > .bx:after{content:'';display:block;clear:both;}
.odrBx > h3{display:block;overflow:hidden;padding-bottom:20px;font-weight:700;font-size:22px;line-height:26px;}
.odrBx > .bx{position:relative;width:100%;padding:30px;border:#D4D4D8 1px solid;border-radius:12px;box-sizing:border-box;}
.odrBx > .bx.gy{background:#F1F1F5;}
.odrBx + .odrBx{margin-top:40px;}

.odrBx .crtItem{min-height:80px;padding:30px;}
.odrBx .crtItem .info{width:calc(100% - 250px); margin-left:20px;}/* 20211006 - 수정 */
.odrBx .crtItem .img{width:80px;height:80px;border-radius:12px;}
.odrBx .crtItem .img img{width:80px;height:80px;}
.odrBx .crtItem .info .brd, .odrBx .crtItem .info .tit{font-size:14px;line-height:20px;}
.odrBx .crtItem .info .opt{margin-top:4px;}
.odrBx .crtItem .info .opt li{font-size:14px;line-height:20px;}
.odrBx .crtItem .info .opt li + li{margin-top:4px;}
.odrBx .crtItem .cost, .odrBx .crtItem .cost > div{height:80px;}
.odrBx .crtItem + .crtItem{padding-top:10px;}
.odrBx .crtItem + .crtItem:before{display:none;}
.odrBx .crtItem .info .gtSet .gift .tx{max-width:454px;}
.odrBx .crtItem .img:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(18,18,99,0.06);}

@media(max-width:1024px){
	.odrBx > h3{font-size:30px;}

}

.bx.odrDlv > dl + dl{margin-top:24px;}
.bx.odrDlv > dl > dt{padding-bottom:10px;}
.bx.odrDlv > dl > dt:after{content:'';display:block;clear:both;}
.bx.odrDlv > dl > dt > div{float:left;font-weight:700;font-size:15px;line-height:15px;}
.bx.odrDlv .inp{overflow:hidden;}
.bx.odrDlv .inp > .ptxt{float:left;width:200px;}
.bx.odrDlv .inp .phone{float:left;margin-left:0px;}
.bx.odrDlv > dl > dd{overflow:hidden;}
.bx.odrDlv > dl > dd + dd{margin-top:8px;}
.bx.odrDlv .nm{font-size:15px;line-height:22px;}
.bx.odrDlv .nm em{color:#584AE2;}
.bx.odrDlv .nm .tx{color:#767676;}
.bx.odrDlv .opn{display:inline-block;position:relative;padding-right:18px;margin-left:12px;color:#2F9CC3;font-size:13px;line-height:22px;vertical-align:top;}
.bx.odrDlv .opn:hover{text-decoration:underline;}
.bx.odrDlv .opn:after{content:'';display:block;position:absolute;right:0;top:3px;width:16px;height:16px;background:url("../images/odr/ico_odr.png") no-repeat -55px -48px;}
.bx.odrDlv .addr{font-size:15px;line-height:22px;}
.bx.odrDlv .alert span{color:#ED1C24;font-size:13px;line-height:22px;}
.bx.odrDlv .num{font-size:15px;line-height:26px;font-family:'Roboto';} 
.bx.odrDlv .dlvInfo .ptxt.msg{display:none;margin-top:12px;}
.bx.odrDlv .dlvInfo .slt, .bx.odrDlv .dlvInfo .ptxt{width:300px;margin-top:16px;}
.bx.odrDlv .giftMsg{margin-top:12px;}
.bx.odrDlv .giftMsg .ptxt{width:300px;}
.bx.odrDlv .cer{float:left;margin-left:8px;}
.bx.odrDlv .cer dd{float:left;}
.bx.odrDlv .cer .ptxt{width:120px;margin-left:12px;}
.bx.odrDlv .cer .btn.rn{width:70px;margin-left:8px;}
.bx.odrDlv .mailBx{margin-top:12px;}
.bx.odrDlv .mailBx .ptxt{width:200px;}

.bx.odrGift dl + dl{margin-top:30px;}
.bx.odrGift dt{overflow:hidden;height:22px;font-size:14px;line-height:22px;font-weight:800;}
.bx.odrGift dt .dt{overflow:hidden;display:inline-block;max-width:830px;height:22px;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.bx.odrGift .bx{overflow:hidden;margin-top:10px;}
.bx.odrGift .bx .slt{display:block;}
.bx.odrGift .bx .slt + .slt{margin-top:12px;}
.bx.odrGift .bx .btn{float:left;margin-left:10px;padding:0 16px;}
.bx.odrGift .bx .btn em{position:relative;padding-left:18px;}
.bx.odrGift .bx .btn em:after{content:'';display:block;position:absolute;left:0;top:50%;width:16px;height:16px;margin-top:-8px;background:url("../images/odr/ico_odr.png") no-repeat -132px 0;}
.bx.odrGift .g_gds{position:relative;height:36px;padding:20px 200px 20px 20px;margin-top:12px;border:1px solid #F1F1F5;font-size:15px;line-height:22px;color:#191919;text-align:left;border-radius:8px;-webkit-border-radius:8px;background:#fff;}
.bx.odrGift .g_gds .g_gd{height:36px;font-size:15px;line-height:36px;color:#191919;text-align:left;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;}
.bx.odrGift .g_gds .g_gd .gd{overflow:hidden;display:inline-block;max-width:640px;height:36px;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.bx.odrGift .g_gds .g_qty{overflow:hidden;position:absolute;right:80px;top:50%;height:36px;margin-top:-18px;}
.bx.odrGift .g_gds .g_qty .qty input{background:none;}
.bx.odrGift .g_gds .g_qty .qty button:after{background-color:#F8F8FA}
.bx.odrGift .g_gds .g_qty .qty input{font-size:15px;}
.bx.odrGift .g_gds .g_del{overflow:hidden;position:absolute;right:20px;top:50%;display:block;width:20px;height:20px;margin-top:-10px;}
.bx.odrGift .g_gds .g_del .del{display:block;width:20px;height:20px;background:url("../images/gds/btn_sel_del.png") no-repeat 0 0;}
.bx.odrGift .g_gds .tipBx{margin-top:-2px;vertical-align:middle;}
.bx.odrGift .g_gds .tipMk.exc{width:20px;height:20px;background:url("../images/gds/ico_pic.png") no-repeat 0 0;}
.bx.odrGift .g_gds .lyrTip{left:-24px}
.bx.odrGift .g_gds.none{padding-right:140px;}
.bx.odrGift .g_gds.none .g_qty{right:20px;}
.bx.odrGift .g_gds.none .g_qty .qty input{color:#999}
.bx.odrGift .g_gds.none .g_qty .qty button:after{opacity:0.3;filter:alpha(opacity=30);}

.bx.odrGift li{display:flex;position:relative;margin-top:10px;padding-left:22px;}
.bx.odrGift li:after{content:'';display:block;position:absolute;left:0;top:0;width:20px;height:20px;background:url("../images/odr/ico_odr.png") no-repeat -72px 0;}
.bx.odrGift li .tx{display:inline-block;overflow:hidden;max-width:830px;margin-right:4px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.bx.odrGift + .ntcLst{margin-top:20px;}

.bx.odrCpn ul + ul{margin-top:24px;padding-top:24px;border-top:#E1E1E4 1px solid;}
.bx.odrCpn li{position:relative;padding-left:166px;line-height:36px;}
.bx.odrCpn li:after{content:'';display:block;clear:both;}
.bx.odrCpn li + li{margin-top:16px;}
.bx.odrCpn li .bx{clear:both;overflow: hidden;}
.bx.odrCpn .tit{display:block;position:absolute;left:0;top:0;font-size:15px;}
.bx.odrCpn span{display:block;float:left;font-size:13px;}
.bx.odrCpn .ptxt{width:170px;}
.bx.odrCpn .ptxt input{font-weight:700;text-align:right;font-family:'Roboto';}
.bx.odrCpn .md{margin-left:4px;}
.bx.odrCpn .slt{float:left;width:100px;margin-left:16px;}
.bx.odrCpn .btn{float:left;margin-left:16px;}
.bx.odrCpn .btn.wt em{position:relative;padding-right:24px;}
.bx.odrCpn .btn.wt em:after{content:'';display:block;position:absolute;right:0;top:50%;width:20px;height:20px;margin-top:-10px;background:url("../images/common/ico_common.png") no-repeat 0 0;}
.bx.odrCpn .btn.wt[aria-pressed='true'] em:after{background-position:-20px 0;}
.bx.odrCpn .lyr{display:none;overflow:hidden;overflow-y:auto;position:absolute;left:368px;top:46px;z-index:2;width:420px;max-height:512px;padding:20px 20px 0;border:#191919 1px solid;border-radius:8px;background:#fff;box-sizing:border-box;}
.bx.odrCpn .lyr:after{content:'';display:block;overflow:hidden;width:100%;height:20px;}
.bx.odrCpn .lyr dl + dl{margin-top:20px;}
.bx.odrCpn .lyr dt{padding-bottom:12px;font-weight:700;font-size:15px;}
.bx.odrCpn .lyr dd{overflow:hidden;padding:20px;border-radius:12px;background:#F1F1F5;}
.bx.odrCpn .lyr dd + dd{margin-top:12px;}
.bx.odrCpn .lyr strong{display:block;font-weight:400;font-size:15px;line-height:22px;}
.bx.odrCpn .lyr strong + strong{margin-top:6px;}
.bx.odrCpn .lyr .opt{display:block;margin-top:6px;}
.bx.odrCpn .lyr .opt em{display:block;color:#767676;font-size:15px;line-height:22px;}
.bx.odrCpn .lyr .opt em + em{margin-top:4px;}
.bx.odrCpn .lyr .slt{width:100%;margin:0;}
.bx.odrCpn .lyr strong + .slt, .bx.odrCpn .lyr .opt + .slt{margin-top:12px;}
.bx.odrCpn .lyr .btns{margin-top:40px;}
.bx.odrCpn .lyr .btns span{display:inline-block;float:none;}
.bx.odrCpn .lyr .btns .bt{display:block;overflow:hidden;min-width:110px;height:36px;padding:0 12px;border-radius:4px;background:#ED1C24;color:#fff;font-size:13px;line-height:36px;box-sizing:border-box;}
.bx.odrCpn .lyr .btns .bt em{display:block;margin-top:-1px;}
.bx.odrCpn .lyr .btns .bt.wt{background:#fff;border:#D4D4D4 1px solid;color:#191919;}
.bx.odrCpn .ab{margin-left:10px;}
.bx.odrCpn .ab em{color:#584AE2;}
.bx.odrCpn .ab em b{font-weight:400;}
.bx.odrCpn .ok .tit{}
.bx.odrCpn .ok .btn.bn{width:75px;}
.bx.odrCpn .ok .stx{overflow:hidden;clear:both;font-size:13px;line-height:18px;color:#191919;line-height: 36px;}
.bx.odrCpn .ok .sbx{overflow:hidden;clear:both;margin-top:10px;font-size:13px;line-height:18px;color:#191919;line-height: 36px;}
.bx.odrCpn .ok .sbx .ptxt{clear:both;width:70px;margin-right:10px;}
.bx.odrCpn .ok .sbx .ptxt input{text-align:left;}

.bx.odrPay{overflow:hidden;padding:70px 0 106px;}
.bx.odrPay ~ .ntcLst{margin-top:20px;}
.bx.odrPay .swiperCtr a{top:135px;width:40px;height:60px;background:rgba(0,0,0,0.3);}
.bx.odrPay .swiperCtr a:hover{background:rgba(0,0,0,0.6);}
.bx.odrPay .swiperCtr a:after{content:'';display:block;position:absolute;top:50%;width:10px;height:18px;background:url("../images/common/ico_common.png") no-repeat -172px -100px;transform:translateY(-50%);}
.bx.odrPay .swiperCtr .prev{border-radius:0 8px 8px 0;}
.bx.odrPay .swiperCtr .next{border-radius:8px 0 0 8px;}
.bx.odrPay .swiperCtr .prev:after{left:15px;background-position:-172px -100px;}
.bx.odrPay .swiperCtr .next:after{right:15px;background-position:-182px -100px;}
.bx.odrPay .swiperCtr .prev{left:0;background-position:0 0;}
.bx.odrPay .swiperCtr .next{right:0;background-position:-40px 0;}
.bx.odrPay .swiperPg{overflow:hidden;position:absolute;left:0;bottom:43px;width:100%;height:10px;text-align:center;}
.bx.odrPay .swiperPg span{display:inline-block;vertical-align:top;}
.bx.odrPay .swiperPg a{display:block;float:left;width:10px;height:10px;border-radius:100%;background:#D4D4D8;box-sizing:border-box;}
.bx.odrPay .swiperPg a + a{margin-left:6px;}
.bx.odrPay .swiperPg .swiper-active-switch{border:#191919 2px solid;background:none;}
.bx.odrPay .delSlide{position:absolute;right:40px;bottom:30px;z-index:2;}
.bx.odrPay .delSlide .btn{width:56px;}

.paySlide{overflow:hidden;width:1278;margin:0 auto;height:190px;}
.paySlide .bnr > li{float:left;padding:0 25px;}
.paySlide .bnr .card{overflow:hidden;position:relative;width:320px;height:190px;padding:16px;border-radius:12px;background:#E4893A;box-sizing:border-box;}
.paySlide .bnr .card input[type=radio]{display:block;position:absolute;top:0;left:0;z-index:0;width:1px;height:1px;background:none;opacity:0;}
.paySlide .bnr .card .logo{display:block;position:absolute;top:12px;right:12px;width:98px;height:45px;}
.paySlide .bnr .card .info{display:block;position:absolute;bottom:16px;left:16px;right:16px;color:#fff;font-weight:400;font-size:14px;line-height:22px;}
.paySlide .bnr .card label{display:block;font-weight:700;font-size:18px;line-height:24px;}
.paySlide .bnr .card .info.cd label{position:absolute;bottom:77px;}
.paySlide .bnr .card .slt{margin-top:12px;}
.paySlide .bnr .card .slt select{border:none;}
.paySlide .bnr .card .tm{display:block;font-size:13px;line-height:20px;}
.paySlide .bnr .ptxt{display:block;margin-top:12px;}
.paySlide .bnr .card.easy, .paySlide .bnr .card.add{padding:0;border:#D4D4D8 1px solid;background:#fff;}
.paySlide .bnr .card.add button{display:block;width:100%;height:100%;}
.paySlide .bnr .card.add button em{display:inline-block;position:relative;padding-top:58px;font-size:18px;line-height:27px;}
.paySlide .bnr .card.add button em:before{content:'';display:block;position:absolute;top:0;left:50%;width:48px;height:48px;margin-left:-24px;background:url("../images/odr/ico_odr.png") no-repeat -125px -24px;}
.paySlide .bnr .card.easy .info{bottom:80px;color:#505050;font-size:18px;line-height:27px;}
.paySlide .bnr .card.easy .info label{font-weight:400;}
.paySlide .bnr .isActive .card:before{content:'';display:block;position:absolute;left:16px;top:16px;width:24px;height:24px;background:url("../images/odr/ico_odr.png") no-repeat -150px 0;}
.paySlide .bnr .isActive .card.add:before{display:none;}

.paySlide .bnr .card.hp{background:#51597B;}
.paySlide .bnr .card.mu{background:#455D94;}
.paySlide .bnr .card.gr{background:#517B77;}

.paySlide .bnr .card.bg01{background:#C45B65;} /* 비씨카드 */
.paySlide .bnr .card.bg02{background:#DFA638;} /* 국민카드 */
.paySlide .bnr .card.bg03{background:#009490;} /* 하나카드 */
.paySlide .bnr .card.bg04{background:#2E69BB;} /* 삼성카드 */
.paySlide .bnr .card.bg05{background:#215082;} /* 신한카드 */
.paySlide .bnr .card.bg08{background:#4A4A4A;} /* 현대카드 */
.paySlide .bnr .card.bg09{background:#6F478A;} /* 롯데카드 */
.paySlide .bnr .card.bg12{background:#63747C;} /* 수협 */
.paySlide .bnr .card.bg14{background:#159FE6;} /* 우리은행 */
.paySlide .bnr .card.bg15{background:#3F9C64;} /* 농협NH */
.paySlide .bnr .card.bg16{background:#D59C48;} /* 제주은행 */
.paySlide .bnr .card.bg17{background:#62738D;} /* 광주은행 */
.paySlide .bnr .card.bg18{background:#213D64;} /* 전북은행 */
.paySlide .bnr .card.bg24{background:#009490;} /* 하나은행 */
.paySlide .bnr .card.bg26{background:#006DAF;} /* 씨티은행 */
.paySlide .bnr .card.bg81{background:#032A77;} /* 산업은행 */
.paySlide .bnr .card.bg82{background:#2857A7;} /* 신협 */

.paySlide .bnr .card.hp .info, .paySlide .bnr .card.mg .info , .paySlide .bnr .card.gr .info{bottom:93px;}

.gecko .paySlide .bnr .card input[type=radio]:focus + .info label{outline:#fff 1px dotted}

.bx.refund .bx{overflow:hidden;margin-top:20px;background:#F8F8FA;}
.bx.refund .bx li{overflow:hidden;position:relative;padding:20px 24px 20px 114px;}
.bx.refund .bx li + li{border-top:#E9E9ED 1px solid;}
.bx.refund .bx .tit{display:block;position:absolute;left:0;top:0;width:90px;height:100%;padding:20px 0 20px 20px;background:#F1F1F5;font-size:14px;line-height:36px;box-sizing:border-box;}
.bx.refund .bx .slt, .bx.refund .bx .ptxt{width:300px;}
.bx.refund .bx .nm .tx{font-size:14px;line-height:20px;}
.bx.refund .bx .nm .tx b{font-weight:400;}
.bx.refund .bx .nm .tx button{display:inline-block;position:relative;padding-right:18px;margin-left:12px;color:#2F9CC3;font-size:13px;line-height:20px;vertical-align:top;}
.bx.refund .bx .nm .tx button:hover{text-decoration:underline;}
.bx.refund .bx .nm .tx button:after{content:'';display:block;position:absolute;right:0;top:3px;width:16px;height:16px;background:url("../images/odr/ico_odr.png") no-repeat -55px -48px;}
.bx.refund .bx .nm .ptxt{float:left;}
.bx.refund .bx .nm .ptxt + .tx{float:left;margin-top:8px;}
.bx.refund .bx li.last{border-top:0;padding:20px 24px 0 0;background:#fff;}

.odrTopRdo{overflow:hidden;}
.odrTopRdo .chk{display:block;float:left;}
.odrTopRdo .chk label{padding-left:32px;color:#191919;font-size:15px;}
.odrTopRdo .chk + .chk{margin-left:30px;}

.bx.odrSave dl{overflow:hidden;position:relative;min-height:24px;padding-left:130px;}
.bx.odrSave dl + dl{margin-top:20px;}
.bx.odrSave dt{position:absolute;left:0;top:0;padding-left:30px;font-weight:700;font-size:15px;line-height:24px;}
.bx.odrSave dt:after{content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;background:url("../images/odr/ico_odr.png") no-repeat -174px 0;}
.bx.odrSave .pcs:after{background-position:-174px 0;}
.bx.odrSave .cmt:after{background-position:-174px -24px;}
.bx.odrSave dd{margin-top:1px;font-size:15px;line-height:22px;}
.bx.odrSave dd + dd{margin-top:6px;}
.bx.odrSave dd em{color:#767676;}
.bx.odrSave dd b{display:inline-block;margin-left:10px;color:#ED1C24;}

.bx.odrBill .box{overflow:hidden;margin-top:20px;}
.bx.odrBill .box.cpn{display:none;}
.bx.odrBill .psn > .slt{display:block;float:left;width:200px;}
.bx.odrBill .psn .phone{float:left;margin-left:16px;}
.bx.odrBill .psn .phone.crd{display:none;}

/* complete */
.odrCpt{width:900px;margin:0 auto;}
.cptTitle{overflow:hidden;padding:30px 0 40px;text-align:center;}
.cptTitle h2{display:block;position:relative;padding-top:136px;font-weight:700;font-size:26px;line-height:32px;}
.cptTitle h2:after{content:'';display:block;position:absolute;left:50%;top:0;width:120px;height:120px;margin-left:-60px;background:url("../images/odr/ico_odr_cpt.png") no-repeat 0 0;}
.cptTitle.gift h2:after{background:url("../images/odr/ico_odr_cpt_gift.png") no-repeat 0 0;}
.cptTitle span{display:block;margin-top:10px;font-size:18px;line-height:22px;}
.cptTitle .num{margin-top:16px;color:#505050;font-size:15px;line-height:22px;}
.cptTitle .num em{display:inline-block;margin-left:3px;color:#505050;font-family:'Roboto';}
.cptTitle .num a{display:inline-block;}
.cptTitle .giftTx{margin-bottom:16px;color:#191919;}
.cptTitle .giftTx em{display:block;margin-top:16px;font-size:15px;color:#767676;}

.bx.cptInfo{overflow:hidden;padding:0;}
.bx.cptInfo dl{overflow:hidden;position:relative;padding-left:160px;line-height:22px;}
.bx.cptInfo dt{position:absolute;left:0;top:0;font-size:15px;}
.bx.cptInfo dd > span:first-child{margin-top:0 !important;}
.bx.cptInfo span{display:block;overflow:hidden;position:relative;color:#767676;font-size:15px;}
.bx.cptInfo > div{overflow:hidden;padding:30px;}
.bx.cptInfo .top{background:#F8F8FA;}
.bx.cptInfo .btm dl + dl{margin-top:20px;padding-top:20px;border-top:#E9E9ED 1px solid;}
.bx.cptInfo .btm dl + dl dt{top:20px;}

.bx.cptInfo + .bx.cptInfo{margin-top:10px;}
.bx.cptInfo .prc .inp{margin-top:10px;}
.bx.cptInfo .prc .inp span{display:inline-block;color:#584AE2;vertical-align:top;}
.bx.cptInfo .prc .inp em{display:inline-block;vertical-align:top;}
.bx.cptInfo .prc .tx{margin-top:6px;}
.bx.cptInfo .prc .tx b{color:#191919;}
.bx.cptInfo .prc .cost{margin-top:16px;color:#ED1C24;font-size:18px;line-height:40px;}
.bx.cptInfo .prc .cost b{font-size:30px;font-family:'Roboto';}
.bx.cptInfo .prc .total{margin-top:12px;}
.bx.cptInfo .prc .total em{color:#191919;}
.bx.cptInfo .dlv .addr{margin-top:8px;color:#191919;font-weight:700;}
.bx.cptInfo .dlv .num{margin-top:10px;font-family:'Roboto';}
.bx.cptInfo .dlv .num em + em:before{content:' / ';}
.bx.cptInfo .dlv .msg{margin-top:16px;}
.bx.cptInfo .gds dd{display:flex;}
.bx.cptInfo .gds span{display:inline-block;overflow:hidden;margin-right:2px;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.bx.cptInfo .gds em{flex:none;font-size:14px;}
.bx.cptInfo .gds em b{font-size:18px;}
.bx.cptInfo .gift li{display:flex;position:relative;padding-left:22px;}
.bx.cptInfo .gift li:after{content:'';display:block;position:absolute;left:0;top:0;width:20px;height:20px;background:url("../images/odr/ico_odr.png") no-repeat -72px 0;}
.bx.cptInfo .gift li + li{margin-top:10px;}
.bx.cptInfo .gift li span{display:inline-block;overflow:hidden;margin-right:2px;color:#191919;font-size:13px;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.bx.cptInfo .gift li em{flex:none;color:#191919;font-size:13px;}

.cptBtmBt{margin-top:40px;}
.cptBtmBt .btn em{font-weight:700;}

/* s : 20211006 - 수정 */
.modal-wrapper .content {width:100% !important; min-width:100% !important; box-sizing:border-box; overflow-x:hidden;}
.pop_head {width:100% !important;}
.pop_con {width:100% !important; padding:0;}
.pop_con .tabCont {width:100% !important; padding:0 0 20px 0;}
/* e : 20211006 - 수정 */

/* s : 반응형 작업 영역 */
@media all and (max-width:1280px) {
	.content {min-width:calc(100% - 40px) !important; width:calc(100% - 40px) !important;}
	.wrap.odr {width:calc(100% - 40px);}

	.odrCont {width:calc(100% - 310px);}
}

@media all and (max-width:1024px) {
	.odrTitle {padding:40px 0 15px;}
	.odrTitle h2 {font-size:30px;}

	.odrBx .crtItem .info {width:calc(100% - 190px);}
	.crtItem .cost {width:90px; margin-top:12px;}
	
}

@media all and (max-width:768px) {
	.odrCont {float:none; display:block; width:100%;}
	.odrFixedInfo {float:none; display:block; width:100%; margin-top:40px;}

	.bx.odrCpn .ptxt {width:140px;}
	
	.bx.odrSave dt {padding-left:0;}
	.bx.odrSave dl {padding-left:80px;}
	
	
}

@media all and (max-width:640px) {
	.odrTitle {margin-bottom:20px;}
	.odrTitle h2 {font-size:25px;}
	.odrTitle dl {margin-top:12px;}
	.odrTitle dd {padding-right:10px;}

	.odrBx > h3 {font-size:17px; padding-bottom:10px;}
	.bx.odrDlv > dl > dt > div {font-size:14px;}

	.odrBx .crtItem  {padding:20px;}
	.odrBx .crtItem .info .brd,
	.odrBx .crtItem .info .tit {font-size:13px; line-height:18px;}
	.odrBx .crtItem .info .opt li {font-size:13px; line-height:17px;}

	.crtItem .cost {height:68px;}

	.bx.odrCpn li {padding-left:0; line-height:30px;}
	.bx.odrCpn li:aftet {content:''; clear:both; display:block;}
	.bx.odrCpn li .tit {float:left; font-size:13px;}
	.bx.odrCpn li .bx {float:right;}
	.bx.odrCpn li .bx select {width:100%; font-size:11px; padding:0 10px 0 5px; line-height:30px; height:30px;}
	.bx.odrCpn .ptxt {width:115px; line-height:30px; height:30px;}
	.bx.odrCpn .ptxt input {line-height:30px; height:30px; font-size:11px;}

	.bx.odrSave dl + dl {margin-top:10px;}
	.bx.odrSave dt {font-size:14px;}
	.bx.odrSave dd {font-size:14px;}
	.bx.odrSave dd b {display:block; margin-left:0;}

	.odrFixedInfo .price dt {font-size:17px;}
	.odrFixedInfo .price .lst strong {font-size:13px;}
	.odrFixedInfo .price .lst span em {font-size:13px;}
	.odrFixedInfo .price .lst .total span {font-size:15px;}
	.odrFixedInfo .price .lst .total span em {font-size:20px;}
	.odrFixedInfo .price .btn.hg {font-size:15px;}
	
	.modal {margin:0 !important; transform:translate(-50%,-50%);}
	.modal-wrapper.open .modal {width:calc(100% - 40px); height:auto;}
	.modal-wrapper.open .modal .head {width:auto;}

}

@media all and (max-width:480px) {	
	.wrap.odr {width:100%;}
	.odrCont {width:100%;}
	.odrTitle {padding:20px 0 15px;}
	.odrTitle h2 {font-size:18px;}
	.odrTitle dl {}
	.odrTitle dd {font-size:10px; line-height:19px;}
	.odrTitle dd + dd {margin-left:0;}
	.odrTitle dd em {width:15px; height:15px; line-height:15px;}

	.odrBx > .bx {padding:20px;}
	.bx.odrDlv .inp > .ptxt {width:100%;}
	.phone .ptxt, .phone .slt {width:calc(33.33% - 11px);}

	.odrBx .crtItem {height:auto; min-height:auto;}
	.odrBx .crtItem > div {float:none;}
	.odrBx .crtItem .img {display:inline-block;}
	.odrBx .crtItem .info {display:inline-block; width:calc(100% - 100px); margin-left:10px;}
	.odrBx .crtItem .cost {width:100%; text-align:right; height:30px; margin-top:15px; line-height:30px;}
	.odrBx .crtItem .cost > div {display:inline-block; padding:0; height:100%; width:auto; margin-right:-25px;}
	.crtItem .cost .prc b {font-size:16px;}
	.odrBx .crtItem .cost .prc {font-size:13px;}

	.odrFixedInfo .price {padding:20px;}
	.odrFixedInfo .price .lst {margin-top:15px;}
	.odrFixedInfo .price .lst li + li {margin-top:10px;}
	.odrFixedInfo .price .lst .total {margin-top:15px;}
	.odrFixedInfo .price .agr {margin-top:20px;}
	.odrFixedInfo .price .agr label {display:inline-block; margin-top:5px;}

	.modal-wrapper .pop_head h3 {font-size:18px;}
	.modal-wrapper .pop_con {padding:0;}
	.modal-wrapper .tabCont .linebar {margin-top:0; padding-top:15px;}
	.modal-wrapper .tabCont h3 {font-size:15px; margin:20px 0 8px;}
	.modal-wrapper .tabCont p {font-size:12px;}
	.modal-wrapper .tabCont ol.numList > li {font-size:12px;}
	.modal-wrapper .content {padding:20px 15px;}
}

@media all and (max-width:320px) {
	.odrTitle h2 {float:none; display:block; vertical-align:bottom;}
	.odrTitle dl {float:none; display:block; width:100%; margin-top:5px;}
	
	.odrBx > h3 {font-size:15px;}
	.odrBx .slt select {padding-right:15px;}
	.odrBx + .odrBx {margin-top:25px;}
	.odrBx .crtItem .img {width:50px; height:50px;}
	.odrBx .crtItem .img img {width:50px; height:50px;}
	.odrBx .crtItem .info .brd,
	.odrBx .crtItem .info .tit {font-size:11px; line-height:1;}
	.odrBx .crtItem .info .opt li {font-size:10px; line-height:12px;}
	.odrBx .crtItem .info {width:calc(100% - 65px); margin-left:5px;}
	.odrBx .crtItem .cost {margin-top:10px; height:16px; line-height:20px;}
	.crtItem .cost .prc b {font-size:14px;}
	.odrBx .crtItem .cost .prc {font-size:12px; line-height:1; margin:0;}

	.bx.odrSave dl {padding-left:60px;}
	.bx.odrSave dl + dl {margin-top:10px;}
	.bx.odrSave dt {font-size:13px;}
	.bx.odrSave dd {font-size:13px;}

	.modal-wrapper .pop_head h3 {font-size:16px;}
	.modal-wrapper .tabCont h3 {font-size:13px;}
	.modal-wrapper .tabCont p {font-size:11px;}
	.modal-wrapper .tabCont ol.numList > li {font-size:11px;}
}

/* e : 반응형 작업 영역 */