@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');

/* =========================== SUB */
#sub_main_banner{width:100%;height:400px;background:url(../../images/fs/layout/sub_main_banner.jpg) no-repeat;animation:main 25s linear infinite}
@keyframes main{from{background-position:top center}50%{background-position:bottom center}100%{background-position:top center}}
@media (max-width:1024px){
#sub_main_banner{height:200px;background-size: cover !important;}
}
/* =========================== SNB */
#sh_snb{display:inline-block;position:relative;z-index:10;padding:0 40px;text-align:center;box-shadow:0px 2px 12px rgba(0,0,0,.1);background-color:#fff}
#sh_snb li{display:inline-block;position:relative;height:55px;padding:0 35px;font-size:17px;line-height:55px}
#sh_snb li:first-child:before{display:none}
#sh_snb li a{position:relative;font-weight:500}
#sh_snb li.l_menu_ON a{color:#3e53b4}



/******************************/
/* 공통 */
/******************************/
body {overflow-x: hidden;}

/* 탭 */
.tab_box [class^="tab_menu_box"] {display:flex;flex-wrap:wrap;row-gap:1rem;background: #f6f7f8;padding:1rem;}
.tab_box [class^="tab_menu_box"] li {height: 4.2rem;width: 20%;}
.tab_box [class^="tab_menu_box"] li a {position:relative;z-index:0;display:flex;align-items:center;justify-content:center;height: 100%;font-size:1.8rem;color:#555;font-weight: 500;border-radius: 50px;transition: 0.4s;}
.tab_box [class^="tab_menu_box"] li a:before {content:"";position:absolute;right:-1px;top:50%;z-index:-1;width:1px;height:20px;background:#ddd;transform: translateY(-10px);}
.tab_box [class^="tab_menu_box"] li:last-child a:before {display: none;}
.tab_box [class^="tab_menu_box"] li.on a {background: var(--primary);color:#fff;font-weight: 700;}
.tab_box [class^="tab_menu_box"] li.on a:before {display: none;}
.tab_box [class^="tab_menu_box"] li.on a:after {width:100%;}
.tab_box [class^="tab_menu_box"] li:nth-child(5) a:before {display: none;}
.tab_box [class^="tab_menu_box"] li a:is(:hover,:focus,:active) {background: var(--primary);color:#fff;font-weight: 700;}
.tab_box [class^="tab_menu_box"] li a:is(:hover,:focus,:active):after {width:100%;}
.tab_box [class^="tab_content"] {display:none;}
.tab_box [class^="tab_content"].on {display:block;}
.tab_box [class^="tab_content"] .box {border:1px solid #ddd;padding:4rem;font-size:1.8rem;color:#767676;}
.tab_box [class^="tab_content"] .box p {line-height: 1.5;}
.tab_box [class^="tab_content"] .box p span {display: block;font-weight: 700;color:#222;}
@media only screen and (max-width:767px){
    .tab_box [class^="tab_menu_box"] li {width: 25%;}
    .tab_box [class^="tab_menu_box"] li:nth-child(4) a:before {display: none;}
    .tab_box [class^="tab_menu_box"] li:nth-child(5) a:before {display: block;}
    .tab_box [class^="tab_menu_box"] li:nth-child(8) a:before {display: none;}
}
@media only screen and (max-width:579px){
    .tab_box [class^="tab_menu_box"] li {width: 33.3%;}
    .tab_box [class^="tab_menu_box"] li:nth-child(3) a:before {display: none;}
    .tab_box [class^="tab_menu_box"] li:nth-child(4) a:before {display: block;}
    .tab_box [class^="tab_menu_box"] li:nth-child(5) a:before {display: block;}
    .tab_box [class^="tab_menu_box"] li:nth-child(6) a:before {display: none;}
    .tab_box [class^="tab_menu_box"] li:nth-child(8) a:before {display: block;}
}
@media only screen and (max-width:479px){
    .tab_box [class^="tab_menu_box"] li {width: 50%;}
    .tab_box [class^="tab_menu_box"] li:nth-child(2) a:before {display: none;}
    .tab_box [class^="tab_menu_box"] li:nth-child(3) a:before {display: block;}
    .tab_box [class^="tab_menu_box"] li:nth-child(4) a:before {display: none;}
    .tab_box [class^="tab_menu_box"] li:nth-child(8) a:before {display: none;}
}

/* 기본탭 */
.cont_tab_box {}
.cont_tab_box .tab_ul {display: flex;flex-wrap:wrap;background: var(--lay-bg-blue2);border-radius: var(--lay-rd-15);}
.cont_tab_box .tab_ul li {flex-grow: 1;}
.cont_tab_box .tab_ul li a {display: grid;place-items:center;padding:0 1.5rem;border-radius: var(--lay-rd-15);min-height: 7rem;height: 100%;font-size:2rem;}
.cont_tab_box .tab_ul li.on a {background: var(--lay-col-blue2);color:var(--lay-col-white);font-weight: var(--ft-wt500);}
.tab_content {display: none;}
.tab_content.on {display: block;}
@media only screen and (max-width:1023px){
    .cont_tab_box .tab_ul li {width: 33.3%;}
}
@media only screen and (max-width:767px){
    .cont_tab_box .tab_ul li {flex-grow: 0;width: 50%;}
}


/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items: center;height: 100%;margin-bottom:5rem;}
.img_ready .left {}
.img_ready .left img {width: 41.7rem;}
.img_ready .right {padding-left:2rem;}
.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;}
}

/* 최대사이즈 */
.wrap {width: 1200px;margin: 0 auto;}
@media only screen and (max-width:1199px){
    .wrap {width: auto;padding:0 4rem;}
}
@media only screen and (max-width:480px){
    .wrap {width: auto;padding:0;}
}

/* 플렉스박스 */
.flexbox {display: flex;flex-wrap: wrap;align-items: center;gap:1rem;}
.flexbox select {margin-bottom:0;}
@media only screen and (max-width:767px){
    .flexbox div {display:flex;align-items: center;gap:0.4rem;width: calc(30% - 1rem);}
}
@media only screen and (max-width:579px){
    .flexbox div {width: 100%;}
}

/* 탑박스 */
.ctop_box {display:flex;align-items: center;border:1px solid #ddd;border-radius: 20px;padding:4rem 4rem 4rem 0;}
.ctop_box .left {position:relative;flex: 0 0 21.5rem;}
.ctop_box .left:after {content:"";position: absolute;left:-1px;top:0;z-index:1;width: 4px;height: 100%;background: var(--primary);}
.ctop_box .left span {width:11rem;aspect-ratio:1;margin:0 auto;background: #f6f7fa;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.ctop_box .left span i {font-size:4rem;color:var(--primary);}
.ctop_box .right {}
.ctop_box .right strong {font-size:2.6rem;color:#222;font-weight:700;}
.ctop_box .right strong em {line-height:1.2;color:var(--primary);}
.ctop_box .right p {line-height:1.4;margin-top:1.5rem;font-size:1.8rem;color:#767676;}
@media only screen and (max-width:1199px){
    .ctop_box .right p br {display: none;}
}
@media only screen and (max-width:767px){
    .ctop_box .left {position:relative; flex: 0 0 15.5rem;}
}
@media only screen and (max-width:480px){
    .ctop_box{flex-flow:column; padding:2rem;}
	.ctop_box .left{flex:0;}
	.ctop_box .left:after{display:none;}
	.ctop_box .right{margin-top:1rem; text-align:center;}
	.ctop_box .right strong{font-size:2.2rem;}
	.ctop_box .right p{font-size:1.6rem;}
}



/******************************/
/* 컨텐츠시작 */
/******************************/
/***************/
/* 입학상담 */
/***************/
.admissions_box {}
.adm_ul {display: flex;gap:2rem;margin-right:-2rem;flex-wrap: wrap;margin-top:2rem;}
.adm_ul li {display: flex;align-items:center;gap:1rem;width:calc(25% - 2rem);flex-grow: 1;}
.adm_ul li > div {display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;text-align: center;width: 100%;height:100%;background:#f5f9ff;}
.adm_ul li > div i {color:var(--primary);font-size:3rem;margin:0 auto;border-radius: 8px;display: flex;align-items: center;justify-content: center;}
.adm_ul li > div span {display:inline-block;padding:0.7rem 0;margin-top:2rem;border-top:1px solid #ddd;font-size:1.4rem;color:#444;}
.adm_ul li > div .txt {display: flex;flex-direction: column;align-items: center;height: 100%;}
.adm_ul li strong {display:flex;align-items:center;height:100%;margin-top:1.2rem;font-size:2rem;font-weight:500;color:#000;line-height: 1.5;}
.adm_ul li:nth-child(even) div i:nth-of-type(1) {color:var(--primary2);}
.adm_ul li:last-child > i {color:#fff;}
.adm_ul li:nth-child(4) {margin-right:2rem;}
.adm_box {margin-top:4rem;padding:3rem;background: #f5f9ff;}
.adm_box strong {display:flex;align-items:center;gap:1rem;font-size:1.8rem;color:#222;font-weight:600;}
.adm_box strong i {margin-top:2px;font-size:3.2rem;color:var(--primary);font-weight:500;}
.adm_box > ul {column-count: 2;column-gap: 2rem;}
.adm_box > ul > li {margin-top:1rem;color:#333;}
.adm_box > ul > li:first-child {margin-top:0;}
.adm_ul2 {display: flex;gap:2px;margin-right:-2px;margin-top:2rem;}
.adm_ul2 li {padding: 6.5rem 1rem;width: calc(33.3% - 2px);background: #f5f9ff;text-align: center;}
.adm_ul2 li strong {display:grid;place-items:center;width: 14.4rem;margin:0 auto;aspect-ratio: 1/1;border-radius: 100%;background: #fff;font-weight: 900;}
.adm_ul2 li strong em {color:var(--primary);line-height: 1.5;}
.adm_ul2 li strong em span {font-size:4rem;color:#242a33;}
.adm_ul2 li strong em span .odometer-inside {display: flex;}
.adm_ul2 li strong em span:nth-of-type(2) {font-size:2rem;font-weight: 600;color:#242a33;}
.adm_ul2 li > span {display:block;margin-top:2rem;font-size: 1.8rem;color: #242a33;line-height: 1.2;font-weight: 700;}
.adm_ul3 {display: flex;gap:1rem;margin-top:2rem;margin-right:-1rem;}
.adm_ul3 li {flex-grow:1;width:calc(25% - 1rem);display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:2rem;border-radius: 50px;border:1px solid #ddd;text-align: center;}
.adm_ul3 li strong {display:block;font-size:2rem;font-weight:600;color:#000;}
.adm_ul3 li span {}
@media only screen and (max-width:1023px){
    .adm_ul li {width:calc(33.3% - 2rem);}
    .adm_ul li:nth-child(4) {margin-right:0;}
}
@media only screen and (max-width:767px){
    .adm_ul li {width:calc(50% - 2rem);}
    .adm_ul li strong {margin-top:0;align-items:flex-start;}
    .adm_ul li > div {flex-direction: row;padding:2rem 1rem;}
    .adm_ul li > div .icon {width: 10rem;flex-shrink: 0;}
    .adm_ul li > div .txt {flex-grow: 1;align-items: flex-start;text-align:left;}
    .adm_ul li > div .txt span {margin-top:0;}
    .adm_box > ul {column-count: 1;}
    .adm_box > ul > li {margin-top:1.5rem;}
    .adm_ul2 {flex-wrap: wrap;margin-right:0;}
    .adm_ul2 li {padding: 2.5rem 3rem;width: 100%;display: flex;align-items: center;gap:2rem;text-align: left;}
    .adm_ul2 li strong {margin:0;border-radius:1rem;text-align:center;flex-shrink: 0;}
    .adm_ul2 li > span {margin-top:0;flex-grow: 1;}
    .adm_ul3 {flex-wrap: wrap;}
    .adm_ul3 li {width:calc(50% - 1rem);}
}
@media only screen and (max-width:479px){
    .adm_ul {margin-right: 0;}
    .adm_ul li {width:100%;flex-direction:column;}
    .adm_ul li > i {transform: rotate(90deg);}
    .adm_ul2 li {padding: 2rem;}
    .adm_ul2 li strong {width: 12.4rem;padding:1rem;}
    .adm_ul2 li strong em {line-height: 1.2;}
    .adm_ul3 {margin-right:0;}
    .adm_ul3 li {width:100%;}
}


/***************/
/* 연수원 소개 */
/***************/
/* 인사말 */
.abous_box {}
.abous_box .tit_box {text-align:center;line-height:1.1;font-weight:200;font-size:6rem;color:#000;}
.abous_box .tit_box:after {content:"";display: block;width: 0.9rem;height: 9.5rem;margin:7.5rem auto 8.5rem auto;background: #3e53b4;border-radius: 50px;}
.abous_box .tit_box em {font-weight:900;}
.abous_box .tit_box .point {color:#2e4acb;}
.abous_box .visual_box {height:53rem;background:url("../../images/fs/content/sub04/bg_about.jpg") no-repeat center / cover;}
.abous_box .visual_box .wrap {position:relative;display: flex;align-items: center;height: 100%;}
.abous_box .visual_box .visual_img {}
.abous_box .visual_box .visual_img .en_tit {font-size:6rem;font-weight: 200;font-family: 'Paperlogy', sans-serif;color:#fff;}
.abous_box .visual_box .visual_img .sub_txt {display:block;margin-top:2rem;font-size:1.8rem;font-weight: 500;font-family: 'Paperlogy', sans-serif;color:rgba(255,255,255,0.35);}
.abous_box .visual_box .visual_illust {position: absolute;right: 0;bottom:0;}
.abous_box .visual_box .visual_illust img {transform: translateY(11.2rem);}
.abous_box .intro_content {margin-top:12rem;}
.abous_box .intro_content p {margin-top:3rem;line-height:1.5;font-size:1.8rem;font-weight: 400;color:#666;letter-spacing: -1.5px;}
.abous_box .intro_content .pconn {font-size:2.8rem;font-weight: 500;color:#000;letter-spacing: -3px;}
.abous_box .intro_content .pconn em {color:#2845ca;font-weight: 900;}
.abous_box .intro_content .pconn em span {font-weight: 500;}
.abous_box .intro_content .sign {text-align:right;font-size:3rem;font-weight: 500;color:#000;}
.abous_box .intro_content .sign strong {font-weight: 900;}
@media only screen and (max-width:1023px){
    .abous_box .visual_box .visual_illust img {width:49.8rem;transform: translateY(8rem);}
}
@media only screen and (max-width:767px){
    .abous_box .tit_box {font-size:5rem;}
    .abous_box .tit_box:after {height: 7.5rem;margin:5.5rem auto 6.5rem auto;}
    .abous_box .visual_box .wrap {align-items: flex-start;padding-top:6rem;}
    .abous_box .visual_box .visual_illust img {width:39.8rem;transform: translateY(6rem);}
}
@media only screen and (max-width:479px){
    .abous_box .tit_box {font-size:4rem;}
    .abous_box .visual_box .visual_illust img {width:29.8rem;transform: translateY(6rem);}
    .abous_box .visual_box .visual_img .en_tit {font-size:4.5rem;}
}
@media only screen and (max-width:320px){
    .abous_box .tit_box {font-size:3.8rem;}
}

/* 비전 */
.vision_box {}
.vision_box .vtit {display:block;font-size:2.8rem;font-weight: 300;line-height:1;color:#000;}
.vision_box .vtit.wh {color:#fff;}
.vision_box .vtit em {font-weight: 900;}
.vision_box .vtit span {display:inline-block;margin:0 1.4rem;font-size:2.4rem;transform: translateY(-4px);}
.vision_box .vision1 {padding:16rem 0 18rem 0;background:url("../../images/fs/content/sub04/bg_vision1.jpg") no-repeat center / cover;}
.vision_box .vision1 .wrap {}
.vision_box .vision1 .wrap h4 {margin-bottom:18rem;font-size:6rem;font-weight: 900;text-align: center;color:#fff;}
.vision_box .vision1 .wrap p {margin-top:2rem;padding:4rem 2rem;background:rgba(255,255,255,0.65);font-size:2.2rem;color:#18262c;text-align: center;font-weight: 500;}
.vision_box .vision1 .wrap .vtit:nth-of-type(2) {margin-top:10rem;}
.vision_box .vision2 {margin-top:14.5rem;}
.vision_box .vision2 ul {display: flex;margin-top:4.5rem;margin-left:4rem;}
.vision_box .vision2 ul li {display:grid;place-items:center;align-content: center;width: 33.6rem;aspect-ratio: 1/1;background: rgba(62,83,180,0.9);border-radius: 100%;color:#fff;margin-left:-4rem;}
.vision_box .vision2 ul li strong {display:block;margin-bottom:1rem;font-size:2.6rem;font-weight: 700;}
.vision_box .vision2 ul li span {display:block;margin-top:0.2rem;font-size:1.8rem;font-weight: 300;text-align: center;}
.vision_box .vision2 ul li:nth-child(2) {background: rgba(31,53,157,0.9);}
.vision_box .vision2 ul li:nth-child(3) {background: rgba(33,42,84,0.9);}
.vision_box .vision2 ul li:nth-child(4) {background: rgba(36,42,51,0.9);}
.vision_box .vision3 {margin-top:14.5rem;}
.vision_box .vision3 ul {display: flex;gap:2px;margin-right:-2px;margin-top:4.5rem;}
.vision_box .vision3 ul li {padding: 6.5rem 1rem;width: calc(25% - 2px);background: #f5f9ff;text-align: center;}
.vision_box .vision3 ul li strong {display:grid;place-items:center;width: 14.4rem;margin:0 auto;aspect-ratio: 1/1;border-radius: 100%;background: #fff;font-weight: 900;}
.vision_box .vision3 ul li strong em {}
.vision_box .vision3 ul li strong em span {font-size:4rem;color:#242a33;}
.vision_box .vision3 ul li strong em span .odometer-inside {display: flex;}
.vision_box .vision3 ul li strong em span:nth-of-type(2) {font-size:2rem;font-weight: 600;color:#242a33;}
.vision_box .vision3 ul li > span {display:block;margin-top:2rem;font-size: 1.8rem;color: #242a33;line-height: 1.2;font-weight: 700;}
.vision_box .vision4 {margin-top:14.5rem;}
.vision_box .vision4 .wrap {}
.vision_box .vision4 .bg {display:flex;align-items:center;justify-content:center;margin-top:4.5rem;height:62.3rem;background:url("../../images/fs/content/sub04/bg_vision2.jpg") no-repeat center / cover;}
@media only screen and (max-width:1023px){
    .vision_box .vision1 {padding:12rem 0 14rem 0;}
    .vision_box .vision1 .wrap h4 {margin-bottom:9rem;}
    .vision_box .vision1 .wrap .vtit:nth-of-type(2) {margin-top:5rem;}
}
@media only screen and (max-width:767px){
    .vision_box .vision1 {padding:7rem 0 8rem 0;}
    .vision_box .vision1 .wrap h4 {margin-bottom:6rem;font-size:5rem;}
    .vision_box .vision1 .wrap p {margin-top:1rem;}
    .vision_box .vision1 .wrap .vtit:nth-of-type(2) {margin-top:4rem;}
    .vision_box .vision2 {margin-top:10.5rem;}
    .vision_box .vision2 ul {flex-wrap: wrap;gap:1rem;margin-left:0;margin-top:2.5rem;}
    .vision_box .vision2 ul li {width: calc(50% - 1rem);margin-left:0;border-radius: 2rem;}
    .vision_box .vision3 {margin-top:10.5rem;}
    .vision_box .vision3 ul {flex-wrap: wrap;margin-top:2rem;}
    .vision_box .vision3 ul li {display:flex;align-items:center;gap:2rem;padding:2.5rem 3rem;width: calc(50% - 2px);text-align: left;}
    .vision_box .vision3 ul li strong {margin: 0;border-radius: 1rem;text-align: center;flex-shrink: 0;}
    .vision_box .vision4 {margin-top:10.5rem;}
    .vision_box .vision4 .bg {height:52.3rem;margin-top:2rem;}
    .vision_box .vision4 .bg img {width: 70%;}
}
@media only screen and (max-width:639px){
    .vision_box .vision3 ul {margin-right:0;}
    .vision_box .vision3 ul li {width: 100%;padding:2rem;}
    .vision_box .vision3 ul li strong {width: 12.4rem;}
}
@media only screen and (max-width:480px){
    .vision_box .vtit {font-size:2.4rem;letter-spacing:-1px;}
    .vision_box .vtit span {margin:0 0.4rem;vertical-align:middle;}
    .vision_box .vision1 {padding:7rem 1.5rem 8rem 1.5rem;}
    .vision_box .vision2,
    .vision_box .vision3 {padding:0 15px;}
    .vision_box .vision4 .wrap {padding:0 15px;}
}

/* 연혁 */
.history_wrap .history_bg {margin:0 auto;height:55rem;position:relative;z-index:3;overflow:hidden;background:url("../../images/fs/content/sub04/history_bg.png") no-repeat center / cover;}
.history_wrap .history_tit {padding:5rem;background:var(--primary);color:#fff;width:45rem;height:45rem;position:relative;z-index:4;overflow:hidden;margin:-40rem 0 0 3rem;}
.history_wrap .history_tit h4 {font-size:3rem;margin:20px 0 0;font-weight:700;line-height:1.5;}
.history_wrap .history_tit::after {content:"SINCE 2019";font-size:12.5rem;color:rgba(255,255,255,.1);line-height:1;position:absolute;left:-1rem;bottom:-2rem;font-weight:900;z-index:-1;}
.history_wrap .history_list {position:relative;padding-top:8rem;}
.history_wrap .history_list:after {content:"";display:block;position:absolute;left:50%;top:-5rem;z-index:-1;width: 1px;height: 100%;background:#ddd;}
.history_wrap .history_list div {display:flex;width:100%;flex-wrap:wrap;position:relative;}
.history_wrap .history_list div::after {content:"";width:10px;height:10px;background:var(--primary);border-radius:50%;position:absolute;left:50%;top:8rem;margin-left:-5px;z-index:2;}
.history_wrap .history_list div::before {content:"";width:1px;height:30rem;background:#ddd;position:absolute;left:50%;top:0;z-index:1;}
.history_wrap .history_list .year {font-weight:700;font-size:6rem;color:#000;padding:5rem 8rem;width:50%;text-align:right;}
.history_wrap .history_list ul {padding:5rem 0 6rem;width:50%;position:relative;}
.history_wrap .history_list ul li {position:relative;padding-left:8rem;margin:2rem 0;font-size:1.8rem;line-height:1.5;color:#444;}
.history_wrap .history_list ul li:after {content:"";position: absolute;left:6.5rem;top:12px;width: 6px;height: 4px;background:var(--primary);transform: skewY(45deg);}
@media only screen and (max-width:1023px){
    .history_wrap .history_bg {height:35rem;}
    .history_wrap .history_tit {width:70%;height:auto;position:relative;z-index:4;overflow:hidden;margin:-10rem 0 0 0;}
    .history_wrap .history_tit::after {font-size:8.5rem;bottom:-1rem;}
    .history_wrap .history_tit h4 br {display:none;}
}
@media only screen and (max-width:767px){
    .history_wrap .history_list {padding-top:4rem;}
    .history_wrap .history_bg {background-position:right center;}
    .history_wrap .history_tit {padding:3.5rem;width:90%;}
    .history_wrap .history_list:after {left:0;}
    .history_wrap .history_list div {flex-direction:row;}
    .history_wrap .history_list div::after {left:0;top:6.3rem;}
    .history_wrap .history_list div::before {height:40rem;left:0;}
    .history_wrap .history_list .year {padding:4rem 0 0 3rem;width:100%;text-align:left;font-size:5rem;}
    .history_wrap .history_list ul {padding:0;width:100%;}
    .history_wrap .history_list ul li {padding-left:6rem;}
    .history_wrap .history_list ul li:after {left:4.5rem;top:10px;}
}

/* 교직원소개 */
.org_wrp {padding-bottom:60px;padding-top:20px;}
.org_wrp .org_list {position:relative;font-size:1.2em;color:#222;}
.org_wrp .org_list:after {content:'';position:absolute;left:0;right:0;top:25px;margin:auto;width:1px;height:55%;background:#e4e4e4;z-index: -1;}
.org_wrp .org_list .o_item {position:relative;}
.org_wrp .org_list .o_item span {border:1px solid #222;background:#fff;width:240px;height:60px;display: flex;align-items: center;justify-content:center;border-radius:10px;flex-wrap:wrap;font-weight:400;font-size:1.8rem;color:#222;}
.org_wrp .org_list .line1 {text-align: center;}
.org_wrp .org_list .line1 .tit {position:relative;margin:auto;width:160px;height:auto;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content: center;font-size:1.5em;   background:linear-gradient(120deg, var(--primary) 0%, var(--primary2) 100%);color:#fff;outline:8px solid rgba(62,83,180,0.1);border:0;font-weight:600;}
.org_wrp .org_list .line2 ul {display:flex;justify-content:center;align-items: center;flex-direction: column;gap:5rem;}
.org_wrp .org_list .line2 ul > li {position: relative;}
.org_wrp .org_list .line2 ul > li .o_item {pointer-events: none;}
.org_wrp .org_list .line2 ul > li .o_item p {position:absolute;top:calc(100% - 10px);text-align:center;font-size:1.6rem;color:#666;font-weight:400;width:100%;padding:20px 10px 10px 10px;background:#e4e4e4;border-bottom-left-radius:10px;border-bottom-right-radius:10px;z-index:-1;}
.org_wrp .org_list .line2 ul > li:nth-of-type(1) {padding-left:30rem;}
.org_wrp .org_list .line2 ul > li:nth-of-type(1):before {content:'';position:absolute;right:0;width:calc(100% - 270px);top:0;bottom:0;margin:auto;background:#e4e4e4;height:1px;z-index: -1;}
.org_wrp .org_list .line2 ul > li:nth-of-type(1) .o_item:after {content:'';position:absolute;top:0;bottom:0;right:-33px;margin:auto;background:#e4e4e4;width:33px;height:1px;z-index: -1;}
.org_wrp .org_list .line2 ul > li:nth-of-type(2) span {border:1px solid var(--primary);background:var(--primary);width:240px;height:60px;display: flex;align-items: center;justify-content:center;border-radius:10px;flex-wrap:wrap;font-weight:400;font-size:1.8rem;color:#fff;}
.org_wrp .org_list .line3 ul {position:relative;display:flex;gap:10px;padding-top:40px;}
.org_wrp .org_list .line3 ul:after {content:'';position:absolute;left:0;right:0;top:0;margin:auto;width:calc(50% + 36rem);height:1px;background:#e4e4e4;}
.org_wrp .org_list .line3 ul li {flex:1;}
.org_wrp .org_list .line3 ul li .o_item {width:100%;}
.org_wrp .org_list .line3 ul li .o_item:after {content:'';position:absolute;left:0;right:0;margin:auto;top:-40px;width:1px;height:40px;background:#e4e4e4;}
.org_wrp .org_list .line3 > ul {gap:80px;}
.org_wrp .org_list .line3 > ul > li .o_item span {width:auto;border:1px solid var(--primary);color:var(--primary);font-weight: 700;}
.org_wrp .org_list .line3 > ul > li:nth-child(2) .o_item span {border:1px solid var(--primary);color:var(--primary);}
.org_wrp .org_list .line3 > ul > li .o_item span.line3_span {border:0;background:#f0f4f7;text-align:center;color:#616161;font-weight: 400;}
.org_wrp .org_list .line3 ul > li .o_item p {position:absolute;top:calc(100% - 10px);text-align:center;font-size:1.6rem;font-weight:400;width:100%;padding:30px 10px 20px 10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;z-index:-1;background:#bef3f5;color:#666;}
.org_wrp .org_list .line3 > ul > li:nth-child(2) .o_item p {background:#b8efc8;color:#666;}
.org_wrp .org_list .line3 > ul ul {flex-direction: column;}
.org_wrp .org_list .line3 > ul ul li .o_item:after {z-index: -1;}
.org_wrp .org_list .line3 > ul ul:after {display: none;}

.org_bot_wrp {border-top:1px solid #ddd;padding-top:5rem;}
.org_bot_wrp ul {display: flex;gap:2rem;flex-wrap: wrap;margin-right:-2rem;}
.org_bot_wrp ul li {width:calc(33.3% - 2rem);}
.org_bot_wrp ul li .org_box {position:relative;display:flex;flex-direction:column;width:100%;border:1px solid #ddd;border-radius: 8px;}
.org_bot_wrp ul li .org_box .org_img {display:block;text-align: center;padding:2rem 4rem;background: #edf2f7;}
.org_bot_wrp ul li .org_box .org_img img {max-width:18rem;width: 100%;border-radius: 100%;}
.org_bot_wrp ul li .org_box .org_bot {padding:4rem 3rem 3rem 3rem;}
.org_bot_wrp ul li .org_box .org_bot .org_tit {display:block;line-height:1;font-size:2rem;color:#000;margin-bottom:2rem;}
.org_bot_wrp ul li .org_box .org_bot .org_tit em {display:inline-block;font-size:2.2rem;font-weight: 500;}
.org_bot_wrp ul li .org_box .org_bot .org_tit .etc {position: absolute;right:1.5rem;top:1.5rem;display: inline-flex;align-items: center;justify-content: center;padding:0.8rem 1.5rem;border-radius: 50px;background:var(--primary);color:#fff;font-size:1.5rem;}
.org_bot_wrp ul li .org_box .org_bot .org_list {position:relative;margin-top:1rem;color:#616161;padding-left:1.2rem;display: flex;word-break: break-all;}
.org_bot_wrp ul li .org_box .org_bot .org_list:after {content:"";position:absolute;left:0;top:7px;width:4px;height:4px;background:var(--primary);border-radius: 100%;}
.org_bot_wrp ul li .org_box .org_bot .org_list em {position:relative;width:7.5rem;margin-right:1rem;flex-shrink: 0;font-weight:500;color:#444;}
.org_bot_wrp ul li .org_box .org_bot .org_list em:after {content:"";display:block;position:absolute;right:0;top:4px;width: 1px;height: 10px;background: #ddd;}
@media only screen and (max-width:1199px){
    .org_wrp .org_list .o_item span {font-size:1.7rem;}
    .org_wrp .org_list .line3 > ul {gap:40px;}
    .org_wrp .org_list .line3 ul:after {width: calc(50% + 30rem);}
    .org_wrp .org_list .line3 ul > li .o_item p {height:65px;padding:20px 10px 10px 10px;}
}
@media only screen and (max-width:1023px){
    .org_wrp .org_list .o_item span {width: 180px;height:50px;}
    .org_wrp .org_list:after {top:17px;}
    .org_wrp .org_list .line1 .tit {width:140px;}
    .org_wrp .org_list .line2 ul > li:nth-of-type(1):before {width:calc(100% - 225px);}
    .org_wrp .org_list .line2 ul > li:nth-of-type(2) span {width:180px;height:50px;}
    .org_wrp .org_list .line3 > ul {gap:20px;}
    .org_wrp .org_list .line3 ul:after {width: calc(50% + 25rem);}

    .org_bot_wrp ul li {width:calc(50% - 2rem);}
}
@media only screen and (max-width:767px){
    .org_wrp {padding-bottom:40px;}
    .org_wrp .org_list:after {top:90px;}
    .org_wrp .org_list .line2 ul > li:nth-of-type(1) {padding-left:0;}
    .org_wrp .org_list .line2 ul > li:nth-of-type(1) .o_item:after {right:-100%;width:100%;}
    .org_wrp .org_list .line3 ul {gap:0;flex-wrap:wrap;padding-top:10px;}
    .org_wrp .org_list .line3 ul:after {display:none;}
    .org_wrp .org_list .line3 ul li {width:100%;flex:none;}
    .org_wrp .org_list .line3 ul li .o_item:after {display:none;}
    .org_wrp .org_list .line3 > ul > li > ul > li {margin-bottom:5px;}
    .org_wrp .org_list .line3 > ul > li + li {margin-top:10px;}
    .org_wrp .org_list .line3 ul > li .o_item p {position:static;top:unset;margin-top:-10px;padding:15px 5px;height:auto;}

    .org_bot_wrp ul li .org_box .org_bot {padding:3rem 2rem 2rem 2rem;}
    .org_bot_wrp ul li .org_box .org_bot .org_list {}
    .org_bot_wrp ul li .org_box .org_bot .org_list em {width:8.5rem;}
}
@media only screen and (max-width:639px){
    .org_bot_wrp ul {margin-right:0;}
    .org_bot_wrp ul li {width: 100%;}
}

/* 시설현황 */
.facility_box {}
.facility_box .facility_slide {overflow:hidden;}
.facility_swiper2 {position: relative;width: 100%;}
.facility_swiper2 .swiper-slide {}
.facility_swiper2 .swiper-slide img {width: 100%;border-radius: 2rem;}
.facility_swiper2 .mvis_ctrl_box {position:absolute;bottom:0;right:0;z-index:1;display:flex;justify-content:center;align-items:center;gap:0 2rem;background:rgba(0,0,0,0.6);padding:1rem 1.5rem;border-radius: 2rem;}
.facility_swiper2 .mvis_ctrl_box button {background: transparent;}
.facility_swiper2 .mvis_ctrl_box i {color:#fff;font-size:3.5rem;}
.facility_swiper2 .mvis_ctrl_box .swiper-pagination {position:static;top:unset;bottom:unset;left:unset;right:unset;display:flex;justify-content: center;}
.facility_swiper2 .mvis_ctrl_box .swiper-pagination {color:#fff;font-size:2rem;line-height:1;font-weight:400;}
.facility_swiper2 .mvis_ctrl_box .swiper-pagination .swiper-pagination-current {color:#fff;padding-right:1rem;display:inline-block;}
.facility_swiper2 .mvis_ctrl_box .swiper-pagination .swiper-pagination-total {padding-left:1rem;display:inline-block;}
.facility_box > ul {display:flex;gap:1rem;}
.facility_box > ul li {display:flex;align-items:center;gap:3rem;width:calc(50% - 1rem);padding:2rem;border-bottom:1px solid #ddd;font-size:2.2rem;font-weight:600;color:#222;background: #f6f6f6;border-radius: 20px;}
.facility_box > ul li i {flex-shrink:0;display:grid;place-items:center;font-size:3rem;color:#000;border-radius:100%;width:13rem;aspect-ratio:1/1;background: #fff;}
.facility_box > ul li em {display:block;padding:1rem 0;color:var(--primary);border-radius:50px;font-size:2.4rem;font-weight:600;}
.facility_box > ul li span {display:block;margin-top:1rem;font-size:1.6rem;font-weight:400;color:#616161;}
@media only screen and (max-width:767px){
    .facility_box > ul {flex-direction: column;}
    .facility_box > ul li {width:100%;}
}

/* 오시는길 */
.map {display:block;position: relative;}
.map:after {content:"";position: absolute;left:0;top:0;z-index:1;width: 100%;height: 100%;background: transparent;}
#sh_content .root_daum_roughmap {width: 100% !important;}
#sh_content .root_daum_roughmap .wrap_map {height: 440px !important;}
#sh_content .root_daum_roughmap .rap_controllers {display: none;}
#sh_content .root_daum_roughmap .cont {display: none;}
.location {display:flex;justify-content:space-between;border-top:3px solid var(--primary);position:relative;}
.location .location_title {width:25rem;height:15rem;background:var(--primary);color:#fff;padding:3rem;margin:0 0 0 3rem;border-bottom-left-radius:30px;border-bottom-right-radius:30px;text-align:center;}
.location .location_title span {font-size:1.3rem;opacity:0.6;font-weight:200;letter-spacing:0.5rem;}
.location .location_title h4 {font-size:2.6rem;line-height:1.2;padding-top:1rem;color:#fff;font-weight:600;}
.location ul {display:flex;flex-wrap:wrap;width:calc(100% - 30rem);position:absolute;top:50%;left:0;transform:translate(30rem, -50%);gap:2rem 0;}
.location ul li {display:flex;margin-left:4rem;}
.location ul li div {margin-top:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:100%;background:#f1f1f1;margin-right:5px;}
.location ul li p {font-size:1.6rem;display:flex;flex-direction: column;padding-top:5px;line-height: 1.5;}
.location ul li p em {color:var(--primary);font-weight:500;padding-right:1rem;}
.location ul li p span {color:#444;}
@media only screen and (max-width:1199px){
    .location ul {gap:1rem 0;position:unset;top:0;left:0;transform:none;margin-top:3rem;}
    .location ul li {width:100%;margin-top:1rem;}
    .location ul li p em {width:65px;}
}
@media only screen and (max-width:1023px){
    #sh_content .root_daum_roughmap .wrap_map {height: 320px !important;}
    .location .location_title {width:20rem;}
    .location .location_title h4 {font-size:2.2rem;}
    .location ul {width:calc(100% - 20rem);gap:0;}
    .location ul li p {padding-top:7px;line-height: 1.5;}
}
@media only screen and (max-width:767px){
    #sh_content .root_daum_roughmap .wrap_map {height: 240px !important;}
    .location .location_title {display:none;}
    .location ul {width:100%;}
    .location ul li {margin-left:0;}
    .location ul li p {width:calc(100% - 45px);}
    .location ul li p em {width:50px;}
    .map {height:300px;}
}


/***************/
/* 설문조사 */
/***************/
/* 설문조사 */
.surveys {padding:5rem 1rem;}
.surveys_box {padding:5rem;background: url("./../../images/fs/content/sub06/bg.jpg") no-repeat right top #f3f6f9;border-radius: 8px;}
.surveys_box .top {padding:2rem 0 6rem 3rem;}
.surveys_box .top strong {font-weight:700;font-size:6.5rem;color:var(--primary);}
.surveys_box .top p {line-height:1.5;margin-top:1rem;font-size:2rem;color:#767676;}
.surveys_box .top p em {display:block;font-weight: 700;color:#222;}
.surveys_box .bot {position:relative;padding:6rem 4rem;background: #fff;border-radius: 8px;}
.surveys_box .bot .box_set {padding-top: 6rem;margin-top: 6rem;border-top:1px solid #ddd;}
.surveys_box .bot .box_set:first-child {padding-top: 0;margin-top: 0;border-top:0;}
.surveys_box .bot .box_set h4 {color:var(--primary);}
.surveys_box .bot:after {content: "";position:absolute;left:0;right:0;top:-2rem;display: block;width: 21rem;height: 4rem;margin:0 auto;background: #fff;border-radius: 8px;}
.surveys_box .bot .set_box {margin-bottom:10rem;}
.surveys_box .bot .set_box:last-child {margin-bottom:0;}
.surveys_box .bot .set_box .qbox {display: flex;align-items: flex-start;gap:1.8rem;font-size:2.0rem;}
.surveys_box .bot .set_box .qbox span {position:relative;flex-shrink: 0;display:grid;place-items:center;width: 8rem;height:3.5rem;border-radius: 8px;background: var(--primary);color:#fff;}
.surveys_box .bot .set_box .qbox span:after {content: "";position: absolute;top: 2.4rem;right: 2rem;border-top: 1rem solid transparent;border-left: 0 solid transparent;border-right: 1.2rem solid var(--primary);border-bottom: 1rem solid transparent;}
.surveys_box .bot .set_box .qbox p {line-height:1.5;padding:0 0.3rem;color:#222;box-shadow: inset 0 -13px 0 #e7f1ff;}
.surveys_box .bot .set_box .qbox p em {font-weight: 700;}
.surveys_box .bot .set_box .abox {display:flex;flex-wrap:wrap;margin-top:3.5rem;font-size:2rem;padding-left:8rem;}
.surveys_box .bot .set_box .abox label {flex-grow: 1;width: 20%;}
.surveys_box .bot .set_box .abox label input {}
.surveys_box .bot .set_box .abox label span {}
.surveys_box .bot .set_box .abox textarea {font-size:1.7rem;}
.surveys_p {line-height: 1.5;}
@media only screen and (max-width:1023px){
    .surveys_box {padding:3rem;background-size:80% auto;}
    .surveys_box .top {padding:2rem 0 5rem 2rem;}
    .surveys_box .bot {padding:4rem 3rem;}
    .surveys_box .bot .set_box {margin-bottom:8rem;}
    .surveys_box .bot .set_box .qbox span {width: 7rem;}
    .surveys_box .bot .set_box .qbox p {box-shadow: none;}
    .surveys_box .bot .set_box .abox {gap:2rem;margin-top:2rem;}
    .surveys_box .bot .set_box .abox label {flex-grow: 0;width: 45%;}
}
@media only screen and (max-width:767px){
    .surveys_box {padding:3rem;background:#f3f6f9;}
}
@media only screen and (max-width:499px){
    .surveys_box {padding:2rem;}
    .surveys_box .top {padding:2rem 0 5rem 0;}
    .surveys_box .bot {padding:2rem}
    .surveys_box .bot .set_box {margin-bottom:5rem;}
    .surveys_box .bot .set_box .qbox {flex-direction: column;}
    .surveys_box .bot .set_box .abox {padding-left:0;}
    .surveys_box .bot .set_box .abox label {flex-grow: 0;width: 100%;}
}
/* 251024추가 */
.surveys td .atit {color:#222;font-size:1.7rem;font-weight: 700;}
.surveys td span {display: block;}


/***************/
/* 온라인 접수 */
/***************/
/* 온라인 접수 */
.oath_box {border:1px solid #ddd;padding:5rem;text-align: center;background: #f5f7f9;}
.oath_box strong {display:block;font-size:3rem;color:#222;font-weight: 700;}
.oath_box ol {margin-top:4rem;}
.oath_box ol li {line-height: 1.2;margin-top:1.3rem;color:#616161;}
.oath_box ol li:first-child {margin-top:0;}
.oath_box .sign {display: flex;align-items: center;justify-content:center;margin-top:3rem;background: #fff;padding:2.5rem 1.5rem;}
.oath_box .sign div {display: flex;align-items: center;gap:1rem;width: 40rem;color: #222;}


/***************/
/* 회원서비스 */
/***************/
/* 회원 로그인 */
.login_box_wrap {}
.login_box_wrap .login_box {}
.login_box_wrap .login_box .st_tit {display:block;text-align: center;margin-bottom: 8rem;font-weight: 600;color:#222;font-size:2.5rem;}
.login_box_wrap .login_box .st_tit img {vertical-align: middle;margin-top:-2px;}
.login_box_wrap .login_box .st_tit span {display: block;margin-top:2rem;font-size:1.8rem;font-weight: 400;}
.login_box_wrap .login_box .log_box {position:relative;width: clamp(0px,95%,570px);margin: 0 auto;padding:5rem;border:1px solid #ddd;border-radius: 8px;}
.login_box_wrap .login_box .log_box:before {content:"";position:absolute;left:50%;top:-4rem;width: 2rem;height: 2rem;background-color:#ddd;}
.login_box_wrap .login_box .log_box:after {content:"";position:absolute;left:50%;top:-4rem;width: 1px;height: 4rem;background-color:#ddd;}
.login_box_wrap .login_box .input_box {margin-bottom: 3rem;}
.login_box_wrap .login_box .input_box label {display:block;font-weight: 600;margin-bottom: 1.5rem;color:#222;font-size:1.6rem;}
.login_box_wrap .login_box .input_box input {width: 100%;}
.login_box_wrap .login_box .pwbtn {display:block;margin-bottom: 3rem;font-size:1.7rem;color:var(--primary);}
.login_box_wrap .login_box .pwbtn img {vertical-align:middle;margin-top:-2px;filter: brightness(0) saturate(100%) invert(24%) sepia(63%) saturate(1793%) hue-rotate(213deg) brightness(100%) contrast(85%);}
.login_box_wrap .login_box .btn_box {display: flex;justify-content:center;gap:1rem;text-align: center;}
.login_box_wrap .login_box .btn_box button {flex-grow: 1;justify-content:center;}
.login_box_wrap .login_box .btn_box .btn_line {flex-grow: 1;border:1px solid var(--primary);color:var(--primary);}
.login_box_wrap .login_box .btn_box .btn_line:is(:hover,:focus,:active) {background:#222;color:#fff;border:1px solid #222;}
.login_box_wrap .sns_box {}
.login_box_wrap .sns_box em {display: flex;align-items:center;gap:1.5rem;margin: 5rem 0 2rem 0;text-align: center;}
.login_box_wrap .sns_box em:before {content: "";display: inline-block;flex-grow:1;height: 1px;background: #ddd;}
.login_box_wrap .sns_box em:after {content: "";display: inline-block;flex-grow:1;height: 1px;background: #ddd;}
.login_box_wrap .sns_box .btn_box {display: flex;align-items: center;}
.login_box_wrap .sns_box .btn_box a {flex-grow: 1;text-align: center;font-weight: 400;color:#222;}
.login_box_wrap .sns_box .btn_box a img {display: block;margin: 0 auto 1.5rem auto;width:50px;}
@media only screen and (max-width:1023px){
    .login_box_wrap .login_box .st_tit {margin-bottom: 4.5rem;}
}
@media only screen and (max-width:767px){
    .login_box_wrap .login_box .log_box {padding:4rem;}
}

/* 아이디 찾기 */
.member_box .tab_menu_box li {flex-grow:1;width: calc(50% - 1rem);}
.member_box .step_end2 .box_wrap {width: clamp(0px,95%,370px);margin: 5rem auto 0 auto;}
.member_box .step_end2 .box {text-align: left;}
.member_box .step_end2 .box label {display:block;width: 20rem;margin-bottom:1rem;color:#222;}
.member_box .step_end2 .end {text-align: center;font-size:3rem;color:#222;line-height: 1.2;}
.member_box .step_end2 .end em {font-weight: 700;}

/* 회원가입 - step1약관동의 */
.terms_box {line-height: 1.5;}
.member_box {}
.member_box .member_top {display:flex;padding:2rem;background: #f5f7f9;border-radius: 8px;}
.member_box .member_top .step_box {display:flex;justify-content:space-between;flex-grow:1;padding:3rem;background: #fff;box-shadow: 10px 10px 19px rgba(0,0,0,0.05);border-radius: 8px;}
.member_box .member_top .step_box li {width:33.3%;text-align:center;font-weight: 400;color: #222;}
.member_box .member_top .step_box li span {display: block;}
.member_box .member_top .step_box li .sp1 {font-size:1.8rem;}
.member_box .member_top .step_box li .sp2 {display:flex;align-items:center;gap:20px;position:relative;margin-top:1rem;font-size:2rem;}
.member_box .member_top .step_box li .sp2:before {content: "";flex-grow:1;height: 1px;background: #ddd;}
.member_box .member_top .step_box li .sp2:after {content: "";flex-grow:1;height: 1px;background: #ddd;}
.member_box .member_top .step_box li:first-child .sp2:before {background: transparent;}
.member_box .member_top .step_box li:last-child .sp2:after {background: transparent;}
.member_box .member_top .step_box li .img {display:grid;place-items:center;height: 78px;}
.member_box .member_top .step_box li .img i {font-size:3.4rem;color:#767676;}
.member_box .member_top .step_box li em {display: block;font-size:2.5rem;word-break: break-all;}
.member_box .member_top .step_box li.on {font-weight: 700;color: #222;}
.member_box .member_top .step_box li.on .img img {filter: brightness(0) saturate(100%) invert(38%) sepia(89%) saturate(580%) hue-rotate(303deg) brightness(95%) contrast(90%);}
.member_box .member_top .step_box li.on .img i {font-size:3.4rem;color:#3e53b4;}
.member_box .member_top .sns_box {display:flex;flex-direction:column;gap:1rem;justify-content: center;padding:0 3rem 0 5rem;}
.member_box .member_top .sns_box a {display: flex;align-items: center;justify-content: center;padding:0 3rem;height: 55px;background: #00c13a;font-weight: 500;border-radius: 8px;color:#fff;transition: 0.4s;}
.member_box .member_top .sns_box a img {margin-top:-3px;flex-shrink:0;width: 42px;}
.member_box .member_top .sns_box a:is(:hover,:focus,:active) {height: 75px;}
.member_box .member_top .sns_box a:nth-child(2) {background: #ffe500;color:#402325;}

.member_box .member_bot {}
.member_box .member_bot .checks_top {padding-left:3rem;margin-top:5rem;}
.member_box .member_bot .checks_top .checks > input[type="checkbox"] ~ span {font-weight:700;font-size:2rem;}
.member_box .member_bot .checks_top .checks > input[type="checkbox"] + span:before {border:1px solid #222;}
.member_box .member_bot .checks_bot {display: flex;flex-direction:column;gap:10px;margin-top:2rem;}
.member_box .member_bot .checks_bot > li {display:flex;flex-direction:column;padding:3rem;border-radius: 8px;border:1px solid #ddd;}
.member_box .member_bot .checks_bot > li .top {display:flex;justify-content:space-between;align-items: center;}
.member_box .member_bot .checks_bot > li .top .checks {}
.member_box .member_bot .checks_bot > li .top span {color: #222;font-size:2rem;gap:3px;}
.member_box .member_bot .checks_bot > li .top span em {display:inline-block;padding-top:3px;font-size:1.8rem;color:var(--primary);}
.member_box .member_bot .checks_bot > li .top button {flex-shrink:0;width:40px;height:40px;background: #f5f7f9;border-radius: 100%;}
.member_box .member_bot .checks_bot > li .top button img {margin-bottom:-4px;width:100%;transform: rotate(90deg);transition: 0.4s;}
.member_box .member_bot .checks_bot > li .top button.on img {margin-bottom:4px;transform: rotate(-90deg);}
.member_box .member_bot .checks_bot > li .box {display:none;overflow-y:auto;width: 100%;height:250px;padding:2rem;margin-top:3rem;background: #f5f7f9;border-radius:8px;cursor: text;}
@media only screen and (max-width:1023px){
    .member_box .member_top {flex-direction: column;}
    .member_box .member_top .sns_box {display:flex;flex-direction:row;margin-top:2rem;}

    .member_box .member_bot .checks_bot > li {padding:2rem 3rem;}
    .member_box .member_bot .checks_bot > li .top button {width:30px;height:30px;}
}
@media only screen and (max-width:767px){
    .member_box .member_top .sns_box {padding:0;}
    .member_box .member_top .step_box {padding:2rem 1.5rem;}
    .member_box .member_top .step_box li .img {height: 55px;}
    .member_box .member_top .step_box li em {padding:0 1rem;}

    .member_box .member_bot .checks_top {padding-left:2rem;}
    .member_box .member_bot .checks_bot > li {padding:1.5rem 2rem;}
}

/* 회원가입 - step2회원정보 입력 */
.tableA {}
.tableA .email_flex {gap:1rem;flex-wrap:wrap;}
.tableA .gender_flex {gap:3rem;flex-wrap:wrap;}
.tableA .tel_flex {gap:1rem;flex-wrap:wrap;}
.tableA .tel_flex input {width: 100px;}
@media only screen and (max-width:1199px){
    .tableA .email_flex input {flex-grow: 2;}
    .tableA .email_flex input:nth-of-type(2) {flex-grow: 1;}
    .tableA .email_flex select {flex-grow: 1;}
    .tableA .email_flex button {flex-grow: 1;}
}
@media only screen and (max-width:767px){
    .tableA .gender_flex {gap:1rem;}
    .tableA .tel_flex input {flex-grow: 1;width: auto;}
}

/* 회원가입 - step3가입 완료 */
[class^="step_end"] {padding:11rem 0 10rem 0;border-top:2px solid #222;border-bottom:1px solid #ddd;margin-top:2rem;text-align: center;}
[class^="step_end"] .step_icon {position: relative;padding:6rem 0 0 6rem;margin-left:-6rem;}
[class^="step_end"] .step_icon:after {content:"";position: absolute;left: 0;top: 0;z-index:-1;width: 10rem;height: 10rem;border-radius: 100%;background: #eef7ff;}
[class^="step_end"] .step_icon img {}
[class^="step_end"] .sttit {display:block;margin-top:3.5rem;font-size:4rem;font-weight:700;color:#222;}
[class^="step_end"] .step_id {display:inline-block;margin-top:3rem;font-size:2rem;font-weight:700;line-height:1.5;color:#222;padding:2rem 10rem;background: #f4f8fb;}
[class^="step_end"] .pcon {margin-top:3rem;line-height:1.5;font-size:1.8rem;color:#616161;}
.step_end2 .step_icon:after {background: #eef7ff;}
.step_end2 .sttit em {color: #417fdd;}
.step_end2 .texton {width: 440px;margin: 6rem auto 0 auto;}
.step_end2 .texton .box {display: flex;align-items:center;flex-wrap:wrap;gap:2rem;margin-top:1rem;}
.step_end2 .texton .box:first-child {margin-top:0;}
.step_end2 .texton .box label {width:10rem;text-align:right;font-weight: 500;color: #222;margin-bottom:0;}
.step_end2 .texton .box label.idText {width:auto;}
.step_end2 .texton .box input {flex-grow: 1;}
.step_end2 .texton .ptext {margin:1.5rem 0 0 12rem;text-align: left;}
.step_end3 .step_icon:after {background:#f2faff;}
.step_end4 .step_icon:after {background: #e8fff8;}
.step_end4 .sttit em {color: #00996d;}
.step_end4 .texton {width: 440px;margin: 6rem auto 0 auto;}
.step_end4 .texton .box {display: flex;align-items:center;flex-wrap:wrap;gap:2rem;margin-top:1rem;}
.step_end4 .texton .box:first-child {margin-top:0;}
.step_end4 .texton .box label {width:10rem;text-align:right;font-weight: 500;color: #222;}
.step_end4 .texton .box label.idText {width:auto;}
.step_end4 .texton .box input {flex-grow: 1;}
.step_end4 .texton .ptext {margin:1.5rem 0 0 12rem;text-align: left;}
@media only screen and (max-width:1023px){
    [class^="step_end"] {padding:9rem 0 8rem 0;margin-top:5rem;}
    [class^="step_end"] .step_icon {padding:5rem 0 0 5rem;margin-left:-5rem;}
    [class^="step_end"] .step_icon:after {width: 9rem;height: 9rem;}
    [class^="step_end"] .step_icon img {max-width: 70px;}
    [class^="step_end"] .sttit {margin-top:2.5rem;}
    [class^="step_end"] .pcon {margin-top:2rem;}
}
@media only screen and (max-width:767px){
    [class^="step_end"] {padding:8rem 0 6rem 0;}
    .step_end2 .texton {width: auto;padding:0 2rem;}
    .step_end2 .texton .box {flex-direction: column;align-items: flex-start;gap:1rem;}
    .step_end2 .texton .box label {width:auto;}
    .step_end2 .texton .box input {width: 100%;}
    .step_end2 .texton .ptext {margin:1.5rem 0 0 0;}

    .step_end4 .texton {width: auto;padding:0 2rem;}
    .step_end4 .texton .box {flex-direction: column;align-items: flex-start;gap:1rem;}
    .step_end4 .texton .box label {width:auto;}
    .step_end4 .texton .box input {width: 100%;}
    .step_end4 .texton .ptext {margin:1.5rem 0 0 0;}
}

/* 마이페이지-회원탈퇴 */
.mypage .step_end5.end_red .step_icon:after {background: #ffeeee;}
.mypage .step_end5.end_red .box_on {padding:3rem;background: #f3f6f9;border-radius: 8px;}
.mypage .step_end5.end_red .box_on .pcon {line-height: 1.8;}
.mypage .step_end5.end_red .box_on .pcon u {font-weight: 700;color:#222;}
.mypage .step_end5.end_red .box_on .pcon1 {font-size:3rem;font-weight:500;color:#e81d1d;}
.mypage .step_end5.end_red .box_on .pcon1 i {display:block;width: 1.8rem;margin: 0 auto 1rem auto;}
.mypage .step_end5 .texton {margin:3rem auto 0 auto;}
.mypage .step_end5 .texton .box {flex-wrap: nowrap;}
.mypage .step_end5 .texton .box label {flex-shrink:0;}
@media only screen and (max-width:767px){

}


/***************/
/* 이용안내 */
/***************/
/* 개인정보처리방침 */
.privacy_area {border:1px solid #ddd;border-radius: 8px;padding:4rem;}
.privacy_area .tit {line-height:1.5;}
.privacy_area .tit strong {display:block;margin-bottom:1rem;font-size:2.6rem;color:#222;font-weight: 700;}
.privacy_area .stit {line-height:1.5;margin-top:8px;}
.privacy_area .tit2 {font-size:1.8rem;color:#222;font-weight: 500;}
.privacy_area .slist {margin:1rem 0 0 1.5rem;}
.privacy_area .slist li {line-height: 1.5;}
/* 이메일무단수집거부 */
.email_box {border:1px solid #ddd;border-radius: 8px;padding:4rem;}
.email_box > div {}
.email_box > div strong {display:block;margin-bottom:1rem;font-size:2.6rem;color:#222;font-weight: 700;line-height: 1.5;}
.email_box > div p {line-height: 1.5;}
.email_box > p {margin-bottom:1rem;color:#444;font-weight: 600;}
.email_box > .ptit {font-size:2rem;color:#222;}
.email_box > ol {margin-top:1rem;}
.email_box > ol li {margin-top:8px;}


/******************************/
/* 게시판 */
/******************************/
/* 총게시글 */
.total_box {font-feature-settings:"tnum";font-weight:500;font-size:1.6rem;color:#444;line-height:24px;position:relative;padding-left:30px;letter-spacing:-0.03em;}
.total_box::before {content:"";width:20px;height:24px;background:url("../../images/fs/common/icon_total.png") no-repeat center;background-size:cover;position:absolute;left:0;}
.total_box span, .total_box em {display:inline-block;font-feature-settings:"tnum";color:var(--primary);}
@media only screen and (max-width:767px){
    .total_box {font-size:2rem;margin-bottom:2rem;}
}

/* 검색 */
.search_box {display:flex;justify-content:space-between;align-items:center;}
.search_box input:focus, .search_box select:focus {border:0;outline:0;}
.search_box .inputbox {background:#f5f5f5;border-radius:5px;width:100%;text-align:left;padding:5px 10px;display:flex;align-items:center;}
.search_box .inputbox select {border:0;line-height:normal;}
.search_box .inputbox .sc_input {background:none;border:0;line-height:normal;}
.search_box .select_style {border:0;background-color:#fff;}
.search_box .btn_sch {display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:url("./../../images/fs/common/icon_search_black.png") no-repeat center;opacity:.5;transition:all .4s;-webkit-transition:all .4s;}
.search_box .btn_sch:hover {opacity:1;}
@media only screen and (max-width:1023px){
    ul.sch_btn li a {line-height:36px;}
}
@media only screen and (max-width:767px){
    .search_box {flex-direction:column;align-items:flex-start;}
    .search_box form {width:100%;}
    .search_box .inputbox select{width:90px; margin-bottom:0;}
    .search_box .inputbox .sc_input {width:calc(100% - 150px);margin-bottom:0;flex-grow: 1;}
    .search_box .btn_sch {width:40px;margin-left:auto;}
}
@media only screen and (max-width:379px){
    .search_box .inputbox {padding:5px 5px;}
}

/* 페이지 넘버 */
.page-number {display:flex;justify-content:center;align-items:center;gap:3px;}
.page-number li {}
.page-number li a {display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;transition:0.4s;-webkit-transition:0.4s;border-radius: 100%;}
.page-number .prev_first {background:url("./../../images/fs/common/first_prev.png") no-repeat center center;font-size:0;}
.page-number .prev {background:url("./../../images/fs/common/prev.png") no-repeat center center;font-size:0;}
.page-number .num {}
.page-number .num a:hover,.page-number .num a:focus,.page-number .num a:active {background:#f4f4f4;}
.page-number .num a.on {background:var(--primary);color:#fff;}
.page-number .next {background:url("./../../images/fs/common/next.png") no-repeat center center;font-size:0;}
.page-number .next_last {background:url("./../../images/fs/common/last_next.png") no-repeat center center;font-size:0;}
@media only screen and (max-width:767px){
    .page-number li a {width:30px;height:30px;line-height:28px;}
}

/* 일반게시판(목록) */
.table_board {width:100%;border-top:2px solid #222;word-break:normal;font-size:1.6rem;}
.table_board input[type="checkbox"] {vertical-align:top;}
.table_board thead th {font-weight:500;font-size:1.6rem;color:#1d1d1d;padding:2rem 0;border-bottom:1px solid #cecece;background: #fbfbfb;}
.table_board tbody tr:hover {background: #fafbfb;}
.table_board tbody tr td {padding:1.5rem;border-bottom:1px solid #ececec;font-weight:400;vertical-align: middle;}
.table_board tbody tr.notice_box td:first-child {font-weight:600;color:#1d1d1d;}
.table_board tbody tr td .ptit {display:flex;align-items:center;gap:0.6rem;}
.table_board tbody tr td .ptit i {margin-top:2px;}
.table_board tbody tr td a {display:block;text-align:left;}
.table_board tbody tr td a.btn_line {display:inline-flex;height:35px;vertical-align:middle;}
.table_board tbody tr td a.btn_bace {display:inline-flex;height:35px;vertical-align:middle;}
.table_board tbody tr.notice_box td a {font-weight:500;color:var(--primary);}
@media only screen and (max-width:1023px){
    .table_board {word-break:keep-all;}
}
@media only screen and (max-width:767px){
    .table_board tbody td {padding:10px;font-size:1.8rem;}
    table.responsive thead {display:none;}
    table.responsive colgroup {display:none;}
    table.responsive tbody tr {display:block;position:relative;border-bottom:1px solid #e1e1e1;padding:15px 0;}
    table.responsive tbody tr:after {content:".";display:block;clear:both;visibility:hidden;height:0;}
    table.responsive tbody td {display:block;padding:6px 20px;border:none;background-color:transparent;text-align:left;box-sizing:border-box;width:100%;}
    table.responsive tbody td p {overflow:unset;width:calc(100% - 50px);text-overflow:unset;white-space:unset;word-wrap:unset;display:inline-flex;-webkit-line-clamp:unset;line-height:23px;}
    table.responsive tbody td img {height:16px;}
    table.responsive tbody th {display:block;padding:2px 3%;border:none;background-color:transparent;text-align:left;vertical-align:middle;}
    table.responsive tbody tr:first-child td, table.responsive tbody tr:first-child th {border-top:none;}
    table.responsive tbody td.table_p {align-items:flex-start;}
    table.responsive > tbody > th:before, table.responsive > tbody td:before {content:attr(data-content)' :';display:inline;font-weight:600;color:#1d1d1d;padding-right:5px;}
}

/* 일반게시판(상세) */
.board_view {border-top:2px solid #1d1d1d;}
.board_view * {}
.board_view > li {border-bottom:1px dotted #ddd;}
.board_view .view_tit {padding:40px 0;text-align:center;font-size:2.4rem;color:#1d1d1d;font-weight:600;}
.board_view .view_tit .tit {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.board_view .view_tit .notice {display:inline-block;font-size:15px;background:var(--primary);color:#fff;padding:5px 20px;border-radius:30px;line-height: 1.5;}
.board_view .view_info {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;color:#555;font-size:1.6rem;font-weight:400;margin-top:20px;}
.board_view .view_info li {padding:0 20px 0 25px;position:relative;}
.board_view .view_info li:after {content:"/";position:absolute;left:0;top:0;color:#ddd;}
.board_view .view_info li:first-child:after {display:none;}
.board_view .view_cont {padding:40px 20px;/*min-height:360px;*/font-size:1.8rem;font-weight: 400;line-height: 1.5;}
.board_view .view_cont img {max-width:100%;/*width: 100% !important;*/height: auto !important;}
.board_view .file_area {padding:15px 20px;background:#f2f8fa;font-size:.95em;}
.board_view .file_area a.upload_file {display:flex;gap:1rem;align-items:center;font-size:1.6rem;font-weight: 400;}
.board_view .file_area a.upload_file:hover {text-decoration:underline;}
.board_view .file_area p.no-file {color:#555;}
@media only screen and (max-width:767px){
    .board_view .view_tit {padding:30px 0;}
    .board_view .view_cont {padding:30px 15px;}
    .board_view .view_info li {padding:0 8px 0 13px;}
}

/* 비밀번호 입력 */
.password_box {padding:7rem 1rem;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.password_box .box {display: flex;justify-content: center;align-items: center;gap:2rem;flex-direction: column;}
.password_box .box label {color:#222;font-size:1.8rem;font-weight: 600;}
.password_box .box input {}

/* FAQ */
.faq_box {}
.faq_box .faq_cont {font-size:1.8rem;border-bottom:1px solid #e5e5e5;}
.faq_box .faq_cont em {display:inline-block;margin:0 2rem 0 2rem;padding-right:2rem;border-right:1px solid #e5e5e5;font-weight: 700;font-size:2rem;vertical-align: middle;transform: translateY(-2px);text-decoration: none;}
.faq_box .faq_cont dt {position:relative;z-index:1;background:#fff;border-top:1px solid #e5e5e5;color: #222;transition: .3s;}
.faq_box .faq_cont dt:first-child {margin-top:0;}
.faq_box .faq_cont dt a {display:flex;align-items:center;padding:2rem 0;font-size:1.8rem;font-weight: 400;text-decoration: none;}
.faq_box .faq_cont dt a:hover {background: #fbfbfb;}
.faq_box .faq_cont dt a span {margin:1.2rem 4rem 0 auto;transition: .3s;}
.faq_box .faq_cont dt a .etc {position: relative;}
.faq_box .faq_cont dt a .etc:before {content:"";position:absolute;left:-7px;top:-5px;display: block;width: 14px;height: 1px;background:#222;}
.faq_box .faq_cont dt a .etc:after {content:"";position:absolute;left:0;top:-12px;display: block;width: 1px;height: 15px;background:#222;}
.faq_box .faq_cont dt em {color: var(--primary);}
.faq_box .faq_cont dd {position:relative;z-index:0;display:none;align-items:flex-start;margin-top:-3rem;padding:5.5rem 5rem 3rem 0;line-height:1.5;background:#f3f6f9;color: #555;}
.faq_box .faq_cont dd:after {content: "";display: block;clear: both;}
.faq_box .faq_cont dd em {float:left;color: #222;}
.faq_box .faq_cont dd p {overflow: hidden;}
.faq_box .faq_cont dt.on {background:var(--primary);border:1px solid var(--primary);color: #fff;}
.faq_box .faq_cont dt.on a {background: transparent;}
.faq_box .faq_cont dt.on a .etc:before {background:#fff;}
.faq_box .faq_cont dt.on a .etc:after {display: none;}
.faq_box .faq_cont dt.on em {color: #fff;}
.faq_box .faq_cont dt.on span {transform: rotate(-180deg);margin-top:-12px;}
.faq_box .faq_cont dt.on span img {filter: hue-rotate(315deg) brightness(10);}
@media only screen and (max-width:1399px){
    .faq_box {padding:0 2rem;}
}
@media only screen and (max-width:1023px){
    .faq_box .faq_cont em {margin:1px 10px 0 20px;padding-right:10px;}
    .faq_box .faq_cont dt a {padding:20px 0;}
    .faq_box .faq_cont dt a span {margin:10px 30px 0 auto;}
    .faq_box .faq_cont dd {padding:50px 40px 30px 0;}
    .faq_box .faq_cont dd em {margin-right:10px;}
}
@media only screen and (max-width:767px){
    .faq_box .faq_cont dt a {line-height: 1.5;padding:15px 0;}
}

/* Q&A_게시판(답글) */
.reply_box {}
.reply_box .reply_tit {font-size:2.5rem;font-weight:500;color:var(--primary);}
.reply_box .reply_tit img {transform: rotate(180deg);vertical-align: middle;filter: brightness(0) saturate(100%) invert(46%) sepia(43%) saturate(4244%) hue-rotate(321deg) brightness(94%) contrast(87%);}
.reply_box .bot_reply {background: #f8fbff;padding:3rem;border:1px solid #e5e9ef;}
.reply_box .bot_reply .txt_reply {position:relative;background: #fff;padding:4rem;border-radius: 8px;box-shadow: 1rem 1rem 2.5rem rgba(6,20,38,0.08);margin-bottom:1.5rem;}
.reply_box .bot_reply .txt_reply .box {margin-top:4rem;padding-top:4rem;border-top:1px solid #ddd;}
.reply_box .bot_reply .txt_reply .box:first-child {border-top:0;margin-top:0;padding-top:0;}
.reply_box .bot_reply .txt_reply .rebox {padding-left:4rem;}
.reply_box .bot_reply .txt_reply .flex {display:flex;gap:1rem;align-items: center;flex-wrap: wrap;}
.reply_box .bot_reply .txt_reply .flex .tit {font-size:1.8rem;color:#222;font-weight: 500;}
.reply_box .bot_reply .txt_reply .flex .tit img {margin-left:-3rem;transform: rotate(180deg);vertical-align: middle;filter: brightness(0) saturate(100%) invert(46%) sepia(43%) saturate(4244%) hue-rotate(321deg) brightness(94%) contrast(87%);}
.reply_box .bot_reply .txt_reply .flex .data {display: flex;gap:0.2rem;align-items: center;color:#444;}
.reply_box .bot_reply .txt_reply .flex .data i {width:2rem;margin-bottom:-2px;filter: brightness(0) saturate(100%) invert(33%) sepia(3%) saturate(110%) hue-rotate(63deg) brightness(97%) contrast(96%);}
.reply_box .bot_reply .txt_reply .text_textarea {margin-top:2.8rem;line-height: 1.5;color: #616161;font-size:1.7rem;}
.reply_box .bot_reply .txt_reply textarea {margin-top:2rem;line-height: 1.5;border-radius: 1rem;}
.reply_box .bot_reply .txt_reply .btn_box {margin-left:auto;}
.reply_box .bot_reply .pnlFrmEditCmt {margin-bottom:1rem;padding:4rem;border-radius: 8px;box-shadow: 1rem 1rem 2.5rem rgba(6,20,38,0.08);background: #fff;}
.reply_box .bot_reply .pnlFrmEditCmt .flex {display:flex;gap:1rem;align-items: center;flex-wrap: wrap;margin-bottom:1rem;}
.reply_box .bot_reply .pnlFrmEditCmt .tit {font-size:2rem;color:#222;}
.reply_box .bot_reply .pnlFrmEditCmt .btn_box {margin-left:auto;}
.reply_box .pnlFrmCmt {padding:4rem;border-radius: 8px;box-shadow: 1rem 1rem 2.5rem rgba(6,20,38,0.08);background: #fff;}
.reply_box .pnlFrmCmt .flex {display:flex;gap:1rem;align-items: center;flex-wrap: wrap;margin-bottom:1rem;}
.reply_box .pnlFrmCmt .flex .tit {font-size:1.8rem;color:#222;font-weight: 500;}
.reply_box .pnlFrmCmt .flex .btn_box {margin-left:auto;}
@media only screen and (max-width:767px){
    .reply_box .bot_reply {padding:2rem;}
    .reply_box .bot_reply .txt_reply {padding:3rem;}
    .reply_box .bot_reply .txt_reply .text_textarea {margin-top:1.8rem;}
    .reply_box .bot_reply .txt_reply .data {position: static;/*margin-top:1.8rem;*/}
    .reply_box .bot_reply .pnlFrmEditCmt {padding:3rem;}
    .reply_box .pnlFrmCmt {padding:3rem;}
}


/* 갤러리게시판 */
.board_box {margin-top:2rem;border-top:2px solid #222;border-bottom:1px solid #ddd;}
.gallery_list_box {padding:4rem 0;}
.gallery_list_box .gallery_list {display: flex;flex-wrap:wrap;gap: 4rem;}
.gallery_list_box .gallery_list li {position:relative;width: 100%;}
.gallery_list_box .gallery_list li .set {display: flex;height: 100%;}
.gallery_list_box .gallery_list li .set .img {overflow:hidden;position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content: center;aspect-ratio:1/1;max-width:30rem;min-height: 30rem;margin:1rem 0;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow: 0 0 0 rgba(0,0,0,0.06);transition:0.4s;}
.gallery_list_box .gallery_list li .set .img img {width:100%;height: 100%;object-fit: cover;}
.gallery_list_box .gallery_list li .set .cont {position:relative;display: flex;flex-direction: column;flex-grow: 1;margin-left:-25rem;padding:4rem 5rem 4rem 30rem;border-radius:8px;border:1px solid #ddd;transition:0.4s;}
.gallery_list_box .gallery_list li .set .cont:before {content:"";position:absolute;left:-1px;top:-1px;width:0;height:0;border-left:2px solid transparent;border-top:2px solid transparent;border-radius:8px;transition:0.4s;}
.gallery_list_box .gallery_list li .set .cont:after {content:"";position:absolute;right:-1px;bottom:-1px;width:0;height:0;border-right:2px solid transparent;border-bottom:2px solid transparent;border-radius:8px;transition:0.4s;}
.gallery_list_box .gallery_list li .set .cont .texta {position:relative;z-index:1;display: flex;align-items: flex-start;flex-direction: column;flex-grow: 1;text-decoration: none;}
.gallery_list_box .gallery_list li .set .cont .texta .tit {line-height:1.1;font-weight: 800;font-size:2.6rem;color:#222;}
.gallery_list_box .gallery_list li .set .cont .texta .scont {margin-top:2rem;margin-bottom:4rem;line-height:1.5;font-size:1.8rem;color:#555;}
.gallery_list_box .gallery_list li .set .cont .texta .spbt {margin-top:auto;display: flex;gap:3.6rem;font-size:1.5rem;color:#767676;font-weight: 400;}
.gallery_list_box .gallery_list li .set .cont .texta .spbt em {}
.gallery_list_box .gallery_list li .set .cont .texta .spbt .adm {}
.gallery_list_box .gallery_list li .set .cont .texta .spbt .data {}
.gallery_list_box .gallery_list li .set .cont .texta .spbt .hit {}
.gallery_list_box .gallery_list li .set .cont .texta .cate {margin-bottom:1.8rem;border:1px solid var(--primary);color:var(--primary);border-radius: 4px;padding:0.7rem 1.5rem;}
.gallery_list_box .gallery_list li .set .cont .texta .scont2 {margin-top:2rem;display: flex;flex-direction: column;gap:1.3rem;}
.gallery_list_box .gallery_list li .set .cont .texta .scont2 > span {display: flex;color:#767676;}
.gallery_list_box .gallery_list li .set .cont .texta .scont2 > span .etit {flex-shrink:0;position:relative;width:15rem;padding-right:1rem;margin-right:1rem;display: inline-block;font-weight: 500;color:#222;}
.gallery_list_box .gallery_list li .set .cont .texta .scont2 > span .etit:after {content:"";position: absolute;right:0;top:5px;width: 1px;height: 10px;background: #ddd;}
.gallery_list_box .gallery_list li .set .cont .texta .scont2 > span .spcon {line-height: 1.2;}
.gallery_list_box .gallery_list li .set .cont .texta .scont2 > span .spcon span {padding:2px 1rem;border:1px solid #e8440a;border-radius: 50px;font-size:1.5rem;color:#e8440a;}
.gallery_list_box .gallery_list li .set .cont .texta .scont2 .sp_color {color:var(--primary);}
.gallery_list_box .gallery_list li .set .cont .texta .scont2 .sp_color .etit {color:var(--primary);}
.gallery_list_box .gallery_list li .set .cont .texta .scont2 .sp_color:last-child {color:#e8440a;}
.gallery_list_box .gallery_list li .set .cont .texta .scont2 .sp_color:last-child .etit {color:#e8440a;}
.gallery_list_box .gallery_list li:is(:hover,:focus,:active) .img {box-shadow: 4px 4px 20px rgba(0,0,0,0.06);}
.gallery_list_box .gallery_list li:is(:hover,:focus,:active) .set .cont {box-shadow: 4px 4px 20px rgba(0,0,0,0.06);}
.gallery_list_box .gallery_list li:is(:hover,:focus,:active) .set .cont:before {width:100%;height:100%;border-left:2px solid var(--primary);border-top:2px solid var(--primary);}
.gallery_list_box .gallery_list li:is(:hover,:focus,:active) .set .cont:after {width:100%;height:100%;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);}
.gallery_list_box .gallery_list li .btn_box {position:absolute;right:20px;bottom:-20px;z-index:1;display: inline-flex;justify-content: flex-end;gap: 4px;margin-top:2rem;}
.gallery_list_box .gallery_list li .btn_box .btn_bace {}
.gallery_list_box .gallery_list li .btn_box .btn_bace i {vertical-align: middle;margin-top:0;}
@media only screen and (max-width:1023px){
    .gallery_list_box .gallery_list li .set .cont {padding:4rem 5rem 4rem 28rem;}
    .gallery_list_box .gallery_list li .set .cont .texta .spbt {gap:1.6rem;}
}
@media only screen and (max-width:767px){
    .gallery_list_box .gallery_list li .set {align-items: center;}
    .gallery_list_box .gallery_list li .set .img {min-height: 27rem;height: 27rem;}
    .gallery_list_box .gallery_list li .set .cont .texta .spbt {flex-direction:column;gap:1rem;}
    .gallery_list_box .gallery_list li .set .cont .texta .spbt i {width: 2rem;text-align: center;}
    .gallery_list_box .gallery_list li .btn_box .btn_line {height:30px;padding:0 15px;}
}
@media only screen and (max-width:569px){
    .gallery_list_box .gallery_list li .set {flex-direction:column;}
    .gallery_list_box .gallery_list li .set .img {width:100%;/*min-height: auto;height: auto;*/max-width:none; margin-bottom:0;}

	.gallery_list_box .gallery_list li .set .cont {width:100%; margin-top:10px; margin-left:0; padding:0; border:none;}
	.gallery_list_box .gallery_list li .set .cont .texta{padding:1rem;}
	.gallery_list_box .gallery_list li .set .cont .texta .scont{display:none;}
	.gallery_list_box .gallery_list li .set .cont .texta .spbt{margin-top:auto;}
    .gallery_list_box .gallery_list li .btn_box {justify-content: center;}
}


/* 갤러리게시판2(목록) */
.board_box {margin-top:2rem;border-top:2px solid #222;border-bottom:1px solid #ddd;}
.gallery_list_box2 {padding:4rem 0;}
.gallery_list_box2 .gallery_list {display: flex;flex-wrap:wrap;gap: 4rem;}
.gallery_list_box2 .gallery_list li {position:relative;width: 100%;}
.gallery_list_box2 .gallery_list li .set {display: flex;height: 100%;}
.gallery_list_box2 .gallery_list li .set .img {overflow:hidden;position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content: center;aspect-ratio:1/1;max-width:35rem;min-height: 35rem;margin:1rem 0;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow: 0 0 0 rgba(0,0,0,0.06);transition:0.4s;}
.gallery_list_box2 .gallery_list li .set .img img {height: 100%;}
.gallery_list_box2 .gallery_list li .set .cont {position:relative;display: flex;flex-direction: column;flex-grow: 1;margin-left:-25rem;padding:4rem 5rem 4rem 30rem;border-radius:8px;border:1px solid #ddd;transition:0.4s;}
.gallery_list_box2 .gallery_list li .set .cont:before {content:"";position:absolute;left:-1px;top:-1px;width:0;height:0;border-left:2px solid transparent;border-top:2px solid transparent;border-radius:8px;transition:0.4s;}
.gallery_list_box2 .gallery_list li .set .cont:after {content:"";position:absolute;right:-1px;bottom:-1px;width:0;height:0;border-right:2px solid transparent;border-bottom:2px solid transparent;border-radius:8px;transition:0.4s;}
.gallery_list_box2 .gallery_list li .set .cont .texta {position:relative;z-index:1;display: flex;align-items: flex-start;flex-direction: column;flex-grow: 1;text-decoration: none;}
.gallery_list_box2 .gallery_list li .set .cont .texta .tit {line-height:1.1;font-weight: 800;font-size:2.6rem;color:#222;}
.gallery_list_box2 .gallery_list li .set .cont .texta .scont {margin-top:2rem;margin-bottom:4rem;line-height:1.5;font-size:1.8rem;color:#555;}
.gallery_list_box2 .gallery_list li .set .cont .texta .spbt {margin-top:auto;display: flex;gap:3.6rem;font-size:1.5rem;color:#767676;font-weight: 400;}
.gallery_list_box2 .gallery_list li .set .cont .texta .spbt em {}
.gallery_list_box2 .gallery_list li .set .cont .texta .spbt .adm {}
.gallery_list_box2 .gallery_list li .set .cont .texta .spbt .data {}
.gallery_list_box2 .gallery_list li .set .cont .texta .spbt .hit {}
.gallery_list_box2 .gallery_list li .set .cont .texta .cate {margin-bottom:1.8rem;border:1px solid var(--primary);color:var(--primary);border-radius: 4px;padding:0.7rem 1.5rem;}
.gallery_list_box2 .gallery_list li .set .cont .texta .scont2 {margin-top:2rem;display: flex;flex-direction: column;gap:1.3rem;}
.gallery_list_box2 .gallery_list li .set .cont .texta .scont2 > span {display: flex;color:#767676;}
.gallery_list_box2 .gallery_list li .set .cont .texta .scont2 > span .etit {flex-shrink:0;position:relative;width:15rem;padding-right:1rem;margin-right:1rem;display: inline-block;font-weight: 500;color:#222;}
.gallery_list_box2 .gallery_list li .set .cont .texta .scont2 > span .etit:after {content:"";position: absolute;right:0;top:5px;width: 1px;height: 10px;background: #ddd;}
.gallery_list_box2 .gallery_list li .set .cont .texta .scont2 > span .spcon {line-height:1.2; display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.gallery_list_box2 .gallery_list li .set .cont .texta .scont2 > span .spcon span {padding:2px 1rem;border:1px solid #e8440a;border-radius: 50px;font-size:1.5rem;color:#e8440a;}
.gallery_list_box2 .gallery_list li .set .cont .texta .scont2 .sp_color {color:var(--primary);}
.gallery_list_box2 .gallery_list li .set .cont .texta .scont2 .sp_color .etit {color:var(--primary);}
.gallery_list_box2 .gallery_list li .set .cont .texta .scont2 .sp_color:last-child {color:#e8440a;}
.gallery_list_box2 .gallery_list li .set .cont .texta .scont2 .sp_color:last-child .etit {color:#e8440a;}
.gallery_list_box2 .gallery_list li:is(:hover,:focus,:active) .img {box-shadow: 4px 4px 20px rgba(0,0,0,0.06);}
.gallery_list_box2 .gallery_list li:is(:hover,:focus,:active) .set .cont {box-shadow: 4px 4px 20px rgba(0,0,0,0.06);}
.gallery_list_box2 .gallery_list li:is(:hover,:focus,:active) .set .cont:before {width:100%;height:100%;border-left:2px solid var(--primary);border-top:2px solid var(--primary);}
.gallery_list_box2 .gallery_list li:is(:hover,:focus,:active) .set .cont:after {width:100%;height:100%;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);}
.gallery_list_box2 .gallery_list li .btn_box {position:relative;z-index:1;display: inline-flex;gap: 4px;margin-top:2rem;}
.gallery_list_box2 .gallery_list li .btn_box .btn_bace {}
.gallery_list_box2 .gallery_list li .btn_box .btn_bace i {vertical-align: middle;margin-top:0;}
.gallery_list_box2 .gallery_list li.no_data {text-align: center;font-size:1.8rem;}
@media only screen and (max-width:1023px){
    .gallery_list_box2 .gallery_list li .set .cont .texta .spbt {gap:2.6rem;}
}
@media only screen and (max-width:767px){
    .gallery_list_box2 .gallery_list li .set {flex-direction:column;align-items: center;}
    .gallery_list_box2 .gallery_list li .set .img {width:100%; min-height:300px; height:300px; /*min-height:auto; height: auto;*/max-width: none;}
	.gallery_list_box2 .gallery_list li .set .img img{height:300px;}
    .gallery_list_box2 .gallery_list li .set .cont {padding:3rem;margin-left:0;}
    .gallery_list_box2 .gallery_list li .set .cont .texta .spbt {flex-direction:column;gap:1rem;}
    .gallery_list_box2 .gallery_list li .set .cont .texta .spbt i {width: 2rem;text-align: center;}
    .gallery_list_box2 .gallery_list li .set .cont .texta .scont2 > span .etit {width:16rem;}
    .gallery_list_box2 .gallery_list li .btn_box {justify-content: center;width: 100%;position:static;}
}
@media only screen and (max-width:480px){
	.gallery_list_box2 .gallery_list{gap:2rem;}
	.gallery_list_box2 .gallery_list li .set .cont .texta .tit{font-size:2rem;}
	.gallery_list_box2 .gallery_list li .set .cont .texta .scont2{font-size:1.6rem;}
    .gallery_list_box2 .gallery_list li .set .cont .texta .scont2 > span .etit {width:13rem;}
    .gallery_list_box2 .gallery_list li .set .cont .texta .scont2 > span .etit:after {top:3px;}
	.gallery_list_box2 .gallery_list li .set .img {min-height:200px; height:200px;}
	.gallery_list_box2 .gallery_list li .set .cont .btn_bace{height:40px;}
}
@media only screen and (max-width:379px){
    .gallery_list_box2 .gallery_list li .set .cont .texta .scont2 > span .etit {width:10rem;}
    .gallery_list_box2 .gallery_list li .btn_box {flex-direction: column;}
    .gallery_list_box2 .gallery_list li .btn_box .btn_bace {justify-content: center;}
}


/* 갤러리게시판2(상세) */
.notiwrap {position: relative;overflow: hidden;}
.themes_top {display: flex;gap:4rem;align-items: center;}
.themes_top .img {overflow:hidden;position:relative;display: block;flex-shrink:0;width:40rem;border-radius:8px;background: #222;aspect-ratio: 1/0.7;}
.themes_top .img img {max-width:40rem;width: 100%;}
.themes_top .right {flex-grow: 1;}
.themes_top .right .btop {display: flex;gap:6rem;}
.themes_top .right .btop .box {flex-grow:1;display: flex;flex-direction: column;justify-content: space-between;gap:2rem;}
.themes_top .right .btop .box strong {margin-top:1.8rem;font-size:3.4rem;font-weight:700;color:#222;}
.themes_top .right .btop .box .blist {display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:3rem 2rem;background: #f3f6f9;border-radius:8px;font-weight:600;font-size:1.8rem;color:#222;}
.themes_top .right .btop .box .blist .top_etc {line-height:1.5;color:var(--primary);}
.themes_top .right .btop .box .blist .top_etc img {}
.themes_top .right .btop .bbtn {flex-shrink:0;width:140px;display: flex;flex-direction:column;gap:1rem;}
.themes_top .right .btop .bbtn button {height:12.5rem;background: var(--primary2);border-radius:8px;color:#fff;font-weight:500;font-size:2rem;transition: 0.3s;}
.themes_top .right .btop .bbtn button + button {background: #000;}
.themes_top .right .btop .bbtn button:is(:hover,:focus,:active) {background: #222;}
.notiwrap .content_view {padding:3rem;line-height:1.8;border-radius:8px;border:1px solid #ddd;}
.notiwrap .content_view img{width:100%;}


.facility_swiper {position: relative;width: 100%;}
.facility_swiper .swiper-slide {}
.facility_swiper .swiper-slide img {width: 100%;}
.facility_swiper .mvis_ctrl_box {position:absolute;bottom:0;right:0;z-index:1;display:flex;align-items:center;gap:0 2rem;background:rgba(0,0,0,0.6);padding:1rem 1.5rem;}
.facility_swiper .mvis_ctrl_box button {background: transparent;}
.facility_swiper .mvis_ctrl_box i {color:#fff;font-size:3.5rem;}
.facility_swiper .mvis_ctrl_box .swiper-pagination {position:static;top:unset;bottom:unset;left:unset;right:unset;display:flex;}
.facility_swiper .mvis_ctrl_box .swiper-pagination {color:#fff;font-size:2rem;line-height:1;font-weight:400;}
.facility_swiper .mvis_ctrl_box .swiper-pagination .swiper-pagination-current {color:#fff;padding-right:1rem;display:inline-block;}
.facility_swiper .mvis_ctrl_box .swiper-pagination .swiper-pagination-total {padding-left:1rem;display:inline-block;}
@media only screen and (max-width:1023px){
    .themes_top .img {width:30rem;aspect-ratio: 1/0.9;}
    .themes_top .right .btop {gap:3rem;}
    .themes_top .right .btop .box {gap:1rem;}
    .themes_top .right .btop .box .blist {padding:2.8rem 2rem;}
}
@media only screen and (max-width:767px){
    .themes_top {flex-direction:column;gap:1rem;}
    .themes_top .img {width:100%;}
    .themes_top .img img {max-width: none;}
    .themes_top .right {width: 100%;}
}
@media only screen and (max-width:599px){
    .themes_top .right .btop {gap:1rem;flex-direction: column;}
    .themes_top .right .btop .bbtn {width:100%;flex-direction: row;}
    .themes_top .right .btop .bbtn button {flex-grow:1;width: 50%;}
}
@media only screen and (max-width:399px){
    .themes_top .right .btop .box .blist {flex-direction: column;align-items: flex-start;}
}


/* 제품게시판(목록) */
.product_list {border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:4rem 0;}
.product_list .g_list {display:grid;grid-template-columns:repeat(4,1fr);gap:60px 40px;}
.product_list .g_list > li {}
.product_list .g_list > li a {position:relative;display:block;overflow: hidden;}
.product_list .g_list > li a .imgbox {display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow: hidden;aspect-ratio:1/0.6;border-radius: 20px;}
.product_list .g_list > li a .imgbox::after {content:"";display:block;padding-bottom:100%;}
.product_list .g_list > li a .imgbox img {transition:all .4s;width: 100%;}

.product_list .g_list > li a .titbox {position:relative;padding:3rem;}
.product_list .g_list > li a .titbox .sp1 {display:block;margin-bottom:1rem;color: #5ac0a7;font-weight: 700;}
.product_list .g_list > li a .titbox .title {margin-bottom:2rem;width:100%;font-weight:700;font-size:2.4rem;color:#111;text-align: center;}
.product_list .g_list > li a .titbox .title.ellipsis1 {line-height:1.25;word-break:break-all;}
.product_list .g_list > li a .titbox .list_info {display:flex;align-items:center;margin-top:1rem;transition:all .4s;}
.product_list .g_list > li:hover a .titbox .list_info  {border-color:#35b193;}
.product_list .g_list > li a .titbox .list_info .date {display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;padding:1rem 2rem;color:#111;font-size:1.6rem;border:1px solid #e1e1e1;border-radius: 20px;transition: 0.4s;}
.product_list .g_list > li a .titbox .list_info .date img {transform: rotate(0);transition: 0.4s;}
.product_list .g_list > li a:is(:hover,:focus,:active) .titbox .list_info .date {border:1px solid #19489b;background: #19489b;color:#fff;}
.product_list .g_list > li a:is(:hover,:focus,:active) .titbox .list_info .date img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(10deg) brightness(104%) contrast(102%);transform: rotate(90deg);}
.product_list .g_list > li a .titbox .list_info .more_btn {display:inline-flex;font-weight:600;color:#111;}
.product_list .g_list > li a .titbox .list_info .more_btn i {margin-left:5px;color:#35b193;}
@media only screen and (max-width:1199px){
    .product_list .g_list {gap:50px 30px;}
}
@media only screen and (max-width:1023px){
    .product_list .g_list {grid-template-columns:repeat(2,1fr);gap:40px 20px;}
    .product_list .g_list > li a .titbox .list_info {margin-top:25px;padding-top:15px;}
}
@media only screen and (max-width:767px){
    .product_list .g_list {grid-template-columns:repeat(1,1fr);gap:30px;}
    .product_list .g_list > li a .titbox .list_info {margin-top:20px;padding-top:10px;}
    .product_list .g_list_25p {grid-template-columns:repeat(2,1fr);}
    .product_list .g_list > li a .imgbox {aspect-ratio:1/0.5;}
    .product_list .g_list > li a .imgbox .thumb_bg {height: 50rem;}
}
@media only screen and (max-width:475px){
    .product_list .g_list {grid-template-columns:repeat(1,1fr);gap:30px;}
    .product_list .g_list > li a .titbox .list_info {margin-top:20px;padding-top:10px;}
    .product_list .g_list_25p {grid-template-columns:repeat(1,1fr);}
}

/* 제품게시판(상세) */
.product_view .product_tit {border-bottom:1px solid #ddd;border-top:2px solid #000;}
.product_view .product_tit em {border-bottom:1px solid #ddd;text-align:center;display:flex;flex-direction:column;padding:4.5rem 3rem;line-height:normal;font-weight:700;font-size:3.3rem;color:#000;}
.product_view .product_tit em span {display:block;margin-bottom:1rem;font-size:1.8rem;text-align:center;color:#5ac0a7;}
.product_view .flexbox {display:flex;margin-top:6.0rem;gap:5rem;}
.product_view .flexbox .img_box {flex-shrink:0;width:40%;}
.product_view .flexbox .img_box img {width:100%;max-width:100%;border-radius: 20px;}
.product_view .flexbox .img_box .mainSwiper .swiper-wrapper {align-items: center;}
.product_view .flexbox .img_box .mainSwiper .swiper-slide {display: flex;align-items: center;max-height: 40rem;}
.product_view .flexbox .img_box .thumbSwiper {margin-top:2rem;}
.product_view .flexbox .img_box .thumbSwiper .swiper-wrapper {align-items: center;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide {position:relative;background: #fff;height: 13.9rem;display: flex;align-items: center;cursor: pointer;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide:after {content:"";position:absolute;left:0;top:0;z-index:1;border: 1px solid #ddd;width: 100%;height: 100%;display: block;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide img {transition: 0.4s;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide.swiper-slide-thumb-active img {opacity: 1;}
.product_view .flexbox .img_box .thumbSwiper .swiper-slide.swiper-slide-thumb-active:after {content:"";position:absolute;left:0;top:0;z-index:1;border: 5px solid #222;width: 100%;height: 100%;display: block;}
.product_view .flexbox .txtbox {flex-grow:1;line-height:1.5;}
.product_view .flexbox .txtbox .product_ul {width:100%;}
.product_view .flexbox .txtbox .product_ul > li {display:flex;flex-wrap:wrap;width:100%;padding:1.5rem 0;border-bottom:1px dotted #ddd;}
.product_view .flexbox .txtbox .product_ul > li:last-child {border-bottom:0;}
.product_view .flexbox .txtbox .product_ul > li .stit {position:relative;width:10rem;color:#222;font-size:18px;font-weight:800;}
.product_view .flexbox .txtbox .product_ul > li .stit:before {content:"";position:absolute;right:0;top:6px;width:1px;height:14px;background:#999;}
.product_view .flexbox .txtbox .product_ul > li .stit:after {content:"";clear:both;display:block;}
.product_view .flexbox .txtbox .product_ul > li > span {width:calc(100% - 10rem);overflow:hidden;padding-left:3.5rem;}
.product_view .flexbox .txtbox .product_ul > li .pro_list span {display: block;padding-left:11px;text-indent: -11px;}
.product_view .flexbox .txtbox .product_ul > li .pro_list span:before {content:"";display: inline-block;margin-right:5px;width: 6px;height: 1px;background: #767676;vertical-align: middle;}
.product_view .detail_box {border-bottom:1px solid #ddd;}
.product_view .detail_box .stit {position:relative;color:#222;font-size:2rem;font-weight:600;background:#f3f6f9;padding:2rem 1rem;text-align:center;border-radius:10px;}
.product_view .detail_box .detail_cont {padding:4.0rem 2.0rem;/*text-align:center;*/}
.product_view .detail_box .detail_cont img {max-width:100%;margin: 0 auto;display: block;}
@media only screen and (max-width:1199px){
    .product_view .product_tit em {padding:4rem 3rem;}
    .product_view .flexbox {margin-top:4.0rem;}
}
@media only screen and (max-width:767px){
    .product_view .product_tit em {padding:3rem 1.5rem;}
    .product_view .flexbox {flex-direction:column;flex-wrap:wrap;}
    .product_view .flexbox .img_box {width:100%;aspect-ratio:2/1;}
    .product_view .flexbox .img_box .mainSwiper .swiper-slide {height: auto;background: none;}
    .product_view .flexbox .img_box .thumbSwiper .swiper-slide {height: auto;}
    .product_view .flexbox .img_box .thumbSwiper .swiper-slide:after {display: none;}
    .product_view .flexbox .txtbox {width:100%;}
}

/* 고객문의-비밀번호입력 */
/*.end_box {border-top:2px solid #111;border-bottom:1px solid #e1e1e1;padding:10rem 4rem;text-align: center;}
.end_box img {width: 80px;}
.end_box strong {display:block;font-size:2.4rem;color:#111;font-family: 'GongGothic',sans-serif;font-weight:500;}
.end_box p {line-height:1.5;font-size:1.8rem;color:#767676;}
.end_box p:before {content:"";display:block;width: 30px;height: 4px;background: #e53935;margin:2rem auto;}
.end_box a {}*/

/* tableB */
.online_table {width:100%;border-bottom:1px solid #eee;border-top:2px solid #1d1d1d;word-break:normal;}
.online_table thead th {padding:12px 20px;background:#f3f6fd;border-left:1px solid #eee;border-top:1px solid #eee;color:#1d1d1d;}
.online_table thead th:first-child {border-left:0;}
.online_table tfoot th {padding:12px 20px;background:#f9f9f9;border-top:1px solid #e1e1e1;}
.online_table tfoot td {padding:12px 20px;border-left:1px solid #eee;border-top:1px solid #eee;background:#e8e8e2;}
.online_table tbody th {padding:12px 20px;border-left:1px solid #eee;border-top:1px solid #eee;background:#f9f9f9;vertical-align:middle;font-weight:700;color:#111;}
.online_table tbody td {padding:15px 10px;border-left:1px solid #eee;border-top:1px solid #eee;}
.online_table tbody tr th:first-child,
.online_table tbody tr td:first-child {border-left:0;}
.online_table tbody tr:first-child th,
.online_table tbody tr:first-child td {border-top:1px solid #e1e1e1}
.online_table tbody tr th.bd_none,.online_table tbody tr td.bd_none,
.online_table thead tr th.bd_none,.online_table thead tr td.bd_none {border-left:0;}
.online_table tbody tr th.bd_left,.online_table tbody tr td.bd_left,
.online_table thead tr th.bd_left,.online_table thead tr td.bd_left {border-left:1px solid #eee;}
/*padding 줄인버전*/
.online_table.small {border-top:0;}
.online_table tbody tr:first-child th,
.online_table tbody tr:first-child td {border-top:1px solid #eee;}
.online_table.small thead th {padding:0 20px;line-height:40px;text-align: center;background:#f3f6fd;}
.online_table.small tbody th {padding:7px 15px; text-align: center;}
.online_table.small tbody td {padding:7px 15px;}
@media only screen and (max-width:767px){
    .online_table thead th {padding:5px;}
    .online_table tfoot th {padding:5px;}
    .online_table tfoot td {padding:5px;}
    .online_table tbody th {padding:5px;}
    .online_table tbody td {padding:5px;}
}
/* 온라인문의 */
.online_table .flexbox {display: flex;gap:1rem;flex-wrap: wrap;align-items: center;}
.online_table .flexbox * {flex-grow: 1;}
.online_table .flexbox span {flex-shrink: 0;flex-grow: inherit;}
.top_box {background: url("./../../images/fs/content/sub04/online_inquiry.png") no-repeat center center / cover;backdrop-filter:blur(20px);padding:5rem;color:#453208;font-size:2rem;margin-bottom:4rem;border-radius: 20px;}
.top_box em {font-weight:600;font-size:3rem;border-bottom: 1px solid rgba(255,255,255,0.2);display: block;padding-bottom:1.2rem;margin-bottom:1.2rem;}
.online_table .privacy_area {padding:30px;overflow-y:auto;background:#f9f9f9;max-height:200px;font-size:1.4rem;line-height:1.3;}
.online_table .privacy_area .tit strong {font-size:1.6rem;color:#111;font-weight:600;}
.online_table .privacy_area .stit {position:relative;font-weight:500;color:#333;display:block;margin-top:10px;}
@media only screen and (max-width:1023px){
    .online_table .tableA tbody tr:after {display:none;}
    .online_table .tableA tbody th {width:100%;}
    .online_table .tableA tbody td {width:100%;border-left:none;}
    .online_table .privacy_area .stit {margin-bottom:5px;}
    .online_table .privacy_area p {margin-bottom:5px;}
}

.manageButton{margin-top:10px;}
#addressBtn {height: 5rem;}

/* 취업정보-고객노트 */
#mngTable #mngList {display:flex;flex-direction:column;gap:4rem;}
#mngTable #mngList>tr {}
#mngTable #mngList>tr>td {padding:0;width:100%;}
#mngTable #mngList>tr>td table {width:100%;table-layout:auto;border-collapse:collapse;}
#mngTable #mngList>tr>td table tbody tr th,
#mngTable #mngList>tr>td table tbody tr td {border-top:1px solid #ddd;}
@media screen and (max-width:1023px){
    #mngTable #mngList>tr>td table {width:100%;border-bottom:1px solid #ddd;}
    #mngTable #mngList>tr>td table thead,
    #mngTable #mngList>tr>td table colgroup {display:none;}
    #mngTable #mngList>tr>td table tbody tr {display:block;position:relative;background:#fff;}
    #mngTable #mngList>tr>td table tbody th,
    #mngTable #mngList>tr>td table tbody td {display:flex;width:100%;padding:15px 18px;min-height: auto;border:none;background:none;text-align:left;line-height:24px;box-sizing:border-box;}
    #mngTable #mngList>tr>td table tbody th {font-weight:700;color:#000;width:30%;justify-content:center;}
    #mngTable #mngList>tr>td table tbody td {color:#444;width:auto;}
    #mngTable #mngList>tr>td table input.form-control {width:100%;min-width:auto;}
    #addressBtn {height: 5.5rem;}
}
@media only screen and (max-width:767px){
    #mngTable #mngList>tr>td table tbody th {width:35%;padding:15px 6px;}
    #mngTable #mngList>tr>td table tbody td {padding:15px 12px;}
    #addressBtn {height: 5rem;}
}




/* 팝업 */
.layerPopup {box-shadow: none !important;border:0 !important;}
.layerPopup > img {width: 100%;}
.layerPopup a > img {width: 100%;}
.layerPopup .chkvsb {bottom:-16px !important;background: #222;padding:10px 2px !important;margin:0 !important;}
.layerPopup .chkvsb img {margin-top:0;margin-right:7px;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(144deg) brightness(103%) contrast(100%);transform: translateY(-1px;)}
.layerPopup p {font-size:20px !important;}
.layerPopup p [type="checkbox"] {width: 18px;height: 18px;margin-top:-5px !important;}
@media only screen and (max-width:1023px){
    .layerPopup {left:10px !important;width: auto !important;height: auto !important;padding-bottom:22px;}
    .layerPopup p {font-size:18px !important;}
    input:first-child, select:first-child {min-width: 3rem !important;}
}
@media only screen and (max-width:499px){
    .layerPopup {left:10px !important;right:10px;}
}