@charset "utf-8";

@media (max-width: 280px) {
	.photoList_top .content_area {
		padding: 1% 1%;
	}
	.photoList_top_title {
		height: 35px;
		margin-bottom: 15px;
		font-size: 1rem;
	}
}

@media (min-width: 540px) {

/*	 공통	*/
	/*  헤더  */
	.main_logo {
		width: 30%;
		height: 6vh;
	}
	.main_logo_main {
		width: 30%;
		height: 6vh;
	}
	
	/*  버튼 인풋 */
	.btn {
		line-height: 30px;
	}

	.input_main {
		height: 34px;
	}
	.select_main {
		height: 34px;
	}
	.input_date {
		height: 34px;
		background: url('/images/icon/icon_date_cal.png') no-repeat 7% 45%/ 20px auto,#fff;
	}

	/*  index  */
	.indexNotice_title > div {
		width: 40px;
		height: 40px;
	}
	.indexNotice_title > div > .noticeImg {
		width: 30px;
		height: 30px;
	}
	.indexNotice_title > p {
		font-size: 22px;
		font-weight: bold;
		color: #ffffff;
	} 
	.indexNotice {
		top: 48%;
	}
	.indexNotice ul li a {
		padding: 12px 0;
		font-size: 18px;	
	}
	.indexNotice ul li a .noticeIcon {
		width: 25px;
		height: 25px;
	}

	/*  index_이미지 배너  */
	.indexNotice_title_dark > div {
		width: 40px;
		height: 40px;
	}
	.indexNotice_title_dark > div > .noticeImg {
		width: 30px;
		height: 30px;
	}
	.indexNotice_title_dark > p {
		font-size: 22px;
		font-weight: bold;
		color: #ffffff;
	} 
	.indexNotice_dark {
		top: 48%;
	}
	.indexNotice_dark ul li a {
		padding: 12px 0;
		font-size: 18px;	
	}
	.indexNotice_dark ul li a .noticeIcon {
		width: 25px;
		height: 25px;
	}

/*  sub 개별 페이지  */

	/*   소개   */

	.intro_main_txt {
		padding: 50px 15px 30px;
		font-size: 18px;
	}

	/*   회원복지   */
	.benefits_head {
		margin-top: 15px;
		font-size: 23px;
	}
	.benefit_title {
		padding: 18px 6%;
		border-top-right-radius: 56px;
		border-bottom-right-radius: 56px;
		font-size: 20px;
	}
	.benefit_main {
		font-size: 18px;
		line-height: 130%;
	}
	.benefit_main .inner_txt {
		font-size: 16px;
	}

	.policy_main_area {
		padding: 20% 10%;
	}
	.policy_main_area h4 {
		margin-bottom: 10%;
		font-size: 26px;
	}
	.policy_main_area h5 {
		font-size: 22px;
	}
	.policy_main_area > div > p {
		font-size: 18px;
		line-height: 1.6;
	}
}
@media (min-width: 768px) {

/*	 공통	*/
	/*   사이드   */
	.sideMenu_main_wrap {
		height: 720px;
	}
	.sideLogin_main_wrap {
		height: 720px;
	}

	/*  하단  */
	.index_tabBar,
	.sub_tabBar {
		width: 160px;
		height: 100px;
		box-sizing: border-box;
	}
	.btn_bottom_open {
		width: 70px;
		height: 70px;
		border-radius: 70px;
	}

	/*  table  */
	.table-main th {
		padding: 10px 0;
		font-size: 20px;
	}
	.table-main td {
		padding: 10px 0;
		border-bottom: 1px solid #ddd3db;
		background: #ffffff; 
		font-size: 20px;
	}
	/*  버튼 인풋 */
	.btn {
		line-height: 36px;
		font-size: 18px;
	}

	.input_main {
		height: 40px;
		font-size: 19px;
	}
	.select_main {
		height: 40px;
		font-size: 19px;
	}
	.input_date {
		height: 40px;
		background: url('/images/icon/icon_date_cal.png') no-repeat 7% 45%/ 20px auto,#fff;
	}
	 .text_area {
		font-size: 19px;
	 }

	/*   sub 공통   */
	.subContent {
		padding: 30px 5% 180px;
	}
	.subContent2 {
		padding: 30px 0 180px;
	}
	.subTop h2.subTitle {
		font-size: 30px;
		line-height: 80px;
	}
	.sub_map_ul_wrap {
		height: 60px;
	}
	.sub_map_ul > li > a {
		padding: 10px 10px;
		border-radius: 36px;
		font-size: 24px;
	}
	.sub_map_ul_wrap_fix {
		height: 60px;
	}
	.sub_map_ul_fix > li > a {
		padding: 10px 10px;
		border-radius: 36px;
		font-size: 24px;
	}
	.sub_inner_title {
		padding: 15px 0;
		font-size: 28px;
		font-weight: bold;
		color: #000000;
	}
	.sub_inner_title2 {
		padding: 10px 0;
		font-size: 27px;
		font-weight: bold;
		color: #000000;
	}

	/*  index  */
	.indexNotice_title > div {
		width: 45px;
		height: 45px;
	}
	.indexNotice_title > div > .noticeImg {
		width: 35px;
		height: 35px;
	}
	.indexNotice_title > p {
		font-size: 26px;
		font-weight: bold;
		color: #ffffff;
	} 
	.indexNotice {
		top: 55%;
	}
	.indexNotice ul li a {
		padding: 15px 0;
		font-size: 22px;	
	}
	.indexNotice ul li a .noticeIcon {
		width: 25px;
		height: 25px;
	}
	/*  index 이미지 배너  */
	.indexNotice_title_dark > div {
		width: 45px;
		height: 45px;
	}
	.indexNotice_title_dark > div > .noticeImg {
		width: 35px;
		height: 35px;
	}
	.indexNotice_title_dark > p {
		font-size: 26px;
		font-weight: bold;
		color: #ffffff;
	} 
	.indexNotice_dark {
		top: 55%;
	}
	.indexNotice_dark ul li a {
		padding: 15px 0;
		font-size: 22px;	
	}
	.indexNotice_dark ul li a .noticeIcon {
		width: 25px;
		height: 25px;
	}


	/*   광고배너   */
	.ad_slide_wrap {
		position: relative;
		width: calc( 100vw - 500px );
		overflow-x: hidden;
	}
	.ad_slide {
		width: calc( 100vw - 500px );
	}

/*  sub 개별 페이지  */
	
	/*   회원정보   */
	.findMem_txt1 {
		font-size: 22px;
		font-weight: bold;
		color: #666666;
		text-align: center;
		line-height: 30px;
	}
	.findMem_txt2 {
		font-size: 20px;
		color: #666666;
		text-align: center;
		line-height: 1.2;
	}

	/*   소개   */
	.intro_main_txt {
		padding: 50px 15px 30px;
		font-size: 22px;
	}
	.introduction-sign-txt {
		margin-bottom: 5px;
		text-align: right;
		font-size: 18px;
		color: #666666;
	}
	.introduction-sign-img {
		width: 50%;
	}
	.org_table thead tr th {
		padding: 20px 0;
		font-size: 22px;
	}
	.org_table thead tr th:first-of-type {
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
	}
	.org_table thead tr th:last-of-type {
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
	}
	.org_table tbody td {
		padding: 20px 0 20px 10px;
		font-size: 19px;
	}
	.org_table tbody tr td:nth-of-type(2) {
		padding: 19px 0;
	}
	.branch_tab li a {
		font-size: 20px;
	}

	/*   연혁   */
	.history_main > .history_main_inner >  h5.history_year {
		font-size: 28px;
	}
	.history_main > .history_main_inner > h5.history_year:before {
		top: -5px;
		left: -5px;
		width: 10px;
		height: 10px;
	}
	.history_main p.font-16 {
		font-size: 22px !important;
	}
	.history_main > .history_main_inner > div {
		font-size: 20px;
	}
	.history_main >  .history_main_inner > div p {
		font-size: 20px;
	}
	.history_badge {
		min-width: 44px;
		margin-right: 10px;
		padding: 1px 5px;
		background: #009e96;
		color: #ffffff;
		font-size: 17px;
	}

	/*  회칙  */
	.rule_head {
		font-size: 24px;
	}
	.rule_title {
		font-size: 24px;
	}
	.rule_main p,
	.rule_main div {
		font-size: 22px;
	}
	.rule_main h6 {
		font-size: 22px;
	}
	.rule_main .font-14 {
		font-size: 20px !important;
	}

	/*   회원복지 회원안내  */
	.policy_main {
		margin-top: 100px;
		font-size: 22px;
	}
	.policy_highlight a {
		font-size: 22px;
	}
	.benefits_head {
		margin-top: 15px;
		font-size: 23px;
	}
	.benefit_title {
		padding: 18px 6%;
		border-top-right-radius: 56px;
		border-bottom-right-radius: 56px;
		font-size: 24px;
	}
	.benefit_main {
		font-size: 22px;
		line-height: 130%;
	}
	.benefit_main .inner_txt {
		font-size: 20px;
	}
	.benefit_main .font-17 {
		font-size: 21px !important;
	}

	.policy_main_area {
		padding: 20% 10%;
	}
	.policy_main_area h4 {
		font-size: 34px;
	}
	.policy_main_area h5 {
		font-size: 30px;
	}
	.policy_main_area > div > p {
		font-size: 26px;
		line-height: 1.6;
	}

}

/*  가로모드  */
@media (orientation: landscape) {
	
	header.header_logo_only {
		width: 100%;
		height: 60px;
		padding: 17px 5% 0;
		background: #009e96;
		box-sizing: border-box;
		z-index: 11;
	}
	header.header_logo_only > .btn_sideClose {
		position: absolute;
		top: 17px;
		right: 5%;
	}
	header.header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		padding: 17px 5% 0;
		background: transparent;
		box-sizing: border-box;
		z-index: 11;
	}
	.main_logo {
		width: 30%;
		height: 35px;
	}
	.main_logo a {
		width: 100%;
		height: 100%;
		display: block;
		background: url('/mobile/images/main/mainLogo.png') no-repeat,transparent;
		background-size: contain;
		background-position: 50% 50%;
	}
	.btn_sideOpen {
		width: 8%;
		height: 35px;
		border: none;
		background: url('/mobile/images/main/icon/icon_side.png') no-repeat,transparent;
		background-size: contain;
		background-position: 50% 50%;
	}
	.btn_myInfo {
		width: 8%;
		height: 35px;
		border: none;
		background: url('/mobile/images/main/icon/icon_user.png') no-repeat,transparent;
		background-size: contain;
		background-position: 50% 50%;
	}

	.main_logo_main {
		width: 30%;
		height: 35px;
	}
	.main_logo_main a {
		width: 100%;
		height: 100%;
		display: block;
		background: url('/mobile/images/main/mainLogo_dark.png') no-repeat,transparent;
		background-size: contain;
		background-position: 50% 50%;
	}
	.btn_sideOpen_main {
		width: 8%;
		height: 35px;
		border: none;
		background: url('/mobile/images/main/icon/icon_side_green.png') no-repeat,transparent;
		background-size: contain;
		background-position: 50% 50%;
	}
	.btn_myInfo_main {
		width: 8%;
		height: 35px;
		border: none;
		background: url('/mobile/images/main/icon/icon_user_green.png') no-repeat,transparent;
		background-size: contain;
		background-position: 50% 50%;
	}


	/*  하단버튼  */
	.index_tabBar,
	.sub_tabBar {
		width: 180px;
		height: 100px;
		box-sizing: border-box;
	}		
	.btn_bottom_open {
		width: 50px;
		height: 50px;
		border-radius: 60px;
	}

	/*  index  */
	.indexNotice_title > div {
		width: 40px;
		height: 40px;
	}
	.indexNotice_title > div > .noticeImg {
		width: 30px;
		height: 30px;
	}
	.indexNotice_title > p {
		font-size: 22px;
		font-weight: bold;
		color: #ffffff;
	} 
	.indexNotice {
		top: 50%;
	}
	.indexNotice ul li a {
		padding: 12px 0;
		font-size: 18px;	
	}
	.indexNotice ul li a .noticeIcon {
		width: 25px;
		height: 25px;
	}

	/*  index  */
	.indexNotice_title_dark > div {
		width: 40px;
		height: 40px;
	}
	.indexNotice_title_dark > div > .noticeImg {
		width: 30px;
		height: 30px;
	}
	.indexNotice_title_dark > p {
		font-size: 22px;
		font-weight: bold;
		color: #ffffff;
	} 
	.indexNotice_dark {
		top: 50%;
	}
	.indexNotice_dark ul li a {
		padding: 12px 0;
		font-size: 18px;	
	}
	.indexNotice_dark ul li a .noticeIcon {
		width: 25px;
		height: 25px;
	}

	/*   광고배너   */
	.ad_slide_wrap {
		position: relative;
		width: calc( 100vw - 400px );
		overflow-x: hidden;
	}
	.ad_slide {
		width: calc( 100vw - 400px );
	}

	.policy_main_area {
		padding: 20% 10%;
	}
	.policy_main_area h4 {
		font-size: 40px;
	}
	.policy_main_area h5 {
		font-size: 32px;
	}
	.policy_main_area > div > p {
		font-size: 28px;
		line-height: 1.7;
	}
}