/*
210 Timeline Light
font-family: "TTLaundryGothicR", sans-serif;
font-weight: 300;
font-style: normal;
210 Timeline Regular
font-family: "TTLaundryGothicR", sans-serif;
font-weight: 400;
font-style: normal;
210 Timeline Bold
font-family: "TTLaundryGothicR", sans-serif;
font-weight: 700;
font-style: normal;


@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: 'establishRetrosansOTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/establishRetrosansOTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "TTLaundryGothicR", sans-serif; font-weight: 700;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_220508@1.0/EliceDigitalBaeum_Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'TTLaundryGothicR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2403-2@1.0/TTLaundryGothicR.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
*/
@font-face {
    font-family: 'Aggravo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Aggravo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Aggravo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

* {font-family:'SUIT Variable', sans-serif; color:#666666; font-weight: 600; letter-spacing:-0.5px; word-break: keep-all; line-height:1.5; font-size:17px} /*654fa4 / ff7062*/

html {
  scroll-behavior: smooth;
}




body,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,div,a,form {margin:0; padding:0;}
body {max-width:1800px; 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; max-width:100%}
dl,dt,dd {margin:0; padding:0;}

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:0px; display:block; margin-top:0px;}
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;}
dd b {color:#000000; display:block; line-height:30px;}

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 !important; height:40px !important; text-align:center; border:1px solid #e6e6e6; float:left; background-color:#ffffff; margin-left:-1px; font-size:13px !important;}
.pagenum b {color:#67c6d8; font-size:17px;}
.pagenum i {line-height:40px; width:100%; text-align:center;}

.wrap {width:1100px; margin:0 auto;}

table {padding:0; border-spacing:0px; background-color:#ffffff; width:100%; border-radius:0px; margin-top:0px;}
th, td {text-align:center; margin:0; padding:10px; border-bottom:1px solid #dddddd;}
td {font-size:17px; line-height:25px !important;}
td b {font-size:17px; line-height:25px  !important; color:#000000; padding-right:5px; display:block;}
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:17px; color:#000000; font-family: 'S-CoreDream-6Bold'; background-color:#f0f0f0}
th {font-size:17px; color:#000000; font-weight:700; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
p.infobox {margin-bottom:20px !important; color:#000000 !important; font-size:15px !important}

#testtable td {text-align:center !important}
#testtable td a {color:#000000; border-bottom:1px solid #000000}
#testtable td label {margin-right:0px !important}
#testtable td b0 {color:#000000; font-weight:bold;}
#testtable td b1 {color:red; font-weight:bold;}

.plogin form {width:600px; margin:0 auto;}
.plogin form input[type=text] {width:calc(100% - 42px); padding:10px 20px 10px 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 input[type=file] {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:#67c6d8; text-align:center; color:#ffffff; border-radius:5px; font-size:17px; margin-top:20px;}
button.submit {width:100%; height:60px; background-color:#67c6d8; text-align:center; color:#ffffff; border-radius:5px; font-size:17px; margin-top:20px;}
.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 h7 {color:#999999; display:block; margin-bottom:10px; margin-top:0px; font-size:17px;}

.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;}

h50 {color:#000000; font-size:15px; margin-top:10px; display:block;}
h50: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;}
h50 i {color:#000000; font-size:14px; margin:0 10px 0 10px}

h11,h12,h13 {margin:0; padding:0; display:block; margin-bottom:10px;}
.idno {font-size:15px !important; color:red; }
.idno i {margin-right:5px; font-size:15px !important; color:red}
.idok {font-size:15px !important; color:#67c6d8; }
.idok i {margin-right:5px; font-size:15px !important; color:#67c6d8}
#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:block; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:99}
#agreebox2 div p {text-align:center; line-height:40px !important; font-size:18px !important; color:#000000 !important}
#agreebox2 div p b {text-align:center; line-height:40px !important; font-size:18px !important; color:red !important}

#agree {width:calc(100% - 40px); height:100px; padding:20px; overflow:auto; background-color:#f9f9f9; border-radius:10px; line-height:20px;}
#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 table * {text-align:center !important; font-size:13px}

#agreebox2 h1 {font-size:30px; }

#agree h2 {color:#da291c; font-size:17px; margin:20px 0px 10px 0px;}
#agree b {font-size:17px; line-height:20px; color:#000000; display:block; margin:20px 0px 5px 0px;}
#agree button {position:absolute; bottom:0px; width:100%; height:50px; background-color:#67c6d8; 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;}
#agree div p {font-size:17px; 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: #67c6d8;}
.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 p label {color:#000000; font-weight:700;}
.plogin form span.agreeview {position:absolute; z-index:2; background-color:#ffffff; color:#67c6d8; padding:0px 15px 0px 15px; border-radius:30px; margin-left:20px; border:1px solid #67c6d8; font-size:12px; margin-top:0px; cursor:pointer;}

.plogin form h6 {width:calc(100% - 42px); position: relative; padding:10px 20px 10px 20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:17px;}
.plogin form h6 span {margin-right:20px; color:#999999;}
.plogin form h6 label {margin-right:30px}


.plogin form h60 {width:calc(100% - 42px); position: relative; padding:10px 20px 10px 20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:17px;}
.plogin form h60 span {margin-right:20px; color:#999999;}
.plogin form h60 label {margin-bottom:10px;}
.plogin form h60 label:nth-child(5) {margin-left:30px}
.plogin form h60 label:nth-child(7) {margin-left:30px}
.plogin form h60 label:nth-child(9) {margin-left:30px}
.plogin form h60 label:nth-child(11) {margin-left:30px}

.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:#67c6d8; 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;}

h40 {text-align:center; display:block; color:#cccccc; font-size:20px; width:100%}
h40 i {color:#cccccc; font-size:40px; margin-bottom:20px; text-align:center; display:block; width:100%;}


#head {width:100%; max-width:1800px; margin:0 auto; background-color:#ffffff; position:fixed; height:100px; z-index:99; margin-top:-100px; box-shadow: 0 20px 20px -20px rgba(234, 85, 86, 0.1), 0 20px 20px -20px rgba(0, 0, 0, 0.1); border-top:5px solid #67c6d8; }

#head .logo {float:left;}
#head img {margin:37px 0 0 35px; display:block; height:25px;}
#head a {font-weight: 300;}
#head a.on {color:#7c6c63;}




#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) {border:1px solid #000000; border-radius:40px;}
#head div.sns button:nth-child(1) i {color:#000000}
#head div.sns button:nth-child(2) {background:url('https://eventcdn.cafe24.com/royal/img/sns/y.png'); background-size:40px 40px; text-indent:-10000px}
#head div.sns button:nth-child(3) {background:url('https://eventcdn.cafe24.com/royal/img/sns/i.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: 50%; left: 50%; transform: translate(-50%, -50%);}

.menubox {display:none;}
.toggle-sidebar {display:none;}
/*µå·Ó¸Þ´º*/
.subnav {margin-right:30px; margin-left:30px; float:left;}
.subnav a {line-height:100px; font-family: "Aggravo", sans-serif; font-size:20px; color:#000000;}
.subnav-content a {line-height:20px; display:block; padding:10px 0 10px 0; font-weight:700}
.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:#67c6d8;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 {color:#67c6d8 !important;}


.subnavon > a {color:#67c6d8 !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: 1370px ) {
.subnav {margin-right:20px; margin-left:20px; float:left;}
.subnav a {font-size:17px;}
}

.mainlive {margin-top:40px; background-color:#fd231a; width:300px; height:45px; border-radius:5px; color:#ffffff}
.mainlive i {color:#ffffff; margin-right:10px}

.notice {width:100%; height:800px;}
.notice div.swiper-slide {background-size:cover !important; background-position:center !important;}

.notice .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:17px;height:30px; margin-bottom:20px;}
.notice .swiper-pagination span {color:#ffffff !important; font-size:17px;}
#main {margin-top:100px}
#main section:nth-child(1) {width:100%; height:800px;}
#main section:nth-child(1) {position:relative}
#main section:nth-child(1) .title {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:9; text-align:center}

#main section:nth-child(1) .title p {color:#000000; margin-top:20px; font-size:20px; line-height:30px; font-family: 'S-CoreDream-6Bold';}
#main section:nth-child(1) .title i {color:#000000; font-size:20px; margin-right:10px;}
#main section:nth-child(1) .title i:last-child {margin-left:0px}

#main section:nth-child(1) .title img {width:400px}
#main section:nth-child(1) .title h1 {color:#000000; margin-top:30px; font-size:25px; line-height:35px; font-family: "Aggravo", sans-serif; font-weight:300 }

#notice {width:100%; height:100px; background-color:#67c6d8;}
#notice div {width:1100px; margin:0 auto}
#notice div h1 {color:#ffffff; font-size:25px; width:200px; float:left; line-height:100px; font-family: "Aggravo", sans-serif;}
#notice div h1 span {display:block; font-size:17px; float:right; width:170px; color:rgba(255,255,255,0.5); line-height:18px;}
#notice div button {width:450px; height:100px; display:block; float:left; color:#ffffff; text-align:right; font-size:17px;}
#notice div button b {padding:5px 10px 5px 10px; font-size:17px; color:#000000; background-color:#ffffff; border-radius:30px; margin-right:10px;}

#banner {width:100%; text-align:center; padding:50px 0 50px 0;}
#banner button {color:#000000; margin:0px; padding:0 90px 0 90px; font-size:17px; font-family: "Aggravo", sans-serif; font-weight: 700;border-right:1px solid #e0e0e0;}
#banner button i {display:block; text-align:center; color:#552974; font-size:40px; margin-bottom:10px;}
#banner button:last-child {border-right:0px}
#banner button:hover {color:#000000; transition:all 0.3s ease;}
#banner button:hover i {color:#000000; transition:all 0.3s ease;}

#banner button {transform: translateY(0%); transition: 0.5s;}
#banner button:hover {transform: translateY(-10%);}

#program {padding:100px 0 0; background-color:#f6f6f6; height:550px; border-radius:0px; margin-top:0px}
#program h1 {text-align:center; margin-bottom:10px; }
#program h1 span {color:#000000; font-size:35px; font-family: "Aggravo", sans-serif; font-weight: 700;position:relative}

#program h2 {text-align:center; margin-bottom:30px; color:#666666; font-size:17px; letter-spacing:0px;}


#program h3 {text-align:center; margin-bottom:0px;}
#program h3 button {font-size:17px; margin:0 15px 0 15px; height:30px; color:#063758;}
#program h3 button i {font-size:17px; margin:0 5px 0 5px; color:#063758;}
#program h3 button.active {border-bottom: 3px solid #063758; color:#063758; font-family: 'S-CoreDream-8Heavy';}

#program iframe {width:500px; height:280px; 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:20px;}

#program h14 {width:800px; background-color:#000000; 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:0px; color:#ffffff; text-align:center;}
#program h14 i {display:block; color:#ffffff; font-size:30px; padding-top:200px; margin-bottom:20px;}

#program h13 {display:block; color:#000000; text-align:center; margin:0 auto; width:800px; height:100px; background:url('/2021/img/pbg.png?v=1'); background-repeat:no-repeat; background-position:center bottom;}
#program h13 b {font-family: 'Gowun Batang', serif; font-size:30px; font-weight:400; display;block; text-align:center;}
#program h13 b:nth-child(1) {display:none}
#program div button {width:800px; height:50px; border-radius:10px; margin:0 auto; display:block; margin-top:30px; color:#67c6d8; border:1px solid #67c6d8}
#program div {text-align:center}
#program div button {background: linear-gradient(to right, #67c6d8 50%, transparent 50%); background-size: 200% 100%; background-position:right bottom; transition:all 0.3s ease;}
#program div button:hover {background-position:left bottom; color:#ffffff}

#page button {width:100%; height:50px; border-radius:10px; margin:0 auto; display:block; margin-top:30px; color:#67c6d8; border:1px solid #67c6d8}
#page button {background: linear-gradient(to right, #67c6d8 50%, transparent 50%); background-size: 200% 100%; background-position:right bottom; transition:all 0.3s ease;}
#page button:hover {background-position:left bottom; color:#ffffff}

#foot {width:100%; background-color:#; padding-bottom:50px; margin-top:0px;}
#foot .info {width:100%; border-bottom:1px solid #d9d9d9; color:#e0e0e0; text-align:center; font-size:17px; padding:30px 0px 30px 0px; margin-bottom:30px;}
#foot .info a {margin:0px 20px 0px 20px; color:#666666; font-size:15px}
#foot .info img {height:40px}
#foot p {font-size:17px; color:#666666; line-height:30px; text-align:center}
#foot .address {}

@media ( max-width: 1370px ) {
#foot .address {padding-left:80px}
}

#submenu {width:100%; height:50px; line-height:50px; background-color:#a44f9a; text-align:center;}
#submenu a {color:rgba(255,255,255,0.4); margin:0 30px 0 30px; font-size:17px; font-family: "Aggravo", sans-serif; font-weight:300}
#submenu a.on {color:rgba(255,255,255,1);}

#submenu a i {color:rgba(255,255,255,0.4); margin:0 10px 0 0px; font-size:17px;}
#submenu a.on i {color:red;}

#subtop {width:100%; height:200px;  margin-top:100px; padding-top:0px; position:relative; overflow:hidden; background:url('/2026/img/sbg.jpg?v=2'); background-position:center; background-repeat:no-repeat; background-size:cover}

#subtop div {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#subtop img {width:500px}

.movewrap {position:absolute;top:0;left:0;width:100%;z-index:-1;}
.movewrap > div {padding-bottom:0%;width:100%;}
.moving {position:absolute;top:0;left:0;width:100%;height:100%;}
.moving {}
.bg01 {width:100%;height:700px; position:relative; background:url('/qweek/2022/img/slide/0.jpg') 0 top / 100% repeat-x; animation: movebg 100s linear infinite;}
.bg02 {width:100%;height:700px; position:relative; background:url('/qweek/2022/img/slide/2.jpg') 0 top / 100% repeat-x; animation: movebg 100s linear infinite;}
.bg03 {width:100%;height:700px; position:relative; background:url('/qweek/2022/img/slide/3.jpg') 0 top / 100% repeat-x; animation: movebg 100s linear infinite;}

@keyframes movebg {
		0% {background-position:0 0;}
		100% {background-position:0 100%;}
}

.moving h1 {font-size:30px; font-family: "Aggravo", sans-serif; font-weight: 700; text-align:center; color:#ffffff; padding-top:70px;}
.moving h1 b {display:block; text-align:center; color:rgba(255,255,255,0.5); font-size:17px; margin-top:10px;}

#submitbox {}
#submitbox {margin-top:30px}
#submitbox button {background-color:#004e73; color:#ffffff; width:100%; height:120px; font-size:17px;}
#submitbox button b {font-size:22px; margin-left:10px; margin-right:20px;}
#submitbox button span {background-color:#ffffff; border-radius:20px; font-size:17px; color:#004e73; padding:5px 20px 5px 20px;}
#submitbox button span i {color:#004e73; margin-left:5px}

#page {width:1100px; margin:0 auto; margin-top:100px; margin-bottom:100px; line-height:35px;}
#page * {}


.p0606 {width:900px !important; margin:0 auto}
.p0606 section {display:table}
.p0606 section div {width:calc(100% - 100px); padding:50px; background-color:#f6f6f6; border-radius:10px; float:left; margin-right:0px; margin-bottom:40px; box-shadow: 0 20px 20px -20px rgba(234, 85, 86, 0.1), 0 20px 20px -20px rgba(0, 0, 0, 0.1);}
.p0606 section div:nth-child(2n) {margin-right:0px}

.p0606 section div p:nth-child(1) {margin-bottom:10px;}
.p0606 section div p:nth-child(2) {margin-bottom:10px; color:#000000; font-size:30px;font-family: 'S-CoreDream-7ExtraBold';}
.p0606 section div p:nth-child(3) {margin-bottom:0px; color:#666666;}
.p0606 section div p:nth-child(3) i {margin-right:10px;}

.p0606 section div p:nth-child(4) {margin-bottom:10px; color:#666666;}
.p0606 section div p:nth-child(4) i {margin-right:10px;}


.p0606 section div p:nth-child(1) span i {margin-right:10px; color:#ffffff}

.p0606 section div:nth-child(1) p:nth-child(1) span {color:#ffffff; background-color:#67c6d8; padding:5px 25px 5px 25px; border-radius:30px}
.p0606 section div:nth-child(2) p:nth-child(1) span {color:#ffffff; background-color:#242a73; padding:5px 25px 5px 25px; border-radius:30px}
.p0606 section div:nth-child(3) p:nth-child(1) span {color:#ffffff; background-color:#349cbc; padding:5px 25px 5px 25px; border-radius:30px}
.p0606 section div:nth-child(4) p:nth-child(1) span {color:#ffffff; background-color:#b1850e; padding:5px 25px 5px 25px; border-radius:30px}
.p0606 section div:nth-child(5) p:nth-child(1) span {color:#ffffff; background-color:#9c5b5b; padding:5px 25px 5px 25px; border-radius:30px}
.p0606 section div:nth-child(6) p:nth-child(1) span {color:#ffffff; background-color:#ea4938; padding:5px 25px 5px 25px; border-radius:30px}
.p0606 section div:nth-child(7) p:nth-child(1) span {color:#ffffff; background-color:#242a73; padding:5px 25px 5px 25px; border-radius:30px}

.p0202 button.live {color:#004e73; border:1px solid #004e73; width:100%; height:60px; font-size:17px; border-radius:5px}
.p0202 button.live i {color:#004e73; margin-right:5px}
#nav {width:1100px; margin:0 auto; margin-top:-30px; text-align:right}
.p0101 {width:900px !important; margin:0 auto}

.p0101 img {display:block; margin:0 auto; margin-top:50px; margin-bottom:50px}
.p0101 ul li {list-style:none}
.p0101 ul li {}
.p0101 ul li:before {font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}





.p0104 {width:800px !important; margin:0 auto}
.p0104 section img {width:100%; border-radius:10px;}

.p0105 section {width:100%; display:table}
.p0105 section div {width:calc(33.3% - 20px); margin-right:30px; float:left}
.p0105 section div img {width:100%; border-radius:10px 10px 0 0; display:block;}
.p0105 section div button {border:1px solid #242a73; border-radius:0 0 10px 10px; height:50px; width:100%; color:#242a73; font-weight:bold}
.p0105 section div button i {color:#242a73; margin-left:10px;}

.p0605 img {width:800px !important; margin:0 auto; display:block; border-radius:10px;}

#page h1 {color:#000000; font-size:40px !important; margin:0 auto; text-align:center; margin-bottom:10px; font-family: "Aggravo", sans-serif; font-weight: 700;} 
#page h2 {color:#000000; font-size:20px !important; margin:0 auto; text-align:center; margin-bottom:50px;}
#page h2:after {content: ""; display: block; margin:0 auto; width: 40px; border-bottom: 1px solid #000000; margin-top:20px;}



.p0501 section {display:table}
.p0501 section div {text-align:center; width:calc(33.33% - 20px); float:left; margin-right:30px; margin-bottom:30px;}
.p0501 section div:nth-child(3n) {margin-right:0px}
.p0501 section div img {width:100%; box-shadow: 0 20px 20px -20px rgba(234, 85, 86, 0.1), 0 20px 20px -20px rgba(0, 0, 0, 0.1); border-radius:10px;}
.p0501 section div p:nth-child(1) {margin-bottom:10px;}
.p0501 section div p:nth-child(2) {margin-bottom:0px; margin-top:10px; color:#000000; font-size:17px; text-align:center}
.p0501 section div p:nth-child(3) {margin-bottom:0px; color:#666666;}
.p0501 section div p:nth-child(3) i {margin-right:10px;}

.p0501 section div p:nth-child(4) {margin-bottom:10px; color:#666666;}
.p0501 section div p:nth-child(4) i {margin-right:10px;}

.p0501 section {display:table; width:100%; margin-bottom:50px;}
.p0501 button:nth-child(1) b {color:red;}
.p0501 button {width:calc(100% - 0px); margin-right:0px; margin-top:10px !important; height:60px; color:#67c6d8; border:1px solid #67c6d8; border-radius:10px; float:left; background-image: linear-gradient(#67c6d8 0%, #67c6d8 100%); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.3s;}
.p0501 button:nth-child(2) {margin-right:0px}
.p0501 button:nth-child(4) {margin-right:0px}

.p0501 button i {color:#67c6d8; margin-right:10px}

.p0501 button:hover {background-size: 100% 100%; color:#ffffff}
.p0501 button:hover i {color:#ffffff}


.c03 section {display:table; width:100%; margin-bottom:50px;}
.c03 button:nth-child(1) b {color:red;}
.c03 button {width:calc(100% - 0px); margin-right:0px; margin-top:30px; height:60px; color:#67c6d8; border:1px solid #67c6d8; border-radius:10px; float:left; background-image: linear-gradient(#67c6d8 0%, #67c6d8 100%); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.3s;}
.c03 button:nth-child(2) {margin-right:0px}
.c03 button:nth-child(4) {margin-right:0px}

.c03 button i {color:#67c6d8; margin-right:10px}

.c03 button:hover {background-size: 100% 100%; color:#ffffff}
.c03 button:hover i {color:#ffffff}

.c06 section {display:table; width:100%; margin-bottom:50px;}
.c06 button {width:calc(100% - 0px); margin-right:0px; margin-top:30px; height:60px; color:#67c6d8; border:1px solid #67c6d8; border-radius:10px; float:left; background-image: linear-gradient(#67c6d8 0%, #67c6d8 100%); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.3s;}
.c06 button:hover {background-size: 100% 100%; color:#ffffff}
.c06 button:hover i {color:#ffffff}


.btnbox {width:100%; display:table;}
.p0304 section img {margin-top:50px}
.p0305 section img {margin-top:50px}
.p0603 section img {margin-top:50px;}
.p0604 dd img {margin-right:30px; height:20px;}

.p0302 table {margin-top:50px; margin-bottom:50px;}
.p0303 table {margin-top:50px; margin-bottom:50px;}
.p0304 table {margin-top:50px; margin-bottom:50px;}
.p0305 table {margin-top:50px; margin-bottom:50px;}
.p0306 table {margin-top:50px; margin-bottom:50px;}

.p0305 section div {display:table; width:100%}

.p0402 h3 {background:#f9f9f9; border-radius:10px; padding:20px; color:#000000; text-align:center; margin-bottom:30px; margin-top:-30px;}
.p0402 h3 i {color:#000000; margin-right:10px;}
.p0402 h3 i.fa-phone-alt {margin-left:20px;}

.p0102 {width:960px !important; margin:0 auto; display:table;}
.p0102 h1 {color:#000000; font-size:20px !important; margin:0 auto; text-align:center; margin-bottom:10px;} 
.p0102 h2 {color:#67c6d8; font-size:30px !important; margin:0 auto; text-align:center; margin-bottom:10px;}
.p0102 h3 {color:#999999; font-size:20px !important; margin:0 auto; text-align:center; margin-bottom:50px;}
.p0102 h3:after {content: ""; display: block; margin:0 auto; width: 40px; border-bottom: 1px solid #000000; margin-top:20px;}
.p0102 .topic2021 {margin:50px 0 50px 0}
.p0102 .topic2021 div {width:300px; float:left; margin-right:30px; box-shadow: 0 5px 15px 0 rgba(234, 85, 86, 0.1), 0 5px 15px 0 rgba(200, 200, 200, 0.1); border-radius:10px;}
.p0102 .topic2021 div:nth-child(1) p:nth-child(1) {border-radius:10px; background:url('/qweek/2022/img/topic/1.png'); background-position:center top; background-repeat:no-repeat; background-size:cover; width:100%; height:200px;}
.p0102 .topic2021 div:nth-child(2) p:nth-child(1) {border-radius:10px; background:url('/qweek/2022/img/topic/2.png'); background-position:center top; background-repeat:no-repeat; background-size:cover; width:100%; height:200px;}
.p0102 .topic2021 div:nth-child(3) p:nth-child(1) {border-radius:10px; background:url('/qweek/2022/img/topic/3.png'); background-position:center top; background-repeat:no-repeat; background-size:cover; width:100%; height:200px;}
.p0102 .topic2021 div:nth-child(3) {margin-right:0px;}
.p0102 .topic2021 div:nth-child(2) {margin-top:30px}
.p0102 .topic2021 div:nth-child(3) {margin-top:10px}
.p0102 .topic2021 div p:nth-child(2) {color:#67c6d8; text-align:center; font-size:17px; margin:20px 0 0px 0; font-family: 'S-CoreDream-8Heavy';}
.p0102 .topic2021 div p:nth-child(3) {color:#000000; text-align:center; margin:0px 0 20px 0; padding:0px 20px 0px 20px; line-height:20px !important;}
.p0102 .topic2021 div ul {padding:0px 20px 30px 20px; margin-left:20px;}
.p0102 .topic2021 div ul li {color:#999999; font-size:13px !important;}

.p010101 h1 {color:#67c6d8; font-size:30px !important; margin:0 auto; text-align:center; margin-bottom:10px;} 
.p010101 h2 {color:#000000; font-size:20px !important; margin:0 auto; text-align:center; margin-bottom:50px;}
.p010101 h2:after {content: ""; display: block; margin:0 auto; width: 40px; border-bottom: 1px solid #000000; margin-top:20px;}
.p010102 {width:800px !important; margin:0 auto}
.p010102 b {display:block; color:#000000; margin:30px 0 10px 0}

.p0103 {width:800px !important; margin:0 auto;}
.p0103 iframe {width:100%; height:400px; border-radius:10px; box-shadow: 0 10px 20px 0 rgba(234, 85, 86, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1);} 

#page h5 {margin:0 auto; text-align:center; margin-bottom:10px; margin-top:50px;}
#page h5:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f274"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;font-size:20px;}
#page h5 span {color:#000000; font-size:20px; font-family: 'S-CoreDream-6Bold';}

.c02 h4 {color:#000000; font-size:20px; margin:0 auto; text-align:center; margin-bottom:30px; font-family: 'S-CoreDream-6Bold';} 
.c02 h4 span {color:#999999; font-size:17px; margin:0 0 0 10px;}
.c02 h4 span i {color:#999999; font-size:17px; margin:0 10px 0 0px;}
.c02 table {margin-bottom:50px}

.c02 h5 {margin:0 auto; text-align:center; margin-bottom:30px;}
.c02 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;}
.c02 h5 span {color:#000000; font-size:20px; font-family: 'S-CoreDream-6Bold';}

.c02 h1 {color:#000000; font-size:20px !important; margin:0 auto; text-align:center; margin-bottom:10px;} 
.c02 h2 {color:#67c6d8; font-size:30px !important; margin:0 auto; text-align:center; margin-bottom:10px;}
.c02 h3 {color:#999999; font-size:20px !important; margin:0 auto; text-align:center; margin-bottom:50px;}
.c02 h3:after {content: ""; display: block; margin:0 auto; width: 40px; border-bottom: 1px solid #000000; margin-top:20px;}
dl:first-child {border-top:1px solid #000000}
.c02 section {margin-bottom:50px}
.c02 ul {list-style:none; display:table;}
.c02 ul li {width:calc(20% - 56px); float:left; margin-right:20px; padding:20px; text-align:center; font-size:17px; line-height:20px !important; background-color:#f0f0f0; border-radius:10px; height:170px;}
.c02 ul li i {display:block; width:100%; text-align:center; color:#000000; font-size:30px; margin-bottom:20px;}
.c02 ul li:last-child {margin-right:0px}


.c03 h2 {color:#67c6d8; font-size:30px !important; margin:0 auto; text-align:center; margin-bottom:10px;}
.c03 h3 {color:#999999; font-size:20px !important; margin:0 auto; text-align:center; margin-bottom:50px;}
.c03 h3:after {content: ""; display: block; margin:0 auto; width: 40px; border-bottom: 1px solid #000000; margin-top:20px;}
.c03 ul li {list-style:none}
.c03 ul li {}
.c03 ul li:before {font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}



.p0101 section {display:table; width:100%; margin-top:50px; margin}
.p0101 button {width:calc(50% - 20px); margin-right:40px; height:60px; color:#000000; border:1px solid #000000; border-radius:10px; float:left; background-image: linear-gradient(#000000 0%, #000000 100%); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.3s;}
.p0101 button:last-child {margin-right:0px}
.p0101 button i {color:#000000; margin-right:10px}

.p0101 button:hover {background-size: 100% 100%; color:#ffffff}
.p0101 button:hover i {color:#ffffff}

#page .youtubebtn {width:calc(33.3% - 20px); margin:10px 30px 10px 0; color:#fd231a; border:1px solid #fd231a; background-image: linear-gradient(#fd231a 0%, #fd231a 100%); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.3s;}
#page .youtubebtn i {color:#fd231a}

#page .youtubebtn:hover {background-size: 100% 100%; color:#ffffff}
#page .youtubebtn:hover i {color:#ffffff}

#page .zoombtn {width:calc(33.3% - 20px); margin:10px 0px 10px 0; color:#2e8dff; border:1px solid #2e8dff; background-image: linear-gradient(#2e8dff 0%, #2e8dff 100%); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.3s;}
#page .zoombtn:hover {background-size: 100% 100%; color:#ffffff}


#page .zoombtn img {height:20px; margin-right:10px}

#page h10 {text-align:center; display:block; margin-bottom:50px; margin-top:0px;}
#page h10 button {border:1px solid #67c6d8; color:#67c6d8; padding:0 30px 0 30px; height:40px; border-radius:40px; margin:5px; font-size:17px;}
#page h10 button.on {background-color:#67c6d8; color:#ffffff;}

#page table td {text-align:left}
#page table tr th:nth-child(1) {}
#page table td.center {text-align:center}

h30 {display:block; margin:200px 0 200px 0; text-align:center;}
h30 i {color:#cccccc; font-size:80px; display:block;  width:100%; margin-bottom:50px;}
h30 {color:#cccccc; font-size:20px;}

#nav span {color:#cccccc; font-size:17px;}
#nav i {color:#cccccc; font-size:17px; margin:0 10px 0 10px}

.passwrap {max-width:400px; margin:0 auto}

#bbslist {margin-top:30px}
#bbslist div {cursor:pointer; width:calc(100% - 62px); padding:10px 30px 10px 30px; border:1px solid #e6e6e6; border-radius:10px; margin-bottom:10px; display:table;}
#bbslist div p:nth-child(1) {float:left; color:#67c6d8; font-size:17px; margin-right:20px; line-height:35px;}
#bbslist div p:nth-child(2) {float:left; line-height:35px; font-size:17px;}
#bbslist div p:nth-child(2) b  {line-height:35px; font-size:16px !important; margin-right:10px;}
#bbslist div p:nth-child(3) {float:right; line-height:35px; font-size:17px; color:#999999;}

#bbslist div p span {border:1px solid #67c6d8; color:#67c6d8; padding:5px 20px 5px 20px; border-radius:20px; font-size:12px; margin-right:10px;}
#bbslist div p span.on {background-color:#67c6d8; color:#ffffff;}
#bbslist div:hover {border:1px solid #67c6d8; color:#000000}
#bbslist div:hover p:nth-child(2) {color:#000000}

#bbslist div.on {border:1px solid #67c6d8;}
#bbslist div.on p:nth-child(2) {color:#000000; font-weight:bold}
#bbslist div p:nth-child(2) b {color:#67c6d8; font-size:17px; margin-left:15px;}
#bbslist div p:nth-child(2) b i {color:#67c6d8; font-size:17px; margin-right:5px;}

#bbslist .fa-share {color:#67c6d8; margin-right:10px;}
#bbslist .replydate {color:#cccccc !important}
#bbsphoto {margin-top:30px}
#bbsphoto div {float:left; cursor:pointer; width:calc(33% - 18px); border:1px solid #e6e6e6; border-radius:5px; margin-right:20px; 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:17px;  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:hover {border:1px solid #67c6d8;}
#passwd {width:600px; margin:0 auto}
#passwd button {margin-top:0px; background-color:#67c6d8; color:#ffffff}
#passwd h300 {display:block; color:#67c6d8; font-weight:bold; text-align:center; font-size:17px;}
#bbsview {margin-top:30px}
#bbsview h300 {display:block; border:1px solid #e6e6e6; border-top:1px solid #67c6d8; width:calc(100% - 62px); padding:30px 30px 20px 30px; color:#000000; font-weight:bold; text-align:center; border-radius:10px; font-size:17px; line-height:17px !important;}
#bbsview h300 p {margin-top:10px; color:#999999; font-size:17px; line-height:13px !important;}
#bbsview h300 p i {color:#999999; margin-right:5px;}
#bbsview h300 p i:nth-child(2) {margin-left:30px;}
#bbsview h300 p i:nth-child(3) {margin-left:30px;}
#bbsview button {cursor:pointer; width:100%; height:50px; border:1px solid #67c6d8; border-radius:5px; margin-top:30px; color:#67c6d8}
#bbsview img {max-width:100%;}
#bbsview .filedown {}
#bbsview .filedown i {margin-right:10px; color:#67c6d8;}
#bbsview .filedown a {display:block; padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6; color:#000000}
#bbsview .content {margin-top:30px; line-height:30px; font-family: 'S-CoreDream-4Regular';}
#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 h500 {color:#000000; font-weight:bold; margin-bottom:10px; font-size:17px;}
#bbsview .comment div h500 i {color:#67c6d8; font-size:17px; margin-left:10px; cursor:pointer;}
#bbsview .comment div h500 span {color:#cccccc; font-weight:350 !important; margin-left:10px; font-size:17px;}
#bbsview .comment p {font-size:17px; 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:17px;}
#bbsview .comment .commentinput form button {width:60px; height:60px; color:#ffffff;margin:0; background-color:#67c6d8; font-size:17px;}
#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 #67c6d8; color:#67c6d8; border-radius:5px; font-size:17px; margin-bottom:0px; margin-top:30px;}
button.write i {color:#67c6d8; 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:#67c6d8; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;}
.qna form h6 {color:#000000 !important; font-size:17px; font-weight:bold; margin-bottom:10px; margin-top:20px; display:block; position:relative}
.qna form h6 i {color:#60c3ab !important; font-size:17px;}

.popup {position:absolute; top:100px; left:50%; 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:600px; margin-left:-300px;}
.popup a img {width:100%; display:block; float:left; border-radius:10px; margin-bottom:0px; margin-top:0px;}
.popup img:first-child {margin-top:0px;}
.popup a:nth-child(1) img {border-radius:10px}
.popup section button {position:absolute; color:#ffffff; font-size:17px; font-weight:500; bottom:-30px;}
.popup section button i {margin-right:5px; color:#ffffff; font-size:17px;}
.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;}

.p010103 .history div {width:350px; float:left; margin-right:25px; height:500px;}
.p010103 .history div img {width:100%; border-radius:10px; box-shadow: 0 10px 10px 0 rgba(200, 200, 200, 0.1), 0 20px 20px 0 rgba(0, 0, 0, 0.1);}
.p010103 .history div:nth-child(3n) {margin-right:0px;}
.p010103 .history div h1 {color:#67c6d8; font-family: 'S-CoreDream-6Bold'; margin-bottom:10px;}
.p010103 .history div p {border-top:1px solid #e6e6e6; font-size:17px; padding:5px 0 5px 0; line-height:20px !important;}
.p010103 .history div p b {color:#000000; margin-right:15px; font-size:17px;}
.p020401 section {display:table; margin-bottom:30px}
.p020401 section div {width:340px; margin-right:40px; float:left; height:550px;}
.p020401 section div:nth-child(3n) {margin-right:0px}
.p020401 section div img {width:100%; border-radius:10px; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(200, 200, 200, 0.1);}
.p020401 section div p:nth-child(2) {margin-top:30px; color:#67c6d8; font-size:13px}
.p020401 section div p:nth-child(3) {margin-top:0px; color:#000000; font-size:17px; font-family: 'S-CoreDream-6Bold';}
.p020401 section div p:nth-child(4) {margin-top:0px; color:#666666; font-size:17px; line-height:25px !important}
.p020401 button.more {color:#67c6d8; border:1px solid #67c6d8; border-radius:5px; height:60px; width:100%;}

td span.online {background-color:#67c6d8; color:#ffffff; font-size:11px; border-radius:30px; margin-right:10px; padding:5px 10px 5px 10px;}
td span.online i {color:#ffffff; margin-right:5px; font-size:11px;}

.mobile {display:none}

dd button {width:250px !important; height:40px !important; border-radius:40px !important; margin-right:20px !important; margin-top:0px !important}
dd button i {margin-left:10px}



.submit h4 {color:#000000; font-weight:bold; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #000000; margin-top:70px; font-family: 'S-CoreDream-6Bold'; font-size:20px;}
.submit  h4:before {font-family: "Font Awesome 5 free"; content: "\f121"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}



.submit ul span {color:#18174f; font-size:17px; margin-bottom:0px; display:block; margin-top:10px;}
.submit ul span:before {color:#18174f; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
.submitagree form b {color:#18174f; display:block; margin-top:50px; margin-bottom:10px;}
.submit div ul li {font-size:17px; line-height:25px;}
button.submitbtn {border:1px solid #18174f; background-color:#18174f; font-size:17px; width:100%; height:60px; border-radius:60px; font-family: 'S-CoreDream-6Bold'; color:#ffffff; margin-top:30px;}


.submit ul {}
.submit li {line-height:30px; margin-bottom:10px; list-style:none; padding-left:20px;}
.submit li:before {content:"¡¤"; font-size:30px !important; color:#18174f; position:absolute; margin-left:-20px;}
.submit h20 {color:#18174f; font-size:17px; margin-bottom:0px; display:block; margin-top:10px; line-height:1 !important; padding:0 !important;}
.submit h20:before {color:#18174f; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
.submit h20 u {color:red; font-size:17px; line-height:1 !important; padding:0 !important;}

.submit form p { margin:10px 0 10px 0; width:100%;}
.submit form p label {color:#000000; font-weight:700;}
.submit form button {border:1px solid #18174f; color:#18174f; font-size:17px; width:100%; height:60px; border-radius:60px; font-family: 'S-CoreDream-6Bold';}
.submit form input[type=text] {width:calc(100% - 22px); padding:10px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:0px; display:block; font-size:17px;}
.submit form input[type=password] {width:calc(100% - 22px); padding:10px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:0px; display:block; font-size:17px;}
.submit form select {width:calc(100% - 0px); padding:10px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:0px; display:block; font-size:17px;}
.submit form textarea {width:calc(100% - 22px); padding:10px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:0px; display:block; font-size:17px;}
.submit form div {background-color:#f0f0f0; font-size:17px; line-height:20px; color:#666666; padding:20px; border-radius:10px; width:calc(100% - 40px); margin-top:20px;}
.submit form div b {font-size:17px; line-height:20px; color:#000000;}
.submit form div h5 {color:#000000; font-size:17px; margin-bottom:10px;}
.submit form span.info {font-size:17px; line-height:30px;}
.submit form p.insert {width:150px; height:40px; float:left; margin-right:10px; background-color:#18174f; color:#ffffff; border-radius:40px; line-height:40px; text-align:center; font-size:17px; cursor:pointer}
.submit form p.insert i {color:#ffffff; margin-right:5px; font-size:17px;}
.submit form p.del {width:148px; height:38px; float:left; margin-right:10px; color:#18174f; border:1px solid #18174f;  border-radius:40px; line-height:40px; text-align:center; font-size:17px; cursor:pointer}
.submit form p.del i {color:#18174f; margin-right:5px; font-size:17px;}
.submit form h30 {width:200px; height:38px; float:left; margin-right:10px; color:#18174f; border:1px solid #18174f;  border-radius:40px; line-height:40px; text-align:center; font-size:17px; cursor:pointer}
.submit form h30 i {color:#18174f; margin-right:5px; font-size:17px;}

.submit table {padding:0; border-spacing:0px; border-left:1px solid #dddddd; border-top:1px solid #dddddd; background-color:#ffffff; width:100%; border-radius:0px; margin-top:30px;}
.submit th, .submit td {text-align:center; margin:0; padding:10px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.submit td {font-size:17px; line-height:25px}
.submit td.tdnotice {font-size:17px; color:#999999; text-align:left;}
.submit th {font-size:17px; color:#18174f; background-color:rgba(200,200,200,0.3); font-weight:700; border-top:0px none}
.submit td label {margin-right:20px}

.submit dd span {color:#000000; font-size:15px; margin-bottom:0px; display:block; margin-top:0px;}
.submit dd span:before {display:none}
.submit dd label {margin-right:20px}
.submit dt {position:relative}
.submit dt b {color:red; position:absolute; top:-20px; left:0px;}

.submit form h6 {color:#000000 !important; font-size:17px; font-weight:bold; margin-bottom:10px; margin-top:20px; display:block; position:relative}
.submit form h6 i {color:#60c3ab !important; font-size:17px;}
h501 {color:#000000; font-size:17px; margin-bottom:15px; width:100%; margin-top:15px; display:block}
h501:first-child {margin-top:0px}
h501: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;}

.p0402-input {max-width:600px !important; margin:0 auto}
.p0402-input textarea {height:300px}

.p0403-input {max-width:600px !important; margin:0 auto}
.p0403-input textarea {height:300px}

.p0203 table {margin-top:0px; margin-bottom:10px !important}

.p0402 h3 a {color:#000000; margin:0 30px 0 0;}
.p0402 h3 a.on {color:#67c6d8; border-bottom:3px solid #67c6d8; font-weight:bold}


.p0402 h3 a:last-child {float:right; margin:0 0px 0 0; background-color:#999999; color:#ffffff; font-size:12px; border-radius:20px; padding:0px 15px 0px 15px}
h55 {display:block; margin-top:30px}
h55 a {margin:0 10px 0 0; background-color:#999999; color:#ffffff; font-size:17px; border-radius:25px; padding:5px 20px 5px 20px}
.c03 .wrap {display:table; width:900px; margin:0 auto}
.c03 .wrap div {width:calc(33.3% - 62px); margin-right:30px; float:left; border:1px solid #cccccc; border-radius:10px; padding:20px; margin-bottom:20px;} 
.c03 .wrap div:nth-child(3n) {margin-right:0px}
.c03 .wrap div p:nth-child(3) {color:#000000; text-align:center; font-weight:bold; line-height:100% !important; margin-bottom:10px;}
.c03 .wrap div p:nth-child(2) {text-align:center; font-size:17px; line-height:150% !important; margin-bottom:10px;}
.c03 .wrap div p:nth-child(4) {text-align:center; font-size:12px; line-height:120% !important; margin-bottom:10px; color:#999999}

.c03 .wrap div img {width:100%; border-radius:10px;}
@media ( max-width: 1100px ) {
	
* {font-size:13px !important;}
body {max-width:640px; background-color:#ffffff; margin:0 auto}
.wrap {width:90%; margin:0 auto}
img {max-width:100%;}
h501 {color:#000000; font-size:12px; margin-bottom:10px; width:100%; margin-top:10px; display:block}
dl {display:table; padding:10px 0 10px 0; border-bottom:1px solid #e6e6e6; width:100%;}
dt {width:100%; float:left; color:#000000; font-weight:bold; line-height:20px;}
dt i {margin-right:10px; color:#000000; }
dd {width:100%; float:right;  line-height:20px;}
dd span {color:#000000; margin-bottom:0px; display:block; margin-top:0px; font-size:12px;}
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;}

.mobile {display:block}
.pc {display:none}	
.pcmenu {display:none}		

.mainlive {margin-top:30px; background-color:#fd231a; width:200px; height:35px; border-radius:5px; color:#ffffff; font-size:12px;}
.mainlive i {color:#ffffff; margin-right:10px}

th, td {text-align:center; margin:0; padding:10px; border-bottom:1px solid #dddddd;}
td {font-size:12px; line-height:20px;}
td b {font-size:12px; line-height:20px; color:#000000;}
td.session {font-size:12px; color:#000000; font-family: 'S-CoreDream-6Bold'; background-color:#f0f0f0}
th {font-size:12px; color:#000000; font-weight:700; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}

#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:#000000; 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:#67c6d8;}
.Mmenulist ul .inner li {border-bottom:1px solid rgba(255,255,255,0.5);}
.Mmenulist ul .inner li a {font-size:17px;}
.Mmenulist ul li .toggle {width:calc(100% - 20px); display:block; color: #ffffff; border-bottom:1px solid #555555;}

#head {width:100%; max-width:640px; margin:0 auto; background-color:#ffffff; position:fixed; height:80px; z-index:99; margin-top:-80px;}
#head img {margin:32px 0 0 20px; display:block; height:15px; 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) {border:1px solid #000000; border-radius:25px;}
#head div.sns button:nth-child(1) i {color:#000000}
#head div.sns button:nth-child(2) {background:url('https://eventcdn.cafe24.com/royal/img/sns/y.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}




.p0201 {width:90% !important; margin:0 auto}
.p0202 {width:90% !important; margin:0 auto}
.p0203 {width:90% !important; margin:0 auto}
.p0204 {width:90% !important; margin:0 auto}






.notice {display:none}

#main {margin-top:80px; background:url('/2026/img/mbg.jpg?v=4'),#eeeffd; background-size:100% auto; background-position:bottom center;}
#main section:nth-child(1) {width:100%; height:500px;}
#main section:nth-child(1) {position:relative}
#main section:nth-child(1) .title {float: none; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); z-index:9; text-align:center; width:100%;}
#main section:nth-child(1) .title img {width:50%;}
#main section:nth-child(1) .title p {margin-top:10px; font-size:17px; line-height:20px;}
#main section:nth-child(1) .title i {font-size:17px; margin-right:5px;}
#main section:nth-child(1) .title h1 {font-size:17px; line-height:20px; padding:0 30px 0 30px; margin-top:10px;}

#notice {width:100%; float:left; height:auto; display:table}
#notice div {width:90%; margin:0 auto; padding:20px 0 20px 0; display:table;}
#notice div h1 {color:#ffffff; font-size:17px; width:100%; float:left; width:100%; line-height:30px; margin-top:0px; margin-bottom:10px;}
#notice div h1 span {display:none;}
#notice div button {width:100%; height:30px; display:block; float:left; color:#ffffff; text-align:left; font-size:17px; margin-bottom:0px;}
#notice div button b {padding:5px 10px 5px 10px; font-size:11px; color:#000000; background-color:#ffffff; border-radius:20px; margin-right:10px;}
#notice div button:nth-child(3) {display:none}





#foot {width:100%; padding-bottom:50px; margin-top:0px;}

#foot p {font-size:10px; color:#999999; line-height:20px;}
#foot .address {padding-left:30px; padding-right:30px}
#foot .info img {height:auto; width:90%; padding-top:30px}

#submenu {white-space:nowrap; width:calc(100% - 0px);  -webkit-overflow-scrolling : touch; overflow:auto; }
#submenu {width:100%; height:40px; line-height:40px; background-color:#67c6d8; text-align:center;}
#submenu a {color:rgba(255,255,255,0.4); margin:0 20px 0 20px; font-size:12px;}
#submenu a.on {color:rgba(255,255,255,1);}

#submenu a i {color:rgba(255,255,255,0.4); margin:0 10px 0 0px; font-size:12px;}
#submenu a.on i {color:red;}


#subtop {margin-top:80px; width:100%; height:auto;  background:url('/2026/img/sbg.jpg?v=1'); display:table; padding-top:0px;}
#subtop img {width:100%}

#page h1 {font-size:25px !important; margin:0 auto; text-align:center; margin-bottom:0px; font-family: "Aggravo", sans-serif; font-weight: 700;} 
#page h2 {font-size:13px !important; margin:0 auto; text-align:center; margin-bottom:30px !important;}
#page h2:after {content: ""; display: none; margin:0 auto; width: 40px; border-bottom: 1px solid #000000; margin-top:10px;}

#submitbox {margin-top:20px}
#submitbox button {background-color:#004e73; color:#ffffff; width:100%; height:auto; font-size:17px; padding:30px 0 30px 0}
#submitbox button b {font-size:17px; margin-left:0px; margin-right:0px; display:block; text-align:center; padding:5px 0 15px 0}
#submitbox button span {background-color:#ffffff; border-radius:20px; font-size:12px; color:#004e73; padding:5px 20px 5px 20px;}
#submitbox button span i {color:#004e73; margin-left:5px}

#page {width:90%; margin:0 auto; margin-top:30px; margin-bottom:50px; line-height:25px; font-size:17px;}
#nav {width:90%; margin:0 auto; margin-top:-30px; text-align:right}
#page * {line-height:25px;}
#nav span {color:#cccccc; font-size:11px;}
#nav i {color:#cccccc; font-size:11px; margin:0 10px 0 10px}

.p0101 {width:90% !important; margin:0 auto}
.p0101 h1 {color:#67c6d8; font-size:20px !important; margin:0 auto; text-align:center; margin-bottom:10px;} 
.p0101 h2 {color:#000000; font-size:15px !important; margin:0 auto; text-align:center; margin-bottom:30px;}
.p0101 h2:after {content: ""; display: block; margin:0 auto; width: 20px; border-bottom: 1px solid #000000; margin-top:20px;}
.p0101 img {margin-top:20px; margin-bottom:20px}



.p0302 table {margin-top:30px; margin-bottom:30px;}
.p0303 table {margin-top:30px; margin-bottom:30px;}
.p0304 table {margin-top:30px; margin-bottom:30px;}
.p0305 table {margin-top:30px; margin-bottom:30px;}
.p0306 table {margin-top:30px; margin-bottom:30px;}

.p0102 {width:90% !important; margin:0 auto; display:table;}
.p0102 h1 {color:#000000; font-size:15px !important; margin:0 auto; text-align:center; margin-bottom:10px;} 
.p0102 h2 {color:#67c6d8; font-size:20px !important; margin:0 auto; text-align:center; margin-bottom:10px;}
.p0102 h3 {color:#999999; font-size:13px !important; margin:0 auto; text-align:center; margin-bottom:30px;}
.p0102 h3:after {content: ""; display: block; margin:0 auto; width: 40px; border-bottom: 1px solid #000000; margin-top:20px;}

.p0102 .topic2021 {margin:50px 0 50px 0}
.p0102 .topic2021 div {width:100%; float:left; margin-right:0px; box-shadow: 0 5px 15px 0 rgba(234, 85, 86, 0.1), 0 5px 15px 0 rgba(200, 200, 200, 0.1); border-radius:10px;}

.p0102 .topic2021 div:nth-child(3) {margin-right:0px;}
.p0102 .topic2021 div:nth-child(1) {margin-top:0px}
.p0102 .topic2021 div:nth-child(2) {margin-top:20px}
.p0102 .topic2021 div:nth-child(3) {margin-top:20px}


.p010101 h1 {color:#67c6d8; font-size:20px !important; margin:0 auto; text-align:center; margin-bottom:10px;} 
.p010101 h2 {color:#000000; font-size:15px !important; margin:0 auto; text-align:center; margin-bottom:30px;}
.p010101 h2:after {content: ""; display: block; margin:0 auto; width: 40px; border-bottom: 1px solid #000000; margin-top:20px;}
.p010102 {width:90% !important; margin:0 auto}
.p010102 b {display:block; color:#000000; margin:30px 0 10px 0}

.p0103 {width:90% !important; margin:0 auto;}
.p0103 iframe {width:100%; height:200px; border-radius:10px; box-shadow: 0 10px 20px 0 rgba(234, 85, 86, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1);} 

.c02 h4 {color:#000000; font-size:17px; margin:0 auto; text-align:center; margin-bottom:10px; font-family: 'S-CoreDream-6Bold';} 
.c02 h4 span {color:#999999; font-size:12px; margin:0 0 0 10px;}
.c02 h4 span i {color:#999999; font-size:12px; margin:0 10px 0 0px;}
.c02 table {margin-bottom:50px}


.c02 h1 {color:#000000; font-size:15px !important; margin:0 auto; text-align:center; margin-bottom:10px;} 
.c02 h2 {color:#67c6d8; font-size:20px !important; margin:0 auto; text-align:center; margin-bottom:10px;}
.c02 h3 {color:#999999; font-size:15px !important; margin:0 auto; text-align:center; margin-bottom:30px;}
.c02 h3:after {content: ""; display: block; margin:0 auto; width: 40px; border-bottom: 1px solid #000000; margin-top:20px;}
dl:first-child {border-top:1px solid #000000}
.c02 section {margin-bottom:30px}
.c02 ul {list-style:none; display:table;}
.c02 ul li {width:calc(100% - 56px); float:left; margin-right:0px; padding:20px; text-align:center; font-size:12px; line-height:20px !important; background-color:#f0f0f0; border-radius:10px; height:auto; margin-bottom:20px;}
.c02 ul li i {display:block; width:100%; text-align:center; color:#000000; font-size:20px; margin-bottom:20px;}
.c02 ul li:last-child {margin-right:0px}

.c03 h2 {color:#67c6d8; font-size:20px !important; margin:0 auto; text-align:center; margin-bottom:10px !important;}
.c03 h3 {color:#999999; font-size:15px !important; margin:0 auto; text-align:center; margin-bottom:30px !important;}
.c03 h3:after {content: ""; display: block; margin:0 auto; width: 40px; border-bottom: 1px solid #000000; margin-top:20px;}
.c03 ul li {list-style:none}
.c03 ul li {color:#999999; font-size:12px;}
.c03 ul li:before {font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}





#page .youtubebtn {margin:10px 0 10px 0; height:40px; width:calc(100% - 0px);}

#page .zoombtn {margin:10px 0 30px 0; height:40px; width:calc(100% - 0px); color:#2e8dff; border:1px solid #2e8dff; background-image: linear-gradient(#2e8dff 0%, #2e8dff 100%); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.3s;}
#page .zoombtn img {height:20px}

#page h10 {text-align:center; display:block; margin-bottom:30px; margin-top:0px;}
#page h10 button {border:1px solid #67c6d8; color:#67c6d8; padding:0 20px 0 20px; height:30px; border-radius:30px; margin:5px; font-size:12px;}
#page h10 button.on {background-color:#67c6d8; color:#ffffff;}

#page h5 {margin:0 auto; text-align:center; margin-bottom:10px; margin-top:30px;}
#page h5:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f274"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;font-size:17px;}
#page h5 span {color:#000000; font-size:17px; font-family: 'S-CoreDream-6Bold';}

h30 {display:block; margin:100px 0 100px 0; text-align:center;}
h30 i {color:#cccccc; font-size:50px !important; display:block;  width:100%; margin-bottom:30px;}
h30 {color:#cccccc; font-size:17px;}

#bbslist {margin-top:30px}
#bbslist div {cursor:pointer; width:calc(100% - 42px); padding:10px 20px 10px 20px; border:1px solid #e6e6e6; border-radius:10px; margin-bottom:10px; display:table;}
#bbslist div p:nth-child(1) {float:none; color:#67c6d8; font-size:12px; margin-right:20px; line-height:25px; width:100%; }
#bbslist div p:nth-child(2) {float:none; line-height:25px; font-size:17px; width:100%;}
#bbslist div p:nth-child(3) {float:none; line-height:25px; font-size:17px; color:#999999; width:100%;}

#bbsview h300 {width:calc(100% - 42px); padding:20px 20px 10px 20px; font-size:17px; line-height:15px !important;}
#bbsview h300 p {margin-top:0px; color:#999999; font-size:12px; line-height:12px !important;}

#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:17px;  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 #67c6d8;}



.plogin form {width:90%; margin:0 auto;}
.plogin form input[type=text] {width:calc(100% - 42px); padding:10px 20px 10px 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 input[type=file] {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:#67c6d8; text-align:center; color:#ffffff; border-radius:5px; font-size:17px; margin-top:20px;}

.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 h7 {color:#999999; display:block; margin-bottom:10px; margin-top:0px; font-size:17px;}

.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:#67c6d8; font-size:11px; margin-bottom:15px; display:block}
.plogin form h50:before {color:#67c6d8; 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,h13 {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:#67c6d8; line-height:15px !important;}
.idok i {margin-right:5px; font-size:15px !important; color:#67c6d8}
#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:block; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agreeno {position:absolute; top:20%; left:50%; width:90%; margin-left:-45%; height:50%; background-color:#ffffff; border:1px solid #67c6d8; 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 h2 {color:#da291c; font-size:17px; margin:20px 0px 10px 0px;}
#agree b {font-size:17px; line-height:20px; color:#000000; display:block; margin:20px 0px 5px 0px;}
#agree button {position:absolute; bottom:0px; width:100%; height:50px; background-color:#67c6d8; 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;}
#agree div p {font-size:17px; 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: #67c6d8;}
.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 p label {color:#000000; font-weight:700;}
.plogin form span.agreeview {position:absolute; z-index:2; background-color:#ffffff; color:#67c6d8; padding:0px 15px 0px 15px; border-radius:30px; margin-left:20px; border:1px solid #67c6d8; font-size:12px; margin-top:0px; cursor:pointer;}

.plogin form h6 {width:calc(100% - 42px); position: relative; padding:10px 20px 10px 20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:17px;}
.plogin form h6 span {margin-right:20px; color:#999999;}
.plogin form h6 label {margin-right:30px}
.plogin form h6 label:last-child {margin-right: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:#67c6d8; 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;}


.p0501 section {display:table}
.p0501 section div {text-align:center; width:calc(50% - 10px); float:left; margin-right:20px; margin-bottom:20px;}

.p0501 section div:nth-child(2n) {margin-right:0px}
.p0501 section div:nth-child(3n) {margin-right:20px}
.p0501 section div img {}
.p0501 section div p:nth-child(1) {margin-bottom:10px;}
.p0501 section div p:nth-child(2) {margin-bottom:0px; margin-top:10px; color:#000000; font-size:17px;font-family: 'S-CoreDream-7ExtraBold'; text-align:center}
.p0501 section div p:nth-child(3) {margin-bottom:0px; color:#666666;}
.p0501 section div p:nth-child(3) i {margin-right:10px;}

.p0501 section div p:nth-child(4) {margin-bottom:10px; color:#666666;}
.p0501 section div p:nth-child(4) i {margin-right:10px;}

.p0501 section {display:table; width:100%; margin-bottom:50px;}



.popup {position:absolute; top:50px; left:10%; 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:80%; margin-left:0px;}
.popup a img {width:100%; display:block; float:left;}
.popup a:nth-child(1) img {border-radius:10px}
.popup button {position:absolute; color:#ffffff; font-size:17px; font-weight:500; bottom:-30px;}
.popup button i {margin-right:5px; color:#ffffff; font-size:17px;}
.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;}

.c03 button {height:40px;}

dd button {width:200px !important; height:30px !important; border-radius:30px !important;}
dd button i {margin-left:10px}


#banner {width:100%; text-align:center; padding:30px 0 30px 0; display:table;}
#banner button {color:#4d476e; margin:0px; padding:0 0px 0 0px; font-size:12px; font-family: 'S-CoreDream-4Regular'; border-right:0px solid #e0e0e0; width:25%; float:left}
#banner button i {display:block; text-align:center; color:#4d476e; font-size:30px; margin-bottom:10px;}
#banner button:last-child {display:none}


#program {padding:50px 0 50px 0; background-color:#f6f6f6; height:auto; border-radius:0px; margin-top:0px}
#program h1 {text-align:center; margin-bottom:10px; }
#program h1 span {color:#000000; font-size:20px; font-family: "Aggravo", sans-serif; font-weight: 700;position:relative}

#program h2 {text-align:center; margin-bottom:20px; color:#666666; font-size:17px; letter-spacing:0px;}



#program 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:0px; margin-bottom:20px;}

.p0606 {width:90% !important; margin:0 auto}
.p0606 section {display:table}
.p0606 section div {width:calc(100% - 40px); padding:20px; background-color:#f6f6f6; border-radius:10px; float:left; margin-right:0px; margin-bottom:30px;}
.p0606 section div:nth-child(2n) {margin-right:0px}
.p0606 section div button {height:40px}
.p0606 section div p:nth-child(1) {margin-bottom:10px;}
.p0606 section div p:nth-child(2) {margin-bottom:0px; color:#000000; font-size:18px;font-family: 'S-CoreDream-7ExtraBold';}
.p0606 section div p:nth-child(3) {margin-bottom:0px; color:#666666;}
.p0606 section div p:nth-child(3) i {margin-right:10px;}

.p0606 section div p:nth-child(4) {margin-bottom:10px; color:#666666;}
.p0606 section div p:nth-child(4) i {margin-right:10px;}


.p0606 section div p:nth-child(1) span i {margin-right:10px; color:#ffffff}

.p0105 section {width:100%; display:table}
.p0105 section div {width:calc(50.0% - 15px); margin-right:30px; float:left}
.p0105 section div img {width:100%; border-radius:10px 10px 0 0; display:block;}
.p0105 section div button {border:1px solid #242a73; border-radius:0 0 10px 10px; height:50px; width:100%; color:#242a73; font-weight:bold}
.p0105 section div button i {color:#242a73; margin-left:10px;}



.submit ul span {color:#18174f; font-size:17px; margin-bottom:0px; display:block; margin-top:10px;}
.submit ul span:before {color:#18174f; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
.submitagree form b {color:#18174f; display:block; margin-top:50px; margin-bottom:10px;}
.submit div ul li {font-size:17px; line-height:25px;}
button.submitbtn {border:1px solid #18174f; background-color:#18174f; font-size:17px; width:100%; height:60px; border-radius:60px; font-family: 'S-CoreDream-6Bold'; color:#ffffff; margin-top:30px;}


.submit ul {}
.submit li {line-height:30px; margin-bottom:10px; list-style:none; padding-left:20px;}
.submit li:before {content:"¡¤"; font-size:30px !important; color:#18174f; position:absolute; margin-left:-20px;}
.submit h20 {color:#18174f; font-size:17px; margin-bottom:0px; display:block; margin-top:0px;}
.submit h20:before {color:#18174f; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

.submit form p { margin:10px 0 10px 0; width:100%;}
.submit form p label {color:#000000; font-weight:700;}
.submit form button {border:1px solid #18174f; color:#18174f; font-size:17px; width:100%; height:60px; border-radius:60px; font-family: 'S-CoreDream-6Bold';}
.submit form input[type=text] {width:calc(100% - 22px); padding:10px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:0px; display:block; font-size:17px;}
.submit form textarea {width:calc(100% - 22px); padding:10px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:0px; display:block; font-size:17px;}
.submit form div {background-color:#f0f0f0; font-size:17px; line-height:20px; color:#666666; padding:20px; border-radius:10px; width:calc(100% - 40px); margin-top:20px;}
.submit form div b {font-size:17px; line-height:20px; color:#000000;}
.submit form div h5 {color:#000000; font-size:17px; margin-bottom:10px;}
.submit form span.info {font-size:17px; line-height:30px;}
.submit form p.insert {width:150px; height:40px; float:left; margin-right:10px; background-color:#18174f; color:#ffffff; border-radius:40px; line-height:40px; text-align:center; font-size:17px; cursor:pointer}
.submit form p.insert i {color:#ffffff; margin-right:5px; font-size:17px;}
.submit form p.del {width:148px; height:38px; float:left; margin-right:10px; color:#18174f; border:1px solid #18174f;  border-radius:40px; line-height:40px; text-align:center; font-size:17px; cursor:pointer}
.submit form p.del i {color:#18174f; margin-right:5px; font-size:17px;}
.submit form h30 {width:200px; height:38px; float:left; margin-right:10px; color:#18174f; border:1px solid #18174f;  border-radius:40px; line-height:40px; text-align:center; font-size:17px; cursor:pointer}
.submit form h30 i {color:#18174f; margin-right:5px; font-size:17px;}

.submit table {padding:0; border-spacing:0px; border-left:1px solid #dddddd; border-top:1px solid #dddddd; background-color:#ffffff; width:100%; border-radius:0px; margin-top:30px;}
.submit th, .submit td {text-align:center; margin:0; padding:10px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.submit td {font-size:17px; line-height:25px}
.submit td.tdnotice {font-size:17px; color:#999999; text-align:left;}
.submit th {font-size:17px; color:#18174f; background-color:rgba(200,200,200,0.3); font-weight:700; border-top:0px none}
.submit td label {margin-right:20px}

.submit dd span {color:#000000; font-size:17px; margin-bottom:0px; display:block; margin-top:0px;}
.submit dd span:before {display:none}
.submit dd label {margin-right:20px}
.submit dt {position:relative}
.submit dt b {color:red; position:absolute; top:-20px; left:0px;}


.c03 .wrap {display:table; width:90%; margin:0 auto}
.c03 .wrap div {width:calc(100% - 42px); margin-right:0px; float:left; border:1px solid #cccccc; border-radius:10px; padding:20px; margin-bottom:20px;} 
.c03 .wrap div:nth-child(3n) {margin-right:0px}
.c03 .wrap div p:nth-child(3) {color:#000000; text-align:center; font-weight:bold; line-height:100% !important}
.c03 .wrap div p:nth-child(2) {text-align:center; font-size:17px; line-height:110% !important; margin-bottom:10px;}
.c03 .wrap div img {width:100%; border-radius:10px;}
}