/* layout.css 배포일:2025.08.28 18:33:07 */ @CHARSET "UTF-8"; @import url("../css/font.css"); @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css"); ::-moz-selection{background: #000;color: #fff;} ::-webkit-selection {background: #000;color: #fff;} ::selection{background: #000;color: #fff;} ::-webkit-scrollbar-thumb{background-color: #444; border-radius: 10rem;} ::-webkit-scrollbar{background-color: #e1e1e1; border-radius: 10rem; width: 10px;} /***** skipNavigation *****/ #skipNavigation{height:0} #skipNavigation a{display:block;position:absolute;left:0;top:-100px;width:auto;height:1px;text-align:center;background-color:#2d5b79} #skipNavigation a:focus,#skipNavigation a:active{padding:10px 20px;position:absolute;top:0;z-index:99999;height:25px;line-height:25px;color:#fff;font-size:20px;text-decoration:none} /********* WIDTH값으로 분기 *********/ /* MOBILE VIEW */ .pc_br{display: none;} .layout{width: 100%; padding: 0 20px; box-sizing: border-box;} .cont_box_bg{background-color: #F7F7F7;} h4{font-size: 24px; line-height: 32px; font-weight: 700; color: #111; text-align: center;} h5{font-size: 20px; line-height: 32px; font-weight: 700; color: #111; text-align: left;} .sub_tit{color: #111; text-align: center;} .tbl{width: 100%; text-align: center; margin: 20px 0 0 0; color: #111;} .tbl th{background-color: #F7F7F7; font-size: 14px; font-weight: 400; padding: 13px 0; border: 1px solid #E0E0E0; border-top: 1px solid #111;box-sizing: border-box; } .tbl td{font-size: 14px; padding: 13px 0; box-sizing: border-box; border: 1px solid #E0E0E0; border-collapse: collapse;} .tbl_h tr:first-of-type td{border-top: 1px solid #111;} /* 메인 S */ #wrap.main h6{color: #FFF; font-size: 30px; line-height: 32px; text-align: center; font-weight: 700;} #wrap.main .cont01{background-color: #FFF; padding: 20px 45px 44px 45px; box-sizing: border-box; position: relative; z-index: 0;} #wrap.main .cont01::after{content: ''; width: 204px; height: 137px; background: url(../img/cont01_img02.png) no-repeat; position: absolute; bottom: 0px; right: 0; z-index: -1;} #wrap.main .cont01 .layout{padding: 0;} #wrap.main .cont01 h5{color: #333; text-align: center; font-size: 20px; font-weight: 700;} #wrap.main .counter{width:100%;margin: 14px 0 0 0;} #wrap.main .counter dl{display: flex; justify-content: center; gap: 0 4px;} #wrap.main .counter dl dd{width:100%;padding:0 20px;background-color:#095B2A; font-size: 48px; color: #fff; font-weight: 700; height: 70px; border-radius: 8px; display: flex; justify-content: center; align-items: center;} #wrap.main .cont01 h6{color:#333;margin: 35px 0 0 0;} #wrap.main .cont01 p{color: #333; text-align: center; font-weight: 700; margin: 10px 0 0 0;} #wrap.main .cont01 .cont01_link{width: 212px; height: 40px; margin: 20px auto 0; position: relative; background: rgba(0, 0, 0, 0.3); border-radius: 30px;} #wrap.main .cont01 .cont01_link::before{content: ""; position: absolute; inset: 0; border-radius: 50px; padding: 1px; background:#095B2A; } #wrap.main .cont01 .cont01_link a{width: 100%; height: 100%; font-weight: 700; color: #FFF; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1;} #wrap.main .cont02{width: 100%;} #wrap.main .cont02 .poster{text-align:center} #wrap.main .cont02 .poster img{max-width:100%} #wrap.main .cont03{background-color: #09214F; padding: 80px 20px; box-sizing: border-box; position: relative;} #wrap.main .cont03::before{content: ''; width: 100%; height: 80px; background: url(../img/cont03_img01.svg) no-repeat; background-size: cover; background-position: top center; position: absolute; top: 0px; left: 50%; transform: translateX(-50%);} #wrap.main .cont03 .layout{max-width: 550px; margin: auto; background-color: rgba(9, 33, 79, 0.7); border-radius: 16px; box-shadow: 20px 10px 30px #000713; color: #fff; display: flex; flex-wrap: wrap; justify-content: center; padding: 30px; box-sizing: border-box;} #wrap.main .cont03 .layout h6{width: 100%; display: block; margin: 0 0 10px 0;} #wrap.main .cont03 .layout span{display:block;text-align:center;font-size: 20px; font-weight: 700; line-height: 32px;} #wrap.main .cont03 .layout p{text-align: center; margin: 30px 0 0 0; word-break: keep-all;} #wrap.main .cont04{ background-color: #FFF; padding: 47px 20px 144px 20px;} #wrap.main .cont04 b{background:#095B2A; color: transparent; -webkit-background-clip: text; font-weight: 700; font-size: 20px; text-align: center; display: block; margin: 0 0 15px 0; position: relative;} #wrap.main .cont04 h6{color:#333} #wrap.main .cont04 .layout{padding: 0;} #wrap.main .cont04 .layout .cont_box{width: 100%; max-width: 450px; padding: 30px 10px; box-sizing: border-box; background-color:#095B2A; box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.2); border-radius: 16px; position: relative; margin: 30px auto 0;} #wrap.main .cont04 .layout .cont_box::before{content: ''; width: 100%; height: 100%; box-shadow: inset 1px 1px rgb(255, 255, 255, 0.25); position: absolute; top: 0px; left: 0px; border-radius: 16px;;} #wrap.main .cont04 p{color: #fff; font-size: 18px; line-height: 22px; font-weight: 700; text-align: center; position: relative;} #wrap.main .cont04 span{color: #bbb; font-size: 14px; text-align: center; display: block; margin: 15px 0 0 0; position: relative;} #wrap.main .cont04 ul{display: flex; flex-wrap: wrap; gap: 10px 0; margin: 30px 0 0 0;} #wrap.main .cont04 ul li{width: 100%; display: flex; gap: 0 10px; align-items: center; } #wrap.main .cont04 ul li b{width: 76px; height: 40px; display: flex; justify-content: center; align-items: center; background: unset; background-color: #143c24; color: #fff; font-size: 16px; margin: 0; border-bottom: 2px solid #009840; } #wrap.main .cont04 ul li p{width: calc(100% - 86px); font-size: 16px; font-weight: 400; text-align: left;} #wrap.main .cont0401{padding:50px 0;background:#009840} #wrap.main .cont0401 .idea_section h6{margin-bottom:40px;background: #fff; color: transparent; -webkit-background-clip: text;} #wrap.main .cont0401 .idea_section ul li{display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;margin-bottom:20px;} #wrap.main .cont0401 .idea_section dl{width:100%;position:relative;height:300px;padding:80px 20px 20px;border-radius:0px;box-sizing:border-box;background:#E7FFBE;box-shadow:-5px -5px 10px rgba(9, 91, 41, 0.4)} #wrap.main .cont0401 .idea_section dl dt{position:absolute;left:0;top:25px;height:30px;line-height:30px;display:inline-block;padding:0 30px 0 20px;font-weight:bold;background:#095B2A;color:#fff;border-radius:0} #wrap.main .cont0401 .idea_section dl dd .txt{margin-bottom:20px;} #wrap.main .cont0401 .idea_section .idea_swiper{padding-bottom:30px;} #wrap.main .cont0401 .idea_section .idea_swiper .swiper-button-next{top:350px;width:20px;height:20px;} #wrap.main .cont0401 .idea_section .idea_swiper .swiper-button-next:after{color:#fff;font-size:20px;} #wrap.main .cont0401 .idea_section .idea_swiper .swiper-button-prev{top:350px;width:20px;height:20px;left:initial;left:auto;right:110px;} #wrap.main .cont0401 .idea_section .idea_swiper .swiper-button-prev:after{color:#fff;font-size:20px;} #wrap.main .cont0401 .idea_section .idea_swiper .swiper-pagination{width:80px;left:initial;left:auto;right:30px;bottom:0;color:#fff;} #wrap.main .cont05{padding: 108px 0px 123px 0px; background: #E7FFBE; position: relative; overflow: hidden;} #wrap.main .cont05::before{content: ''; font-size: 160px; font-family: 'BebasNeue'; background: linear-gradient(to right top, rgba(52, 133, 255, 0.1), rgba(0, 255, 255, 0.1)); color: transparent; -webkit-background-clip: text; position: absolute; top: 0px; left: 0; height: 160px; line-height: 160px;} #wrap.main .cont05::after{content: ''; font-size: 160px; font-family: 'BebasNeue'; background: linear-gradient(to right top, rgba(52, 133, 255, 0.1), rgba(0, 255, 255, 0.1)); color: transparent; -webkit-background-clip: text; position: absolute; bottom: 0px; right: -10px; height: 160px; line-height: 160px;;} #wrap.main .cont05 .cont05_iframe_box{position: relative; width: 100%; height: auto; padding-bottom: 56.25%;} #wrap.main .cont05 .cont05_iframe_box iframe{position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 12px; border: 3px solid #095B2A; background-origin: border-box; background-clip: content-box, border-box;} #wrap.main .cont06{background-color: #095B2A; padding: 87px 0 57px 0; box-sizing: border-box; position: relative;} #wrap.main .cont06 .layout{position: relative;} #wrap.main .cont06 h7{font-size: 24px; line-height: 36px; color: #fff; display: block; text-align: center; font-weight: 700;} #wrap.main .cont06 .cont06_box01{max-width: 500px; display: flex; flex-wrap: wrap; gap: 12px 0; margin: 36px auto 0;} #wrap.main .cont06 .cont06_box01 li{position: relative; border-radius: 10px; background-color: rgba(0, 0, 0, 0.3); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);} #wrap.main .cont06 .cont06_box01 li::before{content: ''; width: 100%; height: 100%; box-shadow: inset 1px 1px rgb(255, 255, 255, 0.25); position: absolute; top: 0px; left: 0px; border-radius: 10px;} #wrap.main .cont06 .cont06_box01 li a{display: flex; flex-wrap: wrap; gap: 8px 0; color: #fff; padding: 20px 20px 16px 20px; box-sizing: border-box; position: relative; z-index: 1;} #wrap.main .cont06 .cont06_box01 li a>div{display: flex; gap: 0 12px; align-items: center;} #wrap.main .cont06 .cont06_box01 li a>div span{width: 54px; height: 52px; position: relative; background: rgba(0, 0, 0, 0.3); border-radius: 7px; display: flex; align-items: center; text-align: center; color: #009840; line-height: 17px; font-size: 14px; font-weight: 700;} #wrap.main .cont06 .cont06_box01 li a>div span::before{content: ""; position: absolute; inset: 0; border-radius: 7px; padding: 1px; background:#009840; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #wrap.main .cont06 .cont06_box01 li a>div b{width: calc(100% - 66px); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;} #wrap.main .cont06 .cont06_box01 li a p{font-size: 14px; line-height: 22px; color: #ccc; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;} #wrap.main .cont06 .cont06_box02{max-width: 500px; margin: 58px auto 0; background-color: #009840; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2); position: relative; padding: 20px; box-sizing: border-box; display: flex; gap: 20px 0; flex-wrap: wrap; border-radius: 10px;} #wrap.main .cont06 .cont06_box02::before{content: ''; width: 100%; height: 100%; box-shadow: inset 1px 1px rgb(255, 255, 255, 0.25); position: absolute; top: 0px; left: 0px; border-radius: 10px;} #wrap.main .cont06 .cont06_box02 p{width: 75px; height: 35px; position: relative; background: rgba(0, 0, 0, 0.3); border-radius: 7px; display: flex; justify-content: center; align-items: center; text-align: center; color: #009840; line-height: 17px; font-size: 14px; font-weight: 700; position: relative; z-index: 1;} #wrap.main .cont06 .cont06_box02 p::before{content: ""; position: absolute; inset: 0; border-radius: 7px; padding: 1px; background:#009840; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #wrap.main .cont06 .cont06_box02 ul{width: 100%; display: flex; flex-wrap: wrap; gap: 20px 0; position: relative; z-index: 1;} #wrap.main .cont06 .cont06_box02 ul li{width: 100%;} #wrap.main .cont06 .cont06_box02 ul li a .cont06_box02_tit{display: none;} #wrap.main .cont06 .cont06_box02 ul li b{color: #fff; width: 100%; height: 25px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #wrap.main .cont06 .cont06_box02 ul li span{color: #ccc; font-size: 14px; display: block;} #wrap.main .cont06 .btn_wrap{display: flex; gap: 0 8px; justify-content: center; margin: 34px 0 0 0;} #wrap.main .cont06 .btn_wrap a{color: #fff; font-size: 12px; padding: 7px 11px; box-sizing: border-box; background-color: #009840;} #wrap.main .cont06 .btn_wrap a::after{content: ''; width: 16px; height: 7px; background: url(../img/iconWrap.svg) no-repeat; background-position: -64px -122px; display: inline-block; margin: 0 0 0 11px; position: relative; top: -2px;} /* 메인 E */ /* 회의 개요 S */ #container.content.content0101 h6{font-size:24px;color: #095B2A; margin: 0 0 13px 0; font-weight: bold; text-align: center;} #container.content.content0101 h6 span{color: #1791E9; font-weight: 700;} #container.content.content0101 h5{font-size:20px;text-align: center;font-weight: bold; } #container.content.content0101 h4{font-size:20px;font-weight: bold; } #container.content.content0101 .cont_cont{border: none;} #container.content.content0101 .cont_cont img{border: 1px solid #E0E0E0 ; box-sizing: border-box; width: 100%; max-width: 700px; margin: auto; display: block;} #container.content.content0101 .cont_cont .detail_info{padding-top:30px;} #container.content.content0101 .cont_cont .detail_info dl{display:flex;align-items:center;margin-bottom:20px;} #container.content.content0101 .cont_cont .detail_info dl dt{font-weight:bold;width:100px;} #container.content.content0101 .tbl02{width: 100%;} #container.content.content0101 .tbl02 tr{border-bottom: 1px solid #E0E0E0; padding: 17px 8px; box-sizing: border-box; text-align: left; display: block;} #container.content.content0101 .tbl02 tr th{display: block; color: #111; font-weight: 700; margin: 0 0 7px 0;} #container.content.content0101 .tbl02 tr td{display: block; color: #666;} #container.content.content0101 .purpose_box dl{border: 1px solid #E0E0E0; padding: 30px 16px; box-sizing: border-box; text-align: center;} #container.content.content0101 .purpose_box dl:first-of-type{border-bottom: none; margin: 20px auto 0px;} #container.content.content0101 .purpose_box dl dd{font-size: 20px; font-weight: 700; color: #111;} #container.content.content0101 .purpose_box dl dd::before{content: ''; width: 70px; height: 70px; background: url(/upload/10031/doc/202508/0c354e129e964eb2ba37b98c2be9a703.png) no-repeat; background-size:70px auto;display: block; margin: 0 auto 12px;} #container.content.content0101 .purpose_box dl:last-of-type dd::before{background-image:url(/upload/10031/doc/202508/2f46f7276330434183516da617374a32.png);} #container.content.content0101 .purpose_box dl dt{margin: 20px 0 0 0; color: #666;} #container.content .cont_wrap .cont_box.map{padding: 50px 0 120px 0;} #container.content.content0101 .map h5{margin: 0 0 30px 0;} #container.content.content0101 .map .map_box:last-of-type{margin: 30px 0 0 0;} #container.content.content0101 .map .map_box p{font-size: 18px; margin: 0 0 20px 0; color: #666;} #container.content.content0101 .map .map_box p::before{content: ''; width: 4px; height: 21px; background-color: #000; display: inline-block; margin: 0 8px 0 0; position: relative; top: 5px;} #container.content.content0101 .map .map_box p b{margin: 0 12px 0 0px; color: #111;} #container.content.content0101 .map .iframe_box{position: relative; width: 100%; height: auto; padding-bottom: 56.25%;} #container.content.content0101 .map .iframe_box iframe{position: absolute; width: 100%; height: 100%; border: 1px solid #E0E0E0; box-sizing: border-box;} #container.content.content0101 .map dl{border: 1px solid #E0E0E0; border-top: none; padding: 14px 12px; box-sizing: border-box;} #container.content.content0101 .map dl:last-of-type{border-top: none;} #container.content.content0101 .map dl dd{font-weight: 700; margin: 0 0 2px 0;} #container.content.content0101 .map dl dt{color: #666;} /* 회의 개요 E */ /* 로고 및 슬로건 S */ #container.content .cont_wrap{margin: 50px 0 0 0;} #container.content .cont_wrap .cont_box{padding: 0 0 80px 0; box-sizing: border-box;} #container.content .cont_wrap .cont_box .sub_tit{margin: 20px auto 30px; } #container.content.content0102 .cont_wrap .cont_box .cont_cont{border: 1px solid #E0E0E0; padding: 42px 16px; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 40px 30px; justify-content: center;} #container.content.content0102 .cont_wrap .cont_box .cont_cont>div{display: flex; flex-wrap: wrap; gap: 16px 0; flex-direction: column; justify-content: space-between; } #container.content.content0102 .cont_wrap .cont_box .cont_cont img{display: block;} #container.content.content0102 .cont_wrap .cont_box .cont_cont img.logo01{width: 303px;} #container.content.content0102 .cont_wrap .cont_box .cont_cont img.logo02{width: 303px;} #container.content.content0102 .cont_wrap .cont_box .cont_cont img.logo03{width: 266px;} #container.content.content0102 .cont_wrap .cont_box.cont_box_bg{padding: 80px 0px 120px 0px;} #container.content.content0102 .cont_wrap .cont_box.cont_box_bg .cont_cont{background-color: #fff; border: none; justify-content: center; padding: 34px 0;} #container.content.content0102 .cont_wrap .cont_box.cont_box_bg .cont_cont p{font-size: 20px; color: #111;} /* 로고 및 슬로건 E */ /* 등록안내 S */ #container.content.content0400 .list_box{border: 1px solid #E0E0E0; box-sizing: border-box; margin: 20px 0 0 0;} #container.content.content0400 .list_box li{border-bottom: 1px solid #E0E0E0; padding: 14px 10px 8px 35px; box-sizing: border-box; position: relative; color: #111;} #container.content.content0400 .list_box li:last-of-type{border-bottom: none;} #container.content.content0400 .list_box li::before{content: '•'; position: absolute; left: 15px;} #container.content.content0400 h6{font-size: 18px; font-weight: 400; margin: 4px 0 0 0;} /* 등록안내 E */ /* 연사소개 S */ #container.content.content0202 .board_list_wrap{margin: 70px 0 0 0;} #container.content.content0202 .board_list_wrap .board_list{margin: 0 0 40px 0;} #container.content.content0202 .board_list_wrap .board_img_list li{position: relative;} #container.content.content0202 .board_list_wrap .board_img_list li:hover::after, #container.content.content0202 .board_list_wrap .board_img_list li.active::after{content: ''; width: 100%; height: 100%; border: 3px solid #095B2A; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #FF1D89 0%, #12D3FD 100%); background-origin: border-box; background-clip: content-box, border-box; position: absolute; top: -3px; left: -3px; z-index: -1; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); } #container.content.content0202 .board_list_wrap .board_img_list li .pop_btn{width: 100%; display: flex; flex-direction: column; gap: 10px 0; } #container.content.content0202 .board_list_wrap .board_img_list .board_img_box{display:flex;align-items:center;justify-content:center;padding-bottom:0;background:none;} #container.content.content0202 .board_list_wrap .board_img_list .board_img_box img{position:static;width:auto;max-width:100%;height:auto;} #container.content.content0202 .board_list_wrap .board_img_list .board_tit{text-align: center; height: auto; overflow: unset; display: flex; flex-direction: column; text-overflow: unset;} #container.content.content0202 .board_list_wrap .board_img_list .board_tit b{font-size: 18px; color: #111; margin: 10px 0 5px 0;} #container.content.content0202 .board_list_wrap .board_img_list .board_tit p{color: #333; font-weight: 400; font-size: 16px;} #container.content.content0202 .board_list_wrap .board_img_list .board_tit span{color: #333; font-weight: 400; font-size: 16px;} #container.content.content0202 .board_list_wrap .board_img_list .board_tit .board_info{display: none;} #container.content.content0202 .board_list_wrap .board_img_list li .pop_cont{background-color: red; position: absolute; display: none;} #container.content.content0202 .board_list_wrap .board_img_list li .pop_cont.active{background-color: gold; display: block;} #container.content.content0202 .board_list_wrap .board_img_list li button{width: 100%;} .pop_cont{width: 335px; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 999; background-color: #fff; padding: 60px 20px 20px 20px; border: 1px solid #000; box-sizing: border-box; display: none;} .pop_cont.active{display: block;} .btn_close{width: 26px; height: 26px; background: url(../img/iconWrap.svg) no-repeat; background-position: 0px -93px; position: absolute; top: 20px; right: 20px; z-index: 9999; font-size: 0;} .pop_img{width: 295px; height: 150px; overflow: hidden;display:flex;align-items:center;justify-content:center;} .pop_cont img{width: auto;max-width:100%;} .pop_board_tit b{text-align: center; display: block; font-size: 24px; font-weight: 700; margin: 16px 0 10px 0;} .pop_board_tit>div{display: flex; justify-content: center; gap: 0 12px; border-bottom: 1px solid #E0E0E0; box-sizing: border-box; margin: 0 0 10px 0; padding: 0 0 10px 0;} .pop_board_tit>div p{position: relative;} /* 연사소개 E */ /* 라이브 스트리밍 S */ #container.content.content0300 .highlight_menu .one_depth>li:last-of-type .btn_one_depth{background-color: #F7F7F7; color: #111; border-right: 1px solid #E0E0E0;} #container.content.content0300 .highlight_menu .one_depth>li:last-of-type .btn_one_depth::after{background-position: -34px -51px;} #container.content.content0300 .cont_wrap{margin: 0; width: 100%; background-image: url(../img/content0300_img01.png); background-position: center; background-size: cover; padding: 70px 0 120px 0; position: relative;} #container.content.content0300 .cont_wrap::before{content: ''; width: 100%; height: 100%; background: linear-gradient(to right, transparent, #070707, transparent); position: absolute; top: 0;} #container.content.content0300 .cont_wrap::after{content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7); background-position: bottom center; top: 0px; left: 50%; transform: translateX(-50%); } #container.content.content0300 .cont_box{padding: 0 20px; position: relative; z-index: 1;} #container.content.content0300 .cont_box .cont_box01{} #container.content.content0300 .cont_box .cont_box01{width: 100%; max-width: 335px; height: 220px; margin: auto; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 24px;display: flex; justify-content: center; align-items: center;} #container.content.content0300 .cont_box .cont_box01::before{content: ''; position: absolute; inset: 0; border-radius: 24px; padding: 4px; background:#009840; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;} #container.content.content0300 .cont_box .cont_box01 .layout{position: relative;} #container.content.content0300 .cont_box .cont_box01 h6{font-size: 24px; font-weight: 700; text-align: center; color: #fff; line-height: 36px; position: relative;} #container.content.content0300 .cont_box .cont_box01 h6::before{content: ''; width: 59px; height: 38px; background: url(../img/iconWrap.svg) no-repeat; background-position: -280px 0px; display: block; margin: 0 auto 26px;} #container.content.content0300 .cont_box p{color: #fff; text-align: center; margin: 40px auto 0;} #container.content.content0300 .cont_box .cont01_link{width: 212px; height: 40px; margin: 60px auto 0; position: relative; background: rgba(0, 0, 0, 0.3); border-radius: 30px; } #container.content.content0300 .cont_box .cont01_link::before{content: ""; position: absolute; inset: 0; border-radius: 30px; padding: 1px; background:#009840; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;} #container.content.content0300 .cont_box .cont01_link a{width: 100%; height: 100%; color: #fff; font-weight: 700; display: flex; justify-content: center; align-items: center; position: relative;} /* 라이브 스트리밍 E */ /* 프로그램 일정 S */ #container.content.content0201{padding: 0 0 120px 0;} #container.content.content0201 h6{text-align: center; font-size: 24px; font-weight: 700; color: #111; margin: 50px 0 0 0;} #container.content.content0201 .tab_wrap02{} #container.content.content0201 .tab_wrap02 .tab_box02{background-color: #F7F7F7; border-radius: 30px; display: flex; padding: 6px; margin: 50px auto 30px; box-sizing: border-box;} #container.content.content0201 .tab_wrap02 .tab_box02 li{width: 100%; display: flex; justify-content: center; align-items: center;} #container.content.content0201 .tab_wrap02 .tab_box02 li a{width: 100%; font-size: 16px; font-weight: 700; color: #666; padding: 10px 0; border-radius: 25px; text-align: center; box-sizing: border-box;} #container.content.content0201 .tab_wrap02 .tab_box02 li .tab01.active{background-color: #1791E9; color: #fff;} #container.content.content0201 .tab_wrap02 .tab_box02 li .tab02.active{background-color: #1791E9; color: #fff;} #tab_list0201{} #tab_list0202{margin: 50px auto 0;} #container.content.content0201 li[id ^= "tab_list02"] b{font-size: 20px; font-weight: 700; margin: 0 auto 20px; display: block; color: #111;} #container.content.content0201 li[id ^= "tab_list02"] b span{color: #1791E9;} #container.content.content0201 .tab_list02_table{} #container.content.content0201 .tab_list02_table .tab_list02_table_tit{display: none;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont:first-of-type{border-top: 1px solid #111; box-sizing: border-box;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li{padding: 14px 20px; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; box-sizing: border-box;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li b{font-size: 16px; margin: 0 0 6px 0;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li p{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 14px; line-height: 22px;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li.time{background-color: #F7F7F7; font-weight: 700; border-top: none;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li.cont{border-bottom: none; padding: 14px 20px 0 20px; box-sizing: border-box;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li.speech{} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li.speech01{border-bottom: none; padding: 6px 20px 0 20px; box-sizing: border-box;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li.speech01 b{display: inline-block; margin: 0;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li.speech02{padding: 6px 20px 14px 20px; box-sizing: border-box; } #container.content.content0201 .tab_list02_table .tab_list02_table_cont li.speech02 a{height: 44px; display: flex; justify-content: center; align-items: center; border: 1px solid #E0E0E0; font-size: 12px; text-align: center; color: #111;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li.speech02 a::after{content: ''; width: 23px; height: 16px; background: url(../img/iconWrap.svg) no-repeat; background-position: -60px -139px; display: inline-block; margin: 0 0 0 5px; position: relative; top: -1px;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont.BreakingTime{width: 100%; background-color: #F7F7F7;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont.BreakingTime li{width: 100%; text-align: center; text-align: left; color: #111; font-size: 16px; font-weight: 700;} /* 프로그램 일정 E */ #container.content .ready_page {padding:50px 20px;text-align:center;} #container.content .ready_page img{max-width:100%;} #container.content .ready_page p{margin-top:30px;font-size:18px;font-weight:bold;color:#095B2A;} /* 입법아이디어 */ .board_idealist{padding:50px 0;} .board_idealist ul li{display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;margin-bottom:20px;} .board_idealist dl{width:100%;position:relative;height:300px;padding:40px;border-radius:20px;border:1px solid #e3e3e3;box-sizing:border-box;background:#fff;box-shadow:5px 5px 10px rgba(223, 222, 222, 0.6)} .board_idealist dl dt{margin-bottom:30px;text-align:center;font-weight:bold;color:#009840;} .board_idealist dl dd .txt{height:120px;margin-bottom:20px;} .board_idealist dl dd .name{border-top:1px solid #e3e3e3;padding-top:20px} .regist_idea{padding:50px 0;} .regist_idea .regist_info{margin-bottom:10px;padding:20px;background:#f5f5f5;border-radius:10px;} .regist_idea h4{position:relative;margin:50px 0 20px;padding-left:10px;font-size:20px;line-height:20px;text-align:left;} .regist_idea h4:before{content:"";position:absolute;left:0;top:0;width:3px;height:20px;display:block;background:#095B2A} .regist_idea .input_section{position:relative;border-top:1px solid #D4D4D4;} .regist_idea .input_section p.req{position:absolute;right:0;top:-40px;text-align:right;} .regist_idea .input_section p.req:before{content:"* ";color:#E74639;} .regist_idea .input_section dl{display:flex;border-bottom:1px solid #D4D4D4;} .regist_idea .input_section dl dt{width:100px;padding:10px 20px;line-height:30px;background:#f5f5f5;font-weight:bold;box-sizing:border-box;flex-shrink: 0;} .regist_idea .input_section dl dt.req:after{content:" *";color:#E74639;} .regist_idea .input_section dl dd{width:calc(100% - 200px);padding:10px 20px;box-sizing:border-box;flex-grow: 1;} .regist_idea .input_section dl dd input{width:100%;height:30px;line-height:30px;font-size:16px;padding:0 15px;border:1px solid #D4D4D4;box-sizing:border-box;} .regist_idea .input_section dl dd select{height:30px;line-height:30px;padding:0 30px 0 15px;font-size:16px;border:1px solid #D4D4D4;box-sizing:border-box;} .regist_idea .input_section dl dd textarea{width:100%;height:200px;line-height:20px;font-size:16px;font-family:'Pretendard';letter-spacing:-0.02em;padding:15px;border:1px solid #D4D4D4;box-sizing:border-box;} .regist_idea .wrap_btn{margin-top:30px;text-align:center;} .regist_idea .wrap_btn button{width:200px;height:44px;line-height:44px;text-align:center;border-radius:22px;font-weight:bold;font-size:18px;color:#fff;background:#095B2A} /* Tablets, Ipads */ @media all and (min-width:768px) { #container.content.content0102 .cont_wrap .cont_box .cont_cont{justify-content: center; gap: 40px;} #container.content.content0102 .cont_wrap .cont_box .cont_cont>div{flex-direction: column; justify-content: space-between;} } /* PC (해상도 1024px 이상) */ @media all and (min-width:1024px) { .pc_br{display: block;} .m_br{display: none;} .layout{width: 1200px; max-width: 95%; margin: auto; padding: 0;} h4{font-size: 32px; line-height: 40px;} h5{font-size: 32px;} #container.content .cont_wrap{margin: 70px 0 0 0;} .tbl{margin: 30px 0 0 0;} /* 회의 개요 S */ #container.content.content0101 h6{font-size: 34px; margin: 0 0 15px 0;} #container.content.content0101 h4{font-size: 24px;} #container.content .cont_wrap .cont_box{padding: 0 0 100px 0} #container.content.content0101 .cont_wrap .cont_box .sub_tit{margin: 30px auto 68px;} #container.content.content0101 .cont_wrap .cont_box .cont_cont{display: flex; gap: 0 9px;align-items:center;} #container.content.content0101 .cont_wrap .cont_box .cont_cont img{width: 535px;} #container.content.content0101 .cont_wrap .cont_box .cont_cont .detail_info{padding-top:0} #container.content.content0101 .cont_wrap .cont_box .cont_cont .detail_info dl{margin-bottom:50px;} #container.content.content0101 .tbl02{width: calc(100% - 544px);} #container.content.content0101 .tbl02 tr{display: flex; gap: 0 24px; align-items: center;} #container.content.content0101 .tbl02 tr th{display: inline-block; margin: 0; width: 56px;} #container.content.content0101 .tbl02 tr td{display: inline-block; width: calc(100% - 80px);} #container.content.content0101 .cont_wrap .cont_box .cont_cont.purpose_box{gap: 0px; margin: 40px 0 0 0;} #container.content.content0101 .purpose_box dl{width: 50%;height:236px;} #container.content.content0101 .purpose_box dl:first-of-type{margin: 0; border-bottom: 1px solid #E0E0E0; border-right: none;} #container.content.content0101 .map h5{font-size: 24px;} #container.content .cont_wrap .cont_box.map{padding: 100px 0;} #container.content.content0101 .map .map_box p{font-size: 20px;} #container.content.content0101 .map .iframe_box{padding-bottom: 37.25%;} #container.content.content0101 .map dl{background-color: #fff; display: flex; gap: 0 24px; align-items: center;} #container.content.content0101 .map dl dd{display: inline-block; width: 42px;;} #container.content.content0101 .map dl dt{display: inline-block;} /* 회의 개요 E */ /* 로고 및 슬로건 S */ #container.content.content0102 .cont_wrap .cont_box .cont_cont{gap: 40px 97px; justify-content: center;} #container.content.content0102 .cont_wrap .cont_box .cont_cont>div{gap: 31px 0;} #container.content.content0102 .cont_wrap .cont_box .cont_cont img{} #container.content.content0102 .cont_wrap .cont_box .cont_cont img.logo01{max-width: 410px; width: auto;} #container.content.content0102 .cont_wrap .cont_box .cont_cont img.logo02{max-width: 497px; width: auto;} #container.content.content0102 .cont_wrap .cont_box .cont_cont img.logo03{max-width: 442px; width: auto;} #container.content.content0102 .cont_wrap .cont_box.cont_box_bg .cont_cont{padding: 58px 0;} #container.content.content0102 .cont_wrap .cont_box.cont_box_bg .cont_cont p{font-size: 32px;} /* 로고 및 슬로건 E */ /* 등록안내 S */ #container.content.content0400 .list_box{margin: 40px 0 0 0;} #container.content.content0400 .list_box li{padding: 14px 40px;} #container.content.content0400 .list_box li::before{left: 25px;} #container.content.content0400 h5{display: inline-block;} #container.content.content0400 h6{display: inline-block; margin: 0 0 0 8px;} /* 등록안내 E */ /* 연사소개 S */ #container.content.content0202 .board_list_wrap{margin: 50px 0 0 0;} #container.content.content0202 .board_list_wrap .board_list{margin: 0 0 100px 0;} #container.content.content0202 .board_list_wrap .board_img_list .board_tit{padding: 0;} .pop_cont{width: 720px; padding: 26px;} .pop_cont>div{display: flex; gap: 0 20px;} .pop_cont .pop_img{width: 288px; height: 288px; overflow: hidden;} .pop_cont .pop_img img{width: 100%;} .pop_board_tit{width: calc(100% - 308px); padding: 10px; box-sizing: border-box; margin: 52px 0 0 0;} .pop_board_tit>div{justify-content: flex-start; margin: 6px 0 10px 0;} .pop_board_tit b{text-align: left; margin: 0;margin-bottom:20px;} .btn_close{top: 26px; right: 26px;;} /* 연사소개 E */ /* 메인 S */ #wrap.main #container{padding-top:90px;} #wrap.main .cont01{padding: 40px 0 28px 0;} #wrap.main .cont01::after{width: 568px; height: 233px; background: url(../img/pc/cont01_img02.png) no-repeat; right: 350px; background-position: bottom;} #wrap.main h6{font-size: 46px; line-height: 46px; text-align: left;} #wrap.main .cont01 .layout{display: flex; justify-content: space-between; flex-direction: row-reverse;} #wrap.main .cont01 .cont01_box01{display: flex; flex-direction: column; align-items: flex-end;} #wrap.main .cont01 h5{display: block;} #wrap.main .cont01 p{font-size: 24px;} #wrap.main .counter{margin: 9px 0 0 0;} #wrap.main .cont01 .cont01_box02{position: relative;} #wrap.main .cont01 .cont01_link{margin: 0; position: absolute; top: 8px; left: 300px;} #wrap.main .cont01 h6{margin: 0;} #wrap.main .cont03{padding: 37px 0 96px 0;} #wrap.main .cont03::before{height: 410px; background: url(../img/pc/cont03_img01.svg) no-repeat; background-size: cover; background-position: center;} #wrap.main .cont03 .layout{width: 95%; max-width: 1200px; position: relative; gap: 0 47px; align-items: center; flex-wrap: nowrap; padding: 51px 17px 45px 33px; box-shadow: 25px 10px 38px #000713;} #wrap.main .cont03 .layout h6{text-align: left; margin: 0; font-size: 32px;} #wrap.main .cont03 .layout span{font-size: 24px;} #wrap.main .cont03 .layout p{margin: 0; text-align: left; width: calc(100% - 462px);} #wrap.main .cont04{background-position: right bottom; padding: 40px 0 70px 0;} #wrap.main .cont04 .layout{display: flex; gap: 0 185px;} #wrap.main .cont04 .cont04_tit b{text-align: left; margin: 0 0 10px 0;} #wrap.main .cont04 .cont04_tit h6{text-align: left; font-size: 40px; line-height: 48px;} #wrap.main .cont04 .layout .cont_box{width: calc(100% - 276px); max-width: unset; padding: 54px 117px 55px 80px;} #wrap.main .cont04 p{font-size: 24px; line-height: 32px; text-align: left;} #wrap.main .cont04 span{text-align: left; margin: 10px 0 0 0;} #wrap.main .cont04 ul{margin: 40px 0 0 0;} #wrap.main .cont04 ul li{gap: 0 20px;} #wrap.main .cont04 ul li b{width: 105px; height: 36px;} #wrap.main .cont0401{padding:80px 0;} #wrap.main .cont0401 .idea_section ul{display:flex;} #wrap.main .cont0401 .idea_section ul li{width:375px;margin-bottom:0px;} #wrap.main .cont0401 .idea_section dl dt{font-size:18px;} #wrap.main .cont0401 .idea_section .idea_swiper{padding-bottom:50px;} #wrap.main .cont05{padding: 95px 0 74px 0;} #wrap.main .cont05::before{left: -60px; font-size: 420px; height: 420px; line-height: 420px;} #wrap.main .cont05::after{font-size: 420px; height: 420px; line-height: 420px;} #wrap.main .cont06{padding: 110px 0 94px 0;} #wrap.main .cont06::before{display: none;} #wrap.main .cont06 h7{font-size: 40px; line-height: 48px;} #wrap.main .cont06 .cont06_box01{max-width: unset; flex-wrap: nowrap; gap: 0 16px; margin: 50px 0 0 0;} #wrap.main .cont06 .cont06_box01 li{width: calc(100% / 4 );} #wrap.main .cont06 .cont06_box01 li a{gap: 7px 0; padding: 30px 24px 36px 24px;} #wrap.main .cont06 .cont06_box01 li a>div{align-items: flex-start; flex-direction: column; gap: 17px 0;} #wrap.main .cont06 .cont06_box01 li a>div span{width: 60px; height: 60px; font-size: 16px;} #wrap.main .cont06 .cont06_box01 li a>div b{font-size: 20px; line-height: 30px;} #wrap.main .cont06 .cont06_box01 li a p{-webkit-line-clamp: 3; font-size: 16px;} #wrap.main .cont06 .cont06_box02{max-width: unset; background-color: transparent; box-shadow: unset; padding: 0; margin: 17px 0 0 0;} #wrap.main .cont06 .cont06_box02::before{display: none;} #wrap.main .cont06 .cont06_box02 p{display: none;} #wrap.main .cont06 .cont06_box02 ul{padding: 0; flex-wrap: nowrap; gap: 0 8px;} #wrap.main .cont06 .cont06_box02 ul li{width: 50%; border-radius: 10px; background-color: rgba(0, 0, 0, 0.3); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2); position: relative; box-sizing: border-box; display: flex; gap: 20px 0; flex-wrap: wrap;} #wrap.main .cont06 .cont06_box02 ul li::before{content: ''; width: 100%; height: 100%; box-shadow: inset 1px 1px rgb(255, 255, 255, 0.25); position: absolute; top: 0px; left: 0px; border-radius: 10px;} #wrap.main .cont06 .cont06_box02 ul li a{width: 100%; padding: 20px 24px; box-sizing: border-box; position: relative; display: flex; gap: 0 16px; align-items: center;} #wrap.main .cont06 .cont06_box02 ul li a .cont06_box02_tit{width: 48px; height: 54px; display: flex; font-size: 16px; font-weight: 400;} #wrap.main .cont06 .cont06_box02 ul li a div{width: calc(100% - 64px);} #wrap.main .cont06 .cont06_box02 ul li b{font-size: 20px; margin: 0 0 3px 0;} #wrap.main .cont06 .btn_wrap{margin: 30px 0 0 0;} /* 메인 E */ /* 라이브 스트리밍 S */ #container.content.content0300 .cont_wrap{padding: 80px 0 90px 0; background-image: url(../img/pc/content0300_img01.png);} #container.content.content0300 .cont_wrap::before{background: linear-gradient(to right, rgba(0, 0, 0, 0.5), #000, rgba(0, 0, 0, 0.5));} /* #container.content.content0300 .cont_wrap::after{display: none;} */ #container.content.content0300 .cont_box::after{display: none;} #container.content.content0300 .cont_box{padding: 0;} #container.content.content0300 .cont_box .cont_box01{max-width: 496px; height: 258px; background: transparent;} #container.content.content0300 .cont_box .cont_box01 h6{font-size: 32px; line-height: 40px;} #container.content.content0300 .cont_box p{font-size: 20px; line-height: 28px;} #container.content.content0300 .cont_box .cont01_link{width: 220px; height: 54px; margin: 40px auto 0;} #container.content.content0300 .cont_wrap::before{display: none;} /* 라이브 스트리밍 E */ /* 프로그램 S */ #container.content.content0201 .tab_wrap02 .tab_box02{width: 412px;} #container.content.content0201 .tab_wrap02 .tab_box02 li a{padding: 13px 0;} #container.content.content0201 .tab_list02_table .tab_list02_table_tit{display: flex; } #container.content.content0201 .tab_list02_table .tab_list02_table_tit li{padding: 17px 0; font-weight: 700; text-align: center; background-color: #F7F7F7; border-top: 2px solid #000; box-sizing: border-box;} #container.content.content0201 .tab_list02_table .tab_list02_table_tit li.time{width: 20%; border-right: 1px solid #E0E0E0; box-sizing: border-box;} #container.content.content0201 .tab_list02_table .tab_list02_table_tit li.cont{border-right: 1px solid #E0E0E0; box-sizing: border-box;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont{display: flex; border-top: none; } #container.content.content0201 .tab_list02_table .tab_list02_table_cont:first-of-type{border-top: 1px solid #E0E0E0;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li{border-right: none; display: flex; justify-content: center; align-items: center;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li b{margin: 0 0 2px 0;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li.time{background-color: transparent; border-left: none; font-weight: 400;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li.cont{border-bottom: 1px solid #E0E0E0; padding: 16px 14px; display: block;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li.speech01{border-bottom: 1px solid #E0E0E0; padding: 0;} #container.content.content0201 .tab_list02_table .time{width: 20%;} #container.content.content0201 .tab_list02_table .long{width: 80%;} #container.content.content0201 .tab_list02_table .cont{width: 50%;} #container.content.content0201 .tab_list02_table .speech{width: 30%;} #container.content.content0201 .tab_list02_table .speech01{width: 17%;} #container.content.content0201 .tab_list02_table .speech02{width: 13%;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li.speech02 a{border: none; height: auto;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont li.speech02{padding: 0;} #container.content.content0201 .tab_list02_table .tab_list02_table_cont.BreakingTime li{border-left: none; padding: 17px 0; color: #666; font-weight: 400;} /* 프로그램 E */ #container.content .ready_page{padding:70px 0} #container.content .ready_page img{max-width:700px} #container.content .ready_page p{margin-top:70px;font-size:30px} /* 입법아이디어 */ .board_idealist ul:after{content:"";clear:both;display:block;} .board_idealist ul li{float:left;width:375px;margin-bottom:25px;margin-right:25px;} .board_idealist ul li:nth-child(3n+0){margin-right:0} .board_idealist dl{height:375px} .board_idealist dl dt{margin-bottom:40px;font-size:24px;} .board_idealist dl dd{font-size:18px;} .board_idealist dl dd .txt{height:180px} .regist_idea h4{font-size:30px;line-height:30px;padding-left:20px;} .regist_idea h4:before{width:5px;height:30px;} .regist_idea .input_section dl dt{width:200px;} .regist_idea .input_section dl dd textarea{height:80px} } /* 메인 NEW */ .main_section .section1{text-align:center;background:#E7FFBE} .main_section .section1 img{max-width:100%} .main_section .section2 .live .left{display:flex;align-items:center;justify-content:center;padding:15px 10px;background:#009840;} .main_section .section2 .live .left dl{text-align:center;} .main_section .section2 .live .left dl dt{font-size:20px;font-weight:bold;color:#fff;margin-bottom:5px;} .main_section .section2 .live .left dl dd{font-size:16px;color:#fff;font-weight:bold;} .main_section .section2 .live .left dl dd a{display:inline-block;vertical-align:bottom;width:36px;height:28px;background:url(/upload/10031/doc/202508/75e2ec776c444a669d1ba0cf5c5e0129.svg) no-repeat center center;background-size:contain;} .main_section .section2 .live .right{height:50px;display:flex;align-items:center;justify-content:center;background:#fff;box-sizing:border-box;} .main_section .section2 .live .right p{font-size:18px;color:#333;font-weight:bold;} .main_section .section2 .live .right p em{font-family:'JalnanGothic';font-size:20px;font-style:normal;color:#009840;} .main_section .section3{padding:50px 0;background:#F8FFEB} .main_section .section3 .section_tit{font-family:'JalnanGothic';margin-bottom:20px;color: #009840;font-size:30px;font-style:normal;text-align:center;} .main_section .section3 .section_tit span{color:#095B2A} .main_section .section3 .section_sub{margin-bottom:30px;color: #282828;font-size:16px;text-align:center;} .main_section .section3 .section_sub i{display:block;font-style:normal;} .main_section .section3 .idea_section{position:relative;padding:0 20px;} .main_section .section3 .idea_section .btn_more{position:absolute;right:40px;top:-130px;width:33px;height:33px;color:#fff;font-size:24px;line-height:30px;text-align:center;background:#009840;} .main_section .section3 .idea_section ul li{display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;margin-bottom:20px;} .main_section .section3 .idea_section dl{width:100%;position:relative;height:300px;padding:40px;border-radius:20px;border:1px solid #e3e3e3;box-sizing:border-box;background:#fff;box-shadow:5px 5px 10px rgba(223, 222, 222, 0.6)} .main_section .section3 .idea_section dl dt{margin-bottom:30px;text-align:center;font-weight:bold;color:#009840;} .main_section .section3 .idea_section dl dd .txt{height:120px;margin-bottom:20px;} .main_section .section3 .idea_section dl dd .name{border-top:1px solid #e3e3e3;padding-top:20px} .main_section .section3 .idea_section .idea_swiper{padding-bottom:30px;padding-right:15px;margin-right:-15px;} .main_section .section3 .idea_section .idea_swiper .swiper-button-next{top:350px;width:20px;height:20px;} .main_section .section3 .idea_section .idea_swiper .swiper-button-next:after{color:#414042;font-size:20px;} .main_section .section3 .idea_section .idea_swiper .swiper-button-prev{top:350px;width:20px;height:20px;left:initial;left:auto;right:110px;} .main_section .section3 .idea_section .idea_swiper .swiper-button-prev:after{color:#414042;font-size:20px;} .main_section .section3 .idea_section .idea_swiper .swiper-pagination{width:80px;left:initial;left:auto;right:30px;bottom:0;color:#414042;} .main_section .section4{padding:50px 15px;background:#fff;} .main_section .section4 .section_tit{font-family:'JalnanGothic';margin-bottom:20px;color: #009840;font-size:30px;line-height:36px;font-style:normal;text-align:center;} .main_section .section4 .section_tit span{color:#095B2A} .main_section .section4 .youtube_section{position:relative;width:100%;height:auto;/*padding-bottom:56.25%*/} .main_section .section4 .youtube_section iframe{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);} .main_section .section4 .youtube_section img{width:100%} .main_section .section5{padding:50px 15px;background:#F8FFEB} .main_section .section5 .section_tit{font-family:'JalnanGothic';margin-bottom:20px;color: #009840;font-size:30px;line-height:36px;font-style:normal;text-align:center;} .main_section .section5 .section_tit span{color:#095B2A} .main_section .section5 .btn_wrap{margin-top:30px;display:flex;gap:0 8px;justify-content:center;} .main_section .section5 .btn_wrap a{color: #fff; font-size: 12px; padding: 7px 11px; box-sizing: border-box; background-color: #009840;} .main_section .section5 .btn_wrap a::after{content: ''; width: 16px; height: 7px; background: url(../img/iconWrap.svg) no-repeat; background-position: -64px -122px; display: inline-block; margin: 0 0 0 11px; position: relative; top: -2px;} .main_section .section5 .post01{ display: flex; flex-wrap: wrap; gap: 12px 0; margin: 36px auto 0;} .main_section .section5 .post01 li{position: relative; border-radius: 20px; background-color:#fff;border:1px solid #E3E3E3;box-shadow: 4px 4px 10px rgba(223, 222, 222, 0.25);} .main_section .section5 .post01 li a{display: flex; flex-wrap: wrap; gap: 8px 0; color: #fff; padding: 20px 20px 16px 20px; box-sizing: border-box; position: relative; z-index: 1;} .main_section .section5 .post01 li a>div{} .main_section .section5 .post01 li a>div span{display:block;padding-bottom:10px;margin-bottom:10px;font-size:16px;font-weight:bold;color:#095B2A;border-bottom:1px solid #E3E3E3;} .main_section .section5 .post01 li a>div b{width: calc(100% - 66px); font-size:18px;color:#009840;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;} .main_section .section5 .post01 li a p{font-size: 14px;line-height: 22px; color: #282828; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;} .main_section .section5 .post02{ margin: 20px auto 0;border:1px solid #e3e3e3; background-color: #fff; box-shadow: 4px 4px 10px rgba(223, 222, 222, 0.25); position: relative; padding: 20px; box-sizing: border-box; display: flex; gap: 20px 0; flex-wrap: wrap; border-radius: 20px;} .main_section .section5 .post02 ul{width: 100%; display: flex; flex-wrap: wrap; gap: 20px 0; position: relative; z-index: 1;} .main_section .section5 .post02 ul li{width: 100%;} .main_section .section5 .post02 ul li a .cont06_box02_tit{display: none;} .main_section .section5 .post02 ul li b{color: #009840; width: 100%; height: 25px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .main_section .section5 .post02 ul li span{color: #ccc; font-size: 14px; display: block;} @media all and (min-width:1689px) { .main_section .layout{width:1689px;} .main_section .section2 .live{display:flex;} .main_section .section2 .live .left{padding:0;height:120px;justify-content:flex-end;flex-shrink: 0;width:60%;padding-right:50px;} .main_section .section2 .live .left dl{display:flex;align-items:center;} .main_section .section2 .live .left dl dt{position:relative;font-size:42px;font-weight:bold;color:#fff;padding-right:35px;margin-bottom:0;} .main_section .section2 .live .left dl dt:before{content:"";position:absolute;right:0;top:4px;display:block;width:1px;height:22px;background:#fff;} .main_section .section2 .live .left dl dd{padding-left:35px;font-size:24px} .main_section .section2 .live .left dl dd a{ margin-left:55px;width:60px;height:28px;} .main_section .section2 .live .right{height:120px;justify-content:start;flex-grow: 1;padding-left:50px;} .main_section .section2 .live .right p{font-size:24px;line-height:48px;} .main_section .section2 .live .right p em{position:relative;top:5px;padding-left:50px;font-size:48px;} .main_section .section3{padding:150px 0;} .main_section .section3 .section_tit{margin-bottom:40px;font-size:48px;line-height:50px;} .main_section .section3 .section_sub{margin-bottom:100px;font-size:20px;line-height:30px;} .main_section .section3 .section_sub i{display:inline;} .main_section .section3 .idea_section{padding:0;width:1689px;margin:0 auto;} .main_section .section3 .idea_section .btn_more{right:0;top:-63px;} .main_section .section3 .idea_section dl{height:400px} .main_section .section3 .idea_section dl dt{margin-bottom:40px;font-size:24px;} .main_section .section3 .idea_section dl dd{font-size:18px;} .main_section .section3 .idea_section dl dd .txt{height:180px} .main_section .section3 .idea_section .idea_swiper{padding-right:10px;margin-right:-10px;} .main_section .section3 .idea_section .idea_swiper .swiper-button-next{top:450px} .main_section .section3 .idea_section .idea_swiper .swiper-button-prev{top:450px} .main_section .section4{padding:150px 0;} .main_section .section4 .section_tit{margin-bottom:100px;font-size:48px;line-height:50px;} .main_section .section5{padding:150px 0;} .main_section .section5 .section_tit{margin-bottom:100px;font-size:48px;line-height:64px;} .main_section .section5 .layout{width:1264px} .main_section .section5 .post01{max-width: unset; flex-wrap: nowrap; gap: 0 16px; margin: 50px 0 0 0;} .main_section .section5 .post01 li{width:302px;} .main_section .section5 .post01 li a{display:block; padding: 30px 24px 36px 24px;box-sizing:border-box;height:360px;background:url(/upload/10031/doc/202508/e51c681d9ba14de8b384d466a74f879f.svg) no-repeat right 24px bottom 24px;} .main_section .section5 .post01 li a>div{align-items: flex-start; flex-direction: column; gap: 17px 0;} .main_section .section5 .post01 li a>div span{font-size: 24px;padding-bottom:20px;margin-bottom:50px;} .main_section .section5 .post01 li a>div b{width:100%;display:block;font-size: 24px;margin-bottom:20px; line-height: 30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .main_section .section5 .post01 li a p{-webkit-line-clamp: 3; font-size: 18px;line-height:30px;} .main_section .section5 .post02{ padding: 0; margin: 17px 0 0 0;background:none;border:none;box-shadow:none;} .main_section .section5 .post02 p{display: none;} .main_section .section5 .post02 ul{padding: 0; flex-wrap: nowrap; gap: 0 20px;} .main_section .section5 .post02 ul li{width: 100%; border:1px solid #e3e3e3;background:#fff;border-radius:20px;position: relative; box-sizing: border-box; display: flex; gap: 20px 0; flex-wrap: wrap;box-shadow: 4px 4px 10px rgba(223, 222, 222, 0.25);} .main_section .section5 .post02 ul li a{width: 100%; padding: 20px 24px; box-sizing: border-box; position: relative; display: flex; gap: 0 16px; align-items: center;} .main_section .section5 .post02 ul li a .cont06_box02_tit{padding-right:16px;width: 80px; height: 80px; display: block; text-align:center;font-size: 24px; font-weight: bold;line-height:40px;color:#095B2A;border-right:1px solid #e3e3e3;} .main_section .section5 .post02 ul li a div{width: calc(100% - 64px);} .main_section .section5 .post02 ul li b{font-size: 20px; margin: 0 0 3px 0;} .main_section .section5 .btn_wrap{margin-top:150px;} .main_section .section5 .btn_wrap a{width:193px;height:55px;font-size:18px;padding:0 15px;line-height:55px;background:url(/upload/10031/doc/202508/75e2ec776c444a669d1ba0cf5c5e0129.svg) no-repeat right 15px center #009840;background-size:24px auto;} .main_section .section5 .btn_wrap a::after{display:none} } /*입법박람회소개*/ .intro_section .tit_info{padding:50px 20px;} .intro_section .tit_info h3{margin-bottom:10px;font-size:30px;font-weight:bold;text-align:center;color:#095B2A;} .intro_section .tit_info h4{margin-bottom:20px;font-size:20px;font-weight:bold;text-align:center;color:#009840;} .intro_section .tit_info p{font-size:16px;text-align:center;} .intro_section .poster_info .left{margin-bottom:20px;} .intro_section .poster_info .left img{width:100%} .intro_section .poster_info .right{padding:20px;} .intro_section .poster_info .right dl{display:flex;align-items:center;margin-bottom:10px;} .intro_section .poster_info .right dl dt{width:80px;height:35px;line-height:33px;flex-shrink: 0;text-align:center;color:#fff;font-weight:bold;font-size:16px;background:#009840;border-bottom:2px solid #095B2A;} .intro_section .poster_info .right dl dd{padding:0 20px;flex-grow: 1;} .intro_section .purpose .left{background:#F8FFEB;} .intro_section .purpose .right{background:#E7FFBE;} .intro_section .purpose dl{padding:40px 20px;height:200px;box-sizing:border-box;} .intro_section .purpose dl dt{margin-bottom:20px;font-size:20px;font-weight:bold;text-align:center;color:#009840;} .intro_section .purpose dl dd{text-align:center} .intro_section .map_section{padding:50px 0;} .intro_section .map_section h5{margin-bottom:20px;font-size:20px;font-weight:bold;text-align:center;} .intro_section .map_section .map_box .iframe_box{margin-bottom:20px} .intro_section .map_section .map_box .iframe_box iframe{width:100%;height:200px;} .intro_section .map_section .map_box dl{padding:20px;} .intro_section .map_section .map_box dl dt{margin-bottom:10px;font-size:18px;font-weight:bold;text-align:left;} @media all and (min-width:768px) and (max-width:1024px) { .main_section .section3 .idea_section dl { height: 450px; } .main_section .section3 .idea_section dl dd .txt { height: 275px; } .main_section .section3 .idea_section .idea_swiper .swiper-button-next { top: 501px; } .main_section .section3 .idea_section .idea_swiper .swiper-button-prev { top: 501px; } } @media all and (min-width:1200px) { .intro_section .tit_info{padding:110px 0} .intro_section .tit_info h3{margin-bottom:20px;font-size:46px} .intro_section .tit_info h4{margin-bottom:50px;font-size:30px} .intro_section .tit_info p{font-size:18px} .intro_section .poster_info{padding-bottom:110px;display:flex;align-items:center;justify-content:center;gap:60px} .intro_section .poster_info .left{width:400px} .intro_section .poster_info .right{padding:0;} .intro_section .poster_info .right dl{margin-bottom:20px;} .intro_section .purpose{display:flex;align-items:center;} .intro_section .purpose .left{width:50%;display:flex;justify-content:flex-end;} .intro_section .purpose .right{width:50%} .intro_section .purpose dl{padding:60px 0;width:600px;height:300px;} .intro_section .purpose dl dt{margin-bottom:30px;font-size:30px;} .intro_section .purpose dl dd{font-size:18px;} .intro_section .map_section {padding:110px 0} .intro_section .map_section h5{margin-bottom:50px;font-size:30px;} .intro_section .map_section .map_box .iframe_box iframe{height:500px} } a[onclick*="fnFileDownload"] { color: #007bff; } /*프로그램일정*/ .program_tbl{padding:50px 0 100px} .program_tbl p.cmt{color:#333;text-align:right;} .program_tbl table{width:100%;table-layout:fixed;border-collapse:collapse;} .program_tbl table th {padding:10px;background:#ebf6ce;border-top:1px solid #ddd;} .program_tbl table tr:first-child th{border-top:none;} .program_tbl table td {padding:10px;border-left:1px solid #ddd;border-top:1px solid #ddd;text-align:center;} .program_tbl table td.ln{border-left:none;} .program_tbl table td dl{text-align:center;} .program_tbl table td dl.div{position:relative;padding-bottom:15px;margin-bottom:15px;} .program_tbl table td dl.div:after{content:"";position:absolute;left:50%;bottom:0;margin-left:-25px;width:50px;height:1px;background:#ddd;} .program_tbl table td dl.div.bdn:after{display:none;} .program_tbl table td .tit{margin-bottom:10px;color:#215a36;font-weight:bold;} .program_tbl table td dt{color:#009849;font-weight:bold;} @media all and (max-width:1200px) { .program_tbl{width:100%;overflow-x:scroll} .program_tbl table{width:1000px} }