@charset "utf-8";
/* CSS Document */

.res{ display:none}

@media screen and (max-width:1500px){
.payment_list li {flex: 1 31.3%; max-width: 33.3%;}
}
@media screen and (max-width:1400px){
.res.h1400{ display: block}
}
@media screen and (max-width:1280px){
.res.h1280{ display: block}
/*body{ font-size:15px}*/


}
@media screen and (max-width:1100px){
#adm_footer .wrapIn {flex-wrap: wrap; padding: 3vmin 1.5vmin; gap: 3vmin;}
#adm_footer .logo_wrap {min-width: 100%;}
#adm_footer .cs_wrap {width: 100%;}
}
@media screen and (max-width:1024px){
/*body{ font-size:14px}*/
/*
#adm_header .top_wrap .wrapH {height: 18vmin; flex-wrap: wrap;}
#adm_header .top_wrap .logo_wrap {width: 100%;}
#adm_header .top_wrap .logo_wrap .logoS {height: 2em;}
#adm_header .top_wrap .logo .tt {font-size: 1.3em;}
#adm_header .top_wrap .utility_wrap .mallBtn .wrap .wrapBtn {width: 4.5em; height: 5em;}
#adm_header .top_wrap .utility_wrap .mallBtn .wrap .wrapBtn .tt {font-size: .9em;}

.adm_login .vod_wrap {display: none;}
.adm_login .con_wrap {width: 100%;}
.adm_login .login_tit .logo {height: 5em;}
.adm_login .login_tit .tt {font-size: 5em;}
.adm_input_label {font-size: 1.8em;}
.adm_form > li {margin-bottom: 1em;}
.adm_form > li .in .lab {font-size: 1.8em;}
.adm_form > li .in .inp {height: 3.5em; font-size: 2.4em;}
.adm_form > li.check_wrap {font-size: 2em;}
.adm_form > li.btn_wrap .btn {height: 3.5em; font-size: 2.4em;}
.adm_login .memo_wrap .t1 {font-size: 1.8em;}
.adm_label .fi {width: 1em; font-size: 1em;}

#adm_header .top_wrap .logo_wrap .logo {height: 3em; margin-top: 1em;}
#adm_header .top_wrap .logo .tt {font-size: 2.1.8em;}
#adm_header .top_wrap .menu_wrap .gnb > li .dp1 {padding: 1em;}
#adm_header .top_wrap .menu_wrap .gnb > li .dp1 .tt {font-size: 1em;}
*/
#adm_contents {min-height:unset;}
#adm_contents .subWrap {flex-direction: column;}
#adm_contents .subWrap .conWrap,
#adm_contents .subWrap .lnbWrap {width: 98%; margin: 0 auto; flex: unset; height: unset; overflow: hidden;}
#adm_contents .subWrap .lnbWrap .userW {flex-direction: unset; padding: 1em;}
#adm_contents .subWrap .lnbWrap .userW .userSt {width: unset; flex-direction:unset;}
#adm_contents .subWrap .lnbWrap .userW .userInfo_box {flex: 1; display: none;}
#adm_contents .subWrap .subTab .gnb > li > a {min-width: 6em; height: 2.5em;}

.adm_grid {grid-template-columns:unset !important; grid-template-rows:unset !important;}
.adm_grid .gridW {grid-column: unset !important;}

.admOrderWrap {flex-direction: column-reverse;}
.admOrderWrap .orderForm {width: 100%;}

.orderStateWrap .el {width: 11vmin;}
.orderStateWrap .el:not(:last-child) .icoW:after {right: -9.5vmin;}

.admFilter .wrapTit,
.admTable .td:before {font-size: 12px;}
.admTable.form .cell {padding: .8em;}
.adm_input {font-size: 12px; height: 30px; width: 100%; justify-content:center}

.payment_list li {flex: 1 48%; max-width: 50%;}
.payment_list li .in {font-size: 1em; padding: 1.5em;}

.admOrderWrap .orderForm .formDv .tit .t1 {font-size: 0.96em;}
.admOrderWrap .orderForm .wrapBtn {height: 3.5em; font-size: 0.96em;}

.admTitW .tit .t1 {font-size: 1.125em;}

#adm_contents .subWrap .lnbWrap .userW .userSt .ico {width: 3em; height: 3em;}
#adm_contents .subWrap .lnbWrap .userW .userSt .con .t1 {font-size: 1em;}
#adm_contents .subWrap .lnbWrap .userW .userSt .con .t2 {font-size: .9em;}

.admFilter .wrapIn {flex-wrap: wrap;}
.admFilter .wrapTit {width: 7em;}

.admVol .st {height: 2.5em;}
.admVol .st.btn {width: 2.5em;}
.icoSt {width: 3em; height: 3em;}
.icoSt .fi {font-size: 1.6em;}

.bi .fi {font-size: 1.4em; width: 2em;}

.admProdList .imgW.w1 {width: 8em;}

#adm_contents .subWrap .subTab .gnb > li > a .tt {font-size: .9em;}

#adm_footer {padding: 6em 0 4em;}
#adm_footer .logo img {height: 2.5em;}
#adm_footer .menu_wrap {flex: unset; width: 100%; margin-top: .5em;}
#adm_footer .menu_wrap > li {width: 5.5em;}
#adm_footer .menu_wrap > li.point {width: 9.5em;}
#adm_footer .menu_wrap > li > a {font-size: 1em; padding-right: .5em;}
#adm_footer .info {margin-top: 1em;}
#adm_footer .info > li {font-size: 1em; line-height: 1.4;}
#adm_footer .cs_wrap {flex-wrap: wrap; gap: .5em;}
#adm_footer .cs {width: 100%; background: rgba(255, 255, 255, .4);}
#adm_footer .cs .tit {font-size: 1em;}
#adm_footer .cs .no .ico {width: 2em; height: 2em;}
#adm_footer .cs .no .t1 {font-size: 1.125em;}
#adm_footer .cs .tt {font-size: 1em; text-align: left;}

.adm_input.s1 {height: 40px; padding: .5em; font-size: 1em;}

}
@media screen and (max-width:840px){
/*
#adm_header .top_wrap .menu_wrap .gnb > li:hover .dp2 {margin-top: 0vmin;}
#adm_header .top_wrap .menu_wrap .gnb > li .dp2 > li > a {padding: 1vmin;}
*/
}
@media screen and (max-width:840px){
/*
#adm_header .top_wrap .menu_wrap .gnb > li .dp1 {padding: 1vmin;}
*/
/* #adm_header .top_wrap .utility_wrap .mallBtn .wrap .wrapBtn {width: 7vmin; height: 7vmin;} */

/*
.adm_login .login_tit .logo {height: 4em;}
.adm_login .login_tit .tt {font-size: 4em;}
.adm_input_label {font-size: 1.6em;}
.adm_form > li {margin-bottom: 1em;}
.adm_form > li .in .lab {font-size: 1.6em;}
.adm_form > li .in .inp {height: 3em; font-size: 2.2em;}
.adm_form > li.check_wrap {font-size: 2em;}
.adm_form > li.btn_wrap .btn {height: 3.5em; font-size: 2.2em;}
.adm_login .memo_wrap .t1 {font-size: 1.6em;}
*/
}
@media screen and (max-width:800px){

.dp1_mypage.dp2_tradelist .admFilter .wrapIn {display: block;}
.dp1_mypage.dp2_tradelist .admFilter .wrapIn .wrapTit {margin-bottom: .5em;}

.admTable .table, 
.admTable .thead, 
.admTable .tbody, 
.admTable .th, 
.admTable .td, 
.admTable .tr { display: block; }
.admTable .thead .tr { position: absolute;	top: -99912px;	left: -99912px;}	
.admTable .tr { border: 1px solid #ccc; overflow: hidden;}	
.admTable .tbody {margin-bottom: .5em;}
.admTable .tbody:last-child { margin-bottom: 0;}
.admTable .td {border: none;border-bottom: 1px solid #eee; position: relative;	padding-left: 35%; min-height: 3em !important; line-height: 3em;}	
.admTable .td:before { position: absolute;top: 4px;	left: 6px;	width: 30%; height: 100%; padding-right: 10px; white-space: nowrap; font-weight: 600; font-size: 012px; border-right: 1px solid #ddd;}
.admTable .cell.ar {align-items: unset; text-align: left !important;}
.admTable .td.wCheck {padding-left: 48%;}
.dp1_mypage .admTable .td.wBtn2 {padding-left: unset;}

.admTable.form .tr {margin-bottom: .5em;}
.admTable.form .tr:last-child {margin-bottom: unset;}
.admTable.form .td:before {display: none;}
.admTable .td.wProd:before {height: unset;}
/*
.admTable .td.wCheck {background: #f4f4f4;}
.admTable .td.wCheck .adm_label .fi {font-size: 1.8em;}
*/
.admTable.charge .td {padding-left: 25%;}
.admTable.charge .td:before {width: 20%;}

.admTable .wNo,
.admTable .wCheck,
.admTable .wBtn,
.admTable .wBtn2,
.admTable .wPrice,
.admTable .wVol,
.admTable .wVolBtn,
.admTable .wState,
.admTable .wOrderNo,
.admTable .wDate2,
.admTable .wFormTit{ width:100%;}

/*	Label the data */
.admTable .td.wCheck:before { display: none;}
.admTable .td:nth-of-type(2):before { content: "상세"; }
.admTable .td:nth-of-type(3):before { content: "제품명"; }
.admTable .td:nth-of-type(4):before { content: "제품가격"; }
.admTable .td:nth-of-type(5):before { content: "수량"; }
.admTable .td:nth-of-type(6):before { content: "소계"; }
.admTable .td:nth-of-type(7):before { content: "옵션"; }

.admTable.purchase .td.wBtn {padding-left: unset;}
.admTable.purchase .td:nth-of-type(1):before { content: "구매날짜"; }
.admTable.purchase .td:nth-of-type(2):before { content: "제품명"; }
.admTable.purchase .td:nth-of-type(3):before { content: "제품가격"; }
.admTable.purchase .td:nth-of-type(4):before { content: ""; }

.admTable.product .td.wProd {padding-left: unset;}
.admTable.product .td:nth-of-type(1):before { content: ""; }
.admTable.product .td:nth-of-type(2):before { content: "제품가격"; }
.admTable.product .td:nth-of-type(3):before { content: "옵션"; }
.admTable.product .td:nth-of-type(4):before { content: "비고"; }
.admTable.product .tr {margin-bottom: .5em;}
.admTable.product .tr:last-child { margin-bottom: 0;}

.admTable.charge .td:nth-of-type(1):before { content: "거래처명"; }
.admTable.charge .td:nth-of-type(2):before { content: "주문일시"; }
.admTable.charge .td:nth-of-type(3):before { content: "제품명"; }
.admTable.charge .td:nth-of-type(4):before { content: "주문금액"; }
.admTable.charge .td:nth-of-type(5):before { content: "주문승인"; }

.admTable .td .inW {align-items: baseline; height: 3em;}

.admProdList {flex-wrap: wrap; padding: .5em;}
.dp1_mypage.dp2_orderList .admProdList,
.dp1_store .admProdList {padding: unset;}
.admProdList .conW {flex-wrap: wrap; min-width: 100%; border-right: unset;}
.admProdList .conW .tit1 {font-size: 12px;}
.admProdList .specSt {width: 100%;}
.specSt > li .tit {width: 11em;}
.specSt > li .tit .t1 {font-size: 1.25em;}

.orderStateWrap .el {width: 13vmin;}
.orderStateWrap .el:not(:last-child) .icoW:after {right: -6.5vmin;}
.orderStateWrap .el .icoW .ico {font-size: 1.25em;}

.admTable.h1 .cell.td {min-height: 25px;}
.adm_input.s2 {height: 30px; padding: .5em;}
.admProdList .conW .tit2 {font-size: .9em;}
.specSt {font-size: 8px;}
.specSt > li .tt .t1 {font-size: 1.125em;}

.chardeProd_box {display: flex !important; flex-direction: unset !important; gap: .5em; flex-wrap: wrap;}
.chardeProd_box .admProdList {flex: 1; width: 40%; border: 1px solid #adadad;}
.chardeProd_box .admProdList:last-child {border-bottom: 1px solid #adadad;}
.chardeProd_box .admProdList .conW {border-bottom: 1px dashed #ddd; position: relative; padding-left: 30%;}
.chardeProd_box .admProdList .conW:last-child {border-bottom: unset;}

.chardeProd_box .admProdList .conW:before { position: absolute;top: 0;	left: 6px;	width: 12%; padding-right: 10px; white-space: nowrap; font-weight: 600; font-size: 9px; border-right: 1px solid #ddd;}
.chardeProd_box .admProdList .conW:nth-of-type(1):before { content: "제품번호"; }
.chardeProd_box .admProdList .conW:nth-of-type(2):before { content: "제품명"; }
.chardeProd_box .admProdList .conW:nth-of-type(3):before { content: "개수"; }
.chardeProd_box .admProdList .conW:nth-of-type(4):before { content: "가격"; }

.dp1_charge .admFilter .wrapList li {width: 5em;}
.bi .tt {font-size: .9em;}

}
@media screen and (max-width:640px){
/*body{ font-size:11px}*/

.admOrderWrap .orderForm .selList > li .tit {font-size: 12px;}
.adm_label.st1 .lab {min-height: 1.6em;}
.adm_label.st1 .lab .t1 {font-size: 12px;}
.orderStateWrap .el .conW .t1 {font-size: 10px;}
.tt_price .tn {font-size: 1.05em;}
.tt_state {font-size: .96em;}

.board_table .w_no {width: 5em;}

.adm_label.st1 .lab:after {font-size: 1.125em;}
}
@media screen and (max-width:500px){
/*
#adm_header .top_wrap .wrapH {height: 24vmin;}
*/
.board_search {flex-wrap: wrap;}
.board_search .search {flex-wrap: wrap; gap: .5em; width: 100%; margin-top: .5em;}
.board_search .search label,
.board_search .search .input_st,
.board_search .search button {width: 100%;}

.admTable, 
.admTable .thead, 
.admTable .tbody {font-size: 12px;}
.admTable.charge .td.chardeProd_box {line-height: 3vmin;}
.tt_price .tn {font-size: 12px;}
.admOrderWrap .orderForm .selList > li .tit {font-size: 12px;}
.adm_label.st1 .lab .t1 {font-size: 12px;}

.orderStateWrap .el {width: 15vmin;}
.orderStateWrap .el .conW .t1 {font-size: 10px;}

.tt_state {font-size: 12px;}

.payment_list {gap: .5em;}
.payment_list li {flex: 1 100%; max-width: 100%; font-size: .9em;}

.chardeProd_box .admProdList {flex: 1 100%; width: 100%; border: 1px solid #adadad;} 

/*
.adm_login .login_tit .logo {height: 3em;}
.adm_login .login_tit .tt {font-size: 3em;}
.adm_input_label {font-size: 1.4em;}
.adm_form > li {margin-bottom: .5em;}
.adm_form > li .in .lab {font-size: 1.4em;}
.adm_form > li .in .inp {height: 3em; font-size: 1.8em;}
.adm_form > li.check_wrap {font-size: 1.4em;}
.adm_form > li.btn_wrap .btn {height: 3em; font-size: 1.8em;}
.adm_login .memo_wrap .t1 {font-size: 1.4em;}
*/
#adm_contents .subWrap .subTab .gnb > li > a {min-width: 5em;}

.specSt > li .tit {width: 9em;}

}
@media screen and (max-width:390px){
/*body{ font-size:11px}*/
/*
.adm_login .login_tit .logo {height: 3em;}
.adm_login .login_tit .tt {font-size: 2.6em;}
.adm_input_label {font-size: 1.2em;}
.adm_form > li {margin-bottom: 1em;}
.adm_form > li .in .lab {font-size: 1.2em;}
.adm_form > li .in .inp {height: 3em; font-size: 1.25em;}
.adm_form > li.check_wrap {font-size: 1.4em;}
.adm_form > li.btn_wrap .btn {height: 3em; font-size: 1.4em;}
.adm_login .memo_wrap .t1 {font-size: 1.25em;}
*/

}
@media all and (orientation:landscape){

}