@charset "utf-8";

.certification__inner {padding:0;}
.certification__inner .txt-tip:before{top:5px;line-height: 16px;border-radius: 50%;background: #393847;color: #fff;font-size: 13px;font-weight: 700;text-align: center;content: "!";}
.certification__inner .txt-tip {color:#48546e;}
.certification__inner .h2 {margin:30px 0 0;}
.certification__inner .h2+p {margin: 10px 0;}
.ui-topbox.type1 .inner .txtwrap p {color:#48546e !important;}

.member {width:100%;max-width: 100%;padding: 30px;border: 1px solid #efefef;}
.member:after {display:block; clear:both; visibility:hidden; content:'';}
.member .box{border:none;margin: 0;padding:0;}
.member .box1 {float:left;width:40%;padding: 0 50px 0 0;}
.member .box1 strong {display:block;font-size:24px; color:#121212;font-weight:700;}
.member .box1 p {font-size:16px; color:#545454;}
.member .box2 {float:right;width:60%;}
.member .box2 .login {padding-right:145px;}
.member .box2 .login .input-info {}
.member .box2 .login .input-info > div {margin:0;}
.member .box2 .login .input-info > div input[type="text"]{height:50px;border:1px solid #ddd;margin: 0 0 10px;}
.member .box2 .login .input-info > div input[type="password"]{height:50px; border:1px solid #ddd;}
.member .box2 .login .input-info > div input:focus{outline:1px solid #ff9000;}
.member .box2 .login  button {top:0;width: 135px;height:110px;border-radius: 0 10px 0 10px;background: #48546e;}
.member .box2 .login button:focus {outline: 1px dashed #fff;}
.member .box2 .login  button em {}
.member .box2 ul {margin:15px 0 0;}
.member .box2 ul li {display:inline-block; position:relative; margin-right:38px;}
.member .box2 ul li:after{display:block; position:absolute; content:''; top:7px; right:-19px; width:1px; height:12px; background:#acafb3}
.member .box2 ul li:last-child:after {display:none;}
.member .box2 ul li a {display:block;font-size:16px; color:#545454;}

/* 평생학습 로그인 */
.learning_member { border:2px solid #da4453;}
.learning_member .title {padding: 10px 20px;background:#da4453;font-size:18px;font-weight:700;color:#fff;text-align:center;line-height: 1.3;}
.learning_member .infotxt {padding: 20px 25px 0;}
.learning_member .member {padding: 40px 6%;border:none;}
.learning_member .member .box1 {width:45%;padding-right:35px;}
.learning_member .member .box1 strong {line-height:1;}
.learning_member .member .box1 p {/* font-size: 15px; */}
.learning_member .member .box1 p span {display:inline-block;font-weight:700;text-decoration: underline;}
.learning_member .member .box2 {width:55%;padding:13px 0 0}
.learning_member .member .check {margin:10px 0 0;}
.learning_member .member .check input {margin-right:5px;}

.wrap_identification {margin:30px 0 0;}
.wrap_identification .ui-certification {padding: 0;margin: 0;border: none;background: #fff;}
.wrap_identification .ui-certification .ui-list__column {}
.wrap_identification .ui-certification .ui-list__column:after {display:block; clear:both; visibility:hidden; content:'';}
.wrap_identification .ui-certification .ui-list__column .inner {float:left; width:calc(50% - 20px);margin:0 10px 20px;border: none;}
.wrap_identification .ui-certification .ui-list__column .inner .item {min-height: 493px;padding: 40px 40px;margin: 0;border: 1px solid #efefef;background-color: #fcfcfc;}
.wrap_identification .ui-certification .ui-list__column .inner .item .icon {}
.wrap_identification .ui-certification .ui-list__column .inner .item h2 {}
.wrap_identification .ui-certification .ui-list__column .inner .item h2:before {display:none;}
.wrap_identification .ui-certification .ui-list__column .inner .item .list-box {min-height:auto;}

@media(max-width:1479px){
    .wrap_identification .ui-certification .ui-list__column .inner .item {height: 375px;min-height: auto;}
    .wrap_identification .ui-certification .ui-list__column .inner .item .list-box {display:none;}
    .wrap_identification .ui-certification .ui-list__column .inner .item .h2+p {height:48px;}
}

@media(max-width:767px){
    .wrap_identification .ui-certification .ui-list__column .inner {float:none; width:calc(100% - 20px);}
    .wrap_identification .ui-certification .ui-list__column .inner .item {height: auto;min-height:auto;padding: 30px;}

    .member {padding: 30px 30px;}
    .member .box1 {float:none; width:100%;}
    .member .box1 p,
    .member .box2 ul li a {font-size:15px;}
    .member .box2 {float:none;width:100%;margin: 10px 0 0;} 

    .learning_member .member {padding:25px;}
    .learning_member .member .box1 {width:100%;padding: 0;}
    .learning_member .member .box2 {width:100%;}
}
@media(max-width:530px){
    .member .box2 .login {padding:0;}
    .member .box2 .login button {position:static;width:100%;height:50px; line-height:50px; margin:10px 0 0;}
    .member .box2 ul li {margin-right:16px;}
    .member .box2 ul li:after {right:-8px;}
}

/* 문예회관 비밀번호 찾긔  */
.acc .member {max-width:600px; margin:0 auto;}
.acc .member .box1 {float:none; width:100%; }
.acc .member .box2 {float:none; width:100%; margin:15px 0 0; }
.acc .member .box2 .login {padding:0}
.acc .member .box2 .login button {position:static;width:100%;height: 50px;line-height: 50px;}

@media(max-width:530px){
    .acc .member .box2 .login button {margin:0;}
}


/* 대표 030404  */
.krsub030404 .member {max-width:600px; margin:0 auto;}
.krsub030404 .member .box1 {float:none; width:100%; }
.krsub030404 .member .box2 {float:none; width:100%; margin:15px 0 0; }
.krsub030404 .member .box2 .login {padding:0}
.krsub030404 .member .box2 .login button {position:static;width:100%;height: 50px;line-height: 50px;}

@media(max-width:530px){
    .krsub030404 .member .box2 .login button {margin:0;}
}


/* 대표 로그인 0118 */
.login_cont_wrap {overflow: hidden;}	
.login_cont_wrap .member {width:40%; float:left; margin-right:3%;}
.login_cont_wrap .member .box1,
.login_cont_wrap .member .box2 {float:none; width:100%; margin-top:50px;}
.login_cont_wrap .id_ver {float:left; width:57%; padding:30px; border: 1px solid #efefef;}
.login_cont_wrap .id_ver .wrap_identification .h2 {padding-left:0;}
.login_cont_wrap .wrap_identification .ui-certification .ui-list__column .inner .item {min-height: 335px; padding:30px 10px;}
.login_cont_wrap .member,
.login_cont_wrap .id_ver {min-height:630px;}
.login_cont_wrap .member .box1 p {margin-bottom:20px;}
.login_cont_wrap .certification__inner {overflow: hidden;}
.login_cont_wrap .id_ver strong {display: block; font-size: 24px; color: #121212; font-weight: 700;}
@media(max-width:1520px){
    .login_cont_wrap .member, .login_cont_wrap .id_ver {min-height:665px;}
}
@media(max-width:1450px){
    .login_cont_wrap .member {float:none; width:100%; margin-right:0; margin-bottom:20px;}
    .login_cont_wrap .id_ver {float:none; width:100%;}
    .login_cont_wrap .member,
    .login_cont_wrap .id_ver {min-height:auto;}
    .login_cont_wrap .member .box1,
    .login_cont_wrap .member .box2 {margin-top:0;}
}