@charset "utf-8";

/******* top_visual *****/
.article_titWr.imgInn .article-title p, .article_titWr.imgInn .article-title a,
.article_titWr.imgInn2 .article-title p, .article_titWr.imgInn2 .article-title a,
.article_titWr.imgInn .article-title h3, .article_titWr.imgInn2 .article-title h3{ color: #fff;}
.article_titWr.imgInn .article-title h3::after{	content: '';  display: block; width: 44px; height: 1px;	  margin: 0 auto; margin-top: 20px;		 /* background-color: #019267; */		 background-color: #e77c27;	 }
.article_titWr.imgInn2 .article-title h3::after{content: '';  display: block; width: 44px; height: 1px;	  margin: 0 auto; margin-top: 20px; /* background-color: #019267; */		background-color: #e77c27;	}
/* .article_titWr.imgInn .article-title p::after, .article_titWr.imgInn2 .article-title p::after{ background-color: #fff;} */
.article_titWr.imgInn .intro, .article_titWr.imgInn2 .intro{ color: #fff;}
.article_titWr.imgInn::before, .article_titWr.imgInn2::before{	content: '';	position: absolute; display: inline-block;  width: 100%;  height: 100%;  left: 0;  top: 0;	background: linear-gradient(180deg, rgba(255,255,255,0), rgba(0,0,0,0.7));}
/* .sub01 .article_titWr{ background: url(../image/sub/visual/sub01.jpg) no-repeat center/cover; }*/
/* .sub02 .article_titWr{ background: url(../image/sub/visual/sub02.jpg) no-repeat center/cover; } */
/* .sub03 .article_titWr{ background: url(../image/sub/visual/sub03.jpg) no-repeat center/cover; } */
/* .sub04 .article_titWr{ background: url(../image/sub/visual/sub04.jpg) no-repeat center/cover; } */
/* .sub05 .article_titWr{ background: url(../image/sub/visual/sub05.jpg) no-repeat center/cover; }*/
/* .sub06 .article_titWr{ background: url(../image/sub/visual/sub06.jpg) no-repeat center/cover; } */
.sub07 .article_titWr{ background: url(../image/sub/visual/sub07.jpg) no-repeat center/cover; }
/* .sub08 .article_titWr{ background: url(../image/sub/visual/sub08.jpg) no-repeat center/cover; } */
/* .sub09 .article_titWr{ background: url(../image/sub/visual/sub09.jpg) no-repeat center/cover; } */

/**************/


/* 공통 */

.sub_color1{color: #855d3d;}
.volColor{color: #f2911b;}

.qna_q{color: #f2911b;}
.qna_a{font-size: 24px; color: #855d3d;}

.video_wrap{position: relative; width: 100%; height: auto; padding-top: 56.25%; }
.video_wrap iframe{position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}

/* .sub_link_box{
    width: 100%;
    padding: 2rem;
    background-color: rgba(238, 234, 232, 0.4);
    box-sizing: border-box;
    word-break: keep-all;
}

.sub_link_box h5{color: #5a34a2 !important;}
.sub_link_box .subLbox_subTitle{
	width: 240px;
	height: 60px;
	background: #6d6a96;
	line-height: 30px;
	text-align: center;
}
.sub_link_box .subLbox_subTitle a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
} */
.nametxt.ntt2{background: #f2911b;}

/* @media all and (max-width:480px){
	.sub_link_box .subLbox_subTitle{width: 200px;height: 50px;}
} */

/* sub01 */
.sub01 .article-body{margin: 0; background: url(../image/sub/sub01/bg.png) 50% 100% / cover repeat-y;}
.sub01 h3{position: relative; width: fit-content; margin: 0 auto;}
.sub01 .tit_ico{position: absolute; top: 50%; right: -20px; transform: translate(100%, -50%); width: 20%;}
.sub01 h5{font-size: 24px; line-height: 1.6; color: #000; margin: 50px 0 10px;}
.sub01_list{position: relative; width: fit-content; padding-left: 40px; margin: 40px auto 0;}
.sub01_list::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-55%);
	width: 1px;
	height: calc(100% - 50px);
	background: #f2911b;
}
.sub01_list::after{display: none;}
.sub01_list li{position: relative; width: 400px; border: 1px solid #f2911b; border-radius: 50px; padding: 10px 40px; margin: 20px 0;}
.sub01_list li::before{
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background: #f2911b;
	border-radius: 50%;
}
.sub01_list li strong{display: inline-block; margin-right: 40px; color: #f2911b; vertical-align: middle;}
.sub01_list li p{display: inline-block; text-align: center; color: #000; vertical-align: middle;}

@media all and (max-width:768px){
	.sub01 h5{font-size: 22px;}
	.qna_a{font-size: 22px;}
}
@media all and (max-width:600px){
	.sub01 .tit_ico{display: none;}
}
@media all and (max-width:500px){
	.sub01_list li{width: 100%;}
	.sub01_list li p{display: block; text-align: left; margin-top: 10px;}
	
}
@media all and (max-width:400px){
	.sub01_list::before{height: calc(100% - 90px);}
}

/* sub02 */
.sub02 .article_titWr{background: #fffef9;}
.sub02 .article-body{margin: 0; background: url(../image/sub/sub02/bg.png) 50% 0 / cover no-repeat;}
.sub02 h5{font-size: 24px; line-height: 1.6; color: #000; margin: 50px 0 10px;}
.sub02 .flexbox{display: flex; justify-content: space-between; align-items: flex-start; padding: 20px; border: 2px solid #f2911b;}
.sub02 .flexbox .boximg{width: 30%; margin: 0;}
.sub02 .flexbox .flex_txt{width: 66%;}
.sub02 .flexbox .flex_txt h5{color: #f2911b;}

@media all and (max-width:768px){
.sub02 h5{font-size: 22px;}
.sub02 .flexbox{display: block;}
.sub02 .flexbox .boximg{width: 90%;}
.sub02 .flexbox .flex_txt{width: 100%; margin-top: 40px;}
}

/* sub03 */
.sub03 .imgNone{background: #fff;}
.sub03 .article-body{margin: 0; background: url(../image/sub/sub03/bg.png) 50% 0 / cover no-repeat;}
.sub03{background: #fff;}
.sub03 h5{color: #f2911b; font-size: 24px; line-height: 1.6; margin: 50px 0 10px; word-break: keep-all;}
.sub03 .section2{background: #fff; border: 2px solid #f2911b; padding: 20px;}
.sub03 .section2 h4{text-align: center; padding-bottom: 40px; border-bottom: 2px solid #f2911b;}
.sub03 .section2 h4 strong{display: block;}
.sub03 .section2 h5{color: #000;}

@media all and (max-width:768px){
	.sub03 h5{font-size: 22px;}
}

/* sub04 */
.sub04 .imgNone{background: #fff;}
.sub04 .article-body{margin: 0; background: url(../image/sub/sub04/bg.png) 50% 0 / cover no-repeat;}
.sub04 h5{ font-size: 24px; color: #855d3d; line-height: 1.6; margin: 50px 0 10px;}
.sub04 .consub{color: #000}
.sub04 .section2{background: #fff; border: 2px solid #f2911b; padding: 20px;}
.sub04 .section2 h4{text-align: center; padding-bottom: 40px; border-bottom: 2px solid #f2911b;}
.sub04 .section2 h4 strong{display: block;}
.sub04 .section2 h5{color: #000;}


/* sub05 */
.sub05 .article_titWr.imgNone{ background: #fffef9; }
.sub05 .article-body{ margin:0; background: url(../image/sub/sub05/bg.png) 50% 0/cover no-repeat;}
.sub05 h5 {font-size: 24px; line-height: 1.6; color: #855d3d; margin: 50px 0 10px;}
.sub05 .consub{color: #000;}
/* .sub05 .section {padding: 20px 30px; border-radius: 20px; background: rgba(255, 255, 255, 0.4);} */
.sub05 .sub05_box{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	border: 1px solid #f2911b;
	background: #fff;
	text-align: center;
	padding: 30px 10px;
	color: #000;
	margin-top: 40px;
}
.sub05 .sub05_box strong{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	width: max-content;
	font-size: 20px;
	background: #fff;
	padding: 1px 6px;
}
.sub05 .sub05_box .sub05_con{width: 25%; border-left: 1px solid #f2911b; box-sizing: border-box; padding: 0 20px;}
.sub05 .sub05_box .sub05_con:nth-child(2){border-left: none;}
.sub05 .sub05_box .sub05_con:last-child{width: 50%; padding: 0 10px;}
.sub05 .sub05_box .sub05_con .boximg{margin-bottom: 10px;}
.sub05 .sub05_box .sub05_con p.sub05_con_tit{font-size: 18px; font-weight: bold; margin: 20px 0;}
.sub05 .sub05_box .sub05_con p.sub05_con_txt{display: inline-block; width: 80px; font-size: 16px; font-weight: bold; border-radius: 50px; background: #fddd95; padding: 4px 10px;}
.sub05 .sub05_box .sub05_con .flex .boximg{padding: 0 10px;}
@media all and (max-width:768px){
	.sub05 h5{font-size: 22px;}
	.sub05 .sub05_box .sub05_con{width: 50%;}
	.sub05 .sub05_box .sub05_con:last-child{width: 100%; border-left: none; border-top: 1px solid #f2911b; margin-top: 40px; padding-top: 40px;}
	.sub05 .sub05_box .sub05_con .flex{flex-direction:row;}
}
@media all and (max-width:500px){
	.sub05 .sub05_box .sub05_con{width: 100%; border-left: none; padding: 40px 20px;}
	.sub05 .sub05_box .sub05_con:nth-child(2){border-bottom: 1px solid #f2911b;}
	.sub05 .sub05_box .sub05_con:last-child{margin-top: 0;}
	.sub05 .sub05_box .sub05_con .flex{display: block;}
	.sub05 .sub05_box .sub05_con .flex .boximg{margin-bottom: 40px;}
	.sub05 .sub05_box .sub05_con .flex .boximg:last-child{margin-bottom: 0;}
}