@charset "utf-8";

.vision{background:url(./../../images/contents/visionBg.jpg) center center no-repeat; background-size:cover; text-align:center;}
.vision ul{padding:100px 0;}
.vision ul li{display:inline-block; vertical-align:top; color:#fff; width:420px; height:420px; border-radius:100%; padding:70px 50px 0 50px;}
.vision ul li strong{display:block; font-size:24px; margin-top:30px;}
.vision ul li strong:after{content:''; width:10px; height:10px; display:block; background-color:#fff; border-radius:100%; margin:10px auto}
.vision ul li span{display:block;}
.vision ul li i{display:block;}

.vision ul li.item01{background-color:rgba(0,60,171,.8)}
.vision ul li.item02{background-color:rgba(48,37,195,.8); margin:0 -40px}
.vision ul li.item03{background-color:rgba(41,76,133,.8)}

@media all and (max-width: 1550px) {
  .vision ul li.item03{margin-top:-130px;}
}

@media all and (max-width: 1100px) {
  .vision ul{padding:20px;}
  .vision ul li{width:100%; height:auto; border-radius:0; padding:20px;}
  .vision ul li span i{display:inline-block;}
  .vision ul li strong{font-size:20px; margin-top:15px;}
  .vision ul li.item01{margin:10px 0;}
  .vision ul li.item02{margin:10px 0;}
  .vision ul li.item03{margin:10px 0;}
}
.icon-banner3 .desc li .con-list2 li{padding-left:15px;}
.icon-banner3 .desc li .con-list2 li::before{background:#ccd0d7; width:8px; height:8px; top:8px;}
.txt-type2.fei-box .img-bx::before{display:none;}

.fei-org .org01{position: relative;margin:0 auto 60px;background: url('../../images/contents/fei-org01.png') no-repeat center;color:#fff;font-size: 24px;font-family: 'Dream Regular';padding-right: 5px;}
.fei-org .org01:before{content:'';width:1px;height: 160px;background: #ccc;position: absolute;top:100px;left:50%;z-index: -1;}
.fei-org .org01 > a{color:#fff;display: block;padding-top: 75px;width:196px;height: 190px;margin: 0 auto;text-align: center;}
.fei-org > ul{padding-top:70px;padding-left:50px;padding-right:50px;font-size:0;position: relative;}
.fei-org > ul:before{content:'';width: calc(100% - 400px);left:50%;transform: translate(-50% , 0);background: #ccc;position: absolute;top: 10px;display: block;height: 1px;}
.fei-org > ul > li{display: inline-block;width:calc(100% / 3);vertical-align: top;}
.fei-org > ul > li a{display: block;font-size: 18px;text-align: center;margin-right: auto;margin-left:0;}
.fei-org > ul > li:nth-child(2) a{margin:0 auto;}
.fei-org > ul > li:nth-child(2) a:before{display: none;}
.fei-org > ul > li:nth-child(3) a{margin-left:auto;margin-right: 0;}
.fei-org > ul > li > div{margin-bottom: 10px;}
.fei-org > ul > li > div .detail {display: none; width: 300px; font-size: 14px;}
.fei-org > ul > li.center {text-align: center;}
.fei-org > ul > li.right {text-align: right;}
.fei-org > ul > li > div .detail ul {padding: 20px; border: 1px solid #d1d1d1; text-align: left;}
.fei-org > ul > li > div .detail li {position: relative; padding-left: 20px;}
.fei-org > ul > li > div .detail li::after {content: ''; position: absolute; left: 0; top: 8px; width: 10px; height: 2px; background: #1e5ed5;}
.fei-org > ul > li > div .detail li span {padding-right: 10px;}
.fei-org .org02 > a{display: block;width:300px;height: 60px;padding-top:18px;background: url('../../images/contents/fei-org02.png') no-repeat center;color:#fff;position: relative;}
.fei-org .org02 > a.size {height: 90px; background-size: cover !important;}
.fei-org .org02 > a.size span {font-size: 14px;}
.fei-org .org02 > a:before{content:'';width:1px;height: 60px;position: absolute;top:-60px;background: #ccc;left:50%;}
.fei-org .org03 > a{display: block;width:300px; padding:16px 0;background: #ecf1f7; border: 1px solid #d1d1d1; color:#1e5ba8;}
.fei-org .org03 > a.line {padding: 6px 0;}
.fei-org .org03 > a span {display: block; font-size: 13px;}

.fei-org .popup{position: fixed;background: rgba(0,0,0,0.2);width:100%;height: 100%;top:0;left:0;z-index: 9;display: none;}
.fei-org .popup .pop-inner{background: #fff;position: absolute;z-index: 999;top:50%;left:50%;transform: translate(-50% , -50%);font-size: 18px;text-align: left;min-width: 400px;}
.fei-org .popup .pop-inner .title{display: block;padding: 10px 10px 10px 20px;background: url('../../images/contents/popup-pattern.png');}
.fei-org .popup .pop-inner .title > strong{color:#fff;font-size: 20px;font-family: 'Dream Medium';display: block;padding-left: 45px;background: url('../../images/contents/popIcon.png') no-repeat left center;}
.fei-org .popup .pop-inner > ul{padding:30px 20px;}
.fei-org .popup .pop-inner > ul > li{font-size: 18px;color:#003333;position: relative;padding-left: 20px;font-family: 'Dream Light';}
.fei-org .popup .pop-inner > ul > li:before{content:'';width:9px;height: 2px;background: #1e5ed5;position: absolute;left:0;top: 13px;}
.fei-org .popup .pop-inner > ul > li + li{margin-top:15px;}
.fei-org .popup .pop-inner > ul > li > span{display: inline-block;font-family: 'Dream Regular';color:#333;margin-right: 10px;}
.fei-org .popup .pop-inner > a.close-btn{display: block;background: url('../../images/contents/pop-close-w.png') no-repeat center;position: absolute;top: 18px;right: 18px;text-indent: -9999px;width:16px;height: 16px;}



@media all and (max-width: 1300px) {
  .fei-org > ul{text-align: center;}
  .fei-org > ul:before{display: none;}
  .fei-org > ul > li{width:calc(100% / 3 - 55px);}
  .fei-org > ul > li + li{margin-left:20px;position: relative;}
  .fei-org > ul > li + li:after{content:'';width:calc(100% + 20px);height: 1px;background: #ccc;position: absolute;top:-60px;right:50%;}
  .fei-org .org02 > a{width:100%;background-size:cover;}
  .fei-org .org03 > a{width:100%;background-size:cover;border-left:1px solid #d3d8de;border-right: 1px solid #d3d8de;}
  .fei-org > ul > li > div .detail {width: 100%;}
}

@media all and (max-width: 767px) {
  .fei-org .org01{margin-bottom: 20px;}
  .fei-org > ul{padding-top:0;}
  .fei-org .org01:before,
  .fei-org .org02 > a:before,
  .fei-org > ul > li + li:after{display: none;}
  .fei-org > ul > li{width:100%;}
  .fei-org > ul > li + li{margin-left:0;margin-top:20px;}
  .fei-org .org03 > a{background: #ecf1f7;border-top:1px solid #d3d8de;border-bottom:1px solid #d3d8de;}
}

.coop{margin-top:40px;}
.coop > strong{font-size: 26px;font-family: 'Dream Bold';display: block;margin-bottom: 20px;color:#000;}

.fei01 .title-bg::before {background: url(./../../images/contents/fei-img01.jpg) no-repeat;}
body .txt-type2 {margin-left: inherit;margin-right: inherit;padding: inherit;}

.page_409 .board-webzine .info dl.writer {display: none;}
.page_409 .board-webzine .info dl.date {display: inline-block;}
.page_420 .objHeading_h3.no-margin,
.page_421 .objHeading_h3.no-margin,
.page_390 .objHeading_h3.no-margin {margin-top: 26px !important;}

.fei .board-webzine .thumb {display: none;}

.mission-bx .mission-title p {font-family: 'Dream Bold';}
.mission-bx .mission-info p {padding: 80px 4%; background: url(../../images/contents/mission_bg.jpg) no-repeat; background-size: cover; border-radius: 120px; font-size: 34px;}
.vision-bx .vision-title p {font-family: 'Dream Bold';}
.vision-bx .vision-info .list {overflow: hidden;}
.vision-bx .vision-info .list li {float: left; width: 50%; padding: 64px 0; border-radius: 100px; font-family: 'Dream Regular'; font-size: 20px; letter-spacing: -1px; text-align: center;}
.vision-bx .vision-info .list li.left {margin-right: -10px; border: 1px solid #0068b7; color: #0068b7;}
.vision-bx .vision-info .list li.right {margin-left: -10px; border: 1px solid #004098; color: #004098;}
.vision-list-wrap {max-width: 550px;}
.vision-list .vision-inner p {padding: 0 50px; font-size: 16px;}
.round-bx {padding: 10px; border-radius: 160px;}
.round-bx-inner {width: 220px}
.round-bx-inner p {font-size: 16px;}
.cell-bx {height: 220px; padding: 0 18px;}

@media all and (max-width: 1700px) {
    .vision-bx .vision-info .list li {font-size: 17px;}
}

@media all and (max-width: 1480px) {
    .mission-bx .mission-title,
    .vision-bx .vision-title  {width: 100%; margin-bottom: 20px;}
    .mission-bx .mission-info {width: 100%;}
    .vision-bx .vision-info .list li {width: 100%;}
    .vision-bx .vision-info .list li.left {margin-right: 0;}
    .vision-bx .vision-info .list li.right {margin-left: 0; margin-top: -20px;}
    .round-bx {border: 0;}
}

@media all and (max-width: 1320px) {
    .mission-bx .mission-info p {font-size: 28px;}
}

@media all and (max-width: 700px) {
    .mission-bx .mission-info p {font-size: 20px;}
    .vision-bx .vision-info .list li {font-size: 16px;}
}

/* [S] 2025-03-31 수협중앙회 인사말과 같은 형태로 수경원 인사말 수정 */
/*
기존 .greeting 주석처리 후, 수협중앙회 .ceo_greeting으로 변경
.greeting.txt-type1 .title-bx {padding: 21px 4% 0 0;}
.greeting.txt-type1 .title-bx .info {margin-top: 57px; font-size: 18px;}
.greeting.txt-type1 .title-bx .info span {display: block; padding-bottom: 33px;}
.greeting.txt-type1 .title-bx .info span:last-child {padding-bottom: 0;}
.greeting.con-desc span {display: block; margin-bottom: 37px; line-height: 1.7;}

.greeting.sign {font-family: 'Dream Regular'; font-size: 22px; text-align: right;}
.greeting.sign strong {font-family: 'Dream Medium';}

@media all and (max-width: 900px) {
  .greeting.txt-type1 .title-bx {padding-top: 50px;}
  .greeting.txt-type1 .title-bx .title br {display: none;}
}
*/
.ceo_greeting{padding-top: 130px; position: relative;}
.ceo_greeting:before{content:''; width:200px;height: 65px;background: url('../../images/contents/ceo-text01.png') no-repeat center;display: block;position: absolute;top:0;left:0;}
.ceo_greeting:after{content:'';width:410px;height: 90px;background: url('../../images/contents/ceo-text02.png') no-repeat center;display: block;position: absolute;top: 3px;left: 215px;}
.ceo_greeting .thum{position: absolute;top:0;right:0; display: flex; flex-direction: column; align-items: flex-end;}
.ceo_greeting .thum .img{margin-bottom: 55px;position: relative;}
.ceo_greeting .thum .img:after{content:'';width:0px;height: 0px;background: url('../../images/contents/waveImg.png') no-repeat center;position: absolute;right:0;bottom:0;}
.ceo_greeting .thum .sign{text-align: right;}
.ceo_greeting .thum .sign span{display: inline-block;vertical-align: middle;font-size: 18px;font-family: 'Dream Medium';color:#333;margin-right: 25px;}
.ceo_greeting .thum .sign img{display: inline-block ;vertical-align: middle; max-width: 110px;}
.ceo_greeting .text{width: calc(100% - 335px);}
.ceo_greeting .text .title{font-size: 40px;color:#000;font-family: 'Dream Regular';line-height: 1.25;padding-bottom: 55px;position: relative;}
.ceo_greeting .text .title:after{content:'';position: absolute;bottom:0;left:0;width: 97%;height: 1px;background: #0072bc;}
.ceo_greeting .text .title span{display: block;color:#0072bc;font-family: 'Dream Bold';}
.ceo_greeting .text .perh{padding-top:50px;font-size: 18px;letter-spacing: -1px;}

@media all and (max-width: 1023px){
  .ceo_greeting{padding-top: 120px;}
  .ceo_greeting:before{width: 150px;height: 63px;background-size: cover;}
  .ceo_greeting:after{left:0;top:75px;width: 240px;height: 63px;background-size: cover;}
  .ceo_greeting .thum .img{text-align: right;padding-right: 35px;margin-bottom: 10px;}
  .ceo_greeting .thum .sign{padding-right: 35px;}
  .ceo_greeting .thum .img img{width:65%;}
  .ceo_greeting .thum .img:after{width: 160px;height: 100px;background-size:cover;}
  .ceo_greeting .text{width:100%;margin-top:50px;}
  .ceo_greeting .text .title{width:50%;}
  .ceo_greeting .text .title:after{width:250px;}
  .ceo_greeting .text .perh{font-size: 16px;}
}

@media all and (max-width: 767px){
  .ceo_greeting{padding-top: 65px;}
  .ceo_greeting .thum{position: initial;}
  .ceo_greeting .thum .img{padding-left:35px;padding-right: 35px;}
  .ceo_greeting .thum .img img{width:100%;}
  .ceo_greeting .thum .sign{padding-right: 0;text-align: center;}
  .ceo_greeting .thum .sign span{font-size: 17px;}
  .ceo_greeting:before{width:90px;height: 38px;left: 35px;}
  .ceo_greeting:after{width:160px;height: 42px;left: 135px;top:5px;}
  .ceo_greeting .text .title{width:100%;font-size: 32px;padding-bottom: 25px;}
  .ceo_greeting .text{margin-top: 20px;padding: 0 35px;}
  .ceo_greeting .text .perh{padding-top:30px;}
}
/* [E] 2025-03-31 수협중앙회 인사말과 같은 형태로 수경원 인사말 수정 */

.busi {margin-top: 20px; border-top: 2px solid #110f0d; border-bottom: 2px solid #110f0d;}
.busi .row {overflow: hidden; padding: 30px 0; border-bottom: 1px solid #c6c6c6;}
.busi .icon {float: left; width: 210px; text-align: center;}
.busi .icon .round {display: inline-block; width: 130px; height: 130px; margin-top: 15px; border-radius: 100%; border: 1px solid #dfe0e2; vertical-align: middle;}
.busi .icon .round img {padding: 29px 0;}
.busi .desc {float: left; width: calc(100% - 210px);}
.busi .desc strong {position: relative; display: inline-block; margin-top: 7px; margin-bottom: 5px; font-family:'Dream Bold'; font-size:22px; letter-spacing: -0.5px; line-height: 1.5; color: #0068b7;}
.busi .desc strong::before {content: ''; position: absolute; left: 100%; top: -7px; width: 8px; height: 8px; background: #0068b7; border-radius: 100%;}.busi ul > li {position: relative; margin: 7px 0 0 0; padding-left: 27px; font-family: 'Dream Regular'; font-size: 18px; line-height: 1.5; letter-spacing: -0.5px; color: #333;}
.busi ul > li::before {content: ''; position: absolute; left: 0; top: 7px; width: 15px; height: 15px; background: url('../../images/contents/ico-con-list.png') no-repeat center center;}
.busi ul > li strong {font-family: 'Dream Regular'; color: #333;}

@media all and (max-width: 750px) {
    .busi .icon,
    .busi .desc {width: 100%;}
    .busi .icon {margin-bottom: 20px;}
}

.con-table tbody tr.more td {text-align: center; cursor: pointer;}
.con-table tbody tr.more td:hover {color: #0068b7;}
.con-table tbody tr.view {position: static; display: table-row;}



/* 웹접근성 키보드 초첨 위치 인지 어려움으로 인해 추가 */
.fancybox-toolbar > button:focus-visible::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 3px solid red;
}