#AddressFindDiv{ position:fixed; display:flex; width:100%; height:100%; align-items: center; justify-content: center; background-color:rgba(0,0,0,0.7); z-index:301; left:0; top:0; } #AddressFindDiv > div{ background-color:#fff; border:3px solid #1E2B6C; padding:30px 50px; width:640px; min-height:300px;} #AddressFindDiv > div > form > div.searchdiv{ display:flex; width:100%; justify-content: space-between;} #AddressFindDiv > div > form > div.searchdiv > input[type=text]{ border:0;border-bottom:1px solid #1E2B6C; padding:3px 0; width:490px; font-size:18px;} #AddressFindDiv > div > form > div.searchdiv > a{background-color:#1E2B6C; color:#fff; display:inline-block; padding:6px 20px; } #AddressFindDiv > div > form > p{ font-size:15px; color:#c8121b;} #AddressList{ width:100%; display:inline-block; margin-top:30px;} #AddressList > table{ border-collapse:collapse; width:100%;} #AddressList > table > thead > tr > th{ border-top:2px solid #1E2B6C; border-bottom:1px solid #ddd; padding:6px; font-size:16px; background-color:#f1f1f1;} #AddressList > table > tbody > tr > td{ border-bottom:1px solid #ddd; padding:6px; font-size:16px;} #AddressList > table > tbody > tr > td:nth-child(1){ text-align:center;} #AddressList > nav{ margin:30px 0; margin-top:15px; width:100%; display:inline-block; text-align:center;} #AddressList > nav > span{ padding:3px 10px; display:inline-block; border:1px solid #1E2B6C; background-color:#1E2B6C; color:#fff; margin:2px;} #AddressList > nav > a{ padding:3px 10px; display:inline-block; border:1px solid #ddd; margin:2px;} #MemberAgreeForm > ul > li{ margin:12px 0; position:relative;} #MemberAgreeForm > ul > li > h4{ font-size:22px; margin:16px 0;} #MemberAgreeForm > ul > li > h4 > span{ font-size:16px; color:#c8121b;} #MemberAgreeForm > ul > li > a{ position:absolute; right:0; top:4px; display:inline-block; border:1px solid #1E2B6C; color:#1E2B6C; padding:4px 30px; border-radius:3px; box-shadow:1px 1px 3px #1E2B6C; font-size:14px;} #MemberAgreeForm > ul > li > div{ border:1px solid #ddd; padding:30px; height:60px; overflow-y:scroll; font-size:16px;} #MemberAgreeForm > ul > li > p{ margin:24px 0; margin-bottom:50px;} #MemberAgreeForm > ul > li > p > label{ font-size:18px; color:#1E2B6C; font-weight:900;} #MemberAgreeForm > nav{ width:100%; display:inline-block; text-align:center;} #MemberAgreeForm > nav > a{ background-color:#1E2B6C; color:#fff; font-weight:bold; font-size:24px; display:inline-block; padding:8px 50px; } .memberjoin.joinstep1 #MemberAgreeForm{ display:block;} .memberjoin.joinstep2 #MemberAgreeForm{ display:none;} .memberjoin.joinstep3 #MemberAgreeForm{ display:none;} .memberjoin.joinstep1 #MemberJoininfoForm{ display:none;} .memberjoin.joinstep2 #MemberJoininfoForm{ display:block;} .memberjoin.joinstep3 #MemberJoininfoForm{ display:none;} .memberjoin.joinstep1 #MemberJoinWelcomeForm{ display:none;} .memberjoin.joinstep2 #MemberJoinWelcomeForm{ display:none;} .memberjoin.joinstep3 #MemberJoinWelcomeForm{ display:block;} #MemberJoininfoForm > div > h4{font-size:22px; margin:16px 0;} #MemberJoininfoForm > div > h4 > span{ font-size:16px; color:#c8121b;} #MemberJoininfoForm > div > ul{ border-top:2px solid #1E2B6C;} #MemberJoininfoForm > div > ul > li{ display:flex; width:100%; border-bottom:1px solid #ddd;} #MemberJoininfoForm > div > ul > li > label{ background-color:#f1f1f1;padding: 12px 24px; width:160px; font-size:18px; color:#1E2B6C; display:flex; justify-content: space-between; align-items: center;} #MemberJoininfoForm > div > ul > li > div{ padding: 12px 15px; display:flex; align-items: center; font-size:16px; flex-wrap:wrap; width:800px;} #MemberJoininfoForm > div > nav{ width:100%; display:inline-block; text-align:center; margin:50px 0;} #MemberJoininfoForm > div > nav > a{ background-color:#1E2B6C; color:#fff; font-weight:bold; font-size:24px; display:inline-block; padding:8px 50px; } #MemberJoininfoForm > div > ul > li > div > div > a{ background-color:#1E2B6C; color:#fff; display:inline-block; padding:6px 50px; } #MemberJoininfoForm > div > ul > li > div label{ cursor:pointer; display:inline-block; position:relative; margin-right:24px; padding:3px 0; padding-left:40px;} #MemberJoininfoForm > div > ul > li > div label:before{ content:""; width:32px; height:32px; display:inline-block;background-image:url("data:image/svg+xml,%3Csvg color='%23dddddd' fill='none' height='32px' stroke='%23dddddd' stroke-linecap='square' stroke-linejoin='miter' stroke-width='1' viewBox='0 0 24 24' width='32px' xmlns='http://www.w3.org/2000/svg'%3E%3Crect height='18' rx='1' transform='rotate(90 21 3)' width='18' x='21' y='3'/%3E%3Cpath d='M6.66666 12.6667L9.99999 16L17.3333 8.66669'/%3E%3C/svg%3E"); float:left; position:absolute; left:0; top:0;} #MemberJoininfoForm > div > ul > li > div input[type="radio"]:checked + label:before{background-image:url("data:image/svg+xml,%3Csvg color='%231E2B6C' fill='none' height='32px' stroke='%231E2B6C' stroke-linecap='square' stroke-linejoin='miter' stroke-width='1' viewBox='0 0 24 24' width='32px' xmlns='http://www.w3.org/2000/svg'%3E%3Crect height='18' rx='1' transform='rotate(90 21 3)' width='18' x='21' y='3'/%3E%3Cpath d='M6.66666 12.6667L9.99999 16L17.3333 8.66669'/%3E%3C/svg%3E");} #MemberJoininfoForm > div > ul > li > div input[type="text"], #MemberJoininfoForm > div > ul > li > div input[type="tel"], #MemberJoininfoForm > div > ul > li > div input[type="email"], #MemberJoininfoForm > div > ul > li > div input[type="password"]{ border:0; border-bottom:1px solid #1E2B6C; padding:3px 0; font-size:18px; width:300px;} #MemberJoininfoForm > div > ul > li > div select[name=birthdate1], #MemberJoininfoForm > div > ul > li > div select[name=birthdate2], #MemberJoininfoForm > div > ul > li > div select[name=birthdate3]{ border:0; border-bottom:1px solid #1E2B6C; padding:3px 0; font-size:18px; margin-right:8px;} #MemberJoininfoForm > div > ul > li > div textarea{ width:90%; margin:8px 0; font-size:18px;} #MemberJoininfoForm > div > ul > li > div input[name=MPerid]{ display:none;} #MemberJoinWelcomeForm > div > h4{font-size:22px; margin:16px 0;} #MemberJoinWelcomeForm > div > h4 > span{ font-size:16px; color:#c8121b;} #MemberJoinWelcomeForm > div > ul > li{ display:flex; width:100%;} #MemberJoinWelcomeForm > div > nav{ width:100%; display:inline-block; text-align:center; margin:50px 0;} #MemberJoinWelcomeForm > div > nav > a{ background-color:#1E2B6C; color:#fff; font-weight:bold; font-size:24px; display:inline-block; padding:8px 50px; } #MemberLoginForm{ width:100%; display:inline-block; text-align:center;} #MemberLoginForm > div{ display:inline-block; width:100%; text-align:center;} #MemberLoginForm > div > ul{ display:inline-block;} #MemberLoginForm > div > ul > li{ display:flex; } #MemberLoginForm > div > ul > li > label{ padding:12px 15px; display:flex; width:120px; font-size:18px; justify-content: space-between;} #MemberLoginForm > div > ul > li > div{ padding:6px 15px; display:inline-block; width:200px; margin-right:15px;} #MemberLoginForm > div > ul > li > div input[type=text] ,#MemberLoginForm > div > ul > li > div input[type=email] ,#MemberLoginForm > div > ul > li > div input[type=password]{ border:0; border-bottom:1px solid #1E2B6C; font-size:18px; padding:6px; display:inline-block; width:200px;} #MemberLoginForm > div > nav{ margin:16px 0;} #MemberLoginForm > div > nav > a{ font-size:18px; font-weight:bold; background-color:#1E2B6C; color:#fff; padding:16px 0; display:inline-block; width:360px;} #MemberLoginForm > p{ margin:16px 0;} #MemberLoginForm > p > label{ font-size:18px;} #MemberLoginForm > nav{ padding:16px 0; width:360px; margin:auto; border-top:1px solid #ddd;} #MemberLoginForm > nav > a{ font-size:18px;} #MemberIDFindForm{ width:100%; display:inline-block; text-align:center;} #MemberIDFindForm > div{ display:inline-block; width:100%; text-align:center; margin-bottom:100px;} #MemberIDFindForm > div > h4{ font-size:27px; margin:auto; margin-top:16px; margin-bottom:16px; width:360px;} #MemberIDFindForm > div > ul{ display:inline-block;} #MemberIDFindForm > div > ul > li{ display:flex; } #MemberIDFindForm > div > ul > li > label{ padding:12px 15px; display:flex; width:120px; font-size:18px; justify-content: space-between;} #MemberIDFindForm > div > ul > li > div{ padding:6px 15px; display:inline-block; width:200px; margin-right:15px;} #MemberIDFindForm > div > ul > li > div input[type=text] ,#MemberIDFindForm > div > ul > li > div input[type=email]{ border:0; border-bottom:1px solid #1E2B6C; font-size:18px; padding:6px; display:inline-block; width:200px;} #MemberIDFindForm > div > nav{ margin:16px 0;} #MemberIDFindForm > div > nav > a{ font-size:18px; font-weight:bold; background-color:#1E2B6C; color:#fff; padding:16px 0; display:inline-block; width:360px;} #MemberIDFindForm > p{ margin:16px 0;} #MemberIDFindForm > p > label{ font-size:18px;} #MemberIDFindForm > nav{ padding:16px 0; width:360px; margin:auto; border-top:1px solid #ddd;} #MemberIDFindForm > nav > a{ font-size:18px;} #MemberPWFindForm{ width:100%; display:inline-block; text-align:center;} #MemberPWFindForm > div{ display:inline-block; width:100%; text-align:center; margin-bottom:100px;} #MemberPWFindForm > div > h4{ font-size:27px; margin:auto; margin-top:16px; margin-bottom:16px; width:360px;} #MemberPWFindForm > div > ul{ display:inline-block;} #MemberPWFindForm > div > ul > li{ display:flex; } #MemberPWFindForm > div > ul > li > label{ padding:12px 15px; display:flex; width:120px; font-size:18px; justify-content: space-between;} #MemberPWFindForm > div > ul > li > div{ padding:6px 15px; display:inline-block; width:200px; margin-right:15px;} #MemberPWFindForm > div > ul > li > div input[type=text] ,#MemberPWFindForm > div > ul > li > div input[type=email]{ border:0; border-bottom:1px solid #1E2B6C; font-size:18px; padding:6px; display:inline-block; width:200px;} #MemberPWFindForm > div > nav{ margin:16px 0;} #MemberPWFindForm > div > nav > a{ font-size:18px; font-weight:bold; background-color:#1E2B6C; color:#fff; padding:16px 0; display:inline-block; width:360px;} #MemberPWFindForm > p{ margin:16px 0;} #MemberPWFindForm > p > label{ font-size:18px;} #MemberPWFindForm > nav{ padding:16px 0; width:360px; margin:auto; border-top:1px solid #ddd;} #MemberPWFindForm > nav > a{ font-size:18px;} #MemberPWChangeForm{ width:100%; display:inline-block; text-align:center;} #MemberPWChangeForm > div{ display:inline-block; width:100%; text-align:center;} #MemberPWChangeForm > div > ul{ display:inline-block;} #MemberPWChangeForm > div > ul > li{ display:flex; } #MemberPWChangeForm > div > ul > li > label{ padding:12px 15px; display:flex; width:120px; font-size:18px; justify-content: space-between;} #MemberPWChangeForm > div > ul > li > div{ padding:6px 15px; display:inline-block; width:200px; margin-right:15px;} #MemberPWChangeForm > div > ul > li > div input[type=password]{ border:0; border-bottom:1px solid #1E2B6C; font-size:18px; padding:6px; display:inline-block; width:200px;} #MemberPWChangeForm > div > nav{ margin:16px 0;} #MemberPWChangeForm > div > nav > a{ font-size:18px; font-weight:bold; background-color:#1E2B6C; color:#fff; padding:16px 0; display:inline-block; width:360px;} .memberinfo > form > ul{ border-top:2px solid #1E2B6C;} .memberinfo > form > ul > li{ display:flex; width:100%; border-bottom:1px solid #ddd;} .memberinfo > form > ul > li > label{ background-color:#f1f1f1;padding: 12px 24px; width:160px; font-size:18px; color:#1E2B6C; display:flex; justify-content: space-between; align-items: center;} .memberinfo > form > ul > li > div{ padding: 12px 15px; display:flex; align-items: center; font-size:16px; flex-wrap:wrap; width:800px;} .memberinfo > form > nav{ width:100%; display:inline-block; text-align:center; margin:50px 0;} .memberinfo > form > nav > a{ background-color:#1E2B6C; color:#fff; font-weight:bold; font-size:24px; display:inline-block; padding:8px 50px; } .memberinfo > form > ul > li > div label{ cursor:pointer; display:inline-block; position:relative; margin-right:24px; padding:3px 0; padding-left:40px;} .memberinfo > form > ul > li > div label:before{ content:""; width:32px; height:32px; display:inline-block;background-image:url("data:image/svg+xml,%3Csvg color='%23dddddd' fill='none' height='32px' stroke='%23dddddd' stroke-linecap='square' stroke-linejoin='miter' stroke-width='1' viewBox='0 0 24 24' width='32px' xmlns='http://www.w3.org/2000/svg'%3E%3Crect height='18' rx='1' transform='rotate(90 21 3)' width='18' x='21' y='3'/%3E%3Cpath d='M6.66666 12.6667L9.99999 16L17.3333 8.66669'/%3E%3C/svg%3E"); float:left; position:absolute; left:0; top:0;} .memberinfo > form > ul > li > div input[type="radio"]:checked + label:before{background-image:url("data:image/svg+xml,%3Csvg color='%231E2B6C' fill='none' height='32px' stroke='%231E2B6C' stroke-linecap='square' stroke-linejoin='miter' stroke-width='1' viewBox='0 0 24 24' width='32px' xmlns='http://www.w3.org/2000/svg'%3E%3Crect height='18' rx='1' transform='rotate(90 21 3)' width='18' x='21' y='3'/%3E%3Cpath d='M6.66666 12.6667L9.99999 16L17.3333 8.66669'/%3E%3C/svg%3E");} .memberinfo > form > ul > li > div input[type="text"], .memberinfo > form > ul > li > div input[type="tel"], .memberinfo > form > ul > li > div input[type="email"], .memberinfo > form > ul > li > div input[type="password"]{ border:0; border-bottom:1px solid #1E2B6C; padding:3px 0; font-size:18px; width:300px;} .memberinfo > form > ul > li > div textarea{ width:90%; margin:8px 0; font-size:18px;} .memberinfo > form > ul > li > div > div > a{ background-color:#1E2B6C; color:#fff; display:inline-block; padding:6px 50px; } #MemberInfoForm.hide{ display:none;} #MemberInfoEditForm.hide{ display:none;} .miepwli.hide{ display:none;} #mienpwchk0{ display:none;} #mienpwchk1{ display:none;} /* 6월 30일 수정 */ .KBody > .wrap{ background-color: none; } header>div>h1>a>svg:nth-child(1){ display: none; } header>div>h1>a>svg:nth-child(2){ display: block; } .hihihi>li>a{ font-family: NotoSansKR; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; text-align: left; color: #000; } header{ background-color: rgba(255,255,255,1); } header:hover{ background-color: rgb(244, 244, 255); } header nav{ display: flex; } header nav a{ font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #000; } section{ margin-top: 200px; } .aintroflex> h3{ margin: 0; text-align: left; font-family: NotoSansKR; font-size: 34px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; text-align: left; color: #000; } .aintroflex{ display: flex; justify-content: space-between; align-items: baseline; } .aintroflex> .path{ font-family: NotoSansKR; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.47; letter-spacing: normal; text-align: left; color: #878787; } .path{ padding: 0; font-size: 17px; color: #878787; } .sub > nav > h2{ width: 160px; height: 50px; margin: 0 auto; font-family: NotoSansKR; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: normal; text-align: left; color: #fff; margin-top: 5px; } .sub > nav > ul > li{ border: none; font-family: NotoSansKR; font-size: 21px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: rgb(37, 54, 135,.4); text-align: left; margin: 0 auto; } .Intro.Feestival nav > ul{ margin-top: 70px; } .Intro.Feestival nav > ul> li{ font-family: NotoSansKR; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: rgb(37, 54, 135,.4); text-align: left; margin-top: 6px; } .sub > nav > ul { margin-top: 70px; } .sub > nav > ul>li{ text-align: left; margin-top: 6px; width: 160px; text-align: left; } .sub > nav > ul>li>a{ font-family: NotoSansKR; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: rgb(37, 54, 135,.4); padding-right: 0; padding-left: 0; text-align: left; } .Intro.Feestival nav > ul > li[data-path2="Intro"] { color: #1e2b6c; font-weight: bold; background: none; } .introfestivalmain1>hr:nth-child(2){ width: 100%; background-color: #000; border: none; height: 2px; margin-top: 24px; margin-bottom: 56px; } .lineline{ margin-right: 21px; margin-left: 21px; height: 14px; background-color: #000; width: 1px; margin-top: 5px; } #MemberLoginForm{ margin-top: 88px; } #MemberAgreeForm{ margin-top: 88px; } #MemberIDFindForm{ margin-top: 88px; } #MemberJoininfoForm > div > ul > li:nth-child(2) select{ width: 100px; }