#wrap{overflow: hidden; position: relative;}
#wrap > .content{background: var(--main--white);}
body{background-color: initial !important;}

h1.tit {font-size: 17px;; line-height: normal; font-weight: 800; color: #000; letter-spacing: 0; word-break: keep-all; position: relative; clear:both; z-index: 0;}
h1.tit font{font-size: 15px; font-weight: 300;}
h1.tit:after{display:block; content:''; width: 38px; height: 38px; position:absolute; top:-9px; left: -19px; background: #ddeaff; z-index: -99; border-radius: 50%;}

h1.tit.yel:after{display:block; content:''; width: 55px; height: 55px; position:absolute; top:7px; left: -19px; background: #fff568; z-index: -99; border-radius: 50%;}

/* 서브페이지 gnb */
#header .gnb_bg{box-shadow: 0 3px 15px 0 rgb(0 0 0 / 10%);}
.fixed-header .topmenu > li > a{color: #fff !important;}
.fixed-header:hover .topmenu > li > a{color: #000 !important;}
#gnb.on .topmenu > li > a{color: #000 !important;}

/*width*/
.w33{width: 100%;}

.lh28{line-height: 28px;}

/*서브탭메뉴*/
#sub_tap_menu{float: left; width: 100%; border-bottom: 1px solid #ddd; display: table; height: 55px; z-index: 11; position: absolute; background: #294471;}
#container {z-index:auto;}
.wrap {position: relative; width: 100%; margin: 0 auto; box-sizing: border-box;}
.sub_visual {width: 100%;height: 80px;background: #eee;}
.sub_history {max-width: 1300px; text-align: left; margin: auto;}
.sub_history .hist_depth1 >li {display: table-cell; width: 30%; text-align: center; vertical-align: middle; font-size: 14px; color: #fff;}
.sub_history .hist_depth1 >li:first-child {background: none; width: 12%;}
.homeIcon{width: 25px;}
.sub_history .hist_depth1 >li a {display: block; padding: 15px;}
.sub_history .hist_depth1 >li:first-child a{background: #293f63; width: 100%; height: 55px; line-height: 55px; color: #ffffff; font-size: 20px;}
.fa-home{}
.sub_history .hist_depth1 > li:last-child{width: 58%;}
.sub_history .hist_depth1 .active {color: #fff; position: relative; text-align: center; border-left: 1px solid #39588b; border-right: 1px solid #39588b; cursor: pointer;}
.sub_history .hist_depth1 .active > a{font-size: 14px;}
.sub_history .hist_depth1 .active:hover span{color: #fffa21;}
.sub_history .hist_depth1 .active:hover span .fa-circle-down{color: #fffa21;}
.sub_history .hist_depth1 .active:hover .hist_depth2 {}
.sub_history .hist_depth1 .active > span{display: none;}
.sub_history .hist_depth1 .active > span.on{display: block; width: 100%; height: 55px; line-height: 55px;}
.sub_history .hist_depth2 {position: absolute; top: 55px; left: -1px; width: 100%; text-align: center; z-index: 11; border: 1px solid #ddd; font-size: 0.95em; display: none; }
.sub_history .hist_depth2 > li > a {display: block; padding: 10px 10px; background: #fff; color: #333; font-weight: normal; border-bottom: 1px solid #ddd; font-size: 13px;}
.sub_history .hist_depth2 li a:hover {background: #eee;}
.sub_history .hist_depth2 li:last-child a {border: 0;}
.fa-circle-down{background: #294471; color: #ffffff; padding: 3px; border-radius: 500px; margin-left: 2px; position: relative; bottom: 1px;}


/* 서브비주얼 */
#svisual-layout{ width:100%; height:219px; text-align:center; display:block; position:relative;}
#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: center;}
#svisual-layout .svisual-wrap .title-bar{position: absolute;left:0;top: 94px;z-index: 1;display:inline-block;width:100%;text-align:center; word-break: break-word;}/* 비쥬얼 컨텐츠 넓이 */
#svisual-layout .svisual-wrap .title-bar h1{display:inline-block;position:relative;z-index: 1; font-size: 35px; color:#fff; text-align:center; line-height: 1; animation-name: stitle_motion;animation-duration: 1.5s;animation-iteration-count: 1; font-family: 'S-CoreDream-6Bold'; letter-spacing: 3px;}/* 타이틀 폰트 설정 */
#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);}
}

#wrap > .content{width: 1200px; margin: 30px auto 0; padding: 50px 0 100px; min-height: 500px;}
#wrap > .suBcontent{width: 100%; padding: 90px 20px 100px;}
#wrap > .suBcontent p{font-size: 14px; text-align: left;}
.ul-style2 > li{font-size: 14px;}

.x-scroll{overflow-x: scroll; position: relative;}
.swipe_ic{position: absolute; top: 20%; left: 50%; transform: translateX(-50%); width: 28vw; z-index: 1;}
.mob{display: block}
.swipe_ic.mob.on{opacity: 0; transition: opacity 0.3s ease;}

/* tba */
.loader3 {
  display: flex;
  justify-content: center;
  align-items: center; margin-top: 100px;
}

.circle1 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0 10px;
  background: linear-gradient(to right, #294471, #628bcf);
  animation: circle1 1s ease-in-out infinite;
}

.circle1:nth-child(2) {
  animation-delay: 0.2s;
}

.circle1:nth-child(3) {
  animation-delay: 0.4s;
}

.circle1:nth-child(4) {
  animation-delay: 0.6s;
}

.circle1:nth-child(5) {
  animation-delay: 0.8s;
}

@keyframes circle1 {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.5);
    opacity: 0.5;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
h1.tba{font-size: 36px; color: #6d6d6d; line-height: 1;}

#wrap > .suBcontent h5{font-size: 17px; font-weight: 600; color: var(--main-blue);}
/* table css */
table{border-spacing: 0; border-collapse: 0;}
.table-basic{width: 100%; border-top: 3px solid #294471;}
.table-basic th{text-align: center; border-bottom: 4px double #8fa4c7; background: #f1f6ff; color: #2C2D2D; font-weight: 600; padding: 10px 3px; font-size: 15px;}
.table-basic td{border-right: 1px solid #bcbebf; border-bottom: 1px solid #bcbebf; padding: 10px; font-size: 14px;}
.table-basic td:last-child{border-right: 0;}
.table-basic .bR0{border-right: 0 !important;} .table-basic .bR1{border-right: 1px solid #bcbebf !important;} .table-basic .bB0{border-bottom: 0 !important;} .table-basic .bB1{border-bottom: 1px solid #bcbebf !important;}

.table-basic .table_title{text-align: center; color: #f1592a; font-size: 14px;}
.table-basic2{width: 1300px;}

.topic_table td{padding: 0; line-height: 38px; float: left; width: 100%; border-right: none;}
.topic_table td:hover{box-shadow: 4px 4px 10px rgba(0,0,0,.2);}
.topic_table td a{display: block; cursor:pointer;}


/* History */
.ys-history .nxm-tab-7{margin-top:70px}
.ys-history .subpage-visual{margin-top:100px}
.ys-history .subpage-visual__title{font-size:36px}
.subpage-visual__since{opacity:.4;margin:15px 0;font-size:17px;font-weight:600;letter-spacing:2px}
.history-sec{margin:100px 0 300px}
.history-sec__wrap{padding-top:10px}
.history-sec__list{position:relative;padding:90px 0 0}
.history-sec__list::before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#373737;}
.history-sec__item{display:flex;position:relative}
.history-sec__item::before{content:"";display:block;position:absolute;top:15px;left:50%;width:5px;height:5px;border:2px solid #003478;border-radius:50%;background:#fff;transform:translateX(-50%)}
.history-sec__inner {width:50%;padding:0 35px 15px}
.history-sec__item.right{justify-content:flex-end}
.history-sec__item.left{text-align:right}
.history-sec__year{position:relative;padding-bottom:10px;font-size:21px;font-weight:600; text-align: left; color: #3b3b3b}
.history-sec__desc{margin-bottom:5px;font-size:17px;color:#666}
.history-sec__img-wrap{display:none}
.history-sec__item.has-img .history-sec__img-wrap{display:block}
.history-sec__item.left .history-sec__img-wrap{position:absolute;top:0;left:0}
.history-sec__item.right .history-sec__img-wrap{position:absolute;top:0;right:0}
.dean-sec{margin-bottom:100px}
.ys-history .table-basic__name{width:26.12%;max-width:290px;font-weight:600;color:#222}
.ys-history .table-basic__role{width:36.03%;max-width:400px}
.ys-history .table-basic__period{width:37.83%;max-width:420px}
.ys-history .square-cols__desc{position:relative;margin:2px 0}
.ys-history .square-cols__desc::after{content:"";position:absolute;bottom:-27px;left:50%;width:50px;height:1px;margin:10px auto;background-color:#e5e5e5;transform:translateX(-50%)}
.ys-history .square-cols__period{margin-top:32px;font-size:16px;color:#888;font-weight:300}
.vice-dean-sec{padding-bottom:220px}
.ys-history .table-basic td:last-child{font-weight:400}


	.subpage-visual__img-title{font-size:28px;left:40px;bottom:40px}
	.subpage-visual__since{margin-bottom:0}
	.ys-history .subpage-visual__title{font-size:32px}
	.history-sec__wrap{padding:0}
	.history-sec{margin:120px 0}
	.history-sec__list::before{left:20px}
	.history-sec__item::before{left:20px}
	.history-sec__item.right{justify-content:flex-start; padding:0 0 30px 40px}
	.history-sec__item.left{padding:0 0 30px 100px;text-align:left; padding:0 0 30px 40px}
	.history-sec__item.left .history-sec__img-wrap{left:auto;right:0}
	.history-sec__inner{width:100%;padding:0}
	.vice-dean-sec{padding-bottom:120px}
.history-sec__item.left .history-sec__img-wrap, .history-sec__item.right .history-sec__img-wrap{position: static; margin-top: 15px;}


/* Sub Page Visual */
.subpage-visual{display:flex;position:relative;z-index:10; flex-direction: column; align-items: center;}
.subpage-visual__img-wrap{width:100%;}
.subpage-visual img{display:block;max-width:100%}
.subpage-visual__img-title{position:absolute;left:90px;bottom:80px;font-size:32px;font-weight:400;color:#fff;line-height:1.2}
.subpage-visual__title{position:relative;padding-bottom:20px;margin-bottom:20px;font-size:30px;font-weight:400;line-height:1}
.subpage-visual__title::after{content:"";position:absolute;bottom:0;left:-60px;width:70%;height:1px;opacity:.1;background-color:#fff}
.subpage-visual__desc-wrap{display:flex;flex-direction:column;justify-content:center;position:relative; right:0;width:100%; height:100%;padding:60px;color:#fff;background:#003876 no-repeat url(../images/sub/storyIcon.png);background-position:right -30px bottom -30px;z-index:1}
.subpage-visual__desc{opacity:.2; font-size:20px !important;font-weight:600;letter-spacing:2px; text-align: left;}	

	.subpage-visual__title{padding-bottom:10px;margin-bottom:10px;font-size:27px}
	.subpage-visual__desc-wrap{padding:40px}
	.subpage-visual__desc{font-size:16px;font-weight:400}


/* tab css */
.tabs, .tab2 {display: block; width: 100%; -webkit-transform: translateY(5px); transform: translateY(5px); align-items: center;}
.tabs > li, .tab2 > li {display: block; width: 100%; list-style: none; text-align: center; padding: 20px 20px 25px 20px; position: relative; overflow: hidden; cursor: pointer; background: #e9e9e9; border: 7px solid #fff; font-size: 18px; color: #838383;}
.tabs > li > span{font-size: 14px; display: block;}
.tabs > li.active, .tab2 > li > a.active {color: #333; font-weight: 600; border: 2px solid #545454; background: #fff;}
.tabs > li.acNone{color: #000; cursor: text; background: #fdf2ef; border: 7px solid #fff; border-bottom: 1px solid #545454; padding: 20px 7px;}

.tabs>li{border: none; margin-bottom: 7px; margin-right: 7px;}
.tabs>li:last-of-type{margin-bottom: 0; margin-right: 0;}

.tab2 > li{padding: 0; border-right: none;}
.tab2 > li > a{display: block; width: 100%; height: 100%; padding: 20px 0;}

.tabcontent{padding: 30px 20px;}
.tab__content {position: relative; width: 100%;}
.tab__content > li {width: 100%; position: absolute; top: 0; left: 0; display: none; list-style: none;}
.tab__content > li .content__wrapper {width: 100%; padding: 30px 20px;}
.tab__content > li .content__wrapper h3{color: #fff; background: #42939a; padding: 8px; display: inline-block; width: 240px; text-align: center;}



/* btn css */
.btn_wrap{display: flex; flex-wrap: wrap; justify-content: center;}
.web{width: 26px; height: 26px; background: url(../images/sub/web.png) center no-repeat; display: inline-block; vertical-align: bottom;}
.btn-group {border: 1px solid #ffcc49;color: #ffcc49;padding: 15px 30px;text-align: center;text-decoration: none;display: inline-block;font-size: 19px;cursor: pointer;float: left;margin-right: 6px;margin-bottom: -1px;}
.btn-group:hover {background-color: #f9bd22;color:#FFF;transition:0.4s;text-decoration: none;}
.custom-btn {color: #fff; border-radius: 5px; font-weight: 800; background: transparent; transition: all 0.3s ease; position: relative; display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none; font-size: 18px; margin: 0 10px; width: 100%; margin-bottom: 6px;
}
.btn-3 {background: rgb(0,172,238); background: linear-gradient(151deg, #294471 0%, rgba(1,102,165,1) 100%); height: 63px; border: none;}
.btn-3 span {position: relative; display: block; width: 100%; height: 100%; padding: 20px;}
.btn-3:before, .btn-3:after {position: absolute; content: ""; right: 0; top: 0; background: #294471; transition: all 0.3s ease;}
.btn-3:before {height: 0%; width: 2px;}
.btn-3:after {width: 0%; height: 2px;}
.btn-3:hover{background: transparent; box-shadow: none;}
.btn-3:hover:before {height: 100%;}
.btn-3:hover:after {width: 100%;}
.btn-3 span:hover{color: #fff;}
.btn-3 span:before, .btn-3 span:after {position: absolute; content: ""; left: 0; bottom: 0; background: #294471; transition: all 0.3s ease;}
.btn-3 span:before {width: 2px; height: 0%;}
.btn-3 span:after {width: 0%; height: 2px;}
.btn-3 span:hover:before {height: 100%;}
.btn-3 span:hover:after {width: 100%;}

.btn-4 span:hover{color: #294471}

.small_btn{padding: 7px 14px; display: initial; font-size: 14px;}
.custom-btn img{vertical-align: middle;}

.large_btn{padding: 50px 100px; font-size: 30px; border-radius: 20px;}
.large_btn1 {
  background: #42939a;
  background: linear-gradient(0deg, #42939a 0%, #4fc5cf 100%);
}
.large_btn2 {
  background: #e47105;
  background: linear-gradient(0deg, #e47105 0%, #ffa34d 100%);
}

/* accordion */
.acc_list, .acc_list > li{display: inline-block;}
.acc_list > li > div{float:left; width: auto; height: auto; margin-top: 10px;}
.acc_list li .imgs{width: 332px; height: 367px;}
.acc_list li .btn{width: 100%; margin-top: 10px; padding: 10px; font-size: 19px;}
.acc_list > li > div:last-child{width: 800px; height: auto; margin-left: 28px; float: left;}
.table_wrap{max-width: 100%;} .table_wrap th{border-bottom: 1px solid #bcbebf;}
.imgs a{width: 100%; text-align: center; margin: 10px 0 0 0;}

.table-basic span.sold-out{position:relative; display:initial;}
.table-basic span.sold-out img{position:absolute; left:-2px; top:-32%; z-index:99;}
.table-basic td.sold-out{background:#f1f1f1; color:#a5a5a5; position:relative;}
.table-basic td.sold-out img{position:absolute; left:50%; margin-left:45px; z-index:99; top:5px;}


/*sub 팝업*/
.bio-btn{padding: 0 11px; margin-top: 5px; display: inline-block; line-height:21px; font-size:13px; color: #024287; border: 2px solid #024287; text-align: center; box-sizing: border-box; background:#fff; transition:.3s; font-weight: 600; border-radius:22px;}
.bio-btn:hover{background:#024287; color:#fff;}
.ab-btn{padding: 0 20px; margin-top: 5px; display: inline-block; line-height:21px; font-size:15px; color: #118ce7; border:2px solid #118ce7; text-align: center; box-sizing: border-box; background:#fff; transition:.3s; font-weight: 600; border-radius:22px;}
.ab-btn:hover{background:#118ce7; color:#fff;}
.bio-btn:hover, .bio-btn:focus, .ab-btn:hover, .ab-btn:focus {color: #fff; text-decoration: none; cursor: pointer;}
.sp-btn{padding: 0px 25px; margin-top: 5px; background-color:#444444; border:0; color:#fff; line-height:44px; font-size:16px; border-radius:30px;}
.modal-content h5{padding:5px 10px; color: #fff; display: inline-block; font-size: 14px !important; border-radius: 0; margin: 0;}
.modal-content p{font-size: 14px;}

.modal-content table{width: 100%; background: #fff; padding: 10px 20px;}
.modal-content table td{padding: 10px 0; border: 0}
.modal-content td .p2_speaker_all_box img{width: 157px;}
.modal-content td .p2_speaker_all_box .txt-box{width: 495px; padding: 0 20px 0 38px;}
.modal-content td .p2_speaker_all_box{border: 0; width: 100%; height: auto; margin: 0; display:flex; align-items:center; text-align:left;}

.close {position: absolute; top: -35px; right: 0; color: #fff; font-size: 35px; font-weight: bold;}
.close:hover, 
.close:focus { cursor: pointer;}
/* The Modal (background) --------------------------------------------*/
.modal {display: none; position: fixed; z-index: 999999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); padding: 120px 20px;}

/* Modal Content */
.modal-content {position: relative; top:-4%; background-color: #ddeaff; margin: auto; padding: 20px; width: 100%; 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; z-index: 9999;}

.margin-auto{margin: 0 auto;}

.modalDiv{display: block;text-align:center; background: #fff; padding: 18px; border-radius: 15px;}
.infoBox{background: #fff; padding: 18px; border-radius: 15px; height: 228px; overflow-y: auto;}


/*welcome*/
.greet {background:url('../images/sub/welcome.jpg') 100% 0 no-repeat; box-sizing:border-box;}
.greet div {width: 69%;}
.greet p {line-height:24px; word-break:keep-all; margin:18px 0 0 0;}
.greet p:first-child {margin:0;}
.greet p.end {margin:25px 0 0 0; font-size: 14px; line-height: 21px;}
.greet p.end strong{font-size: 18px;}
.greet p.end span {float: left; margin: -13px 11px 10px 0;}


.area_about > div {display: block;}
.area_about > div > div.img{box-sizing: border-box;}
.area_about > div > div.img img{width: 100%;}
.area_about > div > div.txt{width: 100%;}
.area_about .txt p{ text-align: justify; } .area_about .txt p.end{font-size: 18px;}

.note_area, .preview_inn {display: flex; border-bottom: 4px double #DBDBDB; padding-bottom: 30px; margin-bottom: 30px;}
.preview_inn .img {width: 457px; position: relative;}
.preview_swiper{ overflow: hidden; max-width: 860rem; width: 100%; height: 100%; }
.preview_inn .img img {position: absolute; bottom: 0; right: 0;}
.preview_inn .preview_info {padding: 10px 0; box-sizing: border-box; width: 743px;}
.preview_inn .preview_info > div{display: flex;}
.preview_inn .preview_info > div ul{width: 50%;}
.preview_inn .preview_info li + li {padding-top: 30px;}
.preview_inn .preview_info i{ letter-spacing: -.02em; }
.preview_inn b {color: #000; display: block;line-height: 1;font-weight: 600; font-size: 17px; margin-bottom: 10px;}
.preview_inn .preview_info p + p {margin-top: 10rem;}
.preview_inn .preview_info p > span {color: #000;font-weight: 500;}
.area_reserve .bbsList td > p > span {display: block;}

/*강대원박사*/
.profBox{display: block;}
.profBox >.sec1{width: 100%;}
.profBox >.sec2{width: 100%; margin-top: 30px;}
.profPic{width: 100%;}
.profBox >.sec1>.txtBox{background: var(--main-blue); color: var(--main-white); padding: 25px 36px; border-radius: 0;; position: relative;}

.profBox02{margin: 83px 0 0;}
.profBox02 .bg{}
.profBox02 h2{color: #103578; font-family: 'S-CoreDream-6Bold'; text-align: center; margin-bottom: 20px; font-size: 35px; line-height: 1.5;}
.profBox02 h2 span{font-family: 'S-CoreDream-3Light'; display: block; font-size: 16px; font-weight: 300;}
.profBox02 h2 span strong{color: var(--main-pink);}
.profBox02 .txt01, .profBox02 .txt02{background: #fff; display: inline-block; padding: 20px 30px; box-shadow: 0px 1px 15px 2px #0000004a; border-radius: 17px;}
.profBox02 .txt01 h5 span, .profBox02 .txt02 h5 span{font-size: 14px; font-weight: 300;}
.profBox02 .txt01{margin-bottom: 1%;}
.profBox02 .txt01 img.float-l, .profBox02 .txt02 img.float-l{margin-right: 25px;}
.profBox02 p{font-size: 14px;}	



.divbox01 {color:#3e4151; font-size:16px; text-align:justify; line-height:23px; padding:20px 30px; margin:0px; background:#f8f8f8; display: flex; justify-content: space-between}
.divbox01 > div{width: 70%;}
.divbox01 > div h4{color: #293ab1;}
.divbox01 > div ul li{display: flex;}
.divbox01 > div ul li strong{width: 10%;}
.divbox01 > div ul li span{width: 90%;}
.divbox01 > img{width: 295px; height: 139px;}


/*보도자료*/
ul.bbsList{border-top: 2px solid #000000;}
ul.bbsList li{position:relative;border-bottom:1px solid #eaecf1;}
ul.bbsList li .date{position:absolute;left:15px;top:50%;width: 65px;font-size: 14px;color:#999;text-align:center;font-weight: 500;transform:translateY(-50%); transition: all 0.4s ease-out 0s;}
ul.bbsList li .date i{display:block;font-size: 40px;color: #dadada;line-height:1em;transition: all 0.4s ease-out 0s;font-weight: 700;margin-bottom: 3px; font-style: normal;}
ul.bbsList li .date:before{content:''; display:block; position:absolute; right:-15px; top:50%; width:1px; height:30px; margin-top:-15px; background:#e5e5e5;}
ul.bbsList li .subject{font-size: 15px;letter-spacing: -0.01rem;font-weight: 400;transition: all 0.4s ease-out 0s; display: flex;align-items: center;padding: 39px 15px 39px 125px; display: block;}
ul.bbsList li .subject:hover,
ul.bbsList li .subject:focus{color: var(--main-blue);}
ul.bbsList li .subject > span{display:inline-block;position:relative;width:15px;height:18px;margin: 0 5px 0 4px;background:url(../images/board/icon_file.svg) no-repeat 50% 50%;text-indent:-9999px;}
ul.bbsList li .more{overflow:hidden;position:absolute;right:15px;top:50%;width:36px;height:36px;margin-top:-16px;background:#fff;/* border:1px solid #ddd; */transition:all 0.3s ease 0s;}
ul.bbsList li .more em{display:none; padding-left:10px; color:#f15b6d; line-height:36px; font-size:13px;}
ul.bbsList li .more:before{content:'';display:block;position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:url(../images/board/icon_more.png) no-repeat 0 0;display: none;}
ul.bbsList li .more.active,
ul.bbsList li .more:hover,
ul.bbsList li .more:focus{border-color:#f15b6d;}
ul.bbsList li .notice{display:inline-block;margin-right:10px;margin-top:-5px;background:var(--main-blue);border-radius: 0;text-align:center;vertical-align:middle; white-space:nowrap;color: #fff;font-size: 13px;padding: 4px 12px;border-radius: 24px;}
ul.bbsList li:hover .date,
ul.bbsList li:hover .date i{color: var(--main-blue);}



/*다운로드센터*/
div.snip1281 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 230px;
  max-width: 264px;
  max-height: 220px;
  width: 100%;
  background-color: #000000;
  text-align: center; color: #fff !important;
}
div.snip1281 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease; color: #fff !important;
}
div.snip1281 img {
  opacity: 0.5;
  max-width: 100%;
}
div.snip1281:after {
  background: #000000;
  width: 0;
  height: 6px;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.snip1281 div {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
div.snip1281 h2{
  margin: 0;
  width: 100%; font-size: 23px;
  font-weight: 900;
  text-transform: uppercase;
}
div.snip1281 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1; color: #fff !important;
}
div.snip1281.blue:after {
  background-color: #fe7304;
}
div.snip1281:hover img,
div.snip1281.hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
div.snip1281:hover:after,
div.snip1281.hover:after {
  width: 100%;
}


/* kcs photo */
.photoBox{width: 100%; display: flex; flex-wrap: wrap; gap:23px; justify-content: space-evenly;}
.photoBox .col-lg-1{float: left; width: 166px;}


.flex{display: flex;}
.flat_wrap [class*=col_]{width: 50%; padding: 15px;}
.flat_wrap .flat_box{display: flex; align-items: stretch; flex-direction: column; height: 100%;}
.flat_wrap .flat_tit{font-size: 19px; background:linear-gradient(to right bottom, #22b788,#129274); padding:12px 16px; color:#fff; border-radius: 0 30px 30px 0;}
.flat_wrap .box{height: 100%; padding: 20px 0;}
.flat_wrap .box .thumb{width: 119px; display:table-column;}
.flat_wrap .txt{display: flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; -webkit-box-pack:justify; width:100%; padding-left:20px;}
.flat_wrap .name strong{display: block; font-size: 16px;}
.txt .name{color:#878787; padding:5px 0;}
.txt strong{color:#000;}
.bef_middot_box{padding-bottom:5px; position:relative; border-bottom:2px solid #fdf2ef;}
.bef_middot_box::after{position:absolute; content:""; display:block; width:200px; height:2px; background:#096; bottom:-2px; left:0;}
.bef_middot{font-size:19px; font-weight:600; color:#42939a;}


/*sp/ex*/
.medalIMG{vertical-align: middle; width: 48px; margin: -9px 5px 0 0;}
.list-btn {display: flex; flex-wrap:wrap; width: 100%; clear: both;}
.list-btn a.btn{width:49.5%; background:#f0f0f0; margin-top:4px; border:1px solid #bfbfbf; color:#333333; transition: 0.3s; overflow: hidden; position: relative; margin-left: 0 !important; height: 40px; line-height: 37px; font-size: 16px; border-radius: 0; box-shadow:0 0 0 0;}
.list-btn a.btn:hover{color:#fff !important;}
.list-btn a.btn:before{transition:all 0.45s ease-out; background:linear-gradient(151deg, #003876 0%, #0d6dd8 100%); position:absolute; display:block; content:""; height:0%; left:50%; top:50%; width:150%; transform:translateX(-50%) translateY(-50%) rotate(
346deg);}
.list-btn a.btn:hover:before {height:360%;}
.list-btn a.btn:last-child{margin-right: 0;}
.list-btn a.btn span{position: relative; padding: 0; font-weight:500;}
.list-btn a.btn100{width: 100%;}
.list-btn a.btn100:before{}
.list-btn a.btn100:hover:before{height: 360%;}

.list-btn a.btn-none{border: 1px solid #d3d3d3; color: #b9b9b9;}
.list-btn a.btn-none:before{content: none;}
.list-btn a.btn-none:hover{cursor: auto;}
.list-btn a.btn-none:hover span{color: #b9b9b9;}
.col-lg-sponsor{width: 49%; float: left; margin:1rem auto 0px auto; position: relative;}
.col-lg-sponsor>span{background: #294471; color: #fff; padding: 0 7px; border-radius: 6px; position: absolute; top: -10px;}
.col-lg-sponsor img{width: 100%; height: auto;}

.bronzeSize{width: 23%;}
.silverSize{width: 33%;}
.plaSize{width: 59%;}
.sapSize{width: 59%;}
.daSize{width: 59%;}

/*guideline*/
.medal{text-align:center;}
.table-basic td.medal span{display:block; margin-top:8px; font-weight:600; font-size:16px;}
.pla{color:#302d76;}
.gold{color:#cc6d3f;}
.sil{color:#5a6f79;}
.bron{color:#762018;}
.boothBox {width:100%; position:relative;}
.boothBox .txt{width:100%;}
.boothBox .img{position:absolute; right:0;}

.sub-bnr{width:100%; display:inline-block; margin-top:13px;}
.sub-bnr a{position:relative; display:inline-block; height:100%; padding:0px 55px 0 25px; line-height:47px; background:#fff7f1a8; border:1px solid #fe7304; overflow:hidden; float:left; margin-right:1%; border-radius:10px;}
.sub-bnr a:before{position:absolute; content:""; height:0; left:50%; top:50%; width:150%; transition:all 0.45s ease-out; background:#fe7304; transform:translate(-50%,-50%) rotate(-25deg);}
.sub-bnr .tit{position:relative; font-size:15px; color:#fe7304;}
.sub-bnr a:hover:before{height:280%;}
.sub-bnr a:hover .tit{color:#fff;}
.sub-bnr .ico{background-image:url(../images/main/downIcon.png); position:absolute; right:-39px; top:24%; background-repeat:no-repeat; width:79px; height:30px;}
.sub-bnr a:hover .ico{background-image:url(../images/main/downIcon_w.png);}

.regG_proc {font-size:0; margin:0 0 10px;}
.regG_proc li {display:inline-block; text-align: center;  width:24.02%; margin-right:15px; }
.regG_proc li:last-child {margin-right:0;}
.regG_proc li .step {font-size:18px; margin-bottom:10px}
.regG_proc li .box {border-radius:20px; position:relative; display:block; height:0; overflow:hidden; max-width:100%; padding-bottom:19%;}
.regG_proc li:nth-child(odd) .box {border:3px solid #42939a}
.regG_proc li:nth-child(even) .box {border:3px solid #e47105}
.regG_proc li .box > div {padding: 10px 15px; display: flex; align-items: center; flex-direction: column;}
.regG_proc .e{font-size: 15px; text-align: center; margin-top: 5px;}


/*paper_submission*/
.importantDate{display:flex;}
.importantDate li{width:33.333%; text-align:center; margin-right:25px; padding:19px 0; background:#20b386;}
.importantDate li:last-of-type{margin-right:0;}
.Date_txt span{color:#fff; text-align:center;}
.Date_txt p{text-align:center !important; font-weight:500; font-size:1.3rem; color:#fff;}

.template a {display: block; box-shadow:0 10px 20px rgba(0 0 0 /55%); background: linear-gradient(45deg, #294471, #2e5fb1); color: #fff; text-align: center; padding: 47px 0; border-radius: 10px;}

.stepul, .stepul02{display: block;}
.stepul::after, .stepul02::after, .stepul02 li .group::after, .stepul03::after{display: block; clear: both; content: '';}
.stepul li{width: 19.2%;  height: 236px; position: relative; padding: 30px; text-align: center; box-sizing: border-box; float: left;}
.stepul li:nth-child(5){margin-right: 0;}
.stepul li > strong{display: block; font-size: 17px; font-weight: 800; color: #294471;}
.stepul li p{line-height: 1.5; text-align: center;}
.stepul li div.icon_box{background: url(../images/sub/step01.png) no-repeat; width: 96px; height: 80px; margin: 15px auto; display: block;}
.stepul li:nth-child(2) div.icon_box{background: url(../images/sub/step02.png) no-repeat;}
.stepul li:nth-child(3) div.icon_box{background: url(../images/sub/step03.png) no-repeat;}
.stepul li:nth-child(4) div.icon_box{background: url(../images/sub/step04.png) no-repeat;}
.stepul li:nth-child(5) div.icon_box{background: url(../images/sub/step05.png) no-repeat;}
.stepul li::after{position: absolute; z-index: 1; background: url(../images/sub/stepR.png) center center no-repeat; display: block; width: 40px; height: 40px; content: ''; right: -26px; top: 50%; margin-top: -20px;}
.stepul li:nth-child(5)::after{display: none;}

.stepul02 li{padding: 15px 0; border:1px solid #ddd; box-sizing: border-box;margin-bottom: 15px;}
.stepul02 li .left{position: relative; width: 12.5%; text-align: center; float: left; line-height: 46px;}
.stepul02 li .left strong{font-size: 17px; font-weight: 800; color: #294471;}
.stepul02 li .right{width: 87.5%; padding-left: 20px; box-sizing: border-box; float: right;}
.stepul02 li .right span{font-size: 13px; color: #444;}

.stepul03 li{width: 100%; margin-bottom: 10px; border: 2px solid #e5e5e5; border-radius: 30px;}
.stepul03 li:nth-child(3){margin-right: 0;}
.stepul03 li:nth-child(3)::after{display: none;}
.stepul03 li div.icon_box{background: url("../images/sub/award01.svg") no-repeat center; width: 96px; height: 80px; margin: 15px auto; display: block;}
.stepul03 li:nth-child(2) div.icon_box{background: url(../images/sub/award02.svg) no-repeat center;}
.stepul03 li:nth-child(3) div.icon_box{background: url(../images/sub/award03.svg) no-repeat center;}

/*about award2*/
.speakers_ul{width:100%; margin-top:22px; list-style:none; padding:0; display: block; justify-content: space-between; gap:30px;}
.speakers_ul>li{position:relative; border-top:2px solid #294471; box-sizing:border-box; padding:15px 0; display:inline-block; vertical-align:top; margin:32px 0 0 0;  width:100%;}
.topbox{position:absolute; top:-36px; left:0;}
.numT{text-align:center; display:inline-block; height:36px; line-height:36px; color:#fff; background-color:#294471; font-size:15px; font-weight: 500; padding: 0 12px; border-radius:50px; transform:translateX(-28px);}
.photo_box{width:113px; height:150px; display:inline-block; vertical-align:top;}
.text_box{display:inline-block; vertical-align:top; box-sizing:border-box; margin-left:17px; width:67.7%;}
.text_box>ul{list-style:none; padding:0;}
.sp_bottom>div{font-size:14px; margin-bottom:10px;}
.Title{margin-right:6px; box-sizing:border-box; text-align:center; height:23px; display:table; color:#fe7304; font-family: 'S-CoreDream-6Bold'; line-height:21px; padding: 0 10px 0 0; font-size:15px;}
.tab__content > li .content__wrapper2{width:100%; padding:30px 37px;}




/*journal*/
.journal_t{font-size:19px; padding:10px 25px; background-color:#42939a; color:#fff; display:inline-block; border-radius:16px 16px 0 0;}
.journal_con{border-top: 2px solid #ccc; padding:15px; border:1px solid #ccc;}


/*초청연사*/
.speech_box{position:relative; width: 48%; float: left;}
.speech_box:first-child{margin-right: 4%;}
.speech_box .pic_box{position:absolute; top:0; left:0;}
.speech_box .txt_box{padding-left:140px;}
.speech_box .txt_box .info{margin-bottom:50px; background:#fff;}
.speech_box .txt_box .info .title{position:relative; font-size:21px; line-height: 26px; font-weight:600; color:#42939a; padding-bottom:16px; border-bottom:2px solid #fdf2ef; box-sizing:border-box; text-align: left; margin-bottom: 10px;}
.speech_box .txt_box .info .title:after{content:""; display:block; width:200px; height:2px; background:#096; position:absolute; bottom:-2px; left:0;}
.speech_box .txt_box .info .name{font-weight: 600; font-size: 16px;}
.speech_box .txt_box .info .aff{font-size: 16px;}

.speech_box .topbox .numT{width: 113px;}

.short_box{width: 100%; margin: 0; float: none; min-height: 157px;}
.short_box .txt_box .info{margin: 0;}
.short_box .txt_box .info .career li{position: relative;}
.short_box .txt_box .info .career li .btnWrap{position: absolute; top: 0; right: 0;}
.shortT{background: #f1f1f1; padding: 10px; font-size: 14px; clear: both; margin-top: 10px;}

/*news*/
.news_wrap{display:inline-block;}


/*program*/
.pro_notice{display:flex; justify-content:space-between;}

/* venue */
.img_tit{width:100%; height: 668px; position:relative; padding-bottom:4%; margin-bottom:40px;}
.img_tit .img_tit_img{float:left; width:100%; position:relative;}
.img_tit .img_txt{width:100%; padding:9px 40px 20px; position:absolute; bottom:0; left:0; z-index:10; color: #fff;}
.img_tit .img_txt::before{background: #000; opacity: 0.7; content: ''; display: block; width: 1200px; height: 104px; position: absolute; left: 0; bottom: 0; z-index: -1;}
.img_tit .img_txt > div{width: 42.5%; margin: 0 auto; display: flex; align-items:flex-end;}
.img_tit .img_txt > div h1{font-size: 28px;} .img_tit .img_txt > div span{font-size: 20px;}


/*--conference_info--*/
.con_w{display:flex;}
.con_w>div:first-of-type{width:35%;}
.con_w>div:nth-of-type(2){width:65%;}
.con_info{margin-left:40px; font-size: 15px;}
.con_info > div{position:relative; padding-left:80px; margin-bottom:32px;}
.con_info span{font-size: 17px; font-weight: bold;}
.con_info strong{font-size:16px; position:absolute; left:0; color: #c8005f;}
.con_info strong::before{content: ''; left: -13px; top: 4px; width: 5px; height: 15px; border-radius: 10px; background: #c8005f; display: block; position: absolute;}
.org{display:flex; margin-bottom:32px;}
.org ul{display: flex; flex-direction:row; flex-wrap: wrap;}
.org ul li{margin-right: 14px;}
.org ul li:last-child{margin-right: 0;}

.org_box{display:flex; gap:29px; align-items:center;}
.orgBox{padding: 10px 30px; border: 1px solid #ccc; border-radius: 12px;}
.orgBox span{background: var(--main-blue); color: var(--main-white); padding: 2px 10px; border-radius: 12px; display: inline-block; font-size: 16px; margin-bottom: 10px;}

/*speakers*/
.con_box_2_2{display: block; width: 100%; margin-right: 8.5%; text-align:center;}
.con_box_2_2:nth-of-type(2n){margin-right: 0;}
.p2_speaker_all_box{border-top:3px solid #294471; border-bottom:2px solid #d6dbd9; padding:11px 0;}



.p2_speaker_all_box .txt-box{ padding: 13px 0;}
.p2_speaker_all_role{padding: 5px 0 0; font-size: 17px; color: #024287; font-weight: 600; letter-spacing: -0.3px;}
.p2_speaker_all_name{margin-top: 10px; color: #000; font-size: 18px; letter-spacing: -0.5px;}
.p2_speaker_all_job{color: #000; font-size: 14px; font-weight: 300; letter-spacing: -0.5px; padding-bottom: 6px;}

.table-basic .p2_speaker_all_box{width: 100%; height: auto; border: 0; margin: 0; border-radius: 0;}
.table-basic .p2_speaker_all_box img{width: 42%;}
.table-basic .p2_speaker_all_box .txt-box{width: 100%;}
.table-basic .p2_speaker_all_box.p_speaker .txt-box{width: 81.5%; padding: 0 20px 0 33px; left: 108px;}
.table-basic .p2_speaker_all_box.p_speaker .txt-box.txt-box100{width: 90.9%;}
.table-basic .p2_speaker_all_box .btnWrap{position: absolute; right: 0; bottom: 10px;}
.table-basic .p2_speaker_all_box .btnWrap a{margin-top: 0;}
.speaker_table td{border-right: 0px;}

.short_speak{display:flex; align-items:center; position:relative;}
.short_speak .txt-box{padding:0 20px 0 20px;}
.modal-content td .short_speak img{width:130px !important;}

/* 다운로드센터 */
.downBox {position: relative; width: 280px; overflow: hidden; margin: 10px; float: left;}
.downBox a {width: 100%; height: 100%; display: block;}
.downBox .image {/*opacity: 0.8;*/ transition: all 0.6s ease; -webkit-transition: all 0.6s ease; width: 280px;}
.downBox a:hover .image {-webkit-transform: scale(1.2); transform: scale(1.2);}
.downBox .overlay {position: absolute; bottom: 0; left: 0; right: 0; background-color: #000; overflow: hidden; width: 100%; height: 20%; transition: .5s ease; opacity: 0.6}
.downBox a:hover .overlay {height: 25%; opacity: 1}
.text {color: #fff; font-size: 17px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; font-weight: 600; letter-spacing: 0.5px; width: 90%;}


/*step*/
.stepBox{width: 100%;}
.stepBox > div{display: block; margin-top: 20px; border: 2px solid #f7f7f7; padding: 20px 30px;}
.stepBox > div > .step{width: 100%; padding:12px 0; background:#f3f3f3; border-radius:12px;}
.stepBox > div > .step img{margin: 0 auto; display: block; width: 5rem;}
.stepBox > div > .step span, .stepBox > div > .step strong{display: block; text-align: center;}
.stepBox > div > .txt{text-align: center; width: 100%; margin-top: 5px;}


.grey_box{background: #efefef; padding: 10px !important; margin: 10px 0 !important; width: 45%; border-radius: 15px;}


.tableWrap{position: relative; margin-top: 35px;}
.tableWrap .label{position: absolute; left: 0; top: -42px; border-radius: 13px 13px 0 0 ; background: #42939a; color: #fff; font-weight: 600; font-size: 17px; padding: 10px 15px;}


.shuttleNotice{position: relative; border-bottom: 2px solid #ffdc5f; padding: 20px 30px 20px 10px; text-align: left; font-size: 22px; line-height: 33px; font-weight: 600;}
.shuttleNotice img{position: absolute; right: 0; bottom: -20px;}



/*about kcs2026*/
.mapWrap{border-radius: 50px; overflow: hidden; display: block;}
.mapWrap .mapTxt{background: #f7f7f7; padding: 30px 40px; position: relative;}
.mapWrap .mapTxt > div{width: 100%;}
.mapWrap .mapTxt > div span{font-weight: 600; background: linear-gradient(45deg, #103578, #1f5dcf); font-size: 16px; display: inline-block; padding: 3px 7px; margin-bottom: 7px; color: var(--main-white); border-radius: 30px;}
.mapWrap .mapTxt > div > div{}
.mapWrap .mapTxt > div > div:first-child{margin-right: 2%;}
.mapWrap .mapTxt > div h2{margin: 0 0 5px; text-align: left; font-size: 26px;}
.mapWrap .mapTxt > div ul.logo{display: flex; flex-wrap:wrap; align-items: center;}
.mapWrap .mapTxt > div ul.logo li{margin-right: 10px;}


/* Lazy Load Styles */
.card-image {
	display: block;
	min-height: 7rem; /* layout hack */
	background: #fff center center no-repeat;
	background-size: cover;
}

.card-image > img {
	display: block;
	width: 100%;
}

.card-list {
	display: block;
	margin: 1rem auto;
	padding: 0;
	font-size: 0;
	text-align: center;
	list-style: none;
}

.card {
	display: inline-block;
	width: 90%;
	max-width: 19rem;
	margin: 1rem;
	font-size: 1rem;
	text-decoration: none;
	overflow: hidden;
	box-shadow: 0 0 3rem -1rem rgba(0,0,0,0.5);
	transition: transform 0.1s ease-in-out, box-shadow 0.1s;
}

.card:hover {
	transform: translateY(-0.5rem) scale(1.0125);
	box-shadow: 0 0.5em 3rem -1rem rgba(0,0,0,0.5);
}

.card-description {
	display: block;
	padding: 1em 0.5em;
	color: #515151;
	text-decoration: none;
}

.card-description > p {
	margin: 0; text-align: center !important; font-weight: 700;
}

/*초록제출*/
.subDate{display: flex; flex-wrap: wrap;}
.subDate li{width: 49%; border: 2px solid #f7f7f7; padding: 24px 10px; text-align: center; margin: 1rem auto 0;}
.subDate li img{width: 5.3rem; margin-bottom: 12px;}
.subDate li div.subCount{font-family: 'S-CoreDream-6Bold'; background: var(--main-blue); display: inline-block; color: var(--main-white); padding: 3px 10px; border-radius: 13px; font-size: 19px;}
.subDate li h6{font-size: 16px;}
.subDate li h6 span{}

.ul-style_imp{list-style:none; padding:0;}
.ul-style_imp li{position:relative; padding-left:26px; margin:10px 0;}
.ul-style_imp li::before{position:absolute; content:"※"; top:1px; left:4px;}

/*venue*/
.venueBox{background: url("../images/sub/venue-2025.png") no-repeat; width: 1200px; height: 1204px; position: relative;}
.venueWrap{position: absolute; width: 100%; top: 216px; padding: 0 30px;}
.wbox{border-radius: 30px; padding: 30px;}
.flexbox{display: flex;}
.flexbox>.whiteBox{width: 50%;}
.whiteBox{background: #fff; box-shadow: 0 5px 6px 3px #0000002b;}
.whiteBox h2{color: #fff; background: #0466b2; text-align: center; padding: 10px; border-radius: 10px;}

/*조직기구*/
.orgList{}
.orgList li{width: 100%; text-align: center; border: 1px solid #ccc; border-radius: 50px; padding: 10px 0; font-size: 16px;}
.orgList li span{background: var(--main-blue); color: var(--main-white); padding: 2px 10px; border-radius: 12px; margin-right: 10px;}

/*초청연사*/
.invBox{border-top: 3px solid #024287; padding: 10px 0; gap:20px;}
.invBox >div{display: flex; align-items: center; gap: 0 10px; padding: 10px 0; border-bottom: 1px solid #e1e1e1; position: relative}
.invBox div.txtBox{width: 70%;}
.invbtnW{position: absolute; right: 0; bottom: 12px;}
div.imgBox{text-align: center; width: 40%; height:40%; display: inline-block;}
div.imgBox img{width: 100%; height: 100%; object-fit: cover;}
p.title{color: #024287; font-weight: 700; font-size: 16px !important; text-align: left;}
p.name{}
p.aff{font-size: 13px !important}


/*숙박*/
.mobileImg{width: 100%; height: auto; object-fit: cover;}

/*등록*/
.regStep{display: block;}
.regStep > div{width: 100%; margin-top: 0; border-top: 4px double #ccc; border-bottom: 1px solid #ebebeb; height: 182px; padding: 5px 30px; border-right: none; border-left: none;}
.regStep > div > .step{width: 100%; background: #fff; margin-top: 15px;}
.regStep > div > .step img{width: 5.3rem; display: block; margin: 0 auto;}
.regStep > div > .step span, .regStep > div > .step strong{display: block; text-align: center;}


.scinfo{background: #f1a42c; padding: 22px 0; border-radius: 12px;}
.scinfo>div>p{color: #fff;}

.w80{width: 100%;}
.w20{width: 100%;}

/*reg*/
.exWrap{}
.exWrap>div{width: 100%;}
.exWrap>div h2{ text-align: center; padding: 10px; border-radius: 50px; color: #fff; font-size: 18px;}


/*venue*/
.venueBG{background: url("../images/sub/venueBG.png") center no-repeat; height: 100%; border-radius: 74px; padding: 30px;}
.venueBG h2{color: #fff; font-size: 2.9em; line-height: 1.1;}
.benefitBox{}
.benefitBox div{width: 100%; background: #fff; border-radius: 11px; padding: 15px;}
.benefitBox div p{text-align: center !important;}
.benefitBox div p.discount{color: #fff; background: #d50446; padding: 7px 0; border-radius: 11px; margin-bottom: 10px;}

.higlight{padding: 10px 0; background: #ccff38b5;}

.highwonBox{}
.highwonBox div{width: 100%; background: #ffffffde; border-radius: 11px; padding: 15px;}
.highwonBox p.tit{background: linear-gradient(45deg, #103578, #1f5dcf); padding: 7px 0; border-radius: 11px; margin-bottom: 10px; color: #fff;}



/*셔틀버스*/
.busWrap{position: relative;}
.busWrap::before{display: none;}
.busWrap2::before{display: none;}
.busWrap div.imgbus{background: linear-gradient(to bottom,#243d99,#00aeef); padding: 19px; display: inline-block; border-radius: 50px; width: 100%; text-align: center; margin-bottom: 15px;}
.busWrap div.imgbus2{background: linear-gradient(to bottom, #f57e13, #ffb454);}
.busTit{color: #0088cf;}
.busTit2{color: #f57e13;}
.bustxt{width: 100%;}


.shuttle-wrap {
  display: block;
}
.station-list{height: auto; width: 100%;}
/* 왼쪽 */
.station {cursor: pointer;  background: #ededed; padding: 10px 34px; font-size: 1.15rem; height: calc(100%/8); border-bottom: 1px solid #cbcbcb;}
.station.active {
  opacity: 1;
  font-weight: 600; color: #fff; background: #294471;
}

/* 지도 */
.map-area {
  position: relative;
}

.map-area img {
  width: 100%;
  display: block;
}

/* 핀 */
.pin {
  width: 100%;
  height: auto;
  display: none;
}

.pin.active {
  display: block;
}


/*프로그램*/
.notiImg{width: 40%;}
.notiImg2{width: 23%;}

/**********************
**********************
**********************
1. 2. 태블릿 사이즈 (768px 이상)
**********************
**********************
**********************/
@media (min-width: 768px) {
	#wrap > .suBcontent{width: 100%; padding: 80px 20px 100px;}
	#wrap > .suBcontent p{font-size: 14.5px;}
	.ul-style2 > li{font-size: 14.5px;}
	#svisual-layout{height: 234px;}
	#svisual-layout .svisual-wrap .title-bar{top: 108px;}
	
	.mapWrap{display: flex;}
	
	/* Sub Page Visual */
.subpage-visual{display:flex;position:relative;z-index:10; flex-direction: row;}
.subpage-visual__img-wrap{width:calc(50% + 10px)}
.subpage-visual img{display:block;max-width:100%}
.subpage-visual__img-title{position:absolute;left:90px;bottom:80px;font-size:32px;font-weight:400;color:#fff;line-height:1.2}
.subpage-visual__title{position:relative;padding-bottom:20px;margin-bottom:20px;font-size:30px;font-weight:400;line-height:1}
.subpage-visual__title::after{content:"";position:absolute;bottom:0;left:-60px;width:70%;height:1px;opacity:.1;background-color:#fff}
.subpage-visual__desc-wrap{display:flex;flex-direction:column;justify-content:center;position:absolute;top:20px;right:0;width:calc(50% + 10px);height:100%;padding:60px;color:#fff;background:#003876 no-repeat url(../images/sub/storyIcon.png);background-position:right -30px bottom -30px;z-index:1}
.subpage-visual__desc{opacity:.2; font-size:20px !important;font-weight:600;letter-spacing:2px}	
	
	/* Lazy Load Styles */
.card-image {
	display: block;
	min-height: 20rem; /* layout hack */
	background: #fff center center no-repeat;
	background-size: cover;
}

.card-image > img {
	display: block;
	width: 100%;
}

.card-list {
	display: block;
	margin: 1rem auto;
	padding: 0;
	font-size: 0;
	text-align: center;
	list-style: none;
}

.card {
	display: inline-block;
	width: 90%;
	max-width: 20rem;
	margin: 1rem;
	font-size: 1rem;
	text-decoration: none;
	overflow: hidden;
	box-shadow: 0 0 3rem -1rem rgba(0,0,0,0.5);
	transition: transform 0.1s ease-in-out, box-shadow 0.1s;
}

.card:hover {
	transform: translateY(-0.5rem) scale(1.0125);
	box-shadow: 0 0.5em 3rem -1rem rgba(0,0,0,0.5);
}

.card-description {
	display: block;
	padding: 1em 0.5em;
	color: #515151;
	text-decoration: none;
}

.card-description > p {
	margin: 0; text-align: center; font-weight: 700;
}
	
		/*강대원박사*/
.profBox{display: flex; gap:50px; align-items:flex-start;}
.profPic{}
.profBox >.sec1>.txtBox{background: var(--main-blue); color: var(--main-white); padding: 25px 68px; border-radius: 172px 0 172px 0; position: relative;}	
	
	
	.col-lg-sponsor{width: 30%; float: left; margin:10px;}
	.bronzeSize{width: 23%;}
	.silverSize{width: 33%;}
	.plaSize{width: 59%;}
	.sapSize{width: 59%;}
	.daSize{width: 59%;}
	
	.subDate li{width: 49%;}
	
	.custom-btn{width: auto;}
	
	/*초청연사*/
	div.imgBox{width: 17%;}
	
	.scinfo>div>p{display: flex; align-items: center; justify-content: center; color: #fff;}
}



/**********************
**********************
**********************
3. 데스크탑 사이즈 (1316px 이상)
**********************
**********************
**********************/
@media (min-width: 1316px) {
    #wrap > .suBcontent{width: 1300px; margin: 55px auto 0; padding: 60px 0 100px; min-height: 500px;}
	#svisual-layout{height: 349px;}
	#svisual-layout .svisual-wrap .title-bar{top: 207px;}
	#svisual-layout .svisual-wrap .title-bar h1{font-size: 45px;}
	
	.x-scroll{overflow-x:auto;}
	.mob{display: none;}
	
	.table-basic2{width: 100%;}
	
	/*about kcs2026*/
.mapWrap{display: flex;}
.mapWrap .mapTxt{}
.mapWrap .mapTxt > div{}
.mapWrap .mapTxt > div span{font-weight: 600; background: linear-gradient(45deg, #103578, #1f5dcf); font-size: 16px; display: inline-block; padding: 3px 7px; margin-bottom: 7px;}
.mapWrap .mapTxt > div > div{}
.mapWrap .mapTxt > div > div:first-child{margin-right: 2%;}
.mapWrap .mapTxt > div h2{margin: 0 0 5px; text-align: left; font-size: 26px;}
.mapWrap .mapTxt > div ul.logo{display: flex; flex-wrap:wrap; align-items: center;}
.mapWrap .mapTxt > div ul.logo li{margin-right: 10px;}
	
	.table-basic th{font-size: 16px;}
.table-basic td{font-size: 14.5px}
	
	.topic_table td{padding: 0; line-height: 38px; float: none; width: 50%; border-right: 1px solid #bcbebf;}
	
	
	/* History */
.ys-history .nxm-tab-7{margin-top:70px}
.ys-history .subpage-visual{margin-top:100px}
.ys-history .subpage-visual__title{font-size:36px}
.subpage-visual__since{opacity:.4;margin:15px 0;font-size:17px;font-weight:600;letter-spacing:2px}
.history-sec{margin:100px 0 300px}
.history-sec__wrap{padding-top:10px}
.history-sec__list{position:relative;padding:90px 0 0}
.history-sec__list::before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#eee}
.history-sec__item{display:flex;position:relative}
.history-sec__item::before{content:"";display:block;position:absolute;top:15px;left:50%;width:5px;height:5px;border:2px solid #003478;border-radius:50%;background:#fff;transform:translateX(-50%)}
.history-sec__inner {width:50%;padding:0 76px 15px 0}
.history-sec__item.right{justify-content:flex-end}
.history-sec__item.left{text-align:right; padding:0 0 30px 100px;}
.history-sec__year{position:relative;padding-bottom:10px;font-size:25px;font-weight:600; color: #3b3b3b;}
.history-sec__desc{margin-bottom:5px;font-size:17px;color:#666}
.history-sec__img-wrap{display:none}
.history-sec__item.has-img .history-sec__img-wrap{display:block}
.history-sec__item.left .history-sec__img-wrap{position:absolute;top:72px;left:0px;}
	.history-sec__item.left .history-sec__img-wrap img{display: block;}	
.history-sec__item.right .history-sec__img-wrap{position:absolute; top: 63px; right: 0;}
.dean-sec{margin-bottom:100px}
.ys-history .table-basic__name{width:26.12%;max-width:290px;font-weight:600;color:#222}
.ys-history .table-basic__role{width:36.03%;max-width:400px}
.ys-history .table-basic__period{width:37.83%;max-width:420px}
.ys-history .square-cols__desc{position:relative;margin:2px 0}
.ys-history .square-cols__desc::after{content:"";position:absolute;bottom:-27px;left:50%;width:50px;height:1px;margin:10px auto;background-color:#e5e5e5;transform:translateX(-50%)}
.ys-history .square-cols__period{margin-top:32px;font-size:16px;color:#888;font-weight:300}
.vice-dean-sec{padding-bottom:220px}
.ys-history .table-basic td:last-child{font-weight:400}
	
	.photoBox{justify-content: left;}	
	
	
	/* Lazy Load Styles */
.card-image {
	display: block;
	min-height: 20rem; /* layout hack */
	background: #fff center center no-repeat;
	background-size: cover;
}

.card-image > img {
	display: block;
	width: 100%;
}

.card-list {
	display: block;
	margin: 1rem auto;
	padding: 0;
	font-size: 0;
	text-align: center;
	list-style: none;
}

.card {
	display: inline-block;
	width: 90%;
	max-width: 20rem;
	margin: 1rem;
	font-size: 1rem;
	text-decoration: none;
	overflow: hidden;
	box-shadow: 0 0 3rem -1rem rgba(0,0,0,0.5);
	transition: transform 0.1s ease-in-out, box-shadow 0.1s;
}

.card:hover {
	transform: translateY(-0.5rem) scale(1.0125);
	box-shadow: 0 0.5em 3rem -1rem rgba(0,0,0,0.5);
}

.card-description {
	display: block;
	padding: 1em 0.5em;
	color: #515151;
	text-decoration: none;
}

.card-description > p {
	margin: 0; text-align: center; font-weight: 700;
}
	
	
	
	/*강대원박사*/
.profBox{display: flex; gap:50px; align-items: flex-end;}
.profBox >.sec1{width: 40%;}
.profBox >.sec2{width: 60%; margin-top: 0;}
.profPic{width: auto;}
.profBox >.sec1>.txtBox{background: var(--main-blue); color: var(--main-white); padding: 25px 68px; border-radius: 172px 0 172px 0; position: relative;}	
	
	.col-lg-sponsor{width: 196px; float: left;}
	.bronzeSize{width: 142px;}
	.silverSize{width: 165px;}
	.plaSize{width: 240px;}
	.sapSize{width: 305px;}
	.daSize{width: 413px;}
	
	.tabs, .tab2 {display: flex; width: 100%; -webkit-transform: translateY(5px); transform: translateY(5px);}
	.tabs > li, .tab2 > li {width: calc(100%/2);}
	
	
	/*초록제출*/
	.subDate li{width: 24%;}
	
	/*보도자료*/
ul.bbsList li .subject{font-size: 18px;letter-spacing: -0.01rem;font-weight: 400;transition: all 0.4s ease-out 0s; display: flex;align-items: center;padding: 39px 15px 39px 125px; display: flex;}
	
	.w33{width: 33.333%;}
	
	.custom-btn {color: #fff; border-radius: 5px; font-weight: 800; background: transparent; transition: all 0.3s ease; position: relative; display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none; font-size: 18px; margin: 0 10px; width: auto;}
	
	.btn-3 {background: rgb(0,172,238); background: linear-gradient(151deg, #294471 0%, rgba(1,102,165,1) 100%); height: 63px; border: none;}
.btn-3 span {position: relative; display: block; width: 100%; height: 100%; padding: 20px;}
.btn-3:before, .btn-3:after {position: absolute; content: ""; right: 0; top: 0; background: #294471; transition: all 0.3s ease;}
.btn-3:before {height: 0%; width: 2px;}
.btn-3:after {width: 0%; height: 2px;}
.btn-3:hover{background: transparent; box-shadow: none;}
.btn-3:hover:before {height: 100%;}
.btn-3:hover:after {width: 100%;}
.btn-3 span:hover{color: #fff;}
.btn-3 span:before, .btn-3 span:after {position: absolute; content: ""; left: 0; bottom: 0; background: #294471; transition: all 0.3s ease;}
.btn-3 span:before {width: 2px; height: 0%;}
.btn-3 span:after {width: 0%; height: 2px;}
.btn-3 span:hover:before {height: 100%;}
.btn-3 span:hover:after {width: 100%;}

.btn-4 span:hover{color: #294471}
	
	.stepBox > div{display: flex; align-items:center; justify-content:space-between; margin-top: 20px; border: 2px solid #f7f7f7; padding: 20px 30px;}
	.stepBox > div > .step{width: 16%; padding:12px 0; background:#f3f3f3; border-radius:12px;}
.stepBox > div > .step img{margin: 0 auto; display: block; width: 5rem;}
.stepBox > div > .step span, .stepBox > div > .step strong{display: block; text-align: center;}
.stepBox > div > .txt{text-align: left; width: 80%; margin-top: 0;}
	
	h1.tit {font-size: 25px;; line-height: 5rem; font-weight: 800; color: #000; letter-spacing: 0; word-break: keep-all; position: relative; clear:both; z-index: 0;}
h1.tit font{font-size: 15px; font-weight: 300;}
h1.tit:after{display:block; content:''; width: 55px; height: 55px; position:absolute; top:7px; left: -19px; background: #ddeaff; z-index: -99; border-radius: 50%;}
#wrap > .suBcontent h5{font-size: 20px; font-weight: 600; color: var(--main-blue);}	
	
	/*조직기구*/
	.orgList li{width: 49%;}
	
	/*초청연사*/
.invBox{display: flex; justify-content: space-between;}
.invBox >div{width: 50%;}
.invBox div.txtBox{}
div.imgBox{width: 30%; height:auto; }
div.imgBox img{}

	.modalDiv div.txt-box{width: 64%;}
	
p.title{}
p.name{}
p.aff{}
	
	/* Modal Content */
.modal-content {width: 750px; top: 0;}
.modalDiv{display: flex; align-items: center; gap:30px; text-align: justify;}	
	
.bio-btn{padding: 0 20px;font-size: 15px; line-height: 35px;}
	.ab-btn{line-height: 35px;}	
	
	/*숙박*/
.mobileImg{width: auto;}
	.table-basic .p2_speaker_all_box img{width: auto;}
	
	/*등록*/
.regStep{display: flex; flex-wrap: wrap; align-items: center;justify-content: space-between;}
.regStep > div{width: 32%; margin-top: 0; border-top: 4px double #ccc; border-bottom: 1px solid #ebebeb; height: 182px; padding: 5px 30px; border-right: none; border-left: none;}
.regStep > div > .step{width: 100%; background: #fff; margin-top: 15px;}
.regStep > div > .step img{width: 5.3rem; display: block; margin: 0 auto;}
.regStep > div > .step span, .regStep > div > .step strong{display: block; text-align: center;}
	
	.tabs>li{border: none; margin-bottom: 0px; margin-right: 7px;}
	.scinfo>div>p{display: flex; align-items: center; justify-content: center; color: #fff;}
	
	/*시상개요*/
	.speakers_ul{width:100%; margin-top:22px; list-style:none; padding:0; display: flex; justify-content: space-between; gap:30px;}
.speakers_ul>li{position:relative; border-top:2px solid #294471; box-sizing:border-box; padding:15px 0; display:inline-block; vertical-align:top; margin:32px 0 0 0;  width:50%;}
	
	.area_about > div {display: flex;flex-wrap: wrap;justify-content: space-between; height: 485px; position: relative;}
.area_about > div > div.img{box-sizing: border-box;}
.area_about > div > div.txt{width: 53%; position: absolute; right: 0;}
	
	.awards-tab{display: flex; flex-wrap: wrap; width: 100%; gap:5px;}
.awards-tab li{border: none; width: 32%;}
.awards-tab li.active{color: #333; font-weight: 600; border: 2px solid #545454; background: #fff;}
	
	.stepul, .stepul02{display: flex; justify-content: space-between; gap:10px;}
	.stepul03 li{width: 32.6%; border: 2px solid #e5e5e5; border-radius: 30px;}
	.w80{width: 80%;}
	.w20{width: 20%;}
	
	/*reg*/
	.exWrap>div{width: 50%;}
	
	/*venue*/
	.benefitBox div{width: calc(100%/4);}
	.highwonBox div{width: 50%;}
	.venueBG{height: 905px;}
	
	/*셔틀버스*/
.busWrap{position: relative;}
.busWrap::before{position: absolute; display: block; content: ''; width: 2px; height: 97%; background: #0088cf; left: 3%; z-index: -1; transform: translateX(4px);}
.busWrap2{position: relative;}
.busWrap2::before{position: absolute; display: block; content: ''; width: 2px; height: 97%; background: #ffb454; left: 3%; z-index: -1; transform: translateX(4px);}
.busWrap div.imgbus{background: linear-gradient(to bottom,#243d99,#00aeef); padding: 19px; display: inline-block; border-radius: 50px; width: 7%;}
.busWrap div.imgbus2{background: linear-gradient(to bottom, #f57e13, #ffb454);}
.busTit{color: #0088cf;}
.busTit2{color: #f57e13;}
.bustxt{width: 93%;}
.shuttle-wrap {display: flex;}
.station-list{height: 660px; width: 100%;}
.station {padding: 29px 34px;}	
.pin {width: 780px;}
	
	.notiImg{width:auto;}
	.notiImg2{width:auto;}
}