@charset "utf-8";

.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('/my/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('/my/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('/my/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: 22% 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("/my/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("/my/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("/my/en/resource/img/components/membership/icon_labelcheckbox_active.png");}


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

}
@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*/