#wrapper{min-width: 1240px;}
#sub_tit0{background: url(../images/subTop.jpg)50% 0 no-repeat fixed; height: 232px; display: table; width: 100%;}
.sub_tit0_box{display: table-cell; vertical-align: middle; animation-name: stitle_motion; animation-duration: 1.5s; animation-iteration-count: 1;}

@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);}
}


#sub_tit0 h2{color: #fff; text-align: center; font-size: 29px; font-weight: 400; letter-spacing: -1px;}
#sub_tit0 h5{color: #fff; text-transform: uppercase; text-align: center; font-size: 16px; font-weight: 100; letter-spacing: -0.5px;}



#sub_contents{width: 1240px; padding: 30px 20px 100px; display: table; margin: 0 auto;}
#sub_contents p{text-align: justify;}
/* Animation */
@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}




h1.tit {font-size: 25px;; line-height: 5rem; font-weight: 600; color: #000; letter-spacing: 0; word-break: keep-all; position: relative; clear: both;}
h1.tit span{background: #fff; display: inline-block; color: #000; padding-right: 4%;}
h1.tit:after{content:''; position:absolute; width: 100%; height:1px; background: #CED5DB; top: 50%; right: 0; z-index: -1;}

#sub_contents h5{color: #5243e3; font-weight: 500; font-size: 18px; margin: 30px 0 5px;}

#ft{background: #222222; color: #DFDFDF;}


.sub_txt{margin-bottom: 80px;}
.location_wrap {text-align: center;}
.sub_txt h3.title{text-align: center; margin: 0 0 5px; text-transform: uppercase; font-size: 25px; font-weight: 500;}
.location {position: relative; display: inline-block; vertical-align: top; margin-top:0px; line-height:30px; height:30px; font-size:14px;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:20px; margin-left:14px; background:url(../images/location.png) no-repeat left center; color:#666; font-weight:300; letter-spacing: -0.3px;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {font-weight:400; color: #333}


/*about gyeongju*/
.cont{max-width: 1200px; margin: auto;}
.cont .txt{background: #fff; padding: 40px; width: 60%;}
.aboutBox{background: url(../images/sub/gyeongju.jpg) no-repeat center right; background-size: cover; height: 517px; display: flex; justify-content: center; flex-direction: column;}
.venueBox{background: url(../images/sub/venue.jpg) no-repeat center right; background-size: cover; height: 418px; display: flex; justify-content: center; flex-direction: column;}

.tab-cont h1{background: #fbfbff; font-size: 1.2rem; text-align: center; border-top: 3px solid #544e8f; border-bottom: 1px solid #544e8f; padding: 10px 0; color: #544e8f;}
.tab-cont .sess-wrap li dl{border-bottom: 1px solid #CED5DB; word-break: keep-all; display: table; width: 100%;}
.tab-cont .sess-wrap li dl dt{width: 30%; text-align: center; display: table-cell; vertical-align: middle;}
.tab-cont .sess-wrap li dl dd{text-align: justify; display: table-cell; vertical-align: middle; padding: 10px 20px;}
.tab-cont .sess-wrap .sess-img{float: left; margin-right: 20px;}



/*venue*/
table.s_table{width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; border-top: 5px solid #5243e3}
table.s_table th{background: #fbfbff; text-transform: uppercase; letter-spacing: -0.3px; border-bottom: 1px solid #544e8f; padding: 10px 20px; word-break: break-all;}
table.s_table td{border-bottom: 1px solid #544e8f; padding: 10px 20px;}
table.s_table td + td, table.s_table th + td, table.s_table th + th{border-left: 1px solid #544e8f;}
.bL1{border-left: 1px solid #544e8f;} .bR1{border-right: 1px solid #544e8f;} .bR0{border-right: 0 !important;} .bL0{border-left: 0 !important;} .bB0{border-bottom: 0 !important;}

/*overview*/
@media (max-width:1200px){
	.x-scroll{overflow-x:scroll; height:451px}
}
@media (max-width:1880px){
	.x-scroll2{overflow-x:scroll; height:375px; width:1200px;}
}
.x-scroll2{overflow-x:scroll; height:530px; width:1200px;}
.scroll_table3{width:1852px !important;}
.scroll_table2{width:75rem !important;}
.scroll_table{width:75rem !important;}
.scroll_table td{word-break:keep-all !important; padding:9px 10px !important;}
.vi_t{color:#a90c0c; font-weight:500;}
.scroll_table .name{font-style:italic; font-weight:400; font-size:15px; color:#7d11c1;}


.tab5{height:40px; padding-left:0px !important; display:flex; justify-content:space-between; text-align:center; align-items:center; box-sizing:border-box;}
.tab5 li{width:calc(100%/4)}
.tab5 a{display:block; padding:15px; color:#898989;font-weight:700; border-bottom:1px solid #ddd;}
.tab5 a span{position:relative; display:block;}
.tab5 li a span::after{position:absolute; width:2px; height:15px; background:#ddd; content:""; right:-16px; bottom:4px;}
.tab5 li:last-of-type a span::after{display:none;}
.tab5 a:focus,.tab5 a.active{color:#321074;  border-bottom:3px solid #321074;}

@media (max-width:706px){
	.tab5{height:40px; padding-left:0px !important; display:flex; flex-wrap:wrap; justify-content:space-evenly;}
	.tab5 a{padding:11px; font-size:12px; font-weight:700; border-bottom:1px solid #ddd;}
}

/*about coling*/
.sub01-1 {position: relative;}
.sub01-1 .txt,
.sub01-profile_1 .txt {padding: 32px 63px 0 0; position: relative; height: 100%; max-width: 683px; width: 53%; background: #fff;}
.sub01-1 .txt p {padding-bottom: 80px;}
.sub01-1 .txt:before {content: ""; position: absolute; top: 0; left: 0; width: 88%; background: #19283b; height: 5px; max-width: 665px; }
.sub01-1 .txt h1 {font-size: 2.5rem; font-weight: 600; color: #000;}
.sub01-1 .txt b {display: block; color: #000; font-size: 1.5rem; margin-top: 10px; font-weight: 400; margin-bottom: 46px;}
.sub01-1 .txt div{word-break: keep-all;}

.sub01-1 + .more-cont{padding: 0; margin-top: 30px; transition: none; overflow: hidden;}
.sub01-1 + .more-cont .txt{float: left; width: 44%; margin-right: 48px; text-align: justify; line-height: 1.9; padding: 0;}
.sub01-1 + .more-cont .txt + .txt{margin-right: 0; width: 52%;}

.colingBox .sub01-1{background: url(../images/coling.jpg) no-repeat bottom right; position: relative;}
.colingBox .sub01-1::before{content: ''; width: 30%; background-size: cover; background:  url(../images/coling.jpg) no-repeat center}
.colingBox .sub01-1 .txt{width: 60%; max-width: 700px;}


/*committee*/
.committeeBox{display: flex; width: 105%; overflow: hidden; margin-left: -0.7%;}
.committeeBox li{float: left; width: 32%; margin: 10px 0.7% 20px; border-top: 2px solid #111; border-bottom: 1px solid #ced5db;}
.committeeBox li dl{overflow: hidden; display: flex; align-items: center;}
.committeeBox li dl dt{display: flex; justify-content: center; flex-direction: column; align-items: center; height: 153px; background: #fff; width: 34%; float: left;}
.committeeBox li dl dd{width: 66%; padding: 0 3.8%; float: left;}
.committeeBox li dl dd h2{font-size: 1.1rem; margin-bottom: 5px;}
.committeeBox li dl dd p{font-size: 0.9rem; text-align: left !important;}

.committee_table{width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 15px;}
.committee_table tr:first-child{border-top: 2px solid #111;}
.committee_table td{padding: 15px 15px 15px 40px; border-right: 1px solid #ced5db; border-bottom: 1px solid #ced5db; font-weight: 600; line-height: 20px; font-size: 1.2rem;}
.committee_table td span{padding: 0; display: inline-block; margin-left: 10px; font-weight: 400; font-size: 1rem;}

/*transportation*/
.transBox .sub01-1 .txt{width: 50%; float: left;}
.transBox .sub01-1 img{max-width: 100%;}

.routeBox img{max-width: 100%; margin-right: 10px;}

.numberWrap{display: inline-block; width: 100%;}
.numberWrap .numberBox{width: 33.33333333%; float: left; padding-right: 15px; padding-left: 15px;}
.numberWrap .numberBox > div{float: left; width: 100%; padding: 15px 25px; background: #fff; text-align: center; box-shadow: 0px 5px 10px rgb(0 0 0 / 10%); height: 152px; position: relative; border: 1px solid #f3f3f3}
.numberWrap .numberBox > div h4{display: block; text-align: center; background: #5243e3; border-radius: 50%; color: #fff; font-size: 17px; width: 30px; height: 30px; line-height: 30px;}
.numberWrap .numberBox > div p, .numberWrap .numberBox > div a{clear: both;}
.numberWrap .numberBox > div p{text-align: left !important; margin-top: 5px; font-size: 15px;}
.numberWrap .numberBox > div a{width: 100%; position: absolute; left: 0; bottom: 0; padding: 10px 0; text-align: center; background: #3c3c3c; color: #fff; display: block;}

.numberWrap .numberBox.words{width: 50%; padding: 15px;}
.numberWrap .numberBox.words > div{height: auto;}
.numberWrap .numberBox.words > div h5{margin: 0 0 5px !important;}
.numberWrap .numberBox.words > div p{text-align: center !important;}



/*sponsors*/
.css3-tab {list-style: none; margin: 0 auto 40px; padding: 38px 0 0 0; position: relative; width: 100%;}
.css3-tab input[type='radio'] {display: none;}
.css3-tab .css3-tab-nav {display: table; table-layout: fixed; width: 100%;}
.css3-tab .css3-tab-nav label {display: table-cell; background-color: #fff1fa; padding: 15px; text-align: center; transition: all .3s ease 0s; cursor: pointer;}
.css3-tab .css3-tab-content {overflow: hidden; padding: 25px 10px; display: none; background: #FFF; clear: left; box-sizing: border-box;}
.css3-tab input[id='tabOne']:checked ~ .css3-tab-nav label[for='tabOne'], .css3-tab input[id='tabTwo']:checked ~ .css3-tab-nav label[for='tabTwo'] {background: #c40f80; color: #fff;}
.css3-tab input[id='tabOne']:checked ~ div.tab-one, .css3-tab input[id='tabTwo']:checked ~ div.tab-two {display: block;border-top: solid 3px #c40f80;
}


#sub_contents .dates_box.subdates li{width: 25%; padding: 12px 0 15px;}
#sub_contents .dates_box.subdates .quickTit p{text-align: center;}




.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:219% !important; width: 10%; display: block; float: left; padding: 20px 10px; background: #fffffb; color: #815d0c !important; margin: 0 1.7% !important; position: relative; border: 2px solid #ffbb3f;}
.committee_ul > li > h5::after{content: ''; width: 19px; position: absolute; right: -19px; top: 39px; z-index: -99999999999; border-top: 2px dotted #7c5a41;}
.committee_ul > li > h6 {line-height:140% !important; width: 86.5%; font-size: 14px; float: left; padding: 20px; text-align: left; background: #f7f7f7 !important; font-weight: 400}



.tutorialWrap{position: relative; margin: 40px 0; width:100%;}
.tutorialWrap::before{content: ''; position: absolute; left: 0; top:0; width: 6px; height: 54px; border-radius: 10px; background: #e0e0fb;}
.tutorialWrap > p{padding-left: 20px;}
.tutorialWrap > .title{font-weight: 600; font-size: 17px; color: #544e8f;}
.tutorialWrap > .author{font-style: italic; margin-top: 5px;}

.tu_flex{display:flex; align-items:baseline;}
.num{background:#7c77b9; width:35px; height:auto; padding:4px; text-align:center; border-radius:50px; margin-right:5px; transform:translateY(12px);}
.num span{font-weight:700; color:#fff; display:block; font-size:1.1rem;}


.sp_t{font-size: 25px; margin: 100px 0 0; font-weight: 700; text-align: left; color: #333;}
.spon_t{font-size: 18px !important; margin: 20px 0 60px; font-weight: 500; text-align:left !important; color: #333; line-height:29px;}
.con_title{text-align:center !important; overflow:hidden; margin-bottom:50px; font-size:2rem;}
.con_title::before{background-color:#000; content:""; display:inline-block; position:relative; vertical-align:middle; width:50%; height:1px; right:0.5em; margin-left:-50%;}
.con_title::after{background-color:#000; content:""; display:inline-block; position:relative; vertical-align:middle; width:50%; height:1px; left:0.5em; margin-right:-50%;}

.con_title2{text-align:center !important; overflow:hidden; margin-bottom:50px; font-size:2rem; color:#455ed9; font-size:1.4rem;}
.con_title2::before{background-color:#455ed9; content:""; display:inline-block; position:relative; vertical-align:middle; width:50%; height:1px; right:0.5em; margin-left:-50%;}
.con_title2::after{background-color:#455ed9; content:""; display:inline-block; position:relative; vertical-align:middle; width:50%; height:1px; left:0.5em; margin-right:-50%;}

.con ul{display:flex; justify-content:center; text-align:center; flex-wrap: wrap;}
@media (max-width:992px){
	.con ul {display:block; text-align:center;}
	}
.con ul li img{max-height:78px; max-width:100%; margin-bottom:60px;}
.con ul li{margin-right:40px;}
@media (max-width:992px){
	.con ul li{margin-right:0px;}
	}
.con ul li:last-of-type{margin-right:0;}

/*accommodation*/
.acheck::before{position:absolute; display:block; content:url(../images/check.png); transform:translateX(-21px);}
.s_list_decimal{list-style:decimal; padding-left:20px;}
.s_list_1{padding-left:10px;}
.hotel_n{font-size:1.2em; font-weight:500; color:#5243e3;}
.click_h{display:flex;}
.click_h strong{padding:5px 0px 0px 20px; font-size:1.1em;}
.click_h span{padding:5px 15px;}

/*button*/
.btn-center{text-align: center;}
.btn-center p{text-align:center !important; font-weight:400;}
a.btn {box-sizing: border-box; border-radius:0.2em; background: linear-gradient(0deg, rgba(53,48,101,1) 0%, rgba(132,127,189,1) 100%); color:#fff; padding: 15px 50px; font-size: 17px; cursor: pointer; text-align: center; margin:4px auto !important; display: inline-block;}
a.btn:hover, a.btn:focus{color: #fff; text-decoration: none;}

/*submission*/
.subm{position:relative;}
.subm_t{ content:""; position:absolute; top:0; left:0; width:88%; background:#19283b; height:5px; max-width:665px;}
.subm_t h1{font-size:2.5rem; font-weight:600; color:#000; padding-top:32px;}
.subm_t b{ display:block; color:#000; font-size:1.5rem; margin-top:10px; font-weight:400; margin-bottom:46px;}

/*reg*/
.reg{word-break:break-all;}
.tab3{height:40px; padding-left:0px !important; display:flex; justify-content:space-between; text-align:center; align-items:center; box-sizing:border-box;}
.tab3 li{width:100%;}
.tab3 li:first-of-type{width:50%;}
.tab3 li:nth-of-type(2){width:50%;}
.tab3 a{display:block; padding:15px; background:#ece6fd; border-bottom:3px solid #321074;}
.tab3 a:focus,.tab3 a.active{background:#fff; color:#321074; font-weight:700; border:3px solid #321074; border-bottom:none;}
.in-p{background:#ffff754f;}
.vi{background:#fff2cc;}
.or{background:#d76b0e; color:#fff;}
.pink{background:#ffe7e7;}
.gr{background:#a9d18e;}
.gr_1{background:#e2f0d9;}
.blu{background:#9dc3e6;}
.blu_1{background:#deebf7;}
.blu_2{background:#8faadc;}
.blu_3{background:#dae3f3;}

.impo{border:1px solid #eaeaeae;}
.impo h3{background:#eaeaea; padding:6px 15px; width:208px; text-align:center;}

.ul-reg{width:100%;}
.ul-reg li{margin-bottom:20px; display:flex; align-items:center;}
.ul-reg .tit{border:2px solid #5243e3; background:#fefcff; padding:6px 23px; text-align:center; border-radius:0px 14px;}
.ul-reg .info{margin-left:20px; width:77%; border-bottom:1px dotted #eaeaea;}

.coling_info{background:#261d85; color:#fff; padding:20px; border:4px solid #6fafff;}
.coling_info h1{font-size:1.8rem;}

.q_box{border-bottom:2px dotted #eaeaea; padding:0 27px 20px 0;}
.qs{font-weight:bold; color:#309; font-size:15px; display:flex;}
.qa{font-size:15px; transform:translateX(20px); display:flex;}
.txt-green{font-style:normal; color:#090; font-weight:500;}
.txt-blue{color:#59b3ff;}
.impo_b{box-shadow:0px 6px 2px 0px #ccc; padding:15px 25px; background:#eaeaea;}

/*invited speaker*/
.com_w{margin:10px 0.7% 20px; border-top:2px solid #111; border-bottom:1px solid #ced5db; padding:10px 0; display:flex; height:100%;}
.com_w img{padding-bottom:10px;}
@media (max-width:488px){
	.com_w{display:block;}
	.con_img{text-align:center;}
	}
.com_table td{padding:5px 0 5px 0px; border-bottom:1px dotted #eaeaea;}
.com_table tr:last-of-type td{border-bottom:none;}

/*program*/
.program_chair li dl{padding:4px 41px;} 
.program_chair li dl:first-of-type{font-size:1.2rem; line-height:20px; font-weight:600;}
.pro_flex{display:flex; justify-content:space-between;}
@media (max-width:488px){
	.pro_flex{display:block;}
	}
.pro_w{display:flex;}
.pro_w p {background:#f5f5f5; padding:22px;}

@media (max-width:850px){
	.pro_w{display:block;}
	.pro_w img{max-width:100%;}
	}


/*excursion*/
.tab4{height:40px; padding-left:0px !important; display:flex; justify-content:space-between; text-align:center; align-items:center; box-sizing:border-box;}
.tab4 li{width:100%;}
.tab4 li:first-of-type{width:50%;}
.tab4 li:nth-of-type(2){width:50%;}
.tab4 a{display:block; padding:15px; color:#898989;font-weight:700; border-bottom:1px solid #ddd;}
.tab4 a span{position:relative; display:block;}
.tab4 li a span::after{position:absolute; width:2px; height:15px; background:#ddd; content:""; right:-16px; bottom:4px;}
.tab4 li:last-of-type a span::after{display:none;}
.tab4 a:focus,.tab4 a.active{color:#321074;  border-bottom:3px solid #321074;}

.exc_list{display:flex; justify-content:space-evenly; position:relative; flex-wrap:wrap; align-items:center;}
.exc_list li{font-weight:400; font-size:1rem; padding:10px 19px; position:relative;}
.exc_list li::after{position:absolute; content:""; background:#ddd; width:2px; height:15px; bottom:13px; right:-18px;}
.exc_list li:last-of-type::after{display:none;}

@media (max-width:588px){
	.tabcontent2 >div{display:block;}
	.exc_list li{width:33.333%; font-size:0.9rem; word-break:keep-all; text-align:center; padding:12px 0; line-height:16px;}
	.exc_list li a{font-size:12px;}
}
@media (max-width:498px){
	.exc_list li::after{height:16px; right:0px; bottom:11px;}
	.exc_list li:nth-of-type(3)::after{display:none;}
	.exc_list2{justify-content:space-evenly;}
	.tablinks2.active::before{display:none;}
}

.tablinks2{position:relative;}
.tablinks2.active::before{position:absolute; content:""; width:107%; height:2px; background:#5243e3; bottom:-7px; left:-4px;}
.tablinks2.active{color:#5243e3;}

.ex_img_w{float:left;}
.ex_img_w img{padding-right:29px; width:100%;}

@media (max-width:498px){
	.ex_img_w img{padding-right:0px;}
}

/*covid*/
.covid_img_w{padding:20px}
.covid_img_w img{max-width:51%;}

@media (max-width:810px){
	.covid_img_w img{max-width:100%;}
}

/*cfv*/
.sub01-2 {position: relative;}
.sub01-2 .txt,
.sub01-profile_1 .txt {padding: 32px 63px 0 0; position: relative; height: 100%; max-width: 683px; width: 53%; background: #fff;}
.sub01-2 .txt p {padding-bottom: 80px;}
.sub01-2 .txt:before {content: ""; position: absolute; top: 0; left: 0; width: 88%; background: #19283b; height: 5px; max-width: 665px; }
.sub01-2 .txt h1 {font-size: 2.5rem; font-weight: 600; color: #000;}
.sub01-2 .txt b {display: block; color: #000; font-size: 1.5rem; margin-top: 10px; font-weight: 400; margin-bottom: 46px;}
.sub01-2 .txt div{word-break: keep-all;}

.sub01-2 + .more-cont{padding: 0; margin-top: 30px; transition: none; overflow: hidden;}
.sub01-2 + .more-cont .txt{float: left; width: 44%; margin-right: 48px; text-align: justify; line-height: 1.9; padding: 0;}
.sub01-2 + .more-cont .txt + .txt{margin-right: 0; width: 52%;}
.colingBox .sub01-2 .txt{width: 60%; max-width: 700px;}

.timeline_w{display:flex; justify-content:space-evenly;}
@media (max-width:598px){
	.timeline_w{display:block;}
	.timeline_w >div:nth-of-type(2){margin-top:30px;}
}
.timeline_img_w{text-align:center;}
.day_time{text-align:center; margin-top:15px;}
.day_time p{text-align:center !important;}
.day_time p:first-of-type{font-size:1.2rem; font-weight:600;}

/*accordion*/
.accordion{border:none; padding:5px 10px}
div.panel1{max-height:0; overflow:hidden; transition:max-height 0.2s ease-out;}
.dott{border-top:1px dotted #ccc;}
.dec{background:#fff; color:#544e8f; padding:0;}

/*ex_info*/
.flex_g9{display:flex; gap:19px;}
@media (max-width:978px){
	.flex_g9{display:block; gap:0;}
	.booth_layout img{width:100%;}
}