.con-body { padding: 100px 0 180px; }
@media only screen and (max-width: 1023px) {
	.con-body { padding: 80px 0 120px; }
}
.sm-txt { display: block; line-height: 28px; font-size: 20px; }
@media only screen and (max-width: 1023px) {
	.sm-txt { line-height: 21px; font-size: 15px; }
}



/************ 타이틀 + 리스트 스타일 ************/
.tith-list-box1 { margin-bottom: 40px; }
.tith-list-box1:last-child { margin-bottom: 0; }
.tith-list-box1 .tith { display: block; line-height: 24px; margin-bottom: 15px; font-weight: 700; font-size: 20px; }
.tith-list-box1 .tith:last-child { margin-bottom: 0; }
@media only screen and (max-width: 1023px) {
	.tith-list-box1 { margin-bottom: 24px; }
	.tith-list-box1 .tith { line-height: 21px; margin-bottom: 8px; font-size: 15px; }
}

/************ 라인 리스트 ************/
.wh-border-list > li { box-shadow: 1px 0 0 0 #fff, 0 1px 0 0 #fff, 1px 1px 0 0 #fff, 0 0 0 0 #fff inset, 0 1px 0 0 #fff inset }
.wh-border-list > .list { box-shadow: 1px 0 0 0 #fff, 0 1px 0 0 #fff, 1px 1px 0 0 #fff, 0 0 0 0 #fff inset, 0 1px 0 0 #fff inset }
body.bgWhite .wh-border-list > li, body.bgWhite .wh-border-list > .list { box-shadow: 1px 0 0 0 #eacad8, 0 1px 0 0 #eacad8, 1px 1px 0 0 #eacad8, 0 0 0 0 #eacad8 inset, 0 1px 0 0 #eacad8 inset }
/* flex */
.wh-border-list.flex { display: flex; }
.wh-border-list.flex > li { flex: 1; }
/* style1 */
.wh-border-list.style1 { display: flex; }
.wh-border-list.style1 > li { flex: 1; padding: 100px 50px; }
.wh-border-list.style1 > li .tith3 { margin-top: 15px; }
.wh-border-list.style1 > li > ul { margin-top: 10px; }
/* style2 */
.wh-border-list.style2 > li { padding: 110px 50px 150px; }
.wh-border-list.style2 > li .ico { display: block; margin-bottom: 30px; }
.wh-border-list.style2 > li .eng { display: block; margin-bottom: 15px; font-family:'GTFlexaTrial'; font-size: 34px; }
.wh-border-list.style2 > li strong { display: block; line-height: 34px; font-size: 24px; }
.wh-border-list.style2 > li p { line-height: 28px; margin-top: 5px; font-size: 20px; }
/* style3 */
.wh-border-list.style3 { flex-wrap: wrap; }
.wh-border-list.style3 > li { flex: inherit; width: 25%; padding: 100px 50px; }
.wh-border-list.style3 > li .num { display: block; margin-bottom: 15px; line-height: 80px; font-family:'GTFlexaTrial'; font-weight: 400; font-size: 80px; }
.wh-border-list.style3 > li strong { display: block; margin-bottom: 15px; line-height: 44px; font-size: 34px; }
.wh-border-list.style3 > li p { line-height: 34px; font-size: 24px; }
.wh-border-list.style3 > li.bk { color: var(--main-color); }
.wh-border-list.style3 > li.or { color: #f4823b; }
.wh-border-list.style3 > li.bl { color: #4694d1; }
@media only screen and (max-width: 1199px) {
	/* style1 */
	.wh-border-list.style1 { flex-wrap: wrap; }
	.wh-border-list.style1 > li { flex: 1 1 50%; }
	/* style2 */
	.wh-border-list.style2 { flex-wrap: wrap; }
	.wh-border-list.style2 > li { flex: 0 0 50%; }
	/* style3 */
	.wh-border-list.style3 > li { width: 33.33%; }
	.wh-border-list.style3 > li .num { line-height: 60px; font-size: 60px; }
	.wh-border-list.style3 > li strong { line-height: 30px; font-size: 28px; }
	.wh-border-list.style3 > li p { line-height: 30px; font-size: 20px; }
}
@media only screen and (max-width: 1023px) {
	/* style1 */
	.wh-border-list.style1 > li { flex: 1 1 100%; padding: 32px 24px; }
	.wh-border-list.style1 > li .tith3 { margin-top: 8px; }
	.wh-border-list.style1 > li > ul { margin-top: 8px; }
	/* style2 */
	.wh-border-list.style2 { border-bottom: 1px solid #eacad8; }
	.wh-border-list.style2 > li { flex: inherit; width: 50%; padding: 48px 24px; }
	.wh-border-list.style2 > li .ico { height: 40px; margin-bottom: 16px; }
	.wh-border-list.style2 > li .ico img { height: 40px; }
	.wh-border-list.style2 > li .eng { margin-bottom: 8px; font-size: 24px; }
	.wh-border-list.style2 > li strong { line-height: 26px; font-size: 18px; }
	.wh-border-list.style2 > li p { line-height: 21px; margin-top: 5px; font-size: 15px; }
	/* style3 */
	.wh-border-list.style3 > li { width: 100%; padding: 48px 24px; }
	.wh-border-list.style3 > li:last-child { display: none; }
	.wh-border-list.style3 > li .num { line-height: 40px; font-size: 40px; }
	.wh-border-list.style3 > li strong { line-height: 34px; font-size: 24px; }
	.wh-border-list.style3 > li p { line-height: 26px; font-size: 18px; }
}

/************ text-box-st1 ************/
.text-box-st1 .tith2 { margin-bottom: 20px; }
@media only screen and (max-width: 1023px) {
	.text-box-st1 .tith2 { margin-bottom: 18px; }
}












/******* form wrap *******/
.form-wrap2 .form-group1 { margin-top: 56px; margin-bottom: 0; }
/******* form *******/
.form-group1 { margin-bottom: 80px; }
.form-group1 .form-box { position: relative; display: flex; }
.form-group1 .form-box .btn { flex-shrink: 0; }
.form-group1 .box { position: relative; width: 100%; }
.form-group1 .box input { position: relative; width: 100%; height: 55px; font-size: 20px; color: var(--bk-color); background: none; border: none; border-bottom: 1px solid #ddd; transition: all 0.6s; }
.form-group1 .box input::placeholder { color: #aaa; }
.form-group1 .box input::focus { outline: none; }
.form-group1 .box .line { display: block; position: absolute; bottom: 0; left: 0%; background-color: var(--main-color); width: 0; height: 1px; transition: 0.6s }
.form-group1 .box .label { position: absolute; left: 0; bottom: 16px; font-size: 20px; color: #aaa; transition: all 0.6s }

.form-group1 .box input:focus, .form-group1 .box input:valid,
.form-group1 .box select:focus, .form-group1 .box select:valid { transition: all 0.6s; }
.form-group1 .box input:focus ~ .label,
.form-group1 .box input:valid ~ .label,
.form-group1 .box select:focus ~ .label,
.form-group1 .box select:valid ~ .label { bottom: 55px; font-weight: 500; color: var(--main-color); }
.form-group1 .box input:focus ~ .line,
.form-group1 .box select:focus ~ .line { width: 100%; }
/* 폼 텍스트 */
.form-group1 .form-txt { margin-top: 10px; }
/* 셀렉트 */
.form-group1 .box select { 
	width: 100%; height: 55px; font-size: 20px; color: var(--bk-color); background-position: center right; background-repeat: no-repeat; border: none; border-bottom: 1px solid #ddd; appearance: none;-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' viewBox='0 0 18 18'%3E%3Cpath d='m3734.75 7607.833 7.75 7.75 7.75-7.75' transform='translate(-3733.25 -7602.333)' style='fill:none;stroke:%23aaa;stroke-width:1.8px'/%3E%3C/svg%3E");
}
/* 이메일 */
.form-group1.email .form-box { display: block; }
.form-group1.email .form-box .email-inp { display: flex; align-items: center; gap: 10px; }
.form-group1.email .form-box .email-inp .hyp { font-size: 20px; }
.form-group1.email .form-box .email-inp .box { width: 100%; }
.form-group1.email .form-box .box.last { width: 100%; }
/* 주소 */
.form-group1.address .form-box { margin-bottom: 10px; }
.form-group1.address .form-box:last-child { margin-bottom: 0; }

@media only screen and (max-width: 1023px) {
	.form-group1 { margin-bottom: 48px; }
	.form-group1 .box input { height: 40px; font-size: 15px; }
	.form-group1 .box select { height: 40px; font-size: 15px; }
	.form-group1 .box .label { bottom: 10px; font-size: 15px; }

	.form-group1 .box input:focus ~ .label,
	.form-group1 .box input:valid ~ .label,
	.form-group1 .box select:focus ~ .label,
	.form-group1 .box select:valid ~ .label { bottom: 40px; }
}

.form-group2 { margin-bottom: 80px; }
.form-group2 .label { display: block; margin-bottom: 5px; font-weight: 500; font-size: 20px; color: var(--main-color); }
.form-group2 .inp-box.md { width: 50%; }
.form-group2 .inp-box .input, .form-group2 .inp-box select { width: 100%; height: 55px; font-size: 20px; border: 0; border-bottom: 1px solid #ddd; }
.form-group2 .inp-box .input.act { width: 74%;}
.form-group2 .inp-box .input:disabled { background: transparent; }
/* select */
.form-group2 .inp-box select { background-size: 16px; background-position: center right; background-repeat: no-repeat; appearance: none;-webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' viewBox='0 0 18 18'%3E%3Cpath d='m3734.75 7607.833 7.75 7.75 7.75-7.75' transform='translate(-3733.25 -7602.333)' style='fill:none;stroke:%23aaa;stroke-width:1.8px'/%3E%3C/svg%3E"); }
/* flex */
.form-group2 .inp-box.flex { display: flex; align-items: center; gap: 10px; }
/* input Add */
.form-group2 .inp-box.add-inp-box { position: relative; }
.form-group2 .inp-box.add-inp-box .sm { flex-shrink: 0; width: 280px; }
.form-group2 .inp-box.add-inp-box .add-btn { position: absolute; top: 14px; right: 0; width: 26px; height: 26px; background-color: var(--bk-color); background-repeat: no-repeat; background-position: center center; border-radius: 100%; 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath transform='rotate(90 4 12)' style='fill:none;stroke:%23fff' d='M0 0v16'/%3E%3Cpath transform='translate(8)' style='fill:none;stroke:%23fff' d='M0 0v16'/%3E%3C/g%3E%3C/svg%3E");}
.form-group2 .inp-box.add-inp-box .remove-btn { position: absolute; top: 14px; right: 0; width: 26px; height: 26px; background-color: #EACAD8; background-repeat: no-repeat; background-position: center center; border-radius: 100%; 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='1' viewBox='0 0 16 1'%3E%3Cg%3E%3Cpath transform='rotate(90 7.75 8.25)' style='fill:none;stroke:%23b94f7f' d='M0 0v16'/%3E%3C/g%3E%3C/svg%3E");}
/* 폼 텍스트 */
.form-group2 .form-txt { margin-top: 10px; }
/* 체크박스 */
.form-group2 .checkbox-list1 { margin-top: 16px; }
/* 파일첨부 */
.form-group2 .att-file {}
.form-group2 .att-file .filebox { display: flex; }
.form-group2 .att-file .filebox input[type='file'] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden;}
.form-group2 .att-file .filebox label { flex-shrink: 0; color: var(--main-color); }
.form-group2 .att-file .upload-list li { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 55px; margin-top: 10px; border: 0; border-bottom: 1px solid #ddd; }
.form-group2 .att-file .upload-list li .upload-name { font-size: 20px; color: var(--bk-color); }
.form-group2 .att-file .upload-list li .del { flex-shrink: 0; display: block; width: 24px; height: 24px; font-size: 0; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(-212 -20)'%3E%3Ccircle cx='12' cy='12' r='12' transform='translate(212 20)' style='fill:%23f6e8ee'/%3E%3Cg%3E%3Cpath transform='translate(219 27)' style='fill:none;stroke:%23aaa' d='m0 0 10 10'/%3E%3Cpath transform='translate(219 27)' style='fill:none;stroke:%23aaa' d='M10 0 0 10'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
/* 이메일 */
.form-group2 .email .flex { display: flex; align-items: center; gap: 10px; }
.form-group2 .email .email-addre { width: 100%; }

@media only screen and (max-width: 1023px) {
	.form-group2 { margin-bottom: 48px; }
	.form-group2 .label { margin-bottom: 0; font-size: 15px; }
	.form-group2 .inp-box.md { width: 100%; }
	.form-group2 .inp-box .input, .form-group2 .inp-box select { height: 40px; font-size: 15px; }
	/* input Add */
	.form-group2 .inp-box.add-inp-box { display: block; margin-bottom: 44px; }
	.form-group2 .inp-box.add-inp-box .sm { width: 100%; }
	.form-group2 .inp-box.add-inp-box .add-btn { top: inherit; bottom: 9px; width: 20px; height: 20px; background-size: 7px; }
	.form-group2 .inp-box.add-inp-box .remove-btn { top: inherit; bottom: 9px; width: 20px; height: 20px; background-size: 7px; }
	/* 체크박스 */
	.form-group2 .checkbox-list1 { margin-top: 8px; }
	/* 파일첨부 */
	.form-group2 .att-file .upload-list li .upload-name { font-size: 15px; }
	.form-group2 .att-file .upload-list li .del { width: 16px; height: 16px; background-size: 16px; }
	
}




/******* 선택한 요소 리스트 *******/
/* cho-del-sel-list1 */
.cho-del-sel-list1 { display: flex; flex-wrap: wrap; gap: 2px; margin-top: 20px; }
.cho-del-sel-list1 li { display: flex; justify-content: space-between; align-items: center; flex: 0 0 49%; gap: 10px; padding: 12px 12px 12px 20px; background: #f8f6f6;  }
.cho-del-sel-list1 li .lf { flex-shrink: 0; display: flex; align-items: center; gap: 10px; }
.cho-del-sel-list1 li .lf span { display: block; font-weight: 500; font-size: 16px; color: var(--main-color); }
.cho-del-sel-list1 li .lf .del-btn { display: block; width: 10px; height: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' viewBox='0 0 10.707 10.707'%3E%3Cg%3E%3Cpath transform='translate(.354 .354)' style='fill:none;stroke:%23aaa' d='m0 0 10 10'/%3E%3Cpath transform='translate(.354 .354)' style='fill:none;stroke:%23aaa' d='M10 0 0 10'/%3E%3C/g%3E%3C/svg%3E");}
.cho-del-sel-list1 li select { width: 93px; height: 40px; padding: 0 12px; font-weight: 500; font-size: 16px; color: var(--bk-color); background-position: calc(100% - 12px) center; background-repeat: no-repeat; appearance: none; -webkit-appearance: none; border: 1px solid #dddddd;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' viewBox='0 0 18 18'%3E%3Cpath d='m3734.75 7607.833 7.75 7.75 7.75-7.75' transform='translate(-3733.25 -7602.333)' style='fill:none;stroke:%23aaa;stroke-width:1.8px'/%3E%3C/svg%3E");}
/* cho-del-sel-list2 */
.cho-del-sel-list2 { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.cho-del-sel-list2 li { display: flex; align-items: center; gap: 10px; padding: 8px 20px; border: 1px solid var(--main-light-color); }
.cho-del-sel-list2 li span { display: block; font-weight: 500; font-size: 16px; color: var(--main-color); }
.cho-del-sel-list2 li .del-btn { display: block; width: 10px; height: 10px; font-size: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' viewBox='0 0 10.707 10.707'%3E%3Cg%3E%3Cpath transform='translate(.354 .354)' style='fill:none;stroke:%23aaa' d='m0 0 10 10'/%3E%3Cpath transform='translate(.354 .354)' style='fill:none;stroke:%23aaa' d='M10 0 0 10'/%3E%3C/g%3E%3C/svg%3E");}
@media only screen and (max-width: 1023px) {
	/* cho-del-sel-list1 */
	.cho-del-sel-list1 { gap: 4px; margin-top: 16px; }
	.cho-del-sel-list1 li { flex: 0 0 100%; padding: 8px 8px 8px 13px }
	.cho-del-sel-list1 li .lf { gap: 6px; }
	.cho-del-sel-list1 li .lf span { font-size: 14px; }
	.cho-del-sel-list1 li select { width: 80px; height: 32px; font-size: 15px; }
	/* cho-del-sel-list2 */
	.cho-del-sel-list2 { gap: 8px; }
	.cho-del-sel-list2 li { gap: 4px; padding: 6px 16px; }
	.cho-del-sel-list2 li span { font-size: 14px; }
}





/******* 카테고리 선택 리스트 *******/
.select-list-box1 { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.select-list-box1 li { display: flex; align-items: center; gap: 10px; padding: 12px 20px; font-weight: 500; color: var(--main-color); border: 1px solid var(--main-light-color); }
.select-list-box1 li .del { display: block; width: 10px; height: 10px; font-size: 0; background-repeat: no-repeat; background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.707' height='10.707' viewBox='0 0 10.707 10.707'%3E%3Cg%3E%3Cpath transform='translate(.354 .354)' style='fill:none;stroke:%23aaa' d='m0 0 10 10'/%3E%3Cpath transform='translate(.354 .354)' style='fill:none;stroke:%23aaa' d='M10 0 0 10'/%3E%3C/g%3E%3C/svg%3E");}

.select-list-box2 { display: flex; flex-wrap: wrap; gap: 2px; margin-top: 20px; }
.select-list-box2 li { display: flex; justify-content: space-between; align-items: center; padding: 12px; flex: 1 1 49%; background: #f8f6f6; }
.select-list-box2 li .text { display: flex; align-items: center; gap: 10px; padding-left: 8px; font-weight: 500; color: var(--main-color); }
.select-list-box2 li .text .del { display: block; width: 10px; height: 10px; font-size: 0; background-repeat: no-repeat; background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.707' height='10.707' viewBox='0 0 10.707 10.707'%3E%3Cg%3E%3Cpath transform='translate(.354 .354)' style='fill:none;stroke:%23aaa' d='m0 0 10 10'/%3E%3Cpath transform='translate(.354 .354)' style='fill:none;stroke:%23aaa' d='M10 0 0 10'/%3E%3C/g%3E%3C/svg%3E"); }
.select-list-box2 li select { width: 93px; }

/***************** 아트코리아랩 소개 > 플랫폼 소개 *****************/
.intro-platform-wrap { margin: -100px 0 -180px; }
/*** 비디오 ***/
.akl-video { width: 100%; height: 100%; overflow: hidden; }
.akl-video > video { width: 100%; }
/*** section1 ***/
.sec1  { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 180px 0 220px; }
/* 텍스트 모션 */
.text-motion-box1 .title { display: block; line-height: 80px; font-weight: 600; font-size: 60px; text-align: center; }
.text-motion-box1 .txt { margin-top: 30px; }
.text-motion-box1 .txt > span { display: block; line-height: 42px; margin-bottom: 25px; font-weight: 500; font-size: 30px; color: #fff; text-align: center; }
.text-motion-box1 .txt > span:last-child { margin-bottom: 0; }
/*** section2 ***/
.sec2 .bg-img-text-opacity1 .box .tith5 { margin: 20px 0; }
.bg-img-text-opacity1 { display: flex; }
.bg-img-text-opacity1 .box { display: flex; align-items: center; position: relative; flex: 1; height: 1000px; padding: 0 130px; overflow: hidden; }
.bg-img-text-opacity1 .box .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 1s; }
.bg-img-text-opacity1 .box:nth-child(1) .img { background: url(../img/content/sub01/img1.png)center center no-repeat; background-size: cover; }
.bg-img-text-opacity1 .box:nth-child(2) .img { background: url(../img/content/sub01/img2.png)center top no-repeat; background-size: cover; }
.bg-img-text-opacity1 .box .text { position: relative; z-index: 1; }
.bg-img-text-opacity1 .box .text .ico { display: block; }
/*** section3 ***/
.sec3 { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 197px 0 220px; }
.sec3 .circle-animation { display: flex; justify-content: center; }
.sec3 .text-motion-box1 { width: 100%; }
@media only screen and (max-width: 1023px) {
	/*** section1 ***/
	.sec1 { padding: 80px 0; justify-content: flex-start; }
	/* 텍스트 모션 */
	.text-motion-box1 { padding: 0 24px; }
	.text-motion-box1 .title { line-height: 44px; font-size: 34px; text-align: left; word-break: keep-all; }
	.text-motion-box1 .txt { margin-top: 16px; }
	.text-motion-box1 .txt > span { line-height: 26px; font-size: 18px; text-align: left; word-break: keep-all; }
	/*** section2 ***/
	.bg-img-text-opacity1 { flex-wrap: wrap; }
	.bg-img-text-opacity1 .box { flex: 1 1 100%; height: auto; padding: 90px 24px; }
	.bg-img-text-opacity1 .box .img { width: 100%; }
	.bg-img-text-opacity1 .box .img img { width: 100%; }
	.bg-img-text-opacity1 .box .text .ico img { height: 60px; }
	.bg-img-text-opacity1 .box .text .tith5 { line-height: 24px; margin: 16px 8px; font-size: 24px; }
	.bg-img-text-opacity1 .box .text .list4 li { line-height: 26px; font-size: 18px; }
	.bg-img-text-opacity1 .box .text .list4 li:after { top: 11px; }
	/*** section3 ***/
	.sec3 { padding: 80px 0; }
}
@media only screen and (max-width: 767px) {
	.sec1 { justify-content: flex-start; }
	/* 텍스트 모션 */
	.text-motion-box1 .title { line-height: 44px; font-size: 34px; text-align: left; }
	.text-motion-box1 .txt { margin-top: 16px; }
	.text-motion-box1 .txt > span { margin-bottom: 5px; line-height: 26px; font-size: 18px; text-align: left; }
	.text-motion-box1 .txt > span:last-child { margin-bottom: 0; }
}

.akl-information-wrap { overflow: hidden; }
.akl-information-wrap .cont { display: flex; margin-bottom: -1px; }
.akl-information-wrap .cont .list { flex: 1 1 50%; border: 1px solid #fff; border-right: 0; }
.akl-information-wrap .cont .list:first-child { border-left: 0; }
.akl-information-wrap .cont .list.img { display: flex; align-items: center; justify-content: center; }
.akl-information-wrap .cont .list.text { padding: 7.813vw 7.813vw 7.813vw 8.281vw; }
.akl-information-wrap .cont .list .eng { display: block; line-height: 4.167vw; font-family:'GTFlexaTrial'; font-size: 4.167vw; }
.akl-information-wrap .cont .list > strong { display: block; margin-top: 30px; line-height: 44px; font-size: 34px; }
.akl-information-wrap .cont .list > p { display: block; margin-top: 30px; line-height: 34px; font-size: 24px; }
.akl-information-wrap .cont .list > .sm-txt { margin-top: 10px; }
@media only screen and (max-width: 1199px) {
	.akl-information-wrap .cont .list.text { padding: 6.813vw 6.813vw 6.813vw 7.281vw; }
	.akl-information-wrap .cont .list > strong { margin-top: 2.502vw; line-height: 3.336vw; font-size: 2.502vw; }
	.akl-information-wrap .cont .list > p { margin-top: 2.502vw; line-height: 2.502vw; font-size: 1.668vw; }
	.akl-information-wrap .cont .list > .sm-txt { font-size: 1.501vw; }
}
@media only screen and (max-width: 1023px) {
	.intro-platform-wrap { margin: -100px 0 -120px; }
	.akl-information-wrap .cont { flex-wrap: wrap; border-top: 1px solid #fff; }
	.akl-information-wrap .cont.right { flex-direction: column-reverse; }
	.akl-information-wrap .cont .list { flex: 1 1 100%; border: 0; border-bottom: 1px solid #fff; }
	.akl-information-wrap .cont .list.img { padding: 73px 0 45px; border-bottom: 0; }
	.akl-information-wrap .cont .list.img svg { width: 211px; }
	.akl-information-wrap .cont .list.text { padding: 0 24px 64px; }
	.akl-information-wrap .cont .list .eng { line-height: 40px; font-size: 40px; }
	.akl-information-wrap .cont .list > strong { margin-top: 16px; line-height: 34px; font-size: 24px; }
	.akl-information-wrap .cont .list > p { margin-top: 16px; line-height: 26px; font-size: 18px; }
	.akl-information-wrap .cont .list > .sm-txt { margin-top: 16px; font-size: 15px; }
}
@media only screen and (max-width: 360px) {
	.akl-information-wrap .cont .list .eng { line-height: 36px; font-size: 36px; }
}

/***************** 추친 체계 및 전략 *****************/
.akl-system-wrap .system { padding: 90px 0; }
.akl-system-wrap .system:first-child { padding-top: 0; }
.akl-system-wrap .system .tith { margin-bottom: 20px; }
.mission-vision { display: flex; justify-content: center; align-items: center; }
.mission-vision > div { display: flex; align-content: center; justify-content: center; flex-wrap: wrap; width: 420px; height: 460px; background-repeat: no-repeat; background-position: center center; }
.mission-vision > div .eng { display: block; width: 100%; margin-bottom: 20px; font-family:'GTFlexaTrial'; font-weight: 400; font-size: 24px; color: #fff; text-align: center; text-transform: uppercase; }
.mission-vision > div strong { display: block; width: 100%; line-height: 40px; font-weight: 700; font-size: 28px; color: #fff; text-align: center; }
.mission-vision .mission { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='419.999' height='460' viewBox='0 0 419.999 460'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23b94f7f'/%3E%3Cstop offset='1' stop-color='%2389137d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M332,291.213v230l210,115,210-115v-230l-210-115Z' transform='translate(-332 -176.215)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E"); }
.mission-vision .vision { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='419.999' height='460' viewBox='0 0 419.999 460'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%234194d0'/%3E%3Cstop offset='1' stop-color='%238a2884'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M332,291.213v230l210,115,210-115v-230l-210-115Z' transform='translate(-332 -176.215)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E"); }
.mission-vision .line { display: block; width: 112px; height: 20px; background-repeat: no-repeat; background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='20' viewBox='0 0 112 20'%3E%3Cg transform='translate(-970.499 -1619.998)'%3E%3Cline x2='112' transform='translate(970.499 1629.998)' fill='none' stroke='%23b94f7f' stroke-width='2' stroke-dasharray='2 8'/%3E%3Cpath d='M19.944,39.8l-4.8-8.314a.4.4,0,0,0-.334-.205H5.241a.411.411,0,0,0-.359.205L.057,39.828a.411.411,0,0,0,0,.419L4.882,48.6a.419.419,0,0,0,.334.18h9.6a.411.411,0,0,0,.334-.18l4.8-8.374A.419.419,0,0,0,19.944,39.8Z' transform='translate(1064.028 1619.998) rotate(90)' fill='%23b94f7f'/%3E%3C/g%3E%3C/svg%3E");}
.values-box > ul { display: flex; }
.values-box > ul li { flex: 1; padding: 5.208vw 50px 5.729vw; }
.values-box > ul li .num { display: block; line-height: 80px; margin-bottom: 30px; font-family:'GTFlexaTrial'; font-weight: 400; font-size: 80px; }
.values-box > ul li strong { display: block; line-height: 44px; margin-bottom: 15px; font-weight: 700; font-size: 34px; }
.values-box > ul li p { line-height: 34px; font-weight: 400; font-size: 24px; }
.values-box > ul li p > b { font-weight: 700; }
.propulsion-box .overflow-scroll { -ms-overflow-style: none; scrollbar-width: none; }
.propulsion-box .overflow-scroll::-webkit-scrollbar { display: none; }
.propulsion-box img { display: block; margin: 0 auto; }
@media only screen and (max-width: 1023px) {
	.akl-system-wrap .system { padding: 64px 0; }
	.mission-vision { gap: 2px; }
	.mission-vision > div { width: 161px; height: 176px; background-size: 161px; }
	.mission-vision > div .eng { line-height: 26px; margin-bottom: 8px; font-size: 18px; }
	.mission-vision > div strong { line-height: 21px; font-size: 15px; }
	.mission-vision .line { display: none; }
	.values-box > ul { flex-wrap: wrap; }
	.values-box > ul li { flex: 1 1 50%; padding: 48px 24px; }
	.values-box > ul li .num { line-height: 40px; margin-bottom: 8px; font-size: 40px; }
	.values-box > ul li strong { margin-bottom: 8px; line-height: 44px; font-size: 24px; }
	.values-box > ul li p { line-height: 26px; font-size: 18px; }
}

/***************** BI 소개 *****************/
.akl-bi-info-wrap { margin-top: -100px; }
.akl-bi-info-wrap .quarter-list .list { padding: 140px 50px; }
.akl-bi-info-wrap .quarter-list .list:nth-child(1),
.akl-bi-info-wrap .quarter-list .list:nth-child(2) { padding-top: 100px; }
.akl-bi-info-wrap .list .symbol-box img { display: block; margin: 117px auto 0; max-width: 100%; }
.akl-bi-info-wrap .list .bi-img .img { display: flex; justify-content: center; align-items: center; max-width: 555px; width: 100%; height: 220px; margin: 0 auto; padding: 0 50px; border: 1px solid var(--main-light-color); }
.akl-bi-info-wrap .list .bi-img .img img { max-width: 100%; }
.akl-bi-info-wrap .list .bi-img p { margin-top: 15px; text-align: center; }
.akl-bi-info-wrap .btn-ce { margin-top: 50px; }
@media only screen and (max-width: 1023px) {
	.akl-bi-info-wrap { margin-top: 0; }
	.akl-bi-info-wrap .quarter-list .list { padding: 64px 24px; }
	.akl-bi-info-wrap .quarter-list .list:nth-child(2) { padding-top: 64px; }
	.akl-bi-info-wrap .list.text { padding-top: 0 !important; }
	.akl-bi-info-wrap .list .symbol-box img { margin: 32px auto 0; }
	.akl-bi-info-wrap .list .bi-img .img { max-width: 100%; width: 100%; padding: 0 24px; }
	.akl-bi-info-wrap .list .bi-img p { margin-top: 12px; text-align: left; }
	.akl-bi-info-wrap .btn-ce { margin-top: 24px; }
}

/***************** Quarter List *****************/
.quarter-list { display: flex; flex-wrap: wrap; }
.quarter-list .list.text .txt { margin-bottom: 40px; }
.quarter-list .list.text .txt:last-child { margin-bottom: 0; }
.quarter-list .list { flex: 1 1 50%; padding: 100px 50px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.quarter-list .list:nth-child(even) { border-right: 0; }
.quarter-list .list .tith { margin-bottom: 25px; }
.quarter-list .list .box { margin-bottom: 100px; }
.quarter-list .list .box:last-child { margin-bottom: 0; }

body.bgWhite .quarter-list .list { border-color: var(--main-light-color); }
@media only screen and (max-width: 1023px) {
	.quarter-list .list { flex: 1 1 100%; padding: 64px 24px; border-right: 0; }
	.quarter-list .list.text { padding: 64px 24px; }
	.quarter-list .list.text .txt { margin-bottom: 24px; }
	.quarter-list .list .tith { margin-bottom: 16px; }
	.quarter-list .list .box { margin-bottom: 48px; }
}


/***************** 시설/공간 > 공간소개 *****************/
.space-intde-box { position: relative; padding: 220px 0 0; }
.space-intde-box .build-info { position: absolute; top: 589px; right: 2.604vw; /* width: 460px; */ width: 23.958vw; }
.space-intde-box .build-info ul { padding: 40px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.space-intde-box .build-info ul strong { width: 150px; }
.space-intde-box .build-box { position: relative; margin-top: 89px; }
.build-box .build-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.build-box .build-img img { display: block; width: 53.646vw; margin: 0 auto; }
.build-box .build-text { position: relative; z-index: 10; width: 61%; height: 100%; margin: 0 auto; }
.build-box .build-text .build { position: relative; }
.build-box .build-text .build:after { z-index: -1; opacity: 0; transition: opacity 0.6s; }
.build-box .build-text .build.active:after { opacity: 1; transition: opacity 0.6s; }
.build-box .build-text .build1:after { content: ""; position: absolute; top: 2.969vw; left: 11.198vw; width: 37.917vw; height: 13.125vw; /* top: 57px; left: 215px; width: 728px; height: 252px; */ background: url(../img/content/sub01/build-line1.png)center center no-repeat; background-size: contain; }
.build-box .build-text .build2:after { content: ""; position: absolute; top: -2.396vw; left: 7.135vw; width: 45.938vw; height: 11.198vw; /* top: -46px; left: 137px; width: 882px; height: 215px; */ background: url(../img/content/sub01/build-line2.png)center center no-repeat; background-size: contain; }
.build-box .build-text .build3:after { content: ""; position: absolute; top: -4.219vw; left: 6.563vw; width: 47.031vw; height: 10.521vw; /* top: -81px; left: 126px; width: 903px; height: 202px; */ background: url(../img/content/sub01/build-line3.png)center center no-repeat; background-size: contain; }
.build-box .build-text .build4:after { content: ""; position: absolute; top: -4.531vw; left: 3.750vw; width: 52.969vw; height: 6.458vw; /* top: -87px; left: 72px; width: 1017px; height: 124px; */ background: url(../img/content/sub01/build-line4.png)center center no-repeat; background-size: contain; }
.build-box .build-text .build > .more { position: absolute; z-index: 11; display: block; width: 50px; height: 50px; font-size: 0; background-color: var(--bk-color); border-radius: 100%; background-position: center center; background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' viewBox='0 0 20 20'%3E%3Cg transform='translate(-737 -791)'%3E%3Cline y2='20' transform='translate(747 791)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline y2='20' transform='translate(757 801) rotate(90)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");}
.build-box .build-text .build.active > .more { background: #fff; background-repeat: no-repeat; background-position: center center; }
.build-box .build-text .build1.active > .more { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' viewBox='0 0 20 20'%3E%3Cg transform='translate(-737 -791)'%3E%3Cline y2='20' transform='translate(747 791)' fill='none' stroke='%23f4823b' stroke-width='1'/%3E%3Cline y2='20' transform='translate(757 801) rotate(90)' fill='none' stroke='%23f4823b' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"); }
.build-box .build-text .build2.active > .more,
.build-box .build-text .build4.active > .more { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' viewBox='0 0 20 20'%3E%3Cg transform='translate(-737 -791)'%3E%3Cline y2='20' transform='translate(747 791)' fill='none' stroke='%23b94f7f' stroke-width='1'/%3E%3Cline y2='20' transform='translate(757 801) rotate(90)' fill='none' stroke='%23b94f7f' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"); }
.build-box .build-text .build3.active > .more { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' viewBox='0 0 20 20'%3E%3Cg transform='translate(-737 -791)'%3E%3Cline y2='20' transform='translate(747 791)' fill='none' stroke='%234694d1' stroke-width='1'/%3E%3Cline y2='20' transform='translate(757 801) rotate(90)' fill='none' stroke='%234694d1' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"); }
/** 플로팅 팝업 **/
.build-box .build .build-float-pop { visibility: hidden; opacity: 0; transition: all 0.6s; position: absolute; /* width: 548px;*/ width: 28.542vw; padding: 60px 50px; background: var(--bk-color); }
.build-box .build.active .build-float-pop { visibility: visible; opacity: 1; transition: opacity 0.6s, transform 0.6s; }
.build-box .build .build-float-pop .top strong { display: block; line-height: 24px; font-weight: 700; font-size: 24px; }
.build-box .build .build-float-pop .top .floor { display: block; line-height: 4.167vw; margin-top: 10px; font-family:'GTFlexaTrial'; font-weight: 400; font-size: 4.167vw; }
.build-box .build .build-float-pop .bottom { margin-top: 50px; }
.build-box .build .build-float-pop .bottom .list { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #fff; }
.build-box .build .build-float-pop .bottom .list:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.build-box .build .build-float-pop .bottom .list strong { display: block; font-weight: 700; font-size: 20px; }
.build-box .build .build-float-pop .bottom .list p { display: block; line-height: 28px; margin-top: 5px; font-weight: 400; font-size: 20px; word-break: keep-all; }
.build-box .build .build-float-pop .more-bt1 { margin-top: 30px; font-size: 20px; }
	/** 16F-17F 인큐베이터/실험실 **/
	.build-box .build-text .build1 { /* height: 554px; */ height: 28.854vw; }
	.build-box .build-text .build1 .more { /* top: 140px; left: 260px; */ top: 7.292vw; left: 13.542vw; }
	.build-box .build-text .build1 .build-float-pop { top: 0; /* right: 866px */; color: #f4823b; right: 45.573vw; }
	.build-box .build-text .build1 .build-float-pop .list { border-color: rgba(244,130,59,0.2); }
	/** 7F 실험실/인큐베이터 **/
	.build-box .build-text .build2 { /* height: 109px; */ height: 5.677vw; }
	.build-box .build-text .build2 .more { top: 0; /* left: 279px; */ left: 14.531vw; }
	.build-box .build-text .build2 .build-float-pop { /* top: -229px; right: 847px; */ top: -11.927vw; right: 44.115vw; color: #b94f7f; }
	.build-box .build-text .build2 .build-float-pop .list { border-color: #b94f7f33; }
	/** 6F 네트워킹 허브 **/
	.build-box .build-text .build3 { /* height: 406px; */ height: 21.146vw; }
	.build-box .build-text .build3 .more { top: 0; /* right: 253px; */ right: 13.177vw; }
	.build-box .build-text .build3 .build-float-pop { /* top: -229px; left: 872px; */ top: -11.927vw; left: 45.781vw; color: #4694d1; }
	.build-box .build-text .build3 .build-float-pop .list { border-color: #4694d142; }
	/** B1F 실험실 **/
	.build-box .build-text .build4 { /* height: 59px; */ height: 3.073vw; }
	.build-box .build-text .build4 .more { top: 0; /* left: 235px; */ left: 12.240vw; }
	.build-box .build-text .build4 .build-float-pop { /* bottom: 33px; right: 892px; */ bottom: 1.719vw; right: 46.458vw; color: #b94f7f; }
	.build-box .build-text .build4 .build-float-pop .list { border-color: #b94f7f33; }
@media only screen and (max-width: 1199px) {
	.space-intde-box .build-info { position: relative; top: inherit; right: inherit; width: 100%; margin-top: 48px; padding: 0 24px; }
	.space-intde-box .build-box { margin-top: 48px; }
	.space-intde-box .build-info ul { padding: 24px 0; }
	.build-box .build-img img { width: 587px; }
	.build-box .build-text { width: 587px; }
	.build-box .build-text .build > .more { width: 32px; height: 32px; background-size: 11px !important; }
	.build-box .build-text .build1:after { content: ""; position: absolute; top: 33px; left: 84px; width: 417px; height: 157px; /* top: 33px; left: 84px; width: 417px; */ }
	.build-box .build-text .build2:after { content: ""; position: absolute; top: -23px; left: 40px; width: 503px; height: 134px; /* top: -23px; left: 40px; width: 503px; */ }
	.build-box .build-text .build3:after { content: ""; position: absolute; top: -44px; left: 34px; width: 515px; height: 126px; /* top: -44px; left: 34px; width: 515px; */ }
	.build-box .build-text .build4:after { content: ""; position: absolute; top: -40px; left: 2px; width: 581px; height: 77px; /* top: -40px; left: 2px; width: 581px; */ }
	/** 플로팅 팝업 **/
	.build-box .build .build-float-pop { display: none; }
		/** 16F-17F 인큐베이터/실험실 **/
		.build-box .build-text .build1 { height: 311px; }
		.build-box .build-text .build1 .more { top: 68px; left: 117px; }
		/** 7F 실험실/인큐베이터 **/
		.build-box .build-text .build2 { height: 61px; }
		.build-box .build-text .build2 .more { left: 138px; }
		/** 6F 네트워킹 허브 **/
		.build-box .build-text .build3 { height: 230px; }
		.build-box .build-text .build3 .more { right: 116px; }
		/** B1F 실험실 **/
		.build-box .build-text .build4 { height: 46px; }
		.build-box .build-text .build4 .more { left: 93px; }
}
@media only screen and (max-width: 1023px) {
	.space-intde-box { position: relative; padding: 64px 0 0; }
}
@media only screen and (max-width: 600px) {
	.build-box .build-img img { width: 320px; }
	.build-box .build-text { width: 320px; }
	.build-box .build-text .build1:after { content: ""; position: absolute; top: 19px; left: 46px; width: 227px; height: 82px; }
	.build-box .build-text .build2:after { content: ""; position: absolute; top: -4px; left: 21px; width: 276px; height: 73px; }
	.build-box .build-text .build3:after { content: ""; position: absolute; top: -14px; left: 18px; width: 283px; height: 66px; }
	.build-box .build-text .build4:after { content: ""; position: absolute; top: -22px; left: 3px; width: 313px; height: 44px; }
		/** 16F-17F 인큐베이터/실험실 **/
		.build-box .build-text .build1 { height: 163px; }
		.build-box .build-text .build1 .more { top: 36px; left: 53px; }
		/** 7F 실험실/인큐베이터 **/
		.build-box .build-text .build2 { height: 34px; }
		.build-box .build-text .build2 .more { left: 60px; }
		/** 6F 네트워킹 허브 **/
		.build-box .build-text .build3 { height: 116px; }
		.build-box .build-text .build3 .more { right: 52px; }
		/** B1F 실험실 **/
		.build-box .build-text .build4 { height: 40px; }
		.build-box .build-text .build4 .more { left: 46px; }
}


/***************** (팝업) 층별 공간 안내 *****************/
.space-popup-wrap { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: #fff; visibility: hidden; opacity: 0; }
.space-popup-wrap.active { visibility: visible; opacity: 1; }
.space-popup-wrap .pop-close { position: absolute; top: 40px; right: 50px; z-index: 1000; display: block; width: 20px; height: 20px; font-size: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.71 18.71' width='20'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23171515; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cline class='cls-1' x1='.35' y1='.35' x2='18.35' y2='18.35'/%3E%3Cline class='cls-1' x1='18.35' y1='.35' x2='.35' y2='18.35'/%3E%3C/g%3E%3C/svg%3E");}
.space-popup-wrap .space { display: flex; height: 100%; }
.space-popup-wrap .space .lf { flex-shrink: 0; width: 510px; padding: 100px 50px; border-right: 1px solid #fff; }
.space-popup-wrap .space .lf .floor { display: block; font-family:'GTFlexaTrial'; font-weight: 400; font-size: 34px; }
.space-popup-wrap .space .lf > strong { display: block; margin-top: 13px; line-height: 40px; font-weight: 700; font-size: 40px; }
.space-popup-wrap .space .lf > p { line-height: 34px; margin-top: 13px; font-size: 24px; }
.space-popup-wrap .space .lf .diagram { margin-top: 30px; }
.space-popup-wrap .space .lf .diagram img { display: block; max-width: 100%; margin: 0 auto; }
.space-popup-wrap .space .lf .mobile-text-list { display: none; }
.space-popup-wrap .space .rg { position: relative; padding: 100px 50px; overflow-y: scroll; overflow-x: hidden; }
.space-popup-wrap .space .rg .space-swiper-wrap { position: relative; }
.space-popup-wrap .space .rg .swiper-slide { width: 90%; margin-right: 50px;  }
.space-popup-wrap .space .rg .swiper-slide:last-child { margin-right: 0; }
.space-popup-wrap .space .rg .swiper-slide .img { overflow: hidden; }
.space-popup-wrap .space .rg .swiper-slide .text { opacity: 0; padding-top: 20px; transition: opacity 0.4s; }
.space-popup-wrap .space .rg .swiper-slide.swiper-slide-active .text { opacity: 1; transition: opacity 0.4s; }
.space-popup-wrap .space .rg .swiper-slide .text strong { display: block; line-height: 34px; font-weight: 700; font-size: 34px; }
.space-popup-wrap .space .rg .swiper-slide .text p { line-height: 28px; margin-top: 15px; font-weight: 400; font-size: 20px; }
.space-popup-wrap .space .rg .swiper-slide .text p > b { display: block; }
.space-popup-wrap .space .rg .swiper-slide .text .btn { margin-top: 20px; }
.space-popup-wrap .space .rg .swiper-pagination { width: auto; left: inherit; top: 704px; bottom: inherit; right: 10%; font-weight: 400; font-size: 20px; color: #bcbebf; }
.space-popup-wrap .space .rg .swiper-pagination span { font-family:'GTFlexaTrial'; }
.space-popup-wrap .space .rg .swiper-pagination span.swiper-pagination-current { color: var(--bk-color); }
/** 16F-17F 인큐베이터/실험실 **/
.space-popup-wrap .space1 { color: #f4823b; }
.space-popup-wrap .space1 .lf { border-color: #f4823b; }
.space-popup-wrap .space1 .rg .btn { color: #fff; background: #f4823b; }
/** 7F 실험실/인큐베이터 **/
.space-popup-wrap .space2 { color: #b94f7f; }
.space-popup-wrap .space2 .lf { border-color: #b94f7f; }
.space-popup-wrap .space2 .rg .btn { color: #fff; background: #b94f7f; }
/** 6F 네트워킹 허브 **/
.space-popup-wrap .space3 { color: #4694d1; }
.space-popup-wrap .space3 .lf { border-color: #4694d1; }
.space-popup-wrap .space3 .lf .diagram2 .top { border-color: #E0EDF7; }
.space-popup-wrap .space3 .lf .diagram2 .top > ul { gap: 10px; }
.space-popup-wrap .space3 .lf .diagram2 .top > ul li { width: 90px; height: 90px; background: #eaf4fe; }
.space-popup-wrap .space3 .lf .diagram2 .bottom > ul li { border-color: #4694d1; }
.space-popup-wrap .space3 .rg .btn { color: #fff; background: #4694d1; }
@media only screen and (max-width: 1300px) {
	.space-popup-wrap .space .lf { width: 450px; }
}
@media only screen and (max-width: 1023px) {
	.space-popup-wrap { overflow-y: scroll; }
	.space-popup-wrap .pop-close { top: 20px; right: 24px; }
	.space-popup-wrap .space { flex-wrap: wrap; }
	.space-popup-wrap .space .lf { width: 100%; padding: 64px 24px 48px; border-right: 0; }
	.space-popup-wrap .space .lf .floor { font-size: 24px; }
	.space-popup-wrap .space .lf > strong { line-height: 24px; margin-top: 8px; font-size: 24px; }
	.space-popup-wrap .space .lf > p { line-height: 26px; margin-top: 8px; font-size: 18px; }
	.space-popup-wrap .space .lf .mobile-text-list { display: block; margin-top: 49px; }
	.space-popup-wrap .space .lf .mobile-text-list .list { margin-bottom: 24px; padding-bottom: 24px; }
	.space-popup-wrap .space .lf .mobile-text-list .list:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
	.space-popup-wrap .space .lf .mobile-text-list .list strong { display: block; line-height: 21px; font-weight: 700; font-size: 15px; }
	.space-popup-wrap .space .lf .mobile-text-list .list p { display: block; line-height: 21px; margin-top: 7px; font-weight: 400; font-size: 15px; }
	.space-popup-wrap .space .rg { position: relative; padding: 0; overflow: hidden; }
	.space-popup-wrap .space .rg .swiper-slide { width: 100%; margin-right: 0; }
	.space-popup-wrap .space .rg .swiper-slide .text { padding: 16px 90px 16px 24px; }
	.space-popup-wrap .space .rg .swiper-slide .text strong { line-height: 26px; font-size: 18px; }
	.space-popup-wrap .space .rg .swiper-slide .text p { line-height: 21px; margin-top: 8px; font-size: 15px; }
	.space-popup-wrap .space .rg .swiper-pagination { right: 24px; font-size: 15px; }
	/** 7F 실험실 **/
	.space-popup-wrap .space1 .lf .mobile-text-list .list { border-bottom: 1px solid #fcd9c4; }
	/** 7F 실험실 **/
	.space-popup-wrap .space2 .lf .mobile-text-list .list { border-bottom: 1px solid #eed0dc; }
	/** 6F 네트워킹 허브 **/
	.space-popup-wrap .space3 .lf .mobile-text-list .list { border-bottom: 1px solid #c7dff1; }
}
@media only screen and (max-width: 767px) {
	.space-popup-wrap .space .rg .swiper-slide .img img { width: 100%; }
	.space-popup-wrap .space .rg .swiper-pagination { top: 59vw; }
}
@media only screen and (max-width: 600px) {
	.space-popup-wrap .space .rg .swiper-pagination { top: 60vw; }
}

/***************** 다이어그램 *****************/
.diagram1 .top > ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 60px 50px; border: 1px solid #FCE0CF; border-radius: 200px; }
.diagram1 .top > ul li { display: flex; align-items: center; justify-content: center; width: 130px; height: 130px; padding: 15px; font-weight: 700; font-size: 18px; text-align: center; word-break: keep-all; background: #fef3ea; border-radius: 100%; }
.diagram2 .top { padding: 50px 50px 60px; border: 1px solid var(--main-light-color); border-radius: 100%; }
.diagram2 .top > strong { display: block; line-height: 28px; font-weight: 700; font-size: 20px; text-align: center; }
.diagram2 .top > strong > span { display: block; line-height: 34px; font-weight: 700; font-size: 24px; }
.diagram2 .top > ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-top: 20px; }
.diagram2 .top > ul li { display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; line-height: 22px; padding: 15px; font-weight: 700; font-size: 18px; text-align: center; word-break: keep-all; background: #fceff5; border-radius: 100%; }
.diagram2 .arrow img { display: block; margin: 0 auto 20px; }
.diagram2 .bottom > ul { display: flex; justify-content: center; gap: 15px; }
.diagram2 .bottom > ul li { display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; line-height: 22px; padding: 15px; font-weight: 700; font-size: 18px; text-align: center; word-break: keep-all; border: 1px solid var(--main-color); border-radius: 100%; }
@media only screen and (max-width: 1023px) {
	.diagram2 .top { padding: 48px 55px; border-radius: 200px; }
	.diagram2 .top > strong { font-size: 18px; }
	.diagram2 .top > ul { margin-top: 16px; }
	.diagram2 .top > ul > li { width: 100px; height: 100px; line-height: 21px; font-size: 15px; }
	.diagram2 .arrow img { margin: 0 auto 16px; }
	.diagram2 .bottom > ul { gap: 12px; }
	.diagram2 .bottom > ul li { width: 100px; height: 100px; line-height: 21px; font-size: 15px; }
}

.build-text-list { padding: 180px 0; border-top: 1px solid #fff; }
.build-text-list .boxAni { margin-bottom: 57px; }
.build-text-list .boxAni:last-child { margin-bottom: 0; }
.build-text-list a { display: flex; align-items: flex-start; justify-content: center; line-height: 68px; font-weight: 600; font-size: 60px; text-align: center; }
.build-text-list a sup { line-height: 34px; font-family:'GTFlexaTrial'; font-size: 24px; color: var(--bk-color); }
.build-text-list a span.arro { display: block; width: 30px; height: 68px; opacity: 0; transition: all 0.6s; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' viewBox='0 0 17.798 14.861'%3E%3Cpath d='m1729 42.924 6.794 6.794 6.794-6.794' transform='rotate(-90 855.015 888.209)' style='fill:none;stroke:%23fff;stroke-width:1.8px'/%3E%3Cpath d='M0 0v16.542' transform='rotate(-90 3.697 3.697)' style='fill:none;stroke:%23fff;stroke-width:1.8px'/%3E%3C/svg%3E");  }
.build-text-list a:hover span.arro { margin-left: 30px; opacity: 1; transition: all 0.6s; }
@media only screen and (max-width: 1023px) {
	.build-text-list { padding: 67px 0; }
	.build-text-list .boxAni { margin-bottom: 37px; }
	.build-text-list a { line-height: 44px; font-size: 34px; }
	.build-text-list a sup { font-size: 18px; }
	.build-text-list a span.arro { height: 44px; background-size: 20px; }
	.build-text-list a:hover span.arro { margin-left: 15px; }
}


/**********************************/
.cont-intro-wrap { position: relative; margin-top: 180px; }
.cont-intro-wrap .text { position: absolute; top: 0; left: 0; width: 100%; transition: all 1s; -webkit-transition: all 1s; }
.cont-intro-wrap .text strong { text-align: center; color: #fff; word-break: keep-all; }
.cont-intro-wrap .text .hidn-box { visibility: hidden; }
.cont-intro-wrap .text .eng-line-box p { display: block; line-height: 200px; font-family:'GTFlexaTrial'; font-weight: 300; font-size: 200px; color: #fff; text-align: center; opacity: 0; }
.cont-intro-wrap .text .eng-line-box .line { display: block; width: 0; height: 1px; background: #fff; }
.cont-intro-wrap .img { width: 627px; height: 753px; margin: 0 auto 0; transition: all 1s; -webkit-transition: all 1s; }

.cont-intro-wrap.on .img { width: 100%; height: 100vh; margin: 0 auto 0; transition: all 1s; -webkit-transition: all 1s; }
.cont-intro-wrap.on .text { top: 50%; transform: translateY(-50%); }
.cont-intro-wrap.on .text .hidn-box { visibility: visible; }
.cont-intro-wrap.on .text .eng-line-box { margin-top: 20px; }
.cont-intro-wrap.on .text .eng-line-box p { animation: opacityAni1 .9s forwards; animation-delay: 1s; }
.cont-intro-wrap.on .text .eng-line-box .line { animation: widthAni1 1s forwards; animation-delay: .5s; }
@keyframes widthAni1 { 0% { width: 0; } 100% { width: 100%; } }
@keyframes opacityAni1 { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; transform: translateY(0); } }
@media only screen and (max-width: 1023px) {
	.cont-intro-wrap { margin-top: 80px; }
	.cont-intro-wrap .img { width: 427px; height: 563px; }
	.cont-intro-wrap .text .eng-line-box p { line-height: 40px; padding: 8px 0; font-size: 40px; }
}
@media only screen and (max-width: 600px) {
	.cont-intro-wrap .img { width: 247px; height: 465px; }
}


/***************** 시설/공간 > 공간 투어 신청 *****************/
.akl-tour-intro-wrap { margin-top: -100px; }
.akl-tour-intro-wrap .info { padding: 140px 0; }
.akl-tour-intro-wrap .info .inner { display: flex; justify-content: space-between; }
.akl-tour-intro-wrap .info .rg { width: 902px; }
.akl-tour-intro-wrap .info .rg .bottom { margin-top: 39px; padding-top: 42px; border-top: 1px solid #fff; }
.akl-tour-intro-wrap .info .rg .bottom > strong { display: block; margin-bottom: 20px; font-size: 20px; color: var(--bk-color); }

.akl-tour-regist-wrap { padding: 140px 0 0; border-top: 1px solid #fff; }
.akl-tour-regist-wrap .tith4 { position: relative; z-index: 10; }
.akl-tour-regist-wrap .regist-box { max-width: 787px; width: 100%; margin: 50px auto 0; padding: 80px; background: #fff; transition: all 0.6s; }
.akl-tour-regist-wrap .regist-box .applict-btn2 { margin-top: 0; }

/* 영문 */
.app-tour-list2 li strong { width: 180px; }
@media only screen and (max-width: 1023px) {
	.akl-tour-intro-wrap { padding: 100px 0 0 0; }
	.akl-tour-intro-wrap .info { padding: 64px 0; }
	.akl-tour-intro-wrap .info .inner { flex-wrap: wrap; gap: 16px; }
	.akl-tour-intro-wrap .info .inner .rg .bottom { margin-top: 24px; padding-top: 24px; }
	.akl-tour-intro-wrap .info .inner .rg .bottom > strong { margin-bottom: 15px; font-size: 15px; }
	.akl-tour-regist-wrap { padding: 64px 0 0; }
	.akl-tour-regist-wrap .regist-box { position: relative; max-width: 100%; padding: 0 24px 48px; margin: 16px auto 0; transition: all 0.6s;  }
	.akl-tour-regist-wrap .regist-box:before { content: ""; position: absolute; top: -300px; left: 0; z-index: 0; width: 100%; height: 300px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,100%) 100%); }
}

/***************** 시설/공간 > 오시는 길 *****************/
.akl-loaction-wrap { margin-bottom: -180px; }
.akl-loaction-wrap .inner { margin-bottom: 50px; }
.akl-loaction-wrap .map-cont .map { width: 100%; height: 600px; }
.public-trans-list { display: flex; }
.public-trans-list > li { flex: 1; padding: 100px 50px; }
.public-trans-list > li > strong { margin-bottom: 15px; }
.public-trans-list > li > .txt { margin-bottom: 10px; }
.public-trans-list > li > .note { margin-top: 10px; color: #fff; text-decoration: underline; }
@media only screen and (max-width: 1300px) {
	.public-trans-list { flex-wrap: wrap; }
	.public-trans-list > li { flex: 1 1 50%; }
}
@media only screen and (max-width: 1023px) {
	.akl-loaction-wrap { margin-bottom: -120px; }
	.akl-loaction-wrap .inner { margin-bottom: 24px; }
	.public-trans-list > li { flex: 1 1 100%; padding: 40px 24px; }
	.public-trans-list > li > strong { margin-bottom: 5px; }
	.public-trans-list > li > .txt { margin-bottom: 3px; }
	.public-trans-list > li > .txt > br { display: none; }
}

/***************** 지원 프로그램 *****************/
.cont-intro-wrap .img.suport-artist { background: url(../img/content/sub01/tith-bg-img1.png)center center no-repeat; background-size: cover; } /* 예술가 */
.cont-intro-wrap .img.suport-company { background: url(../img/content/sub01/tith-bg-img2.png)center center no-repeat; background-size: cover; } /* 예술기업 */

.suport-wrap { margin: -100px 0 -180px; }
.suport-program-wrap .list .ico { display: block; margin-bottom: 30px; }
.suport-program-wrap.artist .list:nth-child(7), .suport-program-wrap.artist .list:nth-child(8) { border-bottom: 0; }
.suport-program-wrap.company .list:nth-child(5), .suport-program-wrap.company .list:nth-child(6) { border-bottom: 0; }
@media only screen and (max-width: 1023px) {
	.cont-intro-wrap .img.suport-artist { background: url(../img/content/sub01/tith-bg-img1-mo.png)center center no-repeat; } /* 예술가 */
	.cont-intro-wrap .img.suport-company { background: url(../img/content/sub01/tith-bg-img2.png)right centerf no-repeat; } /* 예술기업 */

	.suport-program-wrap.artist .list:nth-child(7) { border-bottom: 1px solid var(--main-light-color); }
	.suport-program-wrap.company .list:nth-child(5) { border-bottom: 1px solid var(--main-light-color); }

	.suport-wrap { margin: -100px 0; }
	.suport-program-wrap .list { padding: 40px 24px; }
	.suport-program-wrap .list .ico { margin-bottom: 16px; }
	.suport-program-wrap .list .ico img { width: 40px; }
}

/***************** 프로그램 지원방향 *****************/
.program-sup-wrap { margin: -100px 0 -180px; }
.program-sup { position: relative; }
.program-sup .cate-color { position: absolute; bottom: 34px; left: 77.188vw; display: flex; align-items: center; justify-content: flex-end; gap: 40px; margin-top: 40px; }
.program-sup .cate-color li { display: flex; align-items: center; gap: 10px; font-weight: 500; font-size: 16px; color: var(--bk-color); }
.program-sup .cate-color li > .color { display: block; width: 15px; height: 15px; }
.program-sup .cate-color li.artist > .color { background: var(--main-color); }
.program-sup .cate-color li.business > .color { background: #f4823b; }
.program-sup .cate-color li.common > .color { background: #4694d1; }
@media only screen and (max-width: 1199px) {
	.program-sup-wrap { margin: -100px 0 -180px; }
	.program-sup-wrap .wh-border-list li:last-child { display: none; }
	.program-sup .cate-color { justify-content: flex-start; gap: 24px; bottom: 20px; left: inherit; right: 50px; margin-top: 15px; }
	.program-sup .cate-color li { gap: 6px; font-size: 14px; }
}
@media only screen and (max-width: 1023px) {
	.program-sup-wrap { margin: -80px 0 0; }
	.program-sup .cate-color { position: relative; bottom: inherit; right: inherit; padding: 0 24px; }
}

/***************** 입주기업 *****************/
.resident-company-wrap { margin: -100px 0 -180px; }
.resident-company .company-list { display: flex; flex-wrap: wrap; }
.resident-company .company-list li { flex: 0 0 20%; }
.resident-company .company-list li > a { display: block; padding: 60px 30px; }
.resident-company .company-list li > a .logo { display: flex; align-items: center; justify-content: center; height: 100px; }
.resident-company .company-list li > a .logo img { display: block; max-width: 100%; max-height:100%;}
.resident-company .company-list li > a > p { margin-top: 15px; font-size: 20px; text-align: center; color: var(--gray-color); }
/* 팝업 */
.company-detail-popup .popup-box { display: flex; max-width: 930px; width: 100%; padding: 100px 0; }
.company-detail-popup .popup-box .lf { display: flex; align-items: flex-start; justify-content: center; flex-shrink: 0; width: 364px; }
.company-detail-popup .popup-box .rg { padding-right: 67px; }
.company-detail-popup .popup-box .rg strong { display: block; line-height: 44px; font-size: 34px; color: var(--bk-color); }
.company-detail-popup .popup-box .rg p { line-height: 28px; margin-top: 12px; font-size: 20px; color: var(--bk-color); word-break: keep-all; }
.company-detail-popup .popup-box .rg .more-bt1 { margin-top: 40px; }
@media only screen and (max-width: 1023px) {
	.resident-company-wrap { margin: -100px 0; }
	.resident-company .company-list li { flex: 0 0 50%; }
	.resident-company .company-list li > a { padding: 40px 24px; }
	.resident-company .company-list li .logo { height: 60px; }
	.resident-company .company-list li .logo img { max-width: 100%; }
	.resident-company .company-list li p { line-height: 21px; margin-top: 8px; font-size: 15px; }
	/* 팝업 */
	.company-detail-popup .popup-box { flex-wrap: wrap; width: 90%; padding: 64px 24px; }
	.company-detail-popup .popup-box .lf { width: 100%; }
	.company-detail-popup .popup-box .rg { padding-right: 0; }
	.company-detail-popup .popup-box .rg strong { line-height: 26px; font-size: 18px; }
	.company-detail-popup .popup-box .rg p { line-height: 21px; font-size: 15px; }
	.company-detail-popup .popup-box .rg .more-bt1 { margin-top: 16px; }
}


/***************** 대관 예약 안내 *****************/
.fcltyreqst-wrap .cont1 .tith2 { margin-bottom: 20px; }
.fcltyreqst-wrap .cont2 { padding-top: 140px; }
.fcltyreqst-wrap .cont2 .tith2 { margin-bottom: 30px; }
.fcltyreqst-wrap .cont2 .wh-border-list { display: flex; }
.fcltyreqst-wrap .cont2 .wh-border-list > li { flex: 1; padding: 92px 50px 99px; }
.fcltyreqst-wrap .cont2 .wh-border-list > li .ico { display: block; margin-bottom: 30px; }
.fcltyreqst-wrap .cont2 .wh-border-list > li > strong { display: block; margin-bottom: 15px; line-height: 44px; font-size: 34px; }
.fcltyreqst-wrap .cont2 .wh-border-list > li > p { line-height: 34px; font-size: 24px; font-weight: 700; }
.fcltyreqst-wrap .cont2 .wh-border-list > li > .list4 { margin-top: 10px; }
.fcltyreqst-wrap .btn-ce { margin-top: 50px; }
/* 배경 흰색 */
body.bgWhite .fcltyreqst-wrap .btn-ce a { color: #fff; }
/* 리스트 PADDING */
.fcltyreqst-wrap .wh-border-list.step-list-box > li { padding: 5.573vw 50px 5.417vw; }
/* 콘텐츠 공통 여백 */
.fcltyreqst-wrap .cont { padding-top: 140px; }
.fcltyreqst-wrap .cont .tith-box1 { margin-bottom: 30px; }
.fcltyreqst-wrap .cont .tith-box1 .tith2 { margin-bottom: 15px; }
.fcltyreqst-wrap .cont .txt2 { color: var(--gray-color); }

@media only screen and (max-width: 1023px) {
	.fcltyreqst-wrap .cont2 { padding-top: 100px; }
	.fcltyreqst-wrap .cont2 .wh-border-list { flex-wrap: wrap; }
	.fcltyreqst-wrap .cont2 .wh-border-list > li { flex: 1 1 100%; padding: 40px 24px; }
	.fcltyreqst-wrap .cont2 .wh-border-list > li .ico { margin-bottom: 10px; line-height: normal; }
	.fcltyreqst-wrap .cont2 .wh-border-list > li .ico svg { width: 40px; }
	.fcltyreqst-wrap .cont2 .wh-border-list > li > strong { line-height: 29px; margin-bottom: 8px; font-size: 24px; }
	.fcltyreqst-wrap .cont2 .wh-border-list > li > p { line-height: 26px; font-size: 18px; }
	.fcltyreqst-wrap .cont2 .wh-border-list > li > .list4 { margin-top: 8px; }
	.fcltyreqst-wrap .btn-ce { margin-top: 23px; }
	/* 리스트 PADDING */
	.fcltyreqst-wrap .wh-border-list.step-list-box > li { padding: 48px 24px; }
	/* 콘텐츠 공통 여백 */
	.fcltyreqst-wrap .cont { padding-top: 100px; }
	.fcltyreqst-wrap .cont .tith-box1 { margin-bottom: 16px; }
	/* 스텝 리스트 */
	.wh-border-list.step-list-box > li .ico { margin-bottom: 15px; }
	.wh-border-list.step-list-box > li .ico svg { width: 40px; }
	.wh-border-list.step-list-box > li .eng { line-height: 29px; margin-bottom: 5px; font-size: 24px; }
	.wh-border-list.step-list-box > li strong { line-height: 26px; margin-bottom: 0; font-size: 18px; }
	.wh-border-list.step-list-box > li p { line-height: 21px; font-size: 15px; }
}

/***************** 대관 예약 신청 리스트 *****************/
.applict-list-wrap .bbs-top { margin-top: 54px; }
@media only screen and (max-width: 1023px) {
	.applict-list-wrap .bbs-top { margin-top: 40px; }
}
/***************** 대관 예약 신청 상세 *****************/
.applict-detail-wrap .board-detail-box { padding-bottom: 100px; }
.applict-detail-wrap .download-btn2 { margin-top: 30px; }
@media only screen and (max-width: 1023px) {
	.applict-detail-wrap { margin-top: -60px; }
	.applict-detail-wrap .board-detail-box { padding-bottom: 48px;; }
}

.board-detail-box { border-bottom: 1px solid #fff; }
.board-detail-box .inner { display: flex; gap: 80px; }
.board-detail-box .img { flex-shrink: 0; width: 45.313vw; }
.board-detail-box .img .gallery-main-slide .swiper-slide { overflow: hidden; }
.board-detail-box .img .gallery-main-slide .swiper-slide img { display: block; width: 100%; }
.board-detail-box .img .gallery-thumb-slide { margin-top: 30px; }
.board-detail-box .img .gallery-thumb-slide .swiper-wrapper { justify-content: center; }
.board-detail-box .img .gallery-thumb-slide .swiper-slide { border: 2px solid transparent; }
.board-detail-box .img .gallery-thumb-slide .swiper-slide.swiper-slide-thumb-active { border: 2px solid #fff; }
.board-detail-box .img .gallery-thumb-slide .swiper-slide .thumb { position: relative; height: 0; padding-bottom: 60%; overflow: hidden; }
.board-detail-box .img .gallery-thumb-slide .swiper-slide .thumb img { position: absolute; width: 100%; }
.board-detail-box .text { width: 100%; }
.board-detail-box .text .box { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #fff; }
.board-detail-box .text .box:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.board-detail-box .text .cate { margin-bottom: 19px; font-family:'Pretendard'; font-weight: 700; font-size: 20px; }
.board-detail-box .text .ti { display: block; line-height: 60px; font-weight: 600; font-size: 60px; color: var(--bk-color); }
.board-detail-box .text .list2 strong { width: 100px; }
.board-detail-box .text .list4 { margin-top: 15px; }
.board-cont-box { padding-top: 100px; }
.board-cont-box .inner > .box { margin-bottom: 140px; }
.board-cont-box .inner > .box:last-child { margin-bottom: 0; }
.board-cont-box .inner > .box > .tith2 { margin-bottom: 20px; }
@media only screen and (max-width: 1023px) {
	.board-detail-box .inner { flex-wrap: wrap; gap: 40px; }
	.board-detail-box .img { width: 100%; }
	.board-detail-box .img .gallery-thumb-slide { margin-top: 16px; }
	.board-detail-box .text .box { padding-bottom: 24px; margin-bottom: 24px; }
	.board-detail-box .text .box .mt40 { margin-top: 24px; }
	.board-detail-box .text .cate { font-size: 15px; }
	.board-detail-box .text .ti { line-height: 48px; font-size: 40px; }
	.board-detail-box .text .list2 strong { width: 71px; }
	.board-detail-box .text .list4 { margin-top: 8px; }
	.board-detail-box .text .list4 li br { display: none; }
	.board-cont-box { padding-top: 46px; }
	.board-cont-box .inner > .box { margin-bottom: 80px; }
	.board-cont-box .inner > .box > .tith2 { margin-bottom: 16px; }
}

/***************** 대관 예약 신청 폼 *****************/
.rental-reserv-box { display: flex; overflow: hidden; }
.rental-reserv-box.pc { background: #fff; }
.rental-reserv-box .mo-tab-btn { display: none; }
.rental-reserv-box .schedule-box { flex-shrink: 0; width: 532px; height: 100%; padding: 70px 90px; background: #fff; }
.rental-reserv-box .schedule-box .rest-notice { margin-top: 30px; }
.rental-reserv-box .schedule-box .applict-btn1 { width: 100%; margin-top: 15px;  }
.rental-reserv-box .information { width: 100%; }
.rental-reserv-box .information-box { width: 100%; padding: 70px 90px; background: #fff; border-left: 1px solid #f6e8ee;  }
.rental-reserv-box .information-box .applict-btn1 { display: none; }
.rental-reserv-box .information-box .guide-btn { display: block; width: 21px; height: 21px; margin: 1px 0 0 10px; background: url('../img/content/sub02/icon_guide_btn.png')center center no-repeat; }
/*** 주요 일정 작성 가이드 팝업 ***/
.guide-popup .popup-box1 { max-width: 930px; padding: 30px 50px; }
.guide-popup .popup-cont > ul li { display: flex; gap: 10px; margin-bottom: 18px; font-size: 20px; color: var(--bk-color); }
.guide-popup .popup-cont > ul li:last-child { margin-bottom: 18px; }
.guide-popup .popup-cont > ul li .num { flex-shrink: 0; display: block; width: 27px; height: 27px; line-height: 27px; font-weight: 500; font-size: 18px; color: #fff; text-align: center; background: var(--main-color); border-radius: 100%; }
.guide-popup .popup-cont > .img { margin-top: 30px; }
.guide-popup .popup-cont > .img.mo { display: none; }
@media only screen and (max-width: 1370px) {
	.rental-reserv-box .schedule-box { width: 460px; padding: 66px 60px; }
	.rental-reserv-box .information-box { padding: 66px 60px; }
	.rental-reserv-box .information-box .form-group2 .inp-box.md { width: 100%; }
}
@media only screen and (max-width: 1199px) {
	.rental-reserv-box .schedule-box { width: 400px; }
}
@media only screen and (max-width: 1023px) {
	.rental-reserv-box { display: block; margin: 0 -24px; border-bottom: 1px solid #fff; }
	.rental-reserv-box > div > div { display: none; }
	.rental-reserv-box .mo-tab-btn { display: block; padding: 15px 24px; font-weight: 700; font-size: 16px; border-top: 1px solid #fff; background-position: calc(100% - 24px); background-repeat: no-repeat;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath transform='rotate(90 4 12)' style='fill:none;stroke:%23fff' d='M0 0v16'/%3E%3Cpath transform='translate(8)' style='fill:none;stroke:%23fff' d='M0 0v16'/%3E%3C/g%3E%3C/svg%3E");}
	.rental-reserv-box > div.active .mo-tab-btn { color: var(--main-color); background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='1' viewBox='0 0 16 1'%3E%3Cg%3E%3Cpath transform='rotate(90 7.75 8.25)' style='fill:none;stroke:%23b94f7f' d='M0 0v16'/%3E%3C/g%3E%3C/svg%3E"); }
	.rental-reserv-box > div.active > div { display: block; border-top: 1px solid #eacad8; }

	.rental-reserv-box .schedule-box { flex-shrink: 0; width: 100%; padding: 32px 24px; border-right: 0; }
	.rental-reserv-box .schedule-box .applict-btn1 { display: none; }
	.rental-reserv-box .information-box { display: none; width: 100%; padding: 32px 24px; }
	.rental-reserv-box .information-box .applict-btn1 { display: flex; margin-top: 24px; }
	/*** 주요 일정 작성 가이드 팝업 ***/
	.guide-popup .popup-box1 { padding: 20px 24px; }
	.guide-popup .popup-cont > ul li { gap: 8px; line-height: 21px; font-size: 15px; }
	.guide-popup .popup-cont > ul li .num { width: 24px; height: 24px; line-height: 24px; font-size: 13px; }
	.guide-popup .popup-cont > .img.mo { display: block; margin-top: 24px; padding-top: 24px; border-top: 1px solid #f8f6f6; }
	.guide-popup .popup-cont > .img.mo img { display: block; margin: 0 auto; }
	.guide-popup .popup-cont > .img.pc { display: none; }
}

/***************** 작성 가이드 팝업 *****************/
.writing-guide-popup-box { max-width: 930px; width: 100%; padding: 30px 50px; }
.writing-guide-popup-box .img { width: 100%; height: 363px; margin: 30px 0 20px; background: #e9e9e9; overflow: hidden; }
@media only screen and (max-width: 1023px) {
	.writing-guide-popup-box { width: 90%; padding: 24px; }
	.writing-guide-popup-box .img { height: 256px; margin: 24px 0 16px; }
}



/*** 캘린더 ***/
.calendar-box { padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.calendar-box .calendar-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.calendar-box .calendar-top strong { display: block; line-height: 44px; font-size: 34px; color: var(--bk-color); }
.calendar-box .calendar-top a { display: flex; align-items: center; font-size: 0; }
.calendar-box .calendar-week { display: flex; align-items: center; margin-bottom: 10px; }
.calendar-box .calendar-week span { flex: 1; font-size: 16px; font-weight: 700; color: var(--gray-color); text-align: center; }
.calendar-box .calendar-day { display: flex; flex-wrap: wrap; }
.calendar-box .calendar-day span { flex: 1 1 14%; height: 49px; display: flex; align-items: center; justify-content: center; margin-bottom: 1px; font-weight: 500; color: var(--bk-color); }
.calendar-box .calendar-day span.availb { background: #ffe5e5; }
.calendar-box .calendar-day span.select { font-weight: 700; color: var(--main-color); background: #fff; border: 1px solid var(--main-color); }
.calendar-state { display: flex; gap: 30px; margin-top: 18px; }
.calendar-state li { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 500; color: var(--gray-color); }
.calendar-state li .color { display: block; width: 15px; height: 15px; }
.calendar-state li.availb .color { background: #ffe5e5; border: 1px solid #ddd; }
.calendar-state li.select .color { background: var(--main-color); }
@media only screen and (max-width: 1023px) {
	.calendar-box .calendar-top strong { font-size: 24px; }
	.calendar-box .calendar-top a svg { width: 16px; }
	.calendar-box .calendar-week span { font-size: 14px; }
	.calendar-box .calendar-day span { height: 13.587vw; font-size: 16px; }
	.calendar-state { gap: 24px; margin-top: 16px; }
	.calendar-state li { gap: 6px; font-size: 14px; }
}


/***************** 비즈 온라인 컨설팅 *****************/
.content-wrap1 > .cont { margin-bottom: 140px; }
.content-wrap1 > .cont:last-child { margin-bottom: 0; }
.content-wrap1 > .cont .tith2 { margin-bottom: 20px; }
@media only screen and (max-width: 1023px) {
	.content-wrap1 > .cont { margin-bottom: 100px; }
}
/***************** 비즈 컨설팅 안내 *****************/
.consulting-apply-wrap > .cont { margin-bottom: 140px; }
.consulting-apply-wrap > .cont:last-child { margin-bottom: 0; }
.consulting-apply-wrap > .cont .title { margin-bottom: 20px; }
.consulting-apply-wrap > .cont:nth-child(1) .list2 li { margin-bottom: 10px; }
.consulting-apply-wrap > .cont:nth-child(2) .bottom { margin-top: 30px; }
.consulting-apply-wrap > .cont:nth-child(2) .list2 li strong { width: 160px; }
.consulting-apply-wrap .list2 strong { width: 170px; }

@media only screen and (max-width: 1023px) {
	.consulting-apply-wrap > .cont { margin-bottom: 100px; }
	.consulting-apply-wrap > .cont .title { margin-bottom: 16px; }
	.consulting-apply-wrap > .cont:nth-child(2) .list2 li { flex-wrap: wrap; gap: 8px; }
	.consulting-apply-wrap > .cont:nth-child(2) .list2 li strong { width: 100%; }
	.consulting-apply-wrap > .cont:nth-child(2) .bottom { margin-top: 24px; }
}

/***************** 비즈 온라인 컨설팅 예약 신청 *****************/
.consulting-apply-wrap.reserv .oper-sche-list { margin-top: 38px; }
.consulting-apply-wrap.reserv .checkbox-list1 li.etc { display: flex; align-items: center; width: 100%; margin-top: -9px; }
.consulting-apply-wrap.reserv .checkbox-list1 li.etc > div { flex-shrink: 0; }
.consulting-apply-wrap.reserv .checkbox-list1 li.etc > input { width: 100%; }
/* 운영일정 */
.oper-sche-list { position: relative; display: flex; gap: 16px; }
.oper-sche-list:after { content: ""; position: absolute; top: 35px; left: 0; z-index: -1; width: 100%; height: 1px; background: #fff; }
.oper-sche-list li { flex: 1; }
.oper-sche-list li strong { display: flex; align-items: center; justify-content: center; width: 60px; height: 70px; line-height: 34px; font-size: 24px; color: #fff; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='70'%3E%3Cpath d='M332 193.715v35l30 17.5 30-17.5v-35l-30-17.5z' transform='translate(-332 -176.215)' style='fill:%23b94f7f'/%3E%3C/svg%3E");; }
.oper-sche-list li p { margin-top: 10px; padding-left: 3px; font-weight: 700; font-size: 20px; color: var(--main-color); word-break: keep-all; }
@media only screen and (max-width: 1023px) {
	.consulting-apply-wrap.reserv .oper-sche-list { margin-top: 16px; }
	.consulting-apply-wrap.reserv .tith-list-box1 { margin-top: 24px; }
	/* 운영일정 */
	.oper-sche-list { flex-wrap: wrap; }
	.oper-sche-list:after { top: 0; left: 20px; width: 1px; height: 100%; }
	.oper-sche-list li { display: flex; align-items: center; gap: 16px; flex: 1 1 100%; }
	.oper-sche-list li strong { width: 41px; height: 48px; font-size: 16px; background-size: 41px; }
	.oper-sche-list li p { margin-top: 0; font-size: 15px; }
}

.writing-form-wrap .tith2 { margin-bottom: 20px; }
.writing-form-wrap .form-wrap1 { padding: 80px; background: #fff; }
.writing-form-wrap .btn-ce { margin-top: -40px; }
@media only screen and (max-width: 1023px) {
	.writing-form-wrap { max-width: inherit; max-width: inherit; margin: -80px 0 -120px; }
	.writing-form-wrap .inner { padding: 0; }
	.writing-form-wrap .tith2 {display: none;}
	.writing-form-wrap .form-wrap1 { padding: 42px 24px; }
	.writing-form-wrap .btn-ce { margin-top: 38px; }
}



/******* 게시판 검색필터 *******/
.bbs-top1 { display: flex; justify-content: space-between; margin-bottom: 20px; }

.bbs-top .total-num { font-family:'GTFlexaTrial'; font-size: 20px; color: #fff; }
.bbs-top .search-box { display: flex; align-items: center; gap: 40px }
.bbs-top .search-box .search-inp { width: 290px; display: flex; align-items: center; justify-content: flex-end; }
.bbs-top .search-box .search-inp .btn { 
	flex-shrink: 0;
	width: 24px; height: 24px; margin: 0 10px 0 0;
	font-size: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg%3E%3Cg transform='translate(1 1)' style='stroke:%23fff;stroke-width:1.8px;fill:none'%3E%3Ccircle cx='9' cy='9' r='9' style='stroke:none'/%3E%3Ccircle cx='9' cy='9' r='8.1' style='fill:none'/%3E%3C/g%3E%3Cpath transform='translate(15.5 15.5)' style='stroke:%23fff;stroke-width:1.8px;fill:none' d='m0 0 6 6'/%3E%3C/g%3E%3C/svg%3E");
	background-position: center center; background-repeat: no-repeat; background-color: transparent;
}
.bbs-top .search-box .search-inp .input { width: 120px; height: 20px; font-family:'Pretendard'; font-weight: 600; font-size: 20px; color: #fff; background: transparent; border: 0; transition: width 1s; }
.bbs-top .search-box .search-inp .input::placeholder { font-family:'GTFlexaTrial'; font-size: 20px; font-weight: 400; color: #fff; }
.bbs-top .search-box .search-inp.active .input { width: 100%; }
.bbs-top .search-box .search-inp:hover .input { width: 100%; }
body.bgWhite .bbs-top .total-num { color: var(--main-color); }
body.bgWhite .bbs-top .search-box .search-inp .btn { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg%3E%3Cg transform='translate(1 1)' style='stroke:%23b94f7f;stroke-width:1.8px;fill:none'%3E%3Ccircle cx='9' cy='9' r='9' style='stroke:none'/%3E%3Ccircle cx='9' cy='9' r='8.1' style='fill:none'/%3E%3C/g%3E%3Cpath transform='translate(15.5 15.5)' style='stroke:%23b94f7f;stroke-width:1.8px;fill:none' d='m0 0 6 6'/%3E%3C/g%3E%3C/svg%3E"); }
body.bgWhite .bbs-top .search-box .search-inp .input { color: var(--main-color); }
body.bgWhite .bbs-top .search-box .search-inp .input::placeholder { color: var(--main-color); }
/* 탭버튼 + 검색 */
.bbs-top2 { display: flex; justify-content: space-between; align-items: flex-start; }
.bbs-top2 .tab-btn-overflow { padding-bottom: 20px; overflow-x: scroll;}
.bbs-top2 .tab-btn-overflow::-webkit-scrollbar { height: 0; }
.bbs-top2 .tab-btn-overflow .tab-btn1 li { flex-shrink: 0; }
.bbs-top2.line { position: relative; }
.bbs-top2.line::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #fff; }
body.bgWhite .bbs-top2.line::after { background: #eacad8; }
@media only screen and (max-width: 1023px) {
	.bbs-top2 .tab-btn-overflow { padding-bottom: 0; }
}
/* 검색 */
.bbs-top3 .search-box { position: relative; padding-bottom: 20px; border-bottom: 1px solid #fff; }
.bbs-top3 .search-box .search-inp { width: auto !important; }
.bbs-top3 .search-box .search-inp.active .input { width: auto; }
.bbs-top3 .search-box .search-inp:hover .input { width: auto; }
body.bgWhite .bbs-top3 .search-box { border-bottom: 1px solid var(--main-color); }
@media only screen and (max-width: 1023px) {
	.bbs-top3 .search-box { border-top: 0 !important; }
}
@media only screen and (max-width: 1023px) {
	.bbs-top { flex-wrap: wrap; margin-bottom: 0; padding: 0; }
	.bbs-top .total-num { width: 100%; margin-bottom: 16px; padding: 0 24px; font-size: 15px; }
	.bbs-top .search-box { gap: 25px; width: 100%; padding: 14px 24px; border-top: 1px solid #fff; }
	.bbs-top .search-box .search-inp { width: 100%; }
	.bbs-top .search-box .search-inp .btn { margin: 0 10px 0 0; background-size: 20px; }
	.bbs-top .search-box .search-inp .input { width: 100%; font-size: 15px; }
	.bbs-top .search-box .search-inp .input::placeholder { font-size: 15px; }
		/* bg white */
		body.bgWhite .bbs-top .search-box { border-top: 1px solid var(--main-light-color); }
		
	.bbs-top3 .search-box { padding: 0; }
}
/******* 게시판 리스트 *******/
.notice-list-wrap .notice-list { display: flex; flex-wrap: wrap; width: 100%; }
.notice-list-wrap .notice-list li { width: 25%; border-right: 0; overflow: hidden; }
.notice-list-wrap .notice-list li.list-tith .cont { padding: 50px; }
.notice-list-wrap .notice-list li.list-tith .cont .tith { font-size: 3.125vw; }
.notice-list-wrap .notice-list li.list-tith .cont .txt { word-break: keep-all; }
.notice-list-wrap .notice-list li a { display: flex; align-content: center; flex-wrap: wrap; width: 100%; height: 100%; margin: 1px 0 0 1px; padding: 50px 50px 60px; transition: background 0.4s; }
.notice-list-wrap .notice-list li a:hover { background: #fcf3f7; transition: background 0.4s; }
.notice-list-wrap .notice-list li a .cate { width: 100%; margin-bottom: 30px; color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 17.2' width='12px' height='13px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpolygon class='cls-1' points='15 12.9 15 4.3 7.5 0 0 4.3 0 12.9 7.5 17.2 15 12.9'/%3E%3C/g%3E%3C/svg%3E"); }
.notice-list-wrap .notice-list li a .state { margin-bottom: 10px; }
.notice-list-wrap .notice-list li a .ti { width: 100%; min-height: 70px; line-height: 34px; margin-bottom: 8px; font-weight: 700; font-size: 24px; }
.notice-list-wrap .notice-list li a .date { display: block; font-size: 20px; }
.notice-list-wrap .notice-list li a .writer { display: block; margin-left: 15px; font-size: 20px; }
	/* bg white */
	body.bgWhite .notice-list-wrap .notice-list li a { color: var(--main-color); }
	body.bgWhite .notice-list-wrap .notice-list li a .cate { color: var(--main-color); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 17.2' width='12px' height='13px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23b94f7f; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpolygon class='cls-1' points='15 12.9 15 4.3 7.5 0 0 4.3 0 12.9 7.5 17.2 15 12.9'/%3E%3C/g%3E%3C/svg%3E"); }
@media only screen and (max-width: 1199px) {
	.notice-list-wrap .notice-list li { width: 50%; }
	.notice-list-wrap .notice-list li a { padding: 40px 40px 50px; }
}
@media only screen and (max-width: 1023px) {
	.notice-list-wrap .notice-list li { width: 100%; }
	.notice-list-wrap .notice-list li a { padding: 46px 24px 40px; }
	.notice-list-wrap .notice-list li a .cate { width: 100%; margin-bottom: 10px; font-size: 18px; }
	.notice-list-wrap .notice-list li a .state { margin-bottom: 8px; }
	.notice-list-wrap .notice-list li a .ti { width: 100%; min-height: inherit; line-height: 26px; margin-bottom: 3px; font-size: 18px; }
	.notice-list-wrap .notice-list li a .date { font-size: 15px; }
	.notice-list-wrap .notice-list li a .writer { font-size: 15px; }
}

/******* (갤러리)게시판 리스트 *******/
.notice-list-wrap .notice-list.gallery-list { flex-wrap: nowrap; margin-bottom: 20px; padding: 40px 50px 60px; gap: 40px; border-bottom: 1px solid var(--main-light-color); }
.notice-list-wrap .notice-list.gallery-list li { width: 23%; }
.notice-list-wrap .notice-list.gallery-list li a { display: block; padding: 0; }
.notice-list-wrap .notice-list.gallery-list li a:hover { background: transparent; }
.notice-list-wrap .notice-list.gallery-list li a .img { height: 15.625vw; margin-bottom: 29px; background: #f1f1f1; overflow: hidden; }
.notice-list-wrap .notice-list.gallery-list li a .img img { width: 100%; }
.notice-list-wrap .notice-list.gallery-list li a .cate { margin-bottom: 13px; font-family:'Pretendard'; font-size: 18px; font-weight: 500; }
@media only screen and (max-width: 1199px) {
	.notice-list-wrap .notice-list.gallery-list { flex-wrap: wrap; gap: 48px 40px;; }
	.notice-list-wrap .notice-list.gallery-list li { flex: 0 0 47%; }
	.notice-list-wrap .notice-list.gallery-list li a .img { height: 26vw; }
}
@media only screen and (max-width: 767px) {
	.notice-list-wrap .notice-list.gallery-list  { gap: 48px; padding: 24px 24px 45px; border-bottom: 1px solid var(--main-light-color); }
	.notice-list-wrap .notice-list.gallery-list:first-child { margin-bottom: 0; padding-bottom: 21px; border: none; }
	.notice-list-wrap .notice-list.gallery-list li { flex: 1 1 100%; }
	.notice-list-wrap .notice-list.gallery-list li a .img { height: 230px; margin-bottom: 17px; }
	.notice-list-wrap .notice-list.gallery-list li a .cate { line-height: 21px; margin-bottom: 9px; font-size: 14px; }
}

/******* 자료실 *******/
.refer-list-wrap { border-top: 1px solid #fff; }
	/* bg white */
	body.bgWhite .refer-list-wrap { border-color: var(--main-light-color); }

/******* 기술용어 *******/
.techni-terms-wrap .notes-text-box { margin: -60px 0 40px; }
.techni-terms-wrap .bbs-top { position: relative; margin-bottom: 96px; }
.techni-terms-wrap .bbs-top .notes-btn { position: absolute; top: 0; right: 50px; display: inline-block; font-weight: 500; font-size: 20px; padding-right: 26px; background-repeat: no-repeat; background-position: right center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cg transform='translate(-647 -453)'%3E%3Ccircle cx='10.5' cy='10.5' r='10.5' transform='translate(647 453)' style='fill:%23fff'/%3E%3Ctext data-name='%3F' transform='translate(654 469)' style='fill:%23b94f7f;font-size:16px;font-family:Pretendard-Medium,Pretendard;font-weight:500;letter-spacing:-.025em'%3E%3Ctspan x='0' y='0'%3E%3F%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E"); }
.techni-terms-wrap .terms-list { display: flex; flex-wrap: wrap; margin-top: 50px; }
.techni-terms-wrap .terms-list li { flex: 0 0 33.3%; margin-bottom: -1px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
.techni-terms-wrap .terms-list li:nth-child(3n) { border-right: 0; }
.techni-terms-wrap .terms-list li a { display: flex; align-items: center; justify-content: space-between; line-height: 28px; padding: 15px 22px; font-size: 20px; transition: all 0.4s; }
.techni-terms-wrap .terms-list li a .arro { display: block; width: 17px; height: 13px; padding-right: 30px; opacity: 0; transition: all 0.4s; background-repeat: no-repeat; background-position: center left; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' viewBox='0 0 17.798 14.861'%3E%3Cpath d='m1729 42.924 6.794 6.794 6.794-6.794' transform='rotate(-90 855.015 888.209)' style='fill:none;stroke:%23fff;stroke-width:1.8px'/%3E%3Cpath d='M0 0v16.542' transform='rotate(-90 3.697 3.697)' style='fill:none;stroke:%23fff;stroke-width:1.8px'/%3E%3C/svg%3E"); }
.techni-terms-wrap .terms-list li:hover a, .techni-terms-wrap .terms-list li:focus a { font-weight: 700; transition: all 0.4s; }
.techni-terms-wrap .terms-list li:hover a .arro, .techni-terms-wrap .terms-list li:focus a .arro { padding-right: 0; opacity: 1; transition: all 0.4s; }
/* bg white */
body.bgWhite .techni-terms-wrap .bbs-top .notes-btn { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cg transform='translate(-647 -453)'%3E%3Ccircle cx='10.5' cy='10.5' r='10.5' transform='translate(647 453)' style='fill:%23b94f7f'/%3E%3Ctext data-name='%3F' transform='translate(654 469)' style='fill:%23fff;font-size:16px;font-family:Pretendard-Medium,Pretendard;font-weight:500;letter-spacing:-.025em'%3E%3Ctspan x='0' y='0'%3E%3F%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E"); }
body.bgWhite .techni-terms-wrap .terms-list li { border-color: #eacad8; }
body.bgWhite .techni-terms-wrap .terms-list li a .arro { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' viewBox='0 0 17.798 14.861'%3E%3Cpath d='m1729 42.924 6.794 6.794 6.794-6.794' transform='rotate(-90 855.015 888.209)' style='fill:none;stroke:%23b94f7f;stroke-width:1.8px'/%3E%3Cpath d='M0 0v16.542' transform='rotate(-90 3.697 3.697)' style='fill:none;stroke:%23b94f7f;stroke-width:1.8px'/%3E%3C/svg%3E"); }
/* 팝업 */
.terms-note-popup { padding: 30px 50px; overflow-y: inherit !important; }
.terms-note-popup .popup-top { position: absolute; top: 0; left: 0; width: 100%; padding: 30px 48px; background: #fff; }
.terms-note-popup .note-popup-cont { height: 50vh; margin-top: 68px; overflow-y: scroll; }
.terms-note-popup .note-popup-cont::-webkit-scrollbar { display: none; }
.terms-note-popup .note-popup-cont .box { margin-bottom: 60px; }
.terms-note-popup .note-popup-cont .box:last-child { margin-bottom: 0; }
.terms-note-popup .note-popup-cont .box .txt1 { margin-bottom: 10px; }
.terms-note-popup .note-popup-cont .box .list6 { margin-top: 5px; }
@media only screen and (max-width: 1023px) {
	.techni-terms-wrap { margin-top: -40px; }
	.techni-terms-wrap .notes-text-box { margin: -50px 0 30px; }
	.techni-terms-wrap .bbs-top { margin-bottom: 40px; }
	.techni-terms-wrap .bbs-top .search-box { padding-bottom: 14px; }
	.techni-terms-wrap .bbs-top .notes-btn { right: 24px; padding-right: 20px; font-size: 15px; background-size: 16px; }
	.techni-terms-wrap .terms-list { margin-top: 30px; }
	.techni-terms-wrap .terms-list li { flex: 0 0 100%; border-right: 0; }
	.techni-terms-wrap .terms-list li a { padding: 8px 0; font-size: 15px; }
	.techni-terms-wrap .terms-list li a .arro { width: 14px; background-size: 14px; }
	/* 팝업 */
	.terms-note-popup { width: 90%; padding: 24px; }
	.terms-note-popup .popup-top { padding: 20px 24px 28px; }
	.terms-note-popup .note-popup-cont { margin-top: 50px; }
	.terms-note-popup .note-popup-cont .box { margin-bottom: 30px; }
}

/******* 지난행사 *******/
.pas-event-wrap > ul { border-top: 1px solid #fff; }
.pas-event-wrap > ul > li { border-bottom: 1px solid #fff; }
.pas-event-wrap > ul > li a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 32px 40px; }
.pas-event-wrap > ul > li a strong { font-size: 24px; }
.pas-event-wrap > ul > li a .arro { flex-shrink: 0; display: block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath transform='rotate(90 4 12)' style='fill:none;stroke:%23fff' d='M0 0v16'/%3E%3Cpath transform='translate(8)' style='fill:none;stroke:%23fff' d='M0 0v16'/%3E%3C/g%3E%3C/svg%3E"); }
.pas-event-wrap > ul > li.active a .arro { height: 1px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='1' viewBox='0 0 16 1'%3E%3Cg%3E%3Cpath transform='rotate(90 7.75 8.25)' style='fill:none;stroke:%23fff' d='M0 0v16'/%3E%3C/g%3E%3C/svg%3E"); }
.pas-event-wrap > ul > li .event-detail-wrap { display: none; }
.pas-event-wrap > ul > li .event-detail-wrap .box { display: flex; gap: 50px; padding: 0 50px 80px; }
.pas-event-wrap > ul > li .event-detail-wrap .box .img { display: block; width: 370px; overflow: hidden; }
.pas-event-wrap > ul > li .event-detail-wrap .box .img img { width: 100%; }
.pas-event-wrap > ul > li .event-detail-wrap .box .text .list2 strong { width: 98px; }
.pas-event-wrap > ul > li .event-detail-wrap .box .text .btn { margin-top: 30px; }
body.bgWhite .pas-event-wrap > ul { border-color: #eacad8; }
body.bgWhite .pas-event-wrap > ul > li { border-color: #eacad8; }
body.bgWhite .pas-event-wrap > ul > li a .arro { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath transform='rotate(90 4 12)' style='fill:none;stroke:%23b94f7f' d='M0 0v16'/%3E%3Cpath transform='translate(8)' style='fill:none;stroke:%23b94f7f' d='M0 0v16'/%3E%3C/g%3E%3C/svg%3E"); }
body.bgWhite .pas-event-wrap > ul > li.active a .arro { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='1' viewBox='0 0 16 1'%3E%3Cg%3E%3Cpath transform='rotate(90 7.75 8.25)' style='fill:none;stroke:%23b94f7f' d='M0 0v16'/%3E%3C/g%3E%3C/svg%3E"); }
@media only screen and (max-width: 1023px) {
	.pas-event-wrap > ul > li a { padding: 24px; }
	.pas-event-wrap > ul > li a strong { font-size: 18px; }
	.pas-event-wrap > ul > li a .arro { width: 14px; height: 14px; background-size: 14px; }
}
@media only screen and (max-width: 767px) {
	.pas-event-wrap > ul > li .event-detail-wrap .box { display: block; padding: 0 24px 50px; }
	.pas-event-wrap > ul > li .event-detail-wrap .box .img { width: 100%; }
	.pas-event-wrap > ul > li .event-detail-wrap .box .text { margin-top: 22px; }
	.pas-event-wrap > ul > li .event-detail-wrap .box .text .list2 strong { width: 67px; }
}


/******* 게시판 페이징 *******/
.bbs-pagination { display: flex; align-items: center; justify-content: center; gap: 40px; margin-top: 50px; }
.bbs-pagination .page-btn a { display: flex; align-items: center; font-size: 0; }
.bbs-pagination .page-btn a svg polygon { fill: var(--main-color); }
.bbs-pagination .num a { display: flex; align-items: center; line-height: 20px; font-family:'GTFlexaTrial'; font-size: 20px; color: var(--main-color); }
/* 버튼 + 페이지네이션 */
.btn_pagin { position: relative; }
.btn_pagin div.btn { position: absolute; top: -30px; right: 50px; display: flex; align-items: center; gap: 10px; }
@media only screen and (max-width: 1023px) {
	.bbs-pagination  { gap: 23px; margin-top: 34px; }
	.bbs-pagination .num a { line-height: 15px; font-size: 15px; }
	/* 버튼 + 페이지네이션 */
	.btn_pagin div.btn { position: relative; top: inherit; right: inherit; gap: 8px; margin-top: 50px; padding: 0 24px; }
	.btn_pagin div.btn .btn { flex: 1; }
	
}
.board-form-wrap { max-width: 1023px; width: 100%; margin: 0 auto; padding: 50px 50px; background: #fff; }

/******* 게시판 상세 *******/
.bbs-detail-box { margin-top: -40px; }
.bbs-detail-box .detail-top { padding-bottom: 50px; border-bottom: 1px solid #fff; }
.bbs-detail-box .detail-top h4 { display: block; line-height: 70px; font-size: 60px; font-weight: 500; }
.bbs-detail-box .detail-top .date-share { display: flex; justify-content: space-between; margin-top: 10px; }
.bbs-detail-box .detail-top .date-share .lf { display: flex; align-items: center; gap: 15px; font-size: 20px; }
.bbs-detail-box .detail-top .date-share .share { position: relative; }
.bbs-detail-box .detail-top .date-share .share .share-btn { display: flex; align-items: center; gap: 10px; font-family:'GTFlexaTrial'; font-size: 20px; }
.bbs-detail-box .detail-top .date-share .share .sns-share { display: none; position: absolute; top: 30px; right: 0; padding: 25px 30px; background: #fff; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1); }
.bbs-detail-box .detail-top .date-share .share .sns-share .close { position: absolute; top: 10px; right: 10px; width: 10px; height: 10px; font-size: 0; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' viewBox='0 0 10.707 10.707'%3E%3Cg%3E%3Cpath transform='translate(.354 .354)' style='fill:none;stroke:%23615e60' d='m0 0 10 10'/%3E%3Cpath transform='translate(.354 .354)' style='fill:none;stroke:%23615e60' d='M10 0 0 10'/%3E%3C/g%3E%3C/svg%3E"); }
.bbs-detail-box .detail-top .date-share .share .sns-share > ul { display: flex; align-items: center; gap: 10px; }
.bbs-detail-box .detail-top .date-share .share .sns-share > ul a { display: block; width: 35px; height: 35px; font-size: 0; }
.bbs-detail-box .detail-top .date-share .share .sns-share > ul a.facebook { background: url(/resource/www/img/layout/facebook.png)center center no-repeat; }
.bbs-detail-box .detail-top .date-share .share .sns-share > ul a.instagram { background: url(/resource/www/img/layout/instagram.png)center center no-repeat; }
.bbs-detail-box .detail-top .date-share .share .sns-share > ul a.twitter { background: url(/resource/www/img/layout/twitter.png)center center no-repeat; }
.bbs-detail-box .detail-top .date-share .share .sns-share > ul a.url { background: url(/resource/www/img/layout/share2.png)center center no-repeat; }
.bbs-detail-box .detail-cont { padding-top: 50px; padding-bottom: 268px; font-family:'Pretendard' !important; font-size: 20px !important; color: #fff !important; }
body.bgWhite .bbs-detail-box .detail-cont p,
body.bgWhite .bbs-detail-box .detail-cont span,
body.bgWhite .bbs-detail-box .detail-cont strong,
body.bgWhite .bbs-detail-box .detail-cont em,
body.bgWhite .bbs-detail-box .detail-cont b,
body.bgWhite .bbs-detail-box .detail-cont a,
body.bgWhite .bbs-detail-box .detail-cont li { font-family: "Pretendard" !important; }




.bbs-detail-box .detail-file { padding: 50px 0; border-top: 1px solid #fff; }
.bbs-detail-box .detail-file li { margin-bottom: 20px; }
.bbs-detail-box .detail-file li:last-child { margin-bottom: 0; }
.bbs-detail-box .detail-file li a { 
	display: block;
	padding-left: 28px;
	font-size: 18px; font-weight: 500;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg transform='translate(-60.308 -1730.417)'%3E%3Crect width='18' height='18' transform='translate(60.308 1730.417)' fill='red' opacity='0'/%3E%3Cg transform='translate(11 0.083)'%3E%3Cg transform='translate(0.225)'%3E%3Cpath d='M4244.583,1728.592v13' transform='translate(-4186 1.742)' fill='none' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M4239.808,1738.85l6,6,6-6' transform='translate(-4187.225 -1)' fill='none' stroke='%23fff' stroke-width='1.2'/%3E%3C/g%3E%3Cline x2='17' transform='translate(50.308 1747.5)' fill='none' stroke='%23fff' stroke-width='1.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: left center;
}
.bbs-detail-box .detail-answer { padding: 40px 50px; border-top: 1px solid var(--main-light-color); border-bottom: 1px solid var(--main-light-color); }
.bbs-detail-box .detail-answer strong { margin-bottom: 15px; }
.bbs-detail-box .detail-answer .txt { line-height: 36px; font-size: 20px; color: var(--gray-color); }
.bbs-detail-box .detail-prev-next { display: flex; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.bbs-detail-box .detail-prev-next a { flex: 1; display: flex; flex-wrap: wrap; align-content: center; padding: 50px 50px 55px; }
.bbs-detail-box .detail-prev-next a.next { text-align: right; border-left: 1px solid #fff; }
.bbs-detail-box .detail-prev-next a .eng { display: block; width: 100%; line-height: 80px; font-family:'GTFlexaTrial'; font-size: 80px; }
.bbs-detail-box .detail-prev-next a > strong { width: 100%; line-height: 28px; margin-top: 5px; font-size: 20px; font-weight: 400; }
	/* bg white */
	body.bgWhite .bbs-detail-box .detail-top,
	body.bgWhite .bbs-detail-box .detail-file,
	body.bgWhite .bbs-detail-box .detail-prev-next,
	body.bgWhite .bbs-detail-box .detail-prev-next a.next { border-color: var(--main-light-color); }
	body.bgWhite .bbs-detail-box .detail-cont { color: var(--main-color) !important; }
	body.bgWhite .bbs-detail-box .detail-top .date-share .share-btn path { fill: #b94f7f;  }
	body.bgWhite .bbs-detail-box .detail-file li a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg transform='translate(-60.308 -1730.417)'%3E%3Crect width='18' height='18' transform='translate(60.308 1730.417)' fill='red' opacity='0'/%3E%3Cg transform='translate(11 0.083)'%3E%3Cg transform='translate(0.225)'%3E%3Cpath d='M4244.583,1728.592v13' transform='translate(-4186 1.742)' fill='none' stroke='%23b94f7f' stroke-width='1.2'/%3E%3Cpath d='M4239.808,1738.85l6,6,6-6' transform='translate(-4187.225 -1)' fill='none' stroke='%23b94f7f' stroke-width='1.2'/%3E%3C/g%3E%3Cline x2='17' transform='translate(50.308 1747.5)' fill='none' stroke='%23b94f7f' stroke-width='1.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
@media only screen and (max-width: 1023px) {
	.bbs-detail-box .detail-top { padding-bottom: 23px; }
	.bbs-detail-box .detail-top h4 { line-height: 48px; font-size: 40px; }
	.bbs-detail-box .detail-top .date-share { flex-wrap: wrap; justify-content: flex-end; margin-top: 12px; }
	.bbs-detail-box .detail-top .date-share .lf { width: 100%; margin-bottom: 8px; font-size: 15px; }
	.bbs-detail-box .detail-top .date-share .share .share-btn { font-size: 15px; }
	.bbs-detail-box .detail-cont { padding-top: 24px; padding-bottom: 64px; font-size: 15px !important; }
	.bbs-detail-box .detail-answer { padding: 24px; }
	.bbs-detail-box .detail-answer strong { margin-bottom: 8px; }
	.bbs-detail-box .detail-answer .txt { line-height: 23px; font-size: 15px; }
	.bbs-detail-box .detail-file { padding: 24px 0; }
	.bbs-detail-box .detail-file li a { font-size: 15px; }
	.bbs-detail-box .detail-prev-next a { padding: 33px 24px; }
	.bbs-detail-box .detail-prev-next a .eng { line-height: 40px; font-size: 40px; }
	.bbs-detail-box .detail-prev-next a > strong { font-size: 15px; }
}
@media only screen and (max-width: 380px) {
	.bbs-detail-box .detail-prev-next a .eng { line-height: 32px; font-size: 32px; }
}

/******* Q&A *******/
.qna-list-wrap ul { border-top: 1px solid #fff; }
.qna-list-wrap ul li { border-bottom: 1px solid #fff; }
.qna-list-wrap ul li a { position: relative; display: flex; align-items: center; padding: 50px 90px 50px 50px; }
.qna-list-wrap ul li .eng { display: block; margin-right: 20px; font-family:'GTFlexaTrial'; font-size: 28px; }
.qna-list-wrap ul li .arr { position: absolute; top: 50%; right: 50px; width: 20px; height: 20px; transform: translateY(-50%); }
.qna-list-wrap ul li .arr:before { content: ""; position: absolute; top: 9px; left: 0; width: 100%; height: 1px; background: #fff; }
.qna-list-wrap ul li .arr:after { content: ""; position: absolute; top: 0; left: 9px; width: 1px; height: 100%; background: #fff; }
.qna-list-wrap ul li.active .arr:after { display: none; }
.qna-list-wrap ul li strong { display: block; line-height: 44px; font-weight: 700; font-size: 24px; }
.qna-list-wrap ul li .answer { display: none; }
.qna-list-wrap ul li .answer > div { display: flex; padding: 0 50px 100px 50px; }
.qna-list-wrap ul li .answer .eng { line-height: 38px; }
.qna-list-wrap ul li .answer .txt { display: block; line-height: 36px; font-size: 20px; }
	/* bg white */
	.qna-list-wrap ul,
	.qna-list-wrap ul li { border-color: #eacad8; }
	.qna-list-wrap ul li a .arr:before, .qna-list-wrap ul li a .arr:after { background: var(--main-color); }
@media only screen and (max-width: 1023px) {
	.qna-list-wrap ul li a { padding: 32px 24px; }
	.qna-list-wrap ul li .eng { font-size: 18px; }
	.qna-list-wrap ul li strong { line-height: 26px; font-size: 18px; }
	.qna-list-wrap ul li .arr { display: none; }
	.qna-list-wrap ul li .answer > div { padding: 0 24px 32px; }
	.qna-list-wrap ul li .answer .eng { line-height: 27px; }
	.qna-list-wrap ul li .answer em { line-height: 25px; font-size: 15px; }
}

/******* 건의ㆍ불편 접수 *******/
.suggestions-form-wrap .form-wrap1 { max-width: 787px; width: 100%; margin: 50px auto 0; padding: 80px; background: #fff; }
.suggestions-form-wrap .form-wrap1 .receipt-btn { margin-top: 0; }
.suggestions-form-wrap .form-wrap1 textarea { height: 164px !important; font-family:'Pretendard'; }
@media only screen and (max-width: 1023px) {
	.suggestions-form-wrap .form-wrap1 { max-width: inherit; margin: 25px 0 0; padding: 40px 24px; }
}

/******* 탭버튼 *******/
.tab-btn-st1 { display: flex; }
.tab-btn-st1 li { flex: 1; }
.tab-btn-st1 li a { display: flex; align-items: center; justify-content: center; height: 65px; line-height: 26px; font-weight: 600; font-size: 22px; color: #fff; text-align: center; border: 1px solid #fff; border-right: 0; }
.tab-btn-st1 li:last-child a { border-right: 1px solid #fff; }
.tab-btn-st1 li.active a { color: var(--main-color); background: #fff; border-top: 3px solid var(--main-color); }
@media only screen and (max-width: 1023px) {
	.tab-btn-st1 li a { height: 44px; line-height: 21px; font-size: 15px; }
}


/******* 마이페이지 *******/
.mypage-con1 { width: 787px; margin: 0 auto; }
.mypage-con1 .mypage-box { padding: 80px; background: #fff; }
.mypage-con1 .mypage-title { margin-bottom: 15px; }

/******* 실적현황 *******/
.perform-status-wrap .tableA { margin-top: 20px; }
.perform-status-wrap .mobile-version { display: none; }
@media only screen and (max-width: 1023px) {
	.perform-status-wrap .pc-version { display: none; }
	.perform-status-wrap .mobile-version { display: block; }
	.perform-status-wrap .mobile-version > .list { margin-top: 10px; }
	.perform-status-wrap .mobile-version > .list > li { margin-bottom: 16px; color: var(--main-color); background: #fff; }
	.perform-status-wrap .mobile-version > .list > li:last-child { margin-bottom: 0; }
	.perform-status-wrap .mobile-version > .list > li { background: #fff; }
	.perform-status-wrap .mobile-version > .list > li .top { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; border-bottom: 1px solid #f6e8ee; }
	.perform-status-wrap .mobile-version > .list > li .top strong { display: block; font-size: 16px; }
	.perform-status-wrap .mobile-version > .list > li .top  > .flex { gap: 4px; }
	.perform-status-wrap .mobile-version > .list > li .bottom { padding: 16px; }
	.perform-status-wrap .mobile-version > .list > li .bottom ul li { display: flex; margin-bottom: 10px; }
	.perform-status-wrap .mobile-version > .list > li .bottom ul li:last-child { margin-bottom: 0; }
	.perform-status-wrap .mobile-version > .list > li .bottom ul li strong { flex-shrink: 0; width: 100px; font-weight: 500; font-size: 15px; }
	.perform-status-wrap .mobile-version > .list > li .bottom ul li span { font-size: 15px; color: var(--bk-color); }
}
/* 팝업 */
.perform-status-popup .popup-box1 { max-width: 727px; }
.perform-status-popup .form-group2.last { margin-bottom: 40px; }
.perform-status-popup .form-group2 .flex-input { position: relative; display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.perform-status-popup .form-group2 .flex-input:last-child { margin-bottom: 0; }
.perform-status-popup .form-group2 .flex-input .input.num { text-align: right; }
.perform-status-popup .form-group2 .flex-input .form-sub-title1 { flex-shrink: 0; width: 100px; display: block; font-weight: 500; font-size: 18px; color: var(--bk-color); }
.perform-status-popup .form-group2 .flex-input .unit { display: block; margin-left: -20px; font-size: 20px; color: var(--gray-color); }
.perform-status-popup .form-group2 .flex-input .add-btn { flex-shrink: 0; display: block; width: 26px; height: 26px; background: var(--bk-color); border-radius: 100%; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath transform='rotate(90 4 12)' style='fill:none;stroke:%23fff' d='M0 0v16'/%3E%3Cpath transform='translate(8)' style='fill:none;stroke:%23fff' d='M0 0v16'/%3E%3C/g%3E%3C/svg%3E"); }
.perform-status-popup .form-group2 .flex-input .remove-btn { flex-shrink: 0; display: block; width: 26px; height: 26px; background: #EACAD8; border-radius: 100%; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='1' viewBox='0 0 16 1'%3E%3Cg%3E%3Cpath transform='rotate(90 7.75 8.25)' style='fill:none;stroke:%23b94f7f' d='M0 0v16'/%3E%3C/g%3E%3C/svg%3E"); }
.perform-status-popup .form-group2 .tith2 { margin-bottom: 25px; }
@media only screen and (max-width: 1023px) {
	.perform-status-wrap .tableA { margin-top: 12px; }
	.perform-status-popup .form-group2 .flex-input .form-sub-title1 { width: 70px; font-size: 13px;h }
	.perform-status-popup .form-group2 .flex-input .unit { margin-left: -24px; font-size: 15px; }
	.perform-status-popup .form-group2 .tith2 { margin-bottom: 16px; }
}

/******* 예약현황 *******/
.reserva-state-wrap .schedule .mobile-btn { display: none; }
.reserva-state-wrap .information-box { height: 100%; }
.reserva-state-wrap .information { overflow: hidden; }
.reserva-state-wrap .information .tab-btn-overflow { position: relative; margin-bottom: 70px; }
.reserva-state-wrap .information .tab-btn-overflow:after { content: ""; position: absolute; bottom: -1px; left: -90px; z-index: 0; width: calc(100% + 180px); height: 1px; background: #eacad8; }
.reserva-state-wrap .information .tab-btn1 li a { color: var(--main-color); }
.reserva-state-wrap .information .tab-btn1 li a:after { background: var(--main-color); }
.reserva-state-list > ul.list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.042vw; margin-top: 20px; }
.reserva-state-list > ul.list > li { width: 49%; }
.reserva-state-list > ul.list > li a { display: block; padding: 50px 45px; background: #f8f6f6; }
.reserva-state-list > ul.list > li a .state-box { display: flex; align-items: center; gap: 10px; }
.reserva-state-list > ul.list > li a .state-box .state { flex-shrink: 0; }
.reserva-state-list > ul.list > li a .state-box > p { line-height: 28px; font-weight: 400; font-size: 18px; color: #aaa; }
.reserva-state-list > ul.list > li a .ti { display: block; margin: 15px 0 20px;; font-weight: 700; font-size: 24px; color: var(--main-color); text-decoration: underline; }
.reserva-state-list > ul.list > li a > ul li { display: flex; gap: 10px; margin-bottom: 8px; font-size: 18px;  }
.reserva-state-list > ul.list > li a > ul li:last-child { margin-bottom: 0; }
.reserva-state-list > ul.list > li a > ul li strong { flex-shrink: 0; color: var(--main-color); }
.reserva-state-list > ul.list > li a > ul li em { color: var(--main-color); }
/* (팝업)기간 선택 */
.date-set-popup .btn-ce { margin-top: 30px; }
/* (팝업)공유오피스 상세 */
.detail-popup .popup-box1 { max-width: 930px; padding: 30px 50px; }
.detail-popup .popup-box1 .popup-top .title { text-align: left; }
.detail-popup .popup-box1 .popup-cont > .ti { display: block; margin-bottom: 15px; line-height: 44px; font-weight: 700; font-size: 34px; color: var(--bk-color); }
/* (팝업)공간예약 상세 */
.detail-popup .popup-box1 .box { margin-bottom: 80px; }
.detail-popup .popup-box1 .box.last { margin-bottom: 30px; }
.detail-popup .popup-box1 .txt1 { margin-bottom: 15px; }
/* (팝업)공유오피스 QR코드 */
.qrcode-popup { padding-top: 100px; }
.qrcode-popup .popup-box { overflow-y: scroll; }
.qrcode-popup strong { display: block; margin: 30px 0 24px; font-weight: 700; font-size: 24px; color: var(--bk-color); text-align: center; }
.qrcode-popup .qrcode { margin-bottom: 50px; }
.qrcode-popup .qrcode img { display: none; width: 160px; height: 160px; margin: 0 auto; }
@media only screen and (max-width: 1694px) {
	.reserva-state-list > ul.list > li { width: 48.5%; }
}
@media only screen and (max-width: 1199px) {
	.reserva-state-list > ul.list > li { width: 100%; }
}
@media only screen and (max-width: 1023px) {
	.reserva-state-wrap { position: relative; margin-top: -80px; }
	.reserva-state-wrap .rental-reserv-box { border-bottom: 0; }
	.reserva-state-wrap .schedule-box { display: block; padding: 45px 24px 64px; }
	.reserva-state-wrap .schedule-box .rest-notice { margin-top: 25px; }
	.reserva-state-wrap .schedule .mobile-btn { display: flex; align-items: center; justify-content: center; gap: 4px; position: fixed; bottom: 0; left: 0; z-index: 99; width: 100%; padding: 15px 24px; font-weight: 700; font-size: 15px; color: var(--main-color); text-align: center; background: #fff; border-top: 1px solid var(--main-color); box-shadow: 0 0 10px rgba(185, 79, 127, 0.2); }
	.reserva-state-wrap .schedule .mobile-btn:after { content: ""; display: block; width: 16px; height: 16px; transform: rotate(-180deg); background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' viewBox='0 0 16 16'%3E%3Cpath d='m3734.75 7607.833 6.889 6.889 6.889-6.889' transform='translate(-3733.417 -7602.943)' style='fill:none;stroke:%23b94f7f;stroke-width:1.2px'/%3E%3C/svg%3E"); }
	.reserva-state-wrap .information-box { display: block; padding: 0 0 40px 0; border-left: 0; }
	.reserva-state-wrap .information .tab-btn-overflow { margin-bottom: 30px; }
	.reserva-state-wrap .information .tab-btn-overflow:after { bottom: 19px; }
	.reserva-state-wrap .information .bbs-top1 { flex-wrap: inherit; padding: 0 24px; }
	.reserva-state-wrap .information .bbs-top1 a { flex-shrink: 0; }
	.reserva-state-wrap .information .bbs-top1 .total-num { margin-bottom: 0; padding: 0; }
	.reserva-state-list > ul.list { padding: 0 24px; }
	.reserva-state-list > ul.list li a { padding: 32px 16px; }
	.reserva-state-list > ul.list li a .state-box p { line-height: 28px; font-size: 13px; }
	.reserva-state-list > ul.list li a .ti { line-height: 26px; margin: 8px 0; font-size: 18px; }
	.reserva-state-list > ul.list li a > ul li { gap: 8px; line-height: 21px; margin-bottom: 6px; font-size: 15px; }
	/* 기간 선택 */
	.date-set-popup .btn-ce { margin-top: 20px; }
	/* (팝업)상세 */
	.detail-popup .popup-box1 { max-width: 930px; padding: 30px 24px; }
	.detail-popup .popup-box1 .popup-cont .ti { line-height: 26px; margin-bottom: 12px; font-size: 18px; }
	.detail-popup .popup-box1 .popup-cont .tableB colgroup col:first-child { width: 75px !important; }
	/* (팝업)공간예약 상세 */
	.detail-popup .popup-box1 .box { margin-bottom: 50px; }
}


/******* 내 정보 수정 *******/
.edit-mypage .tableB { margin-bottom: 80px; }
/* 비밀번호 변경 */
.edit-mypage .tableB .password-chan-box { display: flex; justify-content: space-between; gap: 10px; }
.edit-mypage .tableB .password-chan-box input { width: 100%; font-weight: 400; font-size: 20px; color: var(--bk-color); border: 0; }
.edit-mypage .tableB .password-chan-box button { flex-shrink: 0; }
/* 휴대전화번호 변경 */
.edit-mypage .tableB .tel-chan-box { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.edit-mypage .tableB .tel-chan-box button { flex-shrink: 0; }
/* 회원탈퇴 */
.withdrawal-popup .popup-box1 { max-width: 727px; }
.withdrawal-popup .form-group2 { margin: 30px 0; }
/******* 비밀번호 변경 *******/
@media only screen and (max-width: 1023px) {
	/******* 마이페이지 *******/
	.mypage-con1 { width: 100%; margin-top: -80px; }
	.mypage-con1 .mypage-box { padding: 40px 24px; }
	/******* 내 정보 수정 *******/
	.edit-mypage .tableB { margin-bottom: 48px; }
	.edit-mypage .tableB colgroup col:nth-child(1) { width: 100px !important; }
	.mypage-con1 .draw-btn-box { padding: 0 24px; }
	/* 비밀번호 변경 */
	.edit-mypage .tableB .password-chan-box button span { display: none; }
	/* 휴대전화번호 변경 */
	.edit-mypage .tableB .tel-chan-box button span { display: none; }
}



/******* 로그인 *******/
.akl-login-wrap { padding-top: 150px; color: var(--bk-color); }
.akl-login-wrap > .tith { display: block; line-height: 50px; font-weight: 700; font-size: 34px; color: #fff; text-align: center; }
.akl-login-wrap .login-box { max-width: 787px; width: 100%; margin: 50px auto 0; }
.akl-login-wrap .login-box .cont { padding: 80px 88px; background: #fff; }
.akl-login-wrap .form-group1 { margin-top: 0; margin-bottom: 60px; }
.akl-login-wrap .form-group1:last-child { margin-bottom: 0; }
/* 로그인 버튼 */
.login-box .login-btn { display: block; width: 100%; height: 70px; line-height: 70px; margin-top: 40px; font-family:'Pretendard'; font-weight: 700; font-size: 24px; color: #fff; text-align: center; }
/* 아이디/비밀번호 찾기 */
.login-box.login .find-join-btn { display: flex; align-items: center; justify-content: center; gap: 32px; padding: 30px 0 50px; border-bottom: 1px solid var(--main-light-color); }
.login-box.login .find-join-btn a { position: relative; font-weight: 500; font-size: 18px; color: var(--gray-color); }
.login-box.login .find-join-btn a:after { content: ""; position: absolute; top: 10px; right: -17px; width: 2px; height: 2px; background: var(--gray-color); border-radius: 100%; }
.login-box.login .find-join-btn a:last-child:after { display: none; }
/* 간편 로그인 */
.login-box.login .sns-login { padding: 50px 0 30px; }
.login-box.login .sns-login strong { display: block; line-height: 28px; font-weight: 700; font-size: 20px; color: var(--bk-color); text-align: center; }
.login-box.login .sns-btn { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 15px; }
.login-box.login .sns-btn a { display: block; width: 60px; height: 60px; font-size: 0; }
.login-box.login .sns-btn a.kakao { background: url(../img/content/login/kakao-icn.png)center center no-repeat; }
.login-box.login .sns-btn a.naver { background: url(../img/content/login/naver-icn.png)center center no-repeat; }
@media only screen and (max-width: 1023px) {
	.akl-login-wrap { padding-top: 62px; }
	.akl-login-wrap > .tith { line-height: 26px;font-size: 18px; text-align: left; }
	.akl-login-wrap .login-box { max-width: 100%; width: 100%; margin: 15px 0 0; }
	.akl-login-wrap .login-box .cont { padding: 32px 24px; }
	.akl-login-wrap .form-group { margin-bottom: 24px; }
	/* 로그인 버튼 */
	.login-box .login-btn { height: 44px; line-height: 44px; margin-top: 24px; font-size: 15px; }
	/* 아이디/비밀번호 찾기 */
	.login-box.login .find-join-btn { gap: 18px; padding: 24px 0; }
	.login-box.login .find-join-btn a { font-size: 14px; }
	.login-box.login .find-join-btn a:after { top: 10px; right: -10px; }
	/* 간편 로그인 */
	.login-box.login .sns-login { padding: 24px 0; }
	.login-box.login .sns-login strong { line-height: 21px; font-size: 15px; }
	.login-box.login .sns-btn a { width: 40px; height: 40px; background-size: 40px !important; }
}

/******* 아이디 찾기 *******/
.login-box.find .tith2 { margin-bottom: 40px; }
.login-box.find .ico { display: flex; justify-content: center; margin-bottom: 20px; }
@media only screen and (max-width: 1023px) {
	.login-box.find .tith2 { margin-bottom: 24px; }
	.login-box.find .ico { margin-bottom: 16px; }
	.login-box.find .ico img { height: 40px; }
}

/******* 아이디 찾기 결과 *******/
.login-box.find .find-id { line-height: 34px; margin: 10px 0 5px; font-weight: 700; font-size: 24px; text-align: center; }
.login-box.find .btn-ce { gap: 10px }
@media only screen and (max-width: 1023px) {
	.login-box.find .find-id { line-height: 26px; margin: 8px 0 5px; font-size: 18px; }
	.login-box.find .btn-ce { gap: 5px; }
}

/******* 가입 순서 *******/
.step-list1 { display: flex; align-items: center; margin-bottom: 80px; }
.step-list1 li { position: relative; flex: 1; }
.step-list1 li:after { content: ""; position: absolute; top: 21px; left: 63px; z-index: 0; width: 100%; height: 1px; border-top: 1px dashed #aaa; }
.step-list1 li:last-child:after { display: none; }
.step-list1 li .num { position: relative; display: flex; align-items: center; justify-content: center; z-index: 10; width: 43px; height: 42px; margin: 0 auto; font-family:'GTFlexaTrial'; font-weight: 400; font-size: 24px; color: #fff; background: url(../img/content/login/step-bg-off.png) center center no-repeat; }
.step-list1 li p { line-height: 28px; margin-top: 10px; font-weight: 400; font-size: 18px; color: #aaa; text-align: center; }
.step-list1 li p br { display: none; }
/* active */
.step-list1 li.active:after { border-color: var(--main-color); }
.step-list1 li.active p { font-weight: 700; color: var(--main-color); }
.step-list1 li.active .num { background: url(../img/content/login/step-bg-on.png) center center no-repeat; }
@media only screen and (max-width: 1023px) {
	.step-list1 { margin-bottom: 48px; }
	.step-list1 li:after { top: 15px; left: 9.775vw; }
	.step-list1 li .num { width: 32px; height: 32px; font-size: 18px; background-size: 32px !important; }
	.step-list1 li p { line-height: 19px; margin-top: 8px; font-size: 13px; }
}
@media only screen and (max-width: 767px) {
	.step-list1 li p br { display: block; }
}

/******* 회원가입 (회원유형선택) *******/
.login-box.join .cont { padding: 62px 52px; }
.login-box.join .cont .tith2 { margin-bottom: 20px; }
.login-box.join .cont .member-division { display: flex; margin: 40px -52px -62px; border-top: 1px solid var(--main-light-color); }
.login-box.join .cont .member-division li { flex: 1; padding: 80px 40px; }
.login-box.join .cont .member-division li:first-child { border-right: 1px solid var(--main-light-color); }
.login-box.join .cont .member-division li .ico { display: block; margin-bottom: 20px; text-align: center; }
.login-box.join .cont .member-division li .txt4 { min-height: 78px; }
.login-box.join .cont .member-division li .btn-ce { margin-top: 20px; }
@media only screen and (max-width: 1023px) {
	.login-box.join .cont { padding: 25px; }
	.login-box.join .cont > .tith2 { margin-bottom: 8px; text-align: left; }
	.login-box.join .cont > .txt1 { text-align: left; }
	.login-box.join .cont .member-division { flex-wrap: wrap; margin: 24px -25px -25px; }
	.login-box.join .cont .member-division li { display: flex; flex-wrap: wrap; flex: 1 1 100%; gap: 0 16px; padding: 32px 25px; }
	.login-box.join .cont .member-division li:first-child { border-bottom: 1px solid var(--main-light-color); border-right: 0; }
	.login-box.join .cont .member-division li .ico { flex-shrink: 0; }
	.login-box.join .cont .member-division li .ico img { width: 40px; }
	.login-box.join .cont .member-division li .txt4 { min-height: inherit; text-align: left; }
	.login-box.join .cont .member-division li .btn-ce { width: 100%; margin-top: 15px; }
	.login-box.join .cont .member-division li .btn-ce a { width: 100%; text-align: center; }
}
@media only screen and (max-width: 400px) {
	.login-box.join .cont .member-division li .txt4 { width: 74%; }
	.login-box.join .cont .member-division li .txt4 br { display: none; } 
}

/******* 회원가입 (약관동의) *******/
.join-agree-box .agree-all-chk { display: flex; justify-content: center; position: relative; margin: 40px 0 30px; padding: 30px 0; background: #f6e8ee; border-top: 1px solid #f6e8ee; border-bottom: 1px solid #f6e8ee; }
@media only screen and (max-width: 1023px) {
	.join-agree-box .agree-box:first-child { margin-top: 24px; }
	.join-agree-box .agree-all-chk { margin: 24px 0; padding: 12px 0; }
}

/******* 회원가입 (회원정보입력) *******/
.login-box.enter-info .cont .tith2 { margin-bottom: 5px; }
.login-box.enter-info .cont .form-wrap1 .form-group1:first-child { margin-top: 80px; }
.login-box.enter-info .login-btn { margin-top: 20px; }
@media only screen and (max-width: 1023px) {
	.login-box.enter-info .cont .txt4 { text-align: left; }
	.login-box.enter-info .cont .form-wrap1 .form-group1:first-child { margin-top: 48px; }
}

/************ 통합검색 ************/
.total-search-wrap { padding: 70px 80px; margin-top: 60px; background: #fff; }
.total-search-wrap .bbs-top2::after { background: #eacad8; }
.total-search-wrap .bbs-top2 li a { color: var(--main-color); }
.total-search-wrap .bbs-top2 li.active a::after { background: var(--main-color); }
.total-search-wrap .bbs-top2 .total-num { color: var(--main-color); }
.total-search-wrap .result-box { padding: 60px 0; }
.total-search-wrap .result-box > .top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #f6e8ee; }
.total-search-wrap .result-box > .top strong { display: block; line-height: 34px; font-weight: 700; font-size: 34px; color: var(--main-color); }
.total-search-wrap .result-box > .top strong sup { margin-left: 5px; font-weight: 400; font-size: 18px; color: var(--bk-color); }
.total-search-wrap .result-box > ul > li { display: block; padding: 30px 0; border-bottom: 1px solid #f6e8ee; }
.total-search-wrap .result-box > ul > li > .ti { display: block; line-height: 34px; font-weight: 700; font-size: 24px; color: var(--main-color); }
.total-search-wrap .result-box > ul > li .date-menu { display: flex; align-items: center; gap: 10px; margin-top: 6px; }
.total-search-wrap .result-box > ul > li .date-menu .date { display: block; line-height: 26px; font-size: 18px; color: var(--main-color); }
.total-search-wrap .result-box > ul > li .date-menu .menu { display: flex; align-items: center; gap: 10px; }
.total-search-wrap .result-box > ul > li .date-menu .menu li { position: relative; display: flex; align-items: center; gap: 10px; font-weight: 500; font-size: 16px; color: #848183; }
.total-search-wrap .result-box > ul > li .date-menu .menu li > span { position: relative; dispaly: block; width: 5px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.02 9.93'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23aaa; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpolyline class='cls-1' points='.38 9.6 4.36 4.96 .38 .33'/%3E%3C/g%3E%3C/svg%3E"); }
.total-search-wrap .result-box > ul > li .date-menu .menu li:last-child > span { display: none; }
.total-search-wrap .result-box > ul > li .file-list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.total-search-wrap .result-box > ul > li .file-list li a { display: block; font-weight: 500; font-size: 16px; color: #848183; text-decoration: underline; }
.total-search-wrap .result-box .noList { padding: 40px 0; font-size: 20px; color: var(--main-color); border-bottom: 1px solid #f6e8ee; } 
@media only screen and (max-width: 1023px) {
	.total-search-wrap { margin: 16px -8px; padding: 24px; }
	.total-search-wrap .bbs-top2 { margin: 0 -24px 65px; }
	.total-search-wrap .bbs-top2::after { bottom: inherit; top: 39px; }
	.total-search-wrap .bbs-top2 .total-num { margin: 18px 0 0; }
	.total-search-wrap .result-box { padding: 0; margin-bottom: 80px; }
	.total-search-wrap .result-box:last-child { margin-bottom: 0; }
	.total-search-wrap .result-box > .top { gap: 2px; margin: 0 -24px; padding: 0 24px 8px; }
	.total-search-wrap .result-box > .top strong { display: flex; align-items: center; font-size: 24px; }
	.total-search-wrap .result-box > .top strong sup { font-size: 13px; }
	.total-search-wrap .result-box > ul > li { margin: 0 -24px; padding: 24px; }
	.total-search-wrap .result-box > ul > li > .ti { line-height: 22px; font-size: 18px; }
	.total-search-wrap .result-box > ul > li .date-menu .date { line-height: 21px; font-size: 15px; }
	.total-search-wrap .result-box > ul > li .date-menu .menu { gap: 8px; }
	.total-search-wrap .result-box > ul > li .date-menu .menu li { gap: 8px; font-size: 13px; }
	.total-search-wrap .result-box > ul > li .file-list { gap: 8px; margin-top: 8px; }
	.total-search-wrap .result-box > ul > li .file-list li a { line-height: 19px; font-weight: 500; font-size: 13px; }
	.total-search-wrap .result-box .noList { margin: 0 -24px; padding: 24px; font-size: 15px; }
}