/* BASIC css start */
#bbsData .bbs-link-btm { margin-top: 10px; text-align: right; }
tbody tr {height: 50px;}
.bbs-table-write textarea { width: 530px; height: 200px; }
.bbs-table-write p { text-align: center; margin: 10px 0px; }
.bbs-table-write .title { line-height: 25px; }
.bbs-table-write .myorder { position: relative; } /* separk Ãß°¡ */
.bbs-table-write .myorder .input-group { position: relative; display: inline-block; }
.bbs-table-write .myorder .input-group input[type=text] { width: 270px; }
.bbs-table-write .myorder .input-group input[type=text]:-ms-clear { display: none; }
.bbs-table-write .myorder .input-group #ordernumclear { position: absolute; right: 6px; top: 0; bottom: 0; width: 23px; height: 13px; margin: auto; font-size: 11px; cursor: pointer; color: #000; text-align: center; }
.bbs-table-write .input_style { width: 180px; }
.bbs-table-write .input_style2 { width: 460px; }
.bbs-table-write .btn_gray { display:inline-block; margin-left:-1px; padding:0 5px; height:21px; font-size:11px; line-height:21px; border:1px solid #e4e4e5; background:#f5f5f5; }
/* »óÇ° »ó´Ü Á¤º¸ */
.prd-tinfo { zoom: 1; overflow: hidden; padding: 10px 0 10px 80px; border: 3px solid #e0e0e0; margin-top: 20px; }
.prd-tinfo dt,
.prd-tinfo dd { position: relative; float: left; }
.prd-tinfo dt { left: -70px; margin-right: -70px; width: 60px; height: 60px; }
.prd-tinfo dt img {  width: 100%; height: 100%; }
.prd-tinfo dd { width: 100%;  }
.prd-tinfo dd ul { padding: 15px 0 0 10px; min-height: 45px; _height: 45px; border-left: 1px solid #e0e0e0; }
.prd-tinfo dd ul li { padding: 1px 0; }
.prd-tinfo dd ul li .tit { display: inline-block;  width: 55px; }
.prd-tinfo dd ul li.name .tit { letter-spacing: 1px; }
/* °³ÀÎÁ¤º¸º¸È£Á¤Ã¥ µ¿ÀÇ */
.privercy-contract textarea { height: 100px; width: 660px; }
.new-privercy-contract p { text-align: left; }

/* °³ÀÎÁ¤º¸ ¼öÁý ÀÌ¿ë */
.privercy-contract .tbl { width:100%; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; }
.privercy-contract .tbl caption { display:none; }
.privercy-contract .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; }
.privercy-contract .tbl th,
.privercy-contract .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px; }
.privercy-contract .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; }

/* ÁÖ¹®³»¿ª Á¶È¸ ·¹À̾î */
#myorderlayer { display: none; position: absolute; top: 0; left: 0; width: 658px; padding-bottom: 30px; border: 1px solid #838897; background: #fff; z-index: 1; }
#myorderlayer .l-close { z-index: 1; position: absolute; top:19px; right:19px; width:26px; height:26px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_close_layer.gif) 0 0 no-repeat }
#myorderlayer .tit { height: 67px; line-height: 69px; padding: 0 30px; border-bottom: 1px solid #dfdfdf;  color: #000; font-size: 24px; font-weight: bold; }
#myorderlayer .cnt { padding: 20px 50px 0; }
#myorderlayer .cnt .cnt-tab:after { clear: both; content: ""; display: block; }
#myorderlayer .cnt .cnt-tab { height: 36px; margin-bottom: 30px; }
#myorderlayer .cnt .cnt-tab li { float:left; width: 138px; height: 34px; margin-left: -1px; border: 1px solid #d7d7d7; background:#fff; }
#myorderlayer .cnt .cnt-tab li:first-child { margin-left:0; }
#myorderlayer .cnt .cnt-tab li a { display:block; line-height: 34px; color: #333; font-size: 12px; text-align:center; text-decoration:none; background:none; }
#myorderlayer .cnt .cnt-tab li.now { position:relative; z-index:1; border: 1px solid #8e8e8e; font-weight:bold; background: #d1d1d1; }
#myorderlayer .cnt table { border-top:1px solid #000 }
#myorderlayer .cnt table thead th { padding:15px 0; font-size:13px; color:#000; font-weight:bold; border-bottom:1px solid #e9e9e9; background: #fff; }
#myorderlayer .cnt table tbody td { padding:10px 0; color:#343434; border-bottom:1px solid #e9e9e9 }
#myorderlayer .cnt table tbody td .prd-blue { color: #1456ff; cursor:pointer; }
#myorderlayer .paging li { font-size: 12px; color: #777; }

/* ÇÏ´Ü ¹öÆ° */
/* °øÅë ¹öÆ° ½ºÅ¸ÀÏ */
.bbs-link-btm dd a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  padding:0 16px;
  border-radius:9999px;           /* ¾Ë¾àÇü */
  font-size:14px;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  border:1px solid #d9d9d9;       /* ±âº»: ȸ»ö ¶óÀÎ */
  color:#666;
  background:#fff;
  transition:background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

/* ±Û¾²±â: ÃÊ·Ï Ã¤¿ò */
.bbs-link-btm dd a.write{
  background:#2a7f2a;
  border-color:#2a7f2a;
  color:#fff;
}
.bbs-link-btm dd a.write:hover{
  background:#256f25;
  border-color:#256f25;
}

/* ¸ñ·Ïº¸±â: ȸ»ö ¶óÀÎ À¯Áö */
.bbs-link-btm dd a:not(.write):hover{
  background:#f8f8f8;
  border-color:#cfcfcf;
  color:#333;
}

/* Æ÷Ä¿½º ¸µ(Á¢±Ù¼º) */
.bbs-link-btm dd a:focus{
  outline:0;
  box-shadow:0 0 0 3px rgba(42,127,42,.15);
}
/* ÇÏ´Ü ¹öÆ° ¿µ¿ª Áß¾Ó Á¤·Ä */
.bbs-link-btm{
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  margin: 16px 0;
}
.bbs-link-btm dt{ display:none; }   /* Á¦¸ñ »ç¿ë ¾È ÇÏ¸é ¼û±è */
.bbs-link-btm dd{ margin:0; }

/* ¹öÆ° °£ °£°Ý (±âÁ¸°ú Áߺ¹µÇ¸é ÀÌ °ªÀÌ ¿ì¼±) */
.bbs-link-btm dd a + a{ margin-left: 8px; }


/* ·¡ÆÛ */
.lock-check{
  display:inline-flex;
  align-items:center;
  gap:8px;                /* ÅؽºÆ® ¡ê üũ °£°Ý */
  cursor:pointer;
  user-select:none;
}

/* ÅؽºÆ® Åæ */
.lock-check .txt{
  font-size:12px;
  color:#9a9a9a;          /* ½º¼¦Ã³·³ ¿¬ÇÑ È¸»ö */
}

/* ±âº» üũ¹Ú½º ¼û±âÁö ¾Ê°í Ä¿½ºÅÒ ½ºÅ¸ÀÏ */
.lock-check input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:15px; height:15px;
  border:1px solid #cfcfcf;
  border-radius:4px;      /* »ì¦ µÕ±Ù ³×¸ð */
  background:#fff;
  position:relative;
  box-sizing:border-box;
  outline:none;
  vertical-align:middle;
}

/* üũ Ç¥½Ã(Èò»ö üũ ¾ÆÀÌÄÜ) */
.lock-check input[type="checkbox"]::after{
  content:"";
  position:absolute; left:50%; top:50%;
  width:12px; height:12px;
  transform:translate(-50%,-50%) scale(0);
  background-repeat:no-repeat;
  background-position:center;
  background-size:12px 12px;
  background-image:url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>');
  transition:transform .12s ease;
}

/* üũµÈ »óÅÂ: ÃÊ·Ï ¹è°æ + Èò üũ */
.lock-check input[type="checkbox"]:checked{
  background:#2a7f2a;
  border-color:#2a7f2a;
}
.lock-check input[type="checkbox"]:checked::after{
  transform:translate(-50%,-50%) scale(1);
}

/* Æ÷Ä¿½º ¸µ(¼±ÅÃ) */
.lock-check input[type="checkbox"]:focus{
  box-shadow:0 0 0 3px rgba(42,127,42,.15);
}
/* BASIC css end */