@charset 'utf-8';
@import url("//fonts.googleapis.com/earlyaccess/notosanskr.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; }
img { max-width:100%; height:auto; vertical-align:middle; border:0; }
a { text-decoration:none; color:#333; }
html { font-size: 10px; line-height:1.35; }
body, button, h1, h2, h3, h4, h5, input, select, table, textarea, button { font-family: 'Noto Sans KR', sans-serif; color:#333; }

/* placeholder */
input::-webkit-input-placeholder { color:#aaa; }
input::-moz-input-placeholder { color:#aaa; }
input::-moz-placeholder { color:#aaa; }
input::-ms-input-placeholder { color:#aaa } 
textarea::-webkit-input-placeholder { color:#aaa; }
textarea::-moz-input-placeholder { color:#aaa; }
textarea::-moz-placeholder { color:#aaa; }
textarea::-ms-input-placeholder { color:#aaa }


/* wrap */
.wrap { position:relative; min-width:290px; margin:0 auto; padding-top:3.8rem; }

/* header */
#hd { position:fixed; left:0; right:0; top:0; min-width:290px; background-color:#fff; box-shadow:0 0 20px #aaa; z-index:1001; }
#hd .head { position:relative; max-width:750px; height:3.8rem; margin:0 auto; }
#hd h1 { padding:0.9rem 0 0 1.9rem; width:4.6rem; }
#hd h1 a { display:block; width:100%; height:1.9rem; background-repeat:no-repeat; background-position:center; background-image:url('../img/common/logo.png'); background-size:100% auto; font-size:0; }
#hd .btn_menu { position:absolute; right:1.4rem; top:0px; display:block; width:3.8rem; height:100%; background-repeat:no-repeat; background-position:center; background-image:url('../img/common/ic_menu.png'); background-size:100% auto; cursor:pointer; }

#hd .product-name { position:absolute; right:5.5rem; top:0.5rem; bottom:0.5rem;background-color:#efeff2; display:flex; align-items:center; border-radius:5px; padding:0 1.0rem; gap:1.5rem; font-size:0.92rem; }
#hd .product-name .name { font-size:0.7rem; }
#hd .product-name .count { font-weight:700; }
#hd .product-name strong { color:#999999; }


/* aside */
#aside { position:fixed; left:0; right:0; top:0; bottom:0; width:100%; min-width:290px; background-color:#000000; transition: right 0.5s; z-index:999; display:none; }
#aside .aside-top { position:relative; padding:1.0rem 2.0rem; height:3.9rem; box-sizing:border-box; }
#aside .aside-top .btn-parther-club { display:flex; align-items:center; justify-content:center; width:9.0rem; height:2.7rem; font-size:1.2rem; font-weight:700; color:#fff; background-color:#2144cd; border-radius:2.7rem; }
#aside .aside-top .btn_close { position:absolute; right:2.0rem; top:1.0rem; display:block; width:3.0rem; height:3.0rem; background-repeat:no-repeat; background-position:center; background-image:url('../img/common/ic_aside_close.png'); background-size:100% auto; cursor:pointer; }

#aside #nav { margin-top:5.0rem; padding:0 2.0rem; }
#aside #nav ul { }
#aside #nav li { position:relative; font-size:2.321rem; margin-bottom:1.3rem; font-weight:700; } 
#aside #nav li a { color:#fff; } 
#aside #nav li .idx { display:block; font-size:2.321rem; font-weight:700; color:#fff; border:0; cursor:pointer; }

#aside #nav li .sub-menu { position:absolute; right:0; top:0; width:12.5rem; background-color:#1c1c1c;  padding:1.0rem 0.5rem 1.5rem 0.5rem; border-radius:1.0rem; z-index:100; display:none; }
#aside #nav li .sub-menu p { font-size:1.8rem; font-weight:400; text-align:center; letter-spacing: -1px; }
#aside #nav li .sub-menu p a { position:relative; display:block; padding:0.5rem 0; }
#aside #nav li .sub-menu p.tit { display:block; background-color:#2144cd; color:#fff; font-size:2.319rem; border-radius:1.0rem; margin-bottom:1.0rem; }

#aside #nav li:hover .sub-menu { display:block; }

#aside #nav li.product-name { background-color:#efeff2; height:55px; display:flex; align-items:center; border-radius:5px; padding:0 25px; gap:25px; font-size:18px; }
#aside #nav li.product-name .name { }
#aside #nav li.product-name .count { font-weight:700; }


/* footer */
#ft { position:relative; background-color: #dddada; }
#ft .menu-wr { background-color:#f1f1f1; display:none; }
#ft .menu-wr .menu { max-width:750px; margin:0 auto; padding:1.0rem 1.5rem; box-sizing:border-box; }
#ft .menu-wr .menu li { font-size:1.16rem; margin-bottom:0.7rem; }
#ft .menu-wr .menu li:last-child { margin-bottom:0; }
#ft .menu-wr .menu li a { color:#333; }
#ft .foot { max-width:750px; margin:0 auto; padding:1.0rem 1.5rem; box-sizing:border-box;}
#ft address { font-size:1.006rem; color:#333333; font-style:normal; text-align:left; }
#ft .copyright { margin-top:1.2rem; color:#333333; }