@charset "UTF-8";

body {background: url('../images/login/bg_login.png') center center repeat-y #fcfcfc;}

.login_container {width: 920px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.login_container .login_wrap {box-shadow: 0 3px 6px rgba(0,0,0,0.08); background-color: #fff;}
.login_container .login_wrap::after {content: ""; clear: both; display: block;}
.login_container .login_wrap > div {float: left;}

/*header*/
header {margin-bottom: 40px;}
header h1 {font-size: 24px;}
header h1 img {width: 214px; margin-right: 12px; vertical-align: middle;}

/*banner*/
.banner{padding:0;}
.banner .flexslider1{position:relative; width:522px; height:374px;}
.banner .flexslider1 ul li{float:left; width:522px; height:374px; overflow: hidden;}
.banner .flexslider1 ul li .contents{text-align:right; display: block; width:100%; height:100%; box-sizing:border-box;}

.flexslider1 .flex-control-nav{position:absolute; bottom:40px; left:40px;}
.flex-control-nav li{float:left; width: 10px; height: 10px;}
.flex-control-nav li:nth-child(2) {margin: 0 10px;}
.flex-control-nav li a {display:block; width:100%; height:100%; text-indent:-9999px; background:url(../images/login/bullet_page.svg) no-repeat center center; cursor: pointer;}
.flex-control-nav li a.flex-active{display:inline-block; width:10px; height:10px; text-indent:-9999px; background:url(../images/login/bullet_page_on.svg) no-repeat center center;}

/*login_area*/
.login_area {width: 398px; height: 374px; background-color: #fff; box-sizing: border-box; padding: 40px;}
.login_area img {display: block; margin-bottom: 16px;}
.login_area input[type="checkbox"] {display: inline-block; margin-left: 0; width: 12px; cursor: pointer;}
.login_area input[type="checkbox"]+label {display: inline-block; font-size: 12px; margin-top: -2px; cursor: pointer;}

.login_area .input_area {position: relative; margin-top: 6px;}
.login_area .input_area input[type="text"], .login_area .input_area input[type="password"] {width: 234px; height: 36px;}
.login_area .input_area input#pw {margin-top: 6px; letter-spacing: 0;}
.login_area .input_area .btn.login {width: 78px; height: 78px; border-radius: 0; text-align: center; line-height: 74px; position: absolute; right: 0; top: 0;}
.login_area .input_area .btn.login span {font-size: 16px;}

.login_area .setting_area {margin-top: 16px;}
.login_area .setting_area::after {content: ""; clear: both; display: block;}
.login_area .setting_area .selectbox {padding: 0 8px; background-position: right 8px center; font-size: 12px; margin-top: -2px;}
.login_area .setting_area ul {float: right;}
.login_area .setting_area ul::after {content: ""; clear: both; display: block;}
.login_area .setting_area ul li {float: left;}
.login_area .setting_area ul li:not(:last-child)::after {content: ""; display: inline-block; width: 1px; height: 10px; vertical-align: middle; background-color: #333; margin: 0 6px;}
.login_area .setting_area ul li a {font-size: 12px;}

.login_area footer {text-align: center; font-size: 12px; color: #888; margin-top: 78px;}

/*210625 김은서 추가 (쿠키 정책)*/
.cookie_policy {padding: 20px 0; background-color: #222; position: fixed; left: 0; right: 0; bottom: 0;}
.cookie_policy .inner {width: 1320px; margin: 0 auto;}
.cookie_policy .inner::after {content: ""; clear: both; display: block;}
.cookie_policy p {display: inline-block; color: #fff; line-height: 34px;}
.cookie_policy .btn_wrap {float: right; font-size: 0;}
.cookie_policy .btn_wrap .btn {display: inline-block; vertical-align: middle; padding: 0 15px; height: 34px; box-sizing: border-box; border-radius: 0;}
.cookie_policy .btn_wrap .btn.policy {background-color: #fff; border: 1px solid #61a5d2;}
.cookie_policy .btn_wrap .btn.agree {background-color: #61a5d2; margin-left: 10px;}
.cookie_policy .btn_wrap .btn.policy span {color: #61a5d2; line-height: 32px; }
.cookie_policy .btn_wrap .btn.agree span {color: #fff; line-height: 34px; }