관리-도구

편집 파일: style_a.ei0m21693650208.css

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700,900);

@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i);

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i);

@import url(https://fonts.googleapis.com/css?family=Arvo:400,400i,700,700i);

@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');

.text-center {

text-align: center!important;

}

section.section3 {

/*  margin-top: 70px;*/

margin-bottom: 70px;

}

section.section3 .work-images {

position: relative;

height: 400px;

overflow: hidden;

}

section.section3 .work-images img {

height: 100%;

width: 100%;

}

section.section3 .work-text-full {

display: table;

height: 400px;

margin-left: 80px;

}

section.section3 .work-text {

display: table-cell;

height: auto;

vertical-align: middle;

margin-left: 30px;

}

section.section3 .work-text h2 {

color: #455a64;

font-family: "Raleway", sans-serif;

font-size: 40px;

font-weight: 700;

margin-top: 0;

padding-bottom: 25px;

position: relative;

}

section.section3 .work-text h2::before {

border: 2px solid #455a64;

bottom: 5px;

content: "";

position: absolute;

width: 75px;

}

section.section3 .work-text p {

color: #899ea9;

font-family: "Raleway", sans-serif;

font-size: 15px;

font-weight: 400;

line-height: 30px;

}

section.section3 .work-images .overlay-text {

background: rgba(24, 234, 199, 0.95) none repeat scroll 0 0;

height: 100%;

padding-top: 155px;

position: absolute;

text-align: center;

top: 0;

width: 100%;

}

section.section3 .work-images .overlay-text i {

background: transparent none repeat scroll 0 0;

border: 1px solid #fff;

border-radius: 50%;

color: #fff;

font-size: 80px;

padding: 2px;

position: relative;

}

section.section3 .work-images .overlay-text i::after {

border: 1px solid #fff;

content: "";

height: 104px;

left: -10px;

position: absolute;

top: -10px;

width: 104px;

border-radius: 50%;

}

.mt-5, .my-5 {

margin-top: 3rem!important;

}.d-block {

display: block!important;

}

.rounded {

border-radius: .25rem!important;

}

.img-fluid {

max-width: 100%;

height: auto;

}

.pb-3, .py-3 {

padding-bottom: 1rem!important;

}

.mt-3, .my-3 {

margin-top: 1rem!important;

}

.white{color:#fff;}

.yellow{color:#dbe219;}

.pink{color: #ff00ba;}

#testimonial .orange-text{color:orange;}

.poppins{font-family:'poppins',sans-serif;}

.section1{background-image:url('@@qfnl_install_url@@/@@folder@@asset/img/img-a/section20-1024x785.png'); background-position: center center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; padding-bottom: 50px; padding: 20px;}

.section1 h2{font-family:'poppins',sans-serif; color:#fff; text-align: center;

background: #F26522;

border-radius: 20px;

padding: 10px;

}

.pb-5{

padding-bottom: 5px;

}

.section1 h3{font-family: 'poppins',sans-serif; color:#fff; font-size: 23px;}

.section3 h3{font-family: 'poppins',sans-serif; color:#fff; font-size: 23px;}

.section3 p{font-size: 18px;}

.section3 {background-image: url(@@qfnl_install_url@@/@@folder@@asset/img/img-a/quick-bg.jpg);  background-position: center center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; padding-bottom: 50px; padding: 20px}

.bonusbutton a {

background: #20c997;

color: #fff;

padding: 1% 4% 1% 4%;

display: table;

margin: auto;

/* text-shadow: 1px 1px 0 #333; */

/* text-shadow: 0 2px 2px rgba(0,0,0,0.3); */

position: relative;

-webkit-transition: all 0.3s;

-moz-transition: all 0.3s;

transition: all 0.3s;

box-shadow: 0 6px #043728;

border-radius: 20px;

font-weight: 700;

font-size: 50px;

}

.bonusbutton a:hover {

background:#03805b;

text-decoration: none;

}

@media screen and (min-width: 601px) {

.section1 h1 {

font-size: 50px;

font-family:'poppins',sans-serif;

color:#fff;

text-align: center

}

.section3 h1 {

font-size: 50px;

font-family:'poppins',sans-serif;

color:#fff;

text-align: center

}

.section2 h2{font-size: 60px; font-weight: 700; font-family: 'poppins',sans-serif; padding: 10px;}

.section3 h2{font-size: 60px; font-weight: 700; font-family: 'poppins',sans-serif; padding: 10px;}

}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */

@media screen and (max-width: 600px) {

.section1 h1 {

font-size: 30px;

font-family:'poppins',sans-serif;

color:#fff;

text-align: center

}

.section3 h1 {

font-size: 30px;

font-family:'poppins',sans-serif;

color:#fff;

text-align: center

}

.bonusbutton a{font-size:20px;}

.image-fluid{margin:0 auto;}

.section2 h2{font-size: 40px; font-weight: 700; font-family: 'poppins',sans-serif;margin-top: 10px;}

}

.pb-3, .py-3 {

padding-bottom: 1rem!important;

}

.card {

position: relative;

display: -ms-flexbox;

display: flex;

-ms-flex-direction: column;

flex-direction: column;

min-width: 0;

word-wrap: break-word;

background-color: #fff;

background-clip: border-box;

border: 1px solid rgba(0, 0, 0, 0.125);

border-radius: 0.25rem;

}

.card > hr {

margin-right: 0;

margin-left: 0;

}

.card > .list-group:first-child .list-group-item:first-child {

border-top-left-radius: 0.25rem;

border-top-right-radius: 0.25rem;

}

.card > .list-group:last-child .list-group-item:last-child {

border-bottom-right-radius: 0.25rem;

border-bottom-left-radius: 0.25rem;

}

.card-body {

-ms-flex: 1 1 auto;

flex: 1 1 auto;

padding: 1.25rem;

}

.card-title {

margin-bottom: 0.75rem;

}

.card-subtitle {

margin-top: -0.375rem;

margin-bottom: 0;

}

.card-text:last-child {

margin-bottom: 0;

}

.card-link:hover {

text-decoration: none;

}

.card-link + .card-link {

margin-left: 1.25rem;

}

.card-header {

padding: 0.75rem 1.25rem;

margin-bottom: 0;

background-color: rgba(0, 0, 0, 0.03);

border-bottom: 1px solid rgba(0, 0, 0, 0.125);

}

.card-header:first-child {

border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;

}

.card-header + .list-group .list-group-item:first-child {

border-top: 0;

}

.card-footer {

padding: 0.75rem 1.25rem;

background-color: rgba(0, 0, 0, 0.03);

border-top: 1px solid rgba(0, 0, 0, 0.125);

}

.card-footer:last-child {

border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);

}

.card-header-tabs {

margin-right: -0.625rem;

margin-bottom: -0.75rem;

margin-left: -0.625rem;

border-bottom: 0;

}

.card-header-pills {

margin-right: -0.625rem;

margin-left: -0.625rem;

}

.card-img-overlay {

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

padding: 1.25rem;

}

.card-img {

width: 100%;

border-radius: calc(0.25rem - 1px);

}

.card-img-top {

width: 100%;

border-top-left-radius: calc(0.25rem - 1px);

border-top-right-radius: calc(0.25rem - 1px);

}

.card-img-bottom {

width: 100%;

border-bottom-right-radius: calc(0.25rem - 1px);

border-bottom-left-radius: calc(0.25rem - 1px);

}

.card-deck {

display: -ms-flexbox;

display: flex;

-ms-flex-direction: column;

flex-direction: column;

}

.card-deck .card {

margin-bottom: 15px;

}

@media (min-width: 576px) {

.card-deck {

-ms-flex-flow: row wrap;

flex-flow: row wrap;

margin-right: -15px;

margin-left: -15px;

}

.card-deck .card {

display: -ms-flexbox;

display: flex;

-ms-flex: 1 0 0%;

flex: 1 0 0%;

-ms-flex-direction: column;

flex-direction: column;

margin-right: 15px;

margin-bottom: 0;

margin-left: 15px;

}

.card-group {

display: -ms-flexbox;

display: flex;

-ms-flex-direction: column;

flex-direction: column;

}

.card-group > .card {

margin-bottom: 15px;

}

@media (min-width: 576px) {

.card-group {

-ms-flex-flow: row wrap;

flex-flow: row wrap;

}

.card-group > .card {

-ms-flex: 1 0 0%;

flex: 1 0 0%;

margin-bottom: 0;

}

.card-group > .card + .card {

margin-left: 0;

border-left: 0;

}

.card-group > .card:not(:last-child) {

border-top-right-radius: 0;

border-bottom-right-radius: 0;

}

.card-group > .card:not(:last-child) .card-img-top,

.card-group > .card:not(:last-child) .card-header {

border-top-right-radius: 0;

}

.card-group > .card:not(:last-child) .card-img-bottom,

.card-group > .card:not(:last-child) .card-footer {

border-bottom-right-radius: 0;

}

.card-group > .card:not(:first-child) {

border-top-left-radius: 0;

border-bottom-left-radius: 0;

}

.card-group > .card:not(:first-child) .card-img-top,

.card-group > .card:not(:first-child) .card-header {

border-top-left-radius: 0;

}

.card-group > .card:not(:first-child) .card-img-bottom,

.card-group > .card:not(:first-child) .card-footer {

border-bottom-left-radius: 0;

}

.card-columns .card {

margin-bottom: 0.75rem;

}

@media (min-width: 576px) {

.card-columns {

-webkit-column-count: 3;

-moz-column-count: 3;

column-count: 3;

-webkit-column-gap: 1.25rem;

-moz-column-gap: 1.25rem;

column-gap: 1.25rem;

orphans: 1;

widows: 1;

}

.card-columns .card {

display: inline-block;

width: 100%;

}

.mt-3, .my-3 {

margin-top: 1rem!important;

}

.step {font-size: 40px; margin-right: 20px;}

.step-detail{font-size: 18px;}

#toplist li{

color: #fff;

margin-bottom: 20px;

font-size: 19px;

}.list-unstyled {

padding-left: 0;

list-style: none;

}.mb-5, .my-5 {

margin-bottom: 3rem!important;

}

.text-dark {

color: #343a40!important;

}.rounded-circle {

border-radius: 50%!important;

max-width: 160px;

margin-left: auto;

margin-right: auto;

}

.img-fluid {

max-width: 100%;

height: auto;

}