/*패딩*/
.pt0 						{ padding-top:0;}
.pl0 						{ padding-left:0;}
.pr0 						{ padding-right:0;}
.pb0 						{ padding-bottom:0;}


/*마진*/
.mr10						{ margin-right:10px; }
.mr20						{ margin-right:20px; }
.mr30						{ margin-right:30px; }
.mr40						{ margin-right:40px; }
.mr50						{ margin-right:50px; }
.mr60						{ margin-right:60px; }

.ml10						{ margin-left:10px; }
.ml20						{ margin-left:20px; }
.ml30						{ margin-left:30px; }
.ml40						{ margin-left:40px; }
.ml50						{ margin-left:50px; }
.ml60						{ margin-left:60px; }


.mt10						{ margin-top:10px; }
.tb12						{ margin-top:12px; }
.mt15						{ margin-top:15px; }
.mt16						{ margin-top:16px; }
.mt20						{ margin-top:20px; }
.mt24						{ margin-top:24px; }
.mt30						{ margin-top:30px; }
.mt40                       { margin-top:40px; }
.mt48                       { margin-top:48px; }
.mt50                       { margin-top:50px; }
.mt60                       { margin-top:60px; }
.mt70                       { margin-top:70px; }
.mt80                       { margin-top:80px; }
.mt90                       { margin-top:90px; }
.mt100                      { margin-top:100px; }

.mb10						{ margin-bottom:10px; }
.mb12						{ margin-bottom:12px; }
.mb15						{ margin-bottom:15px; }
.mb16						{ margin-bottom:16px; }
.mb20						{ margin-bottom:20px; }
.mb20_2						{ margin-bottom:20px; }
.mb24						{ margin-bottom:24px; }
.mb30						{ margin-bottom:30px; }
.mb40                       { margin-bottom:40px; }
.mb48                       { margin-bottom:48px; }
.mb50                       { margin-bottom:50px; }
.mb60                       { margin-bottom:60px; }
.mb70                       { margin-bottom:70px; }
.mb80                       { margin-bottom:80px; }
.mb90                       { margin-bottom:90px; }
.mb100                      { margin-bottom:100px; }

.frame_pc { display:block; }
.frame_mob { display:none; }

.contents img						{ width:auto; max-width:100%;}
.contents strong					{ vertical-align:baseline; }
.contents .section					{ margin:50px 50px 0;  /*주황색 박스 넘버링 카운터 생성 counter-reset: decimal-counter;*/}


/*Image*/
.cenImg					    { text-align:center; }
.cenImg img				    { width:auto; max-width:100%;}
.cenImg span { font-size: 16px; line-height: 1.4; text-align: center; color: #333; display: block !important; margin: 4px auto 0;}

 /*2 images and 1 caption*/
.imgBox { display:block; width:100%; }
.imgBox .inner { display: flex; justify-content: center; gap: 20px; width: 100%; padding: 0 0 0; }
.imgBox img { width:auto; max-width:100%; border: 1px solid #d3c5be; vertical-align: baseline;}
.imgBox p { display:inline-block; text-align:center; line-height: 0; vertical-align: baseline;}
.imgBox span { font-size: 16px; text-align:center; color:#333; display: block; margin: 4px auto 0;}

 /*Image multi*/
.imgBox_multi { display:block; width:100%; }
.imgBox_multi .inner { display: flex; justify-content: center; gap: 20px; width: 100%; padding: 0 0 0; }
.imgBox_multi img { width: auto; max-width: 100%; border: 1px solid #d3c5be;}
.imgBox_multi p { display: flex; text-align: center; flex-direction: column; }
.imgBox_multi span {font-size: 16px; line-height: 1.4; text-align:center; color:#333; display: block; margin: 4px auto 0;}
.flexWrap { display: flex; flex-wrap: wrap;}

 /* 5 Images */
.imgBox_multi p.multiple { display: flex; text-align: center; flex-direction: column; flex: 1 1 40%;}

.tl { text-align:left;}
.tr	{ text-align:right;}
.tc	{ text-align:center;}
.tl img, .tr img, .tc img	 {  width:auto; max-width:100%;}
.tl span, .tr span, .tc span { font-size: 16px; color: #797979; display: block !important; background-color: #eee; height:26px;}
.rImg { float:right; }
.lImg { float:left; }
.rImg img, .lImg img { width:auto; max-width:100%; border: 1px solid #d3c5be;}
.rImg span, .lImg span { font-size: 16px; line-height: 1.4; text-align: center !important; color: #333; display: block !important; margin: 4px auto 0;}

.f_img1	{ display: flex; flex-flow: column;}
.f_img2	{ display: flex; flex-flow: column; flex-direction: row; column-gap: 20px; flex-wrap: wrap;}
.f_img2 div { width: 40%; flex: 1 1 40%;}
.f_img2 div span{ font-size: 14px; background: none; color: #797979; line-height: 1.8; }
.f_img2 figcaption { width: 100%;}
.overflow_xscroll figcaption p { font-size: 14px; color: #797979; background-color: #eee; line-height: 1.8;}
figure img	{ margin-inline: auto;}
figcaption	{ font-size: 14px; color: #797979; background-color: #eee; line-height: 18px; padding: 6px 0;}
.fi_p	{ text-align:center; font-size:14px; color:#797979; background-color:#eee; height:auto; min-height:26px; line-height:1.8}
.fig_mob_oneimg	{ max-width:100%; width:810px; margin-inline: auto; text-align:center;}
.fig_mob	{ max-width:100%; width:395px; margin-inline: auto;}
.fig_mob3	{ max-width:100%; width:256px; margin-inline: auto;}
.overflow_xscroll figcaption p { font-size: 14px; color: #797979; background-color: #eee; line-height: 1.8;}

.depth4Tit { display: block; position: relative; margin: 0 0 24px 0; }

.rImg img:after, .lImg img :after {content: ''; display: block; clear: both;}
.imgBox:after {content: ''; display: block; clear: both;}
.imgBox img:after {content: ''; display: block; clear: both;}
.imgBox_multi:after {content: ''; display: block; clear: both;}
.imgBox_multi img:after {content: ''; display: block; clear: both;}
.imgBox_multi span:after { content: ''; clear: both;}

/*img border-radius-*/
.radius { border-radius: 8px}


/*이미지 특수 상황*/
.width25 { width: 25%;}
.width50 { width: 50%;}
.width60 { width: 60%;}
.width70 { width: 70%;}
.img4_6.lImg { width: 60%; }
.img4_6.rImg { width: 46%;}
.number_list.li50 .width50:nth-child(3) {float: left;}
.number_list.li50 .width50:nth-child(4) {float: right;}


/*목차 index*/
.index { display: block; width: 100%; }

.index_tit { display: block; width: max-content; margin: 0 auto 40px; text-align: center; font-size: 36px; color: #63504a; font-weight: 600; letter-spacing: -0.05em; border-bottom: 4px solid #63504a;}
.index_tit strong { color: #ee831f}
/*1depth*/
.index>ul { display: flex; flex-flow: row wrap; flex-wrap: wrap; align-content: stretch; position: relative; gap: 20px 20px;}
.index>ul>li { word-wrap: break-word; margin: 0 0 68px 0; vertical-align: middle; line-height: 1.4; flex: 1 1 40%;}
.index>ul>li:first-child { margin: 0;}
.index>ul>li:after { content: ""; clear: both;}
.index>ul>li>span { display: block;font-size: 22px; font-weight: 600; letter-spacing: -0.075em; color: #ee831f; line-height: 1.4; position: relative; padding: 16px 0 0; vertical-align: middle;}
.index>ul>li>span:before { content: ""; width: 50px; height: 3px; background: #c5c73d; position: absolute; top: 0; left: 0;}

.index>ul>li:nth-child(10) span:before { content: ""; width: 60px; height: 3px; background: #c5c73d; position: absolute; top: 0; left: 0;}
.index>ul>li:nth-child(11) span:before { content: ""; width: 60px; height: 3px; background: #c5c73d; position: absolute; top: 0; left: 0;}
/* .index>ul>li:nth-child(4)>div { background: url(../img/layout/list_img1.png) right bottom no-repeat; background-size: auto;} */

.img_select		{ position:absolute; bottom:50px; right:64px;}


.index:after { content: ""; clear: both;}
.index>ul:after { content: ""; clear: both;}
.index>ul>li:after { content: ""; clear: both;}
.index>ul>li>a:after { content: ""; clear: both;}
.index>ul>li>a>div:after { content: ""; clear: both;}

/*2depth*/
.index>ul>li>div>ul>li { vertical-align: middle; line-height: 1.4;}
.index>ul>li>div>ul>li>span { display: block; color: #333; font-size: 20px; font-weight: 500; vertical-align: middle; line-height: 1.4;}
.index>ul>li>div>ul>li>span>a { display: block; color: #333; font-size: 20px; font-weight: 500; vertical-align: middle; line-height: 1.4;}
.index>ul>li>div { margin-top: 20px; }
.index>ul>li>div>ul { display: flex; flex-wrap: wrap; flex-direction: column; align-content: stretch; gap: 20px 20px; margin: 0 0 0 16px;}
.index>ul>li>div>ul>li { flex: 1 1 40%; list-style: initial; vertical-align: middle; line-height: 1.4;}
.index>ul>li>div>ul>li::marker  { content: "· "; font-size: 20px; font-weight: 500; vertical-align: middle;  line-height: 1.4;}


/*3depth*/

.index>ul>li>div>ul>li>div>ul { display: flex; flex-wrap: wrap; flex-direction: column; align-content: stretch; margin: 16px 0 0 12px; }
.index>ul>li>div>ul>li>div>ul>li { list-style: initial; vertical-align: middle; line-height: 1.4;}
.index>ul>li>div>ul>li>div>ul>li::marker { content: "-  "; color: #555; font-size: 19px; font-weight: 400; vertical-align: middle; line-height: 1.4;}
.index>ul>li>div>ul>li>div>ul>li>span { display: block; color: #555; font-size: 19px; font-weight: 400; vertical-align: middle; line-height: 1.4;}
.index>ul>li>div>ul>li>div>ul>li>span>a { display: block; color: #555; font-size: 19px; font-weight: 400; vertical-align: middle;  line-height: 1.4;}


/*젖소질병도감하단 버튼*/
.conBtn { margin: 60px auto 0; border-top: 1px solid #ebebeb; padding: 40px 0 0 0; display: flex; gap: 28px; justify-content: center; flex-wrap: wrap;}
.conBtn a { color: #fff; text-decoration: none; height: 60px; display: flex; align-items: center; justify-content: center; gap: 6px; letter-spacing: -0.025rem; transition: transform 0.2s}
.conBtn a:hover { transform: scale(1.1);}
.conBtn::after { clear: both; content: ""; display: none;}
.conBtn .listBtn { width: 196px; height: 60px; border-radius: 50px; text-align: center; border: 1px solid #65adda; background-color: #65adda; color: #fff100; font-size: 24px; font-weight: 500; transition: transform 0.2s, background-color 0.2s;}
.conBtn .listBtn a em { font-style: normal; color: #fff100; font-size: 24px; transition: transform 0.2s;}
.conBtn .listBtn:hover { transform: scale(1.05);}

.conBtn .downBtn { width: 196px; height: 60px; border-radius: 50px; text-align: center; border: 1px solid #65adda; background-color: #65adda; color: #fff100; font-size: 24px; font-weight: 500; transition: transform 0.2s, background-color 0.2s;}
.conBtn .downBtn a em { font-style: normal; color: #fff100; font-size: 24px; transition: transform 0.2s;}
.conBtn .downBtn:hover { transform: scale(1.05);}

/* c9메인 버튼부분 */
.conBtn .listBtn2 { width: 170px; height: 60px; border-radius: 50px; text-align: center; border: 1px solid #65adda; background-color: #65adda; color: #fff100; font-size: 24px; font-weight: 500; transition: transform 0.2s, background-color 0.2s;}
.conBtn .listBtn2 a em { font-style: normal; color: #fff100; font-size: 24px; transition: transform 0.2s;}
.conBtn .listBtn2:hover { transform: scale(1.05);}

.conBtn .downBtn2 { width: 170px; height: 60px; border-radius: 50px; text-align: center; border: 1px solid #65adda; background-color: #65adda; color: #fff100; font-size: 24px; font-weight: 500; transition: transform 0.2s, background-color 0.2s;}
.conBtn .downBtn2 a em { font-style: normal; color: #fff100; font-size: 24px; transition: transform 0.2s;}
.conBtn .downBtn2:hover { transform: scale(1.05);}

.conBtn .listBtn3 { width: 170px; height: 60px; border-radius: 50px; text-align: center; border: 1px solid #63504a; background-color: #63504a; color: #fff100; font-size: 24px; font-weight: 500; transition: transform 0.2s, background-color 0.2s;}
.conBtn .listBtn3 a em { font-style: normal; color: #ee831f; font-size: 24px; transition: transform 0.2s;}
.conBtn .listBtn3:hover { transform: scale(1.05);}

.conBtn .downBtn3 { width: 170px; height: 60px; border-radius: 50px; text-align: center; border: 1px solid #9c9492; background-color: #9c9492; color: #fff100; font-size: 24px; font-weight: 500; transition: transform 0.2s, background-color 0.2s;}
.conBtn .downBtn3 a em { font-style: normal; color: #5e4a44; font-size: 24px; transition: transform 0.2s;}
.conBtn .downBtn3:hover { transform: scale(1.05);}
/* c9메인 버튼부분 끝 */

/*퀵메뉴 버튼*/
.quickMenu { display: flex; flex-direction: column; gap: 10px; bottom: 20px; right: calc(8% + 20px); position: fixed;  transition: top 0.6s cubic-bezier(0.4, 0, 0.2, 1), bottom 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1000; }
.quickBtn { background: none; border: none; padding: 0; cursor: pointer;}
.quickBtn img { display: block; width: 60px; height: 60px; transition: transform 0.2s;}
.quickBtn:hover img { transform: scale(1.1);}
.quickMenu.scrollingActive { top: 50%; bottom: auto; transform: translateY(-50%); transition: top 0.6s cubic-bezier(0.4, 0, 0.2, 1), bottom 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}

/*서브 기본 타이틀*/
.depth3Tit { display: block;font-size: 26px; font-weight: 600; letter-spacing: -0.06em; line-height: 1.2; position: relative; padding: 16px 0 0; margin: 0 0 36px 0;}
.depth3Tit:before { content: ""; width: 84px; height: 3px; background: #ee831f; position: absolute; top: 0; left: 0;}
.depth4Tit { display: block; position: relative; margin: 0 0 15px 0;}
.depth4Tit span { color: #0076b6; font-weight: 500; font-size: 26px; letter-spacing: -0.06em; line-height: 1.2; background: #fff; display: inline-block; vertical-align: baseline; padding: 0 0 0 16px;}

.depth4Tit span:before { content: ""; width: 10px; height: 10px; border-radius: 100%; background: #0076b6; position: absolute; top: 16%; left: 0; transform: translateY(-50%); margin: 0; z-index: 1;}

.c8Tit_disease { background: linear-gradient(to right, #005aa7, #ffffff); color: #fff; border-radius: 90px 0 0 90px; padding: 8px 0 8px 26px; display: inline-block; margin: 0 auto 28px; font-size: 28px; font-weight: 500; line-height: 1.2;  width: calc(100% - 26px);}
/*.c8Tit_disease:before { counter-increment: decimal-counter; content: counter(decimal-counter) ". ";} 주황색 박스 넘버링 카운터 출력*/
.subTit { font-size: 20px; color: #333;  margin: 0 auto 24px; font-weight: 600;}
.subTxt { font-size: 18px; color: #333;  margin: 0 auto 16px;}
.subTit1 { font-size: 18px; color: #333;  text-align:center;  margin: 0 auto 16px; font-weight: 400;}
.subTit2 { font-size: 18px; color: #aed24c;  text-align:center;  margin: 0 auto 16px; font-weight: 500;}
.tbTit { font-size: 20px; color: #333;  text-align:center; margin: 0 auto 20px; font-weight: 600;}

/*기본 텍스트*/
.cont_descBox { display: inline-block;}
.cont_column { display: block;}
.cont_desc { font-size: 19px; line-height: 1.6; color: #333; letter-spacing: -0.025rem; text-align: justify; word-wrap: break-word; word-break: break-all;}
.cont_intro { font-size: 18px; line-height: 1.6; color: #333333; letter-spacing: -0.025rem; text-align: justify; word-wrap: break-word; word-break: break-all;}
.cont_desc:after {content: ''; display: block; clear: both;}
.cont_descBox>.cont_desc:after {content: ''; display: inline-block; clear: both;}

/*박스 기본*/
.cont_box { display: block; background: #fff0ea; padding: 26px 40px; border-radius: 8px;}
.cont_box strong { font-size: 24px; color: #333; letter-spacing: -0.025rem;}
.cont_box .boxTxt { font-size: 21px; line-height: 1.6; margin-top: 16px; color: #333; letter-spacing: -0.025rem;}

.cont_box2 { display: block; }
.cont_box2 ul.listBox li { display: block; padding: 12px 18px; margin: 4px auto;}
.cont_box2 ul.listBox li:nth-child(odd) { background: #ffede3; }
.cont_box2 ul.listBox li:nth-child(even) { background: #fff3ed; }


/*※ 주의:*/
.referenceMark { display: flex;}
.referenceMark::before { content: "※ 주의: "; margin-right: 12px; flex-basis: auto; flex-shrink: 0;}


/*숫자넘버링*/
.number_list { counter-reset: number 0;}
.number_list>li { display: flex; box-sizing:border-box; line-height: 1.6; margin-top: 16px; color: #333; letter-spacing: -0.025rem;}
.number_list>li:first-child { margin-top: 0;}
.number_list>li::before { counter-increment: number 1; content: counter(number)")"; line-height: 1.6; color: #333; letter-spacing: -0.025rem; padding-right: 4px; flex-basis: auto; flex-shrink: 0; flex-grow: 0;}
.number_list>li>div { flex: 1 1 30%; display: flex; flex-direction: column;}


/*원형숫자넘버링*/
@counter-style circled-decimal {
system: fixed 0;
symbols: '\24EA' '\2460' '\2461' '\2462' '\2463' '\2464' '\2465' '\2466' '\2467' '\2468' '\2469' '\246A' '\246B' '\246C' '\246D' '\246E' '\246F' '\2470' '\2471' '\2472' '\2473' '\3251' '\3252' '\3253' '\3254' '\3255' '\3256' '\3257' '\3258' '\3259' '\325a' '\325b' '\325c' '\325d' '\325e' '\325f' '\32b1' '\32b2' '\32b3' '\32b4' '\32b5' '\32b6' '\32b7' '\32b8' '\32b9' '\32ba' '\32bb' '\32bc' '\32bd' '\32be' '\32bf';
/* symbols: '?' '①' '②' '③' '④' '⑤' '⑥' '⑦' '⑧' '⑨' '⑩' '⑪' '⑫' '⑬' '⑭' '⑮' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?' '?'; */
suffix: ' ';
}
.circle_list { counter-reset: circled-decimal 0;}
.circle_list>li { display: flex; box-sizing:border-box; line-height: 1.6; margin-top: 8px; color: #333; letter-spacing: -0.025rem;}
.circle_list>li:first-child { margin-top: 0;}
.circle_list>li::before {counter-increment: circled-decimal; content: counter(circled-decimal, circled-decimal) " "; line-height: 1.6; color: #333; letter-spacing: -0.025rem; padding-right: 4px; flex-basis: auto; flex-shrink: 0; flex-grow: 0;}


.cont_column>.number_list>li>div { flex: 1 1 30%; display: flex; flex-direction: column;}
.cont_column>.number_list>li>p { max-width:260px; width: 100%; margin-left: 40px;}
.cont_column>.number_list>li>p.tc,
.cont_column>.number_list>li>p.cenImg{ margin: 12px auto 0; max-width: 100%;}


/*한글넘버링*/
.string_ko_list { counter-reset: hangul-counter;}
.string_ko_list>li { display: flex; box-sizing:border-box; line-height: 1.6; margin-top: 16px; color: #333; letter-spacing: -0.025rem;}
.string_ko_list>li:first-child { margin-top: 0;}
.string_ko_list>li::before {  counter-increment: hangul-counter; content: counter(hangul-counter, hangul)".";  line-height: 1.6; color: #333; letter-spacing: -0.025rem; padding-right: 4px; flex-basis: auto; flex-shrink: 0; flex-grow: 0;}
.string_ko_list>li>div { flex: 1 1 30%; display: flex; flex-direction: column;}
.string_ko_list>li>div>span { display: flex; flex-basis: auto; flex-shrink: 0;}
.string_ko_list>li p { max-width:260px; width: 100%; margin-left: 40px;}
.string_ko_list>li p.tc { margin: 12px auto 0; max-width: 100%;}

.string_ko_list .item { display: flex; box-sizing:border-box; line-height: 1.6; margin-top: 16px; color: #333; letter-spacing: -0.025rem;}
.string_ko_list .item:first-child { margin-top: 0;}
.string_ko_list .item::before {  counter-increment: hangul-counter; content: counter(hangul-counter, hangul)".";  line-height: 1.6; color: #333; letter-spacing: -0.025rem; padding-right: 4px; flex-basis: auto; flex-shrink: 0; flex-grow: 0;}
.string_ko_list .item>div { display: inline-block; flex: 0 0 97%;}
.string_ko_list .item>div span { display: block; flex: 0 0 100%; width: 100%; font-weight: 400;}

/*오른쪽을 가리키는 오른쪽 삼각형 리스트*/
.trianglePoint_list>li { display: flex; box-sizing:border-box; line-height: 1.6; margin-top: 16px; color: #333; letter-spacing: -0.025rem;}
.trianglePoint_list>li:first-child { margin-top: 0;}
.trianglePoint_list>li::before  { content: "▶ "; line-height: 1.6; color: #333; letter-spacing: -0.025rem; padding-right: 4px; flex-basis: auto; flex-shrink: 0; flex-grow: 0; }

.trianglePoint_list .item { display: flex; box-sizing:border-box; line-height: 1.6; margin-top: 16px; color: #333; letter-spacing: -0.025rem;}
.trianglePoint_list .item:first-child { margin-top: 0;}
.trianglePoint_list .item::before  { content: "▶ "; line-height: 1.6; color: #333; letter-spacing: -0.025rem; padding-right: 4px; flex-basis: auto; flex-shrink: 0; flex-grow: 0; }
.trianglePoint_list .item>div { display: inline-block; flex: 0 0 97%;}
.trianglePoint_list .item>div span { display: block; flex: 0 0 100%; width: 100%; font-weight: 400;}


/*아래쪽을 가리키는 정삼각형 중간형 리스트*/
.trianglePointDown { width: fit-content; text-align: center;}
.trianglePointDown>li { display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; box-sizing:border-box; line-height: 1.6; margin-top: 16px; color: #333; letter-spacing: -0.025rem; text-align: center;}
.trianglePointDown>li:first-child { margin-top: 0;}
.trianglePointDown>li::after  { content: "▼"; line-height: 1.6; color: #333; letter-spacing: -0.025rem; padding-right: 4px; flex-basis: 0; flex-shrink: 1; flex-grow: 1; display: block;}
.trianglePointDown>li:last-child::after { display: none; line-height: 0; }

/*dot 리스트*/
.dot_list>li { display: flex; box-sizing:border-box; line-height: 1.6; margin-top: 16px; color: #333; letter-spacing: -0.025rem;}
.dot_list>li:first-child { margin-top: 0;}
.dot_list>li::before  { content: "· "; line-height: 1.6; color: #333; letter-spacing: -0.025rem; padding-right: 4px; flex-basis: auto; flex-shrink: 0; flex-grow: 0; }
.dot_list .item>div { display: inline-block; flex: 0 0 97%;}
.dot_list .item>div span { display: block; flex: 0 0 100%; width: 100%; font-weight: 400;}

/*dash 리스트*/
.dash_list>li { display: flex; box-sizing:border-box; line-height: 1.6; margin-top: 16px; color: #333; letter-spacing: -0.025rem;}
.dash_list>li:first-child { margin-top: 0;}
.dash_list>li::before  { content: "- "; line-height: 1.6; color: #333; letter-spacing: -0.025rem; padding-right: 4px; flex-basis: auto; flex-shrink: 0; flex-grow: 0; }
.dash_list .item>div { display: inline-block; flex: 0 0 97%;}
.dash_list .item>div span { display: block; flex: 0 0 100%; width: 100%; font-weight: 400;}

/*리스트 2뎁스로 사용시 50% 2단*/
.row2_Half { display: flex; align-items: baseline; justify-content: flex-start;}
.row2_Half li{flex-basis: 50%;}


/*젖소 외부 부위, 내부 기관 리스트*/
ul.descList { padding:20px 0 0; display: flex; justify-content: center; align-items: stretch; align-content: space-around; flex-wrap: wrap; gap: 20px; box-sizing:border-box; }
ul.descList li { box-sizing:border-box; letter-spacing: -0.025rem; padding: 0 40px;}
ul.descList li p { font-size: 19px; font-weight: 400; line-height: 1; margin-bottom: 28px; letter-spacing: -0.025rem;}
ul.descList li p:last-child {margin-bottom: 0;}
.cont_column ul.descList li { padding: 0;}


/*바디스코어 테이블*/
.bcsTable { width: 100%;}
.thCen { text-align: center;}
.bcsTable tr:nth-child(1)>th { width: 100%; margin: 0 auto;}
.bcsTable tr>th>h5 { display: inline-block; text-align: center; margin:0 auto; padding: 8px 0;border-top:6px solid #EFD123;border-bottom:6px solid #EFD123; margin:0 auto;}
.bcsTable tr:nth-child(2)>th h6.subTxt { display: inline-block; text-align: center; margin:0 auto; padding: 8px 0;border-bottom:2px solid #EFD123;border-top:2px solid #EFD123;}
.bcsTable th, .bcsTable td { vertical-align: baseline; width: 50%; margin: 0 auto; padding: 20px 12px; border: 1px solid #ededed; display: table-cell; align-content: center; vertical-align: middle;}
.bcsTable td table th, .bcsTable td table td { padding:0; border: 0;} 
.bcsTable td table { display: flex; justify-content: center; }


@media (max-width:1600px){
    .quickMenu { right: 20px;}
    
}

@media (max-width:1020px){
    
    /*목차 반응형*/
    .index { display: block; width: 100%; margin: 0 auto;}
    .index_tit { margin: 0 auto 20px; font-size: 28px; border-bottom: 2px solid #63504a;}
    .index>ul { position: inherit; display: flex; flex-wrap: wrap; flex-flow: row wrap; flex-direction: column; align-items: stretch;}
    .index>ul>li>div { margin-top: 10px;}
    .index>ul>li>span { display: inline-block;}
    
    .index>ul>li:nth-child(1)>div { background-size: 70%;}

}


@media (max-width:750px){
    
    /*모바일 기본 반응형*/
    .frame_pc  { display:none; }						
    .frame_mob { display:block; }

    /*마진*/
    .mr10						{ margin-right:5px; }
    .mr20						{ margin-right:10px; }
    .mr30						{ margin-right:15px; }
    .mr40						{ margin-right:20px; }
    .mr50						{ margin-right:25px; }
    .mr60						{ margin-right:30px; }

    .ml10						{ margin-left:5px; }
    .ml20						{ margin-left:10px; }
    .ml30						{ margin-left:15px; }
    .ml40						{ margin-left:20px; }
    .ml50						{ margin-left:25px; }
    .ml60						{ margin-left:30px; }

    .mt10						{ margin-top:5px; }
    .mt12						{ margin-top:6px; }
    .mt15						{ margin-top:7.5px; }
    .mt16						{ margin-top:8px; }
    .mt20						{ margin-top:10px; }
    .mt24						{ margin-top:12px; }
    .mt30						{ margin-top:15px; }
    .mt40                       { margin-top:20px; }
    .mt48                       { margin-top:24px; }
    .mt50                       { margin-top:25px; }
    .mt60                       { margin-top:30px; }
    .mt70                       { margin-top:35px; }
    .mt80                       { margin-top:40px; }
    .mt90                       { margin-top:45px; }
    .mt100                      { margin-top:50px; }

    
    .mb10						{ margin-bottom:5px; }
    .mb12						{ margin-bottom:6px; }
    .mb15						{ margin-bottom:7.5px; }
    .mb16						{ margin-bottom:8px; }
    .mb20						{ margin-bottom:10px; }
	.mb20_2						{ margin-bottom:20px; }
    .mb24						{ margin-bottom:12px; }
    .mb30						{ margin-bottom:15px; }
    .mb40                       { margin-bottom:20px; }
    .mb48                       { margin-bottom:24px; }
    .mb50                       { margin-bottom:25px; }
    .mb60                       { margin-bottom:30px; }
    .mb70                       { margin-bottom:35px; }
    .mb80                       { margin-bottom:40px; }
    .mb90                       { margin-bottom:45px; }
    .mb100                       { margin-bottom:50px; }
    
    /*Image*/
   
    .tl img, .tr img, .tc img   { width:auto;}
    .rImg, .lImg	{ width: 100%; display:block; margin: 0 auto; /*padding: 0 0 20px;*/ text-align:center; float:none; }
    .cont_desc>.rImg, .cont_desc>.lImg,
    .cont_desc >.cont_column>.rImg, .cont_desc>.cont_column>.lImg
    { width: 100%; display:block; margin: 0 auto 20px; text-align:center; float:none;  }
    .rImg img,
	.lImg img		{ width:auto;}
    
    .imgBox			{ width:100%; display:block; padding:0 !important; }
    .imgBox .inner  { flex-direction: column; align-items: center; gap: 12px;}
    .imgBox	p		{ display:block; text-align:center; padding:0; /*padding:0 0 20px gap20으로 삭제;*/}
    .imgBox	p:last-child   {padding: 0;}
    .imgBox span	{ display:block;}
    
	.imgBox_multi		{ width:100%; display:block; padding:0 !important; }
    .imgBox_multi .inner { flex-direction: column; align-items: center; gap: 12px;}
	.imgBox_multi p		{ display:block; text-align:center; padding:0; /*padding:0 0 20px gap20으로 삭제;*/}
    .imgBox_multi span	{ display:block;}
	.imgBox_multi p:last-child  {padding: 0;}
    
    .cenImg span, .imgBox span, .imgBox_multi span,
    .tl span, .tr span, .tc span, .rImg span, .lImg span { font-size: 15px;}

	/* 목차 이미지*/
	.index>ul>li:nth-child(11)>div { background: url(../img/layout/list_img8_3.png) right center no-repeat; background-size: contain; background-position: 250px;}
    
    /*이미지 특수 상황*/
    .img4_6.lImg { width: 100%;}
    .img4_6.rImg { width: 100%; max-width: 80%; }
    .img4_6.rImg  img{ display: inline-block; width: auto; max-width: 100%; text-align: center; margin: 0 0 10px;}
    .number_list.li50 .width50:nth-child(3) {float: none;}
    .number_list.li50 .width50:nth-child(4) {float: none;}
    .width25, .width50, .width60, .width70 { width: 100%;}
    .imgBox.rImg {  margin: 0 auto 20px;} 
    
    .conBtn { margin: 30px auto 0; border-top: 1px solid #ebebeb; padding: 20px 0 0 0; gap: 14px;}
    
 
    .quickBtn img { display: block; width: 40px; height: 40px;}
    .scrollingActive { bottom: auto;}
    
    .contents .section { margin: 36px 10px 28px}
    
    /*서브 기본 타이틀*/
    .depth3Tit { font-size: 22px; margin: 0 0 24px 0;}
    .depth3Tit:before { width: 44px;}
    .depth4Tit { margin: 0 0 24px 0;}
    .depth4Tit span { font-size: 20px; }

    
    .c8Tit_disease { font-size: 20px; margin: 0 auto 16px; padding-right:0;  width: calc(100% - 16px);}
    .subTit { font-size: 18px;margin: 0 auto 12px;}
    .subTxt { font-size: 17px;margin: 0 auto 8px;}
    .cont_desc { font-size: 16px;}
    
    
    /*목차 모바일 반응형*/
    .index>ul { position: inherit; width: 100% ; display: flex; flex-flow: row wrap; flex-wrap: wrap; flex-direction: column;}
    .index>ul li { width: 100%; flex: 0 0 100%;}
    
    .index>ul>li:nth-child(1)>div { background-size: 50%;}
    .index>ul>li:nth-child(3)>div { background-size: 40%;}

    
    /*젖소 외부 부위, 내부 기관 리스트*/
    ul.descList { gap:12px; }
    ul.descList.jcsb { gap:0; justify-content: space-between;}
    ul.descList li { padding: 0 8px; }
    ul.descList li> p { font-size: 16px; margin-bottom: 16px; }
    
    /*  표, 그래프 등 모바일 해상도에서 가로 스크롤 */
	::-webkit-scrollbar	{ width: 3px; height:3px;}
	::-webkit-scrollbar-thumb	{ background: #a9a9a9;}
    .overflow_xscroll { overflow-x: scroll; }
    .overflow_xscroll img { max-width: fit-content; width: 200%;}
    
    /*박스 기본*/
    .cont_box {  padding: 26px 20px;}
    .cont_box strong { font-size: 18px;}
    .cont_box .boxTxt { font-size: 16px; margin-top: 8px;}
    .cont_descBox>.cont_desc:after {content: ''; display: block; clear: both;} 

    
    /*숫자넘버링*/
    .cont_column>.number_list>li { flex-wrap: wrap;}
    .cont_column>.number_list>li>div { flex: 1 1 50%;}
    .cont_column>.number_list>li p { margin: 12px auto 0; max-width: 100%;}
    
    
    /*한글넘버링*/
    .string_ko_list>li { flex-wrap: wrap;}
    .string_ko_list>li>div { flex: 1 1 50%;}
    .string_ko_list .item>div { flex: 0 0 90%;}
    .string_ko_list>li p { margin: 12px auto 0; max-width: 100%;}
    
    .referenceMark { flex-wrap: wrap; flex-direction: column;}
    
    .number_list>li, .circle_list>li,.string_ko_list>li,.string_ko_list .item,.trianglePoint_list>li, .trianglePoint_list .item,.trianglePointDown>li,.dot_list>li,.dash_list>li { margin-top: 8px; }
    
    
    .trianglePointDown { margin: 0 auto;}
    
    /*바디스코어 테이블*/
    .bcsTable th, .bcsTable td { padding: 8px 12px;}
	
	.f_img2		{ flex-direction: column; row-gap:20px;}
	.fig_mob	{ max-width: 395px;}
	.fig_mob3	{ max-width: 258px;}
	.fig_mob_oneimg	{ max-width: 395px;}
	
	.author		{ font-size:14px;}
	
	.overflow_xscroll img { max-width: inherit; }
    .overflow_xscroll figcaption { width: 200%; }
    .overflow_xscroll figcaption p { width: 50%; text-align: center; display: flex ; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; flex-direction: column; }
    
	.depth4Tit { margin: 0 0 16px 0; }
	.f_img2 div { width: 100%; flex: 1 1 100%;}

	.overflow_xscroll img { max-width: inherit; }
	.overflow_xscroll figcaption { width: 200%;}
	.overflow_xscroll figcaption p { width: 50%; text-align: center; display: flex ; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; flex-direction: column; }
    
}
    

@media (max-width:640px){
    
    .bcsTable th, .bcsTable td { align-content: baseline; vertical-align: baseline;}
    .bcsTable td table tr td { margin-bottom: 10px;}
    .bcsTable td table tr:last-child td { margin-bottom: 0;}
    
    .index>ul>li:nth-child(1)>div, .index>ul>li:nth-child(3)>div { background:none;}
    .index>ul>li:nth-child(2)>div>ul>li { flex: 1 1 100%;}
    
    
}


@media (max-width:480px){

    /*목차 모바일 반응형*/
    .index>ul { overflow: hidden;}
    
    /*리스트 2뎁스로 사용시 100% 1단*/
    .row2_Half li {flex-basis: 100%;}
    
    .lImg.img4_6 img{ display: block; width: auto; max-width: 100%; text-align: center; margin: 0 auto 10px;} 

}