/************LANDING PAGE************/

input::-ms-input-placeholder { color: #f5f5f5; font-size: 12px;}
input::-webkit-input-placeholder { color: #f5f5f5; font-size: 12px;}
input::-moz-placeholder { color: #f5f5f5; font-size: 12px;}

/* 23.5em = 360px */
/*@media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {
  .landing-main-img-pc { display:none; }
  /*모바일랜딩컨텐츠 */
  .landing-main-img-mb { display:none; border-top:4px solid #24326f; }
  .landing-main-img-mb img { width:100%; height: auto;}
  
  .landing-contents .intro-text { margin:0 0 0 0; }
  .landing-contents .intro-text-sub { display:block; font-size:20px; color: #24326f; margin:0 ; font-weight: 500; text-align: center;}
  .landing-contents .intro-text strong { display:block; font-size:36px; color: #24326f; margin:0 0 30px 0; text-align: center;}
  .landing-contents .intro-text strong p { line-height: 1.67; font-size:12px; }
  .landing-contents .intro-text br { display:none; }
  
  .landing-contents .product-feature .feature-1 { text-align:center; }
  .landing-contents .product-feature .feature-1 img:first-child { display:none; }
  .landing-contents .product-feature .feature-1 img:nth-child(2)  { max-width:360px; width:100%; }
  
  .landing-contents .product-feature .feature-2 { display:flex; justify-content:center; flex-flow:wrap; margin:60px 0 0 0; padding:0 0 60px 0; border-bottom:1px solid #d2d2d2; }
  .landing-contents .product-feature .feature-2 li { text-align:center; width:100%; }
  .landing-contents .product-feature .feature-2 li:nth-child(2) { margin:60px 0; }
  .landing-contents .product-feature .feature-2 li img { width:100%; max-width: 300px; }
  .landing-contents .product-feature .feature-2 li strong,.landing-contents .product-feature .feature-2 li p { text-align:center; }
  .landing-contents .product-feature .feature-2 li strong { display:block; color: #24326f;font-size: 24px; margin:24px 0 18px 0; font-weight: 500; }
  .landing-contents .product-feature .feature-2 li p { color: #696969; font-size: 13px; line-height: 20px; margin:0; }
  
	@media screen and (max-width: 767px) {
	.landing-contents .product-feature .feature-2 li p { max-width: 300px; margin: 0 auto;}
	}
  .landing-contents { padding:60px 1.5em 0 1.5em; }  
  
  .related-product { width:inherit; margin:0 0 0 0; display: flex;  flex-flow: wrap; background-color: #f5f5f5; padding:10% 20px; }
  .related-product .product{ float:left; width:100%; margin: 0 0 8% 0; }
  .related-product img { width:100%; max-width: 357px;}
/*  .related-product img:hover { opacity:0.6; }*/

	.related-product .product p { font-size:16px; font-weight:bold;  }
  .related-product .product .product-name {  color:#24326f; margin:20px 0 5px 0;}
  .related-product .product .product-name a {  color:#24326f; font-weight: 600; }
  .related-product .product .product-price {  color:#696969;margin:0 0 15px 0;border-bottom: none;  }
  .related-product .product .product-price .price { color:#24326F;     padding: 0 0 0 7px;}
  .related-product .product .product-info { color:#696969; font-weight:300; font-size:12px;line-height: 1.5; margin:0; }
  
  /*모바일SNS*/
  .main-sns-mb { display:block; width:100%;padding:3em 0;  }
  .main-sns-mb .icons { display:flex; justify-content:center;}
  .main-sns-mb .icons a:nth-child(2) { margin: 0 15%; }
  
  /*마케팅 랜딩*/
  .landing-main-img-pc .landing-main-marketing-ttl-pc , .intro-text .landing-main-marketing-ttl-mb, .landing-contents .intro-text-sub.landing-main-marketing-ttl-mb {color: #484848!important; }
}
  
@media screen and (min-width: 500px) {
    .related-product .product{ float:left; width:48.5% }
    .related-product .product:nth-child(2n+1) { margin:0 3% 0 0; }
}
  
  /* 48em = 768px */
@media screen and (min-width: 768px) {
   
  /*랜딩컨텐츠*/
  .landing-main-img-mb { display:none; }
  .landing-main-img-pc { display:block; position:relative; /*border-top: 4px solid #24326f;*/}
  .landing-main-img-pc img { width:100%; }
  .landing-main-img-pc h1 { margin:0; position:absolute; bottom:10%; left:50%; color:#fff; max-width:1140px; width: 100%; transform: translate(-50%, -50%); padding:0 0.5em; font-size:36px; }
  .landing-main-img-pc h4 { margin:0; position:absolute; bottom:25%; left:50%; color:#fff; max-width:1140px; width: 100%; transform: translate(-50%, -50%); padding:0 1em; font-size:20px; }
    
	.landing-main-img-pc { overflow: hidden; height: 400px;} 
	.landing-main-img-pc img {
			min-height: 100%!important;
			min-width: 100%!important;
			width: auto!important;
			height: auto!important;
			max-height: none!important;
/*			top: 50%!important;*/
			top: 198px !important;
			left: 50%!important;
			position: relative!important;
			transform: translate(-50%, -50%)!important;
			max-width: 1700px !important;
	}

  .landing-contents { max-width:1140px; margin:0 auto; }
  .landing-contents .intro-text { margin:0 0 60px 0; color:#696969; font-size: 16px; line-height: 1.38; }
  .landing-contents .intro-text strong, .landing-contents .intro-text-sub { display:none; }
  .landing-contents .intro-text br { display:block; }
  
  .landing-contents .product-feature .feature-1 img:first-child { display:block; width:100%; }
  .landing-contents .product-feature .feature-1 img:nth-child(2) { display:none;}
  .landing-contents .product-feature .feature-2 { display:flex; justify-content:center; margin:60px 0 0 0; padding:0 0 60px 0; border-bottom:1px solid #d2d2d2;flex-flow:nowrap; }
  .landing-contents .product-feature .feature-2 li { text-align:center; }
  .landing-contents .product-feature .feature-2 li:nth-child(2) { margin:0 70px; }
  .landing-contents .product-feature .feature-2 li img { width:100%; max-width: 300px; height: auto;}
  .landing-contents .product-feature .feature-2 li strong,.landing-contents .product-feature .feature-2 li p { text-align:center; margin:0; }
  .landing-contents .product-feature .feature-2 li strong { display:block; color: #24326f;font-size: 24px; margin:24px 0 18px 0; font-weight: 500; }
  .landing-contents .product-feature .feature-2 li p { color: #696969; font-size: 16px; line-height: 1.38; }
  
  .related-product { max-width:1140px; margin:60px auto; background-color: transparent; }
  .related-product .product{ float:left; width:48.5% }
  .related-product .product:nth-child(2n+1) { margin:0 3% 0 0; }
  .related-product .product .product-price {  color:#696969; margin:0 0 20px 0;border-bottom: 1px solid #d2d2d2; padding: 0 0 20px 0; }
  .related-product .product .product-info  { font-size:16px; }
  
  .main-sns-mb { display:none; } 
  


  }
  
  @media screen and (min-width: 1024px) {
  
  .landing-main-img-pc h1, .landing-main-img-pc h4, .related-product  {  padding:0;}
/*  .landing-contents { padding:35px 0 0 0; } */
  .landing-contents { padding:0 0 0 0; } 
  
  .related-product .product{ float:left; width:31.3% }
  .related-product .product:nth-child(2n+1) { margin:0 0 8% 0; }
  .related-product .product:nth-child(3n-1) { margin:0 3%; }
  .related-product .product-img { position:relative; }
  }
  
  /**********************CART************************/
  
/* 23.5em = 360px */
/*@media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {

  .orderlist-1 { margin:50px 0 0 0;}
  .orderlist-1 .list { margin:80px 0 0 0; }
  .orderlist-1 .list .inner-title-cart { margin: 0; }
  .orderlist-1 .list .order-num {  display:none; }
  .orderlist-1 .list .order-num .num { color:#ED1C24; }
  
  .orderlist-1 .list .table-wp { overflow: auto;  -ms-overflow-style: none;  scrollbar-color: transparent transparent;  }
  .orderlist-1 .list .table-wp::-webkit-scrollbar {width: 20px; height: 20px; border: 0px solid #ff0000; }
    
  
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row  { display: flex; flex-flow: wrap; padding:4%; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row > div { text-align: left; padding:1.5% 0;  font-size:12px;   line-height: 25px;}
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:first-child, 
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(3),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(4),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(5),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(6) 
  { text-align: left;}
   
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row .change-quanity { width:44px; height:30px; margin: 0 0 0 15px; color:#ED1C24; font-size:12px;line-height: 1.3; vertical-align: middle;   display: inline-block;}
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row a { display:inline-block;   padding: 0 7px; height: 25px; font-size:11px;color:#fff; border-radius: 2px;}
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row .table-cart-sum-edit-btn {  background: #24326f; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row .table-cart-sum-order-btn {  background: #ED1C24;}
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row .table-cart-sum-await-btn {  background: #ED1C24; text-align: center; }
  
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(1) { flex-basis:15%; order:3;}
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(2) { flex-basis:100%; order:1;  }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(3) { flex-basis:100%; order:2; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(4) {flex-basis:25%; order:4;}
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(5) { flex-basis:30%; order:5; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(6) { flex-basis:30%; order:6;text-align:right;font-weight: 500; }
  
  
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(3):before { content:'Quantity : '; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(6):before{ content:'Price : '; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row:nth-child(2) div:nth-child(6):before{ content:none; }
  
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row:nth-child(odd) { background-color: #e7e7e7; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
  
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-first div { font-size:14px!important; font-weight: 500; background-color: #24326f!important; color:#fff!important;}
  
  /*table-cart-sum-row-last-1"*/
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 { padding:4% 0; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 div:nth-child(2) { font-size:16px!important;  }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 div:nth-child(2),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 div:nth-child(6)
  { flex-basis: 50%;}
  
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 div:nth-child(1), 
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 div:nth-child(3), 
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 div:nth-child(4),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 div:nth-child(5)
  { flex-basis: 0;}
  
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 div:nth-child(3):before,
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 div:nth-child(6):before
  { content:none; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 { background-color:transparent!important;}
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 div:nth-child(6) { font-size:16px;}
  
  
  /*table-cart-sum-row-last-2"*/
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 div:nth-child(2), 
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 div:nth-child(6) 
  { font-size:24px!important; color: #24326f!important; font-weight: 500; }
  
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 { padding:4% 0; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 div:nth-child(2),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 div:nth-child(6)
  { flex-basis: 50%; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 div:nth-child(1),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 div:nth-child(3),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 div:nth-child(4),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 div:nth-child(5) 
  { flex-basis: 0; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 div:nth-child(3):before,
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 div:nth-child(6):before
  { content:none; }
  
  
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 div,
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 div
  {background-color:transparent!important; }
  
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 div:nth-child(1),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 div:nth-child(1)
  { border:none!important; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-1 div:nth-child(2),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-last-2 div:nth-child(2)
  {background-color:transparent!important; text-align: left;}
  
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row input{ display:none;}
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row input[type="checkbox"] + label:before { 
    content: ' '; display: inline-block;  background-color: #ffffff;  border: solid 1px #d2d2d2;  border-radius: 4px; width: 20px; height: 20px;
  }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row input[type="checkbox"]:checked + label:before {
    content: '\2714';  color : #696969;  text-align: center;  line-height:20px;
  }
  .orderlist-1 .list .list-btn { text-align:center; margin:25px auto; width:200px; }
  .orderlist-1 .list .list-btn a { display:inline-block; width:100%; height:45px; background-color: #ED1C24; border-radius: 4px; color:#fff; text-align:center; line-height:45px; font-size: 16px; margin: 10px 0;}
  .orderlist-1 .list .list-btn a:nth-child(2) { margin:10% 0%;}

  .orderlist-1 .table-cart-sum-help { margin:70px 0; }
  
  
  }
  
  
  @media screen and (min-width: 768px) {
  
  .orderlist-1 { margin:50px 0 0 0;  width:100%!important;}
  .orderlist-1  h2 { display:none; }
  .orderlist-1 .summary p { color:#696969; font-size: 16px; margin:0; }
  .orderlist-1 .list .order-num { display:block; color:#696969; font-size:12px; }
  .orderlist-1 .list .order-num .num { color:#ED1C24; }
  
  .orderlist-1 .list .table-wp .table-cart-sum { --width:768px; width: 100%; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row { flex-flow:nowrap;padding:0; }

  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:first-child, 
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(3),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(4),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(5),
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(6) 
  { text-align: center;}
  
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(3):before,
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(6):before { content:none; }
  
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(1) { flex-basis:5%; order:1; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(2) { flex-basis:50%; font-size:12px; order:2;}
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(3) { flex-basis:9%;order:3; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(4) {flex-basis:9%; order:4;}
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(5) { flex-basis:9%;order:5; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(6) { flex-basis:9%;order:6;}
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row div:nth-child(7) { flex-basis:9%; font-size: 16px; order:7;padding-right: 3%;text-align: right;}
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row:nth-child(odd) div{ background-color: #e7e7e7; border-top:0px solid #d2d2d2; border-bottom:0px solid #d2d2d2;}
  
  
  .orderlist-1 .list .list-btn { margin:25px 0 0 7%; width:100%; text-align:left;}
  .orderlist-1 .list .list-btn a { display:inline-block; width:140px; height:45px; background-color: #ED1C24; border-radius: 4px; color:#fff; text-align:center; line-height:45px; font-size: 18px; margin-right: 20px;}
  .orderlist-1 .list .list-btn a:nth-child(2) { margin:2%;}

  
  }
  
  @media screen and (min-width: 768px) {
    .orderlist-1 .list .table-wp .table-cart-sum { width:100%;}
  }

  

/**************CART- check out****************/
/*@media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {
  .cart-checkout-pc { margin:70px 0 0 0; }
  .cart-checkout-pc .inner-title { margin: 0; }
  .cart-checkout-pc .cart-checkout-list li { border-bottom: 1px solid #d2d2d2; padding: 20px 0;}
  .cart-checkout-pc .cart-checkout-list li .cart-checkout-list-thum { float: initial;  }
  .cart-checkout-pc .cart-checkout-list li .cart-checkout-list-info p { font-size: 16px; color: #696969;margin: 5px 0; }
  .cart-checkout-pc .cart-checkout-list li .cart-checkout-list-info .cart-product-name { font-weight: 500; margin:10px 0 0 0;}
  .cart-checkout-pc .cart-checkout-list li .cart-checkout-list-info .cart-product-design { float:left; margin: 0; }
  .cart-checkout-pc .cart-checkout-list li .cart-checkout-list-info .cart-product-price { width:100%;color: #ED1C24; font-size: 24px;font-weight: 500; margin:0; text-align: right;line-height: 15px;} 

  .cart-checkout-pc { margin:70px 0 0 0; }
  .cart-checkout-pc .cart-checkout-form { margin:70px 0 0 0; }
  .cart-checkout-pc .form-wp { padding:30px 0;display: inline-block; }
  .cart-checkout-pc .form-wp .form {  width:100%;   }
  .cart-checkout-pc .form-wp .form-1 { margin:0 3% 0 0 ;}
  .cart-checkout-pc .form-wp .form-1 p { margin:0; color: #696969; font-size: 12px; }
  .cart-checkout-pc .form-wp .form-2 { margin:15px 0 0 0;}
  .cart-checkout-pc .form-wp label { width:100%; display:inline-block;margin: 0 0 10px 0; }
  .cart-checkout-pc .form-wp label .form-list-ttl { width:100%; display: inline-block;font-weight: 500;font-size: 14px;color: #696969; }
  .cart-checkout-pc .form-wp input {  height: 28px;border: solid 1px #979797;  border-radius: 2px; text-indent: 10px;}
  .cart-checkout-pc .form-wp input.middletype {    width: 50%;  }
  .cart-checkout-pc .form-wp input.longtype { width:100%;  }



  .biz-customer .biz-customer-info {background-color: #f5f5f5; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2;padding: 30px 50px; }
  .biz-customer .biz-customer-ttl { color:#24326f;  font-size: 14px;   cursor:pointer; font-weight: 500; }
  .biz-customer .biz-customer-info{ display:flex; justify-content: center; flex-flow:column;}
  .biz-customer .biz-customer-info label { margin:0 ; }
  .biz-customer .biz-customer-info label:nth-child(1), .biz-customer .biz-customer-info label:nth-child(2) { margin:0 0 10px 0;}
  .biz-customer .biz-customer-info label:nth-child(1) input{ width:100%;}
  .biz-customer .biz-customer-info label:nth-child(2) input { width:50%;}
  .biz-customer .biz-customer-info label .biz-ttl-1 { width:100%; display:inline-block; }
  .biz-customer .biz-customer-info label .biz-ttl-2 { width:100%;  display:inline-block; margin:0; }
  .biz-customer .biz-customer-info label:last-child { width:auto; margin:10px 0 0 0; }
  .biz-customer .biz-customer-info > div { margin: 0 50px 0 0 ; display: flex; flex-flow:column-reverse;     position: relative; }
  .biz-customer .biz-customer-info .biz-ttl-3 {  white-space: nowrap;   left: 34px; position: absolute;display: inline-block; color: #696969;font-size: 14px;  font-weight: 500; line-height: 1.5;    margin: 0;  }
  .biz-customer .biz-customer-info input[type="checkbox"] { display:none;  }
  .biz-customer .biz-customer-info input[type="checkbox"] + label:after { display: inline-block;  height: 25px; width:25px; background-color: #ED1C24;  border-radius: 2px; content: ' '; }
  .biz-customer .biz-customer-info input[type="checkbox"]:checked + label:after {  content:url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/checkout_checkboxicon.png'); padding: 4px 0 0 0; color: #fff; font-size:22px; text-align:center;    line-height: 1.2; }

  .cart-checkout-pay, .cart-checkout-bill { margin:70px 0 0 0; }
  .cart-checkout-pay .paycheck-wp { position: relative; margin:30px 0 0 0; }
  .cart-checkout-pay .paycheck-wp .biz-ttl-4 { color: #696969; font-weight: 500;font-weight: 500; }
  .cart-checkout-pay input[type="checkbox"] { display:none; }
  .cart-checkout-pay input[type="checkbox"] + label span { display: inline-block;  line-height: 1.2; height: 25px; width:25px; background-color: #ED1C24;  border-radius: 2px; vertical-align: middle; margin:0 10px 0 0;  }
  .cart-checkout-pay input[type="checkbox"]:checked + label span {     background-position: center; height: 25px; width:25px; background-repeat: no-repeat; 
    background-image:url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/checkout_checkboxicon.png');  padding:4px 0 0 0; color: #fff; text-align:center;    line-height: 1.2; }
  


  .cart-checkout-point .point-check, .cart-checkout-point .coupon-check { display:flex;justify-content: center;flex-flow:column; }
  .cart-checkout-point .point-check { background-color: #f5f5f5; border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2; }
  .cart-checkout-point .point-check .point-info { flex-basis: 20%; text-align:center;  }
  .cart-checkout-point .point-check .point-info .point-inner-ttl { font-size:14px; color: #696969;margin:0; }
  .cart-checkout-point .point-check .point-info .point-inner-num { color:#24326f; font-size: 24px; font-weight: 500; }
  .cart-checkout-point .point-check .point-ttl { padding:22px 0 0 0; }
  .cart-checkout-point .point-check .point-checks { padding:25px 0 22px 0; position: relative; }
  .cart-checkout-point .point-check .point-total, .cart-checkout-point .point-check .point-balance, .cart-checkout-point .point-check .point-use { padding: 15px 0 0 0;}
  .cart-checkout-point .point-check .point-ttl { font-size: 24px; color: #696969; font-weight: 500;}
  .cart-checkout-point .point-check .point-checks input[type="checkbox"] { display:none; }
  .cart-checkout-point .point-check .point-checks input[type="checkbox"] + label:after { position: initial; display: inline-block;  height: 25px; width:25px; background-color: #ED1C24;  border-radius: 2px; content: ' '; }
  .cart-checkout-point .point-check .point-checks input[type="checkbox"]:checked + label:after {content:url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/checkout_checkboxicon.png');  padding:4px 0 0 0; color: #fff; font-size:22px; text-align:center;    line-height: 1.2; }
  .cart-checkout-point .point-check .point-checks .biz-ttl-5 { font-size: 14px; color: #696969;font-weight: 500; padding:0 0 0 7px; position:initial; width: 100px; }

  .cart-checkout-point .coupon-check {  flex-flow: nowrap; margin:35px 0 0 0; background-color: #f5f5f5; border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;  padding: 25px 5%;}
  .cart-checkout-point .coupon-check-1 label { font-size: 14px;font-weight: 500;color: #696969; }
  .cart-checkout-point .coupon-check-1 label span { display: inline-block; width:100%;}
  .cart-checkout-point .coupon-check-1 label input { margin:0; width: 100%; max-width: 267px;height: 28px; border-radius: 2px;border: solid 1px #979797;}
  .cart-checkout-point .coupon-check-1 a { margin: 20px 0 0 10px; width: 50%;height: 28px;color: #ffffff;text-align: center;background-color: #ED1C24;border-radius: 2px;font-size: 1.5vh; font-weight:normal; line-height:28px; }
  .cart-checkout-point .coupon-check-2 p { color: #696969;font-size: 14px;font-weight: 500; text-align:center; margin:5px 0; }

  .cart-checkout-method { display:flex; margin:70px 0 0 0; flex-flow: column; } 
  .cart-checkout-method .method-area { flex-basis: 50%; }
  .cart-checkout-method .method-area .method-ttl {  text-align:center;  font-size: 24px; color:#fff; font-weight: 500; height:74px;}
  .cart-checkout-method .method-area .method-ttl-1 {background-color:#ED1C24;padding:20px 0; }
  .cart-checkout-method .method-area .method-ttl-2 { background-color:#24326f; padding: 25px 0 0 0;}
  .cart-checkout-method .method-area .method-option { padding:7% 15%; min-height: 320px; }
  .cart-checkout-method .method-area .method-option-1 { background-color: #f5f5f5; }
  .cart-checkout-method .method-area .method-option-1 label select { width:235px;height:28px; font-weight: normal; padding:0 7px; font-size:12px;}
  .cart-checkout-method .method-area .method-option-1 label select option:checked { color:#d2d2d2; }
  .cart-checkout-method .method-area .method-option-1 label select option:not(:checked) { color:#696969;}
  .cart-checkout-method .method-area .method-option-1 .method-date label:nth-child(2) select{ width:70px; }
  .cart-checkout-method .method-area .method-option-1 .method-date label:nth-child(3) select{ width:100px; }
  .cart-checkout-method .method-area .method-option-1 .method-date label:nth-child(2) select option:checked {  color:#696969; }
  .cart-checkout-method .method-area .method-option-1 .method-date label:nth-child(3) select option:checked {  color:#696969; }
  .cart-checkout-method .method-area .method-option-1 label:last-child{ margin:0;}
  .cart-checkout-method .method-area .method-option-1 input { text-indent:10px;border: solid 1px #979797; border-radius: 2px;height: 28px;}
  .cart-checkout-method .method-area .method-option-1 label:nth-child(2) input, .cart-checkout-method .method-area .method-option-1 label:nth-child(3) input  { width:235px;}
  .cart-checkout-method .method-area .method-option-1 label:nth-child(2) input::placeholder {color: #d2d2d2;font-size: 12px; font-weight: normal;}
  .cart-checkout-method .method-area .method-option-1 label:last-child input { width:70px; }
  .cart-checkout-method .method-area .method-option .method-inner-ttl {font-size: 14px;color: #696969;font-weight: 500; width:100%; display:inline-block; text-align:left;  }
  .cart-checkout-method .method-area .method-option label { display:inline-block; width:100%; margin:0 0 2.5% 0;}
  .cart-checkout-method .method-area .method-option .method-date { margin:0 0 2.5% 0; }
  .cart-checkout-method .method-area .method-option .method-date label { display:inline; }

  .cart-checkout-method .method-area .method-option-2 { background-color: #e7e7e7; }
  .cart-checkout-method .method-area .method-option-2 p.method-text { color:#696969; font-size: 14px;}
  .cart-checkout-method .method-area .method-option-2 p.method-text b { font-weight:500; } 

  .cart-checkout-method .method-area .method-option-2 .method-btn {  text-align:center; margin:30px 0 0 0; }
  .cart-checkout-method .method-area .method-option-2 a { text-align:center; line-height:50px; border-radius: 50px; width:260px; height:50px; display:inline-block; background: #fff;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); color: #696969; font-size:12px;   }

  .cart-checkout-total { width:100%; margin:70px 0; }
  .cart-checkout-total ul li { margin:10px 0;}
  .cart-checkout-total ul li span { font-size:14px;color: #696969; }
  .cart-checkout-total ul li .total-list-ttl { font-weight: 500; }
  .cart-checkout-total ul li .total-price-num { float:right; }
  .cart-checkout-total .all-price { border-top:1px solid #d2d2d2; padding:10px 0 0 0;}
  .cart-checkout-total .all-price span {font-size: 24px; color:#24326f; font-weight:500;   }
  .cart-checkout-total .all-price .all-price-num { float:right; }
  .cart-checkout-total a { width:100%; height: 39px;border-radius: 4px; background:#ED1C24;color:#fff;text-align:center; line-height: 39px; display: inline-block;margin:10px 0 0 0;  }
}

@media screen and (min-width: 768px) {
  .cart-checkout-pc { margin:70px 0 0 0; }
  .cart-checkout-pc .inner-title { margin: 0; }
  .cart-checkout-pc .cart-checkout-list li { border-bottom: 1px solid #d2d2d2; padding: 30px 0;}
  .cart-checkout-pc .cart-checkout-list li .cart-checkout-list-thum { float:left; margin: 0 30px 0 0;  }
  .cart-checkout-pc .cart-checkout-list li .cart-checkout-list-info p { font-size: 16px; color: #696969; margin:0 0 10px 0; }
  .cart-checkout-pc .cart-checkout-list li .cart-checkout-list-info .cart-product-name { font-weight: 500; margin:0 0 10px 0;}
  .cart-checkout-pc .cart-checkout-list li .cart-checkout-list-info .cart-product-design { float:initial; }
  .cart-checkout-pc .cart-checkout-list li .cart-checkout-list-info .cart-product-price { line-height:normal; width:auto;color: #ED1C24; font-size: 24px;font-weight: 500; margin:15px 0 0 0; text-align:left; } 

  .cart-checkout-pc { margin:70px 0 0 0; }
  .cart-checkout-pc .cart-checkout-form { margin:70px 0 0 0; }
  .cart-checkout-pc .form-wp { padding:30px 0;display: inline-block; }
  .cart-checkout-pc .form-wp .form {  width:48.5%; float:left;  }
  .cart-checkout-pc .form-wp .form-1 { margin:0 3% 0 0 ;}
  .cart-checkout-pc .form-wp .form-1 p { margin:0; color: #696969; font-size: 12px; }
  .cart-checkout-pc .form-wp .form-2 { margin:0;}
  .cart-checkout-pc .form-wp label { width:100%; display:inline-block;margin: 0 0 10px 0; }
  .cart-checkout-pc .form-wp label .form-list-ttl { width:155px; display: inline-block;font-weight: 500;font-size: 14px;color: #696969; }
  .cart-checkout-pc .form-wp input {  height: 28px;border: solid 1px #979797;  border-radius: 2px; text-indent: 10px;}
  .cart-checkout-pc .form-wp input.middletype { max-width: 196px;    width: 100%;  }
  .cart-checkout-pc .form-wp input.longtype { max-width: 393px; width:100%;  }



  .biz-customer .biz-customer-info {background-color: #f5f5f5; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2;padding: 30px 50px; }
  .biz-customer .biz-customer-ttl { color:#24326f;  font-size: 14px;   cursor:pointer; font-weight: 500; }
  .biz-customer .biz-customer-info{ display:flex; justify-content: center; flex-flow:nowrap; }
  .biz-customer .biz-customer-info label { margin:0 ; }
  .biz-customer .biz-customer-info label:nth-child(1) input{ width:auto;}
  .biz-customer .biz-customer-info label:nth-child(2) input { width:auto;}
  .biz-customer .biz-customer-info label .biz-ttl-1 { width:150px; display:inline-block; }
  .biz-customer .biz-customer-info label .biz-ttl-2 { width:50px; display:inline-block; margin:0; }
  .biz-customer .biz-customer-info label:last-child { width:auto; }
  .biz-customer .biz-customer-info > div { display:contents; margin: 0 50px 0 0 ; }
  .biz-customer .biz-customer-info .biz-ttl-3 { position: initial; display: inline-block; color: #696969;font-size: 14px;  font-weight: 500; line-height: 1.5;    margin: 0 7px 0 65px;  }
  .biz-customer .biz-customer-info input[type="checkbox"] { display:none;  }
  .biz-customer .biz-customer-info input[type="checkbox"] + label:after { margin:-10px 0 0 0; display: inline-block;  height: 25px; width:25px; background-color: #ED1C24;  border-radius: 2px; content: ' '; }
  .biz-customer .biz-customer-info input[type="checkbox"]:checked + label:after {  content:url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/checkout_checkboxicon.png'); padding: 4px 0 0 0; color: #fff; font-size:22px; text-align:center;    line-height: 1.2; }

  .cart-checkout-pay, .cart-checkout-bill { margin:70px 0 0 0; }
  .cart-checkout-pay .paycheck-wp { position: relative; margin:30px 0 0 0; }
  .cart-checkout-pay .paycheck-wp .biz-ttl-4 { color: #696969; font-weight: 500;font-weight: 500; }
  .cart-checkout-pay input[type="checkbox"] { display:none; }
  .cart-checkout-pay input[type="checkbox"] + label span { display: inline-block;  line-height: 1.2; height: 25px; width:25px; background-color: #ED1C24;  border-radius: 2px; vertical-align: middle; margin:0 10px 0 0;  }
  .cart-checkout-pay input[type="checkbox"]:checked + label span {     background-position: center; height: 25px; width:25px; background-repeat: no-repeat; 
    background-image:url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/checkout_checkboxicon.png');  padding:4px 0 0 0; color: #fff; text-align:center;    line-height: 1.2; }
  


  .cart-checkout-point .point-check, .cart-checkout-point .coupon-check { display:flex;justify-content: center; flex-flow:nowrap; }
  .cart-checkout-point .point-check .point-info { flex-basis: 20%; text-align:center;  }
  .cart-checkout-point .point-check .point-info .point-inner-ttl { font-size:14px; color: #696969;margin:0; }
  .cart-checkout-point .point-check .point-info .point-inner-num { color:#24326f; font-size: 24px; font-weight: 500; }
  .cart-checkout-point .point-check .point-ttl { padding:22px 0 0 0; }
  .cart-checkout-point .point-check .point-checks { padding:25px 0 0 0; position: relative; }
  .cart-checkout-point .point-check .point-total, .cart-checkout-point .point-check .point-balance, .cart-checkout-point .point-check .point-use { padding: 15px 0 0 0;}
  .cart-checkout-point .point-check .point-ttl { font-size: 24px; color: #696969; font-weight: 500;}
  .cart-checkout-point .point-check .point-checks input[type="checkbox"] { display:none; }
  .cart-checkout-point .point-check .point-checks input[type="checkbox"] + label:after { position:absolute; top:25px; left:28px;  display: inline-block;  height: 25px; width:25px; background-color: #ED1C24;  border-radius: 2px; content: ' '; }
  .cart-checkout-point .point-check .point-checks input[type="checkbox"]:checked + label:after {content:url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/checkout_checkboxicon.png');  padding:4px 0 0 0; color: #fff; font-size:22px; text-align:center;    line-height: 1.2; }
  .cart-checkout-point .point-check .point-checks .biz-ttl-5 { font-size: 14px; color: #696969;font-weight: 500; padding:0 0 0 7px; position:absolute; top:12px; left:37px;width: 100px; }

  .cart-checkout-point .coupon-check { flex-flow: wrap; margin:35px 0 0 0; background-color: #f5f5f5; border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;  padding: 25px 0;}
  .cart-checkout-point .coupon-check-1 label { font-size: 14px;font-weight: 500;color: #696969; }
  .cart-checkout-point .coupon-check-1 label span { display: inline-block; width:auto;}
  .cart-checkout-point .coupon-check-1 label input { margin:0 10px; width: 267px;height: 28px; border-radius: 2px;border: solid 1px #979797;}
  .cart-checkout-point .coupon-check-1 a { margin: 0; width: 95px;height: 28px;color: #ffffff;text-align: center;background-color: #ED1C24;border-radius: 2px;font-size: 14px; font-weight:normal; line-height:28px; }
  .cart-checkout-point .coupon-check-2 p { color: #696969;font-size: 14px;font-weight: 500; text-align:center; margin:5px 0; }

  .cart-checkout-method { display:flex; margin:70px 0 0 0; flex-flow: nowrap; } 
  .cart-checkout-method .method-area { flex-basis: 50%; }
  .cart-checkout-method .method-area .method-ttl {  text-align:center;  font-size: 24px; color:#fff; font-weight: 500; height:74px;}
  .cart-checkout-method .method-area .method-ttl-1 {background-color:#ED1C24;padding:20px 0; }
  .cart-checkout-method .method-area .method-ttl-2 { background-color:#24326f; padding: 25px 0 0 0;}
  .cart-checkout-method .method-area .method-option { padding:7% 15%; height: 320px; }
  .cart-checkout-method .method-area .method-option-1 { background-color: #f5f5f5; }
  .cart-checkout-method .method-area .method-option-1 label select { width:235px;height:28px; font-weight: normal; padding:0 7px; font-size:12px;}
  .cart-checkout-method .method-area .method-option-1 label select option:checked { color:#d2d2d2; }
  .cart-checkout-method .method-area .method-option-1 label select option:not(:checked) { color:#696969;}
  .cart-checkout-method .method-area .method-option-1 .method-date label:nth-child(2) select{ width:70px; }
  .cart-checkout-method .method-area .method-option-1 .method-date label:nth-child(3) select{ width:100px; }
  .cart-checkout-method .method-area .method-option-1 .method-date label:nth-child(2) select option:checked {  color:#696969; }
  .cart-checkout-method .method-area .method-option-1 .method-date label:nth-child(3) select option:checked {  color:#696969; }
  .cart-checkout-method .method-area .method-option-1 label:last-child{ margin:0;}
  .cart-checkout-method .method-area .method-option-1 input { text-indent:10px;border: solid 1px #979797; border-radius: 2px;height: 28px;}
  .cart-checkout-method .method-area .method-option-1 label:nth-child(2) input, .cart-checkout-method .method-area .method-option-1 label:nth-child(3) input  { width:235px;}
  .cart-checkout-method .method-area .method-option-1 label:nth-child(2) input::placeholder {color: #d2d2d2;font-size: 12px; font-weight: normal;}
  .cart-checkout-method .method-area .method-option-1 label:last-child input { width:70px; }
  .cart-checkout-method .method-area .method-option .method-inner-ttl {font-size: 14px;color: #696969;font-weight: 500; width:100%; display:inline-block; text-align:left;  }
  .cart-checkout-method .method-area .method-option label { display:inline-block; width:100%; margin:0 0 2.5% 0;}
  .cart-checkout-method .method-area .method-option .method-date { margin:0 0 2.5% 0; }
  .cart-checkout-method .method-area .method-option .method-date label { display:inline; }

  .cart-checkout-method .method-area .method-option-2 { background-color: #e7e7e7; }
  .cart-checkout-method .method-area .method-option-2 p.method-text { color:#696969; font-size: 14px;}
  .cart-checkout-method .method-area .method-option-2 p.method-text b { font-weight:500; } 

  .cart-checkout-method .method-area .method-option-2 .method-btn {  text-align:center; margin:30px 0 0 0; }
  .cart-checkout-method .method-area .method-option-2 a { text-align:center; line-height:50px; border-radius: 50px; width:260px; height:50px; display:inline-block; background: #fff;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); color: #696969; font-size:12px;   }

  .cart-checkout-total { max-width:400px; margin:70px 0 0 0; }
  .cart-checkout-total ul li { margin:10px 0;}
  .cart-checkout-total ul li span { font-size:14px;color: #696969; }
  .cart-checkout-total ul li .total-list-ttl { font-weight: 500; }
  .cart-checkout-total ul li .total-price-num { float:right; }
  .cart-checkout-total .all-price { border-top:1px solid #d2d2d2; padding:10px 0 0 0;}
  .cart-checkout-total .all-price span {font-size: 24px; color:#24326f; font-weight:500;   }
  .cart-checkout-total .all-price .all-price-num { float:right; }
  .cart-checkout-total a { width:100%; height: 39px;border-radius: 4px; background:#ED1C24;color:#fff;text-align:center; line-height: 39px; display: inline-block;margin:10px 0 0 0;  }
}

@media screen and (min-width: 1024px) {
  .cart-checkout-pc .form-wp .form-1 p { margin:0 0 0 155px;}
  .biz-customer .biz-customer-info label .biz-ttl-2 {margin:0 0 0 65px; }
  .biz-customer .biz-customer-info .biz-ttl-3 { line-height: 2;  }
  .cart-checkout-method .method-area .method-option { height:240px; }
  .cart-checkout-method .method-area .method-option .method-inner-ttl {width:125px; text-align:right;margin:0 15px 0 0;}
  .cart-checkout-point .point-check .point-checks input[type="checkbox"] + label:after { top:25px; left:15px; }
  .cart-checkout-point .point-check .point-checks .biz-ttl-5 { top:30px; left:40px;width: auto; }
  
}

/**************CART- check out-complete****************/
/*@media screen and (min-width: 360px) {*/
  .cart-checkout-complete { margin:70px 0 200px 0; line-height: 30px; font-size: 16px;}


/*******************ORDER - TEMPLATE LIST *******************/

/*@media screen and (min-width: 360px){*/
@media screen and (min-width: 100px) {
  .template-list-con .templete-h1 { line-height: 1.5; bottom:2%; }
  .template-list-con .intro-text { display:inline-block; }
  .template-list-inner .intro-text strong span {display: inline-block; width: 100%; }

  .template-list-option{ width: 100%; }
  .template-list-option .template-list-option-group { display: flex;margin: 0 0 5px 0; flex-flow:column;}
  .template-list-option .template-list-option-group .template-list-option-ttl { margin: 0 0 10px 0; width:150px;font-size: 18px; font-weight: 500; display:inline-block; }
  .template-list-option .template-list-option-group .template-list-option-btn { width: calc(100% - 150px); }
  .template-list-option .template-list-option-group .template-list-option-btn li { cursor:pointer; font-size: 12px; float:left; background-color: #fff;  border: solid 1px #979797;border-radius: 2px; padding:2px 7px; margin: 0 10px 10px 0; }
  .template-list-option .template-list-option-group .template-list-option-btn li:hover { background-color:#24326f; }
  .template-list-option .template-list-option-group .template-list-option-btn li:hover a { color:#fff; }
  .template-list-option .template-list-option-group  input {  max-width:225px; width:100%; text-indent:10px; margin:0 10px 0 0; border-radius: 2px; background-color: #ffffff; border: solid 1px #979797;height: 27px; padding: 0;}
  .template-list-option .template-list-option-group button {  border:none; margin: 10px 0; font-weight:normal;width: 62px; border-radius: 4px; background-color:#ED1C24; color:#fff; font-size:12px;height: 27px; }
  .template-list-all { display: flex; flex-flow: wrap; justify-content: flex-start; margin: 4% 0;}
  .template-list-all .template-list-item { width: auto; margin: 0 auto 6% auto; }
/*  .template-list-all .template-list-item:nth-child(4n) { margin:0;}*/
  .template-list-all .template-list-item .product-name { margin: 15px 0 0 0;  color: #696969;    font-size: 16px;  --max-width: 160px;font-weight:bold; }
  .template-list-all .template-list-item .product-name > span {  float:right; color:#d2d2d2;}
  .template-list-all .template-list-item .product-inner-img img { width:100%;  }

	.template-list-all .product-img:hover .product-inner-img img { --opacity: 0.5; }

  .template-list-all .template-list-item { position: relative; }
  .template-list-all .template-list-item .hide-icons { position: absolute; left:0; top:0; width: 100%;opacity:0; transition: opacity .5s; cursor: pointer;}
  .template-list-all .template-list-item .hide-icons:hover { opacity:1;}
  .template-list-all .template-list-item .hide-icons img.trans-bg { width:100%; --opacity: 0.5; }
  .template-list-all .template-list-item .hide-icons .icons-wrap { position: absolute;top:0;   height: 100%;   left: 0;   width: 100%;  text-align: center; padding:10% 0; }
  .template-list-all .template-list-item .hide-icons .icons-wrap .icon-text { display: none; color:#fff;font-size: 12px;}
  .template-list-all .template-list-item .hide-icons .icons-wrap .order-icon-wp .icon-text { padding:2% 0 0 0; }
  .template-list-all .template-list-item .hide-icons .view-icon-wp { width:100%; margin:0 0 8% 0;}
  .template-list-all .template-list-item .hide-icons a { display:inline-block; width:8vh; height:8vh;}
  .template-list-all .template-list-item .hide-icons a.view-icon { background-image:url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/enlarge-inactive.svg"); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
  .template-list-all .template-list-item .hide-icons a.order-icon { --margin: 0 0 0 -7px; background-image:url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/order-inactive.svg"); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
  .template-list-all .template-list-item .hide-icons a.view-icon:hover { background-image:url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/enlarge-HOVER.svg");}
  .template-list-all .template-list-item .hide-icons a.order-icon:hover { background-image:url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/order-HOVER.svg");}
  .template_list_paging {display: flex;justify-content: center;  margin:15px 0!important; }
/*  .template_list_paging .order_list_paging { max-width:166px; background-color:#fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);  }*/
/*  .template_list_paging .order_list_paging  .fa { vertical-align: middle; }*/

}
/*@media screen and (min-width: 500px){*/
@media all and (min-width:360px) and (max-width:767px) { 
  .template-list-all { --justify-content:initial; margin: 4% 0;}
  .template-list-all .template-list-item { margin: 0 2% 0 0;  width: 48%;}
  .template-list-all .template-list-item:nth-child(2n) {  margin: 0 0 2% 2%;}
  .template-list-all .template-list-item .hide-icons .icons-wrap {  padding:8% 0; }
  .template-list-all .template-list-item .hide-icons .view-icon-wp { width:100%; margin:0 0 7% 0;}


}
@media screen and (min-width: 600px){
  .template-list-all .template-list-item .hide-icons .icons-wrap { padding:10% 0;}

}
/*@media screen and (min-width: 768px){*/
@media all and (min-width:768px) and (max-width:1023px) { 
  .template-list-all .template-list-item { width: 31.33%; margin: 0 3% 0 0;}
  .template-list-all .template-list-item:nth-child(3n) {  margin: 0 0 3% 0;}
/*  .template_list_paging {margin:4% 0 7% 0!important; }*/
  .template-list-all .template-list-item .hide-icons .icons-wrap {  padding:13% 0; }
  .template-list-all .template-list-item .hide-icons .view-icon-wp { width:100%; margin:0 0 8% 0;}

}
@media screen and (min-width: 1024px){
  .template-list-option .template-list-option-group { flex-flow: nowrap;}
  .template-list-option .template-list-option-group button { margin:0; }
  .template-list-all .template-list-item { width: 22.75%; margin:0 3% 0 0;}
  .template-list-all .template-list-item:nth-child(4n) { margin:0 0 3% 0;}
/*  .template-list-all .template-list-item:nth-child(3n) { margin: 0 3% 0 0;}*/

}


  
  /************PLACE ORDER 사용안함

  @media screen and (min-width: 360px) {

  .orderlist { margin:50px 0 0 0; width:100% }
  .orderlist .summary h2 {color:#24326f; margin:0 0 20px 0; border-bottom:1px solid #d2d2d2; padding: 0 0 20px 0; font-size: 24px; display:inline-block;  width: 100%; }
  .orderlist .summary p { color:#696969; font-size: 16px; margin:0; }
  
  .orderlist ul { margin:100px 0 0 0; }
  .orderlist ul li { border-bottom:1px solid #d2d2d2; padding: 0 0 24px 0; margin: 0 0 29px 0; }
  .orderlist ul li:last-child { border-bottom:none;  }
  .orderlist ul li form { margin: 0 0 12px 0;  }
  .orderlist ul li form input {  background-color: #ffffff; height:27px; border: solid 1px #979797; text-indent:10px; outline:none; }
  .orderlist ul li form.type-1 input { width:100%;}
  .orderlist ul li form.type-2 input { width:33.3%; }
  .orderlist ul li form.type-2 input::placeholder {  color:#d2d2d2; }
  .orderlist ul li form.type-2 a { display:inline-block; width:100px; height:27px; background-color:#ED1C24; color:#fff; text-align:center; border-radius: 4px; line-height:27px; font-size:12px; margin:0 0 0 10px; }
  .orderlist ul li form.type-3 input { width:50%; }
  
  .orderlist ul li form .title { width:100%; display:inline-block; color:#696969;  font-size: 16px; }
  .orderlist ul li form .red { color:#ED1C24; }
  
  .orderlist ul li:nth-child(4) p { color:#696969; font-size:16px; }
  .orderlist ul li:nth-child(4) .ordersummary {display: inline-block;    width: 100%; }
  .orderlist ul li:nth-child(4) .ordersummary .items { width:100%;float:left;   }
  .orderlist ul li:nth-child(4) .ordersummary .items .item-title { background-color: #24326f; color:#fff; font-size:16px; text-align:center; padding:16px 0;}
  .orderlist ul li:nth-child(4) .ordersummary .items .item-price  { padding:16px 0; border-bottom:2px solid #24326f; color:#696969; text-align:center; }
  
  .orderlist ul li:nth-child(4) .payment { display:flex; justify-content:space-between;flex-flow:column; clear:both; margin:30px 0 0 0;}
  .orderlist ul li:nth-child(4) .payment > div { text-align:center; }
  .orderlist ul li:nth-child(4) .payment > div:first-child { color: #ED1C24; font-size: 24px; font-weight:500; }
  .orderlist ul li:nth-child(4) .payment > div:nth-child(2) { margin:20px 0 0 0;}
  
  }
  
  

  @media screen and (min-width: 768px) {
  
  
  .orderlist { margin:50px 0 0 0; width:100% }
  .orderlist .summary h2 {color:#24326f; margin:0 0 20px 0; border-bottom:1px solid #d2d2d2; padding: 0 0 20px 0; font-size: 24px; display:inline-block;  width: 100%; }
  .orderlist .summary p { color:#696969; font-size: 16px; margin:0; }
  
  .orderlist ul { margin:100px 0 0 0; }
  .orderlist ul li { border-bottom:1px solid #d2d2d2; padding: 0 0 24px 0; margin: 0 0 29px 0; }
  .orderlist ul li:last-child { border-bottom:none;  }
  .orderlist ul li form { margin: 0 0 12px 0;  }
  .orderlist ul li form input {  background-color: #ffffff; height:27px; border: solid 1px #979797; text-indent:10px; outline:none; }
  .orderlist ul li form.type-1 input { width:100%;}
  .orderlist ul li form.type-2 input { width:33.3%; }
  .orderlist ul li form.type-2 input::placeholder {  color:#d2d2d2; }
  .orderlist ul li form.type-2 a { display:inline-block; width:100px; height:27px; background-color:#ED1C24; color:#fff; text-align:center; border-radius: 4px; line-height:27px; font-size:12px; margin:0 0 0 10px; }
  .orderlist ul li form.type-3 input { width:50%; }
  
  .orderlist ul li form .title { width:100%; display:inline-block; color:#696969;  font-size: 16px; }
  .orderlist ul li form .red { color:#ED1C24; }
  
  .orderlist ul li:nth-child(4) p { color:#696969; font-size:16px; }
  .orderlist ul li:nth-child(4) .ordersummary {display: inline-block;    width: 100%; }
  .orderlist ul li:nth-child(4) .ordersummary .items { width:100%;float:left;   }
  .orderlist ul li:nth-child(4) .ordersummary .items .item-title { background-color: #24326f; color:#fff; font-size:16px; text-align:center; padding:16px 0;}
  .orderlist ul li:nth-child(4) .ordersummary .items .item-price  { padding:16px 0; border-bottom:2px solid #24326f; color:#696969; text-align:center; }
  
  .orderlist ul li:nth-child(4) .payment { display:flex; justify-content:space-between;flex-flow:column; clear:both; margin:30px 0 0 0;}
  .orderlist ul li:nth-child(4) .payment > div { text-align:center; }
  .orderlist ul li:nth-child(4) .payment > div:first-child { color: #ED1C24; font-size: 24px; font-weight:500; }
  .orderlist ul li:nth-child(4) .payment > div:nth-child(2) { margin:20px 0 0 0;}
  
  }

  @media screen and (min-width: 1024px) {
  
  .orderlist { margin:50px 0 0 0; width:50% }
  .orderlist .summary h2 {color:#24326f; margin:0 0 20px 0; border-bottom:1px solid #d2d2d2; padding: 0 0 20px 0; font-size: 24px; display:inline-block;  width: 100%; }
  .orderlist .summary p { color:#696969; font-size: 16px; margin:0; }
  
  .orderlist ul { margin:100px 0 0 0; }
  .orderlist ul li { border-bottom:1px solid #d2d2d2; padding: 0 0 24px 0; margin: 0 0 29px 0; }
  .orderlist ul li:last-child { border-bottom:none;  }
  .orderlist ul li form { margin: 0 0 12px 0;  }
  .orderlist ul li form input {  background-color: #ffffff; height:27px; border: solid 1px #979797; text-indent:10px; outline:none; }
  .orderlist ul li form.type-1 input { width:345px;}
  .orderlist ul li form.type-2 input { width:115px; }
  .orderlist ul li form.type-2 input::placeholder {  color:#d2d2d2; }
  .orderlist ul li form.type-2 a { display:inline-block; width:100px; height:27px; background-color:#ED1C24; color:#fff; text-align:center; border-radius: 4px; line-height:27px; font-size:12px; margin:0 0 0 10px; }
  .orderlist ul li form.type-3 input { width:172.5px; }
  
  .orderlist ul li form .title { width:225px; display:inline-block; color:#696969;  font-size: 16px; }
  .orderlist ul li form .red { color:#ED1C24; }
  
  .orderlist ul li:nth-child(4) p { color:#696969; font-size:16px; }
  .orderlist ul li:nth-child(4) .ordersummary {display: inline-block;    width: 100%; }
  .orderlist ul li:nth-child(4) .ordersummary .items { width:33.3%;float:left;   }
  .orderlist ul li:nth-child(4) .ordersummary .items .item-title { background-color: #24326f; color:#fff; font-size:1.65vw; text-align:center; padding:16px 0;}
  .orderlist ul li:nth-child(4) .ordersummary .items .item-price  { padding:16px 0; border-bottom:2px solid #24326f; color:#696969; text-align:center; }
  
  .orderlist ul li:nth-child(4) .payment { display:flex; justify-content:space-between;flex-flow:nowrap; clear:both; margin:30px 0 0 0;}
  .orderlist ul li:nth-child(4) .payment > div { text-align:left; }
  .orderlist ul li:nth-child(4) .payment > div:first-child { color: #ED1C24; font-size: 24px; font-weight:500; }
  
  .orderlist ul li:nth-child(4) .ordersummary .items .item-title { font-size:16px;}
    
  }**********/
  
  
  
  /************Privacy Policy************/
  
  /* 23.5em = 360px */
/*  @media screen and (min-width: 360px) {*/
	@media screen and (min-width: 100px) {
  
  
  .tab-1 { width:100%; margin:70px auto 0 auto; clear:both; }
  .tab-1 .tab-wrap { display:flex; flex-flow:column; }
  .tab-1 .tab-wrap .tab-inner-1 { flex-basis:100%; margin:0 10% 0 0; }
  .tab-1 .tab-wrap .tab-container {flex-basis: 100%; margin: 0 0 10% 0;}
  
  .tab-1 .tab-inner-1 { display:flex; justify-content:left; flex-flow: column;  }
  .tab-1 .tab-inner-1 div { overflow: hidden;padding:0 0 10px 0; }
  .tab-1 .tab-inner-1 div.active a { color: #ED1C24; }
  .tab-1 .tab-inner-1 div a { color:#24326f; display:inline-block; width:100%; font-size:18px; }
  .tab-1 .tab-inner-1 div a:hover { color:#ED1C24; }
  .tab-1 .tab-inner-1 h2.menu-title {color:#484848; font-size:18px; text-decoration:underline; font-weight: 500; pointer-events:none; margin: 0 0 15px 0; border:none; }
  
  .tab-1 .tabcon { padding:3em 0; }
  .tab-1 .tabcon .inner-title { font-size:24px; color:#24326f; border-bottom:1px solid #d2d2d2; font-weight:500;padding: 0 0 15px 0; margin: 70px 0 20px 0; }
  .tab-1 .tabcon p { color:#696969; font-size:16px; line-height:25px; }
  .tab-1 .tabcon p:first-of-type { margin:0 0 20px 0; } 
  .tab-1 .tabcon p strong { font-weight:500; }
  
  
  
  }
  
  /* 48em = 768px */
  @media screen and (min-width: 768px) {
  
  .tab-1 { max-width:1140px; margin:70px auto 0 auto; clear:both; }
  .tab-1 .tab-wrap { display:flex; flex-flow:nowrap; justify-content: space-between; }
  .tab-1 .tab-wrap .tab-inner-1 { flex-basis:20%; margin:0 10% 0 0; }
  .tab-1 .tab-wrap .tab-container {flex-basis: 70%; margin: 0 0 10% 0;}
  
  .tab-1 .tab-inner-1 { display:flex; justify-content:left; flex-flow: column;  }
  .tab-1 .tab-inner-1 div { overflow: hidden;padding:0 0 10px 0; }
  .tab-1 .tab-inner-1 div.active a { color: #ED1C24; }
  .tab-1 .tab-inner-1 div a { color:#24326f; display:inline-block; width:100%; font-size:18px; }
  .tab-1 .tab-inner-1 div a:hover { color:#ED1C24; }
  .tab-1 .tab-inner-1 h2 {color:#484848; font-size:18px; text-decoration:underline; font-weight: 500; pointer-events:none; margin: 0 0 15px 0; }
  
  .tab-1 .tabcon { padding:0; }
  .tab-1 .tabcon .inner-title { font-size:24px; color:#24326f; border-bottom:1px solid #d2d2d2; font-weight:500;padding: 0 0 15px 0; margin: 70px 0 20px 0; }
  .tab-1 .tabcon p { color:#696969; font-size:16px; line-height:25px; }
  .tab-1 .tabcon p:first-of-type { margin:0 0 20px 0; } 
  .tab-1 .tabcon p strong { font-weight:500; }
  
  }
  
  
  
  /************CUSTOMER - TEMPLATE************/
  
  /* 23.5em = 360px */
/*  @media screen and (min-width: 360px) {*/
	@media screen and (min-width: 100px) {
  .page-contents .product-guide-wrap { margin:0 1.5em 0 1.5em; }
  .page-contents h2 { color:#24326f; font-size:24px; font-weight: 500; border-bottom:1px solid #d2d2d2;padding: 0 0 15px 0;margin: 0px 0 20px 0; }
  .page-contents .product-guide { width:inherit; margin:0 0 5% 0; display: inline-block; width: 100%;}
  .page-contents .product-guide .product{ float:left;  width: 100%; margin: 0 0 17% 0; }
/*  .page-contents .product-guide .product:nth-child(3n-1) { margin:0 0 7% 0; }*/
  .page-contents .product-guide .product p { font-size:16px; font-weight:500;  }
  .page-contents .product-guide .product .product-name {  color:#24326f; margin:20px 0 5px 0;}
  .page-contents .product-guide .product .product-price {  color:#696969;margin:0 0 18px 0;border-bottom: 1px solid #d2d2d2; padding: 0 0 18px 0; }
  .page-contents .product-guide .product .tem-download-btn { color:#ED1C24; }
  .page-contents .product-guide .product .tem-download-btn:hover { color:#aa504f; }
/*  .page-contents .product-guide .product .product-info { color:#696969; line-height:25px; font-weight:normal; }*/
  .page-contents .product-guide .product .product-info a { color:#696969; line-height:25px; font-weight:normal; border:1px solid #24326f;  border-radius: 2px;padding: 5px 10px; }
  .page-contents .product-guide .product .product-info a:hover { color:#D2D2D2; }
  .page-contents .product-guide .product .product-img img { width:100%; }
  }
  
  /* 48em = 768px */
  @media screen and (min-width: 768px) {
  
  .page-contents .product-guide-wrap { margin:5% 0 0 0; }
/*  .page-contents .product-guide { width:inherit; margin:0 0 5% 0; display: inline-block; }*/
  .page-contents .product-guide { width:inherit; margin:0 0 5% 0; display: flex; flex-flow: wrap;}
  .page-contents .product-guide .product{ float:left;  width: 31.3%; margin: 0 0 8% 0; }
  .page-contents .product-guide .product:nth-child(3n-1) { margin:0 3% 3% 3%; }
  .page-contents .product-guide .product p { font-size:16px; font-weight:500;  }
  .page-contents .product-guide .product .product-name {  color:#24326f; margin:20px 0 20px 0; padding-bottom: 20px; border-bottom: 1px solid #d2d2d2;}
  .page-contents .product-guide .product .product-price {  color:#696969; }

  .page-contents .product-guide .product .product-info { color:#696969; line-height:25px; font-weight:normal; }
  .page-contents .product-guide .product .product-img img { width:100%; }
  
  }
  
    
  /************SUPPORT************/
  
  /* 23.5em = 360px */
/*  @media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {
  
  .fandq h2 { text-align:center; color: #24326f; font-weight: 500;  font-size: 36px; }
  .fandq h2.faq-search-ttl { border-bottom: none ;}
  .fandq .help1 { position:relative;  margin: 15px auto 70px auto;   max-width: 511px;}
  .fandq .help1 input { max-width: 511px; height: 45px; border:1px solid #24326f;  border-radius: 8px;outline:none;  width: 100%; text-indent:10px; }
  .fandq .help1 input::placeholder { color:#d2d2d2; font-size:12px; }
  .fandq .help1 button { width:27px; height:27px; position:absolute; right:12px;top:1px;border: none; background: none; outline:none; cursor:pointer; }
  
  .fandq .help2 { width:100%; margin:0 auto; background-color: #e7e7e7;padding: 55px 0 95px 0; }
  .fandq .help2 h2 { margin:0 0 50px 0; }
  .fandq .help2 ul { max-width: 90%; margin: 0 auto;}
  .fandq .help2 ul li { background-color:#fff; text-align:center; padding: 13px 0; margin: 15px 0; }
  .fandq .help2 ul li:last-child { margin:0; }
  .fandq .help2 ul li a { font-size: 3.7vw; color: #696969;  font-weight: normal; }
  .fandq .help2 ul li a:hover { color: #d2d2d2; }
  
/*  .tab-1 { max-width:1140px; margin:70px auto 0 auto; clear:both; }*/
  .tab-1 { max-width:1140px; margin:0 auto 0 auto; clear:both; }
  .tab-1 .tab-wrap { display:flex; flex-flow:column; }
  .tab-1 .tab-wrap .tab-inner-1 { margin:0 0 0 0; }
/*  .tab-1 .tab-wrap .tab-inner-1 { display: none; }*/
/*  .tab-1 .tab-wrap .tab-container {margin: 5em 0;}*/
  .tab-1 .tab-wrap .tab-container {margin: 0;}
  
  .tab-1 .tab-inner-1-s { display:flex; justify-content:left; flex-flow: column;  }
  .tab-1 .tab-inner-1-s > div { overflow: hidden;padding:0 0 10px 0; text-align:center; }
  .tab-1 .tab-inner-1-s > div.active > a { color: #ED1C24; }
  .tab-1 .tab-inner-1-s > div > a { color:#24326f; display:inline-block; width:100%; font-size:2.7vh; }
  .tab-1 .tab-inner-1-s > div > a:hover { color:#ED1C24; }
  .tab-1 .tab-inner-1-s h2 {color:#484848; font-size:24px; text-decoration:underline; font-weight: 500; pointer-events:none; margin: 0 0 15px 0; }
  
  .tab-1 .tab-inner-1-s div ul li { padding:5px 0; }
  .tab-1 .tab-inner-1-s div ul li a { color: #24326f; font-size:15px; }
  
  .tab-1 .tabcon-s .inner-title { font-size:24px; color:#24326f; border-bottom:1px solid #d2d2d2; font-weight:500;padding: 0 0 15px 0; margin: 70px 0 20px 0; text-align:center; }
  .tab-1 .tabcon-s p { color:#696969; font-size:16px; line-height:25px; }
  .tab-1 .tabcon-s p:first-child { margin:0 0 20px 0; } 
  .tab-1 .tabcon-s p strong { font-weight:500; }
  
  
  }
  
  /* 48em = 768px */
  @media screen and (min-width: 768px) {
  
  /*MAIN CONTENTS*/
  
  .fandq  h2 { text-align:center; color: #24326f; font-weight: 500;  font-size: 36px; }
  .fandq .help1 { position:relative;  margin: 15px auto 70px auto;   max-width: 450px;}
  .fandq .help1 input { max-width: 450px; height: 45px; border:1px solid #24326f;  border-radius: 4px;outline:none;  width: 511px; text-indent:10px; }
  .fandq .help1 input::placeholder { color:#d2d2d2; font-size:12px; }
  .fandq .help1 button { width:27px; height:27px; position:absolute; right:8px;top:8px;border: none; background: none; outline:none; cursor:pointer; }
  
/*  .fandq .help2 { background-color: #e7e7e7;padding: 55px 0 95px 0; }*/
  .fandq .help2 { background-color: #e7e7e7;padding: 40px 0 45px 0; }
  .fandq .help2 h2 { margin:0 0 50px 0; }
  .fandq .help2 ul { max-width: 90%; margin: 0 auto;}
  .fandq .help2 ul li { background-color:#fff; text-align:center; padding: 13px 0; margin: 15px 0; }
  .fandq .help2 ul li:last-child { margin:0; }
  .fandq .help2 ul li a { font-size: 24px; color: #696969;  font-weight: normal; }
  
  .tab-1 { max-width:1140px; margin:70px auto 0 auto; clear:both; }
  .tab-1 .tab-wrap { display:flex; flex-flow:nowrap; }
  .tab-1 .tab-wrap .tab-inner-1 { flex-basis:20%; margin:0 5% 0 0; }
  .tab-1 .tab-wrap .tab-container {flex-basis: 75%; margin: 0 0 10% 0;}
  
  .tab-1 .tab-inner-1-s { display:flex; justify-content:left; flex-flow: column;  }
  .tab-1 .tab-inner-1-s div { overflow: hidden;padding:0 0 10px 0; text-align:left; }
  .tab-1 .tab-inner-1-s div.active > a { color: #ED1C24; }
  .tab-1 .tab-inner-1-s div a { color:#24326f; display:inline-block; width:100%; font-size:18px; }
  .tab-1 .tab-inner-1-s div a:hover { color:#ED1C24; }
  .tab-1 .tab-inner-1-s h2 {color:#484848; font-size:24px; text-decoration:underline; font-weight: 500; pointer-events:none; margin: 0 0 15px 0; }
  .tab-1 .tab-inner-1-s div ul li { padding:0;}
  .tab-1 .tab-inner-1-s div ul li a { font-size:12px;  }
  
  .tab-1 .tabcon-s .inner-title { font-size:24px; color:#24326f; border-bottom:1px solid #d2d2d2; font-weight:500;padding: 0 0 15px 0; margin: 70px 0 20px 0; text-align:left; }
  .tab-1 .tabcon-s p { color:#696969; font-size:16px; line-height:25px; }
  .tab-1 .tabcon-s p:first-child { margin:0 0 20px 0; } 
  .tab-1 .tabcon-s p strong { font-weight:500; }
  
  
  
  }
  
  @media screen and (min-width: 1024px) {
  
  .page-title p { margin:0 auto; font-size:36px; font-weight:500; color:#fff; padding:15px 0;} 
  .fandq .help2 ul {  margin: 0 auto;}
  
  }
  
  
/*************SIGN IN****************/
/*@media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {
  .pc-signin .pc-signin-inner .or { display:none; }
.pc-signin { background-color: rgba(210, 210, 210, 0.7);  --position: fixed;  width: 100%;   height: 100%;   z-index: 100;    top: 0;    left: 0; z-index:100; }
.pc-signin .pc-signin-inner { position:relative; padding:48px 25px; position : absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width: 534px; min-width: 297px;  background-color: #fcfcf9;  box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.2); }

/*Signin x버튼 공통*/
.signin-close { cursor: pointer; position: absolute; width: 24px; height: 24px; right:20px; top: 35px; }
.signin-close .line { width: 22px;height: 1px;    background-color: #ED1C24;    position: absolute;    top: 0;    left: 0;transform: rotate(-45deg);}
.signin-close .line:first-child{transform: rotate(45deg);}
.signin-title {font-size: 18px; font-weight: 500;  color:#ED1C24; }

.pc-signin .pc-signin-inner .signin-1 input[type="text"] {  background: transparent; width:100%; height:45px;  border: solid 1px #696969; border-radius: 4px; text-indent:10px; margin:0 0 5px 0; }
.pc-signin .pc-signin-inner .signin-1 input[type="text"]::placeholder {  color: #d2d2d2;  letter-spacing: 0.49px;  font-size: 14px; }
.pc-signin .pc-signin-inner .signin-1 .saveid { margin:0 0 15px 0; }
.pc-signin .pc-signin-inner .signin-1 .saveid input[type="checkbox"]{ display:none; }
.pc-signin .pc-signin-inner .signin-1 .saveid input[type="checkbox"] + label { color:#696969; font-size: 12px;   font-weight: normal;}
.pc-signin .pc-signin-inner .signin-1 .saveid input[type="checkbox"] + label:before { padding: 0; margin:0 5px 0 0;  line-height: 16px; display:inline-block; content: ' ';  width: 16px; height: 16px; height:16px;  border: solid 1px #696969;vertical-align: middle;}
.pc-signin .pc-signin-inner .signin-1 .saveid input[type="checkbox"]:checked + label:before {  color: #696969; content: '\2714'; font-size:16px;  }
.pc-signin .pc-signin-inner .signin-1 .home-btn { margin:0 0 10px 0; }
.pc-signin .pc-signin-inner .signin-1 .home-btn button {  line-height:45px; border: none; outline:none; background-color: #ED1C24;   border-radius: 4px; width:100%; height: 45px; color: #ffffff; letter-spacing: 0.64px; text-align: center;}
.pc-signin .pc-signin-inner .signin-1 .home-btn button label { font-size: 16px;}
.pc-signin .pc-signin-inner .signin-1 .forgotpw { text-align:center;}
.pc-signin .pc-signin-inner .signin-1 a {  letter-spacing: 0.42px;  color: #ED1C24; font-size: 12px; }
.pc-signin .pc-signin-inner .or { margin:5px 0; font-size: 16px; color: #696969; letter-spacing: 0.56px;  text-align: center; font-weight: 500;}
.pc-signin .pc-signin-inner .or-mb {font-size: 18px; color: #696969;  font-weight: 500; margin: 5px 0; }

.pc-signin .pc-signin-inner .signin-2 button { line-height:45px; border:none; display:inline-block; width:100%; height: 45px; border-radius: 4px; font-size: 16px; text-align: center;  letter-spacing: 0.64px; }
.pc-signin .pc-signin-inner .signin-2 button:first-child { background-color:#4769B0; color:#fff; margin:0 0 15px 0; }
.pc-signin .pc-signin-inner .signin-2 button:first-child img { margin:0 7px 0 0; }
.pc-signin .pc-signin-inner .signin-2 button:nth-child(2) {  background-color:#fff; border: solid 1px #696969; color:#696969; }
.pc-signin .pc-signin-inner .signin-2 img:nth-child(3) { margin:10px 0; width:100%; }
.pc-signin .pc-signin-inner .signin-2 button:nth-child(4) { background-color: #ED1C24;   color: #ffffff;  }
.pc-signin .pc-signin-inner .signin-2 button:nth-child(4) img { margin:0 7px 0 0; }
.pc-signin .pc-signin-inner .signin-2 button:nth-child(4) label { font-size: 16px; }
.pc-signin .pc-signin-inner .signin-2 p { font-size: 12px; color: #696969; letter-spacing: 0.42px;margin:10px 0;}
.pc-signin .pc-signin-inner .signin-2 p a { color: #ED1C24; }

}

@media screen and (min-width: 768px) {
  .signin-title {font-size: 24px; font-weight: 500;  color:#ED1C24; }
  .pc-signin .pc-signin-inner {padding:48px 59px;  }
  .pc-signin .pc-signin-inner .signin-1 .home-btn button label { font-size: 18px;}
  .pc-signin .pc-signin-inner .or { display:block; margin:5px 0; }
  .pc-signin .pc-signin-inner .or-mb { display:none;  }
  .pc-signin .pc-signin-inner .signin-2 button { font-size:18px; }
  .pc-signin .pc-signin-inner .signin-2 button:nth-child(4) label { font-size: 18px; }
}

/*************SIGN IN - FORGOT PASSWORD****************/

/*@media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {
.pc-signin-forgotpw { background-color: rgba(239, 86, 86, 0.4);  position: fixed;  width: 100%;   height: 100%;   z-index: 100;    top: 0;    left: 0; z-index:100; }
.pc-signin-forgotpw .pc-signin-forgotpw-inner { position:relative; padding:48px 25px; position : absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width: 534px; min-width: 297px;  background-color: #fcfcf9;  box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.2); }


.pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw { margin:15px 0 0 0; }
.pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw input[type="text"] {  background:transparent; width:100%; height:45px;  border: solid 1px #696969; border-radius: 4px; text-indent:10px; margin:0 0 15px 0; }
.pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw input[type="text"]::placeholder {  color: #d2d2d2;  letter-spacing: 0.49px;  font-size: 14px; }
.pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw button {  background-color: #ED1C24;   color: #ffffff;  line-height:45px; border:none; display:inline-block; width:100%; height: 45px; border-radius: 4px; font-size: 18px; text-align: center;  letter-spacing: 0.64px; }
.pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw button img { margin:0 7px 0 0; }
.pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw button label { font-size: 16px; vertical-align: middle; margin:0; }
.pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw .verificate { display:flex; margin:30px 0 0 0; width:100%;    justify-content: space-between; }
.pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw .verificate > div { max-width:155px; width:100%;  }
.pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw .verificate label { width:auto; color: #696969;font-size: 14px; white-space: nowrap;    padding: 40px 9% 0 0; }
.pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw .verificate input[type="text"] { max-width: 155px; width:100%; height: 45px;margin: 0;}
.pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw .verificate a.verificate-btn { margin:10px 0 0 0; background-color: #ED1C24;   color: #ffffff; width:100%;    max-width: 155px; line-height:45px; border:none; display:inline-block;  height: 45px; border-radius: 4px; font-size: 16px; text-align: center;  letter-spacing: 0.64px; }
}

@media screen and (min-width: 768px) {

  .pc-signin-forgotpw .pc-signin-forgotpw-inner { padding:48px 59px; }
  .pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw button label { font-size: 18px; }
  .pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw .verificate > div { width:initial; display:flex;max-width:initial; }
  .pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw .verificate label { width:initial; padding: 15px 0 0 0;}
  .pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw .verificate { display:flex; margin:30px 0 0 0; justify-content: space-between; flex-flow:nowrap;}
  .pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw .verificate input[type="text"] { max-width: 155px; width:100%; height: 45px;margin: 0 4%;}
  .pc-signin-forgotpw .pc-signin-forgotpw-inner .signin-forgotpw .verificate a.verificate-btn {  width: 120px; margin:0; font-size:18px; }
}



/*************PAGE - FORGOT PASSWORD****************/
/*@media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {
/*verification*/
.resetpw { margin:70px 0; }
.resetpw .inner-title { margin:0; }
.resetpw .resetpw-con { background-color: #f5f5f5; padding: 12% 8.5%; }
.resetpw .resetpw-con .resetpw-inner-ttl { font-size: 24px; color: #696969; font-weight: 500; margin:0 0 15px 0;  }
.resetpw .resetpw-con .sub-text { font-size: 14px; color: #696969; line-height: 1.67; }
.resetpw .resetpw-con input { border: solid 1px #696969; border-radius: 4px; height: 45px; text-indent: 10px;}
.resetpw .resetpw-con .caution-text { color:#ED1C24; font-size: 12px;letter-spacing: 0.35px; margin:5px 0 10px 0; }
.resetpw .resetpw-con a { height: 45px; background: #ED1C24; color:#fff; border-radius: 4px; font-size:18px; display: inline-block; line-height: 45px; text-align: center;}
.resetpw .resetpw-con .request-btn { background-color: #ED1C24; border-radius: 4px; width: 145px; height: 45px; line-height: 28px; color: #fff; font-size: 18px; border: none;}
.resetpw .resetpw-con .resetpw-con-1 input, .resetpw .resetpw-con .resetpw-con-1 a { max-width: 353px; width:100%; }
.resetpw .resetpw-con .resetpw-con-1 input::placeholder { color: #d2d2d2;font-size: 14px;letter-spacing: 0.49px; }
.resetpw .resetpw-con .resetpw-con-1 a img{ margin:0 7px 0 0; } 
.resetpw .resetpw-con .resetpw-con-2 { margin:40px 0 0 0; }
.resetpw .resetpw-con .resetpw-con-2 input, .resetpw .resetpw-con .resetpw-con-2 a { max-width:155px; width: 100%; }

/*new password*/
.resetpw .resetpw-con .newpw-con { margin:20px 0 0 0; }
.resetpw .resetpw-con .newpw-con input {max-width: 350px; width:100%; display: block; text-indent: 0; padding: 6px;}
.resetpw .resetpw-con .newpw-con .newpw-con-email {max-width: 350px; width:100%; margin: 30px 0;}
.resetpw .resetpw-con .newpw-con .newpw-con-email input#mb_email1 { width: 56%; display: inline-block;}
.resetpw .resetpw-con .newpw-con .newpw-con-email input#mb_email2 { width: 37%; display: inline-block;}
.resetpw .resetpw-con .newpw-con a { max-width: 160px;width:100%; margin:10px 0 0 0; }

/*Sucess*/
/*.resetpw .resetpw-con .newpw-con { margin:20px 0 0 0; }
.resetpw .resetpw-con .newpw-con input{max-width: 353px; width:100%; }
.resetpw .resetpw-con .newpw-con a { max-width: 160px;width:100%; margin:10px 0 0 0; }*/
}
@media screen and (min-width: 786px) {
  .resetpw .resetpw-con { background-color: #f5f5f5; padding: 8.5%; }
}


/*************SIGN IN - Congrats & aleady use &  ENTER NEW PASSWORD 공동사용****************/
/*@media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {
.pc-signin-congrats { background-color: rgba(210, 210, 210, 0.7);  position: fixed;  width: 100%;   height: 100%;   z-index: 100;    top: 0;    left: 0; }
.pc-signin-congrats .pc-signin-congrats-inner {  width: 90%; position:relative; padding:48px 40px; position : absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width: 534px; min-width: 297px;   background-color: #fcfcf9;  box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.2); }

.congrat-text .congrat-title { font-size: 18px; color: #696969;   letter-spacing: 0.85px; font-weight:500;margin: 0 0 15px 0; }
.congrat-text .congrat-msg { font-size: 16px; color: #696969; line-height: 24px;}
.congrat-text  .congrats-btn { /*display:flex; */    text-align: center;}
.congrat-text  .congrats-btn a {  margin:40px 0 0 0 ;display:inline-block; max-width: 190px; width:100%; height:45px;  line-height:45px; background-color: #ED1C24; border-radius: 4px; color: #ffffff; font-size: 16px; letter-spacing: 0.64px; text-align: center; }
.congrat-text  .congrats-btn a:first-child { margin:40px 0 0 0 ;/*float:left; */}

/*ENTER NEW PASSWORD*/
.newpw-text .newpw-title {  color:#ED1C24; font-size:18px;}
.newpw-text input{  background:transparent; width:100%; height:45px;  border: solid 1px #696969; border-radius: 4px; text-indent:10px;  }
.newpw-text input::placeholder {  color: #d2d2d2;  letter-spacing: 0.49px;  font-size: 14px; }
.newpw-text > p { color:#ED1C24; font-size:12px; margin:5px 0 15px 0; font-weight:500; }
.newpw-text > a { font-size: 16px;  width: 123px;   text-align: center; height: 35px; display:inline-block; line-height:35px; color:#fff; float:right;  background-color: #ED1C24; border-radius:4px; }
}

@media screen and (min-width: 768px) {
.pc-signin-congrats .pc-signin-congrats-inner  { width:100%; padding:48px 59px;}
.congrat-text .congrat-title {font-size: 24px;}
.congrat-text  .congrats-btn a {  font-size:18px; width: 190px; max-width:initial;}

.newpw-text .newpw-title { font-size:24px;}
.newpw-text > a { font-size:18px;}
}

/*************SIGN UP****************/
/*@media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {
.pc-signup .signin-1 input[type="text"] { margin:0!important;  }
.pc-signup .signin-1 { margin:25px 0 0 0;}
.pc-signup .signin-1 input[type="password"] { background: transparent; width:100%; height: 45px;  margin: 0;   text-indent: 10px;   border-radius: 4px;   border: solid 1px #696969; }
.pc-signup .signin-1 label { font-size: 16px; font-weight: 500;color: #696969; display:inline-block; margin:0 0 10px 0; }
.pc-signup .signin-1 .caution-text {font-size:12px;letter-spacing: 0.35px; color: #ED1C24; margin:5px 0 15px 0;}

.pc-signup .signin-1 .signup-btn { margin:25px 0 0 0; line-height:45px; border: none; outline:none; background-color: #ED1C24;   border-radius: 4px; width:100%; height: 45px; letter-spacing: 0.64px; text-align: center; }
.pc-signup .signin-1 .signup-btn > label { font-size: 18px;color: #ffffff;  }
}

/*************MY PAGE - ALL****************/


/*@media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {
  .mypage-title-1 p { padding: 15px 20px; font-size: 20px; }
  .mypage-title-1 p span, .page-title p span { font-size:15px; margin:5px 0 0 0;}
  
  .mypage-1-pc,.mypage-2-pc, .mypage-3-pc,.mypage-4-pc,.mypage-5-pc,.mypage-6-pc,.mypage-7-pc,.mypage-8-pc,.mypage-9-pc,.mypage-10-pc,.mypage-11-pc,.mypage-12-pc { display:none; }
  .mypage-1-mb,.mypage-2-mb,.mypage-3-mb,.mypage-4-mb,.mypage-5-mb,.mypage-6-mb,.mypage-7-mb,.mypage-8-mb,.mypage-9-mb,.mypage-10-mb,.mypage-11-mb,.mypage-12-mb  { display:block;}
  
  /*MAIN CONTENTS*/
  .tab-order-1 { width:100%; margin:0 auto; clear:both; }
  .tab-order-1 .tab-wrap { display:flex; flex-flow:column; }
  .tab-order-1 .tab-wrap .tab-inner-1 { flex-basis:100%; margin:0 10% 0 0; }
  .tab-order-1 .tab-wrap .tab-container {flex-basis: 100%; margin: 0 0 10% 0;}
  
  .tab-order-1 .tab-inner-order-1 { display:none;  }
  .tab-order-1 .tab-inner-order-1 div { overflow: hidden;padding:0 0 10px 0; }
  .tab-order-1 .tab-inner-order-1 div.active a { color: #ED1C24; }
  .tab-order-1 .tab-inner-order-1 div a { color:#24326f; display:inline-block; width:100%; font-size:18px; }
  .tab-order-1 .tab-inner-order-1 div a:hover { color:#ED1C24; }
  .tab-order-1 .tab-inner-order-1 h2 {color:#484848; font-size:18px; text-decoration:underline; font-weight: 500; pointer-events:none; margin: 0 0 15px 0; }
  
  .tab-order-1 .tabcon-order { padding:3em 0; }
  .tab-order-1 .tabcon-order .inner-title { font-size:24px; color:#24326f; border-bottom:1px solid #d2d2d2; font-weight:500;padding: 0 0 15px 0; margin: 70px 0 20px 0; }
  .tab-order-1 .tabcon-order h2:first-child { margin: 0 0 20px 0; }
  .tab-order-1 .tabcon-order p { color:#696969; font-size:16px; line-height:25px; }
  .tab-order-1 .tabcon-order p.order-num { margin:0 0 20px 0; } 
  .tab-order-1 .tabcon-order p strong { font-weight:500; }
  
/*  .option { background-color: #e7e7e7; padding: 10% 10% 20% 10%; }*/
  .option .option-title { color: #696969; font-size: 16px; font-weight:500; float:left; display:inline-block; width:100%; line-height: 30px; }
  .option .date .btns button { border: solid 1px #979797; background-color: #ffffff; padding:3px 5px; margin: 0 5px 0 0; }
  .option .date .btns button:last-child { margin:10px 0 0 0;}
  .option .date .btns button label { margin:0; color: #696969; font-weight:normal; font-size: 16px; }
  .option .order-ttl { clear:both; }
  .option .order-ttl .searching {margin: 15px 0 0 0; }
  .option .order-ttl .searching input[type="text"] { width: 100%;  border-radius: 2px;border: solid 1px #979797;  background-color: #ffffff; height:27px; }
  .option .order-ttl .searching button { float: right; margin:10px 0 35px 10px; background-color: #ED1C24; border-radius: 4px; width:87px; height:28px; line-height:28px; color:#fff; font-size:12px;   border: none; }
  .option .order-ttl .searching button label { font-weight:normal; }
  
  .option .order-ttl .calendar { margin: 20px auto 0 0;  display:flex; width:100%; }
  .option .order-ttl .calendar .datepickers { text-indent:10px; width:100%;   height: 27px;    border-radius: 2px;   background-color: #ffffff;     border: solid 1px #979797; outline:none; }
  .option .order-ttl .calendar span { padding:0 2%; }
  .option .order-ttl .calendar .dates { display:inline-block; position:relative; width: 100%; }
  .option .order-ttl .calendar .dates .calendar-img { position:absolute; top:1px; right:1px; border:none;}
  .option .order-ttl .calendar-btn { float:right; margin:10px 0 0 10px; background-color: #ED1C24; border-radius: 4px; width:87px; height:28px; line-height:28px; color:#fff; font-size:12px;   border: none; }
  .option .order-ttl .calendar-btn label { font-weight:normal; }
  
  .mypage-2-mb .option { padding: 5%; margin:10% 0 0 0; }
  
  
  .list-1 { margin:80px 0 0 0; }
  .list-1 .order-num { color:#696969; font-size:12px; }
  .list-1 .order-num .num { color:#ED1C24; }
  
  .list-1 .table-wp { overflow: auto;  -ms-overflow-style: none;  scrollbar-color: transparent transparent;  }
  .list-1 .table-wp::-webkit-scrollbar {width: 20px; height: 20px; border: 0px solid #ff0000; }
  
  .list-1 table { width:768px; }
  .list-1 table th { background-color: #24326f; color:#fff;  font-size: 16px; font-weight: 500; }
  .list-1 table th,.list-1 table td { padding:20px 0; text-align:center; }
  .list-1 table th:nth-child(1) { width:150px; }
  .list-1 table th:nth-child(2) { width:200px; }
  .list-1 table th:nth-child(3) { width:200px; }
  .list-1 table th:nth-child(4) { width:235px; }
  .list-1 table th:nth-child(5) { width:235px; }
  .list-1 table th:nth-child(6) { width:200px; }
  .list-1 table tr:nth-child(3n) { background-color : #e7e7e7; border-top:1px solid #d2d2d2; }
  .list-1 table tr:last-child { border-bottom:1px solid #d2d2d2; }
  .list-1 table th:first-child input, .list-1 table td:first-child input { display:none;}
  .list-1 table th:first-child input[type="checkbox"] + label:before, .list-1 table td:first-child input[type="checkbox"] + label:before { 
    content: ' '; display: inline-block;  background-color: #ffffff;  border: solid 1px #d2d2d2;  border-radius: 4px; width: 20px; height: 20px;
  }
  .list-1 table th:first-child input[type="checkbox"]:checked + label:before, .list-1 table td:first-child input[type="checkbox"]:checked + label:before {
    content: '\2714';  color : #696969;  text-align: center;  line-height:20px;
   }
   
  
  ul.order-list-box { display:inline-block; width:100%; margin: 10% 0;}
  ul.order-list-box li {  background-color: #ffffff;   border: solid 1px #d2d2d2;   box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);   border-radius: 6px; padding:5%;    margin: 0 0 7% 0; }
  ul.order-list-box li:last-child {margin:0; }
  ul.order-list-box li .order-list-top { font-size:2vw; }
  ul.order-list-box li .order-list-top .order-number {   color: #696969; }
  ul.order-list-box li .order-list-top .awaiting-payment {  color:#e22929; float:right; }
  ul.order-list-box li .order-list-top .awaiting-payment:after { content:'Awaiting Payment ●'}
  
  ul.order-list-box li .order-list-wrap { width:100%; display:flex; }
  ul.order-list-box li .order-list-thum { min-width:82px; min-height:82px; flex-basis:30%; margin: 0px 5% 0 0; min-width: 82px; }
  ul.order-list-box li .order-list-thum img { width:100%; }
  ul.order-list-box li .order-list-info { flex-basis:70%;display: flex;justify-content: space-between; flex-flow: column;}
  ul.order-list-box li .order-list-info .order-list-date { color: #d2d2d2;font-size: 2.5vw; }
  ul.order-list-box li .order-list-info .order-list-name {font-weight: 500;font-size: 3.5vw; text-overflow: ellipsis;overflow: hidden;white-space: normal; line-height: 1.2; height: 2.3em;}
  ul.order-list-box li .order-list-info .order-list-total { color:#696969;font-size: 2.5vw; margin:0; }
  ul.order-list-box li .order-list-info .order-list-total .quantity { padding:0 20px 0 0; }
  
  .mypage-4-mb .num-item { font-size: 16px; margin:20px 0 10px 0; }
  .mypage-4-mb .num-item span { color:#ED1C24; }
  .mypage-4-mb .wishlist-wp .wishlist-group { margin: 2% 0 0 0; }
  .mypage-4-mb .wishlist-wp .wishlist-group li { display:flow-root; padding:5% 4%; clear: both; }
/*  .mypage-4-mb .wishlist-wp .wishlist-group li:hover {color:#ED1C24; }*/
  .mypage-4-mb .wishlist-wp .wishlist-group li .wishlist-heart img.wish-heart-2{ display: none; }
  .mypage-4-mb .wishlist-wp .wishlist-group li .wishlist-heart a:hover img.wish-heart-2{ display:inline-block; }
  .mypage-4-mb .wishlist-wp .wishlist-group li .wishlist-heart a:hover img.wish-heart-1{ display:none; }

/*  .mypage-4-mb .wishlist-wp .wishlist-group li:hover .wishlist-heart img { display:none; }
  .mypage-4-mb .wishlist-wp .wishlist-group li:hover .wishlist-heart:after { text-align:center; content:url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/mypage_wishlist_close.svg'); }*/
  .mypage-4-mb .wishlist-wp .wishlist-group li:first-child { display: none; }
  .mypage-4-mb .wishlist-wp .wishlist-group li:first-child div { color:#fff;font-size: 16px;font-weight: 500; }
  .mypage-4-mb .wishlist-wp .wishlist-group li:nth-child(odd) { background-color: #fff; border-top:1px solid #d2d2d2; --border-bottom:1px solid #d2d2d2;}
  .mypage-4-mb .wishlist-wp .wishlist-group li:nth-child(even) { background-color: #e7e7e7; border-top:1px solid #d2d2d2; }
  .mypage-4-mb .wishlist-wp .wishlist-group li:not(.wishlist-first) div:nth-child(2),
  .mypage-4-mb .wishlist-wp .wishlist-group li:not(.wishlist-first) div:nth-child(3),
  .mypage-4-mb .wishlist-wp .wishlist-group li:not(.wishlist-first) div:nth-child(4),
  .mypage-4-mb .wishlist-wp .wishlist-group li:not(.wishlist-first) div:nth-child(5)
   { padding: 1% 0;float: right; }
  /*.mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(1) img { width:100%;  }
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(1) { float:left; max-width:26%; margin: 0 5% 0 0;}
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(2), 
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(3),
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(4), 
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(5) { width:69%;}
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(2) {text-overflow:ellipsis; white-space:nowrap;overflow:hidden; }*/

  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(2) img { width:100%;  }
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(2) { float:left; max-width:26%; margin: 0 5% 0 0;}
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(3), 
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(4),
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(5) { width:69%;}
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(3) {text-overflow:ellipsis; white-space:nowrap;overflow:hidden; }

  .mypage-6-mb .ask-quiry-form { margin:60px 0 0 0; } 
  .mypage-6-mb .ask-quiry-form form { display: inline-block; padding: 10% 7%;    background-color: #e7e7e7; }
  .mypage-6-mb .ask-quiry-form label { display:inline-block; width:100%; margin:0 0 20px 0; }
  .mypage-6-mb .ask-quiry-form label .ask-quiry-ttl  { font-size:14px; color: #696969; display:inline-block; width:100%; margin: 0 0 5px 0; }
  .mypage-6-mb .ask-quiry-form label input[type="text"] { width:100%; color:#696969; height: 27px; border:1px solid #979797; background-color: #fff; border-radius: 5px; text-indent: 10px; font-weight: normal; }
  .mypage-6-mb .ask-quiry-form label input[type="text"]::placeholder {  color:#D2D2D2; }
  .mypage-6-mb .ask-quiry-form label:nth-child(4) textarea  { font-weight:normal; color:#696969; width:100%; height:218px; white-space: pre-line; padding:10px; border-radius: 4px;}
  .mypage-6-mb .ask-quiry-form button { float: right; width:87px; height:28px; font-size:14px; background-color:#ED1C24;  color:#fff; text-align: center; line-height: 28px; border-radius: 4px; border:none; }
  
  
  }
  
  
  /* 48em = 768px */
  @media screen and (min-width: 768px) {
  .mypage-1-pc,.mypage-2-pc, .mypage-3-pc,.mypage-4-pc,.mypage-5-pc,.mypage-6-pc,.mypage-7-pc,.mypage-8-pc,.mypage-9-pc,.mypage-10-pc,.mypage-11-pc,.mypage-12-pc { display:block; }
  .mypage-1-mb,.mypage-2-mb,.mypage-3-mb,.mypage-5-mb,.mypage-6-mb,.mypage-7-mb,.mypage-8-mb,.mypage-9-mb,.mypage-10-mb,.mypage-11-mb,.mypage-12-mb  { display:none;}
  
  
  .tab-order-1 { max-width:1140px; margin:70px auto 0 auto; clear:both; }
  .tab-order-1 .tab-wrap { display:flex; flex-flow:culumn;justify-content: space-between; }
  .tab-order-1 .tab-wrap .tab-inner-1 { flex-basis:100%;  }
  .tab-order-1 .tab-wrap .tab-container {flex-basis:100%; margin: 0 0 10% 0;}
  
  .tab-order-1 .tab-inner-order-1 { display:flex; justify-content:left; flex-flow: column;  }
  .tab-order-1 .tab-inner-order-1 div { overflow: hidden;padding:0 0 10px 0; }
  .tab-order-1 .tab-inner-order-1 div.active a { color: #ED1C24; }
  .tab-order-1 .tab-inner-order-1 div a { color:#24326f; display:inline-block; width:100%; font-size:18px; font-weight: 500;}
  .tab-order-1 .tab-inner-order-1 div a:hover { color:#ED1C24; }
  .tab-order-1 .tab-inner-order-1 h2 {color:#484848; font-size:18px; text-decoration:underline; font-weight: 500; pointer-events:none; margin: 0 0 15px 0; }
  
  
  
  .tab-order-1 .tabcon-order { padding:0; }
  .tab-order-1 .tabcon-order .inner-title { margin: 70px 0 20px 0; }
  .tab-order-1 .tabcon-order h2:first-child { margin: 60px 0 20px 0; }
  .tab-order-1 .tabcon-order p { color:#696969; font-size:16px; line-height:25px; word-break:keep-all; word-wrap:break-word;}
  .tab-order-1 .tabcon-order p.order-num { margin:0 0 5px 0; font-size:12px; } 
  
/*  .option { background-color: #e7e7e7; padding:31px; margin:60px 0 0 0; }*/
  .option .option-title { color: #696969; font-size: 16px; font-weight:500; float:left; display:inline-block; width:124px; line-height: 30px; }
  .option .date .btns button { border: solid 1px #979797; background-color: #ffffff; padding:3px 5px; margin: 0 5px 0 0; }
  .option .date .btns button label { margin:0; color: #696969; font-weight:normal; font-size: 16px; }
  .option .order-ttl { clear:both; }
  
  .option .order-ttl .searching {margin: 15px 0 0 0; display:flex; }
  .option .order-ttl .searching input[type="text"] { max-width:476px;width: 100%;   border-radius: 2px;border: solid 1px #979797;  background-color: #ffffff; height:27px; }
  .option .order-ttl .searching button { float:initial; margin:0 0 0 10px; background-color: #ED1C24; border-radius: 4px; width:87px; height:28px; line-height:28px; color:#fff; font-size:12px;   border: none; }
  .option .order-ttl .searching button label { font-weight:normal; }
  
  .option .order-ttl .calendar { margin: 20px auto 0 124px; display: ; }
  .option .order-ttl .calendar .datepickers { text-indent:10px; width:124px;   height: 27px;    border-radius: 2px;   background-color: #ffffff;     border: solid 1px #979797; outline:none; }
  .option .order-ttl .calendar span { padding:0 10px; }
  .option .order-ttl .calendar .dates { display:inline-block; position:relative; width:124px; }
  .option .order-ttl .calendar .dates .calendar-img { position:absolute; top:1px; right:1px; border:none;}
  .option .order-ttl .calendar-btn { margin:0 0 0 10px; background-color: #ED1C24; border-radius: 4px; width:87px; height:28px; line-height:28px; color:#fff; font-size:12px;   border: none; }
  .option .order-ttl .calendar-btn label { font-weight:normal; }
  
  .list-1 { margin:60px 0 0 0; }
  .list-1 .order-num { color:#696969; font-size:12px; }
  .list-1 .order-num .num { color:#ED1C24; }
  
  .list-1 table { width:100%; }
  .list-1 table th { background-color: #24326f; color:#fff;  font-size: 16px; font-weight: 500; }
  .list-1 table th,.list-1 table td { padding:20px 0; text-align:center; }
  .list-1 table td { color:#696969;}
  .list-1 table th:nth-child(1) { width:150px; }
  .list-1 table th:nth-child(2) { width:200px; }
  .list-1 table th:nth-child(3) { width:200px; }
  .list-1 table th:nth-child(4) { width:235px; }
  .list-1 table th:nth-child(5) { width:235px; }
  .list-1 table th:nth-child(6) { width:200px; }
  .list-1 table tr:nth-child(3n) { background-color : #e7e7e7; border-top:1px solid #d2d2d2; }
  .list-1 table tr:last-child { border-bottom:1px solid #d2d2d2; }
  .list-1 table td.highlight { color:#ED1C24; }
  
  .list-1 .list-btn { text-align:center; margin:25px 0 0 0; }
  .list-1 .list-btn a { display:inline-block; width:140px; height:45px; background-color: #ED1C24; border-radius: 4px; color:#fff; text-align:center; line-height:45px; font-size: 18px; }
  .list-1 .list-btn a:nth-child(2) { margin:0 21px;}
  
  .list-1 .table-wp p.addition-text-1 { color: #696969;  font-size: 16px; line-height: 25px; margin:60px 0 0 0; }
  

  .mypage-4-mb .wishlist-wp .wishlist-group { margin: 0; }
  .mypage-4-mb .wishlist-wp .wishlist-group li { display:flex; padding:16px 0; --padding:47px 0;}
/*  .mypage-4-mb .wishlist-wp .wishlist-group li .wishlist-heart a img:hover {color:#ED1C24; }*/
/*  .mypage-4-mb .wishlist-wp .wishlist-group li:hover .wishlist-heart img { display:none; }
  .mypage-4-mb .wishlist-wp .wishlist-group li:hover .wishlist-heart:after { text-align:center; content:url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/mypage_wishlist_close.svg'); }*/
  .mypage-4-mb .wishlist-wp .wishlist-group li:first-child { background-color:#24326f!important; display:flex; padding: 16px 0; border-top: 0 !important; }
  .mypage-4-mb .wishlist-wp .wishlist-group li:first-child div { color:#fff;font-size: 14px;font-weight: 500; }
  .mypage-4-mb .wishlist-wp .wishlist-group li:nth-child(odd) { background-color: #e7e7e7; border-top:1px solid #d2d2d2;}
  .mypage-4-mb .wishlist-wp .wishlist-group li:nth-child(even) { background-color: #ffffff; border-top:1px solid #d2d2d2; }
  .mypage-4-mb .wishlist-wp .wishlist-group li:not(.wishlist-first) div:nth-child(1),
	.mypage-4-mb .wishlist-wp .wishlist-group li:not(.wishlist-first) div:nth-child(2),
  .mypage-4-mb .wishlist-wp .wishlist-group li:not(.wishlist-first) div:nth-child(3),
  .mypage-4-mb .wishlist-wp .wishlist-group li:not(.wishlist-first) div:nth-child(4),
  .mypage-4-mb .wishlist-wp .wishlist-group li:not(.wishlist-first) div:nth-child(5)
   { padding: 0; }
  .mypage-4-mb .wishlist-wp .wishlist-group li:not(.wishlist-first) div:nth-child(1) { text-align: center; }

/*  .mypage-4-mb .wishlist-wp .wishlist-group li div { text-align:center; }
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(1) { flex-basis:15%; }
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(2) { flex-basis:50%; }
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(3) { flex-basis:15%; }
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(4) { flex-basis:10%; }
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(5) { flex-basis:10%; }*/

  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(1) { flex-basis:50px; }
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(2) { flex-basis:15% }
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(3) { flex-basis: calc(100% - 50px - 15% - 25% - 10%); }
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(4) { flex-basis:25%; text-align: center;}
  .mypage-4-mb .wishlist-wp .wishlist-group li div:nth-child(5) { flex-basis:10%; }

  
  .mypage-6-pc .ask-quiry-form { margin:60px 0 0 0; }
  .mypage-6-pc .ask-quiry-form label { display:inline-block; width:100%; margin:0 0 20px 0; }
  .mypage-6-pc .ask-quiry-form label .ask-quiry-ttl  { font-size:16px; color: #696969; display:inline-block; width:125px; }
  .mypage-6-pc .ask-quiry-form label input[type="text"] { color:#696969; height: 27px; border:1px solid #979797; background-color: #fff; border-radius: 2px; text-indent: 10px; font-weight: normal; }
  .mypage-6-pc .ask-quiry-form label input[type="text"]::placeholder {  color:#D2D2D2; }
  .mypage-6-pc .ask-quiry-form label:first-child input[type="text"],.mypage-6-pc .ask-quiry-form label:nth-child(2) input[type="text"] { max-width:250px; width:100%; }
  .mypage-6-pc .ask-quiry-form label:nth-child(3) input[type="text"] { max-width:475px; width:100%; }
  .mypage-6-pc .ask-quiry-form label:nth-child(4) textarea  { font-weight:normal; color:#696969; width:100%; height:195px; white-space: pre-line; padding:10px;}
  .mypage-6-pc .ask-quiry-form button { float: right; width:155px; height:45px; font-size:18px; background-color:#ED1C24;  color:#fff; text-align: center; line-height: 45px; border-radius: 4px; border:none; }
  
  }
  /* 64em = 1024px */
  @media screen and (min-width: 1024px) {
  
  .qmodo-wrap .inner .header { height:160px; max-width:1140px; margin:0 auto; padding: 0; }
  .qmodo-wrap .inner .main-menu div > ul { width:1140px; padding: 0; }
  .mypage-title-1 p { max-width:1140px; margin:0 auto; font-size:36px; font-weight:500; color:#fff; padding:15px 0;} 
  .page-contents { margin:0 auto; max-width:1140px; padding:0; }
  
  .mypage-title-1 p span { font-size:18px; margin:10px 0 0 0; font-weight: bold;}
  
  .tab-order-1 { max-width:1140px; margin:70px auto 0 auto; clear:both; }
  .tab-order-1 .tab-wrap { display:flex; flex-flow:nowrap;justify-content: space-between; }
  .tab-order-1 .tab-wrap .tab-inner-1 { flex-basis:25%;  }
  .tab-order-1 .tab-wrap .tab-container {flex-basis:75%; margin: 0 0 10% 0;}
  .tab-order-1 .tabcon-order h2:first-child { margin: 0 0 20px 0; }
  
  .mypage-6-pc .ask-quiry-form label:nth-child(4) textarea  { width:725px; }
  .tab-order-1 .tab-inner-order-2 { height: 500px;}
    
  }
	@media screen and (min-width: 768px) {
		.mypage-title-1 p span, .page-title p span { display: none;}
	}

/*************MY PAGE - Mypage Left Menu****************/
/* Mypage Left 메뉴 -> 1024 ~ 768 태블릿 사이즈 */
.tab-order-1 .tab-inner-order-2 { display:flex; justify-content:left; flex-flow: column; }
.tab-order-1 .tab-inner-order-2 div { overflow: hidden;padding:0 0 10px 0; }
.tab-order-1 .tab-inner-order-2 div.active a { color: #ED1C24; }
.tab-order-1 .tab-inner-order-2 div a { color:#24326f; display:inline-block; width:100%; font-size:18px; }
.tab-order-1 .tab-inner-order-2 div a:hover { color:#ED1C24; }

/* Mypage Left 메뉴 -> 모바일용 select 메뉴로 전환시 사용 */
@media screen and (min-width: 768px) {
  .mypage-select_menu_mb { display: none;}
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-first { display:flex; }
}
@media screen and (max-width: 767px) {
  .mypage-select_menu_mb { display: block; margin: 20px auto 0; }
  .mypage-select_menu_mb select {
/*		width: 100%; height: 40px; padding: 0 10px;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 99% center;
    background-repeat: no-repeat;
    padding: 10px;
    width: 100%;
	}

	.mypage-select_menu_mb select::-ms-expand {
			display: none;
	}
	
	.tab-order-1 .tab-inner-order-2 { display: none; }
  .orderlist-1 .list .table-cart-sum .table-cart-sum-row-first { display:none; }
	.orderlist-1 .list {margin: 0;}
	.orderlist-1 {margin: 40px 0 0 0;}
	.landing-contents .product-feature { display: none;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.tab-order-1 { margin: 10px 0;}
	.tab-order-1 .tab-inner-order-2 { width: 100%; justify-content: space-between; flex-flow: unset; flex-wrap: wrap; margin-bottom: 30px;}
	.tab-order-1 .tab-inner-order-2 div { float: left; width: 200px; border: 1px solid #e7e7e7; padding: 10px; border-radius: 5px; margin-bottom: 10px; background-color: #ffffff;}
	.tab-order-1 .tab-inner-order-2 div a { font-size:14px; }
}


/***************MYPAGE - EDIT PROFILE*****************/
/**editprofile 1**/
.mypage-11-pc_mb .inner-title { margin: 0 !important; }
.mypage-11-pc_mb .pw-verificate { background-color: #f5f5f5; padding: 40px 0;}
.mypage-11-pc_mb .pw-verificate p { text-align:center;}
.mypage-11-pc_mb .pw-verificate .pw-verificate-ttl { font-size: 24px;font-weight: 500; margin:0 0 15px 0; }
.mypage-11-pc_mb .pw-verificate .pw-verificate-text { font-size: 12px;line-height: 1.67; margin:0 0 30px 0;}
.mypage-11-pc_mb .pw-verificate .pw-verificate-btn { font-weight: normal!important; display:inline-block; width: 77px;  font-size:12px; height: 28px; border-radius: 4px;  font-weight:normal; text-align: center; background-color: #ED1C24;  color: #ffffff;font-weight: 500;  letter-spacing: 0.42px;  line-height: 28px; border: 0;}
.mypage-11-pc_mb .pw-verificate input { border: solid 1px #979797; background-color: #ffffff;border-radius: 2px;width: 256px;height: 27px;}

/**editprofile 2 - pc / mb **/
.mypage-11-pc_mb .editprofile li { --border-bottom: 1px solid #d2d2d2; padding: 15px 0 15px 0; }
.mypage-11-pc_mb .editprofile li div  { margin:15px 0;}
.mypage-11-pc_mb .editprofile li div span { display: inline-block;}
.mypage-11-pc_mb .editprofile li div .editprofile-title { font-size: 16px; color: #696969; width:160px;  vertical-align: top; font-weight: 500; }
.mypage-11-pc_mb .editprofile li div .editprofile-info { color: #24326f; }
.mypage-11-pc_mb .editprofile li div .editprofile-btn { color:#ED1C24; font-size:12px; vertical-align: top; padding: 0 0 0 5px; }
.mypage-11-pc_mb .editprofile li div .editprofile-inner-btn {  border-radius: 2px; display:inline-block; font-size: 12px;color: #ffffff; text-align: center;width: 197px; height: 28px; line-height:28px; background-color:#ED1C24; font-weight:normal; }
.mypage-11-pc_mb .editprofile-btns { margin: 20px 0; text-align: left; }
.mypage-11-pc_mb .editprofile-btns button { margin: 0 10px 0 0; width: 98px; height: 28px;font-size: 12px;text-align: center;color: #ffffff; background-color:#ED1C24;border-radius: 2px; border:none;}
.mypage-11-pc_mb .editprofile-btns button:nth-of-type(1) { background-color:#192933;}

/**editprofile 3 - pc / mb **/
.mypage-11-pc_mb .editprofile li input[type="text"] {border: solid 1px #979797;border-radius: 2px;height:28px; display: inline-block; padding: 6px 6px;}
.mypage-11-pc_mb .editprofile li:first-child input[type="text"] { width:200px; padding: 6px 6px; font-size: 14px; line-height: 1.42857143; color: #555;}

.mypage-11-pc_mb .editprofile li:nth-child(3) .search-address-wp input { width: 90px; margin: 10px 10px 10px 0; display: inline-block; }
.mypage-11-pc_mb .editprofile li:nth-child(3) .search-address-wp button { font-weight:normal; margin:0 0 0 10px ; border-radius: 2px; display:inline-block; width: 100px; line-height:28px; height: 28px;color: #ffffff;text-align: center; font-size: 12px; background-color: #ED1C24; border: 0;}
.mypage-11-pc_mb .editprofile li:nth-child(3) input { max-width:333px; width:100%;  margin: 0 0 15px 0; }
.mypage-11-pc_mb .editprofile li:nth-child(3) input:last-child { margin:0;}
.mypage-11-pc_mb .editprofile li:nth-child(3) .editprofile-info-1 {display: inline-grid;  }

/**editprofile 4**/
.mypage-11-pc_mb .change-pw .sub-title { color: #696969;font-weight: 500;font-size: 16px; margin: 20px 0; }
.mypage-11-pc_mb .change-pw .change-pw-row input { width: 256px; height: 28px; border-radius: 2px; border: solid 1px #979797; }
.mypage-11-pc_mb .change-pw .change-pw-row p { color: #696969; font-size:12px; }
.mypage-11-pc_mb .editprofile-btns-1 { padding:10px 0 0 0; margin:0;}
.mypage-11-pc_mb .editprofile-final-msg { color: #696969;font-size: 16px; font-weight: 500;margin:20px 0 0 0;}

@media screen and (max-width: 767px) {
	.mypage-11-pc_mb .editprofile { background-color: #f5f5f5; }
	.mypage-11-pc_mb .editprofile li div { text-align: center; margin-bottom: 10px;}
	.mypage-11-pc_mb .editprofile li div span { margin-bottom: 10px;}
	.mypage-11-pc_mb .editprofile li div .editprofile-title { display: block; width: 100%;}
	.mypage-11-pc_mb .editprofile li div .editprofile-info { display: inline-block;; }

	.mypage-11-pc_mb .editprofile li div.editprofile-row-6 { width: 100%; max-width: 360px; margin: 0 auto; text-align: left; padding: 20px;}
  .mypage-11-pc_mb .editprofile-btns { margin: 25px auto 0; text-align: center;}

  .mypage-11-pc_mb .change-pw .sub-title { font-size: 24px; margin: 30px auto; display: inline-block;}
	.mypage-11-pc_mb .change-pw .change-pw-row { padding-bottom: 10px;}
	.mypage-11-pc_mb .change-pw .change-pw-row p {width: 253px; margin: 0 auto; text-align: left; }
	.mypage-11-pc_mb .change-pw { background-color: #f5f5f5; text-align: center;}
	.mypage-11-pc_mb .editprofile-btns { margin: 0 auto; text-align: center;}
  
  .mypage-11-pc_mb .editprofile-final-msg { background-color: #f5f5f5; text-align: center; height: 200px; padding-top: 20px; margin: 0;}
  
}

/* 48em = 768px */
@media screen and (min-width: 768px) {
/**editprofile 1**/
.mypage-11-pc .inner-title { margin: 60px 0 0 0!important; }
.mypage-11-pc .pw-verificate { background-color: #f5f5f5; padding: 40px 0;}
.mypage-11-pc .pw-verificate p { text-align:center;}
.mypage-11-pc .pw-verificate .pw-verificate-ttl { font-size: 24px;font-weight: 500; margin:0 0 15px 0; }
.mypage-11-pc .pw-verificate .pw-verificate-text { font-size: 12px;line-height: 1.67; margin:0 0 30px 0;}
.mypage-11-pc .pw-verificate .pw-verificate-btn { font-weight: normal!important; display:inline-block; width: 77px;  font-size:12px; height: 28px; border-radius: 4px;  font-weight:normal; text-align: center; background-color: #ED1C24;  color: #ffffff;font-weight: 500;  letter-spacing: 0.42px;  line-height: 28px;}
.mypage-11-pc .pw-verificate input { border: solid 1px #979797; background-color: #ffffff;border-radius: 2px;width: 256px;height: 27px;}

/**editprofile 2**/
.mypage-11-pc .editprofile li { border-bottom: 1px solid #d2d2d2; padding: 15px 0 15px 0; }
.mypage-11-pc .editprofile li div  { margin:15px 0;}
.mypage-11-pc .editprofile li div span { display: inline-block;}
.mypage-11-pc .editprofile li div .editprofile-title { font-size: 16px; color: #696969; width:160px;  vertical-align: top; }
.mypage-11-pc .editprofile li div .editprofile-info { color: #24326f; }
.mypage-11-pc .editprofile li div .editprofile-btn { color:#ED1C24; font-size:12px; vertical-align: top; padding: 0 0 0 5px; }
.mypage-11-pc .editprofile li div .editprofile-inner-btn {  border-radius: 2px; display:inline-block; font-size: 12px;color: #ffffff; text-align: center;width: 197px; height: 28px; line-height:28px; background-color:#ED1C24; font-weight:normal; }
.mypage-11-pc .editprofile-btns { margin:20px 0 0 160px; }
.mypage-11-pc .editprofile-btns button { margin: 0 10px 0 0; width: 98px; height: 28px;font-size: 12px;text-align: center;color: #ffffff; background-color:#ED1C24;border-radius: 2px; border:none;}

/**editprofile 3**/
.mypage-11-pc .editprofile li input[type="text"] {border: solid 1px #979797;border-radius: 2px;height:28px; }
.mypage-11-pc .editprofile li:first-child input[type="text"] { width:197px; }

.mypage-11-pc .editprofile li:nth-child(2) .search-address-wp input { width: 197px; }
.mypage-11-pc .editprofile li:nth-child(2) .search-address-wp a { font-weight:normal; margin:0 0 0 10px ; border-radius: 2px; display:inline-block; width: 126px; line-height:28px; height: 28px;color: #ffffff;text-align: center; font-size: 12px; background-color: #ED1C24; }
.mypage-11-pc .editprofile li:nth-child(2) input { width:333px;    margin: 0 0 15px 0; }
.mypage-11-pc .editprofile li:nth-child(2) input:last-child { margin:0;}
.mypage-11-pc .editprofile li:nth-child(2) .editprofile-info-1 {display: inline-grid;  }

/**editprofile 4**/
.mypage-11-pc .change-pw .sub-title { color: #696969;font-weight: 500;font-size: 16px; margin: 20px 0; }
.mypage-11-pc .change-pw .change-pw-row input { width: 256px; height: 28px; border-radius: 2px; border: solid 1px #979797; }
.mypage-11-pc .change-pw .change-pw-row p { color: #696969; font-size:12px; }
.mypage-11-pc .editprofile-btns-1 { padding:10px 0 0 0; margin:0;}
.mypage-11-pc .editprofile-final-msg { color: #696969;font-size: 16px; font-weight: 500;margin:20px 0 0 0;}
}
/* 64em = 1024px */
@media screen and (min-width: 1024px) {
  .mypage-11-pc .inner-title { margin: 0!important; }
  
}






/***********************MYPAGE - CANCEL MEMBERSHIP******************************/

/*체크박스 공통 CSS */

.checkbox_type1 input[type=checkbox] {margin: 0;}
.checkbox_type1 { width: 15px; height: 15px; position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox_mark {position: absolute;top: 0;left: 0;height: 15px;width: 15px;background-color: #ffffff;border-radius: 2px;border: solid 1px #979797;}
.checkbox_type1 input:checked ~ .checkbox_mark {background-color: #696969;}
.checkbox_mark:after {content: "";position: absolute;display: none;}
.checkbox_type1 input:checked ~ .checkbox_mark:after {display: block;}
.checkbox_type1 .checkbox_mark:after {left: 4px;top: 0px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

/* cancel membership -1 */
.cancel_membership_step1 span, .cancel_membership_step3 span {font-size: 16px; line-height: 25px;}

.list_style-disc { margin-left: 10px; margin-bottom: 40px;}
.list_style-disc > li { list-style: disc; margin-left: 10px; margin-bottom: 5px;}

.confirm-btn { background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none;}
.confirm-btn label { font-weight: normal; }

.cancel_membership_confirm > li > span:nth-of-type(4) { color: #ED1C24; font-size: 12px; }

@media screen and (min-width: 768px) {
  .confirm-btn { margin: 0 0 0 10px;}
  .cancel_membership_confirm > li > span:nth-of-type(1) { padding-right: 10px; }
  .cancel_membership_confirm > li > span:nth-of-type(4) { display: block; padding-left: 116px; }
}
@media screen and (max-width: 767px) {
  .cancel_membership_checkbox { padding: 20px; background-color: #f5f5f5;}
  .cancel_membership_checkbox > li > span { margin-left: 10px;}

  .cancel_membership_confirm > li {display: flex; flex-flow: wrap; text-align: center;}
  .cancel_membership_confirm > li > span { width: 100%; } 
  .cancel_membership_confirm > li > span:nth-of-type(1) { order: 1; } 
  .cancel_membership_confirm > li > span:nth-of-type(2) { order: 2; }
  .cancel_membership_confirm > li > span:nth-of-type(3) { order: 4; }
  .cancel_membership_confirm > li > span:nth-of-type(4) { order: 3; }
}


/* cancel membership -2 */
.cancel_membership_step2 { margin-top: 60px; }
.cancel_membership_step2 span {font-size: 16px; line-height: 25px;}

.submit-btn { background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none;}
.submit-btn label { font-weight: normal; }

.cancel_membership_step2 > ul:nth-of-type(1) > li { margin-bottom: 20px; }
.cancel_membership_step2 > ul:nth-of-type(2) > li:nth-of-type(1) { margin: 60px auto 10px; }

.cancel_membership_step2 > ul:nth-of-type(1) > li:nth-of-type(1) > span { font-weight: 500; }
.cancel_membership_step2 > ul:nth-of-type(2) > li:nth-of-type(1) > span { font-weight: 500; }


/***********************MY PAGE - ORDER / SHIPPING******************************/

/* 검색창 및 하단 */
/*@media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {
	.order_search_option { background-color: #e7e7e7; padding: 25px 5% 30px 5%; margin-bottom: 30px; width: 100%;}
	.order_search_option .order_search_option-title { color: #696969; font-size: 14px; font-weight: 500; float: left; display: inline-block; width: 100%; line-height: 30px; }
	.order_search_option .date { max-width: 330px; margin: 0 auto; width: 100%;}
	.order_search_option .order-ttl { max-width: 330px; margin: 20px auto 0; width: 100%;}
	.order_search_option .date .btns button { border: solid 1px #979797; background-color: #ffffff; padding: 3px 14px; margin: 0 5px 0 0; }
	.order_search_option .date .btns button:last-child { margin: 10px 0 0 0; }
	.order_search_option .date .btns button label { margin: 0; color: #696969; font-weight: normal; font-size: 12px; }
	.order_search_option .order-ttl .searching { margin: 15px 0 0 0; }
	.order_search_option .order-ttl .searching input[type="text"] { width: 100%; border-radius: 2px; border: solid 1px #979797; background-color: #ffffff; height: 27px; }
	.order_search_option .order-ttl .searching button { float: right; margin: 10px 0 35px 10px; background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; }
	.order_search_option .order-ttl .searching button label { font-weight: normal; }
	.order_search_option .order-ttl .calendar { margin: 20px auto 0 0; display: flex; width: 100%; justify-content: space-between;}
	.order_search_option .order-ttl .calendar .datepickers { text-indent: 6px; width: 100px; height: 28px; border-radius: 2px; background-color: #ffffff; border: solid 1px #979797; outline: none; font-size: 12px; color: #696969; }
	.order_search_option .order-ttl .calendar span { padding: 0 8px; }
	.order_search_option .order-ttl .calendar .dates { display: inline-block; position: relative; width: 101px; float: left; }
	.order_search_option .order-ttl .calendar .dates .calendar-img { position: absolute; border: none; padding: 4px 4px 2px 4px; background-color: #e7e7e7; right: 2px; top: 1px;}
	.order_search_option .order-ttl .calendar .dates .calendar-img .fa.fa-calendar { font-size: 15px;}
	.order_search_option .order-ttl .calendar-btn { float: right; margin: 0 0 0 10px; background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; }
	.order_search_option .order-ttl .calendar-btn label { font-weight: normal; }

	.order_list_wp .calendar-btn { margin: 0 0 10px 0; background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; float: left; }
  .order_list_wp .calendar-btn label { font-weight: normal; }


}

@media screen and (min-width: 768px) {
	.order_search_option { background-color: #e7e7e7; padding: 30px 47px; margin: 0 0 30px 0; display: inline-block; width: 100%; }
	.order_search_option .order_search_option-title { color: #696969; font-size: 14px; font-weight: 500; float: left; display: inline-block; width: 100%; line-height: 30px; }
	.order_search_option .date .btns button { border: solid 1px #979797; background-color: #ffffff; padding: 3px 14px; margin: 0 3px 0 0; height: 28px; }
	.order_search_option .date .btns button label { margin: 0; color: #696969; font-weight: normal; font-size: 12px; }
	.order_search_option .order-ttl { clear: none; margin: 0; }
	.order_search_option .order-ttl .searching { margin: 15px 0 0 0; display: flex; }
	.order_search_option .order-ttl .order_search_option-title { float: right; padding-right: 205px; width: unset;}
	.order_search_option .order-ttl .calendar { width: unset;}
	.order_search_option .order-ttl .searching input[type="text"] { max-width: 476px; width: 100%; border-radius: 2px; border: solid 1px #979797; background-color: #ffffff; height: 27px; }
	.order_search_option .order-ttl .searching button { float: initial; margin: 0 0 0 10px; background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; }
	.order_search_option .order-ttl .searching button label { font-weight: normal; }
	.order_search_option .date { width: 50%; float: left; max-width: none;}
	.order_search_option .date .btns { margin: -10px 0 0 0; padding: 0; display: inline-block; }
	.order_search_option .order-ttl { width: 50%; float: left; max-width: none;}  
	.order_search_option .order-ttl .calendar { margin: 0; display: inline-block; float: right;}
	.order_search_option .order-ttl .calendar .datepickers { text-indent: 6px; width: 100px; height: 28px; border-radius: 2px; background-color: #ffffff; border: solid 1px #979797; outline: none; font-size: 12px; color: #696969; }

	.order_search_option .order-ttl .calendar span { padding: 0 8px; float: left; }
	.order_search_option .order-ttl .calendar .dates { display: inline-block; position: relative; width: 101px; float: left; }
	.order_search_option .order-ttl .calendar .dates .calendar-img { position: absolute; border: none; padding: 4px 4px 2px 4px; background-color: #e7e7e7;}
	.order_search_option .order-ttl .calendar .dates .calendar-img .fa.fa-calendar { font-size: 15px;}
	.order_search_option .order-ttl .calendar-btn { margin: 0 0 0 10px; background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; float: left; }
	.order_search_option .order-ttl .calendar-btn label { font-weight: normal; }

	.order_list_wp .calendar-btn { margin: 0 0 0 10px; background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; float: left; }
  .order_list_wp .calendar-btn label { font-weight: normal; }
  
}


.order_list_bottom { margin: 50px 0; text-align: center;}
.order_list_bottom > .order_list_checkbox { display:block!important; width: 30px; float: left!important; text-align: center;}
.order_list_bottom > .order_list_receipt { width: calc(100% - 30px - 200px); float: left!important;}
.order_list_bottom > .order_list_paging { width: 100%; max-width: 350px; float: left!important;}

.order_list_bottom > .order_list_paging {border-radius: 6px; border: solid 1px #979797;  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);}
.order_list_bottom > .order_list_paging ul {width: 100%; display: flex; justify-content:space-between; flex-flow:wrap; padding: 0; margin: 0; background-color: #ffffff;}
.order_list_bottom > .order_list_paging > ul > li {float: left; padding: 5px;}
.order_list_bottom > .order_list_paging > ul > li span {color: #e7e7e7; font-size: 12px;}
.order_list_bottom > .order_list_paging > ul > li > .current{ color: #616161; background-color: unset; border-color: unset; border: 0;}
.order_list_bottom > .order_list_paging > ul > li > .next{ color: #616161;}

.checkbox_type1 input[type=checkbox] {margin: 0;}
.checkbox_type1 { width: 15px; height: 15px; position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox_mark {position: absolute;top: 0;left: 0;height: 15px;width: 15px;background-color: #ffffff;border-radius: 2px;border: solid 1px #979797;}
.checkbox_type1 input:checked ~ .checkbox_mark {background-color: #696969;}
.checkbox_mark:after {content: "";position: absolute;display: none;}
.checkbox_type1 input:checked ~ .checkbox_mark:after {display: block;}
.checkbox_type1 .checkbox_mark:after {left: 4px;top: 0px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.order_list_bottom .order_list_receipt .receipt-btn { background-color: #ED1C24; border-radius: 4px; width:181px; height:45px; line-height:28px; letter-spacing: 0.64px; color:#fff; font-size:18px;   border: none; float: left;}
.order_list_bottom .order_list_receipt .receipt-btn label { margin:0; }

/* 주문리스트 */
.order_list_wp { width: 100%; display: inline-block; }
.order_list_wp > div { width: 100%; padding: 30px 0; border-bottom:1px solid #d2d2d2; }
.order_list_wp > div:first-of-type { border-top:1px solid #d2d2d2;}
.order_list_wp > div:nth-of-type(2n + 1) { background-color: #f5f5f5; margin: 0; padding: 16px 16px 11px 16px;}
.order_list_wp > div:nth-of-type(2n) { background-color: #fcfcf9; margin: 0; padding: 16px;}

.order_list_wp > div > ul > li:nth-of-type(1) { width: 31px; height: 31px;float: left; }
.order_list_wp > div > ul > li:nth-of-type(2) { width: 128px; float: left; text-align: center; }
.order_list_wp > div > ul > li:nth-of-type(3) { width: calc(100% - 31px - 128px - 36%); float: left; padding-left: 20px; }
.order_list_wp > div > ul > li:nth-of-type(4) { width: calc(100% - 31px - 128px - 36%); float: left; padding-left: 20px; padding-top: 5px;}
.order_list_wp > div > ul > li:nth-of-type(5) { width: 36%; float: left;}

.order_list_wp > div > ul > li:nth-of-type(3) > span { width: 100%; color: #696969; padding-bottom: 5px; display: inline-block; font-size: 16px;}
.order_list_wp > div > ul > li:nth-of-type(3) > span:nth-of-type(2) { font-weight: bold; text-overflow: ellipsis; 	overflow: hidden; 	white-space: nowrap; padding: 4px 0 0 0;}
.order_list_wp > div > ul > li:nth-of-type(3) > span:last-of-type { padding-bottom: 6px;}
.order_list_wp > div > ul > li:nth-of-type(4) > span { color: #ED1C24; font-size: 24px; padding-bottom: 0; font-weight: bold;}

.order_list_wp > div > ul > li:nth-of-type(5) > div > span { color: #696969; font-size: 12px;}
.order_list_wp > div > ul > li:nth-of-type(5) > div > span:nth-of-type(2n + 1) { font-weight: 500;}
.order_list_wp > div > ul > li:nth-of-type(5) > div:nth-of-type(2n + 1) { width: 40%; text-align: right; float: left; padding-bottom: 11px;}
.order_list_wp > div > ul > li:nth-of-type(5) > div:nth-of-type(2n) { width: 60%; text-align: left; float: left; padding-left: 10px; padding-bottom: 11px;}

.order_list_wp > div > ul > li:nth-of-type(5) > div:nth-of-type(4)  { font-weight: 500;}
.order_list_wp > div > ul > li:nth-of-type(5) > div:nth-of-type(4) > .In_Production { color: #66bc56;}
.order_list_wp > div > ul > li:nth-of-type(5) > div:nth-of-type(4) > .Paid { }
.order_list_wp > div > ul > li:nth-of-type(5) > div:nth-of-type(4) > .File_Error { color: #f69301; }
.order_list_wp > div > ul > li:nth-of-type(5) > div:nth-of-type(4) > .Cancelled { color: #979797; }
.order_list_wp > div > ul > li:nth-of-type(5) > div:nth-of-type(4) > .Pending_Payment {  color: #e22929; }
.order_list_wp > div > ul > li:nth-of-type(5) > div:nth-of-type(4) > .Shipped { color: #00a19b; }

@media screen and (min-width: 768px) {
	.order_list_wp > div > ul { display: inline-block; margin: 0;}
	.order_list_wp > div > ul > li:nth-of-type(5) { margin-top: -87px;}
	.order_list_wp > div > ul > li:nth-of-type(2) > img {/*width: 100%;*/ max-width: 128px; max-height: 128px;}

}
@media screen and (max-width: 767px) {
	.order_list_wp > div > ul { display: flex; margin: 0;}
	.order_list_wp > div > ul > li:nth-of-type(2) > img {width: 100%; --max-width: 145px; padding-right: 15px;}

	.order_list_wp > div > ul	 { flex-basis: 100%; flex-grow: 1; flex-flow:wrap; width: 100%; margin: 0 auto; max-width: 336px;}
	.order_list_wp > div > ul > li:nth-of-type(1) { order: 4; width: 180px; float: left; display: inline-block; padding-top: 6px;}
/*	.order_list_wp > div > ul > li:nth-of-type(1):after { content: "Receipt"; color: #696969; font-size: 16px; padding-left: 10px;}*/
	.order_list_wp > div > ul > li:nth-of-type(2) { order: 2; width: 180px; float: left; display: inline-block; text-align: left; padding-bottom: 15px;}
	.order_list_wp > div > ul > li:nth-of-type(3) { order: 1; width: 100%; display: block; padding: 0 0 10px 0;}
	.order_list_wp > div > ul > li:nth-of-type(3) > span { padding: 0; }
	.order_list_wp > div > ul > li:nth-of-type(5) { order: 3; width: calc(100% - 180px); float: left; display: inline-block;}
	.order_list_wp > div > ul > li:nth-of-type(5) > div:nth-of-type(2n + 1) { text-align: left; width: 100%; padding-bottom: 5px;}
	.order_list_wp > div > ul > li:nth-of-type(5) > div:nth-of-type(2n) { text-align: left; width: 100%; padding-left: 0px; padding-bottom: 8px;}
  .order_list_wp > div > ul > li:nth-of-type(4) { order: 5; width: calc(100% - 180px); float: left; display: inline-block; padding: 0;}
  
  .order_list_bottom { margin: 60px 0 0 0;}
  .order_list_bottom > .order_list_checkbox { display:none!important; width: 30px; float: initial!important; text-align: center; }
  .order_list_bottom > .order_list_receipt {  width: 100%; float: initial!important; text-align: center;}
  .order_list_bottom > .order_list_paging { width: 100%; max-width: 350px; float: initial!important; margin: 20px auto 0 auto;}
  .order_list_bottom .order_list_receipt .receipt-btn { float:initial!important; font-size:16px; }

	.order_search_option .order_search_option-title {line-height: unset;}
}

.order_list_paging .fa {font-size: 19px;}
.order_list_paging .fa.fa-caret-left {--color: #e7e7e7;}

.pagination > li > a, .pagination > li > span { border: 1px solid #AAA; background-color: unset; color: #AAA; --width: 13px;}
.pagination>.active>span { background-color: #d2d2d2 !important; border-color: #AAA !important;}

/***********************MY PAGE - ORDER / SHIPPING - DETAIL******************************/

.order_details_status { width: 100%; display: inline-block; text-align: center; margin-bottom: 30px; }
.order_details_status > li { width: calc(100% / 6); border: 1px solid #696969; border-right: 0; background-color: #d2d2d2; padding: 3%; float: left;    height: 137px;  }
.order_details_status > li:last-of-type { border-right: 1px solid #696969; }
.order_details_status > li > img { width: 40px; height: auto; }
.order_details_status > li > span { display: block; font-size: 12px; color: #696969; }
.order_details_status > li > span:nth-of-type(2) { padding: 10px 0 0 0; }
.order_details_status > li.current {background-color: #ffffff; border-bottom: 3px solid #ED1C24; }
.order_details_status > li.current img { display:none;}
.order_details_status > li.current .current-img { background-repeat: no-repeat; background-size:40px; background-position:center ;  height: 40px; width: 40px; margin: 0 auto; }
.order_details_status > li.current:nth-of-type(1) .current-img {background-image:url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/order_shipping_status_11.svg");}
.order_details_status > li.current:nth-of-type(2) .current-img{background-image:url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/order_shipping_status_7.svg");}
.order_details_status > li.current:nth-of-type(3) .current-img{background-image:url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/order_shipping_status_12.svg");}
.order_details_status > li.current:nth-of-type(4) .current-img{background-image:url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/order_shipping_status_9.svg");}
.order_details_status > li.current:nth-of-type(5) .current-img{background-image:url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/order_shipping_status_10_1.svg");}
.order_details_status > li.current:nth-of-type(6) .current-img{background-image:url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/order_shipping_status_10.svg");}
.order_details_status > li.current span:nth-of-type(2) { color: #ED1C24; font-size:12px; }
.order_details_reloadbtn  { border:4px solid #ED1C24;  background-color:#fff; text-align: center; padding:24px 0; margin:0 0 30px 0;} 
.order_details_reloadbtn a { display: inline-block; width: 100%;}
.order_details_reloadbtn a { color:#ED1C24; font-size: 24px;}

@media screen and (max-width: 767px) {
  .order_details_status > li { width: 85%; margin: 0 auto 10px auto; float: unset; padding: 7px 0; border: 1px solid #696969; border-radius: 5px;height: auto;}
  .order_details_status > li.current  { border-bottom:1px solid #696969;  }
  .order_details_status > li.current .current-img {width:30px; height:30px; background-size:30px;}
  .order_details_status > li > span { display: inline-block; text-align: center;  vertical-align: middle; }
  .order_details_status > li span:nth-of-type(2) { width:135px; padding: 0; }
  .order_details_status > li > img { width: 30px; height: auto; }
  .order_details_reloadbtn { padding:10px 0; }
  .order_details_reloadbtn a { font-size: 18px;}
}

.order_details_content_tab { width: 100%; display: inline-block; text-align: center; margin-bottom: 30px; }
.order_details_content_tab > div { width: 100%; display: inline-block; max-width: 855px; }
.order_details_content_tab > div > ul.tabs { width: 100%; --width: 210px; display: block; float: right; margin: 0; margin-bottom: -7px; position: relative;}
.order_details_content_tab > div > ul.tabs > li { width: 70px; float: right; --float: left; border: 1px solid #696969;  border-radius: 10px 10px 0 0; text-align: center; padding: 10px 0 5px 0; font-size: 12px;  background-color: #e7e7e7;}
.order_details_content_tab > div > ul.tabs > li.on { border-bottom: 1px solid #e7e7e7;}
.order_details_content_tab > .tabs_cont { width: 100%; display: inline-block; }
.order_details_content_tab > .tabs_cont .tabs_cont_div { width: 100%; border: 1px solid #696969; max-width: 855px; margin: 0 auto; display: none; background-color: #e7e7e7;}

.order_details_cont { width: 70%; display: inline-block; float: left; }
.order_details_price { width: 30%; display: inline-block; float: left; margin-top: 23px; }
.order_details_cont > div > p { font-size: 14px; }
.order_details_cont > div { width: 100%; margin-bottom: 30px; display: inline-block; }
.order_details_cont > div > div > div { width: calc((100% / 3) - 25px); float: left; border: 1px solid #696969; margin: 0 20px 20px 0; height: 65px; display: flex; align-items: center; justify-content: center; }
.order_details_price > ul > li { width: 100%; display: inline-block; border-bottom: 1px solid #e7e7e7 }
.order_details_price > ul > li > div:nth-of-type(1) { width: 60%; display: inline-block; float: left; }
.order_details_price > ul > li > div:nth-of-type(2) { width: 40%; display: inline-block; float: left; text-align: right; }
.order_details_price > ul > li > div > span { font-size: 16px; color: #696969; line-height: 35px; }
.order_details_price > ul > li > div:nth-of-type(2) > span { color: #24326f; font-weight: 600; }
.order_details_price > ul > li > div > span.coral_two { color: #ED1C24; }
.order_details_price > ul > li > div > span.total_price { font-size: 24px; color: #ED1C24; }
.order_details_price > ul > li:last-of-type { border-bottom: 1px solid #ED1C24; padding: 10px 0;}

@media screen and (max-width: 767px) {
	.order_details_cont { width: 100%; }
	.order_details_price { width: 100%; }
	.order_details_cont > div > div > div { width: 100%; margin: 0 auto 10px auto; }
}

.order_details_order_info { width: 100%; display: inline-block; font-size: 16px; line-height: 35px; margin-bottom: 50px; }
.order_details_order_info > div { width: 100%; display: inline-block; border-bottom: 1px solid #696969; font-weight: 500; color: #696969; }
.order_details_order_info ul { width: 100%; display: inline-block; }
.order_details_order_info ul li div:nth-of-type(2) span { color: #696969; }

@media screen and (min-width: 768px) {
	.order_details_order_info ul li { border-bottom: 1px solid #e7e7e7; width: 100%; display: inline-block; }
	.order_details_order_info ul li div:nth-of-type(1) { width: 20%; display: inline-block; float: left; font-weight: 500; color: #696969; }
	.order_details_order_info ul li div:nth-of-type(2) { width: 80%; display: inline-block; float: left; }
}

@media screen and (max-width: 767px) {
	.order_details_order_info ul li div { width: 100%; display: inline-block; border-bottom: 1px solid #e7e7e7; }
	.order_details_order_info ul li div:nth-of-type(1) { color: #24326f; font-weight: 500; background-color: #f5f5f5; padding-left: 10px;}
	.order_details_order_info ul li div:nth-of-type(2) { padding-left: 10px; }
	.round_corner span { display: block; border-bottom: 1px solid #e7e7e7; }
}

.order_details_order_info_type2 { width: 100%; display: inline-block; font-size: 16px; line-height: 35px; margin-bottom: 50px; }
.order_details_order_info_type2 > div { width: 100%; display: inline-block; border-bottom: 1px solid #696969; margin-bottom: 10px; font-weight: 500; color: #696969; }
.order_details_order_info_type2 ul { width: 100%; display: inline-block; }
.order_details_order_info_type2 ul li div:nth-of-type(2) span { color: #696969; }

@media screen and (min-width: 768px) {
	.order_details_order_info_type2 ul li { border-bottom: 1px solid #e7e7e7; width: 100%; display: inline-block; }
	.order_details_order_info_type2 ul li div:nth-of-type(1) { width: 20%; display: inline-block; float: left; font-weight: 500; color: #696969; }
	.order_details_order_info_type2 ul li div:nth-of-type(2) { width: 80%; display: inline-block; float: left; }
	.order_details_order_info_type2 ul li:nth-of-type(2) div:nth-of-type(2n + 1) { width: 20%; float: left; font-weight: 500; color: #696969; }
	.order_details_order_info_type2 ul li:nth-of-type(2) div:nth-of-type(2n) { width: 30%; float: left; }
	.order_details_order_info_type2 ul li:nth-of-type(3) div:nth-of-type(2n + 1) { width: 20%; float: left; font-weight: 500; color: #696969; }
	.order_details_order_info_type2 ul li:nth-of-type(3) div:nth-of-type(2n) { width: 30%; float: left; }
	.order_details_order_info_type2 ul li:nth-of-type(4) div:nth-of-type(2n + 1) { width: 20%; float: left; font-weight: 500; color: #696969; }
	.order_details_order_info_type2 ul li:nth-of-type(4) div:nth-of-type(2n) { width: 30%; float: left; }
}

@media screen and (max-width: 767px) {
	.order_details_order_info_type2 ul li div { width: 100%; display: inline-block; border-bottom: 1px solid #e7e7e7; }
	.order_details_order_info_type2 ul li div:nth-of-type(1) { color: #24326f; font-weight: 500; background-color: #f5f5f5; padding-left: 10px;}
	.order_details_order_info_type2 ul li div:nth-of-type(2) { padding-left: 10px; } 
	.order_details_order_info_type2 ul li:nth-of-type(2) div:nth-of-type(2n + 1) { width: 100%; font-weight: 500; color: #24326f; background-color: #f5f5f5; padding-left: 10px;}
	.order_details_order_info_type2 ul li:nth-of-type(2) div:nth-of-type(2n) { width: 100%; padding-left: 10px; }
	.order_details_order_info_type2 ul li:nth-of-type(3) div:nth-of-type(2n + 1) { width: 100%; font-weight: 500; color: #24326f; background-color: #f5f5f5; padding-left: 10px;}
	.order_details_order_info_type2 ul li:nth-of-type(3) div:nth-of-type(2n) { width: 100%; padding-left: 10px; }
	.order_details_order_info_type2 ul li:nth-of-type(4) div:nth-of-type(2n + 1) { width: 100%; font-weight: 500; color: #24326f; background-color: #f5f5f5; padding-left: 10px;}
	.order_details_order_info_type2 ul li:nth-of-type(4) div:nth-of-type(2n) { width: 100%; padding-left: 10px; }
	.round_corner span { display: block; border-bottom: 1px solid #e7e7e7; }
}

.order_details_cancel .receipt-btn { background-color: #ED1C24; border-radius: 4px; width:181px; height:45px; letter-spacing: 0.64px; color:#fff; font-size:18px;   border: none;}

@media screen and (max-width: 767px) {
	.order_details_cancel { text-align: center;}
}
/* Status 상태 확인용 css */
.order_details_status_title { width: 100%; padding: 10px 0; }
.order_details_status_title span { font-size: 12px; line-height: 25px; font-weight: normal; }
.order_details_status_title .In_Production { color: #66bc56; }
.order_details_status_title .Paid {  }
.order_details_status_title .File_Error { color: #f69301; }
.order_details_status_title .Cancelled { color: #979797; }
.order_details_status_title .Pending_Payment { color: #e22929; }
.order_details_status_title .Shipped { color: #00a19b; }

/***************MYPAGE - ADDITIONAL CHARGES*****************/
/*검색창*/
/*@media screen and (min-width: 360px) {*/
	.order_search_option-add { background-color: #e7e7e7; padding: 30px 47px; margin-bottom: 30px; width: 100%; display: inline-block;}
	.order_search_option-add .order_search_option-title { color: #696969; font-size: 14px; font-weight: 500; float: left; display: inline-block; width: 100%; line-height: 30px; }
	.order_search_option-add .order-ttl-add .order_search_option-title { color: #696969; font-size: 14px; font-weight: 500; float: right; display: inline-block; line-height: 30px; padding-right: 205px; width: unset;}
	
	.order_search_option-add .date-add { width: 50%; float: left; max-width: none; }
	.order_search_option-add .order-ttl-add { width: 50%; float: left; max-width: none; }
	.order_search_option-add .order-ttl-add .searching-add { margin-top: 10px; float: right; display: inline-block;}
	.order_search_option-add .order-ttl-add .searching-add input[type="text"] { width: 227px; border-radius: 2px; border: solid 1px #979797; background-color: #ffffff; height: 27px; }
	.order_search_option-add .order-ttl-add .searching-add-btn { --float:right; margin: 0 0 0 5px; font-size: 12px; background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color:#fff; border:none;}
	.order_search_option-add .order-ttl-add .searching-add-btn label {font-weight: normal; }
	.order_search_option-add .date-add .btns { margin: -10px 0 0 0; padding: 0; display: inline-block; width: 100%;}
	.order_search_option-add .date-add .btns button { border: solid 1px #979797; background-color: #ffffff; padding: 3px 14px; margin: 0 5px 0 0; font-size: 12px;}
	.order_search_option-add .date-add .btns button:last-child { margin: 10px 0 0 0; }
	.order_search_option-add .date-add .btns button label { margin: 0; color: #696969; font-weight: normal; font-size: 12px; }
	.order_search_option-add .order-ttl-add .searching { margin: 15px 0 0 0; }
	.order_search_option-add .order-ttl-add .searching input[type="text"] { width: 100%; border-radius: 2px; border: solid 1px #979797; background-color: #ffffff; height: 27px; }
	.order_search_option-add .order-ttl-add .searching button { float: right; margin: 10px 0 35px 10px; background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; }
	.order_search_option-add .order-ttl-add .searching button label { font-weight: normal; }
	.order_search_option-add .order-ttl-add .calendar { 0margin: 20px auto 0 0; display:inline-block ; --width: 100%; float: right; }
	.order_search_option-add .order-ttl-add .calendar .order_search_option-title { display:none; }
	.order_search_option-add .order-ttl-add .calendar .datepickers { text-indent: 6px; width: 100px; height: 28px; border-radius: 2px; background-color: #ffffff; border: solid 1px #979797; outline: none; font-size: 12px; color: #696969; }
	.order_search_option-add .order-ttl-add .calendar span { padding: 0 8px; float: left;}
	.order_search_option-add .order-ttl-add .calendar .dates { display: inline-block; position: relative; width: 101px; float: left; }
/*	.order_search_option-add .order-ttl-add .calendar .dates .calendar-img { position: absolute; top: 1px; right: 2px; border: none; } */
	.order_search_option-add .order-ttl-add .calendar .dates .calendar-img { position: absolute; border: none; padding: 4px 4px 2px 4px; background-color: #e7e7e7; right: 2px; top: 1px;}
	.order_search_option-add .order-ttl-add .calendar-btn { float: right; margin: 0 0 0 10px; background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; }
	.order_search_option-add .order-ttl-add .calendar-btn label { font-weight: normal; }


	.order_list_wp_add .calendar-btn { margin: 0 0 10px 0; background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; float: left; }
	.order_list_wp_add .calendar-btn label { font-weight: normal; }
}

@media screen and (min-width: 768px) {
	.order_search_option-add { background-color: #e7e7e7; padding: 30px 47px; margin: 0 0 30px 0; display: inline-block; width: 100%; }
	.order_search_option-add .order_search_option-title { color: #696969; font-size: 14px; font-weight: 500; float: left; display: inline-block; width: 135px; line-height: 30px; }
	.order_search_option-add .order-ttl-add .order_search_option-title { float: right; padding-right: 205px; width: unset; }
	.order_search_option-add .date-add .btns button { border: solid 1px #979797; background-color: #ffffff; padding: 3px 14px; margin: 0 3px 0 0; height: 27px; font-size: 12px;}
	.order_search_option-add .date-add .btns button label { margin: 0; color: #696969; font-weight: normal; font-size: 12px; }
	.order_search_option-add .order-ttl-add { clear: none; margin: 0; }
	.order_search_option-add .order-ttl-add .searching-add { float: right;}
	.order_search_option-add .order-ttl-add .searching-add input[type="text"] { width:230px; }
	.order_search_option-add .order-ttl-add .searching-add-btn { float:none; margin: 0 0 0 5px; }
	.order_search_option-add .order-ttl-add .searching { margin: 15px 0 0 0; display: flex; }
	.order_search_option-add .order-ttl-add .searching input[type="text"] { max-width: 476px; width: 100%; border-radius: 2px; border: solid 1px #979797; background-color: #ffffff; height: 27px; }
	.order_search_option-add .order-ttl-add .searching button { float: initial; margin: 0 0 0 10px; background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; }
	.order_search_option-add .order-ttl-add .searching button label { font-weight: normal; }
	.order_search_option-add .date-add { width: 50%; float: left; max-width: none;}
	.order_search_option-add .date-add .btns { margin: -10px 0 0 0; padding: 0; display: inline-block; width: 100%;}
	.order_search_option-add .order-ttl-add { width: 50%; float: left; max-width: none;}
	.order_search_option-add .order-ttl-add .calendar .order_search_option-title { display:block; }
	.order_search_option-add .order-ttl-add .calendar { margin: 0; display: inline-block; width: unset; float: right;}
	.order_search_option-add .order-ttl-add .calendar .datepickers { text-indent: 6px; width: 100px; height: 28px; border-radius: 2px; background-color: #ffffff; border: solid 1px #979797; outline: none; font-size: 12px; color: #696969; }

	.order_search_option-add .order-ttl-add .calendar span { padding: 0 8px; float: left; }
	.order_search_option-add .order-ttl-add .calendar .dates { display: inline-block; position: relative; width: 101px; float: left; }
		.order_search_option-add .order-ttl-add .calendar .dates .calendar-img { position: absolute; top: 1px; right: 2px; border: none; }
	.order_search_option-add .order-ttl-add .calendar-btn { margin: 0 0 0 10px; background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; float: left; }
	.order_search_option-add .order-ttl-add .calendar-btn label { font-weight: normal; }

	.order_list_wp_add .calendar-btn { margin: 0 0 0 10px; background-color: #ED1C24; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; float: left; }
	.order_list_wp_add .calendar-btn label { font-weight: normal; }
}

/*주문리스트*/
.order_list_bottom_add { margin: 20px 0;}
.order_list_bottom_add > .order_list_checkbox { width: 30px; float: left; text-align: center; padding:0 2%; position: relative;}

.checkbox_type1 input[type=checkbox] {margin: 0; cursor: pointer; position: absolute; top: 1px; left: 1px;}
.checkbox_type1 { width: 15px; height: 15px; position: relative;cursor: unset;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox_mark {position: absolute;top: 0;left: 0;height: 15px;width: 15px;background-color: #ffffff;border-radius: 2px;border: solid 1px #979797;}
.checkbox_type1 input:checked ~ .checkbox_mark {background-color: #ED1C24;}
.checkbox_mark:after {content: "";position: absolute;display: none;}
.checkbox_type1 input:checked ~ .checkbox_mark:after {display: block;}
.checkbox_type1 .checkbox_mark:after {left: 4px;top: 0px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.order_list_bottom_add .order_list_receipt .receipt-btn { margin: 0 0 0 15px; background-color: #ED1C24; border-radius: 4px; width:100px; height:28px; line-height:28px; letter-spacing: 0.64px; color:#fff; font-size:12px;   border: none; float: left; }
.order_list_bottom_add .order_list_receipt .receipt-btn label { font-weight: normal;}

.order_list_wp_add { width: 100%; display: inline-block; }
.order_list_wp_add .order_list_wp_add_row:first-child { background-color:#24326f!important; border-top:0 !important; border-bottom:0 !important;}
.order_list_wp_add .order_list_wp_add_row:first-child li {color:#fff; font-size:14px; font-weight: 500; }
.order_list_wp_add .order_list_wp_add_row ul { display: flex; margin-bottom: 0;}
.order_list_wp_add .order_list_wp_add_row ul li {  font-size:12px; padding:2% 0; text-align: center; }
.order_list_wp_add .order_list_wp_add_row:nth-child(odd) {  background-color: #f5f5f5; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(1) {flex-basis:5.6% ; text-align: center; --background-color: #e6e6e6;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(2) {flex-basis:10% ; text-align: left;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(3) { flex-basis:10% ; text-align: center; --background-color: #e6e6e6;;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(4) { flex-basis:31.1% ;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(5) { flex-basis:13.3% ; --background-color: #e6e6e6;;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(6) { flex-basis:15% ;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(7) { flex-basis:15% ; --background-color: #e6e6e6;;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(8) { flex-basis:0% ;}


@media screen and (max-width: 767px) {
.order_list_wp_add .order_list_wp_add_row { padding:5%;}
.order_list_wp_add .order_list_wp_add_row:nth-child(2) { border-top:1px solid #d2d2d2;}
.order_list_wp_add .order_list_wp_add_row:first-child { background-color:#24326f!important; display:none;}
.order_list_wp_add .order_list_wp_add_row ul { flex-flow: wrap;}
.order_list_wp_add .order_list_wp_add_row ul li { text-align: left; font-size: 12px;}
.order_list_wp_add .order_list_wp_add_row:nth-child(even) {  background-color: #f5f5f5; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.order_list_wp_add .order_list_wp_add_row:nth-child(odd) {  background-color: transparent; border:none; }
.order_list_wp_add .order_list_wp_add_row:last-child {  border-bottom:1px solid #d2d2d2;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(1) {flex-basis:100% ; order:8; text-align: left;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(1):after { content:'Select Order'; margin:0 0 0 10px;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(2) {flex-basis:50% ; order:1;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(3) { flex-basis:50% ; order:2;text-align: right;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(4) { flex-basis:100% ; order:3; font-weight: 500;font-size: 14px;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(5) { flex-basis:50% ; order:4;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(5):before { content:'Quantity:'; }
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(6) { flex-basis:50% ; order:6;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(6):before {content:'Total Cost:';}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(7) { flex-basis:50% ;order:5;color:#ED1C24;text-align: right;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(7):before { content:'To be Paid:'; color:#ED1C24; }
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(8) { flex-basis:50% ; order:7;text-align: right;}
.order_list_wp_add .order_list_wp_add_row ul li:nth-child(8):before { content:'Waived:'; }
}

/***************MYPAGE - REVIEW LIST *****************/

/*@media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {
  .review-count { font-size: 18px;font-weight: 500; margin:50px 0 0 0; }  
  .review-count span { color:#ED1C24; }
  .review-list-box { display:inline-block; width:100%; margin:50px 0 0 0;}
  .review-list-box li {  margin:0 0 40px 0; float:left; padding:6%;  width:100%; min-height: 294px; height: 100%; border: solid 1px #979797;   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);  background-color: #ffffff; border-radius: 4px;}
  .review-list-box li a { color:#ED1C24; text-decoration: underline; font-size:12px; }
  .review-list-box li .review-img { text-align: center;}
  .review-list-box li .review-img img { width:100%; }
  .review-list-box li .review-title { margin:10px 0; font-size:16px;}
  .review-list-box li .review-text {white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size:12px; margin: 0 0 15px 0;}
  .review-list-box li .review-bottom .review-star { float:right; }
  .review-list-box li .review-bottom .review-star img { float:left; width:13px; margin: 0 2px 0 0; }
  .review-list-box li:nth-child(3n-1) { margin: 0 0 40px 0; }
  .order_list_bottom_review { margin:0 auto; width: 100%; max-width: 200px;}
  }
  
  @media screen and (min-width: 500px) {
    .review-list-box li {  width:47.5%; padding:4%;}
    .review-list-box li:nth-child(2n-1) { margin: 0 5% 40px 0; }
    .order_list_bottom_review {float: right;  }
  }
  
  @media screen and (min-width: 768px) {
    .review-list-box li {  width:30%; padding:2%;}
  .review-list-box li:nth-child(2n-1) { margin: 0 0 40px 0; }
  .review-list-box li:nth-child(3n-1) { margin: 0 5% 40px 5%; }
  }
  
  
/***************MYPAGE - REVIEW FORM *****************/

.review-write .review-write-form { margin:60px 0 0 0; }
.review-write .review-write-form li { display:inline-block; width:100%; margin:0 0 20px 0; }
.review-write .review-write-form li > div { font-size:16px; color: #696969; display:inline-block; }
.review-write .review-write-form li > div:nth-of-type(2n+1) { width: 150px; float: left;  font-weight: 500;   margin: 5px 0 9px 0px;}
.review-write .review-write-form li > div:nth-of-type(2n) { width: calc(100% - 150px); float: left;}
.review-write .review-write-form li .order_1 { float: left; width: 250px;}
.review-write .review-write-form li .order_2 { float: left; }
.review-write .review-write-form li > div.ask-quiry-char { width: 100%; }

.review-write .review-write-form li input[type="text"] { color:#696969; height: 34px; border:1px solid #979797; background-color: #fff; border-radius: 2px; text-indent: 5px; font-weight: 300; }
.review-write .review-write-form li input[type="text"]::placeholder {  color:#D2D2D2; }

.review-write .review-write-form li:nth-of-type(1) input[type="text"] { max-width:250px; width:100%; }
.review-write .review-write-form li:nth-of-type(2) input[type="text"] { max-width:500px; width:100%; }
.review-write .review-write-form li:nth-of-type(2) input[type="text"]::placeholder { font-size: 14px !important; line-height: 1.42857143 !important; font-weight: 300 !important; }
.review-write .review-write-form li:nth-of-type(3) .review-write-star {	margin-top: 3px; }
.review-write .review-write-form li:nth-of-type(3) .review-write-star .radio-inline { margin-right: 15px; }
.review-write .review-write-form li:nth-of-type(3) .review-write-star .radio-inline input[type=radio] { margin-top: 6px; }

.review-write .review-write-form li:nth-of-type(3) .review-write-star img { width:15px; }
.review-write .review-write-form li:nth-of-type(4) textarea  { font-weight:normal; color:#696969; width:100%; height:195px; white-space: pre-line; padding:10px;}
.review-write .review-write-form button.orderselect { width:99px; height:27px; font-size:12px; background-color:#696969;  color:#fff; text-align: center; border-radius: 2px; border:none; margin-left: 10px;}
.review-write .review-write-form button.submit { float: right; width:155px; height:45px; font-size:18px; background-color:#ED1C24;  color:#fff; text-align: center; line-height: 45px; border-radius: 4px; border:none; }

@media screen and (max-width: 767px) {
.review-write .review-write-form li {margin:20px 0; }
.review-write .review-write-form li:nth-of-type(1) { margin: 0; }
.review-write .review-write-form li > div:nth-of-type(2n+1) { width: 100%;}
.review-write .review-write-form li > div:nth-of-type(2n) { width: 100%; text-align: left;}
.review-write .review-write-form li .order_1 { width: 100%;}
.review-write .review-write-form li .order_2 { width: 100%; text-align: right;}
.review-write .review-write-form li:nth-of-type(1) input[type="text"] {width: 100%; max-width: unset;}
.review-write .review-write-form li select {width: 100%; max-width: unset;}
.review-write .review-write-form li:nth-of-type(3) input[type="text"] {width: 100%; max-width: unset;}
.review-write .review-write-form li:nth-of-type(4) div:nth-child(2){ text-align:center; margin:30px 0 0 0;}
.review-write .review-write-form button.orderselect { margin:10px 0 0 0; }
.review-write .review-write-form button.submit { float: unset; margin-top: 10px; width: 160px; height: 45px; font-size: 18px;line-height: 45px;}

.order_search_option-add .date-add { max-width: 330px; margin: 0 auto; width: 100%; float: unset;}
.order_search_option-add .order-ttl-add { max-width: 330px; margin: 20px auto 0; width: 100%; float: unset;}
}

/* File Drop Zone - 공통 사용할 듯 합니다. 확인 필요. */
/*.file-dropzone-qmodo {width: 355px;height: 80px;border: 4px solid #ED1C24;background-color: #ffffff;display: block;vertical-align: top;cursor: pointer;text-align: center;padding: 18px;}
.file-dropzone-qmodo input[type='file'] {display: none;}
.file-dropzone-qmodo span {display: block;}*/
.file-dropzone-red {width: 355px;height: 80px;border: 4px solid #ED1C24;background-color: #ffffff;display: block;vertical-align: top;cursor: pointer;text-align: center;padding: 18px;}
.file-dropzone-red input[type='file'] {display: none;}
.file-dropzone-red span {display: block;}
.review-write .review-write-form li.review-write-form_bottom > div:nth-of-type(n) { width: 50%; float: left;}
.mypage-6-pc_mb .ask-quiry-form li.ask-quiry-form_bottom > div:nth-of-type(n) { width: 50%; float: left;}
.file-dropzone-icon {font-size: 24px;color: #ED1C24;}
.file-dropzone-info {display: inline-block;font-size: 12px;line-height: 1.5;color: #777777;text-align: center;width: 355px;margin-top: 10px;}

@media screen and (max-width: 767px) {
.review-write .review-write-form li.review-write-form_bottom > div:nth-of-type(n) { width: 100%; text-align:center; }
.file-dropzone-red {width: 100%;}
.file-dropzone-info { width: 100%; }
}

/***************MYPAGE - REVIEW WRITE *****************/

.review-board-top { position: relative; }
.review-board-top .review-edit { position:absolute; right:0; top:0;}
.review-board-top .review-edit span  { color:#ED1C24; font-size:12px; padding: 0 7px; display: inline-block; height: 15px;}
.review-board-top .review-edit button {padding: 5px 10px;background-color: #ED1C24;border:0px; border-radius:5px; color: #FFFFFF; font-weight: bold;}

.review-board-con { display:flex; flex-flow: wrap;}
.review-board-con .review-board-title { flex-basis: 50%; order:1;font-size: 18px;font-weight: 500; margin: 3% 0 3% 0;} 
.review-board-con .review-board-star { flex-basis: 50%;  order:2; margin: 3% 0 3% 0;}
.review-board-con .review-board-text { width: 50%; order:3;font-size: 16px; padding:0 4% 0 0; word-break:keep-all; word-wrap:break-word; max-width: 427.5px;}
.review-board-con .review-board-text img { max-width: 100%;}
.review-board-con .review-board-img { flex-basis: 50%; order:4;}
.review-board-con .review-board-img img { width:100%; }
.review-board-con .review-board-star img { float:left;  width:25px; margin:0 5px 0 0; }

.review-board-bottom {  margin:70px 0 0 0; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding:2% 0; text-align: center;}
.review-board-bottom a:first-child { float: left; color: #e7e7e7;}
.review-board-bottom a:nth-child(2) { color:#ED1C24; font-size: 12px;}
.review-board-bottom a:last-child { float: right;color: #696969;}


@media screen and (max-width: 767px) {
.review-board-top { height:80px;}
.review-board-top .review-edit { left:-7px; bottom:0;top: auto;  display: inline; width: max-content; height: fit-content; }

.review-board-con .review-board-title { flex-basis: 100%; order:2; margin: 7% 0 6% 0; } 
.review-board-con .review-board-star { flex-basis: 100%;  order:1; margin: 9% 0 0 0;}
.review-board-con .review-board-text { flex-basis: 100%; order:3;font-size: 16px; padding: 0; margin: 0 0 7% 0; max-width: 767px;}
.review-board-con .review-board-img { flex-basis: 100%; order:4;}
.review-board-bottom  { position: relative;height: 3em;}
.review-board-bottom a:first-child,.review-board-bottom a:last-child  { font-size:12px; }
.review-board-bottom a:nth-child(2) { position:absolute; bottom:-45px; left:50%; transform: translate(-50%, -50%); }

}


/***************MYPAGE - Ask inquiry  1 *****************/

	/* Consultation, Returns / Refunds */
	.mypage-4-pc_mb .request-inner-title { border-bottom:1px solid #d2d2d2; display: inline-block; width: 100%; margin-bottom: 20px;}
	.mypage-4-pc_mb .request-inner-title .inner-title { border: 0; float: left; margin: 0;}
	.mypage-4-pc_mb .request-inner-title h2 { margin: 0 !important; }
	.mypage-4-pc_mb .request-inner-title .request-btn { background-color: #ED1C24; border-radius: 4px; width: 145px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; float: right;}
	.mypage-4-pc_mb .request-inner-title .request-btn label { font-weight: normal; }

	.mypage-4-pc_mb .wishlist-wp .wishlist-group .request-btn_waiting { background-color: #00a19b; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none;}
	.mypage-4-pc_mb .wishlist-wp .wishlist-group .request-btn_waiting label { font-weight: normal; }
	.mypage-4-pc_mb .wishlist-wp .wishlist-group .request-btn_complete { background-color: #696969; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none;}
	.mypage-4-pc_mb .wishlist-wp .wishlist-group .request-btn_complete label { font-weight: normal; }

  .mypage-4-pc_mb .wishlist-wp { display: inline-block; width: 100%;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group { margin: 0; }
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li { display:flex;}

	.mypage-4-pc_mb .wishlist-wp .wishlist-group li:first-child { background-color:#24326f!important; display:flex;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li:first-child div { color:#fff;font-size: 14px;font-weight: 500; }
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li:nth-child(odd) { background-color: #f5f5f5; border-top:1px solid #d2d2d2;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li:nth-child(even) { background-color: #fcfcf9; border-top:1px solid #d2d2d2; }
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div { text-align:center; line-height: 28px; padding:10px 0; margin: 0; font-size: 16px; color: #696969;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li.wishlist-first div.wishlist-supportarea, 
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li.wishlist-first div.wishlist-subject-2 { color:#fff; }

  @media screen and (min-width: 768px) {
		/* Consultation - 제목 넓이 */
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-orderno { width:15%; }
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-supportarea { width:20%;	}
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-subject { width:35%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden; text-align: left;}
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-submitted { width:15%; }
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-status { width:15%; }
		/* Returns / Refunds - 제목 넓이 */
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-subject-2 { width:55%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden; text-align: left;}

	}
  @media screen and (max-width: 767px) {
		.mypage-4-pc_mb .request-inner-title { border-bottom:0; text-align:center;}
		.mypage-4-pc_mb .request-inner-title .inner-title { width: 100%; border-bottom:1px solid #d2d2d2; text-align: left;}
		.mypage-4-pc_mb .request-inner-title .request-btn { float: unset; display: inline-block; margin: 20px auto 0;}

		.mypage-4-pc_mb .wishlist-wp .wishlist-group li.wishlist-first { display: none; }
		/* Consultation - 내용 높낮이 */
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li.wishlist-consultation { flex-flow:column wrap; height: 135px; padding: 10px;}
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li div { line-height: 25px; padding: 0; font-size: 12px; color: #696969;}
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-orderno { order:1; width:40%; text-align: left; padding-right: 10px; font-weight: 500;}
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-supportarea { order:2; width:40%; text-align: left; padding-right: 10px; font-weight: 500;}
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-subject { order:5; width:100%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden; font-size: 16px; padding-top: 10px;}
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-submitted { order:3; width:40%; text-align: left; padding-right: 10px; }
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-status { order:4; width:; float: right; position: absolute; right: 0; padding: 7px 30px 0 0;}

		/* Returns / Refunds - 내용 높낮이 */
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li.wishlist-returns_refunds { flex-flow:column wrap; height: 108px; padding: 10px;}
		.mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-subject-2 { order:4; width:100%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden; font-size: 16px; padding-top: 10px;}
	}


/***************MYPAGE - Ask inquiry  1-1 *****************/

.mypage-4-pc_mb .request-inner-title { border-bottom:1px solid #d2d2d2; display: inline-block; width: 100%; margin-bottom: 15px;}
.mypage-4-pc_mb .request-inner-title .inner-title { border: 0; float: left; margin: 0;}
.mypage-4-pc_mb .request-inner-title h2 { margin: 0 !important; }
.mypage-4-pc_mb .request-inner-title .request-btn { background-color: #ED1C24; border-radius: 4px; width: 145px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; float: right;}
.mypage-4-pc_mb .request-inner-title .request-btn label { font-weight: normal; }

.mypage-4-pc_mb .wishlist-wp .wishlist-group .request-btn_waiting { background-color: #00a19b; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none;}
.mypage-4-pc_mb .wishlist-wp .wishlist-group .request-btn_waiting label { font-weight: normal; }

.mypage-4-pc_mb .wishlist-wp .wishlist-group .request-btn_complete { background-color: #696969; border-radius: 4px; width: 87px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none;}
.mypage-4-pc_mb .wishlist-wp .wishlist-group .request-btn_complete label { font-weight: normal; }


.mypage-4-pc_mb .wishlist-wp { display: inline-block; width: 100%;}
.mypage-4-pc_mb .wishlist-wp .wishlist-group { margin: 0; }
.mypage-4-pc_mb .wishlist-wp .wishlist-group li { display:flex;}

.mypage-4-pc_mb .wishlist-wp .wishlist-group li:first-child { background-color:#24326f!important; display:flex;}
.mypage-4-pc_mb .wishlist-wp .wishlist-group li:first-child div { color:#fff;font-size: 14px;font-weight: 500; }
.mypage-4-pc_mb .wishlist-wp .wishlist-group li:nth-child(odd) { background-color: #f5f5f5; border-top:1px solid #d2d2d2;}
.mypage-4-pc_mb .wishlist-wp .wishlist-group li:nth-child(even) { background-color: #fcfcf9; border-top:1px solid #d2d2d2; }

.mypage-4-pc_mb .wishlist-wp .wishlist-group li div { text-align:center; line-height: 28px; padding:10px 0; margin: 0; font-size: 16px; color: #696969;}


@media screen and (min-width: 768px) {
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div:nth-child(1) { width:15%; }
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div:nth-child(2) { width:20%; color: #484848; font-weight: 500;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div:nth-child(3) { width:35%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div:nth-child(4) { width:15%; }
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div:nth-child(5) { width:15%; }
}
@media screen and (max-width: 767px) {
  .mypage-4-pc_mb  { width: auto; margin: 0 auto;}
  .mypage-4-pc_mb .request-inner-title { border-bottom:0; text-align:center;}
  .mypage-4-pc_mb .request-inner-title .inner-title { width: 100%; border-bottom:1px solid #d2d2d2; text-align: left;}
  .mypage-4-pc_mb .request-inner-title .request-btn { float: unset; display: inline-block; margin: 20px auto 0;}

  .mypage-4-pc_mb .wishlist-wp .wishlist-group li.wishlist-first { display: none; }

  .mypage-4-pc_mb .wishlist-wp .wishlist-group li { flex-flow:column wrap-reverse; height: 110px;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div { line-height: 25px; padding: 0; font-size: 12px; color: #696969;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div:nth-child(1) { order:1; width:; text-align: right; padding-right: 10px; font-weight: 500;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div:nth-child(2) { order:2; width:; text-align: right; padding-right: 10px; font-weight: 500;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div:nth-child(3) { order:4; width:100%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden; font-size: 16px;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div:nth-child(4) { order:3; width:; text-align: right; padding-right: 10px; }
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div:nth-child(5) { order:5; width:; margin-top: 20px; position: absolute; left: 20px; left: calc(50% - 175px  ); }
}

/***************MYPAGE - Ask inquiry  2 *****************/

.mypage-6-pc_mb .ask-quiry-form { margin:60px 0 0 0; }
.mypage-6-pc_mb .ask-quiry-form li { display:inline-block; width:100%; margin:0 0 20px 0; }
.mypage-6-pc_mb .ask-quiry-form li > div { font-size:16px; color: #696969; display:inline-block; }
.mypage-6-pc_mb .ask-quiry-form li > div:nth-of-type(2n+1) { width: 150px; float: left; line-height: 27px;}
.mypage-6-pc_mb .ask-quiry-form li > div:nth-of-type(2n) { width: calc(100% - 150px); float: left;}

.mypage-6-pc_mb .ask-quiry-form li .order_1 { float: left; width: 250px;}
.mypage-6-pc_mb .ask-quiry-form li .order_2 { float: left; }
.mypage-6-pc_mb .ask-quiry-form li > div.ask-quiry-char { width: 100%; }


.mypage-6-pc_mb .ask-quiry-form li input[type="text"] { color:#696969; height: 28px; line-height: 28px; border:1px solid #979797; background-color: #fff; border-radius: 2px; font-weight: normal; }
.mypage-6-pc_mb .ask-quiry-form li input[type="text"]::placeholder {  color:#D2D2D2; }
.mypage-6-pc_mb .ask-quiry-form li select { height: 28px; border: 1px solid #999; border-radius: 2px; color: #d2d2d2; max-width:250px; width:100%; background-color: #ffffff; padding-bottom: 2px; text-indent: 5px; font-size: 14px;}
.mypage-6-pc_mb .ask-quiry-form li:nth-of-type(1) input[type="text"] { max-width:250px; width:100%; padding: 0px 8px 2px 8px; font-size: 14px; }
.mypage-6-pc_mb .ask-quiry-form li:nth-of-type(3) input[type="text"] { max-width:475px; width:100%; padding: 0px 8px 2px 8px; font-size: 14px; }
.mypage-6-pc_mb .ask-quiry-form li:nth-of-type(1) input[type="text"]::placeholder
, .mypage-6-pc_mb .ask-quiry-form li:nth-of-type(3) input[type="text"]::placeholder
, .mypage-6-pc_mb .ask-quiry-form li select::placeholder { font-size: 14px; font-weight: 300; height: 28px; line-height: 28px;}
.mypage-6-pc_mb .ask-quiry-form li:nth-of-type(4) textarea  { font-weight:normal; color:#696969; width:100%; height:195px; white-space: pre-line; padding:10px;}
.mypage-6-pc_mb .ask-quiry-form button.orderselect { width:99px; height:27px; font-size:12px; background-color:#696969;  color:#fff; text-align: center; border-radius: 2px; border:none; margin-left: 10px;}
.mypage-6-pc_mb .ask-quiry-form button.submit { float: right; width:155px; height:45px; font-size:18px; background-color:#ED1C24;  color:#fff; text-align: center; line-height: 45px; border-radius: 4px; border:none; }

@media screen and (max-width: 767px) {
  .mypage-6-pc_mb .ask-quiry-form li {margin:0 0 20px 0; }
  .mypage-6-pc_mb .ask-quiry-form li:nth-of-type(1) { margin: 0 auto;}
  .mypage-6-pc_mb .ask-quiry-form li > div:nth-of-type(2n+1) { width: 100%;}
  .mypage-6-pc_mb .ask-quiry-form li > div:nth-of-type(2n) { width: 100%; text-align: center;}
  .mypage-6-pc_mb .ask-quiry-form li .order_1 { width: 100%;}
  .mypage-6-pc_mb .ask-quiry-form li .order_2 { width: 100%; text-align: right;}
  .mypage-6-pc_mb .ask-quiry-form li:nth-of-type(1) input[type="text"] {width: 100%; max-width: unset;}
  .mypage-6-pc_mb .ask-quiry-form li select {width: 100%; max-width: unset;}
  .mypage-6-pc_mb .ask-quiry-form li:nth-of-type(3) input[type="text"] {width: 100%; max-width: unset;}
  .mypage-6-pc_mb .ask-quiry-form button.orderselect { margin:10px 0 0 0; }
  .mypage-6-pc_mb .ask-quiry-form button.submit { float: unset; margin-top: 10px; width: 87px; height: 28px; font-size: 12px;line-height: 25px;}
}

/* 레이어 팝업 */
.layer_bg { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); left: 0; top: 0; z-index: 9998; }
.layer_wrap { display: none; position: absolute; width: calc(100% - 40px); max-width: 627px; height: auto; background: #ffffff; z-index: 9999; }
.btn_close { cursor: pointer; }
@media screen and (max-width: 767px) {
	.layer_wrap { left: ; max-width: 767px;}
}

/* Consultation - 팝업 주문 내역 스크롤바 css */
.consultation-scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; }
.consultation-scroll::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.consultation-scroll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3); background-color: #555; }
.consultation-scroll::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); }


/* Consultation - 팝업 주문 내역 선택 */
.mypage-6-pc_mb .consultation-inner-bottom { text-align: right; display: inline-block; width: 100%; padding: 15px 20px; }
.mypage-6-pc_mb .consultation-inner-bottom .request-btn { background-color: #ED1C24; border-radius: 4px; width: 100px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; float: right;}
.mypage-6-pc_mb .consultation-inner-bottom .request-btn label { font-weight: normal; }

.mypage-6-pc_mb .consultation-inner-title { display: inline-block; width: 100%; background-color: #ED1C24;}
.mypage-6-pc_mb .consultation-inner-title .inner-title{ border-bottom:0; margin: 0;padding: 17px; color: #ffffff; font-size: 18px; display: inline-block;}
.mypage-6-pc_mb .consultation-inner-title .fa-times{ color: #ffffff; font-size: 18px; float: right; padding: 17px;}

.mypage-6-pc_mb .consultation-wp .consultation-group li { display: flex; width: 93%; margin: 0 auto; padding: 10px 0 ; text-align: center; border-bottom: 1px solid #d2d2d2; flex-wrap: wrap;}
.mypage-6-pc_mb .consultation-wp .consultation-group li div { font-size: 12px; }

.mypage-6-pc_mb .consultation-wp .consultation-group div.consultation-scroll { overflow: auto; width:100%; height:150px; }
.mypage-6-pc_mb .consultation-wp .consultation-group li.consultation-first { width: 93%; padding: 10px 17px 10px 0px; font-weight: 500;}
.mypage-6-pc_mb .consultation-wp .consultation-group li.consultation-list .consultation-summary { text-align: left;}
.mypage-6-pc_mb .consultation-wp .consultation-group li div.consultation-order{ width: 20%; }
.mypage-6-pc_mb .consultation-wp .consultation-group li div.consultation-date{ width: 20%; }
.mypage-6-pc_mb .consultation-wp .consultation-group li div.consultation-summary{ width: 45%; font-weight: 500;}
.mypage-6-pc_mb .consultation-wp .consultation-group li div.consultation-cost{ width: 15%; font-weight: 500; }


.hidden_title { display: none; }
@media screen and (max-width: 767px) {
	.mypage-6-pc_mb .consultation-wp .consultation-group li { padding: 15px 0; }
	.mypage-6-pc_mb .consultation-wp .consultation-group div.consultation-scroll { height:350px; }
	.mypage-6-pc_mb .consultation-wp .consultation-group li.consultation-first { display: none; }
	.mypage-6-pc_mb .consultation-wp .consultation-group li div.consultation-order{ order: 1; width: 35%; }
	.mypage-6-pc_mb .consultation-wp .consultation-group li div.consultation-date{ order: 3; width: 30%; }
	.mypage-6-pc_mb .consultation-wp .consultation-group li div.consultation-summary{ order: 4; width: 100%; font-weight: 500; display: block; padding-top: 10px;}
	.mypage-6-pc_mb .consultation-wp .consultation-group li div.consultation-cost{ order: 2; width: 35%; font-weight: 500; }
	.hidden_title { display: block; }
}


/***************MYPAGE - Ask inquiry  4 *****************/

.mypage-6-pc_mb .consult_title { border-bottom: 1px solid #e7e7e7; width: 100%; display: inline-block; }
.mypage-6-pc_mb .consult_title > div { width: 50%; font-size: 16px; color: #696969; font-weight: 500; float: left; margin-bottom: 18px;}
.mypage-6-pc_mb .consult_title > div:nth-of-type(2) > div { width: calc(100% / 3); float: left;}

.mypage-6-pc_mb .consult_question { border-bottom: 1px solid #e7e7e7; margin: 10px auto;}
.mypage-6-pc_mb .consult_question li:nth-of-type(1) { color: #ED1C24; font-size: 16px; margin: 15px 0; font-weight: 500;}
.mypage-6-pc_mb .consult_question li:nth-of-type(2) { line-height: 25px; font-size: 14px;}

.mypage-6-pc_mb .consult_sesponse { border-bottom: 1px solid #e7e7e7; margin: 10px auto;}
.mypage-6-pc_mb .consult_sesponse li:nth-of-type(1) { color: #24326f; font-size: 16px; margin: 15px 0; font-weight: 500;}
.mypage-6-pc_mb .consult_sesponse li:nth-of-type(2) { line-height: 25px; font-size: 14px;}

.mypage-6-pc_mb .consult_bottom_navi {width: 100%; border-bottom: 1px solid #e7e7e7; display: inline-block; padding: 10px 0 20px;}
.mypage-6-pc_mb .consult_bottom_navi div {width: 50%; float: left; font-size: 16px; font-weight: 500; }
.mypage-6-pc_mb .consult_bottom_navi div:nth-of-type(1) {text-align:left; color: #e7e7e7; padding-left: 23px;}
.mypage-6-pc_mb .consult_bottom_navi div:nth-of-type(2) {text-align:right; color: #696969; padding-right: 30px;}
.mypage-6-pc_mb .consult_bottom_navi div .is_href { color: #696969; background-color: unset; border: 0;}
.mypage-6-pc_mb .consult_bottom_navi div .is_not_href { color: #e7e7e7; background-color: unset; border: 0;}
.mypage-6-pc_mb .consult_bottom_navi div:nth-of-type(1) .fa.fa-caret-left {font-size: 30px; position: absolute; margin-left: -21px; margin-top: -7px;}
.mypage-6-pc_mb .consult_bottom_navi div:nth-of-type(2) .fa.fa-caret-right {font-size: 30px; position: absolute; margin-left: 12px; margin-top: -7px;}

@media screen and (max-width: 767px) {
  .mypage-6-pc_mb .consult_title { display: flex; flex-flow:wrap;}
  .mypage-6-pc_mb .consult_title > div { width: 100%; }
  .mypage-6-pc_mb .consult_title > div:nth-of-type(1) { order: 2; font-size: 16px;}
  .mypage-6-pc_mb .consult_title > div:nth-of-type(2) { order: 1; font-size: 12px;}
  .mypage-6-pc_mb .consult_title > div:nth-of-type(2) > div:nth-of-type(1) { text-align:left; }
  .mypage-6-pc_mb .consult_title > div:nth-of-type(2) > div:nth-of-type(2) { text-align:center; }
  .mypage-6-pc_mb .consult_title > div:nth-of-type(2) > div:nth-of-type(3) { text-align:right; }
  .mypage-6-pc_mb .consult_bottom_navi div { font-size: 12px; }
}

/***************MYPAGE - RETURNS REFUNDS -1 *****************/

@media screen and (min-width: 768px) {
  /* Consultation - 제목 넓이 */
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-orderno { width:15%; }
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-supportarea { width:20%;	}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-subject { width:35%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden; text-align: left;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-submitted { width:15%; }
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-status { width:15%; }
  /* Returns / Refunds - 제목 넓이 */
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-subject-2 { width:55%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden; text-align: left;}

}
@media screen and (max-width: 767px) {
  .mypage-4-pc_mb .request-inner-title { border-bottom:0; text-align:center;}
  .mypage-4-pc_mb .request-inner-title .inner-title { width: 100%; border-bottom:1px solid #d2d2d2; text-align: left;}
  .mypage-4-pc_mb .request-inner-title .request-btn { float: unset; display: inline-block; margin: 20px auto 0;}

  .mypage-4-pc_mb .wishlist-wp .wishlist-group li.wishlist-first { display: none; }
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li.wishlist-consultation { flex-flow:column wrap; height: 135px; padding: 10px;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div { line-height: 25px; padding: 0; font-size: 12px; color: #696969;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-orderno { order:1; width:40%; text-align: left; padding-right: 10px; font-weight: 500;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-supportarea { order:2; width:40%; text-align: left; padding-right: 10px; font-weight: 500;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-subject { order:5; width:100%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden; font-size: 16px; padding-top: 10px;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-submitted { order:3; width:40%; text-align: left; padding-right: 10px; }
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-status { order:4; width:; float: right; position: absolute; right: 0; padding: 7px 30px 0 0; margin-top: 0; text-align: right;}

  /* Returns / Refunds - 내용 높낮이 */
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li.wishlist-returns_refunds { flex-flow:column wrap; height: 108px; padding: 10px;}
  .mypage-4-pc_mb .wishlist-wp .wishlist-group li div.wishlist-subject-2 { order:4; width:100%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden; font-size: 16px; padding-top: 10px;}
}

/***************MYPAGE - RETURNS REFUNDS -2 *****************/
/***************MYPAGE - Ask inquiry  2 동일하게 사용 - 중복되므로 주석처리 함. *****************/
/*@media screen and (max-width: 767px) {
  .mypage-6-pc_mb .ask-quiry-form li {margin:0 0 20px 0; }
  .mypage-6-pc_mb .ask-quiry-form li:nth-of-type(1) { margin: 0; }
  .mypage-6-pc_mb .ask-quiry-form li > div:nth-of-type(2n+1) { width: 100%;}
  .mypage-6-pc_mb .ask-quiry-form li > div:nth-of-type(2n) { width: 100%; text-align: center;}
  .mypage-6-pc_mb .ask-quiry-form li .order_1 { width: 100%;}
  .mypage-6-pc_mb .ask-quiry-form li .order_2 { width: 100%; text-align: right;}
  .mypage-6-pc_mb .ask-quiry-form li:nth-of-type(1) input[type="text"] {width: 100%; max-width: unset;}
  .mypage-6-pc_mb .ask-quiry-form li select {width: 100%; max-width: unset;}
  .mypage-6-pc_mb .ask-quiry-form li:nth-of-type(3) input[type="text"] {width: 100%; max-width: unset;}
  .mypage-6-pc_mb .ask-quiry-form button.orderselect { margin:10px 0 0 0; }
  .mypage-6-pc_mb .ask-quiry-form button.submit { float: unset; margin-top: 10px; width: 87px; height: 28px; font-size: 12px;line-height: 25px;}
}*/

/***************MYPAGE - Manage shipping Address -1 *****************/

	/* Manage Shipping Address - List */
  .mypage-4-pc_mb .magnage_address-wp { display: flex; justify-content: space-between; flex-flow:wrap; width: 100%;}
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-group { width: calc(50% - 2%); background-color: #f5f5f5; margin-bottom: 30px;}
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-group li { padding: 20px;}
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-group li > div { font-size: 16px; font-weight: 500; line-height: 25px; }
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-group li > div.del span { float: right; color: #ED1C24; }
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-group li > div.tel { padding: 20px 0; }
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-group li > div.primary { padding: 20px 0; }
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-group li > div.primary span.pri_make { color: #ED1C24; cursor: pointer;}
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-group li > div.primary span.edit { float: right; color: #ED1C24; }

  @media screen and (max-width: 767px) {
	  .mypage-4-pc_mb .magnage_address-wp { padding-top: 20px; border-top: 1px solid #d2d2d2;}
		.mypage-4-pc_mb .magnage_address-wp .magnage_address-group { width: 100%;}
  }
  
  /***************MYPAGE - Manage shipping Address -2*****************/

  @media screen and (max-width: 767px) {
		.mypage-4-pc_mb .request-inner-title { border-bottom:0; text-align:center;}
		.mypage-4-pc_mb .request-inner-title .inner-title { width: 100%; border-bottom:1px solid #d2d2d2; text-align: left;}
		.mypage-4-pc_mb .request-inner-title .request-btn { float: unset; display: inline-block; margin: 20px auto 0;}
	  .mypage-4-pc_mb .magnage_address-wp { padding-top: 20px; border-top: 1px solid #d2d2d2;}
	}

	/* Manage Shipping Address - Add New */
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-edit-group {width: 100%; display: inline-block; }
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-edit-group li { padding: 5px;}
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-edit-group li > div:nth-of-type(2n+1) { width: 150px; float: left; line-height: 28px; font-weight: 500;}
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-edit-group li > div:nth-of-type(2n) { width: calc(100% - 150px); }
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-edit-group div .input_size_200 { width: 100%; max-width: 200px; height: 28px;}
  .mypage-4-pc_mb .magnage_address-wp .magnage_address-edit-group div .input_size_400 { width: 100%; max-width: 400px; height: 28px;}

	.mypage-4-pc_mb .magnage_address-wp .magnage_address-edit-group .request-btn { background-color: #ED1C24; border-radius: 4px; width: 160px; height: 40px; color: #fff; font-size: 14px; border: none; margin-top: 30px;}
	.mypage-4-pc_mb .magnage_address-wp .magnage_address-edit-group .searchzip-btn { background-color: #ED1C24; border-radius: 4px; width: 100px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; border: none; margin-top: 10px; margin-left: 10px;}
	.mypage-4-pc_mb .magnage_address-wp .magnage_address-edit-group .request-btn label { font-weight: normal; }

  @media screen and (max-width: 767px) {
		.mypage-4-pc_mb .magnage_address-wp .magnage_address-edit-group li > div:nth-of-type(2n+1) {width: 100%; }
		.mypage-4-pc_mb .magnage_address-wp .magnage_address-edit-group li > div:nth-of-type(2n) {width: 100%; }
  }
  

/***************CUSTOMER SITE - USER GUIDE *****************/

/*  @media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {
    .mypage-4-pc_mb_userguide { width: 100%; height: 100%;}
    .userguide-top {display:none;}
    .userguide-top { position:relative; max-width: 1140px; width: 100%; display: inline-block;}
    .userguide-top ul { --margin:0 0 0 7%; --padding: 1.7% 0 0 0px; position:absolute; top:6.3%; }
    .userguide-top ul.fixed { position:fixed; top:50;  }
    
    .userguide-con { float: left; width: 100%;}
    .userguide-con .userguide-wp { margin:10% 0; }
    .userguide-con .inner-title-userguide {margin:0!important; }
    .userguide-con ul.userguide-group > li{ border-bottom:1px solid #d2d2d2; padding: 1em 0; --cursor: pointer;}
    
    .userguide-con ul.userguide-group li .userguide-group-title span { float:right; padding:0 3% 0 0; }
    .userguide-con ul.userguide-group li .userguide-group-title .userguide-group-inner-title.active .userguide-p { display:none; }
    .userguide-con ul.userguide-group li .userguide-group-title .userguide-group-inner-title.active .userguide-m { display:block;}
    .userguide-con ul.userguide-group li .userguide-group-title .userguide-p { display:block; font-size: 19px; color:#24326f;  }
    .userguide-con ul.userguide-group li .userguide-group-title .userguide-m { display:none;font-size: 22px; color:#24326f;  }
    .userguide-con ul.userguide-group li .userguide-group-inner-title {font-size: 1.1em;color: #696969;font-weight: 500; margin:0; }
    
    .userguide-con ul.userguide-group li .userguide-group-title .userguide-hide-box { pointer-events: none;}
    
    .userguide-con ul.userguide-group li .userguide-group-title .userguide-hide-box .inner-title {  color:#24326f;  font-weight: 500;  font-size: 24px; margin:5% 0; }
    .userguide-con ul.userguide-group li .userguide-group-title .userguide-hide-box .inner-desc {  color:#696969 ;  font-size:16px; line-height: 1.56;}
    
    .userguide-con ul.userguide-group li .userguide-group-title .userguide-hide-box .userguide-paper li { width:100%; margin:7% 0; }
    .userguide-con ul.userguide-group li .userguide-group-title .userguide-hide-box .userguide-paper li:nth-child(3n-1) { margin:0; }
      
                  .userguide-paper { display:inline-block; width:100%; }
                  .userguide-paper .paper-name { font-size: 16px;font-weight: 500; margin:10px 0; }
                  .userguide-paper .paper-type { font-size: 16px; }
                  .userguide-paper .paper-desc { font-size: 12px;}
    }
    
    
    @media screen and (min-width: 768px) {
    
    .userguide-con { max-width:initial;  margin:3% 0 0 0; }
    .userguide-con ul.userguide-group > li{ border-bottom:1px solid #d2d2d2; padding: 2% 0;}
    .userguide-con ul.userguide-group li .userguide-group-inner-title {font-size: 16px; cursor: pointer;}
    .userguide-con ul.userguide-group li .userguide-group-title .userguide-hide-box .userguide-paper li { width:31.3%; float:left; margin:0;}
    .userguide-con ul.userguide-group li .userguide-group-title .userguide-hide-box .userguide-paper li img { width:100%; }
    .userguide-con ul.userguide-group li .userguide-group-title .userguide-hide-box .userguide-paper li:nth-child(3n-1) { margin:0 3%; }
			.userguide-top {display:none;}
			.landing-main-img-pc { --display:none; }
    }  
    @media screen and (min-width: 1024px) {
      
/*      .userguide-top { display:block; background-image:url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/userguide_menu_bg.png"); background-repeat: no-repeat; max-height:289px; height: 100%; background-size:contain;  }*/
      .userguide-top { display:inline-block; }
			.landing-main-img-pc { display:block; border-top: 4px solid #1C2630;}
/*.userguide-top {
	height: 400px;
	background-image: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/item/userguide_menu_bg.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}*/
      .userguide-top > ul  { margin:15px 0 0 0; --padding: 4% 0 0 0px; --top:2%; --max-width: 1140px; --width: 100%; text-align: left;} 
      .userguide-top ul > li { padding:0 0 20px 0;}
      .userguide-top ul > li > a{ color:#24326f;  font-weight: 500; font-size: 18px; }
    
      .userguide-con { max-width:750px;  float:right;}
    }


    /***************CUSTOMER SITE - SITE ANNOUNCEMENTS -1 *****************/

    	/* Site Announcements - List */
	.mypage-4-pc_mb .announcements-wp .announcements-group { margin: -20px 0 0 0; }
  .mypage-4-pc_mb .announcements-wp .announcements-group li { display:flex;}

  .mypage-4-pc_mb .announcements-wp .announcements-group li:nth-child(odd) { background-color: #fcfcf9; border-top:1px solid #d2d2d2;}
  .mypage-4-pc_mb .announcements-wp .announcements-group li:nth-child(even) { background-color: #fcfcf9; border-top:1px solid #d2d2d2; }
	.mypage-4-pc_mb .announcements-wp .announcements-group li div { text-align:right; --text-align:center; line-height: 28px; padding:10px 0; margin: 0; font-size: 16px; color: #696969;}
	.mypage-4-pc_mb .announcements-wp .announcements-group li div a { text-overflow:ellipsis; white-space:nowrap;overflow:hidden; text-align: left; color: #696969; }
	.mypage-4-pc_mb .announcements-wp .announcements-group li div a:hover { color: #D2D2D2; }
  .mypage-4-pc_mb .announcements-wp .announcements-group li:first-child { border-top:0;}
  .mypage-4-pc_mb .announcements-wp .announcements-group li:last-child { border-bottom:1px solid #d2d2d2;}

  @media screen and (min-width: 768px) {
		.mypage-4-pc_mb .announcements-wp .announcements-group li div.announcements-subject { width:80%; text-align: left; --padding-left: 10px; letter-spacing: 0.5px;}
		.mypage-4-pc_mb .announcements-wp .announcements-group li div.announcements-submitted { width:20%; color: #d2d2d2;}
	}
  @media screen and (max-width: 767px) {
		.mypage-4-pc_mb .announcements-wp .announcements-group li div { line-height: 25px; padding: 10px 0; font-size: 12px; color: #696969;}
		.mypage-4-pc_mb .announcements-wp .announcements-group li div.announcements-subject { width:70%; text-align: left; padding-left: 10px;}
		.mypage-4-pc_mb .announcements-wp .announcements-group li div.announcements-submitted { width:30%; text-align: right; padding-right: 10px;}
  }
  

  /***************CUSTOMER SITE - SITE ANNOUNCEMENTS -2 *****************/

/*  @media screen and (min-width: 768px) {
		.mypage-4-pc_mb .announcements-wp .announcements-group li div.announcements-subject { width:85%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden; text-align: left;}
		.mypage-4-pc_mb .announcements-wp .announcements-group li div.announcements-submitted { width:15%; }
	}
  @media screen and (max-width: 767px) {
		.mypage-4-pc_mb .announcements-wp .announcements-group li div { line-height: 25px; padding: 10px 0; font-size: 12px; color: #696969;}
		.mypage-4-pc_mb .announcements-wp .announcements-group li div.announcements-subject { width:75%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden; text-align: left;}
		.mypage-4-pc_mb .announcements-wp .announcements-group li div.announcements-submitted { width:25%; text-align: right;}
	}*/


	/* Site Announcements - Content */
	.mypage-4-pc_mb .announcements-wp .announcements-content { line-height: 25px; padding: 30px 0; font-size: 14px; color: #696969;}
	.mypage-4-pc_mb .consult_bottom_navi {width: 100%; border-bottom: 1px solid #e7e7e7; display: flex; flex-flow: wrap; padding: 10px 0 20px;}
	.mypage-4-pc_mb .consult_bottom_navi div {width: calc(100% / 3); float: left; font-size: 16px; font-weight: 500; }
	.mypage-4-pc_mb .consult_bottom_navi div:nth-of-type(1) {text-align:left; padding-left: 23px;}
	.mypage-4-pc_mb .consult_bottom_navi div.active_non a { color: #e7e7e7; }
	.mypage-4-pc_mb .consult_bottom_navi div:nth-of-type(2) {text-align:center;font-size: 12px;padding-top: 3px;}
	.mypage-4-pc_mb .consult_bottom_navi div.active a {color: #ED1C24;}
	.mypage-4-pc_mb .consult_bottom_navi div:nth-of-type(3) {text-align:right; color: #696969; padding-right: 23px;}
	.mypage-4-pc_mb .consult_bottom_navi div:nth-of-type(1) .fa.fa-caret-left {font-size: 30px; position: absolute; margin-left: -21px; margin-top: -7px;}
	.mypage-4-pc_mb .consult_bottom_navi div:nth-of-type(3) .fa.fa-caret-right {font-size: 30px; position: absolute; margin-left: 12px; margin-top: -7px;}
	
	@media screen and (max-width: 767px) {
		.mypage-4-pc_mb .consult_bottom_navi div { font-size: 12px; }
		.mypage-4-pc_mb .consult_bottom_navi div:nth-of-type(1) { order: 2; width: 50%; padding-top: 20px;}
		.mypage-4-pc_mb .consult_bottom_navi div:nth-of-type(2) { order: 1; width: 100%; padding-bottom: 20px;; border-bottom: 1px solid #d2d2d2;}
		.mypage-4-pc_mb .consult_bottom_navi div:nth-of-type(3) { order: 3; width: 50%; padding-top: 20px;}
  }
  

    /***************CUSTOMER SITE - CONTACT US *****************/
    	/* Contact Us */
  .mypage-4-pc_mb .contactus-wp { display: flex; flex-flow:wrap; width: 100%;}
  .mypage-4-pc_mb .contactus-wp .contactus-group { width: calc(50% - 6%); margin: 0 6% 30px 0}
  .mypage-4-pc_mb .contactus-wp .contactus-group li { padding: 20px 0;}
  .mypage-4-pc_mb .contactus-wp .contactus-group li > div { font-size: 16px; line-height: 25px; display: inline-block; width: 100%;}
  .mypage-4-pc_mb .contactus-wp .contactus-group li > div:first-of-type { height: 70px; margin-bottom: 10px;}
  .mypage-4-pc_mb .contactus-wp .contactus-group li > div span.title { display: inline-block; font-size: 24px; color: #24326f; font-weight: 500; width: 200px; vertical-align: bottom;}
/*  .mypage-4-pc_mb .contactus-wp .contactus-group li > div span.message { width: 60px; height: 60px; }*/
  .mypage-4-pc_mb .contactus-wp .contactus-group li > div span.message img { width: 60px; height: 60px;}
  .mypage-4-pc_mb .contactus-wp .contactus-group li > div span.email { float: right; color: #ED1C24; }
  .mypage-4-pc_mb .contactus-wp .contactus-group li > div span.phone { float: right; color: #ED1C24; }

  .mypage-4-pc_mb .contactus-wp .google_map { width: 100%; padding-bottom: 20px; }

  @media screen and (max-width: 767px) {
		.mypage-4-pc_mb .contactus-wp .contactus-group { width: 100%;}
		.mypage-4-pc_mb .contactus-wp .contactus-group { margin: 0;}
		.mypage-4-pc_mb .contactus-wp .contactus-group li { width: 100%; margin: 0 auto; max-width: 300px;}
	}

/*.tab-order-1 .tab-inner-order-2 div a.mypage_left_menu_background_on { background-color: #24326f; color: #ffffff; padding: 5px; }*/
.tab-order-1 .tab-inner-order-2 div a.mypage_left_menu_background_on { color: #ED1C24;}

.sub-filter-tab { display: inline-block; width: 100%; }
.thumb-wrapper.thumb-square { display: flex; justify-content:space-between; flex-flow:wrap;}
.thumb-wrapper.thumb-square .thumb-25 { width: calc(25% - 20px); margin: 10px; }

.thumb-wrapper.thumb-square .thumb-25 .thumbnail .img .img-bg { height: 100%; position: relative;}
.thumb-wrapper.thumb-square .thumb-25 .thumbnail .caption .caption-body a h3 { font-size: 16px; margin: 0;}
  @media screen and (max-width: 750px) {
	.thumb-wrapper.thumb-square .thumb-25 { width: calc(50% - 20px); margin: 10px; }

}

.sub-filter-tab ul > li { float: left; }
.sub-filter-tab ul > li > a { position: relative; color: #777; font-size: 12px; line-height: 28px; margin-right: 15px; }
.pull-left { margin-left: 5px; }
.pull-right { float: right;}

.sub-content-header { margin: 30px 0;}

.sub-content-header .page-history { display :inline-block; }
.sub-content-header .page-history li { float: left; margin-right: 10px; }
.sub-content-header .page-history > li > a {  font-size: 12px; font-weight: 300; line-height: 1.5; color: #777777; }



/***************CUSTOMER SITE - FAQ *****************/


/*@media screen and (min-width: 360px) {*/
@media screen and (min-width: 100px) {

  .customer-faq .userguide-wp {  margin: 10% 0 7% 0; }
  .customer-faq .inner-title-userguide {margin:0!important; }
  .customer-faq ul.userguide-group > li:first-of-type { padding: 18px 0 18px 0; margin: 0;}
  .customer-faq ul.userguide-group > li{ border-bottom:1px solid #d2d2d2; padding: 18px 0 18px 0; --cursor: pointer; display: block; width: 100%;}
  
  .customer-faq ul.userguide-group li .userguide-group-title { display: inline-block; width: 100%;}
  .customer-faq ul.userguide-group li .userguide-group-title span:first-of-type { float: left; padding: 0; width: calc(100% - 40px);}
  .customer-faq ul.userguide-group li .userguide-group-title span { float:right; padding:0 3% 0 0; }
  .customer-faq ul.userguide-group li .userguide-group-title .userguide-group-inner-title.active .userguide-p { display:none; }
  .customer-faq ul.userguide-group li .userguide-group-title .userguide-group-inner-title.active .userguide-m { display:block;}
  .customer-faq ul.userguide-group li .userguide-group-title .userguide-t { display:inline-block; font-size: 19px; color:#24326f;  }
  .customer-faq ul.userguide-group li .userguide-group-title .userguide-p { display:inline-block; font-size: 19px; color:#24326f; position: absolute; right: 0%;}
  .customer-faq ul.userguide-group li .userguide-group-title .userguide-m { display:none;font-size: 22px; color:#24326f; position: absolute; right: 0%; }
  .customer-faq ul.userguide-group li .userguide-group-inner-title {font-size: 1.1em;color: #696969;font-weight: 500; margin:0; display: inline-block; width: 100%;  position: relative;}
  
  .customer-faq ul.userguide-group li .userguide-group-title .userguide-hide-box { --pointer-events: none; padding: 10px 60px 10px 0; display: block; width: 100%;}  
  .customer-faq ul.userguide-group li .userguide-group-title .userguide-hide-box .inner-title {  color:#24326f;  font-weight: 500;  font-size: 24px; margin:5% 0; }
  .customer-faq ul.userguide-group li .userguide-group-title .userguide-hide-box .inner-desc {  color:#696969 ;  font-size:16px; line-height: 1.56;}
 
  .faq-contactus { font-size: 16px; color:#696969; text-align: center;}
  .faq-contactus a { color:#ED1C24; }
  }
  
  
  @media screen and (min-width: 768px) {

  .customer-faq { max-width:initial;  margin:3% 0 0 0; }
  .customer-faq ul.userguide-group > li{ border-bottom:1px solid #d2d2d2; padding: 18px 0 18px 0; margin: 0;}
  .customer-faq ul.userguide-group li .userguide-group-inner-title {font-size: 16px; cursor: pointer; height: 25px;}

  }  


.page-contents .all-related-product .product { margin-bottom: 30px; }
.page-contents .all-related-product .product .product-price { border-bottom: 0; }

.all-related-product { padding:0; background-color:transparent;}

@media screen and (max-width: 767px) {
	.page-contents h2 { margin-top: 100px; }
	.page-contents .related-product { margin-top: 25px; }
	.customer-faq ul.userguide-group li .userguide-group-title .userguide-t { font-size: 14px; }
	.customer-faq ul.userguide-group > li:first-of-type, .customer-faq ul.userguide-group > li { padding: 10px 0;}
  .customer-faq ul.userguide-group li .userguide-group-title .userguide-p, .customer-faq ul.userguide-group li .userguide-group-title .userguide-m { right: 5px; }
}

/*.mypage-4-pc_mb .order_list_bottom .pagination {
border-radius: 6px;
border: solid 1px #979797;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
width: 100%;
max-width: 350px;
background-color: #ffffff;
}*/

.font400 { font-weight: 400; }

.form-row { margin-bottom: 10px; }

.custom-input-container,.custom-input-container .field-wrapper { position:relative; z-index:1 }

.custom-input-container .custom-input { padding: 10px; }
.custom-input-container .custom-input { height:60px; width:100% }
.custom-input-container .custom-input.has-value { padding-bottom:0; padding-top:12px; }

input.input-text {
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:2.4375rem;
	margin:0 0 1rem;
	padding:.5rem;
	border:1px solid #e7e7e7;
	border-radius:2px;
	background-color:#fafafa;
	-webkit-box-shadow:none;
	box-shadow:none;
	font-family:Roboto,Arial,sans-serif;
	font-size:16px;
	font-weight:500;
	color:#000;
	-webkit-transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;
	transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;
	transition:box-shadow .5s,border-color .25s ease-in-out;
	transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}

input.input-text:focus {
	outline:0;
	border:1px solid #e7e7e7;
	background-color:#fafafa;
	-webkit-box-shadow:0 0 2px 2px rgba(73,143,226,.5);
	box-shadow:0 0 2px 2px rgba(73,143,226,.5);
	-webkit-transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;
	transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;
	transition:box-shadow .5s,border-color .25s ease-in-out;
	transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s
}

.custom-input-container .field-wrapper label {
	color:#535353;
	position:absolute;
	top:16px;
	left:10px;
	-webkit-transition:top .2s ease-out;
	transition:top .2s ease-out;
	z-index:1;
	cursor:text;
	letter-spacing:.2px;
	font-weight:400;
	font-size: 16px;
}

.custom-input-container .field-wrapper label.has-value { text-transform:uppercase; top:4px; z-index:1 }

.custom-input-container .field-wrapper label.has-value span{ font-size: 11px; }

.custom-input-container .field-wrapper label { display:block; margin:0; font-size: 16px; font-weight:500; line-height:1.8; color:#000; }

.tab-order-1 .tabcon-order .n_editprofile-row-first { --color: #24326f; font-size: 16px; font-weight: 500; padding: 20px 0;}
.tab-order-1 .tabcon-order .n_editprofile-row-first h2 { border-bottom: 0; padding: 0; margin: 0;}





/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
/*  cursor: pointer;*/
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
	border: 1px solid #e7e7e7;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  /*background-color: #ED1C24;*/
	border: 1px solid #ED1C24;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #ED1C24;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* omouse hover - outline move */
.main_outline_btn { position: relative; display: inline-block; cursor: pointer; overflow: hidden; }
.main_outline_btn:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);  transition: box-shadow 500ms;   --transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
.main_outline_btn:before, .main_outline_btn:after { content: ""; position: absolute; left: 0; height: 4px; width: 100%; }
.main_outline_btn:before { top: 0; }
.main_outline_btn:after { bottom: 0; }
.main_outline_btn:hover > * > *:before, .main_outline_btn:hover > * > *:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.main_outline_btn:hover > * > * > *:before, .main_outline_btn:hover > * > * > *:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.main_outline_btn > *:before, .main_outline_btn > *:after { content: ""; position: absolute; top: 0; height: 100%; width: 4px; }
.main_outline_btn > *:before { left: 0; }
.main_outline_btn > *:after { right: 0; }
.main_outline_btn > * > *:before, .main_outline_btn > * > *:after { content: ""; position: absolute; left: 0; z-index: 9; height: 4px; width: 100%; background-color: #ED1C24; }
.main_outline_btn > * > *:before {
	top: 0;
	-webkit-transform: translate3d(-105%, 0, 0);
	transform: translate3d(-105%, 0, 0);
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.main_outline_btn > * > *:after {
	bottom: 0;
	-webkit-transform: translate3d(105%, 0, 0);
	transform: translate3d(105%, 0, 0);
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.main_outline_btn > * > * > *:before, .main_outline_btn > * > * > *:after { content: ""; position: absolute; top: 0; z-index: 9; height: 100%; width: 4px; background-color: #ED1C24; }
.main_outline_btn > * > * > *:before {
	left: 0;
	-webkit-transform: translate3d(0, 105%, 0);
	transform: translate3d(0, 105%, 0);
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.main_outline_btn > * > * > *:after {
	right: 0;
	-webkit-transform: translate3d(0, -105%, 0);
	transform: translate3d(0, -105%, 0);
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.review-write-form .form-inline .form-control { padding: 0px 0 1px 7px; border-radius: 2px; color: #696969;}
.form-control { border: solid 1px #979797!important; }

/* My Orders 2020-09-25수정 */
.order_list_detail_title { background-color:#24326f; display:block; }
.order_list_detail_title ul { display: flex; }
.order_list_detail_title ul li { color:#fff;font-size: 14px; font-weight: 500; padding:12px 0;}
.order_list_detail_title ul li.title0 { flex-basis:5%;}
.order_list_detail_title ul li.title1 { flex-basis:20%;}
.order_list_detail_title ul li.title2 { flex-basis:50%;}
.order_list_detail_title ul li.title3 { flex-basis:25%;}

.order-item-wrap { margin:18px 0 0 0; }
.order-item-wrap .order-detail-item:first-child { border-top:1px solid #d2d2d2; }
.order-item-wrap .order-detail-item { display:flex; padding:21px 0; border-bottom:1px solid #d2d2d2; }
.order-item-wrap .order-detail-item p { margin:0;}
.order-item-wrap .order-detail-item .item-box-0 { flex-basis:5%;}
.order-item-wrap .order-detail-item .item-box-1 {flex-basis:20%; }
.order-item-wrap .order-detail-item .item-box-2 {flex-basis:50%; }
.order-item-wrap .order-detail-item .item-box-3 {flex-basis:25%; }
.order-item-wrap .order-detail-item .item-box-3 a { display: inline-block;width: 60px;height: 30px;background-color: #1B3A82;border-radius: 4px;color: #fff;text-align: center;line-height: 30px;}
.order-item-wrap .order-detail-item .item-box-3 .order_receipt2{ display: inline-block;width: 120px;height: 30px;background-color: #ED1C24;border-radius: 4px;color: #fff;text-align: center;line-height: 30px;}
.order-item-wrap .order-detail-item .item-box-1 p { color:#24326f; font-size:12px; font-weight:500;margin:0 0 5px 0; }
.order-item-wrap .order-detail-item .item-box-1 .order-qty { margin:0 0 10px 0;}
.order-item-wrap .order-detail-item .item-box-1 .order-date { line-height: 17px; }
.order-item-wrap .order-detail-item .item-box-1 .order-date .gray { color:#696969;font-weight: 500; font-size:13px; display: block; }

.order-item-wrap .order-detail-item .item-box-2 .order-name1 { font-size: 17px;font-weight: 500;color: #484848;}
.order-item-wrap .order-detail-item .item-box-2 .order-name2,
.order-item-wrap .order-detail-item .item-box-2 .order-name3 { font-size:12px; color:#696969; margin:0;}
.order-item-wrap .order-detail-item .item-box-2 .order-name3 .coral { color:#ED1C24; font-size:16px; font-weight: 500;display: block;}
.order-item-wrap .order-detail-item .item-box-3 .order-status1 { color:#24326f; font-size:12px; font-weight: 500; margin:0 0 15px 0; line-height: 21px;}
.order-item-wrap .order-detail-item .item-box-3 .order-status1 .coral { color:#ED1C24; font-size:14px;display: block; }
.order-item-wrap .order-detail-item .item-box-3 .order-status2 { color:#24326f; font-size:12px; font-weight: 500;line-height: 21px; margin: 0 0 15px 0;}
.order-item-wrap .order-detail-item .item-box-3 .order-status2 .gray { color:#696969; font-size:14px;display: block; }    


@media screen and (max-width: 767px) {
	.order_list_detail_title { display:none;}
	.order-item-wrap .order-detail-item { flex-flow:wrap; padding:2.5em 0; }
	.order-item-wrap .order-detail-item .item-box-0 { flex-basis:5%;order:1;}
	.order-item-wrap .order-detail-item .item-box-00 { order:4; }
	.order-item-wrap .order-detail-item .item-box-1 {flex-basis:45%;order:2; }
	.order-item-wrap .order-detail-item .item-box-2 {flex-basis:95%; order:5; margin:3em 0 0 0;  }
	.order-item-wrap .order-detail-item .item-box-3 {flex-basis:50%; order:3;}
}