@charset "utf-8";
/**
 * @File Name : sub.css
 * @Description : Layout[sub]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.08.29 |  | 최초 등록
 * 2018.09.07 |  | 요구반영. 결함개선. 고도화.
 * 2018.11.08 |  | #bn1 본문유틸 위치 디자인 그대로 변경
 * 2018.11.#bn1 본문유틸 디자인 수정
 * 2018.11.#cnb1 새창열림 아이콘 추가
 * 2018.12.#satisfy1 페이지 만족도 스타일 수정
 * 2018.12.#cnb2 pc버전 스타일 수정
 * 2018.12..cnb1 li.on>a, .cnb2 li.on>a 폰트굵기 수정
 * 2018.12.#body_foot 여백수정
 * 2018.12.27 |  | #body_foot 여백수정
 * 2019.01.04 |  | #body>.container 높이값 수정
 * 2019.01.11 |  | #body_title 추가 VR보기 버튼

/* ◇◆ Layout[sub] ◇◆◇◆◇◆◇◆◇◆ */

/*개별 추가 2020.03.26*/
li { list-style:none; }
.trans_mov { -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }

/*서브비주얼 2020.03.20*/
#sub_visual {width:100%; height:316px; background:rgba(0,0,0,0.5); overflow:hidden; }
#sub_visual h2 { margin:0; color:#fff; text-align:center;  margin-top:125px; font-size:36px; }


/* 2. 서브비주얼과 LNB */
/* 서브페이지 비주얼 */

/*commen.css에 있던거*/
/* .subbody .parallax-mirror:before {content:'';  display:block;  width:100%;  height:100%;  position:absolute;  top:0;  left:0;  z-index:10;  background:rgba(0,0,0,0.4);} */
.sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  } /*background:rgba(0,0,0,0.4); 2020.0616*/
.subbody .parallax-slider {z-index:0;}
.subbody .sv-title1 {width:100%;  max-width:540px;    position:relative;  left:50%; top:200px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;  /*line-height:50px;*/}
.subbody .sv-title1 img { height:138px; } /*height:48px;*/
.subbody .sv-title1 span.sv-text {display:block;  width:100%;  font-size:30px; text-shadow: 0 0 5px rgba(0,0,0,0.6); color:white;  padding-top:10px;  font-weight:600;  letter-spacing:0;  line-height:30px;} /*폰트사이즈,굵기수정2020.0616*/
.sv {width:100%;  min-height:400px;  background:transparent;  position:relative; }
.sv h2.sv-text {font-size:0;  line-height:48px;  position:absolute;    left:50%;  transform:translate(-50%, 0);}
@media only screen and (max-width:1023px) {
  /* .sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background:rgba(0,0,0,0.4);} */
}
@media only screen and (max-width:767px) {
  .sv {min-height:300px;  background-size:auto 300px !important;  /*background-attachment:fixed;*/  background-position:center top !important;  position:relative;}
  .subbody .sv-title1 {width:100%;  max-width:540px;    position:relative;  left:50%; top:150px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;}
  .subbody .sv-title1 img { height:100px; } /*height:30px;*/
  .subbody .sv-title1 span.sv-text {font-size:24px;  line-height:20px;}
}

.sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  } /*background:rgba(0,0,0,0.4); 2020.0616*/
.subbody .parallax-slider {z-index:0;}
.subbody .sv-title2 {width:100%;  max-width:540px;    position:relative;  left:50%; top:200px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;  /*line-height:50px;*/}
.subbody .sv-title2 img { height:48px; } /*height:48px;*/
.subbody .sv-title2 span.sv-text {display:block;  width:100%;  font-size:22px; text-shadow: 0 0 5px rgba(0,0,0,0.6); color:white;  padding-top:10px;  font-weight:300;  letter-spacing:0;  line-height:30px;}
.sv {width:100%;  min-height:400px;  background:transparent;  position:relative; }
.sv h2.sv-text {font-size:0;  line-height:48px;  position:absolute;    left:50%;  transform:translate(-50%, 0);}
@media only screen and (max-width:1023px) {
  /* .sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background:rgba(0,0,0,0.4);} */
}
@media only screen and (max-width:767px) {
  .sv {min-height:300px;  background-size:auto 300px !important;  /*background-attachment:fixed;*/  background-position:center top !important;  position:relative;}
  .subbody .sv-title2 {width:100%;  max-width:540px;    position:relative;  left:50%; top:150px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;}
  .subbody .sv-title2 img { height:48px; } /*height:30px;*/
  .subbody .sv-title2 span.sv-text {font-size:20px;  line-height:20px;}
}

.sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  } /*background:rgba(0,0,0,0.4); 2020.0616*/
.subbody .parallax-slider {z-index:0;}
.subbody .sv-title3 {width:100%;  max-width:540px;    position:relative;  left:50%; top:200px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;  /*line-height:50px;*/}
.subbody .sv-title3 img { height:48px; } /*height:48px;*/
.subbody .sv-title3 span.sv-text {display:block;  width:100%;  font-size:22px; text-shadow: 0 0 5px rgba(0,0,0,0.6); color:white;  padding-top:10px;  font-weight:300;  letter-spacing:0;  line-height:30px;}
.sv {width:100%;  min-height:400px;  background:transparent;  position:relative; }
.sv h2.sv-text {font-size:0;  line-height:48px;  position:absolute;    left:50%;  transform:translate(-50%, 0);}
@media only screen and (max-width:1023px) {
  /* .sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background:rgba(0,0,0,0.4);} */
}
@media only screen and (max-width:767px) {
  .sv {min-height:300px;  background-size:auto 300px !important;  /*background-attachment:fixed;*/  background-position:center top !important;  position:relative;}
  .subbody .sv-title3 {width:100%;  max-width:540px;    position:relative;  left:50%; top:150px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;}
  .subbody .sv-title3 img { height:48px; } /*height:30px;*/
  .subbody .sv-title3 span.sv-text {font-size:20px;  line-height:20px;}
}

.sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  } /*background:rgba(0,0,0,0.4); 2020.0616*/
.subbody .parallax-slider {z-index:0;}
.subbody .sv-title4 {width:100%;  max-width:540px;    position:relative;  left:50%; top:200px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;  /*line-height:50px;*/}
.subbody .sv-title4 img { height:48px; } /*height:48px;*/
.subbody .sv-title4 span.sv-text {display:block;  width:100%;  font-size:22px; text-shadow: 0 0 5px rgba(0,0,0,0.6); color:white;  padding-top:10px;  font-weight:300;  letter-spacing:0;  line-height:30px;}
.sv {width:100%;  min-height:400px;  background:transparent;  position:relative; }
.sv h2.sv-text {font-size:0;  line-height:48px;  position:absolute;    left:50%;  transform:translate(-50%, 0);}
@media only screen and (max-width:1023px) {
  /* .sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background:rgba(0,0,0,0.4);} */
}
@media only screen and (max-width:767px) {
  .sv {min-height:300px;  background-size:auto 300px !important;  /*background-attachment:fixed;*/  background-position:center top !important;  position:relative;}
  .subbody .sv-title4 {width:100%;  max-width:540px;    position:relative;  left:50%; top:150px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;}
  .subbody .sv-title4 img { height:48px; } /*height:30px;*/
  .subbody .sv-title4 span.sv-text {font-size:20px;  line-height:20px;}
}

/*서브비주얼 5 페이지 별 스타일5 시작*/
.sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  } /*background:rgba(0,0,0,0.4); 2020.0616*/
.subbody .parallax-slider {z-index:0;}
.subbody .sv-title5 {width:100%;  max-width:540px;    position:relative;  left:50%; top:200px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;  /*line-height:50px;*/}
.subbody .sv-title5 img { height:48px; } /*height:48px;*/
.subbody .sv-title5 span.sv-text {display:block;  width:100%;  font-size:22px; text-shadow: 0 0 5px rgba(0,0,0,0.6); color:white;  padding-top:10px;  font-weight:300;  letter-spacing:0;  line-height:30px;}
.sv {width:100%;  min-height:400px;  background:transparent;  position:relative; }
.sv h2.sv-text {font-size:0;  line-height:48px;  position:absolute;    left:50%;  transform:translate(-50%, 0);}
@media only screen and (max-width:1023px) {
  /* .sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background:rgba(0,0,0,0.4);} */
}
@media only screen and (max-width:767px) {
  .sv {min-height:300px;  background-size:auto 300px !important;  /*background-attachment:fixed;*/  background-position:center top !important;  position:relative;}
  .subbody .sv-title5 {width:100%;  max-width:540px;    position:relative;  left:50%; top:150px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;}
  .subbody .sv-title5 img { height:48px; } /*height:30px;*/
  .subbody .sv-title5 span.sv-text {font-size:20px;  line-height:20px;}
}
/*서브비주얼 페이지 별 스타일5 종료*/

/*서브비주얼 5 페이지 별 스타일6 시작*/
.sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  } /*background:rgba(0,0,0,0.4); 2020.0616*/
.subbody .parallax-slider {z-index:0;}
.subbody .sv-title6 {width:100%;  max-width:540px;    position:relative;  left:50%; top:200px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;  /*line-height:50px;*/}
.subbody .sv-title6 img { height:48px; } /*height:48px;*/
.subbody .sv-title6 span.sv-text {display:block;  width:100%;  font-size:22px; text-shadow: 0 0 5px rgba(0,0,0,0.6); color:white;  padding-top:10px;  font-weight:300;  letter-spacing:0;  line-height:30px;}
.sv {width:100%;  min-height:400px;  background:transparent;  position:relative; }
.sv h2.sv-text {font-size:0;  line-height:48px;  position:absolute;    left:50%;  transform:translate(-50%, 0);}
@media only screen and (max-width:1023px) {
  /* .sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background:rgba(0,0,0,0.4);} */
}
@media only screen and (max-width:767px) {
  .sv {min-height:300px;  background-size:auto 300px !important;  /*background-attachment:fixed;*/  background-position:center top !important;  position:relative;}
  .subbody .sv-title6 {width:100%;  max-width:540px;    position:relative;  left:50%; top:150px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;}
  .subbody .sv-title6 img { height:48px; } /*height:30px;*/
  .subbody .sv-title6 span.sv-text {font-size:20px;  line-height:20px;}
}
/*서브비주얼 페이지 별 스타일6 종료*/

/*서브비주얼 5 페이지 별 스타일7 시작*/
.sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  } /*background:rgba(0,0,0,0.4); 2020.0616*/
.subbody .parallax-slider {z-index:0;}
.subbody .sv-title7 {width:100%;  max-width:540px;    position:relative;  left:50%; top:200px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;  /*line-height:50px;*/}
.subbody .sv-title7 img { height:142px; } /*height:48px;*/
.subbody .sv-title7 span.sv-text {display:block;  width:100%;  font-size:22px; text-shadow: 0 0 5px rgba(0,0,0,0.6); color:white;  padding-top:10px;  font-weight:300;  letter-spacing:0;  line-height:30px;}
.sv {width:100%;  min-height:400px;  background:transparent;  position:relative; }
.sv h2.sv-text {font-size:0;  line-height:48px;  position:absolute;    left:50%;  transform:translate(-50%, 0);}
@media only screen and (max-width:1023px) {
  /* .sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background:rgba(0,0,0,0.4);} */
}
@media only screen and (max-width:767px) {
  .sv {min-height:300px;  background-size:auto 300px !important;  /*background-attachment:fixed;*/  background-position:center top !important;  position:relative;}
  .subbody .sv-title7 {width:100%;  max-width:540px;    position:relative;  left:50%; top:150px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;}
  .subbody .sv-title7 img { height:15vw; } /*height:30px;*/
  .subbody .sv-title7 span.sv-text {font-size:20px;  line-height:20px;}
}

@media only screen and (max-width:580px) {
	.subbody .sv-title7 img { height:74px; }
}
/*서브비주얼 페이지 별 스타일7 종료*/

/*서브비주얼 5 페이지 별 스타일8 시작*/
.sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  } /*background:rgba(0,0,0,0.4); 2020.0616*/
.subbody .parallax-slider {z-index:0;}
.subbody .sv-title8 {width:100%;  max-width:540px;    position:relative;  left:50%; top:200px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;  /*line-height:50px;*/}
.subbody .sv-title8 img { height:48px; } /*height:48px;*/
.subbody .sv-title8 span.sv-text {display:block;  width:100%;  font-size:22px; text-shadow: 0 0 5px rgba(0,0,0,0.6); color:white;  padding-top:10px;  font-weight:300;  letter-spacing:0;  line-height:30px;}
.sv {width:100%;  min-height:400px;  background:transparent;  position:relative; }
.sv h2.sv-text {font-size:0;  line-height:48px;  position:absolute;    left:50%;  transform:translate(-50%, 0);}
@media only screen and (max-width:1023px) {
  /* .sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background:rgba(0,0,0,0.4);} */
}
@media only screen and (max-width:767px) {
  .sv {min-height:300px;  background-size:auto 300px !important;  /*background-attachment:fixed;*/  background-position:center top !important;  position:relative;}
  .subbody .sv-title8 {width:100%;  max-width:540px;    position:relative;  left:50%; top:150px; z-index:0;  transform:translate(-50%,-50%);  font-size:0;  text-align:center;}
  .subbody .sv-title8 img { height:48px; } /*height:30px;*/
  .subbody .sv-title8 span.sv-text {font-size:20px;  line-height:20px;}
}
/*서브비주얼 페이지 별 스타일8 종료*/




/*sub.css에 있던거*/
/*.subbody {opacity:0;} 사라짐, 부드럽게 등장하게 하는 소스와 연동하는듯*/




/*년도 선택 UI 추가 2020.03.20*/
#history_menu { width:100%; margin-top:49px; clear:both; } /*height:94px; *//*background:rgba(0,0,0,0.03);*/
#history_menu .wrap { width:1200px; margin:0 auto; } /*background:#ccc; height:94px; */
/*슬라이더 메뉴*/
#history_menu .history_ui { height:45px; background:#fff; }

#history_menu .tab_btn { height:48px; margin-top:1px; overflow:hidden; }
#history_menu .tab_btn ul { width:100%; margin: 0; padding: 0;  } /*display:table; */
#history_menu .tab_btn ul li { float:left; width:20%; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right:1px solid #fff; } /* display:table-cell; */
#history_menu .tab_btn ul li:last-child { margin-right:0; border-right:0px; }
/*#history_menu .tab_btn ul li::before { width:1px; height:48px; content:"|";background:#fff; position:absolute; }*/
#history_menu .tab_btn ul li a { display:block; height:48px; background:#555; color:#fff; text-align:center; line-height:48px; }
#history_menu .tab_btn ul li a:hover { background:#076dac; }
#history_menu .tab_btn .on a { background:#0c5fa7; }
#history_menu .history_select_menu { width:100%;  display:none; }

.left_select_menu { width:100%; }



/*서브 타이틀*/
.sub_title { width:100%;  } /*background:rgba(0,0,0,0.03);*/
.sub_title .wrap_box { width:1200px; margin:55px auto 30px; }
.sub_title .wrap_box h3 { font-size:28px; color:#000; }

@media all and (max-width:480px){
	.sub_title .wrap_box { padding: 0 24px; }
	#history_menu .wrap { width:100% }
	#history_menu .tab_btn span { display:block; line-height:20px; }
	#history_menu .tab_btn { display:none; }
	#history_menu .tab_btn ul { width:93%; margin:0 auto; }

	#history_menu .history_select_menu { display:block;  }
	#history_menu .select_menu_one { padding:0 20px; margin-top:20px;}
	/*.select_menu_two { padding:0 20px; }*/
	.select_menu_two { margin-top:20px; }
	.sub_title .wrap_box h3 { font-size:24px; }
	.sub_title .wrap_box { margin: 6px auto 0px;  }

	#year_select_ui { display:none; }
	.select_menu_year { padding: 0 20px; margin-top: 20px;}

}

@media all and (min-width:480px){
	.sub_title .wrap_box { padding: 0 24px; }
	#history_menu .wrap { width:100% }
	#history_menu .tab_btn { display:none; }
	#history_menu .tab_btn ul { width:93%; margin:0 auto; }

	#history_menu .history_select_menu { display:block; width:100%; }
	#history_menu .select_menu_one { padding:0 20px; margin-top:20px;}
	.select_menu_two { display:block; margin-top:20px; } /*padding:0 20px; */
	.sub_title .wrap_box h3 { font-size:24px; }
	.sub_title .wrap_box { margin: 6px auto 0px;  }
	.select_menu_year { padding: 0 20px; margin-top: 20px;}

	#year_select_ui .year_select_btn a span { margin-left:4px; }
	/*#year_select_ui .year_select_btn a:nth-child(10n) { border-right:1px solid #7f7f7f; background:red; }*/


}

@media all and (min-width:640px){
	#history_menu .tab_btn ul li a { font-size: 14px; }
	#history_menu .tab_btn { display:block; }

	#history_menu .history_select_menu { display:none; }

	.sub_title .wrap_box { margin: 55px auto 0px; }


	#year_select_ui .year_select_btn a span { display:block; margin-left:4px; }

/*
#year_select_ui .year_select_btn a {height: 75px; }
#history_menu .history_ui {height: 75px; }
.slick-list draggable {height: 75px; }
*/

}

@media all and (min-width:800px){
	#history_menu .tab_btn ul li a { font-size: 16px; }
	.sub_title .wrap_box h3 { font-size:24px; }
	#year_select_ui .year_select_btn a span { display:inline; }
}

@media all and (min-width:1200px){
	#history_menu .wrap { width:1200px; }

	#history_menu .tab_btn ul { width:99.92%; margin:0 auto; }



}

@media all and (min-width:1260px){
	.left_select_menu { display:none; }

	#history_menu .tab_btn ul { width:100%; margin:0; }
}


/* 배치.서브 20180907 */
#head_s4{
	position:relative;
	padding:0 20px;
	background:#f3f4f6;
}

#wrap{}
	#wrap>.container{margin:auto;}
		#sidebar{display:none; /* ☆ */
			position:relative;
		}
		#body{
			z-index:0; /* ☆ */
			position:static; /* ☆ */
		}
		#foot_s1{ margin-top: 100px; } /*2020.03.19 추가*/
			#body>.container{
				position:static; /* ☆ */
			}
				#body_head{position:relative;}
					#body_head>.container{margin:auto;}
						#body_head_s1{position:relative;
							margin:0 -20px;
							padding:0 20px;
							background:#f3f4f6;
						}
							#body_head_s1>.container{}
						#body_head_s2{position:relative;
							margin:30px 0 0px 0;
						}
							#body_head_s2>.container{}
				#body_content{clear:both;position:relative;
					min-height:300px; /* 화면확인 */
					word-wrap:break-word; /* ☆ */
				}
					#body_content>.container{margin:auto;
						padding:0 0 60px;
					}
				#body_foot{position:relative;
					margin:20px 0 30px;
				}
					#body_foot>.container{margin:auto;}
		#aside{}


/* ☆ 모바일 감춤 20180831 */
/* none */


/* #head_s4 */


/* 현재위치. 20180907 */
#location1{
	z-index:20;
	position:relative;
	height:40px;
	margin:0 -20px;
	padding:0;
	line-height:1; /* 글자가 아래로 치우침 개선 */
	overflow:hidden;
}
#location1 *{box-sizing:border-box;} /* ☆ */

#location1:before{content:'';
	z-index:10;position:absolute;left:0;top:0;bottom:0;
	width:10px;
	background:linear-gradient(to right, #f3f4f6 0, rgba(243,244,246,0) 100%);
}
#location1:after{content:'';
	z-index:10;position:absolute;right:0;top:0;bottom:0;
	width:10px;
	background:linear-gradient(to right, rgba(243,244,246,0) 0, #f3f4f6 100%);
}
#location1 .breadcrumb{
	position:absolute;left:10px;top:0;
	width:10000px; /* ((JS)) */
	height:100%;
	margin-left:0; /* Touch Swipe 변이값 */
	color:#666;
	white-space:nowrap;
	text-align:left;
	/* overflow:hidden; */
}
#location1 .breadcrumb .cont{display:inline-block;
	height:40px;
}
#location1 .breadcrumb .cont>a{display:inline-block;position:relative;
	height:100%;
	padding:13px .5em;
	color:#666;
	font-weight:400;
	font-size:13px;
	vertical-align:middle;
}
#location1 .breadcrumb .cont>.sep{display:inline-block;
	width:6px;
	height:100%;
	margin:0;
	background:url(../images/sub/location1sep.png) no-repeat center center;
	/* background-size:contain; */ /* [~IE11]bug)so) 주석 */
	text-align:center;overflow:hidden;text-indent:-9999px;
	vertical-align:middle;
}
#location1 .breadcrumb .cont>.sep img{ /* [~IE8]fix */
	display:block;position:static !important;margin:auto;
}
#location1 .breadcrumb .cont>.home{width:20px;height:40px;margin:0 0 0 10px;padding:0;overflow:hidden;text-indent:-9999px;}
#location1 .breadcrumb .cont>.home:before{content:'';
	float:left;position:absolute;left:50%;top:50%;
	width:20px;height:20px;margin:-10px;
	background:url(../images/sub/location1home.png) no-repeat center center;
	background-size:contain;
}
/*html.Mobile #location1 .breadcrumb .cont>.home:before{
	background-image:url(../images/sub/location1home@2x.png);
}*/
#location1 .breadcrumb a:last-of-type{
	text-decoration:none;cursor:default;
}


/* #sidebar */


/* #body_head */


/* 본문제목 20180831 */
#body_title{clear:both;position:relative;
	font-size:26px;
	line-height:1.375;
	letter-spacing:-.0625em;
}
#body_title .h1{display:block;position:relative;
	margin:0;
	padding:0 0 .375em;
	border-bottom:2px solid #363940;
	background:none;
	color:#000;
	font-weight:400;
	font-size:1em;
}

/* VR보기 버튼 */
#body_title .btns{float:right;position:absolute;right:0%;top:-5px;width:50px;font-size: 14px;text-align:right;}
#body_title .t1 {display:none;}
#body_title .btns .button{
	min-width:40px;
	height:40px;
	padding:4px 14px 4px 10px;
	font-size:14px;
}
#body_title .btns .button[class*='ic1']>.ic1{
	width:30px;
	height:30px;
}


@media all and (min-width:360px){
	#foot_s1{ margin-top: 50px;  } /*2020.03.19 추가*/
}

@media all and (min-width:480px){
	#body>.container { padding: 0 0 50px; }/*2020.03.19추가*/

}


@media all and (min-width:768px){
#body_title .btns{right:0%;top:0%;width:160px;font-size: 14px;text-align:right;}
#body_title .t1 {display:inline-block;color:#175fa5;}
}


/* 페이스북 */
.hamanrh-sns {position:absolute;top:-110px;right:0;font-size:14px;letter-spacing:-0.05em;}
.hamanrh-sns a {display:block;color:#333;}
.hamanrh-sns a .fb {display:inline-block;vertical-align:middle;width:68px;height:14px;background:url(../images/sub/ic185hrh1fb1.png) no-repeat;margin-left:1px;margin-top:-2px;background-size:contain;}
.hamanrh-sns a:hover, .hamanrh-sns a:focus {text-decoration:none;border-bottom:1px solid #333;}
@media all and (min-width:768px){
	.hamanrh-sns {top:-117px;font-size:16px;}
	.hamanrh-sns a .fb {width:85px;height:18px;margin-left:5px;}
}
@media all and (min-width:1260px){
	.hamanrh-sns {top:-67px;}
	.hamanrh-sns a .fb {margin-top:-4px;}
}

/* 본문유틸. 20181108 */
#bn1{clear:both;	position:relative;	z-index:20;}
.bn1_top1 { margin-top:-9px; } /*-32px*/

#bn1:after{content:'';display:table;clear:both;}
#bn1 ul{float:right;position:relative;}
#bn1 li{float:left;position:relative;}
#bn1 a{float:left;position:relative;
	box-sizing:border-box; /* ☆ */
	width:30px;height:30px;
	margin:18px 0 0 10px;
}
#bn1 .share1 ul{display:none;}
#bn1 .share1 li a{
	background:none;
	border:0;
}
#bn1 .share1>a.on{}
#bn1 a>.ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:30px;height:30px;margin:-15px;
	background:url() no-repeat center center;background-size:contain;
	overflow:hidden;text-indent:-9999px;cursor:pointer;
}
#bn1 .sns>a>.ic1 {background-image:url(../images/sub/bn1share2@2x.png);}
#bn1 .print>a>.ic1{background-image:url(../images/sub/bn1print@2x.png);}
#bn1 .link>a>.ic1{background-image:url(../images/sub/bn1link@2x.png);}
#bn1 .blog>a>.ic1{background-image:url(../images/sub/bn1blog@2x.png);}
#bn1 .facebook>a>.ic1{background-image:url(../images/sub/bn1facebook@2x.png);}
#bn1 .twitter>a>.ic1{background-image:url(../images/sub/bn1twitter@2x.png);}
#bn1 .kakaostory>a>.ic1{background-image:url(../images/sub/bn1kakaostory@2x.png);}
#bn1 .sns-list {display:block !important;overflow:hidden;position:absolute;top:56px;right:-12px;left:auto;bottom:auto;width:0;height:43px;background:#ddd;transition:all .3s ease;border-radius:25px;opacity:0;visibility:hidden}
#bn1 .sns-list.on {width:217px;opacity:1;visibility:visible;}
#bn1 .sns-list ul {padding:3px 5px 0;float:left;}
#bn1 .sns-list li {margin:3px 0}
#bn1 .sns-list li a {margin:0 0 0 10px}
#bn1 .sns-list .close {position:relative;width:30px;height:30px;margin:6px 5px 0;background:#585858;border-radius:50%;}
#bn1 .sns-list .close:before, #bn1 .sns-list .close:after {position:absolute;top:50%;left:50%;margin-top:-9px;content:"";display:block;width:1px;height:18px;background:#fff;}
#bn1 .sns-list .close:before {transform:rotate(45deg);-ms-transform:rotate(45deg);}
#bn1 .sns-list .close:after {transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
/* [~IE8] */
#bn1 a>.ic1>div{height:100%;}
#bn1 a>.ic1>div>img{display:block;position:static !important;margin:0 auto;}
/* ☆ */
html.Mobile #bn1 .print{display:none;}
/* ☆ */
html.Desktop #bn1 .print>a>.ic1{background-image:url(../images/sub/bn1print.png);}

/*#bn1 li:nth-child(3) a { display:none; }*/ /*프린트버튼 삭제*//*sns버튼이 사라지는 문제로 비활성처리 2020.0522*/


/* #body_foot */


/* 담당자. 20180831 */
#charge1{position:relative;
	padding:12px;
	border:1px solid #e5e7e9;
	background:#fff;
	color:#666;
	font-size:14px;
	line-height:1.375;
	overflow:hidden;
}
#charge1 .wrap1{overflow:hidden;}
#charge1 .wrap1w1{}
#charge1 dl{float:left;
	padding:.1875em 0;
}
#charge1 dt{float:left;
	margin:0;
	padding:0 .75em 0 0;
	background:url(../images/sub/charge1s.png) no-repeat 100% 50%;
}
#charge1 dd{display:block;
	margin:0;
	padding:0 .75em;
	overflow:hidden;
}
#charge1 dl.contact{}
#charge1 dl.phone{margin:0 0 0 -.75em;}
#charge1 dl.phone{letter-spacing:0;white-space:nowrap;}
#charge1 dl.update{}
#charge1 dl.update dd{letter-spacing:0;}
#charge1 a{color:#333;}
#charge1 .ic1{}
#charge1 .t1{}


/* 만족도조사. 20180831 */
#satisfy1{clear:both;position:relative;
	margin:-1px 0 0;
	padding:8px 20px 20px;
	border:1px solid #e5e7e9;
	background:#f5f7f9;
	font-size:14px;
	line-height:1.375;
}
#satisfy1 *{vertical-align:middle;}
#satisfy1 fieldset{position:relative;}
#satisfy1 legend{}
#satisfy1 .h1{float:left;
	position:absolute;left:0;top:-4px;
	width:32px;height:32px;
	margin:8px 0 0 -4px;
	background:url(../images/sub/satisfy1deco1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#satisfy1 .question{display:block;
	position:relative;
	margin:0 0 -10px;
	padding:0 0 0 36px;
	color:#333;
	font-weight:400;
	overflow:hidden;
}
#satisfy1 dl.answer{position:relative;
	margin:0;padding:0;
}
#satisfy1 .grade{
	margin:8px 0;
	color:#555;
}
#satisfy1 .grade label{padding-left:.2em;margin-right:1em;margin-top:-4px;}
#satisfy1 .grade input[type='radio']{
	margin:8px 0;
}
#satisfy1 dl.opinion{clear:both;
	position:relative;
	padding:0 100px 0 0;
	overflow:hidden;
}
#satisfy1 textarea{float:left;
	width:100%;
	max-width:100%;
	height:60px;
	line-height:16px;
	margin:0 0 6px;
	padding:6px 1px;
	border-radius:0;
	border:1px solid #bbb;
	background:#fff;color:#666;
}
#satisfy1 .btns{display:block;
	position:absolute;right:0;top:0;
	width:100px;
	overflow:hidden;
}
#satisfy1 .bt1{ /* ((lib.css .button 참조해서 만든다. */
	display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%;height:60px;
	margin:0;
	padding:0;
	border-radius:0;
	border:0;
	background:#006bb7;
	color:#fff !important;
	font-size:13px;
	text-decoration:none;
	text-align:center;
	transition:.2s ease-out;
	-webkit-appearance:none;
	-moz-appearance:none;
}
#satisfy1 .bt1 .ic1{}
#satisfy1 .bt1 .t1{vertical-align:top;}


/* #body_content */


/* 본문메뉴1.드롭다운.갭0.활성배경 20180903 */
.cnb1{display:block;position:relative;
	margin:0 auto 1.375em;
	font-size:16px;
	line-height:1.375;
	overflow:hidden;
}
.cnb1>.note{display:block;
	height:21px;
	margin:0;padding:10px 30px 10px 10px;
	border:3px solid #555;
	background:#fff;
	color:#222;font-weight:bold;text-align:left;
	text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb1>.toggle{display:block;
	position:absolute;left:0;top:0;
	width:100%;
	height:44px;
	margin:0;padding:0;border:0;background:url(../images/sub/b.png);color:#000;text-align:left;text-decoration:none !important;
	overflow:hidden;text-indent:-9999px;
}
.cnb1>.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;
	margin:-2px 15px;
	border:6px solid transparent;border-top-color:#000;border-bottom:0;
	overflow:hidden;text-indent:100%;
}
.cnb1>.toggle.on>.ic1{
	border-bottom:6px solid #000;border-top:0;
}
.cnb1 ul{list-style:none;margin:0;padding:1px 0 0 1px;overflow:hidden;}
.cnb1>.toggle~ul{border:0;}
.cnb1 li{float:left;width:100%;margin:0;padding:0;}
.cnb1 [class*='col-'] li{width:100%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.cnb1 li>a{display:block;
	position:relative;
	min-height:1.375em;
	margin:-1px 0 0 -1px;padding:9px;
	border:1px solid #ccc;
	background:#f7f7f7;
	color:#555;
	text-decoration:none !important;
}
.cnb1 li>a:hover,
.cnb1 li>a:focus{z-index:10;position:relative;
	border:1px solid #f15c30;
	color:#000;
}
.cnb1 li.on>a{z-index:5;position:relative;
	border:1px solid #f15c30;
	background-color:#f15c30;
	color:#fff;
	cursor:default;
}
.cnb1 li >a[target=_blank]:after {content:"";display:inline-block;vertical-align:middle;width:11px;height:10px;background:url(../images/sub/ic11newwindow3.png) no-repeat;margin-left:5px;margin-top:-2px;}
.cnb1 li.on >a[target=_blank]:after {background-position:-13px 0}


/* 본문메뉴2.드롭다운.갭0.활성배경 20180903 */
.cnb2{display:block;position:relative;margin:0 auto 1.375em;
	border:1px solid #999;
	background:#fff;
	font-size:15px;
	line-height:1.375;
	overflow:hidden;
}
.cnb2>.note{display:block;
	height:19px;
	margin:0;padding:10px 30px 10px 10px;
	border:0;background:#f7f7f7;
	color:#000;font-weight:bold;
	text-align:left;text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb2>.toggle{display:block;
	position:absolute;left:0;top:0;
	box-sizing:content-box;
	width:100%;
	height:39px;
	margin:0;padding:0;border:0;background:url(../images/sub/b.png);color:#000;text-align:left;text-decoration:none !important;
	overflow:hidden;text-indent:-9999px;
}
.cnb2>.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;
	margin:-2px 15px;
	border:6px solid transparent;border-top-color:#666;border-bottom:0;
	overflow:hidden;text-indent:100%;
}
.cnb2>.toggle.on>.ic1{
	border-bottom:6px solid #666;border-top:0;
}
.cnb2 ul{list-style:none;margin:0;padding:0;overflow:hidden;}
.cnb2>.toggle~ul{border-top:1px solid #999;}
.cnb2 li{display:inline;margin:0;padding:0;}
.cnb2 [class*='col-'] li{width:100%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.cnb2 li>a{display:block;min-height:1.375em;
	margin:-1px -1px 0 -1px;
	padding:.5em .75em;
	border:1px solid #e6eaee;
	background:#fff;
	color:#666;
	text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb2 li:last-child>a{border-bottom-color:transparent;}
.cnb2 li>a:hover,
.cnb2 li>a:focus{z-index:10;position:relative;
	border-color:#eee;
	background-color:#f7f7f7;
	color:#444;
}
.cnb2 li.on>a{z-index:5;position:relative;
	border-color:#444;
	background-color:#444;
	color:#fff;
	cursor:default;
}
.cnb2 li>a[target=_blank]:after {content:"";display:inline-block;vertical-align:middle;width:11px;height:10px;background:url(../images/sub/ic11newwindow3.png) no-repeat;margin-left:5px;margin-top:-2px}


/* 본문메뉴3.드롭다운.갭0.활성배경 20180903 */
.cnb3{display:block;position:relative;margin:0 auto 1.375em;
	border:1px solid #ccc;
	background:#fff;
	font-size:14px;
	line-height:1.375;
	overflow:hidden;
}
.cnb3>.note{display:block;
	height:17px;
	margin:0;padding:10px 30px 10px 10px;
	border:0;background:#f4f4f4;
	color:#000;font-weight:bold;
	text-align:left;text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb3>.toggle{display:block;
	position:absolute;left:0;top:0;
	box-sizing:content-box;
	width:100%;
	height:37px;
	margin:0;padding:0;border:0;background:url(../images/sub/b.png);color:#000;text-align:left;text-decoration:none !important;
	overflow:hidden;text-indent:-9999px;
}
.cnb3>.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;
	margin:-2px 15px;
	border:6px solid transparent;border-top-color:#666;border-bottom:0;
	overflow:hidden;text-indent:100%;
}
.cnb3>.toggle.on>.ic1{
	border-bottom:6px solid #666;border-top:0;
}
.cnb3 ul{display:block;list-style:none;margin:0;padding:0;border-top:1px solid #ddd;overflow:hidden;}
.cnb3 li{display:inline;margin:0;padding:0;}
.cnb3 [class*='col-'] li{width:100%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.cnb3 li>a{display:block;
	margin:0;
	padding:.5em .75em;
	color:#767676;
	text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb3 li>a:hover,
.cnb3 li>a:focus{z-index:10;position:relative;
	background-color:#f5f7f9;
	color:#000;
}
.cnb3 li.on>a{z-index:5;position:relative;
	border-color:#deb;
	background-color:#deb;
	color:#000;
	cursor:default;
}


/* ETC */


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* ◇◆ @media print{} ◇◆◇◆◇◆◇◆◇◆◇◆ */


@media print{ /* 20180717 )) @media all{} /share/ui/printpage.html */
	/* hide */
	#head, #visual, #foot, #wing, #sidebar, #side, #aside,
	#body_foot,
	#tnb1,
	#quickmenu1,
	/* #location1, */
	#bn1,
	#fontsize1,
	/* #body_title, */
	.bg, .noprint{display:none !important;}
	/* show */
	html{background:#fff !important;}
	body,
	#container, #wrap, 	#body,
	#body_head,
	#body_content{float:none !important;left:0 !important;top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;overflow:visible !important;box-shadow:none !important;}
	#body_title{display:block !important;position:static !important;left:0 !important;top:0 !important;height:auto !important;margin:1em 0 !important;padding:0 0 1em 0 !important;border:0 !important;width:880px;}
	table{border-color:#999 !important;}
	table th,
	table td{border-color:#999 !important;}
	/* transparent */
	#head_below{background:transparent !important;}
}


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:600px){
	#satisfy1 textarea, #satisfy1 .bt1 {height:30px;}
}
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */


#visual{
	height:152px; /* >=1260*(230/1920) */
}


#body_title{
	font-size:34px;
}

#charge1{position:relative;
	padding:12px 16px;
}

#satisfy1 fieldset{padding:0 0 0 90px;}
#satisfy1 .h1{
	top:0;
	width:65px;height:65px;
	margin:10px;
}
#satisfy1 .question{float:left;
	margin-right:1em;
	padding-left:0;
	font-size:16px;
}
#satisfy1 .answer{float:left;white-space:nowrap;}


/* ☆ 자동균등폭 .mj-menu-even-width 20160531 */
.mj-menu-even-width ul{opacity:0;} /* 변이 모습 감춤. makeEvenWidthMenus(); 실행 후 opacity:1; */

/* ☆(100/(column1~12))% */
[class*='cnb'] .col-1 > li{width:100%;text-align:left;}
[class*='cnb'] .col-2 > li{width:50%;}
[class*='cnb'] .col-3 > li{width:33.33333%;}
[class*='cnb'] .col-4 > li{width:25%;}
[class*='cnb'] .col-5 > li{width:20%;}
[class*='cnb'] .col-6 > li{width:16.66666%;}
[class*='cnb'] .col-7 > li{width:14.28571%;}
[class*='cnb'] .col-8 > li{width:12.5%;}
[class*='cnb'] .col-9 > li{width:11.11111%;}
[class*='cnb'] .col-10 > li{width:10%;}
[class*='cnb'] .col-11 > li{width:9.09091%;}
[class*='cnb'] .col-12 > li{width:8.33333%;}


/* 본문메뉴1.갭0.불릿. 20180903 */
.cnb1{}
.cnb1>.note{display:none;}
.cnb1>.toggle{display:none;}
.cnb1 ul{display:block !important; /* ☆ */
	position:relative;
	margin:0 -1px -1px 0; /* 우측오차1px보정 */
	padding:1px;
	border:0;
	background:#fff url(../images/sub/b.000000.opacity.10.pattern4slash1.png);
	overflow:visible;
}
.cnb1 ul:before,
.cnb1 ul:after{content:'';display:table;} /* [IE8+] */
.cnb1 ul:after{clear:both;}
.cnb1 li{width:auto;text-align:left;}
.cnb1 li>a{
	padding:18px 43px 18px 18px;
	border-color:#d7d7d7; /* #666 */
	background:#fff;
}
.cnb1 li.on>a{
	padding:18px 43px 18px 18px;
	border:1px solid #f15c30;
	background:#f15c30;
	color:#fff;
	font-weight:500;
	cursor:default;
	font-weight:600;
}
.cnb1 li>a:before{content:'';display:block;
	position:absolute;right:0;top:50%;
	width:20px;height:20px;
	margin:-10px 10px;
	background:url(../images/sub/cnb1bg1.png) no-repeat;
}
.cnb1 li.on>a:before{background-image:url(../images/sub/cnb1bg1on.png);}


/* 본문메뉴2.갭 20180903 */
.cnb2{
	border:0;
}
.cnb2>.note{display:none;}
.cnb2>.toggle{display:none;}
.cnb2 ul{display:block !important; /* ☆ */
	position:relative;
	margin:0 -1px -1px 0; /* 우측오차1px보정 */
	padding:1px;
	border:0;
	background:#fff url(../images/sub/b.000000.opacity.10.pattern4slash1.png);
	overflow:visible;
}
.cnb2>.toggle~ul {border-top:0}
.cnb2 ul:before,
.cnb2 ul:after{content:'';display:table;} /* [IE8+] */
.cnb2 ul:after{clear:both;}
.cnb2 li{position:relative;width:auto;text-align:left;}
.cnb2 li>a{
	margin:-1px 0 0 -1px;
	padding:11px 43px 11px 18px;
	border:1px solid #ddd; /* #666 */
	background:#f7f7f7;
}
.cnb2 li>a:hover,
.cnb2 li>a:focus{
	border-color:#ccc;
	background:#fff;
}
.cnb2 li.on {z-index:12}
.cnb2 li.on>a{
	position:relative;
	padding:12px 43px 12px 18px;
	border:0;
	background:#fff3e6;
	color:#000;
	font-weight:600;
	cursor:default;
}
.cnb2 li.on>a:before {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;border:2px solid #f05d31;box-sizing:border-box;z-index:20}
.cnb2 li>a:after{content:'';display:block;
	position:absolute;right:0;top:50%;
	width:10px;height:20px;
	margin:-10px 15px;
	background:url(../images/sub/cnb2bg1.png) no-repeat center center;
}
.cnb2 li.on>a:after{transform:rotate(90deg);-ms-transform:rotate(90deg);}
.cnb2 li:last-child>a {border-color:#ddd;}


/* 본문메뉴3.갭.불릿 20180903 */
.cnb3{padding:1em 1.375em;
	border:1px solid #ddd;
	border-radius:2px;
}
.cnb3>.note{display:none;}
.cnb3>.toggle{display:none;}
.cnb3 ul{display:block !important;
	position:relative;
	padding:0 .375em;
	border:0;
}
.cnb3 li{float:left;
	box-sizing:border-box; /* ☆ */
	width:auto;height:auto;
	margin:0;padding:0 .25em;
	text-align:left;
}
.cnb3 li>a{display:block;
	margin:0 1em 0 0;
	padding:.375em .75em;
	background:url(../images/sub/cnb3bg1.png) no-repeat 0 .65em;
	text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb3 li>a:hover,
.cnb3 li>a:focus{
	margin-left:-.375em;
	padding-left:1.125em;
	background-position:.375em .65em;
}
.cnb3 li.on>a{background-color:transparent;
	background-image:url(../images/sub/cnb3bg1on.png);
	color:#480;
	font-weight:600;
	text-decoration:underline !important;
}


} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */


#body_head_s1{
	margin:0 0 30px;
}
#body_content {word-break:keep-all;}

} /* /(min-width:1000px) */

@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */


#wrap{}
		#sidebar{display:block;
			float:left;
			width:220px;
			margin:0 0 60px;
		}
		#body{display:block;
			float:right;
			width:920px;
		}
			#body .container{
				width:auto; /* ☆ */
				max-width:1200px; /* ☆ */
			}
			#body>.container{
				min-height:200px;
				padding:0 0 100px; /* ☆ #body_foot 삭제해서 줄임 */
			}
				#body_head{}
					#body_head_s1{
						margin:0 -360px 30px -640px;
					}
						#body_head_s2{
							margin:0 0 30px;
						}
			#body_foot{
				position:absolute;right:0;bottom:0;
				width:920px;margin:0 0 50px;
			}


#location1{
	margin:5px 240px 5px 0;
}
#location1:before,
#location1:after{display:none;}
#location1 .breadcrumb{position:static;
	width:auto;
}
#location1 .breadcrumb .cont>a{
	font-size:14px;
}

#bn1{
	position:absolute;right:0;top:-89px; /*모비일에서는 이 값 미디어쿼리 적용하여 삭제할 것!!!*/
}

#body_title  .h1{
	/* padding-right:240px; */
}


/* ◇◆◇◆ only Desktop Contents ◇◆◇◆ */


/* 사이드제목 20180907 */
#side_title{display:block;position:relative;
	margin:30px 0 0; /* (80-50) */
}
#side_title>a{	display:block;
	margin:0 0 5px;
	padding:57px 10px;
	background:#076dac;
	background-size:cover;
	color:#fff;
	font-weight:600;
	font-size:30px;
	line-height:1.375;
	letter-spacing:-.0625em;
	text-align:center;
}


/* 사이드메뉴 20180831 */
#snb1{position:relative;
	margin:0 0 -5px;
	overflow:hidden;
}
/* depth2 */
#snb1 div.d2>ul{}
#snb1 div.d2>ul>li{ margin:0 0 5px; }
#snb1 div.d2>ul>li:hover{ background:rgba(0,0,0,0.03); }

#snb1 div.d2>ul>li>a{display:block; padding:11px 40px 11px 18px; border:1px solid #ddd; background:url(../images/sub/snb1d2bg1.png) no-repeat 95% 50%; color:#333; font-weight:400; font-size:16px; }
#snb1 div.d2>ul>li>a:hover { color:#000; }


#snb1 div.d2>ul>li.hasSub>a{
	background-image:url(../images/sub/snb1d2bg1has.png);
}
#snb1 div.d2>ul>li.on{
	position:relative;
}
#snb1 div.d2>ul>li.on>a{
	background-color:#076dac;
	background-image:url(../images/sub/snb1d2bg1on.png);
	color:#fff;
	border: 1px solid #076dac;
}
#snb1 div.d2>ul>li.hasSub.on>a{
	border-color:transparent;
	background-image:url(../images/sub/snb1d2bg1hason.png);
}
/* depth3 */
#snb1 div.d3{display:none;}
#snb1 div.d2>ul>li.on>div.d3{display:block;
	padding:14px 20px;
	border:1px solid #086eac;
	background:#fff;
}
#snb1 div.d3>ul>li{display:inline;}
#snb1 div.d3>ul>li>a{display:block;
	margin:0;
	padding:6px 0 6px 12px;
	background:url(../images/sub/snb1d3bg1.png) no-repeat 0 13px;
	color:#333;
	font-size:15px;
}
#snb1 div.d3>ul>li>a:hover,
#snb1 div.d3>ul>li>a:focus{
	color:#000;
	text-decoration:underline;
}
#snb1 div.d3>ul>li.on>a{
	background-image:url(../images/sub/snb1d3bg1on.png);
	color:#f15c30;
	font-weight:600;
}
/* depth4 */
#snb1 div.d4{display:none;}
#snb1 div.d3>ul>li.on>div.d4{display:block;
	padding:10px 13px;
	background:#fff;
}
#snb1 div.d4>ul>li{display:inline;}
#snb1 div.d4>ul>li>a{display:block;
	margin:0;
	padding:4px 0 4px 10px;
	background:url(../images/sub/snb1d4bg1.png) no-repeat 0 9px;
	color:#555;
	font-size:14px;
}
#snb1 div.d4>ul>li>a:hover,
#snb1 div.d4>ul>li>a:focus{
	color:#000;
}
#snb1 div.d4>ul>li.on>a{
	background-image:url(../images/sub/snb1d4bg1on.png);
	color:#222;
	text-decoration:underline;
}

/* 20180831 새 창 */
#snb1 div.d2>ul>li>a[target='_blank']:after,
#snb1 div.d3>ul>li>a[target='_blank']:after,
#snb1 div.d4>ul>li>a[target='_blank']:after{
	content:'';
	display:inline-block;
	width:12px;height:12px;
	margin:0 0 4px 4px;
	background:url(../images/sub/ic11newwindow2.png) no-repeat;
	vertical-align:middle;
}


} /* /(min-width:1260px) */

/*
#quick_menu_sub { position:fixed; z-index:9999; }
#quick_menu_sub a.gotop3 { display:block; width:40px; height:40px; border-radius: 50%; }
#quick_menu_sub a.gotop3:hover { background:red; }
*/


/*사무국프로필 2020.03.22 신규추가*/

@media all and (max-width:400px) {
	.profile_type1{ width:100%; }
	.profile_type1 > ul { padding: 0; }
	.profile_type1 > ul > li { padding:10px; background:#fff; border: 1px solid #ccc; margin-top:20px;}
	.profile_type1 > ul > li:after { content:""; display:block; clear:both; }
	.profile_type1 .photo { width:120px; height:150px; background:url(../images/sub/photo_thumb_m_01.jpg)no-repeat center; background-size:cover; float:left; }
	/*.profile_type1 .photo:nth-child(3n+2) { width:138px; height:184px; background:#fbfbfb url(../images/sub/photo_thumb_f_01.gif)no-repeat center; background-size:contain; float:left; } */
	.profile_type1 .photo_f { width:120px; height:150px; background:#fbfbfb url(../images/sub/photo_thumb_f_01.gif)no-repeat center; background-size:cover; float:left; }
	.profile_type1 .txt { float:right; width:calc(100% - 130px); margin-left: 10px;   font-size: 14px; }
	.profile_type1 .txt ul { margin:0; padding:0; }
	.profile_type1 .txt li:first-child { background:#013983; color: #fff; border:none; text-align:center; font-weight: 700; }
	.profile_type1 .txt li:last-child { border:none;}
	.profile_type1 .txt li { border-bottom: 1px solid #ccc; padding: 5px 0px;  }
	.profile_type1 .txt li b { float:left; display:inline-block; width:50px; background:none; padding-left:0px; }
	.profile_type1 .txt .name { font-weight:700; color:#fff; }
	.profile_type1 .txt .location a { color:#fff; }
	.profile_type1 .txt .adress, .profile_type1 .txt .job { display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }

	.profile_type1 a.telNum { color:#555;  padding-left: 0px !important;}
	.profile_type1 a.telNum:hover { color:#013983; }
}
@media all and (min-width:400px) {
	.profile_type1{ width:100%; }
	.profile_type1 > ul { padding: 0; }
	.profile_type1 > ul > li { padding:10px; background:#fff; border: 1px solid #ccc; margin-top:20px;}
	.profile_type1 > ul > li:nth-child(2)  { margin-top:20; }
	.profile_type1 > ul > li:after { content:""; display:block; clear:both; }
	.profile_type1 .photo { width:120px; height:150px; background: url(../images/sub/photo_thumb_m_01.jpg)no-repeat center; background-size:cover; float:left; }
	.profile_type1 .photo_f { width:120px; height:150px; background: url(../images/sub/photo_thumb_f_01.gif)no-repeat center; background-size:cover; float:left; }
	.profile_type1 .txt { float:right; width:calc(100% - 130px); margin-left: 10px;   font-size: 15px; }
	.profile_type1 .txt ul { margin:0; padding:0; }
	.profile_type1 .txt li:first-child { background:#013983; color: #fff; border:none; text-align:center; font-weight: 700;  }
	.profile_type1 .txt li:last-child { border:none;}
	.profile_type1 .txt li { border-bottom: 1px dotted #ccc; padding: 5px 0px;  }
	.profile_type1 .txt .name a { background:url(../images/sub/bullet_dot_gray_01.png)no-repeat 0% 50%; padding-left:6px; }
	.profile_type1 .txt li b { float:left;  display:inline-block; width:55px; background:url(../images/sub/bullet_dot_gray_01.png)no-repeat 0% 50%; padding-left:6px; }
	.profile_type1 .txt li a span {  }
	.profile_type1 .txt .name { font-weight:700; }
	.profile_type1 a.telNum { color:#555;  padding-left: 0px !important;}
	.profile_type1 a.telNum:hover { color:#013983; }

	.profile_type1 .txt .location a { color:#fff; }
	.profile_type1 .txt .adress, .profile_type1 .txt .job { display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
	#history_menu .history_ui { height: 55px; }
}
@media all and (min-width:768px) {
	.profile_type1 > ul > li { float:left; width:48.91304347826087%; margin-right:2.173913043478261%; box-sizing: border-box; }
	.profile_type1 > ul > li:nth-child(1), .profile_type1 > ul > li:nth-child(2)  { margin-top:0; }
	.profile_type1 > ul > li:nth-child(2n) { margin-right:0; }
	/*.profile_type1 .photo:nth-child(3n+2) { width:138px; height:184px; background:#fbfbfb url(../images/sub/photo_thumb_f_01.gif)no-repeat center; background-size:contain; float:left; } */
	/*.profile_type1 .txt .adress { display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }*/
}
@media all and (min-width:1000px) {
	#history_menu .history_ui { height: 40px; }
}

/*서브비주얼 2020.03.23*/

/*지역대표 시작 2020.03.24*/

@media all and (max-width:400px) {
	.profile_type2 { width:100%; } /*background:#f2f2f2;  */
	.profile_type2 .wrap { background:#013983; overflow: hidden; } /*border:1px solid #ccc;*/
	.profile_type2 > ul { padding:0; margin:0; text-align:left; }
	.profile_type2 > ul > li { margin-bottom:20px; }
	.profile_type2 > ul > li .left { float:left; width:120px; padding: 0; }
	.profile_type2 > ul > li .left .photo { width:120px; height:150px; background:#ccc url(../images/sub/photo_thumb_m_noimg.jpg)no-repeat 50%; background-size:cover; }
	.profile_type2 > ul > li .left .photo_m { width:120px; height:150px; background:#ccc url(../images/sub/photo_thumb_m_01.jpg)no-repeat 50%; background-size:cover; }
	.profile_type2 > ul > li .left .photo_f { background:#ccc url(../images/sub/photo_thumb_f_01.gif)no-repeat 50%; background-size:cover; }
	.profile_type2 > ul > li .left .zone_title { width:100%; padding: 8px 0;text-align:center; font-weight:700; background:#013983; margin: 0; color: #fff; }
	.profile_type2 > ul > li .right { float:left; background: #efefef; width: calc(100% - 120px); padding:0; box-sizing: border-box;}
	.profile_type2 > ul > li .right ul { margin:0; padding:0; }
	.profile_type2 > ul > li .right table { width:100%; border: 1px solid #ccc !important; }
	.profile_type2 > ul > li .right th, .profile_type2 > ul > li .right td { border:none; }
	.profile_type2 > ul > li .right tr:last-child th, .profile_type2 > ul > li .right tr:last-child td { border-bottom:none; }
	.profile_type2 > ul > li .right th { width: 70px; background:#e5ebf1; border-bottom:1px solid #ccc; padding:5px; font-size: 15px; vertical-align:middle; display:none;}
	.profile_type2 > ul > li .right td { width: calc(100% - 70px); border-bottom:1px solid #ccc; background:#fff; padding:5px; font-size: 15px; border-left:1px solid #ccc;}


}


@media all and (min-width:400px) {
	.profile_type2 { width:100%; } /*background:#f2f2f2;  */
	.profile_type2 .wrap { background:#013983; overflow: hidden; } /*border:1px solid #ccc;*/
	.profile_type2 > ul { padding:0; margin:0; text-align:left; }
	.profile_type2 > ul > li { margin-bottom:20px; }
	.profile_type2 > ul > li .left { float:left; width:120px; padding: 0; }
	.profile_type2 > ul > li .left .photo { width:120px; height:150px; background:#ccc url(../images/sub/photo_thumb_m_noimg.jpg)no-repeat 50%; background-size:cover; }
	.profile_type2 > ul > li .left .photo_m { width:120px; height:150px; background:#ccc url(../images/sub/photo_thumb_m_01.jpg)no-repeat 50%; background-size:cover; }
	.profile_type2 > ul > li .left .photo_f { background:#ccc url(../images/sub/photo_thumb_f_01.gif)no-repeat 50%; background-size:cover; }
	.profile_type2 > ul > li .left .zone_title { width:100%; padding: 8px 0;text-align:center; font-weight:700; background:#013983; margin: 0; color: #fff; } /*height:30px; line-height:30px; */
	.profile_type2 > ul > li .right { float:left; background: #efefef; width: calc(100% - 120px); padding:0; box-sizing: border-box;}  /*border-left: 1px solid #ccc; */
	.profile_type2 > ul > li .right ul { margin:0; padding:0; }
	.profile_type2 > ul > li .right table { width:100%; border: 1px solid #ccc !important; }
	.profile_type2 > ul > li .right th, .profile_type2 > ul > li .right td { border:none; }
	.profile_type2 > ul > li .right tr:last-child th, .profile_type2 > ul > li .right tr:last-child td { border-bottom:none; }
	.profile_type2 > ul > li .right th { width: 70px; background:#e5ebf1; border-bottom:1px solid #ccc; font-size: 16px; text-align:center; vertical-align:middle; }
	.profile_type2 > ul > li .right td { width: calc(100% - 70px); border-bottom:1px solid #ccc; background:#fff; font-size: 16px; }



}

@media all and (min-width:800px) {
	.profile_type2 { width:100%; } /*background:#f2f2f2;  */
	.profile_type2 .wrap { background:#013983; overflow: hidden; } /*border:1px solid #ccc;*/
	.profile_type2 > ul { padding:0; margin:0; text-align:left; }
	.profile_type2 > ul > li { margin-bottom:20px; width:calc(50% - 10px); float:left; margin-right:20px;  }
	.profile_type2 > ul > li:nth-child(2n) { margin-right:0; }
	.profile_type2 > ul > li .left { float:left; width:120px; padding: 0; }
	.profile_type2 > ul > li .left .photo { width:120px; height:150px; background:#ccc url(../images/sub/photo_thumb_m_noimg.jpg)no-repeat 50%; background-size:cover; }
	.profile_type2 > ul > li .left .photo_m { width:120px; height:150px; background:#ccc url(../images/sub/photo_thumb_m_01.jpg)no-repeat 50%; background-size:cover; }
	.profile_type2 > ul > li .left .photo_f { background:#ccc url(../images/sub/photo_thumb_f_01.gif)no-repeat 50%; background-size:cover; }
	.profile_type2 > ul > li .left .zone_title { width:100%; padding: 8px 0;text-align:center; font-weight:700; background:#013983; margin: 0; color: #fff; } /*height:30px; line-height:30px; */
	.profile_type2 > ul > li .right { float:left; background: #efefef; width: calc(100% - 120px); padding:0; box-sizing: border-box;}  /*border-left: 1px solid #ccc; */
	.profile_type2 > ul > li .right ul { margin:0; padding:0; }
	.profile_type2 > ul > li .right table { width:100%; border: 1px solid #ccc !important; }
	.profile_type2 > ul > li .right th, .profile_type2 > ul > li .right td { border:none; }
	.profile_type2 > ul > li .right tr:last-child th, .profile_type2 > ul > li .right tr:last-child td { border-bottom:none; }


	.profile_type2 > ul > li .right th { width: 70px; background:#e5ebf1; border-bottom:1px solid #ccc; font-size: 16px; text-align:center; vertical-align:middle; }
	.profile_type2 > ul > li .right td { width: calc(100% - 70px); border-bottom:1px solid #ccc; background:#fff; font-size: 16px; }
	.profile_type2 > ul > li .right th.year_club_position { background:#f5f5f5; color:#013983; }

	.profile_type2 table { table-layout:fixed; }

	/*
	.profile_type2 th { color:blue; width:70px; }
	.profile_type2 td.adress { color:red; background:green; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:calc(100% - 170px); }
	*/

}

/*지역대표 종료 2020.03.24*/

/*운영 히스토리 시작 2020.03.25*/

@media all and (max-width:400px) {
	.bbs_photo_list_type1 { width:100%; } /*background:#ebebeb;*/
	.bbs_photo_list_type1 > ul { padding:0; }
	.bbs_photo_list_type1 > ul > li { margin-bottom:20px; }
	.bbs_photo_list_type1 > ul > li .wrap { overflow:hidden; width:100%; background:#ccc; box-sizing:border-box; } /*pc에서 padding:17px; 여백줄것,  border:1px solid #ccc;  */
	.bbs_photo_list_type1 > ul > li .photo { width:100%; padding-top: 70%; background:#ccc url(../images/sub/photo_thumb_large.jpg)no-repeat 50%; background-size:cover; } /*pc에서 float:left; 살릴 것 / padding-top: 70%;  지우고 width:140px; height:140px; 적용할것*/
	.bbs_photo_list_type1 > ul > li .photo_ex1 { background:url(../images/sub/operating_history_img_01.jpg)no-repeat 50%; background-size:cover; }
	.bbs_photo_list_type1 > ul > li .photo_ex2 { background:url(../images/sub/operating_history_img_02.jpg)no-repeat 50%; background-size:cover; }
	.bbs_photo_list_type1 > ul > li .photo_ex3 { background:url(../images/sub/operating_history_img_03.jpg)no-repeat 50%; background-size:cover; }
	.bbs_photo_list_type1 > ul > li .photo_ex4 { background:url(../images/sub/operating_history_img_04.jpg)no-repeat 50%; background-size:cover; }

	.bbs_photo_list_type1 > ul > li .content { display:block; float:left; height:125px; background:#fff; width: calc(100% - 32px); padding:15px; position:relative; border: 1px solid #ccc; border-top: none;} /*pc에서 width: calc(100% - 170px); width:100%;  적용할 것, border: 1px solid #ccc; border-top: none; 삭제할 것*/
	.bbs_photo_list_type1 > ul > li a.more { display: inline-block; width: 30px; height: 30px; background:#fff; border: 1px solid #a9a9a9; font-size: 0; text-align: center; line-height: 31px; transition: background 0.3s; position:absolute; top:15px; right:15px; }
	.bbs_photo_list_type1 > ul > li a.more img { width: 17px; height: 17px; vertical-align: middle; transition: all 0.3s; }
	.bbs_photo_list_type1 > ul > li a.more:hover img { transform:rotate(90deg); }
	.bbs_photo_list_type1 > ul > li .content p.date { margin:0; font-size: 16px; font-weight:600; }
	.bbs_photo_list_type1 > ul > li .content h3 { margin:0; font-size: 18px; margin-top:10px; }
	.bbs_photo_list_type1 > ul > li .content h3 a { color:#333; }
	.bbs_photo_list_type1 > ul > li .content p.context { margin:10px 0 0 0; font-size: 15px; text-align:justify;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;  width:100%; white-space:normal; overflow:hidden; text-overflow:ellipsis; line-height:1.3; max-height:4em; word-wrap:break-word;}
	.bbs_photo_list_type1 > ul > li .content p.context a { color:#333; }
}

@media all and (min-width:400px) {
	.bbs_photo_list_type1 { width:100%; } /*background:#ebebeb;*/
	.bbs_photo_list_type1 > ul { padding:0; }
	.bbs_photo_list_type1 > ul > li { margin-bottom:20px; }
	.bbs_photo_list_type1 > ul > li .wrap { overflow:hidden; width:100%; background:#ccc; box-sizing:border-box; } /*pc에서 padding:17px; 여백줄것,  border:1px solid #ccc;  */
	.bbs_photo_list_type1 > ul > li .photo { width:100%; padding-top: 70%; background:#ccc url(../images/sub/photo_thumb_large.jpg)no-repeat 50%; background-size:cover; } /*pc에서 float:left; 살릴 것 / padding-top: 70%;  지우고 width:140px; height:140px; 적용할것*/
	.bbs_photo_list_type1 > ul > li .photo_ex1 { background:url(../images/sub/operating_history_img_01.jpg)no-repeat 50%; background-size:cover; }
	.bbs_photo_list_type1 > ul > li .photo_ex2 { background:url(../images/sub/operating_history_img_02.jpg)no-repeat 50%; background-size:cover; }
	.bbs_photo_list_type1 > ul > li .photo_ex3 { background:url(../images/sub/operating_history_img_03.jpg)no-repeat 50%; background-size:cover; }
	.bbs_photo_list_type1 > ul > li .photo_ex4 { background:url(../images/sub/operating_history_img_04.jpg)no-repeat 50%; background-size:cover; }

	.bbs_photo_list_type1 > ul > li .content { display:block; float:left; height:125px; background:#fff; width: calc(100% - 32px); padding:15px; position:relative; border: 1px solid #ccc; border-top: none;} /*pc에서 width: calc(100% - 170px); width:100%;  적용할 것, border: 1px solid #ccc; border-top: none; 삭제할 것*/
	.bbs_photo_list_type1 > ul > li a.more { display: inline-block; width: 30px; height: 30px; background:#fff; border: 1px solid #a9a9a9; font-size: 0; text-align: center; line-height: 31px; transition: background 0.3s; position:absolute; top:15px; right:15px; }
	.bbs_photo_list_type1 > ul > li a.more img { width: 17px; height: 17px; vertical-align: middle; transition: all 0.3s; }
	.bbs_photo_list_type1 > ul > li a.more:hover img { transform:rotate(90deg); }
	/*.bbs_photo_list_type1 > ul > li a.more:hover {background-position: -40px -5px; }*
	/*.bbs_photo_list_type1 > ul > li a.more img { width:25px; height:25px; }*/
	.bbs_photo_list_type1 > ul > li .content p.date { margin:0; font-size: 16px; font-weight:600; }
	.bbs_photo_list_type1 > ul > li .content h3 { margin:0; font-size: 18px; margin-top:10px; }
	.bbs_photo_list_type1 > ul > li .content h3 a { color:#333; }
	.bbs_photo_list_type1 > ul > li .content p.context { margin:10px 0 0 0; font-size: 15px; text-align:justify;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;  width:100%; white-space:normal; overflow:hidden; text-overflow:ellipsis; line-height:1.3; max-height:4em; word-wrap:break-word;}
	.bbs_photo_list_type1 > ul > li .content p.context a { color:#333; }
}

@media all and (min-width:540px) {
	.bbs_photo_list_type1 > ul > li .content { padding:20px; width: calc(100% - 42px);}
	.bbs_photo_list_type1 > ul > li a.more { top: 20px; right: 20px; }
}

@media all and (min-width:640px) {
	.bbs_photo_list_type1 { width:100%; }
	.bbs_photo_list_type1 > ul { padding:0; }
	.bbs_photo_list_type1 > ul > li { width:100%; margin-bottom:20px; }
	.bbs_photo_list_type1 > ul > li .wrap { overflow:hidden; width:100%; background:#fff; padding:17px; box-sizing:border-box; border:1px solid #ccc; }
	.bbs_photo_list_type1 > ul > li .photo { float:left; width:140px; height:140px;   padding-top: 0;background:#ccc url(../images/sub/photo_thumb_large.jpg)no-repeat 50%; background-size:cover; }
	.bbs_photo_list_type1 > ul > li .photo_ex1 { width:140px; height:140px; background:url(../images/sub/operating_history_img_01.jpg)no-repeat 50%; background-size:cover; }
	.bbs_photo_list_type1 > ul > li .photo_ex2 { width:140px; height:140px; background:url(../images/sub/operating_history_img_02.jpg)no-repeat 50%; background-size:cover; }
	.bbs_photo_list_type1 > ul > li .photo_ex3 { width:140px; height:140px; background:url(../images/sub/operating_history_img_03.jpg)no-repeat 50%; background-size:cover; }
	.bbs_photo_list_type1 > ul > li .photo_ex4 { width:140px; height:140px; background:url(../images/sub/operating_history_img_04.jpg)no-repeat 50%; background-size:cover; }

	.bbs_photo_list_type1 > ul > li .content { display:block; float:left; width: calc(100% - 170px); height:125px; background:#fff; padding:0 15px 15px 15px; position:relative; border:0; }
	.bbs_photo_list_type1 > ul > li a.more { top: 0px; right: 0px; }
	.bbs_photo_list_type1 > ul > li .content p.date { margin:0; font-size: 16px; font-weight:600; }
	.bbs_photo_list_type1 > ul > li .content h3 { margin:0; font-size: 18px; margin-top:10px; }
	.bbs_photo_list_type1 > ul > li .content h3 a { color:#333; }
	.bbs_photo_list_type1 > ul > li .content p.context { margin:10px 0 0 0; font-size: 15px; text-align:justify;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;  width:100%; white-space:normal; overflow:hidden; text-overflow:ellipsis; line-height:1.3; max-height:4em; word-wrap:break-word;}
	.bbs_photo_list_type1 > ul > li .content p.context a { color:#333; }
}

@media all and (min-width:1000px) {
	.bbs_photo_list_type1 > ul > li { width:calc(50% - 10px); float:left; margin-right:20px; }
	.bbs_photo_list_type1 > ul > li:nth-child(2n) { margin-right:0; }
	.bbs_photo_list_type1 > ul > li .wrap {  } /*width:50%;*/
	.bbs_photo_list_type1 > ul > li .wrap:hover { background:#e9e9e9; border:1px solid #e9e9e9; }
}

/*
.bbs_photo_list_type1 { width:100%; background:#ebebeb; }
.bbs_photo_list_type1 > ul { padding:0; }
.bbs_photo_list_type1 > ul > li { width:100%; }
.bbs_photo_list_type1 > ul > li .wrap { overflow:hidden; width:100%; background:#ccc; padding:17px; }
.bbs_photo_list_type1 > ul > li .photo { width:140px; height:140px; float:left; background:blue; }
.bbs_photo_list_type1 > ul > li .content { display:block; float:left; width: calc(100% - 170px); height:125px; background:#fff; padding:0 15px 15px 15px; position:relative; }
.bbs_photo_list_type1 > ul > li a.more { display:block; width:25px; height:25px; text-align:center; font-size:24px; position:absolute; top:0; right:0; }
.bbs_photo_list_type1 > ul > li a.more img { width:25px; height:25px; }
.bbs_photo_list_type1 > ul > li .content p.date { margin:0; font-size: 16px; font-weight:600; }
.bbs_photo_list_type1 > ul > li .content h3 { margin:0; font-size: 18px; margin-top:10px; }
.bbs_photo_list_type1 > ul > li .content h3 a { color:#333; }
.bbs_photo_list_type1 > ul > li .content p.context { margin:10px 0 0 0; font-size: 15px; text-align:justify;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;  width:100%; white-space:normal; overflow:hidden; text-overflow:ellipsis; line-height:1.3; max-height:4em; word-wrap:break-word;}
.bbs_photo_list_type1 > ul > li .content p.context a { color:#333; }
*/

/*운영 히스토리 종료 2020.03.25*/


/*운영이사 중점사항 스타일 시작*/
.content_wrap_01 { width:100%; background:#f8f8f8; }
.preparing_service { width:500px; margin:0 auto; overflow: hidden; }
.preparing_service img {  } /*margin-top:100px;*/
.preparing_service p { text-align:center; font-size:24px; font-weight:600; } /*margin-bottom:100px; */

@media all and (max-width:400px) {
	.preparing_service { width:60%; padding: 50px 0; }
	.preparing_service p { font-size:16px; }
}

@media all and (min-width:400px) {
	.preparing_service { width:50%; padding: 50px 0; }
	.preparing_service p { font-size:18px; }
}

@media all and (min-width:800px) {
	.preparing_service { width: 30%; }
}

/*운영이사 중점사항 스타일 종료*/

/*클럽소개 - 클럽안내 페이지 (구 지역별 클럽 주소록) 스타일 시작*/

.zone_in_club { width:100%; box-sizing:border-box; }
.zone_in_club > ul { padding:0; }
.zone_in_club > ul > li { width:100%; }
.zone_in_club h2 { background:#013983; font-size:18px; margin: 0; padding:10px; color: #fff; text-align: center; }
.zone_in_club > ul > li > ul > li.club_info_box:last-child { margin-bottom:0; }
.zone_in_club > ul > li > ul > li.club_info_box { background:#f4f4f4; position:relative; }
.zone_in_club > ul > li > ul > li.club_info_box a.link_web { position:absolute; top:0px; right:0px; width:40px; height:40px; line-height:40px; background: rgba(0,0,0,0.1); text-align:center; }
.zone_in_club > ul > li > ul > li.club_info_box a.link_web:hover { background: rgba(0,0,0,0.5); }
.zone_in_club > ul > li > ul > li.club_info_box a i { color:#fff;  }
.zone_in_club > ul > li > ul { padding:10px; margin: 0;  background: #f2f2f2; }
.zone_in_club > ul > li > ul > li.club_info_box .sns_btn a { margin-right:10px; }
.zone_in_club > ul > li > ul > li.club_info_box .sns_btn a:last-child { margin-right:0px; }
.zone_in_club > ul > li > ul > li.club_info_box .sns_btn a i.sns { color:#555; font-size:25px; }
.zone_in_club > ul > li > ul > li.club_info_box a img.kakao { display:inline-block; width:25px; height:25px; }
.zone_in_club > ul > li > ul > li.club_info_box a img.naver { display:inline-block; width:21px; height:21px; padding:2px }
.club_info_box table  {background:#fff; width:100%; border-collapse:collapse; border:0; }
.club_info_box table thead { background: #2874b7; color: #fff; }
.club_info_box table th { background:#ebf5ff; text-align:center; font-size:16px; vertical-align:middle;border: 1px solid #ddd; padding: 5px;  }
.club_info_box table td { text-align:center; font-size:16px; vertical-align:middle; }
.club_info_box table th.tit { text-align:left; background:#555; font-size:16px; }
.club_info_box table a { color:#555; }
.club_info_box table a.club_name { display:block; width:80%; padding:4px 0; color:#fff; }
.club_info_box table a.club_name:hover { color:#fff; }
.club_info_box table a[href^='tel'] { padding-left: 0px; }
.club_info_box table .minwidth_td { min-width:80px; }

@media all and (max-width:400px){
	.zone_in_club > ul > li {  border: 1px solid #013983; }
	.zone_in_club > ul > li > ul > li.club_info_box {  margin-bottom:0px;  }
	.zone_in_club > ul > li > ul { padding:0px;  }
	.club_info_box table th {border: 1px solid #ddd; padding: 5px; border:0; }
	.club_info_box table th.tit {font-size:16px; padding:10px; border:0; }
	.club_info_box table td {  border:0; padding: 10px;  }
	.club_info_box table a.club_name { padding:0px 0; }
}
@media all and (min-width:400px){
	.zone_in_club > ul { padding:0; }
	.zone_in_club h2 {padding:5px;  }
	.zone_in_club > ul > li > ul > li.club_info_box { margin-bottom:10px; }
	.zone_in_club > ul > li > ul > li.club_info_box a.link_web { top:1px; right:1px; }
	.zone_in_club > ul > li > ul { padding:10px; }
	.club_info_box table a:hover { color:#013983; }
	.club_info_box table a.club_name { padding:4px 0;}
}
@media all and (min-width:600px){
	.zone_in_club > ul > li > ul > li.club_info_box .sns_btn a { margin-right: 5px; }
	.zone_in_club > ul > li > ul > li.club_info_box .sns_btn a:last-child { margin-right:0px; }
}
@media all and (min-width:640px){
	.zone_in_club > ul { overflow:hidden; }
	.zone_in_club > ul > li > ul { overflow:hidden; padding:20px; padding-bottom:0;  background: #f2f2f2;  }
	.zone_in_club > ul > li > ul > li.club_info_box { float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;  }
	.zone_in_club > ul > li > ul > li:nth-child(2n) { margin-right:0; }
}

/*클럽정보 팝업창용 스타일 추가 2020.03.30*/
#club_info { max-width:1200px; min-width:360px; margin:0 auto 100px; padding:20px; background:#fcfcfc; overflow:hidden; box-sizing:border-box; }
#club_info h2 { display:table; overflow:hidden; margin-left:auto; margin:40px auto 0 auto;  }
#club_info h2 .left { width:190px; float:left; border-right:2px solid #8a8b8a; padding-right:15px;  }
#club_info h2 .logo { width:190px; }
#club_info h2 p { float:left;  font-size:21px; padding-left:15px; margin-top: 15px; color:#555; }
#club_info h2 p span { display:block; font-size:14px; font-weight:300; letter-spacing:0px; }
#club_info .tab_btn { width: 424px; margin:20px auto 0; overflow:hidden; }
#club_info .tab_btn ul { margin:0; padding:0; }
#club_info .tab_btn ul li { display:block; float:left; text-align: center; background:#ebeae6; width:140px;  height: 46px; line-height: 46px; margin-right:2px; } /*padding:14px 0; */
#club_info .tab_btn ul li:last-child { margin-right:0; }
#club_info .tab_btn ul li.on { background:#0c4a94; color:#fff; }
#club_info .tab_btn ul li.on a { display:block; color:#fff; }
#club_info .tab_btn ul li:hover { background:#0c4a94;  }
#club_info .tab_btn ul li:hover a { color:#fff; }
#club_info .tab_btn ul li a { display:block;  }
#club_info h3 { font-size:18px; font-weight:700; padding-bottom:6px; margin-bottom: 0; color:#0c4a94; }
#club_info h3 .symbol_01 { width:23px; height:23px; margin-right:3px; }
#club_info .box_type_01 { padding:0; margin:0; box-sizing:border-box;  font-size: 16px; }
#club_info .box_type_01 ul { padding:0; margin:0; overflow:hidden; display:table; border-collapse: collapse; border-bottom:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd; }
#club_info .box_type_01 li { float:left; background:#fff; width:33.33%; box-sizing:border-box; border-top:1px solid #ddd; }
#club_info .box_type_01 li strong { float:left; display:block; background:#e5ebf1; padding:10px 5px;  width:110px; box-sizing:border-box; text-align:center; border-left:1px solid #ddd; border-right:1px solid #ddd; } /* */
#club_info .box_type_01 li span { float:left; display:inline-block; padding:10px; width: calc(100% - 110px); box-sizing:border-box; text-align:center; }
#club_info .box_type_01 li:nth-child(3n) span { border-right:none; }
#club_info .box_type_01 li.width_full { display:block; width:100%; }
#club_info .box_type_01 li:last-child th{ color:#e5ebf1; }
#club_info .box_type_01 li:last-child td{ color:#fff; }
#club_info .box_type_01 i.location { width:15px; height:15px; padding:0px; margin-right:3px; font-size:20px; color:#0c4a94; }
#club_info .box_type_01 a { color:#555; }
#club_info .box_type_01 a:hover { color:#039; }

/*클럽소개 - 팝업 임원 및 이사 정보  스타일 시작 2020.03.31 */
.club_info_executives { width:100%; overflow: hidden; border-top: 1px solid #ddd; } /*height:500px; background:#ccc; */ /**/
.club_info_executives a { color:#555; }
.club_info_executives a:hover { color:#0c4a94; }
.club_info_executives .info { float:left; width:50%; background:#0c4a94; }
.club_info_executives .info .left { width:120px; height:150px; background:rgba(0,0,0,0.1); float:left; }
.club_info_executives .info .left .photo { width:120px; height:150px; background:url(../images/sub/photo_thumb_m_01.jpg)no-repeat 50%; background-size:cover; }
.club_info_executives .info .left .photo a { display:block; width:120px; height:150px; }
.club_info_executives .info .left .job_tit { padding:0; margin:0; height:36.5px; line-height:36.5px; background:#0c4a94; color:#fff; text-align:center; border-top:none; } /*border:1px solid #ddd;*/
.club_info_executives .info .right { width:calc(100% - 120px); background:#eee; float:left;}
.club_info_executives .info .right ul { margin:0; padding:0;  }
.club_info_executives .info .right ul li { border-bottom:0; box-sizing:border-box;  } /*border:1px solid #ccc; */
.club_info_executives .info .right b { display:block; width:130px; background:#e5ebf1;  float:left; padding:8.1px 5px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; box-sizing:border-box; text-align:center; }
.club_info_executives .info .right li:first-child b { border-top:1px solid #ddd; }
.club_info_executives .info .right span { width:calc(100% - 130px); float:left; background:#fff; padding:8.1px 5px; border-bottom:1px solid #ddd; box-sizing:border-box; text-align:center; } /**/
.club_info_executives .info .right li:first-child span { border-top:1px solid #ddd;  }
.club_info_executives .info:nth-child(2n) span { border-right:1px solid #ddd; }
.club_info_executives .info:nth-child(2n) .photo { width:120px; height:150px; background:url(../images/sub/photo_thumb_f_01.gif)no-repeat 50%; background-size:cover; }
/*클럽소개 - 팝업 임원 및 이사 정보  스타일 종료 2020.03.31 */

/*클럽소개 - 팝업 임원 및 이사 정보 하단 표 스타일 시작 2020.03.31*/
.text_info_box_type1 { width:100%; background:#ccc; clear:both; margin-top: 20px; }
.text_info_box_type1 ul { margin:0; padding:0; border-top: 1px solid #ddd;} /*border-left:1px solid #ddd;*/
.text_info_box_type1 ul li { width:20%; float:left; background:#eee; text-align:center; box-sizing:border-box;  }
.text_info_box_type1 ul li b { display:block; padding:8px 0; background:#e5ebf1; border:1px solid #ddd; border-left:none; box-sizing:border-box; }
.text_info_box_type1 ul li:first-child b { border-left:1px solid #ddd; }
.text_info_box_type1 ul li:first-child span { border-left:1px solid #ddd; }
.text_info_box_type1 ul li span { display:block; padding:8px 0; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; }
.text_info_box_type1 a { color:#555; }
.text_info_box_type1 a:hover { color:#0c4a94; }
/*클럽소개 - 팝업 임원 및 이사 정보 하단 표 스타일 종료 2020.03.31*/

/*클럽소개 - 팝업 - 재단기여현황 표 시작 2020.04.01*/
.foundation_contribution_status {  } /*background:#ccc;*/
.foundation_contribution_status > ul {  overflow: hidden; margin:0; padding:0; border-top: 1px solid #ddd; } /*background:#ddd;*/
.foundation_contribution_status > ul > li { float:left; width:50%; box-sizing:border-box; }
.foundation_contribution_status > ul > li:first-child li { border-right:1px solid #ddd; border-left:1px solid #ddd;}
.foundation_contribution_status > ul > li:last-child { border-right:1px solid #ddd; }
.foundation_contribution_status > ul > li > ul { background:#eee; margin:0; padding:0; }
.foundation_contribution_status > ul > li > ul > li { height:38px; line-height:38px; border-bottom:1px solid #ddd; } /*text-align:center;*/
.foundation_contribution_status > ul > li > ul > li:first-child { border-top:2px solid #ddd; }
.foundation_contribution_status > ul > li > ul > li h4 { margin:0; padding:0; text-align:center; font-size:16px; line-height:38px; background:#e5ebf1; }
.foundation_contribution_status > ul > li > ul > li b { width:130px; background:#e5ebf1; display:inline-block; text-align:center; border-right:1px solid #ddd; box-sizing:border-box; padding:0 10px; }
.foundation_contribution_status > ul > li > ul > li span { width:calc(100% - 130px); background:#fff; display:inline-block; padding:0 10px; box-sizing:border-box; text-align:right; }
.foundation_contribution_status .level { color:red; font-weight:600; }
/*클럽소개 - 팝업 - 재단기여현황 표 종료 2020.04.01*/

/*클럽소개 - 팝업 - 회원리스트탭 - 회원리스트 스타일 시작 2020.04.01*/
.member_list { width:100%; overflow: hidden; }
.member_list a { color:#555; }
.member_list a:hover { color:#0c4a94; }
.member_list .info { float:left; width:100%; background:#0c4a94; margin-bottom: 20px; border-top: 1px solid #ddd; }
.member_list .info:first-child { border-top:none; }

.member_list .info .left { width:120px; height:150px; background:rgba(0,0,0,0.1); float:left; }
.member_list .info .left .photo { width:120px; height:150px; background:url(../images/sub/photo_thumb_m_01.jpg)no-repeat 50%; background-size:cover; }
.member_list .info .left .photo a { display:block; width:120px; height:150px; }
.member_list .info .job_tit { padding:0; margin:0; height:36.5px; line-height:36.5px; background:#0c4a94; color:#fff; text-align:center; border-top:none; }

.member_list .info .right { width:calc(100% - 120px); background:#eee; float:left;}
.member_list .info .right ul { margin:0; padding:0;  }
.member_list .info .right ul li { border-bottom:0; box-sizing:border-box;  }
.member_list .info .right b { display:block; width:100px; background:#e5ebf1;  float:left; padding:8.1px 5px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; box-sizing:border-box; text-align:center; }
.member_list .info .right li:first-child b { border-top:1px solid #ddd; }
.member_list .info .right span { width:calc(100% - 100px); float:left; background:#fff; padding:8.1px 5px; border-bottom:1px solid #ddd; box-sizing:border-box; text-align:left; } /**/
.member_list .info .right li:first-child span { border-top:1px solid #ddd;  }
.member_list .info:nth-child(2n) span { border-right:1px solid #ddd; }
.member_list .info:nth-child(2n) .photo { width:120px; height:150px; background:url(../images/sub/photo_thumb_f_01.gif)no-repeat 50%; background-size:cover; }
.member_list .info .job_tit a { color:#fff; }
/*클럽소개 - 팝업 - 회원리스트탭 - 회원리스트 스타일 종료 2020.04.01*/

/*클럽소개 - 팝업 - 회원리스트탭 - 역대 회장/총무 스타일 시작 2020.04.02*/
.successive_president { border-top:1px solid #ddd; }
.successive_president table { width:100%; border-top:1px solid #ddd; }
.successive_president table th { background:#e5ebf1; }
.successive_president table td { text-align:center; }
.successive_president a { color:#555; }
.successive_president a:hover { color:#039; }

/*클럽소개 - 팝업 - 회원리스트탭 - 역대 회장/총무 스타일 종료 2020.04.02*/

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

	#club_info .tab_btn { display:none; }
	#club_info .box_type_01 { font-size:15px;  }
	#club_info .box_type_01 ul { width:100%;  word-break:break-all;}
	#club_info .box_type_01 ul li { display:block; float:none; width:100%;}
	#club_info .box_type_01 li { border:none; }
	#club_info .box_type_01 li strong { width:111px; border-top:1px solid #ddd; }
	#club_info .box_type_01 li span { width:calc(100% - 111px); border-top:1px solid #ddd; }

	#club_info .box_type_01 li strong.tallHeight { display: flex; flex-direction: column; justify-content: center; padding:0 10px; height:44px; }
	#club_info .box_type_01 li span.tallHeight { display: flex; flex-direction: column; justify-content: center;  padding:0 10px; height:44px;  }

	#club_info .box_type_01 li.width_full { position:relative; clear:both; height:100%; }
	#club_info .box_type_01 li.width_full strong {   } /*display:none;*/
	#club_info .box_type_01 li.width_full span { width: calc(100% - 111px); border-left:none;}

	#club_info h2 .left { width: 115px; margin-top: 18px;}
	#club_info h2 .logo { width: 115px; }
	#club_info h3  { margin-top:20px; }
	#club_info h3:first-child { margin-top:0px; }
	.dropdown_menu_first select { width:100%; }
	.dropdown_menu_first select, .dropdown_menu_first[action] select { background:#0c4a94; color:#fff; border:1px solid #0c4a94; height:50px; }
	.club_info_executives .info { width:100%; }
	.club_info_executives .info:last-child .right li b { border-top:none; border-right:1px solid #ddd; }
	.club_info_executives .info:last-child .right li span { border-top:none; border-right:1px solid #ddd; }
	.club_info_executives .info .right li b { width:110px;  }
	.club_info_executives .info .right li span { width:calc(100% - 110px);  }
	.club_info_executives .info .right li b { text-align:center }
	.club_info_executives .info .right li span { text-align:center }
	.club_info_executives { font-size: 14px; letter-spacing: -0.5px; }
	.club_info_executives .info:first-child .right li span { border-right:1px solid #ddd; }
	.club_info_executives .info .right span { padding:0 5px; height: 37.2px; line-height: 37.2px; }
	.club_info_executives .info .right b { padding:0 5px; height: 37.2px; line-height: 37.2px; }

	.text_info_box_type1 { font-size:14px; }
	.text_info_box_type1 ul li { float:none; width:100%; }
	.text_info_box_type1 ul { border-bottom:1px solid #ddd; }
	.text_info_box_type1 ul li b { border:none; }
	.text_info_box_type1 ul li span { border:none; }
	.text_info_box_type1 ul li b { width:100%; border:1px solid #ddd;  }
	.text_info_box_type1 ul li span { border: 1px solid #ddd; border-top: none; border-bottom:none; }
	.text_info_box_type1 ul li:last-child span { border-bottom: 1px solid #ddd; }

	.foundation_contribution_status > ul > li { float:none; width:100%; }
	.foundation_contribution_status > ul > li:first-child { border-top:1px solid #ddd;  }
	.foundation_contribution_status > ul > li:last-child { border-left:1px solid #ddd;  }
	.foundation_contribution_status > ul > li > ul > li:first-child { border-top:none; }

	.foundation_contribution_status { font-size:14px; }
	.foundation_contribution_status > ul > li > ul > li h4 { font-size:14px; }

	.member_list .info { width:100%; }
	.member_list .info:last-child .right li b { border-top:none; border-right:1px solid #ddd; }
	.member_list .info:last-child .right li span { border-top:none; border-right:1px solid #ddd; }
	.member_list .info .right li b { width:110px; display:none;  }
	.member_list .info .right li span { width:100%;  }

	.member_list .info .right li b { text-align:center }
	.member_list .info .right li span { text-align:center }
	.member_list { font-size: 14px; letter-spacing: -0.5px; }
	.member_list .info:first-child .right li span { border-right:1px solid #ddd; }
	.member_list .info .right li span { text-align:left; }
	.member_list .info .right span { padding:0 5px; height: 37.2px; line-height: 37.2px; }
	.member_list .info .right b { padding:0 5px; height: 37.2px; line-height: 37.2px; }



}
@media all and (min-width:400px) {
	#club_info .tab_btn { display:none; }
	#club_info .box_type_01 ul { width:100%;  word-break:break-all; }
	#club_info .box_type_01 ul li { display:block; float:none; width:100%;}
	#club_info .box_type_01 li { border:none; display:table; }
	#club_info .box_type_01 li strong { width:111px; border-top:1px solid #ddd; }
	#club_info .box_type_01 li span { width:calc(100% - 111px); border-top:1px solid #ddd; }
	#club_info .box_type_01 li strong.tallHeight { display: flex; flex-direction: column; justify-content: center; padding:0 10px; height:44px; }
	#club_info .box_type_01 li span.tallHeight { display: flex; flex-direction: column; justify-content: center; padding:0 10px; height:44px;  }
	#club_info .box_type_01 li .midheigth { height:auto !important; padding:10px !important; }

	#club_info .box_type_01 li.width_full { position:relative; clear:both; height:100%; }
	#club_info .box_type_01 li.width_full strong {   } /*display:none;*/
	#club_info .box_type_01 li.width_full span { width:calc(100% - 111px); } /*border-left:1px solid #ddd;*/
	#club_info h2 .left { width: 120px; }
	#club_info h2 .logo { width: 120px; }
	#club_info h2 p { font-size: 23px; margin-top: -4px; }
	#club_info h2 p span { font-size: 15px; }
	#club_info h3  { margin-top:20px; }
	#club_info h3:first-child { margin-top:0px; }
	.dropdown_menu_first select { width:100%; }
	.dropdown_menu_first select, .dropdown_menu_first[action] select { background:#0c4a94; color:#fff; border:1px solid #0c4a94; height:50px; }

	.club_info_executives .info { width:100%; }
	.club_info_executives .info:last-child .right li b { border-top:none; }
	.club_info_executives .info:last-child .right li span { border-top:none; }
	.club_info_executives .info:first-child .right li b { border-right:1px solid #ddd; }
	.club_info_executives .info:first-child .right li span { border-right:1px solid #ddd; }
	.club_info_executives { font-size: 14px; letter-spacing: -0.5px; }
	.club_info_executives .info .right span { padding:0 5px; height: 37.2px; line-height: 37.2px; }
	.club_info_executives .info .right b { padding:0 5px; height: 37.2px; line-height: 37.2px; }

	.text_info_box_type1 { font-size:14px; }
	.text_info_box_type1 ul li { float:none; width:100%; }
	.text_info_box_type1 ul { border-bottom:1px solid #ddd; }
	.text_info_box_type1 ul li b { border:none; }
	.text_info_box_type1 ul li span { border:none; }
	.text_info_box_type1 ul li b { width:100%; border:1px solid #ddd;  }
	.text_info_box_type1 ul li span { border: 1px solid #ddd; border-top: none; border-bottom:none; }
	.text_info_box_type1 ul li:last-child span { border-bottom: 1px solid #ddd; }

	.foundation_contribution_status > ul > li { float:none; width:100%; }
	.foundation_contribution_status > ul > li:first-child { border-top:1px solid #ddd;  }
	.foundation_contribution_status > ul > li:last-child { border-left:1px solid #ddd;  }
	.foundation_contribution_status > ul > li > ul > li:first-child { border-top:none; }

	.foundation_contribution_status { font-size:14px; }
	.foundation_contribution_status > ul > li > ul > li h4 { font-size:14px; }

	.member_list .info { width:100%; }
	.member_list .info:last-child .right li b { border-top:none; }
	.member_list .info:last-child .right li span { border-top:none; }
	.member_list .info:first-child .right li b { border-right:1px solid #ddd; }
	.member_list .info .right li b { border-right:1px solid #ddd; display:none; }
	.member_list .info .right li span { width:100%; }

	.member_list .info:first-child .right li span { border-right:1px solid #ddd; }
	.member_list { font-size: 14px; letter-spacing: -0.5px; }
	.member_list .info .right span { padding:0 10px; height: 37.2px; line-height: 37.2px; }
	.member_list .info .right b { padding:0 5px; height: 37.2px; line-height: 37.2px; }

}
@media all and (min-width:480px) {
	#club_info .tab_btn { display:block; }
	.dropdown_menu_first select { display:none; }
	.club_info_executives { font-size: 15px; }

	.foundation_contribution_status > ul > li > ul > li h4 { font-size:15px; }

	.member_list { font-size: 15px; }

}
@media all and (min-width:640px) {
	#club_info h2 { display:table; overflow:hidden; margin-left:auto; margin:40px auto 0 auto;  }
	#club_info h2 .left { width:160px; float:left; border-right:2px solid #8a8b8a; padding-right:15px;  }
	#club_info h2 .logo { width:160px; }
	#club_info h2 p { margin-top:0px; font-size:27px; }
	#club_info h2 span { font-size:17px; }
	#club_info h3 { margin-top: 50px;  }
	#club_info h3.no_martop { margin-top: 0px; }
	.member_list .info .right li b { width:100px; display:block;  }
	.member_list .info .right li span { width:calc(100% - 100px); }
}

@media all and (min-width:640px) {
	.foundation_contribution_status > ul > li { float:left; width:50%; }
	.foundation_contribution_status > ul > li:first-child { border-top:none;  }
	.foundation_contribution_status > ul > li:last-child { border-left:none;  }
	.foundation_contribution_status > ul > li > ul > li:first-child { border-top:1px solid #ddd; }

}

@media all and (min-width:768px) {
	.club_info_executives .info { width:50%; }
	.club_info_executives .info:last-child .right li:first-child b { border-top:1px solid #ddd; }
	.club_info_executives .info:last-child .right li:first-child span { border-top:1px solid #ddd; }
	.club_info_executives .info:first-child .right li span { border-right:none }

	.text_info_box_type1 { font-size:15px; overflow: hidden; }
	.text_info_box_type1 ul li { width: 20%; float: left; background: #eee; text-align: center; box-sizing: border-box; }
	.text_info_box_type1 ul li:first-child b { border-left: 1px solid #ddd; }
	.text_info_box_type1 ul li b { display: block; padding: 8px 0; background: #e5ebf1; border: 1px solid #ddd; border-left: none; box-sizing: border-box; }
	.text_info_box_type1 ul li:first-child span { border-left: 1px solid #ddd; }
	.text_info_box_type1 ul li span { display: block; padding: 8px 0; background: #fff; border-left: none;  border-bottom: 1px solid #ddd; box-sizing: border-box; }

	.text_info_box_type1 ul li:nth-child(9) span { border-right:1px solid #ddd; }

	.foundation_contribution_status { font-size:15px; }
	.foundation_contribution_status > ul > li > ul > li h4 { font-size:16px; }

	.member_list .info:last-child .right li:first-child b { border-top:none; }
	.member_list .info:last-child .right li:first-child span { border-top:none; }
	/*.member_list .info:first-child .right li span { border-right:none }*/


	.member_list .info .right li b { width:130px; display:block  }
	.member_list .info .right li span { width:calc(100% - 130px);  }


}
@media all and (min-width:1000px) {
	#club_info h2 { display:table; overflow:hidden; margin-left:auto; margin:40px auto 0 auto;  }
	#club_info h2 .left { width:190px; float:left; border-right:2px solid #8a8b8a; padding-right:15px;  }
	#club_info h2 .logo { width:190px; }
	#club_info h2 p { margin-top:3px; font-size: 32px; }
	#club_info h2 span { font-size:20px; }

	#club_info .box_type_01 { font-size:15px; letter-spacing:-0.5px; }
	#club_info .box_type_01 ul li { float:left; width:33.33%;}
	#club_info .box_type_01 ul li.largeWidth { width:66.66%; }
	#club_info .box_type_01 li:last-child strong { display:block; }
	#club_info .box_type_01 li:last-child span { display:block; }
	#club_info .box_type_01 li strong { width:111px; }
	#club_info .box_type_01 li span { width:calc(100% - 111px); }
	#club_info .box_type_01 li.width_full strong {  display:block; width:110px; border-right:0;}
	#club_info .box_type_01 li.width_full span { display:block; border-top:1px solid #ddd; border-left:1px solid #ddd; width:calc(100% - 110px); }

	#club_info .box_type_01 li strong.tallHeight { display: flex; flex-direction: column; justify-content: center; padding:0 10px;  }
	#club_info .box_type_01 li span.tallHeight { display: flex; flex-direction: column; justify-content: center; padding:0 10px;  }
	#club_info .box_type_01 li .midheigth { height:49px; line-height:49px; padding:10px }


	.text_info_box_type1 { font-size:16px; }
	.club_info_executives { font-size:16px; }

	.member_list { font-size:16px; }

	.member_list .info .right b { width: 130px; }
	.member_list .info .right span { width: calc(100% - 130px); }
}
@media all and (min-width:1200px) {
	#club_info .box_type_01 { font-size:16px; letter-spacing:-0.5px; }
}
/*클럽소개 - 클럽안내 페이지 (구 지역별 클럽 주소록) 스타일 종료*/


/*로타리안 정보 - 팝업 -타입1 스타일 시작 2020.04.02 */
.club_info_executives_type2 { width:100%; overflow: hidden; border-top: 1px solid #ddd; }
.club_info_executives_type2 a { color:#555; }
.club_info_executives_type2 a:hover { color:#0c4a94; }
.club_info_executives_type2 .info { float:left; width:50%; background:#0c4a94 url(../images/common/rotary_symbol_01_white_05.svg)no-repeat left bottom; background-size:287px;  }
.club_info_executives_type2 .info .left { width:120px; height:150px; background:rgba(0,0,0,0.1); float:left; }
.club_info_executives_type2 .info .left .photo { width:120px; height:186px; background:url(../images/sub/photo_thumb_m_01.jpg)no-repeat 50%; background-size:cover; border-top: 1px solid #ddd; } /*150px*/
.club_info_executives_type2 .info .left .photo a { display:block; width:120px; height:150px; }
.club_info_executives_type2 .info .left .job_tit { padding:0; margin:0; height:36.5px; line-height:36.5px; background:#0c4a94; color:#fff; text-align:center; border-top:none; } /*border:1px solid #ddd;*/
.club_info_executives_type2 .info .right { width:calc(100% - 120px); background:#eee; float:left; }
.club_info_executives_type2 .info .right ul { margin:0; padding:0; overflow:hidden; }
.club_info_executives_type2 .info .right ul li { border-bottom:0; border-right: 1px solid #ddd; box-sizing:border-box; width:50%; float:left; }
.club_info_executives_type2 .info .right b { display:block; width:130px; background:#e5ebf1;  float:left; padding:8.1px 5px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; box-sizing:border-box; text-align:center; }
.club_info_executives_type2 .info .right li:first-child b { border-top:1px solid #ddd; }
.club_info_executives_type2 .info .right span { width:calc(100% - 130px); float:left; background:#fff; padding:8.1px 5px; border-bottom:1px solid #ddd; box-sizing:border-box; text-align:center; } /**/
.club_info_executives_type2 .info .right li:first-child span { border-top:1px solid #ddd;  }
.club_info_executives_type2 .info:nth-child(2n) span { border-right:1px solid #ddd; }
.club_info_executives_type2 .info:nth-child(2n) .photo { width:120px; height:150px; background:url(../images/sub/photo_thumb_f_01.gif)no-repeat 50%; background-size:cover; }
.club_info_executives_type2 .info .right ul li.width100 { width:100%; }
.club_info_executives_type2 .info .right li span { text-align:left; padding:0 10px; }
.club_info_executives_type2 .info .right li b { border-top:1px solid #ddd; }
.club_info_executives_type2 .info:first-child .right li b { border-top:1px solid #ddd; }

/*로타리안 정보 - 팝업 -타입1 스타일 종료 2020.04.02 */

/*로타리안 정보 - 팝업 -타입1 - 텍스트 정보만 스타일 시작 2020.04.02 */
.infobox_default_type_01 { width:100%; background:#ddd; }
.infobox_default_type_01 ul { margin:0; padding:0; border-top:1px solid #ddd; overflow: hidden; }
.infobox_default_type_01 ul li { border-right: 1px solid #ddd; }
.infobox_default_type_01 ul li:first-child b { border-top:1px solid #ddd; }
.infobox_default_type_01 ul li:first-child span { border-top:1px solid #ddd; }
.infobox_default_type_01 ul li b { display:inline-block; width:130px; height:40px; line-height:40px; background:#e5ebf1; padding:0 10px; border:1px solid #ddd; border-top:none; float:left; box-sizing:border-box; text-align: center; }
.infobox_default_type_01 ul li span { display:inline-block; width:calc(100% - 130px);height:40px; line-height:40px; background:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; float:left; box-sizing: border-box; padding:0 10px; }
.infobox_default_type_01 ul li.textarea_box b { height:119px; line-height:114px; }
.infobox_default_type_01 ul li.textarea_box span { height:119px; line-height:114px; }
.infobox_default_type_01 ul li textarea { padding:7px; color:#777; }
.infobox_default_type_01 ul li span { border-right:none; }
.infobox_default_type_01 a { color:#555; }
.infobox_default_type_01 a:hover { color:#0c4a94; }

/*로타리안 정보 - 팝업 -타입1 - 텍스트 정보만 스타일 시작 2020.04.02 */
@media all and (max-width:400px) {
	/*로타리안 정보 - 팝업 -타입1 스타일 시작 2020.04.02 */
	.club_info_executives_type2 .info { width:100%; }
	.club_info_executives_type2 .info .right ul li { width:100%; }
	.club_info_executives_type2 .info:last-child .right li b { border-top:none; border-right:1px solid #ddd; }
	.club_info_executives_type2 .info:last-child .right li span { border-top:none; border-right:1px solid #ddd; }
	.club_info_executives_type2 .info .right li b { width:110px;  }
	.club_info_executives_type2 .info .right li span { width:calc(100% - 110px);  }
	.club_info_executives_type2 .info .right li b { text-align:center }
	.club_info_executives_type2 .info .right li span { text-align:center }
	.club_info_executives_type2 { font-size: 14px; letter-spacing: -0.5px; }
	.club_info_executives_type2 .info:first-child .right li b { display:none; } /**/
	.club_info_executives_type2 .info:first-child .right li span { width: 100%; text-align:left; }
	.club_info_executives_type2 .info:first-child .right li:nth-child(1) b { border-top:1px solid #ddd;  }
	.club_info_executives_type2 .info:first-child .right li:nth-child(1) span { border-top:1px solid #ddd; }
	.club_info_executives_type2 .info .right span { padding:0 5px; height: 37.2px; line-height: 37.2px; }
	.club_info_executives_type2 .info .right b { padding:0 5px; height: 37.2px; line-height: 37.2px; }
	.infobox_default_type_01 { font-size: 14px; }
	/*로타리안 정보 - 팝업 -타입1 스타일 종료 2020.04.02 */
}
@media all and (min-width:400px) {
	/*로타리안 정보 - 팝업 -타입1 스타일 시작 2020.04.02 */
	.club_info_executives_type2 .info { width:100%; }
	.club_info_executives_type2 .info .right ul li { width:100%; }
	.club_info_executives_type2 .info:last-child .right li b { border-top:none; }
	.club_info_executives_type2 .info:last-child .right li span { border-top:none; }
	.club_info_executives_type2 .info:first-child .right li b { border-right:1px solid #ddd; display:none; } /**/
	.club_info_executives_type2 .info:first-child .right li span { width:100%; text-align:left; }
	.club_info_executives_type2 .info:first-child .right li:nth-child(1) b { border-top:1px solid #ddd;  }
	.club_info_executives_type2 .info:first-child .right li:nth-child(1) span { border-top:1px solid #ddd; }
	.club_info_executives_type2 { font-size: 14px; letter-spacing: -0.5px; }
	.club_info_executives_type2 .info .right span { padding:0 5px; height: 37.2px; line-height: 37.2px; }
	.club_info_executives_type2 .info .right b { padding:0 5px; height: 37.2px; line-height: 37.2px; }
	.infobox_default_type_01 { font-size: 15px; }
	/*로타리안 정보 - 팝업 -타입1 스타일 종료 2020.04.02 */
}
@media all and (min-width:480px) {
	/*로타리안 정보 - 팝업 -타입1 스타일 시작 2020.04.02 */
	.club_info_executives_type2 { font-size: 15px; }
	/*로타리안 정보 - 팝업 -타입1 스타일 종료 2020.04.02 */
}
@media all and (min-width:500px) {
	.club_info_executives_type2 .info:first-child .right li b { display:block; }
	.club_info_executives_type2 .info:first-child .right li span { width: calc(100% - 130px); }
}
@media all and (min-width:768px) {
	/*로타리안 정보 - 팝업 -타입1 스타일 시작 2020.04.02 */
	.club_info_executives_type2 .info { width:100%; }
	.club_info_executives_type2 .info .right ul li { width:50%; }
	.club_info_executives_type2 .info:last-child .right li:first-child b { border-top:1px solid #ddd; }
	.club_info_executives_type2 .info:last-child .right li:first-child span { border-top:1px solid #ddd; }
	.club_info_executives_type2 .info:first-child .right li span { border-right:none }
	.club_info_executives_type2 .info:first-child .right li:nth-child(2) b { border-top:1px solid #ddd;  }
	.club_info_executives_type2 .info:first-child .right li:nth-child(2) span { border-top:1px solid #ddd; }
	/*로타리안 정보 - 팝업 -타입1 스타일 종료 2020.04.02 */
	.infobox_default_type_01 { font-size: 16px; }
}
@media all and (min-width:1000px) {
	/*로타리안 정보 - 팝업 -타입1 스타일 시작 2020.04.02 */
	.club_info_executives_type2 { font-size:16px; }
	/*로타리안 정보 - 팝업 -타입1 스타일 종료 2020.04.02 */
}

/*클럽소개 - 클럽찾기 페이지 스타일 시작 */
.club_search_result { background:rgba(0,0,0,0.02); overflow:hidden; margin-bottom:20px; }
.club_search_result .top { text-align:center; padding:14px 0; background:#124c84; border-top: 2px solid #333; } /*border-bottom:1px solid #333;*/
.club_search_result .top h3 { margin:0; font-size:18px; font-weight:600; color:#fff; }
.club_search_result .top h3 b { color:#fdbe0c; }
.club_search_result .top p { margin:6px 0 0 0; font-size:16px; color:#fff; }
.club_search_result > ul { margin:0; padding:0; overflow:hidden; }
.club_search_result > ul > li { float:left; width:50%; height:200px; }
.club_search_result > ul > li:nth-child(1n) { background:red; }
.club_search_result > ul > li:nth-child(2n) { background:rgba(0,0,0,0.1); }

/*클럽소개 - 클럽찾기 페이지 스타일 종료 */
/*클럽소개 - 클럽찾기 페이지용 프로필타입3 2020.04.09*/
.profile_type3 { overflow: hidden; }
.profile_type3 ul { margin:0; }
.profile_type3 a { color:#555; }
.profile_type3 a:hover { color:#175fa5; }
.profile_type3 .photo a { display:block; width:100%; height:100%; }

@media all and (max-width:400px) {
	.profile_type3{ width:100%; }
	.profile_type3 > ul { padding: 0; }
	.profile_type3 > ul > li { background:#fff; border: 1px solid #ccc; border-top: none;  border-left: none;} /*margin-top:20px;  padding:10px; */
	.profile_type3 > ul > li:after { content:""; display:block; clear:both; }
	.profile_type3 .photo { width:120px; height:150px; background:url(../images/sub/photo_thumb_m_01.jpg)no-repeat center; background-size:cover; float:left; }
	.profile_type3 .photo_f { width:120px; height:150px; background:#fbfbfb url(../images/sub/photo_thumb_f_01.gif)no-repeat center; background-size:cover; float:left; }
	.profile_type3 .txt { float:right; width:calc(100% - 130px); margin-left: 10px;   font-size: 14px; }
	.profile_type3 .txt ul { margin:0; padding:0; }
	.profile_type3 .txt li:last-child { border:none;}
	.profile_type3 .txt li { border-bottom: 1px dotted  #ccc; padding: 5px 0px;  }
	.profile_type3 .txt li b { float:left; display:inline-block; width:50px; background:none; padding-left:0px; display:none; }
	.profile_type3 .txt .adress, .profile_type3 .txt .job { display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
	.club_search_result .top h3 { font-size:16px; }
	.club_search_result .top p { font-size:14px; }
}
@media all and (min-width:400px) {
	.profile_type3{ width:100%; }
	.profile_type3 > ul { padding: 0; }
	.profile_type3 > ul > li { padding:10px; background:#fff; border: 1px solid #ccc; border-top: none; } /**margin-top:20px; */
	.profile_type3 > ul > li:first-child { border-right: 1px solid #ccc; }
	.profile_type3 > ul > li:nth-child(2)  { margin-top:0px; }
	.profile_type3 > ul > li:after { content:""; display:block; clear:both; }
	.profile_type3 .photo { width:120px; height:150px; background: url(../images/sub/photo_thumb_m_01.jpg)no-repeat center; background-size:cover; float:left; }
	.profile_type3 .photo_f { width:120px; height:150px; background: url(../images/sub/photo_thumb_f_01.gif)no-repeat center; background-size:cover; float:left; }
	.profile_type3 .txt { float:right; width:calc(100% - 130px); margin-left: 10px;   font-size: 15px; }
	.profile_type3 .txt ul { margin:0; padding:0; }
	/*.profile_type3 .txt li:last-child { border-bottom:1px dotted #ccc;}*/
	.profile_type3 .txt li { border-top: 1px dotted #ccc; padding: 4.68px 0px; }
	.profile_type3 .txt li:first-child { border-top:none; }
	.profile_type3 .txt li b { float:left;  display:inline-block; width:55px; background:url(../images/sub/bullet_dot_gray_01.png)no-repeat 0% 50%; padding-left:6px; display:none; }
	.profile_type3 .txt li a span {  }
	.profile_type3 .txt .adress, .profile_type3 .txt .job { display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
	#history_menu .history_ui { height: 55px; }
	.club_search_result .top h3 { font-size:16px; }
	.club_search_result .top p { font-size:14px; }
}
@media all and (min-width:500px) {
	.profile_type3 .txt li b { display:block; }
	.club_search_result .top h3 { font-size:18px; }
	.club_search_result .top p { font-size:16px; }
}
@media all and (min-width:850px) {
	.profile_type3 > ul > li { float:left; width:50%; box-sizing: border-box; }
	.profile_type3 > ul > li:first-child { border-right:none; }
	.profile_type3 > ul > li:nth-child(1), .profile_type3 > ul > li:nth-child(2)  { margin-top:0; }
	.profile_type3 > ul > li:nth-child(2n) { margin-right:0; }
}

/**/
.club_plan_list .club_name { color:#175fa5; }

a[class*='button']:hover, html input[class*='button']:hover, button[class*='button']:hover, .button:hover { border-color: #124c84; background-color: #175fa5; }

/*
.higtFix50 { display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden  }
.vAlignMdl { vertical-align:middle; }
*/

/*인터로타 현황 시작 2020.04.28*/
.status_table_layout_01 h3 { font-weight: 700; padding-bottom: 6px; margin-bottom: 0; color: #0c4a94; border-bottom: 2px solid #0c4a94; }
.status_table_layout_01 h3 .symbol_01 { width: 23px; height: 23px; margin-right: 3px; margin-top: 4px; }
.status_table_layout_01 ul { width: 100%; margin: 0px 0 0 0; padding: 0; overflow:hidden; }
.status_table_layout_01 ul li { text-align:center; box-sizing:border-box; }
.status_table_layout_01 ul li b { display:block; line-height:30px; padding:5px;  }
.status_table_layout_01 ul li span { display:block; line-height:30px; padding:5px;  }
.status_table_layout_01 .adress { text-overflow: ellipsis; white-space: nowrap; overflow: hidden }

@media screen and (max-width: 500px){
	.status_table_layout_01 { font-size:14px; }
	.status_table_layout_01 ul li { width:100%; overflow:hidden; box-sizing:border-box; }/*calc -1 삭제함*/
	.status_table_layout_01 ul li b.width50p { width:calc(50% - 11px); }
	.status_table_layout_01 ul li span.width50p { width:calc(50% - 12px); }

	/*.status_table_layout_01 ul li:first-child { display:none; }*/
	/*.status_table_layout_01 ul li:last-child b { border-bottom:1px solid #ccc;}*/
	.status_table_layout_01 ul li:nth-child(2) b { border-top:0; }
	.status_table_layout_01 ul li:nth-child(2) span { border-top:0; font-weight: 600; }

	.status_table_layout_01 ul li:last-child span { border-bottom:2px solid #0c4a94;}


	/*.status_table_layout_01 ul li b { border:1px solid #ccc; border-bottom:0; background: rgba(0,0,0,0.03); }*/
	.status_table_layout_01 ul li span { border:1px solid #ccc; border-bottom:0;}

	.status_table_layout_01 .width50p {  }
	.status_table_layout_01 .fltLeft { float:left; }
	.status_table_layout_01 .bdrRigtNon { border-right:0 !important; }
	/*.status_table_layout_01 .width70px { width:/70px !important;}*/
	/*.status_table_layout_01 .widt/hCalc93 { width:calc(100% - 93px)!important; }*/
	/*.status_table_layout_01 .widthCalc40 { width:calc(100% - 215px)!important; }/*/
	/*.status_table_layout_01 .widthCalc50 { width:calc(100% - 215px)!important; }*/
	/*.status_table_layout_01 li.liHalf { width:calc(50%)!important; float:left; }*/
	/*.status_table_layout_01 li.liHalf b { /width:70px !important; }*/
	/*.status_table_layout_01 li.liHalf span { box-sizing:border-box; width:calc(100% - 81px)!important; }*/


}

@media screen and (min-width: 500px){
	.status_table_layout_01 { font-size:16px; }
	.status_table_layout_01 h3 .symbol_01 { margin-top: 0px; }
	.status_table_layout_01 ul {  }
	.status_table_layout_01 ul li { float:unset; overflow:hidden; width:100%; overflow:hidden; box-sizing:border-box; border-left:1px solid #ccc; }
	/*.status_table_layout_01 ul li:first-child { border-top:1px solid #ccc; }*/
	.status_table_layout_01 ul li b { float:left; display:inline-block; width:130px; box-sizing:border-box; border-bottom: 1px solid #ccc;  background: rgba(0,0,0,0.03); } /*border-right: 1px solid #ccc;*/
	.status_table_layout_01 ul li span { float:left; display:inline-block; width:calc(100% - 130px);  box-sizing:border-box; border-right: 1px solid #ccc; text-align:left; border-bottom:1px solid #ccc; } /* */
	.status_table_layout_01 ul li:last-child b { border-bottom:0; }
	.status_table_layout_01 ul li:last-child span { border-bottom:0; }
	.status_table_layout_01 .width50p { width:50%; }
	.status_table_layout_01 .fltLeft { float:left; }
	/*.status_table_layout_01 ul li:first-child b { border-top:0; }*/
	.status_table_layout_01 ul li:last-child { border-bottom:2px solid #0c4a94; }
}

/*========*/
@media screen and (max-width: 500px){
	.status_table_layout_01 ul li span { border-bottom:1px !important; }
	.status_table_layout_01 ul li:first-child { display:none; }
}

@media screen and (min-width: 740px){
	.status_table_layout_01 h3 .symbol_01 { margin-top: 4px; }
}

@media screen and (min-width: 900px){
	.status_table_layout_01 { font-size: 16px; }
	.status_table_layout_01 ul li { float:left; }
	.status_table_layout_01 ul li b { display:none; }
	.status_table_layout_01 .firstUL li b { display:block; !important; }
	.status_table_layout_01 ul li:first-child { border-left:0; border-top:0; }
	.status_table_layout_01 ul li:nth-child(1) { width:6%; }
	.status_table_layout_01 ul li:nth-child(2) { width:24%; }
	.status_table_layout_01 ul li:nth-child(3) { width:8%; }
	.status_table_layout_01 ul li:nth-child(4) { width:14%; }
	.status_table_layout_01 ul li:nth-child(5) { width:16%; }
	.status_table_layout_01 ul li:nth-child(6) { width:32%; }
	.status_table_layout_01 ul li b { width:100%; }
	.status_table_layout_01 ul li span { width:100%; }
	.status_table_layout_01 ul li:first-child b { border-left:1px solid #ccc; }
	.status_table_layout_01 ul li:first-child span { border-left:1px solid #ccc;  }
	.status_table_layout_01 ul li b { border-right:0;  } /*border-top: 1px solid #ccc;*/
	.status_table_layout_01 ul li span { border-right:0; text-align:center; }
	.status_table_layout_01 ul li:last-child { border-bottom:0; }
	.status_table_layout_01 ul li:last-child b { border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
	.status_table_layout_01 ul li:last-child span { border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
}
/*인터로타 현황 종료*/




/*인터로타 현황 2 시작 2021.09.02*/
.status_table_layout_02 h3 { font-weight: 700; padding-bottom: 6px; margin-bottom: 0; color: #0c4a94; border-bottom: 2px solid #0c4a94; }
.status_table_layout_02 h3 .symbol_01 { width: 23px; height: 23px; margin-right: 3px; margin-top: 4px; }
.status_table_layout_02 ul { width: 100%; margin: 0px 0 0 0; padding: 0; overflow:hidden; }
.status_table_layout_02 ul li { text-align:center; box-sizing:border-box; }
.status_table_layout_02 ul li b { display:block; line-height:30px; padding:5px;  }
.status_table_layout_02 ul li span { display:block; line-height:30px; padding:5px;  }
.status_table_layout_02 .adress { text-overflow: ellipsis; white-space: nowrap; overflow: hidden }

@media screen and (max-width: 500px){
	.status_table_layout_02 { font-size:14px; }
	.status_table_layout_02 ul li { width:100%; overflow:hidden; box-sizing:border-box; }/*calc -1 삭제함*/
	.status_table_layout_02 ul li b.width50p { width:calc(50% - 11px); }
	.status_table_layout_02 ul li span.width50p { width:calc(50% - 12px); }

	

	.status_table_layout_02 ul li:first-child { display:none; }
	/*.status_table_layout_02 ul li:last-child b { border-bottom:1px solid #ccc;}*/
	.status_table_layout_02 ul li:nth-child(2) b { border-top:0;     border-bottom: 0; } /*230822*/
	.status_table_layout_02 ul li:nth-child(2) span { border-top:0; border-bottom:0; font-weight: 600;  text-align: left; }

	/*.status_table_layout_02 ul li:nth-child(5) b { border-right:1px solid #ccc; }*/

	.status_table_layout_02 ul li:last-child span { border-bottom:2px solid #0c4a94;  width: calc(100% - 123px); display: inline-block; float: left; border-left: 0; text-align: left; } /*230822*/


	.status_table_layout_02 ul li b { border:1px solid #ccc; border-bottom:0; background: rgba(0,0,0,0.03); }
	.status_table_layout_02 ul li span { border:1px solid #ccc; border-bottom:0;}

	.status_table_layout_02 .width50p {  }
	.status_table_layout_02 .fltLeft { float:left; }
	.status_table_layout_02 .bdrRigtNon { border-right:0 !important; }
	.status_table_layout_02 .width70px { width:100px !important;}
	.status_table_layout_02 .widthCalc93 { width:calc(100% - 123px)!important; border-right: 1px solid #ccc; border-bottom: 0;  text-align: left; } /*230822*/
	.status_table_layout_02 .widthCalc40 { width:calc(100% - 215px)!important; }
	.status_table_layout_02 .widthCalc50 { width:calc(100% - 215px)!important; }
	.status_table_layout_02 li.liHalf {  float:left; } /*width:calc(50%)!important;*/
	.status_table_layout_02 li.liHalf b { width:100px !important; }
	.status_table_layout_02 li.liHalf span { box-sizing:border-box; width:calc(100% - 100px)!important; border-right: 1px solid #ccc !important; border-bottom: 0; } /**/


}

@media screen and (min-width: 500px){
	.status_table_layout_02 { font-size:16px; }
	.status_table_layout_02 h3 .symbol_01 { margin-top: 0px; }

	.status_table_layout_02 ul li { float:unset; overflow:hidden; width:100%; overflow:hidden; box-sizing:border-box; border-left:1px solid #ccc; }
	/*.status_table_layout_02 ul li:first-child { border-top:1px solid #ccc; }*/
	.status_table_layout_02 ul li b { float:left; display:inline-block; width:130px; box-sizing:border-box; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: rgba(0,0,0,0.03); } /**/
	.status_table_layout_02 ul li span { float:left; display:inline-block; width:calc(100% - 130px);  box-sizing:border-box; border-right: 1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; } /**/
	.status_table_layout_02 ul li:last-child b { border-bottom:0; }
	.status_table_layout_02 ul li:last-child span { border-bottom:0; }
	/*.status_table_layout_02 .width50p { width:50%; }*/
	.status_table_layout_02 .fltLeft { float:left; }
	/*.status_table_layout_02 ul li:first-child b { border-top:0; }*/
	.status_table_layout_02 ul li:last-child { border-bottom:2px solid #0c4a94; }

}

/*=========*/
@media screen and (max-width: 500px){
	.status_table_layout_02 ul li b { border-bottom: 2px solid #0c4a94; border-right: 1px solid #ccc !important;  width: 100px; display: inline-block; float: left; } /*230822*/
	.status_table_layout_02 ul li span { border-bottom:0px solid #ccc; } /**/
	
	.status_table_layout_02 .width70px { width:100px !important; border-bottom: 0; } /*230822*/
	/*.status_table_layout_02 .widthCalc93 { width: calc(100% - 130px)!important; }*/
	.status_table_layout_02 li.liHalf b { width: 100px !important; border-bottom: 0; } /*230822*/
	.status_table_layout_02 li.liHalf span { width: calc(100% - 112px)!important; text-align: left; }
	/*.status_table_layout_02 .fltLeft { bord/er-right: 1px solid #ccc !important; }*/
}

@media screen and (max-width: 900px){
	.status_table_layout_02 ul { margin-bottom: 20px; border-top: 1px solid #ccc; }
	.status_table_layout_02 ul:last-child { margin-bottom: 20px; }
}

@media screen and (min-width: 740px){
	.status_table_layout_02 h3 .symbol_01 { margin-top: 4px; }
}

@media screen and (min-width: 900px){
	.status_table_layout_02 { font-size: 16px; }
	.status_table_layout_02 ul li { float:left; }
	.status_table_layout_02 ul li b { display:none; }
	.status_table_layout_02 .firstUL li b { display:block; !important; }

	.status_table_layout_02 ul li:first-child { border-left:0; border-top:0; }
	.status_table_layout_02 ul li:nth-child(1) { width:7%; }
	.status_table_layout_02 ul li:nth-child(2) { width:26%; }
	.status_table_layout_02 ul li:nth-child(3) { width:16%; }
	.status_table_layout_02 ul li:nth-child(4) { width:14%; } /*width:8%에서 주석처리한 인원수 8%에서 6% 줘서 14%로 변경*/
	.status_table_layout_02 ul li:nth-child(5) { width:17%; }
	.status_table_layout_02 ul li:nth-child(6) { width:12%; }
	.status_table_layout_02 ul li b { width:100%; }
	.status_table_layout_02 ul li span { width:100%; }
	.status_table_layout_02 ul li:first-child b { border-left:1px solid #ccc; }
	.status_table_layout_02 ul li:first-child span { border-left:1px solid #ccc;  }
	.status_table_layout_02 ul li b { border-right:0;  } /*border-top: 1px solid #ccc;*/
	.status_table_layout_02 ul li span { border-right:0; text-align:center; }
	.status_table_layout_02 ul li:last-child { border-bottom:0; width: 20%;}
	.status_table_layout_02 ul li:last-child b { border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
	.status_table_layout_02 ul li:last-child span { border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
}
/*인터로타 현황 종료*/




/*인터로타 현황 2 시작 2021.09.02*/
.status_table_layout_03 h3 { font-weight: 700; padding-bottom: 6px; margin-bottom: 0; color: #0c4a94; border-bottom: 2px solid #0c4a94; }
.status_table_layout_03 h3 .symbol_01 { width: 23px; height: 23px; margin-right: 3px; margin-top: 4px; }
.status_table_layout_03 ul { width: 100%; margin: 0px 0 0 0; padding: 0; overflow:hidden; }
.status_table_layout_03 ul li { text-align:center; box-sizing:border-box; }
.status_table_layout_03 ul li b { display:block; line-height:30px; padding:5px;  }
.status_table_layout_03 ul li span { display:block; line-height:30px; padding:5px;  }
.status_table_layout_03 .adress { text-overflow: ellipsis; white-space: nowrap; overflow: hidden }

.total_resault { background:rgba(0,0,0,0.1); width:auto; padding:0;  box-sizing:border-box; clear: both; margin-top: 0px;    margin-bottom: 60px; }
.total_resault li { float:left;  padding: 5px; text-align:center; height:41px; line-height:32px; box-sizing:border-box; background:#0c4a94; color:#fff; }
.total_resault li:nth-child(1) { width:7%; }
.total_resault li:nth-child(2) { width:26%; }
.total_resault li:nth-child(3) { width:16%; border-left: 1px solid rgba(255,255,255,0.1); }
.total_resault li:nth-child(4) { width:14%; border-left: 1px solid rgba(255,255,255,0.1); }
.total_resault li:nth-child(5) { width:17%; border-left: 1px solid rgba(255,255,255,0.1); }
.total_resault li:nth-child(6) { width:20%; border-left: 1px solid rgba(255,255,255,0.1); }
.total_resault li:nth-child(7) { width:20%; border-left: 1px solid rgba(255,255,255,0.1); }
.total_resault em { color:#fff; margin-right:5px; display:none; }

.total_resault2 { background:rgba(0,0,0,0.1); width:auto; padding:0;  box-sizing:border-box; clear: both; margin-top: 0px; margin-bottom: 60px; }
.total_resault2 li { float:left;  padding: 5px; text-align:center; height:41px; line-height:32px; box-sizing:border-box; background:#0c4a94; color:#fff; }
.total_resault2 li:nth-child(1) { width:6%; }
.total_resault2 li:nth-child(2) { width:15.5%; }
.total_resault2 li:nth-child(3) { width:15.5%; border-left: 1px solid rgba(255,255,255,0.1); }
.total_resault2 li:nth-child(4) { width:15.5%; border-left: 1px solid rgba(255,255,255,0.1); }
.total_resault2 li:nth-child(5) { width:15.5%; border-left: 1px solid rgba(255,255,255,0.1); }
.total_resault2 li:nth-child(6) { width:12%; border-left: 1px solid rgba(255,255,255,0.1); }
.total_resault2 li:nth-child(7) { width:20%; border-left: 1px solid rgba(255,255,255,0.1); }

.total_resault2 em { color:#fff; margin-right:5px; display:none; }


@media screen and (max-width: 900px){
	.total_resault li { padding:0; height:41px; line-height:41px; }
	.total_resault li:nth-child(1) { width:0%;  } 
	.total_resault li:nth-child(2) { width:130px;  } 
	.total_resault li:nth-child(3) { width:calc( ( 100% - 130px) /2);  } 
	.total_resault li:nth-child(4) { width:calc( ( 100% - 130px) /2);  } 
	.total_resault li:nth-child(5) { width:0%; border:0; } 
	.total_resault li:nth-child(6) { width:0%; border:0; } 
	.total_resault li:nth-child(7) { width:0%; border:0; } 
	.total_resault em { display:inline-block; }

	.total_resault2 li { padding:0; height:41px; line-height:41px; }
	.total_resault2 li:nth-child(1) { width:0%;  } 
	.total_resault2 li:nth-child(2) { width:130px;  } 
	.total_resault2 li:nth-child(3) { width:calc( ( 100% - 130px) /2);  } 
	.total_resault2 li:nth-child(4) { width:calc( ( 100% - 130px) /2);  } 
	.total_resault2 li:nth-child(5) { width:0%; border:0; } 
	.total_resault2 li:nth-child(6) { width:0%; border:0; } 
	.total_resault2 em { display:inline-block; }
}

@media screen and (max-width: 500px){
	.status_table_layout_03 { font-size:14px; }
	.status_table_layout_03 ul { margin-bottom: 20px; } 
	.status_table_layout_03 ul li { width:100%; overflow:hidden; box-sizing:border-box; border-right: 1px solid #ccc;  }/*calc -1 삭제함*/ /*230822*/
	.status_table_layout_03 ul li b.width50p { width:calc(50% - 11px); }
	.status_table_layout_03 ul li span.width50p { width:calc(50% - 12px); }
	.status_table_layout_03 ul li:first-child { display:none; }
	/*.status_table_layout_03 ul li:last-child b { border-bottom:1px solid #ccc;}*/
	/*.status_table_layout_03 ul li:nth-child(2) b { border-top:0; }*/
	/*.status_table_layout_03 ul li:nth-child(2) span { border-top:0; font-weight: 600; }*/
	.status_table_layout_03 ul li:last-child span { width: calc(100% - 122px); border-right: 0; display: inline-block; float: left; }
	.status_table_layout_03 ul li:last-child { border-bottom: 2px solid #0c4a94; }
	.status_table_layout_03 ul li b { border:0px solid #ccc; border-bottom:0; background: rgba(0,0,0,0.03); } /**/
	.status_table_layout_03 ul li span { border:1px solid #ccc; } /*border-bottom:0;*/
	.status_table_layout_03 .width50p {  }
	.status_table_layout_03 .fltLeft { float:left; width: calc(100% - 123px); border-right: 0; } /*width: calc(100% - 123px); border-right:0*/
	.status_table_layout_03 .bdrRigtNon { border-right:0 solid #ccc !important; width: 100px; } /**/
	/*.status_table_layout_03 .width70px { width:130px !important;}*/
	/*.status_table_layout_03 .widthCalc93 { width:calc(100% - 152px)!important; }*/
	.status_table_layout_03 .widthCalc40 { width:calc(100% - 215px)!important; }
	.status_table_layout_03 .widthCalc50 { width:calc(100% - 215px)!important; }
	/*.status_table_layout_03 li.liHalf { width:calc(50%)!important; float:left; }*/
	/*.status_table_layout_03 li.liHalf b { width:130px !important; }*/
	.status_table_layout_03 li.liHalf span { box-sizing:border-box; width:calc(100% - 111px)!important; } /**/
	.status_table_layout_03 li:nth-child(4) { border-right: 1px solid #ccc !important; }
	
	.total_resault li:nth-child(2) { width:81px; }
	.total_resault li:nth-child(3) { width:calc( ( 100% - 81px) /2);  } 
	.total_resault li:nth-child(4) { width:calc( ( 100% - 81px) /2);  } 

	.total_resault2 li:nth-child(2) { width:81px; }
	.total_resault2 li:nth-child(3) { width:0; border:0;  } 
	.total_resault2 li:nth-child(4) { width:calc(100% - 81px);  } 
	.total_resault2 li:nth-child(7) { width:0; border:0;}


}

@media screen and (min-width: 500px){
	.status_table_layout_03 { font-size:16px; }
	.status_table_layout_03 h3 .symbol_01 { margin-top: 0px; }
	.status_table_layout_03 ul {  }
	.status_table_layout_03 ul li { float:unset; overflow:hidden; width:100%; overflow:hidden; box-sizing:border-box; border-left:1px solid #ccc; }
	/*.status_table_layout_03 ul li:first-child { border-top:1px solid #ccc; }*/
	.status_table_layout_03 ul li b { float:left; display:inline-block; width:130px; box-sizing:border-box; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: rgba(0,0,0,0.03); }
	.status_table_layout_03 ul li span { float:left; display:inline-block; width:calc(100% - 130px);  box-sizing:border-box; border-right: 1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; }
	.status_table_layout_03 ul li:last-child b { border-bottom:0; }
	.status_table_layout_03 ul li:last-child span { border-bottom:0; }
	.status_table_layout_03 .width50p { width:50%; }
	.status_table_layout_03 .fltLeft { float:left; }
	/*.status_table_layout_03 ul li:first-child b { border-top:0; }*/
	.status_table_layout_03 ul li:last-child { border-bottom:2px solid #0c4a94; }
}

/*=========*/
@media screen and (max-width: 500px){
	.status_table_layout_03 ul li span { border-bottom: 0px solid #ccc; text-align: left; }
	.status_table_layout_03 ul li b { width: 100px; border-bottom: 0; border-right: 0px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; display: inline-block; float: left; }
}

@media screen and (min-width: 740px){
	.status_table_layout_03 h3 .symbol_01 { margin-top: 4px; }
}

@media screen and (min-width: 900px){
	.status_table_layout_03 { font-size: 16px; }
	.status_table_layout_03 ul li { float:left; }
	.status_table_layout_03 ul li b { display:none; }
	.status_table_layout_03 .firstUL li b { display:block; !important; }
	.status_table_layout_03 ul li:first-child { border-left:0; border-top:0; }
	.status_table_layout_03 ul li:nth-child(1) { width:7%; }
	.status_table_layout_03 ul li:nth-child(2) { width:26%; }
	.status_table_layout_03 ul li:nth-child(3) { width:20%; }
	.status_table_layout_03 ul li:nth-child(4) { width:20%; }
	.status_table_layout_03 ul li:nth-child(5) { width:20%; }
	.status_table_layout_03 ul li:nth-child(6) { width:32%; }
	.status_table_layout_03 ul li b { width:100%; }
	.status_table_layout_03 ul li span { width:100%; }
	.status_table_layout_03 ul li:first-child b { border-left:1px solid #ccc; }
	.status_table_layout_03 ul li:first-child span { border-left:1px solid #ccc;  }
	.status_table_layout_03 ul li b { border-right:0;  } /*border-top: 1px solid #ccc;*/
	.status_table_layout_03 ul li span { border-right:0; text-align:center; }
	.status_table_layout_03 ul li:last-child { border-bottom:0; width: 27%;}
	.status_table_layout_03 ul li:last-child b { border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
	.status_table_layout_03 ul li:last-child span { border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
}
/*인터로타 현황 종료*/





/*로타리안 정보 스타일 시작*/
#wide_body { width:100%;  }

#wide_body .search1select4 { width:100%; background:red; }

@media screen and(min-width:400px){
	#wide_body .search1select4 { width:100% !important; background:red; }

}

/*로타리안 리스트 페이지2020.05.07*/

.wide_nav_bar { width:100%; overflow:hidden; } /*background: rgba(0,0,0,0.03);*/
.wide_nav_bar .top { overflow:hidden;  }
.wide_nav_bar .top ul {}
.wide_nav_bar .top ul > li { float:left; width:7.692307692307692%; text-align:center; }
.wide_nav_bar .top ul > li a { display:block; background:rgba(0,0,0,0.5); color:#fff; padding: 10px 0; }
.wide_nav_bar .top ul > li a:hover { background:#013983; }
.wide_nav_bar .top ul > li.active a { background:#013983; }
.wide_nav_bar .bottom {  }
.wide_nav_bar .bottom ul {  }
.wide_nav_bar .bottom ul > li { float:left; text-align:center; font-size:16px; }
.wide_nav_bar .bottom ul > li a { display:block; background:rgba(255,255,255,0.2); color:#555; padding: 5px 10px; }
.wide_nav_bar .bottom ul > li a:hover { font-weight:600; color:#013983;  }
.wide_nav_bar .bottom ul > li.active a { font-weight:600; }

.rotarian_lists {  }
.rotarian_lists .a1 .f1{display:block;position:relative;
	/*margin:0 0 .75em;*/
	padding-bottom:100%; /* =9/16 */ /*56.25%*/
	overflow:hidden;
}
.rotarian_lists .a1 .f1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
.rotarian_lists .a1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;
	transition:.2s;
}
.rotarian_lists .a1 .f1 .play{display:block;position:absolute;left:50%;top:50%;width:40px;margin:-20px 0 0 -20px;padding:0 0 40px;border-radius:9999px;
	background:url(../images/sub/b.000000.opacity.50.png) no-repeat center center;overflow:hidden;}
.rotarian_lists .a1 .f1 .play .ic1{float:left;position:absolute;left:50%;top:50%;
	width:0;height:0;
	margin:-10px 0 0 -5px;
	border:10px solid transparent;border-width:10px 15px;border-left-color:#fff;
	overflow:hidden;text-indent:-9999px;font-size:0;line-height:0;
	opacity:.5;
	transition:.2s;
}
/* 글 */
.rotarian_lists .a1 .text1{display:block;min-height:4.5em;overflow:hidden; background: #f1f1f1; padding: 10px; text-align: center;}
.rotarian_lists .a1 .t1{display:block;position:relative; max-height:4.125em;  margin:0 0 .375em; color:#0054a6; font-weight:600; overflow:hidden; }
}
.rotarian_lists .a1 .t1:after{
	content:'…';display:block;position:absolute;right:0;bottom:0;width:3em;height:1.375em;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.rotarian_lists .a1 .wrap1t2{font-size:.9em; } /*float:left;  margin:0 0 .5em -.6em; 	*/
.rotarian_lists .a1 .t2{color:#888; display: block;} /*float:left; background:url(../images/sub/sep1s.png) no-repeat 0 50%; padding:0 .5em 0 .6em; */
.rotarian_lists .a1 .t2.dpb{display:block;padding-left:0;background:transparent;}
/* effect */
.rotarian_lists .a1:hover .f1 .play .ic1,
.rotarian_lists .a1:focus .f1 .play .ic1{opacity:1;}
.rotarian_lists .a1[href]:hover .f1 img,
.rotarian_lists .a1[href]:focus .f1 img{
	transform:scale(1.1);
}
.rotarian_lists li a { display:block; }
/*.rotarian_lists li:hover span.t2 { text-decoration:none !important; }*//*가입일 클럽명 롤오버 밑줄 없애려고 시도*/

.wide_nav_bar_zone { width:100%; }
.wide_nav_bar .top { display:none; }
.wide_nav_bar_club { width:100%; overflow: hidden; }
.wide_nav_bar .bottom { display:none; }


@media (max-width: 400px){
.wide_nav_bar_club { margin-top:10px; }
	.wide_nav_bar select { margin-top:10px; }
}
@media (min-width: 400px){
	.wide_nav_bar select { margin-top:10px; }
}
@media (min-width: 500px){
	.rotarian_lists ul > li { width:33.33333333% !important; }
}
@media (min-width: 760px){
	.rotarian_lists ul > li { width:25% !important; }
}
@media (min-width: 800px){
	.wide_nav_bar_zone { display:none; }
	.wide_nav_bar .top { display:block; }
	.wide_nav_bar_club { display:none;  }
	.wide_nav_bar .bottom { display:block;  }
}
@media (min-width: 1000px){
	.rotarian_lists ul > li { width:20% !important; }
}
@media (min-width: 1260px) {
	.rotarian_lists ul > li { width:16.66666666666667% !important; }
}
/*로타리안 리스트 종료*/
/*로타리안 업체 리스트 시작*/

.rotarian_company_lists .t_card2f1t3 { position: relative; margin: 0 auto; }
.rotarian_company_lists .even-grid.gap24px {margin: -12px -12px;}
.rotarian_company_lists .even-grid { list-style: none; box-sizing: border-box; min-height: 0; margin: 1% -1%; padding: 0;}
.rotarian_company_lists .even-grid:before, .even-grid:after { content: ''; display: table; clear: both; }

.rotarian_company_lists .even-grid[class*='evenmix-1']>.column { width: 100%; }
.rotarian_company_lists .even-grid.gap24px>.column { padding: 12px; }
.rotarian_company_lists .t_card2f1t3 .a1 { display: block; position: relative; text-align: left; text-decoration: none; overflow: hidden;}
.rotarian_company_lists .t_card2f1t3 .f1 { display: block; padding: 0 0 75%; background: #eee; overflow: hidden; }

.rotarian_company_lists .t_card2f1t3 .w1 { box-sizing: border-box; position: relative; }
.rotarian_company_lists .t_card2f1t3 .f1 .f1p1 { display: block; position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; overflow: hidden;}
.rotarian_company_lists .t_card2f1t3 .f1 img { display: block; position: relative; width: auto; height: 100%; min-width: 33.4%; max-width: 100%; margin: 0 auto; transition:0.2s; }

/*.rotarian_company_lists .t_card2f1t3 .f1 img:hover { transform:scale(1.1); }*/
.rotarian_company_lists .even-grid.gap24px>.column:hover img { transform:scale(1.1); }
.rotarian_company_lists .t_card2f1t3 .w2 { box-sizing: border-box; padding: 20px 24px; border: 1px solid #ddd; }
.rotarian_company_lists .t_card2f1t3 .t1 { display: block; position: relative; max-height: 1.5em; margin: 0 0 .666em; color: #333; font-size: 18px; font-weight: 600; line-height: 1.333; overflow: hidden;}
.rotarian_company_lists .t_card2f1t3 .t1:after { content: '…'; display: block; position: absolute; right: 0; bottom: 0; width: 3em; height: 24px; overflow: hidden; text-indent: -9999px; background: linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%); }
.rotarian_company_lists .t_card2f1t3 .t2 { display: block; position: relative; margin: .666em 0 0; padding: .666em 0 0; color: #666; font-size: 14px;}
.rotarian_company_lists .t_card2f1t3 .t2:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 2em; height: 1px; background: #d4d4d4; }
.rotarian_company_lists .t_card2f1t3 .t2 span, .rotarian_company_lists .t_card2f1t3 .t2 a { color:#333; line-height:28px; padding:0; }
.rotarian_company_lists .t_card2f1t3 .t2 .adress, .rotarian_company_lists .t_card2f1t3 .t2 .job  { display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.rotarian_company_lists .t_card2f1t3 a { color:#333; }
.rotarian_company_lists .t_card2f1t3 a:hover { color:#013983;  }
/*.rotarian_company_lists .t_card2f1t3 span a:hover { text-decoration:none; }*/

.rotarian_company_lists .t_card2f1t3 .a1:hover, .t_card2f1t3 .a1:focus { outline: 1px solid #013983; }
.rotarian_company_lists .t_card2f1t3 .a1, .t_card2f1t3 .a1 { box-sizing:border-box; }
.rotarian_wrap .infomenu1 { margin:0; }
.rotarian_company_lists .t_card2f1t3 .t2 .job { color: #013983; font-weight: 600; }

@media all and (min-width: 400px){
	.rotarian_wrap #body_title .h1 { border-bottom: 2px solid #363940; }
}

@media all and (min-width: 768px){
	.rotarian_company_lists .t_card2f1t3 .w1 { float: left; position: absolute; left: 0; top: 0; bottom: 0; width: 40%; }
	.rotarian_company_lists .t_card2f1t3 .f1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
	.rotarian_company_lists .t_card2f1t3 .w2 { float: right; width: 60%; min-height: 230px; }
}
@media all and (min-width:800px){
	.rotarian_wrap #body_title .h1 { border:0; }
}

@media all and (min-width: 960px) {
	.rotarian_company_lists .even-grid[class*='evenmix-12']>.column, .even-grid[class*='evenmix-22']>.column { width: 50%;}
}
/*로타리안 업체 리스트 종료*/
/*로타리안 정보 스타일 종료*/

/*로타리안 업체 정보페이지 스타일 시작*/
.rotarian_company_information { width:100%; } /*height:1000px; background:rgba(0,0,0,0.03);*/

.rotarian_company_information .photo { margin:0 !important; }
.rotarian_company_information .user { margin:0px 0 5px 0; }
.rotarian_company_information h2 { font-size:22px; border-top:1px solid #aaa; margin:0; padding: 14px 0 14px 0;background:#fff; }
.rotarian_company_information h3 { font-size:22px; border-top:1px dotted #aaa; margin:0; padding: 14px 0 0px 0;background:#fff; } /*border-bottom:1px solid #ccc; */
.rotarian_company_information p { margin:0; padding:0; }
.rotarian_company_information i { color:#888; margin-right: 5px; }
.rotarian_company_information .fa-phone { font-size:18px; }
.rotarian_company_information i.fa-mobile { font-size: 25px; margin-left: 2px; margin-right: 7px; }
.rotarian_company_information i.fa-map-marker { font-size: 20px; }
.rotarian_company_information i.fa-fax { font-size:15px; }
.rotarian_company_information i.fa-envelope { font-size: 16px; }
.rotarian_company_information i.fa-clock-o { font-size:19px; }
.rotarian_company_information i.fa-info-circle { font-size:19px; }
.rotarian_company_information .address_zi { margin-top:4px !important;  }
.rotarian_company_information .zibun { border:1px solid #ccc; margin-left:17px; font-size:13px; padding:1px 4px; color:#999; border-radius:5px; }

.rotarian_company_information .service_info_txt {  }
.rotarian_company_information .service_info { height:90px;}
.rotarian_company_information .company { border-bottom: 1px dotted #aaa; margin-top: 20px; padding-bottom:16px; overflow:hidden; }

.rotarian_company_information .top_img { overflow:hidden; width:calc(100% - 60px); height:300px; background:rgba(0,0,0,0.1) url(../images/sub/rotarian__company_info__information_tit_img_01.jpg)no-repeat 50% 50%; background-attachment: fixed; display: flex; flex-direction: column; justify-content: center; padding:30px;} /* */
.rotarian_company_information .top_img h4 { text-align:center; font-size:22px; color:#fff; text-shadow:0 0 5px rgba(0,0,0,0.5);} /*margin-top:10%;*/
/*.rotarian_company_information .parallax-window {  min-height: 300px; background: transparent;  }*/

/*포토슬라이더 타입1 스타일 시작*/
.rotarian_company_information .photo_slider_type1 { height:400px; margin-top:20px; background:rgba(0,0,0,0.03);}
.rotarian_company_information .welcome_message { background:rgba(0,0,0,0.03); margin-top:20px; padding:20px; line-height:34px; }
.rotarian_company_information .welcome_message b { font-weight:600; }
.rotarian_company_information .company_info { background:rgba(0,0,0,0.03); margin-top:20px;}
.rotarian_company_information .map_api { margin-top:20px; background:rgba(0,0,0,0.1) url(../images/sub/rotarian__company_info__information_map.png)no-repeat 50% 50%; background-size:cover; }
.rotarian_company_information .fax {  }
.rotarian_company_information .divide { float:left; }
.rotarian_company_information .phone {  }
.rotarian_company_information .mobile { clear:both; margin-top:12px; }
.rotarian_company_information .email a {  }

.rotarian_company_information .photo { width:150px; height:170px; background:url(../images/sub/photo_thumb_m_01.jpg)no-repeat 50% 50%; background-size:cover; }
.rotarian_company_information a { padding:0 !important; color:#555; }
.rotarian_company_information a:hover { color:#039; text-decoration:none; }
.rotarian_company_information ul { padding:0 !important; }

.rotarian_company_information .company_info > div > div { margin-top:12px; }
.rotarian_company_information .company_info .club { color:#039; font-weight:600; }
.rotarian_company_information .company_info p.sub_info { color:#999; font-size:14px; }
/*.martop10 { margin-top:10px; }*/

.rotarian_company_information .market_inrollment { padding:34px 0 0 0; position:relative; font-size:15px; }
.rotarian_company_information .market_inrollment ul { margin:0; }
.rotarian_company_information .market_inrollment li { margin-bottom:10px; }
.rotarian_company_information .market_inrollment a.more_btn { position:absolute; top:8px; right:0; font-size:14px; }
.rotarian_company_information .market_inrollment b { background:#4caf50; color:#fff; font-size:13px; padding:4px 6px;}
.rotarian_company_information .service_name { margin:0 6px; }
.rotarian_company_information .market_inrollment a.go_btn { margin:0 10px; border:1px solid #ccc; font-size:14px; padding:2px 10px !important; float:right; }
.rotarian_company_information .market_inrollment a.go_btn:hover { background:#039; color:#fff; border:1px solid #039; text-decoration:none; }

.rotarian_company_information .market_inrollment .service_name { font-weight:600; }

.rotarain_info  .buttom_btn { width:300px; height:42px; margin:0 auto; }
.rotarain_info  .buttom_btn ul { padding:0; }
.rotarain_info  .buttom_btn li { float:left; width:calc(33.33333333333333% - 10px); height:40px; line-height:40px; text-align:center; }
.rotarain_info  .buttom_btn li.prev, .rotarain_info  .buttom_btn li.next { color:#555; border:1px solid #ccc; }
.rotarain_info  .buttom_btn li.list { margin:0 5px; background:#013983; border:1px solid #013983; }

.rotarain_info .buttom_btn li.prev_non , .rotarain_info .buttom_btn li.next_non { color:#555; border:1px solid #ccc; }
.rotarain_info .buttom_btn li.prev_non a, .rotarain_info .buttom_btn li.next_non a { color:#ccc; }
.rotarain_info .buttom_btn li.prev_non a:hover, .rotarain_info .buttom_btn li.next_non a:hover { color:#ccc; background:#fff; border:0; }
.rotarain_info .buttom_btn li.prev_non:hover, .rotarain_info .buttom_btn li.next_non:hover { color:#ccc; background:#fff; border:1px solid #ccc; }



.rotarain_info  .buttom_btn li a { display:block;  }
.rotarain_info  .buttom_btn li i { font-size:14px; }
.rotarain_info  .buttom_btn li.list a { color:#fff; }
.rotarain_info  .buttom_btn li.prev i, .rotarain_info  .buttom_btn li.list i  { margin-right:5px; }
.rotarain_info  .buttom_btn li.next i  { margin-left:5px; }
.rotarain_info  .buttom_btn li a:hover { text-decoration:none; background:#013983; border:1px solid #013983; color:#fff; }

.rotarain_info  .buttom_btn li:hover { border:1px solid #013983; }




@media all and (max-width:400px){
	.rotarian_company_information .photo_slider_type1 { width:100%; float:none; }
	.rotarian_company_information .welcome_message { width:calc(100% - 40px); height:auto; float:none; }
	.rotarian_company_information .company_info {width:calc(100% - 42px); height:auto; padding: 20px; float:none; border: 1px solid #ccc; background: #fff; }
	.rotarian_company_information .map_api { width:calc(100% - 2px );  height:300px; float:none; border: 1px solid #ccc; }
	.rotarian_company_information .company_info .date { display:none; }
	.rotarian_company_information .company_info .go_btn { display:none; }
}

@media all and (min-width:400px){
	.rotarian_company_information .photo_slider_type1 { width:100%; float:none; }
	.rotarian_company_information .welcome_message { width:calc(100% - 40px); height:auto; float:none; }
	.rotarian_company_information .company_info {width:calc(100% - 42px); height:auto; padding: 20px; float:none; border: 1px solid #ccc; background: #fff; }
	.rotarian_company_information .map_api { width:calc(100% - 2px ); float:none;  height:300px; border: 1px solid #ccc; }

	.rotarian_company_information .company_info .date { display:none; }
	.rotarian_company_information .company_info .go_btn { display:none; }

}
@media all and (min-width:500px){
	.rotarian_company_information .company_info .date { display:inline-flex; }
	.rotarian_company_information .company_info .go_btn { display:inline-flex; }

}

@media all and (min-width:800px){
	.rotarian_company_information .photo_slider_type1 { width:calc(50% - 10px); float:left; }
	.rotarian_company_information .welcome_message { width:calc(50% - 50px);  float:right; overflow-x:hidden; height:360px; }
	.rotarian_company_information .company_info {width:358px; height: 736px; float:left;  }
	.rotarian_company_information .map_api { width:calc(100% - 402px); height:776px; float:left; border-left:none; }
}

/*현총재소개 - 임원소개 2020.05.14*/
.executive_Introduction a { padding-left:0 !important; color:#555;}
.executive_Introduction a:hover { color:#013983; }
.executive_Introduction .zone_name { display:block; width:120px;  margin-top: 150px; text-align:center; background:#013983; color:#fff; font-weight:600; }
.executive_Introduction .txt li:first-child { background:#555 !important; }


@media all and (min-width:360px){
	.executive_Introduction .zone_name { height: 29px; line-height:29px;  }
}

@media all and (min-width:400px){
	.executive_Introduction .zone_name { height: calc(30% - 10px); line-height: 200%;  }
}

@media all and (max-width:599px){
	.profile_type1 .txt li b { display:none !important;}
}


@media all and (min-width:600px){
	.profile_type1 .txt li b { display:block !important;}
}

/*로타리안 회사정보 페이지 스타일 시작*/
.rotarian_company_information .gallery-top .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: none !important;}
.rotarian_company_information .gallery-top .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: none !important;}
.rotarian_company_information .navigation i::before { color: #fff !important; top: 0 !important;}
.rotarian_company_information .navigation { position: absolute !important; border: none !important; padding: 0 !important; background-color: rgba(0,0,0,0.3) !important; height: 52px !important; width: 50px !important; color: #FFF !important; font-size: 50px !important; text-align: center !important; line-height: 0 !important; top: 50% !important; z-index: 10 !important;}
.rotarian_company_information .swiper-slide_img_div { height:100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.rotarian_company_information .swiper-slide_text_div { background:rgba(0,0,0,0.65); padding:20px; word-wrap: break-word; bottom:0px; position: absolute; bottom: 0px; width:100%;     box-sizing: border-box;}
.rotarian_company_information .swiper-slide_text_div p{color:#FFF; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5em; height:100%}

/*로타리안 회사정보 페이지 스타일 종료*/


/*로타리장터 리스트 스타일 시작*/

/*
.rotary_marketplace { background:rgba(0,0,0,0.08); }
.rotary_marketplace_list { max-width:1200px; width:100% ; }
.rotary_marketplace_list li { width:33.33333333333333% !important; }

@media all (min-width:640px) {
	.rotary_marketplace_list .even-grid[class*='evenmix-2']>.column { width: 50%;}
	.rotary_marketplace_list .even-grid>.column { display: inline-block; position: relative; box-sizing: border-box; width: 100%; margin: 0 -.25em 0 0; padding: 1%; vertical-align: top; }
}
*/

.rotary_marketplace #body { width:920px; } /*width:100%;에서 좌측메뉴 추가하여 사이즈 수정 2020.0525*/

.dark_title_box_type_01 .sub_txt { color:#777; font-size:15px; margin-left:10px; color:#ccc; letter-spacing: -1px; }
.dark_title_box_type_01  { background: #363940; padding:15px; }
.dark_title_box_type_01 h1 { margin:0; padding:0 !important; color:#fff !important; display: inline-block !important; }
.dark_title_box_type_01 .subtxt { color:#fff; }
.dark_title_box_type_01 i.market { color:#fdbe0c; margin-right:5px;}
.dark_title_box_type_01 .search1select2 .text1 { width:200px; margin:0 !important; border:1px solid #363940 !important; font-size:18px; padding:0 10px; }
.dark_title_box_type_01 [class*='search1select'] .submit { width:100px; font-size: 18px; margin:0 !important;}
.dark_title_box_type_01 [class*='search1select'] { margin:0 !important; display: inline-block;  float:right; }

.dspNon { display:none; }

@media all and (max-width:360px) {
	.rotary_marketplace #body { width:100%; }
	.rotary_marketplace li { width:100% !important; }
	.dark_title_box_type_01 .sub_txt { display:none; margin-left: 0px; }
	.dark_title_box_type_01 [class*='search1select'] { float:none !important; margin-top: 15px !important; width:100%; }
	.dark_title_box_type_01 .search1select2 .text1 { width: 70%; }
	.dark_title_box_type_01 [class*='search1select'] .submit { width:30%; }
}
@media all and (min-width:360px) {
	.rotary_marketplace #body { width:100%; }
	.rotary_marketplace > li { width:100% !important;  }
	.dark_title_box_type_01 .sub_txt { display:none; margin-left: 0px; }
	.dark_title_box_type_01 [class*='search1select'] { float:none !important; margin-top: 15px !important; width:100%; }
	.dark_title_box_type_01 .search1select2 .text1 { width: 70%; }
	.dark_title_box_type_01 [class*='search1select'] .submit { width:30%; }
}
@media all and (min-width:600px) {
	.rotary_marketplace > li { width:50% !important; }
	.dark_title_box_type_01 .sub_txt { display:inline-block;  }
}
@media all and (min-width:800px) {
	.dark_title_box_type_01 [class*='search1select'] { width:auto; }
	.dark_title_box_type_01 .search1select2 .text1 { width: 170px; }
	.dark_title_box_type_01 [class*='search1select'] .submit { width:60px; }
	.dark_title_box_type_01 .sub_txt {  margin-left: 10px; }
}
@media all and (min-width:980px) {
	.rotary_marketplace .column { width:33.33333333333333% !important; }
}
@media all and (min-width:1260px) {
	.rotary_marketplace #body { width:920px; }
	.dark_title_box_type_01 .sub_txt {  }
	.dark_title_box_type_01 [class*='search1select'] { float:right !important; margin-top: 0px !important; }
}
/*로타리장터 리스트 스타일 종료*/


/*장터등록 판매상품 읽기 페이지 스타일 시작 2020.05.20*/
.rotarian_market_read { width:100%;  padding-bottom: 100px;} /*background:rgba(0,0,0,0.03);*/
.rotarian_market_read ul { margin:0; padding:0 }
.rotarian_market_read a { margin-left:0; }
.rotarian_market_read a:hover { text-decoration:none; }
.rotarian_market_read .top_content { width:100%; height:662px; } /*background:rgba(0,0,0,0.1);*/
.rotarian_market_read .slider { box-sizing: border-box; width:600px; height:662px;  float:left;} /*슬라이더 이미지 높이 462px로 할 것*/ /*border: 1px solid #ccc; border-right: 0; border-bottom: 0;*/ /*rgba(239,239,239,1) background:#CDDC39;*/
.rotarian_market_read .slider .slider_wrap { position: relative; height: 100%; }
.rotarian_market_read .sale_info { box-sizing: border-box; width:calc(100% - 600px); height:662px; padding:30px; background:#fff; border: 1px solid #ccc; float:left; border-left: none;}
.rotarian_market_read .mid_btns { clear:both; width:542px; margin:80px auto 100px; overflow: hidden; } /*background:rgba(0,0,0,0.5); *//*height:50px;*/
.rotarian_market_read .mid_btns ul { padding:0; }
.rotarian_market_read .mid_btns li { float:left; margin-right:4px; background:#013983; }
.rotarian_market_read .mid_btns li:last-child { margin-right:0 !important; }
.rotarian_market_read .mid_btns li.shoppingmall_btn { width:179px !important; height:50px; }
.rotarian_market_read .mid_btns li.tel_btn { width:197px !important; height:50px;  }
.rotarian_market_read .kakaotalk_btn { width:50px !important; height:50px;  }
.rotarian_market_read .facebook_btn { width:50px !important; height:50px;  }
.rotarian_market_read .twtter { width:50px !important; height:50px;  }
.rotarian_market_read .mid_btns li a { display:block; color:#555; height: 50px; line-height: 50px; text-align: center; padding:0; color:#fff; font-size:18px; }
.rotarian_market_read .mid_btns li a:hover { background:#2874b7; }
.rotarian_market_read .mid_btns li.shoppingmall_btn i, .rotarian_market_read .mid_btns li.tel_btn i { margin-right:5px; font-size:24px; }
.rotarian_market_read .kakaotalk_btn img { width:28px; height:28px; margin-top: 10px; }
.rotarian_market_read .facebook_btn i, .rotarian_market_read .twtter i { font-size:26px; margin-top:13px; }

.rotarian_market_read .content_wrap { text-align:center; }
.rotarian_market_read .content_wrap img { width:860px; margin:0 auto; }

.rotarian_market_read .sale_info > div { font-size:16px; margin-bottom:10px; overflow:hidden; }
.rotarian_market_read .sale_info h2 { margin:0; }
.rotarian_market_read .sale_info .registion { margin:10px 0; color:#aaa; }
.rotarian_market_read .sale_info .money { margin-top:15px; }
.rotarian_market_read .sale_info .money i { width: 22px; text-align: center; font-size: 20px; color: #aaa; margin-right: 2px; }
.rotarian_market_read .sale_info .status_result { overflow: hidden; margin-top:16px; }
.rotarian_market_read ul { margin:0; padding:0; }
.rotarian_market_read .sale_info .status_result li { float:left;  }
.rotarian_market_read .sale_info .status_result li.sale_state { padding:10px 15px; text-align:center; background:#00c73c; color:#fff; } /*width:100px;*/
.rotarian_market_read .sale_info .status_result li.like_state a { padding:10.5px 15px; text-align:center; background:#F44336; margin-left:5px; } /*width:100px;*/
.rotarian_market_read .sale_info .status_result li a { display:block; color:#fff; }
.rotarian_market_read .sale_info .status_result li a:hover { background:#4caf50; }
.rotarian_market_read .sale_info .status_result li i { margin-right:5px; }
.rotarian_market_read .sale_info .status_result li.sale_state i { font-size:20px; }
.rotarian_market_read .sale_info .status_result li.like_state i { font-size:16px; }
.rotarian_market_read .sale_info .status_result li .like_num { margin-left:5px; }

.rotarian_market_read .sale_info .cost { text-decoration:line-through; }
.rotarian_market_read .sale_info .price { font-weight:600; margin:0 10px; font-size:28px; color:#009688 }
.rotarian_market_read .product_info { margin-top:30px; }
.rotarian_market_read .product_info .country {  }
.rotarian_market_read .product_info .country::after { content:'|'; margin:0 5px; color:#ccc; }
.rotarian_market_read .product_info .city::after { content:'|'; margin:0 5px; color:#ccc; }
.rotarian_market_read .product_info li { margin-bottom: 16px;  } /*line-height:38px;*/
.rotarian_market_read .product_info li:last-child { margin-bottom:0; }
.rotarian_market_read .product_info .account { }
.rotarian_market_read .product_info .account::after { content:'|'; margin:0 5px; color:#ccc; }
.rotarian_market_read .product_info .customer_num { margin-left:5px; }
.rotarian_market_read .product_info i { width:22px; text-align:center; font-size:20px; color:#aaa; margin-right:4px; }
.rotarian_market_read .product_info i.fa-archive { font-size:19px; }
.rotarian_market_read .product_info i.fa-credit-card-alt { font-size:15px; }
.rotarian_market_read .product_info i.fa-building-o { font-size:18px;}
.rotarian_market_read .product_info a { padding:0 !important; }
.rotarian_market_read .product_info .customer_num { margin-left:0px; color:#555; }
.rotarian_market_read .product_info .customer_num:hover { color:#039; text-decoration:underline; }

.rotarian_market_read .sale_status { margin-top: 30px; margin-bottom: 0; }
.rotarian_market_read .sale_status .onoff_btn { float:left; display: inline-block !important; }
.rotarian_market_read .sale_status .viewer { float:left; display: inline-block !important; margin-top: 4px; margin-left:15px; }
.rotarian_market_read .sale_status .viewer .total { margin-left:10px; }
.rotarian_market_read .sale_status .viewer .today, .rotarian_market_read .sale_status .viewer .total { color:#aaa; }
.rotarian_market_read .sale_status .btn { display:inline-block; width:60px; height:34px; margin-left: 5px; }
.rotarian_market_read .sale_status .btn_tit { display: block; float: left; margin-top: 2px; }
.rotarian_market_read .sale_status .btn_tit i { width: 22px; text-align: center; font-size: 22px; color: #aaa; margin-right: 4px; }

.rotarian_market_read .tag_wrap { width:860px; margin:20px auto; word-break:break-word; line-height: 24px; padding:20px;  } /*background:rgba(0,0,0,0.03);*/
.rotarian_market_read .tag_wrap h3 { margin:0 0 10px 0; color: #4CAF50;}
.rotarian_market_read .tag_wrap span { margin-right:10px; }
.rotarian_market_read .tag_wrap span::before { content:'#'; color:#4caf50;}

/*주문전 유의사항 2020.05.21*/
.rotarian_market_read .check_before_order { box-sizing: border-box; width:860px; background:#f2f2f2; margin:20px auto; padding:50px; overflow:hidden;  } /*height:300px;*/
.rotarian_market_read .check_before_order h3 { text-align:center; margin-top:0px; font-size:28px;  }
.rotarian_market_read .check_before_order p { text-align:center; background:#868686; color:#fff;padding:10px 0; font-size:24px; margin-bottom: 0; }
.rotarian_market_read .check_before_order ul { background:#fff; padding:20px; }
.rotarian_market_read .check_before_order li { margin-bottom:12px; text-indent: -7px; margin-left: 10px; font-size:16px; }
.rotarian_market_read .check_before_order li:last-child { margin-bottom:0; }
.rotarian_market_read .check_before_order i { font-size:8px; margin-right: 5px; color:#868686; }

/*판매자정보 2020.05.21*/
.rotarian_market_read .seller_info { width:100%; color:#fff; margin-top:30px; overflow: hidden;} /* height:200px; */
.rotarian_market_read .seller_info ul { }
.rotarian_market_read .seller_info li {float:left; width:33.33333333333333%; min-height: 200px; border-right:1px solid #ccc; box-sizing:border-box; text-align:center; margin-bottom:0; padding:20px; display: flex; flex-direction: column; justify-content: center; background:#3f4ca7; } /*주조색 선택 시 적용되도록 함*/
.rotarian_market_read .seller_info li:last-child { border-right:none; }
.rotarian_market_read .seller_info p { margin:0; padding:0; margin-bottom:15px; }
.rotarian_market_read .seller_info p.name { font-size:28px; }
.rotarian_market_read .seller_info p.tel { font-size:28px; }
.rotarian_market_read .seller_info p.bank_num { font-size:28px; }
.rotarian_market_read .seller_info p.account_name { font-size:20px; }
.rotarian_market_read .seller_info p.info { font-size:12px; }
.rotarian_market_read .seller_info p.tel a { padding-left:0; color:#fff; }
.rotarian_market_read .seller_info p.name a { padding-left:0; color:#fff; }


/*반품교환정보 2020.05.21*/
.rotarian_market_read .return_exchange_info { padding:30px; background:#fff; margin-top: 30px; border: 1px solid #ccc; box-sizing: border-box; }
.rotarian_market_read .return_exchange_info h3 { border-bottom:2px solid #555; padding-bottom: 11px; overflow: hidden; margin:.833em 0; } /*margin:.833em 0; 막판 반응형 때문에 추가*/
.rotarian_market_read .return_exchange_info h3 span { display:inline-block; margin-top: 6px; font-size:1.5em; }
.rotarian_market_read .return_exchange_info ol li { font-size:14px; }
.rotarian_market_read .return_exchange_info ol li { list-style:decimal; margin-left: -25px; line-height: 24px; }
.rotarian_market_read .return_exchange_info ul li { font-size:14px; line-height: 24px; text-indent: -14px; margin-left: 15px; } /*list-style:disc;*/
.rotarian_market_read .return_exchange_info ul li:before {content: "•"; }
.rotarian_market_read .return_exchange_info ul li b { color:#f44336; }

.rotarian_market_read .return_exchange_info p { font-weight:600; }
.rotarian_market_read .return_exchange_info a.customer_complaint_btn { font-size:18px; font-weight:300; padding:10px 20px; background:#000; float:right; color:#fff; }
.rotarian_market_read .return_exchange_info a.customer_complaint_btn:hover { background:#039; }
.rotarian_market_read .return_exchange_info a.customer_complaint_btn i { margin-right:5px; font-size:21px; float:left; margin-top:2px; }
.rotarian_market_read .return_exchange_info a.customer_complaint_btn span {  }

/*on/off토글 체크박스 2020.05.20*/
.status input[type="checkbox"] { position: absolute; visibility: hidden;}
.status label { display: block; position: absolute; width: 50px; height: 30px; border-radius: 17px; background-color: #999; transition-duration: 0.2s; }
.status label span { position: absolute; left: 2px; top: 2px; z-index: 1; width: 26px; height: 26px; border-radius: 50%; background-color: #fff; transition-duration: 0.2s; }
.status label:before, .status label:after{ position: absolute; top: -2px; width: 34px; font-size: 12px; line-height: 34px; color: #fff; text-align: center;}
.status label:before { left: 0; content: 'ON'; }
.status label:after { right: 0; content: 'OFF'; }
.status input:checked + label { background-color: #00c73c; }
.status input:checked + label span { transform: translateX(26px);}

/*판매상품 이미지 슬라이더 Swiper slider 2020.0522*/
/*.rotarian_market_read .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
.rotarian_market_read .swiper-slide { background-size: cover; background-position: center; }
.rotarian_market_read .gallery-top { height: 80%; width: 100%; }
.rotarian_market_read .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; }
.rotarian_market_read .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
.rotarian_market_read .gallery-thumbs .swiper-slide-active { opacity: 0.4; }
.rotarian_market_read .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }*/
.swiper-container { width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.swiper-slide {background-size: cover;  background-position: center;}
.gallery-top {height: 80%;  width: 100%;}
.gallery-thumbs {  height: 21.5%;  box-sizing: border-box;  padding: 10px 0;}
.gallery-thumbs .swiper-slide {  width: 25%;  height: 100%;  opacity: 0.4;}
.gallery-thumbs .swiper-slide-active {  opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active {  opacity: 1;}


@media all and (max-width:360px) {
	.rotarian_market_read .slider { float:none; width: 100% }
	.rotarian_market_read .sale_info { float:none; width: 100%; }
	.rotarian_market_read .top_content { height:auto; }
	.rotarian_market_read .sale_info h2 { font-size: 20px; }
	.rotarian_market_read .product_info li { margin-bottom: 10px; }
	.rotarian_market_read .product_info { margin-top: 15px; }
	.rotarian_market_read .sale_status { margin-top: 0px; }
	.rotarian_market_read .sale_info { height:auto; }
	.rotarian_market_read .sale_info .registion { margin: 5px 0; }
	.rotarian_market_read .sale_info .money { margin-top: 0px; }
	.rotarian_market_read .sale_info { padding: 15px; }
	.rotarian_market_read .sale_info .discount_rate {  } /*display:block;*/
	.rotarian_market_read .sale_info > div { font-size:15px; }
	.rotarian_market_read .mid_btns { width:100%; } /*작은사이즈에서 키운다*/
	.rotarian_market_read .mid_btns li { margin-right:0; } /*margin4픽셀에서 삭제되는것*/
	.rotarian_market_read .mid_btns li.shoppingmall_btn { width:100% !important; }
	.rotarian_market_read .sale_info .price { font-size: 20px; }
	/*.rotarian_market_read .sale_info .status_result li.sale_state { padding: 10px 15px; }*/ /*width: unset !important;*/
	/*.rotarian_market_read .sale_info .status_result li.like_state a { min-width:10px !important; margin-left:0; }*/
	.rotarian_market_read .mid_btns li.shoppingmall_btn { width:100% !important; }
	.rotarian_market_read .mid_btns li.tel_btn { width: 100% !important; margin:1px 0; }
	.rotarian_market_read .kakaotalk_btn, .rotarian_market_read .facebook_btn, .rotarian_market_read .twtter { width:33.33333333333333% !important; }
	.rotarian_market_read .mid_btns { margin: 20px auto 20px; }
	.rotarian_market_read .content_wrap img { width:100%; }
	.rotarian_market_read .tag_wrap { width:auto; }
	.rotarian_market_read .check_before_order { width:100%; padding: 15px; }
	.rotarian_market_read .check_before_order h3 { font-size: 22px; }
	.rotarian_market_read .check_before_order p { font-size: 18px; }
	.rotarian_market_read .check_before_order li { font-size:15px; }
	.rotarian_market_read .seller_info li { width:100%; margin-bottom:1px; }
	.rotarian_market_read .seller_info li:last-child { margin-bottom:none; }
	.rotarian_market_read .return_exchange_info h3 span { font-size:20px; margin-top:10px; }
	.rotarian_market_read .return_exchange_info a.customer_complaint_btn { padding: 10px 10px; }
	.rotarian_market_read .return_exchange_info a.customer_complaint_btn { font-size:16px; }
	.rotarian_market_read .return_exchange_info a.customer_complaint_btn i { margin-right: 3px; margin-top: 1px; }
	.rotarian_market_read .return_exchange_info { padding: 15px; }
	.rotarian_market_read .return_exchange_info h3 { margin:0; }
	.rotarian_market_read .seller_info p.name, .rotarian_market_read .seller_info p.tel, .rotarian_market_read .seller_info p.bank_num { font-size:20px; }
	.rotarian_market_read .seller_info p { font-size:14px; }
	.rotarian_market_read .seller_info li { border-right:none; }
	.rotarian_market_read .return_exchange_info a.customer_complaint_btn {  width: calc(100% - 20px); }
	.gallery-thumbs .swiper-slide { height:50%; }
	.rotarian_market_read .sale_info { border-left:1px solid #ccc; border-top:none; }
	.rotarian_market_read .slider { height:500px; }

}

@media all and (min-width:360px) {
	.rotarian_market_read .slider { float:none; width: 100% }
	.rotarian_market_read .sale_info { float:none; width: 100%; }
	.rotarian_market_read .top_content { height:auto; }
	.rotarian_market_read .sale_info h2 { font-size: 20px; }
	.rotarian_market_read .product_info li { margin-bottom: 10px; }
	.rotarian_market_read .product_info { margin-top: 15px; }
	.rotarian_market_read .sale_status { margin-top: 0px; }
	.rotarian_market_read .sale_info { height:auto; }
	.rotarian_market_read .sale_info .registion { margin: 5px 0; }
	.rotarian_market_read .sale_info .money { margin-top: 0px; }
	.rotarian_market_read .sale_info { padding: 15px; }
	.rotarian_market_read .sale_info .discount_rate { display:block; }
	.rotarian_market_read .sale_info > div { font-size:15px; }
	.rotarian_market_read .mid_btns { width:100%; }
	.rotarian_market_read .mid_btns li { margin-right:0; }
	.rotarian_market_read .sale_info .price { font-size: 20px; }
	.rotarian_market_read .mid_btns li.shoppingmall_btn { width:100% !important; }
	.rotarian_market_read .mid_btns li.tel_btn { width: 100% !important; margin:1px 0; }
	.rotarian_market_read .kakaotalk_btn, .rotarian_market_read .facebook_btn, .rotarian_market_read .twtter { width:33.33333333333333% !important; }

	.rotarian_market_read .double { width:50% !important; }
	.rotarian_market_read .only { width:100% !important; }

	.rotarian_market_read .mid_btns { margin: 20px auto 20px; }
	.rotarian_market_read .content_wrap img { width:100%; }
	.rotarian_market_read .tag_wrap { width:auto; }
	.rotarian_market_read .check_before_order { width:100%; padding: 15px; }
	.rotarian_market_read .check_before_order h3 { font-size: 22px; }
	.rotarian_market_read .check_before_order p { font-size: 18px; }
	.rotarian_market_read .check_before_order li { font-size:15px; }
	.rotarian_market_read .seller_info li { width:100%; margin-bottom:1px; }
	.rotarian_market_read .seller_info li:last-child { margin-bottom:none; }
	.rotarian_market_read .return_exchange_info h3 span { font-size:20px; margin-top:10px; }
	.rotarian_market_read .return_exchange_info a.customer_complaint_btn { padding: 10px 10px; }
	.rotarian_market_read .return_exchange_info a.customer_complaint_btn { font-size:16px; }
	.rotarian_market_read .return_exchange_info a.customer_complaint_btn i { margin-right: 3px; margin-top: 1px; }
	.rotarian_market_read .return_exchange_info { padding: 15px; }
	.rotarian_market_read .return_exchange_info h3 { margin:0; }
	.rotarian_market_read .seller_info li { min-height:100px; }
	.rotarian_market_read .seller_info p.name, .rotarian_market_read .seller_info p.tel, .rotarian_market_read .seller_info p.bank_num { font-size:20px; }
	.rotarian_market_read .seller_info p { font-size:14px; }
	.rotarian_market_read .seller_info li { border-right:none; }
	.rotarian_market_read .return_exchange_info a.customer_complaint_btn { width: calc(100% - 20px); }

	/*.gallery-thumbs .swiper-slide { height:50%; }*/
	.rotarian_market_read .sale_info { border-left:1px solid #ccc; border-top:none; }
	.rotarian_market_read .slider { height:500px; }

}

@media all and (min-width:420px) {
	.rotarian_market_read .return_exchange_info a.customer_complaint_btn { width: auto; }

}

@media all and (min-width:500px) {
	.gallery-thumbs .swiper-slide { height:100%; }
}

@media all and (min-width:1260px) {
	.rotarian_market_read .slider { float:left; width: 600px; }
	.rotarian_market_read .sale_info { float:left; width:calc(100% - 600px); }
	.rotarian_market_read .sale_info > div { font-size:16px; }
	.rotarian_market_read .top_content { height:662px; }
	.rotarian_market_read .sale_info h2 { font-size: 20px; } /*h2에 위에는 font-size:20이 없다, 조사해보자*/
	.rotarian_market_read .product_info li { margin-bottom: 16px; }
	.rotarian_market_read .product_info { margin-top: 30px; }
	.rotarian_market_read .sale_status { margin-top: 30px; }
	.rotarian_market_read .sale_info { height:662px; }
	.rotarian_market_read .sale_info .registion { margin: 10px 0; }
	.rotarian_market_read .sale_info .money { margin-top: 15px; }
	.rotarian_market_read .sale_info { padding: 30px; }
	.rotarian_market_read .sale_info .discount_rate { display:inline-block; }/*display:block;여서 우선 inline 추가해봄*/
	.rotarian_market_read .mid_btns { width:542px; }
	.rotarian_market_read .mid_btns li { margin-right:4px; }
	.rotarian_market_read .mid_btns li.shoppingmall_btn { width:179px !important; }
	.rotarian_market_read .sale_info .price { font-size: 28px; }
	.rotarian_market_read .mid_btns li.kakaotalk_btn { margin-left:4px; }

	.rotarian_market_read .mid_btns li.tel_btn { width: 197px !important; height:50px; margin:0; } /*margin:1px 0; 360과 여기에 있었으나 상단에는 마진없어서 주석처리해둠*/
	.rotarian_market_read .kakaotalk_btn, .rotarian_market_read .facebook_btn, .rotarian_market_read .twtter { width:50px !important; } /*위에는 height:50px; 있으나 주석처리해둠*/
	.rotarian_market_read .mid_btns { margin-top: 80px;  margin-bottom: 100px; width: auto; display: flex; justify-content: center;  } /*margin: 80px auto 100px;*/
	.rotarian_market_read .content_wrap img { width:860px; }
	.rotarian_market_read .tag_wrap { width:auto; } /*width:860px; */
	.rotarian_market_read .check_before_order { width:auto; padding: 50px 150px; } /*width:860px;*/
	.rotarian_market_read .check_before_order h3 { font-size: 28px; }
	.rotarian_market_read .check_before_order p { font-size: 24px; }
	.rotarian_market_read .check_before_order li { font-size:16px; }
	.rotarian_market_read .seller_info li { width:33.33333333333333%; margin-bottom:1px; }
	.rotarian_market_read .seller_info li:last-child { margin-bottom:none; } /*위에는 적용 안해도 됨 패스*/
	.rotarian_market_read .return_exchange_info h3 span { font-size:1em; margin-top:6px; }

	.rotarian_market_read .return_exchange_info a.customer_complaint_btn { padding: 10px 20px; }
	.rotarian_market_read .return_exchange_info a.customer_complaint_btn { font-size:18px; }
	.rotarian_market_read .return_exchange_info a.customer_complaint_btn i { margin-right: 5px; margin-top: 2px; }
	.rotarian_market_read .return_exchange_info { padding: 30px 30px 60px 30px; }
	.rotarian_market_read .return_exchange_info h3 { margin:.833em 0; }
	.rotarian_market_read .seller_info li { min-height:200px; }

	.rotarian_market_read .seller_info p.name, .rotarian_market_read .seller_info p.tel, .rotarian_market_read .seller_info p.bank_num { font-size:22px; }
	.rotarian_market_read .seller_info p { font-size:14px; }
	.rotarian_market_read .seller_info li { border-right:1px solid #ccc; }
	.rotarian_market_read .slider { height:662px; }
	.rotarian_market_read .sale_info { border-top:1px solid #ccc; border-left:none; }
}
/*장터등록 판매상품 읽기 페이지 스타일 종료*/

/*로타리장터 쓰기페이지 스타일 시작*/
.rotary_marketplace_write { width:100% !important; }

/*로타리장터 쓰기페이지 스타일 종료*/

/*아이디/비번찾기 페이지 2020.05.23*/
/*.login_idpw_lost {  background: #f6f4f4; }*/
.login_idpw_lost h2 #title { height:50px; line-height:50px;   position: relative; margin: 0 auto; width: 100%; text-align: center; margin-top: -17px; font-size: 18px; font-weight: bold; color: #666; background: #fff; box-shadow:0px 5px 5px rgba(0,0,0,0.1); }
.login_idpw_lost h2 .line { color:#ccc; }
.login_idpw_lost h2 i { margin-right:6px; font-size:22px; }
.login_idpw_lost fieldset { margin-bottom:0; }
.login_idpw_lost #content { padding: 15px; width: 700px; margin: 0 auto; /*margin-top: 30px;*/ }
.login_idpw_lost .member_box { border: 1px solid #147cac; border-radius: 10px; margin: 10px 0; background-color: #fff;} /*padding: 10px; */
.login_idpw_lost .member_box h2 { font-size: 16px; padding: 10px 0; color: #147cac; text-align: center; border-bottom: 1px dotted #ccc; margin-bottom: 10px;}
.login_idpw_lost .table_div { width: 300px; margin: 20px auto 20px; }
.login_idpw_lost .member_div .table_member { border: 0 none; margin-left: 3px; } /*width: 100%;*/
.login_idpw_lost .member_div .table_member caption { display: none; }
.login_idpw_lost .member_div .table_member tr { line-height: 1.5; }
.login_idpw_lost .member_div .table_member th { font-weight: bold; padding-top: 12px;/*padding: 10px;*/ white-space: nowrap; vertical-align: top; text-align: left; border-bottom: 1px solid #ccc; border-right: 1px dotted #ccc; color:#2874b7; }
.login_idpw_lost .member_div .table_member td { /*padding: 5px 10px;*/ border-bottom: 1px solid #ccc;}
.login_idpw_lost .member_div .table_member td input { border: 1px solid #ccc; background-color: #fff; padding: 5px 10px; margin: 5px; height: 34px;}
.login_idpw_lost .contents_campaign th, td { color: #333; }
.login_idpw_lost .blue_btn { display:block; width:292px; height:40px; line-height:40px; background-color: #0f85d0; color: #fff; margin:0 auto 40px; text-align: center; } /*padding: 10px 40px; margin-right: 10px; vertical-align: middle;*/
.login_idpw_lost .blue_btn:hover { text-decoration:none; background:#013983; }
/*.login_idpw_lost .member_box { border: 1px solid #147cac; padding: 10px; border-radius: 10px; margin: 10px 0; background-color: #fff;}*/
.login_idpw_lost .member_box h2 { font-size: 18px; padding: 10px 0; color: #147cac; text-align: center; border-bottom: 1px dotted #ccc; margin-bottom: 10px;}
.login_idpw_lost .alignC { text-align: center !important; }
.login_idpw_lost .marginT50 { margin-top: 50px; }
.login_idpw_lost img, .login_idpw_lost fieldset, .login_idpw_lost iframe { border: 0; margin-top: 0px; }
.login_idpw_lost .point1 { margin:10px 0 50px 0; }

.login_idpw_lost .point1 span { text-indent: -10px; margin-left: 9px; display:inline-block; font-size: 14px; }

@media all and (max-width:360px) {
	.login_idpw_lost #content { padding:0; width:auto; }
	.login_idpw_lost .member_box { margin:0; }
	.login_idpw_lost .table_div { width: calc(100% - 30px);}
	.login_idpw_lost .member_div .table_member { width: 100%; margin-left: 0px; }
	.login_idpw_lost .member_div .table_member td input { width: calc(100% - 10px); }
	.login_idpw_lost .blue_btn { width: calc(100% - 30px); }
	.login_idpw_lost .point1 span { font-size: 14px; }
}
@media all and (min-width:360px) {
	.login_idpw_lost #content { padding:0; width:auto;  }
	.login_idpw_lost #content .password { margin-top: 20px; }

	.login_idpw_lost .member_box { margin:0; }
	.login_idpw_lost .table_div { width: calc(100% - 30px);}
	.login_idpw_lost .member_div .table_member { width: 100%; margin-left: 0px; }
	.login_idpw_lost .member_div .table_member td input { width: calc(100% - 10px); }
	.login_idpw_lost .blue_btn { width: calc(100% - 30px); }
	.login_idpw_lost .point1 span { font-size: 14px; }
}

@media all and (min-width:500px) {
	.login_idpw_lost .blue_btn { width:150px; }
}

@media all and (min-width:800px) {
	/*.login_idpw_lost #content { padding:15px; width:700px; }*/

	.login_idpw_lost .member_box { margin:10px 0; }
	.login_idpw_lost .table_div { width: 300px;}
	.login_idpw_lost .member_div .table_member {  } /*width: 100%; 를 어떻게해야하나*/
	.login_idpw_lost .member_div .table_member td input {  } /*width: calc(100% - 10px);를 어떻게 해야하나*/
	.login_idpw_lost .blue_btn { width: 300px; }
	.login_idpw_lost .point1 span { font-size: 16px; }
}

/*새 독립형 레이아웃 - 로그인페이지 (회원정보 보기 팝업에서 파생) 2020.05.24*/
/*로그인페이지 - 독립형 스타일 시작 2020.05.24*/

.new_wrap_type_1 { max-width: 1200px; min-width: 360px; margin: 0 auto; padding: 20px; background: #fff; overflow: hidden; box-sizing: border-box;}
.new_wrap_type_1 h2 { display: table; overflow: hidden; margin-left: auto; margin: 40px auto 0 auto; }
.new_wrap_type_1 h2 .logo { width: 190px; }
.new_wrap_type_1 h2 p { float: left; font-size: 21px; padding-left: 15px; margin-top: 15px; color: #555; }
.new_wrap_type_1 h3 { font-size: 18px; font-weight: 700; padding-bottom: 6px; margin-bottom: 0; color: #0c4a94; }
.new_wrap_type_1 h3 .symbol_01 { width: 23px; height: 23px; margin-right: 3px; }
.new_wrap_type_1 h2 p span { display: block; font-size: 14px; font-weight: 300; letter-spacing: 0px; }

@media (min-width: 400px) {
.new_wrap_type_1 h2 .left { width: 120px; }
.new_wrap_type_1 h2 .logo { width: 120px; }
.new_wrap_type_1 h2 p { font-size: 23px; margin-top: -4px; }
.new_wrap_type_1 h2 p span { font-size: 15px; }
.new_wrap_type_1 h3 { margin-top: 20px; }
}
@media (min-width: 640px) {
.new_wrap_type_1 h2 {display: table; overflow: hidden; margin-left: auto;margin: 40px auto 0 auto;}
.new_wrap_type_1 h2 .left { width: 160px; float: left; border-right: 2px solid #8a8b8a; padding-right: 15px; }
.new_wrap_type_1 h2 .logo { width: 160px; }
.new_wrap_type_1 h2 p { margin-top: 0px; font-size: 27px; }
.new_wrap_type_1 h3.no_martop { margin-top: 0px; }
.new_wrap_type_1 h3 { margin-top: 50px; }
.new_wrap_type_1 h2 span { font-size: 17px; }
}
@media (min-width: 1000px) {
.new_wrap_type_1 h2 {display: table; overflow: hidden; margin-left: auto; margin: 40px auto 0 auto; }
.new_wrap_type_1 h2 .left { width: 190px; float: left; border-right: 2px solid #8a8b8a; padding-right: 15px; }
.new_wrap_type_1 h2 .logo { width: 190px; }
.new_wrap_type_1 h2 p { margin-top: 3px; font-size: 32px; }
.new_wrap_type_1 h2 span { font-size: 20px; }
}


/*2차시도*/
.login_independence { width:500px; margin:0 auto; background: #f6f4f4; margin-top:100px; box-shadow: 10px 10px 10px rgba(0,0,0,0.3); } /*margin-top:100px는 예시용이므로 삭제할 것!!!*/
.new_wrap_type_2 #body_content { clear: both; position: relative; min-height: 300px; word-wrap: break-word;  }
.new_wrap_type_2 .art-login-wr { background: #f8f8f8; text-align: center;  }
.new_wrap_type_2 .art-login-wr .login-top { background: #fff; margin: 0; padding: 20px; }
.new_wrap_type_2 .art-login-wr .login-top .tit { display:inline; font-size: 36px; color: #222; font-weight: bold; letter-spacing: 0; margin: 0;  }
.new_wrap_type_2 .art-login-wr .login-top i { margin-right:5px; color:#117fc3; }
.new_wrap_type_2 .art-login-wr .login-top p { display:inline; margin: 0; font-size: 14px; margin-left: 10px; }

.new_wrap_type_2 .art-login-wr .login-box { padding-top: 40px; padding-left: 20px; padding-right: 20px; }
.new_wrap_type_2 .art-login-wr .login-box .frm { width: 407px; margin: 0 auto; padding: 0; }
.new_wrap_type_2 .art-login-wr ul { margin: 0; padding: 0; list-style: none; }
.new_wrap_type_2 .art-login-wr .login-box .frm li:first-child { border-top: 1px solid #dcdcdc; }
.new_wrap_type_2 .art-login-wr .login-box .frm li { border: 1px solid #dcdcdc; border-top: 0; }
.new_wrap_type_2 .art-login-wr .login-box .frm input { background: #fff; }
.new_wrap_type_2 .art-login-wr .login-box .frm input { width: 100%; height: 44px; box-sizing: border-box; margin: 0; border: 0; padding-left: 10px; }
.new_wrap_type_2 .art-login-wr .login-box .btn-login { display: block; width: 100%; height: 50px; background: #117fc3; color: #fff; margin: 20px auto 0; border: 0; font-size: 17px; }
.new_wrap_type_2 .art-login-wr .login-box .btn-login:hover { background:#013983; }
.new_wrap_type_2 .art-login-wr .mem-link { padding: 25px 0; }
.new_wrap_type_2 .art-login-wr ul { margin: 0; padding: 0; list-style: none; }
.new_wrap_type_2 .art-login-wr .mem-link li { position: relative; display: inline-block; vertical-align: top; padding: 0 18px; margin: 0 -0.25em; }
.new_wrap_type_2 .art-login-wr .mem-link li a { display: block; color: #444; font-size: 15px; letter-spacing: -0.05em; }
.new_wrap_type_2 .art-login-wr .mem-link li:first-child:after { position: absolute; top: 50%; right: 0; margin-top: -7px; content: ""; display: block; width: 1px; height: 14px; background: #aaa; }

@media (max-width: 360px) {
	.login_independence { width:100%; }
	.new_wrap_type_2 .art-login-wr .login-box .frm { width:100%; }
	.new_wrap_type_2 .art-login-wr .login-top .tit { display:block; }
}

@media (min-width: 360px) {
	.login_independence { width:100%; }
	.new_wrap_type_2 .art-login-wr .login-box .frm { width:100%; }
	.new_wrap_type_2 .art-login-wr .login-top .tit { display:block; }
}

@media (min-width: 600px) {
	.new_wrap_type_2 .art-login-wr .login-top * { display: inline; }
	.new_wrap_type_2 .art-login-wr .login-top p { font-size: 15px; }
	.new_wrap_type_2 .art-login-wr .login-box { padding: 30px 0 0; }
	.new_wrap_type_2 .art-login-wr .new_wrap_type_2 .login-box .frm, .new_wrap_type_2 .art-login-wr .login-box .btn-login { width: 407px; }

	.login_independence { width:500px; }
	.new_wrap_type_2 .art-login-wr .login-box .frm { width:407px; }
	.new_wrap_type_2 .art-login-wr .login-top .tit { display:inline; }

}

@media (min-width: 1000px) {
.new_wrap_type_2 #body_content { word-break: keep-all; }
}

.container2 { width:100%; height: 100%; overflow: hidden; background:red; }
/*로그인페이지 - 독립형 스타일  종료*/


/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */