@charset "utf-8";
/*mobile*/
@media screen and (max-width:791px) {
	
	html, body{height: 100%; width: 100%; box-sizing:border-box;}

	#wrapper {
		min-width: 0;
		height: calc(100% - 109px);
	}

	#container{
		width: 100% !important;
		min-height: 100%;
		height: fit-content;
		background: #f9f9f9;
	}
	
	#container #content{
		margin:0;
		min-width: 0;
		background-color: white;
	}
	
	#container #content .article{
		position :relative;
		min-width: 0;
/* 		width: 100%!important; */
		padding: 10px;
		background: #f9f9f9;
	}
	
	#container #snb {
		position: relative;
    	width: 100%;
    	height: 30px;
	}
	
	#container #snb ul{
		display: flex;
		flex-direction: row;
		padding: 0;
		background: none;
	}
	
	#container #snb li,
	#container #snb li.depth4open,
	#container #snb li ul.sub li {
		width: 100%;
		position: static;
		z-index: 100;
	}
	
	#container #snb ul ul {
		width: 100%;
		flex-direction: column;
		display:none;
	}
	
	#container #snb li.firstchild{
		margin-top: 2px;
	}
	
	#container #snb li ul li.firstchild a,
	#container #snb li ul.sub li a {
		background: #fff;
		padding: 6px 7px 6px 20px;
		border: 1px solid #cccfd3;
		border-bottom: none;
	}
	#container #snb li ul.sub li:last-child a{
		border-bottom:1px solid #cccfd3;
	}
	
	#container #snb li ul.sub li a:hover,
	#container #snb li ul.sub li a:active,
	#container #snb li ul.sub li a:focus,
	#container #snb li ul li.firstchild a:hover,
	#container #snb li ul li.firstchild a:active,
	#container #snb li ul li.firstchild a:focus {
		background: none;
	}
	
	.list_common_container{
		padding-top: 30px;
	}
	
	.detail table th{
		padding-left: 10px;
	}
	
	.btnW35{
		width: 35px;
		text-align: center;
	}
	
	.notBaiscTable{
		overflow-x: scroll;
	}
	
	/*login*/
	.esp #loginwrap {
		top: 25%;
	}
	
	.esp #loginwrap #login{
	    width: 90%;
	}
	
	.esp #loginwrap #login #login_content .login_area{
		width: calc(100% - 2px);
	}
	
	.esp #loginwrap #login #login_content .login_area h3{
		margin: 0 auto;
		margin-bottom: 5px;
	}
	
	.esp #loginwrap #login #login_content .login_area p.login_btn {
		margin: 0 auto;
	}
	
	.esp #loginwrap #login #login_content .login_area p.membership,
	.esp #loginwrap #login #login_content .login_area #tab2 p.membership{
		left: unset;
		right: 15px;
	}
	
	/*membership*/
	#membership_area .membership_wrap{
		width:calc(100% - 20px) !important;
	}

	
	#membership_area .membership_wrap{
		font-size: 20px;
		padding: 10px;
	}
	
	.joinSection {
		width: 100%;
	}
	
	#membership_area fieldset {
		line-height: normal;
		padding: 10px !important;
	}
	
	#membership_area fieldset .btn1 {
		width: 30%;
		height: 23px;
		line-height: 16px;
	}
	
}