/*NanumSquare : 300, 400, 700, 800*/ /* Skip Navigation */ #skip_to_container a {z-index: 100000;position: absolute;top: 0;left: 0;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;} #skip_to_container:hover,#skip_to_container:active,#skip_to_container:focus{width:100%; height:auto; margin:0; padding:5px 0; font-weight:400; font-size:12px; line-height:1; color:#202020; text-decoration:none !important; text-indent:10px} /* All Style 시작 { */ a:link, a:visited{text-decoration:none} a:hover{text-decoration:none} input[type=text],input[type=email],input[type=tel],input[type=submit],input[type=password],input[type=image],input[type=button],textarea,select{ -webkit-border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;} select::-ms-expand {display:none} input[type=radio],input[type=checkbox]{-webkit-border-radius:0; -webkit-appearance:none; display:none} img,video,audio,object,embed,iframe{max-width:100%;} /*:lang(zh), zh{font-family: 'Kanit', sans-serif;}*/ body,th,td,input,select,button,textarea{font-style:normal; font-weight:normal; font-weight:400; font-size:12px; font-family: 'Poppins', 'Noto Sans Korean', 'Malgun Gothic', 'Dotum', sans-serif !important; color:#000; line-height:1.2; letter-spacing:-0.05em; /*-webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } table{width:100%; /*border-collapse:collapse;*/ table-layout:fixed;} figure{margin:0;padding:0;font-size:0;line-height:0;} br{font-family:'Dotum', sans-serif !important;} #header, #header #nav, #header #nav > ul > li > a > span:before, #header #nav > ul > li > ul li a:before, #container .btn-wrap *, #container > .layoutPopup, #container > .resultPopup, article.stepG, article.stepG > .inConts ul.tab-wrap > li, #summaryPopup, #container.contact .contact-wrap .payment-method > div a {-webkit-transition: .45s; transition: .45s;} #container.mypage > .mypage-pwchange-wrap #modalPopupLayer {-webkit-transition: .25s; transition: .25s;} /* 텍스트 테스트 */ .clear{clear:both;} .infit{font-size:0;letter-spacing:0;word-spacing:0;} *, :before, :after {box-sizing:border-box;word-break:keep-all;} .pVer {display:block !important;} .mVer {display:none !important;} /* } All Style 끝 */ /* Layer Style 시작 { */ body > iframe {position:absolute;} .en {font-family:'Varela Round', sans-serif;font-weight:600;} .wordbreak-all {word-break:break-all;} .inConts {max-width:800px;margin:0 auto;} /* animation */ @keyframes reveal { 0%{-webkit-mask-position: 100%;opacity: 0;} 100%{-webkit-mask-position:0;opacity: 1;} } @keyframes opacity { 0%{opacity: 0;} 100%{opacity: 1;} } @keyframes contactstep { 0%{color:#000;padding-bottom:20px;background-color:#CCE0DA;} 100%{color:#fff;padding-bottom:50px;background-color:#148563;} } @keyframes contactstepMobile { 0%{color:#000;width:calc(100% - 30px);background-color:#CCE0DA;} 100%{color:#fff;width:100%;background-color:#148563;} } /* } Layer Style 끝 */ /* HEADER & FOOTER 시작 { */ /* HEADER */ #header {position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:5;} #header .inConts {display:flex;justify-content:space-between;align-items:center;padding:20px 0;} #header .inConts > div.left {display:flex;align-items:center;} #header .inConts > div.left > a.BI > img.white {display:none;} #header .inConts > div.left > figure {margin-left:30px;} #header .inConts > div.right > div:first-child {display:flex;align-items:center;} #header .inConts > div.right > div:first-child .dDay {color:#148563;font-size:36px;font-weight:700;} #header .inConts > div.right > div:first-child figure {margin-left:30px;} #header .inConts > div.right > div:first-child a.btn-menu {display:none;} #header .inConts > div.right > div:last-child {text-align:right;margin-top:10px;} #header .inConts > div.right > div:last-child > a {color:#f4c000;font-size:16px;} #header .inConts > div.right > div:last-child > a + a:before {content:"";display:inline-block;width:4px;height:4px;background-color:#d8e1e2;border-radius:50%;vertical-align:middle;margin:0 10px;} #header .topTickerNotice {background-color:#BB4942;} #header .topTickerNotice .wrap {max-width:800px;width:100%;height:50px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;} #header .topTickerNotice .wrap .list {color:#fff;font-size:20px;font-weight:300;display:flex;} #header .topTickerNotice .wrap .list strong {font-weight:450;margin-right:5px;} #header .topTickerNotice .wrap a {color:#fff;} #header .topTickerNotice .wrap a.more {color:#fff;font-size:16px;font-weight:500;text-decoration:underline;} body:not(.main) #header .topTickerNotice {display:none;} #header #nav {position:relative;display:flex;justify-content:center;align-items:center;background-color:#148563;padding-bottom:0;/*overflow:hidden;*/} #header #nav.active {/*padding-bottom:50px;*/} #header #nav:before {content:"";position:absolute;top:0;left:0;width:100%;height:50px;background:linear-gradient(#148463, #095941);} #header #nav .member {display:none;} #header #nav > ul {position:relative;display:flex;justify-content:space-between;align-items:center;max-width:800px;width:100%;height:50px;} #header #nav > ul > li {position:relative;} #header #nav > ul > li > a {color:#fff;font-size:16px;font-weight:600;line-height:50px;} #header #nav > ul > li > a > span {position:relative;} #header #nav > ul > li > a > span:before {content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:0;height:1px;background-color:rgba(244,192,0,0.75);} #header #nav > ul > li.active > a {color:#f4c000;} #header #nav > ul > li.active > a > span:before {width:100%;} #header #nav > ul > li > ul {display:none;position:absolute;top:100%;left:-30px;background-color:#148563;padding:10px 0 15px;/*transform:translate(0,110%);display:flex;justify-content:center;align-items:center;*/} #header #nav > ul > li > ul li {padding:10px 30px;} #header #nav > ul > li > ul li a {position:relative;color:#fff;font-size:16px;font-weight:400;white-space:nowrap;} #header #nav > ul > li > ul li a:before {content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:0;height:1px;background-color:rgba(244,192,0,0.75);} #header #nav > ul > li > ul li a:hover {color:#f4c000;} #header #nav > ul > li > ul li a:hover:before {width:100%;} #header #nav > ul > li > ul li + li {} /* FOOTER */ #footer {position:relative;width:100%;background-color:#fafafa;overflow:hidden;} #footer > .inConts {position:relative;width:800px;margin:0 auto;padding:80px 0;z-index:1;} #footer > .inConts:before {content:"";position:absolute;/*top:-180px;left:20px;*/top:-60px;left:-160px;width:208px;height:208px;border-radius:50%;border:50px solid rgba(255,255,255,1.0);z-index:-1;} #footer > .inConts:after {content:"";position:absolute;bottom:100px;right:-350px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(54,71,85,0.1);z-index:-1;} #footer > .inConts h1 {font-size:34px;font-weight:200;line-height:1.0;} #footer > .inConts h1 strong {font-size:37px;} #footer > .inConts .copy {font-size:9px;margin-top:20px;} #footer > .inConts .footer {display:flex;flex-wrap:wrap;margin-top:20px;} #footer > .inConts .footer div.left {width:45%;} #footer > .inConts .footer div.left p {font-size:14px;line-height:1.3;} #footer > .inConts .footer div.left a {display:inline-block;color:#148563;font-size:14px;margin-bottom:10px;text-decoration:underline;} #footer > .inConts .footer div.right {width:55%;margin-top:-30px;} #footer > .inConts .footer div.right p {display:block;} #footer > .inConts .footer div.right p.first {border-top:1px solid #c4c4c4;padding-top:15px;} #footer > .inConts .footer div.right p.address {margin-top:25px;} #footer > .inConts .footer div.right p span {display:block;font-size:12px;line-height:1.4;} #footer > .inConts .footer div.right p span a {color:#000;} #footer > .inConts .footer div.right figure {padding-top:20px;border-top:1px solid #c4c4c4;} #footer > .inConts .footer div.right .sns-totalview {margin-top:20px;display:flex;} #footer > .inConts .footer div.right .sns-totalview p {margin-bottom:10px;} #footer > .inConts .footer div.right .sns-totalview .sns {margin-right:30px;} #footer > .inConts .footer div.right .sns-totalview .sns > a {display:inline-block;width:28px;height:28px;margin-right:10px;} #footer > .inConts .footer div.right .sns-totalview .sns > a > img {width:100%;height:auto;} #footer > .inConts .footer div.right .sns-totalview .totalview {display:none;} #footer > .inConts .footer div.right .sns-totalview .totalview span.visit {display:inline-block;min-width:80px;border:1px solid #000;font-size:13px;line-height:1.0;padding:5px;} /* } HEADER & FOOTER 끝 */ /* MAIN 시작 { */ #container.cover {margin-top:50px;} /* STEP A */ article.stepA {position:relative;width:100%;height:900px;background-color:#fafafa;overflow:hidden;} article.stepA > figure { position:absolute; bottom:0; left:0; min-width:1200px; width:100%; height:100%; } article.stepA > figure { -webkit-animation: stepA-figure-move 1s 0s ease-in-out forwards; -moz-animation: stepA-figure-move 1s 0s ease-in-out forwards; animation: stepA-figure-move 1s 0s ease-in-out forwards; } @-moz-keyframes stepA-figure-move { to {height:100%;transform:translate(0,0) scale(1);opacity:1;} } @-webkit-keyframes stepA-figure-move { to {height:100%;transform:translate(0,0) scale(1);opacity:1;} } @keyframes stepA-figure-move { to {height:100%;transform:translate(0,0) scale(1);opacity:1;} } article.stepA > figure.bg1 { background:url('/ifla2022/theme/100410/kr/common/img/articleA_img01.png') no-repeat center top 20%/cover;/*height:0;opacity:0;animation-delay:2.0s;*/ -webkit-mask-image:linear-gradient( -150deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:400% 100%; animation:reveal 3.0s 1.0s both; } article.stepA > figure.bg2 {background:url('/ifla2022/theme/100410/kr/common/img/articleA_img02.png') no-repeat center top 20%/cover;transform:translate(100px,0);opacity:0;animation-delay:0.5s;} article.stepA > figure.bg3 {background:url('/ifla2022/theme/100410/kr/common/img/articleA_img03.png') no-repeat center top 20%/cover;transform:translate(0,0);opacity:0;animation-delay:1.0s;} article.stepA > figure.bg4 {background:url('/ifla2022/theme/100410/kr/common/img/articleA_img04.png') no-repeat center top 20%/cover;transform:translate(0,100px);opacity:0;animation-delay:1.5s;} article.stepA > figure.bg5 {background:url('/ifla2022/theme/100410/kr/common/img/articleA_img05.png') no-repeat center top 20%/cover; transform:translate(0,0) scale(1.0); opacity:0; -webkit-animation: stepA-figure-bounce 1.25s 0s ease-in-out forwards; -moz-animation: stepA-figure-bounce 1.25s 0s ease-in-out forwards; animation: stepA-figure-bounce 1.25s 0s ease-in-out forwards; animation-delay:3.0s; } @-moz-keyframes stepA-figure-bounce { 0 {} 15% {transform:translate(2%,8%) scale(1.2);opacity:1;} 30% {transform:translate(-1%,-5%) scale(0.9);opacity:1;} 45% {transform:translate(1.2%,5%) scale(1.1);opacity:1;} 60% {transform:translate(-0.4%,-2.4%) scale(0.95);opacity:1;} 75% {transform:translate(0.4%,2.5%) scale(1.05);opacity:1;} 100% {transform:translate(0,0) scale(1.0);opacity:1;} } @-webkit-keyframes stepA-figure-bounce { 0 {} 15% {transform:translate(2%,8%) scale(1.2);opacity:1;} 30% {transform:translate(-1%,-5%) scale(0.9);opacity:1;} 45% {transform:translate(1.2%,5%) scale(1.1);opacity:1;} 60% {transform:translate(-0.4%,-2.4%) scale(0.95);opacity:1;} 75% {transform:translate(0.4%,2.5%) scale(1.05);opacity:1;} 100% {transform:translate(0,0) scale(1.0);opacity:1;} } @keyframes stepA-figure-bounce { 0 {} 15% {transform:translate(2%,8%) scale(1.2);opacity:1;} 30% {transform:translate(-1%,-5%) scale(0.9);opacity:1;} 45% {transform:translate(1.2%,5%) scale(1.1);opacity:1;} 60% {transform:translate(-0.4%,-2.4%) scale(0.95);opacity:1;} 75% {transform:translate(0.4%,2.5%) scale(1.05);opacity:1;} 100% {transform:translate(0,0) scale(1.0);opacity:1;} } article.stepA > figure.bg6 {background:url('/ifla2022/theme/100410/kr/common/img/articleA_img06.png') no-repeat center top 20%/cover;transform:translate(250px,0);opacity:0;animation-delay:3.0s;} article.stepA > figure.bg7 {background:url('/ifla2022/theme/100410/kr/common/img/articleA_img07.png') no-repeat center top 20%/cover;transform:translate(0,-200px);opacity:0;animation-delay:3.5s;} article.stepA > figure.bg8 {background:url('/ifla2022/theme/100410/kr/common/img/articleA_img08.png') no-repeat center top 20%/cover;transform:translate(-200px,-200px);opacity:0;animation-delay:3.75s;} article.stepA > figure.bg9 {background:url('/ifla2022/theme/100410/kr/common/img/articleA_img09.png') no-repeat center top 20%/cover;transform:translate(0,-200px);opacity:0;animation-delay:4.0s;} article.stepA > figure.bg10 {background:url('/ifla2022/theme/100410/kr/common/img/articleA_img10.png') no-repeat center top 20%/cover;transform:translate(0,-200px);opacity:0;animation-delay:3.25s;} article.stepA > .inConts {position:relative;max-width:1200px;width:100%;height:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;} /*article.stepA > .inConts .dDay {position:absolute;top:50px;left:100px;color:#148563;font-size:36px;font-weight:700;}*/ article.stepA > .inConts .logo { display:none; position:absolute; top:50px; right:100px; transform:translate(100px,0); opacity:0; -webkit-animation: stepA-logo-move 1.25s 0s ease-in-out forwards; -moz-animation: stepA-logo-move 1.25s 0s ease-in-out forwards; animation: stepA-logo-move 1.25s 0s ease-in-out forwards; animation-delay:2.5s; } @-moz-keyframes stepA-logo-move { to {transform:translate(0,0);opacity:1;} } @-webkit-keyframes stepA-logo-move { to {transform:translate(0,0);opacity:1;} } @keyframes stepA-logo-move { to {transform:translate(0,0);opacity:1;} } article.stepA > .inConts .cont-box { margin-left:380px; transform:translate(50px,0); opacity:0; -webkit-animation: stepA-contbox-show 1.75s 0s ease forwards; -moz-animation: stepA-contbox-show 1.75s 0s ease forwards; animation: stepA-contbox-show 1.75s 0s ease forwards; animation-delay:3.25s; } @-moz-keyframes stepA-contbox-show { to {transform:translate(0,0);opacity:1;} } @-webkit-keyframes stepA-contbox-show { to {transform:translate(0,0);opacity:1;} } @keyframes stepA-contbox-show { to {transform:translate(0,0);opacity:1;} } article.stepA > .inConts .cont-box .txt1 {font-size:30px;font-weight:600;} /*article.stepA > .inConts .cont-box .symbol {font-size:70px;line-height:1.0;font-weight:200;} article.stepA > .inConts .cont-box .symbol strong {font-size:76px;}*/ article.stepA > .inConts .cont-box figure {margin:50px 0;} article.stepA > .inConts .bubble { position:absolute; top:220px; left:290px; opacity:0; -webkit-animation: stepA-bubble-show 2.75s 0s ease forwards; -moz-animation: stepA-bubble-show 2.75s 0s ease forwards; animation: stepA-bubble-show 2.75s 0s ease forwards; animation-delay:5.5s; } @-moz-keyframes stepA-bubble-show { to {opacity:1;} } @-webkit-keyframes stepA-bubble-show { to {opacity:1;} } @keyframes stepA-bubble-show { to {opacity:1;} } article.stepA > .inConts .bubble:before { content:""; display:block; width:23px; height:23px; border-radius:50%; background-color:#f4c000; transform:translate(0,0); -webkit-animation: stepA-bubble-top 2.75s 0s ease infinite; -moz-animation: stepA-bubble-top 2.75s 0s ease infinite; animation: stepA-bubble-top 2.75s 0s ease infinite; } @-moz-keyframes stepA-bubble-top { 0 {transform:translate(0,0);} 70% {transform:translate(0,0);} 75% {transform:translate(0,-20px);} 80% {transform:translate(0,0);} 84% {transform:translate(0,-15px);} 88% {transform:translate(0,0);} 91% {transform:translate(0,-10px);} 94% {transform:translate(0,0);} 97% {transform:translate(0,-5px);} 100% {transform:translate(0,0);} } @-webkit-keyframes stepA-bubble-top { 0 {transform:translate(0,0);} 70% {transform:translate(0,0);} 75% {transform:translate(0,-20px);} 80% {transform:translate(0,0);} 84% {transform:translate(0,-15px);} 88% {transform:translate(0,0);} 91% {transform:translate(0,-10px);} 94% {transform:translate(0,0);} 97% {transform:translate(0,-5px);} 100% {transform:translate(0,0);} } @keyframes stepA-bubble-top { 0 {transform:translate(0,0);} 70% {transform:translate(0,0);} 75% {transform:translate(0,-20px);} 80% {transform:translate(0,0);} 84% {transform:translate(0,-15px);} 88% {transform:translate(0,0);} 91% {transform:translate(0,-10px);} 94% {transform:translate(0,0);} 97% {transform:translate(0,-5px);} 100% {transform:translate(0,0);} } article.stepA > .inConts .bubble:after { content:""; display:block; width:23px; height:23px; border-radius:50%; background-color:#148563; transform:translate(0,0); -webkit-animation: stepA-bubble-bottom 2.75s 0s ease infinite; -moz-animation: stepA-bubble-bottom 2.75s 0s ease infinite; animation: stepA-bubble-bottom 2.75s 0s ease infinite; } @-moz-keyframes stepA-bubble-bottom { 0 {transform:translate(0,0);} 70% {transform:translate(0,0);} 75% {transform:translate(0,20px);} 80% {transform:translate(0,0);} 84% {transform:translate(0,15px);} 88% {transform:translate(0,0);} 91% {transform:translate(0,10px);} 94% {transform:translate(0,0);} 97% {transform:translate(0,5px);} 100% {transform:translate(0,0);} } @-webkit-keyframes stepA-bubble-bottom { 0 {transform:translate(0,0);} 70% {transform:translate(0,0);} 75% {transform:translate(0,20px);} 80% {transform:translate(0,0);} 84% {transform:translate(0,15px);} 88% {transform:translate(0,0);} 91% {transform:translate(0,10px);} 94% {transform:translate(0,0);} 97% {transform:translate(0,5px);} 100% {transform:translate(0,0);} } @keyframes stepA-bubble-bottom { 0 {transform:translate(0,0);} 70% {transform:translate(0,0);} 75% {transform:translate(0,20px);} 80% {transform:translate(0,0);} 84% {transform:translate(0,15px);} 88% {transform:translate(0,0);} 91% {transform:translate(0,10px);} 94% {transform:translate(0,0);} 97% {transform:translate(0,5px);} 100% {transform:translate(0,0);} } article.stepA > .inConts .btn-wrap {position:absolute;bottom:30px;left:50%;transform:translate(-50%,0);max-width:800px;width:100%;display:flex;justify-content:space-between;} article.stepA > .inConts .btn-wrap > a {color:#000;font-size:16px;font-weight:600;border:1px solid #ccc;border-radius:10px;padding:15px;width:calc((100% / 4) - 20px);display:flex;align-items:center;} article.stepA > .inConts .btn-wrap > a:before {content:"";width:23px;height:23px;background:url('/ifla2022/theme/100410/kr/common/img/cover_btn_icon.png') no-repeat center center;margin-right:15px;} /* STEP B */ article.stepB {position:relative;width:100%;background-color:#f4c000;overflow:hidden;} article.stepB > .inConts {position:relative;width:800px;margin:0 auto;padding:110px 0 50px;z-index:1;} article.stepB > .inConts:before {content:"";position:absolute;bottom:180px;left:-450px;width:500px;height:500px;border-radius:50%;border:110px solid #FFB400;z-index:-1;} article.stepB > .inConts > .summary {position:relative;display:flex;justify-content:space-between;} article.stepB > .inConts > .summary:before {content:"";position:absolute;top:-30px;left:0;width:23px;height:23px;border-radius:50%;background-color:#bb4942;} article.stepB > .inConts > .summary .info {margin-top:12px;} article.stepB > .inConts > .summary .info ul li {position:relative;padding-left:80px;font-size:18px;font-weight:600;} article.stepB > .inConts > .summary .info ul li + li {margin-top:7px;} article.stepB > .inConts > .summary .info ul li span {position:absolute;top:0;left:0;width:75px;font-weight:300;} article.stepB > .inConts > .summary .info ul li span:after {/*position:absolute;top:3px;right:0;content:":";font-size:12px;*/} article.stepB > .inConts > .summary .desc {color:#000;font-size:40px;letter-spacing:-0.05em;font-weight:600;} article.stepB > .inConts > .movie {margin-top:50px;font-size:0;line-height:0;position:relative;width:100%;height:0;padding-bottom:56.25%;} article.stepB > .inConts > .movie iframe {position:absolute;top:0;left:0;width:100%;height:100%;} article.stepB > .inConts > .btn-wrap {display:flex;justify-content:center;margin-top:30px;} article.stepB > .inConts > .btn-wrap a.more {position:relative;color:#000;font-size:20px;font-weight:600;} article.stepB > .inConts > .btn-wrap a.more:before {content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:100%;height:1px;background-color:#000;} /* STEP C */ article.stepC {position:relative;width:100%;background:linear-gradient(#148563, #095840);overflow:hidden;} article.stepC > .inConts {position:relative;width:800px;margin:0 auto;padding:80px 0 100px;z-index:1;} article.stepC > .inConts:before {content:"";position:absolute;top:-40px;right:-150px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(255,255,255,0.1);z-index:-1;} article.stepC > .inConts:after {content:"";position:absolute;top:70px;right:-150px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(244,192,0,0.4);z-index:-1;} article.stepC > .inConts h1 {color:#fff;font-size:75px;letter-spacing:-0.12em;font-weight:100;text-align:justify;white-space:nowrap;} article.stepC > .inConts .desc {position:relative;/*font-family: 'Noto Sans Korean';*/color:#fff;font-size:16px;font-weight:200;letter-spacing:0.01em;} article.stepC > .inConts .desc:before {content:"";position:absolute;bottom:-300px;left:-154px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(0,0,0,0.2);z-index:-1;} article.stepC > .inConts ul {position:relative;margin-top:50px;display:flex;justify-content:space-between;flex-wrap:wrap;z-index:1;} article.stepC > .inConts ul li {width:48%;margin-top:20px;} article.stepC > .inConts ul li .title {color:#0E6E51;font-size:40px;letter-spacing:0.05em;font-weight:700;/*color:transparent;-webkit-text-stroke: 1px #fff;*/text-shadow:-1px 0 rgba(255,255,255,1), 0 1px rgba(255,255,255,1), 1px 0 rgba(255,255,255,1), 0 -1px rgba(255,255,255,1);} article.stepC > .inConts ul li p {display:none;position:relative;color:#fff;font-size:16px;font-weight:200;letter-spacing:0.01em;padding-left:12px;margin-top:5px;} article.stepC > .inConts ul li p:before {content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50%;background-color:#fff;} article.stepC > .inConts > .btn-wrap {display:flex;justify-content:center;margin-top:30px;} article.stepC > .inConts > .btn-wrap a.more {position:relative;color:#fff;font-size:20px;font-weight:600;} article.stepC > .inConts > .btn-wrap a.more:before {content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:100%;height:1px;background-color:#fff;} /* STEP D */ article.stepD {position:relative;width:100%;background-color:#d8e1e2;overflow:hidden;} article.stepD > .inConts {position:relative;max-width:1200px;width:100%;margin:0 auto;padding:100px 0 100px;z-index:1;} article.stepD > .inConts:before {content:"";position:absolute;top:-210px;left:-60px;width:480px;height:480px;border-radius:50%;border:100px solid rgba(255,255,255,0.5);z-index:-1;} article.stepD > .inConts:after {content:"";position:absolute;bottom:-50px;right:100px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(255,255,255,0.55);z-index:-1;} article.stepD > .inConts h1 {width:800px;margin:0 auto;color:#000;font-size:40px;letter-spacing:0;font-weight:700;} article.stepD > .inConts .desc {width:800px;margin:0 auto;color:#000;font-size:16px;letter-spacing:0.01em;margin-top:30px;} article.stepD > .inConts .desc strong {display:block;margin:50px 0 5px;} article.stepD > .inConts .gallery {display:flex;flex-wrap:wrap;font-size:0;line-height:0;margin-top:50px;} article.stepD > .inConts .gallery figure {position:relative;width:calc(100% / 4);cursor:pointer;overflow:hidden;} article.stepD > .inConts .gallery figure > p {position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(0,100%);opacity:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);-webkit-transition: .45s; transition: .45s;} article.stepD > .inConts .gallery figure > p > span {display:block;color:#fff;font-size:14px;line-height:1.2;text-align:center;} article.stepD > .inConts .gallery figure > p > span > em {font-style:normal;font-size:11px;display:block;text-align:center;margin-top:5px;} article.stepD > .inConts .gallery figure:hover > p {transform:translate(0,0);opacity:1;} article.stepD > .inConts > .btn-wrap {display:flex;justify-content:center;margin-top:30px;} article.stepD > .inConts > .btn-wrap a.more {position:relative;color:#000;font-size:20px;font-weight:600;} article.stepD > .inConts > .btn-wrap a.more:before {content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:100%;height:1px;background-color:#000;} /* STEP E */ /*article.stepE {position:relative;width:100%;background-color:#364755;overflow:hidden;} article.stepE > .inConts {position:relative;width:800px;margin:0 auto;padding:100px 0 80px;z-index:1;} article.stepE > .inConts .regist-box {} article.stepE > .inConts .regist-box:before {content:"";position:absolute;top:150px;;right:0;width:23px;height:23px;border-radius:50%;background-color:#148563;} article.stepE > .inConts .regist-box:after {content:"";position:absolute;top:130px;right:0;width:23px;height:23px;border-radius:50%;background-color:#f4c000;} article.stepE > .inConts .regist-box .t1 {position:relative;color:#fff;font-size:24px;letter-spacing:0;font-weight:800;} article.stepE > .inConts .regist-box .t1 > br {display:none;} article.stepE > .inConts .regist-box .t1:before {content:"";position:absolute;top:-30px;left:0;width:23px;height:23px;border-radius:50%;background-color:#bb4942;} article.stepE > .inConts .regist-box .t2 {color:#fff;font-size:14px;letter-spacing:0;margin-top:20px;} article.stepE > .inConts .regist-box .inputbox {display:flex;justify-content:space-between;margin-top:15px;} article.stepE > .inConts .regist-box .inputbox input[type=text] {width:calc((100% / 2) - 2px);font-size:16px;border:1px solid #c4c4c4;border-radius:3px;padding:10px;margin-top:5px;overflow:hidden;} article.stepE > .inConts .regist-box p.caution {color:#fff;font-size:9px;margin-top:10px;} article.stepE > .inConts .regist-box a.submit {display:block;width:calc((100% / 2) - 2px);color:#fff;font-size:21px;font-weight:700;letter-spacing:0;text-align:center;margin-top:40px;background-color:#148563;padding:10px;border-radius:40px;} article.stepE > .inConts .movie {display:none;margin-top:50px;font-size:0;line-height:0;}*/ article.stepE {position:relative;width:100%;background-color:#364755;overflow:hidden;} article.stepE > .inConts {position:relative;width:800px;margin:0 auto;padding:100px 0 80px;z-index:1;} article.stepE > .inConts .regist-box {display:flex;} article.stepE > .inConts .regist-box > div {position:relative;width:50%;z-index:1;} article.stepE > .inConts .regist-box > div.left {} article.stepE > .inConts .regist-box > div.left:before {content:"";position:absolute;top:70px;;right:50px;width:23px;height:23px;border-radius:50%;background-color:#437e63;} article.stepE > .inConts .regist-box > div.left:after {content:"";position:absolute;top:50px;right:50px;width:23px;height:23px;border-radius:50%;background-color:#f4c000;} article.stepE > .inConts .regist-box > div.left .t1 {position:relative;color:#fff;font-size:24px;font-weight:800;} article.stepE > .inConts .regist-box > div.left .t1:before {content:"";position:absolute;top:-30px;right:50px;width:23px;height:23px;border-radius:50%;background-color:#bb4942;} article.stepE > .inConts .regist-box > div.left .t2 {color:#fff;font-size:14px;margin-top:10px;} article.stepE > .inConts .regist-box > div.left .t3 {color:#fff;font-size:17px;font-weight:600;margin-top:65px;} article.stepE > .inConts .regist-box > div.left .t4 {color:#fff;font-size:36px;font-weight:200;line-height:1.0;margin-top:20px;} article.stepE > .inConts .regist-box > div.left .t4 strong {font-size:39px;} article.stepE > .inConts .regist-box > div.left figure {margin-top:25px;} article.stepE > .inConts .regist-box > div.left figure.first_logo {margin-top:30px;} article.stepE > .inConts .regist-box > div.right {} article.stepE > .inConts .regist-box > div.right .t1 {color:#fff;font-size:24px;letter-spacing:0;font-weight:800;} article.stepE > .inConts .regist-box > div.right .inputbox {margin-top:15px;} article.stepE > .inConts .regist-box > div.right .inputbox input[type=text] {font-size:16px;width:100%;border:1px solid #c4c4c4;border-radius:3px;padding:10px;margin-top:5px;overflow:hidden;} article.stepE > .inConts .regist-box > div.right p.caution {color:#fff;font-size:9px;margin-top:10px;} article.stepE > .inConts .regist-box > div.right a.submit {display:block;color:#fff;font-size:21px;font-weight:700;letter-spacing:0;text-align:center;margin-top:20px;background-color:#437e63;padding:10px;border-radius:40px;} article.stepE > .inConts .regist-box > div.right .t2 {color:#fff;font-size:16px;letter-spacing:0;font-weight:400;margin-top:20px;} article.stepE > .inConts .movie {display:none;margin-top:50px;font-size:0;line-height:0;} /* STEP G */ article.stepG {display:none;position:relative;width:100%;background-color:#fff;overflow:hidden;} article.stepG > .inConts {position:relative;width:800px;margin:0 auto;padding:100px 0 80px;z-index:1;} article.stepG > .inConts:before {content:"";position:absolute;bottom:-190px;left:75%;width:755px;height:755px;border:160px solid #f4c000;z-index:-1;border-radius:50%;opacity:0.2;} article.stepG > .inConts h1 {color:#000;font-size:40px;letter-spacing:0;font-weight:700;} article.stepG > .inConts ul.tab-wrap {width:100%;display:flex;justify-content:space-between;margin-top:40px;} article.stepG > .inConts ul.tab-wrap > li {width:190px;color:#fff;font-size:21px;text-align:center;padding:10px;border-radius:40px;background-color:#148563;opacity:0.3;cursor:pointer;} article.stepG > .inConts ul.tab-wrap > li:nth-child(4) {background-color:#bb4942;} article.stepG > .inConts ul.tab-wrap > li.on {opacity:1.0;} article.stepG > .inConts ul.speakers-wrap {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px;} article.stepG > .inConts ul.speakers-wrap > li {width:250px;height:0;opacity:0;} article.stepG > .inConts ul.speakers-wrap > li.active {height:auto;opacity:1;} article.stepG > .inConts ul.speakers-wrap > li > .txt {margin-top:20px;} article.stepG > .inConts ul.speakers-wrap > li > .txt > .name {font-size:22px;font-weight:500;text-align:center;} article.stepG > .inConts ul.speakers-wrap > li > .txt > .unit {font-size:18px;font-weight:300;text-align:center;} article.stepG > .inConts ul.speakers-wrap > li > .txt > .plus {font-size:14px;font-weight:300;text-align:center;padding:10px 0;} /* STEP H */ article.stepH {display:none;position:relative;width:100%;background-color:#364755;overflow:hidden;} article.stepH > .inConts {position:relative;width:800px;margin:0 auto;padding:100px 0;z-index:1;} article.stepH > .inConts h1 {color:#fff;font-size:40px;letter-spacing:0;font-weight:700;} article.stepH > .inConts ul.step-wrap {display:flex;justify-content:space-between;align-items:stretch;margin-top:60px;} article.stepH > .inConts ul.step-wrap li {width:250px;} article.stepH > .inConts ul.step-wrap li p.day {color:#fff;font-size:18px;letter-spacing:0;font-weight:100;} article.stepH > .inConts ul.step-wrap li p.day > strong {display:block;font-size:20px;letter-spacing:0;font-weight:500;margin-bottom:5px;} article.stepH > .inConts ul.step-wrap li > ul {width:100%;margin-top:20px;border-top:1px solid #fff;padding-top:20px;} article.stepH > .inConts ul.step-wrap li > ul > li {position:relative;padding-left:20px;color:#fff;font-size:16px;letter-spacing:0;font-weight:100;} article.stepH > .inConts ul.step-wrap li > ul > li:before {content:"";position:absolute;top:8px;left:8px;width:3px;height:3px;border-radius:50%;background-color:#fff;} article.stepH > .inConts ul.step-wrap li > ul > li + li {margin-top:5px;} article.stepH > .inConts ul.step-wrap li > ul > li > .indent {padding-left:10px;margin-top:10px;} article.stepH > .inConts .caution {margin-top:50px;} article.stepH > .inConts .caution > p {position:relative;color:#fff;font-size:14px;letter-spacing:0;margin-top:5px;padding-left:10px;} article.stepH > .inConts .caution > p:before {content:"*";position:absolute;top:2px;left:0;} /* CHARRETTE-NOTICE */ article.charrette-notice {display:none;position:relative;width:100%;background-color:#148563;overflow:hidden;} article.charrette-notice > .inConts {position:relative;width:800px;margin:0 auto;padding:80px 0 60px;z-index:1;} article.charrette-notice > .inConts:before {content:"";position:absolute;bottom:80px;right:50px;width:23px;height:23px;border-radius:50%;background-color:#fff;} article.charrette-notice > .inConts:after {content:"";position:absolute;bottom:95px;right:50px;width:23px;height:23px;border-radius:50%;background-color:#d8e1e2;} article.charrette-notice > .inConts h1 {position:relative;color:#fff;font-size:24px;line-height:1.2;} article.charrette-notice > .inConts h1 > strong {display:block;font-size:32px;letter-spacing:0.0em;} article.charrette-notice > .inConts h1:before {content:"";position:absolute;top:-35px;left:0px;width:23px;height:23px;border-radius:50%;background-color:#f4c000;} article.charrette-notice > .inConts a.view-detail {display:inline-block;color:#000;font-size:20px;font-weight:600;text-align:center;background-color:#f4c000;max-width:390px;width:100%;padding:7px 5px;border-radius:35px;margin-top:20px;} /* charrette-notice */ #charrette-notice-layer-popup-wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:999;} #charrette-notice-layer-popup-wrap .charrette-notice-wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;} #charrette-notice-layer-popup-wrap .charrette-notice-wrap > div {max-width:820px;background-color:#fff;padding:30px;} #charrette-notice-layer-popup-wrap .charrette-notice-wrap > div > .title {font-size:24px;font-weight:800;} #charrette-notice-layer-popup-wrap .charrette-notice-wrap > div > .conts {font-size:15px;margin-top:20px;} #charrette-notice-layer-popup-wrap .charrette-notice-wrap > div > .btn-wrap {text-align:center;margin-top:20px;} #charrette-notice-layer-popup-wrap .charrette-notice-wrap > div > .btn-wrap > a.view-detail-ok {display:inline-block;color:#000;font-size:20px;font-weight:600;text-align:center;background-color:#f4c000;max-width:390px;width:100%;padding:7px 5px;border-radius:35px;} /* MEMORIAL-GARDEN */ article.memorial-garden {display:none;position:relative;width:100%;background: linear-gradient(#593836, #351816);overflow:hidden;} article.memorial-garden > .inConts {position:relative;width:800px;margin:0 auto;padding:80px 0 60px;z-index:1;} article.memorial-garden > .inConts h1 {position:relative;color:#fff;font-size:24px;line-height:1.2;} article.memorial-garden > .inConts h1 > strong {display:block;font-size:32px;letter-spacing:0.0em;} article.memorial-garden > .inConts h1:before {content:"";position:absolute;top:10px;left:70%;width:23px;height:23px;border-radius:50%;background-color:#bb4942;} article.memorial-garden > .inConts a.view-detail {display:inline-block;color:#fff;font-size:20px;font-weight:600;text-align:center;background-color:#148563;max-width:390px;width:100%;padding:7px 5px;border-radius:35px;margin-top:20px;} article.memorial-garden > .inConts a.result {display:inline-block;color:#fff;font-size:20px;font-weight:600;text-align:center;background-color:#bb4942;max-width:390px;width:100%;padding:7px 5px;border-radius:35px;margin-top:20px;margin-left:10px;} /* MEMORIAL-GARDEN */ #memorial-garden-layer-popup-wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:999;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div {max-width:820px;background-color:#fff;padding:30px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .title {font-size:24px;font-weight:800;padding-bottom:15px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts {height:450px;overflow-y:auto;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > h1 {font-size:20px;font-weight:600;margin-top:20px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > h1.first {margin-top:0;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > strong {display:block;font-size:16px;font-weight:600;margin-top:10px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.list li {position:relative;font-size:15px;margin-top:3px;padding-left:12px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.list li:before {content:"";position:absolute;top:8px;left:2px;width:3px;height:3px;background-color:#999;border-radius:50%;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > figure {margin-top:20px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited {display:flex;flex-wrap:wrap;margin-left:-25px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li {width:calc((100% / 3) - 25px);margin:25px 0 0 25px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li .txt {position:relative;margin-top:20px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li .txt .name {font-size:22px;font-weight:500;text-align:center;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li .txt .unit {font-size:18px;font-weight:300;text-align:center;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li:nth-child(1) .txt:before {content:"+";position:absolute;top:50%;right:0;transform:translate(0,-50%);font-size:20px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li:nth-child(2) {transform:translate(-40px,0);} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .btn-wrap {display:flex;justify-content:space-between;margin-top:20px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .btn-wrap > a {width:calc(50% - 5px);color:#000;font-size:20px;font-weight:600;text-align:center;border:1px solid #000;background-color:#fff;padding:7px 5px;border-radius:35px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .btn-wrap > a.view-detail-ok {border:1px solid #f4c000;background-color:#f4c000;} /* MEMORIAL-GARDEN :: RESULT */ #memorial-garden-result-layer-popup-wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:999;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div {max-width:820px;background-color:#fff;padding:30px;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .title {font-size:24px;font-weight:800;padding-bottom:15px;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts {height:450px;overflow-y:auto;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > p.cont {font-size:16px;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > h1 {font-size:20px;font-weight:600;margin-top:50px;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.result-list {} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.result-list li {margin-top:30px;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.result-list li > p {font-size:16px;text-align:center;margin-top:10px} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited {display:flex;flex-wrap:wrap;margin-left:-25px;margin-top:50px;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li {width:calc((100% / 3) - 25px);margin:25px 0 0 25px;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li .txt {position:relative;margin-top:20px;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li .txt .name {font-size:22px;font-weight:500;text-align:center;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li .txt .unit {font-size:18px;font-weight:300;text-align:center;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li:nth-child(1) .txt:before {content:"+";position:absolute;top:50%;right:0;transform:translate(0,-50%);font-size:20px;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li:nth-child(2) {transform:translate(-40px,0);} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li:nth-child(5) {transform:translate(40px,0);} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li:nth-child(5) .txt .unit {transform:translate(120px,0);} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .btn-wrap {display:flex;justify-content:center;margin-top:20px;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .btn-wrap > a {width:calc(50% - 5px);color:#000;font-size:20px;font-weight:600;text-align:center;border:1px solid #000;background-color:#fff;padding:7px 5px;border-radius:35px;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .btn-wrap > a.view-detail-ok {border:1px solid #f4c000;background-color:#f4c000;} /* GALLERY-LAYER-POPUP-WRAP */ #gallery-layer-popup-wrap {position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);z-index:-1;transform:translate(0,100%);opacity:0;-webkit-transition: .45s; transition: .45s;} #gallery-layer-popup-wrap.active {transform:translate(0,0);opacity:1;z-index:9;} #gallery-layer-popup-wrap .gallery-wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;} #gallery-layer-popup-wrap .gallery-wrap > div {position:relative;width:820px;padding:10px;background-color:#fff;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close {position:absolute;top:-50px;right:0;width:50px;height:50px;font-size:0;line-height:0;-webkit-transition: .45s; transition: .45s;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close > span {font-size:0;line-height:0;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:before {content:"";position:absolute;top:23px;left:10px;width:30px;height:4px;font-size:0;line-height:0;background-color:#fff;transform:rotate(-45deg);-webkit-transition: .45s; transition: .45s;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:after {content:"";position:absolute;top:23px;left:10px;width:30px;height:4px;font-size:0;line-height:0;background-color:#fff;transform:rotate(45deg);-webkit-transition: .45s; transition: .45s;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:hover {transform:rotate(360deg);} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:hover:before {width:20px;left:16px;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:hover:after {width:20px;left:4px;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button {position:absolute;z-index:55;font-size:0;line-height:0;width:50px;height:50px;border:0;background-color:transparent;padding:0;margin:0;cursor:pointer;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button.slick-prev {top:50%;left:0;transform:translate(0,-100%);} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button.slick-prev:before {content:"";display:block;width:15px;height:15px;border-top:5px solid #fff;border-left:5px solid #fff;margin:0 auto;transform:rotate(-45deg);} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button.slick-next {top:50%;right:0;transform:translate(0,-100%);} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button.slick-next:before {content:"";display:block;width:15px;height:15px;border-top:5px solid #fff;border-right:5px solid #fff;margin:0 auto;transform:rotate(45deg);} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button.slick-disabled {opacity:0.35;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for .slick-list {} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for .slick-list .slick-track .slick-slide p {color:#000;font-size:14px;font-weight:600;text-align:center;padding:10px;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for .slick-list .slick-track .slick-slide p > span {font-size:11px;margin-left:5px;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots {position:absolute;bottom:10px;left:0;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots li {font-size:14px;font-weight:600;display:none;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots li > span {color:#148563;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots li > span:after {content:"";display:inline-block;width:1px;height:10px;background-color:#000;margin:0 5px 0 7px;transform:rotate(15deg);} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots li.slick-active {display:block;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav .slick-list {padding:0 !important;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav .slick-list .slick-track {display:flex;margin-left:-2px;transform: translate3d(0, 0px, 0px) !important;font-size:0;line-height:0;margin-left:-2px;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav .slick-list .slick-track .slick-slide {position:relative;width:calc((100% / 12) - 2.2px) !important;margin-left:2px;opacity:0.65;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav .slick-list .slick-track .slick-slide:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:0;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav .slick-list .slick-track .slick-slide.slick-current {opacity:1;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav .slick-list .slick-track .slick-slide.slick-current:after {border:3px solid #148563;} /* STEP I */ article.stepI {position:relative;width:100%;background-color:#fafafa;overflow:hidden;} article.stepI > .inConts {position:relative;width:798px;margin:0 auto;padding:100px 0;z-index:1;} article.stepI > .inConts h1 {font-size:24px;letter-spacing:0;font-weight:700;} article.stepI > .inConts .bi-wrap {display:flex;flex-wrap:wrap;align-items:center;margin-left:-10px;} article.stepI > .inConts .bi-wrap div {width:calc((100% / 4) - 10px);margin-left:10px;margin-top:10px;position:relative;padding-top:25px;} article.stepI > .inConts .bi-wrap div:nth-child(n+5) {padding-top:0;} article.stepI > .inConts .bi-wrap div.diamond:before {content:"DIAMOND";position:absolute;top:0;left:0;font-size:18px;font-weight:600;margin-bottom:5px;} article.stepI > .inConts .bi-wrap div.gold {} article.stepI > .inConts .bi-wrap div.gold:before {content:"GOLD";position:absolute;top:0;left:0px;font-size:18px;font-weight:600;margin-bottom:5px;} article.stepI > .inConts .bi-wrap div.gold > figure {position:relative;} /*article.stepI > .inConts .bi-wrap div.gold > figure:before {content:"";position:absolute;top:0;left:-105px;width:1px;height:100%;border-left:1px dashed #148563;}*/ article.stepI > .inConts .bi-wrap div.silver:before {content:"SILVER";position:absolute;top:0;left:0;font-size:18px;font-weight:600;margin-bottom:5px;} article.stepI > .inConts .bi-wrap div.bronze:before {content:"BRONZE";position:absolute;top:0;left:0;font-size:18px;font-weight:600;margin-bottom:5px;} article.stepI > .inConts > .btn-wrap {display:none;} /* } MAIN 끝 */ /* Contents 시작 { */ #container > .subcover {height:370px;background-color:#fafafa;overflow:hidden;} #container > .subcover .inConts {position:relative;display:flex;align-items:center;height:100%;z-index:1;} #container > .subcover .inConts h1 {font-size:40px;font-weight:600;} #container > .subcover .inConts .tab {position:absolute;bottom:0;left:50%;transform:translate(-50%,0);display:flex;justify-content:center;align-items:center;} #container > .subcover .inConts .tab:before {content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:2000px;height:1px;background-color:#c4c4c4;} #container > .subcover .inConts .tab a {position:relative;width:213px;padding:10px;font-size:16px;text-align:center;border:1px solid #c4c4c4;background-color:#efefef;} #container > .subcover .inConts .tab a + a {border-left:none;} #container > .subcover .inConts .tab a.on {color:#437e63;background-color:#fff;border-bottom:1px solid #fff;} /* Registrator */ #container.registration > .subcover .inConts:before {content:"";position:absolute;top:0px;right:50px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(187,73,66,0.3);z-index:-1;} #container.registration > .subcover .inConts:after {content:"";position:absolute;bottom:-110px;right:-60px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(244,192,0,0.3);z-index:-1;} #container.registration .fee-wrap {background:linear-gradient(#148463, #095941);padding:100px 0;overflow:hidden;} #container.registration .fee-wrap .inConts {position:relative;z-index:1;} #container.registration .fee-wrap .inConts:before {content:"";position:absolute;top:-70px;left:-370px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(0,0,0,0.2);z-index:-1;} #container.registration .fee-wrap .head {color:#FFC900;font-size:30px;font-weight:500;margin-bottom:20px;} #container.registration .fee-wrap h1 {color:#fff;font-size:24px;font-weight:500;} #container.registration .fee-wrap h3 {color:#fff;font-size:14px;margin-top:20px;} #container.registration .fee-wrap ul.table {margin-top:50px;} #container.registration .fee-wrap ul.table li {display:flex;justify-content:space-between;padding:25px 0;border-bottom:1px solid rgba(255,255,255,0.6);} #container.registration .fee-wrap ul.table li div {color:#fff;font-size:14px;} #container.registration .fee-wrap ul.table li div:last-child {font-weight:600;} #container.registration .fee-wrap ul.table li div.green {color:#adff00;} #container.registration .fee-wrap ul.table li div.orange {color:#f4c000;} #container.registration .fee-wrap .btn-wrap {display:flex;justify-content:center;margin-top:50px;} #container.registration .fee-wrap .btn-wrap a {color:#fff;font-size:21px;font-weight:600;text-align:center;background-color:#BB4942;max-width:315px;width:100%;padding:7px 5px;border-radius:35px;} /* Contact Details, Review Information, Review Information, Invoice */ #container.contact > .subcover .inConts:before {content:"";position:absolute;top:0px;right:-160px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(54,71,85,0.3);z-index:-1;} #container.contact > .subcover .inConts:after {content:"";position:absolute;bottom:-150px;right:50px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(244,192,0,0.3);z-index:-1;} #container.contact .contact-wrap {padding:100px 0;overflow:hidden;} #container.contact .contact-wrap .inConts {position:relative;z-index:1;} #container.contact .contact-wrap .inConts:before {content:"";position:absolute;top:-70px;left:-370px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(216,225,226,0.3);z-index:-1;} #container.contact .contact-wrap h1 {font-size:24px;font-weight:500;} #container.contact .contact-wrap ul.tab {margin-top:30px;width:100%;display:flex;align-items:flex-start;margin-left:-20px;} #container.contact .contact-wrap ul.tab li {width:calc((100% / 5) - 20px);margin-left:20px;font-size:12px;background-color:#CCE0DA;padding:50px 15px 20px;} #container.contact .contact-wrap ul.tab li strong {display:block;font-size:16px;font-weight:600;} #container.contact .contact-wrap ul.tab li.on {animation:contactstep 0.75s 1.0s both;} #container.contact .contact-wrap p.caution {font-size:14px;font-weight:200;margin-top:20px;} #container.contact .contact-wrap p.caution > span {color:#bb4942;font-weight:700;} #container.contact .contact-wrap ul.form-wrap {margin-top:50px;} #container.contact .contact-wrap ul.form-wrap li {display:flex;} #container.contact .contact-wrap ul.form-wrap li + li {margin-top:20px;} #container.contact .contact-wrap ul.form-wrap li.divide {border-bottom:1px solid #c4c4c4;padding-bottom:15px;} #container.contact .contact-wrap ul.form-wrap li div {position:relative;display:flex;width:calc((100% / 2) - 5px);padding-top:20px;} #container.contact .contact-wrap ul.form-wrap li div:nth-child(1) {margin-right:5px;} #container.contact .contact-wrap ul.form-wrap li div:nth-child(2) {margin-left:5px;} #container.contact .contact-wrap ul.form-wrap li div input {width:100%;font-size:16px;border:1px solid #e0e0e0;padding:10px;} #container.contact .contact-wrap ul.form-wrap li div select {width:100%;font-size:16px;border:1px solid #e0e0e0;padding:10px;background:url('/ifla2022/theme/100410/kr/common/img/selectbox-arrow.png') no-repeat right 10px center;} #container.contact .contact-wrap ul.form-wrap li div label {position:absolute;top:0;left:0;font-size:12px;margin-bottom:5px;} #container.contact .contact-wrap ul.form-wrap li div label.required {} #container.contact .contact-wrap ul.form-wrap li div label.required:after {content:" *";color:#bb4942;font-weight:700;} #container.contact .contact-wrap ul.form-wrap li div > span.absTXT {position:absolute;font-size:10px;} #container.contact .contact-wrap ul.form-wrap li div > span.absTXT.tr {top:3px;right:0;} #container.contact .contact-wrap ul.form-wrap li div.mobilephone {} #container.contact .contact-wrap ul.form-wrap li div.mobilephone select {width:100px;margin-right:10px;} #container.contact .contact-wrap ul.form-wrap li div.mobilephone input {width:calc(100% - 110px);} #container.contact .contact-wrap .package {margin-top:30px;} #container.contact .contact-wrap .package p.subj {font-size:16px;font-weight:300;} #container.contact .contact-wrap .package ul {margin-top:20px;} #container.contact .contact-wrap .package ul li {position:relative;font-size:16px;font-weight:300;padding-left:15px;} #container.contact .contact-wrap .package ul li + li {margin-top:5px;} #container.contact .contact-wrap .package ul li:before {content:"";position:absolute;top:8px;left:3px;width:4px;height:4px;background-color:#000;border-radius:50%;} #container.contact .contact-wrap .option {margin-top:30px;padding-top:30px;border-top:1px solid #c4c4c4;} #container.contact .contact-wrap .option > h2 {color:#148563;font-size:16px;font-weight:600;margin-top:20px;} #container.contact .contact-wrap .option > h2 > span {border-bottom:2px solid #148563;} #container.contact .contact-wrap .option > h2.option2, #container.contact .contact-wrap .option > h2.option3 {margin-top:30px;padding-top:30px;border-top:1px solid #c4c4c4;} #container.contact .contact-wrap .option > p.title {margin-top:20px;font-size:16px;} #container.contact .contact-wrap .option > p.title > span {font-size:14px;} #container.contact .contact-wrap .option > ul.ch-list {margin-top:20px;padding-bottom:20px;} #container.contact .contact-wrap .option > ul.ch-list > li {font-size:16px;display:flex;justify-content:space-between;} #container.contact .contact-wrap .option > ul.ch-list > li + li {margin-top:20px;} #container.contact .contact-wrap .option > ul.ch-list > li > span:nth-child(1) {width:calc(100% - 100px);} #container.contact .contact-wrap .option > ul.ch-list > li > span > input[type=radio] + label {position:relative;display:block;padding-left:30px;} #container.contact .contact-wrap .option > ul.ch-list > li > span > input[type=radio] + label:before {content:"";position:absolute;top:-2px;left:0;width:24px;height:24px;border:1px solid #e0e0e0;border-radius:50%;} #container.contact .contact-wrap .option > ul.ch-list > li > span > input[type=radio] + label:after {content:"";position:absolute;top:5px;left:7px;width:10px;height:10px;border:1px solid #e0e0e0;border-radius:50%;-webkit-transition: .45s; transition: .45s;} #container.contact .contact-wrap .option > ul.ch-list > li > span > input[type=radio]:checked + label:after {border:1px solid #148563;background-color:#148563;} #container.contact .contact-wrap .caution > ul {margin-top:20px;} #container.contact .contact-wrap .caution > ul > li {position:relative;font-size:14px;font-weight:300;padding-left:10px;} #container.contact .contact-wrap .caution > ul > li:before {content:"*";position:absolute;top:0;left:0;} #container.contact .contact-wrap .caution > ul > li + li {margin-top:5px;} #container.contact .contact-wrap .exchangerate {margin-top:50px;text-align:right;font-size:16px;font-weight:600;} #container.contact .contact-wrap .exchangerate > strong {font-size:24px;} #container.contact .contact-wrap .total-fee-wrap {margin-top:30px;padding-top:30px;border-top:1px solid #c4c4c4;} #container.contact .contact-wrap .total-fee-wrap ul li {display:flex;justify-content:space-between;} #container.contact .contact-wrap .total-fee-wrap ul li + li {margin-top:20px;} #container.contact .contact-wrap .total-fee-wrap ul li span {font-size:16px;} #container.contact .contact-wrap .total-fee-wrap ul li span.totalfee {color:#148563;font-weight:600;} #container.contact .contact-wrap .total-fee-wrap ul li.opt-event {line-height:1.6;} #container.contact .contact-wrap .total-fee-wrap ul li.opt-event > span > em {color:#437e63;font-style:normal;} #container.contact .contact-wrap .total-fee-wrap ul li.opt-event > span > i {/*color:#437e63;*/font-style:normal;} #container.contact .contact-wrap .complete-wrap {margin-top:70px;} #container.contact .contact-wrap .complete-wrap h1 {color:#148563;font-size:24px;} #container.contact .contact-wrap .complete-wrap .desc {font-size:18px;font-weight:300;margin-top:20px;} #container.contact .contact-wrap .complete-infor-wrap {padding-top:20px;margin-top:20px;border-top:1px solid #c4c4c4;} #container.contact .contact-wrap .complete-infor-wrap div.review-infor-wrap {padding:30px 20px;background-color:#148563;} #container.contact .contact-wrap .complete-infor-wrap div.review-infor-wrap p.subj {color:#f4c000;font-size:22px;font-weight:600;} #container.contact .contact-wrap .complete-infor-wrap div.review-infor-wrap ul {margin-top:30px;} #container.contact .contact-wrap .complete-infor-wrap div.review-infor-wrap ul li {display:flex;} #container.contact .contact-wrap .complete-infor-wrap div.review-infor-wrap ul li + li {margin-top:20px;} #container.contact .contact-wrap .complete-infor-wrap div.review-infor-wrap ul li span:nth-child(1) {width:275px;color:#000;font-size:16px;} #container.contact .contact-wrap .complete-infor-wrap div.review-infor-wrap ul li span:nth-child(2) {color:#fff;font-size:16px;font-weight:600;} #container.contact .contact-wrap .complete-infor-wrap div.review-infor-wrap a.edit {display:block;margin:30px auto 0;width:275px;color:#000;font-size:16px;font-weight:600;background-color:#fff;text-align:center;padding:7px 10px;border-radius:35px;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap {padding:30px 20px;background-color:#148563;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap p.subj {color:#f4c000;font-size:22px;font-weight:600;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul {margin-top:30px;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li {display:flex;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li + li {margin-top:20px;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li span:nth-child(1) {width:275px;color:#000;font-size:16px;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li span:nth-child(2) {color:#fff;font-size:16px;font-weight:600;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li.cols2 {display:flex;justify-content:space-between;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li.cols2 span:nth-child(2) {color:#fff;font-size:16px;font-weight:200;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li.cols3 {display:flex;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li.cols3 span:nth-child(2) {width:calc(100% - 275px);} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li.cols3 span:nth-child(2) > em {display:flex;justify-content:space-between;width:100%;color:#fff;font-size:16px;font-weight:600;font-style:normal;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li.cols3 span:nth-child(2) > em + em {margin-top:5px;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li.cols3 span:nth-child(2) > em > i {color:#fff;font-size:16px;font-weight:200;font-style:normal;text-align:right;} #container.contact .contact-wrap .complete-infor-wrap .total-fee-wrap {padding:0 20px 30px;margin-top:0;border-top:0;background-color:#148563; } #container.contact .contact-wrap .complete-infor-wrap .total-fee-wrap ul {margin-top:0;} #container.contact .contact-wrap .complete-infor-wrap .total-fee-wrap ul li span {color:#f4c000;} #container.contact .contact-wrap .complete-infor-wrap .total-fee-wrap ul li:nth-child(3) span {color:#f4c000;} #container.contact .contact-wrap .complete-infor-wrap .total-fee-wrap a.edit {display:block;margin:30px auto 0;width:275px;color:#000;font-size:16px;font-weight:600;background-color:#fff;text-align:center;padding:7px 10px;border-radius:35px;} #container.contact .contact-wrap .confirm-wrap {margin-top:70px;padding-bottom:50px;border-bottom:1px solid #666;} #container.contact .contact-wrap .confirm-wrap h1 {color:#148563;font-size:24px;} #container.contact .contact-wrap .confirm-wrap .desc {font-size:15px;font-weight:300;margin-top:20px;} #container.contact .contact-wrap .confirm-wrap .desc > a {color:#000;font-weight:600;} #container.contact .contact-wrap .agree {margin-top:20px;} #container.contact .contact-wrap .agree input[type="checkbox"] + label {position:relative;display:block;font-size:14px;padding-left:35px;} #container.contact .contact-wrap .agree input[type="checkbox"] + label:before {content:"";position:absolute;top:-3px;left:0;width:24px;height:24px;border:1px solid #e0e0e0;} #container.contact .contact-wrap .agree input[type="checkbox"]:checked + label:after {content:"";position:absolute;top:4px;left:7px;width:10px;height:10px;background-color:#148563;} #container.contact .contact-wrap .payment-infor-wrap p.subj {font-size:22px;font-weight:600;} #container.contact .contact-wrap .payment-infor-wrap ul {margin-top:30px;} #container.contact .contact-wrap .payment-infor-wrap ul li {display:flex;} #container.contact .contact-wrap .payment-infor-wrap ul li + li {margin-top:20px;} #container.contact .contact-wrap .payment-infor-wrap {padding:30px 20px;background-color:#efefef;margin-top:30px;} #container.contact .contact-wrap .payment-infor-wrap ul li span:nth-child(1) {width:275px;font-size:16px;} #container.contact .contact-wrap .payment-infor-wrap ul li span:nth-child(2) {font-size:16px;} #container.contact .contact-wrap .payment-method {margin-top:50px;} #container.contact .contact-wrap .payment-method h1 {color:#148563;font-size:24px;} #container.contact .contact-wrap .payment-method > div.method {display:flex;justify-content:space-between;margin-top:10px;} #container.contact .contact-wrap .payment-method > div.method a {width:calc((100% / 2) - 5px);color:#000;font-size:20px;font-weight:600;text-align:center;padding:7px 10px;border:1px solid #f4c000;border-radius:40px;} #container.contact .contact-wrap .payment-method > div.method a.on {background-color:#f4c000;} #container.contact .contact-wrap .payment-method > p.payment-tit {color:#bb4942;font-size:18px;text-align:center;margin-top:20px;} #container.contact .contact-wrap .payment-method > div.card-sel {display:flex;justify-content:center;margin-top:10px;} #container.contact .contact-wrap .payment-method > div.card-sel input[type=radio] + label {background-color:#fafafa;border-radius:5px;margin:0 5px;padding:5px 10px;} #container.contact .contact-wrap .payment-method > div.card-sel input[type=radio]:checked + label {background-color:#f4c000;} #container.contact .contact-wrap .btn-wrap {display:flex;justify-content:center;margin-top:50px;} #container.contact .contact-wrap .btn-wrap a {color:#000;font-size:21px;font-weight:600;text-align:center;background-color:#f4c000;max-width:260px;width:100%;padding:7px 5px;border-radius:35px;margin:0 5px;} #container.contact .contact-wrap .btn-wrap a.back {background-color:#fafafa;border:1px solid #c4c4c4;} #container.contact .contact-wrap .btn-wrap a.cancel {background-color:#c4c4c4;} #container.contact .contact-wrap .btn-wrap a.paynow {color:#bb4942;border:1px solid #bb4942;background-color:#fff;} #container.contact .contact-wrap .btn-wrap a.paynow.on {color:#fff;border:1px solid #bb4942;background-color:#bb4942;} #container.contact .contact-wrap .btn-wrap a.mypage {color:#fff;border:1px solid #148563;background-color:#148563;} #container.contact .contact-wrap .btn-wrap a.gomain {color:#000;border:1px solid #c4c4c4;background-color:#fafafa;} /* Mypage */ /* LOGIN */ #container.login > .subcover {background-color:#364755;} #container.login > .subcover .inConts:before {content:"";position:absolute;bottom:-200px;right:0px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(187,73,66,0.3);z-index:-1;} #container.login > .subcover .inConts:after {content:"";position:absolute;top:-40px;right:0px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(244,192,0,0.3);z-index:-1;} #container.login > .subcover .inConts h1 {color:#fff;} #container.login > .login-wrap {position:relative;} #container.login > .login-wrap > .inConts:before {content:"";position:absolute;top:-160px;right:200px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(216,225,226,0.3);z-index:-1;} #container.login > .login-wrap {padding:100px 0;} #container.login > .login-wrap ul.table {display:flex;justify-content:space-between;} #container.login > .login-wrap ul.table li {width:calc((100% / 2) - 10px);} #container.login > .login-wrap ul.table li label {font-size:12px;display:block;margin-bottom:5px;} #container.login > .login-wrap ul.table li input {width:100%;border:1px solid #ccc;border-radius:3px;padding:10px;} #container.login > .login-wrap ul.table li div.txt {font-size:16px;font-weight:300;margin-top:40px;} #container.login > .login-wrap ul.table li div.txt a {color:#437e63;text-decoration:underline;} #container.login > .login-wrap .btn-wrap {display:flex;justify-content:center;margin-top:100px;} #container.login > .login-wrap .btn-wrap a {color:#000;font-size:21px;font-weight:600;text-align:center;background-color:#f4c000;max-width:260px;width:100%;padding:7px 5px;border-radius:35px;margin:0 5px;} #container.login > .findpw-wrap {position:relative;} #container.login > .findpw-wrap > .inConts:before {content:"";position:absolute;top:-160px;right:200px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(216,225,226,0.3);z-index:-1;} #container.login > .findpw-wrap {padding:100px 0;} #container.login > .findpw-wrap h1 {font-size:24px;font-weight:600;} #container.login > .findpw-wrap ul.table {display:flex;justify-content:space-between;margin-top:20px;} #container.login > .findpw-wrap ul.table li {width:calc((100% / 2) - 10px);} #container.login > .findpw-wrap ul.table li label {font-size:12px;display:block;margin-bottom:5px;} #container.login > .findpw-wrap ul.table li input {width:100%;border:1px solid #ccc;border-radius:3px;padding:10px;} #container.login > .findpw-wrap ul.table li:nth-child(2) {color:#bb4942;font-size:16px;font-weight:300;margin-top:17px;} #container.login > .findpw-wrap .btn-wrap {display:flex;justify-content:center;margin-top:100px;} #container.login > .findpw-wrap .btn-wrap a {color:#000;font-size:21px;font-weight:600;text-align:center;background-color:#f4c000;max-width:260px;width:100%;padding:7px 5px;border-radius:35px;margin:0 5px;} /* MYPAGE */ #container.mypage > .subcover {background-color:#437e63;} #container.mypage > .subcover .inConts:before {content:"";position:absolute;bottom:-200px;right:0px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(244,192,0,0.3);z-index:-1;} #container.mypage > .subcover .inConts:after {content:"";position:absolute;top:0px;right:130px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(255,255,255,0.3);z-index:-1;} #container.mypage > .subcover .inConts h1 {color:#fff;} #container.mypage .tab-wrap {position:relative;display:flex;justify-content:space-between;border-bottom:1px solid #000;margin-bottom:50px;} #container.mypage .tab-wrap:after {content:"";position:absolute;bottom:-10px;left:0;width:100%;height:10px;border-left:1px solid #000;border-right:1px solid #000;} #container.mypage .tab-wrap > a {color:#000;font-size:14px;font-weight:500;width:calc((100% / 4) - 7px);background-color:#CCE0DA;padding:10px;} #container.mypage .tab-wrap > a.on {color:#fff;background-color:#437e63;} /* STEP 1 :: MY PROFILE */ #container.mypage > .mypage-profile-wrap {position:relative;} #container.mypage > .mypage-profile-wrap > .inConts:before {content:"";position:absolute;top:150px;right:200px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(216,225,226,0.3);z-index:-1;} #container.mypage > .mypage-profile-wrap {padding:100px 0;} #container.mypage > .mypage-profile-wrap h1 {font-size:24px;font-weight:500;} #container.mypage > .mypage-profile-wrap ul.table {margin-top:20px;} #container.mypage > .mypage-profile-wrap ul.table li {position:relative;font-size:16px;font-weight:300;margin-top:20px;padding-left:320px;} #container.mypage > .mypage-profile-wrap ul.table li > span {position:absolute;top:0;left:0;max-width:300px;font-size:16px;font-weight:500;display:flex;align-items:center;} #container.mypage > .mypage-profile-wrap ul.table li > span:before {content:"";width:4px;height:4px;border-radius:50%;background-color:#000;margin:0 7px;} #container.mypage > .mypage-profile-wrap p.caution {font-size:14px;font-weight:200;margin-top:20px;} #container.mypage > .mypage-profile-wrap p.caution > span {color:#bb4942;font-weight:700;} #container.mypage > .mypage-profile-wrap ul.form-wrap {margin-top:50px;} #container.mypage > .mypage-profile-wrap ul.form-wrap li {display:flex;} #container.mypage > .mypage-profile-wrap ul.form-wrap li + li {margin-top:20px;} #container.mypage > .mypage-profile-wrap ul.form-wrap li.divide {border-bottom:1px solid #c4c4c4;padding-bottom:15px;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div {position:relative;display:flex;width:calc((100% / 2) - 5px);padding-top:20px;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div:nth-child(1) {margin-right:5px;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div:nth-child(2) {margin-left:5px;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div input {width:100%;font-size:16px;border:1px solid #e0e0e0;padding:10px;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div select {width:100%;font-size:16px;border:1px solid #e0e0e0;padding:10px;background:url('/ifla2022/theme/100410/kr/common/img/selectbox-arrow.png') no-repeat right 10px center;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div label {position:absolute;top:0;left:0;font-size:12px;margin-bottom:5px;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div label.required {} #container.mypage > .mypage-profile-wrap ul.form-wrap li div label.required:after {content:" *";color:#bb4942;font-weight:700;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div > span.absTXT {position:absolute;font-size:10px;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div > span.absTXT.tr {top:3px;right:0;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div.mobilephone {} #container.mypage > .mypage-profile-wrap ul.form-wrap li div.mobilephone select {width:100px;margin-right:10px;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div.mobilephone input {width:calc(100% - 110px);} #container.mypage > .mypage-profile-wrap .btn-wrap {display:flex;justify-content:center;margin-top:50px;} #container.mypage > .mypage-profile-wrap .btn-wrap a {color:#000;font-size:21px;font-weight:600;text-align:center;background-color:#f4c000;max-width:260px;width:100%;padding:7px 5px;border-radius:35px;margin:0 5px;} #container.mypage > .mypage-profile-wrap .btn-wrap a.cancel {background-color:#c4c4c4;} /* STEP 2 :: PACKAGE DETAILS */ #container.mypage > .mypage-package-wrap {position:relative;} #container.mypage > .mypage-package-wrap > .inConts:before {content:"";position:absolute;top:150px;right:200px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(216,225,226,0.3);z-index:-1;} #container.mypage > .mypage-package-wrap {padding:100px 0;} #container.mypage > .mypage-package-wrap h1 {font-size:24px;font-weight:500;} #container.mypage > .mypage-package-wrap ul.table {margin-top:20px;} #container.mypage > .mypage-package-wrap ul.table li {position:relative;font-size:16px;font-weight:300;margin-top:20px;padding-left:400px;} #container.mypage > .mypage-package-wrap ul.table li.cRed {color:#bb4942;} #container.mypage > .mypage-package-wrap ul.table li > span {position:absolute;top:0;left:0;width:380px;color:#000;font-size:16px;font-weight:500;display:flex;flex-wrap:wrap;align-items:center;} #container.mypage > .mypage-package-wrap ul.table li > span:before {content:"";width:4px;height:4px;border-radius:50%;background-color:#000;margin:0 7px;} #container.mypage > .mypage-package-wrap ul.table li > span > em {display:block;margin-left:15px;font-style:normal;} #container.mypage > .mypage-package-wrap ul.form-wrap li > span {position:absolute;top:0;left:0;width:380px;color:#000;font-size:16px;font-weight:500;display:flex;flex-wrap:wrap;align-items:flex-start;} #container.mypage > .mypage-package-wrap ul.form-wrap li > span:before {content:"";width:4px;height:4px;border-radius:50%;background-color:#000;margin:0 7px;} #container.mypage > .mypage-package-wrap ul.form-wrap li > span > em {display:block;margin-left:15px;font-style:normal;} #container.mypage > .mypage-package-wrap ul.form-wrap {margin-top:50px;} #container.mypage > .mypage-package-wrap ul.form-wrap li {position:relative;font-size:16px;font-weight:300;padding-left:400px;} #container.mypage > .mypage-package-wrap ul.form-wrap li + li {margin-top:20px;} #container.mypage > .mypage-package-wrap ul.form-wrap li.divide {border-bottom:1px solid #c4c4c4;padding-bottom:15px;} #container.mypage > .mypage-package-wrap ul.form-wrap li div {position:relative;width:100%;} #container.mypage > .mypage-package-wrap ul.form-wrap li div input {width:100%;font-size:16px;border:1px solid #e0e0e0;padding:10px;} #container.mypage > .mypage-package-wrap ul.form-wrap li div select {width:100%;font-size:16px;border:1px solid #e0e0e0;padding:10px;background:url('/ifla2022/theme/100410/kr/common/img/selectbox-arrow.png') no-repeat right 10px center;} #container.mypage > .mypage-package-wrap ul.form-wrap li div label {display:none;position:absolute;top:0;left:0;font-size:12px;margin-bottom:5px;} #container.mypage > .mypage-package-wrap ul.form-wrap li div label.required {} #container.mypage > .mypage-package-wrap ul.form-wrap li div label.required:after {content:" *";color:#bb4942;font-weight:700;} #container.mypage > .mypage-package-wrap ul.form-wrap li div.excel-upload label { position:relative;display:block;width:100%;font-size:16px;border:1px solid #e0e0e0;padding:10px; vertical-align: middle; background-color: #fff; cursor: pointer; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-right:65px; } #container.mypage > .mypage-package-wrap ul.form-wrap li div.excel-upload label:after {content:"BROWSE";position:absolute;top:50%;right:5px;transform:translate(0,-50%);width:auto;font-size:10px;background-color:#437e63;color:#fff;padding:9px 10px;border:0;border-radius:3px;} #container.mypage > .mypage-package-wrap ul.form-wrap li div.excel-upload input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } #container.mypage > .mypage-package-wrap .btn-wrap {display:flex;justify-content:center;margin-top:50px;} #container.mypage > .mypage-package-wrap .btn-wrap a {color:#000;font-size:21px;font-weight:600;text-align:center;background-color:#f4c000;max-width:260px;width:100%;padding:7px 5px;border-radius:35px;margin:0 5px;} #container.mypage > .mypage-package-wrap .btn-wrap a.cancel {background-color:#c4c4c4;} /* STEP 3 :: INVOICE */ #container.mypage > .mypage-invoice-wrap {position:relative;} #container.mypage > .mypage-invoice-wrap > .inConts:before {content:"";position:absolute;top:150px;right:200px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(216,225,226,0.3);z-index:-1;} #container.mypage > .mypage-invoice-wrap {padding:100px 0;} #container.mypage > .mypage-invoice-wrap h1 {font-size:24px;font-weight:500;} #container.mypage > .mypage-invoice-wrap .total-fee-wrap {margin-top:30px;padding-top:30px;border-top:1px solid #c4c4c4;} #container.mypage > .mypage-invoice-wrap .total-fee-wrap ul li {display:flex;justify-content:space-between;} #container.mypage > .mypage-invoice-wrap .total-fee-wrap ul li + li {margin-top:20px;} #container.mypage > .mypage-invoice-wrap .total-fee-wrap ul li span {font-size:16px;} #container.mypage > .mypage-invoice-wrap .total-fee-wrap ul li span.totalfee {color:#148563;font-weight:600;} #container.mypage > .mypage-invoice-wrap .complete-wrap {margin-top:70px;} #container.mypage > .mypage-invoice-wrap .complete-wrap h1 {color:#148563;font-size:24px;} #container.mypage > .mypage-invoice-wrap .complete-wrap .desc {font-size:18px;font-weight:300;margin-top:20px;} #container.mypage > .mypage-invoice-wrap .payment-infor-wrap p.subj {font-size:22px;font-weight:600;} #container.mypage > .mypage-invoice-wrap .payment-infor-wrap ul {margin-top:30px;} #container.mypage > .mypage-invoice-wrap .payment-infor-wrap ul li {display:flex;} #container.mypage > .mypage-invoice-wrap .payment-infor-wrap ul li + li {margin-top:20px;} #container.mypage > .mypage-invoice-wrap .payment-infor-wrap {padding:30px 20px;background-color:#efefef;margin-top:30px;} #container.mypage > .mypage-invoice-wrap .payment-infor-wrap ul li span:nth-child(1) {width:275px;font-size:16px;} #container.mypage > .mypage-invoice-wrap .payment-infor-wrap ul li span:nth-child(2) {font-size:16px;} #container.mypage > .mypage-invoice-wrap .payment-method {margin-top:50px;} #container.mypage > .mypage-invoice-wrap .payment-method h1 {color:#148563;font-size:24px;} #container.mypage > .mypage-invoice-wrap .payment-method > div {display:flex;justify-content:center;margin-top:10px;} #container.mypage > .mypage-invoice-wrap .payment-method > div.card_choose {justify-content:space-between;} #container.mypage > .mypage-invoice-wrap .payment-method > div a {width:calc((100% / 2) - 5px);color:#000;font-size:20px;font-weight:600;text-align:center;padding:7px 10px;border:1px solid #f4c000;border-radius:40px;} #container.mypage > .mypage-invoice-wrap .payment-method > div a.on {background-color:#f4c000;} #container.mypage > .mypage-invoice-wrap .payment-method > p.payment-tit {color:#bb4942;font-size:18px;text-align:center;margin-top:20px;} #container.mypage > .mypage-invoice-wrap .payment-method > div.payment_choose {} #container.mypage > .mypage-invoice-wrap .payment-method > div.payment_choose > input[type=radio] + label {min-width:106px;background-color:#fafafa;border-radius:5px;text-align:center;margin:0 5px;padding:0 15px;cursor:pointer;} #container.mypage > .mypage-invoice-wrap .payment-method > div.payment_choose > input[type=radio]:checked + label {background-color:#f4c000;} #container.mypage > .mypage-invoice-wrap .btn-wrap {display:flex;justify-content:center;margin-top:50px;} #container.mypage > .mypage-invoice-wrap .btn-wrap a {color:#000;font-size:21px;font-weight:600;text-align:center;background-color:#f4c000;max-width:260px;width:100%;padding:7px 5px;border-radius:35px;margin:0 5px;} #container.mypage > .mypage-invoice-wrap .btn-wrap a.back {background-color:#fafafa;border:1px solid #c4c4c4;} #container.mypage > .mypage-invoice-wrap .btn-wrap a.cancel {background-color:#c4c4c4;} #container.mypage > .mypage-invoice-wrap .btn-wrap a.paynow {color:#bb4942;border:1px solid #bb4942;background-color:#fff;} #container.mypage > .mypage-invoice-wrap .btn-wrap a.paynow.active {color:#fff;border:1px solid #bb4942;background-color:#bb4942;} /* STEP 4 :: CHANGE PASSWORD */ #container.mypage > .mypage-pwchange-wrap {position:relative;} #container.mypage > .mypage-pwchange-wrap > .inConts:before {content:"";position:absolute;top:150px;right:200px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(216,225,226,0.3);z-index:-1;} #container.mypage > .mypage-pwchange-wrap {padding:100px 0;} #container.mypage > .mypage-pwchange-wrap h1 {font-size:24px;font-weight:500;} #container.mypage > .mypage-pwchange-wrap ul.table {display:flex;justify-content:space-between;margin-top:30px;} #container.mypage > .mypage-pwchange-wrap ul.table li {width:calc((100% / 2) - 10px);} #container.mypage > .mypage-pwchange-wrap ul.table li label {font-size:12px;display:block;margin-bottom:5px;} #container.mypage > .mypage-pwchange-wrap ul.table li input {width:100%;border:1px solid #ccc;border-radius:3px;padding:10px;} #container.mypage > .mypage-pwchange-wrap .btn-wrap {display:flex;justify-content:center;margin-top:100px;} #container.mypage > .mypage-pwchange-wrap .btn-wrap a {color:#000;font-size:21px;font-weight:600;text-align:center;background-color:#f4c000;max-width:260px;width:100%;padding:7px 5px;border-radius:35px;margin:0 5px;} #container.mypage > .mypage-pwchange-wrap .btn-wrap a.cancel {background-color:#c4c4c4;} #container.mypage > .mypage-pwchange-wrap #modalPopupLayer {position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(0,100%);z-index:-;} #container.mypage > .mypage-pwchange-wrap #modalPopupLayer.active {transform:translate(0,0);z-index:9;} #container.mypage > .mypage-pwchange-wrap #modalPopupLayer .wrap {display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,0.7);} #container.mypage > .mypage-pwchange-wrap #modalPopupLayer .wrap .contBox {max-width:335px;width:100%;background-color:#fff;padding:20px;} #container.mypage > .mypage-pwchange-wrap #modalPopupLayer .wrap .contBox p {font-size:16px;text-align:center;padding:50px 0;} #container.mypage > .mypage-pwchange-wrap #modalPopupLayer .wrap .contBox a {display:block;color:#000;font-size:21px;font-weight:600;text-align:center;background-color:#f4c000;width:100%;padding:7px 5px;border-radius:35px;margin:0 5px;} /* COMING */ #container.coming > .subcover {background-color:#fff;overflow:visible;z-index:1;} #container.coming > .subcover > .inConts:before {content:"";position:absolute;top:100px;left:-20px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(216,225,226,0.3);z-index:-1;} #container.coming > .subcover > .inConts:after {content:"";position:absolute;top:-90px;right:-20px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(216,225,226,0.3);z-index:-1;} #container.coming > .soon-wrap {position:relative;z-index:2;} #container.coming > .soon-wrap .inConts {padding:20px 0 150px;} #container.coming > .soon-wrap h1 {font-size:60px;font-weight:500;} #container.coming > .soon-wrap .circle {display:flex;justify-content:space-between;flex-wrap:wrap;width:360px;height:360px;margin-top:50px;} #container.coming > .soon-wrap .circle > span {width:60px;height:60px;margin:0 60px 60px 0;border-radius:50%;} #container.coming > .soon-wrap .circle > span.c1-1 {background-color:#000;} #container.coming > .soon-wrap .circle > span.c1-2 {background-color:#cad7d8;} #container.coming > .soon-wrap .circle > span.c1-3 {background-color:#efefef;} #container.coming > .soon-wrap .circle > span.c2-1 {background-color:#efefef;} #container.coming > .soon-wrap .circle > span.c2-2 {background-color:#f4c000;} #container.coming > .soon-wrap .circle > span.c2-3 {background-color:#bb4942;} #container.coming > .soon-wrap .circle > span.c3-1 {background-color:#000;} #container.coming > .soon-wrap .circle > span.c3-2 {background-color:#364755;} #container.coming > .soon-wrap .circle > span.c3-3 {background-color:#efefef;} /* SUB :: 공통 */ #container.sub > .conts {padding:100px 0 100px;} #container.sub > .conts > .inConts > figure.top-img {display:flex;justify-content:center;} #container.sub > .conts > .inConts > h1 {position:relative;color:#437e63;font-size:24px;font-weight:500;z-index:1;} #container.sub > .conts > .inConts > p {position:relative;font-size:16px;font-weight:300;line-height:1.4;z-index:1;} /* RE:PUBLIC */ /* OVERVIEW */ #container.republic.overview {} #container.republic.overview .subcover .inConts:before {content:"";position:absolute;top:210px;right:20px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(244,192,0,0.3);z-index:-1;} #container.republic.overview .subcover .inConts h1 {margin-bottom:40px;} #container.republic.overview > .conts > .inConts {position:relative;} #container.republic.overview > .conts > .inConts:before {content:"";position:absolute;top:150px;left:-150px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(196,196,196,0.3);z-index:-1;} #container.republic.overview > .conts > .inConts:after {content:"";position:absolute;bottom:-50px;right:-150px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(244,192,0,0.4);z-index:-1;} #container.republic.overview > .conts > .inConts > h1.line {border-top:1px solid #000;margin-top:50px;padding-top:50px;} #container.republic.overview > .conts ul.theme {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px;} #container.republic.overview > .conts ul.theme > li {width:calc(50% - 25px);} #container.republic.overview > .conts ul.theme > li:nth-child(n+3) {margin-top:70px;} #container.republic.overview > .conts ul.theme > li > ul {margin-top:20px;} #container.republic.overview > .conts ul.theme > li > ul > li {position:relative;font-size:16px;font-weight:300;margin-top:10px;padding-left:15px;} #container.republic.overview > .conts ul.theme > li > ul > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.republic.overview > .conts > .inConts > p > a {text-decoration:underline;} #container.republic.overview > .conts ul.committee {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px;} #container.republic.overview > .conts ul.committee > li {width:calc(50% - 25px);display:flex;align-items:center;} #container.republic.overview > .conts ul.committee > li:nth-child(n+3) {margin-top:30px;} #container.republic.overview > .conts .movie {margin-top:30px;font-size:0;line-height:0;position:relative;width:100%;height:0;padding-bottom:56.25%;} #container.republic.overview > .conts .movie iframe {position:absolute;top:0;left:0;width:100%;height:100%;} #container.republic.overview > .conts ul.logo {display:flex;justify-content:space-between;align-items:center;margin-top:30px;} #container.republic.overview > .conts ul.logo > li {width:calc(50% - 25px);} #container.republic.overview > .conts ul.logo > li > figure + figure {margin-top:40px;} #container.republic.overview > .conts a.down {display:block; color: #fff; font-size: 20px; font-weight: 600; text-align: center; background-color: #148563; max-width: 315px; width: 100%; padding: 7px 5px; border-radius: 35px; margin: 50px auto 0; } #container.republic.overview > .conts .poster-wrap {display:flex;justify-content:space-between;margin-top:20px;} #container.republic.overview > .conts .poster-wrap < figure {width:calc(50% - 20px);} /* CONTACT US */ #container.republic.contactus {} #container.republic.contactus .subcover .inConts:before {content:"";position:absolute;top:210px;right:20px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(196,196,196,0.3);z-index:-1;} #container.republic.contactus > .conts > .inConts {position:relative;} #container.republic.contactus > .conts > .inConts:before {content:"";position:absolute;top:150px;left:-150px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(196,196,196,0.1);z-index:-1;} #container.republic.contactus > .conts > .inConts:after {content:"";position:absolute;bottom:-50px;right:-150px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(196,196,196,0.4);z-index:-1;} #container.republic.contactus > .conts > .inConts > p > a {text-decoration:underline;} /* SUBMISSION */ /* CALL FOR ABSTRACT */ #container.submission.call_for_abstract {} #container.submission.call_for_abstract .subcover .inConts:before {content:"";position:absolute;top:290px;left:0;width:318px;height:318px;border-radius:50%;border:70px solid rgba(20,133,99,0.3);z-index:-1;} #container.submission.call_for_abstract .subcover .inConts:after {content:"";position:absolute;top:-90px;right:0;width:318px;height:318px;border-radius:50%;border:70px solid rgba(255,201,0,0.3);z-index:-1;} #container.submission.call_for_abstract > .conts > .inConts > h1 {color:#FFC900;} #container.submission.call_for_abstract > .conts {background-color:#148563;} #container.submission.call_for_abstract > .conts > .inConts {position:relative;z-index:1;} #container.submission.call_for_abstract > .conts > .inConts > p {color:#fff;font-weight:200;} #container.submission.call_for_abstract > .conts > .inConts:before {content:"";position:absolute;bottom:180px;right:-150px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(196,196,196,0.3);z-index:-1;} #container.submission.call_for_abstract > .conts > .inConts:after {content:"";position:absolute;bottom:70px;right:-150px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(244,192,0,0.4);z-index:-1;} #container.submission.call_for_abstract > .conts ul.theme {position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px;z-index:1;} #container.submission.call_for_abstract > .conts ul.theme:before {content:"";position:absolute;top:240px;left:-150px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(18,104,77,1);z-index:-1;} #container.submission.call_for_abstract > .conts ul.theme > li {width:calc(50% - 25px);} #container.submission.call_for_abstract > .conts ul.theme > li:nth-child(n+3) {margin-top:70px;} #container.submission.call_for_abstract > .conts ul.theme > li > ul {margin-top:20px;} #container.submission.call_for_abstract > .conts ul.theme > li > ul > li {position:relative;color:#fff;font-size:16px;font-weight:200;margin-top:10px;padding-left:15px;} #container.submission.call_for_abstract > .conts ul.theme > li > ul > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#fff;} #container.submission.call_for_abstract > .conts ul.dot-list {} #container.submission.call_for_abstract > .conts ul.dot-list > li {position:relative;color:#fff;font-size:16px;font-weight:200;margin-top:10px;padding-left:15px;} #container.submission.call_for_abstract > .conts ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#fff;} #container.submission.call_for_abstract > .conts a.link {display:block; color: #000; font-size: 20px; font-weight: 600; text-align: center; background-color: #FFC900; max-width: 315px; width: 100%; padding: 7px 5px; border-radius: 35px; margin: 50px auto 0; } /* SDC 등록 화면 :: 레이어팝업 */ #SDC-regist-layerPopup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:999;} #SDC-regist-layerPopup .layerPopup-wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;} #SDC-regist-layerPopup .layerPopup-wrap form {position:relative;} #SDC-regist-layerPopup .layerPopup-wrap form > a.close {position:absolute;top:0;right:30px;transform:translate(0,-50%);width:45px;height:45px;background-color:#bb4942;border-radius:50%;font-size:0;text-indent:-150%;overflow:hidden;z-index:5;} #SDC-regist-layerPopup .layerPopup-wrap form > a.close:before {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:33px;height:1px;background-color:#fff;} #SDC-regist-layerPopup .layerPopup-wrap form > a.close:after {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:33px;background-color:#fff;} #SDC-regist-layerPopup .layerPopup-wrap div.conts {position:relative;max-width:650px;height:650px;background-color:#fff;padding:30px;overflow-y:auto;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .title {font-size:24px;font-weight:800;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .title.sec {margin-top:50px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .desc {font-size:16px;padding-top:10px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .price {color:#148563;font-size:30px;font-weight:600;text-align:center;padding-bottom:15px;border:1px solid #148563;border-radius:5px;padding:10px;margin-top:30px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > ul.form-wrap {max-width:500px;width:100%;margin-top:30px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > ul.form-wrap li {} #SDC-regist-layerPopup .layerPopup-wrap div.conts > ul.form-wrap li + li {margin-top:20px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > ul.form-wrap li.divide {border-bottom:1px solid #c4c4c4;padding-bottom:15px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > ul.form-wrap li div {position:relative;padding-top:20px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > ul.form-wrap li div input {width:100%;font-size:16px;border:1px solid #e0e0e0;padding:10px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > ul.form-wrap li div select {width:100%;font-size:16px;border:1px solid #e0e0e0;padding:10px;background:url('/ifla2022/theme/100410/kr/common/img/selectbox-arrow.png') no-repeat right 10px center;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > ul.form-wrap li div label {position:absolute;top:0;left:0;font-size:12px;margin-bottom:5px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > ul.form-wrap li div label.required {} #SDC-regist-layerPopup .layerPopup-wrap div.conts > ul.form-wrap li div label.required:after {content:" *";color:#bb4942;font-weight:700;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .payment-method {margin-top:50px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .payment-method h1 {color:#000;font-size:22px;font-weight:600;text-align:center;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .payment-method > div.method {display:flex;justify-content:space-between;margin-top:20px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .payment-method > div.method a {width:calc((100% / 2) - 5px);color:#000;font-size:20px;font-weight:600;text-align:center;padding:7px 10px;border:1px solid #f4c000;border-radius:40px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .payment-method > div.method a.on {background-color:#f4c000;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .payment-method > p.payment-tit {color:#bb4942;font-size:18px;text-align:center;margin-top:20px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .payment-method > div.card-sel {display:flex;justify-content:center;margin-top:10px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .payment-method > div.card-sel input[type=radio] + label {background-color:#fafafa;border-radius:5px;margin:0 5px;padding:5px 10px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .payment-method > div.card-sel input[type=radio]:checked + label {background-color:#f4c000;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .btn-wrap {display:flex;justify-content:center;margin-top:20px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .btn-wrap > a.paynow {color:#bb4942;font-size:21px;font-weight:600;text-align:center;border:1px solid #bb4942;background-color:#fff;max-width:260px;width:100%;padding:7px 5px;border-radius:35px;margin:0 5px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .btn-wrap > a.paynow.active {color:#fff;border:1px solid #bb4942;background-color:#bb4942;} /* SDC 등록 화면 :: 완료 레이어팝업 */ #SDC-regist-complete-layerPopup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:999;} #SDC-regist-complete-layerPopup .layerPopup-wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;} #SDC-regist-complete-layerPopup .layerPopup-wrap div.conts {position:relative;max-width:820px;background-color:#fff;padding:30px;overflow-y:auto;} #SDC-regist-complete-layerPopup .layerPopup-wrap div.conts > figure.complete {max-width:150px;height:auto;margin:0 auto 30px;} #SDC-regist-complete-layerPopup .layerPopup-wrap div.conts > .title {font-size:24px;font-weight:800;text-align:center;} #SDC-regist-complete-layerPopup .layerPopup-wrap div.conts > .desc {font-size:16px;margin-top:10px;text-align:center;} #SDC-regist-complete-layerPopup .layerPopup-wrap div.conts > .desc.sec {margin-top:20px;} #SDC-regist-complete-layerPopup .layerPopup-wrap div.conts > .caution {color:#999;font-size:16px;padding-top:20px;text-align:center;} #SDC-regist-complete-layerPopup .layerPopup-wrap div.conts > .btn-wrap {display:flex;justify-content:center;margin-top:50px;} #SDC-regist-complete-layerPopup .layerPopup-wrap div.conts > .btn-wrap a.close {color:#fff;font-size:21px;font-weight:600;text-align:center;background-color:#f4c000;max-width:300px;width:100%;padding:7px 5px;border-radius:35px;margin:0 5px;} /* ABSTRACT SUBMISSION */ #container.submission.abstract_submission {} #container.submission.abstract_submission .subcover {background-color:#148563;} #container.submission.abstract_submission .subcover .inConts:before {content:"";position:absolute;top:-90px;right:0;width:318px;height:318px;border-radius:50%;border:70px solid rgba(255,255,255,0.3);z-index:-1;} #container.submission.abstract_submission .subcover .inConts > h1 {color:#F4C000;} #container.submission.abstract_submission > .conts > .inConts > h1 {color:#FFC900;} #container.submission.abstract_submission > .conts {background-color:#148563;padding-top:0;overflow:hidden;} #container.submission.abstract_submission > .conts > .inConts {position:relative;z-index:1;} #container.submission.abstract_submission > .conts > .inConts > span.circle1 {position:absolute;top:40px;left:-620px;width:1274px;height:1274px;border-radius:50%;border:70px solid rgba(187,73,66,0.3);z-index:-1;} #container.submission.abstract_submission > .conts > .inConts > span.circle2 {position:absolute;top:560px;right:-510px;width:1026px;height:1026px;border-radius:50%;border:70px solid rgba(54,71,85,0.4);z-index:-1;} #container.submission.abstract_submission > .conts > .inConts > span.circle3 {position:absolute;top:760px;right:-750px;width:1730px;height:1730px;border-radius:50%;border:70px solid rgba(204,224,218,0.1);z-index:-1;} #container.submission.abstract_submission > .conts > .inConts > p {color:#fff;font-weight:200;} #container.submission.abstract_submission > .conts > .inConts > div.head {color:#fff;font-size:48px;font-weight:600;margin-top:100px;} #container.submission.abstract_submission > .conts > .inConts .btn-wrap a.down-form {border:1px solid #BB4942;background-color:#BB4942;} #container.submission.abstract_submission > .conts ul.dot-list {} #container.submission.abstract_submission > .conts ul.dot-list > li {position:relative;color:#fff;font-size:16px;font-weight:200;margin-top:10px;padding-left:15px;} #container.submission.abstract_submission > .conts ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#fff;} #container.submission.abstract_submission > .conts ul.dot-list > li > ul.dash-list {} #container.submission.abstract_submission > .conts ul.dot-list > li > ul.dash-list li {position:relative;padding-left:12px;} #container.submission.abstract_submission > .conts ul.dot-list > li > ul.dash-list li:before {content:"-";position:absolute;top:0;left:0;} #container.submission.abstract_submission > .conts ul.dot-list > li span.etc {font-size:14px;} #container.submission.abstract_submission > .conts ul.dot-list > li a.link {color:#fff;text-decoration:underline;} #container.submission.abstract_submission > .conts ul.gallery {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:10px;margin-left:-10px;} #container.submission.abstract_submission > .conts ul.gallery > li {font-size:0;width:calc(50% - 10px);margin-left:10px;} #container.submission.abstract_submission > .conts ul.gallery > li:nth-child(2n) {text-align:right;} #container.submission.abstract_submission > .conts ul.gallery > li:nth-child(n+3) {margin-top:10px;} #container.submission.abstract_submission > .conts > .inConts .btn-wrap {display:flex;justify-content:center;margin-top:50px;} #container.submission.abstract_submission > .conts > .inConts .btn-wrap a {color:#fff;font-size:21px;font-weight:600;text-align:center;background-color:#f4c000;max-width:300px;width:100%;padding:7px 5px;border-radius:35px;margin:0 5px;} #container.submission.abstract_submission > .conts > .inConts .btn-wrap a.down-form {border:1px solid #BB4942;background-color:#BB4942;} /* STUDENT DESIGN COMPETITION */ #container.submission.student_design_competition {} #container.submission.student_design_competition .subcover {background-color:#f4c000;} #container.submission.student_design_competition .subcover .inConts:before {content:"";position:absolute;top:-90px;right:0;width:318px;height:318px;border-radius:50%;border:70px solid rgba(255,255,255,0.3);z-index:-1;} #container.submission.student_design_competition .subcover .inConts > h1 {color:#148563;} #container.submission.student_design_competition > .conts > .inConts > h1 {color:#148563;} #container.submission.student_design_competition > .conts {background-color:#f4c000;padding-top:0;overflow:hidden;} #container.submission.student_design_competition > .conts > .inConts > span.circle1 {position:absolute;top:400px;left:-620px;width:1274px;height:1274px;border-radius:50%;border:70px solid rgba(216,2255,226,0.3);z-index:-1;} #container.submission.student_design_competition > .conts > .inConts > span.circle2 {position:absolute;top:120px;right:-510px;width:1026px;height:1026px;border-radius:50%;border:70px solid rgba(239,239,239,0.4);z-index:-1;} #container.submission.student_design_competition > .conts > .inConts > span.circle3 {position:absolute;top:650px;left:-500px;width:1730px;height:1730px;border-radius:50%;border:70px solid rgba(20,133,99,0.1);z-index:-1;} #container.submission.student_design_competition > .conts > .inConts {position:relative;z-index:1;} #container.submission.student_design_competition > .conts > .inConts > div.head {color:#fff;font-size:48px;font-weight:600;} #container.submission.student_design_competition > .conts > .inConts > p.des {margin-top:100px;} #container.submission.student_design_competition > .conts > .inConts > p.des > strong {display:block;} #container.submission.student_design_competition > .conts > .inConts > p.notice {font-size:13px;margin-top:15px;} #container.submission.student_design_competition > .conts > .inConts > p a {color:#000;text-decoration:underline;} #container.submission.student_design_competition > .conts ul.dot-list {} #container.submission.student_design_competition > .conts ul.dot-list > li {display:flex;} #container.submission.student_design_competition > .conts ul.dot-list > li + li {margin-top:5px;} #container.submission.student_design_competition > .conts ul.dot-list > li > div:nth-child(1) {position:relative;font-size:16px;font-weight:300;padding-left:15px;width:190px;} #container.submission.student_design_competition > .conts ul.dot-list > li > div:nth-child(1):before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#494949;} #container.submission.student_design_competition > .conts ul.dot-list > li > div:nth-child(2) {font-size:16px;font-weight:300;} #container.submission.student_design_competition > .conts ul.planning {margin-top:30px;border-top:1px solid #000;} #container.submission.student_design_competition > .conts ul.planning > li {position:relative;border-bottom:1px solid #000;padding:50px 0 15px;} #container.submission.student_design_competition > .conts ul.planning > li > span {position:absolute;top:15px;left:0;font-size:16px;font-weight:600;} #container.submission.student_design_competition > .conts ul.planning > li > div {display:flex;justify-content:space-between;} #container.submission.student_design_competition > .conts ul.planning > li > div > p.txt {position:relative;font-size:16px;padding-left:13px;} #container.submission.student_design_competition > .conts ul.planning > li > div > p.txt:before {content:"";position:absolute;top:8px;left:3px;width:3px;height:3px;border-radius:50%;background-color:#494949;} #container.submission.student_design_competition > .conts ul.planning > li > div > p.price {color:#148563;font-size:16px;text-align:right;} #container.submission.student_design_competition > .conts ul.planning > li > div + div {margin-top:5px;} #container.submission.student_design_competition > .conts > .inConts .btn-wrap {display:flex;justify-content:space-around;margin-top:50px;} #container.submission.student_design_competition > .conts > .inConts .btn-wrap a {color:#fff;font-size:21px;font-weight:600;text-align:center;background-color:#f4c000;min-width:28%;padding:0.4375rem 1.0rem;border-radius:35px;margin:0 5px;} #container.submission.student_design_competition > .conts > .inConts .btn-wrap a.down-briief {border:1px solid #148563;background-color:#148563;} #container.submission.student_design_competition > .conts > .inConts .btn-wrap a.down-form {border:1px solid #BB4942;background-color:#BB4942;} #container.submission.student_design_competition > .conts > .inConts .btn-wrap a.entry-fees {color:#fff;border:1px solid #000;background-color:#000;} /* PROGRAM */ /* SCHEDULE */ #container.program.schedule {} #container.program.schedule .subcover {background-color:#fff;} #container.program.schedule .subcover .inConts:before {content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%,0);width:318px;height:318px;border-radius:50%;border:70px solid rgba(187,73,66,0.3);z-index:-1;} #container.program.schedule .conts {padding-top:0;} #container.program.schedule .conts .list-wrap {position:relative;padding-left:200px;padding-bottom:50px;overflow:hidden;} #container.program.schedule .conts .list-wrap > span.day {position:absolute;top:0;left:0;width:180px;height:180px;border-radius:50%;color:#fff;font-size:36px;font-weight:600;text-align:center;display:flex;justify-content:center;align-items:center;padding:0;} #container.program.schedule .conts .list-wrap > span.day:before {content:"";position:absolute;top:180px;left:50%;transform:translate(-50%,0);width:1px;height:1000px;border-left:1px solid #000;} #container.program.schedule .conts .list-wrap > span.day.d1 {background-color:#148563;} #container.program.schedule .conts .list-wrap > span.day.d2 {background-color:#FFC900;} #container.program.schedule .conts .list-wrap > span.day.d3 {background-color:#BB4942;} #container.program.schedule .conts .list-wrap > span.day.all {background-color:#C4C4C4;} #container.program.schedule .conts .list-wrap > span.day.all:before {border-left:1px dashed #000;} #container.program.schedule .conts .list-wrap > span.day.post {background-color:#364755;} #container.program.schedule .conts .list-wrap > span.day.post:before {content:none;} #container.program.schedule .conts .list-wrap > .cont {} #container.program.schedule .conts .list-wrap > .cont > h1 {font-size:36px;font-weight:500;padding-top:65px;} #container.program.schedule .conts .list-wrap > .cont > ul {} #container.program.schedule .conts .list-wrap > .cont > ul > li {position:relative;color:#000;font-size:16px;font-weight:600;margin-top:10px;padding-left:15px;} #container.program.schedule .conts .list-wrap > .cont > ul > li > span {display:block;font-weight:300;} #container.program.schedule .conts .list-wrap > .cont > ul > li + li {margin-top:30px;} #container.program.schedule .conts .list-wrap > .cont > ul > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.schedule .conts .list-wrap > .cont > ul > li > ul.normal {} #container.program.schedule .conts .list-wrap > .cont > ul > li > ul.normal > li {font-weight:300;} #container.program.schedule .conts .list-wrap > .cont > ul > li > ul.dot-list {} #container.program.schedule .conts .list-wrap > .cont > ul > li > ul.dot-list > li {position:relative;font-weight:300;padding-left:12px;} #container.program.schedule .conts .list-wrap > .cont > ul > li > ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#999;} /* KEYNOTE SPEAKERS */ #container.program.keynote_speakers {} #container.program.keynote_speakers .subcover {background-color:#fff;} #container.program.keynote_speakers .subcover .inConts:before {content:"";position:absolute;top:40px;left:450px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(20,133,99,0.3);z-index:-1;} #container.program.keynote_speakers .conts {padding-top:0;} #container.program.keynote_speakers .conts .list-wrap {position:relative;} #container.program.keynote_speakers .conts .list-wrap + .list-wrap {margin-top:50px;} #container.program.keynote_speakers .conts .list-wrap > div.day {} #container.program.keynote_speakers .conts .list-wrap > div.day > span {display:block;width:180px;color:#fff;font-size:21px;text-align:center;padding:7px 10px;border-radius:30px;} #container.program.keynote_speakers .conts .list-wrap > div.day.d1 > span {background-color:#148563;} #container.program.keynote_speakers .conts .list-wrap > div.day.d2 > span {background-color:#FFC900;} #container.program.keynote_speakers .conts .list-wrap > div.day.d3 > span {background-color:#BB4942;} #container.program.keynote_speakers .conts .list-wrap > div.day.special > span {background-color:#364755;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li {display:flex;justify-content:space-between;align-items:center;padding:30px 0;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li + li {border-top:1px solid #000;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > figure {width:250px;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > div {width:calc(100% - 280px);} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > div > h1 {font-size:20px;font-weight:600;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > div > h1.plus:before {content:"+";display:block;font-size:16px;font-weight:400;padding:10px 0;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > div > h1 > span {font-size:16px;font-weight:300;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > div > h1 em {/*color:#7B61FF;*/} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > div > ul {margin-top:20px;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > div > ul > li {position:relative;font-weight:300;padding-left:15px;font-size:16px;line-height:1.4;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > div > ul > li + li {margin-top:7px;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > div > ul > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > div > ul > li > em {/*color:#7B61FF;*/} /* SPECIAL SESSION */ #container.program.special_session {} #container.program.special_session .subcover {background-color:#fff;} #container.program.special_session .subcover .inConts:before {content:"";position:absolute;top:40px;left:450px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(20,133,99,0.3);z-index:-1;} #container.program.special_session .conts {padding-top:0;} #container.program.special_session .conts > .inConts > h1 {color:#437E63;font-size:40px;font-weight:700;} #container.program.special_session .conts dl dt {color:#437E63;font-size:20px;font-weight:600;margin-top:40px;} #container.program.special_session .conts dl dd {font-size:16px;font-weight:300;line-height:1.4;margin-top:20px;} #container.program.special_session .conts dl dd ul.dot-line {} #container.program.special_session .conts dl dd ul.dot-line li {position:relative;padding-left:16px;} #container.program.special_session .conts dl dd ul.dot-line li:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.special_session .conts dl dd ul.dot-line li + li {margin-top:5px;} #container.program.special_session .conts dl dd ul.table {} #container.program.special_session .conts dl dd ul.table li {display:flex;} #container.program.special_session .conts dl dd ul.table li div {border-bottom:1px solid #C4C4C4;padding:10px 0;} #container.program.special_session .conts dl dd ul.table li div.time {width:160px;} #container.program.special_session .conts dl dd ul.table li div.min {width:40px;margin-left:10px;} #container.program.special_session .conts dl dd ul.table li div.program {width:calc(100% - 220px);margin-left:10px;} #container.program.special_session .conts dl dd ul.table li.title div {font-weight:700;border-bottom-color:#437E63;} #container.program.special_session .conts .list-wrap {margin-top:40px;padding-top:40px;border-top:1px solid #000;} #container.program.special_session .conts .list-wrap > div.day > span {display:block;width:180px;color:#fff;font-size:21px;text-align:center;padding:7px 10px;border-radius:30px;} #container.program.special_session .conts .list-wrap > div.day.special > span {background-color:#FFC900;} #container.program.special_session .conts .list-wrap > ul.cont > li {display:flex;justify-content:space-between;align-items:center;padding:30px 0;} #container.program.special_session .conts .list-wrap > ul.cont > li + li {border-top:1px solid #000;} #container.program.special_session .conts .list-wrap > ul.cont > li > figure {width:250px;} #container.program.special_session .conts .list-wrap > ul.cont > li > div {width:calc(100% - 280px);} #container.program.special_session .conts .list-wrap > ul.cont > li > div > h1 {font-size:20px;font-weight:600;} #container.program.special_session .conts .list-wrap > ul.cont > li > div > h1.plus:before {content:"+";display:block;font-size:16px;font-weight:400;padding:10px 0;} #container.program.special_session .conts .list-wrap > ul.cont > li > div > h1 > span {font-size:16px;font-weight:300;} #container.program.special_session .conts .list-wrap > ul.cont > li > div > h1 em {/*color:#7B61FF;*/} #container.program.special_session .conts .list-wrap > ul.cont > li > div > ul {margin-top:20px;} #container.program.special_session .conts .list-wrap > ul.cont > li > div > ul > li {position:relative;font-weight:300;padding-left:15px;font-size:16px;line-height:1.4;} #container.program.special_session .conts .list-wrap > ul.cont > li > div > ul > li + li {margin-top:7px;} #container.program.special_session .conts .list-wrap > ul.cont > li > div > ul > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.special_session .conts .list-wrap > ul.cont > li > div > ul > li > em {font-style:normal;color:#7B61FF;} /* ROUNDTABLE */ #container.program.roundtable {} #container.program.roundtable .subcover {background-color:#fff;} #container.program.roundtable .subcover .inConts:before {content:"";position:absolute;top:40px;left:450px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(20,133,99,0.3);z-index:-1;} #container.program.roundtable .conts {padding-top:0;} #container.program.roundtable .conts > .inConts.sec {margin-top:40px;padding-top:40px;border-top:1px solid #000;} #container.program.roundtable .conts > .inConts > .rbox {max-width:300px;color:#fff;font-size:21px;text-align:center;padding:7px 10px;border-radius:30px;} #container.program.roundtable .conts > .inConts > .rbox.r1 {background-color:#BB4942;} #container.program.roundtable .conts > .inConts > .rbox.r2 {background-color:#364755;} #container.program.roundtable .conts > .inConts > .rbox.r3 {background-color:#F4C000;} #container.program.roundtable .conts > .inConts > h1 {color:#437E63;font-size:40px;font-weight:700;margin-top:40px;} #container.program.roundtable .conts > .inConts > h4 {color:#437E63;font-size:20px;} #container.program.roundtable .conts dl dt {color:#437E63;font-size:20px;font-weight:600;margin-top:40px;} #container.program.roundtable .conts dl dd {font-size:16px;font-weight:300;line-height:1.4;margin-top:20px;} #container.program.roundtable .conts dl dd span {color:#437E63;} #container.program.roundtable .conts dl dd ul.dot-line {} #container.program.roundtable .conts dl dd ul.dot-line li {position:relative;padding-left:16px;} #container.program.roundtable .conts dl dd ul.dot-line li:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.roundtable .conts dl dd ul.dot-line li.space {margin-top:20px;} #container.program.roundtable .conts dl dd ul.dot-line li + li {margin-top:5px;} #container.program.roundtable .conts dl dd ul.num-list li {position:relative;padding-left:16px;} #container.program.roundtable .conts dl dd ul.num-list li:before {position:absolute;top:0;left:0;} #container.program.roundtable .conts dl dd ul.num-list li:nth-child(1):before {content:"1.";} #container.program.roundtable .conts dl dd ul.num-list li:nth-child(2):before {content:"2.";} #container.program.roundtable .conts dl dd ul.num-list li + li {margin-top:10px;} #container.program.roundtable .conts dl dd a {color:#437E63;} /* EXHIBITION */ #container.program.exhibition {} #container.program.exhibition .subcover .inConts:before {content:"";position:absolute;top:150px;left:280px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(20,133,99,0.3);z-index:-1;} #container.program.exhibition .subcover .inConts:after {content:"";position:absolute;top:0;left:50px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(255,201,0,0.3);z-index:-1;} #container.program.exhibition > .conts > .inConts > h1.line {border-top:1px solid #000;margin-top:70px;padding-top:70px;} #container.program.exhibition > .conts > .inConts > h2 {font-size:20px;font-weight:600;margin-top:30px;} #container.program.exhibition > .conts > .inConts > h2.line {border-top:1px solid #000;margin-top:70px;padding-top:70px;} #container.program.exhibition > .conts > .inConts > h3 {font-size:16px;font-weight:600;margin-top:20px;} #container.program.exhibition > .conts ul.dot-list {} #container.program.exhibition > .conts ul.dot-list > li {position:relative;font-size:16px;font-weight:300;margin-top:10px;padding-left:15px;} #container.program.exhibition > .conts ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.exhibition > .conts ul.dot-list > li > ul.dot-list > li {position:relative;font-size:16px;font-weight:300;margin-top:10px;padding-left:15px;} #container.program.exhibition > .conts ul.dot-list > li > ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.exhibition > .conts ul.winner-list {display:flex;flex-wrap:wrap;margin-left:-25px;} #container.program.exhibition > .conts ul.winner-list li {width:calc((100% / 3) - 25px);margin:25px 0 0 25px;} #container.program.exhibition > .conts ul.winner-list li .txt {position:relative;margin-top:20px;} #container.program.exhibition > .conts ul.winner-list li .txt .name {font-size:22px;font-weight:500;text-align:center;} #container.program.exhibition > .conts ul.winner-list li .txt .unit {font-size:18px;font-weight:300;text-align:center;} #container.program.exhibition > .conts ul.winner-list li.add:nth-child(1) .txt:before {content:"+";position:absolute;top:50%;right:0;transform:translate(0,-50%);font-size:20px;} #container.program.exhibition > .conts ul.winner-list li:nth-child(2) {transform:translate(-40px,0);} #container.program.exhibition > .conts ul.winner-list li:nth-child(5) {transform:translate(40px,0);} #container.program.exhibition > .conts ul.winner-list li:nth-child(5) .txt .unit {transform:translate(120px,0);} /* WORK & YALK */ #container.program.workntalk {} #container.program.workntalk .subcover .inConts:before {content:"";position:absolute;top:110px;left:200px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(196,196,196,0.3);z-index:-1;} #container.program.workntalk .subcover .inConts:after {content:"";position:absolute;top:230px;left:370px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(20,133,99,0.3);z-index:-1;} #container.program.workntalk > .conts > .inConts > h1.line {border-top:1px solid #000;margin-top:70px;padding-top:70px;} #container.program.workntalk > .conts > .inConts > h2 {font-size:20px;font-weight:600;margin-top:30px;} #container.program.workntalk > .conts > .inConts > h2.line {border-top:1px solid #000;margin-top:70px;padding-top:70px;} #container.program.workntalk > .conts > .inConts > h3 {font-size:16px;font-weight:600;margin-top:20px;} #container.program.workntalk > .conts ul.dot-list {} #container.program.workntalk > .conts ul.dot-list > li {position:relative;font-size:16px;font-weight:300;margin-top:10px;padding-left:15px;} #container.program.workntalk > .conts ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.workntalk > .conts ul.dot-list > li > ul.dot-list > li {position:relative;font-size:16px;font-weight:300;margin-top:10px;padding-left:15px;} #container.program.workntalk > .conts ul.dot-list > li > ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.workntalk > .conts ul.dot-list-green {margin-top:20px;} #container.program.workntalk > .conts ul.dot-list-green > li {position:relative;color:#148563;font-size:14px;font-weight:300;margin-top:5px;padding-left:15px;} #container.program.workntalk > .conts ul.dot-list-green > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#148563;} #container.program.workntalk > .conts > .inConts > figure.line {border-top:1px solid #000;margin-top:50px;padding-top:30px;} #container.program.workntalk > .conts > .inConts > p.txt {padding-top:10px;} #container.program.workntalk > .conts > .inConts > p.txt > strong {display:block;font-size:20px;padding-bottom:5px;} /* TECHNICAL VISIT */ #container.program.technical_visit {} #container.program.technical_visit .subcover .inConts:before {content:"";position:absolute;top:110px;left:200px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(196,196,196,0.3);z-index:-1;} #container.program.technical_visit .subcover .inConts:after {content:"";position:absolute;top:20px;left:390px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(187,73,66,0.3);z-index:-1;} #container.program.technical_visit > .conts > .inConts > h1.line {border-top:1px solid #000;margin-top:70px;padding-top:70px;} #container.program.technical_visit > .conts > .inConts > h2 {font-size:20px;font-weight:600;margin-top:20px;} #container.program.technical_visit > .conts > .inConts > h2.line {border-top:1px solid #c4c4c4;margin-top:20px;padding-top:20px;} #container.program.technical_visit > .conts > .inConts > div.box-title {display:block;color:#fff;font-size:18px;width:260px;background-color:#148563;text-align:center;padding:7px;margin-top:30px;} #container.program.technical_visit > .conts > .inConts > div.box-title.full {width:100%;} #container.program.technical_visit > .conts ul.dot-list {} #container.program.technical_visit > .conts ul.dot-list > li {position:relative;font-size:16px;font-weight:300;margin-top:10px;padding-left:15px;} #container.program.technical_visit > .conts ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.technical_visit > .conts ul.dot-list > li > ul.dot-list > li {position:relative;font-size:16px;font-weight:300;margin-top:10px;padding-left:15px;} #container.program.technical_visit > .conts ul.dot-list > li > ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.technical_visit > .conts ul.dot-list-green {margin-top:20px;} #container.program.technical_visit > .conts ul.dot-list-green > li {position:relative;color:#148563;font-size:14px;font-weight:300;margin-top:5px;padding-left:15px;} #container.program.technical_visit > .conts ul.dot-list-green > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#148563;} #container.program.technical_visit > .conts > .inConts > figure.line {border-top:1px solid #000;margin-top:50px;padding-top:30px;} #container.program.technical_visit > .conts > .inConts > p.txt {padding-top:10px;} #container.program.technical_visit > .conts > .inConts > p.txt > strong {display:block;font-size:20px;padding-bottom:5px;} /* POST CONGRESS TOUR */ #container.program.post_congress_tour {} #container.program.post_congress_tour .subcover .inConts:before {content:"";position:absolute;top:110px;left:440px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(196,196,196,0.3);z-index:-1;} #container.program.post_congress_tour .subcover .inConts:after {content:"";position:absolute;top:260px;left:50px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(255,201,0,0.3);z-index:-1;} #container.program.post_congress_tour > .conts > .inConts > h1.line {border-top:1px solid #000;margin-top:70px;padding-top:70px;} #container.program.post_congress_tour > .conts ul.dot-list {} #container.program.post_congress_tour > .conts ul.dot-list > li {position:relative;font-size:16px;font-weight:300;margin-top:10px;padding-left:15px;} #container.program.post_congress_tour > .conts ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.post_congress_tour > .conts ul.dot-list-green {margin-top:20px;} #container.program.post_congress_tour > .conts ul.dot-list-green > li {position:relative;color:#148563;font-size:14px;font-weight:300;margin-top:5px;padding-left:15px;} #container.program.post_congress_tour > .conts ul.dot-list-green > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#148563;} #container.program.post_congress_tour > .conts ul.tour-course-layer {} #container.program.post_congress_tour > .conts ul.tour-course-layer > li {padding:20px 0;border-bottom:1px solid #C4C4C4;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li > div.tit {position:relative;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li > div.tit:after {content:"";position:absolute;top:50%;right:10px;transform:translate(0,-100%) rotate(45deg);width:20px;height:20px;border-bottom:1px solid #000;border-right:1px solid #000;border-top:0px solid #148563;border-left:0px solid #148563;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li.on > div:after {transform:translate(0,0) rotate(45deg);border-bottom:0px solid #000;border-right:0px solid #000;border-top:1px solid #148563;border-left:1px solid #148563;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li > div.tit > h1 {font-size:16px;font-weight:600;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li > div.tit > p {position:relative;font-size:16px;font-weight:300;margin-top:10px;padding-left:15px;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li > div.tit > p:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li > div.view div.box-title {display:block;color:#fff;font-size:18px;width:260px;background-color:#148563;text-align:center;padding:7px;margin-top:30px;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li > div.view div.box-title.full {width:100%;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li > div.view p.head {color:#437E63;font-size:16px;font-weight:700;margin-top:10px;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li > div.view {display:none;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li > div.view p.txt {font-size:16px;font-weight:300;padding-top:10px;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li > div.view p.txt > strong {display:block;font-size:20px;padding-bottom:5px;} #container.program.post_congress_tour > .conts ul.dot-list-green {margin-top:20px;} #container.program.post_congress_tour > .conts ul.dot-list-green > li {position:relative;color:#148563;font-size:14px;font-weight:300;margin-top:5px;padding-left:15px;} #container.program.post_congress_tour > .conts ul.dot-list-green > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#148563;} /* ACADEMIC_SUB_SESSION */ #container.program.academicSubSession {} #container.program.academicSubSession .subcover .inConts:before {content:"";position:absolute;top:110px;left:200px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(196,196,196,0.3);z-index:-1;} #container.program.academicSubSession .subcover .inConts:after {content:"";position:absolute;top:230px;left:370px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(20,133,99,0.3);z-index:-1;} #container.program.academicSubSession > .conts > .inConts > p.head {font-size:16px;font-weight:700;} #container.program.academicSubSession > .conts > .inConts > ul.dot-list {padding:0 30px;} #container.program.academicSubSession > .conts > .inConts > ul.dot-list > li {position:relative;padding-left:16px;color:#148563;font-size:16px;font-weight:700;line-height:1.4;margin-top:30px;} #container.program.academicSubSession > .conts > .inConts > ul.dot-list > li:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.academicSubSession > .conts > .inConts > ul.dot-list > li > ul {} #container.program.academicSubSession > .conts > .inConts > ul.dot-list > li > ul > li {color:#000;font-size:14px;font-weight:normal;line-height:1.4;} #container.program.academicSubSession > .conts > .inConts > .caution {padding:0 30px 30px;margin-top:50px;border-bottom:1px solid #C4C4C4;} #container.program.academicSubSession > .conts > .inConts > .caution p {position:relative;padding-left:16px;color:#148563;font-size:14px;line-height:1.4;} #container.program.academicSubSession > .conts > .inConts > .caution p:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background-color:#148563;} #container.program.academicSubSession > .conts > .inConts > a.link { display:block; color: #fff; font-size: 20px; font-weight: 600; text-align: center; background-color: #364755; max-width: 315px; width: 100%; padding: 7px 5px; border-radius: 35px; margin: 30px auto 0; } /* IFLA 2022 - STUDENT CHARRETTE PROGRAM */ #container.program.studentCharretteProgram {} #container.program.studentCharretteProgram .subcover .inConts:before {content:"";position:absolute;top:110px;left:200px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(196,196,196,0.3);z-index:-1;} #container.program.studentCharretteProgram .subcover .inConts:after {content:"";position:absolute;top:230px;left:370px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(20,133,99,0.3);z-index:-1;} #container.program.studentCharretteProgram > .conts > .inConts > div.sumarry {border-bottom:1px solid #C4C4C4;padding-bottom:30px;margin-bottom:30px;} #container.program.studentCharretteProgram > .conts > .inConts > div.sumarry p {position:relative;padding-left:16px;font-size:16px;line-height:1.4;} #container.program.studentCharretteProgram > .conts > .inConts > div.sumarry p:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.studentCharretteProgram > .conts > .inConts > p.head {font-size:16px;font-weight:700;} #container.program.studentCharretteProgram > .conts > .inConts > ul.dot-list {padding:0 30px;} #container.program.studentCharretteProgram > .conts > .inConts > ul.dot-list > li {position:relative;padding-left:16px;color:#148563;font-size:16px;font-weight:700;line-height:1.4;margin-top:30px;} #container.program.studentCharretteProgram > .conts > .inConts > ul.dot-list > li:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.studentCharretteProgram > .conts > .inConts > ul.dot-list > li > ul {} #container.program.studentCharretteProgram > .conts > .inConts > ul.dot-list > li > ul > li {color:#000;font-size:14px;font-weight:normal;line-height:1.4;} #container.program.studentCharretteProgram > .conts > .inConts > .caution {padding:0 30px 30px;margin-top:50px;border-bottom:1px solid #C4C4C4;} #container.program.studentCharretteProgram > .conts > .inConts > .caution p {position:relative;padding-left:16px;color:#148563;font-size:14px;line-height:1.4;} #container.program.studentCharretteProgram > .conts > .inConts > .caution p:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background-color:#148563;} #container.program.studentCharretteProgram > .conts > .inConts > a.link { display:block; color: #fff; font-size: 20px; font-weight: 600; text-align: center; background-color: #BB4942; max-width: 315px; width: 100%; padding: 7px 5px; border-radius: 35px; margin: 30px auto 0; } /* EXPO */ #container.program.expo {} #container.program.expo .subcover .inConts:before {content:"";position:absolute;top:90px;left:380px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(54,71,85,0.3);z-index:-1;} #container.program.expo .subcover .inConts:after {content:"";position:absolute;top:0;left:440px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(244,192,0,0.3);z-index:-1;} #container.program.expo > .conts > .inConts > h1.line {border-top:1px solid #000;margin-top:70px;padding-top:70px;} #container.program.expo > .conts > .inConts > h2 {font-size:20px;font-weight:600;margin-top:30px;} #container.program.expo > .conts > .inConts > h2.line {border-top:1px solid #000;margin-top:70px;padding-top:70px;} #container.program.expo > .conts > .inConts > h3 {font-size:16px;font-weight:600;margin-top:20px;} #container.program.expo > .conts ul.dot-list {} #container.program.expo > .conts ul.dot-list > li {position:relative;font-size:16px;font-weight:300;margin-top:10px;padding-left:15px;} #container.program.expo > .conts ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.expo > .conts ul.dot-list > li a.mail {color:#000;text-decoration:underline;} #container.program.expo > .conts ul.dot-list > li > ul.dot-list > li {position:relative;font-size:16px;font-weight:300;margin-top:10px;padding-left:15px;} #container.program.expo > .conts ul.dot-list > li > ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.expo > .conts ul.dot-list-green {margin-top:20px;} #container.program.expo > .conts ul.dot-list-green > li {position:relative;color:#148563;font-size:14px;font-weight:300;margin-top:5px;padding-left:15px;} #container.program.expo > .conts ul.dot-list-green > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#148563;} #container.program.expo > .conts > .inConts > figure.line {border-top:1px solid #000;margin-top:50px;padding-top:30px;} #container.program.expo > .conts > .inConts > p.txt {padding-top:10px;} #container.program.expo > .conts > .inConts > p.txt > strong {display:block;font-size:20px;padding-bottom:5px;} #container.program.expo > .conts .cols2 {display:flex;align-items:center;} #container.program.expo > .conts .cols2 > figure {width:50%;} #container.program.expo > .conts .cols2 > figure > p.f11 {color:#999;font-size:14px;line-height:1.2;font-weight:300;} #container.program.expo > .conts .cols2 > div.table {width:50%;} #container.program.expo > .conts .cols2 > div.table ul li {display:flex;justify-content:space-between;} #container.program.expo > .conts .cols2 > div.table ul li span {width:calc((100% / 3) - 7px);font-size:16px;font-weight:300;padding:10px 0;border-bottom:1px solid #ccc;} #container.program.expo > .conts .cols2 > div.table ul li.title span {font-weight:600;border-bottom:1px solid #437E63;} #container.program.expo > .conts .cols2 > div.table ul li.last {margin-top:10px;} #container.program.expo > .conts > .inConts .btn-wrap {display:flex;justify-content:center;margin-top:50px;} #container.program.expo > .conts > .inConts .btn-wrap a.down-form {display:block;color:#fff;font-size:20px;font-weight:600;text-align:center;background-color:#148563;max-width:315px;width:100%;padding:7px 5px;border-radius:35px;margin:50px auto 0;} /* AAPME Awards */ #container.program.aapme {} #container.program.aapme .subcover .inConts:before {content:"";position:absolute;top:110px;left:200px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(196,196,196,0.3);z-index:-1;} #container.program.aapme .subcover .inConts:after {content:"";position:absolute;top:230px;left:370px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(20,133,99,0.3);z-index:-1;} #container.program.aapme > .conts > .inConts-img {max-width:1350px;margin:0 auto;text-align:center;background:url('/ifla2022/theme/100410/kr/common/img/AAPME_awards.jpg') no-repeat center center/cover;} #container.program.aapme > .conts > .inConts {padding-top:50px;} #container.program.aapme > .conts > .inConts > h1.line {border-top:1px solid #000;margin-top:70px;padding-top:70px;} #container.program.aapme > .conts > .inConts > h2 {font-size:20px;font-weight:600;margin-top:30px;} #container.program.aapme > .conts > .inConts > h2.line {border-top:1px solid #000;margin-top:70px;padding-top:70px;} #container.program.aapme > .conts > .inConts > h3 {font-size:16px;font-weight:600;margin-top:20px;} #container.program.aapme > .conts ul.dot-list {} #container.program.aapme > .conts ul.dot-list > li {position:relative;font-size:16px;font-weight:300;margin-top:10px;padding-left:15px;} #container.program.aapme > .conts ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.aapme > .conts ul.dot-list > li > ul.dot-list > li {position:relative;font-size:16px;font-weight:300;margin-top:10px;padding-left:15px;} #container.program.aapme > .conts ul.dot-list > li > ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.program.aapme > .conts .btn {margin-top:3.125rem;text-align:center;} #container.program.aapme > .conts a.link {display:inline-block;color:#fff;font-size:20px;font-weight:600;text-align:center;background-color:#D2761E;padding:7px 20px;border-radius:35px;white-space:nowrap;} /* VEUNE */ /* CONGRESS VEUNE */ #container.venue.congress_venue {} #container.venue.congress_venue .subcover {} #container.venue.congress_venue .subcover .inConts:before {content:"";position:absolute;top:30px;left:350px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(204,224,218,0.3);z-index:-1;} #container.venue.congress_venue .subcover .inConts:after {content:"";position:absolute;top:190px;left:350px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(187,73,66,0.3);z-index:-1;} #container.venue.congress_venue > .conts {background-color:#D8E1E2;overflow:hidden;} #container.venue.congress_venue > .conts .inConts {position:relative;z-index:1;} #container.venue.congress_venue > .conts .inConts:before {content:"";position:absolute;top:-240px;left:-70px;width:489px;height:489px;border-radius:50%;border:100px solid rgba(255,255,255,0.3);z-index:-1;} #container.venue.congress_venue > .conts .inConts:after {content:"";position:absolute;bottom:-230px;right:-100px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(255,255,255,0.3);z-index:-1;} #container.venue.congress_venue > .conts > .inConts > h1 {color:#BB4942;} #container.venue.congress_venue > .conts > .inConts > ul.location {display:flex;justify-content:space-between;margin-top:50px;padding-top:50px;border-top:1px solid #000;} #container.venue.congress_venue > .conts > .inConts > ul.location li:nth-child(1) {width:380px;} #container.venue.congress_venue > .conts > .inConts > ul.location li:nth-child(1) > .map {width:380px;height:280px;} #container.venue.congress_venue > .conts > .inConts > ul.location li:nth-child(1) > .map > .root_daum_roughmap {width:100%;height:100%;} #container.venue.congress_venue > .conts > .inConts > ul.location li:nth-child(2) {width:calc(100% - 380px);padding-left:20px;font-size:16px;} #container.venue.congress_venue > .conts > .inConts > ul.location li:nth-child(2) > h1 {font-size:20px;font-weight:600;margin-bottom:20px;} #container.venue.congress_venue > .conts > .inConts > ul.location li:nth-child(2) > a {text-decoration:underline;} /* ABOUT GWANGJU */ #container.venue.about_gwangju {} #container.venue.about_gwangju .subcover {} #container.venue.about_gwangju .subcover .inConts:before {content:"";position:absolute;top:30px;left:350px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(204,224,218,0.3);z-index:-1;} #container.venue.about_gwangju .subcover .inConts:after {content:"";position:absolute;top:190px;left:350px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(187,73,66,0.3);z-index:-1;} #container.venue.about_gwangju > .conts {position:relative;background-color:#D8E1E2;overflow:hidden;} #container.venue.about_gwangju > .conts .inConts {position:relative;z-index:1;} #container.venue.about_gwangju > .conts .inConts:before {content:"";position:absolute;top:-240px;left:-70px;width:489px;height:489px;border-radius:50%;border:100px solid rgba(255,255,255,0.3);z-index:-1;} #container.venue.about_gwangju > .conts .inConts:after {content:"";position:absolute;bottom:-230px;right:-100px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(255,255,255,0.3);z-index:-1;} #container.venue.about_gwangju > .conts .gallery {display:flex;flex-wrap:wrap;font-size:0;line-height:0;} #container.venue.about_gwangju > .conts .gallery figure {position:relative;width:calc(100% / 4);cursor:pointer;overflow:hidden;} #container.venue.about_gwangju > .conts .gallery figure > p {position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(0,100%);opacity:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);-webkit-transition: .45s; transition: .45s;} #container.venue.about_gwangju > .conts .gallery figure > p > span {display:block;color:#fff;font-size:14px;line-height:1.2;text-align:center;} #container.venue.about_gwangju > .conts .gallery figure > p > span > em {font-style:normal;font-size:11px;display:block;text-align:center;margin-top:5px;} #container.venue.about_gwangju > .conts .gallery figure:hover > p {transform:translate(0,0);opacity:1;} #container.venue.about_gwangju > .conts ul {margin-top:50px;padding-top:50px;border-top:1px solid #000;} #container.venue.about_gwangju > .conts ul li {font-size:16px;font-weight:300;} #container.venue.about_gwangju > .conts ul li > strong {display:block;margin-bottom:5px;} #container.venue.about_gwangju > .conts ul li + li {margin-top:30px;} #container.venue.about_gwangju > .conts a.link { display: block; color: #fff; font-size: 20px; font-weight: 600; text-align: center; background-color: #BB4942; max-width: 315px; width: 100%; padding: 7px 5px; border-radius: 35px; margin: 50px auto 0; } /* ACCOMMODATION */ #container.venue.accommodation {} #container.venue.accommodation .subcover {} #container.venue.accommodation .subcover .inConts:before {content:"";position:absolute;top:30px;left:350px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(204,224,218,0.3);z-index:-1;} #container.venue.accommodation .subcover .inConts:after {content:"";position:absolute;top:190px;left:350px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(187,73,66,0.3);z-index:-1;} #container.venue.accommodation > .conts {background-color:#D8E1E2;overflow:hidden;} #container.venue.accommodation > .conts .inConts {position:relative;z-index:1;} #container.venue.accommodation > .conts .inConts:before {content:"";position:absolute;top:-240px;left:-70px;width:489px;height:489px;border-radius:50%;border:100px solid rgba(255,255,255,0.3);z-index:-1;} #container.venue.accommodation > .conts .inConts:after {content:"";position:absolute;bottom:-230px;right:-100px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(255,255,255,0.3);z-index:-1;} #container.venue.accommodation > .conts > .inConts > h1 {color:#BB4942;} #container.venue.accommodation > .conts > .inConts > h1.line {margin-top:50px;padding-top:50px;border-top:1px solid #000;} #container.venue.accommodation > .conts > .inConts > ul.location {display:flex;justify-content:space-between;margin-top:30px;} #container.venue.accommodation > .conts > .inConts > ul.location > li:nth-child(1) {width:380px;} #container.venue.accommodation > .conts > .inConts > ul.location > li:nth-child(1) > .map {width:380px;height:280px;} #container.venue.accommodation > .conts > .inConts > ul.location > li:nth-child(1) > .map > .root_daum_roughmap {width:100%;height:100%;} #container.venue.accommodation > .conts > .inConts > ul.location > li:nth-child(2) {width:calc(100% - 380px);padding-left:20px;font-size:16px;} #container.venue.accommodation > .conts > .inConts > ul.location > li:nth-child(2) > h1 {font-size:20px;font-weight:600;margin-bottom:20px;} #container.venue.accommodation > .conts > .inConts > ul.location > li:nth-child(2) > a {text-decoration:underline;} #container.venue.accommodation > .conts > .inConts > ul.location > li:nth-child(2) ul.dot-list {} #container.venue.accommodation > .conts > .inConts > ul.location > li:nth-child(2) ul.dot-list li {position:relative;font-size:16px;font-weight:300;margin-top:5px;padding-left:15px;} #container.venue.accommodation > .conts > .inConts > ul.location > li:nth-child(2) ul.dot-list li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.venue.accommodation > .conts > .inConts > ul.location > li:nth-child(2) ul.dot-list li a {text-decoration:underline;} /* TRAVEL TO GWANGJU */ #container.venue.travel_to_gwangju {} #container.venue.travel_to_gwangju .subcover {} #container.venue.travel_to_gwangju .subcover .inConts:before {content:"";position:absolute;top:30px;left:350px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(204,224,218,0.3);z-index:-1;} #container.venue.travel_to_gwangju .subcover .inConts:after {content:"";position:absolute;top:190px;left:350px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(187,73,66,0.3);z-index:-1;} #container.venue.travel_to_gwangju > .conts {background-color:#D8E1E2;overflow:hidden;} #container.venue.travel_to_gwangju > .conts .inConts {position:relative;z-index:1;} #container.venue.travel_to_gwangju > .conts .inConts:before {content:"";position:absolute;top:-240px;left:-70px;width:489px;height:489px;border-radius:50%;border:100px solid rgba(255,255,255,0.3);z-index:-1;} #container.venue.travel_to_gwangju > .conts .inConts:after {content:"";position:absolute;bottom:-230px;right:-100px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(255,255,255,0.3);z-index:-1;} #container.venue.travel_to_gwangju > .conts > .inConts > h1 {color:#BB4942;} #container.venue.travel_to_gwangju > .conts > .inConts > h1.line {margin-top:50px;padding-top:50px;border-top:1px solid #000;} #container.venue.travel_to_gwangju > .conts > .inConts > div {font-size:16px;margin-top:30px;} #container.venue.travel_to_gwangju > .conts ul.dot-list {margin-top:15px;} #container.venue.travel_to_gwangju > .conts ul.dot-list > li {position:relative;font-size:16px;font-weight:300;margin-top:5px;padding-left:15px;} #container.venue.travel_to_gwangju > .conts ul.dot-list > li:before {content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.venue.travel_to_gwangju > .conts ul.dot-list > li a {text-decoration:underline;} #container.venue.travel_to_gwangju > .conts strong {display:block;} /* IFLA */ /* EXCO MEETING */ #container.exco_meeting {background-color:#fafafa;} #container.exco_meeting > .subcover {background-color:#fafafa;} #container.exco_meeting > .soon-wrap {} #container.exco_meeting > .soon-wrap > .inConts {display:flex;justify-content:space-between;align-items:center;padding-bottom:50px;} #container.exco_meeting > .soon-wrap > .inConts .cont {width:400px;} #container.exco_meeting > .soon-wrap > .inConts .cont h2 {font-size:42px;font-weight:300;padding-bottom:40px;margin-bottom:20px;border-bottom:1px solid #c4c4c4;} #container.exco_meeting > .soon-wrap > .inConts .cont .tBox {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #c4c4c4;} #container.exco_meeting > .soon-wrap > .inConts .cont .tBox p.c1 {font-size:20px;font-weight:700;} #container.exco_meeting > .soon-wrap > .inConts .cont .tBox p.c2 {font-size:20px;font-weight:400;margin-top:8px;} #container.exco_meeting > .soon-wrap > .inConts .cont .tBox.t1 p.c1 {color:#BB4942;} #container.exco_meeting > .soon-wrap > .inConts .cont .tBox.t2 p.c1 {color:#364755;} #container.exco_meeting > .soon-wrap > figure {max-width:800px;width:100%;margin:0 auto;padding-bottom:150px;} /* World Council Meeting */ /* Awards */ /* PARTNERS & SPONSORS */ /* PARTNERS & SPONSORS */ #container.pns.partnersnsponsors .subcover .inConts:before {content:"";position:absolute;top:30px;left:350px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(204,224,218,0.3);z-index:-1;} #container.pns.partnersnsponsors .subcover .inConts:after {content:"";position:absolute;top:190px;left:350px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(187,73,66,0.3);z-index:-1;} #container.pns.partnersnsponsors .conts {} #container.pns.partnersnsponsors .conts > .inConts > h1 {color:#000;font-size:24px;letter-spacing:0;font-weight:700;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap {display:flex;flex-wrap:wrap;align-items:center;margin-left:-10px;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div {width:calc((100% / 4) - 10px);margin-left:10px;margin-top:10px;position:relative;padding-top:25px;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div:nth-child(n+5) {padding-top:0;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div.diamond:before {content:"DIAMOND";position:absolute;top:0;left:0;font-size:18px;font-weight:600;margin-bottom:5px;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div.gold {} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div.gold:before {content:"GOLD";position:absolute;top:0;left:0px;font-size:18px;font-weight:600;margin-bottom:5px;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div.gold > figure {position:relative;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div.silver:before {content:"SILVER";position:absolute;top:0;left:0;font-size:18px;font-weight:600;margin-bottom:5px;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div.bronze:before {content:"BRONZE";position:absolute;top:0;left:0;font-size:18px;font-weight:600;margin-bottom:5px;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap figure {border:1px solid #f0f0f0;} /* Exhibitions */ /* 2022-06-23 : 팝업 */ #notice-popup-payment {position:absolute;top:0;left:0;padding:10px;font-size:0;z-index:5;/*-webkit-transition: .45s; transition: .45s;*/} #notice-popup-payment.active {transform:translate(-120%,0);} #notice-popup-payment .wrap {max-width:570px;min-width:300px;border:1px solid #666;display:flex;} #notice-popup-payment .btn-wrap {width:100%;display:flex;justify-content:flex-end;background-color:#666;padding:0.3125rem;} #notice-popup-payment .btn-wrap a {color:#fff;font-size:14px;} #IFLA-world-congress-2022 {position:absolute;top:0;left:580px;padding:10px;font-size:0;z-index:5;/*-webkit-transition: .45s; transition: .45s;*/} #IFLA-world-congress-2022.active {transform:translate(-120%,0);} #IFLA-world-congress-2022 .wrap {max-width:300px;min-width:300px;border:1px solid #666;background-color:#fff;} #IFLA-world-congress-2022 .wrap a {display:flex;} #IFLA-world-congress-2022 .btn-wrap {width:100%;display:flex;justify-content:flex-end;background-color:#666;padding:0.3125rem;} #IFLA-world-congress-2022 .btn-wrap a {color:#fff;font-size:14px;} /* 2022-07-16 : 레이어팝업 */ #layerPopup-contBox {position:absolute;top:100px;left:100px;max-width:355px;width:100%;z-index:9;} #layerPopup-contBox .wrap {border-radius:20px;background-color:#fff;overflow:hidden;box-shadow:5px 25px 20px rgba(0, 0, 0, 0.1);} #layerPopup-contBox .wrap ul.slick-dots {display:flex;justify-content:center;margin:0 auto;} #layerPopup-contBox .wrap ul.slick-dots li {padding:10px 5px 0;} #layerPopup-contBox .wrap ul.slick-dots li button {display:block;border:0;width:8px;height:8px;border-radius:50%;background-color:#C4C4C4;font-size:0;line-height:0;padding:0;margin:0;} #layerPopup-contBox .wrap ul.slick-dots li.slick-active button {background-color:#437E63;} #layerPopup-contBox .wrap .open-check {display:flex;justify-content:center;align-items:center;margin-top:20px;} #layerPopup-contBox .wrap .open-check label {display:flex;justify-content:center;align-items:center;font-size:14px;} #layerPopup-contBox .wrap .open-check input[type=checkbox] {display:inline-block;border:2px solid #222;width:18px;height:18px;margin-left:10px;} #layerPopup-contBox .wrap .open-check input[type=checkbox]:checked {background:#222 url('/ifla2022/theme/100410/kr/common/img/check_on.png') no-repeat center center;} #layerPopup-contBox .wrap .btn-wrap {padding:20px 20px;} #layerPopup-contBox .wrap .btn-wrap a {color:#fff;font-size:21px;text-align:center;line-height:40px;background-color:#437E63;width:100%;height:40px;border-radius:40px;display:block;} /* NOTICE */ /* LIST */ #container.notice.list {} #container.notice.list .subcover .inConts:before {content:"";position:absolute;top:110px;left:200px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(196,196,196,0.3);z-index:-1;} #container.notice.list .subcover .inConts:after {content:"";position:absolute;top:20px;left:390px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(187,73,66,0.3);z-index:-1;} #container.notice.list ul li {display:flex;padding:16px 0;} #container.notice.list ul li + li {border-bottom:1px solid #c4c4c4;} #container.notice.list ul li div:nth-child(1) {width:100px;font-size:14px;} #container.notice.list ul li div:nth-child(2) {width:calc(100% - 215px);font-size:16px;} #container.notice.list ul li div:nth-child(3) {width:115px;font-size:14px;text-align:right;} #container.notice.list ul li.title {border-bottom:1px solid #000;} #container.notice.list ul li.title div:nth-child(1) {color:#c4c4c4;} #container.notice.list ul li.title div:nth-child(2) {color:#c4c4c4;} #container.notice.list ul li.title div:nth-child(3) {color:#c4c4c4;} #container.notice.list ul li.notice {border-bottom:1px solid #000;} #container.notice.list ul li.notice div:nth-child(1) {color:#437E63;font-weight:600;} #container.notice.list ul li.notice div:nth-child(2), #container.notice.list ul li.notice div:nth-child(2) a {color:#437E63;font-weight:600;} #container.notice.list ul li.notice div:nth-child(3) {color:#437E63;font-weight:600;} /* VIEW */ #container.notice.view {} #container.notice.view .subcover .inConts:before {content:"";position:absolute;top:110px;left:200px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(196,196,196,0.3);z-index:-1;} #container.notice.view .subcover .inConts:after {content:"";position:absolute;top:20px;left:390px;width:318px;height:318px;border-radius:50%;border:70px solid rgba(187,73,66,0.3);z-index:-1;} #container.notice.view {} #container.notice.view .title {display:flex;border-bottom:1px solid #000;padding-bottom:20px;} #container.notice.view .title div:nth-child(1) {color:#437E63;font-weight:600;width:100px;font-size:14px;} #container.notice.view .title div:nth-child(2) {color:#437E63;font-weight:600;width:calc(100% - 200px);font-size:16px;} #container.notice.view .title div:nth-child(3) {color:#437E63;font-weight:600;width:100px;font-size:14px;text-align:right;} #container.notice.view .content {padding:20px 0;} #container.notice.view .content p {font-size:16px;font-weight:300;line-height:1.4;} #container.notice.view .content p + p {margin-top:20px;} #container.notice.view .content figure {margin-top:20px;} #container.notice.view .prev-next {margin-top:70px;border-top:1px solid #000;} #container.notice.view .prev-next > div {display:flex;border-bottom:1px solid #000;padding:20px 0;} #container.notice.view .prev-next > div > div:nth-child(1) {color:#437E63;font-weight:600;width:100px;font-size:14px;} #container.notice.view .prev-next > div > div:nth-child(2), #container.notice.view .prev-next > div > div:nth-child(2) a {color:#437E63;font-weight:600;width:calc(100% - 215px);font-size:16px;} #container.notice.view .prev-next > div > div:nth-child(3) {color:#437E63;font-weight:600;width:115px;font-size:14px;text-align:right;} #container.notice.view .file {display:flex;flex-wrap:wrap;margin-left:-0.625rem;} #container.notice.view .file > p {font-size:0.875rem;background-color:#d9d9d9;border-radius:3px;padding:0.25rem 1.25rem 0.25rem 0.25rem;display:flex;align-items:center;margin-top:0.625rem;margin-left:0.625rem;} #container.notice.view .file > p > span {color:#fff;background-color:#000;border-radius:3px;padding:0.25rem;margin-right:0.5rem;} #container.notice.view .btn-wrap {margin-top:40px;display:flex;justify-content:center;} #container.notice.view .btn-wrap a {max-width:315px;width:100%;color:#fff;font-size:21px;line-height:40px;font-weight:500;text-align:center;background-color:#437E63;border-radius:40px;} #pagging {display:flex;justify-content:center;align-items:center;margin-top:40px;} #pagging > a {position:relative;min-width:34px;height:34px;border-radius:50%;background-color:#437E63;font-size:0;text-indent:-250%;margin:0 5px;} #pagging > a:before {position:absolute;top:0;left:0;right:0;bottom:0;} #pagging > a.prev:before {content:"";background:url('/ifla2022/theme/100410/kr/common/img/pagging_icon_prev.png') no-repeat center center;} #pagging > a.next:before {content:"";background:url('/ifla2022/theme/100410/kr/common/img/pagging_icon_next.png') no-repeat center center;} #pagging > a.disabled {background-color:#D9D9D9;} #pagging > a.prev2, #pagging > a.next2 {display:none;} #pagging > .num {display:flex;justify-content:center;align-items:center;margin:0 20px;} #pagging > .num > strong {font-size:16px;padding:0 5px;} #pagging > .num > a {font-size:16px;padding:0 5px;} #pagging > .num > a + a:before {content:"";width:4px;height:4px;border-radius:50%;background-color:#d9d9d9;margin:0 15px;} #pagging > .num > a.on {color:#148563;} /* } Contents 끝 */ #page-top-button {display:none;position:fixed;bottom:15px;right:15px;width:35px;height:35px;border:1px solid #000;border-radius:50%;background:url('/ifla2022/theme/100410/kr/common/img/btn-top.png') no-repeat center center;z-index:1;-webkit-transition: .45s; transition: .45s;} /* ******************************************************************************************************************************************************************************************************** */ /* ******************************************************************************************************************************************************************************************************** */ /* ******************************************************************************************************************************************************************************************************** */ /* 모바일 분기 */ @media only screen and (max-width:940px) { #notice-popup-payment {top:335px;} #IFLA-world-congress-2022 {left:0;} } @media only screen and (max-width:768px) { .pVer {display:none !important;} .mVer {display:block !important;} #layerPopup-contBox {position:absolute;top:0;left:50%;transform:translate(-50%,0);padding:10px 10px 0;} #container {overflow:hidden;} #header.active .inConts > div.left > a.BI > img.default {display:none;} #header.active .inConts > div.left > a.BI > img.white {display:block;} /* HEADER & FOOTER 시작 { */ /* HEADER */ #header {background-color:transparent;} #header .inConts {position:relative;padding:10px 25px 10px 30px;z-index:9;} #header .inConts > div.left > a.BI {width:83px;height:50px;} #header .inConts > div.left > figure {display:none;} #header.scroll {background-color:#fff;border-bottom:1px solid #ccc;} #header .inConts > div.right > div:first-child .dDay {font-size:8vw;margin-right:20px;} #header.active .inConts > div.right > div:first-child .dDay {color:#fff;} #header .inConts > div.right > div:first-child figure {display:none;} #header .inConts > div.right > div:last-child {display:none;} #header .topTickerNotice .wrap {padding-left:30px;padding-right:30px;} #header .topTickerNotice .wrap .list {width:calc(100% - 60px);font-size:16px;} #header .topTickerNotice .wrap .list ul {width:calc(100% - 80px);} #header .topTickerNotice .wrap .list ul li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #header #nav {position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(100%,0);background-color:#148563;display:flex;justify-content:center;align-items:center;padding:0;z-index:2;} #header #nav:before {content:none;} #header #nav.active {transform:translate(0,0);padding-bottom:0;} #header #nav .member {position:absolute;bottom:30px;left:50%;transform:translate(-50%,0);display:block;} #header #nav .member > a {color:#f4c000;font-size:3.6vw;} #header #nav .member > a + a:before {content:"";display:inline-block;width:4px;height:4px;background-color:#fff;border-radius:50%;vertical-align:middle;margin:0 15px;} #header #nav > ul {display:inline-block;width:auto;height:auto;} #header #nav > ul > li {display:block;overflow:hidden;} #header #nav > ul > li > a {font-size:5.0vw;line-height:44px;} #header #nav > ul > li > ul {position:inherit;left:0;display:block;transform:none;height:0;padding:0 0 0 15px;} #header #nav > ul > li.active > ul {height:auto;margin-bottom:10px;} #header #nav > ul > li > ul li {padding:3px 0;} #header #nav > ul > li > ul li a {font-size:4.0vw;line-height:1.4;} #header #nav > ul > li > ul li + li {margin-left:0;} /* 모바일 BTN-MENU & MENU */ #header .inConts > div.right > div:first-child a.btn-menu { position: relative; display: inline-block; width: 30px; height: 30px; border-radius: 0; vertical-align:top; -o-transition: all .4s .0s ease-in-out; -ms-transition: all .4s .0s ease-in-out; -moz-transition: all .4s .0s ease-in-out; -webkit-transition: all .4s .0s ease-in-out; transition: all .4s .0s ease-in-out; } #header .inConts > div.right > div:first-child a.btn-menu > span { position: absolute; top: 50%; left: 50%; background-color: #000; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 24px; height: 3px; -o-transition: margin-top .2s .0s ease-in-out,opacity .2s .0s ease-in-out,rotate .2s .0s ease-in-out,-o-transform .3s .4s ease-in-out; -ms-transition: margin-top .2s .0s ease-in-out,opacity .2s .0s ease-in-out,rotate .2s .0s ease-in-out,-ms-transform .3s .4s ease-in-out; -moz-transition: margin-top .2s .0s ease-in-out,opacity .2s .0s ease-in-out,rotate .2s .0s ease-in-out,-moz-transform .3s .4s ease-in-out; -webkit-transition: margin-top .2s .0s ease-in-out,opacity .2s .0s ease-in-out,rotate .2s .0s ease-in-out,-webkit-transform .3s .4s ease-in-out; transition: margin-top .2s .0s ease-in-out,opacity .2s .0s ease-in-out,rotate .2s .0s ease-in-out,transform .3s .4s ease-in-out; } #header .inConts > div.right > div:first-child a.btn-menu .l1 {margin-left:-12px;margin-top:-10px;} #header .inConts > div.right > div:first-child a.btn-menu .l2 {margin-left:-12px;margin-top:-2px;} #header .inConts > div.right > div:first-child a.btn-menu .l3 {margin-left:-12px;margin-top:6px;} /* ACTIVE */ #header .inConts > div.right > div:first-child a.btn-menu.active .l1 { background-color:#fff; margin-top: -2px; -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #header .inConts > div.right > div:first-child a.btn-menu.active .l2 { background-color:#fff; opacity:0; } #header .inConts > div.right > div:first-child a.btn-menu.active .l3 { background-color:#fff; margin-top: -2px; -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } /* FOOTER */ #footer {padding:0 30px;} #footer > .inConts {width:100%;} #footer > .inConts:before {/*top:-165px;left:-120px;*/} #footer > .inConts:after {bottom:320px;right:-170px;} #footer > .inConts h1 {font-size:7vw;} #footer > .inConts h1 strong {font-size:7.6vw;} #footer > .inConts .copy {font-size:2.6vw;} #footer > .inConts .footer {flex-wrap:wrap;} #footer > .inConts .footer div {width:100% !important;} #footer > .inConts .footer div.left p {font-size:3.6vw;} #footer > .inConts .footer div.left a {font-size:3.6vw;} #footer > .inConts .footer div.right {margin-top:50px;} #footer > .inConts .footer div.right p {font-size:3.0vw;} /* MAIN */ /* STEP A */ article.stepA {height:660px;} article.stepA > figure {min-width:100%;} article.stepA > figure.bg1 {background-size:auto 660px;} article.stepA > .inConts {width:100%;display:block;} article.stepA > .inConts .dDay {top:20px;left:30px;} article.stepA > .inConts .logo {top:27px;right:30px;width:100px;} article.stepA > .inConts .cont-box {margin-top:100px;margin-left:30px;margin-right:30px;} article.stepA > .inConts .cont-box .txt1 {font-size:26px;} article.stepA > .inConts .cont-box figure {max-width:300px;width:100%;} article.stepA > .inConts .bubble {left:85%;} article.stepA > .inConts .btn-wrap {position:inherit;flex-wrap:wrap;padding-left:30px;padding-right:30px;margin-top:20px;bottom:auto;} article.stepA > .inConts .btn-wrap > a {font-size:13px;width:calc((100% / 2) - 5px);} article.stepA > .inConts .btn-wrap > a:nth-child(n+3) {margin-top:10px;} article.stepA > .inConts .btn-wrap > a:before {width:17px;height:17px;margin-right:10px;background-size:cover;} /* STEP B */ article.stepB {} article.stepB > .inConts {width:100%;} article.stepB > .inConts:before {bottom:-100px;left:50%;transform:translate(-50%,0);} article.stepB > .inConts > .summary {flex-wrap:wrap;flex-direction:column-reverse;padding:0 30px;} article.stepB > .inConts > .summary:before {left:30px;} article.stepB > .inConts > .summary .info {} article.stepB > .inConts > .summary .info ul li + li {font-size:5.0vw;} article.stepB > .inConts > .summary .desc {font-size:8.2vw;margin-top:30px;} article.stepB > .inConts > .movie {margin-top:80px;} article.stepB > .inConts > .btn-wrap a.more {font-size:4.6vw;} /* STEP C */ article.stepC {padding:0 30px;} article.stepC > .inConts {width:100%;} article.stepC > .inConts h1 {font-size:8vw;} article.stepC > .inConts .desc {font-size:4vw;margin-top:10px;} article.stepC > .inConts ul {} article.stepC > .inConts ul li {width:100%;margin-top:10px;} article.stepC > .inConts ul li .title {font-size:10vw;} article.stepC > .inConts ul li .title > img {height:28px;} article.stepC > .inConts ul li p {font-size:4vw;} article.stepC > .inConts > .btn-wrap {position:relative;z-index:1;} article.stepC > .inConts > .btn-wrap a.more {font-size:4.6vw;} /* STEP D */ article.stepD > .inConts {width:100%;} article.stepD > .inConts:after {bottom:35%;right:-150px;} article.stepD > .inConts h1 {font-size:8vw;padding:0 30px;} article.stepD > .inConts .gallery {margin-top:20px;} article.stepD > .inConts .gallery figure {width:calc(100% / 3);} article.stepD > .inConts .gallery figure:hover > p {transform:none;opacity:0;} /*article.stepD > .inConts .gallery figure:nth-child(n+5) {display:none;}*/ article.stepD > .inConts .desc {width:100%;font-size:4.0vw;padding:0 30px;} article.stepD > .inConts > .btn-wrap a.more {font-size:4.6vw;} /* STEP E */ article.stepE > .inConts {width:100%;} article.stepE > .inConts .regist-box {flex-wrap:wrap;padding:0 30px;} article.stepE > .inConts .regist-box > div {width:100%;} article.stepE > .inConts .regist-box > div.right {margin-top:50px;} /*article.stepE > .inConts .regist-box > div.left:before {content:none;} article.stepE > .inConts .regist-box > div.left:after {content:none;}*/ /*article.stepE > .inConts .regist-box > div.left:before {right:5px;} article.stepE > .inConts .regist-box > div.left:after {right:5px;} article.stepE > .inConts .regist-box > div.left .t1 {font-size:7.25vw;} article.stepE > .inConts .regist-box > div.left .t1:before {right:5px;} article.stepE > .inConts .regist-box > div.left .t2 {font-size:3.0vw;} article.stepE > .inConts .regist-box > div.left .t3 {font-size:4.6vw;;} article.stepE > .inConts .regist-box > div.left .t4 {font-size:9.6vw;} article.stepE > .inConts .regist-box > div.left .t4 strong {font-size:10.4vw;} article.stepE > .inConts .regist-box > div.right {margin-top:50px;}*/ /*article.stepE > .inConts .regist-box > div.right:before {content:"";position:absolute;top:15px;right:5px;width:23px;height:23px;border-radius:50%;background-color:#148563;} article.stepE > .inConts .regist-box > div.right:after {content:"";position:absolute;top:0;right:5px;width:23px;height:23px;border-radius:50%;background-color:#f4c000;}*/ article.stepE > .inConts .regist-box .t1 {font-size:5.6vw;} article.stepE > .inConts .regist-box .t1 > br {display:block;} article.stepE > .inConts .regist-box .inputbox {flex-wrap:wrap;} article.stepE > .inConts .regist-box .inputbox input[type=text] {width:100%;font-size:4.2vw;} article.stepE > .inConts .regist-box p.caution {font-size:3.0vw;margin-top:30px;} article.stepE > .inConts .regist-box a.submit {width:100%;font-size:5.6vw;margin-top:20px;} article.stepE > .inConts .regist-box .t2 {font-size:4.6vw;} article.stepE > .inConts .regist-box .t3 {font-size:5.0vw;} article.stepE > .inConts .regist-box:before, article.stepE > .inConts .regist-box:after {content:none;} /* STEP G */ article.stepG {} article.stepG > .inConts {width:100%;padding:80px 30px;} article.stepG > .inConts:before {bottom:0;left:30%;} article.stepG > .inConts h1 {font-size:8vw;} article.stepG > .inConts ul.tab-wrap {flex-wrap:wrap;} article.stepG > .inConts ul.tab-wrap > li {width:32%;font-size:4vw;} article.stepG > .inConts ul.tab-wrap > li:nth-child(4) {width:100%;margin-top:10px;} article.stepG > .inConts ul.speakers-wrap {width:80%;margin:40px auto 0;} article.stepG > .inConts ul.speakers-wrap > li {width:100%;text-align:center;} article.stepG > .inConts ul.speakers-wrap > li.active {margin-top:50px;} article.stepG > .inConts ul.speakers-wrap > li.first {margin-top:0;} article.stepG > .inConts ul.speakers-wrap > li > .txt > .name {font-size:5vw;} article.stepG > .inConts ul.speakers-wrap > li > .txt > .unit {font-size:4.6vw;} article.stepG > .inConts ul.speakers-wrap > li > .txt > .plus {font-size:4.0vw;} /* STEP H */ article.stepH {} article.stepH > .inConts {width:100%;padding:80px 30px;} article.stepH > .inConts h1 {font-size:8vw;} article.stepH > .inConts ul.step-wrap {display:block;} article.stepH > .inConts ul.step-wrap li {width:100%;} article.stepH > .inConts ul.step-wrap li + li {margin-top:50px;} article.stepH > .inConts ul.step-wrap li p.day {font-size:4.0vw;} article.stepH > .inConts ul.step-wrap li p.day > strong {font-size:5.0vw;} article.stepH > .inConts ul.step-wrap li > ul > li {font-size:3.6vw;} article.stepH > .inConts .caution > p {font-size:3.4vw;} /* CHARRETTE-NOTICE */ article.charrette-notice {} article.charrette-notice > .inConts {width:100%;padding:80px 30px 60px;} article.charrette-notice > .inConts h1 {font-size:5.4vw;} article.charrette-notice > .inConts h1 > strong {font-size:9vw;margin-bottom:10px;} /* charrette-notice */ #charrette-notice-layer-popup-wrap {} #charrette-notice-layer-popup-wrap .charrette-notice-wrap > div {padding:15px;} #charrette-notice-layer-popup-wrap .charrette-notice-wrap > div > .title {font-size:4vw;} #charrette-notice-layer-popup-wrap .charrette-notice-wrap > div > .conts {font-size:3.4vw;height:360px;overflow-y:auto;} #charrette-notice-layer-popup-wrap .charrette-notice-wrap > div > .btn-wrap > a.view-detail-ok {font-size:5.0vw;} /* MEMORIAL-GARDEN */ article.memorial-garden {} article.memorial-garden > .inConts {width:100%;padding:80px 30px 60px;} article.memorial-garden > .inConts h1 {font-size:5.4vw;} article.memorial-garden > .inConts h1 > strong {font-size:9vw;margin-bottom:10px;} article.memorial-garden > .inConts h1:before {top:-20px;left:calc(100% - 23px);} /* MEMORIAL-GARDEN */ #memorial-garden-layer-popup-wrap {} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div {padding:15px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .title {font-size:4vw;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts {font-size:4.0vw;height:315px;overflow-y:auto;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > h1 {font-size:4.0vw;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > strong {font-size:4.0vw;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.list li {font-size:3.4vw;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited {} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li {width:100%;margin-left:0;text-align:center;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li .txt .name {font-size:5vw;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li .txt .unit {font-size:4.6vw;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li:nth-child(2) {transform:translate(0,-40px);} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li:nth-child(2) .txt.mVer:after {content:"+";display:block;font-size:20px;text-align:center;margin-top:15px;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .btn-wrap {display:block;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .btn-wrap > a {display:block;width:100%;font-size:5.0vw;} #memorial-garden-layer-popup-wrap .memorial-garden-wrap > div > .btn-wrap > a + a {margin-top:10px;} /* MEMORIAL-GARDEN :: RESULT */ #memorial-garden-result-layer-popup-wrap {} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div {padding:15px;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .title {font-size:4vw;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts {font-size:4.0vw;height:315px;overflow-y:auto;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > h1 {font-size:4.0vw;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > strong {font-size:4.0vw;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.list li {font-size:3.4vw;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited {} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li {width:100%;margin-left:0;text-align:center;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li .txt .name {font-size:5vw;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li .txt .unit {font-size:4.6vw;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li:nth-child(2) {transform:translate(0,-40px);} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .conts > ul.invited li:nth-child(2) .txt.mVer:after {content:"+";display:block;font-size:20px;text-align:center;margin-top:15px;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .btn-wrap {display:block;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .btn-wrap > a {display:block;width:100%;font-size:5.0vw;} #memorial-garden-result-layer-popup-wrap .memorial-garden-wrap > div > .btn-wrap > a + a {margin-top:10px;} /* GALLERY-LAYER-POPUP-WRAP */ #gallery-layer-popup-wrap .gallery-wrap > div {width:100%;background-color:#000;padding:30px 0 0;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for .slick-list .slick-track .slick-slide p {color:#fff;font-weight:400;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots {color:#fff;bottom:auto;top:-20px;left:50%;transform:translate(-50%,0);} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots li > span:after {background-color:#fff;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav {display:none;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close {} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:hover {transform:none;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:hover:before {width:30px;left:10px;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:hover:after {width:30px;left:10px;} /* STEP I */ article.stepI {} article.stepI > .inConts {width:100%;padding:80px 30px;} article.stepI > .inConts .bi-wrap {margin-left:0;} article.stepI > .inConts .bi-wrap div {width:100%;margin-left:0;padding-top:0;} article.stepI > .inConts .bi-wrap div.diamond, article.stepI > .inConts .bi-wrap div.gold, article.stepI > .inConts .bi-wrap div.silver, article.stepI > .inConts .bi-wrap div.bronze {padding-top:25px;} article.stepI > .inConts .bi-wrap div.gold {margin-left:0;} article.stepI > .inConts .bi-wrap div > figure {width:100%;text-align:center;background-color:#fff;} article.stepI > .inConts .bi-wrap div.gold > figure:before {content:none;} article.stepI > .inConts > .btn-wrap {display:flex;justify-content:center;margin-top:30px;} article.stepI > .inConts > .btn-wrap a.more {position:relative;color:#000;font-size:4.6vw;font-weight:600;} article.stepI > .inConts > .btn-wrap a.more:before {content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:100%;height:1px;background-color:#000;} /* Registrator */ #container > .subcover {height:300px;} #container > .subcover .inConts {padding:0 30px;} #container > .subcover .inConts h1 {font-size:8vw;} #container.contact > .subcover .inConts:after {content:none;} #container.contact > .subcover .inConts:before {top:-100px;left:-100px;right:auto;} #container.registration > .subcover .inConts:before {content:none;} #container.registration > .subcover .inConts:after {bottom:-150px;right:-150px;} #container.registration .fee-wrap .inConts {padding:0 30px;} #container.registration .fee-wrap .inConts:before {left:-180px;} #container.registration .fee-wrap h1 {font-size:6vw;} #container.registration .fee-wrap h3 {font-size:4.0vw;} #container.registration .fee-wrap ul.table {margin-top:30px;} #container.registration .fee-wrap ul.table li {display:block;} #container.registration .fee-wrap ul.table li div {font-size:4.0vw;} #container.contact .contact-wrap .inConts {padding:0 30px;} #container.contact .contact-wrap .inConts:before {left:-150px;} #container.contact .contact-wrap ul.tab {display:block;margin-left:0;} #container.contact .contact-wrap ul.tab li {font-size:4.0vw;width:calc(100% - 30px);padding:10px 15px;margin-left:0;} #container.contact .contact-wrap ul.tab li + li {margin-top:5px;} #container.contact .contact-wrap ul.tab li.on {animation: contactstepMobile 0.75s 1.0s both;} #container.contact .contact-wrap ul.tab li strong {font-size:4.0vw;display:inline;} #container.contact .contact-wrap p.caution {font-size:3.6vw;} #container.contact .contact-wrap ul.form-wrap li {display:block;} #container.contact .contact-wrap ul.form-wrap li + li {margin-top:0;} #container.contact .contact-wrap ul.form-wrap li div {width:100%;margin:0 !important;margin-top:15px !important;} #container.contact .contact-wrap ul.form-wrap li div label {font-size:3.2vw;} #container.contact .contact-wrap ul.form-wrap li div input {font-size:4.0vw;} #container.contact .contact-wrap ul.form-wrap li div select {font-size:4.0vw;} #container.contact .contact-wrap ul.form-wrap li div > span.absTXT {font-size:2.8vw;} #container.contact .contact-wrap .package p.subj {font-size:4.0vw;} #container.contact .contact-wrap .package ul li {font-size:4.0vw;} #container.contact .contact-wrap .total-fee-wrap ul li span {font-size:4.0vw;} #container.contact .contact-wrap .total-fee-wrap ul li span:nth-child(2) {white-space:nowrap;} #container.contact .contact-wrap .total-fee-wrap a.edit {width:100%;font-size:5.0vw;} #container.contact .contact-wrap .complete-wrap h1 {font-size:6.0vw;} #container.contact .contact-wrap .complete-wrap .desc {font-size:4.6vw;} #container.contact .contact-wrap .complete-infor-wrap div.review-infor-wrap p.subj {font-size:5.8vw;} #container.contact .contact-wrap .complete-infor-wrap div.review-infor-wrap ul li {flex-wrap:wrap;} #container.contact .contact-wrap .complete-infor-wrap div.review-infor-wrap ul li span {display:block;font-size:4.0vw !important;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li {flex-wrap:wrap;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li.cols3 span:nth-child(2) {width:100%;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li.cols3 span:nth-child(2) > em {justify-content:flex-start;flex-wrap:wrap;} #container.contact .contact-wrap .complete-infor-wrap div.regist-profile-wrap ul li.cols3 span:nth-child(2) > em > i {width:100%;text-align:left;padding-left:15px;} #container.contact .contact-wrap .payment-infor-wrap p.subj {font-size:5.0vw;} #container.contact .contact-wrap .payment-infor-wrap ul li {flex-wrap:wrap;} #container.contact .contact-wrap .payment-infor-wrap ul li span {display:block;font-size:4.0vw !important;} #container.contact .contact-wrap .payment-method h1 {font-size:5.6vw} #container.contact .contact-wrap .payment-method > div.method {flex-wrap:wrap;border-top:1px solid #c4c4c4;margin-top:20px;padding-top:20px;} #container.contact .contact-wrap .payment-method > div.method a {width:100%;} #container.contact .contact-wrap .payment-method > div.method a + a {margin-top:10px;} #container.contact .contact-wrap .btn-wrap {flex-wrap:wrap;} #container.contact .contact-wrap .btn-wrap a {font-size:5.6vw;max-width:100%;margin:10px 0 0;} #container.registration .fee-wrap .btn-wrap a {font-size:5.6vw;max-width:100%;} #SDC-regist-layerPopup .layerPopup-wrap {padding-left:20px;padding-right:20px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts {height:400px;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .payment-method > div.method {flex-wrap:wrap;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .payment-method > div.method a {width:100%;} #SDC-regist-layerPopup .layerPopup-wrap div.conts > .payment-method > div.method a + a {margin-top:10px;} #SDC-regist-complete-layerPopup .layerPopup-wrap {padding-left:20px;padding-right:20px;} #SDC-regist-complete-layerPopup .layerPopup-wrap div.conts {height:400px;overflow-y:auto;} #SDC-regist-complete-layerPopup .layerPopup-wrap div.conts > figure.complete {max-width:100px;} /* Mypage */ #header.mypage .inConts > div.left > a.BI > img.default {display:none;} #header.mypage .inConts > div.left > a.BI > img.white {display:block;} #header.mypage .inConts > div.right > div:first-child a.btn-menu > span {background-color:#fff;} #header.mypage .inConts > div.right > div:first-child .dDay {color:#fff;} #container.mypage .tab-wrap {display:block;border-bottom:0;} #container.mypage .tab-wrap:after {content:none;} #container.mypage .tab-wrap > a {display:block;font-size:4.0vw;width:calc(100% - 30px);} #container.mypage .tab-wrap > a + a {margin-top:5px;} #container.mypage .tab-wrap > a.on {animation: contactstepMobile 0.75s 1.0s both;} /* LOGIN */ #container.login > .subcover .inConts:before {bottom:-150px;right:-120px;} #container.login > .subcover .inConts:after {content:none;} #container.login > .login-wrap > .inConts {padding:0 30px;} #container.login > .login-wrap > .inConts:before {top:50px;right:-180px;} #container.login > .login-wrap ul.table {display:block;} #container.login > .login-wrap ul.table li {width:100%;} #container.login > .login-wrap ul.table li + li {margin-top:20px;} #container.login > .login-wrap ul.table li label {font-size:2.8vw;} #container.login > .login-wrap ul.table li input {font-size:3.6vw;} #container.login > .login-wrap ul.table li div.txt {font-size:4.0vw;margin-top:25px;} #container.login > .login-wrap .btn-wrap {margin-top:50px;} #container.login > .login-wrap .btn-wrap a {font-size:5.6vw;max-width:100%;margin:0;} #container.login > .findpw-wrap > .inConts {padding:0 30px;} #container.login > .findpw-wrap > .inConts:before {top:50px;right:-180px;} #container.login > .findpw-wrap h1 {font-size:7vw;} #container.login > .findpw-wrap ul.table {display:block;} #container.login > .findpw-wrap ul.table li {width:100%;} #container.login > .findpw-wrap ul.table li + li {margin-top:20px;} #container.login > .findpw-wrap ul.table li label {font-size:2.8vw;} #container.login > .findpw-wrap ul.table li input {font-size:3.6vw;} #container.login > .findpw-wrap ul.table li:nth-child(2) {font-size:4.0vw;} #container.login > .findpw-wrap .btn-wrap {margin-top:50px;} #container.login > .findpw-wrap .btn-wrap a {font-size:5.6vw;max-width:100%;margin:0;} /* MYPAGE */ #container.mypage > .subcover .inConts:before {bottom:-150px;right:-120px;} #container.mypage > .subcover .inConts:after {content:none;} /* STEP 1 :: MY PROFILE */ #container.mypage > .mypage-profile-wrap .inConts {padding:0 30px;} #container.mypage > .mypage-profile-wrap > .inConts:before {top:50px;right:-180px;} #container.mypage > .mypage-profile-wrap h1 {font-size:6.0vw;} #container.mypage > .mypage-profile-wrap ul.table li {font-size:4.0vw;padding-left:0;} #container.mypage > .mypage-profile-wrap ul.table li > span {position:inherit;font-size:4.0vw;} #container.mypage > .mypage-profile-wrap ul.table li > span:before {content:none;} #container.mypage > .mypage-profile-wrap .btn-wrap a {font-size:5.6vw;max-width:100%;margin:0;} #container.mypage > .mypage-profile-wrap p.caution {font-size:3.6vw;} #container.mypage > .mypage-profile-wrap ul.form-wrap {margin-top:20px;} #container.mypage > .mypage-profile-wrap ul.form-wrap li {display:block;} #container.mypage > .mypage-profile-wrap ul.form-wrap li + li {margin-top:0;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div {display:block;width:100%;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div label {position:inherit;display:block;font-size:2.8vw;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div input {font-size:4.0vw;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div:nth-child(2) {margin-left:0;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div.mobilephone {display:flex;padding-top:35px;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div.mobilephone > label {position:absolute;top:15px;} #container.mypage > .mypage-profile-wrap ul.form-wrap li div > span.absTXT.tr {top:20px;font-size:2.6vw;} #container.mypage > .mypage-profile-wrap .btn-wrap {flex-wrap:wrap;} #container.mypage > .mypage-profile-wrap .btn-wrap a {font-size:5.6vw;max-width:100%;margin:0;} #container.mypage > .mypage-profile-wrap .btn-wrap a + a {margin-top:10px;} /* STEP 2 :: PACKAGE DETAILS */ #container.mypage > .mypage-package-wrap .inConts {padding:0 30px;} #container.mypage > .mypage-package-wrap > .inConts:before {top:50px;right:-180px;} #container.mypage > .mypage-package-wrap h1 {font-size:6.0vw;} #container.mypage > .mypage-package-wrap ul.table li {font-size:4.0vw;padding-left:0;} #container.mypage > .mypage-package-wrap ul.table li > span {width:100%;position:inherit;font-size:4.0vw;} #container.mypage > .mypage-package-wrap ul.table li > span > em {margin:0;font-size:3.6vw;} #container.mypage > .mypage-package-wrap ul.table li > span:before {content:none;} #container.mypage > .mypage-package-wrap ul.table li > br {display:none;} #container.mypage > .mypage-package-wrap .btn-wrap a {font-size:5.6vw;max-width:100%;margin:0;} #container.mypage > .mypage-package-wrap ul.form-wrap {margin-top:20px;} #container.mypage > .mypage-package-wrap ul.form-wrap li {display:block;padding-left:0;font-size:4.0vw;} #container.mypage > .mypage-package-wrap ul.form-wrap li > span {width:100%;position:inherit;font-size:4.0vw;margin-bottom:5px;} #container.mypage > .mypage-package-wrap ul.form-wrap li > span:before {content:none;} #container.mypage > .mypage-package-wrap ul.form-wrap li > span > em {margin-left:0;font-size:3.6vw;} #container.mypage > .mypage-package-wrap ul.form-wrap li + li {margin-top:30px;} #container.mypage > .mypage-package-wrap ul.form-wrap li div {display:block;width:100%;} #container.mypage > .mypage-package-wrap ul.form-wrap li div select {font-size:4.0vw;} #container.mypage > .mypage-package-wrap ul.form-wrap li div.excel-upload label {font-size:4.0vw;} #container.mypage > .mypage-package-wrap .btn-wrap {flex-wrap:wrap;} #container.mypage > .mypage-package-wrap .btn-wrap a {font-size:5.6vw;max-width:100%;margin:0;} #container.mypage > .mypage-package-wrap .btn-wrap a + a {margin-top:10px;} /* STEP 3 :: INVOICE */ #container.mypage > .mypage-invoice-wrap .inConts {padding:0 30px;} #container.mypage > .mypage-invoice-wrap > .inConts:before {top:50px;right:-180px;} #container.mypage > .mypage-invoice-wrap h1 {font-size:6.0vw;} #container.mypage > .mypage-invoice-wrap .complete-wrap .desc {font-size:4.0vw;} #container.mypage > .mypage-invoice-wrap .total-fee-wrap ul li span {font-size:4.0vw;} #container.mypage > .mypage-invoice-wrap .payment-method h1 {font-size:6.0vw;} #container.mypage > .mypage-invoice-wrap .payment-method > div.card_choose {flex-wrap:wrap;} #container.mypage > .mypage-invoice-wrap .payment-method > div a {width:100%;} #container.mypage > .mypage-invoice-wrap .payment-method > div a + a {margin-top:5px;} #container.mypage > .mypage-invoice-wrap .payment-method > p.payment-tit {font-size:4.6vw;} #container.mypage > .mypage-invoice-wrap .btn-wrap a {font-size:5.6vw;max-width:100%;margin:0;} #container.mypage > .mypage-invoice-wrap .payment-method > div.payment_choose > input[type=radio] + label {min-width:auto;padding:0 5px;margin:0;} #container.mypage > .mypage-invoice-wrap .payment-method > div.payment_choose > input[type=radio] + label.center {min-width:auto;padding:0 5px;margin:0 3px;} /* STEP 4 :: CHANGE PASSWORD */ #container.mypage > .mypage-pwchange-wrap .inConts {padding:0 30px;} #container.mypage > .mypage-pwchange-wrap > .inConts:before {top:50px;right:-180px;} #container.mypage > .mypage-pwchange-wrap h1 {font-size:6.0vw;} #container.mypage > .mypage-pwchange-wrap ul.table {display:block;margin-top:0;} #container.mypage > .mypage-pwchange-wrap ul.table li {width:100%;margin-top:20px;} #container.mypage > .mypage-pwchange-wrap ul.table li label {font-size:2.8vw;} #container.mypage > .mypage-pwchange-wrap ul.table li input {font-size:4.0vw;} #container.mypage > .mypage-pwchange-wrap .btn-wrap {flex-wrap:wrap;margin-top:50px;} #container.mypage > .mypage-pwchange-wrap .btn-wrap a {font-size:5.6vw;max-width:100%;margin:0;} #container.mypage > .mypage-pwchange-wrap .btn-wrap a + a {margin-top:10px;} #container.mypage > .mypage-pwchange-wrap #modalPopupLayer .wrap .contBox {width:calc(100% - 30px);} #container.mypage > .mypage-pwchange-wrap #modalPopupLayer .wrap .contBox p {font-size:4.0vw;} #container.mypage > .mypage-pwchange-wrap #modalPopupLayer .wrap .contBox a {font-size:5.6vw;max-width:100%;margin:0;} /* COMING */ #container.coming > .soon-wrap .inConts {padding:0 0 100px;} #container.coming > .subcover > .inConts:after {content:none;} #container.coming > .subcover > .inConts:before {left:30px;} #container.coming > .soon-wrap h1 {font-size:10vw;padding-left:30px;padding-right:30px;} #container.coming > .soon-wrap .circle {width:240px;height:240px;margin-left:30px;} #container.coming > .soon-wrap .circle > span {width:40px;height:40px;margin:0 40px 40px 0;} /* SUB :: 공통 */ #container.sub > .conts {padding:100px 0 100px;} #container.sub > .conts > .inConts > figure.top-img {display:flex;justify-content:center;} #container.sub > .conts > .inConts > h1 {font-size:6.0vw;} #container.sub > .conts > .inConts > p {font-size:4.0vw;} #container.submission.student_design_competition > .conts ul.dot-list > li > div:nth-child(1), #container.submission.student_design_competition > .conts ul.dot-list > li > div:nth-child(2) {font-size:3.6vw;} #container.submission.student_design_competition > .conts > .inConts > p.notice {font-size:3.0vw;} /* RE:PUBLIC */ /* OVERVIEW */ #container > .subcover .inConts .tab {width:calc(100% - 60px);} #container > .subcover .inConts .tab a {font-size:3.6vw;width:calc(100% / 3);} #container.republic.overview .subcover .inConts:before {top:70px;right:-140px;} #container.republic.overview > .conts > .inConts {padding-left:30px;padding-right:30px;} #container.republic.overview > .conts ul.theme {display:block;} #container.republic.overview > .conts ul.theme > li {width:100%;} #container.republic.overview > .conts ul.theme > li + li {margin-top:50px;} #container.republic.overview > .conts ul.theme > li:nth-child(n+3) {margin-top:50px;} #container.republic.overview > .conts ul.committee {display:block;padding-left:30px;} #container.republic.overview > .conts ul.committee > li {width:100%;} #container.republic.overview > .conts ul.committee li + li {margin-top:30px;} #container.republic.overview > .conts > .inConts.media {padding-left:0px;padding-right:0px;} #container.republic.overview > .conts > .inConts.media > h1 {margin-left:30px;margin-right:30px;} #container.republic.overview > .conts ul.logo {display:block;padding-left:30px;padding-right:30px;} #container.republic.overview > .conts ul.logo > li {width:100%;} #container.republic.overview > .conts ul.logo > li:nth-child(2) {margin-top:50px;} #container.republic.overview > .conts a.down {width:calc(100% - 60px);font-size:4.0vw;padding:10px;} #container.republic.overview > .conts .poster-wrap {display:block;padding-left:30px;padding-right:30px;} #container.republic.overview > .conts .poster-wrap figure:nth-child(2) {margin-top:10px;} /* CONTACT US */ #container.republic.contactus .subcover .inConts:before {top:100px;} #container.republic.contactus > .conts > .inConts {padding-left:30px;padding-right:30px;} /* SUBMISSION */ /* CALL FOR ABSTRACT */ #container.submission.call_for_abstract .subcover .inConts:before {top:185px;left:-60px} #container.submission.call_for_abstract .subcover .inConts:after {content:none;} #container.submission.call_for_abstract > .conts > .inConts {padding-left:30px;padding-right:30px;} #container.submission.call_for_abstract > .conts a.link {width:calc(100% - 60px);} #container.submission.call_for_abstract > .conts ul.theme {display:block;} #container.submission.call_for_abstract > .conts ul.theme > li {width:100%;} #container.submission.call_for_abstract > .conts ul.theme > li + li {margin-top:50px;} #container.submission.call_for_abstract > .conts ul.theme > li:nth-child(n+3) {margin-top:50px;} #header.on {background-color:#fff;border-bottom:1px solid #ccc;} #container.submission.abstract_submission > .conts > .inConts {padding-left:30px;padding-right:30px;} #container.submission.abstract_submission > .conts > .inConts > div.head {font-size:12.0vw;} #container.submission.abstract_submission > .conts > .inConts > span.circle1 {left:-870px;} #container.submission.abstract_submission > .conts > .inConts > span.circle2 {right:-690px;} #container.submission.abstract_submission > .conts > .inConts > span.circle3 {right:-1000px;} #container.submission.student_design_competition > .conts > .inConts {padding:0 30px;} #container.submission.student_design_competition > .conts > .inConts > div.head {font-size:12.0vw;} #container.submission.student_design_competition > .conts > .inConts > p.des {margin-top:60px;} #container.submission.student_design_competition > .conts > .inConts > span.circle1 {left:-870px;} #container.submission.student_design_competition > .conts > .inConts > span.circle2 {right:-690px;} #container.submission.student_design_competition > .conts > .inConts > span.circle3 {left:-1000px;} #container.submission.student_design_competition > .conts ul.dot-list > li {display:block;} #container.submission.student_design_competition > .conts ul.dot-list > li > div:nth-child(1) {width:100%;} #container.submission.student_design_competition > .conts ul.dot-list > li > div:nth-child(2) {width:100%;padding-left:15px;} #container.submission.student_design_competition > .conts ul.planning > li > div {} #container.submission.student_design_competition > .conts ul.planning > li > div > p.txt {font-size:12px;width:calc(100% - 80px);} #container.submission.student_design_competition > .conts ul.planning > li > div > p.price {font-size:12px;width:80px;} #container.submission.student_design_competition > .conts > .inConts .btn-wrap {flex-wrap:wrap;} #container.submission.student_design_competition > .conts > .inConts .btn-wrap a {max-width:100%;width:100%;} #container.submission.student_design_competition > .conts > .inConts .btn-wrap a + a {margin-top:10px;} /* SCHEDULE */ #container.program.schedule .subcover .inConts:before {top:-170px;} #container.program.schedule .conts .inConts {padding-left:30px;padding-right:30px;} #container.program.schedule .conts .list-wrap {padding-left:35px;} #container.program.schedule .conts .list-wrap > span.day {font-size:6.0vw;width:100%;height:auto;border-radius:30px;padding:10px 30px;display:block;text-align:left;} #container.program.schedule .conts .list-wrap > span.day:before {top:10px;left:20px;z-index:-1;} #container.program.schedule .conts .list-wrap > .cont > h1 {font-size:5.0vw;} #container.program.schedule .conts .list-wrap > .cont > ul > li {font-size:4.0vw;} /* KEYNOTE SPEAKERS */ #container.program.keynote_speakers .subcover .inConts:before {top:-100px;left:150px;} #container.program.keynote_speakers .conts .inConts {padding-left:30px;padding-right:30px;} #container.program.keynote_speakers .conts .list-wrap > div.day > span {width:100%;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li {display:block;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > figure {width:100%;text-align:center;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > div {width:100%;} #container.program.keynote_speakers .conts .list-wrap > ul.cont > li > div > h1 {text-align:center;margin-top:10px;} /* SPECIAL SESSION */ #container.program.special_session .subcover .inConts:before {top:-100px;left:150px;} #container.program.special_session .conts .inConts {padding-left:30px;padding-right:30px;} #container.program.special_session .conts dl dd ul.table li div.time {width:60px;} #container.program.special_session .conts dl dd ul.table li div.min {width:30px;margin-left:10px;} #container.program.special_session .conts dl dd ul.table li div.program {width:calc(100% - 110px);margin-left:10px;} #container.program.special_session .conts .list-wrap > div.day > span {width:100%;} #container.program.special_session .conts .list-wrap > ul.cont > li {display:block;} #container.program.special_session .conts .list-wrap > ul.cont > li > figure {width:100%;text-align:center;} #container.program.special_session .conts .list-wrap > ul.cont > li > div {width:100%;} #container.program.special_session .conts .list-wrap > ul.cont > li > div > h1 {text-align:center;margin-top:10px;} /* ROUNDTABLE */ #container.program.roundtable .subcover .inConts:before {top:-100px;left:150px;} #container.program.roundtable .conts .inConts {margin-left:30px;margin-right:30px;} #container.program.roundtable .conts dl dd a {word-break:break-all;} /* EXHIBITION */ #container.program.exhibition .subcover .inConts:after {top:150px;} #container.program.exhibition .conts .inConts {padding-left:30px;padding-right:30px;} #container.program.exhibition > .conts ul.winner-list {margin-left:0;margin-top:20px;} #container.program.exhibition > .conts ul.winner-list li {width:100%;margin:0;} #container.program.exhibition > .conts ul.winner-list li + li {margin:0;margin-top:30px;} #container.program.exhibition > .conts ul.winner-list li > figure {width:100%;text-align:center;} #container.program.exhibition > .conts ul.winner-list li:nth-child(2) {transform:none;margin-top:-30px;} #container.program.exhibition > .conts ul.winner-list li .txt.mVer:after {display:block;content:"+";margin-top:20px;text-align:center;} #container.program.exhibition > .conts ul.winner-list li:nth-child(5) {transform:translate(0,0);} #container.program.exhibition > .conts ul.winner-list li:nth-child(6) {margin-top:-30px;} /* WORK & TALK */ #container.program.workntalk .subcover .inConts:before {top:80px;left:-110px;} #container.program.workntalk .subcover .inConts:after {top:160px;left:90px;} #container.program.workntalk .conts .inConts {padding-left:30px;padding-right:30px;} /* TECHNICAL VISIT */ #container.program.technical_visit .subcover .inConts:before {top:160px;left:-50px;} #container.program.technical_visit .subcover .inConts:after {top:80px;left:160px;} #container.program.technical_visit .conts .inConts {padding-left:30px;padding-right:30px;} #container.program.technical_visit > .conts > .inConts > h2 {font-size:5.0vw;} #container.program.technical_visit > .conts ul.dot-list > li {font-size:4.4vw;} /* POST CONGRESS TOUR */ #container.program.post_congress_tour .subcover .inConts:before {top:110px;left:-100px;} #container.program.post_congress_tour .subcover .inConts:after {top:150px;left:110px;} #container.program.post_congress_tour .conts .inConts {padding-left:30px;padding-right:30px;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li > div.tit {padding-right:40px;} #container.program.post_congress_tour > .conts ul.tour-course-layer > li > div.tit:after {width:16px;height:16px;} /* ACADEMIC SUB-SESSION */ #container.program.academicSubSession > .conts > .inConts {padding-left:30px;padding-right:30px;} /* IFLA 2022 - STUDENT CHARRETTE PROGRAM */ #container.program.studentCharretteProgram > .conts > .inConts {padding-left:30px;padding-right:30px;} /* EXPO */ #container.program.expo .subcover .inConts:before {top:150px;left:100px;} #container.program.expo .subcover .inConts:after {top:80px;left:150px;} #container.program.expo .conts .inConts {padding-left:30px;padding-right:30px;} #container.program.expo > .conts .cols2 {display:block;} #container.program.expo > .conts .cols2 > figure {width:100%;} #container.program.expo > .conts .cols2 > div.table {width:100%;margin-top:10px;} #container.program.expo > .conts .cols2 > div.table ul li span:nth-child(1) {width:calc(40% - 5px);} #container.program.expo > .conts .cols2 > div.table ul li span:nth-child(2) {width:calc(23% - 5px);} #container.program.expo > .conts .cols2 > div.table ul li span:nth-child(3) {width:calc(37% - 5px);} /* AAPME Awards */ #container.program.aapme .subcover .inConts:before {top:80px;left:-110px;} #container.program.aapme .subcover .inConts:after {top:160px;left:90px;} #container.program.aapme .conts .inConts {padding-left:30px;padding-right:30px;} /* VENUE */ /* CONGRESS VENUE */ #container.venue.congress_venue .subcover .inConts:before {top:-60px;left:170px;} #container.venue.congress_venue .subcover .inConts:after {top:100px;left:170px;} #container.venue.congress_venue .conts .inConts {padding-left:30px;padding-right:30px;} #container.venue.congress_venue > .conts .inConts:before {content:none;} #container.venue.congress_venue > .conts > .inConts > ul.location {display:block;} #container.venue.congress_venue > .conts > .inConts > ul.location > li:nth-child(1) {width:100%;} #container.venue.congress_venue > .conts > .inConts > ul.location > li:nth-child(1) > .map {width:100%;height:240px;} #container.venue.congress_venue > .conts > .inConts > ul.location > li:nth-child(2) {width:100%;padding-left:0;padding-top:20px;} /* ABOUT GWANGJU */ #container.venue.about_gwangju .subcover .inConts:before {top:-60px;left:170px;} #container.venue.about_gwangju .subcover .inConts:after {top:100px;left:170px;} #container.venue.about_gwangju > .conts .inConts:before {content:none;} #container.venue.about_gwangju .conts .inConts > ul {margin-left:30px;margin-right:30px;} #container.venue.about_gwangju > .conts a.link {font-size:4.4vw;width:calc(100% - 60px);padding:10px;} /* ACCOMMODATION */ #container.venue.accommodation .subcover .inConts:before {top:-60px;left:170px;} #container.venue.accommodation .subcover .inConts:after {top:100px;left:170px;} #container.venue.accommodation > .conts .inConts:before {content:none;} #container.venue.accommodation > .conts .inConts {padding-left:30px;padding-right:30px;} #container.venue.accommodation > .conts > .inConts > ul.location {display:block;} #container.venue.accommodation > .conts > .inConts > ul.location > li:nth-child(1) {width:100%;} #container.venue.accommodation > .conts > .inConts > ul.location > li:nth-child(1) > .map {width:100%;height:240px;} #container.venue.accommodation > .conts > .inConts > ul.location > li:nth-child(2) {width:100%;padding-left:0;padding-top:20px;} /* TRAVEL TO GWANGJU */ #container.venue.travel_to_gwangju .subcover .inConts:before {top:-60px;left:170px;} #container.venue.travel_to_gwangju .subcover .inConts:after {top:100px;left:170px;} #container.venue.travel_to_gwangju > .conts .inConts:before {content:none;} #container.venue.travel_to_gwangju > .conts .inConts {padding-left:30px;padding-right:30px;} /* IFLA */ /* EXCO MEETING */ #container.exco_meeting > .soon-wrap > .inConts {flex-wrap:wrap;padding-bottom:30px;} #container.exco_meeting > .soon-wrap > .inConts .cont {width:100%;padding-left:30px;padding-right:30px;} #container.exco_meeting > .soon-wrap > .inConts .cont h2 {font-size:9.0vw;padding-bottom:30px;} #container.exco_meeting > .soon-wrap > .inConts .cont .tBox {} #container.exco_meeting > .soon-wrap > .inConts .cont .tBox p.c1 {font-size:5.6vw;} #container.exco_meeting > .soon-wrap > .inConts .cont .tBox p.c2 {font-size:5.6vw;} #container.exco_meeting > .soon-wrap > figure {max-width:800px;width:100%;margin:0 auto;padding:0 30px 100px;} /* World Council Meeting */ /* Awards */ /* PARTNERS & SPONSORS */ /* PARTNERS & SPONSORS */ #container.pns.partnersnsponsors .subcover .inConts:before {top:-60px;left:170px;} #container.pns.partnersnsponsors .subcover .inConts:after {top:100px;left:170px;} #container.pns.partnersnsponsors .conts > .inConts {padding-left:30px;padding-right:30px;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap {margin-left:0;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div {width:100%;margin-left:0;padding-top:0;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div.diamond, #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div.gold, #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div.silver, #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div.bronze {padding-top:25px;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div.gold {margin-left:0;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div > figure {width:100%;text-align:center;background-color:#fff;} #container.pns.partnersnsponsors .conts > .inConts .bi-wrap div.gold > figure:before {content:none;} /* Exhibitors */ /* NOTICE */ #container.notice .inConts {padding:0 30px;} #container.notice.list ul li.title {display:none;} #container.notice.list ul li div:nth-child(1) {display:none;} #container.notice.list ul li div:nth-child(2) {width:calc(100% - 100px);} } @media only screen and (max-width:560px) { article.charrette-notice > .inConts:before {bottom:120px;right:30px;} article.charrette-notice > .inConts:after {bottom:135px;right:30px;} #container.program.aapme > .conts a.link {font-size:16px;} #container.submission.abstract_submission > .conts ul.gallery {display:block;margin-top:10px;margin-left:0;} #container.submission.abstract_submission > .conts ul.gallery > li {font-size:0;width:100%;margin-left:0;margin-top:10px;} #container.submission.abstract_submission > .conts ul.gallery > li:nth-child(2n) {text-align:left;} #container.submission.abstract_submission > .conts ul.gallery > li > img {width:100%;height:auto;} #container.notice.list ul li {flex-wrap:wrap;padding-right:25px;background:url('/ifla2022/theme/100410/kr/common/img/notice_icon.png') no-repeat center right 5px;} #container.notice.list ul li div:nth-child(2) {width:100%;} #container.notice.list ul li div:nth-child(3) {width:auto;text-align:left;margin-top:10px;} #container.notice.view .title {flex-wrap:wrap;} #container.notice.view .title div:nth-child(1) {display:none;} #container.notice.view .title div:nth-child(2) {width:100%;} #container.notice.view .title div:nth-child(3) {width:auto;text-align:left;margin-top:10px;} #container.notice.view .prev-next > div {flex-wrap:wrap;} #container.notice.view .prev-next > div > div:nth-child(1) {width:auto;text-align:left;} #container.notice.view .prev-next > div > div:nth-child(2) {width:100%;margin-top:10px;} #container.notice.view .prev-next > div > div:nth-child(3) {width:auto;text-align:left;margin-top:10px;} } @media only screen and (max-width:320px) { article.stepB > .inConts > .summary .desc {font-size:7.7vw;} } @media (orientation: portrait) { /* Portrait 모드일 때 적용할 CSS */ /*#container:after {content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(247,189,205,1.0) url('/ifla2022/theme/100410/kr/common/img/common/portrait.svg') no-repeat center center;background-size:70% auto;z-index:100;} */ } @media (orientation: landscape) { /* Landscape 모드일 때 적용할 CSS */ }