@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-family:Poppins,sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}
 
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}
 
.placeholdersjs {color:#aaa !important}

.mt30 { margin-top:30px;}
.mt10 { margin-top:10px;}


.topmenu { height:80px; }
.topmenu div { display:flex; justify-content : center;  align-items : center; }
.topmenu div a { color:#fff; text-decoration:none; font-weight:500}
.topmenu div a:hover { color:#a1a1a1;}
.logoimg {  text-align:center}
.logoimg img { width:60px; }

.mbskin { border:1px solid #ddd; margin-top:200px; text-align:center; padding:20px 80px;}
.mbskin_box { width:300px; margin:0px auto;}

.goodslist { width:100%; margin-top:30px;}
.goodslist th {background:#f1f1f1 !important; text-align:center; font-size:14px;}
.goodslist td { vertical-align:middle}
.help { font-size:12px;}

.category a { color:#000; text-decoration:none; }

.goodslist2 { width:100%; margin-top:30px;}
.goodslist2 th { text-align:center; font-size:12px;}
.goodslist2 td { vertical-align:middle}

.goodslist3 { width:100%; margin-top:30px; }
.goodslist3 th { text-align:center; font-size:13px; }
.goodslist3 td { vertical-align:middle; text-align:center; }

.goodslist4 { width:100%; margin-top:30px; }
.goodslist4 th {  font-size:12px; width:120px; }
.goodslist4 td { vertical-align:middle; font-size:12px; }

#hd { background:#000}

.ft { text-align:center; margin-top:80px; padding:30px 0; color:#000;}