/********************************************************
■ 공통
********************************************************/
.con{width:1650px; margin:0 auto;}
.f38{font-size:1.9rem;}
.f24{font-size:1.2rem;}
.f20{font-size: 1rem; color:#333; line-height: 1.5;}
.bold{font-weight: bold;}
h4{font-size:1.9rem; font-weight: bold; color:#333; margin-bottom:2.4rem;}
h5{font-size:1.5rem; font-weight: bold; color:#333;}
h5.point{position: relative; padding-left:1.7rem; margin-bottom:1.25rem; line-height: 1.2;}
h5.point::before{content:''; display:block; position:absolute; width:1.25rem; height:0.8rem; background:url('/images/default/content/bullet.png')no-repeat center center; background-size: cover; top:0.55rem; left:0;}
h5.point + .txt{line-height: 1.5; font-size:1rem; color:#333;}
.btn-wrap{margin-top:4.5rem; display: flex; align-items: center; justify-content: center; gap:1.4rem;}
.btn-wrap a{display: inline-block; width:9.5rem; height:2.75rem; line-height:2.75rem; font-size:0.9rem; position: relative; font-weight:500; font-size:0.9rem; border-radius: 0.25rem;}
.btn-wrap a.link{padding:0 2rem;}
.btn-wrap a.link:after{content:''; display:block; position:absolute; width:0.8rem; height:0.8rem; background:url('/images/default/main/go-link.svg')no-repeat center center; background-size: cover; top:50%;transform:translateY(-50%); right:2rem;}
.btn-wrap a.list-btn{background: var(--blue); color:#fff; text-align: center;}
.btn-wrap a.list-btn:hover{background: #00458e;}

.btn-wrap a.list-edit,
.btn-wrap a.lnkDelete{border:solid 1px #ccc; background: #fff; color:#333; text-align: center;}
.btn-wrap a.list-edit:hover,
.btn-wrap a.lnkDelete:hover{background: #f5f5f5;}


@media (max-width:1650px){
    .con{width:100%; padding:0 1rem;}
}
@media (max-width:1030px){
    .btn-wrap{margin-top:3rem;}
    h4,
    .f38{font-size:1.7rem;}
}

/*테이블*/
.table-con table{border-top:solid 2px var(--blue);}
.table-con table th{font-size:0.9rem; color:#333; font-weight:700; padding:0.9rem 0.75rem; border:1px solid #ddd;}
.table-con table tr:first-child th{/*border-top:solid 2px var(--blue);*/}
.table-con table th:first-child{border-left:none;}
.table-con table th:last-child{border-right:none;}
.table-con table th.bg{background:#f4f7fd;}
.table-con table td{padding:1.5rem 2.1rem; border:1px solid #ddd; text-align:center; font-size:0.9rem; color:#333; line-height: 1.5;}
.table-con.light table td{padding:1rem 2.1rem;}
.table-con table td.bg{background:#333; color:#fff; font-weight:700;}
.table-con table td.bluebg{background:#f4f7fd;}
.table-con table td.bold{font-weight: bold;}
.table-con table td:first-child{border-left:none;}
.table-con table td:last-child{border-right:none;}
.table-con table td.txt{text-align:left;}
.table-con table td li span{color:var(--blue); font-weight: 500;}
.table-con table td li:not(:last-child){margin-bottom:1rem;}
.horizontal_scroll{display:none;}
.horizontal_scroll .xi-touch {position: relative; left: 0; animation: h_move 1s infinite linear;}
.tb-right{text-align: right; font-size:0.8rem; color:#666; margin-top:0.9rem;}
.tb-right.up{margin-bottom:0.9rem;}

@keyframes h_move{
	25%{left:3px}
	50%{left:0}
	75%{left:-3px}
	100%{left:0}
}
@media (max-width:1030px){
	.table-con {width:100%; overflow-x:auto; white-space:nowrap;}
	.table-con table{width:auto;}
}
@media (max-width:650px){
	.horizontal_scroll{display:block;margin-bottom:0.5rem;}
}

/*검색바*/
.search{display:flex; position:relative;}
.search select{width:7.5rem; height:2.75rem; border: solid 1px #ddd; border-radius:0.5rem; background:#fff url('/images/default/content/sel_icon.svg')no-repeat center right+1rem; background-size: 0.75rem; font-size:0.9rem; color:#666; padding:0 1rem; font-family: 'Pretendard'; margin-right:0.8rem; display:flex; align-items:center;}
.search .bar-input{position:relative; height:2.75rem; display: flex; gap:0.75rem;}
.search input[type="text"] {background:#fff; border: solid 1px #ddd;  border-radius: 0.5rem; height:2.75rem; width:25rem;}
.search .button{height:2.75rem; border: none; border-radius: 0.4rem; background:var(--blue) url('/images/default/content/btn-search.svg')no-repeat center right+1rem; background-size: 1.05rem; width:5rem; color:#fff; font-size:0.9rem; text-align: left; padding:0 1rem; cursor: pointer;}
@media (max-width:767px){
    .search{width:100%;}
    .search select{width:20%;}
    .search .bar-input{width:80%;}
    .search input[type="text"]{width:80%;}
    .search .button{width:20%; background: var(--blue); text-align: center;}
}
@media (max-width:600px){
    .search{flex-direction: column; gap:0.5rem;}
    .search select{width:100%;}
    .search .bar-input{width:100%;}
}

/*탭*/
.cts-tab, .page-tab{display: flex; align-items: center; gap:0.6rem; padding-bottom:5rem; flex-wrap: wrap;}
.cts-tab li, .page-tab li{background: #edf1f5; border-radius: 1.5rem; }
.cts-tab li a, .page-tab li a{display: inline-block; padding:0 1rem; height:2.25rem ; line-height: 2.25rem; color:#888; font-size:0.9rem; text-align: center; font-weight: bold;}
.cts-tab li.on, .page-tab li.on,
.cts-tab li:hover, .page-tab li:hover{background: var(--blue);}
.cts-tab li.on a, .page-tab li.on a,
.cts-tab li:hover a, .page-tab li:hover a{color:#fff;}
.Staff #c02,
.Staff #c03{display: none;}
.page-tab-select{width:100%; height:2.75rem; border: solid 1px #ddd; border-radius:0.5rem; background:#fff url('/images/default/content/sel_icon.svg')no-repeat center right+1rem; background-size: 0.75rem; font-size:0.9rem; color:#666; padding:0 1rem; font-family: 'Pretendard'; margin-bottom:3rem; display: none;}
.boardList .page-tab-select{background:#fff url('/images/default/content/sel_icon_blue.svg')no-repeat center right+1rem; background-size: 0.75rem; border:solid 1px var(--blue); color:var(--blue);}
@media (max-width:1650px){
    .cts-tab, .page-tab{flex-wrap: wrap;  margin:-0.5rem; gap:inherit;}
    .cts-tab li, .page-tab li{width:calc(100%/4 - 1rem); margin:0.5rem; border-radius: 2rem;}
    .cts-tab li, .page-tab li a{width:100%; height:auto; padding:0.5rem 1rem; line-height: 1.5;}
}
@media (max-width:1030px){
    .cts-tab li, .page-tab li{width:calc(100%/2 - 1rem); margin:0.5rem; border-radius: 2rem;}
}
@media (max-width:767px){
    .cts-tab, .page-tab{display: none;}
    .page-tab-select{display: block;}
}


/********************************************************
■ 조합장 인사말
********************************************************/
.gr-tit{width:100%; border:solid 8px transparent; text-align: center; position:relative; border-radius: 0.75rem; margin-bottom:3.8rem; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #004fa2 0%, #388ee8 100%); background-origin: border-box;background-clip: content-box, border-box;}
.gr-tit > div{padding:2.5rem; background: #fff; border-radius: 0.75rem;}
.gr-tit .tit{font-size:1.9rem; font-weight:bold; color:#333; position: relative; padding:0 3.5rem; display: inline;}
.gr-tit .tit:before{content:''; display:block; position:absolute; width:2.6rem; height:1.8rem; background:url('/images/default/content/Comma-left.png')no-repeat center center; background-size: cover; top:50%; transform:translateY(-50%); left:0;}
.gr-tit .tit:after{content:''; display:block; position:absolute; width:2.6rem; height:1.8rem; background:url('/images/default/content/Comma-right.png')no-repeat center center; background-size: cover; top:50%; transform:translateY(-50%); right:0;}
.gr-tit .txt{font-size:1.4rem; font-weight:600; color:#333; padding-top:0.9rem;}
.gr-tit .welcome{position: absolute; left:50%; transform:translateX(-50%); bottom:-1.5rem; background: #fff; width:20.4rem; color:var(--blue); padding:1rem 0; letter-spacing: 0.4em;}
.greeting .txt-zone .top-zone{color:#333; font-size:1rem; line-height: 1.5; padding-bottom:3.5rem; border-bottom:solid 1px #ddd; margin-bottom:1.8rem; display: flex; align-items: flex-start; gap:5rem;}
.greeting .txt-zone .top-zone .img-zone{overflow: hidden; border-radius: 1rem; border:solid 1px #ddd; width:12.1rem;}
.greeting .txt-zone .top-zone .img-zone img{max-width:100%;}
.greeting .txt-zone .top-zone .text{width:calc(100% - 12.1rem - 5rem);}
.greeting .txt-zone .top-zone .tit{ font-weight: bold; padding-bottom:1.6rem;}
.greeting .txt-zone .bt-zone{display: flex; align-items: center; gap:1rem; font-size:1rem; color:#333; justify-content: flex-end;}
.greeting .txt-zone .bt-zone .name{letter-spacing: 0.2em; font-size:1.2rem; font-weight: bold;}
@media (max-width:1200px){
    .gr-tit > div{padding:2.5rem 1rem;}
    .gr-tit .tit{padding:0;}
    .gr-tit .tit::before,
    .gr-tit .tit::after{display: none;}
    .greeting .txt-zone .top-zone{gap:3rem;}
    .greeting .txt-zone .top-zone .text{width:calc(100% - 12.1rem - 3rem);}
}
@media (max-width:1030px){
    .gr-tit .tit{font-size:1.7rem;}
    .gr-tit .txt{font-size:1.2rem;}
}
@media (max-width:767px){
    .gr-tit .tit,
    .gr-tit .txt{line-height: 1.3;}
    .gr-tit .tit{font-size:1.5rem;}
    .greeting .txt-zone .top-zone{flex-direction: column; gap:2rem; align-items: center;}
    .greeting .txt-zone .top-zone .text{width:100%;}
}
@media (max-width:500px){
    .gr-tit .welcome{width:80%;}
}


/********************************************************
■ 역대 조합장
********************************************************/
.person .ps-list-wrap{display:flex; flex-wrap:wrap; margin:-0.75rem;}
.person .ps-list{width:calc(100%/4 - 1.5rem); margin:0.75rem; background: var(--lightblue); text-align: center; border-radius:1rem; padding:1.4rem;}
.person .ps-list .img-zone{border:solid 1px #ddd; border-radius: 0.5rem; overflow: hidden; width:11.65rem; height:14rem; position: relative; margin:0 auto;}
.person .ps-list .img-zone img{object-fit: cover; height:100%; width:100%;}
.person .ps-list .txt-zone{padding-top:1.2rem;}
.person .ps-list .txt-zone > span{font-size:1rem; color:var(--blue); padding-bottom:0.8rem; display: inline-block;}
.person .ps-list .txt-zone .tit{font-size:1.4rem; font-weight: 600; color:#333; padding-bottom:1.1rem;}
.person .ps-list .txt-zone .date{display: flex; align-items: flex-start; justify-content: center; font-size:0.9rem; color:#666; gap:0.4rem;}
.person .ps-list .txt-zone .work-date li:not(:last-child){margin-bottom:0.6rem;}

@media (max-width:1500px){
    .person .ps-list{width:calc(100%/3 - 1.5rem);}
}
@media (max-width:1300px){
    .person .ps-list{width:calc(100%/2 - 1.5rem);}
}
@media (max-width:767px){
    .person .ps-list{width:100%; display: flex; align-items: center; gap:2rem; text-align: left;}
    .person .ps-list .img-zone{margin:0;}
    .person .ps-list .txt-zone{padding-top: 0;}
}
@media (max-width:500px){
    .person .ps-list{gap:1.5rem; flex-direction: column;}
    .person .ps-list .txt-zone{width:100%;}
    .person .ps-list .txt-zone .date{justify-content: flex-start; line-height: 1.3;}
}


/********************************************************
■ 조합현황-설립목적 및 근거
********************************************************/
.purpose .cts-top{text-align: center; margin-bottom:5rem;}
.purpose .cts-top .txt-wrap{max-width:46.25rem; margin:0 auto;}
.purpose .cts-top .tit-bx{font-size:1.9rem; font-weight: bold; color:var(--blue); background: #fff; border:solid 5px var(--blue); border-radius: 2.5rem; display: inline-block; width:100%; height: 5rem; line-height: calc(5rem - 10px); margin-bottom:1.8rem; position: relative;}
.purpose .cts-top .tit-bx::after{content:''; display:block; position:absolute; width:1px; height:50px; background:var(--blue);  bottom:-50px; transform:translateX(-50%); left:50%;}
.purpose .cts-top .txt-bx{font-size:1.15rem; font-weight: 600; color:#333; background: #eff4ff; border-radius: 2.5rem; width:100%; height: 5rem; line-height: 1.434; display: flex; align-items: center; justify-content: center; position: relative;}
.purpose .cts-top .txt-bx::before{content:''; display:block; position:absolute; width:9px; height:9px; background:var(--blue); border-radius:50%; top:-6px; transform:translateX(-50%); left:50%; border:solid 3px #fff;}
.purpose .cts-top .img-wrap{margin-top:2.3rem; display: flex; align-items: center; justify-content: center; gap:1.4rem;}
.purpose .cts-top .img-wrap li{border-radius: 1rem; overflow: hidden; box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);}
.purpose .cts-top .img-wrap li .txt-zone{padding:1rem; font-size:1rem; font-weight: 600; color:#333;}
.purpose .cts-bx:not(:last-child){margin-bottom:5rem;}
.purpose .cts-bx .txt{line-height: 1.5;}
.purpose-wrap{margin:1.5rem 0; padding:1.5rem; border-radius: 0.75rem; background: #f4f6f8;}
.purpose-wrap li{position: relative; padding-left:1.4rem; font-size:1rem;}
.purpose-wrap li:before{display:block; position:absolute; width:1rem; height:1rem; background:var(--blue); border-radius:50%; top:0; left:0; color:#fff; font-weight: bold; font-size:0.65rem; display: flex; align-items: center; justify-content: center;}
.purpose-wrap li:nth-child(1)::before{content:'1'; }
.purpose-wrap li:nth-child(2)::before{content:'2'; }
.purpose-wrap li:nth-child(3)::before{content:'3'; }
.purpose-wrap li:nth-child(4)::before{content:'4'; }
.purpose-wrap li:nth-child(5)::before{content:'5'; }
.purpose-wrap li:not(:last-child){margin-bottom:0.9rem;}
.purpose .cts-bx .permission-wrap{ display:flex; flex-wrap:wrap; margin:-0.6rem -0.8rem;}
.purpose .cts-bx .permission-wrap li{width:calc(100%/3 - 1.6rem); margin:0.6rem 0.8rem; padding:1.6rem; background: #f4f6f8; border-radius: 0.75rem; overflow: hidden; position: relative; font-size:1rem; color:#333;}
.purpose .cts-bx .permission-wrap li::before{content:''; display:block; position:absolute; width:5px; height:100%; background:var(--blue);  top:50%; transform:translateY(-50%); left:0;}
.purpose .cts-bx .permission-wrap li span{padding-left:0.5rem; font-weight: 600; position: relative;}
.purpose .cts-bx .permission-wrap li span:before{content:''; display:block; position:absolute; width:4px; height:4px; background:#333; border-radius:50%; top:50%; transform:translateY(-50%); left:0;}
.purpose .cts-bx .permission-wrap li p{padding-left:0.5rem; margin-top:1rem;}
@media (max-width:1500px){
    .purpose .cts-top .img-wrap .img-zone img{object-fit: cover; width:100%; height:100%;}
    .purpose-wrap li{line-height: 1.5;}
    .purpose-wrap li:before{top:0.3rem;}
}
@media (max-width:1030px){
    .purpose .cts-top .txt-wrap{width:90%;}
    .permission-wrap li{width:calc(100%/2 - 1.6rem);}
}
@media (max-width:767px){
    .purpose .cts-top .tit-bx{font-size:1.5rem; height:auto; line-height: 1.5; padding:1rem; border-radius: 4rem;}
    .purpose .cts-top .txt-bx{height:auto; padding:1rem; border-radius: 4rem; font-size:1.1rem;}
}
@media (max-width:600px){
    .purpose .cts-top .img-wrap{gap:1rem; flex-direction: column;}
}
@media (max-width:500px){
    .purpose .cts-bx .permission-wrap li{width:100%;}
}


/********************************************************
■ 조합현황-조합연혁
********************************************************/
.history .gr-tit .tit:before,
.history .gr-tit .tit:after{display: none;}
.history-list{position:relative;}
.history-list:before{content:'';display:block;position:absolute;width:1px;height:100%;background:#ccc;left:50%;transform:translateX(-50%);top:1rem;}
.history-list > div{position:relative;}
.history-list > div:after{content:'';display:block;position:absolute;width:1px;height:0;background:#004fa2;top:1rem; transition: all .3s;}
.history-list > div:nth-child(odd){padding-left:50%;}
.history-list > div:not(:last-child){padding-bottom:3.5rem;}
.history-list > div .year{font-size:2.25rem;font-weight:500;color:#004fa2;margin-bottom:3rem;padding-left:2.5rem;position:relative;}
.history-list > div .year:before{content:'';display:block;position:absolute;width:0.45rem;height:0.45rem;background:#272a2e;left:0;top:50%;transform:translate(-50%,-50%);border-radius:50%;}
.history-list > div > ul{position:relative;padding-left:2.5rem;}
.history-list > div > ul li.day{display:flex; font-size:1rem; color:#333;}
.history-list > div > ul li.day span{width:4.1rem;font-weight:600;}
.history-list > div > ul li.day p{width:calc(100% - 4.1rem);}
.history-list > div > ul li.day li:not(:last-child){margin-bottom:1rem;}
.history-list > div > ul li.day:not(:last-child){margin-bottom:1rem;}
.history-list > div:nth-child(even){padding-right:50%;}
.history-list > div:nth-child(even) > ul{padding-right:2.5rem;padding-left:0;}
.history-list > div:nth-child(even) .year{padding-left:0;padding-right:2.5rem;text-align:right;}
.history-list > div:nth-child(even) > ul li.day {flex-direction:row-reverse;}
.history-list > div:nth-child(even) > ul li.day{text-align:right;}
.history-list > div:nth-child(even) .year:before{left:auto;right:0;transform:translate(50%,-50%);}
.history-list > div:nth-child(even):after{left:auto;right:calc(50%  - 0.5px); transform:translateX(0%);}
.history-list > div.effect:after {height:100%;    transition: all .3s;}
.history-list > div.effect .year:before{background: #004fa2;}
@media (max-width:1030px){
    .history-list{margin:0 1rem;}
    .history-list:before{left:0; transform: none;}
    .history-list > div:nth-child(odd){padding-left:0;}
    .history-list > div:nth-child(even){padding-right:0;}
    .history-list > div:nth-child(even) .year{padding-left:1.5rem; padding-right:0; text-align: left;}
    .history-list > div:nth-child(even) > ul li.day{flex-direction: row; text-align: left; padding-left:1.5rem; padding-right:0;}
    .history-list > div:nth-child(even):after{left:0; right:auto; transform:all .3s ;}
    .history-list > div:nth-child(even) .year:before{left:0; right:auto; transform: translate(-50%,-50%);}
    .history-list > div .year{margin-bottom:1.5rem; padding-left:1.5rem;}
    .history-list > div > ul li.day{line-height: 1.5;}
    .history-list > div > ul{padding-left:1.5rem;}
}


/********************************************************
■ 조합현황-주요사업
********************************************************/
.business .cts-bx{display: flex; gap:1.5rem;}
.business .cts-bx:not(:last-child){margin-bottom:2.2rem;}
.business .cts-bx .img-zone{border-radius: 1rem; overflow: hidden; width:28.5rem;}
.business .cts-bx .img-zone img{max-width: 100%; width:100%; height:100%; object-fit: cover;}
.business .cts-bx .txt-zone{display: flex; align-items: flex-start; padding:2rem; border-radius: 1rem; background: #f4f6f8; width:calc(100% - 28.5rem - 1.5rem);}
.business .cts-bx .txt-zone span{width:13.75rem; font-size:1.2rem; font-weight: bold; position: relative; padding-left:1.5rem;}
.business .cts-bx .txt-zone span::before{position:absolute; width:1.2rem; height:1.2rem; background:var(--blue); border-radius:50%; top:0; left:0; color:#fff; font-weight: bold; font-size:0.7rem; display: flex; align-items: center; justify-content: center;}
.business .cts-bx:nth-child(1) .txt-zone span::before{content:'1'; }
.business .cts-bx:nth-child(2) .txt-zone span::before{content:'2'; }
.business .cts-bx .txt-zone ul{width:calc(100% - 13.75rem);}
.business .cts-bx .txt-zone ul li{font-size:1rem; color:#333; line-height: 1.5;}
.business .cts-bx .txt-zone ul li:not(:last-child){margin-bottom:0.15rem;}
.business .cts-bottom{margin-top:5rem;}
.business .cts-bottom ul{display:flex; flex-wrap:wrap; margin:-0.625rem -0.75rem;}
.business .cts-bottom li{width:calc(100%/2 - 1.5rem); margin:0.625rem 0.75rem; border:solid 1px #ddd; border-radius: 0.75rem; padding:1rem 1.7rem; min-height: 5rem; display: flex; align-items: center;}
.business .cts-bottom li p{position: relative; line-height: 1.4; font-size:1.2rem; font-weight: bold; color:#333; padding-left:1.5rem;}
.business .cts-bottom li p::before{display:block; position:absolute; width:1.2rem; height:1.2rem; background:var(--blue); border-radius:50%; top:0.25rem; left:0; color:#fff; font-weight: bold; font-size:0.7rem; display: flex; align-items: center; justify-content: center;}
.business .cts-bottom li:nth-child(1) p::before{content:'3'; }
.business .cts-bottom li:nth-child(2) p::before{content:'4'; }
.business .cts-bottom li:nth-child(3) p::before{content:'5'; }
.business .cts-bottom li:nth-child(4) p::before{content:'6'; }
.business .cts-bottom li:nth-child(5) p::before{content:'7'; }
.business .cts-bottom li:nth-child(6) p::before{content:'8'; }
.business .cts-bottom li:nth-child(7) p::before{content:'9'; }
@media (max-width:1650px){
    .business .cts-bx .img-zone{width:38%;}
    .business .cts-bx .txt-zone{flex-direction: column; gap:1rem; width:calc(100% - 38%);}
    .business .cts-bx .txt-zone span,
    .business .cts-bx .txt-zone ul{width:100%;}
    .business .cts-bx .img-zone img{object-fit: cover; width:100%; height: 100%;}
}
@media (max-width:1300px){
    .business .cts-bx{flex-direction: column;}
    .business .cts-bx .img-zone{width:45%; margin:0 auto;}
    .business .cts-bx .txt-zone{width:100%;}
}
@media (max-width:1030px){
    .business .cts-bx .img-zone{width:70%;}
    .business .cts-bottom{margin-top:3rem;}
}
@media (max-width:767px){
    .business .cts-bx .img-zone{width:100%;}
    .business .cts-bottom li{width:100%;}
}


/********************************************************
■ 조합원가입절차
********************************************************/
.join .gr-tit .tit{font-size:1.5rem;}
.join .gr-tit .tit:before,
.join .gr-tit .tit:after{display: none;}
.join .gr-tit .txt{font-size:1rem; font-weight:400;}
.join .cts-bx:not(:last-child){margin-bottom:4.85rem;}
.join .cts-bx p{font-size:1rem; color: #333; line-height: 1.5;}
.join .cts-bx .ds-list-bx{padding: 2.8rem 2.9rem 2rem; text-align: center;}
.join .cts-bx .ds-list-bx .tit{color:#fff; line-height: 3rem;}
.join .cts-bx .ds-list-bx .condition{display:flex; flex-wrap:wrap; margin:-0.675rem;}
.join .cts-bx .ds-list-bx .condition li{width:calc(100%/3 - 1.35rem); margin:0.675rem; background: #fff; border-radius: 0.75rem; border:solid 1px #ddd; padding:1.7rem 1rem;}
.join .cts-bx .number li p{position: relative; padding-left:1.5rem; display: inline;}
.join .cts-bx .number li p::before{ position:absolute; width:1rem; height:1rem; background:var(--blue); border-radius:50%; top:0.1rem; left:0; color:#fff; font-weight: bold; font-size:0.7rem; display: flex; align-items: center; justify-content: center;}
.join .cts-bx .number li:nth-child(1) p::before{content:'1'; }
.join .cts-bx .number li:nth-child(2) p::before{content:'2'; }
.join .cts-bx .number li:nth-child(3) p::before{content:'3'; }
.join .cts-bx .number li:nth-child(4) p::before{content:'4'; }
.join .cts-bx .number li:nth-child(5) p::before{content:'5'; }
.join .cts-bx .ds-list-bx .txt{font-size: 1rem; font-weight: bold; padding-top:1.5rem;}
.join .cts-bx .benefit-bx{padding:2rem 1.7rem; background: #f4f6f8; border-radius: 0.75rem;}
.join .cts-bx .benefit-bx li:not(:last-child){margin-bottom:0.8rem;}
.join .call-bx{position: relative; background: #eff4ff; border-radius: 0.75rem; padding:1.5rem 1.8rem; overflow: hidden;}
.join .call-bx:before{content:''; display:block; position:absolute; width:5px; height:100%; background:#004fa2;  top:50%; transform:translateY(-50%); left:0;}
.join .call-bx .txt-zone{position: relative; padding-left: 2.4rem;}
.join .call-bx .txt-zone:before{content:''; display:block; position:absolute; width:1.7rem; height:1.7rem; background:url('/images/default/content/call-bx-icon.svg')no-repeat center center; background-size: cover; top:-0.1rem; left:0;}
.join .call-bx .tit{font-size:1.15rem; font-weight: 600; color: #333;}
.join .call-bx .txt{padding-top:1rem;}
@media (max-width:1650px){

}
@media (max-width:1030px){
    .join .cts-bx:not(:last-child){margin-bottom:3.5rem;}
    .join .cts-bx .ds-list-bx{padding:2.8rem 1.5rem 2rem;}
}
@media (max-width:767px){
    .join .cts-bx .ds-list-bx .condition{margin:-0.5rem;}
    .join .cts-bx .ds-list-bx .condition li{width:100%; margin:0.5rem; padding:1.3rem 1rem;}
    .join .cts-bx .benefit-bx{padding:1.5rem 1.3rem;}
    .join .call-bx{padding:1.5rem 1.3rem;}
}
@media (max-width:500px){

}


/********************************************************
■ ci소개
********************************************************/
.ci .cts-wrap:not(:last-child){margin-bottom:5rem;}
.ci .cts-bx:not(:last-child){margin-bottom:2.8rem;}
.ci .cts-zone{display: flex; align-items: center; gap:3rem; border:solid 1px #ddd; border-radius:1rem; padding:2rem;}
.ci .cts-zone.center{justify-content: center; gap:inherit;}
.ci .cts-zone .img-zone{border:solid 1px #ddd; background: url('/images/default/content/ci-bg.jpg')no-repeat center center; width:28rem; height:11.5rem; display: flex; align-items: center; justify-content: center;}
.ci .cts-zone .txt-zone{width:calc(100% - 28rem - 3rem);}
.ci .cts-zone .txt-zone ul{margin-top:1.2rem;}
.ci .cts-zone .txt-zone ul li:not(:last-child){margin-bottom:1.2rem;}
.ci .cts-zone .color-wrap{display: flex; gap:1.5rem;}
.ci .cts-zone .color-wrap li{width:17.5rem; padding:1.35rem 1.3rem; color:#fff; font-size:1rem; border-radius: 0.5rem;}
.ci .cts-zone .color-wrap li.blue{background: #08287b;}
.ci .cts-zone .color-wrap li.red{background: #f73418;}
.ci .cts-zone .color-wrap li .cmyk{display: flex; gap:0.35rem; margin-top:1.8rem;}
.ci .cts-zone .color-wrap li .cmyk span{display: inline-block; width:3.5rem; height:1.5rem; line-height: 1.5rem; border-radius: 1rem; font-size:0.8rem; border:solid 1px #fff; text-align: center;}
@media (max-width:1400px){
    .ci .cts-zone{gap:2rem;}
    .ci .cts-zone .img-zone{width:40%;}
    .ci .cts-zone .txt-zone{width:calc(100% - 40% - 2rem);}
}
@media (max-width:767px){
    .ci .cts-zone:not(.center){flex-direction: column; align-items: flex-start;}
    .ci .cts-zone .color-wrap{flex-direction: column;}
    .ci .cts-zone .img-zone{width:80%; margin:0 auto;}
    .ci .cts-zone .txt-zone{width:100%; line-height: 1.3;}
    .ci .cts-zone .txt-zone ul li:not(:last-child){margin-bottom:0.8rem;}
}
@media (max-width:500px){
    .ci .cts-zone .color-wrap{gap:1rem;}
    .ci .cts-zone .color-wrap,
    .ci .cts-zone .color-wrap li{width:100%;}
}



/********************************************************
■ 조직도-조직도
********************************************************/
.Staff{padding-top:5rem;}
.org_wrap{position:relative; text-align: center;}
.org_wrap .group_1{display: flex; align-items: flex-start; justify-content: center; gap:5rem; padding-bottom:1rem; position: relative; padding-right:12rem;}
.org_wrap .group_1::before{content:''; display:block; position:absolute; width:1px; height:calc(100% + 5rem); background:#ddd;  left:50%; transform:translateX(-50%); top:-5rem; z-index: -1;}
.org_wrap .group_1 .left.flex{display:flex; align-items:flex-start; gap:2rem;}
.org_wrap .group_1 .org-bx{width:10rem; position: relative; margin-top:0.75rem;}
.org_wrap .group_1 .org-bx::before{content:''; display:block; position:absolute; width:200%; height:1px; background:#ddd;  left:100%; top:1.25rem; z-index: -1;}
.org_wrap .group_1 .org-bx.right::before{content:''; display:block; position:absolute; width:100%; height:1px; background:#ddd;  left:-100%; top:1.25rem; z-index: -1;}
.org_wrap .group_1 .org-bx .type1{background: #004fa2; color:#fff; font-weight: 600; font-size:1rem; height:2.5rem; border-radius: 0.5rem; width:10rem; display: inline-flex; align-items: center; justify-content: center;}
.org_wrap .group_1 .org-bx ul{display: flex; flex-wrap: wrap; margin-top:0.4rem; border-radius: 0.5rem; background: #f4f6f8; padding:0.75rem; min-height: 6.5rem; flex-direction: column; font-size:0.9rem; font-weight:500; color:#333;}
.org_wrap .group_1 .org-bx ul.line2{flex-direction: row;}
.org_wrap .group_1 .org-bx ul.line2 li{width:calc(100%/2);}
.org_wrap .group_1 .org-bx ul li:not(:last-child){margin-bottom:0.5rem;}
.org_wrap .group_1 .head{padding:0.35rem; background: #dee8ff; border-radius: 2rem; margin-top:-5rem;}
.org_wrap .group_1 .head p{background: #fff; border:solid 5px #004fa2; width:12rem; height:3.25rem; line-height: calc(3.25rem - 10px); font-size:1.2rem; font-weight: bold; color:#333; border-radius: 2rem;}
.org_wrap .group_2{padding-bottom:2.5rem; display: flex; justify-content: center; position: relative;}
.org_wrap .group_2::before{content:''; display:block; position:absolute; width:1px; height:100%; background:#ddd;  left:50%; transform:translateX(-50%); top:0; z-index: -1;}
.org_wrap .group_2 .head p{background: #003f82; border:solid 5px #003f82; width:12rem; height:3.25rem; line-height: calc(3.25rem - 10px); font-size:1.2rem; font-weight: 600; color:#fff; border-radius: 2rem;}
.org_wrap .group_3{display: flex; justify-content: space-between; gap:2.2rem;}
.org_wrap .group_3 .org-bx{padding-top:2.5rem; width:calc(100%/4); display: flex; flex-direction: column; align-items: center; position: relative;}
.org_wrap .group_3 .org-bx::after{content:''; display:block; position:absolute; width:calc(100% + 2.2rem); height:1px; background:#ddd;  left:50%; transform:translateX(-50%); top:0; z-index: -1;}
.org_wrap .group_3 .org-bx:nth-child(1)::after{width: calc(50% + 1.1rem); left: auto; right: -1.1rem; transform: none;}
.org_wrap .group_3 .org-bx:nth-child(4)::after{width: calc(50% + 1.1rem); left: -1.1rem; transform: none;}
.org_wrap .group_3 .org-bx::before{content:''; display:block; position:absolute; width:1px; height:5rem; background:#ddd;  left:50%; transform:translateX(-50%); top:0; z-index: -1;}
.org_wrap .group_3 .type2{background: #4c99e7; color:#fff; font-weight: 500; font-size:1rem; height:2.5rem; border-radius: 0.5rem; width:100%; display: inline-flex; align-items: center; justify-content: center;}
.org_wrap .group_3 .type3{background: #fff; color:#004fa2; font-weight: 500; font-size:1rem; height:2.5rem; border-radius: 0.5rem; width:9rem; display: inline-flex; align-items: center; justify-content: center; border:solid 1px #004fa2;}
.org_wrap .group_3 .type3.opacity{opacity: 0;}
.org_wrap .group_3 .org-sm-bx-wrap{display: flex; width:100%; justify-content: space-between;}
.org_wrap .group_3 .org-sm-bx{width:9rem; padding-top:1rem; position: relative;}
.org_wrap .group_3 .org-sm-bx::before{content:''; display:block; position:absolute; width:1px; height:5rem; background:#ddd;  left:50%; transform:translateX(-50%); top:0; z-index: -1;}
.org_wrap .group_3 .org-sm-bx ul{margin-top:1rem; border-radius: 0.5rem; background: #f4f6f8; padding:0.75rem; min-height: 2.5rem; font-size:0.9rem; font-weight:500; color:#333;}
.org_wrap .group_3 .org-sm-bx ul li:not(:last-child){margin-bottom:1.2rem;}
@media (max-width:1650px){
    .org_wrap .group_3 .org-sm-bx-wrap{gap:1rem;}
    .org_wrap .group_3 .org-sm-bx{width:50%;}
    .org_wrap .group_3 .type3{width:100%;}
	.org_wrap .group_1 .left.flex{flex-direction:column-reverse; gap:initial;}
	.org_wrap .group_1{padding-right:0;}
	.org_wrap .group_1 .left.flex .org-bx:nth-child(1):before{display:none;}
}
@media (max-width:1300px){
    .org_wrap .group_3 .org-sm-bx-wrap{flex-direction: column; gap:inherit;}
    .org_wrap .group_3 .org-sm-bx{width:100%;}
}
@media (max-width:900px){
    .org_wrap .group_1{gap:3rem;}
}
@media (max-width:767px){
    .org_wrap .group_3{flex-direction: column;}
    .org_wrap .group_3 .org-bx{width:100%; padding-top:0;}
    .org_wrap .group_3 .org-bx::after{display: none;}
    .org_wrap .group_3 .type3.opacity{display: none;}
    .org_wrap .group_3 .type3.opacity + .line1{margin-top:0;}
    .org_wrap .group_1{gap:4rem; padding-bottom:2rem;}
    .org_wrap .group_1 .head{width:50%; position:absolute;}
    .org_wrap .group_1 .head p{width: 100%; height: auto; line-height: inherit; padding: 0.5rem 1.5rem; border-width: 3px;}
	.org_wrap .group_1 .left.flex{width:50%;}
	.org_wrap .group_1 .left.flex .org-bx{width:100%;}
    .org_wrap .group_1 .org-bx{width:50%;}
    .org_wrap .group_1 .org-bx .type1{width:100%;}
    .org_wrap .group_1 .org-bx ul.line2{flex-direction: column;}
    .org_wrap .group_1 .org-bx ul.line2 li{width:100%;}
    .org_wrap .group_2 .head{width:50%;}
    .org_wrap .group_2 .head p{width:100%;}
	.org_wrap .group_1 .org-bx::before{width:100%;}
}


/********************************************************
■ 오시는 길
********************************************************/
.map-top{border-radius: 0.75rem; overflow: hidden;}
.map-top > img{max-width:100%;}
.map .root_daum_roughmap{width:100% !important; height:28.25rem;}
.map .root_daum_roughmap .wrap_map{height:100% !important; border-radius: 0.75rem; overflow: hidden;}
.map .root_daum_roughmap .map_border{display: none;}
.direction .info-wrap .info-list{padding:1.3rem 0; display: flex; align-items: flex-start;border-bottom:solid 1px #ddd;}
.direction .info-wrap .info-list03{padding-bottom:0;}
.direction .info-wrap .info-list .left{display: flex; align-items: center; width:9.25rem; gap:0.65rem; font-size:1rem; font-weight: 600; color: #333;}
.direction .info-wrap .info-list .left span{display: inline-block; width:3rem; height:3rem; border: solid 1px var(--blue); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.direction .info-wrap .info-list:nth-child(1) .left span img{width:0.95rem;}
.direction .info-wrap .info-list:nth-child(2) .left span img{width:1.25rem;}
.direction .info-wrap .info-list:nth-child(3) .left span img{width:1.3rem;}
.direction .info-wrap .info-list .right{width:calc(100% - 9.25rem); padding-top:0.65rem;}
.direction .info-wrap .info-list .right p{color:#666; font-size:1rem; line-height: 1.75;}
.direction .info-wrap .info-list .right p.tit{color: #333; font-weight: 600;}
.direction .info-wrap .info-list .right p em{color:var(--blue);}
.direction .info-wrap .info-list .right .way li{padding:1.5rem 0;}
.direction .info-wrap .info-list .right .way li:first-child{padding-top:0;}
.direction .info-wrap .info-list .right .way li:not(:last-child){border-bottom:dashed 1px #ddd;}
.direction .btn-wrap a.kakao{background: #eedb49; color:#333;}
.direction .btn-wrap a.kakao:hover{background: #ebd638; box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);}
.direction .btn-wrap a.kakao:after{filter: invert(1);}
.direction .btn-wrap a.naver{background: #03a84e; color:#fff;}
.direction .btn-wrap a.naver:hover{background: #029946; box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);}
@media (max-width:767px){
    .map{height:15rem;}
    .map > img{object-fit: cover; width:100%; height:100%;}
    .info-list03{flex-direction: column;}
    .direction .info-wrap .info-list03 .left,
    .direction .info-wrap .info-list03 .right{width:100%;}
}
@media (max-width:500px){
    .info-list{flex-direction: column;}
    .direction .info-wrap .info-list .left,
    .direction .info-wrap .info-list .right{width:100%;}
    .direction .btn-wrap a{width:50%;}
}


/********************************************************
■ 우리소 한우 -한우의 역사 및 개량
********************************************************/
.cow-his .cts-wrap.past .cow-his-bx{ background: #f4f6f8;}
.cow-his .cts-wrap.present .cow-his-bx{ background: #fbf5f5;}
.cow-his .cts-wrap:not(:last-child){margin-bottom:5rem;}
.cow-his .cts-bx:not(:last-child){margin-bottom:5rem;}
.cow-his .cow-his-bx{ padding:3rem; border-radius: 1rem;}
.cow-his .cow-his-bx .quote{ margin-bottom:2.25rem; text-align: center;}
.cow-his .cts-wrap .quote .tit{font-size:1.5rem; color:#333; font-weight: bold; position: relative; padding:0 3.5rem; display: inline-block; margin-bottom:1rem; line-height:1.3;}
.cow-his .cts-wrap .quote .tit:before{content:''; display:block; position:absolute; width:2.6rem; height:1.8rem; background:url('/images/default/content/Comma-left-blue.png')no-repeat center center; background-size: cover; top:50%; transform:translateY(-50%); left:0;}
.cow-his .cts-wrap .quote .tit:after{content:''; display:block; position:absolute; width:2.6rem; height:1.8rem; background:url('/images/default/content/Comma-right-blue.png')no-repeat center center; background-size: cover; top:50%; transform:translateY(-50%); right:0;}
.cow-his .cts-wrap.present .quote .tit:before{background:url('/images/default/content/Comma-left-red.png')no-repeat center center; background-size: cover;}
.cow-his .cts-wrap.present .quote .tit:after{background:url('/images/default/content/Comma-right-red.png')no-repeat center center; background-size: cover;}
.cow-his .cts-wrap .quote .tit em{color:var(--blue);}
.cow-his .cts-wrap.present .quote .tit em{color:#bf1e2d;}
.cow-his .cts-wrap .quote .txt{font-size:1rem; color:#333; line-height:1.5 ; font-weight: 500;}
.cow-his .column-wrap{display:flex; flex-wrap:wrap; margin:-0.8rem;}
.cow-his .column-wrap.column1 .column-list{width:100%;}
.cow-his .column-wrap.column3 .column-list{width:calc(100%/3 - 1.6rem); margin:0.8rem;}
.cow-his .column-wrap.column4 .column-list{width:calc(100%/4 - 1.6rem); margin:0.8rem;}
.cow-his .column-wrap.column5 .column-list{width:calc(100%/5 - 1.6rem); margin:0.8rem;}
.cow-his .column-wrap .column-list{background: #fff; border:solid 1px #ddd; border-radius: 0.75rem; padding:1.25rem; display: flex; flex-direction: column; align-items: center;}
.cow-his .column-wrap:not(.column1) .column-list .img-zone{border:solid 1px #ddd; border-radius: 0.5rem; overflow: hidden; margin-bottom:0.9rem; width:100%; min-height:9rem; display: flex; align-items: center; justify-content: center;}
.cow-his .past .cts-bx01 .column-wrap .column-list .img-zone,
.cow-his .past .cts-bx03 .column-wrap .column-list .img-zone{border:none;}
.cow-his .past .cts-bx01 .column-wrap .column-list .img-zone img,
.cow-his .past .cts-bx03 .column-wrap .column-list .img-zone img{border:solid 1px #ddd; border-radius: 0.5rem; overflow: hidden;}
.cow-his .past .cts-bx04 .column-wrap .column-list .img-zone img,
.cow-his .present .cts-bx02 .column-wrap .column-list .img-zone img{object-fit: cover; width:100%; height:100%;}
.cow-his .column-list .txt-zone{width:100%;}
.cow-his .column-list .txt-top{text-align: center; font-size:1.2rem; font-weight: bold; color:#333;}
.cow-his .column-list .txt-top em{font-size:1rem; font-weight: 500;}
.cow-his .column-list .txt-bt{margin-top:0.9rem; padding-top:0.9rem; border-top:solid 1px #ddd;}
.cow-his .column-list .txt-bt li{position: relative; padding-left:0.5rem; font-size:1rem; display: flex; align-items: center;}
.cow-his .column-list .txt-bt ul:not(.wd2) li:not(:last-child){margin-bottom:0.7rem;}
.cow-his .column-list .txt-bt li:before{content:''; display:block; position:absolute; width:4px; height:4px; background:#333; border-radius:50%; top:0.45rem; left:0;}
.cow-his .column-list .txt-bt ul.wd2{display:flex; flex-wrap: wrap; margin:-0.5rem;}
.cow-his .column-list .txt-bt ul.wd2 li{width:calc(100%/2 - 1rem); margin:0.5rem; align-items: flex-start;}
.cow-his .column-list .txt-bt li span{display: inline-block; width:3.75rem; font-weight: 600; color:#333;}
.cow-his .column-list .txt-bt li p{width:calc(100% - 3.75rem); color:#555;}
.cow-his .column-list .txt-bt li p em{font-size: 0.8rem;}
.cow-his .column-list .txt-bt > p{color:#777; font-size:1rem; line-height: 1.4; margin-top:1rem;}
.cow-his .column-list .txt-bt img{max-width: 100%;}
.cow-his .column-wrap.column1 .column-list{flex-direction: row; gap:1.3rem;}
.cow-his .column-wrap.column1 .column-list:not(:last-child){margin-bottom:1.7rem;}
.cow-his .column-wrap.column1 .column-list .img-zone{width:49%; display: flex; justify-content: space-between;}
.cow-his .column-wrap.column1 .column-list .img-zone img{max-width: 100%;}
.cow-his .column-wrap.column1 .column-list .txt-zone{width:calc(100% - 49% - 1.3rem);}
.cow-his .column-wrap.column1 .column-list .txt-top{text-align: left;}
.cow-his .column-wrap.column1 .column-list .txt-bt li span{width:7rem;}
.cow-his .column-wrap.column1 .column-list .txt-bt li p{width:calc(100% - 7rem);}
@media (max-width:1650px){
    .cow-his .column-wrap.column4 .column-list{width:calc(100%/2 - 1.6rem);}
    .cow-his .column-wrap.column5 .column-list{width:calc(100%/3 - 1.6rem);}
    .cow-his .column-wrap:not(.column1).column-list .img-zone img{object-fit: cover; width:100%; height:100%;}
    .cow-his .column-list .txt-bt ul.wd2 li{width:100%;}

    .cow-his .column-wrap.column1 .column-list{flex-direction: column;}
    .cow-his .column-wrap.column1 .column-list .img-zone{width:100%; justify-content: center; gap:1rem;}
    .cow-his .column-wrap.column1 .column-list .txt-zone{width:100%;}
}
@media (max-width:1300px){
    .cow-his .column-wrap.column3 .column-list{width:calc(100%/2 - 1.6rem);}
}
@media (max-width:1030px){
    .cow-his .cow-his-bx{padding:3rem 2rem;}
    .cow-his .column-wrap.column5 .column-list{width:calc(100%/2 - 1.6rem);}
    .cow-his .column-wrap.column1 .column-list .img-zone img{max-width:calc(50% - 0.5rem);}
}
@media (max-width:767px){
    .cow-his .cow-his-bx{padding:2rem 1rem;}
    .cow-his .column-wrap.column5 .column-list{width:100%;}
    .cow-his .present .cts-bx01 .column-wrap{width:100%; margin:0;}
    .cow-his .column-wrap.column4 .column-list,
    .cow-his .column-wrap.column3 .column-list{width:calc(100% - 1.6rem);}
}
@media (max-width:500px){
    .cow-his .column-wrap.column1 .column-list .img-zone{flex-direction: column;}
    .cow-his .column-wrap.column1 .column-list .img-zone img{max-width:100%;}
    .cow-his .column-list .txt-bt li span{width:4rem;}
    .cow-his .column-list .txt-bt li p{width:calc(100% - 4rem);}
    .cow-his .present .cts-bx01 .column-wrap .column-list .txt-bt li{flex-direction: column; align-items: flex-start; gap:0.5rem;}
    .cow-his .present .cts-bx01 .column-wrap .column-list .txt-bt li span,
    .cow-his .present .cts-bx01 .column-wrap .column-list .txt-bt li p{width:100%;}
}


/********************************************************
■ 질병상세검색
********************************************************/
.disease .cts-top .how{width:100%; border:solid 8px transparent; position:relative; border-radius: 0.75rem; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #004fa2 0%, #388ee8 100%); background-origin: border-box;background-clip: content-box, border-box;}
.disease .cts-top .how:after{content:''; display:block; position:absolute; width:9.25rem; height:7.1rem; background:url('/images/default/content/search-cow.png')no-repeat center center; background-size: cover; bottom:0; right:5.3rem;}
.disease .cts-top .how > div{padding:2.25rem 3.5rem; background: #fff; border-radius: 0.75rem;}
.disease .cts-top .how .tit{font-weight:bold; padding-bottom:1.5rem;}
.disease .cts-top .how li{font-size:0.9rem; position:relative; padding-left:0.7rem; color:#333;}
.disease .cts-top .how li:not(:last-child){margin-bottom:0.6rem;}
.disease .cts-top .how li::before{content:''; display:block; position:absolute; width:4px; height:4px; background:#333; border-radius:50%; top:0.4rem; left:0;}
.disease .search-wrap{margin-top:3.8rem; padding-bottom:1.2rem; border-bottom:solid 2px #333;}
.disease .search{justify-content: center;}
.disease .cts-bottom,
.disease .result-wrap{margin-top:4.25rem;}
.ds-list-bx{padding:2.8rem 1.25rem 1.25rem; background: #f4f6f8; border-radius:1rem ; position: relative; margin-top:2.5rem;}
.ds-list-bx .tit{position: absolute; top:-1.5rem; left:50%; transform:translateX(-50%); font-size:1.15rem; font-weight: 600; color:#fff; background: var(--blue); border-radius: 1.5rem; outline:solid 8px #fff; width:11.75rem; height:3rem; line-height: 3rem; text-align: center;}
.disease .ds-list-wrap{display:flex; flex-wrap:wrap; margin:-0.5rem;}
.disease .ds-list-wrap .ds-list{width:calc(100%/5 - 1rem); margin:0.5rem; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; background: #fff;}
.disease .ds-list-wrap .ds-list a{color:#333; font-size:1rem; display: inline-block; width:100%; height:3.25rem; line-height: 1.25; text-align: center; display: flex; align-items: center; justify-content: center; padding:0.5rem;}
.disease .ds-list-wrap .ds-list:hover{outline: solid 1px var(--blue);}
.disease .ds-list-wrap .ds-list:hover a{color: var(--blue); font-weight: 600;}

.disease .result-wrap h6 a{font-size:1rem; color:#333; font-weight: 600; padding-bottom:0.5rem; display: inline-block;}
.disease .result-wrap ul:first-of-type{border-top: solid 1px #333;}
.disease .result-wrap ul li{padding:2rem 0; border-bottom:solid 1px #ccc; cursor: pointer;}
.disease .result-wrap ul li:hover h6 a{color: var(--blue);}
.disease .result-wrap p{font-size: 0.8rem; color:#666; line-height: 1.5;}
@media (max-width:1650px){
    .disease .ds-list-wrap .ds-list{width:calc(100%/4 - 1rem);}
}
@media (max-width:1030px){
    .disease .cts-top .how > div{padding:2.25rem 2rem;}
    .disease .cts-top .how:after{right:2rem; width:7rem; height:5.35rem;}
    .disease .ds-list-wrap .ds-list{width:calc(100%/3 - 1rem);}
    .disease .cts-top .how li{line-height: 1.5;}
}
@media (max-width:767px){
    .disease .ds-list-wrap .ds-list{width:calc(100%/2 - 1rem);}
    .disease .ds-list-wrap .ds-list a{min-height:3.25rem; height:auto;}
}
@media (max-width:700px){
    .disease .cts-top .how:after{display: none;}
}


/********************************************************
■ 질병
********************************************************/
.sickness{line-height: 1.5;}
.sickness .cts-wrap{margin-top:3rem;}
.sickness .cts-wrap .cts-bx:not(:last-child){margin-bottom:4.3rem;}
.sickness .cts-wrap .bx-cts:not(:last-child){margin-bottom:3.5rem;}
.sickness .cts-wrap .bx-tb-wrap:not(:last-child){margin-bottom:1.5rem;}
.sickness .cts-bx .img-zone{width:100%; border: solid 1px #ddd; border-radius: 0.75rem; padding:2rem 1.75rem;}
.sickness .cts-bx .img-zone img{max-width: 100%;}
.sickness .cts-bx .img-zone.center{text-align: center;}
.sickness .cts-bx .img-zone p{font-size:0.8rem; color:#666;}
.sickness .cts-bx .img-zone.center p{text-align: right; padding-top:1rem;}
.sickness .cts-bx .f20{margin-top:3rem;}
.sickness .cts-bx .txt { margin: 0.5rem 0; font-size:1rem;}
.sickness .de-list{margin:0.8rem 0 0 0.5rem;}
.sickness .cts-bx .point + .de-list{margin-top:0;}
.sickness .de-list li{position: relative; padding-left: 0.5rem;}
.sickness .de-list li:before{content:''; display:block; position:absolute; width:4px; height:4px; background:#333; border-radius:50%; top:0.65rem; left:0;}
.sickness .de-list li:not(:last-child){margin-bottom:0.3rem;}
.sickness .cts-wrap .bx-cts .txt:first-of-type{margin-top:1.5rem;}
.sickness .cts-bx .de-tb{margin-top:1.5rem;}
@media (max-width:767px){
    .Diarrhea-img{width:80%;}
}
@media (max-width:460px){
    .Diarrhea-img{width:100%;}
}

/********************************************************
■ 한우왕 사양프로그램
********************************************************/
.cowProgram .btn-wrap{justify-content: flex-start; margin-top:-2rem; margin-bottom:1.5rem;}
.cowProgram .btn-wrap a{border:solid 1px var(--blue); color: var(--blue); width:auto; padding:0 2.5rem 0 1rem; box-shadow: 0px 8px 15px rgb(0 0 0 / 5%);}
.cowProgram .btn-wrap a:hover{background:var(--blue); color:#fff;}
.cowProgram .btn-wrap a.link:after{right:1rem; background: url(/images/default/main/go-link-blue.svg) no-repeat center center; background-size: cover;}
.cowProgram .btn-wrap a.link:hover:after{background: url(/images/default/main/go-link.svg) no-repeat center center; background-size: cover;}
.cowProgram .purpose-wrap{margin-bottom:0;}
.cowProgram .cts-bx:not(:last-child){margin-bottom:4.3rem;}
.list-txt > li{font-size:1rem; color:#333; position:relative; padding-left:0.5rem; line-height: 1.5;}
.list-txt > li::before{content:''; display:block; position:absolute; width:4px; height:4px; background:#333; border-radius:50%; top:0.65rem; left:0;}
.list-txt li:not(:last-child){margin-bottom:0.3rem;}
.list-txt > li > ul{margin-top:0.3rem;}
.list-txt > li > ul > li{font-size:0.9rem; color:#333; position:relative; padding-left:0.7rem; line-height: 1.5;}
.list-txt > li > ul > li::before{content:''; display:block; position:absolute; width:0.3rem; height:1px; background: #000000; top:50%; transform:translateY(-50%); left:0;}

.list-txt02 > li:before{display:none;}
.list-txt02 > li > ul > li::before {display:none;}
.list-txt02 > li:not(:last-child){margin-bottom:0.75rem;}


.list-txt + .img-zone{margin-top:1.5rem;}
.cowProgram .cts-bx .img-zone{width:100%; border: solid 1px #ddd; border-radius: 0.75rem; padding:2rem 1.75rem;}
.cowProgram .cts-bx .img-zone img{max-width: 100%;}
.cowProgram .cts-bx .img-zone.center{text-align: center;}
.cowProgram .cts-bx .img-zone p{font-size:0.8rem; color:#666;}
.cowProgram .cts-bx .img-zone.center p{text-align: right; padding-top:1rem;}