@charset "utf-8";

.content:after{display:block;content:"";clear:both}
.lnb{float:left;width:183px}
.lnb h2{display:table-cell;width:183px;height:109px;background-color:#2fb2ab;vertical-align:middle;text-align:center}
.lnb h2 a{font-weight:500;font-size:20px;color:#fff}
.lnb ul{border-style:none solid solid;border-width:1px;border-color:#d3d3d3}
.lnb li{border-bottom:1px solid #d3d3d3}
.lnb li:last-child{border-bottom:0}
.lnb li a{display:block;position:relative;padding:15px 18px;line-height:1.3;font-weight:400;font-size:16px;color:#444}
.lnb li a:hover:after,.lnb .on:after{display:block;content:"";box-sizing:border-box;position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border:1px solid #2fb2ab}
.lnb li a:hover,.lnb .on{background-image:url(/layouts/gfesta/images/common/bg_lnb_on.png);background-repeat:no-repeat;background-position:calc(100% - 20px) 50%;font-weight:500;color:#2fb2ab}
.r-content{float:right;width:977px}
.r-content>h3{margin-bottom:40px;line-height:1;font-weight:500;font-size:32px;color:#222}
.section-mgt{margin-top:50px}
.tb-tit{overflow:hidden;margin-bottom:9px}
.tb-tit h3{float:left;line-height:1;font-size:20px;font-weight:500;color:#222}
.tb-tit a{float:right;margin-top:11px;padding-right:12px;background:url(/layouts/gfesta/images/common/bg_tb_arrow.png) no-repeat 99% 50%;line-height:1;font-weight:400;font-size:15px;color:#444}
.list-table{border-top:2px solid #333}
.list-table thead th,.row-table tbody th{padding:13px 0;border-bottom:1px solid #d3d3d3;background-color:#f7f7f7;font-weight:500;font-size:16px;color:#444}
.list-table tbody td{padding:15px 10px;border-bottom:1px solid #d3d3d3;text-align:center}
.list-table .txt-left{text-align:left}
.list-table .v-top{vertical-align:top}
.popup-wr-table{border-style:solid;border-width:2px 0 1px;border-color:#333 #fff #d3d3d3}
.popup-wr-table th{text-align:left;font-weight:400}
.popup-wr-table td{padding:20px 0 0}
.popup-wr-table tr:last-child td{padding-bottom:20px}
.popup-wr-table .view-txt{padding:12px 15px;border:1px solid #d3d3d3;font-size:15px}

.popup-wr-table1{border-style:solid;border-width:2px 0 1px;border-color:#333 #fff #d3d3d3}
.popup-wr-table1 th{padding:20px 0 0;text-align:left;font-weight:400}
.popup-wr-table1 td{}
.popup-wr-table1 tr:last-child td{padding-bottom:20px}
.popup-wr-table1 .view-txt{padding:12px 15px;border:1px solid #d3d3d3;font-size:15px}


.row-table tbody th{padding-left:30px;border-right:1px solid #d3d3d3;text-align:left}
.row-table tbody td{padding-left:30px;padding-right:30px;text-align:left}
.btn-rounding{display:inline-block;height:26px;padding:0 10px;border-radius:20px;background-color:#aaa;line-height:25px;font-weight:300;font-size:14px;color:#fff}
.btn-prt{display:inline-block;box-sizing:border-box;width:96px;height:32px;line-height:32px;font-weight:300;font-size:14px}/*수정분*/
/*.btn-prt{display:inline-block;box-sizing:border-box;width:85px;height:32px;line-height:32px;font-weight:300;font-size:14px}*/
.btn-gray{background-color:#999;color:#fff}
.btn-white{border:1px solid #d3d3d3;background-color:#fff;color:#444}
.btn-aqua{background-color:#2fb2ab;color:#fff}
.btn-black{background-color:#333;color:#fff}
.w-large1{width:130px}
.w-large2{width:158px}
.w-medium1{width:100px}
.w-small{width:68px}
.col-aqua{font-weight:400;color:#2fb2ab !important;}
.col-aqua strong{font-weight:500}
.block{display:block}
.mt2{margin-top:2px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.prt-btn-vertical li{margin-bottom:2px}
.prt-btn-vertical li:last-child{margin-bottom:0}
.f-rg{font-weight:400;color:#444}
.f-lt{font-weight:300}
.ui-datepicker-trigger i{vertical-align:top}
.ly-pop-box{display:none;position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.ly-pop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);max-height:calc(100% - 50px);background-color:#fff}
.ly-pop .top{position:relative;height:67px;padding-left:30px;background-color:#333;line-height:67px;color:#fff}
.ly-pop .top span{font-weight:400;font-size:20px}
.ly-pop .top a{display:block;position:absolute;right:0;top:0;width:76px;height:100%;text-align:center;font-size:1.6em;color:#fff}
.ly-pop .order-top{font-weight:300;font-size:18px}
.ly-pop .order-top span{display:inline-block;margin-right:11px;padding-right:23px;background:url(/layouts/gfesta/images/common/bg_pop_arrow.png) no-repeat 100% 30px}
.ly-pop .pop-ctn{max-height:calc(100vh - 227px);overflow-y:auto;padding:42px 30px; /*주문상세내역 짤림 수정 190712*/;background-color:#fff}
.ly-pop .pop-ctn>*:last-child{margin-bottom:40px}
.ly-pop.w1078{width:1078px}
.ly-pop.w600{width:600px}
.ly-pop.w450{width:450px}
.bg-none{background:none}
.product-search{padding:25px 37px;background-color:#f4f4f4;text-align:center}
.product-search span{display:inline-block;vertical-align:top}
.product-search .order-select{margin-right:35px}
.product-search .date-input>input{background-color:#eaeaea}
.product-search .btn-srh{width:54px;height:39px;background-color:#333;vertical-align:top;font-weight:300;font-size:15px;color:#fff}
.product-search .date-txt{height:39px;margin-right:10px;line-height:39px;font-weight:400;color:#444}
.product-search .date1{position:relative;margin-right:24px}
.product-search .date1:before{display:block;content:"~";position:absolute;right:-18px;top:7px}
.product-search .date2{margin-right:6px}
.product-search .date-input{margin-right:10px}
.product-search.type1 .l,.product-search.type1 .date-srh{display:inline-block;vertical-align:top}
.product-search.type1 .date-srh{padding-left:40px}
.product-search .date-ck{overflow:hidden;margin-right:10px}
.product-search .date-ck label{float:left;position:relative;box-sizing:border-box;width:66px;height:39px;border:1px solid #d3d3d3;background-color:#fff;line-height:39px;text-align:center;font-weight:300;font-size:15px}
.product-search .date-ck input[type=radio]:checked+label{color:#fff}
.product-search .date-ck input[type=radio]:checked+label:after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#999}
.product-search.type1 input{vertical-align:top}
.product-search .week-ck{display:inline-block;margin-right:10px;vertical-align:top}
.product-search .week-ck:after{display:block;content:"";clear:both}
.product-search .week-ck>span{float:left}
.product-search .week-ck label{display:block;position:relative;width:64px;height:37px;line-height:37px;text-align:center;font-size:15px}
.product-search .week-ck label:before{display:block;content:"";position:absolute;left:0;top:0;width:calc(100% - 1px);height:100%;border:1px solid #d3d3d3;background-color:#fff}
.product-search .week-ck input[type=radio]:checked+label{color:#fff}
.product-search .week-ck input[type=radio]:checked+label:before{z-index:2;border-color:#999;background-color:#999}
.product-search .week-ck label span{position:relative;display:block;z-index:3}
.myinfo-total{border:1px solid #d3d3d3}
.myinfo-total ul{display:table;table-layout:fixed;width:100%;padding:33px 0}

/*.myinfo-total li{display:table-cell;border-right:1px solid #ededed;text-align:center;vertical-align:middle}*/
.myinfo-total li{display:table-cell;border-right:1px solid #ededed;text-align:center;vertical-align:top}

.myinfo-total li:last-child{border-right:0}
.myinfo-total li>span{font-size:18px;font-weight:400}
.myinfo-total li>span i{margin-right:5px}
.myinfo-total li>div{font-weight:300;font-size:15px}
.myinfo-total li>div strong{display:block;font-weight:500;font-size:26px;color:#222}
.myinfo-total .point-info{padding:0 30px;text-align:left}
.product-order-info{overflow:hidden}
.product-order-info .l{float:left}
.product-order-info .l img{width:84px;height:84px}
.product-order-info .r{overflow:hidden;padding-left:14px;font-size:15px}
.product-order-info .r strong{font-weight:400;font-size:17px;color:#222}
.product-order-info .r ul{margin-top:10px}
.prt-price li{overflow:hidden;margin-bottom:2px}
.prt-price li:last-child{margin-top:6px;padding-top:4px;border-top:1px solid #666}
.prt-price li .l{float:left;font-weight:400}
.prt-price li .r{float:right;text-align:right}
.prt-price li .r em{font-size:15px}
.prt-price li strong{font-weight:400;color:#222}
.total-point{float:right;width:283px;padding-right:18px}
.total-point .l{float:left}
.total-point .r{float:right;font-size:17px}
.par-n{font-size:14px}
.par-s a{font-size:15px}
.order-cancel-form{overflow:hidden;padding-top:20px;border-top:2px solid #333}
.order-cancel-form .l{float:left;width:278px}
.order-cancel-form .l select{width:100%}
.order-cancel-form .r{overflow:hidden;padding-left:10px}
.order-cancel-form .sg input[type=text]{width:100%}
.order-cancel-form .mlt{overflow:hidden;padding-left:19px}
.order-cancel-form .mlt *{float:left}
.order-cancel-form .mlt span{height:39px;margin-right:15px;line-height:39px;font-weight:400;color:#444}
.order-cancel-form .mlt select{width:139px;margin-right:10px}
.order-cancel-form .mlt input[type=text]{width:433px}
.back-payment{overflow:hidden;margin-top:20px;padding:25px;background-color:#f4f4f4}
.back-payment div{float:left;padding-top:7px}
.back-payment strong{font-weight:500}
.back-payment ul{float:right}
.back-payment li{float:left;margin-right:10px}
.back-payment li:last-child{margin-right:0}
.back-payment li a{display:block;box-sizing:border-box;width:114px;height:39px;line-height:39px;text-align:center;font-size:15px}
.checkbox{display:inline-block}
.checkbox i,.checkbox2 i{color:#c1c1c1;font-size:18px}
/*.checkbox input[type=checkbox]:checked+label>i,.checkbox2 input[type=checkbox]:checked+label>i{color:#222}*/
.checkbox input[type=checkbox]:checked+label>i,.checkbox2 input[type=checkbox]:checked+label>i{color:#2fb2ab}

.checkbox{display:inline-block;font-size:18px}
.all-checkbox{font-size:18px;color:#c1c1c1}

/*.all-checkbox.on i{color:#333}*/
.all-checkbox.on i{color:#2fb2ab}
.tb-cell{display:table-cell;height:84px;vertical-align:middle}
/*.hover-line:hover{text-decoration:underline}*/
.list-tit-a:hover .f-rg{text-decoration:underline}

/*.all-checkbox,.checkbox label{display:inline-block;width:20px;height:20px;background:url(../images/sub/member/chkbox_no.png) no-repeat 0 0}*/
/*.checkbox2 label{display:inline-block;padding-left:28px;background:url(../images/sub/member/chkbox_no.png) no-repeat 0 3px;color:#444}*/
.checkbox2 label{display:inline-block;padding-left:2px;color:#444}
.check-n{color:#bebebe}
.check-y{display:none !important}
.btm-btn{margin-top:30px;text-align:center}
.btm-btn a,.btm-btn button{display:inline-block;height:46px;line-height:46px;font-weight:400;text-align:center}
.btm-btn a:first-child,.btm-btn button:first-child{margin-right:6px}
.delivery span{display:inline-block;height:22px;padding:0 6px;background-color:#333;line-height:21px;font-size:14px;color:#fff}
.prt-price-list .pr1{font-size:14px}
.prt-price-list .pr2{margin-top:4px;font-weight:400;color:#444}
.prt-price-list .pr3{margin-bottom:4px;font-weight:400;font-size:17px;color:#2fb2ab}
.tab-mn ul{display:table;table-layout:fixed;width:100%}
.tab-mn li{display:table-cell}
.tab-mn a{display:block;position:relative;height:50px;line-height:50px;text-align:center;font-size:17px}
.tab-mn a span{position:relative;z-index:3}
.tab-mn a:before{display:block;content:"";position:absolute;left:0;top:0;z-index:2;width:calc(100% - 1px);height:100%;border-color:#d3d3d3 #d3d3d3 #222;border-style:solid;border-width:1px;background-color:#fff}
.tab-mn a:hover,.tab-mn .on{font-weight:500;color:#222}
.tab-mn a:hover:before,.tab-mn .on:before{z-index:3;width:calc(100% + 1px);border-color:#222 #222 #fff}
.list-tit-a{display:block}
.prt-select{overflow:hidden}
.prt-select *{float:left}
.prt-select select{margin-right:10px}
.prt-select a{width:82px;height:39px;background-color:#999;line-height:39px;text-align:center;font-size:15px;color:#fff}
.iq-view-info{margin-top:60px;padding:20px;border:1px solid #d3d3d3}
.view-form{border-style:solid;border-width:2px 0 1px;border-color:#333 #fff #dcdcdc}
.view-form .v-tit{padding:23px 20px;border-bottom:1px solid #dcdcdc;background-color:#f7f7f7;font-weight:500;font-size:20px;color:#222}
.view-form .v-info{padding:15px 20px;border-bottom:1px solid #dcdcdc}
.view-form .v-info ul{overflow:hidden}
.view-form .v-info li{float:left;position:relative;padding:0 28px;font-size:15px}
.view-form .v-info li:after{display:block;content:"";position:absolute;right:0;top:5px;width:1px;height:15px;background-color:#dcdcdc}
.view-form .v-info li:first-child{padding-left:0}
.view-form .v-info li:last-child:after{display:none}
.view-form .v-info li span{margin-right:15px;font-weight:400}
.view-form .v-txt{padding:30px 20px}
.reply-t{display:inline-block;margin-right:9px;padding-left:23px;background:url(/layouts/gfesta/images/common/icon_reply.png) no-repeat 0 5px;vertical-align:middle}
.reply-t strong{display:inline-block;height:24px;padding:0 15px;border:1px solid #333;border-radius:20px;line-height:23px;vertical-align:top;font-weight:300;font-size:14px;color:#444}
.btn-view-btm{overflow:hidden;margin-top:30px}
.btn-view-btm .l{float:left}
.btn-view-btm .r{float:right}
.btn-view-btm a{display:inline-block;width:65px;height:43px;line-height:43px;text-align:center;font-weight:400;font-size:15px}
.list-board{border-style:solid;border-width:2px 0 1px;border-color:#333 #fff #dcdcdc}
.list-board li{border-bottom:1px solid #d3d3d3}
.list-board li:last-child{border-bottom:0}
.list-board a>div{margin-bottom:8px}
.list-board a>div:last-child{margin-bottom:0}
.list-board a{display:block;padding:16px 0}
.list-board .lb1{overflow:hidden}
.list-board .lb1 .l{float:left}
.list-board .lb1 .r{float:right;font-size:15px}
.list-board .lb2{font-weight:500;color:#444}
.list-board .lb2 i{margin-left:3px}
.list-board a:hover .lb2{text-decoration:underline}

.mypage-pwd{padding:43px;background-color:#f4f4f4;text-align:center}
.mypage-pwd .txt1{font-weight:400;color:#222}
.mypage-pwd .txt2{font-size:15px}
.mypage-pwd .pw-box{width:350px;margin:25px auto 13px}
.mypage-pwd .pw-ipt{margin-bottom:10px}
.mypage-pwd .pw-ipt input[type=password]{width:100%}
.mypage-pwd button{width:100%;height:39px;background-color:#999;font-size:15px;color:#fff}
.member-drop-txt{overflow:hidden;margin-bottom:40px;padding:36px 25px;background-color:#f4f4f4}
.member-drop-txt>span{float:left;margin-top:8px}
.member-drop-txt>span>a{font-weight:500}
.member-drop-txt>a{float:right;width:82px;height:37px;line-height:37px;text-align:center;font-size:15px}
.member-info-wr{width:500px;margin:0 auto}

.member-info-wr>div,.pw-modity>div{margin-bottom:10px}
.member-info-wr>div:last-child,.pw-modity>div:last-child{margin-bottom:0}
/*
.member-info-wr .btn-input{overflow:hidden;border:1px solid #d3d3d3}
.member-info-wr .btn-input>span{float:left;width:406px;border-right:1px solid #d3d3d3}*/
.member-info-wr>div{overflow:hidden}
.member-info-wr>div .l{float:left;width:145px;padding-top:7px;font-weight:400;color:#333}
.member-info-wr>div .r{overflow:hidden}
.pw-modity>div{margin-top:10px}
.member-info-wr .btn-input{overflow:hidden}
.member-info-wr .btn-input>span{float:left;width:264px}

.member-info-wr .btn-input input{border:0}

/*.member-info-wr .btn-input>a{float:right;width:91px;height:39px;line-height:39px;background-color:#f4f4f4;text-align:center;font-size:14px;color:#444}
.pw-modity>a{display:inline-block;width:112px;height:39px;background-color:#999;line-height:39px;text-align:center;font-size:15px;color:#fff}*/
.member-info-wr .btn-input>a{float:right;width:91px;height:39px;line-height:39px;background-color:#999;text-align:center;font-size:14px;color:#fff}
.member-info-wr .m-number{position:relative}
.member-info-wr .m-number input[type=text]{float:left;width:77px;margin-right:14px;border:1px solid #d3d3d3}
.member-info-wr .m-number input[type=text]:last-child{}
.member-info-wr .m-number select{float:left;width:75px;margin-right:14px;padding-left:12px;border:1px solid #d3d3d3}
.member-info-wr .m-number:before,.member-info-wr .m-number:after{display:block;content:"-";position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}
.member-info-wr .m-number:before{left:80px}
.member-info-wr .m-number:after{left:170px}
.member-info-wr .m-number .m-number-last{margin-right:0 !important}

.pay-check input[type=radio]:checked+label{border-color:#999;background-color:#999;color:#fff}
.pay-check label{display:block;box-sizing:border-box;width:114px;height:39px;line-height:39px;text-align:center;font-size:15px}


.pw-modity>a{display:inline-block;width:112px;height:39px;margin-left:145px;background-color:#999;line-height:39px;text-align:center;font-size:15px;color:#fff}

.pw-modity>a~div{display:none}
.pw-modity>.open~div{display:block}

/*.member-info-wr input[type=text],.member-info-wr input[type=password]{width:100%}*/
.member-info-wr input[type=text],.member-info-wr input[type=password]{width:100%;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3}


#ui-datepicker-div{z-index:100 !important}