@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Nanum+Gothic+Coding&display=swap');

@font-face { font-family: 'Recipekorea'; src: url('/inc/font/Recipekorea.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('/inc/font/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }

* { box-sizing:border-box; font-family:'Nanum Gothic', sans-serif; outline:none; vertical-align:middle; }
html, body { height:100%; margin:0; padding:0; }
a, button, label { cursor:pointer; }
form, h1, h2, h3, h4, h5 { margin:0; padding:0; }

.hide { display:none; }

.float { float:left; }
.floatr { float:right; }
.clear { clear:both; }

/* Action Form */
/*
.dynio { cursor:pointer; }
.dynio > input, .dynio > select, .dynio > textarea { border:1px solid var(--border-color); border-radius:5px; cursor:pointer; display:block; line-height:40px; height:40px; margin:0; padding:0 5px; width:100%; }
.dynio > textarea { height:auto; }
*/
.dynio { cursor:pointer; }
.dynio > input, .dynio > select, .dynio > textarea { border:none; border-bottom:1px solid var(--color); cursor:pointer; display:block; line-height:30px; height:30px; margin:0; padding:0 5px; width:100%; }
.dynio > textarea { height:auto; }

/* heavening CSS */
/* hcss - select box */
.hvselBox { display:inline-block; overflow-y:hidden; }
.hvselBox > .hvselValue { background:#FFF url('/img/icon/down_arrow_g.png') calc(100% - 10px) center no-repeat; background-size:10px 10px; border:1px solid #CBCBCB; border-radius:8px; cursor:pointer; position:sticky; z-index:1; }
.hvselBox > .hvselOptionBox { background:#FFF; border-radius:8px; box-shadow:rgba(0, 0, 0, 0.03) 0px 7.5px 35px 0px, rgba(0, 0, 0, 0.03) 0px 15px 22.5px 0px, rgba(0, 0, 0, 0.05) 0px 4px 8.5px 0px, rgba(0, 0, 0, 0.03) 0px 2px 3px 0px; display:none; padding:5px 0; position:absolute; }
.hvselBox > .hvselOptionBox > li { cursor:pointer; }
.hvselBox > .hvselOptionBox > li:hover { background:rgba(247, 140, 160, 0.2); }
.hvselBox > .hvselOptionBox > li.active { background:rgba(247, 140, 160, 0.3); }
/* hcss - tab */
.hvTabGroup {  }
.hvTabGroup > .hvTGHeader  { border-bottom:1px solid #DDE1E5; padding:0 20px; }
.hvTabGroup > .hvTGHeader > ul { display:flex; line-height:60px; }
.hvTabGroup > .hvTGHeader > ul > li { color:#495057; cursor:pointer; padding:0 15px; }
.hvTabGroup > .hvTGHeader > ul > li:hover,
.hvTabGroup > .hvTGHeader > ul > li.activeTab { color:#033C73; }
.hvTabGroup > .hvTGActiveBorder { background:#033C73; height:4px; overflow:hidden; position:absolute; width:0; }
.hvTabGroup > .hvTGBody > ul {  }
.hvTabGroup > .hvTGBody > ul > li { display:none; }
/* hcss - checkbox */
.hvchk { display:inline-block; }

/* heavening instant message */
.hvmsgLine { display:flex; flex-direction:column; justify-content:center; left:10px; opacity:0; position:fixed; transition:0.3s ease-in-out; z-index:200; }
.hvmsg { background:#FFFFFF; border:none; border-radius:10px; color:#000000; display:inline-block; line-height:40px; padding:0 10px; }