@charset "utf-8";

.article_titWr2{padding-top: 2.5%;}
.volColor{color: #e98035 !important;}
.volColor2{color: #00a077 !important;}



/***** sub01 *****/
#content.sub01.top_No_image{padding-top: 0;}
.sub01 .article-wrap {background: #fddc81; 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 h2{font-family: 'GangwonEdu_OTFBoldA';}
@media (max-width: 1089px){
}
@media all and (max-width:760px){
 }

/******* sub02 *****/
.sub02 h3{text-decoration: none; text-align: center;}
.sub02 h3 span{display: block; font-size: 24px;}
.sub02_line{
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 2px dotted #00a077;
}
.sub02 .sub02_s_tit{
	display: block;
    font-size: 20px;
    font-weight: bold;
	color: #000;
}
.sub02 .sub02_flex{justify-content: space-between; align-items: flex-end;}
.sub02 table{width: 100%; color: #000; margin-top: 6px;}
.sub02 table tr td{padding: 4px 10px;}
.sub02 .sub02_tb1 tr:nth-child(1){background: #a5cfb9; font-weight: bold; border-top: 1px solid #00a077;}
.sub02 .sub02_tb1 tr td{border-bottom: 1px solid #00a077;}
.sub02 .sub02_tb1 tr td:nth-child(1){width: 8%;}
.sub02 .sub02_tb2{border-top: 1px solid #00a077; border-bottom: 1px solid #00a077;}
.sub02 .sub02_tb3 tr{width: 100%; border-bottom: 1px solid #00a077;}
.sub02 .sub02_tb3 tr:nth-child(1){border-top: 1px solid #00a077;}
.sub02 .sub02_tb3 tr td:nth-child(1){font-weight: bold;}
.sub02 .sub02_tb4 tr:nth-child(1){background: #a5cfb9; font-weight: bold; border-top: 1px solid #00a077;}
.sub02 .sub02_tb4 tr td{border-bottom: 1px solid #00a077; border-right: 1px dotted #00a077;}
.sub02 .sub02_tb4 tr td:nth-child(1){width: 8%;}
.sub02 .sub02_tb4 tr td:last-child{width: 14%;}
.sub02 .sub02_tb4 tr td.w8{width: 6%;}
.sub02 .sub02_tb4 tr td.w14{width: 14%;}
.sub02 .sub02_tb4 tr td.bdrn{border-right: none;}


.sub02 .interview_box{position: relative; background: #00a077; border-radius: 20px; margin-top: 20px; padding: 20px; color: #fff;}
.sub02 .interview_box_con{border: 2px dashed #fff; border-radius: 10px; padding: 30px;}
.sub02 .interview_q{font-weight: bold;}
.sub02 .interview_box_con p.acont{color: #fff;}
.sub02 .interview_box img{position: absolute; bottom: -60px; right: 20px;}
.sub02 .sub02_box{background: #cce3d6; border-radius: 20px; text-align: center; padding: 20px;}
.sub02 .sub02_box .flex{justify-content: center;}
.sub02 .sub02_box .flex:first-child img{margin-right: 20px;}
.sub02 .sub02_box .flex:first-child p{font-size: 20px;}
.sub02 .sub02_box .flex:first-child p b{display: block;}
.sub02 .sub02_box .flex:last-child{margin-top: 15px;}
.sub02 .sub02_box .flex:last-child p{margin: 0 15px;}
.sub02 .sub02_box .flex:last-child p b{font-weight: bold;}

@media all and (max-width:800px){
}
@media all and (max-width:768px){
	.sub02 .sub02_flex{flex-direction: row;}
}
@media all and (max-width:500px){
}

 /******* sub03 *****/
.sub03 .toon_num {text-align: left; padding-left: 10px;}

@media (max-width: 1089px) {

}
@media (max-width: 768px){

}

/******* sub04 *****/
.sub04 .article-title h3 span{ color: #e98035; }
.sub04 .article-body h3{ text-decoration: none; color: #e98035; }

.sub04 .min_interview{ background: #fdd35c; }
.sub04 .min_interview ul{ display: flex;  justify-content: space-between; flex-wrap: wrap;  }
.sub04 .min_interview ul li{ position: relative; width: calc(94% / 2); margin-bottom: 30px; padding-bottom:30px; border-bottom:1px dashed #fff; color: #000; }
.sub04 .min_interview ul li.lst{ margin-bottom: 0; border-bottom:none; }
.sub04 .min_interview ul li strong{ position: absolute; top:0; left:0; }
.sub04 .min_interview ul li strong img{ display: inline-block; margin-bottom:10px; }
.sub04 .min_interview ul li p{ margin-left:150px; }

@media (max-width: 768px){
	.sub04 .min_interview ul{ display: block; }
	.sub04 .min_interview ul li{ width: 100%; text-align: center; }
	.sub04 .min_interview ul li strong{ position: unset; }
	.sub04 .min_interview ul li p{ margin-left:0; }
}


/******* sub05 *****/
.sub05 .article-body h3{text-decoration-color: #e98035; color: #e98035; }
.sub05 .flex .boximg{width: 48%;}

@media all and (max-width:768px){
.sub05 .flex>div {width: 100%; padding: 0px;}
.sub05 .flex{flex-direction: column-reverse;}
.sub05 .flex .boximg{width: 100%;}
.sub05 .flex .boximg img{width: 100%;}
}


/******* sub06 *****/
.sub06 .article-title h3 span{ color: #e98035; }
.sub06 .article-body h3{text-decoration: none; color: #e98035; }

.sub06 .min_interview{ background: #5cb28f; }
.sub06 .min_interview strong.tit{ border-bottom:1px solid #fff; color: #fff; }
.sub06 .min_interview strong.tit::before{ background: #fff; }
.sub06 .min_interview ul{ display: flex;  gap: 20px; }
.min_interview ul::after{ content: none !important; }
.sub06 .min_interview ul li{ text-align: center; color: #fff; }
.sub06 .min_interview ul li img{ display: inline-block; margin-bottom:20px; }
.sub06 .min_interview ul li strong{ display: block; margin-bottom:15px; font-size: 18px; }
.sub06 .min_interview ul li p{ text-align: left; }


@media all and (max-width:768px){
	.sub06 .min_interview ul{ display: block; }
	.sub06 .min_interview ul li:first-child{ margin-bottom:60px; }
}


/******* sub07 *****/
.sub07 .article-title h3 span{ color: #e98035; }
.sub07 .article-body h3{text-decoration: none; color: #e98035;}
.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 #000; font-size: 22px; color: #000; }
.min_interview strong.tit::before{ content: ''; position: absolute; top:0; left:10px; width:15px; height:15px; background: #000; border-radius: 50%; }
.sub07 .min_interview{ background: #f2d265 url(../image/sub/sub07/bg.png) repeat-y center 0; }
.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; }

@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 .article-title h3{ font-size: 40px; color: #e98035; }
.sub08 .article-title .intro{  color: #e98035; }
.sub08 h3{text-decoration: none;  color: #e98035; }

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

}