/* BASIC css start */
@import url(https://fonts.googleapis.com/css?family=Courgette);
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Beth+Ellen&display=swap');

/* content */

.off_warpper { width: 1100px; margin: 0 auto; }
.offwarp { width: 100%; margin:0 auto; }
.ipad_engraving_title { margin: 60px 0px 5px 0px; font-family: 'Josefin Sans', sans-serif; font-size: 20px; color: #1e1e20; text-align: center; }
.ipad_engraving_sub { margin-bottom: 15px; text-align: center;}
.user-input { width: 50%; text-align: center; margin: 35px auto 70px; height: 40px; background: none; border-top: none; border-left: none; border-right: none; border-bottom: 2px solid #111; font-family: 'Nanum Gothic', serif; font-size: 20px; color: #c2935f; outline: 0; font-weight: 600;     padding-bottom: 10px; }
.user-btn { position: absolute; background: none; top: 47px; right: 25%; outline: 0;}
.user-btn img { width:25px; text-decoration: none; }
.group { position: relative; width: 1100px; margin: 0 auto; text-align: center; }
.posts { width:100%; margin: 0 10px; }
.posts ul {  }
.posts ul li { display: inline-block; width: 25%; }
.hdr { font-size: 16px; }
.posts article { text-align:left; width:100%; }
.posts article h2 { margin: 0; font-weight: normal; height: 30px; position: relative; }
.font_type { font-family: 'Roboto', sans-serif; padding: 10px 0px 10px 0px; text-align: center; font-size: 14px; }
.font_face { border: 1px solid #efefef; height: 35px; }
.font_type02 { font-family: 'Roboto', sans-serif; padding: 2px 0px 15px 0px; font-size: 11px; }

/* font À§Ä¡ */
.location-01 { position: absolute; top: 7px; left: 10px; }
.location-02 { position: absolute; top: 6px; left: 10px; font-size: 17px; }
.location-03 { position: absolute; top: 7px; left: 10px; }
.location-04 { position: absolute; top: 7px; left: 10px; }
.location-05 { position: absolute; top: 6px; left: 10px; }
.location-06 { position: absolute; top: 3px; left: 10px; font-size: 24px; }
.location-07 { position: absolute; top: 9px; left: 10px; }
.location-08 { position: absolute; top: 7px; left: 10px; }
.location-09 { position: absolute; top: 8px; left: 10px; font-size: 13px; }

/* font */
.Courgette { font-family: 'Courgette', cursive; }
.DancingScript { font-family: 'Dancing Script', cursive; }
.AnonymousPro { font-family: 'Anonymous Pro', monospace; }
.Notoserif { font-family: 'Noto Serif KR', serif; }
.Notosans { font-family: 'Noto Sans KR', sans-serif; }
.NanumPen { font-family: 'Nanum Pen Script', cursive; }
.Josefin { font-family: 'Josefin Sans', sans-serif; }
.UnifrakturCook { font-family: 'UnifrakturCook', cursive; }
.BethEllen { font-family: 'Beth Ellen', cursive; }





/* BASIC css end */