@charset "UTF-8";
.bgGray { background:#f5f5f5;}

/* PC웹 */
.pcWeb .wis.login.wrap .loginCon { width:530px; height:800px !important;  margin:-62px auto 0; }
.pcWeb select { padding:0; background:none;}
.pcWeb th, .pcWeb td, .pcWeb input, .pcWeb select, .pcWeb textarea, .pcWeb button  { font:normal 18px 'AritaDotumM',NotoSans,"돋움",dotum,sans-serif; }

.mobile select { -webkit-appearance:none; }

/* 로그인 */
.wis.login.wrap { background:#f5f5f5;}
.wis.login.wrap header { position:relative; height:174.5px; background:#101d49;}

/* 언어설정 */
.icon_lan_ko { display:block; width:30px; height:30px; text-indent:-99999px; border:2px solid #fff; border-radius:2rem; background:url("../../common/images/icon_lan_ko.png") no-repeat center; background-size:30px; box-sizing:border-box;}
.icon_lan_en { display:block; width:30px; height:30px; text-indent:-99999px; border-radius:2rem; background:url("../../common/images/icon_lan_en.png") no-repeat center; background-size:30px; box-sizing:border-box;}
.lan_choice { position:absolute; right:6%; top:9%;}
.lanList { position:absolute; right:0; top:36px; border-top:1px solid #a3a3a3; border-left:1px solid #a3a3a3; border-right:1px solid #a3a3a3; z-index:10; background:#fff;}
.lanList li { width:127px; padding:13px 7px; border-bottom:1px solid #a3a3a3; box-sizing:border-box;}
.lanList li button { position:relative; width:100%; text-align:left; font-size:0.938rem; color:#343438; font-weight:bold;}
.lanList li button .iconLan { position:relative; text-indent:0; padding-left:40px; }
.lanList li button .iconLan:before { content:""; position:absolute; left:0; top:-8px; width:30px; height:30px; border-radius:2rem; box-sizing:border-box;}
.lanList li button .iconLan.icon_ko:before { border:1px solid #ececec; background:url("../../common/images/icon_lan_ko.png") no-repeat left top; background-size:30px;}
.lanList li button .iconLan.icon_en:before { border:1px solid #fff; background:url("../../common/images/icon_lan_en.png") no-repeat left top; background-size:30px;}
.lan_iconOn { position:absolute; right:0; top:-1px; display:block; width:19px; height:19px; text-indent:-99999px; background:url("../../common/images/lan_iconOn.png") no-repeat center top; background-size:19px;}

.wis.login.wrap .loginCon { position:relative; width:88%; height:80%; margin:-112px auto 0; min-height:454px; padding:1.563em 1.969em; border:1px solid #d7d7d7; background:#fff; box-sizing:border-box;}
.wis.login.wrap .log_cen { width:60%; position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); box-sizing:border-box; -webkit-box-sizing:border-box;}
.wis.login.wrap .loginCon .logo { height:18px; margin:0.594rem 0 10px 0; text-indent:-999999px; background:url("../../common/images/amorepacific_logo.png") no-repeat top center; background-size:auto 18px;}
.wis.login.wrap .loginCon .logo_text { padding:0 0 20px 0; text-align:center; color:#306095; font-size:1.188rem;}
.wis.login.wrap .loginCon .logo_text .name { position:relative; padding-left:25px; }
.wis.login.wrap .loginCon .logo_text .name:before { content:""; position:absolute; left:12px; top:2px; width:2px; height:16px; background:#d6d6d6;}

.wis.login.wrap fieldset.login { position:relative;}
.wis.login.wrap fieldset.login label { display:block; padding-bottom:1.5em; display:-moz-box; /* Firefox */display:-webkit-box; /* Safari and Chrome */ display:box;}
.wis.login.wrap fieldset.login label .title { display:block; width:60px; font-size:0.875rem; line-height:40px; color:#696969; }
.wis.login.wrap fieldset.login label input[type=text], .wis.login.wrap fieldset.login label input[type=password], .wis.login.wrap fieldset.login label select { display:block;  box-flex:1; -moz-box-flex:1; -webkit-box-flex:1;  box-sizing:border-box; border-left:0; border-top:0; border-right:0;}
.wis.login.wrap fieldset.login label input[type=text], .wis.login.wrap fieldset.login label input[type=password] { padding:10px 5px;}
.wis.login.wrap fieldset.login .idSave { padding:0.938em 0 1em; font-size:0.875rem; color:#696969;}
.wis.login.wrap fieldset.login .idSave span { position:relative; top:2px;}
.wis.login.wrap fieldset.login .btn_blue { height:48.5px; line-height:48.5px; background:#101d49;}

.infoArea { margin-top:51px; padding:11px 14px 10px; text-align:center; line-height:1.125rem; background:#fafafa;}
.infoArea span { display:block; font-size:0.75rem; color:#575757;}
.infoArea .infoTel { color:#4b8abf; font-size:0.938rem;}

.wis.login.wrap .copy { padding:1em 0; text-align:center; font-size:0.75rem; color:#959595;  letter-spacing:0;}

/* 앱 다운로드 */
.wis.wrap header.logo { position:relative;  margin:0 auto; padding-top:132.5px;}
.wis.wrap .down .copy { position:absolute; left:0; right:0; bottom:0; }
.wis.wrap .copy { padding:0 15px 39px 15px; text-align:center; font-size:0.75rem; color:#959595;  letter-spacing:0;}

/*데이터 없음*/
.nodata { padding:52px 0 0 0; margin-top:144px; font-size:1rem; color:#306095; text-align:center; font-family:AritaDotumS; background:url("../../common/images/icon_nodata02.png") no-repeat center top; background-size:38px;}
.nodata.type01 { padding:52px 0 0 0; margin-top:144px; font-size:1rem; color:#306095; text-align:center; font-family:AritaDotumS; background:url("../../common/images/icon_nodata02.png") no-repeat center top; background-size:38px;}
.nodata.type01 span { display:block;}
.nodata.type01 span + span { margin-top:15px;}
.nodata .fType01 { color:#262626; font-family: 'AritaDotumM';}

/* 앱스토어 다운로드 */
.downLogo { display:inline-block; width:136px; height:136px; border-radius:15px;}
.downArea { margin-top:84px; text-align:center;}
.downArea h2.title01 { margin-top:19px; height:48px; font-size:1.188rem; text-indent:-99999px; background:url("../../common/images/amore_logo03.png") no-repeat center; background-size:182px 48px;}
.downArea .btn_skyBlue { width: auto; width:initial; height:48.5px; padding:10px 62px; margin-top:24px; background:#101d49; box-sizing:border-box;}

@media (max-width: 320px) {
	/* .wis.login.wrap .contentWrap { padding-bottom:47.5px;} */
	.infoArea { padding:11px 0 10px;}
	
}