/* Common */
.contents_wrap {padding-top: 120px;}

.bg-circle {display: block; width: 180px; height: 180px; background: url('/source/img/bg-circle.svg') no-repeat center/contain;}

/* Header */
#header {position: fixed; top: 0; left: 0; z-index: 300; width: 100%; background-color: var(--black-color);}
#header .container {position: relative; z-index: 100;}
#header .inner {display: flex; flex-flow: row wrap; align-content: center; justify-content: space-between; align-items: center; height: 120px;}

#hd_logo {}
#hd_logo a {display: block;}

#hd_gnb {}
#hd_gnb .depth1 {display: flex; flex-flow: row wrap;}
#hd_gnb .depth1 > li {position: relative; padding: 0 23px;}
#hd_gnb .depth1 > li > a {display: block; font-size: 18px; font-weight: 500; color: var(--white-color); transition: 0.3s;}
#hd_gnb .depth1 > li > a:hover,
#hd_gnb .depth1 > li.active > a {color: var(--sub-color);}

#hd_gnb .depth2 {position: absolute; top: 70px; left: 0; z-index: 99; width: 100%; text-align: center; opacity: 0; visibility: hidden; transition: opacity 0.1s ease-in-out 0.2s;}
#hd_gnb .depth2 > li {position: relative;}
#hd_gnb .depth2 > li > a {display: block; padding: 14px 5px; color: #ffffff;}
#hd_gnb .depth2 > li > a > span {display: block; position: relative; font-size: 14px; font-weight: 400; color: #ffffff; line-height: 1.5;}

#header.active #hd_gnb .depth2 {opacity: 1; visibility: visible;}

#hd_gnb .depth1 > li:hover > a {color: var(--sub-color) !important;}
#hd_gnb .depth2 > li > a:hover > span {color: var(--sub-color) !important;}

.hd_lang {display: flex; flex-flow: row wrap; align-items: center; gap: 0;}
.hd_lang > li {position: relative;}
.hd_lang > li::before {content: ""; display: block; position: absolute; top: 50%; left: 0; z-index: 1; width: 1px; height: 14px; margin-top: -7px; background-color: #333333;}
.hd_lang > li:first-child::before {display: none;}
.hd_lang > li > a {display: block; padding: 0 10px; font-size: 16px; font-weight: 500; color: #666666;}
.hd_lang > li.active > a {color: var(--white-color);}

.sub-menu_bg {position: fixed; top: 120px; left: 0; right: 0; z-index: 99; width: 100%; height: 0; background-color: var(--black-color);}

.mo-menu_open {
  display: none;
  position: relative;
  width: 24px;
  border: 0;
  background: none;
}

.mo-menu_open:after {
  content: "";
  display: block;
  position: absolute;
  top: -17px;
  left: -13px;
  width: 50px;
  height: 50px;
}

.mo-menu_open > span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--white-color);
}

.mo-menu_open > span ~ span {
  margin-top: 5px;
}

.mo-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 100vh;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.8) 100%);
  -webkit-backdrop-filter: saturate(100%) blur(4px);
  backdrop-filter: saturate(100%) blur(4px);
}

.mo-menu_ct {
  overflow-y: auto;
  height: 100%;
  padding-bottom: 50px;
}

.mo-menu .inner {
  position: relative;
  padding-top: 5px;
}

.mo-menu_close {
  position: absolute;
  top: 35px;
  right: 0;
  z-index: 10;
  width: 20px;
  background: none;
  border: 0;
}

.mo-navi {
  overflow-y: auto;
  margin-top: 150px;
  text-align: center;
  height: calc(100vh - 150px);
}

.mo-navi > ul {
}

.mo-navi > ul > li {
  border-radius: 10px;
}

.mo-navi > ul > li > button, 
.mo-navi > ul > li > a {
  display: block;
  width: 100%;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--white-color);
  border: 0;
  background: none;
}

.mo-navi ul.depth2 {
  display: none;
  padding-bottom: 15px;
}

.mo-navi ul.depth2 > li {
}

.mo-navi ul.depth2 > li > button, 
.mo-navi ul.depth2 > li > a {
  display: block;
  width: 100%;
  padding: 10px 0;
  font-size: 15px;
  font-weight: 300;
  color: var(--white-color);
  border: 0;
  background: none;
}

.mo-navi > ul > li.active {
  background-color: rgba(0,0,0,0.5);
}

.mo-navi > ul > li.active > button, 
.mo-navi > ul > li.active > a {
  color: var(--main-color);
}

/* Footer */
#footer {background-color: var(--black-color);}
.ft-top {padding: 95px 0 55px; border-bottom: 1px solid var(--line-color2);}
.ft-top .inner {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;}
.fnb {text-align: center;}
.fnb .depth1 {display: flex; flex-flow: row wrap; gap: 0 56px;}
.fnb .depth1 > li > a {display: block; margin-bottom: 20px; font-size: 16px; font-weight: 700; color: var(--white-color); line-height: 1.5; transition: 0.3s;}
.fnb .depth1 > li:hover > a,
.fnb .depth2 > li:hover > a,
.fnb .depth1 > li.active > a {color: var(--sub-color);}

.fnb .depth2 > li > a {display: block; width: 130px; max-width: 100%; margin: 0 auto; padding: 12px 0; font-size: 14px; font-weight: 400; color: var(--white-color); line-height: 1.5; transition: 0.3s;}

.ft-etc_menu {border-bottom: 1px solid var(--line-color2);}
.ft-etc_menu_wrap {display: flex; flex-flow: row wrap; gap: 0 20px; padding: 20px 0; align-items: center; justify-content: flex-start;}
.ft-etc_menu_wrap > li {}
.ft-etc_menu_wrap > li > a {display: block; font-size: 16px; font-weight: 400; color: #ffffff;}
.ft-etc_menu_wrap > li.point > a {color: var(--sub-color);}
.ft-etc_menu_wrap > li > a:hover {text-decoration: underline;}

.ft-bottom {padding: 40px 0;}
.ft-bottom .inner {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; gap: 20px;}
.finfo {}
.finfo .t1 {font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.6); line-height: 1.5;}
.finfo .t1 ~ .t1 {margin-top: 4px;}
.finfo .t1 i {margin: 0 16px; font-style: normal;}
.finfo .address {}
/* .finfo .address strong {display: inline-block; width: 70px; font-weight: 500; vertical-align: top;}
.finfo .address span {display: inline-block; width: calc(100% - 70px); vertical-align: top; padding-left: 9px; text-indent: -9px;} */
/* .finfo .address span {display: block; width: 100%;} */
.finfo .copyright {margin-top: 32px !important; font-size: 14px;}
#footer .scroll_top {display: block; padding-right: 32px; padding-left: 0; font-size: 20px; font-weight: 500; color: rgba(255, 255, 255, 0.6); line-height: 1.5; transition: 0.3s; border: 0; background: url('/source/img/arrow_upward.png') no-repeat center right/24px 24px;}
#footer .scroll_top:hover {color: var(--sub-color); background-image: url('/source/img/arrow_upward2.png');}

/* Main */
#main {padding-top: 0;}

.main-visual {height: 100vh; background: url('/source/img/main_visual.jpg') no-repeat bottom center/cover;}
.main-visual .inner {position: relative; height: 100vh;}
.main-visual .tbox {position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.main-visual .tbox .t1 {font-size: 54px; font-weight: 700; color: var(--white-color); line-height: 1.5;}
.main-visual .tbox .t1 .word {transform: translateY(100px); display: inline-block; opacity: 0;}
.main-visual .tbox.animated .t1 .word {transform: translateY(0); opacity: 1; transition: 1s; transition-delay: calc(100ms * var(--word-index));}
.main-visual .tbox .t2 {margin-top: 32px; font-size: 30px; font-weight: 500; color: var(--white-color); line-height: 1.5;}
.main-visual .tbox .t2 .word {transform: translateY(100px); display: inline-block; opacity: 0;}
.main-visual .tbox.animated .t2 .word {transform: translateY(0); opacity: 1; transition: 2s; transition-delay: calc(100ms * var(--word-index));}

.main-intro {margin-top: 130px;}
.main-intro .inner {position: relative;}
.main-intro .bg-circle {position: absolute; top: 0; left: 0; z-index: 1;}
.main-intro .banner1 {position: relative; z-index: 10;}

.main-service {margin-top: 200px;}

.main-business {margin-top: 200px;}
.bs-item {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.bs-item ~ .bs-item {margin-top: 130px;}
.bs-item .bs-img {overflow: hidden; position: relative; width: 49.3%; height: 0; padding-bottom: 45.8%; border-radius: 20px;}
.bs-item .bs-img img {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.bs-item .bs-tbox {width: 50.7%;}
.bs-item .btn {margin-top: 24px;}
.bs-item:nth-child(2n - 1) {flex-direction: row;}
.bs-item:nth-child(2n - 1) .bs-tbox {padding-left: 100px;}
.bs-item:nth-child(2n) {flex-direction: row-reverse;}
.bs-item:nth-child(2n) .bs-tbox {padding-right: 100px;}

.main-partners {margin: 200px 0;}
.main-partners .ptn-tbox {position: relative; text-align: center;}
.main-partners .ptn-tbox .bg-circle {position: absolute; top: -25%; left: 50%; margin-left: -25%; z-index: -1;}
.main-partners .ptn-wrap {position: relative; margin-top: 130px;}
.main-partners .ptn-wrap::before {content: ""; position: absolute; top: 0; left: 0; width: 302px; height: 100%; background: url('/source/img/left_shadow.png') no-repeat center left/contain; z-index: 5;}
.main-partners .ptn-wrap::after {content: ""; position: absolute; top: 0; right: 0; width: 302px; height: 100%; background: url('/source/img/right_shadow.png') no-repeat center right/contain; z-index: 5;}
.main-partners .ptn-wrap .bg-circle {position: absolute; top: -65%; right: -2%; z-index: -1; width: 400px; height: 400px;}
.main-partners .ptn-slider:not(:first-child) {margin-top: 20px;}
.main-partners .swiper-wrapper {
  transition-timing-function: linear;
}
.main-partners .partner-item {width: 415px;}

/* Sub */
.sub_contents {padding-top: 200px; padding-bottom: 150px;}

.sub-text-content {color: var(--white-color); text-align: center; padding-bottom: 100px;}

.sub-text-content .text-wrap {display: inline-block; position: relative;}
.sub-text-content .text-wrap::before {content: ''; width: 90px; height: 90px; border-radius: 50%; background-color: var(--sub-color); position: absolute; left: -83px; top: -52px; filter: blur(25px);}

.sub-text-content .t1 {font-weight: 700; font-size: 20px; line-height: 1.5; background: var(--gradient-color); color: transparent; -webkit-background-clip: text; overflow: hidden; position: relative;}
.sub-text-content .t1 .char {display: inline-block; position: relative; color: transparent; overflow: hidden;}
.sub-text-content .t1 .char::before {position: absolute; top: 40px; left: 0; opacity: 0; content: attr(data-char); background: var(--gradient-color); color: transparent; -webkit-background-clip: text;}
.sub-text-content .animated .t1 .char::before {top: 0; opacity: 1; transition: 0.5s; transition-delay: calc(100ms * var(--char-index));}

.sub-text-content .t2 {font-weight: 700; font-size: 48px; line-height: 1.5; padding-top: 8px; overflow: hidden;}
.sub-text-content .t2 .word {transform: translateY(100px); display: inline-block; opacity: 0;}
.sub-text-content .animated .t2 .word {transform: translateY(0); opacity: 1; transition: 1s; transition-delay: calc(350ms * var(--word-index));}

.sub-text-content .t3 {overflow: hidden; padding-top: 8px; font-size: 20px; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.6);}
.sub-text-content .t3 .word {transform: translateY(100px); display: inline-block; opacity: 0;}
.sub-text-content .animated .t3 .word {transform: translateY(0); opacity: 1; transition: 1s; transition-delay: calc(350ms * var(--word-index));}

.sub-bottom {padding-bottom: 64px;}
.sub-bottom .text-group .t2 {font-size: 40px; font-weight: 500;}

/* Technology */
#technology {background: url('/source/img/technology-bg.jpg') no-repeat top right/cover; background-attachment: fixed;}
.tech-list .inner {display: flex; flex-flow: row wrap; position: relative;}
.tech-list .inner > .pin-spacer {width: 40% !important;}
.tech-list .tech-lt {width: 100% !important;}
.tech-list .tech-lt .sub-text-content {text-align: left;}
.tech-list .tech-lt .sub-text-content .text-wrap::before {display: none;}
.tech-list .tech-navi {}
.tech-list .tech-navi > ul {}
.tech-list .tech-navi > ul > li {}
.tech-list .tech-navi > ul > li ~ li {margin-top: 32px;}
.tech-list .tech-navi > ul > li > a {display: block; border-radius: 5px; font-size: 20px; font-weight: 400; color: var(--white-color); line-height: 1.5; text-align: left; background: none; transition: 0.3s;}
.tech-list .tech-navi > ul > li > a:hover {color: var(--sub-color);}

.tech-list .tech-lt.small .sub-text-content {display: none;}
/* .tech-list .tech-lt.small .tech-navi > ul > li > a {font-size: 18px;} */

.tech-list .tech-content {width: 60%; padding-left: 84px;}
.tech-list .tech-item {display: block; scroll-margin-top: 150px;}
.tech-list .tech-item ~ .tech-item {margin-top: 73px;}
.tech-list .tech-thumb {position: relative;}
.tech-list .tech-thumb::before {content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; border: 4px solid var(--main-color); border-radius: 24px; background-color: rgba(0,0,0,0.5); opacity: 0; transition: 0.3s;}
.tech-list .tech-view {display: block; position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-50%, -50%); width: 160px; height: 160px; line-height: 160px; border-radius: 50%; font-size: 20px; font-weight: 500; color: var(--white-color); text-align: center; background: var(--gradient-color); opacity: 0; transition: 0.3s;}
.tech-list .tech-view img {width: 24px; margin-left: 4px;}
.tech-list .tech-img {overflow: hidden; position: relative; height: 0; padding-bottom: 47.4%; border-radius: 24px;}
.tech-list .tech-img img {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.tech-list .tech-tbox {margin-top: 24px;}
.tech-list .tech-tbox .name {font-size: 20px; font-weight: 500; color: var(--white-color); line-height: 1.5;}
.tech-list .tech-tbox .expl {margin-top: 10px; font-size: 18px; font-weight: 400; color: #ccc; line-height: 1.5;}

.tech-list .tech-item:hover .tech-thumb::before {opacity: 1;}
.tech-list .tech-item:hover .tech-view {opacity: 1;}

.tech-patent {margin-top: 150px; padding: 150px 0; background-color: rgba(121,121,121,0.1);}
.tech-patent .text-group {position: relative; text-align: center;}
.tech-patent .text-group .bg-circle {position: absolute; top: -25%; left: 50%; margin-left: -20%; z-index: 1;}
.tech-patent .text-group .t1 {position: relative; z-index: 5;}
.tech-patent .text-group .t2 {position: relative; z-index: 5; font-size: 40px;}
.patent-slider {margin-top: 60px;}
.patent-item {overflow: hidden; display: block; width: 224px; height: 294px; background-color: darkslateblue;}

#technology-detail {background: url('/source/img/service-bg.png') no-repeat top/cover; background-attachment: fixed;}
.tech-detail-img {overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 20.834%; border-radius: 24px;}
.tech-detail-box {overflow: hidden; display: flex; flex-flow: row wrap; margin-top: 40px; padding: 40px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; background: rgba(121,121,121,0.1); backdrop-filter: saturate(100%) blur(20px);}
.tech-detail-text {width: calc(100% - 234px); padding-right: 40px; padding-top: 20px;}
.tech-detail-text .t1 {font-size: 30px; font-weight: 700; color: var(--white-color); line-height: 1.5;}
.tech-detail-text .t2 {margin-top: 24px; font-size: 20px; font-weight: 400; color: var(--white-color); line-height: 1.5;}
.tech-detail_certi {display: block; width: 234px; max-width: 100%;}

/* PRODUCT/SERVICE */
#service {background: url('/source/img/service-bg.png') no-repeat top/cover;}
.service-content {}

#service-detail {background: url('/source/img/service-bg.png') no-repeat top/cover; background-attachment: fixed;}
.serv-detail-wrap {}
.serv-detail-item {display: flex; gap: 40px;}
.serv-detail-text {display: flex; flex-flow: column wrap; justify-content: center; width: calc((100% - 40px) / 2); padding: 40px; border: 1px solid var(--line-color2); border-radius: 20px; background-color: rgba(121, 121, 121, 0.1); backdrop-filter: saturate(100%) blur(20px);}
.serv-detail-text_in {}
.serv-detail-text .t1 {font-size: 30px; font-weight: 700; color: var(--white-color); line-height: 1.5;}
.serv-detail-text .t2 {margin-top: 24px; font-size: 20px; font-weight: 400; color: var(--white-color); line-height: 1.5;}
.serv-detail-text .btn {margin-top: 24px;}

.serv-detail-img {overflow: hidden; width: calc((100% - 40px) / 2); border-radius: 20px;}
.serv-detail-img img {width: 100%; height: 100%; object-fit: cover;}

/* PARTNERS */
.partners-content {}
.partners-list {display: flex; flex-wrap: wrap; gap: 32px;}
.partners-li {width: calc((100% - 96px) / 4);}

.partners-loading {padding-top: 56px; text-align: center; display: none;}

.partners-btn-wrap {display: flex; align-items: center; justify-content: center; padding-top: 56px;}

/* ABOUR US */
#about {padding-top: 0;}
#about .main-visual {background: url('/source/img/about_visual.jpg') no-repeat center / cover;}

#ab-history {margin-top: 200px; scroll-margin-top: 120px;}
.history-ct .inner {padding: 0 70px;}
.history-tbox {position: relative; text-align: center;}
.history-tbox .bg-circle {position: absolute; top: -30px; left: 190px; z-index: -1;}
.history-wrap {display: flex; position: relative; z-index: 1; flex-flow: column wrap; margin-top: 100px;}
.history-wrap::after {content: ""; position: absolute; top: 0; left: 50%; margin-left: -0.5px; height: 100%; border-left: 1px solid var(--white-color);}
.history-box {display: block; position: relative; z-index: 5; width: calc(50% - 110px); padding-bottom: 40px; border: 1px solid var(--line-color2); border-radius: 24px; background-color: rgba(121,121,121,0.1); backdrop-filter: saturate(100%) blur(20px); align-self: flex-end;}
.history-box::before {content: ""; display: block; position: absolute; top: 50%; left: -122px; z-index: 2; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; background: var(--gradient-color); box-shadow: 0 2px 10px 0 rgba(0,204,91,0.5);}
.history-box:nth-child(2n - 1) {align-self: flex-start;}
.history-box:nth-child(2n - 1)::before {left: inherit; right: -130px; width: 40px; height: 40px;}
.history-box:nth-child(2n - 1)::after {content: ""; display: block; position: absolute; top: 50%; right: -121px; z-index: 2; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; background: var(--white-color);}
.history-box .period {width: 240px; max-width: 100%; padding: 10px 0; border-radius: 0 0 100px 0; font-size: 25px; font-weight: 700; color: var(--white-color); line-height: 1.5; text-align: center; background: var(--gradient-color);}
.history-list {margin-top: 32px; padding: 0 40px;}
.history-item {}
.history-item ~ .history-item {margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--line-color2);}
/* .history-item .month {font-weight: 700; font-size: 18px; color: var(--white-color); letter-spacing: -0.5px; margin-bottom: 10px; background: var(--gradient-color); padding: 5px 10px; display: inline-block; border-radius: 5px;} */
.history-item .month {font-weight: 900; font-size: 18px; color: var(--main-color); margin-bottom: 10px; display: inline-block; letter-spacing: -0.5px; text-shadow: 0 0 2px rgba(255,255,255,0.3);}
.history-item .t1 {font-size: 18px; font-weight: 500; color: var(--white-color); line-height: 1.35; padding-left: 15px; text-indent: -15px;}
.history-item .t1::before {content: "●"; color: var(--white-color); font-size: 6px; margin-right: 10px; text-align: center; vertical-align: middle; flex-shrink: 0;}

#ab-location {margin-top: 200px; scroll-margin-top: 120px;}
.location-tbox {position: relative; text-align: center;}
.location-tbox .bg-circle {position: absolute; top: -30px; left: 470px; z-index: -1;}
.location-wrap {margin-top: 100px;}
.location-box {}
.location-box ~ .location-box {margin-top: 115px;}
.location-box .map {}
.location-box iframe {width: 100%;}
.location-box .tbox {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 40px;}
.location-box .t1 {display: block; flex-shrink: 0; text-align: left; font-size: 30px; font-weight: 700; color: var(--white-color); line-height: 1.5;}
.location-box .addrinfo {display: block; padding-left: 10vw; text-align: right;}
.location-box .t2 {display: flex; align-items: flex-start; justify-content: flex-start; font-size: 20px; font-weight: 400; color: var(--white-color); line-height: 1.5;}
.location-box .t2_1 {display: block; flex-shrink: 0; font-weight: 700; margin-right: 40px;}
.location-box .t2_2 {display: block; text-align: left;}

#ab-news {margin-top: 200px; margin-bottom: 150px;}
.ab-news-tbox {position: relative; text-align: center;}
.ab-news-tbox .bg-circle {position: absolute; top: -30px; left: 200px; z-index: -1;}
.ab-news-wrap {margin-top: 100px;}
.ab-news_list {display: block; position: relative; width: 100%; height: 86px; line-height: 86px; padding: 0 90px 0 32px; border-bottom: 1px solid var(--line-color2); font-size: 18px; font-weight: 400; color: var(--white-color);}
.ab-news_list::after {content: ""; display: block; position: absolute; top: 50%; right: 30px; z-index: 10; width: 30px; height: 30px; margin-top: -15px; background: url('/source/img/arrow-right3.png') no-repeat center/contain;}
.ab-news_list:first-child {border-top: 1px solid var(--line-color2);}
.ab-news_list:hover {font-weight: 700; background: var(--gradient-color);}


/* Contact Us */
.contactus-content {background: rgba(121,121,121,0.1); border: 1px solid var(--line-color2)}
.contactus_wrap {display: flex; flex-flow: row wrap;}
.contactus_img {width: 50%; background: url('/source/img/contactus_img.jpg') no-repeat center/cover;}
.contactus_frm {width: 50%; padding: 96px 104px;}
.contactus_frm .text-group {padding-bottom: 24px;}
.contactus_frm .text-group .t2 {margin-top: 0;}
.contactus_frm .text-group .t3 {margin-top: 16px; font-size: 20px; font-weight: 500; color: var(--white-color);}
.frm_inner .frm_row {margin-top: 24px;}
.frm_inner .frm_input {width: 100%;}
.frm_ctrl {margin-top: 32px;}
.frm_ctrl .privacy_tbox {display: none; width: 100%; margin-top: 10px;}
.frm_ctrl .privacy_tbox textarea {width: 100%; line-height: 1.7; font-size: 14px; color: #e7e7e7;}
.frm_ctrl .btn-privacy_open {padding: 0 4px; border: 0; color: var(--sub-color); background: none;}
.frm_ctrl .btn-privacy_open:hover {text-decoration: underline;}
.frm_ctrl .frm_submit {display: block; width: 100%; margin-top: 32px; cursor: pointer;}
.frm_ctrl .frm_golist {display: block; width: 100%; margin-top: 10px;}

/* Board Common */
.btn_bo_user li {background: none !important;}
.bo_btn1 {color: #fff !important; background: var(--main-color) !important;}
.bo_sch .sch_btn {outline: none;}
.bo_sch .sch_btn:focus,
.bo_sch .sch_btn:hover {color: var(--main-color);}

.pg_wrap {display: block; float: none; margin-top: 56px; text-align: center;}
.pg {display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 10px 16px;}
.pg_page, .pg_current {display: block; width: 36px; height: 36px; line-height: 36px; padding: 0; border: 0; background: none;}
.pg_page {font-size: 18px; font-weight: 400; color: rgba(255, 255, 255, 0.3);}
.pg_current {position: relative; font-size: 18px; font-weight: 700; color: var(--white-color); border: 0;}
.pg_current::after {content: ""; position: absolute; bottom: 5px; left: 50%; width: 60%; border-top: 1px solid var(--white-color); transform: translateX(-50%); z-index: -1;}
.pg_start {text-indent:-999px;overflow:hidden;background:url("/source/img/first-arrow.png") no-repeat 50% 50%/85% auto; opacity: 0.3;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url("/source/img/prev-arrow.png") no-repeat 50% 50%/85% auto; opacity: 0.3;}
.pg_end {text-indent:-999px;overflow:hidden;background:url("/source/img/end-arrow.png") no-repeat 50% 50%/85% auto; opacity: 0.3;}
.pg_next {text-indent:-999px;overflow:hidden;background:url("/source/img/next-arrow.png") no-repeat 50% 50%/85% auto; opacity: 0.3;}
.pg a:focus, .pg a:hover {background-color: transparent;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {opacity: 1; background-color: transparent;}

#bo_v {background: none !important;}
#bo_v header {margin-bottom: 32px; padding: 0 !important; border: 0 !important;}
#bo_v_title .bo_v_tit {font-size: 35px !important; font-weight: 700 !important; color: var(--white-color) !important;}
.profile_info_ct_ul > li strong {font-size: 18px !important; font-weight: 400 !important; color: var(--white-color) !important;}
#bo_v_atc {padding: 40px !important; border: 1px solid var(--line-color2) !important; background: rgba(121,121,121,0.1) !important;}
#bo_v_con {font-size: 18px; font-weight: 400; color: var(--white-color);}

#bo_w .write_div {margin: 0 !important; padding: 12px 0;}

.wr_content textarea, 
.tbl_frm01 textarea, 
.form_01 textarea, 
.frm_input {
  padding: 15px;
  border: 1px solid var(--line-color2);
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  color: var(--white-color);
  background: rgb(61,70,70);
  vertical-align: middle;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.frm_input {height: auto;}
textarea.frm_input {height: 130px;}
.frm_label {display: block; margin-bottom: 6px; font-size: 16px; font-weight: 500; color: var(--white-color); line-height: 1.25; letter-spacing: 0;}

.wr_content textarea::placeholder, 
.tbl_frm01 textarea::placeholder, 
.form_01 textarea::placeholder, 
.frm_input::placeholder {color: rgba(255, 255, 255, 0.3);}

#bo_w {padding: 40px; background: rgba(121,121,121,0.1); border: 1px solid var(--line-color2);}
#bo_w .bo_v_option li label {font-size: 16px; color: var(--white-color);}
.cke_sc {display: none !important;}
#smart_editor2 {background: var(--line-color2)}
#bo_w .bo_w_link.write_div,
#bo_w .bo_w_flie.write_div {margin-bottom: 8px !important; padding: 0;}
#bo_w .bo_w_link label,
#bo_w .bo_w_flie label {top: 0 !important; height: 50px !important; line-height: 50px !important;}
#bo_w .bo_w_link .frm_input {height: 50px !important; padding: 0 !important; padding-left: 50px !important;}
#bo_w .bo_w_flie .frm_file {margin-top: 9px !important;}
#bo_w .bo_w_flie .file_wr {height: 50px !important; padding: 0 !important; background: rgb(61,70,70) !important; color: var(--white-color) !important; border: 1px solid var(--line-color2) !important; border-radius: 10px !important;}
.btn_confirm {text-align: center;}

#etc-contents {}
.etc-contents_inner {padding: 150px 0 200px;}
#etc-contents header h1 {font-size: 36px; font-weight: 700; line-height: 1.5; color: #ffffff;}
#etc-contents #ctt_con {margin-top: 50px; padding: 50px; color: #000000 !important; font-family: 'NEXON-Lv2-Gothic', sans-serif !important; background-color: #ffffff; border-radius: 30px;}
#etc-contents #ctt_con * {font-family: 'NEXON-Lv2-Gothic', sans-serif !important;}
#etc-contents #ctt_con b {font-weight: 700;}