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
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);}
|