@charset "utf-8";

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



/***** sub01 *****/
#content.sub01.top_No_image{padding-top: 0;}
.sub01Color{color: #00AAC9;}
.sub01 .article-wrap {background-color: #CAE7F0; 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';}
@media (max-width: 1089px){
}
@media all and (max-width:760px){
 }

/******* sub02 *****/
.sub02 h3{text-decoration: none; text-align: center;}
.sub02Color{color: #00AAC9 !important;}
.sub02_line{
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 2px dotted #F6AF74;
}
.sub02 .sub02_s_tit{
	display: block;
    font-size: 20px;
    font-weight: bold;
	color: #000;
}
.sub02 .sub02_bgBox{position: relative; background: #CAE7F0 url(../image/sub/sub02/bg01.png) 50% 0%/100% no-repeat; padding: 100px 60px; text-align: center;}
.sub02 .sub02_a_img{position: absolute;}
.sub02 .sub02_a_img1{top: 30px; right: 3%;}
.sub02 .sub02_a_img2{bottom: 14%; left: 3%;}
.sub02 .bg_white{background: #fff; padding: 2px 4px;}
.sub02 strong.sub02Color3{display: block; width: fit-content; border: 1px solid #5bc4bf; border-radius: 10px; padding: 10px; font-weight: normal; margin: 0 auto; text-align: center;}
.sub02 .sub02_bgBox .flex{text-align: center; justify-content: space-between; align-items: flex-start;}
.sub02 .sub02_bgBox .flex .flex-con{width: 48%;}
.sub02 .sub02_bgBox .flex .sub02_circle{display: block; width: 80px; height: 80px; border-radius: 50%; background: #009baf; color: #fff; text-align: center; font-weight: bold; line-height: 80px; margin: 0 auto 40px;}
.sub02 .sub02_bgBox .flex .sub02_bg2{background: #fff; border-radius: 50px; padding: 4px 20px; box-sizing: border-box;}
.sub02 .sub02_bgBox .flex .sub02_bg2 .sub02Color2{font-weight: bold;}
.sub02 .sub02_tb1{text-align: center;}
.sub02 .sub02_tb1 tr td{padding: 10px; width: 50%; border-left: 1px solid #009baf; border-bottom: 1px solid #009baf;}
.sub02 .sub02_tb1 tr td:first-child{border-left: none;}
.sub02 .sub02_tb1 tr:first-child td{background: #009baf; color: #fff; font-weight: bold;}
.sub02 .sub02section1 h2 {text-align: center;  font-family: 'GangwonEdu_OTFBoldA';}
.sub02 .sub02section2 h2 {text-align: center;  font-family: 'GangwonEdu_OTFBoldA';}
.sub02 .ivorybox {background-color: #f6f0e7; padding: 10px;}

.sub02 .sub02section2 .greenbox {width: 32%;background-color: #97ae94; border-radius: 25px; padding: 10px; margin: 3px;}
.sub02 .sub02section2 .beigebox {width:32%;background-color: #dec3a2; border-radius: 25px; padding: 10px; margin: 3px;}
.sub02 .sub02section2 .beigebox2 {width: 90%; background-color: #dec3a2; border-radius: 25px; padding: 10px; margin: 3px;}
.sub02 .sub02section2 .paykind {display: inline-block; color: #a48866; background-color: #fff; border-radius: 15px; padding: 0px 10px; line-height: 1.5; margin-top: 10px; font-weight: bold;}
@media (max-width: 768px){
	.sub02 .sub02_a_img{display: none;}
	.sub02 .sub02section1 .flex .img01 { margin-bottom: 80px;}
	.sub02 .sub02section2 .greenbox, .sub02 .sub02section2 .beigebox {width: 100%;}
	.sub02 .sub02_bgBox .flex .flex-con{width: 100%;}
	.sub02 .sub02_bgBox{background-size: cover;}
}
@media (max-width: 500px){
	.sub02 strong.sub02Color3{font-size: 18px !important;}
}

 /******* sub03 *****/
/* .sub03{padding-top: 4rem;} */
strong.sub02Color{background: #b6dddc; display: inline-block; margin-top: 40px;}
.sub03Bg p{background: #b6dddc; padding: 10px; padding-right: 5rem; color: #000;}
.sub03Bg p span{border-radius: 50px; background: #5a4398; color: #fff; padding: 12px 10px;}
.section .sub03_flex{align-items: flex-start; justify-content: space-between;}
.sub03Bg2{position: relative; width: 27%; background: #b6dddc; border-radius: 40px; padding: 20px;}
.sub03_list{justify-content: space-between;}
.sub03_list li{width: 23%;}
.sub03_list li.list_ico{width: 5%;}
span.sub02Circle{line-height: 1; border-radius: 50px; padding: 12px; background: #5a4398; color: #fff;}
span.sub02Circle2{padding: 34px 20px;}
span.sub02Circle3{padding: 34px 12px;}
.sub03_flex .flex_box{justify-content: flex-start; align-items: center; margin: 0;}
.sub03_flex .box_left{position: relative;}
.sub03_flex .box_left::after{position: absolute;}
.sub03_flex .flex_box .box_txt{margin-left: 30px;}
.sub03Bg2 span{position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);}
.sub03Bg2 strong{margin-top: 0; display: block; line-height: 200%;}
.sub03Bg2 .acont{margin: 0;}
.sub03_tb tr td{padding: 10px; border-left: 1px solid #68b4b6; border-bottom: 1px solid #68b4b6;}
.sub03_tb tr:first-child td{background: #68b4b6; color: #5a4398; font-weight: bold; text-align: center; border-color: #fff;}
.sub03_tb tr td:first-child{width: 10%; text-align: center; border-left: none;}
.sub03 .m_article_IntroBox{
	position: relative;  display: block;  padding: 30px 30px; max-width: 800px;
	  margin: 0px auto 80px;
		text-align: left; background-color: rgba(204, 204, 204, 0.2); box-sizing: border-box;
}
.sub03section2 .boximg{width: 50%;}

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

@media (max-width: 1089px) {
	.sub03Bg p{padding-right: 4rem;}
}
@media (max-width: 768px){
	.sub03_list li{width: 50%;}
	.sub03_list li.list_ico{width: 6%; margin: 20px 0; transform: rotate(90deg);}
	.sub03Bg p{width: 80%; margin-top: 10px; padding-right: 0;}
	.sub03Bg p:first-child{margin-top: 0;}
	.sub03Bg2{width: 80%; margin-bottom: 40px;}
	.sub03Bg2:last-child{margin-bottom: 0;}
	.section .sub03_flex{align-items: center;}
	.sub03_flex .flex_box{flex-direction: row; width: 80%; margin-bottom: 20px;}
	.sub03_flex .flex_box:last-child{margin-bottom: 0;}
	.sub03section2 .boximg{width: 100%;}
}
@media (max-width: 500px){
	.sub03_list li.list_ico{width: 11%;}
}

/******* sub04 *****/
.sub04 h3{text-decoration: none;}
.underline_i_txt{
    text-decoration: underline #000;
    text-underline-position: under;
	text-underline-offset: 4px;
    font-size: 16px;
    font-style: italic;
}

.sub04section1 strong.sub02Color2{display: block; margin-top: 20px; font-size: 20px;}
.sub04 h2 {
    text-align: center;
    font-family: 'GangwonEdu_OTFBoldA';
}
.sub04Bg1{background: #5a4398; color: #fff; border-radius: 50px; padding: 4px 6px 6px; font-weight: bold;}

.sub04 .greenbox {width: 32%;background-color: #978abd; border-radius: 25px; padding: 10px; margin: 3px;}
.sub04 .beigebox {width:32%;background-color: #8cc3c5; border-radius: 25px; padding: 10px; margin: 3px;}
.sub04 .beigebox2 {width: 90%; background-color: #dec3a2; border-radius: 25px; padding: 10px; margin: 3px;}
.sub04 .paykind {display: inline-block; color: #5e4fa1; background-color: #fff; border-radius: 15px; padding: 0px 10px; line-height: 1.5; margin-top: 10px; font-weight: bold;}
.sub04 .subList2 .greenbox{background: #fff; border: 1px solid #8cc3c5;}
.sub04 .subList2 .beigebox{background: none; border: 1px solid #978abd;}
.sub04 .subList2 .paykind {background-color: #cbe2e2;}

.sub04 strong.sub02Color{background: none;}
.sub04_box{justify-content: space-between; background: #fff; border-radius: 30px; padding: 0 20px;}
.sub04_box .sub04_box_con{width: 48%;}
.sub04_box .sub04_box_con .sub04_box_txt{border-bottom: 1px dashed #5a4398;}
.sub04_box .sub04_box_con .sub04_box_txt:last-child{border-bottom: none;}
@media (max-width: 768px){
	.sub04 .greenbox, .sub04 .beigebox {width: 100%;}
	.sub04_box .sub04_box_con{width: 100%;}
	.sub04_box .sub04_box_con:first-child .sub04_box_txt:last-child{border-bottom: 1px dashed #5a4398;}
}

.sub04 h3{font-family: 'GangwonEdu_OTFBoldA';}
.sub04 .underline04 {text-decoration:1px underline #009ead; text-underline-position: under; color: #009ead;}
.sub04 .speech04 {color: #a48866; font-size: 20px; line-height: 2; text-align: left; padding-left: 20px; text-decoration:1px underline #a48866; text-underline-position: under;}
.sub04 .speech04_1 {color: #009ead; text-decoration:1px underline #009ead; }
.sub04 .floatleft{float: left; padding-top: 10px;}
@media all and (max-width:1089px){
	
}
@media all and (max-width:768px){
}


/******* sub05 *****/
.sub05 h3{text-decoration-color: #00AAC9;}
.sub05 .sub05Color {color: #F39A59;}
.sub05 .tell_txt{display: inline-block; font-weight: normal; text-decoration: underline; text-underline-position: under; font-family: 'GangwonEdu_OTFBoldA'; font-size: 24px;}
.sub05 .tell_txt span{font-size: 18px;}
.sub05 .underline05 {text-decoration: underline #a48866; text-underline-position: under; color: #a48866;}
.sub05 .underline05>span {display: inline-block; text-decoration: none;}
.sub05 .backcolor05 { padding: 10px; background-color: #dee4db;}
.sub05 .subList li{padding: 20px;}
.sub05 .mini_tit {text-align: center;}
.sub05 .mini_tit span { color: #fff; font-size: 32px; border-radius: 50%; padding: 5px 30px; }
.sub05 .mini_txt{text-decoration: underline; text-underline-position: under; font-weight: bold;}

.sub05 .interviewTit{ font-size: 30px; border: none; color:#38815b; text-align: left;
}

.sub05 .interview_box .interview-flex{
	justify-content: space-between;
	align-items: flex-start;
}
.sub05 .interview-flex .flex-l{width: 49%; text-align: left;}
.sub05 .interview-flex div{margin: 5px;}
.sub05 .interview-flex .flex-r{width: 49%;}
.sub05 .interview_box .sub05_name1{
	color: #38815b; font-size: 24px; padding-top: 30px;
}
.sub05 .interview_box .sub05_name2{
	color: #38815b; font-weight: bold;
}

.sub05 .interview_box .acont {clear: both;}
.sub05 .flex .boximg{width: 48%;}
.sub05 .tell_ico{display: inline-block; margin: 20px 0;}
@media all and (max-width:1089px){
	.sub05 .interview_box .sub05_name{width: auto;}
}
@media all and (max-width:768px){
.sub05 .interview_box .sub05_name{width: 100%;}
.sub05 .flex>div {width: 100%; padding: 0px;}
.sub05 .flex{flex-direction: column-reverse;}
.sub05 .flex .boximg{width: 100%;}
}
@media all and (max-width:500px){
.sub05 .interview_box .sub05_name{padding: 0px;}
}

/******* sub06 *****/
.sub06 h3{text-decoration: none;}
.sub06 .sub06Color{color: #009ead;}
.sub06 .interviewTit2{ font-size: 30px; border: none; color:#a48866; text-align: center; 
}
.sub06 .interviewTit{ font-size: 30px; border: none; color:#a48866; text-align: center;
	border-bottom: 1px solid #a48866; }
/* .sub06 .miniinterview {width: 100%; padding-bottom: 50px; padding-top: 50px; 
background: linear-gradient(to bottom, transparent 38px, #fff 40px) 0 0 / 100% 39px repeat-y, linear-gradient(to right, transparent 39px, #fff 40px) 0 0 / 40px 100% repeat-x; background-color: #38815b; } */
.sub06 .miniinterview {width: 100%; padding-bottom: 50px; padding-top: 50px; background: #f4ac8b; color: #fff; }
.sub06 .interview_tit {color: #fff; font-size: 25px; width: 80%;  text-align: center; margin-left: 80px; margin-bottom: 20px;}
.sub06 .back_wht {width: 90%; margin:0 auto; padding-top: 50px;}
.sub06 .back_wht .flex {align-items: center;}
.sub06 .fleximg {width: 32%; margin: 10px; }
.sub06 .fleximg2 {width:48%;  margin: 10px;}
.sub06 .flex .acont { padding: 10px;}
.sub06 .speech06 {color: #a48866; font-size: 17px; line-height: 2; text-decoration:1px underline #a48866; text-underline-position: under;}
.sub06 .end_ico2{display: inline-block;	vertical-align: middle;	width: 20px; height: 20px;
	margin-left: 5px; margin-top: -4px;
	 background: url(../image/ico/end_ico2.png) no-repeat center/cover; }

.sub06 .underline06 {text-decoration: underline #fff; text-underline-position: under;}
.sub06 .dottedline{width: 100%; height: 2px; border-bottom: 2px dotted #fff; margin-bottom: 40px;}
.sub06 .flex .boximg{width: 48%;}
.sub06 .flextxt{width: 68%;}
@media all and (max-width:1089px){
}
@media all and (max-width:768px){
	.sub06 .interview_tit {width:80%; margin-left: 20px;}
	.sub06 .back_wht {width: 90%;}
.sub06Color2{padding-top: 20px;}
.sub06 .flex06{flex-direction: column-reverse;}
.sub06 .fleximg {width: 100%; margin: 0px;}
.sub06 .fleximg2 {width:100%;  margin: 0px;}
.sub06 .back_wht {width: 100%; margin: auto; padding-top: 50px;}
.sub06 .flex .boximg{width: 100%;}
}


/******* sub07 *****/
.sub07 h3{text-decoration: none;}
.sub07 .section{	position: relative; display: block; width: 100%; margin-top: 50px; box-sizing: border-box;}
.sub07Color{color: #38815b;}
.sub07 .flex .boximg{width: 48%;}
.sub07 .flex2 .boximg{width: 32%;}

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

@media all and (max-width:768px){
	.sub07 .flex .boximg{width: 100%;}
	.sub07 .flex2 .boximg{width: 100%;}
}



/******* sub08 *****/
.sub08color{color: #38815b; text-decoration:none;}
.sub08 .sub-title>span {font-weight: 800;}
.sub08 .underline08_h3 {text-decoration:1px underline #222 ; color: #38815b;}
.sub08 .underline08 {color:#a48866; text-decoration: underline #a48866; text-underline-position:under;  font-size: 16px; font-style: italic;}
.sub08 .interview-flex .flex-r,
.sub08 .interview-flex .flex-l {width: 49%;}


@media all and (max-width:768px){
	.sub08 .interview-flex .flex-r,
	.sub08 .interview-flex .flex-l {width: 100%;}
}


/******* sub09 *****/