@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

* {font-family: 'Pretendard-Regular', sans-serif; line-height:1.7}

* {font-size:17px}

i {font-size:inherit; color:inherit; margin-right:10px;}

a {text-decoration:none}

body {background:#f1f0d1}
body,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,div,a,form,figure {margin:0; padding:0;}
body {margin:0 auto;}
img {max-width:100%}

button {-webkit-appearance: none;-webkit-border-radius: 0; padding:0; margin:0; border:0px;}
button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}

article:nth-child(1) {text-align:center; padding:100px 0 0 0; position:relative}
article:nth-child(1) figure:nth-child(1) div:nth-child(1) {position:absolute; top:50px; left:50px}
article:nth-child(1) figure:nth-child(1) div:nth-child(2) {position:absolute; top:50px; right:50px}
article:nth-child(1) figure:nth-child(1) div:nth-child(1) img {height:50px}
article:nth-child(1) figure:nth-child(1) div:nth-child(2) img {margin-left:20px; height:40px}
article:nth-child(1) figure:nth-child(2) img {max-width:1000px; margin:0 0 100px 0}

article:nth-child(1) .bg {position:absolute; bottom:-50px; left:0px; background:url('/img/bg.png'); background-size:100% auto; background-repeat:no-repeat; background-position:center top; height:400px; width:100%}


article:nth-child(2) {background:#ffffff; padding:50px 0 100px 0}
article:nth-child(2) figure {margin:0 auto; width:90%; max-width:850px;}
article:nth-child(2) figure:nth-child(1) h1 {color:#ea609e; font-size:5rem; font-family: 'Pretendard-ExtraBold'; text-align:left; margin:0 0 20px 0; line-height:1.1}
article:nth-child(2) figure:nth-child(1) h3 {color:#666666; font-size:1.3rem; font-weight:normal; font-family: 'Pretendard-Regular'; text-align:left; margin:0 0 30px 0; line-height:1.5}
article:nth-child(2) figure:nth-child(1) h2 {color:#000000; font-size:2rem; font-family: 'Pretendard-Medium'; text-align:left; margin:0 0 30px 0}

article:nth-child(2) figure:nth-child(1) button {border-radius:70px; height:70px; font-family: 'Pretendard-ExtraBold'; padding:0 100px 0 100px; background:#ea609e; color:#ffffff; font-size:1.5rem}


article:nth-child(3) {background:#ffffff; padding:0px 0 100px 0}
article:nth-child(3) figure {margin:0 auto; width:90%; max-width:850px; margin-bottom:50px;}
article:nth-child(3) h5 {margin:0 auto; width:90%; max-width:850px; font-size:2rem; font-family: 'Pretendard-ExtraBold'; padding-bottom:20px; margin-bottom:0px; border-bottom:1px solid #ea609e; color:#ea609e}


article:nth-child(3) figure button {border-radius:100px; height:100px; font-family: 'Pretendard-ExtraBold'; padding:0 100px 0 100px; width:100%; background:#ea609e; color:#ffffff; font-size:1.5rem; margin-bottom:30px;}
article:nth-child(3) figure:last-child h2 {text-align:center}

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:1rem; line-height:30px;}
dt i {margin-right:10px; color:#000000; }
dd {width:80%; float:right; font-size:1rem; line-height:30px; color:#444444}

dd span {color:#000000; font-size:12px !important; display:block;}
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 strong {color:#ea609e; border-bottom:1px solid #ea609e}

footer {background:#999999; padding:100px;}
footer * {font-size:0.9rem; color:#ffffff;}


.news dt {width:100%}
.news dd {width:calc(100% - 30px); margin-left:30px}
.award:first-child {margin-top:20px;}
.award {
      background-color: #f9f9f9;
      border-radius: 10px;
      padding: 20px 30px;
      margin-bottom: 20px;
      
    }
    .award h2 {
      font-size: 1.5em;
      margin-bottom: 10px;
    }
    .emoji {
      font-size: 1.3em;
      margin-right: 6px;
    }
    ul {
      list-style: none;
      padding-left: 0;
    }
    li {
      margin: 8px 0;
    }

@media ( max-width: 1400px ) {
article:nth-child(1) .bg {position:absolute; bottom:-80px; left:0px; background:url('/img/bg.png'); background-size:100% auto; background-repeat:no-repeat; background-position:center bottom; height:400px; width:100%}
}

@media ( max-width: 1000px ) {
* {font-size:12.5px; line-height:1.3}	
	

article:nth-child(1) {text-align:center; padding:100px 0 0 0; position:relative}
article:nth-child(1) figure:nth-child(1) div:nth-child(1) {position:absolute; top:30px; left:30px}
article:nth-child(1) figure:nth-child(1) div:nth-child(2) {position:absolute; top:30px; right:30px}
article:nth-child(1) figure:nth-child(1) div:nth-child(1) img {height:20px}
article:nth-child(1) figure:nth-child(1) div:nth-child(2) img {margin-left:20px; height:20px}
article:nth-child(1) figure:nth-child(2) img {max-width:100%; margin:0 0 50px 0}

article:nth-child(1) .bg {position:absolute; bottom:-50px; left:0px; background:url('/img/bg.png'); background-size:100% auto; background-repeat:no-repeat; background-position:center bottom; height:300px; width:100%}


article:nth-child(2) {background:#ffffff; padding:50px 0 50px 0}
article:nth-child(2) figure {margin:0 auto; width:80%; max-width:850px;}
article:nth-child(2) figure:nth-child(1) h1 {position:absolute; z-index:9;color:#ea609e; font-size:2.5rem; font-family: 'Pretendard-ExtraBold'; text-align:left; margin:0 0 20px 0; line-height:1.1}
article:nth-child(2) figure:nth-child(1) h3 {color:#666666; font-size:1.2rem; font-weight:normal; font-family: 'Pretendard-Regular'; text-align:left; margin:0 0 30px 0; line-height:1.5; padding-top:80px}
article:nth-child(2) figure:nth-child(1) h2 {color:#000000; font-size:1.3rem; font-family: 'Pretendard-Medium'; text-align:left; margin:0 0 30px 0; }

article:nth-child(2) figure:nth-child(1) button {border-radius:50px; height:50px; width:100%; font-family: 'Pretendard-ExtraBold'; padding:0 0px 0 0px; background:#ea609e; color:#ffffff; font-size:1.3rem}


article:nth-child(3) {background:#ffffff; padding:0px 0 50px 0}
article:nth-child(3) figure {margin:0 auto; width:80%; max-width:850px; margin-bottom:50px;}
article:nth-child(3) h5 {margin:0 auto; width:80%; max-width:850px; font-size:2rem; font-family: 'Pretendard-ExtraBold'; padding-bottom:20px; margin-bottom:0px; border-bottom:1px solid #ea609e; color:#ea609e}


article:nth-child(3) figure button {border-radius:70px; height:70px; font-family: 'Pretendard-ExtraBold'; padding:0 0px 0 0px; width:100%; background:#ea609e; color:#ffffff; font-size:1.5rem; margin-bottom:30px;}
article:nth-child(3) figure:last-child h2 {text-align:center}

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:1rem; line-height:20px;}
dt i {margin-right:10px; color:#000000; }
dd {width:80%; float:right; font-size:1rem; line-height:20px; color:#444444}

dd span {color:#000000; font-size:12px !important; display:block;}
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 strong {color:#ea609e; border-bottom:1px solid #ea609e}

footer {background:#999999; padding:30px;}
footer * {font-size:0.9rem; color:#ffffff;}


.news dt {width:100%}
.news dd {width:calc(100% - 20px); margin-left:20px}
.award:first-child {margin-top:20px;}
.award {
      background-color: #f9f9f9;
      border-radius: 10px;
      padding: 20px 30px;
      margin-bottom: 20px;
      
    }
    .award h2 {
      font-size: 1.3em;
      margin-bottom: 10px;
    }
    .emoji {
      font-size: 1.2em;
      margin-right: 6px;
    }
    ul {
      list-style: none;
      padding-left: 0;
    }
    li {
      margin: 8px 0;
    }
}










/*
font-family: 'Black Han Sans';font-optical-sizing: auto; font-weight: 400; font-style: normal;

@font-face {
    font-family: 'SBAggroB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@font-face {
    font-family: 'BookkMyungjo-Bd';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
* {font-family: 'SUIT', sans-serif;}

* {color:#666666; letter-spacing:0px; word-break: keep-all;} 

html {
  scroll-behavior: smooth;
}
.scrollLock { overflow: hidden; }
ul.ullist {margin-bottom:20px;}
ul.ullist:last-child {margin-bottom:0px}
ul.ullist li:before {color:#000000; content: "?è"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; font-size:5px; position:absolute; margin-left:-15px; top:10px}
ul.ullist li {margin-bottom:0px; padding-left:20px; margin-bottom:10px; position:relative}
ul.ullist li u {color:red}





body,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,div,a,form,figure {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; list-style:none}

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:16px; line-height:30px;}
dt i {margin-right:10px; color:#000000; }
dd {width:80%; float:right; font-size:16px; line-height:30px;}

dd span {color:#000000; font-size:12px !important; display:block;}
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;}

form {display:block; width:100%; margin:0 auto; text-align:}
form p {margin-top:10px; width:100%; display:table; }
form p label {float:left; color:#000000; font-weight:bold; margin-bottom:10px;}
form p label span {top:7px !important}
form span.agreeview {background-color:#ffffff; color:#8E60A7; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #8E60A7; font-size:12px; margin-top:0px; cursor:pointer; float:left}
form p .checkmark {top:7px !important}

form a {display:; margin-top:20px; color:#000000; text-align:left; font-weight:800; border-bottom:1px solid #000000; width:auto}

form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:10px; display:block; font-size:15px; }
form input[type=email] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:10px; display:block; font-size:15px; }
form input[type=number] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:0px; display:block; font-size:15px;}
form input[type=password] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:10px; display:block; font-size:15px;}
form button {width:100%; height:60px; text-align:center; color:#ffffff; border-radius:5px; font-size:17px; background-color:#8E60A7; margin-top:0px; margin-bottom:30px;}
form textarea {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:15px; height:50px;}
form h50 {display:block; color:#8E60A7; font-size:15px; margin-bottom:15px; width:100%; margin-top:15px; text-align:left; line-height:1.7}
form h50:before {color:#8E60A7; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

form h7 {font-size:18px; color:#000000; margin-top:50px; display:block; text-align:left; font-weight:700}
form h7:after {content: ""; display: block; width: 100%; border-bottom: 1px solid #8E60A7; margin: 10px 0px;}


form h6 {color:#000000 !important; font-size:15px; text-align:left; margin-bottom:10px; margin-top:20px; display:block; position:relative; font-weight:700}
form h6 i {color:#60c3ab !important; font-size:17px;}
form select {width:calc(100% - 0px); padding:18px; border:1px solid #cccccc; border-radius:5px; margin-bottom:10px; display:block; font-size:15px;}

form h6 sup {color:red; font-size:15px; font-weight:bold; position:absolute; top:-10px; left:-10px; display:block}

form h8 {width:calc(100% - 42px); position: relative; padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:15px; margin-top:0px;}
form h8 label {margin-right:20px}
form h7 span {margin-left:20px; margin-right:0px !important}
form h7 span i {color:#ffffff; margin-right:10px}

form h9 {display:table; width:100%;}
form h9 select {width:30%; margin-right:5%; float:left}
form h9 select:last-child {margin-right:0%}


.agreebox {border:1px solid #e6e6e6; width:calc(100% - 42px); padding:20px; border-radius:10px; height:100px; overflow:auto; margin-bottom:20px;}
.agreebox {font-size:13px; line-height:25px;}
.agreebox b {color:#000000; display:block; margin-bottom:0px;}

.infobox {background-color:#f6f6f6; width:calc(100% - 60px); padding:30px; border-radius:10px; margin-bottom:30px;}
.infobox li {margin-bottom:10px; font-size:15px; line-height:20px !important;}
.infobox ul {margin-left:20px}
.infobox li b {color:red; border-bottom:1px solid red; margin-bottom:0px !important;}



#agreebox1 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:99 !important}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:99 !important}
#agree {position:absolute; top:20%; left:50%; width:500px; margin-left:-250px; height:50%; background-color:#ffffff; border:1px solid #8E60A7; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:20px !important; margin:40px 20px 20px 20px;  font-family: 'S-CoreDream-8Heavy'}
#agree h1:after {display:none}
#agree h2 {color:#da291c; font-size:15px; margin:20px 0px 10px 0px;}
#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:#8E60A7; 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:14px; line-height:25px;  color:#999999}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


input[type='number'] {
  -moz-appearance: textfield;
}

input[type=text],input[type=email],input[type=password],input[type=button],input[type=number],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 !important; 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; height:40px !important; margin-bottom:0px !important}
.pagenum i {line-height:40px; width:100%; text-align:center;}

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

.detail-news {background: linear-gradient(to bottom, #000000 50%, transparent 50%); }
.detail-news .wrap div button {background:#ffffff} 
.detail-news h1 {color:#ffffff !important}




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:2px; left: 0; height: 20px; width: 20px; background-color: #cccccc; border-radius:5px;}
label input:checked ~ .checkmark {background-color: #000000;}
.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);}


.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 img {width:600px; display:block; float:left; border-radius:10px; margin-bottom:0px; margin-top:20px;}
.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: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;}



#head {width:100%; position:fixed; top:0px; left:0px; height:130px; z-index:99; transition:all 0.3s ease; background:#ffffff; border-bottom:1px solid #3e28a9; background:}
#head .logo {float:left;}
#head img {margin:60px 0 0 40px; display:block; height:50px;}
#head a {}
#head a.on {color:#40ade2;}
#head .topmenu {position:absolute; width:100%; padding:7px 0 7px 0; background:#3e28a9; right:0px; top:0px; text-align:right}
#head .topmenu a {font-family: 'Noto Sans KR'; color:#ffffff; margin:0 0px 0 20px; text-transform: uppercase; font-size:13px; font-weight:bold}
#head .topmenu a:last-child {margin-right:40px}
#head .topmenu a i{color:#ffffff; font-size:13px; margin-right:5px;}

#head div.sns {float:right; margin-right:40px; margin-top:60px;}
#head div.sns button {margin:0 0 0 10px; border-radius:40px}
#head div.sns button {height:40px; width:40px; border-radius:40px;}
#head div.sns button:nth-child(1) {background:url('https://eventcdn.cafe24.com/royal/img/sns/y.png'); background-size:100%; text-indent:-10000px !important}
#head div.sns button:nth-child(2) {background:url('https://eventcdn.cafe24.com/royal/img/sns/f.png'); background-size:100%; text-indent:-10000px !important}
#head div.sns button:nth-child(3) {background:url('https://eventcdn.cafe24.com/royal/img/sns/i.png'); background-size:100%; text-indent:-10000px !important}
#head div.sns button:nth-child(4) {background:#ffffff; border:1px solid #000000}
#head div.sns button:nth-child(4) i {color:#000000; font-size:17px;}

@media ( max-width: 1400px ) {
#head div.sns {float:right; margin-right:40px; margin-top:65px;}
#head div.sns button {margin:0 0 0 10px; border-radius:30px}
#head div.sns button {height:30px; width:30px; border-radius:30px;}
}


#head div.login {float:right; margin-right:40px; margin-top:30px;}
#head div.login button {background-color:; color:#ffffff; height:40px; padding:0 20px 0 20px; border-radius:40px; text-align:center; margin:0 0 0 10px; font-size:12px; font-weight:900; border:1px solid #ffffff}
#head div.login button i {color:#ffffff; margin-right:5px}
#head div.login a {color:#ffffff; font-size:12px; margin-right:10px}
#head div.login a i {color:#ffffff; margin-right:5px}
#head div.login button:last-child {background:#40ade2; border:1px solid #40ade2}



#head div.login button {background: linear-gradient(to right, #ffffff 50%, #40ade2 50%); background-size: 200% 100%; background-position:right bottom; transition:all 0.3s ease;}
#head div.login button:hover {background-position:left bottom; color:#000000}
#head div.login button i {color:#ffffff; margin-right:5px}
#head div.login button:hover i {color:#000000}

#head .pcmenu {float: none; position: absolute; top: calc(50% + 20px); left: 50%; transform: translate(-50%, -50%); width:70%; display : flex; justify-content: center; align-items : center;}

#head.shown {position:fixed; top:0px; left:0px; z-index:99; height:100px; border-bottom:0px solid rgba(255,255,255,0); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1); background:#ffffff}
#head.shown a {font-size:16px; color:#000000}
#head.shown img {margin:50px 0 0 20px; display:block; height:30px;}
#head.shown .pcmenu {top: calc(50% + 15px);}

#head.shown .login {float:right; margin-right:20px; margin-top:30px;}
#head.shown .login a {color:#000000;}
#head.shown .login a i {color:#000000;}
#head.shown .login button {background-color:; color:#000000; height:40px; padding:0 20px 0 20px; border-radius:40px; text-align:center; margin:0 0 0 10px; font-size:12px !important; font-weight:900; border:1px solid #000000}
#head.shown .login button i {color:#000000; margin-right:5px}
#head.shown .login button:last-child {color:#ffffff;}
#head.shown .login button:last-child i {color:#ffffff;}

#head.shown div.sns {margin-top:45px;}
#head.shown .topmenu {top:0px}
#head.shown .topmenu a {color:#ffffff; font-size:13px}


.menubox {display:none;}
.toggle-sidebar {display:none;}

.subnav {margin-right:40px; margin-left:40px; float:left;}
.subnav a {line-height:150px; font-size:18px; color:#000000; font-weight:800}
.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:#8E60A7;width: 150px; z-index: 99999 !important;  line-height:50px !important; border-radius:10px; margin-top:-50px; 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;
}

#head.shown .subnav-content {margin-top:-10px;}

.subnav-content a {display:block;color:#ffffff !important; font-size:14px !important; }
.subnav-content a:not(:last-child) {border-bottom:1px solid rgba(255,255,255,0.3)}

.subnav:hover > a {color:#40ade2 !important; border-bottom:1px solid #40ade2; padding-bottom:10px;}



.subnavon > a {color:#40ade2 !important; border-bottom:1px solid #40ade2; padding-bottom:10px;}

.subnav:hover .subnav-content {display: block; }
.subnav-content a:hover {color:#e0e6fc !important;}


#head.shown .subnav a {line-height:70px;}
#head.shown .subnav-content a {line-height:20px;}

@-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: 1720px ) {
.subnav {margin-right:20px; margin-left:20px; float:left;}
}
@media ( max-width: 1400px ) {
.subnav {margin-right:15px; margin-left:15px; float:left;}
.subnav a {font-size:15px;}
}

#headblack {position:fixed; top:0px; left:0px; z-index:99; height:100px; background-color:#ffffff; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1);}



#eventmain {width:100%; height:900px; position:fixed; background-position:center !important; background-size:cover !important; background-attachment: fixed !important; top:0px; left:0px;}
#eventmain .title {width:930px; float: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:2; text-align:left;background:}

#eventmain .title p:nth-child(1) {color:#ffffff; font-size:18px; font-weight:500; margin-bottom:20px}
#eventmain .title p:nth-child(2) {color:#ffffff; font-size:60px; font-weight:800; margin-bottom:30px;}
#eventmain .title p:nth-child(3) {color:#ffffff; font-size:20px; font-weight:700; margin-bottom:50px; line-height:2}
#eventmain .title p:nth-child(3) i {color:#ffffff; margin-right:10px}

#eventmain .title p:nth-child(4) button {color:#ffffff; font-size:15px; padding:0px 30px 0px 30px; border:1px solid #ffffff; border-radius:40px; height:40px; margin-right:20px; margin-left:0px; }
#eventmain .title p:nth-child(4) button.on {background:#ffffff; color:#000000; font-weight:800}

#eventmain .title p:nth-child(4) button.on:after {color:#000000; font-family: "Font Awesome 5 free"; content: "\f078"; margin-left:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

#eventmain .scrolldown {z-index:1; position:absolute; color:#ffffff; bottom:100px; text-align:center; width:100%;}
#eventmain .scrolldown * {color:#ffffff; text-align:center}
#eventmain .scrolldown i {font-size:30px; margin-bottom:10px;}

#eventmain .bg {width:100%; position:absolute; top:0px; left:0px; height:100%; background:rgba(0,0,0,0.5); z-index:1}

#page { padding:200px 0 200px 0; background:#f5f5f5; z-index:11; position:relative; margin-top:900px; background:url('/2024/img/line1.png?v=1'),url('/2024/img/line2.png'),#ffffff; background-repeat:no-repeat; background-position:top right, bottom left; background-size:50%;}

#nopage { padding:200px 0 200px 0; z-index:11; position:relative;}

#page h1 {color:#000000;  font-family: 'SBAggroB'; font-size:40px; margin-bottom:50px !important; text-align:center}
#page h2 {display:none; color:#999999;  font-size:20px; margin-bottom:50px; text-align:center}

#page h3 {font-size:25px; font-weight:900;  background: linear-gradient(to right top, #8E60A7, #364c9b); color: transparent; -webkit-background-clip: text;  line-height:1.5; margin-bottom:30px; text-align:center}
#page h3:after {content: ""; display: block; width: 50px; border-bottom: 1px solid #8E60A7; margin:0 auto; margin-top:30px;}

#page h4 {font-size:18px; color:#000000; line-height:1.5; margin-bottom:50px; text-align:center}

#page h5 {margin-bottom:30px; font-family: 'SBAggroB'; font-weight:900; line-height:1.2; font-size: 20px; background: linear-gradient(to right top, #000000, #000000); color: transparent; -webkit-background-clip: text; }
#page h5 i {color:#000000; margin-right:10px}
#page h401 {display:block; margin-bottom:50px; text-align:center}
#page h401 button {margin:0 10px 0 10px; font-weight: 500; font-size:15px; color:#000000; height:40px; border-radius:40px; padding:0 30px 0 30px; border:1px solid #000000}
#page h401 button.on {background:#000000; color:#ffffff !important; font-weight:900}


#page iframe {width:100%; height:500px}

#page .ifslider-wrap {z-index:-1}

#page h300 {display:block; color:#cccccc; padding:200px 0 200px 0; border-radius:10px; background:#f9f9f9; text-align:center; margin-bottom:100px;}
#page h300 i {color:#cccccc; font-size:60px; display:block; margin:0 auto; margin-bottom:20px}

#page h301 {display:block; color:#8E60A7; font-size:15px; padding:20px 0 20px 0; border-radius:10px; text-align:center; margin-bottom:0px; border:1px solid #8E60A7; font-weight:bold}
#page h301 i {color:#8E60A7; font-size:15px; margin-right:10px}

.p0102 h5 {font-size:20px !important; margin-top:30px !important; margin-bottom:10px !important}
.p0102 p {color:#000000; font-size:17px !important}


.p0102 button {margin-top:30px; color:#000000; height:30px; border-bottom:1px solid #000000; font-weight:800; margin-right:30px; font-size:17px;}
.p0102 button i {color:#000000; margin-right:10px}

.p0103 {background: linear-gradient(45deg, #40ade2, #364c9b) !important;}
.p0103 img {filter:invert(0%) sepia(20%) saturate(1688%) hue-rotate(349deg) brightness(87%) contrast(87%); width:50%; margin-bottom:50px;}
.p0103 p b {font-weight:800; font-size:25px; display:block; margin-bottom:30px; line-height:2}
.p0103 p {color:#ffffff; line-height:2; width:70%; font-size:17px;}
.p0103  .wrap div {position:absolute; bottom:0px; right:0px; width:800px; height:400px; background-size:cover !important; background-position:center !important}
.p0103 h4 {color:#ffffff !important; text-align:left !important}

.p0104 .wrap div {display:table; width:100%; margin-bottom:100px;}
.p0104 .wrap div figure {display:block; float:left}
.p0104 .wrap div figure:nth-child(1) {width:30%}
.p0104 .wrap div figure:nth-child(1) img {width:80%; border-radius:10px;}
.p0104 .wrap div figure:nth-child(2) {width:70%; font-size:17px; line-height:2;}
.p0104 .wrap div figure:nth-child(2) img {height:70px; float:right; margin-top:50px; display:block;}
.p0104 .wrap div:last-child {margin-bottom:0px}



.notice {width:100%; height:900px;}
#main {margin-top:0px; position:relative;}

#main-loginbox {width:100%; height:1000px; position:relative; background-size:cover !important; background-position:center !important}
.loginbox {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center;background:#ffffff; width:400px; border-radius:10px; padding:50px; z-index:9;}
#main-loginbox .bg {width:100%; position:absolute; top:0px; left:0px; height:100%; background:rgba(0,0,0,0.7); z-index:8}
.loginbox .fa-circle-xmark {position:absolute; right:20px; top:20px; color:#000000; font-size:30px; cursor:pointer}

#main-title {width:100%; height:900px; position:relative; background-size:cover !important; background-position:center !important; overflow:hidden}
#main-title {position:relative;}
#main-title .swiper-slide {background-position:center !important; background-size:cover !important}
#main-title .title {width:1000px; float: none; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); z-index:9; text-align:center;background:}



#main-title .title p:nth-child(1) {color:#ffffff; font-size:50px; margin-bottom:20px; font-family: 'Black Han Sans';font-optical-sizing: auto; font-weight: 600; font-style: normal; }
#main-title .title p:nth-child(1) img {width:100%;}

#main-title .title p:nth-child(1) h81 {display:block; float:left; width:40%;}
#main-title .title p:nth-child(1) h82 {display:block; float:right; color:#ffffff; width:50%; text-align:left; font-size:32px; font-weight:900; padding:40px 0 0 0}
#main-title .title p:nth-child(1) h82 span {display:block; font-size:50px; line-height:1.0; font-weight:300; margin-bottom:30px; text-transform: uppercase !important;}
#main-title .title p:nth-child(1) h82 span sup {color:#ffffff; font-size:20px}
#main-title .title p:nth-child(2) {color:#ffffff; font-size:25px; margin-bottom:30px; font-family: 'Black Han Sans';font-optical-sizing: auto; font-weight: 400; font-style: normal; line-height:1.5}

#main-title .title p:nth-child(2):after {content: ""; display: block; margin:0 auto; width: 60px; border-bottom: 1px solid #ffffff; margin-top:20px;}

#main-title .title p:nth-child(3) {color:#ffffff; font-size:20px; margin-bottom:10px; font-family: 'Black Han Sans';font-optical-sizing: auto; font-weight: 400; font-style: normal; line-height:1.5}

#main-title .title p:nth-child(3) i {color:#ffffff; margin-right:10px}

#main-title .title p:nth-child(1) h83 {display:block; margin-top:30px; color:#ffffff; font-size:18px; margin-bottom:10px; font-weight: 400; font-style: normal; line-height:2}
#main-title .title p:nth-child(1) h83 i {color:#ffffff; margin-right:10px}
#main-title .title p:nth-child(1) h83 i:last-child {}
 
#main-title .bg {width:100%; position:absolute; top:0px; left:0px; height:100%; background:rgba(0,0,0,0.3); z-index:8}



#main-title div.text {float: none; position: absolute; top: 55%; left: 10%; transform: translate(0%, -50%); z-index:9;}


#main-title div.text h1 {text-align:left; margin-bottom:30px; font-size:60px; font-weight:900; color:#000000; line-height:70px !important}

#main-title div.text h1 span{position: relative; padding:0px 5px 5px 0px; font-size:80px; font-weight:100; color:#000000; line-height:80px !important; display:block;}
#main-title div.text h1 span:before{position: absolute;content: '';width: 100%;height: 2px;bottom: 65px;z-index: -1;background-color: #c5a86f;clip: rect(0px, 0px, 50px, 0px);transform: skew(30deg);transition: all 2s;}
#main-title div.text h1 span.line::before{clip: rect(0px, 900px, 50px, 0px);}

#main-title div.text h1 b {line-height:60px; color:#5bdaa3; font-size:100px;}
#main-title div.text h2 {text-align:left}

#main-title div.text h3 {text-align:left; margin-bottom:30px; font-size:25px; color:#3e28a9; line-height:1; font-weight:900;}
#main-title div.text h3 b {font-size:40px; color:#000000; line-height:0.5; font-weight:900; margin-left:5px}


#main-title div.text p {text-align:left; color:#000000; font-size:20px; font-weight:; margin-bottom:10px; line-height:30px; }
#main-title div.text i {color:#000000; margin-right:10px; font-size:20px}
#main-title div.text button {background-color:#6624cc; color:#ffffff; width:400px; height:60px; border-radius:10px; display:block; margin:0 auto; margin-top:30px; font-size:20px; font-family: 'LOTTERIADDAG';}
#main-title div.text .spons {margin-top:50px}
#main-title div.text .spons img {max-width:70%}

#main-title div.text i.fa-arrow-circle-right {margin-left:5px; margin-right:5px}

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 900px;
  width: 100%;
  z-index: -1;
}

.bg-video__content {
  height: 900px;
  width: 100%;
  object-fit: cover;
  
}

#main-event {height:auto; padding:150px 0 150px 0;}
#main-brand {height:950px;}
#main-menu {height:950px;}
#main-location {height:950px}
#main-news {height:950px;}
#main-sns {height:auto; padding:150px 0 150px 0;}

.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:13px;height:30px; margin-bottom:20px;}
.notice .swiper-pagination span {color:#ffffff !important; font-size:13px;}
#main-slide {margin-top:0px}
#main-slide section:nth-child(1) {width:100%; height:1100px;}
#main-slide section:nth-child(1) {position:relative}
#main-slide section:nth-child(1) .title {float: none; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); z-index:9; text-align:center;background:}
#main-slide section:nth-child(1) .spon {float: none; position: absolute; bottom: 10%; left: 50%; transform: translate(-50%, 0%); z-index:9; text-align:center}
#main-slide section:nth-child(1) .spon img {max-width:1000px}
#main-slide section:nth-child(1) .title img {max-width:100%}
#main-slide section:nth-child(1) .title p {float:left; padding:0px; width:calc(100% - 0px);}
#main-slide section:nth-child(1) .bg {width:100%; position:absolute; top:0px; left:0px; height:100%; background:rgba(0,0,0,0.5); z-index:8}

#main section {position:relative}
#main section .wrap {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:1100px !important; z-index:3}

#main section .widewrap {width:100%; position: absolute; top:0px; left:0px; z-index:3; overflow:hidden;}

#main section .wrap div {width:100%; display:table; background:}
#main section h1 {text-align:center; font-family: 'Black Han Sans';font-optical-sizing: auto; font-weight: 700; font-style: normal; font-size:40px; color:#000000; margin-bottom:10px;}
#main section h2 {text-align:center; font-weight: 500; font-size:25px; color:#999999; margin-bottom:30px; line-height:1.7}
#main section h3 {text-align:center; margin-bottom:50px;}

#main section h3 button {margin:0 20px 0 20px; font-weight: 500; font-size:15px; color:#000000; height:40px; border-radius:40px; padding:0 20px 0 20px; border:1px solid #ffffff}
#main section h3 button.active {background:#ffffff; color:#000000 !important; font-weight:900}
#main {}
#main-event .wrapno {width:1100px; margin:0 auto; display:table}
#main-event .wrapno div figure {display:block; width:calc(33.3% - 20px); margin-right:30px; float:left; margin-bottom:60px; cursor:pointer}
#main-event .wrapno div figure:nth-child(3n) {margin-right:0px !important; background:}
#main-event .wrapno div figure p:nth-child(1) {width:100%; height:200px; margin-bottom:20px; background-position:center !important; background-size:cover !important}
#main-event .wrapno div figure p:nth-child(2) {color:#999999; font-size:14px; margin-bottom:10px;}
#main-event .wrapno div figure p:nth-child(3) {color:#000000; font-size:18px; font-weight:800; margin-bottom:20px;}
#main-event .wrapno div figure p:nth-child(4) {margin-bottom:20px;}
#main-event .wrapno div figure p:nth-child(4) i {margin-right:10px;}

#main-event div figure p:nth-child(5) span {color:#cccccc; font-size:13px; padding:2px 10px 2px 10px; border:1px solid #cccccc; border-radius:px; margin-right:10px; }

#main-brand {position:relative; background:url('/main/img/main/slide/6.jpg?v=1'); background-size:cover; background-position:center; background-attachment: fixed;}
#main-brand .bg {position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7);z-index:2}
#main-brand h1 {color:#ffffff !important}
#main-brand h2 {color:#ffffff !important}

#main-brand .wrap div button {display:block; float:left; width:33.3%; border:1px solid rgba(255,255,255,0.5); height:250px; border-right:0px;}
#main-brand .wrap div button:last-child {border-right:1px solid rgba(255,255,255,0.5);}
#main-brand .wrap div button img {height:50px; margin-bottom:20px;}
#main-brand .wrap div button p:nth-child(2) {color:#ffffff; font-size:17px; font-weight:800; margin-bottom:20px}
#main-brand .wrap div button p:nth-child(3) a {margin:0 10px 0 10px; border-bottom:1px solid #ffffff; color:#ffffff;}


#main-menu {background-image: linear-gradient(to right, #e9e9e9 50%, #ffffff 50%);}

#main-menu {background:#000000}

#main-menu {position:relative}
#main-menu .menutit {position:absolute; top:250px; position:absolute; left:50%; margin-left:300px; width:300px;}
#main-menu .menutit h1 {text-align:left}
#main-menu .menutit h2 {text-align:left}


#main-menu .menutit button {padding:0 0 0 20px; color:#8E60A7; border-top:1px solid #8E60A7; font-size:16px; height:60px; display:block; width:100%; text-align:left; position:relative}
#main-menu .menutit button i {color:#8E60A7; font-size:16px; position:absolute; right:30px;}
#main-menu .menutit button:last-child {border-bottom:1px solid #8E60A7;}

#main-menu .storemenu {height:500px; width:800px; top:250px; position:absolute; left:50%; margin-left:-600px; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1), 0 30px 60px 0 rgba(0, 0, 0, 0.2);}
#main-menu .swiper-slide {width:100%; height:100%; background-size:cover !important; background-position:center !important; position:relative}

#main-menu .swiper-slide p:nth-child(1) {position:absolute; top:50px; left:50px; color:#ffffff; font-size:18px; font-weight:800;}
#main-menu .swiper-slide p:nth-child(2) {position:absolute; top:80px; left:50px; color:rgba(255,255,255,0.5); font-size:15px; font-weight:600;}

#main-menu .swiper-button-next {position:absolute; left:calc(100% - 50px); background-image:none !important; width:50px; height:50px; z-index:1; text-align:center; line-height:50px;}
#main-menu .swiper-button-prev {position:absolute; left:0%;  background-image:none !important; width:50px; height:50px; z-index:1;  text-align:center; line-height:50px;}
#main-menu .swiper-button-next:after{content:''}
#main-menu .swiper-button-prev:after{content:''}
#main-menu i {color:#ffffff; font-size:30px;}

#main-menu .swiper-pagination {background:rgba(0,0,0,0.5); 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:30px;}
#main-menu .swiper-pagination span {color:#ffffff !important; font-size:13px;}

.swiper-button-prev.swiper-button-disabled{opacity:0 !important;}
.swiper-button-next.swiper-button-disabled{opacity:0 !important;}


#main-location {position:relative; background: linear-gradient(45deg, #A587BC, #8E60A7); margin-bottom:-170px !important}
#main-location .widewrap {background:; padding-bottom:100px;}

#main-location h1 {color:#ffffff  !important; margin-top:150px;}
#main-location h2 {color:#ffffff  !important}
#main-location h3 * {color:#ffffff  !important}



#main-location .mainpro {height:400px; width:60%;  margin:0 auto;}
#main-location .mainpro2 {height:400px; width:60%;  margin:0 auto;}
#main-location .swiper-slide {width:300px; height:320px; position:relative; background:#ffffff; border-radius:10px}

#main-location .swiper-slide p:nth-child(1) {width:100%; height:170px; background-size:cover !important; background-position:center !important; position:relative; border-radius:10px 10px 0 0}
#main-location .swiper-slide p:nth-child(1) b {position:absolute; display:block; margin:0; padding:0; top:20px; left:20px;}
#main-location .swiper-slide p:nth-child(1) b span {color:#ffffff; margin-right:10px; font-size:13px; padding:5px 10px 5px 10px; background:rgba(0,0,0,0.5);}
#main-location .swiper-slide p:nth-child(1) b1 {display:none;}
#main-location .swiper-slide p:nth-child(1):hover b1 {display:block; height:100%; width:100%; background:rgba(0,0,0,0.6); position:relative}
#main-location .swiper-slide p:nth-child(1):hover b1 span {display:block; font-size:12px; line-height:30px; color:#ffffff; width:100px; height:30px; border-radius:30px; border:1px solid #ffffff; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center}

#main-location .swiper-slide p:nth-child(2) {padding:20px 20px 10px 20px; color:#000000; font-size:17px; font-weight:800; position:relative}
#main-location .swiper-slide p:nth-child(2) i {font-size:17px; color:#8E60A7; position:absolute; display:block; right:20px; top:20px;}
#main-location .swiper-slide p:nth-child(3) {padding:0px 20px 10px 20px; color:#666666; font-size:14px; font-weight:600; line-height:1.5}

#main-location .swiper-slide p:nth-child(4) {padding:0px 20px 0px 20px; line-height:1.7}

#main-location .swiper-slide p:nth-child(4) i {font-size:14px; color:#000000; margin-right:5px}
#main-location .swiper-slide p:nth-child(4) i.fa-map-marker-alt {margin-left:0px}
#main-location .swiper-slide p:nth-child(4) {color:#000000; font-size:14px;}

#main-location .swiper-button-next {position:absolute; left:calc(83% - 50px); top:50%; margin-top:50px; background-image:none !important; width:50px; height:50px; z-index:1; text-align:center; line-height:50px;}
#main-location .swiper-button-prev {position:absolute; left:17%;  top:50%; margin-top:50px; background-image:none !important; width:50px; height:50px; z-index:1;  text-align:center; line-height:50px;}
#main-location .swiper-button-next:after{content:''}
#main-location .swiper-button-prev:after{content:''}
#main-location i {color:#ffffff; font-size:30px;}

#sido {width:100%; height:140px; background:#ffffff; z-index:11; position:relative}
#scroller {height:140px; background:#ffffff; border-top:1px solid #dddddd}
#sido img {max-height:40px; max-width:170px; float:left; padding:50px; background:#ffffff; }

#main-location .swiper-pagination {background:rgba(0,0,0,0.5); 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:30px;}
#main-location .swiper-pagination span {color:#ffffff !important; font-size:13px;}



#banner {padding:50px 0 50px 0; display:table; width:100%; background:#8e60a7}
#banner div.wrap {width:1000px; margin:0 auto; height:100px;}
#banner div.wrap button {width:250px; height:100px; float:left; color:#ffffff; font-size:17px; border-right:1px solid #e6e6e6; font-weight:600 !important;}
#banner div.wrap button i {color:#ffffff; font-size:40px; display:block; text-align:center; margin-bottom:20px;}
#banner div.wrap button:last-child {border-right:0px none}


#main-news .wrap div {background:}
#main-news .wrap div button {display:block; float:left; width:calc(33.3% - 20px); height:220px; margin-right:30px; padding:30px; background:#; border:1px solid #e6e6e6}
#main-news .wrap div button:last-child {margin-right:0px;}
#main-news .wrap div button p:nth-child(1) {text-align:left; font-weight:800; margin-bottom:20px; font-size:14px; color:#000000}
#main-news .wrap div button p:nth-child(2) {color:#000000; font-size:22px; line-height:1.7; font-weight:800; text-align:left; margin-bottom:20px;}
#main-news .wrap div button p:nth-child(3) {text-align:left}


#detail-news {margin-top:0px; padding:200px 0 200px 0; background-image: linear-gradient(#000000, 100px, #ffffff 0%);}
#detail-news .wrapno {width:1100px; margin:0 auto; display:table;}
#detail-news .wrapno div {margin-top:50px}
#detail-news .wrapno div button {display:block; float:left; width:calc(33.3% - 20px); height:220px; margin-right:30px; padding:30px; background:#; border:1px solid #e6e6e6}
#detail-news .wrapno div button:last-child {margin-right:0px;}
#detail-news .wrapno div button p:nth-child(1) {text-align:left; font-weight:800; margin-bottom:20px; font-size:14px; color:#000000}
#detail-news .wrapno div button p:nth-child(2) {color:#000000; font-size:22px; line-height:1.7; font-weight:800; text-align:left; margin-bottom:20px;}
#detail-news .wrapno div button p:nth-child(3) {text-align:left}


#bbsview h300 {display:block; color:#000000; font-size:20px; font-weight:800; margin:0 0 50px 0; padding:0 0 50px 0; border-bottom:1px solid #000000; text-align:center}
#bbsview h300 p {margin-top:20px; color:#000000; font-size:15px; text-align:center}
#bbsview h300 p i {color:#000000; margin-right:10px}

#bbsview .content {padding:0px 0 50px 0}

#bbsview button {width:150px !important; height:40px !important; border:1px solid #000000 !important; padding:0 !important; color:#000000  !important}


#main-sns {position:relative; background:#111111}
#main-sns h1 {color:#ffffff  !important}
#main-sns h2 {color:#ffffff  !important}

#main-sns div p {margin-top:50px; text-align:center}
#main-sns div p button {width:230px; height:50px; border:1px solid #ffffff; color:#ffffff; margin:0 10px 10px 10px}
#main-sns div p button i {color:#ffffff; margin-right:10px}
#nav {position:fixed; top: 50%; left: 5%; transform: translate(0%, -50%);  z-index:99}
#nav a {
	display:block;
   	width:20px;
    	color: #dddddd;
	margin-bottom:25px;
	font-size:15px;
	font-weight:700;
	padding-bottom:10px;
}
#nav a:hover, #nav a.active {
	display:block;
   	width:30px;
    	color: #8E60A7;
	margin-bottom:25px;
	font-size:15px;
	font-weight:700;
	padding-bottom:9px;
	border-bottom:1px solid #8E60A7;
}


#mainbtn {position:relative; background-size:cover !important; background-position:center !important; background-attachment: fixed !important; height:500px;}
#mainbtn .bg {position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8);z-index:2}
#mainbtn .wrap {float: none; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); width:1100px !important; z-index:3}
#mainbtn h1 {color:#ffffff; font-size:40px; font-weight:700; text-align:center; margin-bottom:20px;}
#mainbtn p {color:#ffffff; font-size:20px; margin-bottom:50px; text-align:center; line-height:1.7}
#mainbtn button {width:200px; height:60px; border:1px solid #ffffff; color:#ffffff; font-size:17px; margin:0 30px 0 30px; position:relative}

#mainbtn button:nth-child(2) .reser_div {display:none}
#mainbtn button:nth-child(2):hover .reser_div {background:#ffffff; width:calc(100% - 0px); display:block; position:absolute; top:48px; left:-1px; border:1px solid #8E60A7}
#mainbtn button:nth-child(2):hover .reser_div a {display:block; line-height:40px; border-bottom:1px solid #8E60A7; color:#8E60A7; font-size:12px;}

#sub-brand {padding:200px 0 200px 0}
#sub-brand h1 {width:1100px; margin:0 auto; text-align:left !important;  }
#sub-brand h1 img {width:50%}
#sub-brand h2 {width:1100px; margin:0 auto; text-align:left !important;  color:#000000 !important; font-size:25px !important; font-weight:800 !important}
#sub-brand p  {width:900px; padding:0 200px 0 0; margin:0 auto; text-align:left !important;  line-height:2}
#sub-brand p button {color:#000000; border:1px solid #000000; padding:0 20px 0 20px; display:block; height:40px; margin:50px 0 0 0}

#sub-brand div {position:absolute; bottom:0px; right:0px; width:800px; height:400px; border-radius:400px 400px 0 0; background-size:cover !important; background-position:center !important}



#sub-gallery  {height:800px; background:#24170e; padding:100px 0 0 0}
#sub-gallery {}

#sub-gallery h1 {color:#ffffff !important;}
#sub-gallery h2 {color:#ffffff !important;}
#sub-gallery .storemenu {height:500px; width:1000px; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1), 0 30px 60px 0 rgba(0, 0, 0, 0.2);}
#sub-gallery .swiper-slide {width:100%; height:100%; background-size:cover !important; background-position:center !important; position:relative}

#sub-gallery .swiper-slide p:nth-child(1) {position:absolute; top:50px; left:50px; color:#ffffff; font-size:18px; font-weight:800;}
#sub-gallery .swiper-slide p:nth-child(2) {position:absolute; top:80px; left:50px; color:rgba(255,255,255,0.5); font-size:15px; font-weight:600;}

#sub-gallery .swiper-button-next {position:absolute; left:calc(100% - 50px); background-image:none !important; width:50px; height:50px; z-index:1; text-align:center; line-height:50px;}
#sub-gallery .swiper-button-prev {position:absolute; left:0%;  background-image:none !important; width:50px; height:50px; z-index:1;  text-align:center; line-height:50px;}
#sub-gallery .swiper-button-next:after{content:''}
#sub-gallery .swiper-button-prev:after{content:''}
#sub-gallery i {color:#ffffff; font-size:30px;}

#sub-gallery .swiper-pagination {background:rgba(0,0,0,0.5); 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:30px;}
#sub-gallery .swiper-pagination span {color:#ffffff !important; font-size:13px;}

#localpop {position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.7); z-index:99; width:100%; height:100%;}
#localpop > #sub-gallery {height:650px; background:none; padding:0 !important; width:700px; margin:0 auto; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#localpop > #sub-gallery i.fa-times {position:absolute; top:-50px; right:0px}
#localpop > #sub-gallery .storemenu {height:650px; width:700px; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1), 0 30px 60px 0 rgba(0, 0, 0, 0.2);}

#main-menu .main-menu {width:50%; height:950px; position:absolute; left:0px;}


#main-menu .submenutit {width:50%; height:950px; position:absolute; left:50%; background:#000000 !important}
#main-menu .submenutit div {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:400px;}
#main-menu .submenutit h1 {text-align:left; color:#ffffff !important}
#main-menu .submenutit h2 {text-align:left}


#main-menu .submenutit button {padding:0 0 0 20px; color:#8E60A7; border-top:1px solid #8E60A7; font-size:16px; height:60px; display:block; width:100%; text-align:left; position:relative}
#main-menu .submenutit button i {color:#8E60A7; font-size:16px; position:absolute; right:30px;}
#main-menu .submenutit button:last-child {border-bottom:1px solid #8E60A7;}

#sub-our {width:100%; padding:300px 0 300px 0; display:table;}
#sub-our .wrapno {width:1100px; margin:0 auto; position:relative}
#sub-our h6 {display:block; color:#24170e; letter-spacing:2px; margin-bottom:20px; font-size:15px;}
#sub-our h5 {color:#000000; font-size:50px; line-height:1.2; font-weight:900; margin-bottom:50px;}
#sub-our p {line-height:2}

#sub-our .wrapno div {position:absolute; top:0px; left:530px; background:; width:600px !important}
#sub-our .wrapno div button {border-radius:20px; background:#f9f9f9; width:270px; margin-right:30px; height:300px; font-size:16px; color:#000000; font-weight:800}
#sub-our .wrapno div button:nth-child(2n) {margin-right:0px}
#sub-our .wrapno div button i {display:block; color:#000000; font-size:60px; margin-bottom:30px;}

#sub-our .wrapno div.namugardenbtn button {border-radius:20px; background:#f9f9f9; width:270px; margin-right:30px; height:140px; font-size:16px; color:#000000; font-weight:800; margin-bottom:30px; display:block; float:left}
#sub-our .wrapno div.namugardenbtn button i {display:block; color:#000000; font-size:40px; margin-bottom:20px;}


#sub-our .reservlist {margin-top:50px;}
#sub-our .reservlist p {padding:20px;  display:table; border-radius:5px; border:1px solid #dddddd; margin-bottom:10px; width:calc(100% - 42px);}
#sub-our .reservlist p b:nth-child(1) {color:#000000; display:block; float:left; width:15%; line-height:30px;}

#sub-our .reservlist p span {display:block; float:left; line-height:30px;}
#sub-our .reservlist p span:nth-child(2) {width:40%}
#sub-our .reservlist p span:nth-child(3) {width:20%}
#sub-our .reservlist p button {display:block; float:right; background:#00c73c; width:80px; height:30px; border-radius:30px; color:#ffffff;}
#sub-our .reservlist p button i {margin-right:10px; color:#ffffff;}

#menu {position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.6); z-index:999; width:calc(100% - 200px); height:calc(100% - 200px); padding:100px; }
#menu {display:none}
#menu .menuwrap {width:calc(100% - 100px); height:calc(100% - 100px); background:#ffffff; padding:50px 50px 50px 50px;  overflow:auto; position:relative}
#menu .menuwrap .fa-xmark {position:absolute; right:60px; top:50px; color:#000000; font-size:40px}
#menu .menuwrap div {display:table}

#menu section figure {float:left; width:calc(20% - 20px); margin:10px; position:relative;}
#menu section figure img {border-radius:10px; display:block}

#menu section figure span {position:absolute; display:block; bottom:0px; left:0px; border-radius:10px; background: linear-gradient(to top, rgba(0,0,0,0.5) 1%, transparent 90%); width:100%; height:100%; color:#ffffff; text-align:center}
#menu section figure span p {position:absolute; bottom:20px; left:0px; color:#ffffff; text-align:center; width:100%;}
#menu h45 {display:block; margin-bottom:30px;}
#menu h45 button {border:1px solid #8E60A7; color:#8E60A7; padding:0 30px 0 30px; height:40px; margin-left:10px;}

#menu h45 button.active {border-bottom:1px solid #8E60A7; color:#ffffff; background:#8E60A7}

footer {background-color:#333333; width:100%; padding:100px 0 100px 0; z-index:11; position:relative}
footer address {display:block; font-style: normal; text-align:left; font-size:14px; line-height:30px; color:#999999; width:80%; margin:0 auto; position:relative; font-weight:600;}
footer address a {font-size:15px; color:#ffffff; font-weight:800; margin-bottom:10px;}
footer address p {position:absolute; right:0px; top:0px}
footer address p button {width:50px; height:50px; border-radius:50px; background:#ffffff; margin-left:20px;}
footer address p button img {width:70%;}

.privacy p {color:#333333; line-height:1.7;}
.privacy p b {color:#000000; font-weight:800; display:block; margin:30px 0 10px 0}

.root_daum_roughmap_landing {width:100% !important; height:600px}
		#bmap {position:relative}
		#bmap .mapinfo {position:absolute; padding:50px; top:50px; right:50px; background:#ffffff; z-index:9;}
		#bmap .mapinfo p {color:#000000; margin-bottom:15px}
		#bmap .mapinfo p i {color:#000000; margin-right:10px}
		
.mobilemenu {display:none}
@media ( max-width: 1400px ) {
#nav {display:none;}
}



#mobilebottommenu {display:none}

.backlist {color:#000000; margin-top:-50px !important; font-size:17px; font-weight:700}
.backlist i {margin-right:10px}

#videopop {position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:99}
#videopop div {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:90%; max-width:1000px; aspect-ratio: 16 / 9;}
#videopop div iframe {display: block; width:100%; height:100%; }
#videopop div .fa-xmark {color:#ffffff; font-size:40px; position:absolute; right:0px; top:-60px;}

#sub-gallery .swiper-slide {position:relative}
#sub-gallery .swiper-slide .fa-circle-play {font-size:60px; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

@media ( max-width: 1200px ) {

body {max-width:640px; margin:0 auto; background-color:#ffffff}
* {font-size:11px;}
.wrap {width:90%; margin:0 auto}
img {max-width:100%;}


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


* {font-size:14px;}
.wrap {width:90%; margin:0 auto}
img {max-width:100%;}

#sub-gallery .swiper-slide .fa-circle-play {font-size:30px;}

#head .topmenu {position:absolute; right:0px; top:0px; padding:5px 0 5px 0}
#head .topmenu a {font-size:10px;}
#head .topmenu a i {font-size:10px;}
#head .topmenu a:last-child {margin-right:30px}

#head .pcmenu {display:none}	

#head div.login {float:right; margin-right:70px; margin-top:25px;}
#head div.login button {background-color:; color:#ffffff; height:30px; padding:0 10px 0 10px; border-radius:30px; text-align:center; margin:0 0 0 10px; font-size:11px; font-weight:900;}
#head div.login button i {font-size:11px}
#head {height:80px}
#head img {margin:45px 0 0 10px; display:block; height:15px; width:auto;}
#head.shown img {margin:45px 0 0 10px; display:block; height:15px;}


#head.shown .login {float:right; margin-right:70px; margin-top:25px; }
#head.shown .login button {background-color:; color:#ffffff; height:30px; padding:0 10px 0 10px; border-radius:30px; text-align:center; margin:0 0 0 10px; font-size:11px !important; font-weight:900;}

#head.shown .topmenu a {font-size:10px;}
#head.shown a {color:#ffffff}

.subnav {margin-right:7px; margin-left:7px; float:left;}
.subnav a {line-height:80px; font-family: 'SUIT', sans-serif; font-size:11px; color:rgba(255,255,255,0.5); font-weight:700}


.subnavon a {color:rgba(255,255,255,1);}
.subnavoff a {color:rgba(255,255,255,0.5);}

#head .logo {float: none; position: absolute; top: 0%; left: 5%; transform: translate(0%, 0%);}

.mobilemenu {display:block; position:absolute; top:25px; left:20px;}
.mobilemenu p {color:#ffffff; font-size:11px; font-weight:800}
.mobilemenu p .brdlist {display:none}
.mobilemenu select {color:#ffffff; background:rgba(0,0,0,0); font-size:11px; font-weight:800; border:1px solid #ffffff; padding:7px;}

#head.shown select {color:#000000; border:1px solid #000000}

#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:15px; z-index:10; text-align:center;}
.toggle-sidebar i {color:#000000; font-size:20px; line-height:80px;}
#head.shown .toggle-sidebar i {color:#000000;}
#head.shown {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:#8E60A7;}
.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;}







#head div.sns {float:right; margin-right:60px; margin-top:28px; display:none}
#head div.sns button {display:block; float:left; padding:0px 0 0px 0}
#head div.sns button i {font-size:12px; display:block; float:left; margin-right:5px; color:#000000; border-radius:24px; border:1px solid #000000; width:24px; height:24px; text-align:center; line-height:24px;}
#head div.sns button p {display:none}







.notice {width:100%; height:600px;}
#main {margin-top:0px;}

#main-title {width:100%; height:600px; position:relative; background-size:cover !important; background-position:center !important}
#main-title {position:relative;}
#main-title .swiper-slide {background-position:center !important; background-size:cover !important}
#main-title .title {width:55%; float: none; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); z-index:9; text-align:center;background:}



#main-title .title p:nth-child(1) {color:#ffffff; font-size:20px; margin-bottom:20px; font-family: 'Black Han Sans';font-optical-sizing: auto; font-weight: 600; font-style: normal; }
#main-title .title p:nth-child(1) img {width:100%;}

#main-title .title p:nth-child(1) h81 {display:block; float:none; margin:0 auto; width:60%; margin-bottom:20px;}
#main-title .title p:nth-child(1) h82 {display:block; float:right; color:#ffffff; width:100%; text-align:left; font-size:17px; font-weight:900; padding:0px 0 0 0}
#main-title .title p:nth-child(1) h82 span {display:block; font-size:20px; line-height:1.5; font-weight:300; margin-bottom:10px;}
#main-title .title p:nth-child(1) h82 span sup {color:#ffffff; font-size:10px}
#main-title .title p:nth-child(2) {color:#ffffff; font-size:25px; margin-bottom:30px; font-family: 'Black Han Sans';font-optical-sizing: auto; font-weight: 400; font-style: normal; line-height:1.5}

#main-title .title p:nth-child(2):after {content: ""; display: block; margin:0 auto; width: 60px; border-bottom: 1px solid #ffffff; margin-top:20px;}

#main-title .title p:nth-child(3) {color:#ffffff; font-size:20px; margin-bottom:10px; font-family: 'Black Han Sans';font-optical-sizing: auto; font-weight: 400; font-style: normal; line-height:1.5}

#main-title .title p:nth-child(3) i {color:#ffffff; margin-right:10px}

#main-title .title p:nth-child(1) h83 {display:block; margin-top:30px; color:#ffffff; font-size:12px; margin-bottom:10px; font-weight: 400; font-style: normal; line-height:2}
#main-title .title p:nth-child(1) h83 i {color:#ffffff; margin-right:10px}
#main-title .title p:nth-child(1) h83 i:last-child {margin-left:0px}
 
#main-title .bg {width:100%; position:absolute; top:0px; left:0px; height:100%; background:rgba(0,0,0,0.6); z-index:8}

#main-title div.text {float: none; position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); z-index:9; width:80%;}


#main-title div.text h1 {text-align:; margin-bottom:10px; font-size:24px; font-weight:900; line-height:30px !important}

#main-title div.text h1 span{position: relative; padding:0px 5px 5px 0px; font-size:25px; font-weight:100; line-height:30px !important; display:block;}
#main-title div.text h1 span:before{position: absolute;content: '';width: 100%;height: 2px;bottom: 65px;z-index: -1;background-color: #c5a86f;clip: rect(0px, 0px, 50px, 0px);transform: skew(30deg);transition: all 2s;}
#main-title div.text h1 span.line::before{clip: rect(0px, 900px, 50px, 0px);}

#main-title div.text h1 b {line-height:60px; font-size:100px;}
#main-title div.text h2 {text-align:}

#main-title div.text h3 {text-align:; margin-bottom:20px; font-size:20px; line-height:1.3;}
#main-title div.text h3 b {font-size:40px; line-height:0.5; font-weight:900; margin-left:5px}


#main-title div.text p {text-align:; font-size:15px; font-weight:; margin-bottom:0px; line-height:30px; }
#main-title div.text i {margin-right:10px; font-size:15px}
#main-title div.text button {width:400px; height:60px; border-radius:10px; display:block; margin:0 auto; margin-top:30px; font-size:20px; font-family: 'LOTTERIADDAG';}
#main-title div.text .spons {margin-top:50px}
#main-title div.text .spons img {max-width:100%}

#main-title div.text i.fa-arrow-circle-right {margin-left:5px; margin-right:5px}


#main-loginbox {width:100%; height:800px}

.loginbox {float: none; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center;background:#ffffff; width:70%; border-radius:10px; padding:20px; z-index:9}
.loginbox .fa-circle-xmark {position:absolute; right:20px; top:20px; color:#000000; font-size:20px; cursor:pointer}

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 600px;
  width: 100%;
  z-index: -1;
}

.bg-video__content {
  height: 600px;
  width: 100%;
  object-fit: cover;
  
}

#sub-brand {padding:50px 0 200px 0}
#sub-brand h1 {width:80%; margin:0 auto; text-align:left !important;  }
#sub-brand h1 img {width:80%}
#sub-brand h2 {width:80%; margin:0 auto; text-align:left !important;  color:#000000 !important; font-size:18px !important; font-weight:800 !important}
#sub-brand p  {width:80%; padding:0 0px 0 0; margin:0 auto; text-align:left !important;  line-height:1.7}
#sub-brand p button {color:#000000; border:1px solid #000000; display:block; padding:0 20px 0 20px; height:40px; margin:20px 0 0 0}

#sub-brand div {position:absolute; bottom:0px; right:0px; width:100%; height:200px; border-radius:0px 0px 0 0; background-size:cover !important; background-position:center !important}


#main section {position:relative}
#main section .wrap {float: none; position: relative; top: 0%; left: 0%; transform: translate(0%, 0%); width:90% !important; z-index:3}

#main section .widewrap {width:100%; position: absolute; top:0px; left:0px; z-index:3; overflow:hidden;}

#main section .wrap div {width:100%; display:table; background:}
#main section h1 {text-align:center; font-family: 'Black Han Sans';font-optical-sizing: auto; font-weight: 700; font-style: normal; font-size:20px; color:#000000; margin-bottom:10px;}
#main section h2 {text-align:center; font-weight: 500; font-size:12px; color:#999999; margin-bottom:30px; line-height:1.7}
#main section h3 {text-align:center; margin-bottom:30px;}

#main section h3 button {margin:0 10px 0 10px; font-weight: 500; font-size:12px; color:#000000; height:30px; border-radius:30px; padding:0 20px 0 20px; border:1px solid #ffffff; margin-bottom:10px;}
#main section h3 button.active {background:#ffffff; color:#000000 !important; font-weight:900}

#main {}

#main-event .wrapno {width:90%; margin:0 auto; display:table}
#main-event .wrapno div figure {display:block; width:calc(100% - 0px); margin-right:0px; float:none; margin-bottom:30px;}
#main-event .wrapno div figure:nth-child(3) {margin-right:0px !important; background:}
#main-event .wrapno div figure p:nth-child(1) {width:100%; height:150px; margin-bottom:20px;}
#main-event .wrapno div figure p:nth-child(2) {color:#999999; font-size:11px; margin-bottom:5px;}
#main-event .wrapno div figure p:nth-child(3) {color:#000000; font-size:13px; font-weight:800; margin-bottom:10px;}
#main-event .wrapno div figure p:nth-child(4) {margin-bottom:20px; font-size:12px;}
#main-event .wrapno div figure p:nth-child(4) i {margin-right:10px;}

#main-event div figure p:nth-child(5) span {color:#cccccc; font-size:10px; padding:2px 10px 2px 10px; border:1px solid #cccccc; border-radius:px; margin-right:10px; }

#main-brand {position:relative; background:url('/main/img/main/slide/6.jpg?v=1'); background-size:cover; background-position:center; background-attachment: scroll;}
#main-brand .bg {position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7);z-index:2}
#main-brand h1 {color:#ffffff !important}
#main-brand h2 {color:#ffffff !important}

#main-brand .wrap div button {display:block; float:left; width:100%; border:1px solid rgba(255,255,255,0.5); height:170px; border-bottom:0px;}
#main-brand .wrap div button:last-child {border-bottom:1px solid rgba(255,255,255,0.5);}
#main-brand .wrap div button img {height:25px; margin-bottom:20px;}
#main-brand .wrap div button p:nth-child(2) {color:#ffffff; font-size:13px; font-weight:800; margin-bottom:20px}
#main-brand .wrap div button p:nth-child(3) a {margin:0 10px 0 10px; border-bottom:1px solid #ffffff; color:#ffffff;}


#main-menu {background-image: linear-gradient(to top, #e9e9e9 20%, #ffffff 80%);}


#main-menu {position:relative}
#main-menu .menutit {position:absolute; top:70px; position:absolute; left:10%; margin-left:0px; width:80%;}
#main-menu .menutit h1 {text-align:left}
#main-menu .menutit h2 {text-align:left; display:}
#main-menu .menutit h2 br {display:none}

#main-menu .menutit button {padding:0 0 0 20px; color:#8E60A7; border-top:1px solid #8E60A7; font-size:12px; height:40px; display:block; width:100%; text-align:left; position:relative}
#main-menu .menutit button i {color:#8E60A7; font-size:12px; position:absolute; right:20px;}
#main-menu .menutit button:last-child {border-bottom:1px solid #8E60A7;}

#main-menu .storemenu {height:200px; width:80%; top:350px; position:absolute; left:10%; margin-left:0px; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1), 0 30px 60px 0 rgba(0, 0, 0, 0.2);}
#main-menu .swiper-slide {width:100%; height:100%; background-size:cover !important; background-position:center !important; position:relative}

#main-menu .swiper-slide p:nth-child(1) {position:absolute; top:30px; left:30px; color:#ffffff; font-size:14px; font-weight:800;}
#main-menu .swiper-slide p:nth-child(2) {position:absolute; top:50px; left:30px; color:rgba(255,255,255,0.5); font-size:12px; font-weight:600;}

#main-menu .swiper-button-next {position:absolute; left:calc(100% - 50px); background-image:none !important; width:50px; height:50px; z-index:1; text-align:center; line-height:50px;}
#main-menu .swiper-button-prev {position:absolute; left:0%;  background-image:none !important; width:50px; height:50px; z-index:1;  text-align:center; line-height:50px;}
#main-menu .swiper-button-next:after{content:''}
#main-menu .swiper-button-prev:after{content:''}
#main-menu i {color:#ffffff; font-size:20px;}

#main-menu .swiper-pagination {background:rgba(0,0,0,0.5); color:#ffffff; width:70px; margin:0 auto; left:50%; margin-left:-35px; line-height:30px; border-radius:30px; font-size:11px;height:30px; margin-bottom:10px;}
#main-menu .swiper-pagination span {color:#ffffff !important; font-size:11px;}

.swiper-button-prev.swiper-button-disabled{opacity:0 !important;}
.swiper-button-next.swiper-button-disabled{opacity:0 !important;}


#banner {padding:30px 0 30px 0; display:table; width:100%;}
#banner div.wrap {width:100%; margin:0 auto; height:60px;}
#banner div.wrap button {width:25%; height:60px; float:left; font-size:12px; border-right:1px solid #e6e6e6; font-weight:600 !important;}
#banner div.wrap button i {font-size:25px; display:block; text-align:center; margin-bottom:10px;}
#banner div.wrap button:last-child {border-right:0px none}

#main-location {position:relative; height:600px; margin-bottom:0px !important}
#main-location .bg {}
#main-location h1 {color:#ffffff  !important; margin-top:70px;}
#main-location h2 {color:#ffffff  !important}


#main-location h3 {padding:0 50px 0 50px}
#main-location .mainpro {height:400px; width:90%;  margin:0 auto;}
#main-location .swiper-slide {width:100%; height:310px; position:relative; background:#ffffff; border-radius:10px}

#main-location .swiper-slide p:nth-child(1) {width:100%; height:170px; background-size:cover !important; background-position:center !important; position:relative;}
#main-location .swiper-slide p:nth-child(1) b {position:absolute; display:block; margin:0; padding:0; top:20px; left:20px;}
#main-location .swiper-slide p:nth-child(1) b span {color:#ffffff; margin-right:10px; font-size:11px; padding:5px 10px 5px 10px; background:rgba(0,0,0,0.5);}
#main-location .swiper-slide p:nth-child(2) {padding:20px 20px 10px 20px; color:#000000; font-size:16px; font-weight:800; position:relative}
#main-location .swiper-slide p:nth-child(2) i {font-size:13px; color:#8E60A7; position:absolute; display:block; right:20px; top:20px;}
#main-location .swiper-slide p:nth-child(3) {padding:0px 20px 20px 20px; color:#999999; font-size:12px; font-weight:600}

#main-location .swiper-slide p:nth-child(4) {padding:0px 20px 0px 20px; font-size:12px;}
#main-location .swiper-slide p:nth-child(4) button:nth-child(1) {border:1px solid #000000; color:#000000; font-weight:800; width:70px; height:30px;}
#main-location .swiper-slide p:nth-child(4) button i {font-size:12px; color:#000000; margin-right:5px}
#main-location .swiper-slide p:nth-child(4) button {margin-right:20px; height:30px; color:#000000; font-size:12px; }

#main-location .swiper-button-next {position:absolute; left:calc(93% - 50px); top:50%; margin-top:0px; background-image:none !important; width:50px; height:50px; z-index:1; text-align:center; line-height:50px;}
#main-location .swiper-button-prev {position:absolute; left:7%;  top:50%; margin-top:0px; background-image:none !important; width:50px; height:50px; z-index:1;  text-align:center; line-height:50px;}
#main-location .swiper-button-next:after{content:''}
#main-location .swiper-button-prev:after{content:''}
#main-location i {color:#ffffff; font-size:20px;}

#main-location .swiper-pagination {background:rgba(0,0,0,0.5); 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:30px;}
#main-location .swiper-pagination span {color:#ffffff !important; font-size:13px;}


#menu {position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.6); z-index:999; width:calc(100% - 40px); height:calc(100% - 40px); padding:20px; }
#menu {display:none}
#menu .menuwrap {width:calc(100% - 40px); height:calc(100% - 40px); background:#ffffff; padding:20px;  overflow:auto; position:relative}
#menu .menuwrap .fa-xmark {position:absolute; right:30px; top:20px; color:#000000; font-size:20px}
#menu .menuwrap div {display:table}

#menu section figure {float:left; width:calc(50% - 10px); margin:5px}
#menu section figure img {border-radius:10px}


#menu h45 {display:block; margin-bottom:20px;}
#menu h45 button {border:1px solid #8E60A7; color:#8E60A7; padding:0 10px 0 10px; height:30px; margin-left:10px; font-size:11px; margin-bottom:10px;}

#menu h45 button.active {border-bottom:1px solid #8E60A7; color:#ffffff; background:#8E60A7}
#menu section figure span p {position:absolute; bottom:10px; left:0px; color:#ffffff; text-align:center; width:100%; font-size:11px}


#main-news .wrap div {background:}
#main-news .wrap div button {display:block; float:left; width:calc(100% - 0px); height:auto; margin-right:0px; margin-bottom:20px; padding:20px; background:#; border:1px solid #e6e6e6}
#main-news .wrap div button:last-child {margin-bottom:0px;}
#main-news .wrap div button p:nth-child(1) {text-align:left; font-weight:800; margin-bottom:10px; font-size:12px; color:#000000}
#main-news .wrap div button p:nth-child(2) {color:#000000; font-size:14px; line-height:1.7; font-weight:800; text-align:left; margin-bottom:10px;}
#main-news .wrap div button p:nth-child(3) {text-align:left}



#detail-news {margin-top:0px; padding:150px 0 100px 0; background-image: linear-gradient(#000000, 80px, #ffffff 0%);}
#detail-news .wrapno {width:90%; margin:0 auto; display:table;}
#detail-news .wrapno div {background:}
#detail-news .wrapno div button {display:block; float:left; width:calc(100% - 0px); height:auto; margin-right:0px; margin-bottom:20px; padding:20px; background:#; border:1px solid #e6e6e6}
#detail-news .wrapno div button:last-child {margin-bottom:0px;}
#detail-news .wrapno div button p:nth-child(1) {text-align:left; font-weight:800; margin-bottom:10px; font-size:12px; color:#000000}
#detail-news .wrapno div button p:nth-child(2) {color:#000000; font-size:14px; line-height:1.7; font-weight:800; text-align:left; margin-bottom:10px;}
#detail-news .wrapno div button p:nth-child(3) {text-align:left}


#bbsview h300 {display:block; color:#000000; font-size:15px; line-height:1.5; font-weight:800; margin:0 0 0px 0; padding:0 0 30px 0; border-bottom:1px solid #000000; text-align:center}
#bbsview h300 p {margin-top:10px; color:#000000; font-size:12px; text-align:center}
#bbsview h300 p i {color:#000000; margin-right:10px}

#bbsview .content {padding:0px 0 30px 0}

#bbsview button {width:100px !important; height:30px !important; border:1px solid #000000 !important; padding:0 !important; color:#000000  !important; font-size:12px;}



#main-sns {position:relative; background:#111111}
#main-sns h1 {color:#ffffff  !important}
#main-sns h2 {color:#ffffff  !important}

#main-sns div p {margin-top:50px; text-align:center}
#main-sns div p button {width:80%; height:40px; border:1px solid #ffffff; color:#ffffff; margin:0px 20px 20px 20px; font-size:12px;}
#main-sns div p button i {color:#ffffff; margin-right:10px}
#nav {display:none; position:fixed; top: 50%; left: 5%; transform: translate(0%, -50%);  z-index:99}
#nav a {
	display:block;
   	width:20px;
    	color: #dddddd;
	margin-bottom:25px;
	font-size:15px;
	font-weight:700;
	padding-bottom:10px;
}
#nav a:hover, #nav a.active {
	display:block;
   	width:30px;
    	color: #8E60A7;
	margin-bottom:25px;
	font-size:15px;
	font-weight:700;
	padding-bottom:9px;
	border-bottom:1px solid #8E60A7;
}


#eventmain {width:100%; height:600px; position:relative; background-position:bottom !important; background-size:auto 100% !important; background-attachment: scroll !important;}
#eventmain .title {width:80%; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:9; text-align:center;background:}

#eventmain .title p:nth-child(1) {color:#ffffff; font-size:13px; font-weight:500; margin-bottom:10px}
#eventmain .title p:nth-child(2) {color:#ffffff; font-size:25px; font-weight:800; margin-bottom:20px; line-height:1.5}
#eventmain .title p:nth-child(3) {color:#ffffff; font-size:13px; font-weight:700; margin-bottom:20px}
#eventmain .title p:nth-child(3) i {color:#ffffff; margin-right:10px}

#eventmain .title p:nth-child(4) span {color:#ffffff; font-size:10px; padding:5px 15px 5px 15px; border:1px solid #ffffff; border-radius:px; margin-right:5px; margin-left:5px;}


#eventmain .title p:nth-child(4) button {color:#ffffff; font-size:11px; padding:0px 15px 0px 15px; border:1px solid #ffffff; border-radius:25px; height:25px; margin-right:5px; margin-left:5px; margin-bottom:10px;}
#eventmain .title p:nth-child(4) button.on {background:#ffffff; color:#000000; font-weight:800}

#eventmain .title p:nth-child(4) button.on:after {color:#000000; font-family: "Font Awesome 5 free"; content: "\f078"; margin-left:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

#eventmain .scrolldown {z-index:2; position:absolute; color:#ffffff; bottom:50px; text-align:center; width:100%;}
#eventmain .scrolldown * {color:#ffffff; text-align:center}
#eventmain .scrolldown i {font-size:20px; margin-bottom:10px;}


#page { padding:100px 0 100px 0; background:#f5f5f5; z-index:11; position:relative; margin-top:0px; background:url('/2024/img/line1.png?v=1'),url('/2024/img/line2.png'),#ffffff; background-repeat:no-repeat; background-position:top right, bottom left; background-size:50%;}

#page h1 {color:#000000;  font-family: 'SBAggroB'; font-size:25px; margin-bottom:30px; text-align:center}
#page h2 {display:none; color:#999999;  font-size:13px; margin-bottom:20px; text-align:center}

#page h3 {font-size:17px; font-weight:900;  background: linear-gradient(to right top, #8E60A7, #364c9b); color: transparent; -webkit-background-clip: text;  line-height:1.5; margin-bottom:20px; text-align:center}
#page h3:after {content: ""; display: block; width: 50px; border-bottom: 1px solid #8E60A7; margin:0 auto; margin-top:20px;}

#page h4 {font-size:13px; color:#000000; line-height:1.5; margin-bottom:50px; text-align:center}

#page h5 {margin-bottom:30px; font-family: 'SBAggroB'; font-weight:900; font-size: 15px; background: linear-gradient(to right top, #8E60A7, #364c9b); color: transparent; -webkit-background-clip: text; }
#page h5 i {color:#8E60A7; margin-right:10px; font-size:15px;}


#page h4 button {margin:0 5px 0 5px; font-weight: 500; font-size:12px; color:#000000; height:30px; border-radius:30px; padding:0 20px 0 20px; border:1px solid #000000}


#page iframe {width:100%; height:200px}

#page .ifslider-wrap {z-index:-1}

#page h300 {display:block; color:#cccccc; padding:200px 0 200px 0; border-radius:10px; background:#f9f9f9; text-align:center; margin-bottom:100px;}
#page h300 i {color:#cccccc; font-size:60px; display:block; margin:0 auto; margin-bottom:20px}

.p0102 button {margin-top:30px; color:#000000; height:30px; border-bottom:1px solid #000000; font-weight:800; margin-right:30px; font-size:13px;}
.p0102 button i {color:#000000; margin-right:10px}

.p0103 {background: linear-gradient(45deg, #40ade2, #364c9b) !important;}
.p0103 .wrap {width:80%; padding-bottom:100px;}
.p0103 img {filter: invert(100%) sepia(100%) saturate(10%) hue-rotate(212deg) brightness(104%) contrast(102%); width:100%; margin-bottom:30px;}
.p0103 p b {font-weight:800; font-size:18px; display:block; margin-bottom:30px; line-height:1.7}
.p0103 p {color:#ffffff; line-height:2; width:100%; font-size:13px;}
.p0103  .wrap div {position:absolute; bottom:0px; right:0px; width:100%; height:200px; background-size:cover !important; background-position:center !important}
.p0103 h4 {color:#ffffff !important; text-align:left !important; margin-bottom:20px !important}

.p0104 .wrap div {display:table; width:100%; margin-bottom:50px;}
.p0104 .wrap div figure {display:block; float:left}
.p0104 .wrap div figure:nth-child(1) {width:100%}
.p0104 .wrap div figure:nth-child(1) img {width:100%; border-radius:10px; margin-bottom:30px;}
.p0104 .wrap div figure:nth-child(2) {width:100%; font-size:13px; line-height:1.7;}
.p0104 .wrap div figure:nth-child(2) img {height:auto; width:100%; float:right; margin-top:30px; display:block;}
.p0104 .wrap div:last-child {margin-bottom:0px}






ul.ullist {margin-bottom:20px;}
ul.ullist:last-child {margin-bottom:0px}
ul.ullist li:before {color:#000000; content: "?è"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; font-size:5px; position:absolute; margin-left:-15px; top:5px}
ul.ullist li {margin-bottom:0px; padding-left:20px; margin-bottom:10px; position:relative}
ul.ullist li u {color:red}

.bigtext li {font-size:18px !important; font-weight:700; color:#000000 !important}
ul.ullist li u {font-size:18px !important;}
dl {display:table; padding:15px 0 15px 0; border-bottom:1px solid #e6e6e6; width:100%;}
dl dt {margin-bottom:10px; font-size:13px; line-height:15px;}
dl dt {width:100%}
dl dd {width:100%; font-size:13px; line-height:20px;}

dd span {font-size:10px !important; padding:5px 10px 5px 0px; border-radius:25px; margin-right:5px;}
dd span:before {font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}


.kkoshare {background:#fae100; color:#000000; font-size:15px; font-weight:800; margin-top:0px; display:block; width:100%; height:50px; margin-top:30px; position:relative; border-radius:50px; right:0px; top:0px;}
.kkoshare i {margin-right:10px;  color:#000000;}


#mainbtn {position:relative; background-size:cover !important; background-position:center !important; background-attachment: scroll !important; height:200px; padding:0px 0 0px 0}

#mainbtn .wrap {float: none; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); width:80% !important; z-index:3}
#mainbtn h1 {color:#ffffff; font-size:18px; line-height:1.7; font-weight:700; text-align:center; margin-bottom:0px;}
#mainbtn p {color:#ffffff; font-size:12px; line-height:1.7; margin-bottom:20px; text-align:center;}
#mainbtn button {font-size:12px; width:70px; height:30px; border-bottom:1px solid #ffffff; color:#ffffff; font-size:11px; margin:0 5px 0 5px}




#sub-gallery  {height:auto; background:#24170e; padding:70px 0 50px 0}
#sub-gallery {}

#sub-gallery h1 {color:#ffffff !important;}
#sub-gallery h2 {color:#ffffff !important;}
#sub-gallery .storemenu {height:190px; width:90%; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1), 0 30px 60px 0 rgba(0, 0, 0, 0.2);}
#sub-gallery .swiper-slide {width:100%; height:100%; background-size:cover !important; background-position:center !important; position:relative}

#sub-gallery .swiper-slide p:nth-child(1) {position:absolute; top:50px; left:50px; color:#ffffff; font-size:18px; font-weight:800;}
#sub-gallery .swiper-slide p:nth-child(2) {position:absolute; top:80px; left:50px; color:rgba(255,255,255,0.5); font-size:15px; font-weight:600;}

#sub-gallery .swiper-button-next {position:absolute; left:calc(100% - 50px); background-image:none !important; width:50px; height:50px; z-index:1; text-align:center; line-height:50px;}
#sub-gallery .swiper-button-prev {position:absolute; left:0%;  background-image:none !important; width:50px; height:50px; z-index:1;  text-align:center; line-height:50px;}
#sub-gallery .swiper-button-next:after{content:''}
#sub-gallery .swiper-button-prev:after{content:''}
#sub-gallery i {color:#ffffff; font-size:20px;}

#sub-gallery .swiper-pagination {background:rgba(0,0,0,0.5); color:#ffffff; width:70px; margin:0 auto; left:50%; margin-left:-35px; line-height:30px; border-radius:30px; font-size:11px;height:30px; margin-bottom:10px;}
#sub-gallery .swiper-pagination span {color:#ffffff !important; font-size:11px;}



#localpop > #sub-gallery {height:400px; background:none; padding:0 !important; width:90%; margin:0 auto; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#localpop > #sub-gallery i.fa-times {position:absolute; top:-50px; right:0px}
#localpop > #sub-gallery .storemenu {height:400px; width:100%; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1), 0 30px 60px 0 rgba(0, 0, 0, 0.2);}


#main-menu .main-menu {width:100%; height:300px; position:absolute; left:0px; top:350px;}


#main-menu .submenutit {width:100%; height:350px; position:absolute; left:0%; background:#000000 !important}
#main-menu .submenutit div {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:80%;}
#main-menu .submenutit h1 {text-align:left; color:#ffffff !important}
#main-menu .submenutit h2 {text-align:left}


#main-menu .submenutit button {padding:0 0 0 20px; color:#8E60A7; border-top:1px solid #8E60A7; font-size:12px; height:40px; display:block; width:100%; text-align:left; position:relative}
#main-menu .submenutit button i {color:#8E60A7; font-size:12px; position:absolute; right:20px;}
#main-menu .submenutit button:last-child {border-bottom:1px solid #8E60A7;}

#sub-our {height:auto; width:90%; margin:0 auto; padding:50px 0 50px 0}
#sub-our .wrapno {width:90%;}
#sub-our h6 {display:block; color:#24170e; letter-spacing:2px; margin-bottom:20px; font-size:11px;}
#sub-our h5 {color:#000000; font-size:20px; line-height:1.2; font-weight:900; margin-bottom:20px;}
#sub-our p {line-height:1.5;  font-size:12px;}

#sub-our .wrapno div {position:relative; top:0px; left:0px; background:; width:100% !important; margin-top:30px}
#sub-our .wrapno div button {border-radius:20px; background:#f9f9f9; width:100%; margin-right:30px; height:120px; font-size:13px; color:#000000; font-weight:800; margin-bottom:20px;}
#sub-our .wrapno div button:last-child {margin-right:0px}
#sub-our .wrapno div button i {display:block; color:#000000; font-size:30px; margin-bottom:10px;}

#sub-our .wrapno div.namugardenbtn button {border-radius:20px; background:#f9f9f9; width:calc(50% - 10px); margin-right:20px; height:120px; font-size:13px; color:#000000; font-weight:800; margin-bottom:20px; float:left}
#sub-our .wrapno div.namugardenbtn button:nth-child(2n) {margin-right:0px}
#sub-our .wrapno div.namugardenbtn button i {display:block; color:#000000; font-size:30px; margin-bottom:10px;}

#sub-our .reservlist {margin-top:30px;}
#sub-our .reservlist p {padding:20px;  display:table; border-radius:5px; border:1px solid #dddddd; margin-bottom:10px; width:calc(100% - 42px);}
#sub-our .reservlist p b:nth-child(1) {color:#000000; display:block; float:left; width:35%; line-height:25px;}

#sub-our .reservlist p span {display:block; float:left; line-height:25px;}
#sub-our .reservlist p span:nth-child(2) {width:40%; display:none}
#sub-our .reservlist p span:nth-child(3) {width:35%}
#sub-our .reservlist p button {display:block; float:right; background:#00c73c; width:60px; height:25px; border-radius:25px; color:#ffffff; font-size:12px;}
#sub-our .reservlist p button i {margin-right:5px; color:#ffffff;}


.root_daum_roughmap_landing {width:100% !important; height:400px}
		#bmap {position:relative}
		#bmap .mapinfo {position:absolute; padding:20px; top:20px; right:20px; background:#ffffff; z-index:9; width:calc(100% - 80px);}
		#bmap .mapinfo p {color:#000000; margin-bottom:10px; font-size:11px}
		#bmap .mapinfo p i {color:#000000; margin-right:10px; font-size:11px}

footer {width:100%; padding:50px 0 50px 0}
footer address {display:block; font-style: normal; text-align:left; font-size:11px; line-height:20px; width:80%; margin:0 auto; position:relative}
footer address a {font-size:12px; color:#ffffff; font-weight:800; margin-bottom:15px;}
footer address p {position:absolute; right:0px; top:0px}
footer address p button {width:50px; height:50px; border-radius:50px; background:#ffffff; margin-left:20px;}
footer address p button img {width:70%;}



form {display:block; width:100%; margin:0 auto}
form * {text-align:left}
form p {margin-top:10px; width:100%; display:table; }
form p label {float:left; color:#000000; font-weight:bold; margin-bottom:10px;}
form p label span {top:7px !important}
form span.agreeview {background-color:#ffffff; color:#8E60A7; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #8E60A7; font-size:12px; margin-top:0px; cursor:pointer; float:left}
form p .checkmark {top:7px !important}

form input[type=text] {width:calc(100% - 32px); padding:15px; border:1px solid #cccccc; border-radius:5px; margin-bottom:10px; display:block; font-size:13px;}
form input[type=email] {width:calc(100% - 32px); padding:15px; border:1px solid #cccccc; border-radius:5px; margin-bottom:10px; display:block; font-size:13px;}
form input[type=number] {width:calc(100% - 32px); padding:15px; border:1px solid #cccccc; border-radius:5px; margin-bottom:0px; display:block; font-size:13px;}
form input[type=password] {width:calc(100% - 32px); padding:15px; border:1px solid #cccccc; border-radius:5px; margin-bottom:10px; display:block; font-size:13px;}
form button {width:100%; height:40px; text-align:center; color:#ffffff; border-radius:5px; font-size:13px; background-color:#8E60A7; margin-top:0px;}
form textarea {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:13px; height:50px;}
form h5 {color:#8E60A7; font-size:15px; margin-bottom:15px; width:100%; margin-top:15px;}
form h5:before {color:#8E60A7; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

form h7 {font-size:15px; color:#000000; margin-top:20px; display:block; text-align:left; font-weight:700}
form h7:after {content: ""; display: block; width: 100%; border-bottom: 1px solid #8E60A7; margin: 10px 0px;}


form h6 {color:#000000 !important; font-size:13px; text-align:left; margin-bottom:10px; margin-top:20px; display:block; position:relative; font-weight:700}
form h6 i {color:#60c3ab !important; font-size:17px;}
form select {width:calc(100% - 0px); padding:18px; border:1px solid #cccccc; border-radius:5px; margin-bottom:0px; display:block; font-size:15px;}

form h6 sup {color:red; font-size:15px; font-weight:bold; position:absolute; top:-10px; left:-10px; display:block}

form h8 {width:calc(100% - 42px); position: relative; padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:15px;}
form h8 label {margin-right:20px}
form h7 span {margin-left:20px; margin-right:0px !important}
form h7 span i {color:#ffffff; margin-right:10px}

form h9 {display:table; width:100%;}
form h9 select {width:30%; margin-right:5%; float:left}
form h9 select:last-child {margin-right:0%}


.agreebox {border:1px solid #e6e6e6; width:calc(100% - 42px); padding:20px; border-radius:10px; height:100px; overflow:auto; margin-bottom:20px;}
.agreebox {font-size:13px; line-height:25px;}
.agreebox b {color:#000000; display:block; margin-bottom:0px;}

.infobox {background-color:#f6f6f6; width:calc(100% - 60px); padding:30px; border-radius:10px; margin-bottom:30px;}
.infobox li {margin-bottom:10px; font-size:15px; line-height:20px !important;}
.infobox ul {margin-left:20px}
.infobox li b {color:red; border-bottom:1px solid red; margin-bottom:0px !important;}



#agreebox1 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:10}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:10}
#agree {position:absolute; top:20%; left:10%; width:80%; margin-left:0px; height:50%; background-color:#ffffff; border:1px solid #8E60A7; 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:15px; margin:20px 0px 10px 0px;}
#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:#8E60A7; 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:14px; line-height:25px;  color:#999999}


#mobilebottommenu {display:block; position:fixed; left:0px; bottom:0px; width:100%; height:40px; z-index:9}
#mobilebottommenu p {width:50%; float:left; height:40px; border-top:1px solid #8E60A7}
#mobilebottommenu p:nth-child(1) button {background:#8E60A7; color:#ffffff; width:100%; height:40px; display:block; position:relative}
#mobilebottommenu p:nth-child(1) button i {color:#ffffff; margin-right:10px}
#mobilebottommenu p:nth-child(1) button .reser_div {display:none}
#mobilebottommenu p:nth-child(1) button:hover .reser_div {background:#ffffff; width:calc(100% - 0px); display:block; position:absolute; bottom:39px; left:-1px; border:1px solid #8E60A7}
#mobilebottommenu p:nth-child(1) button:hover .reser_div a {display:block; line-height:40px; border-bottom:1px solid #8E60A7; color:#8E60A7; font-size:12px;}
#mobilebottommenu p:nth-child(2) {background:#ffffff;}
#mobilebottommenu p:nth-child(2) button {width:50%; height:40px; color:#000000; font-size:12px; display:block; float:left}
#mobilebottommenu p:nth-child(2) button:nth-child(1) {border-right:1px solid #8E60A7}

.backlist {color:#000000; margin-top:0px !important; font-size:13px; font-weight:700; padding:30px;}
.backlist i {margin-right:10px}

#sido {width:100%; height:70px;}
#scroller {height:70px; background:#ffffff; border-top:1px solid #dddddd}
#sido img {max-height:30px; max-width:120px; float:left; padding:20px; background:#ffffff; }
}