/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.view_cont{ width:100%; float: left;   position: relative;  padding:100px 0px;  display: flex;
justify-content: center;  align-items: center; flex-direction:column; box-sizing: border-box; }
.view_cont .view_cont_in{ width:80%; float: left;   background-color: #fff; border:1px solid #333;  padding: 220px 80px 80px; position: relative  }	

.logo_icon{ width:100%;  float: left; position: relative}	
.logo_icon{ width:208px;  height:49px;  float: left; position:absolute; right:80px; top:80px; background: url("../../images/common/logo.png")no-repeat left top; background-size:208px }	
	
.cont_line{  width: 100%; height:1px;  float: left; border-bottom:1px   dashed #333; margin:30px 0px;}	
	.cont_noline{  width: 100%; height:50px;  float: left;  }	
	
	
	
.part_box{ width:100%;  float: left; border-radius: 10px}	
.part_box.inbox{ width:100%;  float: left; padding: 40px;  background-color: #f7f7f7; border:1px solid #ccc;  border-radius: 10px}		
	
.part_box .p_title{ width:100%;  float: left; font-size:36px;  color: #000 ; font-family: 'NanumSquareAceb'; line-height: 140% ; text-align: center; margin-bottom: 60px}	
	
.part_box .p_title2{ width:auto;  float: left; font-size:24px;    color: #fff ; font-family: 'NanumSquareAcb'; line-height: 140% ; background-color:#333;  border-radius: 50px; padding: 10px 30px; margin-bottom:30px}	
.part_box .p_title2.point{ width:auto;  float: left; font-size:24px;    color: #fff ; font-family: 'NanumSquareAcb'; line-height: 140% ; background-color:var(--div-color1);  border-radius: 50px; padding: 10px 30px; margin-bottom:30px}		
	
.part_box .p_text{ width:100%;  float: left; font-size:20px;  color: #000 ; font-family: 'NanumSquareAcb'; line-height: 140% ; margin-bottom:10px}	
.part_box .p_text2{ width:100%;  float: left;  margin-bottom:30px}		
.part_box .p_text2 ul li{ width:100%;  float: left;  font-size:16px;  color: #333; font-family: 'NanumSquareAcr'; line-height: 140% ; margin-bottom:10px; padding-left: 20px; position: relative}		
.part_box .p_text2 ul li:before{width: 5px; height:5px;  border-radius: 100%; position: absolute; left: 10px; top:5px; background-color: var(--div-color1); content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}		

.part_box .p_text2 ul li em{  font-family: 'NanumSquareAcr'; color:#fff; background-color:var(--div-color1) ; padding: 3px 5px}		
	
	
.part_box .p_title3{ width:auto;  float: left; font-size:32px;    color: #fff ; font-family: 'NanumSquareAcb'; line-height: 140% ; background-color:#000;  border-radius: 10px; padding: 10px 30px; margin-bottom:50px}	
.part_box .p_mail{ width:100%;  float: left; font-size:18px;  color: #000 ; font-family: 'NanumSquareAcb'; line-height: 140% ; margin-bottom:10px}	
.part_box .p_tel{ width:100%;  float: left; font-size:18px;  color: #000 ; font-family: 'NanumSquareAcb'; line-height: 140% ; margin-bottom:1px}	
	
.part_box .q_text{ width:100%;  float: left; font-size:18px;  color: #000 ; font-family: 'NanumSquareAcb'; line-height: 140% ; margin-bottom:10px; padding-left: 40px; position: relative; word-wrap: break-word;word-break: keep-all; 	}	
.part_box .q_text:before{content: "Q.";   width:30px; height: 30px;  position: absolute; left:0px; top:0px; color: var(--div-color1); font-size:28px;}		
	
	
.part_box .a_text{ width:100%;  float: left; font-size:15px;  color: #666 ; font-family: 'NanumSquareAcr'; line-height: 140% ; margin-bottom:30px; padding-left: 40px; position: relative; word-wrap: break-word;word-break: keep-all; }	
.part_box .a_text:before{content: "A.";   width:30px; height:30px;  position: absolute; left:0px; top:0px; color: rgba(255,102,0,1.0); font-size:28px;}	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {.part_box .p_title{ width:100%;  float: left; font-size:30px;  color: #000 ; font-family: 'NanumSquareAceb'; line-height: 140% ; text-align: center; margin-bottom: 30px}	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.view_cont{ width:100%; float: left;   position: relative;  padding: 0px;  display: flex;
justify-content: center;  align-items: center; flex-direction:column; box-sizing: border-box; }
.view_cont .view_cont_in{ width:100%; float: left;   background-color: #fff; border:1px solid #333;  padding:80px 20px 20px; position: relative  }	

.logo_icon{ width:100%;  float: left; position: relative}	
.logo_icon{ width:100%;  height:49px;  float: left; position:absolute; left:50%; top:20px; background: url("../../images/common/logo.png")no-repeat left top; background-size:150px; margin-left: -75px }	
	
.cont_line{  width: 100%; height:1px;  float: left; border-bottom:1px   dashed #333; margin:20px 0px;}	
	
	
	
.part_box{ width:100%;  float: left; padding:20px;  background-color: #f7f7f7; border:1px solid #ccc; }	
.part_box .p_title{ width:100%;  float: left; font-size:18px;  color: #000 ; font-family: 'NanumSquareAceb'; line-height: 140% ; text-align: center; margin-bottom:20px}	
	
.part_box .p_title2{ width:auto;  float: left; font-size:16px;    color: #fff ; font-family: 'NanumSquareAcb'; line-height: 140% ; background-color:var(--div-color1);  border-radius: 5px; padding: 5px 10px; margin-bottom:20px}	
.part_box .p_text{ width:100%;  float: left; font-size:15px;  color: #000 ; font-family: 'NanumSquareAcb'; line-height: 140% ; margin-bottom:20px}	
.part_box .p_text2{ width:100%;  float: left;  margin-bottom:20px}		
.part_box .p_text2 ul li{ width:100%;  float: left;  font-size:15px;  color: #333; font-family: 'NanumSquareAcr'; line-height: 140% ; margin-bottom:10px; padding-left:15px; position: relative}		
.part_box .p_text2 ul li:before{width: 4px; height: 4px;  border-radius: 100%; position: absolute; left: 5px; top:10px; background-color: var(--div-color1); content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}		

.part_box .p_text2 ul li em{  font-family: 'NanumSquareAcr'; color:#fff; background-color:var(--div-color1) ; padding: 1px 3px}		
	
	
.part_box .p_title3{ width:auto;  float: left; font-size:16px;    color: #fff ; font-family: 'NanumSquareAcb'; line-height: 140% ; background-color:#000;  border-radius: 5px; padding: 5px 10px; margin-bottom:20px}	
.part_box .p_mail{ width:100%;  float: left; font-size:15px;  color: #000 ; font-family: 'NanumSquareAcb'; line-height: 140% ; margin-bottom:20px}	
.part_box .p_tel{ width:100%;  float: left; font-size:15px;  color: #000 ; font-family: 'NanumSquareAcb'; line-height: 140% ; margin-bottom:20px}	
	
.part_box .q_text{ width:100%;  float: left; font-size:15px;  color: #000 ; font-family: 'NanumSquareAcb'; line-height: 140% ; margin-bottom:20px; padding-left:20px; position: relative}	
.part_box .q_text:before{content: "Q.";   width:25px; height: 25px;  position: absolute; left:0px; top:0px; color: var(--div-color1); font-size:15px;}		
	
	
.part_box .a_text{ width:100%;  float: left; font-size:15px;  color: #666 ; font-family: 'NanumSquareAcr'; line-height: 140% ; margin-bottom:20px; padding-left:20px; position: relative}	
.part_box .a_text:before{content: "A.";   width:25px; height:25px;  position: absolute; left:0px; top:0px; color: rgba(255,102,0,1.0); font-size:15px;}	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/






/**** pc ****/
@media only all and (min-width:1025px) {

/*bbs 기본설정*/
.bbs_view{width: 100%; float: left; }
.bbs_view .thead{width: 100%; float: left; border-top:3px solid #333; float:left }
.bbs_view .thead .th{width: 100%;  color:#333; font-size:18px;  text-align:center; background-color:#fff;   font-weight:700; font-family: 'Pretendard'; font-weight:500; line-height:100%;  padding:20px 0px; border-bottom:1px solid #333;height: 70px}

.bbs_view .tbody{width: 100%; float: left;  }
.bbs_view .tbody .tr{width: 100%; float: left;  }

	
.bbs_view .tbody .tr .td {width: 100%; padding:10px 3px 10px 3px ; line-height:25px;border-bottom:1px solid #ccc; color:#333; text-align:center;  background-color:#fff;  font-size:16x}
.bbs_view .tbody .tr .td em{ color:var(--div-color1); text-align:center; }	
	
	
}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.bbs_view{width: 100%; float: left; border-top:1px solid #333;}
.bbs_view .thead{width: 100%; float: left; border-top:2px solid #333; float:left; display: none }
.bbs_view .thead .th{width: 100%;  color:#333; font-size:17px;  text-align:center; background-color:#fff;   font-weight:500; font-family: 'Pretendard'; font-weight:500; line-height:130%;  padding:20px 0px; border-bottom:1px solid #333; display: none ;}

.bbs_view .tbody{width: 100%; float: left;  }
.bbs_view .tbody .tr{width: 100%; float: left; border-bottom: 1px solid #ccc; padding: 15px 15px; position: relative ;  display: flex; flex-wrap: wrap; flex-direction: row;background-color:#fff; }
	


.bbs_view .tbody .tr .td {width: 100%; line-height:20px; color:#333;   font-size:17px; line-height:130%;   font-family: 'Pretendard'; font-weight:500; ; background-color:#fff;}
.bbs_view .tbody .tr .td em{ color:var(--div-color1); text-align:center; height: 65px }	
}
/**** pc ****/
@media only all and (min-width:1025px) {

/*bbs 기본설정*/
.detail_view{width: 100%; float: left; }
.detail_view .thead{width: 100%; float: left; border-top:3px solid #333; float:left }
.detail_view .thead .th{width: 100%;  color:#333; font-size:18px;  text-align:center; background-color:#fff;   font-weight:700; font-family: 'Pretendard'; font-weight:500; line-height:100%;  padding:20px 0px; border-bottom:1px solid #333;height: 70px}

.detail_view .tbody{width: 100%; float: left;  }
.detail_view .tbody .tr{width: 100%; float: left;  }

	
.detail_view .tbody .tr .td {width: 100%; padding:10px 3px 10px 3px ; line-height:25px;border-bottom:1px solid #ccc; color:#333; text-align:center;  background-color:#fff;  font-size:18px!important}
.detail_view .tbody .tr .td em{ color:var(--div-color1); text-align:center; }	
	
	
}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.detail_view{width: 100%; float: left; border-top:1px solid #333;}
.detail_view .thead{width: 100%; float: left; border-top:2px solid #333; float:left; display: none }
.detail_view .thead .th{width: 100%;  color:#333; font-size:17px;  text-align:center; background-color:#fff;   font-weight:500; font-family: 'Pretendard'; font-weight:500; line-height:130%;  padding:20px 0px; border-bottom:1px solid #333; display: none ;}

.detail_view .tbody{width: 100%; float: left;  }
.detail_view .tbody .tr{width: 100%; float: left; border-bottom: 1px solid #ccc; padding:10px 15px; position: relative ;  display: flex; flex-wrap: wrap; flex-direction: row;background-color:#fff; }
	


.detail_view .tbody .tr .td {width: 100%; line-height:20px; color:#333;   font-size:15px; line-height:130%;   font-family: 'Pretendard'; font-weight:500; ; background-color:#fff;}
.detail_view .tbody .tr .td em{ color:var(--div-color1); text-align:center; height: 65px }	
}






/**** pc ****/
@media only all and (min-width:1025px) {
.bbs_cont .thead, .bbs_cont .tbody .tr{ display: flex;flex-direction: row; width: 100%; float: left; }
.bbs_cont .tbody .tr .td:first-child{width: 80px; float: left; font-family: 'Pretendard'; font-weight:500; font-size:24px;}
.bbs_cont .tbody .tr .td:nth-child(2){width: calc(100% - 80px); float: left; text-align: left; font-family: 'Pretendard'; font-weight:500; font-size:24px;}


.bbs_cont .thead, .bbs_cont .tbody .tr{ display: flex;flex-direction: row; width: 100%; float: left}
.bbs_cont .thead  .th:first-child{width: 80px; float: left; }
.bbs_cont .thead  .th:nth-child(2){width: calc(100% - 80px); float: left; }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.bbs_cont .thead, .bbs_cont .tbody .tr{width: 100%;float: left;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; }
.bbs_cont .tbody .tr .td:first-child{width:30px; float: left; font-family: 'Pretendard'; font-weight:500;}
.bbs_cont .tbody .tr .td:nth-child(2){width: calc(100% - 30px); float: left;text-align: left; font-family: 'Pretendard'; font-weight:500; word-wrap: break-word;word-break: keep-all; }


.bbs_cont .thead, .bbs_cont .tbody .tr{ display: flex;flex-direction: row; width: 100%; float: left}
.bbs_cont .thead  .th:first-child{width: 30px; float: left; }
.bbs_cont .thead  .th:nth-child(2){width: calc(100% - 30px); float: left; }	
	

}





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.table_view_cont { float:left; width:100%!important;  position: relative;  box-sizing: border-box;  background-color: #fff;; border-bottom: 1px solid #000; margin-bottom: 30px}
.table_view_cont table { float: left; width:100%!important; border-collapse: collapse;  border-top: 1px solid #000 }
.table_view_cont table  thead {    background-color: #f6f6f5}
.table_view_cont table  thead th { top: 0px; left: 0px;   box-sizing: border-box;  padding:10px 10px; border-bottom:1px solid #ccc;  color:#333333;  border-right:1px solid #ccc; font-size:18px; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  font-weight:700;   z-index:2; vertical-align: middle; word-wrap: break-word; word-break: keep-all; text-align: center;border-bottom:1px solid #000!important;} 

.table_view_cont table  thead th:last-child { border-right:none;} 

.table_view_cont table td {padding:10px 10px; border-bottom:1px solid #e5e5e5!important; color:#333333; font-size:15px!important; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  font-weight: 400; text-align:center;  border-right:1px solid #e5e5e5; position: relative; word-wrap: break-word;line-height: 150%!important; margin-top: 0px; vertical-align: middle;
word-break: keep-all;  	}
	
.table_view_cont table td em{ background-color:rgba(255,102,0,0.5); color: #000; padding: 3px 5px;  font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  font-weight: 400;}
	
.table_view_cont table tr td:last-child { border-right:none;} 

.table_view_cont table tbody th {padding:10px 10px; color:#333; font-size:24px!important; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight: 700; text-align:center;  border-bottom:1px solid #e5e5e5!important;  border-right:1px solid #e5e5e5; vertical-align: middle;}
.table_view_cont table td.r_line {border-right: 1px solid #e5e5e5!important;}
	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.table_view_cont { float:left; width:100%!important;  position: relative;  box-sizing: border-box;  background-color: #fff;; border-bottom: 1px solid #000; margin-bottom: 20px}
.table_view_cont table { float: left; width:100%!important; border-collapse: collapse;  border-top: 1px solid #000 }
.table_view_cont table  thead {    background-color: #f6f6f5}
.table_view_cont table  thead th { top: 0px; left: 0px;   box-sizing: border-box;  padding:10px 0px; border-bottom:1px solid #ccc;  color:#333333;  border-right:1px solid #ccc; font-size:12px; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  font-weight:700;   z-index:2; vertical-align: middle; word-wrap: break-word; word-break: keep-all; text-align: center;border-bottom:1px solid #000!important;} 

.table_view_cont table  thead th:last-child { border-right:none;} 

.table_view_cont table td {padding:10px 0px; border-bottom:1px solid #e5e5e5!important; color:#333333; font-size:11px!important; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  font-weight: 400; text-align:center;  border-right:1px solid #e5e5e5; position: relative; word-wrap: break-word;line-height: 150%!important; margin-top: 0px; vertical-align: middle;
word-break: keep-all;}
	
.table_view_cont table td em{  background-color:rgba(255,102,0,0.5); padding: 1px 3px; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  font-weight: 400;}	
	
	
.table_view_cont table tr td:last-child { border-right:none;} 

.table_view_cont table tbody th {padding:10px 30px; color:#333; font-size:12px!important; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight: 700; text-align:center;  border-bottom:1px solid #e5e5e5!important;  border-right:1px solid #e5e5e5; vertical-align: middle;}

.table_view_cont table td.r_line {border-right: 1px solid #e5e5e5!important;}	



}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/