@charset "utf-8";

/* 디폴트 css */
*{margin: 0; padding: 0; border: 0;outline: 0;  box-sizing: border-box; font-family: 'Pretendard';}

img{border: 0; vertical-align: middle; outline: 0;}
ul, li, ol{list-style: none;}
body{font-weight: 400; font-size: 0.9rem; width: 100%; }
html{width: 100%;height: 100%;overflow-x: hidden; overflow-y: auto;}
a{color: #222; display: block; height: 100%;}
td a{display: inline-block;}
button{cursor: pointer;}
button:hover{font-weight:bold;}
a:focus{text-decoration: none; -webkit-tap-highlight-color : transparent;}
a:link {text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: none; font-weight: bold;}

input, select{background-color: transparent; width: 100%;}
input[type="checkbox"],input[type="radio"]{width: auto;}
input[type="button"],input[type="submit"],input[type="date"]{cursor: pointer;}
/*자주 사용 클래스 지정*/
.cf::after {content:""; display:block; clear:both;}
.cf::before {content:""; display:block; clear:both;}
.fl{float: left;}
.fr{float:right;}
.flex{display: flex; align-items: center; justify-content: center;}
.flex_left{display: flex; align-items: center; }
.flex_g{flex-grow: 1;}

.none{display: none;}

/*width*/
.w100{width: 100px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w250{width: 250px;}
.w300{width: 300px;}
.w400{width: 400px;}
.w500{width: 500px;}

/*padding*/
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px !important;}

/*text*/
.tl{text-align: left;}
.tr{text-align: right;}