@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

.login-wrapper {margin-bottom:60px;}
.login-wrapper .com-image {margin:0 -15px;}
.loginform {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e4e4e4;}
.loginform-inp .mbsform-label label {padding-left:0;}
.loginbtn {background-color:#8cd3ff; width:100%; padding:17px 0;}
.loginbtn span {padding-top:33px; display:inline-block; background:url('/sg/en/resource/img/components/membership/login-btnico.gif') no-repeat center top;}
.login-linkwrap {padding-bottom:20px;}
.login-link {padding-bottom:20px; text-align:center;}
.login-link .com-link {padding-bottom:6px; }
.login-warning {margin-top:-15px; padding-bottom:20px;}

.tablet .login-wrapper {padding-left:78px; padding-right:78px;}
.tablet .loginbox-left {padding-top:40px; background:url('/sg/en/resource/img/components/membership/login-formbg.gif') no-repeat center top;}
.tablet .loginform {position:relative; border-bottom:none; margin-bottom:0;}
.tablet .loginform-inp {padding-right:112px;}
.tablet .loginbtn {position:absolute; right:0; top:0; width:102px; height:102px;}
.tablet .login-linkwrap {text-align:center;}
.tablet .login-link {display:inline-block; padding-right:20px; padding-left:20px;}
.tablet .login-wrapper .com-image {margin:0;}
.tablet .login-warning {padding-bottom:0; padding-left:150px; margin-top:0;}

.web .login-wrapper {padding-left:0; padding-right:0; position:relative;}
.web .loginbox-left {width:52%; padding:0; position:absolute; height:100%; min-height:285px;}
.web .loginbox-leftwrap {display:table; width:100%; height:100%;}
.web .loginbox-leftwrap2 {display:table-cell; vertical-align:middle;}
.web .loginbox-right {width:100%; padding-left:52%;}
.web .loginform {padding-bottom:70px; margin-left:8%; margin-right:8%;}
.web .login-wrapper .mbsform-input {padding-left:120px;}
.web .login-linkwrap {padding-bottom:0; margin-bottom:-20px;}
.web .login-warning {position:absolute; padding-left:120px;}


@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .loginbtn span {background-image:url('/sg/en/resource/img/components/membership/login-btnico-X2.gif'); background-size:20px auto; }
}

/*20160712 re-send Email start*/
.popup-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  opacity: 50;
  z-index: 900;
  display:none;
}
.popup-overlay:target {
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 64%;
  position: relative;
  margin: 30% auto;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
  margin-top: 5%;
}
.popup .obj { height:200px; margin-top: 35px;}



/* [2019-08-23] 신규 레이어팝업 추가 */
.layerPopWrap {position:fixed;top:0;left:0;bottom:0;right:0;z-index:10;text-align:center;}
.layerPopWrap * {-webkit-word-break:keep-all;word-break:keep-all;word-wrap:break-word;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
.layerPopWrap:after {display:inline-block;content:"";width:1px;height:100%;vertical-align:middle;}
.layerPopWrap .blind {position:absolute;top:0;left:0;overflow:hidden;width:0;height:0;font-size:0;line-height:0;} /* 영역 숨김 정의 */
.layerPopArea {display:inline-block;background-color:#ffffff;border:1px solid #000000;font-size:16px;width:640px;min-height:320px;position:relative;vertical-align:middle;}
.layerPopArea .layerPopContetns {padding:50px 70px;min-height:268px;}
.layerPopArea .layerPopFooter {background-color:#000000;color:#ffffff;min-height:50px;padding-top:15px;}
.layerPopArea .layerPopTit {color:#000000;font-size:40px;font-weight:400;margin-bottom:15px;}
.layerPopArea .layerPopTxt {color:#555555;}
.layerPopArea .closePopbtn {background-image:url("/sg/en/resource/img/components/membership/btn_layerpopclose.png");background-repeat:no-repeat;background-position:center center;background-size:contenter;position:absolute;top:18px;right:18px;width:20px;height:20px;}
.layerPopArea .labelcheckbox {cursor:pointer;}
.layerPopArea .labelcheckbox:before {content:"";display:inline-block;background-image:url("/sg/en/resource/img/components/membership/icon_labelcheckbox.png");background-repeat:no-repeat;background-position:center center;background-size:contenter;width:20px;height:20px;vertical-align:middle;margin-right:10px;;}
.layerPopArea .inputCheckbox {position:absolute;top:0;left:0;width:0;height:0;visibility:hidden;}
.layerPopArea .inputCheckbox:checked + .labelcheckbox:before {background-image:url("/sg/en/resource/img/components/membership/icon_labelcheckbox_active.png");}

@media screen and (max-width: 700px){
	.layerPopArea {width:94%;}


}
@media only all and (max-width: 1260px){
	.popup .obj {height: 300px;margin-top: 10px; }
}
@media only all and (max-width: 1023px){
    .newissue-detail {padding:0;}
    .popup .obj {height: 130px;}
}

@media only all and (max-width: 1100px){
	.newissue-section{background-size:100%;}
	.popup .obj {height: 300px;}
}
@media only all and (max-width: 1023px){
	.newissue-cell{left:50%;}
}

@media only all and (max-width: 639px){
	.width1100 {background-image:none;}
	.newissue-cell {width: 100%;margin-left:0;}
	.newissue-detail {padding:0;}
	.pc_img {display:none;}
	.mobile_img {display:block;}
	.mtem {margin-top:-1.4em;}
	.link {width:46.5%;height:6%;}
	.newissue-cell{left:0;}
	.newissue-detail.addnew {background:#e8e7f2;}

    .f02 .detailBtn{top:33%; left:12%; width:26.5%; height:1.92%;}
    .f02 .detailBtn2{top:58.4%; left:57.68%; width:26.5%; height:1.6%;}

    .f04 .fb,.f04 .ig  {display:block;position: absolute; top:96.8%; left:82.68%; width:3.5%; height:1.4%; text-indent:-9999em;}
	.f04 .ig {left:88.10%;}

	.f05 .free {display:block;position: absolute; top:30.9%; left:33%; width:16.3%; height:2.7%; text-indent:-9999em;}
	.f05 .register{display:block;position: absolute; top:30.9%; left:54.5%; width:12.3%; height:2.7%; text-indent:-9999em;}

	.f06 .store{display:block;position: absolute; top:72.5%; left:20.8%; width:10.5%; height:5%; text-indent:-9999em;}

	.f07 .FAQ{display:block;position: absolute; top:83.5%; left:33.8%; width:31.5%; height:5%; text-indent:-9999em;}

	.f08 .inquiry{display:block;position: absolute; top:76.5%; left:42%; width:16%; height:10.5%; text-indent:-9999em;}

	.m-register, .free {padding: 7px 20px;font-size: 13px;margin: 4px 10px;}
	.m-register {font-size: 14px;}

	.mobile_img .link01 {bottom:26%;left:50%; margin-left:-23.5%;}
	.mobile_img .link02 {bottom:6.37%;right:50%; margin-right:-23.5%;}
 	.box{ width: 70%; }
	.popup {width: 90%;top: -55px;}
	.popup .obj {height: 420px;margin-top: 10px; }
	.loginform {padding-bottom: 5px;margin-bottom: 5px;}

}
/*20160712 new re-send Email end*/


/* ----- 20201211 login page renewal ----- */
.pc-only{display:block;}
.tab-only{display:none;}
.page.login.section{margin-top: 45px;font-family: "brandon-grotesque";}

.login-wrapper .btn-link{display:block;}
.login-wrapper .btn-link span{font-size: 16px;text-decoration: underline;}
.login-wrapper .btn-bg{display:block;width:100%;height:55px;font-size: 18px;color:#fff;line-height: 55px;background-color: var(--brand-color);text-align: center;}
.subpage .subpagetit{font-size: 38px;font-weight: bold;}

.page.login .login-wrapper{display:table;width:100%;margin-top: 80px;padding:0 30px;font-size: 0;}
.page.login .login-wrapper > div{display: table-cell;vertical-align: top;width:50%;min-height:395px;padding:0 70px;box-sizing: border-box;}
.page.login .loginbox-tit{font-size: 20px;color:#000;font-weight: bold;text-align: center;}

.page.login .loginbox-left{position:static;background: none;}
.page.login .loginbox-left .loginform-wrap{margin-top: 15px;}
.page.login .loginbox-left .form-con + .form-con{margin-top: 10px;}
.page.login .loginbox-left .form-con label{display:block;font-size: 18px;line-height: 30px;color:#000;letter-spacing: 0.025em;font-weight: bold;}
.page.login .loginbox-left .form-con input{display:block;width:100%;border:0;box-sizing: border-box;font-size: 14px;color:#000;background-color: #f4f4f4;padding: 13px 10px;}
.page.login .loginbox-left .form-con input:-ms-input-placeholder {color:#a1a0a0;}
.page.login .loginbox-left .form-con .caution{height:31px;font-family: 'Noto Sans', sans-serif;}
.page.login .loginbox-left .form-con .caution p{position:relative;padding-left:12px;font-size: 0;}
.page.login .loginbox-left .form-con .caution p *{display:inline-block;vertical-align: middle;font-family: 'Noto Sans', sans-serif;}
.page.login .loginbox-left .form-con .caution p i{position:absolute;top:3px;left:0;width: 9px;height: 9px;margin-right: 3px;background-color: #da1b56;border-radius:50%;text-align: center;font-size: 10px;color:#fff;}
.page.login .loginbox-left .form-con .caution p span{font-size: 12px;color:#da1b56;}
.page.login .loginbox-left .form-con .note{margin-top: 5px;font-size:12px;line-height:13px;font-family: 'Noto Sans', sans-serif;}
.page.login .loginbox-left .btn-link{margin-top: 10px;color:#666;text-align: right;}
.page.login .loginbox-left .link-password {display:block;margin-top:10px;font-size:16px;text-align:right;}
.page.login .loginbox-left .link-password a {color:#666;text-decoration:underline;}
.page.login .loginbox-left .btn-bg{margin-top: 35px;}

.page.login .loginbox-right{position:relative;width:50%;padding-left: 0;text-align: center;background: url('/sg/en/resource/img/components/membership/20201210_login_bg.jpg') repeat-y;}
.page.login .loginbox-right p{margin-top: 70px;font-size: 20px;line-height: 30px;color:#666;}
.page.login .loginbox-right p span{line-height: 44px;}
.page.login .loginbox-right .btn-link{margin-top: 50px;text-align: center;}
.page.login .loginbox-right .btn-bg{position:absolute;left:70px;right:70px;bottom:0;width:auto;}

/* popup */
.popup-wrap{position:fixed;top:0;left:0;right:0;bottom:0;z-index: 9999;}
.popup-wrap .bg{position:absolute;width:100%;height: 100%;background-color: rgba(0,0,0,0.4);}
.popup-wrap .popup-box{min-width:440px;padding:30px;text-align: center;box-sizing: border-box;background-color: #fff;border:1px solid #ccc;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);}
.popup-wrap h3{font-size:30px;color:#010101;line-height:1;padding-bottom: 15px;border-bottom: 1px solid #ccc;letter-spacing: -0.02em;font-weight: bold;}
.popup-wrap h3 img{max-width:143px;}
.popup-wrap p{font-size: 18px;line-height: 28px;color:#767676;}
.popup-wrap .btn-bg{display:block;width:100%;max-width:378px;margin-left:auto;margin-right:auto;height:60px;font-size: 18px;color:#fff;line-height: 60px;background-color: var(--brand-color);text-align: center;}
.popup-wrap .layer-close {position:absolute;top:30px;right:30px;display:block;width:21px;height:21px;background:url('/sg/en/resource/img/components/membership/btn_layerclose.png') no-repeat left top;}
.popup-wrap .layer-close span {position:absolute;top:0;left:0;visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}

/* 비밀번호 찾기 */
.popup-find-pwd p{margin-top: 40px;}
.popup-find-pwd form{margin-top: 30px;}
.popup-find-pwd input{display:block;width:100%;border:0;box-sizing: border-box;font-size: 18px;color:#a1a0a0;background-color: #f4f4f4;padding: 13px 10px;}
.popup-find-pwd .caution{height:20px;margin-top:6px;font-family: 'Noto Sans', sans-serif;text-align: left;}
.popup-find-pwd .caution p{position:relative;margin-top:0;padding-left:12px;font-size: 0;line-height:14px;}
.popup-find-pwd .caution p *{display:inline-block;vertical-align: middle;font-family: 'Noto Sans', sans-serif;}
.popup-find-pwd .caution p i{position:absolute;top:3px;left:0;width: 9px;height: 9px;margin-right: 3px;background-color: #da1b56;border-radius:50%;font-size: 10px;color:#fff;line-height:9px;box-sizing: border-box;padding-left: 3px;}
.popup-find-pwd .caution p span{font-size: 10px;line-height:14px;color:#da1b56;}
.popup-find-pwd .btn-bg{margin-top: 50px;}

/* 임시번호발급 */
.popup-temporary .popup-box{width:562px;height:439px;}
.popup-temporary p{margin:107px 0;}

/* 비밀번호 5회이상 틀림 */
.popup-pwd-wrong p{margin:49px 0;}

/* 임시 비밀번호로 로그인시 */
.popup-temporary-pwd p{margin:77px 0;}

/* DB 일치정보1 ID값 셋팅 X, DB 일치정보2 */
.popup-bef-member .popup-box > p,
.popup-dup-member .popup-box > p {margin:60px 0;}

/* tablet */
@media all and (max-width:1000px){
    .pc-only{display: none;}
    .tab-only{display:block;}

    .login-wrapper .btn-link span{font-size: 22px;}
    .login-wrapper .btn-bg{height:85px;font-size: 24px;line-height: 85px;}

    .page.login .login-wrapper{display:block;margin-top: 45px;}
    .page.login .login-wrapper > div{display: block;width:calc(100% - 80px);min-height:1px;padding:0;margin:0 40px;}
    .page.login .loginbox-tit{font-size: 30px;}

    .page.login .loginbox-left .loginform-wrap{margin-top: 40px;}
    .page.login .loginbox-left .form-con{font-size: 0;}
    .page.login .loginbox-left .form-con > *{display: inline-block;vertical-align: top;}
    .page.login .loginbox-left .form-con label{display: inline-block;width:25%;font-size: 24px;line-height: 66px;}
    .page.login .loginbox-left .form-con .form-right{width:75%}
    .page.login .loginbox-left .form-con input{font-size: 22px;padding:19px 10px;}
    .page.login .loginbox-left .form-con .caution{height: 46px;}
    .page.login .loginbox-left .form-con .caution p {padding-left:17px;}
    .page.login .loginbox-left .form-con .caution p i{font-size: 10px;width:14px;height:14px;line-height: 14px;}
    .page.login .loginbox-left .form-con .caution p span{font-size: 18px;}
    .page.login .loginbox-left .form-con .note{font-size: 18px;line-height: 22px;}
    .page.login .loginbox-left .btn-link{margin-top: 35px;text-align: center;}
    .page.login .loginbox-left .link-password {font-size:22px;text-align:center;}
    .page.login .loginbox-left .btn-bg{margin-top: 55px;}

    .page.login .login-wrapper > .loginbox-right{width:calc(100% - 80px);margin-top: 70px;padding:60px 0 0;background: url('/sg/en/resource/img/components/membership/20201210_login_bg.jpg') repeat-x;}
    .page.login .loginbox-right p{font-size: 28px;line-height: 34px;}
    .page.login .loginbox-right p span{line-height: 50px;}
    .page.login .loginbox-right .btn-link{margin-top: 40px;}
    .page.login .loginbox-right .btn-bg{position:static;margin-top: 50px;}

    /* 팝업 */
    .popup-wrap .popup-box{width:70%;min-height:500px;padding:40px;}
    .popup-wrap h3{font-size:32px;padding-bottom: 20px;}
    .popup-wrap h3 img{max-width:165px;}
    .popup-wrap p{font-size: 24px;line-height: 34px;}
    .popup-wrap .btn-bg{max-width:325px;height:68px;font-size: 22px;line-height: 68px;}

    /* 비밀번호 찾기 */
    .popup-find-pwd input{font-size: 22px;padding:19px 10px;}
    .popup-find-pwd .caution{height:40px;}
    .popup-find-pwd .caution p {padding-left:19px;line-height:22px;}
    .popup-find-pwd .caution p i{font-size: 10px;width:14px;height:14px;line-height: 14px;padding-left: 5px;}
    .popup-find-pwd .caution p span{font-size: 18px;line-height:22px;}
    .popup-find-pwd .btn-bg{margin-top: 50px;}

    /* 임시번호발급 */
    .popup-temporary p{margin:107px 0;}

    /* 비밀번호 5회이상 틀림 */
    .popup-pwd-wrong p{margin:80px 0;}

    /* 임시 비밀번호로 로그인시 */
    .popup-temporary-pwd p{margin:131px 0;}
}

/* mobile */
@media all and (max-width:767px){
    .page.login.section{margin-top: 22px;}
    .subpage .subpagetit{font-size: 19px;padding:17px 0;}
    .page.login .login-wrapper{padding:0;}

    .login-wrapper .btn-link span{font-size: 11px;}
    .login-wrapper .btn-bg{height:42px;font-size: 12px;line-height: 42px;}

    .page.login .login-wrapper{margin-top: 22px;}
    .page.login .login-wrapper > div{display: block;width:calc(100% - 40px);margin:0 20px;}
    .page.login .loginbox-tit{font-size: 15px;}

    .page.login .loginbox-left .loginform-wrap{margin-top: 20px;}
    .page.login .loginbox-left .form-con label{width:22%;font-size: 12px;line-height: 33px;}
    .page.login .loginbox-left .form-con .form-right{width:78%}
    .page.login .loginbox-left .form-con input{font-size: 11px;padding:10px 5px;}
    .page.login .loginbox-left .form-con .caution{height: 22px;}
    .page.login .loginbox-left .form-con .caution p {position:relative;padding-left:13px;}
    .page.login .loginbox-left .form-con .caution p i{top:0;font-size: 10px;width:10px;height:10px;line-height: 10px;}
    .page.login .loginbox-left .form-con .caution p span{font-size: 10px;line-height:11px;}
    .page.login .loginbox-left .form-con .note{font-size: 10px;line-height: 11px;}
    .page.login .loginbox-left .btn-link{margin-top: 18px;}
    .page.login .loginbox-left .link-password {font-size:11px;}
    .page.login .loginbox-left .btn-bg{margin-top: 28px;}

    .page.login .login-wrapper > .loginbox-right{width:calc(100% - 40px);margin-top: 35px;padding:30px 0 0;}
    .page.login .loginbox-right p{margin-top: 35px;font-size: 14px;line-height: 17px;}
    .page.login .loginbox-right p span{line-height: 25px;}
    .page.login .loginbox-right .btn-link{margin-top: 20px;}
    .page.login .loginbox-right .btn-bg{margin-top: 25px;}

    /* 팝업 */
    .popup-wrap .popup-box{min-width:1px;min-height:1px;padding:20px;}
    .popup-wrap h3{font-size:16px;padding-bottom: 10px;}
    .popup-wrap h3 img{max-width:82px;}
    .popup-wrap p{font-size: 12px;line-height: 17px;}
    .popup-wrap .btn-bg{max-width:162px;height:34px;font-size: 11px;line-height: 34px;}
    .popup-wrap .layer-close {top:10px;right:10px;width:15px;height:15px;background:url('/sg/en/resource/img/components/membership/btn_layerclose_m.png') no-repeat left top;background-size:100%;}

    /* 비밀번호 찾기 */
    .popup-find-pwd input{font-size: 11px;padding:10px 5px;}
    .popup-find-pwd .caution{height:20px;}
    .popup-find-pwd .caution p {padding-left:13px;line-height:inherit;}
    .popup-find-pwd .caution p i{top:1px;font-size: 10px;width:10px;height:10px;line-height: 10px;}
    .popup-find-pwd .caution p span{font-size: 10px;line-height:12px;}
    .popup-find-pwd .btn-bg{margin-top: 25px;}

    /* 임시번호발급 */
    .popup-temporary .popup-box{height:auto;}
    .popup-temporary p{margin:54px 0;}

    /* 비밀번호 5회이상 틀림 */
    .popup-pwd-wrong p{margin:46px 0;}

    /* 임시 비밀번호로 로그인시 */
    .popup-temporary-pwd p{margin:71px 0;}

    /* DB 일치정보1 ID값 셋팅 X, DB 일치정보2 */
    .popup-bef-member .popup-box > p,
    .popup-dup-member .popup-box > p {margin:12.5333vw 0;}
}



/* ----- 20201211 Find pw renewal ----- */
.subpage .parsys .find-pwd .subpagetit{margin:0;padding:98px 0;font-size: 44px;color:#fff;font-family:"brandon-grotesque";font-weight:700;background: url('/sg/en/resource/img/components/membership/20201211_fint-pwd-tit-pc.jpg') no-repeat center top / cover;}
.find-pwd .subpagedesc{height:40px;font-size: 14px;color:#000;line-height: 40px;text-align: right;background: url('/sg/en/resource/img/components/membership/20201210_login_bg.jpg') repeat-x bottom;font-family:'brandon-grotesque';font-weight:400;}
.find-pwd .subpagedesc span{font-size: 16px;color:#6ca3ff;}

.find-pwd-form{width:535px;margin:35px auto 0;padding-bottom: 80px;}
.find-pwd-form h3{font-size: 24px;font-family:"brandon-grotesque";font-weight:700;color:#000;text-align: center;}
.find-pwd-form form{margin-top: 40px;}
.find-pwd-form .form-con{font-size: 0;}
.find-pwd-form .form-con + .form-con{margin-top: 10px;}
.find-pwd-form .form-con > *{vertical-align: top;}
.find-pwd-form .form-con label{display:inline-block;width:20%;padding:5px 0;font-size: 16px; font-family:"brandon-grotesque";font-weight:700; line-height: 18px;color:#000;letter-spacing: 0.025em;}
.find-pwd-form .form-con:first-of-type label{padding:15px 0;}
.find-pwd-form .form-con label span{color:#6ca3ff;}
.find-pwd-form .form-con .form-right{display:inline-block;width:80%;}
.find-pwd-form .form-con input{display:block;width:100%;border:0;box-sizing: border-box;font-size: 14px;color:#a1a0a0;background-color: #f4f4f4;padding: 13px 10px;font-family: 'Noto Sans', sans-serif;font-weight:400;}
.find-pwd-form .form-con input[readonly]{color:#000;}
.find-pwd-form .form-con .caution{height:20px;overflow:hidden;font-family: 'Noto Sans', sans-serif;}
.find-pwd-form .form-con .caution p{font-size: 0;}
.find-pwd-form .form-con .caution p *{display:inline-block;vertical-align: middle;font-family: 'Noto Sans', sans-serif;}
.find-pwd-form .form-con .caution p i{width: 9px;height: 9px;margin-right: 3px;background-color: #da1b56;border-radius:50%;text-align: center;font-size: 10px;color:#fff;}
.find-pwd-form .form-con .caution p span{font-size: 12px;line-height: 2;color:#da1b56;}
.find-pwd-form .form-con .note{margin-top: 5px;font-size:12px;line-height:13px;font-family: 'Noto Sans', sans-serif;}
.find-pwd-form .btn-bg{display:block;width:100%;max-width:390px;height:55px;margin-top: 35px;margin-left:auto;margin-right:auto;font-size: 18px;font-family:"brandon-grotesque";font-weight:400;color:#fff;line-height: 55px;background-color: var(--brand-color);text-align: center;}

@media all and (max-width:1000px){
    .subpage .parsys .find-pwd .subpagetit{padding:147px 0;font-size: 50px;color:#000;background: url('/sg/en/resource/img/components/membership/20201211_fint-pwd-tit-mo.jpg') no-repeat center top / cover;}
    .find-pwd .subpagedesc{width:calc(100% - 100px);height:60px;margin: 30px 50px 0;font-size: 22px;line-height: 56px;}
    .find-pwd .subpagedesc span{font-size: 22px;}

    .find-pwd-form{width:calc(100% - 100px);margin:50px auto 0;}
    .find-pwd-form h3{font-size: 30px;}
    .find-pwd-form .form-con label{padding:5px 0;font-size: 24px;line-height: 1;}
    .find-pwd-form .form-con:first-of-type label{padding:15px 0;}
    .find-pwd-form .form-con input{font-size: 22px;}
    .find-pwd-form .form-con .caution{height:40px;}
    .find-pwd-form .form-con .caution p i{font-size: 10px;width:14px;height:14px;line-height: 14px;}
    .find-pwd-form .form-con .caution p span{font-size: 18px;}
    .find-pwd-form .form-con .note{font-size: 18px;line-height: 22px;}
    .find-pwd-form .btn-bg{width:100%;height:85px;margin-top: 45px;font-size: 24px;line-height: 85px;}
}

@media all and (max-width:767px){
    .subpage .parsys .find-pwd .subpagetit{padding:73px 0;font-size: 25px;}
    .find-pwd .subpagedesc{width:calc(100% - 50px);height:30px;margin: 15px 25px 0;font-size: 11px;line-height: 28px;}
    .find-pwd .subpagedesc span{font-size: 11px;}

    .find-pwd-form{width:calc(100% - 50px);margin:25px auto 0;padding-bottom: 40px;}
    .find-pwd-form h3{font-size: 15px;}
    .find-pwd-form form{margin-top: 20px;}
    .find-pwd-form .form-con + .form-con{margin-top: 5px;}
    .find-pwd-form .form-con label{padding:2px 0;font-size: 14px;font-size:3.73333vw;}
    .find-pwd-form .form-con:first-of-type label{padding:7px 0;}
    .find-pwd-form .form-con input{font-size: 12px;font-size:3.2vw;padding:7px 5px;}
    .find-pwd-form .form-con .caution{height:20px;}
    .find-pwd-form .form-con .caution p i{font-size: 10px;width:10px;height:10px;line-height: 10px;}
    .find-pwd-form .form-con .caution p span{font-size: 10px;}
    .find-pwd-form .form-con .note{font-size: 10px;line-height: 11px;letter-spacing: -0.05em;}
    .find-pwd-form .btn-bg{height:42px;margin-top: 27px;font-size: 12px;line-height: 42px;}
}

/* 20230517 수정 - 브랜드웹 멤버십관련 페이지 팝업화 제작 : S */
.page.login .subpagetit{text-align: center;}
.page.login .loginbox-left .loginform-wrap{max-width: 460px;margin: 0 auto;}
@media (max-width: 1000px){
    .page.login .loginbox-left .loginform-wrap{max-width:100%}
}
/* 20230517 수정 - 브랜드웹 멤버십관련 페이지 팝업화 제작 : E */