/*********** Normalize ***********/
html, body, h1, h2, h3, h4, h5, h6, p, div, form, input, textarea, select, header, section, nav, article, aside, footer, table, thead, tbody, tr, td, th, ul, ol, li, dl, dt, dd {margin: 0; padding: 0; box-sizing: border-box;}
img {vertical-align: bottom;}
table {border-collapse: collapse;}
ul, ol {list-style: none;}

/*********** 공통사항 ***********/
.clear::after {content: ""; display: block; clear: both;}
.img {width: 100%; height: auto;}
.imgx {max-width: 100%;}
.imgv {height: 100%; width: auto;}
.pointer {cursor: pointer;}


/*********** 사용자 지정 ***********/
.w10 {width: 10px;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w110 {width: 110px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w160 {width: 160px;}
.w170 {width: 170px;}
.w180 {width: 180px;}
.w190 {width: 190px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}

.wp10 {width: 10%;}
.wp20 {width: 20%;}
.wp30 {width: 30%;}
.wp40 {width: 40%;}
.wp50 {width: 50%;}
.wp60 {width: 60%;}
.wp70 {width: 70%;}
.wp80 {width: 80%;}
.wp90 {width: 90%;}
.wp100 {width: 100%;}

.input {padding: 16px; border: 1px solid #ccc;}
.input.red {border: 1px solid #c30;}
.input.orange {border: 1px solid #c60;}

.button {border: none; padding: 16px; cursor: pointer;}
.button.red {background-color: #c30; color: #fff; transition: all 0.5s;}
.button.red:hover {background-color: #c60;}