@charset "utf-8";


.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;}


/* intro */
.monologue{background:#edf7f1; border-radius:70px; padding:40px 50px; margin-bottom:80px; position:relative;}
.monologue::before{content:''; display:block; background:url('/img/202505/sub/quoto_prev.png') center no-repeat; width:34px; height:28px; background-size:cover !important; position:absolute; left:20px; top:0;}
.monologue::after{content:''; display:block; background:url('/img/202505/sub/quoto_next.png') center no-repeat; width:34px; height:28px; background-size:cover !important; position:absolute; right:20px; bottom:0;}
.monologue p{margin-bottom:12px;}
.monologue p:last-child{margin-bottom:0;}
.monologue.sec2{background:#f1f4f7;}
.monologue.sec2::before{background:url('/img/202505/sub/quoto_prev2.png') center no-repeat;}
.monologue.sec2::after{background:url('/img/202505/sub/quoto_next2.png') center no-repeat;}


/* Poet */
.poet{background:#f2f7f4; padding:30px 40px; font-family: 'script';}
.poet p.tit{font-size:20px; font-weight:600;}
.poet p.txt{width:fit-content; margin:0 auto; font-size:16px; border-radius:20px;}


/* qna01 */
.qna01 dl{margin-bottom:80px;}
.qna01 dl dt{position:relative; font-size:22px; font-weight:600; margin-bottom:20px; padding-left:54px; color:#0e4729;}
.qna01 dl dt::before{content:''; display:block; background:url('/img/202505/sub/qna_ic01.png') center no-repeat; background-size:cover; width:44px; height:34px; position:absolute; left:0; top:-4px;}
.qna01 dl dd{padding-left:54px;}
.qna01 dl dd .img_wrap{border-radius:20px; overflow:hidden;}
.qna01 dl dd p{margin-bottom:12px;}
.qna01 dl dd p small{line-height:19px; display:inline-block;}
.qna01 dl dd p:last-child{margin-bottom:0;}
.qna02 dl dt{color:#063a83;}
.qna02 dl dt::before{content:''; display:block; background:url('/img/202505/sub/qna_ic02.png') center no-repeat; background-size:cover; width:35px; height:38px; position:absolute; left:0; top:-4px;}


/* interview */
.interview{margin-bottom:80px;}
.interview:last-child{margin-bottom:0;}
.interview span.title{position:relative; font-size:22px; font-weight:800; margin-bottom:20px; color:#063a83; display:block; padding-left:30px;}
.interview span.title::before{content:''; display:block; width:22px; height:22px; background:url('/img/202505/sub/interview_ic01.png') center no-repeat; background-size:cover; position:absolute; left:0; top:2px;}
.interview dl{position:relative; margin-bottom:10px; border-radius:45px; padding:30px 30px 30px 235px; border:1px solid #e7e7e7;}
.interview dl dt{position:absolute; left:20px; top:50%; transform:translateY(-50%); box-shadow:-6px 5px 7px rgba(51,51,51,0.09); border-radius:45px; width:173px;}
.interview dl dt img{width:100%; height:100%; object-fit:cover;}
.interview dl dd{}
.interview dl dd span{color:#3976cb; font-weight:600; display:block; margin-bottom:6px;}
.interview dl dd p{text-align:justify;}
.interview > p{margin-bottom:12px;}
.interview > p:last-child{margin-bottom:0;}
.interview > .img_wrap{border-radius:20px; overflow:hidden;}


/* interview 2 */
.interview2{display:flex; flex-wrap:wrap; margin-bottom:80px; border-bottom:1px solid #dbdbdb;}
.interview2:last-child{margin-bottom:0;}
.interview2 .title{width:30%; font-size:37px; position:relative; line-height:43px; padding-right:20px;}
.interview2 .title b{display:block; font-weight:900; word-break:keep-all; margin-bottom:40px;}
.interview2 .cont{width:70%;}
.interview2 .cont dl{margin-bottom:30px;}
.interview2 .cont dt{padding-left:38px; font-size:20px; font-weight:700; color:#2344ae; position:relative; margin-bottom:5px;}
.interview2 .cont dt::before{content:'Q'; display:block; width:30px; height:30px; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; background:#eceef7; border-radius:10px;}
.interview2 .cont dd{padding-left:38px;}


/* section 1*/
.section1 dl{display:flex; flex-wrap:wrap; margin-bottom:80px; padding-bottom:80px; border-bottom:1px dashed #dbdbdb;}
.section1 dl:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
.section1 dl dt{width:30%; font-size:37px; word-break:keep-all; position:relative; line-height:43px; padding-right:20px;}
.section1 dl dt b{display:block; font-weight:900; color:#379b67;}
.section1 dl dd{width:70%;}
.section1 dl dd p{margin-bottom:12px;}
.section1 dl dd p:last-child{margin-bottom:0;}
.section1 dl dd p.saying{font-style:italic; color:#42bb7c;}
.section1 dl dd p.saying span{display:block; text-align:right; color:#46795f;}

.section1.ver2 dl{padding-bottom:0; border-bottom:none; margin-bottom:150px;}
.section1.ver2 dl dt{border-top:3px solid #379b67; padding-top:30px;}
.section1.ver2 dl dd{padding-left:20px;}


/* 말풍선 */
.bubble{display:flex; flex-wrap:wrap; justify-content:center;}
.bubble dl{width:calc(100% / 4); padding:10px; margin-bottom:20px;}
.bubble dl dt{position:relative; background:#f0f8ff; padding:20px; margin-bottom:22px; border-radius:30px; min-height:124px; display:flex; align-items:center; justify-content:center; border-bottom:2px solid #a7b7c5;}
.bubble dl dt p{text-align:center; word-break:keep-all; font-family: 'NanumSquareRound',sans-serif; font-weight:600; line-height:23px;}
.bubble dl dt::after{content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 20px solid transparent; border-top-color: #a7b7c5; border-bottom: 0; border-left: 0; margin-left: -10px; margin-bottom: -20px;}
.bubble dl dd .img_wrap{width:120px; height:120px; margin:0 auto 10px; border-radius:50%; overflow:hidden; border-bottom:4px solid #a2c8ff;}
.bubble dl dd .img_wrap img{width:100%; height:100%; object-fit:cover;}
.bubble dl dd span{display:block; text-align:center; font-weight:500;}


/* QUICK LINK */
.last_issue{margin-top:150px;}
.last_issue .title{position:relative; border-bottom:1px solid #e1e1e1; padding-bottom:20px; margin-bottom:20px;}
.last_issue .title span{font-size:30px; font-weight:800; background:#fff; color:#352d30; margin-bottom:7px; display:block; text-align:center;}
.last_issue dl{margin:0 5px;}
.last_issue dt{background:#f0f1f5; padding:5px 20px; text-align:center; border-radius:12px; color:#554d50; font-size:16px; font-weight:600; margin-bottom:12px;}
.last_issue dd{text-align:center;}
.last_issue dd img{border-radius:5px; transition:1s; box-shadow:5px 5px 2px rgba(51,51,51,0.13);}
.last_issue dd p{margin-top:12px; text-align:center; color:#554d50; line-height:22px; word-break:keep-all;}
.last_issue dl:hover img{border-radius:0 40px;}
.last_issue .slick-arrow{top:-21px;}
.last_issue .slick-prev{left:0px; width:37px; height:24px; background:url('/img/202505/sub/slide_arr_prev.png') center no-repeat; background-size:cover;}
.last_issue .slick-next{right:0px; width:37px; height:24px; background:url('/img/202505/sub/slide_arr_next.png') center no-repeat; background-size:cover;}


/* 뉴스 */
.news{border:1px solid #c9c9c9; padding:40px; background:#f9f9f9;}
.news .tit{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #333;}
.news .tit p{font-size:1.6rem; font-weight:700; text-align:center; line-height:1.9rem; }
.news .tit p.s_tit{font-weight:600; font-size:1.1rem; line-height:1.4rem; margin-top:20px; word-break:keep-all;}
.news .txt p{margin-bottom:16px;}
.news .txt p:last-chlid{margin-bottom:0;}

.issue_wr .issue{width:49%; cursor:pointer; margin-bottom:2%; transition:0.2s;}
.issue_wr .issue:nth-child(odd){margin-right:2%;}
.issue_wr .issue:hover{background:#3f87c7; color:#fff;}
.issue_wr .issue > div{height:100%;}
.news_pop{position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.7); z-index:1000; display:none; text-align:center; color:#222;}
.news_pop h4{color:#012349;}
.news_pop > div{width:80%; max-width:800px; height:80%; margin:3% auto; background-color:#fff; padding:30px; overflow-y:auto;}
.news_pop > div p.txt{margin:10px 0; height:80%; overflow:auto; border:1px solid #ccc; padding:20px; margin-bottom:20px;}
.news_pop .btn{text-align:center;}
.news_pop .img_wrap{max-width:680px; margin:0 auto 10px; border-radius:20px;}
.news_pop .respon_table th{padding:5px;}


/* 용어 소개 */
.word_wr .box{width:48%; margin-bottom:4%; padding-bottom:4%; border-bottom:1px dashed #333;}
.word_wr .box:nth-child(odd){margin-right:4%;}
.word_wr .box p.tit{text-align:center; font-size:1.3rem; font-weight:700;}
.word_wr .box p{margin-bottom:7px;}
.word_wr .box p:last-child{margin-bottom:0;}
.word_wr .img_wrap{margin:10px auto;}
.word_wr .img_wrap img{border-radius:20px;}




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


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



@media only screen and (max-width : 1000px){
	.monologue{border-radius:40px; padding:23px 38px;}
	.monologue::before,.monologue::after{width:20px; height:14px;}

	.qna01 dl{margin-bottom:60px;}
	.qna01 dl dt{font-size:17px; line-height:23px; padding-left:38px;}
	.qna01 dl dt::before{width:30px; height:23px;}
	.qna01 dl dd{padding-left:38px;}
	.qna02 dl dt::before{width:22px; height:23px;}

	.interview{margin-bottom:60px;}
	.interview span.title{font-size:20px; padding-left:26px;}
	.interview span.title::before{width:18px; height:18px; top:3px;}

	.interview2 .title{font-size:22px; line-height:28px;}
	.interview2 .cont dt{font-size:18px; padding-left:26px;}
	.interview2 .cont dt::before{width:20px; height:20px;}
	.interview2 .cont dd{padding-left:26px;}

	.section1 dl dt{font-size:22px; line-height:28px;}

	.bubble dl{width:calc(100% / 3); margin-bottom:5px;}
	.bubble dl dd .img_wrap{width:80px; height:80px;}

	.poet{padding:30px;}
	.poet p.tit{font-size:17px;}
	.poet p.txt{font-size:14px;}

	.vd_box{margin-top:100px;}
	.vd_box .title{font-size:22px;}

	.last_issue{margin-top:100px;}
	.last_issue .title span{font-size:22px; margin-bottom:0;}
	.last_issue dt{font-size:14px;}
	.last_issue dd p{line-height:20px;}
}



@media only screen and (max-width : 800px) {
	.news_pop .img_wrap{width:100%;}
}



@media only screen and (max-width : 600px) {
	.interview span.title{word-break:keep-all;}
	.interview dl{padding:20px 30px;}
	.interview dl dt{width:140px; position:unset; transform:translateY(-0); margin:0 auto 20px;}
	.interview dl dd span{text-align:center;}

	.interview2 .title{width:100%; padding-right:0; margin-bottom:30px;}
	.interview2 .title img{width:166px;}
	.interview2 .cont{width:100%;}

	.section1 dl{margin-bottom:30px; padding-bottom:30px;}
	.section1 dl dt{width:100%; padding-right:0; margin-bottom:30px;}
	.section1 dl dd{width:100%;}
	.section1.ver2 dl{margin-bottom:60px;}

	.bubble dl{width:calc(100% / 2);}

	.vd_box .title{width:100%; text-align:center; padding-right:0; margin-bottom:30px; font-size:17px;}
	.vd_box .vd{width:100%;}

	.word_wr .box{width:100%;}
	.word_wr .box:nth-child(odd){margin-right:0;}

	.issue_wr .issue{width:100%;}
	.issue_wr .issue:nth-child(odd){margin-right:0;}
}



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