@charset "utf-8";
.forDesk {display:block;}
.forMo {display:none;}
.wrap {position:relative;}
.inner {position:relative; width:100%; max-width:1280px; margin:0 auto;}
select {-webkit-appearance: none; -moz-appearance:none; appearance: none; background:#FFF url(/img/ar_select.svg) no-repeat right 10px center; background-size:12px auto; padding:0 26px 0 10px; box-sizing:border-box;}
input {box-sizing:border-box;}
.topBnr {position:relative; transition:.4s all;}
.topBnr.hide {margin-top:-60px;}
.topBnr .inner a {display:block; color:#FFF; font-size:16px; padding:20px 0; text-align:center;}
.topBnr .inner .btnClose {position:absolute; right:0; top:50%; transform:translate(0, -50%); z-index:10; width:36px; height:36px; cursor:pointer;}
.topBnr .inner .btnClose:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); width:1px; height:16px; background:#FFF;}
.topBnr .inner .btnClose:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); width:1px; height:16px; background:#FFF;}

.gloHeader {position:relative; border-bottom:1px solid #ccc; z-index:100;}
.gloHeader .inner {display:flex; justify-content:space-between; align-items:center; padding:24px 0; position:relative;}
.gloHeader .topSec {position:relative;}
.gloHeader .topSec .inner .topFunc {display:flex; justify-content:flex-start; align-items:stretch; gap:16px;}
.gloHeader .topSec .inner .topFunc li {display:block;}
.gloHeader .topSec .inner .topFunc li a {display:flex; justify-content:center; align-items:center; flex-direction:column; gap:6px; text-align:center; color:#444; font-size:13px; position:relative;}
.gloHeader .topSec .inner .topFunc li a .count {position:absolute; right:-4px; top:-10px; width:22px; height:22px; background:#22AC38; line-height:22px; border-radius:50%; text-align:center; color:#FFF; font-size:10px; font-weight:600;}
.gloHeader .topSec .inner .topFunc li a img {width:24px;}
.gloHeader .topSec .inner .logo {width:216px;}
.gloHeader .topSec .inner .logo a {display:block; width:154px; height:42px; background:url(/img/logo.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader .topSec .inner .comnSearch {display:flex; justify-content:flex-start; align-items:center; gap:10px; padding:0 12px 0 24px; width:460px; height:44px; border:2px solid #22AC38; border-radius:100px; position:relative;}
.gloHeader .topSec .inner .comnSearch button {width:22px; height:22px; cursor:pointer; background:url(/img/ico_search.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px;}
.gloHeader .topSec .inner .comnSearch input[type="text"] {flex:1 0 auto; background:transparent; border:0; color:#333; font-size:16px;}
.gloHeader .naviSec {position:relative;}
.gloHeader .naviSec .inner {padding:0;}
.gloHeader .naviSec .inner .cateBtn {width:216px;}
.gloHeader .naviSec .inner .cateBtn a.cateAll {display:inline-flex; justify-content:flex-start; align-items:center; gap:12px; color:#222; font-size:18px; font-weight:600; position:relative; padding:18px 0;}
.gloHeader .naviSec .inner .cateBtn a.cateAll:before {content:''; width:18px; height:18px; background:url(/img/ico_menu.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader .naviSec .inner .usrFunc {display:flex; justify-content:flex-end; align-items:center; gap:17px; position:relative;}
.gloHeader .naviSec .inner .usrFunc a {display:block; color:#444; font-size:13px; position:relative;}
.gloHeader .naviSec .inner .usrFunc a:after {content:''; position:absolute; right:-8px; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#ddd;}
.gloHeader .naviSec .inner .usrFunc a:last-child:after {display:none;}
.gloHeader .naviSec .inner .usrFunc .myDeliveryInfo {position:absolute; left:-10px; top:26px; background:#25C44D; border-radius:100px; width:254px;}
.gloHeader .naviSec .inner .usrFunc .myDeliveryInfo:before {content:''; position:absolute; left:21px; top:-18px; border-left:7px solid transparent; border-right:7px solid transparent; border-top:10px solid transparent; border-bottom:10px solid #25C44D;}
.gloHeader .naviSec .inner .usrFunc .myDeliveryInfo a {display:block; color:#FFF; font-size:13px; font-weight:500; padding:3px 14px; display:flex; justify-content:flex-start; align-items:center; gap:5px;}
.gloHeader .naviSec .inner .usrFunc .myDeliveryInfo a em {font-size:18px;}
.gloHeader .naviSec .inner .usrFunc .myDeliveryInfo a span {font-weight:600; position:relative; margin-left:10px;}
.gloHeader .naviSec .inner .usrFunc .myDeliveryInfo a span:before {content:''; position:absolute; left:-8px; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#FFF;}
.gloHeader .naviSec .inner .navi {display:flex; justify-content:center; align-items:center; gap:48px;}
.gloHeader .naviSec .inner .navi a {display:block; color:#222; font-size:18px; font-weight:600; position:relative; padding:18px 0;}
.gloHeader .naviSec .inner .navi a:hover:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#55C066;}
.gloHeader .naviSec .inner .navi a.on:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#55C066;}

.allCateList {position:absolute; left:0; top:0; display:none;}

.moDockBar {position:fixed; left:0; bottom:0; width:100%; z-index:20000; background:#FFF; border-top:1px solid #D9D9D9; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); display:flex; justify-content:flex-start; align-items:stretch; display:none;}
.moDockBar .dockMenu {width:20%;}
.moDockBar .dockMenu a {display:block; width:100%; height:100%; padding:11px 0;}
.moDockBar .dockMenu a .ico {position:relative; width:24px; height:24px; margin-bottom:2px; display:block; margin:0 auto;}
.moDockBar .dockMenu a .ico .count {position:absolute; right:-10px; top:-6px; width:20px; height:20px; background:#22AC38; line-height:20px; border-radius:50%; text-align:center; color:#FFF; font-size:10px; font-weight:600; z-index:2;}
.moDockBar .dockMenu a .ico > img {position:relative; z-index:1;}
.moDockBar .dockMenu a .ico .recentImg {position:absolute; left:3px; top:3px; width:15px; height:15px;}
.moDockBar .dockMenu a .txt {text-align:center; color:#777; font-size:12px;}

.allCateList {position:absolute; left:0; top:57px; display:flex; justify-content:flex-start; align-items:stretch; z-index:1000;}
.allCateList .depSec {width:246px; height:640px; background:#FFF; overflow:hidden; overflow-y:auto; border:1px solid #ccc;}
.allCateList .depSec.dep02 {margin-left:-1px;}
.allCateList .depSec.dep03 {margin-left:-1px;}
.allCateList .depSec a {display:block; position:relative; padding:13px 24px; color:#333; font-size:16px;}
.allCateList .depSec.dep01 > a {display:block; color:#333; font-size:16px; padding:13px 16px;}
.allCateList .depSec.dep01 > a .ar {position:absolute; right:24px; top:16px; width:5px; height:10px; background:url(/img/ar_cate01.svg) no-repeat 50% 50%; background-size:100%; opacity:0;}
.allCateList .depSec.dep01 > a:hover {background:#273269; color:#FFF; font-weight:700;}
.allCateList .depSec.dep01 > a:hover .ar {opacity:1.0;}
.allCateList .depSec.dep01 > a.on {background:#273269; color:#FFF; font-weight:700;}
.allCateList .depSec.dep01 > a.on .ar {opacity:1.0;}
.allCateList .depSec.dep02 .depBox > a {display:block; color:#333; font-size:16px; font-weight:700; padding:13px 16px; position:relative;}
.allCateList .depSec.dep02 .depBox li a .ar {position:absolute; right:24px; top:16px; width:5px; height:10px; background:url(/img/ar_cate02.svg) no-repeat 50% 50%; background-size:100%; opacity:0;}
.allCateList .depSec.dep02 .depBox li a:hover {background:#EDFFF1; color:#25C44D; font-weight:700;}
.allCateList .depSec.dep02 .depBox li a:hover .ar {opacity:1.0;}
.allCateList .depSec.dep02 .depBox li a.on {background:#EDFFF1; color:#25C44D; font-weight:700;}
.allCateList .depSec.dep02 .depBox li a.on .ar {opacity:1.0;}
.allCateList .depSec.dep03 .depBox li a:hover {background:#EDFFF1; color:#25C44D; font-weight:700;}
.allCateList .depSec.dep02, .allCateList .depSec.dep03 {display:none;}

.mainTopBnr {position:relative; margin:48px 0 58px; overflow:hidden;}
.swiper-container.mTop {overflow:visible;}
.swiper-container.mTop .swiper-slide {border-radius:24px; overflow:hidden;}
.swiper-container.mTop .swiper-slide a {display:block; width:100%; height:100%; position:relative;}
.swiper-container.mTop .swiper-slide a .snsIco {position:absolute; right:24px; bottom:24px; width:50px; height:50px; background:#FFF; border-radius:50%; z-index:10;}
.swiper-container.mTop .swiper-slide a .snsIco:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.swiper-container.mTop .swiper-slide a .snsIco.youtube:after {background:url(/img/sns_youtube.svg) no-repeat 50% 50%; background-size:30px;}
.swiper-container.mTop .swiper-slide a .snsIco.insta:after {background:url(/img/sns_instagram.svg) no-repeat 50% 50%; background-size:30px;}
.mTopFunc {position:relative; display:flex; justify-content:space-between; align-items:center; margin-top:22px; gap:10px;}
.mTopFunc .mTop-pagination {display:block; width:calc(100% - 135px); position:relative; left:unset; top:unset; right:unset; bottom:unset; height:1px; background:#D9D9D9;}
.mTopFunc .mTop-pagination .swiper-pagination-progressbar-fill {background:#222;}
.mTopFunc .funcControl {display:flex; justify-content:flex-start; align-items:center;}
.mTopFunc .funcControl .mTop-prev {width:24px; height:24px; background:url(/img/m_dir_on.svg) no-repeat 50% 50%; background-size:8px 24px; transform:rotate(180deg); cursor:pointer; flex:0 0 auto;}
.mTopFunc .funcControl .mTop-next {width:24px; height:24px; background:url(/img/m_dir_on.svg) no-repeat 50% 50%; background-size:8px 24px; cursor:pointer; flex:0 0 auto;}
.mTopFunc .funcControl .mTop-pagination-num {display:flex; justify-content:center; align-items:center; gap:2px; font-weight:600; font-size:14px; width:28px;}
.mTopFunc .funcControl .mTop-pagination-num .cur {color:#222; font-size:14px;}
.mTopFunc .funcControl .mTop-pagination-num .total {color:#bbb; font-size:14px;}
.mTopFunc .funcControl .mTop-play {width:32px; height:32px; background:url(/img/ico_play.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px; cursor:pointer; display:none;}
.mTopFunc .funcControl .mTop-pause {width:32px; height:32px; background:url(/img/ico_pause.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px; cursor:pointer;}

.mainItemCate {position:relative; margin-bottom:16px;}
.mainItemCate .inner {overflow:hidden; overflow-x:auto; display:flex; justify-content:space-between; align-items:stretch;}
.mainItemCate .perMcate {position:relative; width:110px;}
.mainItemCate .perMcate a {display:block; width:100%; height:100%;}
.mainItemCate .perMcate .ico {display:block; background:#F6F7F9; width:110px; position:relative; overflow:hidden; border-radius:40px;}
.mainItemCate .perMcate .ico:after {content:''; display:block; height:auto; padding-bottom:100%;}
.mainItemCate .perMcate .ico img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 10px); height:calc(100% - 10px);}
.mainItemCate .perMcate .txt {text-align:center; color:#222; font-size:16px; font-weight:600; margin-top:24px;}

.mainItem {position:relative; padding:80px 0;}
.mainItem.mdPick {background:#F6F7F8;}
.mainItem .titleSec {display:flex; justify-content:space-between; align-items:center; margin-bottom:24px;}
.mainItem .titleSec .title {color:#222; font-size:32px; font-weight:700;}
.mainItem .titleSec .bestCate {display:flex; justify-content:flex-start; align-items:center; gap:33px;}
.mainItem .titleSec .bestCate li {display:block; position:relative;}
.mainItem .titleSec .bestCate li:after {content:''; position:absolute; right:-16px; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#E5E5E5;}
.mainItem .titleSec .bestCate li:last-child:after {display:none;}
.mainItem .titleSec .bestCate li a {display:block; color:#888; font-size:14px; font-weight:500; padding:10px 6px; position:relative;}
.mainItem .titleSec .bestCate li a.on {color:#22AC38; font-weight:600;}
.mainItem .titleSec .bestCate li a.on:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#22AC38;}
.mainItem .itemPrdSec {display:flex; justify-content:flex-start; align-items:flex-start; gap:24px; flex-wrap:wrap;}
.mainItem .itemPrdSec .bigBnrSec {width:32%; border-radius:24px; overflow:hidden;}
.mainItem .itemPrdSec .bigBnrSec .txtSec {position:relative; text-align:center; padding:64px 0 40px;}
.mainItem .itemPrdSec .bigBnrSec .txtSec .bnrCate {display:inline-block; color:#FFF; font-size:15px; padding:6px 12px; line-height:1.0; border-radius:6px; margin-bottom:12px;}
.mainItem .itemPrdSec .bigBnrSec .txtSec .bnrTitle {color:#222; font-size:32px; font-weight:700; line-height:1.3; margin:12px 0;}
.mainItem .itemPrdSec .bigBnrSec .txtSec .bnrDesc {color:#222; font-size:16px; font-weight:500; line-height:1.3; margin:12px 0;}
.mainItem .itemPrdSec .bnrPrdSec {width:calc((100% - 32%) - 24px); display:flex; justify-content:flex-start; align-items:stretch; gap:32px 24px; flex-wrap:wrap;}
.mainItem .itemPrdSec .bnrPrdSec .perPrd {width:calc(25% - 18px);}

.arrivalFunc {display:flex; justify-content:flex-start; align-items:center;}
.arrivalFunc .arrival-prev {width:24px; height:24px; background:url(/img/dir_on.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg); flex:0 0 auto; cursor:pointer; z-index:10;}
.arrivalFunc .arrival-next {width:24px; height:24px; background:url(/img/dir_on.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto; cursor:pointer; z-index:10;}
.arrivalFunc .arrival-prev.swiper-button-disabled {background:url(/img/dir_off.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}
.arrivalFunc .arrival-next.swiper-button-disabled {background:url(/img/dir_off.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}
.arrivalFunc .arrival-pagination.swiper-pagination-fraction {font-size:14px; color:#BBB; width:40px; display:flex; justify-content:center; align-items:center; gap:2px;}
.arrivalFunc .arrival-pagination.swiper-pagination-fraction .swiper-pagination-current {color:#222;}
.arrivalFunc .arrival-pagination.swiper-pagination-fraction .swiper-pagination-total {color:#BBB;}

.midBnrSec {position:relative;}
.midBnrSec .inMidBnr {border-radius:24px; overflow:hidden;}
.midBnrSec .inMidBnr a {display:flex; justify-content:space-between; align-items:center; padding:0 160px;}
.midBnrSec .inMidBnr .txtSec {position:relative;}
.midBnrSec .inMidBnr .txtSec .mBnrTitle {color:#222; font-size:32px; font-weight:700; line-height:1.4;}
.midBnrSec .inMidBnr .txtSec .mBnrDesc {color:#222; font-size:18px; line-height:1.3;}
.midBnrSec .inMidBnr .imgSec img {width:412px; height:auto;}
.midBnrSec .mBnrFunc {position:absolute; right:24px; bottom:24px; display:flex; justify-content:flex-start; align-items:center; gap:4px; z-index:10;}
.midBnrSec .mBnrFunc .pnsBox {position:relative; width:32px; height:32px; border-radius:50%;}
.midBnrSec .mBnrFunc .pnsBox .mBnr-play {width:32px; height:32px; background:url(/img/wico_play.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px; cursor:pointer; display:none;}
.midBnrSec .mBnrFunc .pnsBox .mBnr-pause {width:32px; height:32px; background:url(/img/wico_pause.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px; cursor:pointer;}
.midBnrSec .mBnrFunc .inFunc {display:flex; justify-content:center; align-items:center; background:rgba(0, 0, 0, 0.6); border-radius:100px; height:32px; padding:0 5px;}
.midBnrSec .mBnrFunc .inFunc .mBnr-prev {width:24px; height:24px; background:url(/img/w_dir_on.svg) no-repeat 50% 50%; background-size:8px 24px; transform:rotate(180deg); cursor:pointer; flex:0 0 auto;}
.midBnrSec .mBnrFunc .inFunc .mBnr-next {width:24px; height:24px; background:url(/img/w_dir_on.svg) no-repeat 50% 50%; background-size:8px 24px; cursor:pointer; flex:0 0 auto;}
.midBnrSec .mBnrFunc .inFunc .mBnr-pagination {display:flex; justify-content:center; align-items:center; gap:2px; font-weight:600; font-size:14px; width:40px; color:#BBB;}
.midBnrSec .mBnrFunc .inFunc .mBnr-pagination.swiper-pagination-fraction .swiper-pagination-current {color:#FFF;}
.midBnrSec .mBnrFunc .inFunc .mBnr-pagination.swiper-pagination-fraction .swiper-pagination-total {color:#BBB;}

.mSeasonList {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:24px;}
.mSeasonList .perPrd {width:calc((100% / 6) - 20px);}

.mService {position:relative; padding-bottom:80px;}
.mService .inner {display:flex; justify-content:flex-start; align-items:stretch; gap:25px; flex-wrap:wrap;}
.mService .perService {width:calc(33.33334% - 17px); display:flex; justify-content:flex-start; align-items:center; gap:28px; background:#F8F8F8; border-radius:28px; padding:26px 38px;}
.mService .perService .icoSec {width:66px;}
.mService .perService .txtSec {width:calc(100% - 94px);}
.mService .perService .txtSec .msTitle {color:#222; font-size:20px; font-weight:700; margin-bottom:8px;}
.mService .perService .txtSec .msDesc {color:#868686; font-size:16px; line-height:1.3;}

.footer {position:relative;}
.footer .corpInfoSec {position:relative; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding:40px 0;}
.footer .corpInfoSec .inner {display:flex; justify-content:space-between; align-items:flex-start;}
.footer .corpInfoSec .inner .ftCorp {flex:1 0 auto; position:relative;}
.footer .corpInfoSec .inner .ftCorp .ftLogo {display:block; width:138px; height:40px; background:url(/img/logo.svg) no-repeat 50% 50%; background-size:100%; margin-bottom:16px;}
.footer .corpInfoSec .inner .ftCorp .corpTxt {color:#777; font-size:14px; line-height:1.5;}
.footer .corpInfoSec .inner .ftCorp .corpTxt span {display:inline-block; padding-right:10px; margin-right:7px; position:relative;}
.footer .corpInfoSec .inner .ftCorp .corpTxt span:after {content:''; position:absolute; right:0px; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#777;}
.footer .corpInfoSec .inner .ftCorp .corpTxt span:nth-child(3n - 1):after {display:none;}
.footer .corpInfoSec .inner .ftCorp .corpTxt span:last-child:after {display:none;}
.footer .corpInfoSec .inner .ftCorp .ftSnsList {display:flex; justify-content:flex-start; align-items:center; gap:9px; margin:12px 0;}
.footer .corpInfoSec .inner .ftCorp .ftSnsList li {display:block;}
.footer .corpInfoSec .inner .ftCorp .ftSnsList li a {display:block; width:24px; height:24px;}
.footer .corpInfoSec .inner .ftCorp .ftSnsList li a.youtube {background:url(/img/sns_youtube.svg) no-repeat 50% 50%; background-size:100%;}
.footer .corpInfoSec .inner .ftCorp .ftSnsList li a.insta {background:url(/img/sns_instagram.svg) no-repeat 50% 50%; background-size:100%;}
.footer .corpInfoSec .inner .ftCorp .copyright {color:#777; font-size:12px;}
.footer .corpInfoSec .inner .ftAccount {flex:1 0 auto;}
.footer .corpInfoSec .inner .ftAccount li {display:block; color:#777; line-height:1.5;}
.footer .corpInfoSec .inner .ftTitle {color:#222; font-size:14px; font-weight:700; margin:56px 0 16px;}
.footer .corpInfoSec .inner .ftHelpDesk {flex:1 0 auto;}
.footer .corpInfoSec .inner .ftHelpDesk .ftTel {color:#222; font-size:40px; font-weight:700; margin-bottom:6px; line-height:1.0;}
.footer .corpInfoSec .inner .ftHelpDesk .ftTime {color:#777; font-size:14px;}
.footer .corpInfoSec .inner .ftHelpDesk .ftHoli {color:#777; font-size:12px; margin-top:6px;}
.footer .corpInfoSec .inner .ftHelpDesk span {display:inline-block; padding:6px 10px; background:#BCBCBC; color:#FFF; font-size:12px; border-radius:100px; margin-top:16px;}

.footer .btmFunc {position:relative;}
.footer .btmFunc .inner {display:flex; justify-content:space-between; align-items:center;}
.footer .btmFunc .inner ul {display:flex; justify-content:flex-start; align-items:center; gap:55px;}
.footer .btmFunc .inner ul li {display:block; position:relative;}
.footer .btmFunc .inner ul li:after {content:''; position:absolute; right:-28px; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#999;}
.footer .btmFunc .inner ul li:last-child:after {display:none;}
.footer .btmFunc .inner ul li a {display:block; color:#666; font-size:14px; font-weight:600; padding:12px 0;}
.footer .btmFunc .inner ul li a strong {color:#222;}
.footer .btmFunc .inner ul.awards {gap:12px; padding:12px 0;}
.footer .btmFunc .inner ul.awards li {display:flex; justify-content:flex-start; align-items:center; gap:4px; color:#555; font-size:12px; line-height:1.2;}
.footer .btmFunc .inner ul.awards li img {width:36px;}

.floatRecent {position:fixed; right:40px; top:50%; transform:translate(0, -50%); width:80px; height:auto; border:1px solid #E5E5E5; border-radius:4px; z-index:100; background:#FFF;}
.floatRecent .recTitle {display:block;}
.floatRecent .recTitle a {display:block; text-align:center; color:#222; font-size:12px; padding:8px 0;}
.floatRecent ul {display:flex; justify-content:flex-start; align-items:flex-start; gap:8px; flex-direction:column; width:58px; margin:0 auto;}
.floatRecent ul li {display:block; position:relative;}
.floatRecent ul li .btnDelRecent {position:absolute; right:-4px; top:-4px; width:16px; height:16px; background:url(/img/ico_del.svg) no-repeat 50% 50%; background-size:100%;}
.floatRecent ul li a {display:block; border:1px solid #ddd; border-radius:4px; overflow:hidden;}
.floatRecent ul li a img {display:block;}
.floatRecent a.goTop {border-top:1px solid #ddd; padding:8px 0; display:block; color:#222; font-size:12px; text-align:center; margin-top:8px;}

.contents {position:relative; min-height:500px;}

.dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:30000; display:none;}
.comnPop {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; max-width:400px; height:auto; z-index:31000; display:none;}
.comnPop .popClose {position:absolute; right:0; top:-36px; z-index:10; width:36px; height:36px; cursor:pointer;}
.comnPop .popClose:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); width:1px; height:18px; background:#FFF;}
.comnPop .popClose:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); width:1px; height:18px; background:#FFF;}
.comnPop .popCont {background:#FFF; border-radius:24px; padding:48px 65px; margin:0 auto;}
.comnPop .popCont .popTitle {text-align:center; color:#222; font-size:26px; font-weight:600; margin-bottom:24px;}
.comnPop .popCont .loginForm {position:relative; margin-bottom:8px;}
.comnPop .popCont .loginForm input {display:inline-block; width:100%; height:44px; background:#FFF; border:0; padding:0 15px; color:#222; font-size:16px; border:1px solid #E5E5E5;}
.comnPop .popCont .loginForm input:focus {outline:2px solid #25C44D; z-index:10;}
.comnPop .popCont .loginForm .input {position:relative; z-index:1;}
.comnPop .popCont .loginForm .input.is-focus {z-index:10;}
.comnPop .popCont .loginForm .input.id input {border-radius:4px 4px 0 0;}
.comnPop .popCont .loginForm .input.pw {margin-top:-2px;}
.comnPop .popCont .loginForm .input.pw input {border-radius:0 0 4px 4px;}
.comnPop .popCont .loginForm .input.name input {border-radius:4px;}
.comnPop .popCont .loginForm .input .inputDel {position:absolute; right:14px; top:50%; transform:translate(0, -50%); width:16px; height:16px; background:url(/img/ico_del.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px; display:none;}
.comnPop .popCont .btnArea {position:relative;}
.comnPop .popCont .btnArea .btnLogin {display:block; padding:12px 0; border-radius:4px; background:#25C44D; color:#FFF; font-size:16px; font-weight:600; text-align:center;}
.comnPop .popCont .btnArea ul {display:flex; justify-content:flex-end; align-items:center; gap:17px; margin-top:8px;}
.comnPop .popCont .btnArea ul li {display:block; position:relative;}
.comnPop .popCont .btnArea ul li:after {content:''; position:absolute; right:-8px; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#aaa;}
.comnPop .popCont .btnArea ul li:last-child:after {display:none;}
.comnPop .popCont .btnArea ul li a {display:block; color:#aaa; font-size:14px;}
.comnPop .popCont .regiGuide {margin-top:16px; padding-top:16px; border-top:1px solid #E5E5E5;}
.comnPop .popCont .regiGuide .guideTxt {color:#222; font-size:14px; font-weight:500; margin-bottom:8px;}
.comnPop .popCont .regiGuide .btnRegist {display:block; padding:12px 0; border-radius:4px; background:#273269; color:#FFF; font-size:16px; font-weight:600; text-align:center;}

.comnPop .popCont.comn {padding:30px;}
.comnPop.delivery {max-width:600px;}
.comnPop .titleSec {position:relative; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid #E5E5E5;}
.comnPop .titleSec .comnPopTitle {color:#222; font-size:18px; font-weight:700; display:flex; justify-content:space-between; align-items:center;}
.comnPop .titleSec .comnPopDesc {color:#666; font-size:14px; font-weight:400; margin-top:6px;}
.comnPop .titleSec .comnPopDesc strong {font-weight:600;}
.comnPop .titleSec .comnBtn {position:absolute; right:0; top:0;}
.comnPop .titleSec .comnBtn.make {border:1px solid #25C44D; color:#25C44D; background:#FFF;}
.comnPop .deliveryList {position:relative;}
.comnPop .deliveryList .baseInfo {position:relative; padding:10px 104px 10px 0; border-bottom:1px dashed #ccc;}
.comnPop .deliveryList .baseInfo:last-child {border-bottom:0; padding-bottom:0;}
.comnPop .deliveryList .ordNte {margin-bottom:6px;}
.comnPop .deliveryList .ordNte .ordTel {font-size:12px; margin-left:5px;}
.comnPop .deliveryList .ordNte .ordEmail {font-size:12px;}
.comnPop .deliveryList .baseInfo .ordAddress {font-size:14px;}
.comnPop .deliveryList .baseInfo .btns {position:absolute; right:0; top:50%; transform:translate(0, -50%); display:flex; justify-content:flex-end; align-items:center; gap:8px;}
.comnPop .deliveryList .baseInfo .btns .pBtn {display:block; padding:6px 8px; font-size:14px; border-radius:4px;}
.comnPop .deliveryList .baseInfo .btns .pBtn.confirm {background:#25C44D; border:1px solid #25C44D; color:#FFF; font-size:14px; font-weight:700;}
.comnPop .deliveryList .baseInfo .btns .pBtn.del {background:#f9f9f9; border:1px solid #ddd; color:#999; font-size:14px;}
.comnPop .inBox {display:none;}
.comnPop .inBox .inputBox table input[type="text"] {max-width:100%;}
.comnPop .inBox .inputBox .inputNumber {width:100%;}

.comnPop.deliveryLocation {max-width:460px;}
.comnPop.deliveryLocation .titleSec {margin-bottom:0;}

.comnPop.wReview {max-width:360px; border-radius:0px; background:#F6F7F9; padding-bottom:45px;}
.comnPop.wReview .pBtnHead {display:flex; justify-content:space-between; align-items:center; padding:16px; color:#222; font-size:16px; font-weight:600; border-bottom:1px solid #E5E5E5; background:#FFF;}
.comnPop.wReview .pBtnHead a.imgClose {display:block; width:24px; height:24px; background:url(/img/pico_close.svg) no-repeat 50% 50%; background-size:100%;}
.comnPop.wReview .popCont {padding:16px; border-radius:0; background:#F6F7F9;}
.comnPop.wReview .popCont .rvPrd {gap:8px; margin-bottom:16px;}
.comnPop.wReview .popCont .rvPrd .thumb {width:90px; height:90px;}
.comnPop.wReview .popCont .rvPrd .prdInfo {width:calc(100% - 98px);}
.comnPop.wReview .popCont .rvPrd .prdInfo .prdName {color:#222; font-size:14px; line-height:1.4; height:40px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:16px;}
.comnPop.wReview .popCont .rvPrd .prdInfo .txt {color:#aaa; font-size:12px; line-height:1.2; font-weight:500;}
.comnPop.wReview .popCont .rvPrd .prdInfo .txt em {color:#34CA4C; font-weight:700;}
.comnPop.wReview .popCont .rvInput {position:relative;}
.comnPop.wReview .popCont .rvInput textarea {display:block; width:100%; height:220px; background:#FFF; border:1px solid #E5E5E5; border-radius:8px; padding:20px 20px 30px; color:#222; font-size:14px; line-height:1.3;}
.comnPop.wReview .popCont .rvInput .inputByteTxt {position:absolute; right:10px; bottom:10px; color:#aaa; font-size:12px;}
.comnPop.wReview .popCont .rvGuide {color:#aaa; font-size:12px; line-height:1.4; margin:16px 0 50px;}
.comnPop.wReview .popBtns {position:absolute; left:0; bottom:-1px; width:100%; display:flex; justify-content:center; align-items:center;}
.comnPop.wReview .popBtns a.pBtnReview {display:block; width:100%; text-align:center; padding:13px 0; color:#FFF; font-size:16px; font-weight:500; background:#273269;}

.popDeliTable {display:block; position:relative; height:260px; overflow:hidden; overflow-y:auto;}
.popDeliTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.popDeliTable table th, .popDeliTable table td {padding:4px; font-size:14px; border-bottom:1px solid #ddd; text-align:center;}
.popDeliTable table th {font-weight:600; background:#eef1fb; padding:6px;}

.subComnWrap {position:relative; padding-bottom:80px;}
.subComnWrap > .inner {display:flex; justify-content:flex-start; align-items:flex-start; gap:24px; margin-top:40px;}
.subComnWrap.gray {background:#F6F7F9;}
.subComnWrap .location {position:relative; padding:20px 0 10px; border-bottom:1px solid #E5E5E5;}
.subComnWrap .location .inner {display:flex; justify-content:flex-start; align-items:center; gap:16px;}
.subComnWrap .location .inner .lotHome a {color:#333; font-size:12px;}
.subComnWrap .location .inner .lotDpt {position:relative; width:auto; width:200px;}

.subComnWrap .location .inner .lotDpt .lotCurrent {position:relative; color:#333; font-size:14px; font-weight:500; padding:6px 30px 6px 10px; cursor:pointer;}
.subComnWrap .location .inner .lotDpt .lotCurrent:after {content:''; position:absolute; right:0; top:10px; width:12px; height:7px; background:url(/img/ar_select.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.subComnWrap .location .inner .lotDpt .lotCurrent.on:after {transform:rotate(180deg);}
.subComnWrap .location .inner .lotDpt ul {position:absolute; left:0; top:38px; border-radius:0 0 6px 6px; width:100%; max-height:150px; overflow:hidden; overflow-y:auto; background:#FFF; z-index:10; display:none; padding:6px 0; border:1px solid #E5E5E5; border-top:0;}
.subComnWrap .location .inner .lotDpt ul li {display:block;}
.subComnWrap .location .inner .lotDpt ul li a {display:block; color:#333; font-size:14px; padding: 8px; font-weight:500;}
.subComnWrap .location .inner .lotDpt ul li a:hover {background:#EDFFF1; color:#25C44D;}

.prdList {position:relative; margin:30px 0;}
.prdList .inner {display:flex; justify-content:flex-start; align-items:stretch; gap:24px; flex-wrap:wrap;}
.prdList .perPrd {position:relative; width:calc((100% / 6) - 20px);}

.perPrd {position:relative;}
.perPrd:hover .thumb {border:1px solid #273269; /* box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.30); */}
.perPrd .thumb {display:block; border-radius:24px; border:1px solid #E5E5E5; overflow:hidden; position:relative;}
.perPrd .thumb:after {content:''; display:block; height:auto; padding-bottom:100%;}
.perPrd .thumb img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto;}
.perPrd .prdInfo {position:relative; margin-top:16px;}
.perPrd .prdInfo .prdName {padding-right:32px; height:42px; color:#222; font-size:16px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:8px;}
.perPrd .prdInfo .addFavo {position:absolute; right:0; top:0; width:24px; height:24px; background:url(/img/ico_favo_off.svg) no-repeat 50% 50%; background-size:100%; z-index:10;}
.perPrd .prdInfo .addFavo a {display:block; width:100%; height:100%;}
.perPrd .prdInfo .addFavo.on {background:url(/img/ico_favo_on.svg) no-repeat 50% 50%; background-size:100%;}
.perPrd .prdInfo .priceBox {display:block;}
.perPrd .prdInfo .priceBox .dcPrice {text-decoration:line-through; color:#BBB; font-size:14px; margin-bottom:4px;}
.perPrd .prdInfo .priceBox .price {color:#222; font-size:18px; font-weight:700;}
.perPrd .prdInfo .priceBox .price .dcRate {color:#FF521C; margin-right:10px;}

.prdSec {position:relative; margin:30px 0 0;}
.prdInfoSec {display:flex; justify-content:flex-start; align-items:flex-start; gap:64px;}
.prdInfoSec .thumbSec {width:calc(50% - 32px);}
.prdInfoSec .thumbSec .bigThumb {position:relative; border:1px solid #E5E5E5; border-radius:16px; overflow:hidden;}
.prdInfoSec .thumbSec .bigThumb:after {content:''; display:block; height:auto; padding-bottom:100%;}
.prdInfoSec .thumbSec .bigThumb img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto;}
.prdInfoSec .thumbSec .thumbList {margin-top:16px;}
.prdInfoSec .thumbSec .swiper-slide {border:1px solid #E5E5E5; border-radius:16px; overflow:hidden;}
.prdInfoSec .thumbSec .swiper-slide a {display:block; width:100%; height:100%; position:relative;}
.prdInfoSec .thumbSec .swiper-slide a:after {content:''; display:block; height:auto; padding-bottom:100%;}
.prdInfoSec .thumbSec .swiper-slide a img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto;}

.prdInfoSec .infoSec {width:calc(50% - 32px);}
.prdInfoSec .infoSec .addFavo {position:absolute; right:0; top:0; width:32px; height:32px; background:url(/img/ico_favo_off.svg) no-repeat 50% 50%; background-size:100%; z-index:10;}
.prdInfoSec .infoSec .addFavo a {display:block; width:100%; height:100%;}
.prdInfoSec .infoSec .addFavo.on {background:url(/img/ico_favo_on.svg) no-repeat 50% 50%; background-size:100%;}
.prdInfoSec .infoSec .prdName {padding-right:46px; height:87px; color:#222; font-size:22px; line-height:1.3; margin-bottom:24px;}
.prdInfoSec .infoSec .priceBox {display:block; margin-bottom:24px;}
.prdInfoSec .infoSec .priceBox .dcPrice {text-decoration:line-through; color:#BBB; font-size:16px; margin-bottom:4px;}
.prdInfoSec .infoSec .priceBox .price {color:#222; font-size:32px; font-weight:700;}
.prdInfoSec .infoSec .priceBox .price .dcRate {color:#FF521C; margin-right:10px;}
.prdInfoSec .infoSec .prdItems {border-top:1px solid #ddd; padding:20px 0;}
.prdInfoSec .infoSec .prdItems li {display:flex; justify-content:flex-start; align-items:flex-start; line-height:1.5;}
.prdInfoSec .infoSec .prdItems li .item {width:130px; color:#777; font-size:16px; flex:0 0 auto;}
.prdInfoSec .infoSec .prdItems li .ipCon {width:calc(100% - 130px); color:#777; font-size:16px;}
.prdInfoSec .infoSec .prdDelivery {border-top:1px solid #ddd; padding:20px 0;}
.prdInfoSec .infoSec .prdDelivery li {display:flex; justify-content:flex-start; align-items:flex-start; line-height:1.5;}
.prdInfoSec .infoSec .prdDelivery li .item {width:130px; color:#777; font-size:16px; flex:0 0 auto;}
.prdInfoSec .infoSec .prdDelivery li .ipCon {width:calc(100% - 130px); color:#777; font-size:14px;}
.prdInfoSec .infoSec .prdDelivery li .ipCon em {color:#25C44D; font-size:16px; font-weight:600; margin-right:5px;}
.prdInfoSec .infoSec .prdSubTotal {position:relative; padding:24px; border-radius:4px; background:#F6F7F9;}
.prdInfoSec .infoSec .prdSubTotal .prdName {font-size:16px; color:#777; line-height:1.4; padding:0; height:42px; margin-bottom:40px;}
.prdInfoSec .infoSec .prdSubTotal .contPrice {display:flex; justify-content:space-between; align-items:center;}
.qty {display:flex; justify-content:flex-start; align-items:flex-start; background:#FFF; border-radius:4px; border:1px solid #E5E5E5;}
.qty .btnQty {width:32px; height:32px; cursor:pointer; text-indent:-9999px;}
.qty .btnQty.minus {background:url(/img/qty_minus.svg) no-repeat 50% 50%; background-size:14px;}
.qty .btnQty.plus {background:url(/img/qty_plus.svg) no-repeat 50% 50%; background-size:14px;}
.qty input[type="text"] {display:inline-block; width:42px; height:32px; line-height:32px; text-align:center; color:#222; font-size:14px; font-weight:500; border:0; background:transparent;}
.prdInfoSec .infoSec .prdSubTotal .contPrice strong {font-weight:700; font-size:22px;}
.prdInfoSec .infoSec .totalPrice {display:flex; justify-content:flex-end; align-items:center; color:#222; font-size:16px; gap:8px; padding:56px 0 24px;}
.prdInfoSec .infoSec .totalPrice em {color:#273269; font-size:34px; font-weight:700;}
.prdInfoSec .infoSec .btnArea {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.prdInfoSec .infoSec .btnArea .pBtn {flex:1 0 auto; padding:16px 0; font-size:18px; font-weight:600; border-radius:4px; text-align:center; position:relative;}
.prdInfoSec .infoSec .btnArea .pBtn.cart {background:#FFF; border:1px solid #ddd; color:#273269;}
.prdInfoSec .infoSec .btnArea .pBtn.buy {background:#273269; border:1px solid #273269; color:#FFF;}

.prdContSec {position:relative; margin-top:140px;}
.prdContSec .prdTab {display:flex; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #E5E5E5; position:sticky; left:50%; top:0; width:100%; max-width:1280px; background:#FFF; z-index:100; margin:0 auto;}
.prdContSec .prdTab a {width:25%; text-align:center; padding:17px 0; position:relative;}
.prdContSec .prdTab a.on {font-weight:700; color:#273269;}
.prdContSec .prdTab a.on:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#273269;}

.prdCont {position:relative;}
.prdCont .perContBox {padding:80px 0 0;}
.prdCont .perContBox .pcbTitle {color:#222; font-size:22px; font-weight:700; padding:16px 8px; position:relative; border-bottom:1px solid #000;}
.prdCont .perContBox .pcbTitle .count {color:#aaa; font-size:18px; font-weight:500;}
.prdCont .perContBox .cauTxt {text-align:center; color:#777; font-size:16px; margin-bottom:80px;}
.prdCont .perContBox .prdExp {position:relative; text-align:center; height:600px; padding-bottom:0; overflow:hidden;}
.prdCont .perContBox .prdExp.full {height:auto; padding-bottom:80px;}
.prdCont .perContBox .prdExp .screen {position:absolute; left:0; bottom:0; width:100%; height:80px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.80) 40.62%, #FFF 81.25%); z-index:10;}
.prdCont .perContBox .prdExp > img {width:auto; max-width:100%; margin:0 auto;}
.prdCont .perContBox .prdExp a.viewFold {position:absolute; left:0; bottom:60px; width:100%; padding:10px 0; text-align:center; color:#222; font-size:18px; font-weight:500; border:1px solid #222; background:#FFF; border-radius:8px; z-index:20;}
.prdCont .perContBox .prdExp a.viewFold:after {content:''; display:inline-block; width:12px; height:7px; background:url(/img/ar_select.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all; margin-left:10px; vertical-align:2px;}
.prdCont .perContBox .prdExp a.viewFold.foldUp {bottom:0;}
.prdCont .perContBox .prdExp a.viewFold.foldUp:after {transform:rotate(180deg);}

.prdCont .perContBox .relPrd {position:relative;}
.prdCont .perContBox .relPrd .pcbTitle {border-bottom:0;}
.rvList {position:relative;}
.rvList .perRv {position:relative; padding:24px 8px; border-bottom:1px solid #ddd;}
.rvList .perRv .titleSec {display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:12px;}
.rvList .perRv .titleSec .subject {color:#222; font-size:16px; font-weight:500; flex:1 0 auto;}
.rvList .perRv .wDate {display:flex; justify-content:flex-start; align-items:center; gap:13px; flex:0 0 auto; margin-top:16px;}
.rvList .perRv .wDate span {color:#777; font-size:14px; position:relative;}
.rvList .perRv .wDate span:after {content:''; position:absolute; right:-6px; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#ccc;}
.rvList .perRv .wDate span:last-child:after {display:none;}
.rvList .perRv .rvCont {position:relative; padding:0; color:#222; font-size:16px; font-weight:500; line-height:1.4;}
.dirFunc {position:absolute; right:8px; top:18px; display:flex; justify-content:center; align-items:center; gap:8px;}
.dirFunc .prdPrev {width:24px; height:24px; background:url(/img/dir_on.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg); flex:0 0 auto; cursor:pointer;}
.dirFunc .prdNext {width:24px; height:24px; background:url(/img/dir_on.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto; cursor:pointer;}
.dirFunc .prdPrev.swiper-button-disabled {background:url(/img/dir_off.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}
.dirFunc .prdNext.swiper-button-disabled {background:url(/img/dir_off.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}
.dirFunc .prdPagination {font-size:14px; font-weight:500;}
.dirFunc .prdPagination .swiper-pagination-current {color:#222;}
.dirFunc .prdPagination .swiper-pagination-total {color:#bbb;}

.prdInCont {position:relative; margin:32px 0 0; padding:0 8px;}
.prdInCont .pciTitle {color:#222; font-size:16px; font-weight:600; margin-bottom:12px;}
.prdInCont ul {display:block; padding:0 8px;}
.prdInCont ul li {padding-left:12px; color:#777; line-height:1.6; position:relative; font-size:16px;}
.prdInCont ul li:before {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#777; border-radius:50%;}
.prdInCont ul li span {color:#FF521C; font-weight:700; margin-right:8px;}

.prdInCont ul.cauSet {display:block; padding:0 20px; margin-top:10px;}
.prdInCont ul.cauSet li {padding-left:12px; color:#777; line-height:1.6; position:relative; font-size:14px;}
.prdInCont ul.cauSet li:before {content:'*'; position:absolute; left:0; top:2px; width:auto; height:auto; background:none; border-radius:0;}

.cartOrdSec {position:relative;}
.cartOrdSec .titleSec {border-bottom:1px solid #E7E8E9; padding:40px 0 23px; margin-bottom:32px;}
.cartOrdSec .titleSec .inner {display:flex; justify-content:space-between; align-items:flex-end;}
.cartOrdSec .titleSec .pTitle {color:#222; font-size:32px; font-weight:500;}
.cartOrdSec .titleSec .ordStep {display:flex; justify-content:flex-start; align-items:center; gap:40px;}
.cartOrdSec .titleSec .ordStep span {color:#aaa; font-size:14px; font-weight:500; position:relative;}
.cartOrdSec .titleSec .ordStep span:after {content:''; position:absolute; right:-17px; top:50%; transform:translate(0, -50%); width:5px; height:10px; background:url(/img/ar_ord_step.svg) no-repeat 50% 50%; background-size:100%;}
.cartOrdSec .titleSec .ordStep span:last-child:after {display:none;}
.cartOrdSec .titleSec .ordStep span.on {color:#222;}

.infoCart {position:relative;}
.infoCart .inner {display:flex; justify-content:flex-start; align-items:flex-start; gap:64px;}
.infoCart .cartPrdSec {position:relative; width:66%;}
.infoCart .cartPrdSec .cartFunc {display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; padding:0 32px;}
.infoCart .cartPrdSec .cartFunc a {color:#aaa; font-size:14px;}
.infoCart .cartPrdSec .cartFunc a:hover {color:#222; text-decoration:underline;}
.cartList {position:relative; background:#FFF; border:1px solid #E5E5E5; padding:0 32px; border-radius:16px;}
.cartList .cartItem {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:24px 0; border-bottom:1px solid #E5E5E5; position:relative;}
.cartList .cartItem:last-child {border-bottom:0;}
.cartList .cartItem .cartPrd {width:46%; flex:0 0 auto; position:relative; margin-left:36px;}
.cartList .cartItem .cartPrd a {display:flex; justify-content:flex-start; align-items:center; gap:16px; position:relative;}
.cartList .cartItem .cartPrd .perDel {position:absolute; right:0; top:-5px; width:30px; height:30px; z-index:10;}
.cartList .cartItem .cartPrd .perDel a {display:block; width:100%; height:100%; position:relative; text-indent:-9999px;}
.cartList .cartItem .cartPrd .perDel a:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); width:1px; height:16px; background:#aaa;}
.cartList .cartItem .cartPrd .perDel a:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); width:1px; height:16px; background:#aaa;}
.cartList .cartItem .comnChk {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:20px;}
.cartList .cartItem .cartPrd .thumb {display:block; width:90px; height:90px; border:1px solid #E5E5E5; border-radius:4px; position:relative; overflow:hidden; flex:0 0 auto;}
.cartList .cartItem .cartPrd .thumb:after {content:''; height:auto; padding-bottom:100%;}
.cartList .cartItem .cartPrd .thumb img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto;}
.cartList .cartItem .cartPrd .prdName {color:#222; font-size:14px; font-weight:500; line-height:1.4; padding-right:40px;}
.cartList .cartItem .cartPrice {display:flex; justify-content:space-between; align-items:center; flex:0 1 auto; gap:60px;}
.cartList .cartItem .dcPrice {color:#aaa; font-size:14px; text-decoration:line-through;}
.cartList .cartItem .subTotal {text-align:right; color:#222; font-size:16px; font-weight:600;}

.infoCart .ordInfoSec {position:relative; width:66%; display:flex; justify-content:flex-start; align-items:flex-start; gap:64px; flex-direction:column;}
.infoCart .ordInfoSec .ordBlock {width:100%;}
.infoCart .ordInfoSec .ordBlock .ordTitle {display:flex; justify-content:flex-start; align-items:center; color:#222; font-size:20px; font-weight:700; margin-bottom:16px; padding:0 10px; gap:16px;}
.infoCart .ordInfoSec .ordBlock .ordTitle.between {justify-content:space-between;}
.infoCart .ordInfoSec .ordBlock .ordTitle label {color:#444; font-size:14px; font-weight:500; gap:22px;}
.infoCart .ordInfoSec .ordBlock .ordTitle .comnChk input:before {content:''; width:16px; height:16px; background:url(/img/bg_chk_off.svg) no-repeat 50% 50%; background-size:16px; flex:0 0 auto;}
.infoCart .ordInfoSec .ordBlock .ordTitle .comnChk input:checked:before {content:''; background:url(/img/bg_chk_on.svg) no-repeat 50% 50%; background-size:16px;}
.infoCart .ordInfoSec .ordBlock .ordTitle .comnRadio input:before {content:''; width:16px; height:16px; background:url(/img/bg_radio_off.svg) no-repeat 50% 50%; background-size:16px; flex:0 0 auto;}
.infoCart .ordInfoSec .ordBlock .ordTitle .comnRadio input:checked:before {content:''; background:url(/img/bg_radio_on.svg) no-repeat 50% 50%; background-size:16px;}
.infoCart .ordInfoSec .ordBlock .ordTitle .repFunc {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.infoCart .ordInfoSec .ordBlock .inBox {position:relative; background:#FFF; border:1px solid #E5E5E5; padding:24px; border-radius:16px;}
.infoCart .ordInfoSec .ordBlock .inBox .btnChange {position:absolute; right:24px; top:24px; z-index:10;}
.infoCart .ordInfoSec .ordBlock .inBox .btnChange a {display:block; color:#222; font-size:12px; padding:6px 10px; background:#FFF; border:1px solid #E5E5E5; border-radius:4px;}
.ordNte {display:flex; justify-content:flex-start; align-items:center; margin-bottom:10px;}
.ordNte .dName {padding:3px 10px; margin-right:4px; font-size:12px; color:#FFF; background:#273269; border-radius:100px;}
.ordNte .ordName {color:#222; font-size:16px; font-weight:700;}
.ordNte .ordTel {color:#222; font-size:14px; font-weight:500; margin-left:10px;}
.ordNte .ordEmail {color:#aaa; font-size:14px; font-weight:500; position:relative; padding-left:10px; margin-left:10px;}
.ordNte .ordEmail:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#aaa;}
.ordAddress {color:#222; font-size:16px; font-weight:500; line-height:1.4;}
.deliveryMsg {color:#777; font-size:14px; font-weight:500; line-height:1.4; position:relative; padding-left:16px; margin-top:8px;}
.deliveryMsg:after {content:''; position:absolute; left:5px; top:7px; width:3px; height:3px; background:#777; border-radius:50%;}
.infoCart .ordInfoSec .ordBlock .inBox .cauDelivery {position:relative; margin-top:16px;}
.infoCart .ordInfoSec .ordBlock .inBox .cauDelivery input[type="text"] {display:inline-block; width:100%; height:44px; line-height:42px; background:#FFF; border:1px solid #E5E5E5; border-radius:4px; padding:0 15px; font-size:14px;}
.infoCart .ordInfoSec .ordBlock .inBox .cauDelivery ul {display:block; margin-top:8px;}
.infoCart .ordInfoSec .ordBlock .inBox .cauDelivery ul li {position:relative; color:#777; font-size:12px; line-height:1.4; padding-left:12px;}
.infoCart .ordInfoSec .ordBlock .inBox .cauDelivery ul li:after {content:'*'; position:absolute; left:0; top:2px;}
.infoCart .ordInfoSec .ordBlock .inBox .cauTitle {color:#222; font-size:16px; font-weight:600; margin-bottom:12px;}
.infoCart .ordInfoSec .ordBlock .inBox .cauDesc {color:#777; font-size:12px; line-height:1.4;}

.infoCart .costInfoSec {position:sticky; left:50%; top:30px; width:calc(34% - 64px); background:#FFF; border:1px solid #E5E5E5; padding:32px; border-radius:16px;}
.infoCart .costInfoSec .costTitle {color:#222; font-size:18px; font-weight:700;}
.infoCart .costInfoSec ul {position:relative; display:block; padding:12px 0 0;}
.infoCart .costInfoSec ul li {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:6px 0; font-weight:500; color:#666; font-size:16px;}
.infoCart .costInfoSec ul li .ipCon {text-align:right;}
.infoCart .costInfoSec ul li.costDc .ipCon {color:#FF521C;}
.infoCart .costInfoSec ul li.total {margin-top:16px; padding:20px 0; border-top:1px solid #ddd; color:#273269;}
.infoCart .costInfoSec ul li.total .ipCon {font-size:20px; font-weight:600;}
.infoCart .costInfoSec ul li dl {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:6px 0 0; font-weight:400; color:#777; font-size:14px; width:100%;}
.infoCart .costInfoSec ul li dl dt {text-align:left; width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:4px;}
.infoCart .costInfoSec ul li dl dd {text-align:right; width:30%; margin-bottom:4px;}
.infoCart .costInfoSec .btnArea {display:flex; justify-content:flex-start; align-items:center; gap:10px;}
.infoCart .costInfoSec .btnArea a.btnOrder {display:block; flex:1 0 auto; padding:16px 0; background:#273269; color:#FFF; font-size:18px; font-weight:600; border-radius:4px; text-align:center;}
.infoCart .costInfoSec .btnArea a.btnPay {display:block; flex:1 0 auto; padding:16px 0; background:#273269; color:#FFF; font-size:18px; font-weight:600; border-radius:4px; text-align:center;}
.infoCart .costInfoSec .costAgree {position:relative; margin-top:10px;}
.infoCart .costInfoSec .costAgree .comnChk span {color:#777; font-size:12px; line-height:1.4;}
.infoCart .costInfoSec .costAgree .comnChk span a {display:inline-block; color:#222; text-decoration:underline; line-height:1.4;}

.ordPrdSec {display:flex; justify-content:flex-start; align-items:stretch;}
.ordPrdSec .opList {position:relative; width:100%;}
.ordPrdSec .opList .perOrdPrd {display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #E5E5E5;}
.ordPrdSec .opList .perOrdPrd .prdThumb {display:flex; justify-content:flex-start; align-items:center; gap:16px; width:calc(100% - 260px);}
.ordPrdSec .opList .perOrdPrd .prdThumb .thumb {display:block; width:90px; height:90px; border:1px solid #E5E5E5; border-radius:4px; position:relative; overflow:hidden; flex:0 0 auto;}
.ordPrdSec .opList .perOrdPrd .prdThumb .prdName {color:#222; font-size:14px; font-weight:500; line-height:1.4;}
.ordPrdSec .opList .perOrdPrd .ordQty {width:80px; text-align:center; color:#222; font-size:16px; font-weight:600;}
.ordPrdSec .opList .perOrdPrd .cartPrice {display:flex; justify-content:flex-end; align-items:center; flex:0 0 auto; gap:0px; flex-direction:column; width:160px;}
.ordPrdSec .opList .perOrdPrd .dcPrice {color:#aaa; font-size:14px; text-decoration:line-through;}
.ordPrdSec .opList .perOrdPrd .subTotal {text-align:right; color:#222; font-size:16px; font-weight:600;}
.ordPrdSec .opDelivery {padding-left:24px; width:114px; text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.ordPrdSec .opDelivery .guideTxt {color:#777; font-size:12px;}
.ordPrdSec .opDelivery .txt {color:#222; font-size:16px; font-weight:700;}

.ordPc {position:relative;}
.ordPc .perPc {display:flex; justify-content:flex-start; align-items:center; margin-bottom:6px;}
.ordPc .perPc:last-child {margin-bottom:0;}
.ordPc .perPc .title {color:#222; font-size:16px; font-weight:700; width:144px; flex:0 0 auto;}
.ordPc .perPc .inputBox {display:flex; justify-content:flex-start; align-items:center; gap:8px; flex-wrap:wrap;}
.ordPc .perPc .inputBox .input {position:relative;}
.ordPc .perPc .inputBox .input input {display:inline-block; width:266px; height:44px; line-height:42px; background:#FFF; border:1px solid #222; border-radius:4px; padding:0 15px; text-align:right; font-size:14px; font-weight:600;}
.ordPc .perPc .inputBox .input .btnConfirm {width:80px; height:44px; background:#B2B2B2; color:#FFF; font-size:14px; font-weight:500; border-radius:4px;}
.ordPc .perPc .cTxt {margin-left:10px; color:#222; font-size:12px;}
.ordPc .perPc .bntTxt {color:#222; font-size:16px;}
.ordPc .perPc .bntTxt strong {color:#25C44D; font-weight:700;}

.payMethod {display:block;}
.payMethod > li {display:block; padding:18px 0; border-bottom:1px solid #E5E5E5;}
.payMethod > li:last-child {border-bottom:0;}
.payMethod > li label {color:#222; font-size:16px; font-weight:700;}
.payMethod > li .bankingInfo {display:block; margin-left:28px;}
.payMethod > li .bankingInfo li {display:flex; justify-content:flex-start; align-items:center; margin-bottom:8px;}
.payMethod > li .bankingInfo li:last-child {margin-bottom:0;}
.payMethod > li .bankingInfo li .item {width:120px; flex:0 0 auto; color:#222; font-size:14px; font-weight:500; position:relative;}
.payMethod > li .bankingInfo li .item.required:after {content:'*'; color:#25C44D; margin-left:3px;}
.payMethod > li .bankingInfo li .ipCon {width:calc(100% - 120px); height:44px; display:flex; justify-content:flex-start; align-items:center;}
.payMethod > li .bankingInfo li .ipCon strong {font-weight:700; color:#25C44D;}
.payMethod > li .bankingInfo li input[type="text"] {display:inline-block; width:100%; max-width:350px; height:44px; line-height:42px; background:#FFF; border:1px solid #222; border-radius:4px; padding:0 15px; font-size:14px; font-weight:600;}
.payMethod > li .bankingInfo li input[readonly] {background:#f0f0f0; border:1px solid #ddd;}
.payMethod > li .bankingInfo li select {display:inline-block; width:100%; max-width:350px; height:44px; line-height:42px; border:1px solid #222; border-radius:4px; padding:0 26px 0 15px; font-size:14px; font-weight:600;}
.payMethod > li .bankingInfo li select::-ms-expand {display: none;}

.repKind {display:flex; justify-content:flex-start; align-items:center; gap:20px; margin-bottom:18px;}
.inBox .inputBox {display:flex; justify-content:flex-start; align-items:flex-start; gap:8px;}
.inBox .inputBox select {border:1px solid #E5E5E5; width:calc(50% - 4px); height:44px;}
.inBox .inputBox .inputNumber {display:inline-flex; justify-content:flex-start; align-items:center; width:calc(50% - 4px); height:44px; border:1px solid #E5E5E5; border-radius:4px; color:#E5E5E5; font-size:18px; overflow:hidden;}
.inBox .inputBox .inputNumber input {display:inline-block; width:100%; max-width:350px; height:100% !important; line-height:42px; text-align:center; border:0 !important; padding:0 15px; font-size:14px; font-weight:600;}
.inBox .inputBox .inputNumber select {width:100%; border:0 !important; height:100% !important;}
.inBox .inputBox table {padding:0; margin:0; width:100%; table-layout:fixed;}
.inBox .inputBox table th {text-align:left; color:#222; font-size:14px; font-weight:500; padding:18px 0 0 28px; vertical-align:top;}
.inBox .inputBox table th .required {display:inline-block; color:#25C44D; font-size:14px; font-weight:700;}
.inBox .inputBox table td {padding:4px; height:52px;}
.inBox .inputBox table td .hintTxt {color:#777; font-size:12px;}
.inBox .inputBox table input[type="text"], .inBox .inputBox table input[type="password"] {display:inline-block; width:100%; max-width:309px; height:44px; line-height:42px; background:#FFF; border:1px solid #E5E5E5; border-radius:4px; padding:0 15px; font-size:14px; font-weight:500;}
.inBox .inputBox table select {border-radius:4px;}
.inBox .inputBox table textarea {display:inline-block; width:100%; height:120px; line-height:1.3; background:#FFF; border:1px solid #E5E5E5; border-radius:4px; padding:15px; font-size:14px; font-weight:500;}
.inBox .inputBox.noPad table th {padding-left:0;}
.inBox .btnArea {display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-top:16px;}

.addressSet {display:flex; justify-content:flex-start; align-items:flex-start; gap:8px; flex-wrap:wrap;}
.addressSet .zipCode {display:flex; justify-content:flex-start; align-items:center; gap:8px; width:100%;}
.addressSet .zipCode input.inputZip {width:100px !important;}
.addressSet .zipCode a.btnZip {display:inline-block; padding:0 20px; height:44px; line-height:44px; color:#FFF; font-size:14px; font-weight:700; background:#B2B2B2; border-radius:4px;}

.deliverySet {position:relative; display:flex; justify-content:flex-start; align-items:center; gap:16px;}
.deliverySet .comnRadio {font-size:14px;}
.deliverySet .viewDelivery {padding:4px 10px; border-radius:4px; border:1px solid #E5E5E5; background:#FFF; color:#222; font-size:12px; font-weight:400;}
.directDelivery {display:flex; justify-content:flex-start; align-items:center; gap:10px; color:#666; font-size:14px; margin-top:6px;}
.directDelivery a.viewLocation {display:inline-block; padding:4px 10px; border-radius:4px; border:1px solid #25C44D; background:#25C44D; color:#FFF; font-size:12px; font-weight:400;}

.changeForm {position:relative; display:none;}
.changeForm .btnArea {display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-top:16px;}

a.comnBtn {display:inline-block; padding:10px 20px; font-size:14px; border-radius:4px;}
a.comnBtn.confirm {background:#25C44D; color:#FFF; font-weight:700; border:1px solid #25C44D;}
a.comnBtn.cancel {background:#FFF; color:#999; font-weight:500; border:1px solid #ddd;}

.infoLayer {display:inline-block; width:20px; height:20px; vertical-align:1px; position:relative;}
.infoLayer .guideInfo {display:block; width:100%; height:100%; background:url(/img/ico_info.svg) no-repeat 50% 50%; background-size:14px; cursor:pointer;}
.infoLayer .guideInfoBox {position:absolute; left:28px; top:-6px; width:300px; padding:16px; border-radius:6px; font-size:12px; line-height:1.3; background:#FFF; border:1px solid #273269; display:none;}
.infoLayer .guideInfoBox:after {content:''; position:absolute; left:-8px; top:10px; width:10px; height:10px; background:url(/img/ar_guide_tail.svg) no-repeat 50% 50%; background-size:100%;}
.infoLayer .guideInfoBox strong {color:#273269; font-weight:700;}
.infoLayer .guideInfoBox .btns {display:block; margin-top:5px;}
.infoLayer .guideInfoBox .btns a.apLaterCost {display:inline-block; padding:6px 12px; background:#25C44D; color:#FFF; font-size:12px; font-weight:600; border-radius:4px; line-height:1.0;}

.ordResultSec {position:relative; width:100%; max-width:626px; margin:72px auto 0;}
.ordResultSec .ordResTitle {color:#222; font-size:22px; font-weight:700; margin-bottom:32px; text-align:center;}
.ordResultSec .resultBox {position:relative; background:#FFF; border:1px solid #E5E5E5; padding:24px; margin-bottom:24px; border-radius:16px;}
.ordResultSec .resultBox:last-child {margin-bottom:0;}
.ordResultSec .resultBox .ordCode {color:#222; font-size:16px; font-weight:700; display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.ordResultSec .resultBox .ordCode a {display:inline-block; font-size:14px; font-weight:400; position:relative;}
.ordResultSec .resultBox .ordCode a:after {content:''; position:absolute; left:0; bottom:-2px; width:100%; height:1px; background:#222;}
.ordResultSec .resultBox .ordCode .scTxt {color:#777; font-size:14px; font-weight:400;}
.ordResultSec .resultBox .orderInfo {position:relative; padding-top:24px; margin-top:24px; border-top:1px solid #E5E5E5;}
.ordResultSec .resultBox .resTitle {color:#222; font-size:16px; font-weight:700; display:flex; justify-content:flex-start; align-items:center; gap:8px; position:relative;}
.ordResultSec .resultBox .resTitle em {color:#25C44D;}
.ordResultSec .resultBox .resTitle span {color:#777; font-size:14px; font-weight:400;}
.ordResultSec .resultBox .resTitle.viewCDtail {cursor:pointer;}
.ordResultSec .resultBox .resTitle.viewCDtail:after {content:''; position:absolute; right:0; top:6px; width:12px; height:7px; background:url(/img/ar_select.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.ordResultSec .resultBox .resTitle.viewCDtail.on:after {transform:rotate(180deg);}

.ordPrdList {position:relative; padding-top:24px; margin-top:24px; border-top:1px solid #E5E5E5;}
.ordPrdList ul {margin-top:24px; display:flex; justify-content:flex-start; align-items:flex-start; gap:8px; flex-direction:column;}
.ordPrdList ul li {display:none; position:relative; width:100%;}
.ordPrdList ul li:first-child {display:block;}
.ordPrdList ul li .inOrd {display:flex; justify-content:space-between; align-items:center;}

.ordPrdList ul li .inOrd .ordPrd {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.ordPrdList ul li .inOrd .ordPrd .comnChk {width:22px;}
.ordPrdList ul li .inOrd .ordPrd .thumb {width:28px; height:28px; position:relative; border-radius:4px; border:1px solid #E5E5E5; overflow:hidden; flex:0 0 auto;}
.ordPrdList ul li .inOrd .ordPrd .thumb img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto;}
.ordPrdList ul li .inOrd .ordPrd .prdName {color:#222; font-size:14px; font-weight:400;}
.ordPrdList ul li .inOrd .pQty {text-align:right; color:#222; font-size:14px; width:80px; flex:0 0 auto;}
.ordResultSec .resultBox .ordPrdList .btnFold {display:block; margin-top:16px;}
.ordResultSec .resultBox .ordPrdList .btnFold a {display:flex; justify-content:center; align-items:center; gap:6px; color:#222; font-size:14px; font-weight:500; padding:12px 0; border:1px solid #222; border-radius:4px; position:relative;}
.ordResultSec .resultBox .ordPrdList .btnFold a:after {content:''; width:10px; height:8px; background:url(/img/ar_fold.svg) no-repeat 50% 50%; background-size:100%;}
.ordResultSec .resultBox .ordPrdList .btnFold a.on:after {transform:rotate(180deg);}

.costDetail {position:relative; display:none; padding:12px 0 0;}
.costDetail li {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:6px 0; font-weight:500; color:#666; font-size:16px;}
.costDetail li .ipCon {text-align:right;}
.costDetail li.costDc .ipCon {color:#FF521C;}
.costDetail li.total {margin-top:16px; padding:20px 0; border-top:1px solid #ddd; color:#273269;}
.costDetail li.total .ipCon {font-size:20px; font-weight:600;}
.costDetail li dl {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:6px 0 0; font-weight:400; color:#777; font-size:14px; width:100%;}
.costDetail li dl dt {text-align:left; width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:4px;}
.costDetail li dl dd {text-align:right; width:30%; margin-bottom:4px;}

.memberSec {position:relative; width:100%; max-width:844px; margin:0 auto; padding-top:80px;}
.memberSec.login {max-width:400px;}
.memberSec .memTitle {color:#222; font-size:28px; font-weight:600; margin-bottom:40px; text-align:center;}
.memberSec .loginForm {position:relative; margin:0 auto 8px; width:100%;}
.memberSec .loginForm input {display:inline-block; width:100%; height:44px; background:#FFF; border:0; padding:0 15px; color:#222; font-size:16px; border:1px solid #E5E5E5;}
.memberSec .loginForm input:focus {outline:2px solid #25C44D; z-index:10;}
.memberSec .loginForm .input {position:relative; z-index:1;}
.memberSec .loginForm .input.is-focus {z-index:10;}
.memberSec .loginForm .input.id input {border-radius:4px 4px 0 0;}
.memberSec .loginForm .input.pw {margin-top:-2px;}
.memberSec .loginForm .input.pw input {border-radius:0 0 4px 4px;}
.memberSec .loginForm .input .inputDel {position:absolute; right:14px; top:50%; transform:translate(0, -50%); width:16px; height:16px; background:url(/img/ico_del.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px; display:none;}
.memberSec.login .btnArea {position:relative; display:block;}
.memberSec .btnArea {position:relative; display:flex; justify-content:center; align-items:center; gap:10px; text-align:center;}
.memberSec .btnArea .btnLogin {display:block; padding:12px 0; border-radius:4px; background:#25C44D; color:#FFF; font-size:16px; font-weight:600; text-align:center;}
.memberSec .btnArea .btnRegist {display:inline-block; width:190px; padding:12px 0; border-radius:4px; background:#273269; border:1px solid #273269; color:#FFF; font-size:16px; font-weight:600; text-align:center;}
.memberSec .btnArea .btnCancel {display:inline-block; width:190px; padding:12px 0; border-radius:4px; background:#FFF; border:1px solid #E5E5E5; color:#222; font-size:16px; font-weight:600; text-align:center;}
.memberSec .btnArea ul {display:flex; justify-content:flex-end; align-items:center; gap:17px; margin-top:8px;}
.memberSec .btnArea ul li {display:block; position:relative;}
.memberSec .btnArea ul li:after {content:''; position:absolute; right:-8px; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#aaa;}
.memberSec .btnArea ul li:last-child:after {display:none;}
.memberSec .btnArea ul li a {display:block; color:#aaa; font-size:14px;}
.memberSec .regiGuide {margin-top:16px; padding-top:16px; border-top:1px solid #E5E5E5;}
.memberSec .regiGuide .guideTxt {color:#222; font-size:14px; font-weight:500; margin-bottom:8px;}
.memberSec .regiGuide .btnRegist {display:block; padding:12px 0; border-radius:4px; background:#273269; color:#FFF; font-size:16px; font-weight:600; text-align:center;}

.regiKind {display:flex; justify-content:flex-start; align-items:stretch; gap:24px; width:100%; max-width:464px; margin:0 auto;}
.regiKind a.regiBtn {position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:24px; width:calc(50% - 12px); padding:40px 0; color:#273269; font-size:18px; font-weight:700; text-align:center; background:#FFF; border-radius:24px; border:1px solid #E5E5E5;}
.regiKind a.regiBtn:before {content:''; width:24px; height:24px;}
.regiKind a.regiBtn.personal:before {background:url(/img/mico_personal.svg) no-repeat 50% 50%; background-size:100%;}
.regiKind a.regiBtn.corp:before {background:url(/img/mico_corp.svg) no-repeat 50% 50%; background-size:100%;}
.regiKind a.regiBtn:hover {background:#273269; border:1px solid #273269; color:#FFF; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);}
.regiKind a.regiBtn.personal:hover:before {background:url(/img/mico_personal_on.svg) no-repeat 50% 50%; background-size:100%;}
.regiKind a.regiBtn.corp:hover:before {background:url(/img/mico_corp_on.svg) no-repeat 50% 50%; background-size:100%;}

.registerInfo {position:relative; width:100%; max-width:464px; margin:48px auto 0;}
.registerInfo .infoTitle {position:relative; color:#222; font-size:16px; font-weight:600; display:flex; justify-content:flex-start; align-items:center; gap:4px; margin-bottom:12px;}
.registerInfo .infoTitle:before {content:''; width:24px; height:24px; background:url(/img/mico_myname.svg) no-repeat 50% 50%; background-size:100%;}
.registerInfo .infoDesc {color:#777; font-size:12px; line-height:1.4;}
.registerInfo .infoDesc a {display:inline-block; color:#222; text-decoration:underline;}

.memKind {display:flex; justify-content:flex-start; align-items:center; gap:16px; margin-bottom:16px;}
.memKind .comnRadio {color:#222; font-size:16px; font-weight:600;}

.findForm {position:relative; margin:0 auto 8px; width:100%;}
.findForm input[type="text"] {display:inline-block; width:100%; height:44px; background:#FFF; border:0; padding:0 15px; color:#222; font-size:16px; border:1px solid #E5E5E5;}
.findForm .input {position:relative; margin-bottom:-1px;}

.resultTxt {position:relative; background:#FFF; border-radius:6px; padding:20px; border:1px solid #E5E5E5; margin-bottom:8px;}
.resultTxt .txt {text-align:center; color:#222; font-size:16px; padding:10px 0;}
.resultTxt .txt strong {font-weight:700;}
.resultTxt ul {display:block;}
.resultTxt ul li {display:flex; justify-content:flex-start; align-items:center; gap:10px; font-size:12px; color:#777; margin:14px 0;}
.resultTxt ul li .comnRadio {font-size:14px; color:#222; font-weight:600;}

.regiFormBox {position:relative; margin-bottom:32px;}
.regiFormBox .regiFormTitle {display:flex; justify-content:flex-start; align-items:center; color:#222; font-size:20px; font-weight:700; margin-bottom:16px; padding:0 10px; gap:16px;}
.regiFormBox .regiFormTitle label {font-size:16px; font-weight:600;}
.regiFormBox .inBox {padding:34px 24px; background:#FFF; border:1px solid #E5E5E5; border-radius:16px;}
.regiFormBox .inBox.agree {padding:0 24px 34px;}
.regiFormBox label {margin-right:20px;}
.regiFormBox label:last-child {margin-right:0px;}
.regiFormBox a.btnChk {display:inline-block; padding:0 20px; height:44px; line-height:44px; color:#FFF; font-size:14px; font-weight:700; background:#B2B2B2; border-radius:4px;}
.regiFormBox a.btnChk.dis {color:#999; background:#FFF; border:1px solid #b2b2b2;}
.regiFormBox .birthSet {display:flex; justify-content:flex-start; align-items:center; gap:20px;}
.regiFormBox .birthSet .inputBirth {display:inline-flex; justify-content:flex-start; align-items:center; gap:10px; color:#777; font-size:14px; font-weight:400;}
.regiFormBox .birthSet .inputBirth input.birthYr {width:100px !important;}
.regiFormBox .birthSet .inputBirth input.birthMon {width:60px !important;}
.regiFormBox .birthSet .inputBirth input.birthDay {width:60px !important;}
.regiFormBox .birthSet .birthOpt {display:flex; justify-content:flex-start; align-items:center; gap:20px;}
.regiFormBox .birthSet .birthOpt label {margin-right:0; font-size:14px;}
.regiFormBox .emailSet {display:flex; justify-content:flex-start; align-items:center; gap:10px; margin-bottom:8px;}
.regiFormBox .emailSet:last-child {margin-bottom:0;}
.regiFormBox .termsBox {position:relative;}
.regiFormBox .termsBox .termsItem {position:relative; display:flex; justify-content:space-between; align-items:center; padding:26px 0;}
.regiFormBox .termsBox .termsItem .comnChk {font-size:14px; font-weight:500;}
.regiFormBox .termsBox .termsItem .arFold {width:24px; height:24px; background:url(/img/ar_select.svg) no-repeat 50% 50%; background-size:12px auto; transform:rotate(180deg); cursor:pointer;}
.termsCont {display:block; height:140px; border:1px solid #E5E5E5; padding:20px; overflow:hidden; overflow-y:auto; border-radius:4px; background:#f9f9f9; font-size:14px; line-height:1.4;}
.termsCont h2 {font-size:14px; font-weight:700; padding:10px 0;}
.termsCont h3 {font-size:14px; font-weight:700; padding:10px 0;}
.termsCont h4 {font-size:14px; font-weight:700; padding:10px 0;}
.termsCont h5 {font-size:14px; font-weight:700; padding:10px 0;}
.termsCont strong {font-size:14px; font-weight:700; padding:10px 0; display:block;}
.termsCont p {font-size:14px; line-height:1.4;}
.termsCont ol {font-size:14px; line-height:1.4; display:block;}
.termsCont ol li {font-size:14px; line-height:1.4; display:block;}
.termsCont dl {font-size:14px; line-height:1.4; display:block; margin:10px 0;}
.termsCont dl dt {font-size:14px; line-height:1.4; display:block;}
.termsCont dl dd {font-size:14px; line-height:1.4; display:block;}
.termsCont.full {padding:34px 24px; background:#FFF; border:1px solid #E5E5E5; border-radius:16px; height:auto;}

/** paging **/
.pagingWrap {display:flex; justify-content:center; align-items:center; gap:5px; margin:40px 0;}
.pagingWrap a {display:inline-flex; justify-content:center; align-items:center; border-radius:50%; color:#000; font-size:16px; width:36px; height:36px; line-height:1.0; font-weight:400;}
.pagingWrap a.dir {border:2px solid transparent; width:30px;}
.pagingWrap a.dir.first {background:url(/img/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg); opacity:0.3;}
.pagingWrap a.dir.forward {background:url(/img/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg); opacity:0.3;}
.pagingWrap a.dir.back {background:url(/img/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px; opacity:0.3;}
.pagingWrap a.dir.backword {background:url(/img/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px; opacity:0.3;}
.pagingWrap a.on {background:#000; color:#FFF; font-weight:700; position:relative;}

.myLnb {position:relative;}
.myLnb .myLnbMenu {display:block; width:194px; background:#FFF; border:1px solid #E5E5E5; border-radius:16px; padding:32px 20px 24px;}
.myLnb .myLnbMenu .myName {color:#222; font-size:28px; font-weight:400; margin-bottom:24px;}
.myLnb .myLnbMenu .myName strong {font-weight:700;}
.myLnb .myLnbMenu .menuSet {position:relative; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #E5E5E5;}
.myLnb .myLnbMenu .menuSet .mnTitle {color:#222; font-size:18px; font-weight:700; padding:16px 0; line-height:1.0;}
.myLnb .myLnbMenu .menuSet ul {position:relative;}
.myLnb .myLnbMenu .menuSet ul li {display:block;}
.myLnb .myLnbMenu .menuSet ul li a {display:block; padding:10px 0; line-height:1.0; color:#222; font-size:16px; font-weight:500;}
.myLnb .myLnbMenu .menuSet ul li a:hover {color:#25C44D;}
.myLnb .myLnbMenu .menuSet ul li a.on {color:#25C44D; font-weight:700;}
.myLnb .myLnbMenu .menuSet:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0;}
.myLnb .changeMem {position:relative; margin-top:16px;}
.myLnb .changeMem a {display:flex; justify-content:flex-start; align-items:center; gap:6px; padding:16px; background:#FFF; border:1px solid #273269; border-radius:16px; color:#273269; font-size:16px; font-weight:500; position:relative;}
.myLnb .changeMem a:before {content:''; width:18px; height:18px; background:url(/img/mico_corp.svg) no-repeat 50% 50%; background-size:100%;}
.myLnb .changeMem a:after {content:''; position:absolute; right:16px; top:50%; transform:translate(0, -50%); width:5px; height:8px; background:url(/img/ar_corp_off.svg) no-repeat 50% 50%; background-size:100%;}
.myLnb .changeMem a:hover {background:#273269; color:#FFF;}
.myLnb .changeMem a:hover:before {background:url(/img/mico_corp_on.svg) no-repeat 50% 50%; background-size:100%;}
.myLnb .changeMem a:hover:after {background:url(/img/ar_corp_on.svg) no-repeat 50% 50%; background-size:100%;}

.myLnb .myLnbMenu .helpDesk {position:relative; margin:30px 0 10px;}
.myLnb .myLnbMenu .helpDesk .hpTitle {color:#222; font-size:14px; font-weight:500; margin-bottom:5px;}
.myLnb .myLnbMenu .helpDesk .tel {color:#222; font-size:26px; font-weight:700; margin:0 0 5px 0;}
.myLnb .myLnbMenu .helpDesk .time {color:#666; font-size:14px; line-height:1.3;}
.myLnb .myLnbMenu .helpDesk .holiday {color:#666; font-size:12px; line-height:1.3; margin-top:10px;}

.myCont {position:relative; width:calc(100% - 218px);}
.myCont .myItems {position:relative; margin-bottom:56px;}
.myCont .myItems.between {display:flex; justify-content:flex-start; align-items:stretch; gap:27px; flex-wrap:wrap;}
.myCont .myItems:last-child {margin-bottom:0;}

.myCont .btnArea {display:flex; justify-content:space-between; align-items:center; margin-top:40px;}
.myCont .btnArea .btnFunc {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.myCont .btnArea a.bbsBtn {display:block; padding:13px 0; width:176px; border-radius:4px; text-align:center;}
.myCont .btnArea a.bbsBtn.list {border:1px solid #E5E5E5; background:#FFF; color:#222; font-size:14px; font-weight:500;}
.myCont .btnArea a.bbsBtn.cancel {border:1px solid #E5E5E5; background:#FFF; color:#222; font-size:14px; font-weight:500;}
.myCont .btnArea a.bbsBtn.confirm {border:1px solid #273269; background:#273269; color:#FFF; font-size:14px; font-weight:500;}
.myCont .btnArea a.bbsBtn.delete {border:1px solid #E5E5E5; background:#FFF; color:#222; font-size:14px; font-weight:500;}
.myCont .btnArea a.bbsBtn.edit {border:1px solid #273269; background:#273269; color:#FFF; font-size:14px; font-weight:500;}

.myCont .myTitleSec {display:flex; justify-content:space-between; align-items:center; padding:0 10px 16px; flex-wrap:wrap;}
.myCont .myTitleSec.bdr {border-bottom:1px solid #222;}
.myCont .myTitleSec .title {color:#222; font-size:20px; font-weight:700;}
.myCont .myTitleSec .title span {color:#777; font-size:12px; font-weight:400; margin-left:10px;}
.myCont .myTitleSec .title em {color:#25C44D; font-size:16px; margin-left:10px;}
.myCont .myTitleSec .title em i {color:#666; font-size:12px; font-weight:500; margin-left:5px;}
.myCont .myTitleSec .ordFunc {display:flex; justify-content:flex-end; align-items:center; gap:16px;}
.myCont .myTitleSec a.moreView {display:inline-flex; justify-content:flex-start; align-items:center; color:#aaa; font-size:14px; font-weight:500; gap:5px; position:relative;}
.myCont .myTitleSec a.moreView:after {content:''; width:7px; height:12px; background:url(/img/ar_gray.svg) no-repeat 50% 50%; background-size:100%;}
.myCont .myTitleSec a.ordCancel {display:inline-flex; justify-content:flex-start; align-items:center; color:#222; font-size:14px; font-weight:500; gap:0px; position:relative;}
.myCont .myTitleSec a.ordCancel:after {content:''; width:20px; height:20px; background:url(/img/ico_cancel.svg) no-repeat 50% 50%; background-size:100%;}
.myCont .myTitleSec a.ordDelivery {display:inline-flex; justify-content:flex-start; align-items:center; color:#222; font-size:14px; font-weight:500; gap:0px; position:relative;}
.myCont .myTitleSec a.ordDelivery:after {content:''; width:20px; height:20px; background:url(/img/ar_black.svg) no-repeat 50% 50%; background-size:7px auto;}
.myCont .myTitleSec a.ordRefund {display:inline-flex; justify-content:flex-start; align-items:center; color:#222; font-size:14px; font-weight:500; gap:0px; position:relative;}
.myCont .myTitleSec a.ordRefund:after {content:''; width:20px; height:20px; background:url(/img/ico_refund.svg) no-repeat 50% 50%; background-size:100%;}
.myCont .myTitleSec a.ordRepok {display:inline-flex; justify-content:flex-start; align-items:center; color:#222; font-size:14px; font-weight:500; gap:0px; position:relative;}
.myCont .myTitleSec a.ordRepok:after {content:''; width:20px; height:20px; background:url(/img/ico_repok.svg) no-repeat 50% 50%; background-size:100%;}
.myCont .myTitleSec a.txtBtn {display:block; padding:8px 10px; color:#222; font-size:12px; font-weight:500; border:1px solid #E5E5E5; border-radius:4px;}
.myCont .myTitleSec .refundStats {display:flex; justify-content:flex-end; align-items:center; gap:10px;}
.myCont .myTitleSec .refundStats em {color:#273269; font-size:16px; font-weight:700; margin-right:10px;}
.myCont .myTitleSec .refundStats em i {color:#666; font-size:12px; font-weight:500; margin-left:5px;}
.myCont .myTitleSec .title .notCostPrice {color:#FF521C; font-size:16px; font-weight:700;}
.myCont .myTitleSec .sortFunc {display:flex; justify-content:flex-end; align-items:center; gap:20px;}
.myCont .myTitleSec .sortFunc a {display:block; position:relative; color:#aaa; font-size:12px; font-weight:500;}
.myCont .myTitleSec .sortFunc a:after {content:''; position:absolute; right:-10px; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#aaa;}
.myCont .myTitleSec .sortFunc a:last-child:after {display:none;}
.myCont .myTitleSec .sortFunc a.on {color:#222; font-weight:600;}

.myCont .myTitleSec .pGuide {display:block; width:100%; margin-top:8px; padding:0 6px;}
.myCont .myTitleSec .pGuide li {display:block; padding-left:10px; color:#777; font-size:12px; line-height:1.4; position:relative;}
.myCont .myTitleSec .pGuide li:after {content:''; position:absolute; left:0; top:7px; width:2px; height:2px; background:#777; border-radius:50%;}

.myCont .myComnPrdBox {position:relative; border:1px solid #E5E5E5; border-radius:16px; padding:24px;}
.myCont .myComnPrdBox .ordCode {display:flex; justify-content:space-between; align-items:center; margin-bottom:24px;}
.myCont .myComnPrdBox .ordCode .title {color:#222; font-size:14px;font-weight:500;}
.myCont .myComnPrdBox .ordCode .title em {font-weight:700;}
.myCont .myComnPrdBox .ordCode .title a {display:inline-block; color:#222; text-decoration:underline; font-weight:500;}
.myCont .myComnPrdBox.plat {border:0; padding:0;}
.myCont .myComnPrdBox.ordList .ordPrdList ul {margin-top:0;}
.myCont .myComnPrdBox.ordList .ordPrdList ul li {display:block !important; margin:4px 0;}
.myCont .myComnPrdBox.ordList .ordPrdList ul li .inOrd .ordPrd .thumb {width:50px; height:50px;}
.myCont .myComnPrdBox.ordList .myOrdFunc {display:flex; justify-content:flex-end; align-items:center; gap:20px;}
.myCont .myComnPrdBox.ordList .myOrdFunc > a {display:inline-block; color:#222; font-size:12px; font-weight:500; position:relative;}
.myCont .myComnPrdBox.ordList .myOrdFunc > a:hover {text-decoration:underline;}
.myCont .myComnPrdBox.ordList .myOrdFunc > a:after {content:''; position:absolute; right:-10px; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#777;}
.myCont .myComnPrdBox.ordList .myOrdFunc > a:last-child:after {display:none;}
.myCont .myComnPrdBox.ordList .btnRebuy {display:flex; justify-content:center; align-items:center; margin-top:20px; padding:24px 0 6px; text-align:center; border-top:1px solid #E5E5E5; color:#222; font-size:14px; font-weight:500; position:relative;}
.myCont .myComnPrdBox.ordList .btnRebuy:after {content:''; width:7px; height:12px; background:url(/img/ar_black.svg) no-repeat 50% 50%; background-size:100%; margin-left:8px;}
.myCont .myComnPrdBox.ordList .btnRebuy em {font-weight:700; margin-right:4px;}
.myCont .myComnPrdBox .btnArea {display:flex; justify-content:flex-end; align-items:center; gap:8px; margin:16px 0 0 0;}
.myCont .myComnPrdBox .btnArea .myBtn {display:inline-block; padding:10px 20px; border-radius:4px; font-weight:500;}
.myCont .myComnPrdBox .btnArea .myBtn.cancel {border:1px solid #25C44D; color:#25C44D; background:#FFF;}
.myCont .myComnPrdBox .btnArea .myBtn.back {border:1px solid #ccc; color:#aaa; background:#FFF;}

.myStats {position:relative; display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; border:1px solid #E5E5E5; border-radius:16px;}
.myStats:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; height:1px; background:#E5E5E5;}
.myStats:before {content:''; position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:1px; height:100%; background:#E5E5E5;}
.myStats .perStats {display:flex; justify-content:space-between; align-items:center; padding:36px 32px; width:50%;}
.myStats .perStats .itemTitle {display:flex; justify-content:flex-start; align-items:center; gap:4px; color:#222; font-size:18px; font-weight:700; position:relative;}
.myStats .perStats .itemTitle.point:before {content:''; width:24px; height:24px; background:url(/img/myico_point.svg) no-repeat 50% 50%; background-size:100%;}
.myStats .perStats .itemTitle.coupon:before {content:''; width:24px; height:24px; background:url(/img/myico_coupon.svg) no-repeat 50% 50%; background-size:100%;}
.myStats .perStats .itemTitle.cash:before {content:''; width:24px; height:24px; background:url(/img/myico_cash.svg) no-repeat 50% 50%; background-size:100%;}
.myStats .perStats .itemTitle.notpay:before {content:''; width:24px; height:24px; background:url(/img/myico_notpay.svg) no-repeat 50% 50%; background-size:100%;}
.myStats .perStats .ipCon {color:#222; font-size:12px; font-weight:400; text-align:right;}
.myStats .perStats .ipCon em {font-size:24px; font-weight:700; margin-right:4px;}

.ordStats {position:relative;}
.ordStats .statsBox {position:relative; display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; border:1px solid #E5E5E5; border-radius:16px; padding:20px 0;}
.ordStats .statsBox .per {width:20%; display:flex; justify-content:space-between; align-items:center; position:relative; padding:0 24px;}
.ordStats .statsBox .per:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:30px; background:#E5E5E5;}
.ordStats .statsBox .per:last-child:after {display:none;}
.ordStats .statsBox .per .item {color:#222; font-size:14px; font-weight:500;}
.ordStats .statsBox .per .ipCon {color:#222; font-size:24px; font-weight:700;}

.myItems .prdPrev {position:absolute; left:-12px; top:31%; width:24px; height:24px; background:url(/img/dir_on.svg) no-repeat 50% 50%; background-size:100%; transform:translate(0, -50%) rotate(180deg); flex:0 0 auto; cursor:pointer; z-index:10;}
.myItems .prdNext {position:absolute; right:-12px; top:31%; width:24px; height:24px; background:url(/img/dir_on.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto; cursor:pointer; transform:translate(0, -50%); z-index:10;}
.myItems .prdPrev.swiper-button-disabled {background:url(/img/dir_off.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}
.myItems .prdNext.swiper-button-disabled {background:url(/img/dir_off.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}

.myItems .ordList .prdPrev {left:12px; top:45%;}
.myItems .ordList .prdNext {right:12px; top:45%;}

.mySchSec {display:flex; justify-content:space-between; align-items:center; border-top:1px solid #222; background:#F6F7F9; padding:12px 16px; margin-bottom:32px;}
.mySchSec .periodSch {display:flex; justify-content:flex-start; align-items:center;}
.mySchSec .periodSch p {color:#222; font-size:14px; font-weight:600; margin-right:13px;}
.mySchSec .periodSch a {display:block; border:1px solid #E5E5E5; background:#FFF; width:60px; text-align:center; height:36px; line-height:34px; color:#222; font-size:12px; font-weight:500; margin-left:-1px;}
.mySchSec .periodSch a.on {color:#25C44D;}
.mySchSec .periodSch a:first-of-type {border-radius:4px 0 0 4px; margin-left:0;}
.mySchSec .periodSch a:last-child {border-radius:0 4px 4px 0;}
.mySchSec .calenderSch {display:flex; justify-content:flex-start; align-items:center; gap:4px;}
.mySchSec .calenderSch .inputCalendar {display:inline-block; width:120px; height:36px; border:1px solid #E5E5E5; background:#FFF url(/img/ico_cal.svg) no-repeat right 10px center; background-size:16px; padding:0 36px 0 10px; color:#222; font-size:12px; border-radius:4px;}
.mySchSec .calenderSch select {display:inline-block; border:1px solid #E5E5E5; height:36px; font-size:12px; font-weight:500;}
.mySchSec .calenderSch .btnSearch {padding:10px 14px; background:#273269; border:1px solid #E5E5E5; color:#FFF; font-size:12px; font-weight:500; border-radius:4px;}
.mySchSec .calenderSch .comnChk {font-size:12px; color:#777; margin-left:4px;}

.perOrd .perPrd:hover .thumb {border:1px solid #E5E5E5;}
.perOrd .perPrd .thumb {border-radius:6px;}
.perOrd .perPrd .prdInfo {margin-top:8px; padding:0 6px;}
.perOrd .perPrd .prdInfo .prdName {font-size:14px; line-height:1.3; height:38px; padding-right:0;}
.perOrd .perPrd .prdInfo .costInfo {color:#222; font-size:14px;}
.perOrd .perPrd .prdInfo .costInfo em {font-weight:700;}

.myOrdList {position:relative; margin-top:32px;}
.partItem {width:calc(50% - 14px); display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}
.partItem .myComnPrdBox {height:100%;}
.partItem .costDetail {display:block; padding:0; min-height:178px;}
.partItem .costDetail:last-of-type {height:auto; min-height:0;}
.partItem .costDetail li.total {padding-bottom:0;}
.partItem .costDetail li.total .ipCon {color:#25C44D; font-weight:700;}
.partItem .costDetail li.total .ipCon em {color:#aaa; font-size:14px; margin-left:4px; font-weight:400;}

.rebuyGuide {color:#222; font-size:14px; padding:20px; background:#F6F7F9; line-height:1.4; font-weight:500; margin-top:-32px; border-top:1px solid #E5E5E5;}
.selectFunc {display:flex; justify-content:flex-start; align-items:center; margin:16px 0; padding:0 20px; gap:16px;}
.selectFunc .comnChk {color:#222; font-size:14px; font-weight:500;}
.selectFunc .btnDel {display:flex; justify-content:flex-start; align-items:center; gap:0px; position:relative; color:#222; font-size:14px; font-weight:500;}
.selectFunc .btnDel:before {content:''; width:20px; height:20px; background:url(/img/ico_trash.svg) no-repeat 50% 50%; background-size:100%;}
.selectFunc.myFavo {padding:0 12px;}

.rebuyBtns {display:flex; justify-content:flex-start; align-items:stretch; gap:4px; flex-direction:column;}
.rebuyBtns .moBtn {display:block; width:120px; padding:10px 0; color:#aaa; font-size:14px; border:1px solid #E5E5E5; border-radius:4px; text-align:center;}
.rebuyBtns .moBtn:hover {border:1px solid #273269; color:#273269;}

.rebuyTotal {display:flex; justify-content:space-between; align-items:center; padding:30px 0 30px 34px;;}
.rebuyTotal .costSec {display:flex; justify-content:flex-start; align-items:center; gap:30px;}
.rebuyTotal .costSec .txt {color:#222; font-size:12px; font-weight:400;}
.rebuyTotal .costSec .txt span {color:#222; display:block; font-size:16px; font-weight:600; margin-top:4px;}
.rebuyTotal .costSec .totalTxt {color:#222; font-size:18px; font-weight:600;}
.rebuyTotal .costSec .totalTxt em {color:#25C44D; margin-left:10px;}
.rebuyTotal .costSec > span {font-size:16px; color:#777;}
.rebuyTotal .btnSec {display:flex; justify-content:flex-start; align-items:stretch; gap:4px;}
.rebuyTotal .moBtn {display:block; width:120px; padding:10px 0; color:#222; font-size:14px; border:1px solid #aaa; border-radius:4px; text-align:center; font-weight:600;}
.rebuyTotal .moBtn.order {border:1px solid #273269; background:#273269; color:#FFF;}

.reasonBox {position:relative; padding-top:20px; margin-top:20px; border-top:1px solid #ccc; }
.reasonBox .refundMethod {display:flex; justify-content:flex-start; align-items:center; gap:16px; margin-bottom:10px;}
.reasonBox .refundMethod .comnRadio {font-size:14px; font-weight:600;}
.reasonBox .reaTxt {color:#222; font-size:16px; font-weight:500; line-height:1.4; margin-bottom:16px;}
.reasonBox .reaTxt strong {color:#25C44D; font-weight:700;}
.reasonBox textarea {display:inline-block; width:100%; height:140px; padding:20px; border:1px solid #E5E5E5; background:#FFF; border-radius:4px;}

.myCont .cartList {padding:0 20px;}

.notCostPay {display:flex; justify-content:flex-start; align-items:flex-start; gap:8px; flex-wrap:wrap; border:1px solid #273269; border-radius:16px; padding:24px 32px; margin-bottom:64px;}
.notCostPay .perPart {width:calc(33.33334% - 6px);}
.notCostPay .perPart .title {color:#222; font-size:14px; font-weight:500; margin-bottom:8px;}
.notCostPay .perPart .comnChk {color:#222; font-size:14px; margin-bottom:8px;}
.notCostPay .perPart input[type="texT"] {display:inline-block; width:100%; height:44px; line-height:42px; border:1px solid #E5E5E5; border-radius:4px; padding:0 15px;}
.notCostPay .perPart input[type="texT"].inputCost {border:1px solid #222; text-align:right; color:#222; font-weight:600;}
.notCostPay .perPart .btnCost {display:flex; height:44px; justify-content:center; align-items:center; border-radius:4px; background:#273269; color:#FFF; font-size:14px; font-weight:600; text-align:center;}

.myListBox {position:relative;}
.myListBox ul {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap;}
.myListBox ul li {text-align:center; color:#222; font-size:14px; font-weight:500; width:150px; flex:0 0 auto; display:flex; justify-content:center; align-items:center;}
.myListBox ul li.cont {width:auto; flex:1 0 auto;}
.myListBox ul li.prd {width:auto; flex:1 0 auto;}
.myListBox ul li.kind {width:100px;}
.myListBox ul li.usekind {width:100px;}
.myListBox ul li.number {width:80px;}
.myListBox ul li a.btnPrint {display:flex; justify-content:center; align-items:center; color:#222; font-size:14px;}
.myListBox ul li a.btnPrint:before {content:''; width:20px; height:20px; background:url(/img/ico_print.svg) no-repeat 50% 50%; background-size:100%;}
.myListBox ul li a.btnPrint:hover {text-decoration:underline;}
.myListBox ul li a.btnReview {display:flex; justify-content:center; align-items:center; color:#FF521C; font-size:14px;}
.myListBox ul li a.btnReview:before {content:''; width:20px; height:20px; background:url(/img/ico_review.svg) no-repeat 50% 50%; background-size:100%;}
.myListBox ul li a.txtBtn {display:block; color:#aaa; font-size:14px; font-weight:500; margin-right:20px; position:relative;}
.myListBox ul li a.txtBtn:after {content:''; position:absolute; right:-10px; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#aaa;}
.myListBox ul li a.txtBtn:last-child {margin-right:0;}
.myListBox ul li a.txtBtn:last-child:after {display:none;}
.myListBox ul.tHead {padding:20px 0; background:#F6F7F9; border-top:1px solid #222;}
.myListBox ul.tBody {padding:15px 0; border-bottom:1px solid #E5E5E5;}
.myListBox ul.tBody li.date {color:#aaa;}
.myListBox ul.tBody li.cost {font-weight:600;}
.myListBox ul.tBody li.used {color:#FF521C;}
.myListBox.notCost ul li.cont {width:calc(100% - 450px); flex:0 0 auto;}
.myListBox.point ul li.cont {width:calc(100% - 500px); flex:0 0 auto;}
.myListBox.review ul.tHead {border-top:0;}
.myListBox.review ul.tBody li.cont {width:calc(100% - 450px); flex:0 0 auto; justify-content:flex-start; flex-wrap:wrap;}
.myListBox.review ul.tBody li.cont .rvCont {display:block; width:100%; margin-top:8px; color:#aaa; font-size:14px; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.myListBox.qna ul.tBody li.cont {width:calc(100% - 380px); justify-content:flex-start; flex-wrap:wrap;}

.myFavoList {display:flex; justify-content:flex-start; align-items:stretch; gap:24px; flex-wrap:wrap;}
.myFavoList .perPrd {position:relative; width:calc((100% / 5) - 20px);}
.myFavoList .perPrd .thumb {border-radius:16px;}
.myFavoList .perPrd .thumb .comnChk {position:absolute; left:12px; top:12px; z-index:10; width:20px; height:20px;}

.myTab {display:flex; justify-content:flex-start; align-items:stretch; margin-bottom:16px;}
.myTab a {display:block; width:50%; border-bottom:1px solid #222; text-align:center; color:#aaa; font-size:16px; font-weight:600; padding:18px 0;}
.myTab a.on {border:1px solid #222; color:#222; border-bottom:1px solid #FFF;}
.myTab a span {font-weight:700; color:#25C44D;}

.rvPrd {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.rvPrd .thumb {width:32px; height:32px; position:relative; border-radius:4px; border:1px solid #E5E5E5; overflow:hidden;}
.rvPrd .thumb img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto;}
.rvPrd .prdName {color:#222; font-size:14px; font-weight:500; line-height:1.4;}

.rvResult {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.rvResult .getPoint {color:#222; font-size:18px; font-weight:700; line-height:1.4;}
.rvResult .getPoint em {color:#25C44D;}
.rvResult .currentPoint {color:#aaa; font-size:14px; font-weight:500; line-height:1.4;}
.rvResult .currentPoint em {color:#25C44D; font-size:16px; font-weight:700;}

.ableRvList {position:relative; background:#FFF; height:auto; max-height:calc(100vh - 500px); border:1px solid #E5E5E5; border-radius:8px; padding:16px; overflow:hidden; overflow-y:auto;}
.ableRvList > .title {color:#222; font-size:18px; font-weight:700; margin-bottom:16px;}
.ableRvList > .title em {color:#25C44D;}
.ableRvList .perAbleRv {position:relative; margin-bottom:24px;}
.ableRvList .perAbleRv .rvPrd {margin-bottom:8px !important;}
.ableRvList .perAbleRv .btnAbleRv {display:block; padding:8px; color:#25C44D; font-size:12px; font-weight:600; border:1px solid #25C44D; border-radius:4px; text-align:center;}

a.qnaCont {color:#222; font-size:14px; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.qnaStats {color:#222; font-size:14px; font-weight:500;}
.qnaStats.hold {color:#aaa;}
.qnaStats.comp {color:#273269; font-weight:600;}

.bbsForm {position:relative; border-top:1px solid #222;}
.bbsForm table {padding:0; margin:0; width:100%; table-layout:fixed;}
.bbsForm table th, .bbsForm table td {padding:16px 24px; border-bottom:1px solid #E5E5E5; min-height:44px; color:#222; font-size:14px; font-weight:500; line-height:1.4;}
.bbsForm table th {background:#F6F7F9; padding:29px 24px;}
.bbsForm input[type="text"] {display:inline-block; width:100%; height:44px; line-height:42px; background:#FFF; border:1px solid #E5E5E5; border-radius:4px; padding:0 15px; font-size:14px;}
.bbsForm select {display:inline-block; width:100%; height:44px; border:1px solid #E5E5E5; border-radius:4px; padding:0 15px; font-size:14px;}
.bbsForm textarea {display:inline-block; width:100%; height:200px; line-height:1.3; background:#FFF; border:1px solid #E5E5E5; border-radius:4px; padding:15px; font-size:14px; color:#222;}
.bbsForm .qnaCate {max-width:400px;}
.bbsForm .callBackSms {position:relative;}
.bbsForm .callBackSms .ynCallBack {display:flex; justify-content:flex-start; align-items:center; gap:16px; margin-bottom:16px;}
.bbsForm .callBackSms .ynCallBack .comnRadio {font-size:14px; color:#222; font-weight:600;}
.bbsForm .callBackSms .callBackHp {display:flex; justify-content:flex-start; align-items:center; gap:4px; color:#222; font-size:14px;}
.bbsForm .callBackSms .callBackHp .hp01 {width:100px;}
.bbsForm .callBackSms .callBackHp .hp02 {width:120px;}
.bbsForm .callBackSms .callBackHp .hp03 {width:120px;}
.bbsForm .qnaStats {display:inline-block; padding:6px 12px; border-radius:100px;}
.bbsForm .qnaStats.hold {background:#aaa; color:#FFF; font-size:12px;}
.bbsForm .qnaStats.comp {background:#273269; color:#FFF; font-size:12px;}
.bbsForm.answer table th {background:#edfff1;}

.memberSec .myTab {margin-bottom:24px;}
.memberSec .myTab a.on {border-bottom:1px solid #F6F7F9;}

.outGuide {position:relative; border:1px solid #E5E5E5; border-radius:16px; padding:24px; margin-bottom:24px;}
.outGuide > .title {color:#222; font-size:16px; font-weight:600; margin-bottom:16px;}
.outGuide .guideTxt {display:block;}
.outGuide .guideTxt li {display:block; padding-left:10px; color:#777; font-size:12px; line-height:1.4; position:relative;}
.outGuide .guideTxt li:after {content:''; position:absolute; left:0; top:7px; width:2px; height:2px; background:#777; border-radius:50%;}
.outGuide .reason {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:8px;}
.outGuide .reason li {width:calc(25% - 9px);}
.outGuide .reason li .comnChk {font-size:14px; color:#222; font-weight:500;}
.outGuide textarea {display:block; width:100%; height:100px; padding:15px; border-radius:6px; border:1px solid #E5E5E5; background:#f9f9f9; line-height:1.4;}

.cusMainCont {position:relative; width:calc(100% - 218px); display:flex; justify-content:flex-start; align-items:stretch; gap:24px; flex-wrap:wrap;}
.cusMainCont .cusFaqSec {position:relative; width:calc(50% - 12px);}
.cusMainCont .cusFaqSec .faqCate {padding:20px; display:flex; justify-content:flex-start; align-items:flex-start; gap:8px; flex-wrap:wrap;}
.cusMainCont .cusFaqSec .faqCate span a {display:block; border:1px solid #ccc; padding:6px 16px; background:#FFF; color:#222; font-size:14px; font-weight:500; border-radius:100px;}
.cusMainCont .cusFaqSec .faqCate span a:hover {background:#25C44D; border:1px solid #25C44D; color:#FFF;}
.faqSearch {position:relative; background:#F6F7F9; border-radius:16px; padding:20px;}
.faqSearch .faqTitle {color:#222; font-size:16px; font-weight:600; margin-bottom:10px; padding-left:16px;}
.faqSearch .schForm {position:relative; display:flex; justify-content:flex-start; align-items:center; gap:10px;}
.faqSearch .schForm input[type="text"] {display:inline-block; flex:1 0 auto; height:44px; border:1px solid #273269; background:#FFF; border-radius:100px; padding:0 30px;}
.faqSearch .schForm button {display:block; width:44px; height:44px; border-radius:50%; background:#273269 url(/img/ico_search_w.svg) no-repeat 50% 50%; background-size:22px; text-indent:-9999px; flex:0 0 auto;}

.faqListSec {position:relative; margin-top:16px;}
.faqListSec .titleSec {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #222; padding-bottom:10px;}
.faqListSec .titleSec .title {color:#222; font-size:16px; font-weight:500;}
.faqListSec .titleSec a {display:block; color:#777; font-size:14px;}
.faqListSec .faqList {position:relative;}

.faqBox {position:relative; padding:10px 0 0; border-bottom:1px solid #E5E5E5;}
.faqBox .questBox {position:relative;}
.faqBox .questBox a {position:relative; display:flex; justify-content:flex-start; align-items:flex-start; gap:6px; padding:0 20px 10px 0;}
.faqBox .questBox a .arFold {position:absolute; right:6px; top:4px; width:12px; height:12px; background:url(/img/ar_select.svg) no-repeat 50% 50%; background-size:12px auto; transition:.4s all;}
.faqBox .questBox a .arFold.on {transform:rotate(180deg);}
.faqBox .questBox .faqCate {display:inline-block; padding:4px 12px; color:#222; font-size:12px; background:#E5E5E5; border-radius:100px; flex:0 0 auto;}
.faqBox .questBox .qTxt {display:inline-block; color:#222; font-size:14px; font-weight:500; line-height:1.3; padding-top:2px;}
.faqBox .ansBox {border-top:1px dashed #ccc; padding:10px 16px; font-size:14px; font-weight:500; line-height:1.3; background:#F6F7F9; display:none;}

.cusMainCont .cusBbsSec {position:relative; width:calc(50% - 12px);}
.cusMainCont .cusBbsSec .titleSec {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #222; padding:10px 0; margin-bottom:16px;}
.cusMainCont .cusBbsSec .titleSec .title {color:#222; font-size:18px; font-weight:600;}
.cusMainCont .cusBbsSec .titleSec a {display:block; color:#777; font-size:14px;}
.bbsList {display:flex; justify-content:flex-start; align-items:stretch; gap:16px; flex-wrap:wrap;}
.bbsList .perArticle {width:calc(50% - 8px);}
.bbsList .perArticle a {display:block; padding:20px; border:1px solid #E5E5E5; border-radius:16px;}
.bbsList .perArticle a:hover {border:1px solid #273269;}
.bbsList .perArticle a .subject {display:block; color:#222; font-size:14px; font-weight:500; line-height:1.4; height:60px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.bbsList .perArticle a .date {color:#777; font-size:12px; font-weight:400; text-align:right; margin-top:10px;}

.cusCont {position:relative; width:calc(100% - 218px);}
.cusCont .csTitleSec {display:flex; justify-content:space-between; align-items:center; padding:0 10px 16px; flex-wrap:wrap;}
.cusCont .csTitleSec.bdr {border-bottom:1px solid #222;}
.cusCont .csTitleSec .title {color:#222; font-size:20px; font-weight:700;}
.cusCont .faqCate {display:flex; justify-content:flex-start; align-items:flex-start; gap:8px; margin:16px 0; flex-wrap:wrap;}
.cusCont .faqCate span a {display:block; border:1px solid #ccc; padding:8px 20px; background:#FFF; color:#222; font-size:15px; font-weight:400; border-radius:100px;}
.cusCont .faqCate span a:hover {background:#25C44D; border:1px solid #25C44D; color:#FFF;}
.cusCont .faqCate span a.on {background:#25C44D; border:1px solid #25C44D; color:#FFF;}

.cusCont .faqList {border-top:1px solid #222;}
.cusCont .faqBox {padding:16px 0 0;}
.cusCont .faqBox .questBox a {position:relative; display:flex; justify-content:flex-start; align-items:center; gap:10px; padding:0 40px 16px 10px;}
.cusCont .faqBox .questBox a .arFold {position:absolute; right:10px; top:8px; width:16px; height:16px; background:url(/img/ar_select.svg) no-repeat 50% 50%; background-size:16px auto; transition:.4s all;}
.cusCont .faqBox .questBox a .arFold.on {transform:rotate(180deg);}
.cusCont .faqBox .questBox .faqCate {display:inline-block; padding:8px 0; width:120px; text-align:center; color:#222; font-size:14px; font-weight:500; background:#E5E5E5; border-radius:100px; flex:0 0 auto; margin:0;}
.cusCont .faqBox .questBox .qTxt {display:inline-block; color:#222; font-size:16px; font-weight:500; line-height:1.3; padding-top:2px;}
.cusCont .faqBox .ansBox {border-top:1px dashed #ccc; padding:10px 16px; font-size:16px; font-weight:500; line-height:1.4; background:#F6F7F9; display:none;}

.cusCont .bbsList {margin-top:20px;}
.cusCont .bbsList .perArticle {width:calc(33.33334% - 11px);}
.cusCont .bbsList .perArticle a .subject {font-size:16px; height:70px;}
.cusCont .bbsList .perArticle a .date {font-size:14px;}

.cusCont .btnArea {display:flex; justify-content:space-between; align-items:center; margin-top:40px;}
.cusCont .btnArea .btnFunc {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.cusCont .btnArea a.bbsBtn {display:block; padding:13px 0; width:176px; border-radius:4px; text-align:center;}
.cusCont .btnArea a.bbsBtn.list {border:1px solid #273269; background:#273269; color:#FFF; font-size:14px; font-weight:500;}
.cusCont .btnArea a.bbsBtn.cancel {border:1px solid #E5E5E5; background:#FFF; color:#222; font-size:14px; font-weight:500;}
.cusCont .btnArea a.bbsBtn.confirm {border:1px solid #273269; background:#273269; color:#FFF; font-size:14px; font-weight:500;}
.cusCont .btnArea a.bbsBtn.delete {border:1px solid #E5E5E5; background:#FFF; color:#222; font-size:14px; font-weight:500;}
.cusCont .btnArea a.bbsBtn.edit {border:1px solid #273269; background:#273269; color:#FFF; font-size:14px; font-weight:500;}

.ui-datepicker-trigger {display:none !important;}