/* 하우쿱 머리말·하단 스타일 (2026-11-01). /renew/css 에서 뽑아 .hcw 안에서만 쓰이게 함. 코디네이터 화면 전용 */
@font-face{
  font-family: "Pretendard";
  src: url("/renew/fonts/Pretendard-T.woff") format("font-woff");
  font-weight: 200;
  font-style: normal;
}
@font-face{
  font-family: "Pretendard";
  src: url("/renew/fonts/Pretendard-L.woff") format("font-woff");
  font-weight: 300;
  font-style: normal;
}
@font-face{
  font-family: "Pretendard";
  src: url("/renew/fonts/Pretendard-R.woff") format("font-woff");
  font-weight: 400;
  font-style: normal;
}
@font-face{
  font-family: "Pretendard";
  src: url("/renew/fonts/Pretendard-M.woff") format("font-woff");
  font-weight: 500;
  font-style: normal;
}
@font-face{
  font-family: "Pretendard";
  src: url("/renew/fonts/Pretendard-SB.woff") format("font-woff");
  font-weight: 600;
  font-style: normal;
}
@font-face{
  font-family: "Pretendard";
  src: url("/renew/fonts/Pretendard-B.woff") format("font-woff");
  font-weight: 700;
  font-style: normal;
}
@font-face{
  font-family: "Pretendard";
  src: url("/renew/fonts/Pretendard-EB.woff") format("font-woff");
  font-weight: 800;
  font-style: normal;
}
:where(.hcw),:where(.hcw) div,:where(.hcw) span,:where(.hcw) applet,:where(.hcw) object,:where(.hcw) iframe,:where(.hcw) h1,:where(.hcw) h2,:where(.hcw) h3,:where(.hcw) h4,:where(.hcw) h5,:where(.hcw) h6,:where(.hcw) p,:where(.hcw) blockquote,:where(.hcw) pre,:where(.hcw) a,:where(.hcw) abbr,:where(.hcw) acronym,:where(.hcw) address,:where(.hcw) big,:where(.hcw) cite,:where(.hcw) code,:where(.hcw) del,:where(.hcw) dfn,:where(.hcw) em,:where(.hcw) img,:where(.hcw) ins,:where(.hcw) kbd,:where(.hcw) q,:where(.hcw) s,:where(.hcw) samp,:where(.hcw) strike,:where(.hcw) strong,:where(.hcw) sub,:where(.hcw) sup,:where(.hcw) tt,:where(.hcw) var,:where(.hcw) b,:where(.hcw) u,:where(.hcw) i,:where(.hcw) center,:where(.hcw) dl,:where(.hcw) dt,:where(.hcw) dd,:where(.hcw) ol,:where(.hcw) ul,:where(.hcw) li,:where(.hcw) fieldset,:where(.hcw) form,:where(.hcw) label,:where(.hcw) legend,:where(.hcw) table,:where(.hcw) caption,:where(.hcw) tbody,:where(.hcw) tfoot,:where(.hcw) thead,:where(.hcw) tr,:where(.hcw) th,:where(.hcw) td,:where(.hcw) article,:where(.hcw) aside,:where(.hcw) canvas,:where(.hcw) details,:where(.hcw) embed,:where(.hcw) figure,:where(.hcw) figcaption,:where(.hcw) footer,:where(.hcw) header,:where(.hcw) hgroup,:where(.hcw) menu,:where(.hcw) nav,:where(.hcw) output,:where(.hcw) ruby,:where(.hcw) section,:where(.hcw) summary,:where(.hcw) time,:where(.hcw) mark,:where(.hcw) audio,:where(.hcw) video,:where(.hcw) textarea,:where(.hcw) input,:where(.hcw) select{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "Pretendard", sans-serif;
  color: #191919;
  vertical-align: baseline; 
}
:where(.hcw){
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
:where(.hcw) article,:where(.hcw) aside,:where(.hcw) details,:where(.hcw) figcaption,:where(.hcw) figure,:where(.hcw) footer,:where(.hcw) header,:where(.hcw) hgroup,:where(.hcw) menu,:where(.hcw) nav,:where(.hcw) section{
  display: block;
}
:where(.hcw){
  line-height: 1; 
}
:where(.hcw) ol,:where(.hcw) ul{
  list-style: none;
}
:where(.hcw) blockquote,:where(.hcw) q{
  quotes: none;
}
:where(.hcw) blockquote:before,:where(.hcw) blockquote:after,:where(.hcw) q:before,:where(.hcw) q:after{
  content: none;
}
:where(.hcw) textarea{
  outline: none;
}
:where(.hcw) table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
:where(.hcw) a{
  text-decoration: none;
  color: inherit;
  display: inline-block;
}
:where(.hcw) i{
  display: inline-block;
  vertical-align: middle;
}
:where(.hcw) strong{
  font-weight: 700;
}
:where(.hcw) th,:where(.hcw) td{
  vertical-align: middle;
}
:where(.hcw) button{
  background: transparent;
  padding: 0;
  outline: none;
  border: none;
  cursor: pointer;
  font-family: "Pretendard";
}
:where(.hcw) *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  word-break: break-word;
  word-wrap: break-word;
}
:where(.hcw) span,:where(.hcw) div{
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}
:where(.hcw) select::-ms-expand{
  display: none;
}
:where(.hcw) b{
  color: inherit;
  font-family: inherit;
}
:where(.hcw) input{
  box-shadow: none;
  border: 0;
  background-clip: padding-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
:where(.hcw) *{
  -webkit-tap-highlight-color: transparent !important;
}
:where(.hcw) article.menu-btn-box{
  display: inline-flex;
  justify-content: center;
}
:where(.hcw) article.menu-btn-box.full{
  width: 100%;
}
:where(.hcw) article.menu-btn-box.right{
  justify-content: flex-end;
}
:where(.hcw) article.menu-btn-box .menu-box{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 150px;
}
:where(.hcw) article.menu-btn-box .menu-box + .menu-box{
  margin-left: 10px;
}
:where(.hcw) article.menu-btn-box .menu-box + .menu-box.space-short{
  margin-left: 12px;
}
:where(.hcw) article.menu-btn-box .menu-box + .menu-box.space-short2{
  margin-left: 18px;
}
:where(.hcw) article.menu-btn-box .menu-box.dynamic{
  width: auto;
}
:where(.hcw) article.menu-btn-box .menu-box.dynamic .menu-btn{
  padding: 0 14.5px;
}
:where(.hcw) article.menu-btn-box .menu-box.full{
  width: 100% !important;
}
:where(.hcw) article.menu-btn-box .menu-box.long{
  width: 407px;
}
:where(.hcw) article.menu-btn-box .menu-box.long2{
  width: 230px;
}
:where(.hcw) article.menu-btn-box .menu-box.medium{
  width: 160px;
}
:where(.hcw) article.menu-btn-box .menu-box.short{
  width: 120px;
}
:where(.hcw) article.menu-btn-box .menu-box.shorter{
  width: 90px;
}
:where(.hcw) article.menu-btn-box .menu-box.shorter2{
  width: 95px;
}
:where(.hcw) article.menu-btn-box .menu-box.shortest2{
  width: 78px;
}
:where(.hcw) article.menu-btn-box .menu-box.small .menu-btn{
  height: 40px;
  font-size: 14px;
  font-weight: 500;
}
:where(.hcw) article.menu-btn-box .menu-box.normal .menu-btn{
  height: 50px;
  font-size: 16px;
  font-weight: 500;
}
:where(.hcw) article.menu-btn-box .menu-box.smallest .menu-btn{
  height: 28px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
:where(.hcw) article.menu-btn-box .menu-box.type-border .menu-btn{
  background-color: #fff;
  border: 1px solid #CCCCCC;
}
:where(.hcw) article.menu-btn-box .menu-box.type-border-primary .menu-btn{
  color: #203D7A;
  border: 1px solid #85BEF1;
  background-color: #CEE8FF;
}
:where(.hcw) article.menu-btn-box .menu-box.type-1 .menu-btn{
  color: #fff;
  background-color: #444;
}
:where(.hcw) article.menu-btn-box .menu-box.type-2 .menu-btn{
  color: #fff;
  background-color: #D4A79A;
}
:where(.hcw) article.menu-btn-box .menu-box.type-primary .menu-btn{
  color: #fff;
  background-color: #1067ee;
}
:where(.hcw) article.menu-btn-box .menu-box.type-second .menu-btn{
  color: #203D7A;
  background-color: #c4e0fc;
  border: 1px solid #9BB6E2;
}
:where(.hcw) article.menu-btn-box .menu-box.type-cancel .menu-btn{
  color: #fff;
  background-color: #5b6068;
}
:where(.hcw) article.menu-btn-box .menu-box.type-remove .menu-btn{
  color: #fff;
  background-color: #FD6161;
}
:where(.hcw) article.menu-btn-box .menu-box.type-green .menu-btn{
  background: #23935B;
  color: #fff;
}
:where(.hcw) article.menu-btn-box .menu-box .menu-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  border-radius: 3px;
  height: 32px;
  position: relative;
  z-index: 10;
}
:where(.hcw) article.menu-btn-box .menu-box .menu-btn .ic{
  margin-right: 10px;
}
:where(.hcw) article.menu-btn-box .menu-box .menu-btn .ic.ic-cancel{
  background: url("/renew/img/ic_cancel.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
:where(.hcw) article.menu-btn-box .menu-box .menu-btn .ic.ic-save{
  background: url("/renew/img/ic_save.svg") no-repeat center/cover;
  width: 24px;
  height: 25px;
}
:where(.hcw) article.menu-btn-box .menu-box .menu-btn .ic.ic-print{
  background: url("/renew/img/ic_print.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
}
:where(.hcw) article.menu-btn-box .menu-box .menu-btn .ic.ic-refresh{
  background: url("/renew/img/ic_refresh.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
}
:where(.hcw) article.menu-btn-box .menu-box .menu-btn .txt{
  line-height: 1;
}
:where(.hcw) article.menu-btn-box .menu-btn + .menu-btn{
  margin-left: 46px;
}
:where(.hcw) article.menu-btn-box .menu-btn.full{
  width: 100%;
}
:where(.hcw) article.paging .paging-list .nav-box{
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}
:where(.hcw) article.paging .paging-list .nav-box.off{
  opacity: 0.5;
  cursor: default;
}
:where(.hcw) article.paging .paging-list .nav-box.prev-btn{
  border: 0;
}
:where(.hcw) article.paging .paging-list .nav-box.prev-btn:after{
  display: none;
}
:where(.hcw) article.paging .paging-list .nav-box.prev-btn:before{
  content: "";
  display: inline-flex;
  align-items: center;
  position: relative;
  background: url("/renew/img/ic_paging_prev.svg") no-repeat center/7px 12px;
  width: 30px;
  height: 30px;
}
:where(.hcw) article.paging .paging-list .nav-box.first-btn{
  border: 0;
  margin-right: 0;
}
:where(.hcw) article.paging .paging-list .nav-box.first-btn:after{
  display: none;
}
:where(.hcw) article.paging .paging-list .nav-box.first-btn:before{
  content: "";
  display: inline-flex;
  align-items: center;
  position: relative;
  background: url("/renew/img/ic_paging_first.svg") no-repeat center/14px 12px;
  width: 30px;
  height: 30px;
}
:where(.hcw) article.paging .paging-list .nav-box.next-btn{
  border: 0;
}
:where(.hcw) article.paging .paging-list .nav-box.next-btn:after{
  display: none;
}
:where(.hcw) article.paging .paging-list .nav-box.next-btn:before{
  content: "";
  display: inline-flex;
  align-items: center;
  line-height: 17px;
  position: relative;
  background: url("/renew/img/ic_paging_next.svg") no-repeat center/7px 12px;
  width: 40px;
  height: 40px;
}
:where(.hcw) article.paging .paging-list .nav-box.last-btn{
  border: 0;
  margin-left: 0;
}
:where(.hcw) article.paging .paging-list .nav-box.last-btn:after{
  display: none;
}
:where(.hcw) article.paging .paging-list .nav-box.last-btn:before{
  content: "";
  display: inline-flex;
  align-items: center;
  position: relative;
  background: url("/renew/img/ic_paging_last.svg") no-repeat center/14px 12px;
  width: 40px;
  height: 40px;
}
:where(.hcw) article.paging .menu-list{
  padding-left: 30px;
}
:where(.hcw) article.paging .menu-list .menu-btn{
  background-color: #16a085;
  color: #fff;
  border-radius: 5px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
:where(.hcw) .sbox .select-menu ul li a .menu-txt{
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
}
:where(.hcw) .inner{
  max-width: 1200px;
  width: calc(100% - 60px);
  margin: 0 auto;
}
@media (max-width: 1080px){:where(.hcw) .inner{
    width: calc(100% - 40px);
  }
}
@media (max-width: 767px){:where(.hcw) .inner{
    width: calc(100% - 40px);
  }
}
:where(.hcw) header{
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 400;
}
:where(.hcw) header .header-logo-layer{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  display: none;
}
:where(.hcw) header .header-logo-layer:before{
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
:where(.hcw) header .header-logo-layer .layer-wrapper{
  position: fixed;
  top: 50%;
  left: 50%;
  width: calc(100% - 48px);
  max-width: 400px;
  transform: translate(-50%, -50%);
  z-index: 501;
}
:where(.hcw) header .header-logo-layer .layer-wrapper .layer-contents{
  position: relative;
  background-color: #fff;
  width: 100%;
  border-radius: 8px;
  padding: 24px 24px;
}
:where(.hcw) header .header-logo-layer .layer-wrapper .layer-contents .layer-close-btn{
  position: absolute;
  right: 16px;
  top: 16px;
  background: url("/renew/img/ic_layer_close.svg") no-repeat center/cover;
  width: 18px;
  height: 18px;
  z-index: 10;
}
:where(.hcw) header .header-logo-layer .layer-wrapper .layer-contents .change-tit{
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d9d9d9;
}
:where(.hcw) header .header-logo-layer .layer-wrapper .layer-contents .change-list{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
:where(.hcw) header .header-logo-layer .layer-wrapper .layer-contents .change-list .change-item{
  display: flex;
  justify-content: center;
  height: 36px;
}
:where(.hcw) header .header-logo-layer .layer-wrapper .layer-contents .change-list .change-item img{
  height: 100%;
  object-fit: contain;
}
:where(.hcw) header .header-top{
  border-bottom: 1px solid #DDDDDD;
}
@media (max-width: 1080px){:where(.hcw) header .header-top{
    display: none;
  }
}
:where(.hcw) header .header-top .wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}
:where(.hcw) header .header-top .header-corp-box{
  display: inline-flex;
  align-items: center;
  gap: 20px;
}
:where(.hcw) header .header-top .header-corp-box .corp-item{
  filter: grayscale(1);
  transition: all 0.3s linear;
  height: 30px;
}
:where(.hcw) header .header-top .header-corp-box .corp-item:hover{
  filter: grayscale(0);
}
:where(.hcw) header .header-top .header-corp-box .corp-item img{
  max-height: 100%;
}
:where(.hcw) header .header-top .header-link-box{
  display: inline-flex;
  align-items: center;
}
:where(.hcw) header .header-top .header-link-box .header-link-btn{
  position: relative;
  color: #777777;
  font-size: 16px;
}
:where(.hcw) header .header-top .header-link-box .header-link-btn + .header-link-btn{
  margin-left: 18px;
}
:where(.hcw) header .header-top .header-link-box .header-link-btn + .header-link-btn:after{
  content: "";
  position: absolute;
  left: -9px;
  top: 50%;
  width: 1px;
  height: 14px;
  background-color: #777777;
  transform: translateY(-50%);
}
:where(.hcw) header .header-contents{
  border-bottom: 1px solid #DDDDDD;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-nav-box{
    display: none;
  }
}
:where(.hcw) header .header-contents .header-nav-box .wrap{
  position: relative;
}
:where(.hcw) header .header-contents .header-nav-box .wrap .nav-list{
  display: flex;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-nav-box .wrap .nav-list{
    justify-content: space-between;
  }
}
:where(.hcw) header .header-contents .header-nav-box .wrap .nav-list .nav-box{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
:where(.hcw) header .header-contents .header-nav-box .wrap .nav-list .nav-box + .nav-box{
  margin-left: 50px;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-nav-box .wrap .nav-list .nav-box + .nav-box{
    margin: 0;
  }
}
:where(.hcw) header .header-contents .header-nav-box .wrap .nav-list .nav-box .nav-btn{
  position: relative;
  padding: 20px 0;
  font-size: 18px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-nav-box .wrap .nav-list .nav-box .nav-btn{
    font-size: 14px;
  }
}
:where(.hcw) header .header-contents .header-nav-box .wrap .nav-list .nav-box .nav-btn.active ~ .select-group{
  display: flex;
}
:where(.hcw) header .header-contents .header-nav-box .wrap .nav-list .nav-box .nav-btn .ic{
  margin-right: 10px;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-nav-box .wrap .nav-list .nav-box .nav-btn .ic{
    margin-right: 4px;
  }
}
:where(.hcw) header .header-contents .header-nav-box .wrap .nav-list .nav-box .nav-btn .ic.ic-gnb{
  background: url("/renew/img/ic_gnb.svg") no-repeat center/cover;
  width: 15px;
  height: 17px;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-nav-box .wrap .nav-list .nav-box .nav-btn .ic.ic-gnb{
    width: 10px;
    height: 12px;
  }
}
:where(.hcw) header .header-contents .header-nav-box .wrap .select-group{
  display: none;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
  position: absolute;
  left: 0;
  top: 58px;
  z-index: 100;
  border: 1px solid #DDDDDD;
  background-color: #fff;
}
:where(.hcw) header .header-contents .header-nav-box .wrap .select-group .depth1-menu{
  width: 250px;
}
@media (max-width: 1080px){:where(.hcw) header .header-contents .header-nav-box .wrap .select-group .depth1-menu{
    width: 200px;
  }
}
:where(.hcw) header .header-contents .header-nav-box .wrap .select-group .depth1-menu .depth1-list .depth1-box{
  position: relative;
}
:where(.hcw) header .header-contents .header-nav-box .wrap .select-group .depth1-menu .depth1-list .depth1-box .depth1-btn{
  width: 100%;
  height: 60px;
  display: inline-flex;
  align-items: center;
  padding: 18px;
  color: #777777;
  line-height: 22px;
}
@media (max-width: 1080px){:where(.hcw) header .header-contents .header-nav-box .wrap .select-group .depth1-menu .depth1-list .depth1-box .depth1-btn{
    height: auto;
  }
}
:where(.hcw) header .header-contents .header-nav-box .wrap .select-group .depth1-menu .depth1-list .depth1-box .depth1-btn.with-sub{
  padding-right: 40px;
  background: url("/renew/img/ic_depth_arrow.svg") no-repeat right 19px center;
}
:where(.hcw) header .header-contents .header-nav-box .wrap .select-group .depth1-menu .depth1-list .depth1-box .depth1-btn.with-sub.active{
  color: #000;
  font-weight: 500;
  background: #e4ffe0 url("/renew/img/ic_depth_arrow_active.svg") no-repeat right 19px center;
}
:where(.hcw) header .header-contents .header-nav-box .wrap .select-group .depth1-menu .depth1-list .depth1-box .depth1-btn.with-sub:hover{
  background: #e4ffe0 url("/renew/img/ic_depth_arrow_active.svg") no-repeat right 19px center;
}
:where(.hcw) header .header-contents .header-nav-box .wrap .select-group .depth1-menu .depth1-list .depth1-box .depth1-btn:hover{
  color: #000;
  background-color: #e4ffe0;
  font-weight: 500;
}
:where(.hcw) header .header-contents .header-nav-box .wrap .select-group .depth2-group .depth2-menu{
  height: 100%;
  width: 300px;
  border-left: 1px solid #F4F4F4;
  display: none;
}
:where(.hcw) header .header-contents .header-nav-box .wrap .select-group .depth2-group .depth2-list .depth2-box{
  position: relative;
}
:where(.hcw) header .header-contents .header-nav-box .wrap .select-group .depth2-group .depth2-list .depth2-box .depth2-btn{
  width: 100%;
  height: 60px;
  display: inline-flex;
  align-items: center;
  padding: 18px;
}
:where(.hcw) header .header-contents .header-nav-box .wrap .select-group .depth2-group .depth2-list .depth2-box .depth2-btn:hover{
  color: #000;
  background-color: #e4ffe0;
  font-weight: 500;
}
:where(.hcw) header .header-contents .header-info-box .wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 5px;
}
@media (max-width: 1080px){:where(.hcw) header .header-contents .header-info-box .wrap{
    padding: 20px 0 0;
  }
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-info-box .wrap{
    padding: 15px 0;
    height: 60px;
  }
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-info-box .wrap .option-box{
    order: 2;
  }
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box{
  position: relative;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box{
    display: none;
  }
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box .user-menu-list{
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  border: 1px solid #ddd;
  background-color: #fff;
  z-index: 300;
  padding: 20px 16px;
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box .user-menu-list .user-menu-box + .user-menu-box{
  margin-top: 10px;
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box .user-menu-list .user-menu-box .user-menu-btn{
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #777;
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box .user-menu-list .user-menu-box .user-menu-btn:hover,:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box .user-menu-list .user-menu-box .user-menu-btn:focus{
  color: #000;
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box .user-menu-list .user-btn-box{
  padding-top: 14px;
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box .user-menu-list .user-btn-box .user-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  height: 46px;
  font-weight: 500;
  width: 100%;
  font-size: 14px;
  border-radius: 5px;
  color: #AAAAAA;
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box .user-menu-list .user-btn-box .user-btn:hover,:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box .user-menu-list .user-btn-box .user-btn:focus{
  color: #000;
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box .user-info-box{
  padding: 0 44px 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url("/renew/img/ic_lnb_nav_show.svg") no-repeat right 13px center;
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box .user-info-box .ic{
  margin-right: 5px;
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box .user-info-box .ic.ic-user{
  background: url("/renew/img/ic_user.svg") no-repeat center/cover;
  width: 25px;
  height: 25px;
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .user-box .user-info-box .txt{
  font-size: 16px;
  line-height: 22px;
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .option-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-size: 16px;
  height: 35px;
  padding: 0 21px;
  border-radius: 10px;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-info-box .wrap .option-box .option-btn{
    display: none;
  }
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .option-btn.type-primary{
  background-color: #7EE26E;
}
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .mobile-option-box{
  display: none;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-info-box .wrap .option-box .mobile-option-box{
    display: inline-flex;
    align-items: center;
  }
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .mobile-option-box .mobile-option-btn{
    display: inline-flex;
    align-items: center;
  }
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .mobile-option-box .mobile-option-btn + .mobile-option-btn{
    margin-left: 10px;
  }
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .mobile-option-box .mobile-option-btn .ic{
    width: 30px;
    height: 30px;
  }
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .mobile-option-box .mobile-option-btn .ic.ic-search{
    background: url("/renew/img/ic_header_search.svg") no-repeat center/23px 22px;
  }
:where(.hcw) header .header-contents .header-info-box .wrap .option-box .mobile-option-box .mobile-option-btn .ic.ic-menu{
    background: url("/renew/img/ic_header_menu.svg") no-repeat center/15px 17px;
  }
}
:where(.hcw) header .header-contents .header-info-box .wrap .info-box{
  display: inline-flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-info-box .wrap .info-box{
    flex: 1;
    width: 100%;
    order: 1;
  }
}
:where(.hcw) header .header-contents .header-info-box .wrap .info-box h1.logo-box{
  display: inline-flex;
  align-items: center;
}
:where(.hcw) header .header-contents .header-info-box .wrap .info-box h1.logo-box .logo-img{
  display: inline-flex;
  width: 194px;
  height: 48px;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-info-box .wrap .info-box h1.logo-box .logo-img{
    width: auto;
    max-height: 36px;
    max-width: 130px;
  }
}
:where(.hcw) header .header-contents .header-info-box .wrap .info-box h1.logo-box .logo-img img{
  object-fit: contain;
  object-position: left center;
  width: 100%;
  height: 100%;
}
:where(.hcw) header .header-contents .header-info-box .wrap .info-box h1.logo-box .more-btn{
  display: none;
}
@media (max-width: 1080px){:where(.hcw) header .header-contents .header-info-box .wrap .info-box h1.logo-box .more-btn{
    margin-left: 8px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    height: 20px;
    border: 1px solid #00D44B;
    color: #00D44B;
    font-size: 12px;
    padding: 0 8px;
  }
}
:where(.hcw) header .header-contents .header-info-box .wrap .info-box h1.logo-box .logo{
  background: url("/renew/img/img_logo.svg") no-repeat center/cover;
  width: 195px;
  height: 39px;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-info-box .wrap .info-box h1.logo-box .logo{
    width: 95px;
    height: 19px;
  }
}
:where(.hcw) header .header-contents .header-info-box .wrap .info-box .search-input-box{
  margin-left: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 400px;
  width: 100%;
}
@media (max-width: 1080px){:where(.hcw) header .header-contents .header-info-box .wrap .info-box .search-input-box{
    margin-left: 30px;
  }
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-info-box .wrap .info-box .search-input-box{
    display: none;
  }
}
:where(.hcw) header .header-contents .header-info-box .wrap .info-box .search-input-box input{
  width: 100%;
  outline: none;
  border-radius: 10px;
  height: 50px;
  padding: 0 50px 0 15px;
  font-size: 18px;
  background-color: #f3f3f3;
}
@media (max-width: 767px){:where(.hcw) header .header-contents .header-info-box .wrap .info-box .search-input-box input{
    padding: 0 20px 0 10px;
    height: 40px;
  }
}
:where(.hcw) header .header-contents .header-info-box .wrap .info-box .search-input-box .search-btn{
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: url("/renew/img/ic_search.svg") no-repeat center/cover;
  width: 23px;
  height: 22px;
}
:where(.hcw) article.join-form-layout .form-group-box .form-menu-box .menu-box{
  display: flex;
  align-items: center;
  width: 100%;
}
:where(.hcw) article.join-form-layout .form-group-box .form-menu-box .menu-box .form-menu-btn{
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #7EE26E;
  height: 60px;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
:where(.hcw) article.popup .popup-wrapper .popup-head-box .option-box .option-btn{
  display: inline-flex;
  align-items: center;
}
:where(.hcw) article.popup .popup-wrapper .popup-head-box .option-box .option-btn .ic.ic-close{
  background: url("/renew/img/ic_popup_close.svg") no-repeat center/cover;
  width: 10px;
  height: 10px;
}
:where(.hcw) article.popup-msg-layout .msg-group-box .msg-icon-box .ic.ic-msg-check{
  background: url("/renew/img/img_msg_check.svg") no-repeat center/cover;
  width: 96px;
  height: 96px;
}
:where(.hcw) footer{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: #444444;
  padding: 70px 0;
}
@media (max-width: 1080px){:where(.hcw) footer{
    position: static;
  }
}
@media (max-width: 767px){:where(.hcw) footer{
    padding: 45px 0;
  }
}
:where(.hcw) footer .footer-info-box{
  padding: 40px 62px 0;
  display: flex;
}
@media (max-width: 767px){:where(.hcw) footer .footer-info-box{
    padding: 35px 0 0;
    flex-direction: column;
  }
}
@media (max-width: 767px){:where(.hcw) footer .footer-info-box .info-logo-box{
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
  }
}
:where(.hcw) footer .footer-info-box .info-logo-box .logo{
  background: url("/renew/img/img_footer_logo.svg") no-repeat center/cover;
  width: 186px;
  height: 27px;
}
:where(.hcw) footer .footer-info-box .info-contents-box{
  padding-left: 80px;
  font-size: 16px;
  line-height: 24px;
  color: #aaa;
}
@media (max-width: 767px){:where(.hcw) footer .footer-info-box .info-contents-box{
    padding: 0;
    font-size: 12px;
    line-height: 20px;
  }
}
:where(.hcw) footer .footer-menu-list{
  padding: 0 62px 40px;
  display: flex;
  border-bottom: 1px solid #AAAAAA;
}
@media (max-width: 767px){:where(.hcw) footer .footer-menu-list{
    padding: 0 0 20px;
    flex-direction: column;
  }
}
:where(.hcw) footer .footer-menu-list .menu-group-box{
  width: 100%;
}
@media (max-width: 767px){:where(.hcw) footer .footer-menu-list .menu-group-box + .menu-group-box{
    margin-top: 20px;
  }
}
:where(.hcw) footer .footer-menu-list .menu-group-box .menu-tit-box{
  padding-bottom: 40px;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  position: relative;
}
@media (max-width: 767px){:where(.hcw) footer .footer-menu-list .menu-group-box .menu-tit-box{
    line-height: 22px;
    padding: 0;
    background: url("/renew/img/ic_footer_hide.svg") no-repeat right center;
  }
:where(.hcw) footer .footer-menu-list .menu-group-box .menu-tit-box.active{
    background: url("/renew/img/ic_footer_show.svg") no-repeat right center;
  }
:where(.hcw) footer .footer-menu-list .menu-group-box .menu-tit-box.active ~ .menu-con-box{
    display: block;
  }
}
:where(.hcw) footer .footer-menu-list .menu-group-box .menu-tit-box:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 20px;
  height: 2px;
  width: 14px;
  background-color: #fff;
}
@media (max-width: 767px){:where(.hcw) footer .footer-menu-list .menu-group-box .menu-tit-box:after{
    display: none;
  }
}
@media (max-width: 767px){:where(.hcw) footer .footer-menu-list .menu-group-box .menu-con-box{
    padding-top: 10px;
    display: none;
  }
}
@media (max-width: 767px){:where(.hcw) footer .footer-menu-list .menu-group-box .menu-con-box .menu-box + .menu-box{
    margin-top: 6px;
  }
}
:where(.hcw) footer .footer-menu-list .menu-group-box .menu-con-box .menu-box .menu-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 24px;
}
:where(.hcw) article.main-banner .info-box .wrap{
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px){:where(.hcw) article.main-banner .info-box .wrap{
    flex-direction: column;
    justify-content: center;
  }
}
:where(.hcw) article.main-list .list-body-box .swiper-group-box.nav-custom .swiper-button-prev,:where(.hcw) article.main-list .list-body-box .swiper-group-box.nav-custom .swiper-button-next{
  top: calc(50% - 30px);
  transform: translateY(-50%);
  left: -22px;
  margin: 0;
}
@media (max-width: 767px){:where(.hcw) article.main-list .list-body-box .swiper-group-box.nav-custom .swiper-button-prev,:where(.hcw) article.main-list .list-body-box .swiper-group-box.nav-custom .swiper-button-next{
    display: none;
  }
}
:where(.hcw) article.main-list .list-body-box .swiper-group-box.nav-custom .swiper-button-next{
  right: -22px;
  left: auto;
}
:where(.hcw) section.lecture .wrap{
  display: flex;
}
@media (max-width: 1080px){:where(.hcw) section.lecture .wrap{
    flex-direction: column;
  }
}
:where(.hcw) section.lecture .wrap .lecture-contents{
  flex: 1;
  min-width: 0;
}
:where(.hcw) section.lecture .wrap .lecture-nav{
  width: 200px;
  margin-right: 30px;
}
@media (max-width: 1080px){:where(.hcw) section.lecture .wrap .lecture-nav{
    width: 100%;
    margin: 0 0 30px 0;
  }
}
:where(.hcw) section.lecture .wrap .lecture-nav .nav-list .nav-group-box{
  border-radius: 10px;
  background-color: #F9F9F9;
}
:where(.hcw) section.lecture .wrap .lecture-nav .nav-list .nav-group-box .nav-head-box{
  border-bottom: 1px solid #DDDDDD;
  display: flex;
  align-items: center;
  padding: 0 15px;
  height: 56px;
  font-weight: 700;
  font-size: 18px;
  color: #111;
}
@media (max-width: 767px){:where(.hcw) section.lecture .wrap .lecture-nav .nav-list .nav-group-box .nav-head-box{
    height: 36px;
    font-size: 16px;
  }
}
:where(.hcw) section.lecture .wrap .lecture-nav ul.depth1 li.depth1-box + li.depth1-box{
  border-top: 1px solid #DDDDDD;
}
:where(.hcw) section.lecture .wrap .lecture-nav ul.depth1 li.depth1-box .depth1-btn{
  display: flex;
  align-items: center;
  padding: 15px 40px 15px 15px;
  color: #AAAAAA;
  font-size: 16px;
  line-height: 22px;
  background: url("/renew/img/ic_lnb_nav_arrow.svg") no-repeat right 18px center;
}
@media (max-width: 767px){:where(.hcw) section.lecture .wrap .lecture-nav ul.depth1 li.depth1-box .depth1-btn{
    font-size: 14px;
    line-height: 20px;
    padding: 10px 40px 10px 15px;
  }
}
:where(.hcw) section.lecture .wrap .lecture-nav ul.depth1 li.depth1-box .depth1-btn.with-sub{
  background: url("/renew/img/ic_lnb_nav_show.svg") no-repeat right 18px center;
}
:where(.hcw) section.lecture .wrap .lecture-nav ul.depth1 li.depth1-box .depth1-btn.with-sub.active{
  background: url("/renew/img/ic_lnb_nav_hide.svg") no-repeat right 18px center;
}
:where(.hcw) section.lecture .wrap .lecture-nav ul.depth1 li.depth1-box .depth1-btn.with-sub.active ~ ul.depth2{
  display: block;
}
:where(.hcw) section.lecture .wrap .lecture-nav ul.depth1 li.depth1-box .depth1-btn:hover,:where(.hcw) section.lecture .wrap .lecture-nav ul.depth1 li.depth1-box .depth1-btn.active{
  color: #111111;
}
:where(.hcw) section.lecture .wrap .lecture-nav ul.depth2{
  display: none;
  padding: 4px 15px;
  background-color: #FFFFFF;
}
:where(.hcw) section.lecture .wrap .lecture-nav ul.depth2 li.depth2-box + li.depth2-box{
  border-top: 1px solid #DDDDDD;
}
:where(.hcw) section.lecture .wrap .lecture-nav ul.depth2 li.depth2-box .depth2-btn{
  display: flex;
  align-items: center;
  padding: 11px 0px 11px 0px;
  color: #AAAAAA;
  font-size: 16px;
  line-height: 22px;
}
:where(.hcw) section.lecture .wrap .lecture-nav ul.depth2 li.depth2-box .depth2-btn:hover,:where(.hcw) section.lecture .wrap .lecture-nav ul.depth2 li.depth2-box .depth2-btn.active{
  color: #111111;
}
:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .select-btn.active ~ .select-group{
  display: flex;
}
:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .select-group{
  display: none;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
  position: absolute;
  left: 0;
  top: 60px;
  z-index: 999;
  border: 1px solid #F4F4F4;
  border-radius: 10px;
  background-color: #fff;
}
@media (max-width: 1080px){:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .select-group{
    border-radius: 0;
    right: 0;
  }
}
:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth1-menu{
  width: 250px;
}
@media (max-width: 1080px){:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth1-menu{
    width: 100%;
  }
}
:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth1-menu .depth1-list .depth1-box{
  position: relative;
}
:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth1-menu .depth1-list .depth1-box .depth1-btn{
  width: 100%;
  height: 60px;
  display: inline-flex;
  align-items: center;
  padding: 18px;
  border-radius: 10px 0 0 10px;
  color: #777777;
}
@media (max-width: 1080px){:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth1-menu .depth1-list .depth1-box .depth1-btn{
    border-radius: 0;
  }
}
:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth1-menu .depth1-list .depth1-box .depth1-btn.with-sub{
  padding-right: 40px;
  background: url("/renew/img/ic_depth_arrow.svg") no-repeat right 19px center;
}
:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth1-menu .depth1-list .depth1-box .depth1-btn.with-sub.active{
  color: #000;
  font-weight: 500;
  background: #e4ffe0 url("/renew/img/ic_depth_arrow_active.svg") no-repeat right 19px center;
}
:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth1-menu .depth1-list .depth1-box .depth1-btn.with-sub:hover{
  background: #e4ffe0 url("/renew/img/ic_depth_arrow_active.svg") no-repeat right 19px center;
}
:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth1-menu .depth1-list .depth1-box .depth1-btn:hover{
  color: #000;
  background-color: #e4ffe0;
  font-weight: 500;
}
@media (max-width: 1080px){:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth2-group{
    position: absolute;
    left: 100%;
    background: #fff;
    top: 0;
    bottom: 0;
  }
}
:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth2-group .depth2-menu{
  height: 100%;
  width: 300px;
  border-left: 1px solid #F4F4F4;
  display: none;
}
:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth2-group .depth2-list .depth2-box{
  position: relative;
}
:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth2-group .depth2-list .depth2-box .depth2-btn{
  width: 100%;
  height: 60px;
  display: inline-flex;
  align-items: center;
  padding: 18px;
}
:where(.hcw) article.form-filter-layout1 .filter-list .row .select-list-box .depth2-group .depth2-list .depth2-box .depth2-btn:hover{
  color: #000;
  background-color: #e4ffe0;
  font-weight: 500;
}
:where(.hcw) article.info-banner-layout1 .banner-item-box .banner-icon-box .ic.ic-info{
  background: url("/renew/img/ic_banner_info.svg") no-repeat center/cover;
  width: 21px;
  height: 21px;
}
:where(.hcw) article.info-banner-layout1 .banner-item-box .banner-icon-box .ic.ic-celebration{
  background: url("/renew/img/ic_banner_celebration.svg") no-repeat center/cover;
  width: 25px;
  height: 22px;
}
@media (max-width: 767px){:where(.hcw) article.card-list-layout1 .list-head-box .list-option-box .list-mobile-box .list-mobile-btn .ic{
    width: 32px;
    height: 32px;
  }
:where(.hcw) article.card-list-layout1 .list-head-box .list-option-box .list-mobile-box .list-mobile-btn .ic.ic-filter{
    background: url("/renew/img/ic_list_filter.svg") no-repeat center;
  }
:where(.hcw) article.card-list-layout1 .list-head-box .list-option-box .list-mobile-box .list-mobile-btn .ic.ic-search{
    background: url("/renew/img/ic_list_search.svg") no-repeat center;
  }
}
:where(.hcw) article.card-list-layout1 .list-head-box .list-option-box .list-search-box .menu-box{
  margin-left: 10px;
  display: inline-flex;
}
:where(.hcw) article.card-list-layout1 .list-head-box .list-option-box .list-search-box .menu-box .menu-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  border-radius: 5px;
  background-color: #111;
  color: #fff;
  width: 100px;
}
:where(.hcw) article.card-list-layout1 .list-head-box .list-option-box .list-layout-box .layout-btn.active .ic.ic-layout4{
  background: url("/renew/img/ic_layout4_active.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout1 .list-head-box .list-option-box .list-layout-box .layout-btn.active .ic.ic-layout2{
  background: url("/renew/img/ic_layout2_active.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout1 .list-head-box .list-option-box .list-layout-box .layout-btn.active .ic.ic-layout1{
  background: url("/renew/img/ic_layout1_active.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout1 .list-head-box .list-option-box .list-layout-box .layout-btn .ic{
  width: 20px;
  height: 20px;
}
:where(.hcw) article.card-list-layout1 .list-head-box .list-option-box .list-layout-box .layout-btn .ic.ic-layout4{
  background: url("/renew/img/ic_layout4.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout1 .list-head-box .list-option-box .list-layout-box .layout-btn .ic.ic-layout2{
  background: url("/renew/img/ic_layout2.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout1 .list-head-box .list-option-box .list-layout-box .layout-btn .ic.ic-layout1{
  background: url("/renew/img/ic_layout1.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout1 .list-body-box .list-wrap.layout2 > ul li .item-wrap .item-body-box .view-box .sub-list .sub-box .ic{
  margin-right: 5px;
}
:where(.hcw) article.card-list-layout1 .list-body-box .list-wrap.layout2 > ul li .item-wrap .item-body-box .view-box .sub-list .sub-box .ic.ic-user{
  background: url("/renew/img/ic_card_user.svg") no-repeat center/cover;
  width: 18px;
  height: 15px;
}
:where(.hcw) article.card-list-layout1 .list-body-box .list-wrap.layout2 > ul li .item-wrap .item-body-box .view-box .sub-list .sub-box .ic.ic-like{
  background: url("/renew/img/ic_card_like.svg") no-repeat center/cover;
  width: 16px;
  height: 15px;
}
:where(.hcw) article.card-list-layout1 .list-body-box .list-wrap.layout2 > ul li .item-wrap .item-body-box .view-box .sub-list .sub-box .ic.ic-comment{
  background: url("/renew/img/ic_card_comment.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
:where(.hcw) article.card-list-layout1 .list-body-box .list-wrap.layout2 > ul li .item-wrap .item-body-box .info-box .sub-group-box .writer-box .ic{
  margin-right: 9px;
  display: inline-flex;
}
:where(.hcw) article.card-list-layout1 .list-body-box .list-wrap.layout2 > ul li .item-wrap .item-body-box .info-box .sub-group-box .writer-box .ic.ic-writer{
  background: url("/renew/img/ic_writer.svg") no-repeat center/cover;
  width: 27px;
  height: 27px;
}
:where(.hcw) article.card-list-layout1 .list-body-box .list-wrap > ul li .item-wrap .info-box .subject-box .summary-list .summary-box .ic.ic-clip{
  background: url("/renew/img/ic_card_summary_clip.svg") no-repeat center/cover;
  width: 22px;
  height: 20px;
}
:where(.hcw) article.card-list-layout1 .list-body-box .list-wrap > ul li .item-wrap .info-box .subject-box .summary-list .summary-box .ic.ic-video{
  background: url("/renew/img/ic_card_summary_video.svg") no-repeat center/cover;
  width: 22px;
  height: 17px;
}
:where(.hcw) article.card-list-layout1 .list-body-box .list-wrap > ul li .item-wrap .info-box .sub-group-box .writer-box .ic{
  display: none;
}
:where(.hcw) article.card-list-layout1 .list-body-box .list-wrap > ul li .item-wrap .info-box .sub-group-box .sub-list .sub-box .ic{
  margin-right: 3px;
}
:where(.hcw) article.card-list-layout1 .list-body-box .list-wrap > ul li .item-wrap .info-box .sub-group-box .sub-list .sub-box .ic.ic-user{
  background: url("/renew/img/ic_card_user.svg") no-repeat center/cover;
  width: 15px;
  height: 13px;
}
:where(.hcw) article.card-list-layout1 .list-body-box .list-wrap > ul li .item-wrap .info-box .sub-group-box .sub-list .sub-box .ic.ic-like{
  background: url("/renew/img/ic_card_like.svg") no-repeat center/cover;
  width: 14px;
  height: 13px;
}
:where(.hcw) article.card-list-layout1 .list-body-box .list-wrap > ul li .item-wrap .info-box .sub-group-box .sub-list .sub-box .ic.ic-comment{
  background: url("/renew/img/ic_card_comment.svg") no-repeat center/cover;
  width: 13px;
  height: 13px;
}
@media (max-width: 767px){:where(.hcw) article.card-list-layout2 .list-head-box .list-option-box .list-mobile-box .list-mobile-btn .ic{
    width: 32px;
    height: 32px;
  }
:where(.hcw) article.card-list-layout2 .list-head-box .list-option-box .list-mobile-box .list-mobile-btn .ic.ic-filter{
    background: url("/renew/img/ic_list_filter.svg") no-repeat center;
  }
:where(.hcw) article.card-list-layout2 .list-head-box .list-option-box .list-mobile-box .list-mobile-btn .ic.ic-search{
    background: url("/renew/img/ic_list_search.svg") no-repeat center;
  }
}
:where(.hcw) article.card-list-layout2 .list-head-box .list-option-box .list-layout-box .layout-btn.active .ic.ic-layout4{
  background: url("/renew/img/ic_layout4_active.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout2 .list-head-box .list-option-box .list-layout-box .layout-btn.active .ic.ic-layout2{
  background: url("/renew/img/ic_layout2_active.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout2 .list-head-box .list-option-box .list-layout-box .layout-btn.active .ic.ic-layout1{
  background: url("/renew/img/ic_layout1_active.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout2 .list-head-box .list-option-box .list-layout-box .layout-btn .ic{
  width: 20px;
  height: 20px;
}
:where(.hcw) article.card-list-layout2 .list-head-box .list-option-box .list-layout-box .layout-btn .ic.ic-layout4{
  background: url("/renew/img/ic_layout4.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout2 .list-head-box .list-option-box .list-layout-box .layout-btn .ic.ic-layout2{
  background: url("/renew/img/ic_layout2.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout2 .list-head-box .list-option-box .list-layout-box .layout-btn .ic.ic-layout1{
  background: url("/renew/img/ic_layout1.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout2 .list-body-box .list-wrap > ul li .item-wrap .info-box .subject-box .summary-list .summary-box .ic.ic-clip{
  background: url("/renew/img/ic_card_summary_clip.svg") no-repeat center/cover;
  width: 22px;
  height: 20px;
}
:where(.hcw) article.card-list-layout2 .list-body-box .list-wrap > ul li .item-wrap .info-box .subject-box .summary-list .summary-box .ic.ic-video{
  background: url("/renew/img/ic_card_summary_video.svg") no-repeat center/cover;
  width: 22px;
  height: 17px;
}
:where(.hcw) article.card-list-layout2 .list-body-box .list-wrap > ul li .item-wrap .info-box .sub-group-box .sub-list .sub-box .ic{
  margin-right: 3px;
}
:where(.hcw) article.card-list-layout2 .list-body-box .list-wrap > ul li .item-wrap .info-box .sub-group-box .sub-list .sub-box .ic.ic-user{
  background: url("/renew/img/ic_card_user.svg") no-repeat center/cover;
  width: 17px;
  height: 15px;
}
:where(.hcw) article.card-list-layout2 .list-body-box .list-wrap > ul li .item-wrap .info-box .sub-group-box .sub-list .sub-box .ic.ic-like{
  background: url("/renew/img/ic_card_like.svg") no-repeat center/cover;
  width: 16px;
  height: 15px;
}
:where(.hcw) article.card-list-layout2 .list-body-box .list-wrap > ul li .item-wrap .info-box .sub-group-box .sub-list .sub-box .ic.ic-comment{
  background: url("/renew/img/ic_card_comment.svg") no-repeat center/cover;
  width: 15px;
  height: 15px;
}
@media (max-width: 767px){:where(.hcw) article.card-list-layout3 .list-head-box .list-option-box .list-mobile-box .list-mobile-btn .ic{
    width: 32px;
    height: 32px;
  }
:where(.hcw) article.card-list-layout3 .list-head-box .list-option-box .list-mobile-box .list-mobile-btn .ic.ic-filter{
    background: url("/renew/img/ic_list_filter.svg") no-repeat center;
  }
:where(.hcw) article.card-list-layout3 .list-head-box .list-option-box .list-mobile-box .list-mobile-btn .ic.ic-search{
    background: url("/renew/img/ic_list_search.svg") no-repeat center;
  }
}
:where(.hcw) article.card-list-layout3 .list-head-box .list-option-box .list-layout-box .layout-btn.active .ic.ic-layout4{
  background: url("/renew/img/ic_layout4_active.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout3 .list-head-box .list-option-box .list-layout-box .layout-btn.active .ic.ic-layout2{
  background: url("/renew/img/ic_layout2_active.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout3 .list-head-box .list-option-box .list-layout-box .layout-btn.active .ic.ic-layout1{
  background: url("/renew/img/ic_layout1_active.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout3 .list-head-box .list-option-box .list-layout-box .layout-btn .ic{
  width: 20px;
  height: 20px;
}
:where(.hcw) article.card-list-layout3 .list-head-box .list-option-box .list-layout-box .layout-btn .ic.ic-layout4{
  background: url("/renew/img/ic_layout4.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout3 .list-head-box .list-option-box .list-layout-box .layout-btn .ic.ic-layout2{
  background: url("/renew/img/ic_layout2.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout3 .list-head-box .list-option-box .list-layout-box .layout-btn .ic.ic-layout1{
  background: url("/renew/img/ic_layout1.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .floating-box .floating-btn .ic-arrow{
  margin-left: 10px;
  background: url("/renew/img/ic_floating_arrow.svg") no-repeat center/cover;
  width: 6px;
  height: 10px;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .floating-box .tooltip-box .tooltip-btn .ic.ic-tooltip{
  width: 15px;
  height: 16px;
  background: url("/renew/img/ic_tooltip.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .con-box .sub-list .sub-item-box .sub-con-box .check-btn .ic{
  margin-right: 5px;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .con-box .sub-list .sub-item-box .sub-con-box .check-btn .ic.ic-calendar{
  background: url("/renew/img/ic_calendar.svg") no-repeat center/cover;
  width: 15px;
  height: 15px;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box{
  position: absolute;
  right: 0;
  top: 56px;
  display: inline-flex;
}
@media (max-width: 1080px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box{
    top: 40px;
    flex-direction: column;
  }
}
@media (max-width: 767px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box{
    padding-top: 33px;
    position: static;
    display: flex;
    justify-content: center;
    flex-direction: row;
  }
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .review-btn{
  margin-right: 10px;
  border: 1px solid #000000;
  background-color: #fff;
  border-radius: 30px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
}
@media (max-width: 1080px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .review-btn{
    width: 120px;
    padding: 0;
    height: 40px;
    margin-right: 0;
  }
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .review-btn + .play-btn,:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .review-btn + .option-btn{
    margin-top: 4px;
  }
}
@media (max-width: 1080px) and (max-width: 767px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .review-btn + .play-btn,:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .review-btn + .option-btn{
    margin: 0 0 0 10px;
  }
}
@media (max-width: 767px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .review-btn{
    width: 295px;
  }
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .review-btn .ic{
  margin-right: 5px;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .review-btn .ic.ic-review{
  background: url("/renew/img/ic_review.svg") no-repeat center/cover;
  width: 27px;
  height: 23px;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .review-btn .txt{
  font-size: 16px;
  font-weight: 700;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .option-btn{
  background-color: #00D44B;
  height: 50px;
  border-radius: 30px;
  width: 165px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .option-btn.type-border{
  border: 1px solid #00D44B;
  background-color: #fff;
  color: #00D44B;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .option-btn.type-gray{
  background-color: #333333;
  color: #fff;
  border: 1px solid #333333;
}
@media (max-width: 1080px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .option-btn.t-small{
    width: 120px;
    padding: 0;
    height: 40px;
  }
}
@media (max-width: 1080px) and (max-width: 767px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .option-btn.t-small{
    width: 295px;
  }
}
@media (max-width: 1080px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .option-btn.t-smaller{
    width: 100px;
  }
}
@media (max-width: 1080px) and (max-width: 767px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .option-btn.t-smaller{
    width: 295px;
  }
}
@media (max-width: 767px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .option-btn{
    width: 295px;
  }
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .play-btn{
  padding: 0 20px;
  border: 1px solid #00D44B;
  background-color: #E4FFE0;
  border-radius: 30px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 165px;
}
@media (max-width: 1080px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .play-btn.t-small{
    width: 120px;
    padding: 0;
    height: 40px;
  }
}
@media (max-width: 1080px) and (max-width: 767px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .play-btn.t-small{
    width: 295px;
  }
}
@media (max-width: 767px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .play-btn{
    width: 295px;
  }
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .play-btn.disabled{
  background-color: #AAAAAA;
  border: 1px solid #AAAAAA;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .play-btn.disabled .txt{
  color: #fff;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .play-btn.disabled .ic.ic-play{
  background: url("/renew/img/ic_lecture_play_off.svg") no-repeat center/cover;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .play-btn .txt{
  color: #00D44B;
  font-size: 16px;
  font-weight: 700;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .play-btn .ic{
  margin-right: 7px;
}
:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .play-btn .ic.ic-play{
  background: url("/renew/img/ic_lecture_play.svg") no-repeat center/cover;
  width: 29px;
  height: 29px;
}
@media (max-width: 1080px){:where(.hcw) article.card-list-layout3 .list-body-box ul li .item-wrap .info-box .option-box .play-btn .ic.ic-play{
    width: 25px;
    height: 25px;
  }
}
:where(.hcw) article.more-banner-layout1 .more-banner-box .more-banner-wrap .menu-box{
  display: flex;
}
@media (max-width: 767px){:where(.hcw) article.more-banner-layout1 .more-banner-box .more-banner-wrap .menu-box{
    width: 100%;
    padding-top: 15px;
  }
}
:where(.hcw) article.more-banner-layout1 .more-banner-box .more-banner-wrap .menu-box .menu-btn{
  width: 200px;
  height: 60px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #333;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 1080px){:where(.hcw) article.more-banner-layout1 .more-banner-box .more-banner-wrap .menu-box .menu-btn{
    width: 180px;
  }
}
@media (max-width: 767px){:where(.hcw) article.more-banner-layout1 .more-banner-box .more-banner-wrap .menu-box .menu-btn{
    font-size: 14px;
    height: 48px;
    width: 100%;
  }
}
:where(.hcw) article.more-banner-layout2 .more-banner-box .more-banner-wrap .menu-box{
  display: flex;
}
@media (max-width: 767px){:where(.hcw) article.more-banner-layout2 .more-banner-box .more-banner-wrap .menu-box{
    width: 100%;
    padding-top: 15px;
  }
}
:where(.hcw) article.more-banner-layout2 .more-banner-box .more-banner-wrap .menu-box .menu-btn{
  width: 200px;
  height: 60px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #333;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 1080px){:where(.hcw) article.more-banner-layout2 .more-banner-box .more-banner-wrap .menu-box .menu-btn{
    width: 180px;
  }
}
@media (max-width: 767px){:where(.hcw) article.more-banner-layout2 .more-banner-box .more-banner-wrap .menu-box .menu-btn{
    font-size: 14px;
    height: 48px;
    width: 100%;
  }
}
:where(.hcw) article.item-list-layout1 .list-head-box .head-nav-box .nav-txt{
  font-size: 20px;
  color: #111;
}
:where(.hcw) article.item-list-layout1 .list-head-box .head-nav-box .nav-txt + .nav-txt{
  margin-left: 40px;
  position: relative;
}
:where(.hcw) article.item-list-layout1 .list-head-box .head-nav-box .nav-txt + .nav-txt:after{
  content: "";
  position: absolute;
  left: -24px;
  top: 50%;
  transform: translateY(-50%);
  background: url("/renew/img/ic_nav_arrow.svg") no-repeat center/cover;
  width: 7px;
  height: 14px;
}
:where(.hcw) article.header-gnb{
  display: none;
  position: absolute;
  top: 54px;
  left: 0;
  right: 0;
  z-index: 400;
  background-color: #fff;
  border: 1px solid #DDDDDD;
}
:where(.hcw) article.header-gnb .gnb-list{
  padding: 30px 0;
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 767px){:where(.hcw) article.header-gnb .gnb-list{
    padding: 20px 0;
  }
}
:where(.hcw) article.header-gnb .gnb-list .gnb-box{
  width: 20%;
  padding: 0 30px;
  border-right: 2px solid #DDDDDD;
}
@media (max-width: 1080px){:where(.hcw) article.header-gnb .gnb-list .gnb-box{
    padding: 0 20px;
    width: 25%;
  }
:where(.hcw) article.header-gnb .gnb-list .gnb-box:nth-child(4n){
    border-right: 2px solid transparent;
  }
:where(.hcw) article.header-gnb .gnb-list .gnb-box:nth-child(n+5){
    margin-top: 30px;
  }
}
@media (max-width: 767px){:where(.hcw) article.header-gnb .gnb-list .gnb-box{
    padding: 0 20px;
    width: 33.33%;
    border-right: 1px solid #DDDDDD;
  }
:where(.hcw) article.header-gnb .gnb-list .gnb-box:nth-child(3n){
    border-right: 1px solid transparent;
  }
:where(.hcw) article.header-gnb .gnb-list .gnb-box:nth-child(n+4){
    margin-top: 20px;
    border-right: 1px solid #DDDDDD;
  }
}
:where(.hcw) article.header-gnb .gnb-list .gnb-box:nth-child(5n){
  border-right: 2px solid transparent;
}
@media (max-width: 1080px){:where(.hcw) article.header-gnb .gnb-list .gnb-box:nth-child(5n){
    border-right: 2px solid #DDDDDD;
  }
}
@media (max-width: 767px){:where(.hcw) article.header-gnb .gnb-list .gnb-box:nth-child(5n){
    border-right: 1px solid #DDDDDD;
  }
}
:where(.hcw) article.header-gnb .gnb-list .gnb-box:nth-child(n+6){
  margin-top: 50px;
}
@media (max-width: 1080px){:where(.hcw) article.header-gnb .gnb-list .gnb-box:nth-child(n+6){
    margin-top: 30px;
  }
}
@media (max-width: 767px){:where(.hcw) article.header-gnb .gnb-list .gnb-box:nth-child(n+6){
    margin-top: 20px;
    border-right: 1px solid transparent;
  }
}
:where(.hcw) article.header-gnb .gnb-list .gnb-box .gnb-head-box{
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 20px;
}
:where(.hcw) article.header-gnb .gnb-list .gnb-box .gnb-body-box .gnb-item-box + .gnb-item-box{
  margin-top: 20px;
}
@media (max-width: 1080px){:where(.hcw) article.header-gnb .gnb-list .gnb-box .gnb-body-box .gnb-item-box + .gnb-item-box{
    margin-top: 15px;
  }
}
@media (max-width: 767px){:where(.hcw) article.header-gnb .gnb-list .gnb-box .gnb-body-box .gnb-item-box + .gnb-item-box{
    margin-top: 12px;
  }
}
:where(.hcw) article.header-gnb .gnb-list .gnb-box .gnb-body-box .gnb-item-box .gnb-item-btn{
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 767px){:where(.hcw) article.header-gnb .gnb-list .gnb-box .gnb-body-box .gnb-item-box .gnb-item-btn{
    font-size: 14px;
    line-height: 20px;
  }
}
:where(.hcw) section.login .login-form-box .form-option-box .option-box{
  padding-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
:where(.hcw) section.login .login-form-box .form-option-box .option-box .option-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #777;
  font-size: 14px;
  line-height: 19px;
}
:where(.hcw) section.login .login-form-box .form-option-box .option-box .option-btn:hover{
  color: #111111;
}
:where(.hcw) section.login .login-form-box .form-option-box .option-box .option-btn + .option-btn{
  margin-left: 70px;
}
@media (max-width: 767px){:where(.hcw) section.login .login-form-box .form-option-box .option-box .option-btn + .option-btn{
    margin-left: 40px;
  }
}
:where(.hcw) section.login .login-form-box .form-option-box .option-box .option-btn + .option-btn:after{
  content: "";
  position: absolute;
  left: -35px;
  top: 50%;
  width: 1px;
  height: 15px;
  background-color: #DDDDDD;
  transform: translateY(-50%);
}
@media (max-width: 767px){:where(.hcw) section.login .login-form-box .form-option-box .option-box .option-btn + .option-btn:after{
    left: -20px;
  }
}
:where(.hcw) section.login .form-social-box .social-list-box .social-btn .ic-box{
  border-radius: 60px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
:where(.hcw) section.login .form-social-box .social-list-box .social-btn .ic-box .ic{
  width: 60px;
  height: 60px;
}
@media (max-width: 767px){:where(.hcw) section.login .form-social-box .social-list-box .social-btn .ic-box .ic{
    width: 40px;
    height: 40px;
  }
}
:where(.hcw) section.login .form-social-box .social-list-box .social-btn .ic-box .ic.ic-facebook{
  background: url("/renew/img/ic_social_facebook.svg") no-repeat center/cover;
}
:where(.hcw) section.login .form-social-box .social-list-box .social-btn .ic-box .ic.ic-kakao{
  background: url("/renew/img/ic_social_kakao.svg") no-repeat center/cover;
}
:where(.hcw) section.login .form-social-box .social-list-box .social-btn .ic-box .ic.ic-naver{
  background: url("/renew/img/ic_social_naver.svg") no-repeat center/cover;
}
:where(.hcw) section.login .form-social-box .social-list-box .social-btn .ic-box .ic.ic-google{
  background: url("/renew/img/ic_social_google.svg") no-repeat center/cover;
}
:where(.hcw) article.list-layout3 .list-group ul li .item-wrap .info-box .sub-list .sub-box .ic{
  margin-right: 3px;
}
:where(.hcw) article.list-layout3 .list-group ul li .item-wrap .info-box .sub-list .sub-box .ic.ic-user{
  background: url("/renew/img/ic_card_user.svg") no-repeat center/cover;
  width: 17px;
  height: 15px;
}
:where(.hcw) article.list-layout3 .list-group ul li .item-wrap .info-box .sub-list .sub-box .ic.ic-like{
  background: url("/renew/img/ic_card_like.svg") no-repeat center/cover;
  width: 16px;
  height: 15px;
}
:where(.hcw) article.list-layout3 .list-group ul li .item-wrap .info-box .sub-list .sub-box .ic.ic-comment{
  background: url("/renew/img/ic_card_comment.svg") no-repeat center/cover;
  width: 15px;
  height: 15px;
}
:where(.hcw) article.mobile-form-layer .layer-wrap{
  background-color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-head-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-head-box .head-box{
  display: inline-flex;
  align-items: center;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-head-box .head-box .ic{
  margin-right: 10px;
  width: 32px;
  height: 32px;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-head-box .head-box .ic.ic-filter{
  background: url("/renew/img/ic_list_filter.svg") no-repeat center;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-head-box .head-box .ic.ic-search{
  background: url("/renew/img/ic_list_search.svg") no-repeat center;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-head-box .head-box .txt{
  font-weight: 700;
  line-height: 25px;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-head-box .option-box{
  display: inline-flex;
  align-items: center;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-head-box .option-box .layer-close-btn{
  width: 30px;
  height: 30px;
  background: url("/renew/img/ic_layer_close.svg") no-repeat center;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-body-box{
  padding: 25px 0;
  min-height: 0;
  flex: 1;
  overflow-y: auto;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-body-box .form-list .row + .row{
  margin-top: 15px;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-body-box .form-list .row .sbox select{
  width: 100%;
  background: url("/renew/img/ic_select_arrow3.svg") no-repeat right 10px center;
  border: 1px solid #eee;
  height: 50px;
  border-radius: 5px;
  color: #777777;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-body-box .form-list .row .tbox{
  position: relative;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-body-box .form-list .row .tbox input{
  border-radius: 5px;
  width: 100%;
  height: 50px;
  border: 1px solid #EEEEEE;
  background-color: #F3F3F3;
  padding-right: 40px;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-body-box .form-list .row .tbox .search-btn{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/renew/img/ic_input_search.svg") no-repeat center;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-foot-box{
  display: flex;
}
:where(.hcw) article.mobile-form-layer .layer-wrap .layer-foot-box .foot-btn{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  background-color: #7EE26E;
  height: 60px;
  font-weight: 700;
  border-radius: 10px;
}
:where(.hcw) article.writer-intro-layout1 .intro-wrap .info-box .subject-box .more-btn .ic{
  margin-right: 2px;
}
:where(.hcw) article.writer-intro-layout1 .intro-wrap .info-box .subject-box .more-btn .ic.ic-more{
  background: url("/renew/img/ic_info.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
}
:where(.hcw) article.intro-view-layout1 .intro-item-list .intro-item-box .item-body-box .link-list .link-btn .ic{
  width: 36px;
  height: 36px;
}
:where(.hcw) article.intro-view-layout1 .intro-item-list .intro-item-box .item-body-box .link-list .link-btn .ic.ic-facebook{
  background: url("/renew/img/ic_link_facebook.svg") no-repeat center/cover;
}
:where(.hcw) article.intro-view-layout1 .intro-item-list .intro-item-box .item-body-box .link-list .link-btn .ic.ic-twitter{
  background: url("/renew/img/ic_link_twitter.svg") no-repeat center/cover;
}
:where(.hcw) article.intro-view-layout1 .intro-item-list .intro-item-box .item-body-box .link-list .link-btn .ic.ic-url{
  background: url("/renew/img/ic_link_url.svg") no-repeat center/cover;
}
:where(.hcw) article.intro-view-layout1 .intro-item-list .intro-item-box .item-body-box .link-list .link-btn .ic.ic-instagram{
  background: url("/renew/img/ic_link_instagram.svg") no-repeat center/cover;
}
:where(.hcw) article.intro-view-layout1 .intro-item-list .intro-item-box .item-body-box .link-list .link-btn .ic.ic-branch{
  background: url("/renew/img/ic_link_branch.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box + .option-box{
  margin-left: 10px;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .link-list{
  display: flex;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .link-list .link-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .link-list .link-btn + .link-btn{
  margin-left: 10px;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .link-list .link-btn .ic{
  width: 36px;
  height: 36px;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .link-list .link-btn .ic.ic-facebook{
  background: url("/renew/img/ic_link_facebook.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .link-list .link-btn .ic.ic-twitter{
  background: url("/renew/img/ic_link_twitter.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .link-list .link-btn .ic.ic-url{
  background: url("/renew/img/ic_link_url.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .link-list .link-btn .ic.ic-instagram{
  background: url("/renew/img/ic_link_instagram.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .link-list .link-btn .ic.ic-kakao{
  background: url("/renew/img/ic_link_kakao.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .option-btn{
  background-color: #fff;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
  height: 50px;
  width: 175px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
@media (max-width: 767px){:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .option-btn{
    width: 125px;
  }
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .option-btn.active .ic.ic-thumb{
  background: url("/renew/img/ic_thumb_active.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .option-btn.active .txt{
  color: #7EE26E;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .option-btn.active .cnt{
  background-color: #7EE26E;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .option-btn .ic{
  margin-right: 10px;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .option-btn .ic.ic-thumb{
  background: url("/renew/img/ic_thumb.svg") no-repeat center/cover;
  width: 19px;
  height: 22px;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .option-btn .txt{
  font-weight: 500;
  color: #111;
}
:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .option-btn .cnt{
  font-size: 14px;
  margin-left: 5px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #111;
  padding-top: 1px;
  background-color: #ddd;
}
@media (max-width: 767px){:where(.hcw) article.detail-head-layout2 .head-option-box .option-box .option-btn .cnt{
    width: 20px;
    height: 20px;
    font-size: 12px;
  }
}
:where(.hcw) article.detail-head-layout1 .head-foot-box .link-list .link-btn .ic{
  width: 31px;
  height: 31px;
}
:where(.hcw) article.detail-head-layout1 .head-foot-box .link-list .link-btn .ic.ic-facebook{
  background: url("/renew/img/ic_link_facebook.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-head-layout1 .head-foot-box .link-list .link-btn .ic.ic-twitter{
  background: url("/renew/img/ic_link_twitter.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-head-layout1 .head-foot-box .link-list .link-btn .ic.ic-url{
  background: url("/renew/img/ic_link_url.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-head-layout1 .head-foot-box .link-list .link-btn .ic.ic-instagram{
  background: url("/renew/img/ic_link_instagram.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-head-layout1 .head-foot-box .link-list .link-btn .ic.ic-branch{
  background: url("/renew/img/ic_link_branch.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-head-layout1 .head-foot-box .link-list .link-btn .ic.ic-kakao{
  background: url("/renew/img/ic_link_kakao.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-contents-layout2 .detail-contents-group.show .contents-more .contents-more-btn .ic.ic-more{
  background: url("/renew/img/ic_contents_hide.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-contents-layout2 .detail-contents-group .contents-more .contents-more-btn .ic{
  margin-left: 20px;
}
:where(.hcw) article.detail-contents-layout2 .detail-contents-group .contents-more .contents-more-btn .ic.ic-more{
  background: url("/renew/img/ic_contents_show.svg") no-repeat center/cover;
  width: 12px;
  height: 7px;
}
:where(.hcw) article.detail-contents-layout1 .contents-form-box .row .con-box .file-item .ic{
  margin-right: 2px;
}
:where(.hcw) article.detail-contents-layout1 .contents-form-box .row .con-box .file-item .ic.ic-clip{
  background: url("/renew/img/ic_file_clip.svg") no-repeat center/cover;
  width: 26px;
  height: 26px;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box + .option-box{
  margin-left: 10px;
}
@media (max-width: 767px){:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box + .option-box{
    margin: 20px 0 0;
  }
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .link-list{
  display: flex;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .link-list .link-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .link-list .link-btn + .link-btn{
  margin-left: 10px;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .link-list .link-btn .ic{
  width: 36px;
  height: 36px;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .link-list .link-btn .ic.ic-facebook{
  background: url("/renew/img/ic_link_facebook.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .link-list .link-btn .ic.ic-twitter{
  background: url("/renew/img/ic_link_twitter.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .link-list .link-btn .ic.ic-url{
  background: url("/renew/img/ic_link_url.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .link-list .link-btn .ic.ic-instagram{
  background: url("/renew/img/ic_link_instagram.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .link-list .link-btn .ic.ic-kakao{
  background: url("/renew/img/ic_link_kakao.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .option-btn{
  background-color: #fff;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
  height: 50px;
  width: 175px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
@media (max-width: 767px){:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .option-btn{
    width: 125px;
  }
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .option-btn + .option-btn{
  margin-left: 15px;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .option-btn.type-report{
  width: 100px;
  border: 1px solid #F9C2C2;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .option-btn.type-report .txt{
  color: #F86363;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .option-btn.active .ic.ic-thumb{
  background: url("/renew/img/ic_thumb_active.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .option-btn.active .txt{
  color: #7EE26E;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .option-btn.active .cnt{
  background-color: #7EE26E;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .option-btn .ic{
  margin-right: 10px;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .option-btn .ic.ic-thumb{
  background: url("/renew/img/ic_thumb.svg") no-repeat center/cover;
  width: 19px;
  height: 22px;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .option-btn .txt{
  font-weight: 500;
  color: #111;
}
:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .option-btn .cnt{
  font-size: 14px;
  margin-left: 5px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #111;
  padding-top: 1px;
  background-color: #ddd;
}
@media (max-width: 767px){:where(.hcw) article.detail-contents-layout1 .contents-option-box .option-box .option-btn .cnt{
    width: 20px;
    height: 20px;
    font-size: 12px;
  }
}
:where(.hcw) article.comment-info-layout1 .comment-list .comment-group-box .comment-box .comment-option-box .comment-option-btn.active .ic.ic-heart{
  background: url("/renew/img/ic_comment_heart_active.svg") no-repeat center/cover;
}
:where(.hcw) article.comment-info-layout1 .comment-list .comment-group-box .comment-box .comment-option-box .comment-option-btn .ic{
  margin-right: 4px;
}
:where(.hcw) article.comment-info-layout1 .comment-list .comment-group-box .comment-box .comment-option-box .comment-option-btn .ic.ic-heart{
  width: 18px;
  height: 17px;
  background: url("/renew/img/ic_comment_heart.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-foot-layout1 .foot-wrap .foot-row-list .row .foot-row-btn .ic{
  margin-right: 25px;
  width: 12px;
  height: 7px;
}
:where(.hcw) article.detail-foot-layout1 .foot-wrap .foot-row-list .row .foot-row-btn .ic.ic-up{
  background: url("/renew/img/ic_detail_foot_up.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-foot-layout1 .foot-wrap .foot-row-list .row .foot-row-btn .ic.ic-down{
  background: url("/renew/img/ic_detail_foot_down.svg") no-repeat center/cover;
}
:where(.hcw) article.list-layout4 .list-group > ul li .item-wrap .sub-list .sub-item .ic{
  margin-right: 3px;
}
:where(.hcw) article.list-layout4 .list-group > ul li .item-wrap .sub-list .sub-item .ic.ic-like{
  background: url("/renew/img/ic_card_like.svg") no-repeat center/cover;
  width: 14px;
  height: 13px;
}
:where(.hcw) article.list-layout4 .list-group > ul li .item-wrap .sub-list .sub-item .ic.ic-comment{
  background: url("/renew/img/ic_card_comment.svg") no-repeat center/cover;
  width: 13px;
  height: 13px;
}
:where(.hcw) article.mobile-search{
  position: fixed;
  z-index: 500;
  display: none;
}
:where(.hcw) article.mobile-search .search-layer-wrap{
  background-color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
}
:where(.hcw) article.mobile-search .search-layer-wrap .layer-head-box{
  display: flex;
  align-items: center;
}
:where(.hcw) article.mobile-search .search-layer-wrap .layer-head-box .back-btn{
  background: url("/renew/img/ic_back_btn.svg") no-repeat center;
  width: 30px;
  height: 50px;
}
:where(.hcw) article.mobile-search .search-layer-wrap .layer-head-box .input-box{
  flex: 1;
  min-width: 0;
  margin-left: 10px;
}
:where(.hcw) article.mobile-search .search-layer-wrap .layer-head-box .input-box input{
  outline: none;
  border-radius: 5px;
  background: #F3F3F3 url("/renew/img/ic_input_search.svg") no-repeat left 20px center;
  width: 100%;
  padding: 0 20px 0 50px;
  height: 50px;
}
:where(.hcw) article.mobile-search .search-layer-wrap .layer-body-box{
  padding: 25px 0;
  min-height: 0;
  flex: 1;
  overflow-y: auto;
}
:where(.hcw) article.mobile-search .search-layer-wrap .layer-body-box .keyword-group .keyword-tit-box{
  padding-bottom: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
:where(.hcw) article.mobile-search .search-layer-wrap .layer-body-box .keyword-group .keyword-list-box .keyword-item + .keyword-item{
  margin-top: 10px;
}
:where(.hcw) article.mobile-search .search-layer-wrap .layer-body-box .keyword-group .keyword-list-box .keyword-item .keyword-txt{
  color: #777777;
  font-size: 16px;
  line-height: 22px;
}
:where(.hcw) article.mobile-search .search-layer-wrap .layer-foot-box{
  display: flex;
}
:where(.hcw) article.mobile-search .search-layer-wrap .layer-foot-box .foot-btn{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  background-color: #7EE26E;
  height: 60px;
  font-weight: 700;
  border-radius: 10px;
}
:where(.hcw) nav.mobile-nav{
  display: none;
  z-index: 999;
  position: fixed;
  background-color: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap{
  width: 100%;
  height: 100%;
  position: relative;
  padding: 20px 20px 20px;
  overflow-y: auto;
  max-height: calc(var(--vh, 1vh) * 100);
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-head-box{
  padding-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-head-box .head-box{
  display: inline-flex;
  align-items: center;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-head-box .head-box .ic.ic-gnb{
  background: url("/renew/img/ic_gnb.svg") no-repeat center/cover;
  width: 15px;
  height: 15px;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-head-box .head-box .txt{
  padding-left: 13px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  color: #111;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-head-box .close-box .close-btn{
  background: url("/renew/img/ic_nav_close.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-user-box{
  border-bottom: 2px solid #DDDDDD;
  padding-bottom: 30px;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-user-box .user-box{
  display: flex;
  align-items: center;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-user-box .user-box .profile-box{
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-user-box .user-box .profile-box img{
  max-width: 100%;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-user-box .user-box .info-box{
  padding-left: 10px;
  font-size: 18px;
  line-height: 25px;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-menu-box .group-box{
  padding: 30px 0;
  border-bottom: 2px solid #ddd;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-menu-box .group-box .group-head-box{
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  padding-bottom: 20px;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-menu-box .group-box .group-body-box .menu-box + .menu-box{
  margin-top: 20px;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-menu-box .group-box .group-body-box .menu-box .menu-btn{
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-sub-box{
  padding-top: 20px;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-sub-box .nav-sub-btn{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #777;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-sub-box .nav-sub-btn + .nav-sub-btn{
  margin-left: 10px;
}
:where(.hcw) nav.mobile-nav .mobile-nav-wrap .nav-sub-box .nav-sub-btn + .nav-sub-btn:after{
  content: "";
  position: absolute;
  left: -5px;
  top: 50%;
  width: 1px;
  height: 12px;
  background-color: #777777;
  transform: translateY(-50%);
}
:where(.hcw) section.detail .detail-container .detail-contents .detail-tabs-group .detail-tabs-nav.fixed .nav-list{
  position: relative;
  z-index: 100;
}
:where(.hcw) section.detail .detail-container .detail-contents .detail-tabs-group .detail-tabs-nav.fixed .nav-list ul{
  border-bottom: 0;
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-contents .detail-tabs-group .detail-tabs-nav.fixed .nav-list ul{
    padding: 0 20px;
    border-bottom: 1px solid #ddd;
  }
}
:where(.hcw) section.detail .detail-container .detail-contents .detail-tabs-group .detail-tabs-nav .nav-list ul{
  display: flex;
  border-bottom: 1px solid #DDDDDD;
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-contents .detail-tabs-group .detail-tabs-nav .nav-list ul{
    flex-flow: row wrap;
  }
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-contents .detail-tabs-group .detail-tabs-nav .nav-list ul li{
    width: 33.33%;
  }
:where(.hcw) section.detail .detail-container .detail-contents .detail-tabs-group .detail-tabs-nav .nav-list ul li:nth-child(n+4) .nav-btn{
    border-bottom: 1px solid transparent;
  }
}
:where(.hcw) section.detail .detail-container .detail-contents .detail-tabs-group .detail-tabs-nav .nav-list ul li .nav-btn{
  padding: 10px 20px 10px;
  color: #777;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-contents .detail-tabs-group .detail-tabs-nav .nav-list ul li .nav-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px 0;
    font-size: 14px;
    width: 100%;
    text-align: center;
    height: 52px;
    border-bottom: 1px solid #ddd;
  }
}
:where(.hcw) section.detail .detail-container .detail-contents .detail-tabs-group .detail-tabs-nav .nav-list ul li .nav-btn.active{
  position: relative;
  font-weight: 700;
  color: #00D44B;
}
:where(.hcw) section.detail .detail-container .detail-contents .detail-tabs-group .detail-tabs-nav .nav-list ul li .nav-btn.active:after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: #00D44B;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav.m-floating.active .nav-info-box{
    display: block;
    max-height: calc(var(--vh, 1vh) * 50);
    overflow-y: auto;
    min-height: 0;
    flex: 1;
  }
:where(.hcw) section.detail .detail-container .detail-nav.m-floating.active .nav-total-box{
    display: block;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box{
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box{
    display: none;
    padding: 36px 40px 40px;
  }
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box{
    padding: 20px;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-head-box{
  padding-bottom: 20px;
  border-bottom: 1px solid #DDDDDD;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-head-box{
    position: relative;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-head-box .subject-box{
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-head-box .sub-box{
  padding-top: 10px;
  font-size: 16px;
  line-height: 22px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-head-box .price-box{
  padding-top: 10px;
  font-size: 24px;
  line-height: 33px;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-head-box .price-box{
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-head-box .price-box b{
  color: #00d44b;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box{
  padding: 20px 0;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row{
  display: flex;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row + .row{
  margin-top: 10px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .row-inner{
  width: 100%;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .row-inner .row-head-box{
  display: flex;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .row-inner .row-body-box{
  padding-top: 10px;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .row-inner .row-body-box{
    display: inline-block;
  }
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .row-inner .row-body-box{
    display: block;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .row-inner .row-view-list .view-item-box{
  background-color: #EEEEEE;
  padding: 13px 10px;
  border-radius: 10px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .row-inner .row-view-list .view-item-box .view-item{
  display: flex;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .row-inner .row-view-list .view-item-box .view-item + .view-item{
  margin-top: 10px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .row-inner .row-view-list .view-item-box .view-item .label-box{
  border-radius: 5px;
  width: 45px;
  height: 20px;
  background-color: #333;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-right: 5px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .row-inner .row-view-list .view-item-box .view-item .desc-box{
  flex: 1;
  min-width: 0;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .row-inner .row-view-list .view-item-box .view-item .desc-box br{
    display: none;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .subject-box{
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .subject-box{
    width: 120px;
  }
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .subject-box{
    width: auto;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .info-list-box .row .con-box{
  margin-left: 4px;
  font-size: 16px;
  line-height: 22px;
  flex: 1;
  min-width: 0;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box{
  border-top: 1px solid #DDDDDD;
  padding: 20px 0;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-tit-box{
  padding-bottom: 10px;
  display: flex;
  align-items: center;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-tit-box .tit-box{
  font-size: 16px;
  line-height: 22px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-tit-box .tooltip-box{
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-left: 5px;
  margin-top: -2px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-tit-box .tooltip-box:hover .tooltip-msg{
  display: block;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-tit-box .tooltip-box .tooltip-btn{
  display: inline-flex;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-tit-box .tooltip-box .tooltip-btn .ic.ic-tooltip{
  width: 15px;
  height: 16px;
  background: url("/renew/img/ic_tooltip.svg") no-repeat center/cover;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-tit-box .tooltip-box .tooltip-msg{
  display: none;
  z-index: 100;
  position: absolute;
  left: 100%;
  top: 0px;
  padding-top: 13px;
  padding-left: 10px;
  width: 360px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-tit-box .tooltip-box .tooltip-msg .msg-box{
  font-size: 14px;
  line-height: 19px;
  padding: 15px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #eee;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul{
    display: flex;
    flex-flow: row wrap;
    margin: -10px;
  }
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul{
    margin: 0;
    flex-direction: column;
  }
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li{
    width: calc(25% - 20px);
    margin: 10px;
  }
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li{
    width: 100%;
    margin: 0;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li + li{
  margin-top: 20px;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li + li{
    margin: 10px;
  }
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li + li{
    margin: 20px 0 0 0;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap{
  border: 1px solid #DDDDDD;
  padding: 15px;
  width: 100%;
  border-radius: 10px;
  background: #FFF;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap:hover{
  background-color: #F9F9F9;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap.selected{
  background-color: #00D44B;
  border: 1px solid #00D44B;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap.selected .item-state-box b{
  color: #111 !important;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap.disabled{
  background-color: #F4F4F4;
  color: #AAA !important;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap.disabled .label-box{
  background-color: #aaa !important;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-head-box .tit-box{
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-head-box .tit-box + .label-box{
  margin-top: 5px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-head-box .sub-box{
  font-size: 14px;
  line-height: 19px;
  padding-bottom: 9px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-head-box .label-box{
  padding: 0 10px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #333;
  border-radius: 15px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-order-box{
  padding-top: 20px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-order-box .order-item{
  display: flex;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-order-box .order-item{
    flex-direction: column;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-order-box .order-item + .order-item{
  margin-top: 10px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-order-box .order-item .order-txt{
  color: #333;
  font-size: 14px;
  line-height: 19px;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-order-box .order-item .order-txt{
    height: 20px;
    font-size: 12px;
    line-height: 16px;
    width: 45px;
    border-radius: 5px;
    background-color: #333;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-order-box .order-item .order-txt .web{
    display: none;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-order-box .order-item .con-txt{
  font-weight: 700;
  flex: 1;
  min-width: 0;
  margin-left: 4px;
  color: #111;
  font-size: 14px;
  line-height: 19px;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-order-box .order-item .con-txt{
    margin: 5px 0 0 0;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-state-box{
  padding-top: 20px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-state-box .state-box{
  font-size: 12px;
  line-height: 16px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-state-box .state-box.state-end{
  text-decoration: line-through;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-state-box .state-box + .state-box{
  margin-top: 5px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .schedule-select-box .select-list-box ul li .item-wrap .item-state-box .state-box b{
  color: #00D44B;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box{
  border-top: 1px solid #DDDDDD;
  padding: 20px 0;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-tit-box{
  padding-bottom: 10px;
  display: flex;
  align-items: center;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-tit-box .tit-box{
  font-size: 16px;
  line-height: 22px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-tit-box .tooltip-box{
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-left: 5px;
  margin-top: -2px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-tit-box .tooltip-box:hover .tooltip-msg{
  display: block;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-tit-box .tooltip-box .tooltip-btn{
  display: inline-flex;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-tit-box .tooltip-box .tooltip-btn .ic.ic-tooltip{
  width: 15px;
  height: 16px;
  background: url("/renew/img/ic_tooltip.svg") no-repeat center/cover;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-tit-box .tooltip-box .tooltip-msg{
  display: none;
  z-index: 100;
  position: absolute;
  left: 100%;
  top: 0px;
  padding-top: 13px;
  padding-left: 10px;
  width: 360px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-tit-box .tooltip-box .tooltip-msg .msg-box{
  font-size: 14px;
  line-height: 19px;
  padding: 15px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #eee;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-list-box{
    display: flex;
  }
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-list-box{
    display: block;
  }
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-list-box .row{
    width: 100%;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-list-box .row + .row{
  margin-top: 10px;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-list-box .row + .row{
    margin: 0 0 0 10px;
  }
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-list-box .row + .row{
    margin: 10px 0 0 0;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-list-box .row .sbox select{
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  height: 40px;
  padding: 0 30px 0 15px;
  background: url("/renew/img/ic_select_arrow2.svg") no-repeat center right 20px;
  font-size: 16px;
  font-weight: 500;
  color: #777;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-select-box .select-list-box .row .sbox select:active{
  border: 1px solid #7EE26E;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box{
    display: flex;
    flex-flow: row wrap;
    margin: -10px;
  }
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box{
    margin: 0;
    flex-direction: column;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box .result-box{
  padding: 15px;
  border-radius: 10px;
  background-color: #F4F4F4;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box .result-box{
    width: calc(25% - 20px);
    margin: 10px;
  }
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box .result-box{
    margin: 0;
    width: 100%;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box .result-box + .result-box{
  margin-top: 10px;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box .result-box + .result-box{
    margin: 10px;
  }
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box .result-box + .result-box{
    margin: 10px 0 0 0;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box .result-box .result-head-box{
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box .result-box .result-head-box .subject-box{
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  padding-right: 10px;
  flex: 1;
  min-width: 0;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box .result-box .result-head-box .option-box .remove-btn{
  width: 22px;
  height: 22px;
  background: url("/renew/img/ic_result_remove.svg") no-repeat center;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box .result-box .result-body-box .exp-box{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 19px;
  height: 57px;
  max-width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #777;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box .result-box .result-foot-box{
  padding-top: 5px;
  display: flex;
  justify-content: flex-end;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box .result-box .result-foot-box .price-box{
  font-size: 18px;
  line-height: 25px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-info-box .info-body-box .option-result-box .result-box .result-foot-box .price-box b{
  color: #00D44B;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-result-box{
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-result-box .result-tit-box{
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  color: #111;
  padding-bottom: 20px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-result-box .result-con-box .group-box + .group-box{
  margin-top: 20px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-result-box .result-con-box .group-box .row{
  color: #111;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-result-box .result-con-box .group-box .row + .row{
  margin-top: 10px;
  font-weight: 400;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-result-box .result-con-box .group-box .row + .row .subject-box{
  padding-left: 10px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-result-box .result-con-box .group-box .row .subject-box{
  flex: 1;
  min-width: 0;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-result-box .result-sum-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px -20px -20px;
  padding: 20px;
  background-color: #E4FFE0;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-result-box .result-sum-box{
    padding: 13px 20px 13px;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-payment-box{
  padding-top: 20px;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-payment-box .agree-box .cbox .txt br{
    display: none;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-payment-box .terms-list{
  padding-top: 10px;
  padding-left: 25px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-payment-box .terms-list .terms-box{
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 16px;
  color: #777;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-payment-box .terms-list .terms-box + .terms-box{
  margin-top: 5px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-payment-box .terms-list .terms-box .terms-txt{
  flex: 1;
  min-width: 0;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-payment-box .terms-list .terms-box .terms-link{
  margin-left: 10px;
  text-decoration: underline;
  text-underline-position: under;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-payment-box .payment-btn-box{
  padding-top: 20px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-payment-box .payment-btn-box .payment-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: #00D44B;
  color: #fff;
  height: 55px;
  font-size: 18px;
  font-weight: 700;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-floating-box{
  display: none;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 15px;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-floating-box{
    display: block;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-floating-box .total-menu-box{
  display: flex;
  align-items: center;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-floating-box .total-menu-box .total-like-btn{
  margin-right: 10px;
  background: url("/renew/img/ic_detail_like_off.svg") no-repeat center/cover;
  width: 50px;
  height: 50px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-floating-box .total-menu-box .total-like-btn.active{
  background: url("/renew/img/ic_detail_like_on.svg") no-repeat center/cover;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-floating-box .total-menu-box .total-menu-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  height: 50px;
  border-radius: 10px;
  background-color: #333;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-total-box{
  margin-top: 20px;
  padding: 20px;
}
@media (max-width: 1080px){:where(.hcw) section.detail .detail-container .detail-nav .nav-total-box{
    display: none;
    margin: 0px 40px 30px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 767px){:where(.hcw) section.detail .detail-container .detail-nav .nav-total-box{
    margin: 0 20px 20px;
  }
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-total-box .total-summary-box{
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-total-box .total-summary-box .label-box{
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-total-box .total-summary-box .price-box{
  font-size: 20px;
  line-height: 27px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-total-box .total-summary-box .price-box b{
  color: #00D44B;
  font-weight: 700;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-total-box .total-menu-box{
  display: flex;
  align-items: center;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-total-box .total-menu-box .total-like-btn{
  margin-right: 10px;
  background: url("/renew/img/ic_detail_like_off.svg") no-repeat center/cover;
  width: 50px;
  height: 50px;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-total-box .total-menu-box .total-like-btn.active{
  background: url("/renew/img/ic_detail_like_on.svg") no-repeat center/cover;
}
:where(.hcw) section.detail .detail-container .detail-nav .nav-total-box .total-menu-box .total-menu-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  height: 50px;
  border-radius: 10px;
  background-color: #333;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
:where(.hcw) article.detail-intro-layout2 .intro-group-box .intro-body-box .intro-more-box .intro-more-btn.active .ic.ic-arrow{
  background: url("/renew/img/ic_toggle_arrow_hide.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-intro-layout2 .intro-group-box .intro-body-box .intro-more-box .intro-more-btn .ic{
  margin-left: 20px;
}
:where(.hcw) article.detail-intro-layout2 .intro-group-box .intro-body-box .intro-more-box .intro-more-btn .ic.ic-arrow{
  background: url("/renew/img/ic_toggle_arrow_show.svg") no-repeat center/cover;
  width: 10px;
  height: 5px;
}
:where(.hcw) article.detail-curriculum-layout1 .curriculum-head-box .option-box{
  display: inline-flex;
  align-items: center;
}
:where(.hcw) article.detail-curriculum-layout1 .curriculum-head-box .option-box .toggle-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 20px;
  border: 1px solid #DDDDDD;
  height: 40px;
}
@media (max-width: 767px){:where(.hcw) article.detail-curriculum-layout1 .curriculum-head-box .option-box .toggle-btn{
    padding: 0 10px;
  }
}
:where(.hcw) article.detail-curriculum-layout1 .curriculum-head-box .option-box .toggle-btn.active .ic.ic-arrow{
  background: url("/renew/img/ic_toggle_arrow_hide.svg") no-repeat center/cover;
}
:where(.hcw) article.detail-curriculum-layout1 .curriculum-head-box .option-box .toggle-btn .txt{
  color: #777;
}
:where(.hcw) article.detail-curriculum-layout1 .curriculum-head-box .option-box .toggle-btn .ic{
  margin-left: 9px;
}
:where(.hcw) article.detail-curriculum-layout1 .curriculum-head-box .option-box .toggle-btn .ic.ic-arrow{
  background: url("/renew/img/ic_toggle_arrow_show.svg") no-repeat center/cover;
  width: 10px;
  height: 5px;
}
:where(.hcw) article.detail-curriculum-layout1 .curriculum-list-box .list-item-box .item-body-box ul.item-list li.item-box .menu-box{
  display: inline-flex;
  align-items: center;
}
:where(.hcw) article.detail-curriculum-layout1 .curriculum-list-box .list-item-box .item-body-box ul.item-list li.item-box .menu-box .menu-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #ddd;
  width: 80px;
  height: 30px;
  color: #777777;
  font-size: 14px;
}
:where(.hcw) article.form-layout1 .form-group-box .group-head-box{
  padding-bottom: 20px;
}
@media (max-width: 767px){:where(.hcw) article.form-layout1 .form-group-box .group-head-box{
    padding-bottom: 15px;
  }
}
:where(.hcw) article.form-layout1 .form-group-box .group-head-box .head-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
:where(.hcw) article.form-layout1 .form-group-box .group-head-box .head-box .head-txt-box{
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
:where(.hcw) article.form-layout1 .form-group-box .group-head-box .head-box .head-option-box{
  display: inline-flex;
  align-items: center;
}
:where(.hcw) article.form-layout1 .form-group-box .group-head-box .head-box .head-option-box .head-option-btn{
  font-size: 14px;
  line-height: 19px;
  color: #777777;
  text-decoration: underline;
  text-underline-position: under;
}
:where(.hcw) article.form-layout1 .form-group-box .group-head-box .head-box .head-option-box .cbox .txt{
  color: #777 !important;
}
:where(.hcw) article.form-layout1 .form-group-box .group-head-box .head-sub-box{
  padding: 7px 0 0;
  color: #777;
  font-size: 14px;
  line-height: 19px;
  font-weight: 300;
}
:where(.hcw) article.form-input-layout1 .form-list .row .con-box .inner-list{
  width: 100%;
}
:where(.hcw) article.form-input-layout1 .form-list .row .con-box .inner-list .inner-box{
  width: 100%;
}
:where(.hcw) article.form-input-layout1 .form-list .row .con-box .inner-list .inner-box + .inner-box{
  margin-top: 10px;
}
:where(.hcw) article.process-finish-layout1 .finish-wrap .info-box .menu-box{
  padding-top: 60px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1080px){:where(.hcw) article.process-finish-layout1 .finish-wrap .info-box .menu-box{
    padding-top: 20px;
  }
}
@media (max-width: 767px){:where(.hcw) article.process-finish-layout1 .finish-wrap .info-box .menu-box{
    padding-top: 40px;
    flex-direction: column;
    align-items: center;
  }
}
:where(.hcw) article.process-finish-layout1 .finish-wrap .info-box .menu-box .menu-btn{
  width: 200px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #00d44b;
  color: #fff;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 767px){:where(.hcw) article.process-finish-layout1 .finish-wrap .info-box .menu-box .menu-btn{
    height: 55px;
  }
}
:where(.hcw) article.process-finish-layout1 .finish-wrap .info-box .menu-box .menu-btn.type-black{
  background: #333333;
  color: #fff;
}
:where(.hcw) article.process-finish-layout1 .finish-wrap .info-box .menu-box .menu-btn + .menu-btn{
  margin-left: 20px;
}
@media (max-width: 767px){:where(.hcw) article.process-finish-layout1 .finish-wrap .info-box .menu-box .menu-btn + .menu-btn{
    margin: 20px 0 0 0;
  }
}
:where(.hcw) section.video-container .video-wrapper .video-view .view-head-box .option-box{
  display: inline-flex;
  align-items: center;
}
:where(.hcw) section.video-container .video-wrapper .video-view .view-head-box .option-box .option-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: 10px;
  background-color: #333;
  padding: 0 22px;
}
@media (max-width: 767px){:where(.hcw) section.video-container .video-wrapper .video-view .view-head-box .option-box .option-btn{
    height: 40px;
    padding: 0 10px;
  }
}
:where(.hcw) section.video-container .video-wrapper .video-view .view-head-box .option-box .option-btn .txt{
  color: #fff;
  font-weight: 700;
}
@media (max-width: 767px){:where(.hcw) section.video-container .video-wrapper .video-view .view-head-box .option-box .option-btn .txt{
    font-size: 14px;
  }
}
:where(.hcw) section.video-container .video-wrapper .video-view .view-head-box .option-box .option-btn .ic{
  margin-left: 15px;
}
:where(.hcw) section.video-container .video-wrapper .video-view .view-head-box .option-box .option-btn .ic.ic-close{
  background: url("/renew/img/ic_close.svg") no-repeat center/cover;
  width: 15px;
  height: 15px;
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list{
  padding: 30px 20px;
}
@media (max-width: 767px){:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list{
    display: flex;
    padding: 30px 40px;
    border-bottom: 1px solid #DDDDDD;
  }
}
@media (max-width: 767px){:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box{
    width: 100%;
  }
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box + .nav-box{
  margin-top: 30px;
}
@media (max-width: 767px){:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box + .nav-box{
    margin: 0 0 0 15px;
  }
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn{
  width: 100%;
  height: 84px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px){:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn{
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 15px;
  }
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn.active .txt-box{
  color: #00D44B;
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn.active .ic-box .ic.ic-video-nav1{
  background: url("/renew/img/ic_video_nav1_active.svg") no-repeat center;
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn.active .ic-box .ic.ic-video-nav2{
  background: url("/renew/img/ic_video_nav2_active.svg") no-repeat center;
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn.active .ic-box .ic.ic-video-nav3{
  background: url("/renew/img/ic_video_nav3_active.svg") no-repeat center;
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn.active .ic-box .ic.ic-video-nav4{
  background: url("/renew/img/ic_video_nav4_active.svg") no-repeat center;
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn .ic-box{
  display: flex;
  align-items: center;
  justify-content: center;
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn .ic-box .ic{
  width: 40px;
  height: 40px;
}
@media (max-width: 767px){:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn .ic-box .ic{
    width: 28px;
    height: 28px;
    background-size: contain !important;
  }
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn .ic-box .ic.ic-video-nav1{
  background: url("/renew/img/ic_video_nav1.svg") no-repeat center;
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn .ic-box .ic.ic-video-nav2{
  background: url("/renew/img/ic_video_nav2.svg") no-repeat center;
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn .ic-box .ic.ic-video-nav3{
  background: url("/renew/img/ic_video_nav3.svg") no-repeat center;
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn .ic-box .ic.ic-video-nav4{
  background: url("/renew/img/ic_video_nav4.svg") no-repeat center;
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .nav-list .nav-box .nav-btn .txt-box{
  padding-top: 3px;
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
}
:where(.hcw) section.video-container .video-wrapper .video-info .info-nav-group .floating-help-box .help-box .help-btn .ic.ic-help{
  background: url("/renew/img/ic_help.svg") no-repeat center/cover;
  width: 22px;
  height: 32px;
}
:where(.hcw) article.video-view-menu .menu-list{
  display: flex;
  justify-content: center;
}
:where(.hcw) article.video-view-menu .menu-list .menu-box + .menu-box{
  margin-left: 10px;
}
:where(.hcw) article.video-view-menu .menu-list .menu-box .menu-btn{
  background-color: #fff;
  border: 1px solid #DDDDDD;
  height: 50px;
  border-radius: 10px;
  width: 180px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
:where(.hcw) article.video-view-menu .menu-list .menu-box .menu-btn:disabled{
  background-color: #F0EEEE;
  border: 1px solid #F0EEEE;
}
:where(.hcw) article.video-view-menu .menu-list .menu-box .menu-btn .txt{
  color: #111;
  font-weight: 700;
  line-height: 22px;
}
:where(.hcw) article.video-view-menu .menu-list .menu-box .menu-btn .ic{
  position: relative;
  top: 1px;
  width: 5px;
  height: 11px;
}
:where(.hcw) article.video-view-menu .menu-list .menu-box .menu-btn .ic.ic-prev{
  margin-right: 20px;
  background: url("/renew/img/ic_video_menu_prev.svg") no-repeat center/cover;
}
:where(.hcw) article.video-view-menu .menu-list .menu-box .menu-btn .ic.ic-next{
  margin-left: 20px;
  background: url("/renew/img/ic_video_menu_next.svg") no-repeat center/cover;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth1 > li .depth1-btn{
  border-bottom: 1px solid #ddd;
  width: 100%;
  padding: 15px;
  background: url("/renew/img/ic_curriculum_hide.svg") no-repeat center right 20px;
}
@media (max-width: 767px){:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth1 > li .depth1-btn{
    padding: 12px 18px;
  }
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth1 > li .depth1-btn.active{
  background: #EEEEEE url("/renew/img/ic_curriculum_show.svg") no-repeat center right 20px;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth1 > li .depth1-btn.active ~ ul.depth2{
  display: block;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth1 > li .depth1-btn .subject-box{
  display: flex;
  align-items: center;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth1 > li .depth1-btn .subject-box .subject-txt{
  min-width: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth1 > li .depth1-btn .subject-box .download-btn{
  margin-left: 5px;
  background: url("/renew/img/ic_download.svg") no-repeat center/cover;
  width: 14px;
  height: 14px;
  position: relative;
  z-index: 1;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth1 > li .depth1-btn .con-box{
  line-height: 30px;
  font-size: 14px;
  color: #777;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li + li .depth2-btn{
  border-top: 1px solid #ddd;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn{
  border-left: 6px solid transparent;
  width: 100%;
  padding-left: 20px;
  position: relative;
}
@media (max-width: 767px){:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn{
    background-color: #F4F4F4;
  }
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn.chk-on .depth2-wrap{
  background: #F4F4F4 url("/renew/img/ic_curriculum_chk_on.svg") no-repeat center right 20px;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn.active{
  border-left: 6px solid #00D44B;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn.active .depth2-wrap{
  background-color: #E4FFE0;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn.active .depth2-wrap .subject-box{
  font-weight: 700;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn .depth2-wrap{
  position: relative;
  width: 100%;
  padding: 20px 44px 10px 8px;
  background: #F4F4F4 url("/renew/img/ic_curriculum_chk_off.svg") no-repeat center right 20px;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn .subject-box{
  display: flex;
  align-items: center;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn .subject-box .subject-txt{
  min-width: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn .subject-box .download-btn{
  margin-left: 5px;
  background: url("/renew/img/ic_download.svg") no-repeat center/cover;
  width: 14px;
  height: 14px;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn .con-box{
  display: flex;
  align-items: center;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn .con-box .txt{
  color: #777;
  line-height: 30px;
  font-size: 14px;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn .con-box .ic{
  position: relative;
  margin-right: 5px;
}
:where(.hcw) article.video-curriculum-layout1 .curriculum-body-box .list-wrap ul.depth2 > li .depth2-btn .con-box .ic.ic-time{
  width: 14px;
  height: 14px;
  background: url("/renew/img/ic_time.svg") no-repeat center/cover;
}
:where(.hcw) article.video-board-layout1 .board-body-box .list-wrap ul li .item-wrap .sub-box .sub-item .ic.ic-download{
  background: url("/renew/img/ic_download_board.svg") no-repeat center/cover;
  width: 14px;
  height: 14px;
}
:where(.hcw) article.video-board-layout1 .board-view-box .view-body-box .file-box .file-btn .ic-file{
  background: url("/renew/img/ic_download_board.svg") no-repeat center/cover;
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
:where(.hcw) article.video-qna-layout1 .qna-head-box .menu-box{
  padding-top: 20px;
  display: flex;
  justify-content: flex-end;
}
:where(.hcw) article.video-qna-layout1 .qna-head-box .menu-box .menu-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background-color: #333;
  color: #fff;
  border-radius: 10px;
  width: 180px;
  font-size: 16px;
  font-weight: 700;
}
:where(.hcw) article.video-qna-layout1 .qna-body-box .list-wrap ul li .item-wrap .item-foot-box .comment-btn .ic-comment{
  margin-right: 4px;
  background: url("/renew/img/ic_comment.svg") no-repeat center/cover;
  width: 16px;
  height: 15px;
}
:where(.hcw) article.video-qna-layout1 .qna-body-box .list-wrap ul li .item-wrap .item-inner-box .inner-list .inner-box{
  padding: 15px;
  border-radius: 10px;
  background-color: #F4F4F4;
}
:where(.hcw) article.video-qna-layout1 .qna-body-box .list-wrap ul li .item-wrap .item-inner-box .inner-list .inner-box .item-body-box .txt-box{
  white-space: inherit;
  color: #777;
}
:where(.hcw) article.mypage-head-layout1 .mypage-head-box .option-box{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
:where(.hcw) article.mypage-head-layout1 .mypage-head-box .option-box .tooltip-group{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
:where(.hcw) article.mypage-head-layout1 .mypage-head-box .option-box .tooltip-group .tooltip-txt{
  color: #777;
  font-size: 16px;
  line-height: 22px;
}
:where(.hcw) article.mypage-head-layout1 .mypage-head-box .option-box .tooltip-group .tooltip-box{
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-left: 5px;
  margin-top: -2px;
}
:where(.hcw) article.mypage-head-layout1 .mypage-head-box .option-box .tooltip-group .tooltip-box:hover .tooltip-msg{
  display: block;
}
:where(.hcw) article.mypage-head-layout1 .mypage-head-box .option-box .tooltip-group .tooltip-box .tooltip-btn{
  display: inline-flex;
}
:where(.hcw) article.mypage-head-layout1 .mypage-head-box .option-box .tooltip-group .tooltip-box .tooltip-btn .ic.ic-tooltip{
  width: 15px;
  height: 16px;
  background: url("/renew/img/ic_tooltip.svg") no-repeat center/cover;
}
:where(.hcw) article.mypage-head-layout1 .mypage-head-box .option-box .tooltip-group .tooltip-box .tooltip-msg{
  display: none;
  z-index: 100;
  position: absolute;
  right: 0;
  bottom: 16px;
  width: 205px;
  padding-bottom: 10px;
}
:where(.hcw) article.mypage-head-layout1 .mypage-head-box .option-box .tooltip-group .tooltip-box .tooltip-msg .msg-box{
  font-size: 14px;
  line-height: 19px;
  padding: 15px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #eee;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
:where(.hcw) article.mypage-filter-layout1 .filter-list .filter-btn.active .ic.ic-mypage-filter1{
  background: url("/renew/img/ic_mypage_filter1_active.svg") no-repeat center right !important;
}
:where(.hcw) article.mypage-filter-layout1 .filter-list .filter-btn.active .ic.ic-mypage-filter2{
  background: url("/renew/img/ic_mypage_filter2_active.svg") no-repeat center right !important;
}
:where(.hcw) article.mypage-filter-layout1 .filter-list .filter-btn.active .ic.ic-mypage-filter3{
  background: url("/renew/img/ic_mypage_filter3_active.svg") no-repeat center right !important;
}
:where(.hcw) article.mypage-filter-layout1 .filter-list .filter-btn.active .ic.ic-mypage-filter4{
  background: url("/renew/img/ic_mypage_filter4_active.svg") no-repeat center right !important;
}
:where(.hcw) article.mypage-filter-layout1 .filter-list .filter-btn .view-box .ic{
  width: 55px;
  height: 55px;
}
:where(.hcw) article.mypage-filter-layout1 .filter-list .filter-btn .view-box .ic.ic-mypage-filter1{
  background: url("/renew/img/ic_mypage_filter1.svg") no-repeat center right;
}
:where(.hcw) article.mypage-filter-layout1 .filter-list .filter-btn .view-box .ic.ic-mypage-filter2{
  background: url("/renew/img/ic_mypage_filter2.svg") no-repeat center right;
}
:where(.hcw) article.mypage-filter-layout1 .filter-list .filter-btn .view-box .ic.ic-mypage-filter3{
  background: url("/renew/img/ic_mypage_filter3.svg") no-repeat center right;
}
:where(.hcw) article.mypage-filter-layout1 .filter-list .filter-btn .view-box .ic.ic-mypage-filter4{
  background: url("/renew/img/ic_mypage_filter4.svg") no-repeat center right;
}
:where(.hcw) article.mypage-filter-layout1 .filter-list .filter-btn .view-box .ic.ic-coaching-filter1{
  background: url("/renew/img/ic_coaching_filter1.svg") no-repeat center right;
}
:where(.hcw) article.mypage-filter-layout1 .filter-list .filter-btn .view-box .ic.ic-coaching-filter2{
  background: url("/renew/img/ic_coaching_filter2.svg") no-repeat center right;
}
:where(.hcw) article.mypage-filter-layout1 .filter-list .filter-btn .view-box .ic.ic-coaching-filter3{
  background: url("/renew/img/ic_coaching_filter3.svg") no-repeat center right;
}
:where(.hcw) article.mypage-form-layout1 .form-foot-box .form-msg-box .msg-box .ic{
  margin-right: 4px;
}
:where(.hcw) article.mypage-form-layout1 .form-foot-box .form-msg-box .msg-box .ic.ic-info{
  background: url("/renew/img/ic_form_info.svg") no-repeat center/cover;
  width: 15px;
  height: 16px;
}
:where(.hcw) article.mypage-form-layout1 .form-foot-box .form-msg-box .msg-box .ic .msg-txt{
  font-size: 14px;
  line-height: 19px;
}
:where(.hcw) article.bookmark-list-layout1 .list-head-box .option-box{
  display: inline-flex;
  align-items: center;
}
:where(.hcw) article.bookmark-list-layout1 .list-head-box .option-box .option-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 5px;
  width: 100px;
  border: 1px solid #ddd;
  color: #777;
}
:where(.hcw) article.bookmark-list-layout1 .list-body-box .list-wrap ul li .item-wrap.checked .chk-box .ic.ic-chk{
  background: url("/renew/img/ic_cbox_on.svg") no-repeat center/cover;
}
:where(.hcw) article.bookmark-list-layout1 .list-body-box .list-wrap ul li .item-wrap .chk-box .ic.ic-chk{
  width: 20px;
  height: 20px;
  background: url("/renew/img/ic_cbox_off.svg") no-repeat center/cover;
}
:where(.hcw) article.buy-history-layout1 .list-wrap ul li .item-wrap .item-foot-box .option-box{
  display: inline-flex;
  align-items: center;
}
:where(.hcw) article.buy-history-layout1 .list-wrap ul li .item-wrap .item-foot-box .option-box .option-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 107px;
  border: 1px solid #111;
  color: #111;
  height: 35px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 19px;
}
:where(.hcw) article.buy-history-layout1 .list-wrap ul li .item-wrap .item-foot-box .option-box .option-btn.type-gray{
  border: 1px solid #777;
  color: #777;
}
:where(.hcw) section.spec .spec-page .page-wrap .page-form-list .form-box .form-body-box .form-inner-box .inner-item-box + .inner-item-box{
  padding-top: 20px;
  border-top: 1px solid #AAAAAA;
  margin-top: 20px;
}
:where(.hcw) article.board-list-layout1 .list-head-box .list-option-box .list-search-box .menu-box{
  display: inline-flex;
}
:where(.hcw) article.board-list-layout1 .list-head-box .list-option-box .list-search-box .menu-box .menu-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  border-radius: 5px;
  background-color: #111;
  color: #fff;
  width: 100px;
}
:where(.hcw) article.form-layout2 .form-foot-box .form-msg-box .msg-box .ic{
  margin-right: 4px;
}
:where(.hcw) article.form-layout2 .form-foot-box .form-msg-box .msg-box .ic.ic-info{
  background: url("/renew/img/ic_form_info.svg") no-repeat center/cover;
  width: 15px;
  height: 16px;
}
:where(.hcw) article.form-layout2 .form-foot-box .form-msg-box .msg-box .ic .msg-txt{
  font-size: 14px;
  line-height: 19px;
}
:where(.hcw) section.mypage-dashboard .dashboard-wrap .dashboard-information .information-group .group-tit-box{
  padding-bottom: 30px;
  color: #111;
  display: flex;
  align-items: center;
}
@media (max-width: 1080px){:where(.hcw) section.mypage-dashboard .dashboard-wrap .dashboard-information .information-group .group-tit-box{
    padding-bottom: 20px;
  }
:where(.hcw) section.mypage-dashboard .dashboard-wrap .dashboard-information .information-group .group-tit-box.only-web{
    display: none;
  }
}
:where(.hcw) section.mypage-dashboard .dashboard-wrap .dashboard-information .information-group .group-tit-box .tit-txt{
  font-size: 26px;
  font-weight: 700;
  line-height: 35px;
}
@media (max-width: 1080px){:where(.hcw) section.mypage-dashboard .dashboard-wrap .dashboard-information .information-group .group-tit-box .tit-txt{
    font-size: 21px;
    line-height: 28px;
  }
}
:where(.hcw) section.mypage-dashboard .dashboard-wrap .dashboard-information .information-group .group-tit-box .more-btn{
  margin-left: 14px;
  background: url("/renew/img/ic_item_more.svg") no-repeat center/cover;
  width: 34px;
  height: 34px;
}
@media (max-width: 1080px){:where(.hcw) section.mypage-dashboard .dashboard-wrap .dashboard-information .information-group .group-tit-box .more-btn{
    margin-left: 12px;
    width: 28px;
    height: 28px;
  }
}
:where(.hcw) article.mypage-filter-layout2 .filter-list .group-box{
  width: 100%;
}
:where(.hcw) article.mypage-filter-layout2 .filter-list .group-box .group-name-box{
  display: none;
  padding-bottom: 20px;
}
@media (max-width: 767px){:where(.hcw) article.mypage-filter-layout2 .filter-list .group-box .group-name-box{
    display: flex;
    align-items: center;
  }
}
:where(.hcw) article.mypage-filter-layout2 .filter-list .group-box .group-name-box .name-box{
  font-size: 21px;
  line-height: 28px;
  font-weight: 700;
}
:where(.hcw) article.mypage-filter-layout2 .filter-list .group-box .group-name-box .more-btn{
  margin-left: 12px;
  background: url("/renew/img/ic_item_more.svg") no-repeat center/cover;
  width: 28px;
  height: 28px;
}
:where(.hcw) article.mypage-filter-layout2 .filter-list .group-box + .group-box{
  display: none;
}
@media (max-width: 767px){:where(.hcw) article.mypage-filter-layout2 .filter-list .group-box + .group-box{
    display: block;
    margin-left: 10px;
  }
}
:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn.active .ic.ic-mypage-filter1{
  background: url("/renew/img/ic_mypage_filter1_active.svg") no-repeat center right !important;
}
:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn.active .ic.ic-mypage-filter2{
  background: url("/renew/img/ic_mypage_filter2_active.svg") no-repeat center right !important;
}
:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn.active .ic.ic-mypage-filter3{
  background: url("/renew/img/ic_mypage_filter3_active.svg") no-repeat center right !important;
}
:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn.active .ic.ic-mypage-filter4{
  background: url("/renew/img/ic_mypage_filter4_active.svg") no-repeat center right !important;
}
:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic{
  width: 55px;
  height: 55px;
}
@media (max-width: 767px){:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic{
    width: 42px;
    height: 42px;
  }
}
:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic.ic-mypage-filter1{
  background: url("/renew/img/ic_mypage_filter1.svg") no-repeat center right;
}
:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic.ic-mypage-filter2{
  background: url("/renew/img/ic_mypage_filter2.svg") no-repeat center right;
}
@media (max-width: 767px){:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic.ic-mypage-filter2{
    background-size: 42px 42px;
  }
}
:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic.ic-mypage-filter3{
  background: url("/renew/img/ic_mypage_filter3.svg") no-repeat center right;
}
@media (max-width: 767px){:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic.ic-mypage-filter3{
    background-size: 42px 42px;
  }
}
:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic.ic-mypage-filter4{
  background: url("/renew/img/ic_mypage_filter4.svg") no-repeat center right;
}
@media (max-width: 767px){:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic.ic-mypage-filter4{
    background-size: 36px 36px;
  }
}
:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic.ic-coaching-filter1{
  background: url("/renew/img/ic_coaching_filter1.svg") no-repeat center right;
}
@media (max-width: 767px){:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic.ic-coaching-filter1{
    background-size: 42px 42px;
  }
}
:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic.ic-coaching-filter2{
  background: url("/renew/img/ic_coaching_filter2.svg") no-repeat center right;
}
@media (max-width: 767px){:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic.ic-coaching-filter2{
    background-size: 42px 42px;
  }
}
:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic.ic-coaching-filter3{
  background: url("/renew/img/ic_coaching_filter3.svg") no-repeat center right;
}
@media (max-width: 767px){:where(.hcw) article.mypage-filter-layout2 .filter-list ul li .filter-btn .view-box .ic.ic-coaching-filter3{
    background-size: 36px 36px;
  }
}
:where(.hcw) article.main-viewer .viewer-info-box .info-body-box .notice-head-box .option-box{
  display: inline-flex;
}
:where(.hcw) article.main-viewer .viewer-info-box .info-body-box .notice-head-box .option-box .option-btn{
  background: url("/renew/img/newMain/more.svg") no-repeat center/cover;
  width: 28px;
  height: 28px;
}
:where(.hcw) section.renewal-nav .nav-list{
  display: flex;
  gap: 18px;
}
@media (max-width: 767px){:where(.hcw) section.renewal-nav .nav-list{
    display: grid;
    gap: 24px 6px;
    grid-template-columns: repeat(4, 1fr);
  }
}
:where(.hcw) section.renewal-nav .nav-list .nav-item{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 12.5%;
}
@media (max-width: 767px){:where(.hcw) section.renewal-nav .nav-list .nav-item{
    width: auto;
    min-width: 0;
  }
}
@media (max-width: 767px){:where(.hcw) section.renewal-nav .nav-list .nav-item .img-box{
    margin: 0 auto;
    width: 48px;
  }
}
:where(.hcw) section.renewal-nav .nav-list .nav-item .img-box img{
  max-width: 100%;
}
:where(.hcw) section.renewal-nav .nav-list .nav-item .txt-box{
  font-size: 16px;
  font-weight: 500;
  padding-top: 8px;
}
@media (max-width: 767px){:where(.hcw) section.renewal-nav .nav-list .nav-item .txt-box{
    padding-top: 4px;
    font-size: 14px;
  }
}
:where(.hcw) section.renewal-social .social-header .social-info-box .more-box .more-btn .ic.ic-more{
  background: url("/renew/img/renewal/more_arrow.png") no-repeat center/cover;
  width: 18px;
  height: 18px;
}
:where(.hcw) header .header-top .wrap{ height: 40px !important; }
:where(.hcw){font-family:Pretendard,sans-serif;font-size:16px;color:#191919;text-align:left}
:where(.hcw),:where(.hcw) *{box-sizing:border-box}
:where(.hcw) a{text-decoration:none}
:where(.hcw) img{max-width:none;height:auto}
.hcw footer{position:static!important}