@charset "utf-8";

/* font */
@import url('./fonts/NotoSans/fonts.css');
@import url('./fonts/S-Core/stylesheet.css');
@import url('./fonts/cookieRun/stylesheet.css');

*{padding:0; margin:0; letter-spacing:-0.03em; }
table{border-spacing:0; border-collapse:separate;}
ul, ol{list-style:none; padding:0; margin:0;}
a{text-decoration:none;color:#555;}
a:hover{color:#ed1c24 !important;}
p{margin:0;}
img{max-width:100%;}

/* layout */
.layout{width:1400px; margin:0 auto;}

/* main renewal issue */
.nft_gotop{display:none;}

/* 임시 */
.nft_pop{display:none !important;}

/* 임시 산불 배너 작업 (추후이동)*/
.mainRenewal-banner.type2 { background-image: url(../images/bg_banner_type2-2.png); height: auto; display:flex; justify-content: center; background-color: rgba(0, 0, 0, 0.7); }
.mainRenewal-banner.type2 > a { max-width: 1527px; }
.mainRenewal-banner.type2 > a > img { width: 100%; }
.mainRenewal-banner.type2 > div { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding-block: 42px; background-color: rgba(0, 0, 0, 0.7); }
.mainRenewal-banner.type2 .ico-arrow-circle-right { display:inline-block; width: 28px; height: 28px; line-height: 28px; background: url(../images/ico_arrow_circle_right.png) no-repeat center/cover; }
.mainRenewal-banner.type2 .inner-banner { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 18px; }
.mainRenewal-banner.type2 .inner-link { display: flex; gap: 8px; width: 100%; }
.mainRenewal-banner.type2 .inner-text { display: flex; align-items: flex-end; padding-inline: 40px; }
.mainRenewal-banner.type2 .tit { font-size: 60px; color: #fff; font-weight: 700; margin-right: 22px; font-family: 'S-core'; letter-spacing: -0.04em; }
.mainRenewal-banner.type2 .date { font-size: 48px; color: #77b9f6; font-weight: 700; font-family: 'S-core'; letter-spacing: -0.06em; }
.mainRenewal-banner.type2 .link-left { display: flex; width: 454px; height: 59px; background-color: #4b9eeb;  color: #fff; font-size: 27px; justify-content: center; align-items: center; gap: 30px; flex: 0 0 454px;}
.mainRenewal-banner.type2 .con { display:inline-block; margin-top: 5px; margin-left: 36px; font-size: 18px; color: #fff; }
.mainRenewal-banner.type2 .con > span {font-size: 21px;}
.mainRenewal-banner.type2 .link-right { display: flex; background-color: #fff;  width: auto; height: 59px; align-items: center; justify-content: center; flex: 1 1 auto; }
.mainRenewal-banner.type2 .link-right > a:nth-child(1) { display: inline-block; width: 196px; height: 49px; }
.mainRenewal-banner.type2 .link-right > a:nth-child(2) { display: inline-block; width: 136px; height: 49px; padding-left: 40px; box-sizing: content-box; position:relative; }
.mainRenewal-banner.type2 .link-right > a:nth-child(2):before { position:absolute; top: calc(50% - 16px); left: 18px; content:''; display: inline-block; width: 2px; height: 29px; background: #b6b6b6; }
.mainRenewal-banner.type2 .link-right > a:nth-child(3) { display: inline-block; width: 182px; height: 50px; padding-left: 40px; box-sizing: content-box; margin-bottom: 5px; position:relative; }
.mainRenewal-banner.type2 .link-right > a:nth-child(3):before { position:absolute; top: calc(50% - 14px); left: 18px; content:''; display: inline-block; width: 2px; height: 29px; background: #b6b6b6; }
.mainRenewal-banner.type2 .link-right > a img { width: 100%; height: 100%; }
.mainRenewal-banner.type2 .link-page { font-size: 27px; background-color: #4b9eeb; color: #fff;  display: inline-flex; width: auto;  align-items: center;  gap: 20px; padding: 6px 18px; margin-bottom: 12px; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px; }
.mainRenewal-banner.type2 .link-page:hover { color: #fff !important; }

.chest-sub.intro .about-wrap .about-tree .tree-txt-wrap { align-items: center; }

@media screen and (max-width:1400px){
	.layout{width:100%; padding:0 20px;}
}

@media screen and (max-width:1350px){
    .mainRenewal-banner.type2 .tit { font-size: 44px; margin-right: 8px;}
    .mainRenewal-banner.type2 .date { font-size: 38px; }
    .mainRenewal-banner.type2 .link-page { font-size: 22px; gap: 20px; margin-bottom: 6px; }
    .mainRenewal-banner.type2 .link-left { width: 350px; font-size: 22px; }
    .mainRenewal-banner.type2 .con { margin-left: 16px; }
}

@media screen and (max-width:1024px){
.mainRenewal-banner.type2 { background-image: url(../images/bg_banner_type2_m.png); }
.mainRenewal-banner.type2 > div { padding: 45px 0px; }
.mainRenewal-banner.type2 .inner-banner { width: 100%; gap: 14px; }
.mainRenewal-banner.type2 .inner-text { width: 100%; flex-direction: column; align-items: center; padding-inline: 0px; }
.mainRenewal-banner.type2 .inner-link { width: 100%; align-items: center; flex-direction: column; }
.mainRenewal-banner.type2 .tit { font-size: 40px; display: inline-block; width: 100%; margin-right:0; text-align: center; line-height: 1.2;}
.mainRenewal-banner.type2 .date { font-size: 24px; text-align: center; margin-top: 4px; }
.mainRenewal-banner.type2 .link-left { font-size: 17px; width: 242px; height: 40px; gap: 14px;  border-radius: 6px; flex: 0 0 auto;}
.mainRenewal-banner.type2 .link-left-wrap { display: inline-flex; flex-direction: column; align-items: center; width: 100%;}
.mainRenewal-banner.type2 .inner-link .ico-arrow-circle-right { transform: rotate(90deg); width: 18px; height: 18px;}
.mainRenewal-banner.type2 .link-right { width: calc(100% - 32px); padding: 6px 0px; height: auto; border-top-left-radius: 0; border-top-right-radius: 0; border-radius: 6px;  margin-inline: 16px; max-width: 460px;}
.mainRenewal-banner.type2 .con {margin: 0; font-size: 12px; margin-top: 4px; }
.mainRenewal-banner.type2 .con > span { font-size: 15px; }

.mainRenewal-banner.type2 .link-right > a:nth-child(1) { width: 115px; height: 29px; }
.mainRenewal-banner.type2 .link-right > a:nth-child(2) { padding-left: 14px; width: 79px; height: 29px;}
.mainRenewal-banner.type2 .link-right > a:nth-child(2):before { top: calc(50% - 9px); left: 3px; height: 18px; }
.mainRenewal-banner.type2 .link-right > a:nth-child(3) { width: 113px; height: 28px; margin-bottom: 0; padding-left: 14px;}
.mainRenewal-banner.type2 .link-right > a:nth-child(3):before { top: calc(50% - 9px); left: 6px; height: 18px; }

.mainRenewal-banner.type2 .link-page { font-size: 18px; padding: 4px 17px; margin-bottom: 0; margin-top: 18px; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;}
.mainRenewal-banner.type2 .link-page .ico-arrow-circle-right { width: 20px; height: 20px; line-height: 20px;}
}

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

}