/* CSS Document */
html,body {min-width:auto;}
.width16 {width:16%;} .width33 { width:33%;} .width50 {width:50%;}
.wrap {width:100%; height:100%;  min-width:auto; background-size:cover; background-position:center;}
.wrap[data-sc="meeting"] {background-image:url('../../common/image/meeting/bg_login.png');}
.wrap[data-sc="class"] {background-image:url('../../common/image/class/bg_login.png');}
.wrap[data-sc="consult"] {background-image:url('../../common/image/consult/bg_login.png');}
.wrap[data-sc="webinar"] {background-image:url('../../common/image/webinar/bg_login.png');}
.wrap[data-sc="work"] {background-image:url('../../common/image/work/bg_login.png');}
h6 {margin-bottom:15px; font-size:21px;}
.s1_title {font-weight:400;}
body #login_bg{background-repeat:no-repeat;}
/* */

.login_num {position:absolute; bottom:60px; left:60px;}
.login_num > p {color:white; font-size:27px; font-weight:400;}
nav .nav_logo { padding:30px 0px 0px 60px;}
.login_form {margin:0px auto; width:600px; min-height:600px; padding-top:90px; height:85%;}
.login_layoutType.wrap {display:flex; align-items: center;}
.login_layoutType .login_form {width:520px; background-color:rgba(0,0,0,.6); border-radius:16px; height:auto !important;}

.id_pass {width:350px; position:relative;}
.id_pass > ul {margin-bottom:0px;}
.id_pass > ul > li {width:100% !important; position:relative;}
.id_pass > ul > li > .login_txt {color:rgba(255,255,255,0.8); background:rgba(0,0,0,0.5); border-radius:100px; border:none; padding-left:50px; margin-bottom:10px; outline:none;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.id_pass > ul > li > .login_txt:focus {border:1px solid rgba(255,255,255,0.5); box-shadow:none;}

.id_pass > ul > li > .login_txt::-webkit-input-placeholder{color:rgba(255,255,255,0.7); font-weight:400;}
.id_pass > ul > li > .login_txt:focus::-webkit-input-placeholder{color:rgba(255,255,255,0.4); font-weight:400;}
.id_pass > ul > li > .login_txt:focus:-ms-input-placeholder{color:rgba(255,255,255,0.4); font-weight:400;}
.id_pass > ul > li > .login_txt:focus::-moz-placeholder{color:rgba(255,255,255,0.4); font-weight:400;}
.id_pass > ul > li > .login_txt:focus:-moz-placeholder{color:rgba(255,255,255,0.4); font-weight:400;}

	

.id_pass > ul > li > .login_submit {background:#2692FF; border-radius:100px; margin-top:10px; font-size:19px; font-weight:400;
	transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.id_pass > ul > li > .login_submit:hover {background:#177BE1;}
.id_pass > ul > li > .login_submit[data-sc="meeting"] {background:#2692FF;}
.id_pass > ul > li > .login_submit[data-sc="meeting"]:hover {background:#177BE1;}
.id_pass > ul > li > .login_submit[data-sc="class"] {background:#9BCD65;}
.id_pass > ul > li > .login_submit[data-sc="class"]:hover {background:#85bb4b;}
.id_pass > ul > li > .login_submit[data-sc="consult"] {background:#9875F9;}
.id_pass > ul > li > .login_submit[data-sc="consult"]:hover {background:#7c57e2;}
.id_pass > ul > li > .login_submit[data-sc="webinar"] {background:#E65261;}
.id_pass > ul > li > .login_submit[data-sc="webinar"]:hover {background:#d53b4b;}
.id_pass > ul > li > .login_submit[data-sc="work"] {background:#46C9A9;}
.id_pass > ul > li > .login_submit[data-sc="work"]:hover {background:#28b18f;}
.id_pass > ul > li > p {position:absolute; top:0px; left:8px;}
.id_pass > .userbox {width:125px; margin:0px; display:inline-block; min-width:auto;}
.id_pass > .userbox > input[type="checkbox"] {display:none;}
.id_pass > .userbox > input[type="checkbox"] + label {font-size:13px; cursor:pointer; background:url("../../common/image/login_id_empty_check.png") 0px no-repeat; padding-left:25px; line-height:24px; font-weight:400; color:#ffffff;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.id_pass > .userbox > input[type="checkbox"] + label:hover {color:#2692FF;}
.id_pass > .userbox > input[type="checkbox"]:checked + label {background:url("../../common/image/login_id_check.png") 0px no-repeat; color:#2692FF;}
.id_pass > .userbox > .saveCheck2 {height:22px;}
.userbox > nav > .collapse > .navbar-nav > .nav-item > .login_lang {padding:0px; cursor:pointer;  font-weight:300; background:rgb(0,0,0,0.4); border-radius:100px; width:80px; height:30px;}
.userbox > nav > .collapse > .navbar-nav > .nav-item > .login_lang > span {padding-left:15px; line-height:30px; margin-right:2px;}

input[type=submit], input[type=text], input[type=password] {height:50px;}
.id_pass > .ez_login {}
.id_pass > .ez_login > .ez_login_text {font-size:15px; color:#CCCCCC; font-weight:300; text-align:center; background:url('../image/ez_login_line.png') 0px no-repeat;}
.id_pass > .ez_login > .ez_login_btn {text-align:center; margin-top:30px; margin-bottom:30px;}
.id_pass > .ez_login > .ez_login_btn > a { margin-right:50px;   width:50px; height:50px; border-radius:100px; background:white; display:inline-block; }
.id_pass > .ez_login > .ez_login_btn > a:after {content:""; background:url('../image/ez_login_kakao.png') 0px no-repeat;  width:50px; height:50px; display:block;;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.id_pass > .ez_login > .ez_login_btn > a:nth-child(2):after {background:url('../image/ez_login_face.png') 0px no-repeat;}
.id_pass > .ez_login > .ez_login_btn > a:nth-child(3):after {background:url('../image/ez_login_google.png') 0px no-repeat;}
.id_pass > .ez_login > .ez_login_btn > a:nth-child(1):hover:after {background:url('../image/ez_login_kakao_on.png') 0px no-repeat;}
.id_pass > .ez_login > .ez_login_btn > a:nth-child(2):hover:after {background:url('../image/ez_login_face_on.png') 0px no-repeat;}
.id_pass > .ez_login > .ez_login_btn > a:nth-child(3):hover:after {background:url('../image/ez_login_google_on.png') 0px no-repeat;}
.id_pass > .ez_login > .ez_login_btn > a:last-child {margin-right:0px;}
.id_pass > .phc {position:absolute; bottom:9px; right:15px; width:140px;}
.id_pass > .phc > .col {padding:0px;}
.id_pass > .phc > .col > a {margin:0px !important; font-size:13px; font-weight:400; color:#fff;}
.id_pass > .phc > .col > a:not(:last-child) {padding-right:6px;}
.id_pass > .phc > .col > a:not(:last-child):after {content:"|"; color:#E3E3E3; padding-left:10px;}
.id_pass > .phc > .col > a:hover {color:#9875F9 !important;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.logo {margin-bottom:20px; margin-top:50px; padding:0px;}