@charset "utf-8";

.login_area{padding:82px 0 69px;}
.login_area .top_login{text-align:center;}
.login_area .top_login li{float:left; width:33.33%; padding-top:13px; border-right:1px solid #adb1c0; box-sizing:border-box;}
.login_area .top_login li:nth-child(3){border-right:none;}
.login_area .top_login li .contents_box{}
.login_area .top_login li .contents_box h2{margin-bottom:22px; font-size:20px; color:#000;}
.login_area .top_login li .contents_box h2:before{display:block; width:100%; height:105px; margin-bottom:31px; background-position:center center; background-repeat:no-repeat;}
.login_area .top_login li:nth-child(1) .contents_box h2:before{background-image:url('/common/login/images/login_icon01.png');}
.login_area .top_login li:nth-child(2) .contents_box h2:before{background-image:url('/common/login/images/login_icon02.png');}
/*.login_area .top_login li:nth-child(3) .contents_box h2:before{background-image:url('/common/login/images/login_icon03.png');}*/
.login_area .top_login li:nth-child(3) .contents_box h2:before{background-image:url('/site/aycyber/images/main/board_ico.png');}
.login_area .top_login li .contents_box h2.guide:before{ height:82px; }
.login_area .top_login li .contents_box p{font-weight:600; color:#464646; line-height:23px;}
.login_area .top_login li .contents_box p em{color:#23459c;}
.login_area .top_login li .contents_box .put_box{margin-top:26px;}
.login_area .top_login li .contents_box .put_box a{display:inline-block; }
.login_area .top_login li .contents_box .put_box a, .login_area .top_login li .contents_box .put_box button, .login_area .nProtect_box .put_box button{width:200px; background:#2b4380; font-size:16px; color:#fff; letter-spacing:-0.03em; line-height:50px;}
.login_area .top_login li .contents_box .put_box a.btn {width:180px;height:38px;line-height:34px;}

@media all and (max-width:1000px){
    #container .wrap{margin:0 3%;}
    #container .wrap .inner{background:#fff;}
    .login_area .top_login li{padding:12px 20px 0;}
    .login_area .top_login li .contents_box p{height:140px; }
    .login_area .top_login li .contents_box p br{display:none;}
}
@media all and (max-width:800px){
    #header .contents_box p br{display:none;}
    .login_area .top_login li .contents_box .put_box a, .login_area .top_login li .contents_box .put_box button{width:100%;}
}
@media all and (max-width:640px){
    #header{padding-top:70px; padding-bottom:149px;}
    #header .logo span{font-size:34px;}
    #header .contents_box .title{margin-top:35px; font-size:27px;}
    .login_area{padding:50px 0 20px;}
    .login_area .top_login li{float:none; width:calc(100% - 40px); margin-right:auto; margin-bottom:25px; margin-left:auto; padding:0 0 25px; border-right:none; border-bottom:1px solid #adb1c0;}
    .login_area .top_login li:last-child{margin-bottom:0; padding-bottom:0;}
    .login_area .top_login li .contents_box p{height:auto;}
}