/* 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');

header h1 {position: absolute; z-index: -9999; left: -9999px;}
header h2 {position: absolute; z-index: -9999; left: -9999px;}

/* 체크박스 */
.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);}

/* 공통 */
html {scroll-behavior: smooth;}
body {font-family: 'Poppins', 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: 950px; width: 100%; height: 100%; margin: 0 auto; box-sizing: border-box;}
.sub-container.sub-container2 {max-width: 1100px; width: 100%; height: 100%; padding: 0 50px; margin: 0 auto; box-sizing: border-box;}
img {object-fit: cover;}
.tit-box {margin-bottom: 55px; text-align: center;}
.tit-box .tit {margin-bottom: 10px;  font-size: 50px; font-weight: 300; line-height: 1.52; color: #585858;}
.list-section .tit-box .tit {margin-top: 77.5px; font-size: 30px; font-weight: 300; line-height: 1.53; color: #585858;}
.tit-box .tit.white {color: #fff;}
.tit-box .tit.white > b {color: #fff;}
.tit-box .tit > b {font-weight: bold; color: #1267b4;}
.tit-box .sub-tit {font-size: 18px; font-weight: 300; line-height: 1.39; color: #585858;}
.tit-box .detail-text {margin-top: 49px; font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.39; color: #bcbcbc;}
.user-txt {margin-top: 50.5px; font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.28; color: #000;}
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: url(./../img/menu_top.jpg)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.5); z-index: -1;}
.sec-tit_bg .sub-container {display: flex; align-items: flex-start; justify-content: center; flex-flow: column;}
.sec-tit_bg .sub-container .bg-tit { width: 100%; text-align: left;}
.sec-tit_bg .sub-container .bg-tit p.tit {margin-bottom: 8px; font-size: 40px; font-weight: bold; line-height: 1.45; color: #fff;}
.sec-tit_bg .sub-container .bg-tit p.sub-tit {font-size: 18px; font-weight: 300; line-height: 1.5; color: #fff;}

/* 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: 400px; border-radius: 5px; overflow: hidden; transition: all 0.3s; 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 10px; 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: 20px; font-size: 24px; font-weight: bold; line-height: 1; color: #3f91c5; text-align: center;}
.qa-list ul li .child-box .txt-box .sub-tit { 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;}
.free-form_box form .textarea-box textarea::placeholder {color: #b4b4b4;}
.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: 60px; background: #262626; border-radius: 5px; font-size: 18px; font-weight: normal; letter-spacing: -0.36px; color: #fff;}
/* //무료상담 폼 */

/* 이미지 list형 */
.list-section {padding-top: 250px; padding-bottom: 100px;}
.img-list_box {width: 100%;}
.img-list_box ul {display: flex; justify-content: center; flex-flow: column;}
.img-list_box ul.img-list_ul {display: flex; justify-content: initial; flex-flow: initial;}
.img-list_box ul li {margin-bottom: 20px; overflow: hidden; border-radius: 10px;}
.img-list_box ul li.li_item {width: 690px; box-sizing: border-box; border-radius: 10px; overflow: hidden; cursor: pointer;}
.img-list_box ul li.li_item img {width: 100%;height: auto;display: flex;justify-content: center;align-items: center;border-radius: 10px;margin-bottom: 4px;}
.img-list_box.img-list_box2 ul li {margin-bottom: 80px; overflow: hidden; border-radius: 0;}
.img-list_box.img-list_box2 ul li .txt-box {margin-top: 20px;}
.img-list_box.img-list_box2 ul li .txt-box .tit {margin-bottom: 15px; font-size: 24px; font-weight: 500; line-height: 1.04; color: #262626;}
.img-list_box.img-list_box2 ul li .txt-box .text {font-size: 18px; font-weight: 300; line-height: 1.39; color: #585858;}
.img-list_box ul li:last-of-type {margin-bottom: 0;}
.img-list_box ul li a {position: relative; display: block; width: 100%; height: auto; box-sizing: border-box;}
.img-list_box ul li a img {width: 100%; height: auto; border-radius: 10px; box-sizing: border-box; transition: all 0.3s;}
.img-list_box ul li:hover a img {transform: scale(1.2); transition: all 0.3s;}
.img-list_box ul li a > span {position: absolute; bottom: 15px; font-size: 18px; font-weight: 300; line-height: 1.39; color: #fff; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.img-list_box ul li a .tit {left: 20px; font-family: 'Noto Sans KR', sans-serif;}
.img-list_box ul li a .trigger {right: 20px; font-weight: normal;}
/* //이미지 list형 */

/* list_edit */
.admin-section2 .am-tit {margin-bottom: 25px; font-size: 30px; font-weight: bold; line-height: 1.47; color: #585858; text-align: center;}
.list_edit {width: 100%;}
.list_edit ul {}
.list_edit ul li {margin-bottom: 30px;}
.list_edit ul li:last-of-type {margin-bottom: 0;}
.list_edit ul li .child-box {display: flex; align-items: center; justify-content: space-between; padding: 15px 30px; background: #fff; box-sizing: border-box; border-radius: 10px;}
.list_edit ul li .child-box .left-box {display: flex; align-items: center;}
.list_edit ul li .child-box .top_bottun-btns {display: flex; align-items: center; justify-content: center; flex-flow: column; margin-right: 15px;}
.list_edit ul li .child-box .top_bottun-btns button {font-size: 18px; color: #888;}
.list_edit ul li .child-box .top_bottun-btns button.top-button {margin-bottom: 10px;}
.list_edit ul li .child-box .top_bottun-btns button.button-button {}
.list_edit ul li .child-box .list-hover {font-size: 18px; font-weight: 300; line-height: 1.28; color: #888;}
.list_edit ul li .child-box .edit-btns {display: flex; align-items: center;}
.list_edit ul li .child-box .edit-btns button {font-size: 18px; font-weight: 500; line-height: 1.28;}
.list_edit ul li .child-box .edit-btns button.edit {margin-right: 25px; color: #003cff;}
.list_edit ul li .child-box .edit-btns button.elim {color: #ef5f5f;}
.list_edit .top_bottun-btns + div > p {font-size: 24px; margin-right: 20px;}
/* //list_edit */

/* back btn */
.back-btn {position: absolute; top: 167px; left: 0; margin: 0 auto; font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 1.5; color: #000; text-align: left; box-sizing: content-box;}
/* //back btn */

/* header */
header {position: fixed; top: 0; left: 0; width: 100%; height: 146px; padding: 0 50px; background: #fff; z-index: 9999; box-sizing: border-box;}
header .container {position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 21px 0 21.5px; border-bottom: 1px solid #262626;}
header .logo {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 199.2px; height: 104px;}
header .sns_btns {position: absolute; right: 0; top: calc(50% + 10px); transform: translateY(-50%);}
header .sns_btns ul {display: flex; align-items: center;}
header .sns_btns ul li {margin-right: 10px;}
header .sns_btns ul li:last-of-type {margin-right: 0;}
header .sns_btns ul li a {display: block; width: 25px; height: 25px; overflow: hidden; border-radius: 100%; box-sizing: border-box;;}
header .sns_btns ul li a img {opacity: 0.69;}
header nav ul {display: flex; align-items: center; margin: 0 -20px;}
header nav ul li {padding-top: 10px; transition: all 0.3s;}
header nav ul li:hover {margin-top: -5px; transition: all 0.3s;}
header nav ul li:hover a {transition: all 0.3s; color: #262626; font-weight: bold;}
header nav ul li.active a {color: #262626; font-weight: bold;}
header nav ul li a { display: flex; align-items: center; justify-content: center; margin: 0 20px; font-size: 18px; font-weight: 300; line-height: 1.5; color: #262626;}
/* //header */

/* header */
header.admin {position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: #262626; box-shadow: 0 5px 6px 0 rgba(15, 16, 23, 0.17); z-index: 9999;}
header.admin .container {display: flex; align-items: center; justify-content: space-between;}
header.admin .logo {position: initial; transform: initial; width: 105.9px; height: 55px;}
header.admin nav ul {display: flex; align-items: center; margin: 0 -20px;}
header.admin nav ul li {transition: all 0.3s;}
header.admin nav ul li:hover {margin-top: -5px; transition: all 0.3s;}
header.admin nav ul li:hover a {transition: all 0.3s; border-bottom: 2px solid #fff; color: #fff;}
header.admin nav ul li.active a {border-bottom: 2px solid #fff; color: #fff;}
header.admin nav ul li a { display: flex; align-items: center; justify-content: center; margin: 0 20px; font-size: 18px; font-weight: normal; line-height: 1.5; color: #fff;}
/* //header */


/* visual */
.visual {position: relative; width: 100%; height: 600px; margin-top: 80px;}
.visual::after {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 600px; background: rgba(0, 0, 0, 0.6); z-index: 1;}
.visual .bg-video {width: 100%; height: 600px; object-fit: cover;}
.visual video{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: -260px; 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 50px; 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: #3f91c5;}
.visual .content ul li .child-box .txt-box .sub-tit { font-size: 16px; font-weight: normal; line-height: 1.5; color: #888; word-break: break-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;}
.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;}
/* //kv-btn_box */

/* //visual */

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

/* main section */
.main-sec1 {background: #f6f6f6; padding: 316px 0 120px;}

/* main-section */
.main-section {padding-top: 193px; padding-bottom: 85px;}
.sns-area {display: flex; align-items: center; justify-content: center; margin-top: -20px; margin-bottom: 50px;}
.sns-area .more-btn {margin-left: 15px; font-size: 18px; font-weight: normal; line-height: 1.39; color: #585858;}
.sns-area ul {display: flex; align-content: center;}
.sns-area ul li {margin-right: 10px;}
.sns-area ul li:last-of-type {margin-right: 0;}
.sns-area ul li a {display: block; width: 40px; height: 40px; border-radius: 100%; overflow: hidden;}
.sns-area ul li a img {width: 100%; height: 100%;}

/* .img-content {position: relative; width: 100%; height: 100vh; margin: 0 -20px;} */
.img-content > div {position: relative; width: 100%; box-sizing: border-box; border-radius: 10px; overflow: hidden; cursor: pointer; margin-bottom: 20px;}
.img-content > div:last-of-type {margin-bottom: 0;}
.img-content > div img {width: 100%; height: auto; display: flex; justify-content: center; align-items: center; border-radius: 10px;}
.img-content > div .txt {font-size: 18px; font-weight: 300; line-height: 1.39; color: #888; text-align: center; margin-bottom: 15px;}
.img-content > div .dim-txt {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); box-sizing: border-box; border-radius: 10px; font-size: 24px; font-weight: 300; line-height: 1.04; letter-spacing: 7.2px; color: #fff; opacity: 0; transition: all 0.3s;}
.img-content > div .dim-txt:hover {opacity: 1; transition: all 0.3s;}
/* .item1 { height: 800px; }
.item2 { height: 600px; }
.item3 { height: 400px; } */
/* .img-content img:nth-child(even) {right: 0;}
.img-content img:nth-child(odd) {left: 0;} */

/* 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: #f9f9f9; font-size: 16px; font-weight: 300; line-height: 1.44; color: #262626;}
form.form-box input::placeholder {color: #b4b4b4;}
form.form-box textarea {width: 100%; height: 182px; margin-bottom: 10px; border-radius: 5px; padding: 15px; background: #f9f9f9; 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: #262626; font-size: 18px; font-weight: normal; line-height: 1.67; letter-spacing: -0.36px; color: #fff;}

.form-sec {padding-top: 150px; padding-bottom: 100px;}
.form-sec .tit-box {margin-bottom: 51px;}
/* //form */
/* //main section */

/* sub-sec */
.sub-sec {padding-top: 60px; overflow: hidden;}
/* //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: 70px; background: #f6f6f6;}
#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: 15px;}
/* .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: #1267b4; margin-right: 8px; font-size: 20px; font-weight: 600; color: #fff;}
.sub-sec .list-content dl dd { font-size: 24px; font-weight: 500; line-height: 1.4; color: #1267b4;}
.sub-sec .list-content .txt-box { font-size: 18px; font-weight: 300; 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;;}


/* 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;}

/* list-section */
.list-section .tit-box {margin-bottom: 40px;}
/* //list-section */

/* footer */
footer {padding: 0 0 54px; background: #fff;}
footer .container {display: flex; justify-content: center; align-items: center; flex-flow: column;}
footer .f-logo {width: 117.4px; height: 115px; margin: 0 auto; margin-bottom: 32px;}
footer .f-logo img {object-fit: initial;}
footer address {margin-bottom: 52px; font-size: 15px; font-size: 300; line-height: 1.4; color: #262626;}
.Copyright {font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.53; color: #333;}
/* //footer */



/* admin */
.admin_login {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.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%); z-index: 1;}
.admin_login .login-box .l-logo {width: 200px; height: 103px; 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: #262626; 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: #262626; 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;}


/* 고객문의 상세 */
.admin-section {display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 80px); margin-top: 80px; padding-top: 30px; padding-bottom: 70px; background: #f6f6f6;}
.admin-section2 {display: block; min-height: calc(100vh - 80px); 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;}
.client_detail .accordion > li.disabled {position: relative; }
.client_detail .accordion > li.disabled .child-box {position: relative; background: #e6e6e6;}
/* .client_detail .accordion > li.disabled::before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; z-index: 1;} */
.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; box-sizing: border-box;}
.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; cursor: pointer;}
.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%; cursor: text;}
.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; cursor: initial;}
.client_detail .accordion li .child-box .content ul li .txt-box {margin-top: 15px; cursor: initial;}
.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: #262626;}
.counseling_btns button.elimination {background: #ef5f5f;}

.pager {display: flex; align-items: center; justify-content: center; margin-top: 71px;}
.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 */

/* 에디터 */
.ck-restricted-editing_mode_standard[aria-label="리치 텍스트 편집기, main"] {height: 451px !important;}
figure{margin-bottom: 20px; overflow: hidden; border-radius: 10px;}