@charset "utf-8";

/* card-of */
.card-of {position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;padding:30px 10px 50px 10px;background:rgba(0,0,0,.75);visibility:hidden;z-index:2000;}
.card-contents {position:relative;}
.card-contents > a.exit {display:block;width:64px;height:64px;font-size:48px;color:#fff;margin:0 auto;line-height:48px;text-decoration:none;text-align:center;}
.card-contents > a.exit span {position:relative;z-index:2;}
.card-contents > a.exit:before {content:'';display:block;position:fixed;left:0;top:0;right:20px;bottom:0;background:transparent;}
.card-contents .inner {background:#fff;max-width:1200px;margin:0 auto;padding:40px;border-radius:0px;position:relative;z-index:2;opacity:0;transform:scale(0.5);transition:all .2s;}
.card-contents .inner img {max-width:100%;}

.open-card {overflow:hidden;}
.open-card .card-of.active {visibility:visible;}
.open-card .card-of.active .card-contents .inner {transform:none;opacity:1;}

/* card-of session */
#session-card .card-contents .inner {/*padding-top:90px;*/overflow:hidden;}
#session-card .card-contents .inner:before {content:'';position:absolute;left:0;top:0;width:100%;/*height:70px;background:#fcac19 url(/home/assets/img/speaker_label.jpg) no-repeat 5px 5px;*/}

/* card-of speaker */
#speaker-card .card-contents .inner {max-width:800px;padding-top:90px;overflow:hidden;}
#speaker-card .card-contents .inner:before {content:'';position:absolute;left:0;top:0;width:100%;height:20px;background:#2C3890;}

.spk-pop {display:table;width:100%;table-layout:fixed;}
.spk-pop .list,
.spk-pop .listcon {display:table-cell;vertical-align:top;}
.spk-pop .list {width:250px;padding-right:50px;}
.spk-pop .list p {font-size:9pt;}
.spk-pop .list img {max-width:100%;box-shadow:#999 0 20px 10px -14px;}
.spk-pop .list h2 {font-size:18px;padding:0;margin:0;}
.spk-pop .list h3 {font-size:16px;padding:0;margin:0;}
.spk-pop .listcon {font-size:11pt;}
.spk-pop .listcon p {margin:0;padding:0;line-height:1.8;}

@media all and (max-width:820px) {
	.spk-pop {display:block;}
	.spk-pop .list,
	.spk-pop .listcon {display:block;}
	.spk-pop .list {text-align:center;width:100%;padding-right:0;}
	.spk-pop .list img {max-width:200px;}
	.spk-pop .list p br {display:none;}
}

.blue {color:#246CC3;  border-radius: 20px;}
.green {color:#00AC90;}
.orange {color:#E96900;}
.red {color:#FF0000;}
.yellow {color:#FFFF00;}



@media all and (max-width:820px) {
	.bvt_table,
	.bvt_table > thead,
	.bvt_table > thead > tr,
	.bvt_table > thead > tr > th,
	.bvt_table > tbody,
	.bvt_table > tbody > tr,
	.bvt_table > tbody > tr > th,
	.bvt_table > tbody > tr > td {display:block;}
	.bvt_table > tbody > tr > th {text-align:left;background-color:#fff;padding:10px 0 0 10px;}
	.bvt_table > tbody > tr > td {border-top-width:0;}
	.bvt_table > tbody > tr > td#article-content {border-top-width:1px;margin-top:0;}
}

@media all and (max-width:640px) {
	.card-contents .inner {padding:20px;}
	
	#page-nav .wrap {padding-right:39px;}
	#page-nav #loc {width:100%;position:relative;z-index:2;}
	#page-nav .loc {display:none;}
	#page-nav .loc:last-child {display:table-cell;}
	#page-nav .loc.home {width:40px;display:table-cell;}

	.sub2-session div.searchDiv {padding:15px;}
	.sub2-session div.searchDiv #sform > span {display:block;float:left;padding:5px;}
	.sub2-session div.searchDiv #sform > span > * {width:100%;vertical-align:middle;margin:0;}
	.sub2-session div.searchDiv #sform > span > button {text-align:center;background-position-x:5px;}
	.sub2-session div.searchDiv #sform > span:nth-child(1),
	.sub2-session div.searchDiv #sform > span:nth-child(2) {width:50%;}
	.sub2-session div.searchDiv #sform > span:nth-child(3) {width:70%;}
	.sub2-session div.searchDiv #sform > span:nth-child(4) {width:30%;}
	
	.sub2-session div.session.day01 table thead {display:none;}
	.sub2-session div.session.day01 tr,
	.sub2-session div.session.day01 td {display:block;}
	.sub2-session div.session.day01 td {border-width:0;text-align:left;padding:8px 8px 8px 2em;position:relative;}
	.sub2-session div.session.day01 tr {border-bottom:solid 1px #ccc;}
	.sub2-session div.session.day01 tr:nth-child(2n) {background:#f8f8f8;}
	.sub2-session div.session.day01 tr td:nth-child(1) br,
	.sub2-session div.session.day01 tr td:nth-child(2) br,
	.sub2-session div.session.day01 tr td:nth-child(4) br {display:none;}
	.sub2-session div.session.day01 tr td:nth-child(2) {padding:0 8px 0 2em;}
	.sub2-session div.session.day01 tr td:nth-child(3) {font-size:1.1em;}
	.sub2-session div.session.day01 tr td:nth-child(1):before {content:"\f073";position:absolute;left:8px;top:8px;font-family:'FontAwesome';}
}

/* speakers list */
.speaker-items {padding:40px;}
.speaker-items:after {content:'';clear:both;display:table;}
.speaker-items .item {width:16%;height:300px;float:left;margin:0 2%;margin-bottom:30px;}
.speaker-items .item a {text-decoration:none;}
.speaker-items .item .thumb {font-size:0;overflow:hidden;border-radius:80%}
.speaker-items .item .thumb img {width:100%;height:170px;transition:all .3s;}
.speaker-items .item a:hover .thumb img,
.speaker-items .item a:focus .thumb img {transform:scale(1.1);}
.speaker-items .item .texts {padding:10px; text-align:center;font-size:15px;}
.speaker-items .item .texts span {display:block;color:#666;font-size:16px;}
.speaker-items .item .texts p {font-size:0.9em;letter-spacing:0em;line-height:1.5em;}

@media all and (max-width:820px) {
	.speaker-items {padding-left:4%;padding-right:4%;}
	.speaker-items .item {width:27%;margin:0 3%;}
	.speaker-items .item .thumb img {height:140px;}
}

@media all and (max-width:420px) {
	.speaker-items .item {width:42%;max-width:300px;height:300px;margin-left:5%;}
	.speaker-items .item .texts {font-size:13px;}

}

/* schedule table */


.schedule-table .color1 {background-color:#FCDCDC;} /* 개막 */
.schedule-table .color2 {background-color:#FDE6C9;} /* 공유 */
.schedule-table .color3 {background-color:#BCE6B3;} /* 모색 */
.schedule-table .color4 {background-color:#C0F2E3;} /* 특별 */
.schedule-table .color5 {background-color:#F4E3FE;} /* 참여 */
.schedule-table .color6 {background-color:#DDF5F6;} /* 부대 */

.schedule-table .fsmall {padding-left:20px; font-size:0.8em;background:url(/home/sub8/images/event_day.png) no-repeat 0 0;}

.schedule-resv .schedule-table td label.check {position:relative;z-index:3;display:block;padding:10px 0;display:block;}
.schedule-resv .schedule-table td label.check input {transform:scale(1.5);}
.schedule-resv .schedule-table td a:before {display:none;}
.schedule-resv .schedule-table td.checked {outline:solid 0px #333;z-index:2;}


/* schedule table1 */
.schedule-table1 tbody th {white-space:nowrap;}
.schedule-table1 td {position:relative;}
.schedule-table1 td a {text-decoration:none;color:#000 !important;}
.schedule-table1 td a:hover {text-decoration:underline;}
.schedule-table1 td a:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;}
.schedule-table1 td a div.item {position:relative;z-index:2;}
.schedule-table1 tr.split > * {border-top:solid 1px #000;}
.schedule-table1 td label.check {display:none;}
.schedule-table1 td div i.fab {color:#f33;}
.schedule-table1 td .brown {color:#734B23;}

.schedule-table1 .color1 {background-color:#FDEDE7;} /* 개막 */
.schedule-table1 .color2 {background-color:#FDF7EC;} /* 공유 */
.schedule-table1 .color3 {background-color:#F0F7EC;} /* 모색 */
.schedule-table1 .color4 {background-color:#94D0DC;} /* 특별 */
.schedule-table1 .color5 {background-color:#ECEFF8;} /* 참여 */
.schedule-table1 .color6 {background-color:#DDF5F6;} /* 부대 */

.schedule-table1 .fsmall {font-size:0.8em;}

.schedule-resv .schedule-table1 td label.check {position:relative;z-index:3;display:block;padding:10px 0;display:block;}
.schedule-resv .schedule-table1 td label.check input {transform:scale(1.5);}
.schedule-resv .schedule-table1 td a:before {display:none;}
.schedule-resv .schedule-table1 td.checked {outline:solid 2px #333;z-index:2;}

@media (max-width:640px) {

.schedule-table .fsmall {padding-left:20px; font-size:0.8em;background:url(/home/sub8/images/event_day.png) no-repeat 0 0;background-size:15%;}

}