@charset "UTF-8";
/*-------------------------------------------------
Title       : 콘텐츠 반응형
Author      : 이승민
Create date : 2025-02-13
-------------------------------------------------*/

@media (max-width: 1448px) {
	article.type2 img {
		display: none;
	}
}

@media (max-width: 768px) {
	.login-box {
		width: 100%;
		padding: 4rem 3.5rem;
	}
	
	.login-box .member-info {
		justify-content: center;
	}
	
	.login-box .member-info a {
		padding: 0 1rem;
		font-size: 1.6rem;
	}
	
	.login-box .login-input .pw-view {
		top: 12px;
	}
	
	.login-box .login-input .pw-view.show {
		top: 14px;
	}
	
	.member-type {
		flex-direction: column;
	}
	
	.member-type .item {
		width: 100%;
	}
	
	.join-wrap {
		padding: 4rem 3rem;
	}
	
	.join-cont .form-item .form-input .pw-view {
		top: 12px;
	}
	
	.join-cont .form-item .form-input .pw-view.show {
		top: 14px;
	}
	
	.join-cont .cert-wrap .select:before {
		width: 10rem;
    	height: 10rem;
	}
	
	.join-cont .cert-wrap .select.phone {
		padding: 12rem 2rem 0 0;
	}
	
	.join-cont .cert-wrap .select.phone:before {
		left: calc(50% - 1rem);
	}
	
	.join-cont .cert-wrap .select.ipin {
		padding: 12rem 0 0 2rem;
	}
	
	.join-cont .cert-wrap .select.ipin:before {
		left: calc(50% + 1rem);
	}
	
	.registered-picture > div {
		flex-direction: column;
	}
	
	.registered-picture img {
		margin-right: 0;
	}
	
	.registered-picture .msg-picture {
		margin-top: 1.5rem;
	}
	
	.mgz-search .search-box {
		padding: 2.5rem;
	}
	
	.mgz-search .search-box .row {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.mgz-search .search-box .tit {
		width: 100%;
        margin-bottom: .6rem;
        text-align: left;
	}
	
	.mgz-search .search-box .item {
		flex-direction: column;
		width: 100%;
	}
	
	.mgz-search .search-box .item .form {
		width: 100%;
	}
	
	.mgz-search .search-box .item .radio {
		width: 100%;
		text-align: left;
	}
	
	.mgz-search-results .results-summary {
		flex-direction: column;
	}
	
	.mgz-search-results .results-summary .count {
		margin-bottom: 1rem;
	}
	
	.mgz-search-results .results-list .item .bottom {
		flex-direction: column;
		margin-top: .5rem;
	}
	
	.mgz-search-results .results-list .item .bottom dl ~ dl {
		margin-left: 0;
	}
	
	.tblTy01.meminfo th {
		width: 35%;
	}
	
	.meminfo-btn-group {
		flex-direction: column;
	}
	
	.meminfo-btn-group .btn-primary {
		width: 100%;
	}
	
	.meminfo-btn-group .btn-withdraw {
		position: relative;
    	margin-top: 3rem;
	}
	
	.plans {
		margin: 0;
		padding: 0;
	}
	
	.find-pw-id {
		width: 100%;
	}
}