/**
	member skin css
*/

.access .panel-footer{overflow:hidden;}
.search form{padding:20px;}
.search textarea {padding: 15px;background: #f7f7f7;font-size: 12px;}
.final .btn_final{margin-top:20px; text-align:center;}







/* 로그인 커스텀 CSS */
.login_wrap {width:480px; margin:80px auto 0; padding:0; min-height:790px;}
.login_wrap  > .panel-default > .panel-heading {margin:0 0 67px; font-size:45px; line-height:45px; text-align:center; font-weight:900; background:#fff;}
.login_wrap  > .panel-default > .panel-body {position:relative;}
.login_wrap  > .panel-default > .panel-body .form-group {position:relative; }
.login_wrap  > .panel-default > .panel-body .form-group > label {display:none;}
.login_wrap  > .panel-default > .panel-body .form-group > .col-lg-7 {width:100% !important;}
.login_wrap  > .panel-default > .panel-body .form-group input.form-control { height:60px;  text-indent:20px; border:1px solid #ddd; font-size:16px; border-radius:5px; box-shadow: unset; }
.login_wrap  > .panel-default > .panel-body .form-group input.form-control.input-id,.login_wrap  > .panel-default > .panel-body .form-group input.form-control.input-pw {margin:0 0 30px; width: 100%;}
.login_wrap  > .panel-default > .panel-body .form-group input.form-control::placeholder {color:#292929; }
.login_wrap  > .panel-default > .panel-body .form-group input + label {display:block; position:absolute; left:0; bottom:5px;  color:#FF5D5D; font-size:14px; }
.login_wrap  > .panel-default > .panel-body .login_bar {position:absolute; bottom:-107px; left:0; width:100%;  }
.login_wrap  > .panel-default > .panel-body .login_bar > div {width:100% !important;margin:0;}
.login_wrap  > .panel-default > .panel-body .login_bar button {width:100%; color:#fff; font-size:18px; font-weight:bold; line-height:50px; box-shadow:unset; border:0; border-radius:5px; background-color: #0e5f52;}
.login_wrap  > .panel-default > .panel-footer {padding:0; background:#fff; border:0;}
.login_wrap  > .panel-default > .panel-footer > .pull-right {margin:0 15px;}
.login_wrap  > .panel-default > .panel-footer > .pull-right > a {width:unset;position:relative; padding:0 !important; margin:0 !important; color:#888888;  border:0;  font-size:14px; background:none; box-shadow:unset; text-shadow:unset; }
.login_wrap  > .panel-default > .panel-footer > .pull-right > a:hover {color:#888 !important;}
.login_wrap  > .panel-default > .panel-footer > .pull-right > a:first-child:after {content:''; display:inline-block; width:1px; height:14px; background:#dddddd;margin: 1px 5px -4px 7px; }
.login_wrap > .panel-default > .panel-body .sns-login {position:absolute; width:100%; bottom:-305px;}
.login_wrap > .panel-default > .panel-body .sns-login > .sns-line {position:relative; margin:0 0 30px; border-top:1px solid #000; }
.login_wrap > .panel-default > .panel-body .sns-login > .sns-line:after {content:'SNS 로그인'; display:inline-block; position:absolute; top:-17px;  left:50%; padding:0 10px; font-size:16px; line-height:30px; background:#FFF;  transform:translate(-50%,0);}
.login_wrap > .panel-default > .panel-body .sns-login > div {display:flex; flex-flow:row nowrap; justify-content:center; }


.login_wrap > .panel-default > .panel-body .sns-login > div > a {position:relative; display:block; width:96px; padding-top:75px; text-align:center;}
.login_wrap > .panel-default > .panel-body .sns-login > div > a.naver {background:url('../../../_layout/bootstrap/img/login_naver_icon.png')no-repeat top center; background-size:65px; }
.login_wrap > .panel-default > .panel-body .sns-login > div > a.naver:after {content:'네이버';display:block; font-size:14px;}

.login_wrap > .panel-default > .panel-body .sns-login > div > a.kakao {background:url('../../../_layout/bootstrap/img/login_kakao_icon.png')no-repeat top center; background-size:65px; }
.login_wrap > .panel-default > .panel-body .sns-login > div > a.kakao:after {content:'카카오';display:block; font-size:14px;}

.login_wrap > .panel-default > .panel-body .sns-login > div > a.facebook {background:url('../../../_layout/bootstrap/img/login_facebook_icon.png')no-repeat top center; background-size:65px; }
.login_wrap > .panel-default > .panel-body .sns-login > div > a.facebook:after {content:'페이스북';display:block; font-size:14px;}

.login_wrap > .panel-default > .panel-body .sns-login > div > a.google {background:url('../../../_layout/bootstrap/img/login_google_icon.png')no-repeat top center; background-size:65px; }
.login_wrap > .panel-default > .panel-body .sns-login > div > a.google:after {content:'구글';display:block; font-size:14px;}

.login_wrap > .panel-default > .panel-body .sns-login > div > a.twitter {background:url('../../../_layout/bootstrap/img/login_twitter_icon.png')no-repeat top center; background-size:65px; }
.login_wrap > .panel-default > .panel-body .sns-login > div > a.twitter:after {content:'트위터';display:block; font-size:14px;}

.login_wrap > .panel-default > .panel-body .sns-login > div > a > img {display:none;}



@media screen and (max-width:767px) {

	/* 로그인 */
	.login_wrap {width:100%; margin:25px 0; min-height:400px; }
	.login_wrap > .panel-default {margin:0 15px;}
	.login_wrap > .panel-default > .panel-heading {font-size:25px; line-height:25px; margin:0 0 20px;}
	.login_wrap > .panel-default > .panel-body .form-group input.form-control {height:41px; font-size:13px; text-indent:10px;}
	.login_wrap > .panel-default > .panel-body .form-group:nth-of-type(1) {margin-bottom:0;}
	.login_wrap > .panel-default > .panel-body .login_bar button {width:100%; padding:0; height:42px; line-height:42px; font-size:14px;}
	.login_wrap > .panel-default > .panel-body .login_bar {bottom:-65px;}
	.login_wrap > .panel-default > .panel-body .sns-login {bottom:-235px; }
	.login_wrap > .panel-default > .panel-body .sns-login > div {}
	.login_wrap > .panel-default > .panel-body .sns-login > div > a {width:50px; margin:0 10px 0 0; padding-top:60px; background-size:50px !important;}
	.login_wrap > .panel-default > .panel-body .sns-login > div > a:after {font-size:13px !important;}
	.login_wrap > .panel-default > .panel-body .sns-login > .sns-line:after {font-size:14px;}
	.service .design_wrap > div > .cmall-list > ul > li:nth-child(3n+2) {margin:0;}
	.service .design_wrap > div > .cmall-list > ul > li > .thumbnail > .cmall-txt {font-size:14px;line-height:14px;}
	.login_wrap > .panel-default > .panel-footer > .pull-right {display:flex; flex-flow:row nowrap; margin:-15px 0 0;}
	.login_wrap > .panel-default > .panel-footer > .pull-right > a {font-size:12px;}
	.login_wrap > .panel-default > .panel-body .form-group input.form-control.input-id, .login_wrap > .panel-default > .panel-body .form-group input.form-control.input-pw {margin:0 0 20px;}
	.login_wrap  > .panel-default > .panel-body .form-group input + label {font-size:12px;}
	

}