/* BASIC css start */

div.C-23387-1-2 .tit-page {text-align: center; position: relative;}
div.C-23387-1-2 .tit-page h2 {color:#424242; font-size: 1.25em; padding: 25px;}
div.C-23387-1-2 .back-btn {position: absolute; top: 25px; left: 15px;}
div.C-23387-1-2 .back-btn .fa {border: 1px solid #777; width: 35px; height: 25px; line-height: 25px; border-radius: 2px; color: #424242; background-color: #F9F9F9;}
div.C-23387-1-2 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-23387-1-3 .login1 .login-btn {text-align: center; padding: 10px;}
div.C-23387-1-3 .btn-center {text-align: center; padding: 10px;}
div.C-23387-1-3 .btn-center ul {overflow: hidden;}
div.C-23387-1-3 .btn-center ul li {float: left; width: 50%; box-sizing: border-box;}
div.C-23387-1-3 .btn-center ul li a {border: 1px solid #505050; background-color: #FFFFFF; box-sizing: border-box; height: 35px; line-height: 35px; display: block; color: #525252; font-size: 0.875em;}
div.C-23387-1-3 .btn-center ul li .join-btn {border-radius: 3px 0 0 3px; border-right: 0;}
div.C-23387-1-3 .btn-center ul li .id-btn {border-radius: 0 3px 3px 0;}
div.C-23387-1-3 .login1 .login-btn a {color: #fff; background-color: #505050; border: 1px solid #505050; height: 40px; line-height: 40px; font-size: 1em; box-sizing: border-box; display: block; border-radius: 3px;}

div.C-23387-1-3 .login1 {overflow:hidden; padding-bottom:5px;}
div.C-23387-1-3 .login1 .login-box {position:relative; padding:10px; overflow:hidden;}
div.C-23387-1-3 .login1 .login-box ul li:first-child {margin-bottom:8px;}
div.C-23387-1-3 .login1 .login-box ul li.mt-8 {margin-top:8px;}
div.C-23387-1-3 .login1 .login-box .btnTyF {position:absolute; right:15px; top:14px; width:68px; height:72px; line-height:73px; padding:0;}
div.C-23387-1-3 .login1 .login-box span {float:left; color:#424242; font-size:0.875em; margin-top:13px;}
div.C-23387-1-3 .login1 .login-box span input {vertical-align:middle; margin-right:4px; margin-top:-3px;}
div.C-23387-1-3 .login1 .login-box span label:first-child {margin-right:10px;}
div.C-23387-1-3 .login1 .btn-center {text-align: center;}
div.C-23387-1-3 .login1 .btn-center ul {overflow: hidden;}
div.C-23387-1-3 .login1 .btn-center ul li {float: left; width: 50%;}

div.C-23387-1-3 .sns-login { position: relative; margin: 20px 10px 0; }
div.C-23387-1-3 .sns-login .sns-title img { width:300px; }
div.C-23387-1-3 .sns-login ul li { position: relative; margin-top: 10px; padding-left: 50px; height: 40px; line-height: 40px; border: 1px solid #dfdfdf; border-radius: 4px; list-style: none; }
div.C-23387-1-3 .sns-login ul li a { display: block; padding-left: 20px; border-left: 1px solid #dfdfdf; color: #999; font-size: 1.25em; font-weight: bold; letter-spacing: -1px; }
div.C-23387-1-3 .sns-login ul li span { position: absolute; top: 0; left: 0; width: 50px; height: 40px; }
div.C-23387-1-3 .sns-login ul li.facebook span { background: url(/images/d3/m_01/icon/ico_sns_facebook.gif) no-repeat 50% 50%; background-size: 12px auto; }
div.C-23387-1-3 .sns-login ul li.naver span { background: url(/images/d3/m_01/icon/ico_sns_naver.gif) no-repeat 50% 50%; background-size: 18px auto; }
div.C-23387-1-3 .sns-login ul li.kakaotalk span { background: url(/images/d3/m_01/icon/ico_sns_kakaotalk.gif) no-repeat 50% 50%; background-size: 20px auto; }

/* 한글자판 */
div.C-23387-1-3 .login1 .keyboard {text-align:center; overflow:hidden; padding: 0 10px 5px;}
div.C-23387-1-3 .login1 .keyboard img {max-width:100%;}
div.C-23387-1-3 .login1 .btn-keyboard {text-align:right; display:block; padding: 5px 15px 5px;}
div.C-23387-1-3 .login1 .btn-keyboard a {color:#000; font-size:0.875em;}
div.C-23387-1-3 .login1 .btn-keyboard .open {display:inline-block; width:0; height:0; line-height:0; font-size:0; margin-left:3px; border-top: 8px solid #333; border-left:4px solid transparent;  border-right:4px solid transparent;}
div.C-23387-1-3 .login1 .btn-keyboard .close {display:inline-block; width:0; height:0; line-height:0; font-size:0; margin-left:3px; border-bottom: 8px solid #333; border-left:4px solid transparent;  border-right:4px solid transparent;}

/* 로그인 폼에 백그라운드 컬러 강제 적용 */
.login1 input[type="text"], .login1 input[type="password"] {background: #fff !important;}

div.C-23387-1-3 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-23387-1-4 .cookie-config { border-top: 1px solid #bababa; padding: 10px 15px; }
div.C-23387-1-4 .cookie-config p { text-align: center; font-size: .75em; }
div.C-23387-1-4 .cookie-config .wrap { margin-top: 10px; }
div.C-23387-1-4 .cookie-config li { list-style-type: none; }
div.C-23387-1-4 .cookie-config .div { margin-bottom: 10px; }
div.C-23387-1-4 .cookie-config .div strong { font-size: .75em; }
div.C-23387-1-4 .cookie-config .div .sub { padding-left: 5px; font-size: .75em; }
div.C-23387-1-4 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-23387-1-3 .login1 .login-btn a {
    color: #333;
    background-color: #cdedf8;
    border: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    font-size: 1em;
    box-sizing: border-box;
    display: block;
    border-radius: 0;
}
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select
{border-radius:0;}

div.C-23387-1-3 .btn-center ul li .join-btn {
    border-radius: 0;
    border-right: 0;
}

div.C-23387-1-3 .btn-center ul li a {
    border: 1px solid #ddd;
    background-color: #FFFFFF;
    box-sizing: border-box;
    height: 35px;
    line-height: 35px;
    display: block;
    color: #333;
    font-size: 0.875em;
}

div.C-23387-1-3 .btn-center ul li .id-btn {
    border-radius: 0;}


div.C-23387-1-3 .sns-login ul li {
    position: relative;
    margin-top: 10px;
    padding-left: 50px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ddd;
    border-radius: 0;
    list-style: none;
}


div.C-23387-1-3 .sns-login ul li a
{border-left:1px solid #ddd; font-size:1em;}


div.C-23387-1-2 .back-btn .fa {
    border: 1px solid #ddd;
    width: 30px;
    height: 25px;
    line-height: 25px;
    border-radius: 2px;
    color: #333;
    background-color: #F9F9F9;
}

input[type=checkbox]:checked, input[type=radio]:checked {
    color: #000!important;
    background-image: url(/images/d3/m_powerpack/pp_check.gif)!important;
    background-position: center!important;
    background-size: 100%!important;
    background-color: #46bdd3!important;
    border-left-color: #46bdd3!important;
    border-right-color: #46bdd3!important;
    border: 1px solid#46bdd3!important;
    vertical-align: middle;
}
input[type=checkbox]:checked, input[type=checkbox] {
    border-radius: 0!important;
div.C-23387-1-5 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-49-1-3 .login1 .login-btn a {background-color:#46bdd3 ; border:1px solid #ddd; border-radius:0;}
/* BASIC css end */