@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* 텍스트 */
.h2_title{padding:8px 20px; border-left:5px solid #000; font-size:22px; margin-bottom:20px; line-height:1.3em; color:#000; }
.h3_title{padding:8px 20px; border-left:5px solid #999; font-size:18px; margin-bottom:20px; line-height:1.3em; color:#333; }
.h2_title_center{text-align:center; font-size:30px; padding:8px 20px; margin-bottom:50px; line-height:1.3em; color:#000; }
.h2_title_center small{display:block; font-size:20px; font-weight:normal; color:#999; line-height:1.3em; margin-top:15px;}

.cont_text{font-size:14px; line-height:1.6em; color:#555; overflow:hidden; clear:both; padding-bottom:15px; }
.cont_text_info{font-size:14px; line-height:1.6em; color:#555; overflow:hidden; padding:20px; border:2px dashed #ddd; clear:both; margin-bottom:15px; }
.cont_text_important{padding:8px 20px; border-left:5px solid #ddd; font-size:16px; color:#957958; line-height:1.3em; }

.cont_text_info.type01{color:#578737;font-size:18px;;font-weight:bold;text-align:center;}
.cont_text_info.type02{color:#305699;font-size:18px;font-weight:bold;text-align:center;}

.cont_img_right50p{display:block; width:50%; float:right; margin:0 0 20px 20px; }
.cont_img_left50p{display:block; width:50%; float:left; margin:0 20px 20px 0; }

.vision-desc-wrap{padding-left:20px;}
.vision-desc-wrap .stit{position:relative;padding-left:20px;font-size:15px;font-weight:bold;color:#555;}
.vision-desc-wrap .stit:before{content:"";width:4px;height:22px;overflow:hidden;display:block;background:#ddd;position:absolute;left:0;top:50%;margin-top:-11px;}
.vision-desc-wrap dl{padding:20px 0 0 40px;}
.vision-desc-wrap dl dt{font-size:14px;font-weight:bold;color:#555;}
.vision-desc-wrap dl dd{padding-left:20px;}
.vision-desc-wrap dl dd + dt{margin-top:10px;}


@media all and (max-width:980px)
{
	.h2_title{font-size:18px; padding:5px 15px; border-left:3px solid #000; }
	.h3_title{font-size:16px; padding:5px 15px; border-left:2px solid #999; }

	.cont_text{font-size:13px; line-height:1.4em; }
	.cont_text_info{font-size:13px; line-height:1.4em; }
	.cont_text_important{font-size:14px; padding:5px 15px; border-left:2px solid #ddd; }
	
}

@media all and (max-width:600px)
{
	.h2_title_center{font-size:20px; }
	.h2_title_center small{font-size:13px; font-weight:normal; }

	.cont_text{font-size:12px; }
	.cont_text_info{font-size:12px; }
	.cont_text_important{font-size:13px; }
	.basic_table table colgroup col:nth-child(1){width:70px;}
	.basic_table table colgroup col:nth-child(2){width:60px;}
	.basic_table table colgroup col:nth-child(4){width:60px;}
	
	.vision-desc-wrap dl{padding:20px 0 0 20px;}
	.cont_text_info.type02 br{display:none;}
	
}

/* 도형 */
.figure_list{width:100%; overflow:hidden; padding:30px 0; }
.figure_list li{width:25%; float:left; text-align:center; }
.figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:#ddd; font-size:3em; }
.figure_list li strong{display:block; font-size:20px; color:#000; margin:5px; }
.figure_list li span{display:block; font-size:13px; color:#999; margin:5px; }

@media all and (max-width:650px)
{
	.figure_list li{width:50%; float:left; text-align:center; }
	.figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:#ddd; font-size:3em; }
	.figure_list li strong{font-size:16px; }
	.figure_list li span{font-size:11px; }
	
}

/* 테이블 */
.basic_table{width:100%; overflow:auto;}
.basic_table table{width:100%; border:1px solid #ddd; border-top:3px solid #ddd; border-collapse:collapse; border-spacing:0; }
.basic_table table th,
.basic_table table td{border:1px solid #ddd; padding:8px; }
.basic_table table thead th{background:#ededed; padding:15px 8px; color:#000;  text-align:center; }
.basic_table table thead td{background:#ededed; padding:15px 8px; color:#000; text-align:center; }
.basic_table table tbody th{background:#f5f5f5; color:#666; text-align:center; }
.basic_table table tbody td{background:#ffffff; color:#666; }
.basic_table table tfoot th{background:#fbfbfb; color:#999; text-align:center; }
.basic_table table tfoot td{background:#fbfbfb; color:#999; }

/* 유튜브영상삽입 */
.youtube_area{position:relative;overflow:hidden;width:100%;padding-bottom:56.25%;clear:both;margin-bottom:10px;}
.youtube_area iframe{position:absolute; left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;}

.basic_table ul{width:100%;height:auto;overflow:hidden;}
.basic_table ul li{display:flex;justify-content:flex-start;align-items:flex-start;padding:10px 0;}
.basic_table ul li + li{border-top: 1px solid #ddd;}
.basic_table ul li .key{display:inline-flex;justify-content:center;align-items:center;font-size:15px;color:#fff;background:#34a63a;border-radius:5px;padding:5px;width:60px;}
.basic_table ul li .value{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;flex:1;gap:10px;flex-wrap:wrap;box-sizing:border-box;padding:5px 0 0 20px;}
.basic_table ul li .value span{display:inline-flex;justify-content:center;align-items:center;font-size:15px;color:#555;}

.cont_text_info strong{color:#fff;font-weight:normal;display:inline-flex;justify-content:center;align-items:center;font-size:15px;color:#fff;background:#34a63a;border-radius:5px;padding:5px;width:140px;}
.vision-list01{margin-top:10px;width:100%;height:auto;overflow:hidden;}
.vision-list01 li{width:100%;height:auto;overflow:hidden;position:relative;padding-left:10px;font-size:14px;color:#555;}
.vision-list01 li:before{content:"-";position:absolute;left:0;top:0;font-size:14px;color:#333;}

.nlist{width:100%;height:auto;overflow:hidden;}
.nlist>li{position:relative;width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding-left:20px;font-size:14px;color:#222;}
.nlist>li + li{margin-top:10px;}
.olist01{margin-left:20px;width:100%;height:auto;overflow:hidden;}
.olist01 li{position:relative;width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding-left:20px;font-size:14px;color:#555;}
.olist01 li:before{content:"1.";position:absolute;left:0;top:0;font-size:14px;color:#555;}
.olist01 li:nth-child(1):before{content:"1.";}
.olist01 li:nth-child(2):before{content:"2.";}
.olist01 li:nth-child(3):before{content:"3.";}
.olist01 li:nth-child(4):before{content:"4.";}
.olist01 li:nth-child(5):before{content:"5.";}
.olist01 li:nth-child(6):before{content:"6.";}
.olist01 li:nth-child(7):before{content:"7.";}
.olist01 li:nth-child(8):before{content:"8.";}
.olist01 li:nth-child(9):before{content:"9.";}
.olist02{margin-left:20px;width:100%;height:auto;overflow:hidden;}
.olist02 li{position:relative;width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding-left:20px;font-size:14px;color:#555;;}
.olist02 li:before{content:"1.";position:absolute;left:0;top:0;font-size:14px;color:#555;}
.olist02 li:nth-child(1):before{content:"①";}
.olist02 li:nth-child(2):before{content:"②";}
.olist02 li:nth-child(3):before{content:"③";}

@media all and (max-width:650px)
{
	.basic_table ul li{display:block;}
	.basic_table ul li .key{width:100%;}
	.basic_table ul li .value{padding:10px 0 0 0;}
	
}