@charset "utf-8";

sup{font-size:13px;}

.section{margin-bottom:80px; padding-bottom:80px; border-bottom:1px dashed #8d8d8d;}
.last_section,.section:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
.section p{margin-bottom:20px;}
.section p:last-child{margin-bottom:0;}
.section p.tit{font-weight:600; font-size:25px; margin-bottom:27px;}

.cont_title h2 {font-family: 'JAGothic'; max-width: 1200px; font-size: 38px; line-height: 50px; font-weight: 900; color: #222; position: relative; text-align: center; word-break: keep-all;}
.cont_title h2 span{font-family: 'Pretendard'; display: block; line-height: normal; text-align: center; font-weight: 600; margin: 0 auto 23px; background: #ebe1db; border-radius: 70px; padding: 10px 16px; width: fit-content; font-size: 18px; color: #333;}


.sub_title{color:#0a1b2c; margin-bottom:80px;}
.sub_title .pdf_down{display: block; width: fit-content; margin: 0 auto 70px; transition:0.1s; border: 2px solid #9f9f9f; border-radius: 70px; background: #f9f9f9; padding: 6px 16px; font-family: 'Paperlogy'; font-weight: 600;}
.sub_title .pdf_down i{margin-right:7px;}
.sub_title .pdf_down:hover{border-color:#fdd000;}
.sub_title span.cate{display: block; margin: 0 auto 22px; text-align: center; font-weight: 700; font-family: 'Paperlogy'; width: fit-content; border-bottom: 1px solid #003056; padding-bottom: 5px; color: #003056;}
.sub_title h2{font-size:34px; line-height:34px; margin-bottom:80px; text-align:center; font-weight:500; word-break:keep-all; letter-spacing:-0.8px;}
.sub_title h2 span{display:block; color:#8bb827; font-weight:800; display:block; margin-top:12px; font-size:37px; line-height:46px;}
.sub_title h2 span.quoto{display:inline-block; margin-top:0;}
.sub_title h2 p.author{font-size:20px; text-align:center; margin-top:34px; font-weight:600; line-height:26px;}
.sub_title .summary{padding:45px 20px; position:relative; background:#f9fcf5; border-top:1px solid #eee; border-bottom:1px solid #eee; margin:60px 0 150px;}
.sub_title .summary::before{content:''; display:block; width:16px; height:14px; background:url('../../../img/202504/common/quoto_prev.png') no-repeat; background-size:cover; position:absolute; left:0; top:-6px;}
.sub_title .summary::after{content:''; display:block; width:16px; height:14px; background:url('../../../img/202504/common/quoto_next.png') no-repeat; background-size:cover; position:absolute; right:0; top:-6px;}
.sub_title .summary > span{color:#8bb827; position:absolute; top:-12px; left:50%; transform:translate(-50%); font-weight:600; }
.sub_title .summary ul{width:fit-content; margin:0 auto; max-width:680px;}
.sub_title .summary ul li{margin-bottom:5px; font-weight:500; line-height:25px; text-align:justify; color:#222; font-size:16px;}
.sub_title .summary ul li::before{top:10px;}
.sub_title .summary ul li:last-child{margin-bottom:0;}



/* Q n A */
.qna_wr dl{margin-bottom:80px; position:relative; padding-left:32px;}
.qna_wr dl::before{content:''; display:block; background:url('../../../img/202504/common/m2_h2.png') center no-repeat; background-size:cover; width:20px; height:20px; position:absolute; left:0; top:3px;}
.qna_wr dl:last-child{margin-bottom:0;}
.qna_wr dl dt{margin-bottom:20px; font-size:23px; color:#0a1b2c; font-weight:600;}

.qna_wr dl dd{text-align:justify;}

.qna2_wr dl{margin-bottom:80px; position:relative;}
.qna2_wr dt{border-radius:40px; margin-bottom:30px; width:90%; padding:40px; position:relative; box-shadow:-8px 8px 0px aliceblue; border:1px solid #c7d6e3; color:#003056; font-weight:500;}
.qna2_wr dt::before{content:'Q'; display:block; color:rgba(62,97,127,0.65); position:absolute; left: 38px; top: -19px; font-family: 'Paperlogy'; font-weight: 700; font-size: 31px;}
.qna2_wr dd{border-radius:50px; box-shadow:8px 8px 0px #f2fbf2; border:1px solid #d0ddcf; width:90%; padding:40px; margin-left:10%; position:relative;}
.qna2_wr dd::before{content:'A'; display:block; color:rgba(111,157,107,0.65); position:absolute; right: 48px; top: -17px; font-family: 'Paperlogy'; font-weight: 700; font-size: 31px;}
.qna2_wr dd p{margin-bottom:20px;}
.qna2_wr dd p:last-child{margin-bottom:0;}

.qna3_wr dl::before{background:url('../../../img/202504/common/m3_h2.png') center no-repeat; background-size:cover;}
.qna4_wr dl::before{background:url('../../../img/202504/common/m4_h2.png') center no-repeat; background-size:cover;}

.qna_child dt{padding:40px 40px 40px 190px;}
.qna_child dt::before{content:''; width:134px; height:142px; background:url('../../../img/202504/sub/qna_child.png') center no-repeat; background-size:cover; top:unset; left:27px; bottom:0;}
.qna_child dt::after{content:''; width:70px; height:53px; display:block; position:absolute; background:url('../../../img/202504/sub/qna_cloud.png') center no-repeat; background-size:cover; top:-29px; right:27px;}

.qna_elder dt{padding:40px 40px 40px 262px;}
.qna_elder dt::before{content:''; width:198px; height:142px; background:url('../../../img/202504/sub/qna_elder.png') center no-repeat; background-size:cover; top:unset; left:27px; bottom:0;}



/* 이미지가 함께 있는 리스트 */
.list_wr{display:flex; flex-wrap:wrap;}
.list_wr dl{width:48%; margin-bottom:30px;}
.list_wr dl:nth-child(odd){margin-right:4%;}
.list_wr dl .img_wrap{border-radius:5px; overflow:hidden;}
.list_wr dl dd span{display:block; margin:17px auto 5px; text-align:center; font-weight:600;} 



/* 부가기능 */
.add_function{margin:80px auto; width:fit-content; border:1px solid #8bb827; border-radius:70px; background:#f5f9ea; padding:10px 30px; font-size:20px;}
.add_function li{display:inline-block; margin-right:12px;}
.add_function li:last-child{margin-right:0;}
.add_function li a{display:block; height:100%; color:#8bb827; transition:0.2s;}
.add_function li:hover a{color:#4d690f;}


/* 밥이 보약 */
.ingredients{border:2px solid #af9d8d; border-radius:20px; padding:30px; position:relative;}
.ingredients::before{content:'재료 소개'; display:block; padding:0 20px; color:#514438; background:#fff; position:absolute; left:50%; top:-12px; transform:translateX(-50%); font-size:20px; font-weight:700; background:#fff;}
.ingredients ul{display:flex; flex-wrap:wrap;}
.ingredients ul li{width:50%; padding:0 10px;}
.recipe dl{margin-bottom:60px;}
.recipe dl:last-child{margin-bottom:0;}
.recipe dl{display:flex; flex-wrap:wrap;}
.recipe dl dt{width:50%;}
.recipe dl dt .img_wrap{border-radius:20px; overflow:hidden; border:1px dashed #b5bba8;}
.recipe dl dd{width:50%; padding-left:25px; text-align:justify;}
.recipe dl dd i{display:block; font-size:25px; font-weight:700; color:#8fc31f; margin-bottom:8px;}


/* 한방울 톡톡 */
.cartoon_wr{max-width: 900px; margin: 0 auto;}
.cartoon_wr img{margin:0 auto;}


/* 함께 보면 좋아요 (지난호) */
.last_issue_link{border-top:1px solid #e1e1e1; position:relative;}
.last_issue_link > span{font-size:26px; color:#003056; font-weight:700; text-align:center; display:block; width:fit-content; margin:-16px auto 30px; background:#fff; padding:0 15px;}
.last_issue_link .link_slide{margin:0 10px;}
.last_issue_link .link_slide a{display:block; height:100%;}
.last_issue_link .link_slide dl{margin-right:20px; padding-top:12px;}
.last_issue_link .link_slide dt{transition:1s; height:236px;}
.last_issue_link .link_slide dt img{border-radius:10px; width:100%; height:100%; object-fit:cover;}
.last_issue_link .link_slide dd{font-weight:700; text-align:center; padding-top:10px; transition:0.1s; line-height:23px; word-break:keep-all;}
.last_issue_link .link_slide dd span.tit{display:block; text-align:center; color:#757575; font-weight:500; margin-bottom:3px; font-size:15px;}
.last_issue_link .slick-arrow{top:-45px;}
.last_issue_link .slick-prev{width:35px; height:35px; display:block; background:url('../../../img/202504/common/issue_arr_prev.png') center no-repeat; background-size:cover; left:-10px;}
.last_issue_link .slick-next{width: 35px; height: 35px;  display: block;  background: center / cover no-repeat url('../../../img/202504/common/issue_arr_next.png');  right: 0;}
.last_issue_link .link_slide dl:hover dt{transform:translateY(-10px);}
.last_issue_link .link_slide dl:hover dd{color:#707f51;}


/* 코너 전체 보기*/
.wz_total_cont .con_wrap{margin-bottom:40px; display:flex; flex-wrap:wrap; border-top:1px solid #003056;}
.wz_total_cont .con_wrap:last-child{margin-bottom:0;}
.wz_total_cont .con_wrap h3{width:25%; font-size:30px; padding:20px; position:relative; font-weight:700; border-bottom:none;}
.wz_total_cont .cont_wr{width:75%;}
.wz_total_cont .con_wrap dl{border-bottom:1px solid rgba(207,215,221,0.15);}
.wz_total_cont .con_wrap dl > a{display:block; height:100%; padding:16px 18px;}
.wz_total_cont .con_wrap dl.event_cate{padding:16px 18px;}
.wz_total_cont .con_wrap dl:nth-child(even){background:#f2f8ff;}
.wz_total_cont .con_wrap dt{font-weight:700; margin-bottom:7px; transition:0.7s;}
.wz_total_cont .con_wrap dd{transition:0.7s; line-height:24px; word-break:keep-all;}
.wz_total_cont .con_wrap dl:hover dt{color:#3579c1;}
.wz_total_cont .con_wrap dl:hover dd{padding-left:10px; color:#3579c1;}


/*  구독신청 */
.subs_input{margin:40px 0 80px;}
.subs_input > input,.subs_input textarea{display:block; padding:14px 10px; width:100%; height:auto; line-height:normal; border:3px solid #c5cae3; margin-bottom:5px;}
.subs_input .sub_age label{margin-bottom:12px; display:inline-block;}
.subs_wr .border_box p{line-height:24px;}


/* 구독의견 */
.opinion_wr{position:relative; margin-top:140px; background:#eff0f4; padding:30px; border-radius:10px;}
.opinion_wr::before{content:''; display:block; background:url('../../../img/202401/sub/opinion_cha.png') center no-repeat; width:221px; height:135px; background-size:cover; position:absolute; right:10px; top:-118px;}
.opinion_wr dl{margin-bottom:24px;}
.opinion_wr dl:last-child{margin-bottom:0;}
.opinion_wr dl dt{  font-weight:600; margin-bottom:15px;}
.opinion_wr dl dt span{font-weight:600; margin-right:10px; color:#89c900; font-size:20px;}
.op_list{display:none; margin-top:80px; padding-top:80px; border-top:1px solid #979797;}
.op_list ul{margin-top:20px;}
.op_list ul li{margin-bottom:10px; background:#f9f8f3; padding:30px 30px 20px; border-radius:5px;}
.op_list ul li > a{transition:0.1s;}
.op_list ul li > a:hover{color:#069499;}
.op_list p.writer_info{margin-bottom:10px;}
.op_list p.writer_info span.name{font-weight:600; color:#3a77a5;}
.op_list p.writer_info span.date{font-weight:300; font-size:15px; margin-left:10px;}
.opinion_detail_view{margin-top:30px; padding-top:30px; border-top:1px dashed #a7a185;}
.opinion_detail_view p{margin-bottom:20px;}
.opinion_detail_view p:last-child{margin-bottom:0;}
.opinion_detail_view p span{display:block;}
.opinion_detail_view p span.oq{font-weight:600; margin-bottom:5px;}
.opinion_detail_view p span.oq i{color:#4dc900; margin-right:10px;}
.opinion_detail_view p span.oa{background:#fffefc; padding:30px; border-radius:5px;}
.opinion_detail_view a.o_close{font-size:23px; display:block; text-align:right;}


/* 초성퀴즈 */
.quiz_intro .img_wrap{position:relative;}
.quiz_intro .img_wrap::before{content:''; display:block; width:188px; height:166px; background:url('../../../img/202401/sub/firework1.png') center no-repeat; background-size:cover; position:absolute; left:0; top:-25px; z-index:-1;}
.quiz_intro .img_wrap::after{content:''; display:block; width:219px; height:220px; background:url('../../../img/202401/sub/firework2.png') center no-repeat; background-size:cover; position:absolute; right:0; bottom:24px; z-index:-1;}
.quiz_wr{background:#003056; margin:-29px 0 50px; padding:70px 50px; border-radius:25px;}
.quiz_wr p{text-align:center; font-family: 'JAGothic';}
.quiz_wr p.q{font-size:23px; color:#fff; border:1px solid #eaece3; padding:35px 30px; border-radius:10px; word-break:keep-all; line-height:35px;}
.quiz_wr p.a{font-weight:900; margin-top:20px; font-size:30px; background:#8fc31f; color:#fff; padding:20px 10px; border-radius:5px; word-break:keep-all;}
.subs_input span.tit{display:block; width:fit-content; margin-bottom:10px; background:#003056; margin-bottom:10px; border-radius:5px; color:#fff; padding:10px 19px; font-weight:500;}
.last_winner{padding:30px; background:#f0f8fb; margin:50px 0;}
.last_winner p.tit{width:fit-content; background:#3a8faf; border-radius:20px; padding:3px 20px; color:#fff; font-weight:600;}
.last_winner ul{margin-top:20px; display:flex; flex-wrap:wrap;}
.last_winner ul li{margin-bottom:10px; margin-right:10px; width:calc((100% / 5) - 10px); border-radius:20px; border:1px solid #82bacf; padding:6px 13px; text-align:center;}

/**/
.talk_title .int{text-align:left;}




/* 202504 - 6월호*/
.gymnastics{border:1px solid #b8b9b7; padding:30px; border-radius:5px;}
.cartoon_wr .slick-dots li button{background:rgba(227,227,227,0.41);}
.cartoon_wr .slick-prev{width:35px; height:35px; display:block; background:url('../../../img/202504/common/issue_arr_prev2.png') center no-repeat; background-size:cover; left:-10px;}
.cartoon_wr .slick-next{width: 35px; height: 35px;  display: block;  background: center / cover no-repeat url('../../../img/202504/common/issue_arr_next2.png'); right:-10px;}
.mini_box{padding:30px; border:1px solid #dee7cb; border-radius:20px;}
.mini_box h4{color:#628f00;}
.mini_box dl{display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px dashed #7e8374; margin-bottom:15px; padding-bottom:15px;}
.mini_box dl:last-child{border-bottom:none; margin-bottom:0; padding-bottom:0;}
.mini_box dl dt{width:40%;}
.mini_box dl dd{width:60%; padding-left:20px;}











/* ------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width : 1400px) {
}






@media only screen and (max-width : 1000px) {
	.section{margin-bottom:50px; padding-bottom:50px;}

	.sub_title{margin-bottom:50px;}
	.sub_title .pdf_down{font-size:13px;}
	.sub_title h2{font-size:20px; margin-bottom:30px;}
	.sub_title h2 span{font-size:23px; margin-top:0; line-height:28px;}
	.sub_title h2 p.author{font-size:14px; margin-top:17px;}
	.sub_title .summary ul li{font-size:15px; line-height:23px;}
	.sub_title .summary > span{top:-9px;}

	/* Q n A */
	.qna_wr dl{padding-left:25px;}
	.qna_wr dl dt{font-size:18px;}
	.qna_wr dl::before{width:15px; height:15px;}

	/* 함께 보면 좋아요 (지난호) */
	.last_issue_link > span{font-size:20px;}
	.last_issue_link .link_slide dt{text-align:center;}
	.last_issue_link .link_slide dd{line-height:20px; word-break:keep-all;}
	.last_issue_link .slick-prev,.last_issue_link .slick-next{width:25px; height:25px;}
	.last_issue_link .slick-arrow{top:-42px;}
	.last_issue_link .link_slide dd span{font-size:14px; margin-bottom:6px;}

	/* 초성퀴즈 */
	.quiz_intro .img_wrap img{width:200px;}
	.quiz_wr{padding:30px; margin:-22px 0 50px;}
	.quiz_wr p.q{font-size:15px; line-height:23px; padding:25px 20px;}
	.quiz_wr p.a{font-size:17px;}

	/* 독자의견 */
	.opinion_wr{margin-top:95px;}
	.opinion_wr::before{width:142px; height:87px; top:-77px;}
	.opinion_wr dl dt{line-height:22px;}

	/* 코너 전체 보기 */
	.wz_total_cont .con_wrap h3{font-size:20px;}

	/* 202504 */
	.mini_box h4{font-size:16px;}
}






@media only screen and (max-width : 800px) {
	.qna2_wr dt,.qna2_wr dd{padding:30px;}

	.m3 .box p strong,.m4 .box p strong{color:#72a700 !important;}
}




@media only screen and (max-width : 600px) {
	.sub_title .pdf_down{margin:0 auto 46px;}
	.sub_title .summary{margin:60px 0 100px;}
	.sub_title .summary ul li{font-weight:500;}

	.list_wr dl{width:100%;}
	.list_wr dl:nth-child(odd){margin-right:0;}
	.list_wr dl:last-child{margin-bottom:0;}

	/* 밥이보약 */
	.recipe dl dt{width:100%;}
	.recipe dl dt .img_wrap{margin-bottom:50px;}
	.recipe dl dd{width:100%; padding-left:0;}

	/* 함께 보면 좋아요 */
	.last_issue_link .link_slide dt{height:190px;}

	/* 초성퀴즈 */
	.quiz_wr p.q{text-align:left; word-break:break-all;}
	.quiz_intro .img_wrap::before{width:102px; height:84px;}
	.quiz_intro .img_wrap::after{width:106px; height:110px;}
	.cont_title p.edit_info small{font-size:14px; line-height:20px !important;}

	/* 코너 전체 보기 */
	.wz_total_cont .con_wrap h3{width:100%; padding:15px 15px 0;}
	.wz_total_cont .cont_wr{width:100%;}
}




@media only screen and (max-width : 400px) {
	/* 202504 */
	.gymnastics{padding:20px;}
}