@charset "utf-8";

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'NanumSquare';background:#fff;overflow: hidden;}
body {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'NanumSquare';font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'NanumSquare';font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; cursor: pointer!important;}
select{background-color: transparent; color: #000;}

*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
input[type=checkbox]{accent-color: #000;}
input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=password]{font-family: '기본 적용 폰트';}


select, select:focus, select:active { outline:none; -webkit-tap-highlight-color: transparent;}
button, button:focus, button:active { outline:none; -webkit-tap-highlight-color: transparent;}
a, a:focus, a:active { outline:none; -webkit-tap-highlight-color: transparent;}
input, input:focus, input:active { outline:none; -webkit-tap-highlight-color: transparent;}
div, div:focus, div:active{ outline:none; -webkit-tap-highlight-color: transparent;}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px transparent inset;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
}

/*팝업*/
.popup{width: 400px; display: none; float: left; border: 2px solid #000; border-radius: 5px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; padding: 40px 20px 20px 20px;}
.popup_sub{width: 100%; display: inline-block; float: left; font-size: 15px; font-weight: 700; line-height: 140%; text-align: center; white-space: pre-line; margin-bottom: 40px;}
.popup_btn_wrap{width: 100%; display: inline-block; float: left;}
.popup_btn{width: calc(50% - 7.5px); display: inline-block; float: left; height: 50px; line-height: 46px;  border: 2px solid #000; background-color: #fff; border-radius: 5px; font-size: 15px; font-weight: 900; text-align: center; margin-right: 15px; cursor: pointer;}
.popup_btn:last-child{margin-right: 0;}
.popup_btn1{background-color: #fafafa;}
.popup_btn2{background-color: #FFF2F2;}

/*리스트*/
.container_wrap{width: 100%; display: inline-block; float: left; padding: 30px;}
.left_container{width: 200px; display: inline-block; float: left;}	
.right_container{width: calc(100% - 200px); display: inline-block; float: left; padding: 0 0 0 50px;}
.sub_container{width: 100%; display: inline-block; float: left;}
.sub_slogan{width: 100%; display: inline-block;  float: left; font-size: 21px; font-weight: 900; margin-bottom: 15px;}
.sub_wrap{width: 100%; display: inline-block; float: left; background-color: #fff; padding: 20px; border: 2px solid #000; border-radius: 5px;}
.sub_main_title{width: 100%; display: inline-block; float: left; margin-bottom: 10px; font-size: 17px; font-weight: 900;}
.sub_list_wrap{width: 100%; display: inline-block; float: left;}
.sub_list_wrap table, .sub_list_wrap tbody, .sub_list_wrap thead, .sub_list_wrap tr{width: 100%;}
.sub_list_wrap td{border-top: 1px solid #ccc; padding: 10px 0; line-height: 140%; font-size: 15px; white-space: pre-line; text-align: center; border-right: 1px solid #ccc; font-weight: 700;}
.sub_list_wrap td:last-child{border-right: 0;}
.sub_list_wrap thead tr:last-child td:last-child{border-right: 1px  solid #ccc;}
.sub_list_wrap tbody tr:last-child td{border-bottom: 1px solid #ccc;}
.sub_list_wrap thead td{background-color: #FFF2F2; color: #333;}
.sub_list_wrap td.check{width: 50px;}
.sub_list_wrap td.num{width: 50px;}
.sub_list_wrap td.item_code{width: 180px;}
.sub_list_wrap td.item_name{width: 90px;}
.sub_list_wrap td.item_option{width: 70px;}
.sub_list_wrap td.item_num{width: 70px;}
.sub_list_wrap td.item_price{width: 90px;}
.sub_list_wrap td.discount_price{width: 190px;}
.sub_list_wrap td.delivery_price{width: 70px;}
.sub_list_wrap td.total_price{width: 90px;}
.sub_list_wrap td.order_name{width: 70px;}
.sub_list_wrap td.order_phone{width: 140px;}
.sub_list_wrap td.order_state{width: 90px;}
.sub_list_wrap td.order_state1{color: #ff7276;}
.sub_list_wrap td.order_state2{color: #ff7276;}
.sub_list_wrap td.order_state3{color: #FE8B2B;}
.sub_list_wrap td.order_state4{color: #FE8B2B;}
.sub_list_wrap td.order_state5{color: #008C00;} 
.sub_list_wrap td.order_state6{color: #ff0000;}
.sub_list_wrap td.btn{width: 80px;}
.sub_list_wrap td.btn img{width: 19px; display: inline-block; cursor: pointer;}
.sub_list_wrap tbody tr:hover{background-color: #FFF2F2;}
.sub_btn_wrap{width: 100%; display: inline-block; float: left; margin-bottom: 10px;}
.sub_tab_wrap{display: inline-block; float: left;}
.sub_tab{height: 40px; line-height: 36px; border-radius: 5px; display: inline-block; float: left; font-size: 15px; padding: 0 15px; margin-right: 10px; border: 2px solid #000; font-weight: 700; background-color: #fff; cursor: pointer;}
.sub_tab:last-child{margin-right: 0;}
.sub_tab1{border-color: #008C00; color: #008C00;}
.sub_tab2{border-color: #FE8B2B; color: #FE8B2B;}
.sub_tab3{border-color: #ff7276; color: #ff7276;}
.sub_tab4{border-color: #ff0000; color: #ff0000;}
.sub_tab:hover{background-color: #FFF2F2;}
.sub_list_page_wrap{width: 100%; display: inline-block; float: left; margin-top: 20px;}
.sub_list_page_inner{display: inline-block; float: right;}
.sub_list_page{padding: 10px 15px; display: inline-block; float: left; border: 2px solid #000; color: #000; font-size: 15px; font-weight: 900; line-height: 140%; cursor: pointer; margin-right: 10px; border-radius: 5px;}
.sub_list_page:last-child{margin-right: 0;}
.sub_list_page:hover{background-color: #ffd4d6;}
.sub_list_page_on{background-color: #ffd4d6;}
.sub_list_wrap thead tr:first-child td{border-top: 2px solid #000;}
.sub_list_wrap tbody tr:last-child td{border-bottom: 2px solid #000;}
.sub_search_wrap{display: inline-block; float: right;}
.sub_search_select{width: 120px; display: inline-block; float: left; background-color: #fff; border-radius: 5px; overflow: hidden; border: 2px solid #000; height: 40px; line-height: 36px; margin-right: 10px;}
.sub_search_select select{width: 100%; display: inline-block; float: left; border: 0; font-size: 15px; padding: 0 15px; appearance:none; background:url('/adm/img/icon/select_arrow.svg') no-repeat right 15px center; background-size: 11px; cursor: pointer;  font-weight: 700; height: 100%;}
.sub_search_select option{width: 100%; display: inline-block; float: left; padding: 10px 0; background-color: #000; color: #fff; font-size: 15px;}
.sub_search_box{display: inline-block; float: left; border: 2px solid #000; height: 40px; line-height: 36px; font-size: 15px; background-color: #fff; border-radius: 5px;}
.sub_search_input{width: 250px; display: inline-block; float: left; height: 100%;}
.sub_search_input input{width: 100%; height: 100%; display: inline-block; float: left; border: 0; background-color: transparent; padding: 0 10px;}
.sub_search_btn{width: 40px; height: 100%; display: inline-block; float: left; cursor: pointer; position: relative;}
.sub_search_btn img{width: 19px;  display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sub_list_total{display: inline-block; float: left; height: 40px; line-height: 36px; font-size: 15px; padding: 0 15px; border: 2px solid #000; border-radius: 5px; font-weight: 700;}
.sub_btn_container{display: inline-block; float: left;}
.sub_btn_con{height: 40px; line-height: 36px; display: inline-block; float: left; border-radius: 5px; font-size: 15px; padding: 0 15px; border: 2px solid #000; font-weight: 700; background-color: #fff; cursor: pointer; margin-right: 10px;}
.sub_btn_con:last-child{margin-right: 0;}
.sub_btn_con1{background-color: #ffd4d6;}
.sub_list_wrap td.item_img{width: 100px;}
.sub_list_wrap td.item_img img{width: 45px;}
.sub_list_wrap td.item_state{width: 50px;}
.sub_list_wrap td.view{width: 70px;}

/*상세페이지*/
.order_sheet_top{width: 100%; display: inline-block; float: left; border: 2px solid #000; background-color: #fff; border-radius: 5px; padding: 20px; margin-bottom: 15px; font-size: 17px; font-weight: 900;}
.order_sheet_container{width: 100%; display: inline-block; float: left;}
.order_sheet_con{width: calc(25% - 11.25px); display: inline-block; float: left; padding: 20px; background-color: #fff; border: 2px solid #000; border-radius: 5px; margin-right: 15px;}
.order_sheet_con:last-child{margin-right: 0;}
.order_sheet_con_title{width: 100%; display: inline-block; float: left; font-size: 15px; font-weight: 900; margin-bottom: 20px;}
.order_sheet_sub_wrap{width: 100%; display: inline-block; float: left;}
.order_sheet_sub{width: 100%; display: inline-block; float: left; margin-bottom: 10px; padding: 15px; border: 2px solid #000; background-color: #fff9f9; border-radius: 5px;}
.order_sheet_sub:last-child{margin-bottom: 0;}
.order_sheet_name{width: 100%; display: inline-block; float: left; font-size: 13px; color: #666; font-weight: 700; margin-bottom: 10px;}
.order_sheet_sub{width: 100%; display: inline-block; float: left; font-size: 15px;}
.order_sheet_state_wrap{width: 100%; display: inline-block; float: left; background-color: #fff9f9; border-radius: 5px; overflow: hidden; margin-bottom: 10px; border: 2px solid #000;}
.order_sheet_state_wrap select{width: 100%; display: inline-block; float: left; border: 0; padding: 15px 10px; font-size: 15px; appearance:none; background:url('/adm/img/icon/select_arrow.svg') no-repeat right 15px center; background-size: 11px; cursor: pointer;  font-weight: 700;}
.order_sheet_state_wrap option{width: 100%; display: inline-block; float: left; padding: 10px 0; background-color: #000; color: #fff; font-size: 15px;}
.order_sheet_pay_wrap{width: 100%; display: inline-block; float: left; padding: 10px 15px; border: 2px solid #000; border-radius: 5px; background-color: #fff9f9; margin-bottom: 10px;}
.order_sheet_pay{width: 100%; display: inline-block; float: left; margin-bottom: 10px; height: 30px; line-height: 30px;}
.order_sheet_pay:last-child{margin-bottom: 0;}
.order_sheet_pay_name{display: inline-block; float: left; height: 100%; font-size: 13px; color: #666; font-weight: 700;}
.order_sheet_pay_info{display: inline-block; float: right; height: 100%; font-size: 15px;}
.order_sheet_pay_total{width: 100%; display: inline-block; float: left; height: 50px; line-height: 50px; background-color: #000; border-radius: 5px; color: #fff; font-size: 15px; font-weight: 700; padding: 0 15px;}
.order_sheet_pay_total_info{font-size: 19px; font-weight: 900; display: inline-block; float: right;}
.order_input{width: 100%; display: inline-block; float: left;}
.order_input input{width: 100%; display: inline-block; float: left; border: 2px solid #000; border-radius: 5px; padding: 0 15px; font-size: 15px; text-align: center; font-size: 15px; font-weight: 700; background-color: #fff; height: 50px; margin-bottom: 10px;}
.order_input_btn{width: 100%; display: inline-block; float: left; height: 50px; line-height: 50px; border-radius: 5px; text-align: center; font-size: 15px; font-weight: 700; background-color: #ffd4d6; border: 2px solid #000; line-height: 48px; cursor: pointer;}

/*회원정보*/
.order_sheet_con_100per{width: 100%;}
.member_info_wrap{width: 100%; display: flex; flex-wrap: wrap; float: left; margin-top: 20px;}
.member_info{display: inline-block; float: left; padding: 15px; border: 2px solid #000; border-radius: 5px; margin-right: 15px; background-color: #fff9f9;}
.member_info:last-child{margin-right: 0;}
.member_info1{width: calc(15% - 11.25px);}
.member_info2{width: calc(15% - 11.25px);}
.member_info3{width: calc(15% - 11.25px);}
.member_info4{width: calc(55% - 11.25px);}
.member_info_name{width: 100%; display: inline-block; float: left; font-size: 13px; color: #666; font-weight: 700; margin-bottom: 10px;}
.member_info_sub{width: 100%; display: inline-block; float: left; font-size: 15px; line-height: 140%;}
.member_del{display: inline-block; float: right; font-weight: 500; color: #999; font-size: 15px; cursor: pointer;}

/*리뷰관리*/
.review_wrap{width: 100%; display: inline-block; float: left;}
.review_container{width: 100%; display: inline-block; float: left;}
.review_con{width: 100%; display: flex; flex-wrap: wrap; float: left; margin-bottom: 20px; padding: 20px; background-color: #fff9f9; border: 2px solid #000; border-radius: 5px;}
.review_con:last-child{margin-bottom: 0;}
.review_left{width: calc(100% - 270px); display: inline-block; float: left;}
.review_date{width: 100%; display: inline-block; float: left; font-size: 13px; color: #666; margin-bottom: 7px; font-weight: 700;}
.review_top{width: 100%; display: inline-block; float: left; margin-bottom: 20px;}
.review_name{display: inline-block; float: left; font-size: 17px; font-weight: 700; line-height: 17px;}
.review_star{height: 17px; display: inline-block; float: left; margin-left: 10px; padding: 1px 0;}
.review_star img{height: 100%; display: inline-block; float: left;}
.review_sub{width: 100%; display: inline-block; float: left; font-size: 15px; line-height: 140%; white-space: pre-line;}
.review_right{width: 150px; display: inline-block; float: left; height: auto;}
.review_btn{width: 50%; display: inline-block; float: left; height: 100%; position: relative; cursor: pointer;}
.review_btn img{display: inline-block; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.review_btn1 img{width: 27px;}
.review_btn2 img{width: 19px;}
.review_con_hide{background-color: #eee; border-color: #999;}
.review_con_hide .review_left, .review_con_hide .review_item{opacity: 0.5;}
.review_item{width: 100px; display: inline-block; float: left; background-color: #fff; padding: 10px; border-radius: 5px; margin-right: 20px;}
.review_item_img{width: 100%; display: inline-block; float: left; text-align: center; margin-bottom: 15px;}
.review_item_img img{width: 38px; display: inline-block;}
.review_item_name{width: 100%; display: inline-block; float: left; font-size: 15px;  font-weight: 700; margin-bottom: 2px; text-align: center;}
.review_item_option{width: 100%; display: inline-block; float: left; font-size: 13px; text-align: center; font-weight: 700;}

/*게시글 작성*/
.tips_wrap{width: 100%; display: inline-block; float: left; padding: 20px; background-color: #fff; border: 2px solid #000; border-radius: 5px;}
.tips_title{width: 100%; display: inline-block; float: left; font-size: 15px; font-weight: 900; margin-bottom: 20px;}
.tips_container{width: 100%; display: inline-block; float: left;}
.tips_con{width: 100%; display: inline-block; float: left; margin-bottom: 20px;}
.tips_con:last-child{margin-bottom: 0;}	
.tips_name{width: 100%; display: inline-block; float: left; font-size: 15px; font-weight: 700; margin-bottom: 7px;}
.tips_del{display: inline-block; float: right; font-weight: 500; color: #666; cursor: pointer;}
.tips_sub{width: 100%; display: inline-block; float: left; }
.tips_sub_input, .tips_sub_textarea{width: 100%; display: inline-block; float: left;}
.tips_sub_input input{width: 100%; display: inline-block; float: left; height: 55px; border: 2px solid #000; border-radius: 5px; background-color: #fff9f9; font-size: 15px; padding: 0 15px; font-weight: 700;}
.tips_sub_textarea textarea{width: 100%; display: inline-block; float: left; height: 150px; border: 2px solid #000; border-radius: 5px; background-color: #fff9f9; line-height: 150%; padding: 15px; font-size: 15px; font-weight: 700; white-space: pre-line;}	
.tips_con_save_btn_wrap{width: 100%; display: inline-block; float: left; height: 55px; text-align: center;}
.tips_con_save_btn{width: 200px; display: inline-block; height: 100%; border: 2px solid #000; text-align: center; line-height: 51px; font-size: 15px; font-weight: 900; background-color: #ffd4d6; border-radius: 5px; cursor: pointer;}
	
.tips_img_name{width: calc(100% - 210px); display: inline-block; float: left; height: 55px; margin-right: 10px;}
.tips_img_name input{width: 100%; display: inline-block; float: left; height: 100%; border: 2px solid #000; font-size: 15px; font-weight: 700; padding: 0 15px; border-radius: 5px; background-color: #fff9f9;}
.tips_img_btn_wrap{width: 200px; display: inline-block; float: left; height: 55px; position: relative;}
.tips_img_text{width: 100%; display: inline-block; float: left; height: 100%; border: 2px solid #000; line-height: 51px; font-size: 15px;  text-align: center; border-radius: 5px; background-color: #000; color: #fff; font-weight: 700;}
.tips_img_btn{width: 100%; height: 100%; display: inline-block; float: left; position: absolute; top: 0; left: 0;}
.tips_img_btn input{width: 100%; display: inline-block; float: left; height: 100%; opacity: 0; cursor: pointer;}

@media (max-width: 900px){
    /* 기본 레이아웃 */
    body {overflow: auto;}
    .container_wrap {padding: 10px;}
    .left_container {width: 100%; margin-bottom: 0px;}
    .right_container {width: 100%; padding: 0;}
    
	.menu_container { display:none !important;}
	
	
    
    
    /* 테이블 레이아웃 */
    .sub_list_wrap {overflow-x: auto;}
    .sub_list_wrap table {min-width: 700px;}
    .sub_list_wrap td {font-size: 13px; padding: 8px 5px;}
    
    /* 검색 영역 */
    .sub_btn_wrap {flex-direction: column; display: flex;}
    .sub_search_wrap {width: 100%; margin-top: 10px; float: left;}
    .sub_search_select {width: 30%; float:left;}
    .sub_search_box {width:calc(70% - 10px); float:left;}
    .sub_search_input {width: calc(100% - 40px);}
    .sub_list_total {margin-bottom: 10px; width: 100%; text-align: center;}
    
    /* 페이지네이션 */
    .sub_list_page_inner {width: 100%; text-align: center; float: none;}
    .sub_list_page {padding: 8px 12px; font-size: 13px; margin-right: 5px; float: none; display: inline-block;}
    
    /* 탭 메뉴 */
    .sub_tab_wrap {width: 100%; overflow-x: auto; white-space: nowrap; margin-bottom: 10px;}
    .sub_tab {font-size:12px; padding: 0 5px; height:26px; line-height:26px; margin-right:5px; margin-bottom:5px;}
	
	.sub_btn_container { margin-bottom:5px;}
	.sub_btn_con {height:36px; line-height:36px; display: inline-block; float: left; border-radius: 5px; font-size: 15px; padding: 0 15px; border: 2px solid #000; font-weight: 700; cursor: pointer; margin-right: 10px;}
	
    
    /* 상세 페이지 */
    .order_sheet_con {width: 100%; margin-right: 0; margin-bottom: 15px;}
    
    /* 회원정보 */
    .member_info {width: 100%!important; margin-right: 0; margin-bottom: 15px;}
    
    /* 리뷰 */
    .review_left {width: 100%; margin-bottom: 15px;}
    .review_right {width: 100%; height: 50px;}
    .review_item {margin-bottom: 15px;}
    
    /* 팝업 */
    .popup {width: 90%; padding: 30px 15px 15px 15px;}
    .popup_sub {font-size: 14px; margin-bottom: 25px;}
    .popup_btn {height: 45px; line-height: 41px; font-size: 14px;}
    
    /* 폼 요소 */
    .tips_img_name {width: 100%; margin-right: 0; margin-bottom: 10px;}
    .tips_img_btn_wrap {width: 100%;}
    
    /* 메뉴 관련 */
    .sub_wrap {padding: 15px;}
    .sub_main_title {font-size: 16px;}
    
    /* 팁스 섹션 */
    .tips_wrap {padding: 15px;}
    .tips_name {font-size: 14px;}
    .tips_sub_input input, 
    .tips_con_save_btn_wrap,
    .tips_img_name,
    .tips_img_btn_wrap {height: 45px;}
    .tips_con_save_btn {line-height: 41px; font-size: 14px;}
    
    /* 주문 시트 */
    .order_sheet_top {padding: 15px; font-size: 16px;}
    .order_sheet_con_title {font-size: 14px;}
    .order_sheet_pay_total {height: 45px; line-height: 45px;}
    .order_sheet_pay_total_info {font-size: 16px;}
    .order_input input {height: 45px;}
    .order_input_btn {height: 45px; line-height: 41px;}
}

/* 모바일 소형 디바이스 */
@media (max-width: 480px) {
    .sub_list_page {padding: 6px 10px; font-size: 12px; margin-right: 3px;}
    .review_con {padding: 15px;}
    .review_name {font-size: 15px; line-height: 15px;}
    .review_star {height: 15px;}
    .review_sub {font-size: 14px;}
    .popup_btn {width: 100%; margin-right: 0; margin-bottom: 10px;}
    .popup_btn:last-child {margin-bottom: 0;}
    .tips_title {font-size: 14px;}
    .tips_con_save_btn {width: 100%;}
}