@charset "utf-8";

/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items: center;height: 100%;margin-bottom:5rem;}
.img_ready .left {}
.img_ready .left img {}
.img_ready .right {padding-left:0;}
.img_ready .right strong {line-height:1.2;font-size:4rem;color:#1d1d1d;font-weight: 300;}
.img_ready .right strong em {font-weight: 700;}
.img_ready .right strong em br {}
.img_ready .right p {margin-top:2.5rem;line-height:1.5;font-size:1.8rem;color:#767676;}
@media only screen and (max-width:1023px){
    .img_ready .left img {}
}
@media only screen and (max-width:767px){
    .img_ready {flex-direction: column;gap:4rem;text-align: center;}
    .img_ready .right strong em br {display: none;}
    .img_ready .right strong {font-size:3.2rem;}
}

/* =========================== SUB */
#shSub{display:flex;align-items:center;justify-content:center;height:400px;margin:0 2rem;background-position: center;background-repeat: no-repeat;background-size:cover;border-radius:2rem 2rem 0 0;}
#shSub.shSub01{background-image:url(../../images/fs/layout/sub_bg01.jpg);}
#shSub.shSub02{background-image:url(../../images/fs/layout/sub_bg02.jpg);}
#shSub.shSub03{background-image:url(../../images/fs/layout/sub_bg03.jpg);}
#shSub.shSub04{background-image:url(../../images/fs/layout/sub_bg04.jpg);}
#shSub.shSub05{background-image:url(../../images/fs/layout/sub_bg05.jpg);}
#shSub.shSub06{background-image:url(../../images/fs/layout/sub_bg06.jpg);}
#shSub .txt_area{color:#fff;text-align:center;text-transform:uppercase;font-family:var(--k-font)}
#shSub .txt_area p{margin-bottom:20px;font-size:46px;font-weight:700}
#shSub .txt_area div{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500}
#shSub .txt_area div a{padding-top:3px}
#shSub .txt_area div svg{fill:#fff}
#shSub .txt_area div i{margin:0 20px;font-size:14px}
#shSub .sub_tit{display:none}

/* 반응형 [s] */
@media (max-width:1024px){
#shSub{height:300px}
#shSub .txt_area p{margin-bottom:10px;font-size:36px}
#shSub .txt_area div{font-size:15px}
#shSub .txt_area div i{margin:0 15px}
}
@media (max-width:767px){
    #shSub{height:240px}
}
/* 반응형 [e] */

/* =========================== SNB */
#shSnb{display:flex;justify-content: center;margin:0 2rem 50px;background:#fff;border-bottom:1px solid #ddd;}
#shSnb li+li{border-left:1px solid rgba(255,255,255,.15)}
#shSnb li a{display:block;min-width:160px;height:62px;padding:0 20px;font-size:17px;font-weight:500;line-height:62px;text-align:center;color:#222;font-family:var(--k-font)}
#shSnb li.on a{font-weight:600;color:#fff;background:var(--primary)}

/* 반응형 [s] */
@media (max-width:1024px){
#shSnb{display:none}
}
/* 반응형 [e] */

/* =========================== PAGE */
#greeting{font-size:15px;font-weight:400;line-height:1.8;letter-spacing:-.2px;color:#777;font-family:'Noto Sans KR'}
#greeting .tit_area{padding:0 0 40px 5%;font-size:38px;font-weight:100;line-height:1.35;letter-spacing:-.5px;color:#222}
#greeting .tit_area p{font-weight:600}
#greeting .img{height:420px;background:url(../../images/fs/content/greeting_img.jpg) center no-repeat;background-size:cover}
#greeting .cont{padding:40px 0 0 25%}
#greeting .cont .pl{white-space:pre-line}
#greeting .cont .sign{margin-top:30px;font-weight:500;color:#222}
#greeting .cont .sign span{margin-left:20px;font-size:17px}

@media(max-width:1024px){
#greeting{padding:20px;font-size:14px;line-height:1.6}
#greeting .tit_area{padding:0;font-size:28px;line-height:1.4;color:#222;word-break:keep-all}
#greeting .img{height:200px;margin:15px 0}
#greeting .cont{padding:0}
#greeting .cont .sign{margin-top:20px}
#greeting .cont .sign span{margin-left:0;font-size:15px}
}
@media(max-width:768px){
#greeting .cont .pl{white-space:normal}
}
@media(max-width:480px){
#greeting{padding:15px 12px}	
#greeting .tit_area{font-size:22px}
}



/****************/
/* 컨텐츠 */
/****************/
/* 공통 */
.wrap {width: clamp(0rem,100%,140rem);margin: 0 auto;}
@media only screen and (max-width:1380px){
    .wrap {padding:0 2.5%;}
}

@font-face {
    font-family: 'TwaySky';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twaysky.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

/* 대관람차 */
.intro_about_title {text-align: center;}
.intro_about_title div {display:inline-block;position:relative;}
.intro_about_title div:before {content:"";display:block;position:absolute;left:-3rem;top:-3rem;width: 1px;height: 4rem;background: #ddd;transform: rotate(45deg);}
.intro_about_title div:after {content:"";display:block;position:absolute;right:-1rem;bottom:-2rem;width: 1px;height: 4rem;background: #ddd;transform: rotate(45deg);}
.intro_about_title span {display:block;font-size:3rem;font-weight: 400;color:var(--primary);font-family: 'TwaySky';}
.intro_about_title strong {display:block;margin-top:1.6rem;font-size:6rem;font-weight: 700;color:#222;font-family: 'TwaySky';}
.intro_about_box {padding-top:8rem;margin:0 2rem;}
.intro_about_box .intro_about_top {padding-bottom:7.5rem;background: url("../../images/fs/content/sub01/bg2.png") no-repeat center top 15rem / cover;border-radius: 2.5rem;text-align: center;}
.intro_about_box .intro_about_top .intro_about_img {width: clamp(0px, 100%, 72rem);height: 45rem;margin: 0 auto;transition: width 1.4s;perspective: 1500px;}
.intro_about_box .intro_about_top .intro_about_img.aos-animate {width: clamp(0px, 100%, 72rem);}
.intro_about_box .intro_about_top .intro_about_img .card-item {width: clamp(0px, 100%, 72rem);height: auto;border-radius: 3.5rem;box-shadow: 1rem 1rem 1.9rem rgba(0,0,0,0.07);transform-style: preserve-3d;transition: transform .1s ease-out;--rX: 0deg;--rY: 0deg;transform: rotateX(var(--rX)) rotateY(var(--rY));}
.intro_about_box .intro_about_top strong {display:block;margin-top:-4rem;font-weight:700;font-size:3.5rem;color:#222;}
.intro_about_box .intro_about_top strong:before {content: "";display: block;margin: 0 auto 3rem auto;background: var(--primary);width: 1rem;height: 1rem;border-radius: 5rem;}
.intro_about_box .intro_about_top p {padding:0 2rem;font-size:2rem;color:#536066;line-height:1.8;margin-top:2.5rem;}
@media only screen and (max-width:1023px){
    .intro_about_title {margin-top:4rem;}
}
@media only screen and (max-width:767px){
    .br_none {display: none;}
    .intro_about_title span {font-size:2.6rem;}
    .intro_about_title strong {font-size:5.6rem;}
    .intro_about_box .intro_about_top .intro_about_img {height: auto;}
    .intro_about_box .intro_about_top strong {margin-top:4rem;padding:0 2rem;}
}

/* 이용안내 */
.usage_guide {}
.usage_guide .topb {display: flex;background: #f3f6f9;border-radius: 1rem;padding:5rem 3rem;}
.usage_guide .topb .left {flex-shrink:0;display:flex;align-items:center;justify-content:center;width: 20rem;}
.usage_guide .topb .left div {width: 15rem;border-radius: 100%;background: #fff;}
.usage_guide .topb .left img {}
.usage_guide .iden1 .p1 {line-height:1.2;font-size:2rem;font-weight: 400;color:#222;font-family: 'TwaySky';margin-bottom:3rem;}
.usage_guide .iden1 .p1 em {display: block;padding-top:0.6rem;}
.usage_guide .iden1 .p1 .etc {color:var(--primary);border-radius: 5rem;line-height:1;border:1px solid var(--primary);background:#fff;padding:1.7rem 2rem 1rem 2rem;margin-left:1rem;}
.usage_guide .iden1 p {display: flex;align-items:center;gap:1rem;margin-right:-1rem;margin-top:1rem;}
.po span {color:#969696;}
@media only screen and (max-width:767px){
    .usage_guide .topb {flex-direction: column;align-items: center;}
    .usage_guide .iden1 {margin-left:0;}
    .usage_guide .iden1 .p1 {flex-direction: column;}
    .usage_guide .iden1 .p1 .etc {margin-left:0;}
    .usage_guide .iden1 .p1 em br {display: none;}
}
.parking {border:1px solid #ddd;border-radius: 1rem;padding:3rem;}
.parking strong {display: flex;gap:0.6rem;line-height:1.2;font-size:2.2rem;font-weight: 400;color:#222;font-family: 'TwaySky';border-bottom:1px solid #ddd;padding-bottom:1rem;margin-bottom:2rem;}
.parking div {display: flex;gap:1rem;}
.parking div span {width: calc(50% - 1rem);text-align: center;background: #f3f6f9;border-radius: 1rem;padding:3rem 2rem;font-size:1.7rem;}
.parking div span em {display:block;margin-top:1rem;font-weight: 700;color:#222;font-size:2.2rem;}



/****************/
/* 게시판 */
/****************/
/* 게시판 상단검색 */
.sch_top {display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:1;margin-bottom:20px;}
/* 총게시물 수 */
.sch_top .total {}
.sch_top .total strong {font-size:1.7rem;font-weight:500;color:#666;}
.sch_top .total strong > em {color: #041632;font-weight:700;}
.sch_top .total strong > span {font-size:1.6rem;color:#666;}
.sch_top .total strong > span em {color: #041632;font-weight:700;}
/* 검색 */
.search_flex {display:flex;flex-wrap:wrap;width:100%;justify-content:center;gap:4px;}
.search_flex input,
.search_flex select,
.search_flex button {border:1px solid #ddd;font-size:1.6rem;line-height:5rem;height:5rem;border-radius: 3px;}
.search_flex button {background:#041632;color:#fff;display:flex;align-items:center;justify-content:center;width:6rem;border:0;}
.search_flex button i {font-size:2.5rem;}
@media only screen and (max-width:767px){
    .search_flex {}
    .search_flex input,
    .search_flex select,
    .search_flex button {flex-grow:1;line-height:4.5rem;height:4.5rem;}
}
/* 게시판 영역 */
.board_box {border-top:2px solid#000;border-bottom:1px solid #ddd;}
/* 게시판 페이지넘버 */
.page_number {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:40px;}
.page_number li {margin:0 2px;}
.page_number li a {display:grid;place-items:center;width:34px;height:34px;line-height:1.2;text-align:center;font-size:1.5rem;color:#000;text-decoration:none;border-radius:100%;}
.page_number li a em {}
.page_number li a.on,.page_number li a:is(:hover, :focus, :active) {}
.page_number .prev_first a {background:url("./../../images/fs/common/first_prev.png") no-repeat center center;font-size:0;}
.page_number .prev a {background:url("./../../images/fs/common/prev.png") no-repeat center center;font-size:0;}
.page_number .num {}
.page_number .num a.on,.page_number .num a:is(:hover, :focus, :active) {background:#041632;color:#fff;}
.page_number .next a {background:url("./../../images/fs/common/next.png") no-repeat center center;font-size:0;}
.page_number .next_last a {background:url("./../../images/fs/common/last_next.png") no-repeat center center;font-size:0;}
@media only screen and (max-width:1399px){
    .notiwrap {padding:0;}
}
@media only screen and (max-width:1023px){
    .sch_top {margin-bottom:15px;}
    .sch_top .search_box .inputbox .btn_bace {height:45px;}
    .sch_top .search_box .inputbox .btn_bace img {width:20px;}
    .sch_top .search_box .inputbox select {width:100px;}
    .sch_top .search_box .inputbox input {width:327px;}
    .sch_top .search_box .inputbox button {width:50px;height:50px;}

    .page_number {margin-top:20px;}
}
@media only screen and (max-width:767px){
    .sch_top {flex-direction:column-reverse;align-items:flex-start;margin-bottom:10px;gap:10px;}
    .sch_top .search_box {width:100%;}
    .sch_top .search_box .inputbox {flex-wrap:wrap;}
    .sch_top .search_box .inputbox .btn_bace {flex-grow:1;height:40px;}
    .sch_top .search_box .inputbox select {flex-grow:1;background:#fff;border-radius:5px;}
    .sch_top .search_box .inputbox input {flex-grow:1;background:#fff;border-radius:5px;}
    .sch_top .search_box .inputbox button {width:100%;height:45px;border-radius:5px;}

    .page_number li {margin:0 1px;}
    .page_number li a {width:30px;height:30px;line-height:30px;}
    .page_number .prev_first a {width:30px;}
    .page_number .prev a {width:30px;}
    .page_number .next a {width:30px;}
    .page_number .next_last a {width:30px;}
}

/* 공지사항(목록) */
.board_table {width:100%;line-height:1;margin-top:1px;border-collapse:collapse;color:#000;font-size:1.6rem;border-bottom:1px solid #ddd;}
.board_table thead th {position:relative;padding:28px 20px;font-weight:700;border-bottom:1px solid #000;border-top:3px solid #000;}
.board_table tbody tr {border-top:1px solid #ddd;}
.board_table tbody tr.noti {position:relative;background:#f1f1f1;}
.board_table tbody tr.noti:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:1px;background:#fff;}
.board_table tbody td {padding:25px 12px;height:56px;font-weight:400;}
.board_table tbody td .ellipsis1 {max-width:90%;line-height:1.2;}
.board_table tbody td.num {font-size:1.6rem;color:#000;}
.board_table tbody td.tit {font-weight:600;text-align: left;}
.board_table tbody td.tit a .new {background:#36be3a;color:#fff;font-size:1.2rem;padding:0 10px;border-radius:30px;line-height:2rem;display:inline-block;}
.board_table tbody td.tit .reply {display:inline-block;margin-left:14px;}
.board_table tbody td.filedown {}
.board_table tbody td.view {}
.board_table tbody td.view .btn_bace:first-child {margin-top:0;}
.board_table tbody td.view .btn_bace {margin-top:5px;}
.board_table tbody td.file {font-size:1.5rem;color:#000;}
.board_table tbody td.file img {opacity:0.5;}
.board_table tbody td.data {font-size:1.5rem;color:#000;}
.board_table tbody td .btn_bace {height:35px;line-height:35px;font-size:1.4rem;}
.board_table tbody tr.noti {}
.board_table tbody tr.noti td {font-weight:500;}
.board_table tbody tr.noti .num span {display:grid;place-items:center;width:25px;height:25px;margin:0 auto;background:#000;text-align:center;border-radius:50px;font-size:1.4rem;color:#fff;font-weight:600;}
.board_table tbody tr:is(:hover,:focus,:active) {background:#f9f9f9;}
@media only screen and (max-width:1199px){
    .board_table thead th {border-bottom:2px solid#000;}
}
@media only screen and (max-width:1023px){
    .board_table thead th {padding:10px 10px;}
    .board_table tbody td {padding:10px 10px;}
    .board_table tbody td .btn_bace {height:35px;line-height:35px;}
}
@media only screen and (max-width:767px){
    .board_table {text-align:left;}
    .board_table colgroup,
    .board_table thead th {display:none;}
    .board_table tbody tr:first-child {border-top:0;}
    .board_table tbody tr.noti:after  {display:none;}
    .board_table tbody tr {display:flex;flex-wrap:wrap;padding:12px 0;}
    .board_table tbody td {display:block;height:auto;}
    .board_table tbody td.num {order:1;display:none;}
    .board_table tbody td.tit {order:2;width:100%;font-weight:600;}
    .board_table tbody td .ellipsis1 {font-size:1.5rem;}
    .board_table tbody td.file {order:4;display:inline-block;padding:0 6px;border-right:0;}
    .board_table tbody td.file img {width:18px;margin-top:3px;}
    .board_table tbody td.data {order:3;display:inline-block;padding:0 6px;margin:5px 0;border-right:1px solid #ddd;}
    .board_table tbody tr.noti td {font-weight:600;}
    .board_table tbody tr.noti td.num {display:block;}
    .board_table tbody tr.noti .num {padding:0 6px 10px 6px;text-align:left;}
    .board_table tbody tr.noti .num span {display:inline-block;width:25px;line-height:25px;height:25px;}
    .board_table tbody tr.noti .num span img {height:50%;vertical-align:middle;}
    .board_table tbody tr td.ta-c {width:100%;}
}
@media only screen and (max-width:529px){
    .board_table tbody td .ellipsis1 {max-width:98%;}
    .board_table tbody td.tit .reply {display:block;margin:10px 0 0 0;}
}


/* 공지사항(상세), 문의하기(상세) */
.view_box{border-top:2px solid #000;color:#000;}
.view_box .tit {min-height:60px;padding:4rem 2rem;border-bottom:1px solid #ddd;font-size:1.7rem;color:#222;background:#f5f6f8;font-weight:500;}
.view_box .tit .cate {color:#041632}
.view_box .tit .cate:after {display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ddd}
.view_box .info {height:6rem;padding:0 2rem;border-bottom:1px solid #ddd;font-size:1.4rem;line-height:6rem}
.view_box .info:after {display:block;content:"";visibility:hidden;clear:both}
.view_box .info p {float:left;}
.view_box .info ul {float:right;}
.view_box .info ul li {display:inline-block;margin-left:3rem}
.view_box .info b {font-weight:500;}
.view_box .info b:after {display:inline-block;content:"";width:1px;height:1rem;margin:0 12px;background:#ddd;}
.view_box .view_cont {padding:5rem 2rem;border-bottom:1px solid #ddd}
.view_box .view_cont img {max-width:100%;}
.view_box .file {overflow:hidden;padding:2rem 2rem;border-bottom:1px solid #e1e1e1;font-size:1.4rem;background-color:#f5f6f8}
.view_box .file p {float:left}
.view_box .file ul {float:left}
.view_box .file ul li i {padding:0 2rem;font-size:14px;color:#bbb}
.btn_area {overflow:hidden;position:relative;margin-top:2rem;}
.btn_area ul {overflow:hidden}
.btn_area ul li {float:left}
.btn_area .left {float:left}
.btn_area .left li {margin-right:0.5rem;}
.btn_area .right {float:right}
.btn_area .right li {margin-left:0.5rem;}
@media only screen and (max-width:767px){
    .view_box .info b:after {margin:0 1rem;}
    .view_box .info ul li {margin-left:2rem;}
}
@media only screen and (max-width:479px){
    .view_box .info b:after {margin:0 0.4rem;}
    .view_box .info ul li {margin-left:1rem;}
}

/* 문의하기(쓰기) */
.write_table_box {table-layout:fixed;width:100%;font-size:1.4rem;border-top:2px solid #041632;}
.write_table_box thead th {padding:10px 15px;border-left:1px solid #e4e4e4;color:#222;background:#f2f4fa;}
.write_table_box tbody th {color:#222;font-weight:normal;font-weight:800;background:#f2f4fa;}
.write_table_box tbody th,
.write_table_box tbody td {padding:10px 15px;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;word-break:break-all;}
.write_table_box thead th:first-child,
.write_table_box tbody td:first-child,
.write_table_box tbody th:first-child {border-left:none;}
.write_table_box tbody td input {/*width:100%;*/border:1px solid #ddd;}
.write_table_box tbody td textarea {width:100%;height:285px;border:1px solid #ddd;}
.write_table_box tbody td .etc {margin-top:5px;}
.write_table_box tbody td .etc em {font-weight:500;}
.write_table_box tbody td .filebox .upload-name {display:inline-block;height:55px;padding:0 10px;vertical-align:top;border:1px solid #ddd;border-radius:0 10px 10px 0;width:84.9%;color:#000;}
.write_table_box tbody td .filebox label {display:inline-block;padding:14px 15px;width:15%;height:55px;margin-right:-4px;text-align:center;border-radius:10px 0 0 10px;color:#fff;vertical-align:top;background-color:#000;cursor:pointer;}
.write_table_box tbody td .filebox input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}
.write_table_box tbody td .fileicon {margin-top:10px;font-size:1.6rem;font-weight:500;color:#000;}
.write_table_box tbody td .fileicon span {margin-right:10px;}
.write_table_box tbody td .fileicon a {display:block;margin-top:15px;}
.write_table_box tbody tr th:first-child,
.write_table_box tbody tr td:first-child {border-left:0;}
.write_table_box tbody tr:first-child th,
.write_table_box tbody tr:first-child td {border-top:1px solid #fff;}
.write_table_box tbody tr th.bd_none,.write_table_box tbody tr td.bd_none,
.write_table_box thead tr th.bd_none,.write_table_box thead tr td.bd_none {border-left:0;}
.write_table_box tbody tr th.bd_left,.write_table_box tbody tr td.bd_left,
.write_table_box thead tr th.bd_left,.write_table_box thead tr td.bd_left {border-left:1px solid #cdd2d5;}
.write_table_box tbody td .list1 li {display:flex;flex-wrap:wrap;}
.write_table_box tbody td .list1 li strong {width:70px;}
.write_table_box tbody td .list1 li p {width:calx(100% - 70px);}
.write_table_box tbody td a {margin:1px 0;min-width:9.5rem;}
@media only screen and (max-width:1199px){
    .write_table_box tbody td .filebox label {line-height:1.8;}
}
@media only screen and (max-width:1023px){
    .write_table_box tbody td textarea {height:185px;}
    .write_table_box tbody td .filebox .upload-name {height:45px;}
    .write_table_box tbody td .filebox label {height:45px;line-height:1.2;}

    .write_table_box.responsive tbody tr {display:flex;flex-wrap:wrap;}
    .write_table_box.responsive tbody tr th {width:100px;padding:0;}
    .write_table_box.responsive tbody tr td {width:100%;}
    .write_table_box.responsive tbody tr td:after {left:-3rem;}

    .write_table_box3.responsive tbody tr td {padding:0;width:calc(100% - 100px);height:min-content;}
}
@media only screen and (max-width:767px){
    .write_table_box tbody td input {width:100%;}
    .write_table_box tbody td .filebox .upload-name {width:65%;}
    .write_table_box tbody td .filebox label {width:35%;}
    .write_table_box tbody td .fileicon span {display:block;}

    .write_table_box tbody td .list1 li strong {width:100%;}
    .write_table_box tbody td .list1 li p {width:100%;}
}

/* 갤러리 리스트 */
.gallery_table {overflow:hidden;position:relative;padding-top:40px;border-top:2px solid #222;border-bottom:1px solid #e5e5e5;}
.gallery_table .gallery_ul {display:flex;flex-wrap:wrap;margin-left:-40px;}
.gallery_table .gallery_ul li {width:33.33%;padding-left:40px;padding-bottom:40px;}
.gallery_table .gallery_ul li a {display:block;text-decoration:none;position:relative;}
.gallery_table .gallery_ul li a .imgbox {overflow:hidden;position:relative;display:block;padding-top:75%;border-radius:20px;border:1px solid #e5e5e5;background:#fff;transition:.3s;}
.gallery_table .gallery_ul li a .imgbox iframe {position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);}
.gallery_table .gallery_ul li a .imgbox img {position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);}
.gallery_table .gallery_ul li a .imgbox .cnc {width:auto;filter:invert(60%) sepia(1%) saturate(0%) hue-rotate(356deg) brightness(150%) contrast(83%);max-width:90%;}
.gallery_table .gallery_ul li a .tit {gap:10px;margin-top:1.5rem;padding:0 2rem;font-size:1.8rem;font-weight:700;color:#222;text-decoration:none;margin-bottom:10px;line-height:1.3;text-align:center;}
.gallery_table .gallery_ul li a .tit span {font-size:1.4rem;text-align:center;display:block;color:#aaa;font-weight:500;margin-top:0.5rem;}
.gallery_table .gallery_ul li a > div {}
.gallery_table .gallery_ul li a .origin {display:inline-flex;font-size:1.5rem;color:#666;line-height:1;}
.gallery_table .gallery_ul li a .origin em {padding-right:10px;margin-right:10px;border-right:1px solid #ddd;color:#000;font-weight:600;}
.gallery_table .gallery_ul li a:is(:hover,:focus,:active) .imgbox {border:1px solid #222;box-shadow:0 0 25px rgba(0,0,0,0.15);}
.gallery_table .gallery_ul .nocont_li {width:100%;padding:0 0 0 40px;margin:0;}
.gallery_table .gallery_ul .nocont_li .nocont {padding:20px 15px 60px 15px;text-align:center;}
@media only screen and (max-width:1023px){
    .gallery_table {padding-top:20px;}
    .gallery_table .gallery_ul {margin-left:-20px;row-gap:20px;}
    .gallery_table .gallery_ul li {padding-left:20px;padding-bottom:20px;}
    .gallery_table .gallery_ul li a .tit {margin-top:15px;}
    .gallery_table .gallery_ul li a .tit span {font-weight:600;}
}
@media only screen and (max-width:767px){
    .gallery_table {padding-top:20px;}
    .gallery_table .gallery_ul {margin-left:-20px;row-gap:20px;}
    .gallery_table .gallery_ul li {width:50%;padding-left:20px;padding-bottom:20px;}
    .gallery_table .gallery_ul li a .tit .new img {width:30px;}
}
@media only screen and (max-width:450px){
    .gallery_table .gallery_ul {margin-left:-10px;row-gap:10px;}
    .gallery_table .gallery_ul li {width:100%;}
}

/* 갤러리 상세페이지 */
.flexbox {display:flex;flex-wrap:wrap;;}
.flexbox .swiper_box {width:600px;position:relative;}
.flexbox .swiper_box .nb {position:absolute;left:20px;top:-15px;z-index:1;}
.flexbox .swiper-slide {border-radius:20px;overflow:hidden;display:flex;width:100%;height:100%;align-items:center;justify-content:center;position:relative;border:1px solid #ddd;}
.flexbox .swiper-slide::after {display:block;content:"";padding-bottom:100%;}
.flexbox .swiper-slide img{max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;object-fit:cover;}
.flexbox .thumbs {margin-top:10px;}
.flexbox .thumbs .swiper-wrapper {gap:1.0rem;justify-content:space-between;}
.flexbox .thumbs .swiper-wrapper .swiper-slide {width:100%;aspect-ratio:1/1;text-align:center;flex:1;border:1px solid #ddd;cursor:pointer;}
.flexbox .swiper-button-next:after,
.flexbox .swiper-button-prev:after {color:rgba(0,0,0,0.8);}
.flexbox .txtbox {width:calc(100% - 600px);line-height:1.5;display:flex;flex-wrap:wrap;align-content:space-between;padding-left:10rem;}
.flexbox .rtxt_box {width:100%;overflow:hidden;}
.flexbox .rtxt_box > h4 {line-height:35px;padding-bottom:30px;margin-bottom:20px;font-size:30px;color:#000;border-bottom:2px solid #000;font-weight:600;margin-top:6rem;}
.flexbox .rtxt_box > h4 em {display:block;vertical-align:middle;width:100%;}
.flexbox .txtbox .btn_box {display:flex;justify-content:end;width:100%;padding-top:3rem;border-top:1px solid #000;}
.flexbox .txtbox .btn_box a {margin-left:10px;}
.info_ul > li {display:flex;flex-wrap:wrap;width:100%;padding:25px 0;border-bottom:1px dotted #ddd;}
.info_ul > li:last-child {border-bottom:0;}
.info_ul > li span.stit {position:relative;width:100px;color:#222;font-size:18px;font-weight:800;}
.info_ul > li span.stit:before {content:"";position:absolute;right:0;top:6px;width:1px;height:14px;background:#999;}
.info_ul > li span.stit:after {content:"";clear:both;display:block;}
.info_ul > li div {width:calc(100% - 100px);overflow:hidden;padding-left:4rem;}
.info_ul > li em {display:block;color:#666;}
.info_ul > li em a {word-break:break-all;display:inline-block;}
.info_ul > li em a:focus-visible { outline-offset:-5px !important;}
@media only screen and (max-width:1399px){
    .flexbox .swiper_box {width:400px;}
    .flexbox .txtbox {width:calc(100% - 400px);padding-left:8rem;}
    .flexbox .rtxt_box > h4 {margin-top:3rem;}
}
@media only screen and (max-width:1199px){
    .flexbox .swiper_box {width:350px;}
    .flexbox .txtbox {width:calc(100% - 350px);padding-left:7rem;}
    .flexbox .rtxt_box > h4 {margin-top:0;font-size:2.5rem;margin-bottom:10px;padding-bottom:20px;}
    .info_ul > li {padding:20px 0;}
}
@media only screen and (max-width:1023px){
    .flexbox .swiper_box {width:300px;}
    .flexbox .txtbox {width:calc(100% - 300px);padding-left:6rem;}
    .flexbox .rtxt_box > h4 {margin-top:0;font-size:2.5rem;margin-bottom:10px;padding-bottom:20px;}
    .info_ul > li {padding:20px 0;}
    .info_ul > li span.stit {width:80px;}
    .info_ul > li div {width:calc(100% - 80px);padding-left:3rem;}
}
@media only screen and (max-width:767px){
    .flexbox .swiper_box {width:100%;}
    .flexbox .txtbox {width:100%;padding-left:0;margin-top:40px;}
    .flexbox .rtxt_box > h4 {font-size:2.3rem;line-height:1.2;}
    .info_ul > li {padding:10px 0;}
    .info_ul > li span.stit {font-size:1.6rem;}
    .info_ul > li em {font-size:1.6rem;}
    .info_ul > li .list1 > li {font-size:1.6rem;}
    .info_ul > li .list1 > li:after {top:8px;}
    .flexbox .txtbox .btn_box {padding-top:20px;}
}

/* 파일첨부 */
.file_box {display:flex;flex-wrap:wrap;}
.file_box .btn_upload {width:110px;}
.file_box .btn_upload label {display:block;width:100%;padding:0 15px;line-height:40px;font-size:.9em;transition:all .4s;-webkit-transition:all .4s;}
.file_box input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;cursor:pointer;transition:all .4s;-webkit-transition:all .4s;}
.file_box .upload_list  {display:block;width:calc(100% - 115px);}
.file_box .upload_list a {display:block;padding-left:15px;line-height:40px;border-radius:5px;font-size:.9em;color:#999;}
.file_box .upload_list a + a {margin-top:5px;}
.file_box .upload_list a span:hover {text-decoration:underline;}
.file_box .upload_list a .btn_del {display:inline-block;margin-left:20px;font-family:inherit;color:#999;background:none;}
.file_box .upload_list .lbl_userFile {line-height:40px;padding-left:1rem;}
@media only screen and (max-width:1023px){
    .stxt {font-size:2.5rem;}
    .form_box table.responsive tbody tr {padding:0;}
    .form_box table.responsive tbody tr th {padding:12px 10px;text-align:left;}
    .form_box table.responsive tbody tr td {padding:15px 10px;}
}
@media only screen and (max-width:767px){
    .stxt {font-size:1.8rem;}
    [class*="form_box"] .wh200 {width:100%;}
    [class*="form_box"] .flex_area .flexbox {width:100%;}
    [class*="form_box"] .flex_area input {width:calc((100% - 30px)/2);}
    [class*="form_box"] .flex_area select {width:100%;margin:5px 0 0;}

    /* 폼박스 (테이블형) */
    .form_box .responsive tbody tr {padding:0 !important;}
    .form_box .responsive tbody tr th,
    .form_box .responsive tbody tr td {padding:15px;}
    .form_box tbody tr td .checks.flexbox {justify-content:center;}
    .form_box .num_area select {margin-bottom:5px;width:calc((100% - 40px)/3);}
    .form_box .num_area input {width:calc((100% - 40px)/3);}
    .form_box .num_area .flexbox .inblock {margin:0;width:20px;}

    /* 파일첨부 */
    .file_box {flex-direction:column;}
    .file_box .upload_list {width:100%;margin-top:10px;}
    .file_box .upload_list a .btn_del {visibility:visible;opacity:1;}
}
/* 문의하기 */
.online_box {padding:6rem 5rem;border-radius: 2rem;background:#f0f4f8 url(../../images/fs/content/sub04/bg.png) no-repeat right 5rem center / contain;}
.online_box2 {background:#f0f4f8 url(../../images/fs/content/sub04/bg2.png) no-repeat right 5rem center / contain;}
.online_box span {display: inline-block;background:#0061ff;color:#fff;padding:1rem 2rem;border-radius: 50px;font-size:1.6rem;}
.online_box p {margin-top:2rem;line-height:1.5;font-size:1.8rem;color:#616161;font-weight: 400;}
.online_box p.ptn {margin-top:1rem;line-height:1;font-size:4rem;color:#222;font-weight: 700;}
.online_box .pcn {display:inline-block;background: #f7fbff;padding:2rem 3rem;border-radius: 2rem;margin-top:3rem;}
.online_box .pcn b {color:#0061ff;}
.online_inquiry .flexbox {display:flex;gap:1rem;flex-wrap:wrap;align-items:center;}
.online_inquiry .flexbox * {flex-grow:1;}
.online_inquiry .flexbox span {flex-shrink:0;flex-grow:inherit;}
.online_inquiry .privacy_area {padding:3rem;overflow-y:auto;background:#f9f9f9;max-height:200px;font-size:14px;line-height:1.3;}
.online_inquiry .privacy_area .tit strong {font-size:1.4rem;color:#111;font-weight:600;}
.online_inquiry .privacy_area .stit {position:relative;font-weight:500;color:#333;display:block;margin-top:10px;font-size:1.4rem;}
.filebox .fileLabel {background:#262858;color:#fff;padding:0 2rem;}
.filebox .file {display:none;}
@media only screen and (max-width:1023px){
    .online_inquiry .tableA tbody tr:after {display:none;}
    .online_inquiry .tableA tbody th {width:100%;}
    .online_inquiry .tableA tbody td {width:100%;border-left:none;}
    .online_inquiry .privacy_area {padding:2rem;}
    .online_inquiry .privacy_area .stit {margin-bottom:1rem;}
    .online_inquiry .privacy_area p {margin-bottom:1rem;}
}
@media only screen and (max-width:767px){
    .online_box {background:#f0f4f8;}
    .online_inquiry .privacy_area {padding:1rem;}
    .filebox {gap:0.5rem;display:flex;flex-wrap:wrap;}
    .filebox label {width:9rem;text-align:center;padding:0 1rem;}
    .filebox .upload-name {width:calc(100% - 7rem);}
}

/* =========================== SUB06_청명아이 */
/* 목적 */
.sub0601_top {display:flex;justify-items:center;align-items:center;height:45rem;background:url(../../images/fs/content/sub06/sub0601_bg.png) no-repeat fixed center bottom/cover;}
.people {text-align:center;}
.people span {display:block;font-size:1.5rem;font-weight:500;line-height:1.5;color:rgba(255,255,255,.6);text-wrap:balance;}
.people span em {color:#fff;}
.people p {position:relative;color:#fff;font-size:3.5rem;line-height:4.5rem;padding-top:5rem;text-wrap:balance;}
.people p::before {content:"";position:absolute;left:50%;top:2.5rem;margin-left:-2.5rem;width:5rem;height:2px;background:#0061ff;}
.people p em {font-weight:700;color:#0061ff;}
.people_list {margin-top:8rem;display:flex;width:100%;}
.people_list li {flex:1 1 0;width:33.33%;border-right:1px solid #ddd;padding:3rem;}
.people_list li:last-child {border-right:0;}
.people_list li div {margin-top:5rem;}
.people_list li div span {font-family:'TwaySky';font-size:1.4rem;color:#536066;letter-spacing:0.05em;}
.people_list li div h4 {margin-top:.5rem;color:#222;font-weight:700;font-size:2.5rem;line-height:1.3;text-wrap:balance;}
.people_list li div p {position:relative;color:#666;font-size:1.6rem;padding-top:3rem;line-height:1.3;}
.people_list li div p:before {content:"";position:absolute;left:0;top:1.3rem;width:5rem;height:2px;background:#0061ff;}
.people_arrow {text-align:center;padding:5rem 0;}
.people_last {text-align:center;}
.people_last p {border:5px solid #0061ff;border-radius:10rem;font-size:2.5rem;color:#000;line-height:4rem;display:inline-block;width:auto;padding:5rem 15rem;}
.people_last p em {color:#0061ff;font-weight:800;}
    @media only screen and (max-width:1199px){
        .people_list li {padding:2rem;}
        .people_list li div h4 {font-size:2.2rem;}
        .people_arrow img {width:80%;}
    }
    @media only screen and (max-width:767px){
        .sub0501_top {height:35rem;}
        .people_list {margin-top:3rem;}
        .people_list {flex-direction:column;}
        .people_list li {width:100%;border-right:0;border-bottom:1px solid #ddd;padding:5rem 0;}
        .people_list li:last-child {border-bottom:0;}
        .people_list li img {width:7rem;}
        .people_list li div {margin-top:3rem;}
        .people_list li div h4 br {display:none;}
        .people_arrow {padding:2rem 1rem;}
        .people_last p {line-height:1.5;padding:3rem 1.5rem;border-radius:7rem;}
    }

/* 기대효과 */
.sub0603 .title {display:flex;flex-direction:column;align-items:center;gap:4rem;margin-bottom:10rem;}
.sub0603 .title i {font-size:3rem;color:#0061ff;opacity:.5;}
.sub0603 .title p {font-size:2rem;line-height:1.6;color:#000;text-align:center;text-wrap:balance;}
.sub0603 .title p em {display:block;margin-bottom:1rem;font-size:2.8rem;font-weight:700;}
.sub0603 .title p strong {font-weight:600;color:#0061ff;}
.sub0603 .effect_area {position:relative;padding:10rem 0;background:#f3f6f9;}
.sub0603 .effect_area .circle {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;}
.sub0603 .effect_area .circle_bg::before {content:"";border:1px solid #fff;width:57rem;height:57rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;}
.sub0603 .effect_area .circle_bg::after {content:"";border:1px solid #fff;width:88rem;height:88rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;}
.sub0603 .effect_area .circle_bg .center_circle {content:"";background:rgba(0,97,255,.1);width:44.5rem;height:44.5rem;z-index:1;}
.sub0603 .effect_area .center_logo {background:var(--primary);width:28.5rem;height:28.5rem;display:flex;justify-content:center;align-items:center;z-index:3;}
.sub0603 .effect_area .center_logo img {max-width:80%;width:14.5rem;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7466%) hue-rotate(75deg) brightness(109%) contrast(107%);}
.sub0603 .effect_area .effect_grid {display:grid;grid-template-columns:repeat(2,1fr);gap:6rem 10rem;}
.sub0603 .effect_area .effect_grid > li {background:#fff;padding:7rem 9rem;position:relative;z-index:2;color:#000;}
.sub0603 .effect_area .effect_grid > li .icon i {font-size:5rem;}
.sub0603 .effect_area .effect_grid > li strong {display:block;font-weight:600;font-size:2.5rem;margin:3rem 0 2rem;}
    @media only screen and (max-width:1199px){
        .sub0603 .effect_area .effect_grid > li {padding:5rem 7rem;}
    }
    @media only screen and (max-width:1023px){
        .sub0603 .effect_area {padding:5rem 0;}
        .sub0603 .effect_area .circle_bg {display:none;}
        .sub0603 .effect_area .center_logo {display:none;}
        .sub0603 .effect_area .effect_grid {gap:2.4rem;}
        .sub0603 .effect_area .effect_grid > li {padding:5rem;}
    }
    @media only screen and (max-width:767px){
        .sub0603 .effect_area .effect_grid {grid-template-columns:1fr;}
    }
    @media only screen and (max-width:480px){
        .sub0603 .effect_area .effect_grid > li {padding:5rem 3rem;}
    }