@charset "utf-8";


/**** pc ****/
/*테이블 기본라인 __사용 : 주가정보 */
@media only all and (min-width:1000px) {
.tb_01_box_s{ width:100%!important; border-top:1px solid #ccc; float:left}
.tb_01_box{ width:100%!important; border-top:3px solid #333; float:left}
.tb_01 { width:100%!important; ; float:left; }
.tb_01 thead th{ padding:15px 1vw; border-bottom:1px solid #999; color:#333; font-size:15px;  text-align:center; background-color:#eee; box-sizing:border-box;}

    
.tb_01 tbody th{ border-bottom: 1px solid #ccc; color: #333; padding:15px 1vw; border-left:none; font-size: 15px; position: relative; background-color: #eee ; font-weight: 300 ; border-left: 1px solid #ccc !important; }
    
.tb_01 tbody th:first-child{ border-left: none!important;  }
    
.tb_01 tbody th.center{ text-align: center}    
.tb_01 tbody th.lineno{ border-left:none !important; }        
.tb_01 tbody td{ border-bottom:1px solid #ccc;  border-left: 1px solid #ccc !important; ;padding:15px 1vw; border-left:none;  font-size: 15px; position: relative; text-align: center }
.tb_01 tbody  td:first-child{border-left:1px solid #fff!important; ;}
.tb_01 tbody  td.total{ background-color: #f7f7f7; color: #000}
.tb_01 tbody td.total2{ background-color:#e5e5e5;  color: #000; font-weight: 900;  box-sizing: border-box}   
.tb_01 tbody td.lineno{ border-left:none !important; }   
.tb_01_m { display: none }
	
.tb_01 tbody td.left{ border-bottom:1px solid #ccc;  border-left: 1px solid #ccc !important; ;padding:15px 1vw; border-left:none;  font-size: 15px; position: relative; text-align:left }	
.tb_01 tbody td.right{text-align:right; padding-right: 20px }		
	
}
/**** 모바일 ****/
@media only all and (max-width:999px) {
.tb_01_box_s{ width:100%!important; border-top:1px solid #ccc; float:left}
.tb_01_box{ width:100%!important; border-top:3px solid #333; float:left; overflow-y: hidden; overflow-x: auto }
.tb_01 {display: none }   
    
.tb_01_m { width:150%!important; ; float:left; }
.tb_01_m thead th{ padding:7px 1vw; border-bottom:1px solid #999; color:#333; font-size:12px;  text-align:center; background-color:#eee; box-sizing:border-box;}

    
.tb_01_m tbody th{ border-bottom: 1px solid #ccc; color: #333; padding:7px 1vw; border-left:none; font-size: 12px; position: relative; text-align: left;background-color: #eee ; font-weight: 300 ; border-right: 1px solid #ccc !important;border-left: 1px solid #ccc !important; }
    
.tb_01_m tbody th:first-child{ border-left: none!important;  }
    
.tb_01_m tbody th.center{ text-align: center}    
.tb_01_m tbody th.lineno{ border-left:none !important; }        
.tb_01_m tbody td{ border-bottom:1px solid #ccc;  border-left: 1px solid #ccc !important; ;padding:7px 1vw; border-left:none;  font-size: 12px; position: relative; text-align: center }
.tb_01_m tbody  td:first-child{border-left:1px solid #fff!important; ;}
.tb_01_m tbody  td.total{ background-color: #f7f7f7; color: #000}
.tb_01_m tbody td.total2{ background-color:#f3ebdf;  color: #000; font-weight: 900;  box-sizing: border-box}   
.tb_01_m tbody td .font_color1{ color: #ff0000;}   
.tb_01_m tbody td .font_color2{ color: #0048ff;}
.tb_01_m  tbody td.right{text-align:right; }		
}
/**** pc ****/
/*테이블 기본라인 __사용 : 주가정보 */
@media only all and (min-width:1000px) {
.tb_02_box{ width:100%!important; border-top:3px solid #333; float:left}
.tb_02 { width:100%!important; ; float:left; }

    .tb_02 thead th{ padding:13px 5px; border-bottom:1px solid #ccc; color:#333; font-size:15px;  text-align:center; background-color:#eee; box-sizing:border-box; border-left:1px solid #ccc;}
    .tb_02 thead th.lineno{border-left: none!important;}/*신규추가*/
    
.tb_02 tbody th{ border-bottom: 1px solid #ccc; color: #333; padding:13px 15px; font-size: 15px; position: relative; background-color: #eee ; font-weight: 300 ;border-left: 1px solid #ccc !important; text-align: center;}
    
.tb_02 tbody th:first-child{ border-left: none!important; text-align: center;}
    
.tb_02 tbody th.center{ text-align: center}    
.tb_02 tbody th.lineno{ border-left:none !important; }        
	
.tb_02 tbody td{ border-bottom:1px solid #ccc;  ;padding:13px 1vw;border-left: 1px solid #ccc !important;  font-size: 15px; position: relative; text-align: right;}
    
    .tb_02 tbody  td:first-child{border-left:1px solid #fff!important; text-align: center;}

.tb_01 tbody  td.total{ background-color: #f7f7f7; color: #000}
.tb_01 tbody td.total2{ background-color:#f3ebdf; color: #000; font-weight: 900;  box-sizing: border-box}  
.tb_02 tbody td.line{ border-left:1px solid #ccc!important; } 
.tb_02 tbody td.textWrap{letter-spacing: -0.7px;}/*신규추가*/

.tb_02_m { display: none}

}
/**** 모바일 ****/
@media only all and (max-width:999px) {
.tb_02_box{ width:100%!important; border-top:3px solid #333; float:left}
.tb_02{ display: none}    
.tb_02_m { width:100%!important;  float:left; }
.tb_02_m thead th{ padding:15px 0px; border-bottom:1px solid #999; color:#333; font-size:13px;  text-align:center; background-color:#eee; box-sizing:border-box;}

.tb_02_m tbody th{ border-bottom: 1px solid #ccc; color: #333; padding:15px 5px !important; box-sizing: border-box; border-left:none; font-size: 13px; position: relative; text-align: left;background-color: #eee ; font-weight: 300 ; text-align:center;  }
    
.tb_02_m tbody th:first-child{ border-left: none!important; padding: 0px 5px }

  
.tb_02_m tbody th.center{ text-align: center}    
.tb_02_m tbody th.lineno{ border-left:none !important; }            
.tb_02_m tbody td{ border-bottom:1px solid #ccc;  ; padding:7px 20px; border-left:none;  font-size: 13px; position: relative;  text-align: right}

.tb_02_m tbody td.line{ border-left:1px solid #ccc!important; }       

}


/**** pc ****/
/*테이블 기본라인 __사용 : 주가정보 */
@media only all and (min-width:1000px) {
.tb_com_box_s{ width:100%!important; border-top:1px solid #ccc; float:left}
.tb_01_box{ width:100%!important; border-top:3px solid #333; float:left; overflow-y: hidden; overflow-x: auto }
.tb_01_box2{ width:100%!important; border-top:3px solid #333; float:left; }
 .tb_com_box { width:100%!important;border-top:3px solid #333;  }
 
.tb_com { width:100%!important; ; float:left; }
.tb_com thead th{ padding:15px 1vw; border-bottom:1px solid #999; color:#333; font-size:15px;  text-align:center; background-color:#eee; box-sizing:border-box;}

    
.tb_com tbody th{ border-bottom: 1px solid #ccc; color: #333; padding:15px 1vw; border-left:none; font-size: 15px; position: relative; text-align: left;background-color: #eee ; font-weight: 300 ;border-left: 1px solid #ccc !important; }
    
.tb_com tbody th:first-child{ border-left: none!important;  }
    
.tb_com tbody th.center{ text-align: center}    
.tb_com tbody th.lineno{ border-left:none !important; }        
.tb_com tbody td{ border-bottom:1px solid #ccc;  border-left: 1px solid #ccc !important; ;padding:15px 1vw; border-left:none;  font-size: 15px; position: relative; text-align: center }
.tb_com tbody  td:first-child{border-left:1px solid #fff!important; ;}
.tb_com tbody  td.total{ background-color: #f7f7f7; color: #000}
.tb_com tbody td.total2{ background-color:#e5e5e5;  color: #000; font-weight: 900;  box-sizing: border-box}   
 .tb_com tbody td.left{  text-align: left}   

}
/**** 모바일 ****/
@media only all and (max-width:999px) {
.tb_com_box_s{ width:100%!important; border-top:1px solid #ccc; float:left}
.tb_01_box{ width:100%!important; border-top:3px solid #333; float:left; overflow-y: hidden; overflow-x: auto }
.tb_01_box2{ width:100%!important; border-top:3px solid #333; float:left; }
 .tb_com_box { width:100%!important;border-top:3px solid #333;  }
 
.tb_com { width:100%!important; ; float:left; }
.tb_com thead th{ padding:7px 1vw; border-bottom:1px solid #999; color:#333; font-size:13px;  text-align:center; background-color:#eee; box-sizing:border-box;}

    
.tb_com tbody th{ border-bottom: 1px solid #ccc; color: #333; padding:7px 1vw; border-left:none; font-size: 13px; position: relative; text-align: left;background-color: #eee ; font-weight: 300 ;border-left: 1px solid #ccc !important; }
    
.tb_com tbody th:first-child{ border-left: none!important;  }
    
.tb_com tbody th.center{ text-align: center}    
.tb_com tbody th.lineno{ border-left:none !important; }        
.tb_com tbody td{ border-bottom:1px solid #ccc;  border-left: 1px solid #ccc !important; ;padding:7px 1vw; border-left:none;  font-size: 13px; position: relative; text-align: center }
.tb_com tbody  td:first-child{border-left:1px solid #fff!important; ;}
.tb_com tbody  td.total{ background-color: #f7f7f7; color: #000}
.tb_com tbody td.total2{ background-color:#e5e5e5;  color: #000; font-weight: 900;  box-sizing: border-box}   
 .tb_com tbody td.left{  text-align: left}   
 
}
@media only all and (min-width:768px) {
.tb_04_box{ width:100%!important; border-top:3px solid #333; float:left}
.tb_04 { width:100%!important; ; float:left; }
.tb_04 thead th:first-child{ border-left: none!important; text-align: center;}
    
.tb_04 thead th{ padding:7px 5px; border-bottom:1px solid #ccc; color:#333; font-size:15px;  text-align:center; background-color:#eee; box-sizing:border-box; border-left:1px solid #ccc;}
.tb_04 thead th.lineno{border-left: none!important;}/*신규추가*/
    
.tb_04 tbody th{ border-bottom: 1px solid #ccc; color: #333; padding:7px 15px; font-size: 15px; position: relative; text-align: left;background-color: #eee ; font-weight: 300 ;border-left: 1px solid #ccc !important; }
    
.tb_04 tbody th:first-child{ border-left: none!important; text-align: center;}
    
.tb_04 tbody th.center{ text-align: center}    
.tb_04 tbody th.lineno{ border-left:none !important; }        
.tb_04 tbody td.center{ text-align: center}    
.tb_04 tbody td{ border-bottom:1px solid #ccc;  ;padding:7px 1vw;border-left: 1px solid #ccc !important;  font-size: 15px; position: relative; }
.tb_04 tbody  td:first-child{border-left:1px solid #fff!important; }

.tb_04 tbody td.line{ border-left:1px solid #ccc!important; } 




}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.tb_04_box{ width:100%!important; border-top:3px solid #333; float:left}
.tb_04 { width:100%!important; ; float:left; }
.tb_04 thead th:first-child{ border-left: none!important; text-align: center;}
    
.tb_04 thead th{ padding:8px 5px; border-bottom:1px solid #ccc; color:#333; font-size:11px;  text-align:center; background-color:#eee; box-sizing:border-box; border-left:1px solid #ccc;}
.tb_04 thead th.lineno{border-left: none!important;}
    
.tb_04 tbody th{ border-bottom: 1px solid #ccc; color: #333; padding:5px 5px; font-size: 11px; position: relative; text-align: left;background-color: #eee ; font-weight: 300 ;border-left: 1px solid #ccc !important; }
    
.tb_04 tbody th:first-child{ border-left: none!important; text-align: center;}
    
.tb_04 tbody th.center{ text-align: center}    
.tb_04 tbody th.lineno{ border-left:none !important; }        
	
.tb_04 tbody td{ border-bottom:1px solid #ccc;  padding:5px 5px;border-left: 1px solid #ccc !important;  font-size: 11px; position: relative; }
.tb_04 tbody  td:first-child{border-left:1px solid #fff!important; }

.tb_04 tbody td.line{ border-left:1px solid #ccc!important; } 
.tb_04 tbody td.center{ text-align: center}   
}

@media only all and (min-width:768px) {
.tb_05_box{ width:100%!important; border-top:3px solid #333; float:left}
.tb_05 { width:100%!important; ; float:left; }
   
.tb_05 thead th{ padding:7px 15px; border-bottom:1px solid #ccc; color:#333; font-size:13px;  text-align:center; background-color:#eee; box-sizing:border-box; border-left:1px solid #ccc;}
.tb_05 thead th.lineno{border-left: none!important;}
.tb_05 thead th.line{ border-left: 1px solid #ccc !important;}        
	 
.tb_05 tbody th{ border-bottom: 1px solid #ccc; color: #333; padding:7px 15px;  font-size: 15px; position: relative; text-align: left;background-color: #eee ; font-weight: 300 ;border-left: 1px solid #ccc !important; }
    
.tb_05 tbody th:first-child{ border-left: none!important; text-align: center;}
    
.tb_05 tbody th.center{ text-align: center}    
.tb_05 tbody th.lineno{ border-left:none !important; }        

.tb_05 tbody td{ border-bottom:1px solid #ccc;  padding:7px 15px; border-left: 1px solid #ccc !important;  font-size: 15px; position: relative; }
.tb_05 tbody  td:first-child{border-left:1px solid #fff!important; }
.tb_05 tbody  td.center{ text-align: center}
.tb_05 tbody td.line{ border-left:1px solid #ccc!important; } 




}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.tb_05_box{ width:100%!important; border-top:3px solid #333; float:left; overflow-y: auto; overflow-x: hidden}
.tb_05 { width:150%!important; ; float:left; }

.tb_05 thead th{ padding:8px 5px; border-bottom:1px solid #ccc; color:#333; font-size:11px;  text-align:center; background-color:#eee; box-sizing:border-box; border-left:1px solid #ccc;}
.tb_05 thead th.lineno{border-left: none!important;}
 .tb_05 thead th.lineon{ border-left: 1px solid #ccc;}        
	    
.tb_05 tbody th{ border-bottom: 1px solid #ccc; color: #333; padding:5px 2px; font-size: 10px; position: relative; text-align: left;background-color: #eee ; font-weight: 300 ;border-left: 1px solid #ccc !important; }
    
.tb_05 tbody th:first-child{ border-left: none!important; text-align: center;}
    
.tb_05 tbody th.center{ text-align: center}    
.tb_05 tbody th.lineno{ border-left:none !important; }        
	
.tb_05 tbody td{ border-bottom:1px solid #ccc;  padding:5px 5px;border-left: 1px solid #ccc !important;  font-size: 10px; position: relative; }
.tb_05 tbody  td:first-child{border-left:1px solid #fff!important; }

.tb_05 tbody td.line{ border-left:1px solid #ccc!important; } 

}

@media only all and (min-width:768px) {
.tb_06_box{ width:100%!important; border-top:3px solid #333; float:left}
.tb_06 { width:100%!important; ; float:left; }
.tb_06 thead th:first-child{ border-left: none!important; text-align: center;}
    
.tb_06 thead th{ padding:7px 5px; border-bottom:1px solid #ccc; color:#333; font-size:15px;  text-align:center; background-color:#eee; box-sizing:border-box; border-left:1px solid #ccc;}
.tb_06 thead th.lineno{border-left: none!important;}/*신규추가*/
    
.tb_06 tbody th{ border-bottom: 1px solid #ccc; color: #333; padding:7px 15px; font-size: 15px; position: relative; text-align: left;background-color: #eee ; font-weight: 300 ;border-left: 1px solid #ccc !important; text-align: center }
    
.tb_06 tbody th:first-child{ border-left: none!important; text-align: center;}
    
.tb_06 tbody th.center{ text-align: center}    
.tb_06 tbody th.lineno{ border-left:none !important; }        
.tb_06 tbody td.center{ text-align: center}    
.tb_06 tbody td{ border-bottom:1px solid #ccc;  ;padding:7px 1vw;border-left: 1px solid #ccc !important;  font-size: 15px; position: relative; text-align: center }
.tb_06 tbody  td:first-child{border-left:1px solid #fff!important; }

.tb_06 tbody td.line{ border-left:1px solid #ccc!important; } 
.tb_06 tbody td.right{ text-align: right; }   
.tb_06 tbody td.color{ background-color: #f7f7f7 ;  padding:0px 15px !important; height: 35px; line-height: 35px;}   



}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.tb_06_box{ width:100%!important; border-top:3px solid #333; float:left}
.tb_06 { width:100%!important; ; float:left; }
.tb_06 thead th:first-child{ border-left: none!important; text-align: center;}
    
.tb_06 thead th{ padding:8px 5px; border-bottom:1px solid #ccc; color:#333; font-size:11px;  text-align:center; background-color:#eee; box-sizing:border-box; border-left:1px solid #ccc;}
.tb_06 thead th.lineno{border-left: none!important;}
    
.tb_06 tbody th{ border-bottom: 1px solid #ccc; color: #333; padding:5px 5px; font-size: 11px; position: relative; text-align: left;background-color: #eee ; font-weight: 300 ;border-left: 1px solid #ccc !important;  text-align: center}
    
.tb_06 tbody th:first-child{ border-left: none!important; text-align: center;}
    
.tb_06 tbody th.center{ text-align: center}    
.tb_06 tbody th.lineno{ border-left:none !important; }        
.tb_06 tbody td.right{ text-align: right; }   
	
.tb_06 tbody td{ border-bottom:1px solid #ccc;  padding:5px 5px;border-left: 1px solid #ccc !important;  font-size: 11px; position: relative;  text-align: center}
.tb_06 tbody  td:first-child{border-left:1px solid #fff!important; }

.tb_06 tbody td.line{ border-left:1px solid #ccc!important; } 
.tb_06 tbody td.center{ text-align: center}   
}

/* FAQ 검색 */
/**** pc ****/
@media only all and (min-width:1000px) {
.faq_search{	width:100%;	float:left;	border:1px solid #c4c4c4;	background-color:#f7f7f7;	padding:20px 0px 20px 0px;	background-image: url(../_img/cs/notice_img03.gif);	background-position: 250px center; background-repeat: no-repeat; text-align: center; overflow: hidden;}
.faq_search .search_text{   display: inline-block; vertical-align: middle; width:40%; margin-right: 20px}
.faq_search .search_text .tx1{ width:15%;	float:left;font-size: 30px; font-weight: 500; color: #333; text-align: left; line-height: 24PX}
.faq_search .search_text .tx2{ width:85%;	float:left;font-size:15px;color: #666; text-align: left}
.faq_search .search_in{ width:100%;	float:right;  width:30%; }
.faq_search .search_in .dot_text p{ margin-left:10px; font-size:14px; color:#333}
.faq_search .search_in .input_box{  float:left; margin-bottom:10px;}
.faq_search .search_in .input_box p{float:left; margin-right:2px}
.faq_search .search_in .input_box p .input_st{height:24px; margin-top:-1px; border:1px solid #ccc}
.faq_search .search_in .input_box p select{height:22px;}
.faq_search .search_in2{   display: inline-block; vertical-align: middle; width:30%; }
}

/**** 모바일 ****/
@media only all and (max-width:999px) {
.faq_search{	width:100%;	float:left;	border:1px solid #c4c4c4;	background-color:#f7f7f7;	padding:15px;	background-image: url(../_img/cs/notice_img03.gif);	background-position: 250px center;
	background-repeat: no-repeat; text-align: center; overflow: hidden; }
.faq_search .search_text{   display: inline-block; vertical-align: middle; width:100%; margin-right: 20px; margin-bottom: 20px}
.faq_search .search_text .tx1{ width:20%;	float:left;font-size: 20px; font-weight: 500; color: #333; text-align: left; line-height: 20PX}
.faq_search .search_text .tx2{ width:80%;	float:left;font-size:12px;color: #999; text-align: left}
	
.faq_search .search_in{   display: inline-block; vertical-align: middle; width:100%; }
.faq_search .search_in .dot_text p{ margin-left:10px; font-size:14px; color:#333}
.faq_search .search_in .input_box{  float:left; margin-bottom:10px;}
.faq_search .search_in .input_box p{float:left; margin-right:2px}
.faq_search .search_in .input_box p .input_st{height:24px; margin-top:-1px; border:1px solid #ccc}
.faq_search .search_in .input_box p select{height:22px;}
}


/*  검색 */
/**** pc ****/
@media only all and (min-width:1000px) {
.bbs_search{	width:100%;	float:left;	}
.bbs_search .search_text{   float:left; width:60%;}
.bbs_search .search_text .tx1{ 	float:left;font-weight: 500; color: #333; text-align: left; margin-bottom: 10px }
.bbs_search .search_text .tx1 i{ 	float:left;font-size:30px; font-weight: 500; color: #333;  margin-right:5px; line-height: 40px}
.bbs_search .search_text .tx2{ 	float:left;font-size:14px;color: #666; text-align: left; padding-top: 0px; line-height: 40px}


.bbs_search .search_in{   float:right; width: 30% ;}
.bbs_search .search_in .dot_text p{ margin-left:10px; font-size:14px; color:#333}
.bbs_search .search_in .input_box{  float:left; margin-bottom:10px;}
.bbs_search .search_in .input_box p{float:left; margin-right:2px}
.bbs_search .search_in .input_box p .input_st{height:24px; margin-top:-1px; border:1px solid #ccc}
.bbs_search .search_in .input_box p select{height:22px;}
.bbs_search .search_in2{   display: inline-block; vertical-align: middle; width:30%; }
}

/**** 모바일 ****/
@media only all and (max-width:999px) {
.bbs_search{	width:100%;	float:left;	border:1px solid #c4c4c4;	background-color:#f7f7f7;	padding:10px 10px 0px 10px;text-align: center; overflow: hidden;margin-top: -9px; margin-bottom: 20px  ;z-index: 88; position: relative}
.bbs_search .search_text{   display: inline-block; vertical-align: middle; width:100%; margin-right: 20px; margin-bottom: 10px}
.bbs_search .search_text .tx1{ 	float:left;font-weight: 500; color: #333; text-align: left;  position: relative }
.bbs_search .search_text .tx1 i{ 	float:left;font-size:30px; font-weight: 500; color: #333;  margin-right:5px; line-height: 40px; position: absolute; left: 0px; top: -10px}
.bbs_search .search_text .tx2{ 	float:left;font-size:12px;color: #666; text-align: left; padding-top: 0px; line-height: 16px; padding-left:40px; box-sizing: border-box}

.bbs_search .search_in{   display: inline-block; vertical-align: middle; width:100%; }
.bbs_search .search_in .dot_text p{ margin-left:10px; font-size:14px; color:#333}
.bbs_search .search_in .input_box{  float:left;}
.bbs_search .search_in .input_box p{float:left; margin-right:2px}
.bbs_search .search_in .input_box p .input_st{height:24px; margin-top:-1px; border:1px solid #ccc}
.bbs_search .search_in .input_box p select{height:22px;}
}



/* FAQ 아이콘 탭 */
/**** pc ****/
@media only all and (min-width:1000px) {

.faq_list_tab .icon_bar{	width:100%;	float:left; margin-bottom:30px; padding:20px; border: 1px solid #ccc; background-color: #eee; margin-top: -1px}
.faq_list_tab .icon_bar ul{ margin:0px auto 0px auto}
.faq_list_tab .icon_bar ul li.icon{float:left; width:12.5%;}
.faq_list_tab .icon_bar ul li.icon i{ font-size:50px; color:#999}
.faq_list_tab .icon_bar ul li.icon p.img{float:left; width:100%; text-align:center; margin-bottom:5px}
.faq_list_tab .icon_bar ul li.icon p.text{float:left; width:100%; text-align:center; font-size:14px ; color:#666}
.faq_list_tab .icon_bar ul li.icon p.text a{ font-size:14px ; color:#666}
.faq_list_tab .icon_bar ul li.icon:hover{float:left; width:12.5%; }
.faq_list_tab .icon_bar ul li.icon:hover i{ font-size:50px; color:#000}
.faq_list_tab .icon_bar ul li.icon:hover p.img{float:left; width:100%; text-align:center; margin-bottom:5px}
.faq_list_tab .icon_bar ul li.icon:hover p.text{float:left; width:100%; text-align:center; font-size:14px ; color:#000}
.faq_list_tab .icon_bar ul li.icon:hover p.text a{ font-size:14px ; color:#000}

.faq_list_tab .icon_bar ul li.icon_on{float:left; width:12.5%; }
.faq_list_tab .icon_bar ul li.icon_on i{ font-size:50px; color:#000}
.faq_list_tab .icon_bar ul li.icon_on p.img{float:left; width:100%; text-align:center; margin-bottom:5px}
.faq_list_tab .icon_bar ul li.icon_on p.text{float:left; width:100%; text-align:center; font-size:14px ; color:#000}
.faq_list_tab .icon_bar ul li.icon_on p.text a{ font-size:14px ; color:#000}

}

/**** 모바일 ****/
@media only all and (max-width:999px) {
.faq_list_tab .icon_bar{	width:100%;	float:left; margin-bottom:10px;  background-color: #fff; }
.faq_list_tab .icon_bar ul{ margin:0px auto 0px auto}
.faq_list_tab .icon_bar ul li.icon{float:left; width: calc(25% + 1px); border: 1px solid #ccc; margin-left: -1px; margin-top: -1px}
.faq_list_tab .icon_bar ul li.icon i{ font-size:30px; color:#666; display: none}
.faq_list_tab .icon_bar ul li.icon p.text{float:left; width:100%; text-align:center; font-size:11px ; color:#666}
.faq_list_tab .icon_bar ul li.icon p.text a{ font-size:11px ; color:#666; line-height: 30px; display: block}
.faq_list_tab .icon_bar ul li.icon:hover{float:left;  width: calc(25% + 1px); background-color: #333;  }
.faq_list_tab .icon_bar ul li.icon:hover i{ font-size:30px; color:#fff;  display: none}
.faq_list_tab .icon_bar ul li.icon:hover p.text{float:left; width:100%; text-align:center; font-size:11px ; color:#000}
.faq_list_tab .icon_bar ul li.icon:hover p.text a{ font-size:11px ; color:#fff}
	
.faq_list_tab .icon_bar ul li.icon_on{float:left;  width: calc(25% + 1px); background-color: #333 ; margin-left: -1px; }
.faq_list_tab .icon_bar ul li.icon_on i{ font-size:30px; color:#fff;display: none}
.faq_list_tab .icon_bar ul li.icon_on p.text{float:left; width:100%; text-align:center; font-size:11px ; color:#000}
.faq_list_tab .icon_bar ul li.icon_on p.text a{ font-size:11px ; color:#fff;line-height: 30px; display: block}

}



/* faq 리스트  아코디언 css*/
.faq_container {
	width: 100%; border-top:1px solid #cccccc; float:left
}




/**** pc ****/
@media only all and (min-width:769px) {	h5 { font-size:14px;	text-align:center;	padding: 20px 0;	color: #aaa;}
h5 span { color: #666; }
h5 small{	text-transform:uppercase;	letter-spacing: 0.5em;	display: block;	color: #666; }
h6.acc_trigger {	padding: 7px 0px;	width: 100%;	font-size: 14px;	color:#000;	float: left;	border-bottom:1px solid #cccccc;	background-image: url(../images/com/cs_q.gif);	background-repeat: no-repeat;	background-position: 20px center;	}
h6.acc_trigger a p.no{	color:#666666;	text-decoration: none;	display: block;  float:left; width:40px; text-align:center}
h6.acc_trigger a p.cate{	color:#666666;	text-decoration: none;	display: block;margin-right:10px; float:left; width:100px;text-align:center}
h6.acc_trigger a {	color:#666666;	text-decoration: none;	display: block;	padding: 10px 0 10px 60px;	 font-weight: normal; line-height:18px ;}
h6.acc_trigger a:hover {	color:#333333; font-weight: normal;	text-decoration: none;	display: block;	padding: 10px 0 10px 60px;	line-height:18px}


}
/**** 모바일 ****/
@media only all and (max-width:768px) {	h5 { font-size:14px;	text-align:center;	padding: 5px 0;	color: #aaa;}
h5 span { color: #666; }
h5 small{text-transform:uppercase;	letter-spacing: 0.5em;	display: block;	color: #666;}
h6.acc_trigger {padding: 7px 0px;	width: 100%;	font-size: 12px;	color:#000;	float: left;	border-bottom:1px solid #cccccc;	background-image: url(../images/com/cs_q.gif);	background-repeat: no-repeat;	background-position: 10px center;}
h6.acc_trigger a p.no{	color:#666666;	text-decoration: none;	display: block;  float:left; width:40px; text-align:center}
h6.acc_trigger a p.cate{ width: 100%;float:left; text-align: left; color: #ff6600}
	
h6.acc_trigger a {	color:#666666;	text-decoration: none;	display: block;	padding: 10px 0 10px 50px;	 font-weight: normal; line-height:18px ; font-size: 12px}
h6.acc_trigger a:hover {	color:#333333; font-weight: normal;	text-decoration: none;	display: block;	padding: 10px 0 10px 50px;	line-height:18px}


}


/**** pc ****/
@media only all and (min-width:769px) {
h6.active {background-position: 20px center;}
.acc_container {
	margin: 0px 0px 0px 0px; padding: 0px;
	overflow: hidden;
	font-size: 13px;
	width: 100%;
	clear: both;
	background: #f9f9f9;
	border-bottom: 1px solid #d6d6d6;
	border-top:none;  line-height: 20px
}
.acc_container .block {
	padding: 20px 20px 20px 60px;
	background-image: url(../images/com/cs_a.gif);
	background-repeat: no-repeat;
	background-position: 20px 20px; 
}
.acc_container .block p {
	padding: 5px 0;
	margin: 0px 0; 
}
.acc_container h7 { font-size:12px;
	margin: 0 0 2px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
h6.active {background-position: 10px center;}
.acc_container {
	margin: 0px 0px 0px 0px; padding: 0px;
	overflow: hidden;
	font-size: 11px;
	width: 100%;
	clear: both;
	background: #f9f9f9;
	border-bottom: 1px solid #d6d6d6;
	border-top:none;  line-height: 18px
}
.acc_container .block {
	padding: 10px 10px 10px 50px;
	background-image: url(../images/com/cs_a.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}
.acc_container .block p {
	padding: 5px 0;
	margin: 0px 0; 
}
.acc_container h7 { font-size:12px;
	margin: 0 0 2px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}
}


/**** pc ****/
/* QNA , 일반게시판*/
@media only all and (min-width:769px) {	
.bba_list_box{ width:100%; border-top:3px solid #333; float:left}
.bba_list { width:100%; }
.bba_list_m { display: none }
.bba_list thead th{  color:#333; font-size:16px;  text-align:center; background-color:#eee;   font-weight:400;font-family: 'Noto Sans KR', sans-serif; ;line-height:16px; padding:15px 0px; border-bottom:1px solid #dfdfdf;}
.bba_list thead th:last-child{ color:#333; font-size:16px;  text-align:center; background-color:#eee;    border-right:none; font-weight:normal}
.bba_list tbody th{ border-bottom:1px solid #dfdfdf; padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000; background-color:#f7f7f7; }
.bba_list tbody th.color{ border-bottom:1px solid #dfdfdf; padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000;  background-color:#fafafa; }
.bba_list tbody td { padding:15px 3px 15px 3px ; line-height:20px; border-bottom:1px solid #dfdfdf; COLOR:#333; text-align:center; font-size:14px; line-height:16px ;cursor:pointer;}
.bba_list tbody td.t_left{ text-align:left}
.bba_list tbody td.left{ text-align:left}
.bba_list tbody td.right{ text-align:right; padding-right:10px}
.bba_list tbody td.color{background-color:#f7f7f7; color:#666; padding:20px; box-sizing: border-box}
.bba_list tbody th.color{background-color:#f7f7f7; color:#666; padding:20px; box-sizing: border-box}	
.bba_list tbody td a.btnst{background-color:#f7f7f7; color:#333; padding:10px 20px; box-sizing: border-box; border: 1px solid #ccc; display: block }

.bba_list tbody td:last-child{ padding:0px 3px 0px 3px ; line-height:20px; border-bottom:1px solid #dfdfdf; COLOR:#333; border-right:none;font-size:14px; line-height:16px }
.bba_list tbody td .review{ width:100%; float:left; position:relative;  padding: 20px; box-sizing: border-box; background-color: #eee}
.bba_list tbody td .review .text{ width:80%; float:left; position:relative; font-size:13px; line-height: 18px }
.bba_list tbody td .review .btn{ position:absolute; right:10px; top:10px}
.bba_list tbody td .review .btn i{ font-size:20px; color:#666; margin-right:10px}
.bba_list tbody tr:hover{  color:#333; font-size:13px;  text-align:center; background-color:#f7f7f7;   font-weight:normal; line-height:16px; padding:10px 0px; border-bottom:1px solid #dfdfdf;}
.bba_list tbody td span{ width:80px; float:left; padding: 10px 0px }
.bba_list tbody td span img{ width:80px; float:left; }
.bba_list tbody td i{display: inline-block; vertical-align: middle;}
.bba_list tbody td .re{ background-color:#eee;  padding: 15px 15px 15px 100px; box-sizing: border-box; border: 1px solid #ccc; margin: -1px; position: relative; z-index: 99; font-size: 13px; line-height: 20px; color: #666}
.bba_list tbody td .re .t_cont{ font-size: 13px; line-height: 20px; color: #666}
.bba_list tbody td .re .title_box{ float: left; width: 100%; margin-bottom: 10px}
.bba_list tbody td .re .title_box .title{ background-color:#333;  padding: 5px 10px; color: #fff; border-radius: 50px; float: left; display: block }
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
.bba_list_box{ width:100%; border-top:3px solid #333; float:left;margin-top: 10px ; }
.bba_list_m { width:100%; }
.bba_list { display: none }
.bba_list_m thead th{  color:#333; font-size:14px;  text-align:center; background-color:#eee;   font-weight:500 ;font-family: 'Noto Sans KR', sans-serif; line-height:16px; padding:15px 0px; border-bottom:1px solid #dfdfdf;}
.bba_list_m thead th:last-child{ color:#333; font-size:14px;  text-align:center; background-color:#eee;    border-right:none; font-weight:normal}
.bba_list_m tbody th{ border-bottom:1px solid #dfdfdf; padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000; background-color:#f7f7f7; }
.bba_list_m tbody th.color{ border-bottom:1px solid #dfdfdf; padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000;  background-color:#fafafa; }
.bba_list_m tbody td { padding:10px 3px 15px 3px !important ; line-height:20px; border-bottom:1px solid #dfdfdf; COLOR:#333; text-align:center; font-size:13px; line-height:16px }
.bba_list_m tbody td.t_left{ text-align:left}
.bba_list_m tbody td.left{ text-align:left}
.bba_list_m tbody td.right{ text-align:right; padding-right:10px}
.bba_list_m tbody td.color{background-color:#f7f7f7; color:#666; padding:20px; box-sizing: border-box}
.bba_list_m tbody td em{ color: #999; font-size: 11px}
.bba_list_m tbody td:last-child{ padding:0px 3px 0px 3px ; line-height:20px; border-bottom:1px solid #dfdfdf; COLOR:#333; border-right:none;font-size:11px; line-height:16px }
.bba_list_m tbody td .review{ width:100%; float:left; position:relative;  padding: 20px; box-sizing: border-box; background-color: #eee}
.bba_list_m tbody td .review .text{ width:80%; float:left; position:relative; font-size:13px; line-height: 18px }
.bba_list_m tbody td .review .btn{ position:absolute; right:10px; top:10px}
.bba_list_m tbody td .review .btn i{ font-size:20px; color:#666; margin-right:10px}
.bba_list_m tbody tr:hover{  color:#333; font-size:13px;  text-align:center; background-color:#f7f7f7;   font-weight:normal; line-height:16px; padding:10px 0px; border-bottom:1px solid #dfdfdf;}
.bba_list_m tbody td span{ width:80px; float:left; padding: 10px 0px }
.bba_list_m tbody td span img{ width:80px; float:left; }
.bba_list_m tbody td i{display: inline-block; vertical-align: middle;}
.bba_list_m  tbody td .re{ background-color:#eee;  padding: 15px 15px 15px 15px; box-sizing: border-box; border: 1px solid #ccc; margin: -1px; position: relative; z-index: 99; font-size: 12px; line-height: 18px; color: #666}
.bba_list_m tbody td .re .t_cont{ font-size: 13px; line-height: 20px; color: #666}
.bba_list_m tbody td .re .title_box{ float: left; width: 100%; margin-bottom: 10px}
.bba_list_m tbody td .re .title_box .title{ background-color:#333;  padding: 5px 10px; color: #fff; border-radius: 50px; float: left; display: block }
	
.bba_list_m tbody td .title{ width:100%; float:left; color: #000; font-size: 15px; margin-bottom: 5px}	
}













/**** pc 이미지중앙 ****/
@media only all and (min-width:769px) {
/* 퀵메뉴 */

.sky_right {
	right:0px;
	padding-top:300px;
	color:#565960;
	z-index:999999999999999999999999;
	position: fixed !important;
	width:150px;
	height:150px;
	text-align:center;
	background-color:#F7F7F7;
	padding:30px;
	box-sizing:border-box;
	background-image: url(../_img/main/quick_img.png);
	background-repeat: no-repeat;
	background-position: 45px 25px; top:50%
}
.sky_right p{ font-size:40px; font-family: 'Maven Pro', sans-serif;  color:#000}

.stitle_bbs{ width:100%; float:left; font-size:20px; font-weight:500; margin-bottom:10px; color:#000}

}
/**** 모바일 이미지중앙 ****/
@media only all and (max-width:768px) {
/* 퀵메뉴 */

.sky_right { display:none
}
.sky_right p{ font-size:40px; font-family: 'Maven Pro', sans-serif;  color:#000}

.stitle_bbs{ width:100%; float:left; font-size:20px; font-weight:500; margin-bottom:10px; color:#000}

}




.bbs_box{	width:100%;float:left; border-top:3px solid #a4958d; margin-bottom:10px}






/**** pc ****/
/* 글보기 */
@media only all and (min-width:769px) {
.bbs_view01_box	 { width:100%;  float: left}
.bbs_view01 { width:100%; margin-bottom:30px; border-top:3px solid #333;table-layout:fixed}
.bbs_view01>table { width:100% !important; border-spacing: 0px ; border-collapse: 0px;   }		
.bbs_view01 tbody th {	padding:15px 25px 15px 25px;font-size:16px; font-weight:400;font-family: 'Noto Sans KR', sans-serif; 	border-bottom:1px solid #bfbfbf; letter-spacing:-1px; text-align:left;	text-align:left;	color:#333;
background-repeat: no-repeat;	background-position: 15px center;	background-color: #f0f0f0;  }
.bbs_view01 tbody td { border-bottom:1px solid #bfbfbf; border-right:none;  border-left:none; padding:20px 10px; }
.bbs_view01 tbody td .noline{border:none; padding:0px; margin:0px}
.bbs_view01  tbody td p.img{float:left; width:100%; text-align:center; margin-bottom:20px}
.bbs_view01  tbody td p.text{float:left; width:100%; text-align:left; font-size:13px; margin-bottom:20px}
.bbs_view01 tbody td p.title{float:left;  text-align:left; margin:10px 0px; color:#fff; font-size:14px;  padding:0px 5px ; background-color: #333}
.bbs_view01 tbody td p.line{float:left; width:100%; margin-top:10px; margin-bottom:10px; border-bottom:1px solid #ccc; height:1px}
.bbs_view01 tbody td.cont_t{  min-height: 300px; vertical-align: top}    
.bbs_view01 tbody td span.font_st02{   margin-left: 20px; font-size: 13px; color: #999}    
.bbs_view01_m { display: none}
.bbs_view01 tbody td .incont{float:left; width:100%; }	
.bbs_view01 tbody td .incont table{float:left; width:200% !important ; border-collapse: 0px !important;  border: 1px;  border-top: 1px solid #333; border-spacing: 0px !important}
.bbs_view01 tbody td .incont table td{ border-bottom: 1px;}
.bbs_view01 tbody td .incont table th{ border-bottom: 1px; background-color: #eee; padding: 5px 0px !important}	
.bbs_view01_cont_m {  display: none }	
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
.bbs_view01_box	 { width:100%;  float: left; box-sizing: border-box}	
.bbs_view01 { display: none}
.bbs_view01_m { width:100% !important; float: left; margin-bottom:30px; border-top:3px solid #333;}
.bbs_view01_m>table { width:100% !important;}	
.bbs_view01_m tbody th {	padding:10px 3px;	font-size:12px;	border-bottom:1px solid #bfbfbf; letter-spacing:-1px; text-align:left;	text-align:left;	color:#333;
background-repeat: no-repeat;	background-position: 15px center;	background-color: #f0f0f0; }
.bbs_view01_m tbody td {  line-height:10px;border-bottom:1px solid #bfbfbf; border-right:none;  border-left:none; padding:5px 0px; line-height:20px; font-size:12px; font-weight: 300; box-sizing: border-box  }
.bbs_view01_m tbody td .noline{border:none; padding:0px; margin:0px}
.bbs_view01_m  tbody td p.img{float:left; width:100%; text-align:center; margin-bottom:20px}
.bbs_view01_m  tbody td p.text{float:left; width:100%; text-align:left; font-size:13px; margin-bottom:20px}
.bbs_view01_m tbody td p.title{float:left;  text-align:left; margin:10px 0px; color:#fff; font-size:12px;  padding:0px 5px ; background-color: #333}
.bbs_view01_m tbody td p.line{float:left; width:100%; margin-top:10px; margin-bottom:10px; border-bottom:1px solid #ccc; height:1px}
.bbs_view01_m tbody td .incont{float:left; width:100%; height: auto; overflow-y: hidden; overflow-x:scroll }
.bbs_view01_m tbody td .incont table{float:left; width:200% !important ; border-collapse: 0px;  border: 1px;  border-top: 1px solid #333; border-spacing: 0px}
.bbs_view01_m tbody td .incont table td{}
.bbs_view01_m tbody td .incont table th{  background-color: #eee; padding: 5px 0px !important}

.bbs_view01_cont_m { width:100% !important; float: left; font-size: 12px!important }
.bbs_view01_cont_m img{ width:100% !important; float: left; }
	.view_video{ position: relative;
   padding-bottom: 56.25%; /* 16:9 비율 */
   padding-top: 30px; /* IE 6 차선책 */
   height: 0;
   overflow: hidden;
}
	
	.view_video .inbox{  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
}





.btn_post { width:100%; float:left; margin-top:10px; height:50px}
.left_btn { float:left;width:50%;}
.right_btn { float:right;width:50%; ; text-align:right}
.btn_post  a{   padding:5px 13px; background-color:#f7f7f7; border:1px solid #ccc; font-size:14px; color:#000;  font-weight: 400; letter-spacing:-0.2px }
.btn_post a:hover{   background-color:#ccc; border:1px solid #666; color:#000; } 


.btn_post2 { width:100%; float:left; margin-top:10px; height:50px; text-align: center; overflow: hidden;}
.btn_post2  a{ display: inline-block; vertical-align: middle;  padding:5px 13px; background-color:#f7f7f7; border:1px solid #ccc; font-size:14px; color:#000;  font-weight: 300; letter-spacing:-0.2px }
.btn_post2 a:hover{   background-color:#ccc; border:1px solid #666; color:#000; } 
.btn_post2  a.ok{ display: inline-block; vertical-align: middle;  padding:5px 13px; background-color:#666; border:1px solid #333; font-size:14px; color:#fff;  font-weight: 300; letter-spacing:-0.2px }
.btn_post2 a.ok:hover{  background-color:#333; border:1px solid #000; color:#fff; } 



.bbs_gallery { width:100%; float:left; padding:30px 0px; border-top: 1px solid #ccc; border-bottom:1px solid #ccc;box-sizing:border-box}
.bbs_gallery ul li{ width:32%; float:left;  box-sizing:border-box;  margin:10px 1% 10px 0%}
.bbs_gallery ul li .img{ width:100%; float:left; margin-bottom:5px}
.bbs_gallery ul li .text{ width:100%; float:left; text-align:center; font-size:14px; letter-spacing:-0.5px}

.bbs_gallery2 { width:100%; float:left; border-top: 1px solid #ccc;box-sizing:border-box}
.bbs_gallery2 ul li{ width:100%; float:left;  box-sizing:border-box;   border-bottom:1px solid #ccc; padding:20px 0px}
.bbs_gallery2 ul li:hover{ background-color:#f7f7f7}
.bbs_gallery2 ul li .imgbox{ width:20% !important; float:left;}
.bbs_gallery2 ul li .textbox{ width:60%; float:left; padding-left:20px; box-sizing:border-box}
.bbs_gallery2 ul li .textbox .subject{ width:100%; float:left; font-size:18px; color:#000; letter-spacing:-0.5px; margin-bottom:10px}
.bbs_gallery2 ul li .textbox .date{ width:100%; float:left; font-size:14px; color:#666;; margin-bottom:5px ;letter-spacing:-0.5px;}
.bbs_gallery2 ul li .textbox .text{ width:100%; float:left; font-size:13px; color:#999;; margin-bottom:5px;letter-spacing:-0.5px; }
/* */





/* 입력서식 */
input, button, label, textarea, select {display:inline-block; vertical-align:middle; box-sizing:border-box;font-family:'Noto Sans KR',"NanumBarunGothic", nbg, dotum, sans-serif;color:#333; }
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], textarea {border:1px solid #dcdcdc;  line-height:19px; background:#fff; text-shadow:none;}

/**** pc ****/
@media only all and (min-width:769px) {
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], textarea {border:1px solid #dcdcdc;  line-height:16px; background:#fff; text-shadow:none;}
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], textarea {border:1px solid #dcdcdc; line-height:16px; background:#fff; text-shadow:none;}
}


input[type=text][disabled], input[type=password][disabled], input[type=number][disabled], input[type=tel][disabled], input[type=email][disabled], textarea[disabled] {background:#eee;}

/**** pc ****/
@media only all and (min-width:769px) {
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email] {height:40px; }
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email] {height:40px; }
}


input[type=text][readonly], input[type=password][readonly], input[type=number][readonly], input[type=tel][readonly], input[type=email][readonly] {border-color:#dcdcdc; color:#666; background:#fafafa;}
select {border:1px solid #dcdcdc; }
textarea {width:100%; min-height:200px; padding:10px 15px;}
select[style], input[style], input[size] {width:auto; min-width:0;}
button, input[type=submit] {border:0; padding:0; cursor:pointer; background:transparent;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input[type=file] {margin:auto; height:35px;}
input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder {color:#333;  opacity:1; font-family:'Noto Sans KR',"NanumBarunGothic", nbg, dotum, sans-serif;}
@media only all and (min-width:1024px) {
	input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder {color:#ccc;  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=file] {height:auto;}
}



select {font-family:'Noto Sans KR',"NanumBarunGothic", nbg, dotum, sans-serif;
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;background-color: #fff ;
  background: url( ../images/com/select_icon.png) no-repeat 98% 50%; height:40px;  ; font-size: 13px !important; color: #666; height:40px; line-height: 40px; padding-left: 10px; box-sizing: border-box; 
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
select {font-family:'Noto Sans KR',"NanumBarunGothic", nbg, dotum, sans-serif;
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background: url( ../_img/com/select_icon.png) no-repeat 98% 50%; height:40px;  ; font-size: 13px; background-color: #fff /* 화살표 모양의 이미지 */ 
}
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { 
  display: none;
}

input:focus,
textarea:focus, select:focus {
border-color: #ff7065; 
}



textarea::-webkit-input-placeholder{    color:    #999999; font-size: 18px}
textarea:-moz-placeholder {     color:    #999999; font-size: 18px}
textarea::-moz-placeholder{     color:    #999999; font-size: 18px}
textarea:-ms-input-placeholder {     color:    #999999;; font-size: 18px}

/**** 모바일 ****/
@media only all and (max-width:768px) {
textarea::-webkit-input-placeholder{     color:    #999999; font-size: 15px}
textarea:-moz-placeholder {     color:    #999999; font-size: 15px}
textarea::-moz-placeholder{     color:    #999999; font-size: 15px}
textarea:-ms-input-placeholder {     color:    #999999;; font-size: 15px}
}

input::-webkit-input-placeholder{     color:    #666; font-size: 18px}
input:-moz-placeholder {     color:    #666;  font-size: 18px}
input::-moz-placeholder{     color:    #666; font-size: 18px}
input:-ms-input-placeholder {     color:    #666;  font-size: 18px}

/**** 모바일 ****/
@media only all and (max-width:768px) {
input::-webkit-input-placeholder{     color:   #666; font-size: 15px}
input:-moz-placeholder {     color:   #666;  font-size: 15px}
input::-moz-placeholder{     color:    #666; font-size: 15px}
input:-ms-input-placeholder {     color:   #666;  font-size: 15px}
}








/**** pc ****/
@media only all and (min-width:769px) {
.accordion { border-top: 1px solid #ddd; width: 100%; float: left; margin-top: 50px}
.accordion li h3 a { border-bottom:          1px solid #ddd;
                    border-top:             1px solid #ddd;
                    color:                  #666;
	   display:                block;
               
                    margin:                 0;
                   padding:                20px 10px 20px 10px;font-size: 22px; position: relative; background: url(../_img/com/ar_d.png); background-position: right center; background-repeat: no-repeat; background-size: 18px; margin-top: -1px ;  float: left; width: 100%;  line-height: 22px;  box-sizing: border-box; font-weight: 400}
.accordion li h3 a em{ font-size: 16px; color: #999 }
.accordion li h3 a .tx1{font-size: 20px; width: 100%; float: left; font-weight: 500; line-height: 20px; }   
.accordion li h3 a .tx2{font-size: 16px; width: 100%; float: left; font-weight: 400; line-height: 16px; margin-bottom: 20px ; margin-top: 5px}   
.accordion li.active h3 a { border-bottom:          1px solid #ddd;
                    border-top:             1px solid #ddd;
                    color:                  #333;
                    display:                block;
                   font-weight: 400;
                    margin:                 0;
                    padding:                20px 10px 20px 10px;font-size: 22px; position: relative; background: url(../_img/com/ar_t.png); background-position: right center; background-repeat: no-repeat; background-size: 24px; margin-top: -1px ; box-sizing: border-box;float: left; width: 100%;  
                    }
.accordion li.active h3 a em{ font-size: 16px; color: #999 } 
.accordion .panel {
                    padding:        20px; background-color: #ededed; box-sizing: border-box; font-size: 18px;
             float: left; width: 100%   }
.pd1 {padding:  20px 10px 45px 10px;}
.pd2 {padding:  20px 10px 35px 10px;}	
}




/**** 모바일 ****/
@media only all and (max-width:768px) {
.accordion { border-top: 1px solid #ddd; width: 100%; float: left; margin-top: -10px}
.accordion li h3 a { border-bottom: 1px solid #ddd;  border-top:  1px solid #ddd;color: #333; display:  block; font-weight: 400;
                    margin:                 0; padding:                 10px 50px 10px 10px;font-size: 16px; position: relative; background: url(../_img/com/ar_d.png); background-position: 95% center; background-repeat: no-repeat; background-size: 16px; margin-top: -1px; box-sizing: border-box; line-height: 20px }
.accordion li h3 a em{ font-size: 13px; color: #999 } 
.accordion li.active h3 a {border-bottom: 1px solid #ddd;  border-top:  1px solid #ddd;color: #333; display:  block; font-weight: 400;
                    margin:                 0; padding:                 10px 50px 10px 10px;font-size: 16px; position: relative; background: url(../_img/com/ar_t.png); background-position: 95% center; background-repeat: no-repeat; background-size: 16px; margin-top: -1px; box-sizing: border-box ; line-height: 20px
                    }
.accordion li.active h3 a em{ font-size: 13px; color: #999 } 
 .accordion .panel {
                    padding:        15px; background-color: #ededed; box-sizing: border-box; font-size: 14px
                }
}




input::-webkit-input-placeholder{ 
    color:    #999; font-size: 14px
}
input:-moz-placeholder { 
    color:    #999; font-size: 14px
}
input::-moz-placeholder{ 
   color:    #999; font-size: 14px
}
input:-ms-input-placeholder { 
    color:    #999; font-size: 14px
}






/* 체크 */

/**** pc ****/
@media only all and (min-width:769px) {
input.st_w1:not(:checked) + label {	border-radius: 60px;
	-moz-border-radius:60px;
	-webkit-border-radius: 60px; width: 70px; height: 70px; text-align: center;  border: 1px solid #ccc; box-sizing: border-box; color: #333;line-height: 70px;  font-size: 20px}
input.st_w1:not(:checked):not([disabled]) + label:hover{	background-color: #ccc;	color: #333;}
input.st_w1:checked + label{	border-radius: 60px;
	-moz-border-radius:60px;
	-webkit-border-radius: 60px;	width: 70px; height: 70px; text-align: center; background-color: #ff7065;
	color: #ffffff; line-height: 70px;  font-size: 20px}
input.st_w1:checked:not([disabled]) + label:hover{	background-color: #ff7065;  font-size: 20px}

}
/**** 모바일 ****/
@media only all and (max-width:768px) {
input.st_w1:not(:checked) + label {	border-radius: 50px;
	-moz-border-radius:50px;
	-webkit-border-radius: 50px; width: 50px; height: 50px; text-align: center;  border: 1px solid #ccc; box-sizing: border-box; color: #333;line-height: 50px;  font-size: 16px}
input.st_w1:not(:checked):not([disabled]) + label:hover{	background-color: #ccc;	color: #333;}
input.st_w1:checked + label{	border-radius: 50px;
	-moz-border-radius:50px;
	-webkit-border-radius: 50px;	width: 50px; height: 50px; text-align: center; background-color: #ff7065;
	color: #ffffff; line-height: 50px;  font-size:  16px}
input.st_w1:checked:not([disabled]) + label:hover{	background-color: #ff7065;  font-size:  16px}

}

/* 체크 */



/**** pc ****/
@media only all and (min-width:769px) {
input.st_w2:not(:checked) + label { width:50px; float: left;  background-color: #fff;text-align: center;  border: 1px solid #ccc; box-sizing: border-box; color: #333; padding: 5px 5px ;  font-size: 12px; margin-left: -1px }
input.st_w2:not(:checked):not([disabled]) + label:hover{	}
input.st_w2:checked + label{	width:50px;  float: left;  background-color: #fff;text-align: center; color: #fff ; border: 1px solid #333 ;  padding: 5px 5px ;  font-size: 12px; background-color: #666; margin-left: -1px }
input.st_w2:checked:not([disabled]) + label:hover{	width:50px; background-color: #fff;  font-size: 12px}
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
input.st_w2:not(:checked) + label {  width:50px; float: left;   background-color: #fff;text-align: center;  border: 1px solid #ccc; box-sizing: border-box; color: #333;padding: 5px 5px ;  font-size: 12px }
input.st_w2:not(:checked):not([disabled]) + label:hover{	}
input.st_w2:checked + label{	width:50px;  float: left;  background-color: #fff;text-align: center; color: #ff7065 ; border: 1px solid #ff7065 ;  padding: 5px 5px ; font-size: 12px}
input.st_w2:checked:not([disabled]) + label:hover{	background-color: #fff;  font-size: 12px}
}


/**** pc ****/
@media only all and (min-width:769px) {
input.st_w3:not(:checked) + label {background: url(../_img/join/ch_off.png); width: 20px !important; height: 20px !important; background-size: 100%; float: left;  text-indent: -9999px; box-sizing: border-box; padding: 0px;  float: left; display: block; background-repeat: no-repeat}
input.st_w3:not(:checked):not([disabled]) + label:hover{; text-indent: -9999px}
input.st_w3:checked + label{background: url(../_img/join/ch_on.png); width: 20px !important; height: 20px !important; background-size: 100%; float: left;  text-indent: -9999px; box-sizing: border-box; padding: 0px;  float: left; display: block; background-repeat: no-repeat}
input.st_w3:checked:not([disabled]) + label:hover{	}
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
input.st_w3:not(:checked) + label {background: url(../_img/join/ch_off.png); width: 20px !important; height: 20px !important; background-size: 100%; float: left;  text-indent: -9999px; box-sizing: border-box; padding: 0px;  float: left; display: block; background-repeat: no-repeat}
input.st_w3:not(:checked):not([disabled]) + label:hover{; text-indent: -9999px}
input.st_w3:checked + label{background: url(../_img/join/ch_on.png); width: 20px !important; height: 20px !important; background-size: 100%; float: left;  text-indent: -9999px; box-sizing: border-box; padding: 0px;  float: left; display: block; background-repeat: no-repeat}
input.st_w3:checked:not([disabled]) + label:hover{	}

}

/*점수 공통*/

.star_icon{ float:left; width: 100px; margin-top: 7px; overflow: hidden}
.star_icon i{ float:left; font-size: 16px; color: #999; width: 16px !important }
.star_icon i.on{  color: #ff6600 }

	/**** pc ****/
@media only all and (min-width:769px) {
.bbs_bottom{ float:left; width:100%; margin:30px 0px}
.bbs_bottom_tx{ float:left; width:100%; text-align: right; margin-top: 20px; font-size: 14px}        
.bbs_more{ float:left; width:100%; position: relative; height: 50px; margin-top: 30px }    
.bbs_more .line{ float:left; width:100%; height: 20px; border-bottom: 1px solid #ccc}   
.bbs_more .more{ padding: 10px 20px; background-color: #333; color: #fff; font-size: 14px; ; position: absolute; left: 50%; margin-left: -40px; border-radius: 50px}        
}
/**** 모바일 ****/
@media only all and (max-width:768px) {

.bbs_bottom{ float:left; width:100%; margin:20px 0px 10px 0px}
.bbs_bottom_tx{ float:left; width:100%; text-align: right; margin-top: 10px; font-size: 12px}        
.bbs_more{ float:left; width:100%; position: relative; height: 50px; margin-top: 30px }    
.bbs_more .line{ float:left; width:100%; height: 20px; border-bottom: 1px solid #ccc}   
.bbs_more .more{ padding: 10px 20px; background-color: #333; color: #fff; font-size: 14px; ; position: absolute; left: 50%; margin-left: -40px; border-radius: 50px}  
.bbs_more .more input{ width: 40px; height: 40px; background-color: #333; color: #fff; font-size: 14px; ;  border-radius: 50px}       	
}

	/**** pc ****/
@media only all and (min-width:769px) {
.bbs_btn{ float:left; width:100%; margin:-60px 0px 0px 0px}
}/**** 모바일 ****/
@media only all and (max-width:768px) {
.bbs_btn{ float:left; width:100%; margin:0px 0px 30px 0px}
}

/**** pc ****/
@media only all and (min-width:769px) {
/* Paginate */
	.paginate{padding:0px 0 0px 0;width: 100%;  text-align: center; overflow: hidden; }
	.paginate .number{border:1px solid #ccc;display: inline-block; vertical-align: middle;}
	.paginate .number a{ font-weight: 300; font-size:13px;  color:#666; padding:7px 8px; border-left:1px solid #ccc; display: inline-block; vertical-align: middle; box-sizing:border-box;  text-align:end}
	.paginate .number a:hover{ background-color:#eee}

	.paginate .number a.on{ font-weight: 300; font-size:13px;  color:#fff;padding:7px 8px; border-left:1px solid #ccc; display: inline-block; vertical-align: middle; background-color:#333; margin:0px; text-align:end}

	.paginate .number a.pre_end{display: inline-block; vertical-align: middle; border-left:none; background-color:#eee}
	.paginate .number a.pre{display: inline-block; vertical-align: middle;  background-color:#eee}
.paginate .number a.next_end{display: inline-block; vertical-align: middle;  background-color:#eee}
.paginate .number a.next{display: inline-block; vertical-align: middle;  background-color:#eee}
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
/* Paginate */
	.paginate{padding:0px 0 0px 0;width: 100%;  text-align: center; overflow: hidden; }
	.paginate .number{border:1px solid #ccc;display: inline-block; vertical-align: middle;}
	.paginate .number a{ font-weight: 300; font-size:12px;  color:#666;  padding:10px; border-left:1px solid #ccc; display: inline-block; vertical-align: middle; box-sizing:border-box;  text-align:end}
	.paginate .number a:hover{ background-color:#eee}
	.paginate .number a.on{  font-weight: 300; font-size:12px;  color:#fff; padding:10px; border-left:1px solid #ccc; display: inline-block; vertical-align: middle; background-color:#333; margin:0px; text-align:end}
	.paginate .number a.pre_end{display: inline-block; vertical-align: middle; border-left:none; background-color:#eee}
	.paginate .number a.pre{display: inline-block; vertical-align: middle;  background-color:#eee}
.paginate .number a.next_end{display: inline-block; vertical-align: middle;  background-color:#eee}
.paginate .number a.next{display: inline-block; vertical-align: middle;  background-color:#eee}
}




/**** pc ****/
@media only all and (min-width:1301px) {
    
.tb_03 {
 width:100%;border-top:1px solid #dfdfdf;
}

/* 게시판 뷰 타입1 */
.tb_03_box{
 width:100%;
 border-top:3px solid #333; float:left
}

.tb_03 {
 width:100%;
}

.tb_03 thead th{ padding:15px 10px 15px 10px ; color:#333; font-size:15px;  text-align:center; background-color:#eee; box-sizing:border-box;
}


.tb_03 tbody th{
 border-bottom:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
 padding:15px 10px 15px 10px ; text-align:center; font-weight:normal; color:#000; background-color:#f7f7f7;  
}


.tb_03 tbody td {
 padding:15px 10px 15px 10px ;
 line-height:20px;
 border-bottom:1px solid #dfdfdf; COLOR:#333;  
}

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
    
.tb_03 {
 width:100%;border-top:1px solid #dfdfdf;
}

/* 게시판 뷰 타입1 */
.tb_03_box{
 width:100%;
 border-top:3px solid #333; float:left
}

.tb_03 {
 width:100%;
}

.tb_03 thead th{ padding:15px 10px 15px 10px ; color:#333; font-size:15px;  text-align:center; background-color:#eee; box-sizing:border-box;
}


.tb_03 tbody th{
 border-bottom:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
 padding:15px 10px 15px 10px ; text-align:center; font-weight:normal; color:#000; background-color:#f7f7f7;  
}


.tb_03 tbody td {
 padding:15px 10px 15px 10px ;
 line-height:20px;
 border-bottom:1px solid #dfdfdf; COLOR:#333;  
}

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
    
.tb_03 {
 width:100%;border-top:1px solid #dfdfdf;
}

/* 게시판 뷰 타입1 */
.tb_03_box{
 width:100%;
 border-top:3px solid #333; float:left
}

.tb_03 {
 width:100%;
}

.tb_03 thead th{ padding:5px ; color:#333; font-size:13px;  text-align:center; background-color:#eee; box-sizing:border-box;
}


.tb_03 tbody th{
 border-bottom:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
padding:5px ; text-align:center; font-weight:normal; font-size:13px;  color:#000; background-color:#f7f7f7;  
}


.tb_03 tbody td {
padding:5px ;
 line-height:20px;
 border-bottom:1px solid #dfdfdf; COLOR:#333;   font-size:13px; 
}

}





/**** pc ****/
@media only all and (min-width:1301px) {
	/* 게시판 뷰 타입1 */
.tb_07_box{ width:100%; border-top:3px solid #333; float:left}
.tb_07 { width:100%;}
.tb_07 thead th{  color:#333; font-size:13px;  text-align:center; background-color:#f7f7f7;   font-weight:normal; line-height:16px; padding:10px 0px; border-bottom:1px solid #dfdfdf;}
.tb_07 tbody th{ border-bottom:1px solid #dfdfdf; padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000; background-color:#f7f7f7;  }
.tb_07 tbody th.color{ border-bottom:1px solid #dfdfdf; padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000;  background-color:#fafafa; }
.tb_07 tbody td { padding:8px 10px 8px 10px ;  line-height:20px; border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf; COLOR:#333; text-align:center; font-size:13px; line-height:16px;  }
.tb_07 tbody td:last-child{ padding:8px 10px 8px 10px ; line-height:20px; border-bottom:1px solid #dfdfdf;border-right:none; COLOR:#333; text-align:center; font-size:13px; line-height:16px }
.tb_07 tbody td.t_left{ text-align:left}
.tb_07 tbody td.left{ text-align:left}
.tb_07 tbody td.right{ text-align:right; padding-right:10px}
.tb_07 tbody td.color{background-color:#f7f7f7; color:#666; padding:20px; box-sizing: border-box}
.tb_07 tbody td .tx0{ COLOR:#666; border-right:none;font-size:12px;  }
.tb_07 tbody td .tx1{ COLOR:#ff6600; border-right:none;font-size:12px; line-height:16px }
.tb_07 tbody td .tx2{ COLOR:#333; border-right:none;font-size:13px; line-height:16px ; margin-bottom: 5px}
.tb_07 tbody td .tx3{ COLOR:#666; border-right:none;font-size:11px; line-height:16px }
.tb_07 tbody td.r_line{ border-right: 1px solid #dfdfdf}
.tb_07 tbody tr.off{ background-color:#eee}
.tb_07 tbody td.totalbg{ background-color:#eee; text-align: right; color: #000; font-weight: 900; padding: 10px 20px !important; box-sizing: border-box}
.tb_07 tbody td.totalbg2{ background-color:#f3ebdf; text-align: right; color: #000; font-weight: 900; padding: 10px 20px !important; box-sizing: border-box}    
    
}



/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:769px) {
	/* 게시판 뷰 타입1 */
.tb_07_box{ width:100%; border-top:3px solid #333; float:left}
.tb_07 { width:100% !important; float:left; }
.tb_07 thead th{  color:#333; font-size:13px;  text-align:center; background-color:#f7f7f7;   font-weight:normal; line-height:16px; padding:10px 0px; border-bottom:1px solid #dfdfdf;}
.tb_07 tbody th{ border-bottom:1px solid #dfdfdf; padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000; background-color:#f7f7f7;  }
.tb_07 tbody th.color{ border-bottom:1px solid #dfdfdf; padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000;  background-color:#fafafa; }
.tb_07 tbody td { padding:8px 10px 8px 10px ;  border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf; COLOR:#333; text-align:center; font-size:13px; line-height:16px ; position: relative; box-sizing: border-box}
.tb_07 tbody td:last-child{ padding:8px 10px 8px 10px ;  border-bottom:1px solid #dfdfdf;border-right:none; COLOR:#333; text-align:center; font-size:13px; line-height:16px; box-sizing: border-box }
.tb_07 tbody td.t_left{ text-align:left}
.tb_07 tbody td.left{ text-align:left}
.tb_07 tbody td.right{ text-align:right; padding-right:10px}
.tb_07 tbody td.color{background-color:#f7f7f7; color:#666; padding:20px; box-sizing: border-box}
.tb_07 tbody td .tx1{ COLOR:#ff6600; border-right:none;font-size:12px; line-height:16px }
.tb_07 tbody td .tx2{ COLOR:#333; border-right:none;font-size:13px; line-height:16px ; margin-bottom: 5px}
.tb_07 tbody td .tx3{ COLOR:#666; border-right:none;font-size:11px; line-height:16px }
.tb_07 tbody td .total{  position: absolute; top:5px; right: 10px; line-height: 50px}
.tb_07 tbody td .total em{ font-size: 12px; color: #f00; margin-left: 10px ; float: left!important}
.tb_07 tbody td.r_line{ border-right: 1px solid #dfdfdf}
.tb_07 tbody tr.off{ background-color:#eee}
.tb_07 tbody td.totalbg{ background-color:#eee; text-align: left; color: #000; font-weight: 900; padding: 5px 10px !important; box-sizing: border-box; line-height:16px }
.tb_07 tbody td .total	a{  float: right; color: #fff; padding: 3px 5px !important ;  background-color:#333; line-height: 16px !important; font-size: 11px;  font-weight:200 ; margin-top: 3px; margin-left: 5px}
.tb_07 tbody td.totalbg{ background-color:#eee; text-align: right; color: #000; font-weight: 900; box-sizing: border-box}
.tb_07 tbody td.totalbg2{ background-color:#f3ebdf; text-align: right; color: #000; font-weight: 900;  box-sizing: border-box}   	
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
	/* 게시판 뷰 타입1 */
.tb_07_box{ width:100%; border-top:3px solid #333; float:left}
.tb_07 { width:100%; float:left}
.tb_07 thead th{  color:#333; font-size:13px;  text-align:center; background-color:#f7f7f7;   font-weight:normal; line-height:16px; padding:10px 0px; border-bottom:1px solid #dfdfdf;}
.tb_07 tbody th{ border-bottom:1px solid #dfdfdf; padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000; background-color:#f7f7f7;  }
.tb_07 tbody th.color{ border-bottom:1px solid #dfdfdf; padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000;  background-color:#fafafa; }
.tb_07 tbody td { padding:8px 10px 8px 10px ;  border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf; COLOR:#333; text-align:center; font-size:13px; line-height:16px ; position: relative; box-sizing: border-box }
.tb_07 tbody td:last-child{ padding:8px 10px 8px 10px ; border-bottom:1px solid #dfdfdf;border-right:none; COLOR:#333; text-align:center; font-size:13px; line-height:16px }
.tb_07 tbody td.t_left{ text-align:left}
.tb_07 tbody td.left{ text-align:left}
.tb_07 tbody td.right{ text-align:right; padding-right:10px}
.tb_07 tbody td.color{background-color:#f7f7f7; color:#666; padding:20px; box-sizing: border-box}
.tb_07 tbody td .tx1{ COLOR:#ff6600; border-right:none;font-size:12px; line-height:16px }
.tb_07 tbody td .tx2{ COLOR:#333; border-right:none;font-size:12px; line-height:16px ; margin-bottom: 5px}
.tb_07 tbody td .tx3{ COLOR:#666; border-right:none;font-size:11px; line-height:16px }
.tb_07 tbody td .tx4{ COLOR:#333; border-right:none;font-size:12px; line-height:16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500 }
	
.tb_07 tbody td .total .tx1{ ;font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 16px; margin-bottom: 5px}
.tb_07 tbody td .total{  position: absolute; top:5px; right: 10px; line-height:30px; text-align: right}
.tb_07 tbody td .total em{ font-size: 12px; color: #f00; margin-left: 10px ; float: right!important}
	
.tb_07 tbody tr.off{ background-color:#eee}
.tb_07 tbody td.totalbg{ background-color:#eee; text-align: left; color: #000; font-weight: 900; padding: 10px 10px !important; box-sizing: border-box}
.tb_07 tbody td .total	a{  float: right; color: #fff; padding: 3px 5px !important ;  background-color:#333; line-height: 16px !important; font-size: 11px;  font-weight:200 ; margin-top: 3px; margin-left: 5px}
.tb_07 tbody td.totalbg{ background-color:#eee; text-align: right; color: #000; font-weight: 900; box-sizing: border-box}
.tb_07 tbody td.totalbg2{ background-color:#f3ebdf; text-align: right; color: #000; font-weight: 900;  box-sizing: border-box}   	
}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
i.color_off{ color:#999; font-size:16px; }

i.color_on{color:#F30; font-size:16px; ; 
}



/**** pc ****/
@media only all and (min-width:1301px) {
	.bbs_searbox_r{ width: 250px; float: right}
	.bbs_searbox_r select{ width: 100px; float: left}
	.bbs_searbox_r input{ width: 100px; float: left}
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:769px) {
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
}






/**** pc ****/
@media only all and (min-width:1301px) {
.search_total{  float:left;  font-size: 16px; color: #666; padding: 10px 0px}
.search_total em{   font-size: 16px; color: #000}

/* 공통 검색 INPUT*/
.search_input{  float:right; position: relative; margin-bottom: 10px}
.search_input input{ width: 100%; float:left; background: #fff; border: 1px solid #ccc;; height: 40px; line-height: 40px; padding-left: 15px; box-sizing: border-box; font-size: 14px; color: #666}
.search_input .btn{ width: 40px; position: absolute; right: 0px; top: 0px; height: 40px; background-color: #333; text-align: center } 
.search_input .btn i{ color: #fff; font-size: 20px; line-height: 40px } 
.search_select{ width: 150px; float:left; position: relative; margin-left: -1px}
.search_select select{  width: 100%; float:left; background: #fff; border: 1px solid #ccc;; border-right: none; height: 40px; line-height: 40px; padding-left: 15px; box-sizing: border-box; font-size: 14px; color: #666;  background: url( ../images/com/select_icon.png) no-repeat 98% 50%;}

/* 공통 검색  가로사이즈*/
.search_input_w{  width: calc(100% - 149px) !important;}

.search_input_w2{  width: 100%  !important;}

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:769px) {
    

/* 공통 검색 INPUT*/
.search_input{  float:right; position: relative; margin-bottom: 10px}
.search_input input{ width: 100%; float:left; background: #fff; border: 1px solid #ccc;; height: 40px; line-height: 40px; padding-left: 15px; box-sizing: border-box; font-size: 14px; color: #666}
.search_input .btn{ width: 40px; position: absolute; right: 0px; top: 0px; height: 40px; background-color: #333; text-align: center } 
.search_input .btn i{ color: #fff; font-size: 20px; line-height: 40px } 
.search_select{ width: 150px; float:left; position: relative; margin-left: -1px}
.search_select select{  width: 100%; float:left; background: #fff; border: 1px solid #ccc;; border-right: none; height: 40px; line-height: 40px; padding-left: 15px; box-sizing: border-box; font-size: 14px; color: #666;  background: url( ../images/com/select_icon.png) no-repeat 98% 50%;}

/* 공통 검색  가로사이즈*/
.search_input_w{  width: calc(100% - 149px) !important;}
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
    

/* 공통 검색 INPUT*/
.search_input{  float:right; position: relative; margin-bottom: 10px}
.search_input input{ width: 100%; float:left; background: #fff; border: 1px solid #ccc;; height: 40px; line-height: 40px; padding-left: 15px; box-sizing: border-box; font-size: 14px; color: #666}
.search_input .btn{ width: 40px; position: absolute; right: 0px; top: 0px; height: 40px; background-color: #333; text-align: center } 
.search_input .btn i{ color: #fff; font-size: 20px; line-height: 40px } 
.search_select{ width: 100%; float:left; position: relative;}
.search_select select{  width: 100%; float:left; background: #fff; border: 1px solid #ccc;; height: 40px; line-height: 40px; padding-left: 15px; box-sizing: border-box; font-size: 14px; color: #666;  background: url( ../images/com/select_icon.png) no-repeat 98% 50%;}

/* 공통 검색  가로사이즈*/
.search_input_w{  width: 100% !important; margin-top: 5px}
}


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


.search_input2{  width: 500px; float:left; position: relative; margin-bottom: 10px}
.search_input2 input{ max-width:460px; float:left; background: #fff; border: 1px solid #ccc;; height: 40px; line-height: 40px; padding-left: 15px; box-sizing: border-box; font-size: 14px; color: #666}
.search_input2 .btn{ width: 40px; position: absolute; right: 0px; top: 0px; height: 40px; background-color: #333; text-align: center } 
.search_input2 .btn i{ color: #fff; font-size: 20px; line-height: 40px } 

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:769px) {
    

.search_input2{  width: 500px; float:left; position: relative; margin-bottom: 10px}
.search_input2 input{ max-width:460px; float:left; background: #fff; border: 1px solid #ccc;; height: 40px; line-height: 40px; padding-left: 15px; box-sizing: border-box; font-size: 14px; color: #666}
.search_input2 .btn{ width: 40px; position: absolute; right: 0px; top: 0px; height: 40px; background-color: #333; text-align: center } 
.search_input2 .btn i{ color: #fff; font-size: 20px; line-height: 40px } 

}
/**** 모바일 ****/
@media only all and (max-width:768px) {
    

/* 공통 검색 INPUT*/
.search_input2{ width: 100%;  float:left; position: relative; margin-bottom: 10px}
.search_input2 input{ width: 100%; float:left; background: #fff; border: 1px solid #ccc;; height: 40px; line-height: 40px; padding-left: 15px; box-sizing: border-box; font-size: 14px; color: #666}
.search_input2 .btn{ width: 40px; position: absolute; right: 0px; top: 0px; height: 40px; background-color: #333; text-align: center } 
.search_input2 .btn i{ color: #fff; font-size: 20px; line-height: 40px } 

}


/**** pc ****/
@media only all and (min-width:1000px) {
/* 게시판 뷰 타입1 */
.review_wr_box{ width:100%; border-top:1px solid #ccc; float:left}
.review_wr { width:100%;  border-collapse: collapse;}
.review_wr thead th{  border-bottom:1px solid #bfbfd4; color:#333; font-size:15px;  text-align:center; background-color:#f5f5f5;  border-right:1px solid #dfdfdf;  padding:10px 10px 10px 10px ;}
.review_wr thead th:last-child{  border-bottom:1px solid #bfbfd4; color:#333; font-size:14px;  text-align:center; background-color:#f5f5f5;   padding:10px 10px 10px 10px ; border-right:none; text-align:left;}
.review_wr tbody th{ background-color:#f3f3f3; border-bottom:1px solid #dfdfdf;border-rightm:1px solid #b2b2cc; padding:8px 5px 8px 15px ; border-right:1px solid #dfdfdf;  font-weight:normal;  text-align:left; font-size:15px; color:#000; width: 15%}
.review_wr tbody td {  padding:8px 10px 8px 10px ; line-height:20px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; COLOR:#333;   font-size:15px; }
.review_wr tbody th.leftline{   border-left:1px solid #dfdfdf; }    
.review_wr tbody td:first-child{  padding:8px 10px 8px 10px ; line-height:20px; border:1px solid #dfdfdf; border-left:none; COLOR:#333;  font-size:15px; }    
.review_wr tbody td input{height: 40px; background-color: #f7f7f7 !important; padding: 0px 10px; box-sizing: border-box}

}

/**** 모바일 ****/
@media only all and (max-width:999px) {
/* 게시판 뷰 타입1 */
.review_wr_box{ width:100%; border-top:3px solid #333; float:left}
.review_wr { width:100%;  border-collapse: collapse;}
.review_wr thead th{  border-bottom:1px solid #bfbfd4; color:#333; font-size:15px;  text-align:center; background-color:#f5f5f5;  border-right:1px solid #dfdfdf;  padding:10px 10px 10px 10px ;}
.review_wr thead th:last-child{  border-bottom:1px solid #bfbfd4; color:#333; font-size:14px;  text-align:center; background-color:#f5f5f5;   padding:10px 10px 10px 10px ; border-right:none; text-align:left;}
.review_wr tbody th{ background-color:#f3f3f3; border-bottom:1px solid #dfdfdf;border-rightm:1px solid #b2b2cc; padding:5px 2px 5px 5px ; border-right:1px solid #dfdfdf;  font-weight:normal;  text-align:left; font-size:15px; color:#000; width: 20%}
.review_wr tbody td {  padding:8px 10px 8px 10px ; line-height:20px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; COLOR:#333;   font-size:15px; }
.review_wr tbody th.leftline{   border-left:1px solid #dfdfdf; }        
.review_wr tbody td:first-child{  padding:8px 10px 8px 10px ; line-height:20px; border:1px solid #dfdfdf; border-left:none; COLOR:#333;  font-size:15px; }    
.review_wr tbody td input{height: 40px; background-color: #f7f7f7 !important; padding: 0px 10px; box-sizing: border-box}

}



/**** pc ****/
@media only all and (min-width:1301px) {
.bbs_img_list{ width: 100%; float:left}
.bbs_img_list ul{ width: 100%;float:left; border-top: 3px solid #000}
.bbs_img_list ul li{ width: 100%;float:left; border-bottom: 1px solid #ccc; padding: 1vw 0px; cursor:pointer;}
.bbs_img_list ul li .img_box{ width: 200px; float:left; }   
.bbs_img_list ul li .img_box img{ width: 200px;}   

.bbs_img_list ul li .tx_box{ width: calc(100% - 200px); float:left; padding-left: 1vw; box-sizing: border-box; position: relative }  
.bbs_img_list ul li .tx_box .tx1{ width: 100%; float:left; font-size: 22px; color: #000;  font-weight: 500; font-family: 'Noto Sans KR', sans-serif;  margin-bottom: 20px  }  
.bbs_img_list ul li .tx_box .tx2{ width: 100%; float:left; font-size: 16px; line-height: 20px;  color: #666;    } 
 .bbs_img_list ul li .tx_box .date{  font-size: 14px; color: #000;  position: absolute !important; right: 0px ; top: 10px;  }  
 	
	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:769px) {.bbs_img_list{ width: 100%; float:left}
.bbs_img_list ul{ width: 100%;float:left;border-top: 3px solid #000}
.bbs_img_list ul li{ width: 100%;float:left; border-bottom: 1px solid #ccc; padding: 1vw 0px; cursor:pointer;}
.bbs_img_list ul li .img_box{ width: 200px; float:left; }   
.bbs_img_list ul li .img_box img{ width: 200px;}   
    
.bbs_img_list ul li .tx_box{ width: calc(100% - 200px); float:left; padding-left: 1vw; box-sizing: border-box; position: relative }  
.bbs_img_list ul li .tx_box .tx1{ width: 100%; float:left; font-size: 20px; color: #333;  font-weight: 500; 
font-family: 'Noto Sans KR', sans-serif;  margin-bottom: 20px  }  
.bbs_img_list ul li .tx_box .tx2{ width: 100%; float:left; font-size: 16px; line-height: 20px;  color: #666;    } 
 .bbs_img_list ul li .tx_box .date{  font-size: 12px; color: #666;  position: absolute; right: 0px ; top: 10px;   }    
}
/**** 모바일 ****/
@media only all and (max-width:768px) {.bbs_img_list{ width: 100%; float:left}
.bbs_img_list ul{ width: 100%;float:left;border-top: 3px solid #000}
.bbs_img_list ul li{ width: 100%;float:left; border-bottom: 1px solid #ccc; padding: 3vw 0px; cursor:pointer; }
.bbs_img_list ul li .img_box{ width: 100%; float:left; }   
.bbs_img_list ul li .img_box img{ width: 100%;}   
    
.bbs_img_list ul li .tx_box{ width: 100%; float:left; padding-left: 1vw; box-sizing: border-box; position: relative }  
.bbs_img_list ul li .tx_box .tx1{ width: 100%; float:left; font-size: 16px; color: #333;  font-weight: 500; 
font-family: 'Noto Sans KR', sans-serif;  margin-bottom: 5px  }  
.bbs_img_list ul li .tx_box .tx2{ width: 100%; float:left; font-size: 14px; line-height: 20px;  color: #666;    } 
 .bbs_img_list ul li .tx_box .date{width: 100%; float:left; font-size: 12px; color: #666; margin: 0px 0px  10px 0px ;   }    
}
/**** pc ****/
@media only all and (min-width:1301px) {

    .arg_box2 { width:100%; float: left;  border: 1px solid #999; padding: 1vw 0px; box-sizing: border-box; margin-top: -1px; background-color: #f3f3f3; margin-bottom: 15px;}
.arg_box2 .title{ width:100%;  float: left; font-size: 18px; color: #000; font-family: 'Noto Sans KR', sans-serif; padding: 0px 1vw; box-sizing: border-box }

.arg_box2 .inbox{ width:100%;  float: left; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; box-sizing: border-box; background-color: #fff ; overflow-x: 200px;; padding: 20px; margin-top: 1vw }
.arg_box2 .inbox .tx1{ width:100%;  float: left;font-size: 18px; color: #000; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; margin-bottom: 15px }
.arg_box2 .inbox .tx2{ width:100%;  float: left;font-size: 14px; color: #666; margin-bottom: 20px }
.arg_box2 .inbox .tx-p { width:100%;  float: left;font-size: 14px; color: #666; margin-bottom: 20px ; line-height: 30px }
.arg_box2 .inbox .tx-p span { font-size: 15px; font-weight: bold; margin-bottom: 5px; display: inline-block; ; line-height: 25px }
.arg_box2 .inbox .tx-p p { line-height: 20px ; line-height: 25px } 

.arg_box2 .inbox p.txt-int { font-size: 14px; margin-top: 12px; font-weight: bold;line-height: 25px }
 .arg_box2 .ar_select {float: left; font-size: 16px; color: #000;  padding: 15px 1vw 0px; box-sizing: border-box }
  .arg_box2 .ar_select > div { float: left; }
 .arg_box2 .ar_select .ins { float: left; margin-left: 10px;}
  .arg_box2 .ar_select .ins input[type=radio] { margin: 0; }

    
}



/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:769px) {
.arg_box2 { width:100%; float: left;  border: 1px solid #999; padding: 1vw 0px; box-sizing: border-box; margin-top: -1px; background-color: #f3f3f3; margin-bottom: 15px;}
.arg_box2 .title{ width:100%;  float: left; font-size: 18px; color: #000; font-family: 'Noto Sans KR', sans-serif; padding: 0px 1vw; box-sizing: border-box }

.arg_box2 .inbox{ width:100%;  float: left; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; box-sizing: border-box; background-color: #fff ; overflow-x: 200px;; padding: 20px; margin-top: 1vw }
.arg_box2 .inbox .tx1{ width:100%;  float: left;font-size: 18px; color: #000; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; margin-bottom: 15px }
.arg_box2 .inbox .tx2{ width:100%;  float: left;font-size: 14px; color: #666; margin-bottom: 20px }
.arg_box2 .inbox .tx-p { width:100%;  float: left;font-size: 14px; color: #666; margin-bottom: 20px ; line-height: 30px }
.arg_box2 .inbox .tx-p span { font-size: 15px; font-weight: bold; margin-bottom: 5px; display: inline-block; ; line-height: 25px }
.arg_box2 .inbox .tx-p p { line-height: 20px ; line-height: 25px } 

.arg_box2 .inbox p.txt-int { font-size: 14px; margin-top: 12px; font-weight: bold;line-height: 25px }
 .arg_box2 .ar_select {float: left; font-size: 16px; color: #000;  padding: 15px 1vw 0px; box-sizing: border-box }
  .arg_box2 .ar_select > div { float: left; }
 .arg_box2 .ar_select .ins { float: left; margin-left: 10px;}
  .arg_box2 .ar_select .ins input[type=radio] { margin: 0; }

}
/**** 모바일 ****/
@media only all and (max-width:768px) {
.arg_box2 { width:100%; float: left;  border: 1px solid #999; padding: 1vw 0px; box-sizing: border-box; margin-top: -1px; background-color: #f3f3f3; margin-bottom: 15px;}
.arg_box2 .title{ width:100%;  float: left; font-size: 14px; color: #000; font-family: 'Noto Sans KR', sans-serif; padding: 0px 1vw; box-sizing: border-box }

.arg_box2 .inbox{ width:100%;  float: left; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; box-sizing: border-box; background-color: #fff ; overflow-x: 200px;; padding: 10px; margin-top: 1vw }
.arg_box2 .inbox .tx1{ width:100%;  float: left;font-size: 15px; color: #000; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; margin-bottom: 15px }
.arg_box2 .inbox .tx2{ width:100%;  float: left;font-size: 12px; color: #666; margin-bottom: 5px }
.arg_box2 .inbox .tx-p { width:100%;  float: left;font-size: 14px; color: #666; margin-bottom: 20px ; line-height: 20px }
.arg_box2 .inbox .tx-p span { font-size: 15px; font-weight: bold; margin-bottom: 5px; display: inline-block; ; line-height: 20px }
.arg_box2 .inbox .tx-p p { line-height: 20px ; line-height: 20px } 

.arg_box2 .inbox p.txt-int { font-size: 14px; margin-top: 12px; font-weight: bold;line-height: 20px }
 .arg_box2 .ar_select {float: left; font-size: 16px; color: #000;  padding: 15px 1vw 0px; box-sizing: border-box }
  .arg_box2 .ar_select > div { float: left; }
 .arg_box2 .ar_select .ins { float: left; margin-left: 10px;}
  .arg_box2 .ar_select .ins input[type=radio] { margin: 0; }

}

/* 1:1문의 레이아웃 변경및 스타일 2018-09-27 */
/* PC */
.que-tb { width:  100%; border-collapse: collapse; }
.que-tb tr th,
.que-tb tr td { border-bottom: 1px solid #ccc; padding: 15px 15px 15px 15px;  box-sizing: border-box}
.que-tb tr th { border-right: 1px solid #ccc; text-align: left; }
.que-tb tr th i { margin-right: 15px; }
.que-tb tr td strong { display: inline-block; display: none; box-sizing: border-box }
.que-tb tr td input[type=radio] { margin: 0 5px 0 0; }
.que-tb tr td label { margin-right: 15px; }

.que-tb tr td .w-1 { width: 250px; }
.que-tb tr td .w-2 { width: 200px; }
.que-tb tr td .w-3 { width: 150px; }
.que-tb tr td .w-n { width: 100px; }
.que-tb tr td .w-f { width: 100%; }

/* 파일선택 스타일 */
.filebox input[type=file] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;; background-color: #f7f7f7 !important }
.filebox label { display: inline-block; padding: .2em 0; margin-left: 15px; border-bottom: 1px solid #222; color: #222; font-size: inherit; line-height: normal; vertical-align: middle; }
.filebox .upload-name { display: inline-block;  width: 250px; padding: .5em .2em;; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2;-webkit-appearance: none; -moz-appearance: none; appearance: none; }

.que-tb .mobile-view span.txt { display: inline-block; margin-left: 15px; color: #ff0004; font-size: 14px; }
.que-tb .mobile-view input { }

	


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

}
@media only all and (max-width:768px) {
.mobile-none { display: none; }
.que-tb .mobile-view strong { display: block; margin-bottom: 15px; }
.que-tb { width:  100%; border-collapse: collapse; }	
.que-tb tr td { border-bottom: 1px solid #ccc; padding: 15px 0px 15px 0px;  box-sizing: border-box}	
.que-tb tr td .w-1 { width:100%; }
.que-tb tr td .w-2 {width:100%; }
.que-tb tr td .w-3 { width:100%; }
.que-tb .mobile-view {float: left; width: 100%}	
.que-tb .mobile-view span.txt { display: inline-block; margin-left: 0px; color: #ff0004; font-size: 14px; margin-top: 5px }
.que-tb .mobile-view input {  width: 90%; }

	
}
.mobile-none{  line-height: 20px }

.mobile-none i{ line-height: 20px ; float: left; margin-right: 2px; color: #666}



/*---------------------- ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
.q_view{ width: 100%; float: left; display:flex;  }
.q_view .info_box{max-width: 300px; margin: 50px auto; }	
.q_view .info_box .info_icon{ width: 100%; float: left; text-align: center; position: relative }	
.q_view .info_box .info_icon i{  font-size: 70px;color: #000; }	
	
.q_view .info_box .info_tx{ width: 100%; float: left; position: relative ;  box-sizing: border-box; margin-bottom: 20px; font-size: 14px; text-align: center}	
.q_view .info_box .info_tx i{  font-size: 50px; position: absolute; top: 0px ; left: 0px; color: #000 }	
.q_view .info_box .input_box{ width: 100%; float: left; }	
.q_view .info_box .input_box .inin_box{  width: 100%; float: left; padding: 0px 0px 0px 120px; position: relative; border: 1px solid #ccc; margin-bottom: 10px; border-radius: 50px }	
.q_view .info_box .input_box .inin_box input{  border:none; padding: 5px 0px !important; width: 100%; height: 50px;  border-radius: 50px }	
	
.q_view .info_box .input_box .inin_box i{  position: absolute; left: 15px; top: 11px; color: #ccc; font-size: 30px}		
.q_view .info_box .input_box .inin_box .tx{  position: absolute; left: 55px; top: 12px; color: #666; font-size: 15px}		

.q_view .info_box input.btn{ width: 100%; float: left; padding: 0px 0px 0px 0px; position: relative;  margin-bottom: 10px; border-radius: 50px ; background-color: #F12024; color: #fff;  text-align: center ; padding: 15px; border: none}		
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.q_view{ width: 100%; float: left; display:flex;  }
.q_view .info_box{max-width: 300px; margin: 50px auto; }	
.q_view .info_box .info_icon{ width: 100%; float: left; text-align: center; position: relative }	
.q_view .info_box .info_icon i{  font-size: 70px;color: #000; }	
	
.q_view .info_box .info_tx{ width: 100%; float: left; position: relative ;  box-sizing: border-box; margin-bottom: 20px; font-size: 14px; text-align: center}	
.q_view .info_box .info_tx i{  font-size: 50px; position: absolute; top: 0px ; left: 0px; color: #000 }	
.q_view .info_box .input_box{ width: 100%; float: left; }	
.q_view .info_box .input_box .inin_box{  width: 100%; float: left; padding: 0px 0px 0px 120px; position: relative; border: 1px solid #ccc; margin-bottom: 10px; border-radius: 50px }	
.q_view .info_box .input_box .inin_box input{  border:none; padding: 5px 0px !important; width: 100%; height: 50px;  border-radius: 50px }	
	
.q_view .info_box .input_box .inin_box i{  position: absolute; left: 15px; top: 11px; color: #ccc; font-size: 30px}		
.q_view .info_box .input_box .inin_box .tx{  position: absolute; left: 55px; top: 12px; color: #666; font-size: 15px}		

.q_view .info_box input.btn{ width: 100%; float: left; padding: 0px 0px 0px 0px; position: relative;  margin-bottom: 10px; border-radius: 50px ; background-color: #F12024; color: #fff;  text-align: center ; padding: 15px; border: none}		
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.q_view{ width: 100%; float: left; display:flex;  }
.q_view .info_box{max-width: 300px; margin: 50px auto; }	
.q_view .info_box .info_icon{ width: 100%; float: left; text-align: center; position: relative }	
.q_view .info_box .info_icon i{  font-size: 70px;color: #000; }	
	
.q_view .info_box .info_tx{ width: 100%; float: left; position: relative ;  box-sizing: border-box; margin-bottom: 20px; font-size: 14px; text-align: center}	
.q_view .info_box .info_tx i{  font-size: 50px; position: absolute; top: 0px ; left: 0px; color: #000 }	
.q_view .info_box .input_box{ width: 100%; float: left; }	
.q_view .info_box .input_box .inin_box{  width: 100%; float: left; padding: 0px 0px 0px 120px; position: relative; border: 1px solid #ccc; margin-bottom: 10px; border-radius: 50px }	
.q_view .info_box .input_box .inin_box input{  border:none; padding: 5px 0px !important; width: 100%; height: 50px;  border-radius: 50px }	
	
.q_view .info_box .input_box .inin_box i{  position: absolute; left: 15px; top: 11px; color: #ccc; font-size: 30px}		
.q_view .info_box .input_box .inin_box .tx{  position: absolute; left: 55px; top: 12px; color: #666; font-size: 15px}		

.q_view .info_box input.btn{ width: 100%; float: left; padding: 0px 0px 0px 0px; position: relative;  margin-bottom: 10px; border-radius: 50px ; background-color: #F12024; color: #fff;  text-align: center ; padding: 15px; border: none}		
}
/* Paginate */
	ul.paginate{padding:2px 0 30px 0; text-align:center; clear:both;  width: 100%; display:flex; justify-content: center; flex-wrap: wrap;  }
 
	ul.paginate  li{ float: left;padding:0px 7px; border-left:1px solid #ccc;  }
	ul.paginate li a{font-weight: 300; font-size:15px;  color:#666; display: block}
ul.paginate li a i{ font-size:10px;  padding-left: 5px}

	ul.paginate  li  a.on{ ont-weight: 400; font-size:14px;  color:#000; padding:0px 7px; border-left:1px solid #ccc}
	ul.paginate  li.pre_end {  border-left:none}

	.paginate{padding:30px 0 30px 0; text-align:center; clear:both;  width: 100%; display:flex; justify-content: center; flex-wrap: wrap;  }
    .paginate  table{  }
	.paginate  td{ float: left;padding:0px 7px; border-left:1px solid #ccc;  }
	.paginate td a{font-weight: 300; font-size:15px;  color:#666; display: block}
    .paginate td a i{ font-size:10px;  padding-left: 5px}

	.paginate  td  a.on{ ont-weight: 400; font-size:14px;  color:#000; padding:0px 7px; border-left:1px solid #ccc}
	.paginate  td.pre_end {  border-left:none}

/*---------------------- ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
	.search_in{ width: 350px; float: right}
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.search_in{ width: 350px; float: right}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.search_in{ width: 100%; float: right}
}