@media screen and (max-width: 720px) { * { font-size:var(--26); }

/*input check,radio*/

/*
._check input + label { padding-left:var(--66); line-height: var(--42); background-size: var(--42); }
._check input + span { width: var(--42); height: var(--42); background-size: var(--42);; }
*/

._check { width: var(--42); height: var(--42); }
._check label { padding-left:var(--66); line-height: var(--42); }
._check input + label:after,
._check input + span:after { width: var(--42); height:var(--42); border-radius:var(--42); }
._check input + span { width: var(--42); height: var(--42); }
._check input.radiobox + span:before,
._check input.radiobox + label:before { width: var(--18); height:var(--18); left: var(--12); border-radius: var(--32); }
._check input.radiobox + span:after,
._check input.radiobox + label:after { border:var(--6) solid var(--line_03); }
._check input.radiobox:checked + span:after,
._check input.radiobox:checked + label:after { border:var(--6) solid var(--colmain); }
._check input.radiobox:checked + span:before,
._check input.radiobox:checked + label:before { background-color: var(--colmain); }


/*button*/
button.si-M { width: var(--210); height:var(--92); font-size: var(--28); }
button.si-L { width: 100%; height:var(--100); font-size: var(--30); font-weight: 600; }
button.si-XL { width: 100%; height:var(--110); font-size: var(--30); font-weight: 600; }
button.phone { background-size: var(--24); padding-left: var(--36); }
button.kakaoCh{padding: 0 var(--20);height: var(--64);background-size: var(--36);background-position: calc(100% - var(--20)) center;padding-right: var(--48);}
._bottomBtn { width: 100%; flex-wrap: wrap; padding:0 var(--36); border-top:0; padding-top: var(--30); margin-top:var(--30); }
._bottomBtn button { flex-grow: 1; height: var(--100); font-size: var(--30); margin: 0; }

/*tab*/
._tab { border-bottom: 1px solid var(--line_02); }
._tab li:after { height: var(--26); }
._tab li { flex-grow: 1; }
._tab li > div { font-size: var(--30); padding: 0; text-align: center; line-height:var(--100); }
._tab li input:checked + div,
._tab li.on div { border-bottom: var(--3) solid var(--colBl); font-weight: 700; }


._sildScroll ._tab { white-space:nowrap; border-bottom: 0; }
._sildScroll ._tabBg { white-space:nowrap; }
._sildScroll ._tab li { display:inline-block; padding:0 var(--30); }
._sildScroll { width: 100%; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; }
._sildScroll { border-bottom: 1px solid var(--line_03); }
._sildScroll::-webkit-scrollbar { display: none; }
._tabLine li input:checked + div { border-bottom: var(--5) solid #000; }
._tabLine li div { height: var(--100); line-height: calc(var(--100) - 5px); font-size: var(--32); }



._sildScroll ._tab.equal { display: flex; }
._sildScroll ._tab.equal li { padding: 0; width: calc(100%/3); }
._tabBg li > div { font-size: var(--28); line-height: var(--64); border-radius: var(--64); padding: 0; }
._tabBg li.on > div { background-color: var(--colmainY); font-weight: 600; }
._tabBg { justify-content: space-between; }
._tabBg li { margin-right: var(--10); width:initial; text-align: center; flex-grow: 1; }
._tabBg._arrow li > div { line-height: var(--64); flex-grow: 1; }
._tabBg._arrow li input:checked + div:after { border-bottom: var(--10) solid transparent; border-top:var(--10) solid var(--colmain); bottom:-2.5vw; }
._tabBg._arrow li:last-child { margin: 0; }


/*textSearch*/
._textSearch select { font-size: var(--28); height: var(--92); min-width: var(--200); margin-right: var(--10); }
._textSearch .searchInput { width: calc(100% - var(--190) - var(--2)); display: flex; height: var(--92); }
._textSearch .searchInput input { height: var(--92); width: calc(100% - var(--92)); background-color: transparent; font-size: var(--28); }
._textSearch .searchInput button { width: var(--92); background-size: var(--28); height: var(--92); }


/*input select search*/
input { height: var(--92); padding: 0 var(--30); }
select { height: var(--92); padding: 0 var(--30); padding-right: var(--64); background-position: calc(100% - var(--30)); background-size: var(--24); }
textarea { font-size: var(--26); line-height: var(--38); height: var(--320); padding: var(--20); }


._search button { background-size: var(--26);; width: var(--92); height:var(--92); }
._search input { width: calc(100% - var(--92)); }
._identify select { width: var(--220); margin-right: var(--20); }
._identify input { margin-right: var(--20); margin-bottom: var(--20); }
._identify select + input { width: calc(100% - var(--240)); margin-right: 0; }
._identify button { font-size: var(--28); width:var(--190); height: var(--92); }
._identify .colBl { margin-bottom: var(--20); width: 100%; clear: both; height: var(--72); }
._identify .colBl + input { margin-bottom: 0; width: calc(100% - var(--210)); margin-right: var(--20); }
._identify .txt { font-size: var(--22); line-height: var(--22); padding-top: var(--20); }

._inputTit { margin-bottom: var(--60); display: block; }
._inputTit .tit { margin-bottom:var(--20); font-size: var(--26); width: 100%; line-height: var(--26); }
._inputTit .tit .dot:after { width: var(--5); height: var(--5); border-radius: var(--5); right: -1.6667vw; }
._inputTit .inputWrap { width:100%; }


._fileBtn input { width: var(--180); }
._fileBtn div.btn { width: var(--180); line-height: var(--72); height:var(--72); font-size: var(--26); }
._fileBtn div.fileName { line-height: var(--72); padding-left: var(--20); width: calc(100% - var(--180)); }



 /*tit*/
._tit span { font-size: var(--30); }
._tit.dotR span { padding-right:var(--26); }
._tit.dotR span:after { width: var(--8); height:var(--8); border-radius: var(--10); }
._lineTit { font-size: var(--30); padding-left: var(--32); line-height: var(--30); }
._lineTit:after { width: var(--9); height: var(--30); }
/*dotTxtList*/
._dotList span { position: relative; display: block; }
._dotList span:after { width: var(--8); height: var(--8); border-radius: var(--8); }

/*Pagination*/
._Pagination { margin-top: var(--40); }
._Pagination button { padding: var(--10); margin: 0 var(--10); font-size: var(--26); }


/*page Depth*/
._depthArea { display: none; }



/*타이틀/텍스트*/
._colTxt .tit { width: var(--170); font-size: var(--28); line-height: var(--28); }
._colTxt .txt { width: calc(100% - var(--170)); line-height: var(--42); }
._colTxt .txt span { line-height: var(--28); }
._colTxt .txt span:last-child { margin-left: var(--16); padding-left: var(--16); }
._colTxt .txt span:last-child:after { height: var(--24); }
._rowTxt .tit { line-height: var(--30); font-size: var(--30); }
._rowTxt .txt { margin-top: var(--22); }
._rowTxt .txt span { font-size: var(--26); line-height: var(--26); }
._rowTxt .txt span { margin-left: var(--16); padding-left: var(--16); }
._rowTxt .txt span:after { height: var(--22); }


/*기본 table*/
._table th,._table td { padding:var(--10); height: var(--72);; font-size: var(--24);; }

/*라인 타이틀 */
._secTit { border-top: 0; line-height: var(--100); border-bottom: var(--2) solid var(--colBl); font-size: var(--32); font-weight: 600; padding-left: 0; }

/*상품 리스트*/
._productList li { padding: var(--30) 0; }
._productList li ._product { width: 100%; }
._productList li ._product .img { width: var(--100); height: var(--100);; padding: var(--10); }
._productList li ._product .txtWrap { float: left; min-height: var(--100); width: calc(100% - var(--100)); display: block; height: initial; padding-left: var(--20); }
._productList li ._product .txtWrap .name { padding-top: var(--28); font-size:var(--28); line-height: var(--36); }
._productList li ._product .txtWrap .option { margin-top:var(--10); }
._productList li ._product .txtWrap .option span { margin-bottom: var(--10); display: block; font-size: var(--24); line-height: var(--32); padding-right: 0; margin-right: 0;; width: 100%; }
._productList li ._product .txtWrap .option span:last-child { margin-bottom: var(--20); }
._productList li ._product .txtWrap .option span:after { display: none; }


/*총결제금액*/
._payTotal { border-top: var(--3) solid var(--colBl); height: initial; padding:var(--40) var(--36); }
._payTotal .productTotal { float: initial; display: flex; justify-content:space-between; }
._payTotal .productTotal div { float: initial; line-height: var(--56); font-size: var(--36); }
._payTotal .productTotal { margin-bottom: var(--30); }
._payTotal .productTotal.productTotal { padding: 0; }
._payTotal .productTotal .txt { padding: 0; }
._payTotal button { padding: 0; font-size: var(--32); width: 100%; height: var(--100); }




._switch { width: var(--110); height: var(--56); position: relative; }
._switch input { position: absolute; appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 100%; height: 100%; left: 0; display: block; top: 0; opacity:0; z-index: 1 }
._switch .switch_label { position: relative; cursor: pointer; display: inline-block; width: 100%; height: 100%; background: var(--line_02); border-radius:5vw; transition: 0.2s; }
._switch .onf_btn { position: absolute; top: 0.84vw; left:var(--7); display: inline-block; width: var(--42); height: var(--42); border-radius:var(--42); background: #fff; transition: 0.2s; }
._switch input[type="checkbox"]:checked + .switch_label { background: var(--colmain); }
._switch input[type="checkbox"]:checked + .switch_label .onf_btn { left: calc(100% - var(--48)); background: #fff; }

/*step arrow*/
._step { padding:var(--36); }
._step span { background-size: var(--10); padding-right:var(--82); background-position: calc(100% - var(--36)); font-size: var(--28); }


/*list Table*/
._tablList { min-height: var(--960); }
._tablList ul li div { height: var(--110); }

/*달력*/
.ui-datepicker .ui-datepicker-title { font-size: var(--26); }
.ui-datepicker .ui-datepicker-title span { font-size: var(--26); line-height: 30px; display: inline-block; }
.ui-datepicker th { width: calc(100% / 7) }
._calendar .box { background-size:var(--30); background-position:calc(100% - 20px); width: calc(50% - var(--20)); }
._calendar .calendarWrap > span { width: var(--40); display: inline-block; }
.ui-monthpicker { width: var(--360); }
.ui-datepicker td span,
.ui-datepicker td a { border-radius: var(--72); width: var(--70)!important; line-height: var(--70)!important; height: var(--70)!important; }

/*_addrAdd*/
._addrAdd { border-radius: var(--42); line-height: var(--36); }
._addrAdd ._XdelBtn { position: absolute; right: var(--10); top:var(--4); }
._addrAdd div { padding: var(--4); border-radius: var(--42); padding-right: var(--52); font-size: var(--24); padding-left: var(--20); line-height: var(--42);; }
._addrAdd div ._shorten { max-width: var(--180); }
._XdelBtn { width: var(--42); height: var(--42); background-size: var(--16); }



/*typeFile*/
._upload.typeFile .dz-default.dz-message { line-height:var(--260); }
._upload.typeFile .dz-default.dz-message button { font-size: var(--24); }
._upload.typeFile .dropzone.dz-clickable { height: var(--260); }
._upload.typeFile .dropzone.dz-started .dz-message { display: none; }
._upload.typeFile .dz-filename span { padding: 0 var(--24); max-width: var(--320); line-height: var(--64); border-radius: var(--64); padding-right:var(--64); }
._upload.typeFile .dz-remove { width: var(--64); height: var(--64); line-height: var(--64); background-size: var(--20); right: 0; top: 0; }

/*typeImg*/
._upload.typeImg .dz-default.dz-message { padding-top:var(--160); }
._upload.typeImg .dz-default.dz-message button { color: var(--txt_01); font-size: var(--26); }
._upload.typeImg .dz-default.dz-message { background-size: var(--64); height: var(--240); }
._upload.typeImg .dropzone.dz-clickable { height: 140px; cursor: pointer; position: relative; transition: all 0.5s; }
._upload.typeImg .dz-preview { float: left; margin-right: var(--20); }
.dz-image { margin-top: var(--30); width:var(--110); height: var(--110); }
._upload.typeImg .dz-remove { width: var(--48); height: var(--48); border-radius: var(--48); background-size: var(--24); transform: translate(12vw,-18vw); }

/*._help */
._help .btnWrap span { float: left; line-height: var(--32); }
._help .btnWrap .btn { border-radius: var(--28); width: var(--28); height: var(--28); margin-left: var(--10); font-size: var(--24); }

/*수정삭제 아이콘*/
._set { width:var(--140); }
._set div { width: var(--64); height: var(--64);; }
._set div span { border-radius: var(--64); background-size: var(--24); }



/*empty*/
._empty { font-size: var(--28); height: var(--720); }

/*search Wrap*/
._searchWrap { width: 100%; background-color: var(--bg_03); padding: 0; text-align: center; display: block; padding-bottom: var(--10); border-bottom: var(--20) solid var(--bg_01); }
._searchWrap button { width: 100%; height: var(--92); margin-top: var(--20); min-width: initial; margin-left: 0; padding: 0 0; }
._searchWrap select { width:100%; margin-bottom: var(--20); }
._searchWrap ._calendar { display: block; padding:var(--52) var(--36); padding-bottom: 0; position: relative; }
._searchWrap:after { content: ""; display: block; width: 100%; height:1px; background-color: var(--line_02); position: absolute; left: 0; bottom: 0; }
._searchWrap .calendarWrap { margin-left: 0; background-color: #fff; }
._searchWrap > button { width: calc(100% - var(--72)); margin: var(--36) 0; }





/*문의작성*/

._inputList { width: calc(100% - var(--72)); padding:var(--50) 0; }
._inputList li { margin-bottom: var(--60); }
._inputList li ._tit { line-height: var(--26); width: 100%; margin-bottom: var(--20); }
._inputList li ._tit span { font-size: var(--30); }
._inputList li ._tit.dotR span { padding-right:var(--26); }
._inputList li ._tit.dotR span:after { width: var(--8); height:var(--8); border-radius: var(--10); }
._inputList li ._fileBtn div.fileName { height: var(--72); }
._inputList li .box { width: 100% }
._inputList li .box input { flex-grow: 1; }
._inputList li .box select + input { margin-top: var(--20); }
._inputList li .box textarea { height: var(--520); padding: var(--30); line-height: var(--42); }
._inputList li .box button:last-child { margin-left: var(--16); }
._inputList li .box button:first-child { margin-left: 0; height: var(--92); }
._inputList li .box .mobileCheck { margin-left: var(--20); line-height: var(--92); }
._inputList li .box button { width: var(--160); }
._inputList li .txt { bottom:-5vw; padding-left: 0; font-size: var(--24); line-height:var(--24); }
._inputList .imgTxt { font-size: var(--24); margin-top: var(--10); }

/*알림톡*/
._alimtalkTem { border-radius:var(--16); }
._alimtalkTem .alimtalkTop { line-height: var(--52); padding: 0 var(--24);}
._alimtalkTem .txtWrap { padding: var(--24); max-height: var(--420); }
._alimtalkTem .txtWrap .txt { font-size: var(--26); line-height: var(--36); }
._alimtalkTem .linkBtn button { margin-top: var(--10); height: var(--58); border-radius: var(--10); }
._alimtalkTem .bottom { line-height: var(--64); padding: 0 var(--24); }
._alimtalkTem .bottom .txt .day { margin-left: 10px; }
._alimtalkTem .bottom ._XdelBtn { border-radius: var(--50); }
}/*720*/
