@charset "utf-8";
/* ÀÌ¿ë¾à°ü */
.agree-title{font-size: 1rem; font-family: 'Paperlogy-5Medium'; margin-bottom: 0.5rem;}
.signup_wrap { width: 1280px; margin: 1rem auto 0; } 
.header { width: 1280px; height: auto; border-bottom: 3px solid #3293C9; margin: 0 auto;} 

.top { width: 100%; box-sizing: border-box; padding: 1rem 0.3rem;}
.logo { width: 100%; } 
.logo a { display: block; width: 20%;} 
.logo a img { width: 100%; } 
.logo span{margin-left: 0.5rem; font-size: 1rem;}

.title_text { margin-bottom: 15px; display: flex; align-items: center}
.agree_box { margin-bottom: 50px; } 
.scroll_box { width: 100%; border: 1px solid #ddd; border-radius: 10px; padding: 1rem; color: #909090; box-sizing: border-box; font-size: 0.7rem; } 
.scroll_t { font-size: 0.8rem; color: #333; font-weight: bold; } 
.scroll_c { font-family: 'Paperlogy-5Medium'; display: inline-block; color: #3293C9; margin: 7px 0 2px; } 

/* »ç¾÷Á¦ÈÞ¡¤±¤°í¹®ÀÇ */
#partnershipAd{box-sizing: border-box; margin: 0 auto; width: 1280px;}

.susi_mains{font-size: 20px; display: flex; align-items: center; box-sizing: border-box; margin-top: 1rem;}
.susi_mains .circle{background-color: #23A0D4; width: 10px; height: 10px; border-radius: 50px; margin-right: 10px;}

.nu-info{border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; padding: 20px; text-align: left; margin: 20px 0; font-size: 16px; line-height: 1.5;}

.v-table tr th,.v-table tr td{box-sizing: border-box; padding: 0.5rem; font-size: 16px; border: 1px solid #ddd;}
.v-table tr th:last-child,.v-table tr td:last-child{text-align: left;}
.v-table tr th{width: 20%; background-color: #f5f5f5; font-weight: normal;}
.v-table tr td input{padding: 0.3rem; border: 1px solid #ddd; font-size: 0.8rem;}
.v-table tr td select{border: 1px solid #ddd; padding: 0.3rem;}
.v-table tr td textarea{width: 80%; height: fit-content; border: 1px solid #ddd; font-family: 'Paperlogy-3Light';}
#txtContent2{height: 100px; overflow-y: scroll; border: 1px solid #ddd; display: block; font-size: 0.65rem;}
.v-table tr td span{font-size: 14px;}

.profile-save-btns{display: flex; align-items: center; justify-content: space-between; width: 40%; margin: 20px auto;}
.profile-btn{width: 100%; text-align: center; box-sizing: border-box; padding: 0.8rem; border-radius: 8px; border: 1px solid #23A0D4; cursor: pointer; transition: .1s; font-size: 20px;}
.profile-btn:hover{background-color: #0081b9;}
.profile-btn:hover span{color: #fff;}
.txtContent{border: 1px solid #ddd; overflow-y: auto; height: 100px; box-sizing: border-box; width: 80%;}

.v-table tr td input[type="checkbox"] { border: 1px solid #ddd; width: 20px; height: 20px; border-radius: 5px; box-sizing: border-box; appearance: none; cursor: pointer; padding: 0.15rem; background-clip: content-box; margin-right: 5px;} 
.v-table tr td input[type="checkbox"]:checked { border-color: #3293C9; background-color: #3293C9; } 

.txtContent .profile-td-bottom{display: flex; align-items: center; margin-top: 0.3rem;}
.inputContent.mun{width: 100%; max-height: 100px; overflow-y: scroll; min-height: 100px;}

 /* ¹ÝÀÀÇü */
/* ÅÂºí¸´ °¡·Î¸ðµå */
@media only screen and (min-width: 1024px) and (max-width: 1400px) { 
    /* ÀÌ¿ë¾à°ü */
    .header{width: 100%;}
    .logo { width: 100%; } 
    .logo a {width: 20%;} 
    .logo a img { width: 100%; } 
    .logo span{margin-left: 0.5rem; font-size: 1rem;}

    .signup_wrap{width: 95%; margin: 1rem auto 0;}
    .scroll_box{padding: 0.5rem;}

    /* »ç¾÷Á¦ÈÞ/±¤°í¹®ÀÇ */
    #partnershipAd{width: 90%;}
    .v-table tr td span{display: block;}
    .phone_input{width: calc(100%/3 - 3rem);}
}

/*ÅÂºí¸´ ¼¼·Î¸ðµå*/
@media only screen and (min-width: 767px) and (max-width: 1024px) { 
    /* ÀÌ¿ë¾à°ü */
    .header{width: 100%;}
    .logo { width: 100%; } 
    .logo a {width: 20%;} 
    .logo a img { width: 100%; }
    
    .signup_wrap{width: 95%; margin: 1rem auto 0;}
    .scroll_box{padding: 0.5rem;}

    /* »ç¾÷Á¦ÈÞ/±¤°í¹®ÀÇ */
    #partnershipAd{width: 90%;}
    .v-table tr td span{display: block;}
    .phone_input{width: calc(100%/3 - 3rem);}
}

/* ¸ð¹ÙÀÏ */
@media only screen and (max-width: 767px) and (min-width: 300px) { 
    /* ÀÌ¿ë¾à°ü */
    .header{width: 100%;}
    .logo{width: 100%;}
    .logo a{width: 40%;}
    .logo a img{width: 100%;}
    .signup_wrap{width: 95%; margin: 1rem auto 0;}
    .scroll_box{padding: 0.5rem;}
    
    /* »ç¾÷Á¦ÈÞ */
    #partnershipAd{width: 95%;}
    .susi_mains{font-size: 0.9rem;}
    .susi_mains .circle{margin-right: 5px;}
    .nu-info{padding: 0.5rem; margin: 10px 0; font-size: 0.7rem;}
    .v-table tr th, .v-table tr td{padding: 0.3rem; font-size: 0.7rem;}
    .v-table tr td span{display: block;}
    .v-table tr td input{font-size: 0.7rem; width: 100%;}
    .v-table tr th{width: 25%;}
    .v-table tr td input.phone_input{width: calc(100%/3 - 0.5rem);}
    .v-table tr td input#email_1{width: 40%;}
    .v-table tr td input#email_2{width: 50%;}

    .profile-save-btns{width: 80%;}
    .profile-btn{padding: 0.5rem; font-size: 0.8rem;}
}