.mg_0{margin:0 !important;}
.mgb_0{margin-bottom: 0 !important;}
.mgb_10{margin-bottom:10px !important;}
.mgb_20{margin-bottom:20px !important;}
.mgb_30{margin-bottom:30px !important;}
.mgb_40{margin-bottom:40px !important;}
.mgb_50{margin-bottom:40px !important;}

.mgt_20{margin-top:20px!important;}



/*left_menu*/
.sub_wrap{background: url(/resources/board_img/sub_bg.png) no-repeat top  right; position: relative;}
.sub_wrap .container{padding-bottom: 110px;}
.sub_wrap .sub_bg{background: rgb(236,243,247); background: linear-gradient(180deg, rgba(236,243,247,1) 0%, rgba(255,255,255,1) 100%); position: absolute; top: 0; height: 240px; width: 100%; z-index: -1;}
.sub_wrap .sub_contents .sub_tit{font-size: 46px; color: #000; font-weight: bold;
letter-spacing: -1px; line-height: 1em; margin-bottom: 30px;}
.sub_wrap .sub_contents{display: flex; padding-top: 50px;}
.sub_wrap .sub_contents .left_menu{min-width: 300px;}
.sub_wrap .sub_contents .left_menu h2{background: #3763d1; border-radius: 10px 60px 10px 10px;
  width: 100%; height: 190px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; font-size: 36px;  margin-bottom: 20px;}
.sub_wrap .sub_contents .left_menu ul li{margin-bottom: 10px; background: #f5f6fa; border-radius: 15px;}
.sub_wrap .sub_contents .left_menu ul li .menu_item{width: 100%; padding-left: 28px; display: block;
height: 100%; border: 1px solid #d8d8d8; border-radius: 10px; height: 64px; display: flex;
align-items: center; font-size: 17px;  font-weight: 500;  background: #fff url(/resources/board_img/uil--angle-down.svg) no-repeat right 18px center; background-size: 36px;}
.sub_wrap .sub_contents .left_menu ul li .menu_item.active {color: #fff; font-weight: bold !important; background:#206487 url(/resources/board_img/uil--angle-up.svg) no-repeat right 18px center !important; z-index: 9999; background-size: 36px !important;}

.sub_wrap .sub_contents .left_menu ul li ul.sub-menu{padding: 10px 0 14px;}
.sub_wrap .sub_contents .left_menu ul li ul.sub-menu li{margin: 0;}
.sub_wrap .sub_contents .left_menu ul li ul.sub-menu li a{padding: 10px 28px; display: block; line-height: 1em; display: flex; align-items: center; color: #666; border: 0; background: 0; height: auto;}
.sub_wrap .sub_contents .left_menu ul li ul.sub-menu li a:before{content: ''; width: 4px; height: 4px; background: #444; display: inline-block; margin-right: 11px;}
.sub_wrap .sub_contents .left_menu ul li ul.sub-menu li a.active{color: #206487; font-weight: bold;}
.sub_wrap .sub_contents .board_wrap .Notice{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.sub_wrap .sub_contents .board_wrap .Notice h3{font-size: 36px; color: #000; line-height: 1em; letter-spacing: -1px; 
  font-weight: 500; margin-bottom: 25px;}
.sub_wrap .sub_contents .board_wrap .Notice h3 span{color: #3763d1;}
.sub_wrap .sub_contents .board_wrap .Notice p{font-size: 18px; line-height: 1.2em; letter-spacing: -1px; color: #000;}
@media (max-width: 1200px) {
  /*left_menu*/
  .sub_wrap .sub_contents .left_menu{display: none;}
}
@media (max-width:778px){
  .sub_wrap .sub_contents .board_wrap .Notice h3{font-size: 32px; line-height: 1.2em;}
}
/*시설소개*/
.space-intro .tit{font-size: 30px; font-weight: bold; letter-spacing: -1px; line-height: 1em;}
.space-intro .item_wrap{max-width: 320px; width: 100%; }
.space-intro .item_wrap .tit{width: 100%; height: 50px; display: flex; align-items: center; justify-content: center;}
.space-intro .item_wrap .tit.area1{background: #FF724A;}
.space-intro .item_wrap .tit.area2{background: #1D2C6F;}
.space-intro .item_wrap .tit.area3{background: #636d8e;}
.space-intro .item_wrap .tit span{font-size: 20px; font-weight: bold; color: #fff;}
.space-intro .item_wrap .box_txt{border: 1px solid #ddd; padding: 20px 20px 29px 20px;}
.space-intro .item_wrap .box_txt ul li{line-height: 1em; margin-bottom: 17px; font-size: 16px; color: #666; letter-spacing: -1px;
display: flex; align-items: center;}
.space-intro .item_wrap .box_txt ul li::before{content: ''; width: 8px; height: 2px;  background: #c4c4c4; display: block; margin-right: 10px;}
.space-intro .item_wrap .box_txt ul li:last-child{margin-bottom: 0;}
.space-intro .item_wrap img{width: 100%;}
.space-intro .map_wrap{width: 100%;}
.space-intro .map_wrap .map_img{position: relative;}
.space-intro .map_wrap .map_img img{width: 100%;}
.space-intro .map_wrap .map_img .m_img{display: none;}
.space-intro .map_wrap .map_img .sub_tit{position: absolute; margin: 0; position: absolute; top: 140px; left: 64px;}
.space-intro .map_wrap .map_img .sub_tit h3{font-size: 50px; color: #000; letter-spacing: -1px; font-weight: bold;}
.space-intro .map_link{display: flex; justify-content: center;}


/*사업소개*/
.business-intro{width: 100%;}
.business-intro ul.business-list{display: flex; align-items: center;}
.business-intro ul.business-list li{width: calc(100% / 3); margin-right: 20px;  height: 185px;
box-sizing: border-box; overflow: hidden;}
.business-intro ul.business-list li:last-child{margin-right: 0; }
.business-intro ul.business-list li a{display: block; width: 100%; height: 100%; display: flex; align-items: center;
  justify-content: center; text-align: center; border-radius: 15px; font-size: 26px; font-weight: bold; line-height: 36px; letter-spacing: -1px; cursor: default;}
.business-intro ul.business-list li:nth-child(1) a {border: 2px solid #78b4e8; background: #f4faff url(../img/mynaui--tool.svg) no-repeat right 10px bottom -40px; color: #1878ca;}
.business-intro ul.business-list li:nth-child(2) a {border: 2px solid #50c4a1; background: #f7fffa url(../img/streamline--sprout.svg) no-repeat right 10px bottom -20px; color: #10a277;}
.business-intro ul.business-list li:nth-child(3) a {border: 2px solid #948fd5; background: #f7f7ff url(../img/communication.svg) no-repeat right 15px bottom -5px; color: #6255ad;}

@media (max-width:778px){
  /*사업소개*/
  .business-intro ul.business-list{flex-wrap: wrap;}
  .business-intro ul.business-list li{width: 100%; margin-right: 0; margin-bottom: 20px;}

  /*시설소개*/
  .space-intro .map_wrap .map_img .pc_img{display: none;}
  .space-intro .map_wrap .map_img .m_img{display: block;}

}

/*공간대관*/
.sub_con .info_wrap{border:1px solid #e0e0e0; background: #f4f5f9; padding:33px 58px;}
.sub_con .info_wrap .info{background: url('/resources/img/ico_note.png') no-repeat left 24px top 6px;; padding-left:119px; margin-bottom:17px;
background-size: 55px;}
.sub_con .info_wrap .info .tit{font-size:22px; font-weight: 600; margin-bottom:9px; word-break: keep-all;}
.sub_con .info_wrap .info .txt{font-size:17px; color:#3d3d3d; line-height: 1.4em;}
.sub_con .info_wrap .note_wrap{background: #fff; padding:26px 30px; color:#666666;}
.note_list li{background: url('/resources/img/uil--check-circle.svg') no-repeat left 4px; padding-left:28px; margin-bottom:3px;}
.detail_info{}
.detail_info .tit_wrap{display: flex; align-items:center; justify-content: space-between;}
.detail_info .tit_wrap .tit{font-size: 30px; font-weight: 700; margin-bottom:16px;}
.detail_info .tit_wrap .txt{color:#666;}
.detail_info .swiper{height: 455px;}
.detail_info .swiper img{height: 100%; object-fit: fill;}
a.link_btn{display: inline-block; min-width: 210px; background: url('/resources/img/uil--external-link-alt02.svg') #3763d1 no-repeat right 20px top 17px; line-height: 1em; padding:19px 0 19px 42px; font-size:18px; font-weight: 700; color:#fff; border-radius: 5px; text-align: left;}
a.link_btn.link_type1{padding-left:28px; background: url('/resources/img/uil--external-link-alt02.svg') #3763d1 no-repeat right 25px center; border-radius: 5px;}

/*swiper css*/
.infoImg_swiper .swiper-pagination-bullet{width:12px; height:12px; background: #fff; opacity: 0.4;}
.infoImg_swiper .swiper-pagination-bullet-active{opacity: 1;}
.infoImg_swiper .swiper-button-next{width:48px; height:48px; background: url('/resources/img/uil--angle-right-b.svg') no-repeat;}
.infoImg_swiper .swiper-button-next:after{display: none;}
.infoImg_swiper .swiper-button-prev{width:48px; height:48px; background: url('/resources/img/uil--angle-left-b.svg') no-repeat;}
.infoImg_swiper .swiper-button-prev:after{display: none;}

/*table css*/
.table_wrapper{overflow-x: auto;}
.table_type{border-top:2px solid #206487; word-break: keep-all; width: 100%; table-layout: fixed;}
.table_type th{text-align: center; background: #f9fafc; border-bottom:1px solid #e0e1e3; color:#373e41; padding:15px 5px;}
.table_type td{border-bottom:1px solid #e0e1e3; color:#666; padding:15px 20px;}

.detail_info2{}
.detail_info2 .tit_wrap2 .tit:before{content:''; display: inline-block; width:34px; height:4px; background:#013f95; margin-bottom:10px;}
.detail_info2 .tit_wrap2 .tit{display: flex; flex-direction: column; font-size:24px; font-weight: 600; margin-bottom:10px;}
.detail_info2 .tit_wrap2 .txt{ color:#666;}

.method_wrap ul{display: flex; justify-content: space-between;}
.method_wrap ul li{border:1px solid #e0e0e0; width:calc((100% - 24px) / 2); padding:29px; text-align: center;}
.method_wrap ul li .ico {width: 68px;margin: 0 auto 38px;}
.method_wrap ul li .ico img {width: 100%; height: auto;  display: block;}
.method_wrap ul li .tit{font-size:24px; font-weight: 700; margin-bottom:24px; line-height: 1em;}
.method_wrap ul li .txt{word-break: keep-all; line-height: 1.6em; color:#666;}
.link_wrap{display: flex; align-items: center; justify-content: center;}
a.link_btn2{display: inline-block; min-width: 92px; background: url('/resources/img/uil--external-link-alt.svg') #fff no-repeat right 12px top 7px; line-height: 1em; font-size:15px; color:#666; padding:9px 31px 9px 13px; border:1px solid #c4c4c4; border-radius: 5px; margin-left:12px;}
.sub_tit2{font-size:18px; font-weight: 600; background: url('/resources/img/ico_bullet.png') no-repeat 0 center; padding-left:19px; margin-bottom:10px; background-size: 10px;}
.list_type li{color:#666; background: url('/resources/img/ico_bullet2.png') no-repeat 0 11px; padding-left:17px; margin-bottom:5px;}
.list_type li:last-child{margin-bottom:0;}
.indent_txt{padding-left:18px;}

/*FAQ*/
.QA_wrap{}
.QA_wrap details{ font-size:20px; margin-bottom:20px;}
.QA_wrap details:last-child{margin-bottom: 0;}
.QA_wrap summary {display:flex; align-items:center; justify-content:space-between; padding:17px 30px 17px 20px; font-weight:700; cursor:pointer; border:1px solid #ccc; border-radius: 50px;}
.QA_wrap details summary::-webkit-details-marker{ display: none; }
.QA_wrap summary p{display:flex; align-items:center; margin-bottom:0;}
.QA_wrap summary p:before{display:flex; align-items: center; justify-content: center; min-width:40px; height:40px; content:'Q'; font-size:20px; font-weight:700; margin-right:15px; background: #626262; color:#fff; border-radius: 50%;}
.QA_wrap summary:after{display:inline-block; min-width:24px; width:25px; height:14px; content: ""; background:url('/resources/img/ico_QA_arrow.png') no-repeat; margin-left:15px;}
.QA_wrap details[open] summary {}
.QA_wrap details[open] summary:after{display:inline-block; width:25px; height:14px; content: ""; background:url('/resources/img/ico_QA_arrow.png') no-repeat; transform:rotate(180deg);}
.QA_wrap details[open] div.ans{display:flex; align-items: center; color:#444444; font-size:18px; padding:28px 20px 8px; line-height: 1.6em;}
.QA_wrap details[open] div.ans:before{display:flex; align-items: center; justify-content: center; min-width:40px; height:40px; content:'A'; font-size:20px; font-weight:700; margin-right:15px; background: #19739f; color:#fff; border-radius: 50%;}

@media(max-width:768px){
    .detail_info .tit_wrap{display: block;}
    .detail_info .tit_wrap .left{margin-bottom:20px;}
    .detail_info .swiper{height: 300px;}
    .method_wrap ul{display: block;}
    .method_wrap ul li{width:100%; margin-bottom:10px;}
    .method_wrap ul li:last-child{margin-bottom:0;}

    /*FAQ*/
    .QA_wrap details{font-size:18px;}
    .QA_wrap details[open] div{font-size:16px;}
}

@media(max-width:460px){
  
    .sub_con .info_wrap{padding: 33px 20px;}
    .sub_con .info_wrap .info{background: none; padding-left: 0;}
    .table_type{table-layout: inherit;}
    .detail_info .swiper{height: auto;}
}


/*오시는길*/
.sub_title{font-size:30px; font-weight: bold; letter-spacing: -2px; line-height: 1em; margin-bottom:30px;}
.map_wrap{margin-bottom:24px;}
.map_wrap .root_daum_roughmap{width:100% !important;}
.map_wrap .wrap_controllers{display: none;}
.map_wrap .root_daum_roughmap .map_border{display: none !important;}
.map_info1{display: flex; margin-bottom:70px;}
.map_info1 .item{display: flex; align-items: center; word-break: keep-all;}
.map_info1 .item:first-child{margin-right:90px;}
.map_info1 .item .ico{ margin-right: 20px; min-width: 60px; height: 60px; background: #f1f3ff; display: flex;
 align-items: center; justify-content: center; border-radius: 20px;}
.map_info1 .item .tit{min-width:30px; font-size:18px; font-weight: bold; margin-right:30px;}
.map_info1 .item .txt{font-size:18px; color:#444;}

.map_info2{}
.map_info2 .tit_wrap2{margin-bottom:30px;}
.map_info2 .tit_wrap2 .tit:before{content:''; display: inline-block; width:34px; height:4px; background:#013f95; margin-bottom:10px;}
.map_info2 .tit_wrap2 .tit{display: flex; flex-direction: column; font-size:24px; font-weight: 600; margin-bottom:10px;}
.map_info2 .box{border:1px solid #e8e8e8; padding:30px; border-radius: 10px;}
.map_info2 .box .item{display: flex; align-items: center; padding:0 10px;}
.map_info2 .box .item:first-child{margin-bottom:18px;}
.map_info2 .box .item:nth-child(2){margin-bottom:28px;}
.map_info2 .box .bar{width:100%; height:1px; background:#e8e8e8; margin-bottom:20px;}
.map_info2 .box .item .ico{margin-right:17px; min-width: 54px; height: 54px; background: #f4f4f4; border-radius: 50%;
display: flex; align-items: center; justify-content: center;}
.map_info2 .box .item .tit{min-width:63px; font-size:18px; font-weight: bold; margin-right:94px;}
.map_info2 .box .item .txt{}
.map_info2 .box .item .txt .list_type li{color:#444;}
.map_info2 .box .item .txt .list_type li span{font-weight: 600;}
.root_daum_roughmap .wrap_btn_zoom, .root_daum_roughmap .wrap_btn_zoom .img_zoom{background:0 !important;}
@media(max-width:1400px){
     /*오시는길*/
    .map_info1{display: block;}
    .map_info1 .item:first-child{margin-right:0; margin-bottom:20px;}
}

@media(max-width:1200px){
    /*오시는길*/
    .map_info1{display: flex;}
    .map_info1 .item:first-child{margin-right:90px; margin-bottom:0;}
}

@media(max-width:992px){
    /*오시는길*/
    .map_info1{display: block;}
    .map_info1 .item:first-child{margin-right:0; margin-bottom:20px;}

    .map_info2 .box{padding:30px 20px;}
    .map_info2 .box .item .tit{margin-right:30px;}
}

@media(max-width:460px){
    /*오시는길*/
    .map_info1 .item{text-align: center; flex-direction: column;}
    .map_info1 .item .ico,
    .map_info1 .item .tit{margin-right:0; margin-bottom:10px;}
    .map_info1 .item .tit{margin-bottom:5px;}

    .map_info2 .box .item{flex-direction: column;}
    .map_info2 .box .item .ico,
    .map_info2 .box .item .tit{margin-right:0; margin-bottom:10px; text-align: center;}
}


/*로그인 페이지*/
.login-container {display: flex; align-items: center; gap: 30px;}
.login-info {text-align: center; width: 350px; margin-right: 50px;}
.login-info h2 {font-size: 40px; font-weight: bold; margin: 32px 0 30px; letter-spacing: -1px; line-height: 1em;}
.login-info p {font-size: 17px; line-height: 24px; color: #000; margin-bottom: 0;}
.login-form {background-color: #f3f3f3; padding: 60px 60px 50px; width: calc(100% - 400px);}
.login-form .b_none{border: none; border-radius: 25px !important;}
.login-form input {width: 100%; background-color: #fff; font-size: 16px; padding-left: 117px;}
.login-form input[type="text"]::placeholder,
.login-form input[type="password"]::placeholder {color: #000;}
.input-wrapper {position: relative; margin-bottom: 10px;}
.input-wrapper input {width: 100%; padding-right: 10px;}
.input-wrapper label{position: absolute; left: 24px; top: 52%; transform: translateY(-52%);}
.input-wrapper label::after {content: ""; position: absolute; top: 50%; left: 72px; transform: translateY(-50%);
  width: 1px; height: 16px; background-color: #ccc;}
.login-form button {width: 100%; padding: 12px; border: none; border-radius: 25px; background-color: #172e40; color: #fff;
  font-size: 16px; cursor: pointer; margin: 10px 0 27px;}
.help-links {font-size: 16px; line-height: 1em; display: flex; align-items: center; justify-content:space-between;}
.help-links a {color: #000; letter-spacing: -1px;}
.help-links div:first-child{display: flex;}
.help-links div:first-child a{display: flex;}
.help-links a::before{content: ''; width: 1px; background: #c9c9c9; display: inline-block; height: 16px; margin: 0 15px;}
.help-links a:first-child::before{display: none;}
@media (max-width: 1400px) and (min-width: 1200px) {
  .login-container{flex-direction: column;}
  .login-info{width: 100%; margin: 0 0 30px 0;}
  .login-form{width: 100%; padding: 35px 25px;}
  .login-form input{padding-left: 17%;}

}
@media(max-width:992px){
  .login-container{flex-direction: column;}
  .login-info{width: 100%; margin: 0 0 30px 0;}
  .login-form{width: 100%; padding: 35px 25px;}

}

@media(max-width:460px){
  .login-info h2{font-size: 34px;}
  .login-info p{font-size: 16px;}
  .help-links a{font-size: 15px;}
  .help-links a::before{margin: 0 7px;}
  .input-wrapper label{left: 17px;}
  .input-wrapper label::after{left: 70px;}
  .login-form input{padding-left: 110px;}
}

/*이용약관*/
.privacy_contents .section{margin-bottom: 34px;}
.privacy_contents .section h2{line-height: 1em; color: #444; letter-spacing: -1px; color: #444; font-weight: 600;
font-size: 20px; margin-bottom: 13px;}
.privacy_contents .section ul{padding-left: 20px;}
.privacy_contents .section ul.p_0{padding-left: 0;}
.privacy_contents .section ul li{font-size: 16px; color: #444; display: flex;}
.privacy_contents .section ul li.d_b{display: block;}
.privacy_contents .section ul li ul.p_list{padding-left: 20px; margin: 5px 0;}
.privacy_contents .section ul li ul li.circle{position: relative; padding-left: 10px; line-height: 1.6em;}
.privacy_contents .section ul li ul li.circle:before{content: ''; width: 4px; height: 4px; background: #222; display: inline-block; border-radius: 50%; position: absolute; top: 10px; left: 0;}
.privacy_contents .section ul li span.clause{margin-right: 3px; min-width: 17px;}
.privacy_contents .section ul li span.blue,
.privacy_contents .section ul li.blue
{color: #3763d1;}

/*개인정보처리방침*/
.privacy_contents .section ul.circle.p_10{padding-left: 10px;}
.privacy_contents .section ul.circle.p_30{padding-left: 30px;}
.privacy_contents .section ul.circle li{position: relative; padding-left: 10px; line-height: 1.6em; display: block;}
.privacy_contents .section ul.circle li.m_5{margin: 5px 0;}
.privacy_contents .section ul.circle li:before{content: ''; width: 4px; height: 4px; background: #222; display: inline-block; border-radius: 50%; position: absolute; top: 10px; left: 0;}
.privacy_contents .section ul li.circle a.blue{color: #3763d1;}
.privacy_contents .section h4{font-size: 18px; color: #444; font-weight: 600; margin-bottom: 13px;}
.privacy_contents .section p{color: #444;}
.privacy_contents .table_wrapper{margin-top: 15px; overflow-x: auto; }
.privacy_contents .table_wrapper table{width: 100%;}
.privacy_contents .table_wrapper p.tit{line-height: 1em; margin-bottom: 13px; -webkit-overflow-scrolling: touch;}
.privacy_contents .table_wrapper table th,
.privacy_contents .table_wrapper table td{text-align: center; word-break: normal; border-right: 1px solid #e0e1e3;}
.privacy_contents .table_wrapper table th.blue,
.privacy_contents .table_wrapper table td.blue{color: #3763d1;}
.privacy_contents .table_wrapper table th.b_r0,
.privacy_contents .table_wrapper table td.b_r0{border-right: 0 !important;}

@media(max-width:768px){
  .privacy_contents .table_wrapper table{overflow-x: auto;overflow-y: hidden; width: 800px;}
}

/*생활문화 동호회 소개*/
.club-intro{display: flex; border: 1px solid #e1e3ec; border-radius: 5px; padding: 30px 40px;}
.club-intro .club-section{padding-left: 28px;}
.club-intro .club-section .c_txt:nth-of-type(2){margin: 23px 0 17px;}
.club-intro .club-section .c_txt h3{line-height: 1em; color: #000; font-weight: bold; font-size: 20px;
margin-bottom: 12px;}
.club-intro .club-section ul li{display: flex; position: relative; padding-left: 20px; color: #444; letter-spacing: -1px;}
.club-intro .club-section ul li:before{content: ''; display: inline-block; min-width: 8px; height: 2px; background: #c4c4c4;
position: absolute; left: 0; top: 11px;}
.club-intro .club-section .notice_box{background: #f6f6f6; border: 1px solid #f2f3f7; padding: 15px 20px 11px;}
.club-intro .club-section .notice_box .notice_tit{line-height: 1em; margin-bottom: 10px;}
.club-intro .club-section .notice_box .notice_tit span{font-size: 16px; font-weight: bold; color: #d13737;}
.club-intro .club-section .notice_box ul li{margin-bottom: 2px;}
.club_con .btn{width: 272px; height: 56px; padding: 0; margin: 0 auto; display: flex; max-width: 100%;}
.club_con .btn a{line-height: 1em; background: #4d37d1; color: #fff; font-weight: 500; font-size: 17px;
 border-radius: 20px; border-radius: 10px; display: flex; align-items: center; justify-content: center; width: 100%;
height: 100%;}

@media(max-width:768px){
  .club-intro{display: block;}
  .club-intro .club-section{padding-left: 0; padding-top: 30px;}
}
@media(max-width:460px){
  .club-intro{padding: 20px 30px;}
  .club-intro .club-section .c_txt h3{line-height: 1.4em;}
}