/* Scoped to Team White application pages only. */
.tw-responsive .tw-app,.tw-responsive .tw-app *{box-sizing:border-box}

.tw-app{max-width:760px;
width:100%;
margin:0 auto 40px;
color:#fff;
font:16px/1.6}

.tw-app h3{font-size:26px;
font-weight:700;
margin:0 0 24px;
line-height:1.4;
height:auto;
background:none;
padding:0}

.tw-poster{margin:0 0 18px}

.tw-poster img{display:block;
max-width:100%;
width:100%;
height:auto}

.tw-actions{display:flex;
gap:12px;
flex-wrap:wrap;
margin:22px 0}

.tw-actions>.tw-button{flex:1 1 calc(50% - 12px)}

.tw-button{appearance:none;
display:block;
text-align:center;
padding:16px 20px!important;
    margin-top: 10px;

border-radius:10px;
background:#fff;
color:#b82e22!important;
font-weight:700;
font-size:1.5em;
text-decoration:none!important;
cursor:pointer;
min-height:54px;
height:auto!important}

.tw-button small{display:block;
font-size:12px;
font-weight:400;
color:#000;}

.tw-button:hover{background:#ffccc7}

.tw-button:focus-visible{outline:3px solid #1965aa;
outline-offset:3px}

.tw-button:disabled{background:#ddd;
color:#777!important;
border-color:#ccc!important;
cursor:not-allowed}

.tw-actions>.tw-secondary{flex-basis:100%}

.tw-secondary{background:#3e3e3e!important;
border-color:#3e3e3e!important;
color:#fff !important;}

.tw-notice{background:#fff4f0;
border-left:4px solid #b82e22;
padding:16px;
margin:18px 0!important;
color:#60362c}

.tw-form{margin:0!important;
padding:0!important}

.tw-form label{display:block;
margin:17px 0 6px;
font-weight:600;
line-height:1.6;
color: #333;}

.tw-form input:not([type=checkbox]),.tw-form select,.tw-form textarea{display:block;
width:100%!important;
max-width:100%;
height:auto!important;
min-height:44px;
float:none!important;
margin:0!important;
padding:10px 12px!important;
background:#fff!important;
border:1px solid #999!important;
border-radius:5px;
font:16px/1.5 !important;
color:#222!important;
box-shadow:none}

.tw-form input:hover,.tw-form select:hover,.tw-form textarea:hover{border-color:#555!important}

.tw-form input:focus,.tw-form select:focus,.tw-form textarea:focus{outline:2px solid #bf4d42;
outline-offset:2px}

.tw-form textarea{resize:vertical;
min-height:170px;
white-space:pre-wrap}

.tw-member{margin:14px 0;
border:1px solid #c4c4c4;
border-radius:8px;
overflow:hidden;
background:#fff}

.tw-member summary{padding:17px 20px;
background:#f6f6f6;
color:#000;
font-weight:700;
cursor:pointer;
font-size:17px;
list-style-position:inside;
line-height:1.6}

.tw-member summary span{font-size:13px;
color:#a12d20;
float:right}

.tw-fields{border:0;
padding:0 24px 24px;
margin:0;
min-width:0}

.tw-fields:disabled{opacity:.5}

.tw-fields:disabled input{background:#f4f4f4!important}

.tw-optional{padding:0 24px}

.tw-region{display:flex;
gap:10px}

.tw-region select{flex:1;
min-width:0}

.tw-help{font-size:13px;
color:#333;
margin:8px 0 0;
display:block}

.tw-school{margin-top:24px;
border-top:1px solid #ddd;
padding-top:16px}

.tw-school p{font-weight:bold; color:#333;}

.tw-school small{font-size:13px;
font-weight:normal}

.tw-final{padding:4px 24px 24px;
border:1px solid #ddd;
border-radius:8px;
margin-top:20px;
    background: #ffffff;}

.tw-final h4{margin-top:24px;
font-size:17px;
color:#333;}

.tw-form .tw-check{font-size:14px;
font-weight:400}

.tw-form input[type=checkbox]{appearance:auto;
width:18px;
height:18px;
vertical-align:middle;
margin-right:7px;
float:none}

.tw-term-link{border:0;
background:none;
text-decoration:underline;
font-size:13px;
cursor:pointer;
padding:4px 0 8px;
}

#tw-terms{box-sizing:border-box;
width:calc(100% - 32px);
max-width:720px;
max-height:85vh;
overflow:auto;
padding:24px;
border:1px solid #888;
border-radius:10px;
font:15px/1.7 ;
background:white;
color:#222}

#tw-terms::backdrop{background:rgba(0,0,0,.55)}#tw-terms table{width:100%;
border-collapse:collapse;
table-layout:fixed}#tw-terms th,#tw-terms td{border:1px solid #ccc;
padding:8px;
word-break:break-word;
font-size:13px}

.tw-close{float:right;
padding:6px 12px;
cursor:pointer}

.tw-sr{position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0,0,0,0)}
@media(max-width:800px){
body.tw-responsive{min-width:0!important;
width:100%!important;
margin:0}

.tw-responsive #header,.tw-responsive #footer,.tw-responsive #subWrap,.tw-responsive .wrap,.tw-responsive #subWrap>.float,.tw-responsive #subCont,.tw-responsive #subCont>.content{box-sizing:border-box;
width:100%!important;
min-width:0!important;
max-width:100%!important;
float:none!important;
margin-left:0!important;
margin-right:0!important;
height:auto!important}

.tw-responsive #subLeft,.tw-responsive #header .news,.tw-responsive #header .qmn{display:none!important}

.tw-responsive #header .header_cont{padding:16px!important;
min-height:64px}

.tw-responsive #header h1{position:static!important;
float:none!important;
margin:0!important}

.tw-responsive #header .gnb{overflow-x:auto;
overflow-y:visible;
white-space:nowrap;
padding:0 12px}

.tw-responsive .gnb .depth1{display:flex;
min-width:max-content}

.tw-responsive .gnb .depth1>li{float:none;
flex-shrink:0}

.tw-responsive #subCont>.content{padding:24px 16px!important;
background:none!important}

.tw-responsive #footer .footer_mn{overflow-x:auto}

.tw-responsive #footer .copyright{height:auto!important;
padding:20px 16px!important;
line-height:1.8}

.tw-responsive #footer .copyright .wrap{padding:0!important}

.tw-app h3{font-size:23px!important}

.tw-fields{padding:0 16px 20px}

.tw-final{padding:4px 16px 20px}

.tw-member summary{padding:15px 16px}

.tw-actions{gap:10px}

.tw-button{padding:13px 10px!important;
font-size:16px!important}
}
@media(max-width:420px){.tw-region{flex-direction:column}

.tw-actions>.tw-button{min-width:0}

.tw-member summary{font-size:16px}}
[hidden]{display:none!important}

.tw-public-list article{padding:20px 0;
border-bottom:1px solid #ddd;
overflow-wrap:anywhere}

.tw-public-list h4{font-weight:bold;
margin:0 0 8px}

.tw-public-list small{color:#ddd}

.tw-public-list nav{padding:20px 0;
text-align:center}

.tw-address{width:100%;
min-width:0}

.tw-address-button,.tw-address-close{font:600 15px/1.5 ;
min-height:44px;
padding:10px 18px;
border:1px solid #8c342a;
border-radius:5px;
background:#b82e22;
color:#fff;
cursor:pointer;
margin-top:10px}

.tw-address-button:disabled{opacity:.6;
cursor:wait}

.tw-address-search{border:1px solid #bbb;
border-radius:6px;
padding:10px;
margin-top:12px;
background:#fafafa;
overflow:hidden}

.tw-postcode-host{width:100%;
height:450px;
min-width:0}

.tw-address-close{margin:0 0 10px;
background:#444;
border-color:#444}

.tw-region-display{background:#f8f8f8!important;
text-overflow:ellipsis}

.tw-form input[type=hidden]{display:none!important}

.tw-address-search iframe{max-width:100%}

.tw-draft-tools{padding:16px;border:1px solid #ccc;background:#fffaf5;border-radius:8px;margin:18px 0;color:#333}.tw-draft-tools button{font:600 14px/1.5 Arial,"Malgun Gothic",sans-serif;padding:10px 15px;min-height:42px;margin:0 8px 8px 0;border:1px solid #8c342a;border-radius:5px;background:#fff;color:#78271e;cursor:pointer}.tw-draft-tools #tw-draft-save{background:#b82e22;color:#fff}.tw-draft-tools p{margin:5px 0}.tw-draft-tools #tw-draft-status{font-size:14px;font-weight:600}