body { height:100%; background-color:#efefef; font-family: 'Noto Sans KR', sans-serif; }
section { position:absolute; top:50%; left:50%; margin-top:-350px; margin-left:-567px; width:1134px; min-height:700px; background:#fff; padding:0px; box-shadow:3px 5px 7px #cecece; display:flex; flex-direction:row; }
section.cjk { margin-top:-350px; min-height:700px; } 
section .image-box { width:435px; overflow-x: hidden;}
section .image-box > img { min-height:700px; height:100%; }
section .image-box > div { position:absolute; top:20px; left:20px; }
section .image-box > div > img { width:auto; height:30px; }
section .image-box > div:last-child { top:550px; left:0px; width:435px; padding:20px; color:#fff; }
section.cjk .image-box > div:last-child { top:570px; }
section .image-box > div:last-child > p { color:#fff; line-height:1.3; font-size:20px; text-align:justify; }
section > div:last-child { width:699px; padding:50px 30px; text-align:center; }
section > div:last-child > div:first-child { text-align:right; }
section > div:last-child > div:last-child { padding:20px 60px; }
section > div:last-child > div:last-child h1 { font-weight:500; font-size:35px; margin-bottom:50px; color:#b79f87; }
section > div:last-child > div:last-child p { color:#8c8c8c; font-size:20px; font-weight:400; text-align:justify; word-break:keep-all; }
section > div:last-child > div:last-child p.no-break { word-break:break-word; }
section > div:last-child > div:last-child.down { padding:20px 70px; }
section > div:last-child > div:last-child.down h1 { font-weight:500; font-size:35px; margin-bottom:50px; color:#b79f87; }
section > div:last-child > div:last-child.down h1.no-mar { margin-bottom:10px; }
section > div:last-child > div:last-child.down p { color:#8c8c8c; font-size:20px; font-weight:400; text-align:justify; }
section > div:last-child > div:last-child.down p span { color:#2d3436; font-family: "Roboto", sans-serif; font-weight:700; font-size:22px; }
section > div:last-child > div:last-child.down img { margin-top:20px; }
.dropdown-center button { color:#8c8c8c; border-color:#fff!important; }
a.dropdown-item { color:#8c8c8c; }
.address { display:flex; flex-direction:row; align-items:center; margin-top:50px; }
.address div:first-child { width:75%; height:46px; }
.address div input { width:100%; border:1px solid #b79f87; border-radius:5px; padding:10px 5px; text-align:center; }
.address div input::placeholder { padding-left:0px; font-family: 'Noto Sans KR', sans-serif; font-size:15px; color:#b79f87; }
.address div:last-child a { display:inline-block; width:120px; height:46px; line-height:46px; background:#b79f87; margin-left:5px; color:#fff; text-decoration:none; border-radius:5px; }
.small-btn { width:100%; margin-top:30px; text-align:left; }
.small-btn a { margin:0px 10px; font-size:12px; font-weight:400; color:#8c8c8c; text-decoration:none; }
.small-btn a:hover { color:#616060; }
.number-list10 { display:flex; flex-direction:row; flex-wrap:wrap; margin-top: 50px; }
.number-list10 a { display:inline-block; width:calc(20% - 10px); height:68px; border:1px solid #cdbfb0; margin:5px; border-radius:5px; text-decoration:none; line-height:68px; font-family: "Roboto", sans-serif; font-size:40px; font-weight:800; color:#fff; background:#e5ded8; }
.number-list10 a.on { border:1px solid #a18970; background:#b79f87; }
.number-list10 a.on:hover { background:#fff; color:#b79f87; }
.number-list10 a.desk { border:1px solid #023866; background:#044e8c; }
.number-list10 a.desk:hover { background:#fff; color:#044e8c; }
.number-list8 { display:flex; flex-direction:row; flex-wrap:wrap; margin-top: 50px; }
.number-list8 a { display:inline-block; width:calc(25% - 10px); height:78px; border:1px solid #cdbfb0; margin:5px; border-radius:5px; text-decoration:none; line-height:78px; font-family: "Roboto", sans-serif; font-size:40px; font-weight:800; color:#fff; background:#e5ded8; }
.number-list8 a.on { border:1px solid #a18970; background:#b79f87; }
.number-list8 a.on:hover { background:#fff; color:#b79f87; }
.number-list8 a.desk { border:1px solid #023866; background:#044e8c; }
.number-list8 a.desk:hover { background:#fff; color:#044e8c; }
.number-list6 { display:flex; flex-direction:row; flex-wrap:wrap; margin-top: 50px; }
.number-list6 a { display:inline-block; width:calc(33.3333% - 10px); height:88px; border:1px solid #cdbfb0; margin:5px; border-radius:5px; text-decoration:none; line-height:88px; font-family: "Roboto", sans-serif; font-size:40px; font-weight:800; color:#fff; background:#e5ded8; }
.number-list6 a.on { border:1px solid #a18970; background:#b79f87; }
.number-list6 a.on:hover { background:#fff; color:#b79f87; }
.number-list6 a.desk { border:1px solid #023866; background:#044e8c; }
.number-list6 a.desk:hover { background:#fff; color:#044e8c; }

@media (min-height: 700px) {
    section { top:0px!important; margin-top:50px!important; margin-bottom:50px!important; }
    section.cjk .image-box > div:last-child { bottom:0px; top:inherit; }
}