@charset 'utf-8';


/* 협의회 소개 */
.about01 {display: flex; justify-content: space-between; gap:155px; color:#031d44;}
.about01 .lft_wrap {flex:0 0 480px;}
.about01 .rgh_wrap {}
.about01 .rgh_wrap .btxt {font-size:2.875em; font-weight: 700; line-height: 1.347em; margin-bottom:55px;}
.about01 .rgh_wrap .stxt {font-size:1.25em; line-height: 1.7em;}
.about01 .rgh_wrap .sign {font-size:1.375em; font-weight: 700; text-align: right; }
.about01_bt {display: flex; flex-wrap: wrap; gap:30px 27px; margin-top:150px;}
.about01_bt .mem {flex:0 0 calc(25% - 21px); display: flex; justify-content: space-between; border:1px solid #ced2dc; border-radius: 10px; padding:23px 20px 31px 25px;}
.about01_bt .mem .txt_wrap {color:#031d44; display: flex; flex-direction: column;}
.about01_bt .mem .txt_wrap span {font-size:1.25em;}
.about01_bt .mem .txt_wrap b {font-size:1.875em; margin-top:44px;}
.about01_bt .mem .img_wrap {}

.about0201 {display: flex; gap:156px; color:#031d44; letter-spacing: -.1rem;}
.about0201.wide {width: 100vw; margin-left: calc(-50vw + 50%); background:#f0f1f5; padding:180px 0; margin-top:200px;}
.about0201.wide .inner {display: flex; gap:156px;}
.about0201 .lft_wrap {}
.about0201 .lft_wrap .stxt {font-size:1.25em; margin-bottom:60px;}
.about0201 .lft_wrap .btxt {font-size:2.875em; font-weight: 700; line-height: 1.3478em; }
.about0201 .lft_wrap .btxt b {color:#18a2b6; font-weight: 700;}
.about0201 .lft_wrap p {font-size:1.25em; line-height: 1.7em; margin-top:80px;}
.about0201 .lft_wrap .sign {font-size:1.25em; font-weight: 700; margin-top:50px;}
.about0201 .lft_wrap .sign > span {display: inline-block; font-size:1.3em; margin-left:30px;}
.about0201 .rgh_wrap {display: flex; flex-direction: column; align-items: center; flex:0 0 480px;}
.about0201 .rgh_wrap img {border-radius: 10px; overflow: hidden;}
.about0201 .rgh_wrap > span {display: inline-block; font-size:1.25em; margin-top:30px;}

.about0203 {display: flex; flex-wrap: wrap; gap:75px 50px;}
.about0203 .member {flex:0 0 calc(20% - 40px);}
.about0203 .member a {}
.about0203 .member .img_wrap {position: relative;} 
.about0203 .member .img_wrap img {border:1px solid #e7e7e7; border-radius: 10px; overflow: hidden;} 
.about0203 .member .img_wrap::before {content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); display: flex; width:80px; height:80px; border-radius: 100%; background:url('../images/about/icon_plus.png') center no-repeat #18a2b6; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden;}
.about0203 .member a:hover .img_wrap::before {opacity: 1; visibility: visible;}
.about0203 .member .txt_wrap {font-size:1.25em; display: flex; flex-direction: column; align-items: center; gap:5px; margin-top:30px;}
.about0203 .member .txt_wrap span {color:#18a2b6;}
.about0203 .member .txt_wrap b {color:#031d44; font-weight: 700;}

.about0203 .top_wrap {color:#031d44; font-size:1.25em; line-height: 
1.7em; word-break: keep-all;}
.about0203 .top_wrap > span {font-size:1.875em; font-weight: 700; display: block; width:100%; margin-bottom:65px;}
.about0203 .top_wrap .sign {display: block; width:100%; text-align: right; margin-top:45px;}
.about0203 .mem_wrap {display: flex; gap:20px; flex-wrap: wrap;}
.about0203 .mem_wrap .mem {position: relative; flex:0 0 calc(50% - 10px); border:1px solid #ced2dc; border-radius: 10px; padding:29px 40px; transition: all 0.3s ease-in-out; cursor: pointer;width:100%; display: flex; gap:50px; flex-direction: row-reverse; justify-content: flex-end; align-items: center; }
.about0203 .mem_wrap .mem.on {background:#f0f1f5; border:1px solid #f0f1f5;}
.about0203 .mem_wrap .mem.chid_m {display: none;}
.about0203 .mem_wrap .txt_wrap {display: flex; width: 100%;  flex-direction: column; gap:24px; color:#031d44;}
.about0203 .mem_wrap .txt_wrap b {font-size:2.125em;}
.about0203 .mem_wrap .txt_wrap span {font-size:1.25em;}
.about0203 .mem_wrap .txt_wrap::after {content: ''; display: inline-block; width:54px; height:54px; background:url('../images/about/mem_btn.png') center no-repeat; position: absolute; right: 40px; top: 50%; transform: translate(0, -50%); transition: all 0.3s ease-in-out; }
.about0203 .mem_wrap .mem.on .txt_wrap::after {background:url('../images/about/mem_btnOn.png') center no-repeat;}
.about0203 .mem_wrap .mem_info {display: none; width:100%; background:#f0f1f5; padding:80px 70px; border-radius: 10px; line-height: 1.7em;}
.about0203 .mem_wrap .mem_info p {font-size:1.25em; color:#031d44;}

.about0203 .modal_wrap {padding:30px; height:auto;transition: all 0.3s ease-in-out; }
.about0203 .md_top {display: flex; gap: 40px; align-items: center;}
.about0203 .md_top .md_img {flex:0 0 185px;border:1px solid #e7e7e7; border-radius: 10px; overflow: hidden;}
.about0203 .md_top .md_txt {}
.about0203 .md_top .md_txt > div {font-size:2.5em; font-weight: 700; color:#071936;}
.about0203 .md_top .md_txt > p {color:#18a2b6; font-size:1.125em; line-height: 1.6666em;}
.about0203 .md_bt {margin-top: 40px;}
.about0203 .md_bt table {font-size:1.125em; text-align: left; border-top:1px solid #18a2b6; width:100%;}
.about0203 .md_bt table tr {border-bottom:1px solid #e8e8e8;}
.about0203 .md_bt table th {font-weight: 400; color:#18a2b6;}
.about0203 .md_bt table td {color:#071936; padding:15px 0;}
.about0203 .md_bt table a {color:#071936; text-decoration: underline;}

.about03 { color:#031d44;}
.about03 .top_wrap {text-align: center; margin-bottom:160px;}
.about03 .top_wrap > div {font-size:2.875em; font-weight: 700; line-height:1.347em;}
.about03 .top_wrap > div span {color:#18a2b6;}
.about03 .top_wrap > p {display: block; font-size:1.25em; line-height: 1.7em; color:#031d44; margin-top:80px;}
.about03 .item_wrap {}
.about03 .item_wrap .item {margin-bottom:120px;}
.about03 .item_wrap h3 {display: block; width:100%; font-size:1.75em; font-weight: 700; border-bottom:1px solid #dfdfdf; padding-bottom:20px; margin-bottom:39px;}
.about03 .item_wrap h3::before {content: ''; display: inline-block; width:38px; height:23px; background:url('../images/about/icon_h3.png') center no-repeat; margin-right:9px;}
.about03 .item_wrap .con_wrap {display: flex; align-items: center; gap:78px;}
.about03 .item_wrap .img_wrap {width:635px; height:360px; border-radius: 15px; overflow: hidden;}
.about03 .item_wrap .con_list {font-size:1.25em; line-height: 1.7em;}

.about04 {color:#031d44;}
.about04 .txt_wrap {font-size:1.25em; line-height: 1.7em; margin-top:50px;}

/* 회원사 */
.member_wrap {display: flex; flex-wrap: wrap; gap:30px 29px;}
.member_wrap .item {flex:0 0 calc(25% - 22px); border:1px solid #e7e7e7; border-radius: 10px; padding:20px; color:#031d44; transition: all 0.3s ease-in-out;}
.member_wrap .item .m_name {font-size:1.5em; font-weight: 700; padding-bottom:20px; display: flex; justify-content: space-between; align-items: center;}
.member_wrap .item ul {font-size:1.125em; border-top:2px solid #031d44;}
.member_wrap .item ul li {display: flex; border-bottom:1px solid #d6d9dd; padding:14px 0;}
.member_wrap .item ul li span {flex:0 0 100px;}
.member_wrap .item ul li .per::before {content: ''; display: inline-block; width:12px; height:14px; background:url('../images/member/icon_per.png') center no-repeat; margin-right:12px;}
.member_wrap .item ul li .tel::before {content: ''; display: inline-block; width:11px; height:15px; background:url('../images/member/icon_tel.png') center no-repeat; margin-right:12px;}
.member_wrap .item ul li .add::before {content: ''; display: inline-block; width:11px; height:14px; background:url('../images/member/icon_add.png') center no-repeat; margin-right:12px;}
.member_wrap .item .m_type {font-size:1.125em; padding:36px 0 30px 0;}
.member_wrap .item .m_type b {display: block; margin-bottom:10px;}
.member_wrap .item .logo_wrap {width:100%; height:167px; border:1px solid #e7e7e7; border-radius: 10px; display: flex; justify-content: center; align-items: center; display: none;}
.member_wrap .item:hover {border:1px solid #18a2b6; color:#18a2b6;}
.member_wrap .item:hover ul {border-top:2px solid #18a2b6;}


/* 사업안내 */
.business_wrap {}
.business_wrap .top_wrap {color:#031d44; font-size:1.25em;}
.business_wrap .thum_wrap {display: flex; flex-wrap: wrap; gap:40px; margin-top:50px;}
.business_wrap .thum_wrap .item {flex:0 0 calc(50% - 20px); height:412px; border-radius: 15px; overflow: hidden;}


/* 협의회 소식 & 열린마당 */
.board {}
.list_wrap {word-break:keep-all;}
.list_wrap .top_wrap {display: flex; justify-content: space-between; margin-bottom:52px;}
.list_wrap .top_wrap .total {font-size:1.875em; line-height:1.5333em; color:#031d44;}
.list_wrap .top_wrap .total span {font-weight: 700; color:#18a2b6;}
.list_wrap .top_wrap .lst_wrap {display: flex; gap:20px; width:100%; margin-bottom:100px;}
.list_wrap .me_top {display: flex; justify-content: space-between;}
.list_wrap .me_top .total {font-size:1.875em; line-height:1.5333em; color:#031d44; margin-bottom:52px;}
.list_wrap .me_top .total span {font-weight: 700; color:#18a2b6;}
.list_wrap .me_top .lst_wrap {flex: 0 0 50%; display: flex; gap:20px; width:100%; margin-bottom:100px;}
.list_wrap .me_top .lst_wrap .item {flex:0 0 calc(33.3333% - 13px); display: flex; flex-direction: column; align-items: center; background:#f5f6f8; padding:25px 10px 25px 10px; border-radius: 10px;}
.list_wrap .me_top .lst_wrap .item span {display: inline-block; width:46px; height:46px; border-radius: 100%;background: #18a2b6; color:#fff; font-size:1.125em; display: flex; align-items: center; justify-content: center; margin-bottom:30px;}
.list_wrap .me_top .lst_wrap .item p {text-align: center; font-size:1.125em; line-height: 1.4166em;}
.list_wrap .me_top .src_wrap {}
.list_wrap .list {}
.list_wrap .list .icon_noti {font-weight: 700; color:#fff; padding:6px 10px; border-radius: 10px; display: inline-block; background:#031d44;}
.list_wrap .list .icon.file {display: inline-block; width:26px; height:26px; background:url('../images/common/icon_brdFile.png') center no-repeat; vertical-align: bottom;}
.list_wrap .list .icon.new {display: inline-block; width:26px; height:26px; background:url('../images/common/icon_brdNew.png') center no-repeat; vertical-align: bottom;}
.list_wrap .list table {width:100%; border-top:2px solid #031d44; color:#031d44;}
.list_wrap .list table thead {border-bottom:1px solid #031d44;}
.list_wrap .list table th {padding:25px 0; text-align: center; font-size:1.25em;}
.list_wrap .list table tr {border-bottom:1px solid #e4e4e4; height:82px;}
.list_wrap .list table tbody tr:hover {background:#f5f6f8;}
.list_wrap .list table td {padding:25px 0; font-size:1.25em; text-align: center;}
.list_wrap .list table td:nth-child(2) {text-align: left; padding-left:20px;}
.list_wrap .list table td a {color:#031d44; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.view_wrap {}
.view_wrap .top {border-top:2px solid #031d44; border-bottom:1px solid #dbdbdb; color:#031d44; text-align: center; padding:50px 0 40px 0;}
.view_wrap .top .tit {font-size:2.5em; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.view_wrap .top .date {font-size:1.125em; color:#999999; display: block; margin-top:20px;}
.view_wrap .cont {padding:60px 0 57px 0; color:#031d44; font-size:1.25em; border-bottom:1px solid #ededed;  }
.view_wrap .add_file {margin-top:40px;  }
.view_wrap .add_file > div {background:#f5f6f8; padding:15px 30px; border-radius: 10px;}
.view_wrap .add_file > div::before {content: ''; display: inline-block; width:14px; height:14px; background:url('../images/common/icon_addFile.png') center no-repeat; margin-right:17px;}
.view_wrap .add_file a {color:#031d44; margin-right:15px; display: inline-block;}
.view_wrap .btn_wrap {display: flex; justify-content: flex-end; margin-top:40px;}
.view_wrap .btn_wrap .submit {display: block; background:#18a2b6; color:#fff; font-size:1.25em; padding:20px 70px; border-radius: 10px;}
.view_wrap .move_btn {border-top:1px solid #031d44; border-bottom:1px solid #031d44; margin-top:90px;}
.view_wrap .move_btn ul {}
.view_wrap .move_btn ul li {border-bottom:1px solid #e9ebef; font-size:1.25em;}
.view_wrap .move_btn ul li:last-child {border-bottom:none;}
.view_wrap .move_btn ul li span {flex:0 0 135px; text-align: center; font-weight: 700;}
.view_wrap .move_btn ul li a {display: flex; align-items: center; color:#031d44; height:70px;}
.view_wrap .move_btn ul li p {padding-left:35px;}

.gallery {display: flex; flex-wrap: wrap; gap:60px 30px;}
.gallery .item {flex:0 0 calc(33.3333% - 20px);}
.gallery .item .img_wrap {height:330px; border-radius: 10px; overflow: hidden;  transition: all 0.3s ease-in-out;}
.gallery .item .txt_wrap {margin-top:30px;}
.gallery .item .txt_wrap a {}
.gallery .item .txt_wrap .tit {font-size:1.375em; color:#031d44; font-weight: 700;}
.gallery .item .txt_wrap .txt {font-size:1.25em; color:#031d44; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top:12px;}
.gallery .item .txt_wrap .date {color:#999999; font-size:1.125em; margin-top:37px;}

/* 검색 */
.src_wrap {position: relative; display: flex; gap:5px;}
.src_wrap select {background:url('../images/common/select_arrow_b.png') no-repeat 85% 50% #f5f6f8; border-radius: 15px; border:none; height:60px; font-size:1.125em; padding:0 57px 0 17px;}
.src_wrap input[type="text"] {width:100%; max-width: 429px; height:60px; background:#f5f6f8; border-radius: 15px; border:none; font-size:1.125em; padding:0 80px 0 20px;}
.src_wrap input::placeholder {color:#98999e; }
.src_wrap label {display: none;}
.src_wrap button {position: absolute; right: 2px; top: 2px;width: 54px; height: 56px; background: url(../images/common/btn_search.png) center no-repeat; text-indent: -999px; overflow: hidden;}


/* 페이저 */
.pager {display: flex; width:100%; align-items: center; justify-content: center; margin-top:80px;}
.pager .arr {width:32px; height:42px; line-height: 42px; }
.pager a {display: block; width:100%; height:100%; font-size:1.125em; text-align: center; color:#091734;}
.pager > ul  {display: flex; gap:5px; margin:0 20px;}
.pager > ul > li {width:42px; height:42px; line-height: 42px; background:#f5f6f8; border-radius: 5px;}
.pager > ul > li.on {background:#091734;}
.pager > ul > li.on a {color:#fff; font-weight: 900; text-decoration: underline;}

#overlay {display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7); z-index: 999;}
.modal_overlay {display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); z-index: 999;transition: all 0.3s ease-in-out; }
.modal_wrap {display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); max-width: 480px; width:50%; height: 600px; background:#fff; z-index: 9999; border-radius: 20px;}
.modal_wrap .title{ font-size:24px; padding:60px 40px 0 40px; color:#000000; font-weight: 600; letter-spacing: -.1rem;}
.modal_wrap .con {font-size:15px; line-height:1.3; padding:20px 40px 0 40px; top: 50%; transform: translate(0, -50%);  display: block; position: relative;}
.modal_wrap .con .txt {text-align: center; font-size:30px; font-weight: 600;}
.modal_wrap .con .txt span {display: block; margin-top:25px;}
.modal_wrap .modal_close { display:block; position:absolute; width:19px; height:17px; right:20px; top:20px; background: url('../images/main/btn_close.png') no-repeat; background-size:cover; text-indent: -9999px; overflow: hidden; z-index: 999; cursor: pointer;}

/* 이용약관*/
.pvsCntTp {clear:both; text-align: left;}
.pvsCntTp .pd1 { padding:10px 0 15px 0;}
.pvsCntTp .pd2 {margin-top:18px;}
.pvsCntTp ol li dl {position:relative; overflow:hidden; zoom:1; padding-bottom:20px;}
.pvsCntTp ol li dl dt {padding:19px 0 14px 0; color:#333;}
.pvsCntTp ol li dl dd {padding:0 0 14px 20px; color:#333;}
.pvsCntTp ol li dl.nobg {background:none;}

@media screen and (max-width:1400px) {	
	
}

@media screen and (max-width:1024px) {	

    /* 협의회 소개 */
    .about01 {flex-direction: column;}
    .about01_bt .mem {flex:0 0 calc(50% - 14px);}
    
    .about0201,
    .about0201.wide .inner {flex-direction: column-reverse; gap:80px;}
    .about0201 .lft_wrap .btxt {font-size:1.875em;}
    
    .about0203 .member {flex:0 0 calc(33.3333% - 40px)}
    
    .about0203 .mem_wrap .mem {padding:10px; gap:25px; flex:0 0 100%;}
    .about0203 .mem_wrap .mem_info {padding:20px;}
    .about0203 .mem_wrap .txt_wrap {gap:10px;}
    .about0203 .mem_wrap .mem.chid_m {display: flex;}
    .about0203 .mem_wrap .mem.chid_pc {display: none;}
    .about0203 .mem_wrap .txt_wrap::after {width:35px; height:35px; background:url('../images/about/mem_btn.png') center / cover no-repeat; top:36%;}
    .about0203 .mem_wrap .mem.on .txt_wrap::after {background:url('../images/about/mem_btnOn.png') center / cover no-repeat;}

    /* 회원사 */
    .list_wrap .me_top {flex-direction: column;}
    .list_wrap .top_wrap .lst_wrap {flex-direction: column;}
    .member_wrap .item {flex: 0 0 calc(50% - 15px);}


    /* 사업안내 */
    .view_wrap .top .tit {font-size:1.5em;}
    .view_wrap .move_btn ul li span {flex:0 0 85px;}
    .view_wrap .move_btn ul li p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}


    /* 협의회 소식 & 열린마당 */
    .list_wrap .top_wrap {flex-direction: column; gap:20px; align-items: flex-end;}
    .list_wrap .top_wrap .total {width: 100%; text-align: left;}
    .list_wrap .list table col:nth-child(3) {width:20%;}
    .list_wrap .list table col:last-child,
    .list_wrap .list table th:last-child,
    .list_wrap .list table td:last-child {display: none;}
    
    .gallery .item {flex:0 0 calc(50% - 15px);}




}

@media screen and (max-width:768px) {

    /* 협의회 소개 */
    .about01 .rgh_wrap .btxt {font-size:2em;}
    .about01_bt .mem {flex:0 0 100%;}
    
    .about03 .top_wrap > div {font-size:2em;}
    .about03 .item_wrap .con_wrap {flex-direction: column;}
    .about03 .item_wrap .img_wrap {width:100%;}
    
    .about0203 .member {flex:0 0 100%;}
    .about0203 .member .img_wrap {text-align: center;}
    .about0203 .modal_wrap {max-width: none; width:90%;}
    .about0203 .md_top {gap:20px;}
    .about0203 .md_top .md_img {flex:0 0 125px;}


    /* 회원사 */
    .member_wrap .item {flex: 0 0 100%;}


    /* 사업안내 */
    .business_wrap .thum_wrap .item {flex:0 0 100%;}


    /* 협의회 소식 & 열린마당 */
    .gallery .item .img_wrap {height:180px;}
    
    
    /* 페이저 */    
    .pager > ul {margin:0;}
    .pager > ul > li {width:25px; height:25px; line-height: 25px; font-size:14px;}
    .pager .arr {width:21px;}

			
}

@media screen and (max-width:425px) {		

    /* 협의회 소개 */


    /* 회원사 */


    /* 사업안내 */

    
    /* 협의회 소식 & 열린마당 */
    .gallery .item {flex:0 0 100%;}


	
}

@media screen and (max-width:320px) {		
	
}