@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900);
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);
/* 
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/kopubbatang.css);
나눔스퀘어 등의 사용 시 한자폰트 안뜰때 - @import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);
*/
@import url(https://use.fontawesome.com/releases/v6.4.2/css/all.css);
@import url(https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);

@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*font-series*/
.ptd {font-family:'pretendard', sans-serif;}
.nts {font-family:'Noto Sans KR', sans-serif;}
.kbt {font-family:'KoPub Batang', serif; letter-spacing:-1pt;}
.pps {font-family:'Poppins', 'Noto Sans KR', sans-serif; letter-spacing:0;}
.ctx {font-family:'cwTeXHei', sans-serif;}
.mgg {font-family:'맑은 고딕', sans-serif;}
.omt {font-family:'ONE-Mobile-Title', sans-serif;}

/*reset*/
*:focus {outline:0;}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button {margin:0; padding:0;}
body * {font-family:'pretendard', "맑은 고딕", "돋움", sans-serif; letter-spacing:-0.025em;}
br {font-family:"맑은 고딕", "돋움", sans-serif;}
*, :after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-word-break:keep-all; -moz-word-break:keep-all; word-break:keep-all; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.wbb {webkit-word-break:break-all; -moz-word-break:break-all; word-break:break-all;}
li {list-style:none;}
img {border:0; max-width:100%; height:auto;}
a {text-decoration:none; color:#000;}
a:hover {text-decoration:none;}
legend, caption {display:none;}
fieldset {border:0; margin:0; padding:0;}
input, label, select, textarea, button, i, img {vertical-align:middle;}
input, select, textarea, button {border:1px solid #d4d6d8;}
input[type="text"], input[type="tel"], input[type="number"], input[type="password"], input[type="file"], input[type="email"], input[type="submit"], button, select {padding:5px 10px; height:40px; border-radius:0px; letter-spacing:0;}
input[type="file"] {padding:2px;}
input[type="password"] {font-family:sans-serif;}
button, input[type="button"], input[type="submit"] {cursor:pointer;}
select {padding:0 5px;}
textarea {font-size:16px; line-height:26px; width:100%; padding:10px; text-align:justify; border-radius:0px; font-family:'NanumSquare', 'Poppins', "맑은 고딕", "돋움", sans-serif; color:#444648;}
input:focus, textarea:focus {border-color:#22b24c;}
i {transform:translateY(-2px); font-style:normal;}
.tfty2 {transform:translateY(-2px);}
.tfty1 {transform:translateY(-1px);}
.tfty0 {transform:translateY(0);}
.table {width:100%; border:0; border-top:2px solid #3c4146; border-spacing:0; border-collapse:collapse;}
.table th {padding:15px; border-bottom:1px solid #d4d6d8; font-size:20px; line-height:30px;}
.table td {padding:15px; border-bottom:1px solid #d4d6d8; font-size:20px; line-height:30px;}
.table.row th {width:300px;}
.table.row td {width:auto;}
.table.col th {background:#f9f9fb; color:#22b24c; border-bottom:1px solid #d4d6d8;}
.table.col td {border-bottom:1px solid #d4d6d8;}
.table.text-white {border-color:white;}
.table.text-white th {background:rgba(0,0,0,0.1);}
.sum-list {position:relative; font-size:20px; line-height:34px; padding:6px 0;}
.sum-list.boxed {border:1px solid #d4d6d8; background:#f9f9fb; padding:16px 18px;}
.sum-list li {position:relative; padding-left:16px; margin-bottom:6px;}
.sum-list li.item:before {content:''; display:block; width:4px; height:4px; border-radius:50%; background:#233c95; position:absolute; top:15px; left:0; color:#22b24c;}
.sum-list.text-white li.item:before {background:white;}
.sum-list li:last-child {margin-bottom:0;}
.sum-list li p {padding-top:2px; font-size:18px; line-height:28px; color:#666;}
.sum-list li p:first-child {padding-top:8px;}
.sum-list li.num {padding:0 0 0 34px;}
.sum-list li.num span {display:block; position:absolute; top:1px; left:0; width:24px; text-align:center; height:24px; line-height:24px; font-size:12px; border:1px solid #22b24c; border-radius:100%; color:#22b24c; font-weight:500;}
.num-list>li.item {position:relative; padding-left:50px; font-size:20px; line-height:30px; margin-bottom:20px;}
.num-list>li.item span.num {display:block; position:absolute; top:-3px; left:0; width:40px; height:40px; line-height:40px; text-align:center; border-radius:100%; background:#22b24c; color:white; font-size:16px;}
td .sum-list {font-size:18px; line-height:28px;}
td .sum-list li.item:before {top:11px;}
td .sum-list li p {font-size:16px; line-height:26px;}

/*basic*/
.bg-photo {background-repeat:no-repeat; background-position:center; background-size:cover;}
.mask {position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.6; z-index:0;}
.blind {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:0;}
.clear {clear:both; font-size:0;}
.aclear:after {content:''; display:block; clear:both; font-size:0;}
.divine {opacity:0.25; font-weight:normal; margin:0 3px;}
.h1 {height:1px;}
.toh {text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap;}
.csp {cursor:pointer;}
.pten {pointer-events:none;}

.tag-box {display:inline-block; border-radius:3px; border:2px solid #444;  padding:14px 22px;}
.tag-box.invc {background:#444; color:white;}
.tag-box.bdr {border-radius:3000px;}
.tag-box.main {border-color:#22b24c; color:#22b24c;}
.tag-box.sub {border-color:#233c95; color:#233c95;}
.tag-box.invc.main {background:#22b24c; border-color:#22b24c; color:white;}
.tag-box.invc.sub {background:#233c95; border-color:#233c95; color:white;}

.abtn {cursor:pointer;}
.abtn i {font-size:18px;}
.abtn.big i {font-size:22px;}
.abtn, input.abtn {display:inline-block; height:50px; line-height:50px; border:1px solid #d4d6d8; font-size:16px; border-radius:0; padding:0 22px; vertical-align:middle;}
.abtn.esmall, input.abtn.esmall {height:30px; line-height:30px; padding:0 8px; font-size:14px;}
.abtn.small, input.abtn.small {height:40px; line-height:40px; padding:0 14px;font-size:14px;}
.abtn.big, input.abtn.big {height:60px; line-height:60px; padding:0 22px; font-size:18px;}
.abtn:hover {background:white; border-color:#444; color:#444;}
.abtn.main {background:white; border-color:#22b24c; color:#22b24c;}
.abtn.main:hover {background:#22b24c; border-color:#22b24c; color:white;}
.abtn.main.invc {background:#22b24c; border-color:#22b24c; color:white;}
.abtn.main.invc:hover {background:white; border-color:#22b24c; color:#22b24c;}
.abtn.sub {background:white; border-color:#233c95; color:#233c95;}
.abtn.sub:hover {background:#233c95; border-color:#233c95; color:white;}
.abtn.sub.invc {background:#233c95; border-color:#233c95; color:white;}
.abtn.sub.invc:hover {background:white; border-color:#233c95; color:#233c95;}
.abtn.red {background:white; border-color:#e54c55; color:#e54c55;}
.abtn.red:hover {background:#e54c55; border-color:#e54c55; color:white;}
.abtn.red.invc {background:#e54c55; border-color:#e54c55; color:white;}
.abtn.red.invc:hover {background:white; border-color:#e54c55; color:#e54c55;}
.abtn.gray {background:white; border-color:#7d8287; color:#7d8287;}
.abtn.gray:hover {background:#7d8287; border-color:#7d8287; color:white;}
.abtn.gray.invc {background:#7d8287; border-color:#7d8287; color:white;}
.abtn.gray.invc:hover {background:white; border-color:#7d8287; color:#7d8287;}
.abtn.dark {background:white; border-color:#3c4146; color:#3c4146;}
.abtn.dark:hover {background:#3c4146; border-color:#3c4146; color:white;}
.abtn.dark.invc {background:#3c4146; border-color:#3c4146; color:white;}
.abtn.dark.invc:hover {background:white; border-color:#3c4146; color:#3c4146;}
.abtn.yellow {background:white; border-color:#f6ad3a; color:#f6ad3a;}
.abtn.yellow:hover {background:#f6ad3a; border-color:#f6ad3a; color:white;}
.abtn.yellow.invc {background:#f6ad3a; border-color:#f6ad3a; color:white;}
.abtn.yellow.invc:hover {background:white; border-color:#f6883a; color:#f6883a;}
.abtn.black {background:white; border-color:black; color:black;}
.abtn.black:hover {background:black; border-color:black; color:white;}
.abtn.black.invc {background:black; border-color:black; color:white;}
.abtn.black.invc:hover {background:white; border-color:black; color:black;}
.abtn.white {background:none; border-color:white; color:white;}
.abtn.white:hover {background:white; border-color:white; color:#22b24c;}
.abtn.white.invc {background:white; border-color:white; color:#22b24c;}
.abtn.white.invc:hover {background:none; border-color:white; color:white;}
.abtn.nb {background:none}
.abtn.bdr {border-radius:200px !important;}
table .abtn, table input.abtn {height:40px; line-height:40px; padding:0 14px; font-size:14px; border-radius:0px;}

/*form*/
.p0 {padding:0;}
.p0 select {border-color:#f0f0f2;}
.p0 table {border:0; border-left:1px solid #f0f0f2;}
.p0 table.row th {width:15%;}
.p0 table th, .p0 table td {border-color:#f0f0f2;}
.p0 table tr:last-child th, .p0 table tr:last-child td {border-bottom:0;}
.p0 table tr th:last-child, .p0 table tr td:last-child {border-right:0;}
.select-box {display:inline-block; vertical-align:middle; margin-right:0; height:40px; line-height:40px; position:relative; cursor:pointer; border:1px solid #d4d6d8; border-radius:3px; overflow:hidden; background:#fff;}
.select-box select {padding:0 46px 0 10px; border:0; width:100%; display:block; background:none; position:relative; z-index:10; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.select-box select:focus {outline:0;}
.select-box select::-ms-expand {display:none;}
.select-box i {position:absolute; top:1px; right:-1px; display:block; width:40px; height:41px; line-height:41px; text-align:center; color:#22b24c; font-size:24px;}
.file-box {display:inline-block; position:relative; border:1px solid #d4d6d8; border-radius:3px; overflow:hidden; background:white; vertical-align:middle; min-width:200px; margin:2px; background:white;}
.file-box input[type="text"] {width:100%; background:none; font-size:14px; font-weight:bold; border:0;}
.file-box input[type="text"]::placeholder {font-weight:normal;}
.file-box input[type="button"] {position:absolute; top:0; right:0; bottom:0; padding:0 10px; border-radius:0 3px 3px 0; background:none; color:black; border:solid #d4d6d8; border-width:0 0 0 1px; font-size:14px; background:#f2f2f4;}
.file-box input[type="file"] {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; z-index:999;}
.file-box input[type="file"]:disabled + input[type="text"] {background:#f9f9fb;}
.file-box input[type="file"]:disabled + input[type="text"]::placeholder {color:#aaa;}
.file-box input[type="file"]:disabled + input[type="text"] + input[type="button"] {color:#aaa;}
.check-box {display:inline-block; vertical-align:middle; margin-right:0; position:relative;}
.check-box i {font-size:22px; margin-right:0; transform:translateY(-2px);}
.check-box input {display:none;}
.check-box .hide {display:none;}
.check-box .show {color:#c4c6c8;}
.check-box label {cursor:pointer; display:block; font-size:16px !important;}
.check-box input {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:0; border:0; background:none; cursor:pointer;}
.check-box.no-box label {height:auto; line-height:inherit; padding:0; border:0; background:none; font-size:0 !important;}
.check-box input:focus {outline:0;}
.check-box input:checked + label {border-color:#22b24c; color:#22b24c;}
.check-box input:checked + label .show {display:none;}
.check-box input:checked + label .hide {display:inline-block; color:#22b24c;}
.check-box input:disabled + label {opacity:.4;}
.check-box input:checked:disabled + label {opacity:1;}
.check-box.boxed label {height:40px; line-height:40px; border:1px solid #ccc; border-radius:40px; padding:0 12px;}
.search-box {display:inline-block; vertical-align:middle; margin-right:0; height:40px; line-height:40px; position:relative; cursor:pointer; border:1px solid #d4d6d8; border-radius:3px; overflow:hidden; background:#fff; font-size:0; overflow:hidden;}
.search-box input[type="text"] {border:0;}
.search-box * {display:inline-block; vertical-align:middle;}
.search-box input[type="submit"], .search-box a {font-size:16px; border:solid #d4d6d8; border-width:0 0 0 1px; border-radius:0; padding:0 16px; background:#f2f2f4;}
.search-box input[type="submit"]:hover, .search-box a:hover, .file-box:hover input[type="button"] {background:#848688; border-color:#848688; color:white;}

.select-box.focus {outline:3px solid #000; outline-offset:2px; border-radius:3px;}
.file-box.focus {outline:3px solid #000; outline-offset:2px; border-radius:3px;}
.file-box.focus input[type="button"] {background:#848688; border-color:#848688; color:white;}

.slide-check {display:inline-block; height:26px; width:54px; position:relative; vertical-align:middle;}
.slide-check input {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.slide-check label {display:block; position:relative; width:100%; height:100%; border-radius:40px; background:#d4d6d8; cursor:pointer; transition:all 0.15s ease-out;}
.slide-check label i {display:block; width:20px; height:20px; border-radius:100%; background:white; position:absolute; top:5px; left:3px; transition:all 0.15s ease-out;}
.slide-check input:checked + label {background:#22b24c;}
.slide-check input:checked + label i {left:31px;}

input.check-item {position:absolute; left:-99999px;}
.check-item + label {position:relative; display:inline-block; vertical-align:middle; cursor:pointer; padding-left:26px; line-height:22px;}
.check-item + label:before, .check-item + label:after {content:''; display:block; position:absolute; top:0; left:0; transition:all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.check-item + label:before {z-index:1; width:20px; height:20px; border:2px solid #cdd2dc;}
.check-item + label:after {content:'check'; font-family:'Material Symbols Outlined'; z-index:10; width:0; height:0; line-height:20px; text-align:center; font-weight:bold; background:#22b24c; color:white; font-size:12px; overflow:hidden; top:10px; left:10px;}
.check-item:checked + label:before {opacity:0;}
.check-item:checked + label:after {top:0; left:0; width:20px; height:20px;}
.check-item[type="radio"] + label:before, .check-item[type="radio"] + label:after {border-radius:100%;}
.check-item.no-text + label {font-size:0; width:20px; height:20px; padding:0;}
.check-item.focus + label {outline:3px solid #000; outline-offset:2px; border-radius:3px;}

input.check-slide-item {position:absolute; left:-99999px;}
.check-slide-item + label {position:relative; display:inline-block; vertical-align:middle; cursor:pointer; padding-left:50px; line-height:20px;}
.check-slide-item + label:before, .check-slide-item + label:after {content:''; display:block; position:absolute; top:0; left:0; transition:all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.check-slide-item + label:before {width:14px; height:14px; border-radius:100%; background:white; z-index:10; top:3px; left:3px;}
.check-slide-item + label:after {width:40px; height:20px; border-radius:100px; background:#cdd2dc; z-index:1;}
.check-slide-item:checked + label:before {left:23px;}
.check-slide-item:checked + label:after {background:#22b24c;}
.check-slide-item.no-text + label {font-size:0; width:40px; height:20px; padding:0;}
.check-slide-item.focus + label {outline:3px solid #000; outline-offset:2px; border-radius:3px;}

.selectbox-item {position:relative; display:inline-block; vertical-align:middle; height:40px; line-height:40px; cursor:pointer; border:1px solid #d4d6d8; overflow:hidden; background:#fff;}
.selectbox-item select {width:100%; padding:0 30px 0 15px; display:block; border:0; background:none; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.selectbox-item select:focus {outline:0;}
.selectbox-item select::-ms-expand {display:none;}
.selectbox-item:after {content:'expand_more'; font-family:'Material Symbols Outlined'; display:block; position:absolute; top:0; right:0; width:30px; height:40px; text-align:center; font-size:20px; color:#22b24c; pointer-events:none; transition:all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.selectbox-item.focus {outline:3px solid #000; outline-offset:2px; border-radius:3px;}

/*text-color*/
.text-black {color:black;}
.text-white {color:white;}
.text-red {color:#e54c55 !important;}
.text-blue {color:#00b4c7;}
.text-green {color:#90ba00;}
.text-yellow {color:#ffe100;}
.text-light {color:#afb4b9;}
.text-gray {color:#7d8287;}
.text-dark {color:#3c4146;}
.text-main {color:#22b24c;}
.text-sub {color:#233c95;}

/*bg*/
.bg-black {background-color:black;}
.bg-white {background-color:white;}
.bg-red {background-color:#fa5569;}
.bg-blue {background-color:#00b4c7;}
.bg-green {background-color:#90ba00;}
.bg-yellow {background-color:#f6ad3a;}
.bg-light {background-color:#f9f9fb;}
.bg-gray {background-color:#afb4b9;}
.bg-dark {background-color:#3c4146;}
.bg-main {background-color:#22b24c !important;}
.bg-sub {background-color:#233c95 !important;}
.bgn {background-color:none;}
.bgcn {background-color-color:transparent;}

/*overflow*/
.ofh {overflow:hidden;}
.ofa {overflow:auto;}
.ofax {overflow-x:auto;}
.ofay {overflow-y:auto;}

/*font_weight*/
.fw100 {font-weight:100 !important;}
.fw200 {font-weight:200 !important;}
.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}
.fw700 {font-weight:700 !important;}
.fw800 {font-weight:800 !important;}
.fw900 {font-weight:900 !important;}
.fwb {font-weight:bold !important;}
.fwn {font-weight:normal !important;}

/*font-size*/
.fs0 {font-size:0 !important;}
.fs11 {font-size:10px; line-height:20px;}
.fs11 {font-size:11px; line-height:21px;}
.fs12 {font-size:12px; line-height:20px;}
.fs14 {font-size:14px; line-height:22px;}
.fs16 {font-size:16px; line-height:24px;}
.fs16w {font-size:16px; line-height:31px;}
.fs18 {font-size:18px; line-height:26px;}
.fs18w {font-size:18px; line-height:33px;}
.fs20 {font-size:20px; line-height:30px;}
.fs20w {font-size:20px; line-height:35px;}
.fs22 {font-size:22px; line-height:32px;}
.fs22w {font-size:22px; line-height:36px;}
.fs25 {font-size:25px; line-height:35px;}
.fs25w {font-size:25px; line-height:40px;}
.fs30 {font-size:30px; line-height:40px;}
.fs30w {font-size:30px; line-height:44px;}
.fs35 {font-size:35px; line-height:45px;}
.fs40 {font-size:40px; line-height:50px;}
.fs45 {font-size:45px; line-height:55px;}
.fs50 {font-size:50px; line-height:60px;}
.fs60 {font-size:60px; line-height:70px;}
.fs70 {font-size:70px; line-height:80px;}
.fs80 {font-size:80px; line-height:90px;}
.fs90 {font-size:90px; line-height:100px;}
.fs100 {font-size:100px; line-height:110px;}
.ttu {text-transform:uppercase;}

/* line-height */
.lh0 {line-height:0px !important;}
.lh10 {line-height:10px !important;}
.lh20 {line-height:20px !important;}
.lh30 {line-height:30px !important;}
.lh40 {line-height:40px !important;}
.lh50 {line-height:50px !important;}
.lh60 {line-height:60px !important;}
.lh70 {line-height:70px !important;}
.lh80 {line-height:80px !important;}
.lh90 {line-height:90px !important;}
.lh100 {line-height:100px !important;}

/*width*/
.w100 {width:100%;}
.w95 {width:95%;}
.w90 {width:90%;}
.w85 {width:85%;}
.w80 {width:80%;}
.w75 {width:75%;}
.w70 {width:70%;}
.w65 {width:65%;}
.w60 {width:60%;}
.w55 {width:55%;}
.w50 {width:50%;}
.w49 {width:49%;}
.w48 {width:48%;}
.w45 {width:45%;}
.w40 {width:40%;}
.w35 {width:35%;}
.w33 {width:33.33%;}
.w30 {width:30%;}
.w25 {width:25%;}
.w20 {width:20%;}
.w15 {width:15%;}
.w10 {width:10%;}
.w400px {width:400px;}
.w300px {width:300px;}
.w200px {width:200px;}
.w180px {width:180px;}
.w160px {width:160px;}
.w140px {width:140px;}
.w120px {width:120px;}
.w100px {width:100px;}
.w90px {width:90px;}
.w80px {width:80px;}
.w70px {width:70px;}
.w60px {width:60px;}
.w50px {width:50px;}
.w40px {width:40px;}
.w30px {width:30px;}
.w20px {width:20px;}
.w10px {width:10px;}
.mw100 {max-width:100px; margin:0 auto;}
.mw200 {max-width:200px; margin:0 auto;}
.mw300 {max-width:300px; margin:0 auto;}
.mw400 {max-width:400px; margin:0 auto;}
.mw500 {max-width:500px; margin:0 auto;}
.mw600 {max-width:600px; margin:0 auto;}
.mw700 {max-width:700px; margin:0 auto;}
.mw800 {max-width:800px; margin:0 auto;}
.mw960 {max-width:960px; margin:0 auto;}
.mw1024 {max-width:1024px; margin:0 auto;}
.mw1200 {max-width:1200px; margin:0 auto;}
.mw1280 {max-width:1280px; margin:0 auto;}
.mw1400 {max-width:1400px; margin:0 auto;}
.mw1440 {max-width:1440px; margin:0 auto;}
.mw1600 {max-width:1600px; margin:0 auto;}
.mw1680 {max-width:1680px; margin:0 auto;}
.mw1800 {max-width:1800px; margin:0 auto;}
.mw1920 {max-width:1920px; margin:0 auto;}

/* height */
.h0px {height:0px !important;}
.h10px {height:10px !important;}
.h20px {height:20px !important;}
.h30px {height:30px !important;}
.h40px {height:40px !important;}
.h50px {height:50px !important;}
.h60px {height:60px !important;}
.h70px {height:70px !important;}
.h80px {height:80px !important;}
.h90px {height:90px !important;}
.h100px {height:100px !important;}
.h100 {height:100%;}

/*min*/
.mh0 {min-height:0;}
.mh10 {min-height:10px;}
.mh20 {min-height:20px;}
.mh30 {min-height:30px;}
.mh40 {min-height:40px;}
.mh50 {min-height:50px;}
.mh60 {min-height:60px;}
.mh70 {min-height:70px;}
.mh80 {min-height:80px;}
.mh90 {min-height:90px;}
.mh100 {min-height:100px;}
.mha {min-height:auto;}
.mw0 {min-width:0;}
.mwa {min-width:auto;}

/*margin*/
.m100 {margin:100px;}
.m90 {margin:90px;}
.m80 {margin:80px;}
.m70 {margin:70px;}
.m60 {margin:60px;}
.m50 {margin:50px;}
.m45 {margin:45px;}
.m40 {margin:40px;}
.m35 {margin:35px;}
.m30 {margin:30px;}
.m25 {margin:25px;}
.m20 {margin:20px;}
.m15 {margin:15px;}
.m10 {margin:10px;}
.m5 {margin:5px;}
.m4 {margin:4px;}
.m3 {margin:3px;}
.m2 {margin:2px;}
.m1 {margin:1px;}
.mla {margin-left:auto;}
.mra {margin-right:auto;}
.m0a {margin:0 auto;}
.ma0 {margin:auto 0;}
.ma {margin:auto;}
.m0 {margin:0;}

/*margin-top*/
.mt600 {margin-top:600px;}
.mt500 {margin-top:500px;}
.mt400 {margin-top:400px;}
.mt300 {margin-top:300px;}
.mt200 {margin-top:200px;}
.mt180 {margin-top:180px;}
.mt160 {margin-top:160px;}
.mt140 {margin-top:140px;}
.mt120 {margin-top:120px;}
.mt100 {margin-top:100px;}
.mt90 {margin-top:90px;}
.mt80 {margin-top:80px;}
.mt70 {margin-top:70px;}
.mt60 {margin-top:60px;}
.mt50 {margin-top:50px;}
.mt40 {margin-top:40px;}
.mt30 {margin-top:30px;}
.mt20 {margin-top:20px;}
.mt10 {margin-top:10px;}
.mt5 {margin-top:5px;}
.mt0 {margin-top:0;}
.mtm1 {margin-top:-1px;}

/*margin-left*/
.ml600 {margin-left:600px;}
.ml500 {margin-left:500px;}
.ml400 {margin-left:400px;}
.ml300 {margin-left:300px;}
.ml200 {margin-left:200px;}
.ml180 {margin-left:180px;}
.ml160 {margin-left:160px;}
.ml140 {margin-left:140px;}
.ml120 {margin-left:120px;}
.ml100 {margin-left:100px;}
.ml90 {margin-left:90px;}
.ml80 {margin-left:80px;}
.ml70 {margin-left:70px;}
.ml60 {margin-left:60px;}
.ml50 {margin-left:50px;}
.ml45 {margin-left:45px;}
.ml40 {margin-left:40px;}
.ml35 {margin-left:35px;}
.ml30 {margin-left:30px;}
.ml25 {margin-left:25px;}
.ml20 {margin-left:20px;}
.ml15 {margin-left:15px;}
.ml10 {margin-left:10px;}
.ml5 {margin-left:5px;}
.ml0 {margin-left:0;}
.mlm90 {margin-left:-90px;}
.mlm80 {margin-left:-80px;}
.mlm70 {margin-left:-70px;}
.mlm60 {margin-left:-60px;}
.mlm50 {margin-left:-50px;}
.mlm40 {margin-left:-40px;}
.mlm30 {margin-left:-30px;}
.mlm20 {margin-left:-20px;}
.mlm10 {margin-left:-10px;}

/*margin-right*/
.mr600 {margin-right:600px;}
.mr500 {margin-right:500px;}
.mr400 {margin-right:400px;}
.mr300 {margin-right:300px;}
.mr200 {margin-right:200px;}
.mr180 {margin-right:180px;}
.mr160 {margin-right:160px;}
.mr140 {margin-right:140px;}
.mr120 {margin-right:120px;}
.mr100 {margin-right:100px;}
.mr90 {margin-right:90px;}
.mr80 {margin-right:80px;}
.mr70 {margin-right:70px;}
.mr60 {margin-right:60px;}
.mr50 {margin-right:50px;}
.mr45 {margin-right:45px;}
.mr40 {margin-right:40px;}
.mr35 {margin-right:35px;}
.mr30 {margin-right:30px;}
.mr25 {margin-right:25px;}
.mr20 {margin-right:20px;}
.mr15 {margin-right:15px;}
.mr10 {margin-right:10px;}
.mr5 {margin-right:5px;}
.mr0 {margin-right:0;}
.mrm100 {margin-right:-100px;}
.mrm90 {margin-right:-90px;}
.mrm80 {margin-right:-80px;}
.mrm70 {margin-right:-70px;}
.mrm60 {margin-right:-60px;}
.mrm50 {margin-right:-50px;}
.mrm40 {margin-right:-40px;}
.mrm30 {margin-right:-30px;}
.mrm20 {margin-right:-20px;}
.mrm10 {margin-right:-10px;}

/*margin-bottom*/
.mb600 {margin-bottom:600px;}
.mb500 {margin-bottom:500px;}
.mb400 {margin-bottom:400px;}
.mb300 {margin-bottom:300px;}
.mb200 {margin-bottom:200px;}
.mb180 {margin-bottom:180px;}
.mb160 {margin-bottom:160px;}
.mb140 {margin-bottom:140px;}
.mb120 {margin-bottom:120px;}
.mb100 {margin-bottom:100px;}
.mb90 {margin-bottom:90px;}
.mb80 {margin-bottom:80px;}
.mb70 {margin-bottom:70px;}
.mb60 {margin-bottom:60px;}
.mb50 {margin-bottom:50px;}
.mb45 {margin-bottom:45px;}
.mb40 {margin-bottom:40px;}
.mb35 {margin-bottom:35px;}
.mb30 {margin-bottom:30px;}
.mb25 {margin-bottom:25px;}
.mb20 {margin-bottom:20px;}
.mb15 {margin-bottom:15px;}
.mb10 {margin-bottom:10px;}
.mb5 {margin-bottom:5px;}
.mb0 {margin-bottom:0 !important;}

/*margin_horizontal*/
.mx100 {margin-left:100px; margin-right:100px;}
.mx90 {margin-left:90px; margin-right:90px;}
.mx80 {margin-left:80px; margin-right:80px;}
.mx70 {margin-left:70px; margin-right:70px;}
.mx60 {margin-left:60px; margin-right:60px;}
.mx50 {margin-left:50px; margin-right:50px;}
.mx45 {margin-left:45px; margin-right:45px;}
.mx40 {margin-left:40px; margin-right:40px;}
.mx35 {margin-left:35px; margin-right:35px;}
.mx30 {margin-left:30px; margin-right:30px;}
.mx25 {margin-left:25px; margin-right:25px;}
.mx20 {margin-left:20px; margin-right:20px;}
.mx15 {margin-left:15px; margin-right:15px;}
.mx10 {margin-left:10px; margin-right:10px;}
.mx5 {margin-left:5px; margin-right:5px;}

/*margin_vertical*/
.my100 {margin-top:100px; margin-bottom:100px;}
.my90 {margin-top:90px; margin-bottom:90px;}
.my80 {margin-top:80px; margin-bottom:80px;}
.my70 {margin-top:70px; margin-bottom:70px;}
.my60 {margin-top:60px; margin-bottom:60px;}
.my50 {margin-top:50px; margin-bottom:50px;}
.my45 {margin-top:45px; margin-bottom:45px;}
.my40 {margin-top:40px; margin-bottom:40px;}
.my35 {margin-top:35px; margin-bottom:35px;}
.my30 {margin-top:30px; margin-bottom:30px;}
.my25 {margin-top:25px; margin-bottom:25px;}
.my20 {margin-top:20px; margin-bottom:20px;}
.my15 {margin-top:15px; margin-bottom:15px;}
.my10 {margin-top:10px; margin-bottom:10px;}
.my5 {margin-top:5px; margin-bottom:5px;}

/*padding*/
.p100 {padding:100px;}
.p90 {padding:90px;}
.p80 {padding:80px;}
.p70 {padding:70px;}
.p60 {padding:60px;}
.p50 {padding:50px;}
.p45 {padding:45px;}
.p40 {padding:40px;}
.p35 {padding:35px;}
.p30 {padding:30px;}
.p25 {padding:25px;}
.p20 {padding:20px;}
.p15 {padding:15px;}
.p10 {padding:10px;}
.p5 {padding:5px;}
.p0 {padding:0 !important;}
.ph0 {padding-left:0; padding-right:0;}
.pv0 {padding-top:0; padding-bottom:0;}

/*padding_horizontal*/
.ph600 {padding-left:600px; padding-right:600px;}
.ph500 {padding-left:500px; padding-right:500px;}
.ph400 {padding-left:400px; padding-right:400px;}
.ph300 {padding-left:300px; padding-right:300px;}
.ph200 {padding-left:200px; padding-right:200px;}
.ph180 {padding-left:180px; padding-right:180px;}
.ph160 {padding-left:160px; padding-right:160px;}
.ph140 {padding-left:140px; padding-right:140px;}
.ph120 {padding-left:120px; padding-right:120px;}
.ph100 {padding-left:100px; padding-right:100px;}
.ph90 {padding-left:90px; padding-right:90px;}
.ph80 {padding-left:80px; padding-right:80px;}
.ph70 {padding-left:70px; padding-right:70px;}
.ph60 {padding-left:60px; padding-right:60px;}
.ph50 {padding-left:50px; padding-right:50px;}
.ph45 {padding-left:45px; padding-right:45px;}
.ph40 {padding-left:40px; padding-right:40px;}
.ph35 {padding-left:35px; padding-right:35px;}
.ph30 {padding-left:30px; padding-right:30px;}
.ph25 {padding-left:25px; padding-right:25px;}
.ph20 {padding-left:20px; padding-right:20px;}
.ph15 {padding-left:15px; padding-right:15px;}
.ph10 {padding-left:10px; padding-right:10px;}
.ph5 {padding-left:5px; padding-right:5px;}

/*padding_vertical*/
.pv600 {padding-top:600px; padding-bottom:600px;}
.pv500 {padding-top:500px; padding-bottom:500px;}
.pv400 {padding-top:400px; padding-bottom:400px;}
.pv300 {padding-top:300px; padding-bottom:300px;}
.pv200 {padding-top:200px; padding-bottom:200px;}
.pv180 {padding-top:180px; padding-bottom:180px;}
.pv160 {padding-top:160px; padding-bottom:160px;}
.pv140 {padding-top:140px; padding-bottom:140px;}
.pv120 {padding-top:120px; padding-bottom:120px;}
.pv100 {padding-top:100px; padding-bottom:100px;}
.pv90 {padding-top:90px; padding-bottom:90px;}
.pv80 {padding-top:80px; padding-bottom:80px;}
.pv70 {padding-top:70px; padding-bottom:70px;}
.pv60 {padding-top:60px; padding-bottom:60px;}
.pv50 {padding-top:50px; padding-bottom:50px;}
.pv45 {padding-top:45px; padding-bottom:45px;}
.pv40 {padding-top:40px; padding-bottom:40px;}
.pv35 {padding-top:35px; padding-bottom:35px;}
.pv30 {padding-top:30px; padding-bottom:30px;}
.pv25 {padding-top:25px; padding-bottom:25px;}
.pv20 {padding-top:20px; padding-bottom:20px;}
.pv15 {padding-top:15px; padding-bottom:15px;}
.pv10 {padding-top:10px; padding-bottom:10px;}
.pv5 {padding-top:5px; padding-bottom:5px;}

/*padding-top*/
.pt600 {padding-top:600px;}
.pt500 {padding-top:500px;}
.pt400 {padding-top:400px;}
.pt300 {padding-top:300px;}
.pt200 {padding-top:200px;}
.pt180 {padding-top:180px;}
.pt160 {padding-top:160px;}
.pt140 {padding-top:140px;}
.pt120 {padding-top:120px;}
.pt100 {padding-top:100px;}
.pt90 {padding-top:90px;}
.pt80 {padding-top:80px;}
.pt70 {padding-top:70px;}
.pt60 {padding-top:60px;}
.pt50 {padding-top:50px;}
.pt45 {padding-top:45px;}
.pt40 {padding-top:40px;}
.pt35 {padding-top:35px;}
.pt30 {padding-top:30px;}
.pt25 {padding-top:25px;}
.pt20 {padding-top:20px;}
.pt15 {padding-top:15px;}
.pt10 {padding-top:10px;}
.pt5 {padding-top:5px;}
.pt0 {padding-top:0;}

/*padding-left*/
.pl600 {padding-left:600px;}
.pl500 {padding-left:500px;}
.pl400 {padding-left:400px;}
.pl300 {padding-left:300px;}
.pl200 {padding-left:200px;}
.pl180 {padding-left:180px;}
.pl160 {padding-left:160px;}
.pl140 {padding-left:140px;}
.pl120 {padding-left:120px;}
.pl100 {padding-left:100px;}
.pl90 {padding-left:90px;}
.pl80 {padding-left:80px;}
.pl70 {padding-left:70px;}
.pl60 {padding-left:60px;}
.pl50 {padding-left:50px;}
.pl45 {padding-left:45px;}
.pl40 {padding-left:40px;}
.pl35 {padding-left:35px;}
.pl30 {padding-left:30px;}
.pl25 {padding-left:25px;}
.pl20 {padding-left:20px;}
.pl15 {padding-left:15px;}
.pl10 {padding-left:10px;}
.pl5 {padding-left:5px;}
.pl0 {padding-left:0;}

/*padding-right*/
.pr600 {padding-right:600px;}
.pr500 {padding-right:500px;}
.pr400 {padding-right:400px;}
.pr300 {padding-right:300px;}
.pr200 {padding-right:200px;}
.pr180 {padding-right:180px;}
.pr160 {padding-right:160px;}
.pr140 {padding-right:140px;}
.pr120 {padding-right:120px;}
.pr100 {padding-right:100px;}
.pr90 {padding-right:90px;}
.pr80 {padding-right:80px;}
.pr70 {padding-right:70px;}
.pr60 {padding-right:60px;}
.pr50 {padding-right:50px;}
.pr45 {padding-right:45px;}
.pr40 {padding-right:40px;}
.pr35 {padding-right:35px;}
.pr30 {padding-right:30px;}
.pr25 {padding-right:25px;}	
.pr20 {padding-right:20px;}	
.pr15 {padding-right:15px;}
.pr10 {padding-right:10px;}
.pr5 {padding-right:5px;}
.pr0 {padding-right:0;}

/*padding-bottom*/
.pb600 {padding-bottom:600px;}
.pb500 {padding-bottom:500px;}
.pb400 {padding-bottom:400px;}
.pb300 {padding-bottom:300px;}
.pb200 {padding-bottom:200px;}
.pb180 {padding-bottom:180px;}
.pb160 {padding-bottom:160px;}
.pb140 {padding-bottom:140px;}
.pb120 {padding-bottom:120px;}
.pb100 {padding-bottom:100px;}
.pb90 {padding-bottom:90px;}
.pb80 {padding-bottom:80px;}
.pb70 {padding-bottom:70px;}
.pb60 {padding-bottom:60px;}
.pb50 {padding-bottom:50px;}
.pb45 {padding-bottom:45px;}
.pb40 {padding-bottom:40px;}
.pb35 {padding-bottom:35px;}
.pb30 {padding-bottom:30px;}
.pb25 {padding-bottom:25px;}
.pb20 {padding-bottom:20px;}
.pb15 {padding-bottom:15px;}
.pb10 {padding-bottom:10px;}
.pb5 {padding-bottom:5px;}
.pb0 {padding-bottom:0;}
.pb150p {padding-bottom:150%;}
.pb140p {padding-bottom:140%;} 
.pb135p {padding-bottom:135%;}
.pb130p {padding-bottom:130%;}
.pb125p {padding-bottom:125%;}
.pb120p {padding-bottom:120%;}
.pb110p {padding-bottom:110%;}
.pb100p {padding-bottom:100%;}
.pb90p {padding-bottom:90%;}
.pb80p {padding-bottom:80%;}
.pb75p {padding-bottom:75%;}
.pb70p {padding-bottom:70%;}
.pb66p {padding-bottom:66%;}
.pb60p {padding-bottom:60%;}
.pb56p {padding-bottom:56.25%;}
.pb50p {padding-bottom:50%;}
.pb40p {padding-bottom:40%;}
.pb30p {padding-bottom:30%;}
.pb20p {padding-bottom:20%;}
.pb10p {padding-bottom:10%;}

/*border*/
.bor {border:1px solid #d4d6d8;}
.bt {border-top:1px solid #d4d6d8;}
.bb {border-bottom:1px solid #d4d6d8;}
.bl {border-left:1px solid #d4d6d8;}
.br {border-right:1px solid #d4d6d8;}
.bor2 {border:2px solid #d4d6d8;}
.bt2 {border-top:2px solid #d4d6d8;}
.bb2 {border-bottom:2px solid #d4d6d8;}
.bl2 {border-left:2px solid #d4d6d8;}
.br2 {border-right:2px solid #d4d6d8;}
.bn {border:0 !important;}
.bt0 {border-top:0 !important;}
.bb0 {border-bottom:0 !important;}
.bl0 {border-left:0 !important;}
.br0 {border-right:0 !important;}
.br3 {border-radius:3px !important;}
.br5 {border-radius:5px !important;}
.br10 {border-radius:10px !important;}
.br20 {border-radius:20px !important;}
.br30 {border-radius:30px !important;}
.br40 {border-radius:40px !important;}
.br50 {border-radius:50px !important;}

/*border-dotted*/
.bord {border:1px dotted #c4c6c8;}
.btd {border-top:1px dotted #c4c6c8;}
.bbd {border-bottom:1px dotted #c4c6c8;}
.bld {border-left:1px dotted #c4c6c8;}
.brd {border-right:1px dotted #c4c6c8;}

/*border-color*/
.bd-black {border-color:black !important;}
.bd-white {border-color:white !important;}
.bd-red {border-color:#e54c55 !important;}
.bd-blue {border-color:#00b4c7 !important;}
.bd-green {border-color:#90ba00 !important;}
.bd-yellow {border-color:#f6ad3a !important;}
.bd-light {border-color:#afb4b9 !important;}
.bd-gray {border-color:#7d8287 !important;}
.bd-dark {border-color:#3c4146 !important;}
.bd-main {border-color:#22b24c !important;}
.bd-sub {border-color:#233c95 !important;}

/*float*/
.fl {float:left;}
.fr {float:right;}
.fn {float:none;}

/*text-align*/
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.tj {text-align:justify;}

/*vertical-align*/
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

/*text-decoration*/
.tdo {text-decoration:overline;}
.tdl {text-decoration:line-through;}
.tdu {text-decoration:underline;}
.fsi {font-style:italic;}

/*display*/
.dn {display:none;}
.db {display:block;}
.di {display:inline;}
.dib {display:inline-block;}
.df {display:flex;}

/*gap*/
.gap5 {gap:5px;}
.gap10 {gap:10px;}
.gap15 {gap:15px;}
.gap20 {gap:20px;}
.gap25 {gap:25px;}
.gap30 {gap:30px;}
.gap35 {gap:35px;}
.gap40 {gap:40px;}
.gap45 {gap:45px;}
.gap50 {gap:50px;}

/* position */
.pl {position:relative;}
.pf {position:fixed;}
.pa {position:absolute;}
.ps {position:static !important;}
.paxc {transform:translateX(-50%);}
.payc {transform:translateY(-50%);}
.pac {transform:translate(-50%, -50%);}
.t0 {top:0;}
.t1 {top:1px;}
.t2 {top:2px;}
.t3 {top:3px;}
.t4 {top:4px;}
.t5 {top:5px;}
.t6 {top:6px;}
.t7 {top:7px;}
.t8 {top:8px;}
.t9 {top:9px;}
.t10 {top:10px;}
.t20 {top:20px;}
.t30 {top:30px;}
.t40 {top:40px;}
.t50 {top:50%;}
.t50px {top:50px;}
.t60 {top:60px;}
.t70 {top:70px;}
.t80 {top:80px;}
.t90 {top:90px;}
.t100 {top:100px;}
.t1m {top:-1px;}
.t2m {top:-2px;}
.t3m {top:-3px;}
.t4m {top:-4px;}
.t5m {top:-5px;}
.t6m {top:-6px;}
.t7m {top:-7px;}
.t8m {top:-8px;}
.t9m {top:-9px;}
.t10m {top:-10px;}
.t20m {top:-20px;}
.t30m {top:-30px;}
.t40m {top:-40px;}
.t50m {top:-50%;}
.t50pxm {top:-50px;}
.t60m {top:-60px;}
.t70m {top:-70px;}
.t80m {top:-80px;}
.t90m {top:-90px;}
.t100m {top:-100px;}
.l0 {left:0;}
.l1 {left:1px;}
.l2 {left:2px;}
.l3 {left:3px;}
.l4 {left:4px;}
.l5 {left:5px;}
.l6 {left:6px;}
.l7 {left:7px;}
.l8 {left:8px;}
.l9 {left:9px;}
.l10 {left:10px;}
.l20 {left:20px;}
.l30 {left:30px;}
.l40 {left:40px;}
.l50 {left:50%;}
.l50px {left:50px;}
.l60 {left:60px;}
.l70 {left:70px;}
.l80 {left:80px;}
.l90 {left:90px;}
.l100 {left:100px;}
.l1m {left:-1px;}
.l2m {left:-2px;}
.l3m {left:-3px;}
.l4m {left:-4px;}
.l5m {left:-5px;}
.l6m {left:-6px;}
.l7m {left:-7px;}
.l8m {left:-8px;}
.l9m {left:-9px;}
.l10m {left:-10px;}
.l20m {left:-20px;}
.l30m {left:-30px;}
.l40m {left:-40px;}
.l50m {left:-50%;}
.l50pxm {left:-50px;}
.l60m {left:-60px;}
.l70m {left:-70px;}
.l80m {left:-80px;}
.l90m {left:-90px;}
.l100m {left:-100px;}
.r0 {right:0;}
.r1 {right:1px;}
.r2 {right:2px;}
.r3 {right:3px;}
.r4 {right:4px;}
.r5 {right:5px;}
.r6 {right:6px;}
.r7 {right:7px;}
.r8 {right:8px;}
.r9 {right:9px;}
.r10 {right:10px;}
.r20 {right:20px;}
.r30 {right:30px;}
.r40 {right:40px;}
.r50 {right:50%;}
.r50px {right:50px;}
.r60 {right:60px;}
.r70 {right:70px;}
.r80 {right:80px;}
.r90 {right:90px;}
.r100 {right:100px;}
.r1m {right:-1px;}
.r2m {right:-2px;}
.r3m {right:-3px;}
.r4m {right:-4px;}
.r5m {right:-5px;}
.r6m {right:-6px;}
.r7m {right:-7px;}
.r8m {right:-8px;}
.r9m {right:-9px;}
.r10m {right:-10px;}
.r20m {right:-20px;}
.r30m {right:-30px;}
.r40m {right:-40px;}
.r50m {right:-50%;}
.r50pxm {right:-50px;}
.r60m {right:-60px;}
.r70m {right:-70px;}
.r80m {right:-80px;}
.r90m {right:-90px;}
.r100m {right:-100px;}
.b0 {bottom:0;}
.b1 {bottom:1px;}
.b2 {bottom:2px;}
.b3 {bottom:3px;}
.b4 {bottom:4px;}
.b5 {bottom:5px;}
.b6 {bottom:6px;}
.b7 {bottom:7px;}
.b8 {bottom:8px;}
.b9 {bottom:9px;}
.b10 {bottom:10px;}
.b20 {bottom:20px;}
.b30 {bottom:30px;}
.b40 {bottom:40px;}
.b50 {bottom:50%;}
.b50px {bottom:50px;}
.b60 {bottom:60px;}
.b70 {bottom:70px;}
.b80 {bottom:80px;}
.b90 {bottom:90px;}
.b100 {bottom:100px;}
.b1m {bottom:-1px;}
.b2m {bottom:-2px;}
.b3m {bottom:-3px;}
.b4m {bottom:-4px;}
.b5m {bottom:-5px;}
.b6m {bottom:-6px;}
.b7m {bottom:-7px;}
.b8m {bottom:-8px;}
.b9m {bottom:-9px;}
.b10m {bottom:-10px;}
.b20m {bottom:-20px;}
.b30m {bottom:-30px;}
.b40m {bottom:-40px;}
.b50m {bottom:-50%;}
.b50pxm {bottom:-50px;}
.b60m {bottom:-60px;}
.b70m {bottom:-70px;}
.b80m {bottom:-80px;}
.b90m {bottom:-90px;}
.b100m {bottom:-100px;}

/* opacity */
.opc10 {opacity:1;}
.opc9 {opacity:0.9;}
.opc8 {opacity:0.8;}
.opc7 {opacity:0.7;}
.opc6 {opacity:0.6;}
.opc5 {opacity:0.5;}
.opc4 {opacity:0.4;}
.opc3 {opacity:0.3;}
.opc2 {opacity:0.2;}
.opc1 {opacity:0.1;}
.opc05 {opacity:0.05;}
.opc0 {opacity:0;}

/* letter-spacing */
.lsm5 {letter-spacing:-5pt;}
.lsm4 {letter-spacing:-4pt;}
.lsm3 {letter-spacing:-3pt;}
.lsm2 {letter-spacing:-2pt;}
.lsm1 {letter-spacing:-1pt;}
.lsm75 {letter-spacing:-0.075em;}
.lsm5 {letter-spacing:-0.05em;}
.lsm25 {letter-spacing:-0.025em;}
.ls0 {letter-spacing:0;}
.lsp25 {letter-spacing:0.025em;}
.lsp5 {letter-spacing:0.05em;}
.lsp75 {letter-spacing:0.075em;}
.lsp1 {letter-spacing:1pt;}
.lsp2 {letter-spacing:2pt;}
.lsp3 {letter-spacing:3pt;}
.lsp4 {letter-spacing:4pt;}
.lsp5 {letter-spacing:5pt;}

/* z-index */
.zixm1 {z-index:-1;}
.zix1 {z-index:1;}
.zix2 {z-index:2;}
.zix3 {z-index:3;}
.zix4 {z-index:4;}
.zix5 {z-index:5;}
.zix6 {z-index:6;}
.zix7 {z-index:7;}
.zix8 {z-index:8;}
.zix9 {z-index:9;}
.zix10 {z-index:10;}
.zix99 {z-index:9999;}
.zix100 {z-index:10000;}

/* border-radius */
.bdr3 {border-radius:3px;}
.bdr5 {border-radius:5px;}
.bdr10 {border-radius:10px;}
.bdr15 {border-radius:15px;}
.bdr20 {border-radius:20px;}
.bdr25 {border-radius:25px;}
.bdr30 {border-radius:30px;}
.bdr35 {border-radius:35px;}
.bdr40 {border-radius:40px;}
.bdr45 {border-radius:45px;}
.bdr50 {border-radius:50px;}
.bdr100 {border-radius:100%;}
.bdr200 {border-radius:200px;}

/* li-width */
ul.two>li {width:50%;}
ul.three>li {width:33.33%;}
ul.four>li {width:25%;}
ul.five>li {width:20%;}
ul.six>li {width:16.66%;}
ul.seven>li {width:14.28%;}
ul.eight>li {width:12.5%;}

/* mix-blend-mode */
.mix-multi {mix-blend-mode: multiply;}
.mix-screen {mix-blend-mode: screen;}
.mix-over {mix-blend-mode: overlay;}
.mix-dark {mix-blend-mode: darken;}
.mix-light {mix-blend-mode: lighten;}
.mix-dodge {mix-blend-mode: color-dodge;}
.mix-burn {mix-blend-mode: color-burn;}
.mix-hard {mix-blend-mode: hard-light;}
.mix-soft {mix-blend-mode: soft-light;}
.mix-diff {mix-blend-mode: difference;}
.mix-exclu {mix-blend-mode: exclusion;}
.mix-hue {mix-blend-mode: hue;}
.mix-satu {mix-blend-mode: saturation;}
.mix-color {mix-blend-mode: color;}
.mix-lumi {mix-blend-mode: luminosity;}

/* 1920px */
@media screen and (max-width:1920px) {
}

/* 1440px */
@media screen and (max-width:1440px) {
	.fs100 {font-size:80px; line-height:90px;}
	.fs70 {font-size:60px; line-height:70px;}
	.mb160 {margin-bottom:120px;}
}

/* 1366px */
@media screen and (max-width:1366px) {
}

/* 1280px */
@media screen and (max-width:1280px) {
	.pt30 {padding-top:14px !important;}
	.mb160 {margin-bottom:120px;}
	.fs100 {font-size:70px; line-height:80px;}
	.fs80 {font-size:60px; line-height:70px;}
	.fs70 {font-size:50px; line-height:60px;}
	.fs50 {font-size:40px; line-height:50px;}
}

/* 1024px */
@media screen and (max-width:1024px) {
	.pv160 {padding-top:120px; padding-bottom:120px;}
	.pv140 {padding-top:120px; padding-bottom:120px;}
	.pv120 {padding-top:100px; padding-bottom:100px;}
	.pv100 {padding-top:80px; padding-bottom:80px;}
	.pv80 {padding-top:60px; padding-bottom:60px;}
	.pv60 {padding-top:50px; padding-bottom:50px;}
	.pt200 {padding-top:120px;}
	.pt180 {padding-top:100px;}
	.pt100 {padding-top:80px;}
	.pb200 {padding-bottom:120px;}
	.pb80 {padding-bottom:60px;}
	.mb160 {margin-bottom:100px;}
	.mb120 {margin-bottom:90px;}
	.mb100 {margin-bottom:80px;}
	.mb80 {margin-bottom:60px;}
	.mb60 {margin-bottom:40px;}
	.mb40 {margin-bottom:20px;}
	.fs100 {font-size:60px; line-height:70px;}
	.fs60 {font-size:50px; line-height:60px;}
	.fs45 {font-size:35px; line-height:45px;}
	.fs40 {font-size:30px; line-height:40px;}
	.fs35 {font-size:25px; line-height:35px;}
	.fs30w {font-size:22px; line-height:36px;}
	.fs30 {font-size:22px; line-height:32px;}
	.fs25 {font-size:20px; line-height:30px;}
	.fs22w {font-size:19px; line-height:31px;}
	.fs20 {font-size:18px; line-height:28px;}
	.fs18 {font-size:16px; line-height:26px;}
	.fs16 {font-size:15px; line-height:25px;}
	.fs16w {font-size:15px; line-height:29px;}
	.fs14 {font-size:13px; line-height:23px;}
}

/* 820px */
@media screen and (max-width:820px) {
	.table.row th {width:20%;}
	.sum-list li {font-size:16px; line-height:24px; margin-bottom:10px;}
	ul.three>li {width:50%;}
	ul.four>li {width:50%;}
	ul.six>li {width:33.33%;}
	.over-table {overflow-x:auto; padding:30px 0; position:relative;}
	.over-table:before {content:'스크롤하여 확인하세요. >'; display:block; position:absolute; top:0; left:0; right:0; font-size:12px; margin-bottom:10px; white-space:nowrap; letter-spacing:0; padding:5px; font-weight:bold;}
	.over-table>table {min-width:800px;}

	.pv200 {padding-top:140px; padding-bottom:140px;}
	.pv180 {padding-top:120px; padding-bottom:120px;}
	.pv140 {padding-top:90px; padding-bottom:90px;}
	.pv120 {padding-top:80px; padding-bottom:80px;}
	.pv100 {padding-top:70px; padding-bottom:70px;}
	.pv80 {padding-top:50px; padding-bottom:50px;}
	.pt200, .pt140, .pt120 {padding-top:80px;}
	.pt60 {padding-top:44px;}
	.pt40 {padding-top:22px;}
	.pt30 {padding-top:20px;}
	.pt20 {padding-top:10px;}
	.pb200 {padding-bottom:70px;}
	.pb160 {padding-bottom:60px;}
	.pb100 {padding-bottom:50px;}
	.pb80 {padding-bottom:40px;}
	.pb50 {padding-bottom:30px;}
	.pb40 {padding-bottom:20px;}
	.pb20 {padding-bottom:10px;}
	.pr40 {padding-right:20px;}
	.mb160 {margin-bottom:80px;}
	.mb120 {margin-bottom:70px;}
	.mb100 {margin-bottom:70px;}
	.mb80 {margin-bottom:50px;}
	.mb60 {margin-bottom:30px;}
	.mb50 {margin-bottom:30px;}
	.mb40, .mb30 {margin-bottom:20px;}
	.mrm40 {margin-right:-20px;}
	.fs100 {font-size:52px; line-height:62px;}
	.fs80 {font-size:54px; line-height:64px;}
	.fs70 {font-size:44px; line-height:54px;}
	.fs60 {font-size:34px; line-height:44px;}
	.fs50 {font-size:28px; line-height:38px;}
	.fs45 {font-size:26px; line-height:36px;}
	.fs40 {font-size:24px; line-height:34px;}
	.fs35 {font-size:22px; line-height:32px;}
	.fs25w {font-size:20px; line-height:34px;}
	.fs25 {font-size:20px; line-height:30px;}
	.fs22w {font-size:18px; line-height:32px;}
	.fs22 {font-size:18px; line-height:28px;}
	.fs20w {font-size:17px; line-height:31px;}
	.fs20 {font-size:17px; line-height:27px;}
	.fs18w {font-size:16px; line-height:28px;}
	.fs18 {font-size:16px; line-height:26px;}
	.fs16 {font-size:15px; line-height:25px;}
	.fs16w {font-size:15px; line-height:29px;}
	.fs14 {font-size:13px; line-height:23px;}
}

/* 640px */
@media screen and (max-width:640px) {
	input[type="text"], input[type="tel"], input[type="number"], input[type="password"], input[type="file"], input[type="email"], input[type="submit"], button, select {height:50px; font-size:16px;}

	.selectbox-item {height:50px; line-height:50px;}

	.msg_sound_only, .sound_only {font-size:0 !important; line-height:0 !important;}
	ul.three>li {width:100%;}
	ul.six>li {width:50%;}
	.table *, th, td, .table th, .table td {font-size:14px; line-height:22px;}
	.table th {padding:8px; font-size:16px; line-height:24px;}
	.table td {padding:8px; font-size:16px; line-height:24px;}
	.over-table {padding:30px 0; position:relative;}
	.over-table:before {content:'Scroll to Check >'; display:block; position:absolute; top:0; left:0; right:0; font-size:14px; margin-bottom:10px; white-space:nowrap; font-family:'Poppins', 'Noto Sans KR', sans-serif; letter-spacing:0;}
	.sum-list li {font-size:16px; line-height:26px; margin-bottom:10px; padding-left:12px;}
	.num-list>li.item {font-size:16px; line-height:26px;}
	.sum-list li.item:before {top:9px;}
	.sum-list li p {font-size:15px; line-height:25px;}
	.sum-list li.num {padding-left:28px;}
	.sum-list li.num span {height:auto; line-height:inherit; font-size:inherit; border:0; border-radius:0;}
	.slide-check {height:20px; width:40px;}
	.slide-check label {}
	.slide-check label i {width:14px; height:14px;}
	.slide-check input:checked + label i {left:23px;}

	.abtn, input.abtn {height:40px; line-height:40px; padding:0 14px; font-size:14px;}
	.abtn.big, input.abtn.big {height:54px; line-height:54px; padding:0 22px; font-size:16px;}

	.pv200 {padding-top:120px; padding-bottom:120px;}
	.pv180 {padding-top:100px; padding-bottom:100px;}
	.pv160 {padding-top:80px; padding-bottom:80px;}
	.pv120 {padding-top:60px; padding-bottom:60px;}
	.pv70 {padding-top:50px; padding-bottom:50px;}
	.pv30 {padding-top:25px; padding-bottom:25px;}
	.pt200 {padding-top:60px;}
	.pb120 {padding-bottom:60px;}
	.mb160 {margin-bottom:55px;}
	.mb120 {margin-bottom:48px;}
	.mb100 {margin-bottom:44px;}
	.mb80 {margin-bottom:33px;}
	.mb60 {margin-bottom:22px;}
	.fs100 {font-size:48px; line-height:58px;}
	.fs80 {font-size:44px; line-height:54px;}
	.fs70 {font-size:36px; line-height:46px;}
	.fs25w {font-size:18px; line-height:32px;}
	.fs25 {font-size:18px; line-height:28px;}
}