.event_ci{
    width: 100%;
}
.event_ci.bgcolor1{
    background-color: #f3ece6;
}
.event_ci .event_wrap{
    width: 1050px;
    margin: 0 auto;
}

/* PC) 팝업레이어 관련 style 추가 */
.divpop.event {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,0.5);vertical-align:middle;text-align:center;display:none;}
.divpop.event .popup_wrap {color:#2e2e2e;background-color:#ffffff;width:450px;padding:50px;}
.divpop.event .popup_wrap .msg_text {color:#444444;font-size:24px;letter-spacing:-1px;padding:0 10px 40px;}
.divpop.event .popup_wrap .close_btn {background-color:#222222;width:150px;height:60px;font-size:20px;color:#ffffff;letter-spacing:-1px;}
.divpop.event .popup_wrap .close_btn.bg-color20190114 {background-color:#ec6b5d;}

/* 20190201 정월대보름 이벤트 확인버튼 색상 지정사항 추가 */
.divpop.event .popup_wrap .close_btn.bg-color20190201 {background-color:#13254b;}

/* PC) top버튼 관련 style 추가 */
.scroll-top_wrap {position:fixed; bottom:0; right:0; width:100%; display:none;z-index:1;}
.scroll-top_wrap .scroll-top.event {position:relative;width:1050px;margin:0 auto;text-align:right;}
.scroll-top_wrap .scroll-top.event img {cursor:pointer;padding:17px 28px 14px 27px;}
/* 20190201 정월대보름 이벤트 TOP버튼 배경색 지정사항 추가 */
.scroll-top_wrap .scroll-top.event img.bg-color20190201 {background-color:#13254b;}

/* 20190107 event */
.event_wrap_01{text-align: center; height: 210px; background-color: #fff; padding: 40px 272px; margin-bottom: 20px; box-sizing: border-box;}
.event_wrap_01 input[type="text"]{text-align: center; font-size: 30px; font-weight: 700; color: #6c5545; margin-left: 30px; width: 300px; height: 90px; border: 3px solid #6f5441; outline: 0; box-sizing: border-box;}
.event_wrap_01 .code_text{margin-top: 20px;}
.event_wrap_02 ul{overflow: hidden;}
.event_wrap_02 ul li{float: left; box-sizing: content-box; width: 348px; margin-left: 3px; margin-bottom: 3px; text-align: center; background-color: #fff;}
.event_wrap_02 ul li.ml0{margin-left: 0;}
.event_wrap_02 ul li img{width: 100%;}
.event_wrap_02 ul li input[type="radio"]{width: 16px; height: 16px; margin-bottom: 10px;}
.event_bt{padding: 60px 0 100px; text-align: center;}
.event_wrap_03{padding-bottom: 200px;}
/* //20190107 event */

/* 20190130 event */
.event_ci.bg_daeboreum{height: 100%; background: url('/event/daeboreum2019/images/event_bg.jpg'); background-position: top center; padding-bottom: 150px;}
.daeboreum-roulette-area{width:1050px; margin:0 auto; text-align:center;}
.daeboreum-roulette-area .roulette{position:relative; width:720px; height:745px; text-align:center; margin:0 auto;}
.daeboreum-roulette-area .roulette .roulette_pointer{position:absolute; top:0; left:325px; z-index:2;}
.daeboreum-roulette-area .roulette .roulette_cover{margin-top:25px; position:absolute; top:0; left:0; z-index:1; width:720px; height:720px; vertical-align: middle; text-align:center; cursor:pointer;}
.daeboreum_header{height: 400px; margin: 37px 0 60px; text-align: center;}
.daeboreum_bottom{display: block; margin: 70px 0;}
.daeboreum_event{overflow: hidden; text-align: center; padding-top: 60px; background-color: #fff;}
.daeboreum_event ul{overflow: hidden; background-color: #f2f2f2; padding: 70px 80px;}
.daeboreum_event ul li{float: left; width: 420px; text-align: center;}
.daeboreum_event ul li:first-child{margin-right: 50px;}
.daeboreum_event_buttom{margin: 40px 0 100px;}

/* 20190227 이용약관 및 개인정보처리방침 수정 */
.container .termsContent>table .text-wrap p.big {font-size: 17px;}
.container .termsContent > table .text-wrap p {font-size: 14px; line-height: 26px;}
.textTbl p, .oriStyle p{font-size: 14px; line-height: 26px;}
.container .privacyContent .oriStyle li{font-size: 14px; line-height: 26px; list-style: circle;}
.container .privacyContent .allTbl .textTbl td fieldset.list a {position: relative; float: left; width: 461px; font-size: 15px; color: #666; border: 1px solid #e6e6e6; border-top: 0px; background-color: #fff; padding: 12px 16px; margin: 0px 10px; box-sizing: border-box;}
.container .privacyContent .allTbl .textTbl td fieldset.list a.top{border-top: 1px solid #e6e6e6;}
.container .privacyContent .allTbl .textTbl td fieldset.list a:hover{color: #000; border: 1px solid #f3ece6; border-top: 0; background-color: #f3ece6;}
.container .privacyContent .allTbl .textTbl td fieldset.list a.top:hover{border-top: 1px solid #f3ece6;}
.container .privacyContent .allTbl .textTbl td fieldset.list a::after{content: '▶'; position: absolute; right: 12px; font-size: 10px; color: #999;}
.oriStyle .policy_title{font-size: 17px; font-weight: bold; margin-top: 30px; margin-bottom: 10px;}
.container .privacyContent .oriStyle table[border="1"] th{border: 1px solid grey; font-weight: normal; line-height: 26px;}
.container .privacyContent .oriStyle table[border="1"] td{font-size: 12px; line-height: 22px;}
.container .privacyContent .oriStyle .rule{display: block;}
.container .privacyContent .oriStyle strong{font-size: 15px;}
.privacy_labeling ul{display: grid; grid-template-columns: repeat(6,1fr); gap: 20px; margin: 20px 0 0;} 
.privacy_labeling ul li{position: relative; text-align: center;} 

/* 20190312 SKT 창립기념일 축하파티 */
.event_ci.bg_sktparty .event_wrap{width: 100%; margin: 0 auto; padding-bottom: 100px;}
.event_ci.bg_sktparty .event_wrap .sktparty_header{height: 546px; background: url('/event/sktparty2019/images/sktparty_img.jpg'); background-position: top center;}
#container {width:100%; margin:0 auto; text-align:center;}
.tab_wrap{background-color: #f3a38e;}
.tab{width: 1050px; list-style: none; margin: 0 auto; padding: 0; overflow: hidden;}
.tab li {float: left; width: 33.333333%;cursor: pointer;}
.tab li span {display: inline-block; color: #445563; text-align: center; text-decoration: none; padding: 31.5px 16px; font-size: 27px; font-weight: 700; transition:0.3s;}
.tab_cont{background-color: #f5ece4;}
.tab_cont.v2{background-color: #fcf8f4;}
.tabcontent{position: relative; width: 1050px; margin: 0 auto; background-color: #f5ece4;}
.tabcontent > a{position: absolute; top: 480px; left: 550px;}
.sktparty_event2{position: relative; width: 1050px; margin: 40px auto 60px;}
.sktparty_event2 > a{position: absolute; top: 430px; left: 370px;}

/* 20190326 친구추천 이벤트 */
.event_ci.bg_wnfriend .event_wrap{width: 100%; margin: 0 auto;}
.wnfriend_header{height: 940px; background: url('/event/wnfriend2019/images/wnfriend_img.png') no-repeat; background-color: #7c4d42; background-position: top center;}
[class^="wnfriend_event"]{text-align: center;}
.wnfriend_event2{background-color: #77c9b4;}
.wnfriend_event3{height: 722px; background: url('/event/wnfriend2019/images/wnfriend_img3.png') no-repeat; background-position: top center;}
.wnfriend_event3 ul li{display: inline-block; margin: 170px 10px 60px;}

/* 20190327 신규고객 이벤트 */
.newfriend_header{position: relative; height: 840px; background: url('/event/wnfriend2019/images/newfriend_img.png') no-repeat; background-color: #f3ddde; background-position: top center; text-align: center;}
.newfriend_header a{position: absolute; top: 481px;left:50%;transform:translateX(-50%);}
[class^="newfriend_event"]{text-align: center;}
.newfriend_event2{height: 1225px; background: url('/event/wnfriend2019/images/newfriend_img2.png') no-repeat; background-color: #f0c8cc; background-position: top center; text-align: center;}
.newfriend_event2 .center{width: 1050px; margin: 0 auto; padding-top: 340px;}
.newfriend_event2 .bx-wrapper .bx-pager.bx-default-pager a {background: #f8e4e6; width: 60px; height: 5px; border-radius: 0px;}
.newfriend_event2 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #cc767e;}
.newfriend_event4{height: 435px; background: url('/event/wnfriend2019/images/newfriend_img4.png') no-repeat; background-position: top center; background-color: #f0c8cc; padding-top: 100px; box-sizing: border-box;}

/* 20190328 신규고객 첫구매 선물 증정 이벤트 */
.newusergift_header_wrap {background-color:#f3ddde;margin-bottom:80px;}
.newusergift_header_wrap .newusergift_header {position:relative; height: 430px; background: url('/images/member/newusergift/newcustomer_gift_top_02.jpg') no-repeat; background-position: top center;}
.newusergift_header_wrap .newusergift_header .left_side{position:absolute;top:0px;left:0;width:50%;height:430px;}
.newusergift_header_wrap .newusergift_header .left_side .ls_img{width:475px;height:100%;background:url('/images/member/newusergift/newcustomer_gift_top_01.jpg') no-repeat right;float:right;margin-right:525px;}
.newusergift_header_wrap .newusergift_header .right_side{position:absolute;top:0px;right:0;width:50%;height:430px;}
.newusergift_header_wrap .newusergift_header .right_side .rs_img{width:475px;height:100%;background:url('/images/member/newusergift/newcustomer_gift_top_03.jpg') no-repeat left;float:left;margin-left:525px;}

.newusergift_wrap-01 ul{overflow: hidden;}
.newusergift_wrap-01 ul li{float: left; box-sizing: content-box; width: 330px; margin-left: 30px; text-align: center; background-color: #fff;margin-bottom: 70px;}
.newusergift_wrap-01 ul li.ml0{margin-left: 0;}
.newusergift_wrap-01 ul li label{display:block;}
.newusergift_wrap-01 ul li .img-crop{width: 330px; height: 396px; overflow: hidden;}
.newusergift_wrap-01 ul li img{width: 100%; pointer-events:none;}
.newusergift_wrap-01 ul li input[type="radio"]{width: 12px; height: 12px; margin: 20px auto 8px;}
.newusergift_wrap-01 span.name{text-align: center; line-height: 36px; font-size: 22px; letter-spacing: -2px;}
.newusergift_wrap-01 span.unit{text-align: center; line-height: 36px; font-size: 19px; letter-spacing: -2px;}
.newusergift_bt{margin-bottom: 100px; text-align: center;}

/* 20190418 맛집로드 팝업스토어 스타일시트 리팩토링 */
.scroll-top_wrap.mjpopstore_scroll_top {z-index:1;}
.scroll-top_wrap.mjpopstore_scroll_top .scroll-top.event {width:100%;max-width:1130px;min-width:1050px;}
.event_ci.mjpopstore_wrap .event_wrap {width:100%;margin:0 auto;padding-bottom:100px;}
.event_ci.mjpopstore_wrap .event_wrap .mjpopstore_header_wrap .mjpopstore_header {position:relative;height:499px;background-position: top center;background-repeat:no-repeat;}
.event_ci.mjpopstore_wrap .event_wrap .mjpopstore_header_wrap .mjpopstore_header .left_side {position:absolute;top:0px;left:0;width:50%;height:499px;}
.event_ci.mjpopstore_wrap .event_wrap .mjpopstore_header_wrap .mjpopstore_header .left_side .ls_img {width:475px;height:100%;background-repeat:no-repeat;background-position:top right;float:right;margin-right:525px;}
.event_ci.mjpopstore_wrap .event_wrap .mjpopstore_header_wrap .mjpopstore_header .right_side {position:absolute;top:0px;right:0;width:50%;height:499px;}
.event_ci.mjpopstore_wrap .event_wrap .mjpopstore_header_wrap .mjpopstore_header .right_side .rs_img {width:475px;height:100%;background-repeat:no-repeat;background-position:top left;float:left;margin-left:525px;}
.event_ci.mjpopstore_wrap .event_wrap .mjpopstore_event {width:100%;max-width:1130px;margin: 0 auto;background-color:#fff;text-align:center;}
.event_ci.mjpopstore_wrap .event_wrap .mjpopstore_event ul {overflow:hidden;padding:0;margin-bottom:30px;}
.event_ci.mjpopstore_wrap .event_wrap .mjpopstore_event ul li {float:left;width:280px;text-align:center;padding-left:0;}
.container.item_list .mjpopstore_event .prod_wrap {margin:0 auto;}
.container.item_list .mjpopstore_event .prod_wrap .prod_list_tbl .product {text-align:left;}
.container.item_list .mjpopstore_event .product .img-wrap .img_hover .img_hover_bg {left:0;}

/* 20190418 가정의달 이벤트 */
.event_ci.bg_familym .dimd{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); z-index: 2;}
.event_ci.bg_familym .event_wrap{background-color: #ffe65c; width: 100%; margin: 0 auto;}
.event_ci.bg_familym .event_wrap .event_start{position: relative; margin: 0 auto; width: 1050px; text-align: center;font-size:0;}
.event_ci.bg_familym .event_wrap .event_start .start_bt{display: inline-block;}
.event_ci.bg_familym .event_wrap .event_start .event_bt{display: inline-block; margin: 60px 0 100px;padding:0;}
.event_ci.bg_familym .event_wrap .event_start2{text-align: center; background-color: #fff; margin-bottom: 100px;}
.event_ci.bg_familym .event_wrap .event_pop{display: none; position:absolute; width:100%; top: 40%; left:0; z-index: 3;}
.event_ci.bg_familym .event_wrap .event_pop #question-area{position:relative; background-color:#fff; text-align:center; font-size:32px; padding: 90px 50px; width: 400px; margin: 0px auto;}
.event_ci.bg_familym .event_wrap .event_pop #question-area #question-msg{overflow-wrap: break-word; font-size: 30px; margin-bottom: 50px; user-select: none;}
.event_ci.bg_familym .event_wrap .event_pop .close{position:absolute; top:0; right:0; font-size:24px; padding:10px; color:#fff; outline: 0;}
.event_ci.bg_familym .event_wrap .event_pop .answer{width:35%; font-size:0; display:inline-block; padding:10px 0; cursor:pointer; user-select:none; border-radius: 50px; outline: 0;}
.event_ci.bg_familym .event_wrap .event_pop .answer.v2{width: 50%; background-color:#82a9f2;}
.event_ci.bg_familym .event_wrap .event_pop .answer#answer-yes{background-color:#82a9f2;}
.event_ci.bg_familym .event_wrap .event_pop .answer#answer-no{background-color:#ff999e;}
.event_ci.bg_familym .event_wrap .event_pop .answer.v2:hover{background-color:#6B8BC8;}
.event_ci.bg_familym .event_wrap .event_pop .answer#answer-yes:hover{background-color:#6B8BC8;}
.event_ci.bg_familym .event_wrap .event_pop .answer#answer-no:hover{background-color:#D97E82;}
.event_ci.bg_familym .event_wrap .event_pop .answer span{font-size:24px;color:#000;}
.event_ci.bg_familym .event_wrap .event_pop #answer-area{position:relative; background-color:#fff; text-align:center; font-size:32px; padding: 90px 50px; width: 400px; margin: 0px auto;}
.event_ci.bg_familym .event_wrap .event_pop #answer-area #answer-type{position:absolute; top: 60px; left:0; font-size: 26px; width:100%; padding:6px 0;}
.event_ci.bg_familym .event_wrap .event_pop #answer-area #answer-msg{overflow-wrap: break-word; margin-top: 40px; margin-bottom: 15px; font-weight: 600; font-size: 36px; line-height: 42px; user-select: none;}
.event_ci.bg_familym .event_wrap .event_pop #answer-area #answer-cate{overflow-wrap: break-word; margin-bottom: 30px; font-weight: 300; font-size: 20px; user-select: none;}
.event_ci.bg_familym .event_wrap .event_pop #answer-area .fg-result0 {color:#82a9f2;}
.event_ci.bg_familym .event_wrap .event_pop #answer-area .fg-result1 {color:#44d794;}
.event_ci.bg_familym .event_wrap .event_pop #answer-area .fg-result2 {color:#86d744;}
.event_ci.bg_familym .event_wrap .event_pop #answer-area .fg-result3 {color:#44d7d2;}
.event_ci.bg_familym .event_wrap .event_pop #answer-area .bg-result0 {background-color:#82a9f2;}
.event_ci.bg_familym .event_wrap .event_pop #answer-area .bg-result1 {background-color:#44d794;}
.event_ci.bg_familym .event_wrap .event_pop #answer-area .bg-result2 {background-color:#86d744;}
.event_ci.bg_familym .event_wrap .event_pop #answer-area .bg-result3 {background-color:#44d7d2;}

/* 20190418 가정의달 기획전 이벤트 */
.event_ci.bg_familym_plan .event_wrap{background-color: #ffd0d0; width: 100%; margin: 0 auto;}
.event_ci.bg_familym_plan .event_wrap .event_start{position: relative; margin: 0 auto; width: 1050px; text-align: center;}
.event_ci.bg_familym_plan .event_wrap2{background-color: #b43f57; width: 100%; margin: 0 auto;}
.event_ci.bg_familym_plan .event_wrap2 .event_start{position: relative; margin: 0 auto; width: 1050px; text-align: center; padding-bottom: 100px;}
.event_ci.bg_familym_plan .event_wrap2 .event_bt{position: absolute; top: 170px; left: 557px; padding: 0;}
.event_ci.bg_familym_plan .event_wrap2 .event_start ul{overflow: hidden; margin-top: 80px;}
.event_ci.bg_familym_plan .event_wrap2 .event_start ul li{float: left; width: 49%; margin-left: 2%; margin-bottom: 2%;}
.event_ci.bg_familym_plan .event_wrap2 .event_start ul li:nth-child(1),
.event_ci.bg_familym_plan .event_wrap2 .event_start ul li:nth-child(3){margin-left: 0;}

/* 20190624 마이페이지 */
.container.myPage .info-01-wrap {margin: 50px auto 50px;}
.container.myPage .info-01-wrap .left-wrap .content-box {padding: 35px 10px 10px 10px; background: none; height: 242px;}
.container.myPage .info-01-wrap .left-wrap .content-box ul{overflow: hidden;}
.container.myPage .info-01-wrap .left-wrap .content-box ul li{float: left;}
.container.myPage .info-01-wrap .left-wrap .content-box ul li:first-child{padding-left: 31px;}
.container.myPage .info-01-wrap .left-wrap .content-box ul li img{margin-right: 20px;}
.container.myPage .info-01-wrap .left-wrap .content-box ul li p {letter-spacing: -1px; color: #333333; text-align: left; font-size: 18px;}
.container.myPage .info-01-wrap .left-wrap .content-box ul li p span.big {font-size: 36px; font-weight: 700; margin-right: 5px;}
.container.myPage .info-01-wrap .left-wrap .content-box ul li p span.big.v2{margin-top: 10px; display: block;}
.container.myPage .info-01-wrap .left-wrap .content-box.v2{height: 396px;padding-top:41px;}
.container.myPage .info-01-wrap .left-wrap .content-box .sub_class{display: block; padding: 28px 22px 0; box-sizing: border-box; font-size: 16px; line-height: 28px; color: #666; letter-spacing: -1px;}
.container.myPage .info-01-wrap .left-wrap .content-box .content-sub-box{position: absolute; bottom: 0; width: 100%; margin-left: -10px; background-color: #fafafa; border-top: 1px solid #e6e6e6; text-align: center; padding: 5px 10px; box-sizing: border-box;}

.container.myPage .info-01-wrap .left-wrap .content-box .content-sub-box p{font-size: 16px; line-height: 20px;}
.container.myPage .info-01-wrap .left-wrap .content-box .content-sub-box p.sub-text{font-size: 12px; color: #999;}
.container.myPage .info-01-wrap .left-wrap .content-box .content-sub-box ul li{padding: 0 21px;}
.container.myPage .info-01-wrap .left-wrap .content-box .content-sub-box ul li:last-child{float: right;}
.container.myPage .info-01-wrap .left-wrap .content-box .content-sub-box ul li span{font-size: 22px; line-height: 36px;}

.class-box{width: 100%; padding: 18px 10px; text-align: center; box-sizing: border-box; border: 1px solid #e6e6e6;}
.class-box p{font-size: 22px; line-height: 36px;}
.class-box .sub-text{font-size: 16px; color: #666;}
.rating-form ul{overflow: hidden;}
.rating-form ul{padding: 15px 0;}
.rating-form ul.icon{padding: 30px 15px 50px;}
.rating-form ul li{float: left; width: 20%; text-align: center;}
.rating-form .rating-icon li span{display: block; font-size: 20px; font-weight: 700; line-height: 36px;}
.rating-form .rating-icon li span.rating-icon-sub{font-size: 15px; font-weight: normal; color: #666;}
.rating-form .rating-icon2{position: relative; background-color: #f2f2f2; border-radius: 50px;}
.rating-form .rating-icon2 ul{position: relative; padding: 15px 0;}
.rating-form .rating-icon2 .rating-line{position: absolute; top: 22px; left: 10%; width: 80%; height: 5px; background-image:url(/img/mypage/graph_member.png);}
.rating-form .rating-icon2 .rating-line .rating-percent{position: absolute; right: 0; height: 5px; background-color: #fff;}
.rating-form .rating-icon2 .rating-line .rating-my-place{position:absolute;bottom:17px;}
.rating-form .rating-icon2 .rating-line .rating-my-place img{margin-right:-55px;}
.rating-form .rating-icon2 i{display: inline-block; width: 20px; height: 20px; border-radius: 50%; vertical-align: baseline;}
.rating-form .rating-icon li span.accumulate{font-size: 15px; font-weight: normal;}

.color1{color: #785a4a;}
.color2{color: #85b131;}
.color3{color: #f5813c;}
.color4{color: #ec5f5f;}
.color5{color: #31b16d;}


/* 2023-08 마이페이지 멤버십 영역 개편 */

.container.myPage .info-01-wrap .left-wrap .content-grade {
    box-sizing: border-box;width: 100%;border: 1px solid #e6e6e6;
}
.container.myPage .info-01-wrap .left-wrap .content-grade .grade {display: inline-block;margin:40px 0 0 40px}
.container.myPage .info-01-wrap .left-wrap .content-grade .grade li{float: left;}
.container.myPage .info-01-wrap .left-wrap .content-grade .grade li.ico{margin-right: 20px;}
.container.myPage .info-01-wrap .left-wrap .content-grade .grade li.name {margin-bottom:30px;}
.container.myPage .info-01-wrap .left-wrap .content-grade .grade li.name span {font-size:44px;font-weight:600;padding-top:10px;display: inline-block;}
.container.myPage .info-01-wrap .left-wrap .content-grade .grade li.name span:nth-child(2) {font-size:36px;font-weight:700;}
.container.myPage .info-01-wrap .left-wrap .content-grade p {display: inline-block; margin-left:40px;margin-bottom:14px;font-weight: normal;font-size: 16px;color:#666}
.container.myPage .info-01-wrap .left-wrap .content-grade p.last {margin-bottom:40px;font-size: 14px;color:#999;}

.container.myPage .info-01-wrap .left-wrap .content-sub-stemp {   
    width: 100%;background-color:#fafafa;text-align: center;box-sizing: 
    border-box;padding:30px 0px;
    border: 1px solid #e6e6e6;border-top:none;display:inline-block;
    font-size:16px;
}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .basic {display:block;padding:0;font-size:16px;color:#666;line-height:20px;margin-bottom:7px;}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .vvip-achieve {font-weight:600;color:#f86923;font-size:20px;}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .basic.last {margin-bottom:20px;font-size:14px;line-height:14px;color:#999;}

.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .etc {margin:0px;padding:0; text-align:left;}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .etc ul {float:left;margin:4px 0px 0px 40px ;}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .etc li {float:left;}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .etc .ico {padding-right:20px}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .etc .info p {font-weight: 500;font-size:16px;color:#666}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .etc .info p.last {font-weight:normal;font-size:14px;color:#999}

.container.myPage .info-01-wrap .left-wrap .content-sub-stemp ul {margin:0px 69px;}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp li {float:left;padding-right:40px;}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp li:last-child{padding-right:0px;}

.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .etc {margin:0px;padding:0; text-align:left;}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .etc ul {float:left;margin:4px 0px 0px 40px ;}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .etc li {float:left;}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .etc .ico {padding-right:20px}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .etc .info p {font-weight: 500;font-size:16px;color:#666}
.container.myPage .info-01-wrap .left-wrap .content-sub-stemp .etc .info p.last {font-weight:normal;font-size:14px;color:#999}

.class-box{width: 100%; padding: 18px 10px; text-align: center; box-sizing: border-box; border: 1px solid #e6e6e6;}
.class-box p{font-size: 22px; line-height: 36px;}
.class-box .sub-text{font-size: 16px; color: #666;}
.rating-form ul{overflow: hidden;}
.rating-form ul{padding: 35px 0 50px;}
.rating-form ul.icon{padding: 35px 29px 50px;}
.rating-form ul.point{padding: 10px 3.77% 20px;}
.rating-form ul .rating-info{float: left; width: 25%; text-align: center;margin:0;padding:0;}
.rating-form ul .rating-info span{display: block; font-size: 24px;line-height: 24px; font-weight: 600;margin:10px 0px}
.rating-form .rating-icon li span.rating-icon-sub{font-size: 15px; font-weight: normal; color: #666;letter-spacing:0;}
.rating-form ul .rating-txt{float: left; width: 25%; text-align: center;margin:0;padding:0;}

.rating-form .rating-icon2{position: relative; background-color: #f2f2f2;border-radius:50px;}
.rating-form .rating-icon2 ul{position: relative; padding: 15px 0;}
.rating-form .rating-icon2 .rating-line-new{position: absolute; top: 22px; left: 12%; width: 76%; height: 5px; background-image:url(/img/mypage/graph_member_new.png);}
.rating-form .rating-icon2 .rating-line-new .rating-percent{position: absolute; right: 0; height: 5px; background-color: #fff;}
.rating-form .rating-icon2 .rating-line-new .rating-my-place{position:absolute;bottom:17px;}
.rating-form .rating-icon2 .rating-line-new .rating-my-place img{margin-right:-55px;}
.rating-form .rating-icon2 .rating-point li {float: left; width: 25%; text-align: center;margin:0;padding:0;}
.rating-form .rating-icon2 i{display: inline-block; width: 20px; height: 20px; border-radius: 50%; vertical-align: baseline;}
.rating-form .rating-icon li span.accumulate-new{font-size: 15px;line-height: 15px; font-weight: normal;letter-spacing:-0.25px;}
.rating-form .rating-icon li span strong {font-weight:600;font-size:18px;}

.hand {cursor:pointer;}
.txt-Silver {color:#a8afb9 !important;}
.txt-Gold {color:#dbb56b !important;} 
.txt-Vip {color:#f86923 !important;}
.txt-VVip {color:#4c6b63 !important;}

.bg-Silver {background-color:#a8afb9 !important;}
.bg-Gold {background-color:#dbb56b !important;} 
.bg-Vip {background-color:#f86923 !important;}
.bg-VVip {background-color:#4c6b63 !important;}

.color11 {background-color:#a8afb9 !important;}
.color12 {background-color:#dbb56b !important;} 
.color13 {background-color:#f86923 !important;}
.color14 {background-color:#4c6b63 !important;}


/* 20201223 꾸러미 조회 페이지 */
.container.myPage .setinfo-wrap {margin: 50px auto 50px;position: relative;width: 1050px;}
.container.myPage .setinfo-wrap .title {width: 400px;font-size: 22px;font-weight: 700;letter-spacing: -0.5px;margin-bottom: 18px;line-height: 100%;}
.container.myPage .setinfo-wrap .setTable{margin-bottom:50px;border-collapse: collapse;border-spacing: 0;width:100%;}
.container.myPage .setinfo-wrap .setTable .mainTheadTd{height: 50px;text-align: center;background: #f3ece6;font-size: 15px;color: #666666;letter-spacing: -0.5px;position: relative;border: 1px solid #f3ece6;}
.container.myPage .setinfo-wrap .setTable .mainInfoTd{text-align: center;font-size: 15px;color: #333333;letter-spacing: -0.5px;border: 1px solid #e6e6e6;height:50px;padding: 10px;background: #fcfcfc;}
.container.myPage .setinfo-wrap .setTable .mainInfoTd .infoMsg{font-weight:600;font-size:12px; color:#666;}
.container.myPage .setinfo-wrap .setTable .thisWkSpan{font-weight:700;background-color:#d64d4d;color:white;}
.container.myPage .setinfo-wrap .setTable .nextWkSpan{font-weight:700;background-color:#474ed1;color:white;}
.container.myPage .setinfo-wrap .setBomTable{width: 100%;box-sizing: border-box;border-collapse: collapse;border-spacing: 0;}
.container.myPage .setinfo-wrap .setBomTable .bomWkTr{border: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-left: 0;border-right: 0;}
.container.myPage .setinfo-wrap .setBomTable .bomWkTd{border: 1px solid #d4cfcf;background-color:#f3ece6;padding: 10px;height: 40px;text-align: center;font-size: 15px;font-weight: 400;letter-spacing: -0.5px;}
.container.myPage .setinfo-wrap .setBomTable .bomTitleTd{padding:5px;text-align:center;font-size: 15px;font-weight: 400;background-color:#f7f5f5;border: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-left: 0;border-right: 0;}
.container.myPage .setinfo-wrap .setBomTable .bomTr{border: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-left: 0;border-right: 0;}
.container.myPage .setinfo-wrap .setBomTable .bomTd{vertical-align:top;border: 1px solid #e6e6e6;height: 40px;padding:10px;text-align:left;font-size: 13px;letter-spacing: -0.5px;}
.container.myPage .setinfo-wrap .setBomTable .bomTd .bom{padding: 10px 0px 10px 0px}
.container.myPage .setinfo-wrap .setBomTable .bomSpan{width:100%;display: inline-block;text-align:center;font-size:15px;font-weight:800;padding-bottom:15px;}
.container.myPage .PopAnnounce {display:none;position: absolute; overflow:hidden; top: 80%; left: 50%; transform: translate(-50%, 0); z-index: 5;width:auto;min-width:450px;height:auto;border: 1px solid black;background-color:white;}
.setHeader{position: fixed;top: 0;width:100%;border: 1px solid #d4cfcf;background-color:#f3ece6;padding: 10px 20px;box-sizing: border-box;}
.setHeader .closeImg{width:20px;position: absolute;right: 0;top: 0;}
.setHeader .closeImg img{cursor:pointer;padding:10px 15px 0px 0px;}
.setTitle{text-align: center;font-size: 17px;font-weight:500;}
.passAnno {overflow-y: scroll; height:150px; margin-top: 68px;text-align:center;}
.passAnno .passTable {width:100%;height:100%;text-align:center;}
.passAnno .passTable .passTd{font-size:15px;font-weight:600;color:#666666;}
.autoAnno {overflow-y: scroll; margin-top: 68px;}
.autoAnno.onePass{height:300px;}
.autoAnno.noPass{height:400px;}
.autoAnno .annoTable {width:100%;height:100%;text-align:left;}
.autoAnno .annoTable .bothTr{height:155px}
.autoAnno .annoTable .passTr{height:255px}
.autoAnno .annoTable .infoTd{height:98%;vertical-align:top;border: 1px solid #e6e6e6;font-size: 13px;padding:20px;}
.autoAnno .annoTable th{background-color: #f7f5f5;border: 1px solid #e6e6e6;padding: 10px;height: 30px;text-align: center;font-size: 15px;font-weight: 400;}

/* 20191106 배너 리뉴얼 */
.cont_banner{width: 1050px; margin: 0 auto; padding-top: 25px; padding-bottom: 5px;}
.cont_banner > ul{overflow: hidden; margin-bottom: 20px;}
.cont_banner > ul > li{float: left; width: 350px;}
.cont_banner > ul > li:first-child{height: 400px; border: 1px solid #e9e9e9; border-right: 0; box-sizing: border-box; padding: 32px 29px 31px 30px;}
.cont_banner > ul > li .today_title img:first-child{margin-bottom: 14px;}
.cont_banner > ul > li .today_img_wrap {position:relative;margin: 20px 0 0 0;}
.cont_banner > ul > li .today_img_wrap .today_img {width:290px;height:160px;}
.cont_banner > ul > li .today_img_wrap .today_img_hover {position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.3);display:none;}
.cont_banner > ul > li .today_img_wrap .today_img_hover .basket {position:absolute;z-index:2;right:10px;bottom:10px;width:42px;height:42px;background:url(/img/common/basket.png) no-repeat center center;text-indent:-9999px;cursor:pointer;overflow:hidden;display:inline-block;}
/*.today_text {padding-top:15px;}
.today_text li{position: relative; width: 90px; float: left; text-align: right;}
.today_text li:first-child{width: 200px; text-align: left;}
.today_text li .limit{position: absolute; top: 5px; width: 60px; text-align: center; padding-left: 30px;}
.today_text li .limit span{display:block;width:50px;font-size: 12px; color: #c45454; border: 1px solid #c45454; padding:1px 4px; letter-spacing: -1px;margin-bottom: 8px;}
.today_text li .limit p{font-weight: 700; font-size: 24px; line-height: 20px; color: #c45454;}
.today_text .explanation_text{height: 52px; font-size: 16px; line-height: 26px; letter-spacing: -0.8px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; display: block; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.today_text strong{font-size: 18px; line-height: 26px; color: #c45454;}
.today_text .saleprice{font-size: 12px; line-height: 26px; color: #bbb; text-decoration: line-through; margin-left: 6px;}*/
.cont_banner .center_banner_wrapper {position:relative;}
.cont_banner .center_banner_wrapper .center_banner_toptitle{position:absolute;top:0;left:30px;background:rgba(255,255,255,0.9);padding:25px 11px 27px 13px;z-index:1;}
.cont_banner .center_banner {height:400px;}
.cont_banner .center_banner li{position: relative;}
.cont_banner .center_banner .center_banner_title{position: absolute; top: 59%; right: 30px; text-align: right; color: #fff;}
.cont_banner .center_banner .center_banner_title p{font-size: 24px; line-height: 32px; letter-spacing: -1.2px; font-weight: 300;}
.cont_banner .center_banner .center_banner_title span{display: block; font-size: 16px; line-height: 24px; letter-spacing: -1.2px; margin-top: 8px; font-weight: 100;}
.cont_banner .bottom_banner {font-size:0;}
.cont_banner .bottom_banner a:first-child{margin-right: 20px;}

.cont_banner .bx-wrapper{margin: 0 auto;}
.cont_banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{bottom: 28px; text-align: right; width: 93%;}
.cont_banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {display: none;}
.cont_banner .bx-wrapper .bx-pager.bx-default-pager a {font-size: 0; width: 10px; height: 10px; margin: 0 5px;}
.cont_banner .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #fff;}

/*택배화물조회*/
.deliverydetails {width:550px;overflow:hidden;padding:20px 20px;}
.deliverydetails .info-wrap {position:relative;width:550px;text-align:center;margin:150px 0;}
.deliverydetails .info-wrap p{font-size: 20px;line-height: 100%;}
.deliverydetails .info-wrap .info-button {cursor:pointer;width: 300px;margin: 50px auto 0;height: 60px;line-height: 58px;font-size: 20px;border: 1px solid #b5aaa4;text-align: center;color: #ffffff;background: #b5aaa4;box-sizing: border-box;}
.deliverydetails .info-wrap .close-button {cursor:pointer;width: 300px;margin: 15px auto 0;height: 60px;line-height: 58px;font-size: 20px;border: 1px solid #b5aaa4;text-align: center;color: #b5aaa4;background: #ffffff;box-sizing: border-box;}
.deliverydetails .delivery-wrap {position: relative;width:550px;text-align:center;}
.deliverydetails .delivery-wrap .button-wrap{position: relative;width:100%;margin: 50px auto 0;text-align: center;}
.deliverydetails .delivery-wrap .button-wrap .close-btn{cursor:pointer;border-radius:3px;box-sizing: border-box;background: #6c5545;color: #ffffff;text-align: center;border: 1px solid #6c5545;display: inline-block;width: 200px;font-size: 17px;height: 40px;line-height: 40px}
.deliverydetails .delivery-header {text-align:center;color:#7e6e63;font-size:25px;font-weight:700;margin-bottom:10px;}
.deliverydetails .delivery-header img {height:32px;margin-right:10px;text-align:bottom;}
.deliverydetails .deliveryTbl{margin-bottom: 50px;border-collapse: collapse;border-spacing: 0;width: 100%;text-align:left;}
.deliverydetails .deliveryTbl .details-header-td{background: #f3ece6;font-size: 15px;color: #666666;letter-spacing: -0.5px;position: relative;border: 1px solid #f3ece6;text-align:left;height:32px;}
.deliverydetails .deliveryTbl .details-header-td:first-child{padding-left:5px;}
.deliverydetails .deliveryTbl .details-contents-td {text-align:left;border:0;font-size: 13px;letter-spacing: -0.5px;padding: 5px;}
.deliverydetails .deliveryTbl .summary{margin:10px 5px;}
.deliverydetails .deliveryTbl .summary td:first-child{font-size:15px;width:90px;}
.deliverydetails .deliveryTbl .summary td:last-child{font-size:14px;font-weight:700;}