/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* font */
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* //font */

/* 체크박스 */
.input-box input[type="checkbox"] {display: none;}
.input-box label {display: flex; align-items: center;}
.input-box input[type="checkbox"] + label:before {content: ''; display: block; width: 20px; height: 20px; margin-right: 8px; background: url(./../img/chk_off.png)no-repeat 50% 50%; background-size: cover;}
.input-box input[type="checkbox"]:checked + label:before {content: ''; display: block; width: 20px; height: 20px; margin-right: 8px; background: url(./../img/chk_on.png)no-repeat 50% 50%; background-size: cover;}

/* padding,margin, */
.pt-0 {padding-top: 0 !important;}
.pxy-0 {padding: 0 0 0 !important;}
.mxy-0 {margin: 0 0 0 !important;}

/* color */
/* bg */
.bg-gray {background: #f6f6f6 !important;}
.bg-White {background: #fff !important;}
.bg-gray-b {background: #585858 !important;}
.blue {background: #1267b4 !important;}
/* //color */

/* box-shadow */
.box-shadow01 {box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);}

/* 공통 */
.en {font-family: 'Poppins', sans-serif;}
.kr {font-family: 'Noto Sans KR', sans-serif !important;}
.bold {font-weight: bold !important;}
html {scroll-behavior: smooth;}
body {font-family: 'Noto Sans KR', sans-serif; overflow-x: hidden; min-width: 320px;}
.container {max-width: 1500px; width: 100%; height: 100%; padding: 0 50px; box-sizing: border-box; margin: 0 auto;}
.sub-container {max-width: 850px; width: 100%; height: 100%; margin: 0 auto; box-sizing: border-box;}
.sub-container2 {max-width: 1400px; width: 100%; height: 100%; margin: 0 auto; box-sizing: border-box;}
.sub-sec2_1 .sub-container {max-width: 800px;}
img {object-fit: cover;}
.tit-box {margin-bottom: 70px; text-align: center;}
.tit-box .tit {margin-bottom: 10px;  font-size: 50px; font-weight: 300; line-height: 1.5; color: #262626;}
.whitenowr .tit {white-space: nowrap;}
.tit-box .tit.white {color: #fff;}
.tit-box .tit.white > b {color: #fff;}
.tit-box .tit > b {font-weight: bold; color: #1bae82 !important;}
.tit-box .sub-tit {margin-top: 10px; font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.28; color: #000;}
.tit-box .sub-tit > a {color: #0053ff; font-weight: 400;}
video:not(.visual .bg-video) {position: relative; object-fit: cover; border-radius: 5px;}

button {cursor: pointer;}

.language_btns {position: absolute; top: 30px; left: 50px; display: flex; align-items: center; justify-content: center;}
.language_btns a { display: flex; align-items: center; justify-content: center; width: 84px; height: 30px; border-radius: 25px; border: 1px solid #fff; font-size: 12px; font-weight: 600; letter-spacing: -0.24px; color: #fff; box-sizing: border-box;  transition: all 0.3s;}
.language_btns a:hover {background: #3f91c5; border-color: #3f91c5; transition: all 0.3s;}
.language_btns a.active {border-color: #3f91c5; background: #3f91c5;}
.language_btns a:first-of-type {margin-right: 5px;}

.certificates {position: absolute; top: 30px; right: 50px;}
.certificates ul {display: flex; align-items: center;}
.certificates ul li {width: 100px; height: 138.6px; margin-right: 20px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-radius: 10px; overflow: hidden; transition: all 0.3s; cursor: pointer;}
.certificates ul li:hover {transform: scale(1.2); transition: all 0.3s;}
.certificates ul li:last-of-type {margin-right: 0;}
.certificates ul li img {width: 100%; height: 100%; object-fit: cover;}

/* certificates_list */
.certificates_list {}
.certificates_list ul {display: flex; align-items: center; justify-content: space-between;}
.certificates_list ul li {width: 188px; height: 191px; border-radius: 100%; overflow: hidden;}
.certificates_list ul li:nth-child(-n+2) {width: 160px; height: 221.7px; border-radius: 10px;}
.certificates_list ul li img {width: 100%; height: 100%; object-fit: cover;}

/* sub-bg */
.sec-tit_bg {position: relative; width: 100%; height: 200px;  margin-top: 80px; background: #000 !important; background-size: cover; z-index: 1;}
.sec-tit_bg2 {position: relative; width: 100%; height: 200px;  margin-top: 80px; background: url(./../img/top_bg2.png)no-repeat 90% 50%; background-size: cover; z-index: 1;}
.sec-tit_bg3 {position: relative; width: 100%; height: 200px;  margin-top: 80px; background: url(./../img/top_bg3.png)no-repeat 90% 50%; background-size: cover; z-index: 1;}
.sec-tit_bg:before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.30); z-index: -1;}
.sec-tit_bg.before_none:before {display: none;}
.sec-tit_bg .container {display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%;}
.sec-tit_bg .bg-tit { width: 100%; text-align: left;}
.sec-tit_bg .bg-tit p.tit {font-family: 'Poppins', sans-serif; margin-bottom: 5px; font-size: 30px; font-weight: 600; line-height: 1; color: #fff;}
.sec-tit_bg .bg-tit p.tit:first-child {font-size: 22px; margin-bottom: 10px;}
.sec-tit_bg .bg-tit p.sub-tit {width: 100%; font-size: 18px; font-weight: 300; line-height: 1.3; color: #fff; margin-top: 15px; word-break: keep-all;}

/* circle_list */
.circle_list {width: 100%; }
.circle_list ul {width: 100%;}
.circle_list ul li {margin-bottom: 20px;}
.circle_list ul li:last-of-type {margin-bottom: 0;}
.circle_list ul li dl {display: flex; align-items: center; padding: 15px 15px; background: #fff; border-radius: 50px;}
.circle_list ul li dl dt {display: flex; align-items: center; justify-content: center; min-width: 70px; height: 70px; background: #1365a7; border-radius: 100%; color: #fff; font-size: 30px; font-weight: bold; line-height: 1.53; margin-right: 15px;}
.circle_list ul li dl dd {display: flex; justify-content: center; flex-flow: column;}
.circle_list ul li dl dd span.no-date {font-family: 'Poppins', sans-serif; margin-bottom: 10px; font-size: 15px; font-weight: 300; line-height: 1; color: #b7b6b6;}
.circle_list ul li dl dd span.txt {font-size: 18px; line-height: 1.39; color: #585858;}

 /* q & a */
.qa-area {width: 100%; margin-top: 40px;}
.qa-area ul {width: 100%; margin-bottom: 60px;}
.qa-area ul:last-of-type {margin-bottom: 0;}
.qa-area ul li {margin-bottom: 10px;}
.qa-area ul li:last-of-type {margin-bottom: 0;}
.qa-area ul li dl {display: flex; align-items: center; }

.qa-area ul li.q-box {}
.qa-area ul li.q-box dl dt {display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; margin-right: 20px; background: #1267b4; font-size: 20px; font-weight: bold; color: #fff; border-radius: 100%;}
.qa-area ul li.q-box dl dd {font-size: 20px; font-weight: 500; line-height: 1.28; color: #1267b4;}
.qa-area ul li.a-box {}
.qa-area ul li.a-box dl dt {display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; margin-right: 20px; background: #ff5656; font-size: 20px; font-weight: bold; color: #fff; border-radius: 100%;}
.qa-area ul li.a-box dl dd {font-size: 18px; font-weight: 300; line-height: 1.28; color: #262626;}

.qa-list {margin-top: 80px;}
.qa-list ul {display: flex; align-items: baseline; justify-content: space-between;}
.qa-list ul li {width: calc(100% / 3); min-height: 294px; height: auto; margin-right: 40px; border-radius: 5px; overflow: hidden; transition: all 0.3s; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box;}
.qa-list.qa-list2 ul {flex-wrap: wrap; align-items: initial; margin: 0 -20px;}
.qa-list.qa-list2 ul li {width: calc(100% / 2); height: 366px; padding: 0 20px; box-sizing: border-box; margin: 0; box-shadow: none; margin-top: 30px; overflow: initial;}
.qa-list.qa-list2 ul li:nth-child(-n+2) {margin-top: 0;}
.qa-list.qa-list2 ul li .child-box {box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);}
.qa-list ul li:last-of-type {margin-right: 0;}
.qa-list ul li .child-box {display: flex; align-items: center; justify-content: center; flex-flow: column; width: 100%; height: 100%; padding: 35px 40px; box-sizing: border-box; background: #fff;}
/* .qa-list ul li:hover {margin-top: -30px; transition: all 0.3s;} */
.qa-list ul li:hover .child-box .img-box img {transform: scale(1.2); transition: all 0.3s;}
.qa-list ul li .child-box .img-box {width: 80px; height: 80px; margin: 0 auto; margin-bottom: 30px;}
.qa-list ul li .child-box .img-box img {width: 100%; height: 100%; transition: all 0.3s;}
.qa-list ul li .child-box .txt-box {text-align: left;}
.qa-list ul li .child-box .txt-box .tit {font-family: 'Poppins', sans-serif; margin-bottom: 10px; font-size: 24px; font-weight: bold; line-height: 1; color: #0053ff; text-align: center;}
.qa-list ul li .child-box .txt-box .sub-tit {margin-bottom: 0; font-size: 16px; font-weight: normal; line-height: 1.5; color: #888; word-break: keep-all; text-align: center;}
.qa-list ul li .child-box .href-btn {margin-top: 25px;}
.qa-list ul li .child-box .href-btn a { font-size: 16px; font-weight: 600; line-height: 1.5; color: #585858;}

/* 간편계산 */
.simple_calculation {padding: 60px 0 80px; margin-bottom: 60px; background: #fff;}
.simple_calculation .calculation-area {}
.simple_calculation .calculation-area form {}
.simple_calculation .calculation-area .form-box {display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px;}
.simple_calculation .calculation-area .form-box input {width: 650px; height: 50px; padding: 0 15px; margin-right: 10px;; background: #f6f6f6; border-radius: 5px; box-sizing: border-box; font-size: 16px; font-weight: 300; line-height: 1.44; color: #262626;}
.simple_calculation .calculation-area .form-box input::placeholder {color: #b4b4b4;}
.simple_calculation .calculation-area .form-box button {display: flex; align-items: center; justify-content: center; width: 190px; height: 50px; background: #1267b4; border-radius: 5px; font-size: 18px; font-weight: normal; line-height: 1.67; letter-spacing: -0.36px; color: #fff;}
.simple_calculation .calculation-area .result-box {}
.simple_calculation .calculation-area .result-box dl {display: flex; align-items: flex-end; justify-content: space-between;}
.simple_calculation .calculation-area .result-box dl dt {font-size: 18px; font-weight: 300; line-height: 1.11; color: #262626;}
.simple_calculation .calculation-area .result-box dl dd {display: flex; align-items: flex-end;}
.simple_calculation .calculation-area .result-box dl dd .price {margin-right: 4px; font-size: 24px; color: #1267b4; font-weight: bold; line-height: 1.4;}
.simple_calculation .calculation-area .result-box dl dd .description {font-size: 15px; font-weight: 300; line-height: 1.4; color: #888;}

/* table a형 */
.table-a {width: 100%;}
.table-a .table-wrap {width: 100%; border-left: 1px solid #1267b4; border-right: 1px solid #1267b4; border-bottom: 1px solid #1267b4; border-radius: 5px 5px 0 0; overflow: hidden;}
.table-a table thead {}
.table-a table thead tr {background: #1267b4;}
.table-a table thead th {height: 56px; text-align: center; vertical-align: middle; font-size: 18px; font-weight: bold; line-height: 1.28; color: #fff;}
.table-a table tbody {}
.table-a table tbody tr {}
.table-a table tbody td {font-size: 16px; font-weight: 300; color: #888888; height: 70px; box-sizing: border-box; text-align: center; vertical-align: middle; width: 500px;}
.table-a table tbody td:first-child {font-size: 18px; font-weight: normal; color: #262626; border-right: 1px solid #1267b4; width: 350px;}
/* //table a형 */

/* 무료상담 폼 */
.free-form_box {margin-top: -20px;}
.free-form_box form {width: 100%;}
.free-form_box form .form-tit {margin-bottom: 23px; font-size: 18px; font-weight: normal; line-height: 1.28; color: #262626;}
.free-form_box form .form-tit2 {margin-bottom: 15px; margin-top: 50px;}
.free-form_box form .form-tit2:first-of-type {margin-top: 42px;}
.free-form_box form ul {width: 100%; margin-bottom: 50px;}
.free-form_box form ul:last-of-type {margin-bottom: 0;}
.free-form_box form ul li {display: flex; align-items: center; flex-wrap: wrap;}
.free-form_box form ul li .input-box {margin-right: 35px; margin-bottom: 8px;}
.free-form_box form ul li .input-box:last-of-type {margin-right: 0;}
.free-form_box form ul li .input-box.item3 {display: flex; align-items: center;}
.free-form_box form ul li .input-box .direct_input {width: 171px; height: 40px; padding: 0 12px; margin-left: 10px; box-sizing: border-box; background: #f6f6f6; font-size: 15px; font-weight: normal; line-height: 1.53; color: #262626; border-radius: 5px;}
.free-form_box form ul li .input-box .direct_input:disabled {background: #f6f6f6; color: #b4b4b4; offset-distance: unset;}
.free-form_box form input[type="text"] {width: 100%; height: 40px; background: #fff; padding: 0 15px; box-sizing: border-box; border-radius: 5px; font-size: 15px; font-weight: normal; line-height: 1.53; color: #262626; border-radius: 5px;}
.free-form_box form .input-box2 input {margin-bottom: 5px;}
.free-form_box form .input-box2 input:last-of-type {margin-bottom: 0;}
.free-form_box form input::placeholder {color: #b4b4b4;}
.free-form_box form .select-box select {width: 100%; height: 40px; padding: 0 15px; box-sizing: border-box; border-radius: 5px; font-size: 15px; font-weight: normal; line-height: 1.53; color: #262626; border-radius: 5px; appearance: none; background: url(./../img/select_icon.png)no-repeat 98% 50%; background-size: 20px 12px;  background-color: #fff;}
.free-form_box form .textarea-box textarea {width: 100%; height: 182px; padding: 15px; box-sizing: border-box; border-radius: 5px; font-size: 15px; font-weight: normal; line-height: 1.53; color: #262626; border-radius: 5px; background-color: #fff; resize: none;}
.upload-box {position: relative;}
.upload-box input[type="file"] {position: absolute; top: 0; left: 0; width: 100%; height: 40px; opacity: 0;}
.upload-box input[type="text"] {width: 100%; margin-right: 10px;}
.upload-box button {display: flex; align-items: center; justify-content: center; min-width: 190px; height: 40px; background: #b4b4b4; border-radius: 5px; font-size: 18px; line-height: 1.67; letter-spacing: -0.36px; color: #fff;}
.upload-box .file-input_box {display: flex; align-items: center;}
.register-btn button {display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; margin-top: 40px; background: #1bae82; border-radius: 5px; font-size: 18px; font-weight: normal; letter-spacing: -0.36px; color: #fff;}
/* //무료상담 폼 */

/* more_box */
.more_box {display: flex; align-items: center; justify-content: center; width: 100%; height: 331px; background: #f6f6f6;}
.more_box > a {font-family: 'Poppins', sans-serif; margin-top: 165px; font-size: 24px; font-weight: bold; line-height: 1; color: #262626;}
/* //more_box */

/* search-box */
.search-box {margin-bottom: 15px;}
.search-box .s-input_box {display: flex; align-items: center; justify-content: center;}
.search-box .s-input_box select {min-width: 150px; height: 50px; padding: 0 15px; border-radius: 5px; appearance: none; background: url(./../img/select_icon3.png)no-repeat 88% 50%; background-size: 20px 12px; background-color: #f8f8f8; font-size: 16px; font-weight: 300; line-height: 1.44; color: #262626;}
.search-box .s-input_box .input-box {display: flex; align-items: center; width: 100%;}
.search-box .s-input_box input {width: 100%; height: 50px; margin: 0 10px 0 0px; background: #f8f8f8; border-radius: 5px; padding: 0 15px; font-size: 16px; font-weight: 300; line-height: 1.44; color: #262626; box-sizing: border-box;}
.search-box .s-input_box input::placeholder {color: #b4b4b4;}
.search-box .s-input_box .search-btn {min-width: 120px; height: 50px; background: #1bae82; border-radius: 5px; font-size: 18px; line-height: 1.67; letter-spacing: -0.36px; color: #fff;}
/* //search-box */

/* notice detail-box */
.notice {min-height: calc(100vh - 432px); padding-bottom: 83px;}
.admin-notice {min-height: auto; padding-bottom: 50px; background: #f6f6f6;}
.notice .pager {margin-top: 53px;}
.admin-notice .pager {padding-top: 53px; margin-top: 0;}
.notice .pager ul li.active a {background: #1bae82;}
.notice .pager .all-prev {width: 15px; height: 19px;}
.notice .pager .prev {width: 10px; height: 19px;}
.notice .pager .all-next {width: 15px; height: 19px;}
.notice .pager .next {width: 10px; height: 19px;}
.detail-box {}
.detail-box ul {}
.detail-box ul li {width: 100%; margin-bottom: 20px;}
.detail-box ul li:last-of-type {margin-bottom: 0;}
.detail-box ul li .child-box {position: relative; display: flex; align-items: center; width: 100%; height: auto; border-radius: 10px; padding: 17px 30px; background: #f8f8f8; box-sizing: border-box; cursor: pointer;}
.detail-box ul li .child-box p {display: flex; flex-flow: column; max-width: 70%;}
.detail-box ul li .child-box .number_tit {margin-right: 30px; min-width: 68px;}
.detail-box ul li .child-box .number_tit .number {font-size: 24px; font-weight: 300; line-height: 0.96; color: #262626;}
.detail-box ul li .child-box .number_tit .tit {font-size: 18px; font-weight: 400; line-height: 1.28; color: #262626;}
.detail-box ul li .child-box .date_sub-tit {}
.detail-box ul li .child-box .date_sub-tit .date {font-size: 14px; font-weight: 300; line-height: 1.64; color: #888;}
.detail-box ul li .child-box .date_sub-tit .sub-tit {font-size: 18px; font-weight: 300; line-height: 1.28; color: #262626; }
.detail-box ul li .child-box .toggle-btn {position: absolute; top: 50%; right: 30px; transform: translateY(-50%); display: flex; align-items: center; font-size: 18px; font-weight: 500; line-height: 1.28; color: #1bae82;}
.detail-box ul li .child-box .toggle-btn img {width: 20px; margin-left: 7px; margin-bottom: 5px;}
.detail-box ul li.active .child-box .toggle-btn img {transform: rotate(-180deg);}

.detail-box ul li .detail_content {display: none; width: 100%; padding: 0 30px 40px; box-sizing: border-box; background: #f8f8f8; border-radius: 0 0 10px 10px;}
.detail-box ul li .detail_content .tit {padding-top: 40px; margin-bottom: 8px; font-size: 18px; line-height: 1.28; color: #262626; border-top: 1px solid #e6e6e6;}
.detail-box ul li .detail_content .txt {font-size: 16px; line-height: 1.25; color: #888;}
.detail-box ul li .detail_content .img-box {width: 100%; margin-top: 30px;}
.detail-box .detail_content p {line-height: 1.2; font-size: 16px; font-weight: 300;}
/* //detail-box */

/* tab-btns */
.tab-btns {display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 60px;}
.tab-btns a {display: flex; align-items: center; justify-content: center; width: 197.5px; height: 50px; background: #c8c8c8; border-radius: 5px; font-size: 18px; font-weight: 400; line-height: 1.2; letter-spacing: -0.36px; color: #fff; transition: all 0.3s;}
.tab-btns a:hover {background: #262626; transition: all 0.3s;}
.tab-btns a.active {background: #262626; transition: all 0.3s;}
/* //tab-btns */

/* header */
header {position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: #fff; box-shadow: 0 5px 6px 0 rgba(15, 16, 23, 0.17); z-index: 9999;}
header .container {position: relative; display: flex; align-items: center; justify-content: space-between;}
header .logo {width: 213px; height: auto;}
header .logo {animation: opacity 2s both;}
@keyframes opacity {
  0%{opacity: 0;}
  100%{opacity: 1;}
}
header nav ul {display: flex; align-items: center; margin: 0 -20px;}
header nav ul li {position: relative; transition: all 0.3s; overflow: hidden; animation: opacity 1s both;}
header nav ul li:hover {transition: all 0.3s;}
header nav ul li:hover > a {transition: all 0.3s; color: #1bae82; cursor: pointer;}
header nav ul li.active > a {color: #1bae82;}
header .container nav ul li > a img.on {transform: rotate(-180deg);}
header nav ul li > a { display: flex; align-items: center; justify-content: center; margin: 0 20px; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.5; color: #5a5a5a;}
header nav ul li:nth-child(1) > a {padding: 10px !important; background: var(--pr); color: #fff; box-sizing: border-box; border-radius: 30px; font-size: 15px !important;}
header nav ul li > a > img {width: 15px; height: 9px; margin-left: 5px;}
header nav ul li > .sub-menu {position: absolute; bottom: -105px; right: 0; display: none; padding: 10px 20px; background: #0053ff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-radius: 15px 0px 15px 10px; opacity: 0; z-index: -1; transition: all 0.3s;}
header nav ul li.hover > .sub-menu {animation: hover-out-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
header nav ul li.hover {overflow: initial; transition: all 0.3s;}
@keyframes hover-out-center {
  0% {
    z-index: 1;
    bottom: -120px;
    opacity: 0.6;
  }
  50% {
    z-index: 1;
    bottom: -110px;
    opacity: 0.8;
  }
  100% {
    bottom: -105px;
    opacity: 1;
  }
}

header nav ul li > .sub-menu a {display: block; text-align: right; font-size: 18px; font-weight: 300; line-height: 1.5; color: #fff; white-space: nowrap; transition: all 0.3s;}
header nav ul li > .sub-menu a:hover {background: #fff; color: #0053ff; transition: all 0.3s;}

.language-btn {position: absolute; left: 50px; top: 100px;}
.language-btn a {opacity: 0.8; display: flex; align-items: center; justify-content: center; width: 55px; height: 26px; background: #1bae82; border-radius: 13px; font-size: 13px; font-weight: 400; line-height: 1.54; color: #fff; border: 1px solid #1bae82; box-sizing: border-box; transition: all 0.3s;}
.language-btn a.on {color: #fff; border: 1px solid #1bae82; transition: all 0.3s; transform: scale(1.2);} 
.language-btn a:hover {color: #fff; border: 1px solid #1bae82; transition: all 0.3s; transform: scale(1.2);} 
.language-btn a span {margin-right: 5px;}
.language-btn a img {width: 12px; height: 12px; transition: all 0.3s;}
.language-btn a:hover img {transform: rotate(-360deg); transition: all 0.3s;}
/* //header */


/* visual */
.visual .photo_cp{position: absolute; right: 20px; top: 20px; color: #fff; font-size: 13px;z-index: 2;}

.visual {position: relative; width: 100%; height: 600px; margin-top: 80px;}
.visual::after {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 620px; background: rgba(0, 0, 0, 0.2); z-index: 1;}
.visual .bg-video {width: 100%; height: 600px; object-fit: cover;}
.visual video{width: 100%; height: 100%;}
.visual .bg-video {width: 100%; height: 620px; object-fit: cover;}
.visual img{width: 100%; height: 100%;}
.visual .kv-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 100%; text-align: center;}
.visual .kv-box .sub-tit {font-family: 'Poppins', sans-serif; font-size: 50px; font-weight: bold; font-style: italic; line-height: 1.2; color: #fff; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.visual .kv-box .tit {font-family: 'Poppins', sans-serif; font-size: 80px; font-weight: bold; font-style: italic; line-height: 0.75; color: #74c9ff; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.visual .content {position: absolute; bottom: -211px; width: 100%; z-index: 2;}
.visual .content ul {display: flex; justify-content: center;}
.visual .content ul li {width: 350px;; margin-right: 60px; background: #fff; border-radius: 5px; overflow: hidden; transition: all 0.3s; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);}
.visual .content ul li:last-of-type {margin-right: 0;}
.visual .content ul li .child-box {display: flex; align-items: center; justify-content: center; flex-flow: column; width: 100%; height: 100%; padding: 35px 39px; box-sizing: border-box;}
.visual .content ul li:hover {margin-top: -30px; transition: all 0.3s;}
.visual .content ul li:hover .child-box .img-box img {transform: scale(1.2); transition: all 0.3s;}
.visual .content ul li .child-box .img-box {width: 80px; height: 80px; margin: 0 auto; margin-bottom: 30px;}
.visual .content ul li .child-box .img-box img {width: 100%; height: 100%; transition: all 0.3s;}
.visual .content ul li .child-box .txt-box {text-align: center;}
.visual .content ul li .child-box .txt-box .tit {font-family: 'Poppins', sans-serif; margin-bottom: 10px; font-size: 24px; font-weight: bold; line-height: 1; color: #1bae82;}
.visual .content ul li .child-box .txt-box .sub-tit {font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; color: #888; word-break: keep-all;}
.visual .content ul li .child-box .href-btn {margin-top: 25px;}
.visual .content ul li .child-box .href-btn a {font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 600; line-height: 1.5; color: #585858;}

/* kv-btn_box */
.visual .kv-btn_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; max-width: 1500px; width: 100%; padding: 0 50px; box-sizing: border-box; text-align: left;}
.visual .kv-btn_box .request-btns a {display: flex; align-items: center; justify-content: center; width: 320px; height: 50px; margin-bottom: 10px; background: #00acc7; font-size: 18px; font-weight: normal; line-height: 1.67; letter-spacing: -0.36px; color: #fff; border-radius: 5px; transition: all 0.3s;}
.visual .kv-btn_box .request-btns a:last-of-type {margin-bottom: 0;}
.visual .kv-btn_box .request-btns a:hover {transform: scale(1.2); transition: all 0.3s;}
.visual .kv-btn_box .kv_txt {font-family: 'Noto Sans KR', sans-serif; font-size: 30px; font-weight: bold; line-height: 1.47; color: #fff; white-space: nowrap;}
.visual .kv-btn_box .kv_sub {margin-top: 10px; margin-bottom: 10px; font-family: 'Noto Sans KR', sans-serif; font-size: 18px; line-height: 1.47; color: #fff;}
.visual .kv-btn_box .kv_sub2 {margin-top: 10px; font-family: 'Noto Sans KR', sans-serif; font-size: 22px; line-height: 1.47; color: #fff;}
/* //kv-btn_box */

/* //visual */

/* main-sec */
.main-sec {background: #f6f6f6; width: 100%; height: 400px;}
/* //main-sec */

/* main section */
.main-sec1 {background: #fff; padding: 70px 0 80px;}
.main-sec1 .tit{font-family: 'Poppins', sans-serif;}

/* form */
form.form-box {width: 850px; margin: 0 auto;}
form.form-box input {width: 100%; height: 50px; border-radius: 5px; padding: 0 15px; margin-bottom: 10px; box-sizing: border-box; background: #f6f6f6; font-size: 16px; font-weight: 300; line-height: 1.44; color: #262626;}
form.form-box input::placeholder {color: #b4b4b4;}
form.form-box select {width: 100%; height: 50px; border-radius: 5px; padding: 0 15px; margin-bottom: 10px; box-sizing: border-box; background: #f6f6f6; font-size: 16px; font-weight: 300; line-height: 1.44; color: #b4b4b4; appearance: none; background: url(./../img/select_icon.png)no-repeat 98% 50%; background-size: 20px 12px; background-color: #f6f6f6;}
/* form.form-box .selected {color: #b4b4b4;} */
form.form-box textarea {font-family: 'Noto Sans KR', sans-serif; width: 100%; height: 182px; margin-bottom: 10px; border-radius: 5px; padding: 15px; background: #f6f6f6; box-sizing: border-box; resize: none; font-size: 16px; font-weight: 300; line-height: 1.44; color: #262626;}
form.form-box textarea::placeholder {color: #b4b4b4;}

button.submit {display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; border-radius: 5px; background: #1bae82; font-size: 18px; font-weight: normal; line-height: 1.67; letter-spacing: -0.36px; color: #fff;}
/* //form */
/* //main section */

/* sub-sec */
.sub-sec {padding-top: 70px; overflow: hidden;}
.organization_area {padding-bottom: 80px; display: none;}
/* //sub-sec */

/* sub-sec1 */
#sub-sec1 {padding-bottom: 60px; background: #fff;}
#sub-sec1 .content {display: flex; align-items: center; justify-content: center;}
#sub-sec1 .content .img-box {min-width: 300px; height: 350px; margin-right: 50px;; border-radius: 5px; overflow: hidden;}
#sub-sec1 .content .txt-box {text-align: left;}
#sub-sec1 .content .txt-box .text {margin-bottom: 40px; font-size: 18px; font-weight: 300; line-height: 1.28; color: #929292;}
#sub-sec1 .content .txt-box .signature-area {display: flex; align-items: center; justify-content: space-between;}
#sub-sec1 .content .txt-box .signature-area .position {font-size: 18px; font-weight: 300; line-height: 1.28; color: #000;}
#sub-sec1 .content .txt-box .signature-area .signature {display: flex; align-items: baseline;}
#sub-sec1 .content .txt-box .signature-area .signature .name1 {margin-right: 10px; font-size: 24px; font-weight: 500; line-height: 0.96; color: #000;}
#sub-sec1 .content .txt-box .signature-area .signature .name2 {font-size: 18px; font-weight: 300; line-height: 1.28; color: #000;}
/* //sub-sec1 */

/* sub-sec2 */
#sub-sec2 {padding-bottom: 79px; background: #fff; border: none; margin-bottom: 0;}
#sub-sec2.sub-sec2-1 {padding-bottom: 136px; background: #fff;}
#sub-sec2 .content {}
#sub-sec2 .content .video-box {width: 100%; height: auto; text-align: center;}
#sub-sec2 .content .video-box video {width: 100%; height: 475px; object-fit: cover;}
#sub-sec2 .content .video-box img {width: 100%; height: 475px; object-fit: cover; border-radius: 10px;}
#sub-sec2 .content .video-box img.people {height: 594px;}
#sub-sec2 .content .video-box img.Graph {height: 407px; margin-bottom: 40px;}
#sub-sec2 .content .video-box img.Graph2 {width: 650px; height: 410px; margin: 0 auto; margin-bottom: 40px;}
#sub-sec2 .content .video-box .txt-box {margin-top: 25.5px; margin-bottom: 50px;  font-size: 16px; font-weight: 300; line-height: 1.4; color: #585858; text-align: left;}
.sub-sec .list-content:not(:last-of-type) {margin-bottom: 50px;}
.sub-sec .list-content.list-content2:not(:last-of-type) {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e6e6e6;}
.sub-sec .list-content dl {display: flex; align-items: center; margin-bottom: 25px;}
/* .sub-sec .list-content dl:last-of-type {margin-bottom: 0;} */
.sub-sec .list-content dl dt > span {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background: #1bae82; margin-right: 8px; font-size: 20px; font-weight: bold; color: #fff;}
.sub-sec .list-content dl dd { font-size: 24px; font-weight: 500; line-height: 1.4; color: #1bae82;}
.sub-sec .list-content .txt-box { font-size: 18px; font-weight: 400; line-height: 1.28; color: #262626;}
.sub-sec .list-content.list-content2 .txt-box:not(:first-of-type) {margin-top: 25px;}
.sub-sec .list-content .txt-box2 {font-size: 16px;}
.sub-sec .list-content .description {font-size: 16px; font-weight: 300; line-height: 1.25; color: #888; margin-top: 8px; word-break: keep-all;}
.sub-sec .list-content .img-box {width: calc(100% - 60px); margin-top: 30px;}
.sub-sec .list-content .img-box2 {width: 100%;}
.sub-sec .list-content .img-box3 {width: 300px; margin: 28px 0;}
.sub-sec .list-content .img-box4 {margin-bottom: 30px;}

.sub-sec .list-content .img-box_txt {display: flex; align-items: center;}
.sub-sec .list-content .img-box_txt .img-box {min-width: 450px; width: 450px; margin-right: 30px;}
.sub-sec .list-content .txt-box.txt-box2:not(:first-of-type) {margin-top: 10px;}
.sub-sec .list-content .img-box_txt .txt-box .tit {margin-bottom: 3px; font-size: 18px; font-weight: 400; line-height: 1.28; color: #262626;}
.sub-sec .list-content .img-box_txt .txt-box .txt {margin-bottom: 15px; font-size: 16px; font-weight: 300; line-height: 1.25; color: #888;}
.sub-sec .list-content .img-box_txt .txt-box .txt:last-of-type {margin-bottom: 0;}


/* sub-sec9 */
#sub-sec9 {padding-bottom: 120px; background: #585858;}
#sub-sec9 .tit-box .tit {margin-bottom: 0;}

/* sub-sec11 */
#sub-sec11 {padding-bottom: 80px; padding-top: 50px;}
#sub-sec11 .tit-box {padding: 0 30px;}
.big_list {}
.big_list ul {}
.big_list ul li {margin-bottom: 40px;}
.big_list ul li:last-of-type {margin-bottom: 0;}
.big_list ul li .img-box {width: 100%; height: 477.3px; margin-bottom: 15.7px; border-radius: 10px; overflow: hidden;}
.big_list.big_list2 ul li .img-box {height: 600px;}
.big_list.big_list2 ul li:first-child .img-box {height: 652.5px;}
.big_list ul li .img-box img {width: 100%; height: 100%;}
.big_list ul li .txt-box {}
.big_list ul li .txt-box p {font-size: 18px; font-weight: 300; line-height: 1.28; color: #262626;}
/* footer */
footer {padding: 56.7px 0 46px; background: #f6f6f6;}
footer .container {position: relative; display: flex; justify-content: center; align-items: center;}
footer .f-logo {width: 213px; min-width: 213px; margin-right: 70px;}
footer .f-logo img {object-fit: initial;}
footer address {font-size: 15px; font-weight: 300; line-height: 1.4; color: #262626;}
.Copyright {margin-top: 5px; font-size: 15px; font-weight: 300; line-height: 1.53; color: #888;}
.f_sns {position: absolute; top: 50%; right: 50px; transform: translateY(-50%); display: flex; align-items: center;}
.f_sns a {width: 40px; margin-right: 10px;}
.f_sns a:last-child {margin-right: 0;}


.footer-b {background: #f6f6f6;}
.footer-b .container {display: flex; align-items: center; justify-content: center; padding-bottom: 50px; margin-bottom: 40px; border-bottom: 1px solid #c7c7c7;}
.footer-b .f-left {margin-right: 139px;}
.footer-b .f-left .img-box {width: 157.2px; height: auto; margin-bottom: 19.8px;}
.footer-b .f-left .f-tit {font-size: 30px; font-weight: 600; line-height: 1; color: #060201;}
.footer-b .f-right {}
.footer-b .f-right .f-nav {}
.footer-b .f-right .f-nav ul {display: flex;}
.footer-b .f-right .f-nav ul li {}
.footer-b .f-right .f-nav ul li > a {padding-right: 70px; font-size: 20px; font-weight: 400; line-height: 1.5; color: #060201;}
.footer-b .f-right .f-nav ul li:last-of-type > a {padding-right: 0;}
.footer-b .f-right .f-nav ul li .nav-sub {}
.footer-b .f-right .f-nav ul li .nav-sub > a {display: block; padding: 7px 0; font-size: 18px; font-weight: 300; line-height: 1.5; color: #545454;}
/* //footer */



/* admin */
.admin_login {position: relative; width: 100%; height: 100vh; overflow: hidden; background: #f6f6f6;}
/* .admin_login:before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 1;} */
.admin_login .img-box {width: 100%; height: 100%;}
.admin_login .img-box img {object-fit: cover; animation: kenburns-bottom-right 5s ease-out both;}
@keyframes kenburns-bottom-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0); 
    transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 84%;
    transform-origin: 84% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, 15px);
    transform: scale(1.25) translate(20px, 15px);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
.admin_login .login-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.admin_login .login-box .l-logo {width: 200px; margin: 0 auto; margin-bottom: 20px;}
.admin_login .login-box .l-logo img {width: 100%; height:100%;}
.admin_login .login-form {width: 320px; margin: 0 auto;}
.admin_login .login-form form {width: 100%;}
.admin_login .login-form form input {width: 100%; height: 50px; padding: 0 15px; margin-bottom: 10px; border-radius: 5px; background: #fff; font-size: 16px; font-weight: 300; line-height: 1.44; color: #262626; box-sizing: border-box;}
.admin_login .login-form form input::placeholder {color: #b4b4b4;}
.admin_login .login-form form button {display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; border-radius: 5px; background: #1bae82; font-size: 18px; font-weight: normal; line-height: 1.67; letter-spacing: -0.36px; color: #fff;}

.admin_menu-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 320px; margin: 0 auto; z-index: 1;}
.admin_menu-btn a {display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; margin-bottom: 10px; border-radius: 5px; background: #1bae82; font-size: 18px; font-weight: normal; line-height: 1.67; letter-spacing: -0.36px; color: #fff;}
.admin_menu-btn a:last-of-type {margin-bottom: 0;}


/* 고객문의 상세 */
.adm-tit {margin-bottom: 25px; font-size: 30px; font-weight: bold; line-height: 1.47; color: #585858; text-align: center;}
.edit_delete-area {display: flex; align-items: center;}
.edit_delete-area a {font-size: 18px; font-weight: 500; line-height: 1.28; margin-right: 25px;}
.edit_delete-area a:last-of-type {margin-right: 0;}
.edit_delete-area a.edit {color: #003cff;}
.edit_delete-area a.del {color: #ef5f5f;}
.admin-section {min-height: calc(100vh - 282px); margin-top: 80px; padding-top: 30px; padding-bottom: 70px; background: #f6f6f6;}
.client_detail {width: 100%;}
.client_detail .accordion {width: 100%;}
.client_detail .accordion > li {margin-bottom: 30px; cursor: pointer;}
.client_detail .accordion > li:last-of-type {margin-bottom: 0;}
.client_detail .accordion > li .child-box{width: 100%; height: auto; border-radius: 10px; background: #fff; padding: 30px 40px;}
.client_detail .accordion > li .child-box .tit-box {display: flex; align-items: center; justify-content: space-between; margin-bottom: 0;}
.client_detail .accordion > li .child-box .tit-box .left-box {display: flex; align-items: center; justify-content: center;}
.client_detail .accordion > li .child-box .tit-box .left-box .number {margin-right: 17px; font-size: 24px; font-weight: normal; line-height: 0.96; color: #262626;}
.client_detail .accordion > li .child-box .tit-box .left-box .date {font-size: 18px; font-weight: 300; line-height: 1.28; color: #888;}
.client_detail .accordion > li .child-box .tit-box .arrow {display: flex; align-items: center;}
.client_detail .accordion > li .child-box .tit-box .arrow span.arrow-tit {margin-right: 7px; font-size: 18px; font-weight: 500; line-height: 1.28; color: #1267b4;}
.client_detail .accordion > li .child-box .tit-box .arrow span.arrow-img {width: 20px; height: 12px;}
.client_detail .accordion > li .child-box .tit-box .arrow span.arrow-img img {width: 100%; height: 100%;}
.client_detail .accordion > li .child-box .tit-box .arrow.on span.arrow-img img {transform: rotate(-180deg);}

.client_detail .accordion li .child-box .content {display: none; padding-top: 30px; margin-top: 30px; border-top: 1px solid #e6e6e6;}
.client_detail .accordion li .child-box .content ul {width: 100%;}
.client_detail .accordion li .child-box .content ul li {margin-bottom: 50px;}
.client_detail .accordion li .child-box .content ul li:last-of-type {margin-bottom: 0;}
.client_detail .accordion li .child-box .content ul li .tit {font-size: 18px; font-weight: normal; line-height: 1.28; color: #262626;}
.client_detail .accordion li .child-box .content ul li .txt-box {margin-top: 15px; }
.client_detail .accordion li .child-box .content ul li .txt {font-size: 16px; font-weight: 300; line-height: 1.25; color: #888;}
.client_detail .accordion li .child-box .content ul li .txt:last-of-type {margin-bottom: 0;}
.client_detail .accordion li .child-box .content ul li .txt-box a {font-size: 16px; font-weight: 300; line-height: 1.25; color: #1267b4; text-decoration: underline;}
.counseling_btns {display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 50px;}
.counseling_btns button {display: flex; align-items: center; justify-content: center; width: calc(100% / 2); height: 50px; border-radius: 5px; font-size: 18px; font-weight: normal; line-height: 1.67; letter-spacing: -0.36px; color: #fff; margin-right: 10px;}
.counseling_btns button:last-of-type {margin-right: 0;}
.counseling_btns button.completion {background: #1267b4;}
.counseling_btns button.elimination {background: #ef5f5f;}

.pager {display: flex; align-items: center; justify-content: center;}
.pager .all-prev,.prev,.all-next,.next {font-size: 16px; color: #262626;}
.pager .all-prev {margin-right: 15px;}
.pager .all-next {margin-left: 15px;}
.pager ul {display: flex; align-items: center; margin: 0 30px;}
.pager ul li {margin-right: 5px;}
.pager ul li:last-of-type {margin-right: 0;}
.pager ul li a {display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 5px; font-size: 16px; font-weight: normal; line-height: 1.5; color: #585858;}
.pager ul li.active a {background: #1267b4; color: #fff;}
/* //고객문의 상세 */
/* //admin */


/* 롤링 아이템 */
.rolling-item {overflow: hidden;}
.tit-box2 {margin-bottom: 0; padding-top: 69.5px; border-top: 1px solid #eee;}
.rolling-item ul {display: flex; align-items: center; justify-content: flex-start; padding: 65px 0 65px; box-sizing: border-box; margin: 0 -50px;}
.rolling-item ul li {padding: 0 50px; flex: 0 0 auto;}
.rolling-item ul li {will-change: transform;animation: marquee 5s linear infinite alternate-reverse;}
.icon1.naver {width: 104.1px; height: 20px;}
.icon2.samsung {width: 127.5px; height: 20px;}
.icon3.mobis {width: 86.6px; height: 30px;}
.icon4.nsr {width: 104.8px; height: 33.5px;}
.icon5.k_bank {width: 128.1px; height: 30px;}
.icon6.lg {width: 148.8px; height: 20px;}
.icon7.sk {width: 88.8px; height: 35px;}
.icon8.nc {width: 46.1px; height: 25px;}
.icon9.nexon {width: 90.9px; height: 30px;}
.icon10.ministry {width: 127.7px; height: 35px;}
.icon11.sentiance {width: 104.6px; height: 20.1px;}
/* @keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-600px); }
} */
/* .rolling-item ul:first-of-type{animation: 33s linear 0s infinite normal forwards running rollingleft1;} */
.rolling-item ul {animation: 50s linear 0s infinite normal none running rollingleft2;}
@keyframes rollingleft1 { /* 원본용 */
  0% {
      transform: translateX(0);
  }
  50% {
      transform: translateX(-100%);
  }
  50.01%{
      transform: translateX(100%);
  }
  100%{
      transform: translateX(0);
  }
}
@keyframes rollingleft2 { /* 클론용 */
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-200%);
  }
}
/* //롤링 아이템 */


/* 개발자 사이트 템플릿*/
/* 섹션 */
/* //섹션 */
.section1 {padding-top: 150px;}

.collection_img {position: relative; width: 700px;}
.collection_img img {object-fit: initial;}


.section1_1 .all_bg1 {height: 496.1px;}
.section1_1 .all_bg2 {height: 505.9px;}
.section1_1:last-of-type {border: none; margin: 0; padding-bottom: 0; padding-top: 0;}
section.section1_1 .left-box .txt-box {width: 520px; padding-left: 90px;}
section.section1_1 .right-box .txt-box {width: 520px; padding-left: 90px;}
section.section1_1 .container {justify-content: flex-start;}
/* section1 */
.collection_img img:first-of-type {width: 100%;}
.collection_img img:not(:first-of-type) {position: absolute;}
.collection_img img.hand {width: 300px; height: 221.5px; left: 50%; bottom: 0; transform: translateX(-50%);}
.collection_img img.hand {animation: hand 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
@keyframes hand {
  0%{
    transform: translateX(-50%) translateY(80px) rotate(11deg);
  }
  50%{
    transform: translateX(-50%) rotate(-5deg);
  }
  100%{
    transform: translateX(-50%) translateY(0);
  }
}
.collection_img img.decoration {width: 150px; height: 145px; left: 0; top: 207px;}
.collection_img img.cf {width: 145px; height: 144px; right: 0; top: 186px;}
/* //section1 */

/* section2 */
.section3 .collection_img img.all_bg {height: 527.8px;}
.section2 .collection_img img.main2_bottom {width: 68px; height: 235.5px; right: 210px; bottom: 0;}
/* .section2 .collection_img img.main2_bottom {animation: main2_bottom 4s cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite alternate; z-index: 3;} */
@keyframes main2_bottom {
  0%{
    /* transform: rotate3d(1, 1, 1, -21deg); */
    right: 210px;
    bottom: 0;
  }
  10%{
    right: 220px;
  }
  10%{
    right: 230px;
  }
  20%{
    right: 240px;
  }
  30%{
    right: 250px;
  }
  40%{
    right: 240px;
  }
  40%{
    right: 230px;
  }
  50%{
    right: 220px;
  }
  60%{
    right: 210px;
  }
  70%{
    right: 220px;
  }
  80%{
    right: 230px;
  }
  90%{
    right: 240px;
  }
  100%{
    right: 250px;
    transform: rotateY(-135deg);
    bottom: 84px;
  }
}
.section2 .collection_img img.main2_left {width: 160.6px; height: 208px; left: 0; bottom: 107.8px;}
/* .section2 .collection_img img.main2_left {animation: main2_left 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite alternate; z-index: 1;} */
@keyframes main2_left {
  0%{
    /* transform: rotate3d(1, 1, 1, -21deg); */
    left: 0;
  }
  100%{
    left: 50px;
  }
}
.section2 .collection_img img.main2_middle {width: 79.5px; height: 235.3px; left: 266.5px; bottom: 111.5px;}
/* .section2 .collection_img img.main2_middle {animation: main2_middle 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite alternate; z-index: 2;} */
@keyframes main2_middle {
  0%{
    /* transform: rotate3d(1, 1, 1, -21deg); */
    left: 266.5px;
    bottom: 111.5px;
  }
  30%{
    left: 366.5px;
  }
  60%{
    left: 466.5px;
    bottom: 300.5px;
  }
  100%{
    left: 453.5px;
    bottom: 300.5px;
  }
}
.section2 .collection_img img.main2_ri {width: 115px; height: 218.2px; right: 68px; bottom: 135.6px;}

.txt-box .content ul.icon-ul {display: flex; align-items: center; justify-content: center;}
.txt-box .content ul.icon-ul li {margin-right: 70px;}
.txt-box .content ul.icon-ul li:last-of-type {margin-right: 0;}
.txt-box .content ul.icon-ul li a {display: block;}
.txt-box .content ul.icon-ul li a span {display: block; padding-bottom: 0;}
.txt-box .content ul.icon-ul li a span.img-box {width: 40px; height: 40px; margin: 0 auto; margin-bottom: 13px;}
.txt-box .content ul.icon-ul li a span.tit {margin-bottom: 5px; font-size: 24px; font-weight: 500; line-height: 0.96; color: #060201; white-space: nowrap; text-align: center;}
.txt-box .content ul.icon-ul li a span.txt {margin-bottom: 15px; font-size: 18px; font-weight: 300; line-height: 1.28; color: #949494; text-align: center;}
.txt-box .content ul.icon-ul li a span.button {margin-bottom: 50px; font-size: 18px; line-height: 1.28; color: #0053ff; text-align: center;}
/* //section2 */

/* section3 */
.section3 .left-box .txt-box {width: 510px;}
.txt-box .content ul.txt-ul {display: flex; align-items: baseline; margin-bottom: 34px;}
.txt-box .content ul.txt-ul:last-of-type {margin-bottom: 50px;}
.txt-box .content ul.txt-ul li {margin-right: 58px;}
.txt-box .content ul.txt-ul li:last-of-type {margin-right: 0;}
.txt-box .content ul.txt-ul li .child-box {}
.txt-box .content ul.txt-ul li .child-box .tit {margin-bottom: 5px; font-size: 40px; font-weight: 500; line-height: 1.25; color: #0053ff;}
.txt-box .content ul.txt-ul li .child-box .txt {font-size: 18px; font-weight: 300; line-height: 1.28; color: #585858;}

.section3 .collection_img img.all_bg {height: 589.4px;}
.section3 .collection_img img.main3_left {width: 110px; height: 216px; left: 42px; bottom: 98.7px;}
/* .section3 .collection_img img.main3_left {animation: main3_left 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite alternate; z-index: 3;} */
@keyframes main3_left {
  0%{
    left: 42px;
  }
  100%{
    left: 72px;
    height: 180px;
  }
}
.section3 .collection_img img.main3_right {width: 145px; height: 219px; right: 21px; bottom: 152.7px;}
/* .section3 .collection_img img.main3_right {animation: main3_right 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite alternate;} */
@keyframes main3_right {
  0%{
    right: 21px;
  }
  100%{
    right: 30px;
  }
}
.section3 .collection_img img.main3_top {width: 96px; height: 143px; right: 269px; top: 0;}
/* .section3 .collection_img img.main3_top {animation: main3_top 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite alternate;} */
@keyframes main3_top {
  0%{
    top: 0;
  }
  100%{
    top: 20px;
  }
}
/* //section3 */

/* //section4 */
.section4 .container {justify-content: flex-start;}
.section4 .left-box {margin-right: 106px;}
.txt-box .content ul.list-ul {display: flex; align-items: center; flex-wrap: wrap; margin: 0 -10px;}
.txt-box .content ul.list-ul li {width: calc(100% / 2); padding: 0 10px; box-sizing: border-box; margin-top: 20px;}
.txt-box .content ul.list-ul li:nth-child(-n+2) {margin-top: 0;}
.txt-box .content ul.list-ul li .child-box {display: flex; align-items: center; justify-content: center; height: 60px; border-radius: 5px; border: 1px solid #c7c7c7; background: #fff; box-sizing: border-box;}
.txt-box .content ul.list-ul li .child-box img {width: auto; transition: all 0.3s; opacity: 0.6;}
.txt-box .content ul.list-ul li:hover .child-box img {transform: scale(1.2); transition: all 0.3s;}
.txt-box .content ul.list-ul li .child-box img.naver {width: 104.1px; height: 20px;}
.txt-box .content ul.list-ul li .child-box img.samsung {width: 127.5px; height: 20px;}
.txt-box .content ul.list-ul li .child-box img.mobis {width: 86.6px; height: 30px;}
.txt-box .content ul.list-ul li .child-box img.nsr {width: 104.8px; height: 33.5px;}
.txt-box .content ul.list-ul li .child-box img.k_bank {width: 128.1px; height: 30px;}
.txt-box .content ul.list-ul li .child-box img.lg {width: 148.8px; height: 20px;}
.txt-box .content ul.list-ul li .child-box img.sk {width: 88.8px; height: 35px;}
.txt-box .content ul.list-ul li .child-box img.nc {width: 46.1px; height: 25px;}
.txt-box .content ul.list-ul li .child-box img.nexon {width: 90.9px; height: 30px;}
.txt-box .content ul.list-ul li .child-box img.ministry {width: 127.7px; height: 35px;}
.txt-box .content ul.list-ul li .child-box img.sentiance {width: 104.6px; height: 20.1px;}

/* .section4 .collection_img img.all {object-fit: cover;} */
/* .collection_img {height: auto;} */
.section4 .collection_img img.all_bg {height: 697.2px;}
.section4 .collection_img img.main4_bottom {width: 214px; height: 230px; left: 157px; bottom: 37.6px;}
.section4 .collection_img img.main4_right {width: 116px; height: 99px; right: 0; bottom: 235.6px;}
/* .section4 .collection_img img.main4_right {animation: main4_right 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite alternate;} */
@keyframes main4_right {
  0%{
    transform: rotateX(48deg);
    transform: rotatey(48deg);
  }
  100%{
    transform: rotateX(-48deg);
    transform: rotatey(-48deg);
  }
}
.section4 .collection_img img.main4_top {width: 133px; height: 333px; right: 66px; top: 75.6px;}
/* //section4 */

section .left-box .txt-box {width: 474px; padding-left: 115px;}
section .right-box .txt-box {width: 567px;}
section .txt-box .tit {margin-bottom: 15px; font-size: 50px; font-weight: 600; line-height: 1; color: #060201;}
.an_up {animation: slide-up 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@keyframes slide-up {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.an_left {animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@keyframes slide-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.an_right {animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@keyframes slide-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
section.section2 .txt-box .tit {margin-bottom: 50px;}
section.section3 .txt-box .tit {margin-bottom: 50px;}
section.section4 .txt-box .tit {margin-bottom: 50px;}
section .txt-box .sub-tit {margin-bottom: 30px; font-size: 18px; font-weight: 300; line-height: 1.28; color: #585858;}
section .txt-box .more-btn {display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; box-sizing: border-box; border-radius: 5px; background: #0053ff; font-size: 18px; font-weight: normal; line-height: 1.5; color: #fff;}
/* //개발자 사이트 */

/* map-area */
.map-area {width: 100%; height: auto; padding: 69.5px 0; border-top: 2px solid #eee; box-sizing: border-box; text-align: center;}
.map-area iframe {width: 850px; height: 606.4px; margin: 0 auto;}
.map-area .tit-box {margin-bottom: 49.5px;}
/* //map-area */

.img-box .photo_cp{text-align: center; margin-left: 10px; margin-top:-25px; position: absolute; color: #fff; font-size: 13px;z-index: 2; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}

/* 에디터 */
.ck-restricted-editing_mode_standard[aria-label="리치 텍스트 편집기, main"] {height: 350px !important;}

/* 다운로드 링크 */
.download_link-area {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 10px; margin-top: 50px;}
.download_link-area .down_link {font-size: 16px; font-weight: bold; color: #000;}


/* 23-07-20 */
.img-list_new {width: 100%; height: auto;}
.img-list_new ul {display: flex; flex-wrap: wrap; gap: 80px 0; margin: 0 -20px;}
.img-list_new ul li {position: relative; width: calc(100% / 2); padding: 0 20px; box-sizing: border-box; z-index: 1;}
.img-list_new ul li:before {position: absolute; content: ''; top: 125px; display: block; width: 2000vh; height: 5px; background: #b3e4d6; z-index: -1;}
.img-list_new ul li:nth-child(odd):before {position: absolute; left: -1000vh;}
.img-list_new ul li:nth-child(even):before {position: absolute; right: -60vh; opacity: 0;}
.img-list_new ul li:nth-child(1):before {width: 40px; left: auto; right: -20px;}
.img-list_new ul li:nth-child(2):before {opacity: 1; right: -1990vh;}
/* .img-list_new ul li:nth-child(11):before {left: -1990vh;} */

.img-list_new ul li .child-box {width: 100%;}
.img-list_new ul li .child-box .img-box {width: 100%; height: auto; margin-bottom: 15px;}
.img-list_new ul li .child-box .img-box img {width: 100%; height: auto; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.33);}
.img-list_new ul li .child-box .txt-box {}
.img-list_new ul li .child-box .txt-box .date-neme {margin-bottom: 10px; font-size: 18px; font-weight: 500; line-height: 1.28; color: #262626;}
.img-list_new ul li .child-box .txt-box .txt {margin-bottom: 5px; font-size: 16px; font-weight: 300; line-height: 1.25; color: #262626; white-space: pre-line;}
.img-list_new ul li .child-box .txt-box .txt-sub {font-size: 15px; font-weight: 300; line-height: 1.33; color: #888;}

/* new about 24/07.24 */
.new_about {display: flex; align-items: normal; justify-content: space-between; font-family: 'Pre' !important;}
.new_about .left-box {display: flex; flex-flow: column; justify-content: space-between; white-space: nowrap;}
.new_about .left-box .tit {display: flex; font-size: 40px; font-weight: bold; line-height: 1.5; color: #1bae82;}
.new_about .left-box .tit:after {content: ''; display: block; width: 200px; height: 2px; margin: 12px 40px 0; background: #bbb;}
.new_about .left-box .about_logo {max-width: 600px; width: 100%; height: auto;}
.new_about .left-box .about_logo img {width: 100%; height: auto;}

.new_about .right-box {}
.new_about .right-box .list-txt {margin-bottom: 64px;}
.new_about .right-box .list-txt:last-of-type {margin-bottom: 0;}
.new_about .right-box .tit {position: relative; padding-bottom: 23px; margin-bottom: 23px; font-size: 22px; font-weight: bold; line-height: 1.5; color: #1bae82;}
.new_about .right-box .tit:after {position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 160px; height: 2px; background: #1bae82;}
.new_about .right-box .txt {font-size: 16px; font-weight: 400; line-height: 1.5; color: #000;}

/* new_about2 */
.new_about2 {padding-top: 120px; font-family: 'Pre' !important;}
.new_about2 > .tit {display: flex; align-items: center; gap: 40px; margin-bottom: 80px; font-size: 48px; font-weight: bold; line-height: 1; color: #1bae82; white-space: nowrap;}
.new_about2 > .tit:before {content: ''; display: block; width: 100%; height: 2px; background: #bbb;}
.new_about2 > .tit:after {content: ''; display: block; width: 100%; height: 2px; background: #bbb;}

.new_about2 .img-txt {width: 100%; height: auto;}
.new_about2 .img-txt ul {display: flex; flex-flow: column; gap: 66px;}
.new_about2 .img-txt ul li {width: 100%; height: auto;}
.new_about2 .img-txt ul li .child-box {display: flex; align-items: center;}
.new_about2 .img-txt ul li:nth-child(even) .child-box {flex-flow: row-reverse;}
.new_about2 .img-txt ul li .child-box .txt-box {position: relative; max-width: 800px; width: 100%; height: auto; padding: 48px 195px 65px 120px; box-sizing: border-box; border: 2px solid #bbb; text-align: right;}
.new_about2 .img-txt ul li:nth-child(even) .child-box .txt-box {text-align: left;}
.new_about2 .img-txt ul li .child-box .txt-box .txt_tit {position: relative; padding-bottom: 23px; margin-bottom: 23px; font-size: 28px; font-weight: bold; line-height: 1.5; color: #1bae82;}
.new_about2 .img-txt ul li .child-box .txt-box .txt_tit:after {position: absolute; right: 0; bottom: -2px; content: ''; display: block; width: 160px; height: 2px; background: #1bae82;}
.new_about2 .img-txt ul li:nth-child(even) .child-box .txt-box .txt_tit:after {right: auto; left: 0;}
.new_about2 .img-txt ul li .child-box .txt-box .txt {font-size: 16px; font-weight: 500; line-height: 1.5; color: #000;}
.new_about2 .img-txt ul li .child-box .txt-box .number {position: absolute; top: 24px; left: 16px; font-size: 200px; font-weight: bold; line-height: 1; color: #bbb; opacity: 0.4;}
.new_about2 .img-txt ul li:nth-child(even) .child-box .txt-box .number {position: absolute; top: 24px; left: auto; right: 16px; font-size: 200px; font-weight: bold; line-height: 1; color: #bbb; opacity: 0.4;}

.new_about2 .img-txt ul li:nth-child(1) .child-box .img-box {max-width: 360px; width: 100%; height: auto;}
.new_about2 .img-txt ul li:nth-child(2) .child-box .img-box {max-width: 480px; width: 100%; height: auto;}
.new_about2 .img-txt ul li:nth-child(3) .child-box .img-box {max-width: 560px; width: 100%; height: auto;}

.new_about2 .img-txt ul li .child-box .img-box {position: relative; margin-left: -77px; z-index: 1;}
.new_about2 .img-txt ul li:nth-child(even) .child-box .img-box {margin-left: 0; margin-right: -77px;}

.new_about2 .img-txt ul li .child-box .img-box img {width: 100%; height: auto;}


/* intro */
/* font */
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* //font */
:root {
  --pr : #1bae82;
  --pr2 : #ffc327;
  --black : #000;
  --gray_b : #bbb;
  --wt : #fff;
}
.intro-popup {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: calc(100% - 100px); height: calc(100vh - 80px) !important; border-radius: 20px; background: #000; z-index: 100000; font-family: 'Pre';}
body.on:before {position: fixed; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 10000;}
.intro-popup .intro_close {position: absolute; top: 20px; right: 20px; width: 30px; height: auto; aspect-ratio: 1; z-index: 3;}
.intro-popup .intro_close:before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); content: ''; display: block; width: 2px; height: 100%; background: var(--wt);}
.intro-popup .intro_close:after {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); content: ''; display: block; width: 2px; height: 100%; background: var(--wt);}
.intro-popup.on {}
.intro-popup.on .intro-sec {height: calc(100vh - 170px); border-radius: 20px;}
.intro-popup.on .intro-sec .container {gap: 50px;}
.intro-sec .left-box {min-width: 500px; width: 500px;}
/* .intro-popup.on .intro-sec .container {gap: 50px;}
.intro-sec .right-box .tit-box {margin-bottom: 31.5px;}
.intro-sec .right-box .txt-box {margin-bottom: 30px;}
.intro-sec .left-box {min-width: 500px; width: 500px;} */
/* main intro */
.intro-sec {display: flex; align-items: center; width: 100%; height: calc(100vh - 165px); border-radius: 20px; overflow: auto; overflow-x: hidden; background: url(./../img/intro_bg.png)no-repeat 50% 50%; background-size: cover; background-color: var(--black);}
.intro-sec::-webkit-scrollbar,
.intro-sec::-webkit-scrollbar-thumb,
.intro-sec::-webkit-scrollbar-track {display:none;}
.intro-sec .container {display: flex; align-items: flex-end; justify-content: center; gap: 163px; max-width: 1400px; height: auto; padding: 0;}
.intro-sec .left-box {min-width: 500px; height: auto;}
.intro-sec .left-box .sec_logo {width: 500px; height: auto;}
.intro-sec .left-box .sec_logo img {width: 100%; height: auto;}
.intro-sec .left-box .txt-box {width: auto; padding-left: 0;; margin-top: 32px;}
.intro-sec .left-box .txt-box .txt {font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--wt);}
.intro-sec .left-box .link-btn {display: flex; flex-flow: column; gap: 24px; margin-top: 385px;}
.link-btn a {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 48px; padding: 0 10px 0 24px; border-radius: 58px; background: url(./../img/next_btn.png)no-repeat calc(100% - 20px) 50%; background-size: 20px 20px; background-color: var(--pr); font-family: "Noto Serif KR", serif; font-size: 16px; font-weight: bold; line-height: 1; color: var(--wt); box-sizing: border-box; transition: all .3s;}
.intro-sec .link-btn a {background: initial; background-color: var(--pr); cursor: pointer;}

.link-btn a:hover {transform: scale(1.2); transition: all .3s;}
.link-btn a img {width: 24px; height: auto;}

.intro-sec .right-box {width: 100%; height: auto;}
.intro-sec .right-box .tit-box {position: relative; padding-bottom: 31.5px; margin-bottom: 64.5px; box-sizing: border-box; text-align: left;}
.intro-sec .right-box .tit-box:before {position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 2000vh; height: 1px; background: var(--gray_b);}
.intro-sec .right-box .tit-box .tit {font-size: 32px; font-weight: bold; line-height: 1; color: var(--wt);}
.intro-sec .right-box .tit-box .tit span {color: var(--pr);}
.intro-sec .right-box .txt-box {width: auto; margin-bottom: 84px;}
.intro-sec .right-box .txt-box:last-of-type {margin-bottom: 0;}
.intro-sec .right-box .txt-box .tit {font-size: 22px; font-weight: bold; line-height: 1.5; letter-spacing: 0.66px; color: var(--wt);}
.intro-sec .right-box .txt-box .tit span {color: var(--pr2);}
.intro-sec .right-box .txt-box .txt {font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--wt);}

.intro-sec .description {margin-top: 20px; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--pr2);}

/* view_item */
.view_item {width: 100%; height: auto; margin-top: 97.5px;}
.view_item ul {display: flex; align-items: center; justify-content: center; gap: 328px;}
.view_item ul li {width: 392px; height: auto;}
.view_item ul li .child-box {position: relative; width: 100%; height: auto;}
.view_item ul li .child-box .img-box {position: relative; width: calc(100% - 32px); height: auto;}
.view_item ul li .child-box .img-box:before {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; border: 1px solid var(--wt); border-radius: 187px 187px 0 0;}
.view_item ul li .child-box .img-box img {transform: translate(32px, -24px); width: 100%; height: auto; transition: all .3s;}
.view_item ul li .child-box .img-box .label {opacity: 0; position: absolute; top: calc(50% - 24px); left: calc(50% + 34px); transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 296px; height: 64px; background: rgba(0, 0, 0, 0.4); font-size: 22px; font-weight: bold; line-height: 1.5; color: var(--wt); transition: all .3s;}
.view_item ul li .child-box .img-box:hover .label {opacity: 1; transition: all .3s;}
.view_item ul li .child-box .img-box:hover img {-webkit-filter: blur(10px); filter: blur(10px); transition: all .3s;}
.view_item ul li .child-box .txt-box {margin-top: 24px; text-align: center;}
.view_item ul li .child-box .txt-box .tit {font-size: 22px; font-weight: bold; line-height: 1.5; color: var(--wt);}
.view_item ul li .child-box .txt-box .txt {margin-top: 28px; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--wt);}


/* tit-box */
.data-content {padding-top: 100px;}
.data-content .tit-box {position: relative; display: flex; align-items: center; justify-content: space-between; margin: 0 -24px; background: var(--black);}
.data-content .tit-box:before {position: absolute; right: 0; content: ''; display: block; width: 2000vw; height: 1px; background: var(--wt); z-index: -1;}
.data-content .tit-box .tit {padding: 0 24px; font-size: 40px; font-weight: bold; line-height: 1; color: var(--wt);}
.data-content .tit-box .tit span {color: var(--pr);}
.data-content .tit-box .slide-btn {position: relative; display: flex; align-items: center; gap: 12px; z-index: 5;}
.data-content .tit-box .slide-btn .swiper-pagination {position: initial; transform: initial; font-size: 18px; font-weight: 400; line-height: 1; color: var(--wt); white-space: nowrap !important;}
.data-content .tit-box .slide-btn .swiper-button {min-width: 24px; height: auto;}
.data-content .tit-box .slide-btn .swiper-button img {width: 100%; height: auto;}

.txt-btn_box {display: flex; align-items: center; justify-content: space-between; width: 100%; height: auto; margin-top: 32px;}

.txt-btn_box .toggle-btn {display: flex; align-items: center; justify-content: space-between; padding: 0 4px 0 16px; box-sizing: border-box; border-radius: 58px; background: var(--pr); font-size: 14px; font-weight: 500; line-height: 1; color: var(--wt); cursor: pointer;}
.txt-btn_box .toggle-btn button {}
.txt-btn_box .toggle-btn button img {width: 24px; height: auto; transition: all .3s;}
.txt-btn_box .toggle-btn.on button img {transform: rotate(180deg); transition: all .3s;}

.txt-btn_box .txt {display: flex; align-items: center; gap: 16px;}
.txt-btn_box .txt .number {font-size: 22px; font-weight: bold; line-height: 1; color: var(--wt);}
.txt-btn_box .txt .tit {font-size: 22px; font-weight: 500; line-height: 1; color: var(--wt);}

/* swiper-slide */
.slide-area {margin-top: 32px;}
.slide-area .swiper {z-index: 5;}
.slide-area .swiper-slide .img-box {width: 100%; height: 226px; border: 0.5px solid var(--wt); box-sizing: border-box;}
.slide-area .swiper-slide .img-box img {width: 100%; height: 100%; object-fit: cover;}
.slide-area .description {margin-top: 24px; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--wt);}

/* toggle-item */
.toggle-item {position: relative; display: none; width: 100%; height: auto; padding-top: 23.5px; margin-top: 23.5px; border-top: 1px solid var(--wt); z-index: 5;}
.toggle-item ul {display: flex; align-items: center; justify-content: flex-start; gap: 40px;}
.toggle-item ul li {width: calc(100% / 4);}
.toggle-item ul li .img-box {width: 100%; height: 164px; border: 0.5px solid var(--wt); box-sizing: border-box;}
.toggle-item ul li .img-box img {width: 100%; height: 100%; object-fit: cover;}


/* bg_item */
.bg_item {position: absolute; top: 100%; right: 0; transform: translateY(-50%); z-index: 2; width: 1181px; height: auto;}

/* vod-area */
.vod-area {width: 100%; height: auto; aspect-ratio: 16/7.7; margin-top: 64px;}
.vod-area iframe {width: 100%; height: 100%;}

/*  */
.language-btn {position: fixed; left: 30px; top: 10px; z-index: 10;}
.language-btn a {opacity: 0.8; display: flex; align-items: center; justify-content: center; width: 55px; height: 26px; background: #1bae82; border-radius: 13px; font-size: 13px; font-weight: 400; line-height: 1.54; color: #fff; border: 1px solid #1bae82; box-sizing: border-box; transition: all 0.3s;}
.language-btn a.on {color: #fff; border: 1px solid #1bae82; transition: all 0.3s; transform: scale(1.2);} 
.language-btn a:hover {color: #fff; border: 1px solid #1bae82; transition: all 0.3s; transform: scale(1.2);} 
.language-btn a span {margin-right: 5px;}
.language-btn a img {width: 12px; height: 12px; transition: all 0.3s;}
.language-btn a:hover img {transform: rotate(-360deg); transition: all 0.3s;}


/* 추가 */
.main-sec1 .last-txt {font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.28; color: var(--black); text-align: center; word-break: keep-all;}
.main-sec1 .last-txt a {font-size: 18px; font-weight: bold; text-decoration: underline; line-height: 1.28; color: var(--black);}