@charset "utf-8";
.forDesk {display:none;}
.forMo {display:block;}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {

}

@media only screen and (max-width:1400px) {

}

@media only screen and (max-width:1360px) {

}

@media only screen and (max-width:1200px) {

}

@media only screen and (max-width:1152px) {

}

@media only screen and (max-width:1024px) {
	.comnPop .popCont {padding:32px; border-radius:12px;}
	.comnPop .popCont .popTitle {font-size:18px;}
	.comnPop .popCont .loginForm input {font-size:14px;}
	.comnPop .popCont.comn {padding:20px;}
	.comnPop .titleSec {margin-bottom:6px; padding-bottom:10px;}
	.comnPop .titleSec .comnPopTitle {padding-bottom:10px; font-size:16px;}
	.comnPop .titleSec .comnPopDesc {line-height:1.3;}
	.comnPop .titleSec .comnBtn {right:-5px; top:-5px;}
	.comnPop .deliveryList > div {text-align:center; font-size:14px; padding:20px 0;}
	.comnPop .deliveryList .baseInfo {padding:10px 0;}
	.comnPop .deliveryList .baseInfo .btns {position:relative; right:unset; top:unset; transform:none; margin-top:6px;}
	.comnPop .deliveryList .baseInfo .ordAddress {text-align:left;}
	.ordNte .ordName {font-size:14px;}

	a.comnBtn {padding:6px 12px;}

	.moSideMenu {display:block; position:fixed; left:0; top:0; width:100%; height:calc(100% - 61px); background:#FFF; z-index:20000; display:none;}
	.moSideMenu .moHead {position:relative; padding:32px 16px 24px;}
	.moSideMenu .moHead .welcomeTxt {color:#222; font-size:24px; font-weight:500;}
	.moSideMenu .moHead .welcomeTxt > a {display:inline-block; color:#222; font-weight:700; position:relative;}
	.moSideMenu .moHead .welcomeTxt > a:after {content:''; position:absolute; left:0; bottom:-2px; width:100%; height:2px; background:#222;}
	.moSideMenu .moHead .moMenuClose {position:absolute; right:10px; top:24px; width:40px; height:40px;}
	.moSideMenu .moHead .moMenuClose:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); width:1px; height:20px; background:#222;}
	.moSideMenu .moHead .moMenuClose:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); width:1px; height:20px; background:#222;}
	.moSideMenu .moHead .myDeliveryInfo {margin-top:16px; position:relative; background:#25C44D; border-radius:100px; width:calc(100% - 80px);}
	.moSideMenu .moHead .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;}
	.moSideMenu .moHead .myDeliveryInfo.dis {width:100%; background:#F4F4F4; border-radius:4px; color:#777; font-size:12px; padding:8px 12px;}
	.moSideMenu .moHead .myDeliveryInfo.dis:before {display:none;}
	.moSideMenu .moHead .myDeliveryInfo a {display:block; color:#FFF; font-size:12px; font-weight:500; padding:4px 10px; display:flex; justify-content:flex-start; align-items:center; gap:5px;}
	.moSideMenu .moHead .myDeliveryInfo a em {font-size:18px;}
	.moSideMenu .moHead .myDeliveryInfo a span {font-weight:600; position:absolute; right:16px; top:50%; transform:translate(0, -50%);}
	.moSideMenu .moHead .btnLogout {position:absolute; right:16px; top:77px; color:#aaa; font-size:14px; font-weight:500; padding:8px 12px; background:#E5E5E5; border-radius:100px;}
	.moSideMenu .mSideMenu {position:relative; overflow:hidden; overflow-y:auto; height:calc(100% - 134px); border-top:1px solid #E5E5E5;}
	.mSideMenu .msDep01 {position:relative;}
	.mSideMenu .msDep01 .current {position:relative; border-bottom:1px solid #E5E5E5;}
	.mSideMenu .msDep01 .current > a {display:block; padding:18px 16px; color:#333; font-size:16px; font-weight:500;}
	.mSideMenu .msDep01 .current > a.arFold {position:absolute; right:6px; top:50%; transform:translate(0, -50%); width:40px; height:40px; background:url(/img/ico_plus.svg) no-repeat 50% 50%; background-size:18px;}
	.mSideMenu .msDep01 .current.on {background:#273269;}
	.mSideMenu .msDep01 .current.on > a {color:#FFF;}
	.mSideMenu .msDep01 .current.on > a.arFold {background:url(/img/ico_minus.svg) no-repeat 50% 50%; background-size:18px;}
	.mSideMenu .msDep01 .msDep02 {position:relative; border-bottom:1px solid #E5E5E5; display:none; background:#FBFBFB; padding:10px 0;}
	.mSideMenu .msDep01 .msDep02 .title {}
	.mSideMenu .msDep01 .msDep02 .title a {display:block; color:#273269; font-size:16px; font-weight:700; padding:10px 16px;}
	.mSideMenu .msDep01 .msDep02 ul {display:flex; flex-flow:row wrap;}
	.mSideMenu .msDep01 .msDep02 ul li {width:50%;}
	.mSideMenu .msDep01 .msDep02 ul li a {display:block; color:#333; font-size:13px; font-weight:500; padding:10px 16px;}
	.mSideMenu .mSideBbs {display:flex; flex-flow:row wrap; background:#F6F7F9;}
	.mSideMenu .mSideBbs a {width:50%; padding:18px 0; text-align:center; color:#777; font-size:14px; font-weight:500; position:relative;}
	.mSideMenu .mSideBbs a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:16px; background:#E5E5E5;}
	.moDockBar {display:flex;}
	.floatRecent {display:none;}
	.topBnr.hide {margin-top:-48px;}
	.topBnr .inner a {padding:16px 0; font-size:14px;}
	.gloHeader .inner {justify-content:flex-start; gap:26px; padding:10px 16px;}
	.gloHeader .inner form {width:calc(100% - 134px);}
	.gloHeader .naviSec .inner .cateBtn {display:none;}
	.gloHeader .naviSec .inner .usrFunc {display:none;}
	.gloHeader .naviSec .inner .navi {width:100%; overflow:auto; display:block; white-space:nowrap;}
	.gloHeader .naviSec .inner .navi::-webkit-scrollbar {display:none;}
	.gloHeader .naviSec .inner .navi a {font-size:14px; padding:18px 10px; display:inline-block;}
	.gloHeader .topSec .inner .topFunc {display:none;}
	.gloHeader .topSec .inner .logo {width:auto;}
	.gloHeader .topSec .inner .logo a {width:108px; height:30px;}
	.gloHeader .topSec .inner .comnSearch {width:100%; height:36px; border:0; background:#F4F4F4;}
	.gloHeader .topSec .inner .comnSearch input[type="text"] {width:calc(100% - 32px); font-size:14px;}
	.gloHeader .topSec .inner .comnSearch button {flex:0 0 auto;}

	.mainTopBnr {margin:24px 0;}
	.mainTopBnr .inner {padding: 0 16px;}
	.mTopFunc {margin-top:0px;}
	.mTopFunc .funcControl .mTop-pagination-num {font-size:12px;}
	.mTopFunc .funcControl .mTop-pagination-num .cur {font-size:12px;}
	.mTopFunc .funcControl .mTop-pagination-num .total {font-size:12px;}

	.mainItem {padding:32px 0;}
	.mainItem .titleSec {flex-flow:row wrap; align-items:flex-start; padding:0 16px;}
	.mainItem .titleSec .title {font-size:20px; width:100%;}
	.mainItem .titleSec .bestCate {width:100%; margin-top:10px; gap:19px; flex-wrap:wrap;}
	.mainItem .titleSec .bestCate li {width:calc(20% - 16px);}
	.mainItem .titleSec .bestCate li a {text-align:center;}
	.mainItem .titleSec .bestCate li:after {right:-9px;}

	.mainItemCate .inner {flex-flow:row wrap; padding:0 28px; justify-content:flex-start; align-items:stretch; gap:16px;}
	.mainItemCate .perMcate {width:calc(25% - 12px);}
	.mainItemCate .perMcate .ico {width:100%; border-radius:20px;}
	.mainItemCate .perMcate .txt {margin-top:6px; font-size:14px;}

	.mainItem .itemPrdSec {flex-flow:column wrap; padding:0 16px;}
	.mainItem .itemPrdSec .bigBnrSec {width:100%; display:flex; align-items:center; border-radius:12px;}
	.mainItem .itemPrdSec .bigBnrSec .txtSec {width:50%;}
	.mainItem .itemPrdSec .bigBnrSec .txtSec .bnrCate {font-size:10px;}
	.mainItem .itemPrdSec .bigBnrSec .txtSec .bnrTitle {margin:8px 0; font-size:16px;}
	.mainItem .itemPrdSec .bigBnrSec .txtSec .bnrDesc {font-size:12px;}
	.mainItem .itemPrdSec .bigBnrSec .imgSec {width:50%;}
	.mainItem .itemPrdSec .bnrPrdSec {width:100%; gap:24px 16px;}
	.mainItem .itemPrdSec .bnrPrdSec .perPrd {width:calc(50% - 8px);}

	.arrivalFunc {position:absolute; right:16px; top:0;}
	.swiper-container.arrival {padding:0 16px;}

	.perPrd .thumb {border-radius:12px;}
	.perPrd .prdInfo {margin-top:8px;}
	.perPrd .prdInfo .addFavo {width:18px; height:18px;}
	.perPrd .prdInfo .addCart {right:0; top:24px; width:18px; height:18px;}
	.perPrd .prdInfo .prdName {font-size:14px; height:38px; padding:0 20px 0 6px; margin-bottom:6px;}
	.perPrd .prdInfo.hasCart .prdName {padding-right:20px;}
	.perPrd .prdInfo .priceBox {padding:0 6px;}
	.perPrd .prdInfo.hasCart .priceBox {padding-right:24px;}
	.perPrd .prdInfo .priceBox .dcPrice {font-size:12px; margin-bottom:0;}
	.perPrd .prdInfo .priceBox .price {font-size:14px;}

	.mSeasonList {padding:0 16px; gap:24px 16px;}
	.mSeasonList .perPrd {width:calc(50% - 8px);}

	.midBnrSec .inner {padding:0 16px;}
	.midBnrSec .mBnrFunc {right:16px; bottom:14px; gap:2px;}
	.midBnrSec .mBnrFunc .pnsBox {width:28px; height:28px;}
	.midBnrSec .mBnrFunc .inFunc {height:28px;}
	.midBnrSec .mBnrFunc .pnsBox .mBnr-play {width:28px; height:28px;}
	.midBnrSec .mBnrFunc .pnsBox .mBnr-pause {width:28px; height:28px;}
	.midBnrSec .mBnrFunc .inFunc .mBnr-pagination {font-size:12px; width:20px;}
	.midBnrSec .inMidBnr {border-radius:12px;}
	.midBnrSec .inMidBnr a {flex-flow:column wrap; justify-content:flex-start; padding:32px 0; gap:12px;}
	.midBnrSec .inMidBnr .txtSec .mBnrTitle {text-align:center; font-size:18px;}
	.midBnrSec .inMidBnr .txtSec .mBnrDesc {text-align:center; font-size:12px;}
	.midBnrSec .inMidBnr .imgSec img {width:100%;}

	.mService {padding-bottom:0;}
	.mService .inner {flex-flow:column wrap; gap:0;}
	.mService .perService {width:100%; border-radius:0; position:relative; padding:24px 40px;}
	.mService .perService:after {content:''; position:absolute; left:16px; bottom:0; width:calc(100% - 32px); height:1px; background:#E5E5E5;}
	.mService .perService:last-child:after {display:none;}
	.mService .perService .icoSec {width:46px;}
	.mService .perService .txtSec {width:calc(100% - 70px);}
	.mService .perService .txtSec br {display:none;}
	.mService .perService .txtSec .msTitle {font-size:16px;}
	.mService .perService .txtSec .msDesc {font-size:14px;}

	.footer {margin-bottom:36px; padding:24px 0px; border-top:1px solid #E5E5E5;}
	.footer .corpInfoSec {border:0; padding:0;}
	.footer .corpInfoSec .inner {flex-flow:column wrap; padding:0 16px;}
	.footer .corpInfoSec .inner .ftCorp .ftLogo {width:110px; height:30px;}
	.footer .corpInfoSec .inner .ftCorp .corpTxt {font-size:13px;}
	.footer .corpInfoSec .inner .ftCorp .ftSnsList {position:absolute; right:0; top:4px; margin:0;}
	.footer .corpInfoSec .inner .ftTitle {margin:3px 0 0; width:104px; flex:0 0 auto;}
	.footer .corpInfoSec .inner .ftAccount {display:flex; margin-top:24px;}
	.footer .corpInfoSec .inner .ftAccount li {font-size:14px;}
	.footer .corpInfoSec .inner .ftHelpDesk {display:flex; margin-top:24px;}
	.footer .corpInfoSec .inner .ftHelpDesk .ftTel {font-size:34px;}
	.footer .corpInfoSec .inner .ftHelpDesk .ftTime {font-size:13px;}
	.footer .corpInfoSec .inner .ftHelpDesk span {margin-top:6px;}
	.footer .btmFunc {margin-top:24px; border-top:1px solid #E5E5E5;}
	.footer .btmFunc .inner {flex-flow:column wrap; justify-content:flex-start;}
	.footer .btmFunc .inner ul {width:100%; gap:0; justify-content:center; align-items:center;}
	.footer .btmFunc .inner ul li {flex:0 0 auto;}
	.footer .btmFunc .inner ul li a {display:block; text-align:center; padding:10px; font-size:12px;}
	.footer .btmFunc .inner ul li:after {right:0;}
	.footer .btmFunc .inner ul.awards {gap:7px; flex-wrap:wrap; padding:10px 16px 0;}
	.footer .btmFunc .inner ul.awards li {width:calc(25% - 6px); font-size:8px;}
	.footer .btmFunc .inner ul.awards li:after {display:none;}
	.footer .btmFunc .inner ul.awards li img {width:26px; height:26px;}
	.footer .btmFunc .copyright {color:#777; font-size:12px; margin:16px 0; display:block; text-align:left; width:100%; padding:0 16px;}

	.prdList .inner {padding:0 16px; gap:24px 16px;}
	.prdList .inner .perPrd {width:calc(50% - 8px);}

	.pagingWrap {gap:2px; margin:20px 0;}
	.pagingWrap a {width:28px; height:28px; font-size:14px;}
	.pagingWrap a.dir {width:28px; height:28px;}
	.pagingWrap a.dir.first, 
	.pagingWrap a.dir.forward,
	.pagingWrap a.dir.backword, 
	.pagingWrap a.dir.back {background-size:28px 28px;}

	.subComnWrap {padding-bottom:40px;}
	.subComnWrap .location {padding:0; border-bottom:0;}
	.subComnWrap .location .inner {gap:0; flex-flow:row wrap; background:url(/img/line_lot.png) repeat left top; background-size:auto 47px;}
	.subComnWrap .location .inner .lotDpt {width:50%; min-width:50% !important;}
	.subComnWrap .location .inner .lotDpt .lotCurrent {padding:16px 30px 16px 10px; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.subComnWrap .location .inner .lotDpt .lotCurrent:after {right:12px; top:20px;}
	.subComnWrap .location .inner .lotDpt ul {top:46px;}
	.subComnWrap .location .inner .prdListLimit {width:50%; margin-left:0; padding:6px 10px;}
	.subComnWrap .location .inner .prdListLimit select {width:100%; height:35px; font-size:13px;}
	.subComnWrap .location .inner.product-list-nav .prdListControls {width:100%; margin-left:0; padding:6px 10px; display:flex; gap:8px;}
	.subComnWrap .location .inner.product-list-nav .prdListControls .prdListControl {width:calc(50% - 4px); flex:0 0 calc(50% - 4px);}
	.subComnWrap .location .inner.product-list-nav .prdListControls select {width:100%; height:35px; font-size:13px;}

	.prdSec {margin-top:16px;}
	.prdInfoSec {flex-flow:column wrap; gap:24px;}
	.prdInfoSec .thumbSec {width:100%; padding:0 16px; position:relative;}
	.prdInfoSec .thumbSec .bigThumb {border-radius:0; border:0; display:none;}
	.prdInfoSec .thumbSec .thumbList {margin-top:8px;}
	.prdInfoSec .thumbSec .swiper-slide {border-radius:0; border:0;}
	.prdInfoSec .thumbSec .thumbPagination {position:absolute;}

	.prdInfoSec .thumbSec .thumbPagination {position:absolute; left:50%; bottom:20px; transform:translate(-50%, 0); display:inline-flex; justify-content:center; align-items:center; gap:2px; font-weight:400; width:50px; font-size:12px; color:#FFF; background:rgba(0, 0, 0, 0.2); padding:3px 8px; border-radius:100px; z-index:10;}
	.prdInfoSec .thumbSec .thumbPagination.swiper-pagination-fraction {color:#FFF; font-size:12px;}
	.prdInfoSec .thumbSec .thumbPagination.swiper-pagination-fraction .swiper-pagination-current {color:#FFF; font-size:12px;}
	.prdInfoSec .thumbSec .thumbPagination.swiper-pagination-fraction .swiper-pagination-total {color:#FFF; font-size:12px;}
	
	.prdInfoSec .infoSec {width:100%; position:relative;}
	.prdInfoSec .infoSec .prdName {font-size:18px; font-weight:600; padding:0 16px; height:auto;}
	.prdInfoSec .infoSec .addFavo {right:16px; width:26px; height:26px; display:none;}
	.prdInfoSec .infoSec .priceBox {padding:0 16px;}
	.prdInfoSec .infoSec .priceBox .dcPrice {font-size:14px;}
	.prdInfoSec .infoSec .priceBox .price {font-size:18px;}
	.prdInfoSec .infoSec .prdItems {margin:0 16px; width:calc(100% - 32px);}
	.prdInfoSec .infoSec .prdItems li {margin-bottom:6px;}
	.prdInfoSec .infoSec .prdItems li:last-child {margin-bottom:0;}
	.prdInfoSec .infoSec .prdItems li .item {font-size:14px; width:80px;}
	.prdInfoSec .infoSec .prdItems li .ipCon {font-size:14px; width:calc(100% - 80px);}
	.prdInfoSec .infoSec .prdDelivery {border-top:12px solid #F6F7F9; border-bottom:12px solid #F6F7F9; padding:16px;}
	.prdInfoSec .infoSec .prdDelivery li .item {font-size:14px; width:80px;}
	.prdInfoSec .infoSec .prdDelivery li .ipCon {font-size:14px; width:calc(100% - 80px);}
	.prdInfoSec .infoSec .prdDelivery li .ipCon em {font-size:14px;}

	.prdInfoSec .infoSec .subTotalGroup {position:fixed; left:0; bottom:-100%; width:100%; background:#FFF; z-index:-1; transition:.4s all;}
	.prdInfoSec .infoSec .subTotalGroup .stClose {position:absolute; right:10px; top:10px; width:40px; height:40px; z-index:1;}
	.prdInfoSec .infoSec .subTotalGroup .stClose:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); width:1px; height:20px; background:#222;}
	.prdInfoSec .infoSec .subTotalGroup .stClose:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); width:1px; height:20px; background:#222;}

	.prdInfoSec .infoSec .prdSubTotal .prdName {height:auto; font-size:14px; padding-right:20px;}
	.prdInfoSec .infoSec .prdSubTotal .contPrice strong {font-size:16px; font-weight:500;}
	.prdInfoSec .infoSec .totalPrice {padding:20px; justify-content:space-between; font-size:14px;}
	.prdInfoSec .infoSec .totalPrice em {font-size:20px;}

	.prdInfoSec .infoSec .subTotalGroup.on {bottom:0; z-index:41000;}
	.prdInfoSec .infoSec .subTotalGroup .btnArea {display:flex; flex-flow:row nowrap; align-items:center; gap:0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);}
	.prdInfoSec .infoSec .subTotalGroup .btnArea a.pBtn {display:block; font-size:16px; font-weight:600; padding:0; border-radius:0;}
	.prdInfoSec .infoSec .subTotalGroup .btnArea a.pBtn.cart {flex:1 0 auto; background:#E9EDF8; height:61px; display:flex; justify-content:center; align-items:center; color:#273269; border:0; font-size:16px;}
	.prdInfoSec .infoSec .subTotalGroup .btnArea a.pBtn.buy {flex:1 0 auto; background:#273269; height:61px; display:flex; justify-content:center; align-items:center; color:#FFF; border:0; font-size:16px;}

	.prdInfoSec .infoSec .prdFloatBtn {display:block; position:fixed; left:0; bottom:0; z-index:40000; background:#FFF; width:100%; height:61px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);}
	.prdInfoSec .infoSec .prdFloatBtn .btnSet {display:flex; flex-flow:row nowrap; align-items:center;}
	.prdInfoSec .infoSec .prdFloatBtn .btnSet a.pBtn {display:block; font-size:16px; font-weight:600;}
	.prdInfoSec .infoSec .prdFloatBtn .btnSet a.pBtn.favo {display:block; background:#FFF url(/img/motop_favo_off.svg) no-repeat 50% 50%; width:61px; height:61px; text-indent:-9999px; border-top:1px solid #E5E5E5;}
	.prdInfoSec .infoSec .prdFloatBtn .btnSet a.pBtn.favo.on {background:#FFF url(/img/motop_favo_on.svg) no-repeat 50% 50%;}
	.prdInfoSec .infoSec .prdFloatBtn .btnSet a.pBtn.cart {flex:1 0 auto; background:#E9EDF8; height:61px; display:flex; justify-content:center; align-items:center; color:#273269; font-size:16px;}
	.prdInfoSec .infoSec .prdFloatBtn .btnSet a.pBtn.buy {flex:1 0 auto; background:#273269; height:61px; display:flex; justify-content:center; align-items:center; color:#FFF; font-size:16px;}
	.prdInfoSec .infoSec .prdFloatBtn .btnSet a.pBtn.soldout {flex:1 0 auto; background:#666; height:61px; display:flex; justify-content:center; align-items:center; color:#FFF; font-size:16px;}

	.prdContSec {margin-top:0;}
	.prdContSec .prdTab {top:57px;}
	.prdContSec .prdTab a {font-size:14px; padding:14px 0;}

	.prdCont .perContBox {padding-top:40px;}
	.prdCont .perContBox .cauTxt {margin-bottom:40px; padding:0 16px; font-size:14px; line-height:1.4;}

	.prdCont .perContBox .prdExp a.viewFold {width:calc(100% - 32px); left:16px; font-size:14px;}
	.prdCont .perContBox .prdExp {height:300px;}

	.prdCont .perContBox .pcbTitle {font-size:14px; padding:16px;}
	.prdCont .perContBox .pcbTitle .count {font-size:14px;}
	.relPrd .dirFunc {display:none;}
	.swiper-container.relRolling {padding:0 16px;}

	.rvList {padding:0 16px;}
	.rvList .perRv {padding:16px 0;}
	.rvList .perRv .rvCont {font-size:14px; line-height:1.4; word-break:break-all;}

	.gloHeadSub {position:sticky; left:0; top:0; width:100%; height:auto; background:#FFF; border-bottom:1px solid #E5E5E5; display:block; z-index:100; height:57px;}
	.gloHeadSub .inHead {display:flex; justify-content:space-between; align-items:center; padding:13px 16px; position:relative;}
	.gloHeadSub .inHead .logo {width:108px; height:30px; background:url(/img/logo.svg) no-repeat 50% 50%; background-size:100%;}
	.gloHeadSub .inHead .logo a {display:block; width:100%; height:100%;}
	.gloHeadSub .inHead .btnGroup {width:56px; display:flex; align-items:center; gap:8px; height:30px;}
	.gloHeadSub .inHead .btnGroup .perBtn {display:block; width:24px; height:24px; position:relative;}
	.gloHeadSub .inHead .btnGroup .perBtn a {text-indent:-9999px; display:block; width:100%; height:100%; position:relative;}
	.gloHeadSub .inHead .btnGroup .perBtn a.btnHome {display:block; background:url(/img/motop_home.svg) no-repeat 50% 50%;}
	.gloHeadSub .inHead .btnGroup .perBtn a.btnBack {display:block; background:url(/img/motop_back.svg) no-repeat 50% 50%;}
	.gloHeadSub .inHead .btnGroup .perBtn a.btnSearch {display:block; background:url(/img/motop_search.svg) no-repeat 50% 50%;}
	.gloHeadSub .inHead .btnGroup .perBtn a.btnCart {display:block; background:url(/img/motop_cart.svg) no-repeat 50% 50%;}
	.gloHeadSub .inHead .btnGroup .perBtn a .count {position:absolute; right:-8px; top:-8px; 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; text-indent:1px;}
	.gloHeadSub .inHead .subSearch {position:absolute; left:0; top:0; width:100%; height:56px; background:#FFF; padding:0 16px; z-index:10; display:none;}
	.gloHeadSub .inHead .subSearch form {display:flex; align-items:center; height:100%;}
	.gloHeadSub .inHead .subSearch .comnSearch {flex:1 0 auto; display:flex; align-items:center;}
	.gloHeadSub .inHead .subSearch .comnSearch input[type="text"] {display:inline-block; width:100%; height:30px; border:0; background:#FFF;}
	.gloHeadSub .inHead .subSearch .comnSearch button {width:30px; height:40px; background:url(/img/ico_search.svg) no-repeat 50% 50%; text-indent:-9999px; flex:0 0 auto;}
	.gloHeadSub .inHead .subSearch .searchClose {width:30px; height:40px; position:relative; flex:0 0 auto;}
	.gloHeadSub .inHead .subSearch .searchClose:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); width:1px; height:20px; background:#000;}
	.gloHeadSub .inHead .subSearch .searchClose:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); width:1px; height:20px; background:#000;}
	.gloHeadSub .inHead .moPageTitle {text-align:center; color:#222; font-size:16px; font-weight:600;}

	.prdInCont {margin-top:16px;}
	.prdInCont .pciTitle {font-size:14px;}
	.prdInCont ul li {font-size:14px;}
	.prdInCont ul.cauSet li {font-size:12px; line-height:1.4;}

	.cartOrdSec .titleSec {display:none;}
	.infoCart .inner {flex-flow:column wrap; gap:16px;}
	.infoCart .cartPrdSec {width:100%; padding:0 16px;}
	.infoCart .cartPrdSec .cartFunc {padding:14px 6px; margin-bottom:0;}
	.infoCart .cartPrdSec .cartFunc .comnChk {font-size:14px;}
	.cartList .cartItem .cartPrd {width:calc(100% - 30px); margin-left:30px;}
	.infoCart .costInfoSec {width:100%; position:relative; left:unset; top:unset; border:0; border-radius:0; padding:20px 16px;}

	.cartList {border-radius:8px; padding:0 16px;}
	.cartList .cartItem {padding:16px 0;}
	.cartList .cartItem .comnChk {top:26px; transform:none;}
	.cartList .cartItem .cartPrd a {align-items:stretch;}
	.cartList .cartItem .cartPrd .perDel {right:-6px;}
	.cartList .cartItem .cartPrd .prdName {padding-right:24px;}
	.cartList .cartItem .cartPrice {flex-flow:column wrap; justify-content:flex-start; align-items:flex-end; gap:4px;}
	.cartList .cartItem .qty {margin:5px 0 0 30px;}
	.qty .btnQty {width:26px;}
	.qty input[type="text"] {width:36px;}
	.soldOutTxt {color:#222; font-size:14px; margin:8px 0 0 32px;}

	.infoCart .costInfoSec .costTitle {font-size:16px;}
	.infoCart .costInfoSec ul li {font-size:14px;}
	.infoCart .costInfoSec ul li.total {padding-bottom:0;}
	.infoCart .costInfoSec ul li.total .ipCon {font-size:18px;}
	.infoCart .costInfoSec .btnArea a.btnOrder {font-size:16px; border-radius:0; padding:21px 0;}
	.infoCart .costInfoSec .btnArea a.btnPay {font-size:16px; border-radius:0; padding:21px 0;}
	.infoCart .costInfoSec .btnArea {position:fixed; left:0; bottom:0; width:100%; height:auto; z-index:30000;}

	.infoCart .ordInfoSec {width:100%; padding:20px 16px; gap:24px;}
	.infoCart .ordInfoSec .ordBlock .ordTitle {font-size:16px;}
	.infoCart .ordInfoSec .ordBlock .inBox .cauDelivery input[type="text"] {height:36px; line-height:34px;}

	.ordNte {flex-flow:row wrap;}
	.infoCart .ordInfoSec .ordBlock .inBox {border-radius:8px; padding:16px;}
	.infoCart .ordInfoSec .ordBlock .inBox .btnChange {right:16px; top:16px;}
	.ordNte .ordEmail {display:block; width:100%; padding-left:0; margin-left:0; margin-top:6px;}
	.ordNte .ordEmail:after {display:none;}
	.ordAddress {font-size:14px; line-height:1.4;}
	.inBox .inputBox table tr {display:block;}
	.inBox .inputBox table colgroup {display:none;}
	.inBox .inputBox table colgroup col {display:none;}
	.inBox .inputBox table tr th, .inBox .inputBox table tr td {display:block; width:100%; position:relative;}
	.inBox .inputBox table th {padding-bottom:6px;}
	.inBox .inputBox table td {height:auto; padding:0;}
	.inBox .inputBox table input[type="text"], .inBox .inputBox table input[type="password"] {height:36px; max-width:100%; line-height:34px;}
	.addressSet .zipCode a.btnZip {height:36px; line-height:34px;}
	.inBox .inputBox .inputNumber {width:100%;}
	.inBox .inputBox .inputNumber select {font-size:14px;}
	.directDelivery {flex-flow:column wrap; gap:6px; align-items:flex-start; line-height:1.3;}

	.ordPc .perPc {flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; gap:10px; margin-bottom:16px;}
	.ordPc .perPc .inputBox .input {display:flex; align-items:center; gap:8px;}
	.ordPc .perPc .inputBox .input input {width:calc(100% - 88px); height:36px; max-width:100%; line-height:34px;}
	.ordPc .perPc .inputBox .input .btnConfirm {height:36px; line-height:36px;}
	.ordPc .perPc .cTxt {margin-left:4px;}
	.ordPc .perPc .bntTxt {font-size:14px; line-height:1.3;}

	.ordPrdSec .opList .perOrdPrd {flex-flow:row wrap; justify-content:flex-end; align-items:center; gap:0 10px;}
	.ordPrdSec .opList .perOrdPrd .prdThumb {width:100%; align-items:flex-start;}
	.ordPrdSec .opList .perOrdPrd .prdThumb .thumb {width:60px; height:60px;}
	.ordPrdSec .opList .perOrdPrd .ordQty {text-align:left; font-size:14px; width:auto;}
	.ordPrdSec .opList .perOrdPrd .cartPrice {flex-flow:row wrap; justify-content:flex-end; align-items:center; width:auto; gap:10px;}

	.payMethod > li {padding:10px 0;}
	.payMethod > li label {font-size:14px; font-weight:600;}
	.payMethod > li .bankingInfo li .item {width:80px;}
	.payMethod > li .bankingInfo li .ipCon {width:calc(100% - 80px); height:36px;}
	.payMethod > li .bankingInfo li .ipCon strong {font-size:14px;}
	.payMethod > li .bankingInfo li input[type="text"] {height:36px; max-width:100%; line-height:34px;}
	.payMethod > li .bankingInfo li select {height:36px; line-height:34px;}
	.cartOrdSec .payMethod > li .infoLayer {display:block; width:calc(100% - 28px); height:auto; margin:10px 0 0 28px;}
	.cartOrdSec .payMethod > li .infoLayer .guideInfo {display:none;}
	.cartOrdSec .payMethod > li .infoLayer .guideInfoBox {position:relative; left:0; top:0; width:100%; max-width:100%; padding:16px; font-size:15px; line-height:1.45; border-radius:8px;}
	.cartOrdSec .payMethod > li .infoLayer .guideInfoBox:after {display:none;}

	.repKind {flex-flow:row wrap; gap:0;}
	.repKind .comnRadio {font-size:14px; padding:10px 0;}
	.inBox .inputBox {margin-top:10px;}
	.inBox .inputBox select {font-size:14px; height:36px; line-height:34px;}
	.inputBox#req-receipt {display:flex; align-items:center; gap:8px;}
	.inputBox#req-receipt select {flex:0 0 auto; font-size:14px; height:36px; line-height:34px;}
	.inBox .inputBox#req-receipt .inputNumber {height:36px;}
	.inBox .inputBox#req-receipt .inputNumber input {height:36px; line-height:34px;}

	.inBox .inputBox#req-tax table th {padding:10px 0 6px;}

	.ordResultSec {padding:0 16px; margin:0;}
	.ordResultSec .ordResTitle {font-size:18px; padding:32px 0; margin:0;}

	.ordResultSec .resultBox {padding:16px; border-radius:8px;}
	.costDetail li {font-size:14px;}

	.subComnWrap > .inner {flex-flow:column wrap; gap:16px; margin-top:24px;}
	.myLnb {width:100%;}
	.myLnb .myLnbMenu {padding:0 16px; border-radius:0; border:0; width:100%; position:relative;}
	.myLnb .myLnbMenu .myProfile {display:flex; justify-content:space-between; align-items:center; width:100%;}
	.myLnb .myLnbMenu .myName {font-size:24px; margin-bottom:0;}
	.myLnb .myLnbMenu .myProfile .myDeliveryInfo {position:relative; background:#25C44D; border-radius:100px; display:block;}
	.myLnb .myLnbMenu .myProfile .myDeliveryInfo:before {content:''; position:absolute; left:-15px; top:10px; border-left:7px solid transparent; border-right:12px solid #25C44D; border-top:7px solid transparent; border-bottom:7px solid transparent;}
	.myLnb .myLnbMenu .myProfile .myDeliveryInfo a {display:block; color:#FFF; font-size:12px; font-weight:500; padding:6px 16px; display:flex; justify-content:flex-start; align-items:center; gap:5px;}
	.myLnb .myLnbMenu .myProfile .myDeliveryInfo a em {font-size:18px;}
	.myLnb .myLnbMenu .myProfile .myDeliveryInfo a span {font-weight:600; position:absolute; right:16px; top:50%; transform:translate(0, -50%);}
	.myLnbMenu .currentMyLnb {position:relative; display:block; border-radius:8px; border:1px solid #E5E5E5; padding:12px 16px; color:#222; font-size:14px; font-weight:700; margin-top:16px; cursor:pointer;}
	.myLnbMenu .currentMyLnb .arTail {position:absolute; right:16px; top:16px; width:12px; height:7px; background:url(/img/ar_select.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
	.myLnbMenu .currentMyLnb .arTail.on {transform:rotate(180deg);}
	.myLnbMenu .myLnbList {position:absolute; left:16px; top:90px; width:calc(100% - 32px); border:1px solid #E5E5E5; border-radius:0 0 8px 8px; height:auto; max-height:400px; padding:6px 16px 16px; overflow:hidden; overflow-y:auto; background:#FFF; z-index:100; display:none;}
	.myLnb .myLnbMenu .menuSet .mnTitle {font-size:16px; padding:12px 0;}
	.myLnb .myLnbMenu .menuSet .mnTitle a {display:block;}
	.myLnb .myLnbMenu .menuSet ul li a {font-size:14px; padding:8px 0;}
	.myLnb .changeMem {display:none;}
	.myLnb .myLnbMenu .changeMem {display:block !important;}
	.myLnb .changeMem a {font-size:14px;}

	.myLnb .myLnbMenu.cs .myName {display:none;}
	.myLnb .myLnbMenu.cs .currentMyLnb {margin-top:0;}
	.myLnb .myLnbMenu.cs .helpDesk {display:none;}
	.myLnb .myLnbMenu.cs .myLnbList {top:37px;}
	.myLnb .myLnbMenu.cs .menuSet {padding-bottom:0; margin-bottom:0; border-bottom:0;}

	.myCont {width:100%;}
	.myCont .myTitleSec {padding:0 16px 10px;}
	.myCont .myTitleSec.bdr {border-bottom:0; position:relative;}
	.myCont .myTitleSec.bdr:after {content:''; position:absolute; left:16px; bottom:0; width:calc(100% - 32px); height:1px; background:#222;}
	.myCont .myTitleSec .title {font-size:14px;}
	.myCont .myTitleSec .title em {font-size:14px;}
	.myCont .myTitleSec a.moreView {font-size:12px;}
	.myCont .myTitleSec .ordFunc {width:100%; justify-content:flex-start; margin-top:16px;}
	.myCont .myItems {margin-bottom:40px; padding:0 16px;}
	.myCont .myItems.myStats {padding:0;}
	.myCont .myItems.ordStats {padding:0;}
	.myCont .myItems.favoList {padding:0;}
	.myCont .myItems.between {flex-flow:column wrap; gap:40px;}

	.myCont .myItems .myTitleSec {padding:0 0 10px;}

	.myCont .myItems.ordStats .myTitleSec,
	.myCont .myItems.favoList .myTitleSec {padding:0 16px 10px;}

	.myStats {border-radius:0; border-left:0; border-right:0;}
	.myStats .perStats {padding:16px; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start;}
	.myStats .perStats .itemTitle {width:100%; font-size:12px;}
	.myStats .perStats .itemTitle:before {width:16px; height:16px;}
	.myStats .perStats .ipCon {width:100%; text-align:right;}
	.myStats .perStats .ipCon em {font-size:16px;}
	
	.ordStats .statsBox {border-radius:0px; border-left:0; border-right:0;}
	.ordStats .statsBox .per {flex-flow:column wrap; padding:0; gap:6px;}
	.ordStats .statsBox .per .item {font-size:13px;}
	.ordStats .statsBox .per .ipCon {font-size:18px;}

	.swiper-container.myFavo {padding:0 16px;}
	.myItems .prdPrev,
	.myItems .prdNext,
	.myItems .prdPrev.swiper-button-disabled,
	.myItems .prdNext.swiper-button-disabled {display:none;}

	.mySchSec {flex-flow:column wrap; gap:8px; align-items:flex-start; position:relative;}
	.mySchSec .periodSch {width:100%; justify-content:flex-end;}
	.mySchSec .periodSch.rebuy a {width:calc(25% + 1px);}
	.mySchSec .periodSch p {display:none;}
	.mySchSec .periodSch a {width:18%;}
	.mySchSec .calenderSch {width:100%;}
	.mySchSec .calenderSch select {width:25%; position:absolute; left:16px; top:12px;}
	.mySchSec .calenderSch .inputCalendar {width:38%;}
	.mySchSec .calenderSch .btnSearch {padding:10px 0; text-align:center; width:20%;}

	.myCont .myComnPrdBox {padding:16px; border-radius:8px;}
	.myComnPrdBox.ordList .perOrd .perPrd .prdInfo {padding:0;}
	.myComnPrdBox.ordList .perOrd .perPrd .prdInfo .costInfo {padding:0 6px;}

	.myOrdList {margin-top:28px;}
	.myCont .myComnPrdBox .ordCode {flex-flow:column wrap; gap:8px; justify-content:flex-start; align-items:flex-start; margin-bottom:16px;}
	.myCont .myComnPrdBox.ordList .myOrdFunc {width:100%; margin-top:6px;}
	.ordPrdList {margin-top:16px; padding-top:16px;}
	.ordPrdList ul li .inOrd .ordPrd .prdName {line-height:1.3;}
	.ordPrdList ul li .inOrd .pQty {width:100px;}
	.myCont .myComnPrdBox.ordList .btnRebuy {margin-top:16px; padding-top:20px;}

	.partItem {width:100%;}
	.partItem .costDetail {min-height:0;}
	.costDetail li.total .ipCon {font-size:18px;}

	.reasonBox .reaTxt {font-size:14px;}
	.myCont .myComnPrdBox .btnArea .myBtn {padding:8px 10px; font-size:14px;}
	.reasonBox textarea {padding:16px; font-size:14px; height:100px;}

	.rebuyGuide {padding:16px; font-size:14px;}
	.selectFunc {padding:0 16px;}
	.selectFunc.myFavo {padding:0 16px;}

	.myCont .cartList {padding:0 16px; margin:0 16px; width:calc(100% - 32px);}
	.rebuyBtns {margin:10px 0 0 32px; flex-flow:row wrap; gap:8px; width:calc(100% - 32px);}
	.rebuyBtns .moBtn {width:calc(50% - 4px);}

	.rebuyTotal {flex-flow:column wrap; padding:16px 0; justify-content:flex-start; align-items:flex-start; gap:16px;}
	.rebuyTotal .costSec {width:100%;}
	.rebuyTotal .costSec .totalTxt {position:relative; font-size:18px; width:100%; padding:0 6px;}
	.rebuyTotal .costSec .totalTxt em {position:absolute; right:6px; top:0;}
	.rebuyTotal .btnSec {width:100%; gap:8px;}
	.rebuyTotal .moBtn {width:calc(50% - 4px);}

	.notCostPay {margin:0 16px 30px; width:calc(100% - 32px); padding:16px; flex-flow:column wrap; gap:16px;}
	.notCostPay .perPart {width:100%;}
	.notCostPay .perPart input[type="text"] {height:36px; line-height:34px; font-size:14px;}

	.sortFunc {margin-top:10px;}
	.sortFunc .myPageSizeForm {width:100%; margin-right:0; display:flex; justify-content:flex-end;}
	.sortFunc .myPageSizeForm select {width:128px; height:35px; font-size:13px;}
	.myListBox ul.tBody li.cont {line-height:1.3;}
	.myListBox ul li .mosTitle {display:inline-block; color:#aaa; margin-right:3px;}

	.myListBox.notCost {border-top:1px solid #222;}
	.myListBox.notCost ul li {width:100%; text-align:left; justify-content:flex-start;}
	.myListBox.notCost ul.tBody {position:relative; flex-flow:column wrap; justify-content:flex-start; gap:4px; padding:15px 80px 15px 10px;}	
	.myListBox.notCost ul.tHead {display:none;}
	.myListBox.notCost ul li.cont {width:100% !important;}
	.myListBox.notCost ul li.bill {width:auto; position:absolute; right:10px; top:50%; transform:translate(0, -50%);}
	.myListBox.notCost ul.tBody li.price {font-weight:700;}

	.myListBox.point {border-top:1px solid #222;}
	.myListBox.point ul.tHead {display:none;}
	.myListBox.point ul.tBody {position:relative; flex-flow:row wrap; justify-content:flex-start; gap:4px; padding:15px 90px 15px 10px;}
	.myListBox.point ul li.date {width:auto; justify-content:flex-start;}
	.myListBox.point ul li.usekind {width:auto;}
	.myListBox.point ul li.cost {width:auto; position:absolute; right:10px; top:50%; transform:translate(0, -50%);}
	.myListBox.point ul li.balance {width:100%; justify-content:flex-start; text-align:left;}
	.myListBox.point ul li.cont {width:100%; justify-content:flex-start; text-align:left;}

	.myListBox.deposit {border-top:1px solid #222;}
	.myListBox.deposit ul.tHead {display:none;}
	.myListBox.deposit ul.tBody {position:relative; flex-flow:column wrap; justify-content:flex-start; gap:4px; padding:15px 10px;}
	.myListBox.deposit ul.tBody li {justify-content:flex-start; text-align:left;}
	.myListBox.deposit ul li.date {width:auto; justify-content:flex-start;}
	.myListBox.deposit ul li.deposit {width:auto;}
	.myListBox.deposit ul li.cost {width:auto;}
	.myListBox.deposit ul li.balance {width:auto;}
	.myListBox.deposit ul li.cont {width:100%; justify-content:flex-start; text-align:left;}

	.myListBox.review ul.tHead {display:none;}
	.myListBox.review ul.tBody {position:relative; flex-flow:column wrap; justify-content:flex-start; gap:4px; padding:15px 70px 15px 10px;}
	.myListBox.review ul.tBody li {justify-content:flex-start; text-align:left;}
	.myListBox.review ul li.cont {width:100%; justify-content:flex-start; text-align:left;}
	.myListBox.review ul.tBody li.cont {width:100%; justify-content:flex-start; text-align:left;}
	.myListBox.review ul.tBody li.stats {width:auto; position:absolute; right:10px; top:50%; transform:translate(0, -50%);}

	.myListBox ul li a.btnReview {flex-flow:column wrap; gap:0;}
	.myListBox ul li a.btnReview:before {width:30px; height:30px;}
	.myListBox ul li a.btnReview {text-indent:-9999px;}
	.myListBox ul li a.btnReview:after {content:'후기작성'; text-indent:0; margin-top:-14px;}

	.myListBox.qna {border-top:1px solid #222;}
	.myListBox.qna ul.tHead {display:none;}
	.myListBox.qna ul.tBody {position:relative; flex-flow:column wrap; justify-content:flex-start; gap:4px; padding:15px 80px 15px 10px;}
	.myListBox.qna ul.tBody li {justify-content:flex-start; text-align:left;}
	.myListBox.qna ul li.number {display:none;}
	.myListBox.qna ul.tBody li.cont {width:100%; justify-content:flex-start; text-align:left;}
	.myListBox.qna ul.tBody li.stats {width:auto; position:absolute; right:10px; top:50%; transform:translate(0, -50%);}

	.rvPrd {margin:2px 0;}

	.myFavoList {flex-flow:row wrap; gap:24px 16px; padding:0 16px;}
	.myFavoList .perPrd {width:calc(50% - 8px);}

	.myTab a {padding:12px 0; font-size:14px;}
	.myTab a:first-child.on {border-left:0;}
	.myTab a:last-child.on {border-right:0;}

	.rvResult {flex-flow:column wrap; gap:10px; justify-content:center;}

	a.qnaCont {display:block;}

	.bbsForm table colgroup {display:none;}
	.bbsForm table colgroup col {display:none;}
	.bbsForm table th, .bbsForm table td {min-height:40px; padding:10px; font-size:14px; display:block;}
	.bbsForm table th {text-align:left; background:none; border-bottom:0; padding-bottom:0; font-weight:700; min-height:0;}
	.bbsForm input[type="text"] {height:36px; line-height:34px;}
	.bbsForm select {height:36px; line-height:34px;}
	.bbsForm .callBackSms .callBackHp {gap:0;}
	.bbsForm .callBackSms .callBackHp .hp01 {width:30%;} 
	.bbsForm .callBackSms .callBackHp .hp02 {width:30%;}
	.bbsForm .callBackSms .callBackHp .hp03 {width:30%;}
	.bbsForm .callBackSms .callBackHp .at {width:5%; text-align:center;}
	.bbsForm.write table th, .bbsForm.write table td {border-bottom:0; padding:10px 0;}
	.bbsForm.write table th {padding-bottom:0;}
	.bbsForm.write table {border-bottom:1px solid #E5E5E5;}

	.myCont .btnArea {margin-top:20px;}
	.myCont .btnArea a.bbsBtn {width:auto; padding:10px 18px;}
	.myCont .btnArea button.bbsBtn {width:auto; padding:10px 18px;}

	.memberSec {padding:40px 0;}
	.memberSec .memTitle {font-size:20px;}
	.memberSec .btnArea {padding:0 16px;}
	.findForm {padding:0 16px;}
	.memberSec .regiGuide {padding:16px 16px 0;}
	.regiFormBox {padding:0 16px;}
	.regiKind {gap:12px; padding:0 16px;}
	.regiKind a.regiBtn {width:100%; padding:22px 16px;}
	.regiNotice {margin:16px 16px 0; width:auto; max-width:none;}
	.regiFormBox .regiFormTitle {font-size:16px; margin-bottom:8px;}
	.regiFormBox .inBox {border-radius:8px; padding:0 16px 16px;}
	.regiFormBox a.btnChk {height:36px; line-height:36px; padding:0 12px; font-weight:600; text-align:center;}
	input#page_user_id {width:calc(100% - 88px);}
	.memberSec .loginForm .input input#page_user_id {width:100%;}
	.findForm input#page_user_id {width:100%;}
	.regiFormBox a.btnChk#btn-check-id {position:absolute; right:0; top:0;}
	.regiFormBox .birthSet {flex-flow:column wrap; gap:10px;}
	.regiFormBox .birthSet .birthOpt {width:100%;}
	.regiFormBox .birthSet .inputBirth input.birthYr {width:25% !important;}
	.regiFormBox .birthSet .inputBirth input.birthMon {width:20% !important;}
	.regiFormBox .birthSet .inputBirth input.birthDay {width:20% !important;}

	.certifyStep01 {position:relative; display:flex; flex-flow:column wrap; gap:8px;}
	.certifyStep02 {position:relative; display:flex; flex-flow:column wrap; gap:8px;}
	.inBox .inputBox table select {width:100%;}
	.regiFormBox .emailSet {flex-flow:column wrap;}
	.inBox .inputBox table td .hintTxt {display:block; width:100%; text-align:left; margin-top:6px;}
	.registerInfo {padding:0 16px; margin-top:30px;}
	
	.regiFormBox .regiFormTitle {font-size:14px; padding:0;}
	.regiFormBox .regiFormTitle label {font-size:14px;}
	.regiFormBox .termsBox .termsItem {padding:16px 0;}
	.regiFormBox .inBox.agree {padding:0 16px 16px;}
	.memberSec .btnArea .btnRegist {width:100%;}

	.cusMainCont {width:100%; flex-flow:column wrap; padding:0 16px;}
	.cusMainCont .cusFaqSec {width:100%;}
	.cusMainCont .cusBbsSec {width:100%;}
	.faqSearch {padding:16px; border-radius:8px;}
	.faqSearch .faqTitle {font-size:14px; padding-left:0;}
	.faqSearch .schForm {gap:8px;}
	.faqSearch .schForm input[type="text"] {height:36px; line-height:34px; width:calc(100% - 44px); font-size:14px;}
	.faqSearch .schForm button {width:36px; height:36px; background-size:16px;}
	.cusMainCont .cusFaqSec .faqCateBox {padding:16px 0;}
	.cusMainCont .cusFaqSec .faqCateBox span a {padding:4px 12px;}

	.faqListSec .titleSec .title {font-size:14px;}
	.faqListSec .titleSec a {font-size:12px;}
	.faqBox .questBox a {flex-flow:column wrap;}
	.faqBox .questBox .qTxt {width:100%; padding-left:4px;}

	.cusMainCont .cusBbsSec .titleSec .title {font-size:14px;}
	.cusMainCont .cusBbsSec .titleSec a {font-size:12px;}

	.cusCont .csTitleSec .title {font-size:14px;}
	.cusCont {padding:0 16px; width:100%;}
	.cusCont .faqCate span a {padding:4px 12px; font-size:13px;}

	.cusCont .faqBox .questBox a {gap:6px; align-items:flex-start;}
	.cusCont .faqBox .questBox .faqCate {width:auto; padding:4px 14px;}
	.cusCont .faqBox .questBox .qTxt {font-size:14px; line-height:1.3; text-overflow:clip; white-space:wrap;}
	.cusCont .faqBox .ansBox {font-size:14px;}

	.cusCont .bbsList .perArticle {width:calc(50% - 8px);}
	.bbsList .perArticle a {border-radius:8px; padding:16px;}
	.cusCont .bbsList .perArticle a .subject {font-size:14px; height:50px;}
	.cusCont .btnArea {margin-top:20px;}
	.cusCont .btnArea a.bbsBtn {width:auto; padding:10px 18px;}
}

@media only screen and (max-width:768px) {

}