@charset "utf-8";

/* -------- 인증센터 -------- */
.certification_list > li > .inner_box > a span > i{display:inline-block; width:0.925rem; height:0.925rem; margin-left:0.3rem; vertical-align:middle}
.certification_list > li > .inner_box > a span > i > img{display:block; width:100%; max-width:100%}
.myMenu_box > div > ul > li > button > i{display:inline-block; width:0.925rem; height:0.925rem; margin-left:0.3rem; vertical-align:middle}
.myMenu_box > div > ul > li > button > i > img{display:block; width:100%; max-width:100%}
/* 하나 원사인 */
/*CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, color/font, align, backgroun etc*/
.one_sign_list{}
.one_sign_list > ul > li{margin-top:0.75rem; border:1px solid #cccccc; -webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem; overflow:hidden}
.one_sign_list > ul > li:first-child{margin-top:0}
.one_sign_list > ul > li > button, .one_sign_list > ul > li > a{display:block; width:100%; line-height:3rem; padding-left:3.1rem; color:#000000; font-size:0.8rem; font-weight:500; text-align:left; background:#ffffff}
.one_sign_list > ul > li > .list1{background:url('../img/ico_onesign01.png') no-repeat 1rem 50%; background-size:1.4rem}
.one_sign_list > ul > li > .list2{background:url('../img/ico_onesign02.png') no-repeat 1rem 50%; background-size:1.4rem}
.one_sign_list > ul > li > .list3{background:url('../img/ico_onesign03.png') no-repeat 1.2rem 50%; background-size:0.8rem}
.btn_face{padding:1.1rem 1.2rem; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(108deg, rgb(22, 160, 119) 0%, rgba(22, 160, 119, 0) 53%), linear-gradient(108deg, rgba(0, 149, 145, 0) 47%, rgb(0, 116, 149) 100%), linear-gradient(to bottom, rgb(0, 149, 145), rgb(0, 149, 145))}
.btn_face p{font-size:0.8rem; color:#ffffff; font-weight:500}
.btn_face div{position:absolute; top:50%; right:1.2rem; width:2.4rem; height:1.1rem; margin-top:-0.55rem; background:#ffffff; -webkit-border-radius:0.75rem; -moz-border-radius:0.75rem; border-radius:0.75rem;}
.btn_face div input[type="checkbox"]{position:absolute; left:0; top:0; z-index:1; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
.btn_face div input[type="checkbox"] + label{display:block; width:100%; height:100%}
.btn_face div input[type="checkbox"] + label:before{display:block; content:""; clear:both; position:absolute; top:50%; left:0.2rem; right:auto; width:0.7rem; height:0.7rem; margin-top:-0.35rem; background:#dbdbdb; -webkit-border-radius:0.7rem; -moz-border-radius:0.7rem; border-radius:0.7rem}
.btn_face div input[type="checkbox"]:checked + label:before{background:linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(108deg, rgb(22, 160, 119) 0%, rgba(22, 160, 119, 0) 53%), linear-gradient(108deg, rgba(0, 149, 145, 0) 47%, rgb(0, 116, 149) 100%), linear-gradient(to bottom, rgb(0, 149, 145), rgb(0, 149, 145)); left:auto; right:0.2rem}
.btn_face div input[type="checkbox"] + label:after{display:block; content:"OFF"; clear:both; position:absolute; top:0rem; left:1.15rem; line-height:1.1rem; font-size:0.5rem; font-weight:500; color:#666666}
.btn_face div input[type="checkbox"]:checked + label:after{display:block; content:"ON"; clear:both; left:0.4rem; color:#000000}
.one_sign_box {padding:1.1rem 1.25rem; margin-bottom:0.8rem; border-radius:0.4rem; background:#F3FBFB url("../../common/img/ico_face.png") no-repeat center; background-position-x:calc(100% - 1.25rem); background-size:4rem;} /* 2021-05-17 */
.one_sign_box > strong {display:block; font-size:0.9rem; font-weight:500; line-height:1.2rem; margin-top:0.3rem;}
.saving_face > li:first-child{text-align:center}
.saving_face > li > strong {display:block; font-weight:500; text-align:left}
.saving_face > li > p{margin:0.3rem 0 0 -1.5rem; text-align:left}
.saving_face > li > img{margin-left:-0.75rem}
.desc_list li > ul.bullet_bar {margin-top:0.2rem;}
.desc_list li > ul.bullet_bar > li::after {top: 0.5rem; z-index: 1; width: 3.5px; height: 1px; background:#666666}