@charset "utf-8";
/* 빅아이도란도란소개 */
.introduce {padding-top: 6rem;}
.introduce h4.cont-title {color: #222222;}
.introduce .txt {font-size: 1.8rem; color: #212020; line-height: 3.3rem; margin-bottom: 9rem;}
.introduce .txt span {font-weight: 600; color: #df2c70;}

/* 유용한 링크들 */
.linkList {display: flex; gap: 4rem; flex-wrap: wrap;}
.linkList:not(:last-of-type) {margin-bottom: 9rem;}
.linkList li {width: calc(33.333% - 2.666rem);}
.linkList li a {display: block; width: 100%; border-radius: 30px; background: #f7f6fb; overflow: hidden;}
.linkList li a .img {width: 100%; height: 12.2rem; border-radius: 30px; overflow: hidden; border: 1px solid #dbdbdb; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background: #fff;}
.linkList li a .tit {padding: 2.2rem 0; text-align: center; font-size: 1.8rem; font-weight: 500; color: #212020;}

/* 꼬부기단 소개 */
.subCont.cont3 .blogText {margin-bottom: 11rem;}
.subCont.cont3 .blogText p {line-height: 3.3rem;}
.subCont.cont3 .basicText:first-of-type {margin-bottom: 13rem;}
.subCont.cont3 .basicText:nth-of-type(2) {margin-bottom: 6.5rem;}
.subCont.cont3 .basicTable {margin-bottom: 13rem;}
.subCont.cont3 .point_content {flex-direction: row; flex-wrap: wrap; margin-bottom: 5rem;}
.subCont.cont3 .point_content li {min-width: 50%;}
.subCont.cont3 .point_content li span {color: #f7317e; font-weight: 600;}
.subCont.cont3 .badgeList > li > .tit {color: #000000;}
.subCont.cont3 .basicTable table.mobTable {display: none;}
.activeBox {position: relative;}
.activeBox .bdImg {position: absolute; z-index: -1;}
.activeBox .bdImg.num1 {top: -16rem; right: -5rem;}
.activeBox .bdImg.num2 {top: 50rem; right: 0rem;}
.activeList {position: relative; display: flex; flex-wrap: wrap; gap: 4rem; row-gap: 4.5rem; margin-bottom: 13.5rem;}
.activeList::before {content: ''; position: absolute; bottom: -5.5rem; left: 45%; transform: translateX(-50%); background: url('/kids/images/contents/content_bg2.png') no-repeat; width: 258.5rem; height: 84.5rem; background-size: 100%; z-index: -1;}
.activeList li {width: calc(33.333% - 2.666rem); border-radius: 30px; background: rgba(255,255,255,0.85); padding: 7rem 3rem 5rem 3rem; box-sizing: border-box;}
.activeList li .txt {font-size: 1.8rem; color: #212020; font-weight: 500; line-height: 2.8rem; word-break: keep-all;}
.benefitBox {position: relative;}
.benefitBox::before {content: ''; position: absolute; bottom: -5rem; left: 50%; transform: translateX(-50%); background: url('/kids/images/contents/content_bg3.png') no-repeat; background-size: 100%; width: 406.1rem; height: 67.7rem; z-index: -1;}
.benefitBox .bdImg {position: absolute; top: 40rem; right: -20rem; z-index: -1;}

/*사이트맵*/
.sitemap{margin-top:10rem;}
.sitemap .in{display:flex;gap:6rem; flex-wrap:wrap; justify-content:space-between; flex-direction:row;  margin-bottom:10rem; }
.sitemap h4{width:20%; padding:0 2rem 0 3rem; border-radius:10px; font-family:var(--Vitro); font-size:2.4rem; height:70px; line-height:70px;}
.sitemap h4.tit_01{color:#217abf; background-color:#dde8ff;}
.sitemap h4.tit_02{color:#d25f13; background-color:#f9e4c5;;}
.sitemap h4.tit_03{color:#2b9d22; background-color:#e5f0e4; }
.sitemap h4.tit_04{color:#f5317c; background-color:#e8c9d5; }
.sitemap h4.tit_05{color:#5c16bd; background-color:#e6d4f7; }
.sitemap .sub_menu{width:calc(80% -  6em); border-top:2px solid #000; border-bottom:1px solid #dbdbdb; padding-bottom:1rem;}
.sitemap .sub_menu > ul{display:flex;  flex-wrap:wrap;flex-direction:row; margin-top:1rem; }
.sitemap .sub_menu > ul > li{width:25%}
.sitemap .sub_menu > ul > li > a{display:block;  font-family:var(--Vitro); font-size:2.1rem;  padding:1rem 1.5rem 1rem 2rem;}
.sitemap .sub_menu > ul > li > ul {padding:0 3rem; }
.sitemap .sub_menu > ul > li > ul > li > a{display:block; position:relative;   font-size:1.8rem; padding:1.5rem 1.5rem 1.5rem 2rem;}
.sitemap .sub_menu > ul > li > ul > li > a:before{content: ''; position: absolute; left: 0; top: 2.2rem; width: 0.9rem; height: 0.3rem; background: #171312;}
.sitemap .sub_menu > ul > li > ul > li > a:hover, .sitemap .sub_menu > ul > li > ul > li > a:focus{text-decoration:underline;}

/* 독자활동안내 */
.subCont.active {margin-bottom: 17rem;}
.subCont.cont3 .activeInfo {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 0; line-height: 3.3rem; padding-bottom: 4rem; text-align: center; font-size: 1.8rem;}
.subCont.cont3 .activeInfo p {display: inline-block; position: relative; word-break: keep-all;}
.subCont.cont3 .activeInfo p::before {content: ''; position: absolute; bottom: -1.5rem; left: -20rem; background: url('/kids/images/contents/content_boogi.png') no-repeat; width: 17.5rem; height: 19.2rem; background-size: 100%;}
.subCont.cont3 .activeInfo::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 200rem; height: 30.5rem; background: url('/kids/images/contents/content_bg5.png') no-repeat; background-size: 100%; z-index: -1;}
.subCont.cont3 .activeInfo::after {content: ''; position: absolute; bottom: -3rem; right: 5.5rem; width: 48.2rem; height: 20.3rem; background: url('/kids/images/contents/content_img3.png') no-repeat; background-size: 100%; z-index: -1;}


/* 반응형 */
@media screen and (max-width: 1280px) {
    /* 꼬부기단 소개 */
    .activeBox .bdImg, .benefitBox .bdImg {display: none;}

	/*사이트맵*/
	.sitemap .in{gap:3em;}
	.sitemap h4{width:25%;}
	.sitemap .sub_menu{width:calc(75% -  3em); }
	.sitemap .sub_menu > ul > li{width:33.333%}

    /* 독자활동안내 */
    .subCont.cont3 .activeInfo p::before {width: 14rem; bottom: -5rem; left: -15rem;}
    .subCont.cont3 .activeInfo::after {display: none;}
}

@media screen and (max-width: 1025px) {
    /* 유용한 링크들 */
    .linkList {gap: 3rem;}
    .linkList li {width: calc(50% - 1.5rem);}

    /* 꼬부기단 소개 */
    .activeList {gap: 3rem !important;}
    .activeList::before {bottom: auto; top: 0;}
    .activeList::after {content: ''; position: absolute; bottom: -8rem; left: 50%; transform: translateX(-50%); width: 200rem; height: calc(100% - 76.5rem); background: #f3fdf2; z-index: -1;}
    .activeList li {width: calc(50% - 1.5rem); padding: 4rem 3rem;}
    .benefitBox::before {bottom: 24rem;}
    .benefitBox::after {content: ''; position: absolute; bottom: -7rem; left: 50%; transform: translateX(-50%); width: 200rem; height: calc(100% - 67.7rem); background: #daf1fd; z-index: -1;}
    .activeList {margin-bottom: 8.5rem;}

	/*사이트맵*/
	.sitemap{margin-top:2rem;}
	.sitemap .in{gap:0; margin-bottom:2rem;}
	.sitemap h4{width:100%; font-size:2rem; height:55px; line-height:55px}	
	.sitemap .sub_menu{width:100%; margin-top:1rem; }
	.sitemap .sub_menu > ul > li > a{font-size:1.8rem;}
	.sitemap .sub_menu > ul > li > ul {padding-left:3rem;}
	.sitemap .sub_menu > ul > li > ul > li > a{font-size:16px; padding:1.2rem 1.5rem 1.2rem 2rem} 
	.sitemap .sub_menu > ul > li > ul > li > a:before{ top: 2rem;}

    /* 독자활동안내 */
    .subCont.cont3 .activeInfo {padding-bottom: 6rem;}
    .subCont.cont3 .activeInfo::before {width: 236rem; height: 36rem;}
}

@media screen and (max-width: 768px) {
    /* 빅아이도란도란소개 */
    .introduce {padding-top: 3rem;}
    .introduce .txt {font-size: 1.6rem;}
    .introduce .txt:last-of-type {margin-bottom: 0;}

    /* 유용한 링크들 */
    .linkList li {width: 100%;}
    .linkList li a .tit {font-size: 1.6rem;}

    /* 꼬부기단 소개 */
    .subCont.cont3 .blogText {margin-bottom: 5rem;}
    .subCont.cont3 .signGuide {margin-bottom: 5rem;}
    .subCont.cont3 .signGuide.type2 {margin-bottom: 3rem;}
    .subCont.cont3 .basicText:first-of-type {margin-bottom: 8rem;}
    .benefitBox .basicText {margin-bottom: 5rem !important;}
    .activeList::after {bottom: -5rem; height: calc(100% - 79.5rem);}
    .activeList li {width: 100%; padding: 3rem;}
    .activeList li .txt {font-size: 1.6rem;}
    .subCont.cont3 .basicTable table.pcTable {display: none;}
    .subCont.cont3 .basicTable table.mobTable {display: table;}

	/*사이트맵*/
	.sitemap h4{height:50p}
	.sitemap .sub_menu > ul > li{width:100%}

    /* 독자활동안내 */
    .subCont.active {margin-bottom: 12rem;}
    .subCont.cont3 .activeInfo {font-size: 1.6rem; line-height: 2.8rem;}
    .subCont.cont3 .activeInfo p::before {display: none;}
}

@media screen and (max-width: 480px) {
    /* 빅아이도란도란소개 */
    .introduce .txt {font-size: 1.5rem;}
    .introduce .txt:not(:last-of-type) {margin-bottom: 5rem;}
    
    /* 유용한 링크들 */
    .linkList li .img img {width: 100%;}

    /* 독자활동안내 */
    .subCont.cont3 .activeInfo {padding: 0 2rem 3rem 2rem; box-sizing: border-box;}
    .subCont.cont3 .activeInfo::before {width: 263rem; height: 40rem;}
}