/* SELF DESIGN LIST 2020-12-30 */
.selfList {width:1088px; margin:0 auto; position:relative; overflow:hidden;margin-top:40px; }
.selcat {display:inline-block;width:100%;height:36px;border-bottom: 2px solid #ff4e00;}
.selcat li {display:inline-block;width:125px;text-align: center;padding: 9px 0;background-color: #f9f9f9;}
.selcat li.active {background-color:#ff4e00;}
.selcat li span {font-size:13px;font-weight: bold;letter-spacing: -0.5px;}
.selcat li span.active {color:#fff;}

/*업종 수정 2021-01-06 Start*/
.seltype {display: inline-block;margin-top: 30px;}
.seltypeL {float: left;width: 125px;text-align: center;padding-right: 30px;}
.seltypeL span{font-size: 16px;margin-bottom: 10px;display: block;}
.seltypeR {float: left;padding-left: 30px;width:900px;border-left: 1px solid #ccc;}
.seltypeR li {display:inline-block;width:175px;margin-bottom:13px;}
.seltypeR ul.sb {margin-top: 10px;display: inline-block;}
.seltypeR label {color: #666;font-size: 13px;vertical-align: top;}

.searchbox {margin-top:30px;border-top: 1px solid #878787;border-bottom: 1px solid #878787;height:48px;}
.searchCat {float:left;border-left: 1px solid #878787;}
.searchCat select {width: 180px;height:48px;padding: 1em;font-family: inherit;background: url('../img/arrow.jpg') no-repeat 95% 50%;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.searchCat select::-ms-expand {display: none;}
.searchTxt {float:left;}
.searchTxt input {border:0;width:500px;height:40px;padding-left:20px;}
.searchBtn {float:right;}


/*사이즈 수정 2021-01-06 Start*/
.sizebox {display: inline-block;margin-top: 30px;}
.sizeL {float: left;width: 125px;text-align: center;font-size: 16px;margin-bottom: 10px;margin-top:15px;font-weight:bold;}
.sizeR {float: left;padding-left: 30px;width:930px;border-left: 1px solid #ccc;height: 150px;overflow: auto;}
.sizeR .btn {font-family: 'Noto Sans KR', sans-serif;display:block;width:150px;height: 25px;line-height: 25px;border: 0;margin: 10px auto;border-radius: 25px;background-color: #f4f4f4;text-align:center;cursor: pointer;color: #101010;transition:all 0.9s, color 0.3s;font-size: 14px;}
.sizeR .btn:hover{background-color:#19b0c7;color:#fff;}
.sizeR .btn:focus {border: none; outline:none;}
.sizeR .active {background-color:#19b0c7;color:#fff;}
.sizeR li {display:inline-block;width:230px;}

.slistCont {margin-top:35px;width:100%;display:block;justify-content:center;}
.slistCont_inner {width:1088px;}
.slistCont_inner > ul {width:100%;margin:0 auto; overflow:hidden;}
.slistCont_inner > ul > li {list-style:none;float:left;width: 254px;height:375px;margin-left: 9px;margin-right: 9px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.slistCont_inner dt {width: 253px;margin-bottom:10px;height: 273px;background-color: #f4f4f4;padding: 0;border: 1px solid #ececec;}
.slistCont_inner dt:hover {border-color:#ff6600;}

.slistCont_inner .snip1384 {position: relative;height:273px;width:254px;}
.slistCont_inner .snip1384 img {position:absolute;max-width:226px;max-height:246px;width:auto;height:auto;margin:auto;top:0; bottom:0; left:0; right:0; box-shadow: 3px 3px 9px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.19) !important;}

.slistCont_inner dd {line-height:25px;color: #424242;letter-spacing:-1px;font-size:16px;text-align:center;}
.slistCont_inner dd span{color:#0057ff;}
.slistCont_inner .cont_bottom {margin-top:7px;}
.slistCont_inner .cont_bottom_txt {float:left;font-size:13px;padding-right:10px;}
.slistCont_inner .cont_bottom_btn {float:left;padding:0 2px;}


/*POPUP 2021-01-03*/
/*4_확대보기*/
#wrapPop {width:100%;}
.PopupTop {margin:10px; height:41px;}
.PopupTop .TL {float:left; width:9px;}
.PopupTop .TT {float:left;width: 752px;height: 31px;background: url('../img/popupTopbg.jpg') repeat;font-size: 16px;color: #fff;padding-top: 10px;padding-left: 10px;}
.PopupTop .TX {float:left; width:21px;background: url('../img/popupTopbg.jpg') repeat;height:31px;padding-top:10px;}
.PopupTop .TR {float:left; width:9px;}

.PopupConts {width:800px;height:520px; margin-left:10px; }
.PopupConts .PopupConts_inner {position: relative;width:800px;height:520px;}
.PopupConts .PopupConts_inner img {position:absolute;max-width:800px;max-height: 520px;width:auto;height:auto;margin:auto;top:0;bottom:0;left:0;right:0;}

.PopupBtn {width:800px;margin-left: 10px;margin-top: 10px;}
.PopupBtn .PopupBtn_inner {margin:0 auto;width: 88px;height: 20px;}
.PopupBtn .PopupBtn_inner .P_bottom_btn {float:left;padding:0 2px;margin: 0 auto;}

/*5_선택화면*/
.PopupTop .TT5 {float:left;width: 621px;height: 31px;background: url('../img/popupTopbg.jpg') repeat;font-size: 16px;color: #fff;padding-top: 10px;padding-left: 10px;}
.PopupConts_p5 {width:500px;height:100px; margin-left:50px; padding:30px;}
.p5_txt {width:140px; font-size:14px;padding-top:20px;}
.p5_txt span {padding-left:10px;}
.selectCat {float:left;border: 1px solid #d3d3d3;margin-top:10px;}
.selectCat select {width: 337px;height:40px;font-family: inherit;background: url('../img/arrow.jpg') no-repeat 95% 50%;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none; color:#666;}
.selectCat select::-ms-expand {display: none;}

.PopupBtn_p5 {width: 150px;margin-left: 280px;margin-top: 20px;}

/*8_주문명*/
.PopupTop .TT8 {float:left;width: 580px;height: 31px;background: url('../img/popupTopbg.jpg') repeat;font-size: 16px;color: #fff;padding-top: 10px;padding-left: 10px;}
.PopupConts_p8 {width:500px;height:70px; margin-left:50px; padding:30px;}
.PopupConts_p8 input {border:1px solid #d3d3d3;width:330px;height:35px;padding-left:20px;}
.p8_txt {width:120px; font-size:15px;padding-top:13px;}
.p8_txt span {padding-left:10px;}
.PopupBtn_p8 {width: 150px;margin-left: 250px;}
.PopupBtn_p8 img {padding-left:5px;}

/*file upload*/
.PopupTop .TT_fu {float:left;width: 600px;height: 31px;background: url('../img/popupTopbg.jpg') repeat;font-size: 16px;color: #fff;padding-top: 10px;padding-left: 10px;}
.PopupConts_fileupload {width:647px;height:340px; margin-left:10px; }
.fuTit {font-size:15px;padding:5px 0;font-weight:bold;}
.fuBox {width:647px;height:230px;border-top:2px solid #949494;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;}
.fuBox_in {width:240px; height:50px; margin:80px 220px}
.fuBox_in img {vertical-align:middle;}
.fuBox_in span {margin-left:10px;}
.fuInput {width:650px;height:50px;margin-top:5px;}
.fuInput_txt {width:120px; font-size:15px;padding-top:13px;}
.fuInput_txt span {padding-left:10px;}
.fuInput input {border:1px solid #d3d3d3;width:503px;height:35px;padding-left:20px;}