@charset "utf-8";

/* pretendard */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");


/* default */
/* 55% => 1rem === 8.8px */
/* 62.5% => 1rem === 10px */
/* 75% => 1rem === 12px */
html{width:100%; font-size:62.5%; line-height:1.5;}
body{width:100%; font-family:'pretendard', sans-serif; color:#171717; padding:0px; margin:0px;font-weight:400; word-break:keep-all;}
button{font-family: inherit;outline: none;}

/* IE font size */
@media screen and (min-width: 0\0) {
/* IE 9, IE 10, IE 11 */
:root,
    html {
        font-size: 10px;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE 10, IE 11 */
:root,
    html {
        font-size: 10px;
    }
}

div, p, ul, li,ol, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px; margin:0px; vertical-align:top;}
ul, ol, dl, dd, dt, li {list-style-type:none;}
form, fieldset{margin:0; padding:0; border:0;}
table, tbody, tfoot, thead, tr, th, td{border-collapse:collapse; border-spacing:0;} 

/*border:none; separate*/
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}

legend{display:none; position:absolute; visibility:hidden}
caption{visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0px; margin:0px; padding:0px; line-height:0px;}
img {border:0; vertical-align:middle; outline:none}
optgroup {font-style:normal; font-size:0px; height:0px; line-height:0px}
input {vertical-align:middle;}
select {vertical-align:middle;}
textarea {font-weight:400;}
label {cursor:pointer;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
/*i, em {font-style:normal;} */
span{letter-spacing:normal}
button{cursor:pointer;}

button {border:0 none; background-color:transparent; cursor:pointer;}

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
padding:0;
margin:0
}
/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none;}
input:focus,textarea:focus {outline:none;}

input[type="radio"]{border:none transparent}

/* a링크 */
a{color:#000;}
a:focus{outline: none;}
a:link, a:visited {text-decoration:none}

/*
@media only screen and (max-width: 1200px) {
    html{font-size:56.25%;}
}

@media only screen and (max-width: 960px) {
    html{font-size:55%;}
}

@media only screen and (max-width: 720px) {
    html{font-size:50%;}
}
*/


:root{
  /* Color */
  --global-color-primary:#00aee6;
  --global-color-primary_light:#DFF4FB;
  --global-color-secondary:#2a3554;
  --global-color-navy:#003a82;
  --global-color-white:#ffffff;
  --global-color-black:#171717;
  --global-color-black-1000:#000000;
  --global-color-error:#CF0000;
  --global-color-success:#00ADE5;
  --global-color-gray-100:#eeeeee;
  --global-color-gray-200:#dddddd;
  --global-color-gray-300:#cccccc;
  --global-color-gray-400:#bbbbbb;
  --global-color-gray-500:#aaaaaa;
  --global-color-gray-600:#999999;
  --global-color-gray-700:#888888;
  --global-color-gray-800:#777777;
  --global-color-gray-900:#666666;
  --global-color-gray-etc:#9e9e9e;
  --global-color-line:#e5e5e5;
  --global-color-line-dark:#555555;
  --global-color-transparent:transparent;
  --global-color-bg-overlay:rgba(0, 0, 0, 0.3);

  /* Font-size */
  --global-h1-size:40px;
  --global-h2-size:32px;
  --global-h3-size:28px;
  --global-h4-size:20px;
  --global-h5-size:18px;
  --global-body1-size:18px;
  --global-body2-size:16px;
  --global-body3-size:14px;
  --global-body4-size:12px;

  --global-size-24:24px;
  --global-size-22:22px;

  /* Margin & Padding */
  --global-size-type1:4px;
  --global-size-type2:8px;
  --global-size-type3:12px;
  --global-size-type4:16px;
  --global-size-type5:20px;
  --global-size-type6:24px;
  --global-size-type7:28px;
  --global-size-type8:32px;
  --global-size-type9:36px;
  --global-size-type10:40px;
  --global-size-type11:44px;
  --global-size-type12:48px;
  --global-size-type13:52px;
  --global-size-type14:56px;
  --global-size-type15:60px;
  --global-size-type16:64px;
  --global-size-type17:68px;
  --global-size-type18:72px;
  --global-size-type19:76px;
  --global-size-type20:80px;
  --global-size-type21:84px;
  --global-size-type22:88px;
  --global-size-type23:92px;
  --global-size-type24:96px;
  --global-size-type25:100px;

  /* Border Size */
  --global-border-size1:1px;
  --global-border-size2:2px;
  --global-border-size3:3px;
  --global-border-size4:4px;
  --global-border-size5:5px;
  --global-border-size6:6px;
  --global-border-size7:7px;
  --global-border-size8:8px;
  --global-border-size9:9px;
  --global-border-size10:10px;
}

/* Margin Center Align */
.margin-0-auto{margin:0 auto;}

/* Width Size */
.width-size100{width:100%;}
.width-size90{width:90%;}
.width-size80{width:80%;}
.width-size70{width:70%;}
.width-size60{width:60%;}
.width-size50{width:50%;}
.width-size40{width:40%;}
.width-size30{width:30%;}
.width-size20{width:20%;}
.width-size10{width:10%;}

.width-max-1000px{max-width:1000px;}
.width-max-1200px{max-width:1200px;}

/* Border Style */
.border-top-size1{border-top-width:var(--global-border-size1);}
.border-top-size2{border-top-width:var(--global-border-size2);}
.border-top-size3{border-top-width:var(--global-border-size3);}
.border-top-size4{border-top-width:var(--global-border-size4);}
.border-top-size5{border-top-width:var(--global-border-size5);}
.border-top-size6{border-top-width:var(--global-border-size6);}
.border-top-size7{border-top-width:var(--global-border-size7);}
.border-top-size8{border-top-width:var(--global-border-size8);}
.border-top-size9{border-top-width:var(--global-border-size9);}
.border-top-size10{border-top-width:var(--global-border-size10);}

.border-bottom-size1{border-bottom-width:var(--global-border-size1);}
.border-bottom-size2{border-bottom-width:var(--global-border-size2);}
.border-bottom-size3{border-bottom-width:var(--global-border-size3);}
.border-bottom-size4{border-bottom-width:var(--global-border-size4);}
.border-bottom-size5{border-bottom-width:var(--global-border-size5);}
.border-bottom-size6{border-bottom-width:var(--global-border-size6);}
.border-bottom-size7{border-bottom-width:var(--global-border-size7);}
.border-bottom-size8{border-bottom-width:var(--global-border-size8);}
.border-bottom-size9{border-bottom-width:var(--global-border-size9);}
.border-bottom-size10{border-bottom-width:var(--global-border-size10);}

.border-left-size1{border-left-width:var(--global-border-size1);}
.border-left-size2{border-left-width:var(--global-border-size2);}
.border-left-size3{border-left-width:var(--global-border-size3);}
.border-left-size4{border-left-width:var(--global-border-size4);}
.border-left-size5{border-left-width:var(--global-border-size5);}
.border-left-size6{border-left-width:var(--global-border-size6);}
.border-left-size7{border-left-width:var(--global-border-size7);}
.border-left-size8{border-left-width:var(--global-border-size8);}
.border-left-size9{border-left-width:var(--global-border-size9);}
.border-left-size10{border-left-width:var(--global-border-size10);}

.border-right-size1{border-right-width:var(--global-border-size1);}
.border-right-size2{border-right-width:var(--global-border-size2);}
.border-right-size3{border-right-width:var(--global-border-size3);}
.border-right-size4{border-right-width:var(--global-border-size4);}
.border-right-size5{border-right-width:var(--global-border-size5);}
.border-right-size6{border-right-width:var(--global-border-size6);}
.border-right-size7{border-right-width:var(--global-border-size7);}
.border-right-size8{border-right-width:var(--global-border-size8);}
.border-right-size9{border-right-width:var(--global-border-size9);}
.border-right-size10{border-right-width:var(--global-border-size10);}

.border-color-line{border-color:var(--global-color-line);}
.border-color-gray900{border-color:var(--global-color-gray-900);}

.border-style-solid{border-style:solid;}




/* font guide */
.global-title-h1{font-size:var(--global-h1-size);}
.global-title-h2{font-size:var(--global-h2-size);}
.global-title-h3{font-size:var(--global-h3-size);}
.global-title-h4{font-size:var(--global-h4-size);}
.global-title-h5{font-size:var(--global-h5-size);}
.global-body2-text{font-size:var(--global-body2-size); color:var(--global-color-gray-900);}

.element-body1{font-size:var(--global-body1-size);}
.element-body2{font-size:var(--global-body2-size);}
.element-body3{font-size:var(--global-body3-size);}
.element-caption{font-size:var(--global-body4-size);}

/* font color */
.global-font-color-black{color:var(--global-color-black);}
.global-font-color-white{color:var(--global-color-white);}
.font-color-gray-etc{color:var(--global-color-gray-etc);}

/* font weight */
.global-font-normal{font-weight:normal;}
.global-font-semiBold{font-weight:500;} /* 600 */
.global-font-bold{font-weight:600;} /* 700 */

/* Background Color */
.BackgrundTransparent{background-color:transparent;}
.global-bgcolor-gray-100{background-color: var(--global-color-gray-100);}
.BackgrundWhite{background-color:var(--global-color-white);}

/* BTN */
.large-btn-skyblue a, .large-btn-skyblue button{display:inline-block; box-sizing:border-box; padding:17px 28px 16px; border:0px; border-radius:4px; font-size:var(--global-body1-size); color:var(--global-color-white); background-color:var(--global-color-primary); line-height: 1;}
.large-btn-skyblue a:hover, .large-btn-skyblue button:hover{background-color:var(--global-color-secondary); transition: all .2s ease;}
.medium-btn-skyblue a, .medium-btn-skyblue button{display:inline-block; box-sizing:border-box; padding:10px 24px; border:0px; border-radius:4px; font-size:var(--global-body2-size); color:var(--global-color-white); background-color:var(--global-color-primary); line-height: 1;}
.medium-btn-skyblue a:hover, .medium-btn-skyblue button:hover{background-color:var(--global-color-secondary); transition: all .2s ease;}
.small-btn-skyblue a, .small-btn-skyblue button{display:inline-block; box-sizing:border-box; padding:6px 16px; border:0px; border-radius:4px; font-size:var(--global-body4-size); color:var(--global-color-white); background-color:var(--global-color-primary); line-height: 1;}
.small-btn-skyblue a:hover, .small-btn-skyblue button:hover{background-color:var(--global-color-secondary); transition: all .2s ease;}


.full-btn-line-skyblue a, .full-btn-line-skyblue button{display:inline-block;width: 100%; box-sizing:border-box; padding:17px 28px 16px; border:1px solid var(--global-color-primary); border-radius:4px; font-size:var(--global-h5-size); color:var(--global-color-primary); line-height: 1;}
.full-btn-line-skyblue a:hover, .full-btn-line-skyblue button:hover{background-color:var(--global-color-primary_light); transition: all .2s ease;}
.large-btn-line-skyblue a, .large-btn-line-skyblue button{display:inline-block; box-sizing:border-box; padding:17px 28px 16px; border:1px solid var(--global-color-primary);  border-radius:4px; font-size:var(--global-body1-size); color:var(--global-color-primary); line-height: 1;}
.large-btn-line-skyblue a:hover, .large-btn-line-skyblue button:hover{background-color:var(--global-color-primary_light); transition: all .2s ease;}
.medium-btn-line-skyblue a, .medium-btn-line-skyblue button{display:inline-block; box-sizing:border-box; padding:10px 24px;border:1px solid var(--global-color-primary); border-radius:4px; font-size:var(--global-body2-size); color:var(--global-color-primary); line-height: 1;}
.medium-btn-line-skyblue a:hover, .medium-btn-line-skyblue button:hover{background-color:var(--global-color-primary_light); transition: all .2s ease;}
.small-btn-line-skyblue a, .small-btn-line-skyblue button{display:inline-block; box-sizing:border-box; padding:6px 16px; border:1px solid var(--global-color-primary); font-size:var(--global-body4-size);  border-radius:4px; color:var(--global-color-primary); line-height: 1;}
.small-btn-line-skyblue a:hover, .small-btn-line-skyblue button:hover{background-color:var(--global-color-primary_light); transition: all .2s ease;}


.large-btn-black a, .large-btn-black button{display:inline-block; box-sizing:border-box; padding:17px 28px 16px; font-size:var(--global-body1-size); color:var(--global-color-white); border:1px solid var(--global-color-black);  border-radius:4px; background-color:var(--global-color-black);    line-height: 1;}
.large-btn-black a:hover, .large-btn-black button:hover{color:var(--global-color-black); background-color:var(--global-color-white); border:1px solid var(--global-color-black); transition: all .2s ease;}
.medium-btn-black a, .medium-btn-black button{display:inline-block; border-radius:4px; box-sizing:border-box; padding:9px 23px; font-size:var(--global-body2-size); color:var(--global-color-white); border:1px solid var(--global-color-black); background-color:var(--global-color-black);    line-height: 1;}
.medium-btn-black a:hover, .medium-btn-black button:hover{color:var(--global-color-black); background-color:var(--global-color-white); border:1px solid var(--global-color-black); transition: all .2s ease;}
.small-btn-black a, .small-btn-black button{display:inline-block; box-sizing:border-box; padding:5px 15px; font-size:var(--global-body4-size); color:var(--global-color-white); border:1px solid var(--global-color-black); border-radius:4px; background-color:var(--global-color-black);    line-height: 1;}
.small-btn-black a:hover, .small-btn-black button:hover{color:var(--global-color-black); background-color:var(--global-color-white); border:1px solid var(--global-color-black); transition: all .2s ease;}

.large-btn-white a, .large-btn-white button{display:inline-block; box-sizing:border-box; padding:17px 28px 16px; font-size:var(--global-body1-size); color:var(--global-color-black); border:1px solid var(--global-color-black); border-radius:4px; background-color:var(--global-color-white);    line-height: 1;}
.large-btn-white a:hover, .large-btn-white button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-black); transition: all .2s ease;}
.medium-btn-white a, .medium-btn-white button{display:inline-block; box-sizing:border-box; padding:9px 23px; font-size:var(--global-body2-size); color:var(--global-color-black); border:1px solid var(--global-color-black); border-radius:4px; background-color:var(--global-color-white);    line-height: 1;}
.medium-btn-white a:hover, .medium-btn-white button:hover, .medium-btn-white-transparent a:hover, .medium-btn-white-transparent button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-black); transition: all .2s ease;}
.small-btn-white a, .small-btn-white button{display:inline-block; box-sizing:border-box; padding:5px 15px; font-size:var(--global-body4-size); color:var(--global-color-black); border:1px solid var(--global-color-black); border-radius:4px; background-color:var(--global-color-white);    line-height: 1;}
.small-btn-white a:hover, .small-btn-white button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-black); transition: all .2s ease;}

.large-btn-line-white a, .large-btn-line-white button{display:inline-block; box-sizing:border-box; padding:17px 28px 16px; border:1px solid var(--global-color-white); font-size:var(--global-body1-size); color:var(--global-color-white); border-radius:4px;     line-height: 1;}
.large-btn-line-white a:hover, .large-btn-line-white button:hover{background-color:var(--global-color-white); color:var(--global-color-black);transition: all .2s ease;}
.medium-btn-line-white a, .large-btn-line-white button{display:inline-block; box-sizing:border-box; padding:10px 24px;border:1px solid var(--global-color-white);  font-size:var(--global-body2-size); color:var(--global-color-white); border-radius:4px;     line-height: 1;}
.medium-btn-line-white a:hover, .large-btn-line-white button:hover{background-color:var(--global-color-white); color:var(--global-color-black);transition: all .2s ease;}
.small-btn-line-white a, .large-btn-line-white button{display:inline-block; box-sizing:border-box; padding:6px 16px; border:1px solid var(--global-color-white); font-size:var(--global-body4-size); color:var(--global-color-white);  border-radius:4px;    line-height: 1;}
.small-btn-line-white a:hover, .large-btn-line-white button:hover{background-color:var(--global-color-white); color:var(--global-color-black);transition: all .2s ease;}


/*버튼 스타일 추가*/
.large-btn-line-black a, .large-btn-line-black button{display:inline-block; box-sizing:border-box; padding:17px 28px 16px; font-size:var(--global-body1-size); color:var(--global-color-black); border:1px solid var(--global-color-white); border-radius:4px; background-color:var(--global-color-white);    line-height: 1;}
.large-btn-line-black a:hover, .large-btn-line-black button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-white); transition: all .2s ease;}
.medium-btn-line-black a, .medium-btn-line-black button{display:inline-block; box-sizing:border-box; padding:9px 23px; font-size:var(--global-body2-size); color:var(--global-color-black); border:1px solid var(--global-color-black); border-radius:4px; background-color:var(--global-color-white);    line-height: 1;}
.medium-btn-line-black a:hover, .medium-btn-line-black button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-white); transition: all .2s ease;}
.small-btn-line-black a, .small-btn-line-black button{display:inline-block; box-sizing:border-box; padding:5px 15px; font-size:var(--global-body4-size); color:var(--global-color-black); border:1px solid var(--global-color-black); border-radius:4px; background-color:var(--global-color-white);    line-height: 1;}
.small-btn-line-black a:hover, .small-btn-line-black button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-white); transition: all .2s ease;}

.large-btn-arrow a, .large-btn-arrow button{display:inline-block; box-sizing:border-box; padding:4px; font-size:var(--global-body1-size); color:var(--global-color-black); line-height: 1;}
.large-btn-arrow a::after, .large-btn-arrow button::after{content:''; display:inline-block; width:40px; height:10px; margin-left:12px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-btn-arrow-large.png') center/cover no-repeat; transition: all .2s ease;}
.large-btn-arrow a:hover, .large-btn-arrow button:hover{color:var(--global-color-primary); transition: all .2s ease;}
.large-btn-arrow a:hover::after, .large-btn-arrow button:hover::after{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-btn-arrow-large-active.png') center/cover no-repeat;}


.medium-btn-arrow a, .medium-btn-arrow button{font-family:'pretendard', sans-serif; display:inline-block; box-sizing:border-box; font-size:var(--global-body1-size); font-weight:500; color:var(--global-color-black); line-height: 1;}
.medium-btn-arrow a::after, .medium-btn-arrow button::after{content:''; display:inline-block; width:24px; height:10px; margin-left:16px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-btn-arrow-small.png') center/cover no-repeat; transition: all .2s ease;}
.medium-btn-arrow a:hover, .medium-btn-arrow button:hover{color:var(--global-color-primary); transition: all .2s ease;}
.medium-btn-arrow a:hover::after, .medium-btn-arrow button:hover::after{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-btn-arrow-small-active.png') center/cover no-repeat;}

.small-btn-arrow a, .small-btn-arrow button{font-family:'pretendard', sans-serif; display:inline-block; box-sizing:border-box; font-size:var(--global-body2-size); font-weight:500; color:var(--global-color-black); line-height: 1;}
.small-btn-arrow a::after, .small-btn-arrow button::after{content:''; display:inline-block; width:24px; height:10px; margin-left:16px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-btn-arrow-small.png') center/cover no-repeat; transition: all .2s ease;}
.small-btn-arrow a:hover, .small-btn-arrow button:hover{color:var(--global-color-primary); transition: all .2s ease;}
.small-btn-arrow a:hover::after, .small-btn-arrow button:hover::after{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-btn-arrow-small-active.png') center/cover no-repeat;}

/* 
.medium-btn-line-black a, .medium-btn-line-black button{display:inline-block; box-sizing:border-box; padding:9px 23px; font-size:var(--global-body2-size); color:var(--global-color-black); border:1px solid var(--global-color-black); border-radius:4px; background-color:var(--global-color-white);    line-height: 1;}
.medium-btn-line-black a:hover, .medium-btn-line-black button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-white); transition: all .2s ease;}
.small-btn-line-black a, .small-btn-line-black button{display:inline-block; box-sizing:border-box; padding:5px 15px; font-size:var(--global-body4-size); color:var(--global-color-black); border:1px solid var(--global-color-black); border-radius:4px; background-color:var(--global-color-white);    line-height: 1;}
.small-btn-line-black a:hover, .small-btn-line-black button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-white); transition: all .2s ease;}
*/

.btn-full{width: 100%;}
.btn-full :is(a,button){width: 100%;text-align: center;}
.btn-transparent :is(a,button){background-color: transparent}

/* BTN ETC */
.BTN-full a, .BTN-full button{width:100%;}
.medium-btn-white-transparent a, .medium-btn-white-transparent button{padding:9px 23px; font-size:var(--global-body2-size); color:var(--global-color-black); border:1px solid var(--global-color-black); background-color:var(--global-color-transparent);}



/* Padding */
.desktop-padding-top-4{padding-top:4px;}
.desktop-padding-top-8{padding-top:8px;}
.desktop-padding-top-12{padding-top:12px;}
.desktop-padding-top-16{padding-top:16px;}
.desktop-padding-top-20{padding-top:20px;}
.desktop-padding-top-24{padding-top:24px;}
.desktop-padding-top-28{padding-top:28px;}
.desktop-padding-top-32{padding-top:32px;}
.desktop-padding-top-36{padding-top:36px;}
.desktop-padding-top-40{padding-top:40px;}
.desktop-padding-top-60{padding-top:60px;}
.desktop-padding-top-80{padding-top:80px;}
/*
.mobile-padding-top-4, .mobile-padding-top-8, .mobile-padding-top-12, .mobile-padding-top-16, .mobile-padding-top-20, .mobile-padding-top-24, .mobile-padding-top-28, .mobile-padding-top-32, .mobile-padding-top-36, .mobile-padding-top-40{padding-top:0px;}
*/
.desktop-padding-bottom-4{padding-bottom:4px;}
.desktop-padding-bottom-8{padding-bottom:8px;}
.desktop-padding-bottom-12{padding-bottom:12px;}
.desktop-padding-bottom-16{padding-bottom:16px;}
.desktop-padding-bottom-20{padding-bottom:20px;}
.desktop-padding-bottom-24{padding-bottom:24px;}
.desktop-padding-bottom-28{padding-bottom:28px;}
.desktop-padding-bottom-32{padding-bottom:32px;}
.desktop-padding-bottom-36{padding-bottom:36px;}
.desktop-padding-bottom-40{padding-bottom:40px;}
.desktop-padding-bottom-60{padding-bottom:60px;}
.desktop-padding-bottom-80{padding-bottom:80px;}
/*
.mobile-padding-bottom-4, .mobile-padding-bottom-8, .mobile-padding-bottom-12, .mobile-padding-bottom-16, .mobile-padding-bottom-20, .mobile-padding-bottom-24, .mobile-padding-bottom-28, .mobile-padding-bottom-32, .mobile-padding-bottom-36, .mobile-padding-bottom-40{padding-bottom:0px;}
*/
.desktop-padding-left-4{padding-left:4px;}
.desktop-padding-left-8{padding-left:8px;}
.desktop-padding-left-12{padding-left:12px;}
.desktop-padding-left-16{padding-left:16px;}
.desktop-padding-left-20{padding-left:20px;}
.desktop-padding-left-24{padding-left:24px;}
.desktop-padding-left-28{padding-left:28px;}
.desktop-padding-left-32{padding-left:32px;}
.desktop-padding-left-36{padding-left:36px;}
.desktop-padding-left-40{padding-left:40px;}
/*
.mobile-padding-left-4, .mobile-padding-left-8, .mobile-padding-left-12, .mobile-padding-left-16, .mobile-padding-left-20, .mobile-padding-left-24, .mobile-padding-left-28, .mobile-padding-left-32, .mobile-padding-left-36, .mobile-padding-left-40{padding-left:0px;}
*/
.desktop-padding-right-4{padding-right:4px;}
.desktop-padding-right-8{padding-right:8px;}
.desktop-padding-right-12{padding-right:12px;}
.desktop-padding-right-16{padding-right:16px;}
.desktop-padding-right-20{padding-right:20px;}
.desktop-padding-right-24{padding-right:24px;}
.desktop-padding-right-28{padding-right:28px;}
.desktop-padding-right-32{padding-right:32px;}
.desktop-padding-right-36{padding-right:36px;}
.desktop-padding-right-40{padding-right:40px;}
/*
.mobile-padding-right-4, .mobile-padding-right-8, .mobile-padding-right-12, .mobile-padding-right-16, .mobile-padding-right-20, .mobile-padding-right-24, .mobile-padding-right-28, .mobile-padding-right-32, .mobile-padding-right-36, .mobile-padding-right-40{padding-right:0px;}
*/
/* Margin */
.desktop-margin-top-4{margin-top:4px;}
.desktop-margin-top-6{margin-top:6px;}
.desktop-margin-top-8{margin-top:8px;}
.desktop-margin-top-10{margin-top:10px;}
.desktop-margin-top-12{margin-top:12px;}
.desktop-margin-top-14{margin-top:14px;}
.desktop-margin-top-16{margin-top:16px;}
.desktop-margin-top-18{margin-top:18px;}
.desktop-margin-top-20{margin-top:20px;}
.desktop-margin-top-24{margin-top:24px;}
.desktop-margin-top-28{margin-top:28px;}
.desktop-margin-top-30{margin-top:30px;}
.desktop-margin-top-32{margin-top:32px;}
.desktop-margin-top-36{margin-top:36px;}
.desktop-margin-top-40{margin-top:40px;}
.desktop-margin-top-50{margin-top:50px;}
.desktop-margin-top-60{margin-top:60px;}
.desktop-margin-top-70{margin-top:70px;}
.desktop-margin-top-80{margin-top:80px;}
/*
.mobile-margin-top-4, .mobile-margin-top-8, .mobile-margin-top-12, .mobile-margin-top-16, .mobile-margin-top-20, .mobile-margin-top-24, .mobile-margin-top-28, .mobile-margin-top-32, .mobile-margin-top-36, .mobile-margin-top-40{margin-top:0px;}
*/
.desktop-margin-bottom-4{margin-bottom:4px;}
.desktop-margin-bottom-8{margin-bottom:8px;}
.desktop-margin-bottom-8{margin-bottom:10px;}
.desktop-margin-bottom-12{margin-bottom:12px;}
.desktop-margin-bottom-16{margin-bottom:16px;}
.desktop-margin-bottom-20{margin-bottom:20px;}
.desktop-margin-bottom-24{margin-bottom:24px;}
.desktop-margin-bottom-28{margin-bottom:28px;}
.desktop-margin-bottom-32{margin-bottom:32px;}
.desktop-margin-bottom-36{margin-bottom:36px;}
.desktop-margin-bottom-60{margin-bottom:60px;}
.desktop-margin-bottom-40{margin-bottom:40px;}
.desktop-margin-bottom-80{margin-bottom:80px;}
/*
.mobile-margin-bottom-4, .mobile-margin-bottom-8, .mobile-margin-bottom-12, .mobile-margin-bottom-16, .mobile-margin-bottom-20, .mobile-padding-margin-24, .mobile-margin-bottom-28, .mobile-margin-bottom-32, .mobile-margin-bottom-36, .mobile-margin-bottom-40{margin-bottom:0px;}
*/
.desktop-margin-left-4{margin-left:4px;}
.desktop-margin-left-8{margin-left:8px;}
.desktop-margin-left-12{margin-left:12px;}
.desktop-margin-left-16{margin-left:16px;}
.desktop-margin-left-20{margin-left:20px;}
.desktop-margin-left-24{margin-left:24px;}
.desktop-margin-left-28{margin-left:28px;}
.desktop-margin-left-32{margin-left:32px;}
.desktop-margin-left-36{margin-left:36px;}
.desktop-margin-left-40{margin-left:40px;}
/*
.mobile-margin-left-4, .mobile-margin-left-8, .mobile-margin-left-12, .mobile-margin-left-16, .mobile-margin-left-20, .mobile-margin-left-24, .mobile-margin-left-28, .mobile-margin-left-32, .mobile-margin-left-36, .mobile-margin-left-40{margin-left:0px;}
*/
.desktop-margin-right-4{margin-right:4px;}
.desktop-margin-right-8{margin-right:8px;}
.desktop-margin-right-12{margin-right:12px;}
.desktop-margin-right-16{margin-right:16px;}
.desktop-margin-right-20{margin-right:20px;}
.desktop-margin-right-24{margin-right:24px;}
.desktop-margin-right-28{margin-right:28px;}
.desktop-margin-right-32{margin-right:32px;}
.desktop-margin-right-36{margin-right:36px;}
.desktop-margin-right-40{margin-right:40px;}
/*
.mobile-margin-right-4, .mobile-margin-right-8, .mobile-margin-right-12, .mobile-margin-right-16, .mobile-margin-right-20, .mobile-margin-right-24, .mobile-margin-right-28, .mobile-margin-right-32, .mobile-margin-right-36, .mobile-margin-right-40{padding-right:0px;}
*/
/* Contents Layout */
.aem-grid-area{display:flex; gap:24px; width:100%;}
.desktop-col-1{width:calc((100% / 12) - 12px); max-width:calc((100% / 12) - 12px); transition: all .2s ease;}
.desktop-col-2{width:calc((100% / 12) * 2 - 12px); max-width:calc((100% / 12) * 2 - 12px); transition: all .2s ease;}
.desktop-col-3{width:calc((100% / 12) * 3 - 12px); max-width:calc((100% / 12) * 3 - 12px); transition: all .2s ease;}
.desktop-col-4{width:calc((100% / 12) * 4 - 12px); max-width:calc((100% / 12) * 4 - 12px); transition: all .2s ease;}
.desktop-col-5{width:calc((100% / 12) * 5 - 12px); max-width:calc((100% / 12) * 5 - 12px); transition: all .2s ease;}
.desktop-col-6{width:calc((100% / 12) * 6 - 12px); max-width:calc((100% / 12) * 6 - 12px); transition: all .2s ease;}
.desktop-col-7{width:calc((100% - (100% / 12) * 5) - 12px); max-width:calc((100% - (100% / 12) * 5) - 12px); transition: all .2s ease;}
.desktop-col-8{width:calc((100% - (100% / 12) * 4) - 12px); max-width:calc((100% - (100% / 12) * 4) - 12px); transition: all .2s ease;}
.desktop-col-9{width:calc((100% - (100% / 12) * 3) - 12px); max-width:calc((100% - (100% / 12) * 3) - 12px); transition: all .2s ease;}
.desktop-col-10{width:calc((100% - (100% / 12) * 2) - 12px); max-width:calc((100% - (100% / 12) * 2) - 12px); transition: all .2s ease;}
.desktop-col-11{width:calc((100% - 100% / 12) - 12px); max-width:calc((100% - 100% / 12) - 12px); transition: all .2s ease;}

.desktop-col-8x2{width:calc((100% / 12) * 6 - 20px); max-width:calc((100% / 12) * 6 - 20px); transition: all .2s ease;}
.desktop-col-6x2{width:calc((100% / 12) * 6 - 10px); max-width:calc((100% / 12) * 6 - 10px); transition: all .2s ease;}
.desktop-col-4x3{width:calc((100% / 12) * 4 - 16px); max-width:calc((100% / 12) * 4 - 16px); transition: all .2s ease;}/* flex:1 1 25%;  */
.desktop-col-3x4{width:calc((100% / 12) * 3 - 18px); max-width:calc((100% / 12) * 3 - 18px); transition: all .2s ease;}
.desktop-col-2x6{width:calc((100% / 12) * 2 - 20px); max-width:calc((100% / 12) * 2 - 20px); transition: all .2s ease;}



.layout-type--9-2{display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:space-between;}
.layout-type--9-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:calc(100% - 72px - 294px);} /* modify 2024. 05. 09  width:calc(100% - 146px - 220px); */
.layout-outside-border{border-top:2px solid var(--global-color-black); border-bottom:2px solid var(--global-color-black);}
.layout-type--2-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:294px;}


/* Layout Align */
.JustifyStart{justify-content:start;}
.JustifyCenter{justify-content:center;}
.JustifyEnd{justify-content:end;}
.JustifyFlexStart{justify-content:flex-start}
.JustifyFlexBetween{justify-content:space-between;}
.AlignItemCenter{align-items:center;}
.AlignItemCenterFlexStart{align-items:flex-start;}

.FlexWrap-wrap{flex-wrap:wrap;}
.FlexWrap-wrap-mobile{flex-wrap:nowrap;}
.FlexWrap-Nowrap{flex-wrap:nowrap;}

/* Container Align */
.FlexDirection-inherit{flex-direction:inherit;}
.FlexDirection-column{flex-direction:column;}
.FlexDirection-column-mobile{flex-direction:inherit;}
.FlexDirection-row{flex-direction:row !important;}

/* Text Align */
.AlignLeft{text-align:left;}
.AlignLeftImport{text-align:left !important;}
.AlignCenter{text-align:center;}
.AlignRight{text-align:right;}

/* Layout */
.container-wrapper{display:flex; flex-wrap:wrap; width:1440px; height:100%; margin:0 auto; transition: all .2s ease;}
.FlexContainer{display:flex; width:100%;}
.FlexContainer-Items{flex: 1 1 auto;}
.FlexContainer-Items-None {flex: none;}

/* flex grow */
.flexGrow1{flex:1;}
.flexGrow2{flex:2;}
.flexGrow3{flex:3;}
.flexGrow4{flex:4;}

/* Section Area */
.section-wrapper{} /* Modify 2024. 04. 11 padding:var(--global-size-type20) 0; */
.section-first-page{padding: 0 0 var(--global-size-type20) 0;}/* padding:var(--global-size-type10) 0 var(--global-size-type20); */

.article-area-type1{width:100%; padding-bottom:var(--global-size-type10);}
.article-area-type2{width:100%; padding-bottom:var(--global-size-type5);}
.article-area-type3{width:100%; padding-bottom:var(--global-size-type20);}
.article-area-type4{width:100%; padding-top:var(--global-size-type20); padding-bottom:var(--global-size-type20);}

.article-area-type-line80{width:100%; margin-top:var(--global-size-type10); padding-top:var(--global-size-type20); border-top:1px solid var(--global-color-line);}
.article-area-type-line40{width:100%; padding-top:var(--global-size-type10); border-top:1px solid var(--global-color-line);}


/* Grid Items */
.aem-Grid-12{display:flex; flex-wrap:wrap; width:100%;} /* height:100%; */
.aem-Grid-8{display:flex; flex-wrap:wrap; width:75%;} /* height:100%; */
.aem-Grid-6{display:flex; flex-wrap:wrap; width:50%;} /* height:100%; */
.aem-Grid-5{display:flex; flex-wrap:wrap; width:37.5%;} /* height:100%; */
.aem-Grid-4{display:flex; flex-wrap:wrap; width:25%;} /* height:100%; */
.aem-Grid-signIn{display:flex; flex-wrap:wrap; width:470px;} /* height:100%; */
.aem-Grid-70{display:flex; flex-wrap:wrap; width:calc((100% / 3) * 2);} /* height:100%; */

/* Grid Area */
.gap-none{gap:0px;}
.gap-12{gap:12px;}
.gap-19{gap:19px;}
.gap-20{gap:20px;}
.gap-24{gap:24px;}
.gap-40{gap:40px;}
.row-gap-20{row-gap:20px;}
.gap-10{gap:10px;}
.gap-16{gap:16px;}
.gap-60{gap:60px;}

/* Position */
.positionRelative{position:relative;}

/* Width Size */
.widthSize100{width:100%;}
.widthSize90{width:90%;}
.widthSize80{width:80%;}
.widthSize70{width:70%;}
.widthSize60{width:60%;}
.widthSize50{width:50%;}
.widthSize40{width:40%;}
.widthSize30{width:30%;}
.widthSize20{width:20%;}
.widthSize10{width:10%;}


/* input */
.spectrum-Textfield{width:100%; padding:16px 12px; font-size:var(--global-body3-size); border:1px solid #d4d4d4; box-sizing:border-box;}
.spectrum-Textfield[type="date"]{font-family:'pretendard', sans-serif !important; padding:14.5px 12px;}
.spectrum-Textfield::placeholder{color:#d4d4d4;}
.spectrum-Textfield:focus{color:var(--global-color-black);}
.spectrum-Textarea{font-family:'pretendard', sans-serif; width:100%; height:120px; padding:16px 12px; font-size:var(--global-body3-size); border:1px solid #d4d4d4; box-sizing:border-box;}

.spectrum-SelectBox{-webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; padding:16px 12px; font-size:var(--global-body3-size); border:1px solid #d4d4d4; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/select-arrow.png') no-repeat right 12px center/9px #fff; box-sizing:border-box; font-family: 'pretendard', sans-serif;}
.spectrum-SelectBox::placeholder{color:var(--global-color-black);}
.spectrum-SelectBox-new option[value=""][disabled]{display:none;}
.spectrum-SelectBox-new:invalid{color:#D4D4D4;}


.spectrum-CheckBox-wrapper{position:relative;}
.spectrum-CheckBox{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.spectrum-CheckBox + label {display:inline-block; position:relative; padding-left:35px; cursor:pointer;}
.spectrum-CheckBox + label:before {content:""; position:absolute; left:0; top:0px; width:24px; height:24px; text-align:center; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/chkbox-off.png') center/cover no-repeat; box-sizing:border-box;}
.spectrum-CheckBox:checked + label:after {content:""; position:absolute; top:0px; left:0; width:24px; height:24px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/chkbox-on.png') center/cover no-repeat; background-position:center center; border-radius:5px;}
.spectrum-CheckBox + label span {font-weight:400; color:rgba(0, 0, 0, 0.5);}

/* border */
.desktop-border-bottom{border-bottom: 1px solid var(--global-color-line);}
.desktop-border-bottom-dark{border-bottom: 1px solid var(--global-color-line-dark);}

/* img item */
.img-box{width: 100%;overflow: hidden;}
.width-auto{width: auto;}
.img-h200{height: 200px;}
.img-h220{height: 220px;}
.section-h500{height: 500px;}
.img-h472{height: 472px;}
.img-box .img-item{width: 100%;height: 100%;object-fit: cover;}
.img-box .img-item.fit-contain{object-fit: contain;}
.ellipsis-line-1{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ellipsis-line-2{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* Sentence */
/*.sentence-line1{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}*/
.sentence-line1{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.sentence-line2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sentence-line3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.sentence-line4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.sentence-line5{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}


/* display */
.displayInlineBlock-tablet{display:none !important;}
.displayNone {
  display:none;
}

@media only screen and (max-width: 1480px) {
  .container-wrapper{width:92%;}
}

@media only screen and (max-width: 1300px) {
    .aem-Grid-70{width: 100%;height: auto;}
}

@media only screen and (max-width: 1024px) {
  :root{
    /* Font-size */
    --global-h1-size:36px;
    --global-h2-size:28px;
    --global-h3-size:24px;
    --global-h4-size:18px;
    --global-h5-size:16px;
    --global-body1-size:18px;
    --global-body2-size:16px;
    --global-body3-size:14px;
    --global-body4-size:12px;

    --global-size-24:20px;
    
  }

  /* Grid Items */
  .aem-Grid-8{width:100%;}
  .aem-Grid-6{width:75%;}
  .aem-Grid-4{width:50%;}

  /* Contents Layout */
  .desktop-col-1, .desktop-col-2, .desktop-col-3{width:calc((100% / 12) * 3 - 12px); max-width:calc((100% / 12) * 3 - 12px);}
  .desktop-col-9, .desktop-col-10, .desktop-col-11{width:calc((100% - (100% / 12) * 3) - 12px); max-width:calc((100% - (100% / 12) * 3) - 12px);}
  
  .desktop-col-4x3, .desktop-col-3x4, .desktop-col-2x6{width:calc((100% / 12) * 4 - 16px); max-width:calc((100% / 12) * 4 - 16px);}

  /* Contents Layout - Tablet */
  .tablet-col-3x2{width:calc((100% / 6) * 3 - 12px); max-width:calc((100% / 6) * 3 - 12px); transition: all .2s ease;}

  .layout-type--9-wrapper{width:calc(100% - 24px - 294px);}

  /* Layout Align */
  .JustifyCenter-tablet{justify-content:space-between;}
  .FlexWrap-wrap-mobile{flex-wrap:wrap;}

  /* flex order */
  .tablet-order-1{order:1;}
  .tablet-order-2{order:2;}
  .tablet-order-3{order:3;}
  .tablet-order-4{order:4;}

  
    /* display */
    .displayInlineBlock-tablet{display:inline-block !important;}
    .mobile-displayblock{display:none;}
}

@media only screen and (max-width: 960px) {
  .layout-type--9-2{flex-wrap:nowrap; flex-direction:column; justify-content:flex-start;}
  .layout-type--9-wrapper{width:100%; margin-bottom:20px;}
  .layout-type--2-wrapper{width:100%;}
}

@media only screen and (max-width: 750px) {
  :root{
    /* Font-size */
    --global-h1-size:28px;
    --global-h2-size:24px;
    --global-h3-size:20px;
    --global-h4-size:18px;
    --global-h5-size:16px;
    --global-body1-size:16px;
    --global-body2-size:16px;
    --global-body3-size:14px;
    --global-body4-size:12px;

    --global-size-24:20px;
    --global-size-32:32px;
  }

  /* Padding */
  .desktop-padding-top-4, .desktop-padding-top-8, .desktop-padding-top-12, .desktop-padding-top-16, .desktop-padding-top-20, .desktop-padding-top-24, .desktop-padding-top-28, .desktop-padding-top-32, .desktop-padding-top-36, .desktop-padding-top-40, .desktop-padding-top-60, .desktop-padding-top-80{padding-top:0px;}

  .mobile-padding-top-4{padding-top:4px;}
  .mobile-padding-top-8{padding-top:8px;}
  .mobile-padding-top-12{padding-top:12px;}
  .mobile-padding-top-16{padding-top:16px;}
  .mobile-padding-top-20{padding-top:20px;}
  .mobile-padding-top-24{padding-top:24px;}
  .mobile-padding-top-28{padding-top:28px;}
  .mobile-padding-top-32{padding-top:32px;}
  .mobile-padding-top-36{padding-top:36px;}
  .mobile-padding-top-40{padding-top:40px;}

  .desktop-padding-bottom-4, .desktop-padding-bottom-8, .desktop-padding-bottom-12, .desktop-padding-bottom-16, .desktop-padding-bottom-20, .desktop-padding-bottom-24, .desktop-padding-bottom-28, .desktop-padding-bottom-32, .desktop-padding-bottom-36, .desktop-padding-bottom-40, .desktop-padding-bottom-60, .desktop-padding-bottom-80{padding-bottom:0px;}

  .mobile-padding-bottom-4{padding-bottom:4px;}
  .mobile-padding-bottom-8{padding-bottom:8px;}
  .mobile-padding-bottom-12{padding-bottom:12px;}
  .mobile-padding-bottom-16{padding-bottom:16px;}
  .mobile-padding-bottom-20{padding-bottom:20px;}
  .mobile-padding-bottom-24{padding-bottom:24px;}
  .mobile-padding-bottom-28{padding-bottom:28px;}
  .mobile-padding-bottom-32{padding-bottom:32px;}
  .mobile-padding-bottom-36{padding-bottom:36px;}
  .mobile-padding-bottom-40{padding-bottom:40px;}

  .desktop-padding-left-4, .desktop-padding-left-8, .desktop-padding-left-12, .desktop-padding-left-16, .desktop-padding-left-20, .desktop-padding-left-24, .desktop-padding-left-28, .desktop-padding-left-32, .desktop-padding-left-36, .desktop-padding-left-40{padding-left:0px;}

  .mobile-padding-left-4{padding-left:4px;}
  .mobile-padding-left-8{padding-left:8px;}
  .mobile-padding-left-12{padding-left:12px;}
  .mobile-padding-left-16{padding-left:16px;}
  .mobile-padding-left-20{padding-left:20px;}
  .mobile-padding-left-24{padding-left:24px;}
  .mobile-padding-left-28{padding-left:28px;}
  .mobile-padding-left-32{padding-left:32px;}
  .mobile-padding-left-36{padding-left:36px;}
  .mobile-padding-left-40{padding-left:40px;}

  .desktop-padding-right-4, .desktop-padding-right-8, .desktop-padding-right-12, .desktop-padding-right-16, .desktop-padding-right-20, .desktop-padding-right-24, .desktop-padding-right-28, .desktop-padding-right-32, .desktop-margin-top-36, .desktop-margin-top-40, .desktop-margin-top-60, .desktop-margin-top-70, .desktop-margin-top-80{padding-right:0px;}

  .mobile-padding-right-4{padding-right:4px;}
  .mobile-padding-right-8{padding-right:8px;}
  .mobile-padding-right-12{padding-right:12px;}
  .mobile-padding-right-16{padding-right:16px;}
  .mobile-padding-right-20{padding-right:20px;}
  .mobile-padding-right-24{padding-right:24px;}
  .mobile-padding-right-28{padding-right:28px;}
  .mobile-padding-right-32{padding-right:32px;}
  .mobile-padding-right-36{padding-right:36px;}
  .mobile-padding-right-40{padding-right:40px;}



  /* Margin */
  .desktop-margin-top-4, .desktop-margin-top-6, .desktop-margin-top-8, .desktop-margin-top-10, .desktop-margin-top-12, .desktop-margin-top-16, .desktop-margin-top-20, .desktop-margin-top-24, .desktop-margin-top-28, .desktop-margin-top-32, .desktop-margin-top-36, .desktop-margin-top-40, .desktop-margin-top-60, .desktop-margin-top-80{margin-top:0px;}

  .mobile-margin-top-4{margin-top:4px;}
  .mobile-margin-top-6{margin-top:6px;}
  .mobile-margin-top-8{margin-top:8px;}
  .mobile-margin-top-10{margin-top:10px;}
  .mobile-margin-top-12{margin-top:12px;}
  .mobile-margin-top-16{margin-top:16px;}
  .mobile-margin-top-20{margin-top:20px;}
  .mobile-margin-top-24{margin-top:24px;}
  .mobile-margin-top-28{margin-top:28px;}
  .mobile-margin-top-32{margin-top:32px;}
  .mobile-margin-top-36{margin-top:36px;}
  .mobile-margin-top-40{margin-top:40px;}
  .mobile-margin-top-60{margin-top:60px;}

  .desktop-margin-bottom-4, .desktop-margin-bottom-8, .desktop-margin-bottom-10, .desktop-margin-bottom-12, .desktop-margin-bottom-16, .desktop-margin-bottom-20, .desktop-margin-bottom-24, .desktop-margin-bottom-28, .desktop-margin-bottom-32, .desktop-margin-bottom-36, .desktop-margin-bottom-40, .desktop-margin-bottom-80{margin-bottom:0px;}

  .mobile-margin-bottom-4{margin-bottom:4px;}
  .mobile-margin-bottom-8{margin-bottom:8px;}
  .mobile-margin-bottom-10{margin-bottom:10px;}
  .mobile-margin-bottom-12{margin-bottom:12px;}
  .mobile-margin-bottom-16{margin-bottom:16px;}
  .mobile-margin-bottom-20{margin-bottom:20px;}
  .mobile-margin-bottom-24{margin-bottom:24px;}
  .mobile-margin-bottom-28{margin-bottom:28px;}
  .mobile-margin-bottom-32{margin-bottom:32px;}
  .mobile-margin-bottom-36{margin-bottom:36px;}
  .mobile-margin-bottom-40{margin-bottom:40px;}
  .mobile-margin-bottom-60{margin-bottom:60px;}

  .desktop-margin-left-4, .desktop-margin-left-8, .desktop-margin-left-12, .desktop-margin-left-16, .desktop-margin-left-20, .desktop-margin-left-24, .desktop-margin-left-28, .desktop-margin-left-32, .desktop-margin-left-36, .desktop-margin-left-40{margin-left:0px;}

  .mobile-margin-left-4{margin-left:4px;}
  .mobile-margin-left-8{margin-left:8px;}
  .mobile-margin-left-12{margin-left:12px;}
  .mobile-margin-left-16{margin-left:16px;}
  .mobile-margin-left-20{margin-left:20px;}
  .mobile-margin-left-24{margin-left:24px;}
  .mobile-margin-left-28{margin-left:28px;}
  .mobile-margin-left-32{margin-left:32px;}
  .mobile-margin-left-36{margin-left:36px;}
  .mobile-margin-left-40{margin-left:40px;}

  .desktop-margin-right-4, .desktop-margin-right-8, .desktop-margin-right-12, .desktop-margin-right-16, .desktop-margin-right-20, .desktop-margin-right-24, .desktop-margin-right-28, .desktop-margin-right-32, .desktop-margin-right-36, .desktop-margin-right-40{margin-right:0px;}

  .mobile-margin-right-4{margin-right:4px;}
  .mobile-margin-right-8{margin-right:8px;}
  .mobile-margin-right-12{margin-right:12px;}
  .mobile-margin-right-16{margin-right:16px;}
  .mobile-margin-right-20{margin-right:20px;}
  .mobile-margin-right-24{margin-right:24px;}
  .mobile-margin-right-28{margin-right:28px;}
  .mobile-margin-right-32{margin-right:32px;}
  .mobile-margin-right-36{margin-right:36px;}
  .mobile-margin-right-40{margin-right:40px;}

  /* Grid Items */
  .aem-Grid-6, .aem-Grid-4{width:100%;}

  /* Contents Layout */
  .aem-grid-area{justify-content:inherit;}
  .desktop-col-1, .desktop-col-2, .desktop-col-3, .desktop-col-4, .desktop-col-5, .desktop-col-6, .desktop-col-7, .desktop-col-8, .desktop-col-9, .desktop-col-10, .desktop-col-11, .desktop-col-8x2, .desktop-col-6x2, .desktop-col-4x3, .desktop-col-3x4, .desktop-col-2x6{width:100%; max-width:100%;}


  .mobile-col-1{width:16.6666%; max-width:16.6666%;}
  .mobile-col-2{width:33.3332%; max-width:33.3332%;}
  .mobile-col-3{width:50%; max-width:50%;}
  .mobile-col-4{width:66.6664%; max-width:66.6664%;}
  .mobile-col-5{width:83.333%; max-width:83.333%;}

  /* Container Align */
  .FlexDirection-column-mobile{flex-direction:column;}
  .container-wrapper{width:calc(100% - 40px);}

  /* Overflow */
  .overflowX-auto-mobile{overflow-x:auto;}
  .overflowY-hidden-mobile{overflow-y:hidden;}

  /* Scroll */
  .scrollbar-width-mobile{scrollbar-width:none;}

    /* Layout Align */
    .JustifyStart-mobile{justify-content:flex-start;}

  /* BTN ETC */
  .btn-width-mobile-50{width:calc(50% - 9.5px);}
  .btn-width-mobile-50 a, .btn-width-mobile-50 button{width:100% !important;}
  .BTN-full-mobile a,.BTN-full-mobile button{width:100%;}
  .section-h500{height: auto;}
  .img-h472{width: 100%;height: auto;}
  .mobile-full-button{width: 100%;}
  .mobile-full-button a{width: 100%;display: block;box-sizing: border-box;text-align: center;padding: 11px 23px;}

  .alignEnd-mobile{align-items:flex-end;}
    .justifyEnd-mobile{justify-content:flex-end;}

  .mobile-order-1{order:1;}
  .mobile-order-2{order:2;}
  .mobile-order-3{order:3;}
  .mobile-order-4{order:4;}

  .mobile-alignStart{align-items:flex-start;}

  .mobile-gap-none{gap:0;}
  .mobile-gap-12{gap: 12px;}
  .mobile-gap-20{gap: 20px;}
  .mobile-gap-40{gap: 40px;}

  /* Section Area */
  .article-area-type-line80{margin-top:var(--global-size-type20); padding-top:var(--global-size-type10); border-top:1px solid var(--global-color-line);}
  .article-area-type-line40{padding-top:var(--global-size-type10); border-top:1px solid var(--global-color-line);}

  /* display */
  .mobile-displayNone{display:none !important;}
  .mobile-displayblock{display:flex;}


}




/* New */
/* Key Teaser */
/*서브 공통 스타일*/
.key-teaser-wrapper{position:relative; width:100%; margin-top:106px;} /* margin-top:70px; */
.key-teaser-bg{width:100%; height: 100%; overflow:hidden; position: absolute; top:0; left:0;}

.key-teaser-area{position:relative; z-index:1; padding:110px 0;}
.key-teaser-text{width:100%;}/* width:calc((100% - (100% / 12) * 3) - 12px); max-width:calc((100% - (100% / 12) * 3) - 12px); */
.key-teaser-subTitle, .section-sub-title{margin-bottom:6px; font-size: var(--global-h5-size); font-weight:500; line-height: 1.44;}
.key-teaser-title, .section-title{font-size: var(--global-h1-size); line-height: 1.2;}
.key-teaser-description, .section-description{margin-top:20px; font-size: var(--global-body2-size);}
.key-teaser-btn{display:flex; margin-top:40px;}

@media all and (max-width:1080px) {
  .key-teaser-wrapper{margin-top:70px;}
}

@media only screen and (max-width: 780px) {
    .key-teaser-wrapper{margin-top:60px;}
}

@media only screen and (max-width: 750px) {
    .key-teaser-area{padding:60px 0;}
    .key-teaser-text{width:100%; max-width:100%;}
    .key-teaser-subTitle{margin-bottom:4px;}
    .key-teaser-description{margin-top:10px;}
    .key-teaser-btn{margin-top:20px;}
}

/* .cq-Editable-dom--container, .cq-Editable-dom--container.aem-GridColumn{padding-top:0px !important;} */

/* Section */
main{margin-top:0px;} /* margin-top:40px; */
.section-wrapper{width:100%; padding:80px 0;}
.section-wrapper:first-child{padding-top:40px;}
.section-wrapper.section-padding-top0{padding-top:0;}

.section-wrapper article{width:100%; padding-top:40px;}
.section-wrapper article:last-child{margin-bottom:0;}

.paddingNone{padding:0px !important;}
.article-first{padding-top:0 !important;}
.article-last{padding-bottom:0 !important;}
.article-top40{padding-top:40px !important;}
.article-top80{padding-top:80px !important;}
.article-bottom40{padding-bottom:40px !important;}
.article-bottom80{padding-bottom:80px !important;}


.section-wrapper-type1{width:100%; padding-top:80px; padding-bottom:80px;}
.section-wrapper-type1:first-child{padding-top:40px;}
.section-wrapper-type1.section-padding-top0{padding-top:0;}

.section-wrapper-type1 article{width:100%; padding-top:0px; margin-bottom:40px;}
.section-wrapper-type1 article:last-child{margin-bottom:0;}


.article-bg{padding:40px;}


.aem-Grid.aem-Grid--default--12 > .container.section-wrapper{padding:0;}



/* area */
.area-80{height:80px;}


@media only screen and (max-width: 750px) {
    .section-wrapper{padding:0; padding-bottom:40px;}
    .section-wrapper article{width:100%; padding-top:20px;}

    .section-wrapper-type1{padding:0; padding-top:40px; padding-bottom:40px;}
    .section-wrapper-type1 article{width:100%; margin-bottom:20px;}
    .article-bg{padding:20px;}

    .article-top40{padding-top:20px !important;}
    .article-top80{padding-top:40px !important;}
    .article-bottom40{padding-bottom:20px !important;}
    .article-bottom80{padding-bottom:40px !important;}

    /* area */
    .area-80{height:40px;}

}


/* New 2024.04.24 */
.height42{height:42px;}
.height60{height:60px;}
.height105{height:105px;}
.height150{height:120px;}
.height150{height:150px;}
.heightAuto{height:auto !important;}

.marginBottom0{margin-bottom:0px !important;}

@media only screen and (max-width: 750px) {
    .height42{height:auto;}
    .height60{height:auto;}
    .height105{height:auto;}
    .height120{height:auto;}
    .height150{height:auto;}
}

.global-padding-top-80{padding-top:80px !important;}

@media only screen and (max-width: 750px) {
    .global-padding-top-80{padding-top:40px !important;}
}


/* New 2024.07.05 */
.borderBottomLine{border-bottom:1px solid var(--global-color-line);}


/* Print */
@media print {
  @page {
      size: A4; /* 기본 A4 크기 */
      margin: 0.4cm; /* 여백 설정 */
  }

  body {
      width: 210mm; /* A4 폭 */
      height: 297mm; /* A4 높이 */
      margin: 0;
      padding: 0;
      box-sizing: border-box; /* 여백 포함 크기 계산 */
  }

  .container-wrapper{width:100%;}

  /* header */
  header{display:none !important;}
  .site-header{position:static !important;}
  .site-header.fix{position:static !important;}
  .mobile-menu, .mobile-menu-button{display:none !important;}
  .site-header .desktop-menu{display:block !important;}
  .site-header .header-buttons{display:flex !important;}
  .key-teaser-area{padding:20px 0 !important;}

  /* footer */
  footer{display:none !important;}
}

/* 2024. 12. 16 */
.JustifyFlexStartIm{justify-content:flex-start !important;}
@charset "utf-8"; :root {
    --header-height: 106px; /* 70px */
}

/*HEADER VARIABLE*/
.site-header {
    --nav-column-gap: 80px;
    --container-padding: 20px;
    --nav-padding: 30px;
    --font-size: 16px;
    --font-size2: 12px;
    --font-size3: 28px;
    --font-color: var(--global-color-black);
    --button-font-size: 14px;
    --button-font-color: var(--global-color-gray-900);
    --menu-button-color: #747474;
}

@media all and (max-width:1342px) {
    .site-header {
        --nav-column-gap:40px;
        --nav-padding:20px;
    }
}

@media all and (max-width:1280px) {
    .site-header {
        --nav-column-gap:40px;
        --nav-padding:10px;
    }
}

@media all and (max-width:1080px) {
    :root {
        --header-height: 70px;
    }
}

@media all and (max-width:750px) {
    :root {
        --header-height: 60px;
    }
}

body {
    overflow-x: hidden;
}

/*HEADER STYLE START*/
.site-header {
    position: absolute;
    width: 100%;
    height: var(--header-height);
    border-bottom: 1px solid var(--global-color-line);
    left: 0;
    top: 0;
    background-color: var(--global-color-white);
    z-index: 999999;
}

.site-header .container-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-header .logo-item {
    width: 70px;
}

.site-header .logo-item .img-item {
    display: block;
    width: 100%;
    height: auto;
}

.site-header .desktop-menu {
    height: 100%;
}

.site-header .desktop-menu .menu-list {
    display: flex;
    height: 100%;
    column-gap: calc(var(--nav-column-gap) - (var(--nav-padding) * 2));
}

.site-header .desktop-menu .menu-list .menu-item {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    padding: 0 var(--nav-padding);
}

.site-header .desktop-menu .menu-list .menu-item::after {
    content: '';
    width: 0;
    height: 3px;
    display: block;
    background-color: var(--global-color-primary);
    position: absolute;
    bottom: 0;
    left: 50%;
    transition-duration: 0.3s;
    transition-property: width;
    transform: translateX(-50%);
}

.site-header .desktop-menu .menu-list .menu-item .menu-item-link {
    font-size: var(--font-size);
    color: var(--font-color);
    cursor: pointer;
}

.site-header .desktop-menu .menu-list .menu-item .submenu {
    position: absolute;
    top: calc(var(--header-height) - 37px); /* top: calc(var(--header-height) - 1px); */
    padding-top: 1px;
    left: -30px;
    width: max-content;
    box-shadow: 6px 6px 6px rgba(0,0,0,.1);
    opacity: 0;
    pointer-events: none;
    transition-duration: 0.3s;
    transition-property: left,opacity;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content {
    display: flex;
    padding: 40px;
    background-color: var(--global-color-white);
    column-gap: 24px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content .title-box {
    border-bottom: 1px solid var(--global-color-line);
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content .title-box .introduction-text {
    font-size: var(--button-font-size);
    font-weight: 600;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content .title-box .summary-text {
    font-size: 12px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content .title-box .more-btn {
    display: block;
    font-size: var(--button-font-size);
    color: var(--global-color-primary);
    margin-top: 12px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content .submenu-item-link {
    font-size: var(--button-font-size);
    font-weight: 600;
    color: var(--font-color);
    transition-duration: 0.3s;
    transition-property: color;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group {
    display: flex;
    column-gap: 24px;
    row-gap: 40px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group.col-3 {
    width: 678px;
    flex-wrap: wrap;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group .submenu-group-item {
    width: max-content;
    min-width: 210px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group .submenu-group-item .submenu-title {
    font-size: var(--button-font-size);
    font-weight: 600;
    border-bottom: 1px solid var(--global-color-black);
    padding-bottom: 8px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group .submenu-group-item .submenu-list {
    margin-top: 12px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group .submenu-group-item .submenu-list .submenu-item {
    margin-bottom: 12px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group .submenu-group-item .submenu-list .submenu-item .submenu-item-link {
    font-size: var(--button-font-size);
    font-weight: 400;
    line-height: 1.2;
    color: var(--button-font-color);
    transition-duration: 0.3s;
    transition-property: color;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group .submenu-group-item .submenu-group-row:nth-of-type(n + 2), .site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group .submenu-group-item .submenu-row-group:nth-of-type(n + 2) {
    margin-top: 16px
}

.site-header .desktop-menu .menu-list .menu-item .submenu .product-list {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .product-list .product-item {
    width: 305px;
    height: 120px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .product-list .product-item .product-item-link {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .product-list .product-item .img-item {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content .submenu-item-link:hover, .site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group .submenu-group-item .submenu-list .submenu-item .submenu-item-link:hover {
    color: var(--global-color-primary);
}

.site-header .desktop-menu .menu-list .menu-item:hover::after, .site-header .desktop-menu .menu-list .menu-item:has(a:focus)::after {
    width: calc(100% - (var(--nav-padding) * 2));
}

.site-header .desktop-menu .menu-list .menu-item:hover .submenu, .site-header .desktop-menu .menu-list .menu-item .submenu:has(a:focus) {
    left: -10px;
    opacity: 1;
    pointer-events: auto;
}

.site-header .header-buttons {
    display: flex;
    align-items: center
}

.site-header .header-button {
    font-size: var(--button-font-size);
    color: var(--button-font-color);
    transition-duration: 0.3s;
    transition-property: color;
}

.site-header .header-button:hover {
    color: var(--global-color-primary);
}

.site-header .header-button:after {
    content: '|';
    font-size: var(--button-font-size);
    color: var(--button-font-color);
    padding: 0 12px;
}

.site-header .header-button:last-child:after {
    display: none;
}

.site-header .language-box {
    position: relative;
    height: 36px;
}

.site-header .language-box .label {
    position: relative;
    font-family: var(--pretendard);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    cursor: pointer;
    font-size: var(--button-font-size);
    color: var(--button-font-color);
}

.site-header .language-box .label::after {
    content: '';
    background-image: url("../../../content/dam/parksystems/icon-select-arrow.svg");
    background-size: 6px 5px;
    background-repeat: no-repeat;
    background-position: center;
    width: 6px;
    height: 5px;
    margin-left: 6px;
}

.site-header .language-box .option-list {
    display: flex;
    ;flex-direction: column;
    width: 60px;
    bottom: 0;
    left: 50%;
    position: absolute;
    background-color: var(--global-color-white);
    transform: translate(-50%,95%);
    border: 1px solid var(--global-color-black);
    border-radius: 3px;
    padding: 12px 0;
    opacity: 0;
    transition-duration: 0.3s;
    transition-property: opacity,transform;
    pointer-events: none;
    z-index: 2;
}

.site-header .language-box .option-list .option-item-link {
    font-family: var(--pretendard);
    display: block;
    padding: 4px 0;
    height: 100%;
    text-align: center;
    font-size: var(--button-font-size);
    color: var(--button-font-color);
}

.site-header .language-box .option-list .option-item.active .option-item-link {
    color: var(--global-color-black);
}

.site-header .language-box .label.open + .option-list {
    opacity: 1;
    transform: translate(-50%,100%);
    pointer-events: auto;
}

.site-header .mobile-menu-button {
    overflow: hidden;
    padding: 20px 5px 20px 20px;
    display: none;
}

.site-header .mobile-menu-button .bars {
    display: block;
    width: 24px;
    height: 22px;
    position: relative;
}

.site-header .mobile-menu-button .bars .bar {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--menu-button-color);
    position: absolute;
    transition: all 0.3s;
    font-size: 1px
}

.site-header .mobile-menu-button .bars .bar:nth-of-type(1) {
    top: 0;
    left: 0;
    transform-origin: right;
}

.site-header .mobile-menu-button .bars .bar:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.site-header .mobile-menu-button .bars .bar:nth-of-type(3) {
    bottom: 0;
    left: 0;
    transform-origin: right;
}

.site-header .mobile-menu {
    display: none;
    position: fixed;
    top: var(--header-height);
    left: 0;
    width: 100%;
    background-color: var(--global-color-white);
    transform: translateX(100%);
    transition-duration: 0.6s;
    transition-property: transform;
    border-top: 1px solid var(--global-color-line);
    height: calc((var(--vh, 1vh) * 100) - var(--header-height));
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 3;
}

.site-header .mobile-menu .user-box {
    padding: var(--container-padding);
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    border-bottom: 1px solid var(--global-color-line);
}

.site-header .mobile-menu .user-box .user-image {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-image: url("../../../content/dam/parksystems/user-bg.svg");
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

.site-header .mobile-menu .user-box .user-image .img-item {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.site-header .mobile-menu .user-box .user-info .greeting-text {
    display: block;
    font-size: var(--font-size3);
    font-weight: 700;
    color: var(--font-color);
    line-height: 1.1;
}

.site-header .mobile-menu .user-box .user-info .user-name {
    display: block;
    font-size: var(--font-size3);
    font-weight: 700;
    color: var(--font-color);
    line-height: 1.1;
}

.site-header .mobile-menu .user-box .user-info .logout-button {
    display: block;
    font-size: var(--font-size);
    font-weight: 400;
    color: var(--font-color);
    margin-top: 8px;
}

.site-header .mobile-menu .user-box .user-menu {
    display: flex;
    width: 100%;
    column-gap: 18px;
    margin-top: 28px;
}

.site-header .mobile-menu .user-box .user-menu .user-menu-item {
    width: calc((100% - 38px) / 3);
    height: 50px;
    max-width: 99px;
    border: 1px solid var(--global-color-line);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size2);
    font-weight: 700;
    color: var(--button-font-color);
}

.site-header .mobile-menu .user-box .user-menu .user-menu-item:first-of-type {
    background-color: var(--global-color-gray-100);
    border-color: transparent;
    color: var(--font-color);
}

.site-header .mobile-menu .user-box .user-menu .user-menu-item .user-menu-item-text::before {
    content: '';
    display: block;
    background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-user-product.svg");
    background-size: 15px 15px;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 15px;
}

.site-header .mobile-menu .user-box .user-menu .user-menu-item.product .user-menu-item-text::before {
    content: '';
    background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-user-product.svg");
    background-size: 15px 15px;
}

.site-header .mobile-menu .user-box .user-menu .user-menu-item.post .user-menu-item-text::before {
    content: '';
    background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-user-post.svg");
    background-size: 15px 15px;
}

.site-header .mobile-menu .user-box .user-menu .user-menu-item.profile .user-menu-item-text::before {
    content: '';
    background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-user-profile.svg");
    background-size: 13px 13px;
}

.site-header .mobile-menu .bottom-box {
    padding: 0 var(--container-padding);
    margin-top: 20px
}

.site-header .mobile-menu .sign-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    background-color: var(--global-color-black);
    color: var(--global-color-white);
    font-size: var(--font-size);
    font-weight: 400;
}

.site-header .mobile-menu .language-box {
    width: 53px;
    margin-top: 40px;
}

.site-header .mobile-menu .language-box .option-list {
    transform: translate(-50%,-25px);
}

.site-header .mobile-menu .language-box .label {
    font-weight: 700;
    color: var(--font-color);
    justify-content: flex-start;
    padding: 0;
}

.site-header .mobile-menu .language-box .label.open + .option-list {
    opacity: 1;
    transform: translate(-50%,-30px);
}

.site-header .mobile-menu .mobile-nav {
    overflow: hidden;
    transition-duration: .6s;
    transition-property: height;
}

.site-header .mobile-menu .menu-list {
    /*height: calc(100vh - var(--header-height));*/
    /*overflow-y: auto;overflow-x: hidden;*/
}

.site-header .mobile-nav .submenu-list {
    /*height: calc(100vh - var(--header-height));/*overflow-y: auto;overflow-x: hidden;*/
}

.site-header .mobile-menu .menu-list :is(.menu-item,.submenu-item) {
    padding: 0 var(--container-padding);
    border-bottom: 1px solid var(--global-color-line);
}

.site-header .mobile-menu .menu-list :is(.menu-item,.submenu-item) .menu-item-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: var(--font-size);
    color: var(--font-color);
    font-weight: 700;
    cursor: pointer;
    padding: 16px 0;
}

.site-header .mobile-menu .menu-list .menu-item > .menu-item-link::after {
    content: '';
    background-image: url("../../../content/dam/parksystems/icon-menu-arrow.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 13px;
    height: 13px;
    display: inline-block;
}

.site-header .mobile-menu .menu-list .submenu-item.all-button .menu-item-link {
    color: var(--global-color-primary);
}

.site-header .mobile-menu .menu-list .submenu-item.back-button {
    background-color: var(--global-color-gray-100);
}

.site-header .mobile-menu .menu-list .submenu-item.back-button .menu-item-link {
    justify-content: flex-start;
}

.site-header .mobile-menu .menu-list .submenu-item.back-button .menu-item-link::before {
    content: '';
    background-image: url("../../../content/dam/parksystems/icon-menu-arrow.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 13px;
    height: 13px;
    display: inline-block;
    transform: rotate(180deg);
}

.site-header .mobile-menu .menu-list .submenu-item.blank-button a {
    display: inline-block;
    width: auto;
    padding-right: 20px;
    background: url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/gnb-arrow.png') right center/10px no-repeat;
}

.site-header .mobile-menu .menu-list .menu-item.open .submenu-list {
    left: 0;
}

.site-header .mobile-menu .mobile-nav .submenu-list {
    position: fixed;
    top: 0;
    left: 100%;
    transition-duration: 0.6s;
    transition-property: left;
    width: 100%;
    background-color: var(--global-color-white);
    z-index: 1;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.site-header .mobile-menu .mobile-menu-footer {
    background-color: var(--global-color-secondary)
}

body.menuOpen .site-header .mobile-menu-button .bars .bar:nth-of-type(1) {
    transform: rotate(-45deg);
    top: 1.5em;
}

body.menuOpen .site-header .mobile-menu-button .bars .bar:nth-of-type(2) {
    transform: translate(200%,-50%);
}

body.menuOpen .site-header .mobile-menu-button .bars .bar:nth-of-type(3) {
    transform: rotate(45deg);
    bottom: 1.5em;
}

body.menuOpen .mobile-menu {
    transform: translateX(0);
}

.site-header.fix {
    position: fixed;
    transform: translateY(-100%);
}

.site-header.fix.motion {
    transform: translateY(0);
    transition-duration: 0.5s;
    transition-property: transform;
}

/*HEADER STYLE END*/
@media all and (max-width: 1260px) {
    .site-header .menu-list .menu-item .submenu .submenu-content {
        column-gap: 24px;
        flex-direction: column;
    }

    .site-header .menu-list .menu-item .submenu .product-list {
        flex-direction: row;
        gap: 16px;
        margin-top: 40px;
    }
}

@media all and (max-width: 1080px) {
    .site-header .mobile-menu-button {
        display:block;
    }

    .site-header .desktop-menu, .site-header .header-buttons {
        display: none;
    }

    .site-header .mobile-menu {
        display: block;
    }

    .mobile-menu-footer .footer-navBar {
        padding-top: 44px;
    }

    .mobile-menu-footer .mobile-footer {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .mobile-menu-footer .footer-sns {
        display: flex;
        width: 100%;
    }

    .mobile-menu-footer .footer-sns li {
        margin-right: 16px;
    }

    .mobile-menu-footer .footer-sns li:last-child {
        margin-right: 0;
    }

    .mobile-menu-footer .footer-sns-facebook a {
        display: inline-block;
        width: 13px;
        height: 24px;
        background: url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/mobile-f-icon1.png') center/cover no-repeat;
    }

    .mobile-menu-footer .footer-sns-instagram a {
        display: inline-block;
        width: 25px;
        height: 24px;
        background: url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/mobile-f-icon2.png') center/cover no-repeat;
    }

    .mobile-menu-footer .footer-sns-youtube a {
        display: inline-block;
        width: 31px;
        height: 24px;
        background: url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/mobile-f-icon3.png') center/cover no-repeat;
    }

    .mobile-menu-footer .footer-sns-x a {
        display: inline-block;
        width: 27px;
        height: 24px;
        background: url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/mobile-x-icon.png') center/cover no-repeat;
    }

    .mobile-menu-footer .footer-privacy-mobile {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        margin-top: 24px;
    }

    .mobile-menu-footer .footer-privacy-mobile-items {
        display: flex;
        width: 50%;
        margin-bottom: 10px;
    }

    .mobile-menu-footer .footer-privacy-mobile-items a {
        color: var(--global-color-white);
        font-size: var(--global-body3-size);
    }

    .mobile-menu-footer .footer-legalWrapper {
        margin-top: 14px;
        padding: 24px 0 40px;
    }

    body.menuOpen {
        height: 100vh;
        overflow-y: hidden;
    }
}

@media all and (max-width: 750px) {
    .site-header .logo-item {
        width: 55px;
    }
}

/* new 2024.05.09 */
/* Depth가 없을 경우 */
.site-header .desktop-menu .menu-list .menu-item.depth1-only .submenu {
    display: none;
}

/* New 2024.05.13 */
.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group.type2 {
    gap: 20px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content-type2 {
    display: flex;
    flex-direction: column;
    padding: 40px;
    background-color: var(--global-color-white);
    column-gap: 20px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content-type2 .submenu-nav.type2 {
    display: flex;
    justify-content: space-between;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content-type2 .submenu-nav.type2 .site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group .submenu-group-item.type2 {
    width: max-content;
    min-width: 250px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group .submenu-group-item.gnb-link-type2 .submenu-title a {
    display: block;
    background: url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/gnb-arrow.png') right center/10px no-repeat;
}

.submenu-row-group.arrow a {
    display: flex;
    align-items: center;
    gap: 8px;
}
.submenu-row-group.arrow a::after {
    display: inline-block;
    content: '';
    position: relative;
    height: 10px;
    width: 10px;
    margin-bottom: 2px;
    background: url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/gnb-arrow.png') right center/10px no-repeat;
}

/* .site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group .submenu-group-item.gnb-link-type2 .submenu-list .submenu-item a {
    display: inline-block;
    padding-right: 20px;
    background: url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/gnb-arrow-gray.png') right center/10px no-repeat;
} */


.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content-type2 .submenu-title-box .product-banner {
    width: 340px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content-type2 .submenu-title-box .title-box .introduction-text {
    font-size: var(--global-body1-size);
    font-weight: 600;
    line-height: 1;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content-type2 .submenu-title-box .title-box .summary-text {
    margin-top: 8px;
    font-size: var(--button-font-size);
    color: var(--button-font-color);
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content-type2 .submenu-title-box .title-box .more-btn {
    display: block;
    font-size: var(--button-font-size);
    color: var(--global-color-primary);
    margin-top: 12px;
}

.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group .submenu-group-item .submenu-item-link {
    font-size: var(--button-font-size);
    font-weight: 400;
    transition-duration: 0.3s;
    transition-property: color;
}

@media all and (max-width: 1410px) { /* 1300px */
    .site-header .desktop-menu .menu-list .menu-item .submenu.type2 {
        width:870px;
    }

    .site-header .desktop-menu .menu-list .menu-item .submenu .submenu-group.type2 {
        flex-wrap: wrap;
    }
}
/* Search Bar New 24.07.04 */
.haeder-search{margin-left:14px;}
.haeder-search span{display:inline-block; width:18px; height:17px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-search-gray.png') center/cover no-repeat; cursor:pointer;}

.global-search-wrapper.active{display:block; position:fixed; top:0px; left:0; z-index:100; width:100%; height:100%; background:rgba(0, 0, 0, 0.4);}
.global-search-wrapper{display:none;}
.global-search-container{width:100%; margin-top:106px; padding:60px 0; background-color:var(--global-color-white);} /* margin-top:70px;  */
.global-search-container .container-wrapper{position:relative; flex-direction:column; height:auto;}

.global-search-close{position:absolute; top:-30px; right:0; width:15px; height:15px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-close-search.png') center/cover no-repeat; cursor:pointer;}

.global-search-contents{display:flex; flex-direction:column; width:500px; margin:0 auto;}

.global-search-bar{position:relative;}
.global-search-bar input[type="search"]{width:100%; padding:12px; padding-right: 44px; border:1px solid var(--global-color-line); background:transparent;}
.global-search-bar > button{position:absolute; top:50%; right:0; transform: translate(0, -50%);}
.global-search-bar > button img{width:28px;}

.global-search-text{margin-top:30px;}
.global-search-text h6{margin-bottom:12px; font-size:var(--global-body2-size); font-weight:700; line-height:1;}
.global-search-keyword{display:flex; flex-wrap:wrap; gap:16px; width:100%;}
.global-search-keyword > button{padding:0px; font-size:var(--global-body3-size); color:var(--global-color-gray-900);}

.mobile-menu-wrapper{display: none;}

@media all and (max-width:1080px) {
    .mobile-menu-wrapper{display:flex;align-items: center;}
    .mobile-search-btn{align-items:center; cursor:pointer;}
    .mobile-search-btn span{display:inline-block; width:24px; height:23px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-search-gray.png') center/cover no-repeat; cursor:pointer;}

    .global-search-contents{width:100%;}
}

@media only screen and (max-width: 750px) {
    .global-search-container{margin-top:60px;}
}


/* 2024. 12. 10 gnb thumbnail type new */
.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content-type2 .submenu-title-box{display:flex; flex-direction: column; align-items:normal; justify-content:flex-start; row-gap:20px; margin-top:40px; padding-top:40px; border-top:1px solid var(--global-color-line);}
.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content-type2 .submenu-title-box .product-banner{order:1;}
.site-header .desktop-menu .menu-list .menu-item .submenu .submenu-content-type2 .submenu-title-box .title-box{order:2;}


.site-header .desktop-menu .menu-list .menu-item .submenu.type2 .submenu-content-type2 .submenu-title-box{display:flex; flex-direction:row; align-items:normal; justify-content:flex-start; justify-content:space-between; align-items:center; column-gap:20px;}
.site-header .desktop-menu .menu-list .menu-item .submenu.type2 .submenu-content-type2 .submenu-title-box .product-banner{order:2;}
.site-header .desktop-menu .menu-list .menu-item .submenu.type2 .submenu-content-type2 .submenu-title-box .title-box{order:1;}


.gnb-wrapper .container-wrapper{height:70px;}
.site-header .top-nav{border-bottom:1px solid #eee;}
.site-header .top-nav .container-wrapper{align-items:normal; justify-content:flex-end;}

@media all and (max-width:1680px) {
    .site-header .desktop-menu .menu-list .menu-item:nth-child(7) .submenu{left:inherit; right:-30px;}
}

@media all and (max-width:1400px) {
    .site-header .desktop-menu .menu-list .menu-item:nth-child(6) .submenu{left:inherit; right:-30px;}
}

@media all and (max-width:1080px) {
    .global-search-container{margin-top:70px;}
}

@media all and (max-width:750px) {
    .gnb-wrapper .container-wrapper{height:auto;}
}
/* Hero */
.hero-wrapper{margin-top:var(--header-height); padding:0;} /* 배포시에 margin-top:var(--header-height); 삭제 해야함 */
.hero-Sub{background-position:100% center; background-size:cover; background-repeat:no-repeat;}
.hero-Sub-500{height:500px;}
.hero-Sub-400{height:400px;}/*billible 추가2024.02.26*/
.hero-Sub-300{height:300px;}
.hero-Sub-200{height:200px;}/*billible 추가2024.02.26*/

/* Sub Hero Bg */
.probestore-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/ProbeStore_header_pc.jpg') 100% center/cover no-repeat;}
.learning-center-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/LearningCenter-hero-desktop.jpg') 100% center/cover no-repeat;}
.training-education-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/training-education-hero-desktop.jpg') 100% center/cover no-repeat;}
.news-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/news-hero-desktop.jpg') 100% center/cover no-repeat;}
.applications-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/applications-hero-desktop.jpg') 100% center/cover no-repeat;}
.semiconductor-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/semiconductor-hero-desktop.jpg') 100% center/cover no-repeat;}
.news-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/news-hero-desktop.jpg') 100% center/cover no-repeat;}
.webinar-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/webinar-hero-desktop.jpg') 100% center/cover no-repeat;}
.webinar_event-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/webinar_event-hero-desktop.jpg') 100% center/cover no-repeat;}
.webinar_details-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/webinar_details-hero-desktop.jpg') 100% center/cover no-repeat;}
.how_afm_works-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/how_afm_works_hero-desktop.jpg') 100% center/cover no-repeat;}
.image_gallery-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/top_image_gallery_bg.jpg') 100% center/cover no-repeat;}
.company-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/company-hero-desktop.jpg') 100% center/cover no-repeat;}
.investors-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/investors_header_pc.jpg') 100% center/cover no-repeat;}
.service-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/service_header_pc.jpg') 100% center/cover no-repeat;}
.scholarship-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/scholarship_header_PC.jpg') 100% center/cover no-repeat;}
.contact-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/contact_header_PC.jpg') 100% center/cover no-repeat;}
.productMetrology-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/productMetrology_header_PC.jpg') 100% center/cover no-repeat;}


/* sub text */
.sub-text-area{display:flex; flex-direction:column; justify-content: center; width:100%; height:100%;}
.sub-title span{font-size:var(--global-body1-size); font-weight:600;} /* 700 */
.sub-title h1{font-size:var(--global-h1-size); font-weight:600; line-height:1.3;} /* 700 */
.sub-text{font-size:var(--global-body2-size);}

/* sub etc */
.subText-color-white, .sub-probestore{color:var(--global-color-white);}
.subText-color-black{color:var(--global-color-black);}
.gnb-margin{margin-top:var(--header-height);}

@media only screen and (max-width: 1024px) { 
  .hero-Sub,.hero-Sub-500,.hero-Sub-400,.hero-Sub-300,.hero-Sub-200{height:auto;}
  .sub-text-area{padding:8% 0;}
  .sub-text br{display:none;}
}

@media only screen and (max-width: 750px) { 
.probestore-Background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/ProbeStore_header_mobile.jpg') 100% center/cover no-repeat;}
}

@media only screen and (max-width: 520px) { 
.sub-text-area{padding:12% 0;}
}

/* breadcrumbs */
.breadcrumbs-wrapper{display:flex; padding:60px 0 20px;}
.breadcrumbs-items{display:flex;}
.breadcrumbs-element{font-size:var(--global-body3-size); color:#989898; vertical-align:middle;}
.breadcrumbs-element a{color:#989898;}
.breadcrumbs-element:after{content:'>'; padding:0 4px;}
.breadcrumbs-items li.breadcrumbs-element:last-child:after{display:none;}



@media only screen and (max-width: 750px) { 
    .breadcrumbs-wrapper{display:none;}
    .breadcrumbs-type2{display:flex;}
    .breadcrumbs-type2{display:flex; padding:0;}
    .breadcrumbs-type2 .container-wrapper{display:none;}
}


/* Modal Base */
#cookiemodal{position:fixed; display:none; bottom:0; left:0; z-index:999999; align-items:flex-end; justify-content:center; width:100vw;  }
#cookiemodal.active{display:flex;}
#modal{position:fixed; display:none; top:0; left:0; z-index:999999; align-items:center; justify-content:center; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7);}
#modal.active{display:flex;}
.modal-wrapper{display:flex; overflow-y:auto; height:auto; max-height:90%; background-color:var(--global-color-white); box-sizing:border-box;}
.modal-auto-scroll{overflow-y:auto; width:100%; height:100%; padding:40px; box-sizing:border-box;}
.modal-auto-scroll-cookie{overflow-y:auto; width:100%; height:100%; padding:40px; box-sizing:border-box; display: flex; justify-content: center; align-items: center;}




/* Modal Probestore Filter */
.modal-probestore-wrapper{display:none; width:1000px;}
.modal-wrapper-line{border-top:1px solid #000000; border-bottom:1px solid #000000;}
.modal-direction-column{display:flex; flex-direction:column; width:100%;}
.modal-probestore-filter-items{position:relative; display:flex; flex-direction:column; width:100%; padding:16px 0 12px; border-bottom:1px solid #E5E5E5; box-sizing:border-box;}
.modal-probestore-filter-items:last-child{margin-bottom:0; border-bottom:0px;}
.modal-probestore-filter-title{display:flex; width:100%; margin-bottom:2px; font-size:var(--global-h5-size); font-weight:600;} /* 700 */
.modal-probestore-filter-contents{display:flex; flex-wrap:wrap; flex-direction:row; width:90%;}
.modal-probestore-filter-element{display:none; width:25%; margin-top:14px; font-size:var(--global-body3-size); color:var(--global-color-gray-900);}
.modal-probestore-filter-contents.active .modal-probestore-filter-element{display:flex;}
.modal-probestore-filter-element:nth-child(-n+4){display:flex;}
.modal-probestore-filter-element input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.modal-probestore-filter-element input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:35px; cursor:pointer;}
.modal-probestore-filter-element input[type="checkbox"] + label:before {content:""; position:absolute; left:0; top:-2px; width:24px; height:24px; text-align:center; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/chkbox-off.png') center/cover no-repeat; box-sizing:border-box;}
.modal-probestore-filter-element input[type="checkbox"]:checked + label:after {content:""; position:absolute; top:0px; left:0; width:24px; height:24px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/chkbox-on.png') center/cover no-repeat; background-position:center center; border-radius:5px;}
.modal-probestore-filter-element input[type="checkbox"] + label span {font-weight:400; color:rgba(0, 0, 0, 0.5);}

/* Modal Probestore MyCart */
.modal-myCart-wrapper{display:none; width:960px;}
.modal-myCart-items{display:flex; flex-direction:row; flex-wrap:nowrap; width:100%; padding:20px 0; border-bottom:1px solid var(--global-color-line);}
.modal-myCart-items:last-child{border-bottom:0px;}
.modal-title-desktop{margin-bottom:10px; font-size:var(--global-h3-size); font-weight:600;} /* 700 */
.modal-myCart-picture{width:160px; height:110px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/product_img.jpg') center/cover no-repeat;}
.modal-myCart-element{display:flex; align-items:center; gap:20px; width:calc(100% - 160px); padding-left:20px; box-sizing:border-box;}
.modal-mycart-element-title{font-size:var(--global-body2-size);}
.modal-mycart-element-select select{min-width: 224px; padding:6px 12px; font-size:var(--global-body3-size); border:1px solid #bebebe;}
.modal-mycart-element-description{font-size:var(--global-body2-size); color:#666;}
#modal-mycart-element-result{padding:0 12px; font-size:var(--global-body2-size); font-weight:600;} /* 700 */
.modal-mycart-element-number input[type="button"]{display:inline-block; width:23px; height:23px; font-size:var(--global-body3-size); border-radius:23px; border:1px solid #e5e5e5; background-color:transparent;}
.modal-mycart-element-delect{width:33px; height:33px; margin-left:auto; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/delect-btn-x.png') center/cover no-repeat; cursor:pointer;}

/* Modal More BTN */
.modal-probstore-more-btn{position:absolute; bottom:12px; right:0; display:inline-block; padding:3px 16px; font-size:var(--global-body4-size); color:var(--global-color-white); border:1px solid var(--global-color-black); background-color:var(--global-color-black); transition: all .2s ease; cursor:pointer;}
.modal-probstore-more-btn:before{content:'+'; display:inline-block; vertical-align:1px; padding-right:8px;}
.modal-probstore-more-btn.active{color:var(--global-color-black); background-color:var(--global-color-white);}
.modal-probstore-more-btn.active:before{content:'-';}

.modal-title-moblie{display:none;}
.modal-btn-wrapper{display:flex; justify-content:center; margin-top:40px;}


@media only screen and (max-width: 1024px) { 
    /* Modal Probestore Filter */
    .modal-probestore-wrapper{width:92%;}
    .modal-probestore-filter-element{display:none; width:33.33%;}
    .modal-probestore-filter-element:nth-child(-n+4){display:none;}
    .modal-probestore-filter-element:nth-child(-n+3){display:flex;}

    /* Modal Probestore MyCart */
    .modal-myCart-wrapper{width:92%;}
    .modal-myCart-picture{width:20%; height:auto;}
    .modal-myCart-element{position:relative; flex-direction:column; align-items:start; gap:0; width:80%;}
    .modal-mycart-element-title{margin-bottom:4px; order:1;}
    .modal-mycart-element-select{order:4;}
    .modal-mycart-element-description{margin-bottom:12px; order:2;}
    .modal-mycart-element-number{margin-bottom:16px; order:3;}
    .modal-mycart-element-delect{position:absolute; top:0; right:0;}
}

@media only screen and (max-width: 750px) { 
    /* Modal Probestore Filter */
    .modal-wrapper{height:100%; max-height:100%;}
    .modal-probestore-wrapper{width:100%;}
    .modal-auto-scroll{padding:24px;}
    .modal-title-moblie{display:block; margin-bottom:16px; font-size:24px; font-weight:600;} /* 700 */
    .modal-probestore-filter-element{width:50%;}
    .modal-probestore-filter-element:nth-child(-n+3){display:none;}

    /* Modal Probestore MyCart */
    .modal-myCart-wrapper{width:100%;}
    .modal-myCart-picture{width:30%;}
    .modal-myCart-element{width:70%;}

    .modal-btn-wrapper{margin-top:20px;}
}

/* Footer */
.footer-navBar-wrapper{background-color:var(--global-color-secondary);}
.footer-navBar{display:flex; justify-content:center; width:100%; padding-top:80px;}
.footer-navList-wrapper{display:flex; flex-direction:column; width:100%;}
.footer-navList{display:flex; justify-content:space-between; width:100%; height:100%; font-size:var(--global-body3-size); color:#6D7792;}
.footer-navList-col{flex-direction:column; width:100%;}
.footer-navList-col li{margin-bottom:4px;}
.footer-navList-col a{font-size:var(--global-body3-size); color:#6D7792;}
.footer-navList-item{flex-direction:column;} /* width:100%; */
.footer-navList-title{margin-bottom:20px; font-size:var(--global-body2-size); color:var(--global-color-white);}

.footer-legalWrapper{margin-top:60px; padding:30px 0 60px; border-top:1px solid #49526B;}
.footer-legalWrapper-items{display:flex; justify-content:space-between; width:100%;}
.footer-copyright{display:flex; flex-direction:column; width:100%;}
.footer-privacy{display:flex; flex-direction:column; width:100%}
.footer-privacy-items{display:flex; justify-content:end;}
.footer-privacy-link a{color:#6D7792;}
.footer-privacy-link:after{content:'|'; font-size:var(--global-body4-size); padding:0 8px; vertical-align:1px;}
.footer-privacy-link:last-child:after{display:none;}

.mobile-footer{display:none;}

@media only screen and (max-width: 1180px) { 
    .footer-navList{flex-wrap:wrap; justify-content:start;}
    .footer-navList-item{width:25%; margin-bottom:20px;}
    .footer-legalWrapper{margin-top:40px;}
}

@media only screen and (max-width: 1024px) {
    .footer-legalWrapper-items{flex-wrap:wrap; justify-content:start;}
    .footer-privacy-items{justify-content:start; margin-top:4px;}
}

@media only screen and (max-width: 750px) { 
    .footer-navBar{padding-top:44px;}
    .desktop-footer{display:none;}
    .mobile-footer{display:flex; flex-direction:column; width:100%;}
    .footer-sns{display:flex; width:100%;}
    .footer-sns li{margin-right:16px;}
    .footer-sns li:last-child{margin-right:0;}
    .footer-sns-facebook a{display:inline-block; width:13px; height:24px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/mobile-f-icon1.png') center/cover no-repeat;}
    .footer-sns-instagram a{display:inline-block; width:25px; height:24px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/mobile-f-icon2.png') center/cover no-repeat;}
    .footer-sns-youtube a{display:inline-block; width:31px; height:24px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/mobile-f-icon3.png') center/cover no-repeat;}
    .footer-sns-x a{display:inline-block; width:31px; height:24px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/mobile-x-icon.png') center/cover no-repeat;}

    .footer-privacy-mobile{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin-top:24px;}
    .footer-privacy-mobile-items{display:flex; width:50%; margin-bottom:10px;}
    .footer-privacy-mobile-items a{color:var(--global-color-white); font-size:var(--global-body3-size);}

    .footer-legalWrapper{margin-top:14px; padding:24px 0 40px;}
}



/* Probestore Search */
.probestore-search{width:100%;}
.probestore-search-area{width:100%; padding:40px 120px; background-color:var(--global-color-gray-100);}
.probestore-search-items{display:flex; justify-content:center; width:100%; padding-bottom:16px; border-bottom:1px solid #e3e3e3;}

.probestore-search-element{position:relative; width:440px; margin-right:8px; border:1px solid var(--global-color-line); background-color:var(--global-color-white);}
.probestore-Search-input{width:90%; padding:10px 0 10px 12px; border:0; background:transparent;}
.probestore-Search-input::placeholder{color:#d4d4d4;}
.probestore-search-element button{position:absolute; z-index:1; top:50%; right:0px; border:0; background:transparent; transform:translate(0, -50%);}
.probestore-search-element button img{width:21px;}

.probestore-keyword-wrapper{display:flex; justify-content:center; width:100%; margin-top:20px;}
.probestore-keyword-items, .probestore-reset-items{display:flex;}
.probestore-keyword-items-area{display: flex; gap: 4px; flex-wrap: wrap;}
.probestore-keyword-element{position:relative; display:inline-block; padding:5px 28px 5px 8px; font-size:var(--global-body4-size); color:var(--global-color-gray-600); border:1px solid var(--global-color-gray-600); background-color:var(--global-color-white); cursor:pointer;}
.probestore-keyword-element:after{content:''; position:absolute; top:50%; right:8px; width:8px; height:8px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-close.png') center/cover no-repeat; transform: translate(0, -50%);}
.probestore-keyword-element:last-child{margin-right:0px;}
.probestore-btn-reset{position:relative; font-size:16px; border:0; margin-left:8px; padding-right:20px; background:transparent;word-break:keep-all;flex-shrink: 0;}
.probestore-btn-reset:after{content:''; position:absolute; top:50%; right:0px; width:12px; height:12px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-reset.png') center/cover no-repeat; transform:translate(0, -50%);}



@media only screen and (max-width: 1024px) { 
    .probestore-search-area{padding:40px;}
    .probestore-search-element{width:56%;}
}

@media only screen and (max-width: 750px) { 
    .probestore-search-area{padding:40px 20px;}
    .probestore-search-items{flex-wrap:wrap; justify-content:space-between; padding-bottom:0; border-bottom:0px;}
    .probestore-search-element{width:100%; margin-right:0; margin-bottom:12px;}
    
    .probestore-keyword-wrapper{flex-wrap:wrap; justify-content:start;}
    .probestore-keyword-items{overflow:hidden; width:100%;}
    .probestore-keyword-items-area{display:flex; flex-wrap:nowrap; width:100%; overflow-x:auto;}
    .probestore-keyword-element{flex:0 0 auto;}
    .probestore-reset-items{width:100%; margin-top:12px;}
    .probestore-btn-reset{margin-left:0px; padding-left:0;}
}

/* Probestore List */
.probestore-sort-items{display:flex; width:100%; margin-bottom:20px; justify-content:end;}
.probestore-sort-text{display:flex; align-items:center; margin-right:12px; font-size:var(--global-body2-size);}
.probestore-sort-select{display:flex; width:140px; padding:6px 0 6px 12px; font-size:var(--global-body3-size); border:1px solid #bebebe; background-color:var(--global-color-white); vertical-align:0;}

.probestore-list{display:flex; flex-wrap:wrap; justify-content:space-between; grid-gap:24px; width:100%; margin-top:20px;}

.probestore-thumbnail{display:flex; width:100%; height:0; padding-top:calc(180/342*100%); background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/product_img.jpg') center/cover no-repeat;} /* calc (이미지 높이 ÷ 이미지 가로 × 100 %) */
.probestore-element{display:flex; flex-grow:1; flex-direction:column; width:100%; padding:20px; box-sizing:border-box;} /* border:1px solid var(--global-color-line); box-sizing:border-box; */
.probestore-element-title h4{font-size:var(--global-h4-size); font-weight:600; line-height:1.3;} /* 700 */

.probestore-element-text{flex-grow:1; margin:4px 0 0 18px;}
.probestore-element-text li{margin-top:8px; font-size:var(--global-body2-size); color:var(--global-color-gray-900); line-height:1.2; vertical-align:middle; list-style-type:disc;}
.probestore-element-text li::marker{font-size:14px;}

.probestore-element-btn{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin-top:20px;}
.probestore-element-btn div{display:flex; width:49%;}
.probestore-element-btn button{display:flex; width:100%; padding:8px 0; justify-content:center;}

/* Probestore view */
.layout-type--back{display:flex; font-size:var(--global-h2-size); font-weight:600;} /* 700 */
.layout-type--back a{color:var(--global-color-black);}
.layout-type--back:before{content:'<'; display:inline-block; margin-right:8px; font-weight:normal;}

.probestore-view-wrapper{display:flex; flex-direction:row; justify-content:space-between; margin-top:12px;}
.probestore-view-thumbnail{width:200px;}
.probestore-view-thumbnail img{width:100%;}
.probestore-view-body-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:calc(100% - 200px - 44px);}
.probestore-view-link{display:flex; justify-content:flex-end; width:100%; margin-top:20px;}
.probestore-view-link{font-size:var(--global-body2-size); color:var(--global-color-black); text-decoration:underline;}
.probestore-view-link span{cursor:pointer;}

.probestore-view-detail-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%; border-top:2px solid var(--global-color-black);  border-bottom:2px solid var(--global-color-black);}
.probestore-view-detail-item{display:flex; flex-wrap:nowrap; flex-direction:row; width:100%; padding:20px 0; border-bottom:1px solid var(--global-color-line);}
.probestore-view-detail-title{display:flex; width:30%; font-size:var(--global-body1-size); font-weight:600;} /* 700 */
.probestore-view-detail-contents{display:flex; flex-wrap:nowrap; flex-direction:column; justify-content:center; width:calc(70% - 20px); margin-left:20px; font-size:var(--global-body2-size);}
.probestore-spec-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%; margin-left:20px;}
.probestore-spec-item{list-style:disc; margin-bottom:4px;}
.probestore-spec-item:last-child{margin-bottom:0;}
.probestore-view-mount-option{margin-bottom:20px;}
.probestore-view-mount-wrapper{display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:space-between; width:100%; margin-bottom:12px; padding:20px; font-size:var(--global-body2-size); background-color:var(--global-color-gray-100); box-sizing:border-box;}
.probestore-view-mount-wrapper:last-child{margin-bottom:0;}
.probestore-view-mount-title{font-weight:600;} /* 700 */
.probestore-view-mount-count{width:98px;}
.probestore-mount{padding:0 0 0 12px; height:49px;}

.probestore-view-btn-wrapper{display:flex; width:100%; margin-top:40px;}
.probestore-view-btn-item{width:calc(50% - 6px);}
.probestore-view-btn-item:last-child{margin-left:20px;}

.probestore-view-description{display:flex;  flex-wrap:nowrap; flex-direction:column; margin-top:80px; padding-top:80px; border-top:1px solid var(--global-color-line);}
.probestore-view-description-title{display:flex; margin-bottom:20px; font-size:var(--global-h4-size); font-weight:600;} /* 700 */
.probestore-view-description-contents{font-size:var(--global-body3-size); color:var(--global-color-gray-900);}

.medium-btn-black{display:flex;}

@media only screen and (max-width: 1024px) {
    .probestore-view-wrapper{flex-wrap:nowrap; justify-content:flex-start; flex-direction:column;}
    .probestore-view-thumbnail{width:100%;}
    .probestore-view-body-wrapper{width:100%; margin-top:20px;}

    .probestore-view-detail-item{flex-wrap:nowrap; flex-direction:column;}
    .probestore-view-detail-title{width:100%; margin-bottom:16px;}
    .probestore-view-detail-contents{width:100%; margin-left:0;}

    .probestore-view-mount-wrapper{position:relative; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; justify-content:start;}
    .probestore-view-mount-count{position:absolute; top:20px; right:20px;}

    .probestore-view-description{margin-top:40px; padding-top:40px;}
}

@media only screen and (max-width: 750px) {
    .probestore-view-btn-wrapper{flex-direction:column;}
    .probestore-view-btn-item{width:100%;}
    .probestore-view-btn-item:last-child{margin-left:0px; margin-top:12px;}
    .probestore-view-mount-count{width:70px;}
}


/* probestore quote */
.probestore-myCart-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%;}
.probestore-quote-title{font-size:var(--global-h2-size);}
.probestore-myCart-table{display:table; width:100%; margin-top:28px; border-top:2px solid var(--global-color-black); border-bottom:2px solid var(--global-color-black);}
.probestore-myCart-table-row{display:table-row;}
.probestore-myCart-table-row.header .probestore-myCart-table-data{font-weight:600; border-bottom:2px solid var(--global-color-black);} /* 700 */
.probestore-myCart-table-row .probestore-myCart-table-data:nth-child(2){width:40%;}
.probestore-myCart-table-data{display:table-cell; padding:24px; font-size:var(--global-body2-size); text-align:center; vertical-align:middle; border-bottom:1px solid var(--global-color-line);}

.probestore-myCart-table-data-wrapper{display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content: space-around; width:100%;}
.probestore-myCart-table-data-item{margin-right:12px;}
.probestore-myCart-table-data-item:last-child{margin-right:0;}
.probestore-myCart-table-data-element{display:none;}

.probestore-shipping-address{display:flex; flex-wrap:wrap; width:100%;}
.probestore-shipping-address-wrapper{display:flex; flex-wrap:wrap; flex-direction:row; gap:24px; width:100%; margin-top:28px;}
.probestore-shipping-address-item{display:flex; flex-direction:column; width:calc(50% - 12px);}
.probestore-shipping-address-item:nth-child(1){margin-right:1px;}
.probestore-shipping-address-item:last-child{width:100%;}
.probestore-shipping-address-title{margin-bottom:12px; font-size:var(--global-h5-size); font-weight:600;} /* 700 */
.probestore-shipping-address-btn{display:flex; justify-content:center; width:100%; margin-top:40px;}

@media only screen and (max-width: 1024px) {
    .probestore-myCart-table-data-wrapper{flex-wrap:wrap; flex-direction:row; align-items:center;}
    .probestore-myCart-table-data-item{width:50%; margin-right:0; margin-bottom:12px;}
    .probestore-myCart-table-data-item:nth-child(1){order:1;}
    .probestore-myCart-table-data-item:nth-child(2){order:3;}
    .probestore-myCart-table-data-item:nth-child(3){order:2;}
    .probestore-myCart-table-data-item:nth-child(4){order:4; width:100%; margin-bottom:0;}
    .probestore-myCart-table-data-item:nth-child(4) button{width:100%;}
}

@media only screen and (max-width: 750px) {
    .probestore-myCart-table{display:flex; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; border:0;}
    .probestore-myCart-table-row{display:flex; flex-direction:column; width:100%; margin-top:97px;}
    .probestore-myCart-table-row:nth-child(2){margin-top:0;}
    .probestore-myCart-table-row.header{display:none;}
    .probestore-myCart-table-data{display:flex; align-items:flex-start; flex-direction:column; flex-wrap:nowrap; width:100%; padding:20px 0;}
    .probestore-myCart-table-data:nth-child(1){border-top:2px solid var(--global-color-black);}
    .probestore-myCart-table-data:nth-child(7){border-bottom:2px solid var(--global-color-black);}
    .probestore-myCart-table-row .probestore-myCart-table-data:nth-child(2){width:100%;}
    
    .probestore-myCart-table-data-wrapper{position:relative; justify-content:flex-start;}
    .probestore-myCart-table-data-item{display:flex; width:auto; margin-bottom:0;}
    .probestore-myCart-table-data-item:nth-child(2){margin-left:20px;}
    .probestore-myCart-table-data-item:nth-child(4){position:absolute; bottom:-79px; left:0;}

    .probestore-myCart-table-data-element{display:flex; width:100%; margin-bottom:16px; font-size:var(--global-h5-size); font-weight:700;}
}


/* Sign In */
#signIn{padding-top:150px !important;}
#my-page{padding-top:70px !important;}
.signIn-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:400px; margin:0 auto;}
.signIn-items{display:flex; flex-direction:column; width:100%; margin-top:20px;}

.signIn-element{display:block; margin-bottom:8px; font-size:var(--global-body1-size); font-weight:600;} /* 700 */


.signIn-element-icon{position:relative; width:100%;}
.signIn-field-Error{border-color:var(--global-color-error) !important;}
.spectrum-Textfield-caption{margin-top:8px; font-size:var(--global-body3-size);} /* display:none; */
.spectrum-Textfield-caption-error{color:var(--global-color-error);}
.spectrum-Textfield-caption-success{color:var(--global-color-success);}

.signIn-element-text-link{margin-top:16px; font-size:var(--global-body2-size);}
.signIn-element-text-link a{font-size:var(--global-body2-size); color:var(--global-color-black); text-decoration:underline;}
.signIn-element-text-link a:hover{text-decoration:underline;}

.signIn-employee-link{margin-top:12px; padding-top:20px; border-top:1px solid var(--global-color-line);}
.signIn-employee-link button{color:var(--global-color-primary); text-decoration:underline; text-underline-position:under;}

.password-VisibilityToggle{position:absolute; top:50%; right:12px; width:28px; height:16px; transform: translate(0, -50%); background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-eyes-off.png') center/cover no-repeat; cursor:pointer;}
.password-VisibilityToggle.active{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-eyes-on.png') center/cover no-repeat;}

.reset-password-wrapper{margin-top:40px; padding:20px 32px 40px; background-color:var(--global-color-gray-100); box-sizing:border-box;}

/* Verify Email */
.signIn-element-text-link-multiple{flex-direction:column; align-items:center;}
.signIn-element-text-link span:after{display:none;}
/*
.signIn-element-text-link-multiple{flex-direction:row; margin-top:32px;}
.signIn-element-text-link span:after{content:"|"; display:inline-block; padding:0 12px;}
.signIn-element-text-link span:last-child:after{display:none;}
*/
.global-title-h1-icon{padding-top:110px;}
.verify-email-title-icon{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-verify-mail.png') center top/90px no-repeat;}
.complete-password-title-icon{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-complete-password.png') center top/90px no-repeat;}

/* Complete Password */
.complete-password-title{font-size:var(--global-size-24);}
.large-btn-black a:disabled, .large-btn-black button:disabled{color:var(--global-color-white); border-color:var(--global-color-gray-300); background-color:var(--global-color-gray-300);}

/* Privacy */
.create-account-privacy{padding:20px; background-color:var(--global-color-gray-100); box-sizing:border-box;}
.create-account-privacy-items{display:flex; align-items: flex-start; flex-wrap:nowrap; flex-direction:row; font-size:var(--global-body2-size); color:var(--global-color-gray-900);}


@media only screen and (max-width: 750px) {
    #signIn{padding-top:100px !important;}
    #my-page{padding-top:60px !important;}
    .signIn-wrapper{width:100%;}
    .signIn-items{margin-top:16px;}
    .signIn-element{margin-bottom:4px;}

    .reset-password-wrapper{margin-top:28px; padding:0px 20px 20px;}

    /* Verify Email */
    .signIn-element-text-link-multiple{flex-direction:column; align-items:center;}
    .signIn-element-text-link span:after{display:none;}
}


/* learning center */
.snb-checkbox-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%; margin-bottom:40px;}
.snb-checkbox-title{display:flex; width:100%; padding-bottom:12px; font-size:var(--global-h4-size);}
.snb-checkbox-contents{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%; border-top:1px solid var(--global-color-black); border-bottom:1px solid var(--global-color-black);}
.snb-checkbox-item{padding:12px 0; font-size:var(--global-body2-size); color:var(--global-color-gray-900); border-bottom:1px solid var(--global-color-line);}
.snb-checkbox-item:last-child{border-bottom:0;}
.snb-checkbox-item a{font-weight: 400;color:var(--global-color-gray-900);}
.snb-checkbox-item.active a{font-weight: 600;color:var(--global-color-black);display: flex;width: 100%;height: 100%;position: relative;} /* 700 */
.snb-checkbox-item.active a::after{content:'';display: block;position: absolute;right: 0;top:50%;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-active-arrow.svg");background-size: cover;width:5px;height: 8px;transform: translateY(-50%);}
.snb-checkbox-item label {
    min-height: 16px;
}


.snb-select-wrapper{position:relative; display:flex; flex-wrap:nowrap; flex-direction:column; width:100%;}
.snb-select-title{position:relative; display:flex; width:100%; padding:16px 12px; font-size:var(--global-body2-size); border:1px solid var(--global-color-line); box-sizing:border-box; cursor:pointer;}
.snb-select-title:after{content:''; position:absolute; top:50%; right:12px; width:9px; height:8px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/select-arrow.png') center/cover no-repeat; transform:translate(0, -50%);}
.snb-select-title.small{ padding:11px 12px;}/*billible 추가2024.02.26*/
.snb-select-title-mobile{display:none;}
.checkbox-layout-number{display:inline-block; margin-right:5px;}

.snb-select-contents{position:absolute; top:62px; left:0; z-index:1; overflow-y:auto; display:none; flex-wrap:nowrap; flex-direction:column; width:100%; height:300px; border:1px solid var(--global-color-line); background-color:var(--global-color-white); box-shadow:0 0 10px rgba(0, 0, 0, 0.1); box-sizing:border-box;}
.snb-select-contents.active{display:flex;}
.snb-select-item{display:flex; width:100%; padding:12px; font-size:var(--global-body3-size); border-bottom:1px solid var(--global-color-line); box-sizing:border-box;}
.snb-select-item .spectrum-CheckBox + label:before{top:-2px;}
.snb-select-item .spectrum-CheckBox:checked + label:after{top:-2px;}

.snb-checkbox-title-mobile{display:none;}
.snb-checkbox-cta{display:none;}

.card-FlexContainer-border{border:1px solid var(--global-color-line);}
.card-FlexContainer{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%;height: 100%;}
.card-FlexContainer-thumbnail{position:relative; width:100%; height:150px; border-bottom:1px solid var(--global-color-line);flex-shrink: 0;}
.card-FlexContainer-thumbnail a{position:relative; display:block; width:100%; height:100%; overflow:hidden;} /* padding-top:calc(150 / 342 * 100%);  */
.card-FlexContainer-thumbnail img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.card-FlexContainer-border .card-FlexContainer-wrapper{border:0;}
.card-FlexContainer-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%; padding:20px; border:1px solid var(--global-color-line); box-sizing:border-box;}

.card-FlexContainer-sort{display:flex; flex-wrap:wrap; flex-direction:row; width:100%; row-gap: 6px; column-gap: 4px;}
.card-FlexContainer-sort-item{display:flex; align-items:center; padding:2px 8px; font-size:var(--global-body4-size); color:var(--global-color-gray-600); border-radius:2px; border:1px solid var(--global-color-gray-600);} /* new 2024. 05. 16 */
.card-FlexContainer-date{display:flex; width:100%; font-size:var(--global-body3-size);}
.card-FlexContainer-title{font-size:var(--global-h4-size); font-weight:600;} /* 700 */
.card-FlexContainer-text{font-size:var(--global-body3-size); color:var(--global-color-gray-600);}
.card-FlexContainer-text2{font-size:var(--global-body2-size);}
.card-nickname-box{display: flex;min-width:220px;height: 100%;justify-content: center;align-items: center;font-size: var(--global-body4-size);}




.card-FlexContainer-wrapper-full{min-height:272px;height: 100%;}
.card-FlexContainer-wrapper-col3{min-height:216px;}
.card-FlexContainer-wrapper-application{min-height:270px;}
.card-FlexContainer-wrapper-nss{min-height:175px;}

.card-nation-box{display: flex;flex-direction:column;min-width:220px;height: 100%;justify-content: center;align-items: center;font-size: var(--global-body4-size);}
.card-information{font-size: var(--global-body4-size); display: flex;gap: 20px;align-items: center}
.card-information .card-information-item{display: flex;align-items: center;font-size: var(--global-body4-size);color:var(--global-color-gray-900);}
.card-information .card-information-view::before{content:'';display: inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-view.svg");background-repeat: no-repeat;background-size: cover;width: 21px;height: 12px;margin-right: 8px;}
.card-information .card-information-like::before{content:'';display: inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-like.svg");background-repeat: no-repeat;background-size: cover;width: 18px;height: 19px;margin-right: 8px;}
.card-information .card-information-comments::before{content:'';display: inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-comments.svg");background-repeat: no-repeat;background-size: cover;width: 20px;height: 19px;margin-right: 8px;}

.card-full-list-item{padding:20px 0;}
.card-full-list-item:nth-of-type(n + 2){border-top: 1px solid var(--global-color-line);}


@media only screen and (max-width: 750px) {
    .layout-type--2-wrapper{margin-top:0;}
    .snb-checkbox-wrapper{margin-bottom:12px;}
    .snb-checkbox-title{font-size:24px;}
    .snb-checkbox-contents{display:flex; width:100%;}
    .snb-checkbox-item{padding:16px 0;}
    
    .snb-checkbox-container{display:none;}
    .snb-checkbox-container.active{position:fixed; top:0; left:0; z-index:10; overflow-y:auto; display:flex; flex-wrap:nowrap; flex-direction:column; width:100%; height:100%; padding:80px 20px 40px; background-color:var(--global-color-white); box-sizing:border-box;}

    .snb-checkbox-title-mobile{position:relative; display:block; padding:16px 12px; font-size:var(--global-body2-size); border:1px solid var(--global-color-line); box-sizing:border-box; cursor:pointer;}
    .snb-checkbox-title-mobile:after{content:''; position:absolute; top:50%; right:12px; width:9px; height:8px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/select-arrow.png') center/cover no-repeat; transform:translate(0, -50%);}

    .snb-select-title-mobile{display:flex; width:100%; padding-bottom:12px; font-size:24px;}
    .snb-select-contents{display:flex; flex-wrap:nowrap; flex-direction:column; position:static; width:100%; height:auto; overflow-y:visible; border:0; border-top:1px solid var(--global-color-black); border-bottom:1px solid var(--global-color-black); box-shadow:none;}
    .snb-select-item{padding:16px 0; font-size: var(--global-body3-size); color:var(--global-color-gray-900);}

    .snb-checkbox-cta{display:block; margin-top:20px;}

    .card-FlexContainer-wrapper-col3, .card-FlexContainer-wrapper-application{min-height:auto;}
    
    
}


/* Board Base */
.board-search-wrapper{display:flex; width:100%; padding:36px 20px; justify-content: center; background-color:var(--global-color-gray-100);}
.board-search-items{display:flex; gap:20px;}
.board-search-element{display:flex; width:220px;}
.board-search-element:last-child{width:auto;}

.board-list-wrapper{display:flex; flex-direction:column; width:100%; border-top:2px solid var(--global-color-black); border-bottom:2px solid var(--global-color-black);}
.board-list-items{display:flex; flex-direction:row; justify-content:space-between; align-items:center; padding:20px; border-bottom:1px solid var(--global-color-line)}

.board-list-category-list{display: flex; gap: 4px;}
.board-list-category{display:inline-block; padding:2px 8px; font-size:var(--global-body4-size); color:var(--global-color-gray-600); border:1px solid var(--global-color-gray-600); border-radius:2px;}
.board-list-title{margin-top:4px; font-size:var(--global-h4-size); font-weight:600;}
.board-list-title a{font-size:var(--global-h4-size); color:var(--global-color-black); font-weight:600;} /* 700 */
.board-list-contents{margin-top:4px;}
.board-list-contents a{font-size:var(--global-body3-size); color:var(--global-color-gray-900);}
.board-list-country{font-size:var(--global-body2-size); font-weight:600; text-align:center;} /* 700 */
.board-list-date{font-size:var(--global-body2-size); text-align:center;}

/* Board view */
.board-view-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%;}
.board-view-top-wrapper{display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:space-between; align-items:center; padding:20px 0; border-bottom:1px solid var(--global-color-line);}
.board-view-top-item{display:flex; flex-wrap:nowrap; flex-direction:column;}
.board-view-top-icon{display:flex; flex-wrap:nowrap; flex-direction:row;}
.board-view-top-title{font-size:var(--global-h3-size); font-weight:600;} /* 700 */
.board-view-top-date{margin-top:4px; font-size:var(--global-body3-size); color:var(--global-color-gray-900);}

.board-view-share-item{position:relative; height:24px; margin-right:12px; cursor:pointer;}
.board-view-share-item:last-child{margin-right:0;}
.board-view-share-item img{height:100%;}
.board-view-text-wrapper{margin-top:40px; padding-bottom:40px; font-size:var(--global-body2-size); color:var(--global-color-gray-900);}

.board-view-sns-wrapper{position:absolute; top:36px; left:50%; display:none; padding-top:10px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/speech-bubble-arrow-top-black.png') center top/13px no-repeat; transform:translate(-50%, 0);}
.board-view-sns-wrapper.active{display:flex;}
.board-view-sns-item{display:flex; padding:12px 0; border-radius:5px; background-color:var(--global-color-black);}
.board-view-sns-element{height:23px; padding:0 12px; border-right:1px solid rgba(255,255,255,0.2); cursor:pointer;}
.board-view-sns-element img{height:100%;}

.layout-type--2-cta{display:flex; text-align:center;}
.board-view-latest-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column;}
.board-view-latest-title{padding-bottom:12px; font-size:var(--global-h4-size); font-weight:600; border-bottom:2px solid var(--global-color-black);} /* 700 */
.board-view-latest-contents{display:flex; flex-wrap:nowrap; flex-direction:column;}
.board-view-latest-items{display:flex; flex-direction:column; flex-wrap:nowrap; align-items: flex-start; padding:20px 0; border-bottom:1px solid var(--global-color-line);}
.board-view-latest-items:last-child{border-bottom:2px solid var(--global-color-black);}
.board-view-latest-date{margin-top:8px; font-size:var(--global-body2-size);}


.border-view-bottom-latest-wrapper{display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:space-between; gap:24px; width:100%;}
.border-view-bottom-latest-title{margin-bottom:24px; font-size:var(--global-h3-size);}


.keyowrd-layout--2{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%;}
.board-view-keyowrd-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--global-color-line);}
.keyowrd-layout--2 .board-view-keyowrd-wrapper:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:0px;}
.board-view-keyowrd-title{margin-bottom:12px; font-size:var(--global-h4-size);}
.board-view-keyowrd-contents{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%;}
.board-view-keyowrd-item{display:flex; margin-bottom:8px; width:max-content;}
.board-view-keyowrd-item:last-child{margin-bottom:0;}
.board-view-keyowrd-element{display:inline-block; padding:2px 8px; font-size:var(--global-body4-size); color:var(--global-color-gray-600); border-radius:2px; border:1px solid var(--global-color-gray-600);}
.board-view-keyowrd-banner{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%; margin-bottom:8px;}
.board-view-keyowrd-contents .board-view-keyowrd-banner:last-child{margin-bottom:0px;}
.board-view-keyowrd-banner img{width:100%;}


.embed-container{position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%;}
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video{position: absolute; top:0; left:0; width:100%; height:100%;}

/*billible 추가 2024.02.26*/
.board-view-text-wrapper.text-color-black{color:var(--global-color-black);}
.board-view-text-wrapper img{max-width: 100%;}
.board-view-text-wrapper p{font-size: var(--global-body2-size);}
.board-view-text-wrapper ul li{list-style: disc;margin-left: 1em;color:var(--global-body2-size);}
.board-view-text-wrapper ul li .t-box{font-weight: 600;min-width: 150px;display: inline-block} /* 700 */
.board-view-text-wrapper h4{font-size: var(--global-h4-size);color:var(--global-color-black);}
.board-view-text-wrapper .sub-text{font-size: var(--global-body2-size);color:var(--global-color-black);}
.board-view-text-wrapper .schedule{display: inline-flex;flex-direction: column;border:1px solid var(--global-color-line);padding:24px;}
.board-view-text-wrapper .schedule ul{border-top:2px solid var(--global-color-black);border-bottom:2px solid var(--global-color-black);font-size: var(--global-body2-size);margin-top: 16px;}
.board-view-text-wrapper .schedule ul li{list-style: none;display: flex;column-gap:80px;margin-left: 0;padding:12px;}
.board-view-text-wrapper .schedule ul li:nth-of-type(n + 2){border-top: 1px solid var(--global-color-line);}
.board-view-text-wrapper .schedule ul li .t-box{font-weight: 400;min-width: auto;}


/*billible 추가 2024.02.26*/
.board-view-sns-wrapper{position:absolute; top:36px; left:50%; display:none; padding-top:10px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/speech-bubble-arrow-top-black.png') center top/13px no-repeat; transform:translate(-50%, 0);}
.board-view-sns-wrapper.active{display:flex;}
.board-view-sns-item{display:flex; padding:12px 0; border-radius:5px; background-color:var(--global-color-black);}
.board-view-sns-element{height:23px; padding:0 12px; border-right:1px solid rgba(255,255,255,0.2); cursor:pointer;}
.board-view-sns-element img{height:100%;}

.layout-type--2-cta{display:flex; text-align:center;}
.board-view-latest-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column;}
.board-view-latest-title{padding-bottom:12px; font-size:var(--global-h4-size); font-weight:600; border-bottom:2px solid var(--global-color-black);} /* 700 */
.board-view-latest-contents{display:flex; flex-wrap:nowrap; flex-direction:column;}
.board-view-latest-items{display:flex; flex-direction:column; flex-wrap:nowrap; align-items: flex-start; padding:20px 0; border-bottom:1px solid var(--global-color-line);}
.board-view-latest-items:last-child{border-bottom:2px solid var(--global-color-black);}
.board-view-latest-date{margin-top:8px; font-size:var(--global-body2-size);}


.border-view-bottom-latest-wrapper{display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:space-between; gap:24px; width:100%;}
.border-view-bottom-latest-title{margin-bottom:24px; font-size:var(--global-h3-size);}


.keyowrd-layout--2{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%;}
.board-view-keyowrd-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--global-color-line);}
.keyowrd-layout--2 .board-view-keyowrd-wrapper:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:0px;}
.board-view-keyowrd-title{margin-bottom:12px; font-size:var(--global-h4-size);}
.board-view-keyowrd-contents{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%;}
.board-view-keyowrd-item{display:flex; margin-bottom:8px;}
.board-view-keyowrd-item:last-child{margin-bottom:0;}
.board-view-keyowrd-element{display:inline-block; padding:2px 8px; font-size:var(--global-body4-size); color:var(--global-color-gray-600); border-radius:2px; border:1px solid var(--global-color-gray-600);}
.board-view-keyowrd-banner{display:flex; flex-wrap:nowrap; flex-direction:column; width:100%; margin-bottom:8px;}
.board-view-keyowrd-contents .board-view-keyowrd-banner:last-child{margin-bottom:0px;}
.board-view-keyowrd-banner img{width:100%;}


@media only screen and (max-width: 1024px) {
    .board-search-element{width:170px;}
    .board-list-items{gap:24px;}
}

@media only screen and (max-width: 750px) {
    .board-search-wrapper{padding:20px;}
    .board-search-items{flex-wrap:nowrap; flex-direction:column; align-items:center; gap:8px; width:100%;}
    .board-search-element{width:100%;}
    .board-search-element:last-child{margin-top:12px;}

    .board-list-items{flex-wrap:nowrap; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:20px;}
    .board-list-element{width:100%;}
    .board-list-country, .board-list-date{text-align:left;}

    /* view */
    .board-view-top-wrapper{flex-direction:column; justify-content:flex-start; align-items:flex-start;}
    .board-view-top-item{width:100%;}
    .board-view-top-icon{margin-top:20px;}

    .keyowrd-layout--2 .board-view-keyowrd-wrapper:last-child{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--global-color-line);}
    .board-view-keyowrd-contents{flex-direction:row; overflow-x:auto;}
    .board-view-keyowrd-item{display:inline-block; margin-bottom:0; margin-right:8px; flex: 0 0 auto;}
    .board-view-keyowrd-item:last-child{margin-right:0;}

    .border-view-bottom-latest-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; justify-content:flex-start; gap:20px; width:100%;}

    /* new 2024.05.13 */
    .board-view-sns-wrapper{left:0%; transform: none; background: url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/speech-bubble-arrow-top-black.png') left 5px top / 13px no-repeat;}
}


/* Pagination */
.Page-wrapper{display:flex; width:100%; margin-top:40px; flex-wrap:nowrap; flex-direction:row; justify-content:center;}
.Pagination{display:flex;}

.page-link{display:flex; padding:10px 15px; font-size:var(--global-body3-size); color:#727272; transition:all .2s ease;}
.page-item.active .page-link, .page-link:hover{color:var(--global-color-white); background-color:var(--global-color-primary);}
.page-Previous:hover, .page-Next:hover{color:#727272; background-color:transparent;}
.page-link.disabled{pointer-events: none; opacity:0.3}


/* Video */
.video-wrapper{display:flex; width:100%;}


/* company */
.cardLink-FlexContainer{display:flex; width:100%; background-color:var(--global-color-white); box-sizing:border-box;}
.cardLink-FlexContainer-items{width:100%; padding:36px 48px 36px 20px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-arrow01.png') center right 20px/23px no-repeat;}


/* About Us */
.cardImages-FlexContainer{position:relative; display:flex; width:100%; height:300px; cursor:pointer;}
.cardImages-item{display:flex; width:100%; height:100%;}
.cardImages-caption{position:absolute; bottom:0; left:0; width:100%; padding:20px; background-color:rgba(0, 0, 0, 0.6); box-sizing:border-box; opacity:1; transition:all 0.5s ease;}
.cardImages-text{position:absolute; top:0; left:0; display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; padding:20px; color:#fff; background-color:rgba(0, 0, 0, 0.6); box-sizing:border-box; opacity:0; transition:all 0.5s ease;}

.cardImages-FlexContainer:hover > .cardImages-item > .cardImages-caption {opacity:0; transition:all 0.5s ease;}
.cardImages-FlexContainer:hover > .cardImages-text{opacity:1; transition:all 0.5s ease;}

.about-us-thumbnail1{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/about-thumbnail1.jpg') center/cover no-repeat;}
.about-us-thumbnail2{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/about-thumbnail2.jpg') center/cover no-repeat;}
.about-us-thumbnail3{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/about-thumbnail3.jpg') center/cover no-repeat;}
.about-us-thumbnail4{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/about-thumbnail4.jpg') center/cover no-repeat;}
.about-us-thumbnail5{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/about-thumbnail5.jpg') center/cover no-repeat;}

.aboutUs-glance-background{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/aboutUs-glance-background.jpg') center/cover no-repeat;}
.aboutUs-glance-wrapper{display:flex; width:100%; gap:24px;}
.aboutUs-glance-circle{display:flex; flex-direction:column; justify-content:center; align-items:center; width:98px; height:98px; font-size:22px; font-weight:600; text-align:center; border-radius:49px; border:1px solid #000; transition:all 0.2s ease;} /* 700 */
.aboutUs-glance-circle:hover{color:#fff; border:1px solid var(--global-color-primary); background-color:var(--global-color-primary); transition:all 0.2s ease;}
.aboutUs-glance-item{display:flex; flex-direction:column; justify-content:center; width:calc(100% - 122px);}
.aboutUs-glance-element{}

.contents-fullImg-box{display:flex; flex-direction:column; width:100%;}
.contents-fullImg-box-wrapper{display:flex; align-items:center; gap:24px;}
.contents-fullImg-box-imgLeft{padding-left: calc((100% - 1440px) / 2);}
.contents-fullImg-box-imgRight{padding-right: calc((100% - 1440px) / 2);}

.contents-fullImg-box-item{width:51%; transition: all 0.2s ease;}
.contents-fullImg-box-img{width:49%; height:340px; transition: all 0.2s ease;}

.contents-fullImg-box-title{font-size:var(--global-h1-size);}
.contents-fullImg-box-text{font-size:var(--global-body2-size);}

.aboutUs-img01{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/aboutUs-img01.jpg') center/cover no-repeat;}
.aboutUs-img02{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/aboutUs-img02.jpg') center/cover no-repeat;}
.aboutUs-img03{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/aboutUs-img03.jpg') center/cover no-repeat;}

.cardBanner-FlexContainer{display:flex; flex-direction:column; width:100%; min-height:180px; padding:28px 20px; color:#fff; box-sizing:border-box; transition: all 0.2s ease;}
.cardBanner-title{margin-bottom:12px; font-size:var(--global-h4-size);}
.cardBanner-description{font-size:var(--global-body3-size);}

.aboutUs-banner1{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/aboutUs-banner-background01.jpg') center/cover no-repeat;} 
.aboutUs-banner2{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/aboutUs-banner-background02.jpg') center/cover no-repeat;} 
.aboutUs-banner3{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/aboutUs-banner-background03.jpg') center/cover no-repeat;} 
.aboutUs-banner4{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/aboutUs-banner-background04.jpg') center/cover no-repeat;} 
.aboutUs-banner5{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/aboutUs-banner-background05.jpg') center/cover no-repeat;}

@media only screen and (max-width: 1280px) { 
    .cardImages-FlexContainer{height:330px;}

    .cardBanner-FlexContainer{min-height:203px;}
}

@media only screen and (max-width: 1024px) { 
    .cardImages-FlexContainer{height:300px;}

    .contents-fullImg-box{align-items:center;}
    .contents-fullImg-box-wrapper{width:92%;}
    
    .contents-fullImg-box-wrapper{flex-direction:column;}
    .contents-fullImg-box-item{width:100%; margin:0;}
    .contents-fullImg-box-img{width:100%;}

    .cardBanner-FlexContainer{min-height:180px;}

    .imgContainer img{width:100%;}
}

@media only screen and (max-width: 750px) { 
    .cardImages-FlexContainer{flex-direction:column; height:auto;}
    .cardImages-item{position:relative; height:150px;}
    .about-us-thumbnail1{background-position:center top;}
    .cardImages-caption{padding:10px 12px;}
    .cardImages-text{position:static; padding:0; color:#000; opacity:1; background-color:transparent;}
    .cardImages-text > h4{display:none;}

    .cardImages-FlexContainer:hover > .cardImages-item > .cardImages-caption {opacity:1;}
    .cardImages-FlexContainer:hover > .cardImages-text{opacity:1;}

    .contents-fullImg-box-img{height:0; padding-top:calc(340 / 826 * 100%);}/* 세로/가로*100% */

    .cardBanner-FlexContainer{min-height:auto;}
}


/* chat */
.chart-wrapper{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.chartHeight-540{height:540px;}
.chart-widget-copyright{margin-top:5px;}
.chart-widget-copyright span{font-size:var(--global-body4-size); color:var(--global-color-error);}

/* speciffications */
.specContainer{display:flex; flex-direction:column; width:100%; padding:20px; border:1px solid var(--global-color-line); box-sizing:border-box;}
.specContainer-title{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.specContainer-description{max-height:120px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}

.specContainer-wrapper{display:flex; flex-direction:column; width:100%; padding:40px; background-color:var(--global-color-gray-100); box-sizing:border-box;}
.specContainer-wrapper h3{font-size:var(--global-h3-size);}
.specContainer-wrapper ul{display:flex; flex-direction:column; width:100%; max-height:184px; margin-top:20px;}
.specContainer-wrapper ul li{margin-bottom:8px; font-size:var(--global-body2-size); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.specContainer-wrapper ul li:last-child{margin-bottom:0;}

.bullet-base ul li{padding-left:12px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/bullet-base.png') center left no-repeat;}
.bullet-base_type_2 ul li{padding-left:12px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/bullet-base-type-2.svg') no-repeat; background-position: left 10px;}



@media only screen and (max-width: 1480px) { 
    .specContainer-wrapper{padding:20px;}
}

@media only screen and (max-width: 750px) {
    .specContainer-title{overflow:visible; text-overflow:initial; white-space:initial; word-break:keep-all;}
    .specContainer-description{max-height:initial; overflow:visible; text-overflow:initial; display:block; -webkit-line-clamp:initial; -webkit-box-orient:initial;}
    .specContainer-wrapper ul{max-height:initial; margin-top:12px;}
    .specContainer-wrapper ul li{font-size:var(--global-body2-size); overflow:visible; text-overflow:initial; white-space:initial; word-break:keep-all;}
}


/* AFM Acoordian */
.accordion-list-wrapper{border-top:1px solid #000; border-bottom:1px solid #000;}
.accordion-list-wrapper dl{padding:16px 0; border-bottom:1px solid var(--global-color-line);}
.accordion-list-wrapper dl:last-child{border-bottom:0px;}
.accordion-list-wrapper dl dt{position:relative; font-size:var(--global-body2-size); font-weight:600; cursor:pointer;} /* 700 */
.accordion-list-wrapper dl dt::after{content:''; position:absolute; top:50%; right:0; width:8px; height:5px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/accordion-arrow.png') center/cover; transform:translate(0, -50%);}
.accordion-list-wrapper dl dt.active::after{transform: rotate(180deg)}
.accordion-list-wrapper dl dd{display:none;}
.accordion-list-wrapper dl:first-child dd{display:block;}
.accordion-list-wrapper dl dd li{margin-top:16px; padding:0; font-size:var(--global-body3-size); cursor:pointer;}
.accordion-list-wrapper dl dd li:hover, .accordion-list-wrapper dl dd li.active{color:var(--global-color-primary);}

.accordion-text-wrapper{margin-top:40px;}

.accordion-container-wrapper div.accordion-container-item{display:none;}
.accordion-container-wrapper div.accordion-container-item.active{display:block;}

.accordion-container-item h2{font-size:var(--global-h2-size);}
.accordion-text-wrapper h4{font-size:var(--global-h4-size);}
.accordion-text-wrapper p, .accordion-text-wrapper ul{font-size:var(--global-body2-size);}

.afm-select{display:none;}

@media only screen and (max-width: 750px) { 
    .afm-select{position:relative; display:block; padding:14px 12px; font-size:var(--global-body2-size); border:1px solid var(--global-color-line); box-sizing:border-box;}
    .afm-select::after{content:''; position:absolute; top:50%; right:12px; width:10px; height:8px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/afm-select-arrow.png') center/cover no-repeat; transform:translate(0, -50%);}
    .afm-select.active::after{transform: rotate(180deg);}
    .afm-select span{display:block; width:calc(100% - 22px);}
    .accordion-list-wrapper{position:absolute; top:53px; left:0; z-index:100; overflow-y:scroll; display:none; width:100%; height:300px; border:1px solid var(--global-color-line); background-color:#fff; box-sizing:border-box;}
    .accordion-list-wrapper.active{display:block;}
    .accordion-list-wrapper dl dt, .accordion-list-wrapper dl dd{margin:0 16px;}
    .accordion-list-wrapper dl dd{margin-top:12px; border-top:1px solid var(--global-color-line);}

    .accordion-list-wrapper dl dt::after{right:16px;}

}

/* NEW 2024.04.23 */
.square-thumbnail{position:relative; width:100%; height:auto;}
.square-thumbnail::after, .square-thumbnail a::after{display:block; content:""; padding-bottom:100%;}
.thumbnail-16-9{display:block; height:auto; padding-bottom:56.25%;}

.horizontal220{width:calc(100% - 244px);}

.esg-conduct-wrapper{background-color:#eee;}
.esg-conduct-wrapper h2{font-size:var(--global-h2-size);}
.esg-conduct-wrapper p{font-size:var(--global-body2-size);}

.border-bottom{border-bottom:1px solid var(--global-color-line);}

.scholarship-banner{padding:20px 40px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/scholarship_banner2_pc.jpg') center/cover #cee8f9 no-repeat;}

.link-sub-title{font-size:var(--global-h2-size); font-weight:600;} /* 700 */
.link-sub-title a{display:inline-block; margin-right:8px; font-weight:normal; vertical-align:2px;}

.probestore-list-items{display: flex;flex-direction: column;border:1px solid var(--global-color-line); box-sizing:border-box;}


@media only screen and (max-width: 1024px) {
    .probestore-shipping-address-item:nth-child(1){width:100%; margin-right:0;}
}

@media only screen and (max-width: 750px) {
    .probestore-shipping-address-wrapper{flex-wrap:nowrap; flex-direction:column; gap:20px;}
    .probestore-shipping-address-item{width:100%;}
    .probestore-shipping-address-btn{margin-top:20px;}

    .scholarship-banner{min-height:auto; padding:40px 20px 60%; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/scholarship_banner2_mobile.jpg') center bottom/cover #cee8f9 no-repeat;}
    .scholarship-banner p br{display:none;}

    .horizontal220{width:100%;}
}

#learningCenter{padding-top:0 !important;}

/* New 05.15 */
.applications-2depth > div{margin-bottom:80px; padding-bottom:80px; border-bottom:1px solid var(--global-color-line);}
.applications-2depth > div:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}

.applications-wrapper{padding:80px 0;}

@media only screen and (max-width: 750px) {
    .applications-2depth > div{margin-bottom:40px; padding-bottom:40px;}
    .applications-wrapper{padding:40px 0;}
}


.privacy-tab{display:flex; width:100%;}
.privacy-tab li{width:50%; padding:14px 0; font-size:var(--global-body2-size); text-align:center; cursor:pointer; border-bottom:1px solid var(--global-color-line);}
.privacy-tab li.active{font-weight:700; border-bottom:2px solid #000;}

.privacy-tab-wrapper{margin-top:40px;}
.privacy-tab-wrapper > div{display:none;}
.privacy-tab-wrapper > div:nth-child(1){display:block;}
.privacy-tab-wrapper div.privacy-item{margin-bottom:60px;}
.privacy-tab-wrapper div.privacy-item:last-child{margin-bottom:0px;}
.privacy-item h3{margin-bottom:40px; font-size:var(--global-h3-size);}
.privacy-item h4{margin-bottom:20px; font-size:var(--global-h4-size);}
.privacy-item > div{margin-bottom:40px;}
.privacy-item > div:last-child{margin-bottom:20px;}

.privacy-item-text p{display:block; margin-bottom:40px; font-size:var(--global-body2-size); color:var(--global-color-gray-900);}
.privacy-item-text p:last-child{margin-bottom:0;}
.privacy-item-text p a{color:var(--global-color-gray-900); text-decoration:underline;}

.privacy-item-list{font-size:var(--global-body2-size); color:var(--global-color-gray-900);}
.privacy-item-list ul{margin-top:10px; margin-left:20px;}
.privacy-item-list ul li{margin-bottom:6px;}
.privacy-item-list ul li:last-child{margin-bottom:0;}
.privacy-item-list li a{color:var(--global-color-gray-900); text-decoration:underline;}

.privacy-item-list table{width:100%; margin-top:10px; border:1px solid var(--global-color-line);}
.privacy-item-list table tr td{padding:10px; border-bottom:1px solid var(--global-color-line); border-right:1px solid var(--global-color-line); vertical-align:middle;}
.privacy-item-list table tr.header td{text-align:center;}
.privacy-item-list table tr td:last-child{text-align:center; border-right:0;}
.privacy-item-list table tr:last-child td{border-bottom:0;}

.privacy-item-decimal ul > li{list-style-type:decimal;}
.privacy-item-disc ul > li{list-style-type:disc;}
.privacy-item-upperLatin ul > li{list-style-type:upper-latin;}
.privacy-item-dash ul > li{list-style-type:'- ';}

.privacy-item h3.marB10{margin-bottom:10px !important;}

@media only screen and (max-width: 750px) {
    .privacy-tab-wrapper div.privacy-item{margin-bottom:40px;}
    .privacy-item > div{margin-bottom:20px;}
    .privacy-item h3{margin-bottom:20px;}
    .privacy-item p{margin-bottom:20px;}
}

/* Stock */
.stock-wrapper{display:flex; flex-direction:column; width:100%;}
.stock-sub-title{display:inline-block; vertical-align:0;}

.table-base-wrapper{width:100%; overflow-x:auto;}
.table-base-wrapper table{width:100%;}
.table-base-wrapper tr th, .table-base-wrapper tr td{padding:16px 0; text-align:center; border-right:1px solid var(--global-color-line); border-bottom:1px solid var(--global-color-line);}
.table-base-wrapper tr th:last-child, .table-base-wrapper tr td:last-child{border-right:0px;}
.table-base-wrapper tr:last-child th, .table-base-wrapper tr:last-child td{border-bottom:0px;}

.table-base-wrapper.col4 tr th, .table-base-wrapper.col4 tr td{width:25%;}
.table-base-wrapper.col7 tr th, .table-base-wrapper.col7 tr td{width:14.285%;}

.table-base-wrapper.autoScrollbar{box-sizing:border-box; padding-bottom: 20px;}
.table-base-wrapper.autoScrollbar::-webkit-scrollbar {width: 10px; height: 10px;}
.table-base-wrapper.autoScrollbar::-webkit-scrollbar-thumb {background: var(--global-color-primary);border-radius: 10px;}
.table-base-wrapper.autoScrollbar::-webkit-scrollbar-track {background: transparent;}

.section-wrapper-type1 .stock-wrapper article{margin-bottom:100px;}
.section-wrapper-type1 .stock-wrapper article:last-child{margin-bottom:0;}


@media only screen and (max-width: 1280px) { 
    .table-base-wrapper table{width:1300px;}
}

@media only screen and (max-width: 750px) { 
    .section-wrapper-type1 .stock-wrapper article{margin-bottom:60px;}
}


/* 2024.05.28 upcoming 추가 */
.upcoming-wrapper{display:flex; flex-direction:column; width:100%;}
.card-FlexContainer-upcomingDate{display:flex; width:100%; font-size:var(--global-body3-size); color:var(--global-color-gray-900); font-weight:600;}
.card-FlexContainer-upcomingCountry{display:flex; width:100%; font-size:var(--global-body3-size); color:var(--global-color-gray-900);}

.mypage-empty-wrapper{display:flex; flex-direction:column; align-items:center; width:100%;}
.mypage-empty-wrapper img{width:100%;}
.mypage-empty-wrapper h3{margin-bottom:8px; font-size:var(--global-h3-size); text-align:center;}
.mypage-empty-wrapper p{font-size:var(--global-body2-size); text-align:center;}

.mypage-empty-img{width:217px;}
.learning-empty-img{width:170px;}


#modal.modal-cookie.modal-cookie .modal-wrapper{width:960px;}
.modal-cookie-text{font-size:var(--global-body2-size); margin-right: 20px;}
.modal-cookie-text a{text-decoration:underline; text-underline-offset:4px;}


.upcoming-pagination{display:flex; justify-content:center; width:100%;}
.upcoming-pagination .swiper-pagination-bullet-active{background-color:var(--global-color-primary);}
.upcoming-pagination .swiper-pagination-bullet{width:40px; height:4px; border-radius:0px;}


@media only screen and (max-width: 1024px) { 
    #modal.modal-cookie.modal-cookie .modal-wrapper{width:100%;}
}

@media only screen and (max-width: 750px) { 
    #modal.modal-cookie.modal-cookie .modal-wrapper{width:100%; height:auto; max-height:auto;}
    .modal-cookie-text{font-size: 14px; margin-bottom: 20px;}
    .modal-btn-wrapper{margin-top: 0px;  align-items: center;}
    .modal-btn-wrapper div{margin: 5px;}
    .modal-auto-scroll-cookie {flex-direction: column;}
}


/* 2024.07.05 Search */
.key-teaser-search{position:relative; width:600px; margin:0 auto;}
.key-teaser-search input[type="search"]{width: 100%; padding:15px; border: 1px solid var(--global-color-line); background:#fff;}
.key-teaser-search > button {position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
.key-teaser-search > button img {width: 28px;}

@media only screen and (max-width: 750px) { 
    .key-teaser-search{width:100%;}
}

/* 2024.07.14 career */
.career-icon1{padding-top:74px; line-height:1.2; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/career-icon1.png') 0 0/36px no-repeat;}
.career-icon2{padding-top:74px; line-height:1.2; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/career-icon2.png') 0 0/51px no-repeat;}
.career-icon3{padding-top:74px; line-height:1.2; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/career-icon3.png') 0 0/61px no-repeat;}
.career-icon4{padding-top:74px; line-height:1.2; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/career-icon4.png') 0 0/48px no-repeat;}
.career-text{height:72px;}


.occ-img{display:block; width:1166px; margin:60px auto 0;}
.occ-img img{width:100%;}
.occ-list{display:none;}

.occ-list li dt{padding-top:48px; font-weight:700;}
.occ-list li dd{margin-top:12px; color:#666;}
.occ-list li:nth-child(odd) dt{color:#003A82;}
.occ-list li:nth-child(even) dt{color:#00AEE6;}

.occ-list li:nth-child(1) dt{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/occ-icon1.png') 0 0/36px no-repeat;}
.occ-list li:nth-child(2) dt{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/occ-icon2.png') 0 0/41px no-repeat;}
.occ-list li:nth-child(3) dt{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/occ-icon3.png') 0 0/38px no-repeat;}
.occ-list li:nth-child(4) dt{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/occ-icon4.png') 0 0/33px no-repeat;}


.www-wrapper{display:flex; flex-direction:column; gap:12px; width:960px; margin:40px auto 0;}
.www-wrapper dl{display:flex; width:100%;}
.www-wrapper dl dt{position:relative; width:250px; padding:28px 0; font-size:var(--global-h4-size); font-weight:700; color:#fff; text-align:center;}
.www-wrapper dl:nth-child(odd) dt{background-color:#00AEE6;}
.www-wrapper dl:nth-child(even) dt{background-color:#003A82;}

.www-wrapper dl dt:after{content:''; position:absolute; top:50%; right:-32px; width:0; height:0; border-bottom:14px solid transparent; border-top:14px solid transparent; border-right:16px solid transparent; transform: translate(0, -50%);}
.www-wrapper dl:nth-child(odd) dt:after{border-left:16px solid #00AEE6;}
.www-wrapper dl:nth-child(even) dt:after{border-left:16px solid #003A82;}

.www-wrapper dl dd{display:flex; align-items:center; width:calc(100% - 250px); padding:0 32px 0 52px; font-size:var(--global-body2-size); color:#666; border:1px solid #e5e5e5; box-sizing:border-box;}


@media only screen and (max-width: 1280px) {
    .career-text{height:120px;}

    .occ-img{width:100%;}
}

@media only screen and (max-width: 1024px) {
    .career-text{height:auto;}

    .www-wrapper{width:100%;}
    .www-wrapper dl dd{padding-left:32px;}
}

@media only screen and (max-width: 750px) {
    .occ-img{width:80%; margin-top:40px;}
    .occ-list{display:flex; flex-direction:column; gap:40px; width:100%; margin-top:28px;}

    .www-wrapper{gap:20px;}
    .www-wrapper dl{flex-direction:column;}
    .www-wrapper dl dt, .www-wrapper dl dd{width:100%;}
    .www-wrapper dl dt{padding:13px 0;}
    .www-wrapper dl dd{align-items:normal; justify-content:center; padding:40px 40px 20px;}

    .www-wrapper dl dt:after{top:auto; right:auto; bottom:-32px; left:50%; width:0; height:0; border-bottom:16px solid transparent; border-top:16px solid transparent; border-right:14px solid transparent; transform: translate(-50%, 0);}

    .www-wrapper dl:nth-child(odd) dt:after{border-left:14px solid transparent; border-top:16px solid #00AEE6;}
    .www-wrapper dl:nth-child(even) dt:after{border-left:14px solid transparent; border-top:16px solid #003A82;}
}

@media only screen and (max-width: 520px) {
    .occ-img{width:100%;}
}
/* 07.23 추가 */
.text-btn-sky a{color:var(--global-color-primary); text-decoration:underline; text-underline-position : under;}
/* 07.24 추가 */
.occ-img-mobile{display:none;}

@media only screen and (max-width: 750px) {
    .occ-img-pc{display:none;}
    .occ-img-mobile{display:block;}
}

/* 07.26 Loader */
#loader {margin:0 auto; width: 120px; height: 120px; border: 16px solid #e5e5e5; border-top: 16px solid #00aee6; border-radius: 50%; animation: spin 2s linear infinite; text-align: center; line-height: 120px;}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes heart-beat {
    55% { background-color: #fff; }
    60% { background-color: #00aee6; }
    65% { background-color: #fff; }
    70% { background-color: #00aee6; }
    100% { background-color: #fff; }
}

/* 07.31 Marketo Modal */
.modal-container.active {
    visibility: visible;
    opacity: 1;
}
.modal-container {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999999;
    transition: opacity 0.3s ease-in-out, visibility 0.3s 0s ease-in-out;
}
.modal-container .form-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}
.modal-container .form-modal {
    position: absolute;
    top:0%;
    left:10%;
    width:80%;
    height:100%;
}
.modal-container .close-btn {
    position: absolute;
    right: 0;
    top: 3%;
    padding: 5px;
    font-size: 30px;
    color:#fff;
    cursor: pointer;
    transition: opacity 0.2s ease-in-out;
}

.modal-container .form-modal-content{
    overflow-y:scroll;
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:80%;
    padding: 40px 20px;
    border-radius: 6px;
    box-shadow: 3px 3px 5px #00000024;
    background-color:#fff;
    box-sizing:border-box;
    transform: translate(0, -50%);
}

@media only screen and (max-width: 1280px) {
    .modal-container .form-modal{left:4%; width:92%;}
}

@media only screen and (max-width: 750px) {
    .modal-container .form-modal{left:6%; width:88%;}
}
.scroll-none{overflow:none !important;}

/* 20240822 */
.probestore-view-detail-contents a{color:var(--global-color-primary); text-decoration:underline;  text-underline-position:under;}

/* 20240828 main > event */
.main-news-empty{display:flex; align-items:center; justify-content:center; height:calc(100% - 48px); font-size:var(--global-body2-size); color:var(--global-color-gray-900); box-sizing:border-box;}
.main-news-empty span{display:block; padding:3rem 0;}
.displayNone {display:none;}

.modal-cookie-wrapper{max-width:none; width: 100%;}

@media only screen and (max-width: 750px) {
    .modal-cookie-wrapper {height:auto;}
}

/* 2024.09.25 Search */
.search-total-wrapper{width:100%; padding:40px; background-color:var(--global-color-gray-100); box-sizing:border-box;}
.search-total-area{position:relative; width:600px; margin:0 auto;}
.search-total-area input[type="search"]{width: 100%; padding:15px; padding-right: 44px; border: 1px solid var(--global-color-line); background:#fff;}
.search-total-area input[type="search"]::-ms-clear, .search-total-area input[type="search"]::-ms-reveal{display:none;}
.search-total-area input[type="search"]::-webkit-search-decoration,
.search-total-area input[type="search"]::-webkit-search-cancel-button,
.search-total-area input[type="search"]::-webkit-search-results-button,
.search-total-area input[type="search"]::-webkit-search-results-decoration {
    display: none; 
}
.search-total-area > button {position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
.search-total-area > button img {width: 28px;}

.search-total-keyword{padding-top:20px; border-top:1px solid #e3e3e3;}
.search-total-title{display: flex; gap: 28px; justify-content: space-between; align-items: center; margin-bottom:20px; font-size:var(--global-h3-size); font-weight:normal;}

.search-sort-btn-container{display: flex; border-radius: 4px; overflow: hidden;}
.search-sort{font-size: var(--global-body2-size); font-weight: 600; display: flex; flex-shrink: 0; align-items: center; gap: 12px;}
.search-sort-btn{padding: 4px 12px; font-size: var(--global-body3-size); background-color: var(--global-color-gray-100); color: var(--global-color-gray-900); transition-property: color, background-color; transition-duration: .2s; transition-timing-function: ease;}
.search-sort-btn.active{background: var(--global-color-primary); color: var(--global-color-white)}

.search-total-images{position:relative; width:100%;}
.search-total-images-title span{font-size:var(--global-body1-size); font-weight:normal; vertical-align:bottom;}
.search-titla-images-contents{display:flex;}

.search-sample-images{position:relative; width:calc(100% - 124px);}

.search-sample-images-prev{position:absolute; top:50%; left:0px; z-index:2; width:32px; height:53px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-sampleImages-prev.png') center/cover no-repeat; transform:translate(0, -40%); cursor:pointer;}
.search-sample-images-next{position:absolute; top:50%; right:0px; z-index:2; width:32px; height:53px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-sampleImages-next.png') center/cover no-repeat; transform:translate(0, -40%); cursor:pointer;}
.search-sample-images-pagination {display:flex; justify-content:center; width:100%;}

.search-total-images .swiper-pagination-bullet-active {background-color:var(--global-color-primary);}
.search-total-images .swiper-pagination-bullet {width:40px; height:4px; border-radius:0px;}

.search-sample-images-next,
.search-sample-images-prev {transition: opacity 0.3s ease;}
.search-total-images .swiper-button-lock,
.search-total-images .swiper-button-disabled {display: inline-block; opacity: 0.1; pointer-events: none;}

.search-total-board-wrapper .highlight {
    background: yellow;
}
.search-total-board-wrapper {
    width: 100%;
}

.search-sample-images .swiper-slide {
    margin-bottom: 2px;
    height: auto;
}

/* 자동완성 */
.search-autocomplete-wrapper {
	display: flex;
	flex-direction: column;
	position: absolute;
	background: #fff;
	border: 1px solid var(--global-color-line);
	border-top: none;
	width: 100%;
	z-index: 10;
	left: 0;
	box-sizing: border-box;
	padding: 16px;
	padding-left: 8px;
}

.autocomplete-result-link {
	font-size: var(--global-body3-size);
	display: inline-block;
    position: relative;
	width: 100%;
	padding: 4px 0;
	padding-left: 8px;    
	box-sizing: border-box;
	transition: background-color .2s ease;
}
.autocomplete-result-link[data-focused="true"],
.autocomplete-result-link:hover {
	background: #f3f3f3;
}
.autocomplete-result-link::after {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    right: 8px;
    height: 10px;
    transform: translate(0, -50%);
    top: 50%;
    background: url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/gnb-arrow.png') center/cover no-repeat;
}

.autocomplete-result-link[data-focused="true"]::after {
    content: 'Enter';
    position: absolute;
    display: block;
    background: #fff;
    font-size: 12px;
    padding: 0 8px;
    border: 1px solid #595959;
    color: #1e1e1e;
    border-radius: 4px;
    width: auto;
    height: auto;
}

#auto-complete {
	margin-bottom: 10px;
}

.autocomplete-footer {
	display: flex;
	justify-content: end;
	border-top: 1px solid var(--global-color-line);
	margin-left: 8px;
}

.autocomplete-footer button.autocomplete-close {
	margin-top: 10px;
	padding: 0 10px;
    text-decoration: underline;
}

@media only screen and (max-width: 1280px) { 
    .search-total-area{width:100%;}
}

@media only screen and (max-width: 960px) { 
    .search-total-wrapper{margin-bottom:40px; padding:20px;}
    .search-total-title{
        flex-direction: column;
        align-items: flex-start;
    }
    .search-sort {
        align-self: flex-end;
    }
}

@media only screen and (max-width: 750px) { 
    .gap-60{gap:40px;}
}

/* search input x버튼 제거 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/* screen reader text 이슈 */
.cmp-link__screen-reader-only {
    display: none;
}



/* 2024.12.09 webinar update */
.modal-speaker-wrapper{position:absolute; top:50%; left:50%; display:none; flex-direction:column; gap:20px; width:1180px; max-height:84%; border-radius:16px; background-color:var(--global-color-white); transform:translate(-50%, -50%);}
.modal-speaker-container{overflow-y:auto; height:100%; padding:60px; box-sizing:border-box;}

.modal-speaker-container h6{margin-bottom:20px; font-size:var(--global-body2-size);}
.modal-speaker-contents{display:flex; gap:40px; width:100%;}
.modal-speaker-img{flex-shrink:0; width:200px;}
.modal-speaker-img img{width:100%; border-radius:8px;}

.modal-speaker-text dt{margin-bottom:32px;}
.modal-speaker-text dt h3{margin-bottom:12px; font-size:var(--global-h3-size);}
.modal-speaker-text dt p{font-size:var(--global-body1-size); font-weight:500; color:var(--global-color-gray-900);}

.modal-speaker-text dd{font-size:var(--global-body3-size); color:var(--global-color-gray-900);}
.modal-speaker-text dd.small-btn-arrow{margin-top:20px;}

.modal-speaker-close{position:absolute; top:-34px; right:0; width:18px; height:18px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-modal-close-gray.png') center/cover no-repeat; cursor:pointer;}

.border-topLine2-black{border-top:2px solid var(--global-color-black);}
.border-bottomLine2-black{border-bottom:2px solid var(--global-color-black);}


.contents-line-bottom{border-bottom:1px solid #e9e9e9;}

.width1244{width:1244px; margin:0 auto;}
.embed-radius{border-radius:24px;}

.board-contentsV2-wrapper{display:flex; gap:40px; width:100%; margin-top:40px;}
.board-contentsV2-side{display:flex; flex-direction:column; gap:20px; width:464px;}
.board-contentsV2-main{display:flex; flex-direction:column; gap:24px; width:calc(100% - 504px); box-sizing:border-box;}

.board-contentsV2-h6{margin-bottom:20px; font-size:var(--global-body2-size);}

.board-webinar-speaker{padding-bottom:20px;}
.board-webinar-speaker-list{display:flex; flex-direction:column; gap:20px;}
.board-webinar-speaker-list li{display:flex; align-items:center; gap:20px;}
.board-webinar-speaker-img{flex-shrink:0; width:130px;}
.board-webinar-speaker-img img{width:100%;}

.board-webinar-speaker-text dt{margin-bottom:4px; font-size:var(--global-h4-size); font-weight:500; text-decoration:underline; text-underline-position:under; text-decoration-thickness:1px; cursor:pointer;}
.board-webinar-speaker-text dt:hover{color:var(--global-color-primary); transition:all .2s ease;}
.board-webinar-speaker-text dd{font-size:var(--global-body3-size); color:var(--global-color-gray-900);}

.board-contentsV2-side .board-view-keyowrd-wrapper{margin-bottom:0px; padding-bottom:0px; border-bottom:0px;}
.board-authors-wrapper{flex-direction:row; flex-wrap:wrap; gap:8px;}
.board-authors-wrapper .board-view-keyowrd-item{margin-bottom:0px;}
.board-authors-wrapper .board-view-keyowrd-element{padding:6px 12px; line-height:1; border-radius:4px;}

.board-contentsV2-main h6{font-size:var(--global-body2-size);}
.board-contentsV2-main p{font-size:var(--global-body2-size); color:var(--global-color-gray-900);}




@media only screen and (max-width: 1280px) { 
    .modal-speaker-wrapper{width:92%;}

    .width1244{width:auto;}
}

@media only screen and (max-width: 1080px) { 
    .board-contentsV2-wrapper{flex-direction:column;}
    .board-contentsV2-side, .board-contentsV2-main{width:100%;}
}

@media only screen and (max-width: 960px) { 
    .modal-speaker-container{padding:40px 20px;}
    .modal-speaker-contents{flex-direction:column; gap:20px;}
    .modal-speaker-text dt{margin-bottom:24px;}
    .modal-speaker-text dt h3{margin-bottom:8px;}
}

@media only screen and (max-width: 750px) { 
    .modal-speaker-wrapper{width:88%;}
}


/* 2024.12.09 webinar update */
.modal-speaker-wrapper{position:absolute; top:50%; left:50%; display:none; flex-direction:column; gap:20px; width:1180px; max-height:84%; border-radius:16px; background-color:var(--global-color-white); transform:translate(-50%, -50%);}
.modal-speaker-container{overflow-y:auto; height:100%; padding:60px; box-sizing:border-box;}

.modal-speaker-container h6{margin-bottom:20px; font-size:var(--global-body2-size);}
.modal-speaker-contents{display:flex; gap:40px; width:100%;}
.modal-speaker-img{flex-shrink:0; width:200px;}
.modal-speaker-img img{width:100%; border-radius:8px;}

.modal-speaker-text dt{margin-bottom:32px;}
.modal-speaker-text dt h3{margin-bottom:12px; font-size:var(--global-h3-size);}
.modal-speaker-text dt p{font-size:var(--global-body1-size); font-weight:500; color:var(--global-color-gray-900);}

.modal-speaker-text dd{font-size:var(--global-body3-size); color:var(--global-color-gray-900);}
.modal-speaker-text dd.small-btn-arrow{margin-top:20px;}

.modal-speaker-close{position:absolute; top:-34px; right:0; width:18px; height:18px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-modal-close-gray.png') center/cover no-repeat; cursor:pointer;}

.border-topLine2-black{border-top:2px solid var(--global-color-black);}
.border-bottomLine2-black{border-bottom:2px solid var(--global-color-black);}


.contents-line-bottom{border-bottom:1px solid #e9e9e9;}

.width1244{width:1244px; margin:0 auto;}
.embed-radius{border-radius:24px;}

.board-contentsV2-wrapper{display:flex; gap:40px; width:100%; margin-top:40px;}
.board-contentsV2-side{display:flex; flex-direction:column; gap:20px; width:464px;}
.board-contentsV2-main{display:flex; flex-direction:column; gap:24px; width:calc(100% - 504px); box-sizing:border-box;}

.board-contentsV2-h6{margin-bottom:20px; font-size:var(--global-body2-size);}

.board-webinar-speaker{padding-bottom:20px;}
.board-webinar-speaker-list{display:flex; flex-direction:column; gap:20px;}
.board-webinar-speaker-list li{display:flex; align-items:center; gap:20px;}
.board-webinar-speaker-img{flex-shrink:0; width:130px;}
.board-webinar-speaker-img img{width:100%;}

.board-webinar-speaker-text dt{margin-bottom:4px; font-size:var(--global-h4-size); font-weight:500; text-decoration:underline; text-underline-position:under; text-decoration-thickness:1px; cursor:pointer;}
.board-webinar-speaker-text dt:hover{color:var(--global-color-primary); transition:all .2s ease;}
.board-webinar-speaker-text dd{font-size:var(--global-body3-size); color:var(--global-color-gray-900);}

.board-contentsV2-side .board-view-keyowrd-wrapper{margin-bottom:0px; padding-bottom:0px; border-bottom:0px;}
.board-authors-wrapper{flex-direction:row; flex-wrap:wrap; gap:8px;}
.board-authors-wrapper .board-view-keyowrd-item{margin-bottom:0px;}
.board-authors-wrapper .board-view-keyowrd-element{padding:6px 12px; line-height:1; border-radius:4px;}

.board-contentsV2-main h6{font-size:var(--global-body2-size);}
.board-contentsV2-main p{font-size:var(--global-body2-size); color:var(--global-color-gray-900);}




@media only screen and (max-width: 1280px) { 
    .modal-speaker-wrapper{width:92%;}

    .width1244{width:auto;}
}

@media only screen and (max-width: 1080px) { 
    .board-contentsV2-wrapper{flex-direction:column;}
    .board-contentsV2-side, .board-contentsV2-main{width:100%;}
}

@media only screen and (max-width: 960px) { 
    .modal-speaker-container{padding:40px 20px;}
    .modal-speaker-contents{flex-direction:column; gap:20px;}
    .modal-speaker-text dt{margin-bottom:24px;}
    .modal-speaker-text dt h3{margin-bottom:8px;}
}

@media only screen and (max-width: 750px) { 
    .modal-speaker-wrapper{width:88%;}
}


/* 2025.04.10 Neodigm Update */
.pdf-download-wrapper a{display:block;}
@charset "utf-8";
:root {
    --main-banner-height: 400px;
    --sub-top-height:200px;
    --sub-top-height-300:300px;
}

/* .main-content{margin-top: var(--header-height);} */
.img-item{width: 100%;height: 100%;object-fit: cover;display: block}
.desktop-hidden{display: none;}


/*메인 페이지*/
.main-content .main-banner{}
.main-content .main-banner .banner-item{width: 100%;height: var(--main-banner-height);position: relative;}
.main-content .main-banner .bg-img{width: 100%;height: 100%;overflow: hidden;position: absolute;top:0;left: 0;}
.main-content .main-banner .text-box{position: absolute;top:50%;transform: translateY(-50%);}
.main-content .main-banner .text-box .title-text{font-size: var(--global-h1-size);font-weight: 600;color:var(--global-color-white);    line-height: 1.2;} /* 700 */
.main-content .main-banner .text-box .summary-text{font-size: var(--global-body2-size);font-weight: 400;color:var(--global-color-white);}
.main-content .main-banner .text-box .button{height: 50px;background-color: var(--global-color-primary);display: inline-flex;justify-content: center;align-items: center;padding:0 var(--global-size-type7);font-size: var(--global-body1-size);font-weight: 400;color:var(--global-color-white);border:2px solid  var(--global-color-primary);}
.main-content .main-banner .pagination-box{display: flex;background-color: var(--global-color-gray-100);width: 100%;height: 118px;justify-content: center;padding: 0 20px;box-sizing: border-box;}
.main-content .main-banner .mainSwiper-pagination{display: inline-flex;justify-content: center;align-items: center;width: max-content;column-gap: 24px;}
.main-content .main-banner .mainSwiper-pagination.swiper-pagination-lock{display: none;}
.main-content .main-banner .mainSwiper-pagination.swiper-pagination-lock + .control-box{display: none;}
.main-content .main-banner .mainSwiper-pagination .pagination-item{max-width: 220px;margin: 0;width: 100%;height: auto;background-color: transparent;opacity: 1;}
.main-content .main-banner .mainSwiper-pagination .pagination-item .progress{background-color: #CECECE;width: 100%;height: 5px;position: relative;margin-bottom: 12px;}
.main-content .main-banner .mainSwiper-pagination .pagination-item .progress .bar{width: 0;height:100%;background-color: var(--global-color-primary);display: block;transition-property: width;}
.main-content .main-banner .mainSwiper-pagination .pagination-item .t-box{font-size: 16px;font-weight:400;line-height:1.5;color:var(--global-color-black); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.main-content .main-banner .mainSwiper-pagination .pagination-item .s-box{font-size: 12px;font-weight:400;line-height:1.5;color:var(--global-color-gray-900); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main-content .main-banner .pagination-box .pause-button{background-image:url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-paused.svg");background-size: 11px 14px;background-position: center;background-repeat:no-repeat;text-indent: -99999px;width: 50px;height: 50px;}
.main-content .main-banner .pagination-box .pause-button.pause{opacity: 0.6;}

.main-content .section-h2{font-size: var(--global-h2-size);font-weight: 600;} /* 700 */
.main-content .section-h3{font-size: var(--global-h3-size);font-weight: 600;color:var(--global-color-black);line-height: 1;} /* 700 */
.main-content .section-h4{font-size: var(--global-h4-size);font-weight: 600;color:var(--global-color-black);line-height: 1.2;} /* 700 */
.main-content .section-p{font-size: var(--global-body2-size);font-weight: 400;color:#707070;}
.main-content .section-small{font-size: var(--global-body3-size);font-weight: 400;color:var(--global-color-black);line-height: 1.7;}
.main-content .section-tag{display: inline-block;padding:5px 8px;border:1px solid var(--global-color-gray-600);border-radius: 3px;font-size: 12px;color:var(--global-color-gray-600);}
.main-content :is(.section-h2,.section-h3,.section-h4,.section-p,.section-small).line-height-13{line-height: 1.3;}
.main-content :is(.section-h2,.section-h3,.section-h4,.section-p,.section-small).font-color-primary{color:var(--global-color-primary);}
.main-content :is(.section-h2,.section-h3,.section-h4,.section-p,.section-small).font-color-white{color:var(--global-color-white);}
.main-content :is(.section-h2,.section-h3,.section-h4,.section-p,.section-small).font-color-black{color:var(--global-color-black);}
.main-content .bg-color_gray100{background-color: var(--global-color-gray-100);}
.main-content .main-section-02{}
.main-content .main-section-02 .text-box{border:1px solid var(--global-color-line);border-top:0;padding:var(--global-size-type5);}
.main-content .main-section-02 .upcoming-box{width: 342px;}
.main-content .main-section-02 .upcoming-box .list-box{border-top:2px solid var(--global-color-black);border-bottom:2px solid var(--global-color-black);}
.main-content .main-section-02 .upcoming-box .list-box .list-item a{padding:20px 0;display: block}
.main-content .main-section-02 .upcoming-box .list-box .list-item:nth-of-type(n + 2){border-top:1px solid var(--global-color-gray-600);}
.dim-box{position: absolute;top:0;left:0;width: 100%;height:100%;box-sizing: border-box;overflow: hidden}
.dim-box::before{content:'';display: block;position: absolute;bottom:0;left:0;width: 100%;height: 40px;background-color: rgba(0,0,0,0.6);transition-duration: 0.5s;transition-property: height;}
.dim-box .text-box{width: 100%;box-sizing: border-box;position: absolute;bottom: 40px;transform: translateY(100%);;transition-duration: 0.6s;padding:var(--global-size-type2) var(--global-size-type5);}
.dim-hover:hover .dim-box::before{height: 100%;}
.dim-hover:hover .dim-box .text-box{transform: translateY(50%);bottom: 50%;}

/*서브 공통 스타일*/
.top-title-box{width: 100%;height: var(--sub-top-height);margin-top: var(--header-height);position: relative;}
.top-title-box .bg-img{width: 100%;height: 100%;overflow: hidden;position: absolute;top:0;left: 0;}
.top-title-box .bg-img.bg-align-left .img-item{object-position: left;}
.top-title-box .bg-img.bg-align-center .img-item{object-position: center;}
.top-title-box .bg-img.bg-align-right .img-item{object-position: right;}
.top-title-box .text-box{position: absolute;top:50%;transform: translateY(-50%);color:var(--global-color-black);}
.top-title-box .text-box.f-white{position: absolute;top:50%;transform: translateY(-50%);color:var(--global-color-white);}
.top-title-box .text-box .title-text{font-size: var(--global-h1-size);font-weight: 600;line-height: 1.2;} /* 700 */
.top-title-box .text-box .sub-title-text{font-size: var(--global-h5-size);line-height: 1.44;}
.top-title-box.sub-top-h300{height: var(--sub-top-height-300)}


.sub-body2-text{font-size:var(--global-body2-size);color:var(--global-color-black);}
.sub-h2-text{font-size:var(--global-h2-size);color:var(--global-color-black);}
.sub-h3-text{font-size:var(--global-h3-size);color:var(--global-color-black);}
.sub-h4-text{font-size:var(--global-h4-size);color:var(--global-color-black);}
.article-title {font-size: var(--global-h3-size);color:var(--global-color-black);}
.color-gray-900{color:var(--global-color-gray-900)}
.color-white{color:var(--global-color-white)}
.color-black{color:var(--global-color-black)}
.color-white1{color:#F5F6FA;}
.color-black1{color:#131523;}
.color-gray1{color:#E5E5E5}

/* .bg-black{background-color: var(--global-color-black-1000);}
.bg-gray-100{background-color: var(--global-color-gray-100);}
.bg-gray2{background:#EEEEEE}
.bg-blue{background-color: #E1F1F6;}
.bg-yellow{background-color: #F3F0E3;} */

/*PRODUCT*/
.element-h1{font-size:var(--global-h1-size);font-weight: 600;line-height: 1.2;} /* 700 */
.element-h2{font-size:var(--global-h2-size);font-weight: 600;line-height: 1.4;}
.element-h2-light{font-size:36px;font-weight: 200;line-height: 1.2;}
.element-h3{font-size:var(--global-h3-size);font-weight: 600;line-height: 1.2;}
.element-h4{font-size:var(--global-h4-size);font-weight: 400;line-height: 1.4;}
.element-h5{font-size:var(--global-h5-size);font-weight: 600;line-height: 1.6;}
.element-p{font-size:var(--global-body2-size);font-weight: 400;line-height: 1.6;}
.element-text{font-size:var(--global-body1-size);font-weight: 400;}
.element-sub-text{font-size:var(--global-body3-size);font-weight: 400;line-height: 1.7;}
.element-small-text{font-size:var(--global-body4-size);font-weight: 400;}

.element-weight700{font-weight: 600;} /* 700 */
.element-weight600{font-weight: 600;}
.element-weight500{font-weight: 500;}
.element-weight400{font-weight: 400;}
.element-weight200{font-weight: 200;}

.element-img-item .img-item{width: auto;max-width: 100%;}
.element-border-top{border-top: 1px solid var(--global-color-line);}


.element-list{width: 100%;}
.element-list .element-list-item{list-style: disc;margin-left: 1em}

.element-table{width: 100%;}

.element-table table {border-collapse: collapse;}
.element-table table.width-fix-80 :is(th, td) {min-width: 80px;}
.element-table :is(th, td) {border: 1px solid var(--global-color-line);line-height: 1.2;padding:15px 5px;box-sizing: border-box;vertical-align: middle;text-align: center;}
.element-table th {border: 1px solid var(--global-color-black);}
.element-table td {border: 1px solid var(--global-color-line);}
.element-table :is(th, td):first-of-type{border-left:0;}
.element-table :is(th, td):last-of-type{border-right:0;}
.element-table .line-top {border-top:2px solid var(--global-color-black);}
.element-table .line-bottom {border-bottom:2px solid var(--global-color-black);}
.element-table table .fix-80{width: 80px;height: 84px;}
.element-table .point{display:inline-block;width:14px;height: 14px;border-radius: 50%;}
.element-table .point.blue{background-color: #00AEE6;}
.element-table .point.yellow{background-color: #FFC982;}

.element-table.autoScrollbar{overflow: auto; width: 100%; height: 100%;display: block;box-sizing: border-box;padding-bottom: 20px;}
.element-table.autoScrollbar::-webkit-scrollbar {width: 10px;height: 10px;}
.element-table.autoScrollbar::-webkit-scrollbar-thumb {background: var(--global-color-primary);border-radius: 10px;}
.element-table.autoScrollbar::-webkit-scrollbar-track {background: transparent;}


.icon-button-arrow::after{content:'';display: inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-button-arrow.svg");width: 7px;height: 12px;margin-left: 20px;}
.icon-button-black-arrow::after{content:'';display: inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-button-arrow-black.svg");width: 5px;height: 8px;margin-left: 20px;}
.icon-button-black-arrow:hover::after{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-button-arrow-white.svg");}

.product-main-list-box .list-item{height: 424px;position: relative;padding:40px;box-sizing: border-box;}
.product-main-list-box .list-item .list-item-bg{width: 100%;height: 100%;overflow: hidden;position: absolute;top:0;left: 0;}
.product-main-list-box .list-item .list-item-bg img.img-item{width: 100%;height: 100%;object-fit: cover;display: block;transition-duration: 0.6s;transition-property: transform; }
.product-main-list-box .list-item .list-item-bg::before{content:'';width: 100%;height: 100%;left:0;top:0;display: block;position: absolute;background-color: var(--global-color-black);opacity: 0.5;z-index: 1}
.product-main-list-box .list-item .list-item-bg::after{content:'';width: 100%;height: 100%;left:0;top:0;background-color: var(--global-color-primary);display: block;position: absolute;opacity:0;transition-duration: 0.6s;transition-property: opacity;z-index: 2;}
.product-main-list-box .list-item .list-item-text{position: relative;color:var(--global-color-white);z-index: 3;}
.product-main-list-box .list-item .list-item-text .list-title{word-break: break-word;font-size:var(--global-h2-size);line-height: 1.18;}
.product-main-list-box .list-item .list-item-text .list-body2-text{font-size:var(--global-body2-size);}
.product-main-list-box .list-item .list-item-text .list-body2-text.fix-h72{min-height: 4.5em;}
.product-main-list-box .list-item .list-item-icon{width:35px;height: 20px; }
.product-main-list-box .list-item:hover .list-item-bg img.img-item{transform: scale(1.2);}
.product-main-list-box .list-item:hover .list-item-bg::after{opacity: 0.8;}

.product-list-style1 .list-item{position: relative;padding:28px;box-sizing: border-box;border:1px solid var(--global-color-line);display: flex;flex-direction: column;justify-content: space-between;}
.product-list-style1 .list-item .list-item-text{position: relative;z-index: 1;color:var(--global-color-black);}
.product-list-style1 .list-item .list-item-text .list-title{word-break: break-word;font-size:var(--global-h4-size);line-height: 1.18;}
.product-list-style1 .list-item .list-item-text .list-body2-text{font-size:var(--global-body2-size);color:var(--global-color-gray-900);}
.product-list-style1 .list-item .list-item-icon{width:35px;height: 20px; }
.product-list-style1 .list-item .list-item-text .list-body2-text.fix-h62{min-height: 3.875em;}
.product-list-style1 .list-item .list-img-item{width: 100%;height: auto;overflow: hidden;}
.product-list-style1 .list-item .list-img-item img.img-item{transition-duration: 0.6s; transition-property:transform;}
.product-list-style1 .list-item:hover .list-img-item img.img-item{transform: scale(1.1);}

.product-list-style2 .list-item{display: flex;flex-direction: column;justify-content: space-between;}
.product-list-style2 .list-item .list-item-text h2.list-title{word-break: break-word;font-size:var(--global-h2-size);line-height: 1.2;}
.product-list-style2 .list-item .list-item-text h3.list-title{word-break: break-word;font-size:var(--global-h3-size);line-height: 1.2;}
.product-list-style2 .list-item .list-item-text .list-body2-text{font-size:var(--global-body2-size);color:var(--global-color-gray-900);}
.product-list-style2 .list-item .list-item-text .list-body3-text{font-size:var(--global-body3-size);}
.product-list-style2 .list-item .list-box{background-color: var(--global-color-gray-100);padding:20px 32px;min-height:128px; box-sizing: border-box;display: flex;flex-direction:column;align-items: flex-start;justify-content: center;}
.product-list-style2 .list-item .list-box.min-h80{min-height:80px;}
.product-list-style2 .list-item .list-box .list-box-item{list-style: disc;font-size: var(--global-body3-size);color:var(--global-color-gray-900);}

/*PRODUCT DETAIL STYLE*/
/* .product-detail-area {padding:var(--global-size-type20) 0;}  Modify 2024. 04. 11 */
.product-detail-area .product-content-box{display: flex;column-gap:10%; align-items: center;}
.product-detail-area .product-img-box{width: 40%}
.product-detail-area .text-box{width: 50%;}
.product-detail-area .text-box .button-box{display: flex;column-gap: 16px;}

/* 
============================
neodigm 02. 26 수정 
============================
*/

.video-box-wrapper{width: 100%;aspect-ratio: 16 / 9;position: relative;}
.video-box-wrapper .video-item{width: 100%;height: 100%;position: absolute;left: 0;top:0;opacity: 0;transition-duration: 0.6s;transition-property: opacity;border-radius: var(--global-size-type2);overflow: hidden;}
/* .video-box-wrapper .video-item::before{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;background-color: rgba(0,0,0,0.45);} */
.video-box-wrapper .video-item .play-button{display: flex;width: 100%;height: 100%;position: absolute;top:0;left: 0;justify-content: center;align-items: center;}
.video-box-wrapper .video-item .play-button .icon-play{opacity: 0.6;transition-duration: 0.3s;transition-property: opacity;}
.video-box-wrapper .video-item .play-button:hover .icon-play{opacity: 1;}
.video-box-wrapper .video-item.active{opacity: 1;z-index: 1;}
/* 
============================
//neodigm 02. 26 수정 끝
============================
*/

.product-custom1-area .product-content-box{width:100%;}
/* .product-custom1-area .product-container-wrapper{width: 100%; margin: 0 auto;} /* max-width: 1200px; */
.product-custom1-area .w1200{max-width: 1200px;}

.product-custom1-area .element-img .play-button{display: flex;width: 100%;height: 100%;position: absolute;top:0;left: 0;justify-content: center;align-items: center;}
.product-custom1-area .element-img .play-button .icon-play{opacity: 0.6;transition-duration: 0.3s;transition-property: opacity;}
.product-custom1-area .element-img .play-button:hover .icon-play{opacity: 1;}


.product-custom1-area .content-box{width: 100%;position: relative;}
.product-custom1-area .content-box .content-item{width: 100%;height: max-content;position: absolute;left: 0;top:0;opacity: 0;transition-duration: 0.6s;transition-property: opacity;}
.product-custom1-area .content-box .content-item.active{opacity: 1;z-index: 1;position: relative;}
.product-custom1-area .list-box .list-item{background-color: var(--global-color-gray-100);padding:40px;box-sizing: border-box;}
.product-custom1-area .list-box .list-item .underline{position: relative;}
.product-custom1-area .list-box .list-item .underline::after{content:'';width: 60px;height: 2px;background-color: var(--global-color-black);position: absolute;left: 0;bottom:0;}

.product-custom2-area .product-content-box{display: flex;align-items: center;padding-left: calc((100% - 1440px) / 2);}
.product-custom2-area .product-img-box{width: 49%;flex: none;position: relative; }
.product-custom2-area .text-box{width: 51%;}
.product-custom2-area .text-box .button-box{display: flex;column-gap: 16px;}

.product-custom3-area .product-content-box {width:100%;} /* Modify 2024. 04. 11  padding: var(--global-size-type20) 0 var(--global-size-type20); */
.product-custom3-area .list-box .list-item{background-color: var(--global-color-white);}
.product-custom3-area .list-box .list-item .text-box{padding:40px;}
.product-custom3-area .list-box .list-item.img-gal{background-color: var(--global-color-black);border-radius: var(--global-size-type1);overflow: hidden;} /* Modify 2024. 06. 05 (nth of child 대신 img-gal selector 사용) - 김민태*/
.product-custom3-area .list-box .list-item.img-gal .element-h4{color:var(--global-color-white);} /* Modify 2024. 06. 05 (nth of child 대신 img-gal selector 사용) - 김민태*/ㅏ
/* .product-custom3-area .list-box .list-item:nth-of-type(3n - 1):not(:nth-of-type(2)){transform: translateY(-80px);} */

.product-custom4-area .product-content-box {width: 100%; text-align: center;} /* Modify 2024. 04. 11  padding:var(--global-size-type20) 0; */

.product-custom5-area{}
.product-custom5-area .accordion-box.h467{height: 467px;}
.product-custom5-area .accordion-menu{width: calc(100% - 830px);border-top:3px solid #131523;border-bottom:3px solid #131523; box-sizing: border-box;height: 100%;overflow: hidden}
.product-custom5-area .accordion-menu .accordion-item{height: 94px;overflow: hidden; transition-duration: .6s;transition-property: height;}
.product-custom5-area .accordion-menu .accordion-item .img-item{display: none;}
.product-custom5-area .accordion-menu .accordion-item .accordion-content {padding:var(--global-size-type5) var(--global-size-type10);}
.product-custom5-area .accordion-menu .label{display: flex;align-items: center;width: 100%;height: 94px;padding:0 var(--global-size-type10);box-sizing: border-box;position: relative;border-bottom:1px solid #E5E5E5;}
.product-custom5-area .accordion-menu .label::after{content:'';background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-up-arrow.svg");background-size: contain;background-repeat: no-repeat;background-position: center;width: 25px;height: 24px;position: absolute;right: var(--global-size-type10);top:50%;transform: translateY(-50%);transition-duration: 0.3s;}
.product-custom5-area .accordion-menu .label h2{width: 220px;}
.product-custom5-area .accordion-menu .accordion-item.active{height: calc(100% - 188px);    border-bottom: 1px solid #E5E5E5;}
.product-custom5-area .accordion-menu .accordion-item.active .label::after{transform: translateY(-50%) rotate(180deg);}
.product-custom5-area .accordion-box .accordion-img{width:830px;border-radius: 4px;overflow: hidden;}

.product-custom6-area .product-content-box {width:100%;padding: var(--global-size-type15) 0 var(--global-size-type15);}
.product-custom6-area .list-box .list-item{display:flex;position: relative;padding:0 20px;box-sizing: border-box;}
.product-custom6-area .list-box.item-h120 .list-item{min-height:120px;}
.product-custom6-area .list-box.item-h200 .list-item{min-height:200px;}
.product-custom6-area .list-item .list-item-bg{width: 100%;height: 100%;overflow: hidden;position: absolute;top:0;left: 0;}
.product-custom6-area .list-item .list-item-bg img.img-item{width: 100%;height: 100%;object-fit: cover;display: block;transition-duration: 0.6s;transition-property: transform; }
.product-custom6-area .list-item .list-item-bg::after{content:'';width: 100%;height: 100%;left:0;top:0;background-color: var(--global-color-primary);display: block;position: absolute;opacity:0;transition-duration: 0.6s;transition-property: opacity;z-index: 2;}
.product-custom6-area .list-item .list-item-text{position: relative;color:var(--global-color-white);z-index: 3;}
.product-custom6-area .list-item .list-item-text .list-title{word-break: break-word;font-size:var(--global-h2-size);line-height: 1.18;}
.product-custom6-area-box .list-item .list-item-icon{width:35px;height: 20px; }
.product-custom6-area .list-item:hover .list-item-bg img.img-item{transform: scale(1.2);}
.product-custom6-area .list-item:hover .list-item-bg::after{opacity: 0.8;}

.product-custom7-area {}
.product-custom7-area .product-content-box {width:100%;padding: var(--global-size-type15) 0 var(--global-size-type15);}
.product-custom7-area .item-row{display: flex;gap: 24px;align-items: center;height: 340px;}
.product-custom7-area .item-row .list-item-img{width:calc((100% - 24px) * .43);height: 100%;}
.product-custom7-area .item-row .list-item-text{width:calc((100% - 24px) * .57);padding-right: calc((100% - 1440px) / 2);box-sizing: border-box;}

.product-custom7-area .item-row:nth-of-type(even){display: flex;flex-direction: row;} /* modify 2024.05.16 flex-direction: row-reverse */
.product-custom7-area .item-row:nth-of-type(even) .list-item-text{padding-right: 0;padding-left: calc((100% - 1440px) / 2);}

/*product List Style*/
.product-list-area {}
.product-list-area .list-box .list-item{border:1px solid var(--global-color-line);padding:28px;box-sizing: border-box;}
.product-list-area .list-box .list-item .list-item-icon{width: 35px;height: 20px;    position: relative;z-index: 1;}
.product-list-area .list-box .list-item .min-h63{min-height: 3.938em;line-height: 1.375em;word-break: break-all;}
.product-list-area .list-box .list-item .list-img-item img.img-item{transition-duration: 0.6s;transition-property: transform;}
.product-list-area .list-box .list-item:hover .list-img-item img.img-item {transform: scale(1.1);}

.product-img-text-box .text-box{display: flex;}
.product-img-text-box .text-box .img-box{width: 100%;}
.product-img-text-box .text-box .element-h2{width: calc((100% - 24px) * 0.40);}
.product-img-text-box .text-box .element-p{width: calc((100% - 24px) * 0.60);}

/*PRODUCT DETAIL STYLE*/

/*PRODUCT MODAL STYLE*/
.modal-window{position: fixed;display: none;top: 0;left: 0;z-index: 99;align-items: center;justify-content: center;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);}
.modal-window .modal-container-wrapper{width: 100%;display: flex;justify-content: center;align-items: center;}
.modal-window .modal-content{display: flex;flex-direction: column;width: 100%;background-color: var(--global-color-white);max-height: 85vh;box-sizing: border-box;position: relative;padding: 80px 80px 80px 120px;}
.modal-window .modal-content .close-btn{position: absolute;top:-14px;right: 0;transform: translateY(-100%);}
.modal-window .modal-content .autoScrollbar{overflow: auto; width: 100%; height: 100%;display: block;padding-right:40px;box-sizing: border-box;}
.modal-window .modal-content .autoScrollbar::-webkit-scrollbar {width: 10px;height: 10px;}
.modal-window .modal-content .autoScrollbar::-webkit-scrollbar-thumb {background: var(--global-color-primary);border-radius: 10px;}
.modal-window .modal-content .autoScrollbar::-webkit-scrollbar-track {background: transparent;}
.modal-window .modal-content .tab-content{display: flex;column-gap: 24px;}
.modal-window .modal-content .tab-content .tab-box {width: 220px;}
.modal-window .modal-content .tab-content .tab-box .tab-item {text-align: left;padding:16px 0;border-bottom:1px solid var(--global-color-line);}
.modal-window .modal-content .tab-content .tab-box .tab-item .tab-btn {text-align: left;font-size: 16px;line-height: 1.5;}
.modal-window .modal-content .tab-content .tab-box .tab-item.active .tab-btn{font-weight: 600;color:var(--global-color-primary);} /* 700 */
.modal-window .modal-content .tab-content .tab-content-box {width: calc(100% - 244px);position: relative;}
.modal-window .modal-content .tab-content.video-box{aspect-ratio: 952 / 535;}
.modal-window .modal-content .tab-content .video-item{width: 100%;height: 100%;position: absolute;left: 0;top:0;opacity: 0;transition-duration: 0.6s;transition-property: opacity;}
.modal-window .modal-content .tab-content .video-item::before{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;background-color: rgba(0,0,0,0.45);}
.modal-window .modal-content .tab-content .video-item .play-button{display: flex;width: 100%;height: 100%;position: absolute;top:0;left: 0;justify-content: center;align-items: center;}
.modal-window .modal-content .tab-content .video-item .play-button .icon-play{opacity: 0.6;transition-duration: 0.3s;transition-property: opacity;}
.modal-window .modal-content .tab-content .video-item .play-button:hover .icon-play{opacity: 1;}
.modal-window .modal-content .tab-content .video-item.active{opacity: 1;z-index: 1;position: relative;}
.modal-window .modal-content .img-content .img{margin-right: 40px;margin-bottom: 40px;}
/*PRODUCT MODAL STYLE*/

body.videoModalOpen{height: 100vh;overflow-y: hidden;}
body.videoModalOpen #modal_video{display: block;}

body.productModalOpen{height: 100vh;overflow-y: hidden;}
body.productModalOpen #modal_product{display: block;}


.technical_forum_form{width: 100%;max-width: 464px;}


/*INPUT STYLE**/

.input-group{display: flex;flex-direction: column;gap: 20px;}
.input-group .row-box{}
.input-box{display: flex;flex-direction: column;row-gap: 12px;position: relative;}
.input-box .input-label{font-size:var(--global-body1-size);font-weight: 600;line-height: 1;}
.input-box input:is([type=text],[type=number],[type=email],[type=password]){width: 100%;height: 49px;border:1px solid var(--global-color-line);padding:0 12px;font-size:var(--global-body2-size);font-weight: 400;box-sizing: border-box;}
.input-box input:is([type=text],[type=number],[type=email],[type=password])::placeholder {color:#D4D4D4;}
.input-box input:is([type=checkbox]){display: none;}
.input-box input:is([type=checkbox]) + label{font-size:var(--global-body2-size);display: flex;}
.input-box input:is([type=checkbox]) + label::before{content:'';border:1px solid var(--global-color-line);display: inline-block;width:24px;height: 24px;margin-right:12px;}
.input-box input:is([type=checkbox]):checked + label::before{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-input-check.svg");background-size:17px 11px ;background-repeat: no-repeat;background-position: center;}

.input-box.password-input .view-button{top:0;right: 0;position: absolute;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-password_off.svg");background-size: 30px 24px;background-position: center;background-repeat: no-repeat;width: 49px;height: 49px;}
.input-box input {font-family: 'pretendard', sans-serif}
.input-box  .search-item{display: flex;width:100%;position: relative;font-size: var(--global-body2-size);border: 1px solid var(--global-color-line);box-sizing: border-box;cursor: pointer;}
.input-box  .search-item .search-input{height: 100%;width: 100%;font-size: var(--global-body2-size);padding: 14px 48px 13px 12px;border:0;}
.input-box  .search-item .search-button{position: absolute;right: 0;top:50%;transform: translateY(-50%);background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-search.svg");background-size:19px 18px;background-repeat: no-repeat;background-position: center;font-size: 0;text-indent: -99999px;width: 48px;height: 100%;}


/*INPUT STYLE**/

/*STYLE CUSTOM**/

.FlexBox {display: flex;}
.min-w220 {min-width: 220px;}
.min-col4{min-width: 25%;}

.webinar_event-top .sub-text-area{margin-right: 40%;}
.webinar_event-top .container-wrapper{position: relative;}
.webinar_event-top .top-img-box{position: absolute;width: auto; height: 70%; right: 0;} /* height:100%; */
.login-footer ul.login-footer-list{display: flex;justify-content: center;}
.login-footer ul.login-footer-list li{font-size: var(--global-body2-size);font-weight: 400;}
.login-footer ul.login-footer-list li:nth-of-type(n + 2)::before{content:'';width: 1px;height: 12px;background-color: var(--global-color-black);display: inline-block;margin:0 11px;}
.login-footer ul.login-footer-list li a{text-decoration: underline;}

/*STYLE CUSTOM**/


@media only screen and (max-width: 1480px) {
    .product-custom2-area .product-content-box {width: 92%;margin: 0 auto;}
    .product-custom5-area .accordion-box.h467 {height: auto;}
    .product-custom5-area .accordion-menu {width: 100%;}
    .product-custom5-area .accordion-menu .accordion-item .img-item{display: block;}
    .product-custom5-area .accordion-box .accordion-img{display: none;}

    .product-custom7-area .item-row .list-item-text {padding-right: 4%;}
    .product-custom7-area .item-row:nth-of-type(even) .list-item-text{padding-left: 4%;}



}

@media all and (max-width:1300px) {
    .main-content .main-section-02 .upcoming-box{width:100%;}
}
@media all and (max-width:1024px) {
    .main-content .main-banner .pagination-box .control-box{display: none;}
    .product-detail-area .product-img-box{width: 30%}
    .product-detail-area .text-box{width: 70%}
    .tablet-hidden{display: none!important;}

    /*STYLE CUSTOM**/

    .webinar_event-top .top-img-box{position: absolute; width: 30%; height: auto;}
    /* position: absolute; width: 360px; height: auto; right: -30px; bottom: 0; */
    /*STYLE CUSTOM**/
}
@media all and (max-width:750px) {
    :root {
        --main-banner-height: 240px;
        --sub-top-height:150px;
    }

    .mobile-no-ellipsis{overflow: visible;display: block;-webkit-line-clamp: initial;white-space: normal;}

    .element-h2-light {font-size: 18px;}
    .mobile_element-h4 {font-size: 20px;}

    .mobile-element-weight700{font-weight: 600;} /* 700 */
    .mobile-element-weight600{font-weight: 600;}
    .mobile-element-weight500{font-weight: 500;}
    .mobile-element-weight400{font-weight: 400;}
    .mobile-element-weight200{font-weight: 200;}

    .dim-box {position: relative;padding: 0;height: auto;overflow: visible;}
    .dim-box .text-box {position: relative;bottom: 40px;transform: translateY(0);transition-duration: 0.6s;padding: 0;}
    .dim-box .text-box .section-h4{background-color: rgba(0,0,0,0.6);width: 100%;height: 40px;padding:8px 20px;box-sizing: border-box;}
    .dim-box.dim-box::before{content:none;}
    .dim-hover:hover .dim-box .text-box{bottom: 40px;transform: translateY(0);}

    .mobile-hidden{display: none !important;}
    .desktop-hidden{display: block;}
    .main-content .section-h2{font-size: var(--global-h1-size);font-weight: 600;} /* 700 */
    .main-content .section-h3{font-size: var(--global-h2-size);font-weight: 600;color:var(--global-color-black);line-height: 1;} /* 700 */
    .main-content .section-h4{font-size: var(--global-h3-size);font-weight: 600;color:var(--global-color-black);line-height: 1.2;} /* 700 */
    .main-content .section-p{font-size: var(--global-body3-size);font-weight: 400;color:#707070;}
    .main-content .section-small{font-size: var(--global-body3-size);font-weight: 400;color:var(--global-color-black);line-height: 1.7;}
    .main-content :is(.section-h2,.section-h3,.section-h4,.section-p,.section-small).mobile-font-color-primary{color:var(--global-color-primary);}
    .main-content :is(.section-h2,.section-h3,.section-h4,.section-p,.section-small).mobile-font-color-white{color:var(--global-color-white);}
    .main-content :is(.section-h2,.section-h3,.section-h4,.section-p,.section-small).mobile-font-color-black{color:var(--global-color-black);}
    .main-content .main-banner .pagination-box{height:44px;}
    .main-content .main-banner .pagination-box .control-box{display: none;}
    .main-content .main-banner .mainSwiper-pagination .pagination-item :is(.t-box,.s-box){display: none;}
    .main-content .main-banner .mainSwiper-pagination .pagination-item .progress{width: 40px;margin-bottom:0;}
    .main-content .main-banner .mainSwiper-pagination .pagination-item .progress .bar{height: 4px;}

    .product-main-list-box .list-item{height: auto;aspect-ratio: 335 / 276;padding:26px;}
    .product-main-list-box .list-item .list-item-bg::before{opacity: 0.7;}
    .product-main-list-box .list-item .list-item-text .list-title{font-size:var(--global-size-32);}
    .product-main-list-box .list-item .list-item-text .list-body2-text{font-size:var(--global-body2-size);}
    .product-main-list-box .list-item .list-item-text .list-body2-text.fix-h72{min-height: 4.5em;}
    .product-main-list-box .list-item:hover .list-item-bg img.img-item{transform: none;}
    .product-main-list-box .list-item:hover .list-item-bg::after{opacity: 0;}

    .product-list-style2 .list-item .list-item-text h2.list-title{font-size: 20px;}
    .product-list-style1 .list-item:hover .list-img-item img.img-item{transform: none;}
    .product-list-style1 .list-item .list-item-text .list-body2-text.fix-h62 {min-height: auto;}

    .sub-h2-text {font-size: 28px;}
    .product-detail-area{padding: 0 0 var(--global-size-type10);}
    .product-detail-area .product-content-box {flex-direction: column;}
    .product-detail-area .product-img-box{width: 100%}
    .product-detail-area .text-box{width: 100%}

    .product-video-area .product-content-box {padding: var(--global-size-type10) 0 var(--global-size-type10);}
    .product-video-area .video-box .video-item .play-button .icon-play{width: 44px;}

    /* 
    ============================
    neodigm 02. 26 수정 
    ============================
    */


    .product-custom1-area .product-content-box {padding: var(--global-size-type10) 0 var(--global-size-type10);}
    .product-custom1-area .tab-box {justify-content: flex-start;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: none;scrollbar-width: none;}
    .product-custom1-area .tab-box::-webkit-scrollbar {display: none;}
    .product-custom1-area .tab-box .tab-list {width: auto;}
    .product-custom1-area .tab-box .tab-list .tab-item ,
    .product-custom1-area .tab-box .tab-list.tab-col3 .tab-item {width: max-content;}
    .product-custom1-area .tab-box .tab-list .tab-item .tab-btn {padding: 0 24px;}
    .product-custom1-area .list-box .list-item {padding: 20px;}
    .product-custom1-area .element-img .play-button .icon-play{width: 60px;height: 60px;}

    .product-custom2-area .product-content-box {flex-direction: column;}
    .product-custom2-area .text-box {width: 100%;}
    .product-custom2-area .product-img-box {width: 100%;}

    .product-custom3-area .product-content-box {padding: var(--global-size-type10) 0 var(--global-size-type10);}
    .product-custom3-area .list-box .list-item .text-box {padding: 20px;}
    /* .product-custom3-area .list-box .list-item:nth-of-type(3n - 1):not(:nth-of-type(2)) {transform: translateY(0);} */

    .product-custom4-area .product-content-box {padding: var(--global-size-type10) 0;}

    .product-custom5-area .accordion-menu .accordion-item {height: 60px;}
    .product-custom5-area .accordion-menu .accordion-item.active{height: max-content;}
    .product-custom5-area .accordion-menu .label {height: 60px;padding: 0 var(--global-size-type5);}
    .product-custom5-area .accordion-menu .label::after {width: 20px;}
    .product-custom5-area .accordion-menu .label h2 {width: 130px;}
    .product-custom5-area .accordion-menu .accordion-item .accordion-content {padding: var(--global-size-type5) 0;}

    .product-custom6-area .product-content-box {width: 100%;padding: var(--global-size-type10) 0;}

    .product-custom7-area .product-content-box {    width: calc(100% - 40px);padding: var(--global-size-type10) 0 ;margin: 0 auto;}
    .product-custom7-area .item-row {flex-direction: column;height:auto}
    .product-custom7-area .item-row:nth-of-type(even) {flex-direction: column;}
    .product-custom7-area .item-row .list-item-img{width: 100%;}
    .product-custom7-area .item-row .list-item-text{width: 100%;}

    .list-type1 .t-box{    background-color: rgba(0, 0, 0, 0.6);width: 100%;height: 40px;box-sizing: border-box;padding: 8px 20px;}
    .list-type1 .c-box{    font-size: var(--global-body3-size);font-weight: 400;color: var(--global-color-black);line-height: 1.7;}

    .product-img-text-box .text-box {flex-direction: column;}

    .product-img-text-box .text-box .element-h2,
    .product-img-text-box .text-box .element-p {      width: 100%}

    .modal-window .modal-content .tab-content .tab-box {width: 100%;}
    .modal-window .modal-content {max-height: 80vh;padding: 20px 0 20px 20px;}
    .modal-window .modal-content .tab-content {display: flex;flex-direction: column;column-gap: 24px;}
    .modal-window .modal-content .tab-content .tab-content-box {width: 100%;}
    .modal-window .modal-content .autoScrollbar {padding-right: 20px;}
    .modal-window .modal-content .tab-content .video-item .play-button .icon-play {width: 44px;}
    /*.modal-window .modal-content .tab-content .tab-box .tab-list{display: flex;}
    .modal-window .modal-content .tab-content .tab-box .tab-item {text-align: center;}*/

    /*STYLE CUSTOM**/
    .webinar_event-top .webinar_event-Background{background-position: left;}
    .webinar_event-top .sub-text-area{margin-right: 0;padding-bottom: 0;}
    .webinar_event-top .top-img-box{display:none;} /* position: relative;width: 240px;margin-right: 0;margin-left: auto;height: auto;right: 0;bottom: 0; */


    .card-nickname-box{justify-content: flex-end;}
    /*STYLE CUSTOM**/

}

/* nx10 */
.product-listBox-item{background-color:var(--global-color-gray-100); padding:40px; box-sizing:border-box;}
.product-listBox-title{position:relative;}
.product-listBox-title:after{content:''; width:60px; height:2px; background-color:var(--global-color-black); position:absolute; left:0; bottom:0;}

/*서브 공통 스타일*/
.top-title-box.sub-top-h400{height: var(--sub-top-height-400)}
.top-title-box.sub-top-h500{height: var(--sub-top-height-500)}

/* /////////////////////////

NEW 

///////////////////////// */


:root {
    --main-banner-height: 400px;
    --sub-top-height:200px;
    --sub-top-height-300:300px;
    --sub-top-height-400:400px;
    --sub-top-height-500:500px;
}

.img-item{width: 100%;height: 100%;object-fit: cover;display: block}
.img-item-contain{width: 100%;height: 100%;object-fit: contain;display: block; }
.desktop-hidden{display: none !important;}

/*------------------서브 상단 스타일------------------*/
.top-title-box{width: 100%;height: var(--sub-top-height);margin-top: var(--header-height);position: relative;}
.top-title-box .bg-img{width: 100%;height: 100%;overflow: hidden;position: absolute;top:0;left: 0;}
.top-title-box .bg-img.bg-align-left .img-item{object-position: left;}
.top-title-box .bg-img.bg-align-center .img-item{object-position: center;}
.top-title-box .bg-img.bg-align-right .img-item{object-position: right;}
.top-title-box .text-box{position: absolute;top:50%;transform: translateY(-50%);color:var(--global-color-black);}
.top-title-box .text-box.f-white{position: absolute;top:50%;transform: translateY(-50%);color:var(--global-color-white);}
.top-title-box .text-box .title-text{font-size: var(--global-h1-size);font-weight: 600;line-height: 1.2;} /* 700 */
.top-title-box .text-box .sub-title-text{font-size: var(--global-h5-size);line-height: 1.44;}
.top-title-box.sub-top-h300{height: var(--sub-top-height-300)}
.top-title-box.sub-top-h400{height: var(--sub-top-height-400)}
.top-title-box.sub-top-h500{height: var(--sub-top-height-500)}
/*------------------서브 상단 스타일------------------*/

/*------------------서브 폰트 스타일------------------*/

.article-title {font-size: var(--global-h3-size);}/*28px*/
.sub-h1-text{font-size:var(--global-h1-size);}/*40px*/
.sub-h2-text{font-size:var(--global-h2-size);}/*32px*/
.sub-h3-text{font-size:var(--global-h3-size);}/*28px*/
.sub-h4-text{font-size:var(--global-h4-size);}/*20px*/
.sub-h5-text{font-size:var(--global-h5-size);}/*18px*/

.sub-body2-text{font-size:var(--global-body2-size);}/*16px*/
.sub-body3-text{font-size:var(--global-body3-size);}/*14px*/
.sub-body4-text{font-size:var(--global-body4-size);}/*12px*/
.sub-name-text{font-size:24px;}/*24px*/
.sub-name2-text{font-size:22px;}/*22px*/

/*------------------서브 폰트 사이즈------------------*/

/*------------------서브 색 ------------------*/

.color-gray-900{color:var(--global-color-gray-900)}
.color-primary{color:var(--global-color-primary)}
.color-white{color:var(--global-color-white)}
.color-black{color:var(--global-color-black)}
.color-white1{color:#F5F6FA;}
.color-black1{color:#131523;}
.color-gray1{color:#E5E5E5}
.color-gray2{color:#616161}
.color-gray3{color:#666666}


.bg-withe{background-color: var(--global-color-white);}
.bg-with2{background-color:#F5F5F5}
.bg-black{background-color: var(--global-color-black-1000);}
.bg-gray-100{background-color: var(--global-color-gray-100);}
.bg-gray1{background-color: #F3F3F3}
.bg-gray2{background:#EEEEEE}
.bg-blue{background-color: #E1F1F6;}
.bg-yellow{background-color: #F3F0E3;}

/*------------------서브 폰트 색 ------------------*/

/*--------------------PRODUCT--------------------*/

/*font*/
.element-krw{font-size:52px;font-weight: 600;line-height: 1;} /* 700 */
.element-h1{font-size:var(--global-h1-size);font-weight: 600;line-height: 1.2;} /* 700 */
.element-h2{font-size:var(--global-h2-size);font-weight: 600;line-height: 1.4;}
.element-h2-light{font-size:36px;font-weight: 200;line-height: 1.2;}
.element-h3{font-size:var(--global-h3-size);font-weight: 600;line-height: 1.2;}
.element-h4{font-size:var(--global-h4-size);font-weight: 400;line-height: 1.4;}
.element-h5{font-size:var(--global-h5-size);font-weight: 600;line-height: 1.6;}
.element-p{font-size:var(--global-body2-size);font-weight: 400;line-height: 1.6;}
.element-text{font-size:var(--global-body1-size);font-weight: 400;}
.element-sub-text{font-size:var(--global-body3-size);font-weight: 400;line-height: 1.7;}
.element-small-text{font-size:var(--global-body4-size);font-weight: 400;}

.element-line-height14{line-height: 1.4;}
.element-line-height1{line-height: 1;}
/*font*/

/*weight*/
.element-weight700{font-weight: 600;} /* 700 */
.element-weight600{font-weight: 600;}
.element-weight500{font-weight: 500;}
.element-weight400{font-weight: 400;}
.element-weight300{font-weight: 300;}
.element-weight200{font-weight: 200;}
.element-weight100{font-weight: 100;}
/*weight*/

/*border*/
.element-border1{border: var(--global-border-size1) solid var(--global-color-line)}
.element-border1-black{border: var(--global-border-size1) solid var(--global-color-black)}
.element-border-top{border-top: 1px solid var(--global-color-line);}
.element-border-left{border-left: 1px solid var(--global-color-line);}
.element-border-right{border-right: 1px solid var(--global-color-line);}
.element-border-bottom{border-bottom: 1px solid var(--global-color-line);}
.element-border2-top{border-top: 2px solid var(--global-color-black);}
.desktop-element-border2-top{border-top: 2px solid var(--global-color-black);}
.element-border2-bottom{border-bottom: 2px solid var(--global-color-black);}
.desktop-element-border-left{border-left: 1px solid var(--global-color-line);}
.desktop-element-border-right{border-left: 1px solid var(--global-color-line);}
/*border*/

.element-underline {text-decoration: underline !important;}

/*padding*/
.element-padding24{padding:var(--global-size-type6);}
.element-padding20{padding:var(--global-size-type5);}
.element-padding32{padding:var(--global-size-type8);}
.element-padding40{padding:var(--global-size-type10) !important;}
.element-padding40_20{padding:var(--global-size-type10) var(--global-size-type5);}
.element-side-padding20{padding:0 var(--global-size-type5);}
.element-side-padding40{padding:0 var(--global-size-type10);}
.desktop-element-padding40{padding:var(--global-size-type10);}
.article-content-padding{padding:0;} /* !important   ///   New2024.05.18 var(--global-size-type20) */
.article-content-padding60{padding:var(--global-size-type15) 0;}
.article-content-padding40{padding:var(--global-size-type10) 0;}
/*padding*/

/*margin*/
.element-margin-right40p{margin-right: 40%;}
.element-margin-left-col-1{margin-left: calc((100% / 12));}
.element-margin-col-1{margin-left: calc((100% / 12));margin-right: calc((100% / 12));}
/*margin*/

/*icon*/
.icon-arrow-001{display:block;width: 23px;height: 23px; background: no-repeat center url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-arrow01.png");background-size: cover;flex: none;}
/*icon*/

/*decoration*/
.item-underline{position: relative;} 
.item-underline::after{content:'';width: 60px;height: 2px;background-color: var(--global-color-black);position: absolute;left: 0;bottom:0;}
/*decoration*/


/*area style*/
.text-article-area{width: 100%;}
.content-wrapper{width: 100%;}
.FlexBox {display: flex;}
.min-w220 {min-width: 220px;}
.min-col4{min-width: 25%;}

.card-FlexContainer-full{height: 100%;}
.card-FlexContainer-wrapper-188{min-height: 188px;}
.element-item{display:block;box-sizing: border-box;}
.element-item-bg{position: absolute;display:block;left: 0;top:0;width: 100%;height: 100%;overflow: hidden;z-index: -1;}
.element-border-box{box-sizing: border-box;}
.max-width1440{max-width: 1440px;}
.min-width220 {min-width: 220px;}
.width440 {width: 440px;}
.min-width140 {min-width: 140px;}
.min-width100 {min-width: 100px;}
.list-container-wrapper{width:100%; padding:80px 0;}
.list-contanier-none{padding-top:0; border-top:0;}
.textNowrap{white-space: nowrap;}
.element-full-list-item{display: flex;min-height: 51px;}
.element-full-list-item:nth-of-type(n + 2) {border-top: 1px solid var(--global-color-line);}
.element-full-list-item-gray-300{display: flex;min-height: 51px;}
.element-full-list-item-gray-300:nth-of-type(n + 2) {border-top: 1px solid var(--global-color-gray-300);}
.element-full-list-img-item{display: flex;}
.element-image{width: 100%;}
.positionFullAbsolute{position:absolute;width: 100%;height: 100%;left: 0;top:0; box-sizing: border-box;}
.FlexContainerColumnCenter{display: flex;justify-content: center;flex-direction: column;}

.element-layer--8-3{display:flex;width: 100%; flex-wrap:nowrap; flex-direction:row; justify-content:space-between;}
.element-layer--8-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:calc(100% - 146px - 340px);}
.element-layer--3-wrapper{width:calc((100% / 12) * 3 - 12px); max-width:calc((100% / 12) * 3 - 12px); transition: all .2s ease;}

.element-layer--5-3-3{display:flex;width: 100%; flex-wrap:nowrap; flex-direction:row; justify-content:space-between;}
.element-layer--5-wrapper{width:calc((100% / 12) * 5 - 12px); max-width:calc((100% / 12) * 5 - 12px); transition: all .2s ease;}

.element-layer--9-2{display:flex;width: 100%; flex-wrap:nowrap; flex-direction:row; justify-content:space-between;}
.element-layer--9-wrapper{width:calc((100% / 12) * 9 - 12px); max-width:calc((100% / 12) * 9 - 12px); transition: all .2s ease;}
.element-layer--2-wrapper{width:calc((100% / 12) * 2 - 12px); max-width:calc((100% / 12) * 2 - 12px); transition: all .2s ease;}


.grid-table-wrapper{display: flex;width: 100%;}
.grid-table-min-height-default{min-height: 46px;padding: 12px 0;box-sizing: border-box;}
.grid-table-min-height-75{min-height: 75px;box-sizing: border-box;}
.grid-table-col1{width: calc((100% / 12 ) * 1);max-width:calc((100% / 12 ) * 1);box-sizing: border-box;transition: all .2s ease;}
.grid-table-col2{width: calc((100% / 12 ) * 2);max-width:calc((100% / 12 ) * 2);box-sizing: border-box;transition: all .2s ease;}
.grid-table-col3,.grid-table-col3x6, .grid-table-col3x12{width: calc((100% / 12 ) * 3);max-width:calc((100% / 12 ) * 3);box-sizing: border-box;transition: all .2s ease;}
.grid-table-col4{width: calc((100% / 12 ) * 4);max-width:calc((100% / 12 ) * 4);box-sizing: border-box;transition: all .2s ease;}
.grid-table-col5{width: calc((100% / 12 ) * 5);max-width:calc((100% / 12 ) * 5);box-sizing: border-box;transition: all .2s ease;}
.grid-table-col6, .grid-table-col6x12{width: calc((100% / 12 ) * 6);max-width:calc((100% / 12 ) * 6);box-sizing: border-box;transition: all .2s ease;}
.grid-table-col7{width: calc((100% / 12 ) * 7);max-width:calc((100% / 12 ) * 7);box-sizing: border-box;transition: all .2s ease;}
.grid-table-col8{width: calc((100% / 12 ) * 8);max-width:calc((100% / 12 ) * 8);box-sizing: border-box;transition: all .2s ease;}
.grid-table-col9,.grid-table-col9x12{width: calc((100% / 12 ) * 9);max-width:calc((100% / 12 ) * 9);box-sizing: border-box;transition: all .2s ease;}
.grid-table-col10{width: calc((100% / 12 ) * 10);max-width:calc((100% / 12 ) * 10);box-sizing: border-box;transition: all .2s ease;}
.grid-table-col11{width: calc((100% / 12 ) * 11);max-width:calc((100% / 12 ) * 11);box-sizing: border-box;transition: all .2s ease;}
.grid-table-col12{width: 100%;max-width:100%;}

/*area style*/

/*list style*/
ol.element-list {width: 100%;box-sizing: border-box;counter-reset: number 0;}
ol.element-list li{width: 100%;display: flex;}
ol.element-list li::before {counter-increment: number 1;content: counter(number, decimal-leading-zero);font-weight: 600;margin-right: 19px;color:var(--global-color-black);}

.element-list{width: 100%;}
.element-list .element-list-item{list-style: disc;margin-left: 1em}

/*list style*/

/*event style*/
.hover-image .element-img{overflow: hidden;}
.hover-image .img-item{transition: 0.6s;transition-property:transform;}
/* .hover-image:hover .img-item{transition: 0.6s;transform: scale(1.1);} */
.hover-image:hover .img-item{transition: 0.6s;transform: scale(1.05);}
/*event style*/



/* //03.11 추가 */
/* 삭제 *//*
.tab-box-wrapper .tab-type-white.tab-list .tab-item{width:calc(100% / 4); border-bottom:3px solid transparent; text-align: center; padding-bottom: 12px; transition-duration: 0.6s;transition-property: opacity;transform: translateY(1px);}
.tab-box-wrapper .tab-type-white.tab-list.tab-col3 .tab-item{width:calc(100% / 3);}
.tab-box-wrapper .tab-type-white.tab-list.tab-col .tab-item{width:calc(100% / 4);}
/* //삭제 */
.tab-box-wrapper .tab-list .tab-item .tab-btn{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.tab-box-wrapper .tab-list.tab-type-black .tab-item .tab-btn{
    color:var(--global-color-gray-600);
}
.tab-box-wrapper .tab-list.tab-type-white .tab-item .tab-btn{
    color:var(--global-color-gray-900);
}
.tab-box-wrapper .tab-list .tab-item.active{border-bottom:3px solid var(--global-color-black); }
.tab-box-wrapper .tab-list .tab-item.active .tab-btn{font-weight:600;color:var(--global-color-black);} /* 700 */
.tab-box-wrapper .tab-list .tab-item.active-primary.active{border-color: var(--global-color-primary);}
.tab-box-wrapper .tab-list .tab-item.active-primary.active .tab-btn{color:var(--global-color-primary);}
.tab-box-wrapper .tab-content-wrapper{width: 100%;position: relative;}
.tab-box-wrapper .tab-content-item{width: 100%;height: max-content;position: absolute;left: 0;top:0;opacity: 0;transition-duration: 0.6s;transition-property: opacity;}
.tab-box-wrapper .tab-content-item.active{position: relative;opacity: 1;z-index: 1;} /*  */
/*TAB BOX STYLE*/

/*VIDEO ITEM STYLE*/
.video-item{display:inline-block;position: relative;}
.video-item::before{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;background-color: rgba(0,0,0,0.45);}
.video-item .play-button{display: flex;width: 100%;height: 100%;position: absolute;top:0;left: 0;justify-content: center;align-items: center;}
.video-item .play-button::before{content:'';display: block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-play.svg");background-size: cover;width: 82px;height: 94px;opacity: 0.6;transition-duration: 0.3s;transition-property: opacity;}
.video-item .play-button.play-blue-button::before{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-avi-play.svg");background-size: cover;width: 90px;height: 90px;}
.video-item .play-button:hover::before{opacity: 1;}
/*VIDEO BOX STYLE*/

/*PRODUCT DETAIL STYLE*/
.product-img-box{overflow: hidden;}
.product-img-box .img-item{object-fit: contain;}
.button-sort{display: flex;column-gap: 16px;}
/*PRODUCT DETAIL STYLE*/

/*CATEGORIES STYLE*/
.categories-wrapper{display: flex;gap: 12px;overflow-x: auto;}
.categories-item{display: flex;border:1px solid #858585;padding:12px;font-size: var(--global-body2-size);font-weight: 400;    line-height: 1;flex-shrink: 0;}
.categories-item.active{background-color:#39BBE5;border-color: transparent;color:var(--global-color-white);}
/*CATEGORIES STYLE*/

/*ACCORDION STYLE*/
.accordion-menu{width: 100%;border-top:3px solid #131523;border-bottom:3px solid #131523; box-sizing: border-box;height: 100%;overflow: hidden}
.accordion-menu .accordion-item{overflow: hidden;}
.accordion-menu .label{display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding-top:24px; padding-bottom:24px; padding-right:var(--global-size-type25); box-sizing: border-box;position: relative;border-bottom:1px solid #E5E5E5;}/* align-items: center; height: 64px;*/ /* neodigm 수정 0305 */
.accordion-menu .label::after{content:'';background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-up-arrow.svg");background-size: contain;background-repeat: no-repeat;background-position: center;width: 25px;height: 24px;position: absolute;right: var(--global-size-type10);top:50%;transform: translateY(-50%);transition-duration: 0.3s;}
.accordion-menu .label.small-mark::after{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-small-up-arrow.svg");width: 10px;height: 8px;}
.accordion-menu .accordion-item .accordion-content{height: 0;overflow: hidden}
.accordion-menu .accordion-item .img-item{display: none;}
.accordion-menu .accordion-item.active .accordion-content{height: max-content;border-bottom: 1px solid #E5E5E5;}
.accordion-menu .accordion-item.active .label::after{transform: translateY(-50%) rotate(180deg);}
.accordion-img {max-height:400px;overflow: hidden;border-radius: var(--global-size-type2);}
.accordion-img .img-item{object-fit: contain; object-position:top;}
/*ACCORDION STYLE*/

/*SWIPER-LIST STYLE*/
    .swiper-list-wrapper{overflow: hidden;position: relative;}
    .swiper-list-wrapper .swiper-slide {height: auto;}
    .swiper-list-wrapper .swiper-list-pagination{text-align: center;margin-top: 60px;}
    .swiper-list-wrapper .swiper-list-pagination .swiper-pagination-bullet{width: 100px;height: 2px;background-color:var(--global-color-line);opacity: 1;margin: 0;transition-duration: 0.3s;transition-property: background-color;    border-radius: 0;}
    .swiper-list-wrapper .swiper-list-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 100px;height: 2px;background-color:var(--global-color-black);}
/*SWIPER-LIST STYLE*/

/*CAMEL-LIST-AREA*/
.camel-list-area .element-item:nth-of-type(6n - 1) {transform: translateY(-100px);}
/*CAMEL-LIST-AREA*/

.gallery-wrapper{width: 100%;display: flex;flex-direction: column;}
.gallery-item-thumbnail{display: inline-block;border:1px solid var(--global-color-line);}
.gallery-item-list{width: 100%;}
.gallery-item-list .gallery-item-list-item:nth-of-type(n + 2){border-top: 1px solid var(--global-color-line);}

.table_contents{width:100%;display: flex;gap: 24px;}
.table_contents .content-list{width: calc((100% - 24px) / 2);}
.table_contents .content-list .content-item{color:var(--global-color-gray-900);font-size: 14px;padding:5px 0;line-height: 1;}


.filter-box{flex-wrap: wrap;background-color: var(--global-color-gray-100); padding:35px 0 36px !important;}
.filter-box .input-item{min-width: 220px;}
.filter-box .input-item.half{min-width: 140px;}
.filter-box .long{width: 440px;}
.reset-button{font-size: 16px;font-weight: 400;}
.reset-button::after{content:'';background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-reset.png");width: 10px;height: 10px;display: inline-block;background-repeat: no-repeat;background-size: cover;margin-left: 8px;}

/*회원 이미지*/
.user-image{width: 90px;height: 90px;border-radius: 50%;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/user-bg.svg");background-repeat: no-repeat;background-position: center;overflow: hidden;}
.user-image .img-item{width: 100%;height: 100%;display: block;object-fit: cover;}

/*댓글 */
.card-comments-list{}
.card-comments-list-item{border-top: 1px solid var(--global-color-line);padding:var(--global-size-type10) 0;}
.card-comments-list-item:last-of-type{border-bottom: 1px solid var(--global-color-line);}
.card-comments-list-item.reply{border:0;background-color: var(--global-color-gray-100);padding:var(--global-size-type10);}
.card-comments-list-item.reply:nth-of-type(n + 2){margin-top: 20px;}
.card-comments-list-item.reply:last-of-type{border-bottom: 1px solid var(--global-color-line);margin-bottom: 40px;}

/*로그인 창*/
.technical_forum_form{width: 100%;max-width: 464px;}
.login-footer-list{display: flex;justify-content: center;}
.login-footer-list li{font-size: var(--global-body2-size);font-weight: 400;}
.login-footer-list li:nth-of-type(n + 2)::before{content:'';width: 1px;height: 12px;background-color: var(--global-color-black);display: inline-block;margin:0 11px;}
.login-footer-list li a{text-decoration: underline;}

/*상단 이미지 형태 */
.top-img-box{position: absolute;width: auto;height: 100%;right: 0;}
/*상단 이미지 형태 */

/*sns 링크 스타일*/
.sns-button-box{display: flex;column-gap: 8px;}
.sns-button{display:inline-block;width: 32px;height: 32px;background-size: cover;background-repeat: no-repeat;font-size: 0;text-indent: -9999px;}
.sns-button.icon-facebook{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-fb.svg");}
.sns-button.icon-linkedin{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-linkedIn.svg");}
.sns-button.icon-email{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-mail.svg");}
/*sns 링크 스타일*/

/*리스트 이미지 사이즈 정의*/
.card-img-220x160-wrap{width: 220px;height: 160px;background-color: #E6E6E6;}
.card-img-75x75-wrap .element-img{width: 75px;height: 75px;background-color: var(--global-color-gray-100);    display: flex;align-items: center;overflow: hidden;}
.card-img-75x75-wrap .element-img > img{max-width: 100%;object-position: center;}
.card-img-75x75-wrap .element-text{width:calc(100% - 97px);}
.card-img-h280-wrap .element-img{height: 280px}
.card-img-h120-wrap .element-img{height: 120px}
.card-img-h280-wrap .element-text{height: calc(100% - 280px);}
/*리스트 이미지 사이즈 정의*/

/*버튼 스타일*/
.pdf-download{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-file-pdf.svg");width: 22px;height: 31px;background-size: cover;background-repeat: no-repeat;min-width: 22px;min-height: 31px;}
.icon-tel{display: inline-flex;align-items: center;}
.icon-tel::before{content:'';display:inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-contact-tel.svg");width: 16px;height: 20px;background-size: cover;background-repeat: no-repeat;min-width: 16px;min-height: 20px;margin-right: 8px;}
.icon-email{display: inline-flex;align-items: center;}
.icon-email::before{content:'';display:inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-contact-email.svg");width: 23px;height: 16px;background-size: cover;background-repeat: no-repeat;min-width: 23px;min-height: 16px;margin-right: 8px;}
.desktop-pipe-right{display: inline-flex;align-items: center;}
.desktop-pipe-right::after{content:'';display:inline-block;width: 1px;height: 14px;background-color: var(--global-color-black);margin: 0 20px;}
/*버튼 스타일*/

/*업다운 화살표*/
.small-up-arrow{font-size: var(--global-h5-size);;font-weight: 400;display: inline-flex;align-items: center;}
.small-up-arrow:before{content:'';background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-stock-up-arrow.svg");background-repeat:no-repeat;background-size:cover;width: 13px;height: 11px;display: inline-block;margin-right: 8px;}
.large-up-arrow{font-size: var(--global-h1-size);;font-weight: 600;display: inline-flex;align-items: center;} /* 700 */
.large-up-arrow:before{content:'';background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-stock-up-arrow.svg");background-repeat:no-repeat;background-size:cover;width: 20px;height: 16px;display: inline-block;margin-right: 8px;}

.small-down-arrow{font-size: 18px;font-weight: 400;display: inline-flex;align-items: center;}
.small-down-arrow:before{content:'';background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-stock-down-arrow.svg");background-repeat:no-repeat;background-size:cover;width: 13px;height: 11px;display: inline-block;margin-right: 8px;}
.large-down-arrow{font-size: var(--global-h1-size);;font-weight: 600;display: inline-flex;align-items: center;} /* 700 */
.large-down-arrow:before{content:'';background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-stock-down-arrow.svg");background-repeat:no-repeat;background-size:cover;width: 20px;height: 16px;display: inline-block;margin-right: 8px;}
/*업다운 화살표*/

/*마이페이지 스타일*/
.user-info .greeting-text{display:block;font-size: var(--global-h1-size);font-weight: 600;color:var(--global-color-black);line-height: 1.2;} /* 700 */
.user-info .user-name{display:block;white-space: nowrap;font-size: var(--global-h1-size);font-weight: 600;color:var(--global-color-black);line-height: 1.2;} /* 700 */
.user-info .logout-button{display:block;font-size: var(--global-body2-size);font-weight: 400;color:var(--global-color-black);margin-top: 8px;text-decoration: underline;}

.member-menu-item{display: flex;align-items:center;width: 100%;height: 48px;padding:0 16px;font-size: var(--global-body2-size);font-weight: 400;color:var(--global-color-gray-900);}
.member-menu-item.active{display: flex;align-items:center;background-color: var(--global-color-gray-100);font-weight: 600;color:var(--global-color-black);} /* 700 */
.icon-my-products:before{content:'';display: inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-my-products.svg");background-repeat:no-repeat;background-size:cover;width:18px;height: 18px;margin-right: 8px;}
.icon-my-posts:before{content:'';display: inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-my-posts.svg");background-repeat:no-repeat;background-size:cover;width:18px;height: 18px;margin-right: 8px;}
.icon-my-profile:before{content:'';display: inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-my-profile.svg");background-repeat:no-repeat;background-size:cover;width:18px;height: 18px;margin-right: 8px;}
.icon-my-products.active:before{content:'';display: inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-my-products_on.svg");}
.icon-my-posts.active:before{content:'';display: inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-my-posts_on.svg");}
.icon-my-profile.active:before{content:'';display: inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-my-profile_on.svg");}

/*my product list style*/
.myPage-product-table{}
.myPage-product-table-header,
.myPage-product-table-row{display: flex;padding: 13px 0;}
.myPage-product-table-row:nth-of-type(n +2){border-top:1px solid var(--global-color-line);}
.myPage-profile-table-row{display: flex;padding: 16px 0;}
.myPage-profile-table-row:nth-of-type(n +2){border-top:1px solid var(--global-color-line);}
.myPage-product-table-data{display: flex;width: calc(100% - 130px);row-gap: 12px;}
.myPage-product-table-header-label{width: calc((100% - 130px) / 4);padding:0 20px;box-sizing: border-box;}
.myPage-product-table-data-col{width: calc(100% / 4);}
.myPage-product-table-row-label{font-size: var(--global-body3-size);font-weight: 600;display: none;padding:0 20px;box-sizing: border-box;} /* 700 */
.myPage-product-table-row-value{font-size: var(--global-body3-size);font-weight: 400;padding:0 20px;box-sizing: border-box;}
a.myPage-product-table-button{width: 90px;padding:0 20px;text-decoration: underline;}

.myPage-product-back-button{font-size: 0;text-indent: -99999px;}
.myPage-product-back-button::before{content:'';display: block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-arrow-left.svg");background-size: cover;background-repeat: no-repeat;background-position: center;width: 23px;height: 23px;padding-right: 8px;}
.model-img-item figcaption{font-size: var(--global-body2-size);font-weight:600;margin-top: 20px;text-align: center;} /* 700 */
.myPage-product-info-text-box{border-top:1px solid var(--global-color-gray-300);margin-top: 40px;padding-top:40px;font-size: var(--global-body2-size);text-align: center;}
.myPage-product-info-text-box a{text-decoration: underline;}
.myPage-product-detail{display: flex;column-gap: 40px;}

.myPage-model-img{width: 200px;height: 180px;text-align: center;}
.myPage-model-info{width: calc(100% - 240px);}
.myPage-model-info-row-label{font-size: var(--global-body1-size);font-weight: 600;width: 200px;margin-right: 50px;} /* 700 */
.myPage-model-info-row-value{width: calc(100% - 250px);font-size: var(--global-body2-size);font-weight: 400;line-height: 1.75;}
.tip-box{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-info.svg");background-repeat:no-repeat;width: 16px;height: 16px;}
.info-label{font-weight: 700;display: flex;align-items: center;}
.gauge-bar-bg{background-color: var(--global-color-gray-100);width: 100%;height: 12px;max-width: 342px;}
.gauge-bar-bg .gauge-bar{height:100%;background-color: var(--global-color-success);}
.myPage-product-date{display: flex;flex-wrap:wrap;font-size: var(--global-body2-size);font-weight: 400;}
.myPage-product-date-item:nth-of-type( n + 2)::before{content:'';display:inline-block;width: 1px;height: 12px;margin: 0 12px;background-color: var(--global-color-black);}
.myPage-product-table-row em{font-weight: 600;margin-right: 0.5em;} /* 700 */
.myPage-product-file-list{}
.myPage-product-file-item{display: flex;column-gap: 20px;align-items: center;}
/* modify 2024.09.02 .myPage-product-file-info{display: flex;flex-wrap:wrap;column-gap: 40px;} */
.myPage-product-file-info{display: flex;justify-content: space-between; align-items:center; flex-wrap:nowrap; column-gap: 20px; width:calc(100% - 86px);flex-grow:1;}
 

.myPage-product-file-item:nth-of-type(n + 2){margin-top: 10px;}
/* modify 2024.09.02 .myPage-product-file-item-name{display: flex;min-width: 200px;} */
.myPage-product-file-item-name{display: flex; flex-shrink:0; min-width: 200px; width:calc(100% - 100px);font-weight: 600;} 
.myPage-product-file-item-date{display: flex;}
.myPage-product-file-item-button{display: flex;}

/* add 2024.09.02 */
.myPage-product-table-banner{width:100%; max-width:468px; padding:20px 28px; border:1px solid var(--global-color-line); box-sizing:border-box;}
.myPage-product-table-banner dl{padding-left:60px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-paper.png') 0 center/42px no-repeat; box-sizing:border-box;}
.myPage-product-table-banner dl dt{font-size:var(--global-body1-size); font-weight:700;}
/*my product list style*/

/*마이페이지 스타일*/

/*테이블 스타일*/
.element-table{width: 100%;}
.element-table table {border-collapse: collapse;width: 100%}
.element-table table.LayoutFixed {table-layout: fixed;}
.element-table table.width-fix-80 :is(th, td) {min-width: 80px;}
.element-table table.width-fix-260 :is(th, td) {min-width: 260px;}
.element-table table.width-fix-240 :is(th, td) {min-width: 240px;}
.element-table table.width-fix-210 :is(th, td) {min-width: 210px;}
.element-table table.width-fix-180 :is(th, td) {min-width: 180px;}
.element-table table .width-fix-1440-grid-6 {min-width: calc((1440px / 12 ) * 6 );}
.element-table table .width-fix-1440-grid-2 {min-width: calc((1440px / 12 ) * 2 );}
.element-table :is(th, td) {border: 1px solid var(--global-color-line);line-height: 1.2;padding:15px 5px;box-sizing: border-box;vertical-align: middle;text-align: center;}
.element-table th {border: 1px solid var(--global-color-black);}
.element-table td {border: 1px solid var(--global-color-line);}
.element-table :is(th, td):first-of-type{border-left:0;}
.element-table :is(th, td):last-of-type{border-right:0;}
.element-table .line-top {border-top:2px solid var(--global-color-black);}
.element-table .line-bottom {border-bottom:2px solid var(--global-color-black);}
.element-table table .fix-80{width: 80px;height: 84px;}
.element-table .point{display:inline-block;width:14px;height: 14px;border-radius: 50%;}
.element-table .point.small{display:inline-block;width:9px;height: 9px;border-radius: 50%;}
.element-table .point.blue{background-color: #00AEE6;}
.element-table .point.yellow{background-color: #FFC982;}
.element-table table.element-table-no-line-style :is(th,td){border:0;border-bottom:1px solid var(--global-color-line);}
.element-table.autoScrollbar{overflow: auto; width: 100%; height: 100%;display: block;box-sizing: border-box;padding-bottom: 20px;}
.element-table.autoScrollbar::-webkit-scrollbar {width: 10px;height: 10px;}
.element-table.autoScrollbar::-webkit-scrollbar-thumb {background: var(--global-color-primary);border-radius: 10px;}
.element-table.autoScrollbar::-webkit-scrollbar-track {background: transparent;}
/*테이블 스타일*/

/*그래프 스타일*/
.graph-box{width: 100%;height: 320px;display: flex;align-items: center;}
.graph-wrapper{width: 100%;height:240px;display: flex;    justify-content: center;column-gap: 30px;border-bottom:1px solid var(--global-color-line);}
.graph-item{display: flex;align-items: flex-end;height: 100%;width: 40px;position: relative;}
.graph-bar{width:100%;height: 100%;background-color: #E5E5E5;position: relative;}
.graph-bar.color1{background-color: #E5E5E5;}
.graph-bar.color2{background-color: #CCCCCC;}
.graph-bar.color3{background-color: #747474;}
.graph-bar.color4{background-color: #00ADE5;}
.graph-value{font-size:var(--global-body2-size);font-weight:300;color:#989898;position: absolute;left: 50%;top:-10px;transform: translate(-50%,-100%);word-break:keep-all;}
.graph-value.top{font-size: var(--global-h4-size);color:#00ADE5;}
.graph-key{font-size:var(--global-body1-size);font-weight:300;color:#676767;position: absolute;left: 50%;bottom:-6px;transform: translate(-50%,100%);word-break:keep-all;}
/*그래프 스타일*/

/*히스토리 스타일*/

.element-layer--4-8{display:flex;width: 100%; flex-wrap:nowrap; flex-direction:row; justify-content:space-between;}
.element-layer--4-wrapper{width:calc((100% / 12) * 4 - 12px); max-width:calc((100% / 12) * 4 - 12px); transition: all .2s ease;}
.element-layer--8-wrapper{width:calc((100% / 12) * 8 - 12px); max-width:calc((100% / 12) * 8 - 12px); transition: all .2s ease;}

.history-item{display:flex;width: 100%; flex-wrap:nowrap; flex-direction:row; justify-content:space-between;}
.history-item-img-wrapper{width:calc((100% / 12) * 4); max-width:calc((100% / 12) * 4); transition: all .2s ease;}
.history-item-img{width: 100%;}
.history-item-info{width:calc((100% / 12) * 7); max-width:calc((100% / 12) * 7); transition: all .2s ease;position: relative;}
.history-item-info:before{content:'';display:block;width: 1px;height: 100%;background-color: var(--global-color-line);position: absolute;left: calc((100% / 7) * -1);top:0;margin:0 calc((100% / 7) / 2);}
.history-item:last-of-type .history-item-info:before{content:none;}
.history-item-info:after{content:'';display: block;width: 13px;height: 13px;border-radius: 50%;box-sizing: border-box;border:3px solid var(--global-color-black);position: absolute;left: calc((100% / 7) * -1);top:0;margin:0 calc((100% / 7) / 2);transform: translate(-50%);background-color: var(--global-color-white);}
/*히스토리 스타일*/

/*배너 영역*/
.banner-wrapper{display: flex;width: 100%;min-height:204px;position: relative;justify-content: center;align-items: center;}
.banner-height300{min-height: 300px;}
.banner-height160{min-height: 160px;}
.banner-wrapper .bg-img{width: 100%;height: 100%;overflow: hidden;position: absolute;top:0;left: 0;}
.banner-wrapper .text-box{position: relative;}
/*배너 영역*/

/*이미지 배경에 텍스트형태*/
.element-image-text-wrapper{display: flex;width: 100%;min-height:204px;position: relative;justify-content: center;align-items: center;}
.element-image-text-wrapper .bg-img{width: 100%;height: 100%;overflow: hidden;position: absolute;top:0;left: 0;}
.element-image-text-wrapper.element-image-text-height301{width: 100%;min-height: 301px;}
.element-image-text-wrapper.element-image-text-height348{width: 100%;min-height: 348px;}
.element-image-text-wrapper.element-image-text-height390{width: 100%;min-height: 390px;}
.element-image-text-wrapper .text-box{width: 100%;position: relative;}
/*이미지 배경에 텍스트형태*/

/*program 스타일*/
.program-article-wrapper{background-color: var(--global-color-gray-100);padding:80px 0 ;margin-top: 80px;}
.program-wrapper{border-top:2px solid var(--global-color-black);margin-top: 80px;}
.program-container{display:flex;width: 100%; flex-wrap:nowrap; flex-direction:row; justify-content:space-between;padding:0 32px;box-sizing: border-box;}
.program-wrapper .program-item{position: relative;padding:32px;box-sizing: border-box;}
.program-wrapper .program-item:nth-of-type(1){width:calc((100% / 12) * 8); max-width:calc((100% / 12) * 8); transition: all .2s ease;border-left: 2px dashed #D1D1D1;}
.program-wrapper .program-item:nth-of-type(2){width:calc((100% / 12) * 4); max-width:calc((100% / 12) * 4); transition: all .2s ease;border-left: 2px dashed #D1D1D1;border-right: 2px dashed #D1D1D1;}
.program-wrapper .program-item .mark{position: absolute;top:-20px;left: 0;transform: translateY(-100%);}
.program-wrapper .program-item .mark::after{content:'';display: block;;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-program-arrow.svg");width: 11px;height: 19px;position: absolute;left: 0;bottom:-20px;transform: translate(-100%,9px);}
.program-wrapper .program-item .mark-02{left: 50%;}
.program-wrapper .program-item .mark-04{left: auto;right: 0;}
.program-wrapper .program-item .mark-04::after{left: auto;right:0;bottom:-20px;transform: translate(0,9px);}
.program-wrapper .program-item .mark::before{content:'';display:block;position: absolute;top:-8px;left: 0;transform: translateY(-100%);}
.program-wrapper .program-item .mark-01::before{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-program-mark-01.svg");width: 32px;height: 32px;}
.program-wrapper .program-item .mark-02::before{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-program-mark-02.svg");width: 32px;height: 32px;}
.program-wrapper .program-item .mark-03::before{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-program-mark-03.svg");width: 32px;height: 32px;}
.program-wrapper .program-item .mark-04::before{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-program-mark-04.svg");width: 32px;height: 32px;left: auto;right: 0;}
/*program 스타일*/

/*시비스 이미지 한장으로 된 리스트 베너 */
.full-image-list-wrapper{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/full-banner-bg.png");background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;row-gap:12px;width: 100%;background-color: var(--global-color-black);}
.full-image-list-item{width:calc((100% / 12) * 4); max-width:calc((100% / 12) * 4); transition: all .2s ease;padding:40px 20px;box-sizing: border-box;}
.full-image-list-item:nth-of-type(n + 2){border-left: 1px solid var(--global-color-white);}

/*시비스  이미지 한장으로 된 리스트 베너 */

.product-custom2-area .product-content-box{display: flex;align-items: center;padding-left: calc((100% - 1440px) / 2);}
.product-custom2-area .product-img-box{width: 49%;flex: none;position: relative; }
.product-custom2-area .text-box{width: 51%;}
.product-custom2-area .text-box .button-box{display: flex;column-gap: 16px;}


.product-custom7-area {}
.product-custom7-area .product-content-box {width:100%;padding: var(--global-size-type15) 0 var(--global-size-type15);}
.product-custom7-area .item-row{display: flex;gap: 24px;align-items: center;min-height: 340px;}
.product-custom7-area .item-row .list-item-img{width:calc((100% - 24px) * .43);height: 100%;}
.product-custom7-area .item-row .list-item-text{width:calc((100% - 24px) * .57);padding-right: calc((100% - 1440px) / 2);box-sizing: border-box;}
.product-custom7-area .item-row:nth-of-type(even){display: flex;flex-direction: row-reverse}
.product-custom7-area .item-row:nth-of-type(even) .list-item-text{padding-right: 0;padding-left: calc((100% - 1440px) / 2);}

/*scholarship 배경 이미지*/
.scholarship-image-text-row2{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/scholarship_banner_PC.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;}
.career_ceo_bg{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/Career_ceo_bg.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;}


.dim-box{position: absolute;top:0;left:0;width: 100%;height:100%;box-sizing: border-box;overflow: hidden}
.dim-box::before{content:'';display: block;position: absolute;bottom:0;left:0;width: 100%;height: 40px;background-color: rgba(0,0,0,0.6);transition-duration: 0.5s;transition-property: height;}
.dim-box .text-box{width: 100%;box-sizing: border-box;position: absolute;bottom: 40px;transform: translateY(100%);;transition-duration: 0.6s;padding:var(--global-size-type2) var(--global-size-type5);}
.dim-hover:hover .dim-box::before{height: 100%;}
.dim-hover:hover .dim-box .text-box{transform: translateY(50%);bottom: 50%;}

/*locations 스타일*/
.locations-wrapper{display: flex;width: 100%;height: 600px;border:1px solid var(--global-color-line);} /* 700 */
.locations-address-list {height: 100%;overflow-y: auto;overflow-x: hidden;}
.locations-address-list::-webkit-scrollbar {width: 4px;height: 4px;}
.locations-address-list::-webkit-scrollbar-thumb {background: var(--global-color-gray-900);}
.locations-address-list::-webkit-scrollbar-track {background: var(--global-color-line);}
.address-list-item{padding:var(--global-size-type10);}
.address-list-item.active{border-left:4px solid var(--global-color-primary);}
.address-list-item.active button{background-color: var(--global-color-primary);border-color: var(--global-color-primary);pointer-events: none;}
.map-wrapper{position: relative;overflow: hidden;}
.company-info-window{position: absolute;max-width: 510px;box-sizing: border-box;bottom:0;left: 0;background-color: var(--global-color-white);padding:var(--global-size-type10);padding-right: var(--global-size-type25);transform: translateY(100%);opacity: 0;transition-duration: 0.6s;transition-property: transform,opacity ;}
.company-info-window.open{transform: translateY(0);opacity: 1;}
.company-info-window .close-btn{position: absolute;top:var(--global-size-type10);right: var(--global-size-type10);}
.company-info-window .company-info-list{display: flex;flex-wrap: wrap;}
.company-info-window .company-info-list-label{width:110px;margin-top: var(--global-size-type1)}
.company-info-window .company-info-list-value{width:calc(100% - 110px);margin-top: var(--global-size-type1)}
.company-info-window .company-info-list-value a{text-decoration: underline;}

/*기존에 전달 된 스타일*/
.product-main-list-box .list-item{height: 424px;position: relative;padding:40px;box-sizing: border-box;}
.product-main-list-box .list-item .list-item-bg{width: 100%;height: 100%;overflow: hidden;position: absolute;top:0;left: 0;}
.product-main-list-box .list-item .list-item-bg img.img-item{width: 100%;height: 100%;object-fit: cover;display: block;transition-duration: 0.6s;transition-property: transform; }
.product-main-list-box .list-item .list-item-bg::before{content:'';width: 100%;height: 100%;left:0;top:0;display: block;position: absolute;background-color: var(--global-color-black);opacity: 0.5;z-index: 1}
.product-main-list-box .list-item .list-item-bg::after{content:'';width: 100%;height: 100%;left:0;top:0;background-color: var(--global-color-primary);display: block;position: absolute;opacity:0;transition-duration: 0.6s;transition-property: opacity;z-index: 2;}
.product-main-list-box .list-item .list-item-text{position: relative;color:var(--global-color-white);z-index: 3;}
.product-main-list-box .list-item .list-item-text .list-title{word-break: break-word;font-size:var(--global-h2-size);line-height: 1.18;}
.product-main-list-box .list-item .list-item-text .list-body2-text{font-size:var(--global-body2-size);}
.product-main-list-box .list-item .list-item-text .list-body2-text.fix-h72{min-height: 4.5em;}
.product-main-list-box .list-item .list-item-icon{width:35px;height: 20px; }
.product-main-list-box .list-item:hover .list-item-bg img.img-item{transform: scale(1.2);}
.product-main-list-box .list-item:hover .list-item-bg::after{opacity: 0.8;}


.product-list-style1 .list-item{position: relative;padding:28px;box-sizing: border-box;border:1px solid var(--global-color-line);display: flex;flex-direction: column;justify-content: space-between;}
.product-list-style1 .list-item .list-item-text{position: relative;z-index: 1;color:var(--global-color-black);}
.product-list-style1 .list-item .list-item-text .list-title{word-break: break-word;font-size:var(--global-h4-size);line-height: 1.18;}
.product-list-style1 .list-item .list-item-text .list-body2-text{font-size:var(--global-body2-size);color:var(--global-color-gray-900);}
.product-list-style1 .list-item .list-item-icon{width:35px;height: 20px; }
.product-list-style1 .list-item .list-item-text .list-body2-text.fix-h62{min-height: 3.875em;}
.product-list-style1 .list-item .list-img-item{width: 100%;height: auto;overflow: hidden;}
.product-list-style1 .list-item .list-img-item img.img-item{transition-duration: 0.6s; transition-property:transform;}
.product-list-style1 .list-item:hover .list-img-item img.img-item{transform: scale(1.1);}


.product-list-style2 .list-item{display: flex;flex-direction: column;justify-content: space-between;}
.product-list-style2 .list-item .list-item-text h2.list-title{word-break: break-word;font-size:var(--global-h2-size);line-height: 1.2;}
.product-list-style2 .list-item .list-item-text h3.list-title{word-break: break-word;font-size:var(--global-h3-size);line-height: 1.2;}
.product-list-style2 .list-item .list-item-text .list-body2-text{font-size:var(--global-body2-size);color:var(--global-color-gray-900);}
.product-list-style2 .list-item .list-item-text .list-body3-text{font-size:var(--global-body3-size);}
.product-list-style2 .list-item .list-box{background-color: var(--global-color-gray-100);padding:20px 32px;min-height:128px; box-sizing: border-box;display: flex;flex-direction:column;align-items: flex-start;justify-content: center;}
.product-list-style2 .list-item .list-box.min-h80{min-height:80px;}
.product-list-style2 .list-item .list-box .list-box-item{list-style: disc;font-size: var(--global-body3-size);color:var(--global-color-gray-900);}


.product-list-area {}
.product-list-area .list-box .list-item{border:1px solid var(--global-color-line);padding:28px;box-sizing: border-box;}
.product-list-area .list-box .list-item .list-item-icon{width: 35px;height: 20px;    position: relative;z-index: 1;}
.product-list-area .list-box .list-item .min-h63{min-height: 3.938em;line-height: 1.375em;word-break: break-all;}
.product-list-area .list-box .list-item .list-img-item img.img-item{transition-duration: 0.6s;transition-property: transform;}
.product-list-area .list-box .list-item:hover .list-img-item img.img-item {transform: scale(1.1);}

.product-img-text-box .text-box{display: flex;}
.product-img-text-box .text-box .img-box{width: 100%;}
.product-img-text-box .text-box .element-h2{width: calc((100% - 24px) * 0.40);}
.product-img-text-box .text-box .element-p{width: calc((100% - 24px) * 0.60);}

.webinar_event-top .sub-text-area{margin-right: 40%;}
.webinar_event-top .container-wrapper{position: relative;}
/*기존에 전달 된 스타일*/



/*input style은 계속 업데이트 될 것 같고요 전체적으로 수정이 있었습니다. */
/*INPUT STYLE**/

:root{
    --placeholder-color:#d4d4d4;
    --input-height : 49px;
}

.input-group{display: flex;flex-direction: column;gap: 20px;}
.input-box{display: flex;flex-direction: column;row-gap: 12px;position: relative;    max-width: 100%;}
.input-box .input-label{font-size:var(--global-body1-size);font-weight: 600;line-height: 1;}
.input-box.password-input .view-button{top:0;right: 0;position: absolute;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-password_off.svg");background-size: 30px 24px;background-position: center;background-repeat: no-repeat;width: var(--input-height);height: var(--input-height);}
.input-item{position: relative;}
.input-item input:is([type=text],[type=number],[type=email],[type=password],[type=date]), .input-item select{width: 100%;height: var(--input-height);border:1px solid var(--global-color-line);padding:0 12px;font-size:var(--global-body2-size);font-weight: 400;box-sizing: border-box;background-color: var(--global-color-white);}
.input-item input:is([type=text],[type=number],[type=email],[type=password])::placeholder{color:#D4D4D4;}
.input-item input:is([type=checkbox]){display: none;}
.input-item input:is([type=checkbox]) + label{font-size:var(--global-body2-size);display: inline-flex;align-items: center}
.input-item input:is([type=checkbox]) + label::before{content:'';border:1px solid var(--global-color-line);display: inline-block;width:24px;min-width: 24px;height: 24px;margin-right:12px;}
.input-item input:is([type=checkbox]):checked + label::before{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-input-check.svg");background-size:17px 11px ;background-repeat: no-repeat;background-position: center;}
.input-item input:is([type=radio]){display: none;}
.input-item input:is([type=radio]) + label{font-size:var(--global-body2-size);display: inline-flex;margin-right: var(--global-size-type4);padding: 12px 0 11px;}
.input-item input:is([type=radio]) + label::before{content:'';border:1px solid var(--global-color-line);display: inline-block;width:24px;min-width: 24px;height: 24px;margin-right:12px;border-radius: 50%;}
.input-item input:is([type=radio]):checked + label::before{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-input-radio-check.svg");background-size:17px 11px ;background-repeat: no-repeat;background-position: center;}
.input-item textarea{width:100%;height:100px;border:1px solid var(--global-color-line);padding:15px 12px;font-size:var(--global-body2-size);font-weight: 400;box-sizing: border-box;}

.input-box .input-search{display: flex;width:100%;position: relative;font-size: var(--global-body2-size);border: 1px solid var(--global-color-line);box-sizing: border-box;cursor: pointer;}
.input-box .input-search input{height: var(--input-height);width: 100%;font-size: var(--global-body2-size);padding: 0 48px 0 12px;border:0;}
.input-box .input-search .search-button{position: absolute;right: 0;top:50%;transform: translateY(-50%);background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-search.svg");background-size:19px 18px;background-repeat: no-repeat;background-position: center;font-size: 0;text-indent: -99999px;width: 48px;height: 100%;}

.input-item :is(input,textarea,label,button) {font-family: 'pretendard', sans-serif}
.input-item :is(input,textarea)::placeholder {color:var(--placeholder-color)}
.input-item :is(input,textarea):read-only {color:var(--placeholder-color)}

.input-box .search-item{display: flex;width:100%;position: relative;font-size: var(--global-body2-size);border: 1px solid var(--global-color-line);box-sizing: border-box;cursor: pointer;}
.input-box .search-item .search-input{height: 100%;width: 100%;font-size: var(--global-body2-size);padding: 14px 48px 13px 12px;border:0;}
.input-box .search-item .search-button{position: absolute;right: 0;top:50%;transform: translateY(-50%);background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-search.svg");background-size:19px 18px;background-repeat: no-repeat;background-position: center;font-size: 0;text-indent: -99999px;width: 48px;height: 100%;}

.input-item.input_file{display: flex;position: relative;}
.input-item.input_file input[type='file']{display: none;}
.input-item.input_file input[type='text']{width: calc(100% - 121px);}
.input-item.input_file label{display: inline-flex;justify-content: center;align-items: center;width: 109px;height:var(--input-height);font-weight: 400;font-size: 18px;color: var(--global-color-white);background-color: var(--global-color-black);cursor: pointer;margin-left: 12px;}

.input-item.input_captcha{background-color: var(--global-color-gray-100);height: 120px;box-sizing: border-box;display: flex;justify-content:space-between;align-items: center;padding:20px;}
.input-item.input_captcha::after{content:'';background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/captcha.svg");background-repeat:no-repeat;background-size:cover;width: 77px;height: 94px;}
.input-item.input_captcha input[type="checkbox"] + label:before {background-color: var(--global-color-white)}

.file-list{display: flex;gap: 8px;}
.file-list .file-item{display:inline-flex;height: 24px;justify-content:space-between;align-items: center;border:1px solid var(--global-color-gray-600);padding:0 8px;border-radius: 2px;color:var(--global-color-gray-600)}
.file-list .file-item .del-button{font-size: 0;text-indent: -99999px;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/input-file-del.svg");background-size: 7px 7px;background-repeat: no-repeat;background-position: center;width: 19px;height: 19px;margin-left: 12px;}

.select-box * { box-sizing: border-box; }
.select-box {position: relative;height: var(--input-height);border: 1px solid var(--global-color-line);background-size: 20px;cursor: pointer;box-sizing: border-box;background-color: var(--global-color-white);}
.select-box .label {font-family: 'pretendard', sans-serif;width: 100%;display: flex;align-items: center;height: inherit;border: 0 none;outline: 0 none;padding: 0 26px 0 12px;cursor: pointer;font-weight: 400;font-size: 16px;color:var(--global-color-gray-900)}
.select-box .label::after{content:'';background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-input-select-arrow.svg");background-size: 10px 8px;background-repeat: no-repeat;background-position: center;width: 10px;height: 8px;position: absolute;right: 12px;transition-duration: 0.3s;}
.select-box .label.active,
.select-box input[type=hidden][value] + .label{color:var(--global-color-black)}
.select-box.active .label::after{content:'';background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-input-select-arrow-selected.svg");}
.select-box.active {border:1px solid #00ADE5;}
.select-box .option-list {width: 100%;top: 52px;left: 0;background: var(--global-color-white);color: var(--global-color-black);list-style-type: none;padding: 0;font-weight: 400;font-size: 16px;overflow: hidden;max-height: 0;transition: .3s max-height;z-index: 1;}
.select-box.active .option-list{border:1px solid var(--global-color-line);}
.select-box .option-item {padding: 5px;height: var(--input-height);transition: .3s;white-space: nowrap;position: relative;color:var(--global-color-gray-900);box-sizing: border-box}
.select-box .option-item span{display:block;height:100%;line-height: 39px;box-sizing: border-box;padding:0 12px;transition-duration: .3s;}
.select-box .option-item:hover span{color:var(--global-color-black);background: #D9F3FB;}

.date-box input[type="date"]::-webkit-calendar-picker-indicator,
.date-box input[type="date"]::-webkit-inner-spin-button {display: none;appearance: none;}
.date-box input[type="date"]::-webkit-calendar-picker-indicator {color: rgba(0, 0, 0, 0);opacity: 1;display: block;background: url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-input-date.svg') no-repeat 98% 50%;width: 30px;height: 25px;border-width: thin;}

/*버튼 조합 input*/
.button-input-box {display: flex;}
.button-input-box button{height:var(--input-height);font-weight: 400;font-size: 18px;color: var(--global-color-white);background-color: var(--global-color-black);cursor: pointer;margin-left: 12px;padding:0 28px;flex: none;}



/*SID  입력폼 커스텀**/
.input-login-info{display: flex;align-items: center;justify-content: space-between;font-size: var(--global-body3-size);background-color: var(--global-color-gray-100);padding:20px;}
.input-login-info-text{display: flex;align-items: center;}
.input-login-info-text::before{content:'';display:inline-block;background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-input-info.svg");background-repeat:no-repeat;width: 25px;    min-width: 25px;height: 25px;margin-right: 8px;}
.input-login-info-button{white-space: nowrap;text-decoration: underline !important;}

.form-box .button-box{display: flex;gap: 20px;}
.form-box .button-box .button :is(a,button){text-align: center;height: var(--input-height);line-height: var(--input-height);padding: 0 28px;}

.input-button{height: var(--input-height);font-size: var(--global-h5-size);background-color: var(--global-color-black);color:var(--global-color-white);padding:0 29px;}
.input-dash{font-size: var(--global-body2-size);font-weight: 600;height: var(--input-height);padding:0 12px;display: flex;align-items: center;} /* 700 */

/*INPUT SIZE*/
.input-box.input-Grid-12{width: 100%;}
.input-box.input-Grid-8{width: calc((100% / 12) * 8);}
.input-box.input-Grid-7{width: calc((100% / 12) * 7);}
.input-box.input-Grid-6{width: calc((100% / 12) * 6);}
.input-box.input-Grid-5{width: calc((100% / 12) * 5);}
.input-box.input-Grid-4{width: calc((100% / 12) * 4);}
.input-box.input-Grid-3{width: calc((100% / 12) * 3);}
.input-box.input-Grid-2{width: calc((100% / 12) * 2);}
.input-box.input-Grid-1{width: calc(100% / 12);}


.input-Grid-6x12{width:calc((100% / 12) * 6 - 12px); max-width:calc((100% / 12) * 6 - 12px); transition: all .2s ease;}

.input-item.input-col-3 {width: 100%;row-gap:12px;display: flex;flex-wrap: wrap;}
.input-item.input-col-3 label{width: calc(100% / 3);}
/*INPUT STYLE**/


/*PRODUCT MODAL STYLE*/
.modal-window{position: fixed;display: none;top: 0;left: 0;z-index: 99;align-items: center;justify-content: center;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);}
.modal-window .modal-container-wrapper{width: 100%;display: flex;justify-content: center;align-items: center;}
.modal-window .modal-content{display: flex;flex-direction: column;max-width: 100%;background-color: var(--global-color-white);max-height: 85vh;box-sizing: border-box;position: relative;}
.modal-window .modal-content.full{padding:80px 80px 80px 120px}
.modal-window .modal-content .close-btn{position: absolute;top:-14px;right: 0;transform: translateY(-100%);}
.modal-window .modal-content .close-in-btn{position: absolute;top:var(--global-size-type10);right: var(--global-size-type10);}
.modal-window .modal-content .autoScroll{overflow: auto;}
.modal-window .modal-content .autoScrollbar{overflow: auto; width: 100%; height: 100%;display: block;padding-right:40px;box-sizing: border-box;}
.modal-window .modal-content .autoScrollbar::-webkit-scrollbar {width: 10px;height: 10px;}
.modal-window .modal-content .autoScrollbar::-webkit-scrollbar-thumb {background: var(--global-color-primary);border-radius: 10px;}
.modal-window .modal-content .autoScrollbar::-webkit-scrollbar-track {background: transparent;}
.modal-window .modal-content .tab-content{display: flex;column-gap: 24px;}
.modal-window .modal-content .tab-content .tab-box {width: 220px;}
.modal-window .modal-content .tab-content .tab-box .tab-item {text-align: left;padding:16px 0;border-bottom:1px solid var(--global-color-line);}
.modal-window .modal-content .tab-content .tab-box .tab-item .tab-btn {text-align: left;font-size: 16px;line-height: 1.5;}
.modal-window .modal-content .tab-content .tab-box .tab-item.active .tab-btn{font-weight: 600;color:var(--global-color-primary);} /* 700 */
.modal-window .modal-content .tab-content .tab-content-box {width: calc(100% - 244px);position: relative;}
.modal-window .modal-content .tab-content.video-box{aspect-ratio: 952 / 535;}
.modal-window .modal-content .tab-content .video-item{width: 100%;height: 100%;position: absolute;left: 0;top:0;opacity: 0;transition-duration: 0.6s;transition-property: opacity;}
.modal-window .modal-content .tab-content .video-item::before{content:'';display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;background-color: rgba(0,0,0,0.45);}
.modal-window .modal-content .tab-content .video-item .play-button{display: flex;width: 100%;height: 100%;position: absolute;top:0;left: 0;justify-content: center;align-items: center;}
.modal-window .modal-content .tab-content .video-item .play-button .icon-play{opacity: 0.6;transition-duration: 0.3s;transition-property: opacity;}
.modal-window .modal-content .tab-content .video-item .play-button:hover .icon-play{opacity: 1;}
.modal-window .modal-content .tab-content .video-item.active{opacity: 1;z-index: 1;position: relative;}
.modal-window .modal-content .img-content .img{margin-right: 40px;margin-bottom: 40px;}

body.videoModalOpen{height: 100vh;overflow-y: hidden;}
body.videoModalOpen #modal_video{display: block;}

body.productModalOpen{height: 100vh;overflow-y: hidden;}
body.productModalOpen #modal_product{display: block;}

body.registeredProductModelOpen{height: 100vh;overflow-y: hidden;}
body.registeredProductModelOpen #modal_registered_product{display: block;}

body.modalMsgOpen{height: 100vh;overflow-y: hidden;}
body.modalMsgOpen #modal_msg{display: block;}

/*PRODUCT MODAL STYLE*/

@media only screen and (max-width: 1480px) {
    .max-width1440{width: 92%;}

    .accordion-img{display: none;}
    .accordion-menu{width: 100%;max-width: 100%;}
    .accordion-menu .label {height: auto;padding: 18px var(--global-size-type20) 18px 0;}
    .accordion-menu .accordion-item .img-item{display: block;}

    /*my product list style*/
    .myPage-product-table-data{width: calc(100% - 110px);}
    .myPage-product-table-header-label{width: calc((100% - 110px) / 4);padding:0 10px;}
    .myPage-product-table-row-label{padding:0 10px;}
    .myPage-product-table-row-value{padding:0 10px;}
    a.myPage-product-table-button{width: 90px;padding:0 10px;}
    /* add 2024.09.02 */
    .myPage-product-file-info{flex-direction:column; align-items:normal; width:100%;}
    .myPage-product-file-item-name{flex-shrink:1; width:100%;}
    /*my product list style*/

    .input-item.input-col-3 label{width: calc(100% / 2);}

    .product-custom2-area .product-content-box {width: 92%;margin: 0 auto;}

    .product-custom7-area .item-row .list-item-text {padding-right: 4%;}
    .product-custom7-area .item-row:nth-of-type(even) .list-item-text{padding-left: 4%;}
}

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

    /*INPUT SIZE*/
    .input-box.input-Grid-8,.input-box.input-Grid-7{width: 100%;}
    .input-box.input-Grid-6,
    .input-box.input-Grid-5,
    .input-box.input-Grid-4,
    .input-box.input-Grid-3,
    .input-box.input-Grid-2,
    .input-box.input-Grid-1{width: calc((100% / 12) * 6);}

    .table_contents {gap: 24px;flex-direction: column;row-gap: 0;}
    .table_contents .content-list {width: 100%;}

    .myPage-product-table-header{display: none;}
    .myPage-product-table-row{flex-wrap: wrap;}
    .myPage-product-table-row-label{display: inline-block;}
    .myPage-product-table-data{flex-wrap: wrap;}
    .myPage-product-table-data-col {width: calc(100% / 2);}
    a.myPage-product-table-button{width: 100%;font-size: var(--global-body3-size);text-decoration: none;border:1px solid var(--global-color-black);padding: 5px 0;text-align: center;margin-top: 20px;}
    .myPage-product-detail {flex-direction: column;}
    .myPage-model-info {width: 100%;}
    .myPage-model-img{width: 100%;height: 190px;}

    .element-layer--8-3{display:flex;width: 100%; flex-wrap:nowrap; flex-direction:row; justify-content:space-between;}
    .element-layer--8-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:calc(100% - 50px - 340px);}
    .element-layer--3-wrapper{display:flex; flex-wrap:nowrap; flex-direction:column; width:340px;}

    .element-layer--9-2{display:flex;width: 100%; flex-wrap:wrap; flex-direction:column; justify-content:space-between;}
    .element-layer--9-wrapper{width: 100%;max-width: 100%;}
    .element-layer--2-wrapper{width: 100%;max-width: 100%;}


    .program-wrapper .program-item:nth-of-type(1){width:calc((100% / 12) * 7); max-width:calc((100% / 12) * 7);}
    .program-wrapper .program-item:nth-of-type(2){width:calc((100% / 12) * 5); max-width:calc((100% / 12) * 5);}
    .program-wrapper .program-item .mark-02{left: 60%;}


}
@media all and (max-width:1200px) {
    .locations-wrapper{flex-direction: column; border:0;}
    .locations-address-list{width:100%;height: 600px;order: 2;border: 1px solid var(--global-color-line);margin-top: var(--global-size-type5);}
    .address-list-item {padding: var(--global-size-type5);}
    .map-wrapper{width: 100%;order: 1;height: 900px;border: 1px solid var(--global-color-line);}
    .company-info-window { padding: var(--global-size-type5);padding-right: var(--global-size-type20);}
    .company-info-window .close-btn{top:var(--global-size-type5);right: var(--global-size-type5);}
}
@media all and (max-width:1080px) {
    .tablet-hidden{display: none!important;}
    .table-width-full{width:100%;}

    .tablet-margin-top-40{margin-top: 40px;}
    .tablet-padding-bottom-40{padding-bottom: 40px;}
    .element-margin-left-col-1 {margin-left: 0;}
    .element-layer--8-3{flex-direction: column}
    .element-layer--8-wrapper{width: 100%; max-width:100%;}
    .element-layer--3-wrapper{width: 100%; max-width:100%;}

    .element-layer--5-3-3{flex-wrap:wrap;}
    .element-layer--5-wrapper{width: 100%; max-width: 100%;}
    .element-layer--3-wrapper{width: 100%; max-width:100%;} /* 2024.03.29 수정 width:calc((100% / 12) * 6 - 12px); max-width:calc((100% / 12) * 6 - 12px); */


}

@media all and (max-width:1024px) {
    /* .product-detail-area .product-img-box {width: 30%} */ /* Neodigm 03.18 수정 */
    /* .product-detail-area .text-box {width: 70%} */ /* Neodigm 03.18 수정 */

    .top-img-box{position: absolute;width: 360px;height: auto;right: -30px;bottom: 0;}

    .program-article-wrapper{background-color: var(--global-color-gray-100);padding:60px 0 ;margin-top: 60px;}
    .program-container {flex-direction: column;padding:0;}
    .program-wrapper {border-top:0;margin-left: 20px;border-left: 2px solid var(--global-color-black);margin-top: 0;}
    .program-wrapper .program-item {    padding: 20px 20px 20px 60px;}
    .program-wrapper .program-item .txt-span{display: none;}
    .program-wrapper .program-item:nth-of-type(1){width: 100%;max-width: 100%;border-left:0;border-top: 2px dashed #D1D1D1;}
    .program-wrapper .program-item:nth-of-type(2){width: 100%;max-width: 100%;border-left:0;border-right:0;border-top: 2px dashed #D1D1D1;border-bottom: 2px dashed #D1D1D1;margin-top: 80px;}
    .program-wrapper .program-item .mark {position: absolute;top: 0;left: -20px;width: 40px;height: 40px;background-color: var(--global-color-black);border-radius: 50%;transform: translateY(-21px);}
    .program-wrapper .program-item .mark-02{top:50%;}
    .program-wrapper .program-item .mark-04{top:auto;bottom:0;transform: translateY(19px);}
    .program-wrapper .program-item .mark::after{content:none;}
    .program-wrapper .program-item .mark::before{width:100%;height:100%;background-size: 24px 24px;background-repeat: no-repeat;background-position: center;    top:0;left: 0;transform: none}
    .program-wrapper .program-item .mark-01::before{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-program-mark-01-mobile.svg");}
    .program-wrapper .program-item .mark-02::before{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-program-mark-02-mobile.svg");}
    .program-wrapper .program-item .mark-03::before{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-program-mark-03-mobile.svg");}
    .program-wrapper .program-item .mark-04::before{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-program-mark-04-mobile.svg");}

    .full-image-list-wrapper{background-image: none;background-color:transparent;flex-direction: column;}
    .full-image-list-item{background-image: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/full-banner-mobile-bg.png");background-repeat:no-repeat;background-color:var(--global-color-black);width:100%; max-width:100%;padding:36px 20px;}
    .full-image-list-item:nth-of-type(n + 2){border-left:0;}

    .product-custom7-area .product-content-box {    width: calc(100% - 40px);padding: var(--global-size-type10) 0 ;margin: 0 auto;}
    .product-custom7-area .item-row {flex-direction: column;height:auto}
    .product-custom7-area .item-row:nth-of-type(even) {flex-direction: column;}
    .product-custom7-area .item-row:nth-of-type(even) .list-item-text {padding-left: 0}
    .product-custom7-area .item-row .list-item-img{width: 100%;}
    .product-custom7-area .item-row .list-item-text{width: 100%;}



}
@media all and (max-width:750px) {
    :root {
        --main-banner-height: 240px;
        --sub-top-height:150px;
    }

    .top-title-box.mobile-sub-top-h150{height: 150px;}
    .top-title-box.mobile-sub-top-h250{height: 250px;}
    .top-title-box.mobile-sub-top-h240{height: 240px;}

    .element-margin-col-1 {margin-left: auto;margin-right: auto;}
    .element-layer--3-wrapper{width: 100%;max-width: 100%;}
    .element-full-list-item {padding:16px 0;}
    .mobile-width-full{width: 100%;}

    .desktop-element-border2-top{border-top:0;}
    .desktop-element-border-left{border-left:0;}
    .desktop-element-border-right{border-right:0;}
    .desktop-element-padding40{padding:0;}
    .mobile-element-padding20{padding:20px !important;}
    .mobile-element-padding16_0{padding:16px 0;}
    .mobile-element-padding40_20{padding:40px 20px;}
    .list-container-wrapper{width:100%;padding:40px 0;}
    .mobile-no-ellipsis{overflow: visible;display: block;-webkit-line-clamp: initial;white-space: normal;}

    .grid-table-col3x6{width: calc((100% / 12 ) * 6);max-width:calc((100% / 12 ) * 6);}
    .grid-table-col3x12, .grid-table-col9x12, .grid-table-col6x12{width: calc((100% / 12 ) * 12);max-width:calc((100% / 12 ) * 12);}
    .mobile-element-border{border-top: 1px solid var(--global-color-line);}
    .mobile-element-border2-top{border-top: 2px solid var(--global-color-black);}

    .element-h2-light {font-size: 18px;}
    .mobile_element-h4 {font-size: 20px;}
    .mobile_element-p {font-size: 14px;}

    .mobile-element-weight700{font-weight: 600;} /* 700 */
    .mobile-element-weight600{font-weight: 600;}
    .mobile-element-weight500{font-weight: 500;}
    .mobile-element-weight400{font-weight: 400;}
    .mobile-element-weight200{font-weight: 200;}

    .mobile-hidden{display: none !important;}
    .desktop-hidden{display: block !important;}

    .video-item .play-button::before{width: 41px;height: 47px;}

    /*padding*/
    /* .article-content-padding{padding:var(--global-size-type10) 0;} */
    /*padding*/

    .camel-list-area .element-item:nth-of-type(6n - 1) {transform: translateY(0);}
    .tab-box-wrapper .tab-list.tab-col2 .tab-item{width:auto; min-width: auto;}
    .tab-box-wrapper .tab-list.tab-col3 .tab-item{min-width: 220px;}
    .tab-box-wrapper .tab-list.tab-col4 .tab-item{min-width: 220px;}
    .tab-box-wrapper .tab-list.tab-col5 .tab-item{min-width: 220px;}

    .filter-box {padding: 20px !important; box-sizing: border-box;}

    .input-box .input_file {flex-wrap: wrap;row-gap: 12px;}
    .input-box .input_file input[type='text'] {width: 100%;}
    .input-box .input_file label{margin-left: 0;}

    .button-input-box {display: flex;flex-direction: column;row-gap: 10px;}
    .button-input-box button{margin-left: 0;}

    .input-login-info {padding: 10px;}

    .input-box.input-Grid-6,
    .input-box.input-Grid-5,
    .input-box.input-Grid-4,
    .input-box.input-Grid-3,
    .input-box.input-Grid-2,
    .input-box.input-Grid-1{width: 100%;}

    .input-Grid-6x12{width: 100%;max-width: 100%;}

    .gallery-item-thumbnail {display: block;}

    .table_contents{overflow-y: scroll;height: 200px;box-sizing: border-box;}
    .table_contents::-webkit-scrollbar {width: 4px;height: 4px;}
    .table_contents::-webkit-scrollbar-thumb {background: var(--global-color-gray-900);}
    .table_contents::-webkit-scrollbar-track {background: var(--global-color-line);}



    /*STYLE CUSTOM**/
    .element-margin-right40p{margin-right: 0;padding-bottom: 0;}
    .top-img-box{position: relative;width: 240px;margin-right: 0;margin-left: auto;height: auto;right: 0;bottom: 0;}
    .mobile-top-img-box-full{width: 100%;}

    .card-img-220x160-wrap,
    .card-img-h280-wrap .element-img,
    .card-img-h280-wrap .element-text{width: 100%;height: auto;}


    .myPage-product-table-data-col {width:100%;}

    .mobile-bottom-fix-button{position: fixed;width: 100%;left: 0;bottom:0;}
    .mobile-bottom-fix-button a{width: 100%;padding: 15px 0;text-align:center;}

    .myPage-product-table-row{flex-direction: column;}
    .gauge-bar-bg{max-width: 100%;}

    .myPage-model-info-row-label{width: 100%;}
    .myPage-model-info-row-value{width: 100%;}

    .myPage-profile-table-row {flex-direction: column;padding: 16px 0;}
    .card-FlexContainer-date2{display: flex;width: 100%;}

    .desktop-pipe-right:after{content:none;}
    .filter-box .input-item.half{width: 50%;}
    .width440 {width:100%;}
    .mobile-FlexBoxWidthFull {width: 100%;}

    .categories-item {padding: 10px;font-size: var(--global-body3-size);}

    .banner-wrapper{min-height:252px;}

    .history-item-img-wrapper{display: none;}
    .history-item-info {width: 100%;max-width: 100%;padding-left: 60px;}
    .history-item-info:before {margin: 0 20px;left: 0;}
    .history-item-info:after {left: 0;margin: 0 20px;}


    .element-table :is(th, td).mobile-AlignLeft {padding: 15px 20px;text-align: left;}

    .element-table table .mobile-width-fix-1000-grid-6 {min-width: calc((1000px / 12 ) * 6 );}
    .element-table table .mobile-width-fix-1000-grid-2 {min-width: calc((1000px / 12 ) * 2 );}

    .element-table table .mobile-width-fix-800-grid-6 {min-width: calc((800px / 12 ) * 6 );}
    .element-table table .mobile-width-fix-800-grid-2 {min-width: calc((800px / 12 ) * 2 );}
    .element-table table .mobile-width-fix-800-grid-3 {min-width: calc((800px / 12 ) * 3 );}

    .accordion-menu .label{padding-right: var(--global-size-type20);}
    .accordion-menu .label::after {right: var(--global-size-type5);}

    .product-custom2-area .product-content-box {flex-direction: column;}
    .product-custom2-area .text-box {width: 100%;}
    .product-custom2-area .product-img-box {width: 100%;}

    .dim-box {position: relative;padding: 0;height: auto;overflow: visible;}
    .dim-box .text-box {position: relative;bottom: 40px;transform: translateY(0);transition-duration: 0.6s;padding: 0;}
    .dim-box .text-box .section-h4{background-color: rgba(0,0,0,0.6);width: 100%;height: 40px;padding:8px 20px;box-sizing: border-box;}
    .dim-box.dim-box::before{content:none;}
    .dim-hover:hover .dim-box .text-box{bottom: 40px;transform: translateY(0);}


    .product-main-list-box .list-item{height: auto;aspect-ratio: 335 / 276;padding:26px;}
    .product-main-list-box .list-item .list-item-bg::before{opacity: 0.7;}
    .product-main-list-box .list-item .list-item-text .list-title{font-size:var(--global-size-32);}
    .product-main-list-box .list-item .list-item-text .list-body2-text{font-size:var(--global-body2-size);}
    .product-main-list-box .list-item .list-item-text .list-body2-text.fix-h72{min-height: 4.5em;}
    .product-main-list-box .list-item:hover .list-item-bg img.img-item{transform: none;}
    .product-main-list-box .list-item:hover .list-item-bg::after{opacity: 0;}

    .product-list-style1 .list-item:hover .list-img-item img.img-item{transform: none;}
    .product-list-style1 .list-item .list-item-text .list-body2-text.fix-h62 {min-height: auto;}
    .product-list-style2 .list-item .list-item-text h2.list-title{font-size: 20px;}

    .product-img-text-box .text-box {flex-direction: column;}
    .product-img-text-box .text-box .element-h2,
    .product-img-text-box .text-box .element-p {      width: 100%}

    .list-type1 .t-box{    background-color: rgba(0, 0, 0, 0.6);width: 100%;height: 40px;box-sizing: border-box;padding: 8px 20px;}
    .list-type1 .c-box{    font-size: var(--global-body3-size);font-weight: 400;color: var(--global-color-black);line-height: 1.7;}

    .webinar_event-top .webinar_event-Background{background-position: left;}
    .webinar_event-top .sub-text-area{margin-right: 0;padding-bottom: 0;}

    
}

@media only screen and (max-width: 520px) {
    .myPage-product-file-item{flex-direction:column; align-items:normal;}
}


/*common.css 부분에 추가하는 것이 좋을 것 같습니다.*/

/*버튼 스타일 추가*/
.large-btn-line-black a, .large-btn-line-black button{display:inline-block; box-sizing:border-box; padding:17px 28px 16px; font-size:var(--global-body1-size); color:var(--global-color-black); border:1px solid var(--global-color-black); background-color:var(--global-color-white);    line-height: 1;}
.large-btn-line-black a:hover, .large-btn-line-black button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-white); transition: all .2s ease;}
.medium-btn-line-black a, .medium-btn-line-black button{display:inline-block; box-sizing:border-box; padding:9px 23px; font-size:var(--global-body2-size); color:var(--global-color-black); border:1px solid var(--global-color-black); background-color:var(--global-color-white);    line-height: 1;}
.medium-btn-line-black a:hover, .medium-btn-line-black button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-white); transition: all .2s ease;}
.small-btn-line-black a, .small-btn-line-black button{display:inline-block; box-sizing:border-box; padding:5px 15px; font-size:var(--global-body4-size); color:var(--global-color-black); border:1px solid var(--global-color-black); background-color:var(--global-color-white);    line-height: 1;}
.small-btn-line-black a:hover, .small-btn-line-black button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-white); transition: all .2s ease;}


.tab-btn-line-black a, .tab-btn-line-black button{display:inline-block; box-sizing:border-box; padding:15px 26px 14px; font-size:var(--global-body1-size); color:var(--global-color-black); border:1px solid var(--global-color-black); background-color:var(--global-color-white);}
.tab-btn-line-black a.active, .tab-btn-line-black button.active{background-color: var(--global-color-black);color:var(--global-color-white);border-color:var(--global-color-black) }
.tab-btn-line-black a:hover, .tab-btn-line-black button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-white); transition: all .2s ease;}


.ellipsis-line-3{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.gap-60{gap:60px;}
.row-gap-40{row-gap:40px;}

.desktop-margin-left-60{margin-left:60px;}

@media all and (max-width:1080px) {
    .tablet-displayNone{display: none;}
}

@media all and (max-width:1024px) {
    .tablet-col-2x8 {width: calc((100% / 12) * 6 - 12px);max-width: calc((100% / 12) * 6 - 12px);transition: all .2s ease;}
    .tablet-col-full{width: 100%;max-width: 100%;}
}

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

    .desktop-margin-left-60{margin-left:0;}
    .tablet-col-2x8 {width: 100%;max-width: 100%;}
    .mobile-gap-16{gap: 16px;}
    .mobile-row-gap-20{row-gap: 20px;}


    .alignEnd-mobile{align-items:flex-end;}
    .justifyEnd-mobile{justify-content:flex-end;}

    .mobile-AlignLeft{text-align:left;}
    .mobile-AlignRight{text-align:right;}

    .mobile-full-h48-button{width: 100%;}
    .mobile-full-h48-button a{width: 100%;display: block;box-sizing: border-box;text-align: center;padding: 15px 23px;}
}
/*common.css 부분에 추가하는 것이 좋을 것 같습니다.*/

/*버튼 스타일 추가*/
.large-btn-line-black a, .large-btn-line-black button{display:inline-block; box-sizing:border-box; padding:17px 28px 16px; font-size:var(--global-body1-size); color:var(--global-color-black); border:1px solid var(--global-color-black); border-radius:4px; background-color:var(--global-color-white);    line-height: 1;}
.large-btn-line-black a:hover, .large-btn-line-black button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-white); transition: all .2s ease;}
.medium-btn-line-black a, .medium-btn-line-black button{display:inline-block; box-sizing:border-box; padding:9px 23px; font-size:var(--global-body2-size); color:var(--global-color-black); border:1px solid var(--global-color-black); border-radius:4px; background-color:var(--global-color-white);    line-height: 1;}
.medium-btn-line-black a:hover, .medium-btn-line-black button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-white); transition: all .2s ease;}
.small-btn-line-black a, .small-btn-line-black button{display:inline-block; box-sizing:border-box; padding:5px 15px; font-size:var(--global-body4-size); color:var(--global-color-black); border:1px solid var(--global-color-black); border-radius:4px; background-color:var(--global-color-white);    line-height: 1;}
.small-btn-line-black a:hover, .small-btn-line-black button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-white); transition: all .2s ease;}


.tab-btn-line-black a, .tab-btn-line-black button{display:inline-block; box-sizing:border-box; padding:15px 26px 14px; font-size:var(--global-body1-size); color:var(--global-color-black); border:1px solid var(--global-color-black); background-color:var(--global-color-white);}
.tab-btn-line-black a.active, .tab-btn-line-black button.active{background-color: var(--global-color-primary);color:var(--global-color-white);border-color:var(--global-color-primary) }
.tab-btn-line-black a:hover, .tab-btn-line-black button:hover{color:var(--global-color-white); background-color:var(--global-color-black); border:1px solid var(--global-color-white); transition: all .2s ease;}


.ellipsis-line-3{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.gap-60{gap:60px;}
.row-gap-40{row-gap:40px;}

.desktop-margin-left-60{margin-left:60px;}
.desktop-margin-right-60{margin-right:60px;}

@media all and (max-width:1080px) {
    .tablet-displayNone{display: none;}
}

@media all and (max-width:1024px) {
    .tablet-col-2x8 {width: calc((100% / 12) * 6 - 12px);max-width: calc((100% / 12) * 6 - 12px);transition: all .2s ease;}
    .tablet-col-full{width: 100%;max-width: 100%;}
}

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

    .desktop-margin-left-60{margin-left:0;}
    .tablet-col-2x8 {width: 100%;max-width: 100%;}
    .mobile-gap-16{gap: 16px;}
    .mobile-row-gap-20{row-gap: 20px;}


    .alignEnd-mobile{align-items:flex-end;}
    .justifyEnd-mobile{justify-content:flex-end;}

    .mobile-AlignLeft{text-align:left}
    .mobile-AlignRight{text-align:right}

    .mobile-full-h48-button{width: 100%;}
    .mobile-full-h48-button :is(a,button){width: 100%;display: block;box-sizing: border-box;text-align: center;padding: 15px 23px;}
}



/* tab */
/*TAB BOX STYLE*/
.tab-box-wrapper{display: flex; justify-content: center; width: 100%; overflow-x: auto; overflow-y: hidden;}/* border-bottom: 1px solid var(--global-color-line); */
.tab-box-wrapper .tab-list{display:flex; gap:12px; justify-content: center;}/* neodigm 03.05수정 */
/* .tab-box-wrapper .tab-type-black.tab-list .tab-item .tab-btn{width: 100%; height: 100%;display: flex;justify-content: center;align-items: center;font-size: 16px;} */

/* 03.11 추가 */
.tab-box-wrapper .tab-list .tab-item{border-bottom:3px solid transparent; text-align: center; padding-bottom: 12px; min-width:220px; transition-duration: 0.6s;transition-property: opacity;transform: translateY(1px);}/* width:calc(100% / 4); */
.tab-box-wrapper .tab-type-white.tab-list .tab-item .tab-btn{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 16px;color:var(--global-color-gray-900);}


@media all and (max-width:1024px) {
    /* Tab */
    .tab-box-wrapper .tab-list{justify-content: flex-start;}
    .tab-box-wrapper .tab-list .tab-item{min-width:auto; box-sizing:border-box;}/* width:calc(100% / 4); */
    .tab-box-wrapper .tab-list.tab-col2 .tab-item{width:calc(100% / 2 - 6px);min-width: calc(100% / 2  - 6px);}
    .tab-box-wrapper .tab-list.tab-col3 .tab-item{width:calc(100% / 3 - 8px);min-width: calc(100% / 3 - 8px);}
    .tab-box-wrapper .tab-list.tab-col4 .tab-item{width:calc(100% / 4 - 9px);min-width: calc(100% / 4 - 9px);}
    .tab-box-wrapper .tab-list.tab-col5 .tab-item{width:calc(100% / 5 - 9.6px);min-width: calc(100% / 5 - 9.6px);}
}


@media all and (max-width:750px) {
    /* Tab */
    .tab-box-wrapper{justify-content:flex-start;}
    .tab-box-wrapper .tab-list{justify-content: space-between;}
    .tab-box-wrapper .tab-list .tab-item{width:auto !important; min-width: 42% !important; flex: 0 0 auto; text-align:center;}
}

/* NEW 2024.04.23 */
.dividend-table :is(th, td){padding:15px;}
.dividend-table :is(th, td){border-right:1px solid var(--global-color-line) !important;}
.dividend-table :is(th, td):last-child{border-right:0 !important;}
.dividend-table tr td:nth-child(1){width:30%; font-weight:600;} /* 700 */
.dividend-table tr:nth-child(n+2) td{padding-left:20px; text-align:left;}
.dividend-table tr:nth-child(n+2) td:nth-child(n+3){text-align:right;}

@media all and (max-width:1024px) {
    .dividend-table :is(th, td){min-width:260px;}
}


@media only screen and (max-width: 520px) {
    .filter-box .input-item.half{width:45%; min-width:45%;}
    .input-dash{justify-content:center; width:10%; padding:0;}
    .FlexDirection-column-mobile{width:100%;}
}

.container-wrapper .list-container-wrapper:nth-child(1){padding-top:0;}

/* new 2024.04.29 */
.main-bannerMov-wrapper{position:relative; overflow:hidden; width:100%; height:780px; margin-top:70px; transition: all .2s ease;}
.main-slogan-wrapper{position:absolute; bottom:100px; left:calc((100% - 1440px) / 2); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; width: 1440px; transition: all .2s ease;}
.main-slogan-title{color:#fff; transition: all .2s ease;}
.main-slogan-title h1{margin-bottom:10px; font-size:55px; line-height:1.2;}
.main-slogan-title p{font-size:var(--global-h4-size);}
.main-slogan-btn{transition: all .2s ease;}
.main-slogan-btn a{font-size:var(--global-body2-size); font-weight:500; color:var(--global-color-white); transition: all .2s ease;}
.main-slogan-btn a svg{margin-left:16px; fill:var(--global-color-white);}
.main-slogan-btn a:hover{color:var(--global-color-primary);}
.main-slogan-btn a:hover svg{fill:var(--global-color-primary);}

.movie-wrapper{overflow:hidden; width:100%; height:100%;}
.movie-wrapper video{position: absolute; top: 50%; left: 50%; min-width:100%; min-height:100%; width: auto; height: auto; z-index: -100; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: 1s opacity; transition: 1s opacity;}

.main-bannerBox-wrapper{display:flex; gap:24px; width:100%;}
.main-bannerBox-wrapper li{position:relative; display:flex; width:calc(33.33% - 16px); border:1px solid var(--global-color-gray-100); box-sizing:border-box;}
.main-bannerBox-wrapper li:nth-child(odd){background-color:var(--global-color-gray-100);}
.main-bannerBox-wrapper li a{display:block; width:100%; height:358px; padding:52px 32px 36px; box-sizing:border-box;}

.main-bannerBox-wrapper li h5{margin:20px 0 16px; font-size:var(--global-size-24); font-weight:600;}
.main-bannerBox-wrapper li p{font-size:var(--global-body2-size); color:var(--global-color-gray-600);}
.main-bannerBox-wrapper li div.main-bannerBox-arrow{position:absolute; bottom:36px; right:32px; width:100%; text-align:right;}
.main-bannerBox-wrapper li div.main-bannerBox-arrow span{display:inline-block; width:41px; height:10px; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-btn-arrow-large.png') center/cover no-repeat; transition: all .2s ease;}

.main-bannerBox-wrapper li:hover div.main-bannerBox-arrow span{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icon-btn-arrow-large-active.png') center/cover no-repeat;}

.main-bannerBox-wrapper li div.main-bannerBox-icon span{display:inline-block; width:80px; height:80px;}
.main-bannerBox-wrapper li:nth-child(1) div.main-bannerBox-icon span{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/main-bannerBox-icon1.png') center/cover no-repeat;}
.main-bannerBox-wrapper li:nth-child(2) div.main-bannerBox-icon span{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/main-bannerBox-icon2.png') center/cover no-repeat;}
.main-bannerBox-wrapper li:nth-child(3) div.main-bannerBox-icon span{background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/main-bannerBox-icon3.png') center/cover no-repeat;}



@media only screen and (max-width: 1440px) { 
    .main-slogan-wrapper{left:4%; width:92%;}

    .main-bannerBox-wrapper li a{height:398px;}
}

@media only screen and (max-width: 1024px) { 
    .main-slogan-wrapper{flex-direction: column; align-items: flex-start;}
    .main-slogan-title h1{font-size:48px;}
    .main-slogan-btn{margin-top:40px;}

    .main-bannerBox-wrapper li a{height:406px; padding:40px 20px 24px;}
}
@media only screen and (max-width: 750px) { 
    .main-bannerMov-wrapper{height:640px; margin-top:60px;}

    .main-slogan-wrapper{flex-direction: column; align-items: flex-start;}
    .main-slogan-title h1{font-size:40px;}
    .main-slogan-btn{margin-top:24px;}

    .main-bannerBox-wrapper{flex-direction: column;}
    .main-bannerBox-wrapper li{width:100%;}
    .main-bannerBox-wrapper li a{height:auto;}
    .main-bannerBox-wrapper li h5{margin:10px 0 16px;}

    .main-bannerBox-wrapper li div.main-bannerBox-arrow{position:static; bottom:0; right:0; margin-top:20px;}
    .main-bannerBox-wrapper li div.main-bannerBox-icon span{width:60px; height:60px;}
}

/* .tab-content-item img.img-item{width:950px; margin:0 auto;} */
.video-box-wrapper{height:535px; aspect-ratio:auto;}
.video-box-wrapper .video-item{width:950px; margin:0 auto; left:50%; transform:translate(-50%, 0);}


@media only screen and (max-width: 1440px) {
    .tab-content-item img.img-item{width:100%;}
}

@media only screen and (max-width: 1024px) {
    .tab-content-item img.img-item{width:100%;}
    .video-box-wrapper{height:auto; aspect-ratio:16 / 9;}
    .video-box-wrapper .video-item{width:100%;}
}


/* add 2024.09.02 */
.user-guide-detail-wrapper{display:flex; align-items:center;}
.user-guide-date{font-size:var(--global-body2-size);}

.user-guide-detail-contents{padding:40px 0;}
.user-guide-detail-pre{font-size:var(--global-body2-size); white-space:pre-wrap;}

.user-guide-detail-file{display:flex; flex-direction:column; gap:20px;}
.user-guide-detail-fileItem{display:flex; align-items:center; gap:40px; padding:15px 20px; border:1px solid #e5e5e5; box-sizing:border-box;}
.user-guide-detail-fileName{width:calc(100% - 148px); padding-left:50px; font-size:var(--global-body1-size); font-weight:700; background:url('../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-user-guide-file.png') 0 center/26px no-repeat; box-sizing:border-box;}

@media only screen and (max-width: 750px) {
    .user-guide-detail-wrapper{flex-direction:column; align-items:normal;}
    .user-guide-detail-fileItem{flex-direction:column; align-items:normal; gap:20px;}
    .user-guide-detail-fileName{width:100%;}
}
/* Loading Bar */
#back{
    position: absolute;
    z-index: 100;
    background-color: #000000;
    display:none;
    left:0;
    top:0;
}
 
#loadingBar{
    position:absolute;
    left:45%;
    top: 40%;
    display:none;
    z-index:200;
}
/* AVI - AVI Key features 스타일 */
/* 2024-05-16 13:26 author - 김민태 (Park Systems) */
.productfeatureaccurionlist {
    width: 100%;
  }
  .key-feature-box {
  }
  .key-feature-box .flex-box {
    display: flex;
    width: 100%;
    column-gap: 10%;
  }
  .key-feature-box .flex-box .text-box {
    width: 55%;
  }
  .key-feature-box .flex-box .text-box .element-list .element-list-item {
    margin-bottom: 0.4em;
  }
  .key-feature-box .flex-box .img-box {
    width: 35%;
  }
  
  @media screen and (max-width: 1440px) {
    .key-feature-box .flex-box {
      flex-direction: column;
      column-gap: 0;
      row-gap: 5%;
    }
    .key-feature-box .flex-box .text-box,
    .key-feature-box .flex-box .img-box {
      width: 100%;
    }
  }
  
  /* AVI - Index페이지 */
  /* 2024-05-16 13:26 author - 김민태 (Park Systems) */
  .product-custom7-area .item-row:nth-of-type(even) {
    display: flex;
    flex-direction: row;
  }
  
  .img-box .img-item.img-contain {
    object-fit: contain;
  }
  
  /* AVI - Applications 컴포넌트 */
  /* 2024-05-17 14:30 author - 김민태 (Park Systems) */
  
  .container-wrapper.no-flex {
    display: block;
  }
  .avi_applications_v2 {
    width: 100%;
  }
  .avi_applications_v2 .card-FlexContainer {
    height: auto;
  }
  .avi_applications_v2 .card-FlexContainer-thumbnail {
    height: 100%;
    aspect-ratio: 1 / 1;
  }
  
  /* AVI - Applications - Carousel */
  /* 2024-05-17 16:46 author - 김민태 (Park Systems) */
  .avi_applications_carousel {
    width: 100%;
  }
  .aviSwiper {
    padding: 0 60px;
    visibility: visible;
    transition: visible 0s 1s;
  }
  .aviSwiper.disabled {
    visibility: hidden;
  }
  .aviSwiper::before,
  .aviSwiper::after {
    content: "";
    width: 60px;
    height: 100%;
    position: absolute;
    display: inline-block;
    top: 0;
    background-color: white;
    z-index: 2;
  }
  .aviSwiper::before {
    left: 0;
  }
  .aviSwiper::after {
    right: 0;
  }
  .aviSwiper .swiper-wrapper {
    align-items: flex-end;
  }
  .aviSwiper-pagination {
    display: flex;
    justify-content: center;
    margin-top: 12px;
  }
  /* .aviSwiper .navigation-box .swiper-button-lock {
    display: inline-block;
    opacity: 0.3;
    pointer-events: none;
  } */
  .aviSwiper-pagination.swiper-pagination-lock {
    display: none;
  }
  .aviSwiper-pagination .swiper-pagination-bullet-active {
    background: var(--global-color-black);
  }
  /* 로딩 전에 캐러셀 숨겨놓기 */
  .avi_download,
  .avi_performance_demo,
  .avi_applications_carousel {
    /* display: none; */
    opacity: 0;
  }
  .visible {
    /* display: initial; */
    opacity: 1;
  }
  
  .aviSwiper .swiper-button-next,
  .aviSwiper .swiper-button-prev {
    color: var(--global-color-black);
  }
  .aviSwiper .title-text {
    text-align: center;
    margin-top: 10px;
    min-height: 54px;
  }
  
  .avi_productdetailsummary .aviSwiper::before,
  .avi_productdetailsummary .aviSwiper::after {
    content: none;
  }
  .avi_productdetailsummary .aviSwiper {
    padding: 0;
    overflow: hidden;
  }
  .avi_productdetailsummary .aviSwiper.default {
    height: 100%;
    position: relative;
  }
  .avi_productdetailsummary .aviSwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .avi_productdetailsummary .product-img-box {
    height: 470px;
  }
  .avi_productdetailsummary .product-content-box {
    width: 100%;
  }
  @media screen and (max-width: 750px) {
    .avi_productdetailsummary .product-content-box {
      gap: 3rem;
    }
  }
  .avi_productdetailsummary .aviSwiper.viewer {
    position: fixed;
    width: 70vw;
    aspect-ratio: 16 / 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    transition-property: visibility, opacity;
    transition-duration: 0s, 0.3s;
    transition-delay: 0s, 0s;
    border-radius: 0.75rem;
  }
  
  .avi_productdetailsummary .aviSwiper .pagination-box {
    position: relative;
    transform: translateY(-330%);
    z-index: 1;
  }
  
  .avi_productdetailsummary .aviSwiper.viewer .img-item {
    object-fit: contain;
    background: white;
  }
  .avi_productdetailsummary .aviSwiper.viewer .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font-size: 4rem;
  }
  
  .avi_productdetailsummary .overlay {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #00000070;
    z-index: 999999;
    visibility: hidden;
    opacity: 0;
    transition-property: visibility, opacity;
    transition-duration: 0s, 0.3s;
    transition-delay: 0s, 0s;
  }
  
  .avi_productdetailsummary .product-detail-area.viewer-enabled .aviSwiper.viewer,
  .avi_productdetailsummary .product-detail-area.viewer-enabled .overlay {
    visibility: visible;
    opacity: 1;
  }
  
  .avi_productdetailsummary .modal-container {
    z-index: 10000;
  }
  
  /* AVI - Applications - Performance Demonstration */
  /* 2024-05-17 23:28 author - 김민태 (Park Systems) */
  
  .avi_performance_demo {
    width: 100%;
  }
  .avi_performance_demo .aviSwiper .swiper-wrapper {
    align-items: flex-start;
  }
  
  /* AVI - Applications - Download */
  /* 2024-05-18 10:46 author - 김민태 (Park Systems) */
  
  .avi_download {
    background-color: var(--global-color-gray-100);
  }
  .avi_download .aviSwiper {
    height: 100%;
  }
  .avi_download .tab-content-wrapper {
    width: 100%;
    position: relative;
  }
  .avi_download .tab-content-item {
    width: 100%;
    height: 100%;
    height: max-content;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition-duration: 0.6s;
    transition-property: opacity;
  }
  .avi_download .tab-content-item.active {
    opacity: 1;
    z-index: 1;
    position: relative;
  }
  .avi_download .aviSwiper::before,
  .avi_download .aviSwiper::after {
    content: none;
  }
  .avi_download .download-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .avi_download .download-card .img-box img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: auto;
    max-height: 300px;
  }
  .avi_download .download-card .txt-box {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .avi_download .download-card .txt-box .down-icon {
    width: 16px;
  }
  
  /* Marketo Modal (lightBox) */
  /* 2024-05-20 13:36 author - 김민태 (Park Systems) */
  /* 2024-07-29 Modify */
  
  .mktoModal .mktoModalContent {
    max-height: calc(100vh - 140px);
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    /*transform: translate(-50%, -50%); */
    padding: 40px 20px !important;
    /* Add */
    height:70%;
    overflow-y:scroll;
    transform:translate(-50%, -45%);
  }
  
  .mktoModal .mktoModalContent .mktoModalMain {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 140px);
    max-width: calc(100vw - 280px);
  }
  
  /* Stock */
  /* 2024-05-23 13:37 Stock Information - 김민태 (Park Systems) */
  /* Provided by Neodigm */
  .stock-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .stock-section-title {
    color: var(--global-color-gray-900);
  }
  .stock-sub-title {
    display: inline-block;
    vertical-align: 0;
    color: var(--global-color-gray-900);
  }
  
  .table-base-wrapper {
    width: 100%;
    overflow-x: auto;
  }
  .table-base-wrapper table {
    width: 100%;
  }
  .table-base-wrapper tr th,
  .table-base-wrapper tr td {
    padding: 16px 0;
    text-align: center;
    border-right: 1px solid var(--global-color-line);
    border-bottom: 1px solid var(--global-color-line);
  }
  .table-base-wrapper tr th:last-child,
  .table-base-wrapper tr td:last-child {
    border-right: 0px;
  }
  .table-base-wrapper tr:last-child th,
  .table-base-wrapper tr:last-child td {
    border-bottom: 0px;
  }
  
  .table-base-wrapper.col4 tr th,
  .table-base-wrapper.col4 tr td {
    width: 25%;
  }
  .table-base-wrapper.col7 tr th,
  .table-base-wrapper.col7 tr td {
    width: 14.285%;
  }
  
  .table-base-wrapper.autoScrollbar {
    box-sizing: border-box;
    padding-bottom: 20px;
  }
  .table-base-wrapper.autoScrollbar::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  .table-base-wrapper.autoScrollbar::-webkit-scrollbar-thumb {
    background: var(--global-color-primary);
    border-radius: 10px;
  }
  .table-base-wrapper.autoScrollbar::-webkit-scrollbar-track {
    background: transparent;
  }
  
  .section-wrapper-type1 .stock-wrapper article {
    margin-bottom: 100px;
  }
  .section-wrapper-type1 .stock-wrapper article:last-child {
    margin-bottom: 0;
  }
  
  @media only screen and (max-width: 1280px) {
    .table-base-wrapper table {
      width: 1300px;
    }
  }
  
  @media only screen and (max-width: 750px) {
    .section-wrapper-type1 .stock-wrapper article {
      margin-bottom: 60px;
    }
  }
  
  /* Stock */
  /* 2024-05-23 13:37 Stock Information - 김민태 (Park Systems) */
  
  .stock-wrapper .h-stack {
    display: flex;
    align-items: center;
  }
  
  .stock-wrapper .flex-between {
    justify-content: space-between;
  }
  
  .stock-wrapper .red {
    color: #fe3b4d;
  }
  .stock-wrapper .blue {
    color: #206ae5;
  }
  
  .stock-wrapper .table-base-wrapper .comment {
    text-align: right;
    color: var(--global-color-gray-900);
  }
  
  .stock-wrapper table.col1-4 th {
    width: 25%;
  }
  .stock-wrapper table {
    border-bottom-color: var(--global-color-gray-100);
  }
  
  .stock-wrapper .gap-20 {
    gap: 1.25rem;
  }
  .stock-wrapper .gap-28 {
    gap: 1.75rem;
  }
  .stock-wrapper .gap-40 {
    gap: 2.5rem;
  }
  .stock-wrapper .up-down-indicator-1 {
    font-size: 4.25rem;
  }
  .stock-wrapper .up-down-indicator-2 {
    font-size: 2.75rem;
  }
  .stock-wrapper .relative {
    position: relative;
  }
  .stock-wrapper .divider {
    width: 1px;
    height: 36px;
    background-color: var(--global-color-gray-100);
  }
  
  @media only screen and (max-width: 750px) {
    .stock-wrapper .h-stack {
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
    }
  }
  
  /* 마케토 폼 버튼 disable 관련 */
  .mkto-btn-disabled {
    pointer-events: none;
  }
  #bmaketo {
    transition: opacity 0.2s;
  }
  #bmaketo.mkto-btn-disabled {
    opacity: 0.3;
  }
  
  /* mainkeyvod_avi */
  .mainkeyvod_avi .movie-wrapper video {
    background: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/avi-index-video-thumb.jpg")
      center/cover no-repeat;
  }
  .main-slogan-title-avi {
    color: #fff;
    transition: all 0.2s ease;
    max-width: 1064px;
    width: 100%;
  }
  .main-slogan-title-avi h1 {
    margin-bottom: 10px;
    font-size: var(--global-h1-size);
    line-height: 1.2;
  }
  .main-slogan-title-avi p {
    font-size: var(--global-body2-size);
  }
  
  /* mainkeyteaser_avi */
  .mainkeyteaser_avi .products-flexbox {
    display: flex;
    flex-direction: column;
  }
  .mainkeyteaser_avi .products-flexbox-item {
    height: 100%;
  }
  .mainkeyteaser_avi .img-item {
    aspect-ratio: 16 / 9;
  }
  .mainkeyteaser_avi .section-h4 {
    margin-top: 20px;
  }
  .mainkeyteaser_avi .section-p {
    margin-top: 8px;
  }
  
  /* avi Applications Technology */
  .avi-app-tech .item-row {
    display: flex;
    gap: 122px;
    align-items: center;
  }
  
  @media screen and (max-width: 750px) {
    .avi-app-tech .item-row {
      flex-direction: column;
      gap: 20px;
    }
    .avi-app-tech .item-row .list-item-img img {
      width: 100%;
    }
  }
  
  /* avi index bottom link list */
  .main-bannerBox-wrapper.avi li a {
    background-color: var(--global-color-white);
  }
  .main-bannerBox-wrapper.avi li:nth-child(odd) {
    background-color: inherit;
  }
  .main-bannerBox-wrapper.avi li:nth-child(2) div.main-bannerBox-icon span {
    background: url("../../../etc.clientlibs/parksystems/clientlibs/clientlib-site/resources/images/icons/icon-park-logo-black.png")
      center/cover no-repeat;
  }
  
  /* marketo anchor */
  .mktoForm a {
    text-decoration: underline;
  }
  
  /* TEMP: Investors */
  
  .section-wrapper article#irList,
  .section-wrapper article.irList {
    padding-top: 0px;
  }
  
  /* Product - Applications List */
  .itemlist_Applications_custom .app-note .img-box img.img-item {
    aspect-ratio: 16 / 9;
  }
  .itemlist_Applications_custom .img-gal .img-box img.img-item {
    aspect-ratio: 1 / 1;
  }
  .itemlist_Applications_custom .img-gal .text-box .sub-body3-text {
    color: var(--global-color-gray-400);
  }
  .itemlist_Applications_custom .img-gal .text-box h4 {
    font-size: var(--global-size-24);
    color: var(--global-color-gray-100);
  }
  
  /* Product - Depth List */
  .depthlist a.hover-image {
    display: flex;
    flex-direction: column;
  }
  .depthlist a.hover-image .element-img {
    /*flex-grow: 1;*/
    align-self: flex-start;
  }
  
  .depthlist a.hover-image .element-img .img-item {
    object-fit: contain;
  }
  
  /* producttabs - video */
  .producttabs {
    width: 100%;
    max-width: 1200px;
    display: block;
    margin: 0 auto;
  }
  
  .tab-content-item img.img-item,
  .tab-content-item video.tab-video-item,
  .tab-content-item .tab-video-embed-item {
    display: block;
    width: 100%;
    max-width: 1200px;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    border-radius: var(--global-size-type2);
    overflow: hidden;
  }
  .tab-content-item .tab-video-embed-item iframe {
    width: 100%;
    height: 100%;
  }
  
  .aspect-16-9 {
    aspect-ratio: 16 / 9;
  }
  .aspect-1-1 {
    aspect-ratio: 1 / 1;
  }
  


/* Marketo Modal (lightBox) - responsive */
/* 2024-07-29 Neodigm */
@media only screen and (max-width: 960px) {
    .mktoModal .mktoModalContent{width:88%;}
    .mktoModal .mktoModalContent .mktoModalMain {max-height:100%; max-width:none; width:100% !important;}
}

/* 로그인 전 로딩 처리 */
/* 2024-08-27 김민태 */
.h-screen {
  min-height: 100dvh;
}
.hide {
  display: none;
}
.common-text-wrapper {
    font-family: 'pretendard', sans-serif;
}

.common-text-align-left {
    text-align: left;
}

.common-text-align-center {
    text-align: center;
}

.common-text-align-right {
    text-align: right;
}

.common-text-heading-1 {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 600;
}

.common-text-heading-2 {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 600;
}

.common-text-heading-3 {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
}

.common-text-body {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.common-text-caption {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

.common-text-font-weight-400 {
    font-weight: 400;
}

.common-text-font-weight-600 {
    font-weight: 600;
}

.common-text-font-color-default {
    color: #181D27;
}

.common-text-font-color-body {
    color: #535862;
}

.common-text-font-color-primary {
    color: #00AEE6;
}

@media (max-width: 480px) {
    .common-text-heading-1 {
        font-size: 24px;
    }

    .common-text-heading-2 {
        font-size: 24px;
    }

    .common-text-heading-3 {
        font-size: 20px;
    }

    .common-text-body {
        font-size: 16px;
    }

    .common-text-caption {
        font-size: 14px;
    }
}

.heading-margin-top-0 {
    margin-top: 0;
}

.heading-margin-top-4 {
    margin-top: 4px;
}

.heading-margin-top-20 {
    margin-top: 20px;
}

.heading-margin-bottom-0 {
    margin-bottom: 0;
}

.heading-margin-bottom-4 {
    margin-bottom: 4px;
}

.heading-margin-bottom-20 {
    margin-bottom: 20px;
}

@media (max-width: 480px) {
    .heading-margin-top-20 {
        margin-top: 16px;
    }

    .heading-margin-bottom-20 {
        margin-bottom: 16px;
    }
}

jp, zh {
    word-break: break-all;
}

en {
    word-break: keep-all;
}

primary {
    color: #00AEE6;
}
/*Common Button Style*/
.common-buttons-wrapper {
    display: flex;
    gap: 8px;
    font-family: 'pretendard', sans-serif;
    font-weight: 400;
}

.common-buttons-align-left {
    justify-content: flex-start;
}

.common-buttons-align-center {
    justify-content: center;
}

.common-buttons-align-right {
    justify-content: flex-end;
}

.common-button-default {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-top: auto;
}

.common-button-size-small {
    font-size: 14px;
    gap: 4px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    padding: 4px 12px;
    border-radius: 4px;
}

.common-button-size-medium {
    font-size: 16px;
    gap: 8px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    padding: 8px 12px;
    border-radius: 4px;
}

.common-button-size-large {
    font-size: 16px;
    gap: 8px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    padding: 12px 20px;
    border-radius: 4px;
}

.common-button-color-primary {
    background-color: #00AEE6;
    color: #ffffff;
}

.common-button-color-primary:hover, .common-button-color-primary a:hover, .common-button-color-primary button:hover {
    background-color: #188BDD;
    transition: all .2s ease;
}

.common-button-color-primary-line {
    background-color: inherit;
    color: #00AEE6;
    border: 1px solid #00AEE6;
}

.common-button-color-primary-line:hover, .common-button-color-primary-line a:hover, .common-button-color-primary-line button:hover {
    background-color: #E3F2FC;
    transition: all .2s ease;
    border: 1px solid #188BDD;
}

.common-button-color-primary-no-border {
    background-color: inherit;
    color: #00AEE6;
    border: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.common-button-color-primary-no-border:hover span, .common-button-color-primary-no-border a:hover span, .common-button-color-primary-no-border button:hover span {
    border-bottom: 1px solid #00AEE6;
}

.common-button-color-black {
    background-color: #101828;
    color: #ffffff;
}

.common-button-color-black:hover, .common-button-color-black a:hover, .common-button-color-black button:hover {
    background-color: #414651;
    transition: all .2s ease;
}

.common-button-color-black-line {
    background-color: inherit;
    color: #252B37;
    border: 1px solid #252B37;
}

.common-button-color-black-line:hover, .common-button-color-black-line a:hover, .common-button-color-black-line button:hover {
    background-color: #E9EAEB;
    transition: all .2s ease;
    border: 1px solid #252B37;
}

.common-buttons-icon-wrapper {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}


/*Common Card Style*/
.common-card-wrapper {
    width: 100%;
    max-width: 384px;
    background-color: #ffffff;
    border-radius: 8px;
    margin: 0 auto;
    word-break: break-word;
}

.common-card-wrapper-border {
    border: 1px solid #D5D7DA;
}

.common-card-wrapper-border-none {
    border: 0;
}

.common-card-text-section {
    padding: 24px;
}

.common-card-image-section img {
    display: block;
}

.common-card-icon {
    overflow: hidden;
    padding-top: 24px;
    padding-left: 24px;
}

.common-card-icon img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.common-card-image-16-9 {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 8px 8px 0 0;
}

.common-card-image-4-3 {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 8px 8px 0 0;
}

.common-card-image-16-9 img,
.common-card-image-4-3 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}

.common-card-top-label {
    margin-bottom: 12px;
}

.common-card-label-wrapper {
    display: inline-block;
    padding: 4px 8px;
    background-color: #E2E8F0;
    color: #45556C;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid #E2E8F0;
    margin-right: 4px;
    margin-bottom: 8px;
}

.common-card-label-button {
    display: inline-block;
    padding: 4px 8px;
    background-color: #90A1B9;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid #90A1B9;
    margin-right: 4px;
    margin-bottom: 8px;
    cursor: pointer;
}

.common-card-label-button a {
    cursor: pointer;
    color: #ffffff;
}

.common-card-label-button:hover {
    background-color: #45556C;
    transition: all .2s ease;
}

.common-card-label-button:hover a {
    color: #ffffff;
}

.common-card-main-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 4px;
    color: #101828;
}

.common-card-sub-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 4px;
    color: #535862;
}

.common-card-desc {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #535862;
}

.common-card-bottom-label {
    margin-top: 20px;
}

.common-card-button {
    margin-top: 16px;
    padding: 4px 0;
}

.common-card-button a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #00AEE6;
    cursor: pointer;
}

.common-card-desc-bullet {
    list-style: none;
    padding: 0;
    margin: 0;
}

.common-card-bullet-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    color: #535862;
    margin-bottom: 6px;
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.common-card-bullet-item:last-child {
    margin-bottom: 0;
}

.common-card-bullet-item-bullet {
    flex-shrink: 0;
}

.common-card-bullet-item-text {
    word-break: break-word;
    flex: 1;
}

/* Bullet List */
.bullet-list-wrapper {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bullet-list-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #535862;
    margin-bottom: 6px;
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.bullet-list-item::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #00AEE6;
    margin-top: 11px;
    margin-right: 4px;
}

.bullet-list-item:last-child {
    margin-bottom: 0;
}

.bullet-list-item-bullet {
    flex-shrink: 0;
    color: #00AEE6;
}

.bullet-list-item-text {
    word-break: break-word;
    flex: 1;
}

@media (max-width: 768px) {
    .mobile-display-none {
        display: none !important;
    }

}