@charset "utf-8";
/* CSS Document */
.resource_pg { padding-top: 0;}
.common_block { }
.left_panel { width: 321px; float: left; }
.right_panel { width: calc(100% - 321px); float: left;padding-left: 39px;}
.line { width: 100%;  border: solid 1px #979797; margin-bottom: 29px;}
.small_tit { text-align: left; margin-bottom: 19.5px;}
.resource_list.smk_accordion .accordion_in > .acc_head .acc_icon_expand::after { content: none;}
.resource_list.smk_accordion .acc_head { font-size: 28px; color: #000;font-family: 'NanumMyeongjo'; line-height:40px;}
.resource_list.smk_accordion .accordion_in { margin-bottom: 0px;}
.cate_list li { font-size: 12px; color: #d8d8d8; font-weight: bold;  letter-spacing: 1px; line-height: 24px;}
.cate_list li:hover a, .cate_list li.active a  { color: #000;}
.resource_list .sidebar_accordion.smk_accordion .accordion_in .acc_content {padding: 15px 0 0px 21px;}
.resource_list.smk_accordion .accordion_in.acc_active .acc_head.active, .resource_list.smk_accordion .accordion_in .acc_head:hover {  color: #bd7655;font-family: 'NanumMyeongjoExtraBold'; }
.prod_guide_list { margin: 0 -16px; padding: 10px 0 0;}
.prod_guide_list li { width: 50%; float: left; padding: 0 16px; margin-bottom: 30px;}
.prod_img img { width: 100%;}
.prod_tit { position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: #fff; letter-spacing: 1px; font-size: 12px; line-height: 24px;z-index: 1;display: flex;align-items: center;justify-content: center;}
a.prod_box {display: block; width: 100%;position: relative;}
.prod_img {position: relative;}
/*
.prod_img:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(35 31 32 / 30%);
    top: 0;
    left: 0;
}
*/
.prod_guide_list li:nth-last-child(-n + 2) { margin-bottom: 0;}

/*staircases */
.st_type_list {margin: 0 -12.5px ; display: inline-block; }
.st_type_list li { width: 33.3%; float: left; padding: 0 12.5px; margin-bottom: 25px;}
.st_type_list li img { width: 100%;}
.title { margin: 10px 0 0; font-family: Karla;font-size:14px; font-weight: normal;color: #000;position: relative;
text-align: left;justify-content: left;}
.load_more { letter-spacing: 1px;color: #000;font-size:12px; font-weight: bold; margin:30px 0 0 100px; display: inline-block;}


/*Glossary */
.glos_txt { display: block; margin-bottom: 30px;}
.glos_txt li {font-family: 'Karla';color: #000;  margin-bottom: 8px; }
.glos_txt li span { font-weight: bold; font-size: 14px;  line-height: 18px;display: block }
.glos_txt li  label { font-weight: normal; font-size:12px; display: block }
.glossary_img { margin-bottom: 30px;}


/*faqs*/
.title_md a { color: #bd7655; }
.title_md a:hover { text-decoration: underline;}
.faq_list { }
.faq_list > li {font-family:'Karla'; margin-bottom: 30px;}
.faq_list li .ques_txt {font-weight: bold; color: #000; margin-bottom: 6px;}
.ans_txt p:not(:last-child) { margin-bottom: 15px; }
.ans_txt .dlist { margin-bottom: 15px;}
.ans_txt p a { color: #bd7655; }
.ans_txt p:last-child, .faq_list > li:last-child{ margin-bottom: 0;}

.left_panel .title {  font-family: NanumMyeongjo; font-size: 28px;font-weight: normal; line-height: 40px;color: #000;}
.title.active { color: #000;font-family: 'NanumMyeongjoExtraBold';}

 @media (max-width: 1439px) {
    
}

 @media (max-width: 1199px) {
     .left_panel { width: 280px;}
     .right_panel {width: calc(100% - 280px);}
     .prod_guide_list li { padding: 0 12px;}
     
   }

 @media (max-width: 991px) {
    .left_panel { width: 100%;}
     .right_panel {width: 100%; padding: 71.5px 0 0;}
     
}

 @media (max-width: 768px) {
     
}


 @media (max-width: 580px) {
    
     .load_more { margin: 0;
    display: inline-block;
    text-align: center;
    width: 100%;}
 
}


 @media (max-width: 420px) {
  
     .prod_guide_list li, .prod_guide_list li:nth-last-child(-n + 2) { width: 100%; margin-bottom: 19.5px;}
     .st_type_list li { width: 100%;}
}