@import url('https://rsms.me/inter/inter.css');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/*
html { font-family: 'Inter', sans-serif; }
*/
@font-face {
    font-family: 'Giants-Inline';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Giants-Inline.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Giants-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Giants-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
* {font-family: 'Noto Sans KR', sans-serif;  font-weight:400; color:#333333; letter-spacing:-0.5px; word-break: keep-all; line-height:120%; font-size:17px;} /*654fa4 / ff7062*/
body {}
img {max-width:100%}
body,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,div,a,form,b,span {margin:0; padding:0;}
body {margin:0 auto;}
.mobile {display:none;}

input[type=text],input[type=password],input[type=button],textarea,select {-webkit-appearance: none;-webkit-border-radius: 0; padding:0; margin:0; border:0px;}
input[type="button"], button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
input[type="button"]::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
img {max-width:100%}
img[usemap] {
			border: none;
			height: auto;
			max-width: 100%;
			width: auto;
		}

a {text-decoration:none; color:#333333}

dl,dt,dd {margin:0; padding:0;}

dl {display:table; padding:20px 0 20px 0; border-bottom:1px solid #dddddd; width:100%;}
dt {width:30%; float:left; color:#000000; font-weight:bold; line-height:30px;}
dt i {margin-right:10px; color:#000000; width:20px;}
dd {width:70%; float:right; line-height:30px;}
dd span {color:#000000; font-size:15px; margin-bottom:15px; display:block; margin-top:10px;}
dd span:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

h51 {display:block; font-size:15px; color:#000000; position:relative; padding-left:20px;}
h51:before {position:absolute; left:0px;color:#000000; font-family: "Font Awesome 5 free"; content: "\f00c"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

#head {width:100%; position:fixed; top:0px; left:0px; height:100px; z-index:99; transition:all 0.3s ease; border-bottom:1px solid rgba(255,255,255,0.2); background:#00003c}
#head .logo {float:left;}
#head img {margin:30px 0 0 40px; display:block; height:40px;}
#head a {}
#head a.on {color:#7c6c63;}

h102 {display:block; color:#999999; font-size:13px}


#head div.sns {float:right; margin-right:30px; margin-top:7px;}
#head div.sns button {display:block; text-align:left; padding:5px 0 5px 0}
#head div.sns button i {display:block; float:left; margin-right:10px; color:#000000; border-radius:30px; border:1px solid #000000; width:30px; height:30px; text-align:center; line-height:30px;}
#head div.sns button p {float:left; color:#000000; font-weight:bold; line-height:30px;}



#head div.login {float:right; margin-right:40px; margin-top:30px;}
#head div.login button {background-color:#00ecda; color:#000000; height:40px; width:200px; border-radius:40px; text-align:center; margin:0 0 0 10px; font-size:14px; font-weight:900}

#head div.login button {background: linear-gradient(to right, #ffffff 50%, #00ecda 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:#000000; margin-right:5px}
#head div.login button:hover i {color:#000000}

#head .pcmenu {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#head.shown {position:fixed; top:0px; left:0px; z-index:99; height:70px; background-color:#; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1);}
#head.shown a {color:#ffffff; font-size:16px;}
#head.shown img {margin:20px 0 0 20px; display:block; height:30px;}

#head.shown .login {float:right; margin-right:20px; margin-top:15px;}

.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:#ffffff; 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:#00ecda;width: 150px; z-index: 1000 !important;  line-height:50px !important; border-radius:10px; margin-top:-40px; box-shadow: 0 10px 20px 0 rgba(234, 85, 86, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1);
-webkit-animation: slide-down .3s ease-out;
-moz-animation: slide-down .3s ease-out;
}
.subnav-content a {display:block;color:#000000 !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:#00ecda !important; border-bottom:1px solid #00ecda; padding-bottom:10px;}



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

.subnav:hover .subnav-content {display: block; }



#head.shown .subnav a {line-height:70px;}
#head.shown .subnav-content {margin-top:0px;}
#head.shown .subnav-content a {line-height:20px !important; }
@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-10%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-10%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}
/*µå·Ó¸Þ´º*/
@media ( max-width: 1600px ) {
.subnav {margin-right:20px; margin-left:20px; float:left;}
}
@media ( max-width: 1200px ) {
.subnav {margin-right:10px; margin-left:10px; float:left;}
.subnav a {line-height:150px; font-size:12px; color:#ffffff; font-weight:800}
}

.bgco {background:#00003c}

#main {margin-top:100px; position:relative; text-align:center; width:100%; height:900px; background:url('/2025/img/main/bg2.png?v=2'),url('/2025/img/main/bg1.png?v=2'),url('/2025/img/main/5.png?v=2'),#00003c; background-size:auto, 100% auto, auto; background-position:5% 10% ,bottom, 23% 32%; background-repeat:no-repeat;}
#main div:nth-child(1) {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%}

#main .titleimg {max-width:1300px; width:100%}

@media ( max-width: 1600px ) {
#main {margin-top:100px; position:relative; text-align:center; width:100%; height:900px; background:url('/2025/img/main/bg2.png?v=2'),url('/2025/img/main/bg1.png?v=2'),url('/2025/img/main/5.png?v=2'),#00003c; background-size:15% auto, 100% auto, 10% auto; background-position:5% 10% ,bottom, 15% 27%; background-repeat:no-repeat;}
}


.dday {text-align:center; margin-top:50px; margin-bottom:30px; background:url('/2025/img/main/bg3.png?v=2'); background-position:center top; background-repeat:no-repeat; padding-top:30px;}
.dday b {color:#ffffff; font-size:20px; display:block; text-align:center; margin-bottom:10px;}
.dday p {font-family: 'Giants-Inline', sans-serif; color:#00ff8b; font-size:70px; line-height:80px; }

.btn {position:fixed; bottom:50px; right:50px;}
.btn button {width:200px; height:50px; color:#ffffff; font-weight:700; background-color:#ec0097; border-radius:10px; font-size:17px;}
.btn p {color:#ffffff; margin-top:20px; text-align:center; font-size:15px;}
.btn p i {color:#ffffff; font-size:15px; margin:0 5px 0 5px}

#subv {margin-top:100px; position:relative; width:100%; height:400px; background:url('/2025/img/main/bg4.png'),#00003c; background-size:100% auto; background-position:bottom; background-repeat:no-repeat}
#subv h1 {display:block; width:90%; max-width:1200px; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#subv h1 b {color:#ffffff; font-size:40px; font-weight:900; display:block; margin-bottom:10px;}
#subv h1 p {color:#ffffff; line-height:1.7;}
#subv h1 b:before {content: ""; display: block; width: 40px; border-bottom: 4px solid #ffffff; margin-bottom:10px}

#subv .navi {width:85%; position:absolute; top:50px; left:7.5%; color:#ffffff; font-size:13px;}
#subv .navi i {font-size:12px; color:#ffffff;}
#subv .navi .fa-angle-right {margin:0 10px 0 10px}


#btn {position:fixed; bottom:50px; left:50px;}
#btn img {height:90px}

h99 {color:#000000; font-weight:800}

.page {width:90%; max-width:1200px; margin:0 auto; padding:100px 0 100px 0}
.page * {line-height:1.7}
.page h1 {display:block; color:#000000; font-size:30px; font-weight:800; border-bottom:2px solid #000000; margin-bottom:50px; padding-bottom:30px;}
.page form {margin-bottom:50px;}
.page form select {width:20%; border:1px solid #000000; color:#000000; padding:20px}
.page form input {width:46%; border:1px solid #000000; color:#000000; padding:20px}
.page form button {width:9%; background-color:#000000; border:1px solid #000000; color:#ffffff; padding:20px}
.page h2 {background-color:#ff009a; line-height:50px; text-align:center; color:#ffffff; height:50px; border-radius:40px; width:20%; font-size:20px; font-weight:800; margin-bottom:30px;}

.page h3 {margin-bottom:50px; height:35px; border-bottom:1px solid #000000;}
.page h3 span {background:#ffffff;color:#000000; font-size:40px; font-weight:800; padding-right:30px;}


.agree {width:90%; max-width:1200px; margin:0 auto; padding:100px 0 100px 0}
.agree * {line-height:1.7}
.agree h1 {color:#000000; font-size:30px; font-weight:800; border-bottom:2px solid #000000; margin-bottom:50px; padding-bottom:30px;}

.agree h2 {display:inline-block; /* ÀÚµ¿ Æø Á¶Á¤ */ background-color:#ff009a; line-height:50px; padding:0 30px 0 30px; color:#ffffff; height:50px; border-radius:40px; font-size:20px; font-weight:800; margin-bottom:30px;}
.agree p {margin-bottom:30px}
.agree table * {color:#000000}

.agree table {
  border-collapse: collapse; /* ¶óÀÎ °ãÄ¡Áö ¾Ê°Ô */
  width: 100%;
}

.agree table th,
.agree table td {
  border: 1px solid #dddddd; /* 1px ¶óÀÎ */
  padding: 20px;
  text-align: center;
}

.agree table th {
  background-color: #e9e9e9; /* Çì´õ ¹è°æ */
}
.agree h3 {color:#000000; font-weight:bold; list-style: none;    /* ¼ýÀÚ Á¦°Å */}

.agree ol,  .agree ul  {
margin-bottom:40px !important;
margin-left:10px !important;
padding-left:10px !important;
}



.page h3 {margin-bottom:50px; height:35px; border-bottom:1px solid #000000;}
.page h3 span {background:#ffffff;color:#000000; font-size:40px; font-weight:800; padding-right:30px;}

h9 {display:table; width:100%; margin-bottom:50px}
h9 button {width:calc(50% - 15px); margin-right:30px; border:1px solid #000000; color:#000000; font-weight:800; display:block; float:left; height:60px}
h9 button:nth-child(2) {margin-right:0px;}
h9 button.on {background:#000000; color:#ffffff}


#PROGRAM section {width:100%; display:table; margin-bottom:100px;}
#PROGRAM section:nth-child(2) {margin-bottom:50px;}
#PROGRAM section div {width:calc(33.3% - 82px); padding:30px; margin-right:30px; float:left; margin-bottom:30px; cursor:pointer; height:200px; border:1px solid #dddddd; position:relative}
#PROGRAM section div:before {color:#cccccc; font-size:30px; font-family: "Font Awesome 5 free"; content: "\f061"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; position:absolute; right:30px; bottom:30px;}
#PROGRAM section div:hover {background:#00003c}
#PROGRAM section div:hover * {color:#ffffff !important;}
#PROGRAM section div:hover *:before {color:#ffffff !important;}
#PROGRAM section div:hover:before {color:#ffffff !important;}


#PROGRAM section div:nth-child(3n) {margin-right:0px}
#PROGRAM section div p:nth-child(1) {color:#ff009a; margin-bottom:10px; font-size:13px; font-weight:800}
#PROGRAM section div p:nth-child(1):before {color:#ff009a; font-family: "Font Awesome 5 free"; content: "\f017"; margin-right:5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

#PROGRAM section div p:nth-child(2) {color:#000000; font-size:22px; font-weight:900;  margin-bottom:10px; line-height:1.5}
#PROGRAM section div p:nth-child(2) b {color:#000000; font-size:22px; font-weight:900; display:block}

#PROGRAM section div p:nth-child(2):after {content: ""; display: block; width: 40px; border-bottom: 1px solid #000000; margin-top:10px}
#PROGRAM section div p:nth-child(3) u {display:block; text-decoration:none; font-size:15px; font-weight:bold; color:#000000;} 
#PROGRAM section div p:nth-child(3) i {margin-right:10px}

#COMPANY-List {margin-top:100px}
#COMPANY-List h1 {position:relative; margin-bottom:0px;}
#COMPANY-List h1 p:nth-child(1) {color:#000000; font-size:40px; font-weight:800; margin-bottom:10px;}
#COMPANY-List h1 p:nth-child(2) i {margin-right:10px;}
#COMPANY-List h1 p:nth-child(2) i.fa-clock {margin-left:30px;}
#COMPANY-List h1 p:nth-child(1) b {display:none; margin-top:-20px; margin-left:20px; border-radius:30px; background:#ff009a; font-weight:800; color:#ffffff; padding:5px 15px 5px 15px; height:30px; line-height:25px; text-align:center; font-size:12px;}
#COMPANY-List h1 p:nth-child(2) {color:#000000; font-size:20px;}
#COMPANY-List h1 img {display:block; max-width:200px; max-height:50px; position:absolute; bottom:50px; right:0px}
#COMPANY-List section {width:100%; display:table; margin-bottom:100px;}
#COMPANY-List section img {margin-top:50px; border-radius:10px;}
#COMPANY-List section iframe {margin-top:50px; border-radius:10px;}
#COMPANY-List h4 {color:#000000; font-size:30px; font-weight:800; margin-bottom:10px;}

#COMPANY-List section:nth-child(3) {position:relative}
#COMPANY-List section:nth-child(3) button {background:#00003c; color:#ffffff; font-weight:bold; padding:0 30px 0 30px; height:50px; border-radius:50px; display:block; position:absolute; right:0px; top:0px}
#COMPANY-List section:nth-child(3) button  i {margin-right:10px; color:#ffffff}

#COMPANY-List section b {display:block; color:#000000; font-size:20px; font-weight:800; margin-bottom:10px;}
#COMPANY-List section u {display:block; color:#000000; font-size:16px; font-weight:600; margin-bottom:10px; text-decoration:none; margin-top:20px;}
#COMPANY-List section h22 {display:block; color:#ff009a; font-weight:800; margin-top:10px;}

#COMPANY-List .videoplay {aspect-ratio: 16 / 9;}
#COMPANY-List .videoplay iframe {display: block; width:100%; height:100%; }


#COMPANY-List h5 {color:#ff009a; text-align:left; margin-bottom:20px; font-size:20px; font-weight:700 !important}
#COMPANY-List h5 i {margin-right:10px}
/*
#COMPANY section {width:100%; display:table; margin-bottom:100px;}
#COMPANY section div {width:calc(33.3% - 20px); margin-right:30px; float:left; margin-bottom:30px; cursor:pointer}
#COMPANY section div:nth-child(3n) {margin-right:0px}
*/
#COMPANY section {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* ¡ç ÇÙ½É ¼öÁ¤ */
  gap: 30px; /* ¿ä¼Ò °£ °£°Ý */
  margin-bottom: 100px;
}

#COMPANY section div {
  width: calc(33.333% - 20px);
  margin-bottom: 30px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

#COMPANY section div:nth-child(3n) {
  margin-right: 0;
}

#COMPANY section div p:nth-child(1) {height:200px; position:relative; margin-bottom:20px;}
#COMPANY section div p:nth-child(1) {background-color:#f9f9f9; border:1px solid #dddddd;}
#COMPANY section div p:nth-child(1) b {display:none; position:absolute; top:20px; left:20px; border-radius:25px; background:#00003c; color:#ffffff; padding:0 15px 0 15px; height:25px; display:none; line-height:22px; text-align:center; font-size:11px; font-weight:800}
#COMPANY section div p:nth-child(1) img {display:block; max-width:50%; max-height:40%; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#COMPANY section div:hover p:nth-child(1) img {filter: invert(100%) sepia(52%) saturate(20%) hue-rotate(315deg) brightness(103%) contrast(108%);}
#COMPANY section div:hover p:nth-child(1) {background:#00003c}
#COMPANY section div:hover p:nth-child(1) b {background:#ffffff; color:#00003c;}

#COMPANY section div p:nth-child(2) {color:#000000; font-weight:800; font-size:20px; margin-bottom:10px}
#COMPANY section div p:nth-child(3) {color:#000000; font-size:15px; margin-bottom:0px}

#ABOUT {}
#ABOUT section {width:100%; display:table; margin:0 auto; margin-bottom:100px; max-width:1200px;}
#ABOUT section h2 {width:20%; text-align:left; float:left}
#ABOUT section .wrap {float:right; width:80%}
#ABOUT section .wrap p {text-align:left; color:#ffffff; font-size:18px; line-height:30px; font-weight:400}
#ABOUT section .wrap div {width:calc(33.3% - 80px); margin-right:30px; margin-bottom:30px; float:left; border-radius:10px; background:rgba(0,0,0,0.5); padding:30px;}
#ABOUT section .wrap div:nth-child(3n) {margin-right:0px}
#ABOUT section .wrap div h5 {display:block; text-align:center; color:#ec0097; margin-bottom:20px; font-size:18px; font-weight:600}
#ABOUT section .wrap div i {display:block; text-align:center; color:#ec0097; margin-bottom:10px; font-size:25px;}

#ABOUT section:nth-child(3) .wrap p {width:calc(33.3% - 20px); margin-right:30px; margin-bottom:30px; padding:0px 0 0px 0; float:left; background-color:#ffffff; border-radius:10px; text-align:center}
#ABOUT section:nth-child(3) .wrap p img {width:100%}
#ABOUT section:nth-child(3) .wrap p:nth-child(3n) {margin-right:0px}

#ABOUT section .wrap h10 {display:table; width:100%; margin-bottom:30px;}
#ABOUT section .wrap h10 b {float:left; margin-right:50px}
#ABOUT section .wrap h10 b span {display:block; font-size:22px; margin-bottom:10px; font-weight:bold}
#ABOUT section .wrap h10 b span:nth-child(1) {color:#ec0097}
#ABOUT section .wrap h10 b span:nth-child(2) {color:#00ff8b}
#ABOUT section .wrap h10 b span:nth-child(3) {color:#06fff1}
#ABOUT section .wrap h10 b img {height:60px; padding:20px;}

#ABOUT section:nth-child(2) .wrap p {text-align:center}

h301 {color:#cccccc; font-size:13px; width:100%; text-align:right; display:block; margin-bottom:20px; margin-top:-30px}
h302 {color:#cccccc; font-size:13px; width:100%; text-align:right; display:block; margin-bottom:0px; margin-top:20px}

#CONFERENCE section:not(:last-child) {margin-bottom:100px; padding-bottom:100px; border-bottom:1px solid rgba(255,255,255,0.1);}
#CONFERENCE section.timetable {width:1100px; margin:0 auto; margin-bottom:100px;}

.timetableinfo  {width:1100px; margin:0 auto; margin-bottom:20px; text-align:right;}

#CONFERENCE section.timetable div:nth-child(1) {width:calc(50% - 40px); float:left; margin-right:80px;}
#CONFERENCE section.timetable div:nth-child(2) {width:calc(50% - 40px); float:left}

#CONFERENCE section.demoday h4 {margin:0 auto; text-align:center; color:#ffffff; font-size:20px; line-height:30px; margin-bottom:20px;}
#CONFERENCE section.demoday div button {width:calc(25% - 15px); border-radius:10px; margin-right:20px; margin-bottom:20px; padding:15px 0px 10px 0px; background:rgba(255,255,255,1); float:left; display:block}
#CONFERENCE section.demoday div button:nth-child(4n) {margin-right:0px}
#CONFERENCE section.demoday div button p {color:#000000; margin-top:0px; font-weight:500}
#CONFERENCE section.demoday div button img {}


#CONFERENCE_schedule {width:1100px; margin:0 auto; margin-bottom:100px;}
#CONFERENCE_schedule section p {width:100%; display:table}
#CONFERENCE_schedule section p button {width:calc(20% - 16px); margin-right:20px; margin-bottom:20px; float:left; border-radius:10px; background:rgba(255,255,255,1); padding:0px 0px 0px 0px; cursor:default}
#CONFERENCE_schedule section p button:nth-child(5n) {margin-right:0px}
#CONFERENCE_schedule section p button img {width:90%}
#CONFERENCE_schedule section h40 {margin-bottom:20px; margin-top:50px;}
#CONFERENCE_schedule section h40:nth-child(2) {margin-top:0px}

#EXHIBITION {padding-top:200px; padding-bottom:100px;}
#EXHIBITION section {width:90%; display:table; margin:0 auto}
#EXHIBITION section div:nth-child(1) {float:left; width:30%;}
#EXHIBITION section div:nth-child(2) {float:left; width:70%;}

#EXHIBITION dl {margin-bottom:30px}
#EXHIBITION dt {color:#000000; background-color:#ffffff; border-radius:5px; width:30px; height:30px; text-align:center; line-height:30px; float:left; font-size:13px; font-weight:bold}
#EXHIBITION dd {color:#ffffff; float:right; width:calc(100% - 50px); text-align:left; line-height:30px;}

#EXHIBITION section div:nth-child(1) p {color:#ffffff; margin-bottom:20px; position:relative}
#EXHIBITION section div:nth-child(1) p:before {font-family: "Font Awesome 5 free"; content: "\f0c8"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
#EXHIBITION section div:nth-child(1) p:nth-child(4):before {color:#d911ef}
#EXHIBITION section div:nth-child(1) p:nth-child(5):before {color:#06fff1}

#EXHIBITION section div:nth-child(1) b {color:#ffffff; margin-bottom:40px; margin-top:-30px; font-size:20px; display:block}
#EXHIBITION section div:nth-child(1) u {margin-top:30px; display:block; text-decoration:none}
#EXHIBITION section div:nth-child(1) u span {color:#ffffff; background:#404169; padding:5px 10px 5px 10px; font-size:14px}
#EXHIBITION section div:nth-child(1) u 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;}


#EXHIBITION section:nth-child(1) {margin-bottom:100px; padding-bottom:100px; border-bottom:1px solid rgba(255,255,255,0.2);}
#EXHIBITION section:nth-child(2) p {color:#b5b5b6; line-height:30px; margin-bottom:50px;}
#EXHIBITION section:nth-child(2) p b {color:#ffffff; font-size:25px; margin-bottom:20px; display:block}
#EXHIBITION section:nth-child(2) div:nth-child(2) div {margin-bottom:50px}

#EXHIBITION section:last-child {border-bottom:0px solid rgba(255,255,255,0); padding-bottom:0px !important; margin-bottom:0px !important;}
#EXHIBITION section:nth-child(2) p {width:100%; display:table}
#EXHIBITION section:nth-child(2) p button {width:calc(20% - 16px); margin-right:20px; margin-bottom:20px; float:left; border-radius:10px; background:rgba(255,255,255,1); padding:0px 0px 0px 0px;}
#EXHIBITION section:nth-child(2) p button:nth-child(5n) {margin-right:0px}
#EXHIBITION section:nth-child(2) p button img {width:90%}
#EXHIBITION section:nth-child(2) h40 {margin-bottom:20px !important;}
h50 {float:right; display:block; margin-right:0px; margin-bottom:20px}
h50 button {border:1px solid #ffffff; color:#ffffff; width:220px; height:40px; border-radius:5px; position:relative; right:0px;}
h50 button i {margin-right:10px;}

#EXHIBITION .map div:nth-child(1) {margin-top:150px}


.ComOpen {width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.7);}
.ComOpen button {width:100%; height:100%}
.ComOpen img {cursor:pointer; width:395px;}

#CONFERENCE {padding-top:200px; padding-bottom:100px; background:url('/2023/img/e/bg.jpg'); background-position:center top; background-repeat:no-repeat;}
#CONFERENCE section {width:100%; display:table; margin:0 auto; margin-bottom:100px; max-width:1300px; text-align:center}

#CONFERENCE section.speaker {width:1000px; margin:0 auto; display:table; margin-bottom:100px;}
#CONFERENCE section.speaker div {float:left; margin-right:50px; width:300px; }
#CONFERENCE section.speaker div:nth-child(3n) {margin-right:0px}
#CONFERENCE section.speaker div p:nth-child(1) img {width:300px; border-radius:300px}
#CONFERENCE section.speaker div p {text-align:center}
#CONFERENCE section.speaker div p:nth-child(2) {color:#06fff1; margin:20px 0 10px 0}
#CONFERENCE section.speaker div p:nth-child(3) {color:#ffffff; font-weight:700; font-size:20px; margin-bottom:10px;}
#CONFERENCE section.speaker div p:nth-child(3) span {margin-left:10px; color:rgba(255,255,255,0.5);}
#CONFERENCE section.speaker div p:nth-child(4) {color:#ffffff; margin-bottom:10px; font-size:15px; line-height:25px;}
#CONFERENCE section.speaker div p:nth-child(5) {color:#cccccc; font-size:15px}
#CONFERENCE section.speaker div p:nth-child(5) i {color:#cccccc; font-size:15px; margin-right:5px;}
#CONFERENCE section.speaker div p:nth-child(5) i:last-child {margin-left:20px}


#CONFERENCE section.exhibition div {float:left; width:calc(50% - 125px); margin-right:50px; background:rgba(0,0,0,0.2); padding:50px; margin-bottom:50px; border-radius:10px;}
#CONFERENCE section.exhibition div:nth-child(2n) {margin-right:0px}

#CONFERENCE section.exhibition div p:nth-child(1) {color:#ec0097; font-size:20px; font-weight:700; margin-bottom:10px}
#CONFERENCE section.exhibition div p:nth-child(2) {color:#ffffff; font-size:17x; font-weight:500; margin-bottom:10px}

#CONFERENCE section.exhibition div:nth-child(2) p:nth-child(1) {color:#06fff1}
#CONFERENCE section.exhibition div:nth-child(3) p:nth-child(1) {color:#00ff8b}
#CONFERENCE section.exhibition div:nth-child(4) p:nth-child(1) {color:#d911ef}



#CONFERENCE section.exhibition div dl {width:calc(50% - 15px); display:table; float:left; margin-right:30px;}
#CONFERENCE section.exhibition div dl:nth-child(4) {margin-right:0px}
#CONFERENCE section.exhibition div dl dd {color:#ffffff; line-height:50px; border-bottom:1px solid #4d4b73}






#EVENT {padding-top:200px; padding-bottom:100px; background:url('/2023/img/e/bg.jpg'); background-position:center top; background-repeat:no-repeat;}
#EVENT p {text-align:center}

#LIVE {padding-top:200px; padding-bottom:100px; background:url('/2023/img/e/bg.jpg'); background-position:center top; background-repeat:no-repeat;}
#LIVE section {text-align:center}
#LIVE section iframe {width:1100px; height:620px; border-radius:10px;}

/*
#EVENT section {width:100%; display:table; margin:0 auto; margin-bottom:100px; max-width:1200px;}
#EVENT section b {text-align:center; color:#00003c; font-size:17px; display:block; font-weight:700; background-color:#00ff8b; border-radius:40px; width:150px; margin:0 auto; margin-bottom:30px; line-height:40px;}
#EVENT section div button {width:calc(33.3% - 40px); display:block; float:left; height:200px; border-radius:10px; background:rgba(0,0,0,0.2); color:#ffffff; padding:30px; line-height:25px; font-size:16px; font-weight:500}
#EVENT section div button:last-child {margin-right:0px}
#EVENT section div button i {display:block; color:#00ff8b; font-size:40px; text-align:ce2254; margin-bottom:20px}

#EVENT section div i.fa-angle-right {width:60px; float:left; height:200px; line-height:200px; color:#ffffff; display:block; text-align:center}

#EVENT section dl {width:33%; margin:0 auto; display:table; border-bottom:1px solid #5e5b94; padding:10px 0 10px 0} 
#EVENT section dl dt {width:20%; float:left; color:#00ff8b; font-weight:500}
#EVENT section dl dd {width:80%; float:left; color:#ffffff;}

#EVENT section div {margin-bottom:100px}
#EVENT section div p {text-align:center; color:#ffffff; margin-bottom:20px;}
#EVENT section div p:nth-child(1) img {height:250px}
#EVENT section div p:nth-child(2) {color:#00ff8b; font-size:20px; font-weight:700; margin-bottom:20px;}
#EVENT section div p:nth-child(3) {font-size:16px; line-height:25px; color:#ffffff}

#EVENT section div p:nth-child(4) {color:#cccccc; font-size:15px}
#EVENT section div p:nth-child(4):before {color:#cccccc; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
*/
table {padding:0; border-spacing:0px; width:100%; border-radius:0px; margin-top:0px; border-left:0px solid #9e9db4; margin-bottom:30px;}
th, td {text-align:center; margin:0; padding:25px; border-bottom:1px solid #9e9db4;}
td {font-size:16px; color:#ffffff; line-height:20px; border-right:1px solid #9e9db4}

th {font-size:16px; color:#06fff1; font-weight:700; border-top: 1px solid #9e9db4; border-bottom: 1px solid #9e9db4;}
th:last-child {border-right:0px solid #9e9db4}
td:last-child {border-right:0px solid #9e9db4}

td.session {background-color:#3e3c6a; color:#ffffff; font-weight:700}

#foot {padding:50px 0px 50px 0px; background:#292b3f; background-position:center bottom; background-repeat:no-repeat; background-size:50% auto}
#foot section {width:550px; margin:0 auto; display:table}
#foot p:nth-child(1) {float:left}
#foot p:nth-child(2) {float:right}
#foot p {color:rgba(255,255,255,0.5); line-height:18px; font-size:12px;}
#foot p img {margin-top:20px}
#foot p a {color:#ffffff; display:block; font-weight:bold; font-size:13px; margin-bottom:10px;}

#scheimg {padding:100px; width:calc(100% - 200px); display:table}
#scheimg img {width:calc(50% - 100px); padding:50px; float:left; display:block}


/*
h1 {color:#00FF8B; width:500px; margin:0 auto; font-family: 'Giants-Inline', sans-serif; font-size:45px; text-align:center; margin-bottom:50px;}

h2 {text-align:left; position:relative; color:#ffffff; font-weight:300; font-size:20px; margin-bottom:50px; font-weight:900; font-style: normal; line-height:30px;}
h2:after {content: ""; display: block; margin-top:10px; margin-bottom:15px; width:30px; height:5px; border-bottom:1px solid #ffffff}
h2 span {font-weight:300; font-size:30px; font-family: 'Giants-Bold'; font-style: italic; line-height:45px; color:#ec0097;}
h2 button {position:absolute; right:0px; top:0px;  width:150px; height:30px; color:#ec0097; font-weight:700; border:1px solid #ec0097; border-radius:10px; font-size:15px;}
h3 {color:#d2d2d6; text-align:center; margin-bottom:50px; font-size:20px;}

h3 button {color:#ffffff; font-size:20px; margin:0 20px 0 20px; padding:0 20px 0 20px; height:60px; font-weight:700}
h3 button.on {border-bottom:1px solid #06fff1; color:#06fff1;}
*/
h20 {display:block; margin:0 auto; text-align:center; position:relative; color:#ffffff; font-weight:600; font-size:30px; margin-bottom:50px;}
h20:after {content: ""; display: block; margin:0 auto; margin-top:10px; margin-bottom:15px; width:30px; height:5px; border-bottom:1px solid #ffffff}



h300 {display:block; padding:150px 0 150px 0; color:#cccccc}
h300 i {display:block; color:#cccccc; font-size:50px;  width:100%; text-align:center; margin:0 auto; margin-bottom:20px;}



h6 {color:#ffffff; font-size:17px; display:block; text-align:center; margin-bottom:50px; font-weight:500}
h6 i {color:#ffffff; font-size:17px; margin-right:5px;}
h6 i:last-child {margin-left:20px}

h40 {color:#999999; font-size:20px; font-weight:500; display:block; margin-bottom:10px; letter-spacing:-1px;}
h41 {color:#ffffff; font-size:50px; font-weight:400; display:block; margin-bottom:50px; letter-spacing:-2px;}

h40 b {font-size:25px; margin-right:20px;}
h40 span {color:#999999; margin-left:10px;}
h30 {
  position: relative;
  display: inline-block;
  margin: 0 auto;
text-align:ceter;
width:100%;
margin-bottom:50px;
margin-top:30px;
}

h30 span {
  width: 330px;
  color: #00003b;
  text-align: center;
  border-radius: 50px;
  height:50px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -165px;
  background: #06ffeb;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #00ff91, #06ffeb);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #00ff91, #06ffeb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
font-size:25px;
font-weight:900;
 display:block;
 line-height:50px;
}

h30 span::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #06ffeb transparent transparent transparent;
}

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

.topbottom2 {position:relative; -webkit-animation: myfirst2 0.7s linear 1s infinite alternate; /*normal;  Chrome, Safari, Opera */ animation: myfirst2 0.7s linear 1s infinite alternate; /*normal;  Standard syntax */}
.ani2 {position:absolute; top:calc(100% + 100px); left:50%; margin-left:-100px; display:none;}

.link {text-align:center; width:100%; margin-top:0px;}
.link button {color:#ffffff; border-bottom:1px solid #ffffff; height:40px;}
.link button i {color:#ffffff; margin-left:10px}

@-webkit-keyframes myfirst {
    0%   {opacity: 1.0; margin-top:15px;}
    100% {opacity: 1.0; margin-top:0px;}
}
/* Standard syntax */
@keyframes myfirst {
    0%   {opacity: 1.0; margin-top:15px;}
    100% {opacity: 1.0; margin-top:0px;}
}

@-webkit-keyframes myfirst2 {
    0%   {opacity: 1.0; margin-top:0px;}
    100% {opacity: 1.0; margin-top:15px;}
}
/* Standard syntax */
@keyframes myfirst2 {
    0%   {opacity: 1.0; margin-top:0px;}
    100% {opacity: 1.0; margin-top:15px;}
}



#PRO-List {margin-top:100px}
#PRO-List h1 {position:relative; margin-bottom:50px;}
#PRO-List h1 p:nth-child(1) {color:#000000; font-size:40px; font-weight:800; margin-bottom:10px;}
#PRO-List h1 p:nth-child(2) i {margin-right:10px;}
#PRO-List h1 p:nth-child(2) i.fa-clock {margin-left:30px;}
#PRO-List h1 p:nth-child(1) b {margin-top:-20px; margin-left:20px; border-radius:30px; background:#ff009a; font-weight:800; color:#ffffff; padding:5px 15px 5px 15px; height:30px; line-height:25px; text-align:center; font-size:12px;}
#PRO-List h1 p:nth-child(2) {color:#000000; font-size:20px;}

#PRO-List h1 button {display:none;  position:absolute; right:0px; top:30px; background:#999999; color:#ffffff; height:30px; border-radius:30px; padding:0 20px 0 20px; font-size:13px; font-weight:800}
#PRO-List h1 button i {color:#ffffff; margin-right:10px; font-size:13px;}
#PRO-List h1 img {display:block; max-width:200px; max-height:50px; position:absolute; bottom:50px; right:0px}
#PRO-List section {width:100%; display:table; margin-bottom:100px;}
#PRO-List section div {background:#f9f9f9; border-radius:10px; padding:30px; width:calc(100% - 60px); display:table; margin-bottom:50px;}
#PRO-List section div figure {margin:0; padding:0; float:left}
#PRO-List section div figure:nth-child(1) {width:20%; margin-right:50px;}
#PRO-List section div figure:nth-child(2) {width:calc(80% - 50px);}
#PRO-List section div figure img {width:100%; border-radius:10px}
#PRO-List section iframe {margin-top:50px; border-radius:10px;}
#PRO-List h4 {color:#000000; font-size:25px; font-weight:800; margin-bottom:20px; margin-top:-10px; position:relative}
#PRO-List h4 button {background:#00003c; color:#ffffff; font-weight:bold; padding:0 30px 0 30px; height:50px; border-radius:50px; display:block; position:absolute; right:0px; top:0px}
#PRO-List h4 button  i {margin-right:10px; color:#ffffff}

#PRO-List section h12 {display:block; color:#000000; font-size:20px; font-weight:800; margin-bottom:10px;}
#PRO-List section h12 span {color:#000000; font-size:15px; font-weight:600; margin-left:10px}
#PRO-List section b {display:block; color:#000000; font-size:15px; font-weight:800; margin-bottom:10px;}
#PRO-List section u {display:block; color:#000000; font-size:16px; font-weight:600; margin-bottom:10px; text-decoration:none; margin-top:20px;}

#PRO-List section div h21 {display:block}
#PRO-List section div h21 {width:calc(33.3% - 20px); margin-right:30px; float:left; margin-bottom:30px; cursor:pointer}
#PRO-List section div h21:nth-child(3n) {margin-right:0px}
#PRO-List section div h21 p:nth-child(1) {height:200px; position:relative; margin-bottom:20px;}
#PRO-List section div h21 p:nth-child(1) {background-color:#ffffff; border:1px solid #dddddd;}
#PRO-List section div h21 p:nth-child(1) b {position:absolute; top:20px; left:20px; border-radius:25px; background:#00003c; color:#ffffff; padding:0 15px 0 15px; height:25px; display:block; line-height:22px; text-align:center; font-size:11px; font-weight:800}
#PRO-List section div h21 p:nth-child(1) img {display:block; max-width:50%; max-height:40%; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#PRO-List section div h21:hover p:nth-child(1) img {filter: invert(100%) sepia(52%) saturate(20%) hue-rotate(315deg) brightness(103%) contrast(108%);}
#PRO-List section div h21:hover p:nth-child(1) {background:#00003c}
#PRO-List section div h21:hover p:nth-child(1) b {background:#ffffff; color:#00003c;}

#PRO-List section div h21 p:nth-child(2) {color:#000000; font-weight:800; font-size:20px; margin-bottom:10px}
#PRO-List section div h21 p:nth-child(3) {color:#999999; font-size:15px; margin-bottom:0px}

#PRO-List h5 {color:#ff009a; text-align:left; margin-bottom:20px; font-size:20px; font-weight:700 !important}
#PRO-List h5 i {color:#ff009a; margin-right:10px}

#COMPANY h3 {border-bottom:1px solid #ff009a;}
#COMPANY h3 span {color:#ff009a;}
#COMPANY-List section:last-child {position:relative}
#COMPANY-List section:last-child button {position:absolute; right:0px; bottom:-100px; background:#999999; color:#ffffff; height:30px; border-radius:30px; padding:0 20px 0 20px; font-size:13px; font-weight:800}
#COMPANY-List section:last-child button i {color:#ffffff; margin-right:10px; font-size:13px;}

#closepop {position:fixed; top:150px; right:50px;}
#closepop .fa-times {color:#000000; font-size:60px; cursor:pointer;}

#COMPANY-List section img {display:block; margin-top:0px;}
#COMPANY-List h77 {display:block; position:relative; padding-left:20px; margin-left:0px;}

#COMPANY-List h77:before {color:#000000; content: "¡Ü"; font-size:4px; position:absolute; top:10px; left:7px;}

#COMPANY-List h2 {margin-top:50px}
#COMPANY-List h2:first-child {margin-top:0px}
#COMPANY-List b {margin-top:30px}
@media ( max-width: 1000px ) {
.topbottom2 {display:none}
* {font-size:12px;}
.mobile {display:block;}
.pc {display:none;}
#COMPANY-List h77 {display:block; position:relative; padding-left:15px; margin-left:0px;}
#COMPANY-List h77:before {color:#000000; content: "¡Ü"; font-size:3px; position:absolute; top:7px; left:5px;}

#closepop {position:fixed; top:120px; right:20px;}
#closepop .fa-times {color:#000000; font-size:20px; cursor:pointer;}


#head div.login {float:right; margin-right:70px; margin-top:37px;}
#head div.login button {background-color:#00ecda; color:#000000; height:25px; width:110px; border-radius:25px; text-align:center; margin:0 0 0 10px; font-size:10px; font-weight:900}

#head div.login button {background: linear-gradient(to right, #ffffff 50%, #00ecda 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:#000000; margin-right:5px}
#head div.login button:hover i {color:#000000}

#head.shown .login {float:right; margin-right:70px; margin-top:37px;}

#head.shown {position:fixed; top:0px; left:0px; z-index:99; height:100px; background-color:#; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1);}
#head img {margin:35px 0 0 30px; display:block; height:30px;}
#head.shown img {margin:35px 0 0 30px; display:block; height:30px;}

.pcmenu {display:none}		

.wrap {width:90%; margin:0 auto}
img {max-width:100%;}


h51 {display:block; font-size:12px; color:#000000}
h51:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f00c"; margin-right:5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

h9 {display:table; width:100%; margin-bottom:30px}
h9 button {width:calc(50% - 10px); margin-right:20px; border:1px solid #000000; color:#000000; font-weight:800; display:block; float:left; height:40px}


#fade-in {
  right:-100%; 
  width: 100%;
  transition: all .5s ease;
  z-index:99;
}

#fade-in.show {
 right:0px;
}

#scheimg {padding:30px; width:calc(100% - 60px); display:table}
#scheimg img {width:calc(100% - 0px); padding:0px; float:left; display:block}
#scheimg img:last-child {margin-top:30px}
.toggle-sidebar {display:block !important; width:70px; height:100px; position:absolute; right:0px; top:0px; z-index:10; text-align:center !important;}
.toggle-sidebar i {color:#ffffff; font-size:20px; line-height:100px; text-align:ceter; width:70px;}



.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 !important; display:block; line-height:60px; padding-left:20px; font-weight:800}
.menubox .Mmenulist a i {color:#00ecda; margin:0 5px 0 5px}
.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:#00ecda;}
.Mmenulist ul .inner a {color:#000000 !important}
.Mmenulist li {border-bottom:1px solid rgba(255,255,255,0.5);}
.Mmenulist li a {width:100%; font-size:14px !important; display:table !important; float:none !important}
.Mmenulist ul li .toggle {width:calc(100% - 20px); display:block; color: #ffffff !important; border-bottom:1px solid #555555;}

.page {width:90%; margin:0 auto; padding:50px 0 50px 0}
.page * {line-height:1.5}
.page h1 {color:#000000; font-size:20px; font-weight:800; border-bottom:2px solid #000000; margin-bottom:20px; padding-bottom:20px;}
.page form {margin-bottom:50px;}
.page form select {width:20%; border:1px solid #000000; color:#000000; padding:20px}
.page form input {width:46%; border:1px solid #000000; color:#000000; padding:20px}
.page form button {width:9%; background-color:#000000; border:1px solid #000000; color:#ffffff; padding:20px}
.page h2 {background-color:#ff009a; line-height:30px; text-align:center; color:#ffffff; height:30px; border-radius:30px; width:50%; font-size:13px; font-weight:800; margin-bottom:20px;}

.page h3 {margin-bottom:30px; height:20px; border-bottom:1px solid #000000;}
.page h3 span {background:#ffffff;color:#000000; font-size:20px; font-weight:800; padding-right:20px;}

#main {margin-top:100px; position:relative; text-align:center; width:100%; height:600px; background:url('/2025/img/main/bg2.png?v=2'),url('/2025/img/main/bg1.png?v=2'),url('/2025/img/main/5.png?v=2'),#00003c; background-size:30% auto, 100% auto, 20% auto; background-position:5% 5% ,bottom, 95% 5%; background-repeat:no-repeat;}




#main p {text-align:center}
#main p img {width:80%; margin:0 auto}

#main div:nth-child(1) {float: none; position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); width:100%}

.dday {text-align:center; margin-top:30px; margin-bottom:0px; padding-bottom:20px; background:url('/2025/img/main/bg3.png?v=2'); background-position:center top; background-size:70% auto; background-repeat:no-repeat; padding-top:20px;}
.dday b {color:#ffffff; font-size:20px; display:block; text-align:center; margin-bottom:10px;}
.dday p {font-family: 'Giants-Inline', sans-serif; color:#00ff8b; font-size:40px; line-height:40px; }



#foot {padding:50px 0px 50px 0px; background:#292b3f; background-position:center bottom; background-repeat:no-repeat; background-size:50% auto}
#foot section {width:80%; margin:0 auto; display:table}
#foot p:nth-child(1) {float:left; width:100%; margin-bottom:10px}
#foot p:nth-child(2) {float:left; width:100%;}
#foot p {color:rgba(255,255,255,0.5); line-height:15px; font-size:10px;}
#foot p img {margin-top:0px !important; height:20px;}

#subv {margin-top:100px; position:relative; width:100%; height:200px; background:url('/2025/img/main/bg4.png'),#00003c; background-size:auto 100%; background-position:bottom; background-repeat:no-repeat}
#subv h1 {display:block; width:80%; max-width:1200px; float: none; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%);}
#subv h1 b {color:#ffffff; font-size:20px; font-weight:900; display:block; margin-bottom:10px;}
#subv h1 p {color:#ffffff; line-height:1.5;}


#subv .navi {width:85%; position:absolute; top:20px; text-align:right; color:#ffffff; font-size:11px;}
#subv .navi i {font-size:10px; color:#ffffff;}
#subv .navi .fa-angle-right {margin:0 10px 0 10px}


#COMPANY-List {margin-top:100px}
#COMPANY-List h1 {position:relative; margin-bottom:0px;}
#COMPANY-List h1 p:nth-child(1) {color:#000000; font-size:23px; font-weight:800; margin-bottom:10px;}

#COMPANY-List h1 p:nth-child(2) i {margin-right:10px;}
#COMPANY-List h1 p:nth-child(2) i.fa-clock {margin-left:30px;}
#COMPANY-List h1 p:nth-child(1) b {margin-top:0px; margin-left:10px; border-radius:25px; background:#ff009a; font-weight:800; color:#ffffff; padding:5px 15px 5px 15px; height:25px; line-height:20px; text-align:center; font-size:10px;}
#COMPANY-List h1 p:nth-child(2) {color:#000000; font-size:15px;}
#COMPANY-List h1 img {display:block; max-width:200px; max-height:50px; position:relative; bottom:0px; right:0px; margin-top:20px;}
#COMPANY-List section {width:100%; display:table; margin-bottom:50px;}
#COMPANY-List section img {margin-top:50px; border-radius:10px;}
#COMPANY-List section iframe {margin-top:50px; border-radius:10px;}
#COMPANY-List h4 {color:#000000; font-size:20px; font-weight:800; margin-bottom:10px;}

#COMPANY-List section b {display:block; color:#000000; font-size:15px; font-weight:800; margin-bottom:10px;}
#COMPANY-List section u {display:block; color:#000000; font-size:12px; font-weight:600; margin-bottom:10px; text-decoration:none; margin-top:20px;}



#COMPANY-List .videoplay {aspect-ratio: 16 / 9;}
#COMPANY-List .videoplay iframe {display: block; width:100%; height:100%; }

#COMPANY-List section:nth-child(3) {position:relative}
#COMPANY-List section:nth-child(3) button {margin-top:20px; background:#00003c; color:#ffffff; font-weight:bold; padding:0 20px 0 20px; height:30px; border-radius:30px; display:block; position:relative; right:0px; top:0px}
#COMPANY-List section:nth-child(3) button  i {margin-right:10px; color:#ffffff}


#COMPANY-List section:last-child {position:relative}
#COMPANY-List section:last-child button {position:absolute; right:0px; bottom:-50px; background:#999999; color:#ffffff; height:25px; border-radius:25px; padding:0 10px 0 10px; font-size:10px; font-weight:800}
#COMPANY-List section:last-child button i {color:#ffffff; margin-right:10px; font-size:10px;}

#COMPANY-List h5 {color:#ff009a; text-align:left; margin-bottom:20px; font-size:15px; font-weight:700 !important}
#COMPANY-List h5 i {margin-right:10px}



#COMPANY section {width:100%; display:table; margin-bottom:50px;}
#COMPANY section div {width:calc(50% - 10px); margin-right:20px; float:left; margin-bottom:20px; cursor:pointer}

#COMPANY section div:nth-child(3n) {margin-right:20px}
#COMPANY section div:nth-child(2n) {margin-right:0px}
#COMPANY section div p:nth-child(1) {height:100px; position:relative; margin-bottom:10px;}
#COMPANY section div p:nth-child(1) {border:1px solid #dddddd;}
#COMPANY section div p:nth-child(1) b {display:none; position:absolute; top:10px; left:10px; border-radius:20px; background:#00003c; color:#ffffff; padding:0 10px 0 10px; height:20px; display:; line-height:18px; text-align:center; font-size:10px; font-weight:800}
#COMPANY section div p:nth-child(1) img {display:block; max-width:60%; max-height:50%; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#COMPANY section div:hover p:nth-child(1) img {filter: invert(100%) sepia(52%) saturate(20%) hue-rotate(315deg) brightness(103%) contrast(108%);}
#COMPANY section div:hover p:nth-child(1) {background:#00003c}
#COMPANY section div:hover p:nth-child(1) b {background:#ffffff; color:#00003c;}

#COMPANY section div p:nth-child(2) {color:#000000; font-weight:800; font-size:15px; margin-bottom:5px}
#COMPANY section div p:nth-child(3) {color:#999999; font-size:12px; margin-bottom:0px}



#PROGRAM section {width:100%; display:table; margin-bottom:50px;}
#PROGRAM section:nth-child(2) {margin-bottom:30px;}
#PROGRAM section div {width:calc(100% - 62px); padding:30px; margin-right:0px; float:left; margin-bottom:20px; cursor:pointer; height:auto; display:table; border:1px solid #dddddd; position:relative}
#PROGRAM section div:before {color:#cccccc; font-size:17px; font-family: "Font Awesome 5 free"; content: "\f061"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; position:absolute; right:30px; bottom:30px;}
#PROGRAM section div:hover {background:#00003c}
#PROGRAM section div:hover * {color:#ffffff !important;}
#PROGRAM section div:hover *:before {color:#ffffff !important;}
#PROGRAM section div:hover:before {color:#ffffff !important;}


#PROGRAM section div:nth-child(3n) {margin-right:20px}
#PROGRAM section div:nth-child(2n) {margin-right:0px}
#PROGRAM section div p:nth-child(1) {color:#ff009a; margin-bottom:10px; font-size:12px; font-weight:800}
#PROGRAM section div p:nth-child(1):before {color:#ff009a; font-family: "Font Awesome 5 free"; content: "\f017"; margin-right:5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

#PROGRAM section div p:nth-child(2) {color:#000000; font-size:18px; font-weight:900;  margin-bottom:10px; line-height:1.5}
#PROGRAM section div p:nth-child(2) b {color:#000000; font-size:18px; font-weight:900; display:block}

#PROGRAM section div p:nth-child(2):after {content: ""; display: block; width: 40px; border-bottom: 1px solid #000000; margin-top:10px}
#PROGRAM section div p:nth-child(3) u {display:block; text-decoration:none; font-size:12px; font-weight:bold; color:#000000;} 
#PROGRAM section div p:nth-child(3) i {margin-right:10px}





#PRO-List {margin-top:100px}
#PRO-List h1 {position:relative; margin-bottom:30px;}
#PRO-List h1 p:nth-child(1) {color:#000000; font-size:25px; font-weight:800; margin-bottom:10px;}
#PRO-List h1 p:nth-child(2) i {margin-right:5px;}
#PRO-List h1 p:nth-child(2) i.fa-clock {margin-left:20px;}
#PRO-List h1 p:nth-child(1) b {margin-top:-20px; margin-left:20px; border-radius:30px; background:#ff009a; font-weight:800; color:#ffffff; padding:5px 15px 5px 15px; height:30px; line-height:25px; text-align:center; font-size:12px;}
#PRO-List h1 p:nth-child(2) {color:#000000; font-size:13px;}

#PRO-List h1 button {position:absolute; right:0px; top:20px; background:#999999; color:#ffffff; height:25px; border-radius:25px; padding:0 10px 0 10px; font-size:11px; font-weight:800}
#PRO-List h1 button i {color:#ffffff; margin-right:5px; font-size:11px;}
#PRO-List h1 img {display:block; max-width:200px; max-height:50px; position:absolute; bottom:50px; right:0px}
#PRO-List section {width:100%; display:table; margin-bottom:50px;}
#PRO-List section div {background:#f9f9f9; border-radius:10px; padding:20px; width:calc(100% - 40px); display:table; margin-bottom:30px;}
#PRO-List section div figure {margin:0; padding:0; float:left}
#PRO-List section div figure:nth-child(1) {width:20%; margin-right:20px;}
#PRO-List section div figure:nth-child(2) {width:calc(80% - 20px);}
#PRO-List section div figure img {width:100%; border-radius:10px}
#PRO-List section iframe {margin-top:50px; border-radius:10px;}
#PRO-List h4 {color:#000000; font-size:18px; font-weight:800; margin-bottom:20px; margin-top:-10px}

#PRO-List h4 button {background:#00003c; color:#ffffff; font-weight:bold; padding:0 15px 0 15px; height:30px; margin-top:10px; border-radius:30px; display:block; position:relative; right:0px; top:0px}
#PRO-List h4 button  i {margin-right:10px; color:#ffffff}

#PRO-List section h12 {display:block; color:#000000; font-size:15px; font-weight:800; margin-bottom:10px;}
#PRO-List section h12 span {color:#000000; font-size:12px; font-weight:600; margin-left:10px}
#PRO-List section b {display:block; color:#000000; font-size:12px; font-weight:800; margin-bottom:0px;}
#PRO-List section u {display:block; color:#000000; font-size:13px; font-weight:600; margin-bottom:10px; text-decoration:none; margin-top:20px;}

#PRO-List section div h21 {display:block}
#PRO-List section div h21 {width:calc(50% - 10px); margin-right:20px; float:left; margin-bottom:20px; cursor:pointer}
#PRO-List section div h21:nth-child(3n) {margin-right:20px}
#PRO-List section div h21:nth-child(2n) {margin-right:0px}
#PRO-List section div h21 p:nth-child(1) {height:100px; position:relative; margin-bottom:20px;}
#PRO-List section div h21 p:nth-child(1) {background-color:#ffffff; border:1px solid #dddddd;}
#PRO-List section div h21 p:nth-child(1) b {position:absolute; top:20px; left:20px; border-radius:25px; background:#00003c; color:#ffffff; padding:0 15px 0 15px; height:25px; display:block; line-height:22px; text-align:center; font-size:11px; font-weight:800}
#PRO-List section div h21 p:nth-child(1) img {display:block; max-width:50%; max-height:40%; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#PRO-List section div h21:hover p:nth-child(1) img {filter: invert(100%) sepia(52%) saturate(20%) hue-rotate(315deg) brightness(103%) contrast(108%);}
#PRO-List section div h21:hover p:nth-child(1) {background:#00003c}
#PRO-List section div h21:hover p:nth-child(1) b {background:#ffffff; color:#00003c;}

#PRO-List section div h21 p:nth-child(2) {color:#000000; font-weight:800; font-size:15px; margin-bottom:5px}
#PRO-List section div h21 p:nth-child(3) {color:#999999; font-size:12px; margin-bottom:0px}

#PRO-List h5 {color:#ff009a; text-align:left; margin-bottom:20px; font-size:15px; font-weight:700 !important}
#PRO-List h5 i {color:#ff009a; margin-right:10px; font-size:15px; }



.agree {width:90%; max-width:1200px; margin:0 auto; padding:50px 0 50px 0}
.agree * {line-height:1.5}
.agree h1 {color:#000000; font-size:17px; font-weight:800; border-bottom:1px solid #000000; margin-bottom:30px; padding-bottom:30px;}

.agree h2 {display:inline-block; /* ÀÚµ¿ Æø Á¶Á¤ */ background-color:#ff009a; line-height:30px; padding:0 20px 0 20px; color:#ffffff; height:30px; border-radius:30px; font-size:14px; font-weight:800; margin-bottom:20px;}
.agree p {margin-bottom:30px}
.agree table * {color:#000000}

.agree table {
  border-collapse: collapse; /* ¶óÀÎ °ãÄ¡Áö ¾Ê°Ô */
  width: 100%;
}

.agree table th,
.agree table td {
	font-size:11px;
  border: 1px solid #dddddd; /* 1px ¶óÀÎ */
  padding: 5px;
  text-align: center;
}

.agree table th {
  background-color: #e9e9e9; /* Çì´õ ¹è°æ */
}
.agree h3 {color:#000000; font-weight:bold; list-style: none;    /* ¼ýÀÚ Á¦°Å */}

.agree ol,  .agree ul  {
margin-bottom:30px !important;
margin-left:5px !important;
padding-left:5px !important;
}
}