/* font */
/* @import url('http://fonts.cdnfonts.com/css/poppins'); */
@import url('https://fonts.googleapis.com/css2?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');

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

.en {font-family: 'Poppins', sans-serif;}
.kr {font-family: 'Noto Sans KR', sans-serif !important;}

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

/* color */
.black {color: #000 !important;}
/* 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: 1100px; width: 100%; height: 100%; margin: 0 auto; box-sizing: border-box;}
img {object-fit: cover;}
.tit-box {margin-bottom: 30px; text-align: center;}
.tit-box .tit {margin-bottom: 10px;  font-size: 50px; font-weight: 300; line-height: 1.52; 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 {margin-top: 30px; font-size: 18px; font-weight: 300; line-height: 1.28; color: #bcbcbc;}
.tit-box .detail-text {margin-top: 30px; font-size: 18px; font-weight: 300; line-height: 1.39; color: #949494;}
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: #f6f6f6; 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: #f6f6f6;}
.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: #f6f6f6; 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: 60px; background: #1267b4; border-radius: 5px; font-size: 18px; font-weight: normal; letter-spacing: -0.36px; color: #fff;}
/* //무료상담 폼 */

/* 이미지 list형 */
.list-section {padding-top: 150px; padding-bottom: 100px;}
.img-list_box {width: 100%;}
.img-list_box ul {display: flex; justify-content: center; flex-flow: column;}
.img-list_box ul li {margin-bottom: 20px; overflow: hidden; border-radius: 10px;}
.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 {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;}
.img-list_box ul li a .trigger {right: 20px; font-weight: normal;}

.img-content > div {position: relative;}
.img-content > div a {position: absolute; bottom: 21px; left: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 22px; box-sizing: border-box; font-size: 18px; font-weight: 400; line-height: 1.39; color: #fff; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
/* //이미지 list형 */

/* back btn */
.back-btn {position: absolute; top: 110px; left: 50px; display: none; font-size: 18px; line-height: 1.5; color: #000;}
/* //back btn */

/* header */
header {position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: #8c2b5f; box-shadow: 0 5px 6px 0 rgba(15, 16, 23, 0.17); z-index: 9999;}
header .container {display: flex; align-items: center; justify-content: space-between;}
header .logo {width: 178px; height: auto;}
header .logo img {object-fit: initial; height: auto;}
header nav ul {display: flex; align-items: center; margin: 0 -20px;}
header nav ul li {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; border-bottom: 2px solid #fff; color: #fff;}
header nav ul li.active a {border-bottom: 2px solid #fff; color: #fff;}
header 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: 150px; padding-bottom: 85px;}
.sns-area {display: flex; align-items: center; justify-content: center; margin-top: -20px; margin-bottom: 50px;}
.sns-area .more-btn {margin-top: 48px; 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 {width: 680px; box-sizing: border-box; border-radius: 10px; overflow: hidden; cursor: pointer;}
.img-content > div img {width: 100%; height: auto; display: flex; justify-content: center; align-items: center; border-radius: 10px; margin-bottom: 4px;}
.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: calc(100% - 44px); 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;}

.img-list_box {width: 100%; box-sizing: border-box; border-radius: 10px; overflow: hidden; cursor: pointer;}
.img-list_box li {position: relative;}
.img-list_box img {width: 100%; height: auto; display: flex; justify-content: center; align-items: center; border-radius: 10px; margin-bottom: 4px;}
.img-list_box .txt {font-size: 18px; font-weight: 300; line-height: 1.39; color: #888; text-align: center; margin-bottom: 15px;}
.img-list_box .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-list_box .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: #8c2b5f; 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 */
/* //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 */

/* list_txt */
.list_txt {width: 760px; margin: 0 auto; box-sizing: border-box;}
.list_txt ul {display: flex; flex-wrap: wrap; margin: 0 -30px; gap: 57px 0;}
.list_txt ul li {width: calc(100% / 2); padding: 0 30px; box-sizing: border-box;}
.list_txt ul li .child-box {width: 100%; height: auto; padding: 40px 25px; border-radius: 5px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); background-color: #fff; box-sizing: border-box;}
.list_txt ul li .child-box .img-box {width: 120px; height: auto; margin: 0 auto; margin-bottom: 20px;}
.list_txt ul li .child-box .img-box img {width: 100%; height: auto;}
.list_txt ul li .child-box .tit {margin-bottom: 15px; font-size: 24px; font-weight: bold; line-height: 1; color: #000; text-align: center;}
.list_txt ul li .child-box .sub-tit {font-size: 18px; font-weight: 400; line-height: 1.33; color: #949494; text-align: center;}
/* //list_txt */

/* footer */
footer {padding: 36px 0 30px; background: #8c2b5f;}
footer .container {display: flex; justify-content: center; align-items: center; flex-flow: column;}
footer .f-logo {width: 178px; height: auto; margin: 0 auto; margin-bottom: 24px;}
footer .f-logo img {object-fit: initial; width: 100%; height: auto;}
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: 15px; font-weight: 300; line-height: 1.53; color: #fff;}
/* //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: 178px; height: auto; margin: 0 auto; margin-bottom: 20px;}
.admin_login .login-box .l-logo img {width: 100%; height: auto;}
.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: #8c2b5f; 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;}
.client_detail {width: 100%;}
.client_detail .accordion {width: 100%;}
.client_detail .accordion > li {margin-bottom: 30px;}
.client_detail .accordion > li.disabled {position: relative; cursor: no-drop;}
.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 */


/* 퀵메뉴 */
.quick_menu {position: fixed; bottom: 40px; right: 50px; z-index: 10;}
.quick_menu ul {display: flex; align-items: center; justify-content: center; flex-flow: column;}
.quick_menu ul li {margin-bottom: 10px;}
.quick_menu ul li:last-of-type {margin-bottom: 0;}
.quick_menu ul li a {display: block; width: 60px; height: auto;}
.quick_menu ul li a img {width: 100%; height: auto;}
/* //퀵메뉴 */