/**
	member skin css
*/
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}
.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;}
footer {margin:0; padding:0;}
.cs_information {display:none;}

.container {position:relative;}

.loginBackground {position:relative; height:100vh;}
.loginBackground img {display:block; width:100%; height:100%; object-fit:cover;}
.loginTitle {display:flex; flex-flow:column nowrap; justify-content: flex-end; gap:25px; position:absolute; left:50%; bottom:-50px;  text-align:center; width:445px; max-width:1600px; box-sizing:border-box; transform:translate(-50%,0);}
.loginTitle p {color:#FFF; font-weight:200; font-size:21px; line-height:1.2; }

/* 로그인 커스텀 CSS */
.login_wrap {position:absolute; left:50%; top:50%; width:445px; height:600px; padding:34px 47px 45px 48px; background:#FFFFFF67; margin:0;  transform:translate(-50%,-50%); border-radius:17px; box-sizing:border-box; box-shadow:10px 11px 10px 5px #00000026;}
.login_wrap  > .panel-default > .panel-heading {margin:0 0 40px; padding:0 0 22px; line-height:1; text-align:center; font-weight:900; border-bottom:1px solid #FFFFFF60;}
.login_wrap  > .panel-default > .panel-body {position:relative;max-width:428px; margin:0 auto; }
.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:55px;  text-indent:12px; border:1px solid #ddd; font-size:14px; border-radius:7px; box-shadow: unset; box-sizing:border-box;}
.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 24px; 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 {margin:0 0 58px;}
.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:15px; font-weight:300; line-height:50px; padding:0; box-shadow:unset; border:0; border-radius:30px; background-color: #333333;}
.login_wrap  > .panel-default > .panel-footer {padding:0;border:0;}
.login_wrap  > .panel-default > .panel-footer > .pull-right {float:unset !important; text-align:center;}
.login_wrap  > .panel-default > .panel-footer > .pull-right > a {width:unset;position:relative; padding:0 !important; margin:0 !important; color:#FFF !important;  border:0;  font-size:16px; line-height:1; background:none; box-shadow:unset; text-shadow:unset; }
.login_wrap  > .panel-default > .panel-footer > .pull-right > a:first-child:after {content:''; display:inline-block; width:1px; height:14px; background:#fff;margin: -2px 5px -1px 7px; }
.login_wrap > .panel-default > .panel-body .sns-login {}
.login_wrap > .panel-default > .panel-body .sns-login > .sns-line {position:relative; margin:0 0 28px; }
.login_wrap > .panel-default > .panel-body .sns-login > div {display:flex; flex-flow:row nowrap; justify-content:space-between; margin:0 0 20px;}

.login-desc {margin:-5px 5px 0; font-size:12px;}
.login_wrap > .panel-default > .panel-body .sns-login > div > a {position:relative; display:block; width:168px; padding-top:49px; text-align:center;}
.login_wrap > .panel-default > .panel-body .sns-login > div > a.naver {background:url('../../../_layout/basic/img/login_naver.png')no-repeat top center; background-size:contain; }

.login_wrap > .panel-default > .panel-body .sns-login > div > a.kakao {background:url('../../../_layout/basic/img/login_kakao.png')no-repeat top center; background-size:contain; }

.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:768px) {

	/* 로그인 */
	.login_wrap {width:auto; height:auto; padding:30px 20px; }
	.login_wrap > .panel-default {}
	.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:40px; font-size:14px; 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 {margin:0 0 20px;}
	.login_wrap > .panel-default > .panel-body .sns-login {}
	.login_wrap > .panel-default > .panel-body .sns-login > div {gap:10px;}
	.login_wrap > .panel-default > .panel-body .sns-login > div > a {width:50%;}
	.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; justify-content:center;}
	.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;}
	

}