@charset "utf-8";

@media screen and (max-width: 1680px) {
	
	.user  .cartAmtLeft{width:67%;}
}


/* =========================== media-1580 ============================= */

@media screen and (max-width: 1580px) {
	
	.dashboard .mgt40{margin-top:30px !important ;}
	
	/* 본인정보 */
	.dashTop .dashInfo dt {width:120px;}
	.dashTop .dashInfo dd p span:first-child {width:65px;}

	/* 최종 업데이트 */	
	.infoDate .infoDate4 dl {}

	.infoDate .infoDate4 dd.tit{
		font-size: 1.1rem;
		display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
	}

	.infoDate .infoDate4 dd span{
		font-size: 1.5rem;
		display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
	}

	.infoDate .infoDate4 dd p{ width: 55px; height: 55px;}
	.itemInfo{padding: 40px 50px;}
	
	.cartAmtLeft{width:67%;}
	.user .cartAmtLeft{width: 65%;}
	
}

@media screen and (max-width: 1480px) {
	
	.user .cartAmtLeft{width:60%;}
}

@media screen and (max-width: 1380px) {
	
	.cartAmtLeft{width:65%;}
	.cartProdInner .count .countInput{width:40px !important;}
}

/* =========================== media-1280 / 1180 ============================= */

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

	/* 본인정보 */
	.dashTop .dashInfo dt {width:100px;}
	.dashTop .dashInfo dd p span:first-child {width:60px;}
	
	.itemInfo{/*right: 5%;*/width: 520px;}

	.prodThumb img {width: 100%;}

	.viewDetail .tabCont{padding:0;}

	.ReviewValueBox .PointBox{margin: 10px 70px 0 0;}
	.ReviewGraph li{width:350px;}

	.officeCont.mgt50{margin-top:30px !important;}
	
	.cartAmtLeft{width:61%;}
	.user .cartAmtLeft{width: 54%;}
	.cartAmtRight, .cartRightCont.fix{width:380px;}
	
	.galauto{width: calc(25% - 20px);}
	
	.contBox2.w30_70 .box:nth-child(1){width: calc(37% - 0px);}
	.contBox2.w30_70 .box:nth-child(2){width: calc(60% - 0px);}
	
	.fixCartPrice li{width:120px;}
	
	/*상세*/
	.user .shopBg:before {background:none;}
	.user .prodThumb {width: 100% !important; height: auto; float: none;	}
	.user .prodThumb img {width: 70%;}

	.user .itemInfo {
		position: relative;
		width: 100% !important;
		margin: 30px auto 0;
		box-shadow: none;
		right: 0;
		padding:30px 3%;
	}

	.user .viewDetail { width: 94%; margin: 0 auto;}
	
	.user .itemInfo .itemInfo_r, .user .itemInfo2 .itemInfo_r{
		right: 10px;
		top: 10px;
		display: flex;
		background: none;
		border-radius: 0;
	}
	.user .itemInfo .itemInfo_r p a, .user .itemInfo .itemInfo_r p i, 
	.user .itemInfo2 .itemInfo_r p a, .user .itemInfo2 .itemInfo_r p i{color: #000;}
	
	.user .itemInfo .itemInfo_r .share_list, .user .itemInfo2 .itemInfo_r .share_list{
		display: block;
        width: auto !important;
        height: auto;
        border-radius: 25px;
        padding: 0;
        top: 45px;
        left: 50px;
	}
	
	.user .itemInfo .viewInfo dt, 
	.user .itemInfo2 .viewInfo dt{font-size: 1.15rem;}
	.user .itemInfo .viewInfo dd.fontC_price_B, 
	.user .itemInfo2 .viewInfo dd.fontC_price_B{font-size: 1.3rem;}
	.user .itemInfo .viewInfo dd, 
	.user .itemInfo2 .viewInfo dd{font-size: 1.1rem;}
	
	.cartProdInner .cartProd dt a{width:100px;}	
	.cartProdInner .cartProd dt a.img {max-width: 100px; min-width: 100px;}
	.cartProdInner .cartProd dd{display: block; width:calc(100% - 100px);}
	.cartProdInner .cartProd dd div{ width: 100% !important; text-align: left;}
	.cartProdInner .pdName span{ -webkit-line-clamp: 1;}
	.cartProdInner .pdPrice:before, .cartProdInner .pdPrice:after{display:none;}
	.cartProdInner .pdPrice .w100{display: inline-block;}
	.cartProdInner .pdPrice .w100 p{
		display: inline-block;
	    width: auto;
	    float: left;
	    margin-right: 15px;
	 }
	.cartProd .countChange {max-width: 100%;}
	.cartProdInner .count{padding:0;}
	.cartProdInner .count .countInput {width: calc(100% - 90px) !important;}
	
	#autoPdtInfo .popWrap{width: 80%;  margin-left: -40%;}
	
}

@media screen and (max-width: 1180px) {
	
	.subTabmenu li a{padding: 15px 25px;}
	.cartProdInner .amtPrice p.none{display:none;}
	
}


/* =========================== media-1080 ============================= */

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

	.dashboard {margin-top: 40px;}
	.dashboard .mgt40{ margin-top:20px;}

	.container_my h3, h3.poptit {
		font-size: 1.2rem;
		padding: 20px 15px;
		letter-spacing: -0.05em;
	}

	.infoDate select.weekDate {padding: 8px 20px 8px 10px;}

	.dashboard .dashTop .floL {width: calc(40% - 0px);}
    .dashboard .dashTop .floR {width: calc(57% - 0px);}

	/* 본인정보 */
	.dashTop .dashInfo dl{display: block;padding: 15px 10px;}
	.dashTop .dashInfo dt {display: table;margin: 0 auto;margin-bottom: 20px;}
	.dashTop .dashInfo dt p{width: 110px; height: 110px;}
	.dashTop .dashInfo dd p span:first-child {width: 75px;}
	.dashTop .dashInfo dd{padding: 10px 20px;}
	.dashTop .dashInfo dd p{font-size: 1.1rem;line-height: 1.7;}
	.dashTop .dashInfo dd p span{width: 60%;}

	/* 최종 업데이트 */	
	.infoDate .infoDate4 dl {padding: 20px 3% 10px; width: 49%;	}
	.infoDate .infoDate4 dl:nth-child(odd){	margin-left: 0;}
	.infoDate .infoDate4 dl:nth-child(1), .infoDate .infoDate4 dl:nth-child(2){margin-bottom: 10px;}
	.infoDate .infoDate4 dd p{width: 45px; height: 45px;}
	.dashLevel .floR {padding-left: 0;}

	/* 공통 컨텐츠 */	
	.filterWrap .datePick_open {right: 0;}
	.filterWrap dd {padding: 10px 0 10px 10px;}	

	.mobi_scroll{overflow-x: scroll;}
	.mobi_scroll::-webkit-scrollbar { width: 8px; }
	.mobi_scroll::-webkit-scrollbar-thumb {height:6px; background: rgba(0,0,0,0.2); border-radius: 3px; }
	.mobi_scroll::-webkit-scrollbar-track { background: rgba(0,0,0,0.0); }

	.mobi_scroll .w1200{width:1200px;}

	/* shop */	
	.shopBg:before {background:none;}
	.prodThumb {width: 100% !important; height: auto; float: none;	}
	.prodThumb img {width: 70%;}

	.itemInfo {
		position: relative;
		width: 100% !important;
		margin: 30px auto 0;
		box-shadow: none;
		right: 0;
		padding:30px 3%;
	}

	.viewDetail { width: 94%; margin: 0 auto;}
	
	.fixProds, .fixCart{width:95%;}
	.fixProds .btn_more{width: 250px;}
	.fixProds .btn_more a{padding: 12px 15px;}
	
	.fixCartPrice li {width: 100px;}
	
	.officeWrap.flex_align_between{display:block !important ;}
	.cartAmtLeft,
	.user .cartAmtLeft {width: 100%; float: none;}
	.cartAmtRight {
		position: relative;
        width: 100%;
        margin-top: 30px;
        border-radius: 10px;
        right: auto;
	}
	.cartRightCont.fix{position: relative;top: auto; right: auto; width: 100%;}
	.user .cartRightCont.fix { right: 0;}
	
	.user .fixProdsWrap{width: 80%; margin-left: 20%;}
	
	.galauto{width: calc(33.3% - 20px);}
		
}


/* =========================== media-980 ============================= */

@media screen and (max-width: 980px) {  
	.dashSTit{ justify-content: space-between;}

	/* 회원가입 */
	.joinSelect dl { width: 100%;}

	.joinSelect span{width: 90%; height:1px; margin:0 auto;	}

	.joinPd{ padding:10px;}

	.clauseTxt {padding:15px; margin-bottom:10px;	}
	
	.filterLine1 {padding:10px;}
	.filterLine1 .searchWrap{width: 250px;}
	.filterLine1 dd:last-child a {max-width: 100px;}
	
	.dis-none{display:none !important;}
	
	/* snb */
	.snb{display:none;}
	
	.snb_m{display:block;}
	.snb_m{
		width:100%;
		border-bottom:1px solid #ddd;
		height:50px;
		box-sizing:border-box;
	}
	.snb_m h3{
		display:inline-block;
		float:left;
		color:#111;
		font-size:18px;
		font-weight:700;
		line-height:50px;
		width:80px;
		text-align:center;
		position:relative;
	}
	.snb_m h3:after,
	.snb_m > div.depth1:after{
		content:"";
		display:block;
		width:1px;
		height:26px;
		background:#ddd;
		position:absolute;
		right:0;
		top:50%;
		margin-top:-13px;
	}
	.snb_m > div{position:relative;}
	.snb_m > div.depth1:after{right:-1px;}
	.snb_m > div p{}
	.snb_m > div p a{
		display:block;
		line-height:50px;
		padding-left:20px;
		color:#333;
		transition:all 0.3s;
	}
	.snb_m > div p a:hover,
	.snb_m .snbOpen.open{background-image: linear-gradient(to right, #29529c, #1d3d8e); color:#fff;}
	.snb_m > div p a:hover i,
	.snb_m .snbOpen.open i{color:#fff;}
	.snb_m .snbArrow{
		position:absolute;
		right:20px;
		top:50%;
		margin-top:-8px;
	}
	.snb_m .subMenu{
		display:none;
		width:100%;
		background:#fff;
		position:absolute;
		left:0;
		top:50px;
		padding:20px;
		border:1px solid #eee;
		box-sizing:border-box;
		z-index:99;
	}
	.snb_m .subMenu a{display:block;line-height:35px;transition:all 0.3s;}
	.snb_m .subMenu a:hover{color:#111;}
	
	.subVis {height:300px;}
	
	/* 쇼핑몰메뉴 */
	.snb_shop { 
		width: 100%;
	    border-bottom: 1px solid #e5e5e5;
	    box-sizing: border-box;
	    margin: -1px auto 0;
	}
	.navtop.pc_disNo{display:block;}
	.snb_shop > ul{display:table; width:100%; height:50px;}
	.snb_shop > ul > li{
		display:table-cell;
		vertical-align:middle;
		height:50px;
		width:25%;
		text-align:center;
		position:relative;
	}
	.snb_shop > ul > li a{
		text-align:center;
		line-height:1.3;
		display:block;
		font-size:1rem;
	}
	.snb_shop > ul > li.on a{color:#444;}
	.snb_shop > ul > li.on a:after{
		content:"";
		display:inline-block;
		width:100%;
		height:2px;
		background:#444;
		position:absolute;
		bottom:-1px;
		left:50%;
		margin-left:-50%;
	}
	.snb_shop .navtop{background:#fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;	overflow: hidden;}
	.user .snb_shop .navtop{border:0;    margin-top: -15px;}
	.snb_shop .navtop ul{display:block;	overflow:hidden; width:max-content;	}
	.snb_shop .navtop li{
		width:unset;
		display:inline-block;
		float:left;
		padding:0 10px;
		margin: 0 10px;
	}
	.snb_shop .navtop li a{color:rgba(0,0,0,1); line-height:50px;}
	
	.shopTabmenu{background: #f2f5f8; padding: 2%;}
	.shopTabmenu ul{
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		line-height: 20px;
		background: #fff;
		border-radius: 5px;
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
		padding: 0;
		gap: 0;
	}
	.shopTabmenu li{
		width: calc(33.3% - 0px);
		padding: 10px 5px 10px 10px;
		vertical-align: middle;
		box-sizing: border-box;
		border-right: 1px solid #ddd;
	}
	.shopTabmenu li a{cursor: pointer; color: rgba(0,0,0,.7)}
	.shopTabmenu li a.active{
		width: 100%;
		height: 100%;
		word-break: break-all;
		font-size: 1em;
		display: block;
		font-weight: 500;
		color: rgba(0,0,0,1);
	}
	.shopTabmenu li:nth-child(1),
	.shopTabmenu li:nth-child(2),
	.shopTabmenu li:nth-child(3){border-bottom: 1px solid #ddd;}
	.shopTabmenu li:nth-child(3){border-right:0;}
	
	
	/* shop_상세*/
	
	.cartRightCont .payInfo{border-radius: 10px; border:0}
	
	.fixPrice p{line-height: 1;}
	.fixPrice p span{ display: block; margin: 5px 0 0 0; font-size: 1.5rem;}
	
	.cartProd .data_none{margin:40px 0;}
	
	.fixCartPrice li {width: 80px;}
	.user .fixProdsWrap{width: 100%; margin-left: 0;}
	
	.itemInfo .itemInfo_r, .itemInfo2 .itemInfo_r{
		right: 10px;
		top: 10px;
		display: flex;
		background: none;
		border-radius: 0;
	}
	.itemInfo .itemInfo_r p a, .itemInfo .itemInfo_r p i, 
	.itemInfo2 .itemInfo_r p a, .itemInfo2 .itemInfo_r p i{color: #000;}
	
	.itemInfo .itemInfo_r .share_list, .itemInfo2 .itemInfo_r .share_list{
		display: block;
        width: auto !important;
        height: auto;
        border-radius: 25px;
        padding: 0;
        top: 45px;
        left: 50px;
	}
	
	.itemInfo .viewInfo dt, 
	.itemInfo2 .viewInfo dt{font-size: 1.15rem;}
	.itemInfo .viewInfo dd.fontC_price_B, 
	.itemInfo2 .viewInfo dd.fontC_price_B{font-size: 1.3rem;}
	.itemInfo .viewInfo dd, 
	.itemInfo2 .viewInfo dd{font-size: 1.1rem;}
	
	#outoOn .popWrap{height: 90%;}
	#outoOn .viewDetail .viewTop .prodThumb img{width: 100%;}
	
	.shopConfirm{width: 100%; padding:40px;}
	
	/* more button */
	.paging-more{
		display:block !important; 
		width:100%;
		border-radius:3px;
		overflow:hidden;
		border-top: 1px solid #e3e3e3;
		box-sizing:border-box;
	}
	.paging-more a{
		display: block;
		width: 30%;
		margin: -1px auto 0;
		font-size:13px;
		color: rgba(0,0,0,.7);
		text-align: center;
		line-height: 36px;
		border: 1px solid #e3e3e3;
	}
	.paging-more a i{margin-left:5px;}
	
	/* 마이오피스 메뉴 */
	/* office category */
	.category{display: block !important; padding:10px; background: #fff; border-bottom:1px solid #eeeff3; margin-bottom: -10px;}
	.category > ul{display: flex; justify-content: space-between;}
	.category > ul > li{float:left;width:50%;position:relative;display:table;height:40px;}
	.category > ul > li:nth-child(2){display:block;width:33px;height:40px;background:url('../images/sub/bg_lt.png') no-repeat 12px 15px; background-size:10px 13px;}
	.category .btn-toggle{width:100%;background:#fff;border:1px solid #e7e8ed !important;font-weight:bold;color:#888;position:relative;display:table-cell;vertical-align:middle;padding-left:5px;}
	.category .btn-toggle:active{background:#eee;}
	.btn-toggle:before{display:block;content:'';background:url('../images/sub/bg_menuArrow.png') no-repeat 0 0;width:9px;height:5px;position:absolute;right:11px; top:50%; margin-top:-4px; background-size:9px 5px;}
	.btn-toggle.on,.dep2 .btn-toggle{border-color:#777;color:#777;}
	/* .btn-toggle.on:before,.dep2 .btn-toggle:before{background-image:url('../../../images/sp/contents/bg_menuArrow_on.png')} */
	.category .list{position:absolute; top:39px; left:0; background-color:#fff; z-index:20;width:100%; display:none;}
	.category .list.on{display:block;z-index:300;}
	.category .list ul{border:1px solid #ddd;border-top:1px solid #eee; -webkit-box-shadow: 2px 3px 5px 0px rgba(208,208,208,1); -moz-box-shadow: 2px 3px 5px 0px rgba(208,208,208,1);box-shadow: 2px 3px 5px 0px rgba(208,208,208,1);}
	.category .list li{font-weight:bold;color:#afb0b2;border-top:1px solid #ddd;}
	.category .list li:first-child{border-top:0;}
	.category .list li a{display:block; padding:0 0 0 9px; color:#afb0b2; letter-spacing:-1px; height:39px; line-height:39px;}
	.category .list li a:active{background:#eee;}
	
	.category .dep100{width:100% !important;margin:0 auto;padding:0 !important;}
	.category .dep100 .btn-toggle{background:#fff !important;}
	
	.category1{padding:10px;height:40px;border-bottom:1px solid #ddd;background:#fafafa;border-top:1px solid #ddd;}
	.category1 > ul > li{float:left;width:50%;position:relative;display:table;height:40px;background:#f8f8f8;}
	.category1 > ul > li:nth-child(1){width:50%;padding-right:33px;position:relative;box-sizing:border-box;}
	.category1 > ul > li:nth-child(1):before{display:block;content:'';width:33px;height:40px;position:absolute;right:0;top:0;background:url('../images/sub/bg_lt.png') no-repeat 12px 15px; background-size:10px 13px;}
	.category1 .btn-toggle1{width:100%;background:#fff;border:1px solid #bbb;font-size:13px;font-weight:bold;color:#888;position:relative;display:table-cell;vertical-align:middle;padding-left:5px;-webkit-box-shadow: 2px 2px 1px 0px rgba(229,229,229,1);-moz-box-shadow: 2px 2px 1px 0px rgba(229,229,229,1);box-shadow: 2px 2px 1px 0px rgba(229,229,229,1);}
	.btn-toggle1:active{background:#eee;}
	.btn-toggle1:before{display:block;content:'';background:url(../images/sub/bg_menuArrow.png) no-repeat 0 0;width:9px;height:5px;position:absolute;right:11px; top:50%; margin-top:-4px; background-size:9px 5px;}
	.btn-toggle1.on, .dep4 .btn-toggle1{border-color:#777;color:#777;}
	.btn-toggle1.on:before, .dep4 .btn-toggle1:before{background-image:url(../images/sub/bg_menuArrow_on.png)}
	
	#autoPdtInfo .popWrap{width: 90%;  margin-left: -45%;}
	#autoPdtInfo .viewDetail .viewTop{display:block;}
	
	/*갤러리게시판*/
	.gal_list li{width: calc(33.33% - 0px);}
	.gal_list li:nth-child(4n+1) {margin-bottom: 0;}
	.gal_list li:nth-child(3n+1) {margin-bottom: 30px;}
	
	/*홈페이지 QNA 메뉴바*/
	.navtop.contBtnWrap{overflow: hidden;}
	.swiper-wrapper.cusTabBtn .swiper-slide{width: auto;}
	.swiper-wrapper.cusTabBtn a{width: 80px;}
	#contentPc img{width: 100% !important;}
	
	.modal-con{
		width: 80% !important;
		height: 80% !important;
		overflow: hidden;
	}
	.popSlide{
		width: 100% !important;
		height: auto;
	}
	.PopBtn{z-index: 9;}
}

/* =========================== media-780 ============================= */

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

	.m_mgt5{margin-top:5px;}	
	
	.dashboard {margin-top: 30px;}

	.dashboard .dashTop .floL, 
	.dashboard .dashTop .floR,
	.dashboard .dashCont .box,
	.contBox2 .box,
	.contBox1_2 .inner{ flex-basis: 100%; margin-right: 0;}
	
	.dashboard .mgt40,
	.dashboard .dashTop .floR, 
	.dashboard .dashCont .box:nth-child(even),
	.contBox2.mgt40, 
	.contBox2 .box:nth-child(even) ,
	.contBox1_2 .inner:nth-child(2) .box:nth-child(1),
	.container_my .mgt30 { margin-top:20px !important}

	.dashboard h3 {font-size: 1.2rem;}
	.dashTop .dashInfo dl {display: flex; padding: 15px 10px;}
	.dashTop .dashInfo dt {display: flex; width: 160px; margin: 0;}
	
	.infoDate .infoDate4 dt {position: absolute; right: 10px; top: 10px;}
    .infoDate .weekDate{top: 10px;}
	.infoDate .weekDate select {height: 34px;}
    .infoDate .infoDate4 dl{width: 100%;height: 80px;margin:0 0 10px;}
    .infoDate .infoDate4 dl:nth-child(4){margin-bottom:0;}
	
	.dashLevel .levelWrap {display: block;  padding: 0 20px;}
	.dashLevel .floL, .dashLevel .floR { display: block; float: none !important; padding: 0;}
        

	/* 공통 컨텐츠 */	

	.container_my h3{font-size: 1.2rem;padding: 15px;} 
	
	.dashSTit {font-size: 1.3rem; padding-bottom: 10px;}

	.filterWrap,
	.filterLine1 {display: block; margin: 10px auto; padding:10px;}

	.filterWrap dl,
	.filterLine1 dl{display: flex; width: 100% !important ; margin-bottom: 10px;}
	
	.filterLine1 > div{width: 100% !important;}
	.filterWrap dl:last-child dd a, .filterLine1 .btn a{max-width: none;}

	.filterWrap dl:last-child{margin-bottom: 0;}
	.filterWrap dl:last-child dt {display: none;}
	.filterWrap dl:last-child dd {padding: 0; width: 100%;}
	
	.filterWrap dt,
	.filterLine1 dt {
		width: 30%;
		border: 0;
		padding: 0;
		font-size: 1.05rem !important ;
		padding-left: 10px !important;
		line-height:40px;
	}

	.filterWrap dd,
	.filterLine1 dd {width: 70%; padding: 0; min-height: 40px;}
	.filterLine1 dl dd {display: flex;padding: 0;}
	.filterWrap label,
	.filterLine1 label {letter-spacing: -0.05em;}
	.filterWrap select{padding:12px 8px;}
	.filterLine1 .searchWrap {width: 100%;}
	
	.filterWrap .none,
	.filterLine1 .none{display:none !important;}

	.filterWrap .datePickWrap,
	.filterLine1 .datePickWrap { width: 49%; margin-right: 2% !important;}

	.filterWrap .datePickWrap:nth-child(2),
	.filterLine1 .datePickWrap:nth-child(2){margin-right: 0 !important;}

	.filterWrap .datePick_open { display:none; }
	
	h3.poptit{padding:10px 12px; justify-content: space-between;}
	dl.solo dd select{max-width: 100px;}

	.m_datePickOn{display:block !important; margin-bottom:10px;}
	.m_datePickOn ul{display: flex; justify-content: space-between; gap: 1.5%;}
	.m_datePickOn ul li{flex-basis: 100%;}

	/*.m_datePickOn ul li:first-child{flex-basis: 25%;}*/

	.m_datePickOn ul li a{
		display: block;
		background: rgba(0, 0, 0, .3);
		padding: 10px 0;
		text-align: center;
		font-size: 1rem;
		color: rgba(255, 255, 255, 1);
		border-radius: 3px;
	}
	
	.m_datePickOn ul li a span{color: rgba(255, 255, 255, 1);}
	.m_datePickOn ul li a.on{background: rgba(0, 0, 0, .6);}	

	.mobi_scroll .w800{width:800px;}	

	table.grid_design thead td {font-size: 1.05rem;}

	.contBox2 .box:nth-child(3){margin-top:20px;} 
	
	.btn_more.mgt50{margin-top:20px !important ;}
	
	.infoTable tr td input[type=text], 
	.infoTable tr td input[type=password],
	.infoTable tr td select,
	.cartAmtLeft .officeCont table input[type=text], .cartAmtLeft .officeCont table input[type=password], .cartAmtLeft .officeCont .officeBody table select{width:100% !important;}

    .w90_m{width:90% !important;}
	.w90_m.mgl10{margin-left:0;}
	
	/*회원가입*/
	.joinImg{display:none;}
	.joinTop{margin:30px auto;}
	.joinTop h2{font-size: 1.5rem;}
	.joinTop p{font-size: 1.2rem; line-height:1.2}
	
	.joinType dl{padding:10px}
		
	/* 서브페이지 */
	.subContainer{padding: 10px 15px 60px;}
	.subVis {height:150px;}
	.subVis h4{font-size:2.5em;}
	.subVis p{font-size:1em;}
	
	/* 리스트 하단 고정*/
	.fixProds{margin: 20px auto 0;}
	.fixProds li{ width: calc(50% - 0px); margin-bottom: 10px;}
	.fixProds li:nth-child(2),
	.fixProds li:nth-child(4){padding-left:3%;}
	.fixProds .btn_more{
		display: flex;
	    justify-content: space-between;
	    width: 100%;
	    gap: 3%;
	}
	
	.fixProds .btn_more a{width: calc(50% - 0px); margin: 0;}
	
	.fixCartBox .fixCartTit{width: 100%;}
	.fixCartPrice ul {
		display: table;
	    width: 100%;
	    height: 30px;
	    border: 1px solid #ddd;
	    margin-top: 5px;
	}
    
    .fixCartPrice li{
	    display: table-cell;
	    vertical-align: middle;
	    max-width: 50%;
	    text-align: center;
	    padding: 0 5px;
	    border-right: 1px solid #ddd;
	}
    
    .fixCartPrice li:last-child{border-right: 0}
    
    .fixCartBox .fixCartPrice{display: block; width: 100%; position: relative;}
    .fixCartCount{position: absolute; top: -37px; right: 0;}
    .fixCartCount input{margin: 0 40px;}
	
	/*.cartProdInner .cartProd dt{width: 80px;}
	.cartProdInner .cartProd dd{width: calc(100% - 80px); padding-left:10px;}*/
	.pdName .name{font-size: 1.15rem;}
	.cartProdInner .cartProd dd p{font-size: 1rem;}
	.cartProdInner .cartProd .price{font-size: 1.1rem;}
	.cartProdInner .cartProd .price2{font-size: 1.2rem;}
	.count .countInput {width: calc(100% - 90px) !important;}
	.cartProd .countChange{max-width: 100% !important; margin-top: 5px;}
	
	.cartProdInner .amtProd dd{display: block; text-align: left; padding: 0 15px;}
	.cartProdInner .amtProd dd p{
		width: 100% !important;
	    padding: 0 !important;
	    display: flex;
	    margin-top: 5px;
	}
	.cartProdInner .amtProd dd p:first-child{margin-top: 0;}
	.cartProdInner .amtProd dd p.name{-webkit-line-clamp: 1;}
	.cartProdInner .amtProd dd p span{margin-right:8px;}
	
	
	.cartRightCont dl{padding:5px 0;}
	.cartRightCont dt{font-size: 1rem;}
	.cartRightCont dd{font-size: 1.1rem;}
	.cartRightCont dd.price, .cartRightCont dd.price span{font-size: 1.3rem;}
	.cartContTotal dt{font-size: 1.2rem;}
	.cartContTotal dd, .cartContTotal dd span{font-size: 1.5rem;}
	.cartRightCont dd.price2, .cartRightCont dd.price2 span{font-size: 1.1rem;}
	
	.itemInfo{padding: 15px; border-radius: 20px;}
	.itemInfo .itemInfo_r p, 
	.itemInfo2 .itemInfo_r p{width:40px; height:40px;}
	.itemInfo .itemInfo_r p a, .itemInfo .itemInfo_r p i, 
	.itemInfo2 .itemInfo_r p a, .itemInfo2 .itemInfo_r p i{line-height: 40px;}
	.itemInfo .viewTit h2, .itemInfo2 .viewTit h2{font-size: 1.6rem;}
	
	.officeCont.mgt50{margin-top:20px !important;}
	
	/*오토쉽*/
	.galauto{width: calc(50% - 20px);}
	.galauto dt{height: 120px;}
	.galauto input,
	.listCont input{height: 36px;}
	.galauto .prodCount, .listCont .prodCount{width: 36px; height: 36px; margin-left: 2px;}
	.galauto .prodCount i, .listCont .prodCount i{line-height: 36px;}
	.galauto .prodCount, .listCont .prodCount{width: 36px; height: 36px;}
	
	#outoOn .viewDetail .viewTop{display: block;}
	#outoOn .viewDetail .viewTop .prodThumb{width: 100%;}
	#outoOn .viewDetail .viewTop .prodThumb img{width: 70%;}
	#outoOn .itemInfo{float: none; width: 100%; padding: 20px 10px;}
	
	.listCont, 
	.scroll_m{width: 100%; overflow-x: auto;}
	.listCont .infoTable,
	.scroll_m .infoTable{width: 800px; margin: 0 auto;}
	
	/*게시판*/
	.gal_view{display: block;}
	.gal_view p{margin: 0 0 20px; text-align: center;}
	.gal_list li{width: calc(50% - 0px);}
	.gal_list li:nth-child(3n+1) {margin-bottom: 0;}
	.gal_list li:nth-child(2n+1) {margin-bottom: 30px;}	
	
	/* 회원가입순서 */
	.step{margin: 0 auto 20px; padding: 30px 0 20px;}
	.step ul{padding: 0 10px;}
	.step li{width: auto; font-size: 1em; margin: 0 5px;}
	
	/*준비중*/
	.Ready{width:90%; height:90%; border-radius:1000px;	}
	.Ready dl{padding:30px;}
	.Ready dt{font-size: 1.5em;}
	.Ready dt:after{margin:15px auto 20px; height:30px;}
	.Ready dd{font-size: 1em;}
	
}