.sub_wrap.learning {
  width:94%; max-width:1350px; margin:auto; 
}
.learning .category_tab_link {border-color: #908A24;}
.learning .category_tab_link.current a {border-color: #908A24;} 

.learning .page_title_container {
  padding:0 0 80px 0;
  margin-bottom: 40px;
  border-bottom: var(--stroke-weight-1, 1px) dashed var(--color-grey-73, #BBB);
  border-bottom: var(--stroke-weight-1, 1px) dashed var(--color-grey-73, color(display-p3 0.7333 0.7333 0.7333));
} 

.learning .page_title {
  text-align: center;
  padding-bottom: 80px;
  position: relative;
}

.learning .page_title h3 {
  font-size: 35px;
  font-weight: 700;
}

.learning .page_title .txt {
  margin:16px auto;
  max-width: 800px;
  width: 50%;
  font-size: 20px;
  font-weight: 400;
  line-height: 175%;
  letter-spacing: -1px;
  
}

.learning .page_title::before {
  content: "";
  display: block;
  background-image: url(../images/user/title_leftbg_01.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 306px;
  height: 230px;
  position: absolute;
  left:0;
  bottom:0;
}

.learning .page_title::after {
  content: "";
  display: block;
  background-image: url(../images/user/title_rightbg_02.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 280px;
  height: 210px;
  position: absolute;
  right:0;
  bottom:0;
}

.learning .desc_container {
  margin-top: -2rem;
  border-radius: 16px;
  border: var(--stroke-weight-4, 4px) solid #6CABF7;
  border: var(--stroke-weight-4, 4px) solid color(display-p3 0.4784 0.6627 0.9451);
  padding:2rem 3rem;
}

.learning .desc_container .txt {
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, #1E1E1E));
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, color(display-p3 0.1176 0.1176 0.1176)));
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 35px */
  letter-spacing: var(--letter-spacing--1_58, -1.575px);
}

.learning .desc_container .links {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}

.learning .desc_container a {
  display: block;
  width: 49%;
  border-radius: 6px;
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, #DFDFDF);
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, color(display-p3 0.8745 0.8745 0.8745));
  background: var(--color-black-solid, #000);
  background: var(--color-black-solid, color(display-p3 0 0 0));
  padding:1rem 1.5rem;

  overflow: hidden;
  color: #FFF;
  color: color(display-p3 1 1 1);
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px; /* 133.333% */
  letter-spacing: var(--letter-spacing--0_76, -0.76px);

  background-image: url(../images/user/open_in_new.png);
  background-position: calc(100% - 16px) center;
  background-repeat: no-repeat;
}

.learning .desc_container a.download {
  background-image: url(../images/user/download.png);
}

.learning .contents_container {
  margin:0;
  padding:80px 0;
  border-bottom: var(--stroke-weight-1, 1px) dashed var(--color-grey-73, #BBB);
  border-bottom: var(--stroke-weight-1, 1px) dashed var(--color-grey-73, color(display-p3 0.7333 0.7333 0.7333));
}
.learning .contents_container:first-child {
  padding-top: 0;
}

.learning .title_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .875rem;
}

.learning .title_container.left-align {
  justify-content: flex-start;
  gap:12px;
}

.learning .title_container h3 {
  background-image: url(../images/user/dropped-image-green.png);
  background-position: 0 6px;
  background-repeat: no-repeat;
  padding-left:35px;

  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, #1E1E1E));
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, color(display-p3 0.1176 0.1176 0.1176)));
  /* www.nfm.go.kr/Semantic/Heading 3 */
  font-size: var(--font-size-35, 35px);
  font-style: normal;
  font-weight: var(--font-weight-700, 700);
  line-height: 40px;
  letter-spacing: var(--letter-spacing--1_58, -1.575px);
}

.learning .small_title_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.learning .small_title_container h3 {
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, #1E1E1E));
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, color(display-p3 0.1176 0.1176 0.1176)));
  font-size: 28px;
  font-style: normal;
  font-weight: var(--font-weight-700, 700);
  line-height: 150%; /* 42px */
  letter-spacing: -1px;
  padding-right: 20px;
  background-image: url(../images/user/3dots.png);
  background-position: right center;
  background-repeat: no-repeat;

}
.learning .small_title_container span {
  flex:1;
  color: var(--color-black-solid, #000);
  color: var(--color-black-solid, color(display-p3 0 0 0));
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
  letter-spacing: -0.76px;
  margin-left: 20px;
}

.learning .contents_container .quiz_container {
  display: flex;
  justify-content: space-between;
  margin-top:40px;
  position: relative;
}

.learning .contents_container .quiz_container .quiz_img {
  width: 28%;
  height: 228px;
  border-radius: 10px;
  background: #E6E4C7;
  background-image: url(../images/user/big_bulb.png);
  background-position: center;
  background-repeat: no-repeat;
  
}

.learning .contents_container .quiz_container .quiz_text {
  width: 65%;
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, #1E1E1E));
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, color(display-p3 0.1176 0.1176 0.1176)));
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 35px */
  letter-spacing: var(--letter-spacing--1_58, -1.575px);
}

.learning .contents_container .quiz_container .quiz_text ul {
  display: flex;
  gap:16px;
  margin-top: 1rem;
}

.learning .contents_container .quiz_container button {
  border-radius: 6px;
  padding: 12px 16px;
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, #DFDFDF);
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, color(display-p3 0.8745 0.8745 0.8745));
  background-repeat: no-repeat;

  overflow: hidden;
  color: var(--www-nfm-go-kr-mine-shaft, var(--color-grey-24, #3C3C3C));
  color: var(--www-nfm-go-kr-mine-shaft, var(--color-grey-24, color(display-p3 0.2353 0.2353 0.2353)));
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  letter-spacing: var(--letter-spacing--0_76, -0.76px);
  transition: all .2s ease-in-out;
}
.learning .contents_container .quiz_container button:not(.quiz_hint):where(:hover,:focus) {
  background-color: rgba(143,138,56,0.05);
  color: #595514;
}
.learning .contents_container .quiz_container button.quiz_hint:where(:hover,:focus) {
  background-color: rgba(50,50,50,0.05);
  border-color: #aaa;
}


.learning .contents_container .quiz_container .quiz_text .quiz_hint {
  padding-left: 50px;
  background-image: url(../images/user/lightbulb.png);
  background-position: 16px center;
}

.learning .contents_container .quiz_container .hint {
  position: absolute;
  border:solid 2px #DFDFDF;
  border-radius: 6px;
  background-color: white;
  width: 400px;
  padding: 16px 24px;
  right: 40px;
  display: none;
  z-index: 2;
}

.learning .contents_container .quiz_container .hint h3 {
  padding-left: 28px;
  background-image: url(../images/user/lightbulb.png);
  background-position: -6px center;
  background-repeat: no-repeat;
}

.learning .contents_container .quiz_container .hint p {
  margin-top: 24px;
}

.learning .contents_container .quiz_container .hint .title_wrap {
  display: flex;
  justify-content: space-between;
}

.learning .contents_container .quiz_container .hint .title_wrap a {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../images/user/closebtn.png);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

.learning .banner_link {
  margin-block: 32px;
  line-height: 0;
}
.learning .banner_link img {
  width: 100%;
}

.learning .title_container .outlink {
  background-image:url(../images/user/open_in_new_black.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  padding: 8px 16px;
  padding-right: 38px;
  border-radius: 6px;
  border: var(--stroke-weight-2, 2px) solid #BFBFBF;
  border: var(--stroke-weight-2, 2px) solid color(display-p3 0.7502 0.7502 0.7502);
  overflow: hidden;
  color: #535353;
  color: color(display-p3 0.3246 0.3246 0.3246);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
}

.learning .small_title_container .outlink {
  background-image:url(../images/user/open_in_new_black.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  padding: 8px 16px;
  padding-right: 38px;
  border-radius: 6px;
  border: var(--stroke-weight-2, 2px) solid #BFBFBF;
  border: var(--stroke-weight-2, 2px) solid color(display-p3 0.7502 0.7502 0.7502);
  overflow: hidden;
  color: #535353;
  color: color(display-p3 0.3246 0.3246 0.3246);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
}

.learning .outlink2 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  border-radius: 20px;
  background: #EDEDED;
  background: color(display-p3 0.9302 0.9302 0.9302);
  background-image:url(../images/user/open_in_new_gray.png);
  background-repeat: no-repeat;
  background-position: center;
  align-self: flex-start;

}

.learning .title_container .morelink {
  padding: 8px 16px;
  border-radius: 6px;
  border: var(--stroke-weight-2, 2px) solid #BFBFBF;
  border: var(--stroke-weight-2, 2px) solid color(display-p3 0.7502 0.7502 0.7502);
  overflow: hidden;
  color: #535353;
  color: color(display-p3 0.3246 0.3246 0.3246);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
}

.learning .contents_container .content_container.flex {
  display: flex;
  margin-top: 40px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.learning .contents_container .content_container h4 {
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, #1E1E1E));
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, color(display-p3 0.1176 0.1176 0.1176)));
  font-size: 28px;
  font-style: normal;
  font-weight: var(--font-weight-700, 700);
  line-height: 150%; /* 42px */
  letter-spacing: -1px;
}

.learning .contents_container .content_container h5 {
  color: var(--color-black-solid, #000);
  color: var(--color-black-solid, color(display-p3 0 0 0));
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
  letter-spacing: -0.76px;
  margin-bottom: 12px;
}
.learning .contents_container .content_container .left {
  border-right: var(--stroke-weight-1, 1px) dashed var(--color-grey-73, #BBB);
  border-right: var(--stroke-weight-1, 1px) dashed var(--color-grey-73, color(display-p3 0.7333 0.7333 0.7333));
  padding-right: 2rem;
  margin-right: 2rem;
  max-width: 312px;
  width: 23.111%;

}

.learning .contents_container .content_container .left > li {
  margin-bottom: 38px;
}

.learning .contents_container .content_container .left > li ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

} 
.learning .contents_container .content_container .left > li ul li {
  width: 49%;
  margin-bottom: 12px;
}

.learning .contents_container .content_container .left > li ul li.long {
  width: 100%;
}

.learning .contents_container .content_container .left select {
  width: 100%;
  display: block;
  padding: 16px;
  height: auto;
  border-radius: 6px;
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, #DFDFDF);
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, color(display-p3 0.8745 0.8745 0.8745));
  overflow: hidden;
  color: var(--www-nfm-go-kr-mine-shaft, var(--color-grey-24, #3C3C3C));
  color: var(--www-nfm-go-kr-mine-shaft, var(--color-grey-24, color(display-p3 0.2353 0.2353 0.2353)));
  text-overflow: ellipsis;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */

  background-image: url(../images/user/arrow_down.png);
  background-position: calc(100% - 16px) center;
  background-repeat: no-repeat;
}

.learning .contents_container .content_container .left > li button {
  width: 100%;
  padding: 1rem;
  border-radius: 6px;
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, #DFDFDF);
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, color(display-p3 0.8745 0.8745 0.8745));
  color: var(--www-nfm-go-kr-mine-shaft, var(--color-grey-24, #3C3C3C));
  color: var(--www-nfm-go-kr-mine-shaft, var(--color-grey-24, color(display-p3 0.2353 0.2353 0.2353)));
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
  transition: all .2s ease-in-out;
}
.learning .contents_container .content_container .left > li button:not(.active):where(:hover,:focus) {
  background-color: rgba(143,138,56,0.05);
  color: #595514;
}

.learning .contents_container .content_container .left > li button.active {
  border: 2px solid #8F8A38;
  color: #595514;
}

.learning .contents_container .content_container .right {
  flex:1;
}

.learning .contents_container .content_container .right h4  {
  margin-bottom: 20px;
}

.learning .contents_container .content_container .right > ul {
  
  /*display: flex;
  justify-content: space-between;
  gap : 24px;
  */
  margin-bottom: 72px;
}


.learning .contents_container .content_container ul.text li {
  border-radius: 6px;
  border: var(--stroke-weight-1, 1px) solid #DDD;
  border: var(--stroke-weight-1, 1px) solid color(display-p3 0.8667 0.8667 0.8667);
  padding: 27px 18px;
  width: 31.7%;
  margin-bottom: 20px;
  transition: all .2s ease-in-out;
}
.learning .contents_container .content_container ul.text li a {
  transition: all .2s ease-in-out;
}
.learning .contents_container .content_container ul.text li:hover,
.learning .contents_container .content_container ul.text li:has(a:focus) {
  background-color: rgba(143,138,56,0.05);
  border-color: #8F8A38;
}

.learning .contents_container .content_container .right li .tag {
  overflow: hidden;
  color: #595514;
  display: inline-block;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%; /* 15px */
  padding:4px 6px;
  border-radius: 6px;
  border: 1px solid #8F8A38;
}

.learning .contents_container .content_container .right li p.desc {
  color: var(--color-grey-47, #787878);
  color: var(--color-grey-47, color(display-p3 0.4706 0.4706 0.4706));
  font-size: 15px;
  font-style: normal;
  font-weight: 350;
  line-height: 25.49px; /* 169.933% */
  margin-top: 1rem;
  padding-left: 8px;
  letter-spacing: -0.51px;
  border-left: var(--stroke-weight-1, 1px) solid #DADADA;
  border-left: var(--stroke-weight-1, 1px) solid color(display-p3 0.8541 0.8541 0.8541);
}

.learning .contents_container .content_container .content_title_container {
  border-bottom: var(--stroke-weight-1, 1px) solid var(--color-grey-87, #DFDFDF);
  border-bottom: var(--stroke-weight-1, 1px) solid var(--color-grey-87, color(display-p3 0.8745 0.8745 0.8745));
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 20px;
}

.learning .contents_container .content_container .content_title_container h4 {
  margin-bottom: 0;
  padding-right: 1rem;
  background-image: url(../images/user/3dots.png);
  background-position: right center;
  background-repeat: no-repeat;

}

.learning .contents_container .content_container .content_title_container ul {
  display: flex;
  align-items: stretch;
}

.learning .contents_container .content_container .content_title_container ul li a {
  display: block;
  color: var(--color-grey-24, #3C3C3C);
  color: var(--color-grey-24, color(display-p3 0.2353 0.2353 0.2353));
  font-size: 11.289px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.9px; /* 256% */
  letter-spacing: -0.51px;
  padding: 8px 16px;
}

.learning .contents_container .content_container .content_title_container ul li {
  display: flex;
  align-items: center;
}

.learning .contents_container .content_container .content_title_container ul li.active,  
.learning .contents_container .content_container .content_title_container ul li:hover
{
  background-image: url(../images/user/tridot.png);
  background-position: bottom center;
  background-repeat: no-repeat;
}

.learning .contents_container .content_container .content_title_container ul li.active a {

  color: #595514;
  
}

.learning .contents_container .content_container .right .gallery li {
  width: 31.7%;
  margin-bottom: 20px;
}

.learning .contents_container .content_container .gallery.item-4 li {
  width: 23.2%;
  margin-bottom: 20px;
  transition: all .2s ease-in-out;
}
.learning .contents_container .content_container .gallery.item-4 li:hover p {
  text-decoration: underline;
}

.learning .contents_container .content_container .right .gallery .img_cover {
  border-radius: 6px;
  width: 100%;
  /* height: 194px; */
  aspect-ratio: 16/9;
  border: var(--stroke-weight-1, 1px) solid #DDD;
  border: var(--stroke-weight-1, 1px) solid color(display-p3 0.8667 0.8667 0.8667);
}
.learning .contents_container .content_container .right .gallery a[data-type="video"] .img_cover:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: var(--stroke-weight-1, 1px) solid #DDD;
    border: var(--stroke-weight-1, 1px) solid color(display-p3 0.8667 0.8667 0.8667);
    background-color: rgba(0, 0, 0, 0.2);
    background-image: url(../images/user/play_circle.png);
    background-repeat: no-repeat;
    background-position: center;
}
.learning .contents_container .content_container .right .gallery p
{
  margin-top: 16px;
  color: var(--color-grey-24, #3C3C3C);
  color: var(--color-grey-24, color(display-p3 0.2353 0.2353 0.2353));
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -1px;
}

.learning .contents_container .content_container .gallery.movie .img_cover {
  position: relative;
  display: flex;
}

.learning .contents_container .content_container .gallery.movie .img_cover:after {
  content: "";
  display: block;
  width: 100%;
  border-radius: 6px;
  border: var(--stroke-weight-1, 1px) solid #DDD;
  border: var(--stroke-weight-1, 1px) solid color(display-p3 0.8667 0.8667 0.8667);
  background-color: rgba(0,0,0, 0.2);

  background-image: url(../images/user/play_circle.png);
  background-repeat: no-repeat;
  background-position: center;
}


.learning .contents_container .content_container div.desc {
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, #1E1E1E));
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, color(display-p3 0.1176 0.1176 0.1176)));
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 35px */
  letter-spacing: var(--letter-spacing--1_58, -1.575px);
  padding :2rem;
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, #DFDFDF);
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, color(display-p3 0.8745 0.8745 0.8745));
}

.learning .contents_container .content_container ul.text {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap :2.4%;
}

.learning .contents_container .content_container .text.item-4 li {
  width: 23.2%;
  margin-bottom: 20px;
}

.learning .contents_container .content_container .gallery {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap :2.4%;
}

.learning .contents_container .content_container .gallery .img_cover {
  border-radius: 6px;
  width: 100%;
  /* height: 194px; */
  aspect-ratio: 16/9;
  border: var(--stroke-weight-1, 1px) solid #DDD;
  border: var(--stroke-weight-1, 1px) solid color(display-p3 0.8667 0.8667 0.8667);
}


.learning .contents_container .content_container .gallery p
{
  margin-top: 16px;
  color: var(--color-grey-24, #3C3C3C);
  color: var(--color-grey-24, color(display-p3 0.2353 0.2353 0.2353));
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -1px;
}

/*
.learning .contents_container .content_container > ul.text {
  display: flex;
  gap:1.5rem;
}
*/

.learning .contents_container .content_container > ul.text li {
  border-radius: 6px;
  border: var(--stroke-weight-1, 1px) solid #DDD;
  border: var(--stroke-weight-1, 1px) solid color(display-p3 0.8667 0.8667 0.8667);
  padding: 27px 18px;
}

.learning .contents_container .content_container li .tag {
  overflow: hidden;
  color: #595514;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%; /* 15px */
  padding:4px 6px;
  border-radius: 6px;
  border: 1px solid #8F8A38;
  display: inline-block;
  
}

.learning .contents_container .content_container li .vr  {
  border: none;
  padding-left:22px;
  background: rgba(255, 73, 27, 0.10);
  background: color(display-p3 1 0.3569 0.2078 / 0.10);
  background-image: url(../images/user/360.png);
  background-position: 6px center;
  background-repeat: no-repeat;
  
}

.learning .contents_container .content_container ul.text li p.desc {
  color: var(--color-grey-47, #787878);
  color: var(--color-grey-47, color(display-p3 0.4706 0.4706 0.4706));
  font-size: 15px;
  font-style: normal;
  font-weight: 350;
  line-height: 1.7em;
  margin-top: 1rem;
  padding-left: 8px;
  letter-spacing: -0.51px;
  border-left: var(--stroke-weight-1, 1px) solid #DADADA;
  border-left: var(--stroke-weight-1, 1px) solid color(display-p3 0.8541 0.8541 0.8541);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 3.4em;
}

.learning .breadcrumb_container {text-align: center;}
.learning .breadcrumb {
  display: inline-flex;
  white-space: nowrap;
  border-radius: 100px;
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, #DFDFDF);
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, color(display-p3 0.8745 0.8745 0.8745));
  padding: var(--item-spacing-6, 6px) 24px;
  gap: 16px;
}

.learning .breadcrumb li {
  overflow: hidden;
  color: #3385FC;
  color: color(display-p3 0.2912 0.5133 0.9575);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%; /* 20px */
}

.learning .breadcrumb li+li:before {
  content:"/";
  margin-right: 16px;
}

.learning h2 {
  margin-top:1rem;
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, #1E1E1E));
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, color(display-p3 0.1176 0.1176 0.1176)));
  text-align: center;
  font-size: 64px;
  font-style: normal;
  font-weight: var(--font-weight-700, 700);
  line-height: 125%; /* 80px */
  letter-spacing: var(--letter-spacing--1_58, -1.575px);
}

.learning .detail_container.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.learning .detail_container .image_container {
  max-width: 462px;
  width: 34.222%;
}
.learning .detail_container .image_container .slick-track {
  margin-left: 0 !important;
  /* width: 100% !important; */
}

.learning .detail_container .image_container dt {
  height:462px;
  border-radius: 6px;
  border: var(--stroke-weight-1, 1px) solid #DDD;
  border: var(--stroke-weight-1, 1px) solid color(display-p3 0.8667 0.8667 0.8667);
  background: lightgray 50% / cover no-repeat;
  margin-bottom: 20px;
  cursor: pointer;
}

.learning .detail_container .image_container dd {
  margin: 0 8px 0 0;
  /* width: 110px; */
  /* height: 110px; */
  aspect-ratio: 1;
  border-radius: 6px;
  border: var(--stroke-weight-1, 1px) solid #DDD;
  border: var(--stroke-weight-1, 1px) solid color(display-p3 0.8667 0.8667 0.8667);
  background: lightgray 50% / cover no-repeat;
  cursor: pointer;
}
.learning .detail_container .text_container {
  max-width: 824px;
  width: 61.03%;
}

.learning .detail_container .text_container h4 {
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, #1E1E1E));
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, color(display-p3 0.1176 0.1176 0.1176)));
  font-size: 20px;
  font-style: normal;
  font-weight: var(--font-weight-700, 700);
  line-height: 150%; /* 30px */
  letter-spacing: -1px;
}

/* 2025.01.23 제목 하단 간격격 조정 */

.learning .detail_container .text_container h4.title {
  margin-top:2rem;
  margin-bottom:1rem;
}

/* 2025.01.23 letter-spacing 값조정 */
.learning .detail_container .text_container p {
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, #1E1E1E));
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, color(display-p3 0.1176 0.1176 0.1176)));
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 28px */
  letter-spacing: var(--letter-spacing--1_58, .5px);
  word-spacing: .1em;
}

/* 2025.01.23 각주링크 위첨자로 조정 */
.learning .detail_container .text_container p a {
  vertical-align: super;
font-size: .7em;
}

.learning .detail_container .text_container > ul.text li {
  border-radius: 6px;
  border: var(--stroke-weight-1, 1px) solid #DDD;
  border: var(--stroke-weight-1, 1px) solid color(display-p3 0.8667 0.8667 0.8667);
  padding: 27px 18px;
  margin :0 1rem 0 0;
  transition: all .2s ease-in-out;
  /* width: calc(33.3% - 1rem) !important; */
}
.learning .detail_container .text_container > ul.text li:hover,
.learning .detail_container .text_container > ul.text li:has(a:focus) {
  background-color: rgba(143,138,56,0.05);
  border-color: #8F8A38;
}

.learning .detail_container .text_container li .tag {
  overflow: hidden;
  color: #8F8A38;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%; /* 15px */
  padding:4px 6px;
  border-radius: 6px;
  border: 1px solid #8F8A38; 
  display: inline-block;

}

.learning .detail_container .text_container ul.text li p.desc {
  color: var(--color-grey-47, #787878);
  color: var(--color-grey-47, color(display-p3 0.4706 0.4706 0.4706));
  font-size: 15px;
  font-style: normal;
  font-weight: 350;
  line-height: 1.7em;
  margin-top: 1rem;
  padding-left: 8px;
  letter-spacing: -0.51px;
  border-left: var(--stroke-weight-1, 1px) solid #DADADA;
  border-left: var(--stroke-weight-1, 1px) solid color(display-p3 0.8541 0.8541 0.8541);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 3.4em;
}

.learning .detail_container .text_container .rel_words li {
  margin-top: 8px;
}

.learning .detail_container .text_container span.word {
  border-radius: 4px;
  background: #F7F6DD;
  padding:6px 12px;
  color: #8F8A38;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-left: 12px;
}

.learning .detail_container h3 {
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, #1E1E1E));
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, color(display-p3 0.1176 0.1176 0.1176)));
  font-size: 28px;
  font-style: normal;
  font-weight: var(--font-weight-700, 700);
  line-height: 150%; /* 42px */
  letter-spacing: -1px;
}

.learning .detail_container .content_title_container.tabs {
  margin-top: 20px;
}
.learning .detail_container .content_title_container.tabs h4 {
  font-size: 1rem;
}


.learning .contents_container .content_container .right > ul.books {
  display: flex;
  gap:32px;
  border-bottom: var(--stroke-weight-1, 1px) dashed var(--color-grey-73, #BBB);
  border-bottom: var(--stroke-weight-1, 1px) dashed var(--color-grey-73, color(display-p3 0.7333 0.7333 0.7333));

}

.learning .contents_container .content_container .books li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-bottom: 60px;
}

.learning .contents_container .content_container .books li .book_cover {
  width: 160px;
  height:213px;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(8, 8, 8, 0.20) 0.16%, rgba(255, 255, 255, 0.20) 1.32%, rgba(131, 131, 131, 0.20) 2.22%, rgba(0, 0, 0, 0.10) 4.15%, rgba(255, 255, 255, 0.20) 5.14%, rgba(0, 0, 0, 0.10) 7.14%, rgba(255, 255, 255, 0.10) 37.48%);
  background: linear-gradient(90deg, color(display-p3 0.0317 0.0317 0.0317 / 0.20) 0.16%, color(display-p3 1 1 1 / 0.20) 1.32%, color(display-p3 0.5144 0.5144 0.5144 / 0.20) 2.22%, color(display-p3 0 0 0 / 0.10) 4.15%, color(display-p3 1 1 1 / 0.20) 5.14%, color(display-p3 0 0 0 / 0.10) 7.14%, color(display-p3 1 1 1 / 0.10) 37.48%);
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.16) inset, 1px 1px 1px 0px rgba(255, 255, 255, 0.50) inset;
  box-shadow: -1px -1px 1px 0px color(display-p3 0 0 0 / 0.16) inset, 1px 1px 1px 0px color(display-p3 1 1 1 / 0.50) inset;
  background-image: url(../images/user/shadowLayer.png);
  background-position: center;
  background-size: cover;
  padding:0px 4px;
  margin-right: 52px;
}

.learning .contents_container .content_container .books li .book_cover span
{
  padding: 4px 8px;
  color: var(--gray-100000, #FFF);
  color: var(--gray-100000, color(display-p3 1 1 1));
  
  /* Caption/Caption */
  font-size: var(--caption, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 15px */

  background: rgba(10, 19, 27, 0.90);
  background: color(display-p3 0.0478 0.0724 0.103 / 0.90);
  backdrop-filter: blur(2px);
  border-radius: 4px;
}
.learning .contents_container .content_container .books li .text_container {
  margin-top: 1rem;
  flex: 1;
}

.learning .contents_container .content_container .books li .text_container h5 {
  color: #252525;
  color: color(display-p3 0.1466 0.1466 0.1466);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.99px; /* 141.625% */
  letter-spacing: -0.6px;
}

.learning .contents_container .content_container .books li .text_container h6 {
  color: #252525;
  color: color(display-p3 0.1466 0.1466 0.1466);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%; /* 22.5px */
  letter-spacing: -0.6px;
}


.learning .contents_container .content_container .books li .text_container p {
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, #1E1E1E));
  color: var(--www-nfm-go-kr-cod-gray, var(--color-grey-12, color(display-p3 0.1176 0.1176 0.1176)));
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 28px */
  letter-spacing: var(--letter-spacing--1_58, -1.575px);
}

.learning .contents_container .content_container .books li .text_container .pub {
  color: #939393;
  color: color(display-p3 0.5758 0.5758 0.5758);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 28px */
  letter-spacing: var(--letter-spacing--1_58, -1.575px);
}

.learning .contents_container .content_container .right > ul.rel_books {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.learning .contents_container .content_container .rel_books li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.learning .contents_container .content_container .rel_books li .book_cover {
  width: 116px;
  height:155px;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(8, 8, 8, 0.20) 0.16%, rgba(255, 255, 255, 0.20) 1.32%, rgba(131, 131, 131, 0.20) 2.22%, rgba(0, 0, 0, 0.10) 4.15%, rgba(255, 255, 255, 0.20) 5.14%, rgba(0, 0, 0, 0.10) 7.14%, rgba(255, 255, 255, 0.10) 37.48%);
  background: linear-gradient(90deg, color(display-p3 0.0317 0.0317 0.0317 / 0.20) 0.16%, color(display-p3 1 1 1 / 0.20) 1.32%, color(display-p3 0.5144 0.5144 0.5144 / 0.20) 2.22%, color(display-p3 0 0 0 / 0.10) 4.15%, color(display-p3 1 1 1 / 0.20) 5.14%, color(display-p3 0 0 0 / 0.10) 7.14%, color(display-p3 1 1 1 / 0.10) 37.48%);
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.16) inset, 1px 1px 1px 0px rgba(255, 255, 255, 0.50) inset;
  box-shadow: -1px -1px 1px 0px color(display-p3 0 0 0 / 0.16) inset, 1px 1px 1px 0px color(display-p3 1 1 1 / 0.50) inset;
  background-image: url(../images/user/shadowLayer.png);
  background-position: center;
  background-size: cover;
  padding:0px 4px;
  margin-right: 52px;
}

.learning .contents_container .content_container .rel_books li .book_cover span
{
  padding: 4px 8px;
  color: var(--gray-100000, #FFF);
  color: var(--gray-100000, color(display-p3 1 1 1));
  
  /* Caption/Caption */
  font-size: var(--caption, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 15px */

  background: rgba(10, 19, 27, 0.90);
  background: color(display-p3 0.0478 0.0724 0.103 / 0.90);
  backdrop-filter: blur(2px);
  border-radius: 4px;
}
.learning .contents_container .content_container .rel_books li .text_container {
  flex: 1;
}

.learning .contents_container .content_container .rel_books li .text_container h5 {
  color: #252525;
  color: color(display-p3 0.1466 0.1466 0.1466);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%; /* 22.5px */
  letter-spacing: -0.6px;
}


.learning .contents_container .content_container .right > ul.pdf_download {
  display: block;
}


.learning .contents_container .content_container .pdf_download li a {
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, #DFDFDF);
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, color(display-p3 0.8745 0.8745 0.8745));
  padding: 16px 24px;
  margin-bottom: 8px;
}

.learning .contents_container .content_container .pdf_download li span {
  display: block;
  color: var(--www-nfm-go-kr-mine-shaft, var(--color-grey-24, #3C3C3C));
  color: var(--www-nfm-go-kr-mine-shaft, var(--color-grey-24, color(display-p3 0.2353 0.2353 0.2353)));
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  letter-spacing: var(--letter-spacing--0_76, -0.76px);
  padding-left: 36px;
  background-image:url(../images/user/article.png) ;
  background-position: left center;
  background-repeat: no-repeat;
}

.learning .contents_container .content_container .pdf_download li span.pdf {
  color: var(--color-red-60, #FF2E00);
  color: var(--color-red-60, color(display-p3 1 0.3569 0.2078));
  font-weight: 500;
  background-image: url(../images/user/pdfdownload.png);   
}

.sub_wrap.search {
  width:94%; 
  max-width:1350px;
  margin:auto;
  min-height: 108px;
  border-bottom: var(--stroke-weight-1, 1px) dashed var(--color-grey-73, #BBB);
  border-bottom: var(--stroke-weight-1, 1px) dashed var(--color-grey-73, color(display-p3 0.7333 0.7333 0.7333));
}

.sub_wrap.search .search_container {
  width:94%; 
  max-width:724px;
  justify-content: space-between;
  margin:auto;
  padding:0px 16px;
  display: flex;
  border-radius: 28px;
  border: 1px solid #8F8A38;
}

.sub_wrap.search .search_container select {
  border:none;
  border-right: var(--stroke-weight-1, 1px) solid #E3E3E3;
  border-right: var(--stroke-weight-1, 1px) solid color(display-p3 0.8886 0.8886 0.8886);
  background-image: url(../images/user/arrow_down.png);
  background-position: calc(100% - 16px) center;
  background-repeat: no-repeat;

}
.sub_wrap.search .search_container input  {
  flex:1;
  max-width: 440px;
  border:none;
}

.sub_wrap.search .search_container button {
  text-indent: -9999px;
  background-image: url(../images/user/search.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  margin:4px 0;
}

.sub_wrap.search .top_search_history {
  width:94%; 
  max-width:624px;
  margin: auto;;   
  margin-top:16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.sub_wrap.search .top_search_history span {
  color: var(--color-black-solid, #000);
  color: var(--color-black-solid, color(display-p3 0 0 0));
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
  letter-spacing: -0.76px;
  white-space: nowrap;
  padding: 4px 8px;
}

.sub_wrap.search .top_search_history span.prev,
.sub_wrap.search .top_search_history span.next {  
  display: block;
  text-indent: -9999px;
  border-radius: 25px;
  background: #F1F1F1;
  background: color(display-p3 0.9467 0.9467 0.9467);
  background-position: center;
  background-repeat: no-repeat;
  background-image:url(../images/user/prev.png);
  margin:0 6px 0 12px;
  padding:6px 8px;
  width: 36px;
  height:36px;
}

.sub_wrap.search .top_search_history span.next {
  background-image:url(../images/user/next.png);
  margin-left: 0px;
}

.sub_wrap.search .top_search_history ul {
  width: 360px;
}

.sub_wrap.search .top_search_history li {
  margin-left: 12px;
  margin-top: 4px !important;
  margin-bottom: 4px;
}
.sub_wrap.search .top_search_history li a {
  padding: 6px 8px;
  border-radius: 4px;
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, #DFDFDF);
  border: var(--stroke-weight-1, 1px) solid var(--color-grey-87, color(display-p3 0.8745 0.8745 0.8745));
}

.sub_wrap.search .top_search_history .slick-track {
  padding-block: 2px;
}

.sub_wrap.learning.small_wrap {margin-top:40px; padding-top:0;}
.sub_wrap.learning.small_wrap .contents_container {padding-top:0;}

.sub_wrap.learning .search_count {
  color: var(--color-black-solid, #000);
  color: var(--color-black-solid, color(display-p3 0 0 0));
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
  letter-spacing: -0.76px;
  margin-bottom: 36px;;
}

.sub_wrap.learning .pagination {
  margin-top: -22px;
  margin-bottom: 72px;
}

.sub_wrap.learning .pagination ul {
  display: flex;
  justify-content: center;
  gap:6px;
}

.sub_wrap.learning .pagination li {
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  color: var(--color-grey-7, #131313);
  color: var(--color-grey-7, color(display-p3 0.0745 0.0745 0.0745));
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
}
.sub_wrap.learning .pagination li:hover {
  background-color: rgba(0,0,0, 0.04);
  text-decoration: underline;
}

.sub_wrap.learning .pagination li.prev {
  border: solid 1px #626262;
  text-indent: -9999px;
  background-image: url(../images/user/page-prev.png);
}

.sub_wrap.learning .pagination li.next {
  border: solid 1px #626262;
  text-indent: -9999px;
  background-image: url(../images/user/page-next.png);
}
.sub_wrap.learning .pagination li.top {
  border: solid 1px #626262;
  text-indent: -9999px;
  background-image: url(../images/user/page-top.png);
}
.sub_wrap.learning .pagination li.last {
  border: solid 1px #626262;
  text-indent: -9999px;
  background-image: url(../images/user/page-last.png);
}

.sub_wrap.learning .pagination li.current {
  border-bottom: var(--stroke-weight-2, 2px) solid #131313;
  border-bottom: var(--stroke-weight-2, 2px) solid color(display-p3 0.0745 0.0745 0.0745);
  background: #FFF;
  background: color(display-p3 1 1 1);
}

.sub_wrap.learning .pagination li.separate {
  content:"/";
  display: block;
  color: var(--color-grey-7, #131313);
  color: var(--color-grey-7, color(display-p3 0.0745 0.0745 0.0745));
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 350;
  line-height: 35px; /* 218.75% */
  letter-spacing: -0.51px;
  width: 10px;
  margin:0px -6px;
}


.sub_wrap .big_tabs {
  display: flex;
}

.sub_wrap .big_tabs li {
  flex:1;
  
}
.sub_wrap .big_tabs li a {
  display: block;
  width: 100%;
  padding:20px 0;
  text-align: center;
  border:solid 1px #DFDFDF;
  border-bottom: solid 2px #8F8A38;
  transition: all .2s ease-in-out;
}
.sub_wrap .big_tabs li a:not(.active):where(:hover,:focus) {
  background-color: rgba(143,138,56,0.05);
}

.sub_wrap .big_tabs li a.active {
  border: solid 2px #8F8A38;
  border-bottom: none;
}

.learning .contents_container .content_container .left .item-5 {
  gap: 2%;
}

.learning .contents_container .content_container .left .item-5 li {
  width: calc((100% / 5) - 2%);
}

.learning .contents_container .content_container .left .item-5 li button {
  padding: 0;
  aspect-ratio: 1 / 1;
}

/* Dots */
.slick-dotted.slick-slider
{
  margin-bottom: 30px;
}

.sub_wrap .slick-dots[role="tablist"] 
{
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 16px;
  list-style: none;
  text-align: center;
}
.slick-dots li
{
  position: relative;
  border:none !important;
  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px !important;
  padding: 0 !important;

  cursor: pointer;
}
.slick-dots li button
{
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
  opacity: 1;
}
.slick-dots li button:before
{
  font-family: 'slick';
  font-size: 32px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: .25;
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
  opacity: .75;
  color: black;
}

body:has(.learning) .member_m {
  display: none !important;
}


@media (max-width: 1024px) { 
  body:has(.learning) .header_wrap {
    padding-bottom: 80px;
  }
}

@media (max-width: 800px) { 
  .category_select_wrap.learning .category_select.mb20 {
    margin-bottom: 0 !important;
  }
  .category_select_wrap.learning + .sub_wrap.learning {
    padding-top: 0;
  }
  .learning h2 {
    font-size: 2.5rem;
  }
  .learning .small_title_container h3 {
    font-size: 1.5rem;
  }
  .learning .small_title_container span {
    font-size: 1.125rem;
  }
  .learning .breadcrumb {
    padding: .25rem 1.25rem;
    gap: .5rem;
  }
  .learning .breadcrumb li {
    font-size: 1rem;
  }
  .learning .breadcrumb li+li:before {
    margin-right: .5rem;
  }
  .learning .contents_container {
    padding: 30px 0;
  }

  .learning .page_title {
    padding-bottom: 150px;
  }
  .learning .page_title::before {
    position: static;
    height: 160px;
  }
  .learning .page_title::after {
    height: 170px;
    background-position: 100% 50%;
  }
  .learning .page_title h3 {
    font-size: 24px;
    line-height: 1.25em;
  }
  .learning .page_title .txt {
    width: 90%;
    font-size: 16px;
  }
  .learning .desc_container .txt {
    font-size: 16px;
  }
  .learning .detail_container.flex {
      flex-direction: column;
      flex-flow: column-reverse;
  }
  .learning .title_container h3 {
    font-size: 1.875rem;
    line-height: 32px;
    background-position: 0 2px;
  }
  

  .learning .contents_container .quiz_container { 
    flex-direction: column;
    gap: 14px;
  }
  .learning .contents_container .quiz_container .quiz_img {
    width: 100%;
    height: 300px;
  }
  .learning .contents_container .quiz_container .quiz_text {
    width: 100%;
    font-size: 18px;
    line-height: 175%;
  }
  .learning .contents_container .quiz_container .quiz_text ul {
    gap: 8px;
    flex-wrap: wrap;
  }
  .learning .contents_container .quiz_container .hint {
    width: 100%;
    right: 0;
  }

  #main_photo_container {
    width: 100%;
  }
  .learning .detail_container .image_container {
      width: 100%;
      max-width: 100%;
  }
  .learning .detail_container .image_container dt {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }

  .learning .detail_container .text_container {
      width: 100%;
      max-width: 100%;
      margin-bottom: 32px;
  }
  .learning .detail_container .text_container p {
    font-size: 1rem;
  }
  .learning .detail_container .text_container > ul.text li {
    padding: 27px 18px;
    /* margin-inline: .5rem; */
    /* width: 99% !important; */
  }

  .learning .contents_container .content_container .gallery .img_cover {
    /* height: 124px; */
  }

  .learning .contents_container .content_container .text.item-4 li {
      width: 48.8%;
  }


  .learning .contents_container .content_container.flex  {
      flex-direction: column-reverse;
  }

  
  .learning .contents_container .content_container .left { 
      width: 100%;
      max-width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 16px;
      border:none;
      margin-right: 0;
      padding-right: 0;

      display: none !important;
  }
  
  .learning .contents_container .content_container .left li {
      width: calc(50% - 8px);
  }

  .learning .contents_container .content_container h4 { 
      width: 100%;
      font-size: 1.5rem;
  }

  .learning .contents_container .content_container .right > ul {
    margin-bottom: 52px;
  }

  .learning .contents_container .content_container div.desc {
    font-size: 1.25rem;
  }

  .sub_wrap .big_tabs li a {
    padding: 13px 0;
  }

  .sub_wrap {
    padding: 3em 0;
  }

  div[popover=manual] {
    display: none !important;
    visibility: hidden;
    opacity: 0;
  }
}

@media (max-width: 680px) {
  .learning .contents_container .content_container .gallery.item-4 li {
      width: 48.8%;    
  }

  .learning .contents_container .content_container .text.item-4 li {
      width: 100%;
  }

  .learning .contents_container .content_container ul.text  {
      gap: 0;
      flex-flow: column;
  }
  .learning .contents_container .content_container ul.text li {
      width: 100%;
  }

  .learning .contents_container .content_container .right {
    width: 100%;
  }
  .learning .contents_container .content_container .right .gallery li  {
      width: 48.8%;
  }

  .sub_wrap.search .top_search_history {
      flex-wrap: wrap;
  }
  .sub_wrap.search .top_search_history ul{
      width: calc(100% - 96px);
  }
  .sub_wrap.search .top_search_history li {
    margin-left: 8px;
  }
  .sub_wrap.search .top_search_history span:first-child {
    margin-bottom: .25rem;
  }
  .sub_wrap.search .top_search_history span.prev {
    margin-inline: 6px 0;
  }
  .sub_wrap.search .top_search_history span.next {
    margin-inline: 2px 0;
  }

  .learning .small_title_container .outlink {
      text-indent: -9999px;
      border: none;
  }
}

@media (max-width: 600px) {
  body:has(.learning) .header_wrap {
    padding-bottom: 80px;
  }
}

@media (max-width: 500px) {
  .learning .contents_container .content_container .left li {
      width: 100%;
  }
}



/* 프린트 */
@media print {
    html, body 
    { margin:0; padding:0; /* page-break-after:avoid; page-break-before:avoid;*/ font-size:13px; page-break-after:always; }
    * { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
    .header_wrap, .footer_wrap, .sub_top .bo_top, .btngroup, .paging, .page_title .btn { display:none !important; animation:none !important; }
    .sub_wrap { margin:0; padding:10mm 0; }
    .wrap_center { width:100%; margin:0 auto; }
    .sub_top,
    .category_select_wrap,
    body.scroll_hidden .sub_wrap,
    body.scroll_hidden .dim,
    body.scroll_hidden .pop .btn_close { display:none; }
    body.scroll_hidden .pop { top:0; transform:translate(-50%,0); }
    
    /***********************************************************************************
    버튼
    ************************************************************************************/
    .btn, ul.contact li button { padding:7px 14px; }
    a.link,
    .btn,
    .page_apply_link,
    .btngroup,
    .download_group,
    .t_btngroup1,
    .t_btngroup2,
    .down_wrap,
    .gallery_wrap .more { display:none !important; }

    /***********************************************************************************
    캘린더, 문단, 텍스트, 팁박스
    ************************************************************************************/
    /* 캘린더 */
    .booking_calendar { display:block; }
    .booking_calendar > div { width:100%; }
    .date_pick table td a { padding:10px 5px; }
    .turn_pick .no_selected { padding:5em; }

    /* 문단 */
    .paragraph.paragraph_border { margin-bottom:1.8em; padding-bottom:1.8em; }
    .paragraph.paragraph_mb { margin-bottom:2em; }
    .sub_wrap h3 { font-size:1.25em; }
    .sub_wrap h4 { font-size:1em; }

    /* 탭 */
    .sub_wrap [role="tablist"] { margin:2em 0 2em 0; }
    .sub_wrap [role="tab"] { padding:15px 0; font-size:1em; }

    .sub_wrap.search .search_container input {background-color: transparent;}

    /* 팁박스 */
    .tip_box { padding:1.8em !important; }
    .tip_box .inner h3 { font-size:1em; }
    .tip_box .tip_box_emphasis::before { top:0; }
    .emphasis2 { font-size:13px; }
    .emphasis::before { top:0; }
    .tip_box.tip_box3.yellow_charac::before { display:none; } 

    /* 공통사용 텍스트 */
    .h3_wrap { margin:2em 0 .5em 0; }
    .h3_wrap h3 { font-size:1.25em; }
    .h5_wrap { margin-bottom:1em; }
    .h5_wrap h5 { font-size:1.2em; }
    .head { padding-bottom:0; }
    .head .subject .tit { font-size:1.5em !important; }

    /***********************************************************************************
    게시판, 테이블
    ************************************************************************************/
    /* 갤러리 게시판 */
    .gall_grid { grid-column-gap:2em; grid-row-gap:2em; }
    .gall_grid.col4 { grid-template-columns:repeat(2,1fr); }
    .field_keyword { display:none; }
    .gallery_wrap .bo_li { grid-column-gap:2rem; grid-row-gap:2rem; }
    .gallery_wrap .bo_li a.item .txt .subject p { height:atuo; font-size:1em; }
    /* 교육 접수 리스트형 */
    .gallery_wrap.change_list .bo_li a.item .txt { display:block; }
    
    /* table */
    .bo_top { display:none; }
    .bo_wrap .bo_li tbody { border-top:0; }
    .bo_wrap .bo_li colgroup,
    .bo_wrap .bo_li thead { display:none; } 
    .bo_wrap .bo_li tbody th, .bo_wrap .bo_li tbody td { border:none; line-height:1.8; padding:0;  }
    .bo_wrap .bo_li tbody tr { display:block; width:100%; padding:8px 3px; border-bottom:1px solid #ddd; text-align:left; } 
    .bo_wrap .bo_li tbody tr td { padding:0; border:none; }
    .bo_wrap .bo_li tbody tr .subject { display:block; padding:0 3px; width:100%!important; overflow:visible!important; text-align:left !important; font-size:1.063em; padding:0!important; } 
    .bo_wrap .bo_li .subject .new { display:none; }
    .bo_wrap .bo_li td.name::before { content:'예약명 : '; } 
    .bo_wrap .bo_li td.hit::before { content:'조회수 : '; } 
    .bo_wrap .bo_li td.target::before { content:'교육대상 : '; } 
    .bo_wrap .bo_li td.date_l::before { content:'교육일시 : '; margin-right:4px; } 
    .bo_wrap .bo_li td.term::before { content:'기간 : '; } 
    .bo_wrap .bo_li td.personnel::before { content:'정원 : '; } 
    .bo_wrap .bo_li td.time::before { content:'회차 및 시간 : '; } 
    .bo_wrap .bo_li td.draw::before { content:'추첨 : '; } 
    .bo_wrap .bo_li td.book_personnel::before { content:'예약인원 : '; }
    .bo_wrap .bo_li .num { display:none; }
    .bo_wrap .bo_li .state { width:100%!important; padding:0; margin:0; }  
    .bo_wrap .bo_li .hit,
    .bo_wrap .bo_li .cate, 
    .bo_wrap .bo_li .target,
    .bo_wrap .bo_li .term,
    .bo_wrap .bo_li .writer, 
    .bo_wrap .bo_li .date, 
    .bo_wrap .bo_li .name,
    .bo_wrap .bo_li .draw,
    .bo_wrap .bo_li .apply_num,
    .bo_wrap .bo_li .book_status,
    .bo_wrap .bo_li .book_personnel,       
    .bo_wrap .bo_li .time,
    .bo_wrap .bo_li .personnel,
    .bo_wrap .bo_li .date_l { text-align:left!important; display:block!important; width:100%!important; }

    /* view */
    .bo_v .atch_wrap { display:none; }
    .bo_v .head .subject .tit { font-size:1.5em; }
    .bo_v .head .subject { margin-bottom:0; }
    .bo_v .head.has_btn .download_group, .bo_v .head.has_btn .btngroup { display:none; }
    .bo_v .bo_v_contents { padding:2em 0; }

    * {
      -webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */
      color-adjust: exact !important;                 /*Firefox*/
    }

}