@charset "utf-8";
#currentPlanDispList {position:absolute;left:50%;top:163px;width:1080px;margin-left:-540px;text-align:right;z-index:1;}
#currentPlanDispList a {display:inline-block;padding-left:10px;margin-left:9px;color:#666;font-size:16px;background:url('/images/pc/acces/common/bul_bar.gif') 0 6px no-repeat;line-height:24px;letter-spacing:-1px;}
#currentPlanDispList a:first-child {padding-left:0;margin-left:0;background:none;}
/*.store_acce_detail div.projectW div:first-child{text-align:center;}*/
.login-sbox.exh ~ .projectW{margin-top:30px;}
 
div.projectW .planHeader {margin:30px auto 10px;width:1080px;color:#000;font-family:"roboto bold";font-size:16px;text-align:left;position:relative;}
div.projectW .planHeader strong {display:inline-block;position:relative;height:21px;line-height:21px;margin:0 19px 0 0;padding:0 6px 0 13px;background:#888;color:#fff;font-size:14px;font-weight:normal;}
div.projectW .planHeader strong:after {content:"";position:absolute;right:-9px;top:0;width:9px;height:21px;background:url('/images/pc/support/project/bg_issue_arrow.png') no-repeat 0 0;}
div.projectW .planHeader span.viewnum {float:right;font-size:18px;font-family:"Noto Sans";color:#333;}
div.projectW .planHeader span a {display:inline-block;margin-left:8px;vertical-align:middle;border:1px solid #888;padding:4px 17px 4px 18px;border-radius:2px;margin-bottom:4px;background-color:#FFF;}
div.projectW .planHeader span a span {font-size:14px;letter-spacing:0;background:url('/images/pc/support/project/bg_goAgency.gif') no-repeat right 4px;padding-right:13px;}
div.projectW > h4 {width:1080px;margin:30px auto 0 auto;color:#010101;font-size:24px;font-weight:normal; }
div.projectW div.banner {margin-bottom:28px;width:980px;height:350px;background-color:#fff;}
div.projectW div.prjList {margin-bottom:28px;overflow:hidden;}
div.projectW div.prjList a {display:block;float:left;margin:30px 19px 7px 0;text-align:center;text-decoration:none;}
div.projectW div.prjList a:hover { border-color:#e0200c;text-decoration:none;}
div.projectW div.prjList a img {width:220px;height:auto;margin-bottom:14px;padding:15px 17px;border:1px solid #ddd;background:#fff;}
div.projectW div.prjList a span {display:block;margin-bottom:5px;color:#ed2124;font-size:14px;}
div.projectW div.prjList a strong {display:block;color:#333;font-size:18px;font-family: "Noto Sans";font-weight:normal;}
div.projectW div.comment2 {margin-top:20px;padding-top:17px;border-top:1px solid #e1e1e1;}
div.projectW div.comment2 ul li {padding-bottom:7px;color:#010101;}
div.projectW div.prjView {margin-bottom:27px;margin-top:15px;border:1px solid #e1e1e1;background-color:#fff;}
.evtGuide img { border:1px solid #e1e1e1;}

div.projectW span.viewnum{font-size:16px;line-height:21px;}
div.projectW span.viewnum em{margin-left:5px;font-family:"roboto bold";font-size:19px;}
div.projectW .stock-area{position:relative;}
div.projectW .share-area .sns-share{position:absolute;top:-20px;right:-30px;background:url('http://5g.kt.com/shop5g/images/pc/deal/icon-share.png') no-repeat 0 0;width:20px;height:20px;font-size:0}

div.projectW .evtBanner { position:relative;width:100%;margin-bottom:40px;}
div.projectW .evtBanner .evtDetail { position:absolute;left:44px;bottom:54px;width:838px;height:394px;padding:20px 25px;}
div.projectW .evtBanner .evtDetail .evtTitle { text-align:center;padding-bottom:18px;font-size:23px;color:#010101;background:url('/images/pc/support/project/bg_evt_title_bar.gif') no-repeat left bottom;}
div.projectW .evtBanner .evtDetail .evtInfo { padding:20px 0 18px 30px;}
div.projectW .evtBanner .evtDetail .evtInfo dl { width:100%;overflow:hidden;margin-top:15px;}
div.projectW .evtBanner .evtDetail .evtInfo dl:first-child { margin-top:0;}
div.projectW .evtBanner .evtDetail .evtInfo dl dt { float:left;width:163px;margin-right:15px;}
div.projectW .evtBanner .evtDetail .evtInfo dl dd { float:left;width:625px;font-weight:bold;line-height:1.2;}
div.projectW .evtBanner .evtDetail .evtInfo dl dd strong { font-size:16px;}
div.projectW .evtBanner .evtDetail .evtInfo dl dd .addMsg { font-weight:normal;}
div.projectW .evtBanner .evtDetail .btnWrap a { margin-right:25px;}
div.projectW .evtBanner .evtDetail .btnWrap a:last-child { margin-right:0;}

/* 원클릭 주문 추가*/
.oneClick {position: absolute;left: 50%;bottom:0;transition: all 0.2s ease-out;transform: translateX(-50%);width: 1080px;z-index:999;display: flex;justify-content: space-between;align-items: center;}
.oneClick.fixed {position:fixed;bottom:0;}
.oneClick._hide{opacity:0;visibility:hidden;}
.oneClick .call{position:relative;font-size:32px;color:#000;font-weight:700;text-align: center;}
.oneClick .call .s_txt{display:block;font-size:14px;color:#000;line-height:20px;font-weight:400;}
.oneClick .call_label{display:block;padding-left:14px;font-size:20px;color:#000;text-align: left; font-weight: 600;margin-bottom:5px;}
.oneClick .call_input{display:block;width:100%;height:32px;font-size:16px;color:#000;border-radius:5px;}
.oneClick > input::-webkit-input-placeholder {color:#909090 !important;}
.oneClick > input::-moz-placeholder {color:#909090;}
.oneClick > input:-ms-input-placeholder {color:#909090;}
.oneClick > input:-moz-placeholder {color:#909090;}
.oneClick .agree_check{position:relative;height:22px;margin-top:8px;}
.oneClick .agree_check input {position:absolute;left:0;top:0;width:23px;height:23px;appearance: none;-webkit-appearance: none;}
.oneClick .agree_check input:focus + label{outline:1px dotted #000;}
.oneClick .agree_check label {position:relative;display:block;height:24px;padding-left:32px;font-size:14px;color:#000;background-image:url('/images/mobile/common/icon_onclick_uncheck.png');background-size:0 50%;background-repeat:no-repeat;background-size:24px;z-index:1;}
.oneClick .agree_check label.checked {background-image: url(/NWL/assets/images/pc/nwCheckbox_on.svg);}
.oneClick .agree_check a{position: absolute;right: 0;bottom: 2px;font-size:14px;text-decoration:underline;z-index: 1;}
.oneClick .agree_check a:focus, .oneClick .oneclick_advice:focus, .oneClick .oneclick_kakaoTalk:focus{outline:1px dotted #000;}
.oneClick .oneclick_advice {padding-left:40px;background:url(/images/mobile/common/icon_wire_counsel_oneclick.png) left bottom no-repeat;background-size: 30px auto;font-size:18px;color:#000;font-weight:700;}
.oneClick .oneclick_advice:hover {color:#000 !important;}
.oneClick .oneclick_kakaoTalk {position:relative;height:40px;padding-left: 40px;background:url(/images/mobile/common/icon_wire_counsel_kakao.png) left center no-repeat;background-size: 30px auto;font-size:18px;color:#000;font-weight:700;line-height: 40px;}
.oneClick .oneclick_ibot {position:relative;height:40px;padding-left:40px;background:url(/images/mobile/common/icon_wire_counsel_chat.png) left center no-repeat;background-size: 30px auto;font-size:18px;color:#000;font-weight:700;text-align:center;}
.oneClick .oneclick_ibot>span{display: block;font-size:12px;font-weight: normal;color:#000;letter-spacing:0;}
.oneClick .oneclick_ibot .btn_auto_ga{position:relative;display:block;padding-top:20px;top:-20px;}
.oneClick .oneclick_ibot:before,
.oneClick .oneclick_kakaoTalk:before{content: "";position: absolute;left: -40px;width: 2px;height: 40px;background: url(/images/mobile/common/icon_wire_bar.png) right center repeat-y; background-size: 2px auto;}
.oneClick .call_label_wrap {width:180px;display:flex;flex-direction: column;}
#ShopLayer.lp_CusInfoGain .lyClose {top:22px !important;}
#ShopLayer.lp_CusInfoGain iframe {border:1px solid #bababa;}
/*.oneClick > label {display:inline-block;padding-left:35px;width:200px;font-family:"Noto Sans";font-size:22px;color:#000;vertical-align:middle;background:url('/images/pc/common/icon_oneclick01.gif') no-repeat 0 50%;}
.oneClick > label.name {padding-left:30px;width:90px;}
.oneClick > input {display:inline-block;margin-right:23px;padding:0 10px;width:188px;height:34px;font-family:"Noto Sans";font-size:16px;color:#000;line-height:34px;border:1px solid #999;vertical-align:middle;}
.oneClick > input.name {width:120px;margin-right:5px;}*/

.oneClick .inner{display: flex;justify-content: space-evenly;align-items: center;width:100%;height: 100px;background-color: rgba(255, 255, 255, 0.8);box-sizing: border-box;font-size: 32px;border-top-left-radius: 20px;border-top-right-radius: 20px;box-shadow: 0px -4px 24px rgba(0, 0, 0, 0.2);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.oneClick .inner:first-of-type{width:648px;}
.oneClick .inner:last-of-type{width:430px;border: 3px solid #000;border-bottom: 0;}

/* 기획전_당첨자발표_상세 */
.plan_disp_view h3.titB {padding-top:0;color:#000;font-size:26px;font-family: "Noto Sans";letter-spacing:-1px;}
.plan_disp_view .board_view {border-top:1px solid #666;}
.plan_disp_view .board_view tr:first-child th {padding:15px 0 15px 0;font-size:16px;background:#efefef url('/common/pc/olleh2.0/img/bg/bg_board_view_th.gif') no-repeat 100% 50%;font-family: "Noto Sans";}
.plan_disp_view .board_view tr:first-child th:first-child {padding:15px 0 15px 30px;font-size:18px;color:#000;text-align:left;background-image:none;}
.plan_disp_view .board_view tr:first-child td {padding:15px 0 15px 10px;color:#666;font-size:16px;background:#efefef;font-family: "Noto Sans";}
.plan_disp_view .eventWin {position:relative;background-color:#fff;}
.plan_disp_view .eventWin > div.btnWrap {position:absolute;right:0;top:0;}

div.prdWrap {position:relative;zoom:1;width:1080px;margin:0 auto;}
div.prdWrap:after {content:"";display:block;clear:both;}
div.prdWrap > div {position:relative;float:left;padding-bottom:20px;margin-right:19px;width:314px;height:490px;}
div.prdWrap > .dataNone{padding-top:25px;width:100%;height:20px;text-align:center}
div.prdWrap > div:after {content:"";display:block;clear:both;}
div.prdWrap > div.last {margin-right:0 !important;}
div.prdWrap > div > span {display:block;position:absolute;left:1px;top:1px;z-index:300;}
div.prdWrap dl {position:relative;padding-top:367px;height:135px;border:1px solid #e1e1e1;background-color:#fff;}
div.prdWrap dl dt {padding:14px 17px 0 17px;height:55px;color:#333;font-size:14px;font-weight:bold;}
div.prdWrap dl dd.thumbs {position:absolute;left:0;top:0;width:100%;height:312px;margin:0;padding:0px\9;text-align:center;background:url(/images/pc/acces/page/prdListBg.gif) repeat-x left bottom;letter-spacing:-1px;font-size:13px;}
:root div.prdWrap dl dd.thumbs { padding:0 0 0 1px;}
div.prdWrap dl dd.thumbs > img,
div.prdWrap dl dd.thumbs a > img {max-width:310px;max-height:310px;vertical-align:middle;}
div.prdWrap dl dd.thumbs p {position:absolute;left:0;bottom:-40px;padding:9px 0 9px 17px;width:296px;height:22px;border-top:1px solid #e1e1e1;overflow:hidden;}
div.prdWrap dl dd.thumbs p span {display:block;float:left;margin-left:3px;}
div.prdWrap dl dd.thumbs p span:first-child {margin-left:0;}
div.prdWrap dl dd.thumbs p em {display:inline-block;float:right;margin-right:17px;color:#666;font-size:14px;line-height:22px;}
div.prdWrap dl dd.thumbs p em strong {font-family:tahoma;}
div.prdWrap dl dd.price {position:relative;padding:0 20px 0 0;}
/*div.prdWrap dl dd.price del {display:block;position:absolute;right:20px;top:0;}*/
div.prdWrap dl dd.price del, div.prdWrap dl dd.price > span {color:#333;font-size:15px;font-weight:normal;vertical-align:middle;}
div.prdWrap dl dd.price > span {display:block;padding-top:20px;text-align:right;}
div.prdWrap dl dd.price > span del em {display:inline;}
div.prdWrap dl dd.price > span em {display:inline-block;color:#333;font-size:24px;font-family:tahoma;font-weight:bold;vertical-align:middle;}
div.prdWrap dl dd.price strong {position:absolute;left:17px;bottom:0;color:#e42823;font-size:43px;font-family:tahoma;font-weight:normal;}
div.prdWrap dl dd.price strong span {display:inline-block;color:#e42823;font-size:25px;font-weight:bold;vertical-align:bottom;}
div.prdWrap + div.pageWrap {padding-top:15px;}
div.prdWrap > div > div {display:none;}
div.prdWrap div.current > div {display:block;position:absolute;left:-1px;top:-1px;width:311px;height:486px;text-align:center;border:2px solid #f45859;z-index:1;}
div.prdWrap div.current > div > a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;background:#fff;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
div.prdWrap div.current > div > a:focus {background:#a6c8ff;opacity:0.5;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";}
div.prdWrap div.current > div p a {display:inline-block;position:relative;margin:232px 4px 0 0;z-index:3;}

div.prdWrap .soldoutLy { display:block;width:100%;height:100%;position:absolute;left:0;top:0;margin-top:0;text-align:center;} 
div.prdWrap .soldoutLy .bgLayer { display:block;width:100%;height:100%;background:#000;opacity:0.5;margin-top:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
div.prdWrap .soldoutLy .imgGrp { position:absolute;left:50%;top:50%;margin:-39px 0 0 -89px;text-align:center;}
div.prdWrap .soldoutLy .imgGrp img { width:100%;}
div.prdWrap .soldoutLy .imgGrp .txtDetailV { display:block;width:50%;margin:10px auto 0;}
div.prdWrap .soldoutLy .imgGrp .txtDetailV img { margin-left:15%;}

div.prdWrap.type2 > div {width:480px;height:445px;}
div.prdWrap.type2 dl { position:static;}
div.prdWrap.type2 dl .thumbs { top:2px;z-index:200;}
div.prdWrap.type2 div.current { position:relative;width:480px;z-index:10;}
div.prdWrap.type2 div.current > div {width:477px;height:453px;}
/* div.prdWrap.type2 div.current:after { position:absolute;left:0;top:0;content:"";display:block;width:476px;height:454px;border:2px solid #f45859;z-index:100;} */
div.prdWrap.type2 dl { padding-top:319px;}
div.prdWrap.type2 dl dd.price strong {font-size:50px;}
div.prdWrap.type2 dl dd.thumbs { height:279px;}
div.prdWrap.type2 dl dd.thumbs p { width:462px;}
div.prdWrap.type2 > div dl dd.thumbs a > img { max-width: 478px;max-height: 279px;vertical-align: middle;}

span.badge {display:inline-block;padding:0 8px 2px;height:16px;font-size:12px;font-family:"맑은 고딕", "MalgunGothic", "Malgun Gothic", MalgunGothic_web;line-height:16px;letter-spacing:-1px;text-align:center;}
/* span.badge.membership {color:#21815E;border:1px solid #21815E;}
span.badge.coupon {color:#188ad3;border:1px solid #188ad3;}
span.badge.delivery {color:#ff5050;border:1px solid #ff5050;}
span.badge.present {color:#c261e1;border:1px solid #c261e1;}
span.badge.today {color:#ff8a17;border:1px solid #ff8a17;} */
span.badgeL {display:inline-block;padding:15px 14px 20px;width:52px;height:45px;color:#fff;font-size:18px;font-family:"맑은 고딕", "MalgunGothic", "Malgun Gothic", MalgunGothic_web;font-weight:bold;line-height:22px;letter-spacing:-1px;text-align:center;}
span.badgeL.membership {background-color:#21815E;}
span.badgeL.coupon {background-color:#188ad3;}
span.badgeL.delivery {background-color:#ff5050;}
span.badgeL.present {padding-top:25px;height:35px;background-color:#c261e1;}
span.badgeL.today {background-color:#ff8a17;}

div.prdWrap div {height:560px;border:1px solid #e1e1e1;margin-bottom:25px;}
div.prdWrap div.current > div {width:340px;height:560px;}
div.prdWrap div dl {height:100%;border:none;}
div.prdWrap div dl dt {padding:10px 17px 0 17px;line-height:20px;height:72px;overflow:hidden;}
div.prdWrap div dl dd.price {position:absolute;left:0;bottom:0;width:100%;padding-top:11px;min-height:51px;}
div.prdWrap div dl dd.price strong {bottom:-7px;}
div.prdWrap div dl dd.price strong span {vertical-align:baseline;}
div.prdWrap div dl dd.price > span {position:relative;padding-top:0;height:24px;font-size:14px;line-height:24px;}
div.prdWrap div dl dd.price >  em {position:relative;top:2px;font-size:22px;vertical-align:baseline;}
div.prdWrap div dl dd.price > span span.txt {position:absolute;top:0;left:115px;font-size:12px;color:#333;line-height:24px;}
div.prdWrap div dl dd.price > .membership {margin-top:4px;color:#ed2024;text-align:right;position:relative;padding-top:0;height:24px;font-size:14px;line-height:24px;}
div.prdWrap div dl dd.price > .membership em {color:#ed2024;position:relative;top:2px;font-size:22px;vertical-align:baseline;font-family:tahoma;font-weight:bold;}
div.prdWrap div dl dd.price > .membership span.txt {color:#ed2024;position:absolute;top:0;left:115px;font-size:12px;color:#ed2024;line-height:24px;}
div.prdWrap div dl dd.thumbs p {height:30px;bottom:-33px;padding:9px 0 40px 18px;}
div.prdWrap div dl dd.thumbs p span {height:19px;}

div.prdWrap > div {padding-bottom:20px;margin-right:30px;width:340px;}
div.prdWrap div.type1 {height:533px;}
div.prdWrap div.type1 dl {padding-top:379px;}
div.prdWrap div.type1.current > div {top:0;left:0;width:336px;height:529px;}
div.prdWrap dl dd.thumbs {height:355px;background:none;text-align: center;}
:root div.prdWrap dl dd.thumbs {padding:0;}
div.prdWrap dl dd.thumbs > img, div.prdWrap dl dd.thumbs a > img {max-width:none;max-height:none;width:337px;height:338px;}

div.prdWrap dl dd.thumbs p {bottom:-41px;padding:9px 0 9px 18px;width:320px;}
div.prdWrap .soldoutLy .imgGrp .txtDetailV img {width:auto;height:auto;}

div.prdWrap.type2 > div {padding-bottom:20px;width:525px;height:456px;}
div.prdWrap.type2 dl dd.thumbs p {width:505px;}
div.prdWrap.type2 div.current {width:525px;}
div.prdWrap.type2 div.current > div {top:0;left:0;width:521px;}

div.prdWrap + div.pageWrap {padding-top:5px;}

/* 
    액세서리 리뉴얼 
    4월 12 ~
    액세서리 리스트와 같이 맞춤
*/
.ui-access-prdLst *{font-family: 'Noto Sans KR' !important} 
.ui-access-prdLst{display:flex; flex-wrap: wrap; margin:20px auto; padding:0;width:1080px;}
.ui-access-prdLst > li{ position:relative;margin-right:30px;margin-top:28px;width:340px;height:368px;}
.ui-access-prdLst > li .lst-alerm{position:absolute;left:0;top:0;display:block;z-index:10;width:340px;height:326px;}
.ui-access-prdLst > li:nth-child(3n){margin-right:0;}
.ui-access-prdLst > li:nth-child(1),
.ui-access-prdLst > li:nth-child(2),
.ui-access-prdLst > li:nth-child(3){margin-top:0;}
.ui-access-prdLst > li > a{display:block;}
.ui-access-prdLst > li .overlink {display:none;position:absolute;top:52px;left:50%;transform: translateX(-50%); width:154px;height:66px;z-index:2;}
.ui-access-prdLst > li .overlink span {display: block; width: 100%; height: 100%;}
.ui-access-prdLst > li .overlink span > a {display:inline-flex;width:66px;height:66px;margin:0 5px;}
.ui-access-prdLst > li .overlink span > a > img {width:66px;height:66px;}
.ui-access-prdLst > li.on .overlink {display:block;}
.ui-access-prdLst .bottom-badge {margin-top: 20px; font-size: 0;font-weight: 500;letter-spacing: -0.22px;}
.ui-access-prdLst .bottom-badge:after{content:'';display:block;clear:both;}
.ui-access-prdLst .bottom-badge span.badge {float:left; box-sizing: border-box; height:auto;font-size: 11px; font-weight: normal; margin: 0 2px;padding: 1px 10px;border-radius: 4px; color: #fff;  }
.ui-access-prdLst .bottom-badge .badge.present{color: #c261e1;border: 1px solid #c261e1;line-height: 14px;}
.ui-access-prdLst .bottom-badge .badge.type-gray{background-color: #909090; }
.ui-access-prdLst .bottom-badge .badge.type-point {background-color: #01a69f;  }
.ui-access-prdLst .ui-btn-access .img-bx{position:relative;display:block;overflow:hidden;border-radius:20px 20px 0 0;width:100%;height:169px;text-align:center;}
.ui-access-prdLst .ui-btn-access .img-bx:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.04); z-index: 2;}
.ui-access-prdLst .ui-btn-access .img-bx .prd-img{position:absolute;left:50%;top:0;transform:translate(-50%,0);height:100%;}
.ui-access-prdLst .ui-btn-access .img-bx .soldout{position:absolute;left:0;top:0;display:block;background:rgba(0, 0, 0, 0.65);z-index:2;width:100%;height:100%;}
.ui-access-prdLst .ui-btn-access .img-bx .soldout .soldout_tit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:135px;height:41px;box-sizing:border-box;border:1px solid #fff;z-index:3;font-size:19px;color:#fff;font-family:"Roboto Medium";;line-height:41px;font-weight:400;}
.ui-access-prdLst .ui-btn-access .img-bx .ui-flag{position:absolute;left:19px;top:16px;z-index:1;display: none;}
.ui-access-prdLst .ui-btn-access .img-bx .ui-flag.type-badge {left: 25px; top: 20px;}
.ui-access-prdLst .ui-btn-access .img-bx .ui-flag .flag{display:block;float:left;margin:0 0 0 4px;overflow:hidden;height:23px;font-size:13px;line-height:21px;color:#000;font-weight:500;}
.ui-access-prdLst .ui-btn-access .img-bx .ui-flag .flag:first-child{margin:0;}
.ui-access-prdLst .ui-btn-access .img-bx .ui-flag .flag.type01{background:#5ddfde;border-radius:3px;width:60px;}
.ui-access-prdLst .ui-btn-access .img-bx .ui-flag .flag.type02{width:104px;background:url("/shop5g/images/pc/nowDeal/bg_deal_flag.png") no-repeat left top;}
.ui-access-prdLst .ui-btn-access .img-bx .ui-flag .flag.type03{background:#87bfff;border-radius:3px;width:60px;}
.ui-access-prdLst .ui-btn-access .img-bx .ui-flag .flag.type04{background:#1cd0ff;border-radius:3px;width:69px;}
.ui-access-prdLst .ui-btn-access .img-bx .ui-flag .flag.type05{background:#51ffb8;border-radius:3px;width:77px;}
.ui-access-prdLst .ui-btn-access .img-bx .ui-flag.type-badge .flag.type-hot{background: url('/images/pc/acces/online/acc_badge_1.png') no-repeat center; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: -0.28px;}
.ui-access-prdLst .ui-btn-access .prd-tit{position:relative;display:block;margin-top:10px;min-height:46px;font-size:18px;font-weight:normal;color:#000;line-height:22px;letter-spacing:-0.45px; white-space: normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:46px;}
.ui-access-prdLst .ui-btn-access .prd-tit .tit-flag{position:absolute;left:0;top:-41px;}
.ui-access-prdLst .ui-btn-access .discount-txt{padding:9px 0 0;display:block;width:100%;text-align:left;}
.ui-access-prdLst .ui-btn-access .discount-txt .payment{display:inline-block;position:relative;letter-spacing:0;font-size:16px;line-height:23px;color:#000;font-weight:400;}
.ui-access-prdLst .ui-btn-access .discount-txt .payment:after{position:absolute;left:0;top:12px;z-index:1;width:100%;height:1px;content:"";background:#000;}
.ui-access-prdLst .ui-btn-access .price-txt {font-size: 14px; color:#000; font-weight:400; display: flex; align-items: center;}
.ui-access-prdLst .ui-btn-access .price-txt .payment {font-size: 20px; color: #000; font-weight: bold; padding-right: 8px;letter-spacing: 0;}
.ui-access-prdLst .ui-btn-access .price-txt .payment em {font-size: 20px; color: #000; font-weight: normal;}
.ui-access-prdLst .ui-btn-access .price-txt .txt{font-size: 14px;color: #000;}
.ui-access-prdLst .ui-btn-access .prd-pay-lst{display:block;margin:3px 0 0; height: 41px;}
.ui-access-prdLst .ui-btn-access .prd-pay-lst .pay-lst {height: 100%; display: flex; flex-wrap: nowrap; align-items: center;padding:3px 0 0;overflow:hidden}
.ui-access-prdLst .ui-btn-access .prd-pay-lst .pay-lst:first-child{padding:0;}
.ui-access-prdLst .ui-btn-access .prd-pay-lst .pay-lst .discount{display:block;float:left;font-size:20px;font-weight: 700;font-family:"Roboto Bold" !important;letter-spacing:-0.65px;line-height:28px;}
.ui-access-prdLst .ui-btn-access .prd-pay-lst .pay-lst .discount.type01{color:#ed1b23;}
.ui-access-prdLst .ui-btn-access .prd-pay-lst .pay-lst .discount.type02{color:#01a69f;}
.ui-access-prdLst .ui-btn-access .prd-pay-lst .pay-lst .payment{padding:0 0 0 8px;line-height: 28px;display:block;float:left;overflow:hidden;}
.ui-access-prdLst .ui-btn-access .prd-pay-lst .pay-lst .payment em{display:block;float:left;letter-spacing:-0.5px;font-family:"Roboto Bold";color:#000;line-height:28px;font-size:28px;font-weight: 700;}
.ui-access-prdLst .ui-btn-access .prd-pay-lst .pay-lst .payment .txt{padding:0 0 0 1px;display:block;float:left;color:#000;line-height:28px;font-size:28px;}
.ui-access-prdLst .ui-btn-access .prd-pay-lst .pay-lst .side-txt{position:relative;padding-top: 10px;margin:0 0 0 8px;display:block;float:left;overflow:hidden;font-size:14px;color:#ed1b23;font-weight:400;}
.ui-access-prdLst .ui-btn-access .prd-pay-lst .pay-lst .side-txt.black{color:#000;}



div.bannerBox {width:891px;}
div.bannerBox div.promotion > a > img {width:579px;}
div.bannerBox div.special > div {width:298px;}
div.bannerBox div.special > div img {width:298px;}

div.bannerBox {width:891px;}
div.bannerBox div.promotion > a > img {width:579px;}
div.bannerBox div.special > div {width:298px;}
div.bannerBox div.special > div img {width:298px;}

/*sns 공유하기 추가*/
.sns-share-popup .modal-head h1.main-title {font-family:"Noto Sans", "맑은 고딕", "MalgunGothic", "Malgun Gothic", MalgunGothic_web, arial, helvetica, sans-serif;}
.sns-share-popup .sns-share {text-align:center;}
.sns-share-popup .sns-share li{text-align:center;}
.sns-share-popup .sns-share .sns-list {width:33% !important;}
div.projectW .planHeader span.txt {float:none;}
.sns-share-popup .sns-share .sns-list > a {font-family:"맑은 고딕", "MalgunGothic";}
.kt-modal-container {outline:none;}
div.projectW .share-area .sns-share {outline:none;}

/* 기획전 전시 종료 팝업 */
.plan_end_wrap{position:relative;z-index:2;font-family:'Noto Sans KR';}
.plan_end_section .end_sec_tit{text-align:center;color:#000;}
.plan_end_section .end_sec_tit .tit{font-size:32px;font-weight:400}
.plan_end_section .end_sec_tit .txt_des{font-size:18px;font-weight:300}
.plan_end_section{position:absolute;top:0;left:0;bottom:0;width:100%;}
.plan_end_section:before{content:'';position:absolute;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:10}
.plan_end_inner{width:1080px;margin:100px auto 0;background:#fff;box-shadow:20px 0 20px rgba(0,0,0,0.3);border-radius:30px;position:relative;box-sizing:border-box;padding:50px;z-index:15}
.plan_end_section .com_btn_ty1{padding:10px 30px;height:auto;line-height:1.4;border-radius:18px;margin:0 10px;}
.plan_end_section .com_btn_wrap{margin:36px 0 0 0}

.plan-article-bn-kakao a{display:block;position:static !important;}

[class*="plan-load-"]{text-align:center;}
[class*="plan-load-"] a{position:static !important;display:inline-block;}

/* 액세서리기획전 바로가기 */
.hash-area{margin-top:28px;}
.hash-area a {display: inline-block;margin:12px 5px 0 0;height: 36px;line-height: 34px;padding: 0 20px;font-size: 16px;color:#000;border-radius: 20px;border: 1px solid #D9D9D9;background: #F8F8F8;}
.hash-area a.active{border: 1px solid #01A69F;background: #fff;border-radius: 20px;color: #01A69F;font-weight: bold;}

.badge-area{position: absolute;left:16px;top:16px;z-index: 1;}