@charset "utf-8";

#adminWrap #contWrap{padding:20px;}
#adminWrap #_articleHeader h1:before{display:none;}
._radio{display:inline-block;vertical-align:middle;position: relative;}
._radio li{display: inline-block;vertical-align: middle;position: relative;line-height: 1;}
._radio li + li{margin-left:20px;}
._radio li input[type="radio"]{height: 38px;line-height: 38px;appearance:none;width:16px;}
._radio li input[type="radio"] + label:before{content:'';width:16px;height: 16px;border-radius: 50%;border:1px solid #b7b7b7;position: absolute;left: 5px;top:50%;margin-top:-10px;}
._radio li input[type="radio"]:checked + label:after{content:'';width:6px;height: 6px;border-radius: 50%;background:#8b0029;position: absolute;left: 10px;top: 50%;margin-top: -5px;}
._radio li label{height: 38px;line-height: 38px;display: inline-block;vertical-align: top;font-size: 16px;color:#666;font-family: 'Noto Light';}

.agreeBox .inner{display: grid;background: #f5f5f5 url(./../images/agreegbg.png) right center no-repeat;padding: 50px;grid-template-columns: 200px 1fr;}
.agreeBox .thum span{display: block;background: #fff;border-radius: 100%;padding-top: 35px;width: 140px;height: 140px;text-align: center;position: relative;}
.agreeBox .thum span:before{content: '';width: calc(100% + 20px);display: block;border: 1px solid #fff;height: calc(100% + 20px);position: absolute;left: -10px;top: -10px;border-radius: 100%;}
.agreeBox .exBox{height: 250px; overflow:auto; padding-right: 10px;}
.agreeBox .exBox::-webkit-scrollbar {width: 5px;}
.agreeBox .exBox::-webkit-scrollbar-thumb {background: #8b0029;border-radius: 10px;}
.agreeBox .exBox::-webkit-scrollbar-track {background: rgba(220, 20, 60, .1);}
.agreeBox .exBox .tit{color: #8b0029;font-size:26px;font-family: 'Noto Medium';margin-bottom: 30px;}
.agreeBox .exBox strong{color:#333;font-size: 20px;font-family: 'Noto Regular';margin-bottom: 15px; display: block;}
.agreeBox .exBox p{font-size:16px; color:#666; margin-bottom:40px;}
.agreeBox .check{display: flex;justify-content: space-between;align-items: center;margin-top:30px;padding: 0 30px;}
.agreeBox .check .c-i{color:#666;}

.loginWrap ._inner ._title{text-align: center;position: relative;}
.loginWrap ._inner ._title span{display: inline-block;padding: 0 120px;background: #fff;font-size: 42px;font-family: Noto Bold;}
.loginWrap ._inner ._title:after{content:'';width: 100%;display: block;height: 1px;background: #3c3c3c;position: absolute;top: 50%;z-index: -1;}

._cert ._inner{background: url(./../images/_cert-bg.png) calc(100% - 120px) 90px no-repeat; border-bottom:1px solid #3c3c3c;}
._cert ._inner .text{padding:70px 120px; max-width: 1000px;}
._cert ._inner .text strong{color:#222; font-size:30px; font-family: Noto Medium; display: block; margin-bottom:30px;}
._cert ._inner .text ul li{color: #666;font-size: 17px;font-family: 'Noto Light';margin-bottom: 20px;position: relative;padding-left: 20px;}
._cert ._inner .text ul li:before{content:'';width: 7px;height: 7px;display: block;border-radius: 100%;background: #8b0029;position: absolute;left: 0;top: 10px;}

._loginFrom ._select{text-align: center;line-height: 1;}
._loginFrom .text{text-align: center; margin:50px auto; color:#333; font-size:18px; font-family: Noto Light;}
._loginFrom{border-bottom:1px solid #3c3c3c;}
._loginFrom form{max-width: 600px;margin:0 auto;position:relative;padding-right: 160px;padding-bottom: 35px;}
._loginFrom form > div > input{width:100%; border:1px solid #ddd; height:62px; font-size:18px; color:#666; font-family:Noto Light; padding-left:50px;}
._loginFrom form > div > input[type="text"]{background: url(./../images/login-id.png) 15px center no-repeat;}
._loginFrom form > div > input[type="password"]{background: url(./../images/login-pw.png) 15px center no-repeat;}
._loginFrom form > div > input::placeholder{color:#666;}
._loginFrom form > div > input + input{margin-top:6px;}
._loginFrom form ._bnt{background: #8b0029;cursor: pointer;width:130px;position: absolute;right:0;top: 40px;text-align: center;border:none;line-height: 128px;border-radius: 3px;color:#fff;font-size:22px;font-family: Noto Regular;}
._sbtn{text-align: center; margin:50px 0 70px;}
._sbtn li{display:inline-block; margin:0 5px;}
._sbtn li a{display:block; border:1px solid #ddd; padding:0 30px; line-height: 42px; border-radius: 30px; color:#666; font-size: 17px; transition: ease all .5s;} 
._sbtn li a:hover{color:#fff; background-color: #666;}

/***** btn *****/
.btns{text-align: center; margin-top:70px;}
.btns a,
.btns button,
.btns input{cursor: pointer;color:#fff; padding: 12px 42px;border-radius: 5px;border:0;font-family: 'Noto Regular';font-size:18px;}
.btn-c01{background: #717074;}
.btn-c02{background: #000;}
.btn-c03{background: #8b0029;}
.btn-c04{background: #ae9b60;}

.btn-mine{display:inline-block;}
.btn-control{display:inline-block;}

@media screen and (max-width:1400px){
    ._cert ._inner{background-position:right center; background-size:180px;}
    ._cert ._inner .text{padding:40px; width:calc(100% - 170px)}
    ._cert ._inner .text ul li{margin-bottom:10px;}
}

@media screen and (max-width:1200px){
    .agreeBox .inner{display: block;}
    .agreeBox .inner .thum{display: none;}
    .agreeBox .check{padding: 0;margin-top: 30px;display: block;text-align: center;}
}

@media screen and (max-width:1024px){
    .agreeBox .inner{padding:30px;}
    .agreeBox .exBox .tit{font-size:20px;margin-bottom:10px;}

    ._cert ._inner{background: none;}
    ._cert ._inner .text strong{font-size:22px;}
    ._cert ._inner .text{padding:20px;width: 100%;}
    
    .loginWrap ._inner ._title span{padding:0 40px; font-size:35px;}
    
    ._loginFrom .text{margin:20px auto;}
    
    ._sbtn{margin: 30px 0 40px;}
    ._sbtn li{width:100%; margin-bottom:5px;}
    ._loginFrom .text{font-size:17px;}
    ._loginFrom form > div > input{height: 45px;line-height: 45px;font-size: 15px;background-size: 20px !important;padding-left: 20px;}
    ._loginFrom form ._bnt{line-height: 95px;}
    ._sbtn li a{font-size:15px;}
}