@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');

/* base */
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea, button, select { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; background:none; }
input:focus, textarea:focus { outline-style:none; } 
input { -webkit-appearance: none; -webkit-border-radius: 0; }
textarea::placeholder, input::placeholder { color:#000; opacity: 0.3; }
img { max-width:100%; height:auto; vertical-align:middle; border:0; }
a { text-decoration:none; color:#000; }
i, em { font-style:normal; }
body, button, h1, h2, h3, h4, h5, input, select, table, textarea { font-family: 'Noto Sans KR', sans-serif; color:#000; font-weight:400; font-size:14px; line-height:1.35; }


/* wrap */
.wrap { min-height:100vh; min-width:1370px; }


/* header */
#hd { position:relative; background-color:#fff; height:68px; border-bottom:1px solid #e2e6ec; box-sizing:border-box;  }
#hd h1 { display:inline-block; padding:18px 0 0 32px; }
#hd .sub-title { display:inline-block; font-size:18px; line-height:1.45; font-weight:500; margin-left:24px; vertical-align:middle; }
#hd .utils { position:absolute; right:32px; top:18px; display:flex; gap:20px; align-items:center; justify-content:center; }
#hd .utils .btn-notis { position:relative; display:block; width:22px; height:22px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_alert.png'); background-size:100% auto; }
#hd .utils .btn-notis.new:before { position:absolute; right:-2px; top:-3px; display:flex; width:15px; height:15px; border-radius:15px; background-color:#e87a2b; align-items:center; justify-content:center; font-size:10px; color:#fff; font-weight:700; content:"N"; }
#hd .utils .my-acount { display:flex; gap:10px; }
#hd .utils .my-acount dt { font-size:13px; line-height:1.35; }
#hd .utils .my-acount dd { font-size:15px; line-height:1.35; color:#7b9f12; font-weight:700; }
#hd .utils .btn-shop { position:relative; font-size:13px; padding-left:27px; }
#hd .utils .btn-shop:before { position:absolute; left:0; top:0; display:block; width:22px; height:21px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_my.png'); content:""; }
#hd .utils .btn { position:relative; display:flex; height:26px; background-color:#e2e6ec; align-items:center; justify-content:center; font-size:13px; color:#4a5057; border-radius:3px; border:0; cursor:pointer; padding:0 10px; }
#hd .utils .access-time { position:relative; display:flex; gap:7px; align-items:center; justify-content:center; }
#hd .utils .access-time .time { position:relative; font-size:15px; padding-left:24px; }
#hd .utils .access-time .time:before { position:absolute; left:0; top:0; display:block; width:20px; height:20px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_time.png'); content:""; }
#hd .utils .access-time .btn { }


/* footer */
#ft { background-color:#232526; height:80px; box-sizing:border-box; padding:20px 30px; }
#ft .copyright { font-size:15px; line-height:1.35; color:#fff; font-weight:300; }


/* container */
.container { position:relative; min-height:calc(100vh - 148px); }