You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

244 lines
7.8 KiB

2 years ago
@charset "utf-8";
@import url("font.css");
/* v2.0 | 20110126
http://meyerweb.com/eric/tools/css/reset/
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family:"Montserrat","score", 맑은고딕, Arial,sans-serif, Dotum, 돋움, "Apple SD Gothic Neo", arial;
font-style: normal;
vertical-align: baseline;
}
select, input, textarea, button{
font-family:"Montserrat","score", 맑은고딕, Arial,sans-serif, Dotum, 돋움, "Apple SD Gothic Neo", arial;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.4;
}
ol, ul {
list-style: none;
}
blockquote, q{
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*margin*/
.m-0{margin:0px !important;}
.m-10{margin:10px !important;}
.m-20{margin:20px !important;}
.m-30{margin:30px !important;}
.m-40{margin:40px !important;}
.m-50{margin:50px !important;}
.m-60{margin:60px !important;}
.m-70{margin:70px !important;}
.m-80{margin:80px !important;}
.m-90{margin:90px !important;}
.m-100{margin:100px !important;}
.mt-0{margin-top:0px !important;}
.mt-10{margin-top:10px !important;}
.mt-20{margin-top:20px !important;}
.mt-30{margin-top:30px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}
.mt-60{margin-top:60px !important;}
.mt-70{margin-top:70px !important;}
.mt-80{margin-top:80px !important;}
.mt-90{margin-top:90px !important;}
.mt-100{margin-top:100px !important;}
.mb-0{margin-bottom:0px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-50{margin-bottom:50px !important;}
.mb-60{margin-bottom:60px !important;}
.mb-70{margin-bottom:70px !important;}
.mb-80{margin-bottom:80px !important;}
.mb-90{margin-bottom:90px !important;}
.mb-100{margin-bottom:100px !important;}
.ml-0{margin-left:0px !important;}
.ml-10{margin-left:10px !important;}
.ml-20{margin-left:20px !important;}
.ml-30{margin-left:30px !important;}
.ml-40{margin-left:40px !important;}
.ml-50{margin-left:50px !important;}
.ml-60{margin-left:60px !important;}
.ml-70{margin-left:70px !important;}
.ml-80{margin-left:80px !important;}
.ml-90{margin-left:90px !important;}
.ml-100{margin-left:10px !important;}
.mr-0{margin-right:0px !important;}
.mr-10{margin-right:10px !important;}
.mr-20{margin-right:20px !important;}
.mr-30{margin-right:30px !important;}
.mr-40{margin-right:40px !important;}
.mr-50{margin-right:50px !important;}
.mr-60{margin-right:60px !important;}
.mr-70{margin-right:70px !important;}
.mr-80{margin-right:80px !important;}
.mr-90{margin-right:90px !important;}
.mr-100{margin-right:100px !important;}
/*padding*/
.p-0{padding:0px !important;}
.p-10{padding:10px!important;}
.p-20{padding:20px!important;}
.p-30{padding:30px!important;}
.p-40{padding:40px!important;}
.p-50{padding:50px!important;}
.p-60{padding:60px!important;}
.p-70{padding:70px!important;}
.p-80{padding:80px!important;}
.p-90{padding:90px!important;}
.p-100{padding:100px!important;}
.pt-0{padding-top:0px !important;}
.pt-10{padding-top:10px !important;}
.pt-20{padding-top:20px !important;}
.pt-30{padding-top:30px !important;}
.pt-40{padding-top:40px !important;}
.pt-50{padding-top:50px !important;}
.pt-60{padding-top:60px !important;}
.pt-70{padding-top:70px !important;}
.pt-80{padding-top:80px !important;}
.pt-90{padding-top:90px !important;}
.pt-100{padding-top:100px !important;}
.pb-0{padding-bottom:0px !important;}
.pb-10{padding-bottom:10px !important;}
.pb-20{padding-bottom:20px !important;}
.pb-30{padding-bottom:30px !important;}
.pb-40{padding-bottom:40px !important;}
.pb-50{padding-bottom:50px !important;}
.pb-60{padding-bottom:60px !important;}
.pb-70{padding-bottom:70px !important;}
.pb-80{padding-bottom:80px !important;}
.pb-90{padding-bottom:90px !important;}
.pb-100{padding-bottom:100px !important;}
.pl-0{padding-left:0px !important;}
.pl-10{padding-left:10px !important;}
.pl-20{padding-left:20px !important;}
.pl-30{padding-left:30px !important;}
.pl-40{padding-left:40px !important;}
.pl-50{padding-left:50px !important;}
.pl-60{padding-left:60px !important;}
.pl-70{padding-left:70px !important;}
.pl-80{padding-left:80px !important;}
.pl-90{padding-left:90px !important;}
.pl-100{padding-left:120px !important;}
.pr-0{padding-right:0px !important;}
.pr-10{padding-right:10px !important;}
.pr-20{padding-right:20px !important;}
.pr-30{padding-right:30px !important;}
.pr-40{padding-right:40px !important;}
.pr-50{padding-right:50px !important;}
.pr-60{padding-right:60px !important;}
.pr-70{padding-right:70px !important;}
.pr-80{padding-right:80px !important;}
.pr-90{padding-right:90px !important;}
.pr-100{padding-right:100px !important;}
[class*=width_] {float:left;}
.width_100 {width:100% !important;}
.width_90 {width:90% !important;}
.width_80 {width:80% !important;}
.width_70 {width:70% !important;}
.width_60 {width:60% !important;}
.width_50 {width:50% !important;}
.width_40 {width:40% !important;}
.width_30 {width:30% !important;}
.width_20 {width:20% !important;}
.width_10 {width:10% !important;}
.width_2n {width:50% !important;}
.width_3n {width:33.333333333% !important;}
.width_4n {width:25% !important;}
.width_5n {width:20% !important;}
.width_6n {width:16.6666666666666666667% !important;}
.width_7n {width:14.2857142857143% !important;}
.width_8n {width:12.5% !important;}
.width_9n {width:11.111111111111111111111% !important;}
.width_10n {width:10% !important;}
a{color:#000;text-decoration:none;cursor: pointer;}
img{vertical-align:middle;}
/* .container{width:1280px;height:100%;margin:0px auto;} */
/* select {
font-family: inherit;
background: url('../img/icon/arrow_bk.png') no-repeat 90% 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
} */
.on{display:block!important;}
/* .list-txt > li {position: relative;padding-left: 14px;}
.list-txt > li:before {content: "- ";display: inline-block;position: absolute;top: 0;left: 0;} */
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 #2290c9 !important;
}
.checkbox input {padding: 0; height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.checkbox label {position: relative;cursor: pointer;}
.checkbox label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #ccc;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 8px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right:10px;margin-top: -3px;}
.checkbox input:checked + label:after {content: '';display: block;position: absolute;top: 2px;left: 6px;width: 8px;height: 14px; border:1px solid #2290c9;border-width: 0 4px 4px 0;transform: rotate(45deg);}