@charset "utf-8";

a.underline{background: #eaf5ff; font-weight: 400; padding: 0 5px; color: #0059ab;}
#container{ position:relative; display: block; overflow: inherit;}
#contentWrap{ clear:both; position: relative; width: 1200px; margin: 0 auto; color: #333;}
#contentWrap:after { content: ''; display: block; width: 100%; clear: both;}
#content{min-height: 300px; word-break: break-word;}

/* 서브비주얼 */

#svisual-layout{ width:100%; height:280px; text-align:center; display:block; position:relative; overflow: hidden;}
#svisual-layout:before{ opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; content: ""; display: inline-block; width: 100%; height: 100%; background-color: #000; animation-name: svisual_motion;animation-duration: 2.5s;animation-iteration-count: 1;}
#svisual-layout .svisual-wrap{ width:100%;  height:100%; display:inline-block; background: url(../images/sub/sub_top.jpg) no-repeat; background-position: left;}
#svisual-layout .svisual-wrap .title-wrap{position: absolute;left:0;top: 0;z-index: 1;display:inline-block;width:100%;text-align:center;padding-top: 110px; word-break: break-word;}/* 비쥬얼 컨텐츠 넓이 */
#svisual-layout .svisual-wrap .title-wrap strong{display:inline-block;position:relative;z-index: 1;font-family: 'Noto Sans KR', sans-serif; font-size: 2.5rem;color:#fff;text-align:center;line-height: 1;animation-name: stitle_motion;animation-duration: 1.5s;animation-iteration-count: 1;}/* 타이틀 폰트 설정 */
#svisual-layout .svisual-wrap .title-wrap strong span{font-weight:900;color:#fff;}/* 타이틀폰트 포인트 설정 */
#svisual-layout .svisual-wrap .title-wrap p{ display:inline-block; position:relative; width:100%; font-size:18px; color:#fff; text-align:center; line-height:22px; margin-top:20px; animation-name: stitle_motion; animation-duration: 2s;animation-iteration-count: 1;}/* 보조문구 설정 */
#svisual-layout .svisual-wrap img{ max-width:none; max-height:none; width:100%; height:auto; padding:0; margin:0; display:inline-block; position:absolute;top: 50%;left:50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

@keyframes svisual_motion {
  0% {opacity: 0.3;}
  100% {opacity: 0;}
}

@keyframes stitle_motion {
  0% {opacity: 0; transform:translateY(-100px); -webkit-transform:translateY(-100px);}
  50% {opacity: 0.5; transform:translateY(15px); -webkit-transform:translateY(15px);}
  100% {opacity: 1; transform:translateY(0); -webkit-transform:translateY(0);}
}

@media (max-width: 1899px){
	#svisual-layout .svisual-wrap img{ width: auto; height: 100%;}
}



/* snb */
#snb{ width:100%; height: 69px; z-index: 2; overflow: hidden; background: rgb(23 28 97);}
#snb .nav{ overflow: hidden;overflow-x: auto;position: relative; height:69px; line-height: 69px; white-space: nowrap;}
#snb .title{ display:none;}
#snb .nav > ul{ display:inline-block; position: relative; width:auto; height: 69px; display:inline-block; }
#snb .nav > ul > li{ display: inline;}
#snb .nav > ul > li.active{}
#snb .nav > ul.on{ height: auto; }
#snb .nav > ul.on > li{visibility: visible;overflow: visible; opacity: 1;-webkit-transition: all 0.2s;transition: all 0.2s;}
#snb .nav > ul > li > a{ position: relative; z-index: 1; display: inline-block; white-space: nowrap; vertical-align: top; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: .9rem; line-height:65px; color:#fff; padding:0 50px;}/* 2차메뉴 폰트설정 2차메뉴 높이 */
#snb .nav > ul > li > a:before{ position: absolute; top: 0px; left: 0; content: ""; display: none; width: 100%; height: 69px; background-color :#5b5f9a; z-index: -1;}
#snb .nav > ul > li > a.ThisPage:before{ display: block; }

#snb .nav > ul > li > a:focus:before,
#snb .nav > ul > li.on > a:before,
#snb .nav > ul > li.ov > a:before{ display: block; }/* 2차메뉴 오버시 폰트 설정 */

#snb .nav > ul > li > a:hover:after,
#snb .nav > ul > li > a:focus:after,
#snb .nav > ul > li.on > a:after,
#snb .nav > ul > li.ov > a:after{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#snb .nav > ul > li > a[target="_blank"]:hover:after,
#snb .nav > ul > li > a[target="_blank"]:focus:after{ transform: rotate(0deg); -webkit-transform: rotate(0deg);}
#snb .nav > ul > li.on > a,
#snb .nav > ul > li.ov > a{ color:#fff; }
#snb .nav > ul > li.on > a:before,
#snb .nav > ul > li.ov > a:before{ display: none; }
#snb .nav > ul > li > ul{ display: none !important; }

#container .body-wrap{ width:100%; z-index:0;} 
#container > .body-wrap > .contents-wrap{ width:100%; display:inline-block; padding:90px 0 80px 0;}/* 컨텐츠 사이즈 및 아래 여백 설정 */
#contentWrap{ padding-bottom: 80px; }
#content .content_info{ display:none; width:100%; position:relative;}/* 페이지 타이틀 설정 */

#content > h3.title{font-size: 20px; margin-bottom: 10px; color: #622d8e;}
#content > h3.title:before{background: url(../images/sub/h3_icon.png) no-repeat; width: 33px; height: 19px; content: ''; margin-right: 7px; display: inline-block; margin-bottom: -2px;}

.committee_ul {overflow:hidden;}
.committee_ul > li {width:100%; padding:5px 0; text-align:center; float:left; box-sizing:border-box; display: flex;}
.committee_ul > li:first-child{margin-top: 0;}
.committee_ul > li > h5 {font-size:15px !important; line-height:140% !important; width: 40%; display: block; float: left; padding: 20px 10px; background: #f2f2f6; color: #41477c; margin-right: 1.7%; position: relative;}
.committee_ul > li > h5::after{content: ''; width: 19px; position: absolute; right: -17px; top: 30px; z-index: -99999999999; border-top: 2px dotted #41477c;}
.committee_ul > li.comm_li > h5::after{top:45px;}
.committee_ul > li > h6 {line-height:140% !important; width: 58.3%; font-size: 14px; float: left; padding: 20px; text-align: left; background: #f7f7f7 !important;}

.venueBox {display:flex; justify-content:space-between;}
.venueBox > dl {width:100%; text-align:center; margin-top: 30px;}
.venueBox > dl > dt {width:100%; height:100px; background:#e13974; color:#fff; position:relative; font-size:18px; line-height: 100px;}
.venueBox > dl > dt:after {content:""; width:calc(100% - 12px); height:calc(100% - 12px); position:absolute; left:5px; top:5px; border:1px solid rgba(255,255,255,.5);}
.venueBox > dl > dt strong {font-size:24px; width:100%; margin-top:10px; margin-left: 13px;}
.venueBox > dl > dd {border-bottom:1px solid #ccc; padding:40px 0; width: 49%; float: left;}
.venueBox > dl > dd.ddmr2{margin-right: 2%;}

.venueBox.edBox{}
.venueBox.edBox > dl{margin: 0;}
.venueBox.edBox > dl > dt{background: #e13974 url(../images/sub/edIcon.png) no-repeat 42% bottom;}
.venueBox.edBox > dl > dt strong{margin-left: 0; display: block;}
.venueBox.edBox > dl > dt span{font-size: 19px; display: block;}
.venueBox.edBox > dl > dd{width: 32%; font-weight: 500; margin-right: 2%;}
.venueBox.edBox > dl > dd:nth-of-type(3n){margin-right: 0;}
.venueBox.edBox > dl > dd span{display: block; font-size: 14px; font-weight: 300;}

.venueBox.tranBox{}
.venueBox.tranBox > dl > dt{height: auto; line-height: inherit; padding: 20px 10px; font-size: 15px; line-height: 30px}
.venueBox.tranBox > dl > dt strong{font-size: 15px;} 
.venueBox.tranBox > dl > dd{width: 32%; font-weight: 500; margin-right: 2%; text-align: left; height: 420px;}
.venueBox.tranBox > dl > dd:nth-of-type(3n){margin-right: 0;}
.venueBox.tranBox > dl > dd > ul{font-size: 14px; font-weight: 400;}
.venueBox.tranBox > dl > dd p{font-size: 14px;} .venueBox.tranBox > dl > dd p.align-center{font-size: 19px;}


#footerWrap{width: 100%; background: #fff;}
#footerWrap .f_logo{border-top: 1px solid #ddd;}
#footerWrap .f_logo img{max-width: 75%; margin: 0 auto; display: block; padding: 20px 0;}
#footerWrap .footer{background: #26303b; width: 100%; color: #b1b7c4; padding: 20px 0; text-align: center;}
#footerWrap .footer p{padding: 0 20px}

ul.decimal{padding-left: 20px;}
ul.decimal li{ line-height: 1.9; list-style: decimal;}

/*tba*/
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to{
    transform: rotate(359deg);
  }
}

.spinner-box {width: 100%; justify-content: center; align-items: center; background-color: transparent;
}
.circle-border {width: 100px; height: 100px; padding: 3px; justify-content: center; align-items: center; border-radius: 50%; background: #e13974; background: linear-gradient(0deg, #e1397412 33%, #e13974 100%); animation: spin 1.2s linear 0s infinite; margin: 0 auto;}
.circle-core {width: 100%; height: 100%; background-color: #fff; border-radius: 50%;}
.spinner-box h3{font-weight: 600; font-size: 40px; margin-top: 30px; color: #efb6ca; text-align: center;}


/*transportation*/
.map_add {width:100%;font-size:18px;font-weight:500;text-align:center;background-image:url(../images/trans/map_icon.png);background-position:center 12%;background-repeat:no-repeat;padding-top:47px;margin-bottom:15px;}
.map_add span{font-weight: 300}
.trans_area { width:100%;border-bottom:1px solid #e0e0e0; padding:15px 0;}
.trans_area .trans_tit {float:left; width:20%; font-weight:500; color:#41477c;text-align:center;padding-top:11px;}
.trans_area .trans_tit span { display:block; padding-top:5px;}

.trans_area .trans_box { width:75%; border-left:1px solid #f6f6f6; margin-left:25%; padding-left:5%;}
.trans_box ul.trans_txt {padding-top:0.625em;padding-bottom:0.625em; text-align: left;}
.trans_box ul.trans_txt li { line-height:1.9; color:#515151; position: relative;}
.trans_box ul.trans_txt li.li_circle { font-weight:500; color:#202020; padding-left: 21px;}
.trans_box ul.trans_txt li.li_circle::before { content:'●'; position: absolute; left: 0; top: 5px; font-size:5px; color:#41477c;}
.trans_box ul.trans_txt li.li_circle p{font-weight: 400;}

.trans_box ul.trans_txt > li > ul{padding-left: 15px;}
.trans_box ul.trans_txt > li > ul > li{padding-left: 15px; position: relative;}
.trans_box ul.trans_txt > li > ul > li::before{content: '-'; position: absolute; left: 0; top: 1px;}

.trans_box ul.trans_txt .inner {overflow: hidden; display: none; position: absolute; left: 0; top: 75px; width: 100% !important; margin-bottom: 20px; position: relative; top: 10px; width: 100% !important;}
.trans_box ul.trans_txt .inner.show {/*display: block;*/ z-index: 9999999;}

.ul-style1{list-style: none; padding: 0; margin: 0;}
.ul-style1 > li{position: relative; padding-left: 20px; margin: 9px 0;}
.ul-style1 > li:before {content:""; position:absolute; top: 12px; left: 4px; width: 5px; height: 1px; background: #333;}

.ul-style2{list-style: none; padding: 0; margin: 0;}
.ul-style2 > li{position: relative; padding-left: 20px; margin: 9px 0;}
.ul-style2 > li:before { content:url(../images/check.png); position:absolute; top: 1px; left: 0px;}

.recruit{ position: relative;}
.recruit ul{}
.recruit ul li{ position: relative; float: left; width: 32.6%; height: 150px; margin-left: 1%; transform-origin: center; border-radius: 20px; text-align: center; padding: 15px; word-break: break-word;}
.recruit ul li:first-child{ background: #4c71b7 url(../images/main/date01.png) no-repeat right bottom; margin-left: 0;}
.recruit ul li:nth-child(2){ background: #37aaa4 url(../images/main/date03.png) no-repeat right bottom;}
.recruit ul li:last-child{ background: #7764aa url(../images/main/date04.png) no-repeat right bottom;}
.recruit ul li:hover{background-position: right -20px bottom; transition: all .2s; -webkit-transition: all .2s;}
.recruit ul li .tit{ display: block; font-size: 16px; color: #fff; margin: 3px 0 18px;}
.recruit ul li .txt{ color: #fff; font-size: 21px; font-weight: 600;}
.recruit ul li .bar{width: 39px; height: 2px; background: #fff; display: block; margin: 0 auto 12px;}


.committeeBox{display: flex; overflow: hidden;}
.committeeBox li{float: left; width: 32%; margin: 10px 0.7% 20px; border-top: 2px solid #111; border-bottom: 1px solid #ccc;}
.committeeBox li dl{overflow: hidden; align-items: center; padding: 15px 0;}
.committeeBox li dl dt{display: flex;justify-content: center;flex-direction: column;align-items: center;height: 230px;background: #fff;width: 100%;}
.committeeBox li dl dd{width: 100%;padding: 0 3.8%; text-align: center;}
.committeeBox li dl dd h2{font-size: 17px; margin-top: 5px;}
.committeeBox li dl dd h2 span{padding: 3px 10px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; color: #fff; font-size: 14px; font-weight: 500;}
.committeeBox li dl dd h2 .plBtn{background: #e13974;}
.committeeBox li dl dd h2 .keyBtn{background: #7764aa;}
.committeeBox li dl dd p{font-size: 14px;text-align: center !important;}
.committeeBox li dl dd p.title{color: #e13974; margin-top: 10px; font-size: 15px; line-height: 1.3;}

.invTitle{width: 100%;  border-top-left-radius: 15px; border-bottom-right-radius: 15px;}
.invTitle >span{display: block; padding: 7px 0; color: #fff; font-weight: 500; text-align: center; font-size: 19px;}
.invTitle.plBox{background: #e13974;}
.invTitle.keyBox{background: #7764aa;}


@media (max-width:1699px){
	#header,
	#container,
	#snb .nav,
	#foot-layout,
	#svisual-layout .svisual-wrap{ box-sizing:border-box;}
	#gnb .submenu:before{ left:-10px; }

	#header .utile-wrap li.search .clickClose{ margin-right: 0; right: 110px;}
	#gnb .topmenu,
	#header.allMenu #gnb .topmenu{ width:100%;}

	#container{ padding:0;}
}

@media (max-width:1319px){	
	#header{ padding: 0 20px; }
	#container .body-wrap,
	#foot-layout .foot-wrap{ width: 100%; /* padding-bottom:80px; */}
	#header .headerWrap{ width:100%;}
	#header .gnb_bg:before{ display: none;}
	#gnb .topmenu {}
	#gnb .topmenu > li{/* width: 19.95%; */}
	#gnb .submenu li{ font-size: .8rem; }
	#gnb .topmenu > li > a{font-size: 18px;}
	#contentWrap{ width: 100%; padding: 30px;}
	#content { width: 100%; }
	#snb .nav:before{ left:22px; }
	#txt .svisual-txtbox{ top: -240px; height: 240px; }
	#txt .svisual-txtbox .svisual-tit{ width: 100%; padding: 0 20px 40px 20px; text-align: center; font-size: 1.3rem; line-height: 1.3; word-break: keep-all;}
	
	.venueBox.edBox > dl > dd {width: 49%; padding: 20px 0;}
	.venueBox.edBox > dl > dd:nth-of-type(2n){margin-right: 0;}
	.venueBox.edBox > dl > dd:nth-of-type(3n){margin-right: auto;}
	
	.venueBox.tranBox > dl > dd{height: 480px}
	
	
	.recruit ul li{width: 100%; margin-top: 1%; height: auto;}
	.recruit ul li:first-child .tit, .recruit ul li:nth-child(2) .tit, .recruit ul li:nth-child(3) .tit, .recruit ul li:last-child .tit{margin-top: 0px !important;}
	.recruit ul li:nth-child(3){margin-left: 0;}
	.recruit ul li a{ padding: 30px 280px 0 30px; }
	
	table.m_table{display: block;} table.d_table{display: none;}
	
}
@media (max-width:1023px){
	#header .headerWrap .logo{ float: left; margin: 20px 0 17px 0;}
	#header .headerWrap .logo a{display: block !important;}
	#header .headerWrap .sublogo{margin: 10px 0 0; width: 82px;}
	#header .utile-wrap{ margin-top: -15px; }
	#header .utile-wrap li a{ color:#222326; }
	#header .utile-wrap li.sitemap{ display: none; }
	#header .utile-wrap li.sitemap-mo{ display: inline-block; width: 30px; margin-left: 15px;}
	#header,
	#header .headerWrap,
	#gnb{ height: 70px; }
	#header .gnb_bg{ display: none !important;}
	#header.active .utile-wrap{ margin-top: -31px; }
	#header.active #gnb.mb .Allmn-close{ top: -58px; }

	#contentWrap{ padding: 30px 10px; }
	#contentWrap #content{ float:none; width: 100%; padding-top: 0; min-width: 0; margin-top: 0;}
	#contentWrap .content_info{ text-align: center; }
	#contentWrap .location{ float: none; position: static; display: block; margin-top: 10px; }
	#contentWrap .location > ul{ display: inline-block; }
	
	#svisual-layout{ height: 215px;}
	#svisual-layout .svisual-wrap .title-wrap{ padding-top: 80px; }
	#svisual-layout .svisual-wrap .title-wrap strong{ font-size: 40px; }

	#gnb{ display:none;}
	#gnb.mb .submenu{transition:none;-webkit-transition:none;}
	#gnb .lnb-detail{ display: block;}
	#snb .nav{overflow: inherit; overflow-x: auto;}
	#snb .nav > ul > li > a{font-size: 15px; padding: 0 13px;}
	
	.venueBox > dl > dd, .venueBox.edBox > dl > dd {width: 100%; float: none; padding: 20px 0;}
	.venueBox > dl > dd.ddmr2, .venueBox.edBox > dl > dd.ddmr2{margin-right: 0;}
	
	.venueBox.tranBox > dl > dd{width: 100%; margin: 0; height: auto; padding: 20px;}
	.venueBox.tranBox > dl > dd > p.align-center{text-align: left !important;}
	
	
	.recruit ul li a{ padding: 30px; text-align: center; }
	.recruit ul li a .txt{ display: none; }
	
	
	.committeeBox{display: block; width: 100%; margin-left: 0;}
	.committeeBox li{float: none; width: 100%; margin: 20px 0;}
}

@media (max-width:767px){
	#svisual-layout .svisual-wrap{ padding:0 20px;}
	#header .utile-wrap li.search .search_wrap .search_box{ padding: 50px 0; }
	#header .utile-wrap li.search .searchBox_inner{ width: 80% }
	#header .utile-wrap li.search .clickClose { right: 70px;}
	#header .utile-wrap li.search .ex a,
	#header .utile-wrap li.search .ex .ex_tit{font-size: 14px;}
	#gnb.mb .topmenu > li{ display: block; width:100%; }
	#header.active #gnb.mb .topmenu > li > a > span{ font-size: 17px; line-height: 21px; }
	#gnb.mb li.down .submenu, #gnb.mb li.up .submenu{ display: block; height: auto; }
	#snb{display: none;}
	#container:before{display: none;}
	
	.venueBox > dl > dt {height:100px; background:#e13974; color:#fff; position:relative; font-size:18px; line-height: 30px; padding-top: 17px;}
	.venueBox > dl > dt strong {font-size:24px; display: block; width:100%; margin-top:0; margin-left: 0;}
	
	.venueBox.edBox > dl > dt{background: #e13974 url(../images/sub/edIcon.png) no-repeat 30% bottom;}
	.venueBox.edBox > dl > dt strong{padding-top: 18px;}
	
	.committee_ul > li > h5::after{content: ''; display: none;}
	
	 .trans_area { width:95%; margin: 0 auto;border-bottom:1px solid #41477c; padding-bottom:1.250em;}
     .trans_box ul.trans_txt span { display: block; font-size:14px; color:#41477c;}
	
	
	.recruit{ margin-bottom: 2rem; }
	.recruit ul li{width: 100%; height: auto; margin: 2% 0 0;}
	.recruit ul li a{ padding: 20px 0 80px; }
	.recruit ul li a .tit{ font-size: .9rem; }
    
}

@media (max-width: 480px) {
    .trans_area .trans_tit {float:none; width:100%;  font-size: 15px;font-weight:500; text-align:center;border-bottom:3px solid #e0e0e0; padding:0.625em 0; word-break: keep-all;}
    
    
    .trans_area .trans_box { width:100%; border-left:0px solid #f6f6f6; margin-left:0%; padding-left:0%;}
    .trans_box ul.trans_txt li { font-size: 14px; line-height:1.8em; color:#515151;}
    
    
}


.btn-center{margin: 40px 20px; text-align: center;}
a.btn {box-sizing: border-box; border-radius:0.5em; background: linear-gradient(#f14f88,#e13974); color:#fff; padding: 10px; font-size: 16px; font-weight: 500; cursor: pointer; text-align: center; margin:0 auto !important;}
a.btn03 {box-sizing: border-box; border-radius:0.5em; background: linear-gradient(#954ff1,#6a39e1); color:#fff; padding: 10px; font-size: 16px; font-weight: 500; cursor: pointer; text-align: center; margin:0 auto !important;}
a.btn:hover, a.btn:focus{color: #fff; text-decoration: none;}

.tranas_t{position:relative; font-size:19px; color:#e13974; padding-left:10px;}
.tranas_t::before{position:absolute; width:5px; height:15px; background:#e13974; border-radius:50px; content:""; left:0; bottom:4px;}

.tranas_t2{position:relative; font-size:19px; color:#00f; padding-left:10px;}
.tranas_t2::before{position:absolute; width:5px; height:15px; background:#00f; border-radius:50px; content:""; left:0; bottom:4px;}
.shuttle_t{font-size:19px; text-align:center;}

@media (max-width: 1023px) {
   .shuttle_t{text-align:left !important; margin-left:20px;}
    
    
}

/*sponsors*/
.spon_ul{width:100%; height:auto; display:flex; justify-content:center; gap:7px; flex-wrap:wrap;}
.spon_ul li{width:294px; height:214px; border:1px solid #eee4f1; margin-bottom:7px; text-align:center;}
.spon_t{height:28px; border-bottom:1px solid #c3c3c3; margin-top:17px; display:inline-block;}
@media (max-width: 480px) {
    .spon_ul{justify-content:center;}
    
}

/*faq*/
.accordion{padding:20px 31px; width:100%; cursor:pointer; font-size:0.8rem; position:relative; border:1px solid #eaeaea; background:#f2eff5; text-align:left; box-sizing:border-box;}   
button.accordion:after{content:"\002B"; color:#777; font-weight:bold; margin-left:5px; position:absolute; right:53px; font-size:0.9rem;}
button.accordion.active:after{content:"\2212";}
div.panel1{max-height:0; overflow:hidden; transition:max-height 0.2s ease-out;}
.panel1 div{padding:30px; border:2px solid #e6ddf2;}
@media (max-width: 574px) {
    button.accordion:after{display:none;}
    
}
/*acc*/
.acc_w{display:flex; border-top:2px solid #7b2d8e;}
.acc_img{padding:10px 30px; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
@media (max-width: 574px) {
    .acc_w{display:block;}
	.acc_img{border-right:none !important;}
    
}

/*awards*/
.award_w{display:flex; justify-content:space-evenly; gap:40px;}
.award_c{margin-top:27px;}
.award_c p{background:#663cb7; color:#fff; padding:10px; border-radius:50px 0; text-align:center; font-size:0.9rem; font-weight:600;}
@media (max-width: 1074px) {
	.award_img{text-align:center;}
	.award_img img{max-width:302px;}
    .award_w{display:block; gap:0px;}
	.award_c{margin-top:20px;}
    
}

/*presentation_guideline*/
/*tab*/
.tab {width: 100%; height: 40px; padding-left:0px !important; margin-bottom:20px;}
.tab li{float:left; list-style:none; width:calc(100%/3);}
.tab a { float: left; text-align: center; margin-right: 8px; width:100%; padding:18px 0; border-bottom: 1px solid #7b2d8e; background:#eee4f1; height:63px;}
.tab a:hover {font-weight:600; color:#7b2d8e; text-decoration: none;}
.tab a:focus,.tab .active {background:#fff; font-weight:600; color:#622d8e; text-decoration: none;  border-top: 1px solid #7b2d8e; border-left: 1px solid #7b2d8e; border-right: 1px solid #7b2d8e; border-bottom:none;}
.tabcontent { display: none;  padding: 10px 15px; -webkit-animation: fadeEffect 1s;  animation: fadeEffect 0.7s;}
@-webkit-keyframes fadeEffect {
    from {opaBox: 0;}
	to {opaBox: 1;}
}
@keyframes fadeEffect {
    from {opaBox: 0;}
    to {opaBox: 1;}
}

table.s_table.tab a{padding: 0; float: none; margin: 0; text-align: left; border: 0; background: #fff; font-size: 14.5px; letter-spacing: -0.45px; color: #333;}
table.s_table.tab a:focus, table.s_table.tab a:active,  table.s_table.tab a:hover, table.s_table.tab a.active{background: #fff; border: 0; color: #196aa2;}
table.s_table.tab td{padding: 10px 15px;}

.tabcontent {-webkit-animation: fadeEffect 1s;  animation: fadeEffect 1s; /* Fading effect takes 1 second */}
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.tabcontent > h3.title{font-size: 20px; margin-bottom: 10px; color: #622d8e;}
.tabcontent > h3.title:before{background: url(../images/sub/h3_icon.png) no-repeat; width: 33px; height: 19px; content: ''; margin-right: 7px; display: inline-block; margin-bottom: -2px;}

@media (max-width: 600px) {
	.tab a {font-size:0.8rem; word-break:break-word; padding:6px 0 0; height:60px;}
}

/* The Modal (background) --------------------------------------------*/
.modal {display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
/* Modal Content */
.modal-content {position: relative; top:20%; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 750px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; background: #dbdfe9; padding: 20px; border-radius:25px;}
@media (max-width: 814px) {
	.modal-content{width:100%;}
}
.modal-header { height:25px; padding:0 15px; background-color: #6ca2c8; color: white; font-size: 21px; font-weight: bold;}
.modal-header .close{margin-top:0;}
.modal-header small{font-size:16px; font-weight:500;}
.modal-body {padding: 35px; color:#000; font-size:14px; text-align:justify; font-weight: 400; background-color:#FFF;}

.modal-content td p{line-height: 20px; text-align: justify;}
.modal-content td .close{font-size: 37px; font-weight: 600; line-height: 0.6;}
.modal-content .transul li{line-height: 1.5;}

.s_table03{background: #fff; border-spacing:0px;}
.s_table03 h5{font-size:1rem; color:#171c61; text-align:left;}
.sp_topL ul{margin-top:10px; text-align:left;}
.sp_topL ul li{position:relative; padding-left:10px;}
.sp_topL ul li::before{position:absolute; content:""; width:4px; height:11px; background:#7b2d8e; left:0; top:5px;}
table .s_table03 td{padding: 10px 15px; border:none !important;}


.platinum{color:#00acb3;}
.bronze{color:#a15c0c;}
.gold{color:#bda610;}

.sp_t{text-align:center; padding:9px; border-radius:28px 0; background:#397ce1; color:#fff; font-size:0.9rem; font-weight:500;}
.gold_b{background:#d9a104;}
.bronze_b{background:#9d7402;}

/*overview*/
.se_d{color:#666; text-decoration:underline; font-size:12.5px; font-weight:400;}
.modal_btn{background:linear-gradient(45deg, #4d287c, #7075ff); color:#fff; padding:6px 10px; border-radius:50px;}

/*workshop*/
.program_btn{padding:0 27px; border-radius:30px; background:linear-gradient(26deg, #19165d, #4947df); color:#fff;}