@charset "utf-8";
/* CSS Document */
#section{text-align: center; width:100%; float:left;}
.ttl{font-size: 50px; margin-top:2em;margin-bottom:1em }
.login_form{margin:100px auto; width:83%; box-sizing: border-box;}
.text_field{font-size:32px; border:1px solid lightgray;
            border-radius:5px; margin-bottom:45px;
            width:615px; height:105px; padding-left:30px; }
.chk{margin-left:8%; }
.chk_area{float:left; line-height:50px; font-size: 26px; }
.chk_box{width:50px; height:50px; float:left; margin-right:15px;}
.submit_btn{font-size:32px; background-color: #283aaa; color:white;
            width:645px; height:105px; margin-top:65px;
            border:0;     border-radius:50px;
            padding:10px; cursor: pointer;
            box-shadow: 0 2px 9px 1px rgba(100, 100, 100, 0.5);}
.links{display: inline-block; margin-top:65px;}
.links li{float:left; font-size:24px; margin-right:40px;}
.links li:last-child{margin-right:0;}

  
/*모달팝업*/

#c_account_popup { 
    background-color:white;
    border-radius:15px;
    color:#000;
    display:none; 
    width:400px;
    height: 120px;
    padding:3vw; 
}

.my-button{cursor: pointer;}

.modal-title{
    font-size:1.3em;
}
.b-close{
    cursor:pointer;
    position:absolute;
    right:calc(50% - .5em);
    bottom:10%;
    font-size:1em;
}
/*기본값끝*/


/*기본값끝*/



@media screen and (max-width:767px){
    .ttl{font-size: 8vw;}
    .login_form{margin:18vw auto;}
    .text_field{font-size:4.8vw; 
                margin-bottom:5.2vw;
                width:80%; height:13vw; padding-left:5vw; }
    .chk{margin-left:2%; }
    .chk_area{line-height:1.3em; font-size: 4.7vw;  margin-left:6vw;}
    .chk_box{width:7vw; height:7vw; margin-right:2.7vw;}

    .submit_btn{font-size:4.8vw; 
        width:80%; height:13vw; margin-top:11vw;
        padding:1.8vw;
        box-shadow: 0 .3vw 1.6vw 0.1vw rgba(100, 100, 100, 0.5);}
    .links{margin-top:12vw;}
    .links li{font-size:4vw; margin-right:12vw;}

    
}




@media all and (min-width:1024px){
  
}
/*1024끝*/