@CHARSET "UTF-8";

.mamber-container{padding:85px 15px 2em;}
.mamber-content, .setting-nav{max-width:500px; margin:auto;}

.login-container{min-height:70vh;}

.login-input, .agree-area, .setting-nav li, .detail-insert{
	border: 1px solid #e4e3eb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#fff;
}

.member-info{font-weight:normal; padding:0px 5px 10px; word-break: keep-all; font-size:14px;}
.red-text{color:red;}
.pw-text{border-top: 1px solid #e4e3eb;}
.login-input dt{padding:0;}
.login-input dd{padding:5px 15px 5px 0px; overflow:hidden; position:relative;}
.login-input label{
	font-size:14px;
	color:#5463bf;
	padding:0 0.6em 0.6em;
	border-bottom:1px dashed #e4e3eb;
}
.login-input input{border:0;}
.login-icon{position:absolute; height:20px; top:11px; right:10px;}

.login-nav {
	text-align:center;
	display:block;
	border-top:1px solid #e4e3eb;
	margin-top:20px;
	padding-top:15px;
	height:30px;
}
.login-nav li{display:inline; padding:0 10px; float:right;}
.login-nav li + li + li{border-right:1px solid #e4e3eb;}
.login-nav li.autologin{float:left;}
.login-nav .lbl {font-size:100%;cursor:pointer;display:inline-block;margin:0 0 1px 0;padding:0;vertical-align:middle;font-weight:normal;margin:0 10px 0 0;border-bottom:0;}

.login-info {
	border: 1px solid #e4e3eb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#f9fafb;
	text-align:center;
	padding:15px;
	margin-top:10px;
	line-height:160%;
	font-size:14px;
}

/*약관동의*/
.agree-area dt, .agree-area dd{padding:1em;}
.agree-area dt{
	font-size: 14px;
	color: #5463bf;
	padding:14px 1.5em 11px;
	border-bottom: 1px dashed #e4e3eb;
	position:relative;
}

.check-btn{position:absolute; right:15px; top:10px;}

.agree{
	background:#f9fafb;
	border:1px solid #e4e3eb;
	padding:15px;
	font-size:13px;
	height:180px;
	overflow-y:scroll;
}

.line-title{border-top:1px solid #e4e3eb;}


.signup-btn{
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	/* background:#5463bf; */
	color:#fff;
	width:100%;
	font-size:16px;
	margin-top:20px;
	padding:14px;
}

/* setting */
.setting-nav li a, .push, .setting-id{position:relative; display:block; padding:15px 12px;}
.setting-nav li+li{
	margin-top:8px;
}

.setting-nav li.setting-id{color:#fff;}

.setting-nav li img.btn_arrow {
	position: absolute;
	height: 16px;
	right: 0.8rem;
	top: 16px;
}

.push-btn{position:absolute; right:0.8em; top:13px;}


/* check */

.switch{
	width:48px;
	height: 26px;
	border:1px solid #e4e3eb;
	border-radius: 40px;
	position:relative;
}

.switch input {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	z-index: 100;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.switch label {
	position: relative;
	display: block;
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	background: #a5a39d;
	border-radius: 40px;
	box-shadow:
	inset 0 2px 3px 1px rgba(0,0,0,0.2),
	0 1px 0 rgba(255,255,255,0.5);
}

.switch label i {
	display: block;
	height: 100%;
	width:52%;
	border-radius: inherit;
	background: silver;
	position: absolute;
	z-index: 2;
	right:47%;
	top: 0;
	border:1px solid #e4e3eb;
	background: #fff;
}

.switch input:checked ~ label {background:#5463bf;}
.switch input:checked ~ label i {right:-1%;}


input[type='email'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='url'], textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border:0;
	border-radius: .4rem;
	box-shadow: none;
	padding: .4rem 1rem;
	width: 100%;
	outline:0;
}

.middle-input{border-top:1px dotted #eee;}

.address-search{
	display: block;
	position:absolute;
	right:10px;
	top:3px;
	border: 1px solid #c2c2c2;
	border-radius: 3px;
	margin: auto;
	font-size:13px;
	padding:0px 10px 0px 8px;
	text-align: center;
	line-height:31px;
	color: #888 !important;
	background-color: #FFF;
	background-image: -moz-linear-gradient(top, #ffffff 50%, #f5f5f5 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f5f5f5));
	background-image: -webkit-linear-gradient(top, #ffffff 50%, #f5f5f5 100%);
	background-image: -o-linear-gradient(top, #ffffff 50%, #f5f5f5 100%);
	background-image: -ms-linear-gradient(top, #ffffff 50%, #f5f5f5 100%);
	background-image: linear-gradient(to bottom, #ffffff 50%, #f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}

.address-search img{height:20px; margin-top:-2px;}

.detail-insert{
	display:block;
	margin-top:20px;
	position:relative;
	line-height:42px;
	padding: .6rem 1rem .55rem;
}

.detail-insert .list-arrow{top:24px;}
.detail-insert-dot{height:17px; vertical-align:text-top; margin-right:5px;}

.tab-nav{border-bottom:1px solid #e5eaf1;}
.tab{border:0}
.tab-nav{margin-bottom:20px;}

.top-container-inner{height:auto;}
.ceo-img{position:static; width:110px; margin:auto;}
.img-insert-area{
	position:relative;
	padding-top:100px;
	max-width:580px;
	margin:auto;
}

.logo-btn{text-align:center; padding:20px 10px 25px;}

.profile_file_btn, .profile_file_delete{
	display:inline-block;
	background:rgba(255,255,255,0.6);
	text-align:center;
	border:2px solid #fff;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	margin:0px 5px;
}

.profile_file_btn img{height:13px; margin-top:-3px; margin-right:3px;}

.profile_file_btn label{
	font-size:15px;
	margin:0;
}

.profile_file_btn input[type=file], .profile_file_btn2 input[type=file]{
	position: absolute;
	left: 0;
	top: 2px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	width: 120px;
	height: 34px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.user-img{
	display: block;
	width:50px;
	height:50px;
	background: #fff;
	-webkit-border-radius:50;
	-moz-border-radius:50;
	border-radius:50px;
	position: relative;
	overflow: hidden;
	float: left;
	border: 1px solid #e5eaf1;
	margin:8px 12px;
}

.profile-btn{float:left; margin-left:10px; margin-top:15px;}
.profile-btn label{border:0; padding:0; margin:0; color:#888;}

.profile_file_btn {
	padding:10px 15px;
}

.profile_file_btn2, .profile_file_delete2{
	display:inline-block;
	border: 1px solid #c2c2c2;
	border-radius: 3px;
	margin: auto;
	font-size:13px;
	text-align: center;
	line-height:31px;
	color: #888 !important;
	background-color: #FFF;
	background-image: -moz-linear-gradient(top, #ffffff 50%, #f5f5f5 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f5f5f5));
	background-image: -webkit-linear-gradient(top, #ffffff 50%, #f5f5f5 100%);
	background-image: -o-linear-gradient(top, #ffffff 50%, #f5f5f5 100%);
	background-image: -ms-linear-gradient(top, #ffffff 50%, #f5f5f5 100%);
	background-image: linear-gradient(to bottom, #ffffff 50%, #f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
	vertical-align:middle;
}
.profile_file_btn2 {padding:0px 10px 0px 8px;}
.profile_file_btn2 img{height:13px; margin-top:-2px;}

.profile_file_delete a {
	display:block;
	padding:10px 15px;
	width:100%;
	height:100%;
}

.profile_file_delete2 a {
	display:block;
	width:100%;
	padding:0px 10px 0px 8px;
	height:100%;
}

/*write*/

.write-container{background:#fff;}

.single-header-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 65px;
	z-index: 10;
}

.single-header-container .back-btn{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 30px;
	padding: 20px 10px 18px 13px;
}

.single-header-container .back-btn img{width: 23px; height: 23px;}
#single-title{
	float:left;
	display:block;
	padding:13px;
	margin-left:35px;
}
#single-title img{height:38px;}

.write-title{
	padding: 85px 20px 15px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}

.field{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:6px 18px 6px; overflow:hidden;}
.field input[type=file] {
	position: absolute;
	left: 0;
	top: 2px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	width: 120px;
	height: 34px;
	margin: -1px;
	padding: 0;
	border: 0;
}
.field label{font-size:15px; margin:0; padding:10px 0; border-bottom: 1px dashed #ededed; margin-bottom: 5px;}
.field label img{height:15px; margin-top:-3px; margin-right:3px;}

.pip{display:block; float:left; position:relative; width:21%; border:1px solid #ededed; margin:8px 2%;}
.pip .remove{position:absolute; right:-8px; top:-8px;}
.pip .remove img{width:22px; height:22px;}
.imageThumb{width:100%; height:19vw; max-width:80px;}

.insert-content{width:100%; min-height:200px; padding:5px 10px;}
.insert-content2{width:100%; min-height:50px; padding:20px 18px;}
dd.radio-input {padding:10px 15px;}
dd .lbl {font-size:100%;cursor:pointer;display:inline-block;margin:0 0 1px 0;padding:0;vertical-align:middle;font-weight:normal;margin:0 10px 0 0px;border-bottom:0;color:#777;}

.button-area{padding:0px 20px 40px;}