@charset "utf-8";
#toolbarContainer {display:none;}
.forDesk {display:block;}
.forMo {display:none;}
.wrap {position:relative;}
.inner {position:relative; width:100%; max-width:1320px; margin:0 auto; padding:0 20px;}
select {display:inline-block; flex:1 0 auto; height:40px; line-height:38px; border:1px solid #ddd; border-radius:4px; -webkit-appearance: none; -moz-appearance:none; appearance: none; background:#FFF url(../img/ar_select.svg) no-repeat right 16px center; background-size:16px auto; padding:0 45px 0 10px; box-sizing:border-box;}

.dim {position:fixed; left:0; top:99px; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:1000; display:none;}
.blindDim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255, 255, 255, 0); z-index:10;}
.orgDim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:3000; display:none;}
.subMenuWrap {position:fixed; left:0; top:99px; width:100%; height:auto; z-index:1100; background:#FFF; display:none;}
.subMenuWrap:before {content:''; position:absolute; left:0; top:0; width:50%; height:100%; background:#007D72;}
.subMenuWrap .subMenuBox {position:relative;}
.subMenuWrap .subMenuBox:before {content:''; position:absolute; left:0; bottom:0; width:50%; height:1px; background:#198A80;}
.subMenuWrap .subMenuBox:after {content:''; position:absolute; right:0; bottom:0; width:50%; height:1px; background:#E5E5E5;}
.subMenuWrap .subMenuBox .inner {display:flex; justify-content:flex-start; align-items:stretch;}
.subMenuWrap .subMenuBox .mDep01 {width:246px; color:#FFF; font-size:20px; font-weight:600; min-height:120px; padding:40px 20px 40px 0; line-height:1.2; display:flex; justify-content:flex-start; align-items:flex-start;}
.subMenuWrap .subMenuBox .sMenuSet {width:calc(100% - 246px); background:#FFF; padding:42px 40px 40px; position:relative; display:flex; justify-content:flex-start; align-items:stretch; gap:52px 24px; flex-wrap:wrap;}
.subMenuWrap .subMenuBox .sMenuSet:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#E5E5E5;}
.subMenuWrap .subMenuBox .sMenuSet .perSmenu {width:calc(33.33334% - 16px);}
.subMenuWrap .subMenuBox .sMenuSet .perSmenu.long {width:calc(50% - 16px);}
.subMenuWrap .subMenuBox .sMenuSet .perSmenu .psTitle {position:relative;}
.subMenuWrap .subMenuBox .sMenuSet .perSmenu .psTitle a {display:block; color:#007D72; font-size:18px; font-weight:600; margin-bottom:16px; padding-left:12px; line-height:1.3;}
.subMenuWrap .subMenuBox .sMenuSet .perSmenu .psTitle a:before {content:''; position:absolute; left:0; top:8px; width:4px; height:4px; background:#007D72; border-radius:50%;}
.subMenuWrap .subMenuBox .sMenuSet .perSmenu .psTitle a.noMar {margin-bottom:0;}
.subMenuWrap .subMenuBox .sMenuSet .perSmenu ul {display:flex; justify-content:flex-start; align-items:flex-start; gap:12px; flex-direction:column; padding-left:12px;}
.subMenuWrap .subMenuBox .sMenuSet .perSmenu ul li {display:block;}
.subMenuWrap .subMenuBox .sMenuSet .perSmenu ul li a {display:block; color:#777; font-size:16px; font-weight:500; line-height:1.3; position:relative;}
.subMenuWrap .subMenuBox .sMenuSet .perSmenu ul li a:hover {color:#222;}
.subMenuWrap .subMenuBox .sMenuSet .perSmenu ul li a.outLink:after {content:''; display:inline-block; margin-left:5px; vertical-align:-3px; width:18px; height:18px; background:url(../img/ico_outlink.svg) no-repeat 50% 50%; background-size:100%;}

.gloHeader {position:sticky; left:0; top:0; background:#FFF; border-bottom:1px solid #E5E5E5; padding:20px 0; z-index:2000;}
.gloHeader > .inner {display:flex; flex-flow:row wrap; align-items:center; gap:13%;}
.gloHeader > .inner .logo {width:247px; height:58px; flex:0 0 auto;}
.gloHeader > .inner .logo a {display:block; width:100%; height:100%; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader > .inner .naviPart {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:calc((100% - 247px) - 13%);}
.gloHeader > .inner .naviPart .naviSec {display:flex; justify-content:center; align-items:center; gap:72px;}
.gloHeader > .inner .naviPart .naviSec .naviMenu {position:relative;}
.gloHeader > .inner .naviPart .naviSec .naviMenu > a {display:block; color:#444; font-size:20px; font-weight:700;}
.gloHeader > .inner .naviPart .naviSec .naviMenu > a:hover {color:#007D72;}
.gloHeader > .inner .naviPart .naviSec .naviMenu > a.on {color:#007D72;}
.gloHeader > .inner .naviPart .topFunc {display:flex; justify-content:flex-end; align-items:center; gap:16px; max-width:246px; flex:0 0 auto;}
.gloHeader > .inner .naviPart .topFunc li {display:block;}
.gloHeader > .inner .naviPart .topFunc li a {display:flex; justify-content:flex-start; align-items:center; gap:6px; color:#444; font-size:14px; font-weight:500;}
.gloHeader > .inner .naviPart .menuClose {display:none;}
.gloHeader > .inner .moMenu {display:none;}

.mainCont {position:relative; min-height:600px;}

.mVisual {position:relative; padding:120px 0; background:#FFFCEE url(../img/deco_cloud.svg) no-repeat center top 20%;}
.mVisual .deco01 {position:absolute; left:6%; bottom:0;}
.mVisual .deco02 {position:absolute; left:50%; bottom:0; margin-left:-150px;}
.mVisual .inner {display:flex; justify-content:space-between; align-items:center; gap:20px;}
.mVisual .inner .txtSec {width:54%; position:relative; padding-bottom:220px;}
.mVisual .inner .txtSec .headTitle {color:#222; font-size:60px; font-weight:500; line-height:1.2; font-family:'Juache'; letter-spacing:-1px;}
.mVisual .inner .txtSec .headDesc {color:#222; font-size:16px; font-weight:500; line-height:1.3; margin-top:10px; padding:0 4px;}
.mVisual .inner .headItems {position:absolute; left:0; bottom:76px; display:flex; justify-content:flex-start; align-items:stretch; gap:24px;}
.mVisual .inner .headItems a {display:block; background:#FFF; border-radius:16px; background:#FFF; filter: drop-shadow(0 0 8px rgba(134, 84, 40, 0.15)); padding:18px 35px;}
.mVisual .inner .headItems a .icoSec {display:block; margin:0 auto 8px;}
.mVisual .inner .headItems a .txt {text-align:center; color:#222; font-size:20px; font-weight:600;}
.mVisual .inner .headItems a:hover {background:#007D72; box-shadow: 2px 2px 4px 0 rgba(33, 76, 136, 0.50);}
.mVisual .inner .headItems a:hover .txt {color:#FFF;}
.mVisual .inner .bnrSec {width:38%;}
.mVisual .inner .bnrSec .swiper-container.mBnr {border-radius:16px; filter: drop-shadow(0 0 13px rgba(33, 76, 136, 0.25));}
.mVisual .inner .bnrSec .bnrFunc {display:flex; justify-content:flex-end; align-items:center; margin-top:24px; gap:2px;}
.mVisual .inner .bnrSec .bnrFunc .mBnr-prev {display:block; width:24px; height:24px; background:url(../img/dir.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg); flex:0 0 auto; cursor:pointer;}
.mVisual .inner .bnrSec .bnrFunc .mBnr-next {display:block; width:24px; height:24px; background:url(../img/dir.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto; cursor:pointer;}
.mVisual .inner .bnrSec .bnrFunc .swiper-pagination-fraction {font-size:14px; color:#BBB; width:40px; display:flex; justify-content:center; align-items:center; gap:2px;}
.mVisual .inner .bnrSec .bnrFunc .mBnr-pagination.swiper-pagination-fraction .swiper-pagination-current {color:#222;}
.mVisual .inner .bnrSec .bnrFunc .mBnr-pagination.swiper-pagination-fraction .swiper-pagination-total {color:#BBB;}
.mVisual .inner .bnrSec .bnrFunc .mBnr-play {width:24px; height:24px; background:url(../img/ico_play.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px; cursor:pointer; display:none;}
.mVisual .inner .bnrSec .bnrFunc .mBnr-pause {width:24px; height:24px; background:url(../img/ico_pause.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px; cursor:pointer;}

.mService {position:relative; padding:100px 0; background:#6EB37B;}
.mService:after {content:''; position:absolute; left:50%; bottom:0; margin-left:-300px; width:170px; height:164px; background:url(../img/deco_mid.svg) no-repeat 50% 50%; background-size:100%;}
.mService .inner {display:flex; justify-content:flex-start; align-items:stretch; gap:40px;}
.mService .msTitle {display:flex; justify-content:flex-start; align-items:center; gap:10px; color:#FFF; font-size:36px; font-weight:700; margin-bottom:24px; position:relative;}
.mService .msTitle:before {content:''; width:30px; height:30px;}
.mService .msTitle.major:before {background:url(../img/tico_business.svg) no-repeat 50% 50%; background-size:100%;}
.mService .msTitle.region:before {background:url(../img/tico_organi.svg) no-repeat 50% 50%; background-size:100%;}

.mService .majorSec {width:32%;}
.mService .majorSec .majorBox {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; padding:0; background:#FFF; border-radius:16px;}
.mService .majorSec .majorBox .perMajor {position:relative; width:100%;}
.mService .majorSec .majorBox .perMajor a {display:flex; justify-content:flex-start; align-items:center; gap:16px; padding:32px; position:relative; width:100%;}
.mService .majorSec .majorBox .perMajor a:after {content:''; position:absolute; left:32px; bottom:0; width:calc(100% - 64px); height:1px; border-top:1px dashed #E5E5E5;}
.mService .majorSec .majorBox .perMajor a .icoSec {width:73px; height:73px; flex:0 0 auto;}
.mService .majorSec .majorBox .perMajor a .majorInfo {position:relative;}
.mService .majorSec .majorBox .perMajor a .majorInfo .title {color:#222; font-size:18px; font-weight:700;}
.mService .majorSec .majorBox .perMajor a .majorInfo .desc {color:#999; font-size:16px; font-weight:500; line-height:1.4; margin-top:8px;}
.mService .majorSec .majorBox .perMajor:last-child a:after {display:none;}

.mService .relOrgSec {width:calc(68% - 40px);}
.mService .relOrgSec .relOrgMap {position:relative; background:#FFF; border-radius:16px; padding:24px;}
.mService .relOrgSec .relOrgMap .mapGuide {position:absolute; right:28px; top:33px; background:#FFF2DD; padding:12px 21px; border-radius:8px; color:#585858; font-size:16px; z-index:10;}
.mService .relOrgSec .relOrgMap .mapGuide:after {content:''; position:absolute; right:0; top:-17px; width:24px; height:24px; background:url(../img/ico_pin.svg) no-repeat 50% 50%; background-size:100%;}
.mService .relOrgSec .relOrgMap .relOrgPop {right:unset; left:50%; transform:translate(-50%, -50%);}
.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg {padding:30px;}
.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg .orgName {font-size:18px; margin:0 0 10px 0; height:auto;}
.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg .orgInfo {flex-flow:row wrap;}
.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg .orgInfo p {font-size:16px;}
.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg .orgInfo .location:before {width:18px; height:20px;}
.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg .orgInfo .tel:before {width:18px; height:20px;}
.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg .orgInfo .homepage a {display:block; width:22px; height:22px; background:url(../img/mapico_home.svg) no-repeat 50% 50%; background-size:22px; text-indent:-9999px;}
.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg .orgInfo .insta {margin-left:-10px;}
.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg .orgInfo .insta a {display:block; width:22px; height:22px; background:url(../img/mapico_insta.svg) no-repeat 50% 50%; background-size:22px; text-indent:-9999px;}
.mService .relOrgSec .relOrgMap .relOrgPop .perRelOrg .mDream {margin-top:20px; padding-top:20px; border-top:1px solid #E5E5E5;}

/* 지도 svg */
.mapWrap{height:550px;}

  /* SVG 반응형 */
  #incheon-map {width:auto; height:100%; margin:0 auto; display: block;}

  /* 구 그룹 공통 */
  #incheon-map > g[id^="gu-"] {cursor: pointer;}

  /* 텍스트 위에 마우스 올려도 hover가 끊기지 않도록 */
  #incheon-map text {pointer-events: none;}

  /* 기본(원본 컬러 유지) + 부드러운 전환 */
  #incheon-map path,
  #incheon-map text {transition: .25s ease;}

  /* ✅ 핵심: 구 hover 시 “영역” 색 변경
     - 피그마 export에서 구 영역은 fill="#D8E1EA" 로 들어가 있음
     - 그래서 이 fill 값인 path만 골라서 변경 (라벨 텍스트는 text로 따로 처리) */
  #incheon-map > g[id^="gu-"]:hover path[fill="#D8E1EA"],
  #incheon-map > g[id^="gu-"].is-active path[fill="#D8E1EA"] {fill: #006a79;}

  /* ✅ 구 hover 시 글자색 흰색 */
  #incheon-map > g[id^="gu-"]:hover text,
  #incheon-map > g[id^="gu-"].is-active text {fill: #fff;}

  /* (선택) hover 시 살짝 떠 보이게 */
  #incheon-map > g[id^="gu-"]:hover {filter: drop-shadow(0 4px 10px rgba(0,0,0,.18));}

  /* 선택된 구(클릭한 구) 유지 스타일 */
	#incheon-map g[id^="gu-"].is-selected path,
	#incheon-map g[id^="gu-"].is-selected polygon,
	#incheon-map g[id^="gu-"].is-selected rect {
	  fill:#006a79 !important;
	}

	#incheon-map g[id^="gu-"].is-selected text {
	  fill:#fff !important;
	}

.mGallery {position:relative; padding:100px 0;}
.mGallery .titleSec {display:flex; justify-content:space-between; align-items:center;}
.mGallery .titleSec .title {display:flex; justify-content:flex-start; align-items:center; gap:10px; color:#222; font-size:36px; font-weight:700; margin-bottom:24px; position:relative;}
.mGallery .titleSec .title:before {content:''; width:30px; height:30px; background:url(../img/tico_gallery.svg) no-repeat 50% 50%; background-size:100%;}
.mGallery .titleSec .mgTab {display:flex; justify-content:flex-end; align-items:center; gap:8px;}
.mGallery .titleSec .mgTab a {display:block; padding:8px 16px; color:#666; font-size:16px; font-weight:500; background:#eee; border-radius:100px;}
.mGallery .titleSec .mgTab a.on {background:#007D72; color:#FFF;}
.mGallery .bbsList {padding-top:0; border:0;}
.mGallery .mgTabCont {position:relative; display:none;}

.orgBnr {position:relative; padding-bottom:32px;}
.orgBnr .slideBnr .swiper-wrapper {transition-timing-function: linear !important;}
.orgBnr .slideBnr .swiper-slide {width:auto;}

.footer {position:relative; background:#F0F0F0; padding-bottom:24px;}
.footer .btmFunc {display:flex; justify-content:space-between; align-items:center; padding:24px 0; border-bottom:1px solid #ddd;}
.footer .btmFunc .btmMenu {display:flex; justify-content:flex-start; align-items:center; gap:33px;}
.footer .btmFunc .btmMenu a {position:relative; display:block; color:#888; font-size:16px; font-weight:500;}
.footer .btmFunc .btmMenu a:after {content:''; position:absolute; right:-16px; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#888;}
.footer .btmFunc .btmMenu a:last-child:after {display:none;}
.footer .btmFunc .btmLogo {display:flex; justify-content:flex-end; align-items:center;}
.footer .copyright {margin-top:24px; line-height:1.4;}
.footer .copyright span {display:inline-block; color:#888; font-size:14px; font-weight:500; padding-right:12px; margin-right:10px; position:relative;}
.footer .copyright span:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#888;}
.footer .copyright span:last-child {padding-right:0; margin-right:0;}
.footer .copyright span:last-child:after {display:none;}
.footer .copyright span.br:after {display:none;}
.footer .txt {color:#888; font-size:12px; font-weight:500; margin-top:8px;}

.sideMenu {position:fixed; right:40px; top:50%; transform:translate(0, -50%); width:96px; border-radius:8px; overflow:hidden; background:#FFF; border:1px solid #E5E5E5; display:flex; flex-flow:column wrap; z-index:2000;}
.sideMenu a {display:block; padding:24px 0; text-align:center; color:#222; font-size:16px; font-weight:600; border-bottom:1px solid #E5E5E5;}
.sideMenu a:hover {background:#FFFBDD;}
.sideMenu a:last-child {border-bottom:0;}
.sideMenu a img {display:block; width:24px; height:24px; margin:0 auto 6px;}

.comnSubWrap {position:relative;}
.comnSubWrap.gray {background:#F6F7F9; padding:100px 0;}
.subVisual {position:relative; height:280px; background:#f9f9f9;}
.subVisual .inner {display:flex; justify-content:space-between; align-items:center; height:100%; position:relative;}
.subVisual .inner:after {content:''; width:100%; max-width:630px; height:100%;}
.subVisual .inner h1 {color:#444; font-size:52px; font-family:'Juache';}
.subVisual.inyouth {background:#FFF7E6;}
.subVisual.inyouth .inner:after {background:url(../img/sv_obj02.png) no-repeat 50% 50%; background-size:100%;}
.subVisual.dream {background:#F2F2CB;}
.subVisual.dream .inner:after {background:url(../img/sv_obj03.png) no-repeat 50% 50%; background-size:100%;}
.subVisual.bbs {background:#FFF0E6;}
.subVisual.bbs .inner:after {background:url(../img/sv_obj04.png) no-repeat 50% 50%; background-size:100%;}
.subVisual.intro {background:#F7F7ED;}
.subVisual.intro .inner:after {background:url(../img/sv_obj05.png) no-repeat 50% 50%; background-size:100%;}
.subVisual.mypage {background:#F7F7ED;}
.subVisual.mypage .inner:after {background:url(../img/sv_obj05.png) no-repeat 50% 50%; background-size:100%;}

.comnContSec {position:relative; padding:100px 0;}

.pLocationSet {position:relative;}
.pLocationSet .pLot {display:flex; justify-content:flex-start; align-items:center;}
.pLocationSet .pLot .lotHome {width:20px; height:20px;}
.pLocationSet .pLot .lotHome a {display:block; width:100%; height:100%; background:url(../img/pico_home.svg) no-repeat 50% 50%; background-size:100%;}
.pLocationSet .pLot .dot {position:relative; width:19px; height:100%;}
.pLocationSet .pLot .dot:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:2px; background:#777; border-radius:50%;}
.pLocationSet .pLot .txt a {display:block; color:#777; font-size:12px; font-weight:500;}

.pTitleSec {display:block; width:100%; max-width:1280px; margin:0 auto 48px; padding:16px 0 40px; border-bottom:1px solid #DDDDDD;}
.pTitleSec .title {color:#333; font-size:52px; font-weight:400; line-height:1.0; letter-spacing:-1px; display:flex; justify-content:space-between; align-items:center;}
.pTitleSec.view {margin-bottom:0; border-bottom:0;}

.comnCont {position:relative;}
.comnCont .currentPage {display:none;}
.comnCont .depTab {display:flex; justify-content:flex-start; align-items:stretch; background:#F8F8F8; border-radius:16px 16px 0 0; border-bottom:1px solid #000; margin:0 0 46px;}
.comnCont .depTab a {display:flex; justify-content:center; align-items:center; padding:18px 0; color:#777; font-size:18px; font-weight:500; text-align:center;}
.comnCont .depTab a.on {background:#FFF; border-radius:16px 16px 0 0; border:1px solid #000; border-bottom:0; position:relative; color:#333; font-weight:700;}
.comnCont .depTab a.on:after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#FFF; z-index:1;}
.comnCont .depTab.tab02 a {width:50%;}
.comnCont .depTab.tab03 a {width:33.33334%;}
.comnCont .depTab.tab04 a {width:25%;}
.comnCont .depTab.tab05 a {width:20%;}

.conBlock {position:relative; margin-bottom:64px;}
.conBlock:last-child {margin-bottom:0;}
.cbTitleSec {position:relative; margin-bottom:32px;}
.cbTitleSec .cbTitle {display:flex; justify-content:flex-start; align-items:center; gap:8px; color:#007D72; font-size:32px; font-weight:700; line-height:1.3;}
.cbTitleSec .cbTitle:before {content:''; width:32px; height:32px; flex:0 0 auto;}
.cbTitleSec .cbTitle.zoom:before {background:url(../img/cico_zoom.svg) no-repeat 50% 50%; background-size:100%;}
.cbTitleSec .cbTitle.pencil:before {background:url(../img/cico_pencil.svg) no-repeat 50% 50%; background-size:100%;}
.cbTitleSec .cbTitle.ment:before {background:url(../img/cico_ment.svg) no-repeat 50% 50%; background-size:100%;}
.cbTitleSec .cbTitle.talk:before {background:url(../img/cico_talk.svg) no-repeat 50% 50%; background-size:100%;}
.cbTitleSec .cbTitle.direction:before {background:url(../img/cico_direction.svg) no-repeat 50% 50%; background-size:100%;}
.cbTitleSec .cbTitle.folder:before {background:url(../img/cico_folder.svg) no-repeat 50% 50%; background-size:100%;}
.cbTitleSec .cbTitle.broswer:before {background:url(../img/cico_broswer.svg) no-repeat 50% 50%; background-size:100%;}
.cbTitleSec .cbTitle.location:before {background:url(../img/cico_location.svg) no-repeat 50% 50%; background-size:100%;}
.cbTitleSec .cbTitle.signal:before {background:url(../img/cico_signal.svg) no-repeat 50% 50%; background-size:100%;}
.cbTitleSec .cbTitle.handshake:before {background:url(../img/cico_handshake.svg) no-repeat 50% 50%; background-size:100%;}
.cbTitleSec .cbTitle span {color:#777; font-size:16px; font-weight:500;}
.cbTitleSec .cbGuide {display:flex; justify-content:flex-start; align-items:flex-start; gap:8px; flex-direction:column; flex-wrap:wrap; margin-top:16px; padding:0 6px;}
.cbTitleSec .cbGuide li {display:flex; justify-content:flex-start; align-items:flex-start; gap:8px; width:100%; position:relative; color:#777; font-size:16px; line-height:1.5;}
.cbTitleSec .cbGuide li:before {content:'※';}
.cbTitleSec .cbGuide.single li:before {display:none;}
.cbTitleSec .cbGuide p {flex:1; min-width:0;}
.cbTitleSec .cbGuide span {display:inline; position:relative; color:#444; font-size:24px; font-weight:500; padding:0 4px; background:linear-gradient(transparent -12%, #fff8ce 0); -webkit-box-decoration-break: clone; box-decoration-break: clone;}
.cbTitleSec .cbGuide span strong {font-weight:700;}
.cbTitleSec .pBtn {position:absolute; right:0; top:0;}

.contBox {position:relative; padding:32px; background:#F8F8F8; border-radius:16px;}
.contBox > ul {display:flex; justify-content:flex-start; align-items:flex-start; gap:20px; flex-direction:column; flex-wrap:wrap;}
.contBox > ul li {display:flex; justify-content:flex-start; align-items:flex-start; width:100%;}
.contBox > ul li.addressInfo {margin-bottom:20px;}
.contBox > ul li.addressInfo:last-child {margin-bottom:0;}
.contBox > ul li > .item {width:12%; position:relative; color:#333; font-size:16px; display:flex; justify-content:flex-start; align-items:center; gap:6px; font-weight:700; flex:0 0 auto;}
.contBox > ul li > .item:before {content:''; width:3px; height:3px; background:#333; border-radius:50%;}
.contBox > ul li > .item.inIco {font-size:20px;}
.contBox > ul li > .item.inIco:before {display:none;}
.contBox > ul li > .ipCon {width:calc(100% - 12%); color:#777; font-size:16px; line-height:1.4; font-weight:500;}
.contBox > ul li > .ipCon > dl {display:block; margin:10px 0;}
.contBox > ul li > .ipCon > dl.marSet {margin-top:0;}
.contBox > ul li > .ipCon > dl dd {display:block; position:relative; padding-left:18px; line-height:1.4; margin-bottom:6px;}
.contBox > ul li > .ipCon > dl dd:last-child {margin-bottom:0;}
.contBox > ul li > .ipCon > dl dd .num {position:absolute; left:0; top:0;}
.contBox > ul li > .ipCon > dl dd.caution {color:#FF4D4D; font-size:14px;}
.contBox > ul li > .ipCon > dl.plat dd {padding-left:0; display:flex; align-items:center; gap:5px;}
.contBox > ul li > .ipCon > dl.itemList {margin:0;}
.contBox > ul li > .ipCon > dl.itemList dd {padding-left:0; display:flex; align-items:center; gap:6px; margin-bottom:6px;}
.contBox > ul li > .ipCon > dl.itemList dd:before {content:''; display:inline-block; width:3px; height:3px; background:#777; border-radius:50%; margin-top:0px;}
.contBox > ul li > .ipCon > dl.itemList.plat dd:before {display:none;}
.contBox > ul li > .ipCon > dl.itemList.pad {padding-left:20px;}
.contBox > ul li > .ipCon > dl.mapCont {margin:5px 0 0;}
.contBox > ul li > .ipCon > dl.mapCont dd {display:flex; align-items:center; gap:10px; color:#333; font-size:16px; font-weight:500;}
.contBox > ul li > .ipCon > dl.mapCont dd a {color:#333;}
.contBox > ul li > .ipCon .btnArea {display:flex; align-items:center; gap:10px;}
.contBox > ul li > .ipCon .btnArea.marSet {margin-top:10px;}
.contBox > ul li > .ipCon > .caution {color:#FF4D4D; font-size:14px; margin-top:16px;}

.contBox > ul li > .ipCon .imgSec {display:flex; gap:16px; margin-top:20px;}
.contBox > ul li > .ipCon .imgSec img {border-radius:8px; width:auto; max-width:100%;}
.contBox > ul li > .ipCon .itemTable {border-radius:8px;}
.contBox > ul li.column {flex-direction:column; gap:16px;}
.contBox > ul li.column > .item {width:100%; font-size:18px;}
.contBox > ul li.column > .item:before {display:none;}
.contBox > ul li.column > .ipCon {width:100%; padding-left:0px;}
.contBox > ul li.column > .ipCon > dl.itemList {padding-left:6px;}
.contBox > ul.list {align-items:center; gap:6px 0px; flex-direction:row;}
.contBox > ul.list li {display:block; color:#777; font-size:16px; font-weight:500; position:relative; padding-left:10px; width:33.33334%; line-height:1.3;}
.contBox > ul.list li:after {content:''; position:absolute; left:0; top:7px; width:3px; height:3px; background:#777; border-radius:50%;}
.contBox > ul.tight li > .item {width:12%;}
.contBox > ul.tight li > .ipCon {width:calc(100% - 12%);}
.contBox > ul.marSet {margin-top:24px;}

.contBox .contTitle {color:#333; font-size:20px; font-weight:700; margin-bottom:12px; line-height:1.3;}
.contBox .contDesc {color:#777; font-size:16px; line-height:1.4;}
.contBox.flex {display:flex; justify-content:flex-start; align-items:stretch; margin-top:24px;}
.contBox.white {background:transparent; border:1px solid #E5E5E5; background:#FFF;}
.contBox.marSet {margin-top:24px;}
.contBox.in {border-radius:8px; padding:40px;}
.contBox.in > ul li .item {font-size:18px; width:24%;}
.contBox.in > ul li .item:before {display:none;}
.contBox.in > ul li dl {display:flex; flex-flow:row wrap; gap:10px 0; margin:0;}
.contBox.in > ul li dl dd {width:33.33334%; display:flex; gap:4px; color:#333; font-size:16px; font-weight:500; line-height:1.3; padding:0; margin:0;}
.contBox.in > ul li dl dd:before {content:''; width:16px; height:16px; background:url(../img/ico_chk.svg) no-repeat 50% 50%; background-size:100%;}
.contBox.in > ul li dl.num {flex-flow:column nowrap; gap:12px;}
.contBox.in > ul li dl.num dd {width:100%; position:relative; padding-left:18px;}
.contBox.in > ul li dl.num dd:before {display:none;}
.contBox.in > ul li dl.num dd span {position:absolute; left:0; top:0;}
.contBox.clean {padding:0; background:transparent; border-radius:0;}
.contBox.clean .btnArea {display:flex; justify-content:flex-end; align-items:center; gap:10px; margin:20px 0 48px;}

.contBox a.funcBtn {color:#777; display:inline-flex; align-items:center; gap:4px;}
.contBox a.funcBtn.tel:before {content:''; width:18px; height:18px; background:url(../img/fico_tel.svg) no-repeat 50% 50%; background-size:100%;}
.contBox a.funcBtn.mail:before {content:''; width:18px; height:18px; background:url(../img/fico_mail.svg) no-repeat 50% 50%; background-size:100%;}

.contTable {position:relative; border:1px solid #E5E5E5; border-radius:8px; background:#FFF; margin-top:32px;}
.contTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.contTable table th, .contTable table td {border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.contTable table th {text-align:center; padding:24px 0; color:#333; font-size:16px; font-weight:600; background:#EFF5F1;}
.contTable table td {padding:13px 28px; color:#777; font-size:16px; font-weight:500; line-height:1.3;}
.contTable table td strong {font-weight:600;}
.contTable table td strong.blue {color:#689DEA;}
.contTable table td strong.red {color:#FF726B;}
.contTable table td strong.yellow {color:#F2A618;}
.contTable table td strong.green {color:#65B555;}
.contTable table td span {color:#555; text-decoration:underline;}
.contTable table td:first-child {text-align:center; font-weight:600;}
.contTable table th:last-child, .contTable table td:last-child {border-right:0px;}
.contTable table tr:last-child td {border-bottom:0;}

.contItem {position:relative; border:1px solid #E5E5E5; border-radius:8px; background:#FFF; margin:24px 0;}
.contItem .itemBlock {display:flex; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #E5E5E5;}
.contItem .itemBlock.head {background:#F8F8F8;}
.contItem .itemBlock:last-child {border-bottom:0;}
.contItem .itemBlock li {width:100%; padding:24px 0; text-align:center; color:#777; font-size:16px; font-weight:500; border-bottom:1px solid #E5E5E5;}
.contItem .itemBlock li:last-child {border-bottom:0;}
.contItem .itemBlock .ibTitle {display:flex; justify-content:center; align-items:center; text-align:center; width:18%; color:#333; font-size:16px; font-weight:600;}
.contItem .itemBlock .item {display:flex; justify-content:flex-start; align-items:flex-start; flex:1 0 auto; flex-direction:column; border-left:1px solid #E5E5E5;}
.contItem .itemBlock .period {display:flex; justify-content:center; align-items:center; text-align:center; flex-direction:column; width:12%; border-left:1px solid #E5E5E5;}

.stepBox {display:flex; justify-content:flex-start; align-items:stretch; gap:42px; flex-wrap:wrap; margin-top:32px;}
.stepBox .perStep {width:calc((100% / 6) - 35px); position:relative; border:1px solid #E5E5E5; border-radius:8px; background:#FFF; display:flex; justify-content:flex-start; align-items:center; flex-direction:column; padding:24px 8px; text-align:center; flex:1 0 auto;}
.stepBox .perStep:after {content:''; position:absolute; right:-32px; top:50%; transform:translate(0, -50%); width:20px; height:20px; background:url(../img/ar_step.svg) no-repeat 50% 50%; background-size:100%;}
.stepBox .perStep:last-child:after {display:none;}
.stepBox .perStep .num {color:#007D72; font-size:16px; font-weight:700;}
.stepBox .perStep .ico {width:40px; height:40px; margin:8px 0;}
.stepBox .perStep .txt {color:#333; font-size:16px; font-weight:700; line-height:1.3; margin:10px 0;}
.stepBox .perStep .desc {color:#777; font-size:14px; font-weight:400; margin-top:4px;}
.stepBox .perStep .desc span {display:block; font-size:12px;}
.stepBox .perStep.noAr:after {display:none;}
.stepBox.flow .perStep .ico {margin:0;}
.stepBox.flow .perStep .num {margin:8px 0 6px;}
.stepBox.flow.tight {gap:16px;}
.stepBox.tightGap {gap:30px;}
.stepBox.tightGap .perStep:after {display:none;}
.stepBox.tightGap .stepAr {display:block; flex:0 0 auto; color:#777; font-size:14px; text-align:center; margin-top:70px;}
.stepBox.tightGap .stepAr img {display:block;}
.stepBox.marSet {margin:0 0 24px;}
.stepBox.seven {gap:24px; margin:0;}
.stepBox.seven .perStep {width:calc((100% / 7) - 21px);}
.stepBox.seven .perStep:after {right:-24px;}
.stepBox.vision {margin:0; gap:20px;}
.stepBox.vision .perStep .ico {width:80px; height:80px; margin:0 0 10px;}
.stepBox.vision .perStep:after {display:none;}
.stepBox.vision .perStep .txt {font-size:20px;}

.txtStepBox {display:flex; justify-content:flex-start; align-items:stretch; gap:47px; flex-wrap:wrap;}
.txtStepBox .perStep {width:calc(25% - 36px); padding:10px 0; text-align:center; color:#FFF; font-size:16px; font-weight:500; border-radius:8px; position:relative;}
.txtStepBox .perStep:after {content:''; position:absolute; right:-32px; top:50%; transform:translate(0, -50%); width:20px; height:20px; background:url(../img/ar_step.svg) no-repeat 50% 50%; background-size:100%;}
.txtStepBox .perStep:last-child:after {display:none;}
.txtStepBox .perStep.st01 {background:#85C291;}
.txtStepBox .perStep.st02 {background:#559D63;}
.txtStepBox .perStep.st03 {background:#007D72;}
.txtStepBox .perStep.st04 {background:#005049;}

.safeSystem {display:flex; justify-content:center; align-items:center; position:relative; gap:256px; padding:48px 0;}
.safeSystem .partBox {display:flex; justify-content:center; align-items:center; width:366px; flex:0 0 auto;}
.safeSystem .partBox .sysItem {width:100%; max-width:240px; display:flex; justify-content:flex-start; align-items:stretch; gap:16px; flex-direction:column; flex:0 0 auto;}
.safeSystem .partBox .sysItem li {display:block; padding:20px 0; text-align:center; background:#FFF; border-radius:16px; border:1px solid #E5E5E5;}
.safeSystem .partBox .sysItem li .title {color:#333; font-size:16px; font-weight:600;}
.safeSystem .partBox .sysItem li .desc {color:#777; font-size:16px; font-weight:500; margin-top:8px;}
.safeSystem .partBox .line {width:126px; height:324px; background:url(../img/safe_line.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}
.safeSystem .partBox .line.reverse {transform:rotate(180deg);}
.safeSystem .sysSafe {width:100%; max-width:256px; text-align:center; flex:0 0 auto; position:absolute; left:50%; top:66px; transform:translate(-50%, 0);}
.safeSystem .sysSafe .sysTitle {color:#333; font-size:20px; font-weight:700; margin-bottom:16px;}
.safeSystem .sysSafe .sysGroup {background:#FFF; border-radius:16px; border:1px dashed #BBB; padding:16px; display:flex; justify-content:center; align-items:stretch; gap:8px; flex-direction:column;}
.safeSystem .sysSafe .sysGroup .perSys {border-radius:8px; display:flex; justify-content:center; align-items:center; color:#FFF; font-size:16px; font-weight:500; line-height:1.3; background:#559D63; padding:18px 10px; height:78px;}
.safeSystem .sysSafe .sysGroup .perSys.major {background:#007D72; font-size:18px; font-weight:700;}

.partCont {position:relative; width:33.33334%; padding-left:32px;}
.partCont:first-child {padding-left:0;}
.partCont:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#E5E5E5;}
.partCont:last-child:after {display:none;}
.partCont .pTitle {color:#333; font-size:16px; font-weight:700; margin-bottom:16px;}
.partCont ul {display:flex; justify-content:flex-start; align-items:flex-start; gap:10px; flex-direction:column;}
.partCont ul li {display:block; position:relative; color:#777; font-size:16px; line-height:1.3; padding-left:14px;}
.partCont ul li:after {content:''; position:absolute; left:4px; top:6px; width:3px; height:3px; background:#777; border-radius:50%;}
.partCont a.pBtn {display:inline-block; margin-top:16px;}

.halfCont {position:relative; display:flex; justify-content:flex-start; align-items:stretch; gap:20px;}
.halfCont .perHalf {width:calc(50% - 10px); border:1px solid #E5E5E5; border-radius:16px; padding:24px;}
.halfCont .perHalf .title {color:#333; font-size:20px; font-weight:700; margin-bottom:16px;}
.halfCont .perHalf ul {display:flex; align-items:flex-start; gap:16px; flex-flow:column nowrap;}
.halfCont .perHalf ul li {display:block; color:#777; font-size:16px; font-weight:500; line-height:1.3; padding-left:14px; position:relative;}
.halfCont .perHalf ul li:after {content:''; position:absolute; left:4px; top:8px; width:3px; height:3px; background:#777; border-radius:50%;}
.halfCont.tight {flex-flow:row wrap;}
.halfCont table {padding:0; margin:0; width:100%; table-layout:fixed; border-top:1px solid #222;}
.halfCont table th, .halfCont table td {border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; padding:10px 12px; color:#777; font-size:14px; font-weight:500; line-height:1.3; text-align:center;}
.halfCont table th {background:#EFF5F1; text-align:center; color:#333; font-weight:600;}
.halfCont table th:last-child, .halfCont table td:last-child {border-right:0;}
.halfCont table td.arLeft {text-align:left;}
.halfCont table td.arLeft a {position:relative; display:flex; justify-content:flex-start; align-items:center; gap:4px;}
.halfCont table td.arLeft a:after {content:''; width:16px; height:16px; background:url(../img/ico_outlink.svg) no-repeat 50% 50%; background-size:100%;}

.levCont {position:relative; margin-bottom:32px;}
.levCont:last-child {margin-bottom:0;}
.levCont .levTitle {display:flex; align-items:center; gap:8px; color:#333; font-size:20px; font-weight:700; line-height:1.3; margin-bottom:16px;}
.levCont .levTitle span {display:inline-block; padding:5px 12px; background:#007D72; color:#FFF; text-align:center; border-radius:4px;}

.fourthCont {position:relative; display:flex; align-items:stretch; gap:20px; flex-flow:row wrap;}
.fourthCont .perItem {width:calc(25% - 15px); border:1px solid #E5E5E5; border-radius:16px; padding:40px 32px;}
.fourthCont .perItem .kind {display:inline-block; margin-right:4px; padding:6px 12px; border-radius:4px; background:#85C291; color:#FFF; font-size:16px; font-weight:500;}
.fourthCont .perItem .title {color:#333; font-size:34px; font-weight:600; margin-top:8px; display:flex; align-items:center; gap:4px;}
.fourthCont .perItem .title em {font-size:42px; font-weight:700;}
.fourthCont .perItem .howto {display:flex; justify-content:space-between; align-items:flex-end; margin-top:40px;}
.fourthCont .perItem .howto .txtSec {width:calc(100% - 64px); color:#777; font-size:16px; font-weight:500;}
.fourthCont .perItem .howto .txtSec strong {color:#444; font-weight:600;}
.fourthCont .perItem .howto .icoSec {width:64px; flex:0 0 auto;}

.itemTable {position:relative; border-radius:16px; border:1px solid #E5E5E5; overflow:hidden; background:#FFF;}
.itemTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.itemTable table col.item {width:15%;}
.itemTable table th, .itemTable table td {border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; padding:20px 24px; color:#777; font-size:16px; font-weight:500; line-height:1.4;}
.itemTable table th {background:#f8f8f8; text-align:center; color:#333; font-weight:600;}
.itemTable table td.item {color:#333; font-weight:600; text-align:center;}
.itemTable table td.end {border-bottom:0;}
.itemTable table th:last-child, .itemTable table td:last-child {border-right:0;}
.itemTable table tr:last-child td {border-bottom:0;}
.itemTable table th, tHead, .itemTable table td.tHead {text-align:center; background:#EFF5F1; color:#333; font-size:18px; font-weight:600;}
.itemTable table td a {display:inline-block; color:#007D72;}
.itemTable table td ul {display:flex; flex-flow:column wrap; gap:4px;}
.itemTable table td ul li {display:block; position:relative; padding-left:18px; line-height:1.4; display:flex;}
.itemTable table td ul li span {position:absolute; left:0; top:0;}
.itemTable.center table th, .itemTable.center table td {text-align:center;}
.itemTable.center {margin-bottom:24px;}
.tGreen {color:#007D72;}
.tRed {color:#FF4D4D;}

.flowCont {position:relative;}
.flowCont .perFlow {position:relative; margin-bottom:16px;}
.flowCont .perFlow .fTitle {color:#333; font-size:16px; font-weight:600; line-height:1.3; padding-left:20px; position:relative;}
.flowCont .perFlow .fTitle.bullet {margin-bottom:6px;}
.flowCont .perFlow .fTitle.bullet:after {content:''; position:absolute; left:8px; top:7px; width:3px; height:3px; background:#333; border-radius:50%;}
.flowCont .perFlow .fTitle span {position:absolute; left:0; top:0;}
.flowCont .perFlow .fTitle em {font-size:14px; display:inline-flex; align-items:center; gap:4px;}
.flowCont .perFlow .fTitle em a {line-height:1.3;}
.flowCont .perFlow .fTitle em a.funcBtn.tel:before {width:14px; height:14px;}
.flowCont .perFlow > dl {margin-top:10px;}
.flowCont .perFlow > dl dd {display:flex !important; gap:6px; padding:0; margin-bottom:6px; padding-left:24px !important;}
.flowCont .perFlow > dl dd:last-child {margin-bottom:0;}
.flowCont .perFlow > dl dd:before {content:''; display:inline-block; width:3px; height:3px; background:#777; border-radius:50%; margin-top:7px;}
.flowCont .perFlow > dl dd.plat {padding-left:20px !important;}
.flowCont .perFlow > dl dd.plat:before {display:none;}
.flowCont .perFlow > dl.bulletSv {margin-left:14px;}
.flowCont .perFlow > dl.bulletSv dd {padding-left:0 !important;}
.flowCont .perFlow > dl.bulletSv dd:before {display:none;}
.flowCont .perFlow .caution {color:#FF4D4D; font-size:14px; margin:16px 0 0 14px;}
.flowCont .perFlow .itemTable {margin:16px 0 0 14px;}
.flowCont .perFlow.plat {margin-bottom:0;}
.flowCont .perFlow.plat > dl {margin-top:0;}
.flowCont .perFlow.plat > dl dd {padding-left:0 !important;}

li.column .flowCont .perFlow > dl {margin-top:0;}
li.column .flowCont .perFlow > dl dd {padding-left:6px !important;}

.scrollBox {position:relative; overflow:auto;}

input[type="text"], input[type="password"], input[type="number"] {display:inline-block; width:100%; flex:1 0 auto; height:40px; line-height:38px; border:1px solid #ddd; color:#333; font-size:16px; font-weight:500; border-radius:4px; padding:0 16px; box-sizing:border-box;}
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus {outline:1px solid #007D72; background:#f4fffe; z-index:10;}
textarea {display:inline-block; width:100%; height:200px; line-height:1.4; border:1px solid #ddd; color:#333; font-size:16px; font-weight:500; border-radius:4px; padding:16px; box-sizing:border-box; background:#f9f9f9;}
.pBlock {display:flex; justify-content:flex-start; align-items:center; gap:8px; margin-bottom:8px;}
.pBlock.fix {height:40px; gap:10px;}
.pBlock.fix span {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.pBlock:last-of-type {margin-bottom:0;}
a.btnZip {height:40px; display:inline-flex; justify-content:center; align-items:center; border:1px solid #B2B2B2; background:#B2B2B2; color:#FFF; font-size:14px; font-weight:500; border-radius:4px; padding:0 20px;}
input.inputName {width:40%;}
input.inputZip {width:140px; flex:0 0 auto;}
input.inputAge {width:80px; flex:0 0 auto;}
input.inputSchool {width:80px; flex:0 0 auto;}
input.inputGrade {width:80px; flex:0 0 auto;}
input.address {width:calc(50% - 4px);}

.bbsForm {position:relative;}
.bbsForm .formTitle {display:flex; justify-content:space-between; align-items:center; margin:16px 0; color:#333; font-size:16px; font-weight:600; position:relative;}
.bbsForm .formTitle .required {color:#777; font-size:14px; font-weight:500;}
.bbsForm .formTitle .required em {color:#FF0000;}
.bbsForm .formTitle.mypage {padding-left:16px;}
.bbsForm .formTitle.mypage:after {content:''; position:absolute; left:4px; top:6px; width:3px; height:3px; background:#222; border-radius:50%;}
.bbsForm table {padding:0; margin:0; width:100%; table-layout:fixed; border-top:1px solid #222; margin-bottom:30px;}
.bbsForm table:last-of-type {margin-bottom:0;}
.bbsForm table th, .bbsForm table td {padding:8px 16px; font-size:16px; font-weight:500; color:#222; text-align:left; border-bottom:1px solid #E5E5E5; height:56px;}
.bbsForm table th {background:#F6F7F9;}
.bbsForm table th .required {display:inline-block; color:#FF0000; font-size:18px; font-weight:700; margin-left:5px;}
.bbsForm table td label {margin-right:16px;}
.bbsForm table td .fileName {display:flex; align-items:center; gap:10px;}
.bbsForm .nameSx {display:flex; justify-content:flex-start; align-items:center; gap:20px;}
.bbsForm .nameSx input[type="text"] {flex:0 1 auto;}
.bbsForm .labelGroup {display:inline-flex; justify-content:flex-start; align-items:center; gap:20px; flex:0 0 auto;}
.bbsForm .labelGroup label {margin-right:0;}
.bbsForm .birth {display:inline-flex; justify-content:flex-start; align-items:center; gap:10px;}
.bbsForm .birth input {flex:0 1 auto;}
.bbsForm .resultBox {display:flex; justify-content:flex-start; align-items:flex-start; gap:10px 0; flex-wrap:wrap;}
.bbsForm .selResult {display:flex; justify-content:flex-start; align-items:center; margin-right:70px;}
.bbsForm .selResult .srTitle {color:#222; font-size:16px; font-weight:700; width:80px; flex:0 0 auto;}
.bbsForm .selResult .result {width:calc(100% - 80px);}
.bbsForm .selResult:last-of-type {margin-bottom:0;}
.bbsForm .reasonPart {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:12px;}
.bbsForm .reasonPart label {margin-right:0; width:calc(50% - 6px);}
.bbsForm textarea.short {height:120px;}
.bbsForm .reasonTxt {padding-top:16px;}
.bbsForm .reasonTxt .resTitle {color:#222; font-size:16px; font-weight:600; margin-bottom:10px;}
.bbsForm .btnArea {display:flex; justify-content:flex-end; align-items:center; gap:10px; margin-top:32px;}
.bbsForm .btnArea.between {justify-content:space-between;}
.bbsForm .cauTxt {display:block; margin-top:10px; font-size:14px; color:#ff6a5f; font-weight:500;}
.bbsForm .cauTxt.inline {display:inline-block; margin:0 0 0 10px;}
.bbsForm .inputPw {width:200px;}

.termsCont {max-height:110px; overflow:hidden; overflow-y:auto; background:#f9f9f9; border:1px solid #d9d9d9; padding:16px; box-sizing:border-box; font-size:16px; color:#666; line-height:1.4;}
.termsCont.full {padding:34px 24px; background:#FFF; border:1px solid #E5E5E5; border-radius:16px; height:auto; max-height:100%;}
.agreeTxt {position:relative; margin-top:16px;}

a.bbsBtn {display:block; padding:18px 0; width:176px; border-radius:4px; text-align:center;}
a.bbsBtn.list {border:1px solid #E5E5E5; background:#FFF; color:#222; font-size:16px; font-weight:500;}
a.bbsBtn.cancel {border:1px solid #E5E5E5; background:#FFF; color:#222; font-size:16px; font-weight:500;}
a.bbsBtn.confirm {border:1px solid #007D72; background:#007D72; color:#FFF; font-size:16px; font-weight:500;}
a.bbsBtn.delete {border:1px solid #E5E5E5; background:#FFF; color:#222; font-size:16px; font-weight:500;}
a.bbsBtn.edit {border:1px solid #273269; background:#273269; color:#FFF; font-size:16px; font-weight:500;}
a.bbsBtn.back {border:1px solid #E5E5E5; background:#FFF; color:#666; font-size:16px; font-weight:500;}
a.bbsBtn.apply {border:1px solid #007D72; background:#007D72; color:#FFF; font-size:16px; font-weight:500;}
a.bbsBtn.hold {border:1px solid #77adcf; background:#77adcf; color:#FFF; font-size:16px; font-weight:500;}
a.bbsBtn.end {border:1px solid #ff6a5f; background:#ff6a5f; color:#FFF; font-size:16px; font-weight:500;}
a.bbsBtn.holdend {border:1px solid #ff6a5f; background:#ff6a5f; color:#FFF; font-size:16px; font-weight:500;}
a.bbsBtn.finish {border:1px solid #222; background:#222; color:#FFF; font-size:16px; font-weight:500;}

a.bbsBtnS {display:block; padding:8px 14px; border-radius:4px; text-align:center; font-size:14px;}
a.bbsBtnS.cancel {color:#222; border:1px solid #E5E5E5; background:#FFF;}
a.bbsBtnS.confirm {color:#FFF; border:1px solid #007D72; background:#007D72;}
a.bbsBtnS.edit {color:#FFF; border:1px solid #77adcf; background:#77adcf;}

a.inBtn {display:inline-flex; justify-content:center; align-items:center; gap:2px; padding:6px 12px; font-size:14px; font-weight:500; border-radius:4px; position:relative;}
a.inBtn.download {color:#007D72; background:#EFF5FF;}
a.inBtn.download:after {content:''; width:16px; height:16px; background:url(../img/ico_download.svg) no-repeat 50% 50%; background-size:100%;}
a.inBtn.link {color:#007D72; background:#EFF5FF;}
a.inBtn.link:after {content:''; width:16px; height:16px; background:url(../img/ico_outlink.svg) no-repeat 50% 50%; background-size:100%;}

a.pBtn {display:block; padding:10px 16px; border-radius:8px; text-align:center; color:#FFF; font-size:16px; font-weight:600; background:#007D72; border:1px solid #007D72;}

.bbsListSec {position:relative;}
.bbsSearch {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.bbsSearch .totalCount {color:#999; font-size:16px; font-weight:400;}
.bbsSearch .searchFunc {position:relative; width:40%; max-width:100%;}
.bbsSearch .searchFunc input[type="text"] {border-radius:8px;}
.bbsSearch .searchFunc button {position:absolute; right:0; width:40px; height:40px; border-radius:50%; background:url(../img/ico_search.svg) no-repeat 50% 50%; background-size:16px; cursor:pointer; z-index:1; text-indent:-9999px;}

.bbsList {display:flex; justify-content:flex-start; align-items:stretch; gap:24px; flex-wrap:wrap; padding-top:30px; border-top:1px solid #333;}
.bbsList.gallery {gap:56px 24px;}
.bbsList .perArticle {width:calc(33.33334% - 16px); position:relative;}
.bbsList .perArticle > a {display:block; border:1px solid #E5E5E5; border-radius:16px; padding:26px; background:#FFF;}
.bbsList .perArticle > a:hover {border:1px solid #007D72; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);}
.bbsList .perArticle .subject {display:block;}
.bbsList .perArticle .subject .txt {color:#222; font-size:20px; font-weight:600; line-height:1.4; margin:8px 0 14px; height:56px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bbsList .perArticle .btnArea {display:flex; justify-content:flex-end; align-items:center; gap:10px; margin-top:10px; padding:0 10px;}
.bbsList .perGallery {width:calc(25% - 18px);}
.bbsList .perGallery a {display:block;}
.bbsList .perGallery .thumb {position:relative; border-radius:16px; overflow:hidden; border:1px solid #E5E5E5;}
.bbsList .perGallery .thumb:after {content:''; display:block; height:auto; overflow:hidden; padding-bottom:68%;}
.bbsList .perGallery .thumb img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto;}
.bbsList .perGallery .subjectSec {margin-top:16px; padding:0 10px;}
.bbsList .perGallery .subjectSec .subject {color:#222; font-size:18px; font-weight:600; line-height:1.4; height:52px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bbsList .perGallery .subjectSec .date {margin-top:32px; color:#aaa; font-size:14px; font-weight:500;}

.articleList {display:block;}
.articleList ul {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap;}
.articleList ul li {text-align:center; color:#777; font-size:14px; font-weight:500; width:120px; flex:0 0 auto; display:flex; justify-content:center; align-items:center;}
.articleList ul li.cont {width:auto; flex:1 0 auto;}
.articleList ul li.attatch {width:100px;}
.articleList ul li.attatch img {width:24px;}
.articleList ul li.num {width:100px;}
.articleList ul li.part {width:140px;}
.noti {display:inline-block; padding:5px 12px; background:#007D72; border-radius:6px; color:#FFF; font-size:14px; font-weight:500;}
.articleList ul li a {display:block; color:#777;}
.articleList ul li a:hover {text-decoration:underline;}
.articleList ul li a.btnPrint {display:flex; justify-content:center; align-items:center; color:#222; font-size:14px;}
.articleList ul li a.btnPrint:before {content:''; width:20px; height:20px; background:url(../img/ico_print.svg) no-repeat 50% 50%; background-size:100%;}
.articleList ul li a.btnPrint:hover {text-decoration:underline;}
.articleList ul li a.btnReview {display:flex; justify-content:center; align-items:center; color:#FF521C; font-size:14px;}
.articleList ul li a.btnReview:before {content:''; width:20px; height:20px; background:url(../img/ico_review.svg) no-repeat 50% 50%; background-size:100%;}
.articleList ul li a.txtBtn {display:block; color:#aaa; font-size:14px; font-weight:500; margin-right:20px; position:relative;}
.articleList ul li a.txtBtn:after {content:''; position:absolute; right:-10px; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#aaa;}
.articleList ul li a.txtBtn:last-child {margin-right:0;}
.articleList ul li a.txtBtn:last-child:after {display:none;}
.articleList ul.tHead {padding:20px 0; background:#F6F7F9; border-top:1px solid #222;}
.articleList ul.tBody {padding:15px 0; border-bottom:1px solid #E5E5E5;}
.articleList ul.tBody li.cont {text-align:left; justify-content:flex-start;}
.articleList ul.tBody li.cont .num {width:100px; text-align:center; flex:0 0 auto;}
.articleList ul.tBody li.cont .nf {width:100px; text-align:center;}
.articleList ul.tBody li.part {justify-content:flex-start;}
.articleList ul.flagNotice li {color:#333;}
.articleList ul.flagNotice li a {display:block; width:100%; color:#333;}

.sPart {display:flex; justify-content:flex-start; align-items:center; color:#333; font-size:14px; position:relative; gap:6px;}
.sPart:before {content:''; width:26px; height:26px; flex:0 0 auto;}
.sPart.s05:before {background:url(../img/part_s01.svg) no-repeat 50% 50%; background-size:100%;}
.sPart.s07:before {background:url(../img/part_s02.svg) no-repeat 50% 50%; background-size:100%;}
.sPart.s08:before {background:url(../img/part_s03.svg) no-repeat 50% 50%; background-size:100%;}
.sPart.s03:before {background:url(../img/part_s04.svg) no-repeat 50% 50%; background-size:100%;}
.sPart.s04:before {background:url(../img/part_s05.svg) no-repeat 50% 50%; background-size:100%;}
.sPart.s09:before {background:url(../img/part_s06.svg) no-repeat 50% 50%; background-size:100%;}
.sPart.s10:before {background:url(../img/part_s07.svg) no-repeat 50% 50%; background-size:100%;}
.sPart.s01:before {background:url(../img/part_s08.svg) no-repeat 50% 50%; background-size:100%;}
.sPart.s02:before {background:url(../img/part_s09.svg) no-repeat 50% 50%; background-size:100%;}
.sPart.s06:before {background:url(../img/part_s10.svg) no-repeat 50% 50%; background-size:100%;}

.rKind {display:inline-block; padding:4px 12px; width:80px; text-align:center; border-radius:100px; font-size:14px; font-weight:500; color:#FFF; margin-right:10px;}
.rKind.report {border:1px solid #77adcf; color:#77adcf;}
.rKind.research {border:1px solid #ff6a5f; color:#ff6a5f;}

.perArticle .stats {display:inline-block; padding:4px 12px; border-radius:100px; font-size:14px; font-weight:500; color:#FFF;}
.perArticle .stats.ing {background:#007D72;}
.perArticle .stats.end {background:#ff6a5f;}
.perArticle .stats.hold {background:#77adcf;}
.perArticle .stats.holdend {background:#ff6a5f;}
.perArticle .stats.finish {background:#999;}
.perArticle .stats.notice {background:#222;}
.perArticle ul {display:flex; justify-content:flex-start; align-items:flex-start; gap:6px; flex-direction:column;}
.perArticle ul li {display:flex; justify-content:flex-start; align-items:flex-start; gap:6px;}
.perArticle ul li .item {color:#777; font-size:14px; position:relative; padding-left:12px;}
.perArticle ul li .item:after {content:''; position:absolute; left:4px; top:6px; width:2px; height:2px; border-radius:50%; background:#777;}
.perArticle ul li .ipCon {color:#222; font-size:14px; font-weight:500;}
.perArticle ul li .ipCon em {color:#007D72; font-weight:700;}

.bbsViewSec {position:relative;}
.bbsViewCont {position:relative;}
.bbsViewCont.bdrTop {border-top:1px solid #222;}
.bbsViewCont .subject {color:#222; font-size:20px; font-weight:600; line-height:1.4; background:#F8F8F8; padding:24px 32px; border-bottom:1px solid #ddd; display:flex; justify-content:flex-start; align-items:center; gap:10px;}
.bbsViewCont .dateLine {display:flex; justify-content:space-between; align-items:flex-start; gap:24px; padding:20px 32px; border-bottom:1px solid #E5E5E5;}
.bbsViewCont .dateLine .wDate {color:#222; font-size:16px;}
.bbsViewCont .dateLine .wHit {color:#222; font-size:16px;}
.bbsViewCont .dateLine p span {font-weight:600; margin-right:5px;}
.bbsViewCont .optLine {display:flex; justify-content:flex-start; align-items:flex-start; gap:24px; padding:20px 32px; border-bottom:1px solid #E5E5E5;}
.bbsViewCont .optLine .optTitle {display:flex; justify-content:flex-start; align-items:center; color:#777; font-size:16px; gap:2px; position:relative; height:28px; width:78px;}
.bbsViewCont .optLine .optTitle:before {content:''; width:18px; height:18px; background:url(../img/ico_file.svg) no-repeat 50% 50%; background-size:100%;}
.bbsViewCont .optLine .optTitle.link:before {content:''; width:18px; height:18px; background:url(../img/ico_link.svg) no-repeat 50% 50%; background-size:100%;}
.bbsViewCont .optLine .optTitle.sPart:before {content:''; width:18px; height:18px; background:url(../img/ico_pencil.svg) no-repeat 50% 50%; background-size:100%;}
.bbsViewCont .optLine .fileList {flex:1 0 auto; display:flex; flex-flow:column wrap; gap:6px;}
.bbsViewCont .optLine .fileList li {display:inline-flex; justify-content:flex-start; align-items:center; gap:8px; color:#333; font-size:16px; font-weight:400;}

.bbsViewCont .viewCont {position:relative; padding:24px 32px; color:#333; font-size:16px; line-height:1.4; min-height:400px;}
.bbsViewCont .viewCont * {font-family:'pretendard variable' !important;}
.bbsViewCont .viewCont table {width:100% !important;}
.bbsViewCont .viewCont table th, .bbsViewCont .viewCont table td {width:auto !important; font-size:14px !important; font-family:'pretendard variable' !important;}
.bbsViewCont .viewCont .imgSec {position:relative; display:flex; justify-content:center; align-items:center; gap:24px; width:100%; max-width:768px; flex-direction:column; margin:0 auto 30px;}

.bbsViewCont .bbsEtc {display:flex; justify-content:space-between; align-items:stretch; background:#F8F8F8; border-radius:6px; padding:24px;}
.bbsViewCont .bbsEtc .manageInfo {display:flex; justify-content:flex-start; align-items:center; gap:33px;}
.bbsViewCont .bbsEtc .manageInfo span {display:flex; justify-content:flex-start; align-items:center; gap:10px; color:#777; font-size:16px; font-weight:500; position:relative;}
.bbsViewCont .bbsEtc .manageInfo span:after {content:''; position:absolute; right:-16px; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#777;}
.bbsViewCont .bbsEtc .manageInfo span:last-child:after {display:none;}
.bbsViewCont .bbsEtc .manageInfo span em {position:relative; color:#333; font-weight:600;}
.bbsViewCont .bbsEtc .galleryCont {color:#333; font-size:16px; line-height:1.4;}
.bbsViewCont .bbsEtc .galleryCont p {background:transparent !important;}
.bbsViewCont .bbsEtc .cAuthorInfo {display:flex; justify-content:flex-start; align-items:flex-start; gap:16px;}
.bbsViewCont .bbsEtc .cAuthorInfo .thumb {width:180px; border-radius:8px; overflow:hidden; position:relative; flex:0 0 auto;}
.bbsViewCont .bbsEtc .cAuthorInfo .thumb:after {content:''; display:block; height:auto; padding-bottom:130%;}
.bbsViewCont .bbsEtc .cAuthorInfo .thumb img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto;}
.bbsViewCont .bbsEtc .cAuthorInfo .authInfo {display:flex; justify-content:flex-start; align-items:flex-start; gap:6px; flex-direction:column;}
.bbsViewCont .bbsEtc .cAuthorInfo .authInfo li {display:flex; justify-content:flex-start; align-items:flex-start; gap:10px;}
.bbsViewCont .bbsEtc .cAuthorInfo .authInfo li .item {color:#777; font-size:16px; position:relative; padding-left:12px; line-height:1.6;}
.bbsViewCont .bbsEtc .cAuthorInfo .authInfo li .item:after {content:''; position:absolute; left:0px; top:9px; width:4px; height:4px; border-radius:50%; background:#777;}
.bbsViewCont .bbsEtc .cAuthorInfo .authInfo li .ipCon {color:#222; font-size:16px; font-weight:500; line-height:1.6;}
.bbsViewCont .bbsEtc .cAuthorInfo .authInfo li .ipCon em {color:#007D72; font-weight:700;}

.bbsViewCont .btnArea {display:flex; justify-content:center; align-items:center; gap:10px; margin-top:32px;}

.relBox {position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:16px;}
.relBox .perRel {position:relative; display:flex; justify-content:flex-start; align-items:center; padding:0 10px; gap:16px;}
.relBox .perRel .ico {width:32px; height:32px; background:url(../img/ar_bbs.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}
.relBox .perRel .txt {color:#333; font-size:16px;}
.relBox .perRel > a {display:block; color:#333; font-size:16px; font-weight:600; padding:18px 0; margin-left:16px;}
.relBox .perRel .relDate {position:absolute; right:10px; top:50%; transform:translate(0, -50%); text-align:right; color:#666;}
.relBox .perRel.prev {border-bottom:1px solid #ddd;}
.relBox .perRel.next .ico {transform:rotate(180deg);}

.shareBox {display:flex; justify-content:flex-end; align-items:flex-start; gap:6px;}
.shareBox img {width:36px;}

.bbsViewSec.flex {display:flex; justify-content:flex-start; align-items:flex-start; gap:40px;}
.bbsViewSec.flex .bbsViewCont {width:66%; border:1px solid #E5E5E5; border-radius:16px;}
.bbsViewSec.flex .bbsViewCont .subject {border-radius:16px 16px 0 0;}
.bbsViewSec.flex .bbsApplySec {position:sticky; left:50%; top:130px; width:calc(34% - 40px);}
.bbsViewSec.flex .bbsApplySec .shareBox {margin:20px 0; padding:0 32px;}
.bbsViewSec.flex .bbsApplyPart {position:relative; border:1px solid #E5E5E5; border-radius:16px; padding:24px 32px;}
.bbsViewSec.flex .bbsApplyPart .perArticle .stats {margin-bottom:10px; font-size:16px; padding:6px 18px; font-weight:700;}
.bbsViewSec.flex .bbsApplyPart .perArticle ul {gap:12px;}
.bbsViewSec.flex .bbsApplyPart .perArticle ul li {flex-direction:column; gap:4px;}
.bbsViewSec.flex .bbsApplyPart .perArticle ul li .item {font-size:16px; padding-left:16px;}
.bbsViewSec.flex .bbsApplyPart .perArticle ul li .item:after {width:4px; height:4px;}
.bbsViewSec.flex .bbsApplyPart .perArticle ul li .ipCon {font-size:16px; padding-left:16px;}
.bbsViewSec.flex .bbsApplyPart .btnArea {display:flex; justify-content:space-between; align-items:center; margin:50px 0 0;}
.bbsViewSec.flex .bbsApplyPart .btnArea a.bbsBtn {width:auto; padding:12px 24px;}
.bbsViewSec.flex .bbsApplyPart .btnArea a.bbsBtn.apply {padding:12px 30px; font-weight:700;}

/** paging **/
.pagingWrap {display:flex; justify-content:center; align-items:center; gap:5px; margin:40px 0;}
.pagingWrap a {display:inline-flex; justify-content:center; align-items:center; border-radius:50%; color:#000; font-size:16px; width:30px; height:30px; line-height:1.0; font-weight:400;}
.pagingWrap a.dir {border:2px solid transparent; width:30px; height:30px;}
.pagingWrap a.dir.first {background:url(../img/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg); opacity:0.3;}
.pagingWrap a.dir.forward {background:url(../img/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg); opacity:0.3;}
.pagingWrap a.dir.back {background:url(../img/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px; opacity:0.3;}
.pagingWrap a.dir.backword {background:url(../img/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px; opacity:0.3;}
.pagingWrap a.on {background:#007D72; color:#FFF; font-weight:700; position:relative;}

.upFile {display:block; margin-bottom:8px;}
.upFile:last-of-type {margin-bottom:0;}
.upFile .fileName {display:flex; justify-content:space-between; align-items:center; gap:10px;}
.upFile .fileName > a {display:inline-block; position:relative; color:#0066ff;}
.upFile .fileName > a:after {content:''; position:absolute; left:0; bottom:0px; width:100%; height:1px; background:#0066ff;}
.filebox {position:relative; display:flex; justify-content:flex-start; align-items:center; gap:5px;}
.filebox input[type="file"] {position: absolute; width: 0px; height: 0px; padding: 0; margin: 0px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox label {display:inline-block; flex:0 0 auto; padding:0 16px; height:40px; line-height:38px; color: #999; background:#fdfdfd; border:1px solid #ccc; cursor:pointer; border-radius:4px; margin:0;}
.filebox .upload-name {display: inline-block; width:40%; padding:0 15px; font-size:14px; background:#f9f9f9; border:1px solid #ccc; height:40px; line-height:38px; border-radius:4px;}

.memberSec {position:relative; width:100%; max-width:844px; margin:0 auto;}
.memberSec.login {max-width:400px;}
.memberSec.register {max-width:480px;}
.memberSec.policy {max-width:846px;}
.memberSec.register .snsForm {margin-bottom:30px;}
.memberSec .memTitle {color:#222; font-size:28px; font-weight:600; margin-bottom:40px; text-align:center;}
.memberSec .loginForm {position:relative; margin:0 auto 8px; width:100%;}
.memberSec .loginForm input {display:inline-block; width:100%; height:44px; background:#FFF; border:0; padding:0 15px; color:#222; font-size:16px; border:1px solid #E5E5E5;}
.memberSec .loginForm .input {position:relative; z-index:1; margin:5px 0;}
.memberSec .loginForm .input input {border-radius:6px; height:50px; line-height:48px;}
.memberSec .loginForm .input .inputDel {position:absolute; right:14px; top:50%; transform:translate(0, -50%); width:16px; height:16px; background:url(../img/ico_del.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px; display:none;}
.memberSec.login .btnArea {position:relative; display:block;}
.memberSec .btnArea {position:relative; display:flex; justify-content:center; align-items:center; gap:10px; text-align:center;}
.memberSec .btnArea .btnLogin {display:block; padding:16px 0; border-radius:4px; background:#007D72; color:#FFF; font-size:16px; font-weight:600; text-align:center;}
.memberSec .btnArea .btnRegist {display:inline-block; width:190px; padding:12px 0; border-radius:4px; background:#77adcf; border:1px solid #77adcf; color:#FFF; font-size:16px; font-weight:600; text-align:center;}
.memberSec .btnArea .btnCancel {display:inline-block; width:190px; padding:12px 0; border-radius:4px; background:#FFF; border:1px solid #E5E5E5; color:#222; font-size:16px; font-weight:600; text-align:center;}
.memberSec .btnArea ul {display:flex; justify-content:flex-end; align-items:center; gap:17px; margin-top:8px;}
.memberSec .btnArea ul li {display:block; position:relative;}
.memberSec .btnArea ul li:after {content:''; position:absolute; right:-8px; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#aaa;}
.memberSec .btnArea ul li:last-child:after {display:none;}
.memberSec .btnArea ul li a {display:block; color:#aaa; font-size:14px;}
.memberSec .regiGuide {margin-top:16px; padding-top:16px; border-top:1px solid #E5E5E5;}
.memberSec .regiGuide .guideTxt {color:#222; font-size:14px; font-weight:500; margin-bottom:8px;}
.memberSec .regiGuide .btnRegist {display:block; padding:16px 0; border-radius:4px; background:#77adcf; color:#FFF; font-size:16px; font-weight:600; text-align:center;}

.snsForm {position:relative; margin:30px auto 0;}
.snsForm .title {position:relative; text-align:center; margin-bottom:20px;}
.snsForm .title:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; height:1px; background:#ccc;}
.snsForm .title span {padding:10px 20px; color:#999; font-size:16px; background:#F6F7F9; position:relative; z-index:10;}
.snsForm ul {display:flex; justify-content:center; align-items:stretch; gap:16px; padding:0 20px;}
.snsForm ul li {display:block; width:calc(25% - 4px); text-align:center;}
.snsForm ul li a {display:block;}
.snsForm ul li a img {width:60px; margin:0 auto; display:block;}
.snsForm ul li a p {display:block; margin-top:6px; font-size:14px; color:#333; font-weight:500;}

.registerInfo {position:relative; width:100%; max-width:464px; margin:48px auto 0;}
.registerInfo .infoTitle {position:relative; color:#222; font-size:16px; font-weight:600; display:flex; justify-content:flex-start; align-items:center; gap:4px; margin-bottom:12px;}
.registerInfo .infoTitle:before {content:''; width:24px; height:24px; background:url(../img/mico_myname.svg) no-repeat 50% 50%; background-size:100%;}
.registerInfo .infoDesc {color:#777; font-size:12px; line-height:1.4;}
.registerInfo .infoDesc a {display:inline-block; color:#222; text-decoration:underline;}

.memKind {display:flex; justify-content:flex-start; align-items:center; gap:16px; margin-bottom:16px;}
.memKind .comnRadio {color:#222; font-size:16px; font-weight:600;}

.findForm {position:relative; margin:0 auto 8px; width:100%;}
.findForm input[type="text"] {display:inline-block; width:100%; height:44px; background:#FFF; border:0; padding:0 15px; color:#222; font-size:16px; border:1px solid #E5E5E5;}
.findForm .input {position:relative; margin:5px 0;}
.findForm .cauTxt {text-align:center; color:#ff6a5f; font-size:14px; font-weight:500; line-height:1.3; margin:10px 0;}

.resultTxt {position:relative; background:#FFF; border-radius:6px; padding:20px; border:1px solid #E5E5E5; margin-bottom:8px;}
.resultTxt .txt {text-align:center; color:#222; font-size:16px; padding:10px 0;}
.resultTxt .txt strong {font-weight:700;}
.resultTxt ul {display:block;}
.resultTxt ul li {display:block; font-size:16px; color:#333; font-weight:500; margin:14px 0; text-align:center;}
.resultTxt ul li .comnRadio {font-size:14px; color:#222; font-weight:600;}

.regiFormBox {position:relative; margin-bottom:32px;}
.regiFormBox .regiFormTitle {display:flex; justify-content:flex-start; align-items:center; color:#222; font-size:20px; font-weight:700; margin-bottom:16px; padding:0; gap:16px;}
.regiFormBox .regiFormTitle label {font-size:16px; font-weight:600;}
.regiFormBox .inBox {padding:34px 24px; background:#FFF; border:1px solid #E5E5E5; border-radius:16px;}
.regiFormBox .inBox .regiBlock {position:relative; margin-bottom:10px;}
.regiFormBox .inBox .regiBlock .title {color:#222; font-size:14px; font-weight:500; margin-bottom:6px;}
.regiFormBox .inBox .cauTxt {color:#ff6a5f; font-size:14px; font-weight:500; margin-top:6px; text-align:right;}
.regiFormBox .inBox.agree {}
.regiFormBox label {margin-right:20px;}
.regiFormBox label:last-child {margin-right:0px;}

.termsBox {position:relative; margin-bottom:20px;}
.termsWrap{}
.termsTitle {margin:0 0 16px;font-size:16px;font-weight:700;}
.termsSection {margin-top:18px;}
.chapterTitle {margin:0 0 10px;font-size:14px;font-weight:600;}
.termsArticle {padding:14px 0;border-top:1px dashed #D7DBE6;}
.termsArticle:first-of-type {border-top:0;padding-top:0;}
.articleTitle {margin:40px 0 6px;font-size:16px;font-weight:600;}
.termsText {margin:0;font-size:14px;line-height:1.6;color:#222;}
.termsList {margin:8px 0 0 0;padding:0;}
.termsItem {margin:6px 0;font-size:14px;line-height:1.6;color:#222;}
.termsSubList {margin:8px 0 0 0;padding:0;}
.termsSubItem {margin:6px 0;font-size:14px;line-height:1.6;color:#444;}

.mOutReason {display:block; margin-top:30px;}
.mOutReason li {height:40px; display:flex; justify-content:flex-start; align-items:center;}
.mOutReason li.title {color:#222; font-size:16px; font-weight:600;}
.mOutReason li input[type="text"] {display:inline-block; width:calc(100% - 90px); margin-left:16px;}

.pollKind {display:flex; justify-content:center; align-items:center; gap:8px; margin-top:24px;}
.pollKind a {display:inline-block; padding:18px 0; border-radius:100px; width:240px; color:#FFF; font-size:18px; font-weight:600; background:#ccc; text-align:center;}
.pollKind a.on {background:#559D63;}
.pollCont {position:relative; margin-top:48px; display:none;}
.pollCont .pollTitle {color:#333; font-size:20px; font-weight:700; line-height:1.4; margin-bottom:16px;}
.pollCont .pollTitle strong {font-weight:700; color:#007D72;}
.pollCont .questList {display:flex; justify-content:flex-start; align-items:flex-start; gap:0; flex-direction:column; background:#FFF; border-radius:8px;}
.pollCont .questList .perQuest {padding:24px; width:100%; border-bottom:1px solid #E5E5E5; display:flex; justify-content:flex-start; align-items:center; gap:20px;}
.pollCont .questList .perQuest:last-child {border-bottom:0;}
.pollCont .questList .perQuest .number {width:60px; height:60px; border-radius:4px; background:#85C291; display:flex; justify-content:center; align-items:center; color:#FFF; font-size:18px; font-weight:700;}
.pollCont .questList .perQuest .question {width:calc(100% - 80px);}
.pollCont .questList .perQuest .question .txt {color:#222; font-size:18px; font-weight:500;}
.pollCont .questList .perQuest .question .sample {margin-top:12px; display:flex; justify-content:flex-start; align-items:center; gap:16px;}
.pollCont .questList .perQuest .question .sample li label {color:#777; font-size:16px; font-weight:500;}
.pollCont .btnArea {display:flex; justify-content:center; align-items:center; margin:32px 0;}
.pollCont .btnArea a.viewResult {display:inline-block; padding:16px 48px; background:#007D72; border-radius:100px; color:#FFF; font-size:18px; font-weight:700;}

.pollTitle {color:#333; font-size:20px; font-weight:700; margin-bottom:16px;}
.resultCont {display:flex; flex-flow:column wrap; gap:16px;}
.resultCont .inCont {position:relative; border:1px solid #E5E5E5; border-radius:8px; display:flex; align-items:center; gap:32px; background:#FFF; padding:40px;}
.resultCont .inCont .imgSec {width:20%;}
.resultCont .inCont .txtSec {width:calc((100% - 20%) - 32px);}
.resultCont .inCont .txtSec .resultSector {display:flex; align-items:center; gap:6px; font-size:18px; font-weight:700;}
.resultCont .inCont .txtSec .resultSector:before {content:''; width:18px; height:18px;}
.resultCont .inCont .txtSec .txt {margin:8px 0 0; color:#777; font-size:16px; line-height:1.4; font-weight:500; padding-left:6px;}
.resultCont .inCont .solveSec {position:relative; margin-top:22px;}
.resultCont .inCont .solveSec .solTitle {display:flex; align-items:center; gap:6px; font-size:18px; font-weight:700;}
.resultCont .inCont .solveSec .solTitle:before {content:''; width:18px; height:18px; background:url(../img/ico_solution.svg) no-repeat 50% 50%; background-size:100%;}

.resultCont .inCont.danger .txtSec .resultSector {color:#F60000;}
.resultCont .inCont.danger .txtSec .resultSector:before {background:url(../img/ico_danger.svg) no-repeat 50% 50%; background-size:100%;}
.resultCont .inCont.careful .txtSec .resultSector {color:#FD5800;}
.resultCont .inCont.careful .txtSec .resultSector:before {background:url(../img/ico_careful.svg) no-repeat 50% 50%; background-size:100%;}
.resultCont .inCont.normal .txtSec .resultSector {color:#007D72;}
.resultCont .inCont.normal .txtSec .resultSector:before {background:url(../img/ico_normal.svg) no-repeat 50% 50%; background-size:100%;}

.serviceCont {position:relative; display:flex; align-items:stretch; gap:32px 36px; flex-flow:row wrap; background:#FFF; border:1px solid #E5E5E5; border-radius:8px; padding:40px;}
.serviceCont .perService {width:calc(33.33334% - 24px); display:flex; align-items:flex-start; gap:16px;}
.serviceCont .perService .ico {width:72px; flex:0 0 auto;}
.serviceCont .perService .txtSec {flex:0 1 auto;}
.serviceCont .perService .txtSec .txt {color:#333; font-size:16px; font-weight:700;}
.serviceCont .perService .txtSec .desc {color:#777; font-size:16px; line-height:1.4; margin-top:8px;}

.greetingSec {display:flex; justify-content:space-between; gap:20px;}
.greetingSec .txtSec {position:relative; width:40%;}
.greetingSec .txtSec .grTitle {color:#333; font-size:42px; font-weight:300; line-height:1.4;}
.greetingSec .txtSec .grTitle strong {color:#007D72; font-weight:700;}
.greetingSec .txtSec .grImg {margin-top:40px;}
.greetingSec .contSec {width:50%;}
.greetingSec .contSec .txt {color:#333; font-size:20px; line-height:1.6;}
.greetingSec .contSec .txt strong {font-weight:700;}
.greetingSec .contSec .sign {margin-top:56px; color:#333; font-size:20px; font-weight:700; line-height:1.6;}

.hisTab {display:flex; align-items:stretch; margin-bottom:56px;}
.hisTab a {display:block; width:25%; padding:24px 0; text-align:center; color:#777; font-size:24px; font-weight:500; position:relative;}
.hisTab a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd;}
.hisTab a.on {color:#007D72; font-weight:700;}
.hisTab a.on:after {height:4px; background:#007D72;}

.hisCont {position:relative; display:none;}
.hisCont .inHis {display:flex; gap:40px;}
.hisCont .inHis .currentHis {color:#007D72; font-size:46px; font-weight:700; letter-spacing:-1px; width:30%; padding:0 10px; flex:0 0 auto;}
.hisCont .inHis .history {width:calc((100% - 30%) - 40px); margin-top:5px;}
.hisCont .inHis .history .perHis {position:relative; padding:0 0 80px 28px;}
.hisCont .inHis .history .perHis:after {content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd;}
.hisCont .inHis .history .perHis:first-child:after {top:16px;}
.hisCont .inHis .history .perHis:last-child:after {height:16px;}
.hisCont .inHis .history .perHis .hisYr {color:#333; font-size:36px; font-weight:700; position:relative; margin-bottom:20px; z-index:1;}
.hisCont .inHis .history .perHis .hisYr:after {content:''; position:absolute; left:-32px; top:16px; width:10px; height:10px; background:#007D72; border-radius:50%;}
.hisCont .inHis .history .perHis ul {display:flex; flex-flow:column wrap; gap:14px;}
.hisCont .inHis .history .perHis ul li {display:flex; gap:24px; padding:0 4px;}
.hisCont .inHis .history .perHis ul li .item {width:156px; color:#333; font-size:20px; font-weight:700; line-height:1.8;}
.hisCont .inHis .history .perHis ul li .ipCon {width:calc(100% - 180px); color:#777; font-size:20px; line-height:1.8;}

.conGuide {display:flex; justify-content:center; align-items:center; gap:16px; padding:40px 20px; background:#EFF5F1; border-radius:16px;}
.conGuide .txt {color:#333; font-size:18px; font-weight:500;}
.orgCont {position:relative; background:#F8F8F8; padding:72px 80px; border-radius:16px; margin-top:24px;}
.orgCont .orgSec {position:relative; display:flex; justify-content:center; align-items:center; flex-flow:column wrap;}
.orgBox {display:flex; justify-content:center; align-items:center; border-radius:16px; position:relative; width:294px; height:80px; background:#FFF; border:1px solid #E5E5E5; margin-bottom:24px;}
.orgBox:before {content:''; position:absolute; left:50%; top:-3px; transform:translate(-50%, 0); width:6px; height:6px; background:#BBB; border-radius:50%;}
.orgBox:after {content:''; position:absolute; left:50%; bottom:-24px; transform:translate(-50%, 0); width:1px; height:24px; background:#BBB;}
.orgBox a {display:flex; justify-content:center; align-items:center; flex-flow:column wrap; width:100%; height:100%; font-size:16px; font-weight:500; position:relative;}
.orgBox a.on:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:16px; border:2px solid #007D72; box-sizing:border-box;}
.orgBox a span {color:#777; font-size:14px; margin-top:4px;}
.orgBox img {width:auto;}
.orgBox.incheon {background:#0070BD; border:1px solid #0070BD;}
.orgBox.incheon:before {display:none;}
.orgBox.px img {width:auto; height:30px;}
.orgBox.director a {font-size:18px; font-weight:600;}
.orgBox.director:after {height:300px; bottom:-300px;}
.orgGroup {display:flex; justify-content:space-between; align-items:stretch; position:relative; width:100%; max-width:1120px;}
.orgGroup:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; height:1px; background:#BBB;}
.orgGroup .orgBox {background:#E9E9E9; border:1px solid #E9E9E9; z-index:1; margin:0;}
.orgGroup .orgBox:before {left:unset; top:50%; transform:translate(0, -50%); right:-3px;}
.orgGroup .orgBox:after {display:none;}
.orgGroup .orgBox:last-child:before {left:-3px; top:50%; transform:translate(0, -50%); right:unset;}
.lineGroup {position:relative; width:100%; max-width:1060px; margin-top:80px; height:1px;}
.lineGroup:after {content:''; position:absolute; left:8.49%; bottom:-1px; width:calc(100% - 16.98%); height:1px; background:#BBB;}
.orgTeam {display:flex; align-items:stretch; flex-wrap:wrap; gap:40px; width:100%; max-width:1060px;}
.orgTeam .orgBox {margin:64px 0 0; width:calc(20% - 32px); height:110px;}
.orgTeam .orgBox:after {bottom:unset; top:-64px; height:64px;}
.orgTeam .orgBox:nth-child(3):after {display:none;}
.orgTeam .orgBox:nth-child(3):before {left:calc(50% + 0px);}

/* .perTeamInfo {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; max-width:768px; z-index:3100; height:auto; max-height:90%; display:none; background:#FFF; padding:30px; border-radius:16px;} */
.perTeamInfo .teamClose {position:absolute; right:20px; top:10px; width:40px; height:40px; cursor:pointer; z-index:10;}
.perTeamInfo .teamClose:before {content:''; position:absolute; left:50%; top:50%; width:1px; height:20px; background:#333; transform:rotate(45deg);}
.perTeamInfo .teamClose:after {content:''; position:absolute; left:50%; top:50%; width:1px; height:20px; background:#333; transform:rotate(-45deg);}

.perTeamInfo {position:relative; margin-top:64px;}
.perTeamInfo .perTeam {display:none;}
.perTeamInfo .perTeam .teamTitle {display:flex; align-items:center; gap:8px; color:#007D72; font-size:32px; font-weight:700; margin-bottom:32px; position:relative; padding:0 10px;}
.perTeamInfo .perTeam .teamTitle:before {content:''; width:32px; height:32px; background:url(../img/pico_team.svg) no-repeat 50% 50%; background-size:100%;}
.perTeamInfo .perTeam .itemTable {height:auto; }
.perTeamInfo .perTeam .itemTable tr td:first-child, .perTeamInfo .perTeam .itemTable tr td:last-child {text-align:center;}
.perTeamInfo .perTeam .itemTable a.funcBtn {color:#777; display:inline-flex; align-items:center; gap:4px;}
.perTeamInfo .perTeam .itemTable a.funcBtn.tel:before {content:''; width:18px; height:18px; background:url(../img/fico_tel.svg) no-repeat 50% 50%; background-size:100%;}
.perTeamInfo .perTeam .itemTable tr td:hover {background:#f9f9f9;}
.perTeamInfo .perTeam .itemTable tr td.arLeft {text-align:left; position:relative; padding-right:176px;}
.perTeamInfo .perTeam .itemTable tr td.arLeft p.tel {position:absolute; right:30px; top:50%; transform:translate(0, -50%); text-align:right;}
.perTeamInfo .perTeam .itemTable .position {color:#222; font-weight:600; margin-bottom:6px;}
.perTeamInfo .perTeam .itemTable .tel {color:#222; margin-top:2px;}

.mapSec .mapWrap {position:relative; height:440px; border-radius:16px; overflow:hidden; margin-bottom:16px;}
.mapSec .mapWrap .root_daum_roughmap {width:100% !important; height:100% !important; position:relative;}
.mapSec .mapWrap .root_daum_roughmap .wrap_controllers {z-index:-1; opacity:0 !important;}
.mapSec .mapWrap .root_daum_roughmap .wrap_map {height:100% !important;}

.station {display:inline-block; padding:5px 0; width:136px; text-align:center; border-radius:100px; color:#FFF; font-size:14px; font-weight:500;}
.station.blue {background:#0C3686;}
.station.green {background:#007D72;}

.mapTab {display:inline-flex; align-items:stretch; background:#F8F8F8; border-radius:16px 16px 0 0; position:relative; z-index:1;}
.mapTab a {display:block; padding:18px 24px; color:#333; font-size:18px; border-bottom:1px solid #E5E5E5;}
.mapTab a br {display:none;}
.mapTab a.on {font-weight:700; background:#FFF; border:1px solid #E5E5E5; border-radius:16px 16px 0 0; border-bottom:1px solid #FFF;}

.relOrgBox {position:relative; border-radius:16px; background:#FFF; border:1px solid #E5E5E5; padding:60px 38px; margin-top:-1px; display:flex; justify-content:space-between; align-items:center;}
.relOrgBox .relMap {width:670px;}
.relOrgBox .emptyTxt {display:flex; justify-content:center; align-items:center; gap:10px; flex-flow:column wrap; color:#999; font-size:20px; text-align:center; width:calc(100% - 670px);}

.relOrgList {position:relative; display:flex; align-items:stretch; gap:24px; flex-flow:row wrap;}
.perRelOrg {width:calc(50% - 16px); border-radius:16px; border:1px solid #E5E5E5; padding:32px 24px;}
.perRelOrg:hover {border:1px solid #007D72;}
.perRelOrg .metro {color:#222; font-size:16px; font-weight:600;}
.perRelOrg .orgName {color:#222; font-size:24px; font-weight:500; margin:10px 0;}
.perRelOrg .orgInfo {display:flex; align-items:center; gap:20px;}
.perRelOrg .orgInfo p {display:flex; align-items:center; gap:4px; color:#222; font-size:16px; font-weight:400;}
.perRelOrg .orgInfo .location:before {content:''; width:20px; height:22px; background:url(../img/mapico_address.svg) no-repeat 50% 50%; background-size:auto 100%;}
.perRelOrg .orgInfo .tel:before {content:''; width:20px; height:22px; background:url(../img/mapico_tel.svg) no-repeat 50% 50%; background-size:auto 100%;}
.perRelOrg .orgInfo .tel a.funcBtn.tel:before {display:none;}
.perRelOrg .webInfo {display:flex; justify-content:flex-end; align-items:center; gap:10px; margin-top:20px;}
.perRelOrg .webInfo p {position:relative;}
.perRelOrg .webInfo p a {display:flex; align-items:center; gap:4px; color:#222; font-size:16px; font-weight:400; text-indent:-9999px;}
.perRelOrg .webInfo .homepage a:before {content:''; width:30px; height:30px; background:url(../img/mapico_home.svg) no-repeat 50% 50%; background-size:100%;}
.perRelOrg .webInfo .insta a:before {content:''; width:30px; height:30px; background:url(../img/mapico_insta.svg) no-repeat 50% 50%; background-size:100%;}

.relOrgPop {display:none; position:absolute; right:7%; top:50%; transform:translate(0, -50%); width:100%; max-width:400px;}
.relOrgPop.is-open {display:block;}
.relOrgPop .perRelOrg {display:none; width:100%; border-radius:16px; padding:48px; background:#FFF; border:1px solid #E5E5E5; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10); margin:0 auto;}
.relOrgPop .ropClose {position:absolute; right:20px; top:10px; width:40px; height:40px; cursor:pointer; z-index:10;}
.relOrgPop .ropClose:before {content:''; position:absolute; left:50%; top:50%; width:1px; height:20px; background:#333; transform:rotate(45deg);}
.relOrgPop .ropClose:after {content:''; position:absolute; left:50%; top:50%; width:1px; height:20px; background:#333; transform:rotate(-45deg);}
.relOrgPop .perRelOrg .orgName {font-size:26px; line-height:1.3; font-weight:700; margin:10px 0 24px; height:68px;}
.relOrgPop .perRelOrg .orgInfo {flex-flow:column wrap; align-items:flex-start; gap:16px;}
.relOrgPop .perRelOrg .orgInfo p {display:flex; align-items:center; gap:8px; color:#222; font-size:20px; font-weight:700;}
.relOrgPop .perRelOrg .orgInfo .location:before {width:32px; height:34px;}
.relOrgPop .perRelOrg .orgInfo .tel:before {width:32px; height:34px;}
.relOrgPop .perRelOrg .webInfo {justify-content:flex-start;}
.relOrgPop .webInfo {margin-top:32px; gap:30px;}
.relOrgPop .webInfo p a {gap:12px; text-indent:0; font-weight:500;}
.relOrgPop .webInfo .homepage a:before {width:32px; height:32px;}
.relOrgPop .webInfo .insta a:before {width:32px; height:32px;}

.relOrgPop .perRelOrg.is-active {display:block;}

.legendTxt {text-align:right; color:#999; font-size:14px; font-weight:400; margin:10px 0;}

.sortSec {display:flex; margin-bottom:20px; gap:10px;}
.sortSec label {font-size:14px;}