@font-face { font-family: 'S-CoreDream-1Thin'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Taebaek'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2310@1.0/TAEBAEKfont.woff2') format('woff2'); font-weight: normal; font-display: swap; } * {font-family: 'S-CoreDream-4Regular'; color:#666666; font-weight:350; letter-spacing:-0.5px; word-break: keep-all; line-height:120%;} /*654fa4 / ff7062*/ body,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,div,a,form {margin:0; padding:0;} body {margin:0 auto;} a {text-decoration:none; color:#666666;} b {color:inherit; font-weight:700; font-famliy:inherit;} u {color:inherit; font-weight:700; font-famliy:inherit;} span {color:inherit; font-famliy:inherit;} ul, li{margin:0; padding:0;} img {border:0px;} dl,dt,dd {margin:0; padding:0;} dl.dltop {border-top:1px solid #000000; width:100%; margin-top:50px;} dl {display:table; padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6; width:100%;} dt {width:20%; float:left; color:#000000; font-weight:bold; font-size:17px; line-height:30px;} dt i {margin-right:10px; color:#000000; } dd {width:80%; float:right; font-size:17px; line-height:30px;} dd span {color:#000000; font-size:15px; margin-bottom:15px; display:block; margin-top:10px;} dd span:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;} input[type=text],input[type=password],input[type=button],textarea,select {-webkit-appearance: none;-webkit-border-radius: 0; padding:0; margin:0; border:0px;} input[type="button"], button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;} button::-moz-focus-inner{border:0; padding:0;} input[type="button"]::-moz-focus-inner{border:0; padding:0;} label{cursor:pointer;} .swiper-slide {cursor:pointer} .allcenter2 {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .pagenum {width:100%; text-align:center; margin:0 auto; height:80px;} .pagenum p {width:40px; line-height:40px; height:40px; text-align:center; border:1px solid #e6e6e6; float:left; background-color:#ffffff; margin-left:-1px; font-size:13px !important;} .pagenum b {color:#000000; font-size:13px;} .pagenum i {line-height:40px; width:100%; text-align:center;} .wrap {width:1100px; margin:0 auto;} h8 {display:block; margin:30px 0 0 0; color:#000000; font-size:15px; font-weight:bold; cursor:pointer;} h8 i {color:#000000; margin-right:5px; font-size:15px;} /* table {padding:0; border-spacing:0px; background-color:#ffffff; width:100%; border-radius:0px; border-top:5px solid #4e8252; border-bottom:1px solid #4e8252; box-shadow: 0 20px 20px -20px rgba(234, 85, 86, 0.1), 0 20px 20px -20px rgba(0, 0, 0, 0.1);} th, td {margin:0; padding:10px; border-bottom:1px solid #4e8252;} td {font-size:14px; line-height:25px; text-align:center; color:#000000} td b {font-size:14px; line-height:25px; color:#000000; padding-right:5px;} td b:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f3c9"; margin-right:5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;} td.session {font-size:18px; background-color:#f7eaea} td:nth-child(1) {text-align:center} td p {color:#951f88; font-weight:bold; margin-bottom:10px;} th {font-size:14px; color:#000000; font-weight:700;} td i {margin-right:10px; color:#000000;} td a {color:#000000; font-weight:bold} td a:hover {border-bottom:1px solid #000000} table tr td:first-child {background-color:#f7eaea; color:#000000} table tr th:first-child {background-color:#f7eaea; color:#000000} table tr td:not(:last-child) {border-right:1px solid #4e8252;} table tr th:not(:last-child) {border-right:1px solid #4e8252;} table tr:last-child td {border-bottom:0px none} table tr:last-child th {border-bottom:0px none} */ label {position: relative; padding-left: 25px !important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top:0; left:0} label input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .checkmark {position: absolute; top: 4px; left: 0; height: 20px; width: 20px; background-color: #cccccc; border-radius:5px;} label input:checked ~ .checkmark {background-color: #004a8d;} .checkmark:after {content: ""; position: absolute; display: none;} label input:checked ~ .checkmark:after {display: block;} label .checkmark:after {left: 7px; top: 5px; width: 4px; height: 7px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} form p {margin-left:0px; margin-top:20px; margin-bottom:30px !important;} form p label {float:left; color:#000000; font-weight:bold; margin-bottom:20px; width:100%;} form p label span {top:0px !important} form span.agreeview {background-color:#ffffff; color:#6e96d1; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #6e96d1; font-size:12px; margin-top:0px; cursor:pointer;} form {width:100%; margin:0 auto; padding:0px 0 0px 0} form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;} form input[type=password] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;} form button {width:100%; height:60px; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;} form textarea {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px; height:300px;} form h5 {color:#000000; font-size:15px; margin-bottom:15px; width:100%;} form h5:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;} form h6 {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;} form h6 span {display:block; width:20%; color:#999999; float:left} form select {width:calc(100% - 0px); padding:18px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;} form h6 label {margin-right:30px;} form div {height:calc(100px - 42px); overflow:auto; width:100%; font-size:12px; padding:20px; border:1px solid #e6e6e6; line-height:20px;} img {max-width:100%} #ad {cursor:pointer; width:100%; height:50px; background-color:#c1347a; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.3) inset,0 -10px 20px -10px rgba(200,200,200,0.5); text-align:center; color:#ffffff; z-index:999999999 !important} #ad h1 {text-align:center; color:#ffffff; font-size:15px; line-height:50px;} #head {width:100%; position:fixed; top:0px; left:0px; height:100px; z-index:99; background:#d26151; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0)); transition:all 0.3s ease; border-bottom:} #head .logo {float:left;} #head img {margin:20px 0 0 20px; display:block; height:60px;} #head a {} #head a.on {color:#7c6c63;} #head.shown {position:fixed; top:0px; left:0px; z-index:99; background:#d26151} #head div.sns {float:right; margin-right:30px; margin-top:30px;} #head div.sns button {margin:0 0 0 10px;} #head div.sns button {height:40px; width:40px;} #head div.sns button:nth-child(1) {background:url('https://eventcdn.cafe24.com/royal/img/sns/y.png'); background-size:40px 40px; text-indent:-10000px} #head div.sns button:nth-child(2) {background:url('https://eventcdn.cafe24.com/royal/img/sns/i.png'); background-size:40px 40px; text-indent:-10000px} #head div.sns button:nth-child(3) {background:url('https://eventcdn.cafe24.com/royal/img/sns/k.png'); background-size:40px 40px; text-indent:-10000px} #head div.sns button:nth-child(4) {background:url('https://eventcdn.cafe24.com/royal/img/sns/b.png'); background-size:40px 40px; text-indent:-10000px} #head div.login {float:right; margin-right:40px; margin-top:35px;} #head div.login button {color:#000000; height:30px; width:100px; border:1px solid #000000; border-radius:30px; text-align:center; margin:0 0 0 10px; font-size:12px;} #head div.login button {background: linear-gradient(to right, #000000 50%, transparent 50%); background-size: 200% 100%; background-position:right bottom; transition:all 0.3s ease;} #head div.login button:hover {background-position:left bottom; color:#ffffff} #head .pcmenu {float: none; position: absolute; top: calc(50% + 0px); left: 50%; transform: translate(-50%, -50%);} .menubox {display:none;} .toggle-sidebar {display:none;} /*드롭메뉴*/ .subnav {margin-right:60px; margin-left:60px; float:left;} .subnav a {line-height:100px; font-family: 'S-CoreDream-6Bold'; font-size:20px; color:#ffffff} .subnav-content a {line-height:20px; display:block; padding:10px 0 10px 0} .subnav-content b {line-height:20px; display:block; padding:10px 0 0px 0; color:rgba(255,255,255,0.5); font-size:14px !important; } .subnav {position: relative; cursor:pointer;} .subnav-content {padding:10px 25px 10px 25px; display: none; position: absolute; left:50%; margin-left:-100px; background-color:#f1918a;width: 150px; z-index: 1000 !important; line-height:50px !important; border-radius:10px; margin-top:-10px; box-shadow: 0 10px 20px 0 rgba(234, 85, 86, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); -webkit-animation: slide-down .3s ease-out; -moz-animation: slide-down .3s ease-out; } .subnav-content a {display:block;color:#ffffff !important; font-size:16px !important; } .subnav-content a:not(:last-child) {border-bottom:1px solid rgba(255,255,255,0.3)} .subnav:hover > a:before {content:""; font-size:10px; color:#f4ed7e; position:absolute; margin-top:-20px; margin-left:-10px;} .subnav:hover > a {color:#f4ed7e !important} .subnavon > a:before {content:""; font-size:10px; color:#ca412b; position:absolute; margin-top:-20px; margin-left:-10px;} .subnavon > a {color:#f4ed7e !important} .subnav:hover .subnav-content {display: block;} .subnav-content a:hover {color:#000000 !important;} @-webkit-keyframes slide-down { 0% { opacity: 0; -webkit-transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes slide-down { 0% { opacity: 0; -moz-transform: translateY(-10%); } 100% { opacity: 1; -moz-transform: translateY(0); } } /*드롭메뉴*/ @media ( max-width: 1700px ) { .subnav {margin-right:40px; margin-left:40px; float:left;} .subnav a {font-size:18px !important;} } @media ( max-width: 1300px ) { .subnav {margin-right:20px; margin-left:20px; float:left;} #head img {margin:40px 0 0 20px; display:block; height:20px;} } #main section:nth-child(1) {width:100%; height:600px; margin-top:0px; background:url('/2026/img/main/bg.jpg?v=3'); padding-top:100px; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.1) inset,0 -10px 20px -10px rgba(0,0,0,0.2);} #main section:nth-child(1) .bgwrap {background:url(''); background-position:center; background-size:cover; background-repeat:no-repeat;} #main section:nth-child(1) .wrap {height:600px; position:relative} #main section:nth-child(1) .wrap div:nth-child(1) {width:450px; float:left; text-align:center;} #main section:nth-child(1) .wrap div:nth-child(1) img {width:100%; margin-top:100px; margin-bottom:20px;} #main section:nth-child(1) .wrap div:nth-child(1) p {color:#000000; font-size:20px;} #main section:nth-child(1) .wrap div:nth-child(1) p:nth-child(2) {font-family: 'S-CoreDream-7ExtraBold';} #main section:nth-child(1) .wrap div:nth-child(1) p:nth-child(3) {font-family: 'S-CoreDream-7ExtraBold'; margin-top:20px;} #main section:nth-child(1) .wrap div:nth-child(1) p i {color:#000000; margin-right:10px} #main section:nth-child(1) .wrap div:nth-child(2) {width:450px; height:100%; float:right; text-align:center} #main section:nth-child(1) .wrap div:nth-child(2) p {text-align:right; color:#f1918a; font-family: 'S-CoreDream-8Heavy'; margin-top:100px; font-size:20px;} #main section:nth-child(1) .wrap div:nth-child(2) iframe {margin-top:180px; width:450px; height:253px; border-radius:10px; margin-bottom:20px;} #main section:nth-child(1) .wrap div:nth-child(2) button {color:#ffffff; font-weight:500; font-size:18px; width:100%; height:60px; border-radius:5px; background-color:#4e8252;} #main section:nth-child(1) .wrap div:nth-child(2) button i {color:#ffffff; margin-right:10px; font-size:20px} #main section:nth-child(1) .wrap div:nth-child(3) {width:100%; margin-top:50px; text-align:center; float:left;} #main section:nth-child(1) .wrap div:nth-child(3) button {width:150px; height:150px; background-color:#ffffff; margin:10px; border-radius:150px; font-size:15px; font-weight:bold; color:#ffffff;} #main section:nth-child(1) .wrap div:nth-child(3) button:nth-child(1) {background:rgba(75,1,2,0.7)} #main section:nth-child(1) .wrap div:nth-child(3) button:nth-child(2) {background:rgba(230,90,90,0.7)} #main section:nth-child(1) .wrap div:nth-child(3) button:nth-child(3) {background:rgba(217,179,6,0.7)} #main section:nth-child(1) .wrap div:nth-child(3) button:nth-child(4) {background:rgba(190,29,35,0.7)} #main section:nth-child(1) .wrap div:nth-child(3) button:nth-child(5) {background:rgba(39,92,170,0.7)} #main section:nth-child(1) .wrap div:nth-child(3) button:nth-child(6) {background:rgba(185,173,159,0.7)} #main section:nth-child(1) .wrap div:nth-child(3) button i {display:block; text-align:center; font-size:30px; color:#ffffff; margin-bottom:10px;} #main section:nth-child(1) .wrap div:nth-child(3) button {transform: translateY(0%); transition: 0.3s;} #main section:nth-child(1) .wrap div:nth-child(3) button:hover {transform: translateY(-10%); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1);} #main section:nth-child(1) .wrap div:nth-child(3) button:nth-child(1):hover {background:rgba(75,1,2,1)} #main section:nth-child(1) .wrap div:nth-child(3) button:nth-child(2):hover {background:rgba(230,90,90,1)} #main section:nth-child(1) .wrap div:nth-child(3) button:nth-child(3):hover {background:rgba(217,179,6,1)} #main section:nth-child(1) .wrap div:nth-child(3) button:nth-child(4):hover {background:rgba(190,29,35,1)} #main section:nth-child(1) .wrap div:nth-child(3) button:nth-child(5):hover {background:rgba(39,92,170,1)} #main section:nth-child(1) .wrap div:nth-child(3) button:nth-child(6):hover {background:rgba(185,173,159,1)} #main section:nth-child(1) .notice {width:100%; float:left; height:100px; background-color:#4e8252;} #main section:nth-child(1) .notice div {width:1100px; margin:0 auto} #main section:nth-child(1) .notice div h1 {color:#ffffff; font-size:30px; width:300px; float:left; margin-top:30px;} #main section:nth-child(1) .notice div h1 span {display:block; font-size:13px; float:right; width:170px; color:rgba(255,255,255,0.5); line-height:18px;} #main section:nth-child(1) .notice div button {width:400px; height:100px; display:block; float:left; color:#ffffff; text-align:right; font-size:15px;} #main section:nth-child(1) .notice div button b {padding:5px 10px 5px 10px; font-size:13px; color:#4e8252; background-color:#ffffff; border-radius:30px; margin-right:10px;} #main section:nth-child(2) {padding:100px 0 100px 0; background-color:#4b0000; height:850px; position:relative} #main section:nth-child(2) h1 {text-align:center; margin-bottom:10px; color:#ffffff; font-size:40px; font-family: 'Taebaek';} #main section:nth-child(2) h2 {text-align:center; margin-bottom:50px; color:#ffffff; font-size:15px; letter-spacing:10px;} #main section:nth-child(2) h2:after {content: ""; display: block; width: 60px; border-bottom: 3px solid #ffffff; margin: 0 auto; padding-top:20px; margin-bottom:20px;} #main section:nth-child(2) h3 {text-align:center; margin-bottom:50px;} #main section:nth-child(2) h3 button {font-size:15px; margin:0 15px 0 15px; height:30px; color:#4e8252;} #main section:nth-child(2) h3 button i {font-size:15px; margin:0 5px 0 5px; color:#ffffff;} #main section:nth-child(2) h3 button.active {border-bottom: 1px solid #4e8252; color:#4e8252; font-family: 'S-CoreDream-8Heavy';} #main section:nth-child(2) iframe {width:800px; height:450px; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:50px;} #main section:nth-child(2) h13 {display:block; color:#4e8252; text-align:center; margin:0 auto; width:500px; background-color:#ffffff; border-radius:40px; height:40px; line-height:40px;} #main section:nth-child(2) h13 i {color:#4e8252; margin-right:5px} #main section:nth-child(2) h13 b {margin-right:10px;} #main section:nth-child(2) h13 b:nth-child(2) {color:#000000;} #main section:nth-child(2) h13 b:nth-child(4) {color:#000000;} .vod {background:#d26151; padding-bottom:100px;} .vod iframe {aspect-ratio: 16 / 9; display:block; margin:0 auto; width:50%; border-radius:10px;} #main2 section:nth-child(1) {position:relative; width:100%; margin-top:0px; background:url('/2026/img/main/bg.jpg?v=3'); padding-top:100px; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.1) inset,0 -10px 20px -10px rgba(0,0,0,0.2); background-size:100% auto} #main2 section:nth-child(1) .bgwrap {position:relative; background:url('/2026/img/main/1.png?v=7'); background-position:center top; background-repeat:no-repeat; height:1500px;} #main2 section:nth-child(1) .wrap {position:relative; width:1200px;} #main2 section:nth-child(1) .wrap div:nth-child(1) {width:100%; text-align:; background:} #main2 section:nth-child(1) .wrap div:nth-child(1) img {width:70%; margin-top:100px; margin-bottom:20px; margin-left:0px;} #main2 section:nth-child(1) .wrap div:nth-child(1) p {color:#000000; font-size:20px;} #main2 section:nth-child(1) .wrap div:nth-child(1) p:nth-child(2) {font-family: 'S-CoreDream-7ExtraBold';} #main2 section:nth-child(1) .wrap div:nth-child(1) p:nth-child(3) {font-family: 'S-CoreDream-7ExtraBold'; margin-top:20px;} #main2 section:nth-child(1) .wrap div:nth-child(1) p i {color:#000000; margin-right:10px} #main2 section:nth-child(1) .wrap div:nth-child(2) {width:100%; text-align:center; background:} #main2 section:nth-child(1) .wrap div:nth-child(2) p {text-align:right; color:#f1918a; font-family: 'S-CoreDream-8Heavy'; margin-top:100px; font-size:20px;} #main2 section:nth-child(1) .wrap div:nth-child(2) iframe {margin-top:0px; width:1100px; height:619px; border-radius:10px; margin-bottom:50px; border-radius:10px; box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.1), 0 30px 40px 0 rgba(0, 0, 0, 0.1);} #main2 section:nth-child(1) .wrap div:nth-child(2) button {display:none; color:#ffffff; font-weight:500; font-size:18px; width:100%; height:60px; border-radius:5px; background-color:#4e8252;} #main2 section:nth-child(1) .wrap div:nth-child(2) button i {color:#ffffff; margin-right:10px; font-size:20px} #main2 section:nth-child(1) .notice {width:100%; height:100px; background-color:#4e8252;} #main2 section:nth-child(1) .notice div {width:1100px; margin:0 auto} #main2 section:nth-child(1) .notice div h1 {color:#ffffff; font-size:30px; width:300px; float:left; margin-top:30px;} #main2 section:nth-child(1) .notice div h1 span {display:block; font-size:13px; float:right; width:170px; color:rgba(255,255,255,0.5); line-height:18px;} #main2 section:nth-child(1) .notice div button {width:400px; height:100px; display:block; float:left; color:#ffffff; text-align:right; font-size:15px;} #main2 section:nth-child(1) .notice div button b {padding:5px 10px 5px 10px; font-size:13px; color:#4e8252; background-color:#ffffff; border-radius:30px; margin-right:10px;} #main2 div.mainsns {text-align:center; position:absolute; bottom:50px; left:0px; width:100%;} #main2 div.mainsns button {margin:0 10px 0 10px;} #main2 div.mainsns button {height:80px; width:80px;} #main2 div.mainsns button:nth-child(1) {background:url('https://eventcdn.cafe24.com/royal/img/sns/y.png'); background-size:80px 80px; text-indent:-10000px} #main2 div.mainsns button:nth-child(2) {background:url('https://eventcdn.cafe24.com/royal/img/sns/i.png'); background-size:80px 80px; text-indent:-10000px} #main2 div.mainsns button:nth-child(3) {background:url('https://eventcdn.cafe24.com/royal/img/sns/k.png'); background-size:80px 80px; text-indent:-10000px} #main2 div.mainsns button:nth-child(4) {background:url('https://eventcdn.cafe24.com/royal/img/sns/b.png'); background-size:80px 80px; text-indent:-10000px} div.photobox {width:800px; margin:0 auto; margin-top:50px; position:relative} div.photobox img {width:185px; border-radius:10px;} div.photobox .gallery {padding-bottom:70px} div.photobox .swiper-pagination {background-color:#999999; color:#ffffff; width:70px; margin:0 auto; left:50%; margin-left:-35px; line-height:30px; border-radius:30px; font-size:13px;height:30px; margin-bottom:0px;} div.photobox .swiper-pagination span {color:#ffffff !important; font-size:13px;} div.photobox .swiper-button-next {left:50%; margin-left:405px; background-image:none !important; width:60px; height:60px; z-index:1; position:absolute; top:60px;} div.photobox .swiper-button-prev {left:50%; margin-left:-465px; background-image:none !important; width:60px; height:60px; z-index:1; position:absolute; top:60px;} div.photobox .swiper-button-next:after{content:''} div.photobox .swiper-button-prev:after{content:''} div.photobox i {color:#ffffff; font-size:25px;} footer {background-color:#293240; width:100%; padding:50px 0 50px 0} footer p {text-align:center; width:250px; background:rgba(0,0,0,0.5); margin:0 auto; height:40px; border-radius:40px; margin-bottom:20px; line-height:40px; font-size:14px; color:#ffffff;} footer p i {color:#ffffff; margin:0 5px 0 5px} footer address {font-style: normal; text-align:center; font-size:13px; line-height:25px; color:rgba(255,255,255,0.5)} footer address img {display:block; margin:0 auto; margin-top:20px; max-width:500px;} #nav {position:fixed; top:300px; right:100px; z-index:99} #nav a { display:block; color: #000000; margin-bottom:20px; font-size:13px; font-weight:700; width:80px; height:30px; border-radius:30px; line-height:30px; padding-left:20px; } #nav a:hover, #nav a.active { color: #ffffff; background-color:#4e8252; } @media ( max-width: 1520px ) { #nav {display:none} .subnav {margin-right:20px; margin-left:20px; float:left;} } h100 {color:#4e8252; display:block; margin-top:10px; margin-bottom:10px; font-size:15px;} h100:before {color:#4e8252; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;} h100 a {background-color:#fbe300; color: #3b1e1e; margin-left:10px; border-radius:30px; padding:5px 20px 5px 20px; font-size:12px; font-weight:bold} #subv {width:100%; height:200px; background:url('/2026/img/main/bg.jpg?v=3'); background-size:100% auto; background-position:center; background-repeat:no-repeat; margin-top:0px; padding-top:100px; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.1) inset,0 -10px 20px -10px rgba(0,0,0,0.2); text-align:center} #subv img {height:150px; margin:25px 0 0 0} #smenu {width:100%; height:50px; background-color:#4e8252; line-height:50px; text-align:center; position: -webkit-sticky; position: sticky; top: 100px; z-index:1} #smenu a {color:#ffffff; line-height:50px; margin:0 20px 0 20px; font-size:18px;} #smenu a.on {color:#000000; border-bottom:3px solid #000000; padding-bottom:10px;} #subpage iframe {width:800px; height:450px; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:50px;} .c02 {width:800px !important} .c02 img {border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:50px;} .c02 p {text-align:center} .c04 p {text-align:center; font-weight:bold; color:#000000} .c04 {width:800px !important} .p0207 img {border-radius:0px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0), 0 10px 20px 0 rgba(0, 0, 0, 0); margin:0 auto; display:block; margin-top:0px;} .p0207 button {background:#ffffff !important; margin-top:0px !important} .p0207 button img {width:50%} #subpage {width:1100px; margin:0 auto; margin-top:80px; margin-bottom:100px; } #subpage h1 {font-family: 'Taebaek'; color:#000000; font-size:45px; text-align:center; margin-bottom:20px;} #subpage h1:after {content: ""; color:#f1918a; position:absolute; font-size:10px; margin-top:15px; margin-right:-5px;} #subpage h2 {font-family: 'S-CoreDream-4Regular'; color:#999999; font-size:25px; text-align:center; margin-top:0px; margin-bottom:50px; line-height:30px;} #subpage p {font-size:19px; line-height:35px; font-family: 'Noto Sans Korean'; color:#444444} h14 {display:block; text-align:center; color:#dddddd; font-size:20px; padding-top:100px; padding-bottom:100px;} h14 i {display:block; width:100%; text-align:center; font-size:30px; margin-bottom:20px; color:#dddddd} #subpage h3 {margin:0 auto; color:#f1918a; font-size:30px; margin-bottom:30px; font-family: 'Taebaek'; text-align:center; line-height:45px;} #subpage h3:after {content: ""; display: block; width: 60px; border-bottom: 1px solid #f1918a; margin: 0 auto; padding-top:20px; margin-bottom:20px;} #subpage h4 {text-align:center; margin-top:15px;} #subpage h4 b {margin:20px; color:#000000;} #subpage h4 span {color:#f1918a;} #subpage h4 span i {color:#f1918a; margin:10px;} #subpage h4 b img {height:40px; margin-left:10px; margin-bottom:-10px;} .p0201 {} .p0201 img {display:block; width:100%; border-radius:10px; margin:0} .c02 img {display:block; border-radius:10px; margin-top:30px; box-shadow: 0 5px 10px 0 rgba(200, 200, 0, 0.1), 0 10px 20px 0 rgba(200, 0, 0, 0.1)} .p0106 {width:90% !important} .p0106 img {display:block; width:100%; border-radius:10px; margin:0} #subpage h6 {width:calc(800px - 300px); height:450px; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:50px; text-align:center; color:#ffffff; background-color:#000000; line-height:30px; padding:0 150px 0 150px; font-size:15px;} #subpage h6 b {color:#f1918a; font-size:15px;} #subpage h6 i {color:#ffffff; font-size:40px; display:block; text-align:center; margin-bottom:20px; padding-top:150px;} #subpage h7 {color:#000000; font-weight:bold; padding-bottom:20px; margin-top:70px; font-family: 'S-CoreDream-6Bold'; font-size:20px; display:block} #subpage h7 i {color:#000000; margin-right:10px; font-size:20px;} h300 {text-align:center; display:block; margin-bottom:30px; margin-top:30px;} h300 button {border:1px solid #4e8252; color:#4e8252; padding:0 20px 0 20px; height:40px; border-radius:40px; margin:5px; } h300 button.on {background-color:#4e8252; color:#ffffff;} h301 {text-align:center; display:block; margin-bottom:200px; margin-top:200px; color:#cccccc; font-size:20px;} h301 i {color:#cccccc; font-size:80px; display:block; margin-bottom:10px;} h301 p {color:#cccccc; font-size:20px;} .p0401 h1 {padding-top:100px} .p0401 h1:first-child {padding-top:0px} .root_daum_roughmap {width:100% !important; height:400px !important; border-radius:10px; z-index:0 !important} .p0401 h3 {margin-top:50px !important} .p0401 h3:nth-child(2) {margin-top:0px !important} .c201 button {background-color:#2a2672; color:#ffffff; height:60px; border-radius:10px; width:100%} .c201 button i {color:#ffffff !important; margin-right:5px} .p0203 button {background-color:#2a2672; color:#ffffff; height:60px; border-radius:10px; width:100%} .p0203 button i {color:#ffffff !important; margin-right:5px} .longdt dt {width:40%} .longdt dd {width:60%} .p0203 .paradebg {width:100%; height:700px; background:url('/2023/img/paradebg.jpg'); position:absolute; left:0px;} .p0203 .paradebg img {box-shadow:none !important} .p0203 .paradebox {height:600px} .p0101 {width:800px !important; margin:0 auto;} .p0101 img {width:100%;} .p0102 img {width:100%; border-radius:10px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(200, 200, 200, 0.1);} .p0101 p b {display:block; color:#000000; margin-bottom:20px; text-align:right;} .p0102 {max-width:800px !important; margin:0 auto;} .p0105 .history {display:table; width:100%; position:relative; padding-bottom:200px} .p0105 .history div {width:50%; position:relative; margin-bottom:-200px; margin-top:} .p0105 .history div p span {display:block} .p0105 .history div:nth-child(2n) {float:right; margin-left:50%;} .p0105 .history div:nth-child(2n - 1) {float:left; margin-right:50%;} .p0105 .history div i.fa-dot-circle {width:50px; height:50px; text-align:center; position:absolute; color:#f1918a} .p0105 .history div:nth-child(2n - 1) i.fa-dot-circle {right:-25px;} .p0105 .history div:nth-child(2n) i.fa-dot-circle {left:-25px;} .p0105 .history div:nth-child(2n - 1) P {width:95%; margin-right:5%; text-align:right} .p0105 .history div:nth-child(2n) P {width:95%; margin-left:5%} .p0105 .history div:nth-child(2n - 1) P span:nth-child(1) {float:right; color:#f1918a; font-size:20px; display:block; width:100%; margin-bottom:10px;} .p0105 .history div:nth-child(2n) P span:nth-child(1) {float:left; color:#f1918a; font-size:20px; display:block; width:100%; margin-bottom:10px;} .p0105 .history div P span:nth-child(2) {color:#000000; font-size:20px; display:block; width:100%; margin-bottom:20px; font-weight:bold} .p0105 .history div P span:nth-child(3) {color:#666666; font-size:17px; display:block; width:100%; margin-bottom:10px;} .p0105 .history div P span:nth-child(3) i {margin-right:10px; width:20px;} .p0105 .history div P span:nth-child(4) {color:#666666; font-size:17px; display:block; width:100%; margin-bottom:10px;} .p0105 .history div P span:nth-child(4) i {margin-right:10px; width:20px;} .p0105 .history div P span:nth-child(5) {color:#666666; font-size:17px; display:block; width:100%; margin-bottom:10px;} .p0105 .history div P span:nth-child(5) i {margin-right:10px; width:20px;} .p0105 .history div P img {width:300px; border-radius:10px; box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.1), 0 20px 20px 0px rgba(0, 0, 0, 0.1);} .p0105 .history .centerline {width:1px; height:100%; background-color:#f1918a; position:absolute; top:0px;} .p0103 {width:800px !important; margin:0 auto;} .p0103 div p {width:340px; margin-right:40px; margin-bottom:40px; float:left; background-color:#0e6b4f; text-align:center; color:#ffffff; font-weight:bold; padding-bottom:10px; border-radius:10px;} .p0103 div p img {display:block; width:100%; border-radius:10px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(200, 200, 200, 0.1); margin-bottom:10px;} .p0103 div p:nth-child(3n) {margin-right:0px} .p0103 ul {list-style: none; padding: 50px; background-color:#f6f6f6; border-radius:10px; width:calc(100% - 102px); margin-bottom:40px; border:1px solid #f1918a} .p0103 li {margin-bottom:10px; color:#000000} .p0103 li b {margin-right:10px; font-family: 'S-CoreDream-6Bold'; color:#f1918a} .p0103 li:before {font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#f1918a;} .p0103 div {display:table; width:100%} .p0103 div div {width:340px; margin-right:40px; float:left; margin-bottom:40px;} .p0103 div div img {width:100%; border-radius:10px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(200, 200, 200, 0.1); margin-bottom:20px;} .p0103 div div:nth-child(3n) {margin-right:0px} .p0103 div div p:nth-child(2) {color:#000000; font-size:20px !important; margin-bottom:20px; font-family: 'S-CoreDream-6Bold' !important;} .p0103 div div p:nth-child(2):before {font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .p0103 button {background-color:#ffffff; border:1px solid #4e8252; color:#4e8252; font-weight:500; font-size:18px; width:100%; height:60px; border-radius:5px; display:block; margin:0 auto; margin-top:50px} .p0106 button {background-color:#ffffff; border:1px solid #4e8252; color:#4e8252; font-weight:500; font-size:18px; width:100%; height:60px; border-radius:5px; display:block; margin:0 auto; margin-top:50px} .p0302 button {background-color:#ffffff; border:1px solid #27236f; color:#27236f; font-weight:500; font-size:18px; width:100%; height:60px; border-radius:5px; display:block; margin:0 auto; margin-top:50px} .c201 h100 {margin-top:20px} .c201 ul {margin-left:20px; display:block;} .c201 ul li {margin-bottom:10px; list-style-type: disc; color:#000000; line-height:23px; font-size:14px;} .c201 {max-width:800px !important;} .c201 dl.dltop {margin-top:0px; border-top:0px solid #e6e6e6} .c201 h3 {margin-top:100px !important} .c201 h3:nth-child(3) {margin-top:0px !important} .c201 img {width:100%; border-radius:10px;margin-top:30px} .c201 button {background:#cd3480; margin-top:30px} h110 {display:block; text-align:center; background:#f6f6f6; border-radius:10px; padding:30px; margin:50px 0 0 0; color:#000000; line-height:1.7} .p0304 img {width:100%; border-radius:10px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(200, 200, 200, 0.1); margin-bottom:20px;} .p0304 p i {color:#000000; margin-right:5px;} .p0304 p {color:#000000; margin-top:20px; font-size:14px !important;} .p0304 img:nth-child(3) {border-radius:0px; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(200, 200, 200, 0); } .c01 iframe {width:800px; height:450px; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:50px;} .c02 iframe {width:800px; height:450px; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:50px;} .p0204 div img.poster {width:100%; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); display:block; margin-top:30px} .p0205 div img {width:100%; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); display:block;} .p0203 section img {width:800px} .p0206 section {display:table; width:100%;} .p0206 section div {float:left; width:calc(33.33% - 30px); margin-right:45px; border-top:2px solid #4e8252; margin-bottom:30px;} .p0206 section div b {display:block; color:#4e8252; font-size:20px; padding:20px 0 20px 0} .p0206 section div:nth-child(3n) {margin-right:0px} .p0206 ul {list-style: disc; margin-left:20px;} .p0206 li {margin-bottom:10px; color:#000000} .p0206 li span {margin-left:10px; color:#666666; float:right} h10 {display:block; margin-top:20px; margin-bottom:20px;} h10 span {font-size:20px; color:#000000; font-family: 'S-CoreDream-5Medium'; margin-bottom:3px; border-bottom:0px solid #7ef1d0; box-shadow: inset 0 -10px 0 #7ef1d0; padding:0 5px 0 5px;} .p0204 div {width:calc(100% - 40px); padding:20px; background-color:#f6f6f6; border-radius:10px; margin-top:30px;} .p0204 div b {color:#000000; display:block; font-weight:bold; margin-top:20px;} .p0204 div b i {margin-right:5px; color:#000000;} .p0304 iframe {width:800px; height:1200px; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:50px;} .p0203 div {line-height:30px} .p0205 iframe {margin-top:20px !important; margin-bottom:50px !important;} .p0205 h13 {display:block; color:#000000} .p0205 h13 i {color:#4e8252; margin-right:5px} .p0205 h13 b {margin-right:10px;} .p0205 h13 b:nth-child(2) {color:#4e8252;} .p0205 h13 b:nth-child(4) {color:#999999;} .p0105 div {width:800px; margin:0 auto; margin-top:50px;} #gotopbtn {display:none; position: fixed; bottom: 10px; right: 10px; z-index: 99; font-size: 18px; background-color:#f1918a; color: #ffffff; cursor: pointer; line-height:50px; text-align:center; border-radius: 50px; width:50px;} #gotopbtn i {color:#ffffff;} #kakao {transition: 0.3s; position: fixed; bottom: 50px; right: 50px; z-index: 99; font-size: 18px; background-color:#fbe300; color: #3b1e1e; cursor: pointer; line-height:50px; text-align:center; border-radius: 50px; width:50px;} #kakao i {color:#3b1e1e} #kakao span {display:none; width:0px; line-height:50px; font-weight:bold} #kakao:hover {width:200px; text-align:left;} #kakao:hover span {display:block; font-size:14px; line-height:50px; color:#000000; position:absolute; top:0px; left:60px; width:115px;} #kakao:hover i {padding-left:20px;} .p0205 button:nth-last-child(2) {background-color:#4e8252 !important; color:#ffffff !important; margin-bottom:-20px !important;} .p0205 button:nth-last-child(2) i {color:#ffffff !important;} .plogin form {} .plogin form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:17px;} .plogin form input[type=password] {width:calc(100% - 42px); padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:17px;} .plogin form select {width:calc(100% - 0px); padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:17px;} .plogin form select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} .plogin form select::-ms-expand {display: none;} .plogin form button {width:100%; height:60px; background-color:#4e8252 !important; text-align:center; color:#ffffff !important; border-radius:5px; font-size:17px; margin-top:20px;} .plogin form h60 {width:100%; height:60px; background-color:#999999; text-align:center; color:#ffffff; border-radius:5px; font-size:17px; margin-top:20px; display:block; line-height:60px;} .plogin form h5 {color:#000000; font-family: 'S-CoreDream-6Bold'; margin-bottom:20px; margin-top:30px; font-size:17px;} .plogin form h5:first-child {margin-top:0px;} .plogin form h5 span {color:red; font-family: 'S-CoreDream-6Bold'; font-size:17px; margin-right:5px;} .plogin form h8 {color:#999999 !important; display:block !important; margin-bottom:10px !important; margin-top:30px !important; font-size:13px !important;} .plogin h10 {text-align:center; display:block; margin:30px 0 100px 0} .plogin h10 a {margin:-0 20px 0 20px; color:#000000; font-weight:700; paddin-bottom:5px; border-bottom:1px solid #000000;} .plogin form h50 {color:#4e8252; font-size:15px; margin-bottom:15px; display:block} .plogin form h50:before {color:#4e8252; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;} h11,h12 {margin:0; padding:0; display:block; margin-bottom:10px;} .idno {font-size:15px !important; color:red; line-height:15px !important;} .idno i {margin-right:5px; font-size:15px !important; color:red} .idok {font-size:15px !important; color:#4e8252; line-height:15px !important;} .idok i {margin-right:5px; font-size:15px !important; color:#4e8252} #agreebox1 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:99} #agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:99} #agree {position:absolute; top:20%; left:50%; width:600px; margin-left:-300px; height:50%; background-color:#ffffff; border:1px solid #4e8252; border-radius:10px;} #agree h1 {text-align:center; color:#000000; font-size:20px; margin:40px 20px 20px 20px; font-family: 'S-CoreDream-8Heavy'} #agree h1:after {display:none} #agree h5 {color:#4e8252; font-size:17px; margin:20px 0px 10px 0px; font-family: 'S-CoreDream-6Bold';} #agree b {font-size:15px; line-height:20px; color:#000000; display:block; margin:20px 0px 5px 0px;} #agree button {position:absolute; bottom:0px; width:100%; height:50px; background-color:#4e8252; font-size:17px; color:#ffffff; text-align:center; border-radius:0 0 8px 8px} #agree div {width:calc(100% - 40px); height:calc(100% - 150px); overflow:auto; padding:0px 20px 20px 20px; font-size:14px; line-height:25px; color:#999999} #agree div p {font-size:14px; line-height:25px; color:#999999} label {position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top:0; left:0} label input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .checkmark {position: absolute; top: 5px; left: 0; height: 20px; width: 20px; background-color: #cccccc; border-radius:5px;} label input:checked ~ .checkmark {background-color: #4e8252;} .checkmark:after {content: ""; position: absolute; display: none;} label input:checked ~ .checkmark:after {display: block;} label .checkmark:after {left: 7px; top: 5px; width: 4px; height: 7px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .plogin form h21 {width:100%; display:block; margin-top:30px} .plogin form h21 label {color:#000000; font-weight:700; width:100%;} .plogin form h20.agreeview {background-color:#ffffff; color:#4e8252; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #4e8252; font-size:12px; margin-top:0px; cursor:pointer;} .plogin form h61 {width:calc(100% - 42px); position: relative; padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:17px;} .plogin form h61 span {margin-right:20px; color:#999999;} .plogin form h61 label {margin-left:20px} .plogin h3 {text-align:center; color:#000000; font-size:20px; line-height:40px; margin:100px 0 100px 0} .plogin .joinok {width:100%; height:60px; background-color:#4e8252; text-align:center; color:#ffffff; border-radius:5px; font-size:17px; margin-top:20px;} .plogin form b{position: relative; height:100%; display:block; width:calc(100% - 0px);} .plogin form b:before {content:'*'; position: absolute; left:10px; top:10px; color:red; font-weight:700;} .plogin form h6.point:before {content:'*'; position: absolute; left:10px; top:10px; color:red; font-weight:700;} .p020401 div div {padding: 50px; background-color:#f6f6f6; border-radius:10px; width:calc(100% - 102px); margin-top:20px; margin-bottom:40px; color:#000000; font-size:15px; line-height:30px;} .p020401 div div b {font-size:14px;} .p020401 div div b i {margin:0 10px 0 10px; color:#000000; font-size:15px;} .p0202 section {display:table} .p0202 section div {width:350px; margin-right:25px; float:left;} .p0202 section div img {width:100%; border-radius:10px; margin:20px 0 20px 0} .p0202 section div iframe {width:100%; border-radius:10px; height:210px; margin:20px 0 20px 0} .p0202 section div p:nth-child(1) {color:#000000} .p0202 section div p:nth-child(2) {color:#4e8252; font-weight:bold} .p0202 section div p:last-child {font-size:15px !important; line-height:30px !important} .p0202 section div:last-child {margin-right:0px} .p0202 section div p i {margin-right:10px;} .p0202 section div p:nth-child(1) i {color:#000000} .p0202 section div p:nth-child(2) i {color:#4e8252} a.cancelbtn {color:#000000; border-bottom:1px solid #000000; font-family: 'S-CoreDream-7ExtraBold';} a.cancelbtn i {color:#000000; margin-right:10px} a.cancelbtn2 {color:red; border-bottom:1px solid red; font-family: 'S-CoreDream-7ExtraBold'; padding-top:20px;} a.cancelbtn2 i {color:red; margin-right:10px} #bbslist {margin-top:30px} #bbslist div {cursor:pointer; width:calc(100% - 62px); padding:20px 30px 20px 30px; border:1px solid #e6e6e6; border-radius:10px; margin-bottom:10px; display:table;} #bbslist div p:nth-child(1) {float:left; color:#28256e; font-size:15px; margin-right:20px; line-height:25px; font-weight:bold;} #bbslist div p:nth-child(2) {float:left; line-height:25px; font-size:18px;} #bbslist div p:last-child {float:right; color:#999999; font-size:13px; line-height:25px;} #bbslist div p:last-child i {color:#cccccc; margin-right:5px;} #bbslist div p:last-child i:last-child {margin-left:10px;} #bbslist div p span {border:1px solid #28256e; color:#28256e; padding:5px 20px 5px 20px; border-radius:20px; font-size:13px; margin-right:10px;} #bbslist div p span.on {background-color:#28256e; color:#ffffff;} #bbslist div:hover {border:1px solid #28256e;} #bbslist div.on {border:1px solid #28256e;} #bbslist div.on p:nth-child(2) {color:#000000; font-weight:bold} #bbslist div p:nth-child(2) b {color:#28256e; font-size:13px; margin-left:15px;} #bbslist div p:nth-child(2) b i {color:#28256e; font-size:15px; margin-right:5px;} #bbslist .fa-share {color:#28256e; margin-right:10px;} #bbslist .replydate {color:#cccccc !important} #bbsphoto {margin-top:30px} #bbsphoto div {float:left; cursor:pointer; width:calc(33.33% - 22px); border:1px solid #e6e6e6; border-radius:5px; margin-right:30px; margin-bottom:20px; height:300px;} #bbsphoto div:nth-child(3n) {margin-right:0px;} #bbsphoto div p:nth-child(1) {width:100%; height:200px; } #bbsphoto div p:nth-child(2) {color:#999999; font-size:13px; line-height:13px; padding:20px 20px 10px 20px} #bbsphoto div p:nth-child(3) {padding:0px 20px 10px 20px; line-height:25px; color:#000000; font-weight:bold} #bbsphoto div p:nth-child(4) {padding:0px 20px 10px 20px; line-height:25px; color:#350675; font-size:14px;} #bbsphoto div p:nth-child(4) i {margin-right:5px; color:#350675; } #bbsphoto div p:nth-child(4) i:not(:first-child) {margin-left:20px} #bbsphoto div:hover {border:1px solid #350675;} #passwd {width:600px; margin:0 auto} #passwd button {margin-top:0px; background-color:#28256e; color:#ffffff} #passwd h30 {display:block; color:#28256e; font-weight:bold; text-align:center; font-size:15px;} #bbsview {margin-top:30px} #bbsview h30 {display:block; border:1px solid #e6e6e6; border-top:1px solid #28256e; width:calc(100% - 62px); padding:20px 30px 20px 30px; color:#000000; font-weight:bold; text-align:center; border-radius:10px;} #bbsview h30 p {margin-top:10px; color:#999999; font-size:13px; line-height:13px;} #bbsview h30 p i {color:#999999; margin-right:5px;} #bbsview h30 p i:nth-child(2) {margin-left:30px;} #bbsview h30 p i:nth-child(3) {margin-left:30px;} #bbsview button {cursor:pointer; width:100%; height:50px; border:1px solid #28256e; border-radius:5px; margin-top:30px; color:#28256e} #bbsview img {max-width:100%;} #bbsview .filedown {} #bbsview .filedown i {margin-right:10px; color:#28256e;} #bbsview .filedown a {display:block; padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6; color:#000000} #bbsview .content {margin-top:30px; line-height:40px; font-family: 'Noto Sans Korean';} #bbsview .content center {line-height:30px} #bbsview .content iframe {width:100%; height:600px} #bbsview .content p {line-height:30px;} #bbsview .reply {margin-top:30px; line-height:30px; background-color:#f0f0f0; border-radius:10px; padding:30px; width:calc(100% - 60px);} #bbsview .reply h5 {color:#000000; font-weight:700; margin-bottom:10px} #bbsview .comment {width:calc(100% - 40px); padding:20px; background-color:#f0f0f0; border-radius:10px; margin-top:30px} #bbsview .comment div {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dddddd;} #bbsview .comment div:first-child {border-bottom:0px none; margin-bottom:0px; } #bbsview .comment div:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:0px none;} #bbsview .comment div h5 {color:#000000; font-weight:bold; margin-bottom:10px; font-size:15px;} #bbsview .comment div h5 i {color:#28256e; font-size:15px; margin-left:10px; cursor:pointer;} #bbsview .comment div h5 span {color:#cccccc; font-weight:350 !important; margin-left:10px; font-size:15px;} #bbsview .comment p {font-size:15px; line-height:25px; word-break:break-all;} #bbsview .comment .commentinput form {padding:0; marign:0} #bbsview .comment .commentinput form textarea {background-color:#ffffff; height:38px; width:calc(100% - 82px); float:left; padding:10px; border:1px solid #cccccc; border-radius:5px; font-size:14px;} #bbsview .comment .commentinput form button {width:60px; height:60px; color:#ffffff;margin:0; background-color:#28256e; font-size:14px;} #bbsview .delbtn {display:table; margin:20px 0 20px 0; width:100%;} #bbsview .delbtn button {width:50%; float:left;} #bbsview .delbtn button:first-child {border-radius:5px 0 0 5px; color:#999999; border:1px solid #999999} #bbsview .delbtn button:last-child {background-color:#999999 !important; color:#ffffff !important; border-radius:0px 5px 5px 0px; border:1px solid #999999} #bbssearch {margin-bottom:20px; margin-top:20px;} #bbssearch form {width:calc(50% - 2px); height:40px; border:1px solid #999999; padding:0px; border-radius:5px; margin:0 auto} #bbssearch form select {width:20%; float:left; border:0px; padding:0px; height:40px; text-indent:20px; border-radius:5px;} #bbssearch form input[type="text"] {width:70%; float:left; border:0px; padding:0px; height:40px; text-indent:20px;} #bbssearch form button {width:10%; float:right; border:0px; padding:0px; height:40px; background-color:#999999;} #bbssearch form button i {color:#ffffff;} button.write {width:100%; height:50px; border:1px solid #28256e; color:#28256e; border-radius:5px; font-size:18px; margin-bottom:0px; margin-top:30px;} button.write i {color:#28256e; margin-right:10px;} .qna form {margin-top:30px;} .qna form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;} .qna form input[type=password] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;} .qna form textarea {width:calc(100% - 42px); height:300px; padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px; line-height:30px;} .qna form button {width:100%; height:60px; background-color:#28256e; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;} .popup {position:absolute; top:100px; left:50%; z-index:999; width:500px; margin-left:-250px;} .popup figure {display:block; width:calc(100% - 10px); float:left; margin:5px !important} .popup img {width:calc(100% - 0px); margin:0px; display:block; float:left;} .popup section button {position:absolute; color:#ffffff; font-size:14px; font-weight:500; bottom:-30px;} .popup section button i {margin-right:5px; color:#ffffff; font-size:14px;} .popup section button:nth-child(1) {right:70px} .popup section button:nth-child(2) {right:0px} .popupbg {width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.7); position:fixed; z-index:998;} .slideimg {position:relative} .memory {margin-top:-80px !important;} .memory img {border-radius:10px; padding:0px !important; margin:0px !important} .swiper-button-next:after{content:''} .swiper-button-prev:after{content:''} .swiper-button-next i {color:#000000; font-size:25px;} .swiper-button-prev i {color:#000000; font-size:25px;} .swiper-button-next {position:absolute; left:430px; top:300px} .swiper-button-prev {position:absolute; left:-430px; top:300px} .swiper-pagination {background-color:#999999; color:#ffffff; width:70px !important; margin:0 auto; left:50%; margin-left:-35px !important; line-height:30px; border-radius:30px; font-size:13px;height:30px;} .swiper-pagination span {color:#ffffff !important; font-size:13px;} .qrcode {display:table; margin-top:30px; width:100%} .qrcode button {border:1px solid #000000; width:calc(50% - 15px); margin-right:30px; margin-bottom:30px; display:block; float:left; border-radius:10px;} .qrcode button:nth-child(2n) {margin-right:0px} .qrcode button img {box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0), 0 10px 20px 0 rgba(0, 0, 0, 0);} .qrcode button p:nth-child(2) {color:#000000; font-weight:bold; text-align:center; margin-bottom:20px; font-size:20px !important} .qrcode button p:nth-child(3) {color:#000000; text-align:center; margin-bottom:10px; font-size:15px !important; padding:0 30px 0 30px;} .qrcode button p:nth-child(4) {color:#999999; font-weight:bold; text-align:center; margin-bottom:20px; font-size:12px !important} .gallery {padding:0px 0px 0px 0px;} .gallery {display:table; width:1060px; border-radius:10px;} .gallery section {display:table; margin-bottom:50px} .gallery section div {width:250px; height:150px; margin-right:20px; float:left; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(50, 50, 50, 0.1); border-radius:10px; cursor:pointer;} .gallery section div:nth-child(8n) {margin-right:0px !important; margin-bottom:30px;} .imgbox {cursor:pointer; display:none; width:100% !important; height:100% !important; position:fixed !important; top:0px; left:0px; background:rgba(0,0,0,0.7) !important; text-align:center !important; z-index:999; border-radius:0px !important} .imgbox img {width:900px; border-radius:10px; display:block; margin:0 auto; margin-top:100px; z-index:10} .imgbox i {color:#ffffff; font-size:33px; margin-top:20px !important; margin:10px;} .imgbox i.fa-arrow-circle-left {margin-top:0px} .imgbox i.fa-arrow-circle-right {} .gallery h5 {color:#000000; font-size:20px; font-weight:bold; margin-bottom:20px; padding-bottom:10px; margin-top:20px; text-align:left} .gallery h5 i {color:#000000; font-size:20px; margin-right:10px} h200 {display:block; margin-top:50px; margin-bottom:30px; text-align:center} h200 span {background-color:#4e8252; font-size:15px; padding:5px 30px 5px 30px; border-radius:30px; color:#ffffff;} .mobile {display:none !important} @media ( max-width: 1100px ) { * {font-size:12px;} .wrap {width:90%; margin:0 auto} img {max-width:100%;} .mobile {display:block !important} .pc {display:none !important} .pcmenu {display:none} * {font-size:14px;} .wrap {width:90%; margin:0 auto} img {max-width:100%;} #head div.login {float:right; margin-right:70px; margin-top:27px;} #head div.login button {color:#000000; height:25px; width:70px; border:1px solid #000000; border-radius:25px; text-align:center; margin:0 0 0 0px; font-size:11px;} #fade-in { right:-100%; width: 100%; transition: all .5s ease; z-index:99; } #fade-in.show { right:0px; } .toggle-sidebar {display:block !important; width:80px; height:80px; position:absolute; right:0px; top:0px; z-index:10; text-align:center;} .toggle-sidebar i {color:#ffffff; font-size:20px; line-height:80px;} .menubox {display: block; position:fixed; top:0px; z-index:9999; background:rgba(0,0,0,0.6); height:100%; min-height:100%;} .menubox .Mmenulist{width:70%; height:100%; min-height:100%; background-color:#343434; margin-left:30%;} .menubox .Mmenulist a {color:#ffffff; display:block; line-height:60px; padding-left:20px;} .menubox .Mclose {position:absolute; left:0px; top:0px; z-index:999; height:100%; min-height:100%; width:30%; cursor:pointer;background: url('https://eventcdn.cafe24.com/royal/img/close-button.png') no-repeat center 22px;background-size: 20px 20px;} .Mmenulist {overflow:auto;} .Mmenulist ul,.Mmenulist li {padding:0; margin:0; list-style:none;} .Mmenulist ul .inner {padding:0; overflow: hidden; display: none; background-color:#4e8252;} .Mmenulist ul .inner li {border-bottom:1px solid rgba(255,255,255,0.5);} .Mmenulist ul .inner li a {font-size:13px;} .Mmenulist ul li .toggle {width:calc(100% - 20px); display:block; color: #ffffff; border-bottom:1px solid #555555;} #ad {cursor:pointer; width:100%; height:30px; background-color:#c1347a; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.3) inset,0 -10px 20px -10px rgba(200,200,200,0.5); text-align:center; color:#ffffff; z-index:999999999 !important} #ad h1 {text-align:center; color:#ffffff; font-size:12px; line-height:30px;} #head {height:80px;} #head img {margin:20px 0 0 20px; display:block; height:40px; width:auto;} #head div.sns {float:right; margin-right:70px; margin-top:27px;} #head div.sns button {margin:0 0 0 5px;} #head div.sns button {height:25px; width:25px;} #head div.sns button:nth-child(1) {background:url('https://eventcdn.cafe24.com/royal/img/sns/y.png'); background-size:25px 25px; text-indent:-10000px} #head div.sns button:nth-child(2) {background:url('https://eventcdn.cafe24.com/royal/img/sns/i.png'); background-size:25px 25px; text-indent:-10000px} #head div.sns button:nth-child(3) {background:url('https://eventcdn.cafe24.com/royal/img/sns/i.png'); background-size:25px 25px; text-indent:-10000px} #head div.sns button:nth-child(4) {background:url('https://eventcdn.cafe24.com/royal/img/sns/b.png'); background-size:25px 25px; text-indent:-10000px} #nav {display:none} #main section:nth-child(1) {width:100%; height:auto !important; display:table; background:url('/2026/img/bg.jpg?v=1'); background-color:#ffffff; background-position:center bottom; background-repeat:no-repeat; margin-top:0px; padding-top:80px; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.1) inset,0 -10px 20px -10px rgba(0,0,0,0.2); background-size:cover} #main section:nth-child(1) .wrap {height:auto;} #main section:nth-child(1) .wrap div:nth-child(1) {width:100%; float:left; text-align:center;} #main section:nth-child(1) .wrap div:nth-child(1) img {width:80%; margin:0 auto; margin-top:40px; margin-bottom:0px; } #main section:nth-child(1) .wrap div:nth-child(1) p {color:#000000; font-size:15px;} #main section:nth-child(1) .wrap div:nth-child(1) p:nth-child(2) {margin-top:20px} #main section:nth-child(1) .wrap div:nth-child(1) p:nth-child(3) {margin-top:10px} #main section:nth-child(1) .wrap div:nth-child(2) {width:100%; float:right;} #main section:nth-child(1) .wrap div:nth-child(2) p {text-align:center; color:#f1918a; font-family: 'S-CoreDream-8Heavy'; margin-top:20px; font-size:14px;} #main section:nth-child(1) .wrap div:nth-child(2) iframe {margin-top:20px; width:100%; height:180px; border-radius:10px; margin-bottom:10px;} #main section:nth-child(1) .wrap div:nth-child(2) button {color:#ffffff; font-weight:500; font-size:14px; width:100%; height:50px; border-radius:5px; margin-bottom:30px;} #main section:nth-child(1) .wrap div:nth-child(2) button i {color:#ffffff; margin-right:10px; font-size:20px} #main section:nth-child(1) .wrap div:nth-child(2) img {width:60%;} #main section:nth-child(1) .wrap div:nth-child(3) {width:100%; margin-top:0px; text-align:center; float:left; display:table;} #main section:nth-child(1) .wrap div:nth-child(3) button {width:calc(33.3% - 20px); height:100px; background-color:#ffffff; margin:10px; border-radius:10px; font-size:11px; font-weight:bold; display:block; float:left} #main section:nth-child(1) .wrap div:nth-child(3) button i {display:block; text-align:center; font-size:20px; margin-bottom:10px;} #main section:nth-child(1) .wrap div:nth-child(3) button {transform: translateY(0%); transition: 0.3s;} #main section:nth-child(1) .wrap div:nth-child(3) button:hover {transform: translateY(-10%); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); background-color:#f1918a; color:#ffffff} #main section:nth-child(1) .wrap div:nth-child(3) button:hover i {color:#ffffff;} #main section:nth-child(1) .notice {width:100%; float:left; height:auto; margin-top:50px;} #main section:nth-child(1) .notice div {width:90%; margin:0 auto; padding:20px 0 20px 0; display:table;} #main section:nth-child(1) .notice div h1 {color:#ffffff; font-size:15px; width:100%; float:left; width:20%; line-height:30px; margin-top:0px; margin-bottom:0px;} #main section:nth-child(1) .notice div h1 span {display:none;} #main section:nth-child(1) .notice div button {width:80%; height:30px; display:block; float:left; color:#ffffff; text-align:left; font-size:13px; margin-bottom:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #main section:nth-child(1) .notice div button b {padding:5px 10px 5px 10px; font-size:11px; background-color:#ffffff; border-radius:20px; margin-right:10px;} #main section:nth-child(1) .notice div button:nth-child(3) {display:none} #main section:nth-child(2) {padding:50px 0 50px 0; height:auto} #main section:nth-child(2) h1 {text-align:center; margin-bottom:10px; color:#ffffff; font-size:25px; font-family: 'S-CoreDream-8Heavy';} #main section:nth-child(2) h2 {text-align:center; margin-bottom:50px; color:#ffffff; font-size:13px; letter-spacing:1px;} #main section:nth-child(2) h2:after {content: ""; display: block; width: 60px; border-bottom: 3px solid #ffffff; margin: 0 auto; padding-top:20px; margin-bottom:20px;} #main section:nth-child(2) h3 {text-align:center; margin-bottom:30px;} #main section:nth-child(2) h3 button {font-size:14px; margin:0 20px 0 20px; height:30px;} #main section:nth-child(2) h3 button.active {border-bottom: 1px solid #ffffff; color:#ffffff; font-family: 'S-CoreDream-8Heavy';} #main section:nth-child(2) iframe {width:90%; height:180px; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:30px;} #main section:nth-child(2) h13 {display:block; color:#4e8252; text-align:center; margin:0 auto; width:90%; background-color:#ffffff; border-radius:40px; height:40px; line-height:40px;} #main section:nth-child(2) h13 i {color:#4e8252; margin-right:5px} #main section:nth-child(2) h13 b {margin-right:10px;} #main section:nth-child(2) h13 b:nth-child(2) {color:#000000;} #main section:nth-child(2) h13 b:nth-child(4) {color:#000000;} .vod {background:#d26151; padding-bottom:50px;} .vod iframe {aspect-ratio: 16 / 9; display:block; margin:0 auto; width:90%; border-radius:10px;} #main2 section:nth-child(1) {width:100%; margin-top:0px; background:url('/2026/img/main/bg.jpg?v=3'); background-size:cover; padding-top:100px; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.1) inset,0 -10px 20px -10px rgba(0,0,0,0.2); } #main2 section:nth-child(1) .bgwrap {background:none; height:auto;} #main2 section:nth-child(1) .bgwrap img {width:100%;} #main2 section:nth-child(1) .wrap {position:relative; width:100%;} #main2 section:nth-child(1) .wrap div:nth-child(1) {width:90%; text-align:center; margin:0 auto} #main2 section:nth-child(1) .wrap div:nth-child(1) img {width:80%; margin-top:30px; margin-bottom:20px; margin-left:0px;} #main2 section:nth-child(1) .wrap div:nth-child(1) p {color:#000000; font-size:20px;} #main2 section:nth-child(1) .wrap div:nth-child(1) p:nth-child(2) {font-family: 'S-CoreDream-7ExtraBold';} #main2 section:nth-child(1) .wrap div:nth-child(1) p:nth-child(3) {font-family: 'S-CoreDream-7ExtraBold'; margin-top:20px;} #main2 section:nth-child(1) .wrap div:nth-child(1) p i {color:#000000; margin-right:10px} #main2 section:nth-child(1) .wrap div:nth-child(2) {width:100%; text-align:center; background:} #main2 section:nth-child(1) .wrap div:nth-child(2) p {text-align:right; color:#f1918a; font-family: 'S-CoreDream-8Heavy'; margin-top:100px; font-size:20px;} #main2 section:nth-child(1) .wrap div:nth-child(2) iframe {margin-top:0px; width:100%; height:200px; border-radius:0px; margin-bottom:30px; border-radius:0px; box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0), 0 30px 40px 0 rgba(0, 0, 0, 0);} #main2 section:nth-child(1) .wrap div:nth-child(2) button {display:none; color:#ffffff; font-weight:500; font-size:18px; width:100%; height:60px; border-radius:5px; background-color:#4e8252;} #main2 section:nth-child(1) .wrap div:nth-child(2) button i {color:#ffffff; margin-right:10px; font-size:20px} #main2 section:nth-child(1) .notice {width:100%; height:auto; margin-top:0px;} #main2 section:nth-child(1) .notice div {width:90%; margin:0 auto; padding:20px 0 20px 0; display:table;} #main2 section:nth-child(1) .notice div h1 {color:#ffffff; font-size:15px; width:100%; float:left; width:20%; line-height:30px; margin-top:0px; margin-bottom:0px;} #main2 section:nth-child(1) .notice div h1 span {display:none;} #main2 section:nth-child(1) .notice div button {width:80%; height:30px; display:block; float:left; color:#ffffff; text-align:left; font-size:13px; margin-bottom:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #main2 section:nth-child(1) .notice div button b {padding:5px 10px 5px 10px; font-size:11px; background-color:#ffffff; border-radius:20px; margin-right:10px;} #main2 section:nth-child(1) .notice div button:nth-child(3) {display:none} #main2 div.mainsns {text-align:center; padding-bottom:0px;} #main2 div.mainsns button {margin:0 10px 0 10px;} #main2 div.mainsns button {height:50px; width:50px;} #main2 div.mainsns button:nth-child(1) {background:url('https://eventcdn.cafe24.com/royal/img/sns/y.png'); background-size:50px 50px; text-indent:-10000px} #main2 div.mainsns button:nth-child(2) {background:url('https://eventcdn.cafe24.com/royal/img/sns/i.png'); background-size:50px 50px; text-indent:-10000px} #main2 div.mainsns button:nth-child(3) {background:url('https://eventcdn.cafe24.com/royal/img/sns/k.png'); background-size:50px 50px; text-indent:-10000px} #main2 div.mainsns button:nth-child(4) {background:url('https://eventcdn.cafe24.com/royal/img/sns/b.png'); background-size:50px 50px; text-indent:-10000px} div.photobox {width:90%; margin:0 auto; margin-top:50px; position:relative} div.photobox img {width:calc(100% - 0px); border-radius:10px;} div.photobox .gallery {padding-bottom:70px} div.photobox .swiper-pagination {background-color:#999999; color:#ffffff; width:70px; margin:0 auto; left:50%; margin-left:-35px; line-height:30px; border-radius:30px; font-size:13px;height:30px; margin-bottom:0px;} div.photobox .swiper-pagination span {color:#ffffff !important; font-size:13px;} div.photobox .swiper-button-next {display:none; left:50%; margin-left:405px; background-image:none !important; width:60px; height:60px; z-index:1; position:absolute; top:60px;} div.photobox .swiper-button-prev {display:none; left:50%; margin-left:-465px; background-image:none !important; width:60px; height:60px; z-index:1; position:absolute; top:60px;} h301 {text-align:center; display:block; margin-bottom:100px; margin-top:100px; color:#cccccc; font-size:20px;} h301 i {color:#cccccc; font-size:60px; display:block; margin-bottom:10px;} h301 p {color:#cccccc; font-size:25px;} .c201 h3 {margin-top:50px !important} .c201 ul li {margin-bottom:10px; list-style-type: disc; color:#000000; line-height:20px; font-size:12px;} footer {background-color:#293240; width:100%; padding:30px 0 30px 0} footer address {font-style: normal; text-align:center; font-size:10px; line-height:15px; color:rgba(255,255,255,0.5); padding:0 20px 0 20px;} footer address img {display:block; width:100%; height:auto; margin:0 auto; margin-bottom:10px;} footer p {text-align:center; width:180px; background:rgba(0,0,0,0.5); margin:0 auto; height:30px; border-radius:30px; margin-bottom:20px; line-height:30px; font-size:11px; color:#ffffff;} footer p i {color:#ffffff; margin:0 5px 0 5px; font-size:11px;} #kakao {transition: 0.3s; position: fixed; bottom: 20px; right: 20px; z-index: 99; font-size: 18px; background-color:#fbe300; color: #3b1e1e; cursor: pointer; line-height:50px; text-align:center; border-radius: 50px; width:50px;} #kakao i {color:#3b1e1e} #kakao span {display:none; width:0px; line-height:50px; font-weight:bold} #kakao:hover {width:200px; text-align:left;} #kakao:hover span {display:block; font-size:14px; line-height:50px; color:#000000; position:absolute; top:0px; left:60px; width:115px;} #kakao:hover i {padding-left:20px;} #subv {width:100%; height:100px; background-position:center bottom; background-repeat:no-repeat; margin-top:0px; padding-top:110px; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.1) inset,0 -10px 20px -10px rgba(0,0,0,0.2); text-align:center; background-size:cover} #subv img {height:120px; margin:-20px 0 0 0} #smenu {width:100%; height:40px; line-height:40px; text-align:center; position: -webkit-sticky; /* 사파리 브라우저 지원 */ position: sticky; top: 80px; z-index:9; margin-top:0px;} #smenu a {color:#ffffff; margin:0 15px 0 15px; font-size:12px; line-height:40px; padding-bottom:5px;} #smenu a.on {} #smenu {white-space:nowrap; width:calc(100% - 0px); -webkit-overflow-scrolling : touch; overflow:auto; } #subpage {width:90%; margin:0 auto; margin-top:50px; margin-bottom:50px; } #subpage h1 {font-family: 'Taebaek'; color:#000000; font-size:30px; text-align:center;} #subpage h1:after {content: ""; color:#f1918a; position:absolute; font-size:10px; margin-top:15px; margin-right:-5px;} #subpage h2 {font-family: 'S-CoreDream-4Regular'; color:#999999; font-size:13px; text-align:center; margin-top:10px; margin-bottom:30px; line-height:20px;} #subpage p {font-size:13px; line-height:20px; font-family: 'Noto Sans Korean';} h14 {display:block; text-align:center; color:#dddddd; font-size:20px; padding-top:100px; padding-bottom:100px;} h14 i {display:block; width:100%; text-align:center; font-size:30px; margin-bottom:20px; color:#dddddd} #subpage h3 {margin:0 auto; color:#f1918a; font-size:18px; margin-bottom:20px; font-family: 'Taebaek'; text-align:center; line-height:30px;} #subpage h3:after {content: ""; display: block; width: 60px; border-bottom: 1px solid #f1918a; margin: 0 auto; padding-top:20px; margin-bottom:10px;} #subpage h4 {text-align:center; margin-top:15px;} #subpage h4 b {margin:0px; color:#000000; width:100%; display:block; margin-bottom:10px;} #subpage h4 span {color:#f1918a;} #subpage h4 span i {color:#f1918a; margin:0px; margin-right:5px; margin-left:5px;} #subpage h6 {width:calc(100% - 100px); height:200px; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:30px !important; text-align:center; color:#ffffff; background-color:#000000; line-height:20px; padding:0 50px 0 50px;} #subpage h6 b {color:#f1918a;} #subpage h6 i {color:#ffffff; font-size:30px; display:block; text-align:center; margin-bottom:20px; padding-top:30px;} #subpage h7 {color:#000000; font-weight:bold; padding-bottom:20px; margin-top:30px; font-family: 'S-CoreDream-6Bold'; font-size:15px; display:block} #subpage h7 i {color:#000000; margin-right:10px; font-size:15px;} .p0101 {width:90% !important; margin:0 auto;} .p0102 {width:90% !important; margin:0 auto;} .p0101 p {width:100%; margin:0 auto;} .p0101 p b {display:block; color:#000000; margin-bottom:5px; text-align:right; font-size:13px !important;} .p0105 .history {display:table; width:100%; position:relative; padding-bottom:100px;} .p0105 .history div {width:50%; position:relative; margin-bottom:-100px;} .p0105 .history div p span {display:block} .p0105 .history div:nth-child(2n) {float:right; margin-left:50%;} .p0105 .history div:nth-child(2n - 1) {float:left; margin-right:50%;} .p0105 .history div i.fa-dot-circle {width:50px; height:50px; text-align:center; position:absolute; color:#f1918a} .p0105 .history div:nth-child(2n - 1) i.fa-dot-circle {right:-25px;} .p0105 .history div:nth-child(2n) i.fa-dot-circle {left:-25px;} .p0105 .history div:nth-child(2n - 1) P {width:95%; margin-right:5%; text-align:right} .p0105 .history div:nth-child(2n) P {width:95%; margin-left:5%} .p0105 .history div:nth-child(2n - 1) P span:nth-child(1) {float:right; color:#f1918a; font-size:15px; display:block; width:100%; margin-bottom:10px;} .p0105 .history div:nth-child(2n) P span:nth-child(1) {float:left; color:#f1918a; font-size:15px; display:block; width:100%; margin-bottom:10px;} .p0105 .history div P span:nth-child(2) {color:#000000; font-size:15px; display:block; width:100%; margin-bottom:20px;} .p0105 .history div P span:nth-child(3) {color:#666666; font-size:13px; display:block; width:100%; margin-bottom:10px;} .p0105 .history div P span:nth-child(3) i {margin-right:10px; width:20px;} .p0105 .history div P span:nth-child(4) {color:#666666; font-size:13px; display:block; width:100%; margin-bottom:10px;} .p0105 .history div P span:nth-child(4) i {margin-right:10px; width:20px;} .p0105 .history div P span:nth-child(5) {color:#666666; font-size:13px; display:block; width:100%; margin-bottom:10px;} .p0105 .history div P span:nth-child(5) i {margin-right:10px; width:20px;} .p0105 .history .centerline {width:1px; height:100%; background-color:#f1918a; position:absolute; top:0px;} .p0105 .history div P img {width:90%; border-radius:10px; box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.1), 0 20px 20px 0px rgba(0, 0, 0, 0.1);} .p0103 ul {list-style: none; padding: 20px; background-color:#f6f6f6; border-radius:10px; width:calc(100% - 42px); margin-bottom:30px; border:1px solid #f1918a} .p0103 li {margin-bottom:10px; color:#000000} .p0103 li b {margin-right:10px; font-family: 'S-CoreDream-6Bold'; color:#f1918a; display:block; margin-bottom:5px} .p0206 section {display:table; width:100%;} .p0206 section div {float:left; width:calc(100% - 0px); margin-right:0px; border-top:2px solid #4e8252; margin-bottom:20px;} .p0206 section div b {display:block; color:#4e8252; font-size:17px; padding:20px 0 20px 0} .p0206 section div:nth-child(3n) {margin-right:0px} .p0206 ul {list-style: disc; margin-left:20px;} .p0206 li {margin-bottom:10px; color:#000000} .p0206 li span {margin-left:10px; color:#666666; float:right} .p0103 li:before {display:none; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#f1918a;} .p0103 {display:table; width:90% !important} .p0103 div div {width:100%; margin-right:0px; float:left; margin-bottom:20px;} .p0103 div div img {width:100%; border-radius:10px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(200, 200, 200, 0.1); margin-bottom:20px;} .p0103 div div:nth-child(3n) {margin-right:0px} .p0103 div div p:nth-child(2) {color:#000000; font-size:15px !important; margin-bottom:20px; font-family: 'S-CoreDream-6Bold' !important;} .p0103 div div p:nth-child(2):before {font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .p0103 button {background-color:#ffffff; border:1px solid #4e8252; color:#4e8252; font-weight:500; font-size:14px !important; width:100%; height:50px !important; border-radius:5px; display:block; margin:0 auto; margin-top:50px} .p0103 button i {color:#4e8252; margin-right:10px; font-size:14px !important} .p0105 button {background-color:#ffffff; border:1px solid #4e8252; color:#4e8252; font-weight:500; font-size:14px !important; width:100%; height:50px !important; border-radius:5px; display:block; margin:0 auto; margin-top:50px} .p0105 button i {color:#4e8252; margin-right:10px; font-size:14px !important} .c01 iframe {width:100%; height:180px; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:30px;} .c02 iframe {width:100%; height:180px; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:30px;} .p0205 div img {width:100%; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); display:block;} .p0302 section {display:table; margin-top:50px} .p0302 section table {width:calc(50% - 10px); margin-right:20px; float:left; margin-bottom:30px;} .p0302 section table:nth-child(2n) {margin-right:0px;} .p0302 section table:nth-child(3n) {margin-right:0px;} .p0302 section table:nth-child(3) {margin-right:20px;} .p0302 section table:nth-child(6) {margin-right:0px;} .p0105 div {width:100%; margin:0 auto; margin-top:50px;} .p0304 iframe {width:100%; height:600px; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:50px;} td,th {font-size:11px; line-height:15px;} #bbssearch {margin-bottom:20px;} #bbssearch form {width:calc(100% - 2px); height:40px; border:1px solid #999999; padding:0px; border-radius:5px;} #bbssearch form select {width:20%; float:left; border:0px; padding:0px; height:40px; text-indent:20px; border-radius:5px;} #bbssearch form input[type="text"] {width:60%; float:left; border:0px; padding:0px; height:40px; text-indent:20px;} #bbssearch form button {width:20%; float:right; border:0px; padding:0px; height:40px; background-color:#999999;} #bbssearch form button i {color:#ffffff;} #bbslist div {cursor:pointer; width:calc(100% - 42px); padding:10px 20px 10px 20px; border:1px solid #e6e6e6; border-radius:5px; margin-bottom:10px; display:table;} #bbslist div p:nth-child(1) {float:left; font-size:13px; margin-right:0px; display:block; width:100%; margin-bottom:5px;} #bbslist div p:nth-child(2) {float:left; display:block; width:100%; margin-bottom:10px; line-height:20px; } #bbslist div p:last-child {float:left; color:#999999; font-size:13px; display:block; width:100%; padding:0px} #bbslist div p:last-child i:last-child {margin-left:0px;} #bbslist div p span {padding:2px 10px 2px 10px; border-radius:20px; font-size:10px; margin-right:10px;} #bbslist div p span.on {background- color:#ffffff;} #bbsphoto {margin-top:30px} #bbsphoto div {float:left; cursor:pointer; width:calc(100% - 0px); border:1px solid #e6e6e6; border-radius:5px; margin-right:0px; margin-bottom:20px; height:auto; display:table;} #bbsphoto div:nth-child(3n) {margin-right:0px;} #bbsphoto div p:nth-child(1) {width:100%; height:150px; } #bbsphoto div p:nth-child(2) {color:#999999; font-size:13px; line-height:13px; padding:20px 20px 0px 20px} #bbsphoto div p:nth-child(3) {padding:0px 20px 10px 20px; line-height:25px; color:#000000; font-weight:bold} #bbsphoto div:hover {border:1px solid #350675;} #bbsview img {max-width:100%; height:auto !important} #bbsview .content iframe {width:100%; height:200px} #passwd {width:100%; margin:0 auto} #passwd button {margin-top:0px; background-color:#4e8252; color:#ffffff} #passwd h30 {display:block; color:#4e8252; font-weight:bold; text-align:center; font-size:14px;} button.write {width:100%; height:50px; border:1px solid #76171f; border-radius:5px; font-size:14px; margin-bottom:0px; margin-top:30px;} button.write i { margin-right:10px;} .qna form {margin-top:30px;} .qna form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;} .qna form input[type=password] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;} .qna form textarea {width:calc(100% - 42px); height:300px; padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px; line-height:30px;} .qna form button {width:100%; height:60px; background- text-align:center; color:#ffffff; border-radius:5px; font-size:17px;} .plogin form {} .plogin form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:14px !important;} .plogin form input[type=password] {width:calc(100% - 42px); padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:14px !important;} .plogin form select {width:calc(100% - 0px); padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:14px !important;} .plogin form select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} .plogin form select::-ms-expand {display: none;} .plogin form button {width:100%; height:60px; background-color:#4e8252 !important; text-align:center; color:#ffffff !important; border-radius:5px; font-size:14px !important; margin-top:20px;} .plogin form h60 {width:100%; height:60px; background-color:#999999; text-align:center; color:#ffffff; border-radius:5px; font-size:14px !important; margin-top:20px; display:block; line-height:60px;} .plogin form h5 {color:#000000; font-family: 'S-CoreDream-6Bold'; margin-bottom:20px; margin-top:30px; font-size:14px !important;} .plogin form h5:first-child {margin-top:0px;} .plogin form h5 span {color:red; font-family: 'S-CoreDream-6Bold'; font-size:14px !important; margin-right:5px;} .plogin h10 {text-align:center; display:block; margin:30px 0 100px 0} .plogin h10 a {margin:-0 20px 0 20px; color:#000000; font-weight:700; paddin-bottom:5px; border-bottom:1px solid #000000;} .plogin form h50 {color:#4e8252; font-size:12px; margin-bottom:15px; display:block} .plogin form h50:before {color:#4e8252; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;} h11,h12 {margin:0; padding:0; display:block; margin-bottom:10px;} .idno {font-size:15px !important; color:red; line-height:15px !important;} .idno i {margin-right:5px; font-size:15px !important; color:red} .idok {font-size:15px !important; color:#4e8252; line-height:15px !important;} .idok i {margin-right:5px; font-size:15px !important; color:#4e8252} #agreebox1 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:99} #agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:99} #agree {position:absolute; top:20%; left:50%; width:600px; margin-left:-300px; height:50%; background-color:#ffffff; border:1px solid #4e8252; border-radius:10px;} #agree h1 {text-align:center; color:#000000; font-size:20px; margin:40px 20px 20px 20px; font-family: 'S-CoreDream-8Heavy'} #agree h1:after {display:none} #agree h5 {color:#4e8252; font-size:14px !important; margin:20px 0px 10px 0px; font-family: 'S-CoreDream-6Bold';} #agree b {font-size:15px; line-height:20px; color:#000000; display:block; margin:20px 0px 5px 0px;} #agree button {position:absolute; bottom:0px; width:100%; height:50px; background-color:#4e8252; font-size:14px !important; color:#ffffff; text-align:center; border-radius:0 0 8px 8px} #agree div {width:calc(100% - 40px); height:calc(100% - 150px); overflow:auto; padding:0px 20px 20px 20px; font-size:14px !important; line-height:25px; color:#999999} #agree div p {font-size:14px !important; line-height:25px; color:#999999} label {position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top:0; left:0} label input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .checkmark {position: absolute; top: 0px; left: 0; height: 20px; width: 20px; background-color: #cccccc; border-radius:5px;} label input:checked ~ .checkmark {background-color: #4e8252;} .checkmark:after {content: ""; position: absolute; display: none;} label input:checked ~ .checkmark:after {display: block;} label .checkmark:after {left: 7px; top: 5px; width: 4px; height: 7px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .plogin form h21 {width:100%; display:block; margin-top:30px} .plogin form h21 label {color:#000000; font-weight:700; width:100%;} .plogin form h20.agreeview {background-color:#ffffff; color:#4e8252; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #4e8252; font-size:12px; margin-top:0px; cursor:pointer;} .plogin form h61 {width:calc(100% - 42px); position: relative; padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:14px !important;} .plogin form h61 span:first-child {margin-right:20px; color:#999999; display:block; width:100%; margin-bottom:10px; display:none} .plogin form h61 label {margin-left:0px} .plogin h3 {text-align:center; color:#000000; font-size:20px; line-height:40px; margin:100px 0 100px 0} .plogin .joinok {width:100%; height:60px; background-color:#4e8252; text-align:center; color:#ffffff; border-radius:5px; font-size:14px !important; margin-top:20px;} .plogin form b{position: relative; height:100%; display:block; width:calc(100% - 0px);} .plogin form b:before {content:'*'; position: absolute; left:10px; top:10px; color:red; font-weight:700;} .plogin form h6.point:before {content:'*'; position: absolute; left:10px; top:10px; color:red; font-weight:700;} .p020401 div div {padding: 20px; background-color:#f6f6f6; border-radius:10px; width:calc(100% - 42px); margin-top:20px; margin-bottom:40px; color:#000000; font-size:12px; line-height:20px;} .p020401 div div b {font-size:14px;} .p020401 div div b i {margin:0 10px 0 10px; color:#000000; font-size:15px;} .p0203 section img {max-width:700px !important} .popup {position:absolute; top:50px; left:15%; z-index:999; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); width:70%; margin-left:0px;} .popup figure {display:block; width:calc(100% - 0px); float:left; margin:0px !important; margin-bottom:10px !important} .popup img {width:100%; display:block; float:left; margin:0px;} .popup button {position:absolute; color:#ffffff; font-size:14px; font-weight:500; bottom:-30px;} .popup button i {margin-right:5px; color:#ffffff; font-size:14px;} .popup button:nth-child(2) {right:70px} .popup button:nth-child(3) {right:0px} .popupbg {width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.7); position:fixed; z-index:998;} #scrollwrap {width:100%; overflow:auto; -webkit-overflow-scrolling : touch; padding-right:5%; padding-left:0%;} #scrollwrap table {margin-left:0%} .p0202 section div {width:100%; margin-right:0px; float:left; margin-bottom:20px;} .p0202 section div img {width:100%; border-radius:10px; margin:10px 0 10px 0} .p0202 section {display:table} .p0202 section div p:last-child {font-size:12px !important; line-height:20px !important} h10 {display:block; margin-top:20px; margin-bottom:20px;} h10 span {font-size:15px; color:#000000; font-family: 'S-CoreDream-5Medium'; margin-bottom:3px; border-bottom:0px solid #7ef1d0; box-shadow: inset 0 -10px 0 #7ef1d0; padding:0 5px 0 5px;} .p0204 div {width:calc(100% - 40px); padding:20px; background-color:#f6f6f6; border-radius:10px; margin-top:30px;} .p0204 div b {color:#000000; display:block; font-weight:bold; margin-top:20px;} .p0204 div b i {margin-right:5px; color:#000000;} .p0103 div {display:table; width:100%} .p0103 div p {width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; float:left; background-color:#0e6b4f; text-align:center; color:#ffffff; font-weight:bold; padding-bottom:10px; border-radius:10px;} .p0103 div p img {display:block; width:100%; border-radius:10px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(200, 200, 200, 0.1); margin-bottom:10px;} .p0103 div p:nth-child(3n) {margin-right:20px} .p0103 div p:nth-child(2n) {margin-right:0px} #subpage iframe {width:100%; height:200px; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:30px;} .c02 {width:90% !important} .c04 {width:90% !important} #subpage h6 {width:calc(100% - 100px); height:200px; border-radius:10px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); margin:0 auto; display:block; margin-top:50px; text-align:center; color:#ffffff; background-color:#000000; line-height:20px; padding:0 50px 0 50px;} #subpage h6 b {color:#19a77e;} #subpage h6 i {color:#ffffff; font-size:30px; display:block; text-align:center; margin-bottom:10px; padding-top:50px;} .p0203 .paradebg {width:100%; height:250px !important; background:url('/2023/img/paradebg.jpg'); position:absolute; left:0px; background-position:center bottom; background-size:110%; background-repeat:no-repeat} .p0203 .paradebg img {box-shadow:none !important; height:200px !important; width:auto !important} .p0203 .paradebox {height:200px !important} dd,dt {font-size:13px;} dl {display:table; padding:15px 0 15px 0; border-bottom:1px solid #e6e6e6; width:100%;} dt {width:100%; float:left; color:#000000; font-weight:bold; font-size:13px; line-height:20px;} dt i {margin-right:10px; color:#000000; } dd {width:100%; float:right; font-size:13px; line-height:20px;} dd span {color:#000000; font-size:15px; margin-bottom:15px; display:block; margin-top:10px;} dd span:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;} /* table {padding:0; border-spacing:0px; background-color:#ffffff; width:100%; border-radius:0px; border-top:2px solid #4e8252; border-bottom:1px solid #4e8252; box-shadow: 0 20px 20px -20px rgba(234, 85, 86, 0.1), 0 20px 20px -20px rgba(0, 0, 0, 0.1);} th, td {margin:0; padding:5px; border-bottom:1px solid #4e8252;} td {font-size:11px; line-height:20px;} td b {font-size:11px; line-height:20px; color:#000000; padding-right:5px;} td b:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f3c9"; margin-right:5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;} td.session {font-size:11px; background-color:#f7eaea} td:nth-child(1) {text-align:center} td p {color:#951f88; font-weight:bold; margin-bottom:10px;} th {font-size:12px; color:#000000; font-weight:700;} td i {margin-right:10px; color:#000000;} td a {color:#000000; font-weight:bold} td a:hover {border-bottom:1px solid #000000} table tr td:first-child {background-color:#f7eaea; color:#000000} table tr th:first-child {background-color:#f7eaea; color:#000000} table tr td:not(:last-child) {border-right:1px solid #4e8252;} table tr th:not(:last-child) {border-right:1px solid #4e8252;} table tr:last-child td {border-bottom:0px none} table tr:last-child th {border-bottom:0px none} */ .qrcode {display:table; margin-top:30px; width:100%} .qrcode button {border:1px solid #000000; width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; display:block; float:left; border-radius:10px;} .qrcode button:nth-child(2n) {margin-right:0px} .qrcode button img {box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0), 0 10px 20px 0 rgba(0, 0, 0, 0); margin-top:0px;} .qrcode button p:nth-child(2) {color:#000000; font-weight:bold; text-align:center; margin-bottom:10px; font-size:15px !important; padding:0 30px 0 30px;} .qrcode button p:nth-child(3) {color:#000000; text-align:center; margin-bottom:10px; font-size:13px !important; padding:0 30px 0 30px;} .qrcode button p:nth-child(4) {color:#999999; font-weight:bold; text-align:center; margin-bottom:20px; font-size:12px !important} .root_daum_roughmap {width:100% !important; height:200px !important;} dd span {color:#000000; font-size:11px; margin-bottom:15px; display:block; margin-top:10px;} .gallery {display:table; width:90%; border-radius:10px;} .gallery section {display:table; margin-bottom:50px; width:100%;} .gallery section div {width:calc(50% - 10px); height:100px; margin-right:20px; margin-bottom:20px; float:left; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(50, 50, 50, 0.1); border-radius:10px; cursor:pointer;} .gallery section div:nth-child(8n) {margin-right:0px !important; margin-bottom:20px;} .gallery section div:nth-child(4n) {margin-right:0px !important; margin-bottom:20px;} .imgbox {cursor:pointer; display:none; width:100% !important; height:100% !important; position:fixed !important; top:0px; left:0px; background:rgba(0,0,0,0.7) !important; text-align:center !important; z-index:999; border-radius:0px !important} .imgbox img {width:100%; border-radius:10px; display:block; margin:0 auto; margin-top:100px; z-index:10} .imgbox i {color:#ffffff; font-size:33px; margin-top:20px !important; margin:10px;} .imgbox i.fa-arrow-circle-left {margin-top:0px} .imgbox i.fa-arrow-circle-right {} .gallery h5 {color:#000000; font-size:20px; font-weight:bold; margin-bottom:20px; padding-bottom:10px; margin-top:20px; text-align:left} .gallery h5 i {color:#000000; font-size:20px; margin-right:10px} h100 {color:#4e8252; display:block; margin-top:10px; margin-bottom:10px; font-size:12px;} h200 {display:block; margin-top:30px; margin-bottom:30px; text-align:center} h200 span {background-color:#4e8252; font-size:12px; padding:5px 30px 5px 30px; border-radius:30px; color:#ffffff;} }