@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* noto-sans-kr-300 - korean_latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('/css/font/noto-sans-kr-v8-korean_latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
        url('/css/font/noto-sans-kr-v8-korean_latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/css/font/noto-sans-kr-v8-korean_latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/css/font/noto-sans-kr-v8-korean_latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('/css/font/noto-sans-kr-v8-korean_latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/css/font/noto-sans-kr-v8-korean_latin-300.svg#NotoSansKR') format('svg');
    /* Legacy iOS */
}

body {
    font-family: 'Noto Sans KR', sans-serif;
    font-style: normal;
    font-weight: 500;
}

body.gagi_body {
    background-color: #fff;
}

.gaji_headerWrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.gaji_headerWrap:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0px;
    right:700px;
    width: 100%;
    height: 100%;
    background-color: #0e0718;
}

.gaji_headerWrap:before {
    content: '';
    position: absolute;
    z-index: -2;
    top: 0px;
    left: 000px;
    width: 100%;
    height: 100%;
    background-color: #9147e6;
}

.headerTop {
    position: relative;
    width: 100%;
    max-width:800px;
    margin: 0 auto;
}

.headerImgWrap{
    width:100%;
    max-width:660px;
    margin:0 auto;
}

.headerTop img {
    position: relative;
    width: 100%;
}

.gaji_headerWrap .iconArea {
    position: absolute;
    top: 16px;
    right: 0;
    overflow: hidden;
}

.iconArea .iconBtn {
    float: left;
    width: 24px;
    height: 24px;
    padding: 8px;
    box-shadow: 1px 3px 10px rgb(0 0 0 / 25%);
    margin: 8px 4px;
    border-radius: 10px;
	border: 1px solid transparent;
}

.iconArea .iconBtn:hover {
    transition: all .3s;
    background-color: #6a21bf;
}

.iconArea .iconBtn>img {
    width: 100%;
    vertical-align: text-top;
}


.newsListWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    justify-items: center;
    padding: 24px 0;
}

.newsList {
    width: 100%;
    padding-bottom: 16px;
}

.newsList:hover{
    transition: all .3s;
    opacity: .8;
}

.newsList:hover .newsListImg{
    transition: all .3s;
    opacity: .8;
    transform: scale(1.075);
}

.newsListTit {
    padding-top: 6px;
    max-height: inherit;
}


.newsListImgWrap {
    overflow: hidden;
    width: 100%;
    position: relative;
}

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


/* inner content */
.G_content {
    position: relative;
    width: 100%;
    padding: 104px 0 0;
}

/*
h1.G_contentTit {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.4em;
    padding: 0 80px 30px 80px;
}
*/

/*leejy*/
h1.G_contentTit {text-align:left;font-size: 32px; font-weight: bold; line-height: 1.4em;max-width:580px;margin: 0 auto; /*padding: 0 80px 30px 80px;*/}
.G_contentDate{text-align: right;font-weight: normal;max-width:580px;margin: 0 auto; padding: 0 0 30px 0;}

.G_newsContentWrap {
    padding: 24px 40px;
}

.G_newsListImgWrap {
    margin: 0 auto;
    max-width: 580px;
    position: relative;
    /*padding-bottom: 80px;*/
    padding-bottom: 120px;
}

.G_newsListImgWrap:nth-child(3){padding-bottom:80px}
.G_newsListImgWrap:last-child{padding-bottom:60px;}

.G_newsListImg {
    width: 100%;
}


.gaji_wrap {
    overflow: hidden;
    width: 100%;
    max-width: 800px;
    background: #fff;
    margin: 0 auto;
    box-sizing: border-box;
}

.fixedTop {
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 800px;
}

.progress {
    height: 4px;
    width: 0;
    background-color: #9400FF;
    position: relative;
    top: 0;
    left: 0;
    animation: progress 1s linear;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -1s);
    animation-iteration-count: 1;
    animation-fill-mode: both;
}

.progress:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 800px;
    background-color: #ECE3F5;
    z-index: -1;
}



.G_newsContentBottom {
    background-color: #f2eaf9;
    padding: 40px;
}

.h4Tit {
    color: #150433;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    padding-bottom: 24px;
    text-align: center;
}



.h5Tit {
    font-weight: 500;
    font-size: 18px;
    padding: 8px 0;
    display: inline;
    line-height: 1.4em;
}

.G_btnWrap>a {
    padding: 14px;
    text-align: center;
    border-radius: 6px;
    background-color: #4E038E;
    color: #F6E4F6;
}

.G_btnWrap>a:nth-child(1) {
    margin-right: 10px;
}

.G_btnWrap>a:nth-child(2) {
    margin-left: 10px;
}


.G_btnWrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 20px;
}

.G_btnWrap a:hover {
    transition: all .3s;
    background-color: #24154a;
}

.shareNewsBtn,
.instaBtn {
    width: 50%;
    display: block;
    cursor: pointer;
}

.shareNewsBtn img,
.instaBtn img {
    width: 20px;
    height: 20px;
    margin: -2px 4px 0;
}

.fixedTop .iconArea {
    display: flex;
    justify-content: space-between;
    padding: 4px 24px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    height: inherit;
}

.homeBtn {
    display: block;
    width: 28px;
    padding: 8px;
}

.homeBtn img {
    width: 100%;
}

.shareBtn {
    display: block;
    width: 28px;
    padding: 8px;
}

.shareBtn img {
    width: 100%;
}

/*leejy*/
.viewTopLogoBtn{display:block;padding:4px;width:134px;}
.viewTopLogoBtn img{width:100%;}

.adArea {
    margin: 24px 0 80px;
    padding: 0 40px;
	text-align:center;
}

.adContent {
    width: 100%;
    height: 400px;
    background-color: rgb(255, 198, 255);
}


/* 더보기 */
.G_moreNewsArea {
    padding: 24px 40px 104px;
}

.G_moreNewsArea .h4Tit {
    position: relative;
    z-index: 1;
}

.G_moreNewsArea .h4Tit::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f2eaf9;
    width: 200px;
    height: 22px;
}

.G_moreNewsWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px;
    justify-items: center;
}

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

.G_moreNewsImgWrap {
    width: 100%;
    position: relative;
}


.G_moreNewsImg {
    width: 100%;
}


/* leejy */
.G_copyrightArea{padding:10px 0px 30px;}
.G_copyright{text-align:center;font-size:15px;font-weight:normal;}


/* jju*/
.G_moreNewsImg{opacity:0.4;transform:scale(1.1)}
.G_newsListImgWrap:nth-child(1) .G_moreNewsImg {opacity:1;transform:scale(1)}
.G_moreNewsImg{transition:opacity .6s ease-out, transform .3s ease-out}   
.G_moreNewsImgTransition{opacity: 1; transform: none;}   

.G_moreNewsImgWrap .G_moreNewsImg{opacity:0;transform:scale(0)}
.G_moreNewsImgWrap .G_moreNewsImg{transition:opacity .6s ease-out, transform .3s ease-out}   
.G_moreNewsImgWrap .G_moreNewsImgTransition{opacity: 1; transform: none;}   

.G_hashTagsDiv{margin:20px auto 0px;width:100%;max-width:580px;text-align:left;}
.G_hashTagsDivBottom{margin:0 auto 50px;}
.G_hashTagStr{margin-right:5px;color:#2077AD;cursor:pointer;}
.G_hashTagStr:hover{text-decoration:underline;color:#C0CEDA;}


@keyframes progress {
    to {
        background-color: rgb(60, 4, 112);
        width: 100%;
    }
}

@media screen and (max-width:800px) {
    .fixedTop {
        width: 100%;
        left: 0;
    }

    .gaji_wrap {
        padding: 24px;
    }

    .gaji_headerWrap .iconArea {
        right: 20px;
        top: 6px;
    }
}

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

	/* leejy*/
	.gaji_wrap{padding:0}
	.gaji_wrap_inner{padding:24px;}

	.G_content{/*padding-top:65px*/padding-top:90px}

    .G_newsContentWrap {padding: 24px 0;}

	/*
    h1.G_contentTit {
        font-size: 1.4em;
        padding: 0 0 30px 0;
    }
	*/

	/* leejy */
	h1.G_contentTit{text-align:left;font-size: 1.4em;padding: 0 15px 15px 15px;}
	.G_contentDate{padding: 0 15px 30px 15px;}


    .fixedTop .iconArea{
        height:43px;
    }

    .iconArea .iconBtn {
        width: 20px;
        height: 20px;
        padding: 6px;
    }

    .G_newsContentBottom {
        padding: 44px 0;
		/*margin:0 -24px;*/
    }

    .G_btnWrap {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        padding:0 40px;
    }

    .G_btnWrap>a {
        padding: 14px 0;
        margin: 0px 0 12px;
    }

    .G_btnWrap>a:nth-child(1) {
        margin-right: 0;
    }

    .G_btnWrap>a:nth-child(2) {
        margin-left: 0;
    }

    .shareNewsBtn,
    .instaBtn {
        width: 100%;
    }

    .h5Tit {
        font-size: 16px;
        line-height: 1.2em;
    }

    .adArea {
        padding: 0;
    }

    .G_moreNewsArea {
        /*padding: 24px 0 104px;*/
		padding: 24px 24px 104px;
    }

    .homeBtn,
    .shareBtn {
        width: 23px;
        padding: 2px 4px;
    }

	/* leejy*/
	.viewTopLogoBtn{padding:2px;width:105px;}

	.G_hashTagsDiv{padding:0px 24px;}

}



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

	.G_content{padding-top:65px}

    .newsListWrap {
        grid-template-columns: 1fr 1fr;
    }

    /* leejy */
    .G_copyrightArea{padding-bottom:10px;}
    .G_copyright{font-size:13px;}

}