/* 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');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&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;}

/* 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: 'Noto Sans KR', sans-serif; overflow-x: hidden; min-width: 320px;}
img {height: auto; object-fit: initial;}
.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-sec2_1 .sub-container {max-width: 800px;}
.new_sec .qusetion_sec {max-width: 800px;}

img {object-fit: cover;}
.tit-box {margin-bottom: 70px; text-align: center;}
.tit-box .tit {margin-bottom: 20px;  font-size: 50px; font-weight: 600; line-height: 1; color: #060201;}
.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.28; color: #585858;}
.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;}

/* pager */
.pager {display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.pager {padding-top: 53px; margin-top: 0;}
.pager ul {display: flex;}
.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; font-size: 16px; font-weight: 400; color: #585858; border-radius: 5px;}
.pager ul li.active a {background: #0053ff; color: #fff;}
.pager .all-prev {width: 15px; height: 19px;}
.pager .prev {width: 10px; height: auto; margin-right: 30px; margin-left: 15px;}
.pager .all-next {width: 15px; height: auto;}
.pager .next {width: 10px; height: auto; margin-left: 30px; margin-right: 15px;}
/* //pager */

.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/Top_img.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(5,29,78,0.43); z-index: -1;}
.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 {margin-bottom: 5px; font-size: 30px; font-weight: 600; line-height: 1; color: #fff;}
.sec-tit_bg .bg-tit p.sub-tit {font-size: 16px; font-weight: 300; line-height: 1.44; 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: 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: #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;}
/* //무료상담 폼 */

/* header */
header {position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: transparent; z-index: 9999; transition: all 0.3s;}
header.active {background: rgba(0, 0, 0, 0.5); transition: all 0.3s;}
header .container {position: relative; display: flex; align-items: center; justify-content: space-between;}
header .logo {width: 158.7px; height: auto;}
header .logo img {width: 100%;}
header nav ul {display: flex; align-items: center; margin: 0 -20px;}
header nav ul li {position: relative; transition: all 0.3s; overflow: hidden;}
header nav ul li:hover {transition: all 0.3s;}
header nav ul li:hover > a {transition: all 0.3s; border-bottom: 2px solid #0053ff;}
header nav ul li.active > a {border-bottom: 2px solid #0053ff;}
header nav ul li > a { display: flex; align-items: center; justify-content: center; margin: 0 20px; font-size: 18px; font-weight: 400; line-height: 1.44; color: #fff; cursor: pointer;}
header nav ul li > a > img {width: 15px; height: 9px; margin-left: 5px;}
header nav ul li > .sub-menu {position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); min-width: 112px; width: auto; padding: 10px 12px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #141414; opacity: 0; z-index: -1; transition: all 0.3s; box-sizing: border-box;}
header nav ul li:first-child > .sub-menu {bottom: -75px;}
header nav ul li:nth-child(2) > .sub-menu {bottom: -125px;}
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; margin-bottom: 9px; font-size: 16px; font-weight: 300; line-height: 1; color: #fff; white-space: nowrap; text-align: center;}
header nav ul li > .sub-menu a:hover {color: #0053ff;}
header nav ul li > .sub-menu a:last-child {margin-bottom: 0;}

.language-btn {position: absolute; left: 50px; top: 100px;}
.language-btn a {display: flex; align-items: center; justify-content: center; width: 55px; height: 26px; background: #0053ff; border-radius: 13px; font-size: 13px; font-weight: 400; line-height: 1.54; color: #fff; border: 1px solid #0053ff; box-sizing: border-box; transition: all 0.3s;}
.language-btn a.on {color: #fff; border: 1px solid #0053ff; 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.on img {transform: rotate(-360deg); transition: all 0.3s;}
/* //header */


/* visual */
.visual {position: relative; width: 100%; height: 100vh; background: url(./../img/visual.png)no-repeat 50% 50%; background-size: cover;}
.visual.sub_bg {position: relative; width: 100%; height: 400px; background: url(./../img/sub_bg.png)no-repeat 50% 50%; background-size: cover;}
.visual .container {display: flex; align-items: center; justify-content: center;}
/* .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;}

/* new visual */
.main-txt {text-align: center;}
.main-txt .tit {font-family: 'PT Serif', serif; font-size: 80px; font-weight: 500; color: #fff; line-height: 1.33;}
.main-txt .sub_tit {font-family: 'PT Serif', serif; font-size: 40px; font-weight: 400; line-height: 1; letter-spacing: 7.2px; color: #fff;}

.sub_bg .main-txt {text-align: center;}
.sub_bg .main-txt .tit {font-size: 55px; font-weight: bold; color: #fff; line-height: 1.33; letter-spacing: 2.75px;}
.sub_bg .main-txt .sub_tit {font-size: 24px; font-weight: 100; line-height: 1; letter-spacing: 0.55px; color: #fff;}
/* //new visual */


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

/* 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 textarea {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: #0053ff; 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: 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: #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: 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;}
/* footer */
footer {padding: 56.7px 0 46px; background: #f6f6f6;}
footer .container {display: flex; justify-content: center;}
footer .f-logo {min-width: 305px; height: 50px; margin-right: 70px;}
footer .f-logo img {object-fit: initial;}
footer address {margin-bottom: 49px; font-size: 15px; font-size: 300; line-height: 1.4; color: #262626;}
.Copyright {font-size: 15px; font-weight: 300; line-height: 1.53; color: #888; text-align: center;}


.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: 154.9px; height: 50px; 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 */

/* 롤링 아이템 */
.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); }
}
/* //롤링 아이템 */


/* 개발자 사이트 템플릿*/
/* 섹션 */
section {}
section .container { display: flex; align-items: center; justify-content: space-between; padding: 69.8px 0; margin-bottom: 69.8px; border-bottom: 2px solid #eee; box-sizing: border-box;}
section:last-of-type .container {border-bottom: 0;}
.section2 .container { display: flex; align-items: center; justify-content: center;}
.section2 .left-box {margin-right: 66px;}
/* //섹션 */
.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 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite;}
@keyframes hand {
  0%{
    transform: translateX(-50%) rotate(11deg);
  }
  50%{
    transform: translateX(-50%) rotate(-5deg);
  }
  100%{
    transform: translateX(-50%);
  }
}
.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;}
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 */

/* new sec */
.new_sec {min-height: 931px; height: auto;}
.new_sec p.content {width: 100%; height: 671px; background: #eeeeee;}

.new_sec {padding-top: 80px; padding-bottom: 0;;}
.new_sec_img {padding-top: 0px; padding-bottom: 0;;}
.new_sec2 {min-height: auto; padding-bottom: 130px;}
.new_sec .tit-box {margin-bottom: 50px;}
.new_sec .tit-box .tit {margin-bottom: 0; font-size: 60px; font-weight: 300; line-height: 1.45; color: #000;}
.new_sec .tit-box .tit span {font-weight: bold; color: #0053ff;}
.new_sec .tit-box .sub_tit {font-size: 16px; color: #949494; line-height: 1.2; margin-top: 15px;}
.new_sec .img-box {width: 100%; height: auto;}
.new_sec .img-box img {width: 100%; height: auto;}
.imgmg .img-box {max-width: 1350px; margin: auto;}

.table-area {width: 850px; margin: 0 auto; box-sizing: border-box;}
.table-area table tr {border-bottom: 1px solid #eeeeee;}
.table-area table tr:last-of-type {border-bottom: 0;}
.table-area table {width: 100%; height: auto; border: 1px solid #eeeeee; border-right: 0; border-left: 0;}
.table-area table th {min-width: 250px; height: 56px; vertical-align: middle; background: #f6f6f6; font-size: 18px; font-weight: 400; line-height: 1.28; color: #262626;}
.table-area table td {width: 100%; vertical-align: middle; padding-left: 20px; box-sizing: border-box; font-size: 18px; font-weight: 300; line-height: 1.28; color: #888;}

/* search-box */
.search-box {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.search-box input {width: 354px; height: 50px; background: #f6f6f6; padding: 0 15px; box-sizing: border-box; font-size: 16px; font-weight: 300; color: #262626; border-radius: 5px;}
.search-box input::placeholder {color: #b4b4b4;}
.search-box .inquiry {display: flex; align-items: center; justify-content: center; width: 120px; height: 50px; background: #0053ff; border-radius: 5px; font-size: 18px; font-weight: 400; color: #fff; letter-spacing: -0.36px;}

.detail_item {width: 100%;}
.detail_item ul {width: 100%;}
.detail_item ul li {width: 100%; height: auto; margin-bottom: 10px;}
.detail_item ul li:last-of-type {margin-bottom: 0;}
.detail_item ul li .child-box {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 95px; padding: 25px 30px; background: #f6f6f6; border-radius: 10px; box-sizing: border-box;}
.detail_item ul li .child-box .left-box {}
.detail_item ul li .child-box .left-box .date {font-size: 14px; font-weight: 300; line-height: 1.64; color: #888;}
.detail_item ul li .child-box .left-box .tit {font-size: 18px; font-weight: 300; line-height: 1.28; color: #262626;}
.detail_item ul li .child-box .detail_btn {font-size: 18px; font-weight: 600; line-height: 1.28; color: #0053ff;}
/* //search-box */

/* table-area2 */
.new_sec3 {background: rgba(0, 0, 0, 0.6);}
.table-area2 {position: relative; width: 1200px; padding: 90px 100px 130px; margin: 0 auto; background: #fff; box-sizing: border-box;}
.printing_btn {position: absolute; top: 20px; right: 20px; width: 50px; height: auto;}
.table-area2 .logo {width: 158.7px; height: auto; margin: 0 auto; margin-bottom: 40px;}
.table-area2 .logo img {width: 100%; height: auto;}
.table-area2 .table-box {}
.table-area2 .table-box .table_tit-box {display: flex; align-items: center; justify-content: center; width: 100%; height: 56px; background: #141414;}
.table-area2 .table-box .table_tit-box .tit {font-size: 18px; font-weight: 400; line-height: 1.28; color: #fff; text-align: center;}
.table-area2 table {width: 100%; height: auto;}
.table-area2 table tr {border-bottom: 1px solid #eee;}
.table-area2 table tr:last-of-type {border-bottom: 0;}
.table-area2 table th {height: 48px; min-width: 250px; background: #f6f6f6; font-size: 18px; font-weight: 500; line-height: 1.28; color: #262626; text-align: center; vertical-align: middle;}
.table-area2 table td {width: 100%; padding: 12px 20px; box-sizing: border-box; font-size: 16px; font-weight: 300; line-height: 1.25; color: #888;}
.precautions {margin-top: 30px; font-size: 15px; font-weight: 300; line-height: 1.2; color: #888;}

/* notice detail-box */
.notice {min-height: calc(100vh - 432px); padding-bottom: 83px;}
.admin-notice {min-height: auto; padding-bottom: 50px; background: #f6f6f6;}
.pager {margin-top: 53px; padding-bottom: 140px;}
.pager {padding-top: 53px; margin-top: 0;}
.pager ul li.active a {background: #0053ff;}
.pager .all-prev {width: 15px; height: 19px;}
.pager .prev {width: 10px; height: 19px;}
.pager .all-next {width: 15px; height: 19px;}
.pager .next {width: 10px; height: 19px;}
.detail-box {width: 850px; margin: 0 auto;}
.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;}
.detail-box ul li .child-box .number_tit {margin-right: 30px;}
.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: #0053ff;}
.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 */

/* map */
.map-area {width: 1200px; margin: 0 auto; box-sizing: border-box;}
.root_daum_roughmap {width: 100% !important;}
.map_btns {width: 100%;}
.map_btns ul {display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; padding: 20px 11px; box-sizing: border-box; background: #242424; gap: 10px 0;}
.map_btns ul li {width: calc(100% / 3); padding: 0 5px; box-sizing: border-box;}
.map_btns ul li .child-box {width: 100%; min-height: 100px; width: auto; padding: 10px 29px 14px; border: 1px solid #b7b7b7; box-sizing: border-box; border-radius: 5px; transition: all 0.3s;}
/* .map_btns ul li:hover .child-box {transform: scale(0.9); transition: all 0.3s;} */
.map_btns ul li.active .child-box {background: #0053ff; border-color: #0053ff; transition: all 0.3s;}
.map_btns ul li .child-box button {}
.map_btns ul li .child-box button .tit{display: block; margin-bottom: 6px; font-size: 13px; font-weight: 500; line-height: 1.46; color: #b7b7b7;}
.map_btns ul li .child-box button .tit b{font-size: 18px; font-weight: bold; line-height: 1.44; color: #fff;}
.map_btns ul li .child-box button dl {display: flex; align-content: center; margin-bottom: 4px;}
.map_btns ul li .child-box button dl:last-of-type {margin-bottom: 0;}
.map_btns ul li .child-box button dl dt {min-width: 20px; width: 20px; height: auto; margin-right: 7px;}
.map_btns ul li .child-box button dl dt img {width: 100%; height: auto;}
.map_btns ul li .child-box button dl dd {font-size: 15px; font-weight: 300; line-height: 1.4; color: #fff; text-align: left;}
.map_btns ul li .child-box button dl dd a {font-size: 15px; font-weight: bold; line-height: 1.4; color: #fff; text-align: left;} 
/* //map */

/* //table-area2 */

/* //new sec */


/* new footer */
.footer-new {width: 100%; height: auto; padding: 130px 0; box-sizing: border-box; background: #242424;}
.footer-new .container {max-width: 900px; width: 100%; height: auto; padding: 0; box-sizing: border-box; margin: 0 auto; justify-content: space-between;}
.footer-new .logo {display: flex; align-items: center; width: 100%; height: auto; margin-bottom: 30px; font-size: 18px; font-weight: 400; line-height: 1.44; color: #fff;}
.footer-new .logo img {width: 158px; height: auto; margin-right: 28px;}
.footer-new .txt-box span {font-size: 18px; font-weight: 400; line-height: 1.44; color: #cbcbcb; letter-spacing: 0.32px; opacity: 0.8;}
.footer-new .txt-box b {font-size: 18px; font-weight: 400; line-height: 1.44; color: #cbcbcb; opacity: 1;}
.footer-new .tell {margin-bottom: 30px; font-size: 35px; font-weight: bold; line-height: 1.46; color: #fff;}
.footer-new .tell > span {font-weight: bold; color: #0053ff;}
.footer-new .link_box {display: flex; align-items: center;}
.footer-new .link_box a {font-size: 18px; font-weight: 100; line-height: 1.94; color: #fff;}
.footer-new .link_box span {margin: 0 4px; font-size: 18px; font-weight: 100; line-height: 1.94; color: #fff;}
/* //new footer */


/* 20230221 hgs print */
@media print {
  .page-break { page-break-inside:avoid; page-break-after:auto }
  .submit_btn{ display: none;}
  .table-area2 { width: 1100px; padding: 60px 0 0 !important;}
  .table-area2 .logo { width: 220px; margin-bottom: 80px;}
  .table-area2 table th{background-color:#eeeeee !important; -webkit-print-color-adjust:exact;}
  .table-area2 .table-box .table_tit-box {background-color:#000 !important; -webkit-print-color-adjust:exact;}
  .table-area2 .table-box .table_tit-box .tit {color: #fff !important; font-weight: bold; -webkit-print-color-adjust:exact;}
  .printing_btn {display: none;}
  div, p, table{ box-sizing: border-box;}
  .table-area2 .table-box .table_tit-box {width: 100%;}
  .precautions{margin-top: 70px; font-size: 16px; line-height: 1.5;}
  /* .table-area2 table td {max-width:600px !important; padding: 12px 50px 20px 12px !important;} */
  /* .table-area2 table th {width:200px; min-width: 200px; } */
}
/* 20230221 hgs print */

/* kakao marker css */
.tooltip_cus {
  background: none !important;
  border: none !important;
  font-size: 20px !important;
  font-weight: bold !important;
  line-height: 1.45 !important;
  color: #242424 !important;
}


#map > div > div > div:nth-child(6) div {background: transparent !important; border: none !important; text-align: center !important; }
#map > div > div > div:nth-child(6) > div:nth-child(4) > div:nth-child(1) {display: none;}
#map > div > div > div:nth-child(6) div > div {position: initial !important;}


/* // kakao marker css */

/* 에디터 */
.new_sec_edit .container {display: block;}
/* //에디터 */