@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.png); } */
.mainRenewal-banner.type2 { background-image: none; height: auto; display:flex; justify-content: center; background-color: #eaf6f6; }
.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;}
.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: flex-start; justify-content: flex-start; gap: 18px; }
.mainRenewal-banner.type2 .inner-link { display: flex; }
.mainRenewal-banner.type2 .tit { font-size: 54px; color: #fff; font-weight: 500; }
.mainRenewal-banner.type2 .tit .d-down-sm { display:none; }
.mainRenewal-banner.type2 .link-left { display: flex; width: 454px; height: 59px; background-color: #d41616; border-radius: 30px; color: #fff; font-size: 27px; justify-content: center; align-items: center; gap: 30px;}
.mainRenewal-banner.type2 .con { font-size: 18px; color: #fff; }
.mainRenewal-banner.type2 .link-right { display: flex; background-color: #fff; border-radius: 30px; overflow: hidden; width: 825px; height: 59px; align-items: center; justify-content: center; }
.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%; }

.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:1200px){

}

@media screen and (max-width:1024px){
    
.mainRenewal-banner.type2 > div { padding: 30px 20px; }
.mainRenewal-banner.type2 .inner-banner { width: 100%; }
.mainRenewal-banner.type2 .inner-text { width: 100%; }
.mainRenewal-banner.type2 .inner-link { width: 100%; flex-wrap: wrap; }
.mainRenewal-banner.type2 .tit { font-size: 28px; display: inline-block; width: 100%; }
.mainRenewal-banner.type2 .tit .d-down-sm { display:block; }
.mainRenewal-banner.type2 .link-left { font-size: 20px; width: 100%; gap: 14px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.mainRenewal-banner.type2 .ico-arrow-circle-right { transform: rotate(90deg); }
.mainRenewal-banner.type2 .link-right { padding: 20px 0; flex-direction: column; height: auto; border-top-left-radius: 0; border-top-right-radius: 0; }
.mainRenewal-banner.type2 .link-right > a:nth-child(1) { padding: 0 27px; box-sizing: content-box; }
.mainRenewal-banner.type2 .link-right > a:nth-child(2) { margin-top: 20px; padding: 0px 60px; }
.mainRenewal-banner.type2 .link-right > a:nth-child(2):before { display:none; }
.mainRenewal-banner.type2 .link-right > a:nth-child(3) { padding: 0 30px; margin-top: 20px; }
.mainRenewal-banner.type2 .link-right > a:nth-child(3):before { display:none; }

}

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

}