.pVer {display:block !important;} .mVer {display:none !important;} .inConts {max-width:1014px;width:100%;margin:0 auto;padding:6.25rem 20px;} .sp-btw {justify-content:space-between;} #container {overflow:hidden;} #header {position:fixed;top:0;left:0;width:100%;transform:translate(0,0);z-index:9;} #header:before {content:"";position:absolute;top:0;left:0;width:100%;height:250%;background:linear-gradient(180deg, rgba(1, 8, 20, 1) 0%, rgba(15, 37, 73, 0) 100%);z-index:-1;} #header:after {content:"2022 강소도시 공모전";position:absolute;top:0;left:0;width:100%;text-align:center;color:rgba(103,128,169,0.7);font-size:12px;font-weight:600;padding:10px;background-color:#010814;} #header.active {transform:translate(0,0);} #header.active:before {display:none;} #header.active:after {display:none;} #header.scroll:before {height:130%;background:linear-gradient(180deg, rgba(1, 8, 20, 1) 80%, rgba(15, 37, 73, 0) 100%);} #header .inConts {max-width:1220px;width:100%;padding:40px 20px 0;display:flex;justify-content:space-between;align-items:center;} #nav-wrap {} #nav-wrap > ul.dep1 {display:flex;} #nav-wrap > ul.dep1 li a {position:relative;color:#fff;font-size:1.125rem;font-weight:300;} #nav-wrap > ul.dep1 li a:before {content:"";position:absolute;bottom:-0.25rem;left:50%;transform:translate(-50%,0);width:0;height:3px;background-color:#fff;} #nav-wrap > ul.dep1 li a.selected {font-weight:600;} #nav-wrap > ul.dep1 li a.selected:before {width:100%;} #nav-wrap > ul.dep1 li + li {margin-left:1.875rem;} #menu-btn-wrap {position:fixed;top:40px;right:20px;width:40px;height:40px;overflow:hidden;z-index:9;display:none;} #menu-btn-wrap a { position:relative; display:block; width: 100%; height: 100%; border-radius: 0; -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; z-index: 3; /*background-color:#000;*/ } #menu-btn-wrap a span { display: block; position: absolute; top: 50%; left: 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; margin-left: -14px; width: 28px; height: 4px; background-color: #fff; -o-transition: margin-top .2s .2s ease-in-out, margin-left .3s .6s ease-in-out, width .3s .6s ease-in-out, -o-transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out; -ms-transition: margin-top .2s .2s ease-in-out, margin-left .3s .6s ease-in-out, width .3s .6s ease-in-out, -ms-transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out; -moz-transition: margin-top .2s .2s ease-in-out, margin-left .3s .6s ease-in-out, width .3s .6s ease-in-out, -moz-transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out; -webkit-transition: margin-top .2s .2s ease-in-out, margin-left .3s .6s ease-in-out, width .6s .4s ease-in-out, -webkit-transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out; transition: margin-top .2s .2s ease-in-out, margin-left .3s .6s ease-in-out, width .3s .6s ease-in-out, transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out; } #menu-btn-wrap a span.l1 {margin-top:-12px;} #menu-btn-wrap a span.l2 {margin-top:-2px;} #menu-btn-wrap a span.l3 {margin-top:8px;} #menu-btn-wrap.active a span { -o-transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, -o-transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out; -ms-transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, -ms-transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out; -moz-transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, -moz-transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out; -webkit-transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, -webkit-transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out; transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out; } #menu-btn-wrap.active a span.l1 {margin-top:-2px;transform:rotate(45deg);} #menu-btn-wrap.active a span.l2 {opacity:0;} #menu-btn-wrap.active a span.l3 {margin-top:-2px;transform:rotate(-45deg);} #footer {position:relative;border-top:1px solid #ddd;} #footer .inConts {display:flex;align-items:flex-start;flex-wrap:wrap;max-width:1220px;width:100%;padding:3.75rem 20px;} #footer .inConts .menu ul {display:flex;flex-direction:column;flex-wrap:wrap;height:7.5rem;} #footer .inConts .menu ul li {margin-bottom:1.25rem;} #footer .inConts .menu ul li:nth-child(n+4) {margin-left:3.75rem;} #footer .inConts .menu ul li a {color:#000;font-size:0.875rem;font-weight:500;display:flex;align-items:center;} #footer .inConts .menu ul li a:hover {color:#132658;} #footer .inConts .menu ul li a:after {content:"";width:12px;height:12px;background:url('../images/common/footer_link_icon.png') no-repeat center center;margin-left:0.25rem;} #footer .inConts .etc {} #footer .inConts .etc .mail {font-size:1.625rem;font-weight:700;text-decoration:underline;} #footer .inConts .etc .infor {margin-top:1.875rem;display:flex;justify-content:space-between;align-items:flex-end;} #footer .inConts .etc .infor .txt p {display:flex;font-size:12px;color:#000;} #footer .inConts .etc .infor .txt p > span {width:1.875rem;color:#666;} #footer .inConts .etc .infor .txt p + p {margin-top:0.25rem;} #footer .inConts .etc .infor .copyright {color:#666;font-size:10px;} #pageTopBtn {position:fixed;bottom:1.25rem;right:1.0rem;width:3.125rem;height:3.125rem;background:rgba(108,116,119,0.4) url('../../assets/images/common/pageTopBtn.png') no-repeat center center/cover;border-radius:50%;overflow:hidden;transform:translate(0,200%);z-index:9;display:none;} #pageTopBtn.active {transform:translate(0,0);} /* 전체메뉴 */ #top-layer-menu {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:8;overflow:hidden;background:url('../../assets/images/common/mobile_menu_bg.jpg') no-repeat center center/cover;} #top-layer-menu .wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:6.25rem 20px 1.0rem;} #top-layer-menu .wrap .contBox {width:100%;} #top-layer-menu .wrap .contBox > ul.dep1 {} #top-layer-menu .wrap .contBox > ul.dep1 > li {padding:10px 0;} #top-layer-menu .wrap .contBox > ul.dep1 > li > a {color:#fff;font-size:26px;font-weight:700;} #top-layer-menu .wrap .contBox > .etc {margin-top:2.5rem;} #top-layer-menu .wrap .contBox > .etc .link {} #top-layer-menu .wrap .contBox > .etc .link a {position:relative;max-width:240px;width:100%;color:#000;font-size:0.875rem;font-weight:800;height:2.875rem;display:inline-flex;align-items:center;border-radius:2.875rem;border:1px solid #fff;background-color:rgba(255,255,255,1);font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;padding:0 1.25rem;} #top-layer-menu .wrap .contBox > .etc .link a:before {content:"";position:absolute;top:50%;right:1rem;transform:translate(0,-50%);width:1.4375rem;height:1.4375rem;background:url('../../assets/images/main/btn_arrow.png') no-repeat center center;} #top-layer-menu .wrap .contBox > .etc .link a + a {margin-top:0.5rem;} #top-layer-menu .wrap .contBox > .etc .link a.modify {color:#fff;background-color:transparent;} #top-layer-menu .wrap .contBox > .etc .link a.modify:before {background:url('../../assets/images/main/btn_arrow_wh.png') no-repeat center center;} #top-layer-menu .wrap .contBox > .etc p {color:#fff;font-size:10px;line-height:1.4;font-weight:300;margin-top:1.0rem;} .slick-slider ul.slick-dots {display:flex;justify-content:center;align-items:center;margin-top:1.875rem;} .slick-slider ul.slick-dots li {margin:0 0.3125rem;} .slick-slider ul.slick-dots li button {display:block;width:1.0rem;height:1.0rem;background-color:#999;border:0;border-radius:50%;overflow:hidden;font-size:0;} .slick-slider ul.slick-dots li.slick-active button {background-color:#009a8e;} /* MAIN */ /* 강소도시 */ /* MODAL LAYER POPUP */ #modalLayerPopup {position:fixed;top:100%;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);overflow:hidden;transform:translate(0,100%);opacity:0;z-index:-1;} #modalLayerPopup.active {top:0;transform:translate(0,0);opacity:1;z-index:10;} #modalLayerPopup .layerPop-wrap {width:100%;height:100%;display:flex;justify-content:flex-end;align-items:center;} #modalLayerPopup .layerPop-wrap .contBox {position:relative;max-width:740px;width:100%;min-height:480px;background-color:#fff;border-radius:3.125rem;margin-right:100px;padding:3.125rem;display:flex;flex-direction:column;justify-content:space-between;} #modalLayerPopup .layerPop-wrap .contBox .first {font-size:3.125rem;font-weight:700;text-align:center;} #modalLayerPopup .layerPop-wrap .contBox .last {text-align:center;} #modalLayerPopup .layerPop-wrap .contBox .last a {display:inline-block;max-width:180px;width:100%;border:2px solid #000;color:#000;font-size:1.5rem;font-weight:500;line-height:3.5rem;text-align:center;height:3.75rem;padding:0 1.875rem;border-radius:5.5rem;} #modalLayerPopup .layerPop-wrap .contBox .last .today-box {margin-top:1.25rem;color:#888;font-size:1.25rem;} #modalLayerPopup .layerPop-wrap .contBox .last .today-box label {cursor:pointer;} #modalLayerPopup .layerPop-wrap .contBox .cont {font-size:1.75rem;text-align:center;padding:2.0rem 0;} #modalLayerPopup .layerPop-wrap .contBox a.close {position:absolute;top:1.75rem;right:1.5rem;} /* 공통 */ input::-webkit-input-placeholder {color:#0094E8;font-size:1.0rem;font-weight:300;} input::-moz-placeholder {color:#0094E8;font-size:1.0rem;font-weight:300;} input:-ms-input-placeholder {color:#0094E8;font-size:1.0rem;font-weight:300;} input:-moz-placeholder {color:#0094E8;font-size:1.0rem;font-weight:300;} input::placeholder {color:#0094E8;font-size:1.0rem;font-weight:300;} #container .contents .inConts .title-wrap {text-align:center;} #container .contents .inConts .title-wrap h1 {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:1.625rem;font-weight:800;} #container .contents .inConts .title-wrap p.desc {font-size:1.125rem;font-weight:700;margin-top:1.25rem;text-align:left;} #container .contents .subCover {height:28.75rem;} #container .contents .subCover figure img {width:100%;} #container .contents .subCover .menu-wrap {position:absolute;bottom:0;left:50%;transform:translate(-50%,0);max-width:1060px;width:100%;padding:0 20px 30px;} #container .contents .subCover .menu-wrap p {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;color:#fff;font-size:3.75rem;font-weight:800;letter-spacing:-0.05em;} #container .contents .subCover .menu-wrap p.prev, #container .contents .subCover .menu-wrap p.next { color:transparent; -webkit-text-stroke: 0.5px rgba(255,255,255,0.5); text-stroke: 0.5px rgba(255,255,255,0.5); } /* 검색 */ .keyword-search {display:flex;justify-content:flex-end;margin-top:2.5rem;} .keyword-search form {max-width:300px;width:100%;position:relative;display:flex;align-items:center;} .keyword-search form input[type=text] {width:calc(100% - 2.125rem);font-size:1.0rem;line-height:2.125rem;padding-right:2.125rem;border:0;outline:none;} .keyword-search form input[type=submit] {font-size:14px;width:2.125rem;height:2.125rem;border:0;background:url('../images/common/search_icon.png') no-repeat center center/1.5rem 1.5rem;cursor:pointer;} /* 페이징 */ #pagging {display:flex;justify-content:center;align-items:center;margin-top:5.0rem;} #pagging > a {position:relative;min-width:2.25rem;height:2.25rem;margin:0 0.25rem;font-size:0;line-height:0;overflow:hidden;text-indent:-250%;} #pagging > a:before {position:absolute;top:0;left:0;right:0;bottom:0;} #pagging > a.prev:before {content:"";background:url('../images/common/board_icon_prev.png') no-repeat center center;} #pagging > a.next:before {content:"";background:url('../images/common/board_icon_next.png') no-repeat center center;} #pagging > a.disabled {} #pagging > a.disabled:before {opacity:0.35;} #pagging > .num {display:flex;justify-content:center;align-items:center;} #pagging > .num > a, #pagging > .num > strong {position:relative;color:#999;font-size:0.875rem;line-height:1.75;font-weight:400;display:flex;justify-content:center;align-items:center;min-width:1.25rem;height:1.75rem;margin-left:1.0rem;} #pagging > .num > a:before, #pagging > .num > strong:before {content:"";position:absolute;top:50%;left:-0.55rem;transform:translate(0,-50%);width:3px;height:3px;border-radius:50%;background-color:#000;margin-right:1.0rem;} #pagging > .num > a:first-child, #pagging > .num > strong:first-child {margin-left:0;} #pagging > .num > a:first-child:before, #pagging > .num > strong:first-child:before {content:none;} #pagging > .num > strong {position:relative;color:#fff;font-weight:800;font-style:normal;} #pagging > .num > strong:after {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;width:1.75rem;height:1.75rem;border-radius:50%;z-index:-1;} /* 두줄, 세줄 ... 처리 */ .line-clamp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* 메인 */ #container.main {} #container.main .contents .cover {height:64.0rem;background:url('../../assets/images/main/cover_bg.jpg') repeat-x center center;display:flex;justify-content:center;align-items:flex-end;overflow:hidden;} #container.main .contents .cover .circle {position:relative;width:60.0rem;height:60.0rem;overflow:hidden;} #container.main .contents .cover .circle .back-light { position:absolute;top:50%;left:50%; transform:translate(-50%,-50%); transform-origin: 0 0; width:60.0rem;height:60.0rem; background:url('../../assets/images/main/cover_light.png') no-repeat center center/cover; animation:mainCoverMotion 5.5s 0.0s both infinite; } #container.main .contents .cover .circle .wrap {position:relative;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;z-index:1;} #container.main .contents .cover .circle .wrap:before { content:""; position:absolute;top:50%;left:50%; transform:translate(-50%,-50%); transform-origin: 0 0; width:60.0rem;height:60.0rem; background:url('../../assets/images/main/cover_circle.png') no-repeat center center/cover; animation:mainCoverOpacity 4.0s 0.0s both infinite; z-index:-1; } #container.main .contents .cover .circle .wrap > div.left {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;} #container.main .contents .cover .circle .wrap > div.left p.t1 {color:#fff;font-size:1.25rem;font-weight:600;} #container.main .contents .cover .circle .wrap > div.left h1 {color:#fff;font-size:5.0rem;font-weight:900;margin-top:1.0rem;} #container.main .contents .cover .circle .wrap > div.left h4 {color:#fff;font-size:1.875rem;font-weight:700;margin-top:1.0rem;} #container.main .contents .cover .circle .wrap > div.right {} #container.main .contents .cover .circle .wrap > div.right a { position:relative; display:block; color:#fff; border:1px solid #fff; padding:0 3.75rem 0 1.875rem; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } #container.main .contents .cover .circle .wrap > div.right a + a {margin-top:1.0rem;} #container.main .contents .cover .circle .wrap > div.right a.regist {color:#000;font-size:1.25rem;font-weight:800;height:6.875rem;display:flex;align-items:center;border-radius:6.875rem;background-color:rgba(255,255,255,0.8);font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;} #container.main .contents .cover .circle .wrap > div.right a.regist:before {content:"";position:absolute;top:50%;right:1.0rem;transform:translate(0,-50%);width:1.4375rem;height:1.4375rem;background:url('../../assets/images/main/btn_arrow.png') no-repeat center center;} #container.main .contents .cover .circle .wrap > div.right a.regist:hover {background-color:rgba(255,255,255,1);filter: drop-shadow(6px 15px 12px rgba(0, 0, 0, 0.75));} #container.main .contents .cover .circle .wrap > div.right a.modify {font-size:1.125rem;height:3.625rem;display:flex;align-items:center;border-radius:3.625rem;} #container.main .contents .cover .circle .wrap > div.right a.modify:before {content:"";position:absolute;top:50%;right:1.0rem;transform:translate(0,-50%);width:1.4375rem;height:1.4375rem;background:url('../../assets/images/main/btn_arrow_wh.png') no-repeat center center;} #container.main .contents .cover .circle .wrap > div.right a.modify:hover {background-color:rgba(255,255,255,0.25);filter: drop-shadow(6px 15px 12px rgba(0, 0, 0, 0.75));} #container.main .inConts {max-width:910px;width:100%;padding-left:20px;padding-right:20px;} #container.main .section1 {background:url('../../assets/images/main/section1_bg.png') no-repeat center top 6.25rem;} #container.main .section1 h4 {font-size:1.625rem;font-weight:800;} #container.main .section1 p {font-size:1.125rem;margin-top:3.75rem;line-height:1.6;} #container.main .section1 h3 {font-size:2.0rem;font-weight:800;margin-top:3.75rem;} #container.main .section1 .youtube-frame { margin-top:3.75rem; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } #container.main .section1 .youtube-frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #container.main .section2 {background:url('../../assets/images/main/section2_bg.png') no-repeat center bottom;} #container.main .section2 .inConts {padding-top:0;padding-bottom:18.75rem;} #container.main .section2 .box {max-width:720px;width:100%;filter: drop-shadow(6px 15px 12px rgba(0, 0, 0, 0.15));background: rgba(255, 255, 255, 0.65);border:1px solid #e9e9e9;border-radius:1.25rem;padding:3.75rem;-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);} #container.main .section2 .box figure {width:4.625rem;height:auto;margin:0 auto;} #container.main .section2 .box h4 {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;color:#003387;font-size:1.75rem;font-weight:800;margin-top:1.0rem;text-align:center;} #container.main .section2 .box p {font-size:1.125rem;font-weight:500;margin-top:1.0rem;text-align:center;} #container.main .section2 .box h2 {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:2.375rem;font-weight:800;margin-top:1.5rem;text-align:center;} #container.main .section2 .box span {position:relative;display:block;width:100%;height:1px;background-color:#000;margin-top:1.5rem;} #container.main .section2 .box span:before {content:"";position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background-color:#000;} #container.main .section2 .box span:after {content:"";position:absolute;top:-2px;right:0;width:5px;height:5px;border-radius:50%;background-color:#000;} #container.main .section2 .box a.more {position:relative;display:block;max-width:190px;width:100%;height:3.75rem;font-size:1.25rem;line-height:3.75rem;padding:0 3.75rem 0 1.5rem;border:1px solid #000;border-radius:3.75rem;margin:1.5rem auto 0;} #container.main .section2 .box a.more:before {content:"";position:absolute;top:50%;right:1.5rem;transform:translate(0,-50%);width:1.4375rem;height:1.4375rem;background:url('../../assets/images/main/btn_arrow.png') no-repeat center center;} #container.main .section2 .box a.more:hover {color:#fff;background-color:#000;} #container.main .section2 .box a.more:hover:before {background-image:url('../../assets/images/main/btn_arrow_wh.png');} #container.main .section3 {position:relative;padding-bottom:6.25rem;} #container.main .section3:before {content:"";position:absolute;top:0;left:0;transform:translate(0,-25%);width:45.5rem;height:41.25rem;background:url('../../assets/images/main/section3_bg.png') no-repeat center center/cover;} #container.main .section3 .wrap {position:relative;background:url('../../assets/images/main/section3_bg.jpg') no-repeat left 8.125rem center;} #container.main .section3 .wrap .inConts {max-width:1240px;width:100%;} #container.main .section3 .wrap .inConts h4 {color:#fff;font-size:1.625rem;font-weight:800;} #container.main .section3 .wrap .inConts h2 {color:#fff;font-size:2.5rem;font-weight:800;margin-top:2.5rem;} #container.main .section3 .wrap .inConts p {color:#fff;font-size:1.125rem;margin-top:1.875rem;} #container.main .section3 .wrap .inConts a.more {position:relative;display:block;max-width:190px;width:100%;height:3.75rem;color:#fff;font-size:1.25rem;line-height:3.75rem;padding:0 3.75rem 0 1.5rem;border:1px solid #fff;border-radius:3.75rem;margin-top:2.5rem;} #container.main .section3 .wrap .inConts a.more:before {content:"";position:absolute;top:50%;right:1.5rem;transform:translate(0,-50%);width:1.4375rem;height:1.4375rem;background:url('../../assets/images/main/btn_arrow_wh.png') no-repeat center center;} #container.main .section3 .wrap .inConts a.more:hover {background-color:rgba(0,0,0,0.5);} #container.main .section3 .wrap .inConts a.more:hover:before {} #container.main .link {max-width:1220px;width:100%;padding:0 20px;margin:0 auto;padding-bottom:6.25rem;} #container.main .link .wrap {display:flex;flex-wrap:wrap;margin-left:-1.25rem;} #container.main .link .wrap a {width:calc(50% - 1.25rem);margin-left:1.25rem;background-color:#E6F0FA;border-radius:1.25rem;display:flex;align-items:center;padding:1.25rem;} #container.main .link .wrap a span {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;color:#000;font-size:1.375rem;font-weiht:600;width:30%;display:inline-flex;justify-content:center;align-items:center;} #container.main .link .wrap a span:after {content:"";width:5px;height:5px;border-radius:50%;background-color:#999;margin-left:0.625rem;} #container.main .link .wrap a figure {width:70%;text-align:center;} /* 미래사회와 강소도시 */ #container.about .wrap {background:url('../../assets/images/sub/about_bg.png') no-repeat center top/cover;} #container.about .inConts {max-width:1060px;width:100%;} #container.about .contents .subCover {position:relative;overflow:hidden;} #container.about .contents .subCover figure {margin-top:0%;animation:subBgMove-up 20.0s 0.0s both;} #container.about .contents .conts {display:flex;flex-wrap:wrap;margin-top:3.75rem;} #container.about .contents .conts > div:nth-child(1) {position:relative;width:300px;} #container.about .contents .conts > div:nth-child(1):before {content:"";position:absolute;top:6.25rem;left:0;right:0;bottom:0;background:url('../../assets/images/sub/about_bg2.png') no-repeat center top/cover;overflow:hidden;} #container.about .contents .conts > div:nth-child(2) {width:calc(100% - 330px);margin-left:30px;} #container.about .contents .conts > div h3 {color:transparent;font-size:2.5rem;font-weight:700;-webkit-text-stroke: 1px rgba(0,0,0,1);text-stroke: 1px rgba(0,0,0,1);margin-top:3.125rem;} #container.about .contents .conts > div h3.color {color:#000;-webkit-text-stroke:transparent;text-stroke:transparent;} #container.about .contents .conts > div h3.first {margin-top:0;} #container.about .contents .conts > div p {font-size:1.125rem;line-height:1.6;letter-spacing:-0.02em;margin-top:1.25rem;} #container.about .contents .conts > div p.coordinator {} #container.about .contents .conts > div p.coordinator:before {content:"";display:block;width:30px;height:1px;background-color:#000;margin:1.875rem 0;} #container.about .contents .conts > div ul.table {margin-top:2.5rem;border:1px solid #000;display:flex;align-items:center;flex-wrap:wrap;} #container.about .contents .conts > div ul.table li {width:50%;text-align:center;padding:2.5rem 0.625rem;} #container.about .contents .conts > div ul.table li + li {border-left:1px solid #000;} /* 아이디어 공모전 */ #container.idea .inConts {max-width:1060px;width:100%;} #container.idea .contents .subCover {position:relative;overflow:hidden;} #container.idea .contents .subCover figure {margin-top:-54%;animation:subBgMove-down 20.0s 0.0s both;} #container.idea .section1 {background:url('../../assets/images/sub/idea_bg.jpg') no-repeat center bottom/cover;} #container.idea .section1 .inConts {max-width:1148px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:9.5rem;padding-bottom:5rem;} #container.idea .section1 div.left {width:400px;font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;} #container.idea .section1 div.left p.t1 {font-size:1.25rem;font-weight:600;} #container.idea .section1 div.left h1 {font-size:5.0rem;font-weight:900;margin-top:1.0rem;} #container.idea .section1 div.left h4 {font-size:1.875rem;font-weight:700;margin-top:1.0rem;} #container.idea .section1 div.right {width:calc(100% - 550px);} #container.idea .section1 div.right h3 {font-size:1.625rem;font-weight:700;margin-top:2.5rem;} #container.idea .section1 div.right p {font-size:1.125rem;line-height:1.6;margin-top:2.5rem;} #container.idea .section1 div.right p.first {margin-top:1.25rem;} #container.idea .section1 div.right p.cBlue {color:#0094E8;} #container.idea .section2 {background:url('../../assets/images/sub/idea_bg2.jpg') no-repeat center top/cover;} #container.idea .section2 .inConts {max-width:880px;width:100%;padding-top:6.75rem;padding-bottom:6.75rem;} #container.idea .section2 dl {margin-top:2.5rem;display:flex;flex-wrap:wrap;border-top:1px solid #000;} #container.idea .section2 dl dt {width:200px;font-size:1.125rem;line-height:1.4;font-weight:700;border-bottom:1px solid #000;padding:1.0rem 0;} #container.idea .section2 dl dd {width:calc(100% - 200px);font-size:1.125rem;line-height:1.4;border-bottom:1px solid #000;padding:1.0rem 0;} #container.idea .section2 .box {margin-top:1.25rem;background-color:rgba(153,204,248,0.3);padding:1.875rem;font-size:1.125rem;line-height:1.4;text-align:center;} #container.idea .section3 {background:url('../../assets/images/sub/idea_bg3.jpg') no-repeat center center/cover;} #container.idea .section3 .inConts {max-width:880px;width:100%;padding-top:7.85rem;padding-bottom:7.85rem;} #container.idea .section3 .title-wrap h1 {color:#fff;} #container.idea .section3 ul.list {margin-top:2.5rem;} #container.idea .section3 ul.list li {position:relative;display:flex;background-color:rgba(3,28,67,1);border-radius:0.375rem;overflow:hidden;opacity:0.8;} #container.idea .section3 ul.list li + li {margin-top:2px;} #container.idea .section3 ul.list li > div:nth-child(1) {width:50%;justify-content:flex-end;text-align:right;} #container.idea .section3 ul.list li > div:nth-child(2) {width:50%;justify-content:flex-start;} #container.idea .section3 ul.list li > div {color:#fff;padding: 1.25rem;display:inline-flex;align-items:center;} #container.idea .section3 ul.list li.now {background-color:rgba(0,148,232,1);opacity:0.8;} #container.idea .section3 ul.list li.past {opacity:0.3;} #container.idea .section3 ul.list li:before {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0.625rem;height:0.625rem;border-radius:50%;background-color:rgba(71,172,230,1);} #container.idea .section3 ul.list li.now:before {background-color:rgba(255,255,255,1);} #container.idea .section3 p.caution {color:#47ACE5;margin-top:0.625rem;} #container.idea .section4 {background:url('../../assets/images/sub/idea_bg4.png') no-repeat center center/cover;} #container.idea .section4 .inConts {max-width:1220px;width:100%;padding-top:7.85rem;padding-bottom:7.85rem;} #container.idea .section4 ul.list {max-width:862px;width:100%;margin:2.5rem auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;} #container.idea .section4 ul.list li {width:20%;} #container.idea .section4 ul.list li h1 {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:7.5rem;font-weight:900;text-align:center;height:9.0625rem;} #container.idea .section4 ul.list li.twolevel h1 {font-size:3.4375rem;} #container.idea .section4 ul.list li .txt {border-top:1px solid #000;text-align:center;} #container.idea .section4 ul.list li .txt em {display:inline-flex;justify-content:center;align-items:center;margin:1.25rem auto 0;min-width:2.5rem;height:2.5rem;color:#fff;font-weight:700;font-style:normal;border-radius:2.5rem;background-color:#000;padding:0 0.625rem;} #container.idea .section4 ul.list li .txt p {font-size:1.5rem;margin-top:1.25rem;} #container.idea .section4 ul.list li .txt p span {color:#666;font-size:1.125rem;} #container.idea .section4 .box {border:1px solid #000;padding:2.5rem;margin-top:3.75rem;background:url('../../assets/images/sub/idea_box_bg.jpg') no-repeat center center/cover;} #container.idea .section4 .box h4 {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:1.625rem;font-weight:800;text-align:center;} #container.idea .section4 .box ul.dot-list {margin-top:2.5rem;} #container.idea .section4 .box ul.dot-list li {position:relative;padding-left:1.0rem;font-size:1.125rem;} #container.idea .section4 .box ul.dot-list li:before {content:"";position:absolute;top:0.5rem;left:0;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.idea .section4 .box ul.dot-list li + li {margin-top:0.5rem;} #container.idea .section4 .box dl {margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:center;flex-wrap:wrap;} #container.idea .section4 .box dl dt {display:inline-flex;justify-content:center;align-items:center;width:7.6875rem;height:7.6875rem;border-radius:50%;background-color:#000;font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;color:#fff;font-size:1.125rem;font-weight:800;margin-top:1.25rem;} #container.idea .section4 .box dl dd {width:calc(100% - 10.0rem);margin-left:2.3125rem;margin-top:1.25rem;} #container.idea .section4 .box dl dd p {position:relative;padding-left:1.0rem;font-size:1.125rem;} #container.idea .section4 .box dl dd p:before {content:"-";position:absolute;top:0;left:0;} #container.idea .section4 .box dl dd p + p {margin-top:0.25rem;} #container.idea .section4 ul.panel {margin-top:2.5rem;display:flex;flex-wrap:wrap;margin-left:-1.0rem;} #container.idea .section4 ul.panel li {width:calc((100% / 6) - 1.0rem);margin-left:1.0rem;background-color:#47ACE5;border-radius:1.25rem;padding:1.5rem;} #container.idea .section4 ul.panel li p.name {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;color:#fff;font-size:1.375rem;font-weight:800;} #container.idea .section4 ul.panel li p.title {color:#fff;font-size:1.0rem;font-weight:300;margin-top:7.5rem;} #container.idea .section4 .wrap {display:flex;flex-wrap:wrap;margin-left:-1.25rem;margin-top:2.5rem;} #container.idea .section4 .wrap a {width:calc(50% - 1.25rem);margin-left:1.25rem;background-color:#E6F0FA;border-radius:1.25rem;display:flex;align-items:center;padding:1.25rem;} #container.idea .section4 .wrap a span {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;color:#000;font-size:1.375rem;font-weiht:600;width:30%;display:inline-flex;justify-content:center;align-items:center;} #container.idea .section4 .wrap a span:after {content:"";width:5px;height:5px;border-radius:50%;background-color:#999;margin-left:0.625rem;} #container.idea .section4 .wrap a figure {width:70%;text-align:center;} #container.idea .regist-btn-wrap {max-width:1440px;width:100%;margin:0 auto;background:url('../../assets/images/sub/idea_btn_bg.jpg') no-repeat center center/cover;padding:2.5rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;} #container.idea .regist-btn-wrap a {color:#fff;font-size:1.25rem;line-height:3.125rem;height:3.125rem;border:1px solid #fff;border-radius:3.125rem;padding:0 3.75rem 0 1.875rem;background:url('../../assets/images/common/btn_arrow_wh.png') no-repeat right 1.0rem center;} #container.idea .regist-btn-wrap a + a {margin-left:0.625rem;} #container.idea .regist-btn-wrap a.regist {color:#000;background-color:#fff;background:#fff url('../../assets/images/common/btn_arrow.png') no-repeat right 1.0rem center;} #container.idea .regist-btn-wrap a:hover {background-color:rgba(255,255,255,0.1);} #container.idea .regist-btn-wrap a.regist:hover {background-color:rgba(255,255,255,0.85);} /* 참가등록 : 참가등록 */ #container.regist {} #container.regist .contents .subCover {position:relative;overflow:hidden;} #container.regist .contents .subCover figure {margin-top:-25%;animation:subBgMove-up 20.0s 0.0s both;} #container.regist .contents .inConts form {margin-top:2.5rem;} #container.regist .contents .inConts form > div {display:flex;justify-content:space-between;flex-wrap:wrap;} #container.regist .contents .inConts form .form {width:calc(50% - 1.0rem);display:flex;align-items:center;border-bottom:1px solid #000;} #container.regist .contents .inConts form .form + .form {margin-top:1.875rem;} #container.regist .contents .inConts form .form label {width:6.25rem;color:#000;font-size:1.125rem;font-weight:700;} #container.regist .contents .inConts form .form label > span {font-weight:300;} #container.regist .contents .inConts form .form .item {width:calc(100% - 6.25rem);} #container.regist .contents .inConts form .form.edu label {width:12.5rem;} #container.regist .contents .inConts form .form.edu .item {width:calc(100% - 12.5rem);} #container.regist .contents .inConts form .form.required label:after {content:"*";color:#FF004D;margin-left:0.25rem;} #container.regist .contents .inConts form .form .item input {color:#000;font-size:1.0rem;font-weight:600;width:100%;border:0;font-size:1.0rem;line-height:2.5rem;height:2.5rem;outline:none;} #container.regist .contents .inConts form > .agreement-cont {margin-top:2.5rem;border:1px solid #000;padding:1.875rem;} #container.regist .contents .inConts form > .agreement-cont p.head {font-size:1.125rem;font-weight:700;margin-bottom:1.0rem;} #container.regist .contents .inConts form > .agreement-cont ul li {position:relative;font-size:1.0rem;font-weight:400;padding-left:1.25rem;} #container.regist .contents .inConts form > .agreement-cont ul li + li {margin-top:0.25rem;} #container.regist .contents .inConts form > .agreement-cont ul li:before {position:absolute;top:0;left:0;} #container.regist .contents .inConts form > .agreement-cont ul li:nth-child(1):before {content:"1.";} #container.regist .contents .inConts form > .agreement-cont ul li:nth-child(2):before {content:"2.";} #container.regist .contents .inConts form > .agreement-cont ul li:nth-child(3):before {content:"3.";} #container.regist .contents .inConts form > .agreement-cont ul li:nth-child(4):before {content:"4.";} #container.regist .contents .inConts form > .agreement-cont ul li:nth-child(5):before {content:"5.";} #container.regist .contents .inConts form > .agreement-cont ul li:nth-child(6):before {content:"6.";} #container.regist .contents .inConts form > .checkbox {margin-top:1.5rem;display:flex;} #container.regist .contents .inConts form > .checkbox label {font-size:1.125rem;font-weight:700;display:flex;align-items:center} #container.regist .contents .inConts form > .checkbox input[type=checkbox] + label:before {content:"";display:inline-block;width:1.625rem;height:1.625rem;border:1px solid #000;background-color:#fff;overflow:hidden;margin-right:5px;} #container.regist .contents .inConts form > .checkbox input[type=checkbox]:checked + label:before {background:#fff url('../../assets/images/common/check_icon.png');} #container.regist .contents .inConts form > .btn-wrap {margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid #000;display:flex;justify-content:center;} #container.regist .contents .inConts form > .btn-wrap a {color:#fff;font-size:1.25rem;line-height:3.125rem;height:3.125rem;background-color:#000;border:1px solid #000;border-radius:3.125rem;padding:0 1.875rem;} #container.regist .contents .inConts form > .btn-wrap a + a {margin-left:0.625rem;} #container.regist .contents .inConts form > .btn-wrap a.cancel {color:#000;background-color:#fff;} #container.regist .contents .inConts form > .btn-wrap a:hover {background-color:rgba(0,0,0,0.7);} #container.regist .contents .inConts form > .btn-wrap a.cancel:hover {background-color:rgba(0,0,0,0.1);} /* 참가등록 : 접수 조회 및 수정 */ #container.regist_check {} #container.regist_check .contents .subCover {position:relative;overflow:hidden;} #container.regist_check .contents .subCover figure {margin-top:-25%;animation:subBgMove-up 20.0s 0.0s both;} #container.regist_check .contents .inConts form > div {max-width:29.375rem;width:100%;margin:6.25rem auto 0;} #container.regist_check .contents .inConts form > div .form {display:flex;align-items:center;border-bottom:1px solid #000;} #container.regist_check .contents .inConts form > div .form + .form {margin-top:1.875rem;} #container.regist_check .contents .inConts form > div .form label {width:6.25rem;color:#000;font-size:1.125rem;font-weight:700;} #container.regist_check .contents .inConts form > div .form label > span {font-weight:300;} #container.regist_check .contents .inConts form > div .form .item {width:calc(100% - 6.25rem);} #container.regist_check .contents .inConts form > div .form.edu label {width:12.5rem;} #container.regist_check .contents .inConts form > div .form.edu .item {width:calc(100% - 12.5rem);} #container.regist_check .contents .inConts form > div .form.required label:after {content:"*";color:#FF004D;margin-left:0.25rem;} #container.regist_check .contents .inConts form > div .form .item input {color:#000;font-size:1.0rem;font-weight:600;width:100%;border:0;font-size:1.0rem;line-height:2.5rem;height:2.5rem;outline:none;} #container.regist_check .contents .inConts form > .btn-wrap {max-width:100%;margin-top:6.25rem;padding-top:2.5rem;border-top:1px solid #000;display:flex;justify-content:center;} #container.regist_check .contents .inConts form > .btn-wrap a {color:#fff;font-size:1.25rem;line-height:3.125rem;height:3.125rem;background-color:#000;border:1px solid #000;border-radius:3.125rem;padding:0 1.875rem;} #container.regist_check .contents .inConts form > .btn-wrap a:hover {background-color:rgba(0,0,0,0.7);} /* 참가등록 : 참가등록(수정) */ #container.regist_modify {} #container.regist_modify .contents .subCover {position:relative;overflow:hidden;} #container.regist_modify .contents .subCover figure {margin-top:-25%;animation:subBgMove-up 20.0s 0.0s both;} #container.regist_modify .contents .inConts form {margin-top:2.5rem;} #container.regist_modify .contents .inConts form > .cols2 {display:flex;justify-content:space-between;flex-wrap:wrap;} #container.regist_modify .contents .inConts form > .cols2 > div {width:calc(50% - 1.0rem);} #container.regist_modify .contents .inConts form .form {position:relative;display:flex;align-items:center;border-bottom:1px solid #000;margin-top:1.875rem;} #container.regist_modify .contents .inConts form .form + .form {} #container.regist_modify .contents .inConts form .form label {width:6.25rem;color:#666;font-size:1.125rem;font-weight:700;} #container.regist_modify .contents .inConts form .form label > span {font-weight:300;} #container.regist_modify .contents .inConts form .form .item {width:calc(100% - 6.25rem);} #container.regist_modify .contents .inConts form .form.edu label {width:12.5rem;} #container.regist_modify .contents .inConts form .form.edu .item {width:calc(100% - 12.5rem);} #container.regist_modify .contents .inConts form .form.required label:after {content:"*";color:#FF004D;margin-left:0.25rem;} #container.regist_modify .contents .inConts form .form .item input {color:#000;font-size:1.0rem;font-weight:600;width:100%;border:0;font-size:1.0rem;line-height:2.5rem;height:2.5rem;outline:none;} #container.regist_modify .contents .inConts form .form .item input#pincode {color:#0094E8;} #container.regist_modify .contents .inConts form .form a.pin-number-copy {position:absolute;right:0;border:1px solid #000;line-height:1.875rem;height:1.875rem;border-radius:1.875rem;padding:0 1.25rem;} #container.regist_modify .contents .inConts form > .agreement-cont {margin-top:2.5rem;border:1px solid #000;padding:1.875rem;} #container.regist_modify .contents .inConts form > .agreement-cont p.head {font-size:1.125rem;font-weight:700;margin-bottom:1.0rem;} #container.regist_modify .contents .inConts form > .agreement-cont ul li {position:relative;font-size:1.0rem;font-weight:400;padding-left:1.25rem;} #container.regist_modify .contents .inConts form > .agreement-cont ul li + li {margin-top:0.25rem;} #container.regist_modify .contents .inConts form > .agreement-cont ul li:before {position:absolute;top:0;left:0;} #container.regist_modify .contents .inConts form > .agreement-cont ul li:nth-child(1):before {content:"1.";} #container.regist_modify .contents .inConts form > .agreement-cont ul li:nth-child(2):before {content:"2.";} #container.regist_modify .contents .inConts form > .agreement-cont ul li:nth-child(3):before {content:"3.";} #container.regist_modify .contents .inConts form > .agreement-cont ul li:nth-child(4):before {content:"4.";} #container.regist_modify .contents .inConts form > .agreement-cont ul li:nth-child(5):before {content:"5.";} #container.regist_modify .contents .inConts form > .agreement-cont ul li:nth-child(6):before {content:"6.";} #container.regist_modify .contents .inConts form > .checkbox {margin-top:1.5rem;display:flex;} #container.regist_modify .contents .inConts form > .checkbox label {font-size:1.125rem;font-weight:700;display:flex;align-items:center} #container.regist_modify .contents .inConts form > .checkbox input[type=checkbox] + label:before {content:"";display:inline-block;width:1.625rem;height:1.625rem;border:1px solid #000;background-color:#fff;overflow:hidden;margin-right:5px;} #container.regist_modify .contents .inConts form > .checkbox input[type=checkbox]:checked + label:before {background:#fff url('../../assets/images/common/check_icon.png');} #container.regist_modify .contents .inConts form > .btn-wrap {margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid #000;display:flex;justify-content:center;} #container.regist_modify .contents .inConts form > .btn-wrap a {color:#fff;font-size:1.25rem;line-height:3.125rem;height:3.125rem;background-color:#000;border:1px solid #000;border-radius:3.125rem;padding:0 1.875rem;} #container.regist_modify .contents .inConts form > .btn-wrap a + a {margin-left:0.625rem;} #container.regist_modify .contents .inConts form > .btn-wrap a.cancel {color:#000;background-color:#fff;} #container.regist_modify .contents .inConts form > .btn-wrap a:hover {background-color:rgba(0,0,0,0.7);} #container.regist_modify .contents .inConts form > .btn-wrap a.cancel:hover {background-color:rgba(0,0,0,0.1);} /* 참가등록 : 완료 */ #container.regist_finish {} #container.regist_finish .contents .subCover {position:relative;overflow:hidden;} #container.regist_finish .contents .subCover figure {margin-top:-25%;animation:subBgMove-up 20.0s 0.0s both;} #container.regist_finish .contents .inConts .wrap {max-width:850px;width:100%;margin:0 auto;border:1px solid #000;padding:3.125rem;} #container.regist_finish .contents .inConts .wrap figure {width:6.25rem;height:6.25rem;margin:0 auto;} #container.regist_finish .contents .inConts .wrap h1 {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-weight:800;text-align:center;margin-top:1.5rem;} #container.regist_finish .contents .inConts .wrap .infor {margin-top:1.5rem;} #container.regist_finish .contents .inConts .wrap .infor p.t1 {font-size:1.0rem;text-align:center;} #container.regist_finish .contents .inConts .wrap .infor p.t2, #container.regist_finish .contents .inConts .wrap .infor p.t2 a {color:#0094E8;font-size:1.0rem;text-align:center;margin-top:0.5rem;} #container.regist_finish .contents .inConts .btn-wrap {padding-top:2.5rem;display:flex;justify-content:center;} #container.regist_finish .contents .inConts .btn-wrap a {color:#fff;font-size:1.25rem;line-height:3.125rem;height:3.125rem;background-color:#000;border:1px solid #000;border-radius:3.125rem;padding:0 1.875rem;} #container.regist_finish .contents .inConts .btn-wrap a + a {margin-left:0.625rem;} #container.regist_finish .contents .inConts .btn-wrap a.main {color:#000;background-color:#fff;} #container.regist_finish .contents .inConts .btn-wrap a:hover {background-color:rgba(0,0,0,0.7);} #container.regist_finish .contents .inConts .btn-wrap a.main:hover {background-color:rgba(0,0,0,0.1);} /* 융합과제 공모전 */ #container.research {} #container.research .contents .subCover {position:relative;overflow:hidden;} #container.research .contents .subCover figure {margin-top:-25%;animation:subBgMove-up 20.0s 0.0s both;} #container.research .section1 {background:url('../../assets/images/sub/research_bg.jpg') no-repeat center bottom/cover;} #container.research .section1 .inConts {max-width:1148px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:10.0rem;padding-bottom:5.0rem;} #container.research .section1 div.left {width:450px;font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;} #container.research .section1 div.left p.t1 {font-size:1.25rem;font-weight:600;} #container.research .section1 div.left h1 {font-size:5.0rem;font-weight:900;margin-top:1.0rem;} #container.research .section1 div.left h4 {font-size:1.875rem;font-weight:700;margin-top:1.0rem;} #container.research .section1 div.right {width:calc(100% - 550px);} #container.research .section1 div.right h3 {font-size:1.625rem;font-weight:700;margin-top:2.5rem;} #container.research .section1 div.right p {font-size:1.125rem;line-height:1.6;margin-top:2.5rem;} #container.research .section1 div.right p.first {margin-top:1.25rem;} #container.research .section1 div.right p.cBlue {color:#0094E8;} #container.research .section2 {background:url('../../assets/images/sub/research_bg2.jpg') no-repeat center top/cover;} #container.research .section2 .inConts {max-width:880px;width:100%;padding-top:6.75rem;padding-bottom:6.75rem;} #container.research .section2 .title-wrap p.desc {font-weight:400;line-height:1.4;text-align:center;} #container.research .section2 ul {display:flex;flex-wrap:wrap;margin-top:3.75rem;} #container.research .section2 ul li {position:relative;width:calc((100% / 5) + 15px);background-color:#fff;border:1px solid #000;border-radius:50%;margin-right:-18px;} #container.research .section2 ul li .txt {position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:1.375rem;font-weight:700;text-align:center;} #container.research .section2 .box {background-color:rgba(248,199,153,0.3);padding:1.5rem;margin-top:2.5rem;font-size:1.125rem;text-align:center;} #container.research .section3 {background:url('../../assets/images/sub/research_bg3.jpg') no-repeat center center/cover;} #container.research .section3 .inConts {max-width:920px;width:100%;} #container.research .section3 .title-wrap h1 {color:#fff;} #container.research .section3 ul.type {margin-top:3.75rem;display:flex;justify-content:space-between;flex-wrap:wrap;} #container.research .section3 ul.type li {width:calc(50% - 20px);background-color:rgba(255,204,0,0.7);border-radius:0.75rem;padding:2.5rem;} #container.research .section3 ul.type li h1 {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;color:#fff;font-size:3.75rem;font-weight:900;text-align:center;} #container.research .section3 ul.type li dl {margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #000;display:flex;flex-wrap:wrap;} #container.research .section3 ul.type li dl dt {width:100px;font-size:1.125rem;margin-bottom:0.5rem;} #container.research .section3 ul.type li dl dd {width:calc(100% - 100px);font-size:1.125rem;margin-bottom:0.5rem;} #container.research .section3 ul.type li:last-child dl dt {width:100%;} #container.research .section3 ul.type li:last-child dl dd {width:100%;} #container.research .section3 p.caution {color:#FFE796;font-size:1.0rem;text-align:center;line-height:1.4;margin-top:2.5rem;} #container.research .section4 {background:url('../../assets/images/sub/research_bg4.png') no-repeat center center/cover;} #container.research .section4 .inConts {max-width:1220px;width:100%;} #container.research .section4 ul.list {display:flex;max-width:868px;width:100%;margin:2.5rem auto 0;} #container.research .section4 ul.list li {position:relative;max-width:240px;width:100%;} #container.research .section4 ul.list li .txt {position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;} #container.research .section4 ul.list li .txt h1 {width:100%;font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:3.75rem;font-weight:700;text-align:center;} #container.research .section4 ul.list li .txt p.desc {width:100%;font-size:1.5rem;text-align:center;margin-top:1.5rem;padding:1.5rem;border-top:1px solid #000;} #container.research .section4 ul.list li:nth-child(1) {} #container.research .section4 ul.list li:nth-child(1) figure {background-color:#000;border-radius:50%;overflow:hidden;} #container.research .section4 ul.list li:nth-child(1) .txt {max-width:240px;width:100%;margin:0 auto;font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;color:#fff;font-size:3.125rem;font-weight:800;line-height:1.0;text-align:center;} #container.research .section4 ul.list li:nth-child(1) .txt em {font-size:1.875rem;font-style:normal;} #container.research .section4 ul.list li:nth-child(2) {width:10%;display:flex;justify-content:center;align-items:center;} #container.research .section4 ul.list li:nth-child(2) span {} #container.research .section4 ul.list li:nth-child(2) span i {display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#000;margin:3px;} #container.research .section4 ul.list li:last-child {margin-left:30px;} #container.research .section4 p.t1 {font-size:1.125rem;font-weight:800;line-height:1.6;margin-top:2.5rem;} #container.research .section4 ul.dot-list {margin-top:1.5rem;} #container.research .section4 ul.dot-list li {position:relative;padding-left:1.0rem;font-size:1.125rem;} #container.research .section4 ul.dot-list li:before {content:"";position:absolute;top:0.5rem;left:0;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.research .section4 ul.dot-list li + li {margin-top:0.5rem;} #container.research .section4 .box {border:1px solid #000;padding:2.5rem;margin-top:3.75rem;background:url('../../assets/images/sub/research_box_bg.jpg') no-repeat center center/cover;display:flex;justify-content:center;} #container.research .section4 .box ul {} #container.research .section4 .box ul li {display:flex;align-items:center;} #container.research .section4 .box ul li h1 {display:inline-flex;justify-content:center;align-items:center;width:7.6875rem;height:7.6875rem;border-radius:50%;background-color:#000;font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;color:#fff;font-size:1.125rem;font-weight:800;margin-top:1.25rem;} #container.research .section4 .box ul li p {width:calc(100% - 10.0rem);margin-left:2.3125rem;margin-top:1.25rem;font-size:1.125rem;font-size:1.125rem;line-height:1.6;} #container.research .section4 .infor-box {background-color:#FAF3E6;border-radius:1.25rem;padding:1.5rem;display:flex;justify-content:center;flex-wrap:wrap;margin-top:2.5rem;} #container.research .section4 .infor-box h4 {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:1.375rem;font-weight:800;margin-right:1.0rem;} #container.research .section4 .infor-box .txt ul li {position:relative;padding-left:0.625rem;font-size:1.125rem;} #container.research .section4 .infor-box .txt ul li + li {margin-top:0.5rem;} #container.research .section4 .infor-box .txt ul li:before {content:"";position:absolute;top:0.5rem;left:0;width:4px;height:4px;border-radius:50%;background-color:#000;} #container.research .down-btn-wrap {max-width:1440px;width:100%;margin:0 auto;background:url('../../assets/images/sub/research_btn_bg.jpg') no-repeat center center/cover;padding:2.5rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;} #container.research .down-btn-wrap a {color:#000;font-size:1.25rem;line-height:3.125rem;height:3.125rem;border:1px solid #fff;border-radius:3.125rem;padding:0 3.75rem 0 1.875rem;background:#fff url('../../assets/images/common/btn_arrow.png') no-repeat right 1.0rem center;} #container.research .down-btn-wrap a:hover {background-color:rgba(255,255,255,0.85);} /* 세미나 */ #container.seminar {} #container.seminar .contents .subCover {position:relative;overflow:hidden;} #container.seminar .contents .subCover figure {margin-top:0%;animation:subBgMove-up 20.0s 0.0s both;} #container.seminar .section1 {background:url('../../assets/images/sub/seminar_bg.png') no-repeat center center/cover;} #container.seminar .section1 > h1 {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:1.625rem;font-weight:800;margin-top:6.25rem;text-align:center;} #container.seminar .section1 .btn-wrap {max-width:1148px;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;} #container.seminar .section1 .btn-wrap a {color:#fff;font-size:1.25rem;line-height:3.125rem;height:3.125rem;border:1px solid #000;border-radius:3.125rem;padding:0 3.75rem 0 1.875rem;background:#000 url('../../assets/images/common/btn_arrow_wh.png') no-repeat right 1.0rem center;} #container.seminar .section1 .btn-wrap a:hover {background-color:rgba(0,0,0,0.85);} #container.seminar .section1 .inConts {max-width:1148px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:2.5rem;padding-bottom:5.0rem;} #container.seminar .section1 div.left {width:450px;font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;} #container.seminar .section1 div.left h3 {font-size:2.5rem;font-weight:700;margin-top:1.0rem;} #container.seminar .section1 div.left h3 > span {color:transparent;-webkit-text-stroke:1px rgba(0,0,0,1);text-stroke:1px rgba(0,0,0,1);} #container.seminar .section1 div.right {width:calc(100% - 550px);} #container.seminar .section1 div.right p {font-size:1.125rem;line-height:1.6;} #container.seminar .section1 div.right p span.cBlue {color:#0094E8;} #container.seminar .section2 {background:url('../../assets/images/sub/seminar_bg2.png') no-repeat center top/cover;} #container.seminar .section2 .inConts {max-width:1140px;width:100%;padding-top:3.75rem;padding-bottom:5.0rem;margin-top:3.75rem;border-top:1px solid #000;} #container.seminar .section2 .inConts > ul {} #container.seminar .section2 .inConts > ul > li {display:flex;justify-content:flex-start;margin-left:-1.875rem;} #container.seminar .section2 .inConts > ul > li:nth-child(1){flex-direction:column;} #container.seminar .section2 .inConts > ul > li:nth-child(2n) {justify-content:flex-end;} #container.seminar .section2 .inConts > ul > li:nth-child(2){flex-direction:column;align-items:flex-end;} #container.seminar .section2 .inConts > ul > li:nth-child(3){flex-direction:column;align-items:flex-start;} #container.seminar .section2 .inConts > ul > li:nth-child(4){flex-direction:column;align-items:flex-end;} #container.seminar .section2 .inConts > ul > li:nth-child(5){flex-direction:column;align-items:flex-start;} #container.seminar .section2 .inConts > ul > li:nth-child(6){flex-direction:column;align-items:flex-end;} #container.seminar .section2 .inConts > ul > li:nth-child(2) > div.cont{border-radius:0 0 1.258rem 1.258rem} #container.seminar .section2 .inConts > ul > li:nth-child(n+2) {margin-top:-2.5rem;} #container.seminar .section2 .inConts > ul > li:nth-child(1) > div.cont,#container.seminar .section2 .inConts > ul > li:nth-child(3) > div.cont,#container.seminar .section2 .inConts > ul > li:nth-child(4) > div.cont, #container.seminar .section2 .inConts > ul > li:nth-child(5) > div.cont,#container.seminar .section2 .inConts > ul > li:nth-child(6) > div.cont{border-radius:0 0 1.258rem 1.258rem} #container.seminar .section2 .inConts > ul > li > div.cont {width:calc(50% - 1.875rem);margin-left:1.875rem;background-color:#f5f5f5;border-radius:1.258rem;padding:1.875rem;} #container.seminar .section2 .inConts > ul > li > div.visual {width:calc(50% - 1.875rem);margin-left:1.875rem;border-radius:1.258rem 1.258rem 0 0;overflow:hidden;} #container.seminar .section2 .inConts > ul > li > div.cont > h1 {color:#fff;font-size:1.5rem;font-weight:700;text-align:center;background-color:#000;border-radius:0.5rem;padding:0.5rem;} #container.seminar .section2 .inConts > ul > li > div.cont > ul > li {position:relative;font-size:1.125rem;margin-top:1.875rem;padding-left:4.375rem;} #container.seminar .section2 .inConts > ul > li > div.cont > div >h4{font-size:1.125rem;margin-top:1.875rem;} #container.seminar .section2 .inConts > ul > li > div.cont > div > ul{padding-left:0.9rem} #container.seminar .section2 .inConts > ul > li > div.cont > div > ul > li{font-size:1.125rem;margin-top:1.875rem;} #container.seminar .section2 .inConts > ul > li > div.cont > div > ul > li a{color:#000} #container.seminar .section2 .inConts > ul > li > div.cont > div > ul > li a > span{color:#0094E8} #container.seminar .section2 .inConts > ul > li > div.cont > div > ul > li a > span.tit{color:#000;font-weight:500;} #container.seminar .section2 .inConts > ul > li > div.cont > ul > li > span {position:absolute;top:0;left:0;font-weight:700;display:inline-flex;align-items:center;} #container.seminar .section2 .inConts > ul > li > div.cont > ul > li > span:after {content:"";width:0.375rem;height:0.375rem;border-radius:50%;background-color:#000;margin:0 1.0rem;} #container.seminar .section2 .inConts > ul > li.now > div { background-color:#fff;border: 1px solid #E9E9E9; box-shadow: 4px 8px 4px rgba(0, 0, 0, 0.15); backdrop-filter: blur(20px); } #container.seminar .section2 .inConts > ul > li.now > div > h1 {color:#0094E8;background-color:#0F2549;} /* 역대 공모전 */ #container.archive {} #container.archive .contents .subCover {position:relative;overflow:hidden;} #container.archive .contents .subCover figure {margin-top:0%;animation:subBgMove-up 20.0s 0.0s both;} #container.archive .head {max-width:1148px;width:100%;margin:0 auto;padding:0 20px;border-bottom:3px solid #000;} #container.archive .head > h1 {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:1.625rem;font-weight:800;margin-top:6.25rem;text-align:center;} #container.archive .head > ul.tab-year {display:flex;justify-content:center;margin-top:3.75rem;} #container.archive .head > ul.tab-year li {margin:0 2.8125rem;opacity:0.3;cursor:pointer;} #container.archive .head > ul.tab-year li.y2023 > a{cursor:default} #container.archive .head > ul.tab-year li.on {opacity:1;} #container.archive .head > ul.tab-year li h1 {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:4.0rem;font-weight:800;text-align:center;} #container.archive .head > ul.tab-year li > a{color:#000} #container.archive .head > ul.tab-year li p {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;color:#fff;font-size:1.0rem;font-weight:700;text-align:center;background-color:#000;padding:0.3125rem;} #container.archive .head > .title {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:3.125rem;font-weight:800;text-align:center;padding:3.75rem 0;} #container.archive .head > ul.tab-cont {max-width:745px;width:100%;margin:0 auto;display:flex;justify-content:center;border-top:1px solid #616E83;border-left:1px solid #616E83;} #container.archive .head > ul.tab-cont li {width:25%;color:#616E83;font-size:1.375rem;font-weight:700;text-align:center;padding:0.875rem 0.25rem;border-right:1px solid #616E83;cursor:pointer;} #container.archive .head > ul.tab-cont li.on {color:#fff;background-color:#000;} /* 아이디어 공모전 */ #container.archive .idea {} #container.archive .idea .summary {max-width:1140px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;} #container.archive .idea .summary > figure {width:36.3636%} #container.archive .idea .summary > div {width:60%} #container.archive .idea .summary > div h4 {font-size:1.375rem;font-weight:700;margin-top:3.75rem;} #container.archive .idea .summary > div p {font-size:1.125rem;line-height:1.6;margin-top:0.625rem;} #container.archive .idea .summary > div p .cBlue {color:#0094E8;} #container.archive .idea .necessary {/* margin-top:6.25rem; */padding-top:6.25rem;border-top:1px solid #000;} #container.archive .idea .necessary dl {margin-top:2.5rem;display:flex;flex-wrap:wrap;background-color:#f6f6f6;} #container.archive .idea .necessary dl dt {width:200px;font-size:1.125rem;line-height:1.4;font-weight:700;border-top:1px solid #ccc;padding:1.0rem 0 1.0rem 1.0rem;} #container.archive .idea .necessary dl dd {width:calc(100% - 200px);font-size:1.125rem;line-height:1.4;border-top:1px solid #ccc;padding:1.0rem 0;} #container.archive .idea .necessary dl dt.first, #container.archive .idea .necessary dl dd.first {border-top:0;} #container.archive .idea .necessary .box {margin-top:1.25rem;padding:1.875rem;font-size:1.125rem;line-height:1.4;text-align:center;background-color:#f6f6f6;} #container.archive .idea ul.list {margin-top:2.5rem;border-top:2px solid #000;} #container.archive .idea ul.list li {position:relative;display:flex;overflow:hidden;border-bottom:1px solid #000;} #container.archive .idea ul.list li + li {margin-top:2px;} #container.archive .idea ul.list li > div:nth-child(1) {width:50%;justify-content:flex-end;align-items:flex-start;flex-wrap:wrap;font-size:1.125rem;font-weight:700;text-align:right;} #container.archive .idea ul.list li > div:nth-child(2) {width:50%;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;font-size:1.125rem;} #container.archive .idea ul.list li > div {padding: 1.25rem;display:inline-flex;align-items:center;} #container.archive .idea ul.list li:before {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0.625rem;height:0.625rem;border-radius:50%;background-color:#000;} #container.archive .idea ul.award {margin:2.5rem auto 0;max-width:620px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;} #container.archive .idea ul.award li {width:24%;} #container.archive .idea ul.award li > h1 {position:relative;display:flex;justify-content:center;overflow:hidden;} #container.archive .idea ul.award li > h1 > figure {background-color:#000;border-radius:50%;} #container.archive .idea ul.award li > h1 > span {position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;font-size:1.25rem;display:flex;justify-content:center;align-items:center;} #container.archive .idea ul.award li > div {font-size:1.25rem;text-align:center;font-weight:700;margin-top:0.625rem;} #container.archive .idea .panel {max-width:1220px;width:100%;margin:0 auto;padding-bottom:6.25rem;padding-left:20px;padding-right:20px;} #container.archive .idea .panel .title-wrap h1 {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:1.625rem;font-weight:800;text-align:center;} #container.archive .idea .panel ul {margin-top:2.5rem;display:flex;flex-wrap:wrap;margin-left:-1.0rem;} #container.archive .idea .panel ul li {width:calc((100% / 6) - 1.0rem);margin-left:1.0rem;background-color:#f5f5f5;border-radius:1.25rem;padding:1.5rem;} #container.archive .idea .panel ul li p.name {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:1.375rem;font-weight:800;} #container.archive .idea .panel ul li p.title {font-size:1.0rem;font-weight:300;margin-top:7.5rem;} #container.archive .idea-cont {background:url('../../assets/images/sub/idea_bg.jpg') no-repeat center bottom/cover;} #container.archive .idea-cont .inConts {max-width:1148px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:9.5rem;padding-bottom:5rem;} #container.archive .idea-cont div.left {width:400px;font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;} #container.archive .idea-cont div.left p.t1 {font-size:1.25rem;font-weight:600;} #container.archive .idea-cont div.left h1 {font-size:5.0rem;font-weight:900;margin-top:1.0rem;} #container.archive .idea-cont div.left h4 {font-size:1.875rem;font-weight:700;margin-top:1.0rem;} #container.archive .idea-cont div.right {width:calc(100% - 550px);} #container.archive .idea-cont div.right h3 {font-size:1.625rem;font-weight:700;margin-top:2.5rem;} #container.archive .idea-cont div.right p {font-size:1.125rem;line-height:1.6;margin-top:2.5rem;} #container.archive .idea-cont div.right p.first {margin-top:1.25rem;} #container.archive .idea-cont div.right p.cBlue {color:#0094E8;} /* 세미나 */ #container.archive .seminar .cols2 {display:flex;justify-content:space-between;flex-wrap:wrap;} #container.archive .seminar .cols2 > div {width:calc(50% - 1.5rem);} #container.archive .seminar .cols2 > div.left {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:2.5rem;font-weight:700;} #container.archive .seminar .cols2 > div.right {font-size:1.125rem;line-height:1.6;} #container.archive .seminar .cols2 > div.right .cBlue {color:#0094E8;font-weight:700;} #container.archive .seminar ul.list {margin-top:3.75rem;border-top:2px solid #000;} #container.archive .seminar ul.list li {position:relative;display:flex;overflow:hidden;border-bottom:1px solid #000;} #container.archive .seminar ul.list li .cBlue{color:#0094E8;font-weight:700} #container.archive .seminar ul.list li + li {margin-top:2px;} #container.archive .seminar ul.list li > div:nth-child(1) {width:50%;justify-content:flex-end;align-items:flex-start;flex-wrap:wrap;font-size:1.375rem;text-align:right;} #container.archive .seminar ul.list li > div:nth-child(2) {width:50%;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;font-size:1.375rem;} #container.archive .seminar ul.list li > div:nth-child(2) > p {width:100%;font-size:1.125rem;} #container.archive .seminar ul.list li > div {padding: 1.25rem;display:inline-flex;align-items:center;} #container.archive .seminar ul.list li:before {content:"";position:absolute;top:2.0rem;left:50%;transform:translate(-50%,-50%);width:0.5rem;height:0.5rem;border-radius:50%;background-color:#000;} #container.archive .seminar > div > ul.list-cont {margin-top:3.75rem;border-top:2px solid #000;} #container.archive .seminar > div > ul.list-cont > li {position:relative;display:flex;overflow:hidden;border-bottom:1px solid #000;padding:1.25rem;background-color:#fff} #container.archive .seminar > div > ul.list-cont > li:nth-child(2n) {background-color:#f5f5f5} #container.archive .seminar > div > ul.list-cont > li > div.date {font-size:1.375rem;width:150px} #container.archive .seminar > div > ul.list-cont > li > div.cont > div > h4, #container.archive .seminar > div > ul.list-cont > li > div.cont > div > ul > li{font-size:1.125rem;margin-top:1.875rem;} #container.archive .seminar > div > ul.list-cont > li > div.cont > div > ul{padding-left:0.9rem} #container.archive .seminar > div > ul.list-cont > li > div.cont > ul > li{position:relative;font-size:1.125rem;padding-left:4.375rem;} #container.archive .seminar > div > ul.list-cont > li > div.cont > ul > li + li{margin-top:1.875rem;} #container.archive .seminar > div > ul.list-cont > li > div.cont > ul > li a{color:#000} #container.archive .seminar > div > ul.list-cont > li > div.cont > div > ul > li > a{color:#000} #container.archive .seminar > div > ul.list-cont > li > div.cont > div > ul > li a > span{color:#0094E8} #container.archive .seminar > div > ul.list-cont > li > div.cont > div > ul > li a > span.tit{color:#000;font-weight:500;} #container.archive .seminar > div > ul.list-cont > li > div.cont > ul > li > span {position:absolute;top:0;left:0;font-weight:700;display:inline-flex;align-items:center;} #container.archive .seminar > div > ul.list-cont > li > div.cont > ul > li > span:after {content:"";width:0.375rem;height:0.375rem;border-radius:50%;background-color:#000;margin:0 1.0rem;} #container.archive .seminar-cont {background:url('../../assets/images/sub/seminar_bg.png') no-repeat center center/cover;} #container.archive .seminar-cont > h1 {font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;font-size:1.625rem;font-weight:800;margin-top:6.25rem;text-align:center;} #container.archive .seminar-cont .btn-wrap {max-width:1148px;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;} #container.archive .seminar-cont .btn-wrap a {color:#fff;font-size:1.25rem;line-height:3.125rem;height:3.125rem;border:1px solid #000;border-radius:3.125rem;padding:0 3.75rem 0 1.875rem;background:#000 url('../../assets/images/common/btn_arrow_wh.png') no-repeat right 1.0rem center;} #container.archive .seminar-cont .btn-wrap a:hover {background-color:rgba(0,0,0,0.85);} #container.archive .seminar-cont .inConts {max-width:1148px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:2.5rem;padding-bottom:5.0rem;} #container.archive .seminar-cont div.left {width:450px;font-family:'S-CoreDream', 'Malgun Gothic', 'Dotum', sans-serif;} #container.archive .seminar-cont div.left h3 {font-size:2.5rem;font-weight:700;margin-top:1.0rem;} #container.archive .seminar-cont div.left h3 > span {color:transparent;-webkit-text-stroke:1px rgba(0,0,0,1);text-stroke:1px rgba(0,0,0,1);} #container.archive .seminar-cont div.right {width:calc(100% - 550px);} #container.archive .seminar-cont div.right p {font-size:1.125rem;line-height:1.6;} #container.archive .seminar-cont div.right p span.cBlue {color:#0094E8;} /* 아카이브 */ #container.archive .archive {} #container.archive .archive .title {font-size:1.125rem;line-height:1.4;text-align:center;} #container.archive .archive .title .cBlue {color:#0094E8;} #container.archive .archive .youtube-frame { margin-top:3.75rem; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } #container.archive .archive .youtube-frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #container.archive .archive p.subj {font-size:1.375rem;text-align:center;margin-top:2.5rem;} #container.archive .seminar ul.list li > div:nth-child(2) span.m_bar{position:relative;font-weight:700;} #container.archive .seminar ul.list li > div:nth-child(2) span.m_bar:before{display:none;} /* 당선작 */ #container.archive .winner {} #container.archive .winner .title {font-size:1.125rem;line-height:1.4;text-align:center;} #container.archive .winner .title.textLeft{text-align:left;} #container.archive .winner .title .cBlue {color:#0094E8;} #container.archive .winner ul.tab {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:5.0rem;} #container.archive .winner ul.tab li {width:calc(25% - 1.0rem);font-size:1rem;font-weight:500;text-align:center;border:1px solid #000;padding:0.75rem 0;cursor:pointer;border-radius:3.125rem;display:flex;justify-content:center;flex-direction:column;align-items:center;} #container.archive .winner ul.tab li + li {} #container.archive .winner ul.tab li.on {color:#fff;background-color:#000;border-color:#000;} #container.archive .winner ul.tab li p.bar{position:relative;} #container.archive .winner ul.tab li p.bar:before{display:none} #container.archive .winner ul.tab.row6{} #container.archive .winner ul.tab.row6 li{width:calc(16.666% - 1.0rem);} #container.archive .winner ul.tab.row6 li + li{margin-left:1rem;} #container.archive .winner .list {} #container.archive .winner .list .section2, #container.archive .winner .list .section3, #container.archive .winner .list .section4 {display:none;} #container.archive .winner .list > div > figure { border:1px solid #d2d4db;margin-top:3.125rem; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge*/ user-select: none; } #container.archive .winner .btn-wrap {margin-top:7.5rem;} #container.archive .winner .btn-wrap > a {display:block;color:#000;font-size:1.75rem;font-weight:600;text-align:center;border:2px solid #000;max-width:280px;width:100%;margin:0 auto;padding:1.0rem 0;border-radius:3.75rem;} /* 공지사항 */ /* 리스트 */ #container.notice .inConts {max-width:1220px;width:100%;} #container.notice .contents .subCover {position:relative;overflow:hidden;} #container.notice .contents .subCover figure {margin-top:-40%;animation:subBgMove-up 20.0s 0.0s both;} #container.notice .contents ul.list {margin-top:1.25rem;} #container.notice .contents ul.list li {position:relative;display:flex;align-items:center;flex-wrap:wrap;padding:1.875rem 0;background-color:#f5f5f5;border-radius:1.25rem;} #container.notice .contents ul.list li + li {margin-top:0.5rem;} #container.notice .contents ul.list li > div:nth-child(1) {font-size:1.125rem;width:120px;text-align:center;} #container.notice .contents ul.list li > div:nth-child(2) {font-size:1.125rem;width:calc(100% - 240px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #container.notice .contents ul.list li > div:nth-child(3) {font-size:1.0rem;width:120px;text-align:center;} #container.notice .contents ul.list li.notice {background-color:#E6F0FA;} #container.notice .contents ul.list li.notice > div:nth-child(1) {color:#0094E8;display:flex;justify-content:center;align-items:center;} #container.notice .contents ul.list li.notice > div:nth-child(1):before {content:"";width:1.5rem;height:1.5rem;background:url('../../assets/images/common/notice_icon.png') no-repeat center center/cover;margin-right:0.5rem;} #container.notice .contents ul.list li.notice > div:nth-child(2) a {font-weight:700;} /* 상세보기 */ #container.notice_view .inConts {max-width:1220px;width:100%;} #container.notice_view .contents .subCover {position:relative;overflow:hidden;} #container.notice_view .contents .subCover figure {margin-top:-20%;animation:subBgMove-down 20.0s 0.0s both;} #container.notice_view .contents .head {margin-top:2.5rem;padding-bottom:1.25rem;border-bottom:1px solid #000;} #container.notice_view .contents .head h1 {font-size:3.125rem;font-weight:700;} #container.notice_view .contents .head .etc {margin-top:1.25rem;} #container.notice_view .contents .conts {max-width:980px;width:100%;margin:0 auto;padding:6.25rem 0;} #container.notice_view .contents .conts p {font-size:1.125rem;line-height:1.6;} #container.notice_view .contents .conts p + p {margin-top:2.5rem} #container.notice_view .contents .conts .file-wrap {margin-top:2.5rem;} #container.notice_view .contents .conts .file-wrap > a {display:flex;align-items:center;} #container.notice_view .contents .conts .file-wrap > a > span {color:#0094E8;font-weight:700;display:inline-flex;align-items:center;} #container.notice_view .contents .conts .file-wrap > a > span:before {content:"";width:1.75rem;height:1.75rem;background:url('../../assets/images/common/board_icon_file.png') no-repeat center center/cover;} #container.notice_view .contents ul.list {margin-top:1.25rem;} #container.notice_view .contents ul.list li {position:relative;display:flex;align-items:center;flex-wrap:wrap;padding:1.875rem 0;background-color:#f5f5f5;border-radius:1.25rem;} #container.notice_view .contents ul.list li + li {margin-top:0.5rem;} #container.notice_view .contents ul.list li > div:nth-child(1) {font-size:1.125rem;width:120px;text-align:center;} #container.notice_view .contents ul.list li > div:nth-child(2) {font-size:1.125rem;width:calc(100% - 240px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #container.notice_view .contents ul.list li > div:nth-child(3) {font-size:1.0rem;width:120px;text-align:center;} #container.notice_view .contents .btn-wrap {margin-top:2.5rem;display:flex;justify-content:center;} #container.notice_view .contents .btn-wrap a {color:#000;font-size:1.25rem;line-height:3.125rem;height:3.125rem;background-color:#fff;border:1px solid #000;border-radius:3.125rem;padding:0 1.875rem;} #container.notice_view .contents .btn-wrap a:hover {background-color:rgba(0,0,0,0.1);} @media only screen and (max-width:1500px) { #container.main .section1 {background-size:contain;} #container.main .section2 {background-size:contain;} #container.main .section3 .wrap {background-position:left 50px center;} } @media only screen and (max-width:1300px) { html {font-size:14px;} #container.main .contents .cover {height:54.0rem;} #container.main .contents .cover .circle {width:54rem;height:54rem;margin-bottom:-4.0rem;} #container.main .contents .cover .circle .back-light {width:54rem;height:54rem;} #container.main .section2 .inConts {padding-bottom:23%;} #container.main .section3 .wrap {background-position:left 0px center;} } @media only screen and (max-width:960px) { #nav-wrap {display:none;} #menu-btn-wrap {display:block;} /* 메인 */ #container.main .contents .cover .circle .wrap {padding-left:20px;padding-right:20px;} /* 서브 :: 공통 */ #container .contents .subCover {height:360px;} #container .contents .subCover .menu-wrap p {font-size:40px;} /* 미래사회와 강소도시 */ #container.about .contents .conts > div:nth-child(1) {width:100%;} #container.about .contents .conts > div:nth-child(2) {width:100%;margin-left:0;margin-top:0.625rem;} #container.about .contents .conts > div ul.table li {width:100%;} #container.about .contents .conts > div ul.table li + li {border-left:0;border-top:1px solid #000;} /* 아이디어 공모전 */ #container.idea .section1 div.left {width:350px;} #container.idea .section1 div.right {width:calc(100% - 380px);} /* 융합과제 공모전 */ #container.research .section1 div.left {width:350px;} #container.research .section1 div.right {width:calc(100% - 380px);} /* 세미나 */ #container.seminar .section1 div.left {width:350px;} #container.seminar .section1 div.right {width:calc(100% - 380px);} #container.archive .idea-cont div.left {width:350px;} #container.archive .idea-cont div.right {width:calc(100% - 380px);} #container.archive .seminar-cont div.left {width:350px;} #container.archive .seminar-cont div.right {width:calc(100% - 380px);} } @media only screen and (max-width:760px) { /* 아이디어 공모전 */ #container.idea .section4 ul.list li h1 {font-size:5.0rem;} #container.idea .section4 ul.list li.twolevel h1 {font-size:2.3rem;} #container.idea .section4 ul.panel li {width:calc((100% / 3) - 1.0rem);} #container.idea .section4 ul.panel li:nth-child(n+4){margin-top:1.0rem;} #container.idea .section4 ul.list li {width:45%;} #container.idea .section4 ul.list li:nth-child(n+3) {margin-top:2.5rem;} /* 융합과제 공모전 */ #container.research .section4 .infor-box .txt {margin-top:1.5rem;} /* 세미나 */ #container.seminar .section2 .inConts > ul > li {margin-left:0;} #container.seminar .section2 .inConts > ul > li:nth-child(2n) {justify-content:flex-start;} #container.seminar .section2 .inConts > ul > li:nth-child(n+2) {margin-top:2.5rem;} #container.seminar .section2 .inConts > ul > li > div {width:100% !important;margin-left:0 !important;} #container.archive .winner ul.tab.row6 li {width:calc(50% - 0.3125rem);} #container.archive .winner ul.tab.row6 li + li{margin-left:0;} #container.archive .winner ul.tab.row6 li:nth-child(n+3){margin-top:0.625rem} } @media only screen and (max-width:640px) { .pVer {display:none !important;} .mVer {display:block !important;} #footer .inConts .etc {width:100%;margin-top:2.5rem;} #container .contents .subCover {height:320px;} #container .contents .subCover .menu-wrap p {font-size:32px;} /* 메인 */ #container.main .contents .cover {height:50.0rem;} #container.main .contents .cover .circle {width:50.0rem;height:50.0rem;} #container.main .contents .cover .circle .back-light {width:50.0rem;height:50.0rem;} #container.main .contents .cover .circle {width:100%;height:100%;} #container.main .contents .cover .circle .wrap {flex-direction:column;justify-content:center;} #container.main .contents .cover .circle .wrap > div.left p.t1, #container.main .contents .cover .circle .wrap > div.left h1, #container.main .contents .cover .circle .wrap > div.left h4 {text-align:center;} #container.main .contents .cover .circle .wrap > div.right {max-width:280px;width:100%;margin-top:9.375rem;} #container.main .contents .cover .circle .wrap > div.right a br {display:none;} #container.main .contents .cover .circle .wrap > div.right a.regist {height:5.0rem;border-radius:5.0rem;} #container.main .link .wrap {margin-left:0;} #container.main .link .wrap a {width:100%;margin-left:0;} #container.main .link .wrap a + a {margin-top:1.0rem;;} /* 미래사회와 강소도시 */ /* 아이디어 공모전 */ #container.idea .section1 div.left {width:100%;} #container.idea .section1 div.right {width:100%;margin-top:4.0rem;} #container.idea .section2 dl dt {width:130px;} #container.idea .section2 dl dd {width:calc(100% - 130px);} #container.idea .section4 .box {padding:1.0rem;} #container.idea .link .wrap {margin-left:0;} #container.idea .link .wrap a {width:100%;margin-left:0;} #container.idea .link .wrap a + a {margin-top:1.0rem;;} #container.idea .regist-btn-wrap a {width:100%;} #container.idea .regist-btn-wrap a + a {margin-top:1.0rem;margin-left:0;} #container.regist .contents .inConts form .form {width:100%;} #container.regist_modify .contents .inConts form > .cols2 > div {width:100%;} #container.regist_modify .contents .inConts form > .cols2 > div.right {} /* 역대 공모전 */ #container.archive .head > ul.tab-year li {margin:0 1.0rem;} #container.archive .head > ul.tab-year li h1 {font-size:2.5rem;} #container.archive .head > .title {font-size:1.875rem;} #container.archive .head > ul.tab-cont li {font-size:1.0rem;width:21.5%;} #container.archive .head > ul.tab-cont li:nth-child(1) {width:35.5%;} #container.archive .winner ul.tab li {width:calc(50% - 0.3125rem);} #container.archive .winner ul.tab li:nth-child(n+3) {margin-top:0.625rem;} #container.archive .seminar .cols2 > div {width:100%;} #container.archive .seminar .cols2 > div.left br {display:none;} #container.archive .seminar .cols2 > div.right {margin-top:2.5rem;} #container.archive .seminar ul.list li > div:nth-child(2) span.m_bar{position:relative;font-weight:700;} #container.archive .seminar ul.list li > div:nth-child(2) span.m_bar:before{content:'_';position:absolute;right:-0.7rem;top:0;display:block;} #container.archive .idea-cont div.left {width:100%;} #container.archive .idea-cont div.right {width:100%;margin-top:4.0rem;} #container.archive .seminar-cont div.left {width:100%;} #container.archive .seminar-cont div.right {width:100%;margin-top:4.0rem;} #container.archive .seminar > div > ul.list-cont > li{flex-direction:column;} #container.archive .seminar > div > ul.list-cont > li > div.date{margin-bottom:1.875rem;width:100%;font-weight:600;font-size:1.75rem} /* 융합과제 공모전 */ #container.research .section1 div.left {width:100%;} #container.research .section1 div.right {width:100%;margin-top:4.0rem;} #container.research .section2 ul li {width:calc((100% / 5) + 10px);margin-right:-12.5px;} #container.research .section2 ul li .txt {font-size:1.0rem;} #container.research .section3 ul.type {} #container.research .section3 ul.type li {width:100%;margin-top:1.5rem;} #container.research .section4 ul.list {flex-wrap:wrap;margin-left:-1.5rem;} #container.research .section4 ul.list li {} #container.research .section4 ul.list li:nth-child(1) {max-width:100%;margin-left:1.5rem;} #container.research .section4 ul.list li:nth-child(1) figure {max-width:240px;width:100%;margin:0 auto;} #container.research .section4 ul.list li:nth-child(2) {max-width:100%;width:100%;margin:1.25rem 0 1.25rem 1.5rem;} #container.research .section4 ul.list li:nth-child(2) span i {display:block;} #container.research .section4 ul.list li:nth-child(3), #container.research .section4 ul.list li:nth-child(4) {width:calc((100% / 2) - 1.5rem);margin-left:1.5rem;} #container.research .section4 ul.list li .txt h1 {font-size:3.125rem;} #container.research .section4 ul.list li .txt p.desc {font-size:1.125rem;padding-left:0;padding-right:0;} /* 세미나 */ #container.seminar .section1 div.left {width:100%;} #container.seminar .section1 div.right {width:100%;margin-top:4.0rem;} /* 역대 공모전 */ /* 공지사항 */ #container.notice .contents ul.list li {padding:1.5rem;} #container.notice .contents ul.list li > div:nth-child(1) {width:auto;} #container.notice .contents ul.list li > div:nth-child(2) {width:100%;margin-top:0.625rem;} #container.notice .contents ul.list li > div:nth-child(3) {position:absolute;top:1.5rem;right:1.5rem;width:auto;} #container.notice_view .contents ul.list li {padding:1.5rem;} #container.notice_view .contents ul.list li > div:nth-child(1) {width:auto;} #container.notice_view .contents ul.list li > div:nth-child(2) {width:100%;margin-top:0.625rem;} #container.notice_view .contents ul.list li > div:nth-child(3) {position:absolute;top:1.5rem;right:1.5rem;width:auto;} } @media only screen and (max-width:480px) { #header .inConts .logo-wrap a img {width:160px;height:42px;} #container .contents .subCover {height:280px;} #container .contents .subCover .menu-wrap p {font-size:26px;} /* 아이디어 공모전 */ #container.idea .section2 dl dt {width:100%;padding-bottom:0;border-bottom:0;} #container.idea .section2 dl dd {width:100%;} #container.idea .section2 .box {padding:1.0rem;} #container.idea .section4 .box dl dt {width:100%;height:auto;line-height:2.5rem;height:2.5rem;border-radius:5px;} #container.idea .section4 .box dl dd {width:100%;margin-left:0;} #container.idea .section4 ul.panel li {width:calc((100% / 2) - 1.0rem);} #container.idea .section4 ul.panel li:nth-child(n+3) {margin-top:1.0rem;} /* 역대 공모전 */ #container.archive .head > ul.tab-year li {margin:0 0.5rem;} #container.archive .idea .summary > figure {width:100%;} #container.archive .idea .summary > figure > img {width:100%;} #container.archive .idea .summary > div {width:100%;margin-top:2.25rem;} #container.archive .idea .necessary dl dt {width:100%;padding-bottom:0;} #container.archive .idea .necessary dl dd {width:100%;padding-left:1.0rem;border-top:0;} #container.archive .idea ul.award li {width:50%;} #container.archive .idea ul.award li:nth-child(n+3){margin-top:2.25rem;} #container.archive .idea .panel ul li {width:calc((100% / 2) - 1.0rem);} #container.archive .idea .panel ul li:nth-child(n+3){margin-top:1.0rem;} /* 융합과제 공모전 */ #container.research .section2 ul li .txt {font-size:0.75rem;} } @media only screen and (max-width:320px) { }