@charset "UTF-8"; /* common */ @media all and (min-width:769px){ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide, .swiper-wrapper{height:100% !important;} } .swiper-pagination{display:inline-block; position:relative; text-align:center;} .swiper-pagination-bullet{display:inline-block; position:relative; width:12px; height:12px; margin:0 4px; background:#d4d4d4; border:none; border-radius:2px; opacity:1; vertical-align:middle; transition:0.3s;} .swiper-pagination-bullet:focus, .swiper-pagination-bullet:hover{opacity:.8;} .swiper-pagination-bullet-active{background:#ec9c1f; opacity:1;} .swiper-pagination-bullet-active:focus, .swiper-pagination-bullet-active:hover{} .swiper-button-next, .swiper-button-prev{display:inline-block; position:absolute; width:40px; height:40px; top:50%; left:auto; right:auto; margin:0; margin-top:-20px; padding:0; border-radius:50%; transition:.2s;} .swiper-button-prev{background:#f1f4fc url('../images/ico_arrow_left.png') no-repeat left 44% center / 25%;} .swiper-button-next{background:#f1f4fc url('../images/ico_arrow_right.png') no-repeat right 44% center / 25%;} .swiper-button-prev:focus, .swiper-button-prev:hover{} .swiper-button-next:focus, .swiper-button-next:hover{} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{background-position:center bottom !important; opacity:1;} /* visual */ #mainVisual{position:relative; width:100%; min-width:1200px; height:476px; margin:0 auto; background:#000; overflow:hidden;} #mainVisual:after{content:''; clear:both; display:block;} #mainVisual .inner{/*width:100%; */height:100%; padding:0;} #mainVisual .swiper-container{width:100%; height:100%; overflow:hidden;} #mainVisual .swiper-container .bg01{background:#f7f7f7 url('../images/main/main_visual_01.jpg') no-repeat right center / cover;} #mainVisual .swiper-container .bg02{background:#f7f7f7 url('../images/main/main_visual_02.jpg') no-repeat right center / cover;} #mainVisual .swiper-container .bg03{background:#f7f7f7 url('../images/main/main_visual_03.jpg') no-repeat right center / cover;} #mainVisual .swiper-container .bg04{background:#f7f7f7 url('../images/main/main_visual_04.jpg') no-repeat center / cover;} #mainVisual .swiper-container .bg05{background:#f7f7f7 url('../images/main/main_visual_05.jpg') no-repeat center / cover;} #mainVisual .swiper-container .bg06{background:#f7f7f7 url('../images/main/main_visual_06.jpg') no-repeat center / cover;} #mainVisual .swiper-container .bg231012_01{background:#f7f7f7 url('../images/main/main_visual_231012_01.jpg?ver=231012') no-repeat center / cover;} #mainVisual .swiper-container .bg231012_02{background:#f7f7f7 url('../images/main/main_visual_231012_02.jpg?ver=231012') no-repeat center / cover;} #mainVisual .swiper-container .bg231012_03{background:#f7f7f7 url('../images/main/main_visual_231012_03.jpg?ver=231014') no-repeat center / cover;} #mainVisual .swiper-container .txtW{display:inline-block; position:absolute; width:39.52%; max-width:490px; top:50%; left:2vw; transform:translateY(-50%); z-index:2;/* cursor:default;*/} #mainVisual .swiper-slide-active .txtW.fade-in-right-visual{-webkit-animation:fade-in-right-visual .8s ease-in-out .2s both; animation:fade-in-right-visual .8s ease-in-out .2s both; -webkit-animation-delay:0s; animation-delay:0s;} #mainVisual .swiper-container .txtW img{width:100%; max-width:490px;} /* contents */ #mainContents{clear:both; position:relative; width:100%; min-width:1224px; margin:0 auto; padding:0; background:transparent; z-index:1;} #mainContents .conTitle{} #mainContents .conTitle h4{margin:0 auto 1.2em; font-size:1.25em; font-weight:700;} #mainContents .layoutLeft{width:49.19%;} #mainContents .layoutRight{width:40.81%;} #mainContents .board, #mainContents .banner{position:relative;} #mainContents .banner ul.links{} #mainContents .banner ul.links li{display:inline-block;} #mainContents .banner ul.links li a{display:block;} #mainContents .banner ul.links li a img{width:100%;} #mainContents .banner ul.links li a:focus, #mainContents .banner ul.links li a:hover{opacity:.6;} #mainContents .area01, #mainContents .area02, #mainContents .area03{clear:both; position:relative; width:100%; padding:5em 0; overflow:hidden;} #mainContents .board.speakers{} #mainContents .board.speakers .swiper-main-speakers{position:relative; padding:1.75em; background:#f1f4fc; border-radius:12px;} #mainContents .board.speakers .swiper-main-speakers:after{content:''; display:block; position:absolute; width:100%; height:100%; top:0; right:0em; border:1px solid #f1f4fc; box-sizing:border-box; z-index:1;} #mainContents .board.speakers .swiper-main-speakers ul{} #mainContents .board.speakers .swiper-main-speakers ul li{margin-right:1.75em;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW{display:flex; position:relative; align-items:center; width:100%; margin:0 auto 1.75em;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW:last-child{margin:0 auto;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .picW{width:23.83%; background:#dfe4ea; border-radius:8px; overflow:hidden;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .picW img{width:100%; max-width:132px;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .txtW{width:76.17%; padding:0 0 0 1.75em;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .txtW p{width:100%; line-height:1; word-wrap:break-word; word-break:keep-all;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .txtW p.ti{display:-webkit-box; line-height:1.6; margin:0 auto 2em; font-size:1.063em; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .txtW p.name{margin:0 auto 1em; font-weight:700;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .txtW p.info{font-size:.938em;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW.speakers01{} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW.speakers02{} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW.speakers03{} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW.speakers04{} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW.speakers05{} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW.speakers06{} #mainContents .board.speakers .bgBox{} #mainContents .board.speakers .bgBox .inner{width:100%; height:100%;} #mainContents .board.speakers .bgBox .control{position:absolute; width:100%; bottom:50%;} #mainContents .board.speakers .bgBox .control .swiper-button-prev, #mainContents .board.speakers .bgBox .control .swiper-button-next{display:inline-block; margin-top:0;} #mainContents .board.speakers .bgBox .control .swiper-button-prev{left:-20px;} #mainContents .board.speakers .bgBox .control .swiper-button-next{right:-20px;} #mainContents .board.speakers .bgBox .pager{display:inline-block; position:absolute; width:100%; line-height:0; top:0; right:0; text-align:right;} #mainContents .board.links{} #mainContents .board.links ul{display:flex; flex-wrap:wrap; gap:1.5em; padding:1.75em; background:#f7fcf1; border-radius:12px;} #mainContents .board.links ul li{flex:1 1 calc(50% - .75em);} #mainContents .board.links ul li a{display:block; height:86px; padding:1.75em; background:#555; border-radius:8px; box-shadow:2px 2px 8px rgba(44,7,7,.1); color:#fff; font-size:1.25em; font-weight:700; text-transform:uppercase;} #mainContents .board.links ul li a span{} #mainContents .board.links ul li.links01 a{background:#75cedf;} #mainContents .board.links ul li.links02 a{background:#ec9c1f;} #mainContents .board.links ul li.links03 a{background:#14ad91;} #mainContents .board.links ul li.links04 a{background:#bcc143;} #mainContents .board.links ul li a:focus, #mainContents .board.links ul li a:hover{background:#fff; color:#222;} #mainContents .board.links ul li.links01 a:focus, #mainContents .board.links ul li.links01 a:hover{color:#75cedf;} #mainContents .board.links ul li.links02 a:focus, #mainContents .board.links ul li.links02 a:hover{color:#ec9c1f;} #mainContents .board.links ul li.links03 a:focus, #mainContents .board.links ul li.links03 a:hover{color:#14ad91;} #mainContents .board.links ul li.links04 a:focus, #mainContents .board.links ul li.links04 a:hover{color:#bcc143;} #mainContents .deadlines{margin:0 auto 5em;} #mainContents .deadlines ul{display:flex; justify-content:space-between; gap:1.25em;} #mainContents .deadlines ul li{flex:1 1 100%; padding:1.5em 0; background:#fff; border:3px solid #d4d4d4; border-radius:12px; text-align:center; transition:.3s;} #mainContents .deadlines ul li i.ico{width:61px; height:58px; margin:0 auto .4em;} #mainContents .deadlines ul li p{word-break:keep-all;} #mainContents .deadlines ul li p.ti{line-height:1.4; font-weight:500;} #mainContents .deadlines ul li p.ti:after{content:''; display:block; width:3em; height:1px; margin:.8em auto; background:#222;} #mainContents .deadlines ul li p.date{font-size:.938em;} #mainContents .deadlines ul li.deadlines01{border-color:#738fe1;} #mainContents .deadlines ul li.deadlines01 i.ico.deadlines01{background:url('../images/main/ico_deadlines_01.png') no-repeat center / cover;} #mainContents .deadlines ul li.deadlines01 p.ti:after{background:#21409a;} #mainContents .deadlines ul li.deadlines02{border-color:#f4c67d;} #mainContents .deadlines ul li.deadlines02 i.ico.deadlines02{background:url('../images/main/ico_deadlines_02.png') no-repeat center / cover;} #mainContents .deadlines ul li.deadlines02 p.ti:after{background:#ec9c1f;} #mainContents .deadlines ul li.deadlines03{border-color:#eb7a7a;} #mainContents .deadlines ul li.deadlines03 i.ico.deadlines03{background:url('../images/main/ico_deadlines_03.png') no-repeat center / cover;} #mainContents .deadlines ul li.deadlines03 p.ti:after{background:#c6262c;} #mainContents .deadlines ul li:hover{box-shadow:2px 2px 8px rgba(0,0,0,.1); transform:translateY(-4px);} #mainContents .board.notice{} #mainContents .board.notice ul.list{} #mainContents .board.notice ul.list li{margin:0 auto 1em;} #mainContents .board.notice ul.list li:last-child{margin:0 auto;} #mainContents .board.notice ul.list li a{} #mainContents .board.notice ul.list li a{display:inline-block; width:100%;} #mainContents .board.notice ul.list li a p.listTitle{position:relative; float:left; width:62.4%; font-weight:500; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:.3s;} #mainContents .board.notice ul.list li a span.listDate{float:right; color:#6e6e6e; text-align:right; transition:.3s;} #mainContents .board.notice ul.list li a:focus p.listTitle, #mainContents .board.notice ul.list li a:hover p.listTitle{color:#21409a;} #mainContents .board.notice ul.list li a:focus span.listDate, #mainContents .board.notice ul.list li a:hover span.listDate{color:#222;} #mainContents .board.notice a.btn.more{display:block; position:absolute; width:40px; height:40px; top:-12px; right:-12px; border-radius:50%;} #mainContents .board.notice a.btn.more span{display:block; position:relative; width:16px; height:2px; top:50%; margin:-1px auto 0; background:transparent; border-radius:2px; font-size:0; transition:.3s;} #mainContents .board.notice a.btn.more span:before, #mainContents .board.notice a.btn.more span:after{content:''; display:block; position:absolute; width:16px; height:2px; background:#ec9c1f; transition:.3s;} #mainContents .board.notice a.btn.more span:after{transform:rotate(90deg);} #mainContents .board.notice a.btn.more:focus, #mainContents .board.notice a.btn.more:hover{transform:rotate(180deg);} #mainContents .newsletter{clear:both;} #mainContents .newsletter form{} #mainContents .newsletter form .subscribeW{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; gap:1.5em; padding:1.5em 1.75em; background:#f1f4fc; border-radius:12px;} #mainContents .newsletter form .subscribeW .inputW{flex:5;} #mainContents .newsletter form .subscribeW .inputW ul{display:flex; flex-wrap:wrap; justify-content:space-between; gap:.25em 1.5em; margin:0 auto .75em; font-size:.938em;} #mainContents .newsletter form .subscribeW .inputW ul li{display:inline-block; flex:1 1 calc(50% - 1.5em);} #mainContents .newsletter form .subscribeW .inputW ul li:last-child{margin:0 auto;} #mainContents .newsletter form .subscribeW .inputW ul li p.ti{display:inline-block; width:100px; line-height:1; margin:0 auto; font-weight:500;} #mainContents .newsletter form .subscribeW .inputW ul li input[type="text"], #mainContents .newsletter form .subscribeW .inputW ul li input[type="email"]{display:inline-block; width:calc(100% - 106px); padding:.8em; border:1px solid #d4d4d4; border-radius:2px;} #mainContents .newsletter form .subscribeW .inputW .btn_agree{margin:0;} #mainContents .newsletter form .subscribeW .inputW .btn_agree label.btn.select{position:relative; padding-left:22px;} #mainContents .newsletter form .subscribeW .inputW .btn_agree label.btn.select input.pick ~ span.checkmark{position:absolute; top:0; left:0;} #mainContents .newsletter form .subscribeW .inputW .btn_agree label.btn.select input.pick ~ span.txt{line-height:1.4; margin:0; padding:0; font-size:.813em;} #mainContents .newsletter form .subscribeW .btn_confirm{flex:1; text-align:center;} #mainContents .newsletter form .subscribeW .btn_confirm button.btn_submit{display:inline-block; width:100%; height:100%; padding:.6em 1em; background:#21409a; border-radius:8px; color:#fff; font-size:.938em; font-weight:500; cursor:pointer;} #mainContents .newsletter form .subscribeW .btn_confirm button.btn_submit span{} #mainContents .newsletter form .subscribeW .btn_confirm button.btn_submit:focus, #mainContents .newsletter form .subscribeW .btn_confirm button.btn_submit:hover{background:#2a51c4;} #mainContents .area02{padding-top:0 !important; background:url('../images/main/bg_main_jeju_01.jpg') no-repeat center top / cover, linear-gradient(180deg, #fff 0, #f1f4fC 40%, #fcefdb 100%); border-radius:0 0 50% 50% / 0 0 60px 60px;;} #mainContents .downcenter{} #mainContents .downcenter ul{display:flex; flex-wrap:wrap; gap:1.125em; position:relative; padding:1.75em; background:#fcefdb; border-radius:12px; box-shadow:4px 4px 20px rgba(236,156,31,.1);} #mainContents .downcenter ul li{position:relative; flex:1 1 calc(50% - 1.125em);} #mainContents .downcenter ul li a{display:inline-block; width:100%; padding:1.25em 1.5em; background:#fff; border-radius:12px; font-weight:500;} #mainContents .downcenter ul li a span{} #mainContents .downcenter ul li a i.ico.download{position:absolute; width:16px; height:16px; right:1.5em; background:url('../images/ico_download.png') no-repeat center top 0 / 100%; transition:.3s;} #mainContents .downcenter ul li a:focus, #mainContents .downcenter ul li a:hover{background:#ec9c1f; box-shadow:2px 2px 8px rgba(58,37,5,.2); color:#fff;} #mainContents .downcenter ul li a:focus i.ico.download, #mainContents .downcenter ul li a:hover i.ico.download{background-position:center top 100%;} #mainContents .banner.video{} #mainContents .banner.video a{display:flex; justify-content:space-between; align-items:stretch; width:100%; max-height:230px; padding:1.75em; background:#21409a; border-radius:12px; box-shadow:4px 4px 20px rgba(33,64,154,.1);} #mainContents .banner.video a .txtW{width:36%;/* padding:0 1.75em 0 0;*/} #mainContents .banner.video a .txtW p{line-height:1; color:#fff; font-size:1.125em; font-weight:700; word-break:keep-all;} #mainContents .banner.video a .txtW p strong{display:block; line-height:1.2; margin-top:.2em; padding:0 1.75em 0 0; font-size:1.5556em;} #mainContents .banner.video a .txtW p.mini{color:#c7d2f3; font-size:.938em; font-weight:500;} #mainContents .banner.video a .txtW i.ico.sns.youtube{width:30px; height:22px; margin:1em auto 1.125em; background:url('../images/main/ico_sns_youtube.png') no-repeat center / 100%;} #mainContents .banner.video a .imgW{position:relative; width:64%; border-radius:8px; overflow:hidden;} #mainContents .banner.video a .imgW img{position:relative; width:100%; top:50%; border-radius:8px; transform:translateY(-50%);} #mainContents .banner.video a:hover, #mainContents .banner.video a:focus{} #mainContents .bannerW{display:flex; justify-content:space-between; margin:0 auto 3.25em;} #mainContents .bannerW .banner.hosted{} #mainContents .bannerW .banner.hosted ul.links li a img{max-width:240px;} #mainContents .bannerW .banner.oraganized{} #mainContents .bannerW .banner.oraganized ul.links li a img{max-width:95px;} #mainContents .bannerW .banner.supported{} #mainContents .bannerW .banner.supported ul.links{display:flex; gap:3.2em;} #mainContents .bannerW .banner.supported ul.links li{} #mainContents .bannerW .banner.supported ul.links li:nth-child(1) a img{max-width:151px;} #mainContents .bannerW .banner.supported ul.links li:nth-child(2) a img{max-width:126px;} #mainContents .bannerW .banner.supported ul.links li:nth-child(3) a img{max-width:98px;} #mainContents .bannerW .banner.supported ul.links li:nth-child(4) a img{max-width:128px;} #mainContents .banner.sponsored{display:flex; align-items:center;} #mainContents .banner.sponsored .conTitle{display:inline-block; width:15.32%; vertical-align:middle;} #mainContents .banner.sponsored .conTitle h4{margin:0;} #mainContents .banner.sponsored .sponsoredW{position:relative; width:84.68%;} #mainContents .banner.sponsored .sponsoredW .swiper-main-sponsored{width:87.5%; margin:0 auto;} #mainContents .banner.sponsored .sponsoredW .swiper-main-sponsored ul li{} #mainContents .banner.sponsored .sponsoredW .swiper-main-sponsored ul li a{display:block; border:1px solid #d4d4d4; border-radius:8px; overflow:hidden;} #mainContents .banner.sponsored .sponsoredW .swiper-main-sponsored ul li a img{width:100%; border-radius:8px;} #mainContents .banner.sponsored .sponsoredW .swiper-main-sponsored ul li a:focus, #mainContents .banner.sponsored .sponsoredW .swiper-main-sponsored ul li a:hover{border-color:#a1a1a1;} #mainContents .banner.sponsored .sponsoredW .bgBox{} #mainContents .banner.sponsored .sponsoredW .bgBox .inner{width:100%; height:100%;} #mainContents .banner.sponsored .sponsoredW .bgBox .control{position:absolute; width:100%; height:100%; top:0;} #mainContents .banner.sponsored .sponsoredW .bgBox .control .swiper-button-prev, #mainContents .banner.sponsored .sponsoredW .bgBox .control .swiper-button-next{display:inline-block; top:50%; margin-top:-20px;} #mainContents .banner.sponsored .sponsoredW .bgBox .control .swiper-button-prev{left:0;} #mainContents .banner.sponsored .sponsoredW .bgBox .control .swiper-button-next{right:0;} @media all and (min-width:1400px){ #mainVisual .swiper-container .bg01{background-position:right 44% center;} #mainVisual .swiper-container .bg02{background-position:right 44% center;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .picW{width:132px;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .txtW{width:calc(100% - 132px);} } @media all and (max-width:1399px){ #mainVisual .swiper-container .bg01{background-position:right 48% center;} #mainVisual .swiper-container .bg02{background-position:right 48% center;} } @media all and (max-width:1279px){ #mainVisual{min-width:960px; height:380px;} #mainContents{min-width:960px;} #mainContents .conTitle h4{font-size:1.125em;} #mainContents .layoutLeft{width:48%;} #mainContents .layoutRight{width:44%;} #mainContents .area01, #mainContents .area02, #mainContents .area03{padding:3.6em 0;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .txtW p.ti{margin:0 auto 1.2em; font-size:1em;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .txtW p.name{margin:0 auto .8em; font-size:.938em;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .txtW p.info{font-size:.875em;} #mainContents .board.links ul li a{height:70px; line-height:70px; padding:0 1.75em; font-size:1.125em;} #mainContents .deadlines{margin:0 auto 3.6em;} #mainContents .deadlines ul{gap:.4em;} #mainContents .deadlines ul li{padding:1.2em;} #mainContents .deadlines ul li i.ico{width:50px; height:48px;} #mainContents .deadlines ul li p.ti{font-size:.938em;} #mainContents .deadlines ul li p.ti:after{margin:.6em auto .8em;} #mainContents .deadlines ul li p.date{font-size:.875em;} #mainContents .board.notice ul.list li{margin:0 auto .8em;} #mainContents .board.notice ul.list li a p.listTitle{font-size:.938em;} #mainContents .board.notice ul.list li a span.listDate{font-size:.938em;} #mainContents .newsletter form .subscribeW ul{font-size:.875em;} #mainContents .newsletter form .subscribeW ul li p.ti{width:88px;} #mainContents .newsletter form .subscribeW ul li input[type="text"], #mainContents .newsletter form .subscribeW ul li input[type="email"]{width:calc(100% - 92px);} #mainContents .newsletter form .subscribeW .btn_confirm button.btn_submit{font-size:.875em;} #mainContents .downcenter ul li a{padding:1.25em 1.375em;} #mainContents .downcenter ul li a i.ico.download{right:1.375em;} #mainContents .banner.video a .txtW{width:40%; padding:.3em 0;} #mainContents .banner.video a .txtW p.mini{font-size:.875em;} #mainContents .banner.video a .imgW{width:60%;} #mainContents .banner.video a .imgW img{width:auto; height:100%; left:50%; transform:translate(-50%,-50%);} #mainContents .bannerW{gap:3.2em;} #mainContents .bannerW .banner.oraganized{flex:1 1 16%;} #mainContents .bannerW .banner.supported ul.links{gap:1.6em;} } @media all and (max-width:1023px){ #mainVisual{min-width:100%; height:320px;} #mainVisual .swiper-container .txtW{width:auto; height:76%; left:20px;} #mainVisual .swiper-container .txtW img{width:auto; height:100%;} #mainVisual .swiper-container .bg01{background-position:right center;} #mainVisual .swiper-container .bg01 .inner{background:linear-gradient(90deg, rgba(39,120,177,1) 42%, rgba(39,120,177,0) 60%);} #mainVisual .swiper-container .bg02{background-position:right center;} #mainVisual .swiper-container .bg02 .inner{background:linear-gradient(90deg, rgba(146,92,166,1) 42%, rgba(146,92,166,0) 60%);} #mainVisual .swiper-container .bg03 .inner{background:linear-gradient(90deg, rgba(40,92,160,1) 42%, rgba(40,92,160,0) 60%);} #mainVisual .swiper-container .bg04{background-position:right 72% center;} #mainVisual .swiper-container .bg04 .inner{background:linear-gradient(112deg, rgba(33,64,154,.3) 20%, rgba(33,64,154,0) 80%);} #mainVisual .swiper-container .bg05{background-position:right 53% center;} #mainVisual .swiper-container .bg05 .inner{background:linear-gradient(135deg, rgba(221,112,124,.3) 20%, rgba(221,112,124,0) 80%);} #mainVisual .swiper-container .bg06{background-position:right 42% center;} #mainVisual .swiper-container .bg06 .inner{background:linear-gradient(100deg, rgba(0,57,151,.3) 20%, rgba(0,57,151,.1) 88%);} #mainVisual .swiper-container .bg231012_01{background-position:right 42% center;} /* #mainVisual .swiper-container .bg231012_01 .inner{background:linear-gradient(100deg, rgba(0,0,0,.3) 20%, rgba(0,57,0,.1) 88%);} */ #mainVisual .swiper-container .bg231012_02{background-position:right 50% center;} /* #mainVisual .swiper-container .bg231012_02 .inner{background:linear-gradient(100deg, rgba(0,0,0,.3) 20%, rgba(0,57,0,.1) 88%);} */ #mainVisual .swiper-container .bg231012_03{background-position:left 30% center;} /* #mainVisual .swiper-container .bg231012_03 .inner{background:linear-gradient(100deg, rgba(0,0,0,.3) 20%, rgba(0,57,0,.1) 88%);} */ #mainContents{min-width:100%;} #mainContents .layoutLeft, #mainContents .layoutRight{width:100%;} #mainContents .area01, #mainContents .area02, #mainContents .area03{padding:2.4em 0;} #mainContents .board.speakers{margin:0 auto 2.4em;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .picW{width:132px;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .txtW{width:calc(100% - 132px);} #mainContents .board.links{margin:0 auto 2.4em;} #mainContents .board.links ul{gap:1.125em;} #mainContents .board.links ul li a{height:auto; line-height:1; padding:1.25em 1.375em;} #mainContents .deadlines{margin:0 auto 2.4em;} #mainContents .newsletter form .subscribeW{padding:1.2em; gap:.6em;} #mainContents .newsletter form .subscribeW ul, #mainContents .newsletter form .subscribeW .btn_confirm{flex:1 1 100%;} #mainContents .newsletter form .subscribeW ul li p.ti{width:80px;} #mainContents .newsletter form .subscribeW ul li input[type="text"], #mainContents .newsletter form .subscribeW ul li input[type="email"]{width:calc(100% - 84px);} #mainContents .newsletter form .subscribeW .btn_agree{margin:0 0 .5em;} #mainContents .area02{border-radius:0 0 50% 50% / 0 0 1.2em 1.2em;} #mainContents .downcenter{margin:0 auto 2.4em;} #mainContents .banner.video a .txtW{padding:1.2em 0;} #mainContents .banner.video a .imgW img{width:100%; height:auto; left:0; transform:translateY(-50%);} #mainContents .bannerW{flex-wrap:wrap; gap:2.4em; margin:0 auto 2.4em;} #mainContents .bannerW .banner.hosted{flex:1;} #mainContents .bannerW .banner.oraganized{flex:1;} #mainContents .bannerW .banner.supported{flex:1 1 100%;} #mainContents .bannerW .banner.supported ul.links{justify-content:space-between;} #mainContents .banner.sponsored{display:block;} #mainContents .banner.sponsored .conTitle{width:100%;} #mainContents .banner.sponsored .conTitle h4{margin:0 auto 1.2em;} #mainContents .banner.sponsored .sponsoredW{width:100%;} } @media all and (max-width:768px){ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height:auto;} #mainVisual{} #mainVisual .swiper-container .bg01{background-position:right 34% center;} #mainVisual .swiper-container .bg01 .inner{background:linear-gradient(90deg, rgba(39,120,177,1) 48%, rgba(39,120,177,0) 100%);} #mainVisual .swiper-container .bg02{background-position:right 34% center;} #mainVisual .swiper-container .bg02 .inner{background:linear-gradient(90deg, rgba(146,92,166,1) 48%, rgba(146,92,166,0) 100%);} #mainVisual .swiper-container .bg03 .inner{background:linear-gradient(90deg, rgba(40,92,160,1) 48%, rgba(40,92,160,0) 100%);} #mainContents .board.speakers .swiper-main-speakers{padding:1.2em;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW{margin:0 auto 1.2em;} #mainContents .board.links ul{gap:.6em; padding:1.2em;} #mainContents .board.links ul li a{font-size:.875em;} #mainContents .newsletter form .subscribeW .inputW ul{margin:0 auto .5em;} #mainContents .downcenter ul{gap:.6em; padding:1.2em;} #mainContents .downcenter ul li a{font-size:.875em;} #mainContents .banner.video a{padding:1.4em;} #mainContents .banner.video a .txtW{width:34%; padding:0; font-size:.938em;} #mainContents .banner.video a .txtW p strong{font-size:1.5em;} #mainContents .banner.video a .txtW p.mini{font-size:.813em;} #mainContents .banner.video a .imgW{width:66%;} #mainContents .banner.sponsored .sponsoredW .swiper-main-sponsored{width:80%;} #mainContents .banner.sponsored .sponsoredW .bgBox .control .swiper-button-prev{left:-4px;} #mainContents .banner.sponsored .sponsoredW .bgBox .control .swiper-button-next{right:-4px;} } @media all and (max-width:580px){ #mainContents .newsletter form .subscribeW .inputW ul li{flex:1 1 100%;} } @media all and (max-width:480px){ #mainVisual{height:222px;} #mainVisual .swiper-container .txtW{/*width:88%; height:auto; */left:6%;} /*#mainVisual .swiper-container .txtW img{width:100%; height:auto;}*/ #mainContents .board.speakers .swiper-main-speakers ul li .speakersW{align-items:flex-start;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .picW{width:28%;} #mainContents .board.speakers .swiper-main-speakers ul li .speakersW .txtW{width:72%; padding:0 0 0 1.2em;} #mainContents .board.links ul{gap:.4em;} #mainContents .board.links ul li{flex:1 1 100%;} #mainContents .deadlines ul{flex-wrap:wrap;} #mainContents .newsletter form .subscribeW .inputW ul li p.ti{width:76px; font-size:.875em;} #mainContents .newsletter form .subscribeW .inputW ul li input[type="text"], #mainContents .newsletter form .subscribeW .inputW ul li input[type="email"]{width:calc(100% - 80px);} #mainContents .downcenter ul{gap:.4em;} #mainContents .downcenter ul li{flex:1 1 100%;} #mainContents .banner.video a{flex-wrap:wrap; max-height:inherit;} #mainContents .banner.video a .txtW{width:100%;} #mainContents .banner.video a .txtW i.ico.sns.youtube{width:26px; height:19px; margin:1em .4em 1.125em auto; vertical-align:middle;} #mainContents .banner.video a .txtW p.mini{display:inline-block; font-size:.875em; vertical-align:middle;} #mainContents .banner.video a .imgW{width:100%;} #mainContents .bannerW .banner.hosted{flex:1 1 100%;} #mainContents .bannerW .banner.oraganized{flex:1 1 100%;} #mainContents .bannerW .banner.supported ul.links{flex-wrap:wrap;} #mainContents .bannerW .banner.supported ul.links li{flex:1 1 calc(50% - 1.6em); text-align:center;} #mainContents .banner.sponsored .sponsoredW .swiper-main-sponsored{width:78%;} #mainContents .banner.sponsored .sponsoredW .bgBox .control .swiper-button-prev{left:-12px;} #mainContents .banner.sponsored .sponsoredW .bgBox .control .swiper-button-next{right:-12px;} } @media all and (max-width:374px){ } /* ie hack */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:768px){ }