@charset "UTF-8";

.wrap.login .contentArea { min-height:490px;}

.wrap.login .headerWrap { background-color:rgba(0,0,0,0.3);}
.wrap.login .logTit { padding-top:35px; text-align:center; font-size:1.625rem; color:#fff; font-family: 'cesco_b';}
.wrap.login .posR .btn_eng { width:76px; height:44px; line-height:44px; margin:34px 190px 0 0; text-align:center; color:#fff; font-size:1.25rem; border-radius:5px; background:rgba(0,0,0,0.1);}

.loginVisual_area { position:relative; }
.loginVisual_area .loginSwipe { position:relative;text-align:center; color:#fff; }
.loginVisual_area .loginSwipe .box { position:relative; height:590px; padding:224px 0 0 0; box-sizing:border-box; outline:none; }
.loginVisual_area .loginSwipe .box:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.3); z-index:3;}
.loginVisual_area .loginSwipe .box .txtArea {position:relative; z-index:5;}
.loginVisual_area .loginSwipe .box.login_bg01 { background:url("../../common/images/login_visual_01.png") no-repeat center; }
.loginVisual_area .loginSwipe .box.login_bg02 { background:url("../../common/images/login_visual_02.png") no-repeat center;}
.loginVisual_area .loginSwipe .box.login_bg03 { background:url("../../common/images/login_visual_03.png") no-repeat center;}
.loginVisual_area .loginSwipe .box .txtArea .txt01 { font-size:1.875rem; font-family: 'cesco_b';}
.loginVisual_area .loginSwipe .box .txtArea .txt02 { margin-top:34px; font-size:2.5rem;}
.loginVisual_area .loginSwipe .box .txtArea .txt03 { margin-top:40px; font-size:1.25rem; line-height:2.125rem;}
.loginVisual_area .loginSwipe .slick-prev { position:absolute; left:160px; top:50%; width:28px; height:100%; color:transparent; -webkit-transform: translateY(-50%);transform: translateY(-50%); z-index:10; background:url("../../common/images/icon_arrowW_l.png") no-repeat left center;}
.loginVisual_area .loginSwipe .slick-next { position:absolute; right:160px; top:50%;  width:28px; height:100%; color:transparent; -webkit-transform: translateY(-50%);transform: translateY(-50%); z-index:10; background:url("../../common/images/icon_arrowW_r.png") no-repeat left center;}
.loginVisual_area .slick-track { outline:none;}
.slick-dots { position:absolute; left:0; bottom:26px; right:0; margin:0 auto;}
.slick-dots li { display:inline-block; width:115px; height:4px; text-indent:-9999px; margin:0 10px; border-radius:2rem; background:rgba(256,256,256,0.6)}
.slick-dots li.slick-active { background:#fff;}

.logBox { width:603px; text-align:center; margin:0 auto;}
.logBox .log_formBox { padding-top:35px;}
.logBox .log_formBox .loginBox { position:relative; width:468px; margin:0 auto;}
.logBox .log_formBox .loginBox ul { text-align:left;}
.logBox .log_formBox .loginBox .cautionT { position:absolute; left:50%; top:5px; font-size:18px; color:#ff5454; -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.logBox .log_formBox .loginBox ul li > input { width:330px;}
.logBox .log_formBox .loginBox ul li { padding-bottom:27px;}

.logBox .log_formBox .loginBtn { position:absolute; right:0; top:0; width:105px; height:121px; line-height:121px; font-size:1.375rem; color:#fff; text-align:center; border-radius:0 0 10px 0; box-sizing:border-box; background:#0089d0;}
.logBox .log_formBox .saveId { position:relative; text-align:left; }
.logBox .log_formBox .saveId label { color:#a1a1a1; font-size:17px;}

.logBox .log_formBox .loginBox ul li span { display:block;}
.logBox .log_formBox .loginBox ul li .etxt { display:none;}
.logBox .log_formBox .loginBox ul li.errorT { position:relative;}
.logBox .log_formBox .loginBox ul li.errorT input { border-color:#ff5454;}
.logBox .log_formBox .loginBox ul li.errorT .etxt { position:absolute; left:0; bottom:5px; display:inline-block; color:#ff5454;}
.logBox .log_formBox .loginBox ul li.errorT .etxt { display:block;}

.wrap.login .footerWrap { position:absolute; left:0; bottom:0; right:0; background:transparent;}
.wrap.login .footerWrap .innerWrap { background:transparent;}
.wrap.login .foot_logo { display:inline-block; width:100%; height:154px; text-indent:-99999px; background:url("../../common/images/foot_logo.png") no-repeat center;}