@charset "utf-8";

/*****************************/
/* Publisher JR. Reset CSS */
/*****************************/

/* HTML Reset */
html,body{width:100%; font-family:'돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif}
html{overflow:auto}
body{background-color:#fff; word-break:break-all}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0; padding:0}
body,h1,h2,h3,h4,input,button{font-family:'돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size:13px; color:#333}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0; padding:0}
a{color:#333; text-decoration:none}
a:hover{color:#333; text-decoration:none}
a:link, a:visited{text-decoration:none}
button *{position:relative}
button img{left:-3px;}
option{padding-right:6px}
table{border-collapse:collapse; border-spacing:0}


/* HTML5 Element Reset */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}


/* Input Reset */
input[type="checkbox"]{margin:0; vertical-align:middle; margin-right:2px}
input[type="radio"]{margin:0; vertical-align:middle; margin-right:2px}


/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea{-webkit-appearance:none; -webkit-border-radius:0}


/* UI JS CSS */
.fadeinUp{opacity:1; animation:fadeInUpAni 0.6s ease; -webkit-animation:fadeInUpAni 0.6s}
@-webkit-keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
@keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}


.productSelectWrap li button {height:32px;margin:2px 5px 2px 0;border:solid 1px #adadad;border-radius:4px;background-color:#fff;font-size:12px;line-height:32px;}
.productSelectWrap li button.on {background-color:#eb5b4c;border-color:#a04a41;color:#fff;}
.productSelectWrap li button.off {background-color:#3366ff;border-color:#a04a41;color:#fff;}
.productSelectWrap li button.green {background-color:#009900;border-color:#a04a41;color:#fff;}
.productSelectWrap li button.mon {background-color:#eb5b4c;border-color:#a04a41;color:#fff;}
.productSelectWrap li button.moff {background-color:#ff8000;border-color:#a04a41;color:#fff;}
.productSelectWrap li button.purple {background-color:#B677FF;border-color:#a04a41;color:#fff;}
.productSelectWrap li button.gray {background-color:#BDBDBD;border-color:#a04a41;color:#fff;}