@charset "utf-8";

.article_titWr2{padding-top: 2.5%;}
.volColor{color: #ed7c85 !important;}
.volColor2{color: #855939 !important;}



/***** sub01 *****/
#content.sub01.top_No_image{padding-top: 0;}
.sub01 .article-wrap {background: linear-gradient(#cae5f8 20%, #fff4cb 20%); padding-top: 50px;}
.sub01 h3{text-decoration: none;}
.sub01 .article_IntroWr{margin: 3% auto;}
.sub01 .article_Intro{display: block; padding: 0 5px;}
.sub01 .intro{text-align: center;}
.sub01 .sub01_sign{text-align: right;}
.sub01 h2{font-family: 'GangwonEdu_OTFBoldA';}
.sub01 .flex{justify-content: space-between;}
.sub01 .flex h2{width: 26%; font-size: 24px;}
.sub01 .flex .acont{width: 72%; margin: 0;}
.sub01 .sub01_line{display: block; width: 100%; height: 2px; border-bottom: 2px dotted #855939; margin: 20px 0;}
@media (max-width: 1089px){
}
@media all and (max-width:768px){
	.sub01 .flex h2{width: 100%;}
	.sub01 .flex .acont{width: 100%;}
 }

/******* sub02 *****/
.sub02{background: #fff4cb;}
.sub02 h3{text-decoration: none; text-align: center;}
.sub02 h3 span{display: block; font-size: 24px;}
.sub02 .flex .boximg{width: 48%;}
.sub02 .flex2{justify-content: space-between;}
.sub02 .flex2 h3{text-align: left; width: 48%;}
.sub02 .flex3 .acont{width: 72%;}
.sub02 .flex3 .boximg{width: 24%;}
.sub02_line{
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #855939;
}
.sub02 .sub02_s_tit{
	display: block;
    font-size: 20px;
    font-weight: bold;
	color: #000;
}
.sub02 .sub02_box{background: #f7c7c6; padding-top: 40px;}

@media all and (max-width:768px){
	.sub02 .flex2 h3{text-align: center; width: 100%;}
	.sub02 .flex .boximg{width: 100%;}
	.sub02 .flex3 .acont{width: 100%;}
	.sub02 .flex3 .boximg{width: 100%;}
}

 /******* sub03 *****/
.sub03 .toon_num {text-align: left; padding-left: 10px;}

@media (max-width: 768px){

}

/******* sub04 *****/
.sub04 .flex .boximg{width: 48%;}
@media (max-width: 768px){
.sub04 .flex .boximg{width: 100%;}
}

/******* sub05 *****/
.sub05 .article-body h3{text-decoration-color: #ed7c85; color: #ed7c85; }
.sub05 .flex .boximg{width: 48%;}
.sub05 .flex .speech05{width: 48%;}
.sub05 .speech05{
	color: #000;
	text-align: left;
    font-size: 20px;
    line-height: 2;
    padding-left: 20px;
    text-decoration: 1px underline #ed7c85;
    text-underline-position: under;
}
.sub05 .speech05 img{display: block; margin: 10px 0;}

@media all and (max-width:768px){
.sub05 .flex .boximg{width: 100%;}
.sub05 .flex .speech05{width: 100%;}
}


/******* sub06 *****/
.sub06 .article-body h3{text-decoration: none;}
.sub06 .flex .boximg{width: 48%;}


@media all and (max-width:768px){
	.sub06 .flex .boximg{width: 100%;}
}


/******* sub07 *****/
.sub07 .article-body h3{text-decoration: none;}
.sub07 .flex .boximg{width: 48%;}
.sub07 .flex2 .boximg{width: 32%;}
.sub07 .flex3{display: flex; justify-content: flex-start; }


.min_interview{ padding:25px; border-radius: 30px; }
.min_interview strong.tit{ position: relative; display: block; margin-bottom:30px; padding:20px 0 15px 0; border-bottom:1px solid #ed7c85; font-size: 22px; }
.sub07 .min_interview{ background: #ffecb6; }
.sub07 .min_interview .interview_list{ display: flex;align-items: start; gap: 20px; margin-bottom:40px; padding: 15px;  border-radius: 15px;  background: rgb(255 255 255 / 40%); }
.sub07 .min_interview .interview_list:last-child{ margin-bottom:0; }
.sub07 .min_interview .interview_list p.left{ width: 30%; }
.sub07 .min_interview .interview_list p.left img{ display: block; margin-bottom:15px; }
.sub07 .min_interview .interview_list p.left span{ display: block; font-size: 18px; font-weight: 500; color: #000; }
.sub07 .min_interview .interview_list p.left span em{ display: block; font-weight: 600; }
.sub07 .min_interview .interview_list .right{ width: 75%;color: #000; }
.sub07 .min_interview .interview_list .right strong{ display: block; margin-bottom:20px; font-size: 20px; }
.sub07 .min_interview .interview_list .right span{ display: block; margin-bottom:10px; font-size: 16px; font-weight: 600; }
.sub07 .min_interview .interview_list .right p{ margin-bottom:30px; }
.sub07 .min_interview .interview_list .right p:last-child{ margin-bottom:0px; }
.sub07 .min_interview .interview_list .right .sub07_line{
	display: block;
	width: 100%;
	height: 1px;
	background: #ed7c85;
	margin-bottom: 20px;
}

@media all and (max-width:1089px){
}

@media all and (max-width:768px){
	.sub07 .flex .boximg{width: 100%;}
	.sub07 .flex2 .boximg{width: 100%;}
	.sub07 .min_interview .interview_list{ display: block; }
	.sub07 .min_interview .interview_list .left{ width: 30%; display: flex; align-items: center; }
	.sub07 .min_interview .interview_list p.left{ width: 100%; }
	.sub07 .min_interview .interview_list p.left span{ margin-left:25px; }
	.sub07 .min_interview .interview_list .right{ width: 100%; }
}
@media all and (max-width:450px){
	.sub07 .min_interview .interview_list .left{  display: block; margin:0 0 30px 0; }
	.sub07 .min_interview .interview_list p.left span{ margin-left:0; }
}

/******* sub08 *****/
.sub08 h3{text-decoration: none;}
.sub08 .section{background: url(../image/sub/sub08/bg.png) 80% 10% no-repeat;}
.sub08 .poet{
	font-family: 'GangwonEdu_OTFBoldA';
	font-size: 24px;
	margin: 15px auto 35px;
    line-height: 1.6;
    color: #333;
}
.sub08 .poet .noto{font-family: 'Noto Sans KR', 'Pretendard-Regular', 'notokr-regular', 'sans-serif'; font-size: 21px;}

@media all and (max-width:1089px){
	.sub08 .poet{margin-bottom: 20px;}
}

@media all and (max-width:768px){
	.sub08 .section{padding: 0 7%;}
}

@media all and (max-width:500px){
	.sub08 .section{background-size: 50%;}
}