@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

@font-face {
    font-family: 'poppins';
    src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'poppins';
    src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
    font-weight: 600;
    font-style: normal;
}

.midas-developer-verify {
	/*   계정 전환 숨김 */
/*   display: none !important; */
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

:lang(ja) {
  font-family: Noto Sans JP, Pretendard,  system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body {
  font-family: Pretendard, sans-serif;
  font-size:14px;
  font-weight:500;
  line-height:22px;
  color:#4E5968;
  letter-spacing:-0.03em;
  overflow-x:hidden
}
html, body {height:100%}
a{display:block;text-decoration:none;color:#4E5968;-webkit-user-drag:none}
strong{display:block}
em {font-style:normal}
ul, li {list-style: none;}
button {outline:none;cursor:pointer}
img{display:block;width:100%}

select {cursor:pointer}
input[type="text"] {border:none;outline:none;padding:2px 0 0 0;box-sizing:border-box}
input[type="text"]::placeholder {font-family:Pretendard, sans-serif;font-size:16px;font-weight:400;color:#8B95A1}
.weight300 {font-weight:300}
/***** Base *****/
* {box-sizing: border-box;}

body {
  background-color: #FFFFFF;
  color: #2F3941;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

select:focus {
  border: 1px solid #17494D;
}

select::-ms-expand {
  display: none;
}

textarea {
  border: 1px solid #ddd;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}

textarea:focus {
  border: 1px solid #17494D;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.error-page {display:flex;flex-flow:column;justify-content:center;align-items:center;width:1200px;height:70vh;margin:0 auto;padding:0;text-align:center}
.error-page h2 {font-size:44px;line-height:54px;color:#191F28}
.error-page p {margin-top:16px;font-size:16px;font-weight:500;line-height:26px;color:#6B7684}
.error-page .wrap_btn {display:flex;column-gap:8px;margin-top:40px}
.error-page a {width:240px;height:56px;font-size:16px;color:#fff;line-height:56px;background-color:#1369E9;border-radius:4px}
.error-page a:nth-last-child(2) {background-color:#fff;border:1px solid #1369E9;color:#1369E9}

.btn_event_more{width: 180px; height: 60px; margin: 64px auto 0; line-height: 60px; border: 1px solid #D1D6DB; border-radius: 4px; font-weight: 500; font-size: 16px; text-align: center; color: #333D4B;}


.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

[dir="rtl"] .split-button button:not(:only-child):last-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}


/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}

.table th,
.table th a {
  color: #5a6d7c;
  font-size: 13px;
  text-align: left;
}

[dir="rtl"] .table th, [dir="rtl"]
.table th a {
  text-align: right;
}

.table tr {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}

.table td {
  display: block;
}

@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}

.table td, .table th {height:60px;padding: 20px 30px}
.table th {background-color:#F9FAFC;border-top:1px solid #E5E8EB;font-weight:500}


/***** Forms *****/
.form {
  max-width: 650px;
}

.form-field ~ .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.form-field input {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input:focus {
  border: 1px solid #17494D;
}

.form-field input[type="text"] {
  border: 1px solid #E5E8ED;
  border-radius: 4px;
}

.form-field input[type="text"]:focus {
  border: 1px solid #17494D;
}

.form-field input[type="checkbox"] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}

.form-field > input {
  height: 60px;
  line-height: 60px;
  border: 1px solid #E5E8EB;
  border-radius: 4px;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid #17494D;
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type="checkbox"] + label {
  margin: 0 0 0 10px;
}

.form-field .optional {
  color: #5a6d7c;
  margin-left: 4px;
}

.form-field p {
/*   color: #5a6d7c; */
  font-size: 12px;
  margin: 5px 0;
}

.form footer {
  margin-top: 40px;
  padding-top: 30px;
}

.form .suggestion-list {
  display:none;
}

.form .suggestion-list label {
  display:none;
}

.form .suggestion-list li {
  display:none;
}

.form .suggestion-list li a {color:#3671E3}
.form .suggestion-list li a:hover {text-decoration:underline}
.form .suggestion-list li a:visited {
  display:none;
}

.sAsWeSofCRZeQfIv9OtCQ8rkLJXO0WA8 {justify-content:center !important}
/***** Header *****/
#header {display:flex;justify-content:center;position:fixed;width:100%;min-width:1200px;height:80px;border-bottom:1px solid #E5E8EB;box-sizing:border-box;background-color:#fff;z-index:300}
#mHeader {display:none}
/* header - bg */
#header .wrap_bg {display:none;position:absolute;top:80px;left:0;right:0;height:calc(100vh - 80px)}
#header.on .wrap_bg {display:block}
#header .wrap_bg .bg_sub {width:100vw;background-color:#FCFCFC}
#header .wrap_bg .rest {width:100vw;background-color:#191F28;opacity:0.8}

/* header - inner, gnb */
#header .inner {display:flex;width:1200px;height:80px;position:relative}
#header .logo a {display:flex;align-items:center;height:80px;line-height:80px;font-family:'Poppins',sans-serif;font-size:22px;font-weight:600;color:#181F2B;}
#header .logo a img {height:32px;width:auto;margin-right:12px}
#header nav {margin: 0 auto 0 36px}
#header nav .gnb {display:flex}
#header nav .gnb>li {position:relative}
#header nav .gnb>li>a {display:flex;align-items:center;column-gap:2px;height:80px;padding:0 20px;font-size:16px;color:#191F28;line-height:80px;border-bottom:2px solid transparent;box-sizing:border-box;transition: border 0.3s}
#header nav .gnb>li:hover a {border-bottom:2px solid #333D4B}
#header nav .gnb>li>a span[role="img"] {width:16px;height:16px;background:url(https://www.midasstructure.com/hubfs/%5BBIZ%7D/common/images/ico_external.svg) no-repeat;background-size:cover}

/* header - sub */
#header nav .sub {display:none;position:absolute;left:20px;top:80px;width:1200px;height:64px}
#header nav .sub ul {display:flex;column-gap:30px}

#header nav .sub li strong {margin-bottom:16px;padding-bottom:10px;font-size:13px;font-weight:500;line-height:20px;border-bottom:1px solid #E5E8EB;cursor:default}
#header nav .sub li a {display:flex;align-items:center;column-gap:2px;font-size:15px;line-height:64px;color:#333D4B;transition:color .3s}
#header nav .sub li a:hover {color:#3671E3}
#header nav .sub li a+a {margin-top:10px}
#header nav .sub li a small {display:block;font-size:12px;color:#8B95A1;line-height:18px}
#header nav .sub li a span[role="img"] 
{width:16px;height:16px;background:url(/hc/theming_assets/01HZKX9W45BBWH01X28475T2XX) no-repeat;background-size:cover}
#header nav .sub li a:hover span[role="img"] {background-image:url(/hc/theming_assets/01HZKX9VYQVQFXEH2HPHW8NBE1)}

/* header - sub ('제품' 탭 예외 처리) */
/* #header nav .gnb>li:first-child .sub {height:auto;padding-top:40px}
#header nav .gnb>li:first-child .sub:before {height:360px}
#header nav .gnb>li:first-child .sub li {width:clamp(150px,20%,160px)}
#header nav .gnb>li:first-child .sub a {line-height:24px} */


/* header - sub - 구매하기, 모든 제품 보기 */
#header nav .sub .externals {display:flex;column-gap:20px;margin-top:54px}
#header nav .sub .externals a {font-size:15px;line-height:22px;color:#3671E3;position:relative}
#header nav .sub .externals a+a:before {content:'';position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:1px;height:10px;background-color:#D1D6DB}
#header nav .sub .externals a i {margin-right:3px}

/* header - util */
#header .util {transform:translateX(8px)}
#header .util ul {display:flex;height:80px;align-items:center;column-gap:4px}
#header .util li {position:relative}
#header .util li a {display:flex;align-items:center;height:40px;line-height:40px;padding:0 8px}
#header .util li.btn_ai {margin-right:8px}
#header .util li.btn_ai a {padding:0 12px;border-radius: 4px;border: 1px solid #1369E9;background-color: #FFF;color:#1369E9;}
#header .util li.btn_search a span {width:24px;height:24px;background:url(https://www.midasstructure.com/hubfs/%5BBIZ%7D/common/images/ico_search.svg) no-repeat}
/* #header .util li.btn_lang a {background-color:transparent} */
#header .util li .dropdown a {height:48px;line-height:48px;padding:0 16px}
#header .util li.btn_lang a span {width:24px;height:24px;background:url(https://www.midasstructure.com/hubfs/%5BBIZ%7D/common/images/ico_lang.svg) no-repeat}
#header .util li .dropdown {display:none;position:absolute;right:0;top:52px;border:1px solid #E5E8EB
;border-radius:4px;width:max-content;height:fit-content;padding:8px 0;background-color:#fff;box-shadow:0 10px 12px rgba(80,82,84,.1);transition: .25s}
#header .util li.on .dropdown {display:block}
#header .util li .dropdown a:hover {background-color:#F5F7FA}
/* #header .util li.btn_account a span {background-image:url(https://www.midasstructure.com/hubfs/%5BBIZ%7D/common/images/ico_account.svg)} */
#header .util li.btn_account a span {width:48px;height:24px;font-size:16px;line-height:24px;color:#333D4B}
#header .util li.btn_account a.state_logged_in span {display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #E5E8EB;border-radius:18px;background-color:#333D4B;color:rgba(255,255,255,.80);font-weight:700}

/* header - banner */
#header .banner_promo {display:block;position:absolute;top:40px;right:0;width:250px;height:270px;overflow:hidden}
#header .banner_promo img {width:100%;height:130px}
#header .banner_promo .txts {height:140px;padding:18px 20px;box-sizing:border-box;background-color:#191F28;overflow:hidden}
#header .banner_promo .txts strong {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:48px;font-size:18px;font-weight:700;line-height:24px;color:#fff;overflow:hidden}
#header .banner_promo .txts span {display:block;width:82px;height:40px;margin-top:10px;line-height:40px;color:#fff;text-align:center;border-radius:4px;background-color:#3671E3}

/* header - search 폼 */
#header .wrap_search {display:none;align-items:center;justify-content:center;position:absolute;top:0;left:50%;transform:translateX(-50%);width:1200px;height:80px;background-color:#fff} 
#header .wrap_search.on {display:flex}
#header .wrap_search img {width:24px;height:24px}
#header #formSearch {display:flex;align-items:center;column-gap:12px;width:588px;height:48px;padding:0 12px;box-sizing:border-box;border:1px solid #E5E8EB;border-radius:4px}
#header #formSearch label {margin-right:auto}
#header #formSearch label input {width:484px;height:24px;line-height:24px;}
#header #formSearch button {position:absolute;right:0;top:0}
#header .wrap_search .btn_close {display:flex;position:absolute;bottom:-72px;left:50%;transform:translateX(-50%);width:48px;height:48px;border-radius:24px;background-color:#fff}
#header .wrap_search .btn_close img {margin:auto}

main[role="main"] {
  padding-top:80px;
  min-height:calc(100vh - 464.5px);
}

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}

.user-nav[aria-expanded="true"] {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}

.user-nav[aria-expanded="true"] > a {
  display: block;
  margin: 20px;
}

.user-nav[aria-expanded="true"] > .user-nav-list li {
  display: block;
}

.user-nav[aria-expanded="true"] > .user-nav-list a {
  display: block;
  margin: 20px;
}

.user-nav-list {
  display: block;
  list-style: none;
}

.user-nav-list > li {
  display: inline-block;
}

@media (max-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}

@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: inline-block;
  }
}

.nav-wrapper-desktop a {
  border: 0;
  color: #1F73B7;
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}

@media (min-width: 768px) {
  .nav-wrapper-desktop a {
    display: inline-block;
  }
}

[dir="rtl"] .nav-wrapper-desktop a {
  padding: 0 0 0 20px;
}

.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus, .nav-wrapper-desktop a:active {
  background-color: transparent;
  color: #1F73B7;
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .nav-wrapper-mobile {
    display: none;
  }
}

.nav-wrapper-mobile .menu-button-mobile {
  background: none;
  border: 0;
  width: auto;
  min-width: 71px;
  cursor: pointer;
}

.nav-wrapper-mobile .menu-button-mobile .icon-menu {
  padding: 7px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.nav-wrapper-mobile .menu-button-mobile[aria-expanded="true"] .icon-menu {
  background: #f3f3f3;
}

.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 2;
}

.nav-wrapper-mobile .menu-list-mobile[aria-expanded="false"] {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile[aria-expanded="true"] {
  display: block;
}

.nav-wrapper-mobile .menu-list-mobile-items .item {
  margin: 4px 0;
}

.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
  border-bottom: 0.1px solid #ddd;
  padding: 0;
}

.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile-items button {
  background: none;
  border: none;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: #2F3941;
  cursor: pointer;
  text-align: start;
}

.nav-wrapper-mobile .menu-list-mobile-items button:active, .nav-wrapper-mobile .menu-list-mobile-items button:focus, .nav-wrapper-mobile .menu-list-mobile-items button:hover {
  background-color: #f3f3f3;
  text-decoration: underline;
}

.nav-wrapper-mobile .menu-list-mobile-items a {
  display: block;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: #2F3941;
}

.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover {
  background-color: #f3f3f3;
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
  display: flex;
  line-height: 1.5;
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
  font-size: 12px;
  color: #68737D;
}

.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 1px;
}

[dir="rtl"] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  margin-right: 0;
  margin-left: 8px;
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}

[dir="rtl"] .skip-navigation {
  left: initial;
  right: -999px;
}

.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}

[dir="rtl"] .skip-navigation:focus, [dir="rtl"] .skip-navigation:active {
  left: initial;
  right: auto;
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}

.user-info .dropdown-toggle::after {
  display: none;
}

@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}

.user-info > button {
  border: 0;
  color: #1F73B7;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  color: #1F73B7;
  background-color: transparent;
}

.user-info > button::after {
  color: #1F73B7;
  padding-right: 15px;
}

[dir="rtl"] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

#user #user-name {
  display: none;
  font-size: 14px;
}

@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}

#user #user-name:hover {
  text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.avatar {
  display: inline-block;
  position: relative;
}

.avatar img {
  height: 40px;
  width: 40px;
}

.avatar .icon-agent {
  color: #17494D;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: #FFFFFF;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
#footer {background-color:#191F28;position:relative}
#footer .btn_top {position:absolute;right:max(50%, 620px);top:-60px;transform:translateX(calc(620px - 50%));background:url(/hc/theming_assets/01HZKX8RRFEPZ90NBSBA0VD9BV) #2C3948 100%;background-repeat:no-repeat;background-position:center}
#footer .btn_top a {width:40px;height:40px}
#footer .list_menu {display:flex;width:1200px;margin:0 auto;padding:48px 0 56px;border-bottom:1px solid #333D4B}
#footer .list_menu li {width:16.667%}
/* #footer .list_menu li:last-child {margin-left:auto} */
#footer .list_menu li dt, #footer .menu li dd {font-size:13px;color:#D1D6DB;}
#footer .list_menu li dl {display:flex;flex-flow:column;row-gap:8px}
#footer .list_menu li dt {margin-bottom:8px}
#footer .list_menu li dd a {display:flex;height:20px;width:fit-content;align-items:center;font-size:13px;color:#8B95A1}
#footer .list_menu li dd a img {width:14px;height:14px;margin-left:2px}

#footer .area_corp {width:1200px;margin:48px auto 0;padding-bottom:64px;font-size:12px;position:relative}
#footer .area_corp .utils {position:absolute;right:0;top:0;display:flex;align-items:center;column-gap:20px}
#footer .area_corp .terms {display:flex;column-gap:20px;margin-bottom:16px}
#footer .area_corp .terms a {position:relative;line-height:18px;color:#8b9fa1}
#footer .area_corp .terms a.privacy {color:#fff}
#footer .area_corp .terms a+a:before {content:'';position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:1px;height:10px;background-color:#4E5968}
#footer .area_corp .btn_family {display:flex;column-gap:3px;font-size:13px;position:relative}
#footer .area_corp .btn_family:after {width:1px;height:8px;content:'';position:absolute;right:-10px;top:50%;transform:translateY(-50%);background-color:#272D36}
#footer .area_corp .btn_family>a {display:flex;align-items:center;column-gap:6px;color:#8B95A1;line-height:20px}
#footer .area_corp .btn_family .ico i {line-height:20px;font-size:13px;color:#8B95A1;transition:transform .3s}
#footer .area_corp .btn_family.on .ico i {transform:rotateZ(180deg)}
#footer .area_corp .btn_family img {width:14px;height:14px;margin-right:2px}
#footer .area_corp .btn_family.on .dropdown {display:block}
#footer .area_corp .btn_family .dropdown a {display:flex;align-items:center;height:40px;line-height:40px;font-size:14px;padding:0 13px}
#footer .area_corp .btn_family .dropdown a:hover {background-color:#F5F7FA}
#footer .area_corp .btn_lang .dropdown,
#footer .area_corp .btn_family .dropdown{display:none;position:absolute;right:0;bottom:35px;border:1px solid #E5E8EB
;border-radius:4px;width:176px;height:fit-content;padding:8px 0;background-color:#fff;box-shadow:0 10px 12px rgba(80,82,84,.1);transition: .25s}
#footer .area_corp .btn_lang {font-size:13px}
#footer .area_corp .btn_lang>a {display:flex;align-items:center;column-gap:6px;color:#8B95A1;line-height:20px}
#footer .area_corp .btn_lang img {width:14px;height:14px;margin-right:2px}
#footer .area_corp .btn_lang.on .dropdown {display:block}
#footer .area_corp .btn_lang .dropdown a {display:flex;align-items:center;height:40px;line-height:40px;font-size:14px;padding:0 13px}
#footer .area_corp .btn_lang .dropdown a:hover {background-color:#F5F7FA}
#footer .area_corp address dl {display:flex;flex-wrap:wrap}
#footer .area_corp address dl dd {font-style:normal;color:#6B7684}
#footer address>span {font-style:normal;color:#6B7684}




@media (max-width:1200px) {
  #footer .breadcrumb ul,
  #footer .list_menu,
  #footer .area_corp {width:auto;box-sizing:border-box}
  #footer .breadcrumb ul {padding:0 32px}
  #footer .list_menu {margin:0 32px} 
  #footer .area_corp {margin:40px 32px 0} 
}

@media (max-width:768px) {
  #footer .breadcrumb ul {padding:0 20px}
  #footer .area_corp {margin:32px 20px 0;padding-bottom:40px}
  #footer .area_corp .terms {margin-bottom:22px}
  #footer .list_menu {display:none}
  #footer .area_corp address .info {margin-bottom:16px}
  #footer .area_corp address .info dd {width:100%}
  #footer .area_corp address .contact {margin-bottom:8px}
}


.banner_transfer {height:340px;background-color:#435BDB}
.banner_transfer .inner {display:flex;align-items:center;flex-flow:column;padding-top:64px;text-align:center}
.banner_transfer .inner img {width:64px;height:64px}
.banner_transfer .inner strong {font-size:32px;line-height:42px;color:#fff;margin:27px 0 17px}
.banner_transfer .inner strong+a {padding-right:24px;font-weight:600;line-height:21px;color:#fff;position:relative}
.banner_transfer .inner strong+a:after {content:'';position:absolute;right:8px;top:50%;width:7px;height:7px;transform:translateY(-50%) rotateZ(45deg);border-right:1.2px solid #fff;border-top:1.2px solid #fff}


.powered-by-zendesk {display:none} 

/***** Breadcrumbs *****/
.breadcrumbs-container {
  margin-bottom: 24px;
  pointer-events: none;
}

.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
}

.breadcrumbs > li > a {
  display: inherit;
}

@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}

.breadcrumbs li {
  color: #5a6d7c;
  display: inline;
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
  content: ">";
  margin: 0 4px;
}

.breadcrumbs li a:visited {
  color: #2f3941;
}

/***** Search field *****/
.search-container {
  position: relative;
}

.search {
  display: flex;
  position: relative;
}

.search input[type="search"] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: ;
  flex: 1 1 auto;
  background:#fff url(https://www.midasstructure.com/hubfs/%5BBIZ%7D/common/images/ico_search.svg) no-repeat left 12px center / 24px; 
  height: 48px;
  width: 100%;
  padding: 0 42px 0 48px;
  outline: none;
  font-family: Pretendard, sans-serif; font-size: 16px; font-weight: 400; line-height: 48px; 
  border: 1px solid #E5E8EB; border-radius: 4px; 
}
.list_view .search:not(.search-has-value) input[type="search"]{background:#fff url(/hc/theming_assets/01HZKX938VKE5YPAK982Z7YNZW) no-repeat right 25px center / 25px auto;}

.search input[type="search"]::-webkit-search-decoration, .search input[type="search"]::-webkit-search-cancel-button, .search input[type="search"]::-webkit-search-results-button, .search input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.search .clear-button {
  position: absolute; top: 0; right: 0; width: 42px; height: 100%;
  align-items: center;
  box-sizing: border-box;
  background-color: transparent;
  color: #777;
  cursor: pointer;
  display: none;
  padding: 0 15px;
  border: 0;
}

.search .clear-button:focus {
  outline: 0;
}

.search-has-value .clear-button {
  display: flex;
}

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: #777;
  pointer-events: none;
}

[dir="rtl"] .search-icon {
  left: auto;
  right: 15px;
}


/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01HZKXB9CFXQ84TEJ77Y7WFST6);
  background-position: center;
  background-size: cover;
  height: 403px;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}

.hero-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 690px;
  margin: 0 auto;
}

/* .page-header */
.page-header {display:flex;justify-content:center;padding:80px 0;background-color:#F6F7F9;}
.page-header .inner {width:1200px;}
.page-header .inner h1 {font-size:48px;font-weight:700;line-height:58px;color:#181F2B}
.page-header .inner p {margin-top:8px;font-size:16px;font-weight:500;line-height:26px;color:#636B75}
/* .page-header 예외처리 */
.gate_tile .page-header {padding:80px 0 56px}




.sub-nav {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px 30px;
  justify-content: space-between;
  margin-bottom: 55px;
}

@media (min-width: 768px) {
  .sub-nav {
    flex-direction: row;
  }
}

.sub-nav .breadcrumbs {
  margin: 0;
}

.sub-nav .search-container {
  max-width: 300px;
  width: 100%;
}

@media (min-width: 768px) {
  .sub-nav .search-container {
    flex: 0 1 300px;
  }
}

.sub-nav input[type="search"]::after {
  font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.blocks-item {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 calc(25% - 18px); 
  background: #fff; 
  height: 268px; 
  border: 1px solid #E5E8EB;
  border-radius: 6px; 
  transition: box-shadow .2s;
}

.blocks-item:hover{box-shadow: 0px 10px 12px rgba(179, 183, 187, 0.5);}

.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}

.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}

.blocks-item-internal a {
  color: #2F3941;
}

.blocks-item-link {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 48px 32px 0;
  white-space: pre;
}

.blocks-item-link > img {width: 44px; height: 44px;}

.blocks-item-link:focus {
  outline: 0;
  text-decoration: none;
}

.blocks-item-title {
  margin-top: 14px; 
  font-size: 24px; 
  font-weight: 700; 
  line-height: 32px; 
  color: #4E5968;
}

.blocks-item-description {
  font-size: 16px; 
  font-weight: 500; 
  line-height: 26px; 
  letter-spacing: -0.04em; 
  color: #636B75; 
  white-space: break-spaces;
}

.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

/***** Promoted articles *****/
.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.promoted-articles-item {
  flex: 1 0 auto;
}

  [dir="rtl"] .promoted-articles-item {
    padding: 0 0 0 30px;
  }
}

.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}

.promoted-articles-item a {
  display: block;
  border-bottom: 1px solid #ddd;
}

.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}

/***** Community section in homepage *****/
.community {
  text-align: center;
}

.community-image {
  min-height: 300px;
  margin-top: 32px;
  background-image: url(/hc/theming_assets/01HZKXB9P06G90J5KDK4XDX3EB);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}

.community a {
  color: #1F73B7;
  text-decoration: underline;
}

.community a:visited {
  color: #9358B0;
}

.community a:hover, .community a:active, .community a:focus {
  color: #0F3554;
}

/* .community,
.activity {
  border-top: 1px solid #ddd;
  padding: 30px 0;
} */

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}

.recent-activity-list {
  padding: 0;
}

.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}

.recent-activity-item-parent {
  font-size: 16px;
  font-weight: 600;
}

.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}

.recent-activity-item-link {
  font-size: 14px;
}

.recent-activity-item-meta {
  color: #2F3941;
  margin: 15px 0 0 0;
  float: none;
}

@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }
  [dir="rtl"] .recent-activity-item-meta {
    float: left;
  }
}

.recent-activity-item-time, .recent-activity-item-comment {
  display: inline-block;
  font-size: 13px;
}

.recent-activity-item-comment {
  padding-left: 5px;
}

[dir="rtl"] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}

.recent-activity-item-comment::before {
  display: inline-block;
}

.recent-activity-controls {
  padding-top: 15px;
}

.recent-activity-controls a {
  color: #1F73B7;
  text-decoration: underline;
}

.recent-activity-controls a:visited {
  color: #9358B0;
}

.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: #0F3554;
}

.recent-activity-accessibility-label {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: #17494D;
  width: 16px;
  height: 16px;
}

.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}

[dir="rtl"] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category pages *****/
.section-tree {display:flex;justify-content:center;padding-top:80px;padding-bottom:120px}
.section-tree .inner {display:flex;flex-direction: column;row-gap:84px;width:1200px}
.gate_column .wrap_filter {display:flex;justify-content:space-between}
.gate_column .section-tree .inner {row-gap:32px}
.gate_column section:not(:first-of-type) {display:none}
.gate_product_guide .section-tree section h2 {display:flex;align-items:center;column-gap:10px}
.gate_product_guide .section-tree section h2>a {font-size:32px;line-height:42px;color:#333D4B;pointer-events:none;cursor:default}
.gate_product_guide .section-tree section h2 img {width:32px;height:32px}
.gate_product_guide .section-tree .inner .article-list {display:flex;row-gap:16px;flex-flow:wrap;column-gap:56px;margin-top:16px;padding-top:24px;border-top:1px solid #E5E8EB}
.gate_product_guide .section-tree .inner .article-list li {width:calc(33.33% - 48px)}

.gate_product_guide .section-tree .inner .article-list li a {display:inline-block;max-width:100%;font-size:16px;line-height:24px;color:#333D4B;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:break-all;position:relative;transition:color .2s}
.gate_product_guide .section-tree .inner .article-list li a:after {content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background-color:transparent;transition:background-color .2s}
.gate_product_guide .section-tree .inner .article-list li a:hover {color:#3671E3}
.gate_product_guide .section-tree .inner .article-list li a:hover:after {background-color:#3671E3}
.gate_column .wrap_pagination{margin-top: 64px;}


.gate_tile .section-tree {padding-top:0;background-color:#F6F7F9}
.gate_tile .section-tree .inner {row-gap:32px}


/* 제품 매뉴얼 - 필터*/
.list_tab {display:flex;column-gap:6px;}
.list_tab li a {background-color:#fff;border:1px solid #E5E8EB;border-radius:4px;min-width:76px;height:48px;line-height:48px;padding:0 24px;font-size:16px;color:#333D4B;text-align:center;user-select: none;}
.list_tab li.checked a {background-color:#333D4B;border-color:#333D4B;color:#fff}

/* 제품 리스트 공통 스타일 */
.list_content_product {display:flex;gap:24px;flex-wrap:wrap}
.list_content_product > li {width:220px;height:190px;border:1px solid #E5E8EB;background-color:#fff;transition:.3s}
.list_content_product > li:hover {box-shadow:0 15px 20px rgba(179, 183, 187, 0.6)}
.list_content_product > li a {height:100%;padding:24px;position:relative}
.list_content_product > li img {width:40px;height:40px}
.list_content_product > li strong {margin-top:10px;font-size:20px;line-height:28px;color:#333D4B}
.list_content_product > li span {display:block;margin:4px 0 auto;color:#6B7684}
.list_content_product > li em {position:absolute;right:24px;bottom:24px;padding-right:24px;font-size:14px;color:#191F28;line-height:24px;transition:.3s}
.list_content_product > li em:after {content:'';position:absolute;right:9px;top:50%;width:7px;height:7px;transform:translateY(-50%) rotateZ(45deg);border-right:1.2px solid #191F28;border-top:1.2px solid #191F28;transition:.3s}
.list_content_product > li:hover em {color:#1C7ED6}
.list_content_product > li:hover em:after {border-color:#1C7ED6}

.list_content_product > li.dimmed_state,
.list_content_product > li.dimmed_state:hover{box-shadow:none}
.list_content_product > li.dimmed_state a{user-select: none; cursor:default;}
.list_content_product > li.dimmed_state img {filter: grayscale(100%)}
.list_content_product > li.dimmed_state strong {color: #8B95A1}
.list_content_product > li.dimmed_state em {color: #8B95A1}
.list_content_product > li.dimmed_state em:after{border-color:#8B95A1}

/* 전문가칼럼 리스트 공통 스타일 */
.list_content_column {display:flex;column-gap:24px;row-gap:40px;flex-wrap:wrap}
.list_content_column>li {width:384px;height:395px;transition:box-shadow .2s; border:1px solid #E5E8EB;}
.list_content_column>li:hover{box-shadow: 0px 15px 20px rgba(179, 183, 187, 0.6);}
.list_content_column>li img {width:100%;height:220px;}
.list_content_column>li .info {height:175px;padding:24px 32px 0;}
.list_content_column>li .info strong {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:8px;line-height:28px;max-height:56px;font-size:20px;color:#333D4B;overflow:hidden}
.list_content_column>li .info .detail {display:flex;align-items:center;column-gap:10px;margin-top:16px}
.list_content_column>li .info .detail em {color:#0EA56E;line-height:22px;position:relative}
.list_content_column>li .info .detail em i {vertical-align:top;margin:3px 2px 0 0;}
.list_content_column>li .info .detail em:before {content:'';position:absolute;left:-5px;top:50%;transform:translateY(-1px);width:2px;height:2px;background-color:#8B95A1}

.list_content_column li .info .label {display:inline-block;font-size:12px;line-height:18px;padding:0 6px;}
.list_content_column li .info .label.buildingDesign {color:#E64A9A;background-color:#FFECF6}
.list_content_column li .info .label.buildingStructure {color:#DF343E;background-color:#FFEDE2}
.list_content_column li .info .label.bridge {color:#2F72F2;background-color:#E3EEFD}
.list_content_column li .info .label.geotech {color:#E56015;background-color:#FFF2DF}
.list_content_column li .info .label.mech {color:#00895C;background-color:#E6F4EF}
.list_content_column li .info .label.cad {color:#A100DA;background-color:#F5E6F9}


/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}
.gate_column .section-container {display:block}
.gate_column h2.section-tree-title {font-size:0;height:0;overflow:hidden}

.section-content {
  flex: 1;
}

.section-tree-title{font-weight: 700; font-size: 32px; line-height: 42px; color: #333D4B;}

@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 80%;
  }
}

.section-list {
  margin: 40px 0;
}


.section-list-item {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding: 15px 0;
}



/* .section-list-item:first-child {
  border-top: 1px solid #ddd;
}
 */
.section-list-item a {
  align-items: center;
  color: #2F3941;
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}

.see-all-sections-trigger[aria-hidden="true"] {
  display: none;
}



/***** Attachments *****/
.attachments {flex-flow:wrap}
.container_attachments {margin-top:32px}
.container_attachments em {display:block;margin-bottom:8px;font-size:16px;color:#4e5968}
.container_attachments em svg {display:inline-block;vertical-align:top;height:24px}
.container_attachments .attachments .attachment-item {margin-bottom:0}
/* .container_attachments .attachments .attachment-item a span */
.container_attachments li a {display:flex !important;align-items:center;column-gap:6px}
.container_attachments li span {display:block;max-width:168px;font-size:15px;line-height:24px;color:#4e5968;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.container_attachments li img {width:16px;height:16px}
.container_attachments li .meta-data.size {font-size:12px;line-height:18px;color:#8B95A1}


/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.view_article .attachments .attachment-item {padding-left:0;padding-right:20px}

.attachments .attachment-item:last-child {
  margin-bottom: 0;
}

.attachments .attachment-item .attachment-icon {
  color: #2F3941;
  left: 0;
  position: absolute;
  top: 5px;
}


[dir="rtl"] .attachments .attachment-item .attachment-icon {
  left: auto;
  right: 0;
}

.upload-dropzone span {
  color: #5a6d7c;
}

/***** Social share links *****/
.wrap_share button{background: #E5E8EB; width: 40px; height: 40px; border-radius: 50%; border: 0; color: #2B3948; line-height: 40px; font-weight: 400; font-size: 16px;}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid #E5E8EB;
}

.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
}

.comment-callout {
  color: #5a6d7c;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: #1F73B7;
  text-decoration: underline;
}

.comment-callout a:visited {
  color: #9358B0;
}

.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: #0F3554;
}

.comment-sorter {
  display: inline-block;
  float: right;
}

[dir="rtl"] .comment-sorter {
  float: left;
}

.comment-wrapper {
  position: relative;
}

.comment-author {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  margin-bottom: 20px;
}

[dir="rtl"] .comment-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.comment-labels {
  flex-basis: 100%;
}

@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}

.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}

.comment-form {
  display: flex;
  column-gap: 24px;
  word-wrap: break-word;
}

.comment-container {
  width: 100%;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}

@media (min-width: 768px) {
  [dir="ltr"] .comment-form-controls {
    text-align: right;
  }
}

.comment-form-controls input[type="submit"] {
  margin-top: 15px;
}

@media (min-width: 1024px) {
  .comment-form-controls input[type="submit"] {
    margin-left: 15px;
  }
  [dir="rtl"] .comment-form-controls input[type="submit"] {
    margin-left: 0;
    margin-right: 15px;
  }
}

.comment-form-controls input[type="checkbox"] {
  margin-right: 5px;
}

.comment-form-controls input[type="checkbox"] [dir="rtl"] {
  margin-left: 5px;
}

.comment-ccs {
  display: none;
}

.comment-ccs + textarea {
  margin-top: 10px;
}

.comment-attachments {
  margin-top: 10px;
}

.comment-attachments a {
  color: #17494D;
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}

.comment-body a {
  color: #1F73B7;
  text-decoration: underline;
}

.comment-body a:visited {
  color: #9358B0;
}

.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: #0F3554;
}

.comment-body img {
  height: auto;
  max-width: 100%;
  width: auto;
}

.comment-body ul,
.comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .comment-body ul, [dir="rtl"]
.comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol {
  margin: 0;
}

.comment-body ul {
  list-style-type: disc;
}

.comment-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.comment-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #5a6d7c;
  font-style: italic;
  padding: 0 15px;
}

.comment-mark-as-solved {
  display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: #5a6d7c;
  display: block;
}

[dir="rtl"] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up svg {
  transform: scale(1, -1);
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #5a6d7c;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: #17494D;
}

.vote-voted:hover {
  color: #000;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari*/
}

.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01HZKXB9GMASE5EH46S1J6CGKD);
  margin-bottom: 10px;
}

.community-footer {
  padding-top: 50px;
  text-align: center;
}

.community-footer-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}

.community-featured-posts, .community-activity {
  padding-top: 40px;
  width: 100%;
}

.post-to-community {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .post-to-community {
    margin: 0;
  }
}

/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}

.topics-item .meta-group {
  justify-content: center;
  margin-top: 20px;
}

/* Community topic page */

.topic-header .dropdown {
  display: block;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
}

.no-posts-with-filter {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow button {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow button {
    width: auto;
  }
}

.community-follow button:hover {
  background-color: #17494D;
}

.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.community-follow button[data-selected="true"] {
  background-color: #17494D;
  color: #FFFFFF;
}

.community-follow button[data-selected="true"]::after {
  border-left: 1px solid #FFFFFF;
  color: #FFFFFF;
}

.community-follow button::after {
  border-left: 1px solid #17494D;
  content: attr(data-follower-count);
  color: #17494D;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}

[dir="rtl"] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid #17494D;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}

.striped-list .meta-group {
  margin: 5px 0;
}

.striped-list-count {
  color: #5a6d7c;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    justify-content: space-around;
  }
}

.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}

.striped-list-count-item:last-child::after {
  display: none;
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {display:inline-block;width:48px;height:24px;vertical-align:middle;border-radius: 4px;color: #fff;font-size: 12px;line-height:24px;font-weight: 500;text-align:center;}

.topic .status-label-pinned{background:transparent url(/hc/theming_assets/01HZKX9JDRZMXQDR3BQC9ESSN4) no-repeat center / contain; width: 11px; margin-right:6px;}
.post .status-label-pinned{background:transparent url(/hc/theming_assets/01HZKX9JDRZMXQDR3BQC9ESSN4) no-repeat center / contain; width: 15px; padding: 0;}
.topic .status-label:not(.status-label-pinned), .post .status-label:not(.status-label-pinned){background-color:#FFF2DF; width: auto; padding: 0 8px; font-weight: 500; font-size: 13px; color: #F26313;}
.topic .status-label.status-label-featured, .post .status-label.status-label-featured{background-color: #E6F4EF; color: #00895C;}
.topic .status-label.status-label-completed, .post .status-label.status-label-completed{background-color:#E5E8EB;color:#5B6573;}
.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}

[dir="rtl"] .status-label-official {
  left: 30px;
  right: auto;
}

.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: #5a6d7c;
}

.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}

.status-label-open {color:#E3EEFD;background-color: #c72a1c;}
.status-label-solved {color:#5B6573;background-color:#E5E8EB}

.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}

.status-label-hold {
  background-color: #000;
}

.status-label-request {
  width:auto;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select:none;
}
.my-activities-table.requests-table .requests-table-status .status-label {background-color:#DEF7E5;color:#00895C;}
.my-activities-table.requests-table .requests-table-status .status-label-open {background-color:#E3EEFD;color:#3671E3}
.my-activities-table.requests-table .requests-table-status .status-label-solved {background-color:#E5E8EB;color:#5B6573}

@media (max-width: 768px) {
  .status-label-request {
    max-width: 150px;
  }
}

/***** Post *****/
@media (min-width: 768px) {
  
.post-body a {
  color: #1F73B7;
  text-decoration: underline;
}

.post-body a:visited {
  color: #9358B0;
}

.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: #0F3554;
}

.post-body img {
  height: auto;
  max-width: 100%;
}

.post-body ul,
.post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .post-body ul, [dir="rtl"]
.post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.post-body ul > ul,
.post-body ol > ol,
.post-body ol > ul,
.post-body ul > ol,
.post-body li > ul,
.post-body li > ol {
  margin: 0;
}

.post-body ul {
  list-style-type: disc;
}

.post-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.post-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #5a6d7c;
  font-style: italic;
  padding: 0 15px;
}

.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.post-comment-count {
  color: #5a6d7c;
}

.post-comment-count:hover {
  text-decoration: none;
}

.post-comment-count .icon-comments {
  color: #17494D;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}

.post-sidebar {
  border-top: 1px solid #ddd;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
  }
  [dir="rtl"] .post-sidebar {
    padding: 0 50px 0 0;
  }
}

.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}
  
/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-flex;
  line-height: 18px;
  vertical-align: middle;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
}

.community-name-and-title-badges {
  display: flex;
  flex-wrap: wrap;
}

.profile-info .community-badge-achievements {
  height: 40px;
  width: 40px;
}

.community-title-badges {
  flex-basis: 100%;
  margin-top: 15px;
}

.community-badge-achievements-rest {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
}

.community-badge-achievements img {
  width: 100%;
  height: 100%;
}

.community-badge-titles img {
  width: 20px;
  height: 20px;
}

.profile-info .community-badge-achievements-rest {
  line-height: 40px;
  font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
  text-wrap: nowrap;
}
.my-activities-nav {display:flex;justify-content:center;}
.my-activities-nav .container {width:1200px}
.my-activities-nav + .container {width:1200px;margin:80px auto 0;padding-bottom:118px;}
.my-activities-nav + .container .no-activities{padding:32px 0 2px;font-weight: 500;font-size: 18px;line-height: 27px;text-align: center;letter-spacing: -0.03em;color: #4E5968;border-top: 1px solid #8B95A1;}
.my-activities-nav .collapsible-nav {display:flex;column-gap:216px;}
.my-activities-nav .collapsible-nav-list {column-gap:32px}
.my-activities-nav .collapsible-nav span {width:100px;line-height:72px;font-size:16px;color:#191F28}
.my-activities-nav .collapsible-nav-list li {border:none;border-radius:0}
.my-activities-nav .collapsible-nav-list li.current {background-color:transparent}
.my-activities-nav .collapsible-nav-list li.current a {color:#191F28}
.my-activities-nav .collapsible-nav-list li a {padding:0;line-height:72px;font-size:14px;color:#6B7684}

.my-activities-header.following {display:flex;justify-content:space-between}
.my-activities-header h1 {margin-bottom:32px}

@media (min-width: 768px) {
  .collapsible-nav {
    flex-direction: row;
  }
}

/* .collapsible-nav-border {border-bottom: 1px solid #ddd;border-top: 1px solid #ddd}
@media (min-width: 768px) {
  .collapsible-nav-border {border-top: 0}
} */

.collapsible-nav-toggle {
  top: calc(45px / 2);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-nav-toggle {
  left: 0;
  right: auto;
}

.collapsible-nav-toggle-icon {
  display: none;
}

.collapsible-nav-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-nav-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid #17494D;
}

.collapsible-nav-list {display: flex;column-gap:6px}
.collapsible-nav-list li {border:1px solid #E5E8EB;border-radius:4px;background-color:transparent}
.collapsible-nav-list li a {padding:0 24px;line-height:48px;font-size:16px;font-weight:500;}

.collapsible-nav-list li.current {background-color:#333D4B}
.collapsible-nav-list li.current a {color:#fff}


/* 
.collapsible-nav-list li:not([aria-selected="true"]),
.collapsible-nav-list li:not(.current) {
  display: none;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:not([aria-selected="true"]),
  .collapsible-nav-list li:not(.current) {
    display: block;
  }
}
 */

.collapsible-nav[aria-expanded="true"] li:not([aria-selected="true"]),
.collapsible-nav[aria-expanded="true"] li:not(.current) {
  display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}

@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}

.collapsible-sidebar-title {
  margin-top: 0;
}

.collapsible-sidebar-toggle {
  position: absolute;
  top: calc(45px / 2);
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}

.collapsible-sidebar-toggle-icon {
  display: none;
}

.collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid #17494D;
}

.collapsible-sidebar-body {
  display: none;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}

.collapsible-sidebar[aria-expanded="true"] {
  max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {background-color: #F5F7FA;}
.my-activities-sub-nav {display:flex;justify-content:space-between;margin-bottom:24px;}
.my-activities-sub-nav .request-table-filter>label {display:none}
.my-activities-sub-nav .search svg {display:none}
.my-activities-sub-nav .search input[type="search"] {width:282px;height:46px;padding-left:24px;border:1px solid transparent;background:url(//theme.zdassets.com/theme_assets/9788132/bd443b571d6f1920388b8b92499aa84a7c3c574b.svg) no-repeat right 25px center / 25px auto}
/* .my-activities-sub-nav .search:after {content:'';position:absolute;top:0;right:0;width:5px;height:5px;background-color:red}  */
.my-activities-sub-nav .request-table-filter {height:48px}
.my-activities-sub-nav .request-table-filter select {height:48px;font-family:'pretendard',sans-serif;font-weight:500}
.my-activities-sub-nav .requests-table-toolbar select,
.my-activities-following-header .dropdown {width:192px;max-height:none;border-radius:4px;border:1px solid #E5E8EB;color:#6B7684;padding:8px 48px 8px 24px}
.my-activities-following-header .dropdown {height:48px;margin-bottom:24px;padding:0}
.my-activities-following-header .dropdown button {width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.my-activities-following-header .dropdown button svg {margin-left:12px}
.my-activities-following-header .dropdown .dropdown-menu {top:48px}
.my-activities-following-header {display:flex;align-items:end;height:auto}
.my-activities-header.following h1 {margin-bottom:104px}


.requests .table tr {border-bottom:1px solid #e5e8eb}
.requests .requests-table thead tr th,
.requests .contributions-table thead tr th,
.requests .subscriptions-table thead tr th {padding:0;color:#6B7684;line-height:64px;height:64px;border-top:1px solid #8B95A1;border-bottom:1px solid #E5E8EB;background-color:#F9FAFC}
.requests .subscriptions-table thead tr th:not(:last-child) {padding-right:120px}
.requests .requests-table thead tr th:first-child,
.requests .contributions-table thead tr th:first-child,
.requests .subscriptions-table thead tr th:first-child {width:704px;padding-left:16px;box-sizing:border-box}
.requests .subscriptions-table thead tr th:first-child {width:868px}
.requests .subscriptions-table thead tr th:nth-child(2) {width:220px}
.requests .requests-table tr td,
.requests .contributions-table tr td,
.requests .subscriptions-table tr td {height:64px;padding:0;line-height:64px;font-size:13px;color:#687684}
  
  
.request_cc_emails ul[data-hc-pills-container] {height:60px;padding:0 16px;border-color:#E5E8EB}
.request_cc_emails ul[data-hc-pills-container] li,
.request_anonymous_requester_email {height:inherit;margin:0;line-height:60px}
.request_cc_emails ul[data-hc-pills-container] li input {padding:0;height:60px;line-height:60px;border-radius:0}
.request_anonymous_requester_email input {padding:0;height:60px;line-height:60px;border-radius:0}
.request_cc_emails ul[data-hc-pills-container] li[data-hc-pill=true][aria-invalid=true] {background:none;border:none}
.request_cc_emails ul[data-hc-pills-container] li[data-hc-pill=true]>span:not([aria-label=close]) {font-size:15px}
.request_cc_emails ul[data-hc-pills-container] li[data-hc-pill=true]>span[aria-label=close]::before {font-size:15px}
/* .requests .contributions-table thead tr th {width:100px}
.requests .contributions-table thead tr th:nth-child(3) {width:76px} */

.requests .wrap_pagination {margin: 64px 0 118px}
  
.my-activities-table .striped-list-title {display: block;margin-bottom: 0;max-width: 574px;min-width: 350px;padding-left:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:16px;color:#333D4B;}
/* 
.my-activities-table thead {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}
 */
/* .my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}

@media (min-width: 1024px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}

.my-activities-table td:not(:first-child) {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
} */

/* Requests table */
.requests-search {
  width: 100%;
}

.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}

.requests-table-toolbar .search {flex: 1;width: 100%;border:1px solid #E5E8EB;border-radius:4px;overflow:hidden}


.requests-table-toolbar .request-table-filter {
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}

.requests-table-toolbar .request-filter {margin-left:6px}
.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}

.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}


.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}

.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}

.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}

.requests-table-toolbar + .requests {
  margin-top: 40px;
}

.requests .requests-table-meta {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}

.requests .requests-table thead {
  display: none;
}

@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}

.requests .requests-table-info {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}

.requests .requests-table .requests-link {
  position: relative;
}

.requests .requests-table .requests-link{display:flex;align-items:center;column-gap:4px;}
.requests .requests-table .requests-link .requests-sort-symbol{width:10px;font-size:0;}
.requests .requests-table .requests-link[href$="asc"] .requests-sort-symbol{background:url(/hc/theming_assets/01HZKX9PWDGR512KG1EPDGW3GW) no-repeat center / 100% auto;}
.requests .requests-table .requests-link[href$="desc"] .requests-sort-symbol{background:url(/hc/theming_assets/01HZKX9PQW4N7QT04PSS2RYF30) no-repeat center / 100% auto;}

/* Following table */
.subscriptions-subscribe button {width:96px;height:40px;padding:0;line-height:40px;font-size:0;border:1px solid #3671E3;border-radius:4px;background-color:transparent;position:relative;transition:background-color .2s}
.subscriptions-subscribe button:before {content:'즐겨찾기 해제';position:absolute;top:0;left:50%;width:98px;transform:translateX(-50%);font-family:'pretendard',sans-serif;font-size:13px;font-weight:500;color:#3671E3;box-sizing:border-box;}
/* .subscriptions-subscribe button:after {display:block;content:'\ea16';position:absolute;right:6px;top:0px;font-family:xeicon;font-size:16px;color:#3671E3;font-weight:400} */
/* .subscriptions-subscribe button[data-selected='true']:after {display:none} */
.subscriptions-subscribe button[data-selected='true'] {background:#3671E3 url(/hc/theming_assets/01HZKX9QH2Y1W260E7ZWXQSFES) no-repeat right 12px center / 8px 4px;}
.subscriptions-subscribe button[data-selected='true']:before {content:'즐겨찾기 됨';color:#fff;display:block;padding-right:20px;}
/* .subscriptions-subscribe button[data-selected='true']:after {display:none;content:'\ea0f';top:0;right:20px;color:#fff} */
.subscriptions-table td:last-child {display: block}

@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}

.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}

.subscriptions-table .user-avatar {
  margin-right: 10px;
}

.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

.contribution .collapsible-nav-list li:last-child {display:none}

/* Contributions table */
.contributions-table td:last-child {
  color: #5a6d7c;
  font-size: 13px;
}

@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #5a6d7c;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}

.request-container .comment-container {
  min-width: 0;
}

.request-breadcrumbs {
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}

.request-main {
  flex: 1 0 auto;
  order: 1;
}

.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}

.request-main .comment-fields.shown {
  display: block;
}

.request-main .request-submit-comment.shown {
  display: inline;
}

.request-submit-comment input {cursor:pointer}  
  
@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}

.request-main .comment-form-controls {
  display: block;
}

.request-main .comment-ccs {
  display: block;
}

.request-main .comment-show-container {
  background-color:#fff;
  width: 100%;
  height: 56px;
  padding: 0 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 56px;
	letter-spacing: -0.03em;
	color: #8B95A1;
  text-align: left;
  border: 1px solid #E5E8EB;
  border-radius: 4px;
}

.request-main .comment-show-container.hidden {
  display: none;
}

.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
  border: 1px solid #17494D;
}

.request-main .form-field.comment-ccs > input[type="text"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid #17494D;
}

.request-main input#mark_as_solved {
  display: none;
}

.my-activities-nav + .section-tree {padding-top:0}
.my-activities-nav + .container h1 {margin-bottom:24px;font-size:32px;line-height:40px;color:#191f28}
.satisfaction-box {margin:0 0 24px 0;padding:20px;border:1px solid #e5e8eb;background-color:#fcfcfc}

  
.satisfaction-box .edit_satisfaction_rating {margin-top:8px}
.satisfaction-box .edit_satisfaction_rating + h4 {margin-top:18px}
.satisfaction-box .edit_satisfaction_rating + h4 + p {margin-top:4px}
.satisfaction-box .satisfaction-link-box .satisfaction-link-change {margin:12px 0 0 0;width:auto;height:24px;line-height:24px;border:none;color:#1369e9}
  
.satisfaction-box .new_satisfaction_rating {margin-top:8px}
.satisfaction-box h4 {font-size:16px;line-height:24px;color:#333d4b;}
.satisfaction-box input[type="radio"]~label {display:inline-block;min-width:120px;height:48px;margin:0;padding:0 20px;line-height:48px;font-size:16px;color:#333D4B;text-align:center;border-color:#d1d6db;cursor:pointer}
.satisfaction-box input[type="radio"][value="bad"]+label {margin-left:6px}
.satisfaction-box input[type="radio"][value="good"]+label:hover,
.satisfaction-box input[type="radio"][value="bad"]+label:hover {border-color:#d1d6db;color:#333d4b}
.satisfaction-box input[type="radio"][checked="checked"][value="good"]+label,
.satisfaction-box input[type="radio"][checked="checked"][value="bad"]+label {color:#fff;border-color:#d1d6db;background-color:#333d4b;cursor:pointer}
.satisfaction-box input[type="radio"][checked="checked"][value="bad"]~div.satisfaction-reason select {height:48px;padding-left:16px;background:url(/hc/theming_assets/01HZKX9WX3RVT38B9KY4CX5BEH) no-repeat;background-size:48px;background-position:top right}
.satisfaction-box input[type="radio"][checked="checked"][value="bad"]~div.satisfaction-reason select:focus {border-color:#1369E9}
.satisfaction-box input[type="radio"][checked="checked"][value="bad"]~div.satisfaction-reason,
.satisfaction-box input[type="radio"][checked="checked"]~div.satisfaction-comment {margin-top:18px}
.satisfaction-box .satisfaction-reason .form-field label,
.satisfaction-box .satisfaction-comment .form-field label {margin-bottom:8px;font-size:14px;line-height:20px;color:#333d4b}
/* .satisfaction-box input[type="radio"][checked="checked"][value="good"]+label:hover,
.satisfaction-box input[type="radio"][checked="checked"][value="bad"]+label:hover {border-color:#333d4b}   */
.satisfaction-box .satisfaction-comment textarea {margin-bottom:20px}
.satisfaction-box .satisfaction-comment textarea:focus {border-color:#1369E9}
.satisfaction-box .satisfaction-link-box {display:flex}
.satisfaction-box .satisfaction-link-box a,
.satisfaction-box .satisfaction-link-box input {min-width:120px;height:48px;line-height:48px;font-size:16px;text-align:center;background-color:#fff}
.satisfaction-box .satisfaction-link-box a {margin-left:auto;border:1px solid #D1D6DB;border-radius:4px;color:#333D4B}
.satisfaction-box .satisfaction-link-box input {margin-left:6px;padding:0 20px;border:1px solid #1369E9;border-radius:4px;color:#1369E9;cursor:pointer}

.my-activities-nav + .container .request-sidebar {top:0} 
  
.container_attachments .attachments { display:flex; gap: 4px}
.container_attachments .attachments li { display:flex; align-items:center; height:48px; width:fit-content; max-width:300px; border:1px solid #D1D6DB; border-radius:4px }
.container_attachments .attachments li a {height:48px; line-height:48px; padding: 0 16px}
  
  
.request-title {
  width: 100%;
}

@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}

.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  order: 0;
}

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #f7f7f7;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}

.request-sidebar h2 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

@media (min-width: 1024px) {
  .request-sidebar h2 {
    display: none;
  }
}

.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

.request-details:last-child {
  border: 0;
}

.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}

.request-details dd {
  padding: 0 10px;
  width: 60%;
}

.request-details dd::after {
  content: "\A";
  white-space: pre;
}

.request-details dt {
  color: #5a6d7c;
  width: 40%;
}

.request-details .request-collaborators {
  display: inline-block;
}

.request-attachments dt, .request-attachments dd {
  width: 100%;
}

.request-attachments dd {
  margin: 10px 0 0 0;
}

.request-form textarea {
  min-height: 120px;
}

.request-follow-up {
  padding-top: 20px;
}

/***** Pagination *****/
.pagination{margin-top:56px;}
.pagination-list{display:flex;justify-content:center;column-gap:12px;}
.pagination-list a{display:flex;column-gap:10px;align-items:center}
.pagination-list a:hover [class$="text"]{color: #3671E3;}
.pagination-list [class$="text"]{font-weight: 500;font-size: 14px;line-height: 24px;color: #8B95A1;}
.pagination-list [class$="icon"]{display:flex;align-items:center}
.pagination-prev + .pagination-next{margin-left:8px;}
  
/* User Profiles */
/* .profile-header */
.profile-header {display:flex;align-items:center;flex-direction:column;margin-bottom:80px;padding-top:80px;background-color:#F9FAFC}
.profile-header .container {display: flex;align-items:center;width:100%;flex-flow:column wrap;row-gap:32px}
.profile-header .container .inner {width:1200px}
.profile-header .container h1 {font-size:48px;font-weight:700;line-height:58px;color:#181F2B}
/*
.profile-header .inner p {margin-top:16px;font-size:16px;font-weight:500;line-height:26px;color:#636B75}
 */



.profile-header .profile-info {flex-basis: 100%;display: flex;margin:32px 0}
.profile-header .profile-info button{height:60px;padding: 0 32px;border:1px solid #3671E3;border-radius:4px;background-color:transparent;font-size:16px;font-weight:500;color:#3671E3;cursor:pointer}
/* .profile-header .profile-info button[data-action="edit-profile"]+button {display:none} */

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 10px;
}

[dir="rtl"] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-avatar .user-avatar {width:72px;height:72px}

.profile-avatar .icon-agent {
  bottom: 0;
  right: 0;
}

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  padding:8px 0;
}

.profile-header .basic-info .name a {font-size:20px;line-height: 24px;font-weight:bold}

.user-profile-actions {
  width: 100%;
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 15px 0;
  flex-basis: 100%;
}

.profile-header .wrap_stats {display:flex;justify-content:center;width:100%;border-top:1px solid #E5E8EB;border-bottom:1px solid #E5E8EB;background-color:#F5F7FA}

.profile-stats {width:1200px;display:flex;column-gap:72px;padding:32px 0}

.profile-stats .stat {display: flex;flex-direction:column;}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}

@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }
  [dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}


.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px #17494D;
  border-radius: 4px;
  color: #17494D;
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}

@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {display:flex;justify-content:center;width:100%}
.profile-nav .container {width:1200px;;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #D1D6DB}
.profile-section {width: 1200px;margin:0 auto 120px;position:relative}


.profile-section-header {display: flex;flex-wrap: wrap;justify-content:flex-end;position:absolute;top:-96px;right:0}
.profile-section-header .dropdown-chevron-icon {margin-left:8px}
.profile-section-header .dropdown-menu {width:160px;min-width:unset}  
.profile-section-header .dropdown-menu [role="menuitem"]:hover {background-color:#F5F7FA}
.profile-section-title {
  flex-basis: 100%;
  margin-bottom: 0;
}

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: #5a6d7c;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {display:flex;align-items:center;column-gap:11px;padding: 0 24px;width: 160px;height:48px;font-size:14px;color:#687684;font-weight:500;line-height:48px;letter-spacing:-0.03em;border:1px solid #E5E8EB;border-radius:4px}

.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}

[dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}

@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}

@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir="rtl"] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-badges-item {display: flex;flex-direction:row;justify-content: space-between;align-items: center;padding: 32px}

/* .profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
} */

.profile-badges-item-image {
  height: 22px;
  width: 22px;
  border-radius:50%;
}

.profile-badges-item-title {
  display:flex;
  align-items:center;
  column-gap: 4px;
  background: #F6F7F9;
  height:34px;
  padding: 0 10px;
  border: 1px solid #F0F0F0;
  border-radius: 6px;
  font-weight: 400;
	font-size: 16px;
	letter-spacing: -0.03em;
	color: #4E5968;
}

.profile-badges-item-metadata {font-weight: 400;font-size: 14px;color: #8B95A1;}


.profile-contribution-title {
  display: inline;
  line-height: 21px;
  font-size: 15px;
  vertical-align: middle;
}

.profile-contribution-body {
  margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {border-top: 1px solid #eee;position:relative}

@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
  }
  [dir="rtl"] .profile-contribution-list > .profile-contribution {
    padding-right: 30px;
    padding-left: 0;
  }
}

.profile-contribution-list > .profile-contribution:last-child {
  border-bottom: 1px solid #eee;
}

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}

[dir="rtl"] .profile-contribution-icon {
  right: 0;
}

.profile-contribution-icon svg {
  vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}

[dir="rtl"] .profile-contribution-list .profile-contribution-header {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}

[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
  [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

.private-activity-icon {
  margin-right: 10px;
}

[dir="rtl"] .private-activity-icon {
  margin-right: 0;
  margin-left: 10px;
}

/****** 프로필 공통 ******/
.profile-badges-item,
.profile-contribution {position:relative;padding:32px;border:1px solid #E5E8EB;background-color:#FCFCFC}
.profile-activity-list>li+li,
.profile-activity + .profile-activity,
.profile-badges-item + .profile-badges-item,
.profile-contribution + .profile-contribution {margin-top:16px}

.profile-activity .breadcrumbs {display:none}
.profile-section a {font-size:16px;font-weight:500;color:#3671E3;line-height:24px}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}

[dir="rtl"] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}

@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}

[dir="rtl"] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.profile-activity-description span:first-child {
  font-weight: 600;
  display: inline;
}


.profile-activity-icon {
  display:none;
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}

[dir="rtl"] .profile-activity-icon {
  right: 0;
}

@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }
  [dir="rtl"] .profile-activity-icon {
    right: -14px;
  }
}

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

.profile-section .meta-group {display:flex;align-items:center;position:relative}

/***** 프로필 편집 모달팝업 *****/
.qVKOROCfmRcKvEJqFmg_6o_LU9XfI5Wp {display:none}

/***** Search results *****/
.search-results {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.search-results-column {
  flex: 1;
}

@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 75%;
  }
}

.search-results-sidebar {
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 260px;
    height: auto;
  }
}

.search-results-sidebar .sidenav-item {
  border-radius: 4px;
  padding: 10px 36px;
  margin-bottom: 4px;
  color: #2F3941;
}

.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  text-decoration: none;
}

.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}

.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}

.search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
  display: none;
}

@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
    display: block;
  }
}

.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n + 6) {
  display: none;
}

.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}

.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #1F73B7;
}

.search-results-sidebar .see-all-filters[aria-hidden="true"] {
  display: none;
}

.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}

.search-results-sidebar .see-all-filters::after {
  content: ' \2304';
  font-weight: bold;
}

.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}

.search-results-list {
  margin-bottom: 25px;
}

.search-results-list > li {
  padding: 20px 0;
}

.search-results-list > li:first-child {
  border-top: 1px solid #ddd;
}

.search-results-list > li h2 {
  margin-bottom: 0;
}

.search-results .meta-group {
  display: block;
  align-items: center;
  clear: both;
  color: #666;
}

@media (min-width: 1024px) {
  .search-results .meta-group {
    display: flex;
  }
}

.search-results .meta-group > li {
  display: block;
}

@media (min-width: 1024px) {
  .search-results .meta-group > li {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .search-results .meta-group li:first-child {
    flex: 1;
  }
}

.search-results .meta-group .meta-data {
  color: inherit;
}

[dir="ltr"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-right: 20px;
}

[dir="rtl"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-left: 20px;
}

.search-results .meta-group .meta-data::after {
  content: none;
}

.search-results-description {
  margin-top: 10px;
  word-break: break-word;
}

.search-result-title {
  font-size: 16px;
  display: inline-block;
}

[dir="ltr"] .search-result-icons {
  float: right;
}

[dir="rtl"] .search-result-icons {
  float: left;
}

.search-result-votes, .search-result-meta-count {
  color: #5a6d7c;
  display: inline-block;
  font-size: 13px;
  padding: 4px 5px;
  position: relative;
}

.search-result-votes-icon, .search-result-meta-count-icon {
  color: #17494D;
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

[dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count {
  margin-left: 5px;
}

[dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before {
  margin-right: 3px;
}

[dir="rtl"] .search-result-votes, [dir="rtl"] .search-result-meta-count {
  margin-right: 5px;
}

[dir="rtl"] .search-result-votes::before, [dir="rtl"] .search-result-meta-count::before {
  margin-left: 3px;
}

.search-result .meta-group {
  align-items: center;
}

.search-result-breadcrumbs {
  margin: 0;
}

@media (min-width: 1024px) {
  .search-result-breadcrumbs {
    display: table-row;
  }
}

@media (min-width: 1024px) {
  .search-result-breadcrumbs li {
    display: table-cell;
  }
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
  font-style: normal;
  font-weight: bold;
  color:#3671E3
}

/* Add a yellow background for Chinese */
html[lang|="zh"] .search-results-description em {
  font-style: normal;
  background: yellow;
}

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height .2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 980px;
}

.notification-icon, .notification-text, .notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  padding: 0 15px;
  width: 100%;
}

.notification + .notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
  color: #555;
  cursor: pointer;
  opacity: .6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

/* Inline notifications */
.notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

[dir="rtl"] .notification-inline {
  text-align: right;
}

.notification-inline[aria-hidden="true"] {
  display: none;
}

.notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
  margin: -2px 5px 0 0;
}

[dir="rtl"] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}

.notification-inline.notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}

.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

.notification-left-aligned {
  text-align: left;
  padding-left: 0;
}

html[dir="rtl"] .notification-left-aligned {
  text-align: right;
  padding-left: auto;
  padding-right: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}

.dropdown-toggle:hover {
  text-decoration: none;
}

.dropdown-toggle > * {
  display: inline-block;
}

.dropdown-menu {
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}

[dir="rtl"] .dropdown-menu {
  text-align: right;
}

.dropdown-menu[aria-expanded="true"] {
  display: block;
}

.dropdown-menu [role="separator"] {
  border-bottom: 1px solid #e9ebed;
  margin: 4px 0;
}

.dropdown-menu [role="menuitem"] {
  color: #333;
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}

[dir="rtl"] .dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

.dropdown-menu [role="menuitem"]:hover, .dropdown-menu [role="menuitem"]:focus {
  background: #f3f3f3;
  text-decoration: none;
  color: #333;
}

.dropdown-menu [role="menuitem"][aria-selected="true"] {
  cursor: default;
}

.dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}

[dir="rtl"] .dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}

.dropdown-menu [role="menuitem"][hidden], .dropdown-menu [role="menuitem"][aria-hidden="true"] {
  display: none !important;
}

.dropdown-menu-end {
  left: auto;
  right: 0;
}

.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}

[dir="rtl"] .dropdown-menu-end {
  left: 0;
  right: auto;
}

.dropdown-chevron-icon {
  vertical-align: middle;
}

/* vote 공통 */
.article-votes { display:flex;flex-flow:column;align-items:center;row-gap:8px;}
.article-votes-question { font-size:24px;font-weight:bold;line-height:36px;color:#333D4B }
.article-votes-controls { position:relative;cursor:pointer;user-select:none;}
.article-votes-controls button { width:72px;height:72px;border-radius:50%;outline:none;border:none;background:url(/hc/theming_assets/01HZKX8RJDXW0E9P2JAZFG1TCB) no-repeat;background-position:top 18px center;background-color:#4E5968;font-size:0;transition: background-color .2s;}
.article-votes-controls:hover button{background-color:#333D4B;}
.article-votes-controls button.button-primary{background-color:#3671E3;}
.article-votes-controls .article-votes-count{position:absolute; bottom: 13px; display: block; width: 100%; font-weight: 500; font-size: 12px; line-height: 18px; text-align: center; letter-spacing: -0.02em;cursor:pointer;}
.article-votes-controls .vote-sum{color: rgba(255, 255, 255, 0.8);}

  
.article-body img {width:auto;}
  
.view_article { padding:64px 0 120px; }
.view_article em {font-style:italic}
.view_article .container_attachments em {font-style:normal}
.view_article #layerZoom {display:none;position:fixed;left:0;top:0;height:100vh;width:100vw;z-index:1000}
.view_article #layerZoom.on {display:block}
.view_article #layerZoom button {position:absolute;top:0;right:-46px;width:32px;height:32px;background:url(/hc/theming_assets/01HZKX9NHD43S178SXB2FHSBQY) no-repeat;background-size:100%;border:none;z-index:1}
.view_article #layerZoom .box_img {position:absolute;left:50%;top:50%;width:fit-content;max-width:90vw;height:fit-content;max-height:80vh;transform:translate(-50%,-50%);z-index:10}
.view_article #layerZoom .box_img img {width:auto;height:auto}
.view_article #layerZoom .dim {position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:rgba(21,21,23,.8);}
.view_article .article-body p>a { display:inline-block;color:#1C7ED6 }

.view_article .article-body .memo { position:absolute;left:24px;top:16px;width:28px;color:#ED9A27 }
.view_article .article-body .memo.tip { color:#009262 }
.view_article .article-body .memo.conditional { width: 42px}

.view_article .article-body .memo:after { content:'';position:absolute;top:50%;right:-10px;transform:translateY(-48%);width:1.5px;height:12px;background-color:#D1D6DB }
.view_article .article-body .memo:after { background-color:#FFDE88 }
.view_article .article-body .tip:after { background-color:#ACDE85 }
.view_article .bottom_article{margin-top:56px;padding-top:40px;border-top: 1px solid #E5E8EB;}





/* SNB 공통 */
#snb { border:1px solid #E5E8EB; }
#snb .tab { display:flex;column-gap:20px;padding-left:25px;border-bottom:1px solid #E5E8EB }
#snb .tab a { height:56px;line-height:56px;font-size:16px;color:#8B95A1;position:relative }
#snb .tab a.on { font-weight:bold;color:#191F28}
#snb .tab a+a:before {content:'';position:absolute;width:1px;height:10.5px;left:-10px;top:50%;transform:translateY(-50%);background-color:#D0D4D9 }
#snb .wrap_snb { max-height:428px;overflow-y:scroll;padding:16px 24px }
#snb .wrap_snb>div {display:none;flex-flow:column}
#snb .wrap_snb>div.on {display:flex}

#snb .wrap_snb::-webkit-scrollbar {width:18px;height:auto}
#snb .wrap_snb::-webkit-scrollbar-track {margin:10px 1px 10px;background:transparent;-webkit-border-radius:10px;border-radius:10px}
#snb .wrap_snb::-webkit-scrollbar-thumb {background-clip: padding-box;border: 6px solid transparent;height:auto;width:18px;background-color:#d1d6db;-webkit-border-radius:9px;border-radius:9px;-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

#snb #listTable, #snb #listRelated.single{row-gap:8px}
#snb #listTable a h2,
#snb #listTable a h3,
#snb #listRelated.single a {font-size:14px;font-weight:700;line-height:22px;color:#6B7684;transition:.3s}
#snb #listTable a h3 {padding-left:16px}
#snb #listTable a h2:hover, #snb #listRelated.single a:hover {color:#3671E3}
#snb #listTable a.on h2,
#snb #listTable a.on h3,
#snb #listRelated.single a.on {color:#191F28}
#snb #listRelated strong {margin-bottom:8px;cursor:pointer}
#snb #listRelated ul {display:flex;flex-flow:column}

#snb #listRelated .section-list {margin:0}
#snb #listRelated .section-list-item {overflow:hidden;border:none;font-size:14px;padding:0}
#snb #listRelated .section-list-item + .section-list-item {margin-top:8px}
#snb #listRelated .section-list-item.on {height:auto;overflow:auto}
#snb #listRelated .section-list-item strong {background: url(/hc/theming_assets/01HZKX9M0024ZRPWZ0QAXXFT4W) no-repeat right center / 10px auto; display: inline-block; margin-bottom: 0; padding-right: 18px; font-weight: 700; font-size: 14px; line-height: 22px; color: #6B7684; transition: color .2s;user-select:none}
#snb #listRelated .section-list-item strong:hover{color:#191F28;}
#snb #listRelated .section-list-item strong.on{background: url(/hc/theming_assets/01HZKX9K76DN5JQH7PX2DQ3NNK) no-repeat right center / 10px auto;color:#191F28;}
#snb #listRelated .section-list-item strong.on + .subField{display:block;}
#snb #listRelated .section-list-item .subField{display:none;}
#snb #listRelated .section-list-item .subField li{margin-top: 6px;}
#snb #listRelated .section-list-item a {font-weight: 500; font-size: 14px;color:#6B7684;line-height:22px;transition: color .35s}
#snb #listRelated .section-list-item a:hover {color:#3671E3}
  
#snb .share {display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:68px;background-color:#f5f7fa;border-top:1px solid #e5e8eb;}
#snb .share span{font-weight: 500;font-size: 14px;color: #6B7684;}
#snb #copyURL {background-color:#E5E8EB;width:40px;height:40px;font-weight: 400;font-size: 16px;line-height: 40px;letter-spacing: -0.6px;color: #2B3948;border:none;border-radius:50%;outline:none;cursor:pointer }

 
.btn_back {background-color:transparent;border:1px solid #d1d6db;border-radius:4px;color:#191f28;height:48px;line-height:48px;margin:0 auto;text-align:center;transition:background-color .35s;width:100px}
.view_article img{display:inline-block;vertical-align:bottom;}
.view_article strong{display:inline-block;}
/* .view_article em{font-style:italic;} */
/* .view_article ul, .view_article ol{margin:15px 0;padding-left:1em;} */
.view_article ul li{list-style:disc;}
.view_article ul.attachments {padding-left:0}
.view_article ul.attachments li {list-style:none}
.view_article ol li{list-style:auto;}
.view_article .article-header { margin-bottom:48px;position:relative }
.view_article .article-header .info { display:flex;column-gap:16px;margin-bottom:4px }
.view_article .article-header .info .name_sect { font-size:14px; font-weight:500; color:#1C7ED6 }
.view_article .article-header .info .time_edit { margin-left:2px; font-size:14px; color:#333D4B; position:relative}
.view_article .article-header .info .time_edit:before {content:''; position:absolute; left:-9px; top:6px; width:1px; height:10px; background-color:#D1D6DB}
.view_article .article-header .info .time_edit time { margin-left:8px; font-size:14px; font-weight:400; color:#6B7684 }
.view_article .article-subscribe { display:flex;justify-content:flex-end;margin-top: 16px; }
.view_article .article-subscribe > div { display:flex;width:138px;height:60px;border:1px solid #3671E3;border-radius:4px;position:relative }
.view_article .article-subscribe > div button { width:100%;height:100%;line-height:100%;font-size:0;border:none;outline:none;background-color:transparent;cursor:pointer;position:relative;transition:background-color .2s }
.view_article .article-subscribe > div button[data-selected='true'] { background-color:#1C7ED6 }
.view_article .article-subscribe > div button:after { content:"";position:absolute;right:30px;top:50%;width: 14px; height: 14px;transform: translateY(-50%); background: url(/hc/theming_assets/01JZ6WP0JVZYBVR7KZGDFS03DD) no-repeat center / cover; }
.view_article .article-subscribe > div button[data-selected='true']:after { background-image: url(/hc/theming_assets/01JZ6WP716TH1MH43FY7Q2TRME) }
.view_article .article-subscribe > div button:before { position:absolute;left:30px;font-family:'pretendard',sans-serif;font-size:16px;font-weight:500;color:#3671E3 }
.view_article .article-subscribe > div button[data-selected='true']:before { left:20px;color:#fff }
.view_article .article-header h1 { font-size:48px;line-height:60px; }
.view_article .article-body h2 {padding-bottom:16px;margin-bottom:16px;font-size:24px;line-height:32px;border-bottom:1px solid #E5E8EB}
.view_article .article-body h3 {margin-bottom:8px}
.view_article .article-body strong{font-size: 16px;color: #333D4B;}
.view_article .article-body div {font-size:16px;line-height:24px;font-weight:400;color:#4E5968}
.view_article .article-body p {font-size:16px;line-height:24px;font-weight:400;color:#4E5968;user-select:none}
.view_article .article-body p + p{margin-top:16px;}
.view_article .article-body a {display:inline-block;vertical-align:top;color: #1C7ED6;}
/* .view_article .article-body a:not(.download):hover{text-decoration:underline;} */
.view_article .article-body hr{margin:24px 0; border:0; height:1px; background-color:#E5E8EB;}
/* .view_article .article-body ul li{font-weight: 500;font-size: 16px;line-height: 27px;color: #4E5968;}
.view_article .article-body ul li{position:relative;padding-left:22px;}
.view_article .article-body ul li+li{margin-top:2px;}
.view_article .article-body ul li:before{position:absolute;top:11.5px;left:8px;content:'';background-color:#4E5968;width:4px;height:4px;border-radius:50%;} */
.view_article .article-body .list_dash li:before{top:0;left:6px;content:'-';background-color:transparent;width:auto;height:auto;border-radius:0;}
.view_article .article-body img{max-width:100%;}
/* .view_article .article-body img:first-of-type {display:none} */
.view_article .article-body img.expandable{cursor:pointer;}
.view_article .article-body th{background: #F5F7FA;padding:20px;vertical-align:middle;font-weight: 400;color: #6B7684;border:1px solid #E5E8EB;}
.view_article .article-body td{padding:20px;font-weight: 500;border:1px solid #E5E8EB;}
.view_article .article-body td em{display:block;font-weight: 500;font-size: 14px;line-height: 22px;color: #8B95A1;}
.view_article .article-body .box_img{column-gap:24px;row-gap:32px;}
.view_article .article-body .mgt4{margin-top:4px;}
.view_article .article-body .mgt8{margin-top:8px;}
.view_article .article-body .mgt16{margin-top:16px;}
.view_article .article-body .mgt24{margin-top:24px;}
.view_article .article-body .mgt32{margin-top:32px;}
.view_article .article-body .mgt64{margin-top:64px;}
.view_article .article-body [class^="gap"]{display:flex;flex-wrap:wrap;}
.view_article .article-body .gap16 {gap:16px}
.view_article .article-body .gap24 {gap:24px;}
.view_article .article-body .gap_wide {flex-wrap:nowrap;}
.view_article .article-body .gap_wide > * {flex:1;width:1px;}
.view_article .article-body .download{background:url(/hc/theming_assets/01HZKX9P40380H9WCM928YWM64) no-repeat right 24px center / 13px auto;display:inline-flex;padding:0 43px 0 24px;line-height:48px;font-weight: 500;font-size: 16px;letter-spacing: -0.03em;color: #3671E3;border: 1px solid #3671E3;border-radius: 4px;}
.view_article .article-body .semi_bold{font-weight:500;}
.view_article .article-body .color_red{color: #D92465;}
.view_article .article-body .color_blue{color: #1C7ED6;}
.view_article .article-body .mark_blue{position:relative;}
.view_article .article-body .mark_blue:after{position:absolute;content:'';z-index:-1;top:50%;left:-1px;transform:translateY(-50%);background: #E5F4FE;width:100%;height:20px;}
.view_article .article-body [class^="tip"]{display:flex;background-color:#F5F7FA;margin-top:24px;padding:16px 33px 16px 24px;border: 1px solid #D1D6DB;border-radius: 4px;}
.view_article .article-body [class^="tip"] .label{position:relative;min-width:54px;padding-right:35px;font-weight: 700;}
.view_article .article-body [class^="tip"] .label:after{position:absolute;top:5px;right:15px;content:'';background-color: #D1D6DB;width:1px;height:13px;}
.view_article .article-body [class^="tip"] p{flex:1;}
.view_article .article-body .tip_yellow{background: #FFFBEE;border: 1px solid #E7D59D;}
.view_article .article-body .tip_yellow .label{color: #ED9A27;}
.view_article .article-body .tip_yellow .label:after{background-color: #FFDE88;}
.view_article .article-body .tip_green{background: #F5FAF4;border: 1px solid #C6DCC7;}
.view_article .article-body .tip_green .label{color: #009262;}
.view_article .article-body .tip_green .label:after{background-color: #ACDE85;}
.view_article .article-body .btn_dropdown{background: url(/hc/theming_assets/01HZKX9M0024ZRPWZ0QAXXFT4W) no-repeat left 8px center / 10px auto;padding-left:28px;font-weight: 400;cursor:pointer;}
.view_article .article-body .btn_dropdown.on{background: url(/hc/theming_assets/01HZKX9K76DN5JQH7PX2DQ3NNK) no-repeat left 8px center / 10px auto;}
.view_article .article-body .btn_dropdown + div{display:none;margin-top:2px;margin-left:28px;}
.view_article .article-body .btn_dropdown.on + div{display:block;}
.view_article .article-relatives h2{display:none;}
.view_article .article-relatives strong{display:block;margin:64px 0 16px;padding-bottom:16px;;font-weight: 700;font-size: 18px;line-height: 24px;color: #333D4B;border-bottom: 1px solid #E5E8EB;}
.view_article .article-relatives a{font-weight: 400;font-size: 16px;line-height: 28px;}

/* snb 타입 아티클 */
.view_article.type_snb .article-container { display:flex;justify-content:space-between;column-gap:126px;width:1200px;margin:0 auto }
.view_article.type_snb .article-container article { width:792px }
.view_article.type_snb .article-container .rail_snb { width:282px;margin-top:24px }
.view_article.type_snb .article-container .rail_snb .fixed{position:sticky;top:160px;}
#main-content.article footer {margin-top:80px}
  
/* 전문가칼럼 아티클 리스트 페이지 */
.view_article.type_column .article-header {margin-bottom:64px;text-align:center}
.view_article.type_column .article-header .info {justify-content:center;column-gap:20px}
.view_article.type_column .article-header .info em {position:relative;font-style:normal}
.view_article.type_column .article-header .info em:before {content:'';position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:1px;height:10px;background-color:#8B95A1}
.view_article.type_column .article-container { width:790px;margin:0 auto }
.view_article.type_column .article-header h1 {width:auto;margin-bottom:24px;color:#191F28;word-break:keep-all;letter-spacing:-0.7px}
.view_article.type_column .article-header .time_edit time {font-size:13px;color:#8B95A1}
.view_article.type_column .article-header .time_edit+.time_edit {margin-left:20px;position:relative}
  .view_article.type_column .article-header .time_edit+.time_edit:before {content:'';position:absolute;left:-11px;top:4px;width:1px;height:10px;background-color:#d1d6db}
  .view_article.type_column .article-header .time_edit time {margin-left:8px;font-size:14px;font-weight:400;color:#6B7684}
  
.view_article.type_column img.visual {height:240px;object-fit:cover}

.view_article.type_column .article-body h3 {margin:40px 0 16px;padding-bottom:16px;border-bottom:1px solid #E5E8EB;font-size:24px;line-height:32px;color:#191F28}
.view_article.type_column .article-body h4 {margin-bottom:8px;font-size:18px;line-height:26px;color:#333D4B}

.view_article .list_pro {display:flex;gap:16px;}
.view_article .list_pro .box {width:254px;height:288px}
.view_article .list_pro .thumb {width:254px;height:182px;} 
.view_article .list_pro .thumb img{width:inherit;height:inherit;}
.view_article .list_pro .box .info {padding:16px 21px;background-color:#191F28}
.view_article .list_pro .box strong {color:#fff;line-height:28px}
.view_article .list_pro .box em {display:block;font-style:normal;color:#8B95A1;line-height:22px}
.view_article .list_pro .box em+em {margin-top:2px}

/* 홈 - 시작 */
#header .search input[type="search"]{ width: 588px; }
.home .wrap_search{position: relative;}
.home .search{border: 0;}
.home .search input[type="search"]{background:#fff url(https://www.midasstructure.com/hubfs/%5BBIZ%7D/common/images/ico_search.svg) no-repeat left 12px center / 24px; height: 48px; padding: 0 42px 0 48px; font-size: 16px; font-weight: 400; line-height: 48px; border: 1px solid #E5E8EB;border-radius: 4px; font-family: Pretendard, sans-serif;}
.home .search input[type="search"]::placeholder{color: #8B95A1;}
.home .search-has-value .clear-button{background:url(https://www.midasstructure.com/hubfs/%5BBIZ%7D/common/images/ico_close_grey.svg) no-repeat center / 24px;}
.home .search-has-value .clear-button svg{display: none;}
  
.home .section-tree{background-color: #F9FAFC; padding: 126px 0 120px;}
  
.home h2{margin-bottom: 32px; font-size: 40px; font-weight: 700; line-height: 52px; letter-spacing: -0.04em; color: #191919;}
.home h2 + a{line-height: 24px; transform: translateY(-100%);}

.hero h1{margin-bottom: 24px; font-size: 56px; font-weight: 500; line-height: 72px; color:#fff; text-shadow: 2px 4px 16px rgba(20, 20, 21, 0.6);}
.hero h1 strong{display: inline-block; color: #fff;}
.hero .search{box-shadow: 2px 4px 16px rgba(20, 20, 21, 0.6);}
  
.wrap_swiper{position: relative;}
.item_slide{height: 420px;}
.item_slide > div{background-color: #fff; height: calc(100% - 220px); padding: 24px 32px; font-size: 0; border: 1px solid #E5E8EB; border-top: 0;}
.item_slide > div > span{display: inline-block; background-color: #dee7ef; height: 19px; padding: 0 6px; color: #4E5968;font-size: 12px; font-weight: 500; line-height: 19px; border-radius: 2px;}
.item_slide > div > span + span{background-color: #faeced; margin-left: 6px; color: #D74C54;}
.item_slide > div > strong{margin-top: 8px; font-weight: 700; font-size: 20px; line-height: 28px; color: #333D4B;}
.item_slide > div > p{margin-top: 16px; font-weight: 500; font-size: 14px; line-height: 22px; color: #6B7684;}
.item_slide > div > p > span{display: block; color: #333D4B;}
.wrap_swiper .button-prev, .wrap_swiper .button-next{position: absolute; top: 50%; width: 48px; height: 48px; transform: translateY(-50%); transition: opacity .2s; cursor: pointer;}
.wrap_swiper .button-prev.swiper-button-disabled, .wrap_swiper .button-next.swiper-button-disabled{opacity: 0.3; cursor: auto;}
.wrap_swiper .button-prev{left: -88px;}
.wrap_swiper .button-next{right: -88px;}
/* 홈 - 종료 */

/* community_topic - 시작 */
.topic .section-tree .inner{row-gap: 0;}
.topic .topic_title{margin-bottom: 32px; font-weight: 700; font-size: 40px; line-height: 52px; letter-spacing: -0.04em; color: #191919;}
.topic .community-header{display: flex; justify-content: space-between; margin-bottom: 24px;}
.topic .community-header + .striped-list-title{border-top: 1px solid #8B95A1;}
.topic .wrap_uses, .topic .wrap_dropdown{display:flex; gap: 6px;}
.topic .dropdown-toggle, .topic .community-follow button{background: #fff url(/hc/theming_assets/01HZKX8X3AYZY1AVKJX462MEJ3) no-repeat right 23px center / 10px auto; height: 48px; line-height: 48px; padding: 0 48px 0 24px; font-weight: 500; font-size: 16px; color: #4E5968; border: 1px solid #E5E8EB; border-radius: 4px;}
.topic .search{height: 48px; border-color:#E5E8EB; border-radius: 4px; overflow: hidden;}
.topic .search input[type="search"]{width: 282px; height: 48px; padding: 0 42px 0 24px; font-weight: 400; font-size: 16px; color: #333D4B;}
.topic .search:not(.search-has-value) input[type="search"]{background: url(/hc/theming_assets/01HZKX938VKE5YPAK982Z7YNZW) no-repeat right 25px center / 25px auto;}
.topic .search:not(.search-has-value) input[type="search"]::placeholder{color: #8B95A1;}
.topic .community-follow button::after{display:none;}
.topic .post-to-community{background: #3671E3; padding: 0 35px; font-weight: 500; font-size: 16px; line-height: 48px; border-radius: 4px; color: #fff;}
.topic .striped-list-title{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #E5E8EB; padding: 20px; padding-left: 16px; padding-right: 25px;}
.topic .striped-list-title.pinned{background: #F9FAFC;}
.topic .wrap_title{max-width: 873px; height: 24px; overflow: hidden;font-size:0;}
.topic .wrap_title span{font-weight: 500; font-size: 16px; line-height: 24px; color: #333D4B;vertical-align:top;}
.topic .wrap_autor_info{display:flex; column-gap: 8px; margin: 4px 0 0; font-size: 13px; line-height: 24px;}
.topic .topic_autor{max-width: 115px; font-weight: 500;  color: #4E5968; overflow: hidden; text-overflow: ellipsis; white-space: pre;}
.topic .community-badge-title{background: #E4EEFD; font-weight: 500; color: #3671E3; border-radius: 4px; line-height: 24px;}
.topic .post-overview-item{position: relative; display: inline-flex; padding-left: 10px;}
.topic .post-overview-item::before{position:absolute; top: 50%; left: 0.5px; transform: translateY(-50%); content: ''; background-color: #8B95A1; width: 2px; height: 2px; border-radius: 50%;}
.topic .status-label + .status-label{margin-left: 4px;}
.topic .spriped-info-etc{display:flex; width: 233px; justify-content: space-between;}
.topic .striped-list-count{column-gap: 9px; font-weight: 500; font-size: 16px; color: #6B7684;}
.topic .vote_num{background: url(/hc/theming_assets/01HZKX8YC39H4METJW70WGWHJ3) no-repeat left center / 13px; padding-left: 20px;}
.topic .comment_num{background: url(/hc/theming_assets/01HZKX8XPZHYK7AR4Y48S26JVG) no-repeat left center / 14px auto; padding-left: 20px;}
.topic .topic_date{font-weight: 400; font-size: 14px; color: #8B95A1;}
.topic .wrap_pagination{margin-top: 94px;}
/* community_topic - 종료 */


/* gate_faq - 시작 */
  .gate_faq .section_description{margin: 16px 0;font-weight: 700; font-size: 24px; line-height: 42px; color: #333D4B;}
  .gate_faq .section-list{display: flex; flex-wrap:wrap; gap: 56px; margin: 16px 0 0 ;}
  .gate_faq .section-list-item{flex: 0 1 352px; border: 0;}
  :lang(ja) .gate_faq .section-list-item{flex: 1;}
  
  .gate_faq .section-list-item > strong{display: flex; justify-content: flex-start; gap: 10px; margin-bottom: 24px; padding-bottom: 16px; font-weight: 700; font-size: 24px; line-height: 42px; color: #333D4B; border-bottom: 1px solid #E5E8EB;}
  .gate_faq .section-list-item > strong > img{width: 40px; height: 40px;}
  .gate_faq .article-list-item + .article-list-item{margin-top: 10px;}
  .gate_faq .article-list-item a{font-weight: 500; font-size: 16px; line-height: 24px; color: #333D4B; transition: color .2s;}
  .gate_faq .article-list-item a:hover{color: #1C7ED6;}
  .gate_faq .see-all-articles{background:url(/hc/theming_assets/01HZKX9M9G9SAX3GQNE8H12PR7) no-repeat right center / 24px;display:inline-block;margin-top:20px;padding-right:24px;font-weight: 600;font-size: 16px;line-height: 32px;letter-spacing: -0.02em; color: #191F28;}
  .gate_faq .list_content_product {margin-top:32px}
/* gate_faq - 종료 */
  
/* gate_note - 시작 */
  .note .section-tree-title{margin-bottom: 32px;}
  .note section .head {display:flex;justify-content:space-between;align-items:center}
  .note section .head .btn_more {display:flex;align-items:center;font-size:16px;line-height:24px;color:#333d4b}
  .note section .head .btn_more img {width:24px;height:24px;}
  .note .wrap_gate{display:flex; flex-wrap: wrap; gap : 24px;}
  .note .wrap_gate a{background-repeat:no-repeat;background-size:cover;position: relative; width:282px; height: 240px;}
  
  .note .wrap_gate a.color_19132873336345{background-image:url(/hc/theming_assets/01HZKX9VN8G2XR7KGGDD0G19TW);}
  .note .wrap_gate a.color_19132843874585{background-image:url(/hc/theming_assets/01HZKX9V0XC7FG29PYB1X023P6);}
  .note .wrap_gate a.color_19132845037977{background-image:url(/hc/theming_assets/01HZKX9V72REF21SY5C5KSKDZY);}
  .note .wrap_gate a.color_19132869261337{background-image:url(/hc/theming_assets/01HZKX9VBMPHKW2S94GZQND530);}
  .note .wrap_gate a.color_19132897077657{background-image:url(/hc/theming_assets/01HZKX9VGMYHANMQP8AJMQSE7A);}
  .note .wrap_gate a.color_cad{background-image:url(/hc/theming_assets/01HZKX9R82BWHQZSGPVWJ6MCRQ);}
  
  .note .wrap_gate a.color_9644946532249,
  .note .wrap_gate a.color_46136285811353{background-image:url(/hc/theming_assets/01HZKX9VN8G2XR7KGGDD0G19TW);}
  .note .wrap_gate a.color_15396380504345,
  .note .wrap_gate a.color_46136384025113{background-image:url(/hc/theming_assets/01HZKX9V0XC7FG29PYB1X023P6);}
  .note .wrap_gate a.color_9644968180505,
  .note .wrap_gate a.color_46136457263897{background-image:url(/hc/theming_assets/01HZKX9V72REF21SY5C5KSKDZY);}
  .note .wrap_gate a.color_9644947487385,
  .note .wrap_gate a.color_46169197583897{background-image:url(/hc/theming_assets/01HZKX9VBMPHKW2S94GZQND530);}
  .note .wrap_gate a.color_9644935313945,
  .note .wrap_gate a.color_46169252368281{background-image:url(/hc/theming_assets/01HZKX9VGMYHANMQP8AJMQSE7A);}
  .note .wrap_gate a.color_9644936211225,
  .note .wrap_gate a.color_46268130358297{background-image:url(/hc/theming_assets/01HZKX9R82BWHQZSGPVWJ6MCRQ);}
  
  .note.news_update .wrap_gate a.color_16487414469145{background-image:url(/hc/theming_assets/01HZKX9SFNX32DK8SF6FGC0GV7);}
  .note.news_update .wrap_gate a.color_15396000105113{background-image:url(/hc/theming_assets/01HZKX9VN8G2XR7KGGDD0G19TW);}
  .note.news_update .wrap_gate a.color_15396066230297{background-image:url(/hc/theming_assets/01HZKX9V0XC7FG29PYB1X023P6);}
  .note.news_update .wrap_gate a.color_15396059090201{background-image:url(/hc/theming_assets/01HZKX9V72REF21SY5C5KSKDZY);}
  .note.news_update .wrap_gate a.color_15396029174041{background-image:url(/hc/theming_assets/01HZKX9VBMPHKW2S94GZQND530);}
  .note.news_update .wrap_gate a.color_15396003533849{background-image:url(/hc/theming_assets/01HZKX9VGMYHANMQP8AJMQSE7A);}
  .note.news_update .wrap_gate a.color_15396002390937{background-image:url(/hc/theming_assets/01HZKX9R82BWHQZSGPVWJ6MCRQ);}
  
  .note.webinar .wrap_gate a.color_18405986243481{background-image:url(/hc/theming_assets/01HZKX9VN8G2XR7KGGDD0G19TW);}
  .note.webinar .wrap_gate a.color_18608682461209{background-image:url(/hc/theming_assets/01HZKX9V72REF21SY5C5KSKDZY);}
  .note.webinar .wrap_gate a.color_18608683551257{background-image:url(/hc/theming_assets/01HZKX9VBMPHKW2S94GZQND530);}
    
  .note .wrap_gate a em {position:absolute;top:calc(50% - 39px);left:50%;transform:translateX(-50%) translateY(-50%);display:block;font-size:26px;font-weight:bold;color:#fff;line-height:34px;text-align:center;}
  .note .wrap_gate a img{width:100%; height: 100%;}
  .note .wrap_gate a span{position: absolute; bottom: 56px; left: 50%; width:fit-content; transform:translateX(-50%); background: url(/hc/theming_assets/01HZKX922C0A73MMC5XGTSX512) no-repeat right bottom 6px / 8px auto; padding-right:20px;font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: -0.02em; color: #FFF;}
  .note .list_content_product > section{display: none;}
  .note .article-list{margin-top: 24px;}
  .note .article-list-item{border-bottom: 1px solid #E5E8EB; padding: 0 16px;}
  .note .article-list-item:first-child{border-top: 1px solid #8B95A1;}
  .note .article-list-item > a{display: flex; justify-content: space-between; line-height: 64px;}
  .note .list_title{padding-right: 22px; font-size:16px; font-weight:500; color:#333D4B; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
  .note .article-list-item > a .time_edit {font-size:13px;color:#8B95A1}
/* gate_note - 종료 */

/* list_tile - 시작   */
  .list_tile .page-header {padding:80px 0 56px}
  .list_tile .section-tree .inner {row-gap:32px}
  .list_tile .article-list {display:flex; column-gap: 24px;row-gap:40px;flex-wrap:wrap}
  .list_tile .article-list-item {width:384px;height:395px;border:1px solid #E5E8EB;transition:.3s}
  .list_tile .article-list-item:hover{box-shadow: 0px 15px 20px rgba(179, 183, 187, 0.6);}
  .list_tile .article-list-item img {width:100%;height:220px}
  .list_tile .article-list-item .info {height:175px;padding:24px 32px 0}
  
  .list_tile .wrap_filter {display:flex;justify-content:flex-end}
  
  .list_tile .article-list-item .info strong {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:8px;line-height:28px;max-height:56px;font-size:20px;color:#333D4B;overflow:hidden}
  .list_tile .article-list-item .info .detail {display:flex;align-items:center;column-gap:10px;margin-top:16px}
  .list_tile .article-list-item .info .detail em {color:#0EA56E;line-height:22px;position:relative}
  .list_tile .article-list-item .info .detail em i {vertical-align:top;margin:3px 2px 0 0;}
  .list_tile .article-list-item .info .detail em:before {content:'';position:absolute;left:-5px;top:50%;transform:translateY(-1px);width:2px;height:2px;background-color:#8B95A1}
  
  .list_tile .wrap_pagination {margin-top:64px}
  
/* gate_download_product - 시작 */
  .cont_file{display: flex; align-items: center; font-weight: 500; font-size: 16px; line-height: 24px; color: #333D4B; border-top: 1px solid #E5E8EB; border-bottom: 1px solid #E5E8EB;}
  .cont_file + .cont_file{border-top: 0;}
  .cont_file .tit{width: 25%; padding: 24px 0; font-weight: 700; font-size: 20px; line-height: 28px;}
  .cont_file .tit + * {width: 75%; padding: 24px 0;}
  
  .group_file{align-items: flex-start;}
  .group_file > div{display: flex; flex-wrap:wrap; column-gap: 48px; row-gap: 12px;}
  .group_file > div > a{display: flex; justify-content: space-between; flex: 0 1 calc(33.33% - 32px); color: #333D4B;}
  .group_file > div > a:hover span:first-child{color: #1C7ED6; transition: color .2s;}
  .group_file > div > a span + span{color: #8B95A1;}
  
  .cont_spec{display: flex; border-top: 1px solid #E5E8EB; border-bottom: 1px solid #E5E8EB;}
	.cont_spec + .cont_spec{border-top: 0;}
  .cont_spec .tit{display: flex; align-items: center; background-color: #F5F7FA; width: 160px; padding: 24px 15px;}
  .cont_spec .tit + p{width: calc(100% - 160px); padding: 24px;}
/* gate_download_product - 종료 */
  
/* list_view - 시작 */
  .list_view .section-tree .inner{gap: 0;}
  .list_view .article-list{margin-top: 24px;}
  .list_view .article-list-item{border-bottom: 1px solid #E5E8EB;}
  .list_view .article-list-item:first-child{border-top: 1px solid #8B95A1;}
  .list_view .article-list-item > a{display: flex; justify-content: space-between; padding: 0 16px; line-height: 64px; color:#333d4b}
  .list_view .wrap_filter{display: flex; justify-content: space-between;}
  .list_view.tutorial .wrap_filter {justify-content:flex-end}
  .list_view .wrap_filter.no_filter{justify-content: flex-end;}
  .list_view .wrap_filter + .wrap_select{margin-top: 6px;}
  .list_view .meta-group{font-weight: 500; font-size: 13px; color: #8B95A1;}
  .list_view .search{border-radius: 4px; overflow: hidden;}
  .list_view .search input[type="search"]{width: 282px; height: 48px; padding: 0 24px;background:#fff url(//theme.zdassets.com/theme_assets/9788132/bd443b571d6f1920388b8b92499aa84a7c3c574b.svg) no-repeat right 25px center / 25px auto}
  .list_view .search.search-has-value input[type="search"] {background-image:none}
/*   .list_view .search input[type="search"] + .clear-button {display:none !important} */
  .list_view .filter_sub{display: none;}
  .list_view .wrap_pagination{margin-top:56px;}
  .list_view.faq .wrap_filter {justify-content:flex-end}
/* list_view - 종료 */

/* search_results - 시작 */
	.search-area .inner h1{margin-bottom: 16px; font-size: 32px; line-height: 42px; color: #8B95A1;}
  .search-area .inner h1 > em {color: #333D4B;}
  .search-area .search{border-radius: 4px;}
  .search-area .search input[type="search"]{height: 60px; line-height: 60px; border-radius: 4px;}
  
  .search_container{padding: 24px 0;}
  .search_container .inner{width: 1200px; margin: 0 auto;}
  
  
  
  .search_title{display:flex;justify-content:space-between;margin-bottom:40px;line-height:36px;}
  .search_title .txt{display:flex;align-items:center;}
  .search_title .txt>strong{position:relative;margin-right:11px;padding-right:12px;font-weight: 700;font-size: 24px;letter-spacing: -0.02em;color: #333D4B;}
  .search_title .txt>strong::after{position:absolute;top:13px;right:0;content:'';background-color:#D1D6DB;width:1px;height:10px;}
  .search_title .txt>span{font-weight: 400;font-size: 14px;letter-spacing: -0.02em;color: #6B7684;}
  .search_title .txt>span>em{color: #333D4B;}
  .search_title a{background:url(/hc/theming_assets/01HZKX9M9G9SAX3GQNE8H12PR7) no-repeat right center / 24px;padding-right:24px;font-weight: 500;font-size: 14px;letter-spacing: -0.02em;color: #333D4B;}
  
  .search_keyword > em{color: #3671E3;}
  .results-list-item-link{font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.02em; color: #3671E3;}
  .search-results-description{margin-top: 8px; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.02em; color: #333D4B;}
  .search-results-description + .meta-group{margin-top: 6px;font-weight: 400;font-size: 14px;line-height: 22px;letter-spacing: -0.02em;color: #8B95A1;}
  
  .wrap_search_valule{display: flex; align-items: center; gap: 16px; margin-top: 72px; padding: 20px 0; font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: -0.02em; color: #6B7684; border-top: 1px solid #E5E8EB; border-bottom: 0;}
  .search-results-subheading{font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: -0.02em; color: #6B7684;}
  
  .search-results-list > li{padding: 0;}
  .search-results-list > li:first-child{border-top: 0;}
  .search-results-list > li + li{margin-top: 32px;}
  
  .search_result_map{display:flex;align-items:center;column-gap:6px;margin-bottom:2px;font-weight: 500;font-size: 14px;line-height: 24px;letter-spacing: -0.02em;color: #8B95A1;}
  .search_result_map>img{width:6px;}
/* search_results - 종료 */


/* pagination 공통 스타일 - 시작 */
.wrap_pagination{display: flex; column-gap: 6px; justify-content: center;}
.wrap_pagination > a{display: flex; align-items: center; justify-content: center; height: 40px; padding: 0 6px; font-weight: 700; font-size: 14px; color: #8B95A1; line-height: 1; transition: color .2s;}
.wrap_pagination > a.btn_pagination{width: 40px;}
.wrap_pagination > a.btn_pagination + a:not(.btn_pagination), .wrap_pagination > a:not(.btn_pagination) + a.btn_pagination{margin-left: 4px;}
.wrap_pagination > a:not(.btn_pagination) + a:not(.btn_pagination){margin-left: 10px;}
.wrap_pagination > a:hover{color: #1C7ED6;}
.wrap_pagination > a.active{color: #191F28; cursor: default;}
.wrap_pagination > a > img{height: 22px;}
.wrap_pagination > a > img + img{display: none;}
.wrap_pagination > a:hover > img{display: none;}
.wrap_pagination > a:hover > img + img{display: block;}
/* pagination 공통 스타일 - 종료 */

/* community post page - 시작 */
.post .inner{position: relative; row-gap: 0; width: 789px;}
.post h1{margin-bottom: 72px; font-weight: 700; font-size: 48px; line-height: 58px; letter-spacing: -0.04em; color: #181F2B;}
.post h2{margin-bottom: 24px; font-weight: 700; font-size: 32px; line-height: 42px; color: #191F28;}
.post .wrap_state{display: flex; column-gap: 6px; margin-bottom: 10px;}
.post .wrap_state .time_edit{line-height: 24px; font-weight: 400; font-size: 14px; color: #6B7684;}
.post .status-label-pinned{margin-right: 2px;}
.post_info{display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px;}
.post_info .info{display: flex; align-items: center; column-gap: 14px;}
.post_info .user-avatar{width: 72px; height: 72px;}
.post .post_author{display: flex;}
.post .post_author_name{font-weight: 700; font-size: 20px; line-height: 24px; color: #4E5968;}
.wrap_badge_icon{display:flex; column-gap: 4px; margin-left: 8px;}
.badge{width: 24px; height: 24px; border-radius: 50%; overflow: hidden;}
.badge_num{display: block; background-color: #9F9F9F; width: 24px; height: 24px; font-weight: 500; font-size: 10px; line-height: 24px; letter-spacing: -0.04em; color: #fff; border-radius: 50%;}
.badge_title{margin-top: 8px; font-weight: 500; font-size: 18px; line-height: 22px; color: #149028;}

.post .community-follow > div { display:flex;width:138px;height:60px;position:relative }
.post .community-follow > div button { width:100%;height:100%;line-height:100%;font-size:0;border:none;outline:none;background-color:transparent;cursor:pointer;position:relative;transition:background-color .2s; border:1px solid #3671E3;border-radius:4px;}
.post .community-follow > div button[data-selected='true'] { background-color:#1C7ED6 }
.post .community-follow > div button:after { content:"\ea16";position:absolute;right:30px;top:49%;font-family:xeicon;font-size:16px;color:#3671E3;font-weight:400 }
.post .community-follow > div button[data-selected='true']:after { content:"\ea0f";right:20px;color:#fff }
.post .community-follow > div button:before { content:'즐겨찾기';position:absolute;left:30px;font-size:16px;font-weight:500;color:#3671E3 }
.post .community-follow > div button[data-selected='true']:before { content:'즐겨찾기 됨';left:20px;color:#fff }

.post-content{margin-bottom: 32px; font-weight: 400; font-size: 16px; line-height: 24px; color: #4E5968;}
.post .wrap_post_action, .post .comment-actions-container{display:flex; align-items: center; justify-content: space-between;}
.post .vote{flex-direction: row; column-gap: 6px; align-items: center;}
.post-vote button{background:#4E5968 url(/hc/theming_assets/01HZKX99K42R3VJ37YZ8SD525E) no-repeat top 8px left 9.5px / 14px auto; width: 32px; height: 32px; font-size: 0; border-radius: 50%; transition: background-color .3s;}
.post-vote button[aria-pressed="true"]{background-color:#3671E3;}
.post-vote button[aria-pressed="false"]:hover{background-color:#333D4B;}
.post-vote .vote-sum{font-weight: 500; font-size: 16px; color: #6B7684;}
.post .actions button{min-width: auto; min-height: auto; padding: 0; font-weight: 400; font-size: 24px;letter-spacing: -0.02em; color: #8B95A1;}
.post_guide_nonlogin, .post textarea[name="community_comment[body]"]{height: 56px; padding: 0 16px; font-weight: 400; font-size: 16px; line-height: 56px; color: #6B7684; border: 1px solid #E5E8EB; border-radius: 6px;overflow:hidden;}
.post textarea[name="community_comment[body]"]{resize: none;}
.post .toggle textarea[name="community_comment[body]"][aria-hidden="true"] + #hc-wysiwyg{margin-top: 32px;}
.post .post-comments{margin-top: 32px;}
.post .comment-form-controls{margin-top: 16px;}
.post_guide_nonlogin{margin-top:;}
.post_guide_nonlogin a{display:inline; font-weight: 600; color: #3671E3;}
.post .comment-container{position: relative;}
.post .checkbox_official{position:absolute; top: 0; left: 0;}
.post .checkbox_official input{position: absolute; width: 1px; height: 1px; margin: 0; border: 0; opacity: 0;}
.post .checkbox_official input:checked + label:before{background:#3671E3;}
.post .checkbox_official input:checked + label:after{left: 19px;}

.post .checkbox_official label{position: relative; display: block; padding-left: 48px; line-height: 24px; cursor: pointer;}
.post .checkbox_official label:before{position: absolute; top: 0; left: 0; content: ''; background-color: #D1D6DB; width: 40px; height: 24px; border-radius: 26px; transition: background-color .2s;}
.post .checkbox_official label:hover:before{background-color:#8B95A1;}
.post .checkbox_official label:after{position: absolute; top: 3px; left: 3px; content: ''; background-color: #fff; width: 18px; height: 18px; border-radius: 50%; transition: left .2s;}
.post .comment-form-controls input[type="submit"]{background: #333D4B; margin: 0; padding: 0 20px; line-height: 60px; border-radius: 4px; font-weight: 500; font-size: 16px; letter-spacing: -0.02em; color: #fff; cursor: pointer; border: 0;}
.post .comment-overview{margin-top: 24px; border-bottom: 1px solid #E5E8EB; line-height: 48px;}
.post .comment_count{font-weight: 400; font-size: 16px; line-height: 32px; color: #4E5968;}
.post .comment_count span{font-weight: 700;}
.post .dropdown-toggle{background: url(/hc/theming_assets/01HZKX9285BR96C6SZ80A8AT8P) no-repeat right center / 10px auto; height: 48px; padding-right: 16px; font-weight: 400; font-size: 16px; color: #6B7684;}

.post .wrap_share{position: absolute; top: 0; right: -162px; transform: translateX(100%);display: flex; flex-direction: column;}
.post .wrap_share button{margin-bottom: 8px;}
.post .comment-wrapper{padding: 24px 16px;}
.post .comment-wrapper.comment-official{background: #F9FAFC;}
.post .comment-actions-container{margin-top: 24px;}
.post .comment-meta{display:flex;flex-wrap: wrap;column-gap: 8px;}
.post .comment-meta span:first-child{width: 100%;}
.post .author_name{display: flex; align-items: center; column-gap: 4px; width: 100%;}
.post .author_name a{font-size: 16px; line-height: 24px; color: #4E5968;}
.post .author_name img{width: 16px; height: 16px;}
.post .badge_title_comment{font-weight: 700; font-size: 14px; line-height: 22px; color: #D98A14;}
.post .badge_title_comment + .time_edit{font-weight: 400; font-size: 14px; line-height: 22px; color: #6B7684;}
.post .comment-body{margin-top: 16px;}
.post .comment-body img{width: auto;}
.post .comment-vote button{background: url(/hc/theming_assets/01HZKX9CBW8T40H2FKKY5MVSKE) no-repeat left center / 14px; padding: 0; padding-left: 20px;transition:background .2s;}
.post .comment-vote button.vote-voted{background-image: url(/hc/theming_assets/01HZKX9B1PEY4MKX7RX684E0PD);}
.post .comment-vote button:hover{background-image: url(/hc/theming_assets/01HZKX9BNY2YEZZ6JYP29PMQXF);}
/* community post page - 종료 */
  
  
#hc-wysiwyg [role=toolbar]{position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 0 16px; border-bottom: 0; line-height: 36px; border-top: 1px solid #D8D8D8; background-color:#fff; cursor:pointer}
  ::-webkit-file-upload-button { cursor:pointer }
.form-field .nesty-input[aria-required="true"][aria-describedby*="error"], .form-field input[type="text"][aria-required="true"][aria-describedby*="error"], [aria-required="true"][aria-describedby*="error"] + #hc-wysiwyg, [aria-required="true"][aria-describedby*="error"] + #hc-wysiwyg [role=toolbar]{border-color: #D74C54;}
#hc-wysiwyg span:not(.wysiwyg-icon-image){display: none;}
#hc-wysiwyg span.wysiwyg-icon-image{position: relative; background: url(/hc/theming_assets/01HZKX9CSQJ8FK62REVEYN27V2) no-repeat left center / 13px auto !important; display: block; height: 35px; margin: 0; padding: 0; line-height: 35px; border: 0;}
#hc-wysiwyg span.wysiwyg-icon-image:after{position: absolute; top: 0; left: 20px; display: block; content: '이미지 첨부'; font-weight: 400; font-size: 14px; color: #8B95A1;}
.notification-inline.notification-error{background: none; padding: 0; border: 0; font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: -0.02em;}
.notification-inline.notification-error:before{display: none;}
  
  
/* user profile page - 시작 */
.profile-section .wrap_stats{display:flex;}
/* user profile page - 종료 */
  
/* community topic list page - 시작 */
.topic_list .section-tree .inner{row-gap:80px;}

.topic_list .section-tree-title{margin-bottom: 32px;font-size:40px;line-height: 52px;letter-spacing: -0.04em;color: #191919;}
.topic_list .list_tab.topic{padding-bottom: 24px; border-bottom: 1px solid #8B95A1;}
.topic_list .list_content_product{flex-direction: column;}

.topics-list{margin-top: 32px;}
.topics-item{flex: 0 1 384px;max-width:384px;}
.topic_link{display:flex; align-items: center; background: #fff; padding: 16px; border: 1px solid #E5E8EB; border-radius: 6px; width: inherit; height: 76px; gap: 16px; transition: box-shadow .2s;}
.topic_link:hover{box-shadow: 0px 10px 12px rgba(179, 183, 187, 0.5);}
.topic_img{width: 44px; height: 44px;}
.topic_txt{font-weight: 600; font-size: 16px; line-height: 24px; color: #333D4B;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-break: break-all;}

.topic_list .promoted-articles-item{width: 100%;}
.topic_list .promoted-articles-item a{padding: 0; height: 64px; line-height: 64px; border-bottom: 1px solid #E5E8EB; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-break: break-all;}

.topic_list .wrap{position:relative;}
.topic_list .btn_more{position:absolute; right:0; bottom:0;background:url(/hc/theming_assets/01HZKX9M9G9SAX3GQNE8H12PR7) no-repeat right center / 24px;padding-right:24px;font-weight: 500;font-size: 14px;letter-spacing: -0.02em;color: #333D4B;line-height:32px;}
.topic_list .section-tree-title + .wrap .btn_more{bottom:24px;}
.topic_list .section-tree-title + .list_table{border-top:1px solid #8B95A1;}
.list_table ul li{border-bottom: 1px solid #ddd;}
.list_table a{display: flex; justify-content:space-between; height: 64px; padding: 20px 0; line-height: 64px; padding: 0; overflow: hidden;}
.list_table a > div{display:flex;}
.list_table a .category{width: 100px; padding-left: 16px; font-weight: 500; font-size: 13px; color: #4E5968;overflow: hidden; white-space: pre; text-overflow: ellipsis; text-align:center;}
.list_table a .title{width: 766px; padding-left:16px; font-weight: 500; font-size: 16px; color: #333D4B; overflow: hidden; white-space: pre; text-overflow: ellipsis;}
.list_table a .category + .title{width:666px;}
.list_table a .time{width: 200px; padding-right: 16px; text-align: right; font-size: 13px; color: #8B95A1;}
/* community topic list page - 종료*/
  
  
  
  
/* ******************************************************
  component - 시작
****************************************************** */
/* 파일 첨부 스타일 - 시작 */
.upload-dropzone{background: #333D4B; width: auto; max-width: 160px; height: 60px; padding: 0; line-height: 60px; font-weight: 500; font-size: 16px; letter-spacing: -0.02em; color: #fff; border-radius: 4px;}
.upload-dropzone span{display:block;height:58px;line-height: 58px;padding: 0;}
.upload-dropzone a{font-size:16px;color:#fff;user-select:none}
.upload-pool{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.upload-item{width: auto;min-width: 160px;max-width:298px;height: 60px;margin-top:0;line-height: 60px; padding: 0 24px;border: 1px solid #D1D6DB;}
.upload-item .upload-remove{margin: 0 0 0 6px;}
.upload-item+.upload-item{margin-top:0;}
.upload-item .upload-link{max-width:220px;}
.upload-item>svg{display:none;}
.upload-item-icon{width:20px;height:24px;padding:3px;}
.upload-item-icon-spacer{display:none;}
  
/* filter 스타일 - 시작 */
.wrap_select {display:flex;column-gap:10px;align-items:flex-start;}
.wrap_select > div {position: relative;}
.wrap_select ul{display: none; position: absolute; left: 0; bottom: -8px; z-index: 1; transform: translateY(100%); background-color: #fff; width: auto; min-width:172px; max-height: 310px; padding:10px 0; border: 1px solid #E5E8EB; border-radius: 4px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); overflow: auto;}
.item_filter.on + ul{display: block;}
.wrap_select input[type="checkbox"]{position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0;}
.wrap_select input[type="checkbox"] + span {position: relative; width: max-content; padding: 0 32px 0 42px; color: #4E5968; display: block; line-height: 40px; font-size: 14px; font-weight: 500; user-select:none}
.wrap_select input[type="checkbox"] + span:before{position: absolute; top: 10px; left: 16px; content: ''; width: 20px; height: 20px; border: 2px solid #D1D6DB; border-radius: 4px; box-sizing: border-box;}
.wrap_select input[type="checkbox"] + span:after{display:none;position: absolute; top: 2px; left: 8px; content:''; background-color:#3671E3; width: 36px; height: 36px; border-radius: 4px; box-sizing: border-box; opacity: 0.1;}
.wrap_select input[type="checkbox"] + span:active:after{display:block;}
.wrap_select input[type="checkbox"] + span:hover:before{border-color:#3671E3;}
.wrap_select input[type="checkbox"]:checked + span:before{background:#3671E3 url(/hc/theming_assets/01HZKX9CGXQQXP95V8E5B32F32) no-repeat center / auto 10px;border-color: #1C7ED6;}
.wrap_select ul li label {position: relative; display: block; cursor:pointer}
.item_filter, .wrap_select input[type="button"]{height: 48px; padding: 0 24px; line-height: 48px; color: #6B7684; word-break: keep-all; border: 1px solid #E5E8EB; border-radius: 4px;}
.item_filter{background: url(/hc/theming_assets/01HZKX9285BR96C6SZ80A8AT8P) no-repeat right 24px center / 10px auto; padding-right: 48px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* 인터넷익스플로러 */ user-select: none;}
.filter_detail{background: url(/hc/theming_assets/01HZKX92YCPYJKV2FG2FB1ZKQ3) no-repeat right 24px center / 9px auto; padding-right: 48px; border: 1px solid #1C7ED6; color:#1C7ED6;cursor:pointer}
.item_filter.inactive {background-image:url(/hc/theming_assets/01HZKX9RW1D5AVRW881MH3JA4K);background-color:#F5F7FA;color:#D1D6DB;cursor:default}
  
#filter_init{background-color: #333D4B; color: #fff; border-color: #333D4B; cursor: pointer}
.search-results #filter_init:disabled,
#filter_init:disabled{background-color: #F5F7FA; border-color: #E5E8EB;color:#D1D6DB; cursor: default;}
/* filter 스타일 - 종료 */
/* ******************************************************
  component - 종료
****************************************************** */