@charset "UTF-8";

/*검색영역*/
.board-header{max-width: 1400px; padding: 3rem 2rem 0; margin: 0 auto; display: flex; align-items:flex-end; justify-content: space-between;}
.board-header .total{font-size:2.2rem; color: #222; font-weight: 300;}
.board-header .total span{color:#379174; font-weight: 500;}
.board-list-search{display:flex ;align-items:center; gap:0.5rem;}
.board-list-search div{position: relative;}
.board-list-search div:after{width:23px; height:23px; background:url(/common/images/user/ico/ico_board_search.png)no-repeat center; background-size:100%;
     position: absolute; top:50%; left:20px; transform: translateY(-50%); content: '';}
.board-list-search div input{font-size:1.8rem; color:#444; font-weight:300; min-width:360px; max-width:360px; max-height:60px; padding:1.7rem 2rem 1.7rem 5.5rem; border: 3px solid transparent; border-top-left-radius: 30px; border-bottom-left-radius: 30px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #1867a2 0%, #389275 100%) border-box;}
.board-list-search div input::placeholder{font-size:1.8rem; color:#444; font-weight:300;}
.board-list-search a{font-size:2rem; padding:1.8rem 5rem 1.8rem 2.5rem; color:#fff; font-weight:600; background: linear-gradient( 90deg, #389275 0%, #1867a2 100% ); border-top-right-radius: 30px; border-bottom-right-radius:30px;}

/*위원회 개요*/
.summary-cont{padding:6rem 0 8rem;}
.top-tit{font-size:3.2rem; margin-bottom:4rem; color:#000; font-weight:700; display:block;}
.rowbox{display:flex; align-items: flex-start;}
.bar-txt{font-size:2.4rem; padding-left:2.5rem; color:#000; font-weight:600; box-sizing:border-box; position:relative}
.bar-txt:after{width: 4px; height: 20px; content: ''; background: linear-gradient(90deg, #389275 0%, #1867a2 50%); position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 5px;}
.summary-cont .m-bbox:not(:last-child){margin-bottom:4rem;}
.rowbox .bar-txt{width:220px}
.rowbox .bar-cont{flex:1;}
.rowbox .bar-cont strong{font-size:2.2rem; margin-bottom:1.5rem; color:#000; font-weight:500; display:block;}
.rowbox .bar-cont p{font-size:1.8rem; color:#444;}
.list-type01{display:flex; flex-direction: column; gap:1rem;}
.list-type01 li{font-size:1.8rem; padding-left:1.5rem; color:#444; position:relative}
.list-type01 li:after{width:3px; height:3px; background:#000; content: ''; position: absolute; left: 0; top: 10px; border-radius: 50%;}
.columnbox{display:flex; flex-direction: column; gap:3rem;}
.columnbox .bar-cont .card-cont{display:grid; grid-template-columns: repeat(4, 1fr); gap:2.5rem;}
.columnbox .bar-cont .card-cont li{min-height:380px; gap:2.5rem; display:flex; flex-direction: column; align-items: center; justify-content: center; background:#fff; border:1px solid #ddd; border-radius:15px;}
.columnbox .bar-cont .card-cont li div{width:210px; height:195px; display:flex; align-items: center; justify-content: center;}
.columnbox .bar-cont .card-cont li div img{display:block; max-width:100%;}
.columnbox .bar-cont .card-cont li p{font-size:2.2rem; color:#000; font-weight:500; text-align:center;}
.columnbox .bar-cont .card-cont li p span{display:block}

.bg01{padding:6rem 0 9rem; background:linear-gradient(121deg, #d7e5f1 0%, #e8f4f8 55%, #def2f3 100%)}
.timeline{max-width:1280px; margin:0 auto;}
.timeline ul{position: relative;}
.timeline ul:after{width:2px; height:83%; content:''; background:url('/common/images/user/bg/bg_dot.png'); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.timeline ul li{display:flex; width:100%;}
.timeline ul li .timeline-inner{display:flex; align-items:center; justify-content: center; position:relative}
.timeline ul li .timeline-inner .back-c01{background:#3f8d74;}
.timeline ul li .timeline-inner .back-c02{background:#3a7b84}
.timeline ul li .timeline-inner .back-c03{background:#2c738f}
.timeline ul li .timeline-inner .back-c04{background:#286e96}
.timeline ul li .timeline-inner .back-c05{background:#175086}
.timeline ul li .timeline-inner .timeline-date{font-size:2.2rem; padding:1.6rem; min-width:210px; color:#fff; font-family: 'SUITE Variable';  font-weight:800; box-sizing: border-box;}
.timeline ul li .timeline-inner .timeline-cont{height:110px; width:100%; min-width:400px; background:#fff; border:1px solid #ddd; border-radius:25px; display:flex; flex-direction: column; align-items:center; justify-content: center; gap:1rem; box-sizing: border-box; position:relative}
.timeline ul li .timeline-inner .timeline-cont strong{font-size:2rem; color:#000; display:block}
.timeline ul li .timeline-inner .timeline-cont p{font-size:1.8rem; color:#444;}
.timeline ul li:nth-child(even){justify-content: flex-end;}
.timeline ul li:nth-child(odd) .timeline-inner .timeline-date{border-top-right-radius:30px; border-bottom-right-radius:30px; text-align:center;}
.timeline ul li:nth-child(odd) .timeline-inner .timeline-cont:after{width:12px; height:22px; content:''; background:url('/common/images/user/ico/ico_bubble.png')no-repeat center; position:absolute; top:50%; right:-12px; transform: translateY(-50%) rotate(180deg);  }
.timeline ul li:nth-child(odd) .timeline-inner:after{width:16px; height:16px; content:''; border-radius: 50%; position:absolute; top:50%; right:-38px; transform: translateY(-50%); z-index: 1;}
.timeline ul li:nth-child(odd) .timeline-inner.o1:after{background:#3f8d74;}
.timeline ul li:nth-child(odd) .timeline-inner.o3:after{background:#2c738f}
.timeline ul li:nth-child(odd) .timeline-inner.o5:after{background:#175086}
.timeline ul li:nth-child(even) .timeline-inner .timeline-date{border-top-left-radius:30px; border-bottom-left-radius:30px; text-align:center;}
.timeline ul li:nth-child(even) .timeline-inner .timeline-cont:after{width:12px; height:22px; content:''; background:url('/common/images/user/ico/ico_bubble.png')no-repeat center; position:absolute; top:50%; left:-12px; transform: translateY(-50%);  }
.timeline ul li:nth-child(even) .timeline-inner:after{width:16px; height:16px; content:''; border-radius: 50%; position:absolute; top:50%; left:-38px; transform: translateY(-50%); z-index: 1;}
.timeline ul li:nth-child(even) .timeline-inner.o2:after{background:#3a7b84}
.timeline ul li:nth-child(even) .timeline-inner.o4:after{background:#286e96}

.bg02{padding:6rem 0 12rem; background:#fbfbfb;}
.systembox{background:#fff; border:1px solid #ddd; border-radius:15px; overflow: hidden;}
.systembox-top{padding:8rem 10rem 10rem;}
.systemboximg img{width:100%; display:block;}
.list-type02{margin-top:3rem; padding:5rem 6.5rem 4.5rem; background:#f8f8f8; border-radius:15px;}
.list-type02 li{display:flex; align-items:baseline; margin-bottom:1.5rem;}
.list-type02 li:last-child{margin-bottom:0;}
.list-type02 li > p{font-size:2rem; margin-right:2rem; color:#000; font-weight:500;}
.list-type02 li > div p{font-size:1.8rem; padding-left:1.5rem; color:#444; position:relative; flex:1;}
.list-type02 li > div p:after{width:3px; height:3px; content:''; background:#000; position: absolute; left: 0; top: 10px; border-radius: 50%;}

.systembox-bottom{padding:6rem 0; background:#f3f9fc; border-top:1px solid #ddd; display:flex; align-items:center; justify-content: center; gap:20rem;}
.systembox-bottom li div{display:flex; align-items: baseline; justify-content: center;}
.systembox-bottom li div strong{font-size:4.8rem; color:#328a7d; font-weight:600; display:block; text-align:center;}
.systembox-bottom li div span{font-size:2.2rem; color:#328a7d; font-weight:600;}
.systembox-bottom li p{font-size:1.8rem; color:#111; font-weight:600;}


/*인사말*/
.greetings{background:#fff; border:1px solid #ddd; border-radius:25px; overflow:hidden;}
.greetings-bg{width:100%; height:415px; background:url('/common/images/user/bg/bg_greetings.jpg')no-repeat center left; background-size:cover; position: relative;}
.greetings-tit{position: absolute; right:125px; bottom:155px;}
.greetings-tit p{font-size:2.6rem; color:#fff; font-weight:600;}
.greetings-tit strong{font-size:4rem; margin-top:1.5rem; color:#fff; font-weight:600; display:block;}
.greetings-cont{padding:7.5rem 6rem 6.5rem 4.5rem; display:flex; align-items:flex-start;}
.greetings-l{width:420px;}
.greetings-l p{font-size:2.2rem; line-height:4rem; color:#000; font-weight:600; position:relative}
.greetings-l p:after{width: 16px; height: 8px; background: linear-gradient( 90deg, #389275 0%, #1867a2 100% ); content: ''; position: absolute; top: 20px; left: -45px; transform: translateY(-50%); border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.greetings-f{font-size:3rem; font-weight:700;}
.greetings-r{flex:1;}
.greetings-r > p{font-size:1.8rem; margin-bottom:3rem; line-height:3.2rem; color:#555;}
.greetings-r div{display: flex; margin-top:1rem; gap:2rem; flex-direction: column; align-items: flex-end;}
.greetings-r div p{font-size:2.2rem; color:#000; font-weight:600;}

/*위원소개*/
.introduction-swiper ul{max-width:1400px; padding:0 2rem; margin:0 auto 2rem; display:flex; align-items:center;}
.introduction-swiper ul li{width:auto; }
.introduction-swiper ul li a{font-size:1.8rem; padding:0.8rem 2rem; color:#222; border:1px solid #ddd; border-radius:20px; display: block; background:#fff; box-sizing: border-box;}
.introduction-swiper ul li a.on{background: linear-gradient( 90deg, #389275 0%, #1867a2 100% ); color:#fff; border:0;}

.chairman{margin-bottom:4rem; display:flex; align-items:center; background:#fff; border:1px solid #ddd; border-radius: 25px; overflow:hidden;}
.chairman-l{width:320px; padding:4rem 0; background:linear-gradient(121deg, #96c1c2 0%, #8cb3d0 100%); display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.chairman-l img{width:240px; border-radius: 15px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.28);}
.chairman-r{flex:1; padding-left:8rem; }

.belt{font-size: 1.6rem; margin-bottom:2.5rem; padding:0.6rem 2.3rem; background: linear-gradient( 90deg, #389275 0%, #1867a2 100% ); color: #fff; border-radius: 5px; font-weight: 600; display:inline-block;}
.introduction-name{font-size:3.2rem; margin-bottom:2rem; color:#0b4f8a; display:block; font-weight:700; }
.rank{font-size:2.2rem; margin-bottom:3rem; color:#222;}
.past{display:flex; flex-direction: column; gap:1.5rem;}
.past li{font-size:1.8rem; padding-left:1rem; color:#555; position: relative;}
.past li:after{width:3px; height:3px; background:#222; content:''; position: absolute; top:10px; left:0; border-radius:50%;}

.members{display:grid; grid-template-columns: repeat(3, 1fr); gap:4rem;}
.members > li{border:1px solid #ddd; border-radius:15px; background:#fff; overflow: hidden;}
.members li .members-top{padding:3rem 2rem; background:#e6eef8; display: flex; align-items: center; justify-content: center;}
.members li .members-top img{width:160px; border-radius: 15px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.28);}
.members li .members-bottom{padding:4rem; }
.member-name{font-size:2.8rem; margin-bottom:2.5rem; color:#0b4f8a; display:block; font-weight:700; }
.member-rank{font-size:2rem; margin-bottom:2.5rem; color:#222;}
.post{font-size:1.6rem; margin-bottom:1.5rem; padding:0.6rem 1.9rem; background:#f0f0f0; display:inline-block; color:#444; font-weight:600; border-radius:5px;}

.other-tblbox{margin-top:6rem;}
.other-tblbox .bar-txt{margin-bottom:3rem;}
.department-bottom.introduction-bottom{border: 1px solid #ddd; border-radius: 15px;}

/*조직구성*/
.organizational-cont{padding-top:6rem;}
.organizational-tit{display:flex; align-items:center; gap:2rem; margin-bottom:3rem;}
.organizational-tit strong{font-size:3.2rem; color:#000; font-weight:600;}
.organizational-tit p{font-size:2.4rem; color:#222; font-weight:600;}

.chart{padding:8rem 2rem 7rem; border:1px solid #ddd; border-radius:15px; background:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.chart.on{background: linear-gradient(121deg, #d7e5f1 0%, #e8f4f8 55%, #def2f3 100%);}
.chart .top-code{padding-bottom:5.6rem; position: relative; display:flex; align-items: center;}
.chart .top-code:after{width:1px; height:56px; background:#b8b8b8; content:''; position: absolute; bottom:0; left:50%; transform: translateX(-50%);}
.chart .top-code:nth-child(2):after{height:112px; bottom:-56px}
.chart .top-code button{min-width:400px; min-height:70px; padding:0 4rem; background:transparent; display:flex; align-items:center; justify-content:space-around; border-radius:35px; border: 2px solid transparent; cursor:auto;}
.chart .top-code button p{font-size:2.2rem; color:#fff; font-weight:600; display:flex; align-items:center; justify-content:center;}
.chart .top-code button.on p{color:#222;}
.chart .top-code button.top1{background:#1a6bb5;}
.chart .top-code button.top1.on{background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #1867a2 0%, #389275 100%) border-box;}
.chart .top-code button.top2{background:#2e8b6e;}
.chart .top-code button.top2.on{background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #1867a2 0%, #389275 100%) border-box;}

.middle-code{width:100%; display:grid;  grid-template-columns:repeat(3, minmax(0, 1fr));}
.middle-code div{padding:5.6rem 3.2rem 0; position: relative; display:flex; align-items: center; justify-content: center;}
.middle-code div:before{width:100%; height:1px; background:#b8b8b8; content:''; position: absolute; top:0; left:50%; transform: translateX(-50%);}
.middle-code div:after{width:1px; height:56px; background:#b8b8b8; content:''; position: absolute; top:0; left:50%; transform: translateX(-50%);}
.middle-code div:first-child::before{width:50%; left:auto; right:0; transform: none;}
.middle-code div:nth-child(2):after{display:none;}
.middle-code div:last-child::before{width:50%; left:0; transform: none;}
.middle-code div button{font-size:2rem; min-height:64px; border:2px solid transparent; border-radius:35px; width:100%; max-width:300px;
      color:#222; font-weight:600; display:flex; align-items:center; justify-content:center;
     background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #ccc 0%, #ccc 100%) border-box; }
.middle-code div button.on{color:#0b4f8a; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #1867a2 0%, #389275 100%) border-box;}
.middle-code div button img{margin-left:2rem;}

.chart-container{margin-top:2.5rem;}
.department{border-radius:15px; border:1px solid #ddd; background:#fff; overflow:hidden;}
.department-top{padding:2rem 3rem; display:flex; align-items:center; justify-content: space-between; background:linear-gradient( 90deg, #389275 0%, #1867a2 100% )}
.department-label{display:flex; align-items:center; gap:2rem;}
.department-label > span{font-size:1.6rem; width:120px; height:32px; background:#fff; color:#379174; 
     border-radius: 5px; display:flex; align-items:center; justify-content: center; font-weight:600;}
.department-label > p{font-size:2.4rem; color:#fff; font-weight:700;}
.department-label > p span{font-size:2.2rem;}
.department-phone{display:flex; align-items:center; gap:1.5rem; margin-right:5rem;}
.department-phone span{font-size:2rem; color:#fff; font-weight:300}

.department-bottom{padding:3rem 3rem 2rem; background:#fff; display:grid; gap:3.5rem; grid-template-columns:repeat(2, 1fr);  align-items:flex-start;}
.table-type01{border-collapse: collapse; width:100%;}
.table-type01 thead tr th{font-size:2rem; padding:1.5rem 4rem; color:#222; background:#e9edf1; font-weight:600}
.table-type01 tbody tr th{font-size:1.8rem; color:#222; font-weight:500; border-top:1px solid #ddd;}
.table-type01 tbody tr td{font-size:1.8rem; padding:0.8rem 0.5rem; color:#444; font-weight:300; border-top:1px solid #ddd;}
.table-type04{border-collapse: collapse; width:100%;}
.table-type04 thead tr th{font-size:1.8rem; padding:1.5rem 0.5rem; color:#222; background:#e9edf1; font-weight:600}
.table-type04 tbody tr th{font-size:1.8rem; color:#222; font-weight:500; border-top:1px solid #ddd;}
.table-type04 tbody tr td{font-size:1.8rem; padding:1.5rem 0.5rem; color:#444; font-weight:300; border-top:1px solid #ddd;}
.phonebox{display:flex; align-items:center; gap:1rem;}
.l-t-t{text-align:left;}
.l-t-c{text-align:center;}

.department-name{padding: 1.5rem 4rem; background: #e9edf1; display: flex; align-items: center; justify-content: space-between;}
.department-name > p{font-size: 2rem; color: #222; font-weight: 600;}
.department-name > div{display: flex; align-items: center; gap:1rem;}
.department-name > div p{font-size:16px; font-weight: 500; color:#444;}
.departmentbox ul{padding:2.5rem 2rem 2.5rem 4rem; box-sizing: border-box; display: flex; align-items: flex-start; flex-direction: column; gap:1rem;}
.departmentbox ul li{font-size:1.8rem; padding-left:1.5rem; color:#444; position: relative;}
.departmentbox ul li:after{width:3px; height:3px; content:''; background:#222; position: absolute; top:10px; left:0; }

/*오시는 길*/
.addressbox{background:#fff; border:1px solid #ddd; display: flex; box-sizing: border-box; border-radius:25px;}
.address-l{width:420px; padding:4.5rem; box-sizing: border-box; border-right:1px solid #ddd;}
.address-tit{font-size:2.4rem; padding-left:2.5rem; color:#000; font-weight:600; position:relative}
.address-tit:after{width:4px; height:20px; content:''; background: linear-gradient( 90deg, #389275 0%, #1867a2 50% ); position:absolute; left:0; top:50%; transform: translateY(-50%); border-radius:5px;}
.address{font-size:2.2rem; margin-top:3rem; line-height:3.6rem; color:#000; font-weight:500;}
.numberbox{margin-top:3rem; display:flex; align-items:center; gap:1.5rem;}
.numberbox p{font-size:2rem; color:#222; font-weight:500;}
.address-r{flex:1; position: relative;}
.address-r .pc-map{width:100%;}
.address-r .m-map{display:none;}
.naver-map-pc{position:absolute; right:40px; bottom:40px;}
.naver-map-m{display:none;}

.transportation{margin-top:4rem; display:flex; flex-direction:column; gap:0.7rem;}
.transportation > li{padding:6rem 4rem 2.5rem; background:#fff; border:1px solid #ddd; border-radius:20px; display:flex; align-items: flex-start;}
.transportation > li div{width:310px;}
.transportation > li div p{font-size:2.4rem; padding-left:10.5rem; color:#000; font-weight:600; position: relative;}
.transportation > li div p:after{width:86px; height:86px; content:''; position:absolute; top:50%; left:0; transform: translateY(-50%); background-size:100%;}
.transportation > li div p.brt:after{background:url('/common/images/user/ico/ico_map01.png')no-repeat center;}
.transportation > li div p.ktx:after{background:url('/common/images/user/ico/ico_map02.png')no-repeat center;}
.transportation > li div p.bus:after{background:url('/common/images/user/ico/ico_map03.png')no-repeat center;}
.transportation > li div p.car:after{background:url('/common/images/user/ico/ico_map04.png')no-repeat center;}
.transportation > li ul{flex:1;}
.transportation > li ul li{font-size:1.8rem; line-height:3.2rem; padding-left:1.2rem; color:#444; position:relative}
.transportation > li ul li:after{width:3px; height:3px; content:''; background:#000; position:absolute; top:15px; left:0; border-radius:50%;}

/*통계*/
.statistics-cont{padding-top:6rem;}
.statistics-tit{font-size:2.2rem; margin-bottom:4rem; color:#000; font-weight: 500;}
.statistics-card{display: grid; grid-template-columns: repeat(3, 1fr); gap:2.5rem;}
.statistics-card li{background:#fff; border:1px solid #ddd; border-radius: 20px; overflow: hidden; cursor: pointer;}
.statistics-card li div{display: flex; flex-direction: column; height:100%;}
.statistics-card li div .statistics-top{padding:2rem; min-height:300px; display: flex; align-items: center; justify-content: center; background:#dde9f5}
.statistics-card li div .statistics-top img{max-width: 100%; display: block;}
.statistics-card li div .statistics-bottom{padding:4rem; min-height:370px; display: flex; flex-direction: column; justify-content: space-between; flex:1; box-sizing: border-box;}
.statistics-card li div .statistics-bottom div p label{font-size:1.6rem; padding:0.8rem 1.6rem; border-radius:5px; display: inline-block; color:#fff; background:#379174; font-weight: 600;}
.statistics-card li div .statistics-bottom div p strong{font-size:2.8rem; margin-top:3rem; color:#222; display: block;}
.statistics-card li div .statistics-bottom div .txt{font-size:1.8rem; margin-top:1rem; line-height:2.8rem; color:#444; }
.statistics-card li div .statistics-bottom span{font-size:2rem; color:#222; display: flex; align-items: center; gap:1.5rem; font-weight: 600;}

/*제안하기*/
.proposal-bg{margin-bottom:5rem; width:100%; height:260px; background:url('/common/images/user/bg/proposal_bg.png')no-repeat center right; background-size: cover; border-radius: 32px; border:1px solid #acd6e7; overflow: hidden; box-sizing: border-box; 
display: flex; flex-direction: column; justify-content: center; gap:2rem; padding:0 2rem 0 9rem}
.proposal-bg  strong{font-size:4.8rem; color:#1867a2; display: block; font-weight: 700;}
.proposal-bg p{font-size:2.4rem; color:#555;}
.proposalbox{margin-bottom:6rem;}
.proposalbox strong{font-size:3.2rem; margin-bottom:2.5rem; color:#000; font-weight: 700; display: block;}
.proposalbox .list{display: flex; align-items: flex-start; flex-direction: column; gap:2rem}
.proposalbox .list li{font-size:1.8rem; padding-left:1.5rem; color:#444; position: relative;}
.proposalbox .list li span{font-weight: 600;}
.proposalbox .list li:after{width:4px; height:4px; content:''; background:linear-gradient( 90deg, #389275 0%, #1867a2 100% ); position: absolute; top:8px; left:0; border-radius: 50%;}
.proposalbox .depth{display: flex; align-items: center;}
.proposalbox .depth li.arrow{padding:0 2.5rem;}
.proposalbox .depth li.depth-t{width:30%; padding:2.5rem; background:#fff; border:1px solid #ddd; display: flex; align-items: center; gap:9rem; border-radius: 50px;}
.proposalbox .depth li.depth-t span{font-size:2.2rem; width:48px; height:48px; background:linear-gradient( 90deg, #389275 0%, #1867a2 100% ); display: flex; align-items: center; justify-content: center; color:#fff; font-weight: 600; border-radius: 50%;}
.proposalbox .depth li.depth-t p{font-size:2.4rem; color:#000; font-weight: 500;}
.talk-more{padding:3.5rem 3.5rem 3.5rem 7rem; background:linear-gradient( 90deg, #389275 0%, #1867a2 100% ); display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; border-radius: 10px;}
.talk-more .talk-more-l strong{font-size:3rem; color:#fff; font-weight: 700; display: block;}
.talk-more .talk-more-l p{font-size:1.8rem; margin-top:1.5rem; color:#fff;}
.talk-more a{font-size:2rem; padding:1.4rem 3rem 1.4rem 5rem;  color:#222; background:#fff; font-weight: 500; border:1px solid #222; border-radius: 30px; display: flex; align-items: center; gap:2.5rem;}

/*뉴스레터*/
.subscribe{margin-bottom:6rem;}
.subscribe-bg{width:100%; height:350px; background:url('/common/images/user/bg/newsletter_bg.png')no-repeat center left; background-size: cover; border:1px solid #acd6e7; border-radius: 35px;
display: flex; align-items: center; justify-content: flex-end;}
.news-container{display: flex; gap:2rem; flex-direction: column; justify-content: center; align-items: center; margin-right:10rem;}
.news-container .news-txt{font-size:2rem; color:#222;}
.news-input{display: flex; align-items: center; gap:0.4rem;}
.news-input .nametomail{display: flex; align-items: center; gap:0.4rem;}
.news-input .nametomail input{font-size:1.8rem; padding:1.5rem 2.5rem;  border:1px solid #09548b; background:#fff; color:#444; box-sizing: border-box;}
.news-input .nametomail input:first-child{width:170px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.news-input .nametomail input:last-child{width:370px;}
.news-input a{font-size:2rem; width:128px; height:53px; display: flex; align-items: center; justify-content: center; color:#fff; font-weight: 600; background:#1765a6; border-top-right-radius: 30px; border-bottom-right-radius: 30px;}


@media all and (max-width:1350px){

     /*위원회 개요*/
     .timeline{max-width:900px;}
     .timeline ul li .timeline-inner .timeline-cont{min-width:300px;}
     .timeline ul li .timeline-inner .timeline-cont strong{font-size:1.8rem;}
     .timeline ul li .timeline-inner .timeline-cont p{font-size:1.6rem;}
     .timeline ul li .timeline-inner .timeline-date{min-width:120px; font-size:1.8rem; padding:1.6rem 1rem;}

     /*뉴스레터*/
     .news-container{margin-right:2rem;}

}



@media all and (max-width:1200px){

     /*인사말*/
     .greetings-tit{right:40px}
     .greetings-l{width:350px}

     /*위원회 개요*/
     .columnbox .bar-cont .card-cont{gap:2rem;}
     .columnbox .bar-cont .card-cont li p{font-size:2rem;}

     /*위원소개*/
     .members{gap:2rem;}
     .members li .members-bottom{padding:2rem;}
     .past li{font-size:1.6rem;}
     .member-rank{font-size:1.8rem;}
     .members li .members-top{padding:1.5rem;}

     /*오시는 길*/
     .addressbox{flex-direction: column;}
     .address-l{width:100%; border-right:0;}
     .address-r .pc-map{display:none;}
     .address-r .m-map{display:block; width:100%;}

     /*통계*/
     .statistics-card li div .statistics-top{min-height:250px;}
     .statistics-card li div .statistics-bottom{padding:2.5rem;}

     /*제안하기*/
     .proposal-bg{padding:0 2rem 0 2rem}
     .proposalbox .depth li.depth-t{gap:4rem;}
     .talk-more{padding:3.5rem;}

     /*뉴스레터*/
     .news-input .nametomail input:first-child{width:120px;}
     .news-input .nametomail input:last-child{width:300px;}
     .news-input a{width:110px;}

}


@media all and (max-width:991px){

     /*검색영역*/
     .board-header{flex-direction: column; align-items:flex-start; gap:4rem;}
     .r-section{width:100%;}
     .board-list-search div{flex:1;}
     .board-list-search div input{width:100%; box-sizing: border-box; max-width:none; min-width: auto;}
     .board-list-search a{width:110px; box-sizing: border-box;}
     .board-header .total{order:2;}

     /*인사말*/
     .greetings-bg{height:600px; background:url('/common/images/user/bg/bg_greetings_m.jpg')no-repeat center bottom; background-size:cover;}
     .greetings-tit{right:auto; bottom:auto; top:90px; left:50px;}
     .greetings-cont{flex-direction: column;}
     .greetings-l{width:100%; margin-bottom:5rem;}

     /*위원회 개요*/
     .rowbox{flex-direction: column; gap:2rem;}
     .rowbox .bar-txt{width:100%;}
     .rowbox .bar-cont{padding-left:2.5rem;}
     .columnbox .bar-cont .card-cont{grid-template-columns: repeat(1, 1fr);}
     .columnbox .bar-cont .card-cont li p span{display:inline}
     .timeline ul{display:flex; flex-direction: column; gap:4rem;}
     .timeline ul:after{top:20px; left:0; transform: none; height:84%;}
     .timeline ul li:nth-child(even){justify-content: flex-start;}
     .timeline ul li .timeline-inner{margin-left:4rem; flex-direction: column; align-items:flex-start; gap:2rem; width:100%;}
     .timeline ul li .timeline-inner .timeline-cont{padding:3rem; order:2; align-items:flex-start}
     .timeline ul li .timeline-inner .timeline-date{min-width:auto; width:210px; position: relative;}
     .timeline ul li .timeline-inner .timeline-date:after{width: 16px; height: 16px; content: ''; border-radius: 50%; position: absolute; top: 50%; left: -46px; transform: translateY(-50%); z-index: 1;}
     .timeline ul li .timeline-inner.o1 .timeline-date:after{background:#3f8d74}
     .timeline ul li .timeline-inner.o2 .timeline-date:after{background:#3a7b84}
     .timeline ul li .timeline-inner.o3 .timeline-date:after{background:#2c738f}
     .timeline ul li .timeline-inner.o4 .timeline-date:after{background:#286e96}
     .timeline ul li .timeline-inner.o5 .timeline-date:after{background:#175086}
     .timeline ul li:nth-child(odd) .timeline-inner .timeline-date{border-radius:30px;}
     .timeline ul li:nth-child(odd) .timeline-inner:after{display:none;}
     .timeline ul li:nth-child(even) .timeline-inner .timeline-date{border-radius:30px;}
     .timeline ul li:nth-child(even) .timeline-inner:after{display:none;}
     .timeline ul li:nth-child(even) .timeline-inner .timeline-cont:after{top:-17px; left:90px; transform: rotate(90deg);}
     .timeline ul li:nth-child(odd) .timeline-inner .timeline-cont:after{top:-17px; left:90px; transform: rotate(90deg);}
     .systembox-top{padding:5rem 2.5rem;}
     .systemboximg{overflow:auto;}
     .systemboximg img{width:1000px;}
     .list-type02 li{flex-direction: column; gap:1rem; margin-bottom:2rem;}
     .list-type02 li > p{margin-right:0;}

     /*조직구성*/
     .m-block{display:block;}
     .organizational-tit{flex-direction: column; align-items:flex-start; gap:2rem;}
     .middle-code div button{padding:3rem; flex-direction: column; align-items:center; justify-content: center; min-height:156px;}
     .middle-code div button img{margin-top:2rem; margin-left:0;}
     .department-top{flex-direction: column; align-items:flex-start; gap:2rem;}
     .department-label{justify-content: space-between; width:100%;}
     .department-phone{margin-right:0; justify-content: flex-end; width:100%;}
     .department-phone img{order:2;}
     .department-phone span{order:1;}
     .department-bottom{grid-template-columns: repeat(1, 1fr);}

     /*위원소개*/
     .chairman{flex-direction: column; align-items: flex-start;}
     .chairman-l{width:100%;}
     .chairman-r{padding:4rem; width:100%; box-sizing: border-box;}
     .members{grid-template-columns: repeat(1, 1fr);}

     /*오시는 길*/
     .naver-map-pc{display:none;}
     .naver-map-m{display:flex; margin-top:4rem; align-items:center; justify-content: center;}
     .transportation > li{flex-direction: column; gap:5rem;}
     .transportation > li div{width:100%;}

     /*통계*/
     .statistics-card{grid-template-columns: repeat(1, 1fr);}

     /*제안하기*/
     .proposal-bg{width:100%; height:400px; padding:8rem 6rem; background:url('/common/images/user/bg/proposal_bg_m.png')no-repeat center bottom; background-size: cover; justify-content:flex-start}
     .proposalbox .depth{flex-direction: column;}
     .proposalbox .depth li.depth-t{width:100%; box-sizing: border-box;}
     .proposalbox .depth li.arrow{padding:2rem 0;}
     .proposalbox .depth li.arrow img{transform: rotate(90deg);}
     .talk-more{flex-direction: column; align-items: center; justify-content: center; gap:4rem;}

     /*뉴스레터*/
     .subscribe-bg{height:960px; background:url('/common/images/user/bg/newsletter_bg_m.png')no-repeat center bottom; background-size:cover; justify-content: center; align-items: flex-start;
     padding:0 2rem; box-sizing: border-box;}
     .news-container{margin-right:0; margin-top:10rem; width: 100%;}
     .news-input .nametomail{flex:1; flex-direction: column; align-items: flex-start;}
     .news-input{width:100%;}
     .news-input .nametomail input:first-child{width:100%}
     .news-input .nametomail input:last-child{width:100%; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
     .news-input a{height:110px; flex-direction: column;}


}

/* 모바일 */
@media all and (max-width:767px){

     /*검색영역*/
     .board-header{padding:2rem 2rem 0; gap:3.5rem;}
     .board-list-search div input{font-size:1.5rem; height:45px; padding:1.5rem 1.5rem 1.5rem 4.5rem}
     .board-list-search div input::placeholder{font-size:1.5rem;}
     .board-list-search a{font-size:1.5rem; width:75px; height:45px; padding:0em 3.5rem 0rem 1.5rem; display: flex; align-items: center; justify-content: center;}
     .board-list-search div:after{width:17px; height:17px;}
     .board-header .total{font-size:1.5rem;}

     /*인사말*/
     .greetings{border-radius:10px}
     .greetings-bg{height:387px}
     .greetings-tit{top:45px; left:40px;}
     .greetings-tit p{font-size:1.9rem; line-height:3rem; padding-right:2rem;}
     .greetings-tit strong{font-size:2.7rem; margin-top:0.5rem; padding-right:2rem;}
     .greetings-cont{padding:4rem 3rem 6rem 3.5rem}
     .greetings-f{font-size:2.5rem;}
     .greetings-l{margin-bottom:4rem;}
     .greetings-l p{font-size:1.8rem; line-height:2.8rem;}
     .greetings-l p:after{width:14px; height:7px; top:14px; left:-35px}
     .greetings-r > p{font-size:1.5rem; line-height:3rem; margin-bottom:2rem;}
     .greetings-r div{margin-top:4.5rem;}
     .greetings-r div p{font-size:1.8rem;}
     .greetings-r div img{width:172px;}

     /*위원회 개요*/
     .summary-cont{padding:4rem 0 5.5rem;}
     .top-tit{font-size:2.2rem; margin-bottom:2rem;}
     .bar-txt{font-size:1.8rem; padding-left:1.3rem;}
     .bar-txt:after{width:6px; height:16px;}
     .rowbox .bar-cont{padding-left:1.3rem;}
     .rowbox .bar-cont strong{font-size:1.7rem;}
     .rowbox .bar-cont p{font-size:1.5rem;}
     .summary-cont .m-bbox:not(:last-child){margin-bottom:3rem;}
     .list-type01 li{font-size:1.5rem; padding-left:1.2rem;}
     .list-type01 li:after{width:2px; height:2px; top:7px;}
     .columnbox .bar-cont .card-cont li div{width:164px; height:188px;}
     .columnbox .bar-cont .card-cont li{min-height:295px; gap:1.5rem;}
     .columnbox .bar-cont .card-cont li p{font-size:1.7rem; padding:0 2rem; box-sizing: border-box;}
     .bg01{padding:4rem 0 5rem;}
     .timeline ul{gap:3rem;}
     .timeline ul:after{height:82%}
     .timeline ul li .timeline-inner{margin-left:2rem; gap:1.2rem;}
     .timeline ul li .timeline-inner .timeline-cont{padding:2rem; height:85px; border-radius:15px; min-width:auto;}
     .timeline ul li .timeline-inner .timeline-date{font-size:1.7rem; width:145px; padding:1rem;}
     .timeline ul li .timeline-inner .timeline-cont strong{font-size:1.6rem;}
     .timeline ul li .timeline-inner .timeline-cont p{font-size:1.5rem;}
     .timeline ul li .timeline-inner .timeline-date:after{width:12px; height:12px; left:-25px;}
     .timeline ul li:nth-child(odd) .timeline-inner .timeline-cont:after, .timeline ul li:nth-child(even) .timeline-inner .timeline-cont:after{left:60px;}
     .bg02{padding:3.5rem 0 8rem;}
     .systemboximg img{width:500px;}
     .list-type02{margin-top:4rem; padding:2.5rem 2rem;}
     .list-type02 li > p{font-size:1.6rem;}
     .list-type02 li > div p{font-size:1.5rem; padding-left:1rem;}
     .list-type02 li > div p:after{width:2px; height:2px; top:7px;}
     .systembox-bottom{padding:3rem 0; gap:0; justify-content: space-around;}
     .systembox-bottom li div strong{font-size:4rem;}
     .systembox-bottom li div span{font-size:1.8rem;}
     .systembox-bottom li p{font-size:1.5rem;}

     /*조직구성*/
     .organizational-cont{padding-top:4rem;}
     .organizational-tit strong{font-size:2.2rem;}
     .organizational-tit p{font-size:1.6rem; line-height:2.3rem; }
     .chart{padding:5rem 2rem;}
     .chart .top-code button{min-width:220px; min-height:55px;}
     .chart .top-code button p{font-size:1.7rem;}
     .chart .top-code{padding-bottom:4rem;}
     .chart .top-code:after{height:40px;}
     .chart .top-code:nth-child(2):after{height:80px; bottom:-40px;}
     .middle-code div{padding:4rem 1rem 0;}
     .middle-code div:after{height:40px;}
     .middle-code div button{font-size:1.5rem; padding:2rem; max-width:90px; border-radius:20px; min-height:115px;}
     .middle-code div button img{margin-top:1.5rem;} 
     .department-top{padding:2rem 2.5rem 2rem; gap:1rem;}
     .department-label > span{font-size:1.4rem; width:105px; height:32px;}
     .department-label > p span{font-size:1.7rem;}
     .department-label > p{font-size:2rem;}
     .department-phone{gap:1rem;}
     .department-phone span{font-size:1.6rem;}
     .department-phone img{width:30px;}
     .department-bottom{padding:3rem 2rem; gap:2rem;}
     .table-type01 thead tr th{font-size:1.6rem; padding:1.5rem;}
     .table-type01 tbody tr th{font-size:1.5rem;}
     .table-type01 tbody tr td{font-size:1.5rem;}
     .table-type04 thead tr th{font-size:1.6rem; padding:1.5rem 0.5rem;}
     .table-type04 tbody tr th{font-size:1.5rem;}
     .table-type04 tbody tr td{font-size:1.5rem;}
     .phonebox{gap:0.7rem;}
     .phonebox img{width:24px;}

     .department-name{padding: 1.5rem 2rem;}
     .department-name > p{font-size: 1.6rem;}
     .department-name > div p{font-size:14px;}
     .departmentbox ul{padding:2.5rem 2rem 2.5rem 2rem;}
     .departmentbox ul li{font-size:1.6rem; padding-left:1.2rem;}
     .departmentbox ul li:after{width:2px; height:2px; top:8px;}
     .department-name > div img{width:30px;}

     /*위원소개*/
     .swiper.introduction-swiper{padding-left:2rem;}
     .introduction-swiper ul{margin:0 auto 3.5rem; padding:0; box-sizing: border-box;}
     .introduction-swiper ul li a{font-size:1.6rem;}
     .chairman{border-radius: 15px; margin-bottom:2rem;}
     .chairman-l{padding:2.5rem;}
     .chairman-l img{width:180px;}
     .chairman-r{padding:3rem;}
     .belt{font-size:1.5rem; margin-bottom:2rem; padding:0.5rem 2rem}
     .introduction-name{font-size:2.4rem; margin-bottom:1.5rem;}
     .rank{font-size:1.7rem; margin-bottom:2rem;}
     .past li{font-size:1.5rem; padding-left:0.8rem;}
     .past li:after{width:2px; height:2px; top:7px;}
     .members > li{border-radius:10px}
     .members li .members-top{padding:2.5rem;}
     .members li .members-top img{width:180px;}
     .member-name{font-size:2.4rem; margin-bottom:1.5rem;}
     .member-rank{font-size:1.7rem;}
     .post{font-size:1.4rem; padding:0.6rem 1.2rem; margin-bottom:2rem;}

     .other-tblbox{margin-top:3rem;}
     .other-tblbox .bar-txt{margin-bottom:2rem;}
     .department-bottom.introduction-bottom{ border-radius: 10px;}


     /*오시는 길*/
     .addressbox{border-radius:10px;}
     .address-l{padding:3rem;}
     .address-tit{font-size:1.8rem; padding-left:2rem;}
     .address-tit:after{width:3px; height:15px;}
     .address{font-size:1.7rem; line-height:2.7rem; margin-top:2rem;}
     .numberbox{gap:1rem;}
     .numberbox img{width:30px;}
     .numberbox p{font-size:1.6rem;}
     .naver-map-m{margin-top:2rem;}
     .naver-map-m a img{width:193px;}
     .transportation > li{gap:4rem; padding:4rem 2rem 3rem;}
     .transportation > li div p{font-size:1.8rem; padding-left:7rem;}
     .transportation > li div p:after{width:52px; height:52px; background-size:100%;}
     .transportation > li div p.brt:after, .transportation > li div p.ktx:after, .transportation > li div p.bus:after, .transportation > li div p.car:after{background-size:100%;}
     .transportation > li ul li{font-size:1.5rem; line-height:2.1rem; margin-bottom:1.5rem;}
     .transportation > li ul li:after{top:7px;}
     .transportation > li ul li:last-child{margin-bottom:0;}

     /*통계*/
     .statistics-cont{padding-top:2.5rem;}
     .statistics-tit{font-size:1.6rem; margin-bottom:3rem; line-height:2.4rem;}
     .statistics-card{gap:2rem;}
     .statistics-card li{border-radius: 10px;}
     .statistics-card li div .statistics-top{min-height:auto}
     .statistics-card li div .statistics-top img{transform: scale(0.7);}
     .statistics-card li div .statistics-bottom{padding:3rem 2.5rem; min-height:290px;}
     .statistics-card li div .statistics-bottom div p label{font-size:1.5rem; padding:0.5rem 1.9rem}
     .statistics-card li div .statistics-bottom div p strong{font-size:2.1rem; margin-top:2rem;}
     .statistics-card li div .statistics-bottom div .txt{font-size:1.5rem; margin-top:1.5rem; line-height:2.3rem;}
     .statistics-card li div .statistics-bottom span{font-size:1.6rem; margin-top:2rem; gap:1rem;}

     /*제안하기*/
     .proposal-bg{padding:4.5rem 3.5rem; height:300px; gap:1.5rem; margin-bottom:4rem; border-radius: 20px;}
     .proposal-bg strong{font-size:3.2rem;}
     .proposal-bg p{font-size:1.8rem; line-height:2.4rem;}

     .proposalbox{margin-bottom:4rem;}
     .proposalbox strong{font-size:2.2rem; margin-bottom:2rem;}
     .proposalbox .list{gap:1.2rem;}
     .proposalbox .list li{font-size:1.5rem; padding-left:1.2rem; line-height:2.1rem;}
     .proposalbox .list li:after{width:3px; height:3px;}

     .proposalbox .depth li.depth-t{padding:2rem; gap:8rem;}
     .proposalbox .depth li.depth-t span{font-size:1.7rem; width:36px; height:36px;}
     .proposalbox .depth li.depth-t p{font-size:1.8rem;}
     .proposalbox .depth li.arrow{padding:1rem 0;}
     .proposalbox .depth li.arrow img{height:14px;}

     .talk-more{padding:3rem 3rem 2.5rem; gap:3rem;}
     .talk-more .talk-more-l strong{font-size:2.1rem;}
     .talk-more .talk-more-l p{font-size:1.5rem; margin-top:1rem; line-height:2rem;}
     .talk-more a{font-size:1.5rem; gap:2rem; padding:1.2rem 2rem 1.2rem 4rem}
     .talk-more a img{width:12px;}

     /*뉴스레터*/
     .subscribe-bg{height:480px; border-radius: 15px;}
     .news-container{margin-top:5rem; gap:1rem;}
     .news-container img{width:118px;}
     .news-container .news-txt{font-size:1.4rem; text-align: center;}
     .news-input{width:100%;}
     .news-input .nametomail input::placeholder{font-size:1.5rem;}
     .news-input .nametomail input{font-size:1.5rem; padding:1rem 3rem}
     .news-input .nametomail input:first-child{width:100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
     .news-input .nametomail input:last-child{width:100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
     .news-input a{font-size:1.6rem; width:60px; height:84px; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}

}