@charset "UTF-8";

/*contents*/
.sub-c,
.sub-c-nr{display:flex; flex-direction:column; justify-content: flex-start; align-items: center;}
.cont-inner{ max-width:var(--min-width); width:100%;}

/* sub nav */
.sub-nav{ min-width:var(--min-width); width:100%; border-top:1px solid var(--gray-d7d); border-bottom:1px solid var(--gray-d7d); height:var(--w-50); display:flex; justify-content: center; align-items: center;}
.sub-nav .nav{ max-width:var(--min-width);min-width:var(--min-width);padding-left:var(--w-20); display:flex; justify-content: flex-start; align-items: center;}
.sub-nav .nav li .ic-home{ width:1rem; height:1rem; font-size:0; background:url("../images/layout/ic-state-home.svg") no-repeat center; margin-left:0; display:flex}
.sub-nav .nav li.pc{ display:flex !important}
.sub-nav .nav li:not(:last-child):after{content:""; width:1rem; height:1rem; background:url("../images/layout/ic-state-arrow.svg") no-repeat center; margin:0 0.875rem; display:flex; }
.sub-nav .nav li {font-size:var(--font-size-14); color:var(--gray-555); font-weight:var(--weight-regular); display:flex; justify-content: flex-start; align-items: center;}
.sub-c .cont-inner,
.sub-c-nr .cont-inner{ width:calc(100% - 2.5rem); max-width:calc(var(--min-width) - 2.5rem); margin:0 auto; padding-bottom:var(--w-150); }

@media all and (max-width:768px){

  .sub-c .cont-inner,
  .sub-c-nr .cont-inner{ width:calc(100% - 8vw); max-width:calc(var(--min-width) - 8vw); padding-bottom:var(--w-70); }
  .sub-nav{border-top:0}
  .sub-nav.mem_pc{ display:none !important}
  .sub-nav .nav{padding-left:var(--w-15)}
  .sub-nav .nav li.pc{ display:none !important}

}


/*tit*/
.sub-tit{ font-size:var(--font-size-30); font-weight:var(--weight-medium); display: flex; justify-content: flex-start; border-bottom:1px solid var(--gray-ccc); padding-bottom:var(--w-30)}
.sub-tit.mem{margin:var(--w-40) 0 var(--w-50);}
.sub-tit.memOnly{margin:var(--w-40) 0 var(--w-70);}
.sub-tit.etc{margin:var(--w-40) 0 var(--w-50);}

@media all and (max-width:768px){

.sub-tit{ font-size:var(--font-size-20);}
.sub-tit.mem{margin:var(--w-30) 0 1.125rem 0;}
.sub-tit.memOnly{margin:var(--w-30) 0 var(--w-20) 0}
.sub-tit.etc{margin:var(--w-30) 0 var(--w-20) 0}

}

/*mv*/
.sub-mv{ height:auto; max-height:22.25rem; margin-bottom:var(--w-55); }
.sub-c-nr .sub-mv{height:auto; max-height:var(--w-300)}
.sub-mv img{ max-width:100%; height:auto}


@media all and (max-width:1000px){
  .sub-mv{ height:auto; margin-bottom:var(--w-35); }
  .sub-c-nr .sub-mv{ height:auto; margin-bottom:var(--w-35); }
}

@media all and (max-width:768px){
.sub-mv{ height:auto; max-height:100%; margin:0 auto var(--w-35) auto; width:100%;}
.sub-mv img{ width:100%; height:auto}
.sub-c-nr .sub-mv{ width:100%; max-height:100%; margin-bottom:0}
.sub-c-nr .sub-mv img{ width:100%; height:auto}

}


/*btn*/
.btn-wrap{ width:100%; margin-top:var(--w-60); margin-bottom:var(--w-80);display:flex; justify-content: center; align-items: center;}

.btn{display:flex; justify-content: center; align-items: center;}
.btn-rect{border:1px solid var(--gray-999); background:var(--white); font-size:var(--font-size-16); width:var(--w-160); height:var(--w-50); transition: all 0.3s ease;}
.btn-rect:hover{ border-color:var(--red-9810); color:var(--red-9810)}
.mg15{ margin:0 0.938rem }


@media all and (max-width:768px){

.btn-wrap{ margin-top:var(--w-30); margin-bottom:0; justify-content: space-between;}
.btn-rect{font-size:var(--font-size-14); width:calc((100% - 0.938rem) / 2); height:var(--w-40); }
.mg15{ margin:0}
  
}

/*mem*/
.mem-login{ border-bottom:1px solid var(--gray-dfd); /*border-top:1px solid var(--gray-dfd);*/ padding:var(--w-100) 0}
.mem-login .mem-login-inner{ display: flex;  justify-content: space-between; align-items: flex-start;}
.mem-login .mem-login-inner ul{ display: flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.mem-login .mem-login-inner li{ padding-bottom:var(--w-20);display:flex;justify-content: flex-start; align-items: center; color:var(--gray-222); font-size:var(--font-size-22); }
.mem-login .mem-login-inner li label{ margin-right:var(--w-25); text-align: right; min-width:var(--w-90); color:var(--gray-222); font-size:var(--font-size-22); display:flex; justify-content: flex-end; align-items: center; }
.mem-login .mem-login-inner li:last-child{ padding-left:7.188rem}
.mem-login .mem-login-inner .input-txt{ background:var(--gray-f1f);border:1px solid var(--gray-f1f); border-radius: 2px; padding:0 0.625rem; width:var(--w-400); height:var(--w-45); font-size:var(--font-size-18); margin:0}
.mem-login .mem-login-inner .input-txt:focus{ outline:none; border-color:var(--red-e41)}
.mem-login .mem-login-inner input[type="checkbox"].chk-box{display: none;}
.mem-login .mem-login-inner input[type="checkbox"].chk-box + label{position:relative;display:flex;justify-content: flex-start; align-items: center;cursor:pointer}
.mem-login .mem-login-inner input[type="checkbox"].chk-box + label .check-box{width:1rem;height:1rem;border:1px solid var(--gray-555);border-radius:0.188rem ; background:#fff;margin-right:0.75rem;display:inline-block; margin-left:0}
.mem-login .mem-login-inner input[type="checkbox"].chk-box + label .check-txt{color:var(--gray-222);font-size:var(--font-size-18);display:inline-block}
.mem-login .mem-login-inner input[type="checkbox"]:checked.chk-box + label{position:relative}
.mem-login .mem-login-inner input[type="checkbox"]:checked.chk-box + label .check-box{background:url(../images/contents/ic-check.svg) no-repeat center center; width:1rem;height:1rem; border-radius:0.188rem ;margin-right:0.75rem}
.mem-login .mem-login-inner input[type="checkbox"]:checked.chk-box + label .check-txt{}



.mem-login .mem-login-inner .btn-login{ margin-left:0.75rem; width:6.875rem; height:6.875rem; background:var(--red-981); border-radius: 4px; color:var(--white); font-size:var(--font-size-22); font-weight:var(--weight-regular)}

@media all and (max-width:768px){
  .mem-login{ border:0; padding:2rem 0 var(--w-50) 0}
  .mem-login .mem-login-inner{ width:100%; display: flex;  flex-direction:column; justify-content: flex-start;}
  .mem-login .mem-login-inner ul{ width:100%; }
  .mem-login .mem-login-inner li{ width:100%; padding-bottom:1.5rem; flex-direction:column; font-size:var(--font-size-14); align-items: flex-start;}
  .mem-login .mem-login-inner li label{ margin-right:0; padding-bottom:var(--w-10); text-align: left; min-width:var(--w-90); width:100%; font-size:var(--font-size-14); justify-content: flex-start; }
  .mem-login .mem-login-inner li:last-child{ padding-left:0; height:1.313rem; margin-bottom:var(--w-20)}
  .mem-login .mem-login-inner li:last-child input[type="checkbox"].chk-box + label .check-txt{font-size:var(--font-size-14)}
  .mem-login .mem-login-inner .input-txt{ width:100%; height:var(--w-45)}
  .mem-login .mem-login-inner .btn-login{ margin-left:0; width:100%; height:var(--w-50); border-radius: 0; font-size:var(--font-size-15); font-weight:var(--weight-bold)}
}


.mem-login-info{ margin-top:var(--w-40); display:flex; justify-content: center;}
.mem-login-info dl{ display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.mem-login-info dl *{ color:var(--gray-222); font-size:var(--font-size-16)}
.mem-login-info dt{ display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-left:1.25rem}
.mem-login-info dt:nth-child(1){ background:url("../images/member/ic-info.svg") no-repeat 0 center;}
.mem-login-info dt:nth-child(2){ background:url("../images/member/ic-pw.svg") no-repeat 0 center; font-weight:var(--weight-bold); margin-top:var(--w-50)}
.mem-login-info dd{padding-top:0.313rem;text-indent:1.25rem}
.mem-login-info dd:last-child{font-size:var(--font-size-18); font-weight:var(--weight-bold)}

@media all and (max-width:768px){

  .mem-login-info{ margin-top:0; }
  .mem-login-info dl{ width:calc(100%);}
  .mem-login-info dl *{ font-size:var(--font-size-14); text-align: left; line-height:var(--w-20)}
  .mem-login-info dt:nth-child(1){ background-position:0 4px;}
  .mem-login-info dt:nth-child(2){ background-position:0 4px; margin-top:var(--w-25)}
  .mem-login-info dd:last-child{font-size:var(--font-size-16)}


}


.mem-list{ border-top:1px solid var(--black);}
.mem-list table{ border-collapse: collapse; border:0; padding:0; margin:0; width:100%;}
.mem-list table caption{  height:0; border:0; font-size:0; }
.mem-list table th,
.mem-list table td{border-bottom:1px solid var(--gray-dfd); font-size:var(--font-size-16);}
.mem-list table th{ width:20% !important; height: var(--w-50); background:var(--gray-fcf); padding-left:var(--w-80);  text-align: left; font-weight:var(--weight-regular)}
.mem-list table td{ padding-left:var(--font-size-25); text-align: left;}
.mem-list table td .input-t{ width:var(--w-300); height:var(--w-35); background:var(--gray-fbf); border:1px solid var(--gray-ccc); padding:0 0.75rem; border-radius: 0; font-size:var(--font-size-16)}
.mem-list table td .input-t:focus{ outline:none; border-color:var(--red-e41)}
.mem-list table td img.mem-logo{ max-width:9.375rem; margin:var(--w-10) 0}


@media all and (max-width:1200px){
  .mem-list table th{ padding-left:var(--w-20);}
}


@media all and (max-width:768px){

  .mem-list table th,
  .mem-list table td{font-size:var(--font-size-14);}
  .mem-list table th{ width:30% !important; padding-left:var(--w-15)}
  .mem-list table td{padding-left:var(--w-15)}
  .mem-list table td .input-t{ width:calc(100% - var(--w-30)); height:var(--w-30); font-size:var(--font-size-14)}

}


/*member - board-top */

.board-top{ width:var(--min-width); min-width: var(--min-width); margin:0 auto; padding-bottom:var(--w-50); overflow:hidden; position:relative}
.board-top .silde-inner{ width:100%; height:var(--w-350); margin:0 auto; display:flex; flex-direction:row; justify-content: space-between; align-items: flex-start;}
.board-top .silde-inner .news-img{ width:36.25rem; height:var(--w-350); border:1px solid var(--gray-555); background:url("../images/main/thumb-noimg.png") no-repeat 0 0; background-size:cover }
.board-top .silde-inner .news-img img{ width:100%; height:100%; object-fit: cover;}
.board-top .silde-inner .new-inner{ width:calc(100% - 41rem); height:100%; display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.board-top .silde-inner .new-inner h3{ font-size:var(--font-size-26); font-weight:var(--weight-bold); color:var(--black); margin:var(--w-20) 0 1.688rem 0; text-align: left;}
.board-top .silde-inner .new-inner p{ width:32.188rem; margin-bottom:2.375rem; font-size:var(--font-size-18); line-height:var(--font-size-27); color:var(--black); text-align: left; word-break:break-all}
.board-top .silde-inner .new-inner p.date{display:none}
.board-top .silde-inner a.news-a{ width:216px; height:var(--w-60); border:1px solid var(--gray-333); display:flex; justify-content: space-between; align-items: center; font-size:var(--font-size-18); font-weight:var(--weight-medium); padding:0 1.5rem 0 1.625rem}
.board-top .silde-inner a.news-a.pc{display:flex !important}
.board-top .silde-inner a.news-a.mobile{display:none !important}
.board-top .silde-inner a.news-a i{ width:2.313rem; height:1rem; font-size:0; background:url("../images/main/ic-btn-arrow.svg") no-repeat 0 0; background-size:cover; transition: all 0.5s ease;}
.board-top .silde-inner a.news-a:hover{ border-color:var(--red-9810)}
.board-top .silde-inner a.news-a:hover i{ transform:translateX(0.313rem)}


@media all and (max-width:1200px){

  .board-top{ padding-bottom:var(--w-100);}
  .board-top .silde-inner { height:auto; min-height:var(--w-300)}
  .board-top .silde-inner .news-img{ width:45%; height:auto; }

  .board-top .silde-inner .new-inner{ width:calc(100% - 48%);}
  .board-top .silde-inner .new-inner h3{ font-size:var(--font-size-24); }
  .board-top .silde-inner .new-inner p{ width:100% ; font-size:var(--font-size-16);}

  .board-top .silde-inner a.news-a i{ background-size:cover }


}


@media all and (max-width:768px){

  .board-top{ padding-bottom:var(--w-30);}
  .board-top .silde-inner{ width:100%; height:5.125rem; min-height:5.125rem; display:flex; align-items: center;}
  .board-top .silde-inner .news-img{ width:5.125rem; height:5.125rem; }
  .board-top .silde-inner .new-inner{ width:calc(100% - var(--w-110)); height:5.125rem; padding-left:var(--w-15); display:flex; flex-direction: column; justify-content: center; align-items: flex-start; }
  .board-top .silde-inner .new-inner h3{ font-size:var(--font-size-16); font-weight:var(--weight-medium); margin:0}
  .board-top .silde-inner .new-inner p{display:none}
  .board-top .silde-inner .new-inner p.date{display:flex; color:var(--gray-999); font-size:var(--font-size-12); margin-bottom:0}
  .board-top .silde-inner a.news-a{ width:var(--w-20); height:var(--w-20); font-size:0; padding:0; border:0;}
  .board-top .silde-inner a.news-a.pc { display:none !important}
  .board-top .silde-inner a.news-a.mobile { display:flex !important}
  .board-top .silde-inner a.news-a i{ width:var(--w-20); height:var(--w-20); background:url("../images/contents/ic-board.svg") no-repeat center center; background-size:cover; }
  
  

}

/*memberonly - board*/
.board-sch{ height:var(--w-35); margin-bottom:var(--w-35); display:flex; justify-content: space-between; align-items: center; }
.board-sch p{ font-size:var(--font-size-14); line-height:var(--w-30); color:var(--gray-222) }
.board-sch .sch-wrap{ display:flex; justify-content: flex-end; align-items: center; }
.board-sch .sch-wrap *{border-radius: 0;}
.board-sch .sch-wrap select.select-sch{ border:1px solid var(--gray-cfc); width:var(--w-110);height:var(--w-35);}
.board-sch .sch-wrap input.input-sch{ border:1px solid var(--gray-cfc); width:var(--w-200);height:var(--w-35); border-width:1px 0;}
.board-sch .sch-wrap input.btn-sch{ width:var(--w-35); height:var(--w-35); background: var(--gray-555) url("../images/board/ic-btn-sch.svg") no-repeat center ; font-size:0}

@media all and (max-width:768px){

  .board-sch{ width:calc(100%); height:auto; margin:0 auto var(--w-15) auto; display:flex; flex-direction:column-reverse; justify-content: center; align-items: flex-start; }
  .board-sch .sch-wrap{ justify-content: flex-start; align-items: center; margin-bottom:var(--w-20); flex-wrap: wrap; width:100%;}
  .board-sch .sch-wrap select.select-sch{ border:1px solid var(--gray-cfc); width:var(--w-110); margin-right:var(--w-10);}
  .board-sch .sch-wrap input.input-sch{ width:calc(100% - var(--w-155)); border-width:1px;}
  
}


.board-inner{ display:table; border-collapse: collapse; border-top:1px solid var(--gray-222); width:100%; }
.board-inner .tr{ display:table-row-group; width:100%}
.board-inner .tr.pc{ display:table-row-group !important;}
.board-inner .th{ display:table-cell; vertical-align: middle; height:var(--w-70)}
.board-inner .td{ display:table-cell; vertical-align: middle; height:var(--w-70)}
.board-inner .td.num span{ padding:0 0.438rem; height:var(--w-20); border-radius: 2px; font-size:var(--font-size-14); color:var(--white); font-weight:var(--weight-medium); background:var(--red); display:inline-flex; justify-content: center; align-items: center; }
.board-inner .td.tel em,
.board-inner .td.fax em{ display:none; font-style: normal; font-size:inherit; color:inherit }
.board-inner .td.subject{ text-align: left; padding-left:1.5rem}
.board-inner .td.subject a:hover{ text-decoration: underline;}
.board-inner .td.num em{ display:none; font-style: normal; font-size:inherit; color:inherit }
.board-inner .td.download a{ display:inline-flex;border:1px solid var(--red-8c2); height: 1.5rem; color:var(--red); font-size:var(--font-size-12); border-radius: 0.75rem; padding:0 0.625rem; justify-content: center; align-items: center;}
.board-inner .td.download a:hover{ color:var(--red-9810); border-color:var(--red-9810)}
.board-inner .td.pc { display:table-cell !important}
.board-inner .td.ceo { text-align: center !important; padding-left:0 !important}
.board-inner .th,.board-inner .td{border-bottom:1px solid var(--gray-dfd); }

#mo-member .board-inner .td{padding-left:0; text-align:center} /*스타일수정 2022-07-12*/


#mo-notice .board-inner .th:nth-child(1){ width:var(--w-140 )}
#mo-notice .board-inner .th:nth-child(2){ width:calc(100% - 35rem)}
#mo-notice .board-inner .th:nth-child(3){ width:var(--w-150 )}
#mo-notice .board-inner .th:nth-child(4){ width:var(--w-110 )}
#mo-notice .board-inner .th:nth-child(5){ width:var(--w-160 )}

#mo-statistics .board-inner .th:nth-child(1),
#rf-statistics .board-inner .th:nth-child(1){ width:var(--w-140 )}
#mo-statistics .board-inner .th:nth-child(2),
#rf-statistics .board-inner .th:nth-child(2){ width:calc(100% - 35rem)}
#mo-statistics .board-inner .th:nth-child(3),
#rf-statistics .board-inner .th:nth-child(3){ width:var(--w-150 )}
#mo-statistics .board-inner .th:nth-child(4),
#rf-statistics .board-inner .th:nth-child(4){ width:var(--w-110 )}
#mo-statistics .board-inner .th:nth-child(5),
#rf-statistics .board-inner .th:nth-child(5){ width:var(--w-160 )}



#mo-member .board-inner .th:nth-child(1){ width:calc(100% - 57.5rem); }
#mo-member .board-inner .th:nth-child(2){ width:var(--w-160)}
#mo-member .board-inner .th:nth-child(3){ width:var(--w-160 )}
#mo-member .board-inner .th:nth-child(4){ width:var(--w-250 )}
#mo-member .board-inner .th:nth-child(5){ width:var(--w-200 )}
#mo-member .board-inner .th:nth-child(6){ width:var(--w-150 )}

#mo-law .board-inner .th:nth-child(1){ width:calc(100% - 33.125rem)}
#mo-law .board-inner .th:nth-child(2){ width:var(--w-230 )}
#mo-law .board-inner .th:nth-child(3){ width:var(--w-150 )}
#mo-law .board-inner .th:nth-child(4){ width:var(--w-150 )}


@media all and (max-width:1000px){
#mo-member .board-inner .td{padding-left:var(--w-10);}
#mo-member .board-inner .th:nth-child(1){ width:calc(100% - 43.75rem); }
#mo-member .board-inner .th:nth-child(2){ width:var(--w-120)}
#mo-member .board-inner .th:nth-child(3){ width:var(--w-120 )}
#mo-member .board-inner .th:nth-child(4){ width:var(--w-230 )}
#mo-member .board-inner .th:nth-child(5){ width:var(--w-230 )}

}


@media all and (max-width:768px){


  .board-inner{ width:calc(100%); margin:0 auto}
  .board-inner .tr.pc{ display:none !important;}
  #mo-law .board-inner .tr{ padding:var(--w-20) 0 var(--w-15) 0; flex-wrap: wrap;}
  .board-inner .tr{ display:flex; flex-direction:row; border-bottom:1px solid var(--gray-dfd); padding:var(--w-15) 0; flex-wrap: wrap;}
  .board-inner .td{ border-bottom:0; display:flex; align-items: center; min-height:var(--w-30); height:auto}
  .board-inner .td.num{ text-align: left; padding-left:0; font-size:var(--font-size-14); width:100%}
  .board-inner .td.num em{ display:inline-block; }
  .board-inner .td.tel,
  .board-inner .td.fax{ font-size:var(--font-size-14); color:var(--gray-999) }
  .board-inner .td.ceo{color:var(--gray-999) }
  .board-inner .td.tel em,
  .board-inner .td.fax em{ display:inline-block; margin-right:3px}
  .board-inner .td.tel{margin-right:var(--w-10)}
  .board-inner .td.subject{ text-align: left; padding-left:0; font-weight:var(--weight-bold); font-size:var(--font-size-16); line-height:1.5; width:calc(100% - 1rem)}
  .board-inner .td.site{ width:100%; font-size:var(--font-size-16); color:var(---gray-999)}
  .board-inner .td.site a{ font-size:var(--font-size-16); color:var(---gray-999) }
  .board-inner .td.file{ align-items: center; width:1rem}
  .board-inner .td.pc{ display:none !important}
  .board-inner .td.file a{ height:var(--w-30); display:flex; justify-content: center; align-items: center;}  
  #mo-law .board-inner .td.file a{ align-items: flex-start;padding-top:3px}  
  #mo-law .board-inner .td.file a img{ width:auto; /*height:13px*/ }  
  .board-inner .td.date{ color:var(--gray-999); font-size:var(--font-size-14); margin-right:var(--w-10)}
  .board-inner .td.hit{ font-size:var(--font-size-14)}
  .board-inner .td.member-name{  display:flex; justify-content: space-between; align-items: center; font-weight:var(--weight-bold); flex-wrap:wrap; height:auto; min-height:var(--w-30); }
  
  .board-inner .td.site{  font-size:var(--font-size-16); color:var(--gray-999); min-height:var(--w-30)}
  .board-inner .td.ceo,
  .board-inner .td.drink-type{ font-size:var(--font-size-14); font-weight:var(--weight-regular)}
  #mo-law .board-inner .td.date.mobile{}
  #mo-law .board-inner .td.name{display:block ;font-size:var(--font-size-14)}

  #mo-notice .board-inner .td:nth-child(1){ width: 100%; height:var(--w-25); }
  #mo-notice .board-inner .td:nth-child(2){ width:calc(100% - 1rem); }
  #mo-notice .board-inner .td:nth-child(3){ width: 1rem }
  #mo-notice .board-inner .td:nth-child(4){ width: auto; margin-right:var(--w-20)}
  #mo-notice .board-inner .td:nth-child(5){ width: auto}

  #mo-law .board-inner .td:nth-child(1){ width:calc(100% - var(--w-20)); display:block; }
  #mo-law .board-inner .td:nth-child(2){ width:1rem; text-align: right; }
  #mo-law .board-inner .td:nth-child(3){ width: auto; margin-right:var(--w-20)}
  #mo-law .board-inner .td:nth-child(4){ width: auto}

  #mo-statistics .board-inner .td:nth-child(1),
  #rf-statistics .board-inner .td:nth-child(1){ width: 100%; height:var(--w-20); }
  #mo-statistics .board-inner .td:nth-child(2),
  #rf-statistics .board-inner .td:nth-child(2){ width:calc(100% - 1rem); }
  #mo-statistics .board-inner .td:nth-child(3),
  #rf-statistics .board-inner .td:nth-child(3){ width: 1rem }
  #mo-statistics .board-inner .td:nth-child(4),
  #rf-statistics .board-inner .td:nth-child(4){ width: auto; margin-right:var(--w-20)}
  #mo-statistics .board-inner .td:nth-child(5),
  #rf-statistics .board-inner .td:nth-child(5){ width: auto}

  

  #mo-member .board-inner .td{padding-left:0; text-align:left}
  #mo-member .board-inner .td:nth-child(1){ width:100%;}
  #mo-member .board-inner .td:nth-child(2){ width:100%;}
  #mo-member .board-inner .td:nth-child(3){ width:100%}
  #mo-member .board-inner .td:nth-child(4){ width:auto}
  #mo-member .board-inner .td:nth-child(5){ width:auto}
  #mo-member .board-inner .td.ceo{ width:100%}
  #mo-member .board-inner .td.ceo span{ font-size:inherit}



}

.board-sch-inner{ display:table; border-collapse: collapse; border-top:1px solid var(--gray-222); width:100%; }
.board-sch-inner .caption{font-size:0; height:0; margin:0; padding:0 }
.board-sch-inner .tr{ display:table-row-group; width:100%}
.board-sch-inner .th{ display:table-cell; vertical-align: middle; background:var(--gray-fcf); }
.board-sch-inner .td{ display:table-cell; vertical-align: middle; background:var(--white); }
.board-sch-inner .th, .board-sch-inner .td{border-bottom:1px solid var(--gray-dfd); height:var(--w-50);}
.board-sch-inner .td{ padding-left:var(--w-10); text-align: left; border-top:0}

.board-sch-inner .td select{ border:1px solid var(--gray-cfc); height:2.125rem; background-color:var(--white)}
.board-sch-inner .td select + select{ margin-left:0.5rem}
.board-sch-inner .td select.select{ width:var(--w-130);}
.board-sch-inner .td select.select70{ width:var(--w-70);}

.board-sch-inner .td input.input{ border:1px solid var(--gray-cfc); height:2.125rem; background:var(--white); width:var(--w-150); padding:0 var(--w-10)}
.board-sch-inner .td input.input:read-only{ background:var(--gray-f8f); }
.board-sch-inner .td input.input:read-only{ background:var(--gray-f8f); }

.board-sch-inner .th:nth-child(1){ width:var(--w-120)}
.board-sch-inner .td:nth-child(2){ width:var(--w-260)}
.board-sch-inner .th:nth-child(3){ width:var(--w-120)}
.board-sch-inner .td:nth-child(4){ width:var(--w-360)}
.board-sch-inner .th:nth-child(5){ width:var(--w-120)}
.board-sch-inner .td:nth-child(6){ width:var(--w-260); border-right:0}
.board-sch-inner .th.blank{ background:none }

.board-sch-inner.result-tr .th:nth-child(1){ width:var(--w-120)}
.board-sch-inner.result-tr .td:nth-child(2){ width:var(--w-290)}
.board-sch-inner.result-tr .th:nth-child(3){ width:var(--w-120)}
.board-sch-inner.result-tr .td:nth-child(4){ width:var(--w-300)}
.board-sch-inner.result-tr .th:nth-child(5){ width:var(--w-120)}
.board-sch-inner.result-tr .td:nth-child(6){ width:var(--w-290); border-right:0}


.board-sch-inner .radio-group{ display:inline-flex; justify-content: flex-start; align-items: center; height:2.125rem; position:relative; margin-left:1rem}
.board-sch-inner .radio-group input[type="radio"].radio-box{display: none;} 
.board-sch-inner .radio-group input[type="radio"].radio-box + label{position:relative;display:flex;justify-content: flex-start; align-items: center;cursor:pointer; }
.board-sch-inner .radio-group input[type="radio"].radio-box + label .check-box{width:0.875rem;height:0.875rem;border:1px solid var(--gray-555);border-radius:0.45rem ; background:#fff;margin-right:var(--w-5);display:inline-block}
.board-sch-inner .radio-group input[type="radio"].radio-box + label .check-txt{display:inline-block}
.board-sch-inner .radio-group input[type="radio"].radio-box + label .check-txt.mg-right{margin-right:1.188rem;}
.board-sch-inner .radio-group input[type="radio"]:checked.radio-box + label{position:relative}
.board-sch-inner .radio-group input[type="radio"]:checked.radio-box + label .check-box{background:url(../images/contents/ic-r-check.svg) no-repeat center center; width:0.875rem;height:0.875rem; border-radius:0.45rem ;margin-right:var(--w-5)}
.board-sch-inner .radio-group input[type="radio"]:checked.radio-box + label .check-txt{}

.board-sch-inner .board-t-btn{ width:100%; margin-top:var(--w-15); margin-bottom:1.75rem; display:flex; justify-content: space-between; align-items: center; }
/*#rf-statistics .board-sch-inner .board-t-btn{ justify-content: flex-end;}*/
#rf-statistics .board-sch-inner .board-t-btn a{ margin:0 0 0 auto}
.board-sch-inner .board-t-btn .hs-slt{ width:var(--w-350); display:flex; justify-content: flex-start; align-items: center;}
.board-sch-inner .board-t-btn .hs-slt .label{ width:var(--w-100); font-size:var(--w-16); padding:0 0 0 var(--w-10); text-align: left;}
.board-sch-inner .board-t-btn .hs-slt .select{ width:var(--w-250)}
.board-sch-inner .board-t-btn a{ background:var(--gray-555); font-size:var(--font-size-16); color:var(--white); font-weight:var(--weight-bold); width:var(--w-160); height:var(--w-45); display:flex;justify-content: center; align-items: center;}


@media all and (max-width:768px){
  .board-sch-inner .table *{ font-size:var(--font-size-14)}
  .board-sch-inner .tr{ display:flex; flex-wrap:wrap}
  .board-sch-inner .th{ width:27.2vw !important; display:flex; justify-content: center; align-items: center; height:var(--w-40)}
  .board-sch-inner .td{ width:calc(100% - 27.2vw) !important; display:flex; justify-content: flex-start; align-items: center; height:var(--w-40)}
  .board-sch-inner .th.blank,
  .board-sch-inner .td.blank{ height:0; border:0}

  .board-sch-inner .td select{ height:var(--w-30);}
  .board-sch-inner .td select + select{ margin-left:0.5rem}
  .board-sch-inner .td select.select{ width:var(--w-140);}
  .board-sch-inner .td select.select70{ width:var(--w-60);}
  .board-sch-inner .td select.select90{ width:var(--w-90);}
  .board-sch-inner .th.m-align{ height:var(--w-80); }  
  .board-sch-inner .td.m-align{ flex-direction:column; height:var(--w-80); align-items: flex-start; justify-content: center;}  
  .board-sch-inner .radio-group{ display:flex; margin-left:0;}
  .board-sch-inner .radio-group input[type="radio"].radio-box + label .check-txt.mg-right{margin-right:0.5rem;}
  .board-sch-inner .board-t-btn a{ width:100%; font-size:var(--font-size-14)}

  .board-sch-inner .board-t-btn{ width:100%; margin-top:var(--w-15); margin-bottom:1.75rem; display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; }
  .board-sch-inner .board-t-btn .hs-slt{ width:100%; display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
  .board-sch-inner .board-t-btn .hs-slt .label{ width:100%}
  .board-sch-inner .board-t-btn .hs-slt .select{ width:100%; margin-bottom:var(--w-10)}
  .board-sch-inner .board-t-btn a{ width:100%; font-size:var(--font-size-14)}
  

}

/*회원사*/

.mem-tit{ font-size:var(--font-size-24); font-weight:var(--weight-bold); margin-bottom:var(--w-10); color:var(--red-600);text-align: left;}
.mem-ul{ display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding-bottom:var(--w-25)}
.mem-ul li{ width:calc((100% - 5.063rem) / 4); height:var(--w-170); margin-right:1.688rem;  margin-bottom:var(--w-25);border:1px solid var(--gray-dfd); background:var(--white); 
display:flex;  flex-direction:column; justify-content: flex-start;; align-items: center}

.mem-ul li .banner{ width:100%; height:calc(100% - var(--w-65)); display:flex; justify-content: center; align-items: center;  }
.mem-ul li .banner img{ width:100%; max-width:100%; height:auto}
.mem-ul li .banner-btm{ width:100%; height:var(--w-65); border-top:1px dashed var(--gray-dfd); display:flex; flex-direction:column; justify-content: center; align-items: center;
font-size:var(--font-size-14); line-height:var(--font-size-18)}
.mem-ul li .banner-btm *{font-size:var(--font-size-14); color:var(--gray-222); font-weight:var(--weight-regular)}
.mem-ul li:nth-child(4n){ margin-right:0 }

@media all and (max-width:768px){

  .mem-tit{ font-size:var(--font-size-20); margin-bottom:var(--w-5);}
  .mem-ul{ display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding-bottom:var(--w-10)}
  .mem-ul li{ width:calc((100% - 0.313rem) / 2); height:var(--w-140); margin-right:0.313rem;  margin-bottom:var(--w-10);}

  .mem-ul li .banner{ width:100%; height:calc(100% - 3.563rem); }
  .mem-ul li .banner img{ width:100%; max-height:100%; height:auto}
  .mem-ul li .banner-btm{ width:100%; height:3.563rem; font-size:var(--font-size-10); line-height:var(--font-size-16)}
  .mem-ul li .banner-btm *{ width:100%; padding:0 var(--w-10);font-size:var(--font-size-10); word-break: break-all;}
  .mem-ul li:nth-child(2n),
  .mem-ul li:nth-child(4n){ margin-right:0 }

}

.board-t-inner{ display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; border-top:1px solid var(--gray-222);}
.board-t-inner.no-border{ border-top:0; }
.board-t-inner .table-inner{ width:100%; }
.board-t-inner table{ border-collapse: collapse; width:100%; margin:0; padding:0; }
.board-t-inner th{ background:var(--white); height:var(--w-40); font-size:var(--font-size-16); font-weight:var(--weight-regular);  border-top:0;}
.board-t-inner td{ padding-left:var(--w-10); text-align: left; border-top:0}
.board-t-inner td select{ border:1px solid var(--gray-cfc); height:2.125rem;}
.board-t-inner td select + select{ margin-left:0.5rem}
.board-t-inner td select.select{ width:var(--w-130);}
.board-t-inner td select.select70{ width:var(--w-70);}
.board-t-inner table.th-clr th{ background:var(--gray-fcf); height:var(--w-50);}
.board-t-inner table.th-clr td:nth-child(3n){ border-right:0 }
.board-t-inner table th,
.board-t-inner table td{ border-right:1px solid var(--gray-dfd); border-bottom:1px solid var(--gray-dfd) }
.board-t-inner table td a{ color:var(--blue-006)}
.board-t-inner table tr.total-tr th,
.board-t-inner table tr.total-tr td{background:var(--gray-fff)}

.board-t-inner table:not(.th-clr) th:last-child,
.board-t-inner table:not(.th-clr) td:last-child{ border-right:0 }
.board-t-inner table th.rborder{ border-right:1px solid var(--gray-dfd) !important;}
.board-t-inner table:not(.th-clr) td{ height:var(--w-40); padding:0 var(--w-5) 0 0; text-align: right;}
.board-t-inner table:not(.th-clr) td.ta-c{ text-align: center; padding:0}
.board-t-inner table.tbl-stt td.font-14{ font-size:var(--font-size-14)}
.board-t-inner table.tbl-stt td:last-child{ background:var(--gray-fcf); padding-right:var(--w-10)}

.board-t-inner table.th-clr col:nth-child(1){ width:var(--w-120)}
.board-t-inner table.th-clr col:nth-child(2){ width:var(--w-260)}
.board-t-inner table.th-clr col:nth-child(3){ width:var(--w-120)}
.board-t-inner table.th-clr col:nth-child(4){ width:var(--w-360)}
.board-t-inner table.th-clr col:nth-child(5){ width:var(--w-120)}
.board-t-inner table.th-clr col:nth-child(6){ width:var(--w-260)}

.board-t-inner .table-inner table.th-dt col{ width:calc(100% / 10)}

.board-t-inner table col:nth-child(1){ width:var(--w-60)}
.board-t-inner table col:nth-child(2){ width:var(--w-120)}
.board-t-inner table col:nth-child(3){ width:var(--w-200)}
.board-t-inner table col:nth-child(4){ width:var(--w-90)}
.board-t-inner table col:nth-child(5){ width:var(--w-90)}
.board-t-inner table col:nth-child(6){ width:var(--w-90)}
.board-t-inner table col:nth-child(7){ width:var(--w-90)}
.board-t-inner table col:nth-child(8){ width:var(--w-90)}
.board-t-inner table col:nth-child(9){ width:var(--w-90)}
.board-t-inner table col:nth-child(10){ width:var(--w-90)}
.board-t-inner table col:nth-child(11){ width:var(--w-90)}
.board-t-inner table col:nth-child(12){ width:var(--w-90)}
.board-t-inner table col:nth-child(13){ width:var(--w-90)}


.board-t-inner table.tbl-stt col:nth-child(1){ width:var(--w-150)}
.board-t-inner table.tbl-stt col:nth-child(2){ width:var(--w-40)}
.board-t-inner table.tbl-stt col:nth-child(3){ width:var(--w-85)}
.board-t-inner table.tbl-stt col:nth-child(4){ width:var(--w-85)}
.board-t-inner table.tbl-stt col:nth-child(5){ width:var(--w-85)}
.board-t-inner table.tbl-stt col:nth-child(6){ width:var(--w-85)}
.board-t-inner table.tbl-stt col:nth-child(7){ width:var(--w-85)}
.board-t-inner table.tbl-stt col:nth-child(8){ width:var(--w-85)}
.board-t-inner table.tbl-stt col:nth-child(9){ width:var(--w-85)}
.board-t-inner table.tbl-stt col:nth-child(10){ width:var(--w-85)}
.board-t-inner table.tbl-stt col:nth-child(11){ width:var(--w-85)}
.board-t-inner table.tbl-stt col:nth-child(12){ width:var(--w-85)}
.board-t-inner table.tbl-stt col:nth-child(13){ width:var(--w-85)}
.board-t-inner table.tbl-stt col:nth-child(14){ width:var(--w-115)}

.board-t-inner .board-t-script{ border-bottom:1px solid var(--gray-222) }
.board-t-inner .board-t-btn{ width:100%; margin-top:var(--w-15); margin-bottom:1.75rem; display:flex; justify-content: flex-end; align-items: center; }
.board-t-inner .board-t-btn a{ background:var(--gray-555); font-size:var(--font-size-16); color:var(--white); font-weight:var(--weight-bold); width:var(--w-160); height:var(--w-45); display:flex;justify-content: center; align-items: center;}

.board-t-script{width:100%; display:flex; justify-content: space-between; align-items:flex-start; padding-bottom:var(--w-10)}
.board-t-script .script{font-size:var(--font-size-16);}
.board-t-script .script em,
.board-t-script .script span{font-style: normal; color:var(--blue-006); font-weight:var(--weight-medium)}
.board-t-script .script span{margin-left:var(--w-15)}
.board-t-script ul{width:auto; display:flex; justify-content: flex-end; align-items: center;}
.board-t-script ul li{width:var(--w-30); flex-shrink: 0; }
.board-t-script ul li:last-child{margin-left:var(--w-10)}
.board-t-script ul li a{border:1px solid var(--gray-999); border-radius: 2px;; font-size:0; display:flex; width:100%;}
.board-t-script ul li a:hover{border-color:var(--red-9810)}
.board-t-script ul li a.file-dw{background:url("../images/contents/ic-dw.svg") no-repeat center;}
.board-t-script ul li a.file-pt{background:url("../images/contents/ic-pt.svg") no-repeat center; }



@media all and (max-width:768px){
  .table-inner{max-width:100%; overflow-x:auto; display:flex; justify-content: flex-start; align-items: flex-start;}
  .table-inner table{min-width:1180px; max-width:77.5rem; width:100%}
  .table-inner table *{font-size:var(--font-size-14);line-height:1.5rem}

  .board-t-inner .table-inner table.th-dt col:nth-child(1){ width:var(--w-60)}
  .board-t-inner .table-inner table.th-dt col:nth-child(2){ width:var(--w-110)}
  .board-t-inner .table-inner table.th-dt col:nth-child(n+3){ width:calc((100% - var(--w-170) / 8))}

  .board-t-inner table col:nth-child(1){ width:var(--w-60)}
  .board-t-inner table col:nth-child(2){ width:var(--w-110)}
  .board-t-inner table col:nth-child(3){ width:var(--w-160)}
  .board-t-inner table col:nth-child(4){ width:var(--w-80)}
  .board-t-inner table col:nth-child(5){ width:var(--w-80)}
  .board-t-inner table col:nth-child(6){ width:var(--w-80)}
  .board-t-inner table col:nth-child(7){ width:var(--w-80)}
  .board-t-inner table col:nth-child(8){ width:var(--w-80)}
  .board-t-inner table col:nth-child(9){ width:var(--w-80)}
  .board-t-inner table col:nth-child(10){ width:var(--w-80)}
  .board-t-inner table col:nth-child(11){ width:var(--w-80)}
  .board-t-inner table col:nth-child(12){ width:var(--w-80)}
  .board-t-inner table col:nth-child(13){ width:var(--w-80)}


  

  .board-t-script{align-items:flex-end}
  .board-t-script .script{font-size:var(--font-size-14); width:calc(100% - 18vw); text-align: left; line-height:1.25rem}
  .board-t-script .script *{font-size:var(--font-size-14)}
  .board-t-script .script span{display:flex; margin-left:0;}
}


.board-pagenation{margin-top:var(--w-75); display:flex; justify-content: center; align-items: center;}
#rf-news .board-pagenation{margin-top:var(--w-25);}
.board-pagenation a{width:var(--w-25); height:var(--w-25); display:flex; justify-content: center; align-items: center;  }
.board-pagenation a.pc{display:flex !important}
.board-pagenation a span{color:var(--gray-bbb); font-size:var(--font-size-16); border-bottom:1px solid var(--white); transition: all 0.5s ease;}
.board-pagenation a.p-first{font-size:0; background:url("../images/board/btn-arrow-first.svg") no-repeat center}
.board-pagenation a.p-prev{font-size:0; background:url("../images/board/btn-arrow-prev.svg") no-repeat center}
.board-pagenation a.p-next{font-size:0; background:url("../images/board/btn-arrow-prev.svg") no-repeat center; transform: rotate(-180deg);}
.board-pagenation a.p-end{font-size:0; background:url("../images/board/btn-arrow-first.svg") no-repeat center; transform: rotate(-180deg);}
.board-pagenation a{width:var(--w-25); height:var(--w-25); display:flex; justify-content: center; align-items: center;}
.board-pagenation a:hover span,
.board-pagenation a.on span{ color:var(--gray-222); font-weight:var(--weight-bold); border-bottom:1px solid var(--gray-222)}

@media all and (max-width:768px){
  .board-pagenation{margin-top:var(--w-30); }
  .board-pagenation a.pc{display:none !important}
}


.statics-slt{ width:100%; display:flex; justify-content: flex-end; align-items: center; margin-bottom: 1.25rem;margin-top:-2.5rem }
.statics-slt span{}
.statics-slt select{ width:10.313rem; margin-left:0.625rem}


@media all and (max-width:768px){

  .statics-slt{ margin-top:0rem }
}

.stt-chart-inner{ width:100%; margin-bottom:var(--w-30); position:relative}

.stt-chart-inner .statics-swiper{ width:100%; margin:0 auto; padding-bottom:0; overflow:hidden; display:flex; justify-content: flex-start; align-items: flex-start; }
.stt-chart-inner .statics-swiper .swiper-wrapper{ /*max-width:calc(100% - 7.5rem);*/ width:100%; }
.stt-chart-inner .statics-swiper .swiper-slide{ width:calc(100% / 2); }
.stt-chart-inner .statics-swiper .silde-inner{ width:100%; height:28.375rem; }
.stt-chart-inner .statics-swiper .silde-inner h3{ display:flex; justify-content: flex-start; align-items: center; color:var(--gray-333); font-size:var(--font-size-20); font-weight:var(--weight-bold)}
.stt-chart-inner .statics-swiper .silde-inner h3 .ic{ width:2.625rem; height:2.625rem; border:1px solid var(--black); border-radius:1.313rem ; background:var(--white); display:flex; justify-content: center; align-items: center; margin-right:0.3rem}
.stt-chart-inner .statics-swiper .silde-inner .crt-inner{ width:100%; height:24.375rem; margin-top:1.375rem;}


.stt-chart-inner .statics-swiper .swiper-button-next,
.stt-chart-inner .statics-swiper .swiper-button-prev{width:var(--w-60); height:var(--w-60); background:var(--gray-f6f) url("../images/main/ic-slide-arrow-b.svg") no-repeat center center; }

.stt-chart-inner .statics-swiper .swiper-button-prev{left:0; top:50%; margin-top:-var(--w-30);}
.stt-chart-inner .statics-swiper .swiper-button-next{right:0; top:50%; margin-top:0; transform: rotate(-180deg); }

@media all and (max-width:1200px){


 .stt-chart-inner  .statics-swiper{ padding-bottom:var(--w-50); height:auto; }
 .stt-chart-inner  .statics-swiper .swiper-slide{ width:calc(100% / 2); max-width:50vw; }
 .stt-chart-inner  .statics-swiper .silde-inner{ width:100%; height:auto;}
 .stt-chart-inner  .statics-swiper .silde-inner .crt-inner{ width:100%; height:auto; margin-top:1.375rem; }
 .stt-chart-inner  .statics-swiper .silde-inner .crt-inner img{ width:90%; vertical-align:middle} /*차트영역으로 사이즈 맞춰주는 용도*/

}


@media all and (max-width:768px){

 .stt-chart-inner  h2{ margin-bottom:1rem }
  
 .stt-chart-inner  .statics-swiper{ width:100%; min-height:20rem; padding-bottom:0; }
 .stt-chart-inner  .statics-swiper .swiper-wrapper{ max-width:calc(100% - 2.5rem); display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; margin:0 auto;}
 .stt-chart-inner  .statics-swiper .swiper-slide{ width:100%; max-width:100% }
 .stt-chart-inner  .statics-swiper .silde-inner{ width:100%; height:auto; min-height:auto; padding-bottom:var(--w-30)}
 .stt-chart-inner  .statics-swiper .silde-inner h3{ font-size:var(--font-size-14); }
 .stt-chart-inner  .statics-swiper .silde-inner h3 .ic{ width:1.5rem; height:1.5rem;  margin-right:0.375rem}
 .stt-chart-inner  .statics-swiper .silde-inner h3 .ic img{ width:100%; }
 .stt-chart-inner  .statics-swiper .silde-inner .crt-inner{ width:100%; min-height:auto; height:auto; margin-top:1rem;}
 .stt-chart-inner  .statics-swiper .silde-inner .crt-inner img{ max-width:100%; width:auto; max-height:100%; vertical-align:middle} /*차트영역으로 사이즈 맞춰주는 용도*/
  
  
  
 .stt-chart-inner  .statics-swiper .swiper-button-next,
 .stt-chart-inner  .statics-swiper .swiper-button-prev{display:none}


}


/*gallery*/
.gallery-inner{ display:flex; width:100%; flex-wrap: wrap;}
.gallery-inner li{ width:calc((100% - 3.5rem) / 3); margin:0 1.75rem var(--w-50) 0; height:var(--w-360); border:1px solid var(--gray-ccc); background:var(--white); transition: all 0.3s linear;}
.gallery-inner li .img{ width:100%; height:var(--w-220); /*background:url("../images/board/thumb-noimg.png") no-repeat center; background-size:cover;*/ transition: transform 0.3s linear; overflow: hidden;}
.gallery-inner li .img img{ max-width:100%; height:auto; object-fit:cover; transform:scale(1); transition: transform 0.3s linear;}
.gallery-inner li .gall-cont{ width:100%; height:var(--w-140); padding:var(--w-20) var(--w-25) var(--w-25) var(--w-20); text-align: left;}
.gallery-inner li .gall-cont .tit{ display:flex; height:var(--w-75); font-size:var(--font-size-18); font-weight:var(--weight-medium); line-height:1}
.gallery-inner li .gall-cont .txt{ font-size:var(--font-size-14); font-weight:var(--weight-medium); color:var(--gray-999); display:flex; justify-content: space-between; align-items: center;}
.gallery-inner li .gall-cont .txt .ing{ width:var(--w-60); height:var(--w-30); background:var(--gray-ece); display:flex; justify-content: center; align-items: center; font-size:var(--font-size-14); font-weight:var(--weight-medium); color:var(--gray-222)}
.gallery-inner li:hover{ box-shadow:0px 2px 10px 1px rgba(153,153,153,0.25) ;}
.gallery-inner li:hover .img img{ transform: scale(1.1);}
.gallery-inner li:nth-child(3n){ margin-right:0}


@media all and (max-width:1000px){

  .gallery-inner li{ width:calc((100% - var(--w-40)) / 3); margin:0 var(--w-20) var(--w-20) 0; height:var(--w-300); }
  .gallery-inner li .img{ height:var(--w-160);}
}

@media all and (max-width:768px){

  .gallery-inner{ border-top:1px solid var(--gray-222) }
  .gallery-inner li{ width:100%; height:auto !important; min-height:5.125rem; margin:0; height:var(--w-360); border-width:0 0 1px 0; padding:var(--w-10) 0 var(--w-15) }
  .gallery-inner li a{ display:flex; flex-direction: row;  align-items: center;}
  .gallery-inner li .img{ position:relative; width:5.125rem; height:5.125rem; flex-shrink: 0;}
  .gallery-inner li .img img{ position: absolute; top: 0; left: 0; transform: translate(50, 50); width: 100%; height: 100%; object-fit: cover; margin: auto;}
  .gallery-inner li .gall-cont{ width:calc(100% - 3.875rem); height:auto; min-height:5.125rem; padding:0 0 0 var(--w-15) ;text-align: left; }
  .gallery-inner li .gall-cont .tit{ display:flex; height:3.875rem; font-size:var(--font-size-16); line-height:1.5; padding-top:4px}
  .gallery-inner li .gall-cont .txt{ font-size:var(--font-size-12); font-weight:var(--weight-regular);}
  .gallery-inner li .gall-cont .txt .ing{display:none}
  .gallery-inner li .arrow{ width:var(--w-20); height:var(--w-20);font-size:0; background:url("../images/board/btn-arrow-prev.svg") no-repeat center; transform: rotate(-180deg);}

}

/*view*/
.board-w-inner{ display:flex; border-top:1px solid var(--gray-222); width:100%; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.board-w-inner .subject{ width:100%; display: flex; justify-content: flex-start; align-items: center;; height:var(--w-80); padding:0 0 0 var(--w-30); font-size:var(--font-size-20); font-weight:var(--weight-medium); border-bottom:1px solid var(--gray-dfd)}
.board-w-inner .detail{ width:100%; display: flex; justify-content: space-between; align-items: center;; height:var(--w-60); padding:0 0 0 var(--w-30); font-size:var(--font-size-16); border-bottom:1px solid var(--gray-dfd)}
.board-w-inner .detail *{ display:flex; justify-content: flex-start; align-items: center;}
.board-w-inner .detail .left{ width:50%; justify-content: flex-start;}
.board-w-inner .detail .right{ width:50%; justify-content: flex-end; padding-right:var(--w-50)}
.board-w-inner .detail .label{ font-weight:var(--weight-medium); font-size:var(--font-size-16); margin-right:var(--w-15)}
.board-w-inner .detail .date{ color:var(--gray-999); font-size:var(--font-size-16); width:var(--w-130)}
.board-w-inner .detail .hit{ color:var(--gray-999); }
.board-w-inner .detail .ic{ width:var(--w-20); height:var(--w-20); background:url("../images/board/btn-clip.svg") no-repeat center; margin-right:5px; font-size:0}
.board-w-inner .detail-cont{ width:100%; padding:var(--w-20) var(--w-30) var(--w-50); text-align: left; font-size:var(--font-size-16)}
.board-w-inner .detail-cont img{width:auto; max-width:100%; height:auto; margin-bottom:var(--w-15); display:block}
.board-w-inner .list-cont{  width:100%; display:flex; flex-direction:column; justify-content: flex-start; align-items: center; border-top:1px solid var(--gray-999)}
.board-w-inner .list-cont li{ width:100%; display:flex; justify-content:flex-start; align-items:stretch; height:var(--w-50); border-bottom:1px solid var(--gray-dfd);}
.board-w-inner .list-cont li *{ flex-shrink: 0;}
.board-w-inner .list-cont li:last-child{  border-color:var(--gray-999)}
.board-w-inner .list-cont li .tit{ width:calc(100% - 17.873rem); text-align: left; padding:0 1.625rem; display:flex; justify-content: flex-start; align-items: center; }
.board-w-inner .list-cont li .tit:hover{ text-decoration: underline;}
.board-w-inner .list-cont li .l-date{ width:var(--w-130); color:var(--gray-999); font-size:var(--font-size-16) ; display:flex; justify-content: center; align-items: center;}
.board-w-inner .list-cont li .state{ width:var(--w-155); background:var(--gray-faf); display:flex; justify-content: center; align-items: center;}
.board-w-inner .list-cont li .state .ic{  width:var(--w-20); height:var(--w-20); background:url("../images/board/btn-list-view-arrow.svg") no-repeat center; font-size:0; margin-right:var(--w-15)}
.board-w-inner .list-cont li:last-child .state .ic{ transform:rotate(-180deg)}

@media all and (max-width:768px){

.board-w-inner .subject{  height:auto; min-height:var(--w-60); padding:0 var(--w-10); font-size:var(--font-size-16); text-align: left; }
.board-w-inner .detail{ width:100%; justify-content: flex-start; height:auto; flex-wrap:wrap; padding:0; font-size:var(--font-size-12); border-bottom:0; }
.board-w-inner .detail .left,
.board-w-inner .detail .right{ width:100%; height:auto; min-height:var(--w-40);justify-content: flex-start; padding:var(--w-5) var(--w-10); border-bottom:1px solid var(--gray-dfd)}
.board-w-inner .detail .right{ height:auto; min-height:var(--w-40)}
.board-w-inner .detail .label{ font-size:var(--font-size-12); margin-right:0; width:var(--w-55) !important}
.board-w-inner .detail .date,
.board-w-inner .detail .hit,
.board-w-inner .detail .file a{ font-size:var(--font-size-12); text-align: left; line-height:1.5 }
.board-w-inner .detail .date { width:var(--w-80)}
#rf-festival-v .board-w-inner .detail .left .label.wd45{ width:var(--w-45) !important}
.board-w-inner .detail .ic{ width:1rem; height:1rem; background-size: 12px auto; margin-right:2px; }

.board-w-inner .detail-cont{ padding:var(--w-20) 0; text-align: left; font-size:var(--font-size-14)}
.board-w-inner .list-cont li .state{ width:var(--w-85); font-size:var(--font-size-14)}
.board-w-inner .list-cont li .state .ic{  width:1rem; height:1rem; background:url("../images/board/btn-list-view-arrow-m.svg") no-repeat center; font-size:0; margin-right:6px}
.board-w-inner .list-cont li .tit{ width:calc(100% - 10rem); padding:0 0.313rem; overflow:hidden; text-overflow: ellipsis;}
.board-w-inner .list-cont li .tit a{ font-size:var(--font-size-14)}
.board-w-inner .list-cont li .l-date{ width:var(--w-75); font-size:var(--font-size-14) ; justify-content: flex-end; }


.board-w-inner .list-cont li{ height:var(--w-45); }
}

@media all and (max-width:375px){

  .board-w-inner .subject{ padding-left:0;}

  .board-w-inner .detail .left,
  .board-w-inner .detail .right{ padding:0 0 0 0; }
  #rf-festival-v .board-w-inner .detail .left{ flex-wrap: wrap; height:auto !important; min-height:var(--w-40);padding:var(--w-10) 0}
  .board-w-inner .detail .label{ width:var(--w-65) !important; text-align: left;}
  #rf-festival-v .detail .label{ width:var(--w-45) !important}

  .board-w-inner .detail-cont{ font-size:var(--font-size-12)}
  .board-w-inner .list-cont li .state{ width:var(--w-75);}
  .board-w-inner .list-cont li .state{ font-size:var(--font-size-12)}
  .board-w-inner .list-cont li .tit a{ font-size:var(--font-size-12)}
  .board-w-inner .list-cont li .l-date{ font-size:var(--font-size-12) }


}

.board-btn-wrap{margin:var(--w-50) auto 0 auto; display:flex; justify-content: center; align-items: center;}
.board-btn-wrap .btn-list{width:var(--w-200); height:var(--w-60); border:1px solid var(--gray-999); display: flex; justify-content: center; align-items: center; font-size:var(--font-size-16); transition: all 0.5s ease;}
.board-btn-wrap .btn-list:hover{border-color:var(--red-9810); color:var(--red-9810)}

.board-btn-wrap .btn-t-list{width:var(--w-180); height:var(--w-45); border:1px solid var(--gray-777); background:var(--gray-777); color:var(--white); display: flex; justify-content: center; align-items: center; font-size:var(--font-size-16); transition: all 0.5s ease;}
.board-btn-wrap .btn-t-list:hover{border-color:var(--black); color:var(--white); background:var(--black)}


@media all and (max-width:768px){

.board-btn-wrap{ width:100%; margin:var(--w-30) auto 0 auto; }
.board-btn-wrap .btn-list{width:100%; height:var(--w-45); font-size:var(--font-size-14); }
}


/* 일반페이지 */
.sub-cont-normal{ width:100%; max-width:var(--min-width); }

@media all and (max-width:768px){
  .sub-cont-normal{ width:100%; max-width:var(--min-width); margin:0 auto}
}

/*인사말*/
h2.gt-tit{ color:var(--red-9e0); font-size:var(--font-size-28); font-weight:var(--weight-medium); margin-bottom:var(--w-80)}
.gt-inner{display:flex; justify-content: space-between; align-items: flex-start;}
.gt-inner .gt-txt{ font-size:var(--font-size-16); font-weight:var(--weight-regular); text-align: left; width:calc(100% - var(--w-370)); line-height:var(--w-30); word-break:break-all;}
.gt-inner .gt-img{ width:var(--w-300); display:flex; flex-direction:column; align-items: flex-end; justify-content: flex-start;}
.gt-inner .gt-img p{ max-width:100%;  height:var(--w-380)}
.gt-inner .gt-img .sign{ margin-top:1.5rem; display:flex; flex-direction:row; justify-content: flex-end; align-items: flex-start;}
.gt-inner .gt-img .sign .sign-txt{ font-size:var(--font-size-14); font-weight:var(--weight-regular); margin:var(--w-15) 0 1.25rem 0; text-align: right; }
.gt-inner .gt-img .sign .sign-txt strong{ color:var(--black); font-size:var(--font-size-20); font-weight:var(--weight-medium); display:block; line-height:var(--w-30)}
.gt-inner .gt-img .sign .sign-img{ width:var(--w-80); height:auto; max-height:var(--w-80); margin-left:1.063rem}

@media all and (max-width:768px){

  h2.gt-tit{ font-size:var(--font-size-18); margin-bottom:var(--w-20); text-align: left; margin-top:var(--w-20)}
  .gt-inner{ width:100%; flex-direction:column-reverse; justify-content: flex-start; }
  .gt-inner .gt-txt{ font-size:var(--font-size-16); font-weight:var(--weight-regular); width:100%; line-height:1.375rem; margin-top:var(--w-30) }
  .gt-inner .gt-img{ width:100%; }
  .gt-inner .gt-img p{ max-width:100%;  height:auto; width:100%}
  .gt-inner .gt-img p img{ width:100%;}
  .gt-inner .gt-img .sign{ margin-top:var(--w-10); }
  .gt-inner .gt-img .sign .sign-txt{ font-weight:var(--weight-medium); margin:var(--w-15) 0 0.25rem 0; }
  .gt-inner .gt-img .sign .sign-img{ width:var(--w-85); height:auto; max-height:var(--w-85); margin-left:1.125rem}
  .gt-inner .gt-img .sign .sign-img img{ width:auto; max-width:100%; height:auto}

}

/*연혁*/
.ht-dd{ display:flex; justify-content: space-between; align-items: flex-start; padding-top:var(--w-55)}
.ht-dd dt{ width:var(--w-280);color:var(--red-9e0); font-size:var(--font-size-40); font-weight:var(--weight-bold); border-top:2px solid var(--red-9e0); padding-top:var(--w-25); text-align: left;}
.ht-dd dd{ width:calc(100% - var(--w-300)); border-top:2px solid var(--gray-dfd);}
.ht-dd dd ul{ width:100%; display:flex; flex-direction:column; justify-content: center ; align-items: flex-start;}
.ht-dd dd li{ width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; border-bottom:1px solid var(--gray-dfd); min-height:var(--w-70); text-align: left; padding:var(--w-20) 0; line-height:var(--w-30)}
.ht-dd dd li strong{ font-weight:var(--weight-bold); margin-right:var(--w-30)}
.ht-dd dd li .txt{ color:var(--gray-555); font-weight:var(--weight-regular)}

@media all and (max-width:768px){

  .ht-dd{ flex-direction:column; justify-content: flex-start; align-items: flex-start; padding-top:var(--w-15)}
  .ht-dd dt{ width:100%; font-size:var(--font-size-24); padding-top:var(--w-15); padding-bottom:var(--w-10)}
  .ht-dd dd{ width:100%; border-top:0; padding-bottom:var(--w-30); }
  .ht-dd dd li{ min-height:var(--w-50); padding:0.563rem 0 0.688rem; align-items: flex-start; }
  .ht-dd dd li strong{ margin-right:var(--w-15)}
}

/*주요사업*/
h2.bs-tit{ margin-top:var(--w-45); color:var(--red-9e0); font-size:var(--font-size-44); margin-bottom:var(--w-80); display:flex; flex-direction:column; justify-content: center; align-items: center; word-break: keep-all;}
h2.bs-tit span{ color:var(--gray-222);font-size:var(--font-size-18); font-weight:var(--weight-regular); padding-top:var(--w-50)}

.bs-ul{ display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.bs-ul li{ width:100%; height:var(--w-300); margin:0 0 var(--w-20) 0; border:1px solid var(--gray-ddd); border-radius: 3px; display:flex; flex-direction: row; justify-content: space-between; align-items: flex-start; padding:var(--w-40) 0  0 0}
/*.bs-ul li .bs-top{ width:calc(100% - var(--w-120)); height:10.25rem; display:flex; justify-content: space-between; align-items: flex-start;}
.bs-ul li .bs-top .bs-stit{ font-weight:var(--weight-medium); font-size:var(--font-size-22); color:var(--gray-222); margin-top:var(--w-60); text-align: left;}
.bs-ul li .bs-top .bs-stit em{ font-style: normal; font-weight:var(--weight-medium); color:var(--gray-555); font-size:var(--font-size-26); margin-right:var(--w-5)}
.bs-ul li .bs-top .bs-img{ height:var(--w-60)}
.bs-ul li .bs-top .bs-img img{ width:auto; height:100%}
.bs-ul li .bs-top .bs-img.img01{ margin:var(--w-60) 0 0 0}
.bs-ul li .bs-top .bs-img.img02{ margin:3.375rem 0 0 0}
.bs-ul li .bs-top .bs-img.img03{ margin:3.375rem 0 0 0}
.bs-ul li .bs-top .bs-img.img04{ margin:var(--w-60) 0 0 0}
.bs-ul li .bs-top .bs-img.img05{ margin:var(--w-60) 0 0 0}
.bs-ul li .bs-top .bs-img.img06{ margin:3.375rem 0 0 0}
.bs-ul li .bs-btm{ width:100%; display:flex; flex-direction:column; justify-content: center; align-items: flex-start; padding:0 var(--w-20) 0 var(--w-60); }
.bs-ul li .bs-btm li{ width:100%; height:auto; min-height:1.625rem; font-size:var(--font-size-16); border:0; margin:0; padding:0; display:flex; flex-direction:row; justify-content: flex-start; align-items: center; text-align: left; line-height:1.5; position:relative; padding-left:var(--w-10); word-break: keep-all;}
.bs-ul li .bs-btm li:before{content:"-"; padding-right:0.188rem; display:inline-flex; position:absolute; left:0; top:0}*/

.bs-ul li .left{ width:calc(100% - 28.125rem);margin:0 0 0 var(--w-60)}
.bs-ul li .left .bs-stit{ font-weight:var(--weight-medium); font-size:var(--font-size-24); color:var(--gray-222); margin-top:var(--w-20); text-align: left; display:flex; justify-content: flex-start; align-items: flex-start;}
.bs-ul li .left .bs-stit em{ font-style: normal; font-weight:var(--weight-medium); color:var(--gray-555); font-size:var(--font-size-26); margin-right:var(--w-5)}

.bs-ul li .bs-sul{ width:100%; display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; padding:var(--w-80) 0 0 0; }
.bs-ul li .bs-sul li{ width:100%; height:auto; min-height:1.625rem; font-size:var(--font-size-16); border:0; margin:0; padding:0; display:flex; text-align: left; line-height:1.5; position:relative; padding-left:var(--w-10); word-break: keep-all;}
.bs-ul li .bs-sul li:before{content:"-"; padding-right:0.188rem; display:inline-flex; position:absolute; left:0; top:0}


.bs-ul li .right{ width:28.125rem; margin:0 var(--w-50) 0 0}
.bs-ul li .right .img{ width:100%; border:1px solid var(--gray-e7e); margin-bottom:var(--w-5) }
.bs-ul li .right .img img{ width:100%; }
.bs-ul li .right p{ width:100%; text-align: center; font-size:var(--font-size-16); color:var(--red-6a0)}


@media all and (max-width:1000px){

  .bs-ul li{ width:100%; height:var(--w-260); margin:0 0 var(--w-20) 0; padding:var(--w-20) 0  0 0}

  .bs-ul li .left{ margin:0 0 0 var(--w-30); padding:0 var(--w-20) 0 0}
  .bs-ul li .left .bs-stit{ margin-top:var(--w-20); }
  .bs-ul li .bs-sul{ padding:var(--w-30) 0 0 0; }
 
  .bs-ul li .right{ width:28.125rem; margin:0 var(--w-30) 0 0} 

  
}

@media all and (max-width:768px){

  /*h2.bs-tit{ margin-top:var(--w-30); font-size:var(--font-size-20); margin-bottom:var(--w-30); }
  h2.bs-tit span{ width:calc(100% - var(--w-40));font-size:var(--font-size-14); padding-top:var(--w-20)}
  .bs-ul{ padding-top:var(--w-20); }
  .bs-ul li{ width:100%; height:var(--w-200); margin:0 0 var(--w-10) 0; }
  .bs-ul li:nth-child(even){ margin-right:0; }
  .bs-ul li .bs-top{ width:calc(100% - var(--w-40)); height:7.125rem; }
  .bs-ul li .bs-top .bs-stit{ font-size:var(--font-size-18); margin-top:var(--w-30); display:flex; justify-content: flex-start;}
  .bs-ul li .bs-top .bs-stit em{ font-size:var(--font-size-20); }
  .bs-ul li .bs-top .bs-img{ height:var(--w-50); margin-top:var(--w-30)}
  .bs-ul li .bs-top .bs-img img{ width:auto; height:100%}
  .bs-ul li .bs-top .bs-img.img01{ margin:var(--w-35) 0 0 0}
  .bs-ul li .bs-top .bs-img.img02{ margin:1.938rem 0 0 0}
  .bs-ul li .bs-top .bs-img.img03{ margin:2.375rem 0 0 0}
  .bs-ul li .bs-top .bs-img.img04{ margin:2.125rem 0 0 0}
  .bs-ul li .bs-top .bs-img.img05{ margin:2.625rem 0 0 0}
  .bs-ul li .bs-top .bs-img.img06{ margin:2.063rem 0 0 0}
  .bs-ul li .bs-btm{ padding:0 var(--w-5) 0 var(--w-20); }
  .bs-ul li .bs-btm li{ height:auto; min-height:1.375rem; font-size:var(--font-size-12); padding-right:var(--w-10); display:flex; justify-content: flex-start;}
  .bs-ul li .bs-btm li:before{content:"-"; width:0.625rem; height:100%; display:flex; padding-right:0}*/

  h2.bs-tit{ margin-top:var(--w-30); font-size:var(--font-size-20); margin-bottom:var(--w-30); }
  h2.bs-tit span{ width:calc(100% - var(--w-40));font-size:var(--font-size-14); padding-top:var(--w-20)}

  .bs-ul li{ width:100%; height:var(--w-360); padding:0 1.125rem; flex-direction: column; justify-content: flex-start; align-items: flex-start;}

  .bs-ul li .left{ width:100%; margin:0 0 var(--w-20) 0; padding:0}
  .bs-ul li .left .bs-stit{ margin-top:var(--w-30); font-size:var(--font-size-18)}
  .bs-ul li .left .bs-stit em{ font-size:var(--font-size-20)}
  .bs-ul li .bs-sul{ padding:var(--w-15) 0 0 0; }

  .bs-ul li .bs-sul li{ font-size:var(--font-size-12); min-height:auto;}
 
  .bs-ul li .right{ width:100%; height:var(--w-170); margin:0} 
  .bs-ul li .right .img{ max-height:var(--w-150); overflow:hidden} 
  .bs-ul li .right .img img{width:auto; max-width:100%; max-height:var(--w-150);} 
  .bs-ul li .right p{ font-size:var(--font-size-12)} 


}

@media all and (max-width:375px){

  .bs-ul li .bs-sul{ padding:var(--w-10) 0 0 0}

}

@media all and (max-width:320px){

  .bs-ul li .left{ width:100%; margin:0 0 var(--w-10) 0; padding:0}
  .bs-ul li .left .bs-stit{ margin-top:var(--w-20); }

  .bs-ul li .right{ height:var(--w-150)}
  .bs-ul li .right p{line-height:1.2}
}

/*조직도*/

.og-img{ width:100%; margin-top:var(--w-115); display:flex; justify-content: center; align-items: flex-start;}
.og-img img{ width:auto; max-width:70rem; height:auto }

@media all and (max-width:768px){
  .og-img{ margin-top:var(--w-70); }
  .og-img img{ width:auto; max-width:100%; height:auto }
}


.og-wrap{ width:70rem; height:40.5rem;position:relative;background:url("../images/contents/img-og-bg.svg") no-repeat center 11.938rem;; margin:var(--w-170) auto 0 auto; }
.og-wrap .step_01{ width:var(--w-140); height:var(--w-140); border-radius: var(--w-70); background:var(--red-9e0);color:var(--white); font-weight:var(--weight-bold); font-size:var(--font-size-28);display:flex;justify-content: center; align-items: center;
position:absolute; top:0; left:50%; transform: translate(-50%,0);}

.og-wrap .hr{ background: var(--gray-dfd); position:absolute; display:flex; font-size:0}
.og-wrap .hr_01{ width:0.5px; height:var(--w-210); top:var(--w-140); left:50%; transform: translate(-50%, 0 ); }
.og-wrap .hr_s01{ width:var(--w-70); height:0.5px; top:var(--w-240); left:calc(var(--w-250) - 0.05rem); transform: translate(0, 0 ); }
.og-wrap .hr_s02{ width:var(--w-200); height:0.5px; top:var(--w-240); left:50%; transform: translate(-12.5rem, 0 ); }
.og-wrap .hr_02{ width:59.375rem; height:0.5px; top:var(--w-350); left:50%; transform: translate(-50%, 0 ); }
.og-wrap .hr_03{ width:0.5px; height:var(--w-110); top:var(--w-350); left:5.281rem;}
.og-wrap .hr_03.hr_s02{ left: calc(5.281rem + var(--w-190)); transform: translate(0,0);}
.og-wrap .hr_03.hr_s03{ left: calc(5.281rem + var(--w-380))}
.og-wrap .hr_03.hr_s04{ left: calc(5.281rem + var(--w-570))}
.og-wrap .hr_03.hr_s05{ left: calc(5.281rem + var(--w-760))}
.og-wrap .hr_03.hr_s06{ left: calc(5.281rem + var(--w-950))}

.og-wrap .step_02{ width:var(--w-180); height:var(--w-60); background:var(--red-d9f);color:var(--white); font-weight:var(--weight-medium); font-size:var(--font-size-26);display:flex;justify-content: center; align-items: center;
  position:absolute; top:13.25rem; left:4.313rem; }

.og-wrap .step_02.lf02{ left:11.25rem }  
.og-wrap .step_02.lf03{ left:unset; right:10.625rem; }  

.og-wrap .step_03{ width:var(--w-170); height:var(--w-60); background:var(--pink-fce); font-weight:var(--weight-medium); font-size:var(--font-size-18);display:flex;justify-content: center; align-items: center;
  position:absolute; top:var(--w-460); left:0; }

.og-wrap .step_03.lt02{ left:var(--w-190)}
.og-wrap .step_03.lt03{ left:calc( var(--w-190) * 2)}
.og-wrap .step_03.lt04{ left:calc( var(--w-190) * 3)}
.og-wrap .step_03.lt05{ left:calc( var(--w-190) * 4)}
.og-wrap .step_03.lt06{ left:calc( var(--w-190) * 5)}

/*스타일 수정 2022-06-24*/
.og-wrap .step_04{ width:var(--w-180); height:var(--w-60); background:var(--red-ff8);color:var(--white); font-weight:var(--weight-medium); font-size:var(--font-size-26);display:flex;justify-content: center; align-items: center;
  position:absolute; bottom:0; left:50%; transform:translate(-50% , 0) }



@media all and (max-width:1120px){

.og-wrap{ width:58.33vw; height:35.33vw;position:relative;background:url("../images/contents/img-og-bg.svg") no-repeat center 9.90vw; background-size:100% auto; margin:8.85vw auto 0 auto; }
.og-wrap .step_01{ width:7.29vw; height:7.29vw; border-radius: 3.65vw; background:var(--red-9e0);color:var(--white); font-weight:var(--weight-bold); font-size:1.46vw;display:flex;justify-content: center; align-items: center;
position:absolute; top:0; left:50%; transform: translate(-50%,0);}

.og-wrap .hr{ background: var(--gray-dfd); position:absolute; display:flex; font-size:0}
.og-wrap .hr_01{ width:0.5px; height:10.94vw; top:7.29vw; left:50%; transform: translate(-50%, 0 ); }
.og-wrap .hr_s01{ width:4.22vw; height:0.5px; top:12.58vw; left:12.45vw; transform: translate(0, 0 ); }
.og-wrap .hr_s02{ width:8.00vw; height:0.5px; top:12.58vw; left:50%; transform: translate(-8vw, 0 ); }
.og-wrap .hr_02{ width:49.48vw; height:0.5px; top:18.23vw; left:50%; transform: translate(-50%, 0 ); }
.og-wrap .hr_03{ width:0.5px; height:5.73vw; top:18.23vw; left:4.43vw;}
.og-wrap .hr_03.hr_s02{ left: calc(4.43vw + 13.69vw); transform: translate(-3.54vw,0);}
.og-wrap .hr_03.hr_s03{ left: calc(4.43vw + 19.79vw)}
.og-wrap .hr_03.hr_s04{ left: calc(4.43vw + 29.69vw)}
.og-wrap .hr_03.hr_s05{ left: calc(4.43vw + 39.58vw)}
.og-wrap .hr_03.hr_s06{ left: calc(4.43vw + 49.48vw)}

.og-wrap .step_02{ width:8.85vw; height:3.13vw; background:var(--red-d9f);color:var(--white); font-weight:var(--weight-medium); font-size:1.35vw;display:flex;justify-content: center; align-items: center;
  position:absolute; top:11.04vw; left:3.59vw; }

.og-wrap .step_02.lf02{ left:12.25vw }  
.og-wrap .step_02.lf03{ left:unset; right:13.07vw;}  

.og-wrap .step_03{ width:8.85vw; height:3.13vw; background:var(--pink-fce); font-weight:var(--weight-medium); font-size:0.94vw;display:flex;justify-content: center; align-items: center;
  position:absolute; top:23.96vw; left:0; }

.og-wrap .step_03.lt02{ left:9.90vw}
.og-wrap .step_03.lt03{ left:calc( 9.90vw * 2);}
.og-wrap .step_03.lt04{ left:calc( 9.90vw * 3)}
.og-wrap .step_03.lt05{ left:calc( 9.90vw * 4)}
.og-wrap .step_03.lt06{ left:calc( 9.90vw * 5)}

.og-wrap .step_04{ width:8.85vw; height:3.13vw; background:var(--red-ff8);color:var(--white); font-weight:var(--weight-medium); font-size:1.35vw;display:flex;justify-content: center; align-items: center;
  position:absolute;  }



}


@media all and (max-width:950px){

  .og-wrap{ width:100%; height:auto; min-height:54.625rem;position:relative;background:url("../images/contents/img-og-bg.svg") no-repeat center var(--w-110); background-size:100% auto; margin:var(--w-70) auto 0 auto; }
  .og-wrap .step_01{ width:var(--w-120); height:var(--w-120); border-radius: var(--w-60); font-size:var(--font-size-24);}
  
  
  .og-wrap .hr_01{ width:0.5px; height:35.625rem; top:var(--w-120); left:50%; transform: translate(-50%, 0 ); }
  .og-wrap .hr_s01{ display:none }
  .og-wrap .hr_s02{ display:none }
  .og-wrap .hr_02{ display:none }
  .og-wrap .hr_03{ display:none }
  .og-wrap .hr_03.hr_s02{ left: calc(4.43vw + 9.90vw)}
  .og-wrap .hr_03.hr_s03{ left: calc(4.43vw + 19.79vw)}
  .og-wrap .hr_03.hr_s04{ left: calc(4.43vw + 26.69vw)}
  .og-wrap .hr_03.hr_s05{ left: calc(4.43vw + 39.58vw)}
  .og-wrap .hr_03.hr_s06{ left: calc(4.43vw + 49.48vw)}
  
  .og-wrap .step_02{ width:100%; height:var(--w-50); font-size:var(--font-size-20);top:var(--w-170); left:0; }
  .og-wrap .step_02.lf02{ top:var(--w-170);left:0 }  
  .og-wrap .step_02.lf03{ left:unset; right:0; top:calc(var(--w-200) + var(--w-460)); font-size:var(--font-size-20)}  
  
  .og-wrap .step_03{ width:100%; height:var(--w-50); font-size:var(--font-size-16); top:var(--w-240); left:0; }
  
  .og-wrap .step_03.lt02{ left:0; top:calc(var(--w-240) + var(--w-70))}
  .og-wrap .step_03.lt03{ left:0; top:calc(var(--w-240) + var(--w-140))}
  .og-wrap .step_03.lt04{ left:0; top:calc(var(--w-240) + var(--w-210))}
  .og-wrap .step_03.lt05{ left:0; top:calc(var(--w-240) + var(--w-280))}
  .og-wrap .step_03.lt06{ left:0; top:calc(var(--w-240) + var(--w-350))}

  .og-wrap .step_04{width:100%; height:var(--w-50); font-size:var(--font-size-20);top:calc(var(--w-230) + var(--w-500)); left:50%;  }


}



/*오시는길*/
.lc-map{ margin:var(--w-25) 0 var(--w-55) 0; /*border-top:1px solid var(--gray-dfd);*/ padding-top:0; }
.lc-map .wrap_map{border-bottom:1px solid var(--gray-ccc); height:var(--w-500) !important}
.lc-map .wrap_controllers{ display:none}
.lc-ul{ display:flex; flex-direction:column; justify-content: center; align-items: flex-start;}
.lc-ul li{ display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; margin-bottom:var(--w-10)}
.lc-ul li .label{ width:13.625rem; font-size:var(--font-size-18); font-weight:var(--weight-medium); text-align: left; display:flex}
.lc-ul li .label:before{ content:""; width:1.5rem; height:1.5rem; margin-right:0.313rem}
.lc-ul li:nth-child(1) .label:before{ background:url("../images/contents/ic-lc-addr.svg") no-repeat 0 center}
.lc-ul li:nth-child(2) .label:before{ background:url("../images/contents/ic-lc-tel.svg") no-repeat 0 center}
.lc-ul li:nth-child(3) .label:before{ background:url("../images/contents/ic-lc-email.svg") no-repeat 0 center}
.lc-ul li:nth-child(4) .label:before{ background:url("../images/contents/ic-lc-bus.svg") no-repeat 0 center}
.lc-ul li .txt{ width:calc(100% - 13.625rem); font-size:var(--font-size-16); color:var(--gray-666); line-height:1.5}
.lc-ul li .txt span{margin-right:var(--w-30)}
.lc-ul li .txt dl{ display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.lc-ul li .txt dl *{ margin-bottom:var(--w-10); height:1.625rem; line-height:1.625rem}
.lc-ul li .txt dt{ display:flex; flex-direction:row; justify-content: flex-start; align-items: center; font-weight:var(--weight-medium); color:var(--gray-222)}
.lc-ul li .txt dt strong{  width:var(--w-50); margin:0; font-weight:var(--weight-medium);  text-align: left;}
.lc-ul li .txt dt p{margin:0 0 0 var(--w-5); display:flex}
.lc-ul li .txt dt p:before{content:""; width:1rem; height:100%; background:url("../images/contents/ic-location-arrow.svg") no-repeat 0 center; margin-right:var(--w-5)}
.lc-ul li .txt dd{ color:var(--gray-666); font-weight:var(--weight-regular)}

@media all and (max-width:768px){

  .lc-map{ margin:var(--w-25) 0 var(--w-15) 0; padding-top:var(--w-20); }
  .lc-map .wrap_map{height:var(--w-300) !important}
  .lc-ul li{ display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; margin-bottom:var(--w-15)}
  .lc-ul li .label{ width:100%; font-size:var(--font-size-14); }
  .lc-ul li .label:before{ content:""; width:1rem; height:1rem; margin-right:0.125rem; margin-top:0.5rem}
  .lc-ul li:nth-child(1) .label:before{ background-size:1rem auto}
  .lc-ul li:nth-child(2) .label:before{ background-size:1rem auto}
  .lc-ul li:nth-child(3) .label:before{ background-size:1rem auto}
  .lc-ul li:nth-child(4) .label:before{ background-size:1rem auto}
  .lc-ul li .txt{ width:100%; font-size:var(--font-size-14); text-align: left;}
  .lc-ul li .txt span{margin-right:1rem; font-size:var(--font-size-14)}
  .lc-ul li .txt dl *{ margin-bottom:0; height:1.125rem; font-size:var(--font-size-14)}
  .lc-ul li .txt dt{ }
  .lc-ul li .txt dt strong{  width:2.875rem; }
  .lc-ul li .txt dt p{margin:0}
  .lc-ul li .txt dt p:before{content:""; width:0.75rem; height:0.75rem; background-size:0.75rem auto; margin-right:0.25rem; margin-top:0.5rem}
  .lc-ul li .txt dd{ font-size:var(--font-size-14);margin-bottom:0.375rem}
  
  
}

/*회원사 가입안내*/
.mi-dl{ margin:var(--w-15) 0 var(--w-40); display:flex; flex-direction:column; justify-content: center; align-items: flex-start; }
.mi-dl.noMg{ margin-bottom:0}
.mi-dl dt{ text-align: left; font-weight:var(--weight-bold); font-size:var(--w-20); margin-bottom:var(--w-15); word-break: keep-all;}
.mi-dl dt span{ font-weight:var(--weight-regular)}
.mi-dl dd{ width:100%; min-height:1.5rem; font-weight:var(--weight-regular); display:inline-flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; word-break: keep-all; text-align: left; }
.mi-dl dd .pc{display:inline-flex !important}
.mi-dl dd a{ display:inline-flex;}
.mi-dl dd .num{ margin-right:0.188rem; font-size:var(--font-size-14)}
.mi-dl dd .txt{font-size:var(--font-size-16) }
.mi-dl dd .input{ width:var(--w-350); height:var(--w-45); border:1px solid var(--gray-dfd); padding:0 0.75rem; font-weight:var(--weight-regular)}
.mi-dl dd .input::placeholder{ color:var(--gray-a3a); }
.mi-dl dd .btn{ width:var(--w-90); height:var(--w-45); background:var(--gray-555); color:var(--white); font-weight:var(--weight-medium); display:flex; justify-content: center; align-items: center; border:0}
.mi-dl dd .mobile{ display:none}

@media all and (max-width:768px){

  .mi-dl{ margin:var(--w-30) 0 var(--w-25); }
  .mi-dl.noMg{ margin-bottom:0}
  .mi-dl dt{ font-size:var(--w-16); margin-bottom:var(--w-10)}
  .mi-dl dd{ width:100%;min-height:1.5rem; font-size:var(--font-size-14); line-height:1.5rem; text-align: left;display:inline-flex; justify-content: flex-start; }
  .mi-dl dd{ width:100%;min-height:1.5rem; font-size:var(--font-size-14); line-height:1.5rem; text-align: left;display:inline-flex; justify-content: flex-start; }
  .mi-dl dd.line-b{ display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
  .mi-dl dd a{ font-size:var(--font-size-14); color:inherit; display:inline-block !important}
  .mi-dl dd .txt{font-size:var(--font-size-14) }
  .mi-dl dd .input{ width:calc(100% - var(--w-85)); height:var(--w-40);  }
  .mi-dl dd .btn{ width:var(--w-85); height:var(--w-40); }
  .mi-dl dd .pc{display:none !important}
  .mi-dl dd span{ font-size:inherit}
  
  

}


/*불공정거래행위 신고*/
h2.dc-tit{ color:var(--red-9e0); font-size:var(--font-size-18); font-weight:var(--weight-medium); padding-top:var(--w-20); margin-bottom:var(--w-40); border-top:0px solid var(--gray-dfd); line-height:1.5; text-align: left;}
.dc-agree-top{ display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.dc-agree-top h3{ font-size:var(--font-size-18); font-weight:var(--weight-medium); margin-bottom:var(--w-20)}

.dc-agree-top .agree-txt{ border:1px solid var(--gray-dfd); background:var(--gray-faf); padding:var(--w-20) var(--w-25) var(--w-5) var(--w-20)}
.dc-agree-top .agree-txt dl{ margin-bottom:var(--w-15) }
.dc-agree-top .agree-txt dl *{ font-size:var(--font-size-16); line-height:1.5; text-align: left;}
.dc-agree-top .agree-txt dt{ color:var(--red-9810)}
.dc-agree-top .agree-txt dd{ color:var(--gray-555)}

.dc-agree-top .agree-form{ display:flex; justify-content: center; align-items: center; height:var(--w-30); position:relative; margin:var(--w-30) auto var(--w-80) auto}
.dc-agree-top .agree-form input[type="checkbox"].chk-box{display: none;}
.dc-agree-top .agree-form input[type="checkbox"].chk-box + label{position:relative;display:flex;justify-content: flex-start; align-items: center;cursor:pointer}
.dc-agree-top .agree-form input[type="checkbox"].chk-box + label .check-box{width:1rem;height:1rem;border:1px solid var(--gray-999);border-radius:0.188rem ; background:#fff;margin-right:var(--w-10);display:inline-block; margin-left:0}
.dc-agree-top .agree-form input[type="checkbox"].chk-box + label .check-txt{color:var(--gray-222);font-size:var(--font-size-16);display:inline-block}
.dc-agree-top .agree-form input[type="checkbox"]:checked.chk-box + label{position:relative}
.dc-agree-top .agree-form input[type="checkbox"]:checked.chk-box + label .check-box{background:url(../images/contents/ic-check.svg) no-repeat center center; width:1rem;height:1rem; border-radius:0.188rem ;margin-right:var(--w-10)}
.dc-agree-top .agree-form input[type="checkbox"]:checked.chk-box + label .check-txt{}


@media all and (max-width:768px){

  h2.dc-tit{ font-size:var(--font-size-14); padding-top:var(--w-20); margin-bottom:var(--w-20); line-height:1.2; }

  .dc-agree-top h3{ font-size:var(--font-size-14); margin-bottom:var(--w-10)}
  .dc-agree-top .agree-txt{ padding:var(--w-10) var(--w-10) 0 var(--w-10)}
  .dc-agree-top .agree-txt dl{ margin-bottom:var(--w-10) }
  .dc-agree-top .agree-txt dl *{ font-size:var(--font-size-12); line-height:1.6; }

  .dc-agree-top .agree-form{ margin:var(--w-5) auto 2rem auto}
  .dc-agree-top .agree-form input[type="checkbox"].chk-box + label .check-box{width:0.75rem;height:0.75rem; margin-right:0.375rem}
  .dc-agree-top .agree-form input[type="checkbox"].chk-box + label .check-txt{font-size:var(--font-size-14)}
  .dc-agree-top .agree-form input[type="checkbox"]:checked.chk-box + label .check-box{background-size:80%; width:0.75rem;height:0.75rem; margin-right:0.375rem}
  .dc-agree-top .agree-form input[type="checkbox"]:checked.chk-box + label .check-txt{}


}


.dc-agree-btm{ display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; border-top:1px solid var(--gray-222);}
.dc-agree-btm table{ border-collapse: collapse; width:100%; margin:0; padding:0; table-layout: fixed; }
.dc-agree-btm th{ width:var(--w-290);background:var(--gray-fcf); height:auto; min-height:var(--w-50); font-size:var(--font-size-16); font-weight:var(--weight-regular); padding-left:var(--w-80) ; text-align: left; }
.dc-agree-btm th span{ position:relative; font-size:inherit}
.dc-agree-btm th span:after{ content:""; width:0.25rem; height:0.25rem; border-radius: 0.2rem; background:var(--orange-ff4); position:absolute; right:-0.5rem; top:2px;}
.dc-agree-btm td{ text-align: left; padding:0.5rem 0 0.438rem var(--w-25)}
.dc-agree-btm td select{ border:1px solid var(--gray-ccc); height:var(--w-35); }
.dc-agree-btm td select.select{ width:var(--w-80); padding-left:var(--w-5)}
.dc-agree-btm td select.select75{ width:var(--w-75); margin-right:var(--w-5)}

.dc-agree-btm table th{ border-right:1px solid var(--gray-dfd); border-bottom:1px solid var(--gray-dfd) }
.dc-agree-btm table td{ border-bottom:1px solid var(--gray-dfd) }
.dc-agree-btm table td .input-t{ width:var(--w-300); height:var(--w-35); background:var(--gray-fbf); border:1px solid var(--gray-ccc); padding:0 0.75rem; border-radius: 0; font-size:var(--font-size-16)}
.dc-agree-btm table td .input-t.wd80{ width:var(--w-80) !important; margin-right:var(--w-5) }
.dc-agree-btm table td .input-t.wd95{ width:var(--w-95) }
.dc-agree-btm table td .input-t.wd300{ width:var(--w-300) }
.dc-agree-btm table td .input-t.wd635{ width:39.688rem }
.dc-agree-btm table td .input-t:focus{ outline:none; border-color:var(--red-e41)}
.dc-agree-btm table td .textarea-t{ width:calc(100% - var(--w-40)); height:var(--w-135); background:var(--gray-fbf); border:1px solid var(--gray-ccc); padding:0 0.75rem; border-radius: 0; font-size:var(--font-size-16); display:block}
.dc-agree-btm table td .file-t{background:transparent; display:block; margin-bottom:var(--w-5)}

.btn-wrap{ margin:var(--w-60) auto 0 auto; display:flex; justify-content: center; align-items: center;}
.btn-wrap a{ display:flex; justify-content: center; align-items: center;margin:0 var(--w-15);font-size:var(--font-size-16) ;}
.btn-wrap a.btn-accept{ width:var(--w-160); height:var(--w-50); background:var(--red-981); color:var(--white);  }
.btn-wrap a.btn-accept:hover{ background:var(--red-9810) }
.btn-wrap a.btn-cancel{ width:var(--w-160); height:var(--w-50); background:var(--white); color:var(--black); border:1px solid var(--gray-999); }
.btn-wrap a.btn-cancel:hover{ border-color:var(--red-9810); color:var(--red-9810)}


@media all and (max-width:1000px){
  .dc-agree-btm table{ table-layout: fixed;   min-width: 100%;   max-width: none;   width: auto; } 
  .dc-agree-btm th{padding-left:var(--w-30) ; } 

}


@media all and (max-width:768px){

  .dc-agree-btm th{ width:33vw;min-height:var(--w-40); font-size:var(--font-size-12); padding-left:var(--w-10); padding-right:var(--w-10); border-right:0 ; line-height:1.2; word-break: keep-all; ;}
  .dc-agree-btm td{ width:calc(100% - 33vw); font-size:var(--font-size-12); padding:var(--w-5)}
  .dc-agree-btm th span{ display:inline-flex;}
  .dc-agree-btm td select{ height:var(--w-30); font-size:var(--font-size-12)}
  .dc-agree-btm td select{ background-size:20%}
  .dc-agree-btm td select.select{ width:28%;}
  .dc-agree-btm td select.select75{ width:24%; margin-right:0.25rem}


  .dc-agree-btm table td .input-t{ width:calc(100%); height:var(--w-30); font-size:var(--font-size-12)}
  .dc-agree-btm table td .input-t.wd80{ width:25% !important; margin-right:0.25rem }
  .dc-agree-btm table td .input-t.wd95{ width:27% }
  .dc-agree-btm table td .input-t.wd300{ width:calc(100%) }
  .dc-agree-btm table td .input-t.wd635{ width:calc(100%) }
  .dc-agree-btm table td .textarea-t{ width:calc(100%); height:var(--w-90); font-size:var(--font-size-12); }
  .dc-agree-btm table td .file-t{font-size:var(--font-size-12)}

  .btn-wrap{ margin:var(--w-30) auto 0 auto; width:100%; justify-content: space-between;}
  .btn-wrap a{ display:flex; justify-content: center; align-items: center; margin:0; font-size:var(--font-size-14) ;}
  .btn-wrap a.btn-accept{ width:calc((100% - var(--w-15)) / 2); height:var(--w-40); }
  .btn-wrap a.btn-cancel{ width:calc((100% - var(--w-15)) / 2); height:var(--w-40);}


}

@media all and (max-width:375px){
  .dc-agree-btm th span.nolc:after{ right:-0.5rem}
  .dc-agree-btm{width:100%; overflow-x:hidden}
  .dc-agree-btm td{ padding-right:0}
}

@media all and (max-width:280px){

  .dc-agree-btm th span.nolc:after{ right:0.0rem}
  .btn-wrap a.btn-accept{ width:calc((100% - var(--w-5)) / 2); height:var(--w-40); }
  .btn-wrap a.btn-cancel{ width:calc((100% - var(--w-5)) / 2); height:var(--w-40);}

}


/*이메일무단수집거부*/
.em-rect-wrap{border-top:0px solid var(--gray-dfd); padding-top:var(--w-20)}
.em-rect{ width:100%; border:1px solid var(--gray-dfd); background:var(--gray-faf); padding:var(--w-30) var(--w-25); line-height:1.5; word-break: break-all; text-align: left; }
.em-rect strong{ color:var(--red-9e0); font-weight:var(--weight-bold); font-size:inherit}

@media all and (max-width:768px){

  .em-rect-wrap{padding-top:var(--w-30)}
  .em-rect{ padding:var(--w-20); font-size:var(--font-size-14) }
}

/*개인정보 처리방침*/
.pt-tit{font-size:var(--font-size-16);margin:0 0 var(--w-20) 0; border-top:0px solid var(--gray-dfd); word-break: break-all; padding-top:var(--w-15); text-align: left;}
.pt-dl{width:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; margin-bottom:var(--w-20)}
.pt-dl dt{ font-size:var(--font-size-16); font-weight:var(--weight-bold); text-align: left; word-break: break-all;}
.pt-dl dd{ font-size:var(--font-size-16); font-weight:var(--weight-regular);padding-left:var(--w-10); text-align: left; word-break:keep-all; display:flex; justify-content: flex-start; align-items: flex-start;}
.pt-dl dd .num{ margin-right:0.188rem; font-size:var(--font-size-16)}
.pt-dl dd .txt{font-size:var(--font-size-16) }
.pt-dl dd.pd0 { padding-left:0}
.pt-dl dd.pd30 { padding-left:var(--w-30)}
.pt-dl dd.pd45 { padding-left:var(--w-45)}


@media all and (max-width:768px){

  .pt-tit{font-size:var(--font-size-14);margin:0 0 var(--w-15) 0; padding-top:var(--w-30); line-height:1.5; }
  .pt-dl{margin-bottom:var(--w-15)}
  .pt-dl *{ line-height:1.5}
  .pt-dl dt{ font-size:var(--font-size-14);}
  .pt-dl dd{ font-size:var(--font-size-14); padding-left:0.5rem; }
  .pt-dl dd .num{ font-size:var(--font-size-14)}
  .pt-dl dd .txt{font-size:var(--font-size-14) }
  .pt-dl dd.pd0 { padding-left:0}
  .pt-dl dd.pd30 { padding-left:1.5rem}
  .pt-dl dd.pd45 { padding-left:var(--w-30)}
}