/* 2020.08.08 */


html {
    position: relative;
    min-height: 100%;
    margin: 0;
}

header {
    position: relative;   /* or sticky / fixed */
  z-index: 1000;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
      background: white;
}

body {
    min-height: 100%;
    background: linear-gradient(to bottom right,
                              rgba(68,0,225,1) 0%,
                              rgba(41,0,238,1) 16%,
                              rgba(0,251,25,1) 100%);
}

section {
/*    background: linear-gradient(to bottom right, #4400e1, #0b00dc); */
/*      background: linear-gradient(to bottom right,
                              rgba(68,0,225,1) 0%,
                              rgba(41,0,238,1) 16%,
                              rgba(0,251,25,1) 100%);8*/
}
/*
#section-about {
    background: linear-gradient(to bottom right, #4400e1, #0b00dc) !important;
}*/

.section-sub {
    background: white;
} 

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

/* cursor */
/*출처: https://webkimsora.tistory.com/61 [코딩 공부하는 소라]*/

body,
html {
    cursor: url(/assets/img/etc/cursor.cur), auto;
}

a,
button {
    cursor: url(/assets/img/etc/cursor.cur), pointer !important;
}

a:hover {
    cursor:pointer !important;
}

.overlay {
    cursor: auto;
}

.overlay a,
.overlay button {
    cursor: pointer !important;
}


/*Navigation*/

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom right, #4400e1, #0b00dc);
}

.overlay-content {
    position: relative;
    top: 28%;
    width: 100%;
    text-align: center;
}

.overlay a {
    padding: 15px 8px;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 28px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
}

.overlay a:hover {
    color:   rgba(0,251,25,1);
}

@media (min-width: 768px) {
    .overlay a {
        padding: 20px 8px;
        font-size: 50px;
    }
}

/*Ellipse*/

.ellipse {
    position: absolute;
    top: 18px;
    right: 5%;
}

@media (min-width: 768px) {
    .ellipse {
        top: 85px;
        right: 15%;
        width: 120px;
    }
}

/*Section-main*/

#section-main {
/*    background: #F8F0E9;*/
}

.rounded-1rem {
    border-radius: 1rem;
}

a:hover {
    text-decoration: none;
}


/*Section-sub*/

.cover {
    width: 100%;
    height: 100%;
}

.coverimg-1 {
    background: url('/../assets/img/sub/rg_website/rg-website-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-color: #fff;
}

.coverimg-2 {
    background: url('/../assets/img/sub/rg_quizprogram/rg-quizprogram-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-color: #fff;
}

.coverimg-3 {
    background: url('/../assets/img/sub/rg_essay/rg-essay-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-color: #fff;
}

.coverimg-4 {
    background: url('/../assets/img/sub/wmotors/wmotors-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-color: #fff;
}

.coverimg-5{
   background: url('/../assets/img/sub/skyscanner/skyscanner-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-color: #fff; 
}

.coverimg-6{
   background: url('/../assets/img/sub/shakeshack/shakeshack-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-color: #fff; 
}

.coverimg-7{
   background: url('/../assets/img/sub/florrie/florrie-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-color: #fff; 
}

.coverimg-8{
   background: url('/../assets/img/sub/hyangjichon/hyangjichon-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-color: #fff; 
}

.coverimg-9{
   background: url('/../assets/img/sub/cac/cac-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-color: #fff; 
}

.coverimg-10{
   background: url('/../assets/img/sub/huemotion/huemotion-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-color: #fff; 
}

.coverimg-11{
   background: url('/../assets/img/sub/dadok/dadok-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-color: #fff; 
}

.coverimg-12{
   background: url('/../assets/img/sub/banner/banner-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-color: #fff; 
}


@media (min-width: 768px) {
    .mt-md-80p {
        margin-top: 80px !important;
    }
    
    .mt-md-100p {
        margin-top: 100px !important;
    }

    .mb-md-100p {
        margin-bottom: 100px !important;
    }
    
    .my-md-100p {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
    .pt-md-6 {
        padding-top: 4rem !important;
    }
    .pt-md-7 {
        padding-top: 5rem !important;
    }
}

/*control*/

.btn-prev {
    width: 25px;
    height: 25px;
    background: url('/assets/img/sub/btn-prev@3x.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
    transition: 0.3s;
}

.btn-next {
    width: 25px;
    height: 25px;
    background: url('/assets/img/sub/btn-next@3x.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
    transition: 0.3s;
}

.btn-prev:hover{
    opacity: 1;
}

.btn-next:hover{
    opacity: 1;
}