@charset "utf-8";

@font-face {
    font-family: 'Paperlogy';
    src: url('/asset/font/Paperlogy-4Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
	unicode-range: U+AC00-D7A3, U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('/asset/font/Paperlogy-5Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
	unicode-range: U+AC00-D7A3, U+0041-005A, U+0061-007A, U+0030-0039;
}

* {box-sizing:border-box;font-family:inherit;}
a {color:#666;text-decoration:none;}
a:hover {color:#333;text-decoration:underline !important;}
html,body {padding:0;margin:0;}
body {font-size:16px;font-family:'Paperlogy',Helvetica,Aria,sans-serif;line-height:1.6;}
h1,h2 {padding:0 10px;margin:0 auto;width:100%;max-width:700px;}
h1 {font-size:1.3em;}
h2 {font-size:1.1em;}
.header {background:#333;background:linear-gradient(320deg, #2196F3, #3F51B5);color:#fff;text-align:left;padding:1em 0;}
.bodies {width:100%;max-width:700px;margin:0 auto;padding:20px 10px;}
.bodies p {margin:0;padding:0;}
.bodies p.doing {padding:2em 0;margin:2em 0;text-align:center;line-height:1.6; border: 1px dashed #949495; background:#fff no-repeat 60px 50%}
/*.footer {padding:2em 0;text-align:center;background:#f6f6f6;border:solid 1px #eee;border-top:margin:2em 0 0 0;font-size:12px;}*/

/* 남현 */
.swim-wrapper { margin: 15px; }
.swim-logo { text-align:center; }
.swim-logo img { height: 50px; margin-bottom: 10px; }
.swim-card { border: 1px dashed #949495;background:#edf3ff no-repeat 60px 50%; border-radius: 30px; padding: 10px; margin-bottom: 20px; }
.swim-content { text-align:center; }
.swim-title { color: #000000; font-size: 23px !important; font-family: 'Paperlogy' !important; font-weight: 500; margin-top: 30px;}
.swim-period { color: #1752b4; font-size: 18px !important; font-family: 'Paperlogy' !important; font-weight: 500; }
.swim-time { color: #d93847; font-size: 18px !important; font-family: 'Paperlogy' !important; font-weight: 500; }
.swim-illust img { margin-top: 20px; }
.swim-desc { padding:3px 0 3px 15px; margin:0; no-repeat 0 17px; font-size: 18px !important; font-family: 'Paperlogy' !important; font-weight: 400; }
.swim-btn-area { margin-top: 20px; }
.swim-btn-area a { font-size: 18px !important; font-family: 'Paperlogy' !important; font-weight: 400; background-color: #3c5fb3; border-radius: 50px;color: #fff !important; text-align: center; width: 180px; padding: 5px 35px;}
.footer { text-align:center; }
.footer a { color: #333333; font-size: 15px; }

.swim-noti { border: 1px dashed #949495; background:#fff no-repeat 60px 50%; }
.swim-noti section { padding: 20px; }
.swim-noti section div label { font-size: 18px !important; font-family: 'Paperlogy' !important; font-weight: 400; background-color: #3c5fb3; border-radius: 50px;color: #fff; text-align: center; width: 180px; padding: 0 10px; }
.swim-apply { background:#fff no-repeat 60px 50%; }
.swim-apply section { padding: 20px; }
.swim-apply section div div label span {font-size:14px;}
.scroll-box { font-family: Helvetica,Aria,sans-serif; font-size: 14px !important;}

.required-info { text-align: right; width: calc(100% - 20px); font-size: 0.9em; color: #555; }
.required-info::before { content:'* '; color:#f00; top: 2px; font-size: 0.9em; margin-left: 2px; }

.swim-form-wrap {padding:0 20px;--border-div-color:#eee;--border-input-color:#ccc;}
.swim-form-wrap > div {display:flex;flex-flow:row wrap;border-top:solid 2px #000;border-bottom:solid 2px #000;margin-bottom:1em;}
.swim-form-wrap > div > div {flex:0 0 50%;border-bottom:solid 1px var(--border-div-color);}
.swim-form-wrap > div > div:nth-child(2n) {border-left:solid 1px var(--border-div-color);}
.swim-form-wrap > div > div > label:first-child {display:block;background:#f8f8f8;border-bottom:solid 1px var(--border-div-color);padding:10px;}
.swim-form-wrap > div > div > * {padding:10px;}
.swim-form-wrap > div > div > label.req::after {content:' *'; color:#f00; top: 2px; font-size: 0.9em; margin-left: 2px;}
.swim-form-wrap input {border:solid 1px var(--border-input-color);border-radius:0;width:100%;height:30px;font-family: Helvetica,Aria,sans-serif;}
.swim-form-wrap input:where([type=radio],[type=checkbox]) {width:auto;height:auto;}
.swim-form-wrap input:where([type=radio],[type=checkbox]) + label {margin-right:2em;}
.swim-form-wrap input:where([type=radio],[type=checkbox]) + label:last-of-type {margin-right:0;}
.swim-form-wrap > div > div:nth-last-child(3) ~ div {border-bottom:0;}
.swim-form-wrap > div > div > div > small { margin-left: 4px; color: #666; }

.btn-wrap { display: flex; justify-content: center; gap: 20px; padding-bottom: 20px; }
.btn-wrap button { min-width: 140px; text-align: center; font-family: 'Paperlogy' !important }


.danger {color:#f00;}

p.hr {padding:10px 0;}
p.hr::before {content:'';display:block;height:1px;border-top:dotted 1px #888;}

section > div {padding:5px 0;}
section > div > label {font-weight:500;color:#000000;font-family:'Paperlogy' !important}
section > div > label.req::after {content:'*';color:#f00;}
section > div > div > input {border:solid 1px #333;border-radius:0;padding:4px;font-family:inerit;font-size:1em;}
section > div > div > label {cursor:pointer;}
form {margin:0;padding:0;}
form small {font-size:12px;display:inline-block;white-space:nowrap;}
form .scroll-box {padding:1em;margin:0 0 .4em 0;border:dotted 1px #ccc;font-size:12px;white-space:pre-line;max-height:160px;overflow:auto;background:#ffffff;}
form div label b {font-size:14px;cursor:pointer;}
form button {font-size:1em;font-weight:normal;border:0;border-radius:30px;padding:10px 26px;background:#aaa;color:#fff;cursor:pointer;}
form button.ok { background:#22ac92;}
form button.close { background:#333333;}
form input[type=checkbox]:focus,
form input[type=radio]:focus {outline:dotted 2px #888;outline-offset:2px}

@media (min-width:640px) 
{
    section {display:flex;align-items:start;flex-wrap:wrap;}
    section > div {flex:0 0 50%;}
    section > div.full {flex:0 0 100%;}
    section + section {margin-top:20px;}
}

@media (max-width:560px)
{
	.swim-form-wrap > div > div {flex:0 0 100%;}
	.swim-form-wrap > div > div:nth-child(2n) {border-left:0;}
	.swim-form-wrap > div > div:nth-last-child(3) + div {border-bottom:solid 1px var(--border-div-color);}
}