* {font-family: 'SUIT', sans-serif;}
@font-face {
    font-family: 'KBO-Dia-Gothic_bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/KBO-Dia-Gothic_bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SBL';
    src: url('https://mobility.or.kr/2025/css/font/SB_M.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'GGM';
    src: url('https://mobility.or.kr/2025/css/font/Gong Gothic Medium.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'GGML';
    src: url('https://mobility.or.kr/2025/css/font/Gong Gothic Light.ttf') format('truetype');
    font-style: normal;
}

* {color:#666666; font-weight:500; letter-spacing:-0.5px; word-break: keep-all; line-height:120%;} /*654fa4 / ff7062*/

html {
  scroll-behavior: smooth;
}




body,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,div,a,form {margin:0; padding:0;}
body {max-width:2000px; 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;}
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;}
.p0102 dd b {display:block; color:#000000; font-weight:800; line-height:30px; margin-bottom:0px;}
.p0104 dd b {display:block; color:#000000; font-weight:800; line-height:30px; margin-bottom:10px;}
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;}




.p0102 dd button {height:35px; margin-right:20px;}
.p0102 dd button img {height:100%}

.p0104 dd button {height:30px; margin-left:20px; color:#ffffff; background:var( --my-color-2 ); width:100px; border-radius:30px;}
.p0104 dd button i {color:#ffffff; margin-right:10px}

input[type=text],input[type=password],input[type=button],textarea,select {-webkit-appearance: none;-webkit-border-radius: 0; padding:0; margin:0; border:0px;}
input[type="button"], button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
input[type="button"]::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
.swiper-slide {cursor:pointer}
.allcenter2 {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.pagenum {width:100%; text-align:center; margin:0 auto; height:80px;}
.pagenum p {width:40px; line-height:40px; height:40px !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;}


h90 {display:block; margin-bottom:30px; margin-top:50px;}
h90 span {background:var( --my-color-2 ); color:#ffffff; padding:10px 30px 10px 30px; border-radius:50px;}

h501 {color:var( --my-color-2 ); font-size:15px; margin-bottom:15px; width:100%; margin-top:15px; margin-left:20px;}
h501:before {color:var( --my-color-2 ); 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:10px; width:87%; border-radius:10px; border:0px solid #dddddd; background:#ffffff; box-shadow: 0 20px 20px -20px rgba(234, 85, 86, 0.1), 0 20px 20px -20px rgba(0, 0, 0, 0.1);}
th, td {border-radius:10px;   text-align:center; margin:10px; padding:10px; border-bottom:0px solid #dddddd; border-right:0px solid #dddddd; background-color:#ffffff; }
th, td.pd20{ padding:20px !important;}
td {border:1px solid #dddddd; word-break: break-all; overflow-wrap: break-word; white-space: ; word-wrap: break-word; line-height:1.7}
td u3 {font-size:14px; line-height:1.7; word-break: keep-all;}
td b {line-height:20px; color:#000000; padding-bottom:10px; display:block}
td b:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f3c9"; margin-right:5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
td.session {font-size:13px;  background-color:#f6f6f6}
td u2 {color:#ffffff; margin:10px 0px 10px 0px; padding:5px 20px 5px 20px; border-radius:25px; background:#333333; font-size:13px; display:inline-block; width:auto}

td u {    display: inline-block;
    color: #7300de;
    font-size: 18px;
    margin-top: 30px;

    text-decoration: none;
    margin-bottom: 10px;
    font-weight: 800;
    clear: both;
    padding: 0 5px;}
td u:first-child {margin-top:0px}
td u:last-child {margin-bottom:0px}
th {color:#ffffff;  font-weight:800; background-color:#7300de}
td i {margin-right:10px; color:#000000;}
td a {color:#000000; font-weight:bold}
td a:hover {border-bottom:0px solid #000000}

td span {line-height:20px; color:#0d3fbe; padding-top:10px; display:block; font-size:14px;}
td span:before {color:#0d3fbe; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}


table tr:last-child td {}
table tr:last-child th {border-bottom:0px none;}

table td:last-child {}
table th:last-child {border-right:0px none}



label {position: relative; padding-left: 25px !important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top:0; left:0}
label input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top: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;}
.p0401 div {display:table; width:100%}

.roundtable {border-radius:10px; padding:30px; width:calc(100% - 60px)!important; background:#f9f9f9;}
.roundtable h5 {margin-bottom:0px !important}
.roundtable p b {color:#000000}

.margintop100 {margin-top:100px !important}

#head {width:100%; box-shadow: 0 5px 15px 0 rgba(234, 85, 86, 0.1), 0 5px 15px 0 rgba(200, 200, 200, 0.1); background-color:#ffffff; position:fixed; top:0px; left:0px; height:100px; z-index:99}

#head .logo {float:left;}

 #head .logo {color:#0d3fbe; font-size:20px; font-weight:900; font-family: 'KBO-Dia-Gothic_bold'; line-height:100px; margin:0 0 0 150px}
 
 #head .logoen {color:#0d3fbe; font-size:19px; font-weight:900; font-family: 'KBO-Dia-Gothic_bold'; line-height:25px; margin:30px 0 0 150px}
 #head .logoen span {display:block; font-size:15px;}
 
#head img {margin:30px 0 0 30px; display:block; height:40px;}
#head a {}
#head a.on {color:#7c6c63;}




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

#head div.login {float:right; margin-right:40px; margin-top:35px;}
#head div.login button {color:#000000; height:30px; width:100px; border:1px solid #000000; border-radius:30px; text-align:center; margin:0 0 0 10px; font-size:12px;}

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


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





.menubox {display:none;}
.toggle-sidebar {display:none;}
/*드롭메뉴*/
.subnav {margin-right:30px; margin-left:30px; float:left;}
.subnav a {line-height:100px; font-family: 'SUIT', sans-serif; font-size:18px; color:#000000; font-weight:700}
.subnav a i {color:#000000; margin-left:10px}
.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; width: 150px; z-index: 1000 !important;  line-height:50px !important; border-radius:10px; margin-top:-10px; box-shadow: 0 10px 20px 0 rgba(234, 85, 86, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1);
-webkit-animation: slide-down .3s ease-out;
-moz-animation: slide-down .3s ease-out;
}
/*
.subnav-content {background: rgb(254,200,0);}
.subnav-content {background: linear-gradient(135deg, rgba(254,200,0,1) 0%, rgba(244,149,0,1) 35%, rgba(239,125,0,1) 100%);}
*/
.subnav-content {background: var( --my-color-1 );}


.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:before {content:"●"; font-size:10px; color:var( --my-color-1 ); position:absolute; margin-top:-20px; margin-left:-10px;}
.subnav:hover > a {color:var( --my-color-1 ) !important}

.subnavon > a:before {content:"●"; font-size:10px; color:var( --my-color-1 ); position:absolute; margin-top:-20px; margin-left:-10px;}
.subnavon > a {color:var( --my-color-1 ) !important}

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


#lay4_2{ float:left; width:100%}
#lay4_2 ul.l4{width:23.5%; float:left; margin-bottom:10px;  margin-right:2%;}
#lay4_2 ul.l4:nth-child(4n+4){margin-right:0} */

.sp_box{ position:relative}
.sp_box a {display: block; position: relative;}
.sp_box .photo { max-height: 355px; height:350px; border-radius: 10px;	overflow: hidden;	margin-bottom: 30px; transition: all 0.3s; -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);position: relative;}
.sp_box .photo img {	display: block;  width: 100%; height: 100%;	object-fit: cover;}
.sp_box .prf {position: absolute; 	bottom: 60px;	left: -5px;	font-size: 16px; line-height: 1.2em !important;	text-align: left;	color: #fff;	transform: translateY(20px);	opacity: 0;	transition: all 0.2s; padding: 0 20px;	word-break: keep-all;}
.sp_box .sp_name {position: absolute;
        bottom: 0px;
        left: 0px;
        text-align: left;
        padding: 8px 15px 4px;
        width: 100%;
        background: url(/2025/img/sp_name_bg.png);
        transition: all 0.2s;}
.sp_box .sp_name .b_name {font-size: 18px; font-weight: 700;margin-bottom: 0.3em; color:#fff; transition: all 0.3s;transition: all 0.2s; }

.sp_box .overlay {position: absolute; 	top: 0;	left: 0;	width: 100%;	height: 100%;	background: rgb(112 48 160);	opacity: 0; transition: all 0.2s;}

.sp_box a:hover .prf {opacity: 1; transform: translateY(0);}
.sp_box a:hover .overlay {opacity: 0.6;}


@-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: 1300px ) {
.subnav {margin-right:20px; margin-left:20px; float:left;}
}
.notice {width:100%; height:800px;}
#main {margin-top:100px}
#main section:nth-child(1) {width:100%; height:800px;}
#main section:nth-child(1) {position:relative;}
#main section:nth-child(1) .swiper-slide {background-position:0% 20% !important}
#main section:nth-child(1) .title {width:1200px; float: none; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); z-index:9; text-align:center;background:}

#main section:nth-child(1) .title p:nth-child(1) {color:#ffffff; font-size:0px; margin-bottom:0px; font-family: 'KBO-Dia-Gothic_bold';}
#main section:nth-child(1) .title p:nth-child(2) {color:#ffffff; font-size:120px; margin-bottom:10px; font-family: 'GGM';}

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

#main section:nth-child(1) .title p:nth-child(3) {font-size:43px; margin-bottom:30px; font-weight:900; font-family: 'GGML';}

#main section:nth-child(1) .title p:nth-child(3) {
background: linear-gradient(to right, #fff 0%, #fff 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
#main section:nth-child(1) .title p:nth-child(3) br {display:none}
#main section:nth-child(1) .title div:nth-child(4) {color:#ffffff; font-size:21px; margin-bottom:10px; font-family: 'GGML';}
#main section:nth-child(1) .title p:nth-child(5) {color:#ffffff; font-size:20px; margin-bottom:0px; font-weight:700}
#main section:nth-child(1) .title div:nth-child(4) i {color:#ffffff; margin-right:10px}
#main section:nth-child(1) .title p:nth-child(5) i {color:#ffffff; margin-right:10px}
#main section:nth-child(1) .spon {float: none; position: absolute; bottom: 10%; left: 50%; transform: translate(-50%, 0%); z-index:9; text-align:center}

#main section:nth-child(1) .spon {z-index:9; text-align:center; width:100%;}
#main section:nth-child(1) .spon div {text-align:center; margin-top:0px;}

#main section:nth-child(1) .spon div button {color:#ffffff; font-size:17px; text-align:center; } 
#main section:nth-child(1) .spon div button {width:130px; height:130px; margin:15px;  text-align:center; border-radius:130px; background:rgba(0,0,0,0.5);}
#main section:nth-child(1) .spon div button i {color:#ffffff; font-size:30px; text-align:center; display:block; margin-bottom:10px;}
#main section:nth-child(1) .spon div button:hover {transform: translateY(-10%); transition: 0.3s; color:var( --my-color-1 );}
#main section:nth-child(1) .spon div button:hover i {color:var( --my-color-1 )}

#main section:nth-child(1) .bg {width:100%; position:absolute; top:0px; left:0px; height:100%; background:rgba(0,0,0,0.7); z-index:8}

@media ( max-width: 1600px ) {
.notice {width:100%; height:900px;}
#main section:nth-child(1) {width:100%; height:900px;}
}



#notice {width:100%; height:100px;}
#notice {background: rgb(0,175,234);}
#notice {background:#7300d5;}


#notice div {width:1100px; margin:0 auto}
#notice div h1 {color:#ffffff; font-size:25px; width:100px; float:left; line-height:100px;  font-weight: 800; background:}
#notice div h1 span {display:block; font-size:13px; float:right; width:170px; color:rgba(255,255,255,0.5); line-height:18px;}
#notice div button {width:500px; height:100px; display:block; float:left; text-align:right; color:#ffffff; font-size:15px; }
#notice div button b {padding:5px 10px 5px 10px; font-size:13px; color:#7300d5; background-color:#ffffff; border-radius:30px; margin-right:10px;}

#spon {text-align:center;}
#spon button {margin:20px 50px 0 50px; background:; height:100px;}
#spon button img {height:50px;}

#spon button.organized {margin:0 30px 20px 30px; background:; height:100px;}
#spon button.organized img {height:40px;}

footer {background-color:#f0f0f0; width:100%; padding:50px 0 50px 0}
footer address {display:block; font-style: normal; text-align:left; font-size:12px; line-height:20px; color:rgba(0,0,0,0.6); width:1100px; margin:0 auto; position:relative}
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%;}

#kakao {transition: 0.3s; position: fixed; bottom: 50px; right: 50px; z-index: 99; font-size: 18px; background-color:#fbe300; color: #3b1e1e; cursor: pointer; line-height:50px; text-align:center; border-radius: 50px; width:50px;}
#kakao i {color:#3b1e1e}
#kakao span {display:none; width:0px; line-height:50px; font-weight:bold}
#kakao:hover {width:200px; text-align:left;}
#kakao:hover span {display:block; font-size:14px; line-height:50px; color:#000000; position:absolute; top:0px; left:60px; width:115px;}
#kakao:hover i {padding-left:20px;}


#subtop {width:100%; height:200px;  margin-top:100px; padding-top:0px; position:relative; overflow:hidden; }


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

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




.moving h1 {color:#ffffff; font-size:40px; margin-bottom:0px; font-family: 'KBO-Dia-Gothic_bold'; z-index:9; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center}
.moving h1 b {color:#65d6fc; font-size:20px; margin-top:10px; font-weight:900; font-style: italic; display:block; text-align:center}


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


#subv {width:100%; height:200px; margin-top:100px; padding-top:0px; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.1) inset,0 -10px 20px -10px rgba(0,0,0,0.2); text-align:center; overflow:hidden; position:relative}


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

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

#subv div.bg {width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0px; left:0px}

#subv img {height:40px; margin:70px 0 0 0}


#subv h1 {color:#ffffff; font-size:40px; margin-bottom:0px; font-family: 'KBO-Dia-Gothic_bold'; z-index:9; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center}
#subv h1 b {color:#65d6fc; font-size:20px; margin-top:10px; font-weight:900; font-style: italic; display:block; text-align:center}


#submenu {width:100%; height:50px; line-height:50px; background-color:var( --my-color-2 ); text-align:center;  position: -webkit-sticky;
  position: sticky;
  top: 100px; z-index:2}
#submenu a {color:rgba(255,255,255,0.4); margin:0 30px 0 30px; font-size:15px; font-weight:700}
#submenu a.on {color:rgba(255,255,255,1);}





#subpage {width:1100px; margin:0 auto; margin-top:80px; margin-bottom:100px; }
#subpage h1 {text-align:center; margin-bottom:50px; }

#subpage h1 span{position: relative; padding:0px 5px 5px 0px; font-weight:900; color:#000000; line-height:1; font-family: 'SUIT', sans-serif; color:#000000; font-size:40px;}
#subpage h1 span:before{position: absolute;content: '';width: 100%;height: 5px;bottom: -5px;z-index: -1;background-color: var( --my-color-2 );clip: rect(0px, 0px, 50px, 0px);transform: skew(30deg);transition: all 3s;}
#subpage h1 span.line::before{clip: rect(0px, 900px, 50px, 0px);}


#subpage h2 {display:none; font-family: 'SUIT', sans-serif;color:#cccccc; font-size:15px; text-align:center; margin-top:20px; margin-bottom:30px; line-height:30px;}
#subpage p {font-size:17px; line-height:35px;}
h14 {display:block; text-align:center; color:#dddddd; font-size:16px; padding-top:100px; padding-bottom:100px;}
h14 i {display:block; width:100%; text-align:center; font-size:60px; margin-bottom:20px; color:#dddddd}

#subpage h3 {margin:0 auto; color:var( --my-color-1 ); font-size:25px; margin-bottom:30px; font-family: 'SUIT', sans-serif; text-align:center; line-height:35px;}
#subpage h3:after {content: ""; display: block; width: 60px; border-bottom: 1px solid var( --my-color-1 ); margin: 0 auto; padding-top:20px; margin-bottom:20px;}
#subpage h4 {text-align:center}
#subpage h4 b {margin:20px; color:#000000;}
#subpage h4 span {color:var( --my-color-1 );}
#subpage h4 span i {color:var( --my-color-1 ); margin:10px;}
#subpage h4 b img {height:40px; margin-left:10px; margin-bottom:-10px;}

#subpage h10 {text-align:center; display:block; margin-bottom:30px; margin-top:0px;}
#subpage h10 button {border:1px solid var( --my-color-1 ); color:var( --my-color-1 ); padding:0 30px 0 30px; height:40px; border-radius:40px; margin:5px; font-size:15px;}
#subpage h10 button.on {background-color:var( --my-color-1 ); color:#ffffff;}


#subpage h5 {color:#000000; font-size:20px; font-weight:800; margin-bottom:30px;}
/*
#subpage h5:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
*/
#subpage h5 i {color:#000000; font-size:18px; margin-right:10px}

.p0101 p {text-align:center; padding-top:0px;}
.p0101 section {margin-top:100px;}
.p0101 p b {color:#000000; font-weight:800}


.p0101 .tabcontent {display: none; border-radius:10px; background:#f9f9f9; padding:50px;}
.p0101 .tabcontent p {text-align:left}
.p0101 h10 button.active {background-color: var( --my-color-1 ); color:#ffffff !important; font-weight:800}


.p0102 {max-width:800px !important; margin:0 auto}
.p0102en {max-width:900px !important; margin:0 auto}

.p0103 section {width:100%; display:table; margin-bottom:50px;}
.p0103 section figure {display:block; float:left;  background:; padding:0; margin:0}
.p0103 section figure:nth-child(1) {width:calc(45% - 50px); margin-right:50px}
.p0103 section figure:nth-child(1) img {width:100%; border-radius:10px;}
.p0103 section figure:nth-child(2) {width:calc(55% - 0px);}

.p0103 section figure:nth-child(2) button {border:1px solid var( --my-color-2 ); color:var( --my-color-2 ); width:100%; height:50px; border-radius:10px; margin-top:30px; font-size:16px;}
.p0103 section figure:nth-child(2) button i {color:var( --my-color-2 ); margin-right:10px}

button.app {border:1px solid var( --my-color-2 ); color:var( --my-color-2 ); width:100%; height:50px; border-radius:10px; margin-top:30px; font-size:16px;}
button.app i {color:var( --my-color-2 ); margin-right:10px}

.p0104 ul {margin-left:20px; margin-bottom:20px;}
.p0104 ul li {margin-bottom:10px; list-style-type: disc;}
.p0104 ul li::marker {
  color:var( --my-color-2 );
}
.p0104 ul:last-child {margin-bottom:0px}
.p0104 iframe {width:100%; height:400px; border-radius:10px; margin-bottom:30px}

.gallery {padding:0px 0px 0px 0px;}

		.gallery section {display:table; margin-bottom:50px; width:100%; background:}
		
		
		
		.gallery section div {width:calc(25% - 15px); height:150px; margin-right:20px; float:left;  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(50, 50, 50, 0.1); border-radius:10px; cursor:pointer;}
		.gallery section div:nth-child(8n) {margin-right:0px !important; margin-bottom:30px;}
		
		.p0105 .gallery section div {width:calc(16.6% - 8px); height:100px; margin-right:10px; }
		.p0105 .gallery section div:nth-child(8n) {margin-right:10px !important; margin-bottom:30px;}
		.p0105 .gallery section div:nth-child(12n) {margin-right:0px !important; margin-bottom:30px;}
		
		.imgbox {cursor:pointer; display:none; width:100% !important; height:100% !important; position:fixed !important; top:0px; left:0px; background:rgba(0,0,0,0.7) !important; text-align:center !important; z-index:999; border-radius:0px !important}
		.imgbox img {width:900px; border-radius:10px; display:block; margin:0 auto; margin-top:100px; z-index:10}
		.imgbox i {color:#ffffff; font-size:33px; margin-top:20px !important; margin:10px;}
		.imgbox i.fa-arrow-circle-left {margin-top:0px}
		.imgbox i.fa-arrow-circle-right {}
		.gallery h5 {color:#000000; font-size:20px; font-weight:bold; margin-bottom:20px; padding-bottom:10px; margin-top:20px; text-align:left}
		.gallery h5 i {color:#000000; font-size:20px; margin-right:10px}


.p0201 section {width:100%; display:table; border-radius:10px; padding:100px 0 100px 0; background:#f9f9f9; margin-bottom:50px;}
.p0203 section {width:100%; display:table; border-radius:10px; padding:0px 0 0px 0; background:#f9f9f9; margin-bottom:50px;}

.p0203 section table tr th:nth-child(1) {width:20%}
.p0203 section table tr th:nth-child(2) {width:20%}
.p0203 section table .sess {border:1px solid #00aee9}

.p0202 section {width:100%; display:table;}
.p0202 section div {float:left; width:calc(33.3% - 22px); margin-right:30px; margin-bottom:30px; height:390px; border-radius:10px; border:1px solid #e6e6e6; cursor:pointer; position:relative}
.p0202 section div:nth-child(3n) {margin-right:0px}

.p0202 section div p:nth-child(1) {background-position:center !important; background-size:cover !important; height:300px; border-radius:10px 10px 0 0; position:relative}

.p0202 section div p:nth-child(1) i {font-size:100px; color:#cccccc; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


/*.p0202 section div p:nth-child(2) {margin:30px 20px 0px 20px; color:#00aee9; font-weight:800; font-size:15px !important; line-height:1 !important}*/
.p0202 section div p:nth-child(2) {margin:15px 20px 0px 20px; color:#000000; font-weight:800; font-size:22px !important; line-height:1.5 !important}
.p0202 section div p:nth-child(3) {margin:0px 20px 10px 20px; color:#ababab; font-weight:700; font-size:18px !important; line-height:1.5 !important}

.p0202 section div p:nth-child(4) {margin:0px 20px 0px 20px; color:#000000; font-weight:600; font-size:15px !important; line-height:1.5 !important}
.p0202 section div ul {margin:0px 20px 0px 40px;}
.p0202 section div ul li {margin-bottom:5px; list-style-type: disc; font-size:14px;}

.p0202 section div .fa-search {position:absolute; bottom:30px; right:30px; color:#000000}


.p0202 ul li::marker {
  color:var( --my-color-2 );
}

.p0202 h5 {margin-top:0px}

form {display:block; width:700px; margin:0 auto}
form p {margin-top:20px; 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:var( --my-color-1 ); padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid var( --my-color-1 ); font-size:12px; margin-top:0px; cursor:pointer; float:left}
form p .checkmark {top:0px !important}

form input[type=text] {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:15px; display:block; font-size:15px;}
form button {width:100%; height:60px; text-align:center; color:#ffffff; border-radius:5px; font-size:17px; background-color:var( --my-color-1 ); margin-top: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:300px;}
h50 {color:var( --my-color-2 ); font-size:15px; margin-bottom:15px; width:100%; margin-top:15px; display:block;}
h50:before {color:var( --my-color-2 ); 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; font-family: 'SUIT', sans-serif;margin-top:50px; display:block}
form h7:after {content: ""; display: block; width: 100%; border-bottom: 1px solid var( --my-color-1 ); margin: 10px 0px;}


form h6 {color:#000000 !important; font-size:15px; font-weight:bold; margin-bottom:10px; margin-top:20px; display:block; position:relative}
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:4}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agree {position:absolute; top:20%; left:50%; width:600px; margin-left:-300px; height:50%; background-color:#ffffff; border:1px solid #000000; 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:#000000; 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}

.margin100 {margin-bottom:100px !important}

#spkpop {}
#spkpop .spkpopc { border-radius:10px; width:900px; left:50%; margin-left:-450px; position:absolute; top:5%; z-index:999}
#spkpop .spkpopc figure {margin: 0; padding: 0; width: 30%; float: left;}

#spkpop .spkpopc figure:nth-child(1) { background:#7030a0; position:absolute; height:100%; border-top-left-radius:10px; border-bottom-left-radius:10px;}
#spkpop .spkpopc figure:nth-child(1) div.img{background-position: center !important;
  background-position: center !important;
        background-size: cover !important;
        height: 250px;
        border-radius: 10px;
        position: relative;
        margin: 20px;}

.spkpop_left{ padding:0 8%}
.spkpop_title{ font-size:24px; font-weight:800; color:#fff; border-bottom:1px solid #a275c3; padding-bottom:10px; margin-bottom:30px;}
.spkpop_title2{ font-size:18px; font-weight:600; color:#fff; padding-bottom:10px; margin-bottom:1px;}
.spkpop_title3{ font-size:18px; font-weight:600; color:#fff;  padding-bottom:10px; }
	
#spkpop .spkpopc figure:nth-child(2) { padding: 30px 5%; background:#ffffff; width: 60%; margin-left:30%; float: left;  border-top-right-radius:10px; border-bottom-right-radius:10px;}

#spkpop .spkpopc figure:nth-child(2) p:nth-child(1) {color:#7030a0; font-weight:800; font-size:23px; margin-top:30px; margin-bottom:10px;}
#spkpop .spkpopc figure:nth-child(2) p:nth-child(2) {color:#7f7f7f; font-weight:800; font-size:18px; margin-bottom:30px;}
#spkpop .spkpopc figure:nth-child(2) p:nth-child(3) {color:#999999; padding:20px; border-radius:10px; line-height:1.5; background:#f3f3f3; font-size:17px; margin-bottom:20px;}
#spkpop .spkpopc figure:nth-child(2) p:nth-child(4) {color:#000;  font-size:18px; font-weight:800; margin-bottom:15px; line-height:1.5}
#spkpop .spkpopc figure:nth-child(2) p:nth-child(5) {color:#595959;  font-size:18px; margin-bottom:30px; line-height:1.5}

#spkpop .spkpopc .fa-times {position:absolute; top:20px; right:20px; color:#000; cursor:pointer; font-size:30px}

#spkpop .bg {position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:998}



.logo_2025{    width: 108px;
    height: 48px;
    background: url(../img/main/logo.jpg) no-repeat;
    position: absolute;
    left: 25px;
    top: 27px;}

.wid_20{ display:inline-block; width:20px;}
.wid_25{ display:inline-block; width:23px;}

@media ( max-width: 1200px ) {
body {max-width:640px; margin:0 auto; background-color:#ffffff}
* {font-size:13px;}
.wrap {width:90%; margin:0 auto}
img {max-width:100%;}

#mobileswiper {width:calc(100% + 5%);  -webkit-overflow-scrolling : touch; overflow:auto;}
#mobileswiper table {}


.ovfTb {
    overflow-x: scroll;
    overflow-y: none;
}



.mobile {display:block}
.pc {display:none}	
.pcmenu {display:none}		
* {font-size:14px;}
.wrap {width:90%; margin:0 auto}
img {max-width:100%;}

dl {display:table; padding:10px 0 10px 0; border-bottom:1px solid #e6e6e6; width:100%;}
dt {width:100%; float:left; color:#000000; font-weight:bold; font-size:13px; line-height:20px;}
dt i {margin-right:10px; color:#000000; }
dd {width:100%; float:right; font-size:13px; line-height:20px;}
.p0102 dd b {display:block; color:#000000; font-weight:800; line-height:20px; margin-bottom:0px;}
.p0104 dd b {display:block; color:#000000; font-weight:800; line-height:20px; margin-bottom:10px;}
dd span {color:#000000; font-size:12px; margin-bottom:12px; 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;}

.p0102 dd button {height:18px; margin-right:10px;}
.p0102en dd button {height:15px; margin-right:10px;}
.p0102 dd button img {height:100%}

.p0104 dd button {height:25px; margin-left:10px; font-size:12px; color:#ffffff; background:var( --my-color-2 ); width:80px; border-radius:25px;}
.p0104 dd button i {color:#ffffff; margin-right:10px; font-size:12px;}


.pagenum {width:100%; text-align:center; margin:0 auto; height:80px;}
.pagenum p {width:30px; line-height:30px; height:30px !important; text-align:center; border:1px solid #e6e6e6; float:left; background-color:#ffffff; margin-left:-1px; font-size:11px !important;}
.pagenum b {color:#000000; font-size:11px; height:30px !important; }
.pagenum i {line-height:30px; width:100%; text-align:center;}


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

#fade-in.show {
 right:0px;
}
.toggle-sidebar {display:block !important; width:80px; height:80px; position:absolute; right:0px; top:0px; z-index:10; text-align:center;}
.toggle-sidebar i {color:#000000; font-size:20px; line-height:80px;}
.menubox {display: block; position:fixed; top:0px; z-index:9999; background:rgba(0,0,0,0.6); height:100%; min-height:100%;}

.menubox .Mmenulist{width:70%; height:100%; min-height:100%; background-color:#343434; margin-left:30%;}
.menubox .Mmenulist a {color:#ffffff; display:block; line-height:60px; padding-left:20px;}
.menubox .Mclose {position:absolute; left:0px; top:0px; z-index:999; height:100%; min-height:100%; width:30%; cursor:pointer;background: url('https://eventcdn.cafe24.com/royal/img/close-button.png') no-repeat center 22px;background-size: 20px 20px;}

.Mmenulist {overflow:auto;}
.Mmenulist ul,.Mmenulist li {padding:0; margin:0; list-style:none;}
.Mmenulist ul .inner {padding:0; overflow: hidden; display: none; background-color:var( --my-color-1 );}
.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 {height:80px;}
#head img {margin:28px 0 0 20px; display:block; height:24px; width:auto;}

#head div.sns {float:right; margin-right:70px; margin-top:27px;}
#head div.sns button {margin:0 0 0 5px;}
#head div.sns button {height:25px; width:25px;}

#head div.sns button:nth-child(1) {display:none; background:url('https://eventcdn.cafe24.com/royal/img/sns/y.png'); background-size:25px 25px; text-indent:-10000px}
#head div.sns button:nth-child(2) {display:none; background:url('https://eventcdn.cafe24.com/royal/img/sns/i.png'); background-size:25px 25px; text-indent:-10000px}
#head div.sns button:nth-child(3) {display:none; background:url('https://eventcdn.cafe24.com/royal/img/sns/f.png'); background-size:25px 25px; text-indent:-10000px}
#head div.sns button:nth-child(4) {border:1px solid #000000; color:#000000; font-weight:800; border-radius:25px; font-size:11px;}


#head .logo {        color: #0d3fbe;
        font-size: 13px;
        font-weight: 900;
        font-family: 'KBO-Dia-Gothic_bold';
        line-height: 80px;
        margin: 0 0 0 93px;}
#head .logoen {        color: #0d3fbe;
        font-size: 13px;
        font-weight: 900;
        font-family: 'KBO-Dia-Gothic_bold';
        line-height: 17px;
        margin: 25px 0 0 90px;}
#head .logoen span {font-size:7px}

#nav {display:none}


.logo_2025{width: 70px;
    height: 31px;
    background: url(../img/main/logo.jpg) no-repeat;
    position: absolute;
    left: 15px;
    background-size: cover;
    top: 22px;}


.notice {width:100%; height:500px;}
#main {margin-top:80px}
#main section:nth-child(1) {width:100%; height:500px;}
#main section:nth-child(1) {position:relative;}
#main section:nth-child(1) .swiper-slide {background-position:50% 20% !important; background-size:cover !important}
#main section:nth-child(1) .title {width:90%; float: none; position: absolute; top: 37%; left: 50%; transform: translate(-50%, -50%); z-index:9; text-align:center;background:}

#main section:nth-child(1) .title p:nth-child(1) {color:#ffffff; font-size:20px; margin-bottom:10px; font-family: 'KBO-Dia-Gothic_bold';}
#main section:nth-child(1) .title p:nth-child(2) {color:#ffffff; font-size:42px; margin-bottom:10px;  font-family: 'GGM';}

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

#main section:nth-child(1) .title p:nth-child(3) {font-size:16px; margin-bottom:30px; font-family: 'GGML';}
#main section:nth-child(1) .title p:nth-child(3) br {display:block}
#main section:nth-child(1) .title div:nth-child(4) {color:#ffffff; font-size:14px; margin-bottom:10px; font-family: 'GGML';}
#main section:nth-child(1) .title p:nth-child(5) {color:#ffffff; font-size:14px; margin-bottom:0px; font-weight:700}
#main section:nth-child(1) .title p:nth-child(4) i {color:#ffffff; margin-right:10px}
#main section:nth-child(1) .title p:nth-child(5) i {color:#ffffff; margin-right:10px}


#main section:nth-child(1) .spon {float: none; position: absolute; bottom: 7%; left: 50%; transform: translate(-50%, 0%); z-index:9; text-align:center}
#main section:nth-child(1) .spon {text-align:center; width:100%; height:110px;}
#main section:nth-child(1) .spon div {text-align:center; margin-top:0px; width:100%; height:110px; overflow:auto; white-space:nowrap;}

#main section:nth-child(1) .spon div button {font-size:13px; font-family: 'S-CoreDream-6Bold'; text-align:center; } 
#main section:nth-child(1) .spon div button {width:100px; height:100px; margin:5px !important;  border-radius:100px; text-align:center}
#main section:nth-child(1) .spon div button i {font-size:25px; text-align:center; display:block; margin-bottom:10px;}
#main section:nth-child(1) .spon div button:hover {transform: translateY(0%); transition: 0s;}
#main section:nth-child(1) .spon div button:first-child {margin-left:20px !important}
#main section:nth-child(1) .spon div button:last-child {margin-right:20px !important}
#main section:nth-child(1) .bg {width:100%; position:absolute; top:0px; left:0px; height:100%; background:rgba(0,0,0,0.7); z-index:8}

.wid_20{ display:block; width:0px; margin-bottom:15px;}

th, td.pd20{ padding:10px !important;}


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



#spon {text-align:center;}
#spon button {margin:10px 10px 0 10px; background:; height:30px;}
#spon button img {height:15px;}

#spon button.organized {margin:0 10px 10px 10px; background:; height:30px;}
#spon button.organized img {height:15px;}


footer {background-color:#f0f0f0; width:100%; padding:30px 0 30px 0}
footer address {display:block; font-style: normal; text-align:left; font-size:11px; line-height:18px; color:rgba(0,0,0,0.6); width:90%; margin:0 auto; position:relative}
footer address p {position:relative; right:0px; top:0px; margin-bottom:20px;}
footer address p button {width:40px; height:40px; border-radius:40px; background:#ffffff; margin-left:0px; margin-right:10px;}
footer address p button img {width:70%;}




#subv {width:100%; height:150px; margin-top:80px; padding-top:0px; box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.1) inset,0 -10px 20px -10px rgba(0,0,0,0.2); text-align:center; overflow:hidden; position:relative}


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

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

#subv div.bg {width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0px; left:0px}

#subv img {height:40px; margin:70px 0 0 0}


#subv h1 {color:#ffffff; font-size:25px; margin-bottom:0px; font-family: 'KBO-Dia-Gothic_bold'; z-index:9; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center; width:100%;}
#subv h1 b {color:#65d6fc; font-size:12px; margin-top:10px; font-weight:900; font-style: italic; display:block; text-align:center}






#submenu {width:100%; height:40px; line-height:40px; text-align:center; position: -webkit-sticky; /* 사파리 브라우저 지원 */
    position: sticky;
    top: 80px; z-index:9}
#submenu a {margin:0 15px 0 15px; font-size:12px; line-height:40px; padding-bottom:5px;}


#submenu {white-space:nowrap; width:calc(100% - 0px);  -webkit-overflow-scrolling : touch; overflow:auto; }


#subpage {width:90%; margin:0 auto; margin-top:50px; margin-bottom:50px; background-color:#ffffff}





#subpage h1 span{font-size:23px; background:; position:relative; padding:0 0 20px 0}
#subpage h1 span:before{position: absolute;content: '';width: 100%;height: 2px;bottom:5px;z-index: 2;background-color: var( --my-color-2 );clip: rect(0px, 0px, 50px, 0px);transform: skew(30deg);transition: all 3s;}
#subpage h1 span.line::before{clip: rect(0px, 900px, 50px, 0px);}


#subpage h2 {font-family: 'SUIT', sans-serif;color:#cccccc; font-size:13px; text-align:center; margin-top:20px; margin-bottom:30px; line-height:30px;}
#subpage p {font-size:13px; line-height:25px;}
h14 {display:block; text-align:center; color:#dddddd; font-size:16px; padding-top:100px; padding-bottom:100px;}
h14 i {display:block; width:100%; text-align:center; font-size:60px; margin-bottom:20px; color:#dddddd}

#subpage h3 {margin:0 auto; color:var( --my-color-1 ); font-size:20px; margin-bottom:30px; font-family: 'SUIT', sans-serif; text-align:center; line-height:30px;}
#subpage h3:after {content: ""; display: block; width: 60px; border-bottom: 1px solid var( --my-color-1 ); margin: 0 auto; padding-top:20px; margin-bottom:20px;}
#subpage h4 {text-align:center}
#subpage h4 b {margin:20px; color:#000000;}
#subpage h4 span {color:var( --my-color-1 );}
#subpage h4 span i {color:var( --my-color-1 ); margin:10px;}
#subpage h4 b img {height:40px; margin-left:10px; margin-bottom:-10px;}

#subpage h10 {text-align:center; display:block; margin-bottom:30px; margin-top:0px;}
#subpage h10 button {border:1px solid var( --my-color-1 ); color:var( --my-color-1 ); padding:0 20px 0 20px; height:30px; border-radius:30px; margin:5px; font-size:13px;}
#subpage h10 button.on {background-color:var( --my-color-1 ); color:#ffffff;}


#subpage h5 {color:#000000; font-size:17px; font-weight:800; margin-bottom:30px;}
/*
#subpage h5:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
*/
#subpage h5 i {color:#000000; font-size:15px; margin-right:10px}

.p0101 p {text-align:center; padding-top:0px;}
.p0101 p b {color:#000000; font-weight:800; font-size:13px;}

.p0101 section {margin-top:50px;}


.p0101 .tabcontent {display: none; border-radius:10px; background:#f9f9f9; padding:30px;}
.p0101 h10 button {width:100%; padding:15px 0 15px 0 !important; height:auto !important; border-radius:5px !important; margin:0px !important; margin-bottom:15px !important}
.p0101 h10 button.active {background-color: var( --my-color-1 ); color:#ffffff !important; font-weight:800}

.p0102 {max-width:800px !important; margin:0 auto}

.p0103 section {width:100%; display:table; margin-bottom:50px;}
.p0103 section figure {display:block; float:left}
.p0103 section figure:nth-child(1) {width:calc(100% - 0px); margin-right:0px; margin-bottom:20px;}
.p0103 section figure:nth-child(1) img {width:100%; border-radius:10px;}
.p0103 section figure:nth-child(2) {width:calc(100% - 0px);}

.p0103 section figure:nth-child(2) button {border:1px solid var( --my-color-2 ); color:var( --my-color-2 ); width:100%; height:40px; border-radius:10px; margin-top:20px; font-size:13px;}
.p0103 section figure:nth-child(2) button i {color:var( --my-color-2 ); margin-right:10px}

button.app {border:1px solid var( --my-color-2 ); color:var( --my-color-2 ); width:100%; height:40px; border-radius:10px; margin-top:20px; font-size:13px;}
button.app i {color:var( --my-color-2 ); margin-right:10px}

.p0104 ul {margin-left:20px; margin-bottom:20px;}
.p0104 ul li {margin-bottom:10px; list-style-type: disc;}
.p0104 ul li::marker {
  color:var( --my-color-2 );
}
.p0104 ul:last-child {margin-bottom:0px}
.p0104 iframe {width:100%; height:200px; border-radius:10px; margin-bottom:30px}

.gallery {padding:0px 0px 0px 0px;}

		.gallery section {display:table; margin-bottom:50px; width:100%; background:}
		.gallery section div {width:calc(50% - 10px); height:100px; margin-right:20px; float:left;  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(50, 50, 50, 0.1); border-radius:10px; cursor:pointer;}
		.gallery section div:nth-child(4n) {margin-right:0px !important; margin-bottom:30px;}
		
		.p0105 .gallery section div {width:calc(50% - 10px); height:100px; margin-right:20px; }
		
		.p0105 .gallery section div:nth-child(4n) {margin-right:0px !important; margin-bottom:30px;}
		.p0105 .gallery section div:nth-child(12n) {margin-right:0px !important; margin-bottom:30px;}
		
		
		.imgbox {cursor:pointer; display:none; width:100% !important; height:100% !important; position:fixed !important; top:0px; left:0px; background:rgba(0,0,0,0.7) !important; text-align:center !important; z-index:999; border-radius:0px !important}
		.imgbox img {width:900px; border-radius:10px; display:block; margin:0 auto; margin-top:100px; z-index:10}
		.imgbox i {color:#ffffff; font-size:33px; margin-top:20px !important; margin:10px;}
		.imgbox i.fa-arrow-circle-left {margin-top:0px}
		.imgbox i.fa-arrow-circle-right {}
		.gallery h5 {color:#000000; font-size:20px; font-weight:bold; margin-bottom:20px; padding-bottom:10px; margin-top:20px; text-align:left}
		.gallery h5 i {color:#000000; font-size:20px; margin-right:10px}


.p0201 section {width:100%; display:table; border-radius:10px; padding:50px 0 50px 0; background:#f9f9f9; margin-bottom:30px;}
.p0202 section {width:100%; display:table;}
.p0202 section div {float:left; width:calc(100% - 2px); margin-right:0px; margin-bottom:20px; height:auto; border-radius:10px; border:1px solid #e6e6e6; cursor:pointer}
.p0202 section div:nth-child(3n) {margin-right:0px}

.p0202 section div p:nth-child(1) {background-position:center !important; background-size:cover !important; height:300px; border-radius:10px 10px 0 0; position:relative}

.p0202 section div p:nth-child(1) i {font-size:100px; color:#cccccc; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


.p0202 section div p:nth-child(2) {margin:30px 20px 0px 20px; color:#00aee9; font-weight:800; font-size:13px !important; line-height:1 !important}
.p0202 section div p:nth-child(3) {margin:10px 20px 10px 20px; color:#000000; font-weight:800; font-size:17px !important; line-height:1 !important}
.p0202 section div p:nth-child(4) {margin:0px 20px 10px 20px; color:#666666; font-weight:700; font-size:13px !important;}

.p0202 section div p:nth-child(5) {margin:0px 20px 20px 20px; color:#000000; font-weight:600; font-size:14px !important; line-height:1.5 !important}

.p0202 section div ul {margin:0px 20px 0px 40px;}
.p0202 section div ul li {margin-bottom:5px; list-style-type: disc; font-size:14px;}


.p0202 ul li::marker {
  color:var( --my-color-2 );
}

#spkpop {}
#spkpop .spkpopc { border-radius:10px; width:90%; left:5%; margin-left:0px; position:absolute; top:5%; z-index:999}
#spkpop .spkpopc figure {margin:0; padding:0; width:100%; display:block}
#spkpop .spkpopc figure:nth-child(1){ top:0; border-bottom-left-radius:0px; border-top-right-radius:10px}
#spkpop .spkpopc figure:nth-child(1) { position:relative}
#spkpop .spkpopc figure:nth-child(1) div.img{background-position: center !important;
        background-size: cover !important;
		width:100px;
        height: 127px;
        border-radius: 10px;
        position: relative;
        margin: 15px;
		float:left;
		}

.spkpop_title{ font-size:20px; font-weight:800; color:#fff;}




#spkpop .spkpopc figure:nth-child(2) { padding: 30px 5%; width: 90%; margin-left:0; float: left; border-top-right-radius:0; border-top-left-radius:0px; border-bottom-left-radius:10px}

#spkpop .spkpopc figure:nth-child(2) p:nth-child(1) {color:#7030a0; font-weight:800; font-size:23px; margin-top:0px; margin-bottom:10px;}
#spkpop .spkpopc figure:nth-child(2) p:nth-child(2) {color:#7f7f7f; font-weight:800; font-size:18px; margin-bottom:30px;}
#spkpop .spkpopc figure:nth-child(2) p:nth-child(3) {color:#999999; padding:20px; border-radius:10px; line-height:1.5; background:#f3f3f3; font-size:17px; margin-bottom:20px;}
#spkpop .spkpopc figure:nth-child(2) p:nth-child(4) {color:#000;  font-size:18px; font-weight:800; margin-bottom:15px; line-height:1.5}
#spkpop .spkpopc figure:nth-child(2) p:nth-child(5) {color:#595959;  font-size:18px; margin-bottom:30px; line-height:1.5}
#spkpop .spkpopc figure:nth-child(2) p:nth-child(4) {}

#spkpop .spkpopc .fa-times {position:absolute; top:20px; right:20px; color:#ffffff; cursor:pointer; font-size:20px}

#spkpop .bg {position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:998}

.spkpop_left{         padding: 0 4%; margin-left: 110px;}
.spkpop_title{ font-size:20px; font-weight:800; color:#fff; border-bottom:1px solid #a275c3; padding-top:20px; padding-bottom:10px; margin-bottom:20px;}
.spkpop_title2{ font-size:16px; font-weight:600; color:#fff; padding-bottom:5px; margin-bottom:1px;}
.spkpop_title3{ font-size:16px; font-weight:600; color:#fff;  padding-bottom:5px;margin-bottom:15px;  }



form {display:block; width:90%; margin:0 auto}
form p {margin-top:20px; 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:var( --my-color-1 ); padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid var( --my-color-1 ); font-size:12px; margin-top:0px; cursor:pointer; float:left}
form p .checkmark {top:0px !important}

form input[type=text] {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:15px; display:block; font-size:13px;}
form button {width:100%; height:40px; text-align:center; color:#ffffff; border-radius:5px; font-size:13px; background-color:var( --my-color-1 ); margin-top:20px;}
form textarea {width:calc(100% - 32px); padding:15px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:15px; height:300px;}
h50 {color:var( --my-color-2 ); font-size:12px; margin-bottom:10px; width:100%; margin-top:10px;}
h50:before {color:var( --my-color-2 ); 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; font-family: 'SUIT', sans-serif;margin-top:50px; display:block}
form h7:after {content: ""; display: block; width: 100%; border-bottom: 1px solid var( --my-color-1 ); margin: 10px 0px;}


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

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

form h8 {width:calc(100% - 32px); position: relative; padding:15px; 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:4}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agree {position:absolute; top:20%; left:50%; width:90%; margin-left:-45%; height:50%; background-color:#ffffff; border:1px solid #000000; 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:#000000; 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}

.popup {position:absolute; top:50px; left:10%; z-index:999; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); width:80%; margin-left:0px;}
.popup img {width:100%; display:block; float:left;}
.popup a:nth-child(1) img {border-radius:10px}
.popup button {position:absolute; color:#ffffff; font-size:14px; font-weight:500; bottom:-30px;}
.popup button i {margin-right:5px; color:#ffffff; font-size:14px;}
.popup button:nth-child(2) {right:70px}
.popup button:nth-child(3) {right:0px}
.popupbg {width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.7); position:fixed; z-index:998;}


table * {font-size:12px !important}
table {padding:0; border-spacing:5px; width:100%; border-radius:10px; border:0px solid #dddddd; background:#ffffff; box-shadow: 0 20px 20px -20px rgba(234, 85, 86, 0.1), 0 20px 20px -20px rgba(0, 0, 0, 0.1);}
th, td {border-radius:10px;  text-align:center; margin:5px;   padding:10px; border-bottom:0px solid #dddddd; border-right:0px solid #dddddd; background-color:#ffffff; font-size:12px !important }
td {border:1px solid #dddddd}
td b {line-height:20px; color:#000000; padding-bottom:10px; display:block}
td b:before {color:#000000; font-family: "Font Awesome 5 free"; content: "\f3c9"; margin-right:5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
td.session {font-size:13px;  background-color:#f6f6f6}

td u {display:inline-block; color:#7300de; margin-top:30px; font-size:17px !important; text-decoration:none; margin-bottom:10px; font-weight:800}
td u:first-child {margin-top:0px}
td u:last-child {margin-bottom:0px}
th {color:#ffffff;  font-weight:800; background-color:#7300de}
td i {margin-right:10px; color:#000000;}
td a {color:#000000; font-weight:bold}
td a:hover {border-bottom:0px solid #000000}




table tr:last-child td {}
table tr:last-child th {border-bottom:0px none;}

table td:last-child {}
table th:last-child {border-right:0px none}


h90 {display:block; margin-bottom:30px; margin-top:30px;}
h90 span {background:var( --my-color-2 ); color:#ffffff; padding:10px 10px 10px 10px; border-radius:25px; font-size:12px; font-weight:bold}

h501 {display:block; margin-top:30px; color:var( --my-color-2 ); font-size:12px; margin-bottom:15px; width:100%; margin-left:0px;}
h501:before {color:var( --my-color-2 ); font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

#lay4_2{width:100%;}
#lay4_2 ul.l4{width:48.5%; float:left; margin-bottom:10px; margin-right:2% }
#lay4_2 ul.l4:nth-child(2n+2){ margin-right:0}
#lay4_2 ul.l4 img{height:300px !important}
.sp_box .photo{ height:300px}
.sp_box .sp_name {position: absolute;
        bottom: 0px;
        left: 0px;
        text-align: left;
        padding: 8px 15px 4px;
        width: 100%;
        background: url(/2025/img/sp_name_bg.png);
        transition: all 0.2s;}
}





@media ( max-width: 493px ) {
#lay4_2{ float:left; width:100%}
#lay4_2 ul.l4{width:75%; float:left; margin-bottom:10px;  margin-right:2%;}
#lay4_2 ul.l4:nth-child(4n+4){margin-right:0} */
}


@media ( max-width: 346px ) {
#lay4_2{ float:left; width:100%}
#lay4_2 ul.l4{width:90%; float:left; margin-bottom:10px;  margin-right:2%;}
#lay4_2 ul.l4:nth-child(4n+4){margin-right:0} 

.sp_box .sp_name {position: absolute;
        bottom: 0px;
        left: 0px;
        text-align: left;
        padding: 8px 15px 4px;
        width: 80%;
        background: url(/2025/img/sp_name_bg.png);
        transition: all 0.2s;}


}

@media ( max-width: 1479px ) {
#head .pcmenu {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%);}
.subnav {margin-right:15px; margin-left:15px; float:left;}
}


@media ( max-width: 1237px ) {
#head .pcmenu {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%);}
.subnav {margin-right:10px; margin-left:10px; float:left;}
}




.sub_title_1{ font-size:20px; padding-bottom:20px; color:#3a6eaf; background:url(../_images/main_title_dot.jpg) no-repeat; background-position:0 5px; text-align:left;  font-weight:800; }

.btn_wrap {
    text-align: center;
    margin-top: 40px;
}

.btn_mty1>* {
    margin: 0px 5px;
}
.btn-pk.gray {
    border-color: #244ba9;
    color: #244ba9;
	border-radius:6px;
}
.btn-pk.gray.rv {
    border-color: #244ba9;
    background:#244ba9;
    color: #fff;
	border-radius:6px;
}
.btn-pk.gray:hover{ background:#000; color:#fff}
.btn-pk.gray.rv:hover{ background:#000}


.btn-pk.wid1 {
    width: 140px;
}

.btn-pk.wid2 {
    width: 315px;
}

.btn-pk.b {
    padding: 8px 40px;
    font-size: 16px;
    line-height: 1.33333333;
}

.btn-pk {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.p_t_1{ padding-top:10px;}
.p_t_2{ padding-top:20px;}
.p_t_3{ padding-top:30px;}
.p_t_4{ padding-top:40px;}
.p_t_7{ padding-top:70px;}

.reg_wrap .list_1.require::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 6px;
    width: 6px;
    height: 6px;
    background: #F82222;
    border-radius: 100%;}


select.select01 { 
 font-weight:400; color:#2f2f2f; width:100%;  font-size:14px;  border:1px solid #dedede; border-radius:5px; padding:0px; height:45px;
background: url(/_images/select_arrow.png) no-repeat 98% 50%;
padding-left:1%;
appearance: none;        
 -webkit-appearance: none; 
-moz-appearance: none;
font-weight:500;
} 

.sub_title_07{font-size:16px; padding-top:10px; position:relative; color:#000;   position:relative; font-weight:700; padding-bottom:14px;  }
.sub_title_08{font-size:18px; padding-top:10px; position:relative; color:#000;   position:relative; font-weight:800; padding-bottom:14px;  }
.input_reg::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 6px;
    width: 6px;
    height: 6px;
    background: #F82222;
    border-radius: 100%;}
	
	
.reg_wrap2{display: flex; flex-wrap: wrap; gap: 1px;}
.reg_wrap2 .list_2{width: calc((100% - 1px) / 2); position:relative;}
.reg_wrap2 .list_2.require::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 6px;
    width: 6px;
    height: 6px;
    background: #F82222;
    border-radius: 100%;}
	
.reg_wrap3{display: flex; flex-wrap: wrap; align-items: flex-start;}
.reg_wrap3 .mobile_select{width:13%; text-align:center;  margin-right:1%;}
.reg_wrap3 .mobile_select select.select_mobile{ padding-left:10px;}
.reg_wrap3 .mobile_txt{flex: 1; min-width: 200px;}

.input_reg{border:1px solid #dedede !important; border-radius:5px !important; line-height:40px; width:100%; font-size:14px;  box-sizing:border-box; padding:0px 15px !important; height:45px;}
.input_reg2{border:1px solid #dedede !important; border-radius:5px !important; line-height:40px; width:20%; font-size:14px;   box-sizing:border-box; padding:0px 9px; height:45px;}

.txt_small{font-size:15px; color:#636363; line-height:22px;}
.txt_small strong{font-size:15px;}

.wid_10{display:inline-block; width:10px; margin-bottom:10px}
.wid_30{display:inline-block; width:40px; margin-bottom:10px}

.check_wrap{ position:relative; padding-left:0px; font-size:16px; display:inline-block; height:15px; }
.check{width: 17px;
        height: 17px;
        line-height: 30px;
        left: -25px;
        top: -2px;
        position: absolute;
        border: 1px solid #dedede;}
		
.pp_wrap{ margin-left:20px;}

.tip_wrap{ position:relative}
.tip{position:absolute; top:-25px; color:#6c6c6c; font-size:15px; right:0;}




.dot_1{ background:url(../img/dot_1.jpg) no-repeat; padding-left:20px; background-position:0 2px}
.box_gray{ border:1px solid #dedede; padding:20px; line-height:25px;}
.box_gray strong{font-weight:800;}


#sign_login{width:50%; margin:0 auto;  border-right:1px solid #e1e1e1; border-radius:5px; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1;   padding:35px 3% 26px 3%; background:#fff; }
.sign_login_txt p{color:#101560; text-align:center; font-size:24px; padding-bottom:30px; margin-bottom:20px; height:30px;  font-weight:800;}
.sign_login_txt p i{color:#101560; font-size:30px; font-weight:600;}
.sign_login_txt p.txt_info{color:#212121; font-size:16px; padding-bottom:30px; }
.sign_login_txt ul li{width:100%;  height:40px; line-height:40px; padding:5px 0; clear:both; margin-bottom:20px; border-bottom:1px solid #ccc; }
.sign_login_txt ul li input{width:100%; border:0px; font-size:16px; }
#sign_signup{ width:100%; height:40px; padding:10px 6%;   margin:0 auto; text-align:center; line-height:40px; cursor:pointer; background:#ea4940; color:#fff; font-size:20px;}
#sign_signup:hover{background:#000}
#sign_login .sign_login_btn{width:100%; margin:30px 0% 30px 0%; height:54px;  line-height:54px;  font-weight:500;  background:#101560; cursor:pointer; font-size:20px; color:#fff; text-align:center}
#sign_login .sign_login_btn:hover{ background:#000}

.login_txt_01{ text-align:left; font-size:15px; line-height:20px;  background-position:0px 4px; margin-top:11px; color:#595959; position:relative; }
.login_txt_01 span{ background:#db2062; cursor:pointer; color:#fff; font-size:14px; font-weight:500; text-align:center; position:absolute; right:0; top:-11px; border-radius:5px; margin-right:20px; width:150px; padding:6px 0;}
.login_txt_01 span i{color:#fff; font-size:15px;}
.login_txt_01 span:last-child{margin-right:0}
.login_txt_01 span:hover{ background:#000; color:#fff}
.login_txt_01 a{font-size:15px; cursor:pointer; color:#212121;}
.login_txt_01 a:hover{color:#333333; text-decoration:underline}


.btn_signup{ background:#db2062; cursor:pointer; color:#fff; font-size:14px; font-weight:500; text-align:center; margin:15px auto; border-radius:5px;  width:140px; padding:6px 0;}
.btn_signup:hover{ background:#000; color:#fff}
.btn_signup i{color:#fff}


.tabWrap {position: relative;max-width:100%;margin: 0 auto;}
.tabWrap:before {content:'';position: absolute;left:0;bottom:0;width:100%;height: 2px;background: #494949;}
.t1 {display: table;table-layout:fixed;width:100%; border-collapse:collapse;}
.t1 .t2 {position: relative;display: table-cell; font-size:17px; color:#a3a3a3; cursor:pointer; width:auto;height:55px;text-align:center;border: 1px solid #ddd;vertical-align: middle;box-sizing:border-box;}
.t1 .t2.on {border: 2px solid #494949; font-size:17px; font-weight:500; cursor:pointer; color:#494949;background: #fff;}
.t1 .t2.on:after {content:'';position: absolute;left:0;bottom:-2px;width:100%;height: 2px;background: #fff;}

.program_detail_title{ background:#46b1e1; color:#fff; font-size:20px; text-align:center; display:inline-block; border-radius:6px; padding:5px 10px}
.program_detail_title2{ color:#2f70af; font-size:24px; display:inline-block; font-weight:800; padding-left:20px;}
.pd_line{ border-top:2px solid #000; margin-top:15px; }

	
.session_wrap{width:100%; padding:20px 0; border-bottom:1px solid #dedede; position:relative; display:table}
.session_wrap .time{ display:table-cell; width:160px; vertical-align:middle; font-size:19px; font-weight:400;}
.session_wrap .session_area{ padding-left:0px;}
.session_wrap .session_area .session_theme{font-size:20px; font-weight:800; color:#000; }
.session_wrap .session_area .session_sp{font-size:19px; margin-right:10px; white-space: nowrap;display:inline-block; padding-right:7px; color:#356cab; font-weight:700;}
.session_wrap .session_area .session_dept{display:inline-block; font-size:15px; line-height:22px; color:#999999; font-weight:400;}


.session_wrap .session_sp_area{   display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-family: Arial, sans-serif; border-radius:7px; padding:10px 20px; background:#f5f5f5;  margin-top:20px;}
.session_wrap .session_chair{ 
    margin-right: 10px;
    margin-bottom: 5px;
	display:flex;
	width:100%;
	align-items: top;
	flex-wrap: nowrap;
}
.session_wrap .session_chair .t_txt_1{ padding: 4px 8px;
    border: 1px solid #007BFF;
    color: #007BFF;
	display:inline-block;
    border-radius: 4px;
    font-size: 12px;
	height:15px;
    margin-right: 10px;
    margin-bottom: 5px;

	}

.session_wrap .session_info{ display: flex;
    flex-direction: column;}



@media ( min-width: 1200px ) {

#spkpop .spkpopc figure{min-height:500px;}
#spkpop .spkpopc figure:nth-child(1) div.img{height:300px; !important;
}		

@media ( max-width: 1200px ) {



.tip_wrap{ position:relative}
.tip{ position:relative; top:0; color:#6c6c6c; font-size:15px; }
#sign_login{width:80%; margin:0 auto;  border-right:1px solid #e1e1e1; border-radius:5px; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1;   padding:35px 3% 26px 3%; background:#fff; }

.tabWrap {position: relative;max-width:100%;margin: 0 auto;}
.tabWrap:before {content:'';position: absolute;left:0;bottom:0;width:100%;height: 2px;background: #494949;}
.t1 {display: table;table-layout:fixed;width:100%; border-collapse:collapse;}
.t1 .t2 {position: relative;display: table-cell; font-size:14px; color:#a3a3a3; cursor:pointer; width:auto;height:55px;text-align:center;border: 1px solid #ddd;vertical-align: middle;box-sizing:border-box;}
.t1 .t2.on {border: 2px solid #494949; font-size:14px; font-weight:500; cursor:pointer; color:#494949;background: #fff;}
.t1 .t2.on:after {content:'';position: absolute;left:0;bottom:-2px;width:100%;height: 2px;background: #fff;}



.session_wrap{width:100%; padding:10px 0 20px 0; border-bottom:1px solid #dedede; border-top:1px solid #000}
.session_wrap .time{left:0; font-size:16px; display:block;  font-weight:400; padding-bottom:10px; width:100%; border-bottom:1px solid #dedede}
.session_wrap .session_area{ padding-left:0px;}
.session_wrap .session_area .session_theme{font-size:16px; font-weight:600; padding-top:10px; color:#000; }
.session_wrap .session_area .session_sp{font-size:16px; display:inline-block; padding-right:7px; color:#356cab; font-weight:700;}
.session_wrap .session_area .session_dept{display:inline-block; font-size:14px; padding-top:6px; line-height:20px;color:#999999; font-weight:400;}
.session_wrap .session_sp_area{ padding:3px 15px; background:#f5f5f5; display:inline-block; border-radius:7px; margin-top:10px;}
.session_wrap .session_chair{ position:relative; display:inline-block;   padding-bottom:0px; }
.session_wrap .session_chair .t_txt_1{ color:#e07789; font-size:13px; position:relative;  vertical-align: text-top; top:-1px; border:1px solid #e07789; margin-right:7px; display:inline-block; padding:2px 8px; border-radius:6px; left:0;  text-align:center;}

.p_t_3{ padding-top:10px;}
.blk{ display:block;}


.program_detail_title{ background:#46b1e1; color:#fff; font-size:18px; text-align:center; display:inline-block; margin-bottom:5px; margin-right:10px; border-radius:6px; padding:5px 10px}
.program_detail_title2{ color:#2f70af; font-size:18px; display:inline-block; padding-left:0;  font-weight:800; margin-bottom:5px; }

}


@media ( max-width: 600px ) {
.sp_box .photo{ height:200px}
#lay4_2 ul.l4 img{height:200px !important}
.sp_box .sp_name {position: absolute;
        bottom: 0px;
        left: 0px;
        text-align: left;
        padding: 8px 15px 4px;
        width: 100%;
        background: url(/2025/img/sp_name_bg.png) -90px 0;
        transition: all 0.2s;}
}
.box_b_title{ background:#1c3d74; color:#fff; font-size:20px; font-weight:800; text-align:center; border-top-left-radius:10px; border-top-right-radius:10px; padding:10px 0;}
.box_b{ border:2px solid #1c3d74; padding:20px; line-height:30px}